@charset "UTF-8";
 .mod-intro .mod-intro-inner{height:100px;background:url(//www.kracie.co.jp/ph/k-kampo/wp-content/themes/kracie/assets/img/common/bg-intro2.png) center 0 no-repeat}
.mod-intro .mod-intro-inner h1{position:absolute;top:36px;left:0}
.body-sec .sec-inner{width:950px;margin:0 auto}
@media (max-width:769px) {
.mod-intro img{
height:100%;
width:auto;
}
.mod-intro-inner{
width:100%;
}
.mod-intro .mod-intro-inner{
height:80px;
background-position:right 0 center;
background-size:cover;
}
.mod-intro .mod-intro-inner h1{
height:20px;
width:auto;
top:29px;
left:20px;
}
.body-sec .sec-inner{
width:100%;
}
}
#c-contents_box{width:720px;margin:60px auto 0}
#c-contents_box img{
vertical-align: inherit;
}
.body-sec .banner-sec{width:680px;margin:40px auto 0}
.body-sec .banner-sec ul{margin-left:-40px}
.body-sec .banner-sec ul:before,.body-sec .banner-sec ul:after{content:"";display:table}
.body-sec .banner-sec ul:after{clear:both}.body-sec .banner-sec ul li{float:left;margin-left:40px}
.body-sec .banner-sec ul li a:hover{transition:opacity .2s}
.body-sec .banner-sec ul li a:hover:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=75);opacity:0.75}
@media (max-width:769px) {
#c-contents_box{
width:100%;
margin:30px auto 0;
}
.body-sec .banner-sec{
width:90%;
margin:30px auto 0;
}
.body-sec .banner-sec ul{
width:100%;
margin:0;
clear:both;
}
.body-sec .banner-sec ul li{
float:none;
margin-left:0;
margin-bottom:20px;
text-align:center;
}
.body-sec .banner-sec ul li img{
width:100%;
}
table{
margin:0 auto;
width:100%!important;
}
table td{
width:100%!important;
height:auto!important;
}
table td img{
width:100%!important;
height:auto!important;
}
.table_innr{
margin:0 auto;
width:95%!important;
}
.table_innr_img{
display:block;
margin:0 auto;
width:90%!important;
}
}