@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;
}

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

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

h1 {
  width: 100%;
  font-size: 12px;
  color: #fff;
  padding: 4px 8px;
  margin: 0;
}

.globalHeader {
  width: 100%;
  margin: 0 auto;
}

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

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

.globalFooterWrapper {
  width: 100%;
  margin: 20px auto 0;
  padding: 0 1% 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;
}

.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;
}

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

.contentsWrapper {
  width: 100%;
  margin: 0 auto;
}
/*-----------------------
LocalNavi
-----------------------*/

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

.LocalNaviListIem {
  flex: 0 0 50%;
  text-align: center;
  background: #002191;
  padding: 0 15px;
}

.LocalNaviListIem:first-child {
  border-left: none;
  flex: 0 0 100%;
}

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

.LocalNaviListIem:hover {
  opacity: 0.8;
}

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

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

.breadcrumb {
  width: 100%;
  text-align: left;
  padding: 4px 0 0 4px;
  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-sp.jpg);
  position: relative;
  background-size: cover;
}

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

section.contentsBlock {
  margin-top: 24px;
  margin-left: 1%;
  margin-right: 1%;
  width: 98%;
}

h2 {
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  padding: 8px 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: 0.8;
}

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

.planInfo h3 {
  font-size: 20px;
  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;
  flex-direction: column;
}

.planInfoBox {
  flex: 0 0 100%;
  box-sizing: border-box;
  text-align: center;
}

.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: 100%;
  margin: 24px auto 0;
  background: #fffbc7;
  border-radius: 10px;
  padding: 0 0 24px;
}

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

.planInfoPoint li .scriptFont {
  font-family: "Seaweed Script", cursive;
  font-size: 24px;
  margin-right: 0.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: 18px;
  text-align: center;
  margin-top: 16px;
  border-bottom: 4px solid #ed8bff;
  margin: 20px auto;
  display: inline-block;
}

.planInfoMesssage .orange {
  font-size: 24px;
  color: #fe9500;
}

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

.planCourseTab {
  display: flex;
}

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

.planCourseTab li:hover {
  opacity: 0.8;
}

.planCourseTab li.currentSeason {
  padding: 20px 0;
}

.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: 4px 0;
  font-size: 12px;
  box-sizing: border-box;
  display: inline-block;
}

.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: 14px;
  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;
  font-size: 14px;
  display: block;
}

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

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

.courseLink h3 {
  text-align: center;
  margin: 16px auto;
}

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

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

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

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

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

.pageTitle {
  background-image: url(../../img/tour/ogamaru/common/bg-title_sp.jpg);
  color: #fff;
  font-size: 24px;
  background-size: cover;
  width: 100%;
  padding: 8px;
}

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

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

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

.attentionBox {
  background: #ebebeb;
  border: 1px solid #95989a;
  padding: 8px;
}

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

.attentionBox li {
  margin-bottom: 8px;
  font-size: 14px;
  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: 16px;
  text-align: left;
  border: 1px solid #002191;
  margin: 24px 0 16px;
}

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

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

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

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

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

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

.areaMap {
  flex: 0 0 100%;
  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: 8px;
  width: 100%;
}

.areaMapBtn {
  position: absolute;
  width: 25%;
}

.areaMapBtn:hover {
  opacity: 0.8;
}

.areaMapBtn#btn_01 {
  top: 24%;
  left: 66%;
}

.areaMapBtn#btn_02 {
  top: 15%;
  left: 38%;
}
.areaMapBtn#btn_03 {
  top: 43%;
  left: 13%;
}

.areaMapBtn#btn_04 {
  top: 38%;
  left: 66%;
}

.areaMapBtn#btn_05 {
  top: 54%;
  left: 66%;
}

.areaMapBtn#btn_06 {
  top: 71%;
  left: 68%;
}

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

.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: 16px;
}

.hotelListInfo {
  padding: 16px;
  text-align: center;
}

.hotelLisThumb {
}

.hotelListTextBox {
}

.hotelListText {
  padding: 16px;
  text-align: left;
  font-size: 14px;
}

.hotelListPriceWrapper {
}

.hotelListPrice {
  font-weight: bold;
  font-size: 14px;
  color: #d83040;
  padding: 8px 0;
}

.priceOrder {
  font-weight: bold;
  color: #111111;
  display: block;
  padding: 4px 0;
}

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

.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: 16px;
}

.roomListInfo {
  padding: 8px;
  text-align: center;
}

.roomLisThumb {
  width: 100%;
}

.roomListTextBox {
  text-align: left;
}

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

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

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

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

.roomListRoomChrage {
  padding: 8px;
}

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

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

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

.roomListRoomChrage table th {
  background: #ebebeb;
  padding: 4px 0;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 12px;
  font-weight: bold;
}

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

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

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

.roomListRoomChrage table td .priceNumber {
  font-weight: bold;
  font-size: 14px;
}

.roomCharge {
  font-weight: bold;
  font-size: 12px;
  color: #d83040;
}

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

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

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

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

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

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

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

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

.roomChaegeCancelPolicy table th {
  background: #ebebeb;
  padding: 8px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 12px;
  font-weight: bold;
}

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

.roomChaegeCancelPolicy table td .priceNumber {
  font-weight: bold;
  font-size: 14px;
}

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

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

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

.fllorMap {
  text-align: center;
}

.fllorMap img {
  margin: 16px 0;
  width: 100%;
}

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

.facilityWrapper {
}

.facilityBox {
  text-align: center;
  border: 1px solid #ccc;
  box-sizing: border-box;
  margin: 8px 0 16px;
}

.facilityBox.dummy {
  border: none;
}

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

.facilityBox img {
  padding: 16px;
  width: 100%;
}

.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 4px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  width: 30%;
}

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

.coupon table th .shopName {
  font-size: 14px;
  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 4px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  width: 20%;
}

.option table td {
  padding: 8px 4px;
  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: 14px;
  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 4px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  font-weight: bold;
  width: 30%;
}

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

.activity table th .shopName {
  font-size: 14px;
  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: 16px;
  font-weight: bold;
  margin: 16px 0;
  text-align: center;
}

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

.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 {
}

.hotelInfoImg {
  text-align: center;
  margin-top: 8px;
}

.hotelInfoBoxCaaption {
  font-size: 14px;
}

.infoList {
  margin-top: 16px;
}

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

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

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

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

.hotelPrice table th {
  background: #ebebeb;
  padding: 8px 8px;
  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 4px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 14px;
  text-align: center;
}

.hotelPrice table td.red {
  font-weight: bold;
  color: #d83040;
  font-size: 14px;
}

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

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

.hotelPrice .attentionBox {
  padding: 8px 16px;
  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 0px;
  text-align: center;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 12px;
  font-weight: bold;
  width: 20%;
}

.hotelFacility table td {
  padding: 8px 4px;
  box-sizing: border-box;
  border: 1px solid #ccc;
  font-size: 12px;
  text-align: center;
  width: 5%;
}

.hotelFacility .tableCaption {
  padding: 8px 4px;
  font-size: 12px;
}

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

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

.application .attentionBox {
  padding: 8px 16px;
  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: 90%;
  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;
  display: block;
}

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

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

.inputTable table td.sex p {
  display: inline-block;
  margin-left: 16px;
}

.inputTable table td input,
.inputTable table td select,
.inputTable table td textarea {
  font-size: 14px;
  border: 1px solid #ccc;
}

.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 {
  text-align: center;
  padding: 8px;
}

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

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