@charset "utf-8";

.sp{ display:none;}
#spMenu{
display: none;
} @media screen and (max-width: 768px) {
.pc{display: none !important;}
.sp{ display: block;}
.flexClear{
display:block;
}
img{
width: 100%;
height:auto;
}
.container{
width:94%;
margin:0 auto;
overflow:hidden;
padding:0 !important;
}
.left,
.right{ float:none;}
body{
font-size:90%;
}
.anchor{
padding-top: 17.4vw;
margin-top: -17.4vw;
}
.blog_anchor{
padding-top: 17.4vw;
margin-top: -17.4vw;
display: block;
position:relative;
z-index:-9999;
}
a:hover{
opacity:1;
}
.absolute{
position:relative !important;
top:auto !important;
right:auto !important;
bottom:auto !important;
left:auto !important;
margin:0 !important;
}
.lead h2,
.lead02 h2{
font-size: 150%;
margin-bottom: 5vw;
width: 100%;
overflow:hidden;
}
.lead h2 span,
.lead02 h2 span {
font-size: 150%;
}
.headline02{
font-size: 200%;
margin:5vw 0 3vw;
}
.table01,
.table02 {
margin: 0 auto;
border-spacing:0;
border-collapse:collapse;
}
.table01 th,
.table01 td,
.table02 th,
.table02 td{
display: block;
width: 100%;
}
.table01 th,
.table02 th{
border:none;
background:#E7E3DF;
padding:0.5em 1em;
}
.table01 td,
.table02 td{
padding: 1em;
}
.table02 th span {
display: block;
color:inherit;
background: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: auto;
line-height: inherit;
padding: 0;
}
.lead_catchcopy {
padding-left: 3vw;
padding-right: 3vw;
}
.lead_description{
padding-left: 3vw;
padding-right: 3vw;
text-align:left;
} .sp_home_yoyaku{
margin-bottom: 5vw;
padding-bottom: 3vw;
}
#footerYoyaku,
#footer .yoyaku01,
#footerNav{
display: none;
}
#spHeader{
width: 100%;
}
.sp_header_fixed{
position:fixed;
width: 100%;
top:0;
left:0;
z-index:999999;
}
.sp_headerLang{
width: 100%;
}
.sp_headerLang_hidden{
height:0;
}
.sp_headerLang dt{
background-color:#000000;
color:#DDC490;
text-align:center;
height: 12.6vw;
line-height: 12.6vw;
}
.sp_headerLang dt:before{
font-family: FontAwesome;
content: "\f107";
display:inline-block;
margin-right: 3px;
}
.sp_headerLang div{
border-top:1px solid #231815;
display: none;
}
.sp_headerLang div dd a{
height: 12.6vw;
line-height: 12.6vw;
color:#FFFFFF;
display: block;
border-bottom:1px solid #231815;
text-align:center;
background-color:#B08829;
padding:0;
}
.sp_headerMain{
height: 17.4vw;
background-color:#241611;
}
.menuOpened{
height: auto;
}
.sp_headerLogo{
width: 40%;
height: 100%;
float: left;
}
.sp_headerLogo a{
display: block;
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/common/headerLogo.png) no-repeat center center;
background-size:85%;
text-indent: -9999px;
height: 100%;
}
.sp_headerMenu{
width: 60vw;
float: right;
height:100%;
}
.sp_headerMenu ul{
height: 100%;
}
.sp_headerMenu ul li{
width: 20vw;
height: 100%;
}
.sp_headerMenu ul li a{
display: block;
border-left:1px solid #FFFFFF;
height: 100%;
width: 100%;
text-align:center;
font-size: 90%;
background-size:39%;
background-repeat:no-repeat;
background-position:center top;
padding-top: 11.7vw;
}
.sp_headerMenu01 a{
background-image:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/sp_headerMenu01.png);
background-color:#B08829;
}
.sp_headerMenu02 a{
background-image:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/sp_headerMenu02.png);
}
.sp_headerMenu03 a{
background-image:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/sp_headerMenu03.png);
}
.sp_headerMenu03 a.active{
background-color:#D0B98D;
}
#spMenu{
width: 100%;
background-color:#D0B98D;
padding:3vw;
overflow:scroll;
}
.spMenu_list li{
width: 49%;
margin-bottom: 1.5vw;
}
.spMenu_list li a{
display: block;
background-color:#872226;
padding:5vw 1.5vw;
}
.spMenu_list_white a{
background-color:#FFFFFF !important;
color:#000000;
}
#sp_yoyaku{
padding:3vw;
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/sp_yoyaku.jpg) no-repeat center top;
background-size:cover;
}
#sp_yoyaku a{
display: block;
margin-bottom: 2vw;
}
#sp_yoyaku a:last-child{
margin-bottom: 0;
}
.sp_yoyaku_wrapper{
padding:3vw;
}
.spMenu_fb{
color: #FFFFFF;
border: 1px dotted #FFFFFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 3vw auto 0;
width:90vw;
font-size: 127%;
display: block;
text-align: center;
}
.spMenu_fb:before{
font-family: FontAwesome;
content: "\f082";
display:inline-block;
margin-right: 3px;
}
#sp_links{
background-color:#FFFFFF;
padding:10vw 0 3vw;
color:#000000;
}
.sp_links_newstopics{
padding:0 3vw 10vw;
}
.sp_links_newstopics li{
margin: 3vw;
}
#footer address {
width: 94%;
margin: 0 auto;
min-height: 1;
padding-top: 20vw;
padding-left: 0;
line-height: 1.6;
background-position:center top;
background-size:68%;
text-align:center;
}
.footer_facebook{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 3vw auto 0;
width:63vw;
font-size: 150%;
display: block;
text-align: center;
height: 2em;
line-height: 2;
}
.footerCopyright {
font-size: 90%;
padding: 4vw 0;
} #headerLead h1{
height: 51vw;
background-position:center center;
background-size:100%;
margin-bottom: 0;
}
.page_catchcopy{
font-size: 150%;
line-height: 1.4;
padding:3vw;
}
.page_catchcopy br{
display: block;
}
.page_description {
text-align: left;
padding: 0 3vw 5vw;
line-height: 1.8;
}
.page_description br{
display: none;
}
.pageNav02 ul{
justify-content:space-between;
padding:0 1%;
}
.pageNav02 li{
width: 48% !important;
margin:1vw 1% !important;
}
.pageNav02 li a{
width: 100% !important;
margin:0 !important;
height: 100%;
}
.headline06{
font-size: 150%;
margin-bottom: 5vw;
}
.list01 li{
width: 100%;
margin-bottom: 5vw;
}
.headline05 span {
font-size: 120%;
}
.pageNav{
padding:3vw;
}
.pageNav ul{
justify-content:space-between;
}
.pageNav li {
width: 49%;
height: auto;
margin: 0 0 3vw;
}
.btn02 {
width: 86vw;
} .home #headerLead{
display: none;
}
.sp_home_topSlider{
width: 100%;
height: 75vw;
margin-bottom: 3vw;
}
.sp_home_topSlider .slick-dots {
bottom: 20px;
}
.sp_home_topSlider .slick-dots li button:before {
font-size: 15px;
opacity:1;
}
.sp_home_topSlider .slick-dots li.slick-active button:before {
content:'●';
}
.sp_headerLead_plan a{
display: block;
margin-top: 3vw;
}
#home01{
margin-bottom: 10vw;
padding-top: 5vw;
}
.sp_home01_appealpoint{
height: 88vw;
overflow:hidden;
background-color:#000000;
margin-bottom: 3vw;
}
.sp_home01_appealpoint .slick-dots {
bottom: 2vw;
}
.sp_home01_appealpoint .slick-dots li button:before {
font-size: 16px;
opacity:1;
}
.sp_home01_appealpoint .slick-dots li.slick-active button:before {
content:'●';
}
.sp_home01_appealpoint .slick-prev,
.sp_home01_appealpoint .slick-next {
top:29vw;
display: block;
margin:0;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0, 0);
height: 8vw;
width: 8vw;
left:auto;
right:auto;
z-index:999;
padding:0;
}
.sp_home01_appealpoint .slick-prev{
left:5vw;
}
.sp_home01_appealpoint .slick-next{
right:5vw;
}
.sp_home01_appealpoint .slick-prev:before,
.sp_home01_appealpoint .slick-next:before {
padding:0;
background:none;
content:'';
height: 8vw;
width: 8vw;
display: block;
margin:0;
}
.sp_home01_appealpoint .slick-prev:before{
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/sp_home01_appealpoint_prev.jpg) no-repeat center top;
background-size:100%;
}
.sp_home01_appealpoint .slick-next:before{
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/sp_home01_appealpoint_next.jpg) no-repeat center top;
background-size:100%;
}
.sp_home01_appealpoint .slick-slide{
position: relative;
}
.sp_home01_appealpoint .slick-slide a p{
position: absolute;
bottom: 43px;
width: 100%;
text-align: center;
font-size: 16px;
color: #fff;
line-height: 1.2em;
}
.sp_home01_appealpoint .slick-slide a p span{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
margin-bottom: 10px;
display: block;
text-align: center;
font-size: 18px;
}
#home02 {
padding-bottom: 15vw;
}
.home01_kensho {
margin-top: 2.5vw;
padding-top: 2.5vw;
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home01.jpg) no-repeat center center;
background-size:100%;
}
.home01_kensho h3 {
width: 86%;
text-align: left;
font-size: 170%;
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home01_kensho_h3.png) no-repeat right 38px;
background-size: 3em;
}
.home01_kensho p {
width: 100%;
margin: 0 auto;
padding: 3vw;
line-height: 1.4;
text-align:left;
}
.home02_access {
background: url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home02_access.jpg) no-repeat center top;
background-size: 100%;
height: 207.8vw;
text-indent: -9999px;
margin-bottom: 3vw;
}
.home03_01 {
background: url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home03_01.jpg) no-repeat center bottom;
height: 77.8vw;
padding-top: 40vw;
background-size: 100%;
margin-bottom: 20px;
}
.home03_01 h3 {
padding-left: 0;
font-size: 150%;
margin-bottom: 2vw;
}
.home03_01 p {
font-size: 100%;
padding-left: 0;
}
.home03_01 p br{
display: none;
}
.home03_02 {
background: url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home03_02.jpg) no-repeat;
height: 41vw;
background-size: 100%;
padding-top: 5vw;
}
.home03_02 h4 {
height: auto;
line-height: 1;
text-align: center;
color: #FFFFFF;
background:none;
width: 100%;
margin:0;
}
.home03_02 p {
text-align: left;
font-size: 100%;
padding:3vw;
}
.home03_room li{
background-size:100%;
background-position:center top;
height: auto;
}
.home03_room01 {
background: url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home03_room01_new.jpg) no-repeat center top;
padding-top: 45vw;
margin-bottom: 5vw;
}
.home03_room_main h5,
.home03_room_main h5 span{
text-align:center;
}
.home03_room02 {
background: url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home03_room02.jpg) no-repeat center top;
padding-top: 45vw;
margin-bottom: 5vw;
}
.home03_room_sub {
width: 100%;
margin: 0 auto;
}
.home03_room_sub li {
color: #872226;
background-color: #FFFFFF;
width: 100%;
padding:0;
position:relative;
overflow:hidden;
padding-left: 55%;
padding-right: 5%;
padding-bottom: 5vw;
border-bottom:3px solid #872226;
}
.home03_room_sub li img{
width: 50%;
position:absolute;
top:0;
left:0;
height: 100%;
}
.home03_room_sub li h5 {
text-align: left;
font-size: 100%;
margin: 10px 0 ;
}
.home03_room_sub li h5 span{
text-align:left;
margin-bottom: 5px;
}
.home03_room_sub li a{
width: 100%;
margin:0;
height: auto;
line-height: 1;
text-align:center;
padding:3px 0;
font-size: 95%;
}
.home03_room_sub li a span{
display: none;
}
.home03_room_sub{
margin-bottom: 20px;
}
#home04{
background:#FFFFFF url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home04.jpg) no-repeat center top;
background-size:100%;
margin-bottom: 20vw;
}
#home04 .lead_catchcopy{
font-size: 100%;
line-height: 1.4;
}
.home04_box01 {
margin: 3vw 0;
height: auto;
}
.home04_01,
.home04_02{
width: 100%;
padding-bottom: 10vw;
}
.home04_02 .btn01{
margin: 3vw auto;
}
.home04_box01 h3 {
width: 100%;
height: auto;
font-size: 150%;
padding-top: 65vw;
text-align:center;
padding:62vw 0 3vw;
background-size:100%;
}
.home04_box01 h3 span{
display:inline-block;
margin-right: 10px;
}
.home04_01 h3 {
background-image: url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home04_01_h3.jpg);
}
.home04_02 h3 {
background-image: url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home04_02_h3.jpg);
}
.home04_03 h3 {
background-image: url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home04_03_h3.jpg);
}
.home04_01 .box{
display: block;
}
.home04_box01 p {
padding:3vw;
width: 100%;
}
.home04_pic01 {
position: relative;
overflow: hidden;
height: auto;
width: 100%;
margin:0 auto;
}
.home04_01 .btn01 {
margin: 3vw auto;
}
.home04_02 p {
margin-left: auto;
}
.home04_box02_02 {
width: 100%;
margin-right: 0;
padding-top: 10vw;
border-top: 1px dotted #872226;
}
.home04_box02_02 h3{
font-size: 135%;
}
.home04_box02_01 {
width: 100%;
margin-left: 0;
padding-top: 68vw;
padding-bottom: 0;
background:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/home04_box02_01.jpg) no-repeat center 5vw;
background-size:100%;
}
.home04_box02_01 p:last-child {
background:none;
width: 100%;
color: #000000;
padding: 3vw 0 0;
position: relative;
overflow: visible;
}
.home04_box02_01 p:last-child:after{
display: none;
}
.home04_box02_01 p:first-child {
font-size: 135%;
margin-bottom: 0;
}
.home04_02_pic01 {
display: none;
}
.home04_box02 .btn01{
margin:3vw auto 10vw;
}
.home04_box03 {
height: auto;
padding-left: 3vw;
padding-right: 3vw;
background-size:cover;
margin-bottom: 3vw;
}
.home04_box03 h3 {
font-size:150%;
}
.home04_box03 h4 {
font-size: 135%;
margin: 15px 3vw;
}
.home04_box03_p01 {
text-align: left;
}
.home04_box03_p01 br{
display: none;
}
.home04_box03 ul {
width: 100%;
margin: 5vw auto 0;
}
.home04_box03 ul li{
width: 100%;
margin-bottom: 5vw;
}
.home04_box03 ul li p span{
font-size: 100%;
height:auto;
line-height: 1;
padding:0 0 3vw;
border-top:none;
margin-top: 1vw;
}
.home05_plan {
height: auto;
padding:3vw;
}
.home05_plan li{
width: 100%;
padding-bottom: 3vw;
margin-bottom: 3vw;
height:auto;
}
.home05_plan li:hover{
transform:scale(1,1);
border:none;
}
#home05 {
padding-bottom: 5vw;
} .facility01_box01 {
padding: 3vw !important;
width: 100%;
background-color:#E1E1E1;
}
.facility01_box01 table th,
.facility01_box01 table td{
vertical-align:middle;
}
.facility01_td01{
width: 40%;
}
.facility01_box02 h2 br{
display: none;
}
.facility01_box02{
background:none;
padding:3vw !important;
background-color:#D6C198;
width: 100%;
}
.facility01_box02 p{
padding:2vw;
}
.facilityList li h2 {
font-size: 150%;
padding:3vw;
}
.facilityList li h2 .left{
float: left !important;
}
.facilityList li h2 .headline01 {
float: right;
width: calc(100% - 90px);
line-height: 1.4;
}
.facilityList li h2 .headline01 span{
font-size: 120%;
}
.facilityList_item01 .container {
min-height: 1px;
}
.facility_subImage {
width: 100%;
margin: 0 auto;
padding: 3vw;
position:relative;
overflow:hidden;
}
.facility_subImage img{
width: 50%;
display: block;
}
.facility_subImage img:first-child{
float: left;
}
.facility_subImage img:last-child{
float: right;
}
.facilityList_item02 .container {
min-height:1px;
}
.facilityList li .btn01 {
margin: 15px auto 0;
}
.facilityList_item02 .facility_description{
padding-bottom: 5vw;
} #appealpoint01{
background-size:cover;
padding:10vw 0 5vw;
height: auto;
}
.appealpointBox {
width: 100%;
padding: 3vw;
}
.appealpointBox img{
height:auto;
}
.appealpointBox h2 {
margin-bottom: 3vw;
}
.appealpointBox h2 strong {
margin:3vw auto;
}
.appealpoint_p01 {
padding: 3vw 0;
}
.appealpoint01_pic {
margin-top: 5vw;
height: auto;
padding:0 3vw;
}
#appealpoint02 {
padding:5vw 0 5vw;
background-size:cover;
height: auto;
}
.appealpoint02_prof {
padding: 5vw;
color: #000000;
margin-top: 5vw;
background-size:cover;
}
.appealpoint02_prof h3{
margin-bottom: 3vw;
}
#appealpoint03 {
padding:5vw 0 5vw;
background-size:cover;
height: auto;
}
#appealpoint03 .appealpointBox,
#appealpoint03 .container .flexSpace {
background-color: rgba(0,0,0,0.5);
height: auto;
padding:3vw;
color:#FFFFFF;
}
.appealpoint03_p01 .btn01 {
margin: 30px auto 0;
}
.appealpoint03_p01 {
width: 100%;
padding-top: 3vw;
}
#appealpoint04 {
padding:5vw 0 5vw;
background-size:cover;
height: auto;
}
#appealpoint04 .appealpointBox {
width: 94%;
position:relative;
top: auto;
left: auto;
margin:0 auto;
}
#appealpoint05 {
padding:5vw 0 5vw;
background-size:cover;
height: auto;
}
#appealpoint05 .container img {
position:relative;
top: auto;
left: auto;
margin:3vw auto 0;
width: 94%;
display: block;
}
#appealpoint06 {
padding:5vw 0 5vw;
background-size:cover;
height: auto;
}
#appealpoint06 .appealpointBox {
width: 94%;
background: none;
padding: 0;
margin:0 auto;
}
.appealpoint06_pic {
height: auto;
margin-top: 5vw;
}
#appealpoint06 .appealpoint_p01{
width: 100%;
padding:3vw 0 !important;
}
#appealpoint07{
padding:5vw 0 5vw;
background-size:cover;
height: auto;
}
#appealpoint07 .appealpointBox h3 {
margin-bottom: 30px;
}
#appealpoint08 {
padding:5vw 0 5vw;
background-size:cover;
height: auto;
}
#appealpoint08 .appealpointBox {
float: none;
background: none;
padding: 0;
width: 100%;
}
.appealpointBox h2 {
margin:3vw 0;
}
.appealpointBox h2 strong {
margin:3vw auto;
}
.appealpoint_p01 {
padding: 3vw 0;
}
#appealpoint001{
background: none;
}
#appealpoint001::before{
content: none;
}
#appealpoint001 .appealpointBox {
width: 94%;
padding-bottom: 5vw;
background: none;
}
#appealpoint001 .appealpointBox::before{
content: none;
}
#appealpoint001 .appealpointBox h3{
margin-bottom: 0;
}
#appealpoint001 .appealpoint_p01{
text-align: left;
}
#appealpoint001 .container{
height: inherit;
}
.appealpoint001_pic{
padding: 15px 0;
} .roomList_item {
height: auto;
padding-top: 0;
background-size:cover;
padding-bottom: 5vw;
}
.roomList_item .container{
width: 80%;
}
.roomList_image {
height: auto;
}
.roomList_image_inner {
height: auto;
}
.roomList_item h3 {
width: 100%;
padding-top: 3vw;
border:none;
}
.room_description {
font-size: 125%;
margin: 3vw 0;
}
.roomList_yoyaku{
display: none;
}
.roomList_image_thumb{
padding:3vw 1%;
}
.roomList_image_thumb .slick-track{
text-align:center;
}
.roomList_image_thumb .slick-track li{
width: 30.33% !important;
margin:0 1.5% 10px;
}
#room07 .room_description br:nth-of-type(1),
#room07 .room_description br:nth-of-type(3) {
display: none;
} .tourism_recommend_text01 h3{
font-size: 150%;
padding-top: 25px;
}
.tourism_recommend_text01 .tourism_description {
padding: 5vw 0 0;
margin-top: 5vw;
}
.tourism_recommend_text01 .tourism_description{
padding-bottom: 5vw;
}
.tourism_recommend_text02 p{
padding:5vw 0;
}
.tourism_recommend .tourism_link a {
width: 70vw;
margin:0 auto 3vw;
}
.tourismList li {
width: 100%;
background-size:cover;
}
.tourismList{
padding:5vw 0 !important;
} .dinner_kaiseki01 .container{
height: auto;
}
.dinner_kaiseki01 .container img{
display: block;
width: 85%;
margin:3vw auto 0;
}
.dinner_kaiseki li .btn01 ,
.dinner_gozen .btn01{
margin: 5vw auto;
}
#cuisine02 .yoyaku01{
display: none;
}
.dinner_jizake .left h4 {
padding: 25px 0 25px !important;
}
.dinner_jizake .left{
padding-bottom: 25px;
width: 100%;
}
.dinner_kaiseki li,
.dinner_gozen .list01 li{
margin-bottom: 10vw;
}
.dinner_gozen .list01 li:last-child{
margin-bottom: 5vw;
}
.dinner_gozen{
padding-bottom: 10vw;
}
.dinner_kaiseki ul li{
padding-top: 0;
}
.dinner_gozen ul,
.dinner_jizake .container{
margin-top:3vw;
}
.buffet-image {
margin-bottom: 20px;
}
.special-breakfast {
margin-bottom: 40px;
}
.special-breakfast_lead {
text-align: left;
} .gmap {
padding: 5vw 0;
}
.gmap h2 {
font-size: 150%;
color: #872226;
text-align: center;
margin-bottom: 5vw;
}
.gmap h2 span {
font-size: 120%;
}
.gmap_map {
height: 100vw;
}
.gmap_map iframe {
position: relative;
width: 100%;
height: 100%;
top: auto;
left: auto;
margin-left: 0;
display: block;
}
.gmap address {
min-height: 1px;
width: 94%;
margin: 0 auto;
background-size:90%;
background-position:center top;
padding-left: 0;
padding-top: 25vw;
text-align:center;
}
.gmap_tel {
text-align:center;
}
.access01_pic01{
display: none;
}
.accessNav li {
width: 30vw;
}
.accessNav li a{
width: 100%;
font-size: 100%;
}
#access02 img.sp{
display: block;
} #contact01 .lead_description{
padding-left: 3vw;
padding-right: 3vw;
text-align:left;
}
#contact01 .mailform{
width: 94%;
margin:0 auto;
}
.contact_table {
width: 100%;
margin: 0 auto;
border-spacing:0;
border-collapse:collapse;
}
.contact_table th,
.contact_table td{
display: block;
width: 100%;
}
.contact_table th{
border:none;
background:#E7E3DF;
padding:0.5em 1em;
}
.contact_table td{
padding: 1em;
}
.contact_p01{
text-align:left;
}
#contact02 h2 {
font-size: 150%;
margin-bottom: 5vw;
}
#contact02 img {
margin: 3vw;
}
#contact02 address {
width: 94%;
margin: 0 auto;
background-size:90%;
background-position:center top;
padding-left: 0;
padding-top: 20vw;
text-align:center;
}
.mail_img{
width: auto;
height: 20px;
} #company02 ul{
margin:0 0 3vw;
}
#company02 ul li {
width: 30vw;
height: 30vw;
-webkit-border-radius: 15vw;
-moz-border-radius: 15vw;
border-radius: 15vw;
line-height: 30vw;
font-size: 120%;
}
.company02_box01{
background:none !important;
}
.company04_box01 {
background-size:cover;
height: auto;
padding:5vw;
position: relative;
overflow: hidden;
color: #FFFFFF;
}
.company04_tel{
text-align:center;
}
.company04_box01 .btn01{
margin:3vw auto 0 !important;
} #privacy01{
padding:10vw 0;
}
#privacy01 .container p{
margin-bottom: 5vw;
}
#privacy01 h3{
line-height: 1.3;
}
#privacy01{
padding:3vw 0;
} #yokokan01{
padding-top: 0;
}
.yokokan_news_title{
padding-left: 0;
margin-top: 5px;
}
.yokokan01_box01{
height:auto;
}
.yokokan01_box01 img {
top: auto;
left: auto;
display: block;
width: 100%;
margin:0 !important;
}
.yokokan01_box01 h2 {
margin:5vw auto !important;
width: 70%;
z-index: 9;
}
.yokokan_news{
margin-bottom: 5vw;
}
#yokokan02{
padding-bottom: 0;
}
#yokokan02 li {
height: auto;
margin-top: 50px;
width: 100%;
overflow:visible;
}
.yokokan02_num{
top:-20px;
margin:0;
left:10px;
}
.yokokan02_text {
padding: 3vw;
width: 100%;
}
#yokokan02 ul li:nth-child(2n) .yokokan02_num {
margin-left:0;
left:auto;
right:10px;
}
#yokokan02 ul li:nth-child(2),
#yokokan02 ul li:nth-child(3){
padding-top: 0;
margin-top: 0;
}
#yokokan02 ul li:nth-child(1) .yokokan02_text,
#yokokan02 ul li:nth-child(2) .yokokan02_text{
padding-bottom: 60px;
}
.yokokan03_logo {
width: 70%;
margin:3vw auto 0;
}
.yokokan03_tel {
width: 100%;
margin-right: 0;
padding-top: 20px;
}
.yokokan03_tel01{
width: 50%;
margin-left: auto;
margin-right: auto;
}
.yokokan03_map {
margin-top: 5vw;
padding:5vw 0;
}
.yokokan03_map_box01{
padding-top: 5vw;
padding-bottom: 10vw;
}
.yokokan03_map_box01 iframe{
margin-bottom: 3vw;
}
.yokokan03_pointcard h3{
line-height: 1.4;
padding-top: 15px;
}
.yokokan03_pointcard .container{
padding: 5vw 0 !important;
}
.yokokan03 img{
height:auto;
} .blog #headerLead h1{
background-image:url(//phoenix-hotel.jp/wp-content/themes/phoenixhotel/lib/images/sp/blog_pageHeader_h1.jpg);
}
#blog_widget {
width: 100%;
display: flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
margin: 0;
padding:5vw;
flex-wrap:wrap;
}
.blog_widget_content {
width: 100%;
padding: 30px 20px 20px;
float: none;
margin: 0 0 5vw;
}
.blog_archive_box {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
margin: 0 auto;
padding:0 5vw;
}
.blog_archive_box article {
width: 100%;
margin: 0 8px 8vw;
}
.blog_archive_box article img{
width: 100%;
height: auto;
}
.blog_single_content {
width: 100%;
margin: 0;
padding:5vw;
}
.blog_thumbnail{
width: 100%;
height: 55vw;
display: block;
overflow:hidden;
}
.blog_thumbnail img{
width: 100%;
height:auto;
min-height:100%;
}
.wp-pagenavi{
width: 90%;
margin-left: auto;
margin-right: auto;
}
.wp-pagenavi a,
.wp-pagenavi span{
display:inline-block;
}
.blog_single_category{
width: 100%;
}
.blog_single_header,
.blog_single_footer{
padding:3vw;
}
.blog_pageHeader .page_catchcopy{
font-size: 250%;
padding-bottom: 0;
}
.blog_pageHeader .blogNav {
padding: 3vw 0 3vw;
} .banquet_news li{
width: 100%;
}
.banquet_news li img{
width: 100%;
height:auto;
}
.banquet01_links a {
margin: 0 auto 10px;
}
#banquet02 nav ul li a{
height:100%;
}
.banquet02_container{
width: 94%;
margin:0 auto;
padding:3vw 0 10vw;
}
.banquet_table01{
margin-top: 3vw;
}
.banquet0301,
.banquet0302,
.banquet0303{
padding-bottom: 10vw;
}
.banquet03_mainImage {
position: relative;
overflow: hidden;
height: auto;
width: 100%;
padding-top: 0;
}
.banquet03_box01 {
position: relative;
width: 94%;
margin: 5vw auto;
padding: 5vw;
}
.banquet03_box02_text{
width: 100%;
margin:0 auto;
padding:0;
}
.banquet03_box02_text h4{
border:none;
}
.banquet03_box02_text a {
margin: 3vw auto 5vw;
}
.banquet0302 dl {
width: 94%;
margin: 0 auto 0;
}
.banquet0302 dl dt{
line-height: 1.4;
}
.banquet0302 dl dd{
width: 44vw;
height:44vw;
border-radius:22vw;
margin-bottom: 3vw;
padding-top: 15vw;
}
.banquet0302_p01{
width: 94%;
margin:0 auto;
text-align:left;
}
.banquet0303{
padding-top: 5vw;
}
.banquet0303 .banquet03_box02_text{
margin-bottom: 3vw;
}
.banquet0303 .btn01{
margin: 3vw auto 5vw;
}
.banquet04_p01 {
text-align: left;
font-size: 150%;
padding:0 3vw;
}
.banquet04_box01 {
background-size:100%;
padding-top: 53vw !important;
}
.banquet04_box01 address {
background-size:90%;
background-position: center top;
padding-top: 25vw;
text-align:center;
}
.banquet04_links{
margin-top: 5vw;
}
.banquet04_links .btn01{
width: 280px;
margin:0 auto 3vw !important;
float: none;
}
.banquet04_box01 address span{
font-size: 100%;
line-height: 1;
height:auto;
margin-bottom: 3vw;
}
.info200423{display: none;}
.info200423_sp{display: block;width: 95%;margin: 20px auto;padding: 10px;border: 1px solid red;background: lavenderblush;font-family: sans-serif;color: #000;}
.info200423_sp h6 span{
background: firebrick;
font-weight: bold;
padding: 5px;
color: #FFF;
margin-right: 10px;}
.info200423_sp h6{padding-left: 4em;text-indent: -3.3em;line-height: 1.3;}
.info200423_sp a{display: block;font-size: 100%;color: #00E;text-decoration: underline; text-align: center; padding: 10px 0;}
}