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

/* 中身-モバイルファースト======================================================================================================== */

#detail_header{
display: flex;
align-items: center;
padding: 10px 0;
}
#detail_header .img{
height: 50px;
}
#detail_header .img img{
height: 100%;
width: auto;
}
#detail_header .text{
color: #e85202;
margin-left: 10px;
}
#detail_header .text .type{
letter-spacing: .25em;
}
#detail_header .text .name{
}
#detail_header .text .name h1{
display: inline-block;
vertical-align: middle;
font-size: 24px;
line-height: 1;
}
#detail_header .text .name span{
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin-left: 1em;
}


#main_photo{
text-align: center;
margin-bottom: 20px;
box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}
#main_photo img{
background-color: #FFF;
max-height: 68vw;
}
#main_photo li{
position: relative;
}
#main_photo p{
display: block;
width: 100%;
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
position: absolute;
bottom: 0;
left: 0;
}

#bom li{
background-color: #e85202;
color: #FFF;
text-align: center;
border-radius: 5px;
margin-top: 5px;
}
#bom li:first-child{
margin-top: 0;
}

.section_copy{
margin-bottom: 20px;
}

.font_red{
color: #c40000;
font-weight: bold;
}


#devision .img{
text-align: center;
margin-bottom: 20px;
}
#devision .img img{
max-height: 68vw;
}
#devision .text{
text-align: center;
}
#devision .text h3{
font-size: 24px;
}
#devision .text p{
font-size: 16px;
}


#plan ol{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#plan li{
width: 48%;
margin-top: 4%;
}
#plan li:nth-child(-n+2){
margin-top: 0;
}
#plan li a{
display: block;
border: solid 1px #ccc;
}


#access #map{
margin-bottom: 40px;
}
#access #map .carnavi{
background-color: #713e0a;
padding: 10px;
text-align: center;
}
#access #map .carnavi dt{
background-color: #fff;
color: #713e0a;
}
#access #map .carnavi dd{
color: #fff;
}
#access #map .carnavi dd em{
display: block;
font-size: 20px;
}
#access #map .carnavi dd p a{
color: #fff;
}

#access #location{
}
#access #location .photo li{
max-width: 320px;
margin: 0 auto 20px;
}
#access #location .photo li p{
font-size: 12px;
margin-top: 5px;
}
#access #location .info li{
display: flex;
justify-content: space-between;
font-size: 12px;
padding: 5px 0;
border-bottom:  solid 1px #ddd;
}

/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

#detail_header{
padding: 30px 0;
}
#detail_header .img{
height: 70px;
}
#detail_header .text .type{
font-size: 18px;
}
#detail_header .text .name h1{
font-size: 40px;
}
#detail_header .text .name span{
font-size: 24px;
}

#main_photo{
margin-bottom: 40px;
}
#main_photo img{
max-height: auto;
}

#bom ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#bom li{
width: 32%;
margin-top: 2%;
font-size: 20px;
border-radius: 10px;
padding: 10px 0;
}
#bom li:nth-child(-n+3){
margin-top: 0;
}


.section_copy{
margin-bottom: 40px;
}


#devision .img img{
max-height: auto;
}
#devision .text{
flex: 1;
}
#devision .text h3{
font-size: 40px;
}
#devision .text p{
font-size: 20px;
}


#access #map .carnavi dd em{
font-size: 24px;
}
#access #location .photo ul{
display: flex;
flex-wrap: wrap;
}
#access #location .photo li{
width: 320px;
margin-left: 20px;
margin-top: 20px;
}
#access #location .photo li:nth-child(3n-2){
margin-left: 0px;
}
#access #location .photo li:nth-child(-n+3){
margin-top: 0px;
}

#access #location .info ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#access #location .info li{
width: 48%;
font-size: 16px;
padding: 10px 0;
}



}