@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Quattrocento');

/*********************************************************************
 * 共通スタイル
 * dependences: reset.css
 ********************************************************************/



@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);


/* iPhone・WindowsPhone用のフォント指定。Androidはデバイスフォントが様々なため指定しない(sans-serif) */
* {
	xfont-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: -1px 0 0;
	padding:0;
}

/* iPhone/iPadの自動サイズ調整機能をOFF */
html, body { height:100%; margin:0; }
html { 
	-webkit-text-size-adjust: none;
}

/* iPhone UIガイドラインの推奨サイズに設定 */

body, textarea { font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Helvetica,Arial,sans-serif; }
input, select { font-family: "ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Helvetica,Arial,sans-serif; }

body {
	font-size: 14px !important;
	line-height: 22px !important;
	color: #424242;
}

div{
	font-size: 14px;
	line-height: 25px;
}

p{
	font-size: 14px;
	line-height: 22px;
}

a {
	text-decoration: none;
	color: #fefefe;
}

a img {
	-webkit-transition: 0.1s ease-in-out;
	   -moz-transition: 0.1s ease-in-out;
		 -o-transition: 0.1s ease-in-out;
			transition: 0.1s ease-in-out;
}

a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}


a[href^="tel:"] {
	pointer-events: none;
}

/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

a[href^="tel:"] {
	pointer-events: auto;
}

}/* ウィンドウ幅が0～769pxの場合に適用するCSS */


/* IEハック */
@media all and (-ms-high-contrast: none){

.f_address a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

.address a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

}/* ウィンドウ幅が0～769pxの場合に適用するCSS */

/*
td {
	color: #333;
	padding: 5px 0 5px 10px;
}

th {
	color: #333;
	padding: 5px 0 5px 10px;
}
*/
ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li{
	margin: 0;
	padding: 0;
	text-decoration: none;
}

button {
	background: transparent;
	padding: 0;
	border: none;
}

p,div {
	text-align: left;
}

input[type="text"]:focus {
	border: 1px solid #c69955;
	outline: 0;
}

select:focus {
	border: 1px solid #a18142;
	outline: 0;
}

/* Androidのタップ領域バグ対策
a > div > img {
	display: block;
}
 */
/*------------------------*/

.move_bt{
	position: fixed;
	bottom: 14%;
	right: 10px;
	z-index: 99;
	width: 150px;
	text-align: right;
}

.cdsROW .logo img {
	margin: 10px 0 0;
}

/*------------------------*/

.container {
	padding: 95px 0 0;
}

.contents_area .container{
	padding: 0 0 0;
}

/*------------------------*/

#head{
	xbackground: url(../img/head.png) repeat-x center #261d16;
	background: url(../img/search_bg.png) repeat;
	width: 100%;
	height: 95px;
	margin: -2px 0 0;
	padding: 0;
	position: fixed;
	z-index: 100;
}

.head_box {
	width: 1000px;
	margin: 0 auto;
	xheight: 660px;
}

.head .logo{
	float: left;
	margin: 5px 0 0;
}

.head .logo a{
	float: left;
}

/*------------------------*/

.menu_top{
	width: 790px;
	height: 20px;
	float: right;
	text-align: right;
	margin: 0 0 20px;
}

.menu_top li{
	float: right;
	margin: 5px 0 0 15px;
	font-size: 11px;
}

.menu_top .s{
	margin-top: 5px;
}

.menu_list{
	width: 790px;
	float: right;
}

.menu_list li{
	float: left;
}

/*------------------------*/

.contents_area{
	background: url(/img/top/topics_bg.png) no-repeat right top #fff;
	background-attachment: fixed;
/*
	background-repeat: no-repeat, repeat;
	background-color: #f5ecd3;
	background-position: right top, center;
*/
	width: 100%;
	float: left;
	padding: 50px 0;
}

.contents_area_w{
	background-image: url(../img/all/bg.png), url(../img/stay/bg.png);
	background-repeat: no-repeat, repeat;
	background-color: #f5ecd3;
	background-position: right top, center;
	width: 100%;
	float: left;
	padding: 60px 0 0;
	margin: -30px 0 0;
}

.sub_image{
	
	/*border: 10px solid rgba(255, 255, 255, .8) !important;*/

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}


/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

.contents_area_w{
	padding: 30px 0 0;
	margin: -35px 0 0;
}

.container {
	padding: 0;
}

.contents_area{
	background: none;
	padding: 20px 0;
}

.contents_area::before{
	content:"";
	display:block !important;
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	z-index:-1 !important;
	width:100% !important;
	height:100vh !important;
	background:url(../img/top/topics_bg.png) center/cover repeat !important; /*fixedをトル！*/
	-webkit-background-size:cover;/*Android4*/
}

}/* ウィンドウ幅が0～769pxの場合に適用するCSS */


.contents_area_zero{
	background-image: url(../img/all/bg.png), url(../img/stay/bg.png);
	background-repeat: no-repeat, repeat;
	background-color: #f5ecd3;
	background-position: right top, center;
	width: 100%;
	float: left;
	margin: 0;
}

.co_box{
	width: 1000px;
	margin: 0 auto;
	margin: 0 0 50px;
}

/*-----*/

.pankuzu{
	width: 100%;
	float: left;
	font-size: 12px;
	background: #e7daaf;
	margin: -2px 0 0;
}

.pankuzu a{
	color: #aa8b4c;
}

.pankuzu div{
	font-size: 12px;
}

.pankuzu span::before{
	content: " ＞ ";
	color: #cfbc7b;
}

.pankuzu span:first-child:before{
	content: none;
}

/*------------------------------------------*/

/*<h3 class="oomidashi_title"><p><strong>和遊膳 汐彩</strong><br><span>Wayuzen SHIOSAI</span></p></h3>*/

.oomidashi_title {
	font-weight: normal;
	font-size: 22px;
	text-align: center;
	margin: 0;
	xborder-bottom: 1px dotted #e0d4a3;
	padding: 3% 10%;
	color: #65300f;
	/*width: 50%;*/
	margin: 2% 15% 5% !important;
	background: rgba(102, 80, 48, 0.6);
}

.oomidashi_title p{
	font-family: "ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ヒラギノ明朝 Pro W3",Hiragino Mincho Pro,"HG明朝B","メイリオ","ＭＳ Ｐ明朝",MS PMincho,meiryo,serif;
	text-align: center;
	line-height: 22px;
	border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
	color: #fff;
}

.oomidashi_title p strong{
	font-family: "Century",Hiragino Mincho ProN,"ヒラギノ明朝 Pro W3",Hiragino Mincho Pro,"HG明朝B","メイリオ","ＭＳ Ｐ明朝",MS PMincho,meiryo,serif;
	font-size: 32px;
	font-weight: normal;
}

.oomidashi_title span{
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	xcolor: #bc974c;
	color: #fff;
}

.oomidashi_title div{
	color: #fff;
	text-align: center;
	margin: 10px 0 0;
}

/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

.oomidashi_title {
	margin: 2% 0 5% !important;
}

.oomidashi_title p strong{
	font-size: 20px;
}


}/* ウィンドウ幅が0～769pxの場合に適用するCSS */


/*------------------------------------------*/

/*<h3 class="midashi_title">Promotion movie<p>プロモーションムービー</p></h3>*/

.midashi_title {
	font-family: 'Quattrocento', sans-serif;
	/*font-family: "Century",Hiragino Mincho ProN,"ヒラギノ明朝 Pro W3",Hiragino Mincho Pro,"HG明朝B","メイリオ","ＭＳ Ｐ明朝",MS PMincho,meiryo,serif;*/
	font-weight: normal;
	font-size: 38px;
	text-align: center;
	margin: 0 0 30px;
	letter-spacing: -1px;
	border-bottom: 1px dotted #cfc69f;
	padding: 0 0 0px;
	color: #32281f;
}

.dai {
	font-size: 50px;
}

.midashi_title p{
	text-align: center;
	margin: 22px 0 15px;
	color: #a8832b;
}

.midashi_title span{
	font-size: 12px;
	letter-spacing: 0px;
	margin: 0;
	color: #bc974c;
}

.midashi_title_bob {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: lighter;
	font-size: 25px;
	text-align: left;
	margin: 0 0 30px;
	letter-spacing: -1px;
	border-bottom: 1px dotted #cfc69f;
	padding: 0 0 0px;
	line-height: 35px;
}

.midashi_title_bob p{
	text-align: left;
	margin: 15px 0;
	color: #999;
}

.midashi_text_t{
	text-align: center;
	margin: 0 0 80px;
}

.midashi_text{
	text-align: center;
	margin: 0 0 40px;
}

.recruit_text{
	margin: 5% 0 0;
}

.floor_bt{
	float: right;
	background: #a18142;
	padding: 0 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
}

.blog_text_area{
	margin: 5%;
}

.blog_text_area img{
	max-width: 90%;
}

.blog_text_area a{
	color: #424242;
}

/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

.midashi_title {
	margin: 0 0 5% !important;
	font-size: 25px;
	line-height: 32px;
}

.dai{
	font-size: 35px;
}

.floor_bt{
	float: right;
	background: #a18142;
	padding: 0 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	color: #fff;
	width: 50%;
	font-size: 11px;
}

.midashi_text_t{
	width: 90%;
	text-align: center;
	margin: 0 5% 40px;
}

.midashi_title_bob {
	font-size: 20px;
	line-height: 30px;
}

.blog_text_area img{
	max-width: 90%;
	height: auto !important;
}


}/* ウィンドウ幅が0～769pxの場合に適用するCSS */

/*------------------------------------------*/

.sub_title{
	width: 100%;
	float: left;
	margin: 0;
	position: relative;
}

.sub_title h2{
	width: 100%;
	xheight: 300px;
	overflow: hidden;
	text-align: center;
}

.sub_title h2 div{
	width: 1000px;
	margin: 0 auto;
}

.sub_title h2 img{
	margin: 1px auto 0;
	width: 100%;
}

.sub_title h2 .title{
	position :absolute;
	margin: 110px 0 0;
}

.sub_title h2 .title{
	height: 60px;
}

.sub_title h2 .tw{
	height: 80px;
}

.stay_title .title_text{ background: url(../img/title/stay_obi.png) no-repeat center -120px #2f2b27;}
.facilities_title .title_text{ background: url(../img/title/facilities_obi.png) no-repeat center top #625140;}
.banquet_title .title_text{ background: url(../img/title/banquet_obi.png) no-repeat center top #625140;}
.restaurant_title .title_text{ background: url(../img/title/restaurant_obi.png) no-repeat center -120px #625140;}
.ilmare_title .title_text{ background: url(../img/title/ilmare_obi.png) no-repeat center top #625140;}
.shiosai_title .title_text{ background: url(../img/title/shiosai_obi.png) no-repeat center top #625140;}
.north33_title .title_text{ background: url(../img/title/north33_obi.png) no-repeat center top #625140;}
.sightseeng_title .title_text{ background: url(../img/title/sightseeng_obi.png) no-repeat center -150px #625140;}
.movie_title .title_text{ background: url(../img/title/movie_obi.png) no-repeat center top #625140;}
.kizuna_title .title_text{ background: url(../img/title/kizuna_obi.png) no-repeat center top #625140;}
.access_title .title_text{ background: url(../img/title/access_obi.png) no-repeat center top #625140;}

.sub_title .title_text{
	width: 100%;
	float: left;
	margin: 0;
	background-size: 100%;
	position: absolute;
	bottom: 0;
	background: rgba(33, 31, 29, 0.8);
}

.sub_title .title_text .title_box{
	width: 1000px;
	margin: 0 auto;
}

.sub_title .title_text .title_box div{
	margin: 30px 0;
	xfloat: left;
}

.sub_title .title_text .comment{
	margin: 25px 0;
	xtext-align: left;
	color: #ccc;
	line-height: 30px;
	text-align: left;
	font-family: serif;
	font-size: 14px;
	-webkit-font-smoothing: antialiased;
	font-family: "ヒラギノ明朝 ProN W3",Hiragino Mincho ProN,"ヒラギノ明朝 Pro W3",Hiragino Mincho Pro,"HG明朝B","メイリオ","ＭＳ Ｐ明朝",MS PMincho,meiryo,serif;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-family: serif;
*/
	width: 60%;
	float: left;
}

.sub_title .title_text hr{
	width: 40px;
	margin: 16px auto 16px;
	border-bottom: 1px solid #fff;
	clear: both;
}

.page_title{
	float: left;
	width: 40%;
	text-align: center;
	color: #fff;
}

.w100{
	width: 100%;
}

.page_title p{
	text-align: center;
	font-size: 32px;
	margin-bottom: 15px;
	/*font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', "Times New Roman", Times, 'YuMincho', '游明朝','ＭＳ Ｐ明朝', 'MS PMincho', serif;*/
	font-family: serif;
	margin: 10px 0;
}

.north33 p{
	line-height: 34px;
	margin: -10px 0 0;
}

.page_title span{
	font-size: 13px;
	color: #bc974c;
}


/*-----*/

.news_box ul{
	margin: 50px 0 20px;s
}

.news_box ul li {
	border-bottom: 1px dotted #b0b0b0;
}

.image_box img{
	width: 125px;
}

.news_box ul li .text_box .text {
	width: 80%;
}

/*-----*/

.blog_title{
	width: 100%;
	float: left;
	margin: 0;
	background: #625140;
}

.blog_title h2{
	width: 1000px;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0;
}

.blog_title h2 p{
	width: 1000px;
	margin: 0 auto;
}

.blog_title h2 p{
	line-height: 30px;
	font-size: 20px;
	color: #fff;
}

.blog_title h2 span{
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}

.blog_box{
	width: 90%;
	margin: 5%;
}

/*-----*/

/*footer*/

.footer{
	background: url(../img/search_bg.png) repeat;
	width: 100%;
	/*float: left;*/
	color: #fff;
	text-align: center;
	/*border-bottom: 100px solid #333;*/
	display: flex;
	padding-bottom: 100px;
}


.footer .language{
	font-family: Century Gothic, sans-serif;
	color: #fff;
	margin: 10px 0 0;
	border: 1px solid #ccc;
	float: left;
	padding: 2px 7px;
}

.footer .footer_box{
	width: 1000px;
	margin: 30px auto 0;
	text-align: center;
}

.footer .footer_box .f_logo{
	float: left;
	height: 170px;
	padding: 0 15px 0 0;
	margin: 0 15px 0 0;
	border-right: 1px dotted #596159;
}

.footer .footer_box .f_address{
	float: left;
	text-align: center;
	font-size: 12px;
	color: #969696;
}

.footer .footer_box .f_address p{
	margin: 10px 0 10px;
	font-size: 12px;
	line-height: 20px;
}

.footer .footer_box .f_address p a{
	color: #969696;
}

.footer .footer_box .f_address img{
	margin: 5px 5px 0 0;
	vertical-align: top;
}

.footer .footer_box .f_copy{
	margin: 35px auto 20px;
	text-align: center;
	width: 100%;
	float: left;
	color: #969696;
}

.footer_list_box{
	float: right;
	width: 426px;
}

.footer_list{
	width: 426px;
	margin: 0 0 15px;
	float: right;
}

.footer_list li{
	float: left;
	font-size: 12px;
	margin: 0 15px 0 0;
}

.footer_list li a{
	color: #969696;
}

.footer_list li::before {
	content: url(../img/footer_arrow.png);
}

.tripadvisor{
	float: left;
}


.pc{
	display: block;
}

.smp{
	display: none;
}


/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

.pc{
	display: none;
}

.smp{
	display: block;
}

body {
	background: none;
	font-size: 12px !important;
}

p {
	font-size: 12px;
	line-height: 20px;
}

div {
	font-size: 11px;
	line-height: 20px;
}

img{
	width: 80%;
}

/*------------------------*/

.sightseeng_title .title_text{ background: url(../img/title/sightseeng_obi.png) no-repeat center -120px #625140;}

/*------------------------*/

.move_bt{
	width: 96% !important;
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 9999;
	width: 60px;
	text-align: center;
	padding: 3% 2% 2%;
	background: rgba(0, 0, 0, 0.6);
}

.move_bt li{
	height: auto;
	float: left;
	text-align: center;
}

.move_bt li img{
	width: 90%;
}

.move_bt li:nth-child(1){
	height: auto;
	width: 100%;
	margin: 0 0 10px;
}

.move_bt li:nth-child(1) img{
	width: 97.5%;
}

.move_bt li:nth-child(2){
	height: auto;
	width: 42%;
}

.move_bt li:nth-child(3){
	height: auto;
	width: 42%;
}

.move_bt li:nth-child(4){
	height: auto;
	width: 13.8%;
}

.move_bt li:nth-child(4) img{
	width: 96%;
}

/*------------------------*/

.page_title p{
	font-size: 25px;
}

.w100{
	margin: 0 0 10px !important;
}

/*------------------------*/

.smp_image{
	width: 100%;
}

.smp_image img{
	width: 100%;
}

.head {
	width: 100%;
	height: 200px;
	xbackground: url(http://clubviage.jp/img/morioka/lp/main.png) no-repeat center top #fff;
	background-size: 100%;
	float: left;
	margin: 0;
}

.midashi{
	text-align: center;
}

.midashi img{
	width: 80%;
}


.scrollpanel{
	width: 100% !important;
}


.co_box{
	width: 100%;
}


.mm {
	width: 90% !important;
}

/*-----*/

.pankuzu {
	padding: 4px 0 2px;
}

.sub_title{
	width: 100%;
	float: left;
	margin: 0 0 30px;
	position: inline;
}

.sub_title h2{
	width: 100%;
	xheight: 300px;
	overflow: hidden;
	text-align: center;
}

.sub_title h2 .title{
	width: auto;
	height: 28px;
	margin: 20% 0 0 5%;
}


.sub_title .title_text .title_box {
	width: 90%;
	margin: 0 5%;
}

.sub_title .title_text .title_box div{
	margin: 0;
	float: left;
	width: 100%;
}


.sub_title h2 .tw{
	height: 35px;
}

.stay_title .title_text{ background-size: 250%; }

.sub_title h2 img{
	width: 130%;
	margin: 0 0 0 -15%;
}

.sub_title .title_image{
	width: 100%;
	height: 150px;
}

.sub_title .title_text p{
	margin: 15px 0;
	line-height: 20px;
	xfont-size: 13px;
}

.north33 p{
	line-height: 25px !important;
}


/*-----*/

.sub_title .title_text .comment {
	margin: 15px 0;
	color: #ccc;
	line-height: 20px;
	text-align: left;
	font-size: 13px;
	-webkit-font-smoothing: antialiased;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	float: left;
}

.sub_title .title_text{
	width: 100%;
	float: left;
	margin: 0 0 8%;
	background-size: 100%;
	position: relative !important;
	bottom: 0;
	background: rgba(33, 31, 29, 0.8);
}


/*-----*/

.news_box ul li .text_box .text {
	width: 100%;
}

/*-----*/

.blog_title{
	width: 100%;
	float: left;
	margin: 0;
	background: #625140;
}

.blog_title h2{
	width: 90%;
	overflow: hidden;
	margin: 0 5%;
	padding: 20px 0;
}

.blog_title h2 p{
	width: 100%;
	margin: 0 auto;
}

.blog_title h2 p{
	font-size: 20px;
}

.blog_title h2 span{
	font-size: 11px;
}


/*-----*/

.footer{
	height: auto;
	padding: 0 0 60px;
}

.footer .language{
	width: 100%;
	float: left;
	text-align: center;
	margin: 10px 0;
	padding: 5px 0;
}

.footer .footer_box{
	width: 90%;
	margin: 0 5%;
}

.footer .footer_box .f_logo{
	width: 100%;
	text-align: center;
	height: auto;
}

.footer .footer_box .f_logo img{
	width: 50%;
	margin: 5% 0 0;
}

.footer .footer_box .f_address p{
	width: 100%;
	text-align: center;
}

.footer .footer_box .f_address{
	width: 100%;
	text-align: center;
}

.footer .footer_box .f_address img{
	width: 10%;
}

.footer_list_box{
	display: none;
}

.footer .footer_box .f_copy{
	font-size: 11px;
	margin: 5% 0 2%;
}


/*-----*/

.page_title p:{
	font-size: 20px;
}


}/* ウィンドウ幅が0～479pxの場合に適用するCSS ここまで */

/*------------------------------------------------------------------------------------*/

/*宿泊日程で検索*/

.search_list input{
	border: 1px solid #646464;
	height: 40px;
	padding: 0 10px 0 5px;
	font-size: 16px;
	color: #333;
	background: #d3d3d3;
	width: 40px;
}

.search_list .year{
	width: 50px;
}

#ui-datepicker-div{
	z-index: 99999 !important;
}

.ui-datepicker-calendar{
	z-index: 99999 !important;
}
/*
.ui-widget-header {
	background: #666666 !important;
	border: 1px solid #ffffff !important;
}
*/

/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

.search_list img{
	width: 10%;
}

}/* ウィンドウ幅が0～769pxの場合に適用するCSS */

/*
#reservation{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

*/
#reservation.hakka{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	z-index: 99999;
}

/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

#reservation.hakka{
	position: static;
	bottom: 0px;
	left: 0px;
	width: 100%;
}

}/* ウィンドウ幅が0～769pxの場合に適用するCSS */

/*------------------------------------------------------------------------------------*/

.waku{
	width: 100%;
	border: 10px solid rgba(255,255,255,.2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.waku_box{
	background: rgba(255,255,255,.8);
	float: left;
	width: 100%;
}

.test p{
	xwidth: 100%;
	background: rgba(255,255,255,.8);
	xmargin: 10px;
}

.access_box .co_box{
	/*background: rgba(255,255,255,.8);*/
}


/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

.access_box .co_box iframe{
	height: 300px !important;
}

}/* ウィンドウ幅が0～769pxの場合に適用するCSS */


/*管理画面調整*/

div.ccm-header-search-form form a.ccm-header-launch-advanced-search+input.form-control {
	width: 200px;
	padding-right: 110px;
	float: right;
}

div.ui-dialog .ui-dialog-content {
	height: 650px !important;
}

ul.ccm-header-search-navigation a#ccm-file-manager-upload {
	color: #fff;
}

ul.ccm-header-search-navigation a {
	color: #fff;
}

div.ccm-search-results-breadcrumb ol.breadcrumb > li.active a {
	color: #fff;
}

div.ccm-search-results-breadcrumb ol.breadcrumb > li a {
	color: #fff;
}

/*準備中表記*/

.wait{
	text-align: center;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 auto 100px;
}

/*記事が無い時の文章表記*/

.ccm-block-page-list-no-pages{
	text-align: center;
	margin: 0 0 50px;
}



/*ジャンプボタン*/

.party_list{
	width: 100%;
	float: left;
	margin: 0 0 30px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	padding: 10px 0;
}

.party_list li{
	float: left;
	text-align: center;
	margin: 0 25px 0 0;
}

.party_list li:first-child{
	margin: 0 25px 0 5%;
}

.party_menu li:first-child{
	margin: 0 25px 0 15%;
}

.party_list li a{
	float: left;
	width: 100%;
	height: 100%;
	background: #a57c5a;
	padding: 5px 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


/* ウィンドウ幅が0～769pxの場合に適用するCSS */
@media screen and ( max-width:769px ){

.party_list li{
	width: 50%;
	margin: 0 0 10px;
	font-size: 11px;
}


.party_list li:first-child{
	margin: 0 0 10px !important;
}


.party_list li a{
	padding: 5px 0;
	width: 96%;
	margin: 0 2%;
}

}/* ウィンドウ幅が0～769pxの場合に適用するCSS */





/* Safari専用のipad幅だけにCSSハック */
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px){

/*
#ui-datepicker-div {
	z-index: 99999 !important;
	bottom: 5% !important;
	top: auto !important;
}
*/

.contents_area{
	background: none;
}


.top_bg_box{
	/*background:none !important;*/
}

.top_bg_box::before{
	content:"";
	display:block !important;
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	z-index:-1 !important;
	width:100% !important;
	height:100vh !important;
	background:url(../img/top/topics_bg.png) center/cover repeat rgba(255, 255, 255, 1) !important;
	-webkit-background-size:cover;
}

}/* Safari専用のCSSハック */


/* スマホ横向きの場合のスタイル */
@media screen and (min-width: 480px) and (max-width: 668px){

body {
	-webkit-text-size-adjust: 100% !important;
}

.smp {
	display: block;
}

.pc {
	display: none;
}

.container {
	padding: 0;
}

.top_bg_box{
	background:none !important;
}

.top_bg_box::before{
	content:"";
	display:block !important;
	position:fixed !important;
	top:0 !important;
	left:0 !important;
	z-index:-1 !important;
	width:100% !important;
	height:150vh !important;
	background:url(../img/top/topics_bg.png) center/cover repeat !important; /*fixedをトル！*/
	-webkit-background-size:cover;/*Android4*/
}

/*--------------------------------------------*/

.head {
	display: none;
}

.co_box {
	width: 90% !important;
	margin: 0 5% !important;
}

.smp_logo {
	position: absolute;
	z-index: 99999;
	top: 8px;
	left: 10px;
}

}/* 横向きの場合のスタイル */


/* タブレット表記専用　ウィンドウ幅が480～769pxの場合に適用するCSS */
@media screen and (min-width: 480px) and (max-width: 769px){

.waku_box {
	padding: 2% 0 8% !important;
}

/*-------------------------*/


.contents_area {
    background: none !important;
}

.contents_area::before {
    content: "";
    display: block !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: -1 !important;
    width: 100% !important;
    height: 100vh !important;
    background: none !important;
    /*background: url(../img/top/topics_bg.png) center/cover repeat !important;
    -webkit-background-size: cover;*/
}


/*-------------------------*/


.footer .free {
	width: 3% !important;
}

/*-------------------------*/

.midashi_title {
	font-size: 50px !important;
}

.midashi_text .pc{
	display: block;
}

/*-------------------------*/

.news_box h2 img {
	width: 40% !important;
	height: auto;
}

/*-------------------------*/

.search_box .search_list {
	width: 60% !important;
	margin: 5px 0% 0 5% !important;
}

#image-btn {
	width: 92% !important;
	height: 75px !important;
}

.search_box .search_bt div img {
	width: 92% !important;
}

.search_box .search_bt {
	width: 35% !important;
}

.search_box .search_bt div {
	width: 85% !important;
}

.search_box .search_bt div:nth-child(2){
	width: 40% !important;
	margin: 0 0 0 2%;
}

.search_box .search_bt div:nth-child(3){
	width: 40% !important;
}

.search_box .search_bt div:last-child {
	float: left !important;
}

/*-------------------------*/

.plan_box .plan_title {
	margin: 30px 25% 0 !important;
	width: 50% !important;
}

.plan_box ul {
	width: 100% !important;
	margin: 0 !important;
}

.plan_box ul li {
	width: 30% !important;
	margin: 0 1.5%;
}

.plan_box ul li div {
	height: 135px !important;
	background: #111;
}

/*-------------------------*/

.top_contents_box h2 img {
	width: 50% !important;
	margin: 0 25% !important;
}

/*-------------------------*/

.facilities_box h2 img {
	width: 50% !important;
}

/*-------------------------*/

.facilities_box ul li div {
	width: 90% !important;
	margin: 0 5% 7% !important;
}

.facilities_box ul li div p {
	width: 100% !important;
	margin: 0 !important;
}

/*-------------------------*/

.access_box .text_area {
	margin: 5% 3% 0 !important;
}

.access_box .text_area h2 img {
	width: 50% !important;
}

.access_box .text_area .address div {
	width: 50% !important;
}

.access_box .text_area .address {
	text-align: left !important;
	float: left;
	width: 100%;
}

.access_box .text_area .address p {
	float: left;
	width: 50%;
	margin: 0 0 10%;
}

.access_box .text_area .address img {
	width: 7% !important;
}

.access_box .text_area .rute .smp{
	display: none;
}

/*-------------------------*/

.sightseeng_list .smp{
	display: none !important;
}

/*-------------------------*/
/*ご宿泊*/

.room_list .room_area {
	padding: 0;
}

.room_box .plan_banner .smp{
	display: inline;
}

/*-------------------------*/
/*レストラン*/

.restaurant_box {
	margin: 0 0 20px;
}

.restaurant_area .r01 .restaurant_box, .restaurant_area .r02 .restaurant_box, .restaurant_area .r03 .restaurant_box {
	height: 340px !important;
}

.restaurant_area .r01 {
	height: 340px !important;
}

.restaurant_area .r02 {
	height: 340px !important;
}

.r_menu_list li .text h4 strong {
	font-size: 20px;
}

.sns_b div {
	margin: 0 15px 0 0 !important;
	width: 30%;
}

.sns_b div img {
	width: 100%;
}

.sns_b p {
	margin: 10px 0 0 10px !important;
}

.facebook_boxs {
	height: auto !important;
	float: none !important;
	margin: 0 auto 50px;
}

.facebook iframe{
	width: 250px !important;
}

.facebook ._2p3a{
	width: 250px !important;
}

.facebook .2p3a{
	width: 250px !important;
}

.instagram_area {
	float: left;
	width: 100% !important;
	text-align: center;
}

.restaurant_banner img {
	width: 85% !important;
}

/*-------------------------*/
/*ご宴会・会議*/

.room_text .room_info {
	width: 60%;
	margin: 30px 20% 20px;
}

.room_data {
	width: 90%;
	margin: 20px 1% 10px 4%;
}

.sightseeng_list {
	width: 96%;
	float: left;
	margin: 30px 2% -15px !important;
}

.sightseeng_list li a:hover:after {
	top: 27% !important;
	left: 25% !important;
}

.sightseeng_list .party_box {
	margin: 0 0 60px !important;
}

.facilities_c_check {
	margin: 0 0 20px !important;
}

.room_text .image_box img {
	width: 90%;
	margin: 5%;
}

/*-------------------------*/
/*施設情報*/

.facilities_c_image img{
	width: 100%;
}

.facilities_c_text .text_box {
	width: 55%;
}

.facilities_c_text table {
	width: 100%;
}

.facilities_c_text .image_box {
	width: 42%;
}

/*-------------------------*/
/*フロアマップ*/

.floor_nav {
	padding: 35% 0 0 !important;
}

/*-------------------------*/
/*アクセス*/

.t_title {
	width: 100% !important;
	margin: 50px 0 10px !important;
}

.access_box .text_area .comment {
	margin: 17px 0 30px !important;
	text-align: center;
}

.contact_box table th {
	width: 150px !important;
}

.access_box .text_area .bus{
	width: 80%;
	float: left;
	margin: 0 10% 5%;
	text-align: center;
}


/*-------------------------*/
/*お問い合わせ*/

.contact_box table {
	width: 100% !important;
	margin: 0 0 40px !important;
}


/*-------------------------*/
/*会社概要・採用情報*/

.form_box {
	width: 100% !important;
	margin: 10% 0 !important;
}

.form_box th {
	width: 150px !important;
}

.form_box td {
	padding: 15px !important;
}

.recruit_tbl th{
	width: 90px !important;
}


/*-------------------------*/
/*プライバシーポリシー*/

.privacy_list li .banner img{
	width: 30%;
}


/*-------------------------*/
/*サイトマップ*/

.sitemap_box ul {
	font-size: 16px !important;
}

/*-------------------------*/
/*フッター*/

.footer_banner_box {
	padding: 0px 0 30px;
}

.footer_banner_box h2 img {
	width: 30% !important;
}

.footer .footer_box .f_logo img {
	width: 30%;
	margin: 5% 0 0;
}

.footer_banner_box ul li {
	width : 33.33333% !important; /* 未対応ブラウザ用フォールバック */
	width : -webkit-calc(100% / 3) !important;
	width : calc(100% / 3) !important;
	float: left;
	text-align: center;
}

.footer_banner_box ul li img {
	width: 96% !important;
}

.footer {
	border-bottom: 66px solid #000;
	padding: 0 0 20px;
}

.footer .language {
	margin: 10px 25% !important;
	width: 50% !important;
}

.move_bt{
	position: fixed;
	bottom: 0%;
	right: 0;
	z-index: 89;
	width: 150px;
	text-align: right;
	width: 100%;
	height: 28px;
	margin: 0 0 0 !important;
}

.move_bt li {
	float: left;
}

.move_bt li img {
	width: 50%;
	margin: -10px 0 0px;
}

.move_bt li:nth-child(1) {
	height: auto;
	width: 58%;
	margin: 0 0 10px;
}

.move_bt li:nth-child(2) {
	height: auto;
	width: 17%;
}

.move_bt li:nth-child(3) {
	height: auto;
	width: 17%;
}

.move_bt li:nth-child(4) {
	height: auto;
	width: 6%;
	float: right;
}

.move_bt li img {
	width: 96%;
}

.move_bt li:nth-child(4) img {
	width: 96%;
}

}/* ウィンドウ幅が480～769pxの場合に適用するCSS ここまで */


/*-----20200427調整分-----*/