/* カテゴリページ共通の設定 */

p{margin: 0;}

/* CCの見出しとスライダーを非表示 */
.fs-c-heading{display:none;}
@media  screen and (max-width:1199px) {
	.fs-pt-carousel{display: none;}
}

/*竹刀カテゴリ*/
#sinai_cat{width:800px; margin:0 auto; text-align:center;}
#sinai_cat b{color:#c00; display:block;font-size:1.2em;}
#sinai_cat ul{padding:0;}
#sinai_cat ul li{margin:0 0 20px 0; width:100%; position:relative; list-style:none;}
#sinai_cat ul li div{background: none; position:absolute; right:10px; bottom:11px;}
#sinai_cat ul li div a{margin-left:3px;}
#sinai_cat ul li div a:hover img{box-shadow:0 0 4px #333; border-radius:5px; opacity:1;-webkit-animation: none;animation:none;}
#sinai_cat .sinai_tex li{margin:0 auto 0 auto;width:96%; list-style:disc; text-align:left;}
.sinai_tex span{color:#c00;}

/*竹刀カテゴリページ本数・サイズ ページ内リンク--------*/
#sinai_nav ,#sinai_nav2{width:800px; margin:.5em auto; padding-top:60px;}
#sinai_nav2{padding-top:0;}
#sinai_nav h4 ,#sinai_nav2 h4{border-bottom:2px solid #000; margin:2em 0 .5em 0; font-size:16px;}
#honsu_nav,#size_nav{display:flex; justify-content:space-around;}
#size_nav{margin:0 0 .5em 0;}
#sinai_nav .item , #sinai_nav2 .item{text-align:center;list-style:none; position:relative;  box-sizing:border-box; }
#sinai_nav .col3 .item ,#sinai_nav2 .col3 .item{width:33%;}
#sinai_nav .col4 .item , #sinai_nav2 .col4 .item{width:24.5%;}
#sinai_nav .col6 .item , #sinai_nav2 .col6 .item{width:16%;}
#sinai_nav .col8 .item ,#sinai_nav2 .col8 .item{width:12%;}
#sinai_nav #honsu_nav .item a ,#sinai_nav2 #honsu_nav .item a{display:block; position:absolute; top:0; left:0; width:100%; height:100%; text-decoration:none; border:none;}
#sinai_nav #honsu_nav .item , #sinai_nav2 #honsu_nav .item{border:1px solid #999;}
#sinai_nav #size_nav .item a , #sinai_nav2 #size_nav .item a{display:block;text-decoration:none; padding:.5em 0; border:1px solid #999;}
#sinai_nav .item a:hover , #sinai_nav2 .item a:hover {background:background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(125,185,232,0.24) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(125,185,232,0.24) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(125,185,232,0.24) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#3d7db9e8',GradientType=0 );}
#sinai_nav .item .btn , #sinai_nav2 .item .btn{border-bottom:none;width:100%; background:#000; color:#fff; line-height:30px; font-weight:bold; font-size:15px;}
#sinai_nav .item span , #sinai_nav2 .item span {display:block; border-bottom:1px dashed #ccc; font-size:13px; color:#000;}
#sinai_nav .item p , #sinai_nav2 .item p{color:#900;width:85%; margin:.3em auto;}
#sinai_nav .current , #sinai_nav2 .current{background:#900; color:#fff; padding:.5em 0}
#sinai_nav .tax , #sinai_nav2 .tax{font-size:.75em; text-align:right; margin-top:45px;}
#sinai_nav .item .icon , #sinai_nav2 .item .icon{margin:0 auto .5em auto; display:flex; justify-content:center; position:absolute; bottom:-45px; width:100%;}
#sinai_nav .item .icon span , #sinai_nav2 .item .icon span{border-bottom:none; font-size:10px; width:26px; padding:.25em; line-height:13px; color:#fff; background: #0066CC; letter-spacing:1px; font-weight:; position:relative;margin:1px; box-shadow:1px 1px 0 #000;}
#sinai_nav .item .icon span:before , #sinai_nav2 .item .icon span:before{content: "";	position: absolute;	top: -8px;left: 19px;	margin-left: -15px;border: 3px solid transparent; border-bottom: 6px solid #06c;}

.sinai_totop{position:relative;}
.sinai_totop a{display:inline-block; text-decoration:none; width:50px; height:50px; background: url(https://www.rakuten.ne.jp/gold/kendouya/images/toparrow.png) no-repeat; background-size:contain; border:3px solid #000; border-radius:10px; position:absolute;top: 310px; left: 650px;filter:alpha(opacity=60);-moz-opacity: 0.6;
opacity: 0.6;}
.sinai_totop a:hover{filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}


/*カテゴリページ(上着・袴・甲手)-----------------------------------*/
#cat_wrapper{width:100%; margin:0 auto; font-size:14px; padding:0; box-sizing:border-box;}
#cat_wrapper h2{font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;transform: rotate(.03deg);padding:.3em 1em ;position: relative; font-size:1.6em; font-weight:normal; letter-spacing:1px;  color:#fff; border-left:10px solid #000; margin: 0 0 1em 0;background:#7e1717}
#cat_wrapper h3{margin:0;}
#cat_wrapper h3{border-bottom:4px solid  #000; font-size:17px; font-weight: normal;}
#cat_wrapper .item h3{border-bottom:none;}
#cat_wrapper.col4 h3,#cat_wrapper h4{color:#000; font-size:14px; font-weight:normal;}
#cat_wrapper .ja h3,#cat_wrapper .ja h4{color:#0033cc;}
#cat_wrapper .men h3,#cat_wrapper .men h4{color:#330066; }
#cat_cardbox{margin:0 0 2em 0;display:flex; justify-content:space-between; flex-wrap:wrap; align-items:stretch; }
#cat_cardbox .item{margin:1em auto; padding-bottom:35px; position:relative;font-size:.95em; background: #fff; width:250px; box-shadow: 0px 4px 9px rgba(0,0,0,0.6);-webkit-transition: all 0.15s ease;-moz-transition: all 0.15s ease;-o-transition: all 0.15s ease;transition: all 0.15s ease; border-radius:5px;}
#cat_cardbox .item:hover , #cat_cardbox .item:active{box-shadow: 0px 0px 2px rgba(0,0,0,0.6);}
#cat_wrapper.col4 .item{width:250px; }
#cat_cardbox .item p{width: 98%; margin:.3em auto;}
#cat_cardbox .item a{ display:block; width:100%; height:100%; position:absolute; top:0; left:0; }

#cat_cardbox .item img{max-width:100%; max-height:250px; display:block; margin:0 auto; border-radius:5px 5px 0 0;}
#cat_cardbox .item .text{margin:0; padding:.7em; font-size:.94em;}
#cat_cardbox .item .text a{position:relative; display:inline; text-decoration:underline;}
#cat_cardbox .item.texlink a{position:relative; display:inline;}
#cat_cardbox .item h4{margin:.25em 0; font-weight: bold;}
#cat_cardbox .item h4 span{font-size:1.25em;}
#cat_cardbox .title{min-height:280px;}
#cat_cardbox .ja.title{background:url(https://www.rakuten.ne.jp/gold/kendouya/images/cat_uwagi01.jpg) no-repeat center;}
#cat_cardbox .men.title{background:url(https://www.rakuten.ne.jp/gold/kendouya/images/cat_uwagi02.jpg) no-repeat center;}
#cat_cardbox .hakama.title{background:url(https://www.rakuten.ne.jp/gold/kendouya/images/cat_hakama01.jpg) no-repeat center;}
#cat_cardbox .araerukote.title{background:url(https://www.rakuten.ne.jp/gold/kendouya/images/cat_kote01.jpg) no-repeat top;}
#cat_cardbox .sikakote.title{background:url(https://www.rakuten.ne.jp/gold/kendouya/images/cat_kote02.jpg?7) no-repeat center;}
#cat_cardbox .gouhikote.title{background:url(https://www.rakuten.ne.jp/gold/kendouya/images/cat_kote03.jpg) no-repeat center;}
#cat_cardbox .tesasikote.title{background:url(https://www.rakuten.ne.jp/gold/kendouya/images/cat_kote04.jpg?10) no-repeat center;}
#cat_cardbox .item.title .text{position:absolute; bottom:0; border-radius:0 0 5px 5px; background:rgba(255,255,255,.65)}
#cat_wrapper .price{color:#000; text-align:right; margin:0; font-size:.9em; position:absolute; right:8px; bottom:0;}
#cat_wrapper .price span{color:#000; font-size:1.5em; font-family:centuryGB,'Century Gothic',Arial,sans-serif; margin:0 2px; font-weight:bold;}
#cat_cardbox .icon{ position:absolute; bottom:0; left:5px; display:inline-block; font-size:11px; text-align:center; display:flex;}
#cat_cardbox .icon span{line-height:2; padding:0 4px; margin:1px; border-radius:4px; color:#fff;}
#cat_cardbox .standard{ background: #000066;}
#cat_cardbox .beginner{ background:#FFaa00;}
#cat_cardbox .aizome{ background: #330033;}
#cat_cardbox .allseason{background: #009999;}
#cat_cardbox .summer{background: #0066FF;}
#cat_cardbox .wash{background: #00CCFF;}
#cat_cardbox .sika{background: #663300;}
#cat_cardbox .yawaraka{background: #CC0066;}

@media  screen and (max-width:1199px) {
	#cat_wrapper .reco h3 img{max-height: 280px; width: inherit !important;}
	#cat_cardbox .item{max-width: calc(100% / 2 - 5px);}
}
@media  screen and (max-width:767px){
    #cat_wrapper.col4 .reco .item{width: 100%;}
}

#cat_cardbox .new {
	position: absolute;
	top: -6px;
	right: 10px;
	width: 40px;
	padding: 10px 0;
	text-align: center;
	border-top-left-radius: 3px;
	color: #444;
	background: #FFC107;
}
#cat_cardbox .new:before {
	top: 0.1px;
	right: -5.5px;
	width: 0;
	height: 0;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #FF8F00;
}
#cat_cardbox .new:before, .new:after {
	position: absolute;
	content: '';
}
#cat_cardbox .new:after {
	bottom: -19.5px;
	left: 0;
	width: 0;
	height: 0;
	border-right: 20px solid #FFC107;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #FFC107;
}

/*ボタン*/
#guid_wrapper .btn a, #cat_wrapper .btn a{
	position: relative;
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    color: #FFF;
    background: #668ad8;/*背景色*/
	border: none;
    border-bottom: solid 2px #2D58B3;/*少し濃い目の色に*/
    border-radius: 4px;/*角の丸み*/
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	}
	
#guid_wrapper .btn a:hover ,	#cat_wrapper .btn a:hover{
    border-bottom: solid 2px #668ad8;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);}



/* 防具セットカテゴリ（レガシー）レスポンシブ化CSS */
#bset_cat{
    width: 100%;
    max-width: 800px;
    margin:0 auto;
}
#bset_cat .ban{
    display: block;
    margin: 0 auto;
    width: 65%;
    text-align: center;
    text-decoration: none;
    font-size: .9em;
    color: #333;
}

#bset_cat img{
    width: 100%;
}
#bset_cat ul{
    margin: 3em 0 0 0;
    padding: 0;
}
#bset_cat li{
    list-style: none;
    position: relative;
    margin-bottom: 2.5em;
}
#bset_cat H3{
    font-weight: normal;
    margin: -1.5em auto 0 auto;
    font-size: clamp(12px, 2vw, 18px); /* 最小12px〜最大20pxで可変 */
    white-space: nowrap;               /* 改行禁止で1行に収める */
    overflow: hidden;                   /* はみ出しを隠す */
    text-overflow: ellipsis;            /* はみ出したら「…」を付ける */
}
#bset_cat li > img{
    width: 100%;
}
#bset_cat li .btn{
    position: absolute;
    right: 1%; bottom: 3%;
    height: 52%;
    aspect-ratio: 1 / 0.52;
    display: flex;
    align-items: center;
    min-width: 34%;
}
#bset_cat li .btn > a{
    height: 100%;
}
#bset_cat .btn img{
    padding: 0 2px;
    width: inherit;
    max-height: 100%;
}

/* 3ミリ 2col */
#bset_cat .col2{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 1em 0;
    padding: 0;
}
#bset_cat .col2 li{
    width: calc( 100% / 2 - 2em );
    padding: .5em;
    border: 1px solid #616161 ;
    border-radius: 5px;
    margin: 0 0 2em 0;
}
#bset_cat .col2 H3{
    font-size: 1.2em;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
}
#bset_cat .col2 H3 + p{
    color: rgb(1, 16, 156);
    text-align: center;
    margin-top: 5px;
}

@media  screen and (max-width:767px){
    #bset_cat li{
		margin-bottom: 1.5em;
	}
    #bset_cat .col2 li{
        width: calc( 100% / 2 - .5em );
    }
}