@charset "UTF-8";
/* CSS Document */

/*====================================

共通設定
	
====================================*/


/*====================================
global
====================================*/

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-weight: normal;
}
body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 16px;
	color: #111;
}

ul, ol {
	list-style: none;
}

.sp_only {
	display: none;
}
/*====================================
header
====================================*/

.h1Wrapper {
	width: 100%;
	background: #002191;
}

h1 {
	width: 1080px;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
}

.globalHeader {
	width: 1080px;
	margin: 0 auto;
}

.headerLogo {
	width: 200px;
	margin: 10px 0;
}

/*====================================
footer
====================================*/
.globalFooter {
	width: 100%;
	margin-top: 30px;
	background: #F8F8F8;
	border-top: 2px solid #ccc;
}

.globalFooterWrapper {
	width: 1080px;
	margin: 20px auto 0;
	padding-bottom: 100px;
	text-align: center;
}

.footerLogo {
	width: 200px;
	margin: 10px 0;
}

.fooerLink {
	font-size: 14px;
	text-align: center;
	color: #95989A;
	margin: 24px 0 0;
}

.fooerLink a {
	text-decoration: none;
}

.fooerLink a:link {
	color: #95989A;
}

.fooerLink a:hover {
	text-decoration: underline;
}

.fooerLink a:visited {
	color: #95989A;
}

.footerSiteMap {
	width: 100%;
	text-align: left;
}

.footerSiteMap .categoryName {
	font-weight: bold;
	color: #95989A;	
	margin: 24px 0 2px;
	font-size: 16px;
}

.footerSiteMap .footerSiteMapLink {
	color: #95989A;
	font-size: 12px;
	line-height: 24px;
}

.footerSiteMap .footerSiteMapLink a {
	text-decoration: none;
}

.footerSiteMap .footerSiteMapLink a:link {
	color: #95989A;
}

.footerSiteMap .footerSiteMapLink a:hover {
	text-decoration: underline;
	color: #111;
}

.footerSiteMap .footerSiteMapLink a:visited {
	color: #95989A;
}

/*====================================
contents
====================================*/
/*-----------------------
contents
-----------------------*/

.contentsWrapper {
	width: 1080px;
	margin: 0 auto;
}
/*-----------------------
LocalNavi
-----------------------*/

.LocalNaviList {
	list-style: none;
	display: flex;
}

.LocalNaviListIem {
	flex: 1;
	text-align: center;
	background: #002191;
	padding: 0 15px;
	border-left: 1px solid #ccc;
}

.LocalNaviListIem:first-child {
	border-left: none;
}

.LocalNaviListIem.selected {
	background: #01A1C5;
}

.LocalNaviListIem:hover {
	opacity: .8;
}

.LocalNaviListIem a {
	display: block;
	text-decoration: none;
	color: #fff;
	font-size: .9em;
    height: 46px;
    padding: 15px 0
}

/*-----------------------
breadcrumb
-----------------------*/

.breadcrumb {
    width: 100%;
    text-align: left;
    padding: 4px 0 0 1px;
    height: 25px;
    box-sizing: border-box;
}

.breadcrumb ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.breadcrumb li {
    float: left;
    padding: 0 15px 0 13px;
    position: relative;
}

.breadcrumb li:first-child {
    padding-left: 0;
}

.breadcrumb a {
    font-size: 11px;
    line-height: 16px;
    color: #888;
    vertical-align: 6px;
}

.breadcrumb a.current {
    text-decoration: none;
    font-size: 11px;
    line-height: 16px;
    color: #111;
    vertical-align: 6px;
}

.breadcrumb li:after {
    content: "";
    position: absolute;
    top: 3px;
    right: 0;
    width: 7px;
    height: 7px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin: auto;
}

.breadcrumb li:last-child:after {
    display: none;
}

/*====================================

プランtTOP
	
====================================*/

/*-----------------------
main image
-----------------------*/

.mainImage {
	width: 100%;
	height: 348px;
	background-image: url(../../img/tour/ogamaru/index/main-image_03.jpg);
	position: relative;
	background-size: cover;
}

/*-----------------------
共通パーツ
-----------------------*/

section.contentsBlock {
	margin-top: 24px;
}

h2 {
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	padding: 16px 0;
	background: #EBEBEB;
	border-left: 16px solid #002191;
	box-sizing: border-box;
}

.commonBtn {
	display: block;
	box-sizing: border-box;
	color: #fff;
	background: #FE9500;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
}

.commonBtn:hover {
	opacity: .8;
}

/*-----------------------
planInfo
-----------------------*/

.planInfo h3 {
	font-size: 24px;
	text-align: center;
	padding: 16px 0;
	box-sizing: border-box;
	margin-top: 16px;
}

.planInfo h3 .orenge{
	color: #FE9500;
	font-weight: bold;
	font-size: 30px;
}

.planInfoBoxWrapper {
	display: flex;
	justify-content: space-between;
}

.planInfoBox {
	flex: 0 0 348px;
	box-sizing: border-box;
}

.planInfoBoxThumb {
	width: 348px;
}

.planInfoBoxTitle {
	box-sizing: border-box;
	margin-top: 8px;
	text-align: center;
	font-size: 24px;
}

.planInfoBoxTitle .large{
	font-size: 32px;
	font-weight: bold;
	color: #01A1C5;
}

.planInfoBoxText {
	padding: 16px 8px;
	font-size: 16px;
	text-align: left;
	height: 3em;
}

.planInfoBtn {
	padding: 16px 32px;
	border-radius: 5px;
	width: 280px;
	margin: 16px auto;
}

.planInfoPointWrapper {
	border: 2px solid #FE9500;
	width: 960px;
	margin: 24px auto 0;
	background: #FFFBC7;
	border-radius: 10px;
	padding: 0 0 24px;
}

.planInfoPoint li {
	margin-top: 16px;
	font-size: 16px;
	text-align: center;
}

.planInfoPoint li .scriptFont {
	font-family: 'Seaweed Script', cursive;
	font-size: 24px;
	margin-right: .5em;
}

.planInfoPoint li .red {
	color: #D83040;
	font-weight: bold;
	font-size: 28px;
	margin-left: 8px;
}

.planInfoTriangle {
	color: #B4B4B4;
	font-size: 42px;
	margin-left: 50%;
	text-indent: -18px;
	margin-top: 16px;
}

.planInfoTriangle .orange{
	color: #FE9500;
	font-size: 16px;
}

.planInfoMesssageWrapper {
	text-align: center;
}

.planInfoMesssage {
	font-size: 30px;
	text-align: center;
	margin-top: 16px;
	border-bottom: 4px solid #ED8BFF;
	margin: 20px auto;
	display: inline-block;
}

.planInfoMesssage .orange {
	font-size: 36px;
	color: #FE9500;
}

/*-----------------------
planCourse
-----------------------*/

.planCourseTab {
	display: flex;
}

.planCourseTab li {
	display: block;
	flex: 0 0 50%;
	box-sizing: border-box;
	color: #fff;
	padding: 16px 0;
	text-align: center;
	margin-top: 32px;
	cursor: pointer;
	background: #C1C1C1;
}

.planCourseTab li:hover {
	opacity: .8;
}

.planCourseTab li.currentSeason.active {
	background: #002191;
}

.planCourseTab li.nextSeason.active {
	background: #01A1C5;
}

.planCourseTab li.nextSeason .red {
	background: #D83040;
	color: #FFF;
	border-radius: 5px;
	padding: 2px 4px;
	margin-right: 8px;
	font-size: 12px;
	display: inline-block;
	box-sizing: border-box;
}

.planCourseTabContent {
	display: none;
	padding: 24px 16px 36px;
}

.planCourseTabContent.active {
	display: block;
	border: 1px solid #CCC;
}

.planCourseTabContent .planCourse01 {
	margin-bottom: 24px;
}

.planCourseTabContent h3 {
	text-align: center;
	font-weight: bold;
}

.planCourseTabContent .courseNo {
	display: inline-block;
	font-size: 20px;
	color: #FFF;
	border-radius: 5px;
	height: 32px;
	width: 32px;
	text-align: center;
	padding: 4px;
	border: 1px solid #95989A;
	margin-right: 8px;
}

.planCourseTabContent.currentSeason .courseNo {
	background: #002191;
}

.planCourseTabContent.nextSeason .courseNo {
	background: #01A1C5;
}

.planCourseTabContent .courseName {
	font-size: 24px;
	padding: 4px 0;	
}

/*-----------------------
planCourse - courseTable
-----------------------*/

.planCourseTabContent table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.planCourseTabContent .courseTable th {
	color: #FFF;
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
}

.planCourseTabContent.currentSeason .courseTable th {
	background: #002191;
}

.planCourseTabContent.nextSeason .courseTable th {
	background: #01A1C5;
}

.planCourseTabContent .courseTable th.day {
	width: 10%;
}

.planCourseTabContent .courseTable th.distance {
	width: 50%;
}

.planCourseTabContent .courseTable th.stay {
	width: 20%;
}

.planCourseTabContent .courseTable th.meal {
	width: 20%;
}

.planCourseTabContent .courseTable td {
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
}

.planCourseTabContent .courseTable td.day {
	background: #EBEBEB;
}

.planCourseTabContent .courseTableCaption {
	font-size: 14px;
	margin-top: 8px;
}

.planCourseTabContent .courseTableCaption::before {
	content: "※"
}

.planCourseTabContent .roomType {
    font-size: 16px;
    font-weight: bold;
    margin-top: 16px;
}

/*-----------------------
planCourse - dateTable
-----------------------*/

.courseDate {
	font-size: 16px;
	font-weight: bold;
	margin: 24px 0 16px;
}

.planCourseTabContent .dateTable th {
	background: #EBEBEB;
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	width: 15%;
	font-size: 14px;
}

.planCourseTabContent .dateTable td {
	padding: 8px 16px;
	text-align: left;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	line-height: 20px;
}

/*-----------------------
courseLink
-----------------------*/

.courseLink p {
	text-align: center;
    margin: 16px 0;
    font-size: 16px;
    padding: 0 16px;
}

.courseLinkBtn {
	padding: 32px;
	width: 480px;
	margin: 16px auto;
	font-size: 24px;
}

/*====================================

下層ページ = 共通パーツ
	
====================================*/

/*-----------------------
ページタイトル
-----------------------*/

.pageTitle {
	background-image: url(../../img/tour/ogamaru/common/bg-title.jpg);
	color: #FFF;
	font-size: 48px;
	height: 108px;
	width: 1080px;
	padding: 30px;
}

/*-----------------------
注意事項
-----------------------*/

.sectionInfo {
	text-align: center;
	margin: 16px 0;
	font-size: 16px;
}

.sectionInfo .red {
	font-weight: bold;
	color: #D83040;
}

.attentionBox {
	background: #EBEBEB;
	border: 1px solid #95989A;
	padding: 16px 160px;
}

.attentionBox h3 {
	font-weight: bold;
	margin-bottom: 16px;
	font-size: 16px;
	text-align: center;
}

.attentionBox li {
	margin-bottom: 8px;
	font-size: 16px;
	text-align: left;
	line-height: 20px;
	padding-left: 1em;
	text-indent: -1em;
}

.attentionBox li::before {
	content: "・"
}

h3.borderBlue {
	padding: 8px 0 8px 16px;
	color: #002191;
	background: #DDE4FA;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	border: 1px solid #002191;
	margin: 24px 0 16px;
}

h3.borderRed {
	padding: 8px 0 8px 16px;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	border: 1px solid #D83040;
	margin: 24px 0 16px;
	color: #D83040;
	background: #FCECED;
}



/*====================================

下層ページ = 宿泊施設一覧
	
====================================*/

/*-----------------------
エリアマップ
-----------------------*/

.areaMap h3 {
	font-size: 24px;
	text-align: center;
	padding: 16px 0;
	box-sizing: border-box;
	margin-top: 16px;
}

.areaMapWrapper {
	display: flex;
	justify-content: space-between;
}

.areaMap {
	flex: 0 0 520px;
	position: relative;
}

h3.areaMapIslandName {
	text-align: center;
	width: 100%;
	color: #FFF;
	padding: 8px 0;
}

.chichijima h3.areaMapIslandName {
	background: #002191;
}

.hahajima h3.areaMapIslandName {
	background: #D83040;
}

.areaMapImg {
	margin-top: 16px;
	width: 100%;
}

.areaMapBtn {
	position: absolute;
}

.areaMapBtn:hover {
	opacity: .8;
}

.areaMapBtn#btn_01 {
	top: 152px;
    left: 350px;
}

.areaMapBtn#btn_02 {
	top: 96px;
    left: 250px;
}

.areaMapBtn#btn_03 {
	top: 304px;
    left: 88px;
}

.areaMapBtn#btn_04 {
	top: 252px;
    left: 366px;
}

.areaMapBtn#btn_05 {
	top: 352px;
    left: 394px;
}

.areaMapBtn#btn_06 {
	top: 490px;
    left: 376px;
}

/*-----------------------
ホテルリスト
-----------------------*/

.hotelList h2 {
	margin: 32px 0 16px;
}

.holeListBox {
	width: 100%;
	border: 1px solid #CCC;
	margin-bottom: 16px;
}

.hotelListName {
	padding: 8px 0 8px 16px;
	color: #002191;
	background: #DDE4FA;
	font-weight: bold;
	font-size: 24px;
}

.hotelListInfo {
	padding: 16px;
	display: flex;
	justify-content: space-between;
}

.hotelLisThumb {
	flex: 0 0 240px;
}

.hotelListTextBox {
	flex: 0 0 760px;	
}

.hotelListText {
	height: 102px;
}

.hotelListPriceWrapper {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 50px;
}

.hotelListPrice {
	font-weight: bold;
	font-size: 14px;
	color: #D83040;
}

.priceOrder {
	font-weight: bold;
	margin-right: 16px;
	color: #111111;
}

.priceNumber {
	font-weight: bold;
	font-size: 30px;
}

.hotelListBtn {
	padding:  16px 64px;
}

h2.hahajima {
	border-left: 16px solid #D83040;
}

.hotelListName.hahajima {
	color: #D83040;
	background: #FCECED;
}

/*====================================

下層ページ = 客室紹介
	
====================================*/

/*-----------------------
客室リスト
-----------------------*/

.roomList h2 {
	margin: 32px 0 16px;
}

.roomListBox {
	width: 100%;
	border: 1px solid #CCC;
	margin-bottom: 16px;
}

.roomListName {
	padding: 8px 0 8px 16px;
	color: #002191;
	background: #DDE4FA;
	font-weight: bold;
	font-size: 24px;
}

.roomListInfo {
	padding: 16px;
	display: flex;
	justify-content: space-between;
}

.roomLisThumb {
	flex: 0 0 300px;
	width: 300px;
	height: 200px;
}

.roomListTextBox {
	flex: 0 0 720px;	
}

.roomListText {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px;
}

.roomListTextBox ul {
	margin-top: 16px;
}

.roomListTextBox li {
	line-height: 16px;
	margin-bottom: 4px;
	font-size: 14px;
	padding-left: 1em;
	text-indent: -1em;
}

.roomListTextBox li::before {
	content: "・"
}

.roomListRoomChrage {
	padding: 16px;
}

.roomListRoomChrage h3 {
	margin: 0 0 16px;
	text-align: center;
	font-weight: bold;
}

.roomListRoomChrage h3.oneParson {
	margin-top: 32px;
}

.roomListRoomChrage table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.roomListRoomChrage table th {
	background: #EBEBEB;
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
}

.roomListRoomChrage table th.month {
	width: 10%;
}

.roomListRoomChrage table th.parson {
	width: 30%;
}

.roomListRoomChrage table td {
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
}

.roomCharge {
	font-weight: bold;
	font-size: 14px;
	color: #D83040;
}

.roomListRoomChrage table.oneParson {
	width: 60%;
}

.roomListRoomChrage table.oneParson th {
	width: 50%;
}

.roomListRoomChrage table.oneParson td {
	width: 50%;
}

p.tableCaption {
	font-size: 14px;
}

p.tableCaption::before {
	content: "※";
}

/*-----------------------
等級アップキャンセル料
-----------------------*/

.roomChaegeCancelPolicyInfo {
	text-align: center;
	margin: 16px 0;
	font-size: 16px;
}

.roomChaegeCancelPolicy table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.roomChaegeCancelPolicy table th {
	background: #EBEBEB;
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
}

.roomChaegeCancelPolicy table td {
	padding: 8px 0;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
}

/*====================================

下層ページ = 船舶紹介
	
====================================*/

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

.fllorMap {
	text-align: center;
}

.fllorMap img {
	margin: 16px 0;
}

/*-----------------------
施設案内
-----------------------*/

.facilityWrapper {
	display: flex;
	padding: 16px 0;
	justify-content: space-between;
}

.facilityBox {
	flex: 0 0 350px;
	text-align: center;
	border: 1px solid #CCC;
	box-sizing: border-box;
}

.facilityBox.dummy {
	border: none;
}

.facilityBox h3 {
	padding: 8px 0 8px 16px;
	color: #002191;
	background: #DDE4FA;
	font-weight: bold;
	font-size: 24px;
	text-align: left;
	border-bottom: 1px solid #CCC;
}

.facilityBox img {
	padding: 16px;
	width: 348px;
}

.facilityBox p {
	text-align: left;
	font-size: 14px;
	padding: 0 16px 16px;
}

/*====================================

下層ページ = クーポン
	
====================================*/

/*-----------------------
テーブル
-----------------------*/

.coupon table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.coupon table th {
	background: #EBEBEB;
	padding: 8px 16px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
	width: 30%;
}

.coupon table td {
	padding: 8px 16px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	width: 70%;
	text-align: left;
}

.coupon table th .shopName {
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-align: left;
	margin-bottom: 4px;
}

.coupon table th .shopTel {
	display: block;
	text-align: left;
}

.coupon table td .red {
	font-weight: bold;
	color: #D83040;
}

/*====================================

下層ページ = オプション
	
====================================*/

/*-----------------------
テーブル
-----------------------*/

.option table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
}

.option table th {
	background: #EBEBEB;
	padding: 8px 16px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
	width: 20%;
}

.option table td {
	padding: 16px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	width: 80%;
	text-align: left;
}

.option table td .red {
	font-weight: bold;
	color: #D83040;
}

.option table td .title {
	font-weight: bold;
	font-size: 16px;
	display: block;
	margin-bottom: 8px;
}

.option table td .price {
	margin-bottom: 16px;
	padding-left: 1em;
}

.option table td .price .red {
	font-weight: bold;
	font-size: 24px;
	color: #D83040;
	margin-bottom: 16px;
	display: inline-block;
	width: 96px;
	text-align: right;
	margin-right: 4px;
}

.option table td .price .red.child {
	width: 80px;
}

.option table td .tableCaption li {
	font-size: 14px;
	padding-left: 1em;
	text-indent: -1em;
}

.option table td .tableCaption li::before {
	content: "※";
}

.option table td .planIcon {
	display: inline-block;
	padding: 4px 8px;
	color: #FFF;
	background: #002191;
	border-radius: 5px;
	margin-left: 8px;
	font-size: 12px;
}

.option table td .time {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-left: 1em;
}

.option table td .course {
	font-size: 14px;
	margin-bottom: 24px;
	padding-left: 1em;
}

.option table td .tableList li {
	font-size: 14px;
	padding-left: 1em;
	text-indent: -1em;
}

.option table td .tableList li::before {
	content: "・";
}

/*====================================

下層ページ = アクティビティ
	
====================================*/

/*-----------------------
テーブル
-----------------------*/

.activity table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 16px;
}

.activity table th {
	background: #EBEBEB;
	padding: 8px 16px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
	width: 30%;
}

.activity table td {
	padding: 8px 16px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	width: 70%;
	text-align: left;
}

.activity table th .shopName {
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-align: left;
	margin-bottom: 4px;
}

.activity table th .shopTel {
	display: block;
	text-align: left;
}

.activity table td .red {
	font-weight: bold;
	color: #D83040;
	font-size: 24px;
}

.activity .caption li {
	font-size: 14px;
	padding-left: 1em;
	text-indent: -1em;
	margin-top: 4px;
}

.activity .caption li::before {
	content: "※";
}

.attentionBox .contact {
	font-size: 24px;
	font-weight: bold;
	margin: 16px 0;
	text-align: center;
}

.attentionBox .contact .small {
	font-size: 16px;
}

.attentionBox .link {
	text-align: center;
}

.activity h2.hahajima {
	margin-top: 36px;
}

/*====================================

下層ページ = ホテル詳細
	
====================================*/

/*-----------------------
ホテル情報
-----------------------*/

.hotelInfoBox {
	background: #EBEBEB;
	border: 1px solid #95989A;
	padding: 16px 16px;
}

.hotelInfoBox h3 {
	font-weight: bold;
	margin-bottom: 16px;
	font-size: 16px;
	text-align: center;
}

.hotelInfoImgWrapper {
	display: flex;
	justify-content: space-between;
}

.hotelInfoImg {
	flex: 0 0 240px;;
}

.hotelInfoBoxCaaption {
	font-size: 14px;
}

.infoList {
	margin-top: 16px;
}

.infoList li {
	margin-bottom: 8px;
}

.infoListTitle {
	font-weight: bold;
	display: inline-block;
	width: 8em;
	margin-right: 4px;
	text-align: left;
}

/*-----------------------
テーブル
-----------------------*/

.hotelPrice table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 16px;
}

.hotelPrice table th {
	background: #EBEBEB;
	padding: 8px 16px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
}

.hotelPrice table th.application {
	width: 10%;
}

.hotelPrice table th.applicationNo {
	width: 30%;
}

.hotelPrice table td {
	padding: 8px 16px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	text-align: center;
}

.hotelPrice table td.applicationParson {
	font-size: 16px;
	font-weight: bold;
}

.hotelPrice table td.red {
	font-weight: bold;
	color: #D83040;
}

.hotelPrice table td.red .priceNumber {
	font-size: 24px;
}

.hotelPrice .attentionBox {
	padding: 16px 96px;
	margin-top: 24px;
}

.hotelPrice .attentionBox h3 {
	margin-top: 24px;
	font-size: 20px;
}

.hotelPrice .attentionBox h4 {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 4px;
}

.hotelPrice .attentionBox li {
	font-size: 14px;
}

.hotelPrice .attentionBox p {
	font-size: 14px;
	margin-bottom: 8px;
}

.hotelPrice .attentionBox li::before {
	content: "※";
}

/*-----------------------
設備のご紹介
-----------------------*/

.hotelFacility table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 16px;
}

.hotelFacility table th {
	background: #EBEBEB;
	padding: 8px 16px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
	width: 15%;
}

.hotelFacility table td {
	padding: 8px 16px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	text-align: center;
	width: 10%;
}

.hotelFacility .tableCaption {
	padding: 8px 16px;
	font-size: 14px;
}

.hotelFacility span {
	width: 1em;
	text-align: center;
	display: inline-block;
}

/*-----------------------
お申込み
-----------------------*/

.application .attentionBox {
	padding: 16px 96px;
	margin-top: 24px;
}

.application .attentionBox h3 {
	margin-top: 24px;
	font-size: 20px;
}

.application .attentionBox li {
	font-size: 14px;
}

.application .attentionBox li::before {
	content: "※";
}

.application .formLinkBtn {
	padding: 32px;
	width: 480px;
	margin: 36px auto;
	font-size: 24px;
}


/*====================================

申し込みフォーム
	
====================================*/
/*-----------------------
テーブル
-----------------------*/

.inputTable table {
	width: 100%;
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin-top: 16px;
}

.inputTable table th {
	background: #EBEBEB;
	padding: 8px 16px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	font-weight: bold;
	width: 30%;
}

.inputTable table td {
	padding: 8px 16px;
	box-sizing: border-box;
	border: 1px solid #CCC;
	font-size: 14px;
	text-align: left;
	width: 70%;
}

.inputTable table td p.label {
	font-size: 14px;
	font-weight: bold;
	margin: 16px 0 8px;
}

.inputTable table td input, .inputTable table td select, .inputTable table td textarea {
	font-size: 16px;
}

.inputTable table td input.number {
	width: 3em;
}

.inputTable table td input.radio {
	margin-right: 8px;
}

.inputTable .tableCaption {
	padding: 8px 16px;
	font-size: 14px;
}

.required {
	display: inline-block;
	padding: 4px 8px;
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
	color: #fff;
	background: #D83040;
	margin-left: 4px;
}

p.formCaption {
	font-size: 12px;
	margin: 4px 0;
}

p.formCaption::before {
	content: "※";
}

p.formAttention {
	font-size: 14px;
	margin: 8px 0;
	text-align: left;
}

p.formAttention::before {
	content: "※";
}

/*-----------------------
キャンセルポリシー
-----------------------*/

.formCancelpolicy .cancelInfo {
	font-size: 14px;
	text-align: center;
	margin: 16px 0;
}

.formCancelpolicy h3 {
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	margin: 16px 0 8px;
}

.formCancelpolicy .attentionBox {
	margin: 16px 0;
}

.formCancelpolicy table {
	width: 70%;
	margin: 16px auto;
}

.formCancelpolicy table th {
	width: 50%;
	text-align: left;
	padding-left: 64px;
}

.formCancelpolicy table td {
	width: 50%;
	text-align: center;
}

input.submitBtn {
	font-size: 24px;
    margin: 16px auto;
    padding: 16px;
	border-style: none;
	cursor: pointer;
	width: 480px;
}