/* スライダー
----------------------------------------------------*/
.photo_slide{
width:100%;
margin:20px auto;
display:flex;
justify-content:space-between;
}
@media screen and (max-width: 768px) {
.photo_slide{
width:100%;
margin:0 auto 20px;
display:block;
overflow: hidden;
}
}


.photo_slide ul{
margin:0;
padding: 0;
list-style: none;
}
.photo_slide .gallery{
width: 840px;
}
.photo_slide .gallery img{
width: 840px;
height: 501px;
object-fit: cover;
}
.photo_slide .gallery li{
position: relative;
}
.photo_slide .gallery li p{
position: absolute;
width: 100%;
padding: 20px ;
margin: 0;
background:rgba(0,0,0,0.3);
color: #fff;
bottom: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .gallery{
width: 100%;
margin: 0 0 3px;
}
.photo_slide .gallery img{
width: 100%;
height: 60vw;
object-fit: cover;
}
.photo_slide .gallery li p{
padding: 5px 10px ;
font-size: 2.5vw
}
}
.photo_slide .choice-btn{
width: 260px;
display: flex;
justify-content:space-between;
}
.choice-btn li{
cursor: pointer;
outline: none;
width: 250px!important;
margin: 0 0 6px 6px;
}
.choice-btn li img{
width: 100%;
height: 163px;
object-fit: cover;
opacity: 0.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .choice-btn{
width: 100%;
height: auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.choice-btn li{
cursor: pointer;
outline: none;
width: 33.33%!important;
height: 25.55vw;
margin: 0;
border: 1px solid #FFF;
}
.choice-btn li img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
.choice-btn li.slick-current img{
opacity: 1 !important;
border: 5px solid #C10E13 !important;
}
.choice-btn .slick-track {
transform: unset !important;
}
@media screen and (max-width: 768px) {
.choice-btn li.slick-current img{
opacity: 1;
border: 3px solid #C10E13 !important;
}
}


.photo_slide .gallery01{
width: 840px;
}
.photo_slide .gallery01 img{
width: 840px;
height: 501px;
object-fit: cover;
}
.photo_slide .gallery01 li{
position: relative;
}
.photo_slide .gallery01 li p{
position: absolute;
width: 100%;
padding: 20px ;
margin: 0;
background:rgba(0,0,0,0.3);
color: #fff;
bottom: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .gallery01{
width: 100%;
margin: 0 0 3px;
}
.photo_slide .gallery01 img{
width: 100%;
height: 60vw;
object-fit: cover;
}
.photo_slide .gallery01 li p{
padding: 5px 10px ;
font-size: 2.5vw
}
}
.photo_slide .choice-btn01{
width: 260px;
display: flex;
justify-content:space-between;
}
.choice-btn01 li{
cursor: pointer;
outline: none;
width: 250px!important;
margin: 0 0 6px 6px;
}
.choice-btn01 li img{
width: 100%;
height: 163px;
object-fit: cover;
opacity: 0.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .choice-btn01{
width: 100%;
height: auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.choice-btn01 li{
cursor: pointer;
outline: none;
width: 33.33%!important;
height: 26.55vw;
margin: 0;
border: 1px solid #FFF;
}
.choice-btn01 li img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
.choice-btn01 li.slick-current img{
opacity: 1 !important;
border: 5px solid #C10E13 !important;
}
.choice-btn01 .slick-track {
transform: unset !important;
}
@media screen and (max-width: 768px) {
.choice-btn01 li.slick-current img{
opacity: 1;
border: 3px solid #C10E13;
}
}


.photo_slide .gallery02{
width: 840px;
}
.photo_slide .gallery02 img{
width: 840px;
height: 501px;
object-fit: cover;
}
.photo_slide .gallery02 li{
position: relative;
}
.photo_slide .gallery02 li p{
position: absolute;
width: 100%;
padding: 20px ;
margin: 0;
background:rgba(0,0,0,0.3);
color: #fff;
bottom: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .gallery02{
width: 100%;
margin: 0 0 3px;
}
.photo_slide .gallery02 img{
width: 100%;
height: 60vw;
object-fit: cover;
}
.photo_slide .gallery02 li p{
padding: 5px 10px ;
font-size: 2.5vw
}
}
.photo_slide .choice-btn02{
width: 260px;
display: flex;
justify-content:space-between;
}
.choice-btn02 li{
cursor: pointer;
outline: none;
width: 250px!important;
margin: 0 0 6px 6px;
}
.choice-btn02 li img{
width: 100%;
height: 163px;
object-fit: cover;
opacity: 0.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .choice-btn02{
width: 100%;
height: auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.choice-btn02 li{
cursor: pointer;
outline: none;
width: 33.33%!important;
height: 26.55vw;
margin: 0;
border: 1px solid #FFF;
}
.choice-btn02 li img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
.choice-btn02 li.slick-current img{
opacity: 1 !important;
border: 5px solid #C10E13 !important;
}
.choice-btn02 .slick-track {
transform: unset !important;
}
@media screen and (max-width: 768px) {
.choice-btn02 li.slick-current img{
opacity: 1;
border: 3px solid #C10E13;
}
}


.photo_slide .gallery03{
width: 840px;
}
.photo_slide .gallery03 img{
width: 840px;
height: 501px;
object-fit: cover;
}
.photo_slide .gallery03 li{
position: relative;
}
.photo_slide .gallery03 li p{
position: absolute;
width: 100%;
padding: 20px ;
margin: 0;
background:rgba(0,0,0,0.3);
color: #fff;
bottom: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .gallery03{
width: 100%;
margin: 0 0 3px;
}
.photo_slide .gallery03 img{
width: 100%;
height: 60vw;
object-fit: cover;
}
.photo_slide .gallery03 li p{
padding: 5px 10px ;
font-size: 2.5vw
}
}
.photo_slide .choice-btn03{
width: 260px;
display: flex;
justify-content:space-between;
}
.choice-btn03 li{
cursor: pointer;
outline: none;
width: 250px!important;
margin: 0 0 6px 6px;
}
.choice-btn03 li img{
width: 100%;
height: 163px;
object-fit: cover;
opacity: 0.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .choice-btn03{
width: 100%;
height: auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.choice-btn03 li{
cursor: pointer;
outline: none;
width: 33.33%!important;
height: 26.55vw;
margin: 0;
border: 1px solid #FFF;
}
.choice-btn03 li img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
.choice-btn03 li.slick-current img{
opacity: 1 !important;
border: 5px solid #C10E13 !important;
}
.choice-btn03 .slick-track {
transform: unset !important;
}
@media screen and (max-width: 768px) {
.choice-btn03 li.slick-current img{
opacity: 1;
border: 3px solid #C10E13;
}
}


.photo_slide .gallery04{
width: 840px;
}
.photo_slide .gallery04 img{
width: 840px;
height: 501px;
object-fit: cover;
}
.photo_slide .gallery04 li{
position: relative;
}
.photo_slide .gallery04 li p{
position: absolute;
width: 100%;
padding: 20px ;
margin: 0;
background:rgba(0,0,0,0.3);
color: #fff;
bottom: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .gallery04{
width: 100%;
margin: 0 0 3px;
}
.photo_slide .gallery04 img{
width: 100%;
height: 60vw;
object-fit: cover;
}
.photo_slide .gallery04 li p{
padding: 5px 10px ;
font-size: 2.5vw
}
}
.photo_slide .choice-btn04{
width: 260px;
display: flex;
justify-content:space-between;
}
.choice-btn04 li{
cursor: pointer;
outline: none;
width: 250px!important;
margin: 0 0 6px 6px;
}
.choice-btn04 li img{
width: 100%;
height: 163px;
object-fit: cover;
opacity: 0.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .choice-btn04{
width: 100%;
height: auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.choice-btn04 li{
cursor: pointer;
outline: none;
width: 33.33%!important;
height: 26.55vw;
margin: 0;
border: 1px solid #FFF;
}
.choice-btn04 li img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
.choice-btn04 li.slick-current img{
opacity: 1 !important;
border: 5px solid #C10E13 !important;
}
.choice-btn04 .slick-track {
transform: unset !important;
}
@media screen and (max-width: 768px) {
.choice-btn04 li.slick-current img{
opacity: 1;
border: 3px solid #C10E13;
}
}


.photo_slide .gallery05{
width: 840px;
}
.photo_slide .gallery05 img{
width: 840px;
height: 501px;
object-fit: cover;
}
.photo_slide .gallery05 li{
position: relative;
}
.photo_slide .gallery05 li p{
position: absolute;
width: 100%;
padding: 20px ;
margin: 0;
background:rgba(0,0,0,0.3);
color: #fff;
bottom: 0;
left: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .gallery05{
width: 100%;
margin: 0 0 3px;
}
.photo_slide .gallery05 img{
width: 100%;
height: 60vw;
object-fit: cover;
}
.photo_slide .gallery05 li p{
padding: 5px 10px ;
font-size: 2.5vw
}
}
.photo_slide .choice-btn05{
width: 260px;
display: flex;
justify-content:space-between;
}
.choice-btn05 li{
cursor: pointer;
outline: none;
width: 250px!important;
margin: 0 0 6px 6px;
}
.choice-btn05 li img{
width: 100%;
height: 163px;
object-fit: cover;
opacity: 0.6;
margin: 0;
}
@media screen and (max-width: 768px) {
.photo_slide .choice-btn05{
width: 100%;
height: auto;
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.choice-btn05 li{
cursor: pointer;
outline: none;
width: 33.33%!important;
height: 26.55vw;
margin: 0;
border: 1px solid #FFF;
}
.choice-btn05 li img{
width: 100%;
height: 100%;
object-fit: cover;
}
}
.choice-btn05 li.slick-current img{
opacity: 1 !important;
border: 5px solid #C10E13 !important;
}
.choice-btn05 .slick-track {
transform: unset !important;
}
@media screen and (max-width: 768px) {
.choice-btn05 li.slick-current img{
opacity: 1;
border: 3px solid #C10E13;
}
}