@charset "UTF-8";
[rel="tooltip"] {
  cursor: help;
}

abbr[rel="tooltip"] {
  text-decoration: none;
  border-bottom: 1px dotted  #ccc;
  cursor: help;
}

.__fontsize12px {
  font-size: 12px;
}

html {
  font-size: 87.5%;
  line-height: 0.5em;
}

/* -----
 FONTAWESOME
 -----*/
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.6.3") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.6.3") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.6.3") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-envelope-o:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-o:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-gear:before,
.fa-cog:before {
  content: "";
}

.fa-trash-o:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-file-o:before {
  content: "";
}

.fa-clock-o:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-arrow-circle-o-down:before {
  content: "";
}

.fa-arrow-circle-o-up:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-play-circle-o:before {
  content: "";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "";
}

.fa-refresh:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-video-camera:before {
  content: "";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "";
}

.fa-pencil:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "";
}

.fa-share-square-o:before {
  content: "";
}

.fa-check-square-o:before {
  content: "";
}

.fa-arrows:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-times-circle-o:before {
  content: "";
}

.fa-check-circle-o:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-arrows-v:before {
  content: "";
}

.fa-arrows-h:before {
  content: "";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-gears:before,
.fa-cogs:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-thumbs-o-up:before {
  content: "";
}

.fa-thumbs-o-down:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-heart-o:before {
  content: "";
}

.fa-sign-out:before {
  content: "";
}

.fa-linkedin-square:before {
  content: "";
}

.fa-thumb-tack:before {
  content: "";
}

.fa-external-link:before {
  content: "";
}

.fa-sign-in:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-lemon-o:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-square-o:before {
  content: "";
}

.fa-bookmark-o:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-feed:before,
.fa-rss:before {
  content: "";
}

.fa-hdd-o:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-hand-o-right:before {
  content: "";
}

.fa-hand-o-left:before {
  content: "";
}

.fa-hand-o-up:before {
  content: "";
}

.fa-hand-o-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-group:before,
.fa-users:before {
  content: "";
}

.fa-chain:before,
.fa-link:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-cut:before,
.fa-scissors:before {
  content: "";
}

.fa-copy:before,
.fa-files-o:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-money:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "";
}

.fa-legal:before,
.fa-gavel:before {
  content: "";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "";
}

.fa-comment-o:before {
  content: "";
}

.fa-comments-o:before {
  content: "";
}

.fa-flash:before,
.fa-bolt:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "";
}

.fa-lightbulb-o:before {
  content: "";
}

.fa-exchange:before {
  content: "";
}

.fa-cloud-download:before {
  content: "";
}

.fa-cloud-upload:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-bell-o:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cutlery:before {
  content: "";
}

.fa-file-text-o:before {
  content: "";
}

.fa-building-o:before {
  content: "";
}

.fa-hospital-o:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "";
}

.fa-circle-o:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-folder-o:before {
  content: "";
}

.fa-folder-open-o:before {
  content: "";
}

.fa-smile-o:before {
  content: "";
}

.fa-frown-o:before {
  content: "";
}

.fa-meh-o:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-keyboard-o:before {
  content: "";
}

.fa-flag-o:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-code-fork:before {
  content: "";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-shield:before {
  content: "";
}

.fa-calendar-o:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-ticket:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-minus-square-o:before {
  content: "";
}

.fa-level-up:before {
  content: "";
}

.fa-level-down:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-pencil-square:before {
  content: "";
}

.fa-external-link-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "";
}

.fa-euro:before,
.fa-eur:before {
  content: "";
}

.fa-gbp:before {
  content: "";
}

.fa-dollar:before,
.fa-usd:before {
  content: "";
}

.fa-rupee:before,
.fa-inr:before {
  content: "";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "";
}

.fa-won:before,
.fa-krw:before {
  content: "";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-text:before {
  content: "";
}

.fa-sort-alpha-asc:before {
  content: "";
}

.fa-sort-alpha-desc:before {
  content: "";
}

.fa-sort-amount-asc:before {
  content: "";
}

.fa-sort-amount-desc:before {
  content: "";
}

.fa-sort-numeric-asc:before {
  content: "";
}

.fa-sort-numeric-desc:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-youtube-play:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitbucket-square:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-long-arrow-down:before {
  content: "";
}

.fa-long-arrow-up:before {
  content: "";
}

.fa-long-arrow-left:before {
  content: "";
}

.fa-long-arrow-right:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "";
}

.fa-sun-o:before {
  content: "";
}

.fa-moon-o:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-arrow-circle-o-right:before {
  content: "";
}

.fa-arrow-circle-o-left:before {
  content: "";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "";
}

.fa-dot-circle-o:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "";
}

.fa-plus-square-o:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-spoon:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-automobile:before,
.fa-car:before {
  content: "";
}

.fa-cab:before,
.fa-taxi:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-file-pdf-o:before {
  content: "";
}

.fa-file-word-o:before {
  content: "";
}

.fa-file-excel-o:before {
  content: "";
}

.fa-file-powerpoint-o:before {
  content: "";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "";
}

.fa-file-code-o:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "";
}

.fa-circle-o-notch:before {
  content: "";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "";
}

.fa-ge:before,
.fa-empire:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-circle-thin:before {
  content: "";
}

.fa-header:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-sliders:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-newspaper-o:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bell-slash-o:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-eyedropper:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-area-chart:before {
  content: "";
}

.fa-pie-chart:before {
  content: "";
}

.fa-line-chart:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-cc:before {
  content: "";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "";
}

.fa-meanpath:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-diamond:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-facebook-official:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-hotel:before,
.fa-bed:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-battery-4:before,
.fa-battery-full:before {
  content: "";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-sticky-note-o:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-hourglass-o:before {
  content: "";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "";
}

.fa-hand-scissors-o:before {
  content: "";
}

.fa-hand-lizard-o:before {
  content: "";
}

.fa-hand-spock-o:before {
  content: "";
}

.fa-hand-pointer-o:before {
  content: "";
}

.fa-hand-peace-o:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-tripadvisor:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-tv:before,
.fa-television:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-500px:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-calendar-plus-o:before {
  content: "";
}

.fa-calendar-minus-o:before {
  content: "";
}

.fa-calendar-times-o:before {
  content: "";
}

.fa-calendar-check-o:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-map-o:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-commenting:before {
  content: "";
}

.fa-commenting-o:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-credit-card-alt:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-pause-circle-o:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stop-circle-o:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-wheelchair-alt:before {
  content: "";
}

.fa-question-circle-o:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-volume-control-phone:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/* -----
 RESET
 -----*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

img {
  vertical-align: bottom;
}

input, textarea, keygen, select, button {
  font-family: -apple-system, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;
}

/* -----
 変数でfont-sizeを記述
 -----*/
/* -----
 COMMON
 -----*/
/*@font-face{
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 300;
}

@font-face{
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: 500;
}

@font-face{
  font-family: "Original Yu Gothic";
  src: local("Yu Gothic");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}*/
* {
  -moz-appearance: none;
  -webkit-appearance: none;
}

html {
  overflow: auto;
}

* html {
  /* for IE6 */
  overflow: hidden;
  overflow-x: auto;
  height: 100%;
}

* html body {
  /* for IE6 */
  overflow-y: auto;
  height: 100%;
}

*, body, .article_body {
  font-family: -apple-system, "Helvetica Neue", "Hiragino Kaku Gothic ProN", "メイリオ", meiryo, sans-serif;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  *, body, .article_body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
@media all and (-ms-high-contrast: active) {
  *, body, .article_body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
.fa {
  font-family: FontAwesome !important;
}

body {
  background: #f7f7f7;
  color: #333;
  font-size: 1em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 0em;
  overflow-x: hidden;
  min-width: 1200px;
}
@media (max-width: 1199px) {
  body {
    min-width: initial;
    min-width: auto;
  }
}
body.signIn {
  background: url(../img/common/sign-in-bg.jpg) center top no-repeat;
  background-size: cover;
}
@media (max-width: 599px) {
  body.signIn {
    background-position: center center;
  }
}

a:hover img {
  opacity: 0.75;
  filter: alpha(opacity=75);
}

.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.display-none {
  display: none;
}

.display-none-important {
  display: none !important;
}

.rotate180 {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.gray-border-bottom {
  border-bottom: #ccc solid 1px;
}
@media (max-width: 1199px) {
  .gray-border-bottom {
    border-bottom: none;
  }
}

input:focus, textarea:focus, keygen:focus, select:focus, button:focus {
  outline: 0;
}

@media (max-width: 1199px) {
  .__responsive-margin {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.__fwb {
  font-weight: bold;
}

.__tac {
  text-align: center;
}

.__tar {
  text-align: right !important;
}

.__disb {
  display: block;
}

.__lh1-6em {
  line-height: 1.6em !important;
}

.__cb {
  clear: both;
}

.__basicAnchor {
  color: #3498db;
  text-decoration: none;
}
.__basicAnchor:hover {
  color: #5faee3;
}

.__ofh {
  overflow: hidden;
}

.__grayText {
  color: #737373;
}

.__greenText {
  color: #26ad67;
}

.__greenBox {
  padding: 3px 10px;
  background: #50ce37;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.__display-block {
  display: block;
}

.__display-none {
  display: none;
}

.__linkStyle01 {
  color: #333 !important;
  font-size: 12px !important;
  text-decoration: underline !important;
}
.__linkStyle01:hover {
  text-decoration: none !important;
}

.__colorWhite {
  color: #fff !important;
}

.__markerYellow {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4wIi8+PHN0b3Agb2Zmc2V0PSI2MCUiIHN0b3AtY29sb3I9IiNmZmZmOGIiLz48c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iI2ZmZmY4YiIvPjxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(60%, #ffff8b), color-stop(90%, #ffff8b), color-stop(90%, rgba(0, 0, 0, 0)));
  background: -moz-linear-gradient(rgba(0, 0, 0, 0) 60%, #ffff8b 60%, #ffff8b 90%, rgba(0, 0, 0, 0) 90%);
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 60%, #ffff8b 60%, #ffff8b 90%, rgba(0, 0, 0, 0) 90%);
  background: linear-gradient(rgba(0, 0, 0, 0) 60%, #ffff8b 60%, #ffff8b 90%, rgba(0, 0, 0, 0) 90%);
  font-weight: bold;
}

/*.__markerBlue {
    @include background(linear-gradient(transparent 60%, adjust-hue(#ffff66, 120deg) 60%));
    font-weight: bold;
}*/
/*.__markerPink {
    @include background(linear-gradient(transparent 60%, adjust-hue(#ffff66, 240deg) 60%));
    font-weight: bold;
}*/
@media (max-width: 1199px) {
  .__responsive-padding {
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.notPayment-top-bar {
  padding: 10px;
  background: #f8d9d6;
  color: #db4130;
  text-align: center;
  text-decoration: underline;
}

.attention {
  color: #db4130;
}

.pcHideMobileDisplay {
  display: none;
}
@media (max-width: 599px) {
  .pcHideMobileDisplay {
    display: block;
  }
}

@media (max-width: 599px) {
  .pcDisplayMobileHide {
    display: none;
  }
}

.__mt0 {
  margin-top: 0px !important;
}

.__mt5 {
  margin-top: 5px !important;
}

.__mt10 {
  margin-top: 10px !important;
}

.__mt15 {
  margin-top: 15px !important;
}

.__mt20 {
  margin-top: 20px !important;
}

.__mt25 {
  margin-top: 25px !important;
}

.__mt30 {
  margin-top: 30px !important;
}

.__mt35 {
  margin-top: 35px !important;
}

.__mt40 {
  margin-top: 40px !important;
}

.__mt45 {
  margin-top: 45px !important;
}

.__mt50 {
  margin-top: 50px !important;
}

.__mt55 {
  margin-top: 55px !important;
}

.__mt60 {
  margin-top: 60px !important;
}

.__mt65 {
  margin-top: 65px !important;
}

.__mt70 {
  margin-top: 70px !important;
}

.__mt75 {
  margin-top: 75px !important;
}

.__mt80 {
  margin-top: 80px !important;
}

.__mt85 {
  margin-top: 85px !important;
}

.__mt90 {
  margin-top: 90px !important;
}

.__mt95 {
  margin-top: 95px !important;
}

.__mt100 {
  margin-top: 100px !important;
}

.__mr0 {
  margin-right: 0px !important;
}

.__mr5 {
  margin-right: 5px !important;
}

.__mr10 {
  margin-right: 10px !important;
}

.__mr15 {
  margin-right: 15px !important;
}

.__mr20 {
  margin-right: 20px !important;
}

.__mr25 {
  margin-right: 25px !important;
}

.__mr30 {
  margin-right: 30px !important;
}

.__mr35 {
  margin-right: 35px !important;
}

.__mr40 {
  margin-right: 40px !important;
}

.__mr45 {
  margin-right: 45px !important;
}

.__mr50 {
  margin-right: 50px !important;
}

.__mr55 {
  margin-right: 55px !important;
}

.__mr60 {
  margin-right: 60px !important;
}

.__mr65 {
  margin-right: 65px !important;
}

.__mr70 {
  margin-right: 70px !important;
}

.__mr75 {
  margin-right: 75px !important;
}

.__mr80 {
  margin-right: 80px !important;
}

.__mr85 {
  margin-right: 85px !important;
}

.__mr90 {
  margin-right: 90px !important;
}

.__mr95 {
  margin-right: 95px !important;
}

.__mr100 {
  margin-right: 100px !important;
}

.__mb0 {
  margin-bottom: 0px !important;
}

.__mb5 {
  margin-bottom: 5px !important;
}

.__mb10 {
  margin-bottom: 10px !important;
}

.__mb15 {
  margin-bottom: 15px !important;
}

.__mb20 {
  margin-bottom: 20px !important;
}

.__mb25 {
  margin-bottom: 25px !important;
}

.__mb30 {
  margin-bottom: 30px !important;
}

.__mb35 {
  margin-bottom: 35px !important;
}

.__mb40 {
  margin-bottom: 40px !important;
}

.__mb45 {
  margin-bottom: 45px !important;
}

.__mb50 {
  margin-bottom: 50px !important;
}

.__mb55 {
  margin-bottom: 55px !important;
}

.__mb60 {
  margin-bottom: 60px !important;
}

.__mb65 {
  margin-bottom: 65px !important;
}

.__mb70 {
  margin-bottom: 70px !important;
}

.__mb75 {
  margin-bottom: 75px !important;
}

.__mb80 {
  margin-bottom: 80px !important;
}

.__mb85 {
  margin-bottom: 85px !important;
}

.__mb90 {
  margin-bottom: 90px !important;
}

.__mb95 {
  margin-bottom: 95px !important;
}

.__mb100 {
  margin-bottom: 100px !important;
}

.__ml0 {
  margin-left: 0px !important;
}

.__ml5 {
  margin-left: 5px !important;
}

.__ml10 {
  margin-left: 10px !important;
}

.__ml15 {
  margin-left: 15px !important;
}

.__ml20 {
  margin-left: 20px !important;
}

.__ml25 {
  margin-left: 25px !important;
}

.__ml30 {
  margin-left: 30px !important;
}

.__ml35 {
  margin-left: 35px !important;
}

.__ml40 {
  margin-left: 40px !important;
}

.__ml45 {
  margin-left: 45px !important;
}

.__ml50 {
  margin-left: 50px !important;
}

.__ml55 {
  margin-left: 55px !important;
}

.__ml60 {
  margin-left: 60px !important;
}

.__ml65 {
  margin-left: 65px !important;
}

.__ml70 {
  margin-left: 70px !important;
}

.__ml75 {
  margin-left: 75px !important;
}

.__ml80 {
  margin-left: 80px !important;
}

.__ml85 {
  margin-left: 85px !important;
}

.__ml90 {
  margin-left: 90px !important;
}

.__ml95 {
  margin-left: 95px !important;
}

.__ml100 {
  margin-left: 100px !important;
}

.__pt0 {
  padding-top: 0px !important;
}

.__pt5 {
  padding-top: 5px !important;
}

.__pt10 {
  padding-top: 10px !important;
}

.__pt15 {
  padding-top: 15px !important;
}

.__pt20 {
  padding-top: 20px !important;
}

.__pt25 {
  padding-top: 25px !important;
}

.__pt30 {
  padding-top: 30px !important;
}

.__pt35 {
  padding-top: 35px !important;
}

.__pt40 {
  padding-top: 40px !important;
}

.__pt45 {
  padding-top: 45px !important;
}

.__pt50 {
  padding-top: 50px !important;
}

.__pt55 {
  padding-top: 55px !important;
}

.__pt60 {
  padding-top: 60px !important;
}

.__pt65 {
  padding-top: 65px !important;
}

.__pt70 {
  padding-top: 70px !important;
}

.__pt75 {
  padding-top: 75px !important;
}

.__pt80 {
  padding-top: 80px !important;
}

.__pt85 {
  padding-top: 85px !important;
}

.__pt90 {
  padding-top: 90px !important;
}

.__pt95 {
  padding-top: 95px !important;
}

.__pt100 {
  padding-top: 100px !important;
}

.__pr0 {
  padding-right: 0px !important;
}

.__pr5 {
  padding-right: 5px !important;
}

.__pr10 {
  padding-right: 10px !important;
}

.__pr15 {
  padding-right: 15px !important;
}

.__pr20 {
  padding-right: 20px !important;
}

.__pr25 {
  padding-right: 25px !important;
}

.__pr30 {
  padding-right: 30px !important;
}

.__pr35 {
  padding-right: 35px !important;
}

.__pr40 {
  padding-right: 40px !important;
}

.__pr45 {
  padding-right: 45px !important;
}

.__pr50 {
  padding-right: 50px !important;
}

.__pr55 {
  padding-right: 55px !important;
}

.__pr60 {
  padding-right: 60px !important;
}

.__pr65 {
  padding-right: 65px !important;
}

.__pr70 {
  padding-right: 70px !important;
}

.__pr75 {
  padding-right: 75px !important;
}

.__pr80 {
  padding-right: 80px !important;
}

.__pr85 {
  padding-right: 85px !important;
}

.__pr90 {
  padding-right: 90px !important;
}

.__pr95 {
  padding-right: 95px !important;
}

.__pr100 {
  padding-right: 100px !important;
}

.__pb0 {
  padding-bottom: 0px !important;
}

.__pb5 {
  padding-bottom: 5px !important;
}

.__pb10 {
  padding-bottom: 10px !important;
}

.__pb15 {
  padding-bottom: 15px !important;
}

.__pb20 {
  padding-bottom: 20px !important;
}

.__pb25 {
  padding-bottom: 25px !important;
}

.__pb30 {
  padding-bottom: 30px !important;
}

.__pb35 {
  padding-bottom: 35px !important;
}

.__pb40 {
  padding-bottom: 40px !important;
}

.__pb45 {
  padding-bottom: 45px !important;
}

.__pb50 {
  padding-bottom: 50px !important;
}

.__pb55 {
  padding-bottom: 55px !important;
}

.__pb60 {
  padding-bottom: 60px !important;
}

.__pb65 {
  padding-bottom: 65px !important;
}

.__pb70 {
  padding-bottom: 70px !important;
}

.__pb75 {
  padding-bottom: 75px !important;
}

.__pb80 {
  padding-bottom: 80px !important;
}

.__pb85 {
  padding-bottom: 85px !important;
}

.__pb90 {
  padding-bottom: 90px !important;
}

.__pb95 {
  padding-bottom: 95px !important;
}

.__pb100 {
  padding-bottom: 100px !important;
}

.__pl0 {
  padding-left: 0px !important;
}

.__pl5 {
  padding-left: 5px !important;
}

.__pl10 {
  padding-left: 10px !important;
}

.__pl15 {
  padding-left: 15px !important;
}

.__pl20 {
  padding-left: 20px !important;
}

.__pl25 {
  padding-left: 25px !important;
}

.__pl30 {
  padding-left: 30px !important;
}

.__pl35 {
  padding-left: 35px !important;
}

.__pl40 {
  padding-left: 40px !important;
}

.__pl45 {
  padding-left: 45px !important;
}

.__pl50 {
  padding-left: 50px !important;
}

.__pl55 {
  padding-left: 55px !important;
}

.__pl60 {
  padding-left: 60px !important;
}

.__pl65 {
  padding-left: 65px !important;
}

.__pl70 {
  padding-left: 70px !important;
}

.__pl75 {
  padding-left: 75px !important;
}

.__pl80 {
  padding-left: 80px !important;
}

.__pl85 {
  padding-left: 85px !important;
}

.__pl90 {
  padding-left: 90px !important;
}

.__pl95 {
  padding-left: 95px !important;
}

.__pl100 {
  padding-left: 100px !important;
}

@media (max-width: 1199px) {
  .__pcDisplayBlock__breakPointTablet {
    display: none;
  }
}

.__pcDisplayBlock__breakPointMobile {
  display: block;
}
@media (max-width: 599px) {
  .__pcDisplayBlock__breakPointMobile {
    display: none;
  }
}

.__pcDisplayNone__breakPointTablet {
  display: none;
}
@media (max-width: 1199px) {
  .__pcDisplayNone__breakPointTablet {
    display: block;
  }
}

.boolCheck {
  display: none;
}
.boolCheck:checked + label::after {
  position: absolute;
  content: '';
  top: 12px;
  left: 3px;
  width: 13px;
  height: 5px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

label.item-filterDescriptionCheckboxLabel, label.item-filterDescriptionCheckboxLabelWl {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
}
label.item-filterDescriptionCheckboxLabel:last-child, label.item-filterDescriptionCheckboxLabelWl:last-child {
  margin-right: 0;
}
label.item-filterDescriptionCheckboxLabel::before, label.item-filterDescriptionCheckboxLabelWl::before {
  position: absolute;
  content: '';
  top: 18px;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #ccc;
}

label.item-filterDescriptionCheckboxLabel[for="introductionCodeCheckbox"], label[for="introductionCodeCheckbox"].item-filterDescriptionCheckboxLabelWl {
  color: #3498db;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
label.item-filterDescriptionCheckboxLabel[for="introductionCodeCheckbox"]:hover, label[for="introductionCodeCheckbox"].item-filterDescriptionCheckboxLabelWl:hover {
  color: #5faee3;
}
label.item-filterDescriptionCheckboxLabel[for="introductionCodeCheckbox"] .normalText, label[for="introductionCodeCheckbox"].item-filterDescriptionCheckboxLabelWl .normalText {
  color: #333;
}

label.item-filterDescriptionCheckboxLabelWl {
  top: -16px;
  left: 5px;
}

.watchList-adedToCart::before {
  color: #999;
  font-size: 25px;
}

.__failure {
  border: 2px solid #db4130 !important;
}

.sns-wrap {
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  clear: both;
  padding-bottom: 20px;
  padding-top: 20px;
  margin-bottom: 30px;
  *zoom: 1;
}
.sns-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.sns-wrap_contents-top {
  text-align: center;
  *zoom: 1;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 35px;
}
.sns-wrap_contents-top:after {
  content: "";
  display: table;
  clear: both;
}

.sns-btn {
  background: #ccc;
  display: block;
  float: left;
  height: 30px;
  text-align: center;
  width: 241px;
  margin-right: 18px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .sns-btn {
    width: 22%;
    margin-right: 4%;
  }
}
.sns-btn_contents-top {
  display: inline-block;
  float: none;
}
@media (max-width: 1199px) {
  .sns-btn_contents-top {
    display: block;
    float: left;
  }
}
.sns-btn_fb {
  background: #4267b2;
}
.sns-btn_fb:hover {
  background: #2d477a;
}
.sns-btn_tw {
  background: #55acee;
}
.sns-btn_tw:hover {
  background: #1689e0;
}
.sns-btn_hb {
  background: #1aa4dc;
  margin-right: 0;
}
.sns-btn_hb:hover {
  background: #127198;
}
.sns-btn_gp {
  background: #db4437;
  margin-right: 0;
}
.sns-btn_gp:hover {
  background: #a7291e;
}
.sns-btn:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.sns-btn img {
  vertical-align: middle;
}

.textStyle01 p {
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 2.1875em;
}
.textStyle01 p:last-child {
  margin-bottom: 0;
}
.textStyle01 p a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.textStyle01 p a:hover {
  color: #5faee3;
}

.common-contentTitle {
  font-size: 1.92857em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 1.03704em;
  font-weight: bold;
}
.common-contentTitle__mbShort {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0.23333em;
}
.common-contentTitle__mbShort02 {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0.46667em;
}
.common-contentTitle__tac {
  text-align: center;
}
@media (max-width: 1199px) {
  .common-contentTitle__tac {
    text-align: left;
  }
}

@media (max-width: 1199px) {
  .contact-formArea {
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.formTableStyle {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 599px) {
  .formTableStyle {
    display: block;
  }
}
@media (max-width: 599px) {
  .formTableStyle tbody {
    display: block;
  }
}
@media (max-width: 599px) {
  .formTableStyle tr {
    display: block;
  }
}
.formTableStyle tr.notPayment th,
.formTableStyle tr.notPayment td {
  background: #f8d9d6;
}
.formTableStyle tr.notPayment td {
  color: #db4130;
  font-weight: bold;
}
.formTableStyle--th, .formTableStyle--td {
  border: #ccc 1px solid;
}
@media (max-width: 599px) {
  .formTableStyle--th, .formTableStyle--td {
    display: block;
    border: none;
  }
}
.formTableStyle--th {
  padding: 5px 5px 5px 55px;
  width: 320px;
  background: #f5f5f5;
}
@media (max-width: 1199px) {
  .formTableStyle--th {
    padding: 10px;
  }
}
@media (max-width: 599px) {
  .formTableStyle--th {
    width: auto !important;
    padding: 0;
    border: none;
    background: none;
    font-weight: bold;
  }
}
.formTableStyle--th__signUp {
  width: 260px;
}
.formTableStyle--th__payment {
  width: 230px;
}
.formTableStyle--th__shoppingDescription {
  padding-left: 20px;
  width: 230px;
}
@media (max-width: 599px) {
  .formTableStyle--th__shoppingDescription {
    padding-left: 0;
  }
}
.formTableStyle--th__contactConfirm {
  width: auto;
  max-width: 320px;
}
.formTableStyle--th--title {
  position: relative;
}
.formTableStyle--th--title--must {
  position: absolute;
  top: -5px;
  left: -20px;
  color: #db4130;
}
@media (max-width: 1199px) {
  .formTableStyle--th--title--must {
    position: static;
  }
}
.formTableStyle--th__myPage {
  width: 260px;
}
@media (max-width: 1199px) {
  .formTableStyle--th__myPage {
    width: 200px;
  }
}
.formTableStyle--th__payment {
  width: 50%;
  padding: 10px;
}
@media (max-width: 599px) {
  .formTableStyle--th__payment {
    width: auto;
    padding: 0;
  }
}
.formTableStyle--th__introductionCode {
  padding-left: 0;
  background: none;
  border: none;
}
.formTableStyle--td {
  padding: 10px;
  background: #fff;
  word-break: break-all;
}
.formTableStyle--td__introductionCode {
  padding-left: 0;
  background: none;
  border: none;
}
@media (max-width: 599px) {
  .formTableStyle--td {
    margin-bottom: 20px;
    padding: 0;
    border: none;
    background: none;
  }
}
.formTableStyle--td [type="text"] {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  width: 300px;
  height: 40px;
  border: #ccc 1px solid;
}
@media (max-width: 599px) {
  .formTableStyle--td [type="text"] {
    width: 100%;
  }
}
.formTableStyle--td .selectWrap {
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  height: 40px;
  border: solid 1px #222;
  background: #fff;
  z-index: 0;
}
@media (max-width: 599px) {
  .formTableStyle--td .selectWrap {
    width: 100%;
  }
}
.formTableStyle--td .selectWrap::after {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 0px;
  margin-right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  font-family: FontAwesome;
}
.formTableStyle--td .selectWrap select {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  padding-right: 60px;
  padding-left: 10px;
  background-color: transparent;
  border: none;
  font-size: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 28px;
}
.formTableStyle--td textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 10px;
  border: #ccc solid 1px;
}
.formTableStyle--td--attention {
  display: block;
  color: #db4130;
}
.formTableStyle--td__shoppingDescription {
  width: auto;
}
.formTableStyle--td__payment {
  padding-left: 20px;
}
@media (max-width: 599px) {
  .formTableStyle--td__payment {
    padding-left: 0;
  }
}
@media (max-width: 1199px) {
  .formTableStyle--td__mypageRegisteredAccount {
    margin-bottom: 0;
  }
}

.form-inputBtnWrap {
  margin-top: 40px;
  *zoom: 1;
}
.form-inputBtnWrap:after {
  content: "";
  display: table;
  clear: both;
}
.form-inputBtnWrap__comfirm {
  width: 560px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .form-inputBtnWrap__comfirm {
    width: auto;
    max-width: 560px;
  }
}
@media (max-width: 599px) {
  .form-inputBtnWrap__comfirm {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 599px) {
  .form-inputBtnWrap__responsivePadding {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.form-inputBtnArr {
  display: block;
  position: relative;
  width: 250px;
  height: 50px;
  margin: 0 auto;
  background: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}
@media (max-width: 599px) {
  .form-inputBtnArr {
    width: 100%;
  }
}
.form-inputBtnArr::after {
  position: absolute;
  margin: auto;
  top: 0;
  right: 20px;
  bottom: 0;
  height: 20px;
  content: "\f054";
  font-weight: normal;
  font-family: FontAwesome;
  color: #fff;
  line-height: 20px;
  z-index: 9999999999;
}

.form-inputBtn {
  display: block;
  width: 250px;
  height: 50px;
  margin: 0 auto;
  background: #3498db;
  color: #fff;
  border: none;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  line-height: 50px;
  text-decoration: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .form-inputBtn {
    width: 100%;
  }
}
.form-inputBtn:hover {
  background: #5faee3;
}
.form-inputBtn__anchor {
  color: #fff;
  text-decoration: none;
  line-height: 48px;
  text-align: center;
}
.form-inputBtn__back {
  float: left;
  background: #222;
  border: 1px solid #222;
}
@media (max-width: 1199px) {
  .form-inputBtn__back {
    margin-bottom: 20px;
  }
}
.form-inputBtn__back:hover {
  background: #fff;
  color: #222;
}
.form-inputBtn__next {
  float: right;
}
.form-inputBtn__complete {
  margin-right: auto;
  margin-left: auto;
}
.form-inputBtn__bgAnchor {
  border: none;
  background: #3498db;
  color: #fff;
}
.form-inputBtn__bgAnchor:hover {
  background: #5faee3;
}
.form-inputBtn__password {
  background: #3498db;
  color: #fff;
  border: none;
}
.form-inputBtn__password:hover {
  background: #5faee3;
}

#tooltip {
  text-align: left;
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  z-index: 1003;
  padding: 14px 20px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

#tooltip:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid rgba(0, 0, 0, 0.8);
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
}

#tooltip.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #111;
  top: -20px;
  bottom: auto;
}

#tooltip.left:after {
  left: 10px;
  margin: 0;
}

#tooltip.right:after {
  right: 10px;
  left: auto;
  margin: 0;
}

/* -----
 BOX
 -----*/
.frame_outer {
  margin-top: 40px;
}
@media (max-width: 1199px) {
  .frame_outer {
    margin-top: 85px;
  }
}

/*コンサルECサイト用バナー設置*/
/*HEADER*/
header#header_wrap {
  background: #ffffff;
  width: 1200px;
  margin: 0 auto;
  /*overflow-x: hidden;*/
}
@media (max-width: 1199px) {
  header#header_wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
  }
}

/*FOOTER*/
footer#footer_wrap {
  background: #eeeeee;
  width: 1200px;
  margin: 0 auto;
  /*overflow-x: hidden;*/
}
@media (max-width: 1199px) {
  footer#footer_wrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
  }
}

.footer {
  width: 1200px;
  margin: 0 auto;
  /*overflow-x: hidden;*/
}
@media (max-width: 1199px) {
  .footer {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
  }
}

/*MAIN CONTENTS & SIDENAVI*/
#container {
  *zoom: 1;
  width: 1200px;
  margin: 0 auto;
  /*overflow-x: hidden;*/
}
#container:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  #container {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: auto;
  }
}

#main_column.colnum2.left {
  float: left;
  padding-bottom: 80px;
  width: 880px;
}
@media (max-width: 1199px) {
  #main_column.colnum2.left {
    float: none;
    width: auto;
  }
}

#rightcolumn {
  float: right;
  margin-top: 50px;
  margin-bottom: 80px;
  width: 280px;
}
@media (max-width: 1199px) {
  #rightcolumn {
    padding-left: 25px;
    padding-right: 25px;
    float: none;
    margin-top: 0;
    margin-bottom: 0;
    width: auto;
  }
}

/* -----
 HEADER
 -----*/
#header_top {
  position: fixed;
  top: 0;
  width: 1200px;
  margin: 0 -5000px;
  padding: 0 5000px;
  color: #ffffff;
  height: 40px;
  line-height: 40px;
  z-index: 1003;
  background: #222222;
}
@media (max-width: 1199px) {
  #header_top {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
    height: auto;
    padding: 0;
    border-bottom: 1px solid #fff;
  }
}
#header_top .tabletBtnWrap {
  display: none;
}
@media (max-width: 1199px) {
  #header_top .tabletBtnWrap {
    display: block;
  }
}
#header_top .tabletBtnWrap #panel-btn {
  background: none;
  border: none;
  cursor: pointer;
  display: none;
  float: left;
  height: 40px;
  margin-left: 25px;
  margin-top: 5px;
  padding: 0;
  position: relative;
  width: 40px;
}
#header_top .tabletBtnWrap #panel-btn:focus {
  outline: 0;
}
@media (max-width: 1199px) {
  #header_top .tabletBtnWrap #panel-btn {
    display: block;
  }
}
#header_top .tabletBtnWrap #panel-btn #panel-btn-icon {
  display: block;
  position: absolute;
  bottom: 0;
  top: 0;
  width: 40px;
  height: 2px;
  background: #fff;
  margin: auto;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#header_top .tabletBtnWrap #panel-btn #panel-btn-icon::before, #header_top .tabletBtnWrap #panel-btn #panel-btn-icon::after {
  background: #fff;
  content: "";
  display: block;
  position: relative;
  width: 40px;
  height: 2px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#header_top .tabletBtnWrap #panel-btn #panel-btn-icon::before {
  top: -8px;
}
#header_top .tabletBtnWrap #panel-btn #panel-btn-icon::after {
  top: 8px;
}
#header_top .tabletBtnWrap #panel-btn #panel-btn-icon.close {
  background: transparent;
}
#header_top .tabletBtnWrap #panel-btn #panel-btn-icon.close::before {
  top: 1px;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#header_top .tabletBtnWrap #panel-btn #panel-btn-icon.close::after {
  top: -1px;
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#header_top .tabletBtnWrap .cartArea {
  display: block;
  margin-right: 25px;
  float: right;
  text-decoration: none;
  color: #fff;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#header_top .tabletBtnWrap .cartArea .fa-shopping-cart {
  display: inline-block;
  margin-top: 10px;
  margin-right: 7px;
  font-size: 30px;
}
#header_top .tabletBtnWrap .cartArea .itemQuantity {
  position: relative;
  top: -5px;
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 28px;
  background: #fff;
  color: #db4130;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#header_top .tabletBtnWrap .cartArea .itemQuantity__quantity0 {
  color: #777;
}
#header_top .tabletBtnWrap .cartArea:hover {
  color: #e6e6e6;
}
#header_top .tabletBtnWrap .cartArea:hover .itemQuantity {
  background: #e6e6e6;
}
#header_top .tabletBtnWrap .logOffMenu {
  display: block;
  margin: 5px 0px 5px 10px;
  float: right;
  color: #fff;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#header_top .tabletBtnWrap .logOffMenu__signIn:hover {
  color: #e6e6e6;
}
#header_top .tabletBtnWrap .logOffMenu__registration {
  margin-right: 25px;
  color: #3498db;
}
#header_top .tabletBtnWrap .logOffMenu__registration:hover {
  color: #5faee3;
}
#header_top .tabletBtnWrap .logOffMenu .fa {
  margin-right: 3px;
  font-size: 18px;
}
#header_top .site_description {
  float: left;
}
@media (max-width: 1199px) {
  #header_top .site_description {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-left: 14px;
    padding-bottom: 20px;
    padding-top: 20px;
  }
}
#header_top #site_description {
  font-size: 0.92857em;
  line-height: 2.15385em;
  margin-top: 0em;
  margin-bottom: 0em;
  line-height: 40px;
  float: left;
}
@media (max-width: 1199px) {
  #header_top #site_description {
    font-size: 0.64286em;
    line-height: 2.33333em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 5px 25px 5px;
    clear: both;
    float: none;
    border-bottom: 1px solid #333;
  }
}
#header_top .hamburger-btn {
  display: none;
}
#header_top .hamburger-btn:hover {
  background: #fff;
  color: #222222;
}
@media (max-width: 1199px) {
  #header_top .hamburger-btn {
    background: #222222;
    border: 1px solid #fff;
    color: #fff;
    cursor: pointer;
    display: block;
    float: right;
    font-size: 20px;
    margin-right: 14px;
    margin-top: 10px;
    padding: 4px 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
}
@media (max-width: 599px) {
  #header_top .hamburger-btn {
    margin-top: 23px;
  }
}
#header_top nav {
  font-size: 0.92857em;
  line-height: 2.69231em;
  margin-top: 0em;
  margin-bottom: 0em;
  *zoom: 1;
  font-size: 0.92857em;
  line-height: 2.69231em;
  margin-top: 0em;
  margin-bottom: 0em;
  *zoom: 1;
}
#header_top nav:after {
  content: "";
  display: table;
  clear: both;
}
#header_top nav:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  #header_top nav {
    display: none;
    clear: both;
  }
}
#header_top nav > ul {
  float: right;
  display: inline;
}
@media (max-width: 1199px) {
  #header_top nav > ul {
    border-top: 1px solid #fff;
    float: none;
  }
}
#header_top nav > ul > li {
  float: left;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li {
    float: none;
    border-bottom: 1px solid #fff;
  }
}
#header_top nav > ul > li a,
#header_top nav > ul > li div {
  color: #fff;
  /*background: $header-top-line-color;*/
  display: block;
  height: 40px;
  text-decoration: none;
  padding-left: 15px;
  padding-right: 15px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li a,
  #header_top nav > ul > li div {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#header_top nav > ul > li a:hover,
#header_top nav > ul > li div:hover {
  background: #eee;
  color: #333;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li a:hover,
  #header_top nav > ul > li div:hover {
    background: #d5d5d5;
  }
}
#header_top nav > ul > li a.pr0pl0,
#header_top nav > ul > li div.pr0pl0 {
  padding-right: 0;
  padding-left: 0;
}
#header_top nav > ul > li a > span,
#header_top nav > ul > li div > span {
  cursor: pointer;
}
#header_top nav > ul > li a.gnavi-margin,
#header_top nav > ul > li div.gnavi-margin {
  padding-left: 30px;
  padding-right: 30px;
}
#header_top nav > ul > li a.pr28,
#header_top nav > ul > li div.pr28 {
  padding-right: 28px;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li a.pr28,
  #header_top nav > ul > li div.pr28 {
    padding-right: 0;
  }
}
#header_top nav > ul > li a.sighin-btn,
#header_top nav > ul > li div.sighin-btn {
  background: #2e353f;
}
#header_top nav > ul > li a.sighin-btn:hover,
#header_top nav > ul > li div.sighin-btn:hover {
  background: #444e5c;
  color: #fff;
}
#header_top nav > ul > li a.registration-btn,
#header_top nav > ul > li div.registration-btn {
  background: #3498db;
}
#header_top nav > ul > li a.registration-btn:hover,
#header_top nav > ul > li div.registration-btn:hover {
  background: #5faee3;
  color: #fff;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li div {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}
#header_top nav > ul > li div span {
  display: block;
  height: auto;
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li div span {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#header_top nav > ul > li div span.__userName {
  white-space: nowrap;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li div span.__userName {
    width: auto;
  }
}
#header_top nav > ul > li.slide {
  /*cursor: pointer;*/
  position: relative;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li.slide span .fa-angle-down {
    position: absolute;
    right: 14px;
    top: 11px;
  }
}
#header_top nav > ul > li.slide ul {
  display: none;
  background: #eee;
  position: absolute;
  top: 40px;
  right: 0;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li.slide ul {
    position: static;
  }
}
#header_top nav > ul > li.slide ul li {
  color: #333;
}
#header_top nav > ul > li.slide ul li > a:hover {
  background: #ddd;
}
#header_top nav > ul > li.slide ul.inquiry {
  white-space: nowrap;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li.slide ul.inquiry {
    white-space: normal;
  }
}
#header_top nav > ul > li.slide ul.inquiry li .title {
  font-size: 1.28571em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.77778em;
  display: block;
  font-weight: bold;
  margin-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
}
#header_top nav > ul > li.slide ul.inquiry li .comment {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.16667em;
  display: block;
  padding-left: 30px;
  padding-right: 30px;
}
#header_top nav > ul > li.slide ul.inquiry li .tel {
  font-size: 1.14286em;
  line-height: 1.3125em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  padding-left: 30px;
  padding-right: 30px;
}
#header_top nav > ul > li.slide ul.inquiry li .tel a {
  color: #3498db;
  display: inline;
  font-weight: bold;
  padding: 0;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#header_top nav > ul > li.slide ul.inquiry li .tel a:hover {
  background: none;
  color: #5faee3;
}
#header_top nav > ul > li.slide ul.inquiry li .mail {
  font-size: 1.14286em;
  line-height: 1.3125em;
  margin-top: 0em;
  margin-bottom: 0.875em;
  display: block;
  padding-left: 30px;
  padding-right: 30px;
}
#header_top nav > ul > li.slide ul.inquiry li .mail a {
  color: #3498db;
  display: inline;
  font-weight: bold;
  padding: 0;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#header_top nav > ul > li.slide ul.inquiry li .mail a:hover {
  background: none;
  color: #5faee3;
}
#header_top nav > ul > li.slide ul.inquiry li .text {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 25px;
}
#header_top nav > ul > li.slide ul.inquiry li .text a {
  color: #3498db;
  display: inline;
  font-weight: bold;
  padding: 0;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#header_top nav > ul > li.slide ul.inquiry li .text a:hover {
  background: none;
  color: #5faee3;
}
#header_top nav > ul > li.slide ul.account-info {
  white-space: nowrap;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li.slide ul.account-info {
    white-space: normal;
  }
}
#header_top nav > ul > li.slide ul.account-info li .name {
  font-size: 1.28571em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.77778em;
  display: block;
  font-weight: bold;
  margin-top: 25px;
  padding-left: 30px;
  padding-right: 30px;
  word-break: break-all;
}
#header_top nav > ul > li.slide ul.account-info li .membership-num,
#header_top nav > ul > li.slide ul.account-info li .puredomain-id {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  padding-left: 30px;
  padding-right: 30px;
}
#header_top nav > ul > li.slide ul.account-info li .puredomain-id {
  margin-bottom: 25px;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li.slide ul.account-info {
    white-space: normal;
  }
}
@media (max-width: 1199px) {
  #header_top nav > ul > li.slide ul li {
    border-top: 1px solid #fff;
  }
}
#header_top nav > ul > li.slide ul li > a {
  color: #3498db;
  height: auto;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li.slide ul li > a {
    padding-left: 42px;
    white-space: normal;
  }
}
@media (max-width: 1199px) {
  #header_top nav > ul > li.slide ul li > a:hover {
    background: #ddd;
  }
}
#header_top nav > ul > li .curt-button {
  background: #db4130;
  color: #ffffff;
  display: block;
  height: 40px;
  text-decoration: none;
  padding-left: 14px;
  padding-right: 14px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  #header_top nav > ul > li .curt-button {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#header_top nav > ul > li .curt-button:hover {
  background: #e3695b;
  color: #ffffff;
}
#header_top nav > ul > li .curt-button__quantity0 {
  background: #333;
  color: #777;
}
#header_top nav > ul > li .curt-button__quantity0:hover {
  background: #333;
  color: #777;
}

.header_bottom {
  background: #ffffff;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  height: 50px;
  padding-bottom: 10px;
  padding-top: 10px;
  z-index: 1001;
}
.header_bottom:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .header_bottom {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  .header_bottom {
    height: auto;
  }
}

.header_bottom_logo {
  display: block;
  float: left;
}
@media (max-width: 1199px) {
  .header_bottom_logo {
    width: 200px;
    height: auto;
  }
}
@media (max-width: 599px) {
  .header_bottom_logo {
    margin-right: 0;
    float: none;
  }
}
@media (max-width: 1199px) {
  .header_bottom_logo img {
    margin-right: 0;
    max-width: 100%;
    height: auto;
  }
}

.header_byAccessJapan {
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .header_byAccessJapan {
    display: none;
  }
}

.header_bottom_rightBox_wrap {
  float: right;
  *zoom: 1;
}
.header_bottom_rightBox_wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 599px) {
  .header_bottom_rightBox_wrap {
    float: left;
  }
}
.header_bottom_rightBox_wrap--infoAndRank {
  margin-right: 20px;
  float: left;
}
@media (max-width: 1199px) {
  .header_bottom_rightBox_wrap--infoAndRank {
    margin-right: 0;
  }
}
.header_bottom_rightBox_wrap--creditcard {
  margin-top: 10px;
  float: left;
}
@media (max-width: 1199px) {
  .header_bottom_rightBox_wrap--creditcard {
    display: none;
  }
}
.header_bottom_rightBox_wrap--infoWrap {
  position: relative;
  height: 30px;
  margin-bottom: 7px;
  padding-left: 15px;
  padding-right: 10px;
  float: left;
  background: #eee;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 1199px) {
  .header_bottom_rightBox_wrap--infoWrap {
    display: none;
  }
}
.header_bottom_rightBox_wrap--infoWrap__hover {
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0;
}
.header_bottom_rightBox_wrap--infoWrap--clickArea {
  cursor: pointer;
}
@media (max-width: 1199px) {
  .header_bottom_rightBox_wrap--infoWrap--clickArea {
    cursor: default;
  }
}
.header_bottom_rightBox_wrap--infoWrap--clickArea--domainNum {
  font-size: 129%;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .header_bottom_rightBox_wrap--infoWrap--clickArea--tablet {
    display: none;
  }
}
.header_bottom_rightBox_wrap--infoWrap--articleListWrap {
  background: #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 30px;
  right: 0;
  width: 580px;
  z-index: 100;
  display: none;
}
@media (max-width: 1199px) {
  .header_bottom_rightBox_wrap--infoWrap--articleListWrap {
    display: none;
  }
}
.header_bottom_rightBox_wrap--infoWrap--articleListWrap div {
  color: #333;
  display: block;
  padding: 20px 25px 0;
  text-decoration: none;
}
.header_bottom_rightBox_wrap--infoWrap--articleListWrap div time {
  font-size: 1.28571em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.38889em;
  display: block;
  font-weight: bold;
}
.header_bottom_rightBox_wrap--infoWrap--articleListWrap div .listTitle {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
}
.header_bottom_rightBox_wrap--infoWrap--articleListWrap div:last-child .listTitle {
  border-bottom: none;
}

#header_bottom {
  background: #ffffff;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-bottom: 10px;
  padding-top: 10px;
  z-index: 1002;
}
#header_bottom:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  #header_bottom {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  #header_bottom {
    padding-bottom: 40px;
  }
}
#header_bottom .logo {
  display: block;
  margin-top: 10px;
  float: left;
}
@media (max-width: 1199px) {
  #header_bottom .logo {
    margin-bottom: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 599px) {
  #header_bottom .logo {
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  #header_bottom .logo img {
    margin-right: 0;
    max-width: 100%;
    height: auto;
  }
}
#header_bottom .header_payment_bnr_warap {
  float: right;
}
@media (max-width: 599px) {
  #header_bottom .header_payment_bnr_warap {
    float: left;
  }
}
#header_bottom .header_payment_bnr_warap .how-to-payment {
  display: block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -1px;
}
#header_bottom .header_payment_bnr_warap .payment_bnr {
  display: block;
  position: relative;
  top: -5px;
}
@media (max-width: 599px) {
  #header_bottom .header_payment_bnr_warap .payment_bnr {
    max-width: 100% !important;
  }
}
#header_bottom .header_counter_paypal_img_wrap {
  float: right;
}
@media (max-width: 1199px) {
  #header_bottom .header_counter_paypal_img_wrap {
    float: left;
  }
}
#header_bottom .header_counter_paypal_img_wrap .header_counter {
  float: left;
  margin-right: 20px;
}
#header_bottom .header_counter_paypal_img_wrap .header_counter .number_of_domains {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -1px;
}
#header_bottom .header_counter_paypal_img_wrap .header_counter .number_wrap {
  position: relative;
  top: -8px;
}
#header_bottom .header_counter_paypal_img_wrap .header_counter .number_wrap span {
  background: #333333;
  color: #ffffff;
  display: inline-block;
  font-size: 19px;
  font-weight: bold;
  height: 25px;
  line-height: 25px;
  margin-right: 1px;
  text-align: center;
  width: 20px;
}
#header_bottom .header_counter_paypal_img_wrap .header_counter .item {
  font-size: 15px;
  font-weight: bold;
  margin-left: 3px;
  position: relative;
  top: -4px;
}
#header_bottom .header_counter_paypal_img_wrap .paypal_img {
  float: left;
}
#header_bottom .header_counter_new-info_wrap {
  float: right;
  margin-right: 20px;
  position: relative;
}
@media (max-width: 1199px) {
  #header_bottom .header_counter_new-info_wrap {
    clear: both;
    float: left;
  }
}
@media (max-width: 599px) {
  #header_bottom .header_counter_new-info_wrap {
    float: none;
    margin-right: 0;
    z-index: 10000;
  }
}
#header_bottom .header_counter_new-info_wrap .title {
  font-size: 12px;
  font-weight: bold;
  letter-spacing: -1px;
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap {
  background: #fff;
  border: 1px #ccc solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 8px;
  position: relative;
  top: -5px;
  width: 190px;
  z-index: 1000;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 599px) {
  #header_bottom .header_counter_new-info_wrap .new-info-list-wrap {
    width: auto;
  }
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap_hover {
  background: #f7f7f7;
  border-bottom: #f7f7f7 1px solid;
  -moz-border-radius: 3px 3px 0 0/3px 3px 0 0;
  -webkit-border-radius: 3px;
  border-radius: 3px 3px 0 0/3px 3px 0 0;
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap_hover::before {
  content: "";
  background: #f7f7f7;
  display: block;
  height: 1px;
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 188px;
  z-index: 10000;
}
@media (max-width: 599px) {
  #header_bottom .header_counter_new-info_wrap .new-info-list-wrap_hover::before {
    width: 100%;
  }
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap span {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  cursor: pointer;
  display: block;
  position: relative;
  white-space: nowrap;
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap span .fa-angle-down {
  position: absolute;
  right: 0;
  top: 5px;
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap .article-list-wrap {
  background: #f7f7f7;
  border: 1px #ccc solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: absolute;
  right: -1px;
  width: 580px;
  z-index: 100;
}
@media (max-width: 1199px) {
  #header_bottom .header_counter_new-info_wrap .new-info-list-wrap .article-list-wrap {
    left: -1px;
    right: auto;
    width: 500px;
  }
}
@media (max-width: 599px) {
  #header_bottom .header_counter_new-info_wrap .new-info-list-wrap .article-list-wrap {
    right: -1px;
    width: auto;
  }
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap .article-list-wrap div {
  color: #333;
  display: block;
  padding: 20px 25px 0;
  text-decoration: none;
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap .article-list-wrap div time {
  font-size: 1.28571em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.38889em;
  display: block;
  font-weight: bold;
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap .article-list-wrap div .listTitle {
  border-bottom: 1px solid #ccc;
  padding-bottom: 20px;
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
}
#header_bottom .header_counter_new-info_wrap .new-info-list-wrap .article-list-wrap div:last-child .listTitle {
  border-bottom: none;
}

.headerPointDisplay {
  margin-top: 20px;
  margin-bottom: 20px;
  background: #e8f7ea;
  border: 1px solid #46994e;
  color: #46994e;
  line-height: 40px;
}
@media (max-width: 1199px) {
  .headerPointDisplay {
    display: none;
    font-size: 0.92857em;
    line-height: 1.61538em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-right: 25px;
    margin-left: 25px;
    margin-top: 30px;
  }
}
.headerPointDisplay--left {
  position: relative;
  margin-right: 30px;
  padding-left: 15px;
  padding-right: 15px;
  background: #46994e;
  color: #fff;
  float: left;
}
@media (max-width: 1199px) {
  .headerPointDisplay--left {
    padding-top: 10px;
    margin-right: 0;
    padding: 7px 10px;
    float: none;
  }
}
.headerPointDisplay--left::after {
  position: absolute;
  right: -13px;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 0 20px 13px;
  border-color: transparent transparent transparent #46994e;
  content: "";
  display: block;
}
@media (max-width: 1199px) {
  .headerPointDisplay--left::after {
    display: none;
  }
}
.headerPointDisplay--left--point {
  font-weight: bold;
}
.headerPointDisplay--right {
  display: inline;
}
@media (max-width: 1199px) {
  .headerPointDisplay--right {
    display: block;
    padding: 7px 10px;
  }
}

/* -----
 パンくず
 -----*/
.bread_crumb_nav {
  width: 1200px;
  background: #ffffff;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  border-top: 1px solid #eeeeee;
  padding-bottom: 10px;
  padding-top: 10px;
}
.bread_crumb_nav:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .bread_crumb_nav {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  .bread_crumb_nav {
    width: auto;
  }
}
.bread_crumb_nav li {
  display: inline-block;
  float: left;
  color: #8b8b8b;
  line-height: 1.3;
}
.bread_crumb_nav li a {
  color: #8b8b8b;
  text-decoration: none;
}
.bread_crumb_nav li a:hover {
  text-decoration: underline;
}
.bread_crumb_nav li [itemprop="title"],
.bread_crumb_nav li span {
  font-size: 0.78571em;
  line-height: 1.27273em;
  margin-top: 0em;
  margin-bottom: 0em;
}
.bread_crumb_nav li::after {
  content: "\003e";
  padding-left: 25px;
  padding-right: 25px;
}
.bread_crumb_nav li:last-child::after {
  content: "";
}

/* -----
 FOOTER
 -----*/
.footer-top,
.footer-middle,
.footer-bottom {
  background: #222222;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  *zoom: 1;
}
.footer-top:after,
.footer-middle:after,
.footer-bottom:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .footer-top,
  .footer-middle,
  .footer-bottom {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.footer-top:after,
.footer-middle:after,
.footer-bottom:after {
  content: "";
  display: table;
  clear: both;
}

.footer-banner {
  position: fixed;
  bottom: -50px;
  width: 100%;
  min-height: 70px;
  padding: 15px 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 100;
  border-top: 1px solid #ccc;
  -moz-transition: bottom 0.2s linear;
  -o-transition: bottom 0.2s linear;
  -webkit-transition: bottom 0.2s linear;
  transition: bottom 0.2s linear;
}
.footer-banner:hover {
  bottom: 0;
}
.footer-banner__display {
  bottom: 0;
}
@media (max-width: 1199px) {
  .footer-banner {
    min-height: 0;
    padding: 16px 0;
  }
}
.footer-banner--inner {
  position: relative;
  padding-left: 50px;
  padding-right: 100px;
  *zoom: 1;
}
.footer-banner--inner:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .footer-banner--inner {
    padding-left: 35px;
    padding-right: 65px;
  }
}
.footer-banner--inner--close {
  position: absolute;
  top: 0;
  left: 30px;
  color: #ccc;
  cursor: pointer;
}
@media (max-width: 1199px) {
  .footer-banner--inner--close {
    left: 15px;
    line-height: 1em;
  }
}
.footer-banner--inner--textWrap {
  margin-left: 5px;
  float: left;
}
.footer-banner--inner--textWrap--title {
  font-size: 1.21429em;
  line-height: 1.64706em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .footer-banner--inner--textWrap--title {
    display: none;
  }
}
.footer-banner--inner--textWrap--text {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
}
@media (max-width: 1199px) {
  .footer-banner--inner--textWrap--text {
    display: none;
  }
}
.footer-banner--inner--textWrap--comment {
  font-size: 0.85714em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
}
@media (max-width: 1199px) {
  .footer-banner--inner--textWrap--comment {
    display: none;
  }
}
.footer-banner--inner--btn {
  position: absolute;
  right: 90px;
  bottom: 15px;
  display: block;
  padding: 4px 12px;
  text-decoration: none;
  color: #fff;
  font-weight: bold;
  background: rgba(219, 65, 48, 0.8);
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .footer-banner--inner--btn {
    position: static;
    right: 75px;
    bottom: 0;
  }
}
@media (max-width: 599px) {
  .footer-banner--inner--btn {
    padding: 7px 12px;
    font-size: 0.85714em;
    line-height: 1.75em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
}
.footer-banner--inner--btn:hover {
  background: #e67d71;
}
.footer-banner--inner--btn--free {
  display: none;
}
@media (max-width: 1199px) {
  .footer-banner--inner--btn--free {
    display: inline;
  }
}

.footer-top {
  padding-top: 50px;
  padding-bottom: 50px;
  background: #222;
}

.footer-middle {
  padding-top: 35px;
  padding-bottom: 35px;
  background: #333;
  text-align: center;
}
@media (max-width: 1199px) {
  .footer-middle__tldImg {
    width: 100%;
    max-width: 448px;
    height: auto;
    vertical-align: middle;
  }
}

.footer-bottom {
  padding-top: 15px;
  padding-bottom: 45px;
  background: #fff;
  *zoom: 1;
}
.footer-bottom:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 599px) {
  .footer-bottom {
    text-align: center;
  }
}
.footer-bottom__copyright {
  float: left;
  font-size: 86%;
}
@media (max-width: 599px) {
  .footer-bottom__copyright {
    float: none;
    display: block;
  }
}
.footer-bottom__copyright a {
  color: #333;
  text-decoration: none;
}
.footer-bottom__creditcard {
  float: right;
}
@media (max-width: 599px) {
  .footer-bottom__creditcard {
    max-width: 278px;
    width: 75%;
    height: auto;
    float: none;
  }
}

.footer-logoWrapper {
  margin-right: 60px;
  float: left;
  display: block;
}
@media (max-width: 1199px) {
  .footer-logoWrapper {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
@media (max-width: 599px) {
  .footer-logoWrapper__img {
    width: 100%;
    max-width: 312px;
    height: auto;
  }
}

.footer-menuUl {
  float: left;
  *zoom: 1;
}
.footer-menuUl:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .footer-menuUl__first-child {
    clear: both;
  }
}
.footer-menuUl--li--anchor {
  color: #fff;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.footer-menuUl--li--anchor::before {
  margin-right: 10px;
  content: "\f105";
  font-family: FontAwesome;
}
.footer-menuUl--li--anchor:hover {
  color: #999;
}

.footer-snsBtnUl {
  float: right;
  width: 180px;
  margin-right: -20px;
}
@media (max-width: 1199px) {
  .footer-snsBtnUl {
    margin-top: 30px;
    float: left;
    clear: both;
  }
}
.footer-snsBtnUl--li {
  margin-bottom: 16px;
  margin-right: 20px;
  float: left;
}
.footer-snsBtnUl--li:last-child {
  margin-bottom: 0;
}
.footer-snsBtnUl--li--anchor {
  display: block;
  width: 40px;
  height: 40px;
  background: #333;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.footer-snsBtnUl--li--anchor__puredomain {
  position: relative;
  width: 160px;
}
.footer-snsBtnUl--li--anchor__puredomain::after {
  position: absolute;
  top: 5px;
  right: 5px;
  content: "\f08e";
  font-family: FontAwesome;
  font-size: 86%;
  line-height: 1em;
  color: #fff;
  text-decoration: none;
}
.footer-snsBtnUl--li--anchor:hover {
  background: #4d4d4d;
}
.footer-snsBtnUl--li--anchor:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.footer-snsBtnUl--li--anchor--img {
  vertical-align: middle;
}

footer#footer_wrap .menu_wrap {
  background: #222222;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  *zoom: 1;
  padding-bottom: 50px;
  padding-top: 50px;
}
footer#footer_wrap .menu_wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  footer#footer_wrap .menu_wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
footer#footer_wrap .menu_wrap:after {
  content: "";
  display: table;
  clear: both;
}
footer#footer_wrap .menu_wrap ul {
  margin-right: 70px;
  float: left;
}
@media (max-width: 1199px) {
  footer#footer_wrap .menu_wrap ul {
    float: none;
    margin-bottom: 30px;
    margin-right: 0;
    width: auto;
  }
}
footer#footer_wrap .menu_wrap ul li a {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #ffffff;
  padding: 5px;
  text-decoration: none;
}
footer#footer_wrap .menu_wrap ul li a:hover {
  background: #3c3c3c;
}
footer#footer_wrap .menu_wrap .puredomain_paypal_wrap {
  *zoom: 1;
  float: right;
}
footer#footer_wrap .menu_wrap .puredomain_paypal_wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  footer#footer_wrap .menu_wrap .puredomain_paypal_wrap {
    clear: both;
    float: right;
  }
}
footer#footer_wrap .menu_wrap .puredomain_paypal_wrap a,
footer#footer_wrap .menu_wrap .puredomain_paypal_wrap .paypal_bnr {
  display: block;
  float: left;
}
@media (max-width: 1199px) {
  footer#footer_wrap .menu_wrap .puredomain_paypal_wrap a img,
  footer#footer_wrap .menu_wrap .puredomain_paypal_wrap .paypal_bnr img {
    max-width: 100%;
  }
}
footer#footer_wrap .menu_wrap .puredomain_paypal_wrap a.pure_domain_logo,
footer#footer_wrap .menu_wrap .puredomain_paypal_wrap .paypal_bnr.pure_domain_logo {
  display: block;
  margin-right: 50px;
}
@media (max-width: 1199px) {
  footer#footer_wrap .menu_wrap .puredomain_paypal_wrap a.pure_domain_logo,
  footer#footer_wrap .menu_wrap .puredomain_paypal_wrap .paypal_bnr.pure_domain_logo {
    margin-bottom: 20px;
  }
}
footer#footer_wrap #footer_bottom {
  background: #eeeeee;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-bottom: 20px;
  padding-top: 20px;
}
footer#footer_wrap #footer_bottom:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  footer#footer_wrap #footer_bottom {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  footer#footer_wrap #footer_bottom .logo img {
    max-width: 100%;
    height: auto;
  }
}
footer#footer_wrap #footer_bottom small {
  color: #595757;
  font-size: 12px;
  margin-left: 15px;
  position: relative;
  bottom: 15px;
}
@media (max-width: 1199px) {
  footer#footer_wrap #footer_bottom small {
    display: block;
    position: static;
    margin-left: 0;
    margin-top: 20px;
  }
}
footer#footer_wrap #footer_bottom .tdl_logo_list {
  float: right;
  margin-top: 15px;
}
footer#footer_wrap #footer_bottom .tdl_logo_list li {
  float: left;
  margin-right: 20px;
}
footer#footer_wrap #footer_bottom .tdl_logo_list li:last-child {
  margin-right: 0;
}
footer#footer_wrap #footer_bottom .tdl_logo_list .tdl_com img {
  height: auto;
  width: 62px;
}
footer#footer_wrap #footer_bottom .tdl_logo_list .tdl_net img {
  height: auto;
  width: 40px;
}
footer#footer_wrap #footer_bottom .tdl_logo_list .tdl_biz img {
  height: auto;
  width: 28px;
}
footer#footer_wrap #footer_bottom .tdl_logo_list .tdl_org img {
  height: auto;
  width: 57px;
}
footer#footer_wrap #footer_bottom .tdl_logo_list .tdl_info img {
  height: auto;
  width: 45px;
}

.pagetop-scroll {
  background: #222;
  top: 0;
  bottom: 0;
  margin: auto;
  border: #fff 1px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 20px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  right: 30px;
  text-align: center;
  width: 40px;
  z-index: 1000;
  cursor: pointer;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .pagetop-scroll {
    top: 15px;
    bottom: 15px;
    right: 15px;
  }
}
.pagetop-scroll:hover {
  border-color: #222;
  background: #fff;
  color: #222;
}
.pagetop-scroll .fa-chevron-up {
  position: relative;
  top: -2px;
  line-height: 40px;
  margin-top: -5px;
}

/* -----
 MAIN CONTENTS
 -----*/
.item-filterWrap {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  z-index: 100;
  padding-top: 30px;
}
.item-filterWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .item-filterWrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.item-tableWrap {
  padding-bottom: 60px;
}
@media (max-width: 1199px) {
  .item-tableWrap {
    margin-right: 25px;
    margin-left: 25px;
  }
}
@media (max-width: 1199px) {
  .item-tableWrap {
    padding-bottom: 30px;
  }
}

.logoff-top .item-table-wrap {
  height: 590px;
  overflow-y: scroll;
}
@media (max-width: 1199px) {
  .logoff-top .item-table-wrap {
    overflow-x: auto;
  }
}
@media (max-width: 599px) {
  .logoff-top .item-table-wrap {
    height: auto;
  }
}

@media (max-width: 1199px) {
  .item-table-wrap {
    overflow-x: auto;
  }
}
@media (max-width: 599px) {
  .item-table-wrap {
    height: auto;
  }
}

.item-filterAndSearchArea {
  margin-bottom: 60px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-filterAndSearchArea__mb30 {
  margin-bottom: 30px;
}

.item-filterAndSearchList {
  display: inline-block;
  position: relative;
  margin-right: 15px;
}
@media (max-width: 599px) {
  .item-filterAndSearchList {
    display: block;
    width: auto;
    margin-right: 0;
    margin-bottom: 15px;
  }
}
.item-filterAndSearchList__current::before {
  display: block;
  position: absolute;
  right: 0;
  bottom: -35px;
  left: 0;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-top: 0 solid transparent;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-bottom: 27px solid #ddd;
  background: transparent;
  content: "";
}
@media (max-width: 599px) {
  .item-filterAndSearchList__current::before {
    display: none;
  }
}
.item-filterAndSearchList__current::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -35px;
  left: 0;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-top: 0 solid transparent;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 16px solid #eee;
  background: transparent;
  content: "";
}
@media (max-width: 599px) {
  .item-filterAndSearchList__current::after {
    display: none;
  }
}
.item-filterAndSearchList:last-child {
  margin-right: 0;
}
@media (max-width: 599px) {
  .item-filterAndSearchList:last-child {
    margin-bottom: 0;
  }
}
.item-filterAndSearchList--btn {
  display: block;
  position: relative;
  padding-right: 30px;
  padding-left: 30px;
  border: solid 1px #222;
  background: #222;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  text-decoration: none;
  line-height: 40px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-filterAndSearchList--btn:hover {
  color: #333;
  background: #fff;
}
.item-filterAndSearchList--btn::after {
  content: "\f107";
  position: absolute;
  right: 0px;
  margin-right: 8px;
  font-family: FontAwesome;
}
.item-filterAndSearchList--btn__textOnly {
  padding-left: 0;
  background: none;
  color: #333;
  border-color: transparent;
}
.item-filterAndSearchList--btn__textOnly:hover {
  background: none;
  color: #4d4d4d;
}
.item-filterAndSearchList--btn__current {
  background: #fff;
  color: #4d4d4d;
}
.item-filterAndSearchList--btn__current::after {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.item-filterAndSearchList--btn__current.item-filterAndSearchList--btn__textOnly {
  background: none;
}

.item-selectArea {
  float: left;
}
@media (max-width: 1199px) {
  .item-selectArea {
    float: none;
    margin-bottom: 20px;
  }
}
@media (max-width: 1199px) {
  .item-selectArea__watchList {
    float: left;
  }
}

.item-displayedResults {
  display: inline-block;
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .item-displayedResults {
    display: block;
  }
}
.item-displayedResults--num {
  font-size: 129%;
  font-weight: bold;
}

.item-selectDisplayedResults {
  display: inline-block;
  margin-right: 30px;
}
@media (max-width: 1199px) {
  .item-selectDisplayedResults {
    margin-bottom: 10px;
  }
}

.item-selectBoxWrap {
  position: relative;
  display: inline-block;
  height: 30px;
  border: solid 1px #222;
  background: #fff;
  z-index: 1;
}
.item-selectBoxWrap::after {
  content: "\f107";
  position: absolute;
  top: 50%;
  right: 0px;
  margin-right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
  font-family: FontAwesome;
}

.item-selectBox {
  position: relative;
  width: 100%;
  height: 28px;
  padding-right: 60px;
  padding-left: 10px;
  background-color: transparent;
  border: none;
  font-size: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 28px;
  z-index: 2;
}

.item-filterCal,
.ui-datepicker-trigger {
  display: inline-block;
  height: 36px;
  padding-right: 10px;
  padding-left: 10px;
  border: #222 solid 1px;
  background: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  cursor: pointer;
  vertical-align: top;
  background: #fff;
}
@media (max-width: 1199px) {
  .item-filterCal,
  .ui-datepicker-trigger {
    display: none;
  }
}

.salesPreparation {
  padding-top: 200px;
  padding-bottom: 200px;
  font-size: 122%;
  text-align: center;
  font-weight: bold;
}

.item-filterDescriptionWrap {
  background: #eee;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  margin-bottom: 60px;
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 5px solid #ddd;
  border-bottom: 5px solid #ddd;
  display: none;
}
.item-filterDescriptionWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .item-filterDescriptionWrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.item-filterItemWrap {
  *zoom: 1;
}
.item-filterItemWrap:after {
  content: "";
  display: table;
  clear: both;
}

.item-detailFilterWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  margin-right: 26px;
  margin-bottom: 20px;
  float: left;
}
@media (max-width: 1199px) {
  .item-detailFilterWrap {
    float: none;
    width: auto;
    margin-bottom: 30px;
    margin-right: 0;
  }
}
.item-detailFilterWrap__mr0 {
  margin-right: 0;
}

.item-detailFilterWrapTitle {
  margin-bottom: 10px;
  font-weight: bold;
}

.item-detailFilterListWrap {
  padding: 15px 20px;
  background: #f7f7f7;
}
.item-detailFilterListWrap__search0 {
  padding: 0;
  background: none;
}

.item-detailFilterList {
  margin-bottom: 10px;
}
.item-detailFilterList:last-child {
  margin-bottom: 0px;
}
.item-detailFilterList a {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  position: relative;
  text-decoration: none;
  padding-left: 25px;
  color: #3498db;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-detailFilterList a::before {
  position: absolute;
  left: 0px;
  content: "\f0a9";
  font-family: FontAwesome;
}
.item-detailFilterList a:hover {
  color: #5faee3;
}

.item-filterDescriptionEachWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #f7f7f7;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  float: left;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap {
    float: none;
  }
}
.item-filterDescriptionEachWrap__freeWord {
  width: 420px;
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap__freeWord {
    width: auto;
    margin-right: 0;
  }
}
.item-filterDescriptionEachWrap__subDomain {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap__subDomain {
    margin-right: 0;
  }
}
.item-filterDescriptionEachWrap__powerRank {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap__powerRank {
    margin-right: 0;
  }
}
.item-filterDescriptionEachWrap__dateAdded {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap__dateAdded {
    margin-right: 0;
  }
}
.item-filterDescriptionEachWrap__da {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap__da {
    margin-right: 0;
  }
}
.item-filterDescriptionEachWrap__pa {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap__pa {
    margin-right: 0;
  }
}
.item-filterDescriptionEachWrap__spamScore {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap__spamScore {
    margin-right: 0;
  }
}
.item-filterDescriptionEachWrap__weyback {
  margin-right: 10px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionEachWrap__weyback {
    margin-right: 0;
  }
}
.item-filterDescriptionEachWrap--title {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 7px;
  padding-left: 7px;
  background: #ddd;
  color: #333;
  font-size: 100%;
  font-weight: bold;
}
.item-filterDescriptionEachWrap--search {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px;
  *zoom: 1;
}
.item-filterDescriptionEachWrap--search:after {
  content: "";
  display: table;
  clear: both;
}

.item-filterInputText {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.item-filterInputText__cart {
  width: 80px;
}
.item-filterInputText:focus::-webkit-input-placeholder {
  color: transparent;
}
.item-filterInputText:focus:-moz-placeholder {
  color: transparent;
}
.item-filterInputText:focus::-moz-placeholder {
  color: transparent;
}

.item-numSelect {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 70px;
  height: 40px;
  padding-right: 25px;
  border: #ccc 1px solid;
  font-size: 100%;
}
.item-numSelect__w90 {
  width: 90px;
}
@media (max-width: 1199px) {
  .item-numSelect__w90 {
    width: 90px;
  }
}
.item-numSelect__w110 {
  width: 110px;
}
@media (max-width: 1199px) {
  .item-numSelect__w110 {
    width: 100px;
  }
}

.item-filterSelectWrap {
  position: relative;
  display: inline-block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  border: solid 1px #ccc;
  background: #fff;
  line-height: 40px;
  z-index: 0;
}
.item-filterSelectWrap__w320 {
  width: 320px;
}
@media (max-width: 599px) {
  .item-filterSelectWrap__w320 {
    width: 100%;
  }
}
.item-filterSelectWrap::after {
  content: "\f078";
  position: absolute;
  top: 50%;
  right: 0px;
  margin-right: 8px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
  font-family: FontAwesome;
}
.item-filterSelectWrap--select {
  width: 100%;
  height: 28px;
  padding-right: 35px;
  padding-left: 10px;
  background-color: transparent;
  border: none;
  font-size: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  line-height: 28px;
}

@-moz-document url-prefix() {
  .item-filterSelectWrap--selec {
    background: none;
    background-color: #FFF;
  }
}
.item-filterDescriptionTable {
  display: table;
  float: left;
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable {
    margin-bottom: 10px;
    float: none;
  }
}
.item-filterDescriptionTable__pcMr {
  margin-right: 15px;
  padding-right: 15px;
  border-right: 1px solid #ddd;
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable__pcMr {
    margin-right: 0;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-right: none;
    border-bottom: 1px solid #ddd;
  }
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable {
    display: block;
  }
}
@media (max-width: 599px) {
  .item-filterDescriptionTable {
    float: none;
  }
}
.item-filterDescriptionTable--tableRow {
  display: table-row;
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable--tableRow {
    display: block;
  }
}
.item-filterDescriptionTable--tableRow--tableCell {
  display: table-cell;
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable--tableRow--tableCell {
    display: block;
  }
}
.item-filterDescriptionTable--tableRow--tableCell__title01 {
  padding-bottom: 5px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable--tableRow--tableCell__title01 {
    padding-bottom: 0;
  }
}
.item-filterDescriptionTable--tableRow--tableCell__data01 {
  padding-bottom: 5px;
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable--tableRow--tableCell__data01 {
    padding-bottom: 10px;
  }
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable--tableRow--tableCell__title02 {
    padding-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .item-filterDescriptionTable--tableRow--tableCell__data02 {
    padding-bottom: 10px;
  }
  .item-filterDescriptionTable--tableRow--tableCell__data02__mb0 {
    padding-bottom: 0;
  }
}

@media (max-width: 1199px) {
  .item-filterTabletBreak {
    display: block;
  }
  .item-filterTabletBreak__mb10 {
    margin-bottom: 10px;
  }
}

@media (max-width: 599px) {
  .item-filterMobileBreak {
    display: block;
  }
  .item-filterMobileBreak__mb10 {
    margin-bottom: 10px;
  }
}

.item-closeAndResetWrap {
  float: left;
  margin-top: 45px;
  clear: both;
  *zoom: 1;
}
.item-closeAndResetWrap:after {
  content: "";
  display: table;
  clear: both;
}

.item-closeAndResetBtn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  float: left;
  padding-right: 25px;
  padding-left: 25px;
  border: #999 1px solid;
  height: 40px;
  background: #ddd;
  color: #333;
  font-weight: bold;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  line-height: 38px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .item-closeAndResetBtn {
    margin-bottom: 20px;
  }
}
.item-closeAndResetBtn__cart {
  margin-bottom: 0;
  float: right;
  cursor: pointer;
}
.item-closeAndResetBtn:hover {
  background: #333;
  color: #fff;
}
.item-closeAndResetBtn__close {
  margin-right: 20px;
}
.item-closeAndResetBtn__close::before {
  content: "\f00d";
  font-family: FontAwesome;
}
.item-closeAndResetBtn__reset::before {
  content: "\f021";
  font-family: FontAwesome;
}

.item-searchBtnWrap {
  margin-top: 45px;
  text-align: center;
}
@media (max-width: 1199px) {
  .item-searchBtnWrap {
    clear: both;
  }
}
.item-searchBtnWrap__btn {
  display: block;
  width: 300px;
  height: 40px;
  margin: 0px auto;
  background: #3498db;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  line-height: 40px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 1199px) {
  .item-searchBtnWrap__btn {
    width: auto;
  }
}
.item-searchBtnWrap__btn:hover {
  background: #1d6fa5;
  color: #fff;
}

.modal-overlayWrap {
  z-index: 9998;
  /*display:none;*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.35);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: none;
}
.modal-overlayWrap__dilplayBlock {
  display: block;
}
@media (max-width: 1199px) {
  .modal-overlayWrap__serachDomain {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .modal-overlayWrap__point {
    position: absolute;
    height: 500%;
  }
}

.item-modalWrap {
  position: absolute;
  -moz-box-sizing: boder-box;
  -webkit-box-sizing: boder-box;
  box-sizing: boder-box;
  top: -20%;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 20px;
  width: 800px;
  height: 300px;
  margin: auto;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 9999;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 1199px) {
  .item-modalWrap {
    width: auto;
    margin-right: 25px;
    margin-left: 25px;
  }
}
@media (max-width: 599px) {
  .item-modalWrap {
    top: 25px;
    bottom: auto;
    height: auto;
  }
}
.item-modalWrap__searchDomain {
  height: 470px;
}
@media (max-width: 1199px) {
  .item-modalWrap__searchDomain {
    height: 550px;
  }
}
@media (max-width: 599px) {
  .item-modalWrap__searchDomain {
    height: auto;
    padding-bottom: 30px;
  }
}
.item-modalWrap__bulk {
  height: 240px;
}
.item-modalWrap__bgWarning {
  background-color: rgba(186, 50, 37, 0.75);
}
.item-modalWrap--title {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0.23333em;
  margin-top: 90px;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1199px) {
  .item-modalWrap--title {
    text-align: left;
  }
}
@media (max-width: 599px) {
  .item-modalWrap--title {
    font-size: 1.64286em;
    line-height: 1.21739em;
    margin-top: 0em;
    margin-bottom: 0.30435em;
    margin-top: 28px;
  }
}
.item-modalWrap--title__point {
  font-size: 1.64286em;
  line-height: 1.52174em;
  margin-top: 0em;
  margin-bottom: 0.30435em;
}
@media (max-width: 1199px) {
  .item-modalWrap--title__point {
    font-size: 1.21429em;
    line-height: 1.23529em;
    margin-top: 0em;
    margin-bottom: 0.41176em;
  }
}
.item-modalWrap--text {
  color: #fff;
  text-align: center;
}
@media (max-width: 1199px) {
  .item-modalWrap--text {
    text-align: left;
  }
}
.item-modalWrap--text__point {
  margin-bottom: 1em;
  text-align: left;
}
@media (max-width: 1199px) {
  .item-modalWrap--text__point {
    font-size: 0.85714em;
    line-height: 1.75em;
    margin-top: 0em;
    margin-bottom: 0.58333em;
  }
}
.item-modalWrap--text__point:last-child {
  margin-bottom: 0;
}
.item-modalWrap--text__point--b {
  font-weight: bold;
}
.item-modalWrap--times {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 186%;
  color: #fff;
  cursor: pointer;
}
.item-modalWrap--btnUl {
  *zoom: 1;
  width: 700px;
  margin-top: 40px;
  margin-right: auto;
  margin-left: auto;
}
.item-modalWrap--btnUl:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .item-modalWrap--btnUl {
    width: auto;
  }
}
.item-modalWrap--btnUl--li {
  float: left;
  margin-top: 20px;
  margin-right: 20px;
}
.item-modalWrap--btnUl--li:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 1199px) {
  .item-modalWrap--btnUl--li {
    width: 49%;
    margin-top: 2%;
    margin-right: 2%;
  }
  .item-modalWrap--btnUl--li:nth-child(3n) {
    margin-right: 2%;
  }
  .item-modalWrap--btnUl--li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 599px) {
  .item-modalWrap--btnUl--li {
    width: 100%;
    margin-right: 0;
  }
}
.item-modalWrap--btnUl--li--btn {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 220px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #3498db;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 1199px) {
  .item-modalWrap--btnUl--li--btn {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .item-modalWrap--btnUl--li--btn {
    font-size: 86%;
  }
}
.item-modalWrap--btnUl--li--btn:hover {
  background: #5faee3;
}
.item-modalWrap--btnUl--li--btn::before {
  position: absolute;
  left: 8px;
  content: "\f105";
  font-family: FontAwesome;
}
.item-modalWrap__point {
  height: 450px;
}
@media (max-width: 1199px) {
  .item-modalWrap__point {
    top: 25px;
    bottom: auto;
    height: auto;
  }
}
.item-modalWrap__point .noDispCheckText {
  position: absolute;
  bottom: 20px;
  left: 20px;
  color: #fff;
}
@media (max-width: 1199px) {
  .item-modalWrap__point .noDispCheckText {
    position: relative;
    margin-top: 20px;
    left: 0;
  }
}
.item-modalWrap__point--button {
  position: absolute;
  right: 20px;
  bottom: 20px;
  border: none;
}
.item-modalWrap__point--button::before {
  display: none;
}
@media (max-width: 1199px) {
  .item-modalWrap__point--button {
    position: static;
  }
}

.item-linkInfoBtn {
  margin-top: 15px;
  margin-bottom: 40px;
  display: block;
  text-align: center;
  border: 1px solid #333;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-linkInfoBtn:hover {
  background: #f9f9f9;
}

.loading-overlayWrap {
  z-index: 9999;
  /*display:none;*/
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.8);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  display: none;
}
.loading-overlayWrap__loadingIcon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50px;
  height: 50px;
  margin: auto;
}
.loading-overlayWrap__dilplayBlock {
  display: block;
}
@media (max-width: 1199px) {
  .loading-overlayWrap__serachDomain {
    display: none !important;
  }
}

.stepper-wrap {
  position: relative;
  display: inline-block;
  margin: 0 !important;
}

.stepper-wrap input {
  text-align: right;
}

.stepper-btn-wrap {
  position: absolute;
  top: 0;
  right: 5px;
  width: 20px;
  height: 100%;
  overflow: hidden;
  border-left: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.stepper-btn-wrap a {
  display: block;
  height: 50%;
  overflow: hidden;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  font-size: 25px;
  color: #222;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

select::-ms-expand {
  display: none;
}

@-moz-document url-prefix() {
  .item-selectBox {
    background: none;
  }
}
.item-clipboardCopyWrap {
  display: inline-block;
}
.item-clipboardCopyWrap--btn {
  padding: 0 10px;
  background: #fff;
  font-size: 100%;
  line-height: 28px;
  border: solid 1px #222;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .item-clipboardCopyWrap--btn {
    text-align: left;
  }
}
.item-clipboardCopyWrap--btn:hover {
  background: #222;
  color: #fff;
}
.item-clipboardCopyWrap--btn::before {
  content: "\f0c5";
  padding-right: 5px;
  font-family: FontAwesome;
}

@media (max-width: 1199px) {
  .item-table-wrap__payment {
    overflow-x: auto;
    margin-right: 25px;
    margin-left: 25px;
  }
}

.topItemTableWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: fixed;
  margin: auto;
  top: 40px;
  left: 0;
  right: 0;
  width: 1200px;
  border-top: 1px solid #fff;
}
@media (max-width: 1199px) {
  .topItemTableWrap {
    width: 100%;
    top: 85px;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.item-table {
  width: 1183px;
  background: #fff;
  border: 1px solid #ddd;
  border-spacing: 0;
  border-collapse: collapse;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  table-layout: fixed;
  word-break: break-all;
}
@media (max-width: 599px) {
  .item-table {
    border-bottom: none;
    border-left: none;
  }
}
.item-table__topTop {
  border-bottom: none !important;
}
.item-table__top {
  border: 3px solid #222;
}
.item-table__payment {
  width: 850px;
}
@media (max-width: 1199px) {
  .item-table__payment {
    width: auto;
  }
}
.item-table__myPagePayment {
  width: 880px;
}
@media (max-width: 1199px) {
  .item-table__myPagePayment {
    width: 100%;
  }
}
.item-table__cart {
  width: 850px;
}
@media (max-width: 1199px) {
  .item-table__cart {
    width: auto;
  }
}
.item-table__watchList {
  width: 880px;
}
@media (max-width: 1199px) {
  .item-table__watchList {
    width: 100%;
  }
}
.item-table__c201802 {
  width: 100%;
}
@media (max-width: 599px) {
  .item-table tbody {
    display: block;
    *zoom: 1;
  }
  .item-table tbody:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media (max-width: 599px) {
  .item-table tr {
    *zoom: 1;
  }
  .item-table tr:after {
    content: "";
    display: table;
    clear: both;
  }
}
.item-table tr:nth-child(2n+1) {
  background: #f5f5f5;
}
.item-table tr:hover {
  background: #defefe;
}
.item-table tr th {
  height: 38px;
  background: #222;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.2em;
  text-align: center;
}
.item-table tr th[class*=sorting]:hover {
  background: #333;
  cursor: pointer;
}
.item-table tr th[class*=sorting]::after {
  content: "\f0dc";
  display: inline-block;
  color: #fff;
  font-family: FontAwesome;
  font-size: 15px;
  margin-right: 4px;
  padding-left: 5px;
}
.item-table tr th.sorting_asc {
  background: #333;
  color: #3498db;
  font-weight: bold;
}
.item-table tr th.sorting_asc::after {
  content: "\f0de";
}
.item-table tr th.sorting_desc {
  background: #3c3c3c;
  color: #3498db;
  font-weight: bold;
}
.item-table tr th.sorting_desc::after {
  content: "\f0dd";
}
.item-table tr th.watch {
  width: 51px;
}
.item-table tr th.watch span {
  display: block;
  -moz-transform: scale(0.8, 1);
  -ms-transform: scale(0.8, 1);
  -webkit-transform: scale(0.8, 1);
  transform: scale(0.8, 1);
}
.item-table tr th.cart {
  width: 51px;
}
@media (max-width: 1199px) {
  .item-table tr th.cart {
    width: 51px;
  }
}
.item-table tr th.cart__leftContent {
  width: 51px;
}
.item-table tr th.sub_domain {
  width: 75px;
}
@media (max-width: 1199px) {
  .item-table tr th.sub_domain {
    display: none;
  }
}
.item-table tr th.sub_domain__leftContent {
  display: none;
}
.item-table tr th.sub_domain__topLogoff {
  width: 76px;
}
.item-table tr th.domain_name {
  width: 300px;
}
.item-table tr th.domain_name__topLogoff {
  width: 484px;
}
.item-table tr th.domain_name__payment {
  width: 611px;
}
.item-table tr th.domain_name__cart {
  width: 571px;
}
.item-table tr th.domain_name__cart__watchList {
  width: auto;
}
.item-table tr th.power_rank {
  width: 115px;
}
.item-table tr th.power_rank__topLogoff {
  width: 126px;
}
.item-table tr th.power_rank__payment {
  width: 135px;
}
.item-table tr th.price {
  width: 95px;
}
.item-table tr th.price__payment {
  width: 100px;
}
.item-table tr th.tf {
  width: 40px;
}
.item-table tr th.tf__topLogoff {
  width: 40px;
}
.item-table tr th.cf {
  width: 40px;
}
.item-table tr th.cf__topLogoff {
  width: 40px;
}
.item-table tr th.ahrefs {
  width: 110px;
}
.item-table tr th.ahrefs__topLogoff {
  width: 110px;
}
.item-table tr th.referral {
  width: 85px;
}
.item-table tr th.referral__topLogoff {
  width: 85px;
}
.item-table tr th.bl_score {
  width: 70px;
}
.item-table tr th.bl_score__topLogoff {
  width: 70px;
}
.item-table tr th.referral_domain {
  width: 81px;
}
.item-table tr th.referral_domain__topLogoff {
  width: 81px;
}
.item-table tr th.age {
  width: 70px;
}
.item-table tr th.age__topLogoff {
  width: 81px;
}
.item-table tr th.bpt {
  width: 50px;
}
.item-table tr th.bpt__topLogoff {
  width: 81px;
}
.item-table tr th.delete__cart {
  width: 48px;
}
@media (max-width: 599px) {
  .item-table tr th.delete__cart {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    width: 20%;
  }
}
.item-table tr th.blData {
  width: 190px;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .item-table tr th.blData {
    display: none;
  }
}
.item-table tr td {
  height: 40px;
  padding: 7px 10px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  line-height: 1.4;
}
@media (max-width: 599px) {
  .item-table tr td {
    height: auto;
    min-height: 40px;
  }
}
.item-table tr td.watch {
  text-align: center;
}
.item-table tr td.watch i::before {
  content: "\f005";
  font-family: FontAwesome;
  font-size: 30px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-table tr td.watch i:hover {
  cursor: pointer;
}
.item-table tr td.watch i.icon-star_empty::before, .item-table tr td.watch i.icon-star2::before {
  color: #ddd;
}
.item-table tr td.watch i.icon-star_empty:hover::before, .item-table tr td.watch i.icon-star2:hover::before {
  color: #c4c4c4;
}
.item-table tr td.watch i.icon-star::before, .item-table tr td.watch i.icon-star1::before {
  color: #ffb400;
}
.item-table tr td.watch i.icon-star:hover::before, .item-table tr td.watch i.icon-star1:hover::before {
  color: #cc9000;
}
.item-table tr td.cart {
  text-align: center;
}
.item-table tr td.cart a,
.item-table tr td.cart i {
  text-decoration: none;
}
.item-table tr td.cart a::before,
.item-table tr td.cart i::before {
  font-family: FontAwesome;
  font-size: 30px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-table tr td.cart a:hover.icon-cart, .item-table tr td.cart a:hover.add-to-cart,
.item-table tr td.cart i:hover.icon-cart,
.item-table tr td.cart i:hover.add-to-cart {
  cursor: pointer;
}
.item-table tr td.cart a:hover.icon-cart::before, .item-table tr td.cart a:hover.add-to-cart::before,
.item-table tr td.cart i:hover.icon-cart::before,
.item-table tr td.cart i:hover.add-to-cart::before {
  color: #a22a1c;
}
.item-table tr td.cart a.icon-cart::before, .item-table tr td.cart a.add-to-cart::before,
.item-table tr td.cart i.icon-cart::before,
.item-table tr td.cart i.add-to-cart::before {
  content: "\f07a";
  color: #db4130;
}
.item-table tr td.cart a.icon-cart_out::before,
.item-table tr td.cart i.icon-cart_out::before {
  content: "\f07a";
  color: #999;
}
.item-table tr td.cart a.icon-cart_empty::before,
.item-table tr td.cart i.icon-cart_empty::before {
  content: "\f05e";
  color: #999;
}
.item-table tr td.cart a.icon-cart_logoffTop,
.item-table tr td.cart i.icon-cart_logoffTop {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-table tr td.cart a.icon-cart_logoffTop::before,
.item-table tr td.cart i.icon-cart_logoffTop::before {
  content: "\f07a";
  color: #ddd;
}
.item-table tr td.cart a.icon-cart_logoffTop:hover::before,
.item-table tr td.cart i.icon-cart_logoffTop:hover::before {
  color: #c4c4c4;
}
.item-table tr td.sub_domain {
  text-align: center;
}
@media (max-width: 1199px) {
  .item-table tr td.sub_domain {
    display: none;
  }
}
.item-table tr td.sub_domain__leftContent {
  display: none;
}
@media (max-width: 599px) {
  .item-table tr td.domain_name {
    padding-top: 5px;
    line-height: 20px;
  }
}
.item-table tr td.domain_name__topLogoff {
  font-weight: bold;
}
@media (max-width: 599px) {
  .item-table tr td.domain_name__topLogoff {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .item-table tr td.domain_name__payment {
    width: 100%;
  }
}
.item-table tr td.domain_name a {
  color: #3498db;
  font-weight: bold;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-table tr td.domain_name a:hover {
  color: #5faee3;
}
@media (max-width: 599px) {
  .item-table tr td.domain_name__cart {
    width: 80%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 0;
  }
}
.item-table tr td.power_rank {
  text-align: right;
  font-weight: bold;
  white-space: nowrap;
}
.item-table tr td.power_rank .score {
  font-size: 18px;
}
.item-table tr td.junk {
  color: #b3b3b3;
}
.item-table tr td.bronze {
  color: #806860;
}
.item-table tr td.silver {
  color: #738399;
}
.item-table tr td.gold {
  color: #b2a459;
}
.item-table tr td.platinum {
  color: #b24747;
}
.item-table tr td.power_rank .icon {
  margin-left: 10px;
  padding: 3px 5px;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  position: relative;
  top: -3px;
  /*vertical-align:3px;*/
}
.item-table tr td.power_rank .i_bronze {
  background: #806c66;
}
.item-table tr td.power_rank .i_silver {
  background: #828c99;
}
.item-table tr td.power_rank .i_gold {
  background: #b3a147;
}
.item-table tr td.power_rank .i_platinum {
  background: #b24747;
}
.item-table tr td.power_rank .i_junk {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #333;
}
.item-table tr td.price {
  color: #db4130;
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
}
.item-table tr td.price .price--sale {
  font-size: 0.85em;
}
.item-table tr td.tf {
  text-align: center;
}
.item-table tr td.cf {
  text-align: center;
}
.item-table tr td.ahrefs {
  text-align: right;
  width: 90px;
}
.item-table tr td.referral {
  text-align: right;
}
.item-table tr td.bl_score {
  text-align: right;
}
.item-table tr td.referral_domain {
  text-align: right;
}
.item-table tr td.delete {
  text-align: center;
}
.item-table tr td.delete__cart {
  width: 48px;
}
@media (max-width: 599px) {
  .item-table tr td.delete__cart {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    width: 20%;
  }
  .item-table tr td.delete__cart:last-child {
    width: 100%;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
  }
}
.item-table tr td.delete a {
  color: #333;
  font-size: 12px;
}
.item-table tr td.delete a:hover {
  text-decoration: none;
}
.item-table tr td.blData {
  text-align: center;
  white-space: nowrap;
}
@media (max-width: 1199px) {
  .item-table tr td.blData {
    display: none;
  }
}
.item-table tr td.blData a {
  color: #3498db;
  font-weight: bold;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-table tr td.blData a:hover {
  color: #5faee3;
}

.powerRankDescriptionWrap {
  margin-top: 15px;
  *zoom: 1;
}
.powerRankDescriptionWrap:after {
  content: "";
  display: table;
  clear: both;
}
.powerRankDescriptionWrap__li {
  margin-right: 15px;
  float: left;
  font-size: 0.71429em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 1.4em;
}
@media (max-width: 1199px) {
  .powerRankDescriptionWrap__li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.powerRankDescriptionWrap__li__icon {
  margin-right: 10px;
  padding: 3px 5px;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  font-weight: normal;
  position: relative;
  top: -3px;
}
.powerRankDescriptionWrap__li__icon__bronze {
  background: #806c66;
}
.powerRankDescriptionWrap__li__icon__silver {
  background: #828c99;
}
.powerRankDescriptionWrap__li__icon__gold {
  background: #b3a147;
}
.powerRankDescriptionWrap__li__icon__platinum {
  background: #b24747;
}
.powerRankDescriptionWrap__li__sentence::before {
  content: "…";
}

.item-search0Text {
  font-size: 1em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 5.5em;
  text-align: center;
}
.item-search0Text__02 {
  font-size: 1.28571em;
  line-height: 1.94444em;
  margin-top: 2.33333em;
  margin-bottom: 0.77778em;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .item-search0Text {
    text-align: left;
  }
}
.item-search0Text a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-search0Text a:hover {
  color: #5faee3;
}

.selectHint-ul {
  margin-bottom: 30px;
  *zoom: 1;
}
.selectHint-ul:after {
  content: "";
  display: table;
  clear: both;
}

.selectHint-li {
  width: 240px;
  padding: 20px;
  background: #fff;
  float: left;
  margin-right: 26px;
}
@media (max-width: 1199px) {
  .selectHint-li {
    width: 48%;
    margin-bottom: 4%;
    margin-right: 4%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media (max-width: 599px) {
  .selectHint-li {
    width: 100%;
    margin-right: 0;
  }
}
.selectHint-li:last-child {
  margin-right: 0;
}
@media (max-width: 599px) {
  .selectHint-li:last-child {
    margin-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .selectHint-li:nth-child(even) {
    margin-right: 0;
  }
}
.selectHint-li__anchor {
  display: block;
  color: #333;
  text-decoration: none;
}
.selectHint-li__anchor img {
  width: 100%;
  height: auto;
}
.selectHint-li__anchor__title {
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0.875em;
  margin-bottom: 0.875em;
  font-weight: bold;
}
.selectHint-li__anchor__text {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
}

.selectHint-allWatchBtn {
  display: block;
  width: 280px;
  height: 58px;
  margin: 0 auto;
  border: 1px solid  #222;
  background: #222;
  color: #fff;
  font-size: 129%;
  font-weight: bold;
  text-align: center;
  line-height: 58px;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .selectHint-allWatchBtn {
    width: 100%;
  }
}
.selectHint-allWatchBtn:hover {
  background: #fff;
  color: #222;
}

#index_login {
  position: relative;
}

.logoffTopBnr {
  position: absolute;
  top: 60px;
  right: 0;
  width: 300px;
  height: auto;
}
@media (max-width: 1199px) {
  .logoffTopBnr {
    display: none;
  }
}

.logoffTopBnr02Wrap {
  position: absolute;
  top: 30px;
  right: 0;
  width: 660px;
  height: auto;
  z-index: 1000;
  opacity: 0;
  filter: alpha(opacity=0);
}
@media (max-width: 1199px) {
  .logoffTopBnr02Wrap {
    position: inherit;
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoffTopBnr02Wrap.fadeIn {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-transition: opacity 2s linear;
  -o-transition: opacity 2s linear;
  -webkit-transition: opacity 2s linear;
  transition: opacity 2s linear;
}

.logoffTopBnr02 {
  width: 660px;
}
@media (max-width: 1199px) {
  .logoffTopBnr02 {
    width: 100%;
  }
}
.logoffTopBnr02--content {
  width: 210px;
  margin-right: 15px;
}
@media (max-width: 1199px) {
  .logoffTopBnr02--content {
    margin-right: 30px;
    margin-bottom: 15px;
    width: 210px;
  }
}
.logoffTopBnr02--content:last-child {
  margin-right: 0;
}
.logoffTopBnr02--content--link {
  color: #333;
}
.logoffTopBnr02--content--link:hover {
  text-decoration: none;
}
.logoffTopBnr02--content--link--image {
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .logoffTopBnr02--content--link--image {
    margin-right: auto;
    margin-left: auto;
    max-width: 210px;
    width: 100%;
    height: auto;
  }
}
.logoffTopBnr02--content--link--text {
  font-size: 0.78571em;
  line-height: 1.59091em;
  margin-top: 0em;
  margin-bottom: 0em;
}

.logoffTopBnrList {
  position: absolute;
  top: 30px;
  right: 0;
  *zoom: 1;
  z-index: 1000;
}
.logoffTopBnrList:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoffTopBnrList {
    position: inherit;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoffTopBnrList--li {
  width: 210px;
  margin-right: 15px;
  float: left;
}
@media (max-width: 1199px) {
  .logoffTopBnrList--li {
    width: auto;
    margin-bottom: 15px;
    float: none;
  }
}
.logoffTopBnrList--li:last-child {
  margin-right: 0;
}
.logoffTopBnrList--li--link {
  color: #333;
}
.logoffTopBnrList--li--link:hover {
  text-decoration: none;
}
.logoffTopBnrList--li--link--image {
  margin-bottom: 5px;
}
@media (max-width: 1199px) {
  .logoffTopBnrList--li--link--image {
    display: none;
  }
}
.logoffTopBnrList--li--link--text {
  font-size: 0.78571em;
  line-height: 1.59091em;
  margin-top: 0em;
  margin-bottom: 0em;
}

#contents_main_title, #cat_top_title {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  background-position: center;
  background-size: 100% auto;
}
#contents_main_title:after, #cat_top_title:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  #contents_main_title, #cat_top_title {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  #contents_main_title, #cat_top_title {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    -moz-background-size: cover;
    -o-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
  }
}
#contents_main_title .box, #cat_top_title .box {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  background: rgba(0, 0, 0, 0.35);
  height: 390px;
}
#contents_main_title .box:after, #cat_top_title .box:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  #contents_main_title .box, #cat_top_title .box {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  #contents_main_title .box, #cat_top_title .box {
    height: auto;
    margin-right: 0;
    margin-left: 0;
    padding-bottom: 50px;
    padding-right: 0;
    padding-left: 0;
  }
}
#contents_main_title .box h1, #cat_top_title .box h1,
#contents_main_title .box h2,
#cat_top_title .box h2 {
  font-size: 3.42857em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.875em;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
  padding-top: 80px;
}
#contents_main_title .box h1.contentsTop, #cat_top_title .box h1.contentsTop,
#contents_main_title .box h2.contentsTop,
#cat_top_title .box h2.contentsTop {
  font-size: 3.42857em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.4375em;
  padding-top: 40px;
}
@media (max-width: 1199px) {
  #contents_main_title .box h1.contentsTop, #cat_top_title .box h1.contentsTop,
  #contents_main_title .box h2.contentsTop,
  #cat_top_title .box h2.contentsTop {
    font-size: 2.14286em;
    line-height: 1.63333em;
    margin-top: 0em;
    margin-bottom: 0.93333em;
  }
}
@media (max-width: 599px) {
  #contents_main_title .box h1.contentsTop, #cat_top_title .box h1.contentsTop,
  #contents_main_title .box h2.contentsTop,
  #cat_top_title .box h2.contentsTop {
    font-size: 1.78571em;
    line-height: 1.4em;
    margin-top: 0em;
    margin-bottom: 0.56em;
  }
}
@media (max-width: 599px) {
  #contents_main_title .box h1, #cat_top_title .box h1,
  #contents_main_title .box h2,
  #cat_top_title .box h2 {
    font-size: 2em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 1.5em;
  }
}
#contents_main_title .box p, #cat_top_title .box p {
  font-size: 1.14286em;
  line-height: 1.3125em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #ffffff;
  text-align: center;
}
#contents_main_title .box p strong, #cat_top_title .box p strong {
  font-weight: bold;
}
@media (max-width: 1199px) {
  #contents_main_title .box p, #cat_top_title .box p,
  #contents_main_title .box h1,
  #cat_top_title .box h1,
  #contents_main_title .box h2,
  #cat_top_title .box h2 {
    padding-left: 30px;
    padding-right: 30px;
    text-align: left;
  }
  #contents_main_title .box p br, #cat_top_title .box p br,
  #contents_main_title .box h1 br,
  #cat_top_title .box h1 br,
  #contents_main_title .box h2 br,
  #cat_top_title .box h2 br {
    display: none;
  }
}

#cat_top_title {
  background-image: none;
}
@media (max-width: 1199px) {
  #cat_top_title {
    height: auto;
  }
}
#cat_top_title .box {
  height: 250px;
}
@media (max-width: 1199px) {
  #cat_top_title .box {
    height: auto;
    padding-bottom: 50px;
  }
}
#cat_top_title .box h1 {
  font-size: 3.42857em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.29167em;
  text-align: left;
  padding-top: 60px;
}
@media (max-width: 599px) {
  #cat_top_title .box h1 {
    font-size: 2.14286em;
    line-height: 1.4em;
    margin-top: 0em;
    margin-bottom: 0.46667em;
  }
}
#cat_top_title .box h1::before {
  font-family: FontAwesome;
  margin-right: 10px;
}
#cat_top_title .box h1.research-tools::before {
  content: "\f080";
}
#cat_top_title .box h1.back-link::before {
  content: "\f0c1";
}
#cat_top_title .box h1.affiliate::before {
  content: "\f108";
}
#cat_top_title .box h1.domain-seo::before {
  content: "\f19d";
}
#cat_top_title .box h1.choos-domain::before {
  content: "\f25a";
}
#cat_top_title .box h1.words::before {
  content: "\f02d";
}
#cat_top_title .box p {
  text-align: left;
}

/*ログオフ-トップ*/
.logoff-top {
  /*common*/
  /*動画*/
  /*詳細説明ボックス*/
  /*10%OFFバナー*/
  /*中古ドメインに関するお役立ち情報満載*/
  /*ドメインは化学です*/
}
.logoff-top .subTitle {
  font-size: 2.14286em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.7em;
  color: #333;
  font-weight: bold;
  text-align: center;
}
.logoff-top .subTitle__white {
  color: #fff;
}
@media (max-width: 599px) {
  .logoff-top .subTitle {
    text-align: left;
  }
}
.logoff-top .subTitle__exOldDomain {
  font-size: 2.14286em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.23333em;
}
.logoff-top .subTitle__price-plan-wrap {
  font-size: 2.14286em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.23333em;
}
.logoff-top .movie-area {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ccc;
}
.logoff-top .movie-area:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .movie-area {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  .logoff-top .movie-area {
    height: auto;
    padding-right: 0;
    padding-left: 0;
  }
}
.logoff-top .movie-area .video-wrap {
  height: 520px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
@media (max-width: 1199px) {
  .logoff-top .movie-area .video-wrap {
    display: none;
  }
}
.logoff-top .movie-area video {
  height: auto;
  width: 100%;
}
@media (max-width: 1199px) {
  .logoff-top .movie-area video {
    height: 100%;
    width: auto;
  }
}
.logoff-top .movie-area .substitute_img {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  background: url(../img/common/top-mainvisual-02.jpg) center center;
  background-size: cover;
  height: 520px;
}
.logoff-top .movie-area .substitute_img:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .movie-area .substitute_img {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  .logoff-top .movie-area .substitute_img {
    height: auto;
    padding-right: 0;
    padding-left: 0;
  }
}
.logoff-top .movie-area .movie-wrap {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  background-color: rgba(0, 0, 0, 0.3);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 520px;
  padding-top: 60px;
  z-index: 10000;
  overflow: hidden;
}
.logoff-top .movie-area .movie-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .movie-area .movie-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  .logoff-top .movie-area .movie-wrap {
    height: auto;
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
@media (max-width: 599px) {
  .logoff-top .movie-area .movie-wrap {
    padding-top: 30px;
  }
}
.logoff-top .movie-area .movie-wrap .title {
  color: #ffffff;
  font-weight: bold;
  letter-spacing: -3px;
  text-align: center;
  font-size: 4.28571em;
  line-height: 1.05em;
  margin-top: 0em;
  margin-bottom: 0.46667em;
}
@media (max-width: 1199px) {
  .logoff-top .movie-area .movie-wrap .title {
    font-size: 2.14286em;
    line-height: 1.4em;
    margin-top: 0em;
    margin-bottom: 0.93333em;
    text-align: left;
  }
}
@media (max-width: 599px) {
  .logoff-top .movie-area .movie-wrap .title {
    font-size: 1.78571em;
    line-height: 1.68em;
    margin-top: 0em;
    margin-bottom: 0.56em;
  }
}
.logoff-top .movie-area .movie-wrap .text {
  color: #fff;
  text-align: center;
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.75em;
}
@media (max-width: 1199px) {
  .logoff-top .movie-area .movie-wrap .text {
    text-align: left;
  }
}
@media (max-width: 599px) {
  .logoff-top .movie-area .movie-wrap .text {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 2.5em;
  }
}
.logoff-top .movie-area .movie-wrap .text a {
  color: #fff;
}
.logoff-top .movie-area .movie-wrap .text a:hover {
  text-decoration: none;
}
@media (max-width: 599px) {
  .logoff-top .movie-area .movie-wrap .text br {
    display: none;
  }
}
.logoff-top .movie-area .movie-wrap .paypal {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0.77778em;
  text-align: center;
  font-weight: bold;
  color: #ffff00;
}
@media (max-width: 599px) {
  .logoff-top .movie-area .movie-wrap .paypal {
    font-size: 1.14286em;
    line-height: 1.75em;
    margin-top: 0em;
    margin-bottom: 0.875em;
    text-align: left;
  }
}
.logoff-top .movie-area .movie-wrap .btn {
  text-align: center;
}
.logoff-top .movie-area .movie-wrap .btn a,
.logoff-top .movie-area .movie-wrap .btn span {
  background: #3498db;
  border: 1px solid #3498db;
  color: #fff;
  display: block;
  font-size: 30px;
  font-weight: bold;
  margin: 0 auto;
  padding: 20px 0;
  text-decoration: none;
  width: 480px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-animation: whiteBtn 3s ease infinite;
  -webkit-animation: whiteBtn 3s ease infinite;
  animation: whiteBtn 3s ease infinite;
}
.logoff-top .movie-area .movie-wrap .btn a:hover,
.logoff-top .movie-area .movie-wrap .btn span:hover {
  background: #52a7e0;
}
@media (max-width: 599px) {
  .logoff-top .movie-area .movie-wrap .btn a,
  .logoff-top .movie-area .movie-wrap .btn span {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 25px;
    width: auto;
  }
}
.logoff-top .movie-area .covervid-video2 {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  z-index: -100;
  background-size: cover;
}
.logoff-top .movie-area .videoWrapBg {
  background: url(../img/background/movie-bg.png);
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: -99;
}
.logoff-top .description-list-wrap {
  margin-top: -80px;
  background: #f7f7f7;
  position: relative;
  z-index: 1000;
  margin-bottom: 60px;
  *zoom: 1;
}
.logoff-top .description-list-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .description-list-wrap {
    padding-left: 25px;
    padding-right: 25px;
    margin-top: 0;
  }
}
.logoff-top .description-list-wrap .description-list {
  float: left;
  height: auto;
  padding-top: 45px;
}
@media (max-width: 1199px) {
  .logoff-top .description-list-wrap .description-list {
    display: block;
  }
}
.logoff-top .description-list-wrap .description-list li {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: #dddddd 2px solid;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 75px;
  position: relative;
}
@media (max-width: 1199px) {
  .logoff-top .description-list-wrap .description-list li {
    border: none;
    display: block;
    width: 50% !important;
  }
}
@media (max-width: 599px) {
  .logoff-top .description-list-wrap .description-list li {
    width: auto !important;
  }
}
.logoff-top .description-list-wrap .description-list li.learning {
  width: 302px;
}
@media (max-width: 1199px) {
  .logoff-top .description-list-wrap .description-list li.learning {
    border-right: #dddddd 1px solid;
    margin-bottom: 50px;
    padding-left: 0;
    padding-right: 15px;
  }
}
@media (max-width: 599px) {
  .logoff-top .description-list-wrap .description-list li.learning {
    border: none;
    padding-right: 0;
    padding-bottom: 50px;
    border-bottom: #dddddd 2px solid;
  }
}
.logoff-top .description-list-wrap .description-list li.seo {
  width: 299px;
}
@media (max-width: 1199px) {
  .logoff-top .description-list-wrap .description-list li.seo {
    border-left: #dddddd 1px solid;
    margin-bottom: 50px;
    padding-left: 15px;
    padding-right: 0;
  }
}
@media (max-width: 599px) {
  .logoff-top .description-list-wrap .description-list li.seo {
    border: none;
    padding-left: 10px;
    padding-bottom: 50px;
    border-bottom: #dddddd 2px solid;
  }
}
.logoff-top .description-list-wrap .description-list li.return {
  width: 299px;
}
@media (max-width: 1199px) {
  .logoff-top .description-list-wrap .description-list li.return {
    border-right: #dddddd 1px solid;
    padding-left: 0;
    padding-right: 15px;
  }
}
@media (max-width: 599px) {
  .logoff-top .description-list-wrap .description-list li.return {
    border: none;
    padding-right: 0;
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: #dddddd 2px solid;
  }
}
.logoff-top .description-list-wrap .description-list li.delivery {
  width: 300px;
  border-right: none;
}
@media (max-width: 1199px) {
  .logoff-top .description-list-wrap .description-list li.delivery {
    border-left: #dddddd 1px solid;
    padding-left: 15px;
    padding-right: 0;
  }
}
@media (max-width: 599px) {
  .logoff-top .description-list-wrap .description-list li.delivery {
    border: none;
    padding-left: 0;
  }
}
.logoff-top .description-list-wrap .description-list li .icon {
  position: absolute;
  text-align: center;
  top: 0;
  left: 0;
  margin: auto;
  right: 0;
}
.logoff-top .description-list-wrap .description-list li .icon_learning {
  background: #f7f7f7;
  display: block;
  height: 194px;
  width: 194px;
  top: -105px;
  z-index: 1001;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
.logoff-top .description-list-wrap .description-list li .icon_learning img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.logoff-top .description-list-wrap .description-list li .title {
  font-size: 1.57143em;
  line-height: 1.27273em;
  margin-top: 0em;
  margin-bottom: 0.63636em;
  color: #333;
  display: block;
  font-weight: bold;
  position: relative;
  text-align: center;
  z-index: 1001;
}
.logoff-top .description-list-wrap .description-list li .title_learning {
  color: #3498db;
}
.logoff-top .description-list-wrap .description-list li .text {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #333;
  display: block;
}
.logoff-top .description-list-wrap .description-list li .text a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.logoff-top .description-list-wrap .description-list li .text a:hover {
  color: #5faee3;
}
.logoff-top .off-price-bnr {
  margin-bottom: 60px;
  text-align: center;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .off-price-bnr {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .off-price-bnr img {
  height: 107px;
  width: 692px;
}
@media (max-width: 1199px) {
  .logoff-top .off-price-bnr img {
    height: auto;
    width: 100%;
  }
}
.logoff-top .ex-sell-domain-wrap {
  background: #eee;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 60px;
  padding-bottom: 60px;
}
.logoff-top .ex-sell-domain-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .ex-sell-domain-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .ex-sell-domain-wrap .text {
  text-align: center;
  font-size: 1em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 1em;
}
@media (max-width: 599px) {
  .logoff-top .ex-sell-domain-wrap .text {
    text-align: left;
  }
}
.logoff-top .ex-sell-domain-wrap .text a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.logoff-top .ex-sell-domain-wrap .text a:hover {
  color: #5faee3;
}
.logoff-top .moveDemoBtn {
  margin-top: 35px;
  text-align: center;
}
.logoff-top .moveDemoBtn a {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0em;
  background: #222;
  border: #222 1px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 20px 30px;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-animation: blackBtn 3s ease 1.5s infinite normal;
  -webkit-animation: blackBtn 3s ease 1.5s infinite normal;
  animation: blackBtn 3s ease 1.5s infinite normal;
}
@media (max-width: 1199px) {
  .logoff-top .moveDemoBtn a {
    display: block;
    min-width: auto;
    width: auto;
  }
}
@media (max-width: 599px) {
  .logoff-top .moveDemoBtn a {
    text-align: left;
  }
}
.logoff-top .moveDemoBtn a:hover {
  background: #fff;
  border: #222 1px solid;
  color: #222;
}
.logoff-top .price-plan-wrap {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 60px;
  padding-bottom: 60px;
}
.logoff-top .price-plan-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .price-plan-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .price-plan-about-text {
  font-size: 1em;
  line-height: 2.5em;
  margin-top: 0em;
  margin-bottom: 1em;
  text-align: center;
}
@media (max-width: 599px) {
  .logoff-top .price-plan-about-text {
    text-align: left;
  }
}
.logoff-top .price-plan-list {
  *zoom: 1;
  margin-bottom: 40px;
}
.logoff-top .price-plan-list:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .price-plan-list {
    margin-bottom: 20px;
  }
}
.logoff-top .price-plan-list--li {
  position: relative;
  background: #fff;
  padding-top: 25px;
  padding-bottom: 15px;
  width: 300px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  overflow: hidden;
  z-index: 1;
  border: 2px solid #fff;
}
.logoff-top .price-plan-list--li__gold {
  position: relative;
  top: 6px;
  border: 2px solid #b3a147;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-transform: scale(1.04, 1.04);
  -ms-transform: scale(1.04, 1.04);
  -webkit-transform: scale(1.04, 1.04);
  transform: scale(1.04, 1.04);
  -moz-box-shadow: 0px 0px 22px 1px #c2c2c2;
  -webkit-box-shadow: 0px 0px 22px 1px #c2c2c2;
  box-shadow: 0px 0px 22px 1px #c2c2c2;
  z-index: 2;
}
@media (max-width: 1199px) {
  .logoff-top .price-plan-list--li__gold {
    position: static;
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
@media (max-width: 1199px) {
  .logoff-top .price-plan-list--li {
    width: 49%;
    margin-bottom: 2%;
  }
  .logoff-top .price-plan-list--li:nth-child(odd) {
    margin-right: 2%;
  }
}
@media (max-width: 599px) {
  .logoff-top .price-plan-list--li {
    width: 100%;
  }
  .logoff-top .price-plan-list--li:nth-child(odd) {
    margin-right: 0;
  }
}
.logoff-top .price-plan-list--li:hover {
  /*                @include transitionStyle01;
                  @include scale(1.04);
                  @include box-shadow(0px 0px 22px 1px #c2c2c2);
                  z-index: 2;*/
}
.logoff-top .price-plan-list--li--medal {
  margin-bottom: 10px;
  text-align: center;
}
.logoff-top .price-plan-list--li--bandWrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.logoff-top .price-plan-list--li--bandWrap--band {
  width: 200px;
  background: #b3a147;
  color: #fff;
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-align: center;
  float: left;
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -moz-transform-origin: 55% 400%;
  -ms-transform-origin: 55% 400%;
  -webkit-transform-origin: 55% 400%;
  transform-origin: 55% 400%;
}
.logoff-top .price-plan-list--li--rank {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 1.55556em;
  margin-right: 20px;
  margin-left: 20px;
  padding-bottom: 10px;
  font-weight: bold;
  text-align: center;
  padding-right: 20px;
  padding-left: 20px;
  border-bottom: 1px solid #ddd;
}
.logoff-top .price-plan-list--li--rank__bronze {
  color: #806c66;
}
.logoff-top .price-plan-list--li--rank__silver {
  color: #828c99;
}
.logoff-top .price-plan-list--li--rank__gold {
  color: #b3a147;
}
.logoff-top .price-plan-list--li--rank__platinum {
  color: #b24747;
}
.logoff-top .price-plan-list--li--priceArea {
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  text-align: center;
}
.logoff-top .price-plan-list--li--priceArea--price {
  font-size: 2.14286em;
  line-height: 0.93333em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: bold;
}
.logoff-top .price-plan-list--li--linkArea--btn {
  display: block;
  margin-right: 20px;
  margin-bottom: 20px;
  margin-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background: #000;
  color: #fff;
  text-decoration: none;
  text-align: center;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.logoff-top .price-plan-list--li--linkArea--btn__bronze {
  background: #806c66;
}
.logoff-top .price-plan-list--li--linkArea--btn__bronze:hover {
  background: #a5938e;
}
.logoff-top .price-plan-list--li--linkArea--btn__silver {
  background: #828c99;
}
.logoff-top .price-plan-list--li--linkArea--btn__silver:hover {
  background: #acb3bb;
}
.logoff-top .price-plan-list--li--linkArea--btn__gold {
  background: #b3a147;
}
.logoff-top .price-plan-list--li--linkArea--btn__gold:hover {
  background: #cbbe7c;
}
.logoff-top .price-plan-list--li--linkArea--btn__platinum {
  background: #b24747;
}
.logoff-top .price-plan-list--li--linkArea--btn__platinum:hover {
  background: #ca7b7b;
}
.logoff-top .price-plan-list--li--text {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-right: 20px;
  padding-left: 20px;
  font-weight: bold;
}
.logoff-top .price-plan-list--li--content {
  padding-right: 20px;
  padding-left: 20px;
}
.logoff-top .price-plan-content-list {
  padding-right: 20px;
  padding-left: 20px;
}
.logoff-top .price-plan-content-list--li {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}
.logoff-top .price-plan-note {
  font-size: 0.71429em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #999;
}
.logoff-top .info-wrap {
  background: #eee;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 60px;
  padding-bottom: 60px;
}
.logoff-top .info-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .info-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .info-wrap .info-area {
  width: 580px;
}
@media (max-width: 1199px) {
  .logoff-top .info-wrap .info-area {
    width: auto;
  }
}
.logoff-top .info-wrap .info-area_left {
  float: left;
}
@media (max-width: 1199px) {
  .logoff-top .info-wrap .info-area_left {
    float: none;
    margin-bottom: 60px;
  }
}
.logoff-top .info-wrap .info-area_right {
  float: right;
}
@media (max-width: 1199px) {
  .logoff-top .info-wrap .info-area_right {
    float: none;
  }
}
.logoff-top .info-wrap .info-area .article-wrap {
  background: #fff;
  height: 350px;
  overflow: auto;
  padding: 20px 0 30px;
}
.logoff-top .info-wrap .info-area .article-wrap article div,
.logoff-top .info-wrap .info-area .article-wrap .article div {
  display: block;
  text-decoration: none;
  padding: 20px 30px 0;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.logoff-top .info-wrap .info-area .article-wrap article div time,
.logoff-top .info-wrap .info-area .article-wrap .article div time {
  font-size: 1.28571em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.77778em;
  color: #333;
  font-weight: bold;
  display: block;
}
.logoff-top .info-wrap .info-area .article-wrap article div .title,
.logoff-top .info-wrap .info-area .article-wrap .article div .title {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 1em;
  color: #333;
  font-weight: bold;
  border: none;
  padding-bottom: 0;
}
@media (max-width: 599px) {
  .logoff-top .info-wrap .info-area .article-wrap article div .title,
  .logoff-top .info-wrap .info-area .article-wrap .article div .title {
    word-break: break-all;
    overflow-wrap: break-word;
  }
}
.logoff-top .info-wrap .info-area .article-wrap article div p,
.logoff-top .info-wrap .info-area .article-wrap .article div p {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #333;
  border-bottom: #ccc 1px solid;
  padding-bottom: 20px;
}
@media (max-width: 599px) {
  .logoff-top .info-wrap .info-area .article-wrap article div p,
  .logoff-top .info-wrap .info-area .article-wrap .article div p {
    word-break: break-all;
    overflow-wrap: break-word;
  }
}
.logoff-top .info-wrap .info-area .article-wrap article div p a,
.logoff-top .info-wrap .info-area .article-wrap .article div p a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.logoff-top .info-wrap .info-area .article-wrap article div p a:hover,
.logoff-top .info-wrap .info-area .article-wrap .article div p a:hover {
  color: #5faee3;
}
.logoff-top .info-wrap .info-area .article-wrap article:last-child div p,
.logoff-top .info-wrap .info-area .article-wrap .article:last-child div p {
  border-bottom: none;
  padding-bottom: 0;
}
.logoff-top .useful-wrap {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 60px;
  padding-bottom: 60px;
}
.logoff-top .useful-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .useful-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 1199px) {
  .logoff-top .useful-wrap {
    width: auto;
  }
}
.logoff-top .useful-wrap .text {
  margin-bottom: 20px;
  text-align: center;
}
@media (max-width: 1199px) {
  .logoff-top .useful-wrap .text {
    text-align: left;
  }
}
.logoff-top .useful-wrap .slider-wrap {
  margin-bottom: 10px;
  width: 1200px;
}
@media (max-width: 1199px) {
  .logoff-top .useful-wrap .slider-wrap {
    width: auto;
    height: auto;
  }
}
.logoff-top .useful-wrap .slider-wrap article,
.logoff-top .useful-wrap .slider-wrap .article {
  float: left;
  position: relative;
}
.logoff-top .useful-wrap .slider-wrap article span,
.logoff-top .useful-wrap .slider-wrap .article span {
  display: block;
  background: #222;
  min-width: 150px;
  padding-right: 5px;
  padding-left: 5px;
  color: #fff;
  font-size: 12px;
  height: 25px;
  left: 24px;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: 24px;
}
.logoff-top .useful-wrap .slider-wrap article a,
.logoff-top .useful-wrap .slider-wrap .article a {
  display: block;
  padding: 23px;
  text-decoration: none;
  width: 300px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap .slider-wrap article a,
  .logoff-top .useful-wrap .slider-wrap .article a {
    padding: 10px;
    width: 250px;
  }
}
.logoff-top .useful-wrap .slider-wrap article a:hover,
.logoff-top .useful-wrap .slider-wrap .article a:hover {
  background: #fff;
}
.logoff-top .useful-wrap .slider-wrap article a:hover img,
.logoff-top .useful-wrap .slider-wrap .article a:hover img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.logoff-top .useful-wrap .slider-wrap article a img,
.logoff-top .useful-wrap .slider-wrap .article a img {
  height: auto;
  margin-bottom: 10px;
  width: 100%;
}
.logoff-top .useful-wrap .slider-wrap article a .useful-subTitle,
.logoff-top .useful-wrap .slider-wrap .article a .useful-subTitle {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #333;
}
.logoff-top .useful-wrap .more-learn-btn {
  text-align: center;
}
.logoff-top .useful-wrap .more-learn-btn a {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0em;
  background: #222;
  border: #222 1px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  padding: 20px 30px;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .logoff-top .useful-wrap .more-learn-btn a {
    display: block;
    min-width: auto;
    width: auto;
  }
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap .more-learn-btn a {
    text-align: left;
  }
}
.logoff-top .useful-wrap .more-learn-btn a:hover {
  background: #fff;
  border: #222 1px solid;
  color: #222;
}
.logoff-top .useful-searchCat-title {
  clear: both;
  font-size: 1.42857em;
  line-height: 1.4em;
  margin-top: 3.5em;
  margin-bottom: 0em;
  text-align: center;
  font-weight: bold;
}
.logoff-top .useful-wrap-searchCat {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media (max-width: 1199px) {
  .logoff-top .useful-wrap-searchCat {
    -webkit-justify-content: space-around;
    justify-content: space-around;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: 360px;
  margin-top: 60px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 40px 25px;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .logoff-top .useful-wrap-searchCat--contentWrap {
    width: 45%;
  }
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap {
    width: 100%;
    padding: 15px 40px 15px;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap:hover {
  background: #fff;
}
.logoff-top .useful-wrap-searchCat--contentWrap::before, .logoff-top .useful-wrap-searchCat--contentWrap::after {
  position: absolute;
  top: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: "";
  width: 20px;
  height: 100%;
  border-top: 3px solid #333;
  border-bottom: 3px solid #333;
}
.logoff-top .useful-wrap-searchCat--contentWrap::before {
  left: 0;
  border-left: 3px solid #333;
}
.logoff-top .useful-wrap-searchCat--contentWrap::after {
  right: 0;
  border-right: 3px solid #333;
}
.logoff-top .useful-wrap-searchCat--contentWrap--title {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  color: #333;
  font-weight: bold;
  text-align: center;
  height: 90px;
  line-height: 1.1em;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--title {
    display: block;
    height: auto;
    margin-bottom: 25px;
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--title {
    font-size: 20px;
  }
}

.logoff-top .useful-wrap-searchCat--contentWrap--title__01 {
  font-size: 30px;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--title__01 {
    font-size: 20px;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap--title__02 {
  font-size: 30px;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--title__02 {
    font-size: 20px;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap--title__03 {
  font-size: 30px;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--title__03 {
    font-size: 20px;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap--title__04 {
  font-size: 30px;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--title__04 {
    font-size: 20px;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap--title__05 {
  font-size: 30px;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--title__05 {
    font-size: 20px;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap--title__06 {
  font-size: 30px;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--title__06 {
    font-size: 20px;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap--text {
  margin-bottom: 25px;
  text-decoration: none;
  color: #333;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--text {
    margin-bottom: 20px;
  }
}
.logoff-top .useful-wrap-searchCat--contentWrap--anchor {
  margin-top: auto;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  color: #333;
  text-decoration: underline;
}
@media (max-width: 599px) {
  .logoff-top .useful-wrap-searchCat--contentWrap--anchor {
    position: static;
    font-size: 16px;
  }
}
.logoff-top .sliderText {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0.58333em;
  margin-bottom: 0em;
  color: #333;
}
.logoff-top .sliderText__likeAnchor {
  position: static !important;
  display: inline !important;
  color: #3498db !important;
  background: none !important;
  padding: 0 !important;
  font-size: 1em !important;
  line-height: 1.75em !important;
  margin-top: 0.58333em !important;
  margin-bottom: 0em !important;
}
.logoff-top .more-area-wrap {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  *zoom: 1;
}
.logoff-top .more-area-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .more-area-wrap:after {
  content: "";
  display: table;
  clear: both;
}
.logoff-top .more-area-wrap_about {
  background: #fff;
}
.logoff-top .more-area-wrap_about .left-box {
  width: 430px;
  float: left;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap_about .left-box {
    width: auto;
    margin-bottom: 20px;
    float: none;
  }
}
.logoff-top .more-area-wrap_about .left-box .subTitle,
.logoff-top .more-area-wrap_about .left-box p {
  color: #444;
}
.logoff-top .more-area-wrap_about .right-box {
  float: right;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap_about .right-box img {
    width: 100%;
    max-width: 600px;
    height: auto;
  }
}
.logoff-top .more-area-wrap_search {
  background: url(../img/common/top-logoff-search-bg.jpg) center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.logoff-top .more-area-wrap_search .right-box {
  width: 550px;
  float: right;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap_search .right-box {
    width: auto;
    padding-left: 0;
    float: none;
  }
}
.logoff-top .more-area-wrap_search .left-box {
  width: 600px;
  margin-top: 40px;
  float: left;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap_search .left-box {
    width: auto;
    float: none;
    text-align: center;
  }
}
.logoff-top .more-area-wrap_search .left-box img {
  width: 100%;
  max-width: 600px;
  height: auto;
}
.logoff-top .more-area-wrap_chemistry {
  background: url(../img/common/top_science.jpg) center center;
  -moz-background-size: cover;
  -o-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
}
.logoff-top .more-area-wrap_chemistry .subTitle,
.logoff-top .more-area-wrap_chemistry p {
  width: 910px;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap_chemistry .subTitle,
  .logoff-top .more-area-wrap_chemistry p {
    width: 100%;
  }
}
.logoff-top .more-area-wrap_start {
  background: #3498db;
}
.logoff-top .more-area-wrap_start .right-box {
  background: url(../img/common/start_bg.png) 115px 40px no-repeat;
  -moz-background-size: 297px 290px;
  -o-background-size: 297px 290px;
  -webkit-background-size: 297px 290px;
  background-size: 297px 290px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: 510px;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap_start .right-box {
    width: auto;
    background-position-x: center;
    -moz-background-size: auto 200px;
    -o-background-size: auto 200px;
    -webkit-background-size: auto 200px;
    background-size: auto 200px;
    padding-left: 0;
    padding-top: 250px;
  }
}
.logoff-top .more-area-wrap_start .free-registration-btn {
  text-align: center;
}
.logoff-top .more-area-wrap_start .free-registration-btn a,
.logoff-top .more-area-wrap_start .free-registration-btn span {
  border: 1px solid #fff;
  color: #fff;
  display: block;
  font-size: 30px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
  margin-top: 100px;
  padding: 25px 0;
  text-align: center;
  text-decoration: none;
  width: 440px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap_start .free-registration-btn a,
  .logoff-top .more-area-wrap_start .free-registration-btn span {
    width: auto;
  }
}
.logoff-top .more-area-wrap_start .free-registration-btn a:hover,
.logoff-top .more-area-wrap_start .free-registration-btn span:hover {
  background: #fff;
  color: #3498db;
}
.logoff-top .more-area-wrap_start .sign-in {
  font-size: 0.85714em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-align: center;
}
.logoff-top .more-area-wrap_start .sign-in a {
  color: #fff;
}
.logoff-top .more-area-wrap_start .sign-in a:hover {
  text-decoration: none;
}
.logoff-top .more-area-wrap_comparison {
  background: #333;
  color: #fff;
}
.logoff-top .more-area-wrap .comparisonTableWrap {
  margin-bottom: 20px;
}
@media (max-width: 599px) {
  .logoff-top .more-area-wrap .comparisonTableWrap {
    overflow-x: scroll;
  }
}
.logoff-top .more-area-wrap .comparisonTable {
  width: 100%;
  table-layout: fixed;
}
@media (max-width: 599px) {
  .logoff-top .more-area-wrap .comparisonTable {
    width: 200%;
  }
}
.logoff-top .more-area-wrap .comparisonTable--thead--tr {
  border-bottom: 1px solid #fff;
}
.logoff-top .more-area-wrap .comparisonTable--thead--tr--th {
  padding: 10px;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
}
.logoff-top .more-area-wrap .comparisonTable--thead--tr--th:nth-child(3) {
  background: #4c5450;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr {
  border-bottom: 1px solid #fff;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--th, .logoff-top .more-area-wrap .comparisonTable--tbody--tr--td {
  padding: 20px;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--th {
  font-size: 22px;
  font-weight: bold;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--td {
  vertical-align: top;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--td:nth-child(3) {
  background: #4c5450;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--td--symbol {
  display: block;
  padding-top: 12px;
  padding-bottom: 7px;
  text-align: center;
  font-size: 50px;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--td--text {
  display: block;
  text-align: center;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--td--p {
  font-size: 1em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 1em;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--td--p:last-child {
  margin-bottom: 0;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--td--p__green {
  color: #b4f7b4;
}
.logoff-top .more-area-wrap .comparisonTable--tbody--tr--td--p__pink {
  color: #ffd7d7;
}
.logoff-top .more-area-wrap .useDomain {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 50px;
  background: url(../img/common/use-domain-bg.png) 0 0 repeat;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap .useDomain {
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding: 25px;
  }
}
.logoff-top .more-area-wrap .useDomain--domainman {
  display: block;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap .useDomain--domainman {
    max-width: 100%;
    height: auto;
    margin-bottom: 25px;
  }
}
.logoff-top .more-area-wrap .useDomain--content {
  width: 750px;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap .useDomain--content {
    width: auto;
  }
}
.logoff-top .more-area-wrap .useDomain--content--subtitle {
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
  font-weight: bold;
}
.logoff-top .more-area-wrap .useDomain--content--title {
  font-size: 1.78571em;
  line-height: 1.68em;
  margin-top: 0em;
  margin-bottom: 0.84em;
  font-weight: bold;
}
.logoff-top .more-area-wrap .useDomain--content--p {
  font-size: 0.92857em;
  line-height: 2.15385em;
  margin-top: 0em;
  margin-bottom: 0em;
}
.logoff-top .more-area-wrap .subTitle {
  font-size: 3em;
  line-height: 1.66667em;
  margin-top: 0em;
  margin-bottom: 0.66667em;
  color: #fff;
  font-weight: bold;
  text-align: left;
}
@media (max-width: 1199px) {
  .logoff-top .more-area-wrap .subTitle {
    font-size: 2.85714em;
    line-height: 1.575em;
    margin-top: 0em;
    margin-bottom: 0.7em;
    text-align: center;
  }
}
@media (max-width: 599px) {
  .logoff-top .more-area-wrap .subTitle {
    text-align: left;
  }
}
.logoff-top .more-area-wrap p {
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
  color: #fff;
}
.logoff-top .more-area-wrap p:last-child {
  margin-bottom: 0;
}
.logoff-top .customerFeedback {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  *zoom: 1;
  background: #fff;
}
.logoff-top .customerFeedback:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .customerFeedback {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .customerFeedback:after {
  content: "";
  display: table;
  clear: both;
}
.logoff-top .customerFeedback--wrap--content {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
  margin-left: 10px;
  padding: 12px;
  width: 380px;
  border: 1px solid #c4c4c4;
  background: #eee;
}
@media (max-width: 1199px) {
  .logoff-top .customerFeedback--wrap--content {
    width: 250px;
  }
}
.logoff-top .customerFeedback--wrap--content--title {
  font-size: 1.42857em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0.7em;
  font-weight: bold;
}
.logoff-top .customerFeedback--wrap--content--voice {
  margin-bottom: 20px;
}
.logoff-top .customerFeedback--wrap--content--answerTitle {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 10px;
  padding-left: 60px;
  height: 50px;
  background: url(../img/common/use-domain-domainman.png) 0 center no-repeat;
  background-size: contain;
  font-weight: bold;
}
.logoff-top .customerFeedback--wrap--content--answer {
  padding: 10px 12px;
  background: #fff;
}
.logoff-top .flowPurchase {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  *zoom: 1;
  background: #333;
  color: #fff;
}
.logoff-top .flowPurchase:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .flowPurchase {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .flowPurchase:after {
  content: "";
  display: table;
  clear: both;
}
.logoff-top .flowPurchase--subTitle02 {
  font-size: 1.42857em;
  line-height: 1.75em;
  margin-top: 1.05em;
  margin-bottom: 0em;
  font-weight: bold;
}
.logoff-top .flowPurchase--subTitle03 {
  font-size: 2.5em;
  line-height: 1.4em;
  margin-top: 1.6em;
  margin-bottom: 0.8em;
}
@media (max-width: 1199px) {
  .logoff-top .flowPurchase--subTitle03 {
    font-size: 1.78571em;
    line-height: 1.4em;
    margin-top: 1.68em;
    margin-bottom: 1.12em;
    font-weight: bold;
  }
}
.logoff-top .flowPurchase--flexbox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
@media (max-width: 1199px) {
  .logoff-top .flowPurchase--flexbox {
    -webkit-flex-flow: column wrap;
    flex-flow: column wrap;
  }
}
.logoff-top .flowPurchase--flexbox--imgWrap {
  width: 103px;
  margin-right: 25px;
}
@media (max-width: 1199px) {
  .logoff-top .flowPurchase--flexbox--imgWrap {
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
    text-align: center;
  }
}
.logoff-top .flowPurchase--flexbox--textWrap {
  width: 432px;
}
.logoff-top .flowPurchase--flexbox--textWrap__firstChild {
  margin-right: 80px;
}
@media (max-width: 1199px) {
  .logoff-top .flowPurchase--flexbox--textWrap__firstChild {
    margin-right: 0;
    margin-bottom: 45px;
  }
}
@media (max-width: 1199px) {
  .logoff-top .flowPurchase--flexbox--textWrap {
    width: 100%;
  }
}
.logoff-top .flowPurchase--flexbox--textWrap--title {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0.77778em;
}
.logoff-top .flowPurchase--flexbox--textWrap--text--link {
  text-decoration: underline;
  color: #fff;
}
.logoff-top .flowPurchase--flexbox--textWrap--text--link:hover {
  text-decoration: none;
}
.logoff-top .aboutRepeater {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #183358;
  color: #fff;
}
.logoff-top .aboutRepeater:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .aboutRepeater {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .aboutRepeater--percentTitle {
  float: left;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .logoff-top .aboutRepeater--percentTitle {
    margin-bottom: 20px;
    float: none;
  }
}
.logoff-top .aboutRepeater--percentTitle--number {
  font-size: 120px;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 1199px) {
  .logoff-top .aboutRepeater--percentTitle--number {
    font-size: 90px;
  }
}
@media (max-width: 1199px) {
  .logoff-top .aboutRepeater--percentTitle--number {
    font-size: 80px;
  }
}
.logoff-top .aboutRepeater--percentTitle--percent {
  font-size: 20px;
  font-weight: bold;
}
.logoff-top .aboutRepeater--percentTitle--small {
  font-size: 12px;
}
.logoff-top .aboutRepeater--percentText {
  width: 750px;
  float: right;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .logoff-top .aboutRepeater--percentText {
    width: auto;
    float: none;
  }
}
.logoff-top .aboutRepeater--percentText--p {
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
}
.logoff-top .aboutRepeater--percentText--p:last-child {
  margin-bottom: 0;
}
.logoff-top .aboutRepeater--hr {
  display: block;
  height: 1px;
  margin-bottom: 40px;
  clear: both;
  border: none;
  border-top: 1px solid #fff;
}
.logoff-top .aboutRepeater--chart {
  float: right;
}
@media (max-width: 1199px) {
  .logoff-top .aboutRepeater--chart {
    margin-bottom: 20px;
    float: none;
  }
}
.logoff-top .aboutRepeater--chart--img {
  width: 100%;
  max-width: 364px;
  height: auto;
}
.logoff-top .aboutRepeater--percentText02 {
  width: 750px;
  margin-bottom: 40px;
  float: left;
}
@media (max-width: 1199px) {
  .logoff-top .aboutRepeater--percentText02 {
    width: auto;
    float: none;
  }
}
.logoff-top .assessment {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  padding-top: 50px;
  padding-bottom: 50px;
  background: #fff;
  color: #333;
}
.logoff-top .assessment:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .assessment {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.logoff-top .assessment--p {
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
}
.logoff-top .assessment--h3 {
  font-size: 1.57143em;
  line-height: 1.59091em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .logoff-top .assessment--logo--img {
    max-width: 100%;
    height: auto;
  }
}
.logoff-top .login-top {
  background: #eee;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
}
.logoff-top .login-top:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .logoff-top .login-top {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.icon-no-click {
  color: #ddd;
  font-size: 30px;
}
.icon-no-click:hover {
  cursor: help !important;
}

/*コンテンツ一覧*/
#category_count {
  margin-bottom: 15px;
  *zoom: 1;
}
#category_count:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  #category_count {
    padding-left: 25px;
    padding-right: 25px;
  }
}
#category_count li {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
#category_count li:last-child {
  margin-bottom: 0;
}
#category_count li a {
  font-size: 11px;
  background: #222222;
  color: #ffffff;
  border: #222222 1px solid;
  display: block;
  padding: 0px 9px;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#category_count li a:hover {
  background: #ffffff;
  color: #333333;
}

.category {
  float: left;
  margin-bottom: 30px;
  *zoom: 1;
}
.category:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 599px) {
  .category {
    float: none;
  }
}
@media (max-width: 599px) {
  .category_bottom {
    margin-bottom: 0;
  }
}
.category li {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}
.category li:last-child {
  margin-bottom: 0;
}
.category li a {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  background: #222;
  border: #222 1px solid;
  color: #fff;
  display: block;
  padding: 5px 8px;
  text-decoration: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.category li a:hover {
  background: #fff;
  color: #222;
}

/*最終更新日*/
.last-updated {
  text-align: right;
  line-height: 42px;
  color: #8b8b8b;
}
@media (max-width: 599px) {
  .last-updated {
    text-align: left;
    margin-bottom: 20px;
  }
}
.last-updated--auther {
  margin-right: 7px;
  padding-right: 7px;
  border-right: 1px solid #8b8b8b;
}
@media (max-width: 599px) {
  .last-updated--auther {
    display: block;
    border-right: none;
  }
}
.last-updated--auther--link {
  color: #8b8b8b;
  text-decoration: none;
}
.last-updated--auther--link:hover {
  text-decoration: underline;
}

/*content_wrapper*/
#content_wrapper {
  margin-top: 50px;
}

/*検索窓*/
.search_form {
  margin-top: -40px;
  margin-bottom: 5px;
  clear: both;
}
@media (max-width: 1199px) {
  .search_form {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.search_form form {
  letter-spacing: -.40em;
  /* 文字間を詰めて隙間を削除する */
}
.search_form form input[type="text"] {
  border: 1px solid #cccccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  margin-right: 6px;
  padding-left: 10px;
  padding-right: 10px;
  width: 774px;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
@media (max-width: 1199px) {
  .search_form form input[type="text"] {
    margin-right: 1%;
    width: 79%;
  }
}
.search_form form input:focus::-webkit-input-placeholder {
  color: transparent;
}
.search_form form input:focus:-moz-placeholder {
  color: transparent;
}
.search_form form input:focus::-moz-placeholder {
  color: transparent;
}
.search_form form input[type="submit"] {
  color: #ffffff;
  font-size: 16px;
  background: #222222;
  border: 1px solid #222;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  height: 40px;
  letter-spacing: normal;
  vertical-align: middle;
  width: 100px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .search_form form input[type="submit"] {
    width: 20%;
  }
}
.search_form form input[type="submit"]:hover {
  color: #222;
  background: #fff;
}
@media (max-width: 599px) {
  .search_form form input::-webkit-input-placeholder {
    color: transparent;
  }
  .search_form form input:-moz-placeholder {
    color: transparent;
  }
  .search_form form input::-moz-placeholder {
    color: transparent;
  }
}

/*注目ワード*/
.attensitonWordDl {
  margin-bottom: 30px;
}
@media (max-width: 1199px) {
  .attensitonWordDl {
    margin-right: 25px;
    margin-left: 25px;
  }
}
.attensitonWordDl__dt, .attensitonWordDl__dd {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0.58333em;
  display: inline;
}
.attensitonWordDl__dt {
  font-weight: bold;
}
.attensitonWordDl__dd {
  margin-right: 5px;
}
.attensitonWordDl__dd__anchor {
  color: #333;
}
.attensitonWordDl__dd__anchor:hover {
  text-decoration: none;
}

/*記事一覧*/
@media (max-width: 1199px) {
  .posts {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.posts .contents_list li {
  margin-bottom: 20px;
  position: relative;
}
@media (max-width: 1199px) {
  .posts .contents_list li {
    margin-bottom: 40px;
  }
}
.posts .contents_list li a {
  background: #ffffff;
  color: #333333;
  display: block;
  position: relative;
  text-decoration: none;
  width: 880px;
  *zoom: 1;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.posts .contents_list li a:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .posts .contents_list li a {
    height: auto;
    width: auto;
  }
}
.posts .contents_list li a:hover {
  background: #eee;
}
.posts .contents_list li a:hover img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
.posts .contents_list li a.first {
  border: 4px solid #333;
  margin-right: -4px;
  margin-left: -4px;
}
.posts .contents_list li a .newDelta {
  position: absolute;
  top: -35px;
  right: -35px;
  width: 0;
  height: 0;
  border-top: 35px solid transparent;
  border-right: 35px solid transparent;
  border-bottom: 35px solid #db4130;
  border-left: 35px solid transparent;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media (max-width: 1199px) {
  .posts .contents_list li a .newDelta {
    display: none;
  }
}
.posts .contents_list li a .newDelta__new {
  position: absolute;
  right: 0;
  bottom: -43px;
  left: -35px;
  width: 70px;
  margin: auto;
  font-size: 86%;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.posts .contents_list li a .imgWrap {
  width: 300px;
  float: left;
  overflow: hidden;
}
@media (max-width: 1199px) {
  .posts .contents_list li a .imgWrap {
    float: left;
    height: auto;
    width: 50%;
  }
}
@media (max-width: 599px) {
  .posts .contents_list li a .imgWrap {
    float: none;
    height: auto;
    width: 100%;
  }
}
.posts .contents_list li a img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.posts .contents_list li a .content_info {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  height: 147px;
  padding: 15px 20px;
  width: 580px;
}
@media (max-width: 1199px) {
  .posts .contents_list li a .content_info {
    float: right;
    height: auto;
    width: 50%;
  }
}
@media (max-width: 599px) {
  .posts .contents_list li a .content_info {
    width: 100%;
  }
}
.posts .contents_list li a .content_info .list_title,
.posts .contents_list li a .content_info .list_content,
.posts .contents_list li a .content_info .list_date {
  display: block;
}
.posts .contents_list li a .content_info .list_title {
  font-size: 1.21429em;
  line-height: 1.23529em;
  margin-top: 0em;
  margin-bottom: 0.41176em;
  font-weight: bold;
}
.posts .contents_list li a .content_info .list_content {
  font-size: 0.92857em;
  line-height: 1.61538em;
  margin-top: 0em;
  margin-bottom: 0.53846em;
}
@media (max-width: 1199px) {
  .posts .contents_list li a .content_info .list_content {
    font-size: 0.92857em;
    line-height: 1.61538em;
    margin-top: 0em;
    margin-bottom: 0.53846em;
  }
}
.posts .contents_list li a .content_info .list_content .anchor-color {
  color: #3498db;
}
.posts .contents_list li a .content_info .dateAndCatWrap {
  display: block;
  margin-right: 15px;
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0.58333em;
  *zoom: 1;
}
.posts .contents_list li a .content_info .dateAndCatWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 599px) {
  .posts .contents_list li a .content_info .dateAndCatWrap {
    margin-right: 0;
  }
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_date,
.posts .contents_list li a .content_info .dateAndCatWrap .article_cat {
  display: block;
  color: #999;
  float: left;
}
@media (max-width: 1199px) {
  .posts .contents_list li a .content_info .dateAndCatWrap .article_date,
  .posts .contents_list li a .content_info .dateAndCatWrap .article_cat {
    width: 100%;
  }
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_date {
  margin-right: 17px;
  font-weight: bold;
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_cat::before {
  margin-right: 4px;
  font-family: FontAwesome;
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_cat__research-tools::before {
  content: "\f080";
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_cat__back-link::before {
  content: "\f0c1";
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_cat__affiliate::before {
  content: "\f108";
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_cat__domain-seo::before {
  content: "\f19d";
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_cat__choos-domain::before {
  content: "\f25a";
}
.posts .contents_list li a .content_info .dateAndCatWrap .article_cat_\words::before {
  content: "\f02d";
}

.header_rankQuantity {
  font-size: 0.64286em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0em;
  clear: both;
  *zoom: 1;
  position: relative;
  top: -3px;
  left: -3px;
  font-weight: bold;
}
.header_rankQuantity:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .header_rankQuantity {
    display: none;
  }
}
.header_rankQuantity--li {
  margin-right: 5px;
  float: left;
}
.header_rankQuantity--li:last-child {
  margin-right: 0;
}
.header_rankQuantity--li--bronze, .header_rankQuantity--li--silver, .header_rankQuantity--li--gold, .header_rankQuantity--li--platinum {
  position: relative;
  font-size: 20px;
  top: 2px;
}
.header_rankQuantity--li--bronze {
  color: #806c66;
}
.header_rankQuantity--li--silver {
  color: #828c99;
}
.header_rankQuantity--li--gold {
  color: #b3a147;
}
.header_rankQuantity--li--platinum {
  color: #b24747;
}
.header_rankQuantity--li--bronzeText {
  color: #806c66;
}
.header_rankQuantity--li--silverText {
  color: #828c99;
}
.header_rankQuantity--li--goldText {
  color: #b3a147;
}
.header_rankQuantity--li--platinumText {
  color: #b24747;
}

/*記事*/
.contensDisp {
  background: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 55px 60px 30px 60px;
}
@media (max-width: 1199px) {
  .contensDisp {
    padding: 25px 25px 5px;
  }
}
.contensDisp__campaign {
  padding: 60px;
}
@media (max-width: 1199px) {
  .contensDisp__campaign {
    padding: 25px;
  }
}
.contensDisp h1 {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0.7em;
  font-weight: bold;
}
@media (max-width: 599px) {
  .contensDisp h1 {
    font-size: 1.57143em;
    line-height: 1.59091em;
    margin-top: 0em;
    margin-bottom: 0.63636em;
  }
}
.contensDisp h1.__flow {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 1.86667em;
}
.contensDisp .eyecatch-wrap {
  margin-bottom: 60px;
  text-align: center;
}
.contensDisp .eyecatch-wrap img {
  height: auto;
  width: 600px;
}
@media (max-width: 1199px) {
  .contensDisp .eyecatch-wrap img {
    max-width: 100%;
  }
}
.contensDisp .new {
  margin-left: 10px;
  padding-top: 3px;
  padding-right: 7px;
  padding-left: 7px;
  color: #fff;
  background: #db4130;
  font-weight: bold;
}
.contensDisp .article p {
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 2.1875em;
}
@media (max-width: 1199px) {
  .contensDisp .article p {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 2em;
  }
}
.contensDisp .article a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.contensDisp .article a:hover {
  color: #5faee3;
}
.contensDisp .article a.dictionaly {
  color: #333;
  border-bottom: dotted 1px #333;
}
.contensDisp .article a.dictionaly:hover {
  border-bottom: none;
}
.contensDisp .article strong,
.contensDisp .article b {
  font-weight: bold;
}
.contensDisp .article strong {
  color: #db4130;
}
.contensDisp .article strong .dictionaly {
  color: #db4130;
}
.contensDisp .article del {
  text-decoration: line-through;
}
.contensDisp .article h2 {
  font-size: 1.71429em;
  line-height: 1.75em;
  margin-top: 2.91667em;
  margin-bottom: 1.45833em;
  background: #333;
  color: #fff;
  font-weight: bold;
  padding: 18px 27px;
}
@media (max-width: 1199px) {
  .contensDisp .article h2 {
    font-size: 1.42857em;
    line-height: 1.75em;
    margin-top: 2.8em;
    margin-bottom: 1.75em;
  }
}
.contensDisp .article h3 {
  font-size: 1.57143em;
  line-height: 1.90909em;
  margin-top: 3.18182em;
  margin-bottom: 1.59091em;
  border-left: 4px solid #333;
  font-weight: bold;
  padding-left: 20px;
}
@media (max-width: 1199px) {
  .contensDisp .article h3 {
    font-size: 1.28571em;
    line-height: 1.94444em;
    margin-top: 3.11111em;
    margin-bottom: 1.94444em;
  }
}
.contensDisp .article h4 {
  font-size: 1.28571em;
  line-height: 1.94444em;
  margin-top: 3.88889em;
  margin-bottom: 1.94444em;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  padding: 7px 0 7px 0;
}
@media (max-width: 1199px) {
  .contensDisp .article h4 {
    font-size: 1.21429em;
    line-height: 2.05882em;
    margin-top: 3.29412em;
    margin-bottom: 2.05882em;
  }
}
.contensDisp .article h5 {
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 4.375em;
  margin-bottom: 2.1875em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .contensDisp .article h5 {
    font-size: 1.07143em;
    line-height: 2.33333em;
    margin-top: 3.73333em;
    margin-bottom: 2.33333em;
  }
}
.contensDisp .article ol {
  /* olがはき出す数字を消す */
  list-style: none;
  /* 数字のカウントをリセットする */
  counter-reset: number;
  /* ブラウザデフォルトのパディングを消す */
  padding: 0;
}
.contensDisp .article ol li {
  position: relative;
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 0.875em;
  margin-left: 1.5em;
}
@media (max-width: 1199px) {
  .contensDisp .article ol li {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 1em;
  }
}
.contensDisp .article ol li::before {
  position: absolute;
  top: 0;
  left: -1.5em;
  counter-increment: number;
  content: counter(number) ".";
  font-weight: bold;
  color: #ccc;
}
.contensDisp .article ul {
  margin-bottom: 60px;
}
.contensDisp .article ul li {
  position: relative;
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 0.875em;
  margin-left: 1.5em;
}
@media (max-width: 1199px) {
  .contensDisp .article ul li {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 1em;
  }
}
.contensDisp .article ul li::before {
  position: absolute;
  top: 0;
  left: -1.5em;
  content: "\f111";
  font-family: fontAwesome;
  color: #ccc;
}
.contensDisp .article dl {
  margin-bottom: 60px;
}
.contensDisp .article dl dt {
  position: relative;
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 0.875em;
  margin-left: 1.5em;
}
@media (max-width: 1199px) {
  .contensDisp .article dl dt {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 1em;
  }
}
.contensDisp .article dl dt::before {
  position: absolute;
  top: 0;
  left: -1.5em;
  content: "\f111";
  font-family: fontAwesome;
  color: #ccc;
}
.contensDisp .article dl dd {
  position: relative;
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 0.875em;
  margin-left: 3em;
}
@media (max-width: 1199px) {
  .contensDisp .article dl dd {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 1em;
  }
}
.contensDisp .article dl dd::before {
  position: absolute;
  top: 0;
  left: -1.5em;
  content: "\f10c";
  font-family: fontAwesome;
  color: #ccc;
}
.contensDisp .article img {
  border: 1px solid #ccc;
  /* 外枠の色 */
  padding: 5px;
  /* 余白 */
  background-color: #ffffff;
  /* 余白部分の色 */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}
@media (max-width: 1199px) {
  .contensDisp .article img.size-medium {
    width: 75%;
  }
}
.contensDisp .article .wp-caption {
  border: 1px solid #ccc;
  padding: 5px;
  background-color: #ffffff;
  margin-bottom: 2.1875em;
}
@media (max-width: 1199px) {
  .contensDisp .article .wp-caption[style*="748"] {
    width: auto !important;
  }
}
@media (max-width: 1199px) {
  .contensDisp .article .wp-caption[style*="600"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75% !important;
  }
}
.contensDisp .article .wp-caption img {
  border: none;
  padding: 0;
}
@media (max-width: 1199px) {
  .contensDisp .article .wp-caption img {
    height: auto;
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .contensDisp .article .wp-caption img.size-medium {
    /*width: auto;*/
  }
}
.contensDisp .article .wp-caption .wp-caption-text {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  background: #f7f7f7;
  padding: 20px;
}
.contensDisp .article .tableWrap {
  margin-bottom: 2.1875em;
}
@media (max-width: 599px) {
  .contensDisp .article .tableWrap {
    overflow-x: auto;
  }
  .contensDisp .article .tableWrap::-webkit-scrollbar {
    background: #ccc;
    height: 10px;
  }
  .contensDisp .article .tableWrap::-webkit-scrollbar-thumb {
    background: #aaa;
  }
}
.contensDisp .article table {
  width: 100%;
  border-collapse: collapse;
  border: #ccc 1px solid;
}
@media (max-width: 599px) {
  .contensDisp .article table {
    width: 200%;
  }
}
.contensDisp .article table tbody tr th,
.contensDisp .article table tbody tr td,
.contensDisp .article table thead tr th,
.contensDisp .article table thead tr td {
  padding: 10px 15px;
  border: #ccc 1px solid;
  vertical-align: top;
}
.contensDisp .article table tbody tr th,
.contensDisp .article table thead tr th {
  background: #f7f7f7;
  font-weight: bold;
}
.contensDisp .article table tbody tr td p:last-child,
.contensDisp .article table thead tr td p:last-child {
  margin-bottom: 0;
}
.contensDisp .article .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.contensDisp .article blockquote {
  border: #ccc 1px solid;
  padding: 80px 30px;
  margin-bottom: 60px;
  position: relative;
}
.contensDisp .article blockquote::before {
  color: #ccc;
  content: "\f10d";
  font-family: FontAwesome;
  font-size: 65px;
  left: 10px;
  position: absolute;
  top: 23px;
}
.contensDisp .article blockquote::after {
  bottom: 19px;
  color: #ccc;
  content: "\f10e";
  font-family: FontAwesome;
  font-size: 65px;
  position: absolute;
  right: 10px;
}
.contensDisp .article blockquote p:last-child {
  margin-bottom: 0;
}
.contensDisp .article .syntaxhighlighter {
  margin-bottom: 60px;
}
.contensDisp .article .youtube {
  position: relative;
  height: 0;
  padding: 30px 0 56.25%;
  overflow: hidden;
  margin-bottom: 2.1875em;
}
.contensDisp .article .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.contensDisp .article .articleRelatedWrap {
  margin-bottom: 10px;
}
.contensDisp .article .articleRelatedWrap:last-child {
  margin-bottom: 50px;
}
.contensDisp .article .articleRelatedWrap--link {
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 9px;
  position: relative;
  *zoom: 1;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.contensDisp .article .articleRelatedWrap--link:after {
  content: "";
  display: table;
  clear: both;
}
.contensDisp .article .articleRelatedWrap--link:hover {
  background: #f7f7f7;
}
@media (max-width: 599px) {
  .contensDisp .article .articleRelatedWrap--link {
    padding-bottom: 2px;
  }
}
.contensDisp .article .articleRelatedWrap--link--img {
  height: auto;
  width: 128px;
  padding: 0;
  border: none;
}
@media (max-width: 1199px) {
  .contensDisp .article .articleRelatedWrap--link--img {
    width: 30%;
  }
}
@media (max-width: 599px) {
  .contensDisp .article .articleRelatedWrap--link--img {
    display: none;
  }
}
.contensDisp .article .articleRelatedWrap--link--textTimeWrap {
  float: right;
  width: 590px;
}
@media (max-width: 1199px) {
  .contensDisp .article .articleRelatedWrap--link--textTimeWrap {
    width: 65%;
  }
}
@media (max-width: 599px) {
  .contensDisp .article .articleRelatedWrap--link--textTimeWrap {
    float: left;
    width: auto;
  }
}
.contensDisp .article .articleRelatedWrap--link--textTimeWrap--text {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
}
@media (max-width: 1199px) {
  .contensDisp .article .articleRelatedWrap--link--textTimeWrap--text {
    font-size: 1.07143em;
    line-height: 1.4em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
}
.contensDisp .article .articleRelatedWrap--link--textTimeWrap--text--button {
  margin-right: 5px;
  padding-top: 1px;
  padding-right: 5px;
  padding-left: 5px;
  background: #222;
  color: #fff;
  font-size: 86%;
  font-weight: normal;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.contensDisp .article .articleRelatedWrap--link--textTimeWrap--time {
  bottom: 0;
  color: #999;
  font-size: 14px;
  position: absolute;
}
@media (max-width: 599px) {
  .contensDisp .article .articleRelatedWrap--link--textTimeWrap--time {
    position: static;
  }
}
.contensDisp .article .registrationPanel {
  margin-bottom: 2.1875em;
}
.contensDisp .article .registrationPanel--link {
  display: block;
  padding: 25px;
  color: #333;
  background: #f7f7f7;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  *zoom: 1;
}
.contensDisp .article .registrationPanel--link:after {
  content: "";
  display: table;
  clear: both;
}
.contensDisp .article .registrationPanel--link:hover {
  background: #fcfcfc;
  color: #333;
}
.contensDisp .article .registrationPanel--link:hover .registrationPanel--link--textWrap--button {
  background: #fff;
  border: 1px solid #333;
  color: #333;
}
.contensDisp .article .registrationPanel--link--title {
  font-size: 1.35714em;
  line-height: 1.47368em;
  margin-top: 0em;
  margin-bottom: 0.36842em;
  font-weight: bold;
}
.contensDisp .article .registrationPanel--link--textWrap {
  width: 550px;
  float: left;
}
@media (max-width: 1199px) {
  .contensDisp .article .registrationPanel--link--textWrap {
    width: 70%;
  }
}
@media (max-width: 599px) {
  .contensDisp .article .registrationPanel--link--textWrap {
    width: 100%;
  }
}
.contensDisp .article .registrationPanel--link--textWrap--text {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  margin-right: 15px;
}
@media (max-width: 1199px) {
  .contensDisp .article .registrationPanel--link--textWrap--text {
    margin-right: 0;
  }
}
.contensDisp .article .registrationPanel--link--textWrap--text__campaign {
  font-size: 0.92857em;
  line-height: 1.61538em;
  margin-top: 0em;
  margin-bottom: 0.53846em;
  margin-bottom: 30px;
  padding: 7px 10px;
  background: #fffbcf;
  color: #df6565;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .contensDisp .article .registrationPanel--link--textWrap--text br {
    display: none;
  }
}
.contensDisp .article .registrationPanel--link--textWrap--button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  background: #333;
  border: 1px solid #333;
  color: #fff;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .contensDisp .article .registrationPanel--link--textWrap--button {
    display: block;
    width: 100%;
    text-align: center;
  }
}
.contensDisp .article .registrationPanel--link--img {
  display: block;
  padding: 0;
  width: 155px;
  border: none;
  float: right;
  border: 1px solid #eee;
}
@media (max-width: 1199px) {
  .contensDisp .article .registrationPanel--link--img {
    width: 27%;
  }
}
@media (max-width: 599px) {
  .contensDisp .article .registrationPanel--link--img {
    display: none;
  }
}
.contensDisp .article .registrationPanel--textLinkArea {
  padding: 10px 25px;
  background: #e5e5e5;
  *zoom: 1;
}
.contensDisp .article .registrationPanel--textLinkArea:after {
  content: "";
  display: table;
  clear: both;
}
.contensDisp .article .registrationPanel--textLinkArea--text {
  font-size: 0.78571em;
  line-height: 1.90909em;
  margin-top: 0em;
  margin-bottom: 0em;
  *zoom: 1;
}
.contensDisp .article .registrationPanel--textLinkArea--text:after {
  content: "";
  display: table;
  clear: both;
}
.contensDisp .article .registrationPanel--textLinkArea--text__left {
  float: left;
}
@media (max-width: 1199px) {
  .contensDisp .article .registrationPanel--textLinkArea--text__left {
    float: none;
  }
}
@media (max-width: 599px) {
  .contensDisp .article .registrationPanel--textLinkArea--text__left {
    float: left;
  }
}
.contensDisp .article .registrationPanel--textLinkArea--text__right {
  float: right;
}
@media (max-width: 1199px) {
  .contensDisp .article .registrationPanel--textLinkArea--text__right {
    float: none;
  }
}
@media (max-width: 599px) {
  .contensDisp .article .registrationPanel--textLinkArea--text__right {
    float: right;
  }
}
@media (max-width: 599px) {
  .contensDisp .article .registrationPanel--textLinkArea--text--pc {
    display: none;
  }
}
.contensDisp .article .registrationPanel--textLinkArea--text--link {
  text-decoration: underline;
}
.contensDisp .article .registrationPanel--textLinkArea--text--link:hover {
  text-decoration: none;
}
.contensDisp .article .registrationPanel--toresBnrArea {
  display: block;
  margin-bottom: 2.1875em;
}
@media (max-width: 1199px) {
  .contensDisp .article .registrationPanel--toresBnrArea__img {
    width: 100%;
    height: auto;
  }
}
.contensDisp .article .registration-btn a:hover {
  color: #fff;
}
.contensDisp .pageJunpArea {
  border: #ccc 1px solid;
  margin-bottom: 60px;
  padding: 25px 30px;
}
.contensDisp .pageJunpArea::before {
  content: "もくじ";
}
.contensDisp .pageJunpArea--list {
  list-style-type: disc;
  margin-left: 1.5em;
}
.contensDisp .pageJunpArea--list__2 {
  margin-left: 3em;
}
.contensDisp .pageJunpArea--list__3 {
  margin-left: 4.5em;
}
.contensDisp .pageJunpArea--list__4 {
  margin-left: 6em;
}
.contensDisp .pageJunpArea--list__5 {
  margin-left: 7.5em;
}
.contensDisp .pageJunpArea--list a {
  font-size: 1em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 1em;
  text-decoration: none;
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.contensDisp .pageJunpArea--list a:hover {
  color: #5faee3;
}
@media (max-width: 1199px) {
  .contensDisp .pageJunpArea--list a {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 1em;
  }
}
.contensDisp .registration-btn {
  margin-bottom: 80px;
  margin-top: 70px;
}
.contensDisp .registration-btn a,
.contensDisp .registration-btn span {
  background: #3498db;
  color: #fff;
  display: block;
  font-size: 30px;
  font-weight: bold;
  margin: 0 auto;
  padding-bottom: 30px;
  padding-top: 30px;
  text-align: center;
  text-decoration: none;
  width: 650px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.contensDisp .registration-btn a:hover,
.contensDisp .registration-btn span:hover {
  background: #5faee3;
}
@media (max-width: 1199px) {
  .contensDisp .registration-btn a,
  .contensDisp .registration-btn span {
    font-size: 20px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }
}
.contensDisp .registration-btn a.__consul,
.contensDisp .registration-btn span.__consul {
  background: #ff6c00;
}
.contensDisp .registration-btn a.__consul:hover,
.contensDisp .registration-btn span.__consul:hover {
  background: #ff8933;
}

/*関連記事*/
.related-article-wrap {
  background: #ffffff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 60px 55px 60px;
  /*関連記事一覧*/
  /*関連記事一覧テキスト*/
}
.related-article-wrap__other {
  padding: 0 60px 80px 60px;
}
@media (max-width: 1199px) {
  .related-article-wrap {
    padding: 0 25px 55px 25px;
  }
}
.related-article-wrap .moreReadText {
  padding-top: 10px;
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0.875em;
  font-weight: bold;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 599px) {
  .related-article-wrap .moreReadText {
    padding-top: 0px;
  }
}
.related-article-wrap .related-article {
  clear: both;
}
.related-article-wrap .related-article article {
  margin-bottom: 10px;
}
.related-article-wrap .related-article article:last-child {
  margin-bottom: 50px;
}
.related-article-wrap .related-article article a {
  border: 1px solid #ccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  padding: 9px;
  position: relative;
  *zoom: 1;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.related-article-wrap .related-article article a:after {
  content: "";
  display: table;
  clear: both;
}
.related-article-wrap .related-article article a:hover {
  background: #f7f7f7;
}
.related-article-wrap .related-article article a img {
  height: auto;
  width: 128px;
}
@media (max-width: 1199px) {
  .related-article-wrap .related-article article a img {
    width: 30%;
  }
}
@media (max-width: 599px) {
  .related-article-wrap .related-article article a img {
    width: 100%;
    margin-bottom: 10px;
  }
}
.related-article-wrap .related-article article a div {
  float: right;
  width: 590px;
}
@media (max-width: 1199px) {
  .related-article-wrap .related-article article a div {
    width: 65%;
  }
}
@media (max-width: 599px) {
  .related-article-wrap .related-article article a div {
    float: left;
    width: auto;
  }
}
.related-article-wrap .related-article article a div h1 {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
}
.related-article-wrap .related-article article a div time {
  bottom: 0;
  color: #999;
  font-size: 14px;
  position: absolute;
}
@media (max-width: 599px) {
  .related-article-wrap .related-article article a div time {
    position: static;
  }
}
.related-article-wrap .relatedArticleWrap {
  *zoom: 1;
}
.related-article-wrap .relatedArticleWrap:after {
  content: "";
  display: table;
  clear: both;
}
.related-article-wrap .relatedArticleEachWrap {
  width: 24%;
  margin-right: 1.33333%;
  margin-bottom: 40px;
  float: left;
}
.related-article-wrap .relatedArticleEachWrap:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 1199px) {
  .related-article-wrap .relatedArticleEachWrap {
    width: 49%;
    margin-right: 2%;
  }
  .related-article-wrap .relatedArticleEachWrap:nth-child(even) {
    margin-right: 0;
  }
}
@media (max-width: 599px) {
  .related-article-wrap .relatedArticleEachWrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.related-article-wrap .relatedArticleEachLink {
  position: relative;
  color: #333;
  display: block;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  *zoom: 1;
}
.related-article-wrap .relatedArticleEachLink:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 599px) {
  .related-article-wrap .relatedArticleEachLink {
    background: #f7f7f7;
  }
}
.related-article-wrap .relatedArticleEachLink--categoryImgWrap {
  overflow: hidden;
}
@media (max-width: 599px) {
  .related-article-wrap .relatedArticleEachLink--categoryImgWrap {
    width: 48%;
    float: left;
  }
}
.related-article-wrap .relatedArticleEachLink--categoryImgWrap--category {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 0.64286em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  padding: 2px 7px;
  background: rgba(34, 34, 34, 0.8);
  color: #fff !important;
  z-index: 1;
}
@media (max-width: 599px) {
  .related-article-wrap .relatedArticleEachLink--categoryImgWrap--category {
    position: static;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4%;
  }
}
.related-article-wrap .relatedArticleEachLink--categoryImgWrap img {
  display: block;
  width: 100%;
  height: auto;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .related-article-wrap .relatedArticleEachLink--timeTitleWrap {
    width: 48%;
    float: right;
  }
}
@media (max-width: 599px) and (max-width: 599px) {
  .related-article-wrap .relatedArticleEachLink--timeTitleWrap {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2% 4% 2% 0;
  }
}

.related-article-wrap .relatedArticleEachLink--timeTitleWrap--time {
  display: block;
  font-size: 0.71429em;
  line-height: 2.1em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: bold;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.related-article-wrap .relatedArticleEachLink--timeTitleWrap--title {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.related-article-wrap .relatedArticleEachLink:hover .relatedArticleEachLink--title,
.related-article-wrap .relatedArticleEachLink:hover .relatedArticleEachLink--time {
  color: #4d4d4d;
}
.related-article-wrap .relatedArticleEachLink:hover img {
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
@media (max-width: 599px) {
  .related-article-wrap .relatedArticleEachLink:hover img {
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}
.related-article-wrap .snsShareButtonWrap {
  display: table-row;
  margin-bottom: 50px;
}
.related-article-wrap .snsShareButtonEyecatch {
  display: table-cell;
  width: 50%;
}
@media (max-width: 599px) {
  .related-article-wrap .snsShareButtonEyecatch {
    display: block;
    width: 100%;
  }
}
.related-article-wrap .snsShareButtonEyecatch img {
  width: 100%;
  height: auto;
}
.related-article-wrap .snsShareButtonTextArea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  width: 50%;
  padding: 20px;
  background: #222;
  color: #fff;
  vertical-align: middle;
  text-align: center;
}
@media (max-width: 599px) {
  .related-article-wrap .snsShareButtonTextArea {
    padding-top: 25px;
    display: block;
    width: 100%;
  }
}
.related-article-wrap .snsShareButtonTextArea--twButtonWrap {
  margin-bottom: 20px;
}
@media (max-width: 599px) {
  .related-article-wrap .snsShareButtonTextArea--twButtonWrap {
    margin-bottom: 15px;
  }
}
.related-article-wrap .snsShareButtonTextArea--twButtonWrap--twButton {
  margin-bottom: 20px;
  padding: 5px 15px;
  background: #00aced;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .related-article-wrap .snsShareButtonTextArea--twButtonWrap--twButton {
    display: block;
  }
}
.related-article-wrap .snsShareButtonTextArea--twButtonWrap--twButton:hover {
  background: #21c2ff;
}
.related-article-wrap .related-entries {
  text-align: center;
}
.related-article-wrap .related-entries a {
  color: #3498db;
  font-size: 16px;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.related-article-wrap .related-entries a:hover {
  color: #5faee3;
}
.related-article-wrap .entry-text {
  padding-top: 5px;
}
@media (max-width: 599px) {
  .related-article-wrap .entry-text {
    padding-top: 10px;
    position: static;
    margin-bottom: 30px;
  }
}

/*ページャー*/
.pager_wrapper {
  text-align: center;
}
.pager_wrapper__filterArea {
  text-align: right;
}
.pager_wrapper__watchList {
  margin-bottom: 20px;
}
.pager_wrapper .next10btn {
  background: #222;
  border: 1px solid #222;
  color: #fff;
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 50px;
  margin: 40px auto 30px;
  text-decoration: none;
  width: 300px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .pager_wrapper .next10btn {
    width: auto;
  }
}
.pager_wrapper .next10btn:hover {
  background: #fff;
  color: #222;
}
.pager_wrapper .pager {
  font-size: 0;
}
.pager_wrapper .pager li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
@media (max-width: 1199px) {
  .pager_wrapper .pager li {
    padding-left: 2px;
    padding-right: 2px;
  }
}
.pager_wrapper .pager li a {
  background: #222222;
  color: #ffffff;
  border: #222222 1px solid;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  text-align: center;
  text-decoration: none;
  width: 40px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .pager_wrapper .pager li a {
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    width: 25px;
  }
}
.pager_wrapper .pager li a:hover {
  background: #ffffff;
  color: #222222;
}
.pager_wrapper .pager li a.__filterArea {
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
}
.pager_wrapper .pager li.current a {
  background: #ffffff;
  color: #222222;
}

.itemStatusWrap {
  margin-top: 7px;
}

.itemStatus {
  display: inline-block;
  min-width: 12px;
  margin-bottom: 3px;
  padding: 0 5px;
  color: #fff;
  font-size: 79%;
  line-height: 1.75em;
  background: #333;
  text-align: center;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.itemStatus__new {
  background: #db4130;
}
.itemStatus__expirationCount {
  background: #9e9e9e;
}
.itemStatus__premium {
  background: #b19b5f;
  background-image: url(../img/common/item-detail-icon-premium.png);
  background-size: 13px;
  background-position: center center;
  background-repeat: no-repeat;
}
.itemStatus__majesticEducationalRefBls {
  background: #2830a8;
}
.itemStatus__majesticGovRefBls {
  background: #2830a8;
}
.itemStatus__majesticMilRefBls {
  background: #2830a8;
}
.itemStatus__majesticIntRefBls {
  background: #2830a8;
}
.itemStatus__majesticMuseumRefBls {
  background: #2830a8;
}
.itemStatus__majesticCoopRefBls {
  background: #2830a8;
}
.itemStatus__majesticAeroRefBls {
  background: #2830a8;
}
.itemStatus__majesticTravelRefBls {
  background: #2830a8;
}
.itemStatus__majesticJobsRefBls {
  background: #2830a8;
}
.itemStatus__majesticProRefBls {
  background: #2830a8;
}
.itemStatus__majesticGovernmentalRefBls {
  background: #1f7c28;
}
.itemStatus__nonReturnable {
  background: #db4130;
}
.itemStatus__socialTwitter {
  background: #41b7d8;
}
.itemStatus__socialFacebook {
  background: #3b5997;
}
.itemStatus__socialGoogle {
  background: #d64937;
}
.itemStatus__socialHatena {
  background: #008fde;
}
.itemStatus__socialOkwave {
  background: #F40B01;
}
.itemStatus__socialYahoochie {
  background: #8E6FCD;
}
.itemStatus__socialNaver {
  background: #2DB400;
}
.itemStatus__socialWiki {
  background: #DDDDDD;
}
.itemStatus__socialDot {
  background: #000000;
}
.itemStatus__socialAmeba {
  background: #2D8C3C;
}
.itemStatus__socialFeed {
  background: #2BB24C;
}
.itemStatus__socialR18 {
  background: #B7282C;
}
.itemStatus__socialPremium {
  background: #B59F5F;
}
.itemStatus__indexGoogle {
  background: #457abe;
  font-weight: bold;
}
.itemStatus__socialJapan {
  background: #FFFFFF;
  -moz-box-shadow: 0px 0px 0px 1px #909090 inset;
  -webkit-box-shadow: 0px 0px 0px 1px #909090 inset;
  box-shadow: 0px 0px 0px 1px #909090 inset;
}
.itemStatus__socialJapan__affi {
  background: #fa9725;
  font-weight: bold;
}
.itemStatus__socialJapan__sate {
  background: #fa9725;
  font-weight: bold;
}
.itemStatus--img {
  vertical-align: middle;
}

/* -----
 SIDE NAVI
 -----*/
/*バナー*/
.side-contents-bnr,
#storesjp-side {
  display: block;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .side-contents-bnr,
  #storesjp-side {
    background: #eee;
    padding: 15px;
    text-align: center;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
  }
  .side-contents-bnr:hover,
  #storesjp-side:hover {
    background: #fff;
  }
}
@media (max-width: 599px) {
  .side-contents-bnr,
  #storesjp-side {
    padding: 0;
  }
}
.side-contents-bnr img,
#storesjp-side img {
  height: auto;
  max-width: 560px;
  width: 100%;
}
@media (max-width: 1199px) {
  .side-contents-bnr img,
  #storesjp-side img {
    width: 60%;
  }
}
@media (max-width: 599px) {
  .side-contents-bnr img,
  #storesjp-side img {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .side-contents-bnr img.pc,
  #storesjp-side img.pc {
    display: none;
  }
}
.side-contents-bnr img.sp,
#storesjp-side img.sp {
  display: none;
}
@media (max-width: 1199px) {
  .side-contents-bnr img.sp,
  #storesjp-side img.sp {
    display: block;
  }
}

/*新規登録*/
/*.sidenavEffect {

}*/
.side-contents_new-registration {
  padding-bottom: 10px;
  background: #fff;
  border: 5px solid #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 280px;
  z-index: 100;
  -moz-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
@media (max-width: 1199px) {
  .side-contents_new-registration {
    width: 100%;
  }
}
.side-contents_new-registration .subTitle {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  margin-bottom: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #eee;
  color: #8b8b8b;
  font-weight: bold;
  text-align: center;
}
.side-contents_new-registration .title {
  font-size: 1.14286em;
  line-height: 1.3125em;
  margin-top: 0em;
  margin-bottom: 0.875em;
  color: #333;
  display: block;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1199px) {
  .side-contents_new-registration .title {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 1em;
  }
  .side-contents_new-registration .title br {
    display: none;
  }
}
@media (max-width: 599px) {
  .side-contents_new-registration .title br {
    display: block;
  }
}
.side-contents_new-registration .btn {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #fff;
  display: block;
  background: #3498db;
  font-weight: bold;
  margin: 0 15px 10px;
  padding: 13px 0;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.side-contents_new-registration .btn:hover {
  background: #5faee3;
}
.side-contents_new-registration .sign-in {
  font-size: 0.85714em;
  line-height: 2.33333em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #333;
  display: block;
  text-align: center;
}
.side-contents_new-registration .sign-in a {
  color: #333;
}
.side-contents_new-registration .sign-in a:hover {
  text-decoration: none;
}

.registration-use-wrap {
  margin-bottom: 20px;
}

.registration-use-list {
  *zoom: 1;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 10px 17px;
  border: 5px solid #eee;
  border-top: none;
  background: #f7f7f7;
}
.registration-use-list:after {
  content: "";
  display: table;
  clear: both;
}
.registration-use-list--li {
  width: 33.33333%;
  margin-top: 15px;
  float: left;
}
.registration-use-list--li--imgWrap {
  text-align: center;
}
.registration-use-list--li--imgWrap--img {
  margin-bottom: 5px;
}
.registration-use-list--li--text {
  font-size: 0.71429em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0em;
  text-align: center;
}
@media (max-width: 599px) {
  .registration-use-list--li--text {
    font-size: 0.64286em;
    line-height: 1.55556em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
}

.signup-campaign {
  margin-bottom: 30px;
  padding: 5px 15px;
  background: #fffbcf;
  color: #df6565;
  font-weight: bold;
}

/*～を探す*/
.side-contents_search-list-area {
  margin-bottom: 20px;
}
.side-contents_search-list-area h3 {
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  background: #3498db;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  padding: 5px 0;
  position: relative;
  text-align: center;
  letter-spacing: -1px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .side-contents_search-list-area h3 {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
}
.side-contents_search-list-area h3:hover {
  background: #5faee3;
}
.side-contents_search-list-area h3.open {
  -moz-border-radius: 5px 5px 0 0/5px 5px 0 0;
  -webkit-border-radius: 5px;
  border-radius: 5px 5px 0 0/5px 5px 0 0;
}
.side-contents_search-list-area h3 span {
  font-size: 0.85714em;
  line-height: 2.33333em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: normal;
  letter-spacing: -1px;
}
.side-contents_search-list-area h3 .fa-angle-down {
  bottom: 0;
  height: 14px;
  margin: auto;
  position: absolute;
  right: 12px;
  top: 0;
}
@media (max-width: 599px) {
  .side-contents_search-list-area h3 .fa-angle-down {
    right: 12px;
  }
}
.side-contents_search-list-area ul {
  background: #fff;
  border: 5px solid #eee;
  border-top: none;
  display: none;
  padding: 15px 0;
}
.side-contents_search-list-area ul li a {
  color: #3498db;
  display: block;
  padding: 0px 15px;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.side-contents_search-list-area ul li a:hover {
  background: #8bc4ea;
  color: #fff;
}

/*右カラムのアーカイブ関連*/
.side_contents_manu {
  clear: both;
  margin-bottom: 20px;
}
.side_contents_manu__mailMag--inputText {
  border: 1px solid #cccccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  margin-right: 1%;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
  width: 79%;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  float: left;
}
.side_contents_manu__mailMag--inputSubmit {
  position: relative;
  top: -3px;
  color: #ffffff;
  font-size: 16px;
  background: #222222;
  border: 1px solid #222;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  letter-spacing: normal;
  vertical-align: middle;
  width: 20%;
  cursor: pointer;
  line-height: 30px;
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.side_contents_manu__mailMag--inputSubmit:hover {
  color: #222;
  background: #fff;
}
.side_contents_manu__twitterBtnWrap {
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .side_contents_manu__twitterBtnWrap {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .side_contents_manu__twitterBtnWrap {
    width: 100%;
  }
}
.side_contents_manu__twitterBtn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0.92857em;
  line-height: 1.61538em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  padding: 5px 10px;
  background: #00aced;
  color: #fff;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.side_contents_manu__twitterBtn:hover {
  background: #21c2ff;
}
@media (max-width: 1199px) {
  .side_contents_manu__twitter {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .side_contents_manu__twitter {
    width: 100%;
  }
}
.side_contents_manu__title {
  background: #eeeeee;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  line-height: 40px;
  text-align: center;
  margin-bottom: 7px;
}
.side_contents_manu ul.category-list li a,
.side_contents_manu ul.tag-list li a,
.side_contents_manu ul.cat-list li a,
.side_contents_manu ul.new-article-list li a {
  color: #333;
  display: block;
  font-size: 14px;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  *zoom: 1;
}
.side_contents_manu ul.category-list li a:after,
.side_contents_manu ul.tag-list li a:after,
.side_contents_manu ul.cat-list li a:after,
.side_contents_manu ul.new-article-list li a:after {
  content: "";
  display: table;
  clear: both;
}
.side_contents_manu ul.category-list li a:hover,
.side_contents_manu ul.tag-list li a:hover,
.side_contents_manu ul.cat-list li a:hover,
.side_contents_manu ul.new-article-list li a:hover {
  background: #eee;
  color: #000;
}
.side_contents_manu ul.category-list li a,
.side_contents_manu ul.tag-list li a,
.side_contents_manu ul.cat-list li a {
  padding-left: 17px;
}
.side_contents_manu ul.category-list li a::before,
.side_contents_manu ul.tag-list li a::before,
.side_contents_manu ul.cat-list li a::before {
  padding-right: 15px;
  font-family: FontAwesome !important;
}
.side_contents_manu ul.category-list li a.research-tools::before,
.side_contents_manu ul.tag-list li a.research-tools::before,
.side_contents_manu ul.cat-list li a.research-tools::before {
  content: "\f080";
}
.side_contents_manu ul.category-list li a.back-link::before,
.side_contents_manu ul.tag-list li a.back-link::before,
.side_contents_manu ul.cat-list li a.back-link::before {
  content: "\f0c1";
}
.side_contents_manu ul.category-list li a.affiliate::before,
.side_contents_manu ul.tag-list li a.affiliate::before,
.side_contents_manu ul.cat-list li a.affiliate::before {
  content: "\f108";
}
.side_contents_manu ul.category-list li a.domain-seo::before,
.side_contents_manu ul.tag-list li a.domain-seo::before,
.side_contents_manu ul.cat-list li a.domain-seo::before {
  content: "\f19d";
}
.side_contents_manu ul.category-list li a.choos-domain::before,
.side_contents_manu ul.tag-list li a.choos-domain::before,
.side_contents_manu ul.cat-list li a.choos-domain::before {
  content: "\f25a";
}
.side_contents_manu ul.category-list li a.words::before,
.side_contents_manu ul.tag-list li a.words::before,
.side_contents_manu ul.cat-list li a.words::before {
  content: "\f02d";
}
.side_contents_manu ul.category-list li a.tag-num::before,
.side_contents_manu ul.tag-list li a.tag-num::before,
.side_contents_manu ul.cat-list li a.tag-num::before {
  content: "\f02b";
}
.side_contents_manu ul.category-list li a.tag-all::before,
.side_contents_manu ul.tag-list li a.tag-all::before,
.side_contents_manu ul.cat-list li a.tag-all::before {
  content: "\f02c";
}
.side_contents_manu ul.cat-list li a::before {
  content: "\f138";
}
.side_contents_manu ul.new-article-list li {
  border-bottom: #cccccc 1px solid;
}
.side_contents_manu ul.new-article-list li a {
  padding: 12px 10px;
}
.side_contents_manu ul.new-article-list li img {
  height: auto;
  width: 79px;
}
@media (max-width: 1199px) {
  .side_contents_manu ul.new-article-list li img {
    width: 20%;
  }
}
@media (max-width: 599px) {
  .side_contents_manu ul.new-article-list li img {
    width: 35%;
  }
}
.side_contents_manu ul.new-article-list li p {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #333;
  float: right;
  width: 170px;
}
@media (max-width: 1199px) {
  .side_contents_manu ul.new-article-list li p {
    width: 75%;
  }
}
@media (max-width: 599px) {
  .side_contents_manu ul.new-article-list li p {
    width: 60%;
  }
}
.side_contents_manu ul.new-article-list li p .category {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #999;
}
.side_contents_manu ul.new-article-list li p .category::before {
  margin-right: 5px;
  font-family: FontAwesome !important;
}
.side_contents_manu ul.new-article-list li p .category__research-tools::before {
  content: "\f080";
}
.side_contents_manu ul.new-article-list li p .category__back-link::before {
  content: "\f0c1";
}
.side_contents_manu ul.new-article-list li p .category__affiliate::before {
  content: "\f108";
}
.side_contents_manu ul.new-article-list li p .category__domain-seo::before {
  content: "\f19d";
}
.side_contents_manu ul.new-article-list li p .category__choos-domain::before {
  content: "\f25a";
}
.side_contents_manu ul.new-article-list li p .category__words::before {
  content: "\f02d";
}

.tag-top-title {
  font-size: 2.14286em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.93333em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .tag-top-title {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.contensDisp_tag-list {
  padding: 50px 60px;
}

.tag-top-list {
  width: 750px;
  *zoom: 1;
}
.tag-top-list:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .tag-top-list {
    width: auto;
  }
}
.tag-top-list li {
  float: left;
  width: 250px;
}
@media (max-width: 1199px) {
  .tag-top-list li {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .tag-top-list li {
    width: 100%;
  }
}
.tag-top-list li a {
  font-size: 1.14286em;
  line-height: 1.3125em;
  margin-top: 0em;
  margin-bottom: 0em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  display: block;
  padding: 10px;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.tag-top-list li a::before {
  content: "\f02b";
  font-family: FontAwesome;
  margin-right: 20px;
}
.tag-top-list li a:hover {
  background: #f7f7f7;
}

@media (max-width: 1199px) {
  .contents-top-subtitle-area {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.contents-top-subtitle-area p,
.contents-top-subtitle-area h2 {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0.46667em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .contents-top-subtitle-area p,
  .contents-top-subtitle-area h2 {
    font-size: 1.42857em;
    line-height: 1.4em;
    margin-top: 0em;
    margin-bottom: 0.7em;
  }
}

@media (max-width: 1199px) {
  .contents-top-pankuzu-title-wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.contents-top-pankuzu-title {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 0.5em;
  font-weight: bold;
  margin-top: 10px;
}

.contents-top-allColumn {
  color: #333;
}
.contents-top-allColumn:hover {
  text-decoration: none;
}

@media (max-width: 1199px) {
  .number_contents-top_wrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.number_contents-top_wrap .number_contents-top {
  font-size: 1.28571em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: bold;
}
.number_contents-top_wrap .number-all {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: normal;
}

.contensDisp__discount01 img {
  height: auto;
  width: 100%;
}
.contensDisp__discount01--contentWrap {
  margin-bottom: 10px;
}
.contensDisp__discount01--registrationBtn {
  margin-top: 20px;
  margin-bottom: 60px;
}
.contensDisp__discount01--registrationBtn a,
.contensDisp__discount01--registrationBtn span {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0em;
  background: #3498db;
  color: #fff;
  display: block;
  font-weight: bold;
  padding-bottom: 30px;
  padding-top: 30px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  text-decoration: none;
  width: 650px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
@media (max-width: 1199px) {
  .contensDisp__discount01--registrationBtn a,
  .contensDisp__discount01--registrationBtn span {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .contensDisp__discount01--registrationBtn a,
  .contensDisp__discount01--registrationBtn span {
    font-size: 1.21429em;
    line-height: 1.64706em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding-bottom: 15px;
    padding-top: 15px;
  }
}
.contensDisp__discount01--registrationBtn a:hover,
.contensDisp__discount01--registrationBtn span:hover {
  background: #5faee3;
}

.contact-descriptinArea, .flow-wrap, .question-wrap, .order-wrap, .rules-wrap, .signIn-wrap, .googleFormTitleAndText, .googleForm-wrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  padding: 58px;
  background: #fff;
}
@media (max-width: 599px) {
  .contact-descriptinArea, .flow-wrap, .question-wrap, .order-wrap, .rules-wrap, .signIn-wrap, .googleFormTitleAndText, .googleForm-wrap {
    padding: 25px;
  }
}
.contact-descriptinArea p a, .flow-wrap p a, .question-wrap p a, .order-wrap p a, .rules-wrap p a, .signIn-wrap p a, .googleFormTitleAndText p a, .googleForm-wrap p a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.contact-descriptinArea p a:hover, .flow-wrap p a:hover, .question-wrap p a:hover, .order-wrap p a:hover, .rules-wrap p a:hover, .signIn-wrap p a:hover, .googleFormTitleAndText p a:hover, .googleForm-wrap p a:hover {
  color: #5faee3;
}

.ui-icon-circle-triangle-e {
  color: #000;
}

.flow-wrap p {
  font-size: 1em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 2em;
}

.flow-subTitle, .question-subTitle, .rules-subTitle {
  padding: 20px;
  background: #f7f7f7;
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 3.88889em;
  margin-bottom: 0.77778em;
  font-weight: bold;
}

.layout-2col {
  *zoom: 1;
}
.layout-2col:after {
  content: "";
  display: table;
  clear: both;
}
.layout-2col--left img, .layout-2col--right img {
  width: 100%;
}
.layout-2col--left {
  width: 300px;
  float: left;
}
@media (max-width: 1199px) {
  .layout-2col--left {
    width: 46%;
  }
}
@media (max-width: 599px) {
  .layout-2col--left {
    width: 100%;
    margin-bottom: 20px;
  }
}
.layout-2col--right {
  width: 440px;
  float: right;
}
@media (max-width: 1199px) {
  .layout-2col--right {
    width: 46%;
  }
}
@media (max-width: 599px) {
  .layout-2col--right {
    width: 100%;
  }
}

.question-wrap p {
  font-size: 1em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 2em;
}
.question-wrap p:last-child {
  margin-bottom: 0;
}

.question-subTitle::before {
  content: "Q. ";
}

.question-listWrap {
  margin-top: 60px;
  padding: 30px;
  border: #ccc 1px solid;
}

.question-list {
  margin-left: 1em;
  list-style-type: disc;
}
.question-list a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.question-list a:hover {
  color: #5faee3;
}

.order-table {
  width: 100%;
  border-collapse: collapse;
}
@media (max-width: 599px) {
  .order-table {
    display: block;
  }
}
.order-table--th, .order-table--td {
  padding: 10px 20px;
  border: #ccc 1px solid;
}
@media (max-width: 599px) {
  .order-table--th, .order-table--td {
    display: block;
    border: none;
  }
}
.order-table--th {
  width: 260px;
  background: #f5f5f5;
}
@media (max-width: 1199px) {
  .order-table--th {
    width: 40%;
  }
}
@media (max-width: 599px) {
  .order-table--th {
    width: auto;
    padding: 0;
    border: none;
    background: none;
    font-weight: bold;
  }
}
.order-table--td {
  background: #fff;
}
@media (max-width: 599px) {
  .order-table--td {
    margin-bottom: 20px;
    padding: 0;
    border: none;
    background: none;
  }
}

.rules-wrap p {
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
}
@media (max-width: 1199px) {
  .rules-wrap p {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 1.5em;
  }
}

.rules-ol {
  margin-bottom: 60px;
}
.rules-ol li {
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
  list-style-type: decimal;
  margin-left: 1.5em;
}
@media (max-width: 1199px) {
  .rules-ol li {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 1.5em;
  }
}

.signIn-wrap {
  width: 520px;
  margin-top: 200px;
  margin-bottom: 240px;
  margin-right: auto;
  margin-left: auto;
  background: rgba(255, 255, 255, 0.9);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 1199px) {
  .signIn-wrap {
    width: auto;
    margin-top: 0;
    margin-right: 3%;
    margin-left: 3%;
  }
}

.signIn-inputWrap {
  width: 400px;
  margin: 0 auto;
  *zoom: 1;
}
.signIn-inputWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 599px) {
  .signIn-inputWrap {
    width: 100%;
    margin: 0;
  }
}

.signIn-inputTextWrap {
  position: relative;
}
.signIn-inputTextWrap__w300 {
  width: 300px;
}
@media (max-width: 599px) {
  .signIn-inputTextWrap__w300 {
    width: 100%;
  }
}

.signIn-inputText {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.signIn-inputText__mb0 {
  margin-bottom: 0;
}
.signIn-inputText__failure {
  border: 2px solid #db4130 !important;
}
.signIn-inputText__pass {
  padding-right: 45px;
}
.signIn-inputText__w300 {
  width: 300px;
}
.signIn-inputText__shoppingDescription {
  width: 100% !important;
}
.signIn-inputText__introductionCode {
  display: none;
}
.signIn-inputText:focus::-webkit-input-placeholder {
  color: transparent;
}
.signIn-inputText:focus:-moz-placeholder {
  color: transparent;
}
.signIn-inputText:focus::-moz-placeholder {
  color: transparent;
}

.signIn-checkBox {
  display: none;
}
.signIn-checkBox:checked + label::after {
  position: absolute;
  content: '';
  top: 12px;
  left: 3px;
  width: 13px;
  height: 5px;
  border-left: 2px solid #3498db;
  border-bottom: 2px solid #3498db;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.signIn-checkBoxLabel {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 22px;
  cursor: pointer;
}
.signIn-checkBoxLabel::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  width: 14px;
  height: 14px;
  margin-top: -8px;
  background: #fff;
  border: 1px solid #ccc;
}

.signIn-hideBtn {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 40px;
  height: 40px;
  font-size: 172%;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
.signIn-hideBtn::before {
  content: "\f06e";
  font-family: FontAwesome;
  color: #555;
}
.signIn-hideBtn__display::before {
  content: "\f070";
}

.signIn-subText {
  display: block;
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.16667em;
  color: #db4130;
  /*display: none;*/
}

.signIn-btn {
  width: 100%;
  margin-bottom: 30px;
  border: none;
  background: #3498db;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  line-height: 50px;
  text-align: center;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
.signIn-btn:hover {
  background: #5faee3;
}

.signIn-anchorTxt {
  display: block;
  float: left;
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.signIn-anchorTxt:hover {
  color: #5faee3;
}
@media (max-width: 599px) {
  .signIn-anchorTxt {
    float: none;
  }
}
.signIn-anchorTxt--newRegistration {
  float: right;
}
@media (max-width: 599px) {
  .signIn-anchorTxt--newRegistration {
    float: none;
  }
}

.item-itemInfoArea {
  padding: 60px;
  margin-bottom: 55px;
  background: #fff;
  *zoom: 1;
}
.item-itemInfoArea:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .item-itemInfoArea {
    padding: 30px;
  }
}
.item-itemInfoArea__bottom {
  margin-bottom: 85px;
}

.item-priceWrap {
  width: 330px;
  float: right;
}
@media (max-width: 1199px) {
  .item-priceWrap {
    width: 100%;
  }
}

.item-priceText {
  text-align: right;
}
@media (max-width: 1199px) {
  .item-priceText {
    text-align: left;
  }
}
.item-priceText--title {
  font-size: 86%;
}
.item-priceText--price {
  color: #db4130;
  font-size: 215%;
  font-weight: bold;
  letter-spacing: -2px;
}
.item-priceText--outOfStockPrice {
  color: #db4130;
  text-decoration: line-through;
}

.item-nameScoreWrap {
  width: 720px;
  float: left;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .item-nameScoreWrap {
    width: 100%;
  }
}
.item-nameScoreWrap--nameWrap {
  margin-bottom: 25px;
}
.item-nameScoreWrap--nameWrap .fa-star {
  margin-right: 15px;
  font-size: 286%;
}
@media (max-width: 599px) {
  .item-nameScoreWrap--nameWrap .fa-star {
    font-size: 215%;
  }
}
.item-nameScoreWrap--nameWrap .fa-star__inStock, .item-nameScoreWrap--nameWrap .fa-star__inStockDemo {
  cursor: pointer;
  color: #ddd;
}
.item-nameScoreWrap--nameWrap .fa-star__outOfstock, .item-nameScoreWrap--nameWrap .fa-star__outOfstockDemo {
  cursor: pointer;
  color: #ffb400;
}
.item-nameScoreWrap--nameWrap--name {
  display: inline;
  font-size: 2.57143em;
  line-height: 0.97222em;
  margin-top: 0em;
  margin-bottom: 0.19444em;
  font-weight: bold;
  color: #333;
}
@media (max-width: 599px) {
  .item-nameScoreWrap--nameWrap--name {
    font-size: 1.78571em;
    line-height: 1.12em;
    margin-top: 0em;
    margin-bottom: 0.28em;
  }
}
@media (max-width: 1199px) {
  .item-nameScoreWrap--scoreWrap {
    margin-bottom: 20px;
  }
}
.item-nameScoreWrap--scoreWrap--scoreTitle {
  margin-right: 10px;
  font-size: 86%;
}
.item-nameScoreWrap--scoreWrap--text {
  font-size: 86%;
}
.item-nameScoreWrap--scoreWrap--score {
  margin-right: 10px;
  font-weight: bold;
}
.item-nameScoreWrap--scoreWrap--score__bronze {
  color: #806c66;
}
.item-nameScoreWrap--scoreWrap--score__silver {
  color: #828c99;
}
.item-nameScoreWrap--scoreWrap--score__gold {
  color: #b3a147;
}
.item-nameScoreWrap--scoreWrap--score__platinum {
  color: #b24747;
}
.item-nameScoreWrap--scoreWrap--score--pointOrMore {
  font-size: 172%;
}
.item-nameScoreWrap--scoreWrap--score--afterTheDecimalPoint {
  font-size: 129%;
}
.item-nameScoreWrap--scoreWrap--rank {
  position: relative;
  top: -5px;
  color: #fff;
  padding: 1px 5px;
  font-size: 86%;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.item-nameScoreWrap--scoreWrap--rank__bronze {
  background: #806c66;
}
.item-nameScoreWrap--scoreWrap--rank__silver {
  background: #828c99;
}
.item-nameScoreWrap--scoreWrap--rank__gold {
  background: #b3a147;
}
.item-nameScoreWrap--scoreWrap--rank__platinum {
  background: #b24747;
}
.item-nameScoreWrap--scoreWrap--rank__junk {
  background: #333;
}

.item-priceWrap .item-cartInBtn, .item-priceWrap .item-modalWrap--watchCartButton,
.item-priceWrap .add-to-cart {
  display: block;
  width: 270px;
  height: 50px;
  background: #db4130;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  float: right;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .item-priceWrap .item-cartInBtn, .item-priceWrap .item-modalWrap--watchCartButton,
  .item-priceWrap .add-to-cart {
    float: left;
  }
}
@media (max-width: 599px) {
  .item-priceWrap .item-cartInBtn, .item-priceWrap .item-modalWrap--watchCartButton,
  .item-priceWrap .add-to-cart {
    font-size: 100%;
    width: 100%;
  }
}
.item-priceWrap .item-cartInBtn:hover, .item-priceWrap .item-modalWrap--watchCartButton:hover,
.item-priceWrap .add-to-cart:hover {
  background: #a22a1c;
}
.item-priceWrap .item-cartInBtn__notInCart,
.item-priceWrap .add-to-cart__notInCart {
  background: #eee;
  color: #ccc;
}
.item-priceWrap .item-cartInBtn__notInCart:hover,
.item-priceWrap .add-to-cart__notInCart:hover {
  background: #eee;
}

.item-dataAcquisitionDate {
  font-size: 1em;
  line-height: 2em;
  margin-top: 0em;
  margin-bottom: 0em;
  position: relative;
  top: 20px;
  float: right;
  color: #999;
  margin-right: 60px;
}
@media (max-width: 1199px) {
  .item-dataAcquisitionDate {
    display: block;
    position: static;
    float: none;
    margin-right: 0;
    margin-bottom: 20px;
    margin-left: 30px;
  }
}

.item-itemDataAreaChangeWrap {
  position: relative;
  bottom: -1px;
  z-index: 1;
  margin-left: 60px;
  *zoom: 1;
}
.item-itemDataAreaChangeWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .item-itemDataAreaChangeWrap {
    margin-left: 30px;
  }
}
@media (max-width: 599px) {
  .item-itemDataAreaChangeWrap {
    margin-left: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
}

.item-itemDataAreaChangeList {
  float: left;
}
@media (max-width: 599px) {
  .item-itemDataAreaChangeList {
    float: none;
  }
}

.item-itemDataAreaChangeBtn {
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 250px;
  height: 70px;
  margin-right: 10px;
  color: #333;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 68px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #fff;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .item-itemDataAreaChangeBtn {
    margin-bottom: 15px;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border-bottom: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}
.item-itemDataAreaChangeBtn:hover {
  color: #000;
}
.item-itemDataAreaChangeBtn__off {
  height: 50px;
  margin-top: 20px;
  background: #ddd;
  line-height: 48px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 599px) {
  .item-itemDataAreaChangeBtn__off {
    margin-top: 0;
    color: #b3b3b3;
  }
}
.item-itemDataAreaChangeBtn .fa-chevron-down {
  display: none;
  position: absolute;
  right: 10px;
  line-height: 48px;
}
@media (max-width: 599px) {
  .item-itemDataAreaChangeBtn .fa-chevron-down {
    display: inline;
  }
}

.item-itemDataArea {
  margin-bottom: 65px;
  padding: 60px;
  background: #fff;
  border-top: 1px solid  #ccc;
  *zoom: 1;
}
.item-itemDataArea:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .item-itemDataArea {
    padding: 30px;
  }
}
.item-itemDataArea#tabBox02 {
  display: none;
}

.item-dataSubTitle {
  padding: 8px 12px;
  color: #fff;
  font-size: 1.07143em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 1.4em;
  font-weight: bold;
  background: #222;
}
.item-dataSubTitle__smallTxt {
  font-size: 12px;
  font-weight: normal;
}

.item-dataTableWrap {
  margin-bottom: 60px;
  float: left;
}
@media (max-width: 1199px) {
  .item-dataTableWrap {
    margin-bottom: 20px;
    float: none;
  }
}
.item-dataTableWrap__tools {
  width: 340px;
  margin-right: 30px;
  margin-bottom: 60px;
}
@media (max-width: 1199px) {
  .item-dataTableWrap__tools {
    width: 100%;
    margin-bottom: 40px;
  }
}

.item-dataToolsTitle {
  margin-bottom: 10px;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
}
.item-dataToolsTitle__wayBack {
  text-align: left;
}

.item-dataToolsImg {
  display: block;
  margin: 0 auto 15px;
}
.item-dataToolsImg__wayBack {
  margin-right: 20px;
  float: left;
}

@media (max-width: 1199px) {
  .item-dataTableBackLinkWrap {
    margin-bottom: 40px;
  }
}

.item-dataTable {
  table-layout: fixed;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-collapse: collapse;
}
.item-dataTable__description {
  width: 600px;
  border: 2px solid #c0c0c0;
}
@media (max-width: 1199px) {
  .item-dataTable {
    width: 100%;
  }
}
.item-dataTable__tools {
  width: 340px;
  border: 2px solid #c0c0c0;
  table-layout: auto;
}
@media (max-width: 1199px) {
  .item-dataTable__tools {
    width: 100%;
  }
}
.item-dataTable__backLink, .item-dataTable__anchorTxt, .item-dataTable__anchorLink {
  border: 2px solid #c0c0c0;
}
.item-dataTable__backLink tr:nth-child(2n+1), .item-dataTable__anchorTxt tr:nth-child(2n+1), .item-dataTable__anchorLink tr:nth-child(2n+1) {
  background: #f9f9f9;
}
.item-dataTable__anchorTxt {
  margin-bottom: 40px;
}
.item-dataTable__backLink {
  margin-bottom: 0;
}
.item-dataTable__backLink__domain {
  width: 1080px;
}
@media (max-width: 1199px) {
  .item-dataTable__backLink__domain {
    width: 100%;
  }
}
.item-dataTable__backLink__domain .item-dataTableTh__title__targetUrl {
  width: 320px;
}
.item-dataTable__backLink__backlink {
  width: 720px;
}

.toolsNotes {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  margin-bottom: 40px;
  position: relative;
  bottom: 20px;
  font-size: 86%;
  text-align: right;
  clear: both;
}
@media (max-width: 1199px) {
  .toolsNotes {
    margin-bottom: 0;
    bottom: 30px;
    text-align: left;
  }
}

.item-dataTableTh {
  white-space: nowrap;
}

.item-dataTableTh,
.item-dataTableTd {
  padding: 10px;
  border: #ccc 1px solid;
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  word-break: break-all;
}

.item-dataTableTh {
  background: #f7f7f7;
}
.item-dataTableTh__icon {
  padding-left: 42px;
  background-size: 27px;
  background-position: 10px center;
  background-repeat: no-repeat;
}
.item-dataTableTh__icon__fb {
  background-image: url(../img/common/item-detail-icon-fb.png);
}
.item-dataTableTh__icon__tw {
  background-image: url(../img/common/item-detail-icon-tw.png);
}
.item-dataTableTh__icon__gp {
  background-image: url(../img/common/item-detail-icon-gp.png);
}
.item-dataTableTh__icon__hb {
  background-image: url(../img/common/item-detail-icon-hb.png);
}
.item-dataTableTh__icon__government {
  background-image: url(../img/common/item-detail-icon-government.png);
}
.item-dataTableTh__icon__education {
  background-image: url(../img/common/item-detail-icon-education.png);
}
.item-dataTableTh__icon__gov {
  background-image: url(../img/common/item-detail-icon-gov.png);
}
.item-dataTableTh__icon__mil {
  background-image: url(../img/common/item-detail-icon-mil.png);
}
.item-dataTableTh__icon__int {
  background-image: url(../img/common/item-detail-icon-int.png);
}
.item-dataTableTh__icon__museum {
  background-image: url(../img/common/item-detail-icon-museum.png);
}
.item-dataTableTh__icon__coop {
  background-image: url(../img/common/item-detail-icon-coop.png);
}
.item-dataTableTh__icon__aero {
  background-image: url(../img/common/item-detail-icon-aero.png);
}
.item-dataTableTh__icon__travel {
  background-image: url(../img/common/item-detail-icon-travel.png);
}
.item-dataTableTh__icon__jobs {
  background-image: url(../img/common/item-detail-icon-jobs.png);
}
.item-dataTableTh__icon__pro {
  background-image: url(../img/common/item-detail-icon-pro.png);
}
.item-dataTableTh__icon__okwave {
  background-image: url(../img/common/item-detail-icon-okwave.png);
}
.item-dataTableTh__icon__yahoochie {
  background-image: url(../img/common/item-detail-icon-yahoochie.png);
}
.item-dataTableTh__icon__naver {
  background-image: url(../img/common/item-detail-icon-naver.png);
}
.item-dataTableTh__icon__wiki {
  background-image: url(../img/common/item-detail-icon-wiki.png);
}
.item-dataTableTh__icon__dot {
  background-image: url(../img/common/item-detail-icon-dot.png);
}
.item-dataTableTh__icon__ameba {
  background-image: url(../img/common/item-detail-icon-ameba.png);
}
.item-dataTableTh__icon__hatena {
  background-image: url(../img/common/item-detail-icon-hatena.png);
}
.item-dataTableTh__icon__feedly {
  background-image: url(../img/common/item-detail-icon-feedly.png);
}
.item-dataTableTh__icon__japan {
  background-image: url(../img/common/item-detail-icon-japan.png);
}
.item-dataTableTh__icon__japan__affi {
  background-image: url(../img/common/item-detail-icon-japan-affi.png);
}
.item-dataTableTh__icon__japan__sate {
  background-image: url(../img/common/item-detail-icon-japan-sate.png);
}
.item-dataTableTh__icon__adult {
  background-image: url(../img/common/item-detail-icon-adult.png);
}
.item-dataTableTh__icon__twitter {
  background-image: url(../img/common/item-detail-icon-twitter.png);
}
.item-dataTableTh__icon__google {
  background-image: url(../img/common/item-detail-icon-google.png);
}
.item-dataTableTh__icon__yahoo {
  background-image: url(../img/common/item-detail-icon-yahoo.png);
}
.item-dataTableTh__w50p {
  width: 50%;
}
.item-dataTableTh__w55p {
  width: 55%;
}
.item-dataTableTh__w60p {
  width: 60%;
}
.item-dataTableTh__w65p {
  width: 65%;
}
.item-dataTableTh__title {
  background: #555;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.item-dataTableTh__title__topic {
  width: 95px;
}
.item-dataTableTh__title__targetUrl {
  width: 150px;
}
.item-dataTableTh__title__tf {
  width: 50px;
}
.item-dataTableTh__title__tf__domainInfo {
  width: 60px;
}
@media (max-width: 1199px) {
  .item-dataTableTh__title__tf {
    width: 27px;
  }
}
.item-dataTableTh__title__cf {
  width: 50px;
}
.item-dataTableTh__title__cf__domainInfo {
  width: 60px;
}
@media (max-width: 1199px) {
  .item-dataTableTh__title__cf {
    width: 27px;
  }
}
.item-dataTableTh__title__anchorTxt {
  width: 130px;
}
.item-dataTableTh__title__anchorTxt2 {
  width: 130px;
}
.item-dataTableTh__title__referral {
  width: 600px;
}

.item-dataTableTd {
  text-align: right;
}
@media (max-width: 1199px) {
  .item-dataTableTd {
    text-align: left;
  }
}
.item-dataTableTd__backLink, .item-dataTableTd__anchorTxt {
  text-align: left;
}
.item-dataTableTd__backLink__referral--title, .item-dataTableTd__anchorTxt__referral--title {
  margin-right: 4px;
  padding: 2px 5px;
  background: #a2a2a2;
  font-weight: bold;
  color: #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 86%;
}
.item-dataTableTd__backLink__referral--anchorTxt, .item-dataTableTd__anchorTxt__referral--anchorTxt {
  font-size: 86%;
}
.item-dataTableTd__backLink__referral--targetPage, .item-dataTableTd__anchorTxt__referral--targetPage {
  font-size: 86%;
  color: #a2a2a2;
}
.item-dataTableTd__backLinkTac {
  text-align: center;
}
.item-dataTableTd__backLinkTac--tf, .item-dataTableTd__backLinkTac--cf {
  font-size: 1.5em;
  line-height: 1.66667em;
  margin-top: 0em;
  margin-bottom: 0em;
}
@media (max-width: 1199px) {
  .item-dataTableTd__backLinkTac--tf, .item-dataTableTd__backLinkTac--cf {
    font-size: 1.21429em;
    line-height: 1.64706em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
}
.item-dataTableTd--price {
  font-weight: bold;
  color: #db4130;
}
.item-dataTableTd--powerRank {
  margin-right: 10px;
  font-weight: bold;
  font-size: 129%;
}
@media (max-width: 599px) {
  .item-dataTableTd--powerRank {
    display: block;
  }
}
.item-dataTableTd--powerRank__bronze {
  color: #806c66;
}
.item-dataTableTd--powerRank__silver {
  color: #828c99;
}
.item-dataTableTd--powerRank__gold {
  color: #b3a147;
}
.item-dataTableTd--powerRank__platinum {
  color: #b24747;
}
.item-dataTableTd--powerRankBox {
  position: relative;
  top: -2px;
  padding: 0 5px;
  color: #fff;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.item-dataTableTd--powerRankBox__bronze {
  background: #806c66;
}
.item-dataTableTd--powerRankBox__silver {
  background: #828c99;
}
.item-dataTableTd--powerRankBox__gold {
  background: #b3a147;
}
.item-dataTableTd--powerRankBox__platinum {
  background: #b24747;
}
.item-dataTableTd a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.item-dataTableTd a:hover {
  color: #5faee3;
}

.item-CobwebChartWrap {
  margin-bottom: 60px;
  width: 450px;
  float: right;
}
@media (max-width: 1199px) {
  .item-CobwebChartWrap {
    max-width: 400px;
    margin-right: auto;
    margin-left: auto;
    float: none;
  }
}
@media (max-width: 599px) {
  .item-CobwebChartWrap {
    width: 100%;
    margin-bottom: 20px;
  }
}

#item-CobwebChartWrap {
  width: 450px;
  height: auto;
}

.item-screenShotWrap {
  *zoom: 1;
  margin-bottom: 50px;
}
.item-screenShotWrap:after {
  content: "";
  display: table;
  clear: both;
}

.item-screenShotList {
  width: 255px;
  margin-right: 20px;
  margin-bottom: 20px;
  float: left;
  *zoom: 1;
}
.item-screenShotList:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .item-screenShotList {
    width: 48%;
    margin-right: 4%;
  }
}
@media (max-width: 599px) {
  .item-screenShotList {
    width: 100%;
    margin-right: 0;
  }
}
.item-screenShotList:nth-child(4n) {
  margin-right: 0;
}
@media (max-width: 1199px) {
  .item-screenShotList:nth-child(2n) {
    margin-right: 0;
  }
}

.item-screenShotAnchor {
  color: #333;
  text-decoration: none;
}
.item-screenShotAnchor__img {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border: #cecece 1px solid;
}

.item-otherInfoWrap {
  *zoom: 1;
}
.item-otherInfoWrap:after {
  content: "";
  display: table;
  clear: both;
}

.item-otherInfoList {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
}
.item-otherInfoList:last-child {
  margin-right: 0;
}

.item-itemDataLeftBox {
  width: 720px;
  float: left;
}

.item-itemDataRightBox {
  width: 330px;
  float: right;
}

.item-itemDataLeftBox,
.item-itemDataRightBox {
  word-break: break-all;
}
@media (max-width: 1199px) {
  .item-itemDataLeftBox,
  .item-itemDataRightBox {
    width: 100%;
  }
}

#moreReferralBtn {
  display: block;
  margin-bottom: 40px;
  cursor: pointer;
}
#moreReferralBtn::after {
  margin-left: 5px;
  content: "\f0da";
  font-family: fontAwesome;
}
#moreReferralBtn:hover {
  color: #4d4d4d;
}

.signUp-subTitle, .shopping-subTitle {
  margin-bottom: 10px;
  padding-left: 10px;
  height: 30px;
  font-size: 18px;
  font-weight: bold;
  border-left: #222 solid 5px;
}
@media (max-width: 1199px) {
  .signUp-subTitle, .shopping-subTitle {
    height: auto;
    margin-right: 25px;
    margin-bottom: 25px;
    margin-left: 25px;
  }
}
.signUp-subTitle img, .shopping-subTitle img {
  margin-right: 10px;
  vertical-align: middle;
}

.signUp-mailMagTxt {
  display: block;
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
}

.signUp-radio {
  display: none;
}
.signUp-radio + label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 24px;
  cursor: pointer;
}
.signUp-radio + label::before, .signUp-radio + label::after {
  position: absolute;
  content: '';
  top: 50%;
  border-radius: 100%;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.signUp-radio + label::before {
  left: 0;
  width: 16px;
  height: 16px;
  margin-top: -12px;
  background: #f3f3f3;
  border: 2px solid #ccc;
}
.signUp-radio + label:hover::before {
  background: #fff;
}
.signUp-radio + label::after {
  opacity: 0;
  filter: alpha(opacity=0);
  left: 6px;
  width: 8px;
  height: 8px;
  margin-top: -6px;
  background: #db4130;
}
.signUp-radio:checked + label::before {
  background: #fff;
  border: 2px solid #db4130;
}
.signUp-radio:checked + label::after {
  opacity: 1;
  filter: alpha(opacity=100);
}

.signUp-aboutPdWrap {
  margin-bottom: 10px;
  padding: 20px;
  background: #fff;
}
.signUp-aboutPdWrap--left {
  float: left;
}
.signUp-aboutPdWrap--right {
  color: #3498db;
  text-align: right;
}
.signUp-aboutPdWrap a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.signUp-aboutPdWrap a:hover {
  color: #5faee3;
}

.signUp-AboutPd-question-circle {
  position: relative;
  top: 3px;
  margin-right: 7px;
  font-size: 179%;
}

.signUp-confirm {
  margin-right: 10px;
  margin-left: 10px;
  display: block;
}
.signUp-confirm__price {
  color: #db4130;
  font-weight: bold;
}
@media (max-width: 599px) {
  .signUp-confirm {
    margin-left: 0;
  }
}

.signUp-subText {
  display: block;
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0.58333em;
  margin-bottom: 0em;
  color: #db4130;
  /*display: none;*/
}

.signUp-errorTxt {
  display: block;
  margin-top: 40px;
  padding: 10px;
  background: #f8d9d6;
  color: #db4130;
  text-align: center;
}

.signUp-rule-text {
  font-size: 79%;
  text-align: center;
}
.signUp-rule-text a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.signUp-rule-text a:hover {
  color: #5faee3;
}

.shopping-stageWrap {
  margin-top: 60px;
  *zoom: 1;
}
.shopping-stageWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .shopping-stageWrap {
    margin-right: 25px;
    margin-left: 25px;
  }
}

.shopping-stage {
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 380px;
  margin-right: 30px;
  height: 40px;
  background: #eee;
  color: #ccc;
  font-size: 122%;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
}
.shopping-stage:last-child {
  margin-right: 0;
}
.shopping-stage:last-child:after {
  content: none;
}
.shopping-stage::after {
  display: block;
  position: absolute;
  top: 0;
  right: -15px;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 0 solid transparent;
  border-left: 15px solid #eee;
  border-bottom: 20px solid transparent;
  background: transparent;
  content: "";
}
.shopping-stage__current {
  background: #222;
  color: #fff;
}
.shopping-stage__current::after {
  border-left-color: #222;
}
@media (max-width: 1199px) {
  .shopping-stage {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .shopping-stage::after {
    transform: rotate(90deg);
    margin: auto !important;
    top: auto !important;
    right: 0 !important;
    bottom: -25px;
    left: 0;
  }
}

.shopping-leftColumn {
  margin-top: 80px;
  margin-bottom: 80px;
  width: 850px;
  float: left;
}
@media (max-width: 1199px) {
  .shopping-leftColumn {
    margin-bottom: 30px;
  }
}

.shopping-rightColumn {
  margin-top: 80px;
  margin-bottom: 80px;
  width: 310px;
  float: right;
}

@media (max-width: 1199px) {
  .shopping-leftColumn,
  .shopping-rightColumn {
    width: 100%;
  }
}

.shopping-oneColumn {
  margin-top: 80px;
}
.shopping-oneColumn--contentsArea {
  background: #fff;
  padding: 60px;
  margin-bottom: 20px;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea {
    padding: 25px;
  }
}
.shopping-oneColumn--contentsArea--thankYou {
  margin-bottom: 45px;
  font-size: 3.21429em;
  line-height: 0.93333em;
  margin-top: 0em;
  margin-bottom: 1.08889em;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--thankYou {
    text-align: left;
  }
}
.shopping-oneColumn--contentsArea--p {
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
  text-align: center;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--p {
    text-align: left;
  }
}
.shopping-oneColumn--contentsArea--p:last-child {
  margin-bottom: 0;
}
.shopping-oneColumn--contentsArea--p--redTxt {
  color: #db4130;
}
.shopping-oneColumn--contentsArea--priceArea {
  text-align: center;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--priceArea {
    text-align: left;
  }
}
.shopping-oneColumn--contentsArea--billingAmount {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0.77778em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--billingAmount {
    display: block;
  }
}
.shopping-oneColumn--contentsArea--price {
  color: #db4130;
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 0.46667em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--price {
    display: block;
  }
}
.shopping-oneColumn--contentsArea--payment {
  font-size: 1.71429em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.58333em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--payment {
    display: block;
  }
}
.shopping-oneColumn--contentsArea--flowTitle {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 1.4em;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--flowTitle {
    text-align: left;
  }
}
.shopping-oneColumn--contentsArea--flowSubTitle {
  padding: 15px;
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 1.16667em;
  font-weight: bold;
  background: #f7f7f7;
}
.shopping-oneColumn--contentsArea--flowSubWrap {
  margin-bottom: 40px;
  *zoom: 1;
}
.shopping-oneColumn--contentsArea--flowSubWrap:after {
  content: "";
  display: table;
  clear: both;
}
.shopping-oneColumn--contentsArea--flowSubWrap:last-child {
  margin-bottom: 0;
}
.shopping-oneColumn--contentsArea--flowSubWrap--img {
  float: left;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--flowSubWrap--img {
    width: 40%;
    height: auto;
  }
}
@media (max-width: 599px) {
  .shopping-oneColumn--contentsArea--flowSubWrap--img {
    width: 100%;
    margin-bottom: 15px;
    float: none;
  }
}
.shopping-oneColumn--contentsArea--flowSubWrap--p {
  width: 650px;
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
  float: right;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--contentsArea--flowSubWrap--p {
    width: 55%;
  }
}
@media (max-width: 599px) {
  .shopping-oneColumn--contentsArea--flowSubWrap--p {
    width: 100%;
    float: none;
  }
}
.shopping-oneColumn p a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.shopping-oneColumn p a:hover {
  color: #5faee3;
}
.shopping-oneColumn--btnArea {
  width: 660px;
  margin: 40px auto;
  *zoom: 1;
}
.shopping-oneColumn--btnArea:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--btnArea {
    width: 570px;
  }
}
@media (max-width: 599px) {
  .shopping-oneColumn--btnArea {
    width: auto;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.shopping-oneColumn--btnArea--btn {
  display: block;
  width: 298px;
  height: 48px;
  border: 1px solid  #222;
  background: #222;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 48px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .shopping-oneColumn--btnArea--btn {
    width: 268px;
  }
}
@media (max-width: 599px) {
  .shopping-oneColumn--btnArea--btn {
    width: 100%;
    float: none;
  }
}
.shopping-oneColumn--btnArea--btn__shopping {
  position: relative;
  float: left;
}
.shopping-oneColumn--btnArea--btn__shopping::after {
  position: absolute;
  left: 15px;
  content: "\f053";
  font-family: FontAwesome;
  font-weight: normal;
}
@media (max-width: 599px) {
  .shopping-oneColumn--btnArea--btn__shopping {
    margin-bottom: 20px;
  }
}
.shopping-oneColumn--btnArea--btn__pureDomain {
  float: right;
}
.shopping-oneColumn--btnArea--btn:hover {
  background: #fff;
  color: #222;
}

.shopping-totalOrderWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 310px;
  padding: 25px;
  border: 5px solid #eee;
  margin-bottom: 30px;
  background: #fff;
}
@media (max-width: 1199px) {
  .shopping-totalOrderWrap {
    width: auto;
    margin-right: 25px;
    margin-left: 25px;
  }
}
@media (max-width: 599px) {
  .shopping-totalOrderWrap {
    margin-right: 0;
    margin-left: 0;
    padding: 25px;
    border: none;
  }
}
.shopping-totalOrderWrap--priceTable {
  width: 100%;
}
.shopping-totalOrderWrap--priceTable--td__tar {
  text-align: right;
}
.shopping-totalOrderWrap--priceTable--td--total {
  font-size: 115%;
  font-weight: bold;
}
@media (max-width: 599px) {
  .shopping-totalOrderWrap--priceTable--td--total {
    font-size: 108%;
  }
}
.shopping-totalOrderWrap--priceTable--td--totalPrice {
  color: #db4130;
  font-size: 143%;
  font-weight: bold;
}
@media (max-width: 599px) {
  .shopping-totalOrderWrap--priceTable--td--totalPrice {
    font-size: 143%;
  }
}
.shopping-totalOrderWrap--hr {
  display: block;
  height: 1px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 0;
  border: none;
  border-bottom: 1px solid  #eee;
}

.shopping-nextBtn-wrap {
  position: relative;
  display: block;
  color: #fff;
}
.shopping-nextBtn-wrap::after {
  position: absolute;
  margin: auto;
  top: 0;
  right: 20px;
  bottom: 0;
  font-size: 115%;
  line-height: 50px;
  content: "\f054";
  font-weight: normal;
  font-family: FontAwesome;
}

.shopping-nextBtn {
  display: block;
  width: 100%;
  position: relative;
  height: 50px;
  border: none;
  background: #db4130;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.shopping-nextBtn::after {
  position: absolute;
  margin: auto;
  top: 0;
  right: 20px;
  bottom: 0;
  content: "\f054";
  font-weight: normal;
  font-family: FontAwesome;
}
.shopping-nextBtn:hover {
  background: #e3695b;
}
.shopping-nextBtn__paypal {
  display: block;
  text-align: center;
}
.shopping-nextBtn__signin {
  background: #3498db;
}
.shopping-nextBtn__signin:hover {
  background: #5faee3;
}

.shopping-prevBtn {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 250px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid #ccc;
  background: #333;
  color: #fff;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 48px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .shopping-prevBtn {
    width: auto;
    margin-right: 25px;
    margin-left: 25px;
  }
}
.shopping-prevBtn::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 20px;
  content: "\f053";
  font-weight: normal;
  font-family: FontAwesome;
}
.shopping-prevBtn:hover {
  background: #fff;
  color: #333;
}
.shopping-prevBtn input {
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  width: 248px;
  height: 48px;
  margin-right: auto;
  margin-left: auto;
  border: none;
  background: #333;
  font-size: 1em;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  line-height: 48px;
  color: #fff;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .shopping-prevBtn input {
    width: 100%;
  }
}
.shopping-prevBtn input::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 20px;
  content: "\f053";
  font-weight: normal;
  font-family: FontAwesome;
}
.shopping-prevBtn input:hover {
  background: #fff;
  color: #333;
}

.shopping-selectPaymentWrap {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 60px;
  padding-left: 60px;
  background: #fff;
}
@media (max-width: 1199px) {
  .shopping-selectPaymentWrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}
@media (max-width: 599px) {
  .shopping-selectPaymentWrap {
    padding-top: 20px;
    padding-bottom: 10px;
  }
}

.shopping-selectPaymentTable {
  width: 100%;
}
@media (max-width: 599px) {
  .shopping-selectPaymentTable tbody {
    display: block;
  }
}
.shopping-selectPaymentTable--tr {
  border-bottom: #ccc 1px solid;
}
@media (max-width: 599px) {
  .shopping-selectPaymentTable--tr {
    display: block;
    border-bottom: none;
  }
}
.shopping-selectPaymentTable--tr:last-child {
  border-bottom: none;
}
.shopping-selectPaymentTable--th, .shopping-selectPaymentTable--td {
  padding-top: 30px;
  padding-bottom: 30px;
}
@media (max-width: 599px) {
  .shopping-selectPaymentTable--th, .shopping-selectPaymentTable--td {
    display: block;
  }
  .shopping-selectPaymentTable--th img, .shopping-selectPaymentTable--td img {
    max-width: 100%;
  }
}
.shopping-selectPaymentTable--th {
  width: 400px;
}
@media (max-width: 1199px) {
  .shopping-selectPaymentTable--th {
    padding-right: 15px;
  }
}
@media (max-width: 599px) {
  .shopping-selectPaymentTable--th {
    width: auto;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
}
@media (max-width: 599px) {
  .shopping-selectPaymentTable--td {
    padding-top: 0;
    padding-bottom: 25px;
  }
}
@media (max-width: 599px) {
  .shopping-selectPaymentTable--td--img {
    max-width: 100%;
    height: auto;
  }
}
.shopping-selectPaymentTable--title {
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .shopping-selectPaymentTable--title {
    font-size: 1.07143em;
    line-height: 1.86667em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
}
.shopping-selectPaymentTable--text {
  display: block;
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0.58333em;
  margin-bottom: 0em;
}

@media (max-width: 1199px) {
  .shopping-pdidSelectgWrap {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.shopping-paymentCompleteBankWrap {
  width: 400px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .shopping-paymentCompleteBankWrap {
    width: auto;
  }
}

.shopping-subtitleAnnotation {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0.58333em;
}
@media (max-width: 1199px) {
  .shopping-subtitleAnnotation {
    margin-right: 25px;
    margin-left: 25px;
  }
}

.shopping-paymentDescription {
  margin-bottom: 10px;
  padding: 20px;
  background: #fff;
}
@media (max-width: 1199px) {
  .shopping-paymentDescription {
    margin-right: 25px;
    margin-left: 25px;
  }
}
.shopping-paymentDescription--text01 {
  font-size: 115%;
  font-weight: bold;
}

.shopping-paymentWrap {
  *zoom: 1;
}
.shopping-paymentWrap:after {
  content: "";
  display: table;
  clear: both;
}

.shopping-paymentCreditcardDescriptionArea {
  width: 490px;
  float: left;
}
@media (max-width: 1199px) {
  .shopping-paymentCreditcardDescriptionArea {
    width: auto;
    margin-right: 25px;
    margin-left: 25px;
    float: none;
  }
}

.shopping-paymentCreditcardDisplayArea {
  width: 350px;
  margin-bottom: 30px;
  float: right;
}
@media (max-width: 1199px) {
  .shopping-paymentCreditcardDisplayArea {
    width: auto;
    float: none;
    padding-left: 25px;
    padding-right: 25px;
  }
}

.shopping-nextTimeTxt {
  display: block;
  position: relative;
  top: 3px;
  font-size: 0.78571em;
  line-height: 1.90909em;
  margin-top: 0em;
  margin-bottom: 0em;
}

@media (max-width: 599px) {
  .card-wrapper {
    -moz-transform: scale(0.88, 0.88);
    -ms-transform: scale(0.88, 0.88);
    -webkit-transform: scale(0.88, 0.88);
    transform: scale(0.88, 0.88);
  }
}

.shopping-errorMessage {
  display: block;
  position: relative;
  margin-bottom: 30px;
  padding: 25px;
  background: #f8d9d6;
  color: #db4130;
}
@media (max-width: 1199px) {
  .shopping-errorMessage {
    margin-right: 25px;
    margin-left: 25px;
  }
}
.shopping-errorMessage::after {
  display: block;
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0;
  height: 0;
  margin-left: auto;
  margin-right: auto;
  border-top: 20px solid #f8d9d6;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
  border-bottom: 0 solid transparent;
  background: transparent;
  content: "";
}

.shppping-flowAfterOrder {
  margin-bottom: 120px;
  text-align: center;
}
.shppping-flowAfterOrder--img {
  vertical-align: top;
}
@media (max-width: 1199px) {
  .shppping-flowAfterOrder--img {
    width: 100px;
    height: auto;
  }
}
@media (max-width: 599px) {
  .shppping-flowAfterOrder--img {
    display: block;
    width: 200px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
}
.shppping-flowAfterOrder--img__arr {
  margin-top: 34px;
  margin-right: 30px;
  margin-left: 30px;
}
@media (max-width: 1199px) {
  .shppping-flowAfterOrder--img__arr {
    width: 20px;
    height: auto;
    margin-right: 5px;
    margin-left: 5px;
  }
}
@media (max-width: 599px) {
  .shppping-flowAfterOrder--img__arr {
    width: 30px;
    height: auto;
    margin: 30px auto;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
}

.myPageMenuWrapper,
.myPageMenuWrapper__description {
  *zoom: 1;
  margin-top: 5px;
  float: right;
}
.myPageMenuWrapper:after,
.myPageMenuWrapper__description:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .myPageMenuWrapper,
  .myPageMenuWrapper__description {
    margin-top: 0;
    margin-bottom: 20px;
    float: none;
    margin-right: 25px;
    margin-left: 25px;
  }
}

.myPageMenuBtn {
  display: block;
  height: 28px;
  margin-right: 20px;
  padding-right: 15px;
  padding-left: 15px;
  border: 1px solid  #222;
  background: #333;
  color: #fff;
  float: left;
  text-decoration: none;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .myPageMenuBtn {
    margin-right: 0;
    margin-bottom: 20px;
    float: none;
  }
}
.myPageMenuBtn:hover {
  background: #fff;
  color: #222;
}
.myPageMenuBtn:last-child {
  margin-right: 0;
}

.myPageDeleteTxt {
  display: block;
  color: #333;
  float: right;
}
@media (max-width: 599px) {
  .myPageDeleteTxt {
    display: inline;
    float: none;
  }
}
.myPageDeleteTxt:hover {
  text-decoration: none;
}

.myPage-headerWarning {
  margin-top: 20px;
  background: #f8d9d6;
  height: 40px;
  text-align: center;
}
.myPage-headerWarning--txt {
  color: #db4130;
  text-decoration: underline;
  line-height: 40px;
}

.orderHistoryTableWrap {
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .orderHistoryTableWrap {
    margin-right: 25px;
    margin-left: 25px;
  }
}

.orderHistoryTable {
  width: 880px;
  background: #fff;
  border: 1px solid #ccc;
  border-spacing: 0;
  border-collapse: collapse;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  table-layout: fixed;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .orderHistoryTable {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .orderHistoryTable {
    display: block;
    border-bottom: none;
    border-left: none;
  }
}
@media (max-width: 599px) {
  .orderHistoryTable tbody {
    display: block;
    *zoom: 1;
  }
  .orderHistoryTable tbody:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media (max-width: 599px) {
  .orderHistoryTable--tr {
    clear: both;
    display: block;
    *zoom: 1;
  }
  .orderHistoryTable--tr:after {
    content: "";
    display: table;
    clear: both;
  }
}
.orderHistoryTable--tr:nth-child(2n+1) {
  background: #f5f5f5;
}
.orderHistoryTable--tr__notPayment {
  background: #f8d9d6 !important;
}
.orderHistoryTable--tr__notPayment .orderHistoryTable--tr--condition {
  color: #e04130;
  font-weight: bold;
}
.orderHistoryTable--tr--date {
  width: 155px;
}
.orderHistoryTable--tr--price, .orderHistoryTable--tr--addPoint, .orderHistoryTable--tr--usePoint {
  text-align: right;
}
.orderHistoryTable--tr--date, .orderHistoryTable--tr--condition, .orderHistoryTable--tr--description, .orderHistoryTable--tr--receipt {
  text-align: center;
}
@media (max-width: 599px) {
  .orderHistoryTable--tr--number, .orderHistoryTable--tr--price, .orderHistoryTable--tr--description {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .orderHistoryTable--tr--date, .orderHistoryTable--tr--condition, .orderHistoryTable--tr--receipt {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .orderHistoryTable--tr--number {
    text-align: center;
  }
}
.orderHistoryTable--tr--number--br {
  display: none;
}
@media (max-width: 1199px) {
  .orderHistoryTable--tr--number--br {
    display: block;
  }
}
.orderHistoryTable--tr--number--pro {
  font-size: 0.85714em;
  line-height: 2.33333em;
  margin-top: 0em;
  margin-bottom: 0em;
  margin-left: 5px;
  padding-right: 5px;
  padding-left: 5px;
  border: 1px solid #333;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
@media (max-width: 1199px) {
  .orderHistoryTable--tr--date--time {
    display: none;
  }
}
.orderHistoryTable--tr--price, .orderHistoryTable--tr--usePoint {
  font-weight: bold;
  color: #e04130;
}
.orderHistoryTable--tr--th, .orderHistoryTable--tr--td {
  height: 40px;
  padding: 5px 10px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  line-height: 1.4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .orderHistoryTable--tr--th, .orderHistoryTable--tr--td {
    vertical-align: middle;
  }
}
@media (max-width: 599px) {
  .orderHistoryTable--tr--th, .orderHistoryTable--tr--td {
    display: block;
    height: auto;
    float: left;
  }
}
.orderHistoryTable--tr--th {
  background: #333;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
.orderHistoryTable--tr--td--anchor {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.orderHistoryTable--tr--td--anchor:hover {
  color: #5faee3;
}

.couponTableWrap {
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .couponTableWrap {
    margin-right: 25px;
    margin-left: 25px;
  }
}

.couponTable {
  width: 880px;
  background: #fff;
  border: 1px solid #ccc;
  border-spacing: 0;
  border-collapse: collapse;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  table-layout: fixed;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .couponTable {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .couponTable {
    display: block;
    border-bottom: none;
    border-left: none;
  }
}
@media (max-width: 599px) {
  .couponTable tbody {
    display: block;
    *zoom: 1;
  }
  .couponTable tbody:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media (max-width: 599px) {
  .couponTable--tr {
    clear: both;
    display: block;
    *zoom: 1;
  }
  .couponTable--tr:after {
    content: "";
    display: table;
    clear: both;
  }
}
.couponTable--tr:nth-child(2n+1) {
  background: #f5f5f5;
}
.couponTable--tr--th, .couponTable--tr--td {
  height: 40px;
  padding: 5px 10px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  line-height: 1.4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .couponTable--tr--th, .couponTable--tr--td {
    display: block;
    height: auto;
    min-height: 40px;
    line-height: 40px;
  }
}
.couponTable--tr--th {
  background: #333;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
@media (max-width: 599px) {
  .couponTable--tr--th {
    text-align: left;
  }
}
.couponTable--tr--td {
  text-align: center;
}
@media (max-width: 599px) {
  .couponTable--tr--td {
    text-align: left;
  }
}

.couponSuccessText {
  margin-bottom: 80px;
  padding: 60px;
  background: #fff;
}
@media (max-width: 1199px) {
  .couponSuccessText {
    margin-right: 25px;
    margin-left: 25px;
    padding: 20px;
  }
}

.couponText {
  font-size: 0.85714em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 1.75em;
  color: #999;
}
@media (max-width: 1199px) {
  .couponText {
    padding-left: 25px;
    padding-right: 25px;
  }
}

.receiptNameChange {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1003;
  margin: auto;
  padding: 50px;
  width: 800px;
  height: 460px;
  background: rgba(0, 0, 0, 0.9);
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .receiptNameChange {
    top: 10%;
    bottom: auto;
    padding: 5%;
    width: 90%;
    height: auto;
  }
}
.receiptNameChange--title {
  font-size: 2.14286em;
  line-height: 1.16667em;
  margin-top: 0em;
  margin-bottom: 0.7em;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1199px) {
  .receiptNameChange--title {
    font-size: 1.57143em;
    line-height: 1.27273em;
    margin-top: 0em;
    margin-bottom: 0.95455em;
  }
}
.receiptNameChange--text {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 2em;
  color: #fff;
  text-align: center;
}
.receiptNameChange--inputWrap {
  *zoom: 1;
  text-align: center;
}
.receiptNameChange--inputWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .receiptNameChange--inputWrap {
    margin-bottom: 35px;
  }
}
.receiptNameChange--inputLabel {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 2em;
  color: #fff;
}
.receiptNameChange--input {
  width: 320px;
  padding: 10px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
@media (max-width: 1199px) {
  .receiptNameChange--input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}
.receiptNameChange--btnWrap {
  position: absolute;
  right: 0;
  bottom: 60px;
  left: 0;
  text-align: center;
}
@media (max-width: 1199px) {
  .receiptNameChange--btnWrap {
    position: static;
  }
}
.receiptNameChange--btn {
  width: 250px;
  background: #3498db;
  color: #fff;
  text-align: center;
  border: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-size: 115%;
  font-weight: bold;
  line-height: 50px;
  cursor: pointer;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.receiptNameChange--btn:hover {
  background: #75b9e7;
}
@media (max-width: 1199px) {
  .receiptNameChange--btn {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
  }
}

.mailMagForm--inputText {
  border: 1px solid #cccccc;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  margin-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  line-height: 30px;
  width: 50%;
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  float: left;
}
@media (max-width: 1199px) {
  .mailMagForm--inputText {
    width: 79%;
  }
}
.mailMagForm--inputSubmitWrap {
  clear: both;
}
.mailMagForm--inputSubmit {
  margin-left: 1%;
  color: #ffffff;
  font-size: 16px;
  background: #222222;
  border: 1px solid #222;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 30px;
  letter-spacing: normal;
  vertical-align: middle;
  width: 70px;
  cursor: pointer;
  line-height: 30px;
  -webkit-appearance: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  float: left;
}
@media (max-width: 1199px) {
  .mailMagForm--inputSubmit {
    width: 20%;
  }
}
.mailMagForm--inputSubmit:hover {
  color: #222;
  background: #fff;
}

.paymentRadioDisplayNone {
  display: none;
}

.watchList-table-wrap {
  margin-bottom: 20px;
  *zoom: 1;
}
.watchList-table-wrap:after {
  content: "";
  display: table;
  clear: both;
}

.item-table__watchList {
  clear: both;
}

.allInCartBtnWrap {
  *zoom: 1;
}
.allInCartBtnWrap:after {
  content: "";
  display: table;
  clear: both;
}
.allInCartBtnWrap--btn {
  display: block;
  margin-bottom: 20px;
  padding: 3px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background: #db4130;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: none;
  color: #fff;
  float: right;
}
.allInCartBtnWrap--btn:hover {
  background: #a22a1c;
}
.allInCartBtnWrap--btn--icon {
  margin-right: 10px;
  font-size: 120%;
}

.receiptDataAreaChangeWrap {
  position: relative;
  margin-bottom: 25px;
  *zoom: 1;
}
.receiptDataAreaChangeWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .receiptDataAreaChangeWrap {
    margin-left: 30px;
  }
}
@media (max-width: 599px) {
  .receiptDataAreaChangeWrap {
    margin-left: 0;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.receiptDataAreaChangeWrap::after {
  content: "";
  display: block;
  height: 1px;
  background: #ccc;
  z-index: -1;
}

.receiptDataAreaChangeList {
  position: relative;
  bottom: -1px;
  float: left;
  z-index: 100;
}
@media (max-width: 599px) {
  .receiptDataAreaChangeList {
    float: none;
  }
}
.receiptDataAreaChangeList:first-child {
  margin-left: 60px;
}
@media (max-width: 599px) {
  .receiptDataAreaChangeList:first-child {
    margin-left: 0;
  }
}

.receiptDataAreaChangeBtn {
  display: block;
  position: relative;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 250px;
  height: 70px;
  margin-right: 10px;
  color: #333;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 68px;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  background: #f7f7f7;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .receiptDataAreaChangeBtn {
    margin-bottom: 15px;
    width: 100%;
    height: 50px;
    line-height: 48px;
    border-bottom: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
}
.receiptDataAreaChangeBtn:hover {
  color: #000;
}
.receiptDataAreaChangeBtn__off {
  height: 50px;
  margin-top: 20px;
  background: #ddd;
  line-height: 48px;
  border-bottom: 1px solid #ccc;
  color: #666666;
}
@media (max-width: 599px) {
  .receiptDataAreaChangeBtn__off {
    margin-top: 0;
  }
}
.receiptDataAreaChangeBtn__off:hover {
  background: #fff;
  color: #737373;
}
.receiptDataAreaChangeBtn .fa-chevron-down {
  display: none;
  position: absolute;
  right: 10px;
  line-height: 48px;
}
@media (max-width: 599px) {
  .receiptDataAreaChangeBtn .fa-chevron-down {
    display: inline;
  }
}

.loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  transition: all .1s linear;
}
.loader-bg.hide {
  display: none;
  opacity: 0;
}
.loader-bg.show {
  display: block;
  opacity: 1;
}

.loader {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 200px;
  height: 200px;
  text-align: center;
  color: #fff;
  line-height: 200px;
  font-size: 50px;
}

.googleFormTitleAndText {
  margin-bottom: 0;
}
.googleFormTitleAndText p {
  font-size: 1.14286em;
  line-height: 2.1875em;
  margin-top: 0em;
  margin-bottom: 2.1875em;
}
.googleFormTitleAndText p:last-child {
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  .googleFormTitleAndText p {
    font-size: 1em;
    line-height: 2em;
    margin-top: 0em;
    margin-bottom: 2em;
  }
}

.googleForm-wrap {
  overflow: hidden;
  padding: 0;
}
@media (max-width: 1199px) {
  .googleForm-wrap {
    width: 100%;
    overflow: auto;
  }
}
.googleForm-wrap iframe {
  margin-top: -100px;
}
@media (max-width: 1199px) {
  .googleForm-wrap iframe {
    margin-top: 0;
    width: 100%;
  }
}

@media (max-width: 1199px) {
  .jp-card {
    min-width: 250px !important;
  }
}

.quickTourTrigger-warpper {
  height: 80px;
}
@media (max-width: 599px) {
  .quickTourTrigger-warpper {
    height: 120px;
  }
}
@media (max-width: 599px) {
  .quickTourTrigger-warpper__ver2 {
    height: 60px;
  }
}

.quickTourTrigger-band {
  position: fixed;
  top: 40px;
  left: 0;
  right: 0;
  height: 79px;
  background: #3498db;
  text-align: center;
  z-index: 1002;
  border-top: 1px solid #fff;
}
@media (max-width: 1199px) {
  .quickTourTrigger-band {
    top: 84px;
  }
}
@media (max-width: 599px) {
  .quickTourTrigger-band {
    top: 85px;
    padding-left: 25px;
    padding-right: 25px;
    padding-top: 10px;
    padding-bottom: 15px;
    height: 95px;
  }
}
.quickTourTrigger-band__ver2 {
  display: block;
  box-sizing: border-box;
}
@media (max-width: 599px) {
  .quickTourTrigger-band__ver2 {
    height: 60px;
  }
}
.quickTourTrigger-band--text {
  margin-right: 60px;
  font-size: 158%;
  font-weight: bold;
  color: #fff;
  line-height: 80px;
}
@media (max-width: 1199px) {
  .quickTourTrigger-band--text {
    margin-right: 10px;
  }
}
@media (max-width: 599px) {
  .quickTourTrigger-band--text {
    font-size: 108%;
    display: block;
    margin-right: 0;
    margin-bottom: 7px;
    line-height: 1.5em;
  }
}
.quickTourTrigger-band--btn {
  position: relative;
  top: -2px;
  display: inline-block;
  line-height: 1em;
  border: 1px solid #fff;
  padding: 10px 25px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 599px) {
  .quickTourTrigger-band--btn {
    display: block;
    padding: 10px 0px;
    width: auto;
  }
}
.quickTourTrigger-band--btn:hover {
  background: #fff;
  color: #3498db;
}

.quickTourTrigger-wrap {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 640px;
  height: 350px;
  margin: auto;
  background: rgba(34, 34, 34, 0.9);
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: 1000000;
}
@media (max-width: 1199px) {
  .quickTourTrigger-wrap {
    top: 15px;
    bottom: auto;
    width: auto;
    height: auto;
    margin-right: 15px;
    margin-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    padding-left: 15px;
  }
}

.quickTourTrigger-title,
.quickTourTrigger-text,
.quickTourTrigger-btn,
.quickTourTrigger-noThankYou {
  color: #fff;
}

.quickTourTrigger-title {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 1.4em;
  margin-bottom: 0.93333em;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 599px) {
  .quickTourTrigger-title {
    text-align: left;
  }
}

.quickTourTrigger-text {
  font-size: 0.92857em;
  line-height: 2.15385em;
  margin-top: 0em;
  margin-bottom: 2.15385em;
  text-align: center;
}
@media (max-width: 599px) {
  .quickTourTrigger-text {
    text-align: left;
  }
}

.quickTourTrigger-btn-wrap {
  width: 524px;
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.quickTourTrigger-btn-wrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 599px) {
  .quickTourTrigger-btn-wrap {
    width: auto;
  }
}

.quickTourTrigger-btn {
  display: block;
  width: 252px;
  height: 50px;
  margin-right: auto;
  margin-left: auto;
  background: #3498db;
  cursor: pointer;
  font-size: 115%;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.quickTourTrigger-btn:hover {
  background: #5faee3;
}
@media (max-width: 599px) {
  .quickTourTrigger-btn {
    width: 100%;
  }
}
.quickTourTrigger-btn__left, .quickTourTrigger-btn__right {
  margin-right: 0;
  margin-left: 0;
}
.quickTourTrigger-btn__left {
  float: left;
}
@media (max-width: 1199px) {
  .quickTourTrigger-btn__left {
    margin-bottom: 15px;
  }
}
.quickTourTrigger-btn__right {
  float: right;
}

.quickTourTrigger-noThankYou {
  font-size: 0.71429em;
  line-height: 2.8em;
  margin-top: 0.7em;
  margin-bottom: 0em;
  text-align: center;
}
.quickTourTrigger-noThankYou__anchor {
  color: #fff;
}
.quickTourTrigger-noThankYou__anchor:hover {
  text-decoration: none;
}

.campaignLeftsideBnr {
  position: fixed;
  top: 140px;
  left: 0;
  z-index: 1001;
}
@media (max-width: 1199px) {
  .campaignLeftsideBnr {
    display: none;
  }
}

@media (max-width: 1199px) {
  .campaign-page-img {
    width: 100%;
    height: auto;
  }
}

.campaign-list-btn {
  display: block;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  color: #fff;
  background: #3498db;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media (max-width: 1199px) {
  .campaign-list-btn {
    font-size: 16px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
.campaign-list-btn:hover {
  background: #5faee3;
}

.endCampaign {
  background: #db4130;
}
.endCampaign--p {
  padding: 10px;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.campaign201802Bg01 {
  position: relative;
  margin-top: 25px;
  padding-top: 5px;
  padding-bottom: 100px;
  background: url(../img/common/c20180201-bg.png) center top;
}
@media (max-width: 1199px) {
  .campaign201802Bg01 {
    background-size: contain;
  }
}
.campaign201802Bg01--img01 {
  position: absolute;
  right: 10px;
  bottom: 0;
}

.campaign201803Bg01 {
  background: url(../img/common/c20180301-03-bg.jpg) center top no-repeat;
}
@media (max-width: 1199px) {
  .campaign201803Bg01 {
    background-size: cover;
  }
}

.campaign201803Bg02 {
  background: url(../img/common/c20180301-04-bg.jpg) center top no-repeat;
}
@media (max-width: 1199px) {
  .campaign201803Bg02 {
    background-size: cover;
  }
}

.campaign201803Bg03 {
  background: url(../img/common/c20180301-05-bg.jpg) center top no-repeat;
}
@media (max-width: 1199px) {
  .campaign201803Bg03 {
    background-size: cover;
  }
}

.campaign201803Bg04 {
  background: url(../img/common/c20180301-06-bg.jpg) center top no-repeat;
}
@media (max-width: 1199px) {
  .campaign201803Bg04 {
    background-size: cover;
  }
}

.campaign201805Bg01 {
  background: #e83a09;
}

.campaign201807Bg01 {
  background: url(../img/common/c201807img-03.png) center 0 repeat-y;
}
@media (max-width: 1199px) {
  .campaign201807Bg01 {
    background-size: contain;
  }
}

.campaign201809Bg01 {
  padding-right: 85px;
  padding-bottom: 20px;
  padding-left: 85px;
  background: url(../img/common/c20180901-bg-02.png) no-repeat center bottom, url(../img/common/c20180901-bg.png) repeat-y center 0;
}
@media (max-width: 1199px) {
  .campaign201809Bg01 {
    padding-right: 10%;
    padding-left: 10%;
    background-size: contain;
  }
}
.campaign201809Bg01--p {
  font-size: 1em;
  line-height: 1.5em;
  margin-top: 0em;
  margin-bottom: 1.5em;
  color: #fff;
}
.campaign201809Bg01--p__title {
  font-size: 1.14286em;
  line-height: 1.3125em;
  margin-top: 0em;
  margin-bottom: 1.3125em;
  text-align: center;
  font-weight: bold;
}
.campaign201809Bg01--p__yellow {
  color: #f5ff8a;
}
.campaign201809Bg01--p__lastChild {
  margin-bottom: 3em;
}

.campaign201812Bg01 {
  background: #0954b4;
}

.leftCOntentListWrap {
  width: 680px;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .leftCOntentListWrap {
    width: auto;
    margin-right: 5%;
    margin-left: 5%;
  }
}

.leftCOntentListWrap02 {
  width: 680px;
  padding-top: 15px;
  padding-bottom: 30px;
  margin-right: auto;
  margin-left: auto;
}
@media (max-width: 1199px) {
  .leftCOntentListWrap02 {
    width: auto;
    margin-right: 5%;
    margin-left: 5%;
  }
}
.leftCOntentListWrap02__c201809 {
  width: 700px;
}
@media (max-width: 1199px) {
  .leftCOntentListWrap02__c201809 {
    width: auto;
    margin-right: 4%;
    margin-left: 4%;
  }
}

.campaignSoldout {
  background: #db4130;
  margin-left: 10px;
  padding-right: 5px;
  padding-left: 5px;
  color: #fff;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .campaignSoldout {
    background: none;
    color: #db4130;
  }
}

.campaign201804Bg {
  padding-top: 20px;
  background: url(../img/common/campaign101804-gb.jpg) center top repeat-y;
}
@media (max-width: 1199px) {
  .campaign201804Bg {
    background-size: contain;
  }
}
.campaign201804Bg--comment {
  margin-bottom: 30px;
  padding-top: 25px;
  padding-right: 80px;
  padding-bottom: 20px;
  padding-left: 80px;
  background: rgba(94, 166, 44, 0.7);
  color: #fff;
}
.campaign201804Bg--comment--title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 7px;
}
@media (max-width: 1199px) {
  .campaign201804Bg--comment {
    padding-right: 12%;
    padding-left: 12%;
  }
}
.campaign201804Bg--ul {
  padding-right: 80px;
  padding-bottom: 206px;
  padding-left: 80px;
  background: url(../img/common/campaign101804-07.jpg) center bottom no-repeat;
}
@media (max-width: 1199px) {
  .campaign201804Bg--ul {
    padding-right: 12%;
    padding-bottom: 20%;
    padding-left: 12%;
    background-size: contain;
  }
}
.campaign201804Bg--ul--li {
  margin-bottom: 30px;
}
.campaign201804Bg--ul--li:last-child {
  margin-bottom: 0;
}
.campaign201804Bg--ul--li--link {
  display: block;
  padding-left: 15px;
  color: #5ea62c;
  border-left: 7px solid #5ea62c;
}
@media (max-width: 599px) {
  .campaign201804Bg--ul--li--link {
    border-left: none;
    padding-left: 0;
    line-height: 1.4;
  }
}
.campaign201804Bg--ul--li--link:hover {
  text-decoration: none;
}
.campaign201804Bg--ul--li--link--domain {
  font-size: 25px;
  font-weight: bold;
  word-wrap: break-word;
}
@media (max-width: 599px) {
  .campaign201804Bg--ul--li--link--domain {
    margin-bottom: 10px;
    font-size: 20px;
  }
}
.campaign201804Bg--ul--li--link--info {
  display: inline-block;
  font-size: 17px;
  text-decoration: none !important;
  padding-bottom: 1px;
}
@media (max-width: 599px) {
  .campaign201804Bg--ul--li--link--info {
    font-size: 15px;
  }
}

.offPricePercentage {
  padding-right: 5px;
  padding-left: 5px;
  font-size: 0.85em;
  background: #db4130;
  color: #fff;
}

.campaignRegularPrice {
  font-weight: normal;
  font-size: 0.85em;
  text-decoration: line-through;
}

.beginnerWrap {
  padding: 40px;
  background: #fff;
}
@media (max-width: 1199px) {
  .beginnerWrap {
    padding: 25px;
  }
}
.beginnerWrap--table {
  width: 100%;
}
.beginnerWrap--table--td {
  border: 1px solid #ccc;
  padding: 10px;
}
.beginnerWrap--table--th {
  border: 1px solid #ccc;
  text-align: center;
  font-weight: bold;
  padding: 10px;
}
.beginnerWrap--subTitle {
  text-align: center;
  margin-bottom: 15px;
}
@media (max-width: 1199px) {
  .beginnerWrap--subTitle--img {
    max-width: 100%;
    height: auto;
  }
}
.beginnerWrap--h1 {
  font-size: 2.14286em;
  line-height: 1.4em;
  margin-top: 0em;
  margin-bottom: 1.16667em;
  padding-bottom: 20px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px dashed #666666;
}
@media (max-width: 1199px) {
  .beginnerWrap--h1 {
    font-size: 1.28571em;
    line-height: 1.55556em;
    margin-top: 0em;
    margin-bottom: 1.94444em;
  }
}
.beginnerWrap--h2 {
  font-size: 3.14286em;
  line-height: 1.59091em;
  margin-top: 0.95455em;
  margin-bottom: 0em;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .beginnerWrap--h2 {
    font-size: 1.71429em;
    line-height: 1.16667em;
    margin-top: 0.875em;
    margin-bottom: 0em;
  }
}
.beginnerWrap--h3 {
  font-size: 1.42857em;
  line-height: 1.75em;
  margin-top: 1.4em;
  margin-bottom: 0em;
  font-weight: bold;
}
@media (max-width: 599px) {
  .beginnerWrap--h3 {
    font-size: 0.92857em;
    line-height: 1.61538em;
    margin-top: 0.53846em;
    margin-bottom: 0em;
  }
}
.beginnerWrap--p {
  font-size: 1.35714em;
  line-height: 1.84211em;
  margin-top: 1.47368em;
  margin-bottom: 1.47368em;
}
.beginnerWrap--p__lastChild {
  font-size: 1.35714em;
  line-height: 1.84211em;
  margin-top: 1.47368em;
  margin-bottom: 2.94737em;
}
@media (max-width: 599px) {
  .beginnerWrap--p {
    font-size: 0.85714em;
    line-height: 1.75em;
    margin-top: 1.16667em;
    margin-bottom: 2.33333em;
  }
}
.beginnerWrap--p a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.beginnerWrap--p a:hover {
  color: #5faee3;
}
.beginnerWrap--p__imgWrap {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 1199px) {
  .beginnerWrap--p__imgWrap {
    margin-bottom: 15px;
  }
}
@media (max-width: 1199px) {
  .beginnerWrap--p__imgWrap--img {
    max-width: 100%;
    height: auto;
  }
}
.beginnerWrap--p--green {
  color: #00a493;
}
.beginnerWrap--p--red {
  color: #f00;
}
.beginnerWrap--p--fwb {
  font-weight: bold;
}
.beginnerWrap--flow {
  margin-top: 40px;
  margin-bottom: 40px;
}
.beginnerWrap--flow--p {
  font-size: 1.35714em;
  line-height: 1.84211em;
  margin-top: 0.73684em;
  margin-bottom: 1.47368em;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 599px) {
  .beginnerWrap--flow--p {
    font-size: 0.92857em;
    line-height: 1.61538em;
    margin-top: 0.53846em;
    margin-bottom: 1.07692em;
  }
}
.beginnerWrap--flow--p--green {
  color: #00a493;
}
.beginnerWrap--flow--p--red {
  color: #f00;
}
.beginnerWrap--flow--p--fwb {
  font-weight: bold;
}
@media (max-width: 1199px) {
  .beginnerWrap--flow--p--br {
    display: none;
  }
}
@media (max-width: 1199px) {
  .beginnerWrap--flow--p--img {
    margin-top: 0;
    max-width: 100%;
    height: auto;
  }
}
.beginnerWrap--ul--li {
  font-size: 1.35714em;
  line-height: 1.84211em;
  margin-top: 0.73684em;
  margin-bottom: 0em;
  margin-left: 2em;
  list-style-type: disc;
}
.beginnerWrap--ul--li--fwb {
  font-weight: bold;
}
@media (max-width: 599px) {
  .beginnerWrap--ul--li {
    font-size: 0.92857em;
    line-height: 1.61538em;
    margin-top: 0.53846em;
    margin-bottom: 0em;
  }
}
.beginnerWrap--dl--dt {
  font-size: 1.71429em;
  line-height: 1.45833em;
  margin-top: 1.16667em;
  margin-bottom: 0em;
  font-weight: bold;
}
@media (max-width: 599px) {
  .beginnerWrap--dl--dt {
    font-size: 1em;
    line-height: 1.5em;
    margin-top: 1em;
    margin-bottom: 0em;
  }
}
.beginnerWrap--dl--dd {
  font-size: 1.35714em;
  line-height: 1.84211em;
  margin-top: 0.36842em;
  margin-bottom: 1.47368em;
  margin-left: 2em;
  word-break: break-all;
}
@media (max-width: 599px) {
  .beginnerWrap--dl--dd {
    font-size: 0.92857em;
    line-height: 1.61538em;
    margin-top: 0.53846em;
    margin-bottom: 0em;
  }
}
.beginnerWrap--dl--dd--p a {
  color: #3498db;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.beginnerWrap--dl--dd--p a:hover {
  color: #5faee3;
}
.beginnerWrap--comment {
  font-size: 1.07143em;
  line-height: 1.86667em;
  margin-top: 1.86667em;
  margin-bottom: 3.73333em;
  color: #4d4d4d;
}
@media (max-width: 599px) {
  .beginnerWrap--comment {
    font-size: 0.78571em;
    line-height: 1.90909em;
    margin-top: 1.27273em;
    margin-bottom: 2.54545em;
  }
}
.beginnerWrap--comment:last-child {
  margin-bottom: 0;
}
.beginnerWrap--naviList {
  margin-top: 50px;
  padding: 50px;
  background: #f7f7f7;
}
@media (max-width: 1199px) {
  .beginnerWrap--naviList {
    padding: 20px;
  }
}
.beginnerWrap--naviList--li {
  position: relative;
  list-style-type: none !important;
}
.beginnerWrap--naviList--li::before {
  font-size: 1.64286em;
  line-height: 1.52174em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-family: FontAwesome;
  content: "\f138";
  position: absolute;
  top: 0.7em;
  left: 0.7em;
}
@media (max-width: 1199px) {
  .beginnerWrap--naviList--li::before {
    font-size: 1.21429em;
    line-height: 1.64706em;
    margin-top: 0em;
    margin-bottom: 0em;
    left: 1em;
  }
}
.beginnerWrap--naviList--li--link {
  font-size: 1.64286em;
  line-height: 1.52174em;
  margin-top: 0em;
  margin-bottom: 0em;
  display: block;
  padding: 20px 20px 20px 60px;
  color: #333;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  text-decoration: none;
  font-weight: bold;
}
@media (max-width: 1199px) {
  .beginnerWrap--naviList--li--link {
    font-size: 1.21429em;
    line-height: 1.64706em;
    margin-top: 0em;
    margin-bottom: 0em;
    padding: 15px 15px 15px 45px;
  }
}
.beginnerWrap--naviList--li--link:hover {
  background: #fff;
}

.topBeginnerBtn {
  margin-top: -74px;
  margin-right: 40px;
  float: right;
}
@media (max-width: 1199px) {
  .topBeginnerBtn {
    float: none;
    margin-top: 20px;
    margin-right: 0;
    text-align: center;
  }
}
.topBeginnerBtn--link--img {
  max-width: 100%;
  height: auto;
}

.introjs-overlay {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g') !important;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.5))) !important;
  background: -moz-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) !important;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) !important;
  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) !important;
}

.introjs-button {
  margin-right: 0 !important;
  margin-left: 5px !important;
}

.introjs-prevbutton,
.introjs-nextbutton {
  -webkit-border-radius: .2em !important;
  -moz-border-radius: .2em !important;
  border-radius: .2em !important;
}

.introjs-prevbutton {
  border-right: 1px solid #d4d4d4 !important;
}

.introjs-nextbutton {
  border-left: 1px solid #d4d4d4 !important;
}

.introjs-disabled {
  display: none !important;
}

.introjs-tooltiptext strong {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0em;
  font-weight: bold;
  color: #333;
}
.introjs-tooltiptext span {
  color: #333;
}

.lowPriceHeaderWrap {
  background: #ffffff;
  margin: 0 -5000px;
  padding: 0 5000px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  background: #db4130;
}
.lowPriceHeaderWrap:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .lowPriceHeaderWrap {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.lowPriceHeaderWrap a {
  font-size: 1.28571em;
  line-height: 1.55556em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  background: #db4130;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.lowPriceHeaderWrap a:hover {
  background: #e3695b;
}

.saleNaveList {
  margin: 0 -500px;
  padding: 0 500px;
  position: relative;
  z-index: 99;
  *zoom: 1;
  margin-bottom: 35px;
  text-align: center;
}
.saleNaveList:after {
  content: "";
  display: table;
  clear: both;
}
@media (max-width: 1199px) {
  .saleNaveList {
    margin-left: 0;
    margin-right: 0;
    padding-left: 25px;
    padding-right: 25px;
  }
}
.saleNaveList--list {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}
.saleNaveList--list--link {
  font-size: 1.14286em;
  line-height: 1.75em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #333;
  font-weight: bold;
  text-decoration: none;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.saleNaveList--list--link:hover {
  color: #4d4d4d;
  text-decoration: underline;
}
.saleNaveList--list--link__sale {
  color: #db4130;
}
.saleNaveList--list--link__sale:hover {
  color: #e3695b;
}

.iqServerCampaign {
  margin-top: 50px;
  margin-bottom: 80px;
  /*clearfix*/
  /*大枠*/
  /*ヘッダ*/
  /*トップコンテンツ*/
  /*セカンドコンテンツ*/
  /*サードコンテンツ*/
  /*ラストコンテンツ*/
}
@media screen and (max-width: 480px) {
  .iqServerCampaign img {
    width: 100%;
    height: auto;
    box-sizing: border-box;
  }
}
.iqServerCampaign .clearfix:after {
  content: "";
  clear: both;
  display: block;
}
.iqServerCampaign .wrapper {
  background: #FFF;
  width: 960px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  .iqServerCampaign .wrapper {
    width: auto;
  }
}
.iqServerCampaign .header {
  width: 100%;
  height: 100px;
  background: #333;
  color: #FFF;
}
.iqServerCampaign .header h1 {
  padding: 20px 20px 10px 20px;
  font-size: 24px;
  font-weight: lighter;
}
.iqServerCampaign .header p {
  padding: 10px 20px 20px 20px;
}
.iqServerCampaign .lp_top {
  width: 100%;
  background: #FFF;
  color: #FFF;
  font-size: 15px;
  font-weight: lighter;
  border-bottom: 2px dashed orange;
}
.iqServerCampaign .signInTextWrap {
  text-align: center;
}
.iqServerCampaign .signInTextWrap_btn {
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.iqServerCampaign .signInTextWrap_btn:hover {
  opacity: 0.8;
}
.iqServerCampaign .lp_top_bottom_01 {
  margin-top: 35px;
  margin-left: 30px;
  float: left;
}
@media screen and (max-width: 480px) {
  .iqServerCampaign .lp_top_bottom_01 {
    margin-left: 0;
    float: none;
  }
}
.iqServerCampaign .lp_top_bottom_02 {
  float: right;
  margin-top: 20px;
  margin-right: 50px;
  margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
  .iqServerCampaign .lp_top_bottom_02 {
    float: none;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
  }
}
.iqServerCampaign .lp_second {
  width: 100%;
  background: #FFF;
  color: #333;
  font-size: 15px;
  font-weight: lighter;
}
.iqServerCampaign .aj10off {
  background: #FFF;
}
.iqServerCampaign .discounttext {
  margin-top: 5px;
  margin-right: 5%;
  margin-left: 5%;
  line-height: 1.74;
  text-align: center;
}
.iqServerCampaign .last {
  height: 203px;
  background: url(../img/last-bg.png) center center no-repeat #fff;
}
@media screen and (max-width: 480px) {
  .iqServerCampaign .last {
    height: auto;
    background-size: cover;
    padding-bottom: 20px;
  }
}
.iqServerCampaign .last_bnr {
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 480px) {
  .iqServerCampaign .last_bnr {
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 2%;
    width: 90%;
  }
}
.iqServerCampaign .last_btn {
  position: relative;
  top: -30px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.iqServerCampaign .last_btn:hover {
  opacity: 0.8;
}
@media screen and (max-width: 480px) {
  .iqServerCampaign .last_btn {
    position: static;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    display: block;
  }
}
.iqServerCampaign .toTopBtn {
  background: #3498db;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 0 auto;
  padding-bottom: 15px;
  padding-top: 15px;
  text-align: center;
  text-decoration: none;
  width: 290px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.iqServerCampaign .toTopBtn__lastBtn {
  margin-top: 55px;
  margin-right: 50px;
  float: right;
}
.iqServerCampaign .toTopBtn:hover {
  background: #5faee3;
}
@media screen and (max-width: 480px) {
  .iqServerCampaign .toTopBtn {
    font-size: 20px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    width: auto;
  }
  .iqServerCampaign .toTopBtn__lastBtn {
    margin-top: 5%;
    margin-right: 5%;
    margin-left: 5%;
    float: none;
  }
}
.iqServerCampaign #lpIqserver-registration-btn-01__logoin {
  position: relative;
  top: 5px;
}

/* -----
 Speech Bubble用スタイル
 -----*/
@keyframes whiteBtn {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
  }
  100% {
    -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    -webkit-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
}
@keyframes blackBtn {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.5);
  }
  100% {
    -moz-box-shadow: 0 0 0 20px transparent;
    -webkit-box-shadow: 0 0 0 20px transparent;
    box-shadow: 0 0 0 20px transparent;
  }
}
/* CSS Document */
.afiRec img {
  max-width: 100%;
}

.afiRec p {
  color: #384d6c;
}

.afiRec hr {
  border: dashed 0.5px #cccccc;
  margin-top: 35px;
  margin-bottom: 35px;
  clear: both;
}

.center-div {
  position: absolute;
  left: 40%;
  transform: translate(-50%, -50%);
}

.margin-top-350 {
  margin-top: 350px;
}

.clear-float {
  clear: left;
}

.top-mobile {
  text-align: center;
}

.mobile-cup {
  color: #EF292D;
  text-align: center;
}

.hide-for-mobile-cup {
  background-image: url(../img/common/asp_03.jpg);
  background-repeat: no-repeat;
  color: #EF292D;
  height: 427px;
  text-align: center;
}

.block-pic-4 {
  background-image: url(../img/common/asp_04.jpg);
  background-repeat: no-repeat;
  color: #EF292D;
  height: 420px;
  text-align: center;
}

.block-pic-4m {
  background-image: url(../img/common/asp_04m.jpg);
  background-repeat: no-repeat;
  color: #EF292D;
  height: 420px;
  text-align: center;
}

.block-text1 {
  background-image: url(../img/common/asp_05.jpg);
  background-repeat: no-repeat;
  color: #EF292D;
  height: 310px;
  text-align: center;
}

.block-text1m {
  color: #EF292D;
  height: auto;
  text-align: center;
}

.block-text2 {
  background-image: url(../img/common/asp_06.jpg);
  background-repeat: no-repeat;
  color: #4d4d4d;
  height: 420px;
  text-align: center;
}

.block-text2m {
  color: #4d4d4d;
  text-align: center;
  margin-top: 1px;
}

.block-small1 {
  margin-top: 25px;
  padding: 15px;
  width: 220px;
  height: 100px;
  border: red solid 3px;
  float: left;
  text-align: center;
  margin-left: 10%;
}

.block-small2 {
  margin-top: 25px;
  padding: 15px;
  width: 220px;
  height: 100px;
  border: #2980B9 solid 3px;
  float: left;
  text-align: center;
  margin-left: 10%;
}

.block-small3 {
  margin-top: 155px;
  padding: 15px;
  width: 320px;
  height: 170px;
  float: left;
  margin-left: 50px;
  text-align: left;
  font-size: 14px;
  line-height: 25px;
}

.block-small3m {
  padding: 15px;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
}

.animate {
  transition: all 0.1s;
  -webkit-transition: all 0.1s;
}

.action-button {
  position: relative;
  padding: 2px 40px;
  margin: 10px 10px 10px 40px;
  float: left;
  border-radius: 10px;
  font-family: 'Pacifico', cursive;
  font-size: 15px;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
}

.blue {
  background-color: #3498DB;
  border-bottom: 5px solid #2980B9;
  text-shadow: 0px -2px #2980B9;
}

.red {
  background-color: #E74C3C;
  border-bottom: 5px solid #BD3E31;
  text-shadow: 0px -2px #BD3E31;
}

.green {
  background-color: #82BF56;
  border-bottom: 5px solid #669644;
  text-shadow: 0px -2px #669644;
}

.yellow {
  background-color: #F2CF66;
  border-bottom: 5px solid #D1B358;
  text-shadow: 0px -2px #D1B358;
}

.action-button:active {
  transform: translate(0px, 5px);
  -webkit-transform: translate(0px, 5px);
  border-bottom: 1px solid;
}

.midashi {
  border-left: #1eadde solid 7px;
  border-bottom: #cccccc solid 1px;
  padding-left: 17px;
  margin-top: 20px;
  color: #384d6c;
  font-size: 20px;
  font-weight: bold;
}

.p-box {
  text-align: center;
  color: #384d6c;
  font-size: 14px;
  line-height: 25px;
  padding-top: 1px;
  padding-left: 20px;
  padding-right: 20px;
}

/*text rotate*/
.text-rotate1 {
  -ms-transform: rotate(7deg);
  /* IE 9 */
  -webkit-transform: rotate(9deg);
  /* Chrome, Safari, Opera */
  transform: rotate(-7deg);
  line-height: 22px;
}

/* Responsive */
/*top mobile */
@media (max-width: 1199px) {
  .top-mobile-hide {
    display: none;
  }
}
@media (max-width: 1199px) {
  .top-mobile {
    display: block;
  }
}
@media (min-width: 1200px) {
  .top-mobile {
    display: none;
  }
}
/*Mobile Cup*/
@media (max-width: 1199px) {
  .hide-for-mobile-cup {
    display: none;
  }
}
@media (max-width: 1199px) {
  .mobile-cup {
    display: block;
  }
}
@media (min-width: 1200px) {
  .mobile-cup {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-text1 {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-text1m {
    display: block;
  }
}
@media (min-width: 1200px) {
  .block-text1m {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-pic-4 {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-pic-4m {
    display: block;
  }
}
@media (min-width: 1200px) {
  .block-pic-4m {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-text2 {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-text2m {
    display: block;
  }
}
@media (min-width: 1200px) {
  .block-text2m {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-small3 {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-small3m {
    display: block;
  }
}
@media (min-width: 1200px) {
  .block-small3m {
    display: none;
  }
}
@media (max-width: 1199px) {
  .block-pic-4 {
    display: none;
  }
}
@media (max-width: 1199px) {
  .running-image-m {
    display: block;
  }
}
@media (min-width: 1200px) {
  .running-image-m {
    display: none;
  }
}
.sb-type-std {
  overflow: hidden;
  padding: 10px 20px;
  margin: 0;
  line-height: 1.5;
  color: #333333;
}

.sb-type-std > .sb-subtype-a:after,
.sb-type-std > .sb-subtype-b:after,
.sb-type-std > .sb-subtype-c:after,
.sb-type-std > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-std > .sb-subtype-a > .sb-speaker,
.sb-type-std > .sb-subtype-c > .sb-speaker {
  float: left;
  margin-right: -70px;
  width: 70px;
}

.sb-type-std > .sb-subtype-b > .sb-speaker,
.sb-type-std > .sb-subtype-d > .sb-speaker {
  float: right;
  margin-left: -70px;
  width: 70px;
}

.sb-type-std > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-std > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-std > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-std > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-std > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-std > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-std > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-std > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  height: 60px;
  width: 60px;
  border-radius: 5px;
}

.sb-type-std > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-std > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-std > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-std > .sb-subtype-d > .sb-speaker > .sb-name {
  overflow: hidden;
  text-align: center;
  font-size: 12px;
}

@media screen and (min-width: 721px) {
  .sb-type-std > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-std > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    margin-left: 80px;
  }
}
.sb-type-std > .sb-subtype-a > .sb-content:before {
  position: absolute;
  top: 9px;
  left: -6px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid solid solid none;
  border-width: 6px;
  border-color: transparent #CCCCCC;
  content: "";
}

.sb-type-std > .sb-subtype-a > .sb-content:after {
  position: absolute;
  top: 9px;
  left: -5px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid solid solid none;
  border-width: 6px;
  border-color: transparent #FFFFFF;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-std > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-std > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    margin-right: 80px;
  }
}
.sb-type-std > .sb-subtype-b > .sb-content:before {
  position: absolute;
  top: 9px;
  right: -6px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid none solid solid;
  border-width: 6px;
  border-color: transparent #CCCCCC;
  content: "";
}

.sb-type-std > .sb-subtype-b > .sb-content:after {
  position: absolute;
  top: 9px;
  right: -5px;
  z-index: 3;
  width: 0;
  height: 0;
  border-style: solid none solid solid;
  border-width: 6px;
  border-color: transparent #FFFFFF;
  content: "";
}

.sb-type-std > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-std > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 5px 10px;
  z-index: 2;
  background-color: #FFFFFF;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  border-radius: 5px;
  color: #333333;
}

@media screen and (min-width: 721px) {
  .sb-type-std > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-std > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    margin-left: 100px;
  }
}
.sb-type-std > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 10px;
  left: -17px;
  height: 12px;
  width: 12px;
  border: dashed 1px #909090;
  border-radius: 10px;
  content: "";
}

.sb-type-std > .sb-subtype-c > .sb-content:after {
  content: "";
  position: absolute;
  top: 20px;
  left: -28px;
  height: 8px;
  width: 8px;
  border: dashed 1px #909090;
  border-radius: 5px;
}

@media screen and (min-width: 721px) {
  .sb-type-std > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-std > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    margin-right: 100px;
  }
}
.sb-type-std > .sb-subtype-d > .sb-content:before {
  position: absolute;
  top: 10px;
  right: -17px;
  height: 12px;
  width: 12px;
  border: dashed 1px #909090;
  border-radius: 10px;
  content: "";
}

.sb-type-std > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -28px;
  height: 8px;
  width: 8px;
  border: dashed 1px #909090;
  border-radius: 5px;
  content: "";
}

.sb-type-std > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-std > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 5px 10px;
  margin-bottom: 20px;
  border: dashed 1px #909090;
  border-radius: 5px;
}

.sb-type-fb {
  overflow: hidden;
  padding: 5px 20px;
  margin: 0;
  line-height: 1.5;
  color: #333333;
}

.sb-type-fb > .sb-subtype-a:after,
.sb-type-fb > .sb-subtype-b:after,
.sb-type-fb > .sb-subtype-c:after,
.sb-type-fb > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-fb > .sb-subtype-a > .sb-speaker,
.sb-type-fb > .sb-subtype-c > .sb-speaker {
  float: left;
  margin-right: -70px;
  width: 70px;
}

.sb-type-fb > .sb-subtype-b > .sb-speaker,
.sb-type-fb > .sb-subtype-d > .sb-speaker {
  float: right;
  margin-left: -70px;
  width: 70px;
}

.sb-type-fb > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-fb > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-fb > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-fb > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-fb > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  height: 59px;
  width: 59px;
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  border-radius: 50%;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

.sb-type-fb > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-fb > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-fb > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-fb > .sb-subtype-d > .sb-speaker > .sb-name {
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}

@media screen and (min-width: 721px) {
  .sb-type-fb > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-fb > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 80px;
  }
}
.sb-type-fb > .sb-subtype-a > .sb-content:before {
  position: absolute;
  top: 23px;
  left: -6px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid solid solid none;
  border-width: 6px;
  border-color: transparent #CCCCCC;
  content: "";
}

.sb-type-fb > .sb-subtype-a > .sb-content:after {
  position: absolute;
  top: 23px;
  left: -5px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid solid solid none;
  border-width: 6px;
  border-color: transparent #FCFCFC;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-fb > .sb-subtype-b > .sb-content {
    padding-top: 14px;
    margin-left: 80px;
    margin-right: 80px;
    float: right;
    position: relative;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-fb > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-right: 80px;
  }
}
.sb-type-fb > .sb-subtype-b > .sb-content:before {
  position: absolute;
  top: 23px;
  right: -6px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid none solid solid;
  border-width: 6px;
  border-color: transparent #A8BFDF;
  content: "";
}

.sb-type-fb > .sb-subtype-b > .sb-content:after {
  position: absolute;
  top: 23px;
  right: -5px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid none solid solid;
  border-width: 6px;
  border-color: transparent #E4ECFF;
  content: "";
}

.sb-type-fb > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-fb > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  position: relative;
  z-index: 2;
  padding: 5px 10px;
  background-color: #FFFFFF;
  background: linear-gradient(#ffffff, #f2f2f2);
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  color: #333333;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.sb-type-fb > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  background-color: #E8F0FF;
  background: linear-gradient(#e8f0ff, #c8dfff);
  border-color: #A8BFDF;
}

@media screen and (min-width: 721px) {
  .sb-type-fb > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 100px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-fb > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 100px;
  }
}
.sb-type-fb > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -17px;
  height: 12px;
  width: 12px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
  background-color: #FFFFFF;
  background: linear-gradient(#ffffff, #f2f2f2);
  border: solid 1px #CCCCCC;
  border-radius: 10px;
  color: #333333;
  content: "";
}

.sb-type-fb > .sb-subtype-c > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -28px;
  height: 8px;
  width: 8px;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
  background-color: #FFFFFF;
  background: linear-gradient(#ffffff, #f2f2f2);
  border: solid 1px #CCCCCC;
  border-radius: 5px;
  color: #333333;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-fb > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-left: 80px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-fb > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-right: 100px;
  }
}
.sb-type-fb > .sb-subtype-d > .sb-content:before {
  position: absolute;
  top: 24px;
  right: -17px;
  height: 12px;
  width: 12px;
  background-color: #E8F0FF;
  background: linear-gradient(#e8f0ff, #c8dfff);
  border-color: #A8BFDF;
  border: solid 1px #A8BFDF;
  border-radius: 10px;
  content: "";
}

.sb-type-fb > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -27px;
  height: 8px;
  width: 8px;
  background-color: #E8F0FF;
  background: linear-gradient(#e8f0ff, #c8dfff);
  border-color: #A8BFDF;
  border: solid 1px #A8BFDF;
  border-radius: 5px;
  content: "";
}

.sb-type-fb > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-fb > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  z-index: 2;
  padding: 5px 10px;
  background-color: #FFFFFF;
  background: linear-gradient(#ffffff, #f2f2f2);
  border-style: solid;
  border-width: 1px;
  border-color: #CCCCCC;
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  color: #333333;
  text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.5);
}

.sb-type-fb > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  background-color: #E8F0FF;
  background: linear-gradient(#e8f0ff, #c8dfff);
  border-color: #A8BFDF;
}

.sb-type-fb-flat {
  overflow: hidden;
  padding: 5px 20px;
  margin: 0;
  line-height: 1.5;
  color: #333333;
}

.sb-type-fb-flat > .sb-subtype-a:after,
.sb-type-fb-flat > .sb-subtype-b:after,
.sb-type-fb-flat > .sb-subtype-c:after,
.sb-type-fb-flat > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-fb-flat > .sb-subtype-a > .sb-speaker,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker {
  float: left;
  margin-right: -70px;
  width: 70px;
}

.sb-type-fb-flat > .sb-subtype-b > .sb-speaker,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker {
  float: right;
  margin-left: -70px;
  width: 70px;
}

.sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  height: 60px;
  width: 60px;
  border-style: none;
  border-radius: 50%;
}

.sb-type-fb-flat > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-fb-flat > .sb-subtype-d > .sb-speaker > .sb-name {
  overflow: hidden;
  font-size: 12px;
  text-align: center;
  color: #666666;
}

@media screen and (min-width: 721px) {
  .sb-type-fb-flat > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-fb-flat > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 80px;
  }
}
.sb-type-fb-flat > .sb-subtype-a > .sb-content:before {
  position: absolute;
  top: 23px;
  left: -6px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid solid solid none;
  border-width: 6px;
  border-color: transparent #EEEEEE;
  content: "";
}

.sb-type-fb-flat > .sb-subtype-a > .sb-content:after {
  position: absolute;
  top: 23px;
  left: -5px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid solid solid none;
  border-width: 6px;
  border-color: transparent #EEEEEE;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-fb-flat > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-fb-flat > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-right: 80px;
  }
}
.sb-type-fb-flat > .sb-subtype-b > .sb-content:before {
  position: absolute;
  top: 23px;
  right: -6px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid none solid solid;
  border-width: 6px;
  border-color: transparent #5555FF;
  content: "";
}

.sb-type-fb-flat > .sb-subtype-b > .sb-content:after {
  position: absolute;
  top: 23px;
  right: -5px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid none solid solid;
  border-width: 6px;
  border-color: transparent #5555FF;
  content: "";
}

.sb-type-fb-flat > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-fb-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 5px 10px;
  z-index: 2;
  background-color: #EEEEEE;
  border-style: solid;
  border-width: 1px;
  border-color: #EEEEEE;
  border-radius: 4px;
  color: #333333;
}

.sb-type-fb-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  color: #FFFFFF;
  background-color: #5555FF;
  border-color: #5555FF;
}

@media screen and (min-width: 721px) {
  .sb-type-fb-flat > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 100px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-fb-flat > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 100px;
  }
}
.sb-type-fb-flat > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -17px;
  height: 12px;
  width: 12px;
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  border-radius: 10px;
  color: #333333;
  content: "";
}

.sb-type-fb-flat > .sb-subtype-c > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -28px;
  height: 8px;
  width: 8px;
  background-color: #EEEEEE;
  border-color: #EEEEEE;
  border-radius: 5px;
  color: #333333;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-fb-flat > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-left: 80px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-fb-flat > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-right: 100px;
  }
}
.sb-type-fb-flat > .sb-subtype-d > .sb-content:before {
  top: 24px;
  right: -17px;
  height: 12px;
  width: 12px;
  background-color: #5555FF;
  border-color: #5555FF;
  position: absolute;
  border-radius: 10px;
  content: "";
}

.sb-type-fb-flat > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -27px;
  height: 8px;
  width: 8px;
  background-color: #5555FF;
  border-color: #5555FF;
  border-radius: 5px;
  content: "";
}

.sb-type-fb-flat > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-fb-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  z-index: 2;
  padding: 5px 10px;
  background-color: #EEEEEE;
  border-style: solid;
  border-width: 1px;
  border-color: #EEEEEE;
  border-radius: 4px;
  color: #333333;
}

.sb-type-fb-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  background-color: #5555FF;
  border-color: #5555FF;
  color: #FFFFFF;
}

.sb-type-ln {
  overflow: hidden;
  padding: 10px 20px;
  margin: 0;
  line-height: 1.5;
  color: #333333;
}

.sb-type-ln > .sb-subtype-a:after,
.sb-type-ln > .sb-subtype-b:after,
.sb-type-ln > .sb-subtype-c:after,
.sb-type-ln > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-ln > .sb-subtype-a > .sb-speaker,
.sb-type-ln > .sb-subtype-c > .sb-speaker {
  float: left;
  position: relative;
  margin-right: -70px;
  width: 70px;
}

.sb-type-ln > .sb-subtype-b > .sb-speaker,
.sb-type-ln > .sb-subtype-d > .sb-speaker {
  float: right;
  position: relative;
  margin-left: -70px;
  width: 70px;
}

.sb-type-ln > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-ln > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-ln > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-ln > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-ln > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  height: 60px;
  width: 60px;
  border-style: none;
}

.sb-type-ln > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-d > .sb-speaker > .sb-name {
  position: absolute;
  overflow: hidden;
  top: 0;
  font-size: 12px;
  white-space: nowrap;
}

.sb-type-ln > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-c > .sb-speaker > .sb-name {
  left: 80px;
}

.sb-type-ln > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-ln > .sb-subtype-d > .sb-speaker > .sb-name {
  right: 80px;
}

@media screen and (min-width: 721px) {
  .sb-type-ln > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 26px;
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-ln > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 26px;
    margin-left: 80px;
  }
}
.sb-type-ln > .sb-subtype-a > .sb-content:before {
  position: absolute;
  top: 26px;
  left: -8px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid none none solid;
  border-width: 8px;
  border-color: #AAAAAA transparent;
  content: "";
}

.sb-type-ln > .sb-subtype-a > .sb-content:after {
  position: absolute;
  top: 27px;
  left: -6px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid none none solid;
  border-width: 8px;
  border-color: #F9F9F9 transparent;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-ln > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 26px;
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-ln > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 26px;
    margin-right: 80px;
  }
}
.sb-type-ln > .sb-subtype-b > .sb-content:before {
  position: absolute;
  top: 26px;
  right: -8px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid solid none none;
  border-width: 8px;
  border-color: #AAAAAA transparent;
  content: "";
}

.sb-type-ln > .sb-subtype-b > .sb-content:after {
  position: absolute;
  top: 27px;
  right: -6px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid solid none none;
  border-width: 8px;
  border-color: #CCFF88 transparent;
  content: "";
}

.sb-type-ln > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-ln > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  position: relative;
  z-index: 2;
  padding: 6px 12px;
  background-color: #FCFCFC;
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA #999999 #777777;
  border-radius: 15px;
  color: #333333;
}

.sb-type-ln > .sb-subtype-a > .sb-content > .sb-speech-bubble {
  border-radius: 0 15px 15px 15px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
}

.sb-type-ln > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  background-color: #BBFF77;
  border-radius: 15px 0 15px 15px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(90, 127, 60, 0.2) inset;
}

@media screen and (min-width: 721px) {
  .sb-type-ln > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 100px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-ln > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 100px;
  }
}
.sb-type-ln > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -17px;
  height: 12px;
  width: 12px;
  background-color: #FCFCFC;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
  border: solid 1px #ABABAB;
  border-radius: 10px;
  color: #333333;
  content: "";
}

.sb-type-ln > .sb-subtype-c > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -28px;
  height: 8px;
  width: 8px;
  background-color: #FCFCFC;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
  border: solid 1px #ABABAB;
  border-radius: 5px;
  color: #333333;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-ln > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-left: 80px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-ln > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-right: 100px;
  }
}
.sb-type-ln > .sb-subtype-d > .sb-content:before {
  position: absolute;
  top: 24px;
  right: -17px;
  height: 12px;
  width: 12px;
  background-color: #BBFF77;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(90, 127, 60, 0.2) inset;
  border: solid 1px #AAAAAA;
  border-radius: 10px;
  content: "";
}

.sb-type-ln > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -27px;
  height: 8px;
  width: 8px;
  background-color: #BBFF77;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(90, 127, 60, 0.2) inset;
  border: solid 1px #AAAAAA;
  border-radius: 5px;
  content: "";
}

.sb-type-ln > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-ln > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 6px 12px;
  z-index: 2;
  background-color: #FCFCFC;
  border-style: solid;
  border-width: 1px;
  border-color: #AAAAAA #999999 #777777;
  border-radius: 15px;
  color: #333333;
}

.sb-type-ln > .sb-subtype-c > .sb-content > .sb-speech-bubble {
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(0, 0, 0, 0.1) inset;
}

.sb-type-ln > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  background-color: #BBFF77;
  border-radius: 15px 15px 15px 15px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.4), 0 10px 10px rgba(255, 255, 255, 0.5) inset, 0 -10px 10px rgba(90, 127, 60, 0.2) inset;
}

.sb-type-ln-flat {
  overflow: hidden;
  padding: 10px 20px;
  margin: 0;
  line-height: 1.5;
  color: #333333;
}

.sb-type-ln-flat > .sb-subtype-a:after,
.sb-type-ln-flat > .sb-subtype-b:after,
.sb-type-ln-flat > .sb-subtype-c:after,
.sb-type-ln-flat > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-ln-flat > .sb-subtype-a > .sb-speaker,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker {
  float: left;
  position: relative;
  margin-right: -70px;
  width: 70px;
}

.sb-type-ln-flat > .sb-subtype-b > .sb-speaker,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker {
  float: right;
  position: relative;
  margin-left: -70px;
  width: 70px;
}

.sb-type-ln-flat > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-ln-flat > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-ln-flat > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln-flat > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  border-style: none;
  height: 60px;
  width: 60px;
}

.sb-type-ln-flat > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker > .sb-name {
  position: absolute;
  top: 0;
  overflow: hidden;
  font-size: 12px;
  white-space: nowrap;
}

.sb-type-ln-flat > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-c > .sb-speaker > .sb-name {
  left: 80px;
}

.sb-type-ln-flat > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-ln-flat > .sb-subtype-d > .sb-speaker > .sb-name {
  right: 80px;
}

@media screen and (min-width: 721px) {
  .sb-type-ln-flat > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 26px;
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-ln-flat > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 26px;
    margin-left: 80px;
  }
}
.sb-type-ln-flat > .sb-subtype-a > .sb-content:before {
  position: absolute;
  top: 26px;
  left: -8px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid none none solid;
  border-width: 8px;
  border-color: #EEEEEE transparent;
  content: "";
}

.sb-type-ln-flat > .sb-subtype-a > .sb-content:after {
  position: absolute;
  top: 27px;
  left: -6px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid none none solid;
  border-width: 8px;
  border-color: #EEEEEE transparent;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-ln-flat > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 26px;
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-ln-flat > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 26px;
    margin-right: 80px;
  }
}
.sb-type-ln-flat > .sb-subtype-b > .sb-content:before {
  position: absolute;
  top: 26px;
  right: -8px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid solid none none;
  border-width: 8px;
  border-color: #77DD66 transparent;
  content: "";
}

.sb-type-ln-flat > .sb-subtype-b > .sb-content:after {
  position: absolute;
  top: 27px;
  right: -6px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid solid none none;
  border-width: 8px;
  border-color: #77DD66 transparent;
  content: "";
}

.sb-type-ln-flat > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-ln-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  position: relative;
  z-index: 2;
  padding: 6px 12px;
  background-color: #EEEEEE;
  border-style: solid;
  border-width: 1px;
  border-color: #EEEEEE;
  border-radius: 15px;
  color: #333333;
}

.sb-type-ln-flat > .sb-subtype-a > .sb-content > .sb-speech-bubble {
  border-radius: 0 15px 15px 15px;
}

.sb-type-ln-flat > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  background-color: #77DD66;
  border-color: #77DD66;
  border-radius: 15px 0 15px 15px;
}

@media screen and (min-width: 721px) {
  .sb-type-ln-flat > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 100px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-ln-flat > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 100px;
  }
}
.sb-type-ln-flat > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -17px;
  height: 12px;
  width: 12px;
  background-color: #EEEEEE;
  border: solid 1px #EEEEEE;
  border-radius: 10px;
  color: #333333;
  content: "";
}

.sb-type-ln-flat > .sb-subtype-c > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -28px;
  height: 8px;
  width: 8px;
  background-color: #EEEEEE;
  border: solid 1px #EEEEEE;
  border-radius: 5px;
  color: #333333;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-ln-flat > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-left: 80px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-ln-flat > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-right: 100px;
  }
}
.sb-type-ln-flat > .sb-subtype-d > .sb-content:before {
  position: absolute;
  top: 24px;
  right: -17px;
  height: 12px;
  width: 12px;
  background-color: #77DD66;
  border: solid 1px #77DD66;
  border-radius: 10px;
  content: "";
}

.sb-type-ln-flat > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -27px;
  height: 8px;
  width: 8px;
  background-color: #77DD66;
  border: solid 1px #77DD66;
  border-radius: 5px;
  content: "";
}

.sb-type-ln-flat > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-ln-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  z-index: 2;
  padding: 6px 12px;
  background-color: #EEEEEE;
  border-style: solid;
  border-width: 1px;
  border-color: #EEEEEE;
  border-radius: 15px;
  color: #333333;
}

.sb-type-ln-flat > .sb-subtype-c > .sb-content > .sb-speech-bubble {
  border-radius: 15px 15px 15px 15px;
}

.sb-type-ln-flat > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  background-color: #77DD66;
  border-color: #77DD66;
  border-radius: 15px 15px 15px 15px;
}

.sb-type-pink {
  overflow: hidden;
  padding: 10px 20px;
  margin: 0;
  line-height: 1.5;
  color: #333333;
}

.sb-type-pink > .sb-subtype-a:after,
.sb-type-pink > .sb-subtype-b:after,
.sb-type-pink > .sb-subtype-c:after,
.sb-type-pink > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-pink > .sb-subtype-a > .sb-speaker,
.sb-type-pink > .sb-subtype-c > .sb-speaker {
  float: left;
  margin-right: -70px;
  width: 70px;
}

.sb-type-pink > .sb-subtype-b > .sb-speaker,
.sb-type-pink > .sb-subtype-d > .sb-speaker {
  float: right;
  margin-left: -70px;
  width: 70px;
}

.sb-type-pink > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-pink > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-pink > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-pink > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-pink > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-pink > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-pink > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-pink > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  height: 60px;
  width: 60px;
  border-radius: 10px;
}

.sb-type-pink > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-pink > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-pink > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-pink > .sb-subtype-d > .sb-speaker > .sb-name {
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  color: #FF0099;
}

@media screen and (min-width: 721px) {
  .sb-type-pink > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-pink > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    margin-left: 80px;
  }
}
.sb-type-pink > .sb-subtype-a > .sb-content:before {
  position: absolute;
  top: 10px;
  left: -6px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid solid solid none;
  border-width: 6px;
  border-color: transparent #FF0099;
  content: "";
}

.sb-type-pink > .sb-subtype-a > .sb-content:after {
  position: absolute;
  top: 10px;
  left: -3px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid solid solid none;
  border-width: 6px;
  border-color: transparent #FFF0F8;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-pink > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-pink > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    margin-right: 80px;
  }
}
.sb-type-pink > .sb-subtype-b > .sb-content:before {
  position: absolute;
  top: 10px;
  right: -6px;
  z-index: 1;
  height: 0;
  width: 0;
  border-style: solid none solid solid;
  border-width: 6px;
  border-color: transparent #FF0099;
  content: "";
}

.sb-type-pink > .sb-subtype-b > .sb-content:after {
  position: absolute;
  top: 10px;
  right: -3px;
  z-index: 3;
  height: 0;
  width: 0;
  border-style: solid none solid solid;
  border-width: 6px;
  border-color: transparent #FFF0F8;
  content: "";
}

.sb-type-pink > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-pink > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  position: relative;
  z-index: 2;
  padding: 5px 10px;
  background-color: #FFF0F8;
  border-style: solid;
  border-width: 2px;
  border-color: #FF0099;
  border-radius: 10px;
  color: #FF0099;
}

@media screen and (min-width: 721px) {
  .sb-type-pink > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 100px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-pink > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 100px;
  }
}
.sb-type-pink > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -17px;
  height: 10px;
  width: 10px;
  background-color: #FFF0F8;
  border: solid 2px #FF0099;
  border-radius: 8px;
  color: #333333;
  content: "";
}

.sb-type-pink > .sb-subtype-c > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -27px;
  height: 6px;
  width: 6px;
  background-color: #FFF0F8;
  border: solid 2px #FF0099;
  border-radius: 5px;
  color: #333333;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-pink > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-left: 80px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-pink > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-right: 100px;
  }
}
.sb-type-pink > .sb-subtype-d > .sb-content:before {
  position: absolute;
  top: 24px;
  right: -17px;
  height: 10px;
  width: 10px;
  background-color: #FFF0F8;
  border: solid 2px #FF0099;
  border-radius: 8px;
  content: "";
}

.sb-type-pink > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -27px;
  height: 6px;
  width: 6px;
  background-color: #FFF0F8;
  border: solid 2px #FF0099;
  border-radius: 5px;
  content: "";
}

.sb-type-pink > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-pink > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 5px 10px;
  z-index: 2;
  background-color: #FFF0F8;
  border-style: solid;
  border-width: 2px;
  border-color: #FF0099;
  border-radius: 10px;
  color: #FF0099;
}

.sb-type-rtail {
  overflow: hidden;
  line-height: 1.5;
  color: #333333;
  padding: 5px 20px;
  margin: 0;
}

.sb-type-rtail > .sb-subtype-a:after,
.sb-type-rtail > .sb-subtype-b:after,
.sb-type-rtail > .sb-subtype-c:after,
.sb-type-rtail > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-rtail > .sb-subtype-a > .sb-speaker,
.sb-type-rtail > .sb-subtype-c > .sb-speaker {
  float: left;
  margin-right: -70px;
  width: 70px;
}

.sb-type-rtail > .sb-subtype-b > .sb-speaker,
.sb-type-rtail > .sb-subtype-d > .sb-speaker {
  float: right;
  margin-left: -70px;
  width: 70px;
}

.sb-type-rtail > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-rtail > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-rtail > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-rtail > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-rtail > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-rtail > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-rtail > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-rtail > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  height: 60px;
  width: 60px;
  border-radius: 5px;
}

.sb-type-rtail > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-rtail > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-rtail > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-rtail > .sb-subtype-d > .sb-speaker > .sb-name {
  overflow: hidden;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 721px) {
  .sb-type-rtail > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-rtail > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    margin-left: 80px;
  }
}
.sb-type-rtail > .sb-subtype-a > .sb-content:before {
  position: absolute;
  top: -5px;
  left: -11px;
  z-index: 1;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #4FDCE2;
  content: "";
}

.sb-type-rtail > .sb-subtype-a > .sb-content:after {
  position: absolute;
  top: -16px;
  left: -15px;
  z-index: 2;
  height: 45px;
  width: 57px;
  border-radius: 15px;
  background: #FFFFFF;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-rtail > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    margin-right: 80px;
    margin-left: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-rtail > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    margin-right: 80px;
  }
}
.sb-type-rtail > .sb-subtype-b > .sb-content:before {
  position: absolute;
  top: -5px;
  right: -11px;
  z-index: 1;
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background: #4FDCE2;
  content: "";
}

.sb-type-rtail > .sb-subtype-b > .sb-content:after {
  position: absolute;
  top: -16px;
  right: -15px;
  z-index: 2;
  height: 45px;
  width: 57px;
  border-radius: 15px;
  background: #FFFFFF;
  content: "";
}

.sb-type-rtail > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-rtail > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 17px 11px;
  z-index: 3;
  background: #4FDCE2;
  border-radius: 5px;
}

@media screen and (min-width: 721px) {
  .sb-type-rtail > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 100px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-rtail > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 14px;
    margin-left: 100px;
  }
}
.sb-type-rtail > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -17px;
  height: 14px;
  width: 14px;
  background-color: #4FDCE2;
  border-color: #4FDCE2;
  border-radius: 14px;
  content: "";
}

.sb-type-rtail > .sb-subtype-c > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -28px;
  height: 9px;
  width: 9px;
  background-color: #4FDCE2;
  border-color: #4FDCE2;
  border-radius: 9px;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-rtail > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-left: 80px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-rtail > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 14px;
    margin-right: 100px;
  }
}
.sb-type-rtail > .sb-subtype-d > .sb-content:before {
  position: absolute;
  top: 24px;
  right: -17px;
  height: 14px;
  width: 14px;
  background-color: #4FDCE2;
  border-color: #4FDCE2;
  border-radius: 14px;
  content: "";
}

.sb-type-rtail > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -27px;
  height: 9px;
  width: 9px;
  background-color: #4FDCE2;
  border-color: #4FDCE2;
  border-radius: 9px;
  content: "";
}

.sb-type-rtail > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-rtail > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 5px 10px;
  z-index: 2;
  background-color: #4FDCE2;
  border-style: solid;
  border-width: 1px;
  border-color: #4FDCE2;
  border-radius: 4px;
}

.sb-type-rtail > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  background-color: #4FDCE2;
  border-color: #4FDCE2;
}

@media screen and (min-width: 721px) {
  .sb-type-drop {
    overflow: hidden;
    padding: 10px 20px;
    margin: 0;
    line-height: 1.5;
    color: #333333;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-drop {
    overflow: hidden;
    padding: 5px 10px;
    margin: 0;
    line-height: 1.5;
    color: #333333;
  }
}
.sb-type-drop > .sb-subtype-a:after,
.sb-type-drop > .sb-subtype-b:after,
.sb-type-drop > .sb-subtype-c:after,
.sb-type-drop > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-drop > .sb-subtype-a > .sb-speaker,
.sb-type-drop > .sb-subtype-c > .sb-speaker {
  float: left;
  position: relative;
  margin-right: -70px;
  width: 70px;
}

.sb-type-drop > .sb-subtype-b > .sb-speaker,
.sb-type-drop > .sb-subtype-d > .sb-speaker {
  float: right;
  position: relative;
  margin-left: -70px;
  width: 70px;
}

.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  height: 60px;
  width: 60px;
  border-radius: 5px;
}

.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-name {
  position: absolute;
  overflow: hidden;
  top: 0;
  font-size: 12px;
  white-space: nowrap;
}

.sb-type-drop > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-c > .sb-speaker > .sb-name {
  left: 80px;
}

.sb-type-drop > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-drop > .sb-subtype-d > .sb-speaker > .sb-name {
  right: 80px;
}

@media screen and (min-width: 721px) {
  .sb-type-drop > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 80px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-drop > .sb-subtype-a > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 80px;
  }
}
@media screen and (min-width: 721px) {
  .sb-type-drop > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-right: 80px;
    margin-left: 70px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-drop > .sb-subtype-b > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-right: 80px;
  }
}
.sb-type-drop > .sb-subtype-a > .sb-content > .sb-speech-bubble {
  float: left;
  padding: 10px 20px;
  margin-bottom: 6px;
  background: #D9E5FF;
  border-radius: 15px 33px 50px 50px / 0px 50px 50px 50px;
  border: solid 3px rgba(122, 122, 180, 0.3);
  box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.4);
}

.sb-type-drop > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  float: right;
  padding: 10px 20px;
  margin-bottom: 6px;
  background: #D9E5FF;
  border-radius: 50px 15px 50px 50px / 50px 0px 50px 50px;
  border: solid 3px rgba(122, 122, 180, 0.3);
  box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 721px) {
  .sb-type-drop > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 100px;
    margin-right: 80px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-drop > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    padding-top: 1.5em;
    margin-left: 100px;
  }
}
.sb-type-drop > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -16px;
  z-index: 3;
  height: 9px;
  width: 9px;
  background: #D9E5FF;
  border: solid 3px rgba(122, 122, 180, 0.3);
  border-radius: 9px;
  box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.4);
  content: "";
}

.sb-type-drop > .sb-subtype-c > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -27px;
  z-index: 2;
  height: 5px;
  width: 5px;
  background: #D9E5FF;
  border: solid 3px rgba(122, 122, 180, 0.3);
  border-radius: 5px;
  box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.4);
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-drop > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-left: 80px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-drop > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    padding-top: 1.5em;
    margin-right: 100px;
  }
}
.sb-type-drop > .sb-subtype-d > .sb-content:before {
  position: absolute;
  top: 24px;
  right: -16px;
  z-index: 5;
  height: 9px;
  width: 9px;
  background: #D9E5FF;
  border: solid 3px rgba(122, 122, 180, 0.3);
  border-radius: 9px;
  box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.4);
  content: "";
}

.sb-type-drop > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -27px;
  z-index: 4;
  height: 5px;
  width: 5px;
  background: #D9E5FF;
  border: solid 3px rgba(122, 122, 180, 0.3);
  border-radius: 5px;
  box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.4);
  content: "";
}

.sb-type-drop > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-drop > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 5px 10px;
  z-index: 3;
  background: #D9E5FF;
  border-style: solid;
  border-width: 2px;
  border: solid 3px rgba(122, 122, 180, 0.3);
  border-radius: 10px;
  box-shadow: 7px 7px 8px rgba(0, 0, 0, 0.4);
}

.sb-type-think {
  overflow: hidden;
  padding: 5px 20px;
  margin: 0;
  line-height: 1.5;
  color: #333333;
}

.sb-type-think > .sb-subtype-a:after,
.sb-type-think > .sb-subtype-b:after,
.sb-type-think > .sb-subtype-c:after,
.sb-type-think > .sb-subtype-d:after {
  display: block;
  clear: both;
  content: "";
}

.sb-type-think > .sb-subtype-a > .sb-speaker,
.sb-type-think > .sb-subtype-c > .sb-speaker {
  float: left;
  margin-right: -70px;
  width: 70px;
}

.sb-type-think > .sb-subtype-b > .sb-speaker,
.sb-type-think > .sb-subtype-d > .sb-speaker {
  float: right;
  margin-left: -70px;
  width: 70px;
}

.sb-type-think > .sb-subtype-a > .sb-speaker > .sb-icon,
.sb-type-think > .sb-subtype-b > .sb-speaker > .sb-icon,
.sb-type-think > .sb-subtype-c > .sb-speaker > .sb-icon,
.sb-type-think > .sb-subtype-d > .sb-speaker > .sb-icon {
  text-align: center;
  height: 60px;
}

.sb-type-think > .sb-subtype-a > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-think > .sb-subtype-b > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-think > .sb-subtype-c > .sb-speaker > .sb-icon > img.sb-icon,
.sb-type-think > .sb-subtype-d > .sb-speaker > .sb-icon > img.sb-icon {
  height: 60px;
  width: 60px;
  border-radius: 5px;
}

.sb-type-think > .sb-subtype-a > .sb-speaker > .sb-name,
.sb-type-think > .sb-subtype-b > .sb-speaker > .sb-name,
.sb-type-think > .sb-subtype-c > .sb-speaker > .sb-name,
.sb-type-think > .sb-subtype-d > .sb-speaker > .sb-name {
  overflow: hidden;
  font-size: 12px;
  text-align: center;
}

@media screen and (min-width: 721px) {
  .sb-type-think > .sb-subtype-a > .sb-content,
  .sb-type-think > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    margin-left: 100px;
    margin-right: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-think > .sb-subtype-a > .sb-content,
  .sb-type-think > .sb-subtype-c > .sb-content {
    float: left;
    position: relative;
    margin-left: 100px;
  }
}
.sb-type-think > .sb-subtype-a > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -17px;
  height: 15px;
  width: 15px;
  background: #D9E5FF;
  border-radius: 10px;
  content: "";
}

.sb-type-think > .sb-subtype-a > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -28px;
  height: 10px;
  width: 10px;
  background: #D9E5FF;
  border-radius: 5px;
  content: "";
}

.sb-type-think > .sb-subtype-c > .sb-content:before {
  position: absolute;
  top: 24px;
  left: -17px;
  height: 15px;
  width: 15px;
  background: #FFDDBB;
  border-radius: 10px;
  content: "";
}

.sb-type-think > .sb-subtype-c > .sb-content:after {
  position: absolute;
  top: 20px;
  left: -28px;
  height: 10px;
  width: 10px;
  background: #FFDDBB;
  border-radius: 5px;
  content: "";
}

@media screen and (min-width: 721px) {
  .sb-type-think > .sb-subtype-b > .sb-content,
  .sb-type-think > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    margin-right: 100px;
    margin-left: 100px;
  }
}
@media screen and (max-width: 720px) {
  .sb-type-think > .sb-subtype-b > .sb-content,
  .sb-type-think > .sb-subtype-d > .sb-content {
    float: right;
    position: relative;
    margin-right: 100px;
  }
}
.sb-type-think > .sb-subtype-b > .sb-content:before {
  position: absolute;
  top: 24px;
  right: -17px;
  height: 15px;
  width: 15px;
  background: #D9E5FF;
  border-radius: 10px;
  content: "";
}

.sb-type-think > .sb-subtype-b > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -28px;
  height: 10px;
  width: 10px;
  background: #D9E5FF;
  border-radius: 5px;
  content: "";
}

.sb-type-think > .sb-subtype-d > .sb-content:before {
  position: absolute;
  top: 24px;
  right: -17px;
  height: 15px;
  width: 15px;
  background: #FFDDBB;
  border-radius: 10px;
  content: "";
}

.sb-type-think > .sb-subtype-d > .sb-content:after {
  position: absolute;
  top: 20px;
  right: -28px;
  height: 10px;
  width: 10px;
  background: #FFDDBB;
  border-radius: 5px;
  content: "";
}

.sb-type-think > .sb-subtype-a > .sb-content > .sb-speech-bubble,
.sb-type-think > .sb-subtype-b > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 15px 10px;
  margin-bottom: 20px;
  background: #D9E5FF;
  border-radius: 15px;
}

.sb-type-think > .sb-subtype-c > .sb-content > .sb-speech-bubble,
.sb-type-think > .sb-subtype-d > .sb-content > .sb-speech-bubble {
  position: relative;
  padding: 15px 10px;
  margin-bottom: 20px;
  background: #FFDDBB;
  border-radius: 15px;
}

.sb-no-br br {
  display: none;
}

.sb-no-br p {
  margin: 0 0 0px;
}

.contensDisp .article img.sb-icon {
  border: none;
  padding: 0;
  background: none;
}

.consulHeaderLink {
  margin: 0 -5000px;
  padding: 0 5000px;
  height: 45px;
  line-height: 45px;
  z-index: 1003;
  background: #222222;
  text-align: center;
}
@media (max-width: 1199px) {
  .consulHeaderLink {
    margin: 0;
    line-height: 30px;
    padding: 10px;
    height: auto;
  }
}
.consulHeaderLink a {
  color: #ffff00;
  font-size: 1.3em;
  text-decoration: none;
}
.consulHeaderLink a:hover {
  color: #8e902b;
  transition: all 0.2s linear;
}

#a8sales {
  display: block;
  height: 0;
}

.testtesttest {
  margin-bottom: 0;
}

.pointHistoryTable {
  width: 880px;
  background: #fff;
  border: 1px solid #ccc;
  border-spacing: 0;
  border-collapse: collapse;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  table-layout: fixed;
  word-break: break-all;
}
@media (max-width: 1199px) {
  .pointHistoryTable {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .pointHistoryTable {
    display: block;
    border-bottom: none;
    border-left: none;
  }
}
@media (max-width: 599px) {
  .pointHistoryTable tbody {
    display: block;
    *zoom: 1;
  }
  .pointHistoryTable tbody:after {
    content: "";
    display: table;
    clear: both;
  }
}
.pointHistoryTable--th {
  background: #333;
  color: #fff;
  text-align: center;
  font-weight: normal;
}
.pointHistoryTable--td--date {
  text-align: center;
}
.pointHistoryTable--td--title {
  text-align: left;
}
.pointHistoryTable--td--expired {
  text-align: center;
}
.pointHistoryTable--td--addPoint {
  text-align: right;
  color: #388ee8;
}
.pointHistoryTable--td--usePoint {
  text-align: right;
  color: #ff6060;
}
@media (max-width: 599px) {
  .pointHistoryTable--td--date, .pointHistoryTable--td--title, .pointHistoryTable--th--date, .pointHistoryTable--th--title {
    width: 50%;
  }
}
@media (max-width: 599px) {
  .pointHistoryTable--td--expired, .pointHistoryTable--td--addPoint, .pointHistoryTable--td--usePoint, .pointHistoryTable--th--expired, .pointHistoryTable--th--addPoint, .pointHistoryTable--th--usePoint {
    width: 33.3333333%;
  }
}
.pointHistoryTable--th, .pointHistoryTable--td {
  height: 40px;
  padding: 5px 10px;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  font-size: 14px;
  line-height: 1.4;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 1199px) {
  .pointHistoryTable--th, .pointHistoryTable--td {
    vertical-align: middle;
  }
}
@media (max-width: 599px) {
  .pointHistoryTable--th, .pointHistoryTable--td {
    display: block;
    height: auto;
    float: left;
  }
}