@charset "UTF-8";
/* CSS Document */

#page_title{
background-image: url("images/page_title.jpg");
}

/* 中身-モバイルファースト======================================================================================================== */
#detail .text{
margin-bottom: 40px;
}
#detail .text h3{
font-size: 20px;
text-align: center;
}
#detail .text em{
display: block;
text-align: center;
margin-bottom: 20px;
}

#detail .bxslider .photo{
text-align: center;
background-color: #FFF;
}
#detail .bxslider .photo img{
max-height: 67vw;
}
#detail .bxslider .comment{
text-align: left;
padding: 10px;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
	left: 20px;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	right: 20px;
}


/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){
#detail .text{
margin-bottom: 80px;
}
#detail .text h3{
font-size: 30px;
}

#image-bloc {
height: 667px;
}
.bx-viewport {
overflow: visible!important;
width: 1000px!important;
}
.slider-container { /* 一番外側の枠 */
overflow: hidden;
padding-bottom: 40px;
}

#detail .bxslider li{
position: relative;
}
#detail .bxslider .photo img{
max-width: 1000px;
max-height: 667px;
}
#detail .bxslider .comment{
width: 100%;
background-color: rgba(255,255,255,0.6);
position: absolute;
bottom: 0;
left: 0;
}





}