@charset "EUC-JP";

/* ---------------------------------------------------
Information
File name:      sp.css
Style Info:     sp向け設定（w767px以下）
--------------------------------------------------- */




/* ---------------------------------------------------
	レイアウト基本設定、ナビ
--------------------------------------------------- */

/* body
-----------------------------------------------------------------------*/
body {
	font-size:1.6rem;/* 16px*/
}


/* container
-----------------------------------------------------------------------*/
#container {
}


/* section
-----------------------------------------------------------------------*/
section {
	margin-bottom: 1rem;
}


/* header
-----------------------------------------------------------------------*/
header {
	width:100%;
	height: 100%;
	text-align: center;		
}

header h1 {
	display: block;
	margin: 16px auto;
	width: 100%;
	position: relative;
	background-image: url(../images/logo_sp.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	text-indent: -9999px;
}

header h1 a {
	display: block;
	float: none;
	height: 100%;
	width: 100%;
}


/* headerInfo
-----------------------------------------------------------------------*/
#headerInfo {
	display: none;
}


/* topNav
-----------------------------------------------------------------------*/
#topNav {
	display: none;
}


/* panNav
-----------------------------------------------------------------------*/
.panNav {
	box-sizing:border-box;
	width: 100%;
	padding: 1% 2%;
	line-height: 1.5;
}

.panNav li {
}


/* mainNav　PC用
-----------------------------------------------------------------------*/
#mainNavArea {
	display: none;
}


/* globalNav　SP用
-----------------------------------------------------------------------*/
.globalNavSp {
	position: static;
}

#navToggle {
	display: block; /*通常時は非表示にしておきます*/
	position: fixed; /*bodyに対しての絶対位置指定です*/
	left: 0;
	top: 10px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 500; /*default_100*/
	background-color: #0085C9; /*custom_#0085C9*/
	padding: 10px;
	border-top-right-radius: 5px; /*default_left*/
	border-bottom-right-radius: 5px; /*default_left*/
	transition: All ease 0.4s;
	-webkit-transition: All ease 0.4s;
	-moz-transition: All ease 0.4s;
	-o-transition: All ease 0.4s;
	-ms-transition: All ease 0.4s;
}

.openNav #navToggle {
	left: 200px; /*custom_left*/
}

#navToggle div {
	position: relative; /*spanの絶対位置指定の親にします*/
}
#navToggle span {
	display: block;
	position: absolute; /*#navToggle div に対して*/
	width:100%;
	border-bottom: 2px solid #fff;
	transition: All ease-in-out 0.4s;
	-webkit-transition: All ease-in-out 0.4s;
	-moz-transition: All ease-in-out 0.4s;
	-o-transition: All ease-in-out 0.4s;
	-ms-transition: All ease-in-out 0.4s;
}

#navToggle span:nth-child(1) {
	top: 0;
}

#navToggle span:nth-child(2) {
	top: 8px;
}

#navToggle span:nth-child(3) {
	top: 16px;
}

#navToggle span:nth-child(4) {
	top: 19px; /*default_23px*/
	border-bottom: none;
	font-size: 1rem;/* 10px*/
	letter-spacing: 0;
	color: #fff;
}

 /*最初のspanをマイナス45度に*/
.openNav #navToggle span:nth-child(1) {
	top: 11px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

 /*2番目と3番目のspanを45度に*/
.openNav #navToggle span:nth-child(2),
.openNav #navToggle span:nth-child(3) {
	top: 11px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.g_nav {
	float: left; /*default_right*/
	padding-top: 5px;
}

.g_nav li {
	float: left;
	margin-right: 20px;
}

.g_nav li:last-child {
	margin-right: 0;
}

.g_nav li a {
	color: #4B4F52;
	text-decoration: none;
	transition: color ease 0.4s;
	-webkit-transition: color ease 0.4s;
	-moz-transition: color ease 0.4s;
	-o-transition: color ease 0.4s;
	-ms-transition: color ease 0.4s;
}

.g_nav li:hover a,
.g_nav li:active a {
	opacity: 0.6; /*default_color指定*/
	filter: alpha(opacity=60); /*default_color指定*/
}

.g_nav {
	display: block;
	margin-right: -2%; /*default_left*/
	flex: auto;
	position: fixed;
	top: 0;
	left: 0; /*default_right*/
	width: 0;
	height: 100%;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 0;
	transition: All ease-in-out 0.4s;
	-webkit-transition: All ease-in-out 0.4s;
	-moz-transition: All ease-in-out 0.4s;
	-o-transition: All ease-in-out 0.4s;
	-ms-transition: All ease-in-out 0.4s;
}

/*header menu*/
 /*.openNavが付いた要素の中のnavを 縦方向に351px移動（=表示される）*/
.openNav .g_nav {
	z-index: 400; /*default_99*/
	width: 100%;
	height: 100%;
}

.g_nav .overlay {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0);
	transition: All ease-in-out 0.4s;
	-webkit-transition: All ease-in-out 0.4s;
	-moz-transition: All ease-in-out 0.4s;
	-o-transition: All ease-in-out 0.4s;
	-ms-transition: All ease-in-out 0.4s;
}

.openNav .g_nav .overlay {
	background: rgba(0,0,0,0.6);
}

.g_nav .inner {
	width: 200px;
	height: 100%;
	background-color: #fff;
	position: absolute;
	left: -200px; /*default_right*/
	transition: All ease-in-out 0.4s;
	-webkit-transition: All ease-in-out 0.4s;
	-moz-transition: All ease-in-out 0.4s;
	-o-transition: All ease-in-out 0.4s;
	-ms-transition: All ease-in-out 0.4s;
}

.openNav .g_nav .inner {
	left: 0; /*default_right*/
}

.g_nav .sp_logo {
	display: block;
	padding: 10px;
	font-weight: bold;
	font-size: 2rem;
	text-align: left; /*default_center*/
}

.g_nav .sp_logo img {
	width: 80%;
}

.g_nav .sp_logo a:hover,
.g_nav .sp_logo a:active {
	opacity: 1;
	filter: alpha(opacity=100);
}


.g_nav .sp_logo a {
	color: #000;
	text-decoration: none;
}

.g_nav ul{
	/*border-top: 1px solid #ccc;*/
	border-top: 1px solid #DDD; /*default_#C00*/
}

.g_nav ul li{
	float: none;
	margin: 0;
	border-bottom: 1px dashed #DDD; /*default_#CCC*/
	/*border-top: 1px dotted #efefef;*/
}

.g_nav ul li a{
	display: block;
	padding: 10px; /*default_20px 0*/
	text-align: left; /*default_center*/
}


/* siteMain
-----------------------------------------------------------------------*/
#siteMain {
	box-sizing:border-box;
	width:100%;
	margin: 0 auto;
	padding: 0 3% 20px;
}


/* sidebarエリア(TOP)
-----------------------------------------------------------------------*/
#side {
	box-sizing:border-box;
	margin: 0 auto;
	padding: 0;
	float: none;
	width: 100%;
	text-align: center;
}


/* sidebarエリア(TOP)　WeddingInformation
-----------------------------------------------------------------------*/
.wiBox {
	float: none;
}

.wiTitle {
	line-height: 1.5;
}

.wiOutline {
	line-height: 1.5;
}

.wiPh {
    width: 100%;/* トリミングしたい枠の幅 */
    min-height: 240px;/* トリミングしたい枠の高さ */
}

.wiPh img {
  min-width: 100%;
  min-height: 100%;
}


/* sidebarエリア(TOP)　バナーエリア
-----------------------------------------------------------------------*/
.bnrArea {
	box-sizing:border-box;
	margin: 0 auto;
	padding: 0 !important;
	width: 100%;
}

.bnrArea ol {
	width: 100%;
	overflow:hidden;
}

.bnrArea ol li {
	width:48%;
	padding:0 4% 2% 0;
	display: inline-block;
	vertical-align: top;
	float: left;
}

.bnrArea ol li:nth-of-type(2n) {
	padding-right: 0%;
}

.bnrArea ol li img {
	box-sizing:border-box;
	width: 100%;
}

.bnrArea ol li a img {
	margin-bottom: 0;
}


/* sidebarエリア(Page)　subNav
-----------------------------------------------------------------------*/
#subNav {
	box-sizing:border-box;
	width:100%;
	margin: 0 auto;
	padding: 0;
	float: none;
}

#subNav h3 {
	box-sizing:border-box;
	width: 100%;
}

#subNav li.selected {
	box-sizing:border-box;
	width: 100%;
	padding: 10px 15px;
}

#subNav ul {
	box-sizing:border-box;
	width: 100%;
}

#subNav li {
	box-sizing:border-box;
	width: 100%;
}

#subNav li a {
	box-sizing:border-box;
	width: 100%;
	padding: 10px 15px;
}

#subNav li a:hover {
	box-sizing:border-box;
	width: 100%;
}

/* --- selectedリンク付 --- */
#subNav li.selectedOn a {
	padding: 10px 15px;
}


/* sidebarエリア(Page)　localNav
-----------------------------------------------------------------------*/
#subNav ul.localNav li a {
	padding: 10px 15px 10px 30px;
}

#subNav ul.localNav li.selected {
	padding: 10px 15px 10px 30px;
}


/* sidebarエリア(Page)　page_subNav_問合せTEL
-----------------------------------------------------------------------*/
#subNav .tel {
}

#subNav .tel p {
}

#subNav .tel p.telNo {
}

#subNav .tel p.telNo:before{
	font-family: "Font Awesome 5 Free";
	content: '\f095';
	font-weight: 900;
	margin-right: 5px;
}


/* footer
-----------------------------------------------------------------------*/
footer {
	width: 100%;
	font-size: 1.3rem;/* 13px*/
}

#footerArea {
	box-sizing:border-box;
	width:100%;
	padding: 1% 4%;
	float: none;
	clear: both;
}

#footerArea h1 {
	width:100%;
	padding: 5% 0;
	text-align: center;
}

.footerBox {
	box-sizing:border-box;
	width:100%;
	padding: 0 4%;
	float: none;
	text-align: center;
}


/* footer_btmNav（PC）
-----------------------------------------------------------------------*/
.btmNav {
	display: none;
}


/* footer_btmNavSp（SP）
-----------------------------------------------------------------------*/
.btmNavSp {
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 2% 5%;
	background:#0085C9;
	display: inline-block;
}

.btmNavSp ul li a {
	color: #FFF;
	float: left;
	width: 46%;
	text-align: left;
	font-size: 1.4rem;/* 14px*/
	padding: 2%;
}

.btmNavSp ul li a:before{
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	color: #FFF;
	margin-right: 5px;
}

.btmNavSp ul li a:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.btmNavSp ul li a:hover:before{
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	color: #FFF;
	margin-right: 5px;
}


/* footer_固定ナビ　SP用
-----------------------------------------------------------------------*/
.footerFixedNav {
	display: none;
	width: 100%;
	background: #0085C9;
	text-align: center;
	position: fixed;
	bottom: 0;
	z-index: 999;
}

.footerFixedNav a {
	box-sizing:border-box;
	display: inline-block;
	width:   28%;
	margin:   2% 4% 2% 0;
	padding: 6px 2px;
	font-size: 1.6rem;/* 17px*/
	line-height: 1;
	color: #FFF;
	text-decoration: none;
	border: 1px solid #FFF;
	float: left;
	transition: all 0.4s ease;
}

.footerFixedNav a:first-child {
	margin-left:   4%;
}

.footerFixedNav a:hover {
	color: #FFF;
	text-decoration: none;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.footerFixedNav i {
	margin-bottom: 6px;
	font-size: 2.2rem;/* 22px*/
}


/* copyright
-----------------------------------------------------------------------*/
#copyright {
	width: 100%;
	text-align: center;
}

#copyright p {
	margin: 0px 16px;
	padding: 16px 0 60px;
	font-size: 1.3rem;/* 13px*/
	line-height: 1.4;
}





/* ---------------------------------------------------
	コンテンツエリア　TOP
--------------------------------------------------- */

/* スライドショー
-----------------------------------------------------------------------*/
.topSlide {
	width: 100%;
	text-align:center;
	margin-bottom: 0;
}


/* DirectIn_宿泊予約
-----------------------------------------------------------------------*/
#booking_inner {
	display: none;
}



/* TOPメッセージ_通常
------------------------------------------------------------*/
#topMessage {
	padding: 20px;
}

#topMessage h2 {
	font-size: 1.8rem;
	line-height: 1.5;
}

#topMessage p {
	padding: 0 0 1rem 0;
}




/* TOPメッセージ_新年
------------------------------------------------------------*/
#topMessageNenga {
	padding: 10px 10px 200px 10px;
	background: url(../images/bg_tm.png) center bottom no-repeat;
	min-height: 100px;
}

#topMessageNenga h2 {
	font-size: 1.8rem !important;
}

#topMessageNenga p {
	padding: 0 0 1rem 0 !important;
}

#topMessageNenga p.r {
}



/* topContents
-----------------------------------------------------------------------*/
#topContents {
	box-sizing:border-box;
	margin: 10px auto;
	padding: 0;
	width:100%;
	float: none;
}

#topContents section {
}


/* PRバナー
-----------------------------------------------------------------------*/
#topBnr {
	box-sizing:border-box;
	margin-bottom: 2rem;
	padding: 0 auto;
	width: 100%;
}

#topBnr a img {
	box-sizing:border-box;
	width: 100%;
	margin-bottom: 0 !important;
}


/* 大見出し
-----------------------------------------------------------------------*/
#topContents h2 {
	width: 100%;
}

#topContents h2 img {
}


/* 新着リスト
-----------------------------------------------------------------------*/
.tnBoxArea {
	margin: 0 auto 2rem;
	text-align: center;
}

.tnBox {
	position: relative;
	box-sizing:border-box;
	margin: 0 auto 3%;
	padding: 5px 5px 32px;
	width: 100%;
	height: 1;
	float: none;
    display: inline-block;
	border: 1px solid #CCC;
}

.tnCatNews,
.tnCatStay,
.tnCatRest,
.tnCatBanq {
	box-sizing:border-box;
	position: absolute;
	margin: 0;
	padding: 5px 10px;
	font-size: 1.6rem;
	line-height: 1;
	width: 100%;
	float: none;
	bottom: 0px;
	left: 0px;
}

h3.tnTitle {
	box-sizing:border-box;
    width: 56%;
	padding: 0 0 0 5px;
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: left;
	float: right;
}

.tnDate {
	position: absolute;
	box-sizing:border-box;
    width: 56%;
	padding: 0;
	font-size: 1.4rem;
	line-height: 1;
	float: right;
	bottom: 5px;
	right: 5px;
	text-align: right;
}

/* PC用スタイルをすべてリセット */
.tnPh {
	all: initial;
}

.tnPh a img,
.tnPh a:hover img {
	all: initial;
}

/* sp用スタイルを再設定 */
.tnPh {
	overflow: hidden;
	box-sizing:border-box;
    width: 44%;
	height: auto;
	max-height: 120px;/*　最大130px前後　*/
	float: left;
}

.tnPh a img,
.tnPh a:hover img {
	width: 100%;
	max-width: 100%;
	min-height: 1px;
	display: block;
}

@media screen and (min-width:568px) and ( max-width:767px) {
    /*　画面サイズが568pxから767pxまではここを読み込む　*/
	
	.tnBox {
		width: 60%;
	}

}


/* GoogleMap
-----------------------------------------------------------------------*/
iframe {
	margin-bottom: 0.5rem;
	width: 100%;
	height: 360px;
}


/* Facebook
-----------------------------------------------------------------------*/
.fb-page{
	display: block;
	margin: 0 auto 0.5rem !important;
	width: 100%;
	height: 360px;
	text-align: center;
}


/* InstagramFeed
-----------------------------------------------------------------------*/
ul#instafeed {
	display: inline-block;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
}

#instafeed li{
	box-sizing:border-box;
	margin: 0 2% 2% 0;
	width: 49%;
	height: 172px;
}

#instafeed li:nth-of-type(2n+0) {
	margin-right: 0;
}


#instafeed li img {
  min-width: 172px;
  min-height: 172px;
}





/* ---------------------------------------------------
	コンテンツエリア　Page
--------------------------------------------------- */
#content {
	box-sizing:border-box;
	margin-bottom: 24px !important;
	padding: 16px 0 0;
	width:100%;
	float: none;
}

#content section {
}


/* ヘッドライン
-----------------------------------------------------------------------*/
#pageHeadline {
	width: 100%;
	height: 100px;
	display: inline-block;
}

#pageTitle {
	float: none;
	width: 100%;
	height: 100%;
}


#pageTitle h2{
	width: 100%;
}

#pageTitle p.en{
	width: 100%;
	font-size: 2rem;
}

#pageMainImg {
	display: none;
}


/* 見出し
-----------------------------------------------------------------------*/
#contentCol1 h2 img{
	width: 100%;
}

#contentCol1 h3,
#content h3{
	position: relative;
	margin: 0 0 3rem 0;
	padding: 1rem;
	background: #0085C9;
	color: #FFF;
	font-size: 1.8rem;
}

#content h4 {
}

#content h5 {
	padding: 10px;
}





/* ---------------------------------------------------
	本文設定
--------------------------------------------------- */
#contentCol1 p,
#content p {
	padding: 0 0 1.5rem;
	text-align: left;
	text-justify: auto;
}

#content .notice {
	text-align: left;
}

#contentCol1 p.center,
#content p.center {
	padding: 0 0 1rem;
	text-align: left;
}

#contentCol1 p.center img,
#content p.center img {
	max-width: 100%;
}

#content p.right {
	padding: 0 0 0.5em !important;
	font-size: 1.4rem;/* 14px*/
}

/* 中央配置画像
-----------------------------------------------------------------------*/
#contentCol1 p.phC,
#content p.phC {
}

#contentCol1 p.phC img,
#content p.phC img {
	max-width: 100%;
}


/* コンテンツ内テキストリンク
-----------------------------------------------------------------------*/
#content .pageLink {
}

#content .pageLink:before {
}





/* ---------------------------------------------------
	リスト設定_基本
--------------------------------------------------- */
#topContents ul,
#content ul {
	margin: 0 0 1rem 0px;
}

#contentCol1 ul li,
#content ul li {
	text-align: left;
	text-justify: auto;
}





/* ---------------------------------------------------
	リスト設定_2段組
--------------------------------------------------- */

/* 	宿泊_客室サービス
------------------------------------------------------------*/
#content .list2 {
}

#content .list2 li {
	box-sizing: border-box;
	margin: 0 0 0 1%;
	width: 99%;
	float: none;
}




/* ---------------------------------------------------
	テーブル設定_Form01
--------------------------------------------------- */

/* 会社概要、採用情報、お問い合わせ
------------------------------------------------------------*/
#content table.tableFormat01 {
	margin: 0px 0px 3rem 0px;
	width: 100%;
	border-top: none;
}

#content table.tableFormat01 th {
	padding: 10px;
	box-sizing:border-box;
	display: block;
    width: 100%;
	border-bottom: none;
}

#content table.tableFormat01 td {
	padding: 20px 10px;
	box-sizing:border-box;
	display: block;
    width: 100%;
	border-bottom: none;
}

#content table.tableFormat01 td.btn {
	vertical-align: middle;
	padding: 20px 5px;
	line-height: 1;
}

#content table.tableFormat01 td.c {
	padding: 20px 10px;
}

#content table.tableFormat01 td.r {
	padding: 20px 10px;
}

#content table.tableFormat01 td ul {
	padding: 0px 0px 0px 15px;
}

#content table.tableFormat01 td ul li {
	padding-bottom: 0.5em;
	text-align: left;
	text-justify: auto;
}






/* ---------------------------------------------------
	テーブル設定_Form02
--------------------------------------------------- */

/* 交通・観光案内_イベントカレンダー
------------------------------------------------------------*/
#content table.tableFormat02 {
}

#content table.tableFormat02 th {
	padding: 10px;
}

#content table.tableFormat02 td {
	padding: 10px;
}

#content table.tableFormat02 td.c {
}





/* ---------------------------------------------------
	テーブル設定_Form03　横スクロールして表示
--------------------------------------------------- */

/* 宴会・会議_会議
------------------------------------------------------------*/
.scroll {
  overflow-x: auto;
}





/* ---------------------------------------------------
	レイアウト設定_コンテンツ内バナー
--------------------------------------------------- */

/* 宿泊TOP
------------------------------------------------------------*/
#pageBnr img {
	box-sizing: border-box;
	width: 100%;
}






/* ---------------------------------------------------
	レイアウト設定_2段組ボタン
--------------------------------------------------- */

/* 宿泊TOP
------------------------------------------------------------*/
#content  ul.col2Btn  {
}

#content ul.col2Btn li {
	width: 100%;
	float: none;
}






/* ---------------------------------------------------
	レイアウト設定_右寄せph + text
--------------------------------------------------- */

/* 宿泊_サービス、宴会・会議_法要、観光のご案内_観光地詳細説明
------------------------------------------------------------------*/
#content .phR {
	margin: 0;
	padding: 0;
}

#content .phR p.rightTxt {
	padding-bottom: 0.25rem;
	text-align: left;
}

#content .phR p.ph {
	float: none;
	margin: 0 0 1rem;
	text-align: center;
}

#content .phR table {
	width: 100%;
	margin-bottom: 2rem;
	border-top: none;
}

#content .phR table th {
	padding: 10px;
	box-sizing:border-box;
	display: block;
    width: 100%;
	text-align: left;
	border-bottom: none;
}

#content .phR table td {
	padding: 20px 10px;
	box-sizing:border-box;
	display: block;
    width: 100%;
	text-align: left;
	border-bottom: none;
}

#content .phR table td.left {
	padding: 20px 10px;
}





/* ---------------------------------------------------
	レイアウト設定_2段組コンテンツ
--------------------------------------------------- */

/* レストラン_アスマール、宴会・会議、アクセス_無料送迎、サイトマップ
-----------------------------------------------------------------------*/
#content .col2 {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
	float: none;
}


/* アスマールTOP
-----------------------------------------------------------------------*/
#content .col2 .price {
	margin-bottom: 3rem;
}


/* テーブル
-----------------------------------------------------------------------*/
#content .col2 table {
	margin-bottom: 2rem;
	padding: 0;
	width: 100%;
}

#content .col2 table th {
	width: 60%;
	padding: 5px 10px 5px 20px;
}

#content .col2 table th.ttl {
	width: 100%;
}

#content .col2 table td {
}


/* サイトマップ
-----------------------------------------------------------------------*/
#content .col2 h4 {
}






/* ---------------------------------------------------
	レイアウト設定_2段組新着リスト（ph + txt）
--------------------------------------------------- */

/* 宿泊、レストラン、宴会・会議
------------------------------------------------------------*/
#content .col2BoxArea {
	margin: 0 auto 2rem;
	text-align: center;
}

/* --- スマホ時横幅いっぱいのテスト --- */
#content .col2Box {
	box-sizing: border-box;
	margin: 0 auto 0.25rem;
	width: 100%;
	float: none;
	display: inline-block;
}

#content .col2Box:nth-of-type(2n+0) {
	margin-right: auto;
}

#content .col2Box p.ph {
	width: 44%;
	max-height: 120px;/*　最大130px前後　*/
}

#content .col2Box p.ph a img {
	max-height: 100%;
}

#content .col2Box p.ph a:hover img {
}

#content .col2Box h5,
#content .col2Box h6 {
	padding: 0px 0px 0px 8px;
	width: 56%;
	float: right;
	font-size: 1.6rem;
	line-height: 1.4;
	text-align: left;
	text-justify: auto;
}

#content .col2Box .listHeader {
	margin-bottom: 0;
	font-size: 1.5rem;
	line-height: 1;
}

@media screen and (min-width:568px) and ( max-width:767px) {
    /*　画面サイズが568pxから767pxまではここを読み込む　*/
	
	#content .col2Box {
		width: 60%;
	}

}






/* ---------------------------------------------------
	レイアウト設定_3段組コンテンツ
--------------------------------------------------- */

/* 	レストラン_TOP、宴会・会議_TOP
-----------------------------------------------------------------------*/
.col3Box {
	box-sizing: border-box;
	margin: 0 auto 2rem;
	padding: 0;
	width: 100%;
	float: none;
    display: block;
	text-align: center;
}

.col3Box:nth-of-type(3n+1) {
	clear: none;
}

.col3Box:nth-of-type(3n+0) {
	margin-right: 0%;
}

.col3Box p.ph {
	position: relative;
	display: inline-block;
  	margin: 0 0 0.5rem !important;
	padding: 0;
	border: 1px solid #CCC;
}

.col3Box p.ph img {
	box-sizing: border-box;
	margin: auto 0;
	padding: 5px;
	width: 50%;
	float: left;
}

.col3Box p.ph img.phTtl {
	position: absolute;
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	max-width: 50%;
	top: 50%;
	left: 75%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.col3Box p.ph span {
	box-sizing: border-box;
	margin: 0;
	padding: 10px;
	color: #003D8F;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	vertical-align: center;
	display: block;
	letter-spacing: 0.1rem;
	min-height: 7.8rem;
}

.col3Box p.ph a {
	transition: 0.3s;
}

.col3Box p.ph a:hover {
	text-decoration: none !important;
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.col3Box p.explain {
	margin: 0 auto;
	padding: 0;
	line-height: 1.5;
	text-align: center;
	display: inline-block;
}






/* ---------------------------------------------------
	レイアウト設定_ 1段組リスト（日付＋概要）
--------------------------------------------------- */

/* 求人情報
-----------------------------------------------------------------------*/
#content .col1List {
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: left;
	vertical-align: top;
	background: transparent;
}

#content .col1List dl {
	margin: 5px 0px 10px;
	padding: 0px;
	background: transparent;
	width: 100%;
	height: 100%;
	border-bottom: 1px dashed #CCC;
	line-height: 1.5;
}

#content .col1List dt {
	width: 100%;
	padding: 0px 0px 0px 0px;
	float: none;
	display: block;
	margin-bottom: 0px;
}

#content .col1List dd {
	width: 100%;
	padding: 0px 0px;
	float: none;
	display: block;
	margin-bottom: 5px;
}

#content .col1List dl { 
	display: inline-table;
}






/* ---------------------------------------------------
	MT個別ページ（ph + txt + table）
--------------------------------------------------- */

/* 宿泊、レストラン、宴会・会議
------------------------------------------------------------*/
#content .planDetail {
}

#content .planDetail p {
}

#content .planDetail p.ph {
	margin-bottom: 3rem;
	float: none;
	width: 100%;
	text-align: center;
}

#content .planDetail p.ph img {
	width: 100%;
	max-width: 100%;
	margin: 0px auto 0.25rem;
	display: block;
}


/* 2枚目以降の画像
------------------------------------------------------------*/
#content .planDetail p.ph img.oph {
	max-width: 100%;
}


/* 各レストランTOPの画像
------------------------------------------------------------*/
#content .planDetail p img.phMain {
	width: 100%;
	max-width: 100%;
	margin: 0px auto 0.25rem;
	display: block;
}


@media screen and (min-width:568px) and ( max-width:767px) {
    /*　画面サイズが568pxから767pxまではここを読み込む　*/
	
	#content .planDetail p img.phMain {
		width: 80%;
		max-width: 100%;
	}

	#content .planDetail p.ph img {
		width: 80%;
	}


}


/* 詳細情報　見出し
------------------------------------------------------------*/
#content .planDetail .detail h5 {
	margin-bottom: 1.5rem;
	padding: 10px 10px;
	line-height: 1.5;
}

#content .planDetail .detail h6 {
	padding: 5px;
	line-height: 1.5;
}


/* 詳細情報　内容
------------------------------------------------------------*/
#content .planDetail .detail {
	margin-bottom: 0px;
	width: 100%;
	float: none;
}

#content .planDetail .detail p {
	margin: 0px;
	padding: 0px 5px 30px;
	border-bottom: none;
}

#content .planDetail .detail table {
	margin: 0px 0px 2rem;
	width: 100%;
	line-height: 1.5;
	border-top: none;
}

#content .planDetail .detail table th {
	padding: 10px;
	box-sizing:border-box;
	display: block;
    width: 100%;
	border-bottom: none;
	text-align: center;
}

#content .planDetail .detail table td {
	padding: 20px 10px;
	box-sizing:border-box;
	display: block;
    width: 100%;
	border-bottom: none;
	text-align: center;
}

#content .planDetail .detail ul {
	margin: 0px;
	padding: 0px 0px 2rem 30px !important;
	list-style-type: disc;
}

#content .planDetail .detail ul li {
	padding-bottom: 0.5rem;
	text-align: left;
	text-justify: auto;
}


/* 詳細情報　宿泊予約ボタン
------------------------------------------------------------*/
#content .planDetail p.btn {
}

#content .planDetail p.btn a {
	box-sizing: border-box;
	margin: 0px auto;
	padding: 15px;
	width: 90%;
	border: 8px double #FFF;
	font-size: 2rem;/* 20px*/
	font-weight: bold;
	display: block;
	line-height: 1;
	background: #0085C9;
	transition: 0.3s;
	color: #FFF;
}

#content .planDetail p.btn a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f152';
	font-weight: 900;
	margin-right: 5px;
	color: #FFF;
	font-size: 1.6rem;
}

#content .planDetail p.btn a:hover {
	display: block;
	padding: 15px;
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}





/* ---------------------------------------------------
	レイアウト設定　宿泊
--------------------------------------------------- */

/* スタッフからの一言
------------------------------------------------------------*/
.stayCmntBox {
	margin: 0 0 2rem 0;
	padding: 20px 20px 130px;
	background: url(../../stay/images/bg_staycmnt.png) center bottom no-repeat;
}

.stayCmntBox .colL {
	float: none;
	width: 100%;
}

.stayCmntBox h5 {
	margin: 0 0 1rem 0 !important;
	padding: 0px 0 0 0px !important;
	background: transparent !important;
	color: #003D8F;
	font-size: 1.7rem !important;
	text-align: center;
}

.stayCmntBox p {
	margin: 0 !important;
	padding: 0 !important;
	float: none;
}

.stayCmntBox p.ph {
	float: none;
}


@media screen and (min-width:568px) and ( max-width:767px) {
    /*　画面サイズが568pxから767pxまではここを読み込む　*/

	.stayCmntBox p {
		text-align: center !important;
	}

}





/* ---------------------------------------------------
	レイアウト設定　宴会・会議
--------------------------------------------------- */

/* フロアプラン
------------------------------------------------------------*/
#content div.floor {
	float: none;
	width: 100%;
}


#content div.floor img {
	box-sizing: border-box;
	margin: 0;
	padding: 5px;
	width: 100%;
}

#content div.floor p {
	margin: 5px 0;
}






/* ---------------------------------------------------
	レイアウト設定　交通・観光案内
--------------------------------------------------- */

/* 観光のご案内マップ
------------------------------------------------------------*/
.sightsMapNavi {
	box-sizing: border-box;
	width: 100%;
	margin: 0px auto 0px;
}


/* 観光地リスト
------------------------------------------------------------*/
.sightsContents {
	padding: 20px 10px 0;
}


.sightsContents ul li {
	margin: 0 !important;
	padding: 0 0 1rem 0;
	width: 100%;
	float: none;
}

.sightsContents ul li:last-child {
	padding: 0 !important;
}






/* ---------------------------------------------------
	レイアウト設定　sidebarなし特設ページ
--------------------------------------------------- */
#contentCol1 {
	box-sizing:border-box;
	width: 100%;
	float: none;
}


/* 2段組コンテンツ
-----------------------------------------------------------------------*/
#contentCol1 .col2 {
	box-sizing: border-box;
	margin: 0px 0 2rem;
	width: 100%;
	float: none;
}


#contentCol1 .col2 p img {
	margin: 0px auto 0.25rem;
}


/* 二重枠ボックス
------------------------------------------------------------*/
.WborderBox {
	margin: 0 0 2rem 0;
	padding: 10px;
	border: 4px double #C3DDEE;
	background: transparent;
	display: block;
    overflow: hidden;
}

.WborderBox .colL {
	float: none;
	width: 100%;
}

.WborderBox h5 {
	margin: 0 0 0.2rem 0 !important;
	padding: 10px 0 0 0 !important;
	background: transparent !important;
	color: #003D8F;
	font-size: 1.7rem !important;
}

.WborderBox p {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
}

.WborderBox p.ph {
	float: none;
}

.WborderBox p.ph img {
	width: 100%;
}


/* 宿泊予約ボタン
------------------------------------------------------------*/
#contentCol1 p.btn {
	margin: 0 auto;
	text-align: center;
}

#contentCol1 p.btn a {
	box-sizing: border-box;
	margin: 0px auto 1rem;
	padding: 15px;
	width: 80%;
	border: 8px double #FFF;
	font-size: 2rem;
	font-weight: bold;
	display: block;
	line-height: 1;
	background: #0085C9;
	transition: 0.3s;
	color: #FFF;
}





/* ---------------------------------------------------
	PCでのみ表示
--------------------------------------------------- */
.pc {
	display: none;
}





/* ---------------------------------------------------
	ページトップへの戻り設定
--------------------------------------------------- */
.totop {
	position:fixed;
	bottom:100px;
	right:15px;
}

.totop a img {
	background:#0085C9;
	width: 60px;
	height: 60px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	transition: all 0.4s ease;
	opacity: 0.9;
	filter: alpha(opacity=90);
}





/* ---------------------------------------------------
	Form設定
--------------------------------------------------- */
input {
	font-size: 1.6rem;/* 16px*/
}

input[type=text] {
	-webkit-appearance:none;
}

select {
	font-size: 1.6rem;/* 16px*/
}

input.text100 {
	box-sizing:border-box;
	padding: 5px;
	width: 100%;
}

input.text80 {
	box-sizing:border-box;
	padding: 5px;
	width: 80%;
}

input.text40 {
	box-sizing:border-box;
	padding: 5px;
	width: 40%;
}

textarea {
	box-sizing:border-box;
	width: 100%;
	font-size: 1.6rem;/* 16px*/
	-webkit-appearance:none;
}





/* ---------------------------------------------------
	404_error
--------------------------------------------------- */
#e404 {
	margin: 20px 20px 2rem;
	text-align: left;
}

#e404 h3 {
	margin-bottom: 2rem;
	font-size: 2rem;
}

#e404 p {
	margin-bottom: 0;
}