@charset "EUC-JP";

/* ---------------------------------------------------
Information
File name:      page.css
Style Info:     ページのコンテンツ設定
--------------------------------------------------- */




/* ---------------------------------------------------
	見出し設定
--------------------------------------------------- */
#contentCol1 h2{
	margin: 0 auto 20px;
	padding: 0;
}

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

#contentCol1 h3::before,
#content h3::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px #C3DDEE;
}

#contentCol1 h4,
#content h4 {
	position: relative;
	margin: 0 0 1.5rem 0;
	padding: 10px 0;
	color: #4B4F52;
	font-size: 1.7rem;
	font-weight: bold;
	clear: both;
}

#contentCol1 h4:after,
#content h4:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #0085C9, #0085C9 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #0085C9, #0085C9 2px, #fff 2px, #fff 4px);
}


/* --- h4内アイコン --- */
i.col2Btn {
	color: #56A2D3;
	font-size: 3rem;
	margin-right: 10px;
}

#contentCol1 h5,
#content h5 {
	margin: 0 0 1.5rem 0;
	background: #C3DDEE;
	padding: 5px 10px;
	line-height: 1.5;
	font-weight: bold;
	clear: both;
}

#content h5.marginTop20 {
	margin: 20px 0px 10px 0px;
	background: #C3DDEE;
	padding: 5px 10px;
	clear: both;
}

#content h6 {
	box-sizing: border-box;
	margin: 0px 0px 20px 0px;
	padding: 5px 10px;
	line-height: 1.5;
	font-weight: bold;
	border-bottom: 1px solid #0085C9;
}





/* ---------------------------------------------------
	本文設定
--------------------------------------------------- */

/* 基本
------------------------------------------------------------*/
#contentCol1 p,
#content p {
	padding: 0 0 2rem;
	text-align: justify;
	text-justify: distribute;
}

#contentCol1 p {
	clear: both;
}

#content p.marginBtm100 {
	padding: 0 0 20px;
	text-align: justify;
	text-justify: distribute;
	margin-bottom: 100px;
}

#content p.marginBtm200 {
	padding: 0 0 20px;
	text-align: justify;
	text-justify: distribute;
	margin-bottom: 200px;
}

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

#content p.right {
	padding: 0 0 20px;
	text-align: right;
}

#content .notice {
	padding: 0 0 5px;
	font-size: smaller;
	text-align: right;
	display: block;
}

#content .noticeL {
	padding: 0 0 3rem;
	font-size: smaller;
}

.center {
	text-align: center;
	display: block;
}

.right {
	text-align: right;
	display: block;
}

#contentCol1 p.phC,
#content p.phC {
	margin: 0 auto;
	text-align: center;
}

#contentCol1 p.phC img,
#content p.phC img {
	box-sizing: border-box;
	margin: 0px;
	padding: 5px;
	border: 1px solid #CCC;
	max-width: 100%;
}


/* catchCopy
------------------------------------------------------------*/
#contentCol1 p.catch,
#content p.catch {
	font-size: 2rem;
	line-height: 1.5;
	font-weight: bold;
	color: #003D8F;
	text-align: center;
	padding: 0 0 1.5rem;
}


/* 新着情報ページボタン
------------------------------------------------------------*/
.contentMT p.btn {
	margin: 10px 0px;
	padding: 0px;
	text-align: center;
	background: transparent;
}

.contentMT p.btn a img {
	padding-top: 5px;
}

.contentMT p.btn a:hover img {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* --- コンテンツ内テキストリンク --- */
#content .pageLink {
	border: 1px solid #89BDDE;
	padding: 10px;
	line-height: 1.5;
	clear: both;
}

#content .pageLink:before {
	font-family: "Font Awesome 5 Free";
	content: '\f152';
	font-weight: 900;
	margin-right: 5px;
	color: #0085C9;
}





/* ---------------------------------------------------
	リスト設定_基本
--------------------------------------------------- */
#contentCol1 ul,
#content ul,
#contentMT ul {
	margin: 0px;
	padding: 0px 0px 1rem 20px;
	list-style-type: disc;
}

#contentCol1 ul li,
#content ul li,
#contentMT ul li {
	padding-bottom: 1rem;
	text-align: justify;
	text-justify: distribute;
}




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

/* 	宿泊_客室サービス
------------------------------------------------------------*/
#content .list2 {
	margin: 0;
	padding: 0;
	width: 100%;
}


#content .list2 ul {
}


#content .list2 li {
	box-sizing: border-box;
	margin: 0 2% 0 0;
	padding: 0 0 1rem 0;
	width: 49%;
	float: left;
}

#content .list2 ul li:nth-of-type(2n+0) {
	margin-right: 0;
}




/* ---------------------------------------------------
	テーブル設定_基本
--------------------------------------------------- */
#content table {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#content table th {
	white-space: nowrap;
	background: #E1EDF5;
	border-bottom: 1px solid #CCC;
}

#content table td {
	border-bottom: 1px solid #CCC;
}





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

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

#content table.tableFormat01 th {
	padding: 10px 20px;
	font-weight: bold;
}

#content table.tableFormat01 td {
	vertical-align: top;
	padding: 10px 20px;
}

#content table.tableFormat01 td.btn {
	text-align: center;
	vertical-align: top;
	padding: 18px 12px 12px;
	background: #89BDDE;
}

#content table.tableFormat01 td.c {
	text-align: center;
	vertical-align: top;
	padding: 10px 10px;
}

#content table.tableFormat01 td.r {
	text-align: right;
	vertical-align: top;
	padding: 10px 10px;
}

#content table.tableFormat01 td ul {
	margin: 10px 0px 0px;
	padding: 0px 0px 0px 15px;
	list-style-type: disc;
}

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




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

/* 交通・観光案内_イベントカレンダー
------------------------------------------------------------*/
#content table.tableFormat02 {
	width: 100%;
	margin: 0px 0px 20px 0px;
}

#content table.tableFormat02 th {
	text-align: center;
	vertical-align: top;
	padding: 10px 20px;
	font-weight: bold;
}

#content table.tableFormat02 td {
	vertical-align: top;
	padding: 10px 20px;
}


#content table.tableFormat02 td.c {
	vertical-align: middle;
	text-align: center;
}





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

/* 宴会・会議_会議、ご法要
------------------------------------------------------------*/
#content table.tableFormat03 {
	width: 100%;
	margin: 0px 0px 30px 0px;
}

#content table.tableFormat03 th {
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	background: #56A2D3;
	color: #FFF;
	border-top: 1px solid #56A2D3;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #56A2D3;
}

#content table.tableFormat03 th.sub01 {
	text-align: center;
	vertical-align: middle;
	padding: 5px 10px;
	background: #E1EDF5;
	color:#4B4F52;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #E1EDF5;
}

#content table.tableFormat03 th.sub02 {
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
	background: #E1EDF5;
	color:#4B4F52;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #E1EDF5;
}

#content table.tableFormat03 td {
	vertical-align: top;
	padding: 5px 10px;
	text-align: right;
}





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

/* 宿泊TOP
------------------------------------------------------------*/
#pageBnr {
	margin: 10px 0;
	padding: 0px;
	background: transparent;
	text-align: center;
}

#pageBnr a img {
	border: #CCC solid 1px;
	text-decoration: none;
	padding: 5px;
}

#pageBnr a:hover img {
	border: #CCC solid 1px;
	text-decoration: none;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#pageBnr a img.phC100 {
	box-sizing: border-box;
	margin-bottom: 15px;
	padding: 5px;
	border: 1px solid #CCC;
	width: 100%;
}




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

/* 宿泊TOP
------------------------------------------------------------*/
#content  ul.col2Btn  {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
}

#content ul.col2Btn li {
	box-sizing: border-box;
	margin: 0px 20px 10px 0px;
	padding: 10px 10px;
	width: 310px;
	border: 4px solid #89BDDE;
	background: #E1EDF5;
	font-size: 1.6rem;
	display: block;
	float: left;
	line-height: 1;
}

#content ul.col2Btn li:nth-of-type(even) {
	margin-right: 0px;
}

#content ul.col2Btn li a {
	display: block;
	transition: 0.3s;
}

#content ul.col2Btn li a:before {
	font-family: "Font Awesome 5 Free";
	content: '\f152';
	font-weight: 900;
	margin-right: 5px;
	color: #0085C9;
	font-size: 1.2rem;
}

#content ul.col2Btn li a:hover {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}





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

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

#content .phR p.rightTxt {
	margin: 0 0 20px;
	padding: 0;
	text-align: right;
	border-bottom: #CCC dashed 1px;
}

#content .phR p.ph {
	float: right;
	margin: 0px 0px 20px 20px;
	padding: 0;
}

#content .phR p.ph img {
	margin: 0;
	padding: 5px;
	border: 1px solid #CCC;
}

#content .phR p.detail {
	margin: 0;
	padding: 0;
}

#content .phR table {
	margin: 0;
}

#content .phR table th {
	text-align: left;
	vertical-align: top;
	padding: 5px 30px;
	white-space: nowrap;
	background: #E1EDF5;
}

#content .phR table td {
	vertical-align: top;
	text-align: right;
	padding: 5px 30px;
}

#content .phR table td.left {
	vertical-align: top;
	text-align: left;
	padding: 5px 30px;
}





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

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

#content .col2:nth-of-type(even) {
	margin-right: 0px;
}

#content .col2 h5 {
	margin: 0px 0px 10px 0px;
}

#content .col2 p {
	margin: 0 0 10px;
	padding: 0px;
}

#content .col2 p img {
	box-sizing: border-box;
	margin: 0px auto 10px;
	padding: 5px;
	border: 1px solid #CCC;
	text-align: center;
	display: block;
	width: 100%;
}

#content .col2 .price {
	display: block;
	padding: 5px 10px;
	border: 1px dashed #CCC;
	text-align: inherit;
	text-justify: auto;
}


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

#content .col2 table th {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
	width: 60%;
}

#content .col2 table th.ttl {
	background: #56A2D3;
	color: #FFF;
}

#content .col2 table td {
	vertical-align: top;
	padding: 5px 10px;
	text-align: center;
	vertical-align: middle;
}


/* サイトマップ
-----------------------------------------------------------------------*/
#content .col2 h4 {
	margin: 0px 1rem 5px;
	padding: 0px 0px 0px;
}

#content .col2 h4:before{
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
	margin-right: 5px;
}

#content .col2 h4:after {
	content: inherit;
	position: inherit;
	left: inherit;
	bottom: inherit;
	width: inherit;
	height: inherit;
	background: inherit;
	background: inherit;
}

#content .col2 ul {
	margin-bottom: 20px;
	padding: 0px 5px 0px 15px;
	background: transparent;
	list-style: none;
}

#content .col2 ul li {
	margin: 0px;
	padding: 0px;
}

#content .col2 ul li a {
}

#content .col2 ul li a:hover {
}


/* カレンダー_ビア2018
-----------------------------------------------------------------------*/
#content .col2 table td.sat {
	color: #003D8F;
}

#content .col2 table td.sun {
	color: #C60B1E;
}

#content .col2 table .event:before {
	font-family: "Font Awesome 5 Free";
	content: '\f005';
	font-weight: 900;
	font-size: 100%;
	margin: 0px 1px 0 0;
	color: #E16871;
}





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

/* 宿泊、レストラン、宴会・会議
------------------------------------------------------------*/
#content .col2BoxArea {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
    display: block;
}

#content .col2Box {
	box-sizing: border-box;
	margin: 0px 20px 10px 0px;
	padding: 5px;
	width: 310px;
	float: left;
    display: block;
	border: 1px solid #CCC;
}

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

#content .col2Box p.ph {
	box-sizing: border-box;
	margin: 0px;
	padding: 0;
	float: left;
	width: 40%;
	max-height: 100px;
	overflow: hidden;
}

#content .col2Box p.ph a img {
	width: 100%;
    display: block;
	min-height: 94px;
	transition: 0.3s;
}

#content .col2Box p.ph a:hover img {
	width: 100%;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

#content .col2Box h5,
#content .col2Box h6 {
	box-sizing: border-box;
	margin: 0;
	padding: 0px 0px 0px 5px;
	width: 60%;
	float: right;
	line-height: 1.3;
	font-size: 1.4rem;
	font-weight: normal !important;
	background: #FFF;
	border-bottom: none;
	text-align: left;
	text-justify: auto;
}

#content .col2Box h5:before,
#content .col2Box h6:before {
	font-family: "Font Awesome 5 Free";
	content: '\f152';
	font-weight: 900;
	margin-right: 3px;
	color: #0085C9;
}


#content .col2Box .listHeader {
	font-size: 1.2rem;
	display: inline-block;
	line-height: 1;
}





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

/* 	レストラン_TOP、宴会・会議_TOP
-----------------------------------------------------------------------*/
.col3Box {
	box-sizing: border-box;
	margin: 0px 20px 10px 0px;
	padding: 0;
	width: 200px;
	float: left;
    display: block;
}

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

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

.col3Box p.ph {
	margin: 0 0 10px !important;
	padding: 0 !important;
	display: block;
	border: 1px solid #CCC;
}

.col3Box p.ph img {
	box-sizing: border-box;
	margin: 0;
	padding: 4px 4px 0;
	width: 100%;
	display: block;
}

.col3Box p.ph img.phTtl {
	box-sizing: border-box;
	margin: 0;
	padding: 15px 10px;
	width: 100%;
	display: block;
}

.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 0px;
	padding: 0;
	line-height: 1.5;
}





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

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

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

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

#content .col1List dd {
	width: 480px;
	padding: 0px 20px;
	float: left;
	display: block;
	margin-bottom: 5px;
}

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





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

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

#content .planDetail p {
	padding: 0px 0px 5px;
	margin: 0px 0px 15px 0px;
	text-align: left;
	text-justify: auto;
	border-bottom: 1px dashed #CCC;
}

#content .planDetail p.ph {
	margin-right: 20px;
	padding: 0;
	float: left;
	width: 280px;
	display: block;
	background: none;
	font-size: 90%;
	line-height: 1.5;
	border-bottom: none;
	clear: both;
}

#content .planDetail p.ph img {
	box-sizing: border-box;
	padding: 5px;
	max-width: 280px;
	border: 1px solid #CCC;
}


/* 2枚目以降の画像
------------------------------------------------------------*/
#content .planDetail p.ph img.oph {
	box-sizing: border-box;
	margin-top: 15px;
	padding: 5px;
	max-width: 280px;
	border: 1px solid #CCC;
}


/* 各レストランTOPの画像
------------------------------------------------------------*/
#content .planDetail p img.phMain {
	box-sizing: border-box;
	padding: 5px;
	border: 1px solid #CCC;
}



/* 詳細情報　見出し
------------------------------------------------------------*/
#content .planDetail .detail h5 {
	margin: 0px 0px 10px;
	padding: 2px 10px;
}

#content .planDetail .detail h6 {
	padding: 5px 15px 0px;
}


/* 詳細情報　内容
------------------------------------------------------------*/
#content .planDetail .detail {
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 0px;
	width: 340px;
	background: transparent;
	float: left;
}

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

#content .planDetail .detail table {
	margin: 0px 0px 20px;
	width: 100%;
}

#content .planDetail .detail table th {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px;
	white-space: nowrap;
	background: #E1EDF5;
}

#content .planDetail .detail table td {
	vertical-align: top;
	padding: 5px 10px;
	text-align: right;
	vertical-align: middle;
}

#content .planDetail .detail ul {
	margin: 0px;
	padding: 5px 0px 10px 30px;
	list-style-type: disc;
}

#content .planDetail .detail ul li {
	padding-bottom: 0.5em;
	text-align: justify;
	text-justify: distribute;
}


/* 詳細情報　宿泊予約ボタン
------------------------------------------------------------*/
#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: 0px 0px 20px 0px;
	padding: 10px 160px 10px 20px;
	border: 4px double #C3DDEE;
	background: url(../../stay/images/bg_staycmnt.png) right bottom no-repeat;
	min-height: 108px;
	display: block;
    overflow: hidden;
}

.stayCmntBox .colL {
	float: left;
	width: 65%;
}

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

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

.stayCmntBox p.ph {
	float: right;
}





/* ---------------------------------------------------
	レイアウト設定　レストラン_桜華
--------------------------------------------------- */

/* 桜華からのお知らせ
------------------------------------------------------------*/
.restCmntBox {
	margin: 0px 0px 20px 0px;
	padding: 20px;
	border: 4px double #C3DDEE;
	background: url(../../restaurant/ouka/images/bg_cmnt.png) right top no-repeat;
	min-height: 108px;
	display: block;
    overflow: hidden;
}

.restCmntBox .colL {
	float: left;
	width: 65%;
}

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

.restCmntBox p {
	margin: 0 !important;
	padding: 0 !important;
}

.restCmntBox p.ph {
	float: right;
}

#content .restCmntBox ul {
	margin: 0px;
	padding: 10px 0px 0px 30px;
	list-style-type: disc;
}

#content .restCmntBox ul li {
	padding-bottom: 0.1rem;
	text-align: left;
	text-justify: auto;
}





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

/* フロアプラン
------------------------------------------------------------*/
#content div.floor {
	float: left;
	width: 100%;
	background: #FFF;
	margin: 0px 0px 15px;
	text-align: center;
}


#content div.floor img {
	margin: 0px 25px 0px 15px;
	padding: 5px;
	background: #FFF;
	border: 1px solid #CCC;
}

#content div.floor p {
	margin: 10px 15px;
}






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

/* 観光のご案内マップ
------------------------------------------------------------*/
.sightsMapNavi {
	padding: 5px;
	text-align: center;
	border: 1px solid #CCC;
	margin: 20px auto 40px;
	background: transparent;
	width: 400px;
}

.sightsMapNavi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .sightsMapNavi {
    height: 1em;
}

.sightsMapNavi {
    display: block;
}
/**/

.sightsMapNavi img {
	width: 100%;
    display: block;
}

.sightsMapNavi a {
	width: 50%;
	text-decoration: none;
	float: left;
}


.sightsMapNavi a:hover img {
	text-decoration: none;
	opacity: 0.7;
	filter: alpha(opacity=70);
}


/* 観光地リスト
------------------------------------------------------------*/
.sightsContents {
	margin: 0px 0px 30px 0px;
	padding: 20px 20px 0px;
	border: 5px solid #C3DDEE;
	display: block;
    overflow: hidden;
}

.sightsContents ul {
}

.sightsContents ul li {
	box-sizing: border-box;
	margin: 0 6% 0 0 !important;
	padding: 0 0 1rem 0;
	width: 47%;
	font-size: 1.5rem;
	line-height: 1.5;
	float: left;
}

.sightsContents ul li:nth-of-type(2n+0) {
	margin-right: 0 !important;
}





/* ---------------------------------------------------
	レイアウト設定　sidebarなし特設ページ
--------------------------------------------------- */

/* 2段組コンテンツ
-----------------------------------------------------------------------*/
#contentCol1 .col2 {
	box-sizing: border-box;
	margin: 0px 3% 20px 0;
	padding: 0px;
	width: 48.5%;
	float: left;
	display: block;
}

#contentCol1 .col2:nth-of-type(even) {
	margin-right: 0;
}

#contentCol1 .col2 h5 {
	margin: 0px 0px 10px 0px;
}

#contentCol1 .col2 p {
	margin: 0 0 10px;
	padding: 0px;
}

#contentCol1 .col2 p.center {
	margin: 0 0 10px;
	padding: 0px;
	text-align: center;
}

#contentCol1 .col2 p img {
	box-sizing: border-box;
	margin: 0px auto 10px;
	padding: 5px;
	border: 1px solid #CCC;
	text-align: center;
	width: 100%;
}

#contentCol1 .col2 .price {
	display: block;
	padding: 5px 10px;
	border: 1px dashed #CCC;
	text-align: inherit;
	text-justify: auto;
}


/* ph_2段組奇数番目
------------------------------------------------------------*/
#contentCol1 p.phC img:nth-child(odd) {
	margin-right: 20px;
}

#content p.phC100 {
	padding: 0 0 0.5rem;
}

#content p.phC100 img {
	box-sizing: border-box;
	margin: 0px;
	padding: 5px;
	border: 1px solid #CCC;
	width: 100%;
}

#contentCol1 strong,
#content strong {
	font-weight: bold;
}


/* 二重枠ボックス
------------------------------------------------------------*/
.WborderBox {
	margin: 0px 0px 20px 0px;
	padding: 30px 30px 20px;
	border: 4px double #C3DDEE;
	background: url(../../sekaiisan/images/bg_memo.png) left top no-repeat;
	display: block;
    overflow: hidden;
}

.WborderBox .colL {
	float: left;
	width: 65%;
}

.WborderBox h5 {
	margin: 0 0 0.2rem 0 !important;
	padding: 80px 0 0 0px !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: right;
}


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

#contentCol1 p.btn a {
	box-sizing: border-box;
	margin: 0px auto 20px;
	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;
}

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

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