@charset "utf-8";
 .pageNav02 ul li,
.pageNav02 ul li a {
height: 122px;
width: 182px;
margin:0 5px;
}
.blogNav{
padding:30px 0 45px;
}
#headerLead h1{
background-image:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/blog/pageHeader_h1.jpg);
}
@media only screen and (max-width: 768px) {
#headerLead h1{
background-image:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/blog_pageHeader_h1.jpg);
}
}
#blog{
background-color:#FFFFFF;
color:#000000;
padding:60px 0;
}
.blog_archive_box{
width: 918px;
margin: 0 auto;
}
.blog_archive_box article{
width: 290px;
margin: 0 8px 50px;
}
.blog_archive_box article img{
width: 290px;
height: 195px;
}
.blog_archive_category{
background-color:#241611;
padding:12px 20px;
letter-spacing:0.1em;
color:#D0B98D;
line-height: 1;
}
.blog_archive_date{
font-size: 112%;
padding:10px 0;
line-height: 1;
}
.blog_archive_box article h2{
line-height: 1.4;
}
#blog_widget{
width: 918px;
display:flex;
justify-content:flex-start;
margin:50px auto;
}
.blog_widget_content{
width: 290px;
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/common/bg02.png) repeat center top;
padding:30px 20px 20px;
float: left;
margin:0 8px;
color:#FFFFFF;
}
.blog_widget_content h2{
text-align:center;
color:#D0B98D;
font-size: 120%;
margin-bottom: 30px;
}
.blog_widget_content01_img01{
display: block;
margin: 0 auto;
width: 100%;
}
.blog_widget_content01 address{
line-height: 1.5;
padding:20px 0;
}
.blog_widget_content01 ul{
display:flex;
justify-content:space-between;
}
.blog_widget_content01 li{
width: 48%;
}
.blog_widget_content01 li img{
width: 100%;
height: auto;
}
.blog_widget_content02 li{
margin-bottom: 10px;
}
.blog_widget_content02 li a{
width: 100%;
padding: 0 20px 0 12px;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
}
.blog_widget_content03 li{
margin-bottom: 10px;
}
.blog_widget_content03 li a{
width: 100%;
border-color:#FFFFFF;
color:#FFFFFF;
}
.blog_single_header{
background-color:241611;
padding:30px 50px;
}
.blog_single_date{
font-size: 112%;
color:#FFFFFF;
}
.blog_single_header h1{
font-size: 112%;
padding-top: 10px;
color:#D0B98D;
}
.blog_single_content{
width: 820px;
margin: 40px auto;
}
.blog_single_content img{
max-width: 100%; margin: 1em auto;
height:auto;
}
.blog_single_content .simplesocialbuttons {
margin-top: 36px;
}
.blog_single_footer{
background-color:#241611;
padding:10px 50px;
}
.blog_single_category{
color:#D0B98D;
float: left;
width: 40%;
padding-top: 10px;
}
.blog_single_social{
float: right;
}