/* 剣道着関連のCSS 共通設定はCC_templateのcommon.cssに記載 */

/* CSS Document */
div#wrapper{margin:50px auto 0 auto;width:100vw;font-family:-apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;}
#cat_wrapper{width:100%; max-width: 800px; margin:3vw auto;}
#cat_wrapper img{width:100%;}
#cat_wrapper h2{width:98%;margin:1vh auto;font-size:4.5vw;border-bottom:none;background:#000;color:#fff; text-align:center;line-height:2.5;padding: 0;border-left: none;}
#cat_wrapper h2:after{ background:none; border:none;}
#cat_wrapper #cat_cardbox .item h4{font-size: 14.5px;}
#cat_cardbox .item{width:48.5%; margin:1vh auto; padding-bottom:5vh; font-size:3vw; }
#cat_cardbox .item img{max-height:100%;}
#cat_cardbox .item .text{padding:2vw; line-height:1.4;}
#cat_wrapper h3{font-size:4vw;margin: .5em auto 0 auto; width:98%; border: none;}
#cat_wrapper.col4 h3 , #cat_wrapper h4{font-size:3.2vw;}
#cat_cardbox .icon{bottom:3px; left:2px; font-size:2.3vw; z-index:0; font-weight:normal;}

@media screen and (max-width:768px) {/*spのみ指定*/
#cat_wrapper .price span{font-size:4vw;  margin:0; font-weight:normal; color:#c00; font-family:-apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;}
	#cat_wrapper .price{font-size:2vw; position:absolute; right:2px; bottom:0; z-index:1; color:#c00; }
}
@media screen and (min-width:768px) {/*PCのみ*/
#cat_wrapper{/*width: 800px;*/ margin:0 auto;}
#cat_wrapper h3{font-size:16px;margin:0 auto;}
#cat_cardbox .item .text{padding: 10px 10px;}
#cat_cardbox .icon{font-size: 11px;}
#cat_wrapper .price{font-size: 12px;}
#cat_wrapper .price span{font-size: 18px;}
}

#cat_wrapper .set-title{background:#333; color:#fff; margin:0 auto .5em auto; font-size:3.5vw; line-height:1.8;}
#cat_wrapper .set-title span{font-size:3.8vw; font-weight:normal;}
#cat_cardbox .ja.title,#cat_cardbox .men.title,#cat_cardbox .araerukote.title,#cat_cardbox .sikakote.title,#cat_cardbox .gouhikote.title,#cat_cardbox .tesasikote.title{background-size:cover;}
/*----------------------------------------------*/

#cat_wrapper *{box-sizing: border-box;}

/*スライダー-----------------------------*/
.slider{margin: 1em auto 1.2em auto; max-width:450px;}
.slick-arrow{display: none !important;}

@media screen and (max-width:768px) {
    .slider{max-width:75%; margin: .5em auto;}
}

/*カテゴリリンク------------------------------*/
.cat_link{display: flex; justify-content: space-around;margin-bottom: 1.5em;align-items: flex-end;}
.cat_link p{width: 31%; position: relative; border: 5px solid #d4d4da;transition: .2s;
background: #181B39;}
.cat_link p.current{border: 5px solid #8C0000; background: #fff; opacity: 1;flex-grow: .45;}
#cat_wrapper .cat_link p a{width:100%;margin: 0 auto;}
.cat_link + p{width: 98%; margin:0 auto 2em auto;}

@media screen and (min-width:768px) {
.slider + p{margin: 1em 0;}
.cat_link{justify-content: center;border-bottom: 1px solid #181B39;}
.cat_link p,.cat_link p.current{border: none;flex-grow:0;}
.cat_link p{width: 29%;margin: 0 3px -1px 3px; padding: 5px 0;
border: 1px solid #181B39;
background:background: #181b39;
background: -moz-linear-gradient(top,  #181b39 0%, #2d2659 100%);
background: -webkit-linear-gradient(top,  #181b39 0%,#2d2659 100%);
background: linear-gradient(to bottom,  #181b39 0%,#2d2659 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#181b39', endColorstr='#2d2659',GradientType=0 );}
.cat_link p:hover{background: #122171;}
.cat_link .current:hover{padding:5px 0;}
.cat_link a img:hover{animation: none;}
.cat_link p.current{width: 35%; border: 1px solid #181B39;border-bottom:1px solid #fff;background: #fff;border-top: 4px solid #181B39;}
.cat_link p img{display: block; margin: 0 auto;width: 75% !important;}
}

/*itemナビ------------------------------*/
.item_link{width: 100%; font-family: 'Kosugi Maru', sans-serif; display: flex; transition: .1s;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 30%, #e0e0e0 70%, #e0e0e0 70%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 30%,#e0e0e0 70%,#e0e0e0 70%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 30%,#e0e0e0 70%,#e0e0e0 70%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
border: 1px solid #d8d8d8;
border-left: none;border-right: none;
}

.is-sticky .item_link{opacity: .9; border:none; box-shadow:0 1px 3px #aaa;}
.item_link{z-index: 9 !important;}/*sticky用*/

.item_link p{box-sizing: border-box; font-size: 18px; font-weight: bold;}
.item_link p a{background:#fff;
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #f9f8f2 52%, #ffffff 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f8f2 52%,#ffffff 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#f9f8f2 52%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
}

.item_link .ja a{color: rgba(10, 146, 206, 1); }
.item_link .men a{color: rgba(255, 156, 58, 1); }
.item_link .ai a{color: rgb(110, 57, 181);}

@media screen and (min-width:768px) {
	.item_link{font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;}
	.is-sticky .item_link{box-shadow: none;border-bottom: 1px solid #aaa;opacity: 1;}
	.item_link p a{background:#fff;}
 
#yahoo .is-sticky .item_link{top:38px !important; z-index: 999999 !important; box-shadow: 0 0 2px #aaa;}
 
}

/*
.item_link .ja a.current{background: rgba(10, 146, 206, 1); color: #fff;}
.item_link .men a.current{background: rgba(255, 156, 58, 1); color: #fff;}
.item_link .ai a.current{background: rgb(184, 132, 255); color: #fff;}
*/

.item_link p span{color: #333;font-size:12px; display:block; font-weight: normal; text-shadow: none;}

.item_link p{width:calc(100% - 2px); text-align: center;position: relative; margin:0; }
.is-sticky .cat_link p,.is-sticky .item_link p{padding: 0;}
.item_link p:nth-child(2)
{margin:0 1px;}

.item_link a{font-size:.85em; display: block;width: 100%; padding:12px 0; text-decoration: none;}
.is-sticky .item_link a{padding:8px 0; font-size:.8em;}

@media screen and (min-width:768px) {
.item_link a{padding:8px 0 4px 0;line-height:17px;}
	.is-sticky .item_link a{font-size:.85em;}
}


.reco{padding:.5em .25em 1.5em .25em;margin: 0 auto 2em auto; width: 100%; background:url(https://kendouya.net/sp/category/kendougi/images/1-recobg.jpg); 
background-size:cover;position: relative; color: #333;}
/*.cat_link a:hover,.item_link a:hover{background: #950808; color: #fff;}*/
.reco::before {
    content: "";
    width: 100%;
    height: 5px;
    background: url(https://kendouya.net/sp/category/kendougi/images/0bd_t.gif) 0 0 repeat-x;
    background-size: 85%;
    position: absolute;
    top: 0;
    left: 0;
}
.reco::after {
    content: "";
    width: 100%;
    height: 5px;
    background: url(https://kendouya.net/sp/category/kendougi/images/0bd_b.gif) 0 0 repeat-x;
    background-size: 85%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#cat_wrapper .reco h3{width: auto; padding:10px 0;border-bottom: none; text-align: center;}
#cat_wrapper .reco h3 img{width:65%;}

.reco .item{position: relative; display: flex; padding: 1em 5px;}
.reco .item img{border-radius: 5px; box-shadow: 0 0 2px #3b2c15;}
.reco .item:nth-child(even){background: url(https://kendouya.net/sp/category/kendougi/images/0bd_dash.gif) repeat-x bottom; background-size: 100%;}
.reco .item a{position: absolute; top:0; left: 0; width: 100%; height: 100%;}
.reco .item p{width: 40%;}
.reco .item .texbox{display: flex; flex-wrap: wrap; width: 60%; padding:.5em;}
.reco .item .texbox p{width: 100%; margin: 0;}
.item .l_tex{font-size: 1.1em;font-weight: normal;font-family: 'Kosugi Maru', sans-serif; color:#E56345;}
.item .s_tex{font-size: .5em;}
.item .r_price{font-size:.85em; width: 100%; margin: auto 0 0 0; border-top:1px solid #666; border-bottom:1px solid #666; padding: .5em 0; text-align: center;}
.item .r_price span{font-weight: bold;font-size: 1.4em; font-family: -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;margin-right: 2px;}

@media screen and (min-width:768px) {
.reco{display: flex; padding:20px 10px 10px 20px;background:url(https://kendouya.net/sp/category/kendougi/images/1-recobg-2.jpg); background-size: contain;}
.reco::before,.reco::after{height: 8px;}
#cat_wrapper .reco h3{display: flex;align-items: flex-start;justify-content: center;padding: 0; order:;}
#cat_wrapper .reco h3 img{height: 365px; width: auto;}
.reco .item{display: block;padding: 5px;}
.reco .item p{width: 220px; margin: 0 auto;}
.reco .item a{left: 10px; width:calc(100% - 20px); height: 230px;}
.reco .item .texbox p{margin: 2px 0;}
.item .l_tex{margin-bottom: 5px; font-family:-apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif; font-weight: bold;line-height: 18px;}
.reco .item .texbox{width:100%;padding: 5px 5px 25px 5px;}
.reco .item:nth-child(even){background: none;}
.item .r_price{border: none; padding:0; text-align: right;font-size: 13px;position: absolute; bottom: 0;right:0;}
}/*768px end*/

/*sticky margin効かない対策*/
#sticky-wrapper + #cat_cardbox{margin-top: 10px;}

#cat_cardbox{position: relative;}
/*#cat_cardbox:nth-child(even):before*/
#cat_wrapper #cat_cardbox:nth-of-type(even):before{
    content: "";
    width: 98%;
    height: 5px;
    background: #afafaf;
    position: absolute;
    top: -1em;
    left: 50%;
	transform: translateX(-50%);

}
#cat_wrapper #cat_cardbox:nth-of-type(even):after{
    content: "";
    width: 98%;
    height: 5px;
    background: #afafaf;
    position: absolute;
    bottom: -1.25em;
    left: 50%;
	transform: translateX(-50%);
	visibility: visible;/*本店対策*/
}
#cat_wrapper div#cat_cardbox:last-child:after{content:none;}

#cat_cardbox .item{padding-bottom: 25px}
#cat_cardbox .item h4 + p{font-size: 14px;}
#cat_cardbox .item.cat_title{box-shadow: none;  border-radius: 0;  color: #fff;display: flex; align-items:flex-end;flex-wrap: wrap;font-family: 'Kosugi Maru', sans-serif;}
#cat_cardbox .cat_title h5{font-size: 5.7vw;font-weight: normal;margin: 10px 0; text-align: center;border: 2px solid #fff;border-left: none;border-right: none; padding: 0 0 0 3px;line-height: 1; padding: 10px 0;}
#cat_cardbox .cat_title h5 span{font-size: .85em;}
#cat_cardbox .cat_title div{position: absolute; bottom:50%;left:50%;transform: translateY(50%) translateX(-50%); font-size: 1.1em; padding:8px 5px; width: 92%; color:#fff; margin: 0 0 0 1px; line-height: 1.25; text-shadow: .99px .99px 0 #000;}
#cat_cardbox .cat_title.ja-ji div,#cat_cardbox .cat_title.ja-hakama div,#cat_cardbox .cat_title.ja_hakama div{background: rgba(10, 146, 206, 0.65); }
#cat_cardbox .cat_title.men div,#cat_cardbox .cat_title.t-hakama div,#cat_cardbox .cat_title.men_hakama div{background: rgba(255, 156, 58, 0.65);}
#cat_cardbox .cat_title.aizome div,#cat_cardbox .cat_title.ai-hakama div,#cat_cardbox .cat_title.ai_hakama div{background: rgba(25, 24, 64, 0.65);}

@media screen and (min-width:768px) {
	#cat_cardbox .cat_title h5{font-size: 20px;}
	#cat_cardbox .cat_title div{font-size: 14px;}
	#cat_cardbox .item.cat_title{font-family:-apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;}
}

#cat_cardbox .item.cat_title.ja-ji{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title1-1.jpg) no-repeat center;background-size: cover;}
#cat_cardbox .item.cat_title.men{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title1-2.jpg) no-repeat center;background-size: cover;}
#cat_cardbox .item.cat_title.aizome{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title1-3.jpg) no-repeat center;background-size: cover;}

#cat_cardbox .item.cat_title.t-hakama{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title2-1.jpg) no-repeat center;background-size:cover;}
#cat_cardbox .item.cat_title.ja-hakama{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title2-2.jpg) no-repeat center;background-size: cover;}
#cat_cardbox .item.cat_title.ai-hakama{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title2-3.jpg) no-repeat center;background-size: cover;}

#cat_cardbox .item.cat_title.ja_hakama{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title3-1.jpg) no-repeat center; background-size: cover;}
#cat_cardbox .item.cat_title.men_hakama{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title3-2.jpg) no-repeat center; background-size: cover;}
#cat_cardbox .item.cat_title.ai_hakama{
background:url(https://kendouya.net/sp/category/kendougi/images/cat_title3-3.jpg) no-repeat center; background-size: cover;}

.totop{position: fixed; bottom: -55px; right: 2%; transition: .5s;}
.totop.on{bottom:1.5%;}

.totop a{display: flex;font-size: 18px; width: 50px; height: 50px; color:#7c7c7c; background:rgba(255, 255, 255, 0.7); border: .99px solid #7c7c7c; justify-content: center; align-items: center; text-decoration: none;}

#cat_wrapper .price span{font-weight: bold;}