@charset "utf-8";
 #appealpoint01{
background:#FAFAFA url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/appealpoint/appealpoint01.jpg) no-repeat center top;
padding:120px 0 60px;
}
#appealpoint02{
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/appealpoint/appealpoint02.jpg) no-repeat center top;
padding:70px 0 50px;
}
#appealpoint03{
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/appealpoint/appealpoint03.jpg) no-repeat center top;
padding-bottom: 55px;
}
#appealpoint04{
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/appealpoint/appealpoint04.jpg) no-repeat center top;
height: 1050px;
position:relative;
overflow:hidden;
}
#appealpoint05{
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/appealpoint/appealpoint05.jpg) no-repeat center top;
padding-top: 60px;
height: 593px;
}
#appealpoint07{
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/appealpoint/appealpoint07.jpg) no-repeat center top;
height: 674px;
padding-top: 100px;
}
#appealpoint06,
#appealpoint08{
background:#FAFAFA;
padding:60px 0;
}
.appealpointBox{
background-color:rgba(255,255,255,0.85);
width: 475px;
padding:40px;
color:#000000;
}
.appealpointBox h2{
text-align:center;
margin-bottom: 30px;
}
.appealpointBox h2 span{
color:#872225;
font-size: 112%;
}
.appealpointBox h2 span em{
font-size: 333%;
display:inline-block;
margin-left: 10px;
}
.appealpointBox h2 strong{
display: block;
width: 250px;
height: 26px;
line-height: 26px;
text-align:center;
color:#FFFFFF;
margin:30px auto 0;
background-color:#872225;
}
.appealpointBox h3{
text-align:center;
font-size: 175%;
line-height: 1.6;
color:#872225;
}
.appealpoint_p01{
padding:30px 0;
}
.appealpoint_p01 span{
border: 1px dotted #872226;
padding: 8px;
color: #872226;
margin-right: 5px;
margin-bottom: 5px;
margin-top: 5px;
display: inline-block;
}
.appealpoint_btn{
border:none;
background-color:#D0B98D;
color:#000000;
}
#appealpoint01 .appealpointBox{
margin-right: 0;
margin-left: auto;
}
.appealpoint01_pic{
margin-top: 110px;
position:relative;
overflow:hidden;
height: 280px;
}
.appealpoint01_pic img{
position:absolute;
display: block;
top:0;
left:50%;
margin-left: -640px;
}
.appealpointBox_black{
background-color:rgba(0,0,0,0.5);
}
.appealpointBox_black h2 span,
.appealpointBox_black h3{
color:#D0B98D;
}
.appealpointBox_black .appealpoint_p01{
color:#FFFFFF;
}
.appealpoint02_prof{
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/appealpoint/appealpoint02_prof.jpg) repeat center center;
padding:50px;
color:#000000;
margin-top: 50px;
}
.appealpoint02_prof h3{
font-size: 150%;
letter-spacing:1em;
margin-bottom: 30px;
}
.appealpoint02_prof h3 span{
letter-spacing:0;
color:#872225;
font-size: 87%;
}
#appealpoint03 .appealpointBox{
width: 100%;
background:none;
padding:0;
height: 760px;
}
.appealpoint03_p01{
width: 380px;
}
.appealpoint03_p01 .btn01{
margin:30px 0 0;
}
#appealpoint04 .appealpointBox{
width: 1280px;
position:absolute;
top:0;
left:50%;
margin-left: -640px;
}
#appealpoint04 .appealpointBox h3{
margin-bottom: 30px;
}
#appealpoint05 .container img{
position:absolute;
bottom:0;
left:50%;
width: 423px;
margin-left: 40px;
}
#appealpoint06 .appealpointBox{
width: 100%;
background:none;
padding:0;
}
.appealpoint06_pic{
position:relative;
overflow:hidden;
height: 320px;
margin-top: 40px;
}
.appealpoint06_pic img:first-child{
right:50%;
}
.appealpoint06_pic img:last-child{
left:50%;
}
#appealpoint07 .appealpointBox{
margin:0 auto;
}
#appealpoint08 .appealpointBox{
float: left;
background:none;
padding:0;
width: 400px;
}
#appealpoint08 img{
float: right;
} #appealpoint001{
background: #241611 url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/appealpoint/appealpoint_001.jpg) no-repeat center top;
padding: 40px 0;
position: relative;
}
#appealpoint001::before{
background: linear-gradient(0deg, rgba(36,22,17,0) 0%, rgba(36,22,17,0.4) 45%, rgba(36,22,17,1) 100%);
content: "";
display: inline-block;
position: absolute;
top: 0;
width: 100%;
height: 34%;
}
#appealpoint001 .appealpointBox{
width: 1280px;
margin: 0 auto;
background: none; }
#appealpoint001 .container{
height: 680px;
}
#appealpoint001 .appealpointBox h3{
margin-bottom: 30px;
text-shadow: 0 0 5px rgba(36, 22, 17, 1),0 0 5px rgba(36, 22, 17, 1),0 0 5px rgba(36, 22, 17, 1),0 0 5px rgba(36, 22, 17, 1);
}
#appealpoint001 .appealpoint_p01{
color: #fff;
text-align: center;
} .appealpoint001_pic img{
width: 100%;
}