@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
http://html5doctor.com/html-5-reset-stylesheet/
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
*{
	margin: 0;
	padding: 0;
}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
   /* vertical-align:baseline;親要素の下付きになるのでレイアウトが崩れる*/
    background:transparent;
}

body {
    line-height:1;

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

em {color:#CC0000; font-style: normal;}
em_lin { border-bottom: solid 1px #CC0000; }

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
 vertical-align:middle;
	margin: 0;
	padding: 0;
}

ol, ul{
  list-style:none;
}

a:focus {
	outline:none; /*タブ移動時にリンク文字囲み線を無くす*/
}

br { letter-spacing: normal;}
img { vertical-align: top; font-size:1px;}
img a { border:none;}

html{
  overflow-y: scroll;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
	font-size: 62.5%;/*"viewportの文字大きさ固定*/
}

/****************** Reset css ここまで ************************/



body {
	font-size:10px;/* font-size 1rem = 10px */
	font-size:1.0rem;
	/*font-size: 14px; */
	line-height:1.5;
	color: #333;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

ol, ul {
  list-style: none;
  list-style-type: none;
}

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

a       { color: #2067F4; text-decoration: none;}
a:hover { color: #F24A13; }

.kern{letter-spacing: -0.5px;}/*文字の間隔詰める*/


/***** #wrappar *****/
#wrappar {
	width: 100%;
max-width: 980px;
	margin: 0 auto;
}

/***** header *****/
#wrappar header  {
	margin-bottom: 10px;
	/*padding: 0 15px;
	padding: 60px 0px 0 0px;*/
	text-align: center;
}

.headerBoxA{max-width: 860px;}
.headerBoxB{width: 110px;}

h1{width: 100%; text-align: center; color: #0065a6; border-bottom: solid 1px #0065a6; padding-bottom: 5px;}
h1{}
h1 img {width:100% ; height: 100%;max-width:402px;  vertical-align: middle;}
h1 a{ color: #0065a6;}
h1 a:hover{ color: #0065a6;}

h3.title {width: 100%; text-align: center;border-bottom: solid 1px #0065a6; padding-bottom: 5px;}
h3.title img {width:100% ; height: 100%; max-width:650px;  vertical-align: middle;}/*互換表に使用*/


/****************************** Menu構造 ******************************/

/*PC版メニュー <header>の中</header> */

/******** 全容を見る ********/
.more-wrap_global-nav {
  position: relative;
		margin-bottom: -5rem;	
}

.more-btn_global-nav {
  z-index: 2;
  position: absolute;
  right:2px;
  bottom: 0;
  left: -999;
 width: 85px;
  margin:0 auto -10px ;
  padding: 0.3rem 0 0.6rem ;
  border-radius: 2px;
  background: #00976e;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  transition: .5s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3); 
		font-size: 1.4rem;
		top:-4rem;
		height:1.5rem;
}

.more-btn_global-nav::before {
  content: "PCメニュー"
	
}
.more-item_global-nav {
  position: relative;
 top: -3rem;
 padding-top: 2.8rem;
  overflow: hidden;
  height:0rem; /*隠した状態の高さ*/
}
.more-item_global-nav::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:0rem; /*グラデーションで隠す高さ*/
		/*
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
		*/
  content: "";
}
.more-trigger_global-nav {
  display: none; /*チェックボックスは常に非表示*/
}
.more-trigger_global-nav:checked ~ .more-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/

}
.more-trigger_global-nav:checked ~ .more-item_global-nav {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.more-trigger_global-nav:checked ~ .more-item_global-nav::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

.global-nav {
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	max-width: 981px;
}

.global-nav-inner {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	max-width: 480px;
	min-width: 320px;
	margin: 0 auto;
	border-left: 1px solid #ddd;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.global-nav-inner .gnav-col {
	display: -webkit-flex;
	display: flex;
	width: 24%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.global-nav-inner .t-gnav {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	width: 100%;
	padding: 0 4px 10px 4px;
	margin: 0 auto;
	font-size: 12px;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.global-nav-inner a {
	color: #000;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.global-nav-inner a:hover, .global-nav-inner a:active { background-color: #fdd000; }

.global-nav-inner .gnav-on {
	background-color: #fdd000;
	pointer-events: none;
	cursor: default;
}

.global-nav-inner .gnav-col:nth-child(4),
.global-nav-inner .gnav-col:last-child {
	border-right: 1px solid #ddd;
}

.global-nav-inner .gnav-col:nth-child(n+5) { border-bottom: none; }


.SPglobal-nav {
margin-top: 20px;
	width: 100%;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	max-width: 981px;
}

.SPglobal-nav-inner {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	/*max-width: 480px;*/
	min-width: 320px;
	margin: 0 auto;
	border-left: 1px solid #ddd;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.SPglobal-nav-inner .SPgnav-col {
	display: -webkit-flex;
	display: flex;
	width: 33%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

/*SP版メニュー <nav>の中</nav> */

.SPglobal-nav-inner .SPt-gnav {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-grow: 1;
	flex-grow: 1;
	width: 100%;
	padding: 0 0px 10px 0px;
	margin: 0 auto;
	font-size: 12px;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	flex-direction: column;
	text-align: center;
}

.SPglobal-nav-inner a {
	color: #000;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.SPglobal-nav-inner .b {
	color: #000;
	display: -webkit-flex;
	display: flex;
	width: 100%;
	-webkit-flex-direction: column;
	flex-direction: column;
}

.SPglobal-nav-inner a:hover, .SPglobal-nav-inner a:active { background-color: #fdd000; }

.SPglobal-nav-inner .SPgnav-on {
	background-color: #fdd000;
	pointer-events: none;
	cursor: default;
}

/* ホームメニュー画像掲載指定 */
.icon-megaphone, .icon-hospital, .icon-diamond, .icon-ship, .icon-glass, .icon-doc-inv-alt, .icon-bell, .icon-wpforms, .icon-lightbulb, .icon-help-circled, .icon-sitemap, .icon-info-circled,.icon-user{
	display: block;
	width: 32px;
	height: 32px; 
	margin:10px auto 4px auto;
	font-size: 2rem;
	color: #C1AFAF;
}

/****************************** Menu構造 ここまで ******************************/


/***** #main *****/
#main {
	width: 100%;
	margin: 0 auto;
}

#mainContents {
	clear: both;
	width: 100%;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: -1px;
	font-weight: lighter;
}

#contents {
	width: 90%;
	margin: 0 auto;
}




/*****************************************************
特特物件
******************************************************/

/* tokuSp.css に記載*/

/*****************************************************
特特物件　ここまで
******************************************************/


/*****　footer #callCenter *****/
#callCenter {
	padding: 0 15px;
	widows: 100%;
	max-width: 980px;
	margin: 0 auto;
}

#callCenter p {font-size: 1.6rem; text-align: center; margin-bottom: 0;}
#callCenter p img {width: 48%; height: 100%; max-width: 180px;}

#callCenter span {
	font-size: 12px;
	line-height: normal;
	margin-bottom: 10px;
}

/***** footer *****/
footer {
	padding: 10px;
	background-color: #13569b;
	color: #FFF;
	text-align: center;
}

/*****　footer #callCenter ここまで*****/


/***** 装飾関係 *****/
.button {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
	color: #FFF;
	background-color: #F0AD4E;
	border-color: #EEA236;
	display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
}

.buttonB {
	width: 100%;
	display: block;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	border-radius: 6px;
	color: #FFF;
	background-color: #337AB7;
	border-color: #2E6DA4;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-appearance: button;
	background-image: none;
	border: 1px solid transparent;
}

.buttonB:hover {
	background-color: #286090;
	border-color: #204D74;
}



/*************************************************************************
*
  問い合わせFORM
		*
/*************************************************************************/

/******  FORMの必須装飾　*********/
.textboxA {
	background-color: #D9534F;
	display: inline;
	padding: 1px 3px;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}

/******  売り希望　NEW　の装飾　*********/
.textboxAA {
	background-color: #D9534F;
	display: inline;
	padding: 1px 3px;
	font-size: 10px;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	vertical-align: middle;
}

/******  売り希望　媒介　の装飾　*********/
.textboxB {
	background-color: #5BC0DE;
	display: inline;
padding: 1px 3px;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
}


/******  FORM入力部分の装飾　*********/

.formboxA {
	display: block;
	width: 97%;
	height: 46px;
	padding: 10px 16px;
	margin-right: 1%;
	font-size: 18px;
	line-height: 1.3333333;
	color: #555;
	background-color: #FDFEE3;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	box-sizing: border-box;
}

.formboxB {
	display: block;
	width: 97%;
	height: 46px;
	padding: 10px 16px;
	margin-right: 1%;
	font-size: 18px;
	line-height: 1.3333333;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	letter-spacing: -1px;
	box-sizing: border-box;
}

.formboxC {
	display: block;
	width: 40%;
	height: 46px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.3333333;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 6px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	letter-spacing: -1px;
	box-sizing: border-box;
	float: left;margin-right: 3%;
}

/*テキストエリア*/
textarea{
	clear:both;
	display:block;
	text-align:left;
	font-size:18px;
	padding:8px 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:20px;
	line-height:1.5em;
	font-size:1.8rem;
	color:#000000;
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #333333);
	background-image: linear-gradient(top, #FFFFFF, #333333);
font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
/*	-webkit-box-shadow: 1px 1px 1px 2px #bbb;
	-moz-box-shadow: 1px 1px 1px 2px #bbb;
	box-shadow: 1px 1px 1px 2px #bbb;
	*/		
	border:solid  1px;
	border-color:#D4D1D1;
	border-radius: 3px;
	}

textarea:hover{
	clear:both;
	display:block;
	text-align:left;
	font-size:18px;
	padding:8px 1.5%;
	overflow:hidden;
	width:87%;
	margin-bottom:20px;
	line-height:1.5em;
	font-size:1.8rem;
	color:#000000;
	background-image: -moz-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#FFFFFF7), to(#333333));
	background-image: -o-linear-gradient(top, #FFFFFF, #FFFFFF);
	background-image: linear-gradient(top, #FFFFFF, #333333);
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	/*
	-webkit-box-shadow: 1px 1px 2px 3px #2E929B;
	-moz-box-shadow: 1px 1px 2px 3px #2E929B;
	box-shadow: 1px 1px 2px 3px #2E929B;
	*/
	border:none;
	border:solid  1px;
	border-color:#D4D1D1;
	border-radius: 3px;
	}
	
/******* #info 問い合わせFORM上部　*******/

#info {
	width: 98%;
	max-width: 800px;
	margin: 1% auto;
	 margin-bottom:4rem;
	text-align: left;
	font-size: 1.4rem;
}

#toku_Info .table_a {
	width: 100%;
	clear: both;
	background-color: #FFFFF0;
	border: solid 2px #D0C899;
}

#toku_Info .table_b {
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: solid 2px #D0C899;
	border-left: solid 2px #D0C899;
	border-right: solid 2px #D0C899;
}

#toku_Info .table_b td span {
	margin-left: 5px;
}

#toku_Info .table_c {
	width: 100%;
	background-color: #FFFFFF;
	border-bottom: solid 2px #D0C899;
	border-left: solid 2px #D0C899;
	border-right: solid 2px #D0C899;
}

#toku_Info .table_c td span {
	margin-left: 5px;
}

.tble_P {width: 98%; margin: 0 auto;}
.tble_P .tble_G {border-right:solid 1px #C0B077; border-bottom:solid 1px #C0B077; float: left; width: 100%; margin-bottom: 5px;}
.tble_G th { 
width: 8%;
	letter-spacing:normal; 
	color:#3C3C3C; 
	line-height:1; 
	text-align:center !important;
	padding:2px; 
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	background-color:#FDFEE3;
	}

.tble_G td { 
	background-color:#FFFFFF;
	color:#3C3C3C; 
	line-height:1; 
	text-align:center !important;
	padding:2px; 
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	 }

#toku_Info .line_R {
	border-right: solid 1px #D0C899;
}

#toku_Info .line_T {
	border-top: solid 1px #D0C899;
}

#toku_Info .line_B {
	border-bottom: solid 1px #D0C899;
}


#toku_Info .forSale {
	width: 100%;
	line-height:1.5;	
}

#toku_Info .forSale h2 {
	font-size: 1.8rem;
	margin: 10px 0;
	text-align: center;
}

.infoItA {}
.infoItB {margin-left: 10px;white-space: nowrap;}
.infoItC {padding-left: 0px; color:#BC7D06;white-space: nowrap;}
.infoItD { font-size: 1.4rem;}/*@media screen and (max-width:650px)で非表示*/
.infoItE { font-size: 1.8rem; font-weight: bold;}

.infoItF { font-size: 1.4rem;}
.infoItG {font-size: 2.4rem; font-weight: bold; color: #C50000;}
.infoItH { font-size: 1.4rem;}
.infoItI {font-size: 2rem; font-weight: bold; }

.infoItJ { font-size: 1.4rem;}/*@media screen and (max-width:650px)で非表示*/
.infoItK { font-size: 1.8rem;}
.infoItL { font-size: 1.4rem;}
.infoItM { font-size: 1.6rem;}

.icon-camera{ color: #D0C899;}

.infoListA {width: 100%; font-size: 1.8rem;}
.infoListA li{ float: left; text-align: center; margin: 10px auto;}

.infoListA .listLiA{width: 60%; }
.infoListA .listLiB{width: 38%; border-left:solid 1px #D0C899; }

.infoListB {width: 100%; font-size: 1.8rem;}
.infoListB li{ float: left; text-align: center; margin: 10px auto;}

.infoListB .listLiC{width: 60%;}
.infoListB .listLiD{width: 38%; border-left:solid 1px #D0C899;}

.infoListC {width: 98%; font-size: 1.4rem;margin-left:1%;}
.infoListC li{ float: left; text-align: center; margin-right:1.5rem;}
.infoListC li a{ text-decoration: underline;}

#toku_Info .button {
	margin-right: 5px;
}

#toku_Info .line {
	line-height: 200%;
}

#toku_Info .textboxA {
	border-radius: .25em;
	margin: 5px;
}

#toku_Info .textboxA {
	border-radius: 0;
	margin: 5px;
}

#toku_Info .textboxB {
	border-radius: 0;
	margin: 5px;
}


#toku_Info .textboxC {
	background-color: #000;
	display: inline;
	padding: 0;
	width: 3.6rem;
	height: 1.2rem;
	line-height: 1.2rem;
	display: inline-block;
	font-size: 0.7rem;
	font-weight:normal;
	color: #FFF;
	text-align: center;
	vertical-align:middle;
	border-radius: 30%;
	margin-right: 5px;
}

#toku_Info .kakaku {
	font-weight: bold;
	color: #C50000;
	text-align: right;
	padding-right: 0px;
	font-size: 20px;
}

#toku_Info .hiyou {
	color: #000000;
	text-align: right;
	padding-right: 0px;
	font-size: 20px;
}

#toku_Info .lin {
	border-top: solid 1px #D0C899;
}


#info p {
	padding: 5px;
	font-size: 12px;
	letter-spacing: -1px;
	text-align: center;
}

/******* #info 問い合わせFORM上部 ここまで*******/


/******* 入力FORM *******/
#form {
	width: 90%;
	padding: 0 15px;
	margin: 20px auto 0;
	font-size: 1.4rem;
}

#form .formGroup {
	margin-bottom: 15px;
}

#form .formGroupB {
	margin-bottom: 5px;
	border: 1px solid #ccc ;
	border-radius: 3px;
	padding: 3px 0 0 5px;
	width: 97%;
}

#form label {
	display: inline-block;
	max-width: 100%;
	margin-bottom: 5px;
	font-weight: 700;
}

.selectA {color: #C50000; font-weight: 700;}
.selectB {color: #439DE7; font-weight: 700;}


.bs-callout {
    padding: 5px 10px 0 10px;
    margin: 0 auto 10px auto;
    background-color: #F9F9F9;
    border: 1px solid #eaaeac;
    border-radius: 3px;
}

.bs-calloutB {
    padding: 5px 10px 0 10px;
    margin: 0 auto 10px auto;
    background-color: #F9F9F9;
    border:none;
    border-radius: 3px;
}

#form .panelGroup {
	margin-bottom: 20px;
}

#form .panelDefault {
	margin-bottom: 0;
	border-radius: 4px;
	border: 1px solid #DDD;
	background-color: #FFF;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
	box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

#form .panelHeading {
	color: #333;
	background-color: #F5F5F5;
	padding: 5px;
	border-color: #DDD;
	border-bottom: 0;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#form .panelTitle {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	text-align: center;
	line-height: 125%;
	background-color: #edeefb;
}

#form .panelTitle label { display: block; width: 100%;}

#form .panelBody {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.2s;
}

#form .accordion:checked + .panelBody {
	height: auto;
	padding: 5px 10px;
	opacity: 1;
}

#form .radioInline {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 0;
	font-weight: 400;
	vertical-align: middle;
	cursor: pointer;
	max-width: 100%;
	margin-left: 10px;
}

#form .radioInline:first-of-type {
	margin-left: 0;
}

#form .radioBoxA {
	width: 30px;
	height: 30px;
	position: absolute;
	margin-left: -20px;
}

#form .radioBoxB {
	width: 25px;
	height: 25px;
	position: absolute;
	margin-left: -20px;
}

#form .radioBoxC {
	width: 15px;
	height: 15px;
	position: absolute;
	margin-left: -14px;
}

.fontStyleA {
	font-size: 18px;
	margin: 6px auto 6px 10px;
}

.fontStyleB {
	font-size: 16px;
	margin: 6px -5px 6px 10px;
	letter-spacing: -1px;
}

.fontStyleC {
	font-size: 14px;
	margin: 0;
	letter-spacing: -1px;
}

#form .fontStyleB:first-of-type {
	letter-spacing: 0;
}

#form .formMargin {
	margin: 30px auto;
}

#form h4 label {
	cursor: pointer;
	font-weight: 100;
}

#form h4 label:hover {
	text-decoration: underline;
}

.panelGroup #open {
	display: none;
}

/******* 入力FORM ここまで*******/

/******** お問い合わせフォーム用エクシブガイド *********/
.clear {
	clear:both;
	}

#hotelNew {
	clear:both;
	display:block;
width:98%;
max-width: 698px;
	line-height:1.5;
	margin: 0 auto;
	}

.hotelNewTitle{ clear:both;
width:100%;
margin: 0 auto;	
margin-bottom: 10px;	
}
.hotelNewTitle {
  position: relative;
  text-align: center;
 color: #00976e;		
}
.hotelNewTitle span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 4rem ;
  padding: 0.3rem 1rem 0 ;
  background-color: #fff;
  text-align: left;
 font-size: 1.4rem;
	font-weight: bold;
}
.hotelNewTitle::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #00976e;
  background: -webkit-linear-gradient(-45deg, transparent, #00976e 10%, #00976e 90%, transparent);
  background: linear-gradient(-45deg, transparent, #00976e 10%, #00976e 90%, transparent);
}
	
#hotelNew .imgBox { width:100%; text-align:center;}	
#hotelNew .imgBox img { border:solid 1px #C0B077; padding:2%;}

#hotelNew .imgBox .mainImg{width: 50%; margin: 0 auto;font-size:12px;}
#hotelNew .imgBox .mainImg img{width: 100%; height: 100%;}

#hotelNew .imgBox .rotate { width:100%; float:left; display:block;}
#hotelNew .imgBox .rotate ul { margin:0 auto; padding:0px;}	
#hotelNew .imgBox .rotate ul li{
	list-style:none;
	float:left;	
	width: 30%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 1%;
	text-align:center;
	line-height:1;
	font-size:12px;
	background-color:#F2F2F2;
	}
	#hotelNew .imgBox .rotate  ul li img {width: 100%; height: 100%;}
	
	#hotelNew .imgBox .long { width:66%; float:left; display:block;}
#hotelNew .imgBox .long ul { margin:0 auto; padding:0px;}	
#hotelNew .imgBox .long ul li{
	list-style:none;
	float:left;	
	width: 45%;
	margin-left: 1%;
	margin-right: 2%;
	margin-bottom: 1%;
	text-align:center;
	line-height:1;
	font-size:12px;
	background-color:#F2F2F2;
	}
	#hotelNew .imgBox .long  ul li img {width: 100%; height: 100%;}

#hotelNew .imgBox .short { width:33%; float:left; display:block;}
#hotelNew .imgBox .short ul { margin:0 auto; padding:0px;}	
#hotelNew .imgBox .short ul li{
	list-style:none;
	float:left;
	width: 95%;
	margin-left: 1%;
		margin-right: 2%;
	text-align:center;
	line-height:1;
	font-size:12px;
	background-color:#F2F2F2;
	}
	#hotelNew .imgBox .short  ul li img {width: 100%; height: 100%;}	
	

#hotelNew .cmBox { clear:both; width:100%; margin:10px auto ;}	
#hotelNew .cmBox p { margin: 0 1.5% 15px 1.5%; font-size: 1.4rem;}

#hotelNew table{
	display:block;
	clear:both;
	float:left;
	width:auto;
	margin:0 auto;
	border:solid 2px #C0B077;
	background-color:#FFFFF0;
	word-break: break-all;
	font-size:1.4rem;
	}
	
#hotelNew table th { letter-spacing:0.5em; text-align:center; line-height:1; color:#C0B077; border-bottom:solid 1px #C0B077; padding: 5px 0; vertical-align: top;}
#hotelNew table td { color:#3C3C3C; line-height:1; text-align:left; border-top:solid 1px #C0B077; vertical-align: top;}
#hotelNew table .searchNew_tl {width:17%; text-align:left; padding: 5px 0 5px 5px; border-right:solid 1px #C0B077;}
#hotelNew table .searchNew_mc {width:82%; text-align:left; padding: 5px 0 5px 5px; background-color:#FFFFFF;}

#hotelNew table .searchNew_tlB {width:23%; text-align:left; padding: 5px 0 5px 5px; border-right:solid 1px #C0B077;}
#hotelNew table .searchNew_mcB {width:76%x; text-align:left; padding: 5px 0 5px 5px; background-color:#FFFFFF;}

#hotelNew .detail{
	display:block;
	clear:both;
	float:left;
	width:82%;
	margin:0px;
	}
	
#hotelNew .detail .Tble{
	display:block;
	clear:both;
	float:left;
	width:82%;
	border:none;
	background-color:#FFFFFF;
	margin:5px 0 10px 0;
	}
	
#hotelNew .detail .Tble th { 
	letter-spacing:normal; 
	color:#3C3C3C; 
	line-height:1; 
	text-align:center;
	padding:0 2px; 
	font-weight:normal;
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	background-color:#FDFEE3;
	}

#hotelNew .detail .Tble td { 
	background-color:#FFFFFF;
	color:#3C3C3C; 
	line-height:1; 
	text-align:center;
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	 }

#hotelNew .detail .TbleL{
	display:block;
	clear:both;
	float:left;
	width:82%;
	border:none;
	background-color:#FFFFFF;
	margin:5px 0 10px 0;
	}

	
#hotelNew .detail .TbleL th { 
	letter-spacing:normal; 
	color:#3C3C3C; 
	line-height:1; 
	text-align:center;
	padding:0 2px; 
	font-weight:normal;
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	background-color:#FDFEE3;
	}

#hotelNew .detail .TbleL td { 
	background-color:#FFFFFF;
	color:#3C3C3C; 
	line-height:1; 
	text-align:left;
	padding-left:5px;
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	 }
	 	 
#hotelNew .detail .Tble .en { text-align:right; padding-right:5px;}/*金額が入る場合*/	
#hotelNew .detail .TbleL .en { text-align:right; padding-right:5px;}/*金額が入る場合*/
#hotelNew .detail .Tble .cell_sp{ border-top:none; border-left:solid 1px #C0B077; border-bottom:none;}/*空白のセル*/
#hotelNew .detail .TbleL .cell_sp{ border-top:none; border-left:solid 1px #C0B077; border-bottom:none;}/*空白のセル*/

#hotelNew .detailB{
	display:block;
	clear:both;
	float:left;	
	margin:0px;
	}
	
#hotelNew .detailB .Tble{
	display:block;
	clear:both;
	float:left;
	border:none;	
	background-color:#FFFFFF;
	margin:5px 0 10px 0;
	border-right: solid 1px #C0B077;	
	width: auto;
	border-bottom:solid 1px #C0B077;
	}
	
	
#hotelNew .detailB .Tble th { 
	letter-spacing:normal; 
	color:#3C3C3C; 
	line-height:1; 
	text-align:center;
	padding:2px; 
	font-weight:normal;
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	background-color:#FDFEE3;
	}

#hotelNew .detailB .Tble td { 
	background-color:#FFFFFF;
	color:#3C3C3C; 
	line-height:1; 
	text-align:center;
		padding:2px; 
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	 }

#hotelNew .detailB .TbleL{
	display:block;
	clear:both;
	float:left;
	width:82%;
	border:none;
	background-color:#FFFFFF;
	margin:5px 0 10px 0;
	}

	
#hotelNew .detailB .TbleL th { 
	letter-spacing:normal; 
	color:#3C3C3C; 
	line-height:1; 
	text-align:center;
	padding:0 2px; 
	font-weight:normal;
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	background-color:#FDFEE3;
	}

#hotelNew .detailB .TbleL td { 
	background-color:#FFFFFF;
	color:#3C3C3C; 
	line-height:1; 
	text-align:left;
	padding-left:5px;
	border-top:solid 1px #C0B077;
	border-left:solid 1px #C0B077;
	border-bottom:none;
	 }
	 	 
#hotelNew .detailB .Tble .en { text-align:right; padding-right:5px;}/*金額が入る場合*/	
#hotelNew .detailB .TbleL .en { text-align:right; padding-right:5px;}/*金額が入る場合*/
#hotelNew .detailB .Tble .cell_sp{ border-top:none; border-left:solid 1px #C0B077; border-bottom:none;}/*空白のセル*/
#hotelNew .detailB .TbleL .cell_sp{ border-top:none; border-left:solid 1px #C0B077; border-bottom:none;}/*空白のセル*/

.detailBP {clear: both; line-height: 1;}


/*続きを*/
/******** 全容を見る ********/
.more-wrap {
  position: relative;
}
.more-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
 width: 100px;
  margin:0 auto -10px;
  padding: 0.5rem;
  border-radius: 2px;
  background: #00976e;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  cursor: pointer;
  transition: .5s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3); 
		font-size: 1.4rem;
}

.more-btn::before {
  content: "全容を見る"
}
.more-item {
  position: relative;
 top: -3rem;
 padding-top: 3rem;
  overflow: hidden;
  height: 7rem; /*隠した状態の高さ*/
}
.more-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height:3rem; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.more-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.more-trigger:checked ~ .more-btn::before {
  content: "閉じる" /*チェックされていたら、文言を変更する*/

}
.more-trigger:checked ~ .more-item {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.more-trigger:checked ~ .more-item::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}

/******** お問い合わせフォーム用エクシブガイド ここまで *********/
/*************************************************************************
*
  問い合わせFORM  ここまで
		*
/*************************************************************************/






/*************************************************************************
*
  エクシブ価格表ここから
		*
/*************************************************************************/

/******************** 価格表全体 ********************/
/***** #kDataList *****/
#kDataList {
	clear: both;
	width: 100%;
}

/**************　ホテル・グレードで選ぶ　アコーディオン　*******/

.searchWaku {
	width: 96%;
	table-layout: fixed;
	border-collapse: separate;
	position: relative;
	vertical-align: middle;
	margin: 0 auto 10px;
}

.searchWaku .searchNaka {
  margin: 0 ;
  padding: 0;
}

.searchWaku input {
  display: none;
}

.labelTitle { width: 100%;}
.labelTitle ul,li{list-style: none;}
.labelTitle li { display: block; float: left; width: 50%;}

.searchWaku label {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-left: 0;
}

.labeBtn {
	font-size: 16px;
	font-weight: bold;
	text-shadow: -1px 1px 0 rgba(0,0,0,0.9);
	text-decoration: none;
	display: table-cell;
	float: none;
	width: 1%;
	position: relative;
	color: #FFF;
	padding: 6px 12px;
	margin-bottom: 0;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
}

/* labelBtnは ホテルで選ぶ・グレードで選ぶの選択ボタン*/
.labeBtnL {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	margin-left: 0;
	background-color: #D9534F;
	border-color: #D43F3A;
}

.labeBtnR  {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	margin-right: 0;
	background-color: #337AB7;
	border-color: #2E6DA4;
}

.labeBtnL:hover {
	background-color: #C9302C;
	border-color: #AC2925;
}

.labeBtnR:hover {
	background-color: #286090;
	border-color: #204D74;
}

.searchWaku .searchBox_Close {
  transition: 0.5s;
  height: 0;
  overflow: hidden;
  background: #FFF;
  padding: 0 10px;
  box-sizing: border-box;
}
.searchWaku searchBox_Open {
  transition: 0.5s;
  height: auto;
  padding: 10px;
  box-sizing: border-box;
}

.checkNone{font-size: 1.4rem; color: #999; padding-right: 3px;}
.checkChk{font-size: 1.4rem; color: #D9534F; padding-right: 3px;}

.searchBox_Hotel ul,li{list-style: none;}
.searchBox_Hotel li {display: inline-block; width: 30%; margin: 0 1%; line-height: 2; border-bottom: dotted 1px #C9302C; color: #111;}
.searchBox_Hotel li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
.searchBox_Hotel li:hover {background: #fcddce; cursor: pointer; }
.searchBox_Hotel li {font-size: 16px;} /* 追加ono */

.searchBox_Grade ul,li{list-style: none;}
.searchBox_Grade li {display: inline-block; width: 45%; margin: 0 2%; line-height: 2; border-bottom: dotted 1px #286090; color: #111;}
.searchBox_Grade li {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	}
.searchBox_Grade li:hover {background: #dfecfa; cursor: pointer; }
.searchBox_Grade li {font-size: 18px;} /* 追加ono */

.searchBox_Grade .noBak:hover {background: #FFFFFF; cursor:auto; }

.refine ul,li{list-style: none;}
.refine li {
 display: inline-block; 
	width: 31%; 
	margin: 0 1%; 
	line-height: 2; 
	text-align: center;
	cursor: pointer;
	background:#eee;
	}
.refine li:hover{background:#5e0;}

/**************　ホテル・グレードで選ぶ　アコーディオン　ここまで　*******/


/****************** エクシブ価格表テーブル  ******************/

.kakakuTable{}
.kakakuTable td a{display: block; width: 100%; height: 100%;}

.gradeTitle  {
clear: both;
	margin: 10px 0 5px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
}

.gradeTitle {
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 5px 0 80px;
	border: 1px solid #0065a6;
	border-radius: 6px;
	left: 1%;	
	margin-right: 5%;
}

/* 既存エクシブ　A,C,E,S 1文字用*/
.gradeTitleA {
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 5px 0 40px;
	border: 1px solid #0065a6;
	border-radius: 6px;
		left: 1%;}

/* 新エクシブ CB,EC,SE,S 2文字用*/
.gradeTitleB {
	position: relative;
	height: 40px;
	line-height: 40px;
	padding: 0 5px 0px 80px;
	border: 1px solid #0065a6;
	border-radius: 6px;
left: 1%;

}

.gradeTitle::before{
	content: attr(title);
	position: absolute;
	left: 0;
	top: 0;
	padding:0 20px;
	font-size:22px;
	font-size:2.2rem;
	background: #0065a6;
	color: #fff;
}

.hotelTitle  {
clear: both;
	margin: 10px 0 5px;
	font-size: 20px;
		font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;
}

.hotelTitle {
	position: relative;
	height: 40px;
	line-height: 40px;
	padding:0 5px;
	border: solid #0065a6;
	border-width: 1px 1px 1px 15px;
	border-radius: 0 6px 6px 0;
	left: 1%;
	margin-right: 5%;
}

#kDataList table {
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto;
	table-layout: fixed;
}

#kDataList table tr {
	height: 40px;
}

#kDataList table tr:nth-child(even) {
	background-color: #F9F9E0;
}

#kDataList table tr:nth-child(even):hover {
	background-color: #E5F0FD;
}

#kDataList table tr td {
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 0;
	font-size: 16px;
	line-height: 1.2;
	display: table-cell;
	vertical-align: middle;
}
#kDataList table tr td a {color: #333;}

#kDataList .borderNone {	border-left: 1px solid #eee;}

#kDataList table tr td:nth-child(1) {
	width: 5%;
}

#kDataList table tr td:nth-child(2) {
	width: 34%;
}

#kDataList table tr td:nth-child(n+3):nth-child(-n+4) {
	width: 12%;
	overflow-wrap: break-word;
	word-wrap: break-word;font-weight: 500;
}

#kDataList table tr td:nth-child(5) {
	width: 10%;
}

#kDataList table tr td:nth-child(n+6):nth-child(-n+7) {
	width: 22%;
	font-weight: 500;
}

#kDataList .index {
	background-color: #666;
	color: #FFF;
}

#kDataList .line td:last-child {
	text-align: left;
}

tr[data-href] {
	cursor: pointer;
}

tr[hoverBlue]:hover {
	background-color: #E5F0FD;}

.fontSizeA { /* 価格表>泊数用 */
	font-size: 14px;
}

.fontSizeB { /* 価格表>売り希望金額 */
	font-size: 17px;
	font-weight: bold;
	color: #F00;
}

.fontSizeC { /* 価格表>備考用 */
	font-size: 13.8px;
}

.fontSizeD { /* 価格表見出し>諸経費 */
	font-size: 12px;
}

.fontSizeF { /* 価格表>諸費用 */
	font-size: 13px;
	font-weight: bold;
	color: #06C;
}

/* ==================== */
/* 価格表用 特別 */
/* ==================== */

.kkHyou_Font14 { /* 価格表>泊数用 .fontSizeA*/
	font-size: 14px;
}

.kkHyou_Font17_Bold_Red { /* 価格表>売り希望金額 .fontSizeB*/
	font-size: 17px;
	font-weight: bold;
	color: #F00;
}

.kkHyou_Font11_Gray { /* 価格表>売却求む */
	font-size: 11px;
	color: #555;
}

.kkHyou_Font12_Gray { /* 価格表>売却求む */
	font-size: 12px;
	color: #555;
}

.kkHyou_Font13 { /* 価格表>備考用 .fontSizeC*/
	font-size: 13.8px;
}

.kkHyou_Font12 { /* 価格表見出し>諸経費 .fontSizeD*/
	font-size: 12px;
}

.kkHyou_Font13_Bold_Blue { /* 価格表>諸費用 .fontSizeF*/
	font-size: 13px;
	font-weight: bold;
	color: #06C;
}

.kkHyou_Font14_Bold_Blue { /* 価格表>諸費用 .fontSizeF*/
	font-size: 14px;
	font-weight: bold;
	color: #06C;
}

/*************************************************************************
*
  エクシブ価格表ここまで
		*
/*************************************************************************/


/*************************************************************************
*
  他価格表ここから
		*
/*************************************************************************/

.giveTitle  {
clear: both;
width: 95%;
	margin: 10px 2%;
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: normal;
	letter-spacing: 1px;
	text-align: left;
	text-shadow:1px 1px 1px #8d5d10;
}

.giveTitle {
	position: relative;
	height: 60px;
	line-height: 1.5;
	padding:20px 0  10px;
border-top: #8f6B29 1px solid;
border-bottom:#8f6B29 2px solid;
	border-radius: 2px;
	left: 1%;	
	margin-right: 5%;
	box-shadow:-1px 1px 2px 4px #eeeeee;
}
		
.giveTitle{
color: #D5AD6D; /*if no support for background-clip*/
background: -webkit-linear-gradient(transparent, transparent),
-webkit-linear-gradient(top, rgba(213,173,109,1) 0%, rgba(213,173,109,1) 26%, rgba(226,186,120,1) 35%, rgba(163,126,67,1) 45%, rgba(145,112,59,1) 61%, rgba(213,173,109,1) 100%);
background: -o-linear-gradient(transparent, transparent);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
	vertical-align: middle;
}

/*ベイコート　船マーク*/
.giveTitleBayCourt::before  {
height: 40px;
	font-family: "rs";
	content: "\f21a　";
	font-weight: normal;
	font-size: 2.4rem;
	text-shadow:none;
	padding-left: 10px;
	}
		
	/*クラブのホームページ*/	
.giveTitle a{
float: right; 
font-size: 1.2rem; 
font-weight: bold;
margin-right: 1rem;  
border: solid 1px #eee;
padding: 10px;
line-height: 1.2;
color: #D5AD6D;
text-shadow:none;
}		
.giveTitle a:hover{
border: solid 1px #8f6B29;
}			
	

#priceList {
	clear: both;
	width: 100%;
}

.categoryTitle  {
 clear: both;
	margin: 15px 5px 5px;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: left;	
}

.categoryTitle {
	position: relative;	
	line-height: 1;
  padding: 0 .5em .1em 2em;
  border-bottom: 1px solid #8f6B29;
		box-shadow: 0 1px 0 rgba(0,0,0,0.2);
}

.categoryTitle::before,
.categoryTitle::after {
  position: absolute;
  content: '';
  border-radius: 100%
}

.categoryTitle::before {
  top: 0;
  left: .2em;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: rgba(142, 107, 41, .5);
}

.categoryTitle::after {
  top: .4em;
  left: .7em;
  width: 13px;
  height: 13px;
  background: rgba(213, 173, 109, .5);
}



/****************** 東京ベイコート価格表テーブル  ******************/


.priceListTable{}
.priceListTable td a{display: block; width: 100%; height: 100%;}

#priceList table {
	border-collapse: separate;
	border-spacing: 0;
	text-align: center;
	margin: 0 auto;
	table-layout: fixed;
}

#priceList table tr {
	height: 40px;
}

/*最上 thの設定*/
#priceList th:first-child{
  border-radius: 5px 0 0 0;
}
table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #D0C899;
}
#priceList th {
border-left: 1px solid #D0C899;
 border-top: 1px solid #D0C899;
 border-bottom: 1px solid #D0C899;
 box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
	background-color: #8a6c2b;
	color: #FFF;
	line-height: 1.1;
	font-weight: normal;
}
#priceList th:hover {
	background-color: #8a6c2b !important;
	color: #FFF;	
}
#priceList .vLin { border-right: solid 1px #FFFFF0;}

/* td　の設定*/
#priceList table tr td {
	border-left: 1px solid #D0C899;
	border-bottom: 1px solid #D0C899;
	border-top:none;
 box-shadow: 0px -3px 5px 1px #F0F0F0 inset;
	padding: 0;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.1;
	display: table-cell;
	vertical-align: middle;	
}

#priceList table tr td:last-child{
  border-right: 1px solid #D0C899;
}

/*最下部の設定*/
#priceList table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

#priceList table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

/* td　繰り返しの設定*/
#priceList table tr:nth-child(even) {
	background-color: #FFFFF0;
}
#priceList table tr:nth-child(odd):hover {
	background-color: #E5F0FD;
}
#priceList table tr:nth-child(even):hover {
	background-color: #E5F0FD;
}

#priceList table tr td a {color: #333;}

/*テーブルの装飾*/
#priceList table tr th:first-child{
  border-radius: 5px 0 0 0;
}

#priceList table tr th:last-child{
 border-radius: 0 5px 0 0;
	border-right: 1px solid #D0C899;
}

#priceList table tr th {
box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}


/*列幅の設定 東京ベイコート th*/
#priceList .bayCourt tr th:nth-child(n+1):nth-child(-n+2) {
	width: 10%;
}
#priceList .bayCourt tr th:nth-child(n+3) {
	width: 25%;
	overflow-wrap: break-word;
	word-wrap: break-word;font-weight: 500;
}
#priceList .bayCourt tr th:nth-child(4) {
	width: 20%;
}

#priceList .bayCourt tr th:nth-child(5) {
	width: 35%;
}


/*
#priceLis .bayCourt tr th:nth-child(n+5):nth-child(-n+6) {
	width: 45%;
	font-weight: 500;
}

/*列幅の設定 東京ベイコート td
#priceList .bayCourt tr td:nth-child(1) {
	width: 39%;
}
#priceList .bayCourt tr td:nth-child(n+2):nth-child(-n+3) {
	width: 12%;
	overflow-wrap: break-word;
	word-wrap: break-word;font-weight: 500;
}
#priceList .bayCourt tr td:nth-child(4) {
	width: 10%;
}
#priceList .bayCourt tr td:nth-child(n+5):nth-child(-n+6) {
	width: 22%;
	font-weight: 500;
}
*/

#priceList .subTitle{font-weight: bold; letter-spacing: 2px;}
#priceList .subTitle{background: #eee;box-shadow:none; color: #000;}

#priceList .subTitle span {color: #D30609;}







/*備考の文字位置*/
#priceList .line td:last-child {
	text-align: left;
}

tr[data-href] {
	cursor: pointer;
}



.fontSizeA { /* 価格表>泊数用 */
	font-size: 14px;
}

.fontSizeB { /* 価格表>売り希望金額 */
	font-size: 17px;
	font-weight: bold;
	color: #F00;
}

.fontSizeC { /* 価格表>備考用 */
	font-size: 13.8px;
}

.fontSizeD { /* 価格表見出し>諸経費 */
	font-size: 12px;
}

.fontSizeF { /* 価格表>諸費用 */
	font-size: 13px;
	font-weight: bold;
	color: #06C;
}

/* ==================== */
/* 価格表用 特別 */
/* ==================== */

.kkHyou_Font14 { /* 価格表>泊数用 .fontSizeA*/
	font-size: 14px;
}

.kkHyou_Font17_Bold_Red { /* 価格表>売り希望金額 .fontSizeB*/
	font-size: 17px;
	font-weight: bold;
	color: #F00;
}

.kkHyou_Font11_Gray { /* 価格表>売却求む */
	font-size: 11px;
	color: #555;
}

.kkHyou_Font12_Gray { /* 価格表>売却求む */
	font-size: 12px;
	color: #555;
}

.kkHyou_Font13 { /* 価格表>備考用 .fontSizeC*/
	font-size: 13.8px;
}

.kkHyou_Font12 { /* 価格表見出し>諸経費 .fontSizeD*/
	font-size: 12px;
}

.kkHyou_Font13_Bold_Blue { /* 価格表>諸費用 .fontSizeF*/
	font-size: 13px;
	font-weight: bold;
	color: #06C;
}

.kkHyou_Font14_Bold_Blue { /* 価格表>諸費用 .fontSizeF*/
	font-size: 14px;
	font-weight: bold;
	color: #06C;
}


/*************************************************************************
*
  他価格表ここまで
		*
/*************************************************************************/


/* ＝＝＝＝＝ ボタン関係 ＝＝＝＝＝＝　*/

.btn_Aqua{ float: right;}
.btn_Aqua{
/*position: relative;*/
 margin: 5px 1px;	
display: inline-block;  
 color: #333333 ;	
 font-size: 1.2rem;/*文字サイズ*/
line-height: 1;
text-decoration: none;
letter-spacing: -1px;/*字間*/
padding: 0.8rem ;/*ボタン内の余白*/
/*text-shadow: 1px 1px 1px #BFBFBF;*/
border:solid 1px #ddd;
border-radius: 5px;/*角の丸み*/	

background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 cursor: pointer; /*　aタグrinkでなくともマウスポインター変化*/
 box-shadow: 0 1px 1px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.1);/*影*/
  -webkit-tap-highlight-color: transparent;
  transition: .3s ease-out;/*変化を緩やかに*/

}

.btn_Aqua:hover{
background: rgb(242,249,254); /* Old browsers */
background: -moz-linear-gradient(top, rgba(242,249,254,1) 0%, rgba(214,240,253,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(242,249,254,1) 0%,rgba(214,240,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
color:#000000;
box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 9px 0 rgba(0,0,0,0.12), 0 5px 2px -1px rgba(0,0,0,0.1);/*浮き上がるように*/
}
.btn_Aqua a {color: #333333 ; text-decoration: none; width: 100%; }
.btn_Aqua a:hover {color: #000000 ;}


/* ＝＝＝＝＝ TOPへ戻る ＝＝＝＝＝＝　*/


#back-to_wp {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	}


#back-top {
    position: fixed;
    bottom: 16px;
/*	margin-left:5px;*/
	right: 3%;
	
	}
	
#back-top a {
  width: 30px;
  display: block;
	text-align:center;
	color:#FF9900;
	}
	
#back-top span {
    width: 35px;
    height: 38px;
    display: block;
    margin-bottom: 7px;
				font-size: 1.4rem;
				line-height: 1;
    background: url(../img/pleaseToTop.png) no-repeat center center;
	padding: 0 0 50px 0;
	}
	
	
	
	/**************************************************************
一般の記事
**************************************************************/
	
.column#contents {
border: solid 2px #D0C899;
border-radius: 10px;
margin: 15px auto;
font-weight: 500;
}	
		
	
	.chapter {	
	width: 90%;
	padding: 0 15px;
	margin: 20px auto 0;
	font-size: 1.6rem;
}
	
.chapter:before,
.closeArea:before,
.chapter:after,
.closeArea:after{
  content:"";
  display: table;
}
.chapter:after,
.closeArea:after{
  clear:both;
}

.imageA {text-align: center; }
	
.imageA img {width: 100%; height: 100%; max-width: 650px;}
	
.chapterListA {clear: both; width: 90%; line-height: 1.5; margin: 0 auto; }
.chapterListA li {display: block; float: left; white-space: nowrap;}

.chapterListA li::after{content: " ／ "; color: #D0C899;  font-weight:bold;}

.chapterListA li:last-child:after{ content: " "; }
	
	.closeArea {width: 100%; margin-bottom:50px;}
	
	.closeArea #close {display: none;}
	
	.close{
position: fixed; 
z-index: 3;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
height: 35px;
padding-top: 15px;
background: rgba(0,0,0,0.1);
}
	
.close label	{padding: 5px 10px; background: rgba(0,0,0,0.7); color: #FFF; border-radius:10px; cursor: pointer; font-weight: 700;letter-spacing: 1px;font-size: 1.4rem;}
.close label:hover {background: rgba(0,0,128,0.7); }
	

/************************************************
@ ブレイクポイント
*************************************************/


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


}



@media screen and (max-width:344px) {
	#form h4 label {
		font-size: 12px;
	}
}




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


h1 img {width:85% ; height: 100%; max-width:240px;  vertical-align: middle; padding-top: 5px; padding-right: 100px;}

#contents {width: 98%; margin: 0 auto;}

.infoItD{display: none;}
.infoItJ{display: none;}
.infoItK{}
.infoListB .listLiC{width: 100%; margin: 5px auto 0;}
.infoListB .listLiD{width: 100%; border-left:none ;border-top:solid 1px #D0C899; margin: 0; height: 4rem; padding-top:10px; }

	.chapter {font-size: 1.4rem;}
.chapterListA { width: 100%;  }

.giveTitle  {
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 0px;
}

.giveTitle {
	height: 50px;
 padding:20px 0 0 5px;
	margin-right: 0;
}

/*ベイコート　船マーク*/
.giveTitleBayCourt::before  {
	font-family: "rs";
	content: "\f21a";
	font-size: 2rem;
	padding-left: 2px;
	padding-right: 2px;
	}

.giveTitle a{
padding:5px 5px;

}	


}


/* TB用指定 */
@media screen and (min-width: 768px) {
	
	/* コンテンツメニュー */
	.global-nav-inner {
		max-width: 768px;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}

	.global-nav-inner .gnav-col {
		border-bottom: none;
		width: 96px;
	}
	
	.global-nav-inner .gnav-col { border-bottom: none;	}
	.global-nav-inner .gnav-col:nth-child(4) { border-right: 1px solid #ddd; }
	
	.chapter {font-size: 1.6rem;}
	
.checkNone{font-size: 1.8rem;}
.checkChk{font-size: 1.8rem;}
.spNone{display: none;}

.giveTitle  {
	font-size: 28px;
	font-size: 2.8rem;
}


}



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

#kDataList table {width: 95%; margin: 0 auto;} /*エクシブ価格表*/
#priceList table {width: 95%; margin: 0 auto;} /*エクシブ価格表*/

}

@media screen and (min-width:961px) {

	/* コンテンツメニュー */
	.global-nav-inner { max-width: 960px; }
	.global-nav-inner .gnav-col { width: 120px; }

	/* ホームメニュー画像掲載指定 */
	.icon-megaphone, .icon-hospital, .icon-diamond, .icon-ship, .icon-glass, .icon-doc-inv-alt, .icon-bell, .icon-wpforms, .icon-lightbulb, .icon-help-circled, .icon-sitemap, .icon-info-circled,.icon-user {
		display: block;
		width: 48px;
		height: 48px;
		font-size: 3rem;
	}	

#kDataList table {width: 100%;} /*エクシブ価格表*/
#priceList table {width: 100%;} /*エクシブ価格表*/

}