@charset "UTF-8";
  .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;
}
}