@charset "UTF-8";
/*!────────────────────────────────────────
 * 共通CSS
 *────────────────────────────────────────*/
@import url(https://fonts.googleapis.com/css?family=GFS+Didot);
@import url("https://fonts.googleapis.com/css?family=Scheherazade");
@import url("https://fonts.googleapis.com/css?family=Montserrat:200,200i,300,300i,400,400i,500,500i,600,600i,700,700i");
.clearfix:after, .g_navi:after {
  content: "";
  display: block;
  clear: both;
}

article, aside, dialog, figure, footer, header, hgroup, hr, nav, section {
  display: block;
}

a, h1, h2, h3, h4, h5, h6, p {
  vertical-align: baseline;
  border: 0;
}

#sysMain .sysItemSearchForm select, select {
  -o-text-overflow: "";
  text-overflow: "";
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style-type: none;
  word-break: break-all;
}

input[type="submit"], button {
  -webkit-appearance: none;
}

address, article, aside, audio, b, blockquote, body, caption, cite, code, dd, del, dfn, dialog, div, dl, dt, em, fieldset, figure, footer, form, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, pre, q, samp, section, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

body, html {
  padding: 0 !important;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 0;
  outline: 0;
}

html {
  color: #3f3f3f;
  background: #efefef;
}

body {
  background: #fff;
  line-height: 120%;
  overflow-y: scroll;
  margin: 0 !important;
}

a, hr {
  padding: 0;
}

nav ul {
  list-style: none;
}

a {
  color: #464646;
  margin: 0;
  font-size: 100%;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
  vertical-align: bottom;
  border: 0;
  max-width: 100%;
  height: auto;
}

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

hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
}

input, select {
  vertical-align: middle;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, input, select {
    height: 100% !important;
  }
  /* IE11 */
  *::-ms-backdrop, .form-contact div#sysMain div.sysFormItem div.sysFormField input[type=text], .form-contact div#sysMain div.sysFormItem div.sysFormField textarea, .form-eccontact div#sysMain div.sysFormItem div.sysFormField input[type=text], .form-eccontact div#sysMain div.sysFormItem div.sysFormField textarea {
    padding: .7em 1em !important;
  }
}

#sysAll, #sysAside, #sysFooter, #sysHeader, #sysMain, body, html {
  width: 100%;
  max-width: none;
  float: none;
  padding: 0;
  margin: 0;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
}

.h_logo {
  float: left;
}

.header_common_bn .main_slider, .header_common_bn ul {
  float: left;
}

.sysContent {
  margin: 0 !important;
  padding: 0 !important;
}

a:hover img {
  opacity: 0.7;
}

a:hover img.nohover {
  opacity: 1;
}

.header_common_bn {
  max-width: 980px;
  overflow: hidden;
  margin: 0 auto;
}

.header_common_bn .main_slider {
  max-width: 780px;
  width: 79.591836734694%;
  margin-right: 2.040816326531%;
}

.header_common_bn ul {
  width: 18.367346938776%;
  padding-top: 1px;
}

.header_common_bn li {
  margin-bottom: 20px;
}

.header_sanai_h1, .header_swim_h1, .side_common_search .sysHeadline {
  margin-bottom: 10px;
}

.side_common_keyword .sysHeadline {
  border: none !important;
}

.side_common_search input[type=search] {
  width: 230px !important;
  height: 30px;
  padding-left: 30px;
  margin-bottom: 10px;
  color: #454545;
  border: 1px solid #e9e9e9;
  background: url("https://netshop.san-ai.com/img/layout/side/icon_search.png") 5px center no-repeat;
  background-size: 16px;
}

.side_common_search input[type=submit] {
  width: 230px;
  height: 30px !important;
  color: #fff;
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 700 !important;
  border: 0;
  background-color: #2c2925;
}

.side_northerly_search input[type=submit] {
  background-color: #e60161;
}

.main_newitem .sysHeadline span, .main_pickup .sysHeadline span, .main_ranking .sysHeadline span, .main_recommend .sysHeadline span, .main_swim_movie span, .side_swim_keyword .sysHeadline span, .side_swim_navi .sysHeadline span, .side_swim_search .sysHeadline span, .tab-cnt .sysHeadline span {
  color: #2c2925;
}

.main_northerly_newitem .sysHeadline span, .main_northerly_ranking2 .sysHeadline span, .main_northerly_ranking .sysHeadline span, .side_northerly_navi .sysHeadline span, .side_northerly_search .sysHeadline span, #northerly .main_thumbnail_list .sysHeadline span {
  color: #e60161;
}

.main_coralveil_newitem .sysHeadline span {
  color: #bfbfbf;
}

.main_coralveil_newitem_button p a {
  background: #bbb;
}

.main_coralveil_newitem_button p a:hover {
  background: #dadada !important;
}

.header_sanai_h1 {
  color: #000;
  text-align: center;
  background: #ffe0d5;
  padding: 5px 0;
}

.header_marbleink_h1 {
  color: #fff;
  padding: 5px 0;
  text-align: center;
}

.header_swim_h1 {
  color: #fff;
  padding: 5px 0;
  text-align: center;
  background: #e95364;
}

.header_northerly_h1, .header_northerly_h1_02 {
  color: #fff;
  text-align: center;
  background: #ee858c;
  padding: 5px 0;
  margin-bottom: 20px;
}

.header_marbleink_h1 {
  background: #936f62;
  margin-bottom: 20px;
}

#sysHeader .h_ttl {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  margin: 0;
  letter-spacing: 0.01em;
  height: 30px;
  line-height: 30px;
  background: #efefef;
  color: #222;
}

.h_logo {
  margin: 0 20px 0 0;
  padding-top: 10px;
  font-size: 8px;
  text-align: center;
  font-weight: 700;
}

#beachgoods .h_logo, #import .h_logo, #resortwear .h_logo, #sports .h_logo, #swimsuit .h_logo, #travel .h_logo {
  font-size: 4px;
}

.h_logo_swim {
  width: 180px;
}

.h_logo_ai {
  width: 62px;
}

.h_logo_macaron, .h_logo_northerly {
  width: 183px;
  margin-top: 10px;
}

.h_logo_reir {
  width: 80px;
}

.h_logo_seychelles {
  width: 100px;
  margin-top: 10px;
}

.h_logo_coralveil {
  width: 144px;
  margin-top: 5px;
}

.g_navi {
  max-width: 980px;
  margin: 0 auto;
}

.g_navi .h_g_navi, .g_navi .h_g_navi_common, .g_navi .northerly_h_g_navi {
  float: right;
  width: 760px;
}

.g_navi.flexnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.g_navi.flexnav .h_logo {
  float: none !important;
  text-align: center;
  width: 200px;
  margin: 0;
  padding: 5px 0;
}

.g_navi.flexnav .h_logo img {
  width: 140px;
  margin-bottom: 5px;
}

.g_navi.flexnav .h_logo span {
  display: block;
}

.g_navi.flexnav .h_g_navi, .g_navi.flexnav .h_g_navi_common, .g_navi.flexnav .northerly_h_g_navi {
  width: calc(100% - 200px);
  float: none !important;
}

.g_navi.flexnav .h_g_navi .sysContent, .g_navi.flexnav .h_g_navi_common .sysContent, .g_navi.flexnav .northerly_h_g_navi .sysContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.g_navi.flexnav .h_g_navi .sysContent .ttl, .g_navi.flexnav .h_g_navi_common .sysContent .ttl, .g_navi.flexnav .northerly_h_g_navi .sysContent .ttl {
  width: 450px;
  margin-right: 49px;
}

button.itemCount, button.itemCount2 {
  position: absolute;
  right: 15px;
  bottom: 28px;
  display: none;
  width: 16px;
  height: 16px;
  font-size: 10px;
  color: #fff;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background: #2c2925;
  border: 0;
  border-radius: 8px;
}

.h_g_navi .ttl, .h_g_navi_common .ttl, .northerly_h_g_navi .ttl {
  overflow: hidden;
  float: left;
  padding: 16px 0;
}

.h_g_navi .ttl ul, .h_g_navi_common .ttl ul, .northerly_h_g_navi .ttl ul {
  overflow: hidden;
  float: left;
}

.h_g_navi .ttl ul li, .h_g_navi_common .ttl ul li, .northerly_h_g_navi .ttl ul li {
  float: left;
  height: 30px;
}

.h_g_navi .ttl .guide01, .h_g_navi_common .ttl .guide01, .northerly_h_g_navi .ttl .guide01 {
  width: 220px;
  margin-right: 10px;
}

.h_g_navi .ttl .guide02, .h_g_navi_common .ttl .guide02, .northerly_h_g_navi .ttl .guide02 {
  width: 220px;
}

.header_nav li.cart {
  position: relative;
  z-index: 0;
}

.header_nav ul {
  float: right;
  overflow: hidden;
  border-left: 1px solid #efefef;
}

.header_nav_list li {
  float: left;
  width: 70px;
  font-size: 10px;
  text-align: center;
  font-weight: bolder;
  border-right: 1px solid #efefef;
}

.header_nav_list li a {
  position: relative;
  display: block;
  padding: 35px 0 10px;
}

.header_nav_list li a:hover {
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.header_nav_list li div {
  width: 284px;
  padding: 10px !important;
  border: 1px solid #efefef;
}

.header_nav_list li ul {
  border: 0;
}

.header_nav_list li li {
  float: none;
  width: 260px;
  margin: 0 auto;
  border-right: 0;
}

.header_nav_list li li a {
  padding: 10px 0 10px 35px;
  font-size: 13px;
  font-weight: 400;
  text-align: left;
  border-bottom: 1px solid #efefef;
  background-position: 10px center !important;
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
  text-align: center;
}

.h_g_navi_sp .header_nav li, .northerly_h_g_navi_sp .header_nav li, .h_g_navi_common_sp .header_nav li, .header_ai_cart_info .sysContent, .header_northerly_cart_info .sysContent {
  text-align: center;
}

.header_nav_list li li a:after {
  position: absolute;
  top: 10px;
  right: 5px;
  content: "▶";
  color: #2c2925;
  font-size: 70%;
}

ul.megamenu {
  list-style: none;
  display: none;
}

ul.megamenu li {
  margin: 0;
  padding: 0;
}

ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0;
  padding: 0;
  height: 0;
  font-size: 0;
  line-height: 0;
}

.h_g_navi_sp, .northerly_h_g_navi_sp, .h_g_navi_common_sp {
  margin: 0 auto;
}

.h_g_navi_sp .logo, .northerly_h_g_navi_sp .logo, .h_g_navi_common_sp .logo {
  margin: 0 auto;
}

ul.megamenu a.mm-item-link:link, ul.megamenu a.mm-item-link:visited {
  position: relative;
  text-decoration: none;
  z-index: 10;
}

* html ul.megamenu a.mm-item-link:link, * html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
}

ul.megamenu div.mm-item-content {
  display: none;
  background: #FFF;
  padding: 0;
  position: absolute;
  z-index: 10000;
  border: 1px solid #efefef;
  box-shadow: 1px 1px 2px #e7e7e7;
  -moz-box-shadow: 1px 1px 2px #e7e7e7;
  -webkit-box-shadow: 1px 1px 2px #e7e7e7;
}

.h_g_navi .header_nav_list li a:hover, .h_g_navi_common .header_nav_list li a:hover, .northerly_h_g_navi .header_nav_list li a:hover {
  color: #2c2925;
  background-color: #fff3f3 !important;
}

.h_g_navi .header_nav_list li.nav01 a, .h_g_navi_common .header_nav_list li.nav01 a, .northerly_h_g_navi .header_nav_list li.nav01 a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_member.png") center 10px no-repeat;
  background-size: 19px;
}

.h_g_navi .header_nav_list li.nav02 a, .h_g_navi_common .header_nav_list li.nav02 a, .northerly_h_g_navi .header_nav_list li.nav02 a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_mypage.png") center 10px no-repeat;
  background-size: 18px;
}

.h_g_navi .header_nav_list li.nav03 a, .h_g_navi_common .header_nav_list li.nav03 a, .northerly_h_g_navi .header_nav_list li.nav03 a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_cart.png") center 10px no-repeat;
  background-size: 26px;
}

.h_g_navi .header_nav_list li.nav04 a, .h_g_navi_common .header_nav_list li.nav04 a, .northerly_h_g_navi .header_nav_list li.nav04 a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_menu.png") center 10px no-repeat;
  background-size: 20px;
}

.h_g_navi .header_nav_list li li.campaign a, .h_g_navi_common .header_nav_list li li.campaign a, .northerly_h_g_navi .header_nav_list li li.campaign a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_campaign.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.guide a, .h_g_navi_common .header_nav_list li li.guide a, .northerly_h_g_navi .header_nav_list li li.guide a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_guide.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.first a, .h_g_navi_common .header_nav_list li li.first a, .northerly_h_g_navi .header_nav_list li li.first a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_first.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.faq a, .h_g_navi_common .header_nav_list li li.faq a, .northerly_h_g_navi .header_nav_list li li.faq a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_faq.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.exchange a, .h_g_navi_common .header_nav_list li li.exchange a, .northerly_h_g_navi .header_nav_list li li.exchange a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_exchange.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.size a, .h_g_navi_common .header_nav_list li li.size a, .northerly_h_g_navi .header_nav_list li li.size a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_size.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.contact a, .h_g_navi_common .header_nav_list li li.contact a, .northerly_h_g_navi .header_nav_list li li.contact a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_contact.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.shop a, .h_g_navi_common .header_nav_list li li.shop a, .northerly_h_g_navi .header_nav_list li li.shop a {
  background: url("http://www.netshop.san-ai.com/img/layout/header/ico_shop.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.blog a, .h_g_navi_common .header_nav_list li li.blog a, .northerly_h_g_navi .header_nav_list li li.blog a {
  background: url("http://www.netshop.san-ai.com/img/layout/header/ico_shopblog.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi .header_nav_list li li.info a, .h_g_navi_common .header_nav_list li li.info a, .northerly_h_g_navi .header_nav_list li li.info a {
  background: url("http://www.netshop.san-ai.com/img/layout/header/ico_info.png") center 10px no-repeat;
  background-size: 16px;
}

.h_g_navi_sp, .northerly_h_g_navi_sp, .h_g_navi_common_sp {
  position: relative;
  overflow: hidden;
  max-width: 980px;
  height: 65px;
}

.h_g_navi_sp .ttl, .northerly_h_g_navi_sp .ttl, .h_g_navi_common_sp .ttl {
  margin-bottom: 10px;
  padding: 20px 0;
}

.h_g_navi_sp .guide, .northerly_h_g_navi_sp .guide, .h_g_navi_common_sp .guide {
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 0 0 5px;
}

.h_g_navi_sp .guide li, .northerly_h_g_navi_sp .guide li, .h_g_navi_common_sp .guide li {
  display: inline-block;
  width: 40px;
  padding: 3px 1px;
}

.h_g_navi_sp .header_nav, .northerly_h_g_navi_sp .header_nav, .h_g_navi_common_sp .header_nav {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
}

.h_g_navi_sp .header_nav li, .northerly_h_g_navi_sp .header_nav li, .h_g_navi_common_sp .header_nav li {
  float: left;
  width: 50px;
  font-size: 10px;
  font-weight: bolder;
}

.h_g_navi_sp .header_nav li a, .northerly_h_g_navi_sp .header_nav li a, .h_g_navi_common_sp .header_nav li a {
  display: block;
  padding: 35px 0 10px;
}

.h_g_navi_sp .header_nav li.cart a, .northerly_h_g_navi_sp .header_nav li.cart a, .h_g_navi_common_sp .header_nav li.cart a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_cart.png") center 10px no-repeat;
  background-size: 22px;
}

.h_g_navi_sp .header_nav li.menu a, .northerly_h_g_navi_sp .header_nav li.menu a, .h_g_navi_common_sp .header_nav li.menu a {
  background: url("https://netshop.san-ai.com/img/layout/header/ico_menu.png") center 10px no-repeat;
  background-size: 18px;
}

.header_cart_info {
  margin-bottom: 0 !important;
  padding: 10px 0;
  font-size: 13px;
  background-color: #efefef;
}

.header_cart_info .sysContent {
  max-width: 800px;
  margin: 0 auto !important;
}

.header_cart_info dd, .header_cart_info dl, .header_cart_info dt {
  display: inline-block;
}

.header_cart_info dd span {
  color: #ff5080;
  font-weight: bolder;
}

.header_cart_info .sysCartInfoItemCount {
  padding-left: 30px;
  background: url("https://netshop.san-ai.com/img/layout/header/ico_cart.png") 0 center no-repeat;
  background-size: 24px;
  margin-right: 20px;
}

.header_cart_info .sysCartInfoTotalPrice {
  margin-right: 20px;
}

.header_swim_cart_info .sysContent {
  padding-left: 170px !important;
  background: url("https://netshop.san-ai.com/img/layout/header/swim/ico_freeshipping.png") 0 center no-repeat;
  background-size: 155px;
}

.header_northerly_cart_info dd span {
  color: #e5005e;
}

.header_navi_common .sysContent {
  max-width: 980px;
  margin: 0 auto !important;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
}

.header_navi_common ul {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.header_navi_common li {
  width: 14.28571428571429%;
  float: left;
  margin-bottom: 0 !important;
}

.header_navi_common li:first-child {
  background: url("https://netshop.san-ai.com/img/layout/header/swim/line_swim_nav.png") center left no-repeat;
}

.header_navi_common li li {
  background: 0 0 !important;
}

.header_navi_common li a {
  display: block;
  padding: 20px 0 !important;
  color: #3f3f3f;
  border: none !important;
  background: url("https://netshop.san-ai.com/img/layout/header/swim/line_swim_nav.png") center right no-repeat;
}

.header_ai_nav li a:hover, .header_swim_nav li a:hover {
  color: #2c2925;
  background-color: #fff3f3 !important;
}

.header_ai_nav, .header_swim_nav {
  border-bottom: 1px solid #ddd;
}

.header_navi_common li a:hover {
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.header_northerly_nav {
  border-bottom: 1px solid #e5005e;
}

.header_northerly_nav li a:hover {
  color: #e5005e;
  background-color: #fff3f3 !important;
}

.header_northerly_nav li:first-child {
  background: url("https://netshop.san-ai.com/img/layout/header/northerly/line_northerly_nav.png") center left no-repeat;
}

.header_northerly_nav li a {
  background: url("https://netshop.san-ai.com/img/layout/header/northerly/line_northerly_nav.png") center right no-repeat;
}

.header_northerly_nav li li {
  background: 0 0 !important;
}

.header_coralveil_nav {
  border-bottom: 1px solid #e5e5e5;
}

.header_coralveil_nav li {
  width: 25%;
}

.header_coralveil_nav li a:hover {
  background-color: #f9f9f9 !important;
}

.header_coralveil_nav li:first-child {
  background: url("https://netshop.san-ai.com/img/layout/header/coralveil/line_coralveil_nav.png") center left no-repeat;
}

.header_coralveil_nav li a {
  background: url("https://netshop.san-ai.com/img/layout/header/coralveil/line_coralveil_nav.png") center right no-repeat;
}

.header_coralveil_nav li li {
  background: 0 0 !important;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

input[type=search]:focus {
  outline-offset: -2px;
}

input[type=search]::-webkit-search-decoration {
  display: none;
}

.sysItemSearchFormCategory {
  display: none;
}

#sysMain .sysItemSearchForm {
  padding: 15px;
  margin-bottom: 20px;
  background: #e5e6e6;
  overflow: hidden;
}

#sysMain .sysItemSearchForm div {
  margin-bottom: 10px;
}

#sysMain .sysItemSearchForm .sysItemSearchFormCategory {
  display: block;
}

#sysMain .sysItemSearchForm .sysItemSearchAndOr {
  margin-left: 20px;
}

#sysMain .sysItemSearchForm select {
  height: 30px;
  line-height: 20px;
  border-radius: 0;
  -webkit-border-radius: 0;
  width: 150px;
  -webkit-appearance: none;
  text-indent: 0.01px;
  background-size: 15px 15px;
  padding-left: 5px;
}

#sysMain .sysItemSearchFormRange input {
  height: 30px !important;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

#sysMain .sysItemSearchFormWord input {
  height: 30px !important;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
  margin-right: 10px;
}

#sysMain input.sysSearchButton {
  display: block;
  width: 100%;
  background: url("/img/layout/header/icon_search.png") 15px center no-repeat #2f2f2f;
  background-size: 20px 20px;
  color: #FFF;
  cursor: pointer;
  font-size: 13px !important;
  font-weight: 700 !important;
  height: 30px !important;
  margin-top: 10px;
  padding: 0 0 0 30px;
  border: 0;
  border-radius: 0;
  -webkit-border-radius: 0;
}

#sysMain input.sysSearchButton:hover {
  background: url("/img/layout/header/icon_search.png") 15px center no-repeat #6b6b6b;
  background-size: 20px 20px;
}

.bx-wrapper {
  position: relative;
  padding: 0;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
}

.bx-wrapper .bx-viewport {
  -webkit-transform: translatez(0);
  -ms-transform: translatez(0);
  transform: translatez(0);
}

.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {
  position: absolute;
  bottom: -25px;
  width: 100%;
}

.bx-wrapper .bx-loading {
  min-height: 50px;
  background: url("https://netshop.san-ai.com/img/layout/main/bx_loader.gif") center center no-repeat #fff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.bx-wrapper .bx-pager {
  font-size: 0.85em;
  font-family: Arial;
  font-weight: 700;
  color: #666;
  padding-top: 20px;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
}

.bx-wrapper .bx-pager .bx-pager-item {
  display: inline-block;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #efefef;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #2c2925;
}

.main_northerly_slider .bx-wrapper .bx-pager.bx-default-pager a.active, .main_northerly_slider .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #e60161;
}

.bx-wrapper .bx-prev {
  left: 10px;
  background: url("https://netshop.san-ai.com/img/layout/main/controls.png") 0 -32px no-repeat;
}

.bx-wrapper .bx-next {
  right: 10px;
  background: url("https://netshop.san-ai.com/img/layout/main/controls.png") -43px -32px no-repeat;
}

.bx-wrapper .bx-prev:hover {
  background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
  background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url("https://netshop.san-ai.com/img/layout/main/controls.png") -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:hover {
  background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url("https://netshop.san-ai.com/img/layout/main/controls.png") -86px -44px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:hover {
  background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666 \9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: 0.85em;
  padding: 10px;
}

.main_topbutton,
.main_topbutton_swim {
  display: none;
  margin: 20px 0;
  position: fixed;
  bottom: 0;
  right: 20px;
  z-index: 1000;
}

.main_topbutton p,
.main_topbutton_swim p {
  width: 50px;
  height: 50px;
}

.main_search_all ul li a {
  height: 100%;
  display: block;
  text-decoration: none;
}

.sysFuncText.main_topbutton,
.sysFuncText.main_topbutton_swim {
  width: 50px;
}

.main_topbutton p a {
  height: 100%;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  font-weight: bolder;
  text-align: center;
  width: 50px;
  padding: 2px 6px;
  background: #2f2f2f;
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
}

.main_topbutton p a:before {
  content: "▲";
  font-size: 10px;
  display: block;
}

.main_topbutton p a:hover {
  background: #6b6b6b;
}

.main_topbutton_swim p a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  text-decoration: none;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  font-weight: bolder;
  text-align: center;
  width: 50px;
  padding: 2px 6px;
  background: #2f2f2f;
  border-radius: 5px;
  position: absolute;
  top: 0;
  right: 0;
}

.main_topbutton_swim p a:hover {
  background: #6b6b6b;
}

.main_search_all ul {
  overflow: hidden;
}

.main_search_all ul li {
  font-weight: bolder;
  text-align: center;
  line-height: 120%;
  float: left;
}

.main_search_all ul li a {
  width: 100%;
}

.sysAcceptHtmlMailmagazine {
  display: none;
}

.sysCart .header_sanai_logo ul, .sysCart .header_sns {
  display: none;
}

.sysMemberRegister .sysAcceptMailmagazine, .sysMypage #sysAside {
  display: none;
}

.main_swim_color ul li a, .main_swim_price ul li a, .main_swim_size ul li a {
  color: #fff;
  background: #e95364;
}

.main_northerly_color ul li a, .main_northerly_price ul li a {
  color: #fff;
  background: #e60161;
}

.main_northerly_size ul li a {
  color: #2f2f2f;
  background: #ffd5d5;
  border: 1px dotted #bfbfbf;
}

.main_northerly_size ul.size2 li a {
  color: #2f2f2f;
  background: #fff3f3;
}

.main_search_all ul li a:hover {
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}

.main_search_all ul li.white a {
  background: #fff;
  border: 1px solid #c3c3c3;
  color: #000;
}

.main_search_all ul li.gray a {
  background: #c3c3c3;
}

.main_search_all ul li.black a {
  background: #000;
}

.main_search_all ul li.brown a {
  background: #b07c32;
}

.main_search_all ul li.pink a {
  background: #ff8ca4;
}

.main_search_all ul li.red a {
  background: #ff3d3d;
}

.main_search_all ul li.orange a {
  background: #ffb85c;
}

.main_search_all ul li.yellow a {
  background: #fffd7f;
  color: #000;
}

.main_search_all ul li.green a {
  background: #6ce14d;
}

.main_search_all ul li.blue a {
  background: #578ee9;
}

.main_search_all ul li.lavender a, .main_search_all ul li.purple a {
  background: #eda4ff;
}

.main_search_all ul li.Khaki a, .main_search_all ul li.other a {
  background: #6f876d;
}

.main_search_all ul li.beige a {
  background: #fbdbad;
  color: #000;
}

.main_search_all ul li.ivory a {
  background: #fff8e1;
  color: #000;
}

.form-bottom, .sysOrderHistory, .test {
  margin: 20px 0;
}

.form-bottom ul li, .sysFormField label, .sysFormItem, .sysMypageMajorHeadLine, .sysMypageMinorHeadLine {
  margin-bottom: 10px;
}

.sysMypageNav .SysMypageMinorHeadLine, .sysMypageNav form {
  margin-bottom: 10px;
}

.sysFreeArea {
  padding-top: 20px;
}

#sysItemDetail .sysFreeArea {
  padding: 0 !important;
}

.maillink {
  padding: 15px;
  background: #ccc;
  width: 250px;
  text-align: center;
  margin: 10px 0;
  -webkit-box-shadow: 1px 1px 3px 0 #000;
  box-shadow: 1px 1px 3px 0 #000;
  border-radius: 5px;
  text-decoration: none;
}

.maillink a {
  text-decoration: none;
}

.maillink:hover {
  opacity: 0.8;
}

.sysFormLabel {
  color: #5f5f5f;
  font-size: 11px;
}

input[type=text] {
  width: 90%;
  height: 40px;
}

.sysNextSubmit {
  width: 90%;
  height: 50px;
  background-color: orange;
}

input[type=email], input[type=password], input[type=tel] {
  width: 90%;
  height: 40px;
}

.sysButton.btn {
  width: 90%;
  height: 40px;
  margin-top: 10px;
}

input[type=fax] {
  width: 90%;
  height: 40px;
}

select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 6px;
  width: 200px;
  height: 40px;
  line-height: 20px;
  text-indent: 0.01px;
  color: #FFF;
  border: 0;
  cursor: pointer;
  padding-left: 5px;
  background-size: 15px 15px;
}

#sysMemberRegisterIndex .sysAcceptHtmlMailmagazine, #sysMemberRegisterIndex .sysAcceptMailmagazine {
  content: "【注意】全て購読しない方は上記「購読する」のチェックのみを外してください。下記のカテゴリー選択チェックはそのままにしておいてください。全て外すと編集完了できません。";
  color: grey;
}

#sysMypageEditMember .sysAcceptMailmagazine:after {
  content: "【注意】全て購読しない方は上記「購読する」のチェックのみを外してください。下記のカテゴリー選択チェックはそのままにしておいてください。全て外すと編集完了できません。";
  color: grey;
}

.sysMemberRegister .ethna-error {
  color: red;
}

.domain {
  width: 85px !important;
}

.domain2 {
  width: 120px !important;
}

.sysFormField label {
  float: left;
  width: 100%;
  margin-bottom: 5px;
}

.sys1 .sysFormLabel, .sys1 .sysRequired {
  color: red;
  font-size: 17px;
}

.sys2 .sysFormLabel, .sys2 .sysRequired {
  color: red;
  font-size: 17px;
}

.form-preview .sys1 .sysFormLabel, .form-preview .sys2 .sysFormLabel {
  font-size: 11px;
  color: #5f5f5f;
}

.form-preview .sys1 .sysRequired, .form-preview .sys2 .sysRequired {
  font-size: 12px;
  color: #b00;
}

.sysCart h1 {
  color: #000;
}

.sysCart .footer_sanai_bn01 {
  padding-top: 20px;
}

.sysCart .sysCartTitle {
  color: #000;
  background: #fff;
  border-bottom: 1px solid #bfbfbf;
}

.sysAmazonNextSubmit, .sysNextSubmitArea .sysNextSubmit {
  font-weight: 700;
  background-color: #e6001a !important;
  -webkit-appearance: none;
}

.sysCart .sysBox {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.sysCart .sysSelectPaymentArea {
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #bfbfbf;
}

.sysCart .sysItemListArea {
  border-radius: 0;
  webkit-border-radius: 0;
}

.sysCart .sysAcceptDomainArea, .sysCart .sysDetail, .sysCart .sysItemListArea, .sysCart .sysOrder, .sysCart .sysProduct, .sysCart .sysRemarksArea, .sysCart .sysSelectDeliveryArea, .sysCart .sysSelectOptionArea {
  padding: 10px;
  border: 1px solid #bfbfbf;
}

.sysCart .sysAcceptDomainArea, .sysCart .sysDetail, .sysCart .sysOrder, .sysCart .sysProduct {
  margin-bottom: 20px;
}

.sysDetail .sysConfirmButton, .sysOrder .sysConfirmButton {
  width: auto;
}

.sysNavImg {
  text-align: center;
}

.sysNextSubmitArea .sysNextSubmit {
  height: 40px !important;
  border: none !important;
  color: #fff !important;
  font-size: 130% !important;
  margin: 0;
  position: relative;
  background-image: none !important;
  border-radius: 4px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: 0 1px 0 #c00c20 !important;
  box-shadow: 0 1px 0 #c00c20 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
}

.sysAmazonNextSubmit {
  height: 43px !important;
  color: #fff;
  border: none !important;
  border-radius: 4px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.cart_info dd span, .cart_pickup_box .sysHeadline span {
  color: #ff5080;
}

.sysNextSubmitAreaForUseAmazon {
  display: block;
  overflow: hidden;
  text-align: center;
}

.sysNextSubmitAreaForUseAmazon div {
  width: 200px !important;
  display: inline-block;
  vertical-align: top;
}

.form-user_service div#sysMain div.sys21 div.sysFormField input[type=text], .form-user_service div#sysMain div.sys21 label.sysFormLabel {
  display: none;
}

.sysItemList .sysCartButton {
  display: none;
}

#sysItemDetail .sysDescription span, #sysItemDetail .sysDescription tbody, #sysItemDetail .sysDescription td, #sysItemDetail .sysDescription th, #sysItemDetail .sysDescription tr {
  vertical-align: middle;
}

.remodal, .remodal-overlay:after {
  vertical-align: middle;
}

.sysCart #sysMain button {
  background-color: #e6e6e7;
  background-image: none;
  -webkit-appearance: none;
}

.sysCart #sysMain button[type=submit] {
  background-color: #e6e6e7;
  background-image: none;
  -webkit-appearance: none;
}

.sysCart #sysMain input[type=submit] {
  background-color: #e6e6e7;
  background-image: none;
  -webkit-appearance: none;
}

.sysCart #sysMain .cartpage_submit {
  height: 80px !important;
}

#sysConfirm #sysMain .sysOrder .sysTotal .sysBox:nth-child(2), #sysConfirm #sysMain .sysOrder .sysTotal .sysBox:nth-child(3) {
  border: 1px solid #ffe1e1;
  background-color: #fff3f3;
}

#sysConfirm #sysMain .sysOrder .sysTotal .sysBox:nth-child(2):before {
  content: "[ポイント]";
}

#sysConfirm #sysMain .sysOrder .sysTotal .sysBox:nth-child(3):before {
  content: "[クーポン]";
}

select {
  background: url("/img/arrow.png") right center/15px 15px no-repeat #acacac !important;
}

.sysItemList ul.sysList li.list_tile, .sysItemList ul.sysList li.list_tile2, .sysItemList ul.sysList li.list_tile3, .sysItemList ul.sysList li.list_tile4 {
  height: auto !important;
}

#sysMain .sysItemPrArea {
  width: 100%;
  overflow: hidden;
}

div.sysItemPrArea span.sysItemPr img {
  float: left;
  margin-left: 2.2%;
  margin-bottom: 2px;
}

div.sysItemPrArea span.pr_instagram img {
  float: left;
  width: 40% !important;
  margin-left: 2.2%;
  margin-bottom: 2px;
}

.cart_info .sysContent {
  padding: 15px !important;
  margin: 10px !important;
  font-size: 14px;
  font-weight: bolder;
  text-align: center;
  background-color: #fff;
  border: 1px solid #bfbfbf;
  border-radius: 3px;
}

#sysItemDetail .cart_info .sysContent {
  margin: 10px 0 !important;
}

.cart_info dd, .cart_info dt {
  display: inline;
}

.cart_pickup_box {
  margin-top: 30px;
}

.cart_pickup_box .sysHeadline {
  padding: 15px 0 5px !important;
  margin: 10px 0 !important;
  text-align: center;
  border-top: 2px solid #ccc;
  border-bottom: 1px dotted #ccc !important;
}

#sysThanks #sysMain .sysBox {
  padding: 10px;
  text-align: center;
  border: 1px solid #ccc;
}

#sysThanks #sysMain .sysBox .sysMemberAgreement {
  height: 120px;
  min-height: 200px;
}

#sysThanks #sysMain .sysCartNote {
  color: #3f3f3f;
}

#sysThanks #sysMain .sysBox div {
  margin-bottom: 5px;
}

.cart_completion {
  margin-top: 0;
  color: #3f3f3f;
  text-align: center;
}

.cart_completion .confirm_ttl {
  font-size: 22px !important;
}

.cart_completion a {
  padding: 5px 0;
  display: block;
}

.cart_completion p {
  font-size: 16px !important;
  margin-bottom: 5px;
  text-align: center;
  line-height: 1.5;
}

.cart_completion p strong {
  font-size: 16px !important;
  color: #333;
}

.cart_completion p strong.larger {
  display: inline;
  padding: 0 1px;
  font-size: 1.1em !important;
}

.cart_completion p strong.red {
  color: #db2111 !important;
}

.cart_completion p strong.gray {
  color: #333 !important;
}

.cart_completion p .line01 {
  border-bottom: solid 1px #000;
}

#sysThanks .frash_box {
  width: 100%;
  padding: 3px 0;
  margin: 20px 0;
  position: relative;
}

#sysThanks .frash_box p {
  text-align: center;
  position: relative;
  z-index: 2;
  margin: 20px 0;
  font-weight: bold;
}

#sysThanks .frash_box p span {
  letter-spacing: 1em;
  display: inline-block;
  text-indent: 0.5em;
}

#sysThanks .frash_box a {
  color: #ff5080 !important;
}

#sysThanks .frash_box:before {
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  content: '';
  top: 3px;
  left: 3px;
  position: absolute;
  z-index: 1;
  background: #eee;
}

#sysThanks .frash_box:after {
  width: 100%;
  height: 100%;
  content: '';
  top: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(0, #87b1c8), color-stop(60%, #87b1c8), to(#ff5080));
  background: -webkit-linear-gradient(left, #87b1c8 0, #87b1c8 60%, #ff5080 100%);
  background: -o-linear-gradient(left, #87b1c8 0, #87b1c8 60%, #ff5080 100%);
  background: linear-gradient(90deg, #87b1c8 0, #87b1c8 60%, #ff5080 100%);
  -webkit-animation: blink 0.75s ease-in-out infinite alternate;
  -moz-animation: blink 0.75s ease-in-out infinite alternate;
  animation: blink 0.75s ease-in-out infinite alternate;
}

#sysThanks .frash_txt {
  color: #ff5080 !important;
  display: block;
  font-weight: bold;
  font-size: 16px !important;
}

@-webkit-keyframes blink {
  0% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}

@keyframes blink {
  0% {
    opacity: 0.1;
  }
  to {
    opacity: 1;
  }
}

@media screen and (max-width: 660px) {
  #sysThanks #sysMain .sysFreeArea {
    padding-top: 10px;
  }
  #sysThanks #sysMain .sysBox {
    padding: 5px 10px !important;
  }
  #sysThanks #sysMain .sysBox .sysMemberAgreement {
    min-height: 140px;
  }
  .cart_completion .confirm_ttl {
    font-size: 4vw !important;
    font-weight: bold;
    text-align: center;
  }
  #sysThanks .frash_box {
    padding: 3px 10px;
    margin: 10px 0;
  }
  #sysThanks .frash_box p {
    text-align: center !important;
    font-size: 3.8vw !important;
  }
  #sysThanks .frash_box p font {
    display: block;
  }
  #sysThanks .frash_box p span {
    letter-spacing: 0.5em;
    text-indent: 0.25em;
  }
}

@media screen and (max-width: 640px) {
  #sysThanks #sysMain .sysBox {
    text-align: left;
  }
  .cart_completion p {
    margin-bottom: 0;
    text-align: left;
  }
  .cart_completion p .sp_none {
    display: none;
  }
}

#sysItemDetail .sysItemImages {
  width: 100%;
  position: relative;
  margin-top: 0;
  min-height: 600px;
}

#sysItemDetail .sysItemImages .sysImageDescription {
  display: block;
  height: 20px;
  line-height: 20px;
}

#sysItemDetail .sysMainImage {
  border: 1px solid #efefef;
}

#sysItemDetail #detail_form .sysHeadline {
  padding: 0 5px 3px !important;
  margin-bottom: 10px;
  font-size: 12px;
}

#sysItemDetail #detail_form .sysHeadline span {
  font-size: 18px !important;
}

#sysItemDetail .sysDescription {
  margin: 10px 0 0 50%;
}

#sysItemDetail .sysDescription a img {
  width: 60%;
  max-width: 220px;
  display: block;
  margin: 20px auto 0;
}

#sysItemDetail .pad_suggest {
  display: none;
}

#sysItemDetail .pad_suggest .sysHeadline {
  margin-bottom: 10px;
}

#sysItemDetail .pad_suggest ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

#sysItemDetail .pad_suggest ul li {
  float: none !important;
}

#sysItemDetail .pad_suggest ul li .sysItemImage {
  padding: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
}

#sysItemDetail .pad_suggest ul li .sysItemName, #sysItemDetail .pad_suggest ul li .sysItemPrice {
  font-size: 10px;
}

#sysItemDetail .sysExplanation .pad_suggest {
  display: block !important;
}

.sysItemImages .sysImageList li {
  width: 18.8%;
  height: auto;
  margin: 0.6%;
  cursor: pointer;
  float: left;
  text-align: center;
}

#sysItemDetail .sysItemId {
  text-align: right;
  margin: 20px 0 10px;
  font-size: 10px !important;
}

#sysItemDetail .sysReview {
  margin: 10px 0;
}

#sysItemDetail .sysReview span:first-child, #sysItemDetail .sysReview span:nth-child(2) {
  font-size: 110%;
}

#sysItemDetail .sysRetailPrice {
  font-size: 16px !important;
  text-align: right;
  margin: 10px 0 30px;
}

#sysItemDetail .sysRetailPrice .sysRetailPriceValue {
  font-size: 20px;
  margin-left: -15px;
}

#sysItemDetail .sysForm {
  margin: 15px 0 0 50%;
  text-align: right;
}

#sysItemDetail .sysForm #sysVariation {
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}

#sysItemDetail .sysForm #sysVariation .sysHeadline {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 0 5px 3px !important;
  background: #fff;
  width: 100%;
}

#sysItemDetail .sysForm #sysVariation .sysFormVariationTable {
  margin-top: 10px;
}

#sysItemDetail .sysFreeForm {
  max-width: 728px;
  text-align: right;
  margin: -10px auto 0;
}

#sysItemDetail .sysFreeForm .sysNextSubmit {
  width: 60%;
  height: 50px;
  margin: 0 0 20px;
  background: #f1f1f1;
  color: #565656;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: 700;
  border-radius: 3px;
}

#sysItemDetail .sysShippingCost {
  margin: 40px 0 0 49%;
}

#sysItemDetail .sysExplanation table img {
  height: auto;
}

#sysItemDetail .sysDescription table {
  width: 100% !important;
  margin-top: 5px;
}

#sysItemDetail table {
  width: 100% !important;
}

#sysItemDetail .sysDescription td {
  padding: 5px;
}

#sysItemDetail .sysDescription p {
  margin: 5px 0 10px;
}

#sysItemDetail select {
  display: inline-block;
  width: 75px;
  background: url() #f8f8f8 !important;
  border: 1px solid #a6a6a6 !important;
  color: #888;
  position: relative;
}

#sysItemDetail #sysSubmit input[type=submit] {
  border: 0;
  width: 100%;
  height: 70px;
  padding: 0 0 0 20px;
  color: #fff;
  font-size: 20px !important;
  font-weight: 700;
  cursor: pointer;
  margin: 25px 0 10px;
  background: url("/img/layout/header/icon_cart.png") 20% center no-repeat #af3737;
  background-size: 30px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow: 0 1px 0 #c00c20;
  box-shadow: 0 1px 0 #c00c20;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-appearance: none;
  margin-right: 3px !important;
}

#sysItemDetail #sysWishlist button[type=submit] {
  border: 0;
  width: 100%;
  height: 25px;
  padding: 0 0 0 13px;
  color: #fff;
  font-size: 13px !important;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  margin: 15px 0 0;
  -webkit-appearance: none;
  background: url("/img/icon_fav.png") 22% 50% no-repeat #888;
  margin-right: 3px !important;
}

#sysItemDetail #itemcaption {
  margin-top: 30px;
  text-align: left;
  font-size: 16px;
}

#sysItemDetail #itemcaption_left {
  margin: 30px auto;
}

#sysItemDetail #itemcaption .sysHeadline {
  padding: 0 3px 3px !important;
  margin-bottom: 10px;
}

#sysItemDetail #itemcaption_left .sysHeadline {
  padding: 0 3px 3px !important;
  margin-bottom: 10px;
}

#sysItemDetail #itemcaption_left p {
  margin-bottom: 10px;
  font-size: 12px;
}

#sysItemDetail #itemcaption p {
  margin-bottom: 10px;
  font-size: 12px;
}

#sysItemDetail .sysShare li {
  line-height: 6px;
}

#sysItemDetail .sysNumArea {
  margin-top: 10px;
}

#sysItemDetail .sysExplanation td {
  border: 0;
}

#sysItemDetail .sysFormVariationName {
  background-color: #fce8f0;
}

#sysItemDetail .sysSuggestedRetailPrice {
  font-size: small;
  text-align: right;
}

#sysItemDetail table, #sysItemDetail td, #sysItemDetail th, #sysItemDetail tr {
  padding: 3px !important;
  font-size: 11px !important;
  text-align: center;
  border-color: #eee !important;
}

#sysItemDetail th {
  font-weight: bolder;
  background-color: #eee !important;
  border-right: 1px solid #fff !important;
  border-bottom: 1px solid #fff !important;
}

#sysItemDetail th.size_ttl {
  background-color: #dbdbdb !important;
}

#sysItemDetail .item_detail_info {
  margin-bottom: 20px;
}

#sysItemDetail #sysDescriptionPc p, #sysItemDetail .description_left p, #sysItemDetail .description_right p {
  margin-bottom: 10px;
}

#sysItemDetail .description_left .embed-photosimile {
  position: relative;
  width: 470px;
  padding-bottom: 100%;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  overflow-x: hidden;
}

#sysItemDetail .description_right .embed-photosimile {
  position: relative;
  width: 470px;
  padding-bottom: 100%;
  margin: 0 auto;
  height: 0;
  overflow: hidden;
  overflow-x: hidden;
  margin-bottom: 20px;
}

@media screen and (max-width: 640px) {
  #sysItemDetail .sysFreeForm {
    max-width: 728px;
    text-align: right;
    margin: -10px auto 0;
  }
  #sysItemDetail .sysFreeForm .sysNextSubmit {
    width: 80%;
    height: 50px;
    margin: 0 0 20px;
    background: #f1f1f1;
    color: #565656;
    border: 1px solid #ccc;
    font-size: 14px;
    font-weight: 700;
    border-radius: 3px;
  }
}

.sysDescription .tags {
  margin-bottom: 20px;
}

#sysItemDetail .description_left .embed-photosimile div, #sysItemDetail .description_right .embed-photosimile div {
  overflow: hidden;
  width: 470px;
  height: 470px;
}

#sysItemDetail .description_left .embed-photosimile iframe, #sysItemDetail .description_right .embed-photosimile iframe {
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0.67143);
  -o-transform: scale(0.67143);
  -webkit-transform: scale(0.67143);
  -moz-transform: scale(0.67143);
  -ms-transform: scale(0.67143);
  -o-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
}

#sysItemDetail .sysNumArea .sysBtnPlus {
  border-color: #b9b9b9;
  background: url("/img/layout/item/btn_plus.png") center center no-repeat;
  background-size: 65px;
}

#sysItemDetail .sysNumArea .sysBtnMinus {
  border-color: #b9b9b9;
  background: url("/img/layout/item/btn_minus.png?7872") center center no-repeat;
  background-size: 90px;
}

#sysItemDetail .sysNumArea button {
  display: inline-block;
  width: 48%;
  background: #666;
  padding: 10px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
  text-indent: -9999px;
  margin: 0 5px 0 0 !important;
}

#sysItemDetail #sysWishlist {
  margin-bottom: 20px;
}

#sysItemDetail #sysWishlist .sysButton {
  display: block !important;
  overflow: hidden;
  text-indent: -999px;
  border: 1px solid #ccc !important;
  background: url("/img/layout/item/btn_favo.png") center center no-repeat #fff !important;
  background-size: 125px !important;
  height: 50px !important;
  margin: 0 auto 10px !important;
}

#sysItemDetail #sysWishlist .sysButton:hover {
  background-color: #efefef;
}

.sysDescription .tags li {
  display: inline-block;
  padding: 8px;
  margin-bottom: 5px;
  color: #ff92b0;
  font-size: 13px;
  font-weight: 700;
  border: 2px solid #ff92b0;
  background-color: #fff;
}

#sysItemReviewIndex div#sysMain {
  width: 100%;
}

.swimitem_recommend .sysContent .sysHorizontal li,
.relate_items_blk .sysContent .sysHorizontal li {
  width: 16.66666666666667%;
  padding: 10px;
  font-size: 11px;
  line-height: 1.3;
}

#sysItemDetail #sysItemDetail_hashira .sysDescription {
  width: 100%;
  float: none;
  margin-bottom: 30px !important;
}

#sysItemDetail #sysItemDetail_hashira .description_left {
  margin-bottom: 30px !important;
}

#sysItemDetail #sysItemDetail_hashira .item_detail {
  float: left;
  width: 47.959183673469%;
  margin: 0 0 30px !important;
}

#sysItemDetail #sysItemDetail_hashira .hashira_item {
  text-align: center;
}

#sysItemDetail #sysItemDetail_hashira .hashira_item p {
  margin-bottom: 20px;
}

.sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  display: inline;
  width: 100%;
}

#sysItemDetail td {
  border: 1px solid #333;
}

.form-user_service201808 div#sysMain,
.form-user_service div#sysMain {
  width: 100%;
  color: #000;
  font-size: 11px;
  margin: 0 auto;
}

.form-user_service201808 div#sysMain p,
.form-user_service div#sysMain p {
  width: 94%;
  margin: 0 auto;
  line-height: 1.5em;
}

.form-user_service201808 div#sysMain form,
.form-user_service div#sysMain form {
  width: 94%;
  margin: 0 auto;
}

.form-user_service201808 div#sysMain div.sysFormItem,
.form-user_service div#sysMain div.sysFormItem {
  width: 100%;
  margin: 20px 0 0;
  padding: 0;
  overflow: hidden;
  border-bottom: 1px dotted #000;
}

.form-user_service201808 div#sysMain div.sysFormItem label.sysFormLabel,
.form-user_service div#sysMain div.sysFormItem label.sysFormLabel {
  width: 100%;
  font-size: 12px;
  line-height: 17px;
  font-weight: bolder;
  color: #000;
  display: block;
  margin: 0 0 20px;
}

.form-user_service201808 div#sysMain div.sysFormField span.attention,
.form-user_service div#sysMain div.sysFormField span.attention {
  width: 100%;
  padding: 0 0 0 12px;
  margin: -20px 0 0;
  font-size: 11px;
  color: red;
  display: block;
}

.form-user_service201808 div#sysMain div.sysFormField p.ttl_sub1,
.form-user_service div#sysMain div.sysFormField p.ttl_sub1 {
  width: 100%;
  margin-top: 10px;
  padding: 0 0 0 10px;
  display: block;
}

.form-user_service201808 div#sysMain div.sysFormItem div.sysFormField label,
.form-user_service div#sysMain div.sysFormItem div.sysFormField label {
  width: 22%;
  float: left;
  padding: 10px 0;
  margin: 0 1.5% 20px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #CCC;
}

.form-user_service201808 div#sysMain div.sys2 div.sysFormField label, .form-user_service201808 div#sysMain div.sys3 div.sysFormField label, .form-user_service201808 div#sysMain div.sys5 div.sysFormField label, .form-user_service201808 div#sysMain div.sys7 div.sysFormField label, .form-user_service201808 div#sysMain div.sys8 div.sysFormField label, .form-user_service201808 div#sysMain div.sys9 div.sysFormField label, .form-user_service201808 div#sysMain div.sys15 div.sysFormField label,
.form-user_service div#sysMain div.sys2 div.sysFormField label,
.form-user_service div#sysMain div.sys3 div.sysFormField label,
.form-user_service div#sysMain div.sys5 div.sysFormField label,
.form-user_service div#sysMain div.sys7 div.sysFormField label,
.form-user_service div#sysMain div.sys8 div.sysFormField label,
.form-user_service div#sysMain div.sys9 div.sysFormField label,
.form-user_service div#sysMain div.sys15 div.sysFormField label {
  width: 47%;
  margin: 0 1.5% 20px;
  text-align: center;
}

.form-user_service201808 div#sysMain div.sys1 div.sysFormField label,
.form-user_service div#sysMain div.sys1 div.sysFormField label {
  width: 30.3%;
  margin: 0 1.5% 20px;
  text-align: center;
}

.form-user_service201808 div#sysMain div.sysFormItem div.sysFormField input[type=text],
.form-user_service div#sysMain div.sysFormItem div.sysFormField input[type=text] {
  padding: 0;
  -moz-border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffff', endColorstr='#f2f2f2');
  background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
  background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  -moz-background-clip: padding;
  font-size: 13px;
  width: 96%;
}

.form-user_service201808 div#sysMain div.sysFormItem div.sysFormField textarea,
.form-user_service div#sysMain div.sysFormItem div.sysFormField textarea {
  padding: 0;
  -moz-border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffff', endColorstr='#f2f2f2');
  background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
  background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  -moz-background-clip: padding;
  font-size: 13px;
  width: 96%;
  min-height: 0;
  margin: 0 2% 20px;
  border-radius: 10px;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2');
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
  background-image: -o-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(top, #fff, #f2f2f2);
  background-clip: padding-box;
  border: 1px solid #999;
}

.form-user_service201808 div#sysMain div.sysFormItem div.sysFormField input[type=text],
.form-user_service div#sysMain div.sysFormItem div.sysFormField input[type=text] {
  min-height: 30px;
  margin: 0 2% 20px;
  text-align: left;
  border-radius: 10px;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2');
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: -o-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(top, #fff, #f2f2f2);
  background-clip: padding-box;
  border: 1px solid #999;
}

.form-user_service201808 div#sysMain select,
.form-user_service div#sysMain select {
  margin: 0 2% 20px;
}

.form-user_service201808 div#sysMain button,
.form-user_service div#sysMain button {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  text-align: center;
  cursor: pointer;
  color: buttontext;
  padding: 5px 6px 6px;
  width: 96%;
  margin: 20px 2%;
  -moz-border-radius: 10px;
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffff', endColorstr='#f2f2f2');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2');
  background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
  background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
  background-image: -o-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(top, #fff, #f2f2f2);
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #999;
  font-size: 12px;
}

.form-user_service201808 div#sysMain input[type=button], .form-user_service201808 div#sysMain input[type=file]::-webkit-file-upload-button, .form-user_service201808 div#sysMain input[type=reset], .form-user_service201808 div#sysMain input[type=submit],
.form-user_service div#sysMain input[type=button],
.form-user_service div#sysMain input[type=file]::-webkit-file-upload-button,
.form-user_service div#sysMain input[type=reset],
.form-user_service div#sysMain input[type=submit] {
  -webkit-box-align: start;
  align-items: flex-start;
  text-align: center;
  cursor: pointer;
  color: buttontext;
  padding: 5px 6px 6px;
  width: 96%;
  margin: 0 2% 20px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr= '#ffffff', endColorstr='#f2f2f2');
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#f2f2f2');
  background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
  background-image: -ms-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
  background-image: linear-gradient(top, #fff, #f2f2f2);
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #999;
  font-size: 12px;
}

.form-user_service201808 div#sysMain div.sys21,
.form-user_service div#sysMain div.sys21 {
  margin-top: 20px;
  border-bottom: 0 solid #CCC;
}

.form-user_service201808 div#sysMain input[type=submit],
.form-user_service div#sysMain input[type=submit] {
  width: 100%;
  margin: 15px auto;
  height: 50px;
  color: #fff;
  background: #676767 !important;
  border: 0;
}

.form-user_service201808 div#sysMain input[type="checkbox"] {
  margin: -2px 2px 0 0;
}

.form-user_service201808 div#sysMain input[type="radio"] {
  margin: -2px 4px 0 0;
}

.form-user_service201808 div#sysMain div.sysFormItem .sysRequired {
  font-size: 12px;
  margin-top: -10px;
  display: block;
}

.form-user_service201808 div#sysMain div.sysFormItem label.sysFormLabel {
  margin-bottom: 30px;
}

.form-user_service201808 div#sysMain div.sysFormItem .sysFormField span.attention {
  margin: -40px 0 4px 0;
}

.form-user_service201808 div#sysMain div.sysFormItem.sys1 .sysRequired {
  color: #bb0000;
}

.form-user_service201808 div#sysMain div.sysFormItem.sys4 label.sysFormLabel,
.form-user_service201808 div#sysMain div.sysFormItem.sys6 label.sysFormLabel {
  margin-bottom: 20px;
}

.form-user_service201808 div#sysMain div.sysFormItem.sys4 .sysFormField span.attention,
.form-user_service201808 div#sysMain div.sysFormItem.sys6 .sysFormField span.attention {
  line-height: 20px;
  margin-top: -24px;
}

.form-user_service201808 div#sysMain div.sysFormItem.sys4 div.sysFormField label {
  width: 47%;
}

.form-contact div#sysMain {
  width: 100%;
  color: #000;
  font-size: 11px;
  margin: 0 auto;
}

.form-contact div#sysMain p {
  width: 94%;
  margin: 0 auto;
  line-height: 1.5em;
}

.form-contact div#sysMain form {
  width: 94%;
  margin: 0 auto;
}

.form-select .header_sanai_logo ul.site_logo_bn01 li:last-child, .form-select .header_sanai_logo ul.site_logo_bn02 {
  display: none;
}

.form-select .header_sns {
  display: none;
}

#sysFormConfirm.form-user_service div#sysMain .sysFormItem .sysFormField, #sysFormConfirm.form-user_service201808 div#sysMain .sysFormItem .sysFormField {
  margin-bottom: 20px;
}

#sysFormConfirm.form-user_service div#sysMain .sysFormItem .sysFormField label, #sysFormConfirm.form-user_service201808 div#sysMain .sysFormItem .sysFormField label {
  display: none;
}

.sysMemberRegister .header_sanai_logo ul.site_logo_bn01 li:last-child, .sysMemberRegister .header_sanai_logo ul.site_logo_bn02 {
  display: none;
}

.sysMemberRegister .header_sns {
  display: none;
}

.sysMypage .header_sanai_logo ul.site_logo_bn01 li:last-child, .sysMypage .header_sanai_logo ul.site_logo_bn02 {
  display: none;
}

.sysMypage .header_sns {
  display: none;
}

.form-contact div#sysMain div.sys10 div.sysFormField label {
  width: 47%;
  margin: 0 1.5% 20px;
  float: left;
  padding: 10px 0;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #CCC;
}

.form-contact div#sysMain div.sys11 div.sysFormField textarea {
  width: 96%;
  height: 120px;
  margin: 0 2% 20px;
}

.form-select .footer_sanai_bn01, .sysMemberRegister .footer_sanai_bn01, .sysMypage .footer_sanai_bn01 {
  padding-top: 20px;
}

#sysMypageEditDelivery.sysNextSubmit, #sysMypageEditMember.sysNextSubmit, .form-select div#sysMain .sysNextSubmit, .sysMemberRegister div#sysMain .sysNextSubmit {
  width: 100%;
  height: 40px;
  color: #fff;
  border: 0;
  text-align: center;
  position: relative;
  background-color: #e6001a !important;
  background-image: none !important;
  border-radius: 4px;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  -webkit-box-shadow: 0 1px 0 #c00c20 !important;
  box-shadow: 0 1px 0 #c00c20 !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
  -webkit-appearance: none;
}

.sysMypage h1 {
  color: #000;
}

#sysMemberRegisterIndex .sysButton {
  width: 100%;
  height: 40px;
  color: #fff;
  border: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

.sysMypage div#sysMain .sysButton, .sysMypage div#sysMain .sysLoginButton, .sysMypage div#sysMain .sysNextSubmit {
  width: 100%;
  height: 40px;
  color: #fff;
  border: 0;
  text-align: center;
  cursor: pointer;
  border-radius: 0;
  -webkit-border-radius: 0;
  -webkit-appearance: none;
}

#sysMemberRegisterIndex .sysButton {
  background: #676767 !important;
}

.sysMypage div#sysMain .sysButton, .sysMypage div#sysMain .sysLoginButton {
  background: #676767 !important;
}

#sysMypageLogin div#sysMain .sysButton, #sysMypageLogin div#sysMain .sysLoginButton {
  margin-bottom: 10px;
}

.sysMypage div#sysMain .sysNextSubmit {
  background-color: #e6001a !important;
  margin-bottom: 20px;
}

#sysMypageWithdrawalConfirm .sysButton {
  margin-bottom: 20px;
}

.sysMypage .sys_mailaddress, .sysMypage .sysLoginForm, .sysMypage .sysMypageNav, .sysMypage .sysOrderHistory {
  padding: 10px;
  border: 1px solid #bfbfbf;
}

.sysMypage .sysMypageNav {
  text-align: center;
  padding: 10px 10px 0;
  overflow: hidden;
}

.sysOrderList li {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #bfbfbf;
}

.sysOrderList li:last-child {
  border: 0;
}

#sysMypageReview .sysItemList .sysButton {
  font-size: 80%;
  width: 120px !important;
  height: 20px !important;
}

.faq_btn {
  width: 80%;
  text-align: center;
  margin: 0 auto;
}

.faq_btn a {
  display: block;
  font-weight: bolder;
  text-decoration: none;
  border: 1px solid #d6d6d6;
  background-color: #e5e6e6;
  margin: 10px 0;
  padding: 10px 0;
  position: relative;
}

#main_company #philosophy h3, #main_company dl {
  border-bottom: 1px dotted #bfbfbf;
}

#main_csr .csr_list h3, #main_tradelaw dl, .main_membership h3 {
  border-bottom: 1px dotted #bfbfbf;
}

.faq_btn a:hover {
  background-color: #d6d6d6;
}

.faq_btn a:after {
  content: "▶";
  font-size: 80%;
  position: absolute;
  right: 10px;
  top: 10px;
}

#faq .accordion dt:after, #faq .navi li a:after {
  content: "▼";
  right: 10px;
}

#shoplist .upper, .main_beginner ul li#total_coordinate {
  position: relative;
}

@media screen and (max-width: 480px) {
  div#swim_aq ul.trouble div p {
    height: auto !important;
  }
  div#swim_faq ul.faq div, div#swim_faq ul.scene div, div#swim_faq ul.faq div p, div#swim_faq ul.scene div p, div#swim_faq ul.trouble div {
    height: auto !important;
  }
}

div#member_policy {
  font-size: 12px !important;
  line-height: 1.8em !important;
}

div#member_policy section {
  margin: 0;
  padding: 0 1.5%;
}

div#member_policy section h3, div#member_policy section p {
  margin: 0;
  padding: 0;
}

div#member_policy section ol {
  margin: 0;
  padding: 10px 1.5% 0;
}

div#member_policy section ol li {
  margin: 0;
  padding: 10px 0 0;
}

#main_company h3 {
  margin-bottom: 5px;
}

#main_company #philosophy {
  padding: 0 10px;
}

#main_company #philosophy h3 {
  padding-bottom: 5px;
}

#main_company #philosophy p {
  margin-bottom: 10px;
}

#main_company #philosophy p:last-child {
  margin-bottom: 20px;
}

#main_company dl {
  overflow: hidden;
}

#main_company dl:nth-child(2n) {
  background: #e5e6e6;
}

#main_company dt {
  font-weight: bolder;
  padding: 10px 0 10px 20px;
}

#main_company dd {
  padding: 0 20px 10px;
}

#main_csr .csr_list h3, .main_membership h3 {
  font-size: 120%;
  margin: 30px 0 10px;
  padding: 0 0 5px 10px;
}

#main_csr .csr_list h4, .main_membership h4 {
  font-size: 110%;
  margin-bottom: 10px;
  padding: 10px;
  background: #e5e6e6;
}

#main_csr .csr_list p span.red, .main_membership p span.red {
  color: red;
  font-weight: bolder;
}

#main_tradelaw dl {
  overflow: hidden;
}

#main_tradelaw dl:nth-child(2n) {
  background: #ededed;
}

#main_tradelaw dt {
  font-weight: bolder;
  padding: 10px 0 10px 20px;
}

#main_tradelaw dd {
  padding: 0 20px 10px;
}

#shoplist .h2_lower01 {
  display: none;
}

#shoplist .box_lower_left01 ul, #shoplist .contentsIn {
  width: 100%;
  font-size: 11px;
  margin-bottom: 20px;
  overflow: hidden;
}

#shoplist .box_lower_left01 li img {
  width: 100%;
  border: 1px dotted #bfbfbf;
}

#shoplist .upper .tab li {
  text-align: center;
  display: inline-block;
}

#shoplist .upper .tab li a {
  color: #fff;
  display: block;
  padding: 2px 0;
  margin-right: 10px;
  text-decoration: none;
}

#shoplist #contents h3 {
  float: left;
}

#shoplist #contents h3 a {
  display: block;
  position: relative;
  margin-top: -6px;
}

#shoplist #contents ul {
  float: right;
}

#shoplist .box_tile02 {
  overflow: hidden;
}

#shoplist .box_shop01 ul.tab li a {
  background: #a6d7df;
}

#shoplist .box_shop02 ul.tab li a {
  background: #81695e;
}

#shoplist .box_shop03 ul.tab li a {
  background: #677c9a;
}

#shoplist .box_shop04 ul.tab li a {
  background: #b39b91;
}

#shoplist .box_shop05 ul.tab li a {
  background: #ed70a1;
}

#shoplist .box_shop06 ul.tab li a {
  background: #8b6357;
}

#shoplist .box_shop07 ul.tab li a {
  background: #6fc0a4;
}

#shoplist .shop_notice {
  display: block;
  font-size: 10px;
  color: #f677c5;
  line-height: 1.2;
}

#shoplist .dl_table01 dl.parent {
  overflow: hidden;
  border-bottom: 2px solid #bfbfbf;
}

#shoplist .dl_table01 dl.parent:first-child {
  border-top: 2px solid #bfbfbf;
}

#shoplist .dl_table01 dl.parent dd:last-child dl {
  overflow: hidden;
  padding: 10px 0;
  border-bottom: 1px dotted #bfbfbf;
}

#shoplist .dl_table01 dl.parent dd:last-child dl:last-child {
  border-bottom: 0;
}

#shoplist .dl_table01 dl.parent dd:last-child dl dt {
  font-weight: bolder;
}

#shoplist #sns02 {
  display: none;
}

#shoplist .ico_allYear01, #shoplist .ico_limited01 {
  display: block;
  margin-bottom: 5px;
  font-size: 10px;
  color: #fff;
  line-height: 1;
}

#shoplist .ico_allYear01 {
  width: 15px;
  height: 15px;
  background-image: url("/img/ico_pin01.gif");
  background-repeat: no-repeat;
  background-size: cover;
  text-indent: -10000px;
}

#shoplist .ico_limited01 {
  width: 4em;
  padding: 2px 4px;
  background-color: #f677c5;
}

#shoplist .b_notice {
  clear: both;
  padding: 0 0 10px;
  vertical-align: bottom;
}

#shoplist .b_notice [class^=ico] {
  display: inline-block;
}

.main_sanai_brands .brand_navi ul, .main_sanai_brands .list ul {
  overflow: hidden;
}

.main_sanai_brands .brand_navi li {
  font-weight: bolder;
  text-align: center;
  float: left;
}

.main_sanai_brands .brand_navi li a {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px dotted #bfbfbf;
}

.main_sanai_brands .brand_navi li a:hover {
  text-decoration: none;
}

.main_sanai_brands .brand_navi li span {
  font-weight: 400;
  font-family: 'GFS Didot', serif;
  display: block;
}

#faq .accordion dd span, #faq .top_text {
  font-weight: bolder;
}

.main_sanai_brands .brand_ttl, div#guide #main h3 {
  font-weight: bolder;
}

.main_sanai_brands .list li {
  text-align: center;
  float: left;
}

.main_sanai_brands .list li img {
  width: 100%;
  border: 1px solid #bfbfbf;
}

#faq .accordion dt, #faq .navi li a {
  border: 1px solid #e5e6e6;
  font-weight: bolder;
}

#guide .navi li a {
  border: 1px solid #e5e6e6;
  font-weight: bolder;
}

.main_sanai_brands .brand_ttl span {
  font-size: 160%;
  font-family: 'GFS Didot', serif;
  margin-right: 10px;
}

div#guide #main h3, div#size h2 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

.main_beginner {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  overflow: hidden;
}

.main_beginner #sysMain {
  overflow: hidden;
}

.main_beginner ul {
  margin: 0 auto;
}

.main_beginner ul li {
  width: 100%;
  margin: 0 auto 20px;
}

.main_beginner ul li#total_coordinate p.mizugi {
  width: 38.75%;
  position: absolute;
  left: 9.16666666667%;
  top: 83.33333%;
}

.main_beginner ul li#total_coordinate p.northerly {
  width: 38.75%;
  position: absolute;
  left: 52.0833333333%;
  top: 83.33333%;
}

.main_beginner ul li.ban_detail {
  position: relative;
}

.main_beginner ul li.ban_detail p.detail {
  width: 62.5%;
  position: absolute;
  left: 18.75%;
  top: 83.33333%;
}

.main_beginner ul li.ban_detail p.detail2 {
  max-width: 65%;
  width: 325px;
  position: absolute;
  right: 0;
  left: 0;
  top: 52%;
  margin: auto;
}

div#guide {
  width: 100%;
  float: left;
}

div#guide #main {
  width: 100%;
  float: left;
}

#faq {
  color: #2f2f2f;
}

#faq .navi {
  margin-bottom: 20px;
  overflow: hidden;
}

#faq .navi li {
  padding: 0 10px;
}

#faq .navi li a {
  display: block;
  text-decoration: none;
  padding: 5px 0 5px 40px;
  margin-bottom: 5px;
  position: relative;
}

#faq .navi li a:hover {
  background-color: #e5e6e6;
}

#faq .navi li a:after {
  font-size: 80%;
  position: absolute;
  top: 5px;
}

#faq .navi .faq01 a {
  background: url("/img/contents/qa/icon_ttl01.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .navi .faq02 a {
  background: url("/img/contents/qa/icon_ttl02.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .navi .faq03 a {
  background: url("/img/contents/qa/icon_ttl03.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .navi .faq04 a {
  background: url("/img/contents/qa/icon_ttl04.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .navi .faq05 a {
  background: url("/img/contents/qa/icon_ttl05.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .navi .faq06 a {
  background: url("/img/contents/qa/icon_ttl06.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .navi .faq07 a {
  background: url("/img/contents/qa/icon_ttl07.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .navi .faq08 a {
  background: url("/img/contents/qa/icon_ttl08.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .navi .faq09 a {
  background: url("/img/contents/qa/icon_ttl09.png") 10px center no-repeat #fafafa;
  background-size: 20px 20px;
}

#faq .top_text {
  color: #f39;
  font-size: 18px;
  text-align: center;
  margin-bottom: 20px;
}

#faq h3 {
  height: 38px !important;
  font-size: 17px;
  padding: 10px 0 0 50px;
  margin-bottom: 20px;
}

#faq .faq01 h3 {
  background: url("/img/contents/qa/icon_ttl01.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .faq02 h3 {
  background: url("/img/contents/qa/icon_ttl02.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .faq03 h3 {
  background: url("/img/contents/qa/icon_ttl03.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .faq04 h3 {
  background: url("/img/contents/qa/icon_ttl04.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .faq05 h3 {
  background: url("/img/contents/qa/icon_ttl05.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .faq06 h3 {
  background: url("/img/contents/qa/icon_ttl06.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .faq07 h3 {
  background: url("/img/contents/qa/icon_ttl07.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .faq08 h3 {
  background: url("/img/contents/qa/icon_ttl08.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .faq09 h3 {
  background: url("/img/contents/qa/icon_ttl09.png") 10px center no-repeat #fafafa;
  background-size: 33px 30px;
}

#faq .accordion {
  margin: 0 0 40px 40px;
}

#faq .accordion dt {
  font-size: 14px;
  padding: 10px 0 10px 50px;
  margin-bottom: 20px;
  background: url("/img/contents/qa/icon_q.png") 10px center no-repeat #fafafa;
  background-size: 26px 26px;
  cursor: pointer;
  position: relative;
}

#faq .accordion dt:after {
  font-size: 80%;
  position: absolute;
  top: 10px;
}

#faq .accordion dd {
  font-size: 13px;
  line-height: 160%;
  padding: 5px 0 5px 50px;
  margin: 0 0 30px;
  background: url("/img/contents/qa/icon_a.png") 10px top no-repeat;
  background-size: 26px 26px;
}

#faq .accordion dd li {
  margin-bottom: 10px;
}

#guide .navi {
  margin-bottom: 10px;
}

#faq .accordion dd .red {
  color: #f39;
}

#guide .navi {
  overflow: hidden;
}

div#guide {
  font-size: 12px;
  overflow: hidden;
}

div#guide #sysMain {
  overflow: hidden;
}

#guide .navi li {
  padding: 0 10px;
}

#guide .navi li a {
  display: block;
  text-decoration: none;
  padding: 5px 0 5px 10px;
  margin-bottom: 5px;
  position: relative;
  background: #fafafa;
}

#guide .navi li a:hover {
  background-color: #e5e6e6;
}

#guide .navi li a:after {
  content: "▶";
  font-size: 80%;
  position: absolute;
  top: 5px;
  right: 10px;
}

div#guide .style1 {
  color: #F39;
}

div#guide div {
  display: block;
}

div#guide p {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

div#guide #main h3 {
  margin: 3.013698630136986% 0 2.87612328767123%;
  padding: 15px;
  font-size: 14px;
  background: #e5e6e6;
  color: #000;
  text-align: left;
}

div#guide #main .outline h3:first-child {
  margin-top: 0;
}

div#guide #main div.inner {
  padding: 0 3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

#guide div.inner dl, #guide div.inner p {
  margin: 10px 0 0;
}

#guide div.inner ul {
  margin: 10px 0 0;
}

#guide div.inner ul ul {
  margin: 0;
}

#guide div.inner dl dd {
  margin-bottom: 1em;
}

#guide .inner div.calendar {
  width: 90%;
  padding: 0;
  margin: 20px auto;
  text-align: center;
}

#guide .inner div.calendar table {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  border-spacing: 0 !important;
}

#guide .inner div.calendar table#calendar01, #guide .inner div.calendar table#calendar02, #guide .inner div.calendar table#calendar03 {
  width: 100%;
  border: 1px solid #e3e3e3;
  border-collapse: collapse;
  border-spacing: 0;
}

#guide .inner div.calendar table#calendar01 th, #guide .inner div.calendar table#calendar02 th, #guide .inner div.calendar table#calendar03 th {
  padding: 5px;
  border: solid #e3e3e3;
  border-width: 0 0 1px 1px;
  background: #9f9fa0;
  color: #000;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

#guide .inner div.calendar table#calendar01 td, #guide .inner div.calendar table#calendar02 td, #guide .inner div.calendar table#calendar03 td {
  width: 14.2857142857%;
  padding: 5px;
  border: 1px solid #e3e3e3;
  border-width: 0 0 1px 1px;
  background: #fff;
  text-align: center;
  font-size: 12px;
}

#guide .inner div.calendar table#calendar01 td.ttl, #guide .inner div.calendar table#calendar02 td.ttl, #guide .inner div.calendar table#calendar03 td.ttl {
  padding: 5px;
  border: 1px solid #e3e3e3;
  border-width: 0 0 1px 1px;
  text-align: center;
  background: #e3e3e3;
  font-weight: 900;
}

#guide .inner div.calendar table#calendar01 td.holiday, #guide .inner div.calendar table#calendar01 td.c_pink, #guide .inner div.calendar table#calendar02 td.holiday, #guide .inner div.calendar table#calendar02 td.c_pink, #guide .inner div.calendar table#calendar03 td.holiday, #guide .inner div.calendar table#calendar03 td.c_pink {
  background: #FFCCCC;
}

#guide .inner div.calendar table#calendar01 td.c_blue, #guide .inner div.calendar table#calendar02 td.c_blue, #guide .inner div.calendar table#calendar03 td.c_blue {
  background: #CCF2FF;
}

#guide .inner div.calendar table#calendar01 td.c_yellow, #guide .inner div.calendar table#calendar02 td.c_yellow, #guide .inner div.calendar table#calendar03 td.c_yellow {
  background: #FFFFCC;
}

#guide .inner div.calendar table#calendar01 td.holiday02, #guide .inner div.calendar table#calendar02 td.holiday02, #guide .inner div.calendar table#calendar03 td.holiday02 {
  background: #aef;
}

#guide .inner div.calendar + p span.c_pink {
  color: #FFCCCC;
}

#guide .inner div.calendar + p span.c_blue {
  color: #CCF2FF;
}

#guide .inner div.calendar + p span.c_yellow {
  color: #FFFFCC;
}

#guide div.inner p.attention {
  width: 100%;
  float: left;
  overflow: hidden;
  padding: 0 0 0 1.36986301369863%;
  text-align: left;
}

#guide div.inner p.map {
  text-align: center;
}

div#size p {
  text-align: center;
}

#guide div.inner li {
  background: url("/img/layout/main/icon_list01.gif") 0 8px no-repeat;
  padding-left: 1.095890410958904%;
  margin-bottom: 1em;
}

#guide div.inner dl {
  background: url("/img/layout/main/line_dot_w.gif") left bottom repeat-x;
  margin-bottom: 1.5em;
  padding-bottom: 1em;
}

#guide div.inner dl.lastChild {
  background: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

#guide div.inner dl dt {
  margin-bottom: 1em;
  font-weight: 700;
}

#guide div.inner h4 span {
  font-weight: bolder;
}

div#size h2 {
  font-weight: bolder;
}

#guide div.inner dl dd ul {
  border-bottom: 1px solid #000;
  width: 30em;
  margin: 0.5em 0;
  padding: 0;
}

#guide div.inner dl dd ul.lineList li {
  background: 0;
  padding: 0.5em 0 0;
  border-top: 1px solid #000;
  margin-bottom: 0.5em;
}

#guide div.inner h4, #guide div.inner p.attention02 {
  padding: 0 0 0 2.55102%;
}

#guide div.inner dl li {
  margin-bottom: 0;
}

#guide div.inner h4 {
  width: 100%;
  margin: 0 0 5px;
}

#guide div.inner h4 span.pink {
  color: #F69;
}

#guide div.inner h4 span.green {
  color: #6C0;
}

#guide div.inner h4 span.blue {
  color: #09F;
}

#guide div.inner p.map {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

div#size {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  font-size: 13px;
  max-width: 730px;
}

div#size #main {
  width: 100%;
  float: left;
}

div#size h2 {
  text-align: left;
  background: #5a5858;
  padding: 15px;
  font-size: 14px;
  color: #fff;
  vertical-align: baseline;
}

div#size h2 span {
  font-family: 'GFS Didot', serif;
  font-size: 22px;
  margin: 0 10px 0 0;
}

#size .outline #no00 {
  width: 100%;
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 0;
}

#size .outline #no00 .main01 {
  width: 100%;
  float: left;
  overflow: hidden;
  padding: 0;
  margin-top: 10px;
}

#size .outline #no00 .bana01 {
  width: 100%;
  padding: 1.02040816327%;
  margin: 5.10204081633% 0 1.5%;
  font-size: 13px;
  border-bottom: 1px solid #bfbfbf !important;
  font-weight: bolder;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  vertical-align: baseline;
  overflow: hidden;
}

#size .outline #no00 .sw_size2, #size .outline #no00 .sw_size4, #size .outline #no00 .sw_size6, #size .outline #no00 .sw_size7, #size .outline #no00 p.bana02 {
  width: 100%;
  text-align: center;
  padding: 0 0 2.8169%;
}

table#swim_size {
  border: 1px solid #e3e3e3;
}

table#swim_size td {
  border: 1px solid #e3e3e3;
}

table#swim_size td.ttl {
  border: 1px solid #e3e3e3;
}

#size .outline #no00 .bana01 span {
  font-family: 'GFS Didot', serif;
  font-size: 18px;
  margin: 0 10px 0 0;
  color: #000;
}

#size .outline #no00 p.bana02 {
  float: left;
  overflow: hidden;
  margin: 0;
}

div.apparel_size, div.resort_size {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#size .outline #no00 .sw_size7 {
  padding: 2.8169% 0 0;
}

div.resort_size {
  width: 90%;
}

div.resort_size img:not(:target) {
  width: 100%;
}

div.apparel_size ul, div.resort_size ul {
  float: left;
  left: 50%;
  position: relative;
}

div.apparel_size li, div.resort_size li {
  position: relative;
  left: -50%;
  float: left;
  width: 50%;
}

@-moz-document url-prefix() {
  div.resort_size img {
    width: 100%;
  }
}

#size .outline #no00 .model {
  width: 100%;
  float: left;
  padding: 0;
  margin: 20px auto 0;
  overflow: hidden;
}

#size .outline #no00 .model1, #size .outline #no00 .model2 {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0 0 10px;
  position: relative;
}

#size .outline #no00 .model1 img, #size .outline #no00 .model2 img {
  width: 55%;
  vertical-align: middole;
}

#size .outline #no00 .model1 p.model_detail, #size .outline #no00 .model2 p.model_detail {
  width: 41%;
  padding: 0;
  display: block;
  font-size: 100%;
  text-align: left;
  float: right;
  position: absolute;
  left: 57%;
  top: 40%;
}

table#inner_size1 td, table#inner_size1 th {
  text-align: center;
  padding: 5px;
}

table#swim_size td {
  text-align: center;
  padding: 5px;
}

table#swim_size td.ttl {
  text-align: center;
  padding: 5px;
}

table#swim_size th {
  text-align: center;
  padding: 5px;
}

table#inner_size1, table#inner_size2 {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table#swim_size {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table#swim_size th {
  border: solid #e3e3e3;
  border-width: 0 0 1px 1px;
  background: #e95364;
  color: #fff;
  font-weight: 700;
  line-height: 120%;
}

table#swim_size td {
  width: 20%;
  border-width: 0 0 1px 1px;
  background: #fff;
  font-size: 12px;
}

table#swim_size td.ttl {
  border-width: 0 0 1px 1px;
  background: #fbfbfb;
  font-weight: 900;
  font-size: 10px;
}

table#inner_size1 {
  border: 1px solid #e3e3e3;
}

table#inner_size1 td {
  border: 1px solid #e3e3e3;
}

table#swim_size td.ttl2 {
  font-weight: 900;
  background: #fff;
}

table#inner_size1 th {
  border: solid #e3e3e3;
  border-width: 0 0 1px 1px;
  background: #e95364;
  color: #fff;
  font-weight: 700;
  line-height: 120%;
}

table#inner_size1 td {
  width: 16.6666666667%;
  border-width: 0 0 1px 1px;
  background: #fff;
  font-size: 12px;
}

table#inner_size1 td.ttl, table#inner_size1 td.ttl_white {
  border: 1px solid #e3e3e3;
  color: #e95364;
  text-align: center;
  padding: 5px;
  border-width: 0 0 1px 1px;
}

table#inner_size1 td.ttl {
  background: #ffe9e5;
  font-weight: 900;
  font-size: 10px;
}

table#inner_size1 td.ttl2, table#inner_size1 td.ttl3, table#inner_size1 td.ttl_white {
  font-weight: 900;
  background: #fbfbfb;
}

table#inner_size2 {
  border: 1px solid #e3e3e3;
}

table#inner_size2 td {
  border: 1px solid #e3e3e3;
}

table#inner_size2 td.ttl {
  border: 1px solid #e3e3e3;
}

table#inner_size2 th {
  padding: 5px;
  border: solid #e3e3e3;
  border-width: 0 0 1px 1px;
  background: #e95364;
  color: #fff;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

table#inner_size2 td {
  border-width: 0 0 1px 1px;
  padding: 5px;
  text-align: center;
  width: 16.6666666667%;
  background: #fff;
  font-size: 10px;
}

table#inner_size2 td.ttl {
  border-width: 0 0 1px 1px;
  padding: 5px;
  text-align: center;
  background: #ffe9e5;
  font-weight: 900;
  color: #e95364;
}

table#apparel_size {
  border: 1px solid #e3e3e3;
}

table#apparel_size td {
  border: 1px solid #e3e3e3;
}

table#inner_size2 td.ttl2 {
  width: 12.5%;
  font-weight: 900;
  background: #fbfbfb;
}

table#inner_size2 td.ttl3 {
  width: 12.5%;
  background: #fff;
}

table#apparel_size, table#northerly_size {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}

table#apparel_size th {
  padding: 5px;
  border: solid #e3e3e3;
  border-width: 0 0 1px 1px;
  background: #e95364;
  color: #fff;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

table#apparel_size td {
  width: 16.6666666667%;
  padding: 5px;
  border-width: 0 0 1px 1px;
  background: #fff;
  text-align: center;
  font-size: 12px;
}

table#apparel_size td.ttl, table#apparel_size td.ttl_white {
  border: 1px solid #e3e3e3;
  color: #e95364;
  padding: 5px;
  text-align: center;
}

table#apparel_size td.ttl {
  border-width: 0 0 1px 1px;
  background: #ffe9e5;
  font-weight: 900;
}

table#apparel_size td.ttl2, table#apparel_size td.ttl3 {
  font-weight: 900;
  background: #fbfbfb;
}

table#apparel_size td.ttl_white {
  font-weight: 900;
  background: #fbfbfb;
  border-width: 0 0 1px 1px;
}

table#northerly_size {
  border: 1px solid #e3e3e3;
}

table#northerly_size td {
  border: 1px solid #e3e3e3;
}

table#northerly_size th {
  padding: 5px;
  border: solid #e3e3e3;
  border-width: 0 0 1px 1px;
  background: #e95364;
  color: #fff;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

table#northerly_size td {
  width: 10%;
  padding: 5px;
  border-width: 0 0 1px 1px;
  background: #fff;
  text-align: center;
  font-size: 8px;
}

table#northerly_size td.ttl {
  padding: 5px;
  border: 1px solid #e3e3e3;
  border-width: 0 0 1px 1px;
  text-align: center;
  background: #ffe9e5;
  font-weight: 900;
  color: #e95364;
}

table#northerly_size td.ttl2 {
  width: 19%;
  font-weight: 900;
  background: #fbfbfb;
}

table#northerly_size td.ttl3 {
  width: 9%;
  background: #fff;
}

#size .main_topbutton p a {
  color: #fff;
  font-size: 11px;
  font-weight: bolder;
  text-align: center;
  text-decoration: none;
  width: 100px;
  height: 100%;
  display: block;
  padding: 5px 10px;
  background: #2f2f2f;
}

.main_campaign ul li {
  margin-bottom: 20px;
}

#attention #contents {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 600px;
  padding: 0 0 20px;
  line-height: 1.8em;
}

#attention #contents h1.ttl01 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  max-width: 600px;
  padding: 10px 10%;
  background: #e90000;
  line-height: 1.3em;
  font-size: 25px;
  font-weight: 700;
  color: #fff;
}

#attention .text {
  width: 93.3333333333%;
  margin: 20px 3.33333333333% 0;
  padding: 0 0 5px;
  text-align: left;
}

#attention p.attention_ttl {
  width: 93.3333333333%;
  margin: 20px auto;
  padding: 10px 0;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid red;
  text-align: center;
}

#attention p.box02, #attention p.box03 {
  padding: 0 4.46428571429%;
  text-align: left;
}

#attention p.detail {
  font-size: 12px;
}

#attention p.box03 {
  margin-top: 10px;
}

#attention p.detail span.shop {
  display: block;
}

#attention p.box02 span {
  font-size: 11px;
}

#attention p.ttl_sub, #attention p.ttl_sub02 {
  margin: 20px 0;
  font-size: 13px;
  font-weight: 700;
}

#attention p.ttl_sub {
  padding: 11px 0 10px 1.78571428571%;
  border-top: 1px dashed #CCC;
  border-bottom: 1px dashed #CCC;
}

#attention p.ttl_sub02 {
  padding: 7px 6% 4px;
  color: #fff;
  background: #999;
}

#attention .sign {
  font-size: 11px;
  line-height: 18px;
  margin: 10px 23px 25px;
  padding: 0 0 15px;
  text-align: right;
  border-bottom: 1px solid #000;
}

#attention #contents a {
  font-weight: bolder;
  text-decoration: underline;
  color: #000;
}

#attention .color, #attention .red {
  color: red;
}

#attention .btn {
  background: #fff;
  padding: 10px 30px;
  margin: 10px 0 0;
  text-decoration: none;
  border: 1px solid #CCC;
}

#attention span.br {
  display: none;
}

#attention_sp {
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

#attention_sp .text {
  width: 93.3333333333%;
  margin: 0 3.33333333333%;
  padding: 0 0 5px;
  text-align: left;
}

#attention_sp p.ttl01 {
  width: 93.3333333333%;
  margin: 10px auto;
  font-size: 13px;
  font-weight: 700;
  text-align: center;
}

#attention_sp p.detail {
  font-size: 11px;
}

#attention_sp p.box02 {
  padding: 0 4.46428571429%;
  text-align: left;
}

#attention_sp p.ttl_sub {
  margin: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 700;
}

#attention_sp .sign {
  font-size: 11px;
  line-height: 1.2em;
  margin: 10px 23px 25px;
  padding: 0 0 15px;
  text-align: right;
}

#attention_sp #contents a {
  font-weight: bolder;
  text-decoration: underline;
  color: #000;
}

#attention_sp .color {
  color: red;
}

#attention_sp ul.c01 {
  width: 98%;
  margin: 0 auto;
  padding-left: 13px;
}

#attention_sp ul.c02 {
  width: 98%;
  margin: 0 auto;
  paddig: 0;
}

#attention_sp ul.c01 li, #attention_sp ul.c02 li {
  margin: 0 0 5px;
  padding: 0;
  border: 0;
  font-weight: 400;
  background-color: transparent !important;
}

#attention_sp span.b {
  font-weight: 700;
}

#attention_sp p {
  margin: 5px 0;
  padding: 0;
  font-weight: 400;
}

box {
  margin: 5px 0;
  padding: 0;
  font-weight: 400;
}

div#tips h3, div#tips p.ttl span, div#tips ul li div.ttl {
  font-weight: bolder;
  width: 100%;
  text-align: center;
}

div#must_item_check ul {
  width: 100%;
  list-style: none;
}

div#must_item_check ul li {
  width: 100%;
  margin: 10px 0 0;
  text-align: center;
}

div#must_item_check ul li a {
  display: block;
}

div#must_item_check ul li p {
  width: 100%;
  margin: 10px 0 0;
  display: block;
  font-size: 12px;
}

div#tips {
  width: 100%;
  max-width: 640px;
  float: left;
  overflow: hidden;
}

div#tips h3 {
  padding: 1.02040816327%;
  margin: 5.10204081633% 0;
  font-size: 15px;
  border-bottom: 1px dashed #bfbfbf !important;
}

div#tips p.ttl {
  width: 100%;
  text-align: center;
  background: #ededed;
  font-size: 16px;
  line-height: 18px;
  vertical-align: baseline;
  margin: 30px 0 0;
  padding: 10px 0 6px;
  color: #000;
}

div#tips p.ttl span {
  font-size: 22px;
  margin: 0 10px 0 0;
}

div#tips ul {
  width: 100%;
  color: #fff;
  margin: 0 auto;
  padding: 0 0 10px;
  background: url("/img/layout/main/line_dot_w.gif") left bottom repeat-x;
}

div#tips ul li {
  width: 90%;
  margin: 20px auto 0;
  padding: 30px 9.375%;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  -moz-box-shadow: 0 0 8px #a5a5a5;
  -webkit-box-shadow: 0 0 8px #a5a5a5;
  box-shadow: 0 0 8px #a5a5a5;
}

div#tips ul li.ng, div#tips ul li.ng2 {
  background: #494949;
}

div#tips ul li div.ttl {
  font-size: 30px;
  margin: 0 0 20px;
  padding: 0 0 10px;
  border-bottom: 1px solid #fff;
}

div#tips ul li.ng2 {
  margin-bottom: 20px;
}

div#tips #sea_pool ul li.ok {
  background: #e84388;
  margin-bottom: 20px;
}

div#tips #finished ul li.ok {
  background: #22ac38;
  margin-bottom: 20px;
}

div#feature {
  margin: 0 auto;
  width: 100%;
  max-width: 640px;
  padding: 0;
}

div#feature ul.bnr {
  width: 83.3333333333%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  font-size: 0;
  text-align: center;
}

div#feature ul.bnr img {
  margin: 0 auto;
}

div#feature ul.bnr li {
  width: 100%;
  margin: 0 0 30px;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

div#feature ul.bnr li p {
  width: 100%;
  margin: 10px 0 0;
  padding: 0;
  font-size: 11px;
  line-height: 15px;
  display: block;
}

div#feature ul.bnr li p span {
  width: 100%;
  margin: 0 0 5px;
  padding: 0;
  font-size: 12px;
  line-height: 15px;
  font-weight: 900;
  color: #ef59a1;
  display: block;
}

div#catalog .btn2 a, div#catalog .btn a {
  padding: 20px 0;
  text-decoration: none;
  text-align: center;
}

div#catalog_2015 .btn02 ul li a, div#catalog_2015 .btn a {
  padding: 20px 0;
  text-decoration: none;
  text-align: center;
}

div#catalog {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
}

div#catalog ul {
  width: 100%;
  margin: 0;
  text-align: center;
  overflow: hidden;
}

div#catalog ul li {
  width: 100%;
  margin: 0 0 30px;
}

div#catalog .btn2 a {
  width: 80%;
  display: block;
  color: #fff;
  font-size: 130%;
  font-weight: bolder;
  margin: 0 auto 20px;
}

div#catalog .btn a {
  width: 80%;
  display: block;
  color: #fff;
  font-size: 130%;
  font-weight: bolder;
  margin: 0 auto 20px;
  background: #e95364;
}

div#catalog .btn2 a {
  background: #2f2f2f;
}

div#catalog .btn a:hover {
  background: #ef7e8b;
}

div#catalog .btn2 a:hover {
  background: #6b6b6b;
}

div#catalog_2015 {
  width: 100%;
  margin: 0 auto;
}

div#catalog_2015 #main {
  overflow: hidden;
  float: left;
  width: 100%;
  font-size: 13px;
  line-height: 1.8;
}

div#catalog_2015 .box .center, div#catalog_2015 .box .left, div#catalog_2015 .box .right {
  position: relative;
}

div#catalog_2015 .cap {
  display: none;
}

div#catalog_2015 .box .mgb_20 {
  margin-bottom: 20px;
}

div#catalog_2015 .cap02, div#catalog_2015 .cap03 {
  width: 100%;
  margin: 20px 0;
  font-size: 11px;
  line-height: 2.5;
}

div#catalog_2015 .btn a {
  display: block;
  overflow: hidden;
  float: left;
  width: 80%;
  margin: 20px 10%;
  color: #fff;
  font-size: 130%;
  font-weight: bolder;
  background: #e95364;
}

div#catalog_2015 .btn02 {
  overflow: hidden;
  float: left;
  width: 80%;
  margin: 0 10% 20px;
}

div#catalog_2015 .btn02 ul {
  overflow: hidden;
  float: left;
  width: 100%;
}

div#catalog_2015 .btn02 ul li a {
  display: block;
  overflow: hidden;
  float: left;
  width: 45%;
  margin: 0 2.5%;
  color: #fff;
  font-weight: bolder;
}

div#catalog_2015 .btn02 a {
  background: #2f2f2f;
}

div#catalog_2016 .box {
  margin-bottom: 3rem;
  text-align: center;
  overflow: hidden;
}

div#catalog_2016 .box span {
  display: block;
  text-align: right;
}

div#catalog_2016 .box img {
  width: 100%;
}

div#catalog_2016 .box .left {
  float: left;
}

div#catalog_2016 .box .right {
  float: right;
}

div#catalog_2016 .box div a {
  display: inline-block;
  margin: 3px 5px;
  position: relative;
  text-decoration: underline;
}

div#catalog_2016 .box div a:hover {
  text-decoration: none;
}

div#catalog_2016 .co01 {
  width: 68.49315%;
}

div#catalog_2016 .co02 .left {
  width: 46.0274%;
}

div#catalog_2016 .co02 .right {
  width: 50.68493%;
}

div#catalog_2016 .co03 {
  width: 85.47945%;
}

div#catalog_2016 .co06 .left {
  width: 49.0411%;
}

div#catalog_2016 .co06 .right {
  width: 43.0137%;
}

div#catalog_2016 .co07 .left {
  width: 39.58904%;
}

div#catalog_2016 .co07 .right {
  width: 54.24658%;
}

div#catalog_2016 .co09 {
  width: 56.43836%;
}

div#catalog_2016 .co10 .left {
  width: 37.94521%;
}

div#catalog_2016 .co10 .right {
  width: 58.76712%;
}

div#catalog_2016 .co12 {
  width: 90%;
}

div#catalog_2016 .co13 {
  width: 72.87671%;
}

div#catalog_2016 .co14 .left {
  width: 54.79452%;
}

div#catalog_2016 .co14 .right {
  width: 35.89041%;
}

div#catalog_2016 .co18 {
  width: 86.0274%;
}

div#catalog_2016 .co20 {
  width: 70.9589%;
}

div#catalog_2016 .co22 .left {
  width: 48.49315%;
}

div#catalog_2016 .co22 .right {
  width: 48.90411%;
}

div#catalog_2016 .co23 {
  width: 80.41096%;
}

div#catalog_2016 .co24 .left {
  width: 59.31507%;
}

div#catalog_2016 .co24 .right {
  width: 34.52055%;
}

div#catalog_2016 .co25 {
  width: 55.479452054795%;
  margin-right: auto;
  margin-left: 0;
}

div#catalog_2016 .co26 {
  width: 87.80822%;
}

div#catalog_2016 .co27 {
  width: 57.123287671233%;
  margin-right: 0;
  margin-left: auto;
}

div#catalog_2016 .co28 {
  width: 84.10959%;
}

div#catalog_2016 .co29 {
  width: 57.53425%;
}

div.side_swim_bn02 ul {
  width: 100%;
  max-width: 800px;
  overflow: hidden;
  margin: 0 auto;
}

div#northerly, div#qa {
  max-width: 480px;
  overflow: hidden;
}

div.side_swim_bn02 ul li {
  width: 23.5%;
  margin: 0 0 26px 1.3%;
  float: left;
}

div#collection {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
}

div#collection h2.ttl {
  width: 100%;
  text-align: center;
  border-bottom: 3px solid #42a0d6;
  padding: 0 0 30px;
}

div#collection ul {
  width: 100%;
  margin: 30px 0 0;
  text-align: center;
  overflow: hidden;
}

div#collection ul li {
  width: 100%;
  margin: 0 0 30px;
}

#ranking .main_swim_ranking_tabbutton > .sysHeadline, #ranking .tab-control {
  display: none;
}

#ranking .tab-cnt {
  display: block !important;
}

#ranking .tab-panel .sysHeadline {
  display: block;
}

.main_ranking_list ul.sysHorizontal .sysIconRank {
  display: none;
}

.main_ranking_list ul.sysHorizontal li:first-child .sysIconRank, .main_ranking_list ul.sysHorizontal li:nth-child(2) .sysIconRank, .main_ranking_list ul.sysHorizontal li:nth-child(3) .sysIconRank, .main_ranking_list ul.sysHorizontal li:nth-child(4) .sysIconRank, .main_ranking_list ul.sysHorizontal li:nth-child(5) .sysIconRank, .main_ranking_list ul.sysHorizontal li:nth-child(6) .sysIconRank, .main_ranking_list ul.sysHorizontal li:nth-child(7) .sysIconRank, .main_ranking_list ul.sysHorizontal li:nth-child(8) .sysIconRank, .main_ranking_list ul.sysHorizontal li:nth-child(9) .sysIconRank {
  display: block;
}

.main_ranking_list ul.sysHorizontal li.list_tile:before {
  background: #000;
  color: #fff;
  font-weight: bolder;
  padding: 5px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
}

.main_ranking_list ul.sysHorizontal li:nth-child(10):before {
  content: "10";
}

.main_ranking_list ul.sysHorizontal li:nth-child(11):before {
  content: "11";
}

.main_ranking_list ul.sysHorizontal li:nth-child(12):before {
  content: "12";
}

.main_ranking_list ul.sysHorizontal li:nth-child(13):before {
  content: "13";
}

.main_ranking_list ul.sysHorizontal li:nth-child(14):before {
  content: "14";
}

.main_ranking_list ul.sysHorizontal li:nth-child(15):before {
  content: "15";
}

.main_ranking_list ul.sysHorizontal li:nth-child(16):before {
  content: "16";
}

.main_ranking_list ul.sysHorizontal li:nth-child(17):before {
  content: "17";
}

.main_ranking_list ul.sysHorizontal li:nth-child(18):before {
  content: "18";
}

.main_ranking_list ul.sysHorizontal li:nth-child(19):before {
  content: "19";
}

.main_ranking_list ul.sysHorizontal li:nth-child(20):before {
  content: "20";
}

.main_ranking_list ul.sysHorizontal li:nth-child(21):before {
  content: "21";
}

.main_ranking_list ul.sysHorizontal li:nth-child(22):before {
  content: "22";
}

.main_ranking_list ul.sysHorizontal li:nth-child(23):before {
  content: "23";
}

.main_ranking_list ul.sysHorizontal li:nth-child(24):before {
  content: "24";
}

.main_ranking_list ul.sysHorizontal li:nth-child(25):before {
  content: "25";
}

#swimsuit .main_swim_ranking_beach li:nth-child(6), #swimsuit .main_swim_ranking_resort li:nth-child(6), #swimsuit .main_swim_ranking_sports li:nth-child(6), #swimsuit .main_swim_ranking_trend li:nth-child(6) {
  display: none;
}

div#qa {
  width: 100%;
  margin: 0 auto;
}

div#qa #main {
  width: 100%;
  float: left;
  overflow: hidden;
  margin: 0 auto 20px;
}

div#qa h2 {
  text-align: left;
  background: #5a5858;
  padding: 15px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  font-weight: bolder;
  font-size: 14px;
  color: #fff;
  vertical-align: baseline;
}

div#qa h2 span {
  font-family: 'GFS Didot', serif;
  font-size: 22px;
  margin: 0 10px 0 0;
}

div#qa .box {
  padding: 20px 0;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: url("/img/layout/main/line_dot_w.gif") left bottom repeat-x;
}

div#qa .box img {
  width: 67%;
  float: right;
  border: 1px solid #ddd;
  padding: 3px;
  margin: 0 15% 10px;
  text-align: center;
}

div#qa h4, div#qa p.answer {
  width: 96.166667%;
  padding: 10px 4.16666666667% 10px 10.4166666667%;
  margin: 0;
  float: right;
}

div#qa h4 {
  background: url("/img/layout/main/icon_q.gif") left top no-repeat;
  color: #09c;
  font-weight: 700;
}

div#qa p.answer {
  background: url("/img/layout/main/icon_a.gif") left top no-repeat;
}

div#qa p.more {
  width: 79%;
  float: right;
  margin: 0 10% 10px;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
}

div#qa p.more a {
  color: #fff;
  display: block;
  padding: 5%;
  background: #e95364;
}

.main_stylingpage .styling_box .styling_img {
  position: relative;
  margin-bottom: 5px;
}

.main_stylingpage .styling_box .styling_img span.number {
  display: block;
  color: #fff;
  font-weight: bolder;
  padding: 5px 10px;
  position: absolute;
  top: 0;
  left: 0;
}

.main_northerly_stylingpage .styling_box .styling_img span.number {
  background: #e60161;
}

.main_stylingpage .styling_box .styling_text p span {
  display: block;
  font-size: 120%;
  font-weight: bolder;
}

.main_stylingpage .styling_box .styling_text p.ttl span {
  font-size: 160% !important;
  font-family: "GFS Didot", serif;
}

.main_stylingpage .styling_box .styling_text p:first-child {
  margin-bottom: 10px;
}

.main_stylingpage .styling_box div ul {
  border: 1px solid #dedede;
  overflow: hidden;
}

.main_stylingpage .styling_box div li {
  width: 33.33333333333333%;
  font-size: 80%;
  line-height: 140%;
  float: left;
  border-right: 1px solid #dedede;
}

.main_stylingpage .styling_box div li:last-child {
  border-right: 0;
}

.main_stylingpage .styling_box div li span {
  display: block;
  font-weight: bolder;
  margin-bottom: 5px;
}

.main_northerly_styling .sysHeadline {
  margin-bottom: 20px;
  color: #e60161;
  font-size: 18px;
  border-color: #e60161 !important;
}

.main_northerly_styling .sysHeadline img {
  display: block;
  margin-bottom: 20px;
}

.main_northerly_styling li {
  margin-bottom: 20px;
  font-size: 11px;
  line-height: 1.4;
}

div#northerly {
  width: 96%;
  margin: 0 auto;
}

div#northerly ul {
  width: 100%;
  overflow: hidden;
}

div#northerly ul li {
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
}

div#northerly ul li.left div#northerly ul li.right {
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
}

div#northerly ul li h2.name {
  height: auto;
  text-align: center;
  margin: 0 auto;
  padding: 2px 0;
  font-size: 25px;
  font-family: "Playfair Display SC", serif;
}

div#northerly ul li h2.name02 {
  font-size: 16px;
}

div#northerly ul li h2.name03 {
  font-size: 13px;
}

div#northerly ul li h2 span {
  font-size: 14px;
  line-height: 16px;
}

div#northerly ul li p {
  width: 95.8333333333%;
  text-align: center;
  margin: 0 auto;
  font-size: 11px;
}

div#northerly ul li p.copy {
  width: 90%;
  text-align: left;
  margin: 5px auto 0;
  padding: 5px 0;
  font-size: 12px;
}

div#northerly ul li p.copy span {
  text-align: center;
  margin: 0 auto 5px;
  font-size: 14px;
  font-weight: bolder;
  display: block;
}

div#northerly ul li img.sale {
  padding: 0 4px 2px 2px;
}

div#northerly ul li span.red {
  color: red;
  font-weight: bolder;
}

div#northerly p.item {
  width: 72.9166666667%;
  margin: 20px auto;
  padding: 0;
  position: relative;
}

div#northerly p.item .click, div#northerly p.item .new {
  width: 25%;
  position: absolute;
  overflow: inherit;
  z-index: 999;
}

div#northerly p.item .coming_soon {
  width: 50%;
  position: absolute;
  z-index: 999;
  overflow: visible;
  left: -42%;
  right: -50%;
  margin: 0 auto;
  bottom: 10px;
}

div#northerly p.item .new {
  left: -10%;
  bottom: 0;
}

div#northerly p.item .click {
  right: 4px;
  bottom: 10px;
}

div#northerly p.btn {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
  float: left;
  overflow: hidden;
}

div#northerly a.link {
  text-decoration: underline !important;
}

div#marbleink {
  width: 96%;
  max-width: 640px;
  overflow: hidden;
  margin: 0 auto;
}

div#marbleink ul {
  width: 100%;
  overflow: hidden;
}

div#marbleink ul li {
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
}

div#marbleink ul li.left div#marbleink ul li.right {
  width: 100%;
  text-align: center;
  margin: 0 0 30px;
}

div#marbleink ul li p {
  width: 100%;
  text-align: center;
  margin: 20px auto 0;
  font-size: 11px;
}

div#marbleink p.item {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  position: relative;
}

div#marbleink p.btn {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
  float: left;
  overflow: hidden;
}

#category_list h1.brand_ttl {
  text-align: left !important;
  padding-bottom: 5px !important;
  font-size: 12px !important;
}

#category_list .sysHeadline {
  padding-bottom: 5px !important;
  margin-bottom: 15px !important;
}

#category_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  overflow: hidden;
}

#category_list ul.brand01 {
  margin-bottom: 20px;
}

#category_list ul.brand01 li {
  width: 49.5%;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 0;
}

#category_list ul.brand01 li:nth-child(odd) {
  margin-right: 1%;
}

#category_list ul.brand01 li:nth-child(2n) {
  margin-right: 0;
}

#category_list ul.brand01 li a {
  display: block;
}

#category_list ul.brand02 li a {
  display: block;
}

#category_list ul.brand01 li a .brand_name {
  display: block;
  background: #fbfbfb;
  text-align: center;
  padding: 5px 0;
}

#category_list ul.brand01 li a:hover {
  text-decoration: none !important;
}

#category_list ul.brand01 li a:hover .brand_name {
  text-decoration: none !important;
}

#category_list ul.brand01 li img {
  width: 100%;
}

#category_list ul.brand02 li {
  width: 19%;
  margin-right: 1%;
  margin-bottom: 1%;
  padding: 0 !important;
  text-align: center;
}

#category_list ul.brand02 li img {
  width: 100%;
  border: 1px solid #bfbfbf;
  margin-bottom: 3px;
}

.brand_info {
  padding: 20px;
  margin: 20px 10px;
  text-align: center;
  border: 1px solid #e5e6e6;
  background-color: #f7f7f7;
}

.brand_info .info, .brand_info .ttl {
  margin-bottom: 20px;
}

.regi_page {
  margin-bottom: 20px;
}

.brand_info .ttl {
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e6e6;
}

.brand_info .ttl span {
  font-family: "GFS Didot", serif;
  font-size: 300%;
}

.brand_info .btn a {
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  font-weight: bolder;
  text-decoration: none;
  background-color: #2f2f2f;
}

.brand_info .btn a:hover {
  background-color: #6b6b6b;
}

.brand_info .btn a:after {
  content: "▶";
  font-size: 80%;
  margin-left: 10px;
}

.regi_page {
  overflow: hidden;
}

.regi_page div {
  width: 47%;
}

.regi_page .left {
  float: left;
}

.regi_page .right {
  float: right;
}

.regi_page p {
  margin-bottom: 10px;
  font-weight: 700;
}

.regi_page ul {
  width: 100%;
  margin: 0 0 3%;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.regi_page li a {
  position: relative;
  display: block;
  padding: 2%;
  border-radius: 5px;
  color: #fff !important;
  font-size: 13px;
  line-height: 1.5em;
  text-align: center;
  font-weight: 700;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.link_coupon_abchor, .user_type {
  font-size: 14px !important;
}

.regi_page li a:hover {
  text-decoration: none;
}

.regi_page .left a {
  background-color: #78c7f0;
  border: 1px solid #5cb8e7;
}

.regi_page .right a {
  background-color: #fa86a6;
  border: 1px solid #f9789c;
}

#sysRegi .sysNextSubmitArea .sysNextSubmit, .regi_page .sysNextSubmitArea .sysNextSubmit {
  width: 100%;
  color: #fff !important;
  font-size: 14px !important;
  position: relative;
  background-color: #ffc0d1 !important;
  border-radius: 5px;
  border: 1px solid #f99bb5 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3) !important;
}

#sysRegisterEmptymail .sysNextSubmitArea .sysNextSubmit, #sysRegisterForm .sysNextSubmitArea .sysNextSubmit {
  background-color: #fa86a6 !important;
  border: 1px solid #f9789c !important;
}

.link_coupon_abchor {
  background-color: #fa86a6 !important;
  border: 1px solid #f9789c !important;
  width: 96.1% !important;
  color: #fff;
  margin: 1.9% !important;
  height: 44px !important;
}

.mdl_btn_ p:nth-child(5) {
  margin-top: 12px !important;
}

#sysRegi .sysNextSubmitArea {
  position: relative;
  width: auto;
}

#sysRegi .sysNextSubmitArea:after {
  content: "▶";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  color: #fff;
  font-size: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.regi_page li a:after {
  content: "▶";
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -10px;
  color: #fff;
  font-size: 10px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.remodal {
  position: relative;
}

div#category_list_magazine ul li.list_tile_tv {
  position: relative;
}

div#sysPurchaseAuthCustomer, div#sysPurchaseAuthMember, div#sysRegisterEmptymail {
  margin: 8% 0 0;
  padding: 0 0 4%;
  border-bottom: dashed 1px #676767;
}

div#sysPurchaseAuthCustomer {
  margin-bottom: 8%;
}

.regi_page_campaign {
  margin-top: 20px;
  text-align: center;
}

.regi_page_campaign p {
  margin-bottom: 10px;
}

.regi_page_campaign .ttl {
  font-size: 110%;
  font-weight: bolder;
}

.regi_page_campaign .btn a {
  display: block;
  color: #e6001a !important;
  padding: 10px 0;
  font-weight: 700;
  border: 2px solid #e6001a;
}

#sysMain .sysPr {
  text-align: right;
}

div#category_list_magazine {
  max-width: 980px;
}

div#category_list_magazine p {
  padding: 0 0 10px;
}

div#category_list_magazine ul {
  padding: 10px 0;
  overflow: hidden;
}

div#category_list_magazine ul li {
  width: 25%;
  float: left;
  padding: 0 0.97%;
  text-align: center;
}

div#category_list_magazine ul li.list_tile_tv p.tv {
  width: 92%;
  position: absolute;
  display: block;
  top: 19%;
  padding: 0;
}

div#category_list_magazine ul li.list_tile_tv p.tv span.br {
  display: none;
}

div#category_list_magazine div.passed_btn {
  margin: 20px 0;
}

div#category_list_magazine div.passed_btn p {
  background: #2c2925;
  width: 300px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-weight: bolder;
  margin-left: auto;
  padding: 0;
}

div#category_list_magazine div.passed_btn p a {
  width: 100%;
  height: 100%;
  color: #fff;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}

.form-rubberjewel-campaign .header_sanai_logo ul.site_logo_bn01 li:last-child, .form-rubberjewel-campaign .header_sanai_logo ul.site_logo_bn02 {
  display: none;
}

.form-rubberjewel-campaign .sys1 .sysFormLabel, .form-rubberjewel-campaign .sys1 .sysRequired {
  font-size: 13px !important;
}

.form-rubberjewel-campaign form {
  margin-bottom: 40px !important;
}

.form-rubberjewel-campaign form label.sysFormLabel {
  display: block;
  font-weight: bolder;
  line-height: 17px;
  margin: 0 0 10px;
}

.form-rubberjewel-campaign form input[type=text] {
  background-clip: padding-box;
  background-image: -moz-linear-gradient(center top, #FFF, #f2f2f2);
  border: 1px solid #999;
  border-radius: 10px;
  font-size: 13px;
  padding: 0;
}

.form-rubberjewel-campaign form input[type=submit] {
  color: #fff;
  border: 0;
  background: #676767 !important;
}

.form-rubberjewel-campaign .sys9 {
  overflow: hidden;
}

.form-rubberjewel-campaign .sys9 .sysFormField label {
  background: #ffe0d5;
  border: 0 solid #CCC;
  float: left;
  margin: 0 10px 20px 15px;
  padding: 10px 0 10px 10px;
  text-align: left;
  width: 15%;
}

.form-rubberjewel-campaign #sysFooter {
  margin-top: 20px;
}

.form-rubberjewel-campaign .sysFormItem {
  padding-bottom: 20px;
  border-bottom: 1px dotted #515151;
}

div#northerly_howto, div#northerly_knowledge {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 20px;
}

div#northerly_howto #main, div#northerly_knowledge #main {
  width: 100%;
  float: left;
  overflow: hidden;
}

div#northerly_howto #main ul {
  width: 100%;
  overflow: hidden;
  margin-bottom: px;
}

div#northerly_howto #main ul li {
  float: left;
  font-size: 12px;
  text-align: center;
}

div#northerly_howto #main ul li img {
  margin-bottom: 10px;
}

div#northerly_howto #main p {
  overflow: hidden;
  padding: 0 5%;
}

div#northerly_howto #main h2 {
  margin-top: 30px;
  font-family: 'GFS Didot', serif;
  font-size: 22px;
  vertical-align: baseline;
  padding: 10px;
  background: url("/img/layout/main/line_dot_w.gif") left bottom repeat-x;
}

div#northerly_knowledge h2 {
  text-align: left;
  background: #5a5858;
  padding: 15px;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif;
  font-weight: bolder;
  font-size: 14px;
  color: #fff;
  vertical-align: baseline;
}

div#northerly_knowledge h2 span {
  font-family: 'GFS Didot', serif;
  font-size: 22px;
  margin: 0 10px 0 0;
}

div#northerly_knowledge .box {
  padding: 20px 0;
  width: 100%;
  margin: 0;
  overflow: hidden;
  background: url("/img/layout/main/line_dot_w.gif") left bottom repeat-x;
}

div#northerly_knowledge .box img {
  width: 67%;
  float: right;
  border: 1px solid #ddd;
  padding: 3px;
  margin: 0 15% 10px;
  text-align: center;
}

div#northerly_knowledge h4, div#northerly_knowledge p.answer {
  width: 100%;
  padding: 10px 8%;
  margin: 0;
  float: right;
}

div#northerly_knowledge h4 {
  color: #09c;
  font-weight: 700;
}

div#northerly_knowledge p.more {
  width: 79%;
  float: right;
  padding: 5%;
  margin: 0 10% 10px;
  background: #e95364;
  color: #fff;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
}

div#northerly_knowledge p.more a {
  color: #fff;
}

div#northerly_care {
  width: 100%;
  overflow: hidden;
  margin: 0 auto 20px;
}

div#northerly_care #main {
  width: 100%;
  float: left;
  overflow: hidden;
}

div#northerly_care #main ul {
  width: 100%;
  overflow: hidden;
  margin-bottom: px;
}

div#northerly_care #main ul li {
  float: left;
  font-size: 12px;
  text-align: center;
}

div#northerly_care #main ul li img {
  margin-bottom: 10px;
}

div#northerly_care #main h2 {
  margin-top: 30px;
  padding: 0 0 10px !important;
  font-size: 14px;
  font-weight: 700;
  background: url("/img/layout/main/line_dot_w.gif") left bottom repeat-x;
}

div#northerly_care #main h2 span {
  font-family: 'GFS Didot', serif;
  margin-right: 10px;
  font-size: 22px;
}

div#northerly_menu ul#menu {
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
}

div#northerly_menu ul#menu li {
  width: 24%;
  float: left;
  margin: 0 0.5%;
  text-align: center;
  background: #ee858c;
  font-size: 12px;
}

div#northerly_menu ul#menu li a {
  display: block;
  color: #fff;
  padding: 20px 0;
}

.footer_northerly_remarketing {
  background-color: #efefef;
}

div#selection {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

div#selection2015 {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  overflow: hidden;
}

div#selection2015 p {
  with: 100%;
  text-align: center;
}

div#selection p {
  with: 100%;
  text-align: center;
}

div#selection ul#nav {
  width: 100%;
  text-align: center;
  float: left;
  overflow: hidden;
  margin: 30px 0 0;
}

div#selection ul#nav li {
  width: 20%;
  float: left;
  margin-left: 4%;
}

div#selection2015 ul#nav {
  width: 70%;
  text-align: center;
  float: left;
  overflow: hidden;
  margin: 30px 15% 0;
}

div#selection2015 ul#nav li {
  width: 28%;
  float: left;
  margin-left: 4%;
}

.js-error {
  background: pink;
}

#sysMypageEditMember .sys1 .sysFormField, .form-select .sys1 .sysFormField, .sysMemberRegister .sys1 .sysFormField {
  overflow: hidden;
}

#sysMypageEditMember .sys2, .form-select .sys2, .sysMemberRegister .sys2 {
  margin-top: 10px;
}

#sysMypageEditMember .sys2 .sysFormLabel:after, .form-select .sys2 .sysFormLabel:after {
  content: "[会員カードをお持ちの方のみ]";
  font-size: smaller;
  margin-left: 10px;
}

.sysMemberRegister .sys3 label.sysFormLabel {
  color: red;
  font-size: 17px;
}

.main_sitemap .sitemap_navi {
  overflow: hidden;
}

.main_sitemap .sitemap_navi ul {
  overflow: hidden;
}

.main_sitemap .sitemap_navi li {
  font-weight: bolder;
  text-align: center;
  float: left;
}

.main_sitemap .sitemap_navi li a {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px dotted #bfbfbf;
}

.main_sitemap .sitemap_navi li a:hover {
  text-decoration: none;
}

body.remodal_lock, html.remodal_lock {
  overflow: hidden;
}

.remodal, [data-remodal-id] {
  visibility: hidden;
}

.remodal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  text-align: center;
}

.remodal-overlay:after {
  display: inline-block;
  height: 100%;
  margin-left: -.05em;
  content: "";
}

.remodal-overlay > * {
  -webkit-transform: translateZ(0);
}

.remodal-bg {
  -webkit-transition: -webkit-filter 0.2s linear;
  -moz-transition: -moz-filter 0.2s linear;
  -o-transition: -o-filter 0.2s linear;
  transition: -webkit-filter 0.2s linear;
  -o-transition: filter 0.2s linear;
  transition: filter 0.2s linear;
  transition: filter 0.2s linear, -webkit-filter 0.2s linear;
}

body.remodal_active .remodal-bg {
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
}

.remodal-overlay {
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}

body.remodal_active .remodal-overlay {
  opacity: 1;
}

.remodal {
  display: inline-block;
  width: 100%;
  min-height: 100%;
  text-align: center;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 12px;
  background: #eee;
  background-clip: padding-box;
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  -webkit-transition: -webkit-transform 0.2s linear;
  -moz-transition: -moz-transform 0.2s linear;
  -o-transition: -o-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  -o-transition: transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}

body.remodal_active .remodal {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

.remodal-close {
  position: absolute;
  top: 22px;
  left: auto;
  right: 10px;
  width: 28px;
  height: 28px;
  text-decoration: none;
  -webkit-transition: background 0.2s linear;
  -moz-transition: background 0.2s linear;
  -o-transition: background 0.2s linear;
  transition: background 0.2s linear;
}

.remodal-close:after {
  display: block;
  font-size: 35px;
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  content: "×";
  line-height: 28px;
  cursor: pointer;
  text-decoration: none;
  color: #625d51;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.remodal-close:active, .remodal-close:hover {
  text-decoration: none;
}

.remodal-cancel, .remodal-confirm {
  display: inline-block;
  padding: 5px 10px;
  margin: 10px 0 0;
  font-size: 10pt;
  font-weight: bolder;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.remodal li {
  text-align: left;
  font-weight: bolder;
}

.remodal-overlay .list_ttl, .remodal-overlay .ttl {
  text-align: left;
  font-weight: bolder;
}

.remodal-confirm {
  border: 2px solid #16a085;
  background: #f4f4f4;
  color: #16a085;
}

.remodal-confirm:active, .remodal-confirm:hover {
  background: #16a085;
  color: #f4f4f4;
}

@media only screen and (min-width: 40.063em) {
  .remodal {
    max-width: 700px;
    margin: 20px auto;
    min-height: 0;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }
}

html.lt-ie9 {
  min-height: 100%;
  overflow: auto !important;
  margin: 0;
}

html.lt-ie9 body {
  min-height: 100%;
  overflow: auto !important;
  margin: 0;
}

.lt-ie9 .remodal-overlay {
  background: url("img/overlay-ie8.png");
}

.lt-ie9 .remodal {
  width: 500px;
  min-height: auto;
}

.remodal li {
  background-color: #fff;
  margin-bottom: 1px;
}

.remodal li a {
  display: block;
  text-decoration: none;
  padding: 10px;
  position: relative;
}

.remodal li a:after {
  content: "▶";
  font-size: 80%;
  position: absolute;
  top: 10px;
  right: 10px;
}

.remodal-overlay .ttl {
  height: 30px;
  font-size: 15px;
  padding: 5px 10px 0 30px;
  margin-bottom: 10px;
  background: url("/img/layout/header/icon_menu.png") 0 center no-repeat;
  background-size: 20px 18px;
}

.remodal-overlay .list_ttl {
  margin: 10px 0;
  font-size: 13px;
}

.remodal-overlay .block {
  padding: 20px 10px;
}

.remodal-overlay .block ul {
  overflow: hidden;
}

.remodal-overlay .block li {
  min-height: 130px;
  font-size: 10px;
  text-align: center;
  line-height: 1.2;
  border-right: 1px solid #eee;
  width: 33.3333333333333%;
  float: left;
}

.remodal-overlay .block li img {
  margin-bottom: 5px;
}

.remodal-overlay .block ul a {
  font-weight: 400 !important;
}

.remodal-overlay .block ul a:after {
  content: none;
}

.remodal-overlay .block50 li {
  width: 50%;
  float: left;
}

.remodal-overlay .ai li a:after {
  color: #2c2925;
}

.remodal-overlay .ai .remodal-cancel {
  border: 2px solid #2c2925;
  background: #eee;
  color: #2c2925;
}

.remodal-overlay .ai .remodal-cancel:active, .remodal-overlay .ai .remodal-cancel:hover {
  background: #2c2925;
  color: #fff;
  text-decoration: none;
}

.remodal-overlay .swim li a:after {
  color: #2c2925;
}

.remodal-overlay .swim .remodal-cancel {
  border: 2px solid #2c2925;
  background: #eee;
  color: #2c2925;
}

.remodal-overlay .swim .remodal-cancel:active, .remodal-overlay .swim .remodal-cancel:hover {
  background: #2c2925;
  color: #fff;
  text-decoration: none;
}

.remodal-overlay .northerly li a:after {
  color: #e60161;
}

.remodal-overlay .northerly .remodal-cancel {
  border: 2px solid #e60161;
  background: #eee;
  color: #e60161;
}

.remodal-overlay .northerly .remodal-cancel:active, .remodal-overlay .northerly .remodal-cancel:hover {
  background: #e60161;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 349px) {
  .remodal-overlay .block50 li {
    min-height: 120px;
  }
  .remodal-overlay .brand02 li {
    min-height: 95px;
  }
}

@media screen and (min-width: 375px) and (max-width: 667px) {
  .remodal-overlay .block li {
    min-height: 150px !important;
  }
}

@media screen and (min-width: 350px) and (max-width: 539px) {
  .remodal-overlay .block50 li {
    min-height: 140px;
  }
  .remodal-overlay .brand02 li {
    min-height: 110px;
  }
}

@media screen and (min-width: 540px) and (max-width: 640px) {
  .remodal-overlay .block li {
    width: 25%;
    min-height: 170px;
  }
  .remodal-overlay #menu_brands li {
    min-height: 115px;
  }
}

div#exchange p {
  margin: 0 auto;
  text-align: center;
}

div#exchange .boxSizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

div#exchange .red {
  color: #e6011a;
}

div#exchange .bold {
  font-weight: 700;
}

div#exchange .size16 {
  font-size: 16px;
}

div#exchange .plus {
  color: #0071fc;
}

div#exchange .minus {
  color: #f70069;
}

div#exchange .green {
  color: #009003;
}

div#exchange .br {
  display: none;
}

div#exchange a {
  text-decoration: underline;
  color: #e6011a;
}

div#exchange div.ttl {
  width: 100%;
  max-width: 980px;
  margin: 0 0 30px;
  padding: 10px 0 10px 50px;
  background: url("/img/contents/exchange/ico_ttl_swim.png") 10px center no-repeat #e5e6e6;
  background-size: 30px 30px;
  overflow: hidden;
}

div#exchange div.ttl p {
  float: left;
  margin: 0 8px 0 0;
  padding: 8px 0 0;
  font-size: 18px;
  font-weight: 700;
  text-align: left;
}

div#exchange div#attention {
  width: 100%;
  margin: 0 0 30px;
  padding: 20px 7.142%;
  background: #e6011a;
}

div#exchange div#attention p {
  width: 100%;
  margin: 0;
  padding: 0;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  line-height: 1.4em;
}

div#exchange div#attention span.border {
  display: block;
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 0 0;
  font-weight: 700;
  border-top: 1px solid #fff2ff;
}

div#exchange div#attention p.txt {
  width: 100%;
  margin: 10px 0 0;
  padding: 10px 0 8px;
  font-size: 18px;
  color: #000;
  line-height: 1.4em;
  background: #fff;
}

div#exchange div.pic {
  width: 100%;
  background: #fafafa;
  margin: 0 0 30px;
  padding: 30px 0;
  border: 1px solid #e5e6e6;
}

div#exchange div.pic p.txt {
  width: 100%;
  padding: 0 0 30px;
  font-size: 24px;
}

div#exchange div.pic ul {
  width: 100%;
  list-style: none;
  overflow: hidden;
}

div#exchange div.pic ul li {
  float: left;
  width: 20.918%;
  padding: 0;
  margin: 0 0 0 3.265%;
}

div#exchange div.pic li p {
  width: 100%;
  height: 45px;
  margin: 0;
  padding: 10px 0;
  font-weight: 700;
  text-align: left;
  line-height: 1.4em;
}

div#exchange div#no01 h2, div#exchange div#no02 h2, div#exchange div#no03 h2, div#exchange div#no04 h2, div#exchange div#no05 h2, div#exchange div#no06 h2 {
  width: 100%;
  max-width: 980px;
  margin: 0 0 30px;
  padding: 12px 0 12px 55px;
  font-size: 16px;
  font-weight: 700;
}

div#exchange div#no01 h2.ttl01 {
  margin-top: 60px;
  background: url("/img/contents/exchange/ico_ttl_no01.png") 10px center no-repeat #e5e6e6;
  background-size: 35px 32px;
}

div#exchange div#no02 h2.ttl01 {
  margin-top: 60px;
  background: url("/img/contents/exchange/ico_ttl_no02.png") 10px center no-repeat #e5e6e6;
  background-size: 35px 32px;
}

div#exchange div#no03 h2.ttl01 {
  margin-top: 60px;
  background: url("/img/contents/exchange/ico_ttl_no03.png") 10px center no-repeat #e5e6e6;
  background-size: 35px 32px;
}

div#exchange div#no04 h2.ttl01 {
  margin-top: 60px;
  background: url("/img/contents/exchange/ico_ttl_no04.png") 10px center no-repeat #e5e6e6;
  background-size: 35px 32px;
}

div#exchange div#no05 h2.ttl01 {
  margin-top: 60px;
  background: url("/img/contents/exchange/ico_ttl_no05.png") 10px center no-repeat #e5e6e6;
  background-size: 35px 32px;
}

div#exchange div#no06 h2.ttl01 {
  margin-top: 60px;
  background: url("/img/contents/exchange/ico_ttl_no06.png") 10px center no-repeat #e5e6e6;
  background-size: 35px 32px;
}

div#exchange div#no01 h3, div#exchange div#no02 h3, div#exchange div#no03 h3, div#exchange div#no04 h3, div#exchange div#no05 h3, div#exchange div#no06 h3 {
  width: 90%;
  margin: 0 0 30px 3.061%;
  padding: 10px 0 10px 50px;
  font-weight: 700;
  border: 1px solid #e5e6e6;
}

div#exchange div#no01 h3.ttl01 {
  background: url("/img/contents/exchange/ico_ttl_mail.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div#no01 h3.ttl02 {
  background: url("/img/contents/exchange/ico_ttl_exchange.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div#no01 h3.ttl03 {
  background: url("/img/contents/exchange/ico_ttl_mail.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div#no01 h3.ttl04 {
  background: url("/img/contents/exchange/ico_ttl_freedial.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div#no02 h3.ttl01 {
  background: url("/img/contents/exchange/ico_ttl_mail.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div#no03 h3.ttl01, div#exchange div#no04 h3.ttl01, div#exchange div#no05 h3.ttl01 {
  background: url("/img/contents/exchange/ico_ttl_delivery.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div#no06 h3.ttl01 {
  background: url("/img/contents/exchange/ico_ttl_creditcard.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div#no06 h3.ttl02 {
  background: url("/img/contents/exchange/ico_ttl_bank.png") 8px center no-repeat;
  background-size: 35px 30px;
}

div#exchange div#no06 h3.ttl03 {
  background: url("/img/contents/exchange/ico_ttl_paypal.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div#no06 h3.ttl04 {
  background: url("/img/contents/exchange/ico_ttl_combini.png") 10px center no-repeat;
  background-size: 30px 30px;
}

div#exchange div.no ul {
  width: 96.938%;
  margin: 0 0 30px 3.061%;
  overflow: hidden;
}

div#exchange div.no li {
  width: 88%;
  margin: 0 0 0 20px;
  padding: 0;
  line-height: 1.8em;
  list-style: disc;
}

div#exchange div.no ul li.txt {
  list-style: none;
}

div#exchange div.no ul li.ttl {
  font-size: 16px;
  list-style: none;
}

div#exchange div.no p.txt {
  width: 88%;
  margin: 0 0 30px 3.061%;
  text-align: left;
  line-height: 1.8em;
}

div#exchange div.no p.pic {
  width: 100%;
  margin: 0 0 30px;
}

p.ttl_sub {
  width: 95%;
  text-align: left !important;
  margin: 0 0 30px 5% !important;
  font-size: 16px;
}

div#closed_campaign {
  margin: 0 0 20px;
  padding: 40px 0;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
  background: #efefef;
}

div#closed_campaign p.btn a {
  display: inline-block;
  margin: 20px 0 0;
  padding: 20px 0;
  width: 80%;
  color: #fff;
  font-size: 16px;
  font-weight: bolder;
  text-decoration: none;
  background-color: #ff98b7;
}

div#closed_campaign p.btn a:after {
  content: "▶";
  font-size: 80%;
  margin-left: 10px;
}

ul.main_northerly_webcatalog_navi {
  overflow: hidden;
  margin: 20px 0 0;
}

ul.main_northerly_webcatalog_navi li {
  width: 140px;
  float: left;
  margin: 0 0 0 20px;
  color: #e50060;
}

ul.main_northerly_webcatalog_navi li a {
  display: block;
  text-decoration: none;
  padding: 5px 0 5px 10px;
  border: 1px solid #e50060;
  margin-bottom: 5px;
  position: relative;
  background: #fff;
  color: #e50060;
  font-weight: bolder;
}

div#guide_mail .line, div#guide_mail .underline {
  text-decoration: underline;
}

ul.main_northerly_webcatalog_navi li a:after {
  content: "▶";
  font-size: 80%;
  position: absolute;
  top: 5px;
  right: 10px;
}

ul.main_northerly_webcatalog_navi li a:hover {
  border: 1px solid #e60161;
  background: #e60161;
  color: #fff;
}

div.main_northerly_webcatalog_navi p.btn {
  width: 100%;
  margin: 20px auto 0;
  text-align: center;
  float: left;
  overflow: hidden;
}

ul.main_northerly_webcatalog_bn {
  overflow: hidden;
  float: left;
  width: 100%;
  margin: 20px 0 60px;
  text-align: center;
}

ul.main_northerly_webcatalog_bn li {
  overflow: hidden;
  float: left;
  width: 30.6%;
  margin: 0 0 0 2.04%;
}

ul.main_northerly_webcatalog_bn li a {
  display: inline-block;
}

.main_northerly_webcatalog_button {
  margin-top: 40px;
}

div#main_northerly_preorder {
  overflow: hidden;
  float: right;
  max-width: 470px;
  width: 100%;
  margin: 0 auto 30px;
  padding: 0 0 10px;
  border: 1px solid #e60161;
}

div#main_northerly_preorder p {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  color: #424242;
}

div#main_northerly_preorder p.pic, div#main_northerly_preorder p.text {
  margin-top: 30px;
}

div#main_northerly_preorder p.list {
  width: 80%;
}

div#main_northerly_preorder p.main_ttl {
  width: 100%;
  padding: 15px 0;
  font-size: 19px;
  line-height: 1.5;
  font-weight: 600;
  color: #fff;
  background: #e60161;
}

div#main_northerly_preorder p.main_ttl span {
  display: block;
  width: 100%;
  margin-top: 5px;
  font-size: 12px;
  line-height: 21px;
}

div#main_northerly_preorder p.sub_ttl {
  width: 100%;
  margin-top: 35px;
  padding: 10px;
  font-size: 18px;
  text-align: left;
  font-weight: 700;
  background: #eee;
}

div#main_northerly_preorder p.text span {
  font-weight: 700;
  color: #e60161;
}

p.credit_attention {
  text-align: center;
  font-weight: 700;
}

div#guide_mail {
  margin: 0 auto;
  max-width: 980px;
  width: 100%;
}

div#guide_mail .red02 {
  color: red;
}

div#guide_mail .black {
  color: #000;
}

div#guide_mail .bold {
  font-weight: 700;
}

div#guide_mail .mb40 {
  margin-bottom: 40px;
}

div#guide_mail div.ttl h2 {
  padding: 5px 0 5px 60px;
  max-width: 980px;
  width: 100%;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 700;
  background: url("https://netshop.san-ai.com/img/contents/exchange/ico_ttl_mail.png") 18px center no-repeat #FFF;
  background-size: 33px 30px;
  border-bottom: 1px solid #bfbfbf !important;
}

div#guide_mail div.ttl_02 h3 {
  padding: 20px;
  margin-bottom: 25px;
  max-width: 980px;
  overflow: hidden;
  width: 100%;
  text-align: center;
  line-height: 1.5;
  font-size: 14px;
  background: #fafafa;
}

div#guide_mail div.answer_bottom ul li, div#guide_mail div.answer_top ul li {
  padding-left: 18px;
  padding-right: 18px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.5;
  text-align: justify;
}

div#guide_mail div.answer_bottom ul li img, div#guide_mail div.answer_top ul li img {
  margin-bottom: 20px;
}

div#guide_mail div.answer_bottom h4, div#guide_mail div.answer_top h4 {
  margin-bottom: 30px;
  width: 100%;
}

div#guide_mail div.answer_bottom {
  margin-bottom: 40px;
}

div#guide_mail div.docomo_au {
  margin: 0 auto 20px;
}

div#guide_mail div.docomo_au ul {
  width: 92%;
  margin: 0 auto 30px;
  padding: 18px;
  font-size: 14px;
  text-align: justify;
  line-height: 1.5;
  border: 1px solid #e5e6e6;
  overflow: hidden;
}

div#guide_mail p.docomo_au_tit {
  margin-bottom: 15px;
}

div#guide_mail p.docomo_au_tit_red, div#guide_mail p.docomo_au_tit_yellow {
  margin-bottom: 18px;
  font-size: 21px;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}

div#guide_mail p.docomo_au_tit_red {
  color: #e6011a;
}

div#guide_mail p.docomo_au_tit_yellow {
  color: #eb5300;
}

div#guide_mail p.docomo_au_tit_02 {
  margin-bottom: 10px;
  font-size: 19px;
  line-height: 21px;
  font-weight: 700;
}

div#guide_mail p.docomo_au_bg {
  padding: 15px;
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.5;
  background: #fafafa;
}

div#guide_mail div.phon p {
  padding-left: 15px;
  padding-bottom: 5px;
  margin-bottom: 25px;
  width: 100%;
  border-bottom: 1px dotted #bfbfbf;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
}

div#guide_mail div.phon ul {
  margin-bottom: 40px;
  margin-left: 15px;
}

div#guide_mail div.phon ul li {
  margin-left: 3px;
  margin-bottom: 20px;
}

@media screen and (min-width: 641px) {
  div#guide_mail div.answer_bottom, div#guide_mail div.answer_top, div#guide_mail div.docomo_au {
    max-width: 980px;
    overflow: hidden;
  }
  div#guide_mail .red {
    color: #e6011a;
    font-size: 19px;
    line-height: 21px;
  }
  div#guide_mail br {
    display: none;
  }
  div#guide_mail div.answer_bottom {
    margin-bottom: 20px;
  }
  div#guide_mail div.answer_01, div#guide_mail div.answer_03 {
    border: 1px solid #e5e6e6;
    overflow: hidden;
    min-height: 248px;
    width: 48%;
    margin-bottom: 20px;
    float: left;
  }
  div#guide_mail div.answer_02, div#guide_mail div.answer_04 {
    border: 1px solid #e5e6e6;
    overflow: hidden;
    min-height: 248px;
    width: 48%;
    margin-bottom: 40px;
    float: right;
  }
  div#guide_mail div.au_01 ul {
    width: 100%;
    min-height: 340px;
  }
  div#guide_mail div.docomo_01 {
    float: left;
    width: 48%;
  }
  div#guide_mail div.docomo_01 ul {
    width: 100%;
    min-height: 340px;
  }
  div#guide_mail div.au_01 {
    float: right;
    width: 48%;
  }
  div#guide_mail p.docomo_au_tit {
    font-size: 22px;
    vertical-align: middle;
  }
  div#guide_mail div.ttl h2 {
    font-size: 22px;
    line-height: 1.5;
  }
  div#guide_mail div.phon ul {
    text-align: center;
    margin: 0 auto 40px;
  }
  div#guide_mail div.phon ul li {
    width: 30%;
    display: inline-block;
  }
}

#ai_travel {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 980px;
  font-size: 13px;
  background-color: #FFF;
}

#ai_travel .mgb_10, #ai_travel h2 img {
  margin-bottom: 10px;
}

#ai_travel ul.navi {
  margin-bottom: 20px;
  width: 100%;
  font-size: 0;
}

#ai_travel ul.navi li.navi_l {
  display: -moz-inline-box;
  display: inline-block;
  width: 57.14286%;
}

#ai_travel ul.navi li.navi_r {
  display: -moz-inline-box;
  display: inline-block;
  width: 42.85714%;
}

#ai_travel ul.navi01, #ai_travel ul.navi02 {
  width: 100%;
  text-align: center;
  font-size: 0;
}

#ai_travel ul.navi01 li {
  display: -moz-inline-box;
  display: inline-block;
  width: 25%;
}

#ai_travel ul.navi02 li {
  display: -moz-inline-box;
  display: inline-block;
  width: 33.33333%;
}

#ai_travel div#co01 h3, #ai_travel div#co02 h3, #ai_travel div#co03 h3, #ai_travel div#co04 h3, #ai_travel div#co05 h3, #ai_travel div#co06 h3, #ai_travel div#co07 h3 {
  margin-bottom: 30px;
}

#ai_travel div#co01 ul, #ai_travel div#co02 ul, #ai_travel div#co03 ul, #ai_travel div#co04 ul, #ai_travel div#co05 ul, #ai_travel div#co06 ul {
  margin-bottom: 40px;
  width: 100%;
  font-size: 0;
}

#ai_travel div#co01 li {
  display: -moz-inline-box;
  display: inline-block;
  margin: 0 0 0 2.0408163265306123%;
  width: 30.612244897959183%;
  font-size: 12px;
  line-height: 1.8;
  vertical-align: top;
}

#ai_travel div#co02 li, #ai_travel div#co03 li, #ai_travel div#co04 li, #ai_travel div#co05 li, #ai_travel div#co06 li {
  display: -moz-inline-box;
  display: inline-block;
  margin: 0 0 0 2.0408163265306123%;
  width: 46.93877551020408%;
  font-size: 12px;
  line-height: 1.8;
  vertical-align: top;
}

#ai_travel div#co01 .bn, #ai_travel div#co02 .bn, #ai_travel div#co03 .bn, #ai_travel div#co04 .bn, #ai_travel div#co05 .bn, #ai_travel div#co06 .bn {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  width: 55.61224%;
}

#ai_travel div#co07 .bn {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  width: 55.61224%;
}

#ai_travel div#co07 ul {
  margin-bottom: 20px;
  width: 100%;
  font-size: 0;
}

#ai_travel div#co07 li {
  display: -moz-inline-box;
  display: inline-block;
  margin: 0 0 0 2.0408163265306123%;
  width: 30.612244897959183%;
}

#ai_travel div#co08 {
  margin-bottom: 25px;
  text-align: center;
  width: 100%;
}

#ai_travel div#co08 p {
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
}

#ai_travel div#co08 img {
  margin: 0 0 0 1.0204081632653061%;
  width: 48.46939%;
}

#ai_travel div#co09 .bn {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

#ai_travel div#co09 p {
  text-align: center;
  font-size: 16px;
}

#ai_travel div#co09 img {
  margin-bottom: 10px;
}

.liquid {
  width: 100% !important;
  position: relative;
}

.liquid .wrapper {
  margin: 0 auto;
  overflow: hidden;
}

.liquid .next {
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin-top: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
}

.liquid .previous {
  position: absolute;
  top: 50%;
  bottom: 50%;
  margin-top: -16px;
  display: block;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  cursor: pointer;
  background: url("https://netshop.san-ai.com/img/layout/icon_arro_left.png") center center no-repeat #e1e1e1;
  background-size: 11px 13px;
  left: 0;
}

.liquid .next {
  background: url("https://netshop.san-ai.com/img/layout/icon_arro_right.png") center center no-repeat #e1e1e1;
  background-size: 11px 13px;
  right: 0;
}

.liquid ul {
  position: absolute;
  left: 33px;
}

.liquid ul li {
  text-align: center;
  width: 200px !important;
  font-size: 80%;
  line-height: 130%;
}

.liquid ul li .sysItemImage {
  margin-bottom: 5px;
}

.liquid ul li a {
  color: #555;
}

#sysRegisterEmptymail .sysCartNote {
  display: none !important;
}

#sysRegisterEmptymail .sysNextSubmitArea .sysNextSubmit, #sysRegisterEmptymail .sysNextSubmitArea:after {
  display: none !important;
}

#sysRegi #sysRegisterEmptymail .sysAcceptDomainArea, #sysRegi #sysRegisterEmptymail .sysBox div:first-child {
  display: none;
}

dialog, div#lowAmazonPayButton {
  display: none;
}

button#show-dlg-1 {
  width: 200px !important;
  background-color: #e6001a !important;
  color: #FFF;
  border: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

input.sysNextSubmit.mdl-button {
  width: 96% !important;
  height: 45px !important;
  left: 2%;
}

#dlg-1 input.sysNextSubmit.mdl-button {
  background: #79c0e2 !important;
  border: none !important;
  color: #FFF;
  margin: 7.2px 0 20px !important;
}

button#show-dlg-3 {
  background: #ec839f !important;
  border: none !important;
  color: #FFF;
}

#guest_submit2.sysNextSubmit.sysOpcNextSubmit {
  background: #e6001a !important;
  color: #FFF;
  border: 0;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

button.close {
  background: #FFF !important;
  border: none !important;
  text-align: right !important;
}

p.user_type {
  margin-bottom: 20px;
}

.sanai_movie {
  margin: 0 auto;
  padding: 0 auto;
  width: 730px;
}

.sanai_movie .bx-wrapper {
  position: relative;
  margin: 0 auto 5px -5px;
  padding: 0;
  width: 100%;
}

.sanai_movie .bx-wrapper ul li {
  position: relative;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.sanai_movie #bxslider_wapper .bx-wrapper .bx-viewport {
  background: 0;
  border: 0;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  left: 5px;
  margin: 0 auto;
  width: 100%;
}

.sanai_movie #bxslider_wapper .bx-wrapper img {
  text-align: center;
  margin: 0 auto;
}

.sanai_movie #bx-pager {
  display: table;
  width: 100%;
  margin: 0 auto;
  min-height: 1px;
}

.sanai_movie #bx-pager > a {
  width: 19%;
  float: left;
  margin: 0.5%;
  display: table-cell;
}

.sanai_movie #bx-pager img {
  display: block;
  width: 100%;
}

.sanai_movie .iframe_wrap {
  position: relative;
  width: 100%;
}

.sanai_movie .iframe_wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  .sanai_movie {
    margin: 0 auto;
    padding: 0 auto;
    width: 100%;
  }
}

@media screen and (max-width: 480px) {
  .sanai_movie {
    margin: 0 auto;
    padding: 0 auto;
    width: 100%;
  }
}

.main_swim_movie {
  margin-bottom: 40px;
}

.fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.9);
}

.fixd_position {
  top: 58px !important;
}

.sotsutabi20170113 .clear-fix:after {
  content: "";
  display: block;
  clear: both;
}

.sotsutabi20170113 .red01 {
  color: #e60012;
}

.sotsutabi20170113 .main_visual_box {
  position: relative;
  margin-bottom: 30px;
}

.sotsutabi20170113 .main_visual_box .text_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 55%;
  bottom: 0;
  width: 60%;
  margin: auto;
  font-size: 16px;
  line-height: 1.8;
  text-align: center;
}

.sotsutabi20170113 .main_visual_box .text_box .date {
  font-size: 28.5px;
  line-height: 1.5;
}

.sotsutabi20170113 .tomemberbox {
  margin-bottom: 35px;
  text-align: center;
}

.sotsutabi20170113 .tomemberbox .caption {
  font-size: 14px;
  line-height: 1.8;
}

.sotsutabi20170113 .tomemberbox h4 {
  margin-bottom: 35px;
  font-size: 20px;
}

.sotsutabi20170113 .tomemberbox p {
  font-size: 18px;
  line-height: 1.8;
}

.sotsutabi20170113 .tomemberbox p .red01 {
  font-size: 22px;
}

.sotsutabi20170113 .tomemberbox p.note {
  margin-bottom: 28px;
}

.sotsutabi20170113 .howtojoin li {
  float: left;
  width: 49.5%;
  height: 290px;
  border: 1px solid #838383;
  margin-bottom: 30px;
  font-size: 13px;
}

.sotsutabi20170113 .howtojoin li:first-child {
  margin-right: 1%;
}

.sotsutabi20170113 .howtojoin li:last-child {
  width: 100%;
  height: 100%;
  text-align: center;
}

.sotsutabi20170113 .howtojoin li h6 {
  margin-bottom: 10px;
  padding: 10px 0;
  background: #838383;
  font-size: 24.5px;
  font-weight: lighter;
  color: #fff;
  text-align: center;
}

.sotsutabi20170113 .howtojoin li p.date {
  width: 70%;
  margin: 0 auto 10px;
  padding: 5px 0;
  background: #fff5a0;
  text-align: center;
  font-weight: 700;
}

.sotsutabi20170113 .howtojoin li .img, .sotsutabi20170113 .howtojoin li .txt {
  float: left;
  width: 50%;
  padding: 10px;
}

.sotsutabi20170113 .howtojoin li .point_get_box {
  padding: 2% 4% 3%;
}

.sotsutabi20170113 .point_get_box p.ttl {
  font-size: 40.6px;
  text-align: center;
}

.sotsutabi20170113 .point_get_box p.ttl img {
  padding-bottom: 27px;
  vertical-align: middle;
}

.sotsutabi20170113 .point_get_box p.ttl .red01 strong {
  font-size: 73.8px;
}

.sotsutabi20170113 .point_expl li {
  float: left;
  width: 60%;
  font-size: 14px;
  line-height: 2.2;
}

.sotsutabi20170113 .point_expl li .red01 {
  font-size: 24px;
  font-weight: 700;
  text-decoration: underline;
}

.sotsutabi20170113 li.cloud {
  position: relative;
  width: 40%;
}

.sotsutabi20170113 .cloud_txt {
  position: absolute;
  left: 41px;
  top: 60px;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.5;
}

.sotsutabi20170113 .point_expl li .cloud_txt .red01 {
  font-size: 19px;
  text-decoration: none;
}

.sotsutabi20170113 .insta_pickup h2 {
  text-align: center;
  font-size: 20px;
  margin-bottom: 5%;
}

.sotsutabi20170113 .insta_pickup li {
  float: left;
  width: 50%;
  padding-bottom: 27px;
  border-bottom: 1px solid #838383;
  margin-bottom: 15px;
}

.sotsutabi20170113 .insta_pickup li:last-child {
  border-bottom: 0;
}

.sotsutabi20170113 .insta_pickup li .img_box {
  float: left;
  width: 50%;
}

.sotsutabi20170113 .insta_pickup li .text_box {
  float: left;
  width: 50%;
  padding: 0 3%;
}

.sotsutabi20170113 .insta_pickup li .text_box h6 {
  margin-bottom: 20px;
  padding-top: 20px;
  font-size: 15px;
  line-height: 1.4;
  text-align: center;
}

.sotsutabi20170113 .insta_pickup li .text_box > p {
  height: 150px;
}

.sotsutabi20170113 .insta_pickup li .text_box > p + p {
  height: auto;
}

.sotsutabi20170113 .check_it {
  background: #f4f4f4;
  border: 1px solid #838383;
  padding: 4%;
  margin-bottom: 30px;
}

.sotsutabi20170113 .check_it h3 {
  text-align: center;
  font-size: 18px;
  line-height: 1.8;
  margin-bottom: 2%;
}

.sotsutabi20170113 .check_it ul {
  margin-bottom: 1%;
}

.sotsutabi20170113 .check_it li {
  float: left;
  width: 32.6%;
  margin-right: 1%;
  margin-bottom: 1%;
}

.sotsutabi20170113 .check_it li:nth-child(3n) {
  margin-right: 0;
}

.sotsutabi20170113 .check_it p {
  text-align: center;
}

.sotsutabi20170113 .sotsutabi .main {
  position: relative;
}

.sotsutabi20170113 .sotsutabi .txt_box {
  position: absolute;
  left: 0;
  right: 0;
  top: 60%;
  bottom: 0;
  margin: auto;
  text-align: center;
  color: #fff;
  font-size: 18px;
  text-shadow: 1px 1px 3px #000;
  line-height: 1.7;
}

.sotsutabi20170113 .sotsutabi .txt_box .date {
  margin-bottom: 2%;
}

.sotsutabi20170113 .sotsutabi .txt_box .note img {
  vertical-align: text-bottom;
}

.sotsutabi20170113 .sotsutabi .txt_box strong {
  color: #f7fe2a;
  font-size: 23px;
}

.sotsutabi20170113 .sotsutabi .content {
  background: #fff2f9;
  padding: 3% 0;
  margin-bottom: 80px;
}

.sotsutabi20170113 .sotsutabi .content > p {
  text-align: center;
  line-height: 1.8;
}

.sotsutabi20170113 .sotsutabi .content > p + p {
  font-size: 20px;
}

.sotsutabi20170113 .howto {
  width: 95%;
  margin: 0 auto;
}

.sotsutabi20170113 .howto li {
  float: left;
  width: 49.5%;
  height: 300px;
  border: 2px solid #10386b;
  margin-bottom: 30px;
  font-size: 13px;
  background: #fff;
}

.sotsutabi20170113 .howto li:first-child {
  margin-right: 1%;
}

.sotsutabi20170113 .howto li h6 {
  margin-bottom: 10px;
  padding: 10px 0;
  background: #10386b;
  font-size: 24.5px;
  font-weight: lighter;
  color: #fff;
  text-align: center;
}

.sotsutabi20170113 .howto li p.date {
  width: 70%;
  margin: 0 auto 10px;
  padding: 5px 0;
  background: #fff5a0;
  text-align: center;
  font-weight: 700;
}

.sotsutabi20170113 .howto li .img, .sotsutabi20170113 .howto li .txt {
  float: left;
  width: 50%;
  padding: 10px;
}

.sotsutabi20170113 .howto li.price_off {
  font-size: 39.5px;
  line-height: 1.3;
  text-align: center;
}

.sotsutabi20170113 .howto li.price_off h6 {
  line-height: 0.8;
}

.sotsutabi20170113 .howto li.price_off .red01 {
  font-size: 78px;
}

.sotsutabi20170113 .sotsutabi .point_expl li:first-child {
  padding-left: 10%;
  font-size: 17.5px;
  font-weight: 700;
}

.sotsutabi20170113 .sotsutabi .point_expl li.cloud .cloud_txt {
  left: 64px;
  top: 38px;
  font-size: 24px;
}

.sotsutabi20170113 .sotsutabi .point_expl li.cloud .red01 {
  font-size: 24px;
}

.bnr_box, .btn_box {
  text-align: center;
  margin-bottom: 3%;
}

.payment_title {
  margin: 10px 0;
}

.payment_title img {
  width: 150px;
}

.payment_link:after {
  display: block;
  content: "";
  clear: both;
}

.payment_link a {
  width: 48%;
  margin: 5px 1% 15px;
  height: auto;
  float: left;
  overflow: hidden;
}

.side_swim_navi .sysContent nav ul li:nth-child(n+16) {
  display: none;
}

@media screen and (max-width: 640px) {
  .payment_title {
    margin: 20px 0 10px;
  }
  .payment_title img {
    width: 120px;
  }
  .payment_link a {
    width: 100%;
    margin: 5px 0;
  }
}

#sysItemCategory .sysCategoryDescription h1 {
  margin: 10px 0;
  padding: 5px;
  font-size: 14px;
  text-align: center;
  border-bottom: 1px solid #bfbfbf;
}

#sysItemCategory .sysRetailPriceWithSuggested {
  font-weight: bold;
  font-size: 14px;
  margin: 5px 0;
  color: crimson;
}

#sysItemSearch .sysRetailPriceWithSuggested {
  font-weight: bold;
  font-size: 14px;
  margin: 5px 0;
  color: crimson;
}

.corporate_swim_pickup ul {
  font-size: 0;
}

.corporate_swim_pickup li {
  float: none !important;
  display: inline-block;
  width: 25% !important;
  margin-bottom: 10px;
  font-size: 12px;
  vertical-align: top;
}

.sysCart #sysMain button, .sysCart #sysMain input[type=submit] {
  background: -webkit-gradient(linear, left top, left bottom, from(#e4dfcf), to(#c5b994));
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr= '#FFE4DFCF', endColorstr='#FFC5B994');
  border: 1px solid #999;
  background-color: #e6e6e7;
  background-image: none;
  -webkit-appearance: none;
  color: #000;
}

#sysMain button.mdl-button.full-width, #sysMain button.mdl-button.next_btn {
  color: #000;
}

.sysCart #sysMain button {
  color: #000;
}

#sysOnePageConfirm .sysNextSubmit, .opcDialogBtnArea .mdl-button--raised.mdl-button--colored {
  background-color: #e6001a !important;
  color: #fff;
  margin: 0 5%;
  width: 90%;
}

.wrapper_another_address, .wrapper_another_delivery_method, .wrapper_another_payment {
  padding: 0;
}

.mdl-dialog__content #show-dlg-2, .sysCart #sysMain .sysNextSubmitArea .sysNextSubmit {
  background: #79c0e2 !important;
  border: none !important;
  color: #FFF !important;
}

.mdl-dialog__content #show-dlg-3 {
  background: #ec839f !important;
  border: none !important;
  color: #FFF !important;
}

.basket_freearea {
  width: 80%;
  margin: 0 10%;
}

#sysBasket .sysFreeArea button {
  width: 100%;
}

form.opcUseAmazon {
  padding-top: 15px;
}

button.useAmazon {
  padding: 0;
}

button#show-dlg-1 {
  top: 0;
  left: 0;
}

.sysOpcNextSubmit, button#show-dlg-1_low {
  background-color: #e6001a !important;
  color: #FFF !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.sysOpcNextSubmit {
  text-shadow: none;
  border: none !important;
  background-color: #af3737 !important;
  box-shadow: 0 1px 0 #c00c20;
}

.sysNextSubmitAreaForUseAmazon {
  padding-top: 21px;
}

#lowAmazonPayButton {
  margin: 0;
  padding: 0;
}

div#upperAmazonPayButton {
  margin: 0;
  padding: 0;
}

div#lowAmazonPayButton {
  display: block;
  height: 46px;
}

#opcCartOpt {
  display: none;
}

#sysBasket .sysBackButton {
  margin-top: 25px !important;
}

#sysBasket div#layoutWrap {
  display: none;
}

#sysBasket div#layoutWrap02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 30px;
}

#sysBasket .sysNextSubmitAreaForUseAmazon.useOPC {
  width: 200px;
  padding-top: 0;
  float: none;
  margin-right: 30px;
}

#sysBasket .mdl_btn_.opcDialog, #sysBasket form.opcUseAmazon {
  width: 200px;
  float: none;
  padding: 0;
}

#sysBasket #sysMain .sysBackButton {
  margin: 25px auto 0 !important;
}

#sysBasket .cart_pickup {
  margin-top: 15px;
}

#sysBasket .cart_pickup .sysHeadline {
  text-align: center;
  font-size: 15px;
  line-height: 25px;
}

#sysBasket .cart_pickup .sysHeadline font {
  display: inline-block;
  padding-left: 1em;
  font-weight: 500;
}

#sysBasket .cart_pickup .sysHeadline b {
  display: inline-block;
  padding-left: 0.1em;
  color: #2c2925;
}

.sysCart #sysMain button.dlg-close {
  top: 0;
  right: 0;
}

.mdl-dialog {
  padding: 2%;
}

h3.dialog_title {
  font-size: 14px !important;
}

.sysSelectDeliveriesArea .sys_cart_item_list td {
  padding: 1%;
}

.mdl-dialog__content .sys_cart_item_list .cart_item_other, .mdl-dialog__content .sys_cart_item_list .cart_item_price {
  width: 70px;
  text-align: center;
}

.mdl-dialog__content .sys_cart_item_list .cart_item_num {
  width: 40px;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .sysCart #sysMain button.useAmazonGuest {
    top: -56px;
  }
}

#sysHeader .header_bnr {
  width: 100%;
  height: 61px;
}

#sysHeader .header_bnr .inner {
  width: 980px;
  margin: 0 auto;
}

#sysHeader .header_bnr .inner img {
  max-width: 100%;
}

@media screen and (max-width: 980px) {
  #sysHeader .header_bnr {
    width: 100%;
    height: 37px;
  }
  #sysHeader .header_bnr .inner {
    width: 600px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 640px) {
  #sysItemCategory .category_bnr {
    margin: 10px auto 20px;
  }
  #sysHeader .header_bnr {
    width: 100%;
    height: 15.6vw;
  }
  #sysHeader .header_bnr .inner {
    width: 100%;
    margin: 0 auto;
  }
}

.sysGoCartButton {
  background: url("/img/layout/header/icon_cart.png") 20% center no-repeat #333333 !important;
  background-size: 30px !important;
  -webkit-box-shadow: #99643d 0 0 0 !important;
  box-shadow: #99643d 0 0 0 !important;
}

.sysCartInDone span {
  display: block;
  width: 100%;
  text-align: center;
  height: 50px;
  line-height: 40px;
  font-size: 15px;
  margin-top: 10px;
  font-weight: 700;
}

.header_sp_common {
  margin-bottom: 0 !important;
}

@media screen and (max-width: 1100px) {
  .sysCartInDone span {
    margin: 10px 0 -10px;
  }
}

#sysItemDetail .sysFormVariationName {
  padding: 8px 3px !important;
  font-size: 12px !important;
}

#sysItemDetail select {
  height: 30px !important;
  min-width: 320px !important;
}

#sysItemDetail .sysNumArea .sysBtnMinus, #sysItemDetail .sysNumArea .sysBtnPlus {
  width: 45% !important;
}

#sysItemDetail #itemModal {
  float: left;
  margin-right: 40px;
  max-width: 450px;
  border: 1px solid #efefef;
  overflow: hidden;
}

#sysItemDetail .sysModal img {
  width: 100%;
}

#sysItemDetail .sysModal #photoNum {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 50%;
  line-height: 40px;
  color: #fff;
  font-size: 10px;
  text-align: center;
  z-index: 100;
}

#sysItemDetail .sysModal #modalNext {
  display: block;
  position: absolute;
  width: 20px;
  height: 35px;
  background-size: 20px;
  background-image: url("/img/layout/icon_arrow.png");
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 20px 10px;
  z-index: 1000;
}

#sysItemDetail .sysModal #modalPreb {
  display: block;
  position: absolute;
  width: 20px;
  height: 35px;
  background-size: 20px;
  background-image: url("/img/layout/icon_arrow.png");
  background-repeat: no-repeat;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 20px 10px;
  z-index: 1000;
  left: 10px;
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  -webkit-filter: FlipH;
  filter: FlipH;
  -ms-filter: "FlipH";
}

#sysItemDetail .sysModal #modalNext {
  right: 10px;
}

.form-restore h2 {
  font-size: 22px;
  margin: 10px 0;
}

.form-restore .sys1 {
  border-top: 1px dotted #4b4848;
  border-bottom: 1px dotted #4b4848;
  padding: 20px 0;
  margin-top: 20px;
}

.form-restore .sys1:after {
  display: block;
  content: "";
  clear: both;
}

.form-restore .sys2 {
  border-bottom: 1px dotted #4b4848;
  padding: 20px 0;
  margin-top: 0;
}

.form-restore .sys1 .sysFormLabel, .form-restore .sys2 .sysFormLabel {
  display: inline-block;
  color: #4b4848;
  border-left: 3px solid #4b4848;
  padding-left: 5px;
  margin-bottom: 10px;
}

.form-restore .sysItemNameByFreeform {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1.6;
  float: right;
  margin-top: 0;
  max-width: 550px;
}

.form-restore .sysItemThumnailByFreeform {
  max-width: 400px;
  margin-bottom: 10px;
  float: left;
}

.form-restore .sysItemVariationByFreeform {
  float: right;
}

.form-restore .sysItemVariationByFreeform select {
  height: 30px !important;
  min-width: 300px;
  display: inline-blok;
  background: url() #f8f8f8 !important;
  border: 1px solid #a6a6a6 !important;
  color: #888;
  position: relative;
}

.form-restore .sys2 input[type=text] {
  width: 96%;
  height: 32px;
  padding: 0;
  display: block;
  margin: 5px 0 20px;
  border-radius: 5px;
  border: 1px solid #999;
  font-size: 13px;
}

.form-restore .sysNextSubmit {
  display: block;
  width: 50%;
  font-size: 15px;
  margin: 15px auto;
  height: 50px;
  color: #fff;
  background: #676767;
  border: 0;
  padding: 6px;
  border-radius: 5px;
  font-size: 12px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.form-restore .sysNextSubmit:hover {
  opacity: 0.7;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#sysItemCategory #brand_concept {
  margin-top: 10px;
}

#sysItemCategory #brand_concept .main_img img {
  width: 100%;
  margin-bottom: 0;
}

#sysItemCategory #brand_concept .txt_wrap {
  text-align: center;
  padding-bottom: 20px;
}

#sysItemCategory #brand_concept .txt_wrap h1.concept {
  letter-spacing: 0.05em;
  border-bottom: none !important;
}

#sysItemCategory #brand_concept .txt_wrap h1.concept span {
  font-size: 20px;
  display: inline-block;
  padding-right: 0.5em;
  font-family: 'Montserrat', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

#sysItemCategory #brand_concept .txt_wrap h1.concept font {
  font-size: 12px;
}

#sysItemCategory #brand_concept .txt_wrap p {
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 10px;
}

#sysItemCategory #brand_concept .txt_wrap p span {
  display: block;
}

#sysItemCategory #brand_concept .brand_subcat ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 5%;
  text-align: center;
}

#sysItemCategory #brand_concept .brand_subcat li {
  width: 33.3333333%;
  padding: 0 5px;
  text-align: center;
}

#sysItemCategory #brand_concept .brand_subcat li a {
  text-decoration: none !important;
}

#sysItemCategory #brand_concept .brand_subcat li a span {
  display: block;
  padding: 5px 0;
}

#sysItemCategory #brand_concept .brand_subcat li img {
  display: block;
  margin: 0 auto;
  border: 1px solid #ccc;
}

#sysItemCategory #brand_concept .brand_category {
  margin-bottom: 30px;
}

#sysItemCategory #brand_concept .brand_category ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#sysItemCategory #brand_concept .brand_category ul li {
  width: 24%;
  margin-right: 1.3333333%;
  text-align: center;
}

#sysItemCategory #brand_concept .brand_category ul li:last-child {
  margin-right: 0;
}

#sysItemCategory #brand_concept .brand_category ul li a {
  font-size: 10px;
  display: block;
  padding: 10px 0;
  background: #222;
  color: #fff;
  position: relative;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

#sysItemCategory #brand_concept .brand_category ul li a:before {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 6px;
  height: 6px;
  margin: auto;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

#sysItemCategory #brand_concept .brand_category ul li a:hover {
  text-decoration: none !important;
  background: #ddd;
  color: #222;
}

#sysItemCategory #brand_concept .brand_category ul li a:hover:before {
  border-top: 2px solid #222;
  border-right: 2px solid #222;
}

#sysItemCategory #style_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
}

#sysItemCategory #style_list li {
  width: 25%;
  padding: 5px;
  text-align: center;
  font-size: 12px;
}

#sysItemCategory #style_list li img {
  margin-bottom: 5px;
  border: 1px solid #f1f1f1;
}

@media screen and (max-width: 750px) {
  #sysItemCategory .sysItemCategoryCtl {
    margin: 0 3% !important;
  }
  #sysItemCategory #brand_concept {
    margin-top: 10px;
  }
  #sysItemCategory #brand_concept img {
    width: 100%;
    margin-bottom: 0;
  }
  #sysItemCategory #brand_concept h1 {
    padding: 5px 0 !important;
    margin: 10px auto;
    font-size: 3vw;
  }
  #sysItemCategory #brand_concept .txt_wrap {
    padding-bottom: 5px;
  }
  #sysItemCategory #brand_concept .txt_wrap h2.concept {
    font-size: 4.5vw;
  }
  #sysItemCategory #brand_concept .txt_wrap p {
    font-size: 10px;
    margin: 0 3% 10px;
    text-align: left;
  }
  #sysItemCategory #brand_concept .txt_wrap p span {
    display: inline;
  }
  #sysItemCategory #brand_concept .brand_subcat ul {
    width: 100%;
    margin: 0;
  }
  #sysItemCategory #brand_concept .brand_category {
    margin-bottom: 30px;
  }
  #sysItemCategory #brand_concept .brand_category ul {
    width: 96%;
    margin: 0 2%;
  }
  #sysItemCategory #brand_concept .brand_category ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
  }
  #sysItemCategory #brand_concept .brand_category ul li:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  #sysItemCategory #style_list li {
    width: 50%;
  }
}

#sysBasket section#scroll-tab-1 p.dialog_title::after {
  content: '※フルネームで記入してください。';
  display: block;
  color: #d50000;
}

#sysBasket section#scroll-tab-1 .page-content .mdl-textfield:nth-child(1)::before {
  content: '名前（フルネーム）';
  color: rgba(0, 0, 0, 0.26);
}

#sysBasket section#scroll-tab-1 .page-content .mdl-textfield:nth-child(2)::before {
  content: 'フリガナ（フルネーム）';
  color: rgba(0, 0, 0, 0.26);
}

#sysBasket section#scroll-tab-1 label.mdl-textfield__label[for="name"],
#sysBasket section#scroll-tab-1 label.mdl-textfield__label[for="name_kana"] {
  visibility: hidden;
}

/*!────────────────────────────────────────
 * parts.css
 *────────────────────────────────────────*/
/* ====================================================================================================
 aishipリセット
==================================================================================================== */
.sysFuncItemBlock .sysHeadline {
  padding: 0;
}

.sysFuncItemBlock .sysContent .sysHorizontal::after {
  content: none;
}

.sysFuncItemBlock .sysContent .sysHorizontal li {
  float: none;
  padding: 0;
}

.sysFuncText .sysHeadline,
.sysFuncListNav .sysHeadline,
.sysFuncItemCategory .sysHeadline {
  padding: 0;
}

.sysFuncText ul::after,
.sysFuncListNav ul::after,
.sysFuncItemCategory ul::after {
  content: none;
}

.sysFuncText ul li.sysText,
.sysFuncListNav ul li.sysText,
.sysFuncItemCategory ul li.sysText {
  float: none;
}

.sysFuncText ul li.sysText a,
.sysFuncListNav ul li.sysText a,
.sysFuncItemCategory ul li.sysText a {
  padding: 0;
}

/* ====================================================================================================
 全体設定
==================================================================================================== */
#sysAll,
#sysAside,
#sysFooter,
#sysHeader,
#sysMain,
body,
html {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

img {
  width: 100%;
}

/* ====================================================================================================
 aタグの設定
==================================================================================================== */
a {
  transition: all 0.3s;
}

a img {
  transition: all 0.3s;
}

a:hover {
  transition: all 0.3s;
  text-decoration: none;
  opacity: 0.7;
}

a:hover img {
  transition: all 0.3s;
  opacity: 1;
}

/* ====================================================================================================
 見出し設定
==================================================================================================== */
.ttl01 {
  display: block;
  margin: 0 auto 60px;
  border-bottom: none !important;
  padding: 0 !important;
  font-size: 50px;
  text-align: center;
  font-family: "Scheherazade", serif !important;
  font-weight: normal;
}

.ttl01 .sub_ttl {
  font-size: 20px;
  display: block;
  padding-top: 25px;
}

.ttl01_ja {
  display: block;
  margin: 0 auto 10px;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.052em;
  font-weight: normal;
  font-family: メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .ttl01 {
    margin: 0 auto 60px;
    font-size: 40px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .ttl01 {
    margin: 0 auto calc(60 * (100vw / 750));
    font-size: calc(64 * (100vw / 750));
  }
}

.ttl02 {
  display: block;
  font-size: 50px;
  font-weight: normal;
  line-height: 1;
  position: relative;
  letter-spacing: 0.02em;
  font-family: "Scheherazade", serif !important;
  text-align: center;
}

.ttl02::after {
  content: "";
  display: block;
  width: 100px;
  height: 2px;
  background-color: #333;
  margin: 17px auto 0;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .ttl02 {
    font-size: 40px;
  }
  .ttl02::after {
    width: 80px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .ttl02 {
    font-size: calc(64 * (100vw / 750));
  }
  .ttl02::after {
    width: calc(100 * (100vw / 750));
    margin: calc(23 * (100vw / 750)) auto 0;
  }
  .ttl01_ja {
    margin: 0 auto 4.53333vw;
    font-size: 4.53333vw;
  }
}

/* ====================================================================================================
 パンくず設定
==================================================================================================== */
.breadcrumb {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  box-sizing: border-box;
  max-width: 1100px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  font-size: 12px;
  line-height: normal;
  font-family: "Lato", "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif !important;
}

.breadcrumb li::after {
  content: ">";
}

.breadcrumb li:last-child::after {
  content: none;
}

.breadcrumb li a {
  padding: 0 5px;
}

/* SPここから */
@media screen and (max-width: 640px) {
  .breadcrumb {
    padding: 0 1%;
    margin-bottom: 5px;
    font-size: 10px;
  }
  .breadcrumb li a {
    padding: 0 3px;
  }
}

/* ====================================================================================================
Scheherazadeフォントの適用
==================================================================================================== */
.scheherazade {
  font-family: "Scheherazade", serif !important;
  font-weight: normal;
}

/* ====================================================================================================
游明朝フォントの適用
==================================================================================================== */
.yu_gothic {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: normal;
}

/* ====================================================================================================
 テキスト共通指定
==================================================================================================== */
.txt_lead {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 1.85;
  letter-spacing: 0.052em;
  text-align: left;
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .txt_lead {
    font-size: 12px;
  }
}

/* ====================================================================================================
 ボタンデザイン
==================================================================================================== */
.btn_190318 p {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 500px;
  margin: 0 auto;
}

.btn_190318 p a {
  font-size: 14px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  letter-spacing: 0.08em;
  flex: 1 1 auto;
  padding: 20px;
  border: 1px solid #333;
  text-align: center;
  transition: 0.3s;
  display: block;
  position: relative;
}

.btn_190318 p a::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 19px;
  top: 26px;
}

.btn_190318 p a::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 14px;
  top: 26px;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .btn_190318 p {
    width: 60%;
  }
  .btn_190318 p a {
    padding: 15px;
  }
  .btn_190318 p a::before {
    right: 19px;
    top: 19px;
  }
  .btn_190318 p a::after {
    right: 14px;
    top: 19px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .btn_190318 p {
    width: 90%;
  }
  .btn_190318 p a {
    padding: 15px;
  }
  .btn_190318 p a::before {
    right: 19px;
    top: 20px;
  }
  .btn_190318 p a::after {
    right: 14px;
    top: 20px;
  }
}

.btn02_190318 {
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  width: 320px;
  margin: 0 auto;
}

.btn02_190318 a {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, sans-serif !important;
  letter-spacing: 0.075em;
  flex: 1 1 auto;
  padding: 17px;
  border: 1px solid #333;
  text-align: center;
  transition: 0.3s;
  display: block;
  position: relative;
}

.btn02_190318 a::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 19px;
  top: 22px;
}

.btn02_190318 a::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 14px;
  top: 22px;
}

.common_btn_more {
  margin-bottom: 110px;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .btn02_190318 {
    width: 60%;
  }
  .btn02_190318 a {
    padding: 15px;
  }
  .btn02_190318 a::before {
    right: 19px;
    top: 19px;
  }
  .btn02_190318 a::after {
    right: 14px;
    top: 19px;
  }
  .common_btn_more {
    margin-bottom: 70px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .btn02_190318 {
    width: 90%;
  }
  .btn02_190318 a {
    padding: 15px;
  }
  .btn02_190318 a::before {
    right: 19px;
    top: 19px;
  }
  .btn02_190318 a::after {
    right: 14px;
    top: 19px;
  }
  .common_btn_more {
    margin-bottom: 70px;
  }
}

.btn_w_arrow {
  margin: 0 auto;
  width: 100%;
}

.btn_w_arrow a {
  position: relative;
  display: block;
  padding: 20px;
  margin: 0 auto 15px;
  max-width: 470px;
  width: 90%;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.052em;
  border: 1px solid #333;
  transition: 0.3s;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.btn_w_arrow a:last-child {
  margin-bottom: 0;
}

.btn_w_arrow a::before, .btn_w_arrow a::after {
  content: "";
  display: inline-block;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  top: 23px;
}

.btn_w_arrow a::before {
  right: 20px;
}

.btn_w_arrow a::after {
  right: 15px;
}

.btn_w_arrow.btn_2rows {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.btn_w_arrow.btn_2rows a {
  width: 48%;
}

.btn_w_arrow.btn_2rows a:last-child {
  margin-bottom: 15px;
}

@media only screen and (max-width: 640px) {
  .btn_w_arrow a {
    padding: 15px;
    font-size: 4vw;
  }
  .btn_w_arrow a::before, .btn_w_arrow a::after {
    top: 18px;
  }
  .btn_w_arrow.btn_2rows {
    flex-wrap: wrap;
  }
  .btn_w_arrow.btn_2rows a {
    width: 90%;
  }
  .btn_w_arrow.btn_2rows a:last-child {
    margin-bottom: 15px;
  }
}

/* ====================================================================================================
 レイアウト
==================================================================================================== */
.m_wrap {
  max-width: 860px;
  margin: 0 auto 100px;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .m_wrap {
    width: 90%;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .m_wrap {
    width: 94%;
    margin: 0 auto 12.66667vw;
  }
}

/* ====================================================================================================
 flexレイアウト（横並び）
==================================================================================================== */
.flex_r {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* ====================================================================================================
 flexレイアウト（縦並び）
==================================================================================================== */
.flex_c {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

/* ====================================================================================================
 flexレイアウト01（例：TOPのカテゴリ部分）
==================================================================================================== */
.flex_layout01 {
  width: auto;
  max-width: 1000px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.flex_layout01 li {
  width: 490px;
  height: 490px;
  margin-bottom: 20px;
}

.flex_layout01 li a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.flex_layout01 li a img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.flex_layout01 li a:hover img {
  transform: scale(1.05);
}

.flex_layout01 li a p {
  font-size: 70px;
  line-height: 1;
  position: absolute;
  top: calc(50% - 35px);
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  color: #fff;
  text-align: center;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .flex_layout01 {
    width: 100%;
  }
  .flex_layout01 li {
    width: 49%;
    height: auto;
    margin-bottom: 20px;
  }
  .flex_layout01 li a img {
    position: static;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .flex_layout01 {
    width: 100%;
  }
  .flex_layout01 li {
    width: 100%;
    height: auto;
    margin-bottom: calc(20 * (100vw / 750));
  }
  .flex_layout01 li a img {
    position: static;
  }
  .flex_layout01 li a p {
    font-size: calc(93 * (100vw / 750));
    top: calc(50% - 7.3vw);
  }
}

/* ====================================================================================================
 flexレイアウト02（例：TOPのトピックス部分）
==================================================================================================== */
.flex_layout02 {
  width: auto;
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.flex_layout02 li {
  width: 24%;
}

.flex_layout02 li a {
  width: 100%;
  height: 100%;
  display: block;
}

.flex_layout02 li a div {
  width: 100%;
  padding-bottom: 100%;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.flex_layout02 li a div img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.flex_layout02 li a:hover div img {
  transform: scale(1.05);
}

.flex_layout02 li a p {
  font-size: 12px;
  line-height: 1.66;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .flex_layout02 {
    width: 100%;
  }
  .flex_layout02 li {
    width: 24%;
  }
  .flex_layout02 li a {
    height: auto;
  }
  .flex_layout02 li a div {
    padding-bottom: 0;
    margin-bottom: 10px;
  }
  .flex_layout02 li a div img {
    position: relative;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .flex_layout02 {
    width: 100%;
  }
  .flex_layout02 li {
    width: calc(370 * (100vw / 750));
    margin-bottom: calc(15 * (100vw / 750));
  }
  .flex_layout02 li a {
    height: auto;
  }
  .flex_layout02 li a div {
    padding-bottom: 0;
    margin-bottom: calc(15 * (100vw / 750));
  }
  .flex_layout02 li a div img {
    position: relative;
  }
  .flex_layout02 li a p {
    width: 92%;
    margin: 0 auto;
  }
}

/* ====================================================================================================
 コンセプト文エリア
==================================================================================================== */
.blk_common_concept .brand_concept_blk {
  margin: 0 auto 100px;
}

.blk_common_concept .brand_concept_blk p {
  font-size: 14px;
  text-align: center;
  line-height: 1.85;
}

/* TBここから */
@media only screen and (max-width: 980px) and (min-width: 641px) {
  .blk_common_concept .brand_concept_blk {
    margin: 0 auto 70px;
  }
  .blk_common_concept .brand_concept_blk p {
    font-size: 12px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .blk_common_concept .brand_concept_blk {
    margin: 0 auto calc(100 * (100vw / 750));
  }
  .blk_common_concept .brand_concept_blk p {
    font-size: calc(24 * (100vw / 750));
    width: 94%;
    margin: 0 auto;
    line-height: 1.6;
  }
}

/* ====================================================================================================
 商品ブロックflexレイアウトP4S2（例：TOPのNew Arrival）
==================================================================================================== */
.item_blk_P4S2 .sysContent .sysItemBlock ul {
  width: auto;
  max-width: 1260px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

.item_blk_P4S2 .sysContent .sysItemBlock ul li {
  width: 24%;
}

.item_blk_P4S2 .sysContent .sysItemBlock ul li a {
  width: 100%;
  display: block;
}

.item_blk_P4S2 .sysContent .sysItemBlock ul li a div {
  width: 100%;
  margin-bottom: 15px;
}

.item_blk_P4S2 .sysContent .sysItemBlock ul li a div img {
  width: 100%;
}

.item_blk_P4S2 .sysContent .sysItemBlock ul li a:hover div img {
  transform: scale(1.05);
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .item_blk_P4S2 .sysContent .sysItemBlock ul {
    width: 100%;
  }
  .item_blk_P4S2 .sysContent .sysItemBlock ul li {
    width: 24%;
  }
  .item_blk_P4S2 .sysContent .sysItemBlock ul li a {
    height: auto;
  }
  .item_blk_P4S2 .sysContent .sysItemBlock ul li a div {
    height: auto;
    margin-bottom: 10px;
  }
  .item_blk_P4S2 .sysContent .sysItemBlock ul li a div img {
    position: relative;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .item_blk_P4S2 .sysContent .sysItemBlock ul {
    width: 100%;
  }
  .item_blk_P4S2 .sysContent .sysItemBlock ul li {
    width: calc(370 * (100vw / 750));
    margin-bottom: calc(30 * (100vw / 750));
  }
  .item_blk_P4S2 .sysContent .sysItemBlock ul li a {
    height: auto;
  }
  .item_blk_P4S2 .sysContent .sysItemBlock ul li a div {
    height: auto;
    margin-bottom: calc(15 * (100vw / 750));
  }
  .item_blk_P4S2 .sysContent .sysItemBlock ul li a div img {
    position: relative;
  }
}

/* ====================================================================================================
 SNS_flexレイアウト（例：Ambassadorページ）
==================================================================================================== */
.flex_layout_sns {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.flex_layout_sns li {
  width: 150px;
  height: 150px;
}

.flex_layout_sns li a {
  width: 100%;
  height: 100%;
  display: block;
  border: 1px solid #8c8c8c;
  border-radius: 50%;
  position: relative;
}

.flex_layout_sns li a img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.flex_layout_sns li a img.blog {
  width: 36px;
}

.flex_layout_sns li a img.column {
  width: 50px;
}

.flex_layout_sns li a img.insta {
  width: 46px;
}

.flex_layout_sns li a img.facebook {
  width: 47px;
}

.flex_layout_sns li a img.youtube {
  width: 40px;
}

.flex_layout_sns li a img.line {
  width: 51px;
}

.flex_layout_sns li a:hover img {
  transform: scale(1.05);
}

.sns_190318 {
  width: 963px;
  margin: 0 auto 120px;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .flex_layout_sns {
    width: 80%;
  }
  .flex_layout_sns li {
    width: 100px;
    height: 100px;
  }
  .flex_layout_sns li a img.blog {
    width: 32px;
  }
  .flex_layout_sns li a img.column {
    width: 46px;
  }
  .flex_layout_sns li a img.insta {
    width: 40px;
  }
  .flex_layout_sns li a img.facebook {
    width: 41px;
  }
  .flex_layout_sns li a img.youtube {
    width: 36px;
  }
  .flex_layout_sns li a img.line {
    width: 45px;
  }
  .sns_190318 {
    width: 100%;
    margin: 0 auto 100px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .flex_layout_sns {
    width: calc(600 * (100vw / 750));
  }
  .flex_layout_sns li {
    width: auto;
    height: auto;
  }
  .flex_layout_sns li.blog {
    width: calc(50 * (100vw / 750));
  }
  .flex_layout_sns li.column {
    width: calc(70 * (100vw / 750));
  }
  .flex_layout_sns li.insta {
    width: calc(66 * (100vw / 750));
  }
  .flex_layout_sns li.facebook {
    width: calc(66 * (100vw / 750));
  }
  .flex_layout_sns li.youtube {
    width: calc(60 * (100vw / 750));
  }
  .flex_layout_sns li.line {
    width: calc(70 * (100vw / 750));
  }
  .flex_layout_sns li a {
    border: none;
  }
  .flex_layout_sns li a img.column {
    width: 100%;
  }
  .flex_layout_sns li a img.insta {
    width: 100%;
  }
  .flex_layout_sns li a img.facebook {
    width: 100%;
  }
  .flex_layout_sns li a img.youtube {
    width: 100%;
  }
  .flex_layout_sns li a img.line {
    width: 100%;
  }
  .sns_190318 {
    width: 100%;
    margin: 0 auto;
    padding-bottom: calc(100 * (100vw / 750));
  }
}

/* ====================================================================================================
 メインメニュー（例：Ambassadorページ）
==================================================================================================== */
.main_menu_190318 {
  width: 690px;
  margin: 0 auto 36px;
  padding-top: 35px;
}

.main_menu_190318 ul li a {
  display: block;
}

.main_menu_190318 ul li a p {
  font-size: 32px;
  line-height: 1;
  text-align: center;
}

.main_menu_190318 ul li a p span {
  font-size: 10px;
  display: block;
  padding-top: 15px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .main_menu_190318 {
    width: 100%;
    padding-top: 10px;
  }
  .main_menu_190318 ul li {
    width: 20%;
  }
  .main_menu_190318 ul li a p {
    font-size: 30px;
  }
  .main_menu_190318 ul li a p span {
    padding-top: 12px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .main_menu_190318 {
    width: 100%;
    margin: 0 auto calc(30 * (100vw / 750));
    padding-top: calc(20 * (100vw / 750));
  }
  .main_menu_190318 ul li {
    width: 25%;
    text-align: center;
    border-right: 1px solid #cdcdcd;
  }
  .main_menu_190318 ul li:last-of-type {
    border-right: none;
  }
  .main_menu_190318 ul li a p {
    font-size: calc(40 * (100vw / 750));
  }
  .main_menu_190318 ul li a p span {
    padding-top: 9px;
  }
}

/* ====================================================================================================
 ニュースレイアウト（例：brandページ）
==================================================================================================== */
.news_box {
  max-width: 1000px;
  margin: 0 auto;
}

.news_box ul li {
  padding: 40px 0 34px;
  border-bottom: 1px dotted #cdcdcd;
}

.news_box ul li:last-of-type {
  border-bottom: none;
}

.news_box ul li .date {
  font-size: 14px;
  line-height: 1;
  margin-bottom: 6px;
}

.news_box ul li .flex_layout_news {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

.news_box ul li .flex_layout_news .ttl {
  width: 380px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.71;
  text-indent: -1em;
  padding-left: 1em;
}

.news_box ul li .flex_layout_news .ttl::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  padding-right: 8px;
  margin-left: 2px;
}

.news_box ul li .flex_layout_news .txt {
  width: 600px;
  font-size: 14px;
  line-height: 1.71;
}

.news_box ul li .flex_layout_news .txt a {
  text-decoration: underline;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .news_box {
    width: 96%;
  }
  .news_box ul li .flex_layout_news .ttl {
    width: 38%;
  }
  .news_box ul li .flex_layout_news .txt {
    width: 60%;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .news_box {
    width: 94%;
  }
  .news_box ul li {
    padding: calc(48 * (100vw / 750)) 0 calc(50 * (100vw / 750));
  }
  .news_box ul li .date {
    font-size: 12px;
    margin-bottom: calc(12 * (100vw / 750));
  }
  .news_box ul li .flex_layout_news .ttl {
    width: 100%;
    font-size: 12px;
    margin-bottom: calc(29 * (100vw / 750));
  }
  .news_box ul li .flex_layout_news .txt {
    width: 100%;
    font-size: 12px;
  }
}

.c_news_list_190318,
.b_news_list_190318 {
  margin: 70px 0 120px;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .c_news_list_190318,
  .b_news_list_190318 {
    margin: 50px 0;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .c_news_list_190318,
  .b_news_list_190318 {
    margin: 40px 0;
  }
}

/* ====================================================================================================
 3列ボタンレイアウト（例：各ECトップ）
==================================================================================================== */
.top_3_row_btn_190318 {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto 40px;
}

.top_3_row_btn_190318 .btn_wrap {
  width: 32%;
}

.top_3_row_btn_190318 .btn_wrap a {
  display: block;
  border: 1px solid #333;
  text-align: center;
}

.top_3_row_btn_190318 .btn_wrap a .btn_inner {
  border: 1px solid #333;
  margin: 10px;
}

.top_3_row_btn_190318 .btn_wrap a .btn_inner p {
  font-size: 42px;
  line-height: 1;
  padding: 25px 0;
  position: relative;
}

.top_3_row_btn_190318 .btn_wrap a .btn_inner p::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  position: absolute;
  top: 40px;
  right: 14px;
}

.top_3_row_btn_190318 .btn_wrap a .btn_inner p.scheherazade.ruby span {
  display: block;
  margin-top: -8px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", "Yu Gothic", YuGothic, sans-serif !important;
  font-size: 10px;
  line-height: 1;
  letter-spacing: 0.052em;
}

.top_3_row_btn_190318 .btn_wrap.btn_sale a {
  border: 1px solid #ad1e24;
  background-color: #ad1e24;
}

.top_3_row_btn_190318 .btn_wrap.btn_sale a .btn_inner {
  border: 1px solid #fff;
}

.top_3_row_btn_190318 .btn_wrap.btn_sale a .btn_inner p {
  color: #fff;
}

.top_3_row_btn_190318 .btn_wrap.btn_sale a .btn_inner p::after {
  border-left: 4px solid #fff;
}

.top_3_row_btn_190318.f_jp .btn_wrap a .btn_inner p {
  padding: 26px 0 24px;
  font-size: 20px;
  letter-spacing: 0.052em;
  line-height: 1;
}

.top_3_row_btn_190318.f_jp .btn_wrap a .btn_inner p::after {
  top: 31px;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .top_3_row_btn_190318 {
    width: 94%;
    margin: 0 auto 30px;
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner {
    margin: 5px;
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner p {
    font-size: 30px;
    padding: 25px 0;
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner p::after {
    right: 14px;
    top: 35px;
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner p.scheherazade.ruby {
    padding: 21px 0;
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner p.scheherazade.ruby span {
    margin-top: -3px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .top_3_row_btn_190318 {
    width: 96%;
    margin: 0 auto 10px;
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner {
    margin: 2px;
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner p {
    font-size: calc(36 * (100vw / 750));
    padding: calc(36 * (100vw / 750)) 0 calc(30 * (100vw / 750));
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner p::after {
    right: 4px;
    top: 5.5vw;
  }
  .top_3_row_btn_190318 .btn_wrap a .btn_inner p.scheherazade.ruby span {
    display: none;
  }
  .top_3_row_btn_190318.f_jp .btn_wrap a .btn_inner p {
    padding: calc(36 * (100vw / 750)) 0 calc(30 * (100vw / 750));
    font-size: 3.46667vw;
    letter-spacing: 0;
  }
  .top_3_row_btn_190318.f_jp .btn_wrap a .btn_inner p::after {
    top: 5vw;
  }
}

/* ====================================================================================================
 注目のキーワードレイアウト（例：各ECトップ）
==================================================================================================== */
.top_keyword_190318 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 40px;
  padding: 14px 67px 0;
  background-color: #f1f1f1;
}

.top_keyword_190318 ul {
  justify-content: center;
}

.top_keyword_190318 ul li {
  margin-right: 37px;
  margin-bottom: 14px;
}

.top_keyword_190318 ul li a {
  display: block;
  font-size: 13px;
  line-height: 1;
}

.top_keyword_190318 ul li a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  margin-left: 9px;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .top_keyword_190318 {
    margin: 0 auto 30px;
    padding: 14px 30px 0;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .top_keyword_190318 {
    margin: 0 auto 10px;
    padding: 14px 2% 0;
  }
  .top_keyword_190318 ul li {
    margin-right: 10px;
  }
  .top_keyword_190318 ul li a {
    font-size: 10px;
  }
  .top_keyword_190318 ul li a::after {
    margin-left: 5px;
  }
  .top_keyword_190318 ul li:last-child {
    margin-right: 0;
  }
}

/* ====================================================================================================
 ECトップ：バナーレイアウト
==================================================================================================== */
.ec_top_bnr01_190318 ul,
.lingerie_top_bnr01_190318 ul,
.yoga_top_bnr01_190318 ul,
.resort_top_bnr01_190318 ul {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 20px;
  display: flex;
  justify-content: space-between;
}

.ec_top_bnr01_190318 ul li,
.lingerie_top_bnr01_190318 ul li,
.yoga_top_bnr01_190318 ul li,
.resort_top_bnr01_190318 ul li {
  width: 23.6363%;
}

.lingerie_top_bnr01_190318 ul,
.yoga_top_bnr01_190318 ul,
.resort_top_bnr01_190318 ul {
  margin: 0 auto 110px;
}

.ec_top_bnr02_190318 ul,
.lingerie_top_bnr02_190318 ul {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 110px;
  display: flex;
  justify-content: space-between;
}

.ec_top_bnr02_190318 ul li,
.lingerie_top_bnr02_190318 ul li {
  width: 49.09%;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .ec_top_bnr01_190318 ul,
  .lingerie_top_bnr01_190318 ul,
  .yoga_top_bnr01_190318 ul,
  .resort_top_bnr01_190318 ul {
    width: 94%;
  }
  .lingerie_top_bnr01_190318 ul,
  .yoga_top_bnr01_190318 ul,
  .resort_top_bnr01_190318 ul {
    margin: 0 auto 70px;
  }
  .ec_top_bnr02_190318 ul,
  .lingerie_top_bnr02_190318 ul {
    width: 94%;
    margin: 0 auto 70px;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .ec_top_bnr01_190318 ul,
  .lingerie_top_bnr01_190318 ul,
  .yoga_top_bnr01_190318 ul,
  .resort_top_bnr01_190318 ul {
    width: 96%;
    margin: 0 auto;
    flex-wrap: wrap;
  }
  .ec_top_bnr01_190318 ul li,
  .lingerie_top_bnr01_190318 ul li,
  .yoga_top_bnr01_190318 ul li,
  .resort_top_bnr01_190318 ul li {
    width: 49%;
    margin-bottom: 2%;
  }
  .lingerie_top_bnr01_190318 ul,
  .yoga_top_bnr01_190318 ul,
  .resort_top_bnr01_190318 ul {
    margin: 0 auto 50px;
  }
  .ec_top_bnr02_190318 ul,
  .lingerie_top_bnr02_190318 ul {
    width: 96%;
    margin: 0 auto 50px;
    flex-wrap: wrap;
  }
  .ec_top_bnr02_190318 ul li,
  .lingerie_top_bnr02_190318 ul li {
    width: 100%;
    margin-bottom: 2%;
  }
}

/* ====================================================================================================
 ECトップ：トレンドランキング
==================================================================================================== */
.trend_rank_190318 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 110px;
}

.trend_rank_190318 .sysContent .sysHorizontal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.trend_rank_190318 .sysContent .sysHorizontal li {
  width: 18.5454%;
  position: relative;
}

.trend_rank_190318 .sysContent .sysHorizontal li::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: -17px;
  left: 10px;
  z-index: 1;
}

.trend_rank_190318 .sysContent .sysHorizontal li:nth-of-type(1)::before {
  background-image: url(https://www.san-ai.com/img/ai_190318/layout/common/ranking/icon_ranking01.png);
}

.trend_rank_190318 .sysContent .sysHorizontal li:nth-of-type(2)::before {
  background-image: url(https://www.san-ai.com/img/ai_190318/layout/common/ranking/icon_ranking02.png);
}

.trend_rank_190318 .sysContent .sysHorizontal li:nth-of-type(3)::before {
  background-image: url(https://www.san-ai.com/img/ai_190318/layout/common/ranking/icon_ranking03.png);
}

.trend_rank_190318 .sysContent .sysHorizontal li:nth-of-type(4)::before {
  background-image: url(https://www.san-ai.com/img/ai_190318/layout/common/ranking/icon_ranking04.png);
}

.trend_rank_190318 .sysContent .sysHorizontal li:nth-of-type(5)::before {
  background-image: url(https://www.san-ai.com/img/ai_190318/layout/common/ranking/icon_ranking05.png);
}

.trend_rank_190318 .sysContent .sysHorizontal li .sysIconRank img {
  display: none;
}

.lingerie_top_trend_rank_190318.trend_rank_190318 .sysContent .sysHorizontal li::before {
  content: none;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .trend_rank_190318 {
    width: 94%;
    margin: 0 auto 70px;
  }
  .trend_rank_190318 .sysContent .sysHorizontal {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .trend_rank_190318 .sysContent .sysHorizontal li {
    width: 19%;
    position: relative;
  }
  .trend_rank_190318 .sysContent .sysHorizontal li::before {
    content: "";
    display: block;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -17px;
    left: 10px;
    z-index: 1;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .trend_rank_190318 {
    width: 96%;
    margin: 0 auto 50px;
  }
  .trend_rank_190318 .sysContent .sysHorizontal {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .trend_rank_190318 .sysContent .sysHorizontal li {
    width: 32%;
    position: relative;
  }
  .trend_rank_190318 .sysContent .sysHorizontal li::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: -10px;
    left: 5px;
    z-index: 1;
  }
  .trend_rank_190318 .sysContent .sysHorizontal li:nth-of-type(4), .trend_rank_190318 .sysContent .sysHorizontal li:nth-of-type(5) {
    display: none;
  }
}

/* ====================================================================================================
 ECトップ：New Arrival
==================================================================================================== */
.new_arrival_190318 {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px;
}

.new_arrival_190318 .sysContent .sysHorizontal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.new_arrival_190318 .sysContent .sysHorizontal li {
  width: 23.5%;
  margin-bottom: 20px;
}

.new_arrival_190318 .sysContent .sysHorizontal li:nth-last-child(-n + 4) {
  margin-bottom: 0;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .new_arrival_190318 {
    width: 94%;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .new_arrival_190318 {
    width: 96%;
    margin: 0 auto 35px;
  }
  .new_arrival_190318 .sysContent .sysHorizontal li {
    width: 49%;
    margin-bottom: 2%;
  }
  .new_arrival_190318 .sysContent .sysHorizontal li:nth-last-child(-n + 4) {
    margin-bottom: 2%;
  }
  .new_arrival_190318 .sysContent .sysHorizontal li:nth-last-child(-n + 2) {
    margin-bottom: 0;
  }
}

/* ====================================================================================================
 ECトップ：メインランキング
==================================================================================================== */
.main_ranking_190318 {
  width: 100%;
  max-width: 1100px;
  margin: 100px auto 25px;
}

.main_ranking_190318 .sysContent .sysHorizontal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main_ranking_190318 .sysContent .sysHorizontal li {
  width: 18.5454%;
  margin-bottom: 25px;
  position: relative;
}

.main_ranking_190318 .sysContent .sysHorizontal li .sysIconRank {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -17px;
  left: 10px;
  z-index: 1;
}

.main_ranking_190318 .sysContent .sysHorizontal li .sysItemImage {
  margin-bottom: 15px;
}

.main_ranking_190318 .sysContent .sysHorizontal li .sysItemName,
.main_ranking_190318 .sysContent .sysHorizontal li .sysItemPrice {
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .main_ranking_190318 {
    width: 94%;
    margin: 70px auto 25px;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li {
    width: 18.5454%;
    margin-bottom: 25px;
    position: relative;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li .sysIconRank {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -17px;
    left: 10px;
    z-index: 1;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li .sysItemImage {
    margin-bottom: 15px;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li .sysItemName,
  .main_ranking_190318 .sysContent .sysHorizontal li .sysItemPrice {
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .main_ranking_190318 {
    width: 96%;
    margin: 30px auto 5px;
  }
  .main_ranking_190318 .ttl01 {
    margin-bottom: 50px;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li {
    width: 18.5454%;
    margin-bottom: 25px;
    position: relative;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li .sysItemImage {
    margin-bottom: 10px;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li .sysItemName,
  .main_ranking_190318 .sysContent .sysHorizontal li .sysItemPrice {
    font-size: 10px;
    line-height: 1.6;
    text-align: left;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(1), .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(2), .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(3), .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(4) {
    width: 49%;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(1) .sysIconRank, .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(2) .sysIconRank, .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(3) .sysIconRank, .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(4) .sysIconRank {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 10px;
    z-index: 1;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(5), .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(6), .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(7), .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(8), .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(9), .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(10) {
    width: 32%;
  }
  .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(5) .sysIconRank, .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(6) .sysIconRank, .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(7) .sysIconRank, .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(8) .sysIconRank, .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(9) .sysIconRank, .main_ranking_190318 .sysContent .sysHorizontal li:nth-of-type(10) .sysIconRank {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    left: 7px;
    z-index: 1;
  }
}

/* ====================================================================================================
 ECトップ：サブランキング
==================================================================================================== */
.sub_ranking_190318,
.ranking_column {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 25px;
}

.sub_ranking_190318 .sysContent .sysHorizontal,
.ranking_column .sysContent .sysHorizontal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.sub_ranking_190318 .sysContent .sysHorizontal li,
.ranking_column .sysContent .sysHorizontal li {
  width: 18.5454%;
  margin-bottom: 25px;
  position: relative;
}

.sub_ranking_190318 .sysContent .sysHorizontal li .sysIconRank,
.ranking_column .sysContent .sysHorizontal li .sysIconRank {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -17px;
  left: 10px;
  z-index: 1;
}

.sub_ranking_190318 .sysContent .sysHorizontal li .sysItemImage,
.ranking_column .sysContent .sysHorizontal li .sysItemImage {
  margin-bottom: 15px;
}

.sub_ranking_190318 .sysContent .sysHorizontal li .sysItemName,
.sub_ranking_190318 .sysContent .sysHorizontal li .sysItemPrice,
.ranking_column .sysContent .sysHorizontal li .sysItemName,
.ranking_column .sysContent .sysHorizontal li .sysItemPrice {
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
}

.sub_ranking_190318 .sysContent .sysHorizontal li:nth-child(n + 6),
.ranking_column .sysContent .sysHorizontal li:nth-child(n + 6) {
  display: none;
}

.ranking_column .sysItemBlock ul li {
  counter-increment: section;
}

.ranking_column .sysItemBlock ul li::before {
  position: absolute;
  top: -15px;
  left: 10px;
  content: counter(section);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  color: #454545;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #8c8c8c;
  box-sizing: border-box;
  content: counter(section);
  z-index: 1;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", YuGothic, "Yu Gothic", "Yu Gothic UI", "Sawarabi Gothic", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif !important;
}

.ranking_column .sysItemBlock ul li:nth-child(1)::before {
  background-color: #f4e29f;
}

.ranking_column .sysItemBlock ul li:nth-child(2)::before {
  background-color: #e2e2e2;
}

.ranking_column .sysItemBlock ul li:nth-child(3)::before {
  background-color: #e4c4a3;
}

.ranking_column .sysItemBlock ul li:nth-child(-n + 3)::before {
  border: none;
}

.ranking_column .sysItemBlock .sysIconRank {
  display: none;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .sub_ranking_190318,
  .ranking_column {
    width: 94%;
    margin: 0 auto 25px;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li,
  .ranking_column .sysContent .sysHorizontal li {
    width: 18.5454%;
    margin-bottom: 25px;
    position: relative;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li .sysIconRank,
  .ranking_column .sysContent .sysHorizontal li .sysIconRank {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -17px;
    left: 10px;
    z-index: 1;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li .sysItemImage,
  .ranking_column .sysContent .sysHorizontal li .sysItemImage {
    margin-bottom: 15px;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li .sysItemName,
  .sub_ranking_190318 .sysContent .sysHorizontal li .sysItemPrice,
  .ranking_column .sysContent .sysHorizontal li .sysItemName,
  .ranking_column .sysContent .sysHorizontal li .sysItemPrice {
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .sub_ranking_190318,
  .ranking_column {
    width: 96%;
    margin: 0 auto 10px;
  }
  .sub_ranking_190318 .ttl01,
  .ranking_column .ttl01 {
    margin-bottom: 50px;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li,
  .ranking_column .sysContent .sysHorizontal li {
    width: 32%;
    margin-bottom: 25px;
    position: relative;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li .sysIconRank,
  .ranking_column .sysContent .sysHorizontal li .sysIconRank {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    left: 7px;
    z-index: 1;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li .sysItemImage,
  .ranking_column .sysContent .sysHorizontal li .sysItemImage {
    margin-bottom: 15px;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li .sysItemName,
  .sub_ranking_190318 .sysContent .sysHorizontal li .sysItemPrice,
  .ranking_column .sysContent .sysHorizontal li .sysItemName,
  .ranking_column .sysContent .sysHorizontal li .sysItemPrice {
    font-size: 10px;
    line-height: 1.6;
    text-align: left;
  }
  .sub_ranking_190318 .sysContent .sysHorizontal li:nth-child(n + 4),
  .ranking_column .sysContent .sysHorizontal li:nth-child(n + 4) {
    display: none;
  }
}

/* ====================================================================================================
 ECトップ：ページ下部バナー
==================================================================================================== */
.top_bottom_bnr_190318 {
  width: 100%;
  max-width: 880px;
  margin: 0 auto 100px;
}

.top_bottom_bnr_190318 .sysContent ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.top_bottom_bnr_190318 .sysContent ul li {
  width: 48%;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .top_bottom_bnr_190318 {
    width: 94%;
    margin: 0 auto 70px;
  }
  .top_bottom_bnr_190318 .sysContent ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .top_bottom_bnr_190318 .sysContent ul li {
    width: 48%;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .top_bottom_bnr_190318 {
    width: 96%;
    margin: 0 auto 50px;
  }
  .top_bottom_bnr_190318 .sysContent ul {
    display: block;
  }
  .top_bottom_bnr_190318 .sysContent ul li {
    width: 100%;
    margin-bottom: 10px;
  }
}

/* ====================================================================================================
 フッター：Viewed Items
==================================================================================================== */
.viewed_items_190318 {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 100px;
}

.viewed_items_190318 .sysContent .sysHorizontal {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.viewed_items_190318 .sysContent .sysHorizontal li {
  width: 11%;
  margin-right: 1.713%;
}

.viewed_items_190318 .sysContent .sysHorizontal li:last-of-type {
  margin-right: 0;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .viewed_items_190318 {
    width: 94%;
    margin: 0 auto 70px;
  }
  .viewed_items_190318 .sysContent .sysHorizontal {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .viewed_items_190318 .sysContent .sysHorizontal li {
    width: 11%;
    margin-right: 1.713%;
  }
  .viewed_items_190318 .sysContent .sysHorizontal li:last-of-type {
    margin-right: 0;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .viewed_items_190318 {
    width: 96%;
    margin: 0 auto 50px;
  }
  .viewed_items_190318 .sysContent .sysHorizontal {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  .viewed_items_190318 .sysContent .sysHorizontal li {
    width: 24%;
    margin-right: 1.332%;
    margin-bottom: 1.5%;
  }
  .viewed_items_190318 .sysContent .sysHorizontal li:nth-of-type(4n) {
    margin-right: 0;
  }
}

/* ====================================================================================================
 ECトップ：ヘッダーメニューremodal（上書き）
==================================================================================================== */
.header_swim_nav_sp_190318_wrap > ul {
  margin: 7px 0 10px;
}

.header_swim_nav_sp_190318_wrap > ul li {
  width: 20%;
}

.header_swim_nav_sp_190318_wrap > ul li a {
  font-size: 13px;
  text-align: center;
  display: block;
  padding: 7px 0;
  border-right: 1px solid #333;
}

.header_swim_nav_sp_190318_wrap > ul li:last-of-type a {
  border-right: none;
}

.header_lingerie_nav_sp_190318_wrap > ul {
  margin: 7px 0 10px;
  align-items: center;
}

.header_lingerie_nav_sp_190318_wrap > ul li {
  width: 23%;
}

.header_lingerie_nav_sp_190318_wrap > ul li.set {
  width: 31%;
}

.header_lingerie_nav_sp_190318_wrap > ul li a {
  font-size: 13px;
  text-align: center;
  display: block;
  padding: 7px 0;
  border-right: 1px solid #333;
  line-height: 1.2;
}

.header_lingerie_nav_sp_190318_wrap > ul li:last-of-type a {
  border-right: none;
}

.remodal-overlay .remodal {
  background: #fff;
}

.remodal-overlay .remodal.list .list_ttl {
  margin: 25px 0 10px;
}

.remodal-overlay .remodal.list li a {
  border-bottom: 1px solid #333;
  font-weight: normal;
  padding: 12px 10px;
}

.remodal-overlay .remodal.list li a::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 3px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 10px;
  top: 16px;
}

.remodal-overlay .remodal.list li:first-of-type {
  border-top: 1px solid #333;
}

.remodal-overlay .remodal .ttl {
  padding: 5px 10px 0 0;
  font-weight: normal;
  background: none;
}

.remodal-overlay .remodal .ttl_accordion {
  border: 1px solid #333;
  padding: 12px 10px;
  margin-bottom: 10px;
  position: relative;
}

.remodal-overlay .remodal .ttl_accordion::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 3px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 10px;
  top: 16px;
}

.remodal-overlay .remodal .menu_inner {
  display: none;
}

.remodal-overlay .remodal .menu_img li {
  border-right: none;
  padding: 2px;
  margin-bottom: 0;
  min-height: initial !important;
}

.remodal-overlay .remodal .menu_img li a {
  display: block;
  position: relative;
  padding: 0;
}

.remodal-overlay .remodal .menu_img li a img {
  margin-bottom: 0;
}

.remodal-overlay .remodal .menu_img li a .overlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);
}

.remodal-overlay .remodal .menu_img li a p,
.remodal-overlay .remodal .menu_img li a span {
  font-size: 12px;
  position: absolute;
  top: calc(50% - 7px);
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

.remodal-overlay .remodal .menu_img.brand01 li, .remodal-overlay .remodal .menu_img.resort01 li, .remodal-overlay .remodal .menu_img.yoga01 li {
  width: 50%;
}

.remodal-overlay .remodal .menu_img.brand01 li {
  width: 50%;
  margin-bottom: 5px;
}

.remodal-overlay .remodal .menu_img.brand01 li a img {
  margin-bottom: 5px;
}

.remodal-overlay .remodal .menu_img.brand02, .remodal-overlay .remodal .menu_img.resort02 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-top: 10px;
}

.remodal-overlay .remodal .menu_img.brand02 li, .remodal-overlay .remodal .menu_img.resort02 li {
  padding-bottom: 10px;
  border-right: none;
  padding: 10px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.remodal-overlay .remodal .menu_img.brand02 li:nth-of-type(3n + 1), .remodal-overlay .remodal .menu_img.resort02 li:nth-of-type(3n + 1) {
  border-left: 1px solid #ddd;
}

.remodal-overlay .remodal .menu_img.brand02 li:nth-of-type(1), .remodal-overlay .remodal .menu_img.brand02 li:nth-of-type(2), .remodal-overlay .remodal .menu_img.brand02 li:nth-of-type(3), .remodal-overlay .remodal .menu_img.resort02 li:nth-of-type(1), .remodal-overlay .remodal .menu_img.resort02 li:nth-of-type(2), .remodal-overlay .remodal .menu_img.resort02 li:nth-of-type(3) {
  border-top: 1px solid #ddd;
}

.remodal-overlay .remodal .menu_img.brand02 li a, .remodal-overlay .remodal .menu_img.resort02 li a {
  display: block;
}

.remodal-overlay .remodal .menu_img.brand02 li a img, .remodal-overlay .remodal .menu_img.resort02 li a img {
  margin-bottom: 5px;
}

.remodal-overlay .remodal .menu_img.lingerie li {
  width: 50%;
}

.remodal-overlay .remodal .menu_img.lingerie li a .overlay {
  background: rgba(255, 255, 255, 0.6);
}

.remodal-overlay .remodal .menu_img.lingerie li a p {
  color: #333;
}

.remodal-overlay .remodal .menu_txt li {
  border-right: none;
  float: none;
  min-height: initial !important;
  text-align: left;
  width: 100%;
  font-size: 12px;
  border-bottom: 1px solid #333;
}

.remodal-overlay .remodal .menu_txt li a {
  padding: 14px 10px;
}

.remodal-overlay .remodal .menu_txt li a::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 3px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 10px;
  top: 16px;
}

.remodal-overlay .remodal .menu_txt.menu_txt_col2 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-bottom: 0;
  font-size: 0;
  background-color: #fff;
  border-top: 1px solid #333;
}

.remodal-overlay .remodal .menu_txt.menu_txt_col2 li {
  width: 50% !important;
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
}

.remodal-overlay .remodal .menu_txt.menu_txt_col2 li:nth-of-type(2n + 1) {
  border-right: 1px solid #333;
}

.remodal-overlay .remodal .menu_txt.menu_txt_col2 li:nth-of-type(2n + 1) a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: none;
  position: relative;
}

.remodal-overlay .remodal .remodal-cancel {
  width: 70%;
  color: #333;
  background-color: #fff;
  font-weight: normal;
  border: 1px solid #333;
  border-radius: 0;
  padding: 12px 10px;
  font-size: 12px;
  position: relative;
}

.remodal-overlay .remodal .remodal-cancel::before {
  content: "";
  width: 12px;
  height: 2px;
  background-color: #333;
  position: absolute;
  right: 10px;
  top: 20px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.remodal-overlay .remodal .remodal-cancel::after {
  content: "";
  width: 12px;
  height: 2px;
  background-color: #333;
  position: absolute;
  right: 10px;
  top: 20px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.remodal-overlay .remodal .link_all {
  width: 100%;
}

.remodal-overlay .remodal .link_all a {
  width: 100%;
  padding: 12px 10px;
  display: block;
  background-color: #333;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 20px;
}

/* ====================================================================================================
 共通ボタン
==================================================================================================== */
.ai_btn_double_arrow {
  margin: 0 auto;
  max-width: 470px;
  width: 95%;
}

.ai_btn_double_arrow a {
  position: relative;
  display: block;
  padding: 20px;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  letter-spacing: 0.052em;
  border: 1px solid #333;
  transition: 0.3s;
}

.ai_btn_double_arrow a::before, .ai_btn_double_arrow a::after {
  content: "";
  position: absolute;
  display: inline-block;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

.ai_btn_double_arrow a::before {
  right: 20px;
  top: 23px;
}

.ai_btn_double_arrow a::after {
  right: 15px;
  top: 23px;
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .ai_btn_double_arrow a {
    padding: 15px;
    font-size: 4vw;
  }
  .ai_btn_double_arrow a::before, .ai_btn_double_arrow a::after {
    top: 18px;
  }
}

/* ====================================================================================================
 設定：デバイス毎の表示設定
==================================================================================================== */
.tb_only {
  display: none;
}

.sp_only {
  display: none;
}

.pc_only {
  display: block;
}

/* TBここから */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .pc_only {
    display: none;
  }
  .sp_only {
    display: none;
  }
  .tb_only {
    display: block;
  }
}

/* SPここから */
@media only screen and (max-width: 640px) {
  .pc_only {
    display: none;
  }
  .tb_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
}

/* ====================================================================================================
 テキスト帯バナー｜COUPON
==================================================================================================== */
.cam_bnr {
  width: 100%;
  background-color: #fff;
}

.cam_bnr .cam_bnr_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  margin: 0 auto;
  max-width: 1100px;
  width: 100%;
  font-size: 16px;
  line-height: 1;
  color: #2d2925;
  font-family: "Montserrat", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", YuGothic, "Yu Gothic", "Yu Gothic UI", "Sawarabi Gothic", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif !important;
}

.cam_bnr .cam_bnr_inner .cam_bnr_ttl {
  display: flex;
  align-items: center;
  font-weight: 500;
}

.cam_bnr .cam_bnr_inner .cam_bnr_ttl p {
  line-height: 1;
  font-family: "Montserrat", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN", YuGothic, "Yu Gothic", "Yu Gothic UI", "Sawarabi Gothic", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif !important;
}

.cam_bnr .cam_bnr_inner .cam_bnr_ttl .cam_bnr_inner_1 {
  font-size: 41px;
  padding-right: 15px;
  border-right: 2px solid #2d2925;
  position: relative;
  width: 51px;
}

.cam_bnr .cam_bnr_inner .cam_bnr_ttl .cam_bnr_inner_1 span {
  position: absolute;
  right: 10px;
  bottom: 13%;
  font-size: 14px;
  font-weight: 700;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
}

.cam_bnr .cam_bnr_inner .cam_bnr_ttl .cam_bnr_inner_2 {
  margin-left: 10px;
  font-size: 41px;
}

.cam_bnr .cam_bnr_inner .cam_bnr_no {
  display: flex;
  align-items: baseline;
  padding: 8px 20px;
  margin-left: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #2d2925;
}

.cam_bnr .cam_bnr_inner .cam_bnr_no .cam_bnr_inner_1 {
  font-size: 12px;
  font-weight: bold;
}

.cam_bnr .cam_bnr_inner .cam_bnr_no .cam_bnr_inner_1::after {
  content: "：";
  display: inline-block;
}

.cam_bnr .cam_bnr_inner .cam_bnr_date {
  display: flex;
  align-items: center;
  padding: 7px 0;
  margin-left: 30px;
  letter-spacing: 0.1em;
  font-weight: 400;
  border: 2px solid #2d2925;
  border-style: solid none solid none;
}

.cam_bnr .cam_bnr_inner .cam_bnr_date .cam_bnr_inner_1 {
  display: flex;
  align-items: center;
}

.cam_bnr .cam_bnr_inner .cam_bnr_date .cam_bnr_inner_1::after {
  content: "▶";
  display: inline-block;
  padding: 0 10px;
  font-size: 10px;
  text-align: center;
  letter-spacing: 0;
}

.cam_bnr .cam_bnr_inner .cam_bnr_date span {
  font-size: 12px;
}

@media screen and (max-width: 980px) {
  .cam_bnr .cam_bnr_inner .cam_bnr_date {
    padding: 10px 0;
    margin-left: 20px;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_no {
    display: block;
    padding: 5px 10px;
    margin-left: 20px;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_no .cam_bnr_inner_1 {
    margin-bottom: 2px;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_no .cam_bnr_inner_1::after {
    content: none;
  }
}

@media screen and (max-width: 640px) {
  .cam_bnr .cam_bnr_inner {
    padding: 8px 0;
    font-size: 3.73333vw;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_ttl {
    font-weight: 600;
    overflow: hidden;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_ttl .cam_bnr_inner_1 {
    font-size: 10.66667vw;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_ttl .cam_bnr_inner_1 span {
    font-size: 3.46667vw;
    font-weight: 700;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_ttl .cam_bnr_inner_2 {
    margin-left: 5px;
    font-size: 10.66667vw;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_no {
    display: flex;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 3;
    order: 3;
    justify-content: center;
    padding: 5px 10px;
    margin: 5px 0 0 0;
    width: 90%;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_no .cam_bnr_inner_1 {
    margin-bottom: 2px;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_no .cam_bnr_inner_1::after {
    content: "：";
    display: inline-block;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_date {
    display: block;
    padding: 0;
    margin-left: 10px;
    border: none;
    font-size: 3.2vw;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_date .cam_bnr_inner_1 {
    display: block;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_date .cam_bnr_inner_1::after {
    content: "▼";
    display: block;
    padding: 2px 0 0;
  }
  .cam_bnr .cam_bnr_inner .cam_bnr_date span {
    font-size: 2.93333vw;
  }
}

/* ====================================================================================================
 コーポレートタイトル
==================================================================================================== */
.company_ttl {
  font-size: 36px;
  line-height: 1;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
}

.company_ttl span {
  display: inline-block;
  padding-left: 10px;
  font-size: 16px;
}

@media only screen and (max-width: 640px) {
  .company_ttl {
    font-size: 32px;
  }
  .company_ttl span {
    font-size: 14px;
  }
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
/* Icons */
@font-face {
  font-family: "slick";
  src: url("https://www.san-ai.com/relation/wp-content/themes/ai_blog/css/corporate/fonts/slick.eot");
  src: url("https://www.san-ai.com/relation/wp-content/themes/ai_blog/css/corporate/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://www.san-ai.com/relation/wp-content/themes/ai_blog/css/corporate/fonts/slick.woff") format("woff"), url("https://www.san-ai.com/relation/wp-content/themes/ai_blog/css/corporate/fonts/slick.ttf") format("truetype"), url("https://www.san-ai.com/relation/wp-content/themes/ai_blog/css/corporate/fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: transparent;
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir="rtl"] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 20px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 20px;
  height: 20px;
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*!────────────────────────────────────────
 * corp_header.css
 *────────────────────────────────────────*/
#sysHeader .corporate_header_190318 #corporate_header,
#sysHeader .corporate_header_under_190318 #corporate_header {
  width: auto;
  max-width: 1134px;
  padding: 30px 12px;
  margin: 0 auto;
}

#sysHeader .corporate_header_190318 #corporate_header .header_logo,
#sysHeader .corporate_header_under_190318 #corporate_header .header_logo {
  width: 116px;
  margin: 0 auto 0 0;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu {
  align-items: center;
  margin-left: auto;
  margin-bottom: 34px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu > li,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu > li {
  margin-left: 33px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .register,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .register {
  width: 23px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .member,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .member {
  width: 20px;
  margin-left: 28px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .cart,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .cart {
  width: 23px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu {
  position: relative;
  height: 24px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a span,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a span {
  transition: all 0.3s;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(1),
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(1) {
  top: 7px;
  transform: rotate(45deg);
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(2),
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(2) {
  top: 7px;
  display: none;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(3),
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(3) {
  top: 7px;
  transform: rotate(-45deg);
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a + .drop_down_menu,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a + .drop_down_menu {
  height: auto;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a + .drop_down_menu ul li,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu.active a + .drop_down_menu ul li {
  height: auto;
  opacity: 1;
  overflow: visible;
  transition: all 0.3s;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a {
  position: relative;
  height: 16px;
  width: 16px;
  display: block;
  margin-top: 5px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a span,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a span {
  position: absolute;
  left: 0;
  height: 1px;
  width: 16px;
  background-color: #333;
  display: inline-block;
  transition: all 0.3s;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(1),
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(1) {
  top: 0;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(2),
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(2) {
  top: 7px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(3),
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(3) {
  top: 14px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu .drop_down_menu,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu .drop_down_menu {
  width: 250px;
  height: 0;
  position: absolute;
  top: 43px;
  right: 0;
  z-index: 10;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul {
  align-items: center;
  background-color: #fff;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li {
  width: 100%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  font-size: 12px;
  display: flex;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li a,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li a {
  width: 100%;
  display: block;
  padding: 11px 30px 12px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li {
  margin-left: 30px;
  font-size: 13px;
  line-height: 1;
  position: relative;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu:hover a + .drop_down_menu,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu:hover a + .drop_down_menu {
  opacity: 1;
  overflow: visible;
  transition: all 0.3s;
  max-height: 9999px;
  z-index: 10;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu {
  width: auto;
  position: absolute;
  top: 14px;
  right: 0;
  background-color: #fff;
  opacity: 0;
  overflow: hidden;
  max-height: 0;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul {
  padding: 40px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul li,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul li {
  margin: 0;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul li h3,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul li h3 {
  margin-bottom: 25px;
  font-size: 28px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul li p a,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul li p a {
  display: block;
  margin-bottom: 18px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul li p.txt_indent,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu ul li p.txt_indent {
  text-indent: 1em;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu02 ul,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu02 ul {
  width: 470px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 {
  right: -12px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 ul,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 ul {
  width: 100vw;
  max-width: 1134px;
  flex-wrap: nowrap;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 ul > li,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 ul > li {
  margin-left: 20px;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 ul > li:first-of-type,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 ul > li:first-of-type {
  margin-left: 0;
}

#sysHeader .corporate_header_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 ul > li h3,
#sysHeader .corporate_header_under_190318 #corporate_header .header_menu_wrap .header_bottom_menu li.show_menu .drop_down_menu.drop_down_menu03 ul > li h3 {
  white-space: nowrap;
}

#sysHeader .cart_mypage_header_190318 {
  width: 100%;
}

#sysHeader .cart_mypage_header_190318 .sysContent .cart_mypage_header_190318_wrap p {
  width: 100%;
  text-align: center;
  font-size: 12px;
  border-bottom: 1px solid #f1f1f1;
  padding: 10px 0;
  margin-bottom: 14px;
}

#sysHeader .cart_mypage_header_190318 .sysContent .cart_mypage_header_190318_wrap .header_logo {
  width: 140px;
  margin: 0 auto 20px;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp {
    width: calc(710 * (100vw / 750));
    margin: 0 auto;
    padding: calc(27 * (100vw / 750)) 0 0;
    align-items: center;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_logo,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_logo {
    width: calc(100 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap {
    width: calc(500 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu {
    align-items: center;
    margin-left: auto;
    margin-bottom: calc(37 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu > li,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu > li {
    margin-left: calc(0 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .register,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .register {
    width: calc(24 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .member,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .member {
    width: calc(22 * (100vw / 750));
    margin-left: calc(28 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .cart,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .cart {
    width: calc(24 * (100vw / 750));
    margin-left: calc(28 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu {
    position: relative;
    height: 24px;
    margin-left: calc(24 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input {
    display: none;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span {
    transition: all 0.3s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(1),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(1) {
    top: 7px;
    transform: rotate(45deg);
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(2),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(2) {
    top: 7px;
    display: none;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(3),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(3) {
    top: 7px;
    transform: rotate(-45deg);
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .slide_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .slide_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
    transition: all 0.5s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .close_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .close_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn {
    position: relative;
    height: 16px;
    width: 16px;
    display: block;
    margin-top: 5px;
    z-index: 20;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span {
    position: absolute;
    left: 0;
    height: 1px;
    width: 16px;
    background-color: #333;
    display: inline-block;
    transition: all 0.3s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(1),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(1) {
    top: 0;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(2),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(2) {
    top: 7px;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(3),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(3) {
    top: 14px;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu {
    width: 40vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #fff;
    z-index: 10;
    transition: all 0.5s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul {
    padding-top: 10vw;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li:first-of-type a,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li:first-of-type a {
    border-top: 1px solid #333;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a::after,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::after,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transition: all 0.2s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::before,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::after,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    display: none;
    transition: all 0.2s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::before,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul {
    display: none;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    background-color: #ececec;
    position: relative;
    text-indent: .5em;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a::after,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .close_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .close_menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 5;
    opacity: 0;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu {
    width: 100%;
    margin: 0 auto;
    padding: 3vw 0;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu li,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu li {
    width: calc(100% / 4);
    font-size: 12px;
    line-height: 1;
    text-align: center;
    border-right: 1px solid #333;
    line-height: 2;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu li:last-of-type,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu li:last-of-type {
    border-right: none;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu li a,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu li a {
    display: block;
  }
  #sysHeader .cart_mypage_header_190318 {
    width: 100%;
  }
  #sysHeader .cart_mypage_header_190318 .sysContent .cart_mypage_header_190318_wrap p {
    width: 100%;
    text-align: center;
    font-size: 10px;
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0;
    margin-bottom: 14px;
  }
  #sysHeader .cart_mypage_header_190318 .sysContent .cart_mypage_header_190318_wrap .header_logo {
    width: 100px;
    margin: 0 auto 20px;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp {
    width: calc(710 * (100vw / 750));
    margin: 0 auto;
    padding: calc(27 * (100vw / 750)) 0 0;
    align-items: center;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_logo,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_logo {
    width: calc(150 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap {
    width: calc(500 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu {
    align-items: center;
    margin-left: auto;
    margin-bottom: calc(37 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu > li,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu > li {
    margin-left: calc(0 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .register,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .register {
    width: calc(43 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .member,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .member {
    width: calc(38 * (100vw / 750));
    margin-left: calc(42 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .cart,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .cart {
    width: calc(45 * (100vw / 750));
    margin-left: calc(42 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu {
    position: relative;
    height: 24px;
    margin-left: calc(30 * (100vw / 750));
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input {
    display: none;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span {
    transition: all 0.3s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(1),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(1) {
    top: 7px;
    transform: rotate(45deg);
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(2),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(2) {
    top: 7px;
    display: none;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(3),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(3) {
    top: 7px;
    transform: rotate(-45deg);
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .slide_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .slide_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
    transition: all 0.5s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .close_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .close_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn {
    position: relative;
    height: 16px;
    width: 16px;
    display: block;
    margin-top: 5px;
    z-index: 20;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span {
    position: absolute;
    left: 0;
    height: 1px;
    width: 16px;
    background-color: #333;
    display: inline-block;
    transition: all 0.3s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(1),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(1) {
    top: 0;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(2),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(2) {
    top: 7px;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(3),
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(3) {
    top: 14px;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu {
    width: 80vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #fff;
    z-index: 10;
    transition: all 0.5s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul {
    padding-top: 20vw;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li:first-of-type a,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li:first-of-type a {
    border-top: 1px solid #333;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a {
    font-size: 12px;
    display: block;
    padding: 14px 24px 14px 14px;
    border-bottom: 1px solid #333;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a::after,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::after,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transition: all 0.2s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::before,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::after,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    display: none;
    transition: all 0.2s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::before,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul {
    display: none;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a {
    font-size: 12px;
    display: block;
    padding: 14px 24px 14px 14px;
    border-bottom: 1px solid #333;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #ececec;
    text-indent: .5em;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a::after,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .corporate_header_sp_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .close_menu,
  #sysHeader .corporate_header_sp_under_190318 #corporate_header_sp .header_menu_wrap .header_top_menu .menu .close_menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 5;
    opacity: 0;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu {
    flex-wrap: nowrap;
    justify-content: space-around;
    width: 100%;
    margin: 0 auto;
    padding: 4vw 0;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu li,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu li {
    width: 26%;
    font-size: 2.93333vw;
    line-height: 1;
    text-align: center;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu li a,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu li a {
    padding: 9px 0;
    border-right: 1px solid #333;
    display: block;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu li:last-of-type,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu li:last-of-type {
    width: 22%;
  }
  #sysHeader .corporate_header_sp_190318 .header_bottom_menu li:last-of-type a,
  #sysHeader .corporate_header_sp_under_190318 .header_bottom_menu li:last-of-type a {
    border-right: none;
  }
  #sysHeader .cart_mypage_header_190318 {
    width: 100%;
  }
  #sysHeader .cart_mypage_header_190318 .sysContent .cart_mypage_header_190318_wrap p {
    width: 100%;
    text-align: center;
    font-size: calc(20 * (100vw / 750));
    border-bottom: 1px solid #f1f1f1;
    padding: 5px 0;
    margin-bottom: 10px;
  }
  #sysHeader .cart_mypage_header_190318 .sysContent .cart_mypage_header_190318_wrap .header_logo {
    width: 80px;
    margin: 0 auto 10px;
  }
}

/*!────────────────────────────────────────
 * swimwear_header.css
 *────────────────────────────────────────*/
#sysHeader .header_top_txt_190318_wrap {
  border-bottom: 1px solid #f1f1f1;
  padding: 30px 0 10px;
}

#sysHeader .header_top_txt_190318_wrap h1, #sysHeader .header_top_txt_190318_wrap p {
  font-size: 11px;
  text-align: center;
  line-height: 1;
  font-weight: normal;
}

#sysHeader .nav_blk_content .link_all.btn_set {
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
  width: 75%;
}

#sysHeader .ec_header_190318 {
  position: relative;
}

#sysHeader .ec_header_190318 #ec_header {
  width: auto;
  max-width: 1124px;
  padding: 10px 12px;
  margin: 0 auto;
}

#sysHeader .ec_header_190318 #ec_header .header_logo {
  width: 116px;
  margin: 0 auto 0 0;
}

#sysHeader .ec_header_190318 #ec_header .header_logo a {
  display: block;
}

#sysHeader .ec_header_190318 #ec_header .header_logo a img {
  height: 71px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_link {
  align-self: flex-end;
  margin-bottom: 18px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_link li:first-of-type {
  margin-right: 19px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_link li a {
  display: block;
  font-size: 12px;
  border: 1px solid #000;
  line-height: 1;
  padding: 7px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_link li a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  margin-left: 5px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu {
  align-items: center;
  margin-left: auto;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu > li {
  margin-left: 30px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .register {
  width: 23px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .register a {
  display: block;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .register a img {
  height: 23px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .member {
  width: 20px;
  margin-left: 28px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .member a {
  display: block;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .member a img {
  height: 24px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .cart {
  width: 23px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .cart a {
  display: block;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .cart a img {
  height: 23px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .search {
  width: 20px;
  margin-left: 26px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .search a {
  display: block;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .search a img {
  height: 20px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .search.active {
  position: absolute;
  right: 50px;
  top: 35px;
  z-index: 40;
  background-image: url(http://www.san-ai.com/img/ai_190318/layout/common/header/ico_close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 21px 21px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .search.active img {
  opacity: 0;
  transition: all 0s;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu {
  position: relative;
  height: 24px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a span {
  transition: all .3s;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(1) {
  top: 7px;
  transform: rotate(45deg);
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(2) {
  top: 7px;
  display: none;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(3) {
  top: 7px;
  transform: rotate(-45deg);
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a + .drop_down_menu {
  height: auto;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a + .drop_down_menu ul li {
  height: auto;
  opacity: 1;
  overflow: visible;
  transition: all .3s;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a {
  position: relative;
  height: 16px;
  width: 16px;
  display: block;
  margin-top: 5px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a span {
  position: absolute;
  left: 0;
  height: 1px;
  width: 16px;
  background-color: #333;
  display: inline-block;
  transition: all .3s;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(1) {
  top: 0;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(2) {
  top: 7px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(3) {
  top: 14px;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu {
  width: 470px;
  height: 0;
  position: absolute;
  top: 44px;
  right: 0;
  z-index: 10;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul {
  align-items: center;
  background-color: #fff;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li {
  width: 50%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all .3s;
  font-size: 12px;
  display: flex;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li:nth-of-type(2n) a {
  padding: 11px 30px 12px 0;
}

#sysHeader .ec_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li a {
  width: 100%;
  display: block;
  padding: 11px 30px 12px;
}

#sysHeader .ec_header_190318 .search_box {
  display: none;
}

#sysHeader .ec_header_190318 .search_box form .sysItemSearchFormWord input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  font-size: 25px;
  transition: all 0.1s;
  opacity: 0;
  z-index: 0;
  outline: 0;
}

#sysHeader .ec_header_190318 .search_box form .sysItemSearchFormWord input::placeholder {
  color: #aaa;
}

#sysHeader .ec_header_190318 .search_box.active {
  display: block;
}

#sysHeader .ec_header_190318 .search_box.active form .sysItemSearchFormWord input {
  box-sizing: border-box;
  opacity: 1;
  padding: 0 100px 0 50px;
  z-index: 30;
}

#sysHeader .ec_header_190318 .search_box.active form .sysItemSearchFormWord input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

#sysHeader .ec_header_190318 .search_box.active form .sysItemSearchFormWord input::-ms-clear {
  visibility: hidden;
}

#sysHeader .header_swim_cart_info_190318 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7px 0;
  background-color: #f1f1f1;
}

#sysHeader .header_swim_cart_info_190318 .sysContent {
  display: flex;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoTotalPrice,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping {
  display: flex;
  align-items: center;
  line-height: 1.6;
  margin-right: 12px;
  letter-spacing: 0.05em;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount dt,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoTotalPrice dt,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping dt {
  font-size: 13px;
  margin-right: 5px;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount dd,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoTotalPrice dd,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping dd {
  font-size: 13px;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount dd span,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoTotalPrice dd span,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping dd span {
  font-size: 16px;
  color: #ea5532;
  margin-right: 2px;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount {
  padding-left: 30px;
  background: url(https://www.san-ai.com/img/ai_190318/layout/common/header/ico_cart.png) 0 center no-repeat;
  background-size: 24px 23px;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping {
  margin-right: 0;
}

#sysHeader .header_swim_nav_190318_wrap {
  display: flex;
  flex-direction: column;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap {
  display: flex;
  align-self: center;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk {
  margin-right: 44px;
  padding: 27px 0;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk:last-of-type {
  margin-right: 0;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_link {
  font-size: 13px;
  line-height: 1;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content {
  display: none;
  width: 1100px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 10000;
  padding: 30px 20px 30px;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_ttl {
  text-align: center;
  font-size: 16px;
  margin-bottom: 2em;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img {
  margin-bottom: 30px;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img li {
  width: 16%;
  margin-bottom: .8%;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img li a {
  display: block;
  position: relative;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img li a .overlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img li a p {
  font-size: 12px;
  position: absolute;
  top: calc(50% - 7px);
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  color: #fff;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_txt {
  justify-content: flex-start;
  padding: 0 5%;
  margin-bottom: 30px;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_txt li {
  width: 20%;
  margin-bottom: 1em;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_txt li a {
  display: block;
  font-size: 12px;
  line-height: 1;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .link_all p {
  text-align: center;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .link_all p a {
  font-size: 14px;
  display: inline-block;
  margin: 0 auto;
  border: 1px solid #333;
  padding: 14px 0;
  min-width: 350px;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .brand01 li {
  width: 24%;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .resort01 li {
  width: 24%;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .resort02 {
  padding: 0 2%;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .resort02 li {
  width: 19%;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .yoga01 li {
  width: 24%;
}

#sysHeader .header_swim_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .complex01 li {
  width: 24%;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  #sysHeader .header_top_txt_190318_wrap {
    border-bottom: 1px solid #f1f1f1;
    padding: 20px 0 10px;
  }
  #sysHeader .header_top_txt_190318_wrap h1, #sysHeader .header_top_txt_190318_wrap p {
    font-size: 11px;
    text-align: center;
    line-height: 1;
  }
  #sysHeader .ec_header_sp_190318 {
    position: relative;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp {
    width: calc(710 * (100vw / 750));
    margin: 0 auto;
    padding: calc(10 * (100vw / 750)) 0 0;
    align-items: center;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_logo {
    width: calc(100 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_logo a {
    display: block;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap {
    width: calc(500 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu {
    align-items: center;
    margin-left: auto;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu > li {
    margin-left: calc(0 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .register {
    width: calc(24 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .member {
    width: calc(22 * (100vw / 750));
    margin-left: calc(28 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .cart {
    width: calc(24 * (100vw / 750));
    margin-left: calc(28 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search {
    width: calc(21 * (100vw / 750));
    margin-left: calc(24 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search.active {
    position: absolute;
    right: 21px;
    top: 31px;
    z-index: 40;
    background-image: url(http://www.san-ai.com/img/ai_190318/layout/common/header/ico_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search.active img {
    opacity: 0;
    transition: all 0s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu {
    position: relative;
    height: 24px;
    margin-left: calc(27 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input {
    display: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label {
    position: fixed;
    right: 20px;
    top: 25px;
    z-index: 12000;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span {
    transition: all .3s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(1) {
    top: 7px;
    transform: rotate(45deg);
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(2) {
    top: 7px;
    display: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(3) {
    top: 7px;
    transform: rotate(-45deg);
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .slide_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
    transition: all 0.5s;
    padding-bottom: 80px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .close_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn {
    position: relative;
    height: 16px;
    width: 16px;
    display: block;
    margin-top: 5px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span {
    position: absolute;
    left: 0;
    height: 1px;
    width: 16px;
    background-color: #333;
    display: inline-block;
    transition: all .3s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(1) {
    top: 0;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(2) {
    top: 7px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(3) {
    top: 14px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu {
    width: 40vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #fff;
    z-index: 11000;
    transition: all 0.5s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul {
    padding-top: 10vw;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li:first-of-type a {
    border-top: 1px solid #333;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transition: all 0.2s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    display: none;
    transition: all 0.2s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul {
    display: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    background-color: #ececec;
    position: relative;
    text-indent: .5em;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .close_menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    opacity: 0;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box {
    width: 100%;
    display: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box form .sysItemSearchFormWord input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    font-size: 14px;
    transition: all 0.1s;
    opacity: 0;
    z-index: 0;
    outline: 0;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box form .sysItemSearchFormWord input::placeholder {
    color: #aaa;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box.active {
    display: block;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input {
    opacity: 1;
    padding: 0 13% 0 4%;
    z-index: 30;
    box-sizing: border-box;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input::-ms-clear {
    visibility: hidden;
  }
  #sysHeader .ec_header_sp_190318 .ec_header_bottom_menu {
    width: 100%;
    margin: 0 auto;
    padding: 3vw 5vw;
  }
  #sysHeader .ec_header_sp_190318 .ec_header_bottom_menu li {
    font-size: 14px;
    line-height: 1;
    text-align: center;
    line-height: 2;
  }
  #sysHeader .ec_header_sp_190318 .ec_header_bottom_menu li:last-of-type {
    border-right: none;
  }
  #sysHeader .ec_header_sp_190318 .ec_header_bottom_menu li::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    display: inline-block;
    margin-left: 7px;
  }
  #sysHeader .header_swim_cart_info_190318 {
    display: none;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  #sysHeader .header_top_txt_190318_wrap {
    border-bottom: 1px solid #f1f1f1;
    padding: 15px 0 5px;
  }
  #sysHeader .header_top_txt_190318_wrap h1, #sysHeader .header_top_txt_190318_wrap p {
    font-size: calc(20 * (100vw / 750));
    text-align: center;
    line-height: 1;
  }
  #sysHeader .ec_header_sp_190318 {
    position: relative;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp {
    width: calc(710 * (100vw / 750));
    margin: 0 auto;
    padding: calc(20 * (100vw / 750)) 0 0;
    align-items: center;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_logo {
    width: calc(150 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_logo a {
    display: block;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap {
    width: calc(500 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu {
    align-items: center;
    margin-left: auto;
    margin-bottom: calc(20 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu > li {
    margin-left: calc(0 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .register {
    width: calc(43 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .member {
    width: calc(38 * (100vw / 750));
    margin-left: calc(42 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .cart {
    width: calc(45 * (100vw / 750));
    margin-left: calc(42 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search {
    width: calc(40 * (100vw / 750));
    margin-left: calc(30 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search.active {
    position: absolute;
    right: 17px;
    top: 24px;
    z-index: 40;
    background-image: url(http://www.san-ai.com/img/ai_190318/layout/common/header/ico_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 15px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search.active img {
    opacity: 0;
    transition: all 0s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu {
    position: relative;
    height: 24px;
    margin-left: calc(32 * (100vw / 750));
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input {
    display: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label {
    position: fixed;
    right: 20px;
    top: 25px;
    z-index: 12000;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span {
    transition: all .3s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(1) {
    top: 7px;
    transform: rotate(45deg);
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(2) {
    top: 7px;
    display: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(3) {
    top: 7px;
    transform: rotate(-45deg);
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .slide_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
    transition: all 0.5s;
    padding-bottom: 80px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .close_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn {
    position: relative;
    height: 16px;
    width: 16px;
    display: block;
    margin-top: 5px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span {
    position: absolute;
    left: 0;
    height: 1px;
    width: 16px;
    background-color: #636363;
    display: inline-block;
    transition: all .3s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(1) {
    top: 0;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(2) {
    top: 7px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(3) {
    top: 14px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu {
    width: 80vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #fff;
    z-index: 11000;
    transition: all 0.5s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul {
    padding-top: 20vw;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li:first-of-type a {
    border-top: 1px solid #333;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a {
    font-size: 12px;
    display: block;
    padding: 14px 24px 14px 14px;
    border-bottom: 1px solid #333;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transition: all 0.2s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    display: none;
    transition: all 0.2s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul {
    display: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a {
    font-size: 12px;
    display: block;
    padding: 14px 24px 14px 14px;
    border-bottom: 1px solid #333;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #ececec;
    text-indent: .5em;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .close_menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    opacity: 0;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box {
    display: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box form .sysItemSearchFormWord input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    font-size: 14px;
    transition: all 0.1s;
    opacity: 0;
    z-index: 0;
    outline: 0;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box form .sysItemSearchFormWord input::placeholder {
    color: #aaa;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box.active {
    display: block;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input {
    opacity: 1;
    padding: 0 13% 0 4%;
    z-index: 30;
    box-sizing: border-box;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  #sysHeader .ec_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input::-ms-clear {
    visibility: hidden;
  }
  #sysHeader .ec_header_sp_190318 .ec_header_bottom_menu {
    width: 100%;
    margin: 0 auto 5px;
    padding: 1vw 4vw;
  }
  #sysHeader .ec_header_sp_190318 .ec_header_bottom_menu li {
    font-size: 12px;
    line-height: 1;
    text-align: left;
    line-height: 2;
  }
  #sysHeader .ec_header_sp_190318 .ec_header_bottom_menu li:last-of-type {
    border-right: none;
  }
  #sysHeader .ec_header_sp_190318 .ec_header_bottom_menu li::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    display: inline-block;
    margin-left: 7px;
  }
  #sysHeader .header_swim_cart_info_190318 {
    display: none;
  }
  .remodal-overlay .remodal.block .link_all.btn_set a:not(:last-child) {
    margin-bottom: 10px !important;
  }
}

/*!────────────────────────────────────────
 * lingerie_header.css
 *────────────────────────────────────────*/
#sysHeader .lingerie_header_190318 {
  position: relative;
}

#sysHeader .lingerie_header_190318 #ec_header {
  width: auto;
  max-width: 1124px;
  padding: 10px 12px;
  margin: 0 auto;
}

#sysHeader .lingerie_header_190318 #ec_header .header_logo {
  width: 147px;
  margin: 13px auto 0 0;
}

#sysHeader .lingerie_header_190318 #ec_header .header_logo a img {
  height: 41px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_link {
  align-self: flex-end;
  margin-bottom: 18px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_link li:first-of-type {
  margin-right: 19px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_link li a {
  display: block;
  font-size: 12px;
  border: 1px solid #000;
  line-height: 1;
  padding: 7px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_link li a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  margin-left: 5px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu {
  align-items: center;
  margin-left: auto;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu > li {
  margin-left: 30px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .register {
  width: 23px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .register a {
  display: block;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .register a img {
  height: 23px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .member {
  width: 20px;
  margin-left: 28px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .member a {
  display: block;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .member a img {
  height: 24px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .cart {
  width: 23px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .cart a {
  display: block;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .cart a img {
  height: 23px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .search {
  width: 20px;
  margin-left: 26px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .search a {
  display: block;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .search a img {
  height: 20px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .search.active {
  position: absolute;
  right: 50px;
  top: 35px;
  z-index: 40;
  background-image: url(http://www.san-ai.com/img/ai_190318/layout/common/header/ico_close.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 21px 21px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .search.active img {
  opacity: 0;
  transition: all 0s;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu {
  position: relative;
  height: 24px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a span {
  transition: all 0.3s;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(1) {
  top: 7px;
  transform: rotate(45deg);
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(2) {
  top: 7px;
  display: none;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a span:nth-of-type(3) {
  top: 7px;
  transform: rotate(-45deg);
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a + .drop_down_menu {
  height: auto;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu.active a + .drop_down_menu ul li {
  height: auto;
  opacity: 1;
  overflow: visible;
  transition: all 0.3s;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a {
  position: relative;
  height: 16px;
  width: 16px;
  display: block;
  margin-top: 5px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a span {
  position: absolute;
  left: 0;
  height: 1px;
  width: 16px;
  background-color: #333;
  display: inline-block;
  transition: all 0.3s;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(1) {
  top: 0;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(2) {
  top: 7px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu > a span:nth-of-type(3) {
  top: 14px;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu {
  width: 470px;
  height: 0;
  position: absolute;
  top: 44px;
  right: 0;
  z-index: 10;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul {
  align-items: center;
  background-color: #fff;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li {
  width: 50%;
  height: 0;
  opacity: 0;
  overflow: hidden;
  position: relative;
  transition: all 0.3s;
  font-size: 12px;
  display: flex;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li:nth-of-type(2n) a {
  padding: 11px 30px 12px 0;
}

#sysHeader .lingerie_header_190318 #ec_header .header_menu_wrap .header_top_menu .menu .drop_down_menu ul li a {
  width: 100%;
  display: block;
  padding: 11px 30px 12px;
}

#sysHeader .lingerie_header_190318 .search_box {
  display: none;
}

#sysHeader .lingerie_header_190318 .search_box form .sysItemSearchFormWord input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: none;
  font-size: 25px;
  transition: all 0.1s;
  opacity: 0;
  z-index: 0;
  outline: 0;
}

#sysHeader .lingerie_header_190318 .search_box form .sysItemSearchFormWord input::placeholder {
  color: #aaa;
}

#sysHeader .lingerie_header_190318 .search_box.active {
  display: block;
}

#sysHeader .lingerie_header_190318 .search_box.active form .sysItemSearchFormWord input {
  opacity: 1;
  padding: 0 100px 0 50px;
  z-index: 30;
  box-sizing: border-box;
}

#sysHeader .lingerie_header_190318 .search_box.active form .sysItemSearchFormWord input::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

#sysHeader .lingerie_header_190318 .search_box.active form .sysItemSearchFormWord input::-ms-clear {
  visibility: hidden;
}

#sysHeader .header_swim_cart_info_190318 {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 7px 0;
  background-color: #f1f1f1;
}

#sysHeader .header_swim_cart_info_190318 .sysContent {
  display: flex;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoTotalPrice,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping {
  display: flex;
  align-items: center;
  line-height: 1.6;
  margin-right: 12px;
  letter-spacing: 0.05em;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount dt,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoTotalPrice dt,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping dt {
  font-size: 13px;
  margin-right: 5px;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount dd,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoTotalPrice dd,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping dd {
  font-size: 13px;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount dd span,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoTotalPrice dd span,
#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping dd span {
  font-size: 16px;
  color: #ea5532;
  margin-right: 2px;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoItemCount {
  padding-left: 30px;
  background: url(https://www.san-ai.com/img/ai_190318/layout/common/header/ico_cart.png) 0 center no-repeat;
  background-size: 24px 23px;
}

#sysHeader .header_swim_cart_info_190318 .sysContent .sysCartInfoRemainFreeShipping {
  margin-right: 0;
}

#sysHeader .header_lingerie_nav_190318_wrap {
  display: flex;
  flex-direction: column;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap {
  display: flex;
  align-self: center;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk {
  margin-right: 44px;
  padding: 27px 0;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk:last-of-type {
  margin-right: 0;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_link {
  font-size: 13px;
  line-height: 1;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content {
  display: none;
  width: 1100px;
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 10000;
  padding: 30px 20px;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_ttl {
  text-align: center;
  font-size: 16px;
  margin-bottom: 2em;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img {
  margin-bottom: 30px;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img li {
  width: 19.2%;
  margin-bottom: .8%;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img li a {
  display: block;
  position: relative;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img li a .overlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.5);
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_img li a p {
  font-size: 13px;
  font-weight: bold;
  position: absolute;
  top: calc(50% - 7px);
  right: 0;
  left: 0;
  margin: 0 auto;
  text-align: center;
  color: #333;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_txt {
  justify-content: flex-start;
  padding: 0 5%;
  margin-bottom: 30px;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_txt li {
  width: 20%;
  margin-bottom: 1em;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .nav_txt li a {
  display: block;
  font-size: 12px;
  line-height: 1;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .link_all p {
  text-align: center;
}

#sysHeader .header_lingerie_nav_190318_wrap .nav_wrap .nav_blk .nav_blk_content .link_all p a {
  font-size: 14px;
  display: inline-block;
  margin: 0 auto;
  border: 1px solid #333;
  padding: 14px 100px;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  #sysHeader .lingerie_header_sp_190318 {
    position: relative;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp {
    width: calc(710 * (100vw / 750));
    margin: 0 auto;
    padding: calc(10 * (100vw / 750)) 0 0;
    align-items: center;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_logo {
    width: calc(130 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap {
    width: calc(500 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu {
    align-items: center;
    margin-left: auto;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu > li {
    margin-left: calc(0 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .register {
    width: calc(24 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .member {
    width: calc(22 * (100vw / 750));
    margin-left: calc(28 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .cart {
    width: calc(24 * (100vw / 750));
    margin-left: calc(28 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search {
    width: calc(21 * (100vw / 750));
    margin-left: calc(24 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search.active {
    position: absolute;
    right: 21px;
    top: 18px;
    z-index: 40;
    background-image: url(http://www.san-ai.com/img/ai_190318/layout/common/header/ico_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 18px 18px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search.active img {
    opacity: 0;
    transition: all 0s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu {
    position: relative;
    height: 24px;
    margin-left: calc(27 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input {
    display: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label {
    position: fixed;
    right: 20px;
    top: 25px;
    z-index: 12000;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span {
    transition: all 0.3s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(1) {
    top: 7px;
    transform: rotate(45deg);
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(2) {
    top: 7px;
    display: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(3) {
    top: 7px;
    transform: rotate(-45deg);
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .slide_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
    transition: all 0.5s;
    padding-bottom: 80px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .close_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn {
    position: relative;
    height: 16px;
    width: 16px;
    display: block;
    margin-top: 5px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span {
    position: absolute;
    left: 0;
    height: 1px;
    width: 16px;
    background-color: #333;
    display: inline-block;
    transition: all 0.3s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(1) {
    top: 0;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(2) {
    top: 7px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(3) {
    top: 14px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu {
    width: 40vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #fff;
    z-index: 11000;
    transition: all 0.5s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul {
    padding-top: 10vw;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li:first-of-type {
    border-top: 1px solid #333;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transition: all 0.2s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    display: none;
    transition: all 0.2s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul {
    display: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    background-color: #ececec;
    position: relative;
    text-indent: .5em;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .close_menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    opacity: 0;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box {
    width: 100%;
    display: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box form .sysItemSearchFormWord input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    font-size: 14px;
    transition: all 0.1s;
    opacity: 0;
    z-index: 0;
    outline: 0;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box form .sysItemSearchFormWord input::placeholder {
    color: #aaa;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box.active {
    display: block;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input {
    opacity: 1;
    padding: 0 13% 0 4%;
    z-index: 30;
    box-sizing: border-box;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input::-ms-clear {
    visibility: hidden;
  }
  #sysHeader .lingerie_header_sp_190318 .ec_header_bottom_menu {
    width: 100%;
    margin: 0 auto;
    padding: 3vw 5vw;
  }
  #sysHeader .lingerie_header_sp_190318 .ec_header_bottom_menu li {
    font-size: 14px;
    line-height: 1;
    text-align: center;
    line-height: 2;
  }
  #sysHeader .lingerie_header_sp_190318 .ec_header_bottom_menu li:last-of-type {
    border-right: none;
  }
  #sysHeader .lingerie_header_sp_190318 .ec_header_bottom_menu li::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    display: inline-block;
    margin-left: 7px;
  }
  #sysHeader .header_swim_cart_info_190318 {
    display: none;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  #sysHeader .lingerie_header_sp_190318 {
    position: relative;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp {
    width: calc(710 * (100vw / 750));
    margin: 0 auto;
    padding: calc(20 * (100vw / 750)) 0 0;
    align-items: center;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_logo {
    width: calc(200 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap {
    width: calc(500 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu {
    align-items: center;
    margin-left: auto;
    margin-bottom: calc(20 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu > li {
    margin-left: calc(0 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .register {
    width: calc(43 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .member {
    width: calc(38 * (100vw / 750));
    margin-left: calc(42 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .cart {
    width: calc(45 * (100vw / 750));
    margin-left: calc(42 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search {
    width: calc(40 * (100vw / 750));
    margin-left: calc(30 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search.active {
    position: absolute;
    right: 17px;
    top: 14px;
    z-index: 40;
    background-image: url(http://www.san-ai.com/img/ai_190318/layout/common/header/ico_close.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 15px 15px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .search.active img {
    opacity: 0;
    transition: all 0s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu {
    position: relative;
    height: 24px;
    margin-left: calc(32 * (100vw / 750));
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input {
    display: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label {
    position: fixed;
    right: 20px;
    top: 25px;
    z-index: 12000;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span {
    transition: all 0.3s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(1) {
    top: 7px;
    transform: rotate(45deg);
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(2) {
    top: 7px;
    display: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked + label span:nth-of-type(3) {
    top: 7px;
    transform: rotate(-45deg);
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .slide_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
    transition: all 0.5s;
    padding-bottom: 80px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu input:checked ~ .close_menu {
    right: 0;
    opacity: 1;
    overflow: scroll;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn {
    position: relative;
    height: 16px;
    width: 16px;
    display: block;
    margin-top: 5px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span {
    position: absolute;
    left: 0;
    height: 1px;
    width: 16px;
    background-color: #636363;
    display: inline-block;
    transition: all 0.3s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(1) {
    top: 0;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(2) {
    top: 7px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu > .menu_btn span:nth-of-type(3) {
    top: 14px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu {
    width: 80vw;
    height: 100vh;
    opacity: 0;
    position: fixed;
    top: 0;
    right: -100%;
    background-color: #fff;
    z-index: 11000;
    transition: all 0.5s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul {
    padding-top: 20vw;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li:first-of-type {
    border-top: 1px solid #333;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a {
    font-size: 12px;
    display: block;
    padding: 14px 24px 14px 14px;
    border-bottom: 1px solid #333;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li > a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p {
    font-size: 12px;
    display: block;
    padding: 14px;
    border-bottom: 1px solid #333;
    position: relative;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transition: all 0.2s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    display: none;
    transition: all 0.2s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open p.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 22px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul {
    display: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a {
    font-size: 12px;
    display: block;
    padding: 14px 24px 14px 14px;
    border-bottom: 1px solid #333;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    background-color: #ececec;
    text-indent: .5em;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .slide_menu > ul > li.sp_menu_open ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 19px;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .header_menu_wrap .header_top_menu .menu .close_menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 10000;
    opacity: 0;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box {
    display: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box form .sysItemSearchFormWord input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: none;
    font-size: 14px;
    transition: all 0.1s;
    opacity: 0;
    z-index: 0;
    outline: 0;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box form .sysItemSearchFormWord input::placeholder {
    color: #aaa;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box.active {
    display: block;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input {
    opacity: 1;
    padding: 0 13% 0 4%;
    z-index: 30;
    box-sizing: border-box;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  #sysHeader .lingerie_header_sp_190318 #ec_header_sp .search_box.active form .sysItemSearchFormWord input::-ms-clear {
    visibility: hidden;
  }
  #sysHeader .lingerie_header_sp_190318 .ec_header_bottom_menu {
    width: 100%;
    margin: 0 auto 5px;
    padding: 1vw 4vw;
  }
  #sysHeader .lingerie_header_sp_190318 .ec_header_bottom_menu li {
    font-size: 12px;
    line-height: 1;
    text-align: left;
    line-height: 2;
  }
  #sysHeader .lingerie_header_sp_190318 .ec_header_bottom_menu li:last-of-type {
    border-right: none;
  }
  #sysHeader .lingerie_header_sp_190318 .ec_header_bottom_menu li::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    display: inline-block;
    margin-left: 7px;
  }
  #sysHeader .header_swim_cart_info_190318 {
    display: none;
  }
}

/*!────────────────────────────────────────
 * corp_footer.css
 *────────────────────────────────────────*/
#sysFooter .sitemap_wrap {
  max-width: 1134px;
  margin: 0 auto 105px;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

#sysFooter .sitemap_wrap .sitemap_blk {
  width: 18.4%;
}

#sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 {
  margin-bottom: 38px;
}

#sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3 {
  font-size: 12px;
  line-height: 1;
  padding-bottom: 13px;
  border-bottom: 1px dotted #cdcdcd;
  margin-bottom: 14px;
}

#sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 ul li {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 7px;
}

#sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

#sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 ul li ul {
  padding-top: 7px;
}

#sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 ul li ul li {
  text-indent: 1em;
}

#sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 ul li ul li::before {
  content: "・";
}

#sysFooter .footer_box .caution {
  font-size: 12px;
  text-align: center;
  margin-bottom: 22px;
}

#sysFooter .footer_box .eshop_link {
  font-size: 12px;
  text-align: center;
  line-height: 1.9;
  margin-bottom: 35px;
}

#sysFooter .footer_box .footer_link_box {
  width: 100%;
  background-color: #ededed;
  padding: 13px 0;
  margin-bottom: 25px;
}

#sysFooter .footer_box .footer_link_box nav {
  display: flex;
}

#sysFooter .footer_box .footer_link_box nav ul {
  width: auto;
  margin: 0 auto;
  justify-content: flex-start;
}

#sysFooter .footer_box .footer_link_box nav ul li {
  font-size: 12px;
  line-height: 1;
  padding-right: 15px;
}

#sysFooter .footer_box .footer_link_box nav ul li::before {
  content: "|";
  padding-right: 15px;
}

#sysFooter .footer_box .footer_link_box nav ul li:first-of-type::before {
  content: none;
}

#sysFooter .footer_box .footer_link_box nav ul li:last-of-type {
  padding-right: 0;
}

#sysFooter .footer_box .footer_logo {
  width: 86px;
  margin: 0 auto 29px;
}

#sysFooter .footer_box .copyright {
  font-size: 12px;
  line-height: 1;
  text-align: center;
  padding-bottom: 40px;
}

#sysFooter .swim_footer_190318 .footer_link_box ul,
#sysFooter .lingerie_footer_190318 .footer_link_box ul {
  width: auto;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  #sysFooter .sitemap_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
    border-bottom: 1px solid #cdcdcd;
  }
  #sysFooter .sitemap_wrap .sitemap_blk {
    width: 100%;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 {
    margin-bottom: 0;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3 {
    font-size: 12px;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(28 * (100vw / 750));
    padding-right: calc(28 * (100vw / 750));
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transition: all 0.2s;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav {
    margin-bottom: 0;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul {
    display: none;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul li {
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul li:nth-of-type(2n+1) {
    border-right: 1px solid #cdcdcd;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul li a {
    padding-top: calc(12 * (100vw / 750));
    padding-bottom: calc(12 * (100vw / 750));
    padding-left: calc(28 * (100vw / 750));
    padding-right: calc(28 * (100vw / 750));
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    background-color: #ececec;
    position: relative;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 2.1vw;
  }
  #sysFooter .footer_box {
    background-color: #f4f4f4;
    padding-top: calc(35 * (100vw / 750));
  }
  #sysFooter .footer_box .caution {
    font-size: 12px;
    text-align: center;
    margin-bottom: calc(35 * (100vw / 750));
  }
  #sysFooter .footer_box .eshop_link {
    font-size: 12px;
    text-align: center;
    line-height: 1.9;
    margin-bottom: calc(35 * (100vw / 750));
  }
  #sysFooter .footer_box .footer_link_box {
    width: 100%;
    background-color: #e0e0e0;
    padding: 0;
    margin-bottom: calc(30 * (100vw / 750));
    margin-bottom: calc(30 * (100vw / 750));
  }
  #sysFooter .footer_box .footer_link_box nav {
    display: block;
  }
  #sysFooter .footer_box .footer_link_box nav ul {
    width: 100%;
    margin: 0 auto;
    justify-content: flex-start;
  }
  #sysFooter .footer_box .footer_link_box nav ul li {
    width: 50%;
    font-size: 12px;
    line-height: 1;
    padding-right: 0;
    position: relative;
    border-bottom: 1px solid #fff;
  }
  #sysFooter .footer_box .footer_link_box nav ul li a {
    display: block;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    position: relative;
  }
  #sysFooter .footer_box .footer_link_box nav ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 22px;
  }
  #sysFooter .footer_box .footer_link_box nav ul li::before {
    content: none;
  }
  #sysFooter .footer_box .footer_link_box nav ul li:nth-of-type(7), #sysFooter .footer_box .footer_link_box nav ul li:nth-of-type(8) {
    border-bottom: none;
  }
  #sysFooter .footer_box .footer_link_box nav ul li:nth-of-type(odd) {
    border-right: 1px solid #fff;
  }
  #sysFooter .footer_box .footer_logo {
    width: calc(65 * (100vw / 750));
    margin: 0 auto calc(20 * (100vw / 750));
  }
  #sysFooter .footer_box .copyright {
    font-size: 10px;
    line-height: 1;
    text-align: center;
    padding-bottom: calc(15 * (100vw / 750));
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  #sysFooter .sitemap_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
    border-bottom: 1px solid #cdcdcd;
  }
  #sysFooter .sitemap_wrap .sitemap_blk {
    width: 100%;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 {
    margin-bottom: 0;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3 {
    font-size: 12px;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(48 * (100vw / 750));
    padding-right: calc(48 * (100vw / 750));
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transition: all 0.2s;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 h3.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav {
    margin-bottom: 0;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul {
    display: none;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul li {
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul li:nth-of-type(2n+1) {
    border-right: 1px solid #cdcdcd;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul li a {
    padding-top: calc(25 * (100vw / 750));
    padding-bottom: calc(25 * (100vw / 750));
    padding-left: calc(48 * (100vw / 750));
    padding-right: calc(48 * (100vw / 750));
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    background-color: #ececec;
    position: relative;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318 nav ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 4.5vw;
  }
  #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318.sitemap_shop_190318 nav ul li, #sysFooter .sitemap_wrap .sitemap_blk .corporate_sitemap_190318.sitemap_members_club_190318 nav ul li {
    width: 100% !important;
    border-right: none;
  }
  #sysFooter .footer_box {
    background-color: #f4f4f4;
    padding-top: calc(70 * (100vw / 750));
  }
  #sysFooter .footer_box .caution {
    font-size: 12px;
    text-align: center;
    margin-bottom: calc(70 * (100vw / 750));
  }
  #sysFooter .footer_box .eshop_link {
    font-size: 12px;
    text-align: center;
    line-height: 1.9;
    margin-bottom: calc(70 * (100vw / 750));
  }
  #sysFooter .footer_box .footer_link_box {
    width: 100%;
    background-color: #e0e0e0;
    padding: 0;
    margin-bottom: calc(50 * (100vw / 750));
  }
  #sysFooter .footer_box .footer_link_box nav {
    display: block;
  }
  #sysFooter .footer_box .footer_link_box nav ul {
    width: 100%;
    margin: 0 auto;
    justify-content: flex-start;
  }
  #sysFooter .footer_box .footer_link_box nav ul li {
    width: 50%;
    font-size: 12px;
    line-height: 1;
    padding-right: 0;
    position: relative;
    border-bottom: 1px solid #fff;
  }
  #sysFooter .footer_box .footer_link_box nav ul li a {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 17px 10px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #sysFooter .footer_box .footer_link_box nav ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 6px;
    top: 19px;
  }
  #sysFooter .footer_box .footer_link_box nav ul li::before {
    content: none;
  }
  #sysFooter .footer_box .footer_link_box nav ul li:nth-of-type(7), #sysFooter .footer_box .footer_link_box nav ul li:nth-of-type(8) {
    border-bottom: none;
  }
  #sysFooter .footer_box .footer_link_box nav ul li:nth-of-type(odd) {
    border-right: 1px solid #fff;
  }
  #sysFooter .footer_box .footer_logo {
    width: calc(130 * (100vw / 750));
    margin: 0 auto calc(40 * (100vw / 750));
  }
  #sysFooter .footer_box .copyright {
    font-size: 10px;
    line-height: 1;
    text-align: center;
    padding-bottom: calc(20 * (100vw / 750));
  }
}

/*!────────────────────────────────────────
 * corp_footer.css
 *────────────────────────────────────────*/
#sysFooter .ec_sitemap_wrap {
  max-width: 1124px;
  margin: 0 auto 105px;
  padding: 0 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}

#sysFooter .ec_sitemap_wrap .ec_sitemap_190318 {
  width: 18.2%;
  margin-bottom: 38px;
}

#sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3 {
  font-size: 12px;
  line-height: 1;
  padding-bottom: 13px;
  border-bottom: 1px dotted #cdcdcd;
  margin-bottom: 14px;
}

#sysFooter .ec_sitemap_wrap .ec_sitemap_190318 ul li {
  font-size: 12px;
  line-height: 1.4;
  margin-bottom: 7px;
}

#sysFooter .ec_sitemap_wrap .ec_sitemap_190318 ul li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

#sysFooter .ec_sitemap_wrap .ec_sitemap_190318 ul li ul {
  padding-top: 7px;
}

#sysFooter .ec_sitemap_wrap .ec_sitemap_190318 ul li ul li {
  text-indent: 1em;
}

#sysFooter .ec_sitemap_wrap .ec_sitemap_190318 ul li ul li::before {
  content: "・";
}

#sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_web_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_category_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_pick_up_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.ec_sitemap_members_club_190318 {
  width: 24.2%;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  #sysFooter .ec_sitemap_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
    border-bottom: 1px solid #cdcdcd;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 {
    width: 100%;
    margin-bottom: 0;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3 {
    font-size: 12px;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(28 * (100vw / 750));
    padding-right: calc(28 * (100vw / 750));
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transition: all 0.2s;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav {
    margin-bottom: 0;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul {
    display: none;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul li {
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul li:nth-of-type(2n+1) {
    border-right: 1px solid #cdcdcd;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul li a {
    padding-top: calc(12 * (100vw / 750));
    padding-bottom: calc(12 * (100vw / 750));
    padding-left: calc(28 * (100vw / 750));
    padding-right: calc(28 * (100vw / 750));
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    background-color: #ececec;
    position: relative;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 2.1vw;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_web_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_category_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_pick_up_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.ec_sitemap_members_club_190318 {
    width: 100%;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  #sysFooter .ec_sitemap_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    flex-direction: column;
    border-bottom: 1px solid #cdcdcd;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 {
    width: 100%;
    margin-bottom: 0;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3 {
    font-size: 12px;
    line-height: 1;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(48 * (100vw / 750));
    padding-right: calc(48 * (100vw / 750));
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    margin-bottom: 0;
    position: relative;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transition: all 0.2s;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 h3.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav {
    margin-bottom: 0;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul {
    display: none;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul li {
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul li:nth-of-type(2n+1) {
    border-right: 1px solid #cdcdcd;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul li a {
    padding-top: calc(25 * (100vw / 750));
    padding-bottom: calc(25 * (100vw / 750));
    padding-left: calc(48 * (100vw / 750));
    padding-right: calc(48 * (100vw / 750));
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    background-color: #ececec;
    position: relative;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318 nav ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 4.5vw;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.sitemap_shop_190318 nav ul li, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.sitemap_members_club_190318 nav ul li {
    width: 100% !important;
    border-right: none;
  }
  #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_web_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_category_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.lingerie_sitemap_pick_up_190318, #sysFooter .ec_sitemap_wrap .ec_sitemap_190318.ec_sitemap_members_club_190318 {
    width: 100%;
  }
}

/*!────────────────────────────────────────
 * corp_top.css
 *────────────────────────────────────────*/
#corporate_top-1806 {
  /* =========================================================
 TBここから
========================================================= */
  /* =========================================================
 SPここから
========================================================= */
}

#corporate_top-1806 .corporate_top_slide_190318_wrap .slick-prev::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 24px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  left: 29px;
  top: 0;
}

#corporate_top-1806 .corporate_top_slide_190318_wrap .slick-next::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 24px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 29px;
  top: 0;
}

#corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots {
  bottom: -35px;
}

#corporate_top-1806 .corporate_top_under_bnr {
  padding-top: 72px;
}

#corporate_top-1806 .common_2bnr ul {
  margin: 0 auto 100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 100%;
  max-width: 1000px;
}

#corporate_top-1806 .common_2bnr ul li {
  width: 100%;
  max-width: 490px;
}

#corporate_top-1806 .common_2bnr ul li a {
  display: block;
}

#corporate_top-1806 .corporate_top_concept_190318_wrap .brand_concept_blk {
  margin: 0 auto 100px;
}

#corporate_top-1806 .corporate_top_concept_190318_wrap .brand_concept_blk p {
  font-size: 14px;
  text-align: center;
  line-height: 1.85;
}

#corporate_top-1806 .corporate_top_category_190318_wrap {
  margin-bottom: 100px;
}

#corporate_top-1806 .corporate_top_category_190318_wrap ul li {
  margin-bottom: 0;
}

#corporate_top-1806 .corporate_top_category_190318_wrap ul li:nth-of-type(1), #corporate_top-1806 .corporate_top_category_190318_wrap ul li:nth-of-type(2) {
  margin-bottom: 80px;
}

#corporate_top-1806 .corporate_top_category_190318_wrap ul li a .overlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.2);
}

#corporate_top-1806 .corporate_top_category_190318_wrap .flex_layout01 li a p {
  line-height: 0.8;
}

#corporate_top-1806 .top_swimwear_new_arrival_190318 {
  margin-bottom: 40px;
}

#corporate_top-1806 .new_swimwear_btn_190318_wrap {
  margin-bottom: 100px;
}

#corporate_top-1806 .top_lingerie_new_arrival_190318 {
  margin-bottom: 40px;
}

#corporate_top-1806 .new_lingerie_btn_190318_wrap {
  margin-bottom: 100px;
}

#corporate_top-1806 .corporate_top_topics_190318_wrap {
  width: 100%;
  height: 385px;
  position: relative;
}

#corporate_top-1806 .corporate_top_topics_190318_wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#corporate_top-1806 .corporate_top_lookbook_190318_wrap {
  max-width: 1000px;
  margin: 0 auto 90px;
}

#corporate_top-1806 .corporate_top_lookbook_190318_wrap ul li {
  margin-bottom: 27px;
}

#corporate_top-1806 .corporate_top_lookbook_190318_wrap ul li a {
  display: block;
}

#corporate_top-1806 .corporate_top_lookbook_190318_wrap ul li a div {
  width: 100%;
  margin-bottom: 10px;
}

#corporate_top-1806 .corporate_top_lookbook_190318_wrap ul li a p {
  font-size: 24px;
  line-height: 1.44;
}

#corporate_top-1806 .corporate_top_colimn_blog_190318_wrap {
  margin-bottom: 100px;
}

#corporate_top-1806 .corporate_top_colimn_blog_190318_wrap ul li a .overlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.1);
}

#corporate_top-1806 .corporate_top_colimn_blog_190318_wrap ul li a p {
  font-size: 60px;
  top: calc(50% - 25px);
}

#corporate_top-1806 .corporate_top_sns_190318_wrap {
  width: 760px;
  margin: 0 auto 100px;
}

#corporate_top-1806 .corporate_top_c_news_190318_wrap {
  margin-bottom: 120px;
}

#corporate_top-1806 .sysItemPrice {
  padding-top: 5px;
  text-align: center;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 0.2em;
}

@media only screen and (min-width: 641px) and (max-width: 980px) {
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-prev::before {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    left: 20px;
    top: 0;
  }
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-next::before {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 15px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    right: 20px;
    top: 0;
  }
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots {
    bottom: -25px;
  }
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 7px;
  }
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots li button {
    width: 7px;
    height: 7px;
  }
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots li button::before {
    content: "";
    background-color: #000;
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }
  #corporate_top-1806 .common_2bnr ul li {
    width: 49%;
  }
  #corporate_top-1806 .corporate_top_concept_190318_wrap .brand_concept_blk p {
    font-size: 12px;
  }
  #corporate_top-1806 .corporate_top_category_190318_wrap ul li:nth-of-type(1), #corporate_top-1806 .corporate_top_category_190318_wrap ul li:nth-of-type(2) {
    margin-bottom: 60px;
  }
  #corporate_top-1806 .top_swimwear_new_arrival_190318 {
    margin-bottom: 30px;
  }
  #corporate_top-1806 .new_swimwear_btn_190318_wrap {
    margin-bottom: 80px;
  }
  #corporate_top-1806 .top_lingerie_new_arrival_190318 {
    margin-bottom: 30px;
  }
  #corporate_top-1806 .new_lingerie_btn_190318_wrap {
    margin-bottom: 80px;
  }
  #corporate_top-1806 .corporate_top_topics_190318_wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 40%;
  }
  #corporate_top-1806 .corporate_top_topics_190318_wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #corporate_top-1806 .corporate_top_lookbook_190318_wrap {
    width: 100%;
  }
  #corporate_top-1806 .corporate_top_lookbook_190318_wrap ul li a p {
    font-size: 20px;
    padding-left: 10px;
  }
  #corporate_top-1806 .corporate_top_colimn_blog_190318_wrap {
    margin-bottom: 100px;
  }
  #corporate_top-1806 .corporate_top_colimn_blog_190318_wrap ul li a p {
    font-size: calc(45 * (100vw / 750));
    top: calc(50% - 25px);
  }
}

@media only screen and (max-width: 640px) {
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots {
    bottom: -25px;
  }
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 7px;
  }
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots li button {
    width: 7px;
    height: 7px;
  }
  #corporate_top-1806 .corporate_top_slide_190318_wrap .slick-dots li button::before {
    content: "";
    background-color: #000;
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }
  #corporate_top-1806 .corporate_top_under_bnr {
    padding-top: calc(50 * (100vw / 750));
  }
  #corporate_top-1806 .common_2bnr ul {
    margin: 0 auto calc(100 * (100vw / 750));
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
  }
  #corporate_top-1806 .common_2bnr ul li {
    margin-bottom: calc(20 * (100vw / 750));
    width: 100%;
  }
  #corporate_top-1806 .common_2bnr ul li:last-child {
    margin-bottom: 0;
  }
  #corporate_top-1806 .corporate_top_concept_190318_wrap .brand_concept_blk {
    margin: 0 auto calc(100 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_concept_190318_wrap .brand_concept_blk p {
    font-size: calc(24 * (100vw / 750));
    width: 94%;
    margin: 0 auto;
    line-height: 1.6;
  }
  #corporate_top-1806 .corporate_top_category_190318_wrap {
    margin-bottom: calc(90 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_category_190318_wrap ul li {
    margin-bottom: calc(20 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_category_190318_wrap ul li:nth-of-type(1), #corporate_top-1806 .corporate_top_category_190318_wrap ul li:nth-of-type(2) {
    margin-bottom: calc(20 * (100vw / 750));
  }
  #corporate_top-1806 .top_swimwear_new_arrival_190318 {
    margin-bottom: calc(10 * (100vw / 750));
  }
  #corporate_top-1806 .new_swimwear_btn_190318_wrap {
    margin-bottom: calc(110 * (100vw / 750));
  }
  #corporate_top-1806 .top_lingerie_new_arrival_190318 {
    margin-bottom: calc(10 * (100vw / 750));
  }
  #corporate_top-1806 .new_lingerie_btn_190318_wrap {
    margin-bottom: calc(110 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_topics_190318_wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 137%;
  }
  #corporate_top-1806 .corporate_top_topics_190318_wrap iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #corporate_top-1806 .corporate_top_lookbook_190318_wrap {
    width: 100%;
    margin-bottom: calc(107 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_lookbook_190318_wrap ul li {
    margin-bottom: calc(22 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_lookbook_190318_wrap ul li a div {
    margin-bottom: calc(8 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_lookbook_190318_wrap ul li a p {
    font-size: 14px;
    padding: 0 1%;
  }
  #corporate_top-1806 .corporate_top_colimn_blog_190318_wrap {
    margin-bottom: calc(90 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_colimn_blog_190318_wrap ul li {
    width: calc(368 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_colimn_blog_190318_wrap ul li a p {
    font-size: calc(44 * (100vw / 750));
    top: calc(50% - 2.5vw);
  }
  #corporate_top-1806 .corporate_top_sns_190318_wrap {
    width: 100%;
    margin: 0 auto;
    padding-bottom: calc(100 * (100vw / 750));
  }
  #corporate_top-1806 .corporate_top_c_news_190318_wrap {
    margin-bottom: calc(95 * (100vw / 750));
  }
  #corporate_top-1806 .sysItemPrice {
    padding-top: 0;
  }
}

/*!────────────────────────────────────────
 * resort_eshop.css
 *────────────────────────────────────────*/
#swimsuit,
#sports,
#resortwear {
  /* =========================================================
 TBここから
========================================================= */
  /* =========================================================
 SPここから
========================================================= */
}

#swimsuit .ec_top_slide_190318_wrap,
#sports .ec_top_slide_190318_wrap,
#resortwear .ec_top_slide_190318_wrap {
  margin-bottom: 80px;
}

#swimsuit .ec_top_slide_190318_wrap .slick-initialized .slick-slide,
#sports .ec_top_slide_190318_wrap .slick-initialized .slick-slide,
#resortwear .ec_top_slide_190318_wrap .slick-initialized .slick-slide {
  padding: 0 5px;
}

#swimsuit .ec_top_slide_190318_wrap .slick-prev,
#sports .ec_top_slide_190318_wrap .slick-prev,
#resortwear .ec_top_slide_190318_wrap .slick-prev {
  left: 0;
  width: calc(15% - 5px);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

#swimsuit .ec_top_slide_190318_wrap .slick-prev::before,
#sports .ec_top_slide_190318_wrap .slick-prev::before,
#resortwear .ec_top_slide_190318_wrap .slick-prev::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 24px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  left: 113%;
  top: calc(50% - 14.5px);
}

#swimsuit .ec_top_slide_190318_wrap .slick-next,
#sports .ec_top_slide_190318_wrap .slick-next,
#resortwear .ec_top_slide_190318_wrap .slick-next {
  right: 0;
  width: calc(15% - 5px);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

#swimsuit .ec_top_slide_190318_wrap .slick-next::before,
#sports .ec_top_slide_190318_wrap .slick-next::before,
#resortwear .ec_top_slide_190318_wrap .slick-next::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 24px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 113%;
  top: calc(50% - 14.5px);
}

#swimsuit .ec_top_slide_190318_wrap .slick-dots,
#sports .ec_top_slide_190318_wrap .slick-dots,
#resortwear .ec_top_slide_190318_wrap .slick-dots {
  bottom: -35px;
}

#swimsuit .ec_top_new_arrival_btn_190318,
#swimsuit .ec_top_swim_rank_btn_190318,
#swimsuit .ec_top_resort_rank_btn_190318,
#swimsuit .ec_top_yoga_rank_btn_190318,
#swimsuit .ec_top_lingerie_rank_btn_190318,
#swimsuit .yoga_top_new_arrival_btn_190318,
#swimsuit .resort_top_new_btn_190318,
#sports .ec_top_new_arrival_btn_190318,
#sports .ec_top_swim_rank_btn_190318,
#sports .ec_top_resort_rank_btn_190318,
#sports .ec_top_yoga_rank_btn_190318,
#sports .ec_top_lingerie_rank_btn_190318,
#sports .yoga_top_new_arrival_btn_190318,
#sports .resort_top_new_btn_190318,
#resortwear .ec_top_new_arrival_btn_190318,
#resortwear .ec_top_swim_rank_btn_190318,
#resortwear .ec_top_resort_rank_btn_190318,
#resortwear .ec_top_yoga_rank_btn_190318,
#resortwear .ec_top_lingerie_rank_btn_190318,
#resortwear .yoga_top_new_arrival_btn_190318,
#resortwear .resort_top_new_btn_190318 {
  margin-bottom: 110px;
}

#swimsuit .ec_top_sns_190318_wrap,
#sports .ec_top_sns_190318_wrap,
#resortwear .ec_top_sns_190318_wrap {
  width: 760px;
  margin: 0 auto 100px;
}

#swimsuit .ec_top_search_190318_wrap,
#sports .ec_top_search_190318_wrap,
#resortwear .ec_top_search_190318_wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background-color: #fbfbfb;
  padding: 60px 60px 22px;
  margin-top: -70px;
  margin-bottom: 100px;
}

#swimsuit .ec_top_search_190318_wrap .search_blk h3,
#sports .ec_top_search_190318_wrap .search_blk h3,
#resortwear .ec_top_search_190318_wrap .search_blk h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  border-bottom: 1px solid #333;
  padding-bottom: 2px;
  position: relative;
  margin-bottom: 20px;
}

#swimsuit .ec_top_search_190318_wrap .search_blk h3 span,
#sports .ec_top_search_190318_wrap .search_blk h3 span,
#resortwear .ec_top_search_190318_wrap .search_blk h3 span {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 2px;
}

#swimsuit .ec_top_search_190318_wrap .search_blk h3 span a,
#sports .ec_top_search_190318_wrap .search_blk h3 span a,
#resortwear .ec_top_search_190318_wrap .search_blk h3 span a {
  display: block;
  font-size: 12px;
}

#swimsuit .ec_top_search_190318_wrap .search_blk h3 span a::after,
#sports .ec_top_search_190318_wrap .search_blk h3 span a::after,
#resortwear .ec_top_search_190318_wrap .search_blk h3 span a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  margin-left: 13px;
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul,
#sports .ec_top_search_190318_wrap .search_blk ul,
#resortwear .ec_top_search_190318_wrap .search_blk ul {
  margin-bottom: 30px;
  justify-content: flex-start;
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul li,
#sports .ec_top_search_190318_wrap .search_blk ul li,
#resortwear .ec_top_search_190318_wrap .search_blk ul li {
  margin-bottom: 15px;
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul li a,
#sports .ec_top_search_190318_wrap .search_blk ul li a,
#resortwear .ec_top_search_190318_wrap .search_blk ul li a {
  display: block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul li a::before,
#sports .ec_top_search_190318_wrap .search_blk ul li a::before,
#resortwear .ec_top_search_190318_wrap .search_blk ul li a::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  margin-right: 13px;
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul.style_search_blk li,
#sports .ec_top_search_190318_wrap .search_blk ul.style_search_blk li,
#resortwear .ec_top_search_190318_wrap .search_blk ul.style_search_blk li {
  width: calc(100% / 4);
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul.style_color_blk li,
#sports .ec_top_search_190318_wrap .search_blk ul.style_color_blk li,
#resortwear .ec_top_search_190318_wrap .search_blk ul.style_color_blk li {
  width: calc(100% / 6);
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul.style_price_blk li,
#sports .ec_top_search_190318_wrap .search_blk ul.style_price_blk li,
#resortwear .ec_top_search_190318_wrap .search_blk ul.style_price_blk li {
  width: calc(100% / 5);
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul.style_complex_blk li,
#sports .ec_top_search_190318_wrap .search_blk ul.style_complex_blk li,
#resortwear .ec_top_search_190318_wrap .search_blk ul.style_complex_blk li {
  width: calc(100% / 4);
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul.style_feature_blk,
#sports .ec_top_search_190318_wrap .search_blk ul.style_feature_blk,
#resortwear .ec_top_search_190318_wrap .search_blk ul.style_feature_blk {
  margin-bottom: 0;
}

#swimsuit .ec_top_search_190318_wrap .search_blk ul.style_feature_blk li,
#sports .ec_top_search_190318_wrap .search_blk ul.style_feature_blk li,
#resortwear .ec_top_search_190318_wrap .search_blk ul.style_feature_blk li {
  width: calc(100% / 3);
}

#swimsuit .ranking_lingerie,
#sports .ranking_lingerie,
#resortwear .ranking_lingerie {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto 25px;
}

#swimsuit .ranking_lingerie .sysContent .sysHorizontal,
#sports .ranking_lingerie .sysContent .sysHorizontal,
#resortwear .ranking_lingerie .sysContent .sysHorizontal {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#swimsuit .ranking_lingerie .sysContent .sysHorizontal li,
#sports .ranking_lingerie .sysContent .sysHorizontal li,
#resortwear .ranking_lingerie .sysContent .sysHorizontal li {
  width: 18.5454%;
  margin-bottom: 25px;
  position: relative;
}

#swimsuit .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(6), #swimsuit .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(7), #swimsuit .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(8), #swimsuit .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(9), #swimsuit .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(10),
#sports .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(6),
#sports .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(7),
#sports .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(8),
#sports .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(9),
#sports .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(10),
#resortwear .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(6),
#resortwear .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(7),
#resortwear .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(8),
#resortwear .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(9),
#resortwear .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(10) {
  display: none;
}

#swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank,
#sports .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank,
#resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank {
  width: 30px;
  height: 30px;
  position: absolute;
  top: -17px;
  left: 10px;
  z-index: 1;
}

#swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage,
#sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage,
#resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage {
  margin-bottom: 15px;
}

#swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
#swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice,
#sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
#sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice,
#resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
#resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice {
  font-size: 12px;
  line-height: 1.6;
  text-align: left;
}

@media only screen and (min-width: 641px) and (max-width: 980px) {
  #swimsuit .ec_top_slide_190318_wrap,
  #sports .ec_top_slide_190318_wrap,
  #resortwear .ec_top_slide_190318_wrap {
    margin-bottom: 30px;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-initialized .slick-slide,
  #sports .ec_top_slide_190318_wrap .slick-initialized .slick-slide,
  #resortwear .ec_top_slide_190318_wrap .slick-initialized .slick-slide {
    padding: 0;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots,
  #sports .ec_top_slide_190318_wrap .slick-dots,
  #resortwear .ec_top_slide_190318_wrap .slick-dots {
    bottom: 3%;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots li,
  #sports .ec_top_slide_190318_wrap .slick-dots li,
  #resortwear .ec_top_slide_190318_wrap .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 7px;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots li button,
  #sports .ec_top_slide_190318_wrap .slick-dots li button,
  #resortwear .ec_top_slide_190318_wrap .slick-dots li button {
    width: 7px;
    height: 7px;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots li button::before,
  #sports .ec_top_slide_190318_wrap .slick-dots li button::before,
  #resortwear .ec_top_slide_190318_wrap .slick-dots li button::before {
    content: "";
    background-color: #fff;
    opacity: 0.7;
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots li.slick-active button::before,
  #sports .ec_top_slide_190318_wrap .slick-dots li.slick-active button::before,
  #resortwear .ec_top_slide_190318_wrap .slick-dots li.slick-active button::before {
    background-color: #333;
  }
  #swimsuit .ec_top_new_arrival_btn_190318,
  #swimsuit .ec_top_swim_rank_btn_190318,
  #swimsuit .ec_top_resort_rank_btn_190318,
  #swimsuit .ec_top_yoga_rank_btn_190318,
  #swimsuit .ec_top_lingerie_rank_btn_190318,
  #swimsuit .yoga_top_new_arrival_btn_190318,
  #swimsuit .resort_top_new_btn_190318,
  #sports .ec_top_new_arrival_btn_190318,
  #sports .ec_top_swim_rank_btn_190318,
  #sports .ec_top_resort_rank_btn_190318,
  #sports .ec_top_yoga_rank_btn_190318,
  #sports .ec_top_lingerie_rank_btn_190318,
  #sports .yoga_top_new_arrival_btn_190318,
  #sports .resort_top_new_btn_190318,
  #resortwear .ec_top_new_arrival_btn_190318,
  #resortwear .ec_top_swim_rank_btn_190318,
  #resortwear .ec_top_resort_rank_btn_190318,
  #resortwear .ec_top_yoga_rank_btn_190318,
  #resortwear .ec_top_lingerie_rank_btn_190318,
  #resortwear .yoga_top_new_arrival_btn_190318,
  #resortwear .resort_top_new_btn_190318 {
    margin-bottom: 70px;
  }
  #swimsuit .ec_top_search_190318_wrap,
  #sports .ec_top_search_190318_wrap,
  #resortwear .ec_top_search_190318_wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fbfbfb;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cdcdcd;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3,
  #sports .ec_top_search_190318_wrap .search_blk h3,
  #resortwear .ec_top_search_190318_wrap .search_blk h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(28 * (100vw / 750));
    padding-right: calc(28 * (100vw / 750));
    position: relative;
    margin-bottom: 0;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3::after,
  #sports .ec_top_search_190318_wrap .search_blk h3::after,
  #resortwear .ec_top_search_190318_wrap .search_blk h3::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transition: all 0.2s;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3::before,
  #sports .ec_top_search_190318_wrap .search_blk h3::before,
  #resortwear .ec_top_search_190318_wrap .search_blk h3::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3.active::after,
  #sports .ec_top_search_190318_wrap .search_blk h3.active::after,
  #resortwear .ec_top_search_190318_wrap .search_blk h3.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3.active::before,
  #sports .ec_top_search_190318_wrap .search_blk h3.active::before,
  #resortwear .ec_top_search_190318_wrap .search_blk h3.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3 span,
  #sports .ec_top_search_190318_wrap .search_blk h3 span,
  #resortwear .ec_top_search_190318_wrap .search_blk h3 span {
    display: none;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul,
  #sports .ec_top_search_190318_wrap .search_blk ul,
  #resortwear .ec_top_search_190318_wrap .search_blk ul {
    margin-bottom: 0;
    display: none;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
    background-color: #fff;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li,
  #sports .ec_top_search_190318_wrap .search_blk ul li,
  #resortwear .ec_top_search_190318_wrap .search_blk ul li {
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li:nth-of-type(2n + 1),
  #sports .ec_top_search_190318_wrap .search_blk ul li:nth-of-type(2n + 1),
  #resortwear .ec_top_search_190318_wrap .search_blk ul li:nth-of-type(2n + 1) {
    border-right: 1px solid #cdcdcd;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li a,
  #sports .ec_top_search_190318_wrap .search_blk ul li a,
  #resortwear .ec_top_search_190318_wrap .search_blk ul li a {
    padding-top: calc(12 * (100vw / 750));
    padding-bottom: calc(12 * (100vw / 750));
    padding-left: calc(28 * (100vw / 750));
    padding-right: calc(28 * (100vw / 750));
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    position: relative;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li a::before,
  #sports .ec_top_search_190318_wrap .search_blk ul li a::before,
  #resortwear .ec_top_search_190318_wrap .search_blk ul li a::before {
    content: none;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li a::after,
  #sports .ec_top_search_190318_wrap .search_blk ul li a::after,
  #resortwear .ec_top_search_190318_wrap .search_blk ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    right: 14px;
    top: 2.1vw;
  }
  #swimsuit .ranking_lingerie,
  #sports .ranking_lingerie,
  #resortwear .ranking_lingerie {
    width: 94%;
    margin: 0 auto 25px;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li,
  #sports .ranking_lingerie .sysContent .sysHorizontal li,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li {
    width: 18.5454%;
    margin-bottom: 25px;
    position: relative;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank,
  #sports .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -17px;
    left: 10px;
    z-index: 1;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage,
  #sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage {
    margin-bottom: 15px;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice,
  #sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
  #sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice {
    font-size: 12px;
    line-height: 1.6;
    text-align: left;
  }
}

@media only screen and (max-width: 640px) {
  #swimsuit .ec_top_slide_190318_wrap,
  #sports .ec_top_slide_190318_wrap,
  #resortwear .ec_top_slide_190318_wrap {
    margin-bottom: -10px;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-initialized .slick-slide,
  #sports .ec_top_slide_190318_wrap .slick-initialized .slick-slide,
  #resortwear .ec_top_slide_190318_wrap .slick-initialized .slick-slide {
    padding: 0;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots,
  #sports .ec_top_slide_190318_wrap .slick-dots,
  #resortwear .ec_top_slide_190318_wrap .slick-dots {
    bottom: 3%;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots li,
  #sports .ec_top_slide_190318_wrap .slick-dots li,
  #resortwear .ec_top_slide_190318_wrap .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 7px;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots li button,
  #sports .ec_top_slide_190318_wrap .slick-dots li button,
  #resortwear .ec_top_slide_190318_wrap .slick-dots li button {
    width: 7px;
    height: 7px;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots li button::before,
  #sports .ec_top_slide_190318_wrap .slick-dots li button::before,
  #resortwear .ec_top_slide_190318_wrap .slick-dots li button::before {
    content: "";
    background-color: #fff;
    opacity: 0.7;
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }
  #swimsuit .ec_top_slide_190318_wrap .slick-dots li.slick-active button::before,
  #sports .ec_top_slide_190318_wrap .slick-dots li.slick-active button::before,
  #resortwear .ec_top_slide_190318_wrap .slick-dots li.slick-active button::before {
    background-color: #333;
  }
  #swimsuit .ec_top_new_arrival_btn_190318,
  #swimsuit .ec_top_swim_rank_btn_190318,
  #swimsuit .ec_top_resort_rank_btn_190318,
  #swimsuit .ec_top_yoga_rank_btn_190318,
  #swimsuit .ec_top_lingerie_rank_btn_190318,
  #swimsuit .yoga_top_new_arrival_btn_190318,
  #swimsuit .resort_top_new_btn_190318,
  #sports .ec_top_new_arrival_btn_190318,
  #sports .ec_top_swim_rank_btn_190318,
  #sports .ec_top_resort_rank_btn_190318,
  #sports .ec_top_yoga_rank_btn_190318,
  #sports .ec_top_lingerie_rank_btn_190318,
  #sports .yoga_top_new_arrival_btn_190318,
  #sports .resort_top_new_btn_190318,
  #resortwear .ec_top_new_arrival_btn_190318,
  #resortwear .ec_top_swim_rank_btn_190318,
  #resortwear .ec_top_resort_rank_btn_190318,
  #resortwear .ec_top_yoga_rank_btn_190318,
  #resortwear .ec_top_lingerie_rank_btn_190318,
  #resortwear .yoga_top_new_arrival_btn_190318,
  #resortwear .resort_top_new_btn_190318 {
    margin-bottom: 50px;
  }
  #swimsuit .ec_top_sns_190318_wrap,
  #sports .ec_top_sns_190318_wrap,
  #resortwear .ec_top_sns_190318_wrap {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
  }
  #swimsuit .ec_top_search_190318_wrap,
  #sports .ec_top_search_190318_wrap,
  #resortwear .ec_top_search_190318_wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fbfbfb;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cdcdcd;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3,
  #sports .ec_top_search_190318_wrap .search_blk h3,
  #resortwear .ec_top_search_190318_wrap .search_blk h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(48 * (100vw / 750));
    padding-right: calc(48 * (100vw / 750));
    position: relative;
    margin-bottom: 0;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3::after,
  #sports .ec_top_search_190318_wrap .search_blk h3::after,
  #resortwear .ec_top_search_190318_wrap .search_blk h3::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transition: all 0.2s;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3::before,
  #sports .ec_top_search_190318_wrap .search_blk h3::before,
  #resortwear .ec_top_search_190318_wrap .search_blk h3::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3.active::after,
  #sports .ec_top_search_190318_wrap .search_blk h3.active::after,
  #resortwear .ec_top_search_190318_wrap .search_blk h3.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3.active::before,
  #sports .ec_top_search_190318_wrap .search_blk h3.active::before,
  #resortwear .ec_top_search_190318_wrap .search_blk h3.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk h3 span,
  #sports .ec_top_search_190318_wrap .search_blk h3 span,
  #resortwear .ec_top_search_190318_wrap .search_blk h3 span {
    display: none;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul,
  #sports .ec_top_search_190318_wrap .search_blk ul,
  #resortwear .ec_top_search_190318_wrap .search_blk ul {
    margin-bottom: 0;
    display: none;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
    background-color: #fff;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li,
  #sports .ec_top_search_190318_wrap .search_blk ul li,
  #resortwear .ec_top_search_190318_wrap .search_blk ul li {
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li:nth-of-type(2n + 1),
  #sports .ec_top_search_190318_wrap .search_blk ul li:nth-of-type(2n + 1),
  #resortwear .ec_top_search_190318_wrap .search_blk ul li:nth-of-type(2n + 1) {
    border-right: 1px solid #cdcdcd;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li a,
  #sports .ec_top_search_190318_wrap .search_blk ul li a,
  #resortwear .ec_top_search_190318_wrap .search_blk ul li a {
    padding-top: calc(25 * (100vw / 750));
    padding-bottom: calc(25 * (100vw / 750));
    padding-left: calc(48 * (100vw / 750));
    padding-right: calc(48 * (100vw / 750));
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    position: relative;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li a::before,
  #sports .ec_top_search_190318_wrap .search_blk ul li a::before,
  #resortwear .ec_top_search_190318_wrap .search_blk ul li a::before {
    content: none;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul li a::after,
  #sports .ec_top_search_190318_wrap .search_blk ul li a::after,
  #resortwear .ec_top_search_190318_wrap .search_blk ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    right: 14px;
    top: 4.5vw;
  }
  #swimsuit .ec_top_search_190318_wrap .search_blk ul.style_feature_blk li,
  #sports .ec_top_search_190318_wrap .search_blk ul.style_feature_blk li,
  #resortwear .ec_top_search_190318_wrap .search_blk ul.style_feature_blk li {
    width: 100% !important;
    border-right: none;
  }
  #swimsuit .ranking_lingerie,
  #sports .ranking_lingerie,
  #resortwear .ranking_lingerie {
    width: 96%;
    margin: 0 auto 10px;
  }
  #swimsuit .ranking_lingerie .ttl01,
  #sports .ranking_lingerie .ttl01,
  #resortwear .ranking_lingerie .ttl01 {
    margin-bottom: 50px;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li,
  #sports .ranking_lingerie .sysContent .sysHorizontal li,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li {
    width: 32%;
    margin-bottom: 25px;
    position: relative;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank,
  #sports .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysIconRank {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    left: 7px;
    z-index: 1;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage,
  #sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemImage {
    margin-bottom: 15px;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice,
  #sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
  #sports .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemName,
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li .sysItemPrice {
    font-size: 10px;
    line-height: 1.6;
    text-align: left;
  }
  #swimsuit .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(4), #swimsuit .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(5),
  #sports .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(4),
  #sports .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(5),
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(4),
  #resortwear .ranking_lingerie .sysContent .sysHorizontal li:nth-of-type(5) {
    display: none;
  }
}

#swimsuit .ec_top_bnr02_190318 ul {
  flex-wrap: wrap;
}

#swimsuit .ec_top_bnr02_190318 ul li {
  margin-bottom: 20px;
}

#swimsuit .ec_top_bnr02_190318 ul li:nth-last-child(-n + 2) {
  margin-bottom: 0;
}

#swimsuit .trend_rank_190318 {
  margin-bottom: 50px;
}

#swimsuit .trend_rank_190318 .sysContent .sysHorizontal li .sysItemName,
#swimsuit .trend_rank_190318 .sysContent .sysHorizontal li .sysItemPrice {
  display: none;
}

@media only screen and (max-width: 640px) {
  #swimsuit .ec_top_bnr02_190318 ul {
    flex-wrap: wrap;
  }
  #swimsuit .ec_top_bnr02_190318 ul li {
    margin-bottom: 2%;
  }
  #swimsuit .ec_top_bnr02_190318 ul li:nth-last-child(n + 2) {
    margin-bottom: 2%;
  }
  #swimsuit .trend_rank_190318 {
    margin-bottom: 35px;
  }
  #swimsuit .trend_rank_190318 .sysContent .sysHorizontal li {
    width: 49%;
    margin-bottom: 25px;
  }
  #swimsuit .trend_rank_190318 .sysContent .sysHorizontal li:nth-of-type(4) {
    display: block;
  }
  #swimsuit .trend_rank_190318 .sysContent .sysHorizontal li:nth-last-child(-n + 3) {
    margin-bottom: 0;
  }
  #swimsuit .trend_rank_190318 .sysContent .sysHorizontal li::before {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 10px;
    z-index: 1;
  }
  .ec_top_search_190318 .ttl01 {
    margin: 0 auto 10px;
  }
}

#sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 10),
#resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 10) {
  display: block;
}

#sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li:nth-child(n + 11),
#resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li:nth-child(n + 11) {
  display: none;
}

@media only screen and (max-width: 640px) {
  #sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li,
  #resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li {
    display: block;
    width: 18.5454%;
  }
  #sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li .sysItemImage,
  #resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li .sysItemImage {
    margin-bottom: 10px;
  }
  #sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 4),
  #resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 4) {
    width: 49%;
  }
  #sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 4) .sysIconRank,
  #resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 4) .sysIconRank {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 10px;
    z-index: 1;
  }
  #sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li:nth-child(n + 5),
  #resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li:nth-child(n + 5) {
    width: 32%;
  }
  #sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li:nth-child(n + 5) .sysIconRank,
  #resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li:nth-child(n + 5) .sysIconRank {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    left: 7px;
    z-index: 1;
  }
  #sports .ranking_yogafitness.ranking_column .sysContent .sysHorizontal li:nth-child(n + 11),
  #resortwear .ranking_resortwear.ranking_column .sysContent .sysHorizontal li:nth-child(n + 11) {
    display: none;
  }
}

/*!────────────────────────────────────────
 * lingerie_eshop.css
 *────────────────────────────────────────*/
#northerly {
  /* =========================================================
 TBここから
========================================================= */
  /* =========================================================
 SPここから
========================================================= */
}

#northerly .ec_top_slide_190318_wrap {
  margin-bottom: 80px;
}

#northerly .ec_top_slide_190318_wrap .slick-initialized .slick-slide {
  padding: 0 5px;
}

#northerly .ec_top_slide_190318_wrap .slick-prev {
  left: 0;
  width: calc(15% - 5px);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

#northerly .ec_top_slide_190318_wrap .slick-prev::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 24px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  left: 113%;
  top: calc(50% - 14.5px);
}

#northerly .ec_top_slide_190318_wrap .slick-next {
  right: 0;
  width: calc(15% - 5px);
  height: 100%;
  background-color: rgba(255, 255, 255, 0.5);
}

#northerly .ec_top_slide_190318_wrap .slick-next::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 24px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: absolute;
  right: 113%;
  top: calc(50% - 14.5px);
}

#northerly .ec_top_slide_190318_wrap .slick-dots {
  bottom: -35px;
}

#northerly .ec_top_sns_190318_wrap {
  width: 760px;
  margin: 0 auto 100px;
}

#northerly .ec_top_search_190318_wrap {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  background-color: #fbfbfb;
  padding: 60px 60px 22px;
  margin-top: -70px;
  margin-bottom: 100px;
}

#northerly .ec_top_search_190318_wrap .search_blk h3 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  border-bottom: 1px solid #333;
  padding-bottom: 2px;
  position: relative;
  margin-bottom: 20px;
}

#northerly .ec_top_search_190318_wrap .search_blk h3 span {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 2px;
}

#northerly .ec_top_search_190318_wrap .search_blk h3 span a {
  display: block;
  font-size: 12px;
}

#northerly .ec_top_search_190318_wrap .search_blk h3 span a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  margin-left: 13px;
}

#northerly .ec_top_search_190318_wrap .search_blk ul {
  margin-bottom: 30px;
  justify-content: flex-start;
}

#northerly .ec_top_search_190318_wrap .search_blk ul li {
  margin-bottom: 15px;
}

#northerly .ec_top_search_190318_wrap .search_blk ul li a {
  display: block;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#northerly .ec_top_search_190318_wrap .search_blk ul li a::before {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: inline-block;
  margin-right: 13px;
}

#northerly .ec_top_search_190318_wrap .search_blk ul.style_search_blk li {
  width: calc(100% / 4);
}

#northerly .ec_top_search_190318_wrap .search_blk ul.style_color_blk li {
  width: calc(100% / 6);
}

#northerly .ec_top_search_190318_wrap .search_blk ul.style_price_blk li {
  width: calc(100% / 5);
}

#northerly .ec_top_search_190318_wrap .search_blk ul.style_complex_blk li {
  width: calc(100% / 4);
}

#northerly .ec_top_search_190318_wrap .search_blk ul.style_size_blk li {
  width: calc(100% / 7);
}

#northerly .ec_top_search_190318_wrap .search_blk ul.style_feature_blk {
  margin-bottom: 0;
}

#northerly .ec_top_search_190318_wrap .search_blk ul.style_feature_blk li {
  width: calc(100% / 3);
}

#northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 10) {
  display: block;
}

#northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li:nth-child(n + 11) {
  display: none;
}

#northerly .trend_rank_190318 .sysContent .sysHorizontal li .sysItemName,
#northerly .trend_rank_190318 .sysContent .sysHorizontal li .sysItemPrice {
  display: none;
}

#northerly .ttl01 {
  display: block;
  margin: 0 auto 60px;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.15em;
  color: #000;
  font-weight: 200;
  text-transform: uppercase;
  font-family: "Montserrat", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif !important;
}

#northerly .top_3_row_btn_190318 .btn_wrap a .btn_inner p {
  padding: 26px 0 24px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.15em;
  font-weight: 300;
  color: #000;
  text-transform: uppercase;
  font-family: "Montserrat", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif !important;
}

#northerly .top_3_row_btn_190318 .btn_wrap a .btn_inner p::after {
  top: 32px;
}

#northerly .top_3_row_btn_190318 .btn_wrap.f_jp a .btn_inner p {
  padding: 28px 0 24px;
  font-size: 18px;
}

@media only screen and (min-width: 641px) and (max-width: 980px) {
  #northerly .ec_top_slide_190318_wrap {
    margin-bottom: 30px;
  }
  #northerly .ec_top_slide_190318_wrap .slick-initialized .slick-slide {
    padding: 0;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots {
    bottom: 3%;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 7px;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots li button {
    width: 7px;
    height: 7px;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots li button::before {
    content: "";
    background-color: #fff;
    opacity: 0.7;
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots li.slick-active button::before {
    background-color: #333;
  }
  #northerly .ec_top_search_190318_wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fbfbfb;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cdcdcd;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(28 * (100vw / 750));
    padding-right: calc(28 * (100vw / 750));
    position: relative;
    margin-bottom: 0;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transition: all 0.2s;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3 span {
    display: none;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul {
    margin-bottom: 0;
    display: none;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
    background-color: #fff;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li {
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li:nth-of-type(2n + 1) {
    border-right: 1px solid #cdcdcd;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li a {
    padding-top: calc(12 * (100vw / 750));
    padding-bottom: calc(12 * (100vw / 750));
    padding-left: calc(28 * (100vw / 750));
    padding-right: calc(28 * (100vw / 750));
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    position: relative;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li a::before {
    content: none;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    right: 14px;
    top: 2.1vw;
  }
  #northerly .ttl01 {
    margin: 0 auto 40px;
    font-size: 32px;
  }
  #northerly .top_3_row_btn_190318 .btn_wrap a .btn_inner p {
    font-size: 18px;
  }
  #northerly .top_3_row_btn_190318 .btn_wrap a .btn_inner p::after {
    top: 30px;
  }
  #northerly .top_3_row_btn_190318 .btn_wrap.f_jp a .btn_inner p {
    padding: 26px 0 24px;
  }
}

@media only screen and (max-width: 640px) {
  #northerly .ec_top_slide_190318_wrap {
    margin-bottom: -10px;
  }
  #northerly .ec_top_slide_190318_wrap .slick-initialized .slick-slide {
    padding: 0;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots {
    bottom: 3%;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots li {
    width: 7px;
    height: 7px;
    margin: 0 7px;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots li button {
    width: 7px;
    height: 7px;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots li button::before {
    content: "";
    background-color: #fff;
    opacity: 0.7;
    border-radius: 50%;
    width: 7px;
    height: 7px;
  }
  #northerly .ec_top_slide_190318_wrap .slick-dots li.slick-active button::before {
    background-color: #333;
  }
  #northerly .ec_top_sns_190318_wrap {
    width: 100%;
    margin: 0 auto;
    padding-bottom: 60px;
  }
  #northerly .ec_top_search_190318_wrap {
    width: 100%;
    margin: 0 auto;
    background-color: #fbfbfb;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #cdcdcd;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3 {
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: calc(48 * (100vw / 750));
    padding-right: calc(48 * (100vw / 750));
    position: relative;
    margin-bottom: 0;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transition: all 0.2s;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #northerly .ec_top_search_190318_wrap .search_blk h3 span {
    display: none;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul {
    margin-bottom: 0;
    display: none;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
    background-color: #fff;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li {
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    margin-bottom: 0;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li:nth-of-type(2n + 1) {
    border-right: 1px solid #cdcdcd;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li a {
    padding-top: calc(25 * (100vw / 750));
    padding-bottom: calc(25 * (100vw / 750));
    padding-left: calc(48 * (100vw / 750));
    padding-right: calc(48 * (100vw / 750));
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none;
    position: relative;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li a::before {
    content: none;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    position: absolute;
    right: 14px;
    top: 4.5vw;
  }
  #northerly .ec_top_search_190318_wrap .search_blk ul.style_feature_blk li {
    width: 100% !important;
    border-right: none;
  }
  #northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li {
    display: block;
    width: 18.5454%;
  }
  #northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li .sysItemImage {
    margin-bottom: 10px;
  }
  #northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 4) {
    width: 49%;
  }
  #northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li:nth-child(-n + 4) .sysIconRank {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 10px;
    z-index: 1;
  }
  #northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li:nth-child(n + 5) {
    width: 32%;
  }
  #northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li:nth-child(n + 5) .sysIconRank {
    width: 20px;
    height: 20px;
    position: absolute;
    top: -10px;
    left: 7px;
    z-index: 1;
  }
  #northerly .ranking_lingerie.ranking_column .sysContent .sysHorizontal li:nth-child(n + 11) {
    display: none;
  }
  #northerly .ttl01 {
    margin: 0 auto 25px;
    font-size: 5.33333vw;
    letter-spacing: 0.08em;
    font-weight: 300;
  }
  #northerly .top_3_row_btn_190318 .btn_wrap a .btn_inner p {
    padding: calc(36 * (100vw / 750)) 0 calc(30 * (100vw / 750));
    font-size: 2.66666vw;
    font-weight: 400;
    letter-spacing: 0.09em;
  }
  #northerly .top_3_row_btn_190318 .btn_wrap a .btn_inner p::after {
    top: 4.8vw;
  }
  #northerly .top_3_row_btn_190318.f_jp a .btn_inner p {
    padding: calc(36 * (100vw / 750)) 0 calc(30 * (100vw / 750));
    font-size: 2.66666vw;
    letter-spacing: 0.09em;
  }
  #northerly .lingerie_top_search_190318 .ttl01 {
    margin: 0 auto 10px;
  }
}

/*!────────────────────────────────────────
 * ambassador.css
 *────────────────────────────────────────*/
#shopbrand {
  /* =========================================================
 TBここから
========================================================= */
  /* =========================================================
 SPここから
========================================================= */
}

#shopbrand .brand_top_190318 {
  padding-top: 46px;
  text-align: center;
  margin-bottom: 110px;
}

#shopbrand .brand_top_190318 img {
  width: 100%;
}

#shopbrand .brand_top_190318 .brand_blk {
  width: auto;
  max-width: 1100px;
  margin: 70px auto;
  border-bottom: 1px solid #333;
  padding-bottom: 70px;
}

#shopbrand .brand_top_190318 .brand_blk h3 {
  line-height: 1;
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 23px;
  padding-top: 50px;
}

#shopbrand .brand_top_190318 .brand_blk h3 span {
  font-size: 12px;
}

#shopbrand .brand_top_190318 .brand_blk p {
  font-size: 14px;
  line-height: 1.8571;
  margin-bottom: 40px;
}

#shopbrand .brand_top_190318 .brand_blk .btn {
  display: inline-block;
  position: relative;
}

#shopbrand .brand_top_190318 .brand_blk .btn::before {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  position: absolute;
  right: 19px;
  top: 19px;
}

#shopbrand .brand_top_190318 .brand_blk .btn::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  -webkit-transition: all .2s;
  -o-transition: all .2s;
  transition: all .2s;
  position: absolute;
  right: 14px;
  top: 19px;
}

#shopbrand .brand_top_190318 .brand_blk .btn a {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, sans-serif !important;
  display: block;
  margin: 0 auto;
  width: 320px;
  border: 1px solid #333;
  padding: 14.5px 0;
  letter-spacing: 0.075em;
  position: relative;
}

#shopbrand .brand_top_190318 .brand_blk .btn_shop a {
  position: relative;
}

#shopbrand .brand_top_190318 .brand_blk .btn_shop a::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url(https://www.san-ai.com/img/ai_190318/layout/common/header/ico_cart.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: left top;
  margin-bottom: -4px;
  margin-right: 6px;
  display: inline-block;
}

#shopbrand .brand_top_190318 .brand_blk01 .brand_logo {
  width: 238px;
  margin: 0 auto;
}

#shopbrand .brand_top_190318 .brand_blk02 .brand_logo {
  width: 248px;
  margin: 0 auto;
}

#shopbrand .brand_top_190318 .brand_blk03 .brand_logo {
  width: 207px;
  margin: 0 auto;
}

#shopbrand .brand_top_190318 .brand_blk04 {
  margin: 70px auto 140px;
}

#shopbrand .brand_top_190318 .brand_blk04 .brand_logo {
  width: 410px;
  margin: 0 auto;
}

#shopbrand .brand_top_190318 .brand_blk04 .brand_logo img:nth-of-type(1) {
  width: 245px;
}

#shopbrand .brand_top_190318 .brand_blk04 .brand_logo img:nth-of-type(2) {
  width: 125px;
  margin-left: 40px;
  position: relative;
  top: -24px;
}

#shopbrand .brand_top_190318 .brand_blk05 .brand_logo {
  width: 300px;
  margin: 0 auto;
}

#shopbrand .brand_top_190318 .brand_blk06 .brand_logo {
  width: 245px;
  margin: 0 auto;
}

@media only screen and (min-width: 641px) and (max-width: 980px) {
  #shopbrand .brand_top_190318 {
    padding-top: 20px;
    margin-bottom: 90px;
  }
  #shopbrand .brand_top_190318 .brand_blk {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  #shopbrand .brand_top_190318 {
    padding-top: 26px;
    text-align: center;
    margin-bottom: 55px;
  }
  #shopbrand .brand_top_190318 img {
    width: 100%;
  }
  #shopbrand .brand_top_190318 .brand_blk {
    width: 100%;
    margin: calc(70 * (100vw / 750)) auto;
    border-bottom: 1px solid #333;
    padding-bottom: calc(70 * (100vw / 750));
  }
  #shopbrand .brand_top_190318 .brand_blk h3 {
    line-height: 1;
    font-size: calc(20 * (100vw / 750));
    font-weight: normal;
    margin-bottom: calc(20 * (100vw / 750));
    padding-top: calc(50 * (100vw / 750));
  }
  #shopbrand .brand_top_190318 .brand_blk h3 span {
    font-size: calc(20 * (100vw / 750));
  }
  #shopbrand .brand_top_190318 .brand_blk p {
    font-size: calc(24 * (100vw / 750));
    line-height: 1.8571;
    margin-bottom: calc(50 * (100vw / 750));
  }
  #shopbrand .brand_top_190318 .brand_blk .btn::before {
    right: 19px;
    top: 15px;
  }
  #shopbrand .brand_top_190318 .brand_blk .btn::after {
    right: 14px;
    top: 15px;
  }
  #shopbrand .brand_top_190318 .brand_blk .btn a {
    display: block;
    font-size: 12px;
    margin: 0 auto;
    width: calc(660 * (100vw / 750));
    border: 1px solid #333;
    padding: 10px 0;
    letter-spacing: 0.075em;
  }
  #shopbrand .brand_top_190318 .brand_blk .btn_shop a {
    position: relative;
  }
  #shopbrand .brand_top_190318 .brand_blk .btn_shop a::before {
    content: "";
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: left top;
    margin-bottom: -3px;
    margin-right: 6px;
    display: inline-block;
  }
  #shopbrand .brand_top_190318 .brand_blk01 .brand_logo {
    width: calc(238 * (100vw / 750));
    margin: 0 auto;
  }
  #shopbrand .brand_top_190318 .brand_blk02 .brand_logo {
    width: calc(248 * (100vw / 750));
    margin: 0 auto;
  }
  #shopbrand .brand_top_190318 .brand_blk03 .brand_logo {
    width: calc(207 * (100vw / 750));
    margin: 0 auto;
  }
  #shopbrand .brand_top_190318 .brand_blk04 {
    margin: calc(70 * (100vw / 750)) auto calc(132 * (100vw / 750));
  }
  #shopbrand .brand_top_190318 .brand_blk04 .brand_logo {
    width: calc(410 * (100vw / 750));
    margin: 0 auto;
  }
  #shopbrand .brand_top_190318 .brand_blk04 .brand_logo img:nth-of-type(1) {
    width: calc(245 * (100vw / 750));
  }
  #shopbrand .brand_top_190318 .brand_blk04 .brand_logo img:nth-of-type(2) {
    width: calc(125 * (100vw / 750));
    margin-left: calc(40 * (100vw / 750));
    position: relative;
    top: calc(-26 * (100vw / 750));
  }
  #shopbrand .brand_top_190318 .brand_blk05 .brand_logo {
    width: calc(300 * (100vw / 750));
    margin: 0 auto;
  }
  #shopbrand .brand_top_190318 .brand_blk06 .brand_logo {
    width: calc(245 * (100vw / 750));
    margin: 0 auto;
  }
}

/*!────────────────────────────────────────
 * brand.css
 *────────────────────────────────────────*/
.brand_slide_190318_wrap {
  width: auto;
  max-width: 1100px;
  margin: 0 auto 120px;
}

.brand_slide_190318_wrap .corporate_slide_top-0001 ul li a {
  display: block;
}

.brand_slide_190318_wrap .corporate_slide_top-0001 ul li a:hover {
  opacity: .8s;
}

.brand_slide_190318_wrap .slick-dots {
  bottom: -35px;
}

.brand_concept_190318 {
  margin-bottom: 95px;
}

.brand_concept_190318 p {
  font-size: 14px;
  text-align: center;
  line-height: 1.85;
}

.ec_top_new_arrival_btn_190318,
.lingerie_top_new_btn_190318,
.coralveil_top_new_btn_190318,
.reir_top_new_btn_190318 {
  margin-bottom: 110px;
}

.brand_insta_190318 {
  margin-bottom: 110px;
}

.brand_insta_190318 #instafeed li a {
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
}

.brand_insta_190318 #instafeed li a img {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}

.brand_insta_190318 #instafeed li a:hover img {
  transform: scale(1.05);
}

.brand_news_190318 {
  margin-bottom: 70px;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .brand_slide_190318_wrap {
    width: 100%;
    margin: 0 auto 95px;
  }
  .brand_slide_190318_wrap .slick-dots {
    bottom: -35px;
  }
  .brand_concept_190318 {
    margin-bottom: 95px;
  }
  .brand_concept_190318 p {
    font-size: 14px;
    text-align: center;
    line-height: 1.85;
  }
  .brand_insta_190318 {
    margin-bottom: 110px;
  }
  .brand_insta_190318 #instafeed li a {
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
  }
  .brand_insta_190318 #instafeed li a img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .brand_insta_190318 #instafeed li a:hover img {
    transform: scale(1.05);
  }
  .brand_news_190318 {
    margin-bottom: 70px;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  .brand_slide_190318_wrap {
    width: 100%;
    margin: 0 auto calc(150 * (100vw / 750));
  }
  .brand_slide_190318_wrap .slick-dots {
    bottom: -35px;
  }
  .brand_concept_190318 {
    margin-bottom: calc(93 * (100vw / 750));
  }
  .brand_concept_190318 p {
    width: 94%;
    margin: 0 auto;
    font-size: 14px;
    text-align: center;
    line-height: 1.85;
  }
  .ec_top_new_arrival_btn_190318,
  .lingerie_top_new_btn_190318,
  .coralveil_top_new_btn_190318,
  .reir_top_new_btn_190318 {
    margin-bottom: calc(90 * (100vw / 750));
  }
  .brand_insta_190318 {
    margin-bottom: calc(90 * (100vw / 750));
  }
  .brand_insta_190318 #instafeed li a {
    padding-bottom: 100%;
    overflow: hidden;
    position: relative;
  }
  .brand_insta_190318 #instafeed li a img {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
  }
  .brand_insta_190318 #instafeed li a:hover img {
    transform: scale(1.05);
  }
  .brand_news_190318 {
    margin-bottom: calc(70 * (100vw / 750));
  }
}

/*!────────────────────────────────────────
 * ambassador.css
 *────────────────────────────────────────*/
.ambassador_contents_190318 {
  padding-top: 74px;
  background-image: url(https://www.san-ai.com/img/ai_190318/layout/ambassador/bg.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
}

.ambassador_contents_190318 .ambassador_ttl01 {
  margin-bottom: 26px;
}

.ambassador_contents_190318 .ambassador_txt {
  text-align: center;
  font-size: 14px;
  line-height: 1.857;
  margin-bottom: 65px;
}

.ambassador_contents_190318 .ambassador_mv {
  width: auto;
  max-width: 1100px;
  margin: 0 auto 78px;
}

.ambassador_contents_190318 .ambassador_ttl02 {
  margin-bottom: 40px;
}

.ambassador_contents_190318 .ambassador_profile {
  width: 880px;
  margin: 0 auto 110px;
  text-align: center;
  border: 1px solid #333;
  padding: 30px 30px 10px;
}

.ambassador_contents_190318 .ambassador_profile h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 28px;
}

.ambassador_contents_190318 .ambassador_profile h3::after {
  content: "";
  height: 2px;
  width: 65px;
  margin: 0 auto;
  background-color: #333;
  display: block;
  margin-top: 8px;
}

.ambassador_contents_190318 .ambassador_profile h3 span {
  display: block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 7px;
}

.ambassador_contents_190318 .ambassador_profile h4 {
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 9px;
}

.ambassador_contents_190318 .ambassador_profile h4::before {
  content: "- ";
}

.ambassador_contents_190318 .ambassador_profile h4::after {
  content: " -";
}

.ambassador_contents_190318 .ambassador_profile p {
  font-size: 14px;
  line-height: 1.857;
  margin-bottom: 30px;
}

.ambassador_contents_190318 .ambassador_profile p span.sp_none {
  display: inline;
}

.ambassador_contents_190318 .ambassador_sns {
  width: 612px;
  margin: 0 auto 100px;
  align-items: flex-end;
}

.ambassador_contents_190318 .ambassador_sns li {
  width: 204px;
  text-align: center;
}

.ambassador_contents_190318 .ambassador_sns li:nth-of-type(1) a img {
  width: 40px;
}

.ambassador_contents_190318 .ambassador_sns li:nth-of-type(2) a img {
  width: 48px;
}

.ambassador_contents_190318 .ambassador_sns li:nth-of-type(3) a img {
  width: 44px;
}

.ambassador_contents_190318 .ambassador_sns li img {
  display: inline-block;
  margin-bottom: 3px;
}

.ambassador_contents_190318 .ambassador_sns li a {
  display: inline-block;
  text-align: center;
}

.ambassador_contents_190318 .ambassador_sns li a p {
  font-size: 12px;
  font-weight: bold;
  color: #8c8c8c;
  white-space: nowrap;
}

.ambassador_contents_190318 .ambassador_img {
  margin-bottom: 85px;
}

.ambassador_contents_190318 .ambassador_movie {
  margin-bottom: 120px;
}

.ambassador_contents_190318 .ambassador_movie .movie_inner {
  width: 800px;
  height: 450px;
  margin: 0 auto;
}

.ambassador_contents_190318 .ambassador_movie .movie_inner iframe {
  width: 100%;
  height: 100%;
}

.ambassador_contents_190318 .ambassador_press {
  width: auto;
  max-width: 1000px;
  margin: 0 auto 100px;
}

.ambassador_contents_190318 .ambassador_press ul {
  padding-top: 20px;
}

.ambassador_contents_190318 .ambassador_press ul li {
  width: 46%;
  margin: 0 auto;
}

.ambassador_contents_190318 .ambassador_press ul li a {
  display: block;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, sans-serif !important;
  letter-spacing: 0.05em;
  flex: 1 1 auto;
  padding: 20px;
  border: 1px solid #333;
  text-align: center;
  transition: .3s;
  position: relative;
}

.ambassador_contents_190318 .ambassador_press ul li a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: block;
  margin-left: 5px;
  position: absolute;
  right: 30px;
  top: 24px;
}

.image_girl_archives_190318_wrap {
  margin-bottom: 95px;
}

.image_girl_archives_190318_wrap ul {
  width: auto;
  max-width: 1124px;
  margin: 0 auto;
  padding: 0 12px;
}

.image_girl_archives_190318_wrap ul li {
  width: 23.6%;
  text-align: center;
  margin-bottom: 20px;
}

.image_girl_archives_190318_wrap ul li a {
  display: block;
  font-size: 14px;
  line-height: 1;
  border: 1px solid #333;
  padding: 17px 0 15px;
  position: relative;
}

.image_girl_archives_190318_wrap ul li a span {
  margin-right: 14px;
}

.image_girl_archives_190318_wrap ul li a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: block;
  margin-left: 5px;
  position: absolute;
  right: 30px;
  top: 18px;
}

.imagegirls_common_190318 {
  padding-top: 74px;
}

.imagegirls_common_190318 .brand_slide_190318_wrap {
  margin-bottom: 90px;
}

.imagegirls_common_190318 .ig_top_ttl {
  font-family: 'Scheherazade', serif !important;
  font-weight: normal;
  text-align: center;
  letter-spacing: 0.02em;
  font-size: 50px;
  margin-bottom: 65px;
}

.imagegirls_common_190318 .ig_top_ttl .ig_yyyy {
  display: block;
  margin-bottom: 80px;
  font-size: 65px;
}

.imagegirls_common_190318 .ig_top_ttl .ig_yyyy::before {
  content: "";
  height: 2px;
  width: 100px;
  margin: 25px auto 30px;
  background-color: #333;
  display: block;
}

.imagegirls_common_190318 .ig_top_ttl .ig_model {
  font-size: 70px;
  font-style: italic;
  color: #8c8c8c;
}

.imagegirls_common_190318 .ig_ttl {
  margin-bottom: 40px;
}

.imagegirls_common_190318 .ig_profile {
  width: 880px;
  margin: 0 auto 110px;
  text-align: center;
  border: 1px solid #333;
  padding: 30px 30px 10px;
}

.imagegirls_common_190318 .ig_profile h3 {
  font-weight: normal;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 28px;
}

.imagegirls_common_190318 .ig_profile h3::after {
  content: "";
  height: 2px;
  width: 65px;
  margin: 0 auto;
  background-color: #333;
  display: block;
  margin-top: 8px;
}

.imagegirls_common_190318 .ig_profile h3 span {
  display: block;
  font-size: 10px;
  line-height: 1;
  margin-bottom: 7px;
}

.imagegirls_common_190318 .ig_profile h4 {
  font-weight: normal;
  font-size: 12px;
  line-height: 1;
  margin-bottom: 9px;
}

.imagegirls_common_190318 .ig_profile h4::before {
  content: "- ";
}

.imagegirls_common_190318 .ig_profile h4::after {
  content: " -";
}

.imagegirls_common_190318 .ig_profile p {
  font-size: 14px;
  line-height: 1.857;
  margin-bottom: 30px;
}

.imagegirls_common_190318 .ig_profile p span.sp_none {
  display: inline;
}

.imagegirls_common_190318 .ig_sns {
  width: 100%;
  margin: 0 auto 100px;
  align-items: center;
}

.imagegirls_common_190318 .ig_sns .ig_sns_inner {
  text-align: center;
}

.imagegirls_common_190318 .ig_sns img {
  display: block;
  margin: 0 auto 3px;
  width: 44px;
}

.imagegirls_common_190318 .ig_sns a {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: bold;
  color: #8c8c8c;
  white-space: nowrap;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .ambassador_contents_190318 .ambassador_txt {
    margin-bottom: 40px;
  }
  .ambassador_contents_190318 .ambassador_mv {
    width: 80%;
  }
  .ambassador_contents_190318 .ambassador_profile {
    width: 90%;
  }
  .ambassador_contents_190318 .ambassador_movie {
    margin-bottom: calc(100 / 800 * 100%);
  }
  .ambassador_contents_190318 .ambassador_movie .movie_inner {
    width: 90%;
    height: 0;
    position: relative;
    padding-bottom: calc(450 / 800 * 100%);
  }
  .ambassador_contents_190318 .ambassador_movie .movie_inner iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
  .ambassador_contents_190318 .ambassador_press {
    width: 100%;
  }
  .ambassador_contents_190318 .ambassador_press ul li a {
    padding: 15px;
  }
  .image_girl_archives_190318_wrap {
    margin-bottom: 60px;
  }
  .image_girl_archives_190318_wrap ul {
    width: 96%;
    padding: 0;
  }
  .image_girl_archives_190318_wrap ul li {
    width: 23%;
  }
  .image_girl_archives_190318_wrap ul li a {
    padding: 15px 0 13px;
  }
  .image_girl_archives_190318_wrap ul li a span {
    margin-right: 10px;
  }
  .image_girl_archives_190318_wrap ul li a::after {
    right: 10px;
    top: 17px;
  }
  .imagegirls_common_190318 .brand_slide_190318_wrap {
    margin-bottom: 90px;
  }
  .imagegirls_common_190318 .ig_profile {
    width: 90%;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  .ambassador_ttl {
    font-size: calc(64 * (100vw / 750));
  }
  .ambassador_ttl.ttl01::after {
    height: 1px;
    width: calc(100 * (100vw / 750));
    margin-top: calc(27 * (100vw / 750));
  }
  .ambassador_contents_190318 {
    padding-top: calc(66 * (100vw / 750));
    background-image: url(https://www.san-ai.com/img/ai_190318/layout/ambassador/bg_sp.png);
  }
  .ambassador_contents_190318 .ambassador_ttl01 {
    margin-bottom: calc(20 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_txt {
    font-size: calc(28 * (100vw / 750));
    margin-bottom: calc(90 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_mv {
    width: 100%;
    margin: 0 auto calc(74 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_ttl02 {
    margin-bottom: calc(33 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_profile {
    width: 100%;
    margin: 0 auto calc(106 * (100vw / 750));
    border-left: none;
    border-right: none;
    padding: calc(32 * (100vw / 750)) 0 0;
  }
  .ambassador_contents_190318 .ambassador_profile h3 {
    font-size: calc(36 * (100vw / 750));
    margin-bottom: calc(25 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_profile h3::after {
    height: 1px;
    width: calc(65 * (100vw / 750));
    margin-top: calc(8 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_profile h3 span {
    font-size: calc(20 * (100vw / 750));
    margin-bottom: calc(6 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_profile h4 {
    font-size: calc(20 * (100vw / 750));
    margin-bottom: calc(7 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_profile p {
    font-size: calc(20 * (100vw / 750));
    line-height: 1.7;
    margin-bottom: calc(38 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_profile p span.sp_none {
    display: none;
  }
  .ambassador_contents_190318 .ambassador_sns {
    width: calc(564 * (100vw / 750));
    margin: 0 auto calc(90 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_sns li {
    width: calc(188 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_sns li:nth-of-type(1) a img {
    width: calc(54 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_sns li:nth-of-type(2) a img {
    width: calc(64 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_sns li:nth-of-type(3) a img {
    width: calc(51 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_sns li img {
    margin-bottom: calc(3 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_sns li a p {
    font-size: calc(20 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_img {
    margin-bottom: calc(84 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_img li {
    width: calc(370 * (100vw / 750));
    margin-bottom: calc(10 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_movie {
    margin-bottom: calc(100 / 800 * 100%);
  }
  .ambassador_contents_190318 .ambassador_movie .movie_inner {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: calc(450 / 800 * 100%);
  }
  .ambassador_contents_190318 .ambassador_movie .movie_inner iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .ambassador_contents_190318 .ambassador_press {
    width: 100%;
    margin: 0 auto calc(100 * (100vw / 750));
  }
  .ambassador_contents_190318 .ambassador_press ul {
    padding-top: calc(20 * (100vw / 750));
    display: block;
  }
  .ambassador_contents_190318 .ambassador_press ul li {
    width: 96%;
    margin: 0 auto 10px;
  }
  .ambassador_contents_190318 .ambassador_press ul li a {
    padding: 15px;
  }
  .ambassador_contents_190318 .ambassador_press ul li a::after {
    right: 20px;
    top: 19px;
  }
  .image_girl_archives_190318_wrap {
    margin-bottom: calc(116 * (100vw / 750));
  }
  .image_girl_archives_190318_wrap ul {
    width: 100%;
    padding: 0;
  }
  .image_girl_archives_190318_wrap ul li {
    width: 50%;
    text-align: left;
    margin-bottom: 0;
  }
  .image_girl_archives_190318_wrap ul li:nth-of-type(odd) {
    border-right: 1px solid #333;
  }
  .image_girl_archives_190318_wrap ul li:nth-of-type(1), .image_girl_archives_190318_wrap ul li:nth-of-type(2) {
    border-top: 1px solid #333;
  }
  .image_girl_archives_190318_wrap ul li a {
    border: none;
    border-bottom: 1px solid #333;
    padding: 18px 10px 16px;
    position: relative;
  }
  .image_girl_archives_190318_wrap ul li a span {
    margin-right: 17px;
  }
  .image_girl_archives_190318_wrap ul li a::after {
    right: 14px;
    top: 19px;
  }
  .imagegirls_common_190318 {
    padding-top: 8.66667vw;
    margin: 0 auto calc(60 * (100vw / 750));
  }
  .imagegirls_common_190318 .ig_top_ttl {
    margin-bottom: 3.6vw;
  }
  .imagegirls_common_190318 .ig_top_ttl .ig_yyyy {
    display: block;
    margin-bottom: 8vw;
  }
  .imagegirls_common_190318 .ig_top_ttl .ig_model {
    font-size: 9.33333vw;
    font-style: italic;
    color: #8c8c8c;
  }
  .imagegirls_common_190318 .ig_ttl {
    margin-bottom: 2.66667vw;
  }
  .imagegirls_common_190318 .ig_profile {
    width: 100%;
    margin: 0 auto calc(106 * (100vw / 750));
    border-left: none;
    border-right: none;
    padding: calc(32 * (100vw / 750)) 0 0;
  }
  .imagegirls_common_190318 .ig_profile h3 {
    font-size: calc(36 * (100vw / 750));
    margin-bottom: calc(25 * (100vw / 750));
  }
  .imagegirls_common_190318 .ig_profile h3::after {
    height: 1px;
    width: calc(65 * (100vw / 750));
    margin-top: calc(8 * (100vw / 750));
  }
  .imagegirls_common_190318 .ig_profile h3 span {
    font-size: calc(20 * (100vw / 750));
    margin-bottom: calc(6 * (100vw / 750));
  }
  .imagegirls_common_190318 .ig_profile h4 {
    font-size: calc(20 * (100vw / 750));
    margin-bottom: calc(7 * (100vw / 750));
  }
  .imagegirls_common_190318 .ig_profile p {
    font-size: calc(20 * (100vw / 750));
    line-height: 1.7;
    margin-bottom: calc(38 * (100vw / 750));
  }
  .imagegirls_common_190318 .ig_profile p span.sp_none {
    display: none;
  }
  .imagegirls_common_190318 .ig_sns {
    margin: 0 auto calc(90 * (100vw / 750));
  }
  .imagegirls_common_190318 .ig_sns img {
    margin-bottom: calc(3 * (100vw / 750));
    width: calc(51 * (100vw / 750));
  }
  .imagegirls_common_190318 .ig_sns a {
    font-size: calc(20 * (100vw / 750));
  }
}

/*!────────────────────────────────────────
 * csr.css
 *────────────────────────────────────────*/
#corporate-csr {
  font-size: 12px;
  text-align: left;
  line-height: 1.85;
  /* =========================================================
 TBここから
========================================================= */
  /* =========================================================
 SPここから
========================================================= */
}

#corporate-csr .csr_190318_wrap {
  width: 1000px;
  margin: 0 auto 100px;
  padding-top: 50px;
}

#corporate-csr .csr_190318_wrap .csr_ttl {
  font-size: 30px;
  margin-bottom: 28px;
}

#corporate-csr .csr_190318_wrap p {
  font-size: 12px;
  text-align: left;
  line-height: 1.85;
  margin-bottom: 30px;
}

#corporate-csr .csr_190318_wrap p a {
  display: inline-block;
  border: 1px solid #333;
  padding: 0 16px 0 10px;
  position: relative;
}

#corporate-csr .csr_190318_wrap p a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: block;
  margin-left: 5px;
  position: absolute;
  right: 7px;
  top: 8px;
}

#corporate-csr .csr_190318_wrap .txt_right {
  align-self: flex-end;
  line-height: 1.6;
  padding-top: 30px;
}

#corporate-csr .csr_190318_wrap .bm_0 {
  margin-bottom: 0;
}

#corporate-csr .csr_190318_wrap h3 {
  font-size: 12px;
  line-height: 1.85;
  margin-bottom: 0px;
}

#corporate-csr .csr_190318_wrap .blk_ttl {
  font-size: 14px;
  margin-bottom: 20px;
}

#corporate-csr .csr_190318_wrap .anc_link ul {
  display: flex;
  justify-content: space-between;
  padding: 40px 0 60px;
}

#corporate-csr .csr_190318_wrap .anc_link ul li {
  width: 31%;
}

#corporate-csr .csr_190318_wrap .anc_link ul li a {
  display: block;
  border: 1px solid #333;
  padding: 20px;
  position: relative;
}

#corporate-csr .csr_190318_wrap .anc_link ul li a::after {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 4px solid transparent;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #333;
  display: block;
  margin-left: 5px;
  position: absolute;
  right: 14px;
  top: 28px;
}

#corporate-csr .csr_190318_wrap h4 {
  font-size: 13px;
  margin-bottom: 7px;
}

#corporate-csr .csr_190318_wrap ul li {
  font-size: 12px;
}

#corporate-csr .csr_190318_wrap ul li span {
  display: inline-block;
  padding-right: 5px;
}

#corporate-csr .csr_190318_wrap .blk01 {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

#corporate-csr .csr_190318_wrap .blk02 {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #333;
  padding-bottom: 50px;
  margin-bottom: 50px;
}

#corporate-csr .csr_190318_wrap .blk02 h5 {
  font-size: 12px;
  padding-top: 30px;
  margin-bottom: 7px;
}

#corporate-csr .csr_190318_wrap .blk02 p {
  margin-bottom: 0;
}

#corporate-csr .csr_190318_wrap .blk02 dl dd {
  margin-bottom: 20px;
}

#corporate-csr .csr_190318_wrap .blk03 {
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

#corporate-csr .csr_190318_wrap .blk03 h5 {
  font-size: 12px;
  margin-bottom: 10px;
}

#corporate-csr .csr_190318_wrap .blk03 dl {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #333;
  margin-bottom: 40px;
}

#corporate-csr .csr_190318_wrap .blk03 dl dt {
  width: 30%;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 20px;
}

#corporate-csr .csr_190318_wrap .blk03 dl dt:last-of-type {
  border-bottom: none;
}

#corporate-csr .csr_190318_wrap .blk03 dl dd {
  width: 70%;
  border-bottom: 1px solid #333;
  padding: 20px;
}

#corporate-csr .csr_190318_wrap .blk03 dl dd:last-of-type {
  border-bottom: none;
}

#corporate-csr .csr_190318_wrap .blk03 .blk_inner:first-of-type dl {
  margin-bottom: 5px;
}

#corporate-csr .csr_190318_wrap .blk04 {
  border-bottom: 1px solid #333;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

#corporate-csr .csr_190318_wrap .blk04 ul {
  margin-bottom: 30px;
}

#corporate-csr .csr_190318_wrap .blk04 .sns_ttl {
  padding-top: 20px;
}

#corporate-csr .csr_190318_wrap .blk04 .sns_ttl:first-of-type {
  padding-top: 0;
}

#corporate-csr .csr_190318_wrap .blk04 dl {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #333;
  margin-bottom: 40px;
}

#corporate-csr .csr_190318_wrap .blk04 dl dt {
  width: 30%;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 20px;
}

#corporate-csr .csr_190318_wrap .blk04 dl dt:last-of-type {
  border-bottom: none;
}

#corporate-csr .csr_190318_wrap .blk04 dl dd {
  width: 70%;
  border-bottom: 1px solid #333;
  padding: 20px;
}

#corporate-csr .csr_190318_wrap .blk04 dl dd:last-of-type {
  border-bottom: none;
}

#corporate-csr .csr_190318_wrap .blk05 ul {
  margin-bottom: 30px;
}

#corporate-csr .csr_190318_wrap .blk05 p a {
  margin: 10px 0;
}

@media only screen and (min-width: 641px) and (max-width: 980px) {
  #corporate-csr .csr_190318_wrap {
    width: 90%;
    margin: 0 auto 60px;
    padding-top: 30px;
  }
  #corporate-csr .csr_190318_wrap .csr_ttl {
    font-size: 30px;
    margin-bottom: 28px;
  }
  #corporate-csr .csr_190318_wrap p {
    font-size: 12px;
    text-align: left;
    line-height: 1.85;
    margin-bottom: 30px;
  }
  #corporate-csr .csr_190318_wrap p a {
    display: inline-block;
    border: 1px solid #333;
    padding: 0 16px 0 10px;
    position: relative;
  }
  #corporate-csr .csr_190318_wrap p a::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    display: block;
    margin-left: 5px;
    position: absolute;
    right: 7px;
    top: 8px;
  }
  #corporate-csr .csr_190318_wrap .txt_right {
    align-self: flex-end;
    line-height: 1.6;
    padding-top: 30px;
  }
  #corporate-csr .csr_190318_wrap .bm_0 {
    margin-bottom: 0;
  }
  #corporate-csr .csr_190318_wrap h3 {
    font-size: 12px;
    line-height: 1.85;
    margin-bottom: 0px;
  }
  #corporate-csr .csr_190318_wrap .blk_ttl {
    font-size: 14px;
    margin-bottom: 20px;
  }
  #corporate-csr .csr_190318_wrap .anc_link ul {
    display: block;
    justify-content: space-between;
    padding: 30px 0 50px;
  }
  #corporate-csr .csr_190318_wrap .anc_link ul li {
    width: 70%;
    margin: 0 auto 20px;
  }
  #corporate-csr .csr_190318_wrap .anc_link ul li a {
    display: block;
    border: 1px solid #333;
    padding: 15px;
    position: relative;
  }
  #corporate-csr .csr_190318_wrap .anc_link ul li a::after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    display: block;
    margin-left: 5px;
    position: absolute;
    right: 14px;
    top: 28px;
  }
  #corporate-csr .csr_190318_wrap h4 {
    font-size: 13px;
    margin-bottom: 7px;
  }
  #corporate-csr .csr_190318_wrap ul li {
    font-size: 12px;
  }
  #corporate-csr .csr_190318_wrap ul li span {
    display: inline-block;
    padding-right: 5px;
  }
  #corporate-csr .csr_190318_wrap .blk01 {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  #corporate-csr .csr_190318_wrap .blk02 {
    border-bottom: 1px solid #333;
    padding-bottom: 50px;
    margin-bottom: 50px;
  }
  #corporate-csr .csr_190318_wrap .blk02 h5 {
    font-size: 12px;
    padding-top: 30px;
    margin-bottom: 7px;
  }
  #corporate-csr .csr_190318_wrap .blk02 p {
    margin-bottom: 0;
  }
  #corporate-csr .csr_190318_wrap .blk02 dl dd {
    margin-bottom: 20px;
  }
  #corporate-csr .csr_190318_wrap .blk03 {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  #corporate-csr .csr_190318_wrap .blk03 h5 {
    font-size: 12px;
    margin-bottom: 10px;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #333;
    margin-bottom: 40px;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl dt {
    width: 30%;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl dt:last-of-type {
    border-bottom: none;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl dd {
    width: 70%;
    border-bottom: 1px solid #333;
    padding: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl dd:last-of-type {
    border-bottom: none;
  }
  #corporate-csr .csr_190318_wrap .blk03 .blk_inner:first-of-type dl {
    margin-bottom: 5px;
  }
  #corporate-csr .csr_190318_wrap .blk04 {
    border-bottom: 1px solid #333;
    padding-bottom: 20px;
    margin-bottom: 50px;
  }
  #corporate-csr .csr_190318_wrap .blk04 ul {
    margin-bottom: 30px;
  }
  #corporate-csr .csr_190318_wrap .blk04 .sns_ttl {
    padding-top: 20px;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #333;
    margin-bottom: 40px;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl dt {
    width: 30%;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl dt:last-of-type {
    border-bottom: none;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl dd {
    width: 70%;
    border-bottom: 1px solid #333;
    padding: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl dd:last-of-type {
    border-bottom: none;
  }
  #corporate-csr .csr_190318_wrap .blk05 ul {
    margin-bottom: 30px;
  }
  #corporate-csr .csr_190318_wrap .blk05 p a {
    margin: 10px 0;
  }
}

@media only screen and (max-width: 640px) {
  #corporate-csr .csr_190318_wrap {
    width: 94%;
    margin: 0 auto 50px;
    padding-top: 10px;
  }
  #corporate-csr .csr_190318_wrap .csr_ttl {
    font-size: 6vw;
    margin-bottom: 15px;
  }
  #corporate-csr .csr_190318_wrap p {
    font-size: 12px;
    text-align: left;
    line-height: 1.85;
    margin-bottom: 20px;
  }
  #corporate-csr .csr_190318_wrap p a {
    display: inline-block;
    border: 1px solid #333;
    padding: 0 16px 0 10px;
    position: relative;
  }
  #corporate-csr .csr_190318_wrap p a::after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-left: 4px solid #333;
    display: block;
    margin-left: 5px;
    position: absolute;
    right: 7px;
    top: 8px;
  }
  #corporate-csr .csr_190318_wrap .txt_right {
    align-self: flex-end;
    line-height: 1.6;
    padding-top: 30px;
  }
  #corporate-csr .csr_190318_wrap .bm_0 {
    margin-bottom: 0;
  }
  #corporate-csr .csr_190318_wrap h3 {
    font-size: 12px;
    line-height: 1.85;
    margin-bottom: 0px;
  }
  #corporate-csr .csr_190318_wrap .blk_ttl {
    font-size: 14px;
    margin-bottom: 20px;
  }
  #corporate-csr .csr_190318_wrap .anc_link ul {
    display: block;
    justify-content: space-between;
    padding: 30px 0 30px;
  }
  #corporate-csr .csr_190318_wrap .anc_link ul li {
    width: 94%;
    margin: 0 auto 20px;
    padding-left: 0;
  }
  #corporate-csr .csr_190318_wrap .anc_link ul li a {
    display: block;
    border: 1px solid #333;
    padding: 15px;
    position: relative;
  }
  #corporate-csr .csr_190318_wrap .anc_link ul li a::after {
    content: "";
    width: 0;
    height: 0;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333;
    display: block;
    margin-left: 5px;
    position: absolute;
    right: 14px;
    top: 28px;
  }
  #corporate-csr .csr_190318_wrap h4 {
    font-size: 13px;
    margin-bottom: 7px;
  }
  #corporate-csr .csr_190318_wrap ul li {
    font-size: 12px;
  }
  #corporate-csr .csr_190318_wrap ul li span {
    display: inline-block;
    padding-right: 5px;
  }
  #corporate-csr .csr_190318_wrap .blk01 {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  #corporate-csr .csr_190318_wrap .blk02 {
    border-bottom: 1px solid #333;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
  #corporate-csr .csr_190318_wrap .blk02 h5 {
    font-size: 12px;
    padding-top: 10px;
    margin-bottom: 7px;
  }
  #corporate-csr .csr_190318_wrap .blk02 p {
    margin-bottom: 0;
  }
  #corporate-csr .csr_190318_wrap .blk02 dl dd {
    margin-bottom: 20px;
  }
  #corporate-csr .csr_190318_wrap .blk03 {
    border-bottom: 1px solid #333;
    padding-bottom: 10px;
    margin-bottom: 30px;
  }
  #corporate-csr .csr_190318_wrap .blk03 h5 {
    font-size: 12px;
    margin-bottom: 10px;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #333;
    margin-bottom: 40px;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl dt {
    width: 30%;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl dt:last-of-type {
    border-bottom: none;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl dd {
    width: 70%;
    border-bottom: 1px solid #333;
    padding: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk03 dl dd:last-of-type {
    border-bottom: none;
  }
  #corporate-csr .csr_190318_wrap .blk03 .blk_inner:first-of-type dl {
    margin-bottom: 5px;
  }
  #corporate-csr .csr_190318_wrap .blk04 {
    border-bottom: 1px solid #333;
    padding-bottom: 0;
    margin-bottom: 30px;
  }
  #corporate-csr .csr_190318_wrap .blk04 ul {
    margin-bottom: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk04 .sns_ttl {
    padding-top: 20px;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #333;
    margin-bottom: 40px;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl dt {
    width: 30%;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl dt:last-of-type {
    border-bottom: none;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl dd {
    width: 70%;
    border-bottom: 1px solid #333;
    padding: 15px;
  }
  #corporate-csr .csr_190318_wrap .blk04 dl dd:last-of-type {
    border-bottom: none;
  }
  #corporate-csr .csr_190318_wrap .blk05 ul {
    margin-bottom: 30px;
  }
  #corporate-csr .csr_190318_wrap .blk05 p a {
    margin: 10px 0;
  }
}

/*!────────────────────────────────────────
 * company_info.css
 *────────────────────────────────────────*/
#company {
  font-size: 12px;
  text-align: left;
  line-height: 1.85;
  /* =========================================================
 TBここから
========================================================= */
  /* =========================================================
 SPここから
========================================================= */
}

#company .company_info_190318_wrap {
  width: 1000px;
  margin: 0 auto 40px;
  padding-top: 50px;
}

#company .company_info_190318_wrap .company_info_ttl {
  font-size: 36px;
  line-height: 1;
  padding-bottom: 5px;
  margin-bottom: 20px;
  border-bottom: 1px solid #333;
}

#company .company_info_190318_wrap .company_info_ttl span {
  display: inline-block;
  padding-left: 10px;
  font-size: 16px;
}

#company .company_info_190318_wrap h3 {
  font-size: 14px;
  margin-bottom: 3px;
}

#company .company_info_190318_wrap p {
  margin-bottom: 30px;
}

#company .company_info_190318_wrap .philosophy {
  display: flex;
  flex-direction: column;
}

#company .company_info_190318_wrap .philosophy .txt_right {
  align-self: flex-end;
}

#company .company_info_190318_wrap .company dl {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid #333;
}

#company .company_info_190318_wrap .company dl dt {
  width: 14%;
  padding: 20px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
}

#company .company_info_190318_wrap .company dl dt:last-of-type {
  border-bottom: none;
}

#company .company_info_190318_wrap .company dl dd {
  width: 86%;
  padding: 20px;
  border-bottom: 1px solid #333;
}

#company .company_info_190318_wrap .company dl dd:last-of-type {
  border-bottom: none;
}

@media only screen and (min-width: 641px) and (max-width: 980px) {
  #company .company_info_190318_wrap {
    width: 90%;
    margin: 0 auto 30px;
    padding-top: 30px;
  }
  #company .company_info_190318_wrap .company_info_ttl {
    font-size: 36px;
    line-height: 1;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
  }
  #company .company_info_190318_wrap .company_info_ttl span {
    display: inline-block;
    padding-left: 10px;
    font-size: 16px;
  }
  #company .company_info_190318_wrap h3 {
    font-size: 14px;
    margin-bottom: 3px;
  }
  #company .company_info_190318_wrap p {
    margin-bottom: 30px;
  }
  #company .company_info_190318_wrap .philosophy {
    display: flex;
    flex-direction: column;
  }
  #company .company_info_190318_wrap .philosophy .txt_right {
    align-self: flex-end;
  }
  #company .company_info_190318_wrap .company dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #333;
  }
  #company .company_info_190318_wrap .company dl dt {
    width: 14%;
    padding: 20px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  #company .company_info_190318_wrap .company dl dt:last-of-type {
    border-bottom: none;
  }
  #company .company_info_190318_wrap .company dl dd {
    width: 86%;
    padding: 20px;
    border-bottom: 1px solid #333;
  }
  #company .company_info_190318_wrap .company dl dd:last-of-type {
    border-bottom: none;
  }
}

@media only screen and (max-width: 640px) {
  #company .company_info_190318_wrap {
    width: 94%;
    margin: 0 auto 30px;
    padding-top: 20px;
  }
  #company .company_info_190318_wrap .company_info_ttl {
    font-size: 32px;
    line-height: 1;
    padding-bottom: 5px;
    margin-bottom: 20px;
    border-bottom: 1px solid #333;
  }
  #company .company_info_190318_wrap .company_info_ttl span {
    display: inline-block;
    padding-left: 10px;
    font-size: 14px;
  }
  #company .company_info_190318_wrap h3 {
    font-size: 14px;
    margin-bottom: 3px;
  }
  #company .company_info_190318_wrap p {
    margin-bottom: 30px;
  }
  #company .company_info_190318_wrap .philosophy {
    display: flex;
    flex-direction: column;
  }
  #company .company_info_190318_wrap .philosophy .txt_right {
    align-self: flex-end;
  }
  #company .company_info_190318_wrap .company dl {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #333;
  }
  #company .company_info_190318_wrap .company dl dt {
    width: 31%;
    padding: 15px;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
  }
  #company .company_info_190318_wrap .company dl dt:last-of-type {
    border-bottom: none;
  }
  #company .company_info_190318_wrap .company dl dd {
    width: 69%;
    padding: 15px;
    border-bottom: 1px solid #333;
  }
  #company .company_info_190318_wrap .company dl dd:last-of-type {
    border-bottom: none;
  }
}

/*!────────────────────────────────────────
 * company + cart 共通バナー
 *────────────────────────────────────────*/
.csr_link_blk {
  margin: 30px auto 100px;
  max-width: 1000px;
}

.csr_link_blk ul {
  width: 100%;
  margin: 0 auto;
}

.csr_link_blk ul li {
  width: 48%;
}

.csr_link_blk ul li a {
  display: block;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, sans-serif !important;
  letter-spacing: 0.05em;
  padding: 10px 20px;
  border: 1px solid #333;
  text-align: center;
  transition: .3s;
}

.csr_link_blk ul li a p {
  margin-bottom: 0;
  background-color: #8c8c8c;
  color: #fff;
  position: relative;
}

.csr_link_blk ul li a p::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #fff;
  display: block;
  margin-left: 5px;
  position: absolute;
  right: 7px;
  top: 8px;
}

.csr_link_blk ul li:nth-of-type(1) a img {
  height: 60px;
  margin-bottom: 10px;
}

.csr_link_blk ul li:nth-of-type(2) a img {
  height: 34px;
  margin-top: 18px;
  margin-bottom: 18px;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  .csr_link_blk {
    margin: 20px auto 60px;
    width: 90%;
  }
  .csr_link_blk ul {
    width: 100%;
    margin: 0 auto;
  }
  .csr_link_blk ul li {
    width: 48%;
  }
  .csr_link_blk ul li a {
    display: block;
    font-size: 13px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, sans-serif !important;
    letter-spacing: 0.05em;
    padding: 10px;
    border: 1px solid #333;
    text-align: center;
    transition: .3s;
  }
  .csr_link_blk ul li a p {
    margin-bottom: 0;
  }
  .csr_link_blk ul li:nth-of-type(1) a img {
    height: 60px;
    margin-bottom: 10px;
  }
  .csr_link_blk ul li:nth-of-type(2) a img {
    height: 40px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  .csr_link_blk {
    width: 94%;
    margin: 0 auto 50px;
  }
  .csr_link_blk ul {
    width: 100%;
    margin: 0 auto;
    display: block;
  }
  .csr_link_blk ul li {
    width: 100%;
    margin-bottom: 10px;
  }
  .csr_link_blk ul li a {
    display: block;
    font-size: 13px;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, sans-serif !important;
    letter-spacing: 0.05em;
    padding: 10px;
    border: 1px solid #333;
    text-align: center;
    transition: .3s;
  }
}

/*!────────────────────────────────────────
 * guide.css
 *────────────────────────────────────────*/
.guide_190318 {
  /* =========================================================
  TBここから
  ========================================================= */
  /* =========================================================
  SPここから
  ========================================================= */
}

.guide_190318 .sysHeadline,
.guide_190318 .sysContent {
  margin: 0 auto 100px !important;
  max-width: 1100px;
}

.guide_190318 .sysHeadline {
  margin-top: 40px !important;
  font-weight: normal;
  text-align: center;
  font-family: 'Scheherazade', serif;
}

.guide_190318 .sysHeadline span {
  font-size: 42px;
  display: inline-block;
  margin-right: 0.3em;
}

.guide_190318 #guide.guide_190318 {
  font-size: 12px;
  text-align: left;
  line-height: 1.85;
  float: none;
}

.guide_190318 #guide.guide_190318 #main > h2 {
  padding: 0 0 0 0.5em;
  font-size: 16px;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi li {
  padding: 0;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li {
  text-align: center;
  margin-bottom: 30px;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn {
  font-size: 20px;
  font-weight: normal;
  margin: 0 auto;
  border: 1px solid #333;
  display: block;
  padding: 0.7em 2em .5em;
  transition: all .3s;
  position: relative;
  cursor: pointer;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn::before, .guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(45deg);
  transition: all .2s;
  position: absolute;
  right: 19px;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn::before {
  top: 1.05em;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn::after {
  top: 1.25em;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn:hover {
  opacity: 0.7;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn.open:before, .guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn.open:after {
  transform: rotate(225deg);
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list {
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  text-align: left;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li {
  width: 50%;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li a {
  font-weight: normal;
  background-color: transparent;
  border-style: none;
  border-bottom: 1px solid #ccc;
  color: #666;
  padding: 1.1em 1em;
  margin-bottom: 0;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li a::after {
  content: "";
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1px;
  padding: 4px;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  transform: rotate(-45deg);
  transition: all .2s;
  position: absolute;
  right: 1em;
  top: 2em;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li:nth-of-type(odd) a {
  border-right: 1px solid #ccc;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li:nth-of-type(-n+2) a {
  padding-top: 1.4em;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li:nth-of-type(-n+2) a::after {
  top: 2.2em;
}

.guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li.f_min br {
  display: none;
}

.guide_190318 #guide.guide_190318 #main h3 {
  background-color: #f1f1f1;
}

.guide_190318 #guide.guide_190318 #main h3#business_day {
  margin-top: 10px;
}

.guide_190318 #guide.guide_190318 #main .style1 {
  color: #ea5532;
}

.guide_190318 #guide.guide_190318 #main .inner div.calendar {
  display: flex;
}

.guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar01, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar02, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar03 {
  width: 32.5%;
  margin-right: 1.25%;
}

.guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar01 th, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar02 th, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar03 th {
  padding: 10px 5px;
  background: #555;
  color: #fff;
}

.guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar01 td.ttl, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar02 td.ttl, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar03 td.ttl {
  background-color: #f3f3f3;
}

.guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar01 td.c_pink, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar02 td.c_pink, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar03 td.c_pink {
  background-color: #fdd;
}

.guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar03 {
  margin-right: 0;
}

.guide_190318 #guide.guide_190318 #main .inner div.calendar + p span.c_pink {
  color: #fdd;
}

.guide_190318 #guide.guide_190318 #main .inner .payment_img1,
.guide_190318 #guide.guide_190318 #main .inner .payment_img2,
.guide_190318 #guide.guide_190318 #main .inner .payment_img3 {
  display: inline-block;
}

.guide_190318 #guide.guide_190318 #main .ai_btn_double_arrow {
  margin: 0 auto 20px 0;
  width: 100%;
}

@media only screen and (min-width: 641px) and (max-width: 980px) {
  .guide_190318 .guide_190318 .sysHeadline {
    margin-bottom: 50px !important;
  }
  .guide_190318 #guide.guide_190318 #main {
    width: 94%;
    margin: 0 auto;
    float: none;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li.f_min {
    font-size: 13px;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li.f_min a {
    line-height: 1.2;
    padding: 1em;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li.f_min br.tb {
    display: inline;
  }
  .guide_190318 #guide.guide_190318 #main .inner div.calendar {
    width: 100%;
  }
}

@media only screen and (max-width: 640px) {
  .guide_190318 .guide_190318 .sysHeadline {
    margin-bottom: 30px !important;
  }
  .guide_190318 #guide.guide_190318 .sysContent {
    margin: 0 auto 12.66667vw !important;
  }
  .guide_190318 #guide.guide_190318 #main {
    width: 96%;
    float: none;
    margin: 0 auto;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi > li .nav_btn {
    font-size: 20px;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list {
    font-size: 12px;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li {
    width: 100%;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li a {
    padding-left: 0.5em;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li:nth-of-type(odd) a {
    border-right-style: none;
  }
  .guide_190318 #guide.guide_190318 #main .top_nav_area .navi .nav_anc_list li.f_min a {
    letter-spacing: -.02em;
  }
  .guide_190318 #guide.guide_190318 #main .inner div.calendar {
    display: block;
  }
  .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar01, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar02, .guide_190318 #guide.guide_190318 #main .inner div.calendar table#calendar03 {
    width: 100%;
    margin-right: 0;
  }
  .guide_190318 #guide.guide_190318 #main .ai_btn_double_arrow {
    margin: 0 auto;
  }
  .guide_190318 #guide.guide_190318 #main .ai_btn_double_arrow a {
    font-size: 3.5vw;
  }
  .guide_190318 #guide.guide_190318 #main .ai_btn_double_arrow a::before, .guide_190318 #guide.guide_190318 #main .ai_btn_double_arrow a::after {
    top: 16px;
  }
}

/*!────────────────────────────────────────
 * member.css
 *────────────────────────────────────────*/
#ai_members_190318 {
  margin: 0 auto 100px;
  max-width: 1000px;
  font-size: 12px;
  text-align: left;
  line-height: 1.85;
}

#ai_members_190318 p {
  margin-bottom: 10px;
}

#ai_members_190318 h2 {
  margin-bottom: 10px;
}

#ai_members_190318 h3 {
  padding: 15px;
  margin-bottom: 20px;
  font-size: 14px;
  background: #f1f1f1;
  text-align: left;
}

#ai_members_190318 section {
  margin-bottom: 60px;
}

#ai_members_190318 .ai_members_lead {
  margin-bottom: 10px;
  font-size: 14px;
  text-align: left;
}

#ai_members_190318 .ai_member_ttl {
  margin: 40px auto;
  font-size: 42px;
  font-weight: normal;
  text-align: center;
  color: #333;
  font-family: 'Scheherazade', serif;
}

#ai_members_190318 .ai_members_notice {
  margin-top: 20px;
  font-size: 10px;
}

#ai_members_190318 .ai_members_notice li::before {
  content: "※";
  margin-right: 5px;
}

#ai_members_190318 .ai_members_link {
  display: inline-block;
  border: 1px solid #333;
  padding: 0 16px 0 10px;
  position: relative;
}

#ai_members_190318 .ai_members_link a::after {
  content: "";
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
  display: block;
  margin-left: 5px;
  position: absolute;
  right: 7px;
  top: 8px;
}

#ai_members_190318 .ai_members_scroll {
  padding: 30px;
  height: 300px;
  background: #f1f1f1;
  overflow: scroll;
}

#ai_members_190318 #ai_members_top {
  max-width: 880px;
  margin: 0 auto 60px;
  text-align: center;
  border: 1px solid #333;
  padding: 30px 30px 20px;
}

#ai_members_190318 #ai_members_top h2 {
  font-size: 18px;
  text-align: center;
  letter-spacing: 0.052em;
  font-weight: normal;
}

#ai_members_190318 #ai_members_top .ai_members_flex_w {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin: 0 auto 30px;
  width: 80%;
}

#ai_members_190318 #ai_members_top .ai_members_flex_w li {
  width: 45%;
}

#ai_members_190318 #ai_members_top .ai_members_flex_w .ai_members_lead {
  text-align: center;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (min-width: 641px) and (max-width: 980px) {
  #ai_members_190318 {
    width: 90%;
    margin: 0 auto 60px;
    padding-top: 30px;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media screen and (max-width: 640px) {
  #ai_members_190318 {
    width: 94%;
    margin: 0 auto 50px;
    font-size: 12px;
  }
  #ai_members_190318 p {
    margin-bottom: 5px;
  }
  #ai_members_190318 h3 {
    margin-bottom: 10px;
  }
  #ai_members_190318 section {
    margin-bottom: 40px;
  }
  #ai_members_190318 .ai_members_lead {
    font-size: 13px;
  }
  #ai_members_190318 .ai_member_ttl {
    margin: 0 auto;
  }
  #ai_members_190318 .ai_members_scroll {
    padding: 15px;
    height: 300px;
  }
  #ai_members_190318 #ai_members_top {
    margin: 0 auto 50px;
    padding: 15px 15px 10px;
  }
  #ai_members_190318 #ai_members_top h2 {
    margin-bottom: 5px;
  }
  #ai_members_190318 #ai_members_top .ai_members_flex_w {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0 auto 15px;
    width: 90%;
  }
  #ai_members_190318 #ai_members_top .ai_members_flex_w li {
    width: 48%;
  }
  #ai_members_190318 #ai_members_2 h3 span {
    display: none;
  }
}

/*!────────────────────────────────────────
 * sitemap.css
 *────────────────────────────────────────*/
#sitemap #sysWrap {
  margin-top: 40px;
}

#sitemap #sysWrap #sysMain {
  margin: 0 auto 100px;
  max-width: 1100px;
}

#sitemap #sysWrap #sysMain .corporate_sitemap_190318,
#sitemap #sysWrap #sysMain .ec_sitemap_190318 {
  margin-bottom: 0;
}

#sitemap #sysWrap #sysMain h3.sitemap_ttl {
  position: relative;
  padding-bottom: 2px;
  margin-bottom: 20px;
  line-height: 1;
  font-size: 14px;
  font-weight: normal;
  border-bottom: 1px solid #333;
}

#sitemap #sysWrap #sysMain nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: row;
  margin-bottom: 30px;
}

#sitemap #sysWrap #sysMain nav ul li {
  width: calc(100% / 4) !important;
  margin-bottom: 15px;
}

#sitemap #sysWrap #sysMain nav ul li a {
  display: block;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#sitemap #sysWrap #sysMain nav ul li a::before {
  content: "";
  display: inline-block;
  margin-right: 13px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 4px solid #333;
}

/* =========================================================
 TBここから
========================================================= */
@media only screen and (max-width: 980px) {
  #sitemap #sysWrap #sysMain {
    margin-bottom: 0;
  }
  #sitemap #sysWrap #sysMain h3.sitemap_ttl {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 3.73333vw;
    padding-right: 3.73333vw;
    margin-bottom: 0;
    font-size: 12px;
    border-top: 1px solid #cdcdcd;
    border-bottom: none;
    background-color: #fbfbfb;
  }
  #sitemap #sysWrap #sysMain h3.sitemap_ttl::before {
    content: "";
    position: absolute;
    right: 14px;
    top: 25px;
    width: 10px;
    height: 2px;
    background-color: #333;
    transform: rotate(90deg);
    transition: all 0.2s;
  }
  #sitemap #sysWrap #sysMain h3.sitemap_ttl.active::before {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    transform: rotate(0deg);
    transition: all 0.2s;
  }
  #sitemap #sysWrap #sysMain h3.sitemap_ttl::after {
    content: "";
    position: absolute;
    right: 14px;
    top: 25px;
    width: 10px;
    height: 2px;
    background-color: #333;
    transition: all 0.2s;
  }
  #sitemap #sysWrap #sysMain h3.sitemap_ttl.active::after {
    content: "";
    width: 10px;
    height: 2px;
    background-color: #333;
    position: absolute;
    right: 14px;
    top: 25px;
    display: none;
    transition: all 0.2s;
  }
  #sitemap #sysWrap #sysMain nav ul {
    display: none;
    margin-bottom: 0;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
    background-color: #fff;
  }
  #sitemap #sysWrap #sysMain nav ul li {
    display: inline-block;
    margin-bottom: 0;
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #sitemap #sysWrap #sysMain nav ul li:nth-of-type(2n+1) {
    border-right: 1px solid #cdcdcd;
  }
  #sitemap #sysWrap #sysMain nav ul li a {
    position: relative;
    padding-top: 1.6vw;
    padding-bottom: 1.6vw;
    padding-left: 3.73333vw;
    padding-right: 3.73333vw;
    border: none;
  }
  #sitemap #sysWrap #sysMain nav ul li a::before {
    content: none;
  }
  #sitemap #sysWrap #sysMain nav ul li a::after {
    content: "";
    display: inline-block;
    margin-right: 2px;
    margin-bottom: 1px;
    padding: 3px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    position: absolute;
    right: 14px;
    top: 2.1vw;
  }
}

/* =========================================================
 SPここから
========================================================= */
@media only screen and (max-width: 640px) {
  #sitemap #sysWrap #sysMain {
    padding: 0;
    width: 100%;
    border-bottom: 1px solid #cdcdcd;
  }
  #sitemap #sysWrap #sysMain h3.sitemap_ttl {
    padding-left: 6.4vw;
    padding-right: 6.4vw;
  }
  #sitemap #sysWrap #sysMain nav ul {
    display: none;
    margin-bottom: 0;
    font-size: 0;
    border-top: 1px solid #cdcdcd;
    background-color: #fff;
  }
  #sitemap #sysWrap #sysMain nav ul li {
    display: inline-block;
    margin-bottom: 0;
    width: 50% !important;
    font-size: 12px;
    line-height: 1.4;
    vertical-align: middle;
    border-bottom: 1px solid #cdcdcd;
  }
  #sitemap #sysWrap #sysMain nav ul li:nth-of-type(2n+1) {
    border-right: 1px solid #cdcdcd;
  }
  #sitemap #sysWrap #sysMain nav ul li a {
    position: relative;
    padding-top: 3.33333vw;
    padding-bottom: 3.33333vw;
    padding-left: 6.4vw;
    padding-right: 6.4vw;
    border: none;
  }
  #sitemap #sysWrap #sysMain nav ul li a::after {
    top: 4.5vw;
  }
}

/* ***** end of scss ***** */