@charset "UTF-8";

.main{
padding-bottom : 70px;
}
#modal-content{
display : none;
} h1{
font-size : 3.6rem;
text-align : left;
font-weight : bold;
margin-bottom : 0;
}
h2{
margin : 0;
font-size : 2.6rem;
padding : 40px 0 10px;
}
h2.weight_normal{
font-weight : normal;
padding : 10px 0;
}
h3{
margin : 0;
font-size : 2.9rem;
font-weight : bold;
text-align : left;
}
h4{
border-left : 8px solid;
padding : 3px 10px;
margin : 10px 0;
font-size : 1.8rem;
}
h5{
border : 1px solid #b9b9b9;
padding : 2px 20px;
margin : 30px 0 5px;
width : 250px;
width : max-content;
font-size : 1.6rem;
}
.right_column{
float : right;
max-width : 700px;
width : 100%;
}
.subtitle {
border-bottom: 1px solid;
padding: 0 0 5px 0;
font-size: 1.6rem;
}
.read_text{
padding : 6px 0;
font-size : 1.7rem;
} .right_column{
float : right;
max-width : 700px;
width : 100%;
} .appeal{
width : 100%;
height: auto;
overflow : hidden;
margin-bottom : 10px;
padding : 10px 0;
}
.appeal div{
display : inline-block;
vertical-align : middle;
}
.appeal_img{
padding : 10px;
max-width : 280px;
}
.appeal_text{
max-width : 600px;
font-size : 1.4rem;
padding : 10px 10px 10px 40px;
text-align : left;
}
.appeal_text h2{
font-size : 1.8rem;
margin : 0 0 5px;
} .recomend{
width : 100%;
overflow : hidden;
margin : 10px 0;
}
.recomend_container{
max-width : 960px;
margin-right : -26px;
}
.recomend_venue{
position : relative;
margin-bottom : 10px;
width : 307px;
float : left;
margin-right : 9px;
border : 1px solid #aaaaaa;
}
.recomend_venue:hover{
opacity : .7;
}
.envi {
float: left;
font-size: 1.2rem;
padding: 6px 6px 3px;
margin: 10px 5px;
text-align: center;
color: #ffffff;
}
.area{
width : 100%;
padding : 5px;
text-align : center;
color : #ffffff;
}
.more{
text-decoration: none;
margin-top: 10px;
}
.recomend_venue::after{
content :"詳細ページへ";
display : block;
background : #0088aa;
color : #ffffff;
padding : 5px;
margin-top : 20px;
text-align : center;
position : absolute;
bottom : 0;
width : 100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.area,
.recomend_venue::after{
padding-top : 10px; }
}
.recomend_venue img{
width : 100%;
max-height : 100px;
height : auto;
}
.recomend_venue h3{
text-align : center;
font-size : 1.8rem;
padding-top : 5px;
margin : 0;
}
.price{
text-align : center;
color : #ff1166;
font-size : 22px;
font-size : 2.2rem;
}
.recomend_venue p{
font-size : 1.4rem;
padding : 0 10px;
}
.center{
text-align : center;
}
@media(max-width:955px){
.recomend_venue{
width : 369px;
}
.recomend_venue img{
max-height : 120px;
}
}
@media(max-width:750px){
.recomend_container{
margin-right : 0;
}
.recomend_venue{
width : 100%;
}
.recomend_venue img{
width : 100%;
height : auto;
max-height : none;
}
} .wed_venue_wrapper{
box-shadow : 2px 2px 3px rgba(0,0,0,0.4);
border : 1px solid #aaaaaa;
padding : 10px;
margin : 10px 0;
}
.wed_venue_content{
width : 48%;
float : left;
box-shadow : 2px 2px 3px rgba(0,0,0,0.4);
margin-left : 10px;
margin-bottom : 10px;
padding : 10px;
min-height :350px;
border : 1px solid #aaaaaa;
position : relative;
}
.wed_venue_content ul{
padding-bottom : 43px;
text-align : left;
}
.wed_venue{
text-align : center;
} a .recomend_venue{
color : #000000;
transition : .3s ease-in;
}
a .recomend_venue:hover{
color : #045F56;
}
a .more{
color : #ffffff;
}
.more{
text-decoration : none;
}