@charset "utf-8";

/*safari 角丸対策*/
input[type="button"],input[type="text"],input[type="submit"]
{-webkit-appearance: none;  border-radius:0;}

#bougucat-wrapper *{box-sizing:border-box;}
#bougucat-wrapper img{max-width: 100%;}
#bougucat-wrapper h2{margin: 0;}
#bougucat-wrapper{opacity: 0; margin: 0 auto;color:#333;font-size:14px;/*max-width: 800px;*/ font-family:-apple-system, BlinkMacSystemFont, 'Noto Sans JP','Helvetica Neue','Yu Gothic Medium', YuGothic, Meiryo, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, sans-serif; position: relative;}

/*フィルター*/
#bougucat-wrapper .is-hide{display:none !important;}
.is-show{display:block; /*animation:flipInY .4s ease-out 0s;*/}
.flipY{animation:flipInY .5s ease-out 0s;}
.flipX{animation:flipInX .5s ease-out 0s;}

/*loader*/
.loading{left:calc(50% + 150px);top:50%; width:60px;  position: fixed; text-align: center; font-family:'Century Gothic',sans-serif; font-size: 12px;animation:slideInRight 1.5s ease-in-out 1 alternate;}
.loading img{width:60px;}
.loading p{margin: 0;}

@media screen and (max-width: 768px){
#bougucat-wrapper{line-height:1.4;font-family:'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;}
.loading{left:calc(50% - 30px ); top:calc(50% - 30px); font-size: 12px;}
}/*768end*/


/*フォーム*/
label{cursor: pointer;display: inline-block; text-align: center;}
.search-box input[type="radio"]{display: none;}

/*防具セット・入門セット選択部分*/
.search-box.cat,.search-box.tag{display:flex;position: relative;}
.search-box.cat{border-bottom: 1px solid #666; justify-content: space-around;z-index: 10;position: relative; background: #fff;}
.search-box.cat label:before{display: inline-block; transition: .1s; content: "\f138";	font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 5px; display:inline-block;font-size: .85em;}
.search-box.cat label{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;font-size: 1.2em;padding: 10px 0; font-weight: bold;width:calc(50% - 20px);background:#f2f2f2; border: 1px solid #ccc;border-bottom: none; border-top: 3px solid #ccc;color: #999;transition:.1s;}
.search-box.cat label:hover{background: #fff; color: #000; border-top: 3px solid #444;}
.search-box.cat label.on{margin-bottom: -1px; padding-bottom: 11px; background: #fff;color: #444;border: 1px solid #444; border-top: 3px solid #981b1b; border-bottom: none;}
.n .search-box.cat label.on{border-top: 3px solid #0DB24C;}

.search-box.cat label.on:before{transform: rotate(90deg);}
.search-box.cat label span{width: 100%; font-size: 12px;margin-left: 8px; font-weight: normal; }

/*tag選択部分*/
.search-box.tag{ justify-content: space-between;}
.search-box.tag label{display: flex; align-items: center; justify-content: center; flex-wrap: wrap;width: calc(100% / 6 - 4.5px); border: 1px solid #ccc;border-bottom: none;border-top:3px solid #981b1b; background: #981b1b;color: #fff; padding: 5px 12px 8px 12px; text-shadow: 1px 1px 0 #000;transition: .2s;}

.n .search-box.tag label{background: #0DB24C; border-top:3px solid #0DB24C;}
.search-box.tag label:hover{background: #fff; color: #000; border-top: 3px solid #ccc; text-shadow: none;}
.search-box.tag label.on{background: #fff; color: #000; border: 1px solid #666; border-bottom: none; border-top: 3px solid #981b1b; margin-bottom: -1px;padding-bottom:9px; text-shadow: none;}
.n .search-box.tag label.on{border-top: 3px solid #0DB24C;}
.search-box.tag label span{display: inline-block; width: 100%;}
.search-box.tag label .age{font-weight:700;}
.search-box.tag label span:nth-child(2){font-size: .85em;}

@media screen and (max-width: 768px){
	.search-box.tag{width: 98%; display: flex;flex-wrap: wrap; justify-content: space-between;margin: 10px auto 25px auto;}
	.search-box.tag label,.n .search-box.tag label{width: calc(100% / 3 - 3px); margin-bottom: 6px; border: 1px solid #444; background: #fff; color: #444; padding: 5px 0; text-shadow: none;}
	.search-box.tag label:hover{background: #fff; color: #000; border: 1px solid #000;}
	.search-box.tag label.on{background: #981b1b; color: #fff;border: none;border: 1px solid #000; margin-bottom: 6px;padding-bottom:5px;text-shadow: 1px 1px 0 #000;}
	.n .search-box.tag label.on{background: #0db24c; color: #fff;border: none;border: 1px solid #000; margin-bottom: 6px;padding-bottom:5px;text-shadow: 1px 1px 0 #000;}
	.search-box.cat label span{display: none;}
}/*768end*/

/*入門・防具セットタイトル部分*/
.bset,.nset,.bset2,.nset2{margin:10px auto;animation:flipInX .6s ease-in-out 0s;}
.nset,.bset2{display: none;}/*bset2はindex2用*/
.select_tips{text-align: center;position: absolute;margin: 0;bottom:-66px; z-index:20 !important;  background: #0078f1; color: #fff; height:60px;padding: 0 15px; display:flex; align-items: center;justify-content: center;cursor: pointer;box-shadow: 3px 3px 0 #333; font-family: "M PLUS Rounded 1c",sans-serif;font-size: 21px;font-weight: 400;}

.select_tips.no1{right:2%;}
.select_tips.no2,.select_tips.no3{left:2%;}

.bounceIn{animation:bounceIn 1.5s ease-in-out 1 alternate;}
.zoomOut{animation:zoomOut .7s ease-in-out  1;}
.select_tips:before {
  content: "";
  position: absolute;
  top: -20px;
  margin-left: -10px;
  border: 8px solid transparent;
  border-bottom: 12px solid #0078f1;
}
.select_tips.no1:before{right: 45%;}
.select_tips.no2:before{left: 10%;}
.select_tips.no3:before{left: 10%;}

@media screen and (max-width: 768px){
	.select_tips{font-size: 18px;}
}/*768end*/

/*アイテム*/
#item_box{display: flex; flex-wrap: wrap; justify-content: space-between;border: 1px solid #666; padding:5px 8px;}
#bougucat-wrapper .item{width:calc( 50% - 3px); margin: 15px 0; position: relative;}

.item_head{border: 1px solid #999; border-bottom: none;}
.item_bottom{padding-bottom:10px;background: #fff;position: relative;z-index: 1; border: 1px solid #999;border-top: none;}
.item h3,.item .cat,.item .name,.item .price,.item .title{z-index: 1;position: relative;margin: 0;}
.item h3{font-size: 15px;font-weight: 700; margin:45px 0 0 0;color: #444; text-shadow: 1px 1px 0 #fff; width: 70%;display: inline-block; padding: 10px 0 0 10px;}

.item .spec_title{display: flex;margin: 0; align-items: center;height: 40px; padding: 0 0 0 10px;text-shadow: 1px 1px 0 #000;background:#444; color:#fff;}
.item .spec_title span{height: 100%; text-align: center; padding: 3px 10px;}
.item .spec_title .price{margin-left: auto; background:#e00013;font-family: 'century gothic',sans-serif;font-size: 15px;font-size:1.15em; height: 40px;line-height: 40px ; padding: 0 8px 0 12px; text-shadow: none;}
.item .spec_title .price:after{font-family:meiryo,sans-serif;content:'円'; font-size: .8em;margin-left: 1px;}

.item .spec_title p span{padding: 0;}
.item .spec_title p .mm,.item .spec_title p .name,.item .spec_title p .te{font-size: 17px; font-weight: 600;}
.item .spec_title p .mm:after{content:'ミリ'; font-size: 12px; }
.item .spec_title p .te:after{content:'分'; font-size: 12px; }
.item .spec_title p .grade{font-size: .85em;margin-left: 5px;}
.item .spec_title p .grade:after{content:'セット'; font-size: 12px;}

.item .spec_title p .var{font-size: 1.1em;font-weight: normal;margin-left: 5px;}
.item .spec_title p .var:after{content:'種'; font-size: .8em;font-weight: normal;}

.item .spec_title div{height: 100%; text-align: center; padding: 3px 10px;}
.item .spec_title p{margin: 0;}

.spec{width: 94%;display: flex; flex-wrap: wrap; margin:10px auto;}
.spec dd,.spec dt{margin: 5px 0; display: flex;border-bottom: 1px dashed #aaa;padding-bottom: 2px;}
.spec dt{width: 30px; position: relative;text-indent: 30px; padding-right: 15px;}
.spec dd{width: calc(100% - 30px);}

.spec .men:before,.spec .do:before,.spec .tare:before,.spec .kote:before,.spec .bag:before,.spec .etc:before{
	content:'';display: inline-block;width: 25px; height: 25px;vertical-align: middle;position:absolute;top:0; left:3px;
}
.spec .men:before{background:url(https://kendouya.com/set_cat/images/icon-men.png);background-size: contain;}
.spec .do:before{background:url(https://kendouya.com/set_cat/images/icon-do.png);background-size: contain;}
.spec .tare:before{background:url(https://kendouya.com/set_cat/images/icon-tare.png);background-size: contain;}
.spec .kote:before{background:url(https://kendouya.com/set_cat/images/icon-kote.png);background-size: contain;}
.spec .bag:before{background:url(https://kendouya.com/set_cat/images/icon-bag.png);background-size: contain;}
.spec .etc:before{background:url(https://kendouya.com/set_cat/images/icon-sinai.png);background-size: contain;}


@media screen and (max-width: 768px){
.spec dd,.spec dt{margin: 5px 0;}
.item .spec_title .price{font-family:'Noto Sans JP',-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'メイリオ', Meiryo, sans-serif;}
}

/*slick*/
.slick-prev:before, .slick-next:before {font-size: 30px;line-height: 1;opacity:1;color: #444;}
.slick-prev,.slick-next{width: 35px; height: 35px;-webkit-text-stroke: 2px #fff;filter: drop-shadow(0 0 1px #000);}
.slick-prev:hover,.slick-next:hover{opacity: .8;}
.slick-prev{left:0;z-index: 2;}
.slick-prev:before {content: "\f053";font-family: "Font Awesome 5 Free";font-weight: 900;display: inline-block;}
.slick-next{right: 0;z-index: 2;}
.slick-next:before {content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 900;}
.slick-slide{position: relative; padding: 0 0 23px 0; }
.slick-dotted.slick-slider{margin-bottom: 0;}
.slick-dots{bottom:0;}
.slick-dots li button:before {font-size:12px;transition: .2s;}
.slick-dots li.slick-active button:before{color:#981b1b; transform: scale(1.2);}

/*item_head*/

#item_box .icon span{display:block;width: 100%; font-size:1.5em;}
#item_box .icon.m6{background:rgb(44, 147, 13);}

#item_box .rec1,#item_box .rec2,#item_box .rec3,#item_box .rec4,#item_box .rec5,#item_box .rec6{display:none;}
#item_box.rec1 .cmt.rec1,#item_box.rec2 .cmt.rec2,#item_box.rec3 .cmt.rec3,
#item_box.rec4 .cmt.rec4,#item_box.rec5 .cmt.rec5,#item_box.rec6 .cmt.rec6{
display:flex;width: 100%;align-items: center;justify-content: center;
/*animation:flipInX .8s ease-in-out 1s;*/
}
#item_box.rec1 dd.rec1,#item_box.rec2 dd.rec2,#item_box.rec3 dd.rec3,
#item_box.rec4 dd.rec4,#item_box.rec5 dd.rec5,#item_box.rec6 dd.rec6
{display: inline-block;}


.cap{display: none;height: 30px;line-height: 20px; align-items: center;position: absolute;color: #fff; top:0; left: 0;margin: 0; width:auto;z-index: 5; background: rgba(0, 0, 0, 0.67);padding:0 5px 0 0; text-shadow: 1px 1px 0px #000;/*animation:zoomOut .4s ease-in-out 0s;*/}
.cap span:first-child{height: 30px; padding: 5px;display: inline-block; min-width: 50px;text-align: center; background:#981b1b;margin-right: 5px;}
.n .cap span:first-child{background:#0DB24C;}
.slick-current .cap{display: inline-block;animation:fadeInDown .3s ease-in-out 0s;}


.cmt,.cmt.defo{font-size:16px;margin: 0; white-space: nowrap; font-weight:600;height: 30px;background: #fff; text-align: center; position: relative;}

/*通常時*/
.cmt:before,.cmt:after{display:inline-block;}
.cmt.defo{color: #000; text-shadow: none;}

.cmt.defo:before,.cmt.defo:after{display:inline-block; content:'';width: 17px; height: 25px;margin-bottom: 0; animation: none;}
.cmt.defo:before{ background:url(https://kendouya.com/set_cat/images/fukidashi-l.png);background-repeat: no-repeat; background-size: contain; }
.cmt.defo:after{ background:url(https://kendouya.com/set_cat/images/fukidashi-r.png);background-repeat: no-repeat; background-size: contain; }

/**オススメ時*/
.cmt{color:#333;}
.cmt:before,.cmt:after{content:'';width: 20px; height: 30px;margin-bottom: 10px; animation:jello 1s ease-in-out infinite;display:inline-block;}
.cmt:before{ background:url(https://kendouya.com/set_cat/images/fukidashi-l.png);background-repeat: no-repeat; background-size: contain; margin-right: 5px;}
.cmt:after{ background:url(https://kendouya.com/set_cat/images/fukidashi-r.png);background-repeat: no-repeat; background-size: contain; margin-left: 5px;}

.cmt .tips{position:absolute; bottom:22px; font-size:.85em; display: flex;align-items: center;}
.cmt .tips:before,.cmt .tips:after{display:inline-block;content: "\f005";font-family: "Font Awesome 5 Free";font-weight:900;font-size: .7em;color: #fcdf00;margin:0 2px; animation:swing 1.5s ease-in-out infinite; text-shadow: 0 1px 0 #000;}

/*.cmt .icon:before{content: "\f005";font-family: "Font Awesome 5 Free";font-weight: 900;}
.cmt .tips:after{content: "にオススメ";}*/


@media screen and (max-width: 768px){
.rib{font-family: "M PLUS Rounded 1c",sans-serif;}
.cmt{font-family: "M PLUS Rounded 1c",sans-serif;}
.slick-prev:before, .slick-next:before {font-size: 35px;}
.bset,.nset{width: 98%; margin: 10px auto;}
	#item_box{border: none;padding: 0;}
	#bougucat-wrapper .item{width:98%;margin:0 auto 45px auto;}
}/*768 end*/

.ac_menu{display: flex; flex-wrap: wrap;justify-content: space-between;  width: 98%; margin: 0 auto; }
.ac_switch,.noac{position: relative;background:#03A9F4; color:#fff;cursor: pointer; text-align: center;width: 98%;margin: 0 auto; padding: 10px 0; border: solid 1px #03A9F4;box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);text-shadow: 0 1px 0 rgba(0,0,0,0.2); border-radius: 4px;transition: .2s;}

.ac_switch:hover,.ac_switch.on,.noac:hover{background:#028eca;}
.ac_switch:after{position: absolute; top:50%;transform: translateY(-50%);right: 5%; margin-left: auto;content: "\f103";font-family: "Font Awesome 5 Free";font-weight: 900;/*margin-right: 5px;*/ display: inline-block;transition: .2s;}
.ac_switch.noac a:before,.ac_switch.noac.on a:before{content: "\f054";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 5px; display: inline-block;transition: .2s;}
.noac a{display: block; color: #fff;text-decoration: none;}
.noac a:before{content: "\f105";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 5px; display: inline-block;}
.ac_switch.on:after{transform: scale(1,-1) translateY(50%);}

.ac_menu > div{width:calc(100% / 2 - 2px); margin: 5px 0;padding:0; position: relative;}
.ac_menu > div p{margin: 0; font-size: .9em;}
.ac_menu > div a{display: block; width: 100%; height: 100%;position: absolute; top: 0; left: 0;z-index: 2;}
.ac_menu > div bg{display: block; width: 100%; height: 100%;}
.ac_menu > div .t_tex{display: flex;align-items: center;min-height: 3.5em; color: #fff;padding: 3px;line-height: 1.3; text-shadow: 0px 1px 0 #000;background: linear-gradient(82deg, rgba(0,0,0,0.34) 0%, rgba(2,2,2,0.16) 100%) no-repeat 50% 50% / 100% 100%;}
.ac_menu > div .b_tex{display: flex; color: #fff; align-items: center; padding:3px; height: 35px;background:linear-gradient(162deg, #464646 0%, #888888 100%) repeat 50% 50% / 100% 100%;text-shadow: 1px 1px 0 #000;}
.b_tex span{display: inline-block; padding: 3px 5px; width:max-content; text-align: center;}
.b_tex span{font-family:'游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: bold;font-size: 1.2em; transform: rotate(.03deg);}
.b_tex span:last-child{font-family:-apple-system, BlinkMacSystemFont, 'Noto Sans JP','Helvetica Neue','Yu Gothic Medium', YuGothic, Meiryo, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, Arial, sans-serif; margin-left: auto;text-align: right;font-weight: normal; font-size: 1em;}
.b_tex span:last-child:after{content:'円'; font-size: .85em;}
.b_tex .hot:before{content: "人気"; letter-spacing: 1px; font-family: "Font Awesome 5 Free";font-weight: 900; display: inline-block; color: #fff; padding: 3px; margin:0 0 0 -3px; border-radius: 5px;font-size: 10px; /*animation: pulse 1s ease -2s infinite;*/
background: #ff9a0f;
}
.close{width: 100%;background: #eee; text-align: center; margin: 5px auto; padding: 5px 0; cursor: pointer; transition: .2s;}
.close:hover{background:#d1d1d1;}
.close:before{content: "\f106";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 5px; display: inline-block; vertical-align: baseline;}

@media all and (-ms-high-contrast: none) {
  .b_tex .hot:before{
    animation:none;/* IE10 以降にのみ適用される */
  }
}
.ac_menu > div .bg{overflow: hidden;line-height: 1;}
.bg img{transition: .1s ease;}
.ac_menu .up .bg img{transform: scale(1.1);}

/*アコーディオン選択肢*/
.hien{background: #00b252;}
.tens{background: #0063c7;}
.haya{background: #00bec6;}
.asah{background: #fff60b;}
.kaed{background: #f82969;}

.hiry{background: #52c900;}
.gekk{background: #fcfc1a;}
.sour{background: #0958d4;}
.tenr{background: #0c22b4;}
.kogy{background: #d61617;}
.taig{background: #936dd9;}
.koga{background: #e81e86;}
.akan{background: #ef3e18;}
.syou{background: #c1af00;}
.yaku{background: #fd8a44;}
.ging{background: #6e53ad;}

.koha{background: #ac5a0b;}
.kunp{background: #048688;}
.matu{background: #6e8418;}
.ryuu{background: #2a5d06;}
.suiu{background: #0b5c98;}
.gyog{background: #790000;}

.te20{background: #151262;}
.te15{background: #4a246f;}
.te12{background: #550e0e;}


/*acordionアイテム表示切り替え*/
.rec5 .syu6 ,.rec6 .syu6,
.rec1 .syu5,.rec2 .syu5,.rec3 .syu5,.rec4 .syu5{display:inline;padding: 0 !important;}
.rec5 .syu5 ,.rec6 .syu5,
.rec1 .syu6,.rec2 .syu6,.rec3 .syu6{display: none !important;}