@charset "UTF-8";
/* Scss Document */
/*




CW-X STYLE
cmn.css




*/
/*ブラピンク*/
/*$mb_pc: 2%;*/
/*
Awsomeテキスト非表示
_______________________________________*/
i span { display: none; }

/*
下付け
_______________________________________*/
sub { font-size: 0.4em; vertical-align: 0.1em; }

/*
SNS
_______________________________________*/
.sns { text-align: center; font-size: 0; }

.sns li { display: inline-block; font-size: 2.1rem; text-align: center; margin: 0.5em; }

/*
ショップローケーター&ウェブストア
_______________________________________*/
ul.link_shop { display: -webkit-flex; display: flex; }

ul.link_shop li { position: relative; letter-spacing: 0em; -webkit-flex: 1; flex: 1; height: 9rem; font-size: 1.6rem; background: #fff; text-align: center; /*font-weight: bold;*/ border-left: 1px solid #ddd; }

ul.link_shop li:nth-of-type(2n) { /*margin-right:$mb2;*/ border-right: 1px solid #ddd; }

ul.link_shop li a { padding-top: 5rem; display: block; color: #000; text-decoration: none; }

ul.link_shop li.list a { background: #fff url("../../common/img/icn_marker.svg") no-repeat center 35%; background-size: 2.6rem auto; }

ul.link_shop li.wws a { background: #fff url("../../common/img/icn_cart.svg") no-repeat center 45%; background-size: 2.6rem auto; }

/*
画面サイズ
_______________________________________*/
html { height: 100%; }

body { height: 100%; }

.wrapper { width: 100%; width: 100%; max-width: 1400px; margin: 0 auto; /*z-index:0;position: relative;*/ }

.contents_inner { /*width: 100%;*/ width: 100%; }

@media screen and (min-width: 900px) { .wrapper { /*margin:0 auto;position: relative;*/ }
  .contents { /*width: 100%;max-width:1400px;padding:0 $mb2;*/ margin: 0 4%; }
  .contents_inner { width: 100%; /*max-width:1100px;*/ margin: 0 auto; /*padding:0 $mb2;*/ }
  /*2カラム*/
  .clm2 { /*display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;*/ /*column-count: 2;column-gap: $mb2;*/ }
  .clm2 .box2 { width: 48%; /*float: left;
display: inline-block;*/ /*-webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;*/ /*margin-bottom: $mb4;*/ }
  .clm2 .box2.box { width: 44%; }
  .clm2 .box2.x2 { width: 100%; }
  .clm2 .box2:nth-of-type(2n+1) { /*margin-right:$mb2;*/ }
  .clm2 .gutter-sizer { width: 4%; }
  /*3カラム*/
  .clm3 .box3 { width: 33%; }
  .clm3 .box3.x3 { width: 100%; }
  .clm3 .gutter-sizer { width: 2%; }
  .btm { /*max-width:1200px;max-width: 1200px;padding:0 50px;margin:0 auto;*/ }
  .btm .inner { width: 92%; /*max-width:1400px;*/ margin: 0 4%; /*padding:0 50px;*/ } }

/*ブロック
_______________________________________*/
.block { width: 100%; background: #f2f2f2; margin-bottom: 12%; }

/*ブランドフッターの手前は、余白無し*/
.contents_inner:last-of-type .block:last-of-type { margin-bottom: 0; }

.inner { padding: 6%; }

.inner .txt { /*padding-bottom: $mb3;*/ }

.inner .inner { background: #fff; }

.box { padding: 6%; background: #fff; margin-bottom: 6%; }

.note { font-size: 1rem; line-height: 1.4em; text-indent: -0.5em; padding-left: 0.5em; }

.m_r { font-size: 50%; vertical-align: baseline; }

.ttl_top { position: relative; color: #fff; }

.ttl_top .img img { width: 100%; }

.ttl_top .txt { transform: translateY(-50%); position: absolute; top: 50%; left: 0; width: 100%; text-align: center; line-height: 1em; /*font-size: 5.5rem;*/ font-size: 11.8vw; letter-spacing: 0.05em; }

.ttl_top .txt span { /*display: block;*/ }

.ttl_top .txt span:first-of-type { padding-right: 0.2em; }

.ttl_top .txt .go { display: block; /*width:10rem;height:5rem;line-height:5rem;*/ width: 4em; background: url("../../common/img/arrow_rw.svg") no-repeat 90% center; background-size: auto 40%; border: 1px solid #ccc; font-size: 3.6vw; letter-spacing: 0.02em; margin: 0.7em auto 0; padding: 0.4em 0.5em 0.4em 0.3em; line-height: 1em; }

.ttl { font-size: 4.5rem; text-align: center; padding: 12% 0 12%; line-height: 1em; text-transform: uppercase; }

.ttl a { text-decoration: none; }

.ttl2 { font-size: 3.8rem; text-align: center; padding: 6% 0 12%; /*letter-spacing: 0.05em;*/ }

.ttl3 { font-size: 2.4rem; padding: 6% 0 0; text-align: center; letter-spacing: 0.01em; }

.ttl4 { font-size: 1.6rem; padding: 0 0 4%; text-align: center; }

.ttl5 { font-size: 1.6rem; }

.ttl6 { font-size: 1.4rem; }

/*投稿記事用スタイル*/
.article .ttl_main { text-align: left; background: #fff; padding: 6%; margin-bottom: 6%; }

.article .txt { font-size: 1.6rem; }

.article .txt img { max-width: 100%; height: auto; margin-bottom: 4%; display: block; }

@media screen and (min-width: 600px) { .block { margin-bottom: 8%; }
  .ttl { /*font-size: 3.5rem;*/ padding: 6% 0; }
  .ttl2 { padding: 2% 0 8%; }
  .ttl3 { padding: 6% 0 0; font-size: 2.8rem; }
  .ttl4 { font-size: 2rem; }
  .ttl5 { font-size: 2rem; }
  .ttl6 { font-size: 1.6rem; } }

@media screen and (min-width: 900px) { .block { margin-bottom: 4%; }
  .inner { padding: 4%; }
  .clm2 .inner { padding: 8%; }
  .box { /**/ padding: 4%; }
  .ttl_top .txt { font-size: 5vw; }
  .ttl_top .txt .go { font-size: 1.8vw; }
  .ttl { padding: 4% 0; }
  .ttl2 { padding-top: 4%; }
  .ttl3 { font-size: 2.8rem; padding: 4% 0 0; }
  .ttl4 { font-size: 1.8rem; }
  .ttl5 { font-size: 1.6rem; letter-spacing: 0.08em; }
  .ttl6 { font-size: 1.4rem; letter-spacing: 0; }
  /*投稿記事用スタイル*/
  .article .ttl_main { padding: 4%; margin-bottom: 4%; }
  .article .txt { font-size: 1.6rem; }
  .article .txt img { margin-bottom: 2%; } }

@media screen and (min-width: 1400px) { .ttl_top .txt { font-size: 7rem; }
  .ttl_top .txt .go { font-size: 2rem; } }

/*ボタン
_______________________________________*/
.btn { width: 100%; /*height:5rem;line-height: 5rem;*/ line-height: 1em; /*font-weight: bold;*/ text-align: center; margin-bottom: 4%; font-size: 1.6rem; }

.btn a { display: block; text-decoration: none; color: #000; padding: 1em 1.5rem; }

.btn a.hover { /*background: #000 url('../img/arrow_rw.svg') no-repeat 95% center;background-size:auto 40%;color: #fff;  */ /*opacity: 1; filter: alpha(opacity=100); */ }

.btn.btn_w { background: #fff url("../img/arrow_rk.svg") no-repeat 95% center; background-size: auto 21px; }

.btn.btn_g { background: #f2f2f2 url("../img/arrow_rk.svg") no-repeat 95% center; background-size: auto 21px; }

.btn.btn_g3 { background: #999 url("../img/arrow_rw.svg") no-repeat 95% center; background-size: auto 21px; }

.btn.btn_g3 a { color: #fff; }

.btn.btn_k { background: black url("../img/arrow_rw.svg") no-repeat 95% center; background-size: auto 21px; }

.btn.btn_k a { color: #fff; }

.btn.btn_p { background: #E95893 url("../img/arrow_rw.svg") no-repeat 95% center; background-size: auto 21px; }

.btn.btn_p a { color: #fff; }

.btn:last-of-type { margin-bottom: 0; }

.btn img { width: 1.5rem; height: auto; margin: 0 0.7em; vertical-align: -0.3em; }

/*開閉*/
.btn_open { background: url("../img/arrow_pg.svg") no-repeat 95% center; background-size: auto 21px; /*height: 5rem;line-height: 5rem;*/ padding: 1em 1.5rem; line-height: 1em; cursor: pointer; }

.btn_open.on { background: url("../img/arrow_mg.svg") no-repeat 95% center; background-size: auto 21px; }

.btn_open.btn_open_w { /*color: #fff;*/ background: #fff url("../img/arrow_pg.svg") no-repeat 95% center; background-size: auto 21px; }

.btn_open.btn_open_w.on { background: #fff url("../img/arrow_mg.svg") no-repeat 95% center; background-size: auto  21px; }

.btn_open.btn_open_g { color: #fff; background: #999 url("../img/arrow_pw.svg") no-repeat 95% center; background-size: auto 21px; }

.btn_open.btn_open_g.on { background: #999 url("../img/arrow_mw.svg") no-repeat 95% center; background-size: auto  21px; }

.btn_open.btn_open_g1 { color: #fff; background: #f2f2f2 url("../img/arrow_pg.svg") no-repeat 95% center; background-size: auto 21px; }

.btn_open.btn_open_g1.on { background: #f2f2f2 url("../img/arrow_mg.svg") no-repeat 95% center; background-size: auto  21px; }

.shrink { display: none; }

@media screen and (min-width: 900px) { .btn { margin-bottom: 6%; } }

/*セレクトブルダウン*/
.btn_select { /*overflow: hidden;*/ width: 100%; text-align: center; position: relative; cursor: pointer; /*background: #fff url('../img/arrow_dk.svg') no-repeat 95%  center;background-size:auto 20%;*/ background: #999 url("../img/arrow_dw.svg") no-repeat 95% center; background-size: auto 12px; /*センタリング用*/ /* フォーカス時 */ }

.btn_select div.label { position: absolute; color: #fff; padding: 1em 1.5rem; width: 100%; z-index: 1; }

.btn_select div.label.hover { /* opacity: 0.5; filter: alpha(opacity=50);  */ color: rgba(255, 255, 255, 0.5); }

.btn_select select { /*font-weight: bold;color:#fff;*/ /*background:url('../img/arrow_dk.svg') no-repeat 95%  center;background-size:auto 40%;*/ /*height: 5rem;line-height: 5rem;padding:0 1.5rem;padding:1em 1.5rem;line-height: 1em;*/ width: 100%; height: 100%; padding: 1em 1.5rem; /*padding:1em 1.5rem;*/ /*padding:2em 1.5rem;*/ /*padding-right: 1em;*/ cursor: pointer; /*text-indent: 0.01px;*/ text-overflow: ellipsis; border: none; outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; display: block; opacity: 0; position: relative; z-index: 2; /*調整用background: #c00;opacity: 0.9;*/ /* IE10以上で矢印を消す */ }

.btn_select select::-ms-expand { display: none; }

.btn_select:focus { z-index: -1; opacity: 1; }

.btn_select::before { /*position: absolute;
top: 0.8em;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;*/ }

/*ヘッダー
_______________________________________*/
.header { /*border-bottom:1px solid $c_k1;*/ position: relative; /*.hdr_inner{max-width:1400px;width:100%;margin:0 auto;}*/ /*cart*/ }

.header .logo { height: 60px; padding: 10px 20px; }

.header .logo img { height: 100%; }

.header .cart { position: absolute; top: 0; right: 60px; background: #f2f2f2; width: 60px; height: 60px; text-align: center; }

.header .cart i { font-size: 2.5rem; color: #000; line-height: 60px; }

@media screen and (min-width: 900px) { .header .logo { border-bottom: 1px solid #ddd; }
  .header .cart { right: 0px; } }

/*
パンくず
_______________________________________*/
.breadcrumb { border-bottom: 1px solid #f2f2f2; text-transform: uppercase; }

.breadcrumb .inner { padding: 0 20px; line-height: 5rem; height: 5rem; }

.breadcrumb ul li { display: inline-block; }

.breadcrumb ul li a { /*margin-right: $mb;*/ }

/*ハンバーガー
_______________________________________*/
.menu { position: fixed; bottom: 0; left: 0; background: #555; z-index: 1001; width: 100%; height: 65px; /*アイコン*/ }

.menu .logo { height: 60px; padding: 10px 20px; }

.menu .logo img { height: 100%; }

.menu .hamburger { /*background: #fff;*/ display: block; position: absolute; /*bodyに対しての絶対位置指定です*/ cursor: pointer; z-index: 1001; /*right:3vw; top:4vw; width:3.6rem; height:3rem;top:5px;*/ left: 0; bottom: 0; /*top:10%;*/ width: 100%; height: 65px; /*padding-top:12px;*/ padding: 12px; }

.menu .hamburger span { display: block; position: absolute; top: 15px; width: 100%; width: 38px; border-bottom: solid 2px #fff; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; transform: rotate(0deg); /*&:nth-child(1) {top:0;}
&:nth-child(2) {top:1.2rem;}
&:nth-child(3) {top:2.4rem;}*/ }

.menu .hamburger span:nth-child(1) { top: 18px; }

.menu .hamburger span:nth-child(2) { top: 30px; }

.menu .hamburger span:nth-child(3) { top: 43px; }

.menu .drawer-menu { display: none; }

.menu ul.icn { margin-left: 20%; /*background: #555;*/ width: 80%; /*width: 80%;position:absolute;bottom:0;right:0;*/ font-size: 0; position: fixed; bottom: 0; z-index: 1002; }

.menu ul.icn li { display: inline-block; text-align: center; width: 25%; font-size: 1rem; line-height: 1.2em; }

.menu ul.icn li a { color: #fff; text-decoration: none; }

.menu ul.icn li img { width: 3rem; }

@media screen and (min-width: 900px) { /*.menu{text-align: center; .hamburger { right:7px; top:15px; width:44px; height:30px; div {position:relative} /*spanの絶対位置指定の親にします*/
  /*span {
&:nth-child(1) {top:0;}
&:nth-child(2) {top:15px;}
&:nth-child(3) {top:30px;}
}
*/ }

/*メニューオープン時*/
.menu.on { /*background: #404040;width:100%;*/ height: 100%; width: 100%; min-height: 100%; height: auto; position: absolute; }

.menu.on .hamburger { position: fixed; border-top: 1px solid #ddd; bottom: 0; left: 0; /*top:0;right:0;*/ background: #404040; }

.menu.on .hamburger span { position: absolute; top: 30px; border-bottom: solid 2px #fff; /*最初のspanをマイナス45度に*/ /*2番目と3番目のspanを45度に*/ }

.menu.on .hamburger span:nth-child(1) { /*top: 11px;*/ -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg); }

.menu.on .hamburger span:nth-child(2) { border-bottom: solid 1px rgba(255, 255, 255, 0); }

.menu.on .hamburger span:nth-child(3) { /*top: 11px;*/ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }

.menu.on .drawer-menu { overflow: auto; background: #404040; display: block; /*position:absolute;*/ position: fixed; /*bodyに対しての絶対位置*/ /*bottom:0;*/ top: 0; right: 0; /*background:#000;*/ width: 100%; height: 100%; min-height: 100%; /* height: auto; */ padding: 0; -webkit-transition: １s ease-in-out; /*transitionで動きを*/ -moz-transition: .5s ease-in-out; transition: .5s ease-in-out; text-align: left; /*-moz-transform: translateX(0%); -webkit-transform: translateX(0%); transform: translateX(0%);*/ z-index: 1000; }

.menu.on .drawer-menu > ul { /*background: #000;text-align: center;font-size: 2rem;*/ display: block; /*矢印*/ }

.menu.on .drawer-menu > ul > li { line-height: 50px; /*height: 40px;*/ }

.menu.on .drawer-menu > ul > li a { color: #fff; /*padding:0 0.3em;*/ padding: 0 3%; display: block; text-decoration: none; }

.menu.on .drawer-menu > ul > li > ul { display: none; }

.menu.on .drawer-menu > ul > li > ul li { /*overflow: hidden; height: 0;*/ transition: 1s; text-indent: 1em; border: none; }

.menu.on .drawer-menu > ul > li > ul li a { /*padding:0 3%;*/ display: block; }

.menu.on .drawer-menu > ul > li > ul li > ul { display: none; }

.menu.on .drawer-menu > ul > li.on ul li { /*overflow: visible; height: auto;*/ }

.menu.on .drawer-menu > ul.menu_main li { border-top: 1px solid #666; }

.menu.on .drawer-menu > ul.menu_main li a { background: url(../img/arrow_rw.svg) 94% center no-repeat; background-size: auto 40%; display: block; }

.menu.on .drawer-menu > ul.menu_main li a.hover { background: #000 url(../img/arrow_rw.svg) 94% center no-repeat; background-size: auto 40%; color: #fff; opacity: 1; /* for Opera,Firefox,Safari */ filter: alpha(opacity=0); /* for IE */ }

.menu.on .drawer-menu > ul.menu_main li a span { display: inline-block; }

.menu.on .drawer-menu > ul.menu_main li.down { /*&.on > a{
&.hover{background: #000 url(../img/arrow_mw.svg) 95% center no-repeat;background-size:auto 40%;}
}*/ }

.menu.on .drawer-menu > ul.menu_main li.down > a { background: url(../img/arrow_pw.svg) 95% center no-repeat; background-size: auto 40%; }

.menu.on .drawer-menu > ul.menu_main li.down > a.hover { background: #000 url(../img/arrow_pw.svg) 95% center no-repeat; background-size: auto 40%; }

.menu.on .drawer-menu > ul.menu_main li.down > a.on { background: url(../img/arrow_mw.svg) 95% center no-repeat; background-size: auto 40%; }

.menu.on .drawer-menu > ul.menu_main li.down > a.on.hover { background: #000 url(../img/arrow_mw.svg) 95% center no-repeat; background-size: auto 40%; }

.menu.on .drawer-menu > ul.menu_main li ul li { border-top: none; /*padding:0 1rem 0 0;*/ }

.menu.on .drawer-menu > ul.menu_main li ul li.items { background: rgba(255, 255, 255, 0.1); }

.menu.on .drawer-menu > ul.menu_sub { background: #f2f2f2; text-align: center; font-size: 0; }

.menu.on .drawer-menu > ul.menu_sub a { color: #444; }

.menu.on .drawer-menu > ul.menu_sub li { display: inline-block; width: 50%; border-right: 1px solid #444; border-bottom: 1px solid #444; }

.menu.on .drawer-menu > ul.menu_sub li a { font-size: 1.2rem; }

.menu.on .drawer-menu > ul.sns { text-align: center; font-size: 0; /*padding-bottom: 200px;*/ padding-bottom: 65px; }

.menu.on .drawer-menu > ul.sns li { display: inline-block; vertical-align: top; font-size: 2.1rem; /*width:20%;*/ text-align: center; padding: 1em 0rem; }

.menu.on .drawer-menu > ul.sns li.ln { /*vertical-align: -0.5em;padding-top:2em;*/ }

.menu.on .drawer-menu > ul.sns li.ln img { width: 2rem; height: auto; }

@media screen and (min-width: 900px) { .menu { position: relative; background: none; text-align: center; padding-top: 0; height: 60px; border-bottom: 1px solid #ddd; }
  .menu a { text-decoration: none; }
  .menu .hamburger { display: none; }
  .menu .drawer-menu { display: inline-block; }
  .menu .sns { border-right: 1px solid #ddd; /*margin-right:0.5em;*/ display: inline-block; }
  .menu .sns li { font-size: 1.8rem; margin: 0.4em; }
  .menu .sns li:last-of-type { margin-right: 1em; }
  .menu .sns li.ln { vertical-align: -0.5em; }
  .menu .sns li.ln img { width: 1.8rem; /*padding-top:1em;*/ }
  .menu .us { display: inline-block; /*border-left:1px solid #ddd;*/ padding: 1em 0.5em 1em 1em; /*float: right;*/ }
  .menu .logo, .menu .menu_main, .menu .menu_sub, .menu .icn { display: none; }
  .menu ul.pc_menu { text-align: center; display: inline-block; /*float: left;*/ }
  .menu ul.pc_menu li { display: inline-block; margin: 0.5em; } }

/*
アイテム一覧ブロック
_______________________________________*/
.items { /*タイプ一覧*/ /*アイテムリスト*/ }

.items a { text-decoration: none; }

.items .type { text-align: center; font-size: 0; margin-bottom: 4%; display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: center; -webkit-justify-content: center; /*-webkit-align-items: stretch;align-items: stretch;*/ }

.items .type li { /*display: inline-block;vertical-align: top;*/ display: flex; -webkit-align-items: center; align-items: center; justify-content: center; -webkit-justify-content: center; font-size: 1.6rem; /*font-weight: bold;*/ line-height: 1.2em; background: #fff; text-transform: uppercase; /*height:4rem;line-height: 4rem;*/ width: 49%; margin-right: 2%; margin-bottom: 2%; }

.items .type li:first-of-type { width: 100%; }

.items .type li:nth-of-type(2n+1) { margin-right: 0; }

.items .type li a { display: block; padding: 1em 0.5em; width: 100%; height: 100%; /*display: flex; -webkit-align-items: center;align-items: center;justify-content:center;-webkit-justify-content:center;*/ }

.items .type li a.hover, .items .type li a.active { background: #999; color: #fff; opacity: 1; filter: alpha(opacity=100); }

.items .units { font-size: 0; }

.items .units .unit { display: inline-block; vertical-align: top; font-size: 1.4rem; width: 49%; margin-right: 0.5%; margin-left: 0.5%; padding-bottom: 8%; margin-bottom: 6%; position: relative; }

.items .units .unit:nth-of-type(2n) { /*margin-right: 0;*/ }

.items .units .unit .unit_inner { background: #fff; padding: 8% 8% 8%; text-align: center; position: relative; }

.items .units .unit img { width: 100%; }

.items .units .unit.smaller .img img { width: 80%; width: 84%; padding-top: 20%; }

.items .units .unit .icn { position: absolute; bottom: 5%; left: 0; /*margin-left: $mb4;*/ text-align: center; width: 100%; }

.items .units .unit .icn img { display: inline-block; width: 42%; margin: 1%; /*vertical-align: top;*/ }

.items .units .unit .icn.new { top: 0; left: 0; text-align: left; width: 80%; margin-left: 0; }

.items .units .unit .name { line-height: 1.2em; padding: 0.4em 1% 0; }

.items .units .unit .name span { font-size: 0.8em; color: #999; }

.items .units .unit .info { position: absolute; bottom: 0; left: 2%; }

.items .units .unit .btn_wws { position: absolute; bottom: 2%; right: 2%; }

@media screen and (min-width: 900px) { /*詳細*/
  .items .type { margin-bottom: 2%; }
  .items .type li { /*height:5rem;line-height: 5rem;*/ width: 19.2%; margin-right: 1%; }
  .items .type li:first-of-type { width: 19%; }
  .items .type li:nth-of-type(2n+1) { margin-right: 1%; }
  .items .type li:nth-of-type(5n) { margin-right: 0; }
  .items .units .unit { padding-bottom: 6%; width: 24%; /*margin-right: 1%;margin-left: 1%;*/ padding-bottom: 3%; margin-bottom: 4%; position: relative; /*&:nth-of-type(2n){margin-right: $mb;}
&:nth-of-type(4n){margin-right: 0;}*/ /*.info{bottom:0;}*/ }
  .items .units .unit .icn { bottom: 5%; left: 0; /*margin-left: $mb4;*/ }
  .items .units .unit .icn img { width: 27%; min-width: 60px; }
  .items .units .unit .icn.new { width: 80%; }
  .items .units .unit .btn_wws { bottom: 2%; } }

/*
BOTTOMブロック
_______________________________________*/
.btm { margin-bottom: 0; text-align: center; background: #fff; clear: both; }

.btm a { color: #000; }

.btm .back .inner { background: #fff url(../img/arrow_lk.svg) no-repeat 5% center; background-size: auto 1.2em; font-weight: bold; font-size: 1.6rem; text-align: left; }

.btm .back .inner a { padding-left: 4%; display: block; text-decoration: none; }

.btm .follow { background: #f2f2f2; }

.btm .follow .ttl2 { font-size: 1.6rem; padding: 0 0 0.7em; }

.btm .follow ul.sns li { display: inline-block; font-size: 2.6rem; margin: 0 0.4em; }

.btm .follow ul.sns li img { width: 2.6rem; height: auto; }

.btm .link_ex { background: #fff; letter-spacing: 0.2em; }

.btm .ftr_wac { background: #000; /*height:6rem;*/ }

.btm .ftr_wac .inner { /*padding-bottom: 0;*/ }

.btm .ftr_wac img { height: auto; /* width:30%;*/ width: 17%; }


.btm .ft-content{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 55px 20px;
  max-width: 1200px;
  margin: 0 auto 135px;
  background: #f1f1f5;  
}
.btm .ft-content .follow{
  display: flex;
  align-items: center;
  background: none;  
}
.btm .ft-content .follow .ttl2{
  padding-top: 4px;
  margin-right: 30px;
  font-size: 1.8rem;
  font-family: 'Oswald', sans-serif;
  font-weight:400;
}
.btm .ft-content .link_ex{
  background: none;
 margin-left: 5%;      
}
.btm .ft-content .link_ex ul{
  display: flex;
}
.btm .ft-content .link_ex ul li{
  padding: 0 20px;
  line-height:1;      
}
.btm .ft-content .link_ex ul li+li{
  border-left: 1px solid #a8a8ab;  
}
.btm .ft-content .link_ex a{
  text-decoration: none;
  font-size: 1.4rem;
}

@media screen and (min-width: 900px) { 
  .btm .inner { padding: 2% 0; }
  .btm .back .inner { background-position: 1% center; } 
}
@media screen and (max-width: 900px) { 
  .btm .ft-content{
    display: block;
    margin-bottom: 0;
  }
  .btm .ft-content .follow{
    margin-bottom: 25px;
    justify-content: center;
  }
}

@media screen and (max-width: 600px) {
  
  .btm .ft-content{
    padding: 30px 20px;
  }
  .btm .ft-content .follow{
    display: block;
  }
  .btm .ft-content .follow .ttl2{
    padding-top: 0;
    margin-right: 0;
    font-size: 1.8rem;
  }
  .btm .ft-content .link_ex{
    background: none;
   margin-left: 0;      
  }
  .btm .ft-content .link_ex ul{
    flex-wrap:wrap;
  }
  .btm .ft-content .link_ex ul li{
    width: 50%;
  }
  .btm .ft-content .link_ex ul li:nth-child(n+3){
     margin-top: 15px;
  }
  .btm .ft-content .link_ex ul li:nth-child(3){
     border-left: none;
  }
  .btm .ft-content .link_ex a{
    font-size: 1.2rem;
  }
  
}





/*
トップへもどる
_______________________________________*/
.linktop { position: fixed; bottom: 10px; right: 10px; z-index: 1000; text-align: center; }

.linktop img { width: 50%; height: auto; }

.linktop a { background: #444; /*background-size: 70% auto;*/ color: #fff; display: block; height: 4.5rem; width: 4.5rem; padding: 35% 0 0; }

.ftr .pad footer { padding-bottom: 65px; }

/*_____________________________________

各ページ設定
_______________________________________*/
/*_____________________________________

ABOUT
_______________________________________*/
body.about .ttl_top { margin-bottom: 12%; }

@media screen and (min-width: 900px) { body.about .ttl_top { margin-bottom: 4%; } }

body.about .intro { background: #fff; line-height: 2.2em; }

body.about .intro .txt { padding-bottom: 0; }

body.about .intro20 .txt { text-align: left; font-size: 1.2em; line-height: 2.2em; }

body.about .story { padding: 4% 0 2%; }

body.about .story .ttl3 { margin-bottom: 2%; }

body.about .story .inner { padding-top: 0; }

body.about .box:last-of-type { margin-bottom: 0; }

body.about .beginner .txt { width: 15em; margin: 0 auto; }

body.about .beginner li { list-style-type: decimal; }

body.about .mechanism { /*margin-bottom: 0;*/ /*> .inner{display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: flex-start;align-content: flex-start;
> .inner{width:48%;}}*/ }

body.about .mechanism table { border-collapse: collapse; margin-bottom: 2%; max-width: 100%; width: 100%; border-spacing: 0; font-size: 0.8rem; line-height: 1.1em; letter-spacing: -0.1em; text-align: center; border-top: 1px solid #444; }

body.about .mechanism table td { width: 10%; border-bottom: 1px solid #444; padding: 2% 0; font-weight: bold; }

body.about .mechanism table td:nth-of-type(2n) { background: #f2f2f2; }

body.about .mechanism table td.name { width: 20%; text-transform: uppercase; }

body.about .mechanism table td.part { font-weight: normal; }

body.about .mechanism .btn { text-align: left; }

body.about .mechanism .type .name { margin-bottom: 4%; /*text-transform: uppercase;*/ padding-right: 2.8rem; }

body.about .mechanism .model:last-of-type .detail { border-bottom: none; }

body.about .mechanism .detail { font-size: 1.1rem; margin-bottom: 6%; padding-bottom: 6%; border-bottom: 1px solid #999; }

body.about .mechanism .detail .ttl6 { clear: both; }

body.about .mechanism .detail .func { font-size: 0; line-height: 0em; margin-bottom: 4%; }

body.about .mechanism .detail .func li { display: inline-block; width: 18.8%; margin: 0 1.5% 1.5% 0; line-height: 2em; height: 2em; background: #000; color: #fff; font-size: 0.8rem; letter-spacing: -0.1em; text-align: center; vertical-align: top; }

body.about .mechanism .detail .func li:nth-of-type(5n) { margin-right: 0; }

body.about .mechanism .detail .func li.gray { background: #999; }

body.about .mechanism .detail .fig { width: 52%; float: left; padding: 0 2% 4% 0; }

body.about .mechanism .detail .fig img { width: 100%; }

body.about .mechanism .detail .txt { width: 48%; float: right; line-height: 1.6em; padding-top: 1em; padding-bottom: 4%; }

body.about .mechanism .detail .link_item { /*font-size: 0;*/ clear: both; padding: 0 0 4%; line-height: 1.4em; width: 16em; margin: 0 auto; }

body.about .mechanism .detail .link_item li { font-size: 1.1rem; color: #000; display: inline-block; /*width:35%;*/ }

body.about .mechanism .detail .link_item li.gender { font-weight: bold; width: 30%; width: 7em; }

body.about .mechanism#tights .ttl5.btn_open { line-height: 1.2em; margin-bottom: 4%; }

body.about .mechanism#tights .ttl5.btn_open span { display: block; font-weight: normal; font-size: 0.8em; margin-right: 10%; padding-top: 0.5em; }

body.about .mechanism#bra .ttl5.btn_open { line-height: 1.2em; margin-bottom: 4%; }

body.about .mechanism#bra .ttl5.btn_open span { display: block; font-weight: normal; font-size: 0.8em; margin-right: 10%; padding-top: 0.5em; }

body.about .mechanism#bra .type .detail:last-of-type { border-bottom: none; }

body.about .mechanism#bra .detail .fig { padding: 0 12% 0 10%; }

body.about .mechanism#bra .link_item { padding: 3em 0; }

body.about .mechanism#bra .btn { line-height: 1.4em; }

body.about .mechanism#bra .btn a { padding-right: 3rem; }

body.about .mechanism#bra .btn span { font-size: 0.8em; /*text-align: left;padding-right: 10%*/ display: block; }

body.about .mechanism#tops .type .detail:last-of-type { border-bottom: none; }

@media screen and (min-width: 600px) { body.about .mechanism table { font-size: 1.4rem; letter-spacing: 0em; }
  body.about .mechanism table td { padding: 1% 0; }
  body.about .mechanism .btn { text-align: center; }
  body.about .mechanism .detail { font-size: 1.4rem; }
  body.about .mechanism .detail .func li { font-size: 1.2rem; }
  body.about .mechanism .detail .link_item li { font-size: 1.4rem; } }

@media screen and (min-width: 900px) { body.about .intro20 .txt { text-align: center; }
  body.about .box { margin-bottom: 4%; }
  body.about .intro { text-align: center; font-size: 1.6rem; }
  body.about .intro .inner { padding-left: 0; padding-right: 0; }
  body.about .story { padding: 2% 0 2%; text-align: center; font-size: 1.6rem; line-height: 2.2em; }
  body.about .story .ttl3 { margin-bottom: 0; }
  body.about .story .ttl3.on { margin: 2% 0; }
  body.about .mechanism { font-size: 0; }
  body.about .mechanism .txt { font-size: 1.6rem; }
  body.about .mechanism .type { width: 49%; display: inline-block; vertical-align: top; margin-right: 2%; }
  body.about .mechanism .type:nth-of-type(2n) { margin-right: 0; }
  body.about .mechanism table { font-size: 1.4rem; margin-bottom: 1%; }
  body.about .mechanism .detail { border-bottom: none; font-size: 1.2rem; }
  body.about .mechanism .detail .txt { font-size: 1.4rem; }
  body.about .mechanism .detail .func li { font-size: 1rem; }
  body.about .mechanism .detail .link_item li { font-size: 1.2rem; }
  body.about .mechanism .btn { margin-bottom: 2%; }
  body.about .mechanism#tights .type { width: 100%; margin-right: 0; }
  body.about .mechanism#tights .type .btn_open { margin-bottom: 2%; }
  body.about .mechanism#tights .model { width: 50%; display: inline-block; vertical-align: top; /*margin-right: $mb2;*/ padding: 0 4%; }
  body.about .mechanism#tights .model:nth-of-type(2n) { margin-right: 0; } }

/*_____________________________________

NEWS
_______________________________________*/
body.news { /*ニュースリスト*/ /*ニュース詳細*/ }

body.news .block.news_list { background: #fff; }

body.news .units_news { margin: 0 6%; }

body.news .units_news .unit_news { background: #f2f2f2; margin-bottom: 4%; }

body.news .units_news .unit_news:last-of-type { margin-bottom: 0; }

body.news .units_news .unit_news a { display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: flex-start; -webkit-align-items: center; align-items: center; text-decoration: none; }

body.news .units_news .unit_news .img { flex: 4; }

body.news .units_news .unit_news .img img { width: 100%; }

body.news .units_news .unit_news .txt { flex: 6; padding: 0 4%; line-height: 1.4em; font-size: 1.6rem; }

body.news .units_news .unit_news .txt .ttl5 { letter-spacing: 0; font-weight: bold; }

body.news .units_news .unit_news .txt .date { font-size: 1rem; color: #999; }

body.news .more_link { display: block; text-align: center; font-weight: bold; font-size: 1.6rem; background: url(../img/arrow_dk.svg) no-repeat center bottom; background-size: auto 2rem; padding-bottom: 6%; margin: 4% 10%; cursor: pointer; }

body.news .more_link.hover { opacity: 0.5; /* for Opera,Firefox,Safari */ filter: alpha(opacity=50); /* for IE */ }

body.news .more_link a { text-decoration: none; }

body.news .article .inner { max-width: 900px; margin: 0 auto; }

body.news .article .ttl_main { margin-bottom: 2%; }

body.news .article .date { text-align: right; padding: 0 0 4%; }

body.news .article .txt { margin-bottom: 4%; }

body.news .article .txt .youtube { position: relative; width: 100%; padding-top: 56.25%; margin: 1rem 0; }

body.news .article .txt .youtube iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; }

body.news .link .btn:last-of-type { margin-bottom: 8%; }

body.news .news_list .ttl4 { padding-bottom: 10%; }

@media screen and (min-width: 900px) { body.news { /*ニュース詳細*/ }
  body.news .gutter-sizer { width: 2%; }
  body.news .units_news { margin: 0; font-size: 0; }
  body.news .units_news .unit_news { margin-bottom: 2%; width: 48%; margin-left: 1%; margin-right: 1%; display: inline-block; }
  body.news .more_link { padding-bottom: 4%; }
  body.news .article .ttl_main { margin-bottom: 0; }
  body.news .article .date { padding: 0 0 2%; }
  body.news .link .inner { display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; }
  body.news .link ul { flex: 1; flex-basis: 48%; }
  body.news .link ul.link_gender { padding-right: 4%; }
  body.news .link .btn { margin-bottom: 4%; }
  body.news .link .btn:last-of-type { margin-bottom: 0; }
  body.news .news_list .ttl4 { padding-bottom: 4%; } }

/*_____________________________________

MEN&WOMEN
_______________________________________*/
body.women, body.men { /*アイテムインデックス*/ /*スライダー*/ /*ビジュアルブロック
_______________________________________*/ /*ABOUTブロック*/ }

body.women .ttl_top, body.men .ttl_top { margin-bottom: 12%; }

@media screen and (min-width: 900px) { body.women .ttl_top, body.men .ttl_top { margin-bottom: 4%; } }

body.women .contents_inner, body.men .contents_inner { font-size: 0; }

body.women .beginner .ttl4, body.men .beginner .ttl4 { padding-bottom: 0; }

body.women .item_index, body.men .item_index { font-size: 0; }

body.women .item_index ul.units, body.men .item_index ul.units { font-size: 0; margin-bottom: 4%; /*タイツ　ブラ*/ }

body.women .item_index ul.units li.unit, body.men .item_index ul.units li.unit { width: 32%; margin: 0% 2% 2% 0; display: inline-block; vertical-align: bottom; height: auto; position: relative; font-size: 1.4rem; font-weight: bold; line-height: 1.2em; letter-spacing: -0.1em; }

body.women .item_index ul.units li.unit:nth-of-type(3n), body.men .item_index ul.units li.unit:nth-of-type(3n) { margin-right: 0; }

body.women .item_index ul.units li.unit:before, body.men .item_index ul.units li.unit:before { display: block; content: ''; padding-top: 100%; }

body.women .item_index ul.units li.unit a, body.men .item_index ul.units li.unit a { position: absolute; top: 0; width: 100%; height: 100%; display: block; background: #fff no-repeat center center; background-size: auto 80%; color: #fff; cursor: url(../../common/img/arrow_rw_s.cur), pointer; }

body.women .item_index ul.units li.unit a.hover, body.women .item_index ul.units li.unit a.on, body.men .item_index ul.units li.unit a.hover, body.men .item_index ul.units li.unit a.on { opacity: 1; filter: alpha(opacity=100); color: #000; }

body.women .item_index ul.units li.unit a.hover .bg_img, body.women .item_index ul.units li.unit a.on .bg_img, body.men .item_index ul.units li.unit a.hover .bg_img, body.men .item_index ul.units li.unit a.on .bg_img { background-color: transparent; }

body.women .item_index ul.units li.unit a.hover .txt, body.women .item_index ul.units li.unit a.on .txt, body.men .item_index ul.units li.unit a.hover .txt, body.men .item_index ul.units li.unit a.on .txt { /*background: rgba(255,255,255,0.7);*/ display: none; }

body.women .item_index ul.units li.unit .bg_img, body.men .item_index ul.units li.unit .bg_img { background-color: rgba(0, 0, 0, 0.4); height: 100%; }

body.women .item_index ul.units li.unit .txt, body.men .item_index ul.units li.unit .txt { text-align: center; width: 100%; position: absolute; top: 45%; left: -0.02em; }

body.women .item_index ul.units.large, body.men .item_index ul.units.large { width: 100%; margin-bottom: 0; /**{border:1px solid #c00;}*/ }

body.women .item_index ul.units.large li.unit, body.men .item_index ul.units.large li.unit { align-items: center; width: 100%; height: auto; margin-right: 0; background: #fff no-repeat center center; background-size: 30% auto; background-position: 1% center; }

body.women .item_index ul.units.large li.unit.bra, body.men .item_index ul.units.large li.unit.bra { background-size: 23% auto; background-position: 5% center; }

body.women .item_index ul.units.large li.unit:before, body.men .item_index ul.units.large li.unit:before { /*padding-top: 100%;*/ padding-top: 0; /*background-color:rgba(0,0,0,0.3);*/ }

body.women .item_index ul.units.large li.unit .bg_img, body.men .item_index ul.units.large li.unit .bg_img { padding: 1em; /*height: 100%;padding-top: inherit;display:block;background: #c00;*/ }

body.women .item_index ul.units.large li.unit .txt, body.men .item_index ul.units.large li.unit .txt { letter-spacing: 0; color: #ffffff; position: static; /*top:calc(50% - 10em);*/ width: 70%; margin-left: 30%; /*background: #999;width:75%;margin-left:25%;*/ text-align: left; font-size: 0.9em; line-height: 2em; font-weight: normal; }

body.women .item_index ul.units.large li.unit .txt h3.ttl4, body.men .item_index ul.units.large li.unit .txt h3.ttl4 { text-align: left; color: #ffffff; }

body.women .item_index ul.units.large li.unit .txt p, body.men .item_index ul.units.large li.unit .txt p { line-height: 1.6em; padding-bottom: 4%; }

body.women .item_index ul.units.large li.unit .model li, body.men .item_index ul.units.large li.unit .model li { width: 100%; /*padding:0 1em;display: inline-block;*/ text-align: center; line-height: 1.4em; }

body.women .item_index ul.units.large li.unit .model li:last-of-type a, body.men .item_index ul.units.large li.unit .model li:last-of-type a { margin-bottom: 0; }

body.women .item_index ul.units.large li.unit .model li a, body.men .item_index ul.units.large li.unit .model li a { padding: 0.5em 0; margin-bottom: 0.5em; /*cursor: url(../../common/img/arrow_rw_s.cur),pointer;*/ position: relative; display: block; text-decoration: none; border: 1px solid #fff; background: none; /*&.hover{opacity: 1;filter: alpha(opacity=100);color: #000;
}*/ }

body.women .item_index ul.units.large li.unit .model li a span, body.men .item_index ul.units.large li.unit .model li a span { display: block; width: 100%; /*position: absolute;top:calc(50% - 2em);left:0;letter-spacing: -0.05em;*/ }

body.women .item_index ul.units.large li.unit .model li a span small, body.men .item_index ul.units.large li.unit .model li a span small { padding-left: 0.5em; letter-spacing: -0.05em; font-size: 1rem; }

body.women .item_index ul.units.large li.unit .model li a span .cap, body.men .item_index ul.units.large li.unit .model li a span .cap { display: none; }

body.women .item_index ul.units.large li.unit .model li a.hover, body.women .item_index ul.units.large li.unit .model li a.on, body.men .item_index ul.units.large li.unit .model li a.hover, body.men .item_index ul.units.large li.unit .model li a.on { background: #fff; }

body.women .item_index ul.units.large li.unit.hover h3.ttl4, body.women .item_index ul.units.large li.unit.hover .txt, body.men .item_index ul.units.large li.unit.hover h3.ttl4, body.men .item_index ul.units.large li.unit.hover .txt { /*color: #000000;*/ }

body.women .item_index ul.units.large li.unit.hover .bg_img, body.men .item_index ul.units.large li.unit.hover .bg_img { /*background-color:rgba(0,0,0,0);*/ }

body.women .item_index ul.units.large li.unit.hover .model li a, body.men .item_index ul.units.large li.unit.hover .model li a { /*border:1px solid $c_k5;*/ }

@media screen and (min-width: 600px) { body.women .item_index ul.units, body.men .item_index ul.units { /*タイツ　ブラ*/ }
  body.women .item_index ul.units li.unit, body.men .item_index ul.units li.unit { font-size: 1.8rem; letter-spacing: 0em; }
  body.women .item_index ul.units.large li.unit, body.men .item_index ul.units.large li.unit { background-size: 24% auto; background-position: 3% center; /*ブラ*/ }
  body.women .item_index ul.units.large li.unit.bra, body.men .item_index ul.units.large li.unit.bra { background-size: 20% auto; background-position: 7% center; }
  body.women .item_index ul.units.large li.unit .bg_img, body.men .item_index ul.units.large li.unit .bg_img { padding: 4%; } }

@media screen and (min-width: 900px) { body.women .item_index ul.units, body.men .item_index ul.units { /*タイツ　ブラ*/ }
  body.women .item_index ul.units li.unit, body.men .item_index ul.units li.unit { width: 23.5%; /*margin:0% 1% 2%;*/ }
  body.women .item_index ul.units li.unit:nth-of-type(3n), body.men .item_index ul.units li.unit:nth-of-type(3n) { margin-right: 2%; }
  body.women .item_index ul.units li.unit:nth-of-type(4n), body.men .item_index ul.units li.unit:nth-of-type(4n) { margin-right: 0; }
  body.women .item_index ul.units.large li.unit, body.men .item_index ul.units.large li.unit { background-position: 6% center; background-size: 20% auto; /**/ /*ブラ*/ }
  body.women .item_index ul.units.large li.unit.bra, body.men .item_index ul.units.large li.unit.bra { background-size: 17% auto; background-position: 9% center; }
  body.women .item_index ul.units.large li.unit .model, body.men .item_index ul.units.large li.unit .model { display: flex; }
  body.women .item_index ul.units.large li.unit .model li, body.men .item_index ul.units.large li.unit .model li { width: 30.666666%; height: auto; font-size: 1.7rem; margin-right: 4%; }
  body.women .item_index ul.units.large li.unit .model li:last-of-type, body.men .item_index ul.units.large li.unit .model li:last-of-type { margin-right: 0; }
  body.women .item_index ul.units.large li.unit .model li a, body.men .item_index ul.units.large li.unit .model li a { padding-top: 100%; margin-bottom: 0; padding-bottom: 0; }
  body.women .item_index ul.units.large li.unit .model li a > span, body.men .item_index ul.units.large li.unit .model li a > span { position: absolute; top: calc(50% - 2em); /*padding-top: $mb10; flex-direction: column;align-items: center;height:100%; top:calc(50% - 3.2em);left:0;*/ vertical-align: middle; }
  body.women .item_index ul.units.large li.unit .model li a > span:after, body.men .item_index ul.units.large li.unit .model li a > span:after { /*display: flex;align-items: center;*/ }
  body.women .item_index ul.units.large li.unit .model li a > span *, body.men .item_index ul.units.large li.unit .model li a > span * { vertical-align: middle; }
  body.women .item_index ul.units.large li.unit .model li a > span small, body.men .item_index ul.units.large li.unit .model li a > span small { padding-left: 0; }
  body.women .item_index ul.units.large li.unit .model li a > span .cap, body.men .item_index ul.units.large li.unit .model li a > span .cap { display: block; text-align: left; font-size: 0.8em; line-height: 1.6em; padding: 1em 1.5em 0; }
  body.women .item_index .btn, body.men .item_index .btn { display: inline-block; width: 32%; margin: 0 2% 2% 0; }
  body.women .item_index .btn:nth-of-type(1), body.men .item_index .btn:nth-of-type(1) { width: 100%; }
  body.women .item_index .btn:nth-of-type(4), body.men .item_index .btn:nth-of-type(4) { margin-right: 0; } }

body.women .slider, body.men .slider { font-size: 1.4rem; }

body.women .slider .units, body.men .slider .units { background: #fff; margin-bottom: 4%; }

body.women .slider .units .unit, body.men .slider .units .unit { /*width: 90%;padding:5%;*/ }

body.women .slider .units .unit a, body.men .slider .units .unit a { display: block; width: 90%; padding: 5%; }

body.women .slider .units .unit .unit_inner, body.men .slider .units .unit .unit_inner { position: relative; }

body.women .slider .units .unit .unit_inner .img, body.men .slider .units .unit .unit_inner .img { text-align: center; }

body.women .slider .units .unit .unit_inner .info, body.men .slider .units .unit .unit_inner .info { position: absolute; bottom: -14%; left: 0; }

body.women .slider .units .unit .unit_inner .btn_wws, body.men .slider .units .unit .unit_inner .btn_wws { position: absolute; bottom: -8%; right: 0; }

body.women .slider .units .unit.smaller .img img, body.men .slider .units .unit.smaller .img img { width: 85%; margin: 10%; }

@media screen and (min-width: 600px) { body.women .slider .units .unit .unit_inner .info, body.men .slider .units .unit .unit_inner .info { bottom: -10%; }
  body.women .slider .units .unit .unit_inner .btn_wws, body.men .slider .units .unit .unit_inner .btn_wws { bottom: -6%; } }

@media screen and (min-width: 900px) { body.women .slider .units, body.men .slider .units { margin-bottom: 0; }
  body.women .slider .units .unit, body.men .slider .units .unit { padding: 2%; }
  body.women .slider .units .unit .unit_inner .info, body.men .slider .units .unit .unit_inner .info { bottom: -14%; }
  body.women .slider .units .unit .unit_inner .btn_wws, body.men .slider .units .unit .unit_inner .btn_wws { bottom: -8%; } }

body.women .visual, body.men .visual { background: #fff; margin-bottom: 0; }

body.women .visual ul, body.men .visual ul { font-size: 0; }

body.women .visual li, body.men .visual li { position: relative; width: 92%; display: inline-block; vertical-align: bottom; background: #000000; margin: 0 4% 4%; }

body.women .visual li a, body.men .visual li a { color: #fff; text-decoration: none; cursor: url(../img/arrow_rw_s.svg), auto; display: block; }

body.women .visual li a.hover, body.men .visual li a.hover { opacity: 1; /* for Opera,Firefox,Safari */ filter: alpha(opacity=100); /* for IE */ }

body.women .visual li a.hover img, body.men .visual li a.hover img { opacity: 0.85; /* for Opera,Firefox,Safari */ filter: alpha(opacity=85); /* for IE */ }

body.women .visual li .img img, body.men .visual li .img img { width: 100%; }

body.women .visual li .txt, body.men .visual li .txt { transform: translateY(-50%); position: absolute; top: 50%; left: 0; width: 100%; text-align: center; line-height: 1em; font-size: 9.5vw; letter-spacing: 0.05em; }

body.women .visual li .txt span, body.men .visual li .txt span { display: block; }

body.women .visual li.small .txt, body.men .visual li.small .txt { font-size: 5.5vw; width: 55%; padding-left: 4%; }

body.women .visual li.small.center .txt, body.men .visual li.small.center .txt { width: 100%; }

body.women .visual li.small.yoga .txt, body.men .visual li.small.yoga .txt { text-align: center; }

body.women .visual li.small.yoga .txt img, body.men .visual li.small.yoga .txt img { width: 60%; }

body.women .visual .btn, body.men .visual .btn { clear: both; }

@media screen and (min-width: 900px) { body.women .visual, body.men .visual { width: 48%; margin-right: 4%; margin-bottom: 4%; float: left; }
  body.women .visual li, body.men .visual li { /*width: 25%;float: left;*/ width: 100%; margin: 0 0 4%; }
  body.women .visual li .txt, body.men .visual li .txt { font-size: 4.5vw; }
  body.women .visual li.small .txt, body.men .visual li.small .txt { font-size: 2.5vw; } }

@media screen and (min-width: 1400px) { body.women .visual li .txt, body.men .visual li .txt { font-size: 6rem; }
  body.women .visual li.small .txt, body.men .visual li.small .txt { font-size: 3.5rem; } }

body.women .about, body.men .about { background: #fff; /*.inner.add{background: #fff;padding-bottom: 0;}*/ }

body.women .about .ttl3, body.men .about .ttl3 { background: #f2f2f2; }

body.women .about .inner.mecha, body.men .about .inner.mecha { background: #f2f2f2; }

body.women .about .btn, body.men .about .btn { text-align: left; border: 1px solid #ddd; border-bottom: none; margin-bottom: 0; text-align: center; }

body.women .about .btn:last-of-type, body.men .about .btn:last-of-type { border-bottom: 1px solid #ddd; }

body.women .about .btn a, body.men .about .btn a { /*padding-left: 25%;*/ /*height:5rem;line-height: 5rem;padding: 0 0 0 25%;*/ padding: 1.5em 2em; }

body.women .about .btn.tights a, body.men .about .btn.tights a { background: url(../../common/img/icn_tights.svg) no-repeat 5% center; background-size: auto 90%; }

body.women .about .btn.tops a, body.men .about .btn.tops a { background: url(../../common/img/icn_tops.svg) no-repeat 5% center; background-size: auto 90%; }

body.women .about .btn.bra, body.men .about .btn.bra { margin-bottom: 0; }

body.women .about .btn.bra a, body.men .about .btn.bra a { background: url(../../common/img/icn_bra.svg) no-repeat 5% center; background-size: auto 90%; }

body.women .about .faq a, body.men .about .faq a { background: url(../../common/img/icn_q.svg) no-repeat 5% center; background-size: auto 50%; }

@media screen and (min-width: 900px) { body.women .about, body.men .about { /*width: 48%;margin-right:$mb2;*/ width: 100%; display: inline-block; vertical-align: top; /*.inner{padding:$mb2;}
.inner.mecha{display: -webkit-flex;display: flex;padding-bottom:$mb2;
.btn{-webkit-flex: 1;flex: 1;
margin-right:$mb2;margin-bottom: 0;
&:nth-of-type(3n){margin-right:0;}
}
}
.inner.add{.btn{text-align: center;a{padding-left: 0;}}}*/ }
  body.women .about .ttl3, body.men .about .ttl3 { padding-top: 8%; }
  body.women .about .inner, body.men .about .inner { padding: 8%; } }

body.women .shopinfo, body.men .shopinfo { padding-bottom: 0; }

body.women .shopinfo .ttl3, body.men .shopinfo .ttl3 { padding-bottom: 8%; }

body.women .shopinfo a, body.men .shopinfo a { text-decoration: none; }

body.women .shopinfo ul, body.men .shopinfo ul { margin-bottom: 8%; }

@media screen and (min-width: 900px) { body.women .shopinfo, body.men .shopinfo { width: 48%; display: inline-block; vertical-align: top; float: right; }
  body.women .shopinfo .ttl3, body.men .shopinfo .ttl3 { padding-top: 8%; }
  body.women .shopinfo .inner, body.men .shopinfo .inner { padding: 8%; } }

/*_____________________________________

ITEM
_______________________________________*/
body.item { /*アイテム名一覧*/ }

body.item .ttl { padding-bottom: 0; }

body.item .list_items .ttl5 { margin-bottom: 8%; }

body.item .list_items .ttl5.on { margin-bottom: 2%; }

body.item .list_items ul { font-size: 0; }

body.item .list_items ul li { display: inline-block; font-size: 1.4rem; line-height: 1.2em; width: 49%; margin-right: 2%; margin-bottom: 2%; /*line-height: 4rem;height: 4rem;*/ text-align: center; }

body.item .list_items ul li:nth-of-type(2n) { margin-right: 0; }

body.item .list_items ul li a { text-decoration: none; display: block; background: #f2f2f2; padding: 1em 0.5em; }

body.item .list_items ul li a.hover { color: #fff; background: #999; opacity: 1; filter: alpha(opacity=100); }

body.item .list_items ul li.sub a { background: #fff; border: 1px solid #cdcdcd; }

body.item .list_items ul li.sub a.hover { border: none; background: #999; }

body.item .items .units .unit .unit_inner { padding-top: 12%; padding-bottom: 42%; }

@media screen and (min-width: 600px) { body.item { /*アイテム名一覧*/ }
  body.item .ttl { padding-bottom: 0; }
  body.item .list_items { padding-bottom: 4%; padding-top: 2%; }
  body.item .list_items .ttl5 { margin-bottom: 2%; }
  body.item .list_items .ttl5.on { margin-bottom: 2%; } }

@media screen and (min-width: 900px) { body.item { /*アイテム名一覧*/ }
  body.item .list_items .ttl5 { margin-bottom: 0; }
  body.item .list_items .ttl5.on { margin-bottom: 1%; }
  body.item .list_items ul li { font-size: 1.4rem; width: 19.2%; margin-right: 1%; margin-bottom: 1%; }
  body.item .list_items ul li:nth-of-type(2n) { margin-right: 1%; }
  body.item .list_items ul li:nth-of-type(5n) { margin-right: 0; }
  body.item .items .units .unit .unit_inner { padding-top: 12%; padding-bottom: 35%; }
  body.item .items .units .unit .icn { /*bottom: $mb6; left: 0;*/ } }

/*_____________________________________

STYLING
_______________________________________*/
body.styling { /*単品*/ }

body.styling .ttl span { font-size: 3rem; }

body.styling .contents_inner { /*padding:0 $mb3 0;*/ }

body.styling .block.styling_list { background: #fff; }

body.styling .unit_styling { background: #f2f2f2; margin-bottom: 8%; align-items: flex-start; align-self: flex-start; padding: 2em; }

body.styling .unit_styling a { text-decoration: none; line-height: 1.6em; display: block; }

body.styling .unit_styling .photo { position: relative; margin-bottom: 2rem; }

body.styling .unit_styling .photo img { width: 100%; }

body.styling .unit_styling .btn_wws.all { text-align: center; padding-bottom: 2rem; letter-spacing: 0.05em; }

body.styling .unit_styling .btn_wws.all a { width: 100%; line-height: 50px; height: 50px; background: #fff; /*color: #ffffff;*/ display: block; }

body.styling .unit_styling .btn_wws.all i { padding-left: 0.7em; }

body.styling .unit_styling .txt { padding: 6%; }

body.styling .unit_styling i { /*padding-top: $mb2;*/ }

body.styling .unit_styling .more { display: block; /*height: 4em;*/ padding: 0 0 2em; cursor: pointer; text-align: center; background: url(../../common/img/arrow_dk.svg) no-repeat center bottom; background-size: auto 2rem; }

body.styling .unit_styling .more span.show { display: inline-block; }

body.styling .unit_styling .more span.hide { display: none; }

body.styling .unit_styling .more.on { background-image: url(../../common/img/arrow_uk.svg); background-position: center top; padding-bottom: 0; padding-top: 3rem; }

body.styling .unit_styling .more.on span.show { display: none; }

body.styling .unit_styling .more.on span.hide { display: inline-block; }

body.styling .items { /*margin-left:2rem;*/ }

body.styling .items .units { padding-bottom: 1rem; }

body.styling .items .units .unit { width: calc(50% - 1rem); padding: 0 0 3rem 0; margin-right: 2rem; margin-left: 0; margin-bottom: 2rem; background: #fff; /*&:nth-of-type(3n+1){padding-left: 1em;}*/ }

body.styling .items .units .unit:nth-of-type(2n) { margin-right: 0; }

body.styling .items .units .unit .info { left: 0.7em; bottom: 0.5em; }

body.styling .items .units .unit .btn_wws { right: 0.7em; bottom: 0.7em; /*right:2.2rem;*/ }

@media screen and (min-width: 600px) { body.styling { /*.block.styling_list{width: 100%;}*/ /*単品*/ }
  body.styling .contents { margin: 0 4%; }
  body.styling .units_styling { display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: flex-start; justify-content: space-between; margin-bottom: 4%; flex-basis: 100%; }
  body.styling .units_styling .unit_styling { margin-bottom: 4%; padding: 0 0 2em; }
  body.styling .units_styling .unit_styling .photo { margin-bottom: 3rem; }
  body.styling .units_styling .unit_styling .photo .btn_wws { width: 9em; position: absolute; bottom: 1rem; right: 0.5rem; bottom: 0; right: 0; /*bottom:2rem;right:1.4rem;*/ }
  body.styling .items { padding: 0 3rem 0; }
  body.styling .items .units .unit { width: calc(33.333333% - 1.333333rem); margin-bottom: 3rem; }
  body.styling .items .units .unit:nth-of-type(2n) { margin-right: 2rem; }
  body.styling .items .units .unit:nth-of-type(3n) { margin-right: 0; } }

@media screen and (min-width: 900px) { body.styling .contents_inner { padding: 0; }
  body.styling .unit_styling { flex-basis: 48%; /*&:after{margin-bottom: $mb2;display: block;content: ''}*/ }
  body.styling .unit_styling .btn_wws.all { padding-bottom: 3rem; }
  body.styling .unit_styling .items .units .unit { /*width: 32.333333%;padding-bottom: 2em;*/ } }

/*_____________________________________

YOGA
_______________________________________*/
body.yoga { /*スライド*/ /*モーダル*/ }

body.yoga .wrapper { max-width: 100%; }

body.yoga .items, body.yoga .contents, body.yoga .modal-content { font-family: 'Roboto Condensed',-apple-system, BlinkMacSystemFont, "Helvetica Neue","Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif; font-weight: 300; }

body.yoga .items img[src$=".svg"], body.yoga .contents img[src$=".svg"], body.yoga .modal-content img[src$=".svg"] { width: auto; height: 100%; /*IE対策*/ }

body.yoga .ttl { padding: 6% 0 6%; }

body.yoga .ttl img { width: 45%; }

body.yoga .main_img { margin-bottom: 4%; }

body.yoga .main_img img { max-width: 1400px; width: 100%; margin: 0 auto 1%; }

body.yoga .contents .ttl2 { margin: 0 auto; padding-bottom: 0%; }

body.yoga .contents .ttl2 a { border: solid 1px #6D6E70; display: block; width: 86%; margin: 0 auto 6%; }

body.yoga .contents .ttl2 img { /*width:55%;*/ height: auto; width: 100%; max-width: 500px; }

body.yoga .btn_wws { clear: both; background: #fff url("../../yoga/img/icn_cart_yoga.svg") no-repeat 7.2em 45%; background-size: auto 1.1em; width: 9.2em; margin: 2% auto; text-align: center; padding: 0.6em 1.6em 0.5em 0; font-size: 2.2rem; letter-spacing: 0.05em; line-height: 1em; border: 1px solid #9c9c9c; /*padding-left:2em;background: #fff;*/ /*img{width: 100%;height:auto;}*/ }

body.yoga .btn_wws a { display: block; text-decoration: none; color: #6D6E70; }

body.yoga .about { background: #d5d5d5 url("../../yoga/img/bg_corner.svg") no-repeat 100% 100%; background-size: 10% auto; padding: 8% 7% 6%; margin: 0 7% 7%; /*position: relative;*/ /*background-image: linear-gradient(-45deg, #fff 30px, transparent 0);*/ /*スタイルアップモデル*/ }

body.yoga .about h2 { font-size: 3rem; font-weight: normal; color: #444; letter-spacing: 0.02em; }

body.yoga .about h3 { background: #fff; margin-bottom: 5%; display: inline-block; height: 8vw; width: auto; }

body.yoga .about .catch { letter-spacing: 0.12em; margin-bottom: 20px; font-size: 4.3vw; line-height: 1.8em; }

body.yoga .about .fig { text-align: center; border-bottom: 1px solid #fff; padding-bottom: 5%; margin-bottom: 10%; }

body.yoga .about .fig img { width: 80%; }

body.yoga .about .txt { font-size: 1.4rem; }

body.yoga .about .txt ul li { text-indent: -2.2em; padding-left: 2.2em; padding-bottom: 1em; line-height: 1.8em; letter-spacing: 0.08em; }

body.yoga .about .txt span { font-size: 2rem; font-weight: 400; }

body.yoga .about.shorts h3, body.yoga .about.outer h3 { font-size: 4.7vw; font-weight: normal; letter-spacing: 0.02em; color: #444; line-height: 1.5em; height: 1.5em; padding: 0 0.6em; }

body.yoga .about.styleup { background: url("../../yoga/img/bg_styleup_top.svg"), url("../../yoga/img/bg_styleup_bottom.svg"), url("../../yoga/img/bg_styleup.png"); background-repeat: no-repeat,no-repeat,no-repeat; background-position: center -1px, center bottom, center center; background-size: 100% auto,100% auto,cover; /*background:url('../../yoga/img/bg_corner.svg'),url('../../yoga/img/bg_styleup.png'); background-repeat: no-repeat,no-repeat; background-position: 100% 100%, center center; background-size:10% auto,cover;*/ /*padding-bottom: $mb4;padding-bottom:5% ;*/ padding-top: 8%; position: relative; }

body.yoga .about.styleup h3 { background: none; height: auto; /*margin-left:-4vw;margin-bottom: 2em;*/ height: auto; width: 100%; text-align: center; /*margin-bottom: 10%;position: absolute;top:$mb3;left:$mb2;*/ }

body.yoga .about.styleup h3 img { height: auto; width: 80%; max-width: 450px; padding-right: 5%; /**/ }

body.yoga .about.styleup .catch { font-style: italic; letter-spacing: 0.04em; line-height: 1.6em; /*font-size: 4.4vw;l*/ }

body.yoga .about.styleup .catch span { /*font-weight: normal;font-size: 1.2em;*/ }

body.yoga .about.styleup .fig { border-bottom: none; }

body.yoga .about.styleup .txt ul { padding-bottom: 1rem; }

body.yoga .about.styleup .txt ul li { text-indent: -2.1em; padding-left: 2.1em; }

body.yoga .about.styleup .txt ul li span { padding: 0.4em; font-size: 1em; /*display: inline-block;text-align: center;width:2rem;*/ color: #5fb4e6; background: url("../../yoga/img/bg_styleup_num.svg") no-repeat center center; background-size: content; }

body.yoga .about.styleup .txt ul li em { font-style: normal; padding-bottom: 0.1em; border-bottom: 2px dotted; }

body.yoga .about.styleup .txt img { width: 9rem; float: right; margin-left: 1rem; }

body.yoga .about.styleup .txt .note { margin-bottom: 12%; display: flex; align-items: center; text-indent: 0; padding-left: 0; }

body.yoga .about.styleup .txt .note .txt { /*width:64%;float: right;*/ width: 100%; font-size: 1rem; line-height: 1.4em; text-indent: -1em; border-top: 1px solid rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 5% 0 5% 1em; }

body.yoga .about.styleup .txt .note img { /*max-width:9rem;width: 31%;min-width:;float: left;*/ margin-right: 1rem; margin-left: 0; }

body.yoga .about.styleup .btn_wws { border: 1px solid #5fb4e6; background-image: url("../../yoga/img/icn_cart_yoga_stp.svg"); background-size: auto 1.1em; }

body.yoga .about.styleup .bra { position: relative; /*background:url('../../yoga/img/bg_styleup_top.svg'),url('../../yoga/img/bg_styleup.png'); background-repeat:no-repeat,no-repeat; background-position: center -1px, center center; background-size:100% auto,cover;*/ }

body.yoga .about.styleup .bra:after { content: ' '; display: block; border-bottom: 5px solid #fff; width: 70%; margin: 0 auto; padding-bottom: 8%; margin-bottom: 10%; }

body.yoga .about.styleup .tights { position: relative; /*background:url('../../yoga/img/bg_styleup_bottom.svg'),url('../../yoga/img/bg_styleup.png'); background-repeat:no-repeat,no-repeat; background-position:  center bottom, center center; background-size:100% auto,cover; padding-bottom:8%;*/ }

body.yoga .items_yoga { background: url("../../yoga/img/bg_items.png") no-repeat center top; /*background-size: 168% auto;*/ background-size: 2700px auto; padding: 9% 9% 10%; border-top: 1px solid #cbcbcb; font-family: 'Roboto Condensed',-apple-system, BlinkMacSystemFont, "Helvetica Neue","Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif; font-weight: 300; letter-spacing: 0.05em; }

body.yoga .items_yoga .ttl3 { margin-bottom: 10%; /*width: auto;height:9vw;*/ }

body.yoga .items_yoga .ttl3 span { font-size: 7.6vw; font-weight: normal; letter-spacing: 0.05em; padding: 0 1% 1%; border-bottom: 1vw solid #B6B6B7; color: #6d6e70; }

body.yoga .items_yoga .ttl3 img { width: auto; height: 9vw; padding: 0 1% 3%; border-bottom: 1vw solid #B6B6B7; }

body.yoga .items_yoga ul { font-size: 0; max-width: 1100px; margin: 0 auto; letter-spacing: 0; }

body.yoga .items_yoga ul li { display: inline-block; width: 50%; padding: 0 7% 10%; vertical-align: top; text-align: center; font-size: 1.6rem; letter-spacing: 0.05em; position: relative; /*.icn{width: 3.6rem;position: absolute;left:-0.01em;top:-0.05em;}*/ }

body.yoga .items_yoga ul li a { text-decoration: none; }

body.yoga .items_yoga ul li a.hover img { opacity: 1; filter: alpha(opacity=100); }

body.yoga .items_yoga ul li img { width: 100%; }

body.yoga .items_yoga ul li .sum { color: #5fb4e6; font-size: 1.1rem; position: absolute; bottom: 13vw; left: 0; width: 100%; }

body.yoga .items_yoga .txt { font-size: 1.6rem; line-height: 2em; }

body.yoga .items_yoga.tights ul li { /*padding:0 1% 10%;*/ }

body.yoga .items_yoga.tights ul li img { padding: 4% 0 5vw; }

body.yoga .items_yoga.outer { border-bottom: 1px solid #cbcbcb; }

@media screen and (min-width: 600px) { body.yoga .about { /*スタイルアップモデル*/ }
  body.yoga .about.styleup h3 { /*margin-bottom: 3em;*/ }
  body.yoga .about.styleup h3 img { width: 100%; } }

@media screen and (min-width: 900px) { body.yoga .ttl { padding: 4% 0; }
  body.yoga .ttl img { width: 260px; }
  body.yoga .main_img { margin-bottom: 2%; }
  body.yoga .contents .ttl2 { width: 100%; }
  body.yoga .contents .ttl2 a { width: 100%; margin-bottom: 4%; max-width: 1200px; }
  body.yoga .contents .ttl2 img { /*margin-bottom: 0.8%;*/ width: 40%; max-width: 400px; }
  body.yoga .btn_wws { position: absolute; bottom: 1em; right: 5%; }
  body.yoga .sub_wrap { font-size: 0; }
  body.yoga .about { background-size: 4% auto; padding: 5% 4% 10%; margin: 0 auto 3%; max-width: 1200px; position: relative; /*スタイルアップモデル*/ }
  body.yoga .about h3 { /*margin-bottom: 2%;*/ height: 4.7vw; width: auto; /*max-height:50px;*/ }
  body.yoga .about .catch { font-size: 2.6rem; letter-spacing: 0.3em; line-height: 1.8em; }
  body.yoga .about .fig { width: 50%; border-bottom: none; display: inline-block; vertical-align: top; padding-bottom: 0; margin-bottom: 0; padding-right: 5%; border-right: 1px solid #fff; }
  body.yoga .about .fig img { width: 70%; }
  body.yoga .about .txt { width: 49%; display: inline-block; vertical-align: top; padding-left: 5%; }
  body.yoga .about .txt ul li { padding-bottom: 1.8em; font-size: 1.6rem; padding-left: 2em; text-indent: -2em; }
  body.yoga .about.bra .fig { padding-top: 4%; padding-bottom: 4%; }
  body.yoga .about.tights .txt { padding-top: 4%; }
  body.yoga .about.shorts, body.yoga .about.outer { width: 48%; display: inline-block; vertical-align: top; }
  body.yoga .about.shorts h3, body.yoga .about.outer h3 { font-size: 3vw; }
  body.yoga .about.shorts .txt, body.yoga .about.outer .txt { display: block; width: 100%; padding-left: 0; font-size: 1.6rem; }
  body.yoga .about.shorts { margin-right: 4%; }
  body.yoga .about.styleup { padding-top: 6%; /*padding-bottom:$mb6 ; ;
background-size:4% auto,cover;*/ }
  body.yoga .about.styleup h3 { /*height: auto;width:35%;max-width:310px;margin-left:-3%;max-height:500px;margin-bottom: 4rem;*/ }
  body.yoga .about.styleup h3 img { /*width: 70%height:10vw;width:auto;padding-right:5%;*/ }
  body.yoga .about.styleup .catch { /*font-size: 3vw;*/ padding-bottom: 1em; }
  body.yoga .about.styleup .fig { border-right: none; }
  body.yoga .about.styleup .txt { padding-left: 0; }
  body.yoga .about.styleup .txt img { width: 12rem; }
  body.yoga .about.styleup .txt .note .txt { /*font-size: 1rem;line-height: 1.4em;text-indent:-1em;padding-left:1em;border-top:0.5px solid #999;padding-top:5%;*/ }
  body.yoga .about.styleup .txt .note img { /*float: left;margin-right: 2rem;margin-left:0;*/ }
  body.yoga .about.styleup .btn_wws { /*bottom:2em;right: 0;*/ }
  body.yoga .about.styleup .bra { /* &:after{padding-bottom:16%;margin-bottom:6%;border-bottom:7px solid #fff;width:50%;content:' ';display: block; margin:0 auto;padding-bottom:4%;margin-bottom:6%;}*/ }
  body.yoga .about.styleup .tights { /*padding-bottom:8%;*/ }
  body.yoga .items_yoga { /*background: url('../../yoga/img/bg_pc_items.png') repeat-x center top;background-size: 100% auto;background-size: 1000px auto;*/ background: url("../../yoga/img/bg_items.png") no-repeat center top; background-size: 2000px auto; padding: 2% 5% 11%; padding: 4em 5% 8em; /*clear:both;*/ position: relative; }
  body.yoga .items_yoga .ttl3 { padding: 0.5em 0; margin-bottom: 4%; margin-bottom: 1.5em; }
  body.yoga .items_yoga .ttl3 span { font-size: 5.3rem; font-size: 3vw; padding: 0em 0.1em 0; border-bottom: 4px solid #B6B6B7; }
  body.yoga .items_yoga .ttl3 img { width: auto; height: 5vw; max-height: 70px; padding: 1.5% 1%; padding: 0.5em 0.1em; /**/ border-bottom: 4px solid #B6B6B7; }
  body.yoga .items_yoga ul li { width: 20%; padding: 0 2% 5%; padding: 0 2% 2em; }
  body.yoga .items_yoga ul li .sum { bottom: 5rem; }
  body.yoga .items_yoga .txt { text-align: center; font-size: 1.8rem; }
  body.yoga .items_yoga.tights { /*padding:3% 5% 3%;padding-bottom: 3em;*/ }
  body.yoga .items_yoga.tights ul li { /*padding:0 0 4%;*/ }
  body.yoga .items_yoga.tights ul li img { padding: 6% 0 2rem; }
  body.yoga .items_yoga.tights .btn_wws { /*bottom:4em;*/ }
  body.yoga .items_yoga.outer { padding-bottom: 4em; }
  body.yoga .items_yoga.outer .btn_wws { position: static; bottom: 0; right: 0; margin-bottom: 0; } }

@media screen and (min-width: 1100px) { body.yoga .sub_wrap { margin: 0 auto; /**/ max-width: 1200px; }
  body.yoga .about.shorts h3, body.yoga .about.outer h3 { font-size: 3rem; }
  body.yoga .items_yoga .ttl3 span { font-size: 5.3rem; } }

body.yoga .modal-content { padding: 10vw 6% 10vw; background: url("../../yoga/img/bg_modal.jpg") no-repeat center center; background-size: cover; }

body.yoga .modal-content ul { font-size: 1rem; padding-bottom: 5vw; text-align: center; max-width: 400px; margin: 0 auto; letter-spacing: 0; }

body.yoga .modal-content ul li { line-height: 3em; }

body.yoga .modal-content ul li:nth-of-type(2) { text-align: left; padding-left: 1em; }

body.yoga .modal-content ul li:nth-of-type(3) { text-align: right; }

body.yoga .modal-content ul li:nth-of-type(4) { text-align: left; }

body.yoga .modal-content ul li:nth-of-type(7) { text-align: right; padding-right: 1em; }

body.yoga .modal-content ul li:nth-of-type(9) { text-align: left; padding-left: 2em; }

body.yoga .modal-content ul li:nth-of-type(11) { text-align: right; padding-right: 3em; }

body.yoga .modal-content ul li:nth-of-type(12) { text-align: right; padding-right: 1em; }

body.yoga .modal-content ul li:nth-of-type(14) { text-align: left; padding-left: 2em; }

body.yoga .modal-content ul li:nth-of-type(15) { text-align: right; padding-right: 2em; }

body.yoga .modal-content .logo { width: 50%; margin: 0 auto 3%; max-width: 180px; }

body.yoga .modal-content .logo img { width: 100%; }

@media screen and (min-width: 900px) { body.yoga .modal-content { padding: 6% 12% 6%; background: url("../../yoga/img/bg_pc_modal.jpg") no-repeat center center; }
  body.yoga .modal-content ul { font-size: 1.4rem; max-width: 750px; padding-bottom: 3%; letter-spacing: 0.1em; }
  body.yoga .modal-content ul li { line-height: 3em; /*&:nth-of-type(6){text-align: left;}
&:nth-of-type(7){text-align: left;}*/ /*&:nth-of-type(11){text-align: right;padding-right: 3em;}
&:nth-of-type(12){text-align: right;padding-right: 1em;}*/ }
  body.yoga .modal-content ul li:nth-of-type(1) { text-align: left; padding-left: 7em; }
  body.yoga .modal-content ul li:nth-of-type(2) { text-align: right; padding-right: 7em; }
  body.yoga .modal-content ul li:nth-of-type(3) { text-align: center; }
  body.yoga .modal-content ul li:nth-of-type(4) { text-align: left; padding-left: 8em; }
  body.yoga .modal-content ul li:nth-of-type(5) { text-align: right; padding-right: 2em; }
  body.yoga .modal-content ul li:nth-of-type(8) { text-align: left; }
  body.yoga .modal-content ul li:nth-of-type(9) { text-align: left; padding-left: 10em; }
  body.yoga .modal-content ul li:nth-of-type(13) { text-align: right; }
  body.yoga .modal-content ul li:nth-of-type(14) { text-align: left; padding-left: 8em; }
  body.yoga .modal-content ul li:nth-of-type(15) { text-align: right; padding-right: 9em; }
  body.yoga .modal-content .logo { max-width: 240px; margin-bottom: 1%; } }

body.yoga .btn_wrapper { font-size: 0; }

body.yoga .btn { /*font-family: 'Roboto Condensed',-apple-system, BlinkMacSystemFont, "Helvetica Neue","Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif;*/ margin: 0 0 6%; }

body.yoga .btn a { /*color:#444;*/ color: #5fb4e6; display: inline-block; border: 1px solid #6D6E70; /*background: #ededed;*/ font-size: 2.2rem; line-height: 0.9em; font-weight: normal; font-weight: 300; width: 86%; /*max-width: 90%; */ letter-spacing: 0.05em; padding: 0.5em 1em 0.3em; }

body.yoga .btn a span.light { color: #444; }

body.yoga .btn a span.ja { font-size: 1.4rem; /*font-weight:lighter;font-weight: 300;*/ color: #444; }

@media screen and (min-width: 600px) { body.yoga .btn_wrapper { font-size: 0; } }

@media screen and (min-width: 900px) { body.yoga .btn_wrapper { padding: 0% 0% 0%; margin: 0 auto 0%; max-width: 1200px; }
  body.yoga .btn { width: 48%; margin-right: 4%; display: inline-block; vertical-align: top; }
  body.yoga .btn:nth-of-type(2) { margin-right: 0; }
  body.yoga .btn a { font-size: 3rem; padding: 0.5em 1em 0.3em; width: 100%; }
  body.yoga .btn a span.ja { font-size: 1.6rem; } }

/*アンバサダーページ
*/
body.ambassador .wrapper { max-width: 100%; }

body.ambassador .contents { color: #444; /*border-bottom: 1px solid $c_k1;*/ font-family: 'Roboto',-apple-system, BlinkMacSystemFont, "Helvetica Neue","Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif; /*font-weight: 300;*/ padding: 0 6%; }

body.ambassador .contents a { color: #444; }

body.ambassador .contents_inner { max-width: 1400px; width: 100%; }

body.ambassador .ttl { font-family: 'Roboto',-apple-system, BlinkMacSystemFont, "Helvetica Neue","Segoe UI", YuGothicM, YuGothic, Meiryo, sans-serif; font-weight: 300; color: #444; border-bottom: 1px solid #f2f2f2; padding: 8% 0; margin-bottom: 8%; font-size: 3.4rem; line-height: 1em; letter-spacing: 0.02em; font-weight: normal; font-weight: 500; }

body.ambassador .ttl .light { font-weight: lighter; font-weight: 100; }

body.ambassador .copy { text-align: left; font-size: 1.4rem; line-height: 2em; }

body.ambassador .copy .txt { margin-bottom: 8%; }

body.ambassador .btn { /*line-height: 1.2em;height: 1.2em;*/ margin: 0 0 12%; }

body.ambassador .btn a { display: inline-block; border: 1px solid #6D6E70; font-size: 2.2rem; font-weight: normal; font-weight: 500; width: 13em; max-width: 100%; letter-spacing: 0.05em; padding: 0.5em 1em; }

body.ambassador .btn a i { margin-left: 0.3em; }

body.ambassador ul.units_yamb { font-size: 0; }

body.ambassador ul.units_yamb li { display: inline-block; vertical-align: top; width: 33.333333%; padding: 0 3%; margin-bottom: 10%; }

body.ambassador ul.units_yamb li a { text-decoration: none; }

body.ambassador ul.units_yamb li .img { width: 100%; padding-bottom: 8%; }

body.ambassador ul.units_yamb li .img img { width: 100%; }

body.ambassador ul.units_yamb li .txt { line-height: 1.1em; font-size: 1.3rem; }

body.ambassador ul.units_yamb li .txt .name { font-weight: bold; padding-bottom: 2%; }

body.ambassador ul.units_yamb li .txt .title { font-size: 1rem; }

@media screen and (min-width: 600px) { body.ambassador .contents { padding: 0; }
  body.ambassador .ttl { font-size: 4rem; }
  body.ambassador .copy { text-align: center; font-size: 1.6rem; }
  body.ambassador .btn a { font-size: 3rem; }
  body.ambassador ul.units_yamb li { width: 25%; }
  body.ambassador ul.units_yamb li .img { width: 100%; padding-bottom: 6%; }
  body.ambassador ul.units_yamb li .txt { /*line-height: 1.2em;*/ font-size: 1.4rem; } }

@media screen and (min-width: 900px) { body.ambassador .ttl { padding: 4% 0; margin-bottom: 4%; }
  body.ambassador .copy { margin-bottom: 4%; }
  body.ambassador .copy .txt { margin-bottom: 4%; }
  body.ambassador .btn { margin-bottom: 10%; }
  body.ambassador ul.units_yamb li { width: 20%; padding: 0 3%; margin-bottom: 6%; } }

/*_____________________________________

SPOBRA測計測相談会
_______________________________________*/
body.brafitting { /*キャッチコピー*/ /*詳細*/ /*スケジュール*/ }

body.brafitting .ttl { border-bottom: 1px solid #f2f2f2; }

body.brafitting .block.intro { background: none; text-align: center; margin-bottom: 0; }

body.brafitting .block.intro .inner { -webkit-flex-direction: column; flex-direction: column; display: flex; justify-content: center; align-items: center; }

body.brafitting .block.intro .img { max-width: 70%; }

body.brafitting .block.intro .img img { width: 100%; }

body.brafitting .block.intro .ttl3 { width: 100%; line-height: 1.6em; text-align: left; }

body.brafitting .block.detail { text-align: left; }

body.brafitting .block.detail .img { padding-bottom: 4%; text-align: center; }

body.brafitting .block.detail .img img { max-width: 100%; }

body.brafitting .block.detail .txt { font-size: 1.6rem; padding-bottom: 2%; }

body.brafitting .block.schedule { background: none; /*タブ*/ /*スケジュール*/ }

body.brafitting .block.schedule .ttl3 { /*padding-bottom: $mb3;*/ }

body.brafitting .block.schedule .list_areas { padding-bottom: 2%; }

body.brafitting .block.schedule .list_areas .ttl5 { /*margin-bottom: $mb4;*/ margin-bottom: 2%; }

body.brafitting .block.schedule .list_areas .ttl5.on { margin-bottom: 2%; }

body.brafitting .block.schedule .list_areas ul { font-size: 0; }

body.brafitting .block.schedule .list_areas ul li { display: inline-block; font-size: 1.4rem; line-height: 1.2em; width: 49%; margin-right: 2%; margin-bottom: 2%; /*line-height: 4rem;height: 4rem;*/ text-align: center; }

body.brafitting .block.schedule .list_areas ul li:nth-of-type(1) { width: 100%; }

body.brafitting .block.schedule .list_areas ul li:nth-of-type(2n+1) { margin-right: 0; }

body.brafitting .block.schedule .list_areas ul li a { text-decoration: none; display: block; background: #f2f2f2; padding: 1em 0.5em; }

body.brafitting .block.schedule .list_areas ul li a.active, body.brafitting .block.schedule .list_areas ul li a.hover { color: #fff; background: #999; opacity: 1; filter: alpha(opacity=100); }

body.brafitting .block.schedule .unit_schedule { background: #f2f2f2; margin-bottom: 4%; width: 100%; }

body.brafitting .block.schedule .unit_schedule a { text-decoration: none; }

body.brafitting .block.schedule .txt { position: relative; display: flex; justify-content: center; align-items: stretch; align-content: center; text-align: center; /*-webkit-flex-wrap: wrap; flex-wrap: wrap;*/ -webkit-flex-direction: column; flex-direction: column; }

body.brafitting .block.schedule .txt .date { display: flex; padding: 6% 0 0 6%; letter-spacing: 0.05em; color: #000; /*justify-content: center;*/ align-items: center; width: 100%; font-size: 3.0rem; font-weight: bold; }

body.brafitting .block.schedule .txt .date span { /*display: flex;align-items: baseline;vertical-align: baseline;vertical-align: 1em;*/ padding-top: 0.6em; font-size: 0.6em; padding-left: 0.5em; }

body.brafitting .block.schedule .txt .date.sat { color: #2C4BF5; }

body.brafitting .block.schedule .txt .date.sun { color: #FF473E; }

body.brafitting .block.schedule .txt .area { position: absolute; top: 0; right: 0; width: 10em; /*flex-basis: 10em;*/ padding: 0 2%; font-size: 1.6rem; line-height: 3em; height: 3em; background: #999; color: #fff; }

body.brafitting .block.schedule .txt .place { line-height: 1.4em; padding: 4% 6% 6%; text-align: left; }

body.brafitting .block.schedule .txt .place .ttl5 { padding-bottom: 4%; letter-spacing: 0; }

body.brafitting .block.schedule .txt .info { display: flex; justify-content: center; align-items: stretch; width: 100%; background: #999; color: #fff; line-height: 3.5em; height: 3.5em; /**/ }

body.brafitting .block.schedule .txt .info a { color: #fff; width: 100%; display: flex; align-items: center; justify-content: center; }

@media screen and (min-width: 600px) { body.brafitting { /*キャッチコピー*/ }
  body.brafitting .block.intro { /*.img{width: 35%; text-align: right;}
.ttl3{width: 65%;padding-top: 0;padding-left:3%;}*/ }
  body.brafitting .block.intro .img { max-width: 300px; }
  body.brafitting .list_areas { /*padding-top: $mb;*/ }
  body.brafitting .list_areas .ttl5 { margin-bottom: 2%; }
  body.brafitting .list_areas .ttl5.on { margin-bottom: 2%; } }

@media screen and (min-width: 900px) { body.brafitting { /*キャッチコピー*/ /*詳細*/ /*スケジュール*/ }
  body.brafitting .wrapper { max-width: 100%; }
  body.brafitting .contents { width: 100%; max-width: 1400px; margin: 0 auto; padding: 0 4%; }
  body.brafitting .block.intro .inner { -webkit-flex-direction: row; flex-direction: row; padding-left: 0; padding-right: 0; }
  body.brafitting .block.intro .img { width: 25%; max-width: 200px; }
  body.brafitting .block.intro .ttl3 { width: 75%; padding-top: 0; padding-left: 3%; }
  body.brafitting .block.detail { text-align: center; }
  body.brafitting .block.schedule .list_areas { padding-bottom: 1%; }
  body.brafitting .block.schedule .list_areas .ttl5 { margin-bottom: 1%; }
  body.brafitting .block.schedule .list_areas .ttl5.on { margin-bottom: 1%; }
  body.brafitting .block.schedule .list_areas ul li { font-size: 1.4rem; width: 19.2%; margin-right: 1%; margin-bottom: 1%; }
  body.brafitting .block.schedule .list_areas ul li:nth-of-type(1) { width: 19.2%; }
  body.brafitting .block.schedule .list_areas ul li:nth-of-type(2n+1) { margin-right: 1%; }
  body.brafitting .block.schedule .list_areas ul li:nth-of-type(5n) { margin-right: 0; }
  body.brafitting .block.schedule .ttl3 { /*padding-bottom: $mb2;*/ }
  body.brafitting .block.schedule .inner { padding-right: 0; padding-left: 0; }
  body.brafitting .block.schedule .unit_schedule { margin: 0 0 2%; }
  body.brafitting .block.schedule .txt { -webkit-flex-direction: row; flex-direction: row; }
  body.brafitting .block.schedule .txt .date { /*width: 10em;*/ width: auto; flex-basis: 12em; justify-content: center; padding: 0; }
  body.brafitting .block.schedule .txt .area { position: relative; display: flex; justify-content: center; align-items: center; height: auto; /*width:10em;*/ line-height: 1.2em; }
  body.brafitting .block.schedule .txt .place { line-height: 2em; padding: 2%; flex-basis: 100%; }
  body.brafitting .block.schedule .txt .place .ttl5 { padding-bottom: 0.5em; }
  body.brafitting .block.schedule .txt .info { width: 14em; height: auto; } }

/*_____________________________________

SPOBRA
_______________________________________*/
body.spobra { /*font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
letter-spacing: 0.1em;レイアウトが崩れる*/ /*スポブラトップページ*/ /*メニュー*/ /*アスリート*/ /*ブラタイプ*/ /*サイズナビ*/ /*なぜ？*/ /*バナー*/ /*
結果ページ
*/ }

body.spobra img { max-width: 100%; }

body.spobra h1, body.spobra h2, body.spobra h3, body.spobra h4, body.spobra h5, body.spobra h6 { letter-spacing: 0.15em; line-height: 1.6em; }

body.spobra .txt { /*font-size: 1.6rem;*/ }

body.spobra .ttl_top { margin-bottom: 2%; /*スライド*/ }

body.spobra .ttl_top .swiper-pagination { margin-bottom: 0; }

body.spobra .ttl_top .swiper-pagination-bullet { width: 10px; /*margin:1vw 0.5vw;*/ }

body.spobra .ttl_top .txt { letter-spacing: 0em; width: 53%; z-index: 100; }

body.spobra .ttl2 { padding-bottom: 0; }

body.spobra .ttl5 { text-align: center; }

body.spobra .menu_bra ul { font-size: 0; }

body.spobra .menu_bra ul li { display: inline-block; vertical-align: top; font-size: 1.4rem; line-height: 1.2em; width: 49%; margin-right: 2%; margin-bottom: 2%; text-align: center; }

body.spobra .menu_bra ul li:nth-of-type(2n) { margin-right: 0; }

body.spobra .menu_bra ul li a { text-decoration: none; display: block; background: #f2f2f2; padding: 1em 0.5em; }

body.spobra .menu_bra ul li a.active, body.spobra .menu_bra ul li a.hover { color: #fff; background: #999; opacity: 1; filter: alpha(opacity=100); }

body.spobra .block.athlete .video_wrapper { width: 100%; max-width: 600px; margin: 0 auto; }

body.spobra .block.athlete .video { width: 100%; height: 0; position: relative; padding-bottom: 56.25%; margin-bottom: 6%; }

body.spobra .block.athlete .video iframe { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; }

body.spobra .block.athlete .clm2 .btn_open { margin-bottom: 4%; }

body.spobra .block.athlete .clm2 .img { width: 40%; margin: 0 auto 4%; }

body.spobra .block.athlete .clm2 .txt { margin-bottom: 8%; }

body.spobra .block.athlete .clm2 ul.results { font-size: 1.2rem; line-height: 1.8em; margin-bottom: 8%; }

body.spobra .block.athlete .clm2 ul.results li { padding-left: 1em; text-indent: -1em; }

body.spobra .block.athlete .clm2 ul.results li.note { text-align: right; }

body.spobra .block.athlete .clm2 a { font-size: 1.2rem; display: block; margin-bottom: 8%; }

body.spobra .block.athlete .clm2 .ttl6 { padding-bottom: 2%; }

body.spobra .block.athlete .clm2 ul.units { font-size: 0; margin-bottom: 8%; }

body.spobra .block.athlete .clm2 ul.units li.unit { clear: both; display: inline-block; width: 32%; margin-right: 2%; font-size: 1.2rem; }

body.spobra .block.athlete .clm2 ul.units li.unit:nth-of-type(3n) { margin-right: 0; }

body.spobra .block.athlete .clm2 ul.units li.unit .img { width: 100%; background: #fff; text-align: center; }

body.spobra .block.athlete .clm2 ul.units li.unit .img img { width: 70%; margin: 0 auto; }

body.spobra .block.athlete .clm2 ul.units li.unit .info { float: left; }

body.spobra .block.athlete .clm2 ul.units li.unit .btn_wws { float: right; padding-top: 8%; }

body.spobra .block.bratype .ttl4 { font-size: 2rem; padding-bottom: 0; }

body.spobra .block.bratype .txt { text-align: center; }

body.spobra .block.bratype .box2 { /*margin-bottom: $mb2;*/ vertical-align: top; position: relative; }

body.spobra .block.bratype .box2 .btn { font-size: 1.4rem; margin-top: 2em; }

body.spobra .block.bratype .detail { display: inline-block; vertical-align: middle; }

body.spobra .block.bratype .detail.fig { width: 43%; padding-right: 3%; /*position: relative;*/ }

body.spobra .block.bratype .detail.fig .img { width: 80%; text-align: center; margin: 0 auto; }

body.spobra .block.bratype .detail.fig .txt { font-size: 1.2rem; font-weight: normal; text-align: left; letter-spacing: 0; }

body.spobra .block.bratype .detail.item { width: 55%; }

body.spobra .block.bratype .detail.item .img { width: 65%; text-align: center; margin: 0 auto; }

body.spobra .block.bratype .mbs { /*position: absolute;top: 1em;left: 0;*/ margin-bottom: -15%; width: 4rem; min-width: 40px; letter-spacing: 0; line-height: 1.8em; font-size: 10px; color: #9f98c9; }

body.spobra .block.bratype .mbs a { text-decoration: none; color: #9f98c9; }

body.spobra .block.bratype .mbs img { width: 100%; }

body.spobra .block.sizenavi { margin: 0 6% 12%; width: 88%; }

body.spobra .block.sizenavi .ttl_navi { /*text-align: left;*/ padding: 8% 6%; }

body.spobra .block.sizenavi .ttl_navi .img { width: 100%; padding: 0; margin: 0 auto; text-align: center; }

body.spobra .block.sizenavi .ttl_navi .ttl3 { text-align: center; padding-top: 2%; letter-spacing: 0.02em; }

body.spobra .block.sizenavi .ttl_navi .ttl5 { text-align: center; letter-spacing: 0.02em; }

body.spobra .block.sizenavi .inner { padding: 0 6% 8%; }

body.spobra .block.sizenavi .inner ul { font-size: 0; }

body.spobra .block.sizenavi .inner ul li { width: 20%; display: inline-block; text-align: center; padding: 1%; font-size: 1.4rem; }

body.spobra .block.sizenavi .inner ul li a { display: block; background: #fff; text-decoration: none; padding: 8% 0; }

body.spobra .block.why .box .ttl5 { padding: 4% 0 6%; text-align: center; letter-spacing: 0.02em; }

body.spobra .block.why .box .txt { padding-bottom: 6%; }

body.spobra .block.why .box .img { width: 100%; text-align: center; }

body.spobra .block.why .box .img img { width: 100%; max-width: 450px; }

body.spobra .block.bnr { background: none; }

body.spobra .block.bnr li { line-height: 1.4em; vertical-align: top; padding-bottom: 12%; }

body.spobra .block.bnr li:nth-last-of-type(1) { padding-bottom: 0; }

body.spobra .block.bnr li a { text-decoration: none; }

body.spobra .block.bnr li a img { padding-bottom: 2%; }

body.spobra .ttl { line-height: 1em; letter-spacing: 0.05em; }

body.spobra .result { /*サイズ表示*/ }

body.spobra .result .ttl3 span { font-weight: normal; font-size: 1.6rem; }

body.spobra .result .sizes { font-size: 0; text-align: center; }

body.spobra .result .sizes .size { font-size: 2.4rem; font-weight: bold; vertical-align: top; display: inline-block; width: 49%; margin-right: 2%; padding: 6% 0; background: #fff; }

body.spobra .result .sizes .size:nth-of-type(2n) { margin-right: 0; }

body.spobra .result .sizes .size span { font-weight: normal; font-size: 1.4rem; display: block; line-height: 1.4em; }

body.spobra .items .type li { text-transform: none; width: 100%; margin-right: 0; }

body.spobra .mecha.block { background: none; }

body.spobra .mecha.block .inner { padding-top: 0; padding-bottom: 0; }

@media screen and (min-width: 600px) { body.spobra { /*スポブラトップページ*/ /*アスリート*/ /*サイズナビ*/ /*結果ページ*/ }
  body.spobra .ttl_top { margin-bottom: 2%; }
  body.spobra .ttl_top .txt { padding-left: 0; }
  body.spobra .block.athlete .clm2 ul.units li.unit .btn_wws { padding-top: 4%; }
  body.spobra .block.sizenavi { margin-bottom: 8%; }
  body.spobra .items .units .unit { padding-bottom: 6%; }
  body.spobra .items .units .unit .info { bottom: 0; }
  body.spobra .items .units .unit .btn_wws { bottom: 2%; } }

@media screen and (min-width: 900px) { body.spobra { /*スポブラトップページ*/ /*メニュー*/ /*アスリート*/ /*ブラタイプ*/ /*サイズナビ*/ /*なぜ？*/ /*バナー*/ /*高木さん .block.takagi{ .txt{margin-bottom: $mb;font-size: 1.6rem;} .takagi_inner{display: flex; -webkit-flex-direction: row; flex-direction: row; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;} .video_wrapper{width: 39%;} .video{margin-bottom: 0;} .message{width: 57%; .img{max-width:150px;padding-left:$mb2;padding-bottom: 0;}} }*/ /*DATA
.block.data{
.inner{display: flex;
-webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;justify-content: space-between;}
.box{margin-bottom: $mb2;
.ttl5{}
&.box2{width: 48%;}
&.x2{display: flex;
-webkit-flex-direction: row;
flex-direction: row;
align-items: center;
-webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
.inner_box{width: 55%;max-width:35em;text-align: left;
.ttl5{text-align: left;}
.txt{padding-bottom: 0;}}
.img{width: 45%;margin:0;padding:0 $mb2;}}
}

}*/ /*すべての女性に
.block.intro{
text-align: center;
.txt{font-size: 1.6rem;}
}*/ /*ABOUT
.block.about{

.box{
&.x2{padding-bottom: $mb2;
.ttl4{text-align: center;}
.box_inner{display: flex;
-webkit-flex-direction: row;
flex-direction: row;align-items: center;
 -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
       max-width: 600px;
margin:0 auto;
}
.img{width: 40%;max-width:189.63px;}
ul{width: 60%;padding-bottom: 0;}
}
}

.clm2{display: flex;
-webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;justify-content: space-between;}
.box{
&.box2{width: 48%;padding-bottom: $mb2;margin-bottom: $mb2;
.ttl6{text-align: left;}
&:nth-last-of-type(2){margin-bottom: 0;}
}}

}*/ /*FIND .block.find{ .ttl4{text-align: center;} .box{margin-bottom: 0;} .txt{font-size: 1.6rem;padding-bottom: $mb2;} ul{display: flex; -webkit-flex-direction: row; flex-direction: row; justify-content: space-between; .btn{width: 31%;line-height: 1.4em;margin-bottom: 0;} .btn_select{ select{}} a, .label{padding:2em 0;} } } */ /*結果ページ*/ }
  body.spobra .ttl_top { margin-bottom: 4%; }
  body.spobra .ttl_top .txt { /*text-align: center;*/ width: 55%; }
  body.spobra .menu_bra .inner { padding: 0; }
  body.spobra .menu_bra ul { margin-bottom: 2%; }
  body.spobra .menu_bra ul li { font-size: 1.4rem; width: 23.5%; }
  body.spobra .menu_bra ul li:nth-of-type(2n) { margin-right: 2%; }
  body.spobra .menu_bra ul li:nth-of-type(4n) { margin-right: 0; }
  body.spobra .block.athlete .clm2 { font-size: 0; }
  body.spobra .block.athlete .clm2 .box2 { display: inline-block; margin-right: 4%; vertical-align: top; font-size: 1.4rem; }
  body.spobra .block.athlete .clm2 .box2:nth-of-type(2n) { margin-right: 0; }
  body.spobra .block.athlete .clm2 .clm2 ul.units li.unit .btn_wws { padding-top: 6%; }
  body.spobra .block.bratype .clm2 { font-size: 0; }
  body.spobra .block.bratype .clm2 .box2 { display: inline-block; margin-right: 4%; width: 48%; }
  body.spobra .block.bratype .clm2 .box2.box { margin-bottom: 4%; }
  body.spobra .block.bratype .clm2 .box2:nth-of-type(2n) { margin-right: 0; }
  body.spobra .block.bratype .clm2 .box2:nth-last-of-type(2), body.spobra .block.bratype .clm2 .box2:nth-last-of-type(1) { margin-bottom: 0; }
  body.spobra .block.sizenavi { margin: 0 0 4%; width: 100%; }
  body.spobra .block.sizenavi .ttl_navi { padding: 4% 2%; /*text-align: center;*/ }
  body.spobra .block.sizenavi .ttl_navi .img { width: 49%; padding: 4% 2% 4% 8%; text-align: center; display: inline-block; }
  body.spobra .block.sizenavi .ttl_navi .txt_wrapper { width: 50%; display: inline-block; }
  body.spobra .block.sizenavi .ttl_navi .ttl3 { text-align: left; }
  body.spobra .block.sizenavi .ttl_navi .ttl5 { text-align: left; }
  body.spobra .block.sizenavi .inner { clear: both; }
  body.spobra .block.sizenavi .inner ul li { font-size: 2rem; }
  body.spobra .block.why .clm3 { font-size: 0; }
  body.spobra .block.why .box3 { display: inline-block; width: 30.666666%; vertical-align: top; margin-right: 4%; font-size: 1.4rem; }
  body.spobra .block.why .box3:nth-of-type(3) { margin-right: 0; }
  body.spobra .block.bnr .inner { padding: 0; }
  body.spobra .block.bnr ul { font-size: 0; }
  body.spobra .block.bnr li { width: 48%; display: inline-block; margin-right: 4%; font-size: 1.4rem; padding-bottom: 6%; }
  body.spobra .block.bnr li:nth-of-type(2n) { margin-right: 0; }
  body.spobra .block.bnr li:last-of-type { padding-bottom: 12%; }
  body.spobra .result .sizes .size { padding: 2% 0; }
  body.spobra .items .type { justify-content: space-between; }
  body.spobra .items .type li { width: calc(94%/4); }
  body.spobra .items .type li a { padding: 1em 0; }
  body.spobra .items .units .unit { padding-bottom: 4%; }
  body.spobra .items .units .unit .info { bottom: 2%; }
  body.spobra .items .units .unit .btn_wws { bottom: 4%; } }

/*_____________________________________

ATHLETE
_______________________________________*/
body.athlete { /*アドバイザリーパートナー*/ /*チーム*/ /*サポートアスリート*/ }

body.athlete .ttl { letter-spacing: 0; }

body.athlete .adv { text-align: center; }

body.athlete .adv .ttl2 { padding-bottom: 0; }

body.athlete .adv .ttl3 { padding-top: 6%; }

body.athlete .adv .img { padding-bottom: 4%; }

body.athlete .adv .img img { width: 80%; }

body.athlete .adv .position { font-weight: bold; line-height: 1.2em; margin-bottom: 8%; }

body.athlete .adv .ttl5 { margin-bottom: 4%; font-weight: normal; }

body.athlete .adv .txt { display: none; text-align: left; }

body.athlete .adv .txt a { text-align: center; }

body.athlete .team { padding-top: 12%; }

body.athlete .team .img { background: #fff; margin-bottom: 4%; text-align: center; padding: 2% 0; }

body.athlete .team .img img { width: 65%; }

body.athlete .support { padding-top: 12%; /*.more{display: none;}*/ /*競技名で探す*/ }

body.athlete .support .ttl4 { letter-spacing: 0; }

body.athlete .support .units_athlete { margin-bottom: 10%; }

body.athlete .support li.unit_athlete { display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: flex-start; -webkit-align-items: top; align-items: center; background: #fff; margin-bottom: 10px; /*&::after{content: ''; display: block; margin-bottom: $mb2;}*/ }

body.athlete .support li.unit_athlete.off { display: none; /*background: #0f0;*/ }

body.athlete .support li.unit_athlete .img { flex: 4; }

body.athlete .support li.unit_athlete .img img { width: 100%; }

body.athlete .support li.unit_athlete .txt { flex: 5; padding: 0 4% 0; font-size: 1.2rem; line-height: 3rem; /*position: relative;*/ }

body.athlete .support li.unit_athlete .txt .name { /*font-size: 1.6rem;*/ font-weight: bold; line-height: 1em; }

body.athlete .support li.unit_athlete .txt .name_sports { font-size: 1rem; margin: 4% 0 6%; line-height: 1.2em; letter-spacing: -0.1em; }

body.athlete .support li.unit_athlete .txt .sns { text-align: left; line-height: 0.6em; /*position: absolute;bottom: 0;left: $mb2;*/ }

body.athlete .support li.unit_athlete .txt .sns li { margin: 0 0.8em 0 0; text-align: left; font-size: 1.8rem; }

body.athlete .support .more { display: block; text-align: center; font-weight: bold; font-size: 1.6rem; background: url(../img/arrow_dk.svg) no-repeat center bottom; background-size: auto 2rem; padding-bottom: 8%; margin-bottom: 10%; }

body.athlete .support .more.hover { opacity: 0.5; /* for Opera,Firefox,Safari */ filter: alpha(opacity=50); /* for IE */ cursor: pointer; }

body.athlete .support .btn_open { margin-bottom: 4%; font-weight: normal; }

body.athlete .support .list_sports { font-size: 0; margin-bottom: 8%; }

body.athlete .support .list_sports li { display: inline-block; font-size: 1.4rem; line-height: 1em; letter-spacing: -0.05em; width: 48%; margin-right: 2%; margin-bottom: 2%; vertical-align: top; /*line-height: 4rem;height: 4rem;*/ /*border-bottom:3px solid $c_k1;border-right:3px solid $c_k1;*/ }

body.athlete .support .list_sports li:nth-of-type(2n) { /*border-right:none;*/ margin-right: 0; }

body.athlete .support .list_sports li:after { margin-bottom: 2%; }

body.athlete .support .list_sports li a { text-decoration: none; display: block; background: #fff; padding: 1em 0.5em; text-align: center; /*text-align: left;padding:0 $mb;*/ }

body.athlete .support .list_sports li a.hover, body.athlete .support .list_sports li a.active { color: #fff; background: #999; opacity: 1; filter: alpha(opacity=100); }

@media screen and (min-width: 600px) { body.athlete .adv .position { margin-bottom: 2%; }
  body.athlete .support li.unit_athlete .txt { line-height: 4rem; font-size: 1.4rem; }
  body.athlete .support li.unit_athlete .txt .sns li { font-size: 2rem; } }

@media screen and (min-width: 900px) { body.athlete { /*アドバイザリーパートナー*/ /*チーム*/ }
  body.athlete .adv_wrapper { font-size: 0; }
  body.athlete .adv { font-size: 1.4rem; width: 32%; margin-right: 2%; display: inline-block; vertical-align: top; }
  body.athlete .adv:nth-of-type(3n) { margin-right: 0; }
  body.athlete .adv .inner { padding: 6%; }
  body.athlete .team { padding-top: 4%; }
  body.athlete .team .ttl4 { padding: 0; }
  body.athlete .team ul { font-size: 0; }
  body.athlete .team li { width: 49%; display: inline-block; }
  body.athlete .team li:nth-of-type(2n+1) { margin-right: 2%; }
  body.athlete .support { padding-top: 4%; overflow: hidden; width: 100%; /*.more{display: none;}*/ /*競技名で探す*/ }
  body.athlete .support .ttl4 { padding: 0; }
  body.athlete .support .units_athlete { margin-bottom: 2%; display: -webkit-flex; display: flex; flex-wrap: wrap; align-content: flex-start; -webkit-align-items: top; align-items: top; width: 103%; }
  body.athlete .support li.unit_athlete { /*flex: 1;*/ flex-basis: 31.333333%; margin-right: 2%; margin-bottom: 20px; /*margin-right: 2%display: inline-block;width: 48%;;*/ /*&:after{margin-bottom: $mb;}*/ }
  body.athlete .support li.unit_athlete:nth-of-type(2n) { /*margin-right: 0;*/ }
  body.athlete .support li.unit_athlete .txt { line-height: 2.4rem; font-size: 1.2rem; }
  body.athlete .support li.unit_athlete .txt a.hover { opacity: 0.5 !important; /* for Opera,Firefox,Safari */ filter: alpha(opacity=50) !important; /* for IE */ }
  body.athlete .support li.unit_athlete .txt .name_sports { margin-bottom: 2%; }
  body.athlete .support li.unit_athlete .txt .sns li { font-size: 1.6rem; }
  body.athlete .support .more { padding-bottom: 4%; margin-bottom: 6%; }
  body.athlete .support .btn_open { margin-bottom: 2%; }
  body.athlete .support .list_sports { margin-bottom: 4%; }
  body.athlete .support .list_sports li { width: 19.2%; /*width: auto;*/ margin: 0 1% 1% 0; /**/ }
  body.athlete .support .list_sports li:nth-of-type(2n) { margin-right: 1%; }
  body.athlete .support .list_sports li:nth-of-type(5n) { margin-right: 0; }
  body.athlete .support .list_sports li a { white-space: nowrap; } }

/*_____________________________________

着用方法
_______________________________________*/
@media screen and (min-width: 900px) { body.howto .box { font-size: 0; }
  body.howto .ttl4.btn_open { padding-right: 5rem; }
  body.howto .item_howto { width: 49%; margin-right: 2%; display: inline-block; vertical-align: top; font-size: 1.4rem; }
  body.howto .item_howto:nth-of-type(2n) { margin-right: 0; } }

/*_____________________________________

FAQ
_______________________________________*/
body.faq { /*.btn_open{background-size: auto 25px;}
.btn_open.btn_open_w.on {
background-size: auto 25px;
}*/ /*_____________________________________

SIZE
_______________________________________*/ }

body.faq .article .ttl5 { margin-bottom: 4%; line-height: 1.4em; }

body.faq .article .txt { display: none; margin-bottom: 8%; }

body.faq .btn_open { padding-right: 6rem; }

body.faq.size .menu_size ul { display: flex; }

body.faq.size .menu_size li { width: calc(96%/3); margin-right: 2%; }

body.faq.size .menu_size li:nth-of-type(3n) { margin-right: 0; }

body.faq.size .menu_size a { display: block; text-align: center; background: #f2f2f2; text-decoration: none; padding: 1em 0.5em; }

body.faq.size .menu_size a.active, body.faq.size .menu_size a.hover { color: #fff; background: #999; opacity: 1; filter: alpha(opacity=100); }

body.faq.size .ttl4 { padding-top: 1em; font-size: 2rem; }

body.faq.size .ttl5 span { font-size: 0.8em; }

body.faq.size .ttl6 { padding: 0 0 0.5em; }

body.faq.size .ttl6 span { font-weight: normal; font-size: 0.8em; }

body.faq.size .txt { margin-left: 1%; width: 98%; }

body.faq.size table { width: 100%; text-align: center; border-collapse: collapse; font-weight: normal; font-size: 1rem; letter-spacing: 0; line-height: 1.4em; margin-bottom: 1em; }

body.faq.size tr { border-bottom: 1px solid #ddd; }

body.faq.size th { padding: 0.5em 0.2em; background: #ddd; font-weight: normal; /*&.bgclr1{border-bottom:1px solid #fff;
}*/ }

body.faq.size td { padding: 0.5em 1em; }

body.faq.size thead th.bgclr1 { border-bottom: none; }

body.faq.size thead th.bgclr1:first-of-type { border-bottom: 1px solid #fff; }

body.faq.size tbody th.bgclr1:last-of-type { border-bottom: none; }

body.faq.size tbody th.bgclr1:first-of-type { border-right: 1px solid #fff; border-bottom: 1px solid #fff; }

body.faq.size tbody th.bgclr1.bb { border-bottom: 1px solid #fff; }

@media screen and (min-width: 600px) { body.faq.size .ttl4 { padding-bottom: 1em; }
  body.faq.size table { font-size: 1.4rem; } }

@media screen and (min-width: 900px) { body.faq .article .ttl5 { margin-bottom: 2%; }
  body.faq .article .txt { display: none; margin-bottom: 4%; } }

/*_____________________________________

重要なお知らせ
_______________________________________*/
body.important .ttl { font-size: 3rem; }

body.important .article .inner { max-width: 900px; margin: 0 auto; }