@charset "UTF-8";
 a:focus,*:focus { outline:none; }
.slider-sec{
position:relative;
width:100%;
height:350px;
margin-top:10px;
}
@media (max-width:769px){
.slider-sec{
height:53.125vw;
margin-top:0;
}
}
.slider-sec-outer{height:100%;}
.slider-sec .bx-pager,.slider-sec .slider-pager{z-index:99999;position:absolute;bottom:11px;width:100%;line-height:0;font-size:0;letter-spacing:-.40em;text-align:center}
.slider-sec .bx-pager-item,.slider-sec .slider-pager-item{display:inline-block;letter-spacing:normal}
.slider-sec .bx-pager-link,.slider-sec .slider-pager-link{display:block;width:10px;height:10px;margin:0 5px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-dot.png) 0 0 no-repeat}
.slider-sec .bx-pager-link.active,.slider-sec .slider-pager-link.active{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-dot_c.png)}
.slider-sec .bx-controls-direction,.slider-sec .slider-controls-direction{z-index:99999;position:absolute;bottom:0;width:100%;min-width:980px}
.slider-sec .bx-controls-direction a,.slider-sec .slider-controls-direction a{position:absolute;bottom:147px;width:40px;height:55px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:center center;background-repeat:no-repeat}
.slider-sec .bx-prev,.slider-sec .slider-prev{left:20px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-arrow_l.png)}
.slider-sec .bx-next,.slider-sec .slider-next{right:20px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-arrow_r.png)}
.slider>ul:before,.slider>ul:after{content:"";display:table}.slider>ul:after{clear:both}.slider>ul>li{float:left;width:100%}
.slider-scene1{position:relative;width:950px;margin-right:auto;margin-left:auto}
.slider-scene1:before,.slider-scene1:after{content:"";display:table}
.slider-scene1:after{clear:both}
.slider-scene1 .chara-block{z-index:99;position:absolute;top:0;left:15px;width:275px;height:372px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-figure.png) 0 0 no-repeat}
.slider-scene1 .chara-block .voice{position:absolute;top:30px;left:-20px;width:98px;height:111px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat}
.slider-scene1 .chara-block .ques-voice{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques-voice.png)}
.slider-scene1 .chara-block .ans-voice{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-voice.png)}
.slider-scene1 .ques-block{float:right;width:629px;margin:48px 52px 0 0}
.slider-scene1 .ques-block:before,.slider-scene1 .ques-block:after{content:"";display:table}
.slider-scene1 .ques-block:after{clear:both}
.slider-scene1 .ques-block h2{float:right}.slider-scene1 .ques-block .ques-outer{float:left;width:480px}
.slider-scene1 .ques-block .ques-outer:before,.slider-scene1 .ques-block .ques-outer:after{content:"";display:table}.slider-scene1 .ques-block .ques-outer:after{clear:both}.slider-scene1 .ques-block .ques-outer .caption{margin-bottom:15px}.slider-scene1 .ques-block .ques-container{float:left;width:235px;height:260px;margin-left:10px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques-bg.png) 0 0 no-repeat}.slider-scene1 .ques-block .ques-container.ques1{margin-left:0}.slider-scene1 .ques-block .ques-container h3{margin-top:24px;text-align:center}.slider-scene1 .ques-block .ques-container ul{width:186px;margin:20px auto 0}.slider-scene1 .ques-block .ques-container li{margin-top:13px;padding-bottom:12px;padding-left:3px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques-line.png) 0 bottom no-repeat}.slider-scene1 .ques-block .ques-container a{position:relative;display:block;padding-left:29px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-check.png) 0 0 no-repeat}.slider-scene1 .ques-block .ques-container a i{position:absolute;top:-5px;left:-5px;display:block;width:30px;height:30px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-checked.png);background-position:center center;background-repeat:no-repeat;-webkit-transition:opacity .3s, -webkit-transform .3s ease-in;transition:opacity .3s, transform .3s ease-in;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0;-webkit-transform:scale(1.5);-ms-transform:scale(1.5);transform:scale(1.5)}.slider-scene1 .ques-block .ques-container a span{display:block;width:150px;height:20px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 center;background-repeat:no-repeat}.slider-scene1 .ques-block .ques-container a:hover i{filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.slider-scene1 .ques-block .ques-container .radio1 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques1.png)}.slider-scene1 .ques-block .ques-container .radio2 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques2.png)}.slider-scene1 .ques-block .ques-container .radio3 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques3.png)}.slider-scene1 .ques-block .ques-container .radio4 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques4.png)}.slider-scene1 .ques-block .ques-container .radio5 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques5.png)}.slider-scene1 .ques-block .ques-container .radio6 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques6.png)}.slider-scene1 .ques-block .ques-container .radio7 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques7.png)}.slider-scene1 .ques-block .ques-container .radio8 a span{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ques8.png)}.slider-scene1 .ques-block .ques-container .radio8{margin-top:8px;padding-bottom:9px}.slider-scene1 .ques-block .ques-container .radio8 a{background-position:0 5px}.slider-scene1 .ques-block .ques-container .radio8 a i{top:0px}.slider-scene1 .ques-block .ques-container .radio8 a span{height:29px}.slider-scene1 .ans-block{position:relative;float:right;width:580px;height:240px;margin-top:57px;margin-right:52px;padding:20px 30px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-bg.png) 0 0 no-repeat}.slider-scene1 .ans-block:before,.slider-scene1 .ans-block:after{content:"";display:table}.slider-scene1 .ans-block:after{clear:both}
@-webkit-keyframes slider-figure-anime{50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}
@keyframes slider-figure-anime{50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}.slider-scene1 .ans-block .figure{z-index:100;position:relative;float:left;width:151px;height:210px;margin-right:42px;padding:30px 0 0 25px;background-repeat:no-repeat;background-position:right center}.slider-scene1 .ans-block .figure a{display:block}.slider-scene1 .ans-block .figure.hover img{-webkit-animation:lineup-figure-anime .2s ease;animation:lineup-figure-anime .2s ease}.slider-scene1 .ans-block .figure .label{display:block;width:77px;height:20px;margin:10px 0 0 17px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-label.png) 0 0 no-repeat;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none}.slider-scene1 .ans-block h3{z-index:98;position:relative}.slider-scene1 .ans-block i{position:absolute;display:block;width:108px;height:100px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat}.slider-scene1 .ans-block .lead{z-index:99;position:relative;margin-top:16px;font-size:1em}.slider-scene1 .ans-block .btn-block{position:absolute;bottom:57px;left:250px}.slider-scene1 .ans-block .btn-block:before,.slider-scene1 .ans-block .btn-block:after{content:"";display:table}.slider-scene1 .ans-block .btn-block:after{clear:both}.slider-scene1 .ans-block .btn-block li{float:left;width:165px;height:44px;margin-right:10px;background-position:0 0;background-repeat:no-repeat}.slider-scene1 .ans-block .btn-block a{display:block;width:165px;height:44px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat;-webkit-transition:opacity .2s;transition:opacity .2s}.slider-scene1 .ans-block .btn-block a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.slider-scene1 .ans-block .btn-block_pattern{position:absolute;bottom:20px;left:250px}.slider-scene1 .ans-block .btn-block_pattern:before,.slider-scene1 .ans-block .btn-block_pattern:after{content:"";display:table}.slider-scene1 .ans-block .btn-block_pattern:after{clear:both}.slider-scene1 .ans-block .btn-block_pattern li{float:left;height:27px;margin-right:10px;background-position:0 0;background-repeat:no-repeat}.slider-scene1 .ans-block .btn-block_pattern a{display:block;height:27px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background-position:0 0;background-repeat:no-repeat;-webkit-transition:opacity .2s;transition:opacity .2s}.slider-scene1 .ans-block .btn-block_pattern a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);opacity:0}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern1{width:340px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern1_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern1 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern1.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern2{width:340px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern2_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern2 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern2.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern3_1{width:340px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern3_1_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern3_1 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern3_1.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern3_2{width:165px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern3_2_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern3_2 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern3_2.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern4_1{width:340px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern4_1_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern4_1 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern4_1.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern4_2{width:165px;background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern4_2_o.png)}.slider-scene1 .ans-block .btn-block_pattern .btn_pattern4_2 a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans-btn_pattern4_2.png)}.slider-scene1 .ans-block#ans_lineup1 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-dotline.png)}.slider-scene1 .ans-block#ans_lineup1 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-bg.gif)}.slider-scene1 .ans-block#ans_lineup1 .lead{color:#ed4c00}.slider-scene1 .ans-block#ans_lineup1 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-btn_o.png)}.slider-scene1 .ans-block#ans_lineup1 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-btn.png)}.slider-scene1 .ans-block#ans_lineup1 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup1 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans1-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup2 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-dotline.png)}.slider-scene1 .ans-block#ans_lineup2 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-bg.gif)}.slider-scene1 .ans-block#ans_lineup2 .lead{color:#00a8e4}.slider-scene1 .ans-block#ans_lineup2 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-btn_o.png)}.slider-scene1 .ans-block#ans_lineup2 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-btn.png)}.slider-scene1 .ans-block#ans_lineup2 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup2 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans2-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup3 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-dotline.png)}.slider-scene1 .ans-block#ans_lineup3 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-bg.gif)}.slider-scene1 .ans-block#ans_lineup3 .lead{color:#11bb84}
.slider-scene1 .ans-block#ans_lineup3 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-btn_o.png)}.slider-scene1 .ans-block#ans_lineup3 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-btn.png)}.slider-scene1 .ans-block#ans_lineup3 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup3 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans3-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup4 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-dotline.png)}.slider-scene1 .ans-block#ans_lineup4 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-bg.gif)}.slider-scene1 .ans-block#ans_lineup4 .lead{color:#0061c5}.slider-scene1 .ans-block#ans_lineup4 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-btn_o.png)}.slider-scene1 .ans-block#ans_lineup4 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-btn.png)}.slider-scene1 .ans-block#ans_lineup4 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup4 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans4-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup5 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-dotline.png)}.slider-scene1 .ans-block#ans_lineup5 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-bg.gif)}.slider-scene1 .ans-block#ans_lineup5 .lead{color:#a100d4}.slider-scene1 .ans-block#ans_lineup5 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-btn_o.png)}.slider-scene1 .ans-block#ans_lineup5 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-btn.png)}.slider-scene1 .ans-block#ans_lineup5 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup5 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans5-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup6 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-dotline.png)}.slider-scene1 .ans-block#ans_lineup6 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-bg.gif)}.slider-scene1 .ans-block#ans_lineup6 .lead{color:#cf9c1b}.slider-scene1 .ans-block#ans_lineup6 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-btn_o.png)}.slider-scene1 .ans-block#ans_lineup6 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-btn.png)}.slider-scene1 .ans-block#ans_lineup6 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup6 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans6-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup7 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-dotline.png)}.slider-scene1 .ans-block#ans_lineup7 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-bg.gif)}.slider-scene1 .ans-block#ans_lineup7 .lead{color:#98c900}.slider-scene1 .ans-block#ans_lineup7 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-btn_o.png)}.slider-scene1 .ans-block#ans_lineup7 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-btn.png)}.slider-scene1 .ans-block#ans_lineup7 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup7 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans7-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup8 .figure{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-dotline.png)}.slider-scene1 .ans-block#ans_lineup8 i{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-bg.gif)}.slider-scene1 .ans-block#ans_lineup8 .lead{color:#ec1d43}.slider-scene1 .ans-block#ans_lineup8 .btn-block .btn-detail{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-btn_o.png)}.slider-scene1 .ans-block#ans_lineup8 .btn-block .btn-detail a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-btn.png)}.slider-scene1 .ans-block#ans_lineup8 .btn-block .btn-retry{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-btn_retry_o.png)}.slider-scene1 .ans-block#ans_lineup8 .btn-block .btn-retry a{background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene1-ans8-btn_retry.png)}.slider-scene1 .ans-block#ans_lineup1 i{top:20px;right:35px}.slider-scene1 .ans-block#ans_lineup2 i{top:17px;right:22px}.slider-scene1 .ans-block#ans_lineup3 i{top:12px;right:29px}.slider-scene1 .ans-block#ans_lineup4 i{top:7px;right:35px}.slider-scene1 .ans-block#ans_lineup5 i{top:20px;right:5px}.slider-scene1 .ans-block#ans_lineup6 i{top:24px;right:22px}.slider-scene1 .ans-block#ans_lineup7 i{top:20px;right:15px}.slider-scene1 .ans-block#ans_lineup8 i{top:15px;right:15px}.slider-scene1 .ans-block#ans_lineup5 h3{margin-top:15px}.slider-scene1 .ans-block#ans_lineup5 .lead{margin-top:20px}.slider-scene1 .ans-block#ans_lineup5 .btn-block{bottom:30px}.slider-scene1.phase1 .ans-block h3{margin-top:10px}.slider-scene1.phase1 .ans-block .btn-block{bottom:35px}.slider-scene1.phase1 .ans-block#ans_lineup1 i{top:30px}.slider-scene1.phase1 .ans-block#ans_lineup2 i{top:27px}.slider-scene1.phase1 .ans-block#ans_lineup3 i{top:22px}.slider-scene1.phase1 .ans-block#ans_lineup4 i{top:17px}
.slider-scene1.phase1 .ans-block#ans_lineup5 i{top:30px}
.slider-scene1.phase1 .ans-block#ans_lineup6 i{top:34px}.slider-scene1.phase1 .ans-block#ans_lineup7 i{top:30px}.slider-scene1.phase1 .ans-block#ans_lineup8 i{top:25px}
.slider-scene1.phase1 .btn-block_pattern{display:none}.slider-scene2{text-align:center}
.slider-scene2 a{display:block}
.slider-scene5{
margin-top:22px;
text-align:center;
background-color:#fff4b7;
}
.slider-scene5 a{display:block}
.slider-scene6{
background-color:#f77a00;
}
.slider-scene4{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider_kazelab_bg.jpg) center bottom repeat-x;
text-align:center;
background-color:#fff;
}
.slider-scene4 a{display:block}
.slider-scene3{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene3-bg.png) center bottom repeat-x;
text-align:center;
background-color:#fff;
}
.slider-scene3 a{display:block}
.lineup-sec{background-color:#f9f9f9}
.lineup-sec .inner{
margin:0 auto;
width:100%; max-width: 1024px;
height:140px;
display: flex;
justify-content: space-around;
align-items: center;
}
.lineup-sec .inner:before,.lineup-sec .inner:after{
content:"";
display:table;
}
.lineup-sec .inner:after{clear:both}
.lineup-sec h2{
float:left;
margin-left: 0; width:119px;
height:58px;
overflow:hidden;
font-size:0;
text-indent:100%;
white-space:nowrap;
outline:none;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/lineup-title2.png) 0 0 no-repeat;
background-size:100% auto;
}
.lineup-sec ul{
position: relative;
float:right; display: flex;
justify-content: flex-end;
align-items: center;
}
.lineup-sec ul:before,.lineup-sec ul:after{content:"";display:table}
.lineup-sec ul:after{clear:both}
.lineup-sec li{
position: relative;
float:left;
margin-left:16px;
}
.lineup-sec li img{
height: 85px;
width: auto;
}
.lineup-sec li:first-child{
margin-left:0;
}
.lineup-sec a{
display:block;
}
@-webkit-keyframes lineup-figure-anime{0%, 100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}
@keyframes lineup-figure-anime{0%, 100%{-webkit-transform:translateY(0) rotate(0);transform:translateY(0) rotate(0)}50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}}
.lineup-sec a img{
-webkit-transition:opacity .2s;transition:opacity .2s;
}
.lineup-sec a:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75;-webkit-animation:lineup-figure-anime .2s ease;animation:lineup-figure-anime .2s ease;
}
@media (max-width:769px){
.lineup-sec{
clear:both;
}
.lineup-sec .inner{
display: block;
width:100%;
height:auto;
}
.lineup-sec h2{
float: none;
clear: both;
margin: 7vw auto 0 auto;
width: 26vw;
background-size: 100% auto;
}
.lineup-sec ul{
float:none;
clear:both;
margin: 5vw auto 4vw auto;
list-style:none;
width: 95vw;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
text-align:center;
}
.lineup-sec li{
float:none;
clear:both;
display:inline-block;
margin:0;padding:0;
margin-right: 3vw;
margin-bottom: 4vw;
height: 20vw;
width: auto;
text-align:center;
vertical-align:top;
}
.lineup-sec li:last-child{
margin-right: 0;
}
.lineup-sec li:nth-child(6){
margin-right: 0;
}
.lineup-sec li img{
height: 20vw;
}
} .news-sec{
width:950px;
margin-right:auto;
margin-left:auto;
margin-top:45px;
}
.news-sec h2{
width:96px;
height:30px;
overflow:hidden;
font-size:0;
text-indent:100%;
white-space:nowrap;
outline:none;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/news-title2.png) 0 0 no-repeat;
background-size: 100% auto;
}
.news-sec dl{ }
.news-sec dl:before,.news-sec dl:after{content:"";display:table}
.news-sec dl:after{clear:both}.news-sec dl+dl{margin-top:10px}
.news-sec dt,.news-sec dd{font-size:1.14286em}
.news-sec dt{float:left;width:6.5em;padding-left:20px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/news-icon.png) 0 center no-repeat}
.news-sec dd{overflow:hidden;margin-left:12px}
.lineup-sec li{
position:relative;
}
.lineup-sec .top_lineup_new{
position:absolute;
margin:0;padding:0;
width:32px;
height:12px;
bottom:-16px;
left:50%;
margin-left:-16px;
background-image:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/top_lineup_new.png);
background-repeat:no-repeat;
background-position:top center;
}
.news-sec .news_conts{
margin:20px 0 0 0;
padding:0;
width:100%;
height:105px;
overflow-y:auto;
}
div::-webkit-scrollbar{
width: 12px;
}
div::-webkit-scrollbar-track {
border-radius: 10px;
background-color:#f9f9f9;
}
div::-webkit-scrollbar-thumb {
background-color:#ff475a;
border-radius: 10px;
box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
@media (max-width:769px){
.news-sec{
width: 90.625%;
margin:30px auto 0;
}
.news-sec .news_conts{
height: 200px;
}
.news-sec h2{
width: 75px;
height: 24px;
overflow: hidden;
font-size: 0;
text-indent: 100%;
white-space: nowrap;
outline: none;
margin: 0 auto;
background-size:auto 100%;
}
.news-sec dl{
width: 95%;
}
.news-sec dt{
margin-bottom:5px;
padding:0;
width:100%;
background-image:none;
font-size: 0.9em;
}
.news-sec dd{
float:left;
margin-left:0;
margin-bottom:5px;
width:100%;
font-size: 0.9em;
}
} .specialbnr-sec{width:950px;margin-right:auto;margin-left:auto;margin-top:50px}
.specialbnr-sec:before,.specialbnr-sec:after{content:"";display:table}
.specialbnr-sec:after{clear:both}
.specialbnr-sec .specialbnr{float:left;margin-left:30px}
.specialbnr-sec .specialbnr:first-child{margin-left:0}
.specialbnr-sec #spbnr-cmGallery{position:relative;width:340px}
.specialbnr-sec #spbnr-cmGallery h3{
z-index:99;
position:absolute;
top:253px;
left:205px;
width: 258px;
}
.specialbnr-sec #spbnr-cmGallery a{
display: block;
position: relative;
overflow: hidden;
border-radius: 10px;
-webkit-transition:opacity .2s;
transition:opacity .2s;
}
.specialbnr-sec #spbnr-cmGallery a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity:0.75;
}
.specialbnr-sec #spbnr-faq{width:290px}
.specialbnr-sec #spbnr-faq a{-webkit-transition:opacity .2s;transition:opacity .2s}
.specialbnr-sec #spbnr-faq a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
.specialbnr-sec #spbnr-voice{float:right;margin-left:0}
.specialbnr-sec #spbnr-voice a{
display: block;
position: relative;
overflow: hidden;
border-radius: 10px;
-webkit-transition:opacity .2s;
transition:opacity .2s;
}
.specialbnr-sec #spbnr-voice a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
opacity:0.75;
}
.specialbnr-sec #spbnr-forecast{position:relative;width:260px;height:200px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/spbnr-forecast-bg.png) 0 0 no-repeat}
.specialbnr-sec #spbnr-forecast h3{line-height:35px;border-bottom:1px solid #f66;color:#f66;font-weight:bold;font-size:1.28571em;text-align:center}
.specialbnr-sec #spbnr-forecast .lead{line-height:1.2;margin-top:8px;font-weight:bold;font-size:1.07143em;text-align:center}
.specialbnr-sec #spbnr-forecast .per{margin-top:4px;color:#f66;font-weight:bold;text-align:center;vertical-align:baseline}
.specialbnr-sec #spbnr-forecast .per,.specialbnr-sec #spbnr-forecast .per *{line-height:1}
.specialbnr-sec #spbnr-forecast .per strong{font-style:italic;font-size:4.28571em;letter-spacing:-.05em}
.specialbnr-sec #spbnr-forecast .per span{font-style:italic;margin-left:.1em;font-size:3.14286em}
.specialbnr-sec #spbnr-forecast .sns-block{position:absolute;bottom:0;left:21px;width:220px;height:45px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/spbnr-forecast-dotline.png) 0 0 no-repeat}
.specialbnr-sec #spbnr-forecast .sns-block:before,.specialbnr-sec #spbnr-forecast .sns-block:after{content:"";display:table}
.specialbnr-sec #spbnr-forecast .sns-block:after{clear:both}
.specialbnr-sec #spbnr-forecast .sns-block dt{float:left;width:70px;margin-top:15px;text-align:center}
.specialbnr-sec #spbnr-forecast .sns-block dd{overflow:hidden;margin-top:12px}
.specialbnr-sec #spbnr-forecast .sns-block dd .fb{margin-left:4px}
@media (max-width:769px){
.specialbnr-sec{
width:100%;
margin:30px auto;
padding:30px 15px;
clear:both;
background-color: #f9f9f9;
}
.specialbnr-sec img{
width:100%;
border:none;
vertical-align:top;
}
.specialbnr-sec #spbnr-cmGallery{
margin:0;
width:45%;
}
.specialbnr-sec #spbnr-voice{
margin:0 30px 0 auto;
width:45%;
}
} .overview-sec{
width:950px;
margin-right:auto;
margin-left:auto;
margin-top:60px;
}
.overview-sec h2{
width:430px;
margin-right:auto;
margin-left:auto;
height:20px;
font-size:20px;
line-height:30px;
color:#ff6666;
font-weight:bold;
text-align:center;
outline:none;
}
.overview-sec p{
line-height:1.8;
margin-top:30px;
margin-bottom:30px;
font-size:1.14286em;
}
.overview-sec .btn{margin-top:30px;text-align:center}
.overview-sec .btn a{-webkit-transition:opacity .2s;transition:opacity .2s}
.overview-sec .btn a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
.overview-sec .btn_top{
margin:0 auto 20px auto;
width:348px;
height:40px;
border-radius:4px;
background-color:#ff6666;
}
.overview-sec .btn_top:last-child{
margin-bottom:0;
}
.overview-sec .btn_top a{
display:block;
position:relative;
margin:0 auto;
width:348px;
height:40px;
text-decoration:none;
font-size:14px;
line-height:40px;
font-weight:bold;
letter-spacing:1px;
color:#fff;
text-align:center;
transition:0.3s;
}
.overview-sec .btn_top a::after{
content:'';
position:absolute;
width:0;
height:0;
top:50%;
right:13px;
transform:translate(0,-50%);
border-top: solid 4px transparent;
border-right: solid 4px transparent;
border-bottom: solid 4px transparent;
border-left: solid 6px #fff;
transition:0.3s;
}
.overview-sec .btn_top a:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
.overview-sec .btn_top a:hover::after{
right:8px;
}
@media (max-width:769px){
.overview-sec{
width:100%;
margin:30px auto;
padding:0;
}
.overview-sec img{
width:100%;
}
.overview-sec h2{
margin:0 auto;
width:90%;
font-size:1.2em;
}
.overview-sec p{
margin:20px 10px;
font-size:1em;
}
.overview-sec .btn{
margin:30px auto 0 auto;
width:300px; }
.overview-sec .btn_top{
margin-bottom:4vw;
width:80vw;
height:10vw;
border-radius:1.5vw;
}
.overview-sec .btn_top a{
width:80vw;
height:10vw;
font-size:0.82rem;
line-height:10vw;
letter-spacing:0;
}
.overview-sec .btn_top a::after{
right:2vw;
}
} .itemlist-sec{
position: relative;
margin-top: 50px;
padding-top: 50px;
padding-bottom: 30px;
background-color :#f9f9f9;
}
.itemlist-sec .inner{
width:950px;
margin-right:auto;
margin-left:auto;
}
.itemlist-sec .inner:before,.itemlist-sec .inner:after{content:"";display:table}
.itemlist-sec .inner:after{clear:both} .itemlist-sec .newitemlist_slider{
position: relative;
margin:0;padding:0;
display: flex;
flex-wrap: wrap;
}
.itemlist-sec .newitem{
position: relative;
margin-right: 30px; margin-bottom: 20px;
display: block;
width: 212px; height: 300px;
}
.itemlist-sec .newitem.new::before{
content: '';
position: absolute;
top: 0px;
left: 0px;
width: 40px;
height: 40px;
background: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/item-icon-new.png) 0 0 no-repeat;
background-size: cover;
overflow: hidden;
font-size: 0;
text-indent: 100%;
white-space: nowrap;
outline: none;
z-index: 20;
pointer-events: none;
}
.itemlist-sec .newitem.item6,
.itemlist-sec .newitem.item10{
margin-right: 0;
}
.itemlist-sec .newitem a{
margin: 0;padding: 0;
display: block;
text-decoration: none;
background-color: #fff;
}
.newitem_catch{
position: relative;
height: 160px;
text-align: center;
background-color: #fff;
}
.newitem_catch .title{
position:relative;
padding-top: 15px;
height: 32px;
width: auto;
text-align: center;
left: 50%;
transform: translate(-50%,0);
}
.newitem_catch .title img{
height:100%;
width:auto;
}
.newitem_catch .figure{
position:relative;
margin: 0 auto;
padding-top: 15px;
height: 81px;
}
.newitem_catch .figure img{
height:100%;
width:auto;
}
.newitem_detail{
position: relative;
height: 140px;
text-align: center;
display: flex;
flex-direction: column;
}
.newitem_detail .detail_ttl{
position: relative;
width: 100%;
height: 30px;
font-size: 14px;
line-height: 30px;
color: #fff;
font-weight: bold;
text-align: center;
}
.newitem_detail .detail_copy{
padding-top: 8px;
font-size: 12px;
font-weight: bold;
text-align: center;
font-feature-settings: "palt";
}
.newitem_detail .detail_link{
position: relative;
margin: 0 auto;
margin-top: auto;
margin-bottom: 15px;
width: 146px;
height: 26px;
font-size: 12px;
line-height: 25px;
color: #fff;
font-weight: bold;
text-align: center;
border-radius: 100vh;
}
.newitem_detail .detail_link::after{
content: '';
position: absolute;
top: 50%;
right: 15px;
transform: translate(0,-50%);
border-top: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left: 5px solid #fff;
transition: .3s ease;
}
.itemlist-sec a:hover .detail_link::after{
right: 12px;
}
.newitem.item1 .newitem_detail{background-color: #ffdbca;}
.newitem.item1 .detail_copy{color: #ed4c00;}
.newitem.item1 .detail_ttl{background-color: #ed4c00;}
.newitem.item1 .detail_link{background-color: #ed4c00;}
.newitem.item2 .newitem_detail{background-color: #caf1ff;}
.newitem.item2 .detail_copy{color: #00a8e4;}
.newitem.item2 .detail_ttl{background-color: #00a8e4;}
.newitem.item2 .detail_link{background-color: #00a8e4;}
.newitem.item3 .newitem_detail{background-color: #caffee;}
.newitem.item3 .detail_copy{color: #00b77c;}
.newitem.item3 .detail_ttl{background-color: #00b77c;}
.newitem.item3 .detail_link{background-color: #00b77c;}
.newitem.item4 .newitem_detail{background-color: #f4d1ff;}
.newitem.item4 .detail_copy{color: #a914d8;}
.newitem.item4 .detail_ttl{background-color: #a914d8;}
.newitem.item4 .detail_link{background-color: #a914d8;}
.newitem.item5 .newitem_detail{background-color: #fff6ca;}
.newitem.item5 .detail_copy{color: #cc9500;}
.newitem.item5 .detail_ttl{background-color: #cc9500;}
.newitem.item5 .detail_link{background-color: #cc9500;}
.newitem.item6 .newitem_detail{background-color: #f2ffca;}
.newitem.item6 .detail_copy{color: #98c900;}
.newitem.item6 .detail_ttl{background-color: #98c900;}
.newitem.item6 .detail_link{background-color: #98c900;}
.newitem.item7 .newitem_detail{background-color: #cae4ff;}
.newitem.item7 .detail_copy{color: #0061c5;}
.newitem.item7 .detail_ttl{background-color: #0061c5;}
.newitem.item7 .detail_link{background-color: #0061c5;}
.newitem.item8 .newitem_detail{background-color: #ffd5de;}
.newitem.item8 .detail_copy{color: #eb0032;}
.newitem.item8 .detail_ttl{background-color: #eb0032;}
.newitem.item8 .detail_link{background-color: #eb0032;}
.newitem.item9 .newitem_detail{background-color: #ccffca;}
.newitem.item9 .detail_copy{color: #07b300;}
.newitem.item9 .detail_ttl{background-color: #07b300;}
.newitem.item9 .detail_link{background-color: #07b300;} .newitem.item10 .newitem_detail{background-color: #ffd9f5;}
.newitem.item10 .detail_copy{color: #ba4c91;}
.newitem.item10 .detail_ttl{background-color: #ba4c91;}
.newitem.item10 .detail_link{background-color: #ba4c91;} .newitem.item11 .newitem_detail{background-color: #e7faf9;}
.newitem.item11 .detail_copy{color: #0f867f;}
.newitem.item11 .detail_ttl{background-color: #0f867f;}
.newitem.item11 .detail_link{background-color: #0f867f;} .itemlist-sec .itemlist_slider{
position: relative;
margin:0;padding:0;
}
.itemlist-sec .item{
float:left;
width:300px;
margin-top:30px;
margin-left:25px;
}
.itemlist-sec .item1,.itemlist-sec .item4,.itemlist-sec .item7,.itemlist-sec .item10{margin-left:0}
.itemlist-sec a{
position:relative;
display:block;
width:100%;
height:140px;
vertical-align:top;
background-color:#fff;
z-index:10;
}
.itemlist-sec a:before,.itemlist-sec a:after{content:"";display:table}
.itemlist-sec a:after{clear:both}
@media (max-width:769px){
.itemlist-sec{
margin:0;
padding-top: 0;
padding-bottom:0;
clear:both;
}
.itemlist-sec .inner{
padding:30px 0;
width:100%;
}
.itemlist-sec .newitemlist_slider{
display: none;
} .itemlist-sec .newitemlist_slider.slick-initialized{
display: block;
}
.itemlist-sec .newitem{
margin-right: 0;
margin-bottom: 0;
width: 100%;
height: 40vw;
}
.itemlist-sec .newitem.new::before{
left: 5vw;
}
.itemlist-sec .newitem a{
margin: 0 auto;
width: 90vw;
height: 40vw;
display: flex;
justify-content: space-between;
align-items: stretch;
}
.newitem_catch{
width: 50%;
height: 40vw;
}
.newitem_catch .title{
padding-top: 3vw;
height: 7.5vw;
}
.newitem_catch .figure{
padding-top: 4vw;
height: 20vw;
animation: none;
transform: none;
transition: unset;
}
.newitem_detail{
width: 50%;
height: 40vw;
}
.newitem_detail .detail_ttl{
height: 8vw;
font-size: 1rem;
line-height: 8vw;
}
.newitem_detail .detail_copy{
padding-top: 2vw;
font-size: 0.8rem;
}
.newitem_detail .detail_link{
margin-bottom: 4vw;
width: 146px;
height: 26px;
font-size: 0.8rem;
line-height: 25px;
}
.newitem_detail .detail_link::after{
right: 12px;
animation: none;
transition: unset;
} }
.bx-controls{display:block;}
.itemlist-sec .catch{
z-index:1;
position:relative;
float:left;
width:150px;
height:140px;
vertical-align:top;
text-align:center;
display: table;
}
.itemlist-sec .catch p{
display: table-cell;
vertical-align: middle;
font-size: 22px;
line-height: 32px;
font-weight:bold;
font-feature-settings:"palt";
}
.itemlist-sec .catch img{
padding-top:60px;
} .itemlist-sec .copy{
margin-top:8px;
font-size:0.85714em;
font-feature-settings:"palt";
text-align:center;
}
@media (max-width:769px){
.itemlist-sec .catch p{
font-size:1.3rem;
line-height:1.8rem;
}
.itemlist-sec .copy{
margin-top:12px;
font-size:0.95em;
}
} .itemlist-sec .item1 .catch{
color:#ed4c00;
background-color:#ffdbca;
}
.itemlist-sec .item1 .copy{color:#ed4c00} .itemlist-sec .item2 .catch{
color:#00a8e4;
background-color:#caf1ff;
}
.itemlist-sec .item2 .copy{color:#00a8e4} .itemlist-sec .item3 .catch{
color:#00b77c;
background-color:#caffee;
}
.itemlist-sec .item3 .copy{color:#00b77c} .itemlist-sec .item4 .catch{
color:#a914d8;
background-color:#f4d1ff;
}
.itemlist-sec .item4 .copy{color:#a914d8} .itemlist-sec .item5 .catch{
color:#cc9500;
background-color:#fff6ca;
}
.itemlist-sec .item5 .copy{color:#cc9500} .itemlist-sec .item6 .catch{
color:#98c900;
background-color:#f2ffca;
}
.itemlist-sec .item6 .copy{color:#98c900} .itemlist-sec .item7 .catch{
color:#0061c5;
background-color:#cae4ff;
}
.itemlist-sec .item7 .copy{color:#0061c5} .itemlist-sec .item8 .catch{
color:#eb0032;
background-color:#ffd5de;
}
.itemlist-sec .item8 .copy{color:#eb0032} .itemlist-sec .item9 .catch{
color:#07b300;
background-color:#ccffca;
}
.itemlist-sec .item9 .copy{color:#07b300}
.itemlist-sec a:hover .figure{
-webkit-animation:item-figure-anime .2s;
animation:item-figure-anime .2s;
} @-webkit-keyframes item-figure-anime{
50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}
}
@keyframes item-figure-anime{
50%{-webkit-transform:translateY(-10px) rotate(-2deg);transform:translateY(-10px) rotate(-2deg)}
}
@media (max-width:769px){
.itemlist-sec a:hover .figure{
animation-play-state:paused;
}
}
.modal-ovarview{width:950px;margin-right:auto;margin-left:auto;padding:40px 0}
.modal-ovarview .logo,.modal-ovarview .lead,.modal-ovarview .figure{text-align:center}
.modal-ovarview .lead{margin-top:50px}
.modal-ovarview .figure{margin-top:25px}
.modal-ovarview .logo{
margin:0 auto;
width:469px;
height:auto;
}
.modal-ovarview .lead{
margin:50px auto 0 auto;
width:581px;
height:auto;
}
.modal-ovarview .figure{
margin:25px auto;
width:680px;
height:auto;
}
.modal-ovarview .text-block{margin-top:60px;text-align:left}
.modal-ovarview .text-block p{margin-top:1.5em;font-size:1.14286em}
.modal-ovarview .btn{margin-top:50px}
.modal-ovarview .btn a{-webkit-transition:opacity .2s;transition:opacity .2s}
.modal-ovarview .btn a:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
.fancybox-opened .fancybox-skin{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}
@media (max-width:769px){  .fancybox-wrap{ width:initial;
}
.fancybox-inner{
width:initial;
}
.modal-ovarview{
width:85vw;
}
.modal-ovarview img{
width:100%;
}
.modal-ovarview .logo{
width:85vw;
height:auto;
}
.modal-ovarview .lead{
margin-top:30px;
width:85vw;
height:auto;
}
.modal-ovarview .figure {
width:85vw;
height:auto;
}
.modal-ovarview .text-block{
margin-top:30px;
font-size: 1em;
}
.modal-ovarview .text-block p{
margin-top: 1.3em;
font-size: 1em;
line-height: 1.8;
}
.modal-ovarview .btn{
margin:40px auto 0 auto;
width:60vw;
height:auto;
}
}   .specialbnr-sec #spbnr-cmGallery h3{
pointer-events: none;
}
.specialbnr-sec #spbnr-cmGallery{
width: 450px;
}
.specialbnr-sec #spbnr-cmGallery img{
width: 100%;
height: auto;
vertical-align: bottom;
}
@media (max-width:769px){
.specialbnr-sec #spbnr-cmGallery{
width: 45%;
}
} .modalbg {
position:fixed;
top:0;
left:0;
z-index:9999;
display: none;
width: 100%;
height: 100%;
overflow: auto;
background-color:rgba(255,255,255,0.9);
}
.modalbg_btn{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
z-index:-1;
} .modalContent {
display: none;
position:absolute;
padding: 0;
width:100%;
height:100%;
z-index:9999;
}
.modal_conts{
position:relative;
margin: 0 auto;
padding: 0;
width:100%;
overflow: auto;
}
.modal_cnts_innr{
position:relative;
margin: 0 auto;
padding: 80px 0;
width: 100%;
max-width:900px;
}
.modal_cnts_detail{
position: relative;
text-align: center;
}
@media screen and (max-width:896px){
.modal_cnts_innr {
padding: 20vw 0;
width:90vw;
}
.modalContent {
padding: 0;
}
} .sindan_bnr{
margin:0 auto;
padding-top:50px;
width:948px;
transition:0.3s;
}
.sindan_bnr img{
width:100%;
height:auto;
}
.sindan_bnr:hover{
opacity: 0.8;
}
@media (max-width:769px){
.sindan_bnr{
padding-top:30px;
width:90vw;
}
}
.slider-scene7{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene7_bg.png) center bottom repeat-x;
text-align:center;
background-color:#e81010;
}
.slider-scene8{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene8_bg.jpg) center bottom repeat-x;
text-align:center;
background-color:#094b8a;
}
.slider-scene9{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene9_bg.png) center bottom repeat-x;
text-align:center;
background-color:#0192d9;
}
.slider-scene10{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene10_bg.png) center bottom repeat-x;
text-align:center;
background-color:#5bb9d0;
}
.slider-scene11{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene11_bg.jpg);
background-repeat:no-repeat;
background-position:center;
background-size:cover;
text-align:center;
background-color:#208cbd;
}
.slider-scene12{
margin-top:22px;
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene12_bg.png) center bottom repeat-x;
text-align:center;
background-color:#69a719;
}
.slider-scene13{
background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene13_bg.png);
background-color:#cc3333;
}
.slider-scene14{
margin-top:22px;
background-image: url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/index/slider-scene14_bg.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
background-color: #f1d031;
}
.slider .inner a{
opacity:1!important;
}
@media (max-width:769px){
.slider-scene11{
background-image:none;
}
}
.top_new_icon{
position:absolute;
margin:0;padding:0;
width:47px;
height:46px;
top:8px;
left:8px;
z-index:10;
}
.footer_banner{
margin: 20px auto;
padding: 0;
width:950px;
text-align: center;
}
.footer_banner ul{
margin: 0;
padding: 0;
list-style: none;
font-size: 0;
}
.footer_banner ul li{
display: inline-block;
margin: 0;
padding: 0 3px;
vertical-align: top;
}
.footer_banner img{
width:215px;
height:60px;
}
.footer_banner ul li a:hover{
opacity: 0.8;
} #case_item {
position:relative;
margin:0 auto;
padding:0;
width:100%;
height:350px;
text-align:center;
}
#case_item .arr_left{
position:absolute;
top:160px;
left:20px;
width:19px;
height:32px;
}
#case_item .arr_right{
position:absolute;
top:160px;
right:20px;
width:19px;
height:32px;
}
#case_item .arr_left img,
#case_item .arr_right img{
width:100%;
display:block;
}
#case_item .prog_list img {
width:100%;
vertical-align:top;
display:block;
}
#case_item .project {
text-align:center;
}
#case_item .project .slider > div .inner img {
margin: 0 auto;
width:950px;
vertical-align:top;
display:block;
}
#case_item .project {
height:350px;
padding:0;
overflow: hidden;
text-align: center;
}
#case_item .project .slider {
width: 100%;
height:350px;
overflow: visible;
}
#case_item .project .slider > div {
width:100%;
height:350px;
margin: 0 auto;
padding:0;
overflow: visible;
}
#case_item .project .slider > div .inner {
width:100%;
height:350px;
margin: 0 auto;
padding:0;
text-align:center;
}
#case_item .project .slider > div .inner a {
display: block;
width:100%;
height:350px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
#case_item .project .slider > div .inner a:hover{
opacity: 0.8;
}
#case_item .slick-slide{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
line-height: 300px;
margin: 0;
padding: 0;
width:100%;
}
#case_item .slick-center{
overflow: visible;
text-indent:0;
white-space:normal;
line-height: 28px;
margin: 0;
padding: 0;
width:100%;
}
#case_item .slick-cloned{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
line-height: 300px;
margin: 0;
padding: 0;
width:100%;
}
@media (max-width:769px){
#case_item .project .slider > div .inner img {
width:100vw;
}
#case_item{
height:53.125vw;
}
#case_item .project {
height:53.125vw;
}
#case_item .project .slider {
height:53.125vw;
}
#case_item .project .slider > div {
height:53.125vw;
}
#case_item .project .slider > div .inner {
height:53.125vw;
}
#case_item .project .slider > div .inner a {
height:53.125vw;
}
#case_item .arr_left{
top:26vw;
left:5px;
width:10px;
height:auto;
}
#case_item .arr_right{
top:26vw;
right:5px;
width:10px;
height:auto;
} .newitemlist_slider{
position:relative;
margin:0 auto;
padding:0;
width:100%;
overflow: hidden;
text-align:center;
}
.newitemlist_slider .slick-prev,.newitemlist_slider .slick-next{
display:none!important;
}
.newitemlist_slider .slick-list{
width:100%;
}
.newitemlist_slider > div .inner img {
margin: 0 auto;
width:100%;
vertical-align:top;
display:block;
}
.newitemlist_slider > div {
width:100%;
height: 50vw;
margin: 0 auto;
padding:0;
overflow: visible;
}
.newitemlist_slider > div .inner {
width:100%;
height:200px;
margin: 0 auto;
padding:0;
text-align:center;
}
.newitemlist_slider > div .inner a {
display: block;
width:100%;
height:200px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.newitemlist_slider > div .inner a:hover{
opacity: 0.8;
}
.newitemlist_slider .slick-slide{
margin: 0;
padding: 0;
width:300px;
}
.newitemlist_slider .slick-slide img {
display:unset!important;
}
.newitemlist_slider .slick-center{
margin: 0;
padding: 0;
width:300px;
}
.newitemlist_slider .slick-cloned{
margin: 0;
padding: 0;
width:300px;
} .newitemlist_slider .slick-dots {
position:absolute;
margin:0;
padding:0;
list-style:none;
display: block;
text-align:center;
width:300px;
height:20px;
bottom:0px;
left:50%;
margin-left:-150px;
}
.newitemlist_slider .slick-dots li {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:0 2px;
padding: 0;
cursor:pointer;
vertical-align:top;
}
.newitemlist_slider .slick-dots li button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance:none;
font-size:0;
}
.newitemlist_slider .slick-dots li button:before{
color:#fadcdc!important;
}
.newitemlist_slider .slick-dots li.slick-active button:before{
color:#fe6767!important;
}  .itemlist_slider{
position:relative;
margin:0 auto;
padding:0;
width:100%;
overflow: hidden;
text-align:center;
}
.itemlist_slider .slick-prev,.itemlist_slider .slick-next{
display:none!important;
}
.itemlist_slider .slick-list{
width:100%;
}
.itemlist_slider > div .inner img {
margin: 0 auto;
width:100%;
vertical-align:top;
display:block;
}
.itemlist_slider > div {
width:100%;
height:230px;
margin: 0 auto;
padding:0;
overflow: visible;
}
.itemlist_slider > div .inner {
width:100%;
height:200px;
margin: 0 auto;
padding:0;
text-align:center;
}
.itemlist_slider > div .inner a {
display: block;
width:100%;
height:200px;
-webkit-transition: all 300ms ease;
-moz-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.itemlist_slider > div .inner a:hover{
opacity: 0.8;
}
.itemlist_slider .slick-slide{
margin: 0;
padding: 0;
width:300px;
}
.itemlist_slider .slick-slide img {
display:unset!important;
}
.itemlist_slider .slick-center{
margin: 0;
padding: 0;
width:300px;
}
.itemlist_slider .slick-cloned{
margin: 0;
padding: 0;
width:300px;
} .itemlist_slider .slick-dots {
position:absolute;
margin:0;
padding:0;
list-style:none;
display: block;
text-align:center;
width:300px;
height:20px;
bottom:0px;
left:50%;
margin-left:-150px;
}
.itemlist_slider .slick-dots li {
position:relative;
display:inline-block;
width:20px;
height:20px;
margin:0 2px;
padding: 0;
cursor:pointer;
vertical-align:top;
}
.itemlist_slider .slick-dots li button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance:none;
font-size:0;
}
.itemlist_slider .slick-dots li button:before{
color:#fadcdc!important;
}
.itemlist_slider .slick-dots li.slick-active button:before{
color:#fe6767!important;
}
}