@charset "UTF-8";

/*----------
05.チャペル一覧
----------*/

#chapel{
max-width: 1100px;
width: 100%;
margin: 0 auto;
background: #fff;
padding: 0 0 36px;
}

#chapel .h2_g{
background: #47382A;
padding: 21px 25px 17px 32px;
display: flex;
align-items: center;
justify-content: space-between;
margin: 0 auto 66px;
}

#chapel .h2_g h2{
font-size: 21px;
letter-spacing: 0.19em;
color: #fff;
font-family: 'A-OTF-A1MinchoStd-Bold', serif;
}

#chapel .h2_g .first_close_btn{
max-width: 22px;
width: 100%;
}

#chapel .cnt_area{
max-width: 832px;
width: 100%;
margin: 0 auto 82px;
}

#chapel .cnt_area h3{
max-width: 820px;
width: 100%;
margin: 0 auto;
position: relative;
margin: 0 auto 15px;
}

#chapel .cnt_area h3::before{
content: "";
display: block;
width: 100%;
height: 1px;
background: #404040;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
}

#chapel .cnt_area h3 span{
display: block;
max-width:200px;
width: 100%;
margin: 0 auto;
background: #fff;
position: relative;
z-index: 1;
}

#chapel .cnt_area h3 img{
width: 100%;
margin: 0 auto;
}

#chapel .cnt_area .cnt_g{
display: flex;
align-items: start;
flex-wrap: wrap;
}

#chapel .cnt_area .cnt_box{
max-width: 196px;
width: 23.56%;
display: block;
margin: 0 0.72% 34px;
}

#chapel .cnt_area .cnt_img{
max-width: 196px;
width: 100%;
margin: 0 0 15px;
}

#chapel .cnt_area .chapel_name{
font-family: 'dfhsg5' ,sans-serif;
color: #646464;
font-size: 15px;
line-height: 22px;
/* letter-spacing: 0.1em; */
text-align: center;
}

#chapel .btn_ptn01{
margin: 0 auto 70px;
}

#chapel .btn_ptn01 a{
background: #9E6439;
}

#chapel .last_close_btn{
max-width: 50px;
width: 100%;
margin: 0 auto;
}


#chapel .last_close_btn img{
display: block;
max-width: 34px;
width: 100%;
margin: 0 auto;
}

#chapel .last_close_btn span{
font-family: 'dfhsg5' ,sans-serif;
display: block;
font-size: 16px;
color: #47382A;
margin: 19px auto 0;
text-align: center;
}

#chapel #hawaii_area h3 span{
max-width: 136px;
}

#chapel #hawaii_area h3 span img{
max-width: 98px;
}

#chapel #okinawa_area h3 span{
max-width: 163px;
}

#chapel #okinawa_area h3 span img{
max-width: 128px;
}

#chapel #guam_area h3 span{
max-width: 131px;
}

#chapel #guam_area h3 span img{
max-width: 80px;
}

#chapel #bali_area h3 span{
max-width: 131px;
}

#chapel #bali_area h3 span img{
max-width: 62px;
}




@media only screen and (max-width:750px){

/*----------
05.チャペル一覧
----------*/

#chapel .h2_g{
}

#chapel .h2_g h2{
font-size: 18px;
}

#chapel .cnt_area{
margin: 0 auto 25px;
}

#chapel .cnt_area h3{
width: 83%;
}

#chapel .cnt_area .cnt_g{
width: 85.21%;
margin: 0 auto;
}

#chapel .cnt_area .cnt_box{
width: 30.81%;
margin: 0 1.26% 15px;
}

#chapel .cnt_area .cnt_img{
padding-bottom: 0;
margin: 0 0 9px;
}

#chapel .cnt_area .chapel_name{
font-size: 9px;
line-height: 12px;
}

#chapel #hawaii_area .cnt_box:nth-child(1) .chapel_name{
letter-spacing: -0.1em;
}

#chapel #okinawa_area .cnt_box:nth-child(4) .chapel_name{
letter-spacing: -0.1em;
}

#chapel #guam_area .cnt_box:nth-child(1) .chapel_name{
letter-spacing: -0.1em;
}

#chapel #guam_area .cnt_box:nth-child(2) .chapel_name{
letter-spacing: -0.1em;
}

#chapel #bali_area .cnt_box:nth-child(1) .chapel_name{
letter-spacing: -0.2em;
}

#chapel #hawaii_area h3 span{
max-width: 68px;
}

#chapel #hawaii_area h3 span img{
max-width: 49px;
}

#chapel #okinawa_area h3 span{
max-width: 86px;
}

#chapel #okinawa_area h3 span img{
max-width: 64px;
}

#chapel #guam_area h3 span{
max-width: 58px;
}

#chapel #guam_area h3 span img{
max-width: 40px;
}

#chapel #bali_area h3 span{
max-width: 90px;
}

#chapel #bali_area h3 span img{
max-width: 31px;
}




}