@charset "utf-8";

/*!
 * common.css : v0.1
 * date : 20170404
 */
@import url('https://fonts.googleapis.com/css?family=Cardo:700|Source+Sans+Pro:600');
/* @import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900'); */


/* 言語切替 */
/* .language_span {pointer-events: none !important; margin-left: 0 !important;}
.language_span a.po_center::after { display: none !important;}
.language .po_center { left: 50% !important; pointer-events: none !important;}
.bk_por.language_open, .language.bk_por:hover, .sp-language.bk_por:hover { background: #F6EDE2 !important; color: #3d5a5b !important; } */



/* Setting-basic
-----------------------------------------------------------*/
body {
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","メイリオ",'Meiryo',"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;
	color: #000000;
	background: #fff;
	line-height: 1.8;
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
	font-weight: 300;
}
::-moz-selection { background: #576d6f; color: #F6EDE2;}
::selection { background: #576d6f; color: #F6EDE2;}

/*clearfix*/
* html .clearfix { /*zoom: 1;*/}
*+html .clearfix { /*zoom: 1;*/}
.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }
/*clearfix*/

.h1tt{
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
font-size: 0;}

/* Module
-----------------------------------------------------------*/
img {
	border: 0;
	vertical-align: middle;
}
ol,ul {
	list-style: none;
}
p {
/* 	margin: 0 0 20px; */
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	line-height: 1.4;
	font-weight: normal;
	font-size: 100%;
}
/*
h1 { font-size: 100%;}
h2 { font-size: 100%;}
h3 { font-size: 100%;}
h4 { font-size: 100%;}
h5 { font-size: 100%;}
h6 { font-size: 100%;}
*/

/* Hypertext Module
-----------------------------------------------------------*/

a:link,
a:visited {
	text-decoration: none;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;

}
a:hover {
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

/* General Settings
-----------------------------------------------------------*/
/* Margin Control */
.mb00 { margin-bottom: 0!important;}
.mb05 { margin-bottom: 5px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}
.mb80 { margin-bottom: 80px!important;}
.mb90 { margin-bottom: 90px!important;}
.mb100 { margin-bottom: 100px!important;}
.mb120 { margin-bottom: 120px!important;}
.mb130 { margin-bottom: 130px !important;}
.mb140 { margin-bottom: 140px !important;}
.mb150 { margin-bottom: 150px !important;}
.mb160 { margin-bottom: 160px !important;}

.mt00 { margin-top: 0 !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mt80 { margin-top: 80px !important;}
.mt90 { margin-top: 90px !important;}
.mt100 { margin-top: 100px !important;}
.mt110 { margin-top: 110px !important;}
.mt120 { margin-top: 120px !important;}
.mt130 { margin-top: 130px !important;}
.mt140 { margin-top: 140px !important;}
.mt150 { margin-top: 150px !important;}
.mt160 { margin-top: 160px !important;}

/* width */
.width100 { width: 100%;}
.width90 { width: 90%;}
.width80 { width: 80%;}
.width70 { width: 70%;}
.width60 { width: 60%;}
.width50 { width: 50%;}
.width40 { width: 40%;}
.width30 { width: 30%;}
.width20 { width: 20%;}
.width10 { width: 10%;}
.width5 { width: 5%;}

.height100 {
	height: 100%;
}

/* font size */
.text75 { font-size: 75%;}
.text80 { font-size: 80%;}
.text85 { font-size: 85%;}
.text90 { font-size: 90%;}
.text100 { font-size: 100%;}
.text110 { font-size: 110%;}
.text120 { font-size: 120%;}
.text130 { font-size: 130%;}
.text140 { font-size: 140%;}
.text160 { font-size: 160%;}
.text180 { font-size: 180%;}
.text200 { font-size: 200%;}
.text220 { font-size: 220%;}
.text240 { font-size: 240%;}
.text260 { font-size: 260%;}

/* color */
.c_000 { color: #000;}
.c_333 { color: #333;}
.c_555 { color: #555;}
.c_888 { color: #888;}
.c_fff { color: #fff;}
.c_red { color: #f00;}
.c_blue { color: #0e92e5;}
.c_green { color: #86bf00;}
.c_orange { color: #ffa41b;}

/* font style */
.boldstyle { font-weight: bold;}
.normalstyle { font-weight: normal;}
.italicstyle { font-style: italic;}

/* text-align */
.aligncenter { text-align: center;}
.alignleft { text-align: left;}
.alignright { text-align: right;}
.alignjustify { text-align: justify;}

/* font */
.fn_Cardo { font-family: 'Cardo', serif; font-weight: 700;}
.fn_Source { font-family: 'Source Sans Pro', sans-serif; font-weight: 600;}
.fn_gothic { font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","メイリオ",'Meiryo',"ＭＳ Ｐゴシック",Helvetica,Arial,sans-serif;}

/* Table Module
-----------------------------------------------------------*/
table {
	width: 100%;
	border-top: 1px solid #828282;
	border-left: 1px solid #828282;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 85%;
/* 	white-space: nowrap; */
	background: #ffffff;
}
td,th {
	padding: 8px 10px;
	text-align: left;
	line-height: 1.5;
	font-weight: normal;
	border-right: 1px solid #828282;
	border-bottom: 1px solid #828282;
}
thead td,
thead th {
	text-align: center;
	color: #fff;
	background: #343434;
}

/* Forms Module
-----------------------------------------------------------*/
.input_text,
textarea {
	margin-bottom: 5px;
	padding: 10px;
	font-size: 14px;
	border: 1px solid #ccc;
	background: #fff;
	width: 100%;
}
select {
	font-size: 14px;
}
.need:before,
.any:before {
	margin: 0 7px 0 0;
	padding: 1px 3px;
	color: #fff;
	font-size: 11px;
	border-radius: 4px;
}
.need:before {
	content: "任意";
	background: #999;
}
.any:before {
	content: "必須";
	background: #f00;
}




/* js
-----------------------------------------------------------*/

.effect_fadein {
/*     overflow: hidden; */
    opacity: 0;
    -webkit-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    -webkit-transform: translate(0,-10px);
    -ms-transform: translate(0,-10px);
    transform: translate(0,-10px);
}

.effect_def {
    opacity: 1.0;
    transform: translate(0,0);
    -moz-transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -o-transform: translate(0,0);
    -ms-transform: translate(0,0);
}



/* layout
-----------------------------------------------------------*/


.co_bl {
	color: #0080aa;
}
.co_re, co_re2 {
	color: #c53f28;
}
a.co_gr,
.co_gr {
	color: #3d5a5b;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a.co_gr:hover {
	color: #b4bfbf;
}
.co_or {
	color: #c53f28;
}
.co_be {
	color: #eddac4;
}
a.co_por,
.co_por {
	color: #f6ede2;
}
a.co_wh,
.co_wh {
	color: white;
}
a.co_gry,
.co_gry {
	color: #b4bfbf;
}

.bk_bl {
	background: #0080aa;
}
a.bk_bl:hover {
	background: #293c5d;
}
.bk_re {
	background: #c53f28;
}
a.bk_re:hover {
	background: #7f200f;
}
.bk_gr {
	background: #3d5a5b;
}
.bk_or {
	background: #c53f28;
}
.bk_be {
	background: #eddac4;
}
.bk_por {
	background: #f6ede2;
}
a.bk_por:hover {
	background: #eddac4;
}
.bk_wh {
	background: white;
}
.bk_pk {
	background: #e1afaa;
}
.bk_bn  {
	background: #8f8274;
}
.fo_12em {
	font-size: 1.2em;
}
.fo_45 {
	font-size: 45px;
}
.fo_40 {
	font-size: 40px;
}
.fo_30 {
	font-size: 30px;
}
.fo_26 {
	font-size: 26px;
}
.fo_24 {
	font-size: 24px;
}
.fo_22 {
	font-size: 22px;
}
.fo_20 {
	font-size: 20px;
}
.fo_16 {
	font-size: 16px;
}

.les40 {
	letter-spacing: 0.04em;
}
.les50 {
	letter-spacing: 0.05em;
	text-indent: 0.05em;
}
.les100 {
	letter-spacing: 0.1em;
	text-indent: 0.1em;
}
.dio:before,
.po_center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
}
.language .po_center {
    position: absolute;
    top: 50%;
    left: 42%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    white-space: nowrap;
}
.po_he_center {
    position: absolute;
    top: 50%;
    left: auto;
    -webkit-transform: translate(0%,-50%);
    -ms-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.po_re {
	position: relative;
}

.li_1 {
	line-height: 1;
}
.li_125 {
	line-height: 1.25;
}
.obf {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
       object-position: center;
    font-family: 'object-fit: cover; object-position: center;';
}
header {
	position: fixed;
	top: 0;
	width: 100%;
	height: 100px;
	z-index: 100;
	background: white;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
header.scrolldown {
	height: 70px;
}
.scrolldown .header_wrap {
	height: 70px;
}
.header_wrap {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	height: 100px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.header_logo {
	position: relative;
	left: 73px;
	width: 35%;
}
.header_logo img{
	display: inline-block;
	width: 100%;
	max-width: 257px;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.scrolldown .header_logo img{
	max-width: 200px;
}
.menulist li {
	display: inline-block;
	font-size: 20px;
}
/* .menulist li:nth-child(4){
	display: none;
} */
html[lang="ja"] .menulist li {
    font-size: 16px;
  }
.language_booknow {

	width: 30%;
	max-width: 400px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.logomenu {
	width: 66%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.language, .sp-language {
	width: 25%;
	max-width: 100px;
}

.JPonlyPage .language, .JPonlyPage .sp-language { pointer-events: none; }

.bk_por.language_open,
.language.bk_por:hover,
.sp-language.bk_por:hover {
	background: #3d5a5b;
	color: white;
}
.language_open.co_gr {
	color: white;
}
.header_booknow {
	width: 75%;
	max-width: 300px;
	display: block;
  padding-top: 25px;
  pointer-events: none;
}
  .scrolldown .header_booknow { padding-top: 12px;}
  .scrolldown .header_booknow p.book_txt { font-size: 14px;}
  .scrolldown .header_booknow p.book_num { font-size: 25px;}
@media screen and (max-width: 900px) {
.header_booknow { padding-top: 30px;}
.header_booknow p.book_txt { font-size: 14px;}
.header_booknow p.book_num { font-size: 21px;}
  .scrolldown .header_booknow { padding-top: 18px;}
  .scrolldown .header_booknow p.book_txt { font-size: 12px;}
  .scrolldown .header_booknow p.book_num { font-size: 19px;}
}
@media screen and (max-width: 860px) {
.header_booknow { width: 72%;}
}

.co_gr.header_booknow:hover {
	background: #3d5a5b;
	color: white;
}
.menulist_wrap {
	width: 44%;
  /* width: 52%; */
}
.menulist {
  letter-spacing: .05em;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.language_ul {
	display: none;
	position: absolute;
	padding: 10px;
	background: #b4bfbf;
}
.language_span {
  cursor: pointer;
  display: block;
}

.language_span a.po_center::after { content: "▼"; font-size: 12px; margin-left: 10px; position: absolute; left: 20px; top: 8px;}


.language_ul li {
	line-height: 1.35;
	display: block;
}
.language_ul li a {
	display: block;
	width: 100%;
    color: #3d5a5b;
}
.language_ul li a:hover {
	color: white;
}

@media screen and (max-width: 768px) {
.language_span { margin-left: -6px; }
.language_ul { padding: 10px; }
.language_span a.po_center::after { font-size: 9px; margin-left: 0; left: 25px; top: 7px;}
.language_ul li { line-height: 1.5; }
}

/* loader */
.loader { align-items: center; background: #f6ede2; bottom: 0; display: flex; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 999999; }
.loader::after { content: ''; height: 120px;  width: 20%; max-width: 120px; background: url(../images/common/logo-mark.svg) center center no-repeat; background-size: contain;}


/* slick */
.slickhack {
	display: none;
}
.slickhack.slick-initialized {
  display: block;
}
#main_slick img,
#main_slick,
.main {
	height: 750px;
}

.main6 img{
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: left;
  object-position: left;
  font-family: 'object-fit: cover; object-position: left;';
}

.main5 img{
  object-fit: cover;
  -o-object-position: right;
  object-position: 90%;
  font-family: 'object-fit: cover; object-position: right;';
}

#keyvisual {
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.main {
	margin-top: 100px;
	width: 100%;
}
.maintext {
	font-size: 40px;
	z-index: 10;
}
.icon_circle {
	width: 50px;
	height: 50px;
	display: block;
	border-radius: 100%;
	margin-bottom: 10px;
}
.icon_circle_wrap {
	position: absolute;
	top: 55px;
	right: 25px;
	z-index: 2;
}
.icon_circle img {
	width: 20px;
	height: 20px;
}
.index_content_wrap {
	padding: 10px;
}
.main_video {
	overflow: hidden;
	height: 54.795vw;
	max-height: 600px;
	margin-bottom: 10px;
	background: black
}
.main_video video {
	height: 920px;
    -webkit-transform: translate(-50%,-50%) scale(1.35);
        -ms-transform: translate(-50%,-50%) scale(1.35);
            transform: translate(-50%,-50%) scale(1.35);
}
.main_video_controls {
	position: absolute;
	right: 25px;
	bottom: 20px;
	font-size: 13.5px;
}
#volup,#mute {
	opacity: .4;
}
#volup {
	margin-right: 35px;
}
#mute:before,
#volup:before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 15px;
	background: url(../images/common/sound_on.svg) no-repeat;
	background-size: contain;
	margin-right: 7px;
	position: relative;
	top: 2px;
}
#mute:before {
	background: url(../images/common/sound_off.svg) no-repeat;
	background-size: contain;
	width: 10px;
	height: 14.5px;
}
#volup.select, #mute.select {
	opacity: 1;
}
.index_content {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.index_content_img {
	width: 53%;
	max-height: 670px;
  min-height: 600px;
}
.index_btn_Container.w100 .index_content_img {
	width: 100%;
  max-height: 550px;
  min-height: 500px;
}
.index_btn_Container.w100 .index_content_img img {
  min-height: 500px;
}


.index_btn_Container .btn02.co_gr.bk_wh:hover, .index_btn_Container .btn02.co_re.bk_wh:hover { background: #fff; }

.index_btn_Container { }
  .index_btn_Container .index_content_img { position: relative; overflow: hidden; }
  .index_btn_Container .index_content_img img { -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
  .index_btn_Container a:hover .index_content_img img { transform: scale(1.15);}

  .index_btn_Container .btn02 { transition: .4s;}
  .index_btn_Container a:hover .btn02.co_gr.bk_wh { background: #b4bfbf; }
  .index_btn_Container a:hover .btn02.co_re.bk_wh { background: #eddac4; }

.index_btn_Container.w100 { width: 100%; margin-top: 10px; position: relative;}
  .index_btn_Container.w100 .index_btn_ContainerInner { position: absolute; top: 0; left: 0; position: -1; width: 100%; height: 100%;}
  .index_btn_Container.w100 .index_btn_ContainerInner .flexbox { justify-content: center; align-items: center; height: 100%;}
  .index_btn_Container.w100 .index_btn_ContainerInner .index_content_text1 { font-size: 60px; line-height: 1; margin-bottom: 40px;}
  .index_btn_Container.w100 .co_gr.btn02 { max-width: 320px; width: 90%;}
  .index_btn_Container.w100 .co_gr.btn02::before { content: none; background: none; margin-right: 0; }


.index_content_text {
	width: 47%;
  justify-content: center; align-items: center;
}
.index_content_text.flexbox{ align-content: center;}
.index_content_text1 {
	margin-bottom: 50px; width: 100%;
  letter-spacing: .03em;
}
.index_content_text2 {
	font-size: 26px; width: 100%;
	margin-bottom: 70px;
}
.index_content_text3 {
	font-size: 18px;
	margin-bottom: 50px;
  line-height: 2;
}
.co_re.btn02:after,
.co_re2.btn02:before,
.co_gr.btn02:before {
	content: "";
	display: inline-block;
	background: url(../images/common/arrow_gr.svg) no-repeat;
	background-size: contain;
	width: 16.5px;
	height: 17px;
	margin-right: 40px;
	position: relative;
	top: 2px;
}
.dio:before {
	content: "";
	display: inline-block;
	background: url(../images/index/dropinn_tottori.svg) no-repeat;
	background-size: contain;
	width: 66px;
	height: 90px;
    -webkit-transform: translate(-50%,-58%);
    -ms-transform: translate(-50%,-58%);
    transform: translate(-50%,-58%);
}
.co_re.btn02:after {
	background: url(../images/common/arrow_or.svg) no-repeat;
	margin-left: 40px;
	margin-right: 0;
}
.co_re2.btn02:after { display: none;}
.co_re2.btn02:before {
	background: url(../images/common/arrow_ol.svg) no-repeat;
	margin-left: 0px;
	margin-right: 40px;
}
.enjoy_dio {
	padding: 50px 0 ;
}
.instagram {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	-ms-grid-rows: 1fr 1fr 1fr ;
	grid-template-rows: 1fr 1fr 1fr ;
    margin-bottom: 50px;
}
.instagram > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.instagram > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.instagram > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.instagram > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.instagram > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.instagram > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}
.instagram > *:nth-child(7) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.instagram > *:nth-child(8) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.instagram > *:nth-child(9) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.instagram > *:nth-child(10) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.instagram > *:nth-child(11) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
.instagram > *:nth-child(12) {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
}
.instagram > *:nth-child(13) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.instagram > *:nth-child(14) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.instagram > *:nth-child(15) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.instagram > *:nth-child(16) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}
.instagram > *:nth-child(17) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.instagram > *:nth-child(18) {
  -ms-grid-row: 3;
  -ms-grid-column: 6;
}
.instagram_list_a {
	display: block;
	overflow: hidden;
}
.instagram_img {
	height: 16.667vw;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.instagram_list:hover .instagram_img {
	-webkit-transform: scale(1.05);
	    -ms-transform: scale(1.05);
	        transform: scale(1.05);
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.instagram-gridInner {
	height: 0;
	background: rgba(61,90,91,0.8);
	position: absolute;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	bottom: 0;
	padding: 10px;
}
.instagram_list:hover .instagram-gridInner {
	height: 100%;
	opacity: 1;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
}
.instagram-grid_btm,
.instagram-grid_top {
	opacity: 0;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	-webkit-line-clamp: 7;
	line-height: 1.5;
}
.instagram-grid_top {
	max-height: 81%; max-height: 86%; padding-top: 4%;
    max-height: -webkit-calc(100% - 40px); max-height: -moz-calc(100% - 40px); max-height: calc(100% - 40px)
}
.instagram-grid_btm {
	position: absolute;
	bottom: -10px;
	right: 18px;
}
.instagram_list:hover .instagram-grid_btm,
.instagram_list:hover .instagram-grid_top {
	opacity: 1;
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	-webkit-transition-delay: 0.2s;
	     -o-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}
.instagram_list:hover .instagram-grid_btm {
	bottom: 10px;
}
.instagram_like:before,
.instagram_comment:before {
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url(../images/index/instagram_like.svg) no-repeat;
	background-size: contain;
	margin-right: 5px;
	position: relative;
	top: 3px;
}
.instagram_comment:before {
	background: url(../images/index/instagram_comment.svg) no-repeat;
	background-size: contain;
}
.instagram_like {
	margin-right: 15px;
}
.line_clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

#map { overflow: hidden; height: 500px; width: 100%;}
#map iframe { width: 100%; height: 548px; margin-top: -48px; border: none; pointer-events:none;}

footer {
	padding: 45px 25px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
.footer_logo {
	width: 100%;
	max-width: 82px;
	display: block;
}
.footer_box1 {
	width: 20%;
	max-width: 300px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
    left: 60px;
}
.footer_logo_wrap {
    width: 25%;
    max-width: 81px;
}
.footer_logo_link_wrap {
	top: 30px;
	width: 65%;
    max-width: 193px;
}
.footer_logo_link {
	display: block;
}
.footer_logo_link img{
	width: 100%;
	max-width: 193px;
	margin-bottom: 15px;
}
.copyright {
	font-size: 13px;
	letter-spacing: 0.05em;
  margin-top: 40px;
}
footer .menulist {
	margin-bottom: 20px;
    margin-top: 10px;
    letter-spacing: .05em;
}
footer .icon_circle_wrap {
	position: static;
    max-width: 150px;
    width: 20%;
}
.icon_circle_wrap_li a{
	display: inline-block;
	margin-bottom: 0;
}
.icon_circle_wrap_li {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	max-width: 150px;
}
.footer_box2 {
	width: 68%;
	max-width: 860px;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}
footer .menulist_wrap {
    width: 75%;
    max-width: 700px;
}
footer .menulist_wrap .menulist li { margin-right: 60px;}
footer .menulist_wrap .menulist li:last-child { margin-right: 0;}
html[lang="ja"] footer .menulist_wrap .menulist li { font-size: 15px; margin-right: 30px;}
html[lang="ja"] footer .menulist_wrap .menulist li:last-child { margin-right: 0;}



.pagescrollpoint {
	padding-top: 100px;
	margin-top: -100px;
}
#about.main,
#stay.main,
#facilities.main,
#cafe.main,
#access.main,
#recruit.main {
	height: 550px;
}
#about {
	background: url(../images/about/main.jpg) no-repeat 85% center;
	background-size: cover;
}
#stay {
	background: url(../images/stay/main_ps2.jpg) no-repeat center 40%;
	background-size: cover;
}
#facilities {
	background: url(../images/facilities/main02.jpg) no-repeat center center;
	background-size: cover;
}
#cafe {
	background: url(../images/cafe/main.jpg) no-repeat center center;
	background-size: cover;
}
#access {
	background: url(../images/access/main.jpg) no-repeat center center;
	background-size: cover;
}
#recruit {
  background: url(../images/recruit/main.jpg) no-repeat center center;
	background-size: cover;
}
.content_wrap {
	padding: 60px 30px 90px;
}
.balloon {
	padding-top: 90px;
}
.balloon:before {
	content: "";
	background: url(../images/common/balloon.svg) no-repeat;
	background-size: contain;
	width: 27px;
	height: 32.5px;
	position: absolute;
	top: 30px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	    -ms-transform: translate(-50%,0);
	        transform: translate(-50%,0);
}
.hospitality {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-height: 600px;
}
.hospitality_box1 {
	width: 40%;
	padding: 70px;
}
.hospitality_box1 .kaigyo span { display: inline-block;}
.hospitality_box2 {
	width: 60%;
}
.about_slick img{
	height: 600px;
}
html[lang="ja"] .hospitality {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-height: 680px;
}
html[lang="ja"] .about_slick img {
	height: 680px;
}
#hospitality_no2.hospitality .hospitality_box2 {
  order: -1;
}
.hospitality_order {
	display: inline-block;
	margin-bottom: 40px;
  padding-left: 40px;
}
.order3:after,
.order2:after,
.hospitality_order:after {
	content: "";
	display: inline-block;
	background: url(../images/common/hospitality1.svg) no-repeat;
	width: 22.9px;
	height: 46.3px;
	position: absolute;
	right: -50px;
    top: -10px;
}
.order2:after {
	background: url(../images/common/hospitality2.svg) no-repeat;
}
.order3:after {
	background: url(../images/common/hospitality3.svg) no-repeat;
}
.wrap {
	padding: 50px 30px;
}
.rooms {
	max-width: 1200px;
	width: 100%;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 50px;
	margin: 0 auto;
	margin-bottom: 70px;
}
/*
.rooms:last-child {
	margin-bottom: 0;
}
*/
.rooms_box1 {
	width: 46%;
  max-width: 500px;
}
.rooms_box1_img {
	height: 320px;
}
.rooms_box2 {
	width: 50%;
}
.rooms_bottom_box1 {
  font-size: 13px;
  margin-bottom: 35px;
}
.thumb-item-nav {
  text-align: left;

}
.thumb-item-nav img {
	max-width: 50px;
	width: 100%;
	height: 50px;
	opacity: 0.3;
}
.thumb-item-nav .thumbnail-current img {
	opacity: 1;
}
.icon_rooms {
	border: 2px solid #3d5a5b;
	border-radius: 10px;
	-webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
	max-width: 200px;
	width: 100%;
}
.icon_rooms03 {
	max-width: 150px;
}
.icon_rooms li {
	display: inline-block;
	width: 25%;
	border-right: 1px solid #3d5a5b;
}
.icon_rooms03 li{
	width: 33.33%;
}

.icon_rooms li img {
}
.icon_rooms li:last-child {
	border-right: 0;
}
.booknow {
	display: inline-block;
	width: 115px;
	position: absolute;
	right: 40px;
	top: -50px;
	z-index: 2;
}
.callnow {
	display: inline-block;
	width: 100px;
	position: absolute;
	right: 40px;
	top: -50px;
	z-index: 2;
}
.room_size {
	position: absolute;
	right: 0;
	bottom: 60px;
}
.room_description {
	margin-bottom: 30px;
}
.max_215px {
	max-width: 215px;
}
.max_160px {
	max-width: 160px;
}
.btn_rooms_detail { margin-top: 40px;}
.btn_rooms_detail a.btn02 { width: 100%; max-width: 320px; padding: 12px 30px 12px !important; position: relative;}
.btn_rooms_detail a.btn02::after { content: ""; background: url(../images/common/arrow_wh.svg) no-repeat;
background-size: contain; width: 16.5px; height: 17px; position: absolute; right: 25px; top: 11px; }


.sp_menu_wrap {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100;
    display: none;
}
.sp_btn,
.sp_menu {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.sp_menu_wrap .logo-sp {
    width: 180px;
	padding-left: 20px;
	position: relative;
	top: 11px;
}
.sp_btn {
	width: 118px;
}
.sp_menu_wrap .language, .sp_menu_wrap .sp-language,
.btn_menu {
    max-width: 59px;
    width: 100%; width: 59px;
    height: 59px;
}

.btn_header_text {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 101;
    width: 100%;
    height: 160%;
}
.btn_header_text.drawer_open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.btn_header_logo {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 20px 20px 0;
}
.drawer_open .btn_header_text_wrap {
    opacity: 1;
    top: 0;
}
.btn_header_text_wrap {
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: relative;
    top: 12%;
    padding-top: 30px;
}
.btn_header_text li {
    letter-spacing: 0.1em;
    position: relative;
}
.btn_header_text_wrap a {
    text-align: center;
    display: block;
    line-height: 1;
    font-size: 18px;
    padding: 18px 30px;
    font-weight: bold;
    letter-spacing: 0.18em;
    text-indent: 0.18em;
}
html[lang="ja"] .btn_header_text_wrap li:nth-child(-n + 6) a {
  font-size: 16px;
}
.btn_header_text_wrap li:nth-child(7) a {
  margin: 5% 5% 3%;
  padding: 20px 20px;
  letter-spacing: 0.1em;
}
.btn_close img {
    width: 23px;
}
.logo-sp {
    width: 160px;
    display: block;
}
.logo-sp img {
    max-width: 160px;
}
.footer_box2_wrap .icon_circle {
	padding: 0;
}
.btn_header_text .footer_box2_wrap {
    padding: 22px 0;
    margin-bottom: 10px;
    max-width: 120px;
    margin: 0 auto;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


/* ZEAL 追加
-----------------------------------------------------------*/

/* mainlayout */
.flex {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex;
}
.flex-sb {
  -webkit-box-pack: justify; /*Android4.3*/
  -moz-box-pack: justify;    /*Firefox21*/
  -ms-flex-pack: justify;    /*IE10*/
  -webkit-justify-content: space-between; /*PC-Safari,iOS8.4*/
  justify-content: space-between;
}
.flex-wrap {
  -ms-flex-wrap: wrap; /*IE10*/
  -webkit-flex-wrap: wrap; /* Safari6.1以降 */
  flex-wrap: wrap;
}

.wrap800 { width: 90%; max-width: 800px; margin: 0 auto; }
.wrap900 { width: 94%; max-width: 900px; margin: 0 auto; }
.wrap1100 { width: 94%; max-width: 1100px; margin: 0 auto; }
.wrap1150 { width: 94%; max-width: 1150px; margin: 0 auto; }
.img100 img { max-width: 100%; height:auto;}

/* Facilities */
.facilities_slideshow { overflow: hidden; background: #f6ede2;}
  .facilities_slideshow ul { width: 100%;}
  .facilities_slideshow ul .slick-slide { margin: 0 5px;}
  .facilities_slideshow .slick-slide img { width: 1000px; height: auto;}

.Lounge_Container { box-sizing: border-box; padding: 70px 0 90px; font-size: 16px;}
  .Lounge_Container ul li { margin-bottom: 50px;}
  .Lounge_Container ul li .Lounge-img { width: 46%; max-width: 500px;}
  .Lounge_Container ul li img { width: 100%; height: auto;}
  .Lounge_Container ul li .Lounge-txt { width: 50%; max-width: 530px; font-size: 16px; margin-top: -5px;}
  .Lounge_Container ul li .Lounge-txt .Lounge-ttl-en { font-size: 26px; line-height: 1.3; margin-bottom: 10px;}
  .Lounge_Container ul li .Lounge-txt .Lounge-ttl-en span { font-size: 0.7em;}
  .Lounge_Container ul li .Lounge-txt .Lounge-ttl-ja { font-size: 20px; line-height: 1.4; margin-bottom: 20px;}

.Facility_Container { box-sizing: border-box; padding: 70px 0 50px;}
  .Facility_Container ul li { width: 32%; max-width: 350px; margin-bottom: 50px; box-sizing: border-box; padding: 25px 25px 22px; background: #fff;}
  .Facility_Container ul::after { content:""; display: block; width: 32%; max-width: 350px;}
  .Facility_Container ul li img { width: 100%; height: auto;}
  .Facility_Container ul li .Facility-img { margin-bottom: 20px;}
  .Facility_Container ul li .Facility-txt { font-size: 14px; line-height: 1.6;}
  .Facility_Container ul li .Facility-txt .Facility-ttl-en { font-size: 20px; line-height: 1.4; margin-bottom: 5px; letter-spacing: .03em;}
  .Facility_Container ul li .Facility-txt .Facility-ttl-ja { font-size: 16px; line-height: 1.4; margin-bottom: 10px;}

.Rental_Container { padding-bottom: 100px;}
  .Rental_Container .Rental-ttl { margin-bottom: 85px;}
  .Rental_Container .Rental-img { width: 66%; max-width: 750px; box-sizing: border-box;}
  .Rental_Container .Rental-img img { border: 25px solid #fff; }
  .Rental_Container .Rental-txt { width: 28%; max-width: 325px; margin-top: 15px; padding-right: 20px;}

  /* 共通見出しデザイン */
  .line-ttl { font-size: 30px; text-align: center; line-height: 1; position: relative; width: 100%; letter-spacing: .05em; }
  .line-ttl span {display: inline-block; padding: 0 30px; background-color: #f6ede2; position: relative; z-index: 1;}
    .line-ttl::after{ content: ''; position: absolute; top: 50%; left: 0; display: inline-block; width: 100%; height: 1px; background-color: #D4D2CA;}

/* Stay */
#Stay_reserve { margin-bottom: 60px;}

/* Cafe */
.cafe_slideshow { overflow: hidden; background: #f6ede2;}
  .cafe_slideshow ul { width: 100%;}
  .cafe_slideshow ul .slick-slide { margin: 0 5px;}
  .cafe_slideshow .slick-slide img { width: 800px; height: auto;}

.Menu_Container { box-sizing: border-box; padding: 70px 0 100px; }
  .Menu_Container .Menu-ttl { margin-bottom: 80px;}
  .Menu_Container .Menu_Box ul:after { content: ""; width: 47%; max-width: 500px;margin: 0 auto 15px;}
  .Menu_Container .Menu_Box ul li { width: 47%; max-width: 500px;}
  .Menu_Container .Menu_Box p { font-size: 28px; margin: 0 auto 25px; line-height: 1; max-width: 1050px; width: 97%;}
  .Menu_Box_Outer .Menu_Box:not(:last-child) { margin-bottom: 50px;}

.menu_list { margin: 0 auto 15px; position: relative;}
.menu_list::after { content: ''; position: absolute; top: 12px; left: 0; display: inline-block; width: 100%; height: 1px; background-color: #D4D2CA; }
.menu_list.nonborder::after { content: none;}
  .menu_list_name { width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: calc(100% - 100px); z-index: 1;}
  .menu_list_name span.menuname { width: auto; background: #f6ede2; padding-right: 15px; line-height: 1.4;}
  .menu_list_name span.menusub { display: block; font-size: .7rem; line-height: 1.4;}
  .menu_list_price { font-size: 18px; letter-spacing: .08em; width: auto; text-align: right; line-height: 1.3; background: #f6ede2; padding-left: 15px; z-index: 1;}
  .menu_list_price span { font-size: 12px;}

/* Access */
.Location_image { margin: -40px auto 75px;}

.AccessMap_Container { margin-bottom: 85px;}
  .AccessMap_Container .AccessMap-ttl { margin-bottom: 30px; }
  html[lang="ja"] .AccessMap_Container .AccessMap-ttl { margin-bottom: 10px;}
  html[lang="ja"] .AccessMap_Container .AccessMap-ttl + p { margin-bottom: 35px;}
  .AccessMap_Container .AccessMap-txt {}
  .AccessMap_Container .AccessMap-txt ul { width: 100%; max-width: 1000px; margin: 0 auto;}
  .AccessMap_Container .AccessMap-txt ul li { width: 100%; padding: 10px 50px 30px;}
  .AccessMap_Container .AccessMap-txt ul li p:first-child { text-align: center; line-height: 1.4; margin-bottom: 10px; letter-spacing: .05em;}
  .AccessMap_Container .AccessMap-btn { margin: 25px 0 65px; position: relative;}
  .AccessMap_Container .AccessMap-btn a { position: relative; z-index: 1;}
  .AccessMap_Container .AccessMap-btn a:hover { -webkit-opacity: .7; opacity: .7;}
  .AccessMap_Container .AccessMap-btn::after { content: ''; position: absolute; top: 50%; display: inline-block; width: 100%; height: 1px; background-color: #D4D2CA; left: 0;}

.WideAreaMap_Container { margin-bottom: 135px;}
  .WideAreaMap_Container .WideAreaMap-ttl { margin-bottom: 80px;}
  html[lang="ja"] .WideAreaMap_Container .WideAreaMap-ttl { margin-bottom: 10px;}
  html[lang="ja"] .WideAreaMap_Container .WideAreaMap-ttl + p { margin-bottom: 80px;}

.Movie_Container { margin-bottom: 135px;}
#accessmovie{ width: 100%; max-width: 1000px;}



.Transfer_Container { margin-bottom: 135px;}
  .Transfer_Container .Transfer-ttl { margin-bottom: 55px;}
  html[lang="ja"] .Transfer_Container .Transfer-ttl { margin-bottom: 10px;}
  html[lang="ja"] .Transfer_Container .Transfer-ttl + p { margin-bottom: 55px;}
  .Transfer_Container .Transfer-ttl02 { margin-bottom: 90px;}
  .Transfer_Container .Transfer-img { margin-top: 65px;}

.Sightseeing_Container { margin-bottom: 50px;}
  .Sightseeing_Container .Sightseeing-ttl { margin-bottom: 100px;}
  html[lang="ja"] .Sightseeing_Container .Sightseeing-ttl { margin-bottom: 10px;}
  html[lang="ja"] .Sightseeing_Container .Sightseeing-ttl + p { margin-bottom: 100px;}
  .Sightseeing_Container ul li { width: 32%; max-width: 360px; margin-bottom: 40px;}
  .Sightseeing_Container ul li .Sightseeing-txt { margin-top: 15px; padding: 0 10px; box-sizing: border-box;}
  .Sightseeing_Container ul li .Sightseeing-txt p:first-child { margin-bottom: 5px; font-weight: bold;}

.Information_Container { padding-bottom: 90px;}
  .Information_Container .Information-ttl { margin-bottom: 70px;}
  html[lang="ja"] .Information_Container .Information-ttl { margin-bottom: 10px;}
  html[lang="ja"] .Information_Container .Information-ttl + p { margin-bottom: 70px;}
  .Information_Container ul { font-weight: normal; letter-spacing: .05em; line-height: 1.5;}
  .Information_Container ul li.Information-list01 { width: 57%; max-width: 650px;}
    .Information_Container ul li.Information-list01 dt { float: left; clear: both; width: 60px;}
    html[lang="ja"] .Information_Container ul li.Information-list01 dt { float: left; clear: both; width: 90px;}
    .Information_Container ul li.Information-list01 dd { float: left; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); margin-bottom: 10px;}
    html[lang="ja"] .Information_Container ul li.Information-list01 dd { float: left; width: -webkit-calc(100% - 90px); width: -moz-calc(100% - 90px); width: calc(100% - 90px); margin-bottom: 10px;}

  .Information_Container ul li.Information-list02 { width: 40%; max-width: 450px;}
    .Information_Container ul li.Information-list02 dt { float: left; clear: both; width: 130px;}
    html[lang="ja"] .Information_Container ul li.Information-list02 dt { float: left; clear: both; width: 140px;}
    .Information_Container ul li.Information-list02 dd { float: left; width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); margin-bottom: 10px;}
    html[lang="ja"] .Information_Container ul li.Information-list02 dd { float: left; width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); width: calc(100% - 140px); margin-bottom: 10px;}
    .Information_Container ul li dd.kaigyo span { display: inline-block;}


/* Recruit */

.recruit-h1lead { margin-top: 45px;}

.Recruit_Container { margin-top: -40px; padding-bottom: 100px;}
  .Recruit_Box { margin-bottom: 80px;}
  .Recruit_Box  .Recruit-ttl { font-size: 18px; margin-bottom: 25px;}

  /* 共通テーブル */
  table.DIO_tamplate_table, table.DIO_tamplate_table th, table.DIO_tamplate_table td { border: none;}

  table.DIO_tamplate_table { width: 100%; letter-spacing: .05em; font-size: 15px; border: .6px solid rgba(61, 90, 91, 0.6); }

    table.DIO_tamplate_table th { width: 160px; color: #F6EDE2; background: #3D5A5B; vertical-align: middle; padding: 12px 20px; box-sizing: border-box; border-bottom: .6px solid #F6EDE2; line-height: 2;}
    table.DIO_tamplate_table td { color: #3D5A5B; background: #faf8f6; vertical-align: middle; padding: 12px 20px; box-sizing: border-box; border-bottom: .6px solid rgba(61, 90, 91, 0.6); line-height: 2;}
    table.DIO_tamplate_table td a { color: #3D5A5B; }
    table.DIO_tamplate_table td a.url { color: #92a2a3; }
    table.DIO_tamplate_table td a:hover { opacity: .7;}
    table.DIO_tamplate_table td.indent li { margin-left:1.2em; text-indent: -1.2em;}
    table.DIO_tamplate_table td.kaigyo span { display: inline-block;}
    table.DIO_tamplate_table tr:last-child th { border-bottom: .25px solid #3D5A5B;}

.Recruit_Contact_Box { margin: 100px auto 0; text-align: center;}
  .Recruit_Contact_Box > p { font-size : 20px; line-height: 1; padding: 20px 0; background: #3D5A5B; color: #F6EDE2; letter-spacing: .05em;}
  .Recruit_Contact_Box .Recruit_Contact_Inner { background: #faf8f6; padding: 30px 0; font-size: 18px; border: .6px solid rgba(61, 90, 91, 0.6);}
  .Recruit_Contact_Box .Recruit_Contact_Inner p { margin-bottom: 10px;}
  .Recruit_Contact_Box .Recruit_Contact_Inner a { color: #3D5A5B;}
  .Recruit_Contact_Box .Recruit_Contact_Inner a:hover { opacity: .7;}


/* Company */

#company.main { height: 0; margin-bottom: 80px;}
  .Company_content_wrap.content_wrap { padding: 80px 0 70px;}
  .Company_Container { margin-bottom: 100px;}

/* Agreement */

/* スクロール時の位置調整 */
.scroll-height { padding-top: 80px; margin-top: -80px;}

#agreement.main  { height: 0; margin-bottom: 80px;}
  .Agreement_content_wrap.content_wrap { padding: 80px 0 70px;}
  .Agreement_subcontent_wrap.content_wrap { padding: 0 0 50px;}

  .Agreement_Container {}
  .Agreement_Container .indent li { margin-left: 1.6em; text-indent: -1.6em;}
  .Agreement_Container .Agreement-other .indent li { margin-left: 1em; text-indent: -1em;}

    .Agreement-terms { margin-bottom: 80px;}
      .Agreement-terms .Agreement-terms-box { margin-bottom: 20px;}
      .Agreement-terms .Agreement-terms-box > p { margin-bottom: 10px;}
      .Agreement-terms .Agreement-terms-box > p.terms-ttl { margin-bottom: 10px; font-weight: bold; font-size: 16px;}
      .Agreement-terms .Agreement-terms-box .Agreement-terms-06 { margin-top: 15px; margin-bottom: 30px;}
      .Agreement-terms .Agreement-terms-box .Agreement-terms-06 p { margin-bottom: 10px;}
      .Agreement-terms .Agreement-terms-box .Agreement-terms-06 table td { border-right: .6px solid rgba(61, 90, 91, 0.6); text-align: center;}

    .Agreement-kiyaku { margin-bottom: 80px;}
      .Agreement-kiyaku .Agreement-kiyaku-box p { margin-bottom: 15px;}
      .Agreement-kiyaku .Agreement-kiyaku-box p:first-child { margin-bottom: 30px;}

    .Agreement-other { margin-bottom: 20px;}
      .Agreement_Container .Agreement-other li { margin-bottom: 8px;}

  .Privacy_Container { padding: 0 0 100px;}
  .Privacy_Container .indent li { margin-left: 1em; text-indent: -1em;}
    .Privacy_Container .Privacy-box p { margin-bottom: 20px;}
    .Privacy_Container .Privacy-box dl { margin-bottom: 40px;}
    .Privacy_Container .Privacy-box dl dt { font-size: 16px; font-weight: bold; margin-bottom: 10px;}
    .Privacy_Container .Privacy-box dl dd { margin-bottom: 20px;}

    .Privacy_Container .Privacy-box dl dd table.privacytabin { margin: 10px 0; border: none; background: #F6EDE2; font-size: 100%;}
      .Privacy_Container .Privacy-box dl dd .privacytabin th,
      .Privacy_Container .Privacy-box dl dd .privacytabin td { display: table-cell; border: none; padding: 8px 10px 0 0;}
      .Privacy_Container .Privacy-box dl dd .privacytabin a { color: #92a2a3; transition: .3s;}
      .Privacy_Container .Privacy-box dl dd .privacytabin a:hover { opacity: .7;}



/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 1480px) {

.hospitality_box1 {
  width: 45%;
  padding: 50px;
}
.hospitality_box2 {
  width: 55%;
}

}

@media screen and (max-width: 1300px) {

footer .menulist_wrap .menulist { margin-bottom: 10px;}
footer .menulist_wrap .menulist li { font-size: 18px; margin-right: 3.5vw;}

}

/* Responsive
-----------------------------------------------------------*/

@media screen and (max-width: 1240px) {

.header_logo {
    left: 26px;
    width: 30%;
}
.menulist_wrap {
    width: 56%;
    max-width: 320px;
    /* width: 60%;
    max-width: 500px; */
}
.maintext {
    font-size: 30px;
}
.index_content_img {
    width: 51%;
}
.index_content_text {
    width: 49%;
}
.index_content_text2 {
    font-size: 18px;
    margin-bottom: 50px;
}
.footer_box1 {
	left: 20px;
  width: 25%;
}
.menulist li {
    font-size: 18px;
  }
html[lang="ja"] .menulist li {
    font-size: 14px;
  }
html[lang="ja"] footer .menulist_wrap .menulist li {
  font-size: 13px; margin-right: 20px;
}
.instagram-grid_btm, .instagram-grid_top {
    -webkit-line-clamp: 5;
}
.hospitality_box1 {
    padding: 35px;
    width: 50%;
}
.hospitality_box2 {
    width: 50%;
}
.hospitality_order {
	margin-bottom: 20px;
}
.rooms {
    padding: 30px;
}
.btn_rooms_detail {
    margin-top: 30px;
}
.booknow {
    width: 95px;
    right: -20px;
}
.callnow {
  width: 95px;
  right: -20px;
}
.rooms_title {
	padding-right: 30px;
}



}

@media screen and (max-width: 768px){
  .maintext {font-size: 5vw;}
  }


/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 1160px) {

footer .menulist_wrap .menulist li { font-size: 17px; margin-right: 2.5vw;}

/* facilities */
.facilities_slideshow .slick-slide img { width: auto; max-width: 90vw;}
.Facility_Container ul li { margin-bottom: 2vw;}
/* Cafe */
.cafe_slideshow .slick-slide img { width: auto; max-width: 90vw;}

}



/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 1024px) {

footer .menulist { margin-bottom: 10px; }
footer .menulist_wrap .menulist li { font-size: 16px; margin-right: 3vw;}

/* facilities */
.Facility_Container ul li {padding: 20px 20px 18px;}

.Rental_Container .Rental-img { width: 70%; max-width: 100%; }
  .Rental_Container .Rental-img img { border: 20px solid #fff; }
  .Rental_Container .Rental-txt { width: 25%; max-width: 100%; margin-top: 10px;}

}


/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 960px) {

/* footer */
.footer_box1 { left: 0px; }
.footer_box2 { width: 70%;}
footer .menulist_wrap  { margin-top: 15px;}
footer .menulist_wrap .menulist { margin: 0;}
html[lang="ja"] footer .menulist_wrap .menulist li {
  font-size: 12px; margin-right: 10px;
}
.icon_circle { width: 46px; height: 46px;}
.copyright { font-size: 12px; margin-top: 8%;}

.instagram-grid_btm, .instagram-grid_top {
    -webkit-line-clamp: 3;
}

.index_content_img {
    min-height: 500px;
}
.index_btn_Container.w100 .index_btn_ContainerInner .index_content_text1 { font-size: 50px; margin-bottom: 25px;}
  .index_btn_Container.w100 .index_btn_ContainerInner .index_content_text3 { font-size: 16px; margin-bottom: 30px; line-height: 1.8;}
  .index_btn_Container.w100 .index_content_img { min-height: 430px; }
  .index_btn_Container.w100 .index_content_img img { min-height: 430px; }

/* about */
.hospitality .hospitality_box1 .fo_40 { font-size: 4.2vw;}
.hospitality .hospitality_box1 .fo_16 { font-size: 14px;}
.hospitality_order { margin-bottom: 40px; padding-left: 4vw;}


/* stay */
.room_description { margin-bottom: 20px; }
  .rooms_bottom_box1 { width: 100%; margin-bottom: 25px;}
  .rooms_bottom_box2 { width: 100%; position: static;}

  .thumbnail-list { -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
  .thumbnail-list .thumbnail-item { margin-bottom: 4px;}


/* Cafe */
.Menu_Container { padding: 12% 0 12%; }
  .Menu_Container .Menu-ttl { margin-bottom: 10%;}
  .Menu_Container .Menu_Box_Outer { display: block;}
  .Menu_Container .Menu_Box ul li { width: 100%; max-width: 100%;}


}


/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 860px) {

.language, .sp-language { width: 28%;}
footer .menulist_wrap .menulist li { font-size: 15px; margin-right: 2.8vw;}

}



@media screen and (min-width: 769px) {

/* hack
========================================================== */

.sp-hide { display: block;}
.sp-hide-inline { display: inline;}
.sp-show { display:none;}
.sp-show-inline { display:none;}
.pc_only { display: block; }
.sp_only { display: none; }
}


/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 768px) {

.pc_only {
	display: none;
}
.sp_only {
	display: block;
}
.main {
    margin-top: 59px;
}
#main_slick img, #main_slick, .main {
    height: 450px;
}
.main_video_controls {
    right: 15px;
    bottom: 5px;
    font-size: 12px;
}
#volup {
    margin-right: 15px;
}
.index_content_img {
    width: 100%;
    min-height: auto;
}
.index_content_text {
    width: 100%;
    padding: 50px 0;
}
.index_content_text1 {
    margin-bottom: 30px;
}
.index_content_img.flexorder1 {
  order: -1;
}

.index_btn_Container.w100 .index_btn_ContainerInner .index_content_text1 { font-size: 35px; margin-bottom: 20px;}
  .index_btn_Container.w100 .index_btn_ContainerInner .index_content_text3 { font-size: 14px; margin-bottom: 25px;}
  .index_btn_Container.w100 .index_content_img { min-height: 370px; }
  .index_btn_Container.w100 .index_content_img img { min-height: 370px; }

.fo_45 {
    font-size: 35px;
}
.dio:before {
    width: 56px;
    height: 76px;
}
.index_content_text2 {
    margin-bottom: 30px;
    font-size: 16px;
}
.index_btn_Container.w100 .co_gr.btn02 {
    width: auto;
}
a.btn02,
.btn02 {
    padding: 10px 20px !important;
}
.co_re2.btn02:before,
.co_gr.btn02:before {
    content: none;
}
.co_re2.btn02:after,
.co_gr.btn02:after {
    content: "";
  	display: inline-block;
  	background: url(../images/common/arrow_gr3.svg) no-repeat;
  	background-size: contain;
  	width: 16.5px;
  	height: 17px;
  	position: relative;
  	top: 2px;
    margin-left: 10px;
}
.co_re.btn02:after {
    margin-left: 10px;
    margin-right: 0;
}
.co_re2.btn02:after {
    background: url(../images/common/arrow_or.svg) no-repeat;
    margin-left: 10px;
    margin-right: 0;
}
.fo_16 {
    font-size: 14px;
}
.enjoy_dio .fo_16 {
    padding: 0 20px;
}
.enjoy_dio .fo_30 {
    font-size: 24px;
}
.enjoy_dio .icon_insta img {
    width: 30px; margin-bottom: -8px;
}
.enjoy_dio {
    padding: 30px 0 ;
}
.enjoy_dio .mb50 {
	margin-bottom: 30px !important;
}
.instagram {
    -ms-grid-columns: 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr;
    margin-bottom: 30px;
}
.instagram > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.instagram > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
}
.instagram > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.instagram > *:nth-child(4) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
}
.instagram > *:nth-child(5) {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
}
.instagram > *:nth-child(6) {
    -ms-grid-row: 2;
    -ms-grid-column: 3;
}
.instagram > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}
.instagram > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
}
.instagram > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}
.instagram > *:nth-child(10) {
    -ms-grid-row: 4;
    -ms-grid-column: 1;
}
.instagram > *:nth-child(11) {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
}
.instagram > *:nth-child(12) {
    -ms-grid-row: 4;
    -ms-grid-column: 3;
}
.instagram > *:nth-child(13) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
}
.instagram > *:nth-child(14) {
    -ms-grid-row: 5;
    -ms-grid-column: 2;
}
.instagram > *:nth-child(15) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
}
.instagram > *:nth-child(16) {
    -ms-grid-row: 6;
    -ms-grid-column: 1;
}
.instagram > *:nth-child(17) {
    -ms-grid-row: 6;
    -ms-grid-column: 2;
}
.instagram > *:nth-child(18) {
    -ms-grid-row: 6;
    -ms-grid-column: 3;
}
.instagram_img {
    height: 33.337vw;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#map { overflow: hidden; height: 400px; width: 100%;}
#map iframe { width: 100%; height: 448px; margin-top: -48px; border: none;}

footer {
    padding: 25px;
}
.footer_box1 {
    width: 100%;
    max-width: 270px;
    margin: 0 auto 20px;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}
.footer_box2 {
    width: 100%;
    max-width: 100%;
}
.footer_box2.flexbox {
  display: block;
}
footer .menulist_wrap {
	position: relative;
	top: 15px;
  margin: 0 auto 20px;
  width: 80%;
  text-align: center;
}
footer .menulist_wrap .menulist {
    margin-bottom: 10px;
    font-size: 0;
}
footer .icon_circle_wrap {
    max-width: 50px;
    position: absolute;
    right: 25px;
    top: 30px;
}
footer ul.icon_circle_wrap li a.bk_bl, footer ul.icon_circle_wrap li a.bk_re {
  display: none;
}
#stay.main, #about.main, #facilities.main, #cafe.main, #access.main, #recruit.main {
    height: 350px;
}
.content_wrap {
    padding: 30px 20px 50px;
}
.balloon {
    padding-top: 50px;
    margin-bottom: 10px;
}
.balloon:before {
    top: 10px;
}
.fo_40 {
    font-size: 30px;
}
.fo_24 {
    font-size: 20px;
}
.fo_22 {
    font-size: 18px;
}
.fo_20 {
    font-size: 16px;
}
.pd10 {
	line-height: 1.25;
	padding: 0 10px;
}
.hos {
	margin-bottom: 10px;
}
.hospitality_order {
    margin-bottom: 20px;
    padding-left: 1.5em;
}
.hospitality .hospitality_box1 .fo_40 { font-size: 30px;}
.hospitality_box1 {
    padding: 25px;
    padding-top: 30px;
    width: 100%;
}
.hospitality_box2 {
    width: 100%;
}
.order3:after, .order2:after, .hospitality_order:after {
    right: -40px;
}
.about_slick img {
    height: 250px;
}
.hospitality {
    max-height: inherit;
}
#hospitality_no2.hospitality .hospitality_box2 {
  order: 1;
}
html[lang="ja"] .hospitality {
	max-height: inherit;
}
html[lang="ja"] .about_slick img {
	height: 40vh;
}
.wrap {
    padding: 20px;
}
.rooms_box1 {
    width: 100%;
    margin-bottom: 6%;
    text-align: center;
    max-width: 100%;
}
.thumb-item-Box {
  display: inline-block;
}
.thumbnail-list {
    -ms-flex-wrap: nowrap;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.thumbnail-list .thumbnail-item {
    margin-bottom: 0px;
    margin-right: 2px;
}
.rooms_box2 {
    width: 100%;
    margin-top: 3%;
    margin-bottom: 5%;
}
.rooms_box2 .fo_20.mb20 {
	margin-bottom: 10px!important;
}
.booknow {
    width: 85px;
    right: -10px;
    top: -20px;
}
.callnow {
  width: 70px;
  right: -15px;
  top: -30px;
}

.room_description {
    margin-bottom: 5%;
}
.room_sizeheigh {
    margin-bottom: 90px;
}
.room_size {
	font-size: 14px;
    margin-bottom: 0;
    position: static;
    line-height: 1.3;
}
.rooms_bottom_box1 {
  font-size: 12px;
}
.rooms_bottom_box2 {
    width: 100%;
}
.rooms {
    margin-bottom: 40px;
}
.icon_rooms {
    position: static;
    margin-top: 0;
}
.rooms_title {
    padding-right: 0;
}
.li_1.rooms_title {
	line-height: 1.35;
}
.main_video video {
	height: auto;
    -webkit-transform:translate(-50%,-50%) scale(1);
        -ms-transform:translate(-50%,-50%) scale(1);
            transform:translate(-50%,-50%) scale(1);
}



/* hack
========================================================== */

.sp-hide-inline, .sp-hide { display: none !important;}
.sp-show{ display:block;}
.sp-show-inline{ display:inline;}


/* mainlayout */
.wrap1100 { width: 100%; padding: 0 20px; box-sizing: border-box;}
.wrap1150 { width: 100%; padding: 0 20px; box-sizing: border-box;}


.Lounge_Container { padding: 8% 0 15%; font-size: 14px;}
  .Lounge_Container ul li > div.flex{ display: block;}
  .Lounge_Container ul li { margin-bottom: 10%;}
  .Lounge_Container ul li .sp-Lounge-img { width: 100%; max-width: 100%; margin-bottom: 5%;}
  .Lounge_Container ul li .Lounge-txt { width: 100%; max-width: 100%; font-size: 14px; margin-top: 0;}
  .Lounge_Container ul li .Lounge-txt .Lounge-ttl-en { text-align: center; font-size: 20px; line-height: 1.4; margin-bottom: 5px;}
  .Lounge_Container ul li .Lounge-txt .Lounge-ttl-ja { text-align: center; font-size: 14px; line-height: 1.4; margin-bottom: 3%;}

.Facility_Container { padding: 8% 0 10%;}
  .Facility_Container ul li { width: 49%; max-width: 100%;}
  .Facility_Container ul li .Facility-txt .Facility-ttl-ja { font-size: 14px; }

.Rental_Container { padding-bottom: 15%;}
.Rental_Container div.flex { display: block; }
  .Rental_Container .Rental-ttl { margin-bottom: 10%;}
  .Rental_Container .Rental-img { width: 100%; display: block; margin-bottom: 5%;}
  .Rental_Container .Rental-img img { border: 12px solid #fff; }
  .Rental_Container .Rental-txt { width: 100%; display: block; padding-right: 0;}


/* Access */
.Location_image { margin: -20px auto 10%;}

.AccessMap_Container { margin-bottom: 10%;}
  .AccessMap_Container .AccessMap-ttl { margin-bottom: 10%;}
  html[lang="ja"] .AccessMap_Container .AccessMap-ttl { margin-bottom: 5px;}
  html[lang="ja"] .AccessMap_Container .AccessMap-ttl + p { margin-bottom: 8vw; font-size: 13px;}
  .AccessMap_Container .AccessMap-txt ul { display: block;}
  .AccessMap_Container .AccessMap-txt ul li { width: 100%; padding: 0 3%;}
  .AccessMap_Container .AccessMap-txt ul li:first-child { border-right: none; margin-bottom: 30px; }
  .AccessMap_Container .AccessMap-btn { margin: 8% 0 10%;}
  .AccessMap_Container .AccessMap-btn img { width: 65%; max-width: 330px;}

.WideAreaMap_Container { margin-bottom: 10%;}
  .WideAreaMap_Container .WideAreaMap-ttl { margin-bottom: 10%;}
  html[lang="ja"] .WideAreaMap_Container .WideAreaMap-ttl { margin-bottom: 5px;}
  html[lang="ja"] .WideAreaMap_Container .WideAreaMap-ttl + p { margin-bottom: 8vw; font-size: 13px;}

.Movie_Container { margin-bottom: 10%;}

.Transfer_Container { margin-bottom: 10%;}
  .Transfer_Container .Transfer-ttl { margin-bottom: 8%;}
  html[lang="ja"] .Transfer_Container .Transfer-ttl { margin-bottom: 5px;}
  html[lang="ja"] .Transfer_Container .Transfer-ttl + p { margin-bottom: 8vw; font-size: 13px;}
  .Transfer_Container .Transfer-ttl02 { margin-bottom: 10%;}
  .Transfer_Container .Transfer-img { margin-top: 8%;}

.Sightseeing_Container { margin-bottom: 10%;}
  .Sightseeing_Container .Sightseeing-ttl { margin-bottom: 10%;}
  html[lang="ja"] .Sightseeing_Container .Sightseeing-ttl { margin-bottom: 5px;}
  html[lang="ja"] .Sightseeing_Container .Sightseeing-ttl + p { margin-bottom: 8vw; font-size: 13px;}
  .Sightseeing_Container ul li { width: 49%; max-width: 100%; margin-bottom: 8%;}
  .Sightseeing_Container ul li:last-child { margin-bottom: 0;}
  .Sightseeing_Container ul li .Sightseeing-txt { padding: 0; }

.Information_Container { padding-bottom: 10%;}
  .Information_Container .Information-ttl { margin-bottom: 10%;}
  html[lang="ja"] .Information_Container .Information-ttl { margin-bottom: 5px;}
  html[lang="ja"] .Information_Container .Information-ttl + p { margin-bottom: 8vw; font-size: 13px;}
  .Information_Container ul { display: block;}
  .Information_Container ul li.Information-list01 { width: 100%; max-width: 100%; margin-bottom: 15px;}
    .Information_Container ul li.Information-list01 dt { float: left; clear: both; width: 60px;}
    .Information_Container ul li.Information-list01 dd { float: left; width: -webkit-calc(100% - 60px); width: -moz-calc(100% - 60px); width: calc(100% - 60px); margin-bottom: 10px;}

  .Information_Container ul li.Information-list02 { width: 100%; max-width: 100%;}
    .Information_Container ul li.Information-list02 dt { float: left; clear: both; width: 130px;}
    .Information_Container ul li.Information-list02 dd { float: left; width: -webkit-calc(100% - 130px); width: -moz-calc(100% - 130px); width: calc(100% - 130px); margin-bottom: 10px;}


/* Recruit */

.recruit-h1lead { margin-top: 20px;}

.Recruit_Container { margin-top: 0; padding-bottom: 15%;}
  .Recruit_Box { margin-bottom: 10%;}
  .Recruit_Box  .Recruit-ttl { font-size: 17px; margin-bottom: 15px;}

  /* 共通テーブル */
  table.DIO_tamplate_table { font-size: 14px; }
    table.DIO_tamplate_table th { width: 150px;}
    table.DIO_tamplate_table td { padding: 12px 20px;}

.Recruit_Contact_Box { margin: 10% auto 0;}
  .Recruit_Contact_Box > p { font-size : 18px; padding: 15px 0; }
  .Recruit_Contact_Box .Recruit_Contact_Inner { padding: 20px; font-size: 16px;}
  .Recruit_Contact_Box .Recruit_Contact_Inner p { margin-bottom: 6px;}


/* Company */

#company.main { margin-bottom: 0;}
.Company_content_wrap.content_wrap { padding: 30px 0;}
.Company_Container { margin-bottom: 10%;}


/* Agreement */
  .Agreement-terms-06 table.DIO_tamplate_table td { padding: 12px 10px;}

/* スクロール時の位置調整 */
.scroll-height { padding-top: 60px; margin-top: -60px;}

#agreement.main  { margin-bottom: 0;}
  .Agreement_content_wrap.content_wrap { padding: 40px 0 20px;}
  .Agreement_subcontent_wrap.content_wrap { padding: 0 0 20px;}

  .Agreement_content_wrap .fo_30 { font-size: 20px;}
  .Agreement_content_wrap p, .Agreement_subcontent_wrap p { font-size: 14px;}

  .Agreement-terms { margin-bottom: 10%;}
  .Agreement-kiyaku { margin-bottom: 10%;}
  .Privacy_Container { padding: 0 0 15%;}

  .Privacy_Container .Privacy-box dl dd table.privacytabin { margin: 0;}
  .Privacy_Container .Privacy-box dl dd .privacytabin th, .Privacy_Container .Privacy-box dl dd .privacytabin td { display: block; word-break:break-all; }
  .Privacy_Container .Privacy-box dl dd .privacytabin th { font-size: 15px; margin-top: 10px;}


}


/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 600px) {






}


/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 500px) {

footer {
    padding: 25px 15px;
}

.menulist li {
    font-size: 14px;
    line-height: 1.5;
}
.copyright {
    font-size: 11px;
    letter-spacing: 0;
    line-height: 1.5;
}

footer .menulist_wrap {
    width: 100%;
    top: 5px;
    margin-top: 10px;
}
footer .menulist_wrap .menulist {
    margin-bottom: 0;
}
html footer .menulist_wrap ul{
  margin-bottom: 15px;
}
html[lang="ja"] footer .menulist_wrap .menulist li {
  font-size: 11px; margin-right: 12px;
}
.hos {
    margin-bottom: 5px;
}
.balloon {
    margin-bottom: 5px;
}
.icon_circle img {
    width: 15px;
    height: 15px;
}

.content_wrap {
    padding: 30px 20px;
}
.rooms {
    padding: 20px;
}
.rooms_box1_img {
    height: 220px;
}
.rooms {
    margin-bottom: 35px;
}

/* Stay */
#Stay_reserve { margin-bottom: 15%;}
#Stay_reserve .Stay_reserve_lead { font-size: 16px; }
#Stay_reserve .Stay_reserve_tel { font-size: 26px; }


/* facilities */
.facilities_slideshow ul .slick-slide { margin: 0 2px; }
.Lounge_Container ul li .Lounge-txt .Lounge-ttl-en { margin-bottom: 0;}
.Lounge_Container ul li .Lounge-txt .Lounge-ttl-ja { margin-bottom: 5%;}

.Facility_Container {}
.Facility_Container ul { display: block;}
  .Facility_Container ul li { width: 100%; padding: 15px 15px 13px; margin-bottom: 5%;}
  .Facility_Container ul li .Facility-img { margin-bottom: 15px;}

.Rental_Container .Rental-img { width: 100%; margin-bottom: 5%;}
  .Rental_Container .Rental-img img { border: 12px solid #fff; }

  /* 共通見出しデザイン */
  .line-ttl { font-size: 6.5vw; letter-spacing: normal;}
  .line-ttl span { padding: 0 10px; }

/* cafe */
.cafe_slideshow ul .slick-slide { margin: 0 2px; }
.Menu_Container .Menu_Box ul li { margin-bottom: 10px;}
  .menu_list_name { width: -webkit-calc(100% - 80px); width: -moz-calc(100% - 80px); width: calc(100% - 80px);}
  .menu_list_name span.menuname { font-size: 14px;}
  .menu_list_name span.menusub { font-size: 10px;}
  .menu_list_price { font-size: 16px; line-height: 1.6;}
  .Menu_Container .Menu_Box p { font-size: 20px; margin: 0 auto 15px; width: 100%;}
  .Menu_Box_Outer .Menu_Box:first-child { margin-bottom: 8%;}

/* Access */
.Location_image { margin: -10px auto 10%;}

.AccessMap_Container {}
  .AccessMap_Container .AccessMap-txt ul li { width: 100%; padding: 0;}
  .AccessMap_Container .AccessMap-txt ul li:first-child { margin-bottom: 20px;}
  .AccessMap_Container .AccessMap-txt ul li p:first-child { font-size: 17px; margin-bottom: 15px;}
  .AccessMap_Container .AccessMap-btn { margin: 10% 0 10%;}
  .AccessMap_Container .AccessMap-btn img { width: 75%; max-width: 330px;}

.Transfer_Container {}
  .Transfer_Container .Transfer01_box { position: relative; margin-top: 8%;}
  .Transfer_Container .Transfer01_box::before { content: ""; position: absolute; top: 0; right: 0px; width: 30px; height: 100%; z-index: 1; background: rgba(255,255,255,0); background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246, 237, 226,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(246, 237, 226,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246, 237, 226,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246, 237, 226,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(246, 237, 226,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(246, 237, 226,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6ede2', endColorstr='#f6ede2', GradientType=1 ); }
  .Transfer_Container .Transfer01_boxInner { overflow: hidden; overflow-x: hidden; overflow-x: auto; width: 100%; padding-bottom: 10px; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
  .Transfer_Container .Transfer01_boxInner .Transfer-img { width: 500px; margin: 0 auto 10px; padding-right: 30px; box-sizing: border-box;}

.Sightseeing_Container {}
  .Sightseeing_Container ul { display: block;}
  .Sightseeing_Container ul li { width: 100%; }
  .Sightseeing_Container ul li .Sightseeing-img img { width: 100%; }
  .Sightseeing_Container ul li .Sightseeing-txt { margin-top: 10px;}
  .Sightseeing_Container ul li .Sightseeing-txt p:first-child { margin-bottom: 0;}

.Information_Container {}
  .Information_Container ul li.Information-list01 { margin-bottom: 10px;}
    .Information_Container ul li.Information-list01 dt { width: 50px;}
    .Information_Container ul li.Information-list01 dd { width: -webkit-calc(100% - 50px); width: -moz-calc(100% - 50px); width: calc(100% - 50px); margin-bottom: 10px;}
  .Information_Container ul li.Information-list02 dt { width: 110px;}
    .Information_Container ul li.Information-list02 dd { width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); margin-bottom: 10px;}


/* Recruit */

  /* 共通テーブル */
  table.DIO_tamplate_table { font-size: 14px; }
    table.DIO_tamplate_table th { width: 100%; display: block; text-align: center;}
    table.DIO_tamplate_table td { padding: 12px 20px; display: block; box-sizing: border-box;}

.Recruit_Contact_Box { margin: 10% auto 0;}
  .Recruit_Contact_Box > p { font-size : 17px; padding: 15px 0; }
  .Recruit_Contact_Box .Recruit_Contact_Inner { font-size: 14px;}


/* Company */

#company.main { margin-bottom: 0;}
.Company_content_wrap.content_wrap { padding: 30px 0;}
.Company_Container { margin-bottom: 10%;}

/* Agreement */
.Agreement-terms-06 table.DIO_tamplate_table { font-size: 3vw;}
.Agreement-terms-06 table.DIO_tamplate_table td { display: table-cell; padding: 6px 5px;}


}




/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 400px) {

/* top */
.index_btn_Container.w100 .index_btn_ContainerInner .index_content_text3 { font-size: 13px;}


.voice_content_box_text_wrap {
    padding: 15px;
}
.recruit_voice_content_title {
    font-size: 18px;
}
.recruit_name {
    font-size: 19px;
}
.recruit_officer {
    font-size: 17px;
    margin-bottom: 7px;
}

/* footer */
footer { padding: 25px 15px 15px; }
  .footer_box1 { width: 65%; margin-bottom: 10%;}
  footer .menulist { margin-bottom: 10px; }
  footer .menulist_wrap .menulist li { font-size: 13px; margin-right: 2.8vw; }
  footer .icon_circle_wrap { position: absolute; right: 15px; top: 15px;}
  .copyright { font-size: 10px;}

/* 共通見出しデザイン */
.line-ttl { font-size: 7.5vw; }
.line-ttl span { padding: 0 15px; }


/* Agreement */

.Agreement-terms .Agreement-terms-box .Agreement-terms-06 p { margin-bottom: 3px; }
.Agreement-terms-06 table.DIO_tamplate_table { font-size: 3.4vw;}
.Agreement-terms-06 table.DIO_tamplate_table td {  padding: 10px 2px;}



}
/* Responsive
-----------------------------------------------------------*/
@media screen and (max-width: 340px) {

.menulist li {
    font-size: 15px;
}
footer .icon_circle_wrap {
    width: 23%;
}

}


/* parts
-----------------------------------------------------------*/
.line {
	margin-bottom: 30px;
	padding-bottom: 30px;
}
.flexorder01 {
	-webkit-box-ordinal-group: 3;
	    -ms-flex-order: 2;
	        order: 2;
}
.flexorder02 {
	-webkit-box-ordinal-group: 2;
	    -ms-flex-order: 1;
	        order: 1;
}
a.btn01,
.btn01 {
	display: block;
	padding: 10px 0;
}
a.btn02,
.btn02 {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 20px;
}
.btn02.co_gr.bk_wh:hover {
	background: #b4bfbf;
}
.btn02.co_gr:hover {
	color: #3d5a5b;
}
.btn02.co_re.bk_wh:hover {
	background: #eddac4;
}
.btn02.bk_gr:hover {
	background: #284244;
}
.btnlist li {
	margin: 0 0 5px;
	display: block;
}



/* POPUP */
 .popup {
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 999999999;
   opacity: 0;
   visibility: hidden;
   transition: .4s;
   cursor: pointer;
 }
 .popup.is-show {
   opacity: 1;
   visibility: visible;
 }
 .popup-inner {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%,-50%);
   width: 90%;
   max-width: 800px;
   /* padding: 50px; */
   background-color: #fff;
   z-index: 2;
 }
 .popup-inner img {
   width: 100%;
   vertical-align: middle;
 }
 .close-btn {
   position: absolute;
   right: 20px;
   top: 20px;
   width: 30px;
   height: 30px;
   line-height: 30px;
   text-align: center;
   cursor: pointer;
 }

 .black-background {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0,0,0,.5);
   z-index: 1;
   cursor: pointer;
 }

.index_info_popup { border: 5px solid #576d6f; box-sizing: border-box; padding: 50px; color: #576d6f; background:#fff; overflow: hidden;}
.index_info_popup p:first-child { margin-bottom: 15px;}
.index_info_popup .index_info_popup_ttl { margin-bottom: 40px;}
.index_info_popup .index_info_popup_ttl p { font-size: 1.5em; font-weight: bold; line-height: 1.5;}

@media screen and (max-height: 700px) {
 .popup-inner { position: absolute; left: 50%; top: 0; transform: translate(-50%,10px);}
 .index_info_popup { border: 5px solid #576d6f; box-sizing: border-box; padding: 50px; color: #576d6f; background:#fff; overflow: hidden; overflow-y: hidden; overflow-y: scroll; overflow-scrolling: touch; box-sizing: border-box; -ms-overflow-style: none; scrollbar-width: none; height: 95vh;}
 .index_info_popup::-webkit-scrollbar { display:none;}
 .index_info_popupInner { padding-bottom: 50px;}
}
@media screen and (max-width: 768px) {
  .index_info_popup { padding: 50px 5% 35px; text-align: left;}
  .index_info_popup .index_info_popup_ttl p { font-size: 1.25em; text-align: center;}
  .index_info_popup  br { display: none;}
  .close-btn { top: 15px; width: 20px; height: 20px; }
}
 @media screen and (max-width: 500px) {
  .popup-inner { width: 95%; }
  .index_info_popup .index_info_popup_ttl { margin-bottom: 30px;}
  .index_info_popup .index_info_popup_ttl p { font-size: 1.1em;}
  .index_info_popup .index_info_popup_txt { font-size: 13px;}
  .close-btn { top: 10px; width: 20px; height: 20px; }
}