@charset "utf-8";

.category_uppertext{padding:0;margin:0;position:relative;}


#cateHead{display:block;width:681px;}
#cateHead *{padding:0px;margin:0px;outline:none;
font-family:"游ゴシック", YuGothic, "メイリオ",Arial, "ヒラギノ角ゴ Pro W3";}
#cateHead table{border-collapse:collapse;margin:0;padding:0;font-size:0;table-layout:100%;width:100%;}

#cateHead table td{margin:0;padding:0;vertical-align:top;}

#cateHead table td>img{width:calc(100% - 10px);}

#cateHead .cNavSize{text-align:center;width:100%;/* margin-left:5px; */background:#a5e1d4;}
#cateHead .cNavSize ul{display:block;font-size:0;line-height:1;padding:0px 3px 1px;}
#cateHead .cNavSize ul li{display:inline-block;width:33%;}
#cateHead .cNavSize ul li a{display:block;padding:5.5px;margin:3px;
font-size:18px;text-decoration:none;color:inherit;font-weight:bold;
line-height:18px;box-shadow:2px 2px 0 0 #9cd4c8;
background:url(size_bg.jpg) repeat-x 50% 50%;background-size:auto 100%;
}


#cateHead .cNavType{background:#a5e1d4;margin-top:10px;text-align:left;padding:5px;}
#cateHead .cNavType>img{width:auto !important;height:auto !important;max-width:100%;}
#cateHead .cNavType ul{display:block;font-size:0;line-height:1;padding:0 0px;}
#cateHead .cNavType ul li{display:inline-block;width:calc(100%/4);}
#cateHead .cNavType ul li a img{width:100%;}
#cateHead .cNavType ul li a{display:block;padding:0px;margin:3px;
font-size:20px;text-decoration:none;color:inherit;font-weight:bold;
line-height:20px;box-shadow:2px 2px 0 0 #9cd4c8;
background:url(size_bg.jpg) repeat-x 50% 50%;
background-size:auto 100%;
}



/*--------------------------------------------------------------------------*/


#cateNav{display:block;width:100%;max-width:681px;}
#cateNav *{padding:0px;margin:0px;outline:none;
font-family:"游ゴシック", YuGothic, "メイリオ",Arial, "ヒラギノ角ゴ Pro W3";}

#cateNav h2{width:calc(100% - 210px);display:block;float:left;margin:0 10px 10px 0;}
#cateNav h2 img{width:100%;}
#cateNav .cNavSize{float:right;background:#a5e1d4;max-width:200px;text-align:center;}
#cateNav .cNavSize ul{display:block;font-size:0;line-height:1;padding:0px 3px 1px;}
#cateNav .cNavSize ul li{display:inline-block;width:33%;}
#cateNav .cNavSize ul li a{display:block;padding:5.5px;margin:3px;
font-size:18px;text-decoration:none;color:inherit;font-weight:bold;
line-height:18px;box-shadow:2px 2px 0 0 #9cd4c8;
background:url(size_bg.jpg) repeat-x 50% 50%;background-size:auto 100%;
}


#cateNav .cNavType{background:#a5e1d4;text-align:left;padding:5px;clear:both;}
#cateNav .cNavType>img{width:auto !important;height:auto !important;max-width:100%;}
#cateNav .cNavType ul{display:block;font-size:0;line-height:1;padding:0 0px;}
#cateNav .cNavType ul li{display:inline-block;width:calc(100%/4);}
#cateNav .cNavType ul li a img{max-width:100%;width:auto;}
#cateNav .cNavType ul li a{display:block;padding:0px;margin:3px;
font-size:0px;text-decoration:none;color:inherit;font-weight:bold;
line-height:1;box-shadow:2px 2px 0 0 #9cd4c8;
background:url(size_bg.jpg) repeat-x 50% 50%;
background-size:auto 100%;
}


.cateHeadFrame{max-width:681px;margin:0 auto;width:100% !important}
.cateHeadFrame iframe{overflow:hidden;outline:none;border:0;}

.cateHeadFrame iframe#c301{height:280px;}
.cateHeadFrame iframe#c301[src$='smp']{height:400px;}

.cateHeadFrame iframe#c338{height:400px;}
.cateHeadFrame iframe#c338[src$='smp']{height:350px;}


.cateHeadFrame iframe#c0490{height:260px;}
.cateHeadFrame iframe#c0490[src$='smp']{height:350px;}


@media screen and (max-width: 400px) {
.cateHeadFrame iframe#c338[src$='smp']{height:300px;}
}



@media screen and (max-width: 440px) {
.cateHeadFrame iframe#c301[src$='smp']{height:calc(150px + 60vw);}
.cateHeadFrame iframe#c338[src$='smp']{height:300px;}

.smp #cateNav .cNavSize ul::before{font-size:10px !important;}
}



/*____________________*/

/*for smp*/
#contents>#bread-crumb+section{display:block;padding:0 !important;margin:0 !important;background:transparent;}
#contents>#bread-crumb+section #mp_ta_header{display:block;padding:0 !important;margin:0 !important;background:transparent;}
#contents>#bread-crumb+section>div.freearea:first-child{background:transparent !important;}


.smp #cateNav h2{display:none;}

.smp #cateNav>div{max-width:100% !important;display:block;width:100% !important;float:none !important;
padding:0;margin:0 0 10px 0;font-size:0;line-height:1;text-align:center;
}
.smp #cateNav>div>p{text-align:center;}
.smp #cateNav>div>p>img{display:none;}
.smp #cateNav>div>p::before{content:attr(title);font-size:20px;font-weight:bold;line-height:40px;color:#030;}

.smp #cateNav .cNavSize{}

.smp #cateNav .cNavSize ul li{line-height:20px;vertical-align:middle;width:calc(70% / 6);position:relative;}
.smp #cateNav .cNavSize ul::before{content:'サイズで選ぶ';font-size:14px;line-height:20px;padding:5px 0;display:inline-block;vertical-align:top;width:calc(30% - 10px);
background:#f60;margin-right:10px;font-weight:bold;color:#fff;z-index:2;}

.smp #cateNav .cNavSize ul::before{text-align:center;}

.smp #cateNav .cNavSize ul li:first-of-type::before{content:'';display:block;
position:absolute;left:-10px;width:0px;
border-style:solid;z-index:1;
border-color: transparent transparent transparent #f60;
border-width:15px 0 15px 10px;
height:0px;top:0;
}




.smp #cateNav .cNavSize ul{background:#fff;padding:10px 0 0;}
.smp #cateNav .cNavSize li a{padding:4px;border:1px solid #ccc;margin:0 0 5px 4px;line-height:20px;box-shadow:0 0 0 0;font-size:14px;}

.smp #cateNav .cNavType{}
.smp #cateNav .cNavType ul{padding:5px 2px 0px;margin:0;font-size:0;}
.smp #cateNav .cNavType li{padding:0px;margin:0;width:50% !important;}
.smp #cateNav .cNavType li a{padding:0px;margin:0 2px 5px;}