/*IE対策*/

html {
	overflow-x: hidden;
	-ms-overflow-style: auto;
}

@-ms-viewport {
    width: auto;
    initial-scale: 1 !important;
}

@viewport {
	width: device-width;
	initial-scale: 1 !important;
}





/*ファーストビュー*/

#firstviewfull {
	overflow: hidden;
	position: relative;
}

#firstviewfull > video {
	z-index: -9999;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

#firstviewfull > #youtube {
	z-index: -9999;
	left: 50%;
	min-height: 100%;
	min-width: 350%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}


#firstviewfull > #effecter{
	z-index: 1;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	background-image: url("../common_img/effecter.gif");
}

#effecter > #centercontents {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	margin: -1.5em 0 0 -50%;
	text-align: center;
	color: #fff;
}

#centercontents_title{
	font-size: 1.5em;
	letter-spacing: 0.1em;
	text-shadow: 0px 0px 3px #000;
}@media (min-width: 480px) {
#centercontents_title{
	font-size: 2em;
	letter-spacing: 0.2em;
}}


#comment {
	background-color: rgba(41, 30, 28, 0.5);
	color: #fff;
	padding: 0.5em;
	margin-top: 1em;
	font-size: 0.9em;
	text-shadow: 0px 0px 3px #000;
}@media (min-width: 480px) {
#comment {
	padding: 1em;
	font-size: 1em;
}}

#comment a,
#comment a:visited,
#comment a:active {
	color: #fff;
	text-decoration: underline;
}

#comment a:hover {
	color: #999;
	text-decoration: none;
}

header {
	margin: 0;
	padding: 0;
}





/*ナビゲーション部分カスタマイズ*/

.navbar-default {
	background-color: #000;
	background: -moz-linear-gradient(top, rgba(41, 30, 28, 1), rgba(41, 30, 28, 0.9), rgba(41, 30, 28, 0));
	background: -webkit-linear-gradient(top, rgba(41, 30, 28, 1), rgba(41, 30, 28, 0.9), rgba(41, 30, 28, 0));
	background: -o-linear-gradient(top, rgba(41, 30, 28, 1), rgba(41, 30, 28, 0.9), rgba(41, 30, 28, 0));
	background: linear-gradient(to bottom, rgba(41, 30, 28, 1), rgba(41, 30, 28, 0.9), rgba(41, 30, 28, 0));
	border: none;
}

.navbargradient {
	background: -moz-linear-gradient(top, rgba(184, 85, 84, 1), rgba(208, 123, 109, 1), rgba(255, 200, 159, 1));
	background: -webkit-linear-gradient(top, rgba(184, 85, 84, 1), rgba(208, 123, 109, 1), rgba(255, 200, 159, 1));
	background: -o-linear-gradient(top, rgba(184, 85, 84, 1), rgba(208, 123, 109, 1), rgba(255, 200, 159, 1));
	background: linear-gradient(to bottom, rgba(184, 85, 84, 1), rgba(208, 123, 109, 1), rgba(255, 200, 159, 1));
	border: none;
	position: absolute;
	width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -100;
    display: none;
}

.navbarsubpage{
	background: -moz-linear-gradient(top, rgba(184, 85, 84, 1), rgba(208, 123, 109, 1), rgba(255, 200, 159, 1));
	background: -webkit-linear-gradient(top, rgba(184, 85, 84, 1), rgba(208, 123, 109, 1), rgba(255, 200, 159, 1));
	background: -o-linear-gradient(top, rgba(184, 85, 84, 1), rgba(208, 123, 109, 1), rgba(255, 200, 159, 1));
	background: linear-gradient(to bottom, rgba(184, 85, 84, 1), rgba(208, 123, 109, 1), rgba(255, 200, 159, 1));
}

.navbar-default .icon-bar {
	background-color: #fff;
}

.navbar-toggle {
	border: 1px solid #fff;
}

.navbar-toggle .icon-bar {
	border-radius: 0px;
}

.navbar-right {
	margin-right: 0px;
}

.navbar-brand img {
	height: 2.2em;
}

.nav > li > a {
	 text-shadow: 0px 0px 2px #000;
}

@media (min-width: 768px) {
.nav > li > a {
	font-size: 0.6em;
	padding: 29px 12px;
}}
@media (min-width: 905px) {
.nav > li > a {
	font-size: 0.8em;
	padding: 29px 15px;
}}
@media (min-width: 992px) {
.nav > li > a {
	font-size: 1.1em;
	padding: 29px 15px;
}}





/*空室検索ボタン*/

#kushitsu {
	position: fixed;
	z-index: 200;
	top: 90px;
	width: 7em;
	right: 1em;
	padding-left: auto;
	padding-right: auto;
}@media (min-width: 768px) {
#kushitsu {
	width: 10em;
}}

#kushitsu #fukidashi img{
	position: relative;
	z-index: 199;
	width: 100%;
}

#kushitsu #kushitsukensaku{
	position: relative;
	z-index: 198;
	width: 7em;
	top: -1em;
}@media (min-width: 768px) {
#kushitsu #kushitsukensaku{
	width: 10em;
}}





/*セクション毎の和紙背景付タイトル*/

.sectiontitle {
	color: #432f2f;
	text-shadow: 0px 0px 3px #fff;  
	font-size: 2.2em;
	text-align: center;
	background-image: url("../common_img/h1back.jpg");
	padding: 0.5em 0 0.5em 0;
	-moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 4px rgba(0,0,0,0.2);
	margin: 2em 0 1.2em 0;
}

.sectiontitle .h1AccentCol {
	color: #de807c;
}





/*スライドインコンテンツの設定*/

.slideinContainer .slidebackimage {
	z-index: -9999;
	left: 50%;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.slideinContainer{
	position: relative;
	overflow: hidden;
	height:400px;
}

.slideinContainer .slideTextGroup {
	z-index: 1;
	margin: 7em 0 0 0;
}

.sectiontext-white,
.sectiontext-black {
	display: block;
	line-height: 2.2em;
	letter-spacing: 0em;
}@media (min-width: 768px) {
.sectiontext-white,
.sectiontext-black {
	letter-spacing: 0.2em;
}}

.sectiontext-white{
	color: #fff;
	text-shadow: 0px 0px 2px #000;  
}

.sectiontext-black{
	color: #432f2f;
}

.sectionDetailsButton-white,
.sectionDetailsButton-black,
.sectionDetailsButton-white:hover,
.sectionDetailsButton-black:hover,
.sectionDetailsButton-white:visited,
.sectionDetailsButton-black:visited,
.sectionDetailsButton-white:active,
.sectionDetailsButton-black:active {
	display: block;
	padding: 1.3em 0;
	width: 20em;
	margin-top: 3em;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	font-weight: bold;
	box-sizing: border-box;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.sectionDetailsButton-white,
.sectionDetailsButton-white:hover,
.sectionDetailsButton-white:visited,
.sectionDetailsButton-white:active {
	border:solid 1px #fff;
	color: #fff;
	text-shadow: 0px 0px 2px #000;
}

.sectionDetailsButton-black,
.sectionDetailsButton-black:hover,
.sectionDetailsButton-black:visited,
.sectionDetailsButton-black:active {
	border:solid 1px #432f2f;
	color: #432f2f;
}





/*いちおしカルーセル*/

.slick-prev:before,
.slick-next:before {
	color: #932041;
	text-shadow: 0px 0px 4px #fff;
}

.slick-next {
	right: 20px;
	z-index: 99;
}

.slick-prev {
	left: 20px;
	z-index: 100;
}

.multiple-items {
	display: block;
	box-sizing: border-box;
	padding: 0;
}

.multiple-items .cardbox {
	padding: 0 10px;
}

.multiple-items .card{
	display: block;
	background-color: #e4e2df;
	-moz-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-o-box-shadow: 0 0 8px rgba(0,0,0,0.2);
	-ms-box-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.multiple-items .cardimage{
	overflow: hidden;
}

.multiple-items .cardimage img{
	width: 100%;
}

.cardtextbox {
	padding: 0.8em;
	height: 8em;
	font-size: 0.8em;
	color: #000;
}

.cardtextbox span{
	width: 100%;
	float: left;
}

.carttitile {
	text-align: right;
	font-size: 1.5em;
	color: #432f2f;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	margin-top: 2em;
}





/*お知らせカード*/

.oshirasecard{
	background-color: #e4e2df;
	margin: 1em;
	padding: 1em;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}@media (min-width: 768px) {
.oshirasecard{
	display: inline-block;
	max-width: 500px;
	width: 45%;
}}

.oshirasetextbox {
	color: #000;
	height: 6em;
}@media (min-width: 992px) {
.oshirasetextbox {
	width: 45%;
	height: 100px;
	display: inline-block;
	text-align: left;
}}

.oshirasetextbox h2 {
	font-weight: bold;
}@media (min-width: 992px) {
.oshirasetextbox h2{
	margin: 0;
}}

.oshirasedetail {
}@media (min-width: 992px) {
.oshirasedetail  {
	width: 45%;
	display: inline-block;
	text-align: right;
}}

.oshiraseimagebox {
}@media (min-width: 992px) {
.oshiraseimagebox {
	width: 45%;
	float: left;
}}

.oshiraseimagebox img {
	max-width: 380px;
	width: 100%
}@media (min-width: 992px) {
.oshiraseimagebox img{
	width: 200px;
}}





/*フッターバナーエリア*/

.bannerarea {
	background-color: #e4e2df;
	padding: 1em;
	text-align: center;
	margin-top: 4em;
}

.bannerarea ul{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.bannerarea ul li{
	display: inline-block;
	margin: 15px; 
}

.bannerarea ul li img{
	width: 200px;
}





/*フッターエリア*/

.footerMain {
	background-image: url("../common_img/footerback.jpg");
	margin: 0;
	padding: 15px;
	text-align: center;
}@media (min-width: 480px) {
.footerMain {
	text-align: left;
}}

.footerlogo,
.footeraddress,
.footercheckinout{
	width: 100%;
}

.footerlogo {
	margin: 2em 0 0.5em 0;
}@media (min-width: 768px) {
.footerlogo {
	width: 200px;
	display: inline-block;
	margin: 0 0 0 0;
}}

.footerlogo img{
	max-width: 200px;
}

.footeraddress{
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #fff;
	font-size: 0.9em;
	padding: 0;
}@media (min-width: 768px) {
.footeraddress {
	width: 250px;
	margin: 0 0 0 15px;
	display: inline-block;
	vertical-align: top;
}}

.footercheckinout {
	margin: 2em 0;
}@media (min-width: 480px) {
.footercheckinout {
	float: right;
	width: 220px;
	margin: 0 40px 0 0 ;
}}

.footercheckinout img{
	max-width: 200px;
}

.akaobi {
	clear: both;
	display: block;
	width: 100%;
	background-color: #932041;
	text-align: right;
	padding: 0 1em;
}

.akaobi a,
.akaobi a:hover,
.akaobi a:active,
.akaobi a:visited {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #fff;
	text-decoration: underline;
	font-size: 0.8em;
	display: inline-block;
	padding: 5px 0.6em;
}

.akaobi a:hover,
.akaobi a:active {
	color: #e09daf;
}

footer small {
	display: block;
	color: #fff;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	width: 100%;
	text-align: center;
	background-image: url("../common_img/footerback.jpg");
}





/*トップへ戻るボタン*/

.pageTop {
	margin: 0;
	padding: 0;
	display: none;
}


.pageTop img{
	margin: 0;
	padding: 0;
	position: fixed;
	right: 0px;
	bottom: 40px;
	width: 60px;
}





/*部分的なサンセリフ体指定*/

.fontSansSerif {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}





/*下層ページキャプション重ね合わせ共通項目*/

.subpageTitleContainerR .slidebackimage,
.subpageTitleContainerL .slidebackimage,
.subpageContentsContainerR .slidebackimage,
.subpageContentsContainerL .slidebackimage {
left: 50%;
	position :relative;
	z-index: -9999;
	min-width:100%;
	min-height:100%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.subpageTitleContainerR,
.subpageTitleContainerL,
.subpageContentsContainerR,
.subpageContentsContainerL {
	color: #fff;
	text-align: center;
	text-shadow: 0px 0px 3px #000;
}@media (min-width: 480px) {
.subpageTitleContainerR,
.subpageTitleContainerL,
.subpageContentsContainerR,
.subpageContentsContainerL {
	color: #000;
	text-align: left;
	text-shadow: 0px 0px 3px #fff;
}}





/*下層ページ写真とタイトル本文重ね合わせ*/

.subpageTitleContainerR,
.subpageTitleContainerL {
	position: relative;
	margin-top: 10em;
}

.subpageTitleContainerR h1,
.subpageTitleContainerL h1 {
	background-image: url("../common_img/phototitlebackW.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100px;
	padding:1em 0 0 0;
	font-size: 2em;
}@media (min-width: 480px) {
.subpageTitleContainerR h1,
.subpageTitleContainerL h1 {
	background-image: url("../common_img/phototitleback.png");
	background-position: left top;
}}


.subpageTitleContainerR .slidebackTitleimageTrim {
	position: relative;
	width:100%;
	overflow: hidden;
	height:400px;
}@media (min-width: 480px) {
.subpageTitleContainerR .slidebackTitleimageTrim {
	width:80%;
	right: -20%;
}}

.subpageTitleContainerL .slidebackTitleimageTrim {
	width:100%;
	overflow: hidden;
	height:400px;
}@media (min-width: 480px) {
.subpageTitleContainerL .slidebackTitleimageTrim {
	width:80%;
	right: -20%;
}}

.subpageTitleContainerR .subpageTitleGroup {
	position: absolute;
	width: 100%;
	top: 2em;
	padding: 0 2em 2em 2em;
	margin: 0 0 0 0;
}@media (min-width: 480px) {
.subpageTitleContainerR .subpageTitleGroup {
	width: 20em;
	background-image: url("../common_img/photocapback.png");
	top: 2em;
	left: 5%;
}}@media (min-width: 768px) {
.subpageTitleContainerR .subpageTitleGroup {
	width: 40em;
}}

.subpageTitleContainerL .subpageTitleGroup {
	position: absolute;
	width: 100%;
	top: 2em;
	padding: 0 2em 2em 2em;
	margin: 0 0 0 0;
}@media (min-width: 480px) {
.subpageTitleContainerL .subpageTitleGroup {
	width: 20em;
	background-image: url("../common_img/photocapback.png");
	top: 2em;
	right: 5%;
}}@media (min-width: 768px) {
.subpageTitleContainerL .subpageTitleGroup {
	width: 40em;
}}




/*下層ページ写真とキャプション重ね合わせ*/

.subpageContentsContainerR,
.subpageContentsContainerL {
	position: relative;
	margin-top: 5em;
}

.subpageContentsContainerR .slidebackimageTrim,
.subpageContentsContainerL .slidebackimageTrim  {
	width:100%;
	overflow: hidden;
	height:400px;
}

.subpageContentsContainerR .subpageTextGroup {
	position: absolute;
	top: 4em;
	padding: 2em;
	margin: 0 0 0 0;
}@media (min-width: 480px) {
.subpageContentsContainerR .subpageTextGroup {
	top: -3em;
	width: 20em;
	left: 5%;
	background-image: url("../common_img/photocapback.png");
}}@media (min-width: 768px) {
.subpageContentsContainerR .subpageTextGroup {
	width: 40em;
}}

.subpageContentsContainerL .subpageTextGroup {
	position: absolute;
	top: 4em;
	padding: 2em;
	margin: 0 0 0 0;
}@media (min-width: 480px) {
.subpageContentsContainerL .subpageTextGroup {
	top: -3em;
	width: 20em;
	right: 5%;
	background-image: url("../common_img/photocapback.png");
}}@media (min-width: 768px) {
.subpageContentsContainerL .subpageTextGroup {
	width: 40em;
}}