/*一時非表示*/
/*#page-room .plandetail .more{display: none;}*/

/*エラー*/
.main-photo{height: auto !important;  line-height: 0.8;}
#page-home .main-photo,
#page-detail .main-photo{line-height: 1.7;}
.container{padding-top: 0!important;}

/*パーツ表示*/
#modal-nav1, #modal-nav2{ display: none;}
.pcmode, .pc{display:block;}
.spmode, .sp{display:none;}


/* Move */

.move ul li a{
width: 60px;
height:60px;
background: #111470 url(../img/pagetop.png) no-repeat 100% 0;
background-size: 60px;
display: block;
border-radius: 100px;
}

.move ul li a:hover{
background:#222580 url(../img/pagetop.png) no-repeat 100% 0;
background-size: 60px;
}

/*stop*/
.move.stop a {
border-bottom-left-radius: 100px;
border-bottom-right-radius: 100px;
}

@media screen and (min-width:681px){
.nav07,
.nav08{display: none;}
}

/*
--------------------------------------------------
header
-------------------------------------------------- */
.header_wrap{
width:100%;
margin: 0 auto;
background-color:#ffffff;
}

header {
max-width:1400px;
width:100%;
margin: 0 auto;
position: relative;
height: 80px;
}

.header-inner{width:100%;}

.header-inner-inner {
max-width: 100%;
margin: 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
align-items: center;
}

header h1 {
width: 500px;
padding-top: 5px;
background-color:#ffffff;
text-align:center;
}

header h1 img{
width: 340px;
height: auto;
}

header .header_right_space{display:table;}

header .header_phone{
font-family:Arial, Helvetica;
font-size:21px;
display:table-cell;
vertical-align:middle;
color:#000000;
}

header .langnav {
display:none;
}

header .english {
padding:0px 15px;
}

header .english a{
display:block;
background-color:#000000;
color:#ffffff;
border-radius:100px;
padding:2px 20px 2px 15px;
font-size:12px;
position: relative;
}

header .english a::after {
font-family: FontAwesome;
content : "\f105";
position: absolute;
top: 50%;
right:10px;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
color:#fff;
transition:ease-in-out 0.2s;
}

header .english a:hover{
background-image:none;
background-size:5px;
background-color:#000 !important;
opacity:1 !important;
}

header .english a:hover::after {
font-family: FontAwesome;
content : "\f105";
position: absolute;
top: 50%;
right:5px;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
color:#fff;
transition:ease-in-out 0.2s;
}


/*パーツボタン*/
.cnav {
display:table-cell;
float: none;
position: relative;
top: 0;
right: 0;
padding:0;
}

header .cnav li {
float: none;
margin-left: 0px;
display:table-cell;
height:80px;
}

header .cnav li a {
height:80px;
line-height:80px;
display: block;
color: #fff;
font-size: 18px;
background:none;
padding:0 30px;
}

header .cnav li a:hover {
background:none;
}

header .cnav .cnav01 {}

header .cnav .cnav01 a{
background-color:#999966;
}

header .cnav .cnav01 a:hover{
background-color:#aaaa77;
}

header .cnav .cnav02{}

header .cnav .cnav02 a{
background-color:#111470 !important;
}

header .cnav .cnav02 a:hover{
background-color:#3337a3 !important;
}

header .cnav .cnav03{border-right:1px solid #111470;}
header .cnav .cnav03 a{
background-color:#fff;
padding: 0 5px;}
header .cnav .cnav03 a:hover{
background-color:#c8e7ff;}
header .cnav .cnav03 img{position: relative;top: 5px;}

@media screen and (max-width:680px){
/*総合トップ*/
.nav ul.nav-inner li .nav10{height: 55px; text-align: center;}
.nav ul.nav-inner li .nav10 img{height: 55px; width: auto;}
}

/*
-----------------------------------------------
slider
----------------------------------------------- */
.main-photo {position:relative; }

.main-photo-inner {
width:100%;
height:540px;
margin:0 auto;
position:relative;
overflow:hidden;
}

.main-photo-inner-inner {
width:2000px;
height:540px;
position:absolute;
left:50%;
top:50%;
transform: translate(-50%,-50%);
-webkit- transform: translate(-50%,-50%);
}

#slideshow {
width:2000px;
height:540px;
margin:0 auto;
}

.slider_copy{
position: absolute;
width:100%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-webkit- transform: translate(-50%,-50%);
text-align:center;
color:#fff;
font-size:28px;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
letter-spacing:.1em;
text-shadow:0 0 8px rgba(0,0,0,0.9);
font-weight:600;
}





/*
-----------------------------------------------
Reservation area
----------------------------------------------- */
#reservation_area{
background:url(../img/search_bg.jpg)repeat #474747;
padding: 35px 0 0 0;
color:#fff;
width:100%;
}

#reservation_area .inner{
width:960px;
margin:0 auto 50px;
position: relative;
}

#reservation_area .inner-inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
align-items: center;
}

#reservation_area .inner-inner.clearfix{
margin-bottom: 10px;
}

#reservation_area .search_title_space{
padding:0;
text-align:left;
width:150px;
}

#reservation_area .title_eng{
font-size: 13px;
font-weight:300;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
line-height:1em;
margin-bottom:8px;
}

#reservation_area h3.search_title{
font-size: 24px;
color: #fff;
margin:0;
padding:0;
line-height:1em;
}

input.datepicker{width:80%;}

#reservation_area .searchBtns{display:table-cell;}
#reservation_area .searchBtns li{float:left;}
#reservation_area .searchBtns li.pulldownWrap{width: 100px;}
#reservation_area .searchBtns li.btn_submit{width: 160px; margin-top: 10px;}
#reservation_area .searchBtns li.btn_submit.sp { display: none;}
#reservation_area .searchBtns p.texttop{}
#reservation_area .searchBtns p.textbottom{margin:10px 0 0 0}
#reservation_area li.box_day {
width: 180px;
}
#reservation_area .pulldown01, #reservation_area .pulldown02{width: 90px;}
#reservation_area input#datepicker {
background: #fff url(../img/calIcon.png)no-repeat right 10px center;
background-size: 20px; width:100%;
}
#reservation_area input {
padding:6px;
border: none;
}
#reservation_area select {
padding:6px;
border: none;
width:6.5em;
}
#reservation_area .btnToday{display:none;}
#reservation_area .btn_submit input.search {
width: 100%;
background: #111470;
color: #fff;
border-radius: 6px;
height: 70px;
line-height:60px;
margin: 0 0 10px 0;
transition: ease-in-out 0.2s;
font-size: 24px;
letter-spacing: 0.5em;
}
#reservation_area .btn_submit input:hover { cursor: pointer; background:gray;}
input.buttonCancel {
font-size: 12px;
height: 30px;
padding: 0;
width: 100%;
border-radius: 4px;
}

.search_btn01, .search_btn02, .search_btn03, .search_btn04, .search_btn05, .search_radio {
float:none;
font-size: 14px;
padding-right: 0px;
text-align: left;
padding:0 5px;
}
.search_btn01 {
}
.search_btn01 ul {
width:190px;
}
.search_btn01 input{
width:210px;
}
.search_btn02 ul { width: 100%;}
.search_btn03 ul{ width: 100%;}
.search_btn04 ul{width: 100%;}

.search_btn04 {}
.search_btn04 input[type='checkbox']{
}

.search_radio input {
vertical-align: middle;
margin-right: 4px;
font-size:16px;
}
.search_radio p { font-size: 13px;}
.search_btn05{
padding-right:0;
padding-left:20px;
}
p.reservetitle {
border-left: 0px solid #fff;
padding-left: 0px;
margin: 0 0 8px 0;
line-height: 14px;
height: 14px;
}
.search_btn01 p.reservetitle,
.search_btn04 p.reservetitle{
border-left: 6px solid #fff;
padding-left: 8px;}

#reservation_area input.button {
background:#999966 url(../img/footer_arrow.png) no-repeat right 20px center;
width: 180px;
height: 60px;
color: #fff;
font-size: 20px;
letter-spacing: 0.2em;
border-radius: 4px;
transition: ease-in-out 0.2s;
position: relative;
}

#reservation_area input.button:hover {
background:#aaaa77 url(../img/footer_arrow.png) no-repeat right 10px center;
}

.bottom_menu {
margin-top:35px;
background: #f7f7f7;
}
.bottom_menu ul {
text-align: center;
padding:10px 0;
}
.bottom_menu li {
display: inline-block;
border-right: 1px solid #666;
font-size: 14px;
}
.bottom_menu li:first-child{border-left: 1px solid #666;}
.bottom_menu li a {
display: block;
padding: 1px 20px;
line-height:1.05em;
}
.bottom_menu li a:hover{
background:inherit;
color:#000;
}

/*チェックボックス*/
.checktext , .checktext2{
margin-top: 40px;
font-size: 12px;
}
.checkA {
display: inline-block;
position: relative;
margin-right:  0px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: button;
appearance: button;
width:  20px;
height: 20px;
border: none;
vertical-align: bottom;
}

.checkA:checked::after {
position: absolute;
content: "";
top: 0px;
left: 4px;
width: 4px;
height: 10px;
border-right: 4px solid #009933;
border-bottom: 4px solid #009933;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.checktext2{position: absolute; right: 225px;}

/*
--------------------------------------------------
Navigation
-------------------------------------------------- */
.nav_wrap_inner {
width: 100%;
margin: 0 auto;
background-color:#ffffff;
height:60px;
}
nav {
width: 100%;
background-color:#ffffff;
}
nav ul {
width:960px;
margin: 0 auto;
letter-spacing:0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
nav ul:after {
display: none;
}

nav li a:hover{
background-color:#f7f7f7;
}
.gnavigation ul li {
/*width:14.28%;*/
width: 160px;
}
.gnavigation ul li a{
display:block;
text-align:center;
height:60px;
line-height:60px;
font-size:16px;
padding:0 .1rem;
letter-spacing: -.05em; 
}
.gnavigation ul li a span{
text-align:center;
}

/*hover.css*/
nav li {
display: inline-block;
padding:0px;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
nav li:before {
display:none;
}
nav li:hover:before, nav li:focus:before, nav li:active:before {
background-color:#f7f7f7;
}

nav li a:hover{
background: #ffffff  url(../img/gnav_hover.jpg) repeat-x;
}

/*カレント表示*/
nav li.current a {
border-bottom: none;
background: #ffffff url(../img/gnav_hover.jpg) repeat-x;
border-top: 2px #111470 solid;
}
/*fixed*/
nav.fixed {
/*position:inherit;*/
}


/*
--------------------------------------------------
contents
-------------------------------------------------- */
.content{
width:100%;
}
.c-m{}
#page-home .content .inner {
/*width: 960px;*/
width:100%;
margin: 0 auto;
}
.inner-inner{}
.wrapper{}

/*
--------------------------------------------------
top contents
-------------------------------------------------- */
.contents_wrap{}
.contents_wrap2{}
.contents_wrap section{
padding:40px 0;
margin-bottom:20px;
}
.contents_wrap section:last-child{
margin-bottom:0px;
}
.bg_dots{
padding:40px 0;
background:url(../img/bg_dots_height.jpg)repeat #ffffff;
}
.bg_gray{
padding:40px 0;
background-color:#f8faf8;
}

.bg_blue{
padding:40px 0;
background-color:#f7fbfe;
}

.sec_inn{
max-width:960px;
margin:0 auto;
}
.contents_wrap h2{
font-size:34px;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight:normal;
height:inherit;
margin:0 0 20px 0;
border-bottom:none;
letter-spacing: -.01em;
line-height:1.6;
}

.dec_space{
margin-bottom:30px;
}
.dec_space p{
text-align:center;
font-size:16px;
}

.top_access_space{
max-width:960px;
background:url(../img/top_001_bg.jpg) no-repeat center bottom -125px #ffffff;
padding:80px 5px;
margin-bottom:30px;
}
.top_access_wrap{
max-width:730px;
margin:0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.top_access_wrap .box{
background: #111470;
border-radius: 50%;
height: 230px; width: 230px;
position: relative;
}
.top_access_wrap .box img{
max-width:100%;
height:auto;
}
.top_access_wrap .box p{
    color: #fff;
    font-size: 20px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 180px; line-height: 1.4;}

@media screen and (max-width:680px){
.top_access_wrap .box{height: 8em; }
.top_access_wrap .box p{font-size: 12px; width: 80%;}
}

.top_service_space{
margin: 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin-bottom:30px;
}
.top_service_space .box{
width:315px;
/*width:32.9%;*/
background:#111470;
}
.top_service_space .pic2,
.top_service_space .pic{
width:100%;
background:#ffffff;
}
.top_service_space .pic2 img,
.top_service_space .pic img{
width:100%;
height:auto;
vertical-align:bottom;
}
.top_service_space .box_text{
color:#ffffff;
padding:20px;
}
.top_service_space .title{
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
text-align:center;
font-size:26px;
line-height:1.2em;
border-bottom:dotted 2px rgba(255,255,255,0.8);
margin-bottom:15px;
padding:5px 0 15px 0;
height: 6em;
display: flex;
align-items: center;
justify-content: center;
}
.top_service_space .dec{
padding:0 10px;
}
.top_service_space .dec p{
margin:0;
padding:0;
font-size:16px;
letter-spacing:1px !important;
}

.full_pic_space {
margin-bottom:30px;
}

.full_pic_space img{
width:100%;
height:auto;
vertical-align:bottom;
}

/** news **/
#news {
padding:30px 0 60px 0;
}

#news h2{
border-bottom:none;
font-size:36px;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
margin-bottom:60px;
}
#news h2::before{
content:"";
width:280px;
height:20px;
display:block;
margin:0 auto;
background:url(../img/h2_info.png)no-repeat center center;
margin-bottom:10px;
}

#news .column{
width:960px;
margin:0 auto;
}
#news .column .column-inner{
padding:0 0 20px 0;
margin:0 0 30px 0;
font-size: 16px;
}


.column-inner h3:before {
display:none;
}
.column-inner h3 {
margin-bottom: 5px;
font-weight: normal;
}

.column-inner .plandetail{
position: relative;
padding:0 150px 0 0;
}
.column-inner .plandetail .statement_link{
position: absolute;
bottom: 0;
right: 0;
}
.column-inner .plandetail .statement_link a{
}

p.statement_link a {
display: inline-block;
background: none;
background-size: none;
color: #ffffff;
background-color:#111470;
padding:4px 20px 4px 10px;
text-align: center;
margin:0;
text-decoration:none ;
width:inherit;
height:inherit;
line-height:inherit;
font-size:12px;
transition:ease-in-out 0.2s;
position: relative;
}
p.statement_link a::after {
font-family: FontAwesome;
content : "\f105";
position: absolute;
top: 50%;
right:10px;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
color:#ffffff;
transition:ease-in-out 0.2s;
}

p.statement_link a:hover{
color: #fff;
background: none;
background-color:#111470;
transition:ease-in-out 0.2s;
}


p.statement_link a:hover::after{
font-family: FontAwesome;
content : "\f105";
position: absolute;
top: 50%;
right:5px;
transform: translateY(-50%);
-webkit- transform: translateY(-50%);
color:#ffffff;
}


/** access **/
.access_wrap section{
padding:60px 0;
}
#access_s h2{
border-bottom:none;
font-size:36px;
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
margin-bottom:60px;
}
#access_s h2::before{
content:"";
width:280px;
height:20px;
display:block;
margin:0 auto;
/*background:url(../img/h2_access.png)no-repeat center center;*/
margin-bottom:10px;
}

.gmap{
margin-bottom:30px;
}
.gmap iframe{
width:100%;
}

/** banner **/
.bg_white{
background-color:"fff";
}
.banner_space .section{
}
.banner_space .sec_inn{
padding:60px 0 30px 0;
}

.banner_wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
}
.banner_wrap .banner{
width:230px;
}
.banner_wrap .banner img{
width:100%;
height:auto;
}


/*
--------------------------------------------------
Child page
-------------------------------------------------- */
#page-detail{}
#page-detail .content{
width:960px;
margin:0 auto 100px;
}
@media screen and (max-width:680px){
#page-detail .content{width:100%; }
}

/*
--------------------------------------------------
footer
-------------------------------------------------- */
footer {
width: 100%;
border-top: none;
background-color:#f7fbfe;
}
footer .footer_inner{
width: 960px;
margin:0 auto;
padding:60px 0;
}

.footer_top_space{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
align-items: center;
margin-bottom:40px;
}
.footer_logo{
}
.footer_logo img{
max-width:100%;
height:auto;
}
.footer_information{
font-size:16px;
}

.footer_bottom_space{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
align-items: center;
width:100%;
}
.footernav{
max-width:780px;
}
.footernav ul{}
.footernav li{
display:inline-block;
}
.footernav li::after{
content:"│";
padding:0 10px;
}

.footernav li:last-child::after{
content:"";
padding:0;
}

.footernav li a{font-size:16px;}
.footer_sns{text-align:center;}
.ficon{}

.copyright{
background-color:#111470 !important;
height:inherit !important;
line-height:inherit !important;
padding:15px 0 !important;
color:#fff !important;
text-align:center !important;
}

/*
--------------------------------------------------
other
-------------------------------------------------- */
.marker {
background: linear-gradient(transparent 80%, #f4dce0 80%);
}

/** more **/
.more_btn_space{
text-align:center;
margin:15px 0;
}
.more_btn{
width:346px;
margin:0 auto;
}
.more_btn a{
text-align:center;
display:block;
height:60px;
line-height:60px;
position: relative;
color:#111470;
background-color:#ffffff;
z-index:5;
font-size:16px;
}
.more_btn a span:after{
font-family: FontAwesome;
content : "\f105";
margin-left:10px;
}


.more_btn a:after{
display:block;
content:"";
position: absolute;
border:1px solid #111470;
border-radius:5px;
height:60px;
line-height:60px;
top:-2px;
left:-2px;
z-index:10;
width:346px;
}

.more_btn a:before{
display:block;
content:"";
position: absolute;
border:1px solid #111470;
border-radius:5px;
height:60px;
line-height:60px;
top:2px;
left:2px;
z-index:0;
width:346px;
}

/** original more **/
.more,
#news .more
{
width:346px;
background:url(../img/btn_pc.png) no-repeat center center;
height:66px;
line-height:66px;
color:#111470;
margin:0 auto;
}

.more a,
#news .more a{
background:none;
display:block;
height:66px;
line-height:66px;
width:346px;
text-align:center;
color:#111470;
font-size:16px;
transition:ease-in-out 0.2s;
}

.more a:after,
#news .more a:after
{
font-family: FontAwesome;
content : "\f105";
margin:0 10px;
transition:ease-in-out 0.2s;
}

.more a:hover,
#news .more a:hover
{
border:none;
color:#111470;
background:none;
background-size:none;
transition:ease-in-out 0.2s;
}

.more a:hover:after,
#news .more a:hover:after{
margin:0 0px 0 20px;
transition:ease-in-out 0.2s;
}




/*
----------------------------------------------------------
tablet
---------------------------------------------------------- */
@media screen and (max-width:960px) {
body{
min-width:960px;
}

header h1 {
width: 280px;
}

/*パーツボタン*/
.cnav {
display:table-cell;
float: none;
position: relative;
top: 0;
right: 0;
padding:0;
}
header .cnav li {
float: none;
margin-left: 0px;
display:table-cell;
height:80px;
}
header .cnav li a {
height:80px;
line-height:80px;
display: block;
color: #fff;
font-size: 16px;
background:none;
padding:0 5px;
}


}

/*
----------------------------------------------------------
SP
---------------------------------------------------------- */
@media screen and (max-width:680px){

.pcmode, .pc{display:none;}
.spmode, .sp{display:block;}

body{min-width:inherit;}


header .header_phone,
header .cnav{
display:none;
}

header {
border-top:3px solid #111470;
width: 100%;
height:53px;
background:rgba(255,255,255,1) !important;
}

.header-inner {
width: 100%;
margin: 0 auto;
}

header h1 {
width:100%;
height:50px;
padding-top:0px;
display:inline-block;
vertical-align:middle;
}

header h1 img{
width: 100%;
height:auto;
vertical-align:middle;
}

.right_sp{
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
header .english {
display:none;
}
.right_sp .menu_en{
background-color:#111470 !important;
color:#fff !important;
border:none !important;
border-radius:2px;
}

.right_sp .menu_en span{
color:#fff !important;
text-decoration:none;
}

.right_sp .menu_tel a{
background-color:#111470;
color:#fff !important;
border:none !important;
border-radius:2px;
}

.right_sp .menu_btn .modal-open{
background-color:#111470 !important;
color:#fff !important;
border:none !important;
border-radius:2px;
}

/*外国語リンク*/

header .langnav {
border:none;
top: 52px;
}
header .langnav ul{
border:none;
}
header .langnav li {
border:none;
}

header .langnav a{
color:#111470;
border:1px solid #111470;
}

header .langnav li a:hover{
opacity:0.5;
}


/*
-----------------------------------------------
slider
----------------------------------------------- */
.main-photo{
position: relative;
height:180px;
width:100%;
}

.main-photo-inner{
height:180px;
width:100%;
}
.main-photo-inner-inner{
height:180px;
width:100%;
}

#slideshow {}
.main-photo img{
width:700px !important;
height:auto !important;
}

.slider_copy{
width:90%;
font-size:18px;
letter-spacing:0em;
}




/*
-----------------------------------------------
Reservation area
----------------------------------------------- */
#reservation_area{
padding: 30px 20px 20px 20px;
width:100%;
}

#reservation_area .inner{
width:100%;
margin:0 auto;
}

#reservation_area .inner-inner{
flex-wrap: wrap;
}

#reservation_area .inner-inner.clearfix {
margin-bottom: 10px;
}

#reservation_area .search_title_space{
margin:0 0 20px 0;
text-align:center;
width:100%;
}

#reservation_area .title_eng{
font-size: 12px;
line-height:1em;
margin-bottom:8px;
}

#reservation_area h3.search_title{
font-size: 24px;
color: #fff;
padding:0;
}

input.datepicker{width:100%;}

#reservation_area .searchBtns{display:table-cell;}
#reservation_area .searchBtns li{float:left;}
#reservation_area .searchBtns li.pulldownWrap{width: 100px;}
#reservation_area .searchBtns li.btn_submit{width: 160px; margin-top: 10px;}
#reservation_area .searchBtns li.btn_submit.sp { display: none;}
#reservation_area .searchBtns p.texttop{}
#reservation_area .searchBtns p.textbottom{margin:10px 0 0 0}
#reservation_area li.box_day {width: 100%;}

#reservation_area .pulldown01,#reservation_area .pulldown02{width: 90px;}

#reservation_area input#datepicker {
background: #fff url(../img/calIcon.png)no-repeat right 10px center;
background-size: 20px;
}

#reservation_area input {
padding:6px;
border: none;
 font-size:16px;
}

#reservation_area select {
padding:6px;
border: none;
width:100%; 
font-size:16px;
}

#reservation_area .btnToday{display:none;}
#reservation_area .btn_submit input.search {
width: 100%;
background: #111470;
color: #fff;
border-radius: 6px;
height: 70px;
margin: 0 0 10px 0;
transition: ease-in-out 0.2s;
font-size: 24px;
letter-spacing: 0.5em;
}

#reservation_area .btn_submit input:hover {
cursor: pointer;
}
input.buttonCancel {
font-size: 12px;
height: 30px;
padding: 0;
width: 100%;
border-radius: 4px;
}

.search_btn01, .search_btn05, .search_radio {
width:100%;
}

.search_btn01 {
width:100%;
padding-right:0;
padding-left:0px;
text-align: left;
}

.search_btn02, .search_btn03, .search_btn04 {
float:none;
font-size: 14px;
padding-right: 0px;
padding-left:0px;
text-align: left;
width:33.3333%;
margin-bottom:10px;
}

.search_btn02 {
padding-right:4px;
}
.search_btn03 {
padding:0 2px;
}
.search_btn02,
.search_btn03{width: 45%;}

.search_btn04 {
padding-left:4px;
padding-top:14px;
width:100%;
}

.search_btn05{
width:100%;
padding-right:0;
padding-left:0px;
}

.search_btn01 ul {width:100%;}
.search_btn01 input{width:100%;}
.search_btn02 ul { width: 100%;}
.search_btn02 input{width:100%;}
.search_btn03 ul{ width: 100%;}
.search_btn04 ul{ width: 100%;}

.search_radio input {
vertical-align: middle;
margin-right: 0px;
}

.search_radio p { font-size: 13px;}

p.reservetitle {
border-left: 0px solid #fff;
padding-left: 0px;
margin: 0 0 8px 0;
line-height: 14px;
}

#reservation_area input.button {
width: 100%;
height:  40px;
line-height: 40px;
background:#999966 url(../img/footer_arrow.png) no-repeat right 20px center;
color: #fff;
font-size: 18px;
letter-spacing: 0.2em;
border-radius: 2px;
transition: ease-in-out 0.2s;
}


/*
-----------------------------------------------
contents
----------------------------------------------- */

div.container{
padding-top:0px !important;
}

.sec_inn{
max-width:100%;
margin:0 auto;
padding:0;
}

.contents_wrap section{padding:30px 0;}

.contents_wrap h2{
font-size:20px;
height:inherit;
line-height:1.6em;
margin:0 0 20px 0;
padding:0 15px;
}

.dec_space{
margin-bottom:30px;
padding:0 20px;
}

.dec_space p{
text-align:left;
font-size:13px;
}

.top_service_space{
margin: 0 auto;
display:block;
margin-bottom:30px;
}

.top_service_space .box{
width:100%;
display:table;
margin-bottom:10px;
}

.top_service_space .pic2,
.top_service_space .pic{
display:table-cell;
width:35%;
position: relative;
overflow:hidden;
}

.top_service_space .pic img{
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
-webkit- transform: translate(-50%,-50%);
width:auto;
height:100%;
vertical-align:bottom;
}

.top_service_space .pic2 img{
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
-webkit- transform: translate(-50%,-50%);
width:auto;
height:100%;
vertical-align:bottom;
}

.top_service_space .box_text{
display:table-cell;
vertical-align: middle;
width:65%;
color:#fff;
padding:10px;
}

.top_service_space .title{
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
text-align:center;
font-size:15px;
line-height:1.2em;
border-bottom:dotted 2px rgba(255,255,255,0.8);
margin-bottom:10px;
padding:5px 0 10px 0;
height: auto;
}

.top_service_space .dec{}

.top_service_space .dec p{
margin:0;
padding:0;
font-size:12px;
}


/** news **/
#news {
padding:30px 0;
}

#news h2{
font-size:22px;
margin-bottom:40px;
}

#news h2::before{
content:"";
width:180px;
height:15px;
display:block;
margin:0 auto;
background:url(../img/h2_info_sp.png)no-repeat center center;
background-size:180px;
margin-bottom:0px;
}

#news .column{
width:100%;
margin:0 auto;
padding:0 20px;
}

#news .column .column-inner{
padding:0 0 20px 0;
margin:0;
border-bottom:1px dotted #ccc;
font-size: 14px;
}

.column-inner h3:before {display:none;}

.column-inner h3 {
margin-bottom: 5px;
font-weight: normal;
}

.column-inner .plandetail{
position: relative;
padding:0 0px 30px 0;
}

.column-inner .plandetail .statement_link{
position: absolute;
bottom: 0;
right: 0;
}

.column-inner .plandetail .statement_link a{
}

p.statement_link a {
display: inline-block;
background-size: none;
padding:3px 15px;
text-align: center;
margin:0;
text-decoration:none ;
width:inherit;
height:inherit;
line-height:inherit;
font-size:12px;
transition:ease-in-out 0.2s;
background-color:#111470;
}

p.statement_link a:hover{
color: #fff;
}


/** access **/

.access_wrap section{
padding:30px 0;
}

#access_s h2{
font-size:22px;
margin-bottom:20px;
}

#access_s h2::before{
content:"";
width:180px;
height:15px;
display:block;
margin:0 auto;
background:url(../img/h2_access_sp.png)no-repeat center center;
background-size:180px;
margin-bottom:0px;
}

.top_access_space{
padding:40px 5px;
}

#access_s  .dec_space {}

#access_s  .dec_space p{
text-align:center;
}

.gmap{
margin-bottom:0px;
}

.gmap iframe{
width:100%;
height:265px;
}


/** banner **/

.bg_white{
background-color:"#fff";
}

.banner_space .section{

}

.banner_space .sec_inn{
padding:30px 10px 40px 10px;
}

.banner_wrap{
flex-wrap: wrap;
}

.banner_wrap .banner{
width:47%;
}

.banner_wrap .banner img{
width:100%;
height:auto;
}



/*
--------------------------------------------------
footer
-------------------------------------------------- */
footer {
width: 100%;
border-top: none;
margin:0;
}

footer .footer_inner{
width: 100%;
margin:0 auto;
padding:40px 20px;
}

.footer_top_space{
display:block;
margin-bottom:30px;
}

.footer_logo{
width:245px;
margin-bottom:20px;
}

.footer_logo img{
max-width:100%;
height:auto;
}

.footer_information{
font-size:14px;
color:#000;
}

.footer_bottom_space{
width:100%;
display:block;
position: relative;
padding:0;
}

.footernav{
width:100%;
font-size:12px;
margin:bottom:20px;
}

.footernav ul{}

.footernav li{
display:inline-block !important;
margin-bottom:10px;
}
.footernav li::after{
content:"│" !important;
padding:0 10px !important;
color:#000;
}

.footernav li:last-child::after{
content:"" !important;
padding:0 !important;
}

.footernav li a{font-size:12px;}

.footer_sns{
position: absolute;
bottom:-40px;
right: 0;
}

.ficon{width:100px;}

.ficon img{
width:100%;
height:auto;
}

.copyright{
padding:15px 0;
font-size:10px;
}


/*
-----------------------------------------------
other
----------------------------------------------- */

/** original more **/
.more, #news .more
{
width:200px;
background:url(../img/btn_pc.png) no-repeat center center;
background-size:200px;
height:45px;
line-height:45px;
color:#111470;
margin:0 auto;
}
@media screen and (max-width:680px){
#page-room .more
{
width:300px;
background-size:280px;
height:55px;
line-height:45px;}
#page-room .more a{ width: 300px; line-height: 55px; height: 55px;}
}

.more a,
#news .more a{
background:none;
display:block;
height:45px;
line-height:45px;
width:200px;
text-align:center;
color:#111470;
font-size:14px;
transition:ease-in-out 0.2s;
padding-left:15px;
}

/* Move */

.move ul li a{
width: 40px;
height:40px;
background: #111470 url(../img/pagetop.png) no-repeat 100% 0;
background-size: 40px;
display: block;
border-radius: 100px;
}

.move ul li a:hover{
background:#111470 url(../img/pagetop.png) no-repeat 100% 0;
background-size: 40px;
}

/*stop*/
.move.stop a {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color:#111470;
}

}




/*iphone5*/
@media screen and (max-width:320px){
.top_service_space .pic2 img{
position: absolute;
top:50%;
left:30%;
transform: translate(-50%,-50%);
-webkit- transform: translate(-50%,-50%);
width:auto;
height:100%;
vertical-align:bottom;
}
}



/*下層共用*/
#page-detail .content h2.hd,
#page-mailform .content h2.hd,
#page-gallery .content h2.hd,
#page-about .content h2.hd,
#page-policy .content h2.hd,
#page-access .content h2.hd,
#page-sightseeing .content h2.hd,
#page-service .content h2.hd,
#page-room .content h2.hd{border-bottom: dotted 2px #b9cfed; font-size: 30px; height: auto; line-height: 1em; padding: 0 0 15px;}

#page-service .content h2.hd{display: none;}
#page-service .content h2.hd2{border-bottom: dotted 2px #b9cfed; font-size: 30px; height: auto; line-height: 1em; padding: 0 0 15px;}

.maincol .catch{ color:#3337a3; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif; font-size: 25px; font-weight: bold; margin:  60px 0 30px; line-height: 1.5; }
.maincol .catchtxt{ font-size: 16px; margin: 0 0 60px; width: 80%;}

@media screen and (max-width:681px){
#page-service .content .inner{width: 95%; margin: 0 auto 6em;}
#page-room .content .inner{width: 95%; margin: 0 auto 130px;}
.maincol .catchtxt{ width: 100%;}
#page-service .main-photo-inner img{margin: 0 0 0 -60%;}#page-service .maincol .catch{margin:  20px 0 30px;}
#page-service .maincol .catchtxt{margin: 0 0 0;}
}

/*客室*/
#page-room{}
#page-room .column-inner h3{background:#b9cfed; font-weight: bold; padding: 0 0 0 5px;}
#page-room .column-inner h3.subtit{background:#b9cfed; font-weight: bold; padding: 0 0 0 5px; border-left:0px;}
#page-room .plandetail h3{font-size: 20px;  border-left: 5px solid #111470; padding: 0 0 0 10px; background: #fff;}
#page-room .plandetail{position: initial; margin: 0 0 60px;}
#page-room .plandetail .roomtxt{ width:450px;  margin: 20px 0 0;}
#page-room .plandetail .more{margin: 20px 0 0;}
#page-room .plandetail .roombtn{ position: absolute; bottom: 70px; right: 0;}

/*#page-room .amenity li{float: left; border: 1px #ccc solid; padding: 5px  8px; margin: 5px 5px 5px 0;}*/
#page-room .amenity li{float: left; padding: 5px  8px; margin: 5px 5px 5px 0; width: 110px;  text-align: center; min-height: 150px;}
#page-room .amenity li img{width: 70px;}
#page-room .amenity li span{display: block; font-size:13px; margin: 0;}

#page-room .column-inner .plandetail{padding: 0 0 0;}
#page-room .column-inner{position: relative;}

@media screen and (max-width:681px){
#page-room .plandetail{margin: 0 0 60px;}
#page-room .plandetail .roomtxt{ width:100%;  margin: 20px 0 20px;}
#page-room .plandetail .roombtn{ position: relative; bottom:auto; right: auto; height: auto;  margin: auto;}
#page-room .column{margin: 0 0 6em;}
#page-room .plandetail .more{margin: 10px auto 0;}

#page-room .amenity li{margin: 0 3px; padding: 5px; width: 80px; height: 150px;}
#page-room .amenity li span{font-size: 12px;}
}
#page-room .maincol .catch{margin: 0 0 30px;}
#page-room .maincol .roomtop{padding: 60px 0 30px; background: url(../img/roomtop.jpg) no-repeat; background-position: right top;}

/*施設・サービス*/
#page-service .column-inner h3{ font-size: 20px; font-weight: bold; border-left: 5px solid #20305b;    border-bottom: 1px solid #20305b; padding: 0 0 0 10px;}
#page-service .plandetail{font-size: 16px; line-height: 2; padding: 30px 0 0; }

#page-service .column-inner h4{ color: #3337a3; font-weight: bold; margin: 20px 0 0; }
#page-service .column{margin: 0 0 3em;}
#page-service .column-inner{border: none;}

#page-service .facilities01 dt{float: left; width: 740px;}
#page-service .facilities01 dd{float: right; width: 200px;}
#page-service .facilities01 dl:after{
  content: "";
  display: block;
  clear: both;}
  
@media screen and (max-width:681px){
#page-service .facilities01 dt{float: none; width: auto; padding: 0; }
#page-service .facilities01 dd{float: none; width: auto;}
}

/*周辺*/
#page-sightseeing{}
#page-sightseeing h2.hd{margin: 0 0 60px;}
#page-sightseeing .column-inner h3{color: #fff;  font-size: 16px; font-weight: bold; border-left: 5px solid #111470; margin: 0 0 0; padding: 0 0 0 10px; background: #3337a3;}
#page-sightseeing .column-inner .plandetail{padding: 0 0 0;}
#page-sightseeing .photos-right{/*margin-left: 10px;*/}

@media screen and (max-width:681px){
#page-sightseeing .content .inner{width: 95%;  margin: 0 auto 12em;}
#page-sightseeing .column-inner{ margin: 0 0 3em; padding: 0.5em 2% 1em; border: dotted 1px #ccc;}
}

/*交通*/
#page-access .column-inner .plandetail{padding: 0 0 0;}
#page-access .column{margin: 30px 0 30px;}
#page-access .plandetail h3{color: #fff;  font-size: 16px; font-weight: bold; border-left: 5px solid #111470; margin: 0 0 0; padding: 0 0 0 10px; background: #3337a3;}
#page-access .photos-right{margin-left:10px;}
#page-access .cap{font-size: 80%; padding: 10px;}

@media screen and (max-width:681px){
#page-access .photos-right{margin-left: 0;}
#page-access .plandetail h3{color: #fff; border-left: 0px solid #111470; margin: -10px 0 0; padding: 0 0 0 10px;}
#page-access .content .inner{width: 95%; padding: 0 0 9em;}
}

/*フォトギャラリー*/
#page-gallery .caps{padding: 0; margin: -0.7em 0 1em; text-align: center;}
#page-gallery .column-inner h3{color: #fff;  background: #3337a3; border-left: 2px solid #3337a3;}
#page-gallery .photos-conformity-left img{padding: 3px; border: 1px solid #ccc;}
#page-gallery #lightboxCaption{font-size: 16px; font-weight: bold; padding: 5px 0;}
#page-gallery #prevLink,
#page-gallery #nextLink{opacity: 0.7;}
#page-gallery .plandetail-conformity{margin: 60px 0 0;}
#page-gallery span.caps{font-size: 85%;}

@media screen and (max-width:681px){
#page-gallery .photos-conformity-left > div,
#page-gallery .photos-conformity-right > div,
#page-gallery .photos-bottom > div{width: 32% !important;}
#page-gallery .photos-conformity-left > div{margin-right: 1%;}
}

/*プライバシーポリシー*/
#page-policy .column-inner h3{color:#3337a3; font-size: 22px; font-weight: bold;}
#page-policy .toptxt{margin: 60px 0 30px;}

/*会社概要*/
#page-about .toptxt{margin: 60px 0 30px;}
#page-about  .column-inner .plandetail{padding: 0 0 0;}
#page-about th{background: #eaf1fb; font-weight: bold;}
#page-about .column-inner h3{color:#3337a3; font-size: 22px; font-weight: bold;}
#page-about .greetings{font-size: 16px; padding: 15px; background: #eaf1fb;}
#page-about .greetings:after{ content: ""; display: block; clear: both;}
#page-about .greetings .txt{float: left; width: 760px; margin: 10px 0 20px; }
#page-about .greetings .ph{float: right; width: 150px;}
#page-about .column-inner{border: none;}

@media screen and (max-width:681px){
#page-policy .content .inner,
#page-gallery .content .inner,
#page-about .content .inner{width: 95%; padding: 0 0 6em;}

#page-policy .main-photo img{margin: 0 0 0 -40%}

#page-about .column-inner{margin: 2em 0 0;}
#page-about .greetings .txt{float: none; width:100%; margin: 20px auto 0; }
#page-about .greetings .ph{float: none; width: 60%; margin: auto;}
}

/*お問い合わせ*/
@media screen and (min-width:680px){
#page-mailform .column-inner{width: 960px; margin: auto;}
}
#page-mailform .flowchart .active .number{background: #111470;}
#page-mailform .flowchart .number{border: 1px solid #111470;}
#page-mailform .column-inner table th{background: #eef7f4;}
#page-mailform #form_wrap input.sendBtn{background: #111470;}


#datepicker{cursor:pointer;}


/*ページトップへの文字けし*/
@media screen and (max-width:681px){
.move.stop a{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;}
.move.stop a{background: #111470 url(../img/arrowtop_w.png) no-repeat center; background-size: 20px;}
.move.stop a:hover{background: #111470 url(../img/arrowtop_w.png) no-repeat center; background-size: 20px;}
}