@charset "euc-jp";
/*▽基本CSS*/
/*▽基本CSS*/
html{font-family: 'Open Sans', sans-serif;}
*{ list-style:none; margin:0; padding:0;}
#wrap a{ text-decoration:none;}
#wrap a img{ border:none;}
#wrap img{ vertical-align:bottom;}
/*税込非表示*/
/*div.prices span.prdisp-taxin span > span{ display: none !important;}*/
/*smp*/
@media screen and (max-width: 640px){
#wrap .smp_none{ display: none !important;}
/*コンテンツ*/
#wrap{ width: 100%; margin: 0 auto;}
/*看板画像*/
#wrap #kanban_wrap{ width: 100%;}
#wrap #kanban_wrap img{ max-width: 100%;}
/*比較表*/
#wrap #hikaku{ width: 100%; margin-top: 8vw;}
#wrap #hikaku img{ max-width: 100%;}
/*新商品*/
#wrap #mens_airy{ width: 100%; /*margin-top: 5vw;*/}
#wrap #mens_airy img{ max-width: 100%;}
#wrap #mens_airy > ul{ display: flex; justify-content: space-between; width: 98%; margin-left: auto; margin-right: auto;}
#wrap #mens_airy > ul > li{ width: 65%; margin: 0 auto;}
#wrap #mens_airy > ul > li > ul.size_calmn{ display: flex; justify-content: space-between; width: 100%; }
#wrap #mens_airy > ul > li > ul.size_calmn li a{ position: relative; display: block; background-color: #a0a0a0; /*border-radius: 5px;*/ padding: 2vw 0; border-bottom: solid 3px #717171;}
#wrap #mens_airy > ul > li > ul.size_calmn li a:active{ border-bottom: solid 1px #717171;
border-top: solid 2px #fff;}
#wrap #mens_airy > ul > li > ul.size_calmn li a p{ color: #fff; font-weight: bold; font-size: 100%;}
#wrap #mens_airy > ul > li > ul.size_calmn li a img,
#wrap #mens_airy > ul > li ul.size_calmn li a img{ position: absolute; top: 50%; right: 1%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: auto;}
#wrap #mens_airy > ul > li ul.size_calmn1 li{ width: 100%; text-align: center;}
#wrap #mens_airy div.prices{ text-align: center; font-size: 125%; margin-top: 2%; color: #333; font-weight: bold;}
/*商品部分*/
#wrap div.item_box{ width: 100%; margin: 10vw auto 0;}
#wrap div.item_box img.mida_m{ max-width: 100%; margin-top: 6vw;}
#wrap div.item_box img.mida_s{ max-width: 100%; margin-top: 6vw;}
#wrap div.item_box img.mida_s:nth-of-type(3){ margin-top: 7vw;}
#wrap div.item_box div.calmn_smp{ margin-top: 3vw;}
#wrap div.item_box div.calmn_smp > ul{ width: 98%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap;}
#wrap div.item_box div.calmn_smp > ul li{ width: calc(97%/2);}
#wrap div.item_box div.calmn_smp > ul > li:nth-child(n+3){ margin-top: 10vw;}
#wrap div.item_box div.calmn_smp > ul li img{ max-width: 100%;}
#wrap div.item_box div.calmn_smp > ul li div.prices{ text-align: center; font-size: 125%; margin-top: 2%; /*color: #560624;*/ color: #333; font-weight: bold;}
#wrap div.item_box2{ margin-top: 10vw;}
#wrap div.item_box img.extra{ margin: 13vw auto 0;}
#wrap div.item_box img.hybrid{ margin-top: 10vw;}
#wrap div.item_box img.other{ margin-top: 10vw;}
#wrap div.item_box img.extra2{ margin-top: 3vw !important;}
/*ボタンデザイン*/
/*共通*/
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn{ display: flex; justify-content: space-between; width: 100%; margin-top: 6px;}
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn li a{ display: block; background-color: #a0a0a0; /*border-radius: 5px;*/ padding: 2vw 0; position: relative; border-bottom: solid 3px #717171;}
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn li a:active{ border-bottom: solid 1px #717171; border-top: solid 2px #fff;}
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn li a p{ color: #fff; font-weight: bold; font-size: 100%;}
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn li a img{ position: absolute; top: 50%; right: 3%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1.5vw; height: auto;}
/*ボタン幅（1カラム部分）*/
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn1 li{ width: 100%;}
/*ボタン幅（2カラム部分）*/
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn2 li{ width: 100%;}
/*ボタン幅（3カラム部分）*/
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn3 li{ width: calc(95%/3);}
/*サイズ位置（1カラム部分）*/
#wrap div.item_box ul.size_calmn1 li a{ text-align: center;}
/*サイズ位置（3カラム部分）*/
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn3 li:nth-child(odd) a p{ margin-left: 5.5vw;}
#wrap div.item_box div.calmn_smp > ul li > ul.size_calmn3 li:nth-child(even) a p{ margin-left: 4vw;}
/*枕・クッション_1カラム部分*/
#wrap div.item_box div.row1{ margin-top: 3vw; width: 98%; margin-left: auto; margin-right: auto;}
#wrap div.item_box div.row1_2{ margin: 7vw auto;}
#wrap div.item_box div.row1 > img{ max-width: 100%;}
/*ボタン部分*/
#wrap div.item_box div.row1 ul.size_calmn{ width: 100%; margin-top: 6px; display: flex; justify-content: space-between;}
#wrap div.item_box div.row1 ul.size_calmn li{ width: calc(95%/3);}
#wrap div.item_box div.row1 ul.size_calmn li a{ position: relative; display: block; /*background-color: #666;*/ background-color: #a0a0a0; /*border-radius: 5px;*/ padding: 2vw 0; border-bottom: solid 3px #717171; text-align: center;}
#wrap div.item_box div.row1 ul.size_calmn li a:active{ border-bottom: solid 1px #717171;
border-top: solid 2px #fff;}
#wrap div.item_box div.row1 ul.size_calmn li a img{ position: absolute; top: 50%; right: 1%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: auto;}
#wrap div.item_box div.row1 ul.size_calmn li a p{ color: #fff; font-weight: bold; font-size: 95%;}
#wrap div.item_box div.row1 ul.size_calmn li a p span{ font-size: 85%;}
/*価格部分*/
#wrap div.item_box ul.price_calmn3{ margin-top: 1%; width: 100%; display: flex; justify-content: space-between;}
#wrap div.item_box ul.price_calmn3 li{ width: calc(95%/3); text-align: center;}
#wrap div.item_box ul.price_calmn3 li div.prices{ font-size: 125%; color: #333; font-weight: bold;}
/*フッター*/
div#foot{ max-width: 100%; margin: 8vw auto 5vw; border-top: 1px solid #6c6c6c; padding-top: 5vw;}
div#foot ul{ display: flex; justify-content: center;}
div#foot ul li a{ display: block; color: #333; font-size: 85%;}
div#foot ul li:nth-child(2) a{ margin: 0 5vw; border-right: 1px dashed #6b6c6c; border-left: 1px dashed #6b6c6c; padding: 0 5vw;}
}/*smp-end*/
/*PC*/
@media screen and (min-width: 640px){
#wrap .pc_none{ display: none !important;}
#wrap a:hover img{ opacity:0.8;}
/*コンテンツ*/
#wrap{ max-width: 750px; margin: 0 auto;}
/*看板画像*/
#wrap #kanban_wrap{ width: 100%;}
#wrap #kanban_wrap img{ max-width: 100%;}
/*新商品*/
#wrap #mens_airy{ width: 100%; margin-bottom: 50px;}
#wrap #mens_airy img{ max-width: 100%;}
#wrap #mens_airy > ul{ display: flex; justify-content: space-between;}
#wrap #mens_airy > ul > li{ width: 65%; margin: 0 auto;}
#wrap #mens_airy > ul > li > ul.size_calmn{ display: flex; justify-content: space-between; width: 100%; }
#wrap #mens_airy > ul > li > ul.size_calmn li a{ position: relative; display: block; background-color: #a0a0a0; border-radius: 5px; padding: 8px 0; border-bottom: solid 3px #717171;}
#wrap #mens_airy > ul > li > ul.size_calmn li a:hover{ border-bottom: solid 1px #717171;
border-top: solid 2px #fff;}
#wrap #mens_airy > ul > li > ul.size_calmn li a p{ color: #fff; font-weight: bold; font-size: 20px;}
#wrap #mens_airy > ul > li > ul.size_calmn li a img,
#wrap #mens_airy > ul > li ul.size_calmn li a img{ position: absolute; top: 50%; right: 1%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: auto;}
#wrap #mens_airy > ul > li ul.size_calmn1 li{ width: 100%; text-align: center;}
#wrap #mens_airy div.prices{ text-align: center; font-size: 20px; margin-top: 6px; color: #333; font-weight: bold;}
/*比較表*/
#wrap #hikaku{ width: 100%; margin-top: 60px;}
#wrap #hikaku img{ max-width: 100%;}
/*商品部分*/
#wrap div.item_box{ width: 100%; margin: 30px auto 0;}
#wrap div.item_box img.mida_m{ max-width: 100%; margin-top: 40px;}
#wrap div.item_box img.mida_s{ max-width: 100%; margin-top: 40px;}
#wrap div.item_box img.mida_s:nth-of-type(3){ margin-top: 40px;}
#wrap div.item_box img.extra{ margin-top: 80px !important; /*margin-bottom: 15px;*/}
#wrap div.item_box img.extra2{ margin-top: 20px !important;}
#wrap div.item_box img.hybrid{ margin-top: 60px !important;}
#wrap div.item_box img.other{ margin-top: 60px !important;}
/**3, 4カラム**/
#wrap div.item_box div.calmn3,
#wrap div.item_box div.calmn4{ margin-top: 15px;}
#wrap div.item_box div.calmn3 > ul,
#wrap div.item_box div.calmn4 > ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#wrap div.item_box div.calmn3 > ul li{ width: calc(95%/3);}
#wrap div.item_box div.calmn4 > ul li{ width: calc(95%/4);}
#wrap div.item_box div.calmn3 > ul li img,
#wrap div.item_box div.calmn4 > ul li img{ max-width: 100%;}
#wrap div.item_box div.calmn3 > ul li div.prices,
#wrap div.item_box div.calmn4 > ul li div.prices{ text-align: center; font-size: 20px; margin-top: 7px; color: #333; font-weight: bold;}
#wrap div.item_box div.calmn3 > ul li:nth-child(n+4),
#wrap div.item_box div.calmn4 > ul li:nth-child(n+5){ margin-top: 50px;}
#wrap div.item_box div.calmn3_2 > ul li:nth-child(n+4){ width: calc(95%/4); margin-top: 50px;}
#wrap div.item_box div.calmn3_3 > ul li:nth-child(n+4){ width: calc(95%/4); margin-top: 20px;}
#wrap div.item_box2{ margin-top: 65px;}
/*３カラムの最後の枠を左寄せ*/
#wrap div.item_box div.calmn3 > ul::after{content:""; display: block;width:30%;}
/*ボタンデザイン*/
/*共通*/
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn,
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn{ display: flex; justify-content: space-between; width: 100%; margin-top: 10px;}
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn li a,
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn li a{ position: relative; display: block; /*background-color: #666;*/ background-color: #a0a0a0; border-radius: 5px; padding: 8px 0; border-bottom: solid 3px #717171;}
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn li a:hover,
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn li a:hover{ border-bottom: solid 1px #717171;
border-top: solid 2px #fff;}
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn li a p,
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn li a p{ color: #fff; font-weight: bold; font-size: 20px;}
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn li a img,
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn li a img{ position: absolute; top: 50%; right: 1%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: auto;}
/*ボタン幅（1カラム部分）*/
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn1 li,
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn1 li{ width: 100%;}
/*ボタン幅（2カラム部分）*/
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn2 li,
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn2 li{ width: 100%;}
/*ボタン幅（3カラム部分）*/
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn3 li,
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn3 li{ width: calc(95%/3);}
/*サイズ位置（1カラム部分）*/
#wrap div.item_box ul.size_calmn1 li a{ text-align: center;}
/*サイズ位置（3カラム部分）*/
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn3 li:nth-child(odd) a p{ margin-left: 28px;}
#wrap div.item_box div.calmn3 > ul li > ul.size_calmn3 li:nth-child(even) a p{ margin-left: 20px;}
#wrap div.item_box div.calmn3_2 > ul li:nth-child(n+4) > ul.size_calmn3 li:nth-child(odd) a p{ margin-left: 17px;}
#wrap div.item_box div.calmn3_2 > ul li:nth-child(n+4) > ul.size_calmn3 li:nth-child(even) a p{ margin-left: 10.5px;}
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn3 li:nth-child(odd) a p{ margin-left: 17px;}
#wrap div.item_box div.calmn4 > ul li > ul.size_calmn3 li:nth-child(even) a p{ margin-left: 10.5px;}
/*枕・クッション_1カラム部分*/
#wrap div.item_box div.row1{ margin-top: 15px; width: 100%;}
#wrap div.item_box div.row1_2{ margin: 50px 0;}
#wrap div.item_box div.row1 > img{ max-width: 100%;}
/*ボタン部分*/
#wrap div.item_box div.row1 ul.size_calmn{ width: 100%; margin-top: 6px; display: flex; justify-content: space-between;}
#wrap div.item_box div.row1 ul.size_calmn li{ width: calc(95%/3);}
#wrap div.item_box div.row1 ul.size_calmn li a{ position: relative; display: block; /*background-color: #666;*/ background-color: #a0a0a0; border-radius: 5px; padding: 12px 0 8px; border-bottom: solid 3px #717171; text-align: center;}
#wrap div.item_box div.row1 ul.size_calmn li a:hover{ border-bottom: solid 1px #717171;
border-top: solid 2px #fff;}
#wrap div.item_box div.row1 ul.size_calmn li a img{ position: absolute; top: 50%; right: 1%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: auto;}
#wrap div.item_box div.row1 ul.size_calmn li a p{ color: #fff; font-weight: bold; font-size: 20px;}
#wrap div.item_box div.row1 ul.size_calmn li a p span{ font-size: 18px;}
/*価格部分*/
#wrap div.item_box ul.price_calmn3{ margin-top: 5px; width: 100%; display: flex; justify-content: space-between;}
#wrap div.item_box ul.price_calmn3 li{ width: calc(95%/3); text-align: center;}
#wrap div.item_box ul.price_calmn3 li div.prices{ font-size: 20px; color: #333; font-weight: bold;}
/***フッター***/
div#foot{ width: 750px; margin: 30px auto 20px; border-top: 1px solid #6c6c6c; padding-top: 20px;}
div#foot ul{ display: flex; justify-content: center;}
div#foot ul li a{ display: block; color: #333;}
div#foot ul li:nth-child(2) a{ margin: 0 50px; border-right: 1px dashed #6b6c6c; border-left: 1px dashed #6b6c6c; padding: 0 50px;}
}