@charset "utf-8";
@charset "utf-8";


/* ----------------------------------------
  Default Reset   common Style Seet

	1-1.ブラウザ初期設定リセット
	1-2.配置
	1-3.マージン
	1-4.文字の大きさ
	1-5.行間
	1-6.文字装飾
	1-7.文字の色
	1-8.ボーダー
	1-9.テーブル
	1-10.引用
	1-11.クリアフィックス
---------------------------------------- */


/* ----------------------------------------
  1-1.ブラウザ初期設定リセット
---------------------------------------- */

*{
	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;
}

textarea{font-size:100%;}

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

/* ----------------------------------------
  1-2.配置
---------------------------------------- */

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

/* ----------------------------------------
  1-3.マージン
---------------------------------------- */

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

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


.relative{
	position: relative;
}

/* ----------------------------------------
  1-4.文字の大きさ
---------------------------------------- */

.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-5.行間
---------------------------------------- */

.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-6.文字装飾
---------------------------------------- */

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);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
}
/* ----------------------------------------
  1-7.文字の色
---------------------------------------- */

.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:#000080;}


/* ----------------------------------------
  1-8.ボーダー
---------------------------------------- */

.border{border:1px solid #aaa;}

/* ----------------------------------------
  1-9.テーブル
---------------------------------------- */

table{
	border-collapse:collapse;
	/*border-spacing:1;*/
	empty-cells:show;
}


/* ----------------------------------------
  1-10.引用
---------------------------------------- */

blockquote{}


/* ----------------------------------------
  1-11.クリア
---------------------------------------- */


.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;}@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Crimson+Text|Questrial&display=swap');


/* ----------------------------------------
  Base Style Seet

	2- 1. font
	2- 2. layout
	2- 3. header
	2- 4. side
	2- 5. footer
	2- 6. 
	2- 7. 
	2- 8. 
---------------------------------------- */

body{
	font-size:13px;
	line-height:1.5;
	color: #444;
	font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ" , "Meiryo" , sans-serif;
	font-weight: 500;
	position:relative;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

header,footer,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-1.font
  ---------------------------------------- */

.mincho{font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E" , "メイリオ" , "Meiryo" , serif;}
.gothic{font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ" , "Meiryo" , sans-serif;}
.engFont1{font-family: 'Crimson Text', 'Times New Roman', serif;}
.engFont2{font-family: 'Century Gothic', 'Questrial', sans-serif;}

/* ----------------------------------------
  2-2.layout
  ---------------------------------------- */

header{width:100%;}

#headerInner{
	width:1000px;
	position:relative;
	margin:0 auto;
	height:53px;
}

.fixed #headerInner{
	height:98px;
}

.container{
	width:1000px;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

aside#side{
	width:240px;
	float:left;
}

#mainColumn{
	width:620px;
	float:right;
	padding-bottom:100px;
}

footer{
	background:#F0EFE9;
	width:100%;
}

.topLike{
	text-align:right;
	width:110px;
	padding-top:10px;
	float:right;
}

#noKV{
	padding-top: 50px;
}

/* ----------------------------------------
  2-3.header
  ---------------------------------------- */

header h1{
	position:absolute;
	left:0px;
	top:5px;
}

#headerMenu{
	position:absolute;
	right:0px;
	top:10px;
	width:597px;
}

#headerMenu li{
	float:left;
	margin-left:6px;
	font-size:12px;
	font-weight: bold;
}

#headerMenu li a{
	display:block;
	background:#001737;
	border-radius:4px;
	width:90px;
	text-align: center;
	padding:5.5px 0px;
	font-size:13px;
	color:#fff;
}

#headerMenu li#english a{
	border: 1px solid #001737;
	color: #001737;
	background: #fff;
	background: -moz-linear-gradient(top,  #fff 0%, #dcdfe3 100%);
	background: -webkit-linear-gradient(top,  #fff 0%,#dcdfe3 100%);
	background: linear-gradient(to bottom,  #fff 0%,#dcdfe3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcdfe3',GradientType=0 );
	padding:4.5px 0px;
}

#headerMenu li a:hover{
	text-decoration: none;
	opacity: 0.6;
}

#headerMenu li:first-child{
	padding:5px 10px 0 0;
}

#btnMenu{display: none}
.fixed #gNav{
	position:fixed;
	width:100%;
	left:0px;
	top:0px;
}

#spAccess{display: none;}

#gNav{
	height:45px;
	z-index:1000;
	background: #fff;
	box-shadow:0px 2px 2px 0 rgba(0,0,0,0.2);
	border-bottom:1px solid #ccc\9;
	position: relative;
}

#gNav nav{
	width:1000px;
	margin:0 auto;
}

#gNav nav ul{text-align: center;}
#gNav nav ul li{
	display:inline-block;
	font-family: 'Crimson Text', 'Times New Roman', serif;
}

#gNav nav ul li a{
	display:block;
	padding:0px 28px;
	height:42px;
	line-height:42px;
	overflow:hidden;
	color:#001737;
	font-size:18px;
	font-weight: bold;
	border-bottom:3px solid #fff;
}

#gNav nav ul li a.current{
	border-bottom:3px solid #968768;
}

#gNav nav ul li a:hover{
	text-decoration: none;
	opacity: 0.6;
}


/* ----------------------------------------
  2-4.side
---------------------------------------- */


/* ----------------------------------------
  2-5.footer
  ---------------------------------------- */

footer #footerContact{
	overflow: hidden;
	padding: 25px 0;
	border-bottom:1px solid #ccc;
	box-shadow:0 1px 0px rgba(255,255,255,0.5);
}

footer #footerContact .leftBox{
	float: left;
	width:330px;
	margin-right: 10px;
}

footer #footerContact .leftBox > a{display: block;}

footer #footerContact .leftBox ul{
	overflow: hidden;
	padding-top:15px;
}

footer #footerContact .leftBox ul li{
}

footer #footerContact .leftBox ul li a{
	display: block;
	width:308px;
	text-align: center;
	color:#fff;
	font-size:12px;
	padding:5px 0;
	background: #001737;
	border-radius: 5px;
}

footer #footerContact .leftBox ul li a:hover{
	text-decoration: none;
	opacity:0.6;
}

footer #footerContact .centerBox{
	float: left;
	width:270px;
	text-align: center;
}

footer #footerContact .rightBox{
	float: right;
	width:380px;
	text-align: center;
	font-size: 12px;
	line-height: 1.6;
}

footer #footerContact .rightBox ul{margin-bottom: 10px;}

footer #footerContact .rightBox ul li{
	display: inline-block;
	margin:0 5px;
}

footer #footerSocial{
	padding:40px 0;
}

footer #footerSocial .fb-page {
	border: #ccc solid 1px;
	border-top: 0;
}

footer #footerMenu{
	background: #001737;
	padding-top:15px;
	text-align: center;
}

footer #footerMenu ul{
	overflow: hidden;
	margin-bottom:40px;
}
footer #footerMenu ul li{
	display: inline-block;
}

footer #footerMenu ul li a{
	padding:0 10px;
	line-height: 1.0;
	border-left:1px solid #fff;
	font-size: 12px;
	color:#fff;
}
footer #footerMenu ul li:first-child a{
	border-left:none;
}

footer #footerSocial .clearfix>.container {
    width: 50%;
    float: left;
}
.snapWidget{background: #fff;border: 2px solid #BFBFBF;padding: 0 2% 0;margin-bottom: 40px;}
.snapWidgetTitle{padding: 5px 0 4px;overflow: hidden;}
.snapWidgetTitle h4{color: #35719D;padding-left: 26px;float: left;font-size: 17px;background: url(../img/sp/cct/common/icon_instagram.png) 0 50% no-repeat;}
.snapWidgetTitle .btnFollow{float: right;}
.snapWidgetTitle .btnFollow a{color: #fff;background: #35719D;padding: 4px 15px;border-radius: 3px;font-size: 16px;}
.snapWidgetTitle .btnFollow a:hover{text-decoration: none;opacity: 0.8;}

#copyright{
	padding:25px 0 20px;
	display: block;
	font-size:11px;
	color:#fff;
}

/* ----------------------------------------
  2-6.link
---------------------------------------- */

a {
	text-decoration: none;
	color:#333;
}

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

h1 a:hover img,
footer .footerLogo a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

.btnPrint{
	clear:both;
	text-align: right;
	padding:10px 0;
}

.innerLink{
	overflow: hidden;
	margin-left:-10px;
}

.innerLink.col2{padding-right: 280px;}

.innerLink li{
	float:left;
	width:225px;
	margin:0 0 10px 10px;
}

.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;
	position: relative;
}

.innerLink li a:after {
    content: '>';
    position: absolute;
    right: 10px;
    top: 28%;
    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);}


/* ----------------------------------------
  2-6.title
  ---------------------------------------- */

h2.pageTitle{
	border-left:6px solid #001736;
	padding:0 0 0 20px;
	color:#001736;
	font-size: 33px;
	line-height: 1.0;
	margin-bottom: 30px;
	font-weight: normal;
}


/* ----------------------------------------
  2-7.box
---------------------------------------- */

#gotop{
	position: fixed;
	right:20px;
	bottom:20px;
	width:38px;
	height:38px;
	opacity:0;
}


/* ----------------------------------------
  2-8.検索ボックス
---------------------------------------- */


.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-9. plan list
---------------------------------------- */

/* トップページで使われている横に並ぶタイプのリスト */

.planList li{
	margin-bottom:15px;
}

.planListLeft{
	width:480px;
	float: left;
}
.planListRight{
	width:480px;
	float: right;
}

.planList h3{
	font-size:11px;
	color:#001737;
	margin-bottom:10px;
	vertical-align: middle;
}

.planList h4{
	background: #E6E5DA;
	color:#001737;
	padding:3px 0 0 17px;
	font-size:15px;
	margin-bottom:8px;
}

.planList ul{
	margin-left:-40px;
	overflow: hidden;
}

.planList ul li{
	margin-left:40px;
	float: left;
	width:220px;
}

.planList ul li a{display: block;}

.planList ul li .planThumb{
	display: block;
	margin-bottom:5px;
}

.planList ul li h5{
	font-size:15px;
	line-height:1.4;
	margin-bottom:5px;
	font-weight:normal;
}

.planList ul li h5.engFont2{
	font-size:19px;
	font-weight:normal;
	margin-bottom:0;
}

.planList ul li p{font-size:12px;}

.planList ul li small{
	font-size:12px;
	display: block;
	font-weight:normal;
	margin-bottom:5px;
}

#topSeasonPlan .planList a .planThumb,
#cruiseSeasonPlan .planList a .planThumb,
#seasonPlan .planList a .planThumb {
	margin-bottom:0;
}
#topSeasonPlan .planList a small,
#cruiseSeasonPlan .planList a small,
#seasonPlan .planList a small {
	display: block;
	color: #fff;
	background-color: #ab9f86;
	padding: 5px 0 5px 8px;
}
#topSeasonPlan .planList a:hover small,
#cruiseSeasonPlan .planList a:hover small,
#seasonPlan .planList a:hover small {
	background-color: #d5cfc2;
}
.planList a:hover {
	text-decoration: none;
}
.planList a:hover h5,
#topBasicPlan .planList a:hover small {
	text-decoration: underline;
}

/* 検索結果で使われている縦に並ぶタイプのリスト */

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

.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-9. course list
---------------------------------------- */

.courseList{
	margin-bottom:15px;
	/*margin-top: -40px;*/
}

.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: #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 */
}

.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-10. table
  ---------------------------------------- */

table{border-collapse: collapse;}



/* ----------------------------------------
  2-12. pankuzu
---------------------------------------- */

#pankuzu{
	padding:5px 0;
	width:800px;
}

#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-13.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-14.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){
	img{
		width: 100%;
		height: auto;
		vertical-align: text-bottom;
	}

	.container{width: 100%;}
	.pcOnly{display: none;}
	#gNav nav ul li.spOnly{display: block;}
	.spOnly{display: block;}

/* ----------------------------------------
  2-1.font
  ---------------------------------------- */
/* ----------------------------------------
  2-2.layout
  ---------------------------------------- */
/* ----------------------------------------
  2-3.header
  ---------------------------------------- */
	header h1{width: 161px;left: 50%;margin-left: -81px;top: 13px;}
	:root header h1 { top: 0\0; }

	#headerInner{width: 100%;}
	.fixed #headerInner{height: 53px;}
	#btnMenu{display: block;width: 32px;height: 30px;position: absolute;top: 10px;left: 17px;}
	#spAccess{display: block;width: 39px;height: 39px;position: absolute;top: 7px;right: 12px;}
	#headerMenu{display: none;position: relative;top: 100px;width: 100%;}
	#gNav{position: fixed;top: 0;left: -250px;width: 250px;display: block;overflow-y: hidden;overflow: scroll;background: #001438;}
	#gNav nav{width: 100%;}
	#gNav nav ul{border-bottom: 1px dotted #fff;margin: 0 10px 0;padding: 12px 0 12px 0;}
	#gNav nav ul:last-child{border-bottom: none;padding: 20px 23px 40px 28px;}
	#gNav nav ul li{display: block;text-align: justify;}
	#gNav nav ul:nth-child(2) li{font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ" , "Meiryo" , sans-serif;}
	#gNav nav ul:nth-child(2) li a{font-size: 14px;}
	#gNav nav ul li a{color: #fff;font-weight: normal;border-bottom: none;height: 36px;line-height: 36px;padding: 0px 25px;}
	#gNav nav ul li a.current{border:none;}
	#gNav nav ul li a:hover{opacity: 1.0;}
	.fixed #gNav{width:230px;left: -230px;}
/* ----------------------------------------
  2-4.side
---------------------------------------- */
/* ----------------------------------------
  2-5.footer
  ---------------------------------------- */
	footer .footerLogo{width: 110px;position: absolute;top: 21px;left: 50%;margin: 0 0 0 -54px;}
	footer #footerContact{margin: 0 7% 0 6%;padding: 20px 0;border-bottom: none;}
	footer #footerContact .rightBox ul li img{width:39px;}
	footer #footerContact .leftBox{width: 100%;}
	footer #footerContact .leftBox ul{padding-top: 9px;margin-bottom: 20px;}
	footer #footerContact .leftBox ul li a{width: 100%;font-size: 13px;}
	footer #footerContact .centerBox{width: 84%;margin: 0 10% 12px 6%;}
	footer #footerContact .rightBox{float: none;width: 100%;font-size: 11px;color: #000;}
	footer #footerContact .rightBox ul{margin-bottom: 5px;}
	footer #footerMenu{padding: 0;}
	footer #footerMenu ul{padding: 119px 3% 0px;margin: 0;}
	footer #footerMenu ul li{display: block;border-bottom: 1px dotted #7F8A9C;}
	footer #footerMenu ul li:first-child{border-top: 1px dotted #7F8A9C;}
	footer #footerMenu ul li a{border: none;font-size: 13px;display: block;height: 35px;line-height: 35px;}
	footer #footerSocial {padding: 0;}
	footer #footerSocial .clearfix>.container{width: 87%;margin: 0 7% 18px 6%;}
	footer #footerSocial .clearfix>.container.boxFb{text-align: center;}
	footer #footerSocial .fb-page{border: 0;}
	.snapWidget{border: 1px solid #BFBFBF;padding: 0 2% 0;margin-bottom: 0;}
	.snapWidgetTitle{padding: 5px 0 4px;}
	.snapWidgetTitle h4{padding-left: 26px;height: 19px;line-height: 19px;font-size: 12px;}
	.snapWidgetTitle .btnFollow a{padding: 2px 10px 3px;border-radius: 3px;font-size: 12px;}
	:root .snapWidgetTitle .btnFollow a{padding: 3px 10px 0;}
	#copyright{font-size: 10px;padding: 25px 0;}
	footer #footerContact .leftBox ul li a:hover{opacity:1.0;}
/* ----------------------------------------
  2-6.link
---------------------------------------- */
a:hover{text-decoration:none;}
.btn:hover,
a:hover img{
	filter: alpha(opacity=100);
	-moz-opacity:1.0;
	opacity:1.0;
}

/* ----------------------------------------
  2-6.title
  ---------------------------------------- */
/* ----------------------------------------
  2-7.box
---------------------------------------- */
/* ----------------------------------------
 2-8.検索ボックス
---------------------------------------- */
	.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 input{transform: none;vertical-align: middle;margin-right: 6px;}
	.planSearchBox h3{width: 100%;font-size: 14px;margin-bottom: 3px;}
	.searchPlanSelect select{width: 48%;margin-right: 1%;}
	#searchSubmit{margin: 14px auto 0;}
	img.ui-datepicker-trigger {margin:0 5px 5px 0!important;width: 20px;}
	#undecided-label{font-size: 13px;width: 100%;display: block;}
	#plan-search-year{width: 23%;}
	#plan-search-month{width: 18%;}
	#plan-search-date{width: 18%;}
/* ----------------------------------------
  2-9. plan list
---------------------------------------- */
/* トップページで使われている横に並ぶタイプのリスト */
	.planList h3{margin: 0 3% 20px;border-top: 4px solid #E6E6DA;border-bottom: 4px solid #E6E6DA;padding: 14px 20px 11px 23px;text-align: center;}
	.planList h3 img{width: auto;height:44px;}
	.planList ul{margin: 0 3%;}
	.planList ul li{margin: 0;width: 100%;border-bottom: 1px dotted #ab9f86;margin-bottom: 19px;padding: 0 0 13px;}
	.planList ul li:last-child{border-bottom: none;margin: 0;padding: 0;}
	.planList ul li a{overflow: hidden;}
	.planList ul li .planThumb{float: left;width: 33%;margin: 0 3% 0 4%;}
	.planList ul li .planText{float: left;width: 60%;}
	.planList ul li h5{font-size: 15px !important;line-height: 1.3;}
	.planList ul li p{font-size: 10px;}
	.planList ul li small{font-size: 10px;padding: 2px 0 1px;margin-bottom: 4px;}
	.planListLeft,
	.planListRight{width: 100%;float: none;padding: 20px 0 0 0;}

/* 検索結果で使われている縦に並ぶタイプのリスト */
	#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;}

/* ----------------------------------------
  2-9. course list
---------------------------------------- */
/* ----------------------------------------
  2-10. table
  ---------------------------------------- */
/* ----------------------------------------
  2-12. pankuzu
---------------------------------------- */

	#pankuzu{
		padding:3px 18px;
		width:100%;
		background: #30435D;
	}

	#pankuzu ul{
		width:90%;
	}

	#pankuzu li,
	#pankuzu a,
	#pankuzu a:after{color:#fff;}

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

}




/* クリスマスデコレーション 

@media screen and (min-width:1000px){
#wrapper {
	background-image: url("../img/cct/common/hd_decoration.png") , url("../img/cct/common/content_decoration.png") ;
	background-repeat: no-repeat, repeat-y;
	background-position: center 12px, center 70px;
}
#gNav {
	background: #fff url("../img/cct/common/hd_decoration.png") no-repeat center -41px;
}
}
footer{
	background:#F0EFE9 url("../img/cct/common/ft_decoration.png") repeat-x left top;
	padding-top: 100px;
}
@media screen and (max-width:768px){
footer{
	background-size: 200px auto;
	padding-top: 66px;
}
}
*/@charset 'utf-8';

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

	3-1. index
---------------------------------------- */

/* ----------------------------------------
  3-1. index
---------------------------------------- */

.topSlide{
	position:relative;
	width:100%;
	min-width:1000px;
	margin-bottom:35px;
}

.topSlide ul li{
	display:none;
}
.topSlide ul li:first-child{
	display:block;
}

.topSlide ul li img{
	width:100%;
}

.topSlideImage a:hover img{
	opacity:1.0;
	filter:alpha(opacity=100);
	-moz-opacity:1.0;
}

.bx-wrapper{
	position:relative;
}

.bx-controls{
	line-height:1.0;
	position:absolute;
	z-index:100;
	z-index:100;
	top:0;
	left:0;
	width:100%;
	text-align:center;
}

.bx-pager{
	display:none;
}

.bx-controls-direction{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:0;
	height:0;
	padding-top:0;
}

.bx-controls-direction a{
	position:absolute;
	top:0;
	display:block;
	overflow:hidden;
	width:35px;
	height:39px;
	padding-top:31.5%;
	text-indent:-999em;
}

.bx-controls-direction .bx-prev{
	left:20px;
	background:url('../img/cct/common/slide_nav_prev.png') no-repeat left center;
}

.bx-controls-direction .bx-next{
	right:20px;
	background:url('../img/cct/common/slide_nav_next.png') no-repeat left center;
}

/* 重要なお知らせ */
#topExtraArea{
	padding:0 100px 25px;
	color:#001438;
}
#topExtraArea h3{
	font-size:23px;
}
#topExtraArea p{
	font-size:15px;
}

/* 検索 */
#topPlanSearch{
	margin-bottom:30px;
}

.planSearchBox,
.searchPlanCalender{
	position:relative;
	z-index:100 !important;
}

/* ニュース */
#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;
}

#topSeasonPlan{
	padding-bottom:20px;
}

#topBasicPlan{
	margin-bottom:45px;
}

/* ページ下バナー */
#topBnr{
	margin-bottom:70px;
}
#topBnr ul{
	overflow:hidden;
}
#topBnr li{
	float:left;
	margin-left:40px;
}

#topBnr li:first-child{
	margin-left:0;
}

#topBnr h3{
	font-size:18px;
	font-weight:normal;
	line-height:1.2;
	margin-bottom:20px;
	padding:0 0 0 15px;
	color:#001737;
	border-left:5px solid #001737;
}

/* ページ上部バナー全て */
.topMainBnr {
	margin-bottom: 40px;
}
.topSlide + .topMainBnr {
	margin-top: 60px;
}

/* トップバナー */
#topSpecialBnr li.left,
#topSpecialBnr li.right {
		display: block;
}
#topSpecialBnr li:nth-child(3),
#topSpecialBnr li:nth-child(4) {
	margin-top: 40px;
}

/* コロナ */
#topCovid19 {
	border: #001737 solid 1px;
	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;
}

#topCovid19 p.mark {
	width: 130px;
	margin: 10px 0 10px 20px;
}

#topCovid19 .txtset {
	width: 848px;
	text-align: center;
}

#topCovid19 h4 {
	font-size: 22px;
	font-weight: bold;
	color: #001737;
	margin-top: 20px;
	margin-bottom: 11px;
}

#topCovid19 p.txt {
	font-size: 17px;
	line-height: 1.5;
	color: #001737;
}

#topCovid19 p.linkBtn {
	width: 220px;
	margin: 10px auto;
}

#topCovid19 p.linkBtn a {
	position: relative;
	display: block;
	font-size: 14px;
	line-height: 42px;
	text-align: center;
	color: #fff;
	background-color: #968768;
}

#topCovid19 p.linkBtn a:hover {
	text-decoration: none;
	opacity: 0.6;
}

#topCovid19 p.linkBtn a::after {
	font-size:10px;
	position:absolute;
	top:0;
	right:13px;
	content:'>';
	transform:scale(1,1.3);
}

/* ----------------------------------------
  3-2. plan/index.html
---------------------------------------- */

#planSearch{
	position:relative;
	z-index:0;
	margin-bottom:5px;
}

#planAllBtn{
	margin-bottom:30px;
}

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

h2.planListTitle small{
	font-size:14px;
	font-weight:normal;
	margin:0 5px;
	vertical-align:middle;
}

h2.planListTitle span,
h2.planListTitle img{
	vertical-align:middle;
}

.italic{
	font-style:italic;
}


/* ----------------------------------------
  3-2. plan list
---------------------------------------- */

.pageKeyVisual{
	position:relative;
	margin-bottom:60px;
}

.pageKeyVisual img.bgkv{
	width:100%;
}

.pageKeyVisual .kvMessageRight{
	position:absolute;
	right:20px;
	bottom:20px;
}

.pageKeyVisual .kvMessageLeft{
	position:absolute;
	bottom:20px;
	left:20px;
}

.listMainArea{
	overflow:hidden;
	margin-bottom:70px;
}

.listMainArea .listMainText{
	float:left;
	width:760px;
}

.listMainArea .listMainText h3{
	font-size:21px;
	font-weight:normal;
	margin-bottom:20px;
	color:#001737;
}

.listMainArea .listMainText p{
	font-size:14px;
	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{
	margin-bottom:0;
}
#seasonPlan .planList a small{
	display:block;
	padding:5px 0 5px 8px;
	color:#fff;
	background-color:#ab9f86;
}
#seasonPlan .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;
}

/* ----------------------------------------
  3-3. 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:2px;
}

.planDetailType1 .planMainArea .planTitleArea h2{
	font-size:30px;
	font-weight:normal;
	line-height:1.4;
}
.planDetailType1 .planMainArea .planTitleArea h2.engFont1{
	font-size:43px;
	line-height:1.1;
}

.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 h2{
	font-size:28px;
	font-weight:normal;
	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;
	position:relative;
	display:block;
	padding:12px 10px 11px 20px;
	color:#fff;
	background-color:#968768;
}
.planDetailType2 .planMainArea .planRightMenu>ul>li a:after{
	font-size:10px;
	position:absolute;
	top:33%;
	right:13px;
	content:'>';
	transform:scale(1,1.3);
}

.planDetailType2 .planMainArea .planRightMenu>ul>li a:hover,
.planDetailType2 .planMainArea .planRightMenu>ul>li.current a{
	text-decoration:none;
	background:#000;
	background-color:#dad6cb;
}

.planDetailType2 .planMainArea .planRightMenu .planStandardPrice{
	border:1px solid #ddd;
}

.planDetailType2 .planMainArea .planRightMenu .planStandardPrice h3{
	font-size:17px;
	font-weight:normal;
	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:normal;
	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:normal;
	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;
	/*color:#999;*/
}
.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{
	/*width:170px;*/
}
.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;
	margin-bottom:80px;
}

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

/* ----------------------------------------
  3-4. 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;
}


/* ----------------------------------------
  3-5. gallery
---------------------------------------- */
.galleryArea{
	margin-bottom:80px;
	padding-top:40px;
}

.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 h3{
	font-weight:normal;
	background-color:#e6e5da;
	color:#001737;
	line-height:40px;
	padding-left:30px;
	margin:0 0 5px 5px;
}

.galleryPhoto  h3 span{
	display:inline-block;
	vertical-align:middle;
}

.galleryArea #cboxTitle{margin:4px 0 0 5px; height:15px; overflow:hidden;}
.galleryArea #cboxCurrent{font-size:10px; margin-left: 8px;}
.galleryArea #cboxClose{top:0; right:-32px;}
.galleryArea #cboxPrevious{left:8px;}
.galleryArea #cboxNext{left:35px;}

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

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

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

/* ----------------------------------------
  3-6. party
---------------------------------------- */

/* download */

.downloadArea .lead{
	margin-bottom:40px;
}

.downloadArea table{
	width:750px;
}

.downloadArea table td{
	font-size:15px;
	padding:15px 30px;
	border-top:1px dashed #aaa;
}

.downloadArea table td a.pdf{
	float:right;
}

/* cuisine */

.partyCuisineTop{
	padding-left:20px;
}
.partyCuisineTop .lead{
	margin-bottom:20px;
}

/* photo */
.partyMovie{
	width:740px;
	margin:0 0 10px;
}

.partyMovie img{
	max-width:100%;
}

.partyPhotoArea{
	margin-bottom:40px;
}

.partyPhoto ul{
	overflow:hidden;
	margin-left:-5px;
}
.partyPhoto ul li{
	float:left;
	width:120px;
	margin:0 0 5px 5px;
}


/* ----------------------------------------
  3-7. 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_8. news
---------------------------------------- */
.newsContent a{
	color:#09c;
}


/* ----------------------------------------
  3_9. corporate
---------------------------------------- */

.corporateTable a{color:#007ED2;}

.corporateTable table{
	width:100%;
	margin:10px 0 40px 0;
	border: 1px solid #545556;
}

.corporateTable table tr{
	font-size:14px;
}

.corporateTable table th{
	font-weight:normal;
	width:148px;
	padding:11px 15px;
	border:1px solid #ccc;
	background-color:#f5f5f5;
}

.corporateTable table td{
	width:830px;
	padding:11px 15px 11px 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;}

.corporateTable h3{
	font-size:18px;
	padding-left:26px;
	background:url('../img/cct/common/icon_h3.jpg') no-repeat left 2px;
}

.corporatePrivacy{
	margin:0 0 30px;
}

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

.recruitMessage{
	font-size:14px;
	line-height:1.8;
	margin-bottom:30px;
	color:#001737;
}

/* ----------------------------------------
  3-10. clubhouse/interior.html
---------------------------------------- */
.listMainArea .listMainText h2{
	font-size:29px;
	line-height:1em;
	margin-bottom:24px;
	margin-left:2px;
	padding-left:21px;
	letter-spacing:0.05em;
	color:#001737;
}

:root .listMainArea .listMainText h2{line-height:1.3em\0;}
.listMainArea .listMainText h2{line-height:1.3em\9;}
.titleBdL{
	border-left: 7px solid #001737;
	color: #001737;
	font-size: 30px;
	padding-left: 20px;
	margin-bottom: 17px;
}

.description1{
	font-size:14px;
	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-11. cruise/ladycrystal.html
---------------------------------------- */
.aboutLadyCristal{
	position:relative;
	padding:0 0 53px 80px;
}

.aboutLadyCristal li{
	position:relative;
}

.aboutLadyCristal h3{
	font-size:18.5px;
	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-12. cruise/course.html
---------------------------------------- */
#titleCourse{line-height: 1.1em;}
.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 .imgListTitle{
	font-size:20px;
	font-weight:bold;
	padding:12px 0 12px 42px;
	color:#968768;
}

.cruiseMap{
	margin-bottom:78px;
	text-align:center;
}

.courseImgList .imgListTxt{
	font-size:14px;
	line-height:1.7em;
	padding:0px 0px 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-13. cuisine/course.html
---------------------------------------- */
.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:370px;
}
.boxCuisine#boxchef .boxImg{
	float:left;
}
.boxCuisine#boxchef .boxImg img{
	margin:0;
}

/* ----------------------------------------
  3-14. gift/index.html
---------------------------------------- */
.boxGift .box1{
	float:right;
	width:740px;
	margin-bottom:50px;
}
.boxGift .box2 h4{
	font-size:16px;
	padding:235px 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 #f0f1f2;
}

.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 #f0f1f2;
}
.tableGiftCard .listGiftCard li{
	padding:12px 0 0 0;
	border-bottom:1px solid #f0f1f2;
}
.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 .listGiftCard li>p{
	font-size:17px;
	line-height:1;
	margin:0 0 10px 5px;
}
.tableGiftCard .listGiftCard li dl{
	overflow:hidden;
	margin-bottom:17px;
}
.tableGiftCard .listGiftCard li dt{
	font-size:13.5px;
	line-height:1.25em;
	display:inline-block;
	float:left;
	width:46px;
	margin:2px 10px 0 5px;
	text-align:center;
	color:#fff;
	background:#9a9b9c;
}

.tableGiftCard .listGiftCard li dd{
	font-size:14px;
	float:left;
	margin:0 29px 0 0;
}

.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;
	margin-bottom:20px;
}
.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{
	margin-bottom:20px;
}
.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;
}



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

	3-.15 /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;
	margin-bottom:40px;
}

.container .welcomeReadArea p{
	font-size:15px;
	font-weight:bold;
	line-height:2.2em;
	margin:0 0 4%;
	text-align:center;
}

/* ----------------------------------------
	  3-.16 /welcome/appeal.html
	---------------------------------------- */

.appealMainArea .appeal01{
	font-family:'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E' , 'メイリオ' , 'Meiryo' , serif;
	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{
	font-family:'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E' , 'メイリオ' , 'Meiryo' , serif;
	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{
	font-family:'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E' , 'メイリオ' , 'Meiryo' , serif;
	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{
	font-family:'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E' , 'メイリオ' , 'Meiryo' , serif;
	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{
	font-family:'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E' , 'メイリオ' , 'Meiryo' , serif;
	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{
	font-family:'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', '游明朝', YuMincho, 'HG明朝E' , 'メイリオ' , 'Meiryo' , serif;
	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 h3{
	font-size:18px;
	line-height:1.5em;
	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-.17 /welcome/history.html
---------------------------------------- */

.historyMainArea{
	overflow:hidden;
}

.historyMainArea h4{
	font-size:26px;
	margin-bottom:30px;
	padding:3px 0 4px 17px;
	color:#001737;
	background:#e6e5da;
}

.historyMainArea h4 span{
	font-size:14px;
	margin-left:20px;
}

.historyMainArea h5{
	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-.18 /welcome/access.html
---------------------------------------- */

.pdfMenu{
	margin-top:235px;
}

.pdfMenu p{
	font-size:14px;
	margin-bottom:20px;
}

.pdfMenu ul li a{
	font-size:13px;
	line-height:1.3;
	position:relative;
	display:block;
	padding:12px 40px 11px 12px;
	color:#fff;
	background-color:#968768;
}

.pdfMenu>ul>li a:hover,
.pdfMenu>ul>li.current a{
	text-decoration:none;
	background:#000;
	background-color:#dad6cb;
}

.pdfMenu>ul>li a:after{
	font-size:10px;
	position:absolute;
	top:33%;
	right:13px;
	content:'>';
	transform:scale(1,1.3);
}

.accessMainArea h4{
	font-size:20px;
	font-weight:normal;
	padding:5px 0 5px 17px;
	color:#001737;
}

.accessMainArea img{
	display:block;
	margin:20px 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-19. /news/1.html
---------------------------------------- */
#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:20px;
	margin-bottom:5px;
}
#newsArea .newsContent{
	font-size:14px;
	line-height:170%;
	margin-bottom:5em;
}

/* ----------------------------------------
  3-22. /party/cuisine.html
---------------------------------------- */
.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:normal;
	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: 210px;
}
.boxCuisine.partyCuisine .boxTxt ul.buffet li.on{
	float: left;
}
.boxCuisine.partyCuisine .boxTxt ul.buffet li h5{
	font-size: 13px;
	margin-bottom: 8px;
}
.boxCuisine.partyCuisine .boxImg{
	float:left;
	width:480px;
	margin-bottom:35px;
}
.boxCuisine.partyCuisine .boxImg img{
	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. /reserve/cuisine.html
---------------------------------------- */
.listPoint li h3{
	font-size:20px;
	margin-bottom:21px;
	padding:26px 0 6px 148px;
	color:#968768;
	border-bottom:1px solid #968768;
}
.listPoint li.nthChild1 h3{
	background:url(../img/cct/party/point/bg_point_01.png) 18px 1px no-repeat;
}
.listPoint li.nthChild2 h3{
	background:url(../img/cct/party/point/bg_point_02.png) 18px 1px no-repeat;
}
.listPoint li.nthChild3 h3{
	background:url(../img/cct/party/point/bg_point_03.png) 18px 1px no-repeat;
}
.listPoint li.nthChild4 h3{
	background:url(../img/cct/party/point/bg_point_04.png) 18px 1px  no-repeat;
}
.listPoint li.nthChild5 h3{
	background:url(../img/cct/party/point/bg_point_05.png) 18px 1px  no-repeat;
}
.listPoint li.nthChild6 h3{
	background:url(../img/cct/party/point/bg_point_06.png) 18px 1px  no-repeat;
}
.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;
}

/* ----------------------------------------
  3-. story/index.html
---------------------------------------- */

.storyReadArea{
	margin-bottom:90px;
	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-. request/index.html
---------------------------------------- */

.requestMainArea{
	margin-bottom:70px;
}

.requestMainArea h4{
	font-size:26px;
	margin-bottom:30px;
	padding:3px 0 4px 17px;
	color:#001737;
	background:#e6e5da;
}

.requestMainArea h4 span{
	font-size:14px;
	margin-left:20px;
}

.requestMainArea .pointArea{
	float:left;
	width:558px;
}

.requestMainArea .pointBold h5{
	font-size:16px;
	font-weight:bold;
}

.requestMainArea .pointBold h5 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 40px 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;
}

/* ----------------------------------------
   party/price.html
---------------------------------------- */
.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 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;
}
{
	padding-left:75px;
}
.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{
	width:450px;
	margin-bottom:27px;
	padding:14px 0 18px 30px;
	background:#efefec;
}
.boxPayee dt{
	font-size:16px;
	margin-bottom:5px;
}
.boxPayee dd{
	font-size:18px;
	font-weight:bold;
}
.tableCancel td{
	font-size:13px;
	padding:7px 0;
	text-align:center;
}
.tableCancel th h3{
	font-size:14px;
	padding:7px 0;
	text-align:center;
}
/* ----------------------------------------
  3-. /party/venue.html
---------------------------------------- */
.boxVenue>.clearfix{
	margin-bottom:18px;
}
.boxVenue h2.planListTitle{
	font-size:20px;
	padding:5px 0 5px 30px;
	letter-spacing:-0.03em;
}

.boxVenue .boxTxt{
	float:left;
	width:760px;
}

.boxVenue .boxTxt p{
	font-size:15px;
	line-height:1.6;
}

.boxVenue .btnGradient{
	float:right;
}

.boxVenue .boxImg{
	float:left;
}
.boxVenue .boxTxt2{
	float:right;
	width:480px;
}
.boxVenue table tbody>tr:last-child{
	border-bottom:1px solid #e5e6e7;
}
.boxVenue table tbody{
	display:block;
	width:100%;
}
.boxVenue table tr{
	display:block;
	width:100%;
}
.boxVenue table th{
	font-size:12px;
	-webkit-box-sizing:border-box;
	   -moz-box-sizing:border-box;
	        box-sizing:border-box;
	width:100px;
	padding:5px 0 6px 26px;
	text-align:left;
	vertical-align:top;
	border-top:1px solid #e5e6e7;
}.boxVenue table td{
	font-size:12px;
	padding:5px 0;
	border-top:1px solid #e5e6e7;
}
.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:#fff; /* Old browsers */
	background:   -moz-linear-gradient(top,  #fff 20%, #e8e5dc 100%); /* FF3.6-15 */
	background:-webkit-linear-gradient(top,  #fff 20%,#e8e5dc 100%); /* Chrome10-25,Safari5.1-6 */
	background:        linear-gradient(to bottom,  #fff 20%,#e8e5dc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	text-shadow:1px 1px 0 rgba(255,255,255,0.5);

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#E8E5DC',GradientType=0 ); /* IE6-9 */
}

.btnGradient:hover{
	text-decoration:none;
	opacity:0.6;
}

.boxVenue .boxImg .innerLink{
	padding-top:25px;
}

.boxVenue .boxImg .innerLink li{
	width:230px;
}

.boxVenue .boxImg .innerLink li:nth-child(even){
	float:right;
}
.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:50px;
	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{
	font-size:12px;
	position:absolute;
	top:-2px;
	right:7px;
	content:'>';
}
.listInline{
	overflow:hidden;
}
.listInline li{
	float:left;
	margin-right:23px;
}
.listInline li:last-child{
	margin-right:0;
}
.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:85px;
	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;
}
#clubhouseRoom.boxVenue .boxImg{
	padding-bottom:16px;
}
.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:104px;
}
#charterCruise .boxTxt2 p{
	font-size:15px;
	margin-bottom:20px;
}
@media screen and (max-width:768px){
	.listMainArea .listRightMenu{
		margin-top:16px;
	}

	/* ----------------------------------------
	  3-1. index
	---------------------------------------- */
	.listMainArea .listRightMenu ul.innerLink>li{margin-left: 5px;}
	
	.topSlide{
		min-width:0;
		margin:0 0 -3px;
	}

	.bx-controls-direction .bx-prev{
		left:0;
		background-position:5px 55%;
		-webkit-background-size:25px;
		        background-size:25px;
	}

	.bx-controls-direction .bx-next{
		right:0;
		background-position:-5px 55%;
		-webkit-background-size:27px;
		        background-size:27px;
	}

	.bx-controls-direction a{
		display:block;
		width:30px;
		height:0;
		padding-top:68.5%;
	}

	#topExtraArea{
		display:block;
		margin:15px 0 0;
		padding:0 6% 15px;
		color:#001438;
	}
	#topExtraArea h3{
		font-size:18px;
		line-height:1.4em;
		margin-bottom:9px;
	}
	#topExtraArea p{
		font-size:14px;
		line-height:1.6em;
	}
	#topNews{
		position:relative;
		margin:27px 3.5% 38px !important;
		padding:0 0 44px;
	}
	#topNews h3{
		font-size:21px;
		font-weight:normal;
		width:100%;
		margin-bottom:5px;
		text-align:center;
	}
	#topNews ul li a{
		padding:10px 3%;
	}
	#topNews ul li a:after{
		top:43%;
		right:2px;
	}
	#topNews ul li span.date{
		font-size:13px;
		float:none;
		margin-bottom:2px;
	}
	#topNews ul li span.newsTitle{
		font-size:12.5px;
		display:block;
		padding:0 3% 0 0;
	}
	#topNews .topNewsMore{
		position:absolute;
		bottom:0;
		left:50%;
		float:none;
		margin:0 0 0 -70px;
	}

	#topBasicPlan{
		margin-bottom:45px;
	}

	#topBnr{
		margin:0 6% 6px 7%;
	}
	#topBnr li{
		float:none;
		margin:0 0 12px;
	}
	
	/* ページ上部バナー全て */
	.topMainBnr {
		width: 90%;
		margin: 30px auto;
	}
	.topSlide + .topMainBnr {
		margin-top: 30px;
	}

	/* トップバナー */
	#topSpecialBnr li.left,
	#topSpecialBnr li.right {
		float: none;
	}
	#topSpecialBnr li + li {
		margin-top: 10px !important;
	}
	/* コロナ */
	#topCovid19 {
		box-sizing: border-box;
	}
	#topCovid19 p.mark {
		width: 30%;
		margin: 0 auto;
		padding: 12px 10px 10px 10px;
	}
	#topCovid19 .txtset {
		width: 70%;
		text-align: left;
		padding: 10px 4px 8px 0;
	}
	#topCovid19 h4 {
		font-size: 16px;
		line-height: 1.2;
		margin: 0;
	}
	#topCovid19 p.txt {
		font-size: 10px;
		line-height: 1.4;
		font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ" , "Meiryo" , sans-serif;
		letter-spacing: -0.03em;
		text-align: justify;
		margin-top: 4px;
	}
	#topCovid19 p.txt br {
		display: none;
	}
	#topCovid19 p.linkBtn {
		width: auto;
		margin: 6px auto 0;
	}
	#topCovid19 p.linkBtn a {
		font-size: 13px;
		line-height: 26px;
		font-weight: bold;
	}


	/* ----------------------------------------
  3-2. plan/index.html
---------------------------------------- */

	#planSearch{
		margin-bottom:10px;
	}
	#planAllBtn{
		margin:0 0 10px 3%;
	}
	#planAllBtn img{
		width:auto;
	}

	h2.planListTitle{
		font-size:14px;
		font-weight:normal;
		margin-bottom:15px;
		padding:5px 0 5px 3%;
		vertical-align:middle;
		color:#001737;
		border-radius:2px;
		background:#e6e5da;
	}

	h2.planListTitle small{
		font-size:13px;
		font-weight:normal;
		margin:0 2px;
		vertical-align:middle;
	}

	h2.planListTitle span,
	h2.planListTitle img{
		width:auto;
		vertical-align:middle;
	}


	/* ----------------------------------------
	  3-2. plan list
	---------------------------------------- */

	.pageKeyVisual{
		margin-bottom:20px;
	}

	.pageKeyVisual .kvMessageRight{
		right:15px;
		bottom:15px;
		width:auto;
		max-width:30%;
	}

	.pageKeyVisual .kvMessageLeft{
		bottom:15px;
		left:15px;
		width:auto;
		max-width:30%;
	}

	.listMainArea{
		width:94%;
		margin:0 3% 20px;
	}

	.listMainArea .listMainText{
		float:none;
		width:100%;
	}

	.listMainArea .listMainText h3{
		font-size:18px;
		margin-bottom:20px;
	}

	.listMainArea .listMainText p{font-size:12px;}

	.listMainArea .listRightMenu>ul>li a:hover{background-color:#968768;}

	#setBasicPlan .planList h3{padding-left: 2%;}
	/* ----------------------------------------
  3-3. plan/detail
	---------------------------------------- */
	.planDetailType1 .planTextBlockArea .planTextBlock .planText{height: auto !important;}
	.planDetailType1 .planTextBlockArea .planTextBlockLine {margin-bottom: 20px;}
	.planDetailType1 .planTextBlockArea .planTextBlock:first-child{margin-bottom: 20px;}
	/* ----------------------------------------
  3-4. 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;
	}

	/* ----------------------------------------
	  3_9. 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%;
	}

	.recruitMessage,
	.corporatePrivacy{
		margin:0 3% 10%;
	}

	.corporatePrivacy p{
		margin-bottom:70px;
	}

	/* ----------------------------------------
	  3-5. gallery
	---------------------------------------- */
	#video{
		width:100%;
		height:auto;
	}
	.galleryArea{
		margin-bottom:0;
	}
	.galleryTitle{
		margin-bottom:20px;
	}
	.galleryMovie{
		width:100%;
		margin-bottom:30px;
	}
	.galleryPhoto h3{
		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;
	}
	.galleryArea .f25{
		font-size:20px;
	}
	.galleryArea .f14{
		font-size:12px;
	}
	/* ----------------------------------------
	  3-10. clubhouse/interior.html
	---------------------------------------- */
	.listMainArea .listMainText 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:12px;
		padding-left:6%;
	}

	.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-11. cruise/ladycrystal.html
	---------------------------------------- */
	.aboutLadyCristal{
		margin:0 5% 20px;
		padding:0;
	}

	.aboutLadyCristal li{
		margin-bottom:10px;
	}
	.aboutLadyCristal h3{
		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-12. cruise/course.html
	---------------------------------------- */
	.courseImgList ul{margin:0;}

	.courseImgList li{
		box-sizing:border-box;
		width:100%;
		margin:0 0 10px;
	}
	.courseImgList .imgListTitle{padding:2px 0 2px 42px;}

	.cruiseMap{margin-bottom: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-13. cuisine/course.html
	---------------------------------------- */
	.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-.??? /welcome/
	---------------------------------------- */

	.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:92%;
		line-height:2em;
		margin:0 2% 10%;
	}

	/* ----------------------------------------
	  3-.??? /welcome/appeal.html
	---------------------------------------- */
	.appealMainArea{
		overflow:hidden;
	}

	.appealMainArea>li{float: none;}

	.appealMainArea h3 {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-.??? /welcome/history.html
	---------------------------------------- */
	.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 h5{
		font-size:18px;
		line-height:1.7em;
		width:auto;
		margin:0 3% 3%;
	}

	/* ----------------------------------------
	  3-.??? /welcome/access.html
	---------------------------------------- */

	.pdfMenu{
		margin-top:30px;
	}

	iframe{
		width:100%;
		height:300px;
	}

	.accessMainArea .useArea .useTxt{
		margin:5% 3%;
	}

	.accessMainArea .accessHow{
		margin-top:0;
		margin-left:0;
	}

	.accessMainArea img{
		margin:10px auto;
	}


	/* ----------------------------------------
	  3-.??? /welcome/
	---------------------------------------- */

	.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:92%;
		line-height:2em;
		margin:0 2% 10%;
	}

	/* ----------------------------------------
	  3-.??? /welcome/appeal.html
	---------------------------------------- */
	.appealMainArea{
		overflow:hidden;
	}

	/* ----------------------------------------
	  3-.??? /welcome/history.html
	---------------------------------------- */
.historyMainArea h4 {
    font-size: 22px;
    margin-bottom: 20px;
    padding: 3px 0 4px 4%;
}

.historyMainArea h4 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 h5{
		font-size:17px;
		line-height:1.7em;
		width:auto;
		margin:0 3% 3%;
	}

	/* ----------------------------------------
	  3-.??? /welcome/access.html
	---------------------------------------- */

	.pdfMenu{
		margin-top:30px;
	}

	iframe{
		width:100%;
		height:300px;
	}

	.accessMainArea .useArea .useTxt{
		margin:5% 3%;
	}

	.accessMainArea .accessHow{
		margin-top:0;
		margin-left:0;
	}

	.accessMainArea img{
		margin:10px auto;
	}

	/* ----------------------------------------
	  3-14. gift/index.html
	---------------------------------------- */
	.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:100%;
		margin-bottom:20px;
	}
	.boxGift .box2 h4{
		padding:0;
	}
	.boxGift .box2{
		float:none;
		width:94%;
		margin:0 3% 0;
	}
	.tableGiftCard{
		width:94%;
		margin:0 3% 15px;
	}
	.tableGiftCard tr>td{
		display:block;
		box-sizing:border-box;
		width:100%;
	}


	.tableGiftCard tr>td:first-child{
		display:block;
		box-sizing:border-box;
		width:100%;
		margin:0;
		padding:0 3%;
		border-right:none;
		border-bottom:1px solid #f0f1f2;
	}

	.tableGiftCard .listGiftCard li{
		width:100%;
	}
	.tableGiftCard table,
	.tableGiftCard tbody,
	.tableGiftCard tr{
		display:block;
		width:100%;
	}
	.tableGiftCard .notice li{margin-top:10px;}
	.tableGiftCard .listGiftCard li dl{margin-bottom:5px;}
	.tableGiftCard .listGiftCard li dt{margin:2px 10px 1px 5px;}
	.tableGiftCard .listGiftCard li dd{
		font-size:12px;
		width:100%;
		margin:0 0 6px 5px;
	}
	.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-19. /news/1.html
	---------------------------------------- */
	#newsArea{
		width:94%;
		margin:0 3%;
	}

	#newsArea .newsImage{
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	/* ----------------------------------------
	  3-20. /party/1.html
	---------------------------------------- */
#planListBtnMenu {
	text-align: center;
	width: 68%;
	margin: 30px auto 0;
	max-width: 380px;
}


	#planListBtnMenu img{
		width:90%;
		margin:0 0 15px;
	}
	/* ----------------------------------------
	  3-21. /party/download.html
	---------------------------------------- */
	.downloadArea .lead{
		margin-bottom:20px;
	}
	.downloadArea table{
		width:100%;
	}
	.downloadArea table td{
		font-size:14px;
		display:block;
		padding:10px 3%;
	}

	/* ----------------------------------------
	  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
	---------------------------------------- */
	#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-23. /reserve/cuisine.html
	---------------------------------------- */
	.listPoint{
		padding:30px 0 0 0;
	}
	.listPoint li{
		margin-bottom:20px;
	}
	.listPoint li h3{
		font-size:14px;
		display:table-cell;
		width:770px;
		height:40px;
		padding:0 0 0 90px;
		vertical-align:middle;
	}
	.listPoint li.nthChild1 h3{
		background-position:3% 50%;
		background-size:66px;
	}
	.listPoint li.nthChild2 h3{
		background-position:2.4% 50%;
		background-size:66px;
	}
	.listPoint li.nthChild3 h3{
		background-position:3% 50%;
		background-size:66px;
	}
	.listPoint li.nthChild4 h3{
		background-position:3% 50%;
		background-size:66px;
	}
	.listPoint li.nthChild5 h3{
		background-position:3% 50%;
		background-size:66px;
	}
	.listPoint li.nthChild6 h3{
		background-position:3% 50%;
		background-size:66px;
	}
	.listPoint li .boxTxt{
		float:none;
		width:94%;
		margin:10px 3%;
	}
	.listPoint li .boxImg{
		float:none;
		width:94%;
		margin:0 3%;
	}

	/* ----------------------------------------
	  3-. story/index.html
	---------------------------------------- */
.storyReadArea .pictBoxLeft p{width:100%;}

	.storyReadArea{
		margin-bottom:20px;
		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-. request/index.html
	---------------------------------------- */


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

	.planDiscraimerArea{
		margin-bottom:30px;
	}

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

.planDetailType2 .planTitleArea h2{
	font-size:24px;
	letter-spacing: -0.01em;
}

	.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-. 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{
		text-align:center;
	}
	.tableOption tr>td:last-child{
		font-weight:normal;
		padding-left:3%;
		text-align:center;
	}
	.boxPrice tbody{
		/*border-bottom: 1px solid #E6E7E8;*/
		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 ;
	}

	/* ----------------------------------------
  3-. /party/venue.html
---------------------------------------- */
	.boxVenue .boxTxt{
		float:none;
		width:94%;
		margin:0 3%;
	}
	.boxVenue .boxTxt p{
		font-size:13px;
		margin-bottom:10px;
	}
	.boxVenue .btnGradient{
		float:none;
		margin:auto;
	}
	.boxVenue .boxImg{
		float:none;
		width:100%;
	}
	.boxVenue .boxTxt2{
		float:none;
		width:100%;
	}
	.boxVenue table th{
		display:block;
		width:100%;
		padding-left:0;
		text-align:center;
	}
	.boxVenue table td{
		display:block;
		text-align:center;
	}
	.boxVenue .boxImg .innerLink{
		margin-left:2%;
	}
	.boxVenue .boxImg .innerLink li:nth-child(even){
		float:left;
	}
	.areaRayout .col1{
		float:none;
	}
	.areaRayout .col2{
		float:none;
	}
	.areaRayout .box1{
		width:100%;
	}
	.areaRayout{
		margin-bottom:20px;
	}
	.Imglist li{
		width:92%;
		margin:0 4% 10px;
	}
	.boxVenue table{
		display:block;
		width:100%;
	}
	.boxCol1{
		float:none;
		margin:auto;
	}
	.boxCol1 .btnGradient{
		margin-bottom:20px;
	}
	#charterCruise .boxTxt2 p{
		font-size:13px;
		margin:10px 3% 20px;
	}
	.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 2% 7px;border-bottom:1px solid #F4F4F4;}
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;}
}




/* 2016/06/15 Fumiko Tazawa */
.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;
}
@media screen and (max-width:768px){
	.partyReservationRules {
	border: none;
	border-top: #ccc dotted 1px;
	padding-bottom: 0;
}
	.partyReservationRules > div{
	width: auto;
	float: clear;
	}
	.partyReservationRules > div ul{
	padding-left: 0;
	}
}

/* 2016/09/03 Fumiko Tazawa
   /contact/ 問い合わせフォーム改訂 */
.formWrap {
	margin-top: -46px;
	min-height: 350px;
}
.formWrap ul.anotherForm li a {
	position:relative;
	display: block;
	width: 400px;
	line-height: 1.4;
	padding: 15px 25px 10px 40px;
	font-weight: bold;
	color: #fff;
	background: #968768; /* Old browsers */
	background: -moz-linear-gradient(top, #968768 0%, #a09377 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #968768 0%,#a09377 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #968768 0%, #a09377 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#968768', endColorstr='#a09377',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	box-shadow: 0 3px 0 rgba(117,100,74,1.0);
	text-shadow: 1px 1px 0 rgba(0,0,0,0.4);
}
.formWrap ul.anotherForm li a:after {
	position:absolute;
	font-size:10px;
	top: 37%;
	right:13px;
	content:'>';
	transform:scale(1,1.3);
}
.formWrap ul.anotherForm li a:hover {
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.formWrap .formItem {
	background-color: #f0efea;
	margin-top: 32px;
	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;
	/* forIE8 9 */
	padding:0\9;
}
.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;
	margin-bottom: 80px;
}
.formWrap input[type="button"] {
	width: 240px;
	height: 55px;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #fff;
	background: #657386; /* Old browsers */
	background: -moz-linear-gradient(top, #657386 0%, #000000 100%); /* FF3.6-15 */
	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+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#657386', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border: none;
	border-radius: 3px;
	text-shadow: -1px -1px 0 #000;
	cursor: pointer;
}
.formWrap input[type="button"]:hover {
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	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: #999; /* Old browsers */
	background: -moz-linear-gradient(top, #aaa 0%, #888 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #aaa 0%,#888 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #aaa 0%, #888 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aaaaaa', endColorstr='#888888',GradientType=0 ); /* IE6-9 */
}
.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: #657386; /* Old browsers */
	background: -moz-linear-gradient(top, #657386 0%, #000000 100%); /* FF3.6-15 */
	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+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#657386', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	text-shadow: -1px -1px 0 #000;
}
.formWrap p.goHome a:hover {
	text-decoration: none;
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	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;
		padding-left: 12px;
		margin-bottom: 10px;
	}
	.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;
	}
}

/* 16/10/20
クリスマス特別プラン
-------------------------------------------------*/
#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: 30px;
}
#christmas ul.note li {
	font-size: 17px;
	text-align: center;
	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:35px;
	line-height: 35px;
	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.3;
	margin-bottom: 10px;
}
/* 日別ページ */
#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;
}
#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;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E" , "メイリオ" , "Meiryo" , serif;
	color: #222;
	padding-left: 43px;
}
#christmas #reserve td .red {
	color: #e00;
}
#christmas #reserve td .f18 {
	display: block;
	line-height: 1.3;
	font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ" , "Meiryo" , sans-serif;
	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;
}
@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: 45px;
		margin-bottom: 50px;
	}
	#christmas p.date br {
		display: inline;
	}
	#christmas p.read {
		font-size: 18px;
		text-align: left;
	}
	#christmas ul.note li {
		font-size: 15px;
	}
	#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 {
		padding-left: 0;
	}
	#christmas ul.note li {
		text-align: left;
	}
	/* .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 {
		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 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 {
		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;
	}
}


/* 16/11/02
 特別プランページ
-------------------------------------------------*/
#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-top: 60px;
	margin-bottom: 20px;
}
#specialPage .planSearchList h3{
		line-height: 1.4;
}

/* 予約について */
#specialPage #reserve {
	width: 740px;
	margin-left: auto;
	margin-right: auto;
}
#specialPage #reserve h2 {
	font-size: 21px;
	font-weight: normal;
	color: #001737;
	margin: 60px 0 50px;
	
}
#specialPage #reserve h3 {
	font-size: 21px;
	font-weight: bold;
	color: #786841;
	margin-bottom: 5px;
}
#specialPage #reserve table {
	width: 100%;
	vertical-align:middle;
	text-align: left;
	margin-bottom: 20px;
}
#specialPage #reserve th,
#specialPage #reserve td {
	height: 132px;
	border-top: 1px solid #968768;
}
#specialPage #reserve .noBorder th,
#specialPage #reserve .noBorder td {
	border-top: 0;
}
#specialPage #reserve .verTop th,
#specialPage #reserve .verTop td {
	vertical-align: top;
	height: auto;
	padding-top: 15px;
	padding-bottom: 15px;
}
#specialPage #reserve th {
	width: 260px;
	font-size: 18px;
	font-weight: bold;
	color: #786841;
	padding-left: 10px;
}
#specialPage #reserve th img,
#specialPage #reserve th span {
	vertical-align: middle;
}
#specialPage #reserve th img {
	margin-right: 14px;
}
#specialPage #reserve td {
	font-size: 14px;
	line-height: 1.7;
	font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E" , "メイリオ" , "Meiryo" , serif;
	color: #222;
	padding-left: 43px;
}
#specialPage #reserve td .red {
	color: #e00;
}
#specialPage #reserve td .f18 {
	display: block;
	line-height: 1.3;
	font-family: "ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック体", "Yu Gothic", YuGothic, "メイリオ" , "Meiryo" , sans-serif;
	font-weight: bold;
	color: #555;
	margin-bottom: 20px;
}
#specialPage #reserve td .ind {
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
@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 #reserve {
		width: 100%;
	}
	#specialPage #reserve h2 {
		font-size: 19px;
		margin: 40px 0 30px;
	}
	#specialPage #reserve h3 {
		font-size: 19px;
	}
	#specialPage #reserve table {
		vertical-align:top;
		margin-bottom: 0;
	}
	#specialPage #reserve th {
		display: block;
		width: auto;
		height: auto;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0;
	}
	#specialPage #reserve td {
		display: block;
		height: auto;
		border-top: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 0;
	}
	#specialPage #reserve th img {
		width: 28px;
		height: auto;
	}
	#specialPage #reserve th.zero {
		font-size: 0;
		margin: 0;
		padding: 0;
	}
	#specialPage #reserve th.pbtm0 {
		padding-bottom: 0;
	}
}

/* 19/10/23
 クリスマス　ティザーページ
-------------------------------------------------*/
#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;
	}
}


/* 20/05/30
 コロナ対策ページ
-------------------------------------------------*/
#covid19 {
	width: 730px;
	margin: 80px auto 120px;
}
@media screen and (max-width:768px){
	#covid19 {
		width: auto;
		margin: 40px 20px 60px;
	}
}/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; /*overflow:hidden;*/}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
/*
    #cboxTopLeft{width:21px; height:21px; }
    #cboxTopRight{width:21px; height:21px; }
    #cboxBottomLeft{width:21px; height:21px; }
    #cboxBottomRight{width:21px; height:21px; }
    #cboxMiddleLeft{width:21px; }
    #cboxMiddleRight{width:21px;}
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px;}
*/
    #cboxContent{background: #fff;padding:5px 5px 50px 5px;border-radius:3px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:2px;}
        #cboxTitle{text-align:left; width:100%; color:#000;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:none;}
        #cboxLoadingGraphic{background:url("images/loading.gif") no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url("images/controls.png") no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url("images/controls.png") no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}

        #cboxClose{position:absolute; bottom:-27px; right:-27px; background:url("images/close.png") no-repeat left top; width:27px; height:27px; text-indent:-9999px;opacity:0;}
/*        #cboxClose:hover{background-position:-25px -25px;}/*

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}
@media screen and (max-width:768px){

    .cboxPhoto{
        max-width:100%!important;
        max-height:100%!important;
        width: auto !important;
        height: auto !important;
    }
    #cboxClose{right: 0;}
}

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

@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 #d5d5d5;
	border-radius: 3px;
	background-color: #eee;
}

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