@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Questrial&display=swap');

/* Default Reset   common Style Seet
-------------------------------------------------------------
 1-01 ブラウザ初期設定リセット
 1-02 配置
 1-03 マージン
 1-04 文字の大きさ
 1-05 行間
 1-06 文字装飾
 1-07 文字の色
 1-08 ボーダー
 1-09 クリアフィックス
 1-10 フレックスボックス
-------------------------------------------------------------*/


/* 1-01 ブラウザ初期設定リセット
-------------------------------------------------------------*/
* {margin:0;padding:0;font-style:normal; /*letter-spacing:0;*/}
p {margin:0;}
ul, li {list-style-type:none;}
img{border:0;vertical-align:bottom;}
table{border-collapse:collapse;empty-cells:show;}

textarea {font-size:100%;}
form, fieldset, input, button {margin:0;padding:0;font-size:100%;}

/* 1-02 配置
-------------------------------------------------------------*/
.left{float:left;display:inline;}
.right{float:right;display:inline;}

.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.alignleft{text-align:left !important;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

.block{display:block;}

.relative{position: relative;}

/* 1-03 マージン
-------------------------------------------------------------*/
.m2{margin:2px;}
.m5{margin:5px;}
.m10{margin:10px;}
.m15{margin:15px;}
.m20{margin:20px;}
.m30{margin:30px;}
.m40{margin:40px;}

.mt2{margin-top:2px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt100{margin-top:100px;}

.mr2{margin-right:2px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr13{margin-right:13px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}

.mb0{margin-bottom:0!important;}
.mb2{margin-bottom:2px!important;}
.mb5{margin-bottom:5px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}
.mb70{margin-bottom:70px!important;}
.mb80{margin-bottom:80px!important;}
.mb100{margin-bottom:100px!important;}

.ml2{margin-left:2px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml100{margin-left:100px;}

.pb0{padding-bottom:0 !important;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt50{padding-top:50px;}

.pr50{padding-right: 50px;}

/* 1-04 文字の大きさ
-------------------------------------------------------------*/
.f50{font-size:50%;}
.f80{font-size:80%;}
.f90{font-size:90%;}
.f110{font-size:110%;}
.f120{font-size:120%;}
.f130{font-size:130%;}

.f9{font-size:9px;}
.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f25{font-size:25px;}
.f30{font-size:30px;}

/* 1-05 行間
-------------------------------------------------------------*/
.lh110{line-height:110%;}
.lh120{line-height:120%;}
.lh130{line-height:130%;}
.lh140{line-height:140%;}
.lh150{line-height:150%;}
.lh160{line-height:160%;}
.lh170{line-height:170%;}
.lh180{line-height:180%;}
.lh190{line-height:190%;}
.lh200{line-height:200%;}

/* 1-06 文字装飾
-------------------------------------------------------------*/
em{font-style:normal;font-weight:bold;}
.bold{font-weight:bold;}
.italic{font-style:italic;}
.underLine {text-decoration:underline;}
.tate{display: block;transform: rotate(90deg);}

/* 1-07 文字の色
-------------------------------------------------------------*/
.red{color:#ff0000;}
.white{color:#fefefe;}
.blue{color:#0000ff;}
.blue2{color:#3371CB;}
.black{color:#000000;}
.orange{color:#ffa500;}

.aqua{color:#00ffff;}
.lime{color:#00ff00;}
.olive{color:#808000;}
.silver{color:#c0c0c0;}
.yellow{color:#ffff00;}
.gray{color:#808080;}
.gray2{color: #AAABAC;}
.maroon{color:#800000;}
.purple{color:#800080;}
.green{color:#008000;}
.navy{color:#001737;}/*CCTネイビー*/

/* 1-08 ボーダー
-------------------------------------------------------------*/
.border{border:1px solid #aaa;}

/* 1-09 クリアフィックス
-------------------------------------------------------------*/
.clearfix:after,
#container:after{
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.clearfix,
#container{
	zoom:100%;
}
.cl{
	_zoom:1;
	overflow:hidden;
}
.modalmap,
.modalmap1,
.modalmap2{
	outline:none;
}

/* 1-10 フレックスボックス
-------------------------------------------------------------*/
.flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
/* ----------------------------------------
  Base Style Seet

	2-1. default
	2-2. font
	2-3. layout
	2-4. link
	2-5. title
	2-6. 検索ボックス
	2-7. plan list
	2-8. course list
	2-9. pankuzu
	2-10. form
	2-11. pager
	2-12. クリスマスデコレーション
	2-13. 2024/03/リニューアル
---------------------------------------- */


/* ----------------------------------------
  2-1.default
  ---------------------------------------- */
body{
	font-size:14px;
	line-height:1.5;
	color: #555;
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: normal;
	font-weight: 400;
	position:relative;
}
nav,section,article,figure,aside {display:block;}
article{
	overflow: hidden;
	position: relative;
	width: 100%;
}
button{
	background: none;
	border: none;
}
#wrapper{position: relative;left: 0px;width: 100%;}
.spOnly{display: none;}
/*#gNav nav ul li.spOnly{display: none;}*/

/* ----------------------------------------
  2-2.font
  ---------------------------------------- */
.gothic {
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', sans-serif;
}
.mincho {
	font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', serif;
	font-weight: normal;
	font-weight: 500;
}
@media screen and (max-width:769px) {
	/* 明朝がスマホで細く見える */
	.mincho {
		font-family: 'Noto Serif JP', 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', serif;
		font-weight: bold;
		font-weight: 600;
	}
}
.engFont1{font-family: 'Crimson Text', 'Times New Roman', serif;}
.engFont2{font-family: 'Century Gothic', 'Questrial', sans-serif;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}

/* ----------------------------------------
  2-3.layout
  ---------------------------------------- */
.container{
	width:1000px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}
aside#side{
	width:240px;
	float:left;
}
#mainColumn{
	width:620px;
	float:right;
	padding-bottom:100px;
}
.topLike{
	text-align:right;
	width:110px;
	padding-top:10px;
	float:right;
}

/* ----------------------------------------
  2-4.link
---------------------------------------- */
a {
	text-decoration: none;
	color:#000;
}
a:visited{}
a:hover{text-decoration: underline;}
a.cboxElement:focus{outline:none;}
#colorbox *{outline:none;}
.btn{display: inline-block;}
.btn:hover,
a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
	transition: all 0.2s ease;
}
.btnPrint{
	clear:both;
	text-align: right;
	padding:10px 0;
}
.innerLink li{
	float: left;
	width: 225px;
	margin: 0 14px 10px 0;
}
.innerLink li a{
	display: block;
	border:1px solid #938868;
	background: #F6F5F3;
	color:#938868;
	line-height: 1.1;
	padding:7px 10px 6px 15px;
	font-size: 14px;
	font-weight: 600;
	position: relative;
}
.innerLink li a:after {
    content: '>';
    position: absolute;
    right: 10px;
    font-size: 12px;
    transform:rotate(90deg) scale(1,1.3);
    transform: ;
    font-weight: bold;
}
.innerLink li.linkPdf a:after{transform:rotate(0deg) scale(1,1.3);}

@media screen and (max-width:526px){
	.listMainArea .innerLink.ml25 {
		margin-left: 0;
	}
	.listMainArea .innerLink li {
		float: none;
		margin: 0 auto 10px;
	}
}

/* ----------------------------------------
  2-5.title
  ---------------------------------------- */
.pageTitle{
	font-size: 30px;
	line-height: 1.0;
	font-weight: bold;
	font-weight: 600;
	letter-spacing: 0.05em;
	border-left: 7px solid #111d39;
	padding:0 0 0 18px;
	color: #111d39;
	margin-bottom: 30px;
}
.pageTitle.engFont1 {
	font-size: 36px;
}

/* ----------------------------------------
  2-6.検索ボックス
---------------------------------------- */
.planSearchBox{
	background: #E6E5DA;
	border-radius:5px;
	padding:15px 0px 15px 20px;
}
.planSearchBox .searchPlanDate,
.searchPlanCalender,
.searchPlanSelect,
#searchSubmit{
	display: inline-block;
}
.planSearchBox select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #E8EBE4;
	background: url("../img/cct/common/arw_dwn.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#E8EBE4 100%);
	background: url("../img/cct/common/arw_dwn.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#E8EBE4 100%);
	background-size: 13px , 100%;
	display: inline-block;
	padding:8px 25px 8px 10px !important;
	font-size: 14px;
	border-radius:5px;
	/* forIE8 9 */
	padding:0\9;
}
.planSearchBox select::-ms-expand {
	display: none;
}
.planSearchBox .searchPlanDate{margin-right:3px;}
.planSearchBox .searchPlanDate span{
	margin:0 2px;
	font-size:15px;
}
.searchPlanCalender{
	width:150px;
	font-size:15px;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
}
.searchPlanCalender .fa-calendar{
	font-size:1.6em;
	margin-right:10px;
}
.searchPlanCalender input{
	margin-right:10px;
	transform: scale(1.5);
}
.planSearchBox h3{
	display: inline-block;
	text-shadow:1px 1px 1px rgba(255,255,255,0.5);
	margin-right:5px;
}
.searchPlanSelect select{
	width:180px;
	margin-right:5px;
}
#searchSubmit{
	margin-left: 5px;
	width:50px;
	height:50px;
	line-height: 50px;
	color:#fff;
	text-align: center;
	border-radius:25px;
	background: #948768;
	font-size: 14px;
	letter-spacing: 1px;
	cursor:pointer;
}
#searchSubmit:hover{
	opacity:0.6;
}

/* ----------------------------------------
  2-7. plan list
---------------------------------------- */
/* 検索結果で使われている縦に並ぶタイプのリスト */
.planSearchList {
	margin-bottom:15px;
}
.planSearchList > ul{
	overflow: hidden;
}
.planSearchList > ul > li {
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
	margin-bottom:20px;
	overflow: hidden;
}
.planSearchList > ul > li:last-of-type {
	border-bottom:none;
}
.planSearchList ul li .planThumb {
	width:180px;
	float:left;
}
.planSearchList ul li .planThumb img {
	width:100%;
}
.planSearchList ul li .planDescription {
	width:790px;
	float:right;
	position: relative;
}
.planSearchList ul li .planDescription .planListTitleArea {
	margin-bottom:10px;
}
.planSearchList h3 {
	font-weight:normal;
	line-height: 1.3;
}
.planSearchList h3.engFont2 {
	font-size:25px;
}
.planSearchList h3.mincho {
	font-size:23px;
}
.planSearchList ul li small {
	font-size:12px;
	display: block;
	font-weight:500;
}
.planSearchList ul li small.shoulder{
	margin-bottom:2px;
}
.planSearchList ul li .planDescription .planData {
	overflow: hidden;
}
.planSearchList ul li .planDescription .planData dt{
	clear:left;
	float:left;
	width:40px;
	background: #A1A2A4;
	line-height: 1.1;
	color:#fff;
	letter-spacing: 2px;
	text-align: center;
	padding:2px 0;
	font-size:12px;
	margin-right: 10px;
	margin-bottom:5px;
}
.planSearchList ul li .planDescription .planData dd {
	margin-bottom: 5px;
}
.planSearchList ul li .planDescription p.comment {
	width: 570px;
}
.planSearchList ul li .planDescription .goPlanDetail {
	position: absolute;
	right:0px;
	bottom:0px;
	width:210px;
	height:35px;
	line-height: 35px;
	color:#948766;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
	font-size: 15px;
	text-align: center;
	border:1px solid #948766;
	border-radius: 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #e7e9dd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e9dd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e9dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e9dd',GradientType=0 ); /* IE6-9 */
}
.planSearchList ul li .planDescription .goPlanDetail:hover{
	text-decoration: none;
	opacity: 0.6;
}

/* ----------------------------------------
  2-8. course list
---------------------------------------- */
.courseList{
	margin-bottom:15px;
}
.courseList ul{
	overflow: hidden;
}
.courseList ul li{
	padding-bottom:20px;
	border-bottom:1px solid #eee;
	margin-bottom:20px;
	overflow: hidden;
}
.courseList ul li:last-child{
	border-bottom:none;
}
.courseList ul li .courseThumb{
	width:220px;
	float:left;
}
.courseList ul li .courseThumb img{
	width:100%;
	margin-bottom:10px;
}
.courseList ul li .courseThumb .goPlanDetail{
	display: block;
	width:220px;
	height:35px;
	line-height: 35px;
	color:#968768;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
	font-size: 15px;
	text-align: center;
	border:1px solid #968768;
	border-radius: 5px;
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e7e9dd 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e7e9dd 100%);
}
.courseList ul li .courseThumb .goPlanDetail:hover{
	text-decoration: none;
	opacity: 0.6;
}
.courseList ul li .courseDescription{
	width:750px;
	float:right;
	position: relative;
}
.courseList ul li .courseDescription .courseListTitleArea{
	margin-bottom:15px;
}
.courseList h3{
	font-weight:normal;
	line-height: 1.0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}
:root .courseList h3{line-height: 1.3\0;}
.courseList h3{line-height: 1.3\9;}
.courseList h3.engFont2{font-size:23px;}
.courseList h3.mincho{font-size:20px;}
.courseList ul li small{
	font-size:13px;
	display: inline-block;
	font-weight:normal;
	vertical-align: middle;
}
.courseList ul li small.shoulder{
	margin-bottom:5px;
	padding-top:0;
}
.courseList ul li h4{
	font-weight: normal;
	color:#fff;
	display: inline-block;
	line-height: 1;
	font-size: 12px;
	padding:3px 10px;
	margin-bottom:10px;
	background: #968768;
}
.courseList ul li p{
	font-size:12px;
	line-height: 1.8;
}

/* ----------------------------------------
  2-9. pankuzu
---------------------------------------- */
#pankuzu{
	padding:5px 50px;
	background-color: #f5f4f1;
}
#pankuzu li{
	display: inline;
	font-size:11px;
}
#pankuzu a{
	padding-right:5px;
	color:#001737;
}
#pankuzu a:after{
	content:'>';
	display: inline-block;
	vertical-align: middle;
	transform: scale(1,1.3);
	position: relative;
	top:-2px;
	margin-left:10px;
}

/* ----------------------------------------
  2-10.form
---------------------------------------- */
.tableInquiry td {
	font-size:16px;
}
.tableInquiry td input{
	padding:5px;
	box-shadow:1px 1px 2px 0px rgba(0,0,0,0.2) inset;
	border:1px solid #ccc;
}
.tableInquiry td p{
	font-size:12px;
	margin:0;
	line-height:1.5;
	padding:0;
}
.sizeLL{width:95%;}
.sizeL{width:60%;}
.sizeM{width:38%;}
.sizeS{width:34%;}
.sizeSS{width:25%;}
.formNotice{padding-bottom:5px;}
.confirmNotice{padding:5px 0;}
.btnYubin{
	color:#fff;
	padding:5px 10px;
	text-align:center;
	display:inline-block;
	background:#E4542A;
	border-radius:5px;
	font-size:12px;
	verticla-align:middle;
}
.errorMessage{
	border:3px solid #FA7572;
	padding:12px;
	margin-bottom:15px;
}
#mainColumn .errorMessage p{
	color:#FF4D4D;
	font-size:15px;
	line-height:1.5;
	padding:5px 0 5px 40px;
	background: url("../img/common/icon_notice.png.html") no-repeat left top;
	margin:0 0 0px 0;
}

/* ----------------------------------------
  2-11. pager
---------------------------------------- */
.pager{}
.pager ul{
	overflow:hidden;
	text-align:center;
	padding:20px 0;
}
.pager ul li{
	display:inline-block;
	margin:0 7px;
}
.pager ul li a,
.pager ul li span{
	display:block;
	border:1px solid #3699E6;
	height:30px;
	width:30px;
	line-height:30px;
	text-align:center;
	font-size:18px;
	color:#3699E6;
}
.pager ul li a:hover,
.pager ul li span{
	background-color:#3699E6;
	color:#fff;
	text-decoration:none;
}
.pager ul li.pagerPrev a,
.pager ul li.pagerNext a{
	width:50px;
	background-color:#3699E6;
	color:#fff;
	font-weight:bold;
}

@media screen and (max-width:768px){

/* ----------------------------------------
  2-1. default
  ---------------------------------------- */
	img{
		width: 100%;
		height: auto;
		vertical-align: text-bottom;
	}
	.container {
		width: 100%;
	}
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
	
/* ----------------------------------------
  2-4. link
---------------------------------------- */
	a:hover {
		text-decoration:none;
	}
	.btn:hover,
	a:hover img {
		filter: alpha(opacity=100);
		-moz-opacity:1.0;
		opacity:1.0;
	}

/* ----------------------------------------
  2-5. title
  ---------------------------------------- */
	.pageTitle{
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 20px;
		padding:0 0 0 13px;
	}
	.pageTitle.engFont1 {
		font-size: 26px;
	}
	
/* ----------------------------------------
 2-6. 検索ボックス
---------------------------------------- */
	.planSearchBox{padding: 14px 5% 15px;box-sizing: border-box;border-radius: 0;}
	.planSearchBox .searchPlanDate,
	.searchPlanCalender,
	.searchPlanSelect,
	#searchSubmit{display: block;}
	.planSearchBox select{padding: 6px 18px 6px 9px;border-radius: 3px;}
	.planSearchBox .searchPlanDate{display: block;}
	.planSearchBox .searchPlanDate span{font-size: 13px;}
	/*.searchPlanCalender{width: 75px;text-align: right;top: -23px;margin-bottom: -33px;float: right;}*/
	.searchPlanCalender {margin-bottom: 15px;}
	.searchPlanCalender input{transform: none;vertical-align:middle; margin-right: 2px;}
	.planSearchBox h3{width: 100%;font-size: 14px;margin-bottom: 3px;}
	.searchPlanSelect select{width: 48%;margin-right: 1%;}
	#searchSubmit{margin: 14px auto 0;}
	.searchPlanCalender img.ui-datepicker-trigger {margin-top: 10px;margin-right: 25px!important;margin-left: 3px;width: 26px;}
	#undecided-label{font-size: 13px;width: 100%;/*display: block;*/}
	#plan-search-year{width: 25%;}
	#plan-search-month{width: 18%;}
	#plan-search-day{width: 18%;}
	
/* ----------------------------------------
  2-7. plan list
---------------------------------------- */
/* 検索結果で使われている縦に並ぶタイプのリスト */
	#topSeasonPlan .planList a small{padding: 2px 0 1px 8px !important;}
	#topSeasonPlan{padding-bottom: 15px;}
	#topBasicPlan .planList h3{padding: 14px 27px 11px 31px;margin-bottom: 0;border-bottom: none;}
	#topBasicPlan .planList h4{text-align: center;padding: 0;letter-spacing: -0.03em;margin: 0 4% 20px;}
	#topBasicPlan .planList h4 span{letter-spacing: -0.03em;}
	#topBasicPlan .planList h4 small{font-size: 11px;}
	#topBasicPlan .planList ul li h5.engFont2 {font-size: 17px !important;}

/* 検索結果で使われている縦に並ぶタイプのリスト */
	.planSearchList{margin-bottom:15px;}
	.planSearchList > ul > li{
		padding-bottom:0px;
		border-bottom:none;
		margin-bottom:40px;
		overflow: hidden;
	}
	.planSearchList ul li .planThumb{
		width:100%;
		float:none;
		margin-bottom: 10px;
	}
	.planSearchList ul li .planThumb img{width:100%;}
	.planSearchList ul li .planDescription{
		width:94%;
		float:none;
		margin:0 3%;
	}
	.planSearchList h3.engFont2{font-size:22px;}
	.planSearchList h3.mincho{font-size:20px;}
	.planSearchList ul li small{font-size:11px;}
	.planSearchList ul li .planDescription .comment{
		margin-bottom: 10px;
		width: 100% !important;
	}
	.planSearchList ul li .planDescription .goPlanDetail{
		position: relative;
		display: block;
		margin:0 auto;
	}
	.planSearchList ul li .planDescription .goPlanDetail:hover {
		opacity: 1.0;
	}
	.planSearchList ul li .planDescription .planData dt {
		float: none;
	}

/* ----------------------------------------
  2-9. pankuzu
---------------------------------------- */
	#pankuzu {
		padding:3px 18px;
	}
	#pankuzu ul {
		width:90%;
	}

/* ----------------------------------------
  2-11. pager
---------------------------------------- */
	h2.pageTitle {
    	margin: 0 0 20px 17px;
    	font-size: 25px;
    	padding: 0 0 0 15px;
	}
}

/* ----------------------------------------
  2-12. クリスマスデコレーション
---------------------------------------- */
/* 
@media screen and (min-width:1000px){
	article {
		background-image: url("../img/cct/common/xmas_lr_decoration.png") , url("../img/cct/common/xmas_lr_decoration.png") ;
		background-repeat: repeat-y;
		background-position: left top, right top;
	}
}

footer{
	background: url("../img/cct/common/ft_decoration_new.png") repeat-x left top/300px auto;
	padding-top: 120px;
}
*/

/* ----------------------------------------
  2-13 2024/03/リニューアル
--------------------------------------------
1) 基本
2) a
3) fonts
4) background-color
5) pcOnly, spOnly
6) newContainer
7) タイトル下リンクボタン
-------------------------------------------------------------*/

/* 1) 基本
-------------------------------------------------------------*/
html {
	font-size: 62.5%;
}
#header,
footer,
#fixed_tab {
	position: relative;
	font-size: 1.6rem;
	line-height: 2;
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', '游ゴシック', 'Yu Gothic', 'メイリオ', 'Meiryo', sans-serif;
	font-weight: normal;
	font-weight: 400;
	letter-spacing: 0.1em;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
}
article {
		padding-bottom: 90px;
}
@media screen and (max-width:1199px) {
	article {
		padding-top: 68px;
	}
}
@media screen and (max-width:769px) {
	#header,
	footer,
	#fixed_tab {
		font-size: 1.5rem;		
	}
	article {
		padding-top: 60px;
		padding-bottom: 50px;
	}
}

/* 2) a
-------------------------------------------------------------*/
/* 電話番号スマホのみリンク */
@media screen and (min-width: 751px) {
	a[href^="tel:"] {
    	pointer-events: none;
		cursor: default;
	　text-decoration: none;
	}
}

/* 3) fonts
-------------------------------------------------------------*/
.en {
	font-family: 'EB Garamond', 'Times New Roman', Times, serif;
}
.f_400, normal {
	font-weight: normal;
	font-weight: 400;
}
.f_500 {
	font-weight: normal;
	font-weight: 500;
}
.f_600 {
	font-weight: bold;
	font-weight: 600;
}
.f_700, bold {
	font-weight: bold;
	font-weight: 700;
}
.logoBlue { color: #0070b2; }
.navy { color: #111d39; }
.gold { color: #918969; }
.nowrap { white-space:nowrap }

/* 4) background-color
-------------------------------------------------------------*/
.bg_logoBlue { background-color: #0070b2; color: #fff; }
.bg_navy { background-color: #111d39; color: #fff; }
.bg_gold { background-color: #918969; color: #fff; }
.bg_beige { background-color: #ebeae4; }
.bg_lightBeige { background-color: #f7f6f3; }
.bg_lightBlue { background-color: #f0f6fa; }

/* 5) pcOnly, spOnly
-------------------------------------------------------------*/
@media screen and (max-width:769px) {
	#header .pcOnly,
	footer .pcOnly,
	#fixed_tab .pcOnly {
		display: none;
	}
}
@media screen and (min-width:770px) {
	#header .spOnly,
	footer .spOnly,
	#fixed_tab .spOnly {
		display: none;
	}
}

/* 6) newContainer
-------------------------------------------------------------*/
@media screen and (max-width:699px) {
	.newContainer {
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (min-width:700px) and (max-width:769px) {
	.newContainer {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media screen and (min-width:770px) {
	.newContainer {
		padding-left: 50px;
		padding-right: 50px;
	}
}

/* 7) タイトル下リンクボタン
-------------------------------------------------------------*/
.mainLinkBtn {
	font-size: 16px;
	line-height: 60px;
	text-align: center;
	letter-spacing: 0.05em;
	margin: 80px 0 40px 24px;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.mainLinkBtn li {
	margin: 0 2% 15px 0;
}
.mainLinkBtn.col1 li,
.mainLinkBtn.col2 li {
	width: 48%;
}
.mainLinkBtn.col3 li {
	width: 31.3%;
}
.mainLinkBtn.col4 li {
	width: 23.25%;
	margin: 0 1.25% 15px 0;
}
.mainLinkBtn li a {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	font-weight: 500;
	background-color: #d7d5c8;
	color: #111d39;
	padding: 0 6px 0 0;
	border-radius: 30px;
	box-sizing: border-box;
}
.mainLinkBtn li a::after {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	background: url(../img/cct/common/arrow3.png) no-repeat;
	background-size: 100% auto;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}
.mainLinkBtn li a:hover {
	background-color: #111d39;
	color: #fff;
	text-decoration: none;
	transition: 0.3s linear;
}
.mainLinkBtn li a:hover::after {
	background-image: url(../img/cct/common/arrow4.png);
}
/* current */
.mainLinkBtn li.current a {
	cursor: default;
}
.mainLinkBtn li.current a:hover {
	background-color: #d7d5c8;
	color: #111d39;
}
.mainLinkBtn li.current a:hover::after {
	background-image: url(../img/cct/common/arrow3.png);

}
/* Welcomeのベージュボタン */
.welcomeContent .mainLinkBtn {
	margin: 0 0 90px 2%;
}
@media screen and (max-width:768px) {
	.mainLinkBtn {
		font-size: 15px;
		line-height: 44px;
		margin: 80px 0 20px 30px;
	}
	.mainLinkBtn li {
		width: 48% !important;
		margin: 0 2% 10px 0 !important;
	}
	.mainLinkBtn li a {
		border-radius: 22px;
	}
}
@media screen and (max-width:599px) {
	.mainLinkBtn {
		display: block;
		max-width: 280px;
		margin: 50px auto 30px;
	}
	.mainLinkBtn li {
		width: 100% !important;
		margin: 0 0 10px !important;
	}
	.welcomeContent .mainLinkBtn {
		max-width: 280px;
		margin: 0px auto 60px;
	}
}@charset 'utf-8';

/* ----------------------------------------
  page Style Seet

  3-2. plan/index.html
  3-3. plan list
  3-4. plan/detail
  3-5. faq
  3-6. gallery
  3-7. party
  3-8. reserve
  3-9. news
  3-10. corporate
  3-11. Google for jobs 対応採用情報ページ
  3-12. clubhouse/interior.html
  3-13. cruise/ladycrystal.html
  3-14. cruise/course.html
  3-15. cuisine
  3-16. gift
  3-17. welcome/index.html
  3-18. welcome/appeal.html
  3-19. welcome/history.html
  3-20. welcome/access.html
  3-21. news詳細
  3-22. party/cuisine.html
  3-23. party/point.html
  3-24. story
  3-25. request
  3-26. party/price.html
  3-27. party/venue.html
  ----------------------------------------
  3-28. contact
  3-29. christmas
  3-30. christmas/teaser.html
  3-31. specialPage
  3-32. special/covid19.html, covid.html
  3-33. takeout
  3-34. cruise/safety.html
---------------------------------------- */


/* ----------------------------------------
  3-2. plan/index.html
---------------------------------------- */
#planSearch{
	position:relative;
	z-index:0;
	margin-bottom:5px;
}
#planAllBtn{
	margin-bottom:30px;
}
.planListTitle{
	font-size:22px;
	font-weight:normal;
	margin-bottom:25px;
	padding:5px 0 5px 25px;
	vertical-align:middle;
	color:#001737;
	border-radius:2px;
	background:#e6e5da;
}
.planListTitle small{
	font-size:14px;
	font-weight: 500;
	margin:0 5px;
	vertical-align:middle;
}
.planListTitle span,
.planListTitle img{
	vertical-align:middle;
}
.italic{
	font-style:italic;
}

/* ----------------------------------------
  3-3. plan list
---------------------------------------- */
.pageKeyVisual{
	position:relative;
	margin-bottom:60px;
}
.pageKeyVisual img.bgkv{
	width:100%;
}
.pageKeyVisual .kvMessageRight{
	position:absolute;
	right:30px;
	bottom:30px;
}
.pageKeyVisual .kvMessageLeft{
	position:absolute;
	bottom:30px;
	left:30px;
}
.pageKeyVisual .kvMessagecenter{
	position:absolute;
	bottom:30px;
	width: 100%;
	text-align: center;
}
.listMainArea{
	overflow:hidden;
	margin-bottom:40px;
}
.listMainArea .listMainText h3{
	font-size:21px;
	font-weight:normal;
	margin-bottom:20px;
	color:#001737;
}
.listMainArea .listMainText p{
	font-size:15px;
	line-height:1.8;
	color:#001737;
}
.listMainArea .listMainText p span.note{
	display: inline-block;
	font-size:12px;
	margin-top: 9px;
	padding: 2px 6px 2px 9px;
	border: #cacfdd solid 1px;
}
.listMainArea .listRightMenu{
	float:right;
	width:220px;
}
.listMainArea .listRightMenu>ul>li{
	margin-bottom:7px;
}
.listMainArea .listRightMenu>ul>li:last-of-type{
	margin-bottom:0;
}
.listMainArea .listRightMenu>ul>li a{
	font-size:13px;
	line-height:1.3;
	position:relative;
	display:block;
	padding:12px 10px 11px 20px;
	color:#fff;
	background-color:#968768;
}
.listMainArea .listRightMenu>ul>li a{
	background-color:#968768;
}
.listMainArea .listRightMenu>ul>li a:after{
	font-size:10px;
	position:absolute;
	top:33%;
	right:13px;
	content:'>';
	transform:scale(1,1.3);
}
.listMainArea .listRightMenu ul.innerLink>li{margin-left: 0;}
.listMainArea .listRightMenu ul.innerLink>li a{
	color: #938868;
	background-color: #F6F5F3;
}
.listMainArea .listRightMenu ul.innerLink>li a:hover{
	text-decoration: underline;
	background-color: #F6F5F3;
}
.listMainArea .listRightMenu>ul>li a:hover,
.listMainArea .listRightMenu>ul>li.current a{
	text-decoration:none;
	background:#000;
	background-color:#dad6cb;
}
#planListBtnMenu{
	text-align:right;
}
#planListBtnMenu img{
	margin:0 0 30px 15px;
}
.planList{
	margin-bottom:20px;
}
#seasonPlan .planList a .planThumb,
.partyPlan .planList a .planThumb{
	margin-bottom:0;
}
#seasonPlan .planList a small,
.partyPlan .planList a small{
	display:block;
	padding:5px 0 5px 8px;
	color:#fff;
	background-color:#ab9f86;
}
#seasonPlan .planList a:hover small,
.partyPlan .planList a:hover small{
	background-color:#d5cfc2;
}
.planList a:hover{
	text-decoration:none;
}
.planList a:hover h5,
#clubhouseBasicPlan .planList a:hover small,
#setBasicPlan .planList a:hover small{
	text-decoration:underline;
}
.planTextBlockArea .planTextBlock .planText {
	font-size:14px;
}
.planTextBlockArea .planTextBlock .planText p {
	display:inline;
}
.planTextBlockArea .planTextBlockCaption p {
	display:inline;
	font-size:20px;
	line-height:1.5;
}
.planTextBlockArea .planTextBlockCaption a {
	color:#09c;
}
.planTextBlockArea .planTextBlock .planText p {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 120% !important;
}
.planTextBlockArea .planTextBlockCaption .sub-visual{
	float:left;
	margin-right:  10px;
	margin-bottom: 10px;
}

/* ----------------------------------------
  3-4. plan/detail
---------------------------------------- */
.planDetailType1{
	margin-bottom:10px;
}
.planDetailType1 .planMainArea{
	overflow:hidden;
	margin-bottom:40px;
}
.planDetailType1 .planMainArea a{
	color:#09c;
}
.planDetailType1 .planMainArea .planMainPhoto{
	float:right;
	width:480px;
}
.planDetailType1 .planMainArea .planMainPhoto img{
	max-width:100%;
}
.planDetailType1 .planMainArea .planTitleArea{
	float:left;
	width:480px;
	margin-bottom:30px;
	color:#001737;
}
.planDetailType1 .planMainArea .planTitleArea p{
	font-size:16px;
}
.planDetailType1 .planMainArea .planTitleArea p.shoulder{
	margin-bottom:10px;
}
.planDetailType1 .planMainArea .planTitleArea .planTitle {
	font-size:30px;
	font-weight:600;
	line-height:1.4;
}
.planDetailType1 .planMainArea .planLead{
	font-size:14px;
	line-height:1.9;
	overflow:hidden;
	width:480px;
}
.planDetailType1 .planTextBlockArea .planTextBlockLine{
	overflow:hidden;
	margin-bottom:40px;
}
.planDetailType1 .planTextBlockArea .planTextBlock{
	float:right;
	width:480px;
}
.planDetailType1 .planTextBlockArea .planTextBlock:first-child{
	float:left;
}
.planDetailType1 .planTextBlockArea .planTextBlock h3{
	font-size:15px;
	font-weight:normal;
	margin-bottom:3px;
	padding:5px 20px;
	color:#001737;
	background:#f5f4ef;
}
.planDetailType1 .planTextBlockArea .planTextBlock .planText{
	line-height:1.7 !important;
	padding:13px 20px;
	background:#f5f4ef;
}
.planDetailType1 .planTextBlockArea .planTextBlock .planText .textL{
	font-size:20px;
}
.planDetailType1 .planTextBlockArea .planTextBlock .planText p{
	font-size:14px;
	margin-bottom:5px;
}
.planDetailType1 .planTextBlockArea .planTextBlock .planText ul.notice,
.planDetailType1 .planTextBlockArea .planTextBlock .planText p small{
	font-size:12px;
}
.planDetailType1 .planTextBlockArea .planTextBlock .planText ul.notice{
	margin-bottom:5px;
}
.planDetailType1 .planTextBlockArea .planTextBlock .planText ul.notice li{
	margin-left:1em;
	text-indent:-1em;
}
.planDetailType1 .planTextBlockArea .planTextBlock .planText a{
	color:#09c;
}
.planDetailType1 .planTextBlockArea .planTextBlockCaption{
	font-size:14px;
	line-height:1.8;
	padding-bottom:30px;
}
.btnCoursemap{
	overflow:hidden;
	padding:10px 0;
}
.btnCoursemap a{
	font-size:12px;
	line-height:1.0;
	float:right;
	width:190px;
	padding:5px 5px 5px  8px;
	color:#999 !important;
	border:2px solid #dddcda;
	background:#fff;
}
.btnCoursemap a:after{
	position:relative;
	top:-1px;
	float:right;
	content:'>';
	transform:scale(0.8,1.0);
}
.planDetailType2 .planTitleArea{
	margin-bottom:25px;
	text-align:center;
	color:#968768;
}
.planDetailType2 .planTitleArea .planTitleShoulder{
	font-size:22px;
	line-height:1.4;
	margin-bottom:15px;
	padding:2px 0;
	border-top:1px solid #e6e5da;
	border-bottom:1px solid #e6e5da;
}
.planDetailType2 .planTitleArea .planTitle {
	font-size:28px;
	font-weight:600;
	line-height:1.4;
}
.planDetailType2 .planTitleArea small{
	font-size:16px;
	font-style:italic;
}
.planDetailType2 .planMainArea{
	overflow:hidden;
	margin-bottom:30px;
}
.planDetailType2 .planMainArea .planMainPhoto{
	float:left;
	width:740px;
}
.planDetailType2 .planMainArea .planMainPhoto img{
	max-width:100%;
}
.planDetailType2 .planMainArea .planMainPhoto .planMainCaption{
	font-size:14px;
	line-height:1.7;
	padding-top:30px;
}

.planDetailType2 .planMainArea .planMainPhoto .planMainCaption p{
	display: inline;
	font-size:20px;
	line-height:1.5;
}
.planDetailType2 .planMainArea .planMainPhoto .planMainCaption a{
	color:#09c;
}
.planDetailType2 .planMainArea .planRightMenu{
	float:right;
	width:220px;
}
.planDetailType2 .planMainArea .planRightMenu>ul{
	margin-bottom:40px;
}
.planDetailType2 .planMainArea .planRightMenu>ul>li{
	margin-bottom:7px;
}
.planDetailType2 .planMainArea .planRightMenu>ul>li a{
	font-size:13px;
	line-height:1.3;
	font-weight: 600;
	position:relative;
	display:block;
	padding:15px;
	color:#111d39;
	background-color:#d7d5c8;
	border-radius: 5px;
}
.planDetailType2 .planMainArea .planRightMenu>ul>li a:after{
	font-size:10px;
	position:absolute;
	top:33%;
	right:8px;
	content:'>';
	transform:scale(1,1.3);
}
.planDetailType2 .planMainArea .planRightMenu>ul>li a:hover,
.planDetailType2 .planMainArea .planRightMenu>ul>li.current a{
	text-decoration:none;
	opacity: 0.5;
}
.planDetailType2 .planMainArea .planRightMenu .planStandardPrice{
	border:1px solid #ddd;
}
.planDetailType2 .planMainArea .planRightMenu .planStandardPrice h3{
	font-size:17px;
	font-weight:500;
	padding:3px 15px;
	letter-spacing:7px;
	border-bottom:1px solid #ddd;
}
.planDetailType2 .planMainArea .planRightMenu .planStandardPrice .planPriceDetail{
	padding:15px 8px 15px 15px;
}
.planDetailType2 .planMainArea .planRightMenu .planStandardPrice .planPriceDetail .priceAmount{
	font-size:17px;
	line-height:1.0;
	margin-bottom:3px;
}
.planDetailType2 .planMainArea .planRightMenu .planStandardPrice .planPriceDetail .price{
	font-size:18px;
	margin-bottom:5px;
}
.planDetailType2 .planMainArea .planRightMenu .planStandardPrice .planPriceDetail .price b{
	font-size:28px;
	font-weight:500;
	margin-right:3px;
}
.planDetailType2 .planMainArea .planRightMenu .planStandardPrice .planPriceDetail ul{
	font-size:12px;
	width:100%;
}
.planDetailType2 .planMainArea .planRightMenu .planStandardPrice .planPriceDetail ul li{
	line-height:1.6;
	margin-left:1em;
	text-indent:-1em;
}
.planMenuArea{
	overflow:hidden;
	margin-bottom:40px;
}
.planMenuArea .planMenu{
	position:relative;
	float:left;
	width:480px;
	padding-top:150px;
	padding-bottom:55px;
	background:url('../img/cct/plan/bg_menu.png') no-repeat left top;
}
.planMenuArea .planMenu:after{
	position:absolute;
	bottom:0;
	left:0;
	width:480px;
	height:55px;
	content:'';
	background:url('../img/cct/plan/bg_menu_bottom.png') no-repeat left top;
}
.planMenuArea .planMenu ul{
	padding:0 30px 0;
	text-align:center;
}
.planMenuArea .planMenu ul li{
	font-size:15px;
	line-height:1.7;
	margin-bottom:3px;
}
.planMenuArea .planMenu ul li small{
	font-size:14px;
	font-style:italic;
	line-height:1.1;
	display:block;
	padding-bottom:20px;
	color:#968768;
}
.planMenuArea .planOptionPriceArea .planMenuPhoto{
	margin-bottom:30px;
}
.planMenuArea .planOptionPriceArea{
	float:right;
	width:480px;
}
.planMenuArea .planOptionPriceArea .planOptionPrice{
	margin-bottom:30px;
}
.planMenuArea .planOptionPriceArea .planOptionPrice h3{
	font-weight:500;
	margin-bottom:15px;
	padding:0 0 0 15px;
	border-left:5px solid #001737;
}
.planMenuArea .planOptionPriceArea .planOptionPrice table{
	width:100%;
	margin-bottom:15px;
	border:3px solid #eeede4;
}
.planMenuArea .planOptionPriceArea .planOptionPrice table th,
.planMenuArea .planOptionPriceArea .planOptionPrice table td{
	padding:8px 15px;
	border-bottom:1px solid #eeede4;
}
.planMenuArea .planOptionPriceArea .planOptionPrice table td.cellTitle{
	border-right:1px solid #eeede4;
}
.planMenuArea .planOptionPriceArea .planOptionPrice table th{
	font-weight:bold;
	text-align:left;
	background:#eeede4;
}
.planMenuArea .planOptionPriceArea .planOptionPrice table td.tdPrice{
	text-align:right;
}
.planMenuArea .planOptionPriceArea .planOptionPrice .optionList li{
	margin-bottom:10px;
	padding-left:15px;
	background:url('../img/cct/plan/icon_option.png') no-repeat left 5px;
}
.planMenuArea .planOptionPriceArea .planOptionPrice table.optionCake td{
	padding:5px 15px;
}
.planMenuArea .planOptionPriceArea .planOptionPrice table.optionCake td.cellImage{
	line-height:1.0;
	width:155px;
	padding:0;
	vertical-align:bottom;
}
.planMenuArea .planOptionPriceArea .planOptionPrice .notice li{
	margin-left:1em;
	text-indent:-1em;
	font-size:12px;
	line-height: 1.5;
}
.planMenuArea .planOptionPriceArea .planOptionText{
	font-size:14px;
	line-height:1.7;
}
.planMenuArea .planOptionPriceArea .planOptionText p{
	display: inline;
	font-size:20px;
	line-height:1.5;
}
.planDiscraimerArea{
	overflow:hidden;
}
.planDiscraimerArea .planDiscraimer{
	float:left;
	width:690px;
	padding:15px 25px;
	border:1px solid #eee;
}
.planDiscraimerArea .planDiscraimer h3{
	font-weight:normal:;
	line-height:1.0;
	margin-bottom:10px;
	padding:5px 0 5px 10px;
	border-left:5px solid #001737;
}
.planDiscraimerArea .planDiscraimer ul{
	padding-left:15px;
}
.planDiscraimerArea .planDiscraimer li{
	font-size:12px;
	line-height:1.9;
	margin-left:1em;
	text-indent:-1em;
}
.planDiscraimerArea .planBtnArea{
	float:right;
	width:220px;
}
.planDiscraimerArea .planBtnArea a{
	display:block;
	margin-bottom:15px;
}
.planOptionPriceArea > img {
	margin-bottom: 30px;
}
.partyReservationRules {
	border: #eee solid 1px;
	margin-bottom: 80px;
	padding: 0 20px 15px;
}
.partyReservationRules > div{
	width: 470px;
}
.partyReservationRules > div h4{
	font-size: 15px;
	border-left: #0c1833 solid 5px;
	padding-left: 10px;
	margin-top: 15px;
}
.partyReservationRules > div ul,
.partyReservationRules > div p{
	padding-left: 15px;
	margin-top: 5px;
}
.partyReservationRules > div li{
	text-indent: -1em;
	padding-left: 1em;
}
.partyReservationRules > div li span{
	color: #aaa;
}

/* ----------------------------------------
  3-5. faq
---------------------------------------- */
.faqArea{
	margin-bottom:80px;
	padding-top:50px;
}
.faqTab ul{
	overflow:hidden;
}
.faqTab ul li{
	float:left;
	margin-left:15px;
}
.faqTab ul li a{
	font-size:16px;
	font-weight:normal;
	line-height:1.0;
	display:block;
	width:230px;
	height:30px;
	padding-top:15px;
	text-align:center;
	text-decoration:none;
	color:#fff;
	border-radius:8px 8px 0 0;
	background:#021836;
}
.faqTab ul li a.open{
	font-weight:bold;
	color:#021836;
	background:#f0efe9;
}
.faqBoxWrapper{
	padding:30px 30px 2px;
	background:#f0efe9;
}
.faqBoxWrapper .faqBox{
	display:none;
}
.faqBoxWrapper #faqBox1{
	display:block;
}
.faqBoxWrapper .faqBox ul li{
	margin-bottom:20px;
	padding:0 0 10px 10px;
	border-bottom:1px dotted #a09276;
}
.faqBoxWrapper .faqBox ul li:last-of-type{
	border-bottom:none;
}
.faqBoxWrapper .faqBox ul li dl dt{
	font-size:14px;
	padding:5px 0 15px 40px;
	background:url('../img/cct/faq/icon_q.png') no-repeat left top;
}
.faqBoxWrapper .faqBox ul li dl dd{
	font-size:14px;
	line-height:1.8;
	margin-left:40px;
	padding:2px 0 10px 37px;
	background:url('../img/cct/faq/icon_a.png') no-repeat left top;
}
.faqBoxWrapper .faqBox ul li dl dd a{
	color:#4598ca;
}
/*子供料金表*/
.faqBoxWrapper .faqBox .ChildFare {
	width: 100%;
	line-height: 1.2;
	text-align: center;
	background: #fff;
	border-left: #bbb solid 1px;
	border-top: #bbb solid 1px;
	margin: 15px 0;
	box-sizing: border-box;
}
.faqBoxWrapper .faqBox .ChildFare th,
.faqBoxWrapper .faqBox .ChildFare td
 {
	border-right: #bbb solid 1px;
	border-bottom: #bbb solid 1px;
	padding: 7px;
}
.faqBoxWrapper .faqBox .ChildFare th {
	background-color: #f2f2f2;
}
.faqBoxWrapper .faqBox .ChildFare td.price {
	padding: 7px 0px;
}
.faqBoxWrapper .faqBox .ChildFare td.tategaki,
.faqBoxWrapper .faqBox .ChildFare td.tekiyo {
	line-height: 1.6;
}
.faqBoxWrapper .faqBox .nowrap {
	white-space: nowrap;
}

/* ----------------------------------------
  3-6. gallery
---------------------------------------- */
.galleryTitle{
	margin-bottom:40px;
	text-align:center;
}
.galleryMovie{
	width:853px;
	margin:0 auto 80px;
}
.galleryPhoto ul{
	overflow:hidden;
	margin-left:0;
}
.galleryPhoto ul li{
	float:left;
	width:120px;
	margin:0 0 5px 5px;
}
.galleryPhoto h2{
	font-weight:normal;
	font-weight: 500;
	background-color:#e6e5da;
	color:#001737;
	line-height:40px;
	padding-left:30px;
	margin:0 0 5px 5px;
}
.galleryPhoto  h2 span{
	display:inline-block;
	vertical-align:middle;
}
#cboxTitle{margin:4px 0 0 5px; overflow:hidden;}
#cboxCurrent{font-size:10px; margin-left: 8px;}
#cboxClose{top:0; right:-32px;}
#cboxPrevious{left:8px;}
#cboxNext{left:35px;}

@media screen and (max-width:370px){
	#cboxTitle{font-size: 12px;}
}

p.galleryNote {
	font-size: 12px;
	text-align: right;
	margin: 0 10px;
}

@media screen and (max-width:450px){
	p.galleryNote {text-align: left;}
}

/* ----------------------------------------
  3-7. party
---------------------------------------- */
/* download */
.downloadArea table{
	width: 950px;
	margin: 0 25px;
	table-layout: fixed;
	box-sizing: border-box;
}
.downloadArea table td{
	width: 475px;
	font-size:15px;
	padding:15px 70px;
	border-top:1px dashed #aaa;
	box-sizing: border-box;
}
.downloadArea table td a.pdf{
	float:right;
}

/* ----------------------------------------
  3-8. reserve
---------------------------------------- */
#reserveArea{
	margin-bottom:100px;
}
#reserveArea h3{
	font-size:18px;
	font-weight:normal;
	line-height:40px;
	margin-top:50px;
	padding-left:30px;
	color:#001737;
	background-color:#e6e5da;
}
.reserveMessage{
	font-size:14px;
	line-height:1.8;
	padding:25px 30px;
}
.reserveMessage ul{
	margin-bottom:15px;
	margin-left:1em;
}
.reserveMessage h4{
	font-size:16px;
	margin-left:7px;
}
.reservieBox{
	font-size:14px;
	padding:25px 30px;
	border:#555 solid 1px;
	border-radius:6px;
}
.reservieBox p{
	font-size:16px;
	font-weight:bold;
	margin-bottom:15px;
}
.reservieBox ul{
	line-height:1.8;
	margin:0 0 1em 1em;
}
.ikkyu{
	display:inline-block;
	padding-left:1em;
	vertical-align:middle;
}
.ikkyu td{
	padding-right:5px;
	vertical-align:middle;
}
.ikkyu td a{
	color:#09c;
}

/* ----------------------------------------
  3-9. news
---------------------------------------- */
#topNews{
	margin-bottom:50px;
}
#topNews h3{
	font-size:22px;
	line-height:1.3;
	margin-bottom:5px;
	padding-top:5px;
	color:#001737;
}
#topNews ul{
	clear:both;
	border-top:2px dotted #ccc;
}
#topNews ul li{
	overflow:hidden;
	border-bottom:2px dotted #ccc;
}
#topNews ul li a{
	font-size:13px;
	position:relative;
	display:block;
	overflow:hidden;
	padding:18px 30px 18px 18px;
}
#topNews ul li a:after{
	font-size:11px;
	line-height:1.0;
	position:absolute;
	top:40%;
	right:10px;
	content:'>';
	transform:scale(1,1.3);
	vertical-align:middle;
}
#topNews ul li span{
	font-size:14px;
	display:block;
}
#topNews ul li span.date{
	float:left;
	width:90px;
	padding:3 0;
}
#topNews ul li span.newsTitle{
	padding-left:110px;
}
#topNews .topNewsMore{
	float:right;
	overflow:hidden;
	width:140px;
}
#topNews .topNewsMore a{
	font-size:12px;
	position:relative;
	display:block;
	padding:5px 10px 5px 10px;
	text-align:center;
	vertical-align:middle;
	color:#948766;
	border:1px solid #948766;
	background:#f3f4f0;
}
#topNews .topNewsMore a:after{
	position:relative;
	top:-2px;
	float:right;
	content:'>';
	transform:scale(1,1.3);
	vertical-align:middle;
}
.newsContent a{
	color:#09c;
}

/* ----------------------------------------
  3-10. corporate
---------------------------------------- */
.corporateTable a{
	color:#007ED2;
}
.corporateTable table{
	width:100%;
	margin:10px 0 0;
	border: 1px solid #545556;
}
.corporateTable table tr{
	font-size:14px;
}
.corporateTable table th{
	font-weight:500;
	width:148px;
	padding:12px 15px;
	border:1px solid #ccc;
	background-color:#f5f5f5;
}
.corporateTable table td{
	width:830px;
	padding:12px 15px 12px 40px;
	border:1px solid #ccc;
}
.corporateTable table .bdt{
	border-top: 1px solid #545556;
}
.corporateTable table .bdr{
	border-right: 1px solid #545556;
}
.corporateTable table .bdb{
	border-bottom: 1px solid #545556;
}
.corporateTable table .bdl{
	border-left: 1px solid #545556;
}
.corporatePrivacy p{
	font-size:14px;
	line-height:1.8em;
	margin-bottom: 65px;
}
.corporatePrivacy p span{
	display:block;
	float:right;
}
.corporatePrivacy dl{
	margin:20px 0;
}
.corporatePrivacy dl dt{
	font-size:17px;
	font-weight:bold;
	margin-bottom:7px;
}
.corporatePrivacy dl dd{
	font-size:14px;
}

/* ----------------------------------------
  3-11. Google for jobs 対応採用情報ページ
  22/09/28
---------------------------------------- */
/* 扉ページ */
.recruitMessage{
	font-size:15px;
	line-height:1.7;
	margin-bottom:30px;
	color:#001737;
}
.recruitClosed{
	font-size: 20px;
	font-weight: bold;
	color:#001737;
	margin:60px 0 80px;
}
.corporateRecruitTop h2 {
	font-size: 21px;
	margin-bottom: 15px;
}
.corporateRecruitTop .recruitList li {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 15px 15px 15px 30px;
	background-color: #f0efea;
	-webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.corporateRecruitTop .recruitList.off {
	opacity: 0.3;
}
.corporateRecruitTop .recruitList li p.occupation {
	width: 455px;
	color: #001737;
}
.corporateRecruitTop .recruitList li p.occupation span {
	font-size: 21px;
}
.corporateRecruitTop .recruitList li p.employmentType {
	width: 220px;
	line-height: 60px;
	text-align: center;
	color: #968768;
	border: #968768 solid 1px;
	border-radius: 4px;
	box-sizing: border-box;
}
.corporateRecruitTop .recruitList li p.linkDetail {
	width: 220px;
	height: 60px;
	line-height: 1.1;
	text-align: center;
	color: #fff;
	background-color: #968768;
	border-radius: 4px;
	box-sizing: border-box;
}
.corporateRecruitTop .recruitList li p.linkDetail .mt {
	display: inline-block;
	margin-top: 12px;
}
.corporateRecruitTop .recruitList li p.linkDetail .s {
	font-size: 14px;
}
.corporateRecruitTop .recruitList.on li p.linkDetail:hover {
	opacity: 0.6;
	transition: all 0.2s ease;
}
.corporateRecruitTop .recruitList li p.linkDetail a.btn {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
.corporateRecruitTop .recruitList li p.linkDetail a.btn:hover {
	text-decoration: none;
	opacity: 1;
}
/* 詳細ページ */
.corporateRecruitDetail table th,
.corporateRecruitDetail table td {
	border-color: #000;
}
.corporateRecruitDetail table  thead th {
	font-size: 21px;
	font-weight: bold;
	text-align: left;
	color: #fff;
	background-color: #968768;
	padding: 15px 25px; 
}
.corporateRecruitDetail table  thead th .s {
	font-size: 18px;
}
.corporateRecruitDetail table tbody th {
	border-right: none;
	background-color: #f0efea;
}
.corporateRecruitDetail table tbody td {
	border-left: none;
}

/* ----------------------------------------
  3-12. clubhouse/interior.html
---------------------------------------- */
.listMainArea h2{
	font-size:29px;
	line-height:1em;
	margin-bottom:24px;
	margin-left:2px;
	padding-left:21px;
	letter-spacing:0.05em;
	color:#001737;
}
:root .listMainArea h2{line-height:1.3em\0;}
.listMainArea h2{line-height:1.3em\9;}
.description1{
	font-size:15px;
	line-height:1.8;
	margin-bottom:20px;
	padding-left:25px;
	color:#001737;
}
.mapClubhouse{
	margin-bottom:80px;
	padding:20px 0 0 0;
}
.clubhouseImgList{
	overflow:hidden;
	margin-left:-40px;
}
.clubhouseImgList li{
	float:left;
	width:308px;
	margin:0 0 30px 38px;
}
.imgListTitle{
	font-size:18px;
	font-weight:bold;
	padding:12px 0 12px 40px;
	color:#555;
}
.clubhouseImgList>ul>li.nthChild1 .imgListTitle{background:url(../img/cct/clubhouse/interior/bg_01.png) 3px 8px no-repeat;}
.clubhouseImgList>ul>li.nthChild2 .imgListTitle{background:url(../img/cct/clubhouse/interior/bg_02.png) 0 8px no-repeat;}
.clubhouseImgList>ul>li.nthChild3 .imgListTitle{background:url(../img/cct/clubhouse/interior/bg_03.png) 0 8px no-repeat;}
.clubhouseImgList>ul>li.nthChild4 .imgListTitle{background:url(../img/cct/clubhouse/interior/bg_04.png) 3px 8px no-repeat;}
.clubhouseImgList>ul>li.nthChild5 .imgListTitle{background:url(../img/cct/clubhouse/interior/bg_05.png) 0 8px no-repeat;}
.clubhouseImgList>ul>li.nthChild6 .imgListTitle{background:url(../img/cct/clubhouse/interior/bg_06.png) 0 8px no-repeat;}

/* ----------------------------------------
  3-13. cruise/ladycrystal.html
---------------------------------------- */
.aboutLadyCristal{
	position:relative;
	padding:0 0 53px 80px;
}
.aboutLadyCristal li{
	position:relative;
}
.aboutLadyCristal .dataLadyCristal{
	font-size:18.5px;
	font-weight: bold;
	position:absolute;
	top:0;
	left:0;
	letter-spacing:-0.03em;
	color:#968768;
}
.aboutLadyCristal li>p{
	text-align:center;
}
.aboutLadyCristal li:nth-child(1)>p{
	padding:0 116px 15px 0;
}
.aboutLadyCristal li:nth-child(2)>p{
	padding:0 60px 0 0;
}
.aboutLadyCristal li:nth-child(3)>p{
	padding:7px 60px 0 0;
}
.aboutLadyCristal li:nth-child(4)>p{
	padding:3px 60px 0 0;
}
.aboutLadyCristal li:nth-child(5)>p{
	padding:14px 60px 0 0;
}
.aboutLadyCristal .descriptionTitle{
	font-size:15px;
	position:absolute;
	display:inline-block;
	padding:2px 9px 0;
	color:#968768;
	border:1px solid #968768;
}
.aboutLadyCristal li:nth-child(2)>.descriptionTitle{
	top:49px;
}
.aboutLadyCristal li:nth-child(3)>.descriptionTitle{
	top:69px;
}
.aboutLadyCristal li:nth-child(4)>.descriptionTitle{
	top:62px;
}
.aboutLadyCristal li:nth-child(5)>.descriptionTitle{
	top:41px;
}
.ladyCristalDetail{
	position:absolute;
	right:0;
	bottom:98px;
}
.ladyCristalDetail dl{
	overflow:hidden;
	border-bottom:1px solid #cbcccd;
}
.ladyCristalDetail dt{
	float:left;
	clear:left;
	box-sizing:border-box;
	width:80px;
	padding:6px 0 6px 22px;
	letter-spacing:0.03em;
	border-top:1px solid #cbcccd;
}
.ladyCristalDetail dd{
	float:left;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	width:165px;
	padding:6px 0 0 12px;
	border-top:1px solid #cbcccd;
}

/* ----------------------------------------
  3-14. cruise/course.html
---------------------------------------- */
.cruiseMap {
	max-width: 844px;
	margin: 0 auto 78px;
}
.cruiseMap img {
	width: 100%;
}
.courseImgList ul{
	overflow:hidden;
	margin-left:-14px;
}
.courseImgList li{
	float:left;
	width:310px;
	margin:0 0 30px 20px;
	padding:3px;
	border:1px solid #968768;
}
.courseImgList li img {
	width:100%;
}
.courseImgList .imgListTitle{
	font-size:20px;
	font-weight:bold;
	padding:12px 0 12px 42px;
	color:#968768;
}
.courseImgList .imgListTxt{
	font-size:14px;
	line-height:1.7em;
	padding:0px 0 10px 16px
}
.courseImgList>ul>li.nthChild1 .imgListTitle{background:url(../img/cct/cruise/course/bg_01.png) 13px 14px no-repeat;}
.courseImgList>ul>li.nthChild2 .imgListTitle{background:url(../img/cct/cruise/course/bg_02.png) 13px 14px no-repeat;}
.courseImgList>ul>li.nthChild3 .imgListTitle{background:url(../img/cct/cruise/course/bg_03.png) 13px 14px no-repeat;}
.courseImgList>ul>li.nthChild4 .imgListTitle{background:url(../img/cct/cruise/course/bg_04.png) 13px 14px no-repeat;}
.courseImgList>ul>li.nthChild5 .imgListTitle{background:url(../img/cct/cruise/course/bg_05.png) 13px 14px no-repeat;}
.courseImgList>ul>li.nthChild6 .imgListTitle{background:url(../img/cct/cruise/course/bg_06.png) 13px 14px no-repeat;}
.courseImgList>ul>li.nthChild7 .imgListTitle{background:url(../img/cct/cruise/course/bg_07.png) 13px 14px no-repeat;}
.courseImgList>ul>li.nthChild8 .imgListTitle{background:url(../img/cct/cruise/course/bg_08.png) 13px 14px no-repeat;}
.courseImgList>ul>li.nthChild9 .imgListTitle{background:url(../img/cct/cruise/course/bg_09.png) 13px 14px no-repeat;}

/* ----------------------------------------
  3-15. cuisine
---------------------------------------- */
.boxCuisine{
	overflow:hidden;
	margin-bottom:70px;
}
.boxCuisine h2.planListTitle{
	font-size:24px;
	font-weight:bold;
	margin-bottom:30px;
	padding:2px 0 2px 25px;
	border-radius:0;
}
.boxCuisine h2.planListTitle small{
	margin:0 18px;
}
.boxCuisine .boxTxt{
	float:left;
	width:285px;
	margin-bottom:70px;
}
.boxCuisine .boxTxt h3{
	font-size:18px;
	font-weight:normal;
	margin-bottom:35px;
	padding:15px 0 0;
}
.boxCuisine .boxTxt p{
	font-size:14px;
	line-height:1.6em;
	margin-bottom:8px;
}
.boxCuisine .boxImg{
	float:right;
}
.boxCuisine .boxImg img{
	margin-left:16px;
}
.boxCuisine#boxchef .boxTxt{
	margin:0 0 0 40px;
}
.boxCuisine#boxchef .boxTxt h3{
	font-size:22px;
	margin-bottom:10px;
	padding:0 0 0 0;
}
.boxCuisine#boxchef .boxTxt h3 span{
	font-size:15px;
	padding:0 15px 0 0;
	vertical-align:middle;
}
.boxCuisine#boxchef .boxTxt p{
	font-size:13px;
	line-height:1.7em;
	width:450px;
}
.boxCuisine#boxchef .boxImg{
	float:left;
}
.boxCuisine#boxchef .boxImg img{
	margin:0;
}

/* ----------------------------------------
  3-16. gift
---------------------------------------- */
.boxGift {
	padding-top: 180px;
	margin-top: -120px;
}
.boxGift .box1{
	float:right;
	width:740px;
}
.boxGift .box2 h4{
	font-size:16px;
	padding:40px 0 0 0;
}
.boxGift .box2 .notice li{
	margin:0 0 1px 1em;
	margin-left:1em;
	text-indent:-1em;
}
.boxGift .box2{
	float:left;
	width:235px;
}
.tableGiftCard{
	margin-bottom:20px;
	border:1px solid #eee;
}
.boxGift .planListTitle{
	font-size: 24px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
	padding: 8px 0 8px 28px;
}
.tableGiftCard tr>td{
	padding:0 10px;
}
.tableGiftCard tr>td:first-child{
	width:540px;
	padding:0 20px; 
	border-right:1px solid #eee;
}
.tableGiftCard .listGiftCard li{
	padding:15px 0;
	border-bottom:1px solid #eee;
}
.tableGiftCard .listGiftCard li:last-child{
	border:none;
}
.tableGiftCard .notice li{
	font-size:12px;
	line-height:1.6em;
	margin-top:19px;
	margin-left:1em;
	text-indent:-1em;
}
.tableGiftCard h3.engFont2 {
	font-size: 25px;
	line-height: 1.15;
	font-weight: normal;
}
.tableGiftCard .listGiftCard li>p{
	font-size:17px;
	line-height:1;
	margin:3px 0 20px;
}
.tableGiftCard .listGiftCard li dl{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	line-height:17px;
}
.tableGiftCard .listGiftCard li dl + dl {
	margin-top: 6px;
}
.tableGiftCard .listGiftCard li dt{
	font-size:13px;
	font-weight: bold;
	display:inline-block;
	width:46px;
	margin:0 10px 0 0;
	text-align:center;
	color:#fff;
	background:#999;
	align-self: flex-start;
	flex-shrink: 0;
}
.tableGiftCard .listGiftCard li dd{
	font-size:14px;
}
.boxGift>p{
	font-size:14px;
	line-height:1.7em;
	margin-bottom:25px;
}
.boxGift h2.planListTitle small{
	font-size:13px;
	margin:0;
	margin-left:20px;
}
.listGift>ul{
	overflow:hidden;
}
.listGift>ul>li{
	float:left;
	overflow:hidden;
	margin-bottom:30px;
}
.listGift>ul>li.listEven{
	float:right;
}
.listGift .boxTxt{
	float:left;
	width:240px;
	margin-left:20px;
}
.listGift .boxTxt h3{
	font-size:16px;
	margin-bottom:7px;
}
.listGift .boxTxt p{
	font-size:14px;
	line-height:1.75em;
	padding-left:10px;
}
.listGift .boxImg{
	float:left;
}
.notice li{
	font-size:16px;
	line-height:1.3em;
}
li.messagePlate{
	padding:47px 23px 0 0;
}
li.messagePlate h3{
	font-size:16px;
	margin-bottom:12px;
	color:#968768;
}
.boxCurry{
	margin-bottom:25px;
}
.listGift .boxTxt .boxCurry h3{
	margin:0;
}

/* ----------------------------------------
  3-17. welcome/index.html
---------------------------------------- */
.container .listBottomMenu ul{
	width:100%;
	margin-bottom:40px;
}
.container .listBottomMenu ul li{
	display:inline-block;
	width:32%;
	margin-right:15px;
}
.container .listBottomMenu ul li.lastChild{margin-right:0;}
.container .listBottomMenu ul li a{
	font-size:13px;
	line-height:1.3;
	position:relative;
	display:block;
	padding:12px 40px 11px 12px;
	color:#fff;
	background-color:#968768;
}
.container .listBottomMenu>ul>li a:hover,
.container .listBottomMenu>ul>li.current a{
	text-decoration:none;
	background:#000;
	background-color:#dad6cb;
}
.container .listBottomMenu>ul>li a:after{
	font-size:10px;
	position:absolute;
	top:33%;
	right:13px;
	content:'>';
	transform:scale(1,1.3);
}
.container .welcomeReadArea img{
	display:block;
	margin:0 auto;
}
.container .welcomeReadArea p{
	font-size:17px;
	line-height:2.2em;
	margin:0 0 4%;
	text-align:center;
	color: #001737;
}

/* ----------------------------------------
	3-18. welcome/appeal.html
---------------------------------------- */
.appealMainArea .appeal01{
	position:relative;
	float:left;
	width:470px;
	height:470px;
	margin-bottom:40px;
	background:url('../img/cct/welcome/appeal/icon_1.png') no-repeat 32px 37px #F0EFE9;
}
.appealMainArea .appeal02{
	position:relative;
	float:right;
	width:470px;
	height:470px;
	margin-bottom:40px;
	background:url('../img/cct/welcome/appeal/icon_2.png') no-repeat 30px 260px #F0EFE9;
}
.appealMainArea .appeal03{
	position:relative;
	float:left;
	width:470px;
	height:470px;
	margin-bottom:40px;
	background:url('../img/cct/welcome/appeal/icon_3.png') no-repeat 32px 34px #F0EFE9;
}
.appealMainArea .appeal04{
	position:relative;
	float:right;
	width:470px;
	height:470px;
	margin-bottom:40px;
	background:url('../img/cct/welcome/appeal/icon_4.png') no-repeat 30px 260px #F0EFE9;
}
.appealMainArea .appeal05{
	position:relative;
	float:left;
	width:470px;
	height:470px;
	margin-bottom:40px;
	background:url('../img/cct/welcome/appeal/icon_5.png') no-repeat 32px 34px #F0EFE9;
}
.appealMainArea .appeal06{
	position:relative;
	float:right;
	width:470px;
	height:470px;
	margin-bottom:40px;
	background:url('../img/cct/welcome/appeal/icon_6.png') no-repeat 30px 260px #F0EFE9;
}
.appealMainArea .appeal01 .boxImg,
.appealMainArea .appeal03 .boxImg,
.appealMainArea .appeal05 .boxImg{
	position: absolute;
	bottom: 0;
}
.appealMainArea h2{
	font-size:18px;
	line-height:1.5em;
	font-weight: 500;
	margin-bottom:20px;
}
.appealMainArea p{
	font-size:14px;
}
.appealMainArea .readTop{
	position:absolute;
	top:35px;
	left:90px;
}
.appealMainArea .readBottom{
	position:absolute;
	bottom:30px;
	left:90px;
}

/* ----------------------------------------
  3-19. welcome/history.html
---------------------------------------- */
.historyMainArea{
	overflow:hidden;
}
.historyMainArea h2{
	font-size:26px;
	margin-bottom:30px;
	padding:3px 0 4px 17px;
	color:#001737;
	background:#e6e5da;
}
.historyMainArea h2 span{
	font-size:14px;
	margin-left:20px;
}
.historyMainArea h3{
	font-size:18px;
	margin-bottom:20px;
}
.historyMainArea .pictBox{
	float:left;
	width:409px;
}
.historyMainArea .pictBox p{
	line-height:1.7em;
	width:330px;
}
.historyMainArea  img{
	margin-bottom:40px;
}

/* ----------------------------------------
  3-20. welcome/access.html
---------------------------------------- */
.accessMapArea {
	padding-bottom: 60px;
}
.accessMapArea .rightMenu {
	width: 225px;
	overflow: hidden;
}
.accessMapArea .rightMenu .address {
	margin-bottom: 25px;
}
.accessMapArea .rightMenu li a {
	padding: 12px 20px 12px 12px;
}
.accessMapArea .rightMenu li a::after {
	font-size:10px;
	content:'>';
	transform:scale(1,1.5);
	top:33%;
}
.accessMainArea h2{
	font-size:20px;
	font-weight: 500;
	padding:5px 0 5px 17px;
	color:#001737;
}
.accessMainArea img{
	display:block;
	margin:0 auto;
}
.accessMainArea .useArea{
	font-size:14px;
	margin-bottom:30px;
}
.accessMainArea .useArea .useTxt{
	margin-top:20px;
}
.accessMainArea .useArea .bold{
	font-weight:bold;
}
.accessMainArea .accessHow{
	margin-top:20px;
	margin-left:120px;
}
.accessMainArea .accessHow img{
	display:inline-block;
}
.accessMainArea .useTrain{
	padding-left:60px;
	background:url('../img/cct/welcome/access/use_train.png') no-repeat 13px center;
	background-color:#e6e5da;
}
.accessMainArea .useBus{
	padding-left:60px;
	background:url('../img/cct/welcome/access/use_bus.png') no-repeat 13px center;
	background-color:#e6e5da;
}
.accessMainArea .useCar{
	padding-left:60px;
	background:url('../img/cct/welcome/access/use_car.png') no-repeat 13px center;
	background-color:#e6e5da;
}

/* ----------------------------------------
  3-21. news詳細
---------------------------------------- */
#newsArea{
	min-height:500px;
	border-top:1px dotted black;
}
#newsArea .newsHeadline{
	margin-top:25px;
	margin-bottom:25px;
}
#newsArea .newsImage{
	float:right;
	width:400px;
	margin-bottom:25px;
	margin-left:25px;
}
#newsArea .newsTitle{
	font-size:22px;
	margin-bottom:5px;
}
#newsArea .newsContent{
	font-size:14px;
	line-height:170%;
	margin-bottom:5em;
}

/* ----------------------------------------
  3-22. party/cuisine.html
---------------------------------------- */
.partyPdfBtn {
	display: block;
	width: 158px;
	margin-top: 12px;
}
.boxCuisine>h3{
	margin-bottom:20px;
	padding:0 0 6px 29px;
	border-top:1px solid #968768;
	border-bottom:1px solid #968768;
}
.boxCuisine.partyCuisine{
	margin-bottom:0;
}
.boxCuisine.partyCuisine .planListTitle{
	font-size:20px;
	font-weight:500;
	margin-bottom:30px;
	padding:5px 0 5px 27px;
}
.boxCuisine.partyCuisine>p{
	font-size:14px;
	line-height:1.75em;
	margin-bottom:60px;
}
.boxCuisine.partyCuisine .boxTxt{
	float:right;
	width:495px;
	margin-bottom:35px;
}
.boxCuisine.partyCuisine .boxTxt h4{
	font-size:15px;
	margin-bottom:10px;
	color:#968768;
}
.boxCuisine.partyCuisine .boxTxt h4 .price{
	font-size:16.6px;
	letter-spacing:-0.05em;
}
.boxCuisine.partyCuisine .boxTxt ul{
	margin:0 0 22px 0;
	padding-left: 15px;
}
.boxCuisine.partyCuisine .boxTxt ul li{
	line-height:1.25em;
	margin:0 0 8px;
	color:#000;
}
.boxCuisine.partyCuisine .boxTxt ul.buffet{
	border-bottom: 1px dotted #cac3b3;
}
.boxCuisine.partyCuisine .boxTxt ul.buffet ul{
	margin: 0;
	padding: 0;
}
.boxCuisine.partyCuisine .boxTxt ul.buffet li.rei{
	float: left;
	width: 270px;
}
.boxCuisine.partyCuisine .boxTxt ul.buffet li.on{
	float: left;
}
.boxCuisine.partyCuisine .boxTxt ul.buffet li h5{
	font-size: 13px;
	margin-bottom: 8px;
}
.boxCuisine.partyCuisine .boxTxt a.btnGradient {
	width: 320px;
	max-width: 100%;
	margin-bottom: 20px;
}
.boxCuisine.partyCuisine .boxTxt ul.note{
	margin:30px 0;
	padding-left: 0;
}
.boxCuisine.partyCuisine .boxTxt ul.note li{
	text-indent: -1.1em;
	padding-left: 1.1em;
	margin-bottom: 8px;
	color: #555;
}
.boxCuisine.partyCuisine .boxTxt ul.note li span{
	color: #999;
}
.boxCuisine.partyCuisine .boxImg{
	float:left;
	width:480px;
	margin-bottom:35px;
}
.boxCuisine.partyCuisine .boxImg img{
	max-width: 100%;
	margin:0;
}
.boxCuisine.partyCuisine .boxImg .alignright{
	font-size:13px;
	margin-bottom:11px;
}
.boxCuisine.partyCuisine .boxImg p{
	font-size:14px;
	line-height:1.75em;
    width: 92%;
    margin-left: 15px;
    margin: 0 4%;
}
.boxCuisine.partyCuisine .boxImg li {
	text-indent: -1.1em;
	padding-left: 1.1em;
	margin-bottom: 3px;
}
.boxCuisine.partyCuisine .boxImg li span.f10 {
	font-size: 10px;
	color: #999;
}
.boxCuisine.partyCuisine
.boxTxt p{
	margin-left:15px;
}

/* ----------------------------------------
  3-23. party/point.html
---------------------------------------- */
.listPoint li .pointTitle {
	font-size:20px;
	margin-bottom:21px;
	padding:26px 0 6px 148px;
	color:#968768;
	border-bottom:1px solid #968768;
	background-repeat: no-repeat;
	background-position: 18px 1px;
}
.listPoint li.nthChild1 .pointTitle { background-image:url(../img/cct/party/point/bg_point_01.png); }
.listPoint li.nthChild2 .pointTitle { background-image:url(../img/cct/party/point/bg_point_02.png); }
.listPoint li.nthChild3 .pointTitle { background-image:url(../img/cct/party/point/bg_point_03.png); }
.listPoint li.nthChild4 .pointTitle { background-image:url(../img/cct/party/point/bg_point_04.png); }
.listPoint li.nthChild5 .pointTitle { background-image:url(../img/cct/party/point/bg_point_05.png); }
.listPoint li.nthChild6 .pointTitle { background-image:url(../img/cct/party/point/bg_point_06.png); }
.listPoint li .boxTxt{
	float:left;
	width:610px;
	margin:0 0 35px 150px;
}
.listPoint li .boxTxt ul li{
	font-size:14.5px;
	line-height:1.6;
	margin:0 0 2px 1em;
	text-indent:-1em;
	letter-spacing:-0.03em;
}
.listPoint li .boxImg{
	float:right;
	width:220px;
}
.listPoint li .boxImg img {
	max-width: 100%;
}

/* ----------------------------------------
  3-24. story
---------------------------------------- */
.storyReadArea{
	padding:0 30px;
}
.storyReadArea .titleImg{
	display:block;
	margin:40px auto;
}
.storyReadArea .pictBoxLeft{
	overflow:hidden;
}
.storyReadArea .pictBoxRight{
	overflow:hidden;
}
.storyReadArea .pictBoxLeft .mainPict{
	float:left;
	width:470px;
}
.storyReadArea .pictBoxLeft p{
	font-size:14px;
	font-size:14px;
	line-height:1.8;
	width:350px;
	color:#001737;
}
.storyReadArea .pictBoxLeft p img{
	display:block;
	margin:0 0 40px 0;
}
.storyReadArea .pictBoxLeft p span{
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	text-align:left;
	color:#958667;
	border-bottom:1px solid #000;
}
.storyReadArea .pictBoxRight .mainPict{
	float:right;
	width:470px;
}
.storyReadArea .pictBoxRight p{
	font-size:14px;
	font-size:14px;
	line-height:1.8;
	width:350px;
	margin-left:80px;
	color:#001737;
}
.storyReadArea .pictBoxRight p img{
	display:block;
	margin:0 0 40px 0;
}
.storyReadArea .pictBoxRight p span{
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	text-align:right;
	color:#958667;
	border-bottom:1px solid #000;
}
.storyReadArea .story01{
	float:right;
	margin-right:80px;
	padding:240px 0 0 0;
}
.storyReadArea .story02,
.storyReadArea .story04,
.storyReadArea .story02,
.storyReadArea .story06{
	margin:0 40px 0 0;
	padding:80px 0 0 0;
}
.storyReadArea .subTxt02,
.storyReadArea .subTxt04,
.storyReadArea .subTxt02,
.storyReadArea .subTxt06{
	text-align:right;
}
.storyReadArea .story03,
.storyReadArea .story05,
.storyReadArea .story07{
	float:right;
	margin-right:80px;
	padding:80px 0 0 0;
}
.storyReadArea .subTxt02{
	padding-top:50px;
}
.storyReadArea .subTxt03{
	padding-top:50px;
}
.storyReadArea .subTxt04{
	padding-top:50px;
}
.storyReadArea .subTxt05{
	padding-top:50px;
}
.storyReadArea .subTxt07{
	padding-top:50px;
}
.storyReadArea .subTxt03,
.storyReadArea .subTxt05,
.storyReadArea .subTxt07{
	float:right;
	margin-right:80px;
}

/* ----------------------------------------
  3-25. request
---------------------------------------- */
.requestMainArea{
	margin-bottom:70px;
}
.requestMainArea h2{
	font-size:26px;
	margin-bottom:30px;
	padding:3px 0 4px 17px;
	color:#001737;
	background:#e6e5da;
}
.requestMainArea h2 span{
	font-size:14px;
	margin-left:20px;
}
.requestMainArea .pointArea{
	float:left;
	width:558px;
}
.requestMainArea .pointBold h3{
	font-size:16px;
	font-weight:bold;
}
.requestMainArea .pointBold h3 span{
	color:#999;
}
.requestMainArea .pointBold small{
	font-size:13px;
	font-weight:normal;
	display:inline-block;
	margin-right:12px;
	margin-left:9px;
	padding:0 5px;
	color:#fff;
	background-color:#999;
}
.requestMainArea .pointBold p{
	margin:10px 0 10px 22px;
}
.requestMainArea .pointBold .innerRead{
	font-size:14px;
	font-weight:normal;
	line-height:2em;
}
.requestTable a{color:#007ED2;}

.requestTable table{
	width:100%;
	margin:10px 0 0;
}
.requestTable table tr{
	font-size:14px;
}
.requestTable table th{
	font-weight:normal;
	width:170px;
	padding:11px 15px;
	border:1px solid #ccc;
	background-color:#f5f5f5;
}
.requestTable table td{
	width:830px;
	padding:11px 15px 11px 40px;
	border:1px solid #ccc;
}
.requestTable table td a{
	margin-right:20px;
}

/* ----------------------------------------
  3-26. party/price.html
---------------------------------------- */
.partyPriceBtnPdf {
	margin: 10px 0 15px;
	width: 158px;
}
.boxPrice h2.planListTitle{
	font-size:20px;
	font-weight:bold;
	margin-bottom:17px;
	margin-top: 60px;
	padding-left:35px;
}
.boxPrice table{
	width:100%;
	margin-bottom:20px;
	border:1px solid #000;
}
.boxPrice thead th{
	background:#999;
	color: #fff;
	text-align: left;
	padding-left: 35px;
}
.boxPrice th{
	font-size:14px;
	line-height:1.3em;
	border:1px solid #ddd;
	background:#f6f6f6;
}
.boxPrice th .textSub{
	font-size:12px;
	line-height:1.2em;
	display:block;
}
.boxPrice td{
	border:1px solid #ddd;
}
.boxPrice .noBorder {
	border-left: none;
	border-right: none;
}
.boxPrice .bdt{
	border-top:1px solid #000;
}
.boxPrice .bdr{
	border-right:1px solid #000;
}
.boxPrice .bdb{
	border-bottom:1px solid #000;
}
.boxPrice .bdl{
	border-left:1px solid #000;
}
.boxPrice th h3{
	font-size:19px;
	padding:14px 0;
}
.boxPrice th h4{
	font-size:16px;
	padding:14px 0;
	text-align:center;
}
.boxPrice>ul{
	margin-bottom:25px;
}
.boxPrice>ul li{
	padding-top:3px;
}
.boxPrice th.cellPrice{
	line-height:1em;
	width:20px;
	padding:7px;
}
.txtBlue{
	color:#0075b0;
}
.boxPrice .col90{
	width:90px;
}
.boxPrice .col79{
	width:79px;
}
.boxPrice .col128{
	width:128px;
}
.boxPrice .col134{
	width:134px;
}
.boxPrice .col155{
	width:155px;
}
.boxPrice .col170{
	width:170px;
}
.boxPrice .col233{
	width:233px;
}
.boxPrice .col250{
	width:250px;
}
.boxPrice .col410{
	width:410px;
}
.boxPrice .col33333{
	width:33.333%;
}
.boxPrice td{
	font-size:14px;
	padding:8px 0;
}
.boxPrice td.p13{
	padding:13px 15px 13px 25px ;
}
.boxPrice td.pl30{
	padding-left:30px;
}
.boxPrice td.pl120{
	padding-left:120px;
}
.boxPrice td.pl100{
	padding-left:100px;
}
.boxPrice td.pl75{
	padding-left:75px;
}
.boxPrice td.pl45{
	padding-left:45px;
}
.boxPrice td.pl95{
	padding-left:95px;
}
.boxPrice td.pl228{
	padding-left:228px;
}
.boxPrice td.pl210{
	padding-left:210px;
}
.boxPrice .price{
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
.boxPrice .notice{
	margin-bottom:0;
}
.boxPrice .notice li{
	font-size:14px;
	line-height:1.1;
	margin-left:1em;
	padding-top:4px;
	text-indent:-1em;
}
.boxPrice .total{
	font-size:18px;
	color:#0069bf;
}
.indentation{
	margin-left:1.4em;
	text-indent:-1.4em;
}
.boxPrice .total th span{
	font-size:16px;
}
.boxPrice .total .price{
	font-size:18px;
}
.boxPrice .total .price span{
	font-size:14px;
}
.boxPrice .price span{
	font-size:12px;
}
.boxPrice td dl{
	overflow:hidden;
}
.boxPrice td dt{
	line-height:1.75;
	float:left;
	clear:both;
}
.boxPrice td dt.w205{
	width:205px;
}
.boxPrice td dt.w215{
	width:215px;
}
.boxPrice td dt.w220{
	width:220px;
}
.boxPrice td dt.w230{
	width:230px;
}
.boxPrice td dt.w155{
	width:155px;
}
.boxPrice td dt.w145{
	width:145px;
}
.boxPrice td dt.w140{
	width:140px;
}
.boxPrice td dt.w160{
	width:160px;
}
.boxPrice td dd{
	line-height:1.75;
	float:left;
}
.boxPrice th.bg_blue {
	background-color:#dfe3f0;
}
.boxPrice td.bg_blue {
	background-color:#f2f4fa;
}
.boxPrice th.bg_beige {
	background-color:#eeefdf;
}
.boxPrice td.bg_beige {
	background-color:#fdfdf5;
}
.boxPrice>p.day.alignright{
	margin-bottom: 40px;
}
.priceLead{
	font-size:16px;
	padding:12px 0;
}
.boxPrice .priceLead{
	margin-top:-10px;
}
.tableOption td{
	font-size:13px;
}
.tableOption th{
	font-size:14px;
	vertical-align:top;
}
.tableOption th,
.tableOption td{
	padding:6px 0;
}
.headingReserve{
	font-size:16px;
	margin-bottom:5px;
}
.boxPayee{
	margin: 0 auto 25px;
	padding:18px;
	background:#ebebe1;
	text-align: center;
}
.boxPayee dt{
	font-size:18px;
	margin-bottom:5px;
}
.boxPayee dd{
	font-size:20px;
	font-weight:bold;
	margin-bottom: 10px;
}
.boxPrice .tableCancel {
	margin: 10px 0;
}
.boxPrice .tableCancel td{
	font-size:13px;
	padding:7px 0;
	text-align:center;
}
.boxPrice .tableCancel th h3{
	font-size:14px;
	padding:7px 0;
	text-align:center;
}
.boxPrice p.leadCancel {
	font-size: 16px;
	margin: 25px 0;
}
.boxPrice table.CancelPolicy {
	margin-bottom: 45px;
}
.boxPrice table.CancelPolicy th {
	font-size: 14px;
	border-left: #000 solid 1px;
	border-right: #000 solid 1px;
	padding: 10px;
	vertical-align: top;
}
.boxPrice table.CancelPolicy td {
	border-right: #000 solid 1px;
	padding-left: 20px;
	padding-right: 10px;
}
.boxPrice ul.noteCancel {
	margin-bottom: 45px;
}
.boxPrice ul.noteCancel li {
	text-indent: -1em;
	padding-left: 1em;
}
p.endTxt {
	margin-bottom: 20px;
}

/* ----------------------------------------
  3-27. party/venue.html
---------------------------------------- */
.boxVenue.shipIntro {
	margin: 0 0 60px;
}
.boxVenue.shipIntro p.txt {
	font-size: 16px;
	font-weight: 500;
	margin: 0 0 20px;
}
.boxVenue .boxImg.w480 {
	width: 480px;
}
.boxVenue .Imglist li.w308 {
	width: 308px;
}
.boxVenue img {
	max-width: 100%;
	vertical-align: bottom;
}
.boxVenue .cuisineData {
	margin: 3px 0;
}
.boxVenue .cuisineData li {
	margin-bottom: 3px;
}

.boxVenue>.clearfix{
	margin-bottom:18px;
}
.boxVenue .planListTitle{
	font-size:20px;
	font-weight: 500;
	padding:5px 0 5px 30px;
}
.boxVenue .boxTxt{
	float:left;
	width:760px;
}
.boxVenue .boxTxt p{
	font-size:15px;
	line-height:1.6;
}

.boxVenue .boxSet {
	margin-bottom: 18px;
}
.boxVenue .boxTxt2{
	width:480px;
}
.boxVenue .boxTxt2 dl {
	margin: 0 0 22px;
	border-bottom:1px solid #ddd;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.boxVenue .boxTxt2 dt {
	width: 25%;
	font-size:12px;
	font-weight: bold;
	font-weight: 600;
	padding:5px 0 6px 25px;
	border-top:1px solid #ddd;
	box-sizing: border-box;
}
.boxVenue .boxTxt2 dd {
	width: 75%;
	font-size:12px;
	padding:5px 0;
	border-top:1px solid #ddd;
	box-sizing: border-box;
}
.boxVenue .btnGradient{
	float:right;
}
.boxVenue .btnGradient + .btnGradient {
	margin-top: 10px;
}
.btnGradient{
	font-size:17px;
	font-weight:bold;
	line-height:39px;
	display:block;
	width:220px;
	height:39px;
	text-align:center;
	color:#948766;
	border:1px solid #948766;
	border-radius:3px;
	background:-webkit-linear-gradient(top,  #fff 20%,#e8e5dc 100%);
	background:linear-gradient(to bottom,  #fff 20%,#e8e5dc 100%);
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
}
.btnGradient:hover{
	text-decoration:none;
	opacity:0.6;
}
.boxVenue .boxImg .innerLink{
	padding-top:25px;
}
.boxVenue .boxImg .innerLink li {
	width:230px;
	margin-right: 0;
}
.boxVenue .boxTxt2 .innerLink li {
	margin-right: 0;
}
.areaRayout .col1{
	float:left;
}
.areaRayout .col2{
	float:right;
}
.areaRayout .box1{
	width:480px;
	margin-bottom:20px;
}
.box1Body h5{
	font-size:13px;
	margin-bottom:3px;
}
.areaRayout{
	overflow:hidden;
	margin-bottom:70px;
	padding-top:12px;
}
.areaRayout>h3{
	margin-bottom:5px;
}
.box1 .btnPdf{
	font-size:11px;
	position:relative;
	margin:0 0 0 13px;
	padding:3px 21px 3px 15px;
	color:#928765;
	border:1px solid #928765;
	border-radius:15px;
	background:#f5f4ed;
}
.box1 .btnPdf::after{
	position:absolute;
	font-size:12px;
	top:2px;
	right:7px;
	content:'>';
}
.areaRayout .box1Body{
	padding:10px 0 10px 20px;
	border:1px solid #e4e6e4;
}
.areaRayout .box1 h4{
	font-size:14px;
	padding:5px 0 5px 19px;
	background:#efefec;
}
.box1WrapCol3{
	overflow:hidden;
}
.box1WrapCol3 .box1{
	float:left;
	width:333px;
	margin-bottom:10px;
}
.box1WrapCol3 .box1Body{
	min-height:95px;
	border-right:none;
}
.box1WrapCol3 .box1:last-child .box1Body{
	border-right:1px solid #e4e6e4;
}
.box1WrapCol3 .box1 li{
	margin-bottom:2px;
}
.Imglist{
	overflow:hidden;
}

.Imglist li{
	float:left;
	width:308px;
	margin-right:38px;
}
.Imglist li:last-child{
	margin-right:0;
}
.Imglist li p{
	font-weight:bold;
	text-align:right;
}
#clubhouseRoom.boxVenue>.clearfix{
	margin-bottom:25px;
}
.boxVenue table{
	width:100%;
}
#clubhouseRoom.boxVenue table{
	margin-bottom:22px;
}
.boxCol1{
	float:right;
	width:223px;
}
.boxCol1 .btnGradient{
	float:none;
	margin-bottom:30px;
}
.boxTxt2 .innerLink li{
	float:right;
}
#clubhouseRoom .box1WrapCol3 .box1Body{
	min-height:110px;
}
#charterCruise .boxTxt2 p{
	font-size:15px;
	margin-bottom:20px;
}
/* 会場のご案内の下層ナビゲーション */
.underVenueLink {
	margin: 60px 0 40px;
	display: -webkit-flex;
  	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.underVenueLink li {
	width: 30.5%;
	height: 130px;
	background-repeat: none;
	background-position: center;
	background-size: cover;
	border-radius: 5px;
}
.underVenueLink li.ladycrystal {
	background-image: url(../img/cct/party/nav_ladycrystal.jpg);
}
.underVenueLink li.course {
	background-image: url(../img/cct/party/nav_course.jpg);
}
.underVenueLink li.interior {
	background-image: url(../img/cct/party/nav_interior.jpg);
}
.underVenueLink li a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	letter-spacing: 0.05em;
	color: #fff;
	text-decoration: none;
	background-color: rgba(0,0,0,0.3);
	text-shadow: 0 0 5px rgba(0,0,0,0.6);
	border-radius: 5px;
	transition: 0.3s linear;
}
.underVenueLink li a:hover {
	background-color: rgba(0,0,0,0);
}
.underVenueLink li a span {
	display: block;
	line-height: 1.3;
}
.underVenueLink li a .en {
	font-size: 27px;
	padding-top: 36px;
}
.underVenueLink li a .jp {
	font-size: 15px;
	font-weight: 500;
}
/* クルージングマップ */
.boxVenue.cruisingMap {
	margin: 0 0 90px;
	font-size: 15px;
}
.boxVenue.cruisingMap .mapTitle {
	font-size: 20px;
	font-weight: 500;
	color: #111d39;
	margin: 0 0 20px;
}
.boxVenue.cruisingMap p.txt {
	margin: 0 0 5px;
}
.boxVenue.cruisingMap dl.abcCourse dt {
	float: left;
	clear: left;
	padding: 0 15px;
	margin: 5px 15px 5px 0;
	color: #fff;
}
.boxVenue.cruisingMap dl.abcCourse dt.a {
	color: #000;
	background-color: #ff0;
}
.boxVenue.cruisingMap dl.abcCourse dt.b {
	background-color: #0f7735;
}
.boxVenue.cruisingMap dl.abcCourse dt.c {
	background-color: #bd385d;
	margin-bottom: 10px;
}
.boxVenue.cruisingMap dl.abcCourse dd {
	float: left;
	margin: 5px 0;
}
.boxVenue.cruisingMap dl.abcCourse dt.c + dd {
	margin-bottom: 10px;
}
.boxVenue.cruisingMap p.note {
	margin: 0 0 30px;
	text-indent: -1em;
	padding-left: 1em;
}
.boxVenue.cruisingMap .map {
	width: 882px;
	margin: 0 0 50px;
}
.boxVenue.cruisingMap .wrap3h {
    -webkit-align-items: center;
    align-items: center;
}
.boxVenue.cruisingMap .course3h {
	width: 390px;
}
.boxVenue.cruisingMap .course3h dt {
	display: inline-block;
	font-weight: 500;
	padding: 0 15px;
	margin: 0 0 15px;
	color: #fff;
	background-color: #f583f5;
	/*border: #f56af5 solid 1px;*/
}
.boxVenue.cruisingMap .course3h dd {
	line-height: 1.7;
}
.boxVenue.cruisingMap .map3h {
	width: 560px;
}

@media screen and (max-width:768px){

	/* ----------------------------------------
  	  3-2. plan/index.html
	---------------------------------------- */
	#planSearch{
		margin-bottom:10px;
	}
	#planAllBtn{
		margin:0 0 10px 3%;
	}
	#planAllBtn img{
		width:auto;
	}
	.planListTitle{
		font-size:18px;
		margin-bottom:15px;
		padding:5px 0 5px 3%;
		vertical-align:middle;
		color:#001737;
		border-radius:2px;
		background:#e6e5da;
	}
	.planListTitle small{
		font-size:12px;
		margin:0 2px;
		vertical-align:middle;
	}
	.planListTitle span,
	.planListTitle img{
		width:auto;
		vertical-align:middle;
	}

	/* ----------------------------------------
	  3-3. plan list
	---------------------------------------- */
	.pageKeyVisual{
		margin-bottom:20px;
	}
	.pageKeyVisual .kvMessageRight{
		right:15px;
		bottom:15px;
		width:auto;
		height: 42px;
	}
	.pageKeyVisual .kvMessageLeft{
		bottom:15px;
		width:auto;
		height: 42px;
	}
	.pageKeyVisual .kvMessagecenter{
		bottom:15px;
	}
	.pageKeyVisual .kvMessagecenter img{
		width: auto;
		height: 42px;
	}
	.listMainArea{
		width:94%;
		margin:0 3% 20px;
	}
	.listMainArea h3{
		font-size:18px;
		margin-bottom:20px;
	}
	.listMainArea p {
		font-size:14px;
	}
	.listMainArea .listRightMenu>ul>li a:hover {
		background-color:#968768;
	}
	#setBasicPlan .planList h3 {
		padding-left: 2%;
	}
	#planListBtnMenu {
		text-align: center;
		width: 68%;
		margin: 30px auto 0;
		max-width: 380px;
	}
	#planListBtnMenu img{
		width:90%;
		margin:0 0 15px;
	}
	
	/* ----------------------------------------
	  3-4. plan/detail
	---------------------------------------- */
	.planDetailType1 .planTextBlockArea .planTextBlock .planText{
		height: auto !important;
	}
	.planDetailType1 .planTextBlockArea .planTextBlockLine {
		margin-bottom: 20px;
	}
	.planDetailType1 .planTextBlockArea .planTextBlock:first-child{
		margin-bottom: 20px;
	}
	.partyReservationRules {
	border: none;
	border-top: #ccc dotted 1px;
	padding-bottom: 0;
}
	.partyReservationRules > div{
	width: auto;
	float: clear;
	}
	.partyReservationRules > div ul{
	padding-left: 0;
	}
	.topLike{
    	float: none;
    	width: 120px;
    	margin-left: 17px;
    	padding: 17px 0 15px 0;
	}
	.btnPrint{
		display: none;
		clear:none;
		margin-right:17px;
	}
	.planMenuArea .planOptionPriceArea .planOptionPrice h3{
		font-size:18px;
		font-weight:bold;
		margin:6% 0 6% 2%;
	}
	.planDetailType1 .planMainArea .planMainPhoto{
		float:none;
		width:100%;
	}
	.planDetailType1 .planMainArea .planTitleArea{
		float:none;
		width:94%;
		margin:3% 3%;
	}
	.planDetailType1 .planMainArea .planLead{
		width:94%;
		margin:3% 3%;
	}
	.planDetailType1 .planTextBlockArea .planTextBlock h3{
		font-size:16px;
		font-weight:bold;
	}
	.planDetailType1 .planTextBlockArea .planTextBlock:first-child{
		float:none;
	}
	.planDetailType1 .planTextBlockArea .planTextBlock{
		width:100%;
	}
	.btnCoursemap a{
		font-size:12px;
		line-height:1.0;
		float:right;
		width:190px;
		padding:15px 15px 15px 15px;
		color:#999 !important;
		border:2px solid #dddcda;
		background:#fff;
	}
	.planDetailType1 .planTextBlockArea .planTextBlockCaption{
		width:94%;
		margin:3%;
		padding-bottom:10px;
	}
	.planDetailType1 .planMainArea .planTitleArea p{
		font-size:15px;
	}
	.planDetailType1 .planMainArea .planTitleArea .planTitle {
		font-size:22px;
	}
	.planDetailType2 .planMainArea .planMainPhoto{
		float:none;
		width:100%;
	}
	.planDetailType2 .planMainArea .planRightMenu{
		float:none;
		width:100%;
	}
	.planMenuArea .planMenu{
		position:relative;
		float:none;
		width:100%;
		padding-top:32%;
		padding-bottom:55px;
		background-size:100%;
	}
	.planMenuArea .planMenu ul li{
		font-size:96%;
	}
	.planMenuArea .planOptionPriceArea{
		float:none;
		width:100%;
	}
	.planMenuArea .planOptionPriceArea .planOptionText{
		width:94%;
		margin:3%;
	}
	.planMenuArea .planOptionPriceArea .planOptionPrice table.optionCake{
		border: 0;
	}
	.planMenuArea .planOptionPriceArea .planOptionPrice table.optionCake td{
		display:block;
		margin:10px auto;
		padding:0;
	}
	.planMenuArea .planOptionPriceArea .planOptionPrice table.optionCake td{
		border: 0;
	}
	.planMenuArea .planOptionPriceArea .planOptionPrice .optionList{
		width:94%;
		margin:3%;
	}
	.planMenuArea .planOptionPriceArea .planOptionPrice .optionList + p{
		width:94%;
		margin:3%;
	}
	.planMenuArea .planOptionPriceArea .planOptionPrice table.optionCake .tdPrice{
		margin:2% 3%;
		text-align:left;
	}
	.planMenuArea .planOptionPriceArea .planOptionPrice table.optionCake td.cellImage{
		width:85%;
	}
	.notice{
		width:94%;
		margin:3%;
	}
	.notice li{
		font-size:13px;
		line-height:1.7em;
	}
	.planDiscraimerArea .planDiscraimer{
		float:none;
		width:94%;
		padding:3%;
		border:1px solid #eee;
	}
	.planDiscraimerArea .planBtnArea{
		display:block;
		float:none;
		width:219px;
		margin:30px auto 0;
	}
	.planDiscraimerArea .planDiscraimer h3{
		font-size:18px;
		font-weight:bold;
		line-height:1.0;
		margin:6% 0 6% 2%;
		margin-bottom:10px;
		padding:5px 0 5px 10px;
		border-left:5px solid #001737;
	}
	.btnCoursemap{
		padding:40px 0 0;
	}
	.courseList ul li .courseThumb{
		float:none;
		width:100%;
	}
	.courseList ul li .courseDescription{
		position:relative;
		float:none;
		width:94%;
		margin:3%;
	}
	.courseList ul li .courseThumb .goPlanDetail{
		width:80%;
		margin:0 10% 5%;
	}
	.planDetailType2 .planMainArea .planMainPhoto{
		float:none;
		width:100%;
	}
	.planDetailType2 .planMainArea .planMainPhoto .planMainCaption{
		font-size:13px;
		width:94%;
		margin:3%;
		padding-top:0;
	}
	.planDetailType2 .planMainArea .planRightMenu>ul{
		margin-bottom:20px;
	}
	.planDetailType2 .planMainArea .planRightMenu{
		float:none;
		width:100%;
	}
	.planMenuArea .planMenu ul{padding-bottom: 30px;}
	.planMenuArea .planMenu:after{
		width: 100%;
		height: 0;
		background-size: 100%;
		padding: 11% 0 0;
	}
	
	/* ----------------------------------------
	  3-5. faq
	---------------------------------------- */
	.faqArea{
		margin-bottom:0;
	}
	.faqTab ul{
		margin-left:-1%;
	}
	.faqTab ul li{
		width:24%;
		margin-left:1%;
	}
	.faqTab ul li a{
		font-size:11px;
		display:table-cell;
		width:250px;
		height:40px;
		padding:0;
		vertical-align:middle;
	}
	.faqBoxWrapper{
		padding:20px 3% 2px;
	}
	.faqBoxWrapper .faqBox ul li dl dd{
		margin-left:0;
	}
	.faqBoxWrapper .faqBox .ChildFare {
		font-size: 80%;
	}
	.faqBoxWrapper .faqBox .ChildFare td.tategaki {
		writing-mode: vertical-rl;
	}
	.faqBoxWrapper .faqBox .ChildFare td.tekiyo {
		text-align: left;
	}
	.faqBoxWrapper .faqBox .ChildFare td.tekiyo br,
	.faqBoxWrapper .faqBox .ChildFare td.tategaki br {
		display: none;
	}
	
	/* ----------------------------------------
	  3-6. gallery
	---------------------------------------- */
	#video{
		width:100%;
		height:auto;
	}
	.galleryTitle{
		margin-bottom:20px;
	}
	.galleryTitle img{
		width: auto;
		max-width: 100%;
	}
	.galleryMovie{
		width:100%;
		margin-bottom:30px;
	}
	.galleryPhoto h2{
		margin:0 0 5px;
	}
	.galleryPhoto ul{
		margin-bottom:35px;
		margin-right: 1%;
	}
	.galleryPhoto ul li{
		width:24%;
		margin:0 0 1% 1%;
	}
	.galleryPhoto ul li img{
		vertical-align:bottom;
	}
	.galleryPhoto .f25{
		font-size:20px;
	}
	.galleryPhoto .f14{
		font-size:12px;
	}
	
	/* ----------------------------------------
	  3-7. party
	---------------------------------------- */
	/* download */
	.downloadArea .lead{
		margin-bottom:20px;
	}
	.downloadArea table{
		width: 100%;
		margin: 0;
	}
	.downloadArea table td{
		width: auto;
		max-width: 450px;
		display:block;
		font-size:14px;
		padding:10px 6%;
		margin: 0 auto;
	}

	/* ----------------------------------------
	  3-8. reserve
	---------------------------------------- */
	#reserveArea{
		margin:0;
	}
	#reserveArea h3{
		line-height:20px;
		padding:7px 0 7px 4%;
	}
	.reserveMessage{
		font-size:14px;
		padding:15px 3%;
	}
	.reservieBox{
		padding:15px 3%;
	}
	.ikkyu{
		display:block;
		width:100%;
	}
	.ikkyu table,
	.ikkyu tbody,
	.ikkyu tr,
	.ikkyu td{
		display:block;
		width:100%;
	}
	.ikkyu td{
		display:block;
		width:100%;
		padding:3px 0 0;
	}
	.ikkyu table tr:first-child td:last-child{
		text-align:center;
	}
	/* ----------------------------------------
	  3-9. news
	---------------------------------------- */
	.pagenation .pagerButtonPrev{
		margin-left: 20px;
		}
	.pagenation .pagerButtonNext{
		margin-right: 20px;
	}
	
	/* ----------------------------------------
	  3-10. corporate
	---------------------------------------- */
	.corporateTable{
		margin:0 3%;
	}
	.corporateTable table{
		width:100%;
		margin-top:3%;
	}
	.corporateTable table th{
		width:30%;
		padding: 2% 3.2%;
	}
	.corporateTable table td{
		width:70%;
		padding:2% 2% 2% 5%;
	}
	.corporateTable .recruitTable thead th {
		padding-left: 15px;
	}
	.recruitMessage {
		margin:0 5% 10%;
	}
	.corporatePrivacy {
		margin:0 5%;
	}
	.corporatePrivacy p{
		margin-bottom:70px;
	}
	
	/* ----------------------------------------
 	  3-11. Google for jobs 対応採用情報ページ
	  22/09/28
	-------------------------------------------------*/ 
	/* 扉ページ */
	.recruitClosed{
		margin:50px 3%;
	}
	.corporateRecruitTop {
		margin: 0 20px;
	}
	.corporateRecruitTop h2 {
		margin-bottom: 10px;
	}
	.corporateRecruitTop .recruitList li {
		margin-bottom: 20px;
		padding: 18px 15px 15px;
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.corporateRecruitTop .recruitList li p.occupation {
		width: 100%;
		margin-bottom: 18px;
	}
	.corporateRecruitTop .recruitList li p.occupation span {
		font-size: 21px;
	}
	.corporateRecruitTop .recruitList li p.employmentType {
		width: 39%;
	}
	.corporateRecruitTop .recruitList li p.linkDetail {
		width: 58%;
	}
@media screen and (max-width:500px){
	/* 扉ページ */
	.corporateRecruitTop .recruitList li {
		display: block;
	}
	.corporateRecruitTop .recruitList li p.employmentType {
		width: auto;
		font-size: 16px;
		line-height: 28px;
		margin-bottom: 9px;
	}
	.corporateRecruitTop .recruitList li p.linkDetail {
		width: auto;
	}
}
	/* 詳細ページ */
	.corporateRecruitDetail table tbody th {
		width: 24%;
		padding: 10px 0;
	}
	/* ----------------------------------------
	  3-12. clubhouse/interior.html
	---------------------------------------- */
	.listMainArea h2{
		font-size:22px;
		line-height:1.1em;
		margin-bottom:12px;
		margin-left:1%;
		padding-left:4%;
	}
	.titleBdL{
		border-left: 4px solid #001737;
		font-size: 19px;
		padding-left: 9px;
		margin-bottom: 8px;
	}
	.description1{
		font-size:14px;
		text-align: justify;
		padding: 0 10px;
	}
	.mapClubhouse{
		margin:0 3% 20px;
		padding:10px 0 0 0;
	}
	.clubhouseImgList{
		margin:0;
	}
	.clubhouseImgList li{
		float:none;
		width:100%;
		margin:0;
	}
	.clubhouseImgList>ul>li.nthChild1 .imgListTitle,
	.clubhouseImgList>ul>li.nthChild2 .imgListTitle,
	.clubhouseImgList>ul>li.nthChild3 .imgListTitle,
	.clubhouseImgList>ul>li.nthChild4 .imgListTitle,
	.clubhouseImgList>ul>li.nthChild5 .imgListTitle,
	.clubhouseImgList>ul>li.nthChild6 .imgListTitle{
		background-position:3px 8px;
		-webkit-background-size:26px;
		        background-size:26px;
	}
	.imgListTitle{
		font-size:17px;
		padding:8px 0 12px 34px;
	}
	
	/* ----------------------------------------
	  3-13. cruise/ladycrystal.html
	---------------------------------------- */
	.aboutLadyCristal{
		margin:0 5% 20px;
		padding:0;
	}
	.aboutLadyCristal li{
		margin-bottom:10px;
	}
	.aboutLadyCristal .dataLadyCristal{
		position:relative;
	}
	.aboutLadyCristal li:nth-child(1)>p,
	.aboutLadyCristal li:nth-child(2)>p,
	.aboutLadyCristal li:nth-child(3)>p,
	.aboutLadyCristal li:nth-child(4)>p,
	.aboutLadyCristal li:nth-child(5)>p{
		padding:0;
	}
	.aboutLadyCristal .descriptionTitle{
		font-size:12px;
		position:relative;
		padding:1px 6px 1px;
	}
	.aboutLadyCristal li:nth-child(2)>.descriptionTitle{
		top:10px;
	}
	.aboutLadyCristal li:nth-child(3)>.descriptionTitle,
	.aboutLadyCristal li:nth-child(4)>.descriptionTitle,
	.aboutLadyCristal li:nth-child(5)>.descriptionTitle{
		top:0;
	}
	.ladyCristalDetail{
		position:relative;
		bottom:0;
	}
	.ladyCristalDetail dt{
		width:20%;
	}
	.ladyCristalDetail dd{
		width:80%;
	}

	/* ----------------------------------------
	  3-14. cruise/course.html
	---------------------------------------- */
	.courseImgList ul {
		max-width: 450px;
		margin: 0 auto;
	}

	.courseImgList li{
		box-sizing:border-box;
		width: auto;
		margin:0 3% 10px;
	}
	.courseImgList .imgListTitle{
		padding:2px 0 2px 42px;
	}
	.cruiseMap{
		margin: 0 3% 20px;
	}
	.courseImgList .imgListTxt{
		padding:5px 2%;
	}
	.courseImgList>ul>li.nthChild1 .imgListTitle,
	.courseImgList>ul>li.nthChild2 .imgListTitle,
	.courseImgList>ul>li.nthChild3 .imgListTitle,
	.courseImgList>ul>li.nthChild4 .imgListTitle,
	.courseImgList>ul>li.nthChild5 .imgListTitle,
	.courseImgList>ul>li.nthChild6 .imgListTitle,
	.courseImgList>ul>li.nthChild7 .imgListTitle,
	.courseImgList>ul>li.nthChild8 .imgListTitle,
	.courseImgList>ul>li.nthChild9 .imgListTitle{
		background-position:7px 5px;
	}

	/* ----------------------------------------
	  3-15. cuisine
	---------------------------------------- */
	.boxCuisine{
		margin-bottom:0;
	}
	.boxCuisine h2.planListTitle{
		margin-bottom:0;
	}
	.boxCuisine .boxTxt{
		float:none;
		width:92%;
		margin:0 4% 10px;
	}
	.boxCuisine .boxTxt h3{
		margin-bottom:15px;
		padding:15px 0 0;
	}
	.boxCuisine .boxImg{
		float:none;
	}
	.boxCuisine .boxImg img{
		margin:0 0 15px;
	}
	.boxCuisine#boxchef .boxTxt{
		margin:0 4% 30px;
	}
	.boxCuisine#boxchef .boxTxt h3{
		padding:10px 0 0;
	}
	.boxCuisine#boxchef .boxTxt p{
		width:100%;
	}
	.boxCuisine#boxchef .boxImg{
		float:none;
	}
	
	/* ----------------------------------------
	  3-16. gift
	---------------------------------------- */
	.boxGift {
		padding-top: 60px;
		margin-top: -10px;
	}
	.boxGift .planListTitle{
		font-size: 18px;
		padding: 5px 0 5px 5%;
	}
	.boxGift h2.planListTitle small {
		font-size: 13px;
		margin: 0;
		display: block;
		padding: 6px 0 0 0;
	}
	.boxGift .box1{
		float:none;
		width:auto;
		margin-bottom:20px;
	}
	.boxGift .box2 h4{
		padding:0;
	}
	.boxGift .box2{
		float:none;
		width:auto;
		margin:0 3% 0;
	}
	.tableGiftCard{
		width:auto;
		margin:0 3% 15px;
	}
	.tableGiftCard tr>td{
		display:block;
		box-sizing:border-box;
		width:100%;
	}
	.tableGiftCard tr>td:first-child{
		width:100%;
		border-right:0;
		border-bottom: #eee solid 1px;
	}
	.tableGiftCard h3.engFont2 {
		font-size: 22px;
	}
	.boxGift>p{
		margin:0 2% 10px;
	}
	.listGift>ul{
		margin-bottom:10px;
	}
	.listGift>ul>li{
		float:none;
		width:94%;
		margin:10px 3%;
	}
	.listGift .boxTxt{
		width:56%;
		margin-left:0;
	}
	.listGift .boxTxt h3{
		line-height:1.3em;
		margin-bottom:5px;
	}
	.listGift .boxTxt p{
		font-size:14px;
		line-height:1.5em;
		padding-left:0;
	}
	.listGift .boxImg{
		width:40%;
		margin-right:4%;
	}
	.boxGift>.notice{
		width:94%;
		margin:0 3% 20px;
	}
	li.messagePlate{
		padding:20px 0 0;
	}
	.listGift .boxTxt .boxCurry h3{
		font-size:15px;
	}
	.listGift>ul>li.listEven{
		float:none;
	}

	/* ----------------------------------------
	  3-17. welcome/index.html
	---------------------------------------- */
	.container .welcomeReadArea img{
		margin-bottom:5%;
	}
	.container .listBottomMenu ul{
		width:auto;
		margin:0 7% 5% 6%;
	}
	.container .listBottomMenu ul li{
		width:100%;
		margin-right:0;
		margin-bottom:3%;
	}
	.container .welcomeReadArea{
		margin:0 3%;
	}
	.container .welcomeReadArea p{
		font-size:14px;
		line-height:1.9em;
		margin:0 2% 10%;
		text-align: left;
	}

	/* ----------------------------------------
	  3-18. welcome/appeal.html
	---------------------------------------- */
	.appealMainArea{
		overflow:hidden;
	}
	.appealMainArea>li{float: none;}
	.appealMainArea h2 {font-size: 15px;margin-right: 2%;}
	.appealMainArea p{font-size: 13px;}
	.appealMainArea .appeal01,
	.appealMainArea .appeal02,
	.appealMainArea .appeal03,
	.appealMainArea .appeal04,
	.appealMainArea .appeal05,
	.appealMainArea .appeal06{
		float: none;
		width: 100%;
		height: auto;
	}
	.appealMainArea .appeal02,
	.appealMainArea .appeal04,
	.appealMainArea .appeal06{background-position: 27px 29px ;}
	.appealMainArea .readTop{
		position: relative;
		top: 0;
		left: 0;
		padding: 35px 0 30px 90px;
	}

	.appealMainArea .readBottom {
    	position: relative;
    	bottom: 0;
    	left: 0;
    	padding: 30px 0 30px 90px;
	}
	.appealMainArea .appeal01 .boxImg,
	.appealMainArea .appeal03 .boxImg,
	.appealMainArea .appeal05 .boxImg{position: relative;}
	
	/* ----------------------------------------
	  3-19. welcome/history.html
	---------------------------------------- */
	.historyMainArea h2 {
		font-size: 22px;
    	margin-bottom: 20px;
    	padding: 3px 0 4px 4%;
	}
	.historyMainArea h2 span {
   	 	font-size: 13px;
    	margin-left: 10px;
	}
	.historyMainArea .pictBox{
		float:none;
		width:100%;
	}
	.historyMainArea .pictBox p{
		line-height:1.7em;
		width:auto;
		margin:0 3% 3%;
	}
	.historyMainArea img{
		display:block;
		width:80%;
		margin:0 auto 10%;
	}
	.historyMainArea h3{
		font-size:17px;
		line-height:1.7em;
		width:auto;
		margin:0 3% 3%;
	}

	/* ----------------------------------------
	  3-20. welcome/access.html
	---------------------------------------- */
	.accessMapArea {
		display: block;
	}
	.accessMapArea iframe {
		width:100%;
		height:300px;
	}
	.accessMapArea .rightMenu {
		margin: 25px auto 0;
	}
	.accessMainArea .useArea .useTxt{
		margin:5% 20px;
	}
	.accessMainArea .accessHow{
		margin-top:0;
		margin-left:0;
	}

	/* ----------------------------------------
	  3-21. news詳細
	---------------------------------------- */
	#newsArea{
		width:94%;
		margin:0 3%;
	}
	#newsArea .newsImage{
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	#newsArea .newsTitle{
		font-size:19px;
	}

	/* ----------------------------------------
	  3-22. party/cuisine.html
	---------------------------------------- */
	.boxCuisine>h3{
		padding:5px 0 6px 3%;
	}
	.boxCuisine>h3 img{
		width:auto;
		height:20px;
	}
	.boxCuisine.partyCuisine{
		margin-bottom:0;
	}
	.boxCuisine.partyCuisine>p{
		margin:0 4% 30px;
	}
	.boxCuisine.partyCuisine .boxTxt{
		float:none;
		width:92%;
	}
	.boxCuisine.partyCuisine .boxImg{
		width:100%;
	}
	.boxCuisine.partyCuisine .boxImg .alignright{
	}
	.boxCuisine.partyCuisine .boxImg ul {
		margin: 0 20px;
	}
	
	/* ----------------------------------------
	  3-23. reserve/cuisine.html
	---------------------------------------- */
	.partyPdfBtn {
		margin-left: auto;
		margin-right: auto;
	}
	.listPoint{
		padding:30px 3% 0;
	}
	.listPoint li{
		margin-bottom:40px;
	}
	.listPoint li.nthChild1{
		margin-bottom:20px;
	}
	.listPoint li .pointTitle {
		font-size:18px;
		line-height: 1.4;
		padding:50px 3% 6px 3%;
		background-position: center 0;
		background-size: 80px auto;
	}
	.listPoint li .boxTxt{
		float:none;
		width:94%;
		margin:10px 3% 20px;
	}
	.listPoint li .boxImg{
		float:none;
		width:94%;
		max-width: 350px;
		margin:0 auto;
	}

	/* ----------------------------------------
	  3-24. story
	---------------------------------------- */
	.storyReadArea .pictBoxLeft p{
		width:100%;
	}
	.storyReadArea{
		padding:0 30px;
	}
	.storyReadArea .pictBoxLeft .mainPict{
		float:none;
		width:100%;
	}
	.storyReadArea .story01{
		float:none;
		margin:20px 0 20px 0;
		margin-right:0;
		padding:0;
	}
	.storyReadArea .pictBoxRight .mainPict{
		float:none;
		width:100%;
	}
	.storyReadArea .pictBoxRight p{
		font-size:14px;
		font-size:14px;
		line-height:1.8;
		width:100%;
		margin-left:0;
		color:#001737;
	}
	.storyReadArea .story02,
	.storyReadArea .story04,
	.storyReadArea .story02,
	.storyReadArea .story06{
		margin:0;
		padding:0;
	}
	.storyReadArea .pictBoxRight p span{
		text-align:left;
	}
	.storyReadArea .pictBoxRight p img{
		display:block;
		width:350px;
		margin:20px 0 20px 0;
	}
	.storyReadArea .subTxt02,
	.storyReadArea .subTxt03,
	.storyReadArea .subTxt04,
	.storyReadArea .subTxt05,
	.storyReadArea .subTxt06,
	.storyReadArea .subTxt07{
		margin-bottom:20px;
		padding-top:20px;
	}
	.storyReadArea .story03,
	.storyReadArea .story05,
	.storyReadArea .story07{
		float:none;
		margin-right:0;
		padding:0;
	}
	.storyReadArea .pictBoxLeft p img{
		display:block;
		width:350px;
		margin:20px 0 20px 0;
	}
	.storyReadArea .subTxt03,
	.storyReadArea .subTxt05,
	.storyReadArea .subTxt07{
		float:none;
		margin-right:0;
		text-align:right;
	}
	.storyReadArea .story06{
		margin-bottom:20px;
	}

	/* ----------------------------------------
  	3-25. request
	---------------------------------------- */
	.requestTable{
		margin:0 3%;
	}
	.requestTable table{
		width:100%;
		margin-top:3%;
	}
	.requestTable table th{
		width:30%;
	}
	.requestTable table td{
		width:70%;
		padding:2% 2% 2% 5%;
	}
	.requestMainArea .pointArea{
		float:none;
		width:94%;
		padding:0 3%;
	}
	.requestMainArea .pointBold{
		margin:10% 0;
	}
	.requestMainArea .pointBold .innerRead02{
		font-size:14px;
		font-weight:normal;
		margin-left:7%;
	}
	.requestTable table td img{
		display:block;
		width:71px;
		margin:0 0 10px 0;
	}
	.requestTable table td a{
		margin-right:0;
	}
	
	/* ----------------------------------------
  	  3-26. party/price.html
	---------------------------------------- */
	.btnPdf{
		display:inline-block;
		margin-top:10px;
	}
	.btnPdf img{
		width:auto;
	}
	.boxPrice h2.planListTitle{
		font-size:17px;
		margin-bottom:15px;
		padding:5px 0 5px 15px;
	}
	.boxPrice table{
		display:none;
		box-sizing:border-box;
		margin-bottom:20px;
		border:none;
	}
	.boxPrice th{
		display:block;
		padding:6px 0;
		border-right:none;
		border-left:none;
	}
	.boxPrice tr{
		display:block;
	}
	.boxPrice .bdt{
		border-top:none;
	}
	.boxPrice .bdr{
		border-right:none;
	}
	.boxPrice .bdb{
		border-bottom:none;
	}
	.boxPrice .bdl{
		border-left:none;
	}
	.boxPrice th h3{
		font-size:15px;
		padding:0;
	}
	.boxPrice>ul,
	.boxPrice td>ul{
		margin:10px 2%;
	}
	.boxPrice>ul li,
	.boxPrice td>ul li{
		line-height:1.1em;
		margin-bottom:5px;
	}
	.boxPrice th.cellEmpty,
	.boxPrice td.cellEmpty{
		display:none;
	}
	.boxPrice th.cellEmpty,
	.boxPrice td.cellEmpty{
		display:none;
	}
	.boxPrice th.cellPrice{
		width:100%;
		padding:9px 0;
		border-top:1px solid #e6e7e8;
		border-bottom:1px solid #e6e7e8;
	}
	.tate{
		display:inline;
		transform:none;
	}
	.boxPrice tbody{
		display:block;
	}
	.boxPrice .col134{
		width:100%;
	}
	.boxPrice .col170{
		width:100%;
	}
	.boxPrice td{
		display:block;
		padding:0 3%;
		border-left:none;
	}
	.boxPrice td small{
		font-size:11px;
	}
	.boxPrice td.p13{
		padding:10px 3%;
	}
	.boxPrice td.pl30{
		font-weight:bold;
	}
	.boxPrice td.pl120{
		padding:10px 3%;
	}
	.boxPrice td.pl75{
		padding:10px 3%;
	}
	.boxPrice td.pl95{
		padding:10px 3%;
	}
	.boxPrice td.pl228{
		padding:10px 3%;
	}
	.boxPrice td dl{
		display:table;
		margin:auto;
	}
	.boxPrice td dt{
		font-weight:bold;
		line-height:1.5;
	}
	.boxPrice td dt.w205{
		width:100%;
	}
	.boxPrice td dt.w220{
		width:100%;
	}
	.boxPrice td dt.w230{
		width:100%;
	}
	.boxPrice td dt.w155{
		width:100%;
	}
	.boxPrice td dt.w145{
		width:100%;
	}
	.boxPrice td dt.w140{
		width:100%;
	}
	.boxPrice td dt.w160{
		width:160px;
	}
	.boxPrice td dd{
		line-height:1.4em;
		float:none;
		margin-bottom:10px;
	}
	.boxPrice td dd.f12{
		font-size:12px;
	}
	.boxPrice td dd.f11{
		font-size:11px;
	}
	.boxPrice td dd.f10{
		font-size:10px;
	}
	.priceLead{
		font-size:13px;
		margin:10px 2%;
	}
	.tableOption th,
	.boxPrice tbody>tr:first-child{
		border-top:2px solid #e6e7e8;
	}
	.tableOption td{
		border-bottom:none;
	}
	.boxPayee{
		box-sizing:border-box;
		width:100%;
		padding:10px 5%;
	}
	.boxPayee dt{
		font-size: 16px;
	}
	.boxPayee dd{
		font-size: 18px;
	}
	.tableOption tr>td:last-child{
		font-weight:normal;
		padding-left:3%;
		text-align:center;
	}
	.boxPrice tbody{
		display:block;
	}
	.tableOption tbody>tr:first-child td{
		border-top:1px solid #e6e7e8;
	}
	.boxPrice tbody>tr:last-child{
		border-bottom:2px solid #e6e7e8 ;
	}
	.boxPrice tbody>tr:last-child td{
		border-top:2px solid #e6e7e8;
	}
	.tableOption th{
		border-bottom:1px solid #e6e7e8 !important;
	}
	.boxPrice .tableCancel .bdb{
		border-bottom:1px solid #e6e7e8;
	}
	.boxPrice>ul.indentation{
		margin:0px 3% 13px 7% ;
	}
	.boxPrice>p.day.alignright{
		margin-right:3%;
		margin-top:5px;
		margin-bottom:0 ;
	}
	.boxPrice p.leadCancel {
		font-size: 13px;
		margin: 15px 3%;		
	}
	.boxPrice table.CancelPolicy {
		display: table;
		width: auto;
		margin: 0 3%;
		margin-bottom: 35px;
		box-sizing: border-box;
	}
	.boxPrice table.CancelPolicy tbody>tr:first-child,
	.boxPrice table.CancelPolicy tbody>tr:last-child {
		border: none !important;
	}
	.boxPrice table.CancelPolicy tbody>tr:first-child th {
		border-top: #000 solid 1px;
	}
	.boxPrice table.CancelPolicy th {
		padding: 5px;
		border-top: none;
	}
	.boxPrice table.CancelPolicy td {
		border-left: #000 solid 1px;
		padding: 10px;
		font-size: 13px;
		border-top: none;
	}
	.boxPrice table.CancelPolicy tbody>tr:last-child td {
		border-bottom: #000 solid 1px;
	}
	.headingReserve {
		margin: 0 3% 8px;
	}
	.boxPrice ul.noteCancel {
		margin-bottom: 35px;
	}
	.boxPrice ul.noteCancel li {
		line-height: 1.5;
		margin: 0 3%;
	}
	p.endTxt {
		margin: 0 3% 20px;
	}

	/* ----------------------------------------
	  3-27. /party/venue.html
	---------------------------------------- */
	.boxVenue {
		padding: 0 6%;
		margin-bottom: 60px;
	}
	.boxVenue .boxImg,
	.boxVenue .boxImg.w480,
	.boxVenue .Imglist li.w308 {
		width: auto;
	}
	.boxVenue .boxTxt{
		float:none;
		width:auto;
	}
	.boxVenue .boxTxt p{
		font-size:13px;
		margin-bottom:10px;
	}
	.boxVenue .boxTxt p br {
		display: none;
	}
	.boxVenue .btnGradient{
		float:none;
		margin:auto;
	}
	.boxVenue .planListTitle {
		text-align: center;
		padding: 5px;
	}
	.boxVenue .flexbox {
		display: block;
	}
	.boxVenue .boxTxt2{
		width:100%;
	}
	.boxVenue .boxTxt2 dl {
		margin: 22px 0;
	}
	.boxVenue .boxTxt2 dt,
	.boxVenue .boxTxt2 dd {
		width: 100%;
		padding:5px 0;
	}
	.boxVenue .boxImg .innerLink li,
	.boxVenue .boxTxt2 .innerLink li {
		float:none;
		margin: 0 auto 10px;
	}
	.areaRayout .col1{
		float:none;
	}
	.areaRayout .col2{
		float:none;
	}
	.areaRayout .box1{
		width:100%;
	}
	.areaRayout .box1-2{
		margin-bottom: 0;
	}
	.box1WrapCol3 .box1Body {
		border-right: 1px solid #e4e6e4;
	}
	.areaRayout{
		margin-bottom:0;
	}
	.Imglist li{
		margin:0 0 10px;
	}
	.boxVenue table{
		display:block;
		width:100%;
	}
	.boxCol1{
		float:none;
		margin:auto;
	}
	.boxCol1 .btnGradient{
		margin-bottom:20px;
	}
	#charterClub .boxTxt2 p {
		margin:20px 0;
	}
	#charterClub .btnGradient{
		margin-bottom: 0;
	}
	.plantitleline{
		display: block;width:0px;height:0px;overflow: hidden;
	}
	/*party/price.html*/
	section.spOnly {margin:0 3% 35px;}
	section.spOnly .boxSpOnly {border:1px solid #7B7B7B;margin-bottom:16px;}
	section.spOnly .boxSpOnly .boxRowBgGray {background:#F5F5F5;text-align:center;border-bottom:1px solid #F4F4F4;}
	section.spOnly .boxSpOnly .boxRowBgGray h3 {font-size:16px;padding:6px 0;}
	section.spOnly .boxSpOnly .boxRow {text-align:center;padding:8px 3% 7px;border-bottom:1px solid #ddd;}
	section.spOnly .boxSpOnly .boxRow p {margin-bottom:7px;}
	section.spOnly .boxSpOnly .boxRow .price{color: #076DCE;}
	section.spOnly .boxSpOnly .boxRow .price span{font-size:11px;}
	section.spOnly .boxSpOnly .boxRow ul li {margin-bottom:2px;}
	section.spOnly .notice li{padding-top: 0;}
	
	/* 会場のご案内の下層ナビゲーション */
	.underVenueLink {
		margin: 30px 0 40px;
		padding: 0 3%;
		display:block;
	}
	.underVenueLink li {
		width: 100%;
		max-width: 580px;
		height: 100px;
		margin: 0 auto 12px;
	}
	.underVenueLink li a .en {
		font-size: 25px;
		padding-top: 25px;
	}
	.underVenueLink li a .jp {
		font-size: 14px;
	}
	
	/* クルージングマップ */
	.boxVenue.cruisingMap {
		margin: 0 0 70px;
		font-size: 14px;
	}
	.boxVenue.cruisingMap .mapTitle {
		margin: 0 0 15px;
	}
	.boxVenue.cruisingMap p.txt {
		margin: 0 0 15px;
	}
	.boxVenue.cruisingMap dl.abcCourse dt {
		display: inline-block;
		float: none;
		margin: 0 0 5px;
	}
	.boxVenue.cruisingMap dl.abcCourse dt.c {
		margin-bottom: 3px;
	}
	.boxVenue.cruisingMap dl.abcCourse dd {
		float: none;
		margin: 0 0 15px;
	}
	/*.boxVenue.cruisingMap dl.abcCourse dt.c + dd {
		margin-bottom: 20px;
	}*/
	.boxVenue.cruisingMap p.note {
		margin: 0 0 20px;
	}
	.boxVenue.cruisingMap .map {
		width: 100%;
		margin: 0 0 40px;
	}
	.boxVenue.cruisingMap .wrap3h {
    	display: block;
	}
	.boxVenue.cruisingMap .course3h {
		width: auto;
	}
	.boxVenue.cruisingMap .course3h dt {
		margin: 0 0 8px;
	}
	.boxVenue.cruisingMap .course3h dd {
		line-height: 1.6;
		margin: 0 0 15px;
	}
	.boxVenue.cruisingMap .map3h {
		width: 100%;
	}

}



/* ----------------------------------------
  3-28. contact
---------------------------------------- */
.blueback{
	background: #0070b2 !important;
}
.brownback{
	background: #b6964e !important;
}
.formWrap {
	min-height: 300px;
}
.formWrap ul.anotherForm li a {
	position:relative;
	display: block;
	width: 460px;
	font-size: 19px !important;
	line-height: 1.4;
	text-align: center;
	padding: 20px 10px 20px 5px;
	font-weight: bold;
	color: #fff;
	background: #606fa7;
	border-radius: 35px;
	margin-bottom: 10px;
}
/*
.formWrap ul.anotherForm li:last-of-type a:not(.blueback) {
	background: #b6964e;
}*/

.formWrap ul.anotherForm li a:after {
	position:absolute;
	font-size:10px;
	font-weight: normal;
	top: 37%;
	right:13px;
	content:'>';
	transform:scale(1,1.6);
}
.formWrap ul.anotherForm li a:hover {
	text-decoration: none;
	opacity:0.6;
}
.formWrap .formItem {
	background-color: #f0efea;
	margin-top: 50px;
	padding-bottom: 5px;
	border-radius: 6px;
}
.formWrap .formItem dl {
	display: table;
	padding: 16px 0;
}
.formWrap .formItem dt {
	display: table-cell;
	width: 250px;
	text-align: right;
	font-weight: bold;
	padding-right: 32px;
	vertical-align: middle;
}
.formWrap .formItem dd {
	display: table-cell;
	vertical-align: middle;
}
/* ラジオボタンチェック後 */
.formWrap .formItem p {
	padding-top: 10px;
	padding-left: 30px;
	border-top: #ddd solid 1px;
}
.formWrap .formItem th {
	width: 250px;
	text-align: right;
	font-weight: bold;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 32px;
}
.formWrap .formItem td {
	padding-bottom: 24px;
}
.formWrap .formItem input,
.formWrap .formItem textarea {
	padding: 8px 10px;
	border: #999 solid 1px;
	border-radius: 3px;
}
.formWrap .formItem input[type="radio"] {
	border: none;
}
.formWrap .formItem .w180 {
	width: 180px;
}
.formWrap .formItem .w320 {
	width: 320px;
}
.formWrap .formItem .w650 {
	width: 650px;
}
.formWrap .formItem textarea {
	width: 650px;
	height: 120px;
}
.formWrap .formItem select{
	padding:8px 25px 8px 10px !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #E8EBE4;
	background: url("../img/cct/common/arw_dwn.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#E8EBE4 100%);
	background: url("../img/cct/common/arw_dwn.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#E8EBE4 100%);
	background-size: 13px , 100%;
	font-size: 16px;
	border-radius:5px;
}
.formWrap .formItem select::-ms-expand {
	display: none;
}
/* パンフレットダウンロード */
.formWrap .formItem .download {
	background-color: #0070b2;
}
.formWrap .formItem .download p {
	color: #fff;
	font-weight: bold;
}
.formWrap .formItem .download ul {
	padding-top: 10px;
	padding-bottom: 15px;
}
.formWrap .formItem .download li {
	float: left;
	margin-left: 30px;
}
.formWrap .formItem .download li a {
	position:relative;
	display: block;
	width: 170px;
	font-weight: bold;
	color: #fff;
	background-color: #001737;
	padding: 4px 0 4px 20px;
	border-radius: 20px;
}
.formWrap .formItem .download li a span {
	display: inline-block;
	vertical-align: middle;
}
.formWrap .formItem .download li a:after {
	position:absolute;
	font-size:10px;
	top: 25%;
	right:13px;
	content:'>';
	transform:scale(1,1.3);
}
.formWrap .formItem .download li a:hover {
	text-decoration: none;
	color: #001737;
	background-color: #fff;
}

/* パーティー関連はこちら */
.formWrap .formItem .partyRelated {
	display: inline-block;
	margin-left: 50px;
}
.formWrap .formItem .partyRelated a {
	position: relative;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	background-color: #968768;
	border-radius: 3px;
	padding: 8px 35px 8px 20px;
}
.formWrap .formItem .partyRelated a:after {
	position:absolute;
	font-size:10px;
	top: 28%;
	right:13px;
	content:'>';
	transform:scale(1,1.3);
}
.formWrap .formItem .partyRelated a:hover {
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
/* 個人情報 */
.formWrap p.priv {
	line-height: 1.3; 
	text-align: center;
	margin-top: 7px;
}
.formWrap p.priv a {
	color:#09c;
}
/* ボタン */
.formWrap .aligncenter {
	margin-top: 40px;
}
.formWrap input[type="button"] {
	width: 240px;
	height: 55px;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	background: -webkit-linear-gradient(top, #657386 0%,#000000 100%);
	background: linear-gradient(to bottom, #657386 0%, #000000 100%);
	border: none;
	border-radius: 3px;
	text-shadow: -1px -1px 0 #000;
	cursor: pointer;
}
.formWrap input[type="button"]:hover {
	opacity:0.60;
}
/* 確認画面 */
.formWrap .formItem.confirm dl {
	padding-top: 24px;
	padding-bottom: 24px;
}
.formWrap .formItem.confirm th {
	padding-top: 0;
}
.formWrap .formItem.confirm td {
	padding-right: 20px;
}
.formWrap input[type="button"].back {
	width: 80px;
	margin-right: 10px;
	background: -webkit-linear-gradient(top, #aaa 0%,#888 100%);
	background: linear-gradient(to bottom, #aaa 0%, #888 100%);
}
.formWrap input[type="button"].back.error {
	width: 240px;
	margin-right: 0;
}
/* サンクスページ */
.formWrap p.thanksMessage {
	font-size: 20px;
	line-height:1.7; 
	font-weight: bold;
	text-align: center;
	margin-top: 130px;
}
.formWrap p.goHome a {
	display: block;
	width: 300px;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
	padding: 13px 0;
	margin: 50px auto 0;
	color: #fff;
	background: -webkit-linear-gradient(top, #657386 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #657386 0%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	border-radius: 3px;
	text-shadow: -1px -1px 0 #000;
}
.formWrap p.goHome a:hover {
	text-decoration: none;
	opacity:0.60;
}

@media screen and (max-width:768px){
	.formWrap {
		font-size: 15px;
		margin-top: 0;
		padding-left: 20px;
		padding-right: 20px;
		min-height: 180px;
	}
	.formWrap ul.anotherForm li {
		float: none;
	}
	.formWrap ul.anotherForm li a {
		width: auto;
		font-size: 15px !important;
		margin-bottom: 10px;
		padding-right: 5px;
	}
	.formWrap ul.anotherForm li a:after {
		content: "";
	}
	.formWrap .formItem {
		margin-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	.formWrap .formItem dl,
	.formWrap .formItem dt,
	.formWrap .formItem dd {
		display: block;
	}
	.formWrap .formItem dt {
		text-align: left;
		margin-bottom: 8px;
	}
	.formWrap .formItem p {
		padding-left: 0;
	}
	.formWrap .formItem table {
		width: 92%;
	}
	.formWrap .formItem th,
	.formWrap .formItem td {
		display: block;
		width: 100%;
	}
	.formWrap .formItem th {
		text-align: left;
		padding-bottom: 6px;
	}
	.formWrap .formItem .w180 {
		width: 74%;
	}
	.formWrap .formItem .w320,
	.formWrap .formItem .w650 {
		width: 93%;
	}
	.formWrap .formItem textarea {
		width: 100%;
	}
	.formWrap .formItem .mr30 {
		margin-right: 0;
		margin-bottom: 10px;
	}
	/* パンフレットダウンロード */
	.formWrap .formItem .download p {
		font-size: 14px;
		margin-left: 15px;
		margin-right: 15px;
		border-top: none;
	}
	.formWrap .formItem .download li {
		float: none;
		margin-left: 15px;
		margin-right: 15px;
	}
	.formWrap .formItem .download li:first-child {
		margin-bottom: 8px;
	}
	.formWrap .formItem .download li a {
		width: 89%;
		margin-left: auto;
		margin-right: auto;
	}
	/* パーティー関連はこちら */
	.formWrap .formItem .partyRelated {
		display: block;
		margin-left: 0;
		margin-top: 10px;
	}
	/* 個人情報 */
	.formWrap p.priv {
		text-align: left;
	}
	/* 確認画面 */
	.formWrap .formItem.confirm table {
		width: 100%;
	}
	.formWrap .formItem.confirm dl,
	.formWrap .formItem.confirm td {
		padding-bottom: 16px;
	}
	.formWrap input[type="button"].send {
		width: 180px;
	}
	/* サンクスページ */
	.formWrap p.thanksMessage {
		margin: 0;
	}
	.formWrap p.goHome a {
		width: 280px;
		margin: 20px auto 60px;
	}
}
@media screen and (max-width:365px){
	.formWrap ul.anotherForm li a {
		font-size: 14px !important;
	}
}
@media screen and (max-width:340px){
	.formWrap ul.anotherForm li a {
		font-size: 13px !important;
	}
}

/* ----------------------------------------
  3-29. christmas
---------------------------------------- */
#christmas .pageKeyVisual {	
}
#christmas .container {
	position: relative;
}
#christmas p.date {
	font-size: 19px;
	color: #786841;
	text-align: center;
	padding-bottom: 18px;
	background: url(../img/cct/christmas/line3.png) no-repeat center bottom;
	padding-bottom: 55px;
	margin-bottom: 55px;
}
#christmas p.date strong {
	font-size: 1.36em;
}
#christmas p.date br {
	display: none;
}
#christmas p.read {
	font-size: 21px;
	line-height: 1.71;
	font-weight: bold;
	text-align: center;
	color: #786841;
}
#christmas p.yoyaku {
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 7px;
}
#christmas dl.yoyaku {
	width: 100%;
	border-bottom: 1px dotted #aaa;
	margin-bottom: 8px;
}
#christmas dl.yoyaku span {
	font-size: 16px;
}
#christmas dl.yoyaku dt {
	width: 70%;
	padding-left: 3%;
	padding-top: 10px;
	padding-bottom: 10px;
	float:left;
	clear:left;
	border-top: 1px dotted #aaa;
}
#christmas dl.yoyaku dd {
	width: 27%;
	padding-top: 10px;
	padding-bottom: 10px;
	float:left;
	border-top: 1px dotted #aaa;
}
#christmas .note {
	font-size: 12px;
}
#christmas .note a {
	color: #09c;
}
#christmas ul.note {
	margin-top: 100px;
}
#christmas ul.note li {
	font-size: 17px;
	text-indent: -1em;
	padding-left: 1em;
	color: #786841;
}
#christmas ul.note li {
	font-size: 17px;
	text-indent: -1em;
	padding-left: 1em;
	color: #786841;
}
#christmas p.note {
	text-indent: -1em;
	padding-left: 1em;
}
/* .listMainArea */
#christmas .listMainArea {
	margin-top: 70px;
	margin-bottom: 20px;
}
/* .planSearchList */
#christmas .planSearchList {
	float: left;
	width: 740px;
}
#christmas h2.planListTitle small {
	margin-left: 1em;
}
#christmas .planSearchList ul li p.detail a {
	display: block;
	width:178px;
	height:44px;
	line-height: 44px;
	font-size: 15px;
	font-weight: bold;
	color:#948766;
	text-align: center;
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);
	margin-top: 10px;
	border:1px solid #b6ab95;
	border-radius: 4px;
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #e7e9dd 100%);
	background: -webkit-linear-gradient(top,  #fff 0%,#e7e9dd 100%);
	background: linear-gradient(to bottom,  #fff 0%,#e7e9dd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e9dd',GradientType=0 );
}
#christmas .planSearchList ul li p.detail a:hover {
	text-decoration: none;
	opacity: 0.6;
}
#christmas .planSearchList ul li .planDescription {
	width: 530px;
}
#christmas .planSearchList h3{
	line-height: 1.4;
	margin-bottom: 15px;
}
@media screen and (min-width:769px){
	#christmas .planSearchList .planDescription dd .line3 {
		padding-left: 3.6em;
	}
}
#christmas .planSearchList .planDescription ul.comment {
    margin-top: 10px;
}
#christmas .planSearchList .planDescription ul.comment li {
    text-indent: -1em;
    padding-left: 1em;
}
#christmas .planSearchList ul li p.comingsoon {
	height: 46px;
	background-image:url(/img/cct/christmas/btn_commingsoon.png), url(/img/cct/christmas/bg_goldbtn.png);
	background-repeat: no-repeat, repeat-x;
	background-position: center center;
	background-size: auto 100%; 
	border-radius: 4px;
	margin-top: 10px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/* 日別ページ */
#christmas .hibetsu {
	padding-bottom: 20px;
	margin-bottom: 41px;
	background: url(/img/cct/christmas/line2.png) no-repeat center bottom;
}
#christmas .hibetsu h2.planListTitle {
	margin-bottom: 12px;
	font-size: 22px;
	letter-spacing: 0;
	padding: 7px 0 10px 20px;
}
#christmas .hibetsu dl {
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
	margin-left: 18px;
}
#christmas .hibetsu dt {
	float: left;
	padding-right: 1em;
}
#christmas .hibetsu dl.block dt {
	float: none;
}
#christmas .hibetsu dl.block dd {
	padding-left: 8px;
}
#christmas .hibetsu dd span {
	font-size: 14px;
}
#christmas .hibetsu p.note {
	margin-left: 27px;
}
/* 予約について */
#christmas #reserve h2 {
	font-size: 21px;
	font-weight: normal;
	color: #001737;
	margin: 60px 0 50px;
	
}
#christmas #reserve h3 {
	font-size: 21px;
	font-weight: bold;
	color: #786841;
	margin-bottom: 5px;
}
#christmas #reserve table {
	width: 100%;
	vertical-align:middle;
	text-align: left;
	margin-bottom: 20px;
}
#christmas #reserve th,
#christmas #reserve td {
	height: 132px;
	border-top: 1px solid #968768;
}
#christmas #reserve .noBorder th,
#christmas #reserve .noBorder td {
	border-top: 0;
}
#christmas #reserve .verTop th,
#christmas #reserve .verTop td {
	vertical-align: top;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#christmas #reserve th {
	width: 260px;
	font-size: 18px;
	font-weight: bold;
	color: #786841;
	padding-left: 10px;
}
#christmas #reserve th img,
#christmas #reserve th span {
	vertical-align: middle;
}
#christmas #reserve th img {
	margin-right: 14px;
}
#christmas #reserve td {
	font-size: 14px;
	line-height: 1.7;
	color: #222;
	padding-left: 43px;
}
#christmas #reserve td .red {
	color: #e00;
}
#christmas #reserve td .f18 {
	display: block;
	line-height: 1.3;
	font-weight: bold;
	color: #555;
	margin-bottom: 20px;
}
#christmas #reserve .ind {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
#christmas .youtube {
	max-width: 560px;
	margin: 0 auto 100px;
}

/* 2024年カミングスーンページ */
#christmas.comingsoon p.txt {
	max-width: 560px;
	font-size: 18px;
	margin: 40px auto;
	color: #968768;
}


@media screen and (max-width:768px){
	#christmas .container {
		width: 90%;
	}
	#christmas p.date {
		font-size: 18px;
		background-size: 280px auto;
		margin-top: 10px;
		padding-bottom: 35px;
		margin-bottom: 25px;
	}
	#christmas p.date br {
		display: inline;
	}
	#christmas p.read {
		font-size: 17px;
		text-align: left;
	}
	#christmas p.yoyaku {
		font-size: 16px;
		text-align: left;
	}
	#christmas dl.yoyaku span {
		font-size: 15px;
	}
	#christmas dl.yoyaku dt {
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
		padding-bottom: 5px;
		float:none;
	}
	#christmas dl.yoyaku dd {
		width: 100%;
		padding-top: 0;
		float:none;
		border-top: 0;
		font-weight: bold;
	}
	#christmas ul.note {
		margin-top: 50px;
		padding-left: 0;
	}
	#christmas ul.note li {
		font-size: 14px;
	}
	/* .listMainArea */
	#christmas .listMainArea {
		margin: 45px 0 20px;
		width: 100%;
	}
	/* .planSearchList */
	#christmas .planSearchList {
		float: none;
		width: 100%;
	}
	#christmas .planSearchList ul li p.detail a {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#christmas .planSearchList ul li .planThumb p.detail,
	#christmas .planSearchList ul li .planThumb p.comingsoon {
		display:none;
	}
	#christmas .planSearchList ul li .planDescription {
		width: 100%;
		margin:0;
	}
	#christmas .planSearchList h3{
		font-size: 19px;
		line-height: 1.4;
	}
	/* .listRightMenu */
	#christmas .listRightMenu {
		width: 100%;
	}
	#christmas .listRightMenu li {
		margin-bottom: 3px;
	}
	/* 日別ページ */
	#christmas .hibetsu h2.planListTitle {
		font-size: 18px;
		padding: 7px 0 7px 10px;
	}
	#christmas .hibetsu dl {
		font-size: 15px;
		margin-left: 0;
	}
	#christmas .hibetsu dt {
		padding-right: 0;
	}
	#christmas .hibetsu dl.block dt {
		float: left;
	}
	#christmas .hibetsu dl.block dd {
		padding-left: 0;
	}
	#christmas .hibetsu dd span {
		font-size: 12px;
	}
	#christmas .hibetsu p.note {
		margin-left: 0;
	}
	/* 予約について */
	#christmas #reserve h2 {
		font-size: 19px;
		margin: 40px 0 30px;
	}
	#christmas #reserve h3 {
		font-size: 19px;
	}
	#christmas #reserve table {
		vertical-align:top;
		margin-bottom: 0;
	}
	#christmas #reserve th {
		display: block;
		width: auto;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0;
	}
	#christmas #reserve td {
		display: block;
		height: auto;
		border-top: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0;
	}
	#christmas #reserve th img {
		width: 28px;
		height: auto;
	}
	#christmas #reserve th.zero {
		font-size: 0;
		margin: 0;
		padding: 0;
	}
	#christmas #reserve th.pbtm0 {
		padding-bottom: 0;
	}
	#christmas .youtube {
		position:relative;
		width:100%;
		padding-top:56.25%;
		margin-bottom: 70px;
	}
	#christmas .youtube iframe {
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}
}

@media screen and (min-width:769px){
	#christmas .planSearchList ul li .planDescription p.detail a,
	#christmas .planSearchList ul li .planDescription p.comingsoon {
		display:none;
		width:0;
		height:0;
		font-size:0;
		line-height:0;
		margin:0;
		padding:0;
		border:0;
		text-indent:-9999px;
		outline:none;
	}
	#christmas .prt2em {
		padding-right: 2em;
	}
}

@media screen and (max-width:370px){
	#christmas p.date {
		font-size: 16px;
	}
}

@media print{
	#christmas .planSearchList ul li .planDescription p.detail a {
		display:none;
	}
}

/* ----------------------------------------
  3-30. christmas/teaser.html
---------------------------------------- */
#christmasTeaser .container {
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	-webkit-box-sizing: boeder-box;
}
#christmasTeaser p.date {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	color: #786841;
	background: url(../img/cct/christmas/line3.png) no-repeat center bottom;
	margin-top: 10px;
	padding-bottom: 60px;
	margin-bottom: 65px;
}
#christmasTeaser p.date strong {
	font-size: 1.36em;
}
#christmasTeaser p.date br {
	display: none;
}
#christmasTeaser p.lead {
	font-size: 21px;
	line-height: 1.71;
	font-weight: bold;
	text-align: center;
	color: #786841;
}
#christmasTeaser p.mailmag a {
	max-width: 308px;
	display: block;
	font-size: 19px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
	margin: 45px auto 0;
	color: #fff;
	background-color: #001737;
	border-radius: 4px;
}
#christmasTeaser p.mailmag a:hover {
	text-decoration: none;
	opacity: 0.6;
	cursor: pointer;
}
#christmasTeaser ul.sns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	margin-top: 32px;
	margin-bottom: 32px;
}
#christmasTeaser ul.sns li {
	padding: 6px;
}
#christmasTeaser ul.sns li img {
	width: 39px;
}
#christmasTeaser .youtube {
	max-width: 560px;
	margin: 0 auto 100px;
}

@media screen and (max-width:768px){
	#christmasTeaser p.date {
		font-size: 18px;
		background-size: 280px auto;
		margin-top: 10px;
		padding-bottom: 45px;
		margin-bottom: 50px;
	}
	#christmasTeaser p.date br {
		display: inline;
	}
	#christmasTeaser p.lead {
		font-size: 18px;
		text-align: left;
	}
	#christmasTeaser p.lead br {
		display: none;
	}
	#christmasTeaser p.mailmag a {
		margin-top: 35px;
	}
	#christmasTeaser ul.sns {
		margin-top : 25px;
		margin-bottom: 25px;
	}
	#christmasTeaser .youtube {
		position:relative;
		width:100%;
		padding-top:56.25%;
		margin-bottom: 70px;
	}
	#christmasTeaser .youtube iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}
}

@media screen and (max-width:370px){
	#christmasTeaser p.date {
		font-size: 16px;
	}
}

/* ----------------------------------------
  3-31. specialPage
---------------------------------------- */
#specialPage p.date {
	font-size: 19px;
	color: #786841;
	text-align: center;
	padding-bottom: 18px;
	background: url(../img/cct/newyear/line500.png) no-repeat center bottom;
}
#specialPage p.read {
	font-size: 16px;
	line-height: 1.9;
	color: #786841;
	text-align: center;
	margin: 20px 0 50px;
}
#specialPage dl.yoyaku {
	width: 50%;
	border-bottom: 1px dotted #aaa;
	margin: 0 auto;
}
#specialPage dl.yoyaku span {
	font-size: 17px;
}
#specialPage dl.yoyaku dt {
	font-weight: bold;
	width: 36%;
	padding-left: 17%;
	padding-top: 10px;
	padding-bottom: 10px;
	float:left;
	clear:left;
	border-top: 1px dotted #aaa;
}
#specialPage dl.yoyaku dd {
	width: 47%;
	padding-top: 10px;
	padding-bottom: 10px;
	float:left;
	border-top: 1px dotted #aaa;
}
#specialPage p.gold.btn {
	display: block;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
	width: 380px;
}
#specialPage p.gold.btn a {
	display: block;
	font-size: 17px;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #968768;
	padding: 10px 0;
	border-radius: 4px; 
}
#specialPage p.gold.btn a:hover {
	text-decoration: none;
}
/* .listMainArea */
#specialPage .planSearchList {
	margin-bottom: 0;
}
#specialPage .planSearchList > ul > li:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
}
#specialPage .planSearchList h3{
		line-height: 1.4;
}
#specialPage .planSearchList .planDescription ul.comment {
	max-width: 560px;
}

#specialPage .planSearchList .planDescription ul.comment li {
	text-indent: -1em;
	padding-left: 1em;
}
/* 満員御礼 */
.planSearchList li {
	position: relative;
}
.planSearchList li .manin {
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -117px;
	transform: rotate(-15deg);
	z-index: 10;
}
/* ディナークルーズ */
#specialPage.dinnerCruise p.read {
	font-size: 18px;
	color: #000;
	margin: 0 0 50px;
}

@media screen and (max-width:768px){
	#specialPage .container {
		width: 90%;
	}
	#specialPage p.date {
		font-size: 16px;
	}
	#specialPage p.read {
		font-size: 14px;
		line-height: 1.8;
		text-align:left;
		margin-bottom: 35px;
	}
	#specialPage dl.yoyaku {
		width: 100%;
	}
	#specialPage dl.yoyaku dt {
		width: auto;
		float:none;
		padding-left: 0;
		padding-bottom: 0;
		text-align: center;
	}
	#specialPage dl.yoyaku dd {
		width: auto;
		float:none;
		padding-top: 3px;
		border-top: 0;
		text-align: center;
	}
	#specialPage p.gold.btn {
		width: 100%;
	}
	#specialPage .planSearchList dl.planData dd{
		clear: left;
	}
	#specialPage .planSearchList dl.planData + .goPlanDetail {
		margin-top: 10px;
	}
	/* 満員御礼 */
	.planSearchList li .manin {
		top: 180px;
	}
	/* ディナークルーズ */
	#specialPage.dinnerCruise p.read {
		font-size: 16px;
		margin: 10px 0 30px;
	}
}

/* ----------------------------------------
  3-32. special/covid19.html, covid.html
---------------------------------------- */
#covid19 {
	width: 730px;
	margin: 80px auto 120px;
}

@media screen and (max-width:768px){
	#covid19 {
		width: auto;
		margin: 40px 20px 60px;
	}
}
#covid-19 {
	margin: 80px 0 120px;
	color: #001737;
	font-size: 18px;
	line-height: 1.5;
}
#covid-19 .mincho {
	font-weight: 500;
}
#covid-19 a {
	color: #001737;
	text-decoration: underline;
}
#covid-19 a:hover {
	text-decoration: none;
}
#covid-19 .flexbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
#covid-19 .intro {
	text-align: center;
}
#covid-19 .intro h1 {
	font-size: 32px;
	margin-bottom: 45px;
}
#covid-19 .intro p.leadcopy {
	line-height: 1.9;
	margin-bottom: 40px;
}
#covid-19 .intro p.leadcopy.copy {
	font-size: 20px;
	line-height: 2;
}
#covid-19 .intro p.check {
	font-size: 19px;
	font-weight: bold;
	line-height: 1.6;
	margin-top: 20px;
}
#covid-19 .detail h3 {
	margin-top: 45px;
	padding-top: 45px;
	border-top: #968768 solid 1px;
	text-indent: -1em;
	padding-left: 1em;
}
#covid-19 .detail h3.noborder {
	border-top: none;
	margin-top: 10px;
}
#covid-19 .detail p.note {
	padding-left: 1em;
	margin-top: 0.2em;
}
#covid-19 .detail .txt li {
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 1.3em;
}
#covid-19 .detail p.cap {
	font-size: 16px;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;
}
#covid-19 .detail .flexbox img {
	width: 49%;
}

@media screen and (max-width:768px){
	#covid-19 {
		margin: 36px 20px 60px;
		font-size: 16px;
	}
	#covid-19 .flexbox {
		display: block;
	}
	#covid-19 .intro {
		text-align: left;
	}
	#covid-19 .intro h1 {
		font-size: 22px;
		margin-bottom: 26px;
	}
	#covid-19 .intro p.leadcopy {
		margin-bottom: 30px;
	}
	#covid-19 .intro p.leadcopy.copy {
		font-size: 17px;
		line-height: 1.9;
	}
	#covid-19 .intro p.mark {
		width: 200px;
		margin: 0 auto;
	}
	#covid-19 .intro p.check {
		font-size: 16px;
		margin-top: 10px;
		text-align: center;
	}
	#covid-19 .detail h3 {
		margin-top: 30px;
		padding-top: 30px;
	}
	#covid-19 .detail p.cap {
		font-size: 14px;
		margin-top: 25px;
		margin-bottom: 5px;
	}
	#covid-19 .detail .flexbox img {
		width: 100%;
	}
	#covid-19 .detail .flexbox img + img {
		margin-top: 5px;
	}
}

/* ----------------------------------------
  3-33. takeout
---------------------------------------- */
.takeoutMainArea .listMainText h2 {
	font-size: 22px;
	font-weight: 500;
	padding-left: 0;
}
.listMainArea .listRightMenu.navyLine > ul > li a {
	font-size: 14px;
    color: #001737;
    background-color: #fff;
	border: #001737 solid 1px;
	box-sizing: border-box;
}
.listMainArea .listRightMenu.downArrow > ul > li a::after {
    transform: rotate(90deg) scale(1,1.3);
}
.listMainArea .listRightMenu.downArrow > ul > li a:hover {
	background-color: #ccd1d7;
}
.boxTakeout {
	margin: 120px 0;
}
.boxTakeout .boxTxt {
	position: relative;
	float: left;
	width: 400px;
	height: 360px;
}
.boxTakeout .boxTxt h3 {
	font-size: 21px;
	font-weight: 500;
	color: #001737;
	margin-bottom: 30px;
}
.boxTakeout .boxTxt p.txt {
	font-size: 14px;
	line-height: 1.75;
}
.boxTakeout .boxTxt p.planBtn {
	position: absolute;
	bottom: 0;
	left: 0;
}
.boxTakeout .boxTxt p.planBtn a {
	width: 400px;
	font-size: 16px;
    line-height: 42px;
    position: relative;
    display: block;
    padding-left: 22px;
    color: #fff;
    background-color: #968768;
}
.boxTakeout .boxTxt p.planBtn a::after {
    font-size: 10px;
    position: absolute;
    top: 0;
    right: 13px;
    content: '>';
    transform: scale(1,1.3);
}
.boxTakeout .boxTxt p.planBtn a:hover {
    text-decoration: none;
	opacity: 0.6;
}
.boxTakeout .boxImg {
	float: right;
	width: 550px;
}

@media screen and (max-width:768px){
	.takeoutMainArea .listMainText h2 {
		font-size: 20px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.boxTakeout {
		margin: 50px 15px;
		padding: 0;
	}
	.boxTakeout + .boxTakeout {
		border-top: #001737 dotted 1px;
		padding-top: 50px;
	}
	.boxTakeout .boxTxt {
		float: none;
		width: 100%;
		height: auto;
	}
	.boxTakeout .boxTxt h3 {
		font-size: 19px;
		margin: 15px 0 10px;
	}
	.boxTakeout .boxTxt p.txt {
		font-size: 13px;
		line-height: 1.65;
	}
	.boxTakeout .boxTxt p.txt br {
		display: none;
	}
	.boxTakeout .boxTxt p.planBtn {
		position: relative;
		margin-top: 15px;
	}
	.boxTakeout .boxTxt p.planBtn a {
		width: auto;
	}
	.boxTakeout .boxImg {
		float: none;
		width: 100%;
	}
}

/* ----------------------------------------
  3-34. cruise/safety.html
---------------------------------------- */
.safety {
	max-width: 690px;
	margin: 0 auto;
	padding: 0 15px;
	font-size: 24px;
	line-height: 1.75;
	color: #000;
}
.safety img {
	max-width: 100%;
	margin: 0 0 2.67em;
}
.safety a {
	color: #0070b2;
	text-decoration: underline;
}
.safety .safeTitle {
	font-size: 28px;
	margin: 0 0 0.9em;
}
.safety .txtBlock1 {
	margin: 0 0 2.67em;
}
.safety .txtBlock2 dt {
	font-size: 26px;
	font-weight: bold;
	text-indent: -1em;
	padding-left: 1em;
}
.safety .txtBlock2 dd {
	margin: 0 0 1.75em;
}
.safety .txtBlock2 dd li {
	text-indent: -1em;
	padding-left: 1em;
}
.safety .txtBlock2 dd li.insetTable {
	text-indent: 0;
	padding-left: 0;
}
.safety .lifeJacket {
	width: 100%;
	font-size: 20px;
	line-height: 1.3;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	table-layout: fixed;
	margin: 0.3em 0 1.3em;
}
.safety .lifeJacket th,
.safety .lifeJacket td {
	border-left: solid 1px #000;
	border-top: solid 1px #000;
}
.safety .lifeJacket th {
	font-weight: normal;
	text-align: center;
	padding: 0.65em 0.15em;
}
.safety .lifeJacket th.leftCell {
	width: 26%;
}
.safety .lifeJacket th.bgBlue {
	background-color: #306fad;
	color: #fff;
}
.safety .lifeJacket th.bgBeige {
	background-color: #ebeae4;
}
.safety .lifeJacket th.mainDining {
	padding: 0.1em 0.15em;
}
.safety .lifeJacket td {
	text-align: right;
	padding: 0.65em 1.2em 0.65em 0;
}
.safety .lifeJacket th.btop2,
.safety .lifeJacket td.btop2 {
	border-top-width: 2px;
}
.safety .lifeJacket th.bleft2,
.safety .lifeJacket td.bleft2 {
	border-left-width: 2px;
}

@media screen and (max-width:650px){
	.safety {
		font-size: 16px;
	}
	.safety .safeTitle {
		font-size: 20px;
	}
	.safety .txtBlock2 dt {
		font-size: 17px;
	}
	.safety .lifeJacket {
		font-size: 13px;
	}
	.safety .lifeJacket th.leftCell {
		width: 23%;
	}
	.safety .lifeJacket td {
		padding: 0.65em 1em 0.65em 0;
	}
}
/*************************************************************
 /css/header-footer.css
**************************************************************
 1) header
 2) footer
 3) fixed_tab
 4) @media print
------------------------------------------------------------*/



/*************************************************************
 1) header
**************************************************************/
header {
	position: relative;
}

/*---------- extraNav PCのみ表示 ----------*/
.extraNav {
	position: relative;
	padding: 8px 0;
	-webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.extraNav li {
	font-size: 1.5rem;
	line-height: 30px;
	color: #fff;
}
.extraNav li a {
	position: relative;
	display: block;
	line-height: 28px;
	padding:0 15px 0 33px;
	color: #fff;
	border: solid 1px #0070b2;
	border-radius: 15px;
	text-decoration: none;
}
.extraNav a:hover {
	background-color: #7baed7;
	border-color: rgba(255, 255, 255, 0.5);
}
.extraNav li a::before {
	position: absolute;
	width: 16px;
	height: 17px;
	content: "";
	top: 7px;
	left: 12px;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
}
.extraNav li.tel {
	position: relative;
	padding:0 17px 0 0;
}
/*
.extraNav li.tel::before {
	position: absolute;
	width: 12px;
	height: 17px;
	content: "";
	top: 7px;
	left: 0;
	background: url(../img/cct/common/icon_tel.png);
	background-size: 100% auto;
}
*/
.extraNav li.accessNav a::before {
	background-image: url(../img/cct/common/icon_access.png);
}
.extraNav li.searchNav a::before {
	background-image: url(../img/cct/common/icon_search.png);
}
.extraNav li.contactNav a::before {
	background-image: url(../img/cct/common/icon_contact.png);
}
.extraNav li.faqNav a::before {
	background-image: url(../img/cct/common/icon_faq.png);
}
.extraNav li.giftNav a::before {
	background-image: url(../img/cct/common/icon_gift.png);
}
.extraNav li.enNav a {
	padding:0 22px;
	margin-left: 12px;
	border-color: rgba(255, 255, 255, 0.5);
}

/*---------- ロゴ ----------*/
.logoWrap {
	position: fixed;
	width: 100%;
	height: 60px;
	top: 0;
	background: #fff;
	padding:15px 0 0 20px;
	box-sizing: border-box;
}
.logoWrap .hdLogo {
	width: 180px;
	height: 31px;
	background: url(../img/cct/common/logo1.png) no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
.logoWrap .hdLogo a {
	display: block;
	width: 100%;
	height: 100%;
}

#gNav ul.globalNav {
	font-weight: bold;
	font-weight: 600;
}

/* スマホ用
------------------------------------------------------------*/
@media screen and (max-width:1199px) {	
	/*---------- extraNav 非表示 ----------*/
	.extraNav {
		display: none;
	}
	
	/*---------- ロゴ ----------*/
	.logoWrap {
		z-index: 999;
	}
	
	/*---------- gNav ----------*/
	#gNav {
    	position: fixed;
		top: 0;
		z-index: -1;
		opacity: 0;
		width:100%;
    	height: 100vh;
		background:#fff;
		transition: all 0.3s;
	}
	/*アクティブクラスがついたら透過なしにして最前面へ*/
	#gNav.panelactive {
		opacity: 1;
		z-index: 999;
	}
	/*ナビの数が増えた場合縦スクロール*/
		#gNav.panelactive #gNav-list {
    		position: fixed;
    		z-index: 999;
    		width: 100%;
    		height: 100vh;
    		overflow: auto;
    		-webkit-overflow-scrolling: touch;
		}
	/*ナビゲーション リスト*/
	#gNav ul {
    	display: none;
    	z-index: 999;
		line-height: 2.2;
	}
	#gNav.panelactive ul {
    	display: block;
	}
	#gNav.panelactive #gNav-list > ul > li {
		margin-left: 18%;
		width: 64%;
	}
	#gNav.panelactive #gNav-list ul li.topNav {
		width: 180px;
		height: 31px;
		border: none;
		margin-top: 15px;
		margin-left: 20px;
		margin-bottom: 40px;
		background: url(../img/cct/common/logo1.png) no-repeat;
		background-size: 100% auto;
		overflow: hidden;
		text-indent: 200%;
		white-space: nowrap;
	}
	#gNav.panelactive li a {
		color: #0070b2;
		display: block;
		text-decoration: none;
	}
	#gNav.panelactive ul.globalNav {
		font-size: 1.7rem;
	}
	#gNav.panelactive ul.globalNav > li {
		border-bottom: solid 1px #cce2ef;
		padding: 11px 5px;
		box-sizing: border-box;
	}
	#gNav.panelactive ul.globalNav > li:last-of-type {
		border-bottom-color: #0070b2;
	}
	#gNav.panelactive ul.globalNav li.has-child ul {
		text-indent: 1.1em;
	}

	/*---------- addNav  ----------*/
	#gNav.panelactive ul.addNav {
	 	padding: 14px 0 50px;
	}
	#gNav.panelactive ul.addNav li {
	 	font-size: 1.5rem;
	}
	#gNav.panelactive ul.addNav li.tel {
		font-size: 1.6rem;
		border-top: solid 1px #0070b2;
		padding-top: 10px;
	}
	#gNav.panelactive ul.addNav li a {
		position: relative;
		/*padding-left: 26px;*/
	}
	/*
	#gNav.panelactive ul.addNav li a::before {
		position: absolute;
		width: 16px;
		height: 17px;
		content: "";
		top: 50%;
		left: 5px;
		margin-top: -8px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: auto 100%;
	}
	*/
	#gNav.panelactive ul.addNav li.accessNav a::before {
		background-image: url(../img/cct/common/icon_access2.png);
	}
	#gNav.panelactive ul.addNav li.searchNav a::before {
		background-image: url(../img/cct/common/icon_search2.png);
	}
	#gNav.panelactive ul.addNav li.contactNav a::before {
		background-image: url(../img/cct/common/icon_contact2.png);
	}
	#gNav.panelactive ul.addNav li.faqNav a::before {
		background-image: url(../img/cct/common/icon_faq2.png);
	}
	#gNav.panelactive ul.addNav li.giftNav a::before {
		background-image: url(../img/cct/common/icon_gift2.png);
	}
	#gNav.panelactive ul.addNav li.tel a::before {
		margin-top: -7px;
		background-image: url(../img/cct/common/icon_tel2.png);
		background-position: right center;
	}
	#gNav.panelactive ul.addNav li.enNav a {
		display: inline-block;
		line-height: 30px;
		padding: 0 28px;
		margin: 10px 0 20px 5px;
		border: solid 1px #0070b2;
		border-radius: 15px;
	}

	/* ハンバーガーメニュー */
	.openbtn {
		position:fixed;
    	z-index: 9999;
		top:5px;
		right: 17px;
		cursor: pointer;
    	width: 50px;
    	height:50px;
	}	
	.openbtn span {
    	display: inline-block;
    	transition: all .4s;
    	position: absolute;
    	left: 3px;
    	height: 1px;
		background-color: #0070b2;
  		width: 44px;
	}
	.openbtn span:nth-of-type(1) {
		top:15px;	
	}
	.openbtn span:nth-of-type(2) {
		top:24px;
	}
	.openbtn span:nth-of-type(3) {
		top:33px;
	}
	.openbtn.active span:nth-of-type(1) {
    	top: 16px;
    	left: 5px;
    	transform: translateY(5px) rotate(-45deg);
    	width: 80%;
	}
	.openbtn.active span:nth-of-type(2) {
		opacity: 0;
	}
	.openbtn.active span:nth-of-type(3) {
    	top: 16px;
    	left: 5px;
    	transform: translateY(5px) rotate(45deg);
    	width: 80%;
	}
}

/* タブレット〜PC用
------------------------------------------------------------*/
@media screen and (min-width:770px) and (max-width:1199px) {
	/*---------- ロゴ ----------*/
	.logoWrap {
		height: 68px;
		padding:17px 0 0 50px;
	}
	.logoWrap .hdLogo {
		width: 200px;
		height: 34px;
	}
	
	/*---------- gNav ----------*/
	/*ナビゲーション　リスト*/
	#gNav.panelactive #gNav-list {
		display: -webkit-box;
		display: flex;
	}
	#gNav.panelactive #gNav-list > ul {
		width: 50%;
	}
	#gNav.panelactive #gNav-list > ul.globalNav > li {
		width: 70%;
		font-size: 1.8rem;
		margin-left: 25%;
		padding: 11px 0;
	}
	#gNav.panelactive #gNav-list > ul.globalNav > li a {
		padding: 0 0 0 20px;
	}
	#gNav.panelactive #gNav-list ul li.topNav {
		width: 200px;
		height: 34px;
		margin-top: 17px;
		margin-left: 50px;
		margin-bottom: 10vh;
	}
	#gNav.panelactive ul.globalNav > li:last-of-type {
		border-bottom: none;
	}
	#gNav.panelactive ul li a {
		line-height: 40px !important;
		border-radius: 20px;
	}
	#gNav.panelactive ul li a:hover {
		background-color: #d9eaf3;
	}

	/*---------- addNav  ----------*/
	#gNav.panelactive ul.addNav {
	 	padding: 10vh 0 0;
		margin: 62px 0 0;
	}
	#gNav.panelactive #gNav-list > ul.addNav li {
		width: 68%;
		font-size: 1.7rem;
		margin-left: 12%;
	}
	#gNav.panelactive #gNav-list > ul.addNav li.tel {
		font-size: 1.8rem;
		border-top: none;
		padding-top: 0;
	}
	#gNav.panelactive ul.addNav li a {
		padding-left: 10px;
	}
	#gNav.panelactive ul.addNav li a::before {
		width: 18px;
		height: 19px;
		left: 20px;
		margin-top: -9px;
	}
	/*#gNav.panelactive ul.addNav li.tel a::before {
		margin-top: -8px;
	}*/
	#gNav.panelactive ul.addNav li.enNav a {
		display: block;
		text-align: center;
		padding: 0;
		margin: 30px 0;
		border-radius: 20px;
	}

	/* ハンバーガーメニュー */
	.openbtn {
		top: 0;
		right: 46px;
    	width: 68px;
    	height:68px;
	}	
	.openbtn span {
    	left: 4px;
  		width: 60px;
	}
	.openbtn span:nth-of-type(1) {
		top: 24px;
	}
	.openbtn span:nth-of-type(2) {
		top: 34px;
	}
	.openbtn span:nth-of-type(3) {
		top: 44px;
	}
	.openbtn.active span:nth-of-type(1) {
    	top: 29px;
    	left: 8px;
	}
	.openbtn.active span:nth-of-type(3) {
    	top: 29px;
    	left: 8px;
	}
}

/* PC用
------------------------------------------------------------*/
@media screen and (min-width:1200px) {
	/*---------- ロゴ ----------*/
	.logoWrap {
		position: relative;
		height: 68px;
		padding:17px 0 0 50px;
	}
	.logoWrap .hdLogo {
		width: 200px;
		height: 34px;
	}

	/*---------- gNav ----------*/
	/* 非表示 */
	.openbtn,
	#gNav .globalNav li.topNav,
	#gNav .addNav {
		display: none;
	}
	#gNav {
		position: relative;
		margin-top: -68px;
		right: 0;
		width: auto;
		margin-left: 255px;
		padding-right: 39px;
		z-index: 2;
	}
	#gNav ul.globalNav {
		line-height: 58px;
		padding-top: 5px;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: end;
    	-webkit-justify-content: flex-end;
    	justify-content: flex-end;
	}
	#gNav ul.globalNav ul {
		display: block;
	}
	#gNav ul.globalNav li {
		position: relative;
		padding: 0 11px;
	}
	#gNav ul.globalNav li a {
		display: block;
		text-decoration: none;
		color: #111d39;
		transition:all .4s;
	}
	#gNav ul.globalNav li a {
		position: relative;
		padding-bottom: 5px;
	}
	#gNav ul.globalNav li a.current::before {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		width: 100%;
		height: 5px;
		background: #0070b2;
	}
	#gNav ul.globalNav li a::before {
		position: absolute;
		content: "";
		left: 0;
		bottom: 0;
		width: 0;
		height: 5px;
		background: #0070b2;
  		transition: width 0.2s ease;
	}
	#gNav ul.globalNav li a:hover::before {
		width: 100%;
	}
	#gNav ul.globalNav ul li a {
		text-align: center;
		background: rgba(255, 255, 255, 0.85);
		margin: 10px 0 0;
		padding: 0 11px;
		border-radius: 5px;
	}
	#gNav ul.globalNav ul li a::before {
		border-radius: 0 0 5px 5px;
	}
	#gNav ul.globalNav ul li a:hover {
		background: rgba(255, 255, 255, 1);
	}
	
	/*下の階層を持っているulの指定*/
	#gNav ul.globalNav li.has-child ul{
		position: absolute;
		left: 50%;
		margin-left: -98px;
		z-index: 4;
		width:195px;
		visibility: hidden;
		opacity: 0;
		transition: all .4s;
	}
	#gNav ul.globalNav li.has-child:hover > ul,
	#gNav ul.globalNav li.has-child:active > ul {
		visibility: visible;
		opacity: 1;
	}
	
	/*---------- スクロールするとヘッダが一度消えてから高さが変わる ----------*/
	#header{
		height: 114px;
		width:100%;
	}
	#header.HeightMin {
		position: fixed;
		height: 68px;
    	z-index: 999;/*最前面へ*/
		animation: DownAnime 0.8s forwards;
	}
	#header.HeightMin .extraNav {
		/*display: none;*/
		overflow: hidden;
		height: 0;
		margin: 0;
		padding: 0;
		/*display: noneにするとページトップに戻るたびにアニメーションしてしまう*/
	}
	#header.HeightMin .logoWrap
	#header.HeightMin #gNav {
		position: fixed;
		top: 0 ;
	}
	@keyframes DownAnime{
		from {
			opacity: 0;
			transform: translateY(-114px);
		}
		to {
  			opacity: 1;
			transform: translateY(0);
		}
	}
}

/*---------- gNavの文字詰め PC用 ----------*/
@media screen and (min-width: 1230px) and (max-width:1300px) {
	#gNav ul.globalNav {
		letter-spacing: 0;
	}
}
@media screen and (min-width: 1200px) and (max-width:1229px) {
	#gNav ul.globalNav {
		letter-spacing: -0.05em;
	}
}

/*************************************************************
 2) footer
**************************************************************/
footer {
	width: 100%;
}

/*---------- ベージュバック ----------*/
footer .bg_beige {
	text-align: center;
	padding-top: 40px;
	padding-bottom: 32px;
}
/* お問い合わせ・資料請求・メルマガ登録 ボタン */
footer .bg_beige .contactFt {
	line-height: 60px;
	text-align: center;
}
footer .bg_beige .contactFt a {
	position: relative;
	display: block;
	width: 100%;
	max-width: 590px;
	height: 100%;
	font-weight: 500;
	background-color: #0070b2; 
	color: #fff;
	padding: 0 5px 0 22px;
	margin: 0 auto;
	border-radius: 30px;
	text-decoration: none;
	box-sizing: border-box;
}
footer .bg_beige .contactFt a:hover {
	background-color: #111d39;
	transition: 0.3s linear;
}
footer .bg_beige .contactFt a::before {
	position: absolute;
	content: "";
	width: 22px;
	height: 23px;
	top: 50%;
	left: 22px;
	margin-top: -11px;
	background: url(../img/cct/common/icon_contact.png) no-repeat;
	background-size: auto 100%;
}
@media screen and (max-width:350px) {
	/* 文字サイズを小さく */
	footer .bg_beige .contactFt a {
		font-size: 1.3rem;
	}
}
@media screen and (max-width:400px) {
	/* アイコン非表示 */
	footer .bg_beige .contactFt a {
		padding: 0 5px;
	}
	footer .bg_beige .contactFt a::before {
		background: none;
	}
}
/* 電話 */
footer .bg_beige .telFt {
	width: 100%;
	max-width: 590px;
	margin: 35px auto 0;
}
footer .bg_beige .telFt a {
	text-decoration: none;
}
footer .bg_beige .telFt p.txt {
	font-size: 1.3rem;
	border: solid 1px #8d909c;
}
footer .bg_beige .telFt p.txt .time {
	display: inline-block;
	padding-left: 1em;
}
@media screen and (max-width:350px) {
	/* 文字サイズを小さく */
	footer .bg_beige .telFt p.txt {
		font-size: 1.2rem;
	}
}
footer .bg_beige .telFt p.num {
	display: inline-block;
	line-height: 1.4;
	font-size: 2.3rem;
	font-weight: 600;
	margin: 8px 0 0;
}
footer .bg_beige .telFt p.num .jp {
	font-size: 1.9rem;
	font-weight: 400;
}
footer .bg_beige .telFt p.num br {
	display: none;
}
footer .bg_beige .telFt p.num .group {
	padding-left: 1em;
}

/*---------- ネイビーバック ----------*/
footer .bg_navy ul.ftMenu ul li {
	line-height: 1.1;
}
footer .bg_navy ul.ftMenu ul li a {
	display: block;
	color: #fff;
	border-right: solid 1px rgba(255, 255, 255, 0.5);
	text-decoration: none;
}
footer .bg_navy .leftSide p.ftLogo {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
footer .bg_navy .leftSide p.companyAddress span {
	display: inline-block;
}

/* スマホ用
------------------------------------------------------------*/
@media screen and (max-width:1079px) {	
	/*---------- ネイビーバック ----------*/
	footer .bg_navy {
		text-align: center;
		padding-bottom: 80px;
	}
	/* フッターメニュー */
	footer .bg_navy ul.ftMenu ul {
		display: -webkit-box;
		display: flex;
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	footer .bg_navy ul.ftMenu ul li {
		width: 33.333%;
		line-height: 1.1;
		padding: 17px 0;
	}
	footer .bg_navy ul.ftMenu ul,
	footer .bg_navy ul.ftMenu ul li:nth-of-type(1),
	footer .bg_navy ul.ftMenu ul li:nth-of-type(2),
	footer .bg_navy ul.ftMenu ul li:nth-of-type(3) {	
		border-bottom: solid 1px rgba(255, 255, 255, 0.5);
	}
	/* 会社情報 */
	footer .bg_navy .leftSide p.ftLogo {
		width: 120px;
		height: 85px;
		background: url(../img/cct/common/logo2.png) no-repeat;
		background-size: 100% auto;
		margin: 60px auto 35px;
	}
	footer .bg_navy .leftSide p.companyName {
		font-size: 1.7rem;
		margin: 30px 0 6px;
	}
	footer .bg_navy .leftSide p.companyAddress {
		font-size: 1.1rem;
		line-height: 1.7;
		margin: 0 0 30px;
	}
	footer .bg_navy .leftSide .copyright {
		font-size: 1rem;
		letter-spacing: 0;
	}
}
@media screen and (max-width:599px) {	
	footer .bg_beige {
		padding-top: 38px;
		padding-bottom: 34px;
	}
	footer .bg_beige .telFt p.num br {
		display: inline;
	}
	footer .bg_beige .telFt p.num .group {
		padding-left: 0;
	}
	footer .bg_navy {
		padding-bottom: 60px;
	}
	/* フッターメニュー　3の倍数は右線なし */
	footer .bg_navy ul.ftMenu ul li:nth-of-type(3n) a {
		border-right: none;
	}
	footer .bg_navy ul.ftMenu ul li {
		padding: 17px 0;
	}
	footer .bg_navy .leftSide p.ftLogo {
		display: none;
	}
	footer .bg_navy .leftSide p.companyAddress {
		margin: 0 0 20px;
	}
}
@media screen and (max-width:350px) {
	/* フッターメニューの文字を小さく */
	footer .bg_navy ul.ftMenu ul li {
		font-size: 1.3rem;
	}
}

/* タブレット用
------------------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1079px) {	
	footer .bg_navy ul.ftMenu ul li {
		width: 16.666%;
	}
	footer .bg_navy ul.ftMenu ul li:nth-of-type(1),
	footer .bg_navy ul.ftMenu ul li:nth-of-type(2),
	footer .bg_navy ul.ftMenu ul li:nth-of-type(3) {	
		border-bottom: none;
	}
	footer .bg_navy ul.ftMenu ul li:last-of-type a {
		border-right: none;
	}
	/* 会社情報 */
	footer .bg_navy .leftSide p.ftLogo {
		width: 136px;
		height: 95px;
		margin: 80px auto 30px;
	}
	footer .bg_navy .leftSide p.companyName {
		font-size: 1.8rem;
		margin: 0 0 6px;
	}
	footer .bg_navy .leftSide p.companyAddress {
		margin: 0 0 50px;
	}
	footer .bg_navy .leftSide p.companyAddress br {
		display: none;
	}
	footer .bg_navy .leftSide p.companyAddress span {
		margin-left: 1em;
	}
}

/* PC用
------------------------------------------------------------*/
@media screen and (min-width:1080px) {
	/*---------- ベージュバック ----------*/
	footer .bg_beige {
		padding-top: 50px;
		padding-bottom: 37px;
	}
	/* お問い合わせ・資料請求・メルマガ登録 ボタン */
	footer .bg_beige .contactFt {
		line-height: 64px;
		margin: 0 0 40px;
	}
	footer .bg_beige .contactFt a {
		border-radius: 32px;
	}
	/* 電話 */
	footer .bg_beige .telFt {
		margin: 0 auto;
	}
	footer .bg_beige .telFt p.txt {
		font-size: 1.5rem;
	}
	footer .bg_beige .telFt p.txt .time {
		padding-left: 2em;
	}
	footer .bg_beige .telFt p.num {
		font-size: 2.5rem;
	}
	footer .bg_beige .telFt p.num .jp {
		font-size: 2.1rem;
	}
}
@media screen and (min-width:1040px) {
	/*---------- ネイビーバック ----------*/
	footer .bg_navy {
		padding: 50px 50px 47px;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: justify;
    	-webkit-justify-content: space-between;
    	justify-content: space-between;
		-webkit-box-orient: horizontal;
    	-webkit-box-direction: reverse;
    	-webkit-flex-direction: row-reverse;
    	flex-direction: row-reverse;
	}
	/* フッターメニュー */
	footer .bg_navy ul.ftMenu ul {
		margin-bottom: 25px;
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: end;
    	-webkit-justify-content: flex-end;
    	justify-content: flex-end;	
	}
	footer .bg_navy ul.ftMenu ul li a {
		padding: 0 18px;
	}
	footer .bg_navy ul.ftMenu ul li:last-of-type a {
		border-right: none;
		padding-right: 0;
	}
	footer .bg_navy ul.ftMenu a span:hover {
		opacity: 0.6;
		transition: 0.3s linear;
	}
	/* 会社情報 */
	footer .bg_navy .leftSide p.ftLogo {
		width: 200px;
		height: 34px;
		background: url(../img/cct/common/logo3.png) no-repeat;
		background-size: 100% auto;
		margin: 0 0 35px;
	}
	footer .bg_navy .leftSide p.companyName {
		font-size: 1.9rem;
	}
	footer .bg_navy .leftSide p.companyAddress {
		font-size: 1.3rem;
	}
	footer .bg_navy .leftSide .copyright {
		font-size: 1rem;
		position: absolute;
		bottom: 50px;
		right: 50px;
	}
}
@media screen and (min-width:1200px) {
	/*---------- ベージュバック ----------*/
	footer .bg_beige {
		display: -webkit-box;
		display: flex;
		-webkit-box-pack: center;
    	-webkit-justify-content: center;
    	justify-content: center;
		align-items: flex-start;
	}
	footer .bg_beige .contactFt a {
		width: 450px;
	}
}
@media screen and (min-width:1280px)  {
	/* 住所の改行なし */
	footer .bg_navy .leftSide p.companyAddress br {
		display: none;
	}
	footer .bg_navy .leftSide p.companyAddress span {
		margin-left: 1em;
	}
}

/*************************************************************
 3) fixed_tab
**************************************************************/
#fixed_tab {
	position: relative;
	z-index: 1;
}
#fixed_tab ul {
	position: fixed;
	width: 100%;
	bottom: 0;
	left: 0;
	display: -webkit-box;
	display: flex;
	align-items: center;
}
#fixed_tab li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;
}
/* アクセス　予約検索 */
#fixed_tab li.site {
	width: 32%;
	font-size: 1.3rem;
	line-height: 50px;
	text-align: center;
	background-color: #0070b2;
	border-radius: 5px 5px 0 0;
	margin: 0 0 0 5px;
}
#fixed_tab li.site a {
	position: relative;
	padding: 0 0 0 25px;
	box-sizing: border-box;
	transition: 0.3s linear;
}
#fixed_tab li.site a::before {
	position: absolute;
	width: 23px;
	height: 24px;
	content: "";
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -3.6em;
	background-repeat: no-repeat;
	background-position: right;
	background-size: auto 100%;
}
#fixed_tab li.accessTab a::before {
	background-image: url(../img/cct/common/icon_access.png);
}
#fixed_tab li.searchTab a::before {
	background-image: url(../img/cct/common/icon_search.png);
}
/* SNS */
#fixed_tab li.sns {
	position: absolute;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-color: #fff;
	border-radius: 20px;
}
#fixed_tab li.fbTab {
	background-image: url(../img/cct/common/icon_fb.png);
	right: 4%;
}
#fixed_tab li.igTab {
	background-image: url(../img/cct/common/icon_ig.png);
	right: 18.5%;
}

@media screen and (min-width:450px)  {
	/* SNSアイコンの位置 */
	#fixed_tab li.fbTab {
		right: 20px;
	}
	#fixed_tab li.igTab {
		right: 80px;
	}
}

/* PC用
------------------------------------------------------------*/
@media screen and (min-width:770px)  {
	#fixed_tab ul {
		position: fixed;
		display: block;
		width: 68px;
		top: 50%;
		bottom: auto;
		left: auto;
		right: 0;
		margin-top: -200px;
	}
	/* アクセス　予約検索 */
	#fixed_tab li.site {
		width: 100%;
		height: 140px;
		font-size: 1.4rem;
		line-height: 68px;
		text-align: center;
		writing-mode: vertical-rl;
		border-radius: 5px 0 0 5px;
		margin: 0 0 5px;
	}
	#fixed_tab li.site a {
		padding: 34px 0 0;
		border-radius: 5px 0 0 5px;
	}
	#fixed_tab li.site a::before {
		position: absolute;
		width: 26px;
		height: 28px;
		top: 17px;
		left: 50%;
		margin: 0 0 0 -13px;
		background-position: center;
	}
	#fixed_tab li.site a:hover {
		background-color: #111d39;
	}
	/* SNS */
	#fixed_tab li.sns {
		position: relative;
		transition: 0.3s linear;
	}
	#fixed_tab li.fbTab,
	#fixed_tab li.igTab {
		right: auto;
		margin: 23px auto 0;
	}
	#fixed_tab li.sns:hover {
		background-color: #111d39;
	}
	#fixed_tab li.fbTab:hover {
		background-image: url(../img/cct/common/icon_fb2.png);
	}
	#fixed_tab li.igTab:hover {
		background-image: url(../img/cct/common/icon_ig2.png);
	}
}

/*************************************************************
 4) @media print
**************************************************************/
@media print {
	.no-print {
		display: none;
	}
}
#form-area .button{
	text-align: center;
	padding: 0.5em 1em;

	border: 1px solid #867C59;
	border-radius: 3px;
	border-radius: 10px;

	color: white;
	font-size: 125%;

	background-image: linear-gradient(#C6BD8F, #867C59);
	background-color: #867C59;

	cursor: pointer;
}

#form-area .button:hover{
	border-color: #ccc;

	background-color: #ddd;
	background-image: linear-gradient(#CEC7AB, #CEC7AB);

	text-decoration: none;
}

/* Reservation button (common) */
a.goPlanDetail.reservation {
	font-weight: bold !important;
	text-shadow: 0 0 0 rgba(255, 255, 255, 0.5) !important;
	color: white !important;
	border-color: #901010 !important;
	background: linear-gradient(#ff0000, #901010) !important;
}

/* for Smart Phone */
@media screen and ( max-width:768px ) {
	/* For plan has multiple courses. �y�ڍׂ͂�����zand�y���\��͂�����z*/
	div.courseThumb.courseList > a.goPlanDetail {
		margin: 1em auto !important;
		padding: 0.5em 0 !important;
		width: calc(100vw - 2em) !important;
		font-size: 16pt !important;
	}

	/* Customized to just reservation button */
	a.goPlanDetail.reservation {

	}

	/* For plan page's reservation button */
	div.planMainArea > div.planRightMenu > div.courseList a.goPlanDetail.reservation {
		font-size: 16pt !important;
		margin:  1em auto  !important;
		padding: 0.5em 0 !important;
		width: calc(100vw - 2em) !important;
	}
}

/* for Personal Computer */
@media screen and ( min-width:769px ) {
	/* reservation button for plan's course list */
	div.courseThumb:not(.courseList) a.goPlanDetail.reservation {
		padding: 0.5em 0 !important;
	}

	/* reservation button for each course page */
	div.courseThumb a.goPlanDetail.reservation {
		margin-top: 0.5em;
		padding: 0 !important;
		width: 218px;
	}
}

p.paragraph{
	border:  0px solid black;
	margin:  0.5em 0 !important;
	padding: 0 !important;
	font-size: 10pt !important;
	line-height: 1.8em !important;
}
@charset "utf-8";

.riot-area {
	color: #555 !important;
	font-size: 10pt;
	vertical-align: middle;
}

.riot-area input, .riot-area select, .riot-area button, .riot-area label {
	color: #555 !important;
	cursor: pointer;
}

.riot-area select {
	height:    1.7em;
	font-size:  11pt;
	vertical-align: middle;
}

.riot-area select:hover {
	color: #111 !important;
}

.riot-area option {
}

.fa-refresh {
	cursor: pointer;
}

.fa-spin {
	cursor: default;
}

.pointer {
	cursor: pointer;
}

.border {
	border: 1px solid black;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.text-left {
	text-align: left;
}

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

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

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.float-clear {
	clear: both;
}


input[type="submit"],
button.button {
	margin:  0;
	padding: 0.2em 0.6em;
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	background-color: #e0e0e0;
	color: #404040;
}

input[type="submit"]:hover,
button.button:hover {
	color: #222 !important;
	border-color: #ccc;
	background-color: #ddd;
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: linear-gradient(#eee, #ddd);
	text-decoration: none;
}

button.button:disabled {
	color: #999 !important;
	border-color: #d5d5d5 !important;
	background-color: #eee !important;
	background-image: -webkit-linear-gradient(#eee, #eee) !important;
	background-image: linear-gradient(#eee, #eee) !important;
	cursor: default !important;
}

button.delete{
	color: #900;
}

button.button.delete:hover:not(:disabled) {
	color: #fff !important;
	text-decoration: none;
	border-color: #b33630;
	background-color: #cd504a;
	background-image: linear-gradient(#dc5f59, #b33630);
}