@charset "UTF-8";

/* CSS Document */


body {
    max-width: 960px;
	height: 100%;
	margin: auto;
	border:0px solid #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrap{
	/*width:960px;*/
	margin:0 auto;
}

#title {
	border-bottom:solid 1px #323232;
	margin:20px 0px 0px 0px;
	padding-bottom:17px;
}

#page_top_img {
	/*height: 350px;*/
	/*width: 960px;*/
	margin: 0px 0px 10px 0px;
}

#text_box01 {
	margin-top: 10px;
	font-size:15px;
	line-height:24px;
	padding:0px 3px 10px 3px;
}

#space {
	height: 1350px;
	width: 960px;
}

.tel-link {
color: #000;
font-size: 32px;
font-weight: bold;
}

.pagetitle{
	text-transform: none !important;
}

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

	.contents-wrap{
		padding: 20px 100px 10px;
	}
}
/*****************************************************

Sup

*****************************************************/

#sup_ttl_img {
	margin:0px;
}


#sup_info {
	width: 960px;
	margin:20px 0px 10px 0px;
}


#sup_p {
	width: 950px;
	padding: 0px 10px 0px 0px;
	margin:0px 0px 10px 0px;
}




/*****************************************************

access

*****************************************************/
.access-contents h4{
	font-size: 16px;
	margin-bottom: 0;
}
.access-contents h5{
	margin-top: 10px;
	font-size: 14px;
}
.access-contents .href-tel{
	font-size: 20px;
	font-weight: bold;

}

#shuttle_ttl {
	margin:0px 0px 10px 0px;
}

#access_ttl {
	margin:0px;
}

#access_contact {
	margin:20px 0px 10px 0px;
}


#access_info {
	margin:20px 0px 10px 0px;
}



#access_bus {
  float: left;
	margin: 20px 15px 5px 0px;
}


#access_p {
	padding: 0px 10px 0px 0px;
	margin:0px 0px 10px 0px;
}

#access_map {
	clear: both;
	padding: 0px 10px 0px 0px;
	margin:20px 0px 30px 0px;
}

.access-left{
	margin-bottom: 1.4em;
}

@media only screen and (min-width: 961px) {
  #access_info {height: 600px; width: 465px;float: right;}
  #access_bus {height: 600px; width: 465px;}
  #access_p {width: 460px;}

  .access-left{
	  width: 50%;
	  float:left;
	  padding-right: 50px;
	  box-sizing: border-box;
	  margin-bottom: .4em;
  }
  .access-right{
	  width: 50%;
	  float:left;
  }

	#access_map {
		clear: both;
		padding: 0px 10px 0px 0px;
		margin:30px 0px 50px 0px;
	}
  .access-row{
	  overflow: hidden;
	  margin-bottom: 0px;
  }
}
@media only screen and (max-width: 960px) {
  #access_info {float: left;}
  #access_bus {}
}

/*****************************************************

contact

*****************************************************/


#contact_ttl {
	/*margin-top: 10px 5px 10px 5px;*/
	line-height:24px;
	padding:10px 3px 10px 3px;
	text-align:center;

}

#contact_tel {
	margin: 10px 0px 0px 0px;
	padding-bottom:30px;
	text-align:center;
	border-bottom:solid 1px #323232;
}


#contact_mail {
	width: 960px;
	margin: 10px 0px 0px 0px;
	text-align:center;
}







/*****************************************************

about

*****************************************************/


#aboutimg02 {
	height: 300px;
	width: 960px;
	margin:10px 0px 10px 0px;
}



#aboutimg03 {
	height: 300px;
	width: 300px;
	margin: 30px 15px 5px 0px;
}

#aboutprice {
	height: 300px;
	width: 630px;
	margin: 30px 0px 5px 15px;
}

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

	.page-id-8 #text_box01{
		padding: 20px 100px 10px;
	}
}



/*****************************************************

schedule

*****************************************************/

#schedule {
	border-bottom:solid 1px #323232;
	margin:20px 0px 0px 0px;
	padding-bottom:17px;
}

#next {
	margin:20px 0px 0px 0px;
	padding-bottom:17px;
}

#prev {
	margin:20px 0px 0px 0px;
	padding-bottom:17px;
}



/*****************************************************

Event

*****************************************************/

h4#event {
	margin-top:20px;
 }

#live-reservation h4{
	font-size: 14px;
	margin-bottom: 0.4em;
}
#live-reservation h5{
	margin-top: 15px;
	margin-bottom: 0;
	font-size: 14px;
}
#live-reservation h5 + p{
	padding-top: 0;
}
#live-reservation .href-tel{
	font-size: 20px;
	font-weight: bold;
}

#schedule-nav .curr-year {
	position: absolute;
	left: 50%;
	margin-top: -2px;
	margin-left: -36px;
	font-weight: bold;
	font-size: 10px;
}
.event_title{
	font-weight: bold !important;
	margin-bottom: 0 !important;
}
.event_info{
	margin: 0;
}
.event_info img{
	height: 16px;
	margin-right: 6px;
	margin-bottom: 2px;
	vertical-align:middle;
}
.event_info span{
	display: inline-block;
}

.home #schedule-nav .curr-year{
	margin-top: 16px;
	margin-left: -80px;
	font-size: 20px;
}

@media only screen and (min-width: 480px) and (max-width: 767px) {

	#schedule-nav .curr-year {
		margin-top: 3px;
		margin-left: -50px;
		font-size: 13px;
	}
}
@media only screen and (min-width: 767px) {

	#schedule-nav .curr-year {
		margin-top: 14px;
		margin-left: -70px;
		font-size: 18px;
	}
}


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

	#schedule-nav .curr-year{
		margin-top: 13px;
		margin-left: -84px;
		font-size: 24px;
	}
}

/*****************************************************

Restaurant

*****************************************************/

.fbx-caption-title, .fbx-caption-desc {
    color: #eee;
}

/*****************************************************

SUP

*****************************************************/

h4.sup {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-style: normal;
  color:#333;
  font-size: 1.2857142857142858em;
  line-height: 1.3em;
  font-weight: bold;
}

p.sup {
font-size: 14px;
color: #444;
line-height: 190%;
padding: 0px 0px 10px 0px;
}

.sup-contents h4{
	margin-bottom: 0.5em;
	font-size: 14px;
}

.sup-contents .href-tel{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.sup-contents .sup-wrap{
	margin-top: 1em;
}

.sup-contents h5{
	color: #ffffff;
	background-color: #00A8EF;
	font-size:14px;
	font-weight: normal;
	padding: 0.15em 0 0.1em 0.4em;
}
.sup-contents .sup-table{
	width: 100%;
	margin-bottom: 15px;
}
.sup-contents .sup-table .title{
	background-color: #b5dbea;
	border:none;
}
.sup-contents .sup-table th{
	padding: 0.2em 0 0 0.5em;
	width: 60px;
	font-weight: bold;
}
.sup-contents .sup-table td{
	padding: 0.2em 0 0 0;
}
.sup-contents .sup-table tr{
	border-bottom: solid 1px #000000;
}

@media only screen and (min-width: 961px) {
	.sup-contents .sup-wrap:after{
		content: " ";
		display: block;
		clear: both;
	}

	.sup-contents .sup-left {
		width: 50%;
		float: left;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.sup-contents .sup-right {
		width: 50%;
		float: left;
		padding-left: 20px;
		box-sizing: border-box;
	}
}


/* ************************************************
*	YOGA images
* ************************************************ */


.ResTableA{
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
}
 
.ResTableA th{
	-moz-box-sizing: border-box;     /* box-size[border・padding 込み] */
	box-sizing: border-box;     /* box-size[border・padding 込み] */
	padding: 15px 10px 12px;
	width: 30%;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
}
 
.ResTableA td{
	padding: 15px 10px 12px;
	text-align:center;
	vertical-align: top;
}

td.resizeimage img {
	width: 100%;
}
 
@media (max-width: 479px) {
	.ResTableA {
		border-bottom: none;
	}

	.ResTableA th {
		padding: 5px 10px;
		width: 100%;
		display: block;
		margin: 0 auto;
		border: none;
		text-align: left;
	}

	.ResTableA td {
		padding: 5px 10px;
		width: 100%;
		display: list-item; /* リストに変換 */
		list-style: none; /* リストに変換によるドットを非表示 */
		border-top: none !important;
		border-bottom: 1px solid #d8d8d8;
	}
}



/* ************************************************
*	イベント予約
* ************************************************ */
.page-id-2744 .wpcf7{
	max-width: 700px;
	margin: auto;
}
.page-id-2744 .wpcf7 input{
	width: 100%;
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0 0 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
}
.page-id-2744 .wpcf7 textarea{
	width: 100%;
	height: 60px;
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0 0 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
}
.page-id-2744 .wpcf7 .wpcf7-submit {
	max-width: 300px;
	color: #595959;
	margin: auto;
}
.wpcf7-submit-wrap{
	display: block;
	text-align: center;
	width: 100%;
}
.page-id-2744 .wpcf7 label span.require-label{
	color: #ff342a;
	font-size:0.8rem;
	display: inline-block;
	margin-left: 10px;
}

.wpcf7-radio input{
	width: auto !important;

}
.wpcf7-list-item-label{
}

.shuttle-time{
	display: block;
	margin-top: 10px;
}
.wpcf7-select{
	position: relative;
	width: 30%;
	border:0;
	padding:2px 10px 6px;
	font-size:1em;
	font-family:Arial, sans-serif;
	color:#aaa;
	border:solid 1px #ccc;
	margin:0 0 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-sizing: border-box;
}


a *{
	color:#45AAB8;
}
a:hover *{
	color: #757575;
}


/* ************************************************
*	Blog
* ************************************************ */
/*#blog-sidebar .sidebar-title{*/
	/*margin-bottom: 0;*/
	/*border: none;*/
/*}*/
/*#blog-sidebar ul {*/
	/*margin-bottom: 2em;*/
/*}*/
.blog-sidebar .sidebar-title{
	margin-bottom: 0;
}
#sidebar.blog-sidebar{
	margin: 0;
}
#sidebar.blog-sidebar ul li{
	padding: 1em 0 0.7em 0;
	font-size: 14px;
}
.blog-title{
	border-top:none !important;
	margin: 0 !important;
	padding: 0 !important;
}

.single-article{
	max-width: 700px;
	margin: auto;
}

/* ************************************************
*	Footer
* ************************************************ */
#sociallink a img{
	margin: 0 6px !important;
}