@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


body{
	animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
	font-size: 16px;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

p{
	line-height: 180%;
	font-size: 16px;
	margin: 0 0 1.2em 0;
}

ul{
	list-style-type: none;
}

li{
	line-height: 180%;
}

/* clearfix */
.clearfix {
	zoom: 1;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.clear {
	clear: both;
}

img{
	-webkit-transition: background .3s ease-in-out;
	transition: 1.0s ;
}

a:hover img {
  opacity: 0.8;
	display:inline-block;
}

.breadcrumb.pbp-footer-before {
	margin: 0px auto 0;
}


/* 画像拡大 */
.imgWrap {
	overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
	width: 100%;
	height: 100%;
}
.imgWrap img {
	display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}
.imgWrap img:hover {
	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.wrap{
	width: 100%;
}

/* 文字下黄色 */
.uyellow{
	background: linear-gradient(transparent 50%, rgba(255, 252, 107, 0.69) 50%);
}

.article h2{
	text-align: center;
}


/************************************
** 共通レイアウト
************************************/

#common-wrapper{
	background: url("img/wood_back.png") ;
  padding: 60px 15px 15px 15px;
}

#common-wrapper .com-left{
	width: 100%;
	margin-bottom: 50px;
}

#common-wrapper .com-right{
	width: 100%;
}

@media screen and (min-width: 1024px){
	#common-wrapper{
		margin: 0 auto;
    width: 100%;
		padding: 60px 15px 100px 15px;
	}
	
	#common-wrapper .com-left{
		width: 70%;
		margin-right: 5%;
		max-width: 840px;
		float: left;
	}
	
	#common-wrapper .com-right{
		width: 25%;
		max-width: 300px;
		float: left;
	}
	
	#msjust{
		max-width: 1200px;
		margin: 0 auto;
	}
}



.banbox02 ul{
	margin: 0;
	padding: 0;
}

.banbox02 ul li:first-child{
	background: url("img/top-mainban-01.jpg") no-repeat;
	background-size:cover;
  background-position:center;
  height: 300px;
  padding: 5%;
  margin-bottom: 5%;
}

.banbox02 ul li h3{
	text-align: center;
  color: #ffffff;
  font-weight: bold;
  margin: 0.5em 0 0.5em 0;
  font-size: 24px;
}

.banbox02 ul li p{
	color: #ffffff;
	text-align: center;
}

.banbox02 ul li:first-child img{
  display: block;
  width: 300px;
  margin: 0 auto;	
}

.banbox02 ul li:last-child img{
	width: 100%;
}

@media screen and (min-width: 1024px){
	.banbox02 ul{
		display: flex;
		flex-wrap: nowrap;
	}

	.banbox02 ul li:first-child{
		width: 48%;
		margin-right: 2%;
		padding: 2%;
	}
	
	.banbox02 ul li:first-child p{
		margin: 0 0 1em 0;
	}

	.banbox02 ul li:last-child{
		width: 50%;
	}
}

@media screen and (min-width: 1210px){
	.banbox02 ul li:first-child{
		height: 310.39px;
	}	
}
	
	
	



/************************************
** ヘッダー
************************************/

ul.mobile-menu-buttons > li:first-child{
	background: #ffffff;
}

.mobile-menu-buttons > li:first-child:hover {
	background: #ffffff;
}

.logo-menu-button img {
  margin: 7px auto 0;
}

.mobile-menu-buttons .menu-icon {
  margin-bottom: -15px;
	
}

.header{
	background: #fee004;
}

/* サイドメニュー */
#navi-menu-content{
	background: #FEE004;
}

.menu-drawer li {
	margin-bottom: 0.5em;
  border-bottom: 2px solid #FFF291;
  font-size: 16px;
  padding: 0 0 0.5em 0.5em;
}

.menu-drawer a{
	position: relative;
}

.menu-drawer a:after{
	font-family: "Font Awesome 5 Free";
  content: "\f152";
	font-weight: 900;
	position: absolute;
	right: 10px;
	color: #885205;
}

#navi .navi-in>ul>li{
  width: 14% !important;
}

.item-label{
	font-weight: bold;
}


.header-in {
	display: block;
}

#navi .navi-in a:hover {
 background-color: #EF7A00;
 color:#ffffff; 
}

.header #telbutton{
	display: none;
}



@media screen and (max-width: 1023px){
	.navi-in > .menu-header {
		display: none !important;
	}
	
	.mblt-header-and-footer-mobile-buttons {
    margin-top: 58px;
	}

}

@media screen and (min-width: 1024px){
	.header .header-in{
		max-width: 1200px;
	}
	
	.logo-image{
		width: 418px;
		float: left;
		padding: 15px 0 0 0;
	}
	
	.header #telbutton{
		float: right;
		width: 220px;
		display: block;
	}

	.header #telbutton .tel{
		color: #953D3D;
    font-size: 20px;
    font-weight: bold;
		text-align: center;
	}

	.header #telbutton .button a{
	  display: block;
    width: 220px;
    background: #D22D2D;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
		padding: 0.3em 0;
    border-radius: 30px;
    font-weight: bold;
	}
	
	.header #telbutton .button a:hover{
		background: #F15252;
		transition: background .3s ease-in-out;
	}
	
	#navi-in{
		max-width: 1200px;
    margin: 0 auto;
	}
	
	#navi .navi-in a, #navi .navi-in a:hover {
		border-radius: 20px 20px 0 0;	
	}
}


/************************************
** トップページ メインビジュアル
************************************/

.content {
    margin-top: 0;
}

.no-sidebar .content .main {
	padding: 0;
}

.toppage #mainvisual{
	height: 400px !important;
	position: relative;
}

.toppage #mainvisual .title{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 2em;
  left: 0;
  margin: auto;
  width: 80%;
  height: 3.2rem;
}

.toppage #mainvisual .title .en-title{
	text-align: center;
  color: #ffffff;
  font-size: 2.5em;
  line-height: 100%;
	font-family: 'Bad Script', cursive;
	margin-bottom: 0.2em;
}

.toppage #mainvisual .title .jp-title{
  font-family: 'M PLUS Rounded 1c', sans-serif;
  color: #ffffff;
  text-align: center;
}

.header .header-in {
  min-height: 0;
}


@media screen and (max-width: 834px){
	.header div.header-in {
    min-height:0;
	}

	.content {
    margin-top: 0;
	}
}

@media screen and (min-width: 1024px){
	.toppage #mainvisual {
		height: 800px !important;
	}
	
	.toppage #mainvisual .title .en-title {
		font-size: 4.5em;
	}
	
	.toppage #mainvisual .title .jp-title {
	  font-size: 1.5em;
    font-weight: bold;
	}
}


/************************************
** トップページ コンテンツ
************************************/

.youtubebox {
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-bottom: 2em;
  }

  .youtubebox iframe {
	width: 100%;
	height: 100%;
  }

.top-content .kengakubox{
	background: #ffffff;
  padding: 20px;
  text-align: center;
  margin-bottom: 2em;
  border: 5px dashed #FEE004;
  color: #885205;
  font-weight: bold;
}

.top-content .box00 .banbox img{
	box-shadow: 2px 4px 8px 2px #dddddd;
  margin-bottom: 15px;
	width: 100%;
}

.top-content .box01{
	background: #ffffff url("img/top-back01.jpg") no-repeat;
  padding: 15px 0;
	box-shadow: 2px 4px 8px 2px #dddddd;
	background-size: 200px;
  background-position: -78px -16px;
	margin-bottom: 40px;
}

.top-content .box01 img{
	width: 100%;
}

.top-content .box01 .title{
  padding: 0 0 15px 0;
	text-align: center;
}

.top-content .box01 .title .boxtitle{
  color: #A18E07;
  font-size: 1.5em;
  letter-spacing: 5px;
	font-family: 'Bad Script', cursive;
}

.top-content .box01 .title .jptitle{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 14px;
}

.top-content .box01 .title hr{
	border: 2px solid #FEE004;
  width: 30px;
  margin: 0 auto 0.3em;
}

.top-content .box01 .text-box{
	font-size: 14px;
	padding: 15px;
	line-height: 240%;
}

.top-content .box01 .text-box br{
	display: none;
}

.top-content .box01 .button{
	padding: 15px;
  text-align: center;
}

.top-content .box01 .buttontitle{
	color: #D22D2D;
	font-weight: bold;
}

.top-content .box01 .button a{
  display: block;
  background: #D22D2D;
  padding: 10px 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 35px;
  width: 200px;
  margin: 0 auto;	
}

.top-content .box01 .button a:hover{
	background: #F15252;
	transition: background .3s ease-in-out;
}

.top-content .box02 {
	margin-bottom: 40px;
}

.top-content .box02 ul{
	display: flex;
  flex-wrap: wrap;
	padding: 0;
}

.top-content .box02 ul li{
  width: 46%;
  margin: 0 auto 1em;
}

.top-content .box02 ul li img{
	width: 100%;
	display: block;
	max-width: 250px;
}

.top-content .box03 {
	padding: 10px 5px 10px 5px;
  box-shadow: 2px 4px 8px 2px #dddddd;
  margin-bottom: 40px;
	background: #ffffff;
	display: flex;
	flex-wrap: wrap;
}

.top-content .box03 .inbox-common{
	width: 46%;
	margin: 0 auto;
}

.top-content .box03 .inbox-common .smhh2{
	color: #666666;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
	padding-bottom: 6px;
}

.top-content .box03 .inbox-common .pch2{
	display: none;
}

.top-content .box03 .inbox-common h3{
	color: #62B01C;
	font-size: 12px;
}

.top-content .box03 .inbox-common p{
	font-size: 12px;
}

.top-content .box04{
	background: #ffffff url("img/top-back01.jpg") no-repeat;
  padding: 15px 0;
	box-shadow: 2px 4px 8px 2px #dddddd;
	background-size: 200px;
  background-position: -78px -16px;
	margin-bottom: 40px;
}

.top-content .box04 img{
	width: 100%;
}

.top-content .box04 .title{
  padding: 0 0 15px 0;
	text-align: center;
}

.top-content .box04 .title .boxtitle{
  color: #A18E07;
  font-size: 1.5em;
  letter-spacing: 5px;
	font-family: 'Bad Script', cursive;
}

.top-content .box04 .title .jptitle{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 14px;
}

.top-content .box04 .title hr{
	border: 2px solid #FEE004;
  width: 30px;
  margin: 0 auto 0.3em;
}

.top-content .box04 .text-box{
	font-size: 14px;
	padding: 15px;
	line-height: 240%;
}

.top-content .box04 .text-box br{
	display: none;
}

.top-content .box04 .button{
	padding: 15px;
  text-align: center;
}

.top-content .box04 .button a{
  display: block;
  background: #62B01C;
  padding: 10px 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 35px;
  width: 200px;
  margin: 0 auto;	
}

.top-content .box04 .button a:hover{
	transition: background .3s ease-in-out;
	background: #76D620;
}

.top-content .box04 h2{
  text-align: center;
  color: #666666;
}

.top-content .box05{
	background: #ffffff url("img/top-back01.jpg") no-repeat;
  padding: 15px 0;
	box-shadow: 2px 4px 8px 2px #dddddd;
	background-size: 200px;
  background-position: -78px -16px;
	margin-bottom: 40px;
}

.top-content .box05 img{
	width: 100%;
}

.top-content .box05 .title{
  padding: 0 0 15px 0;
	text-align: center;
}

.top-content .box05 .title .boxtitle{
  color: #A18E07;
  font-size: 1.5em;
  letter-spacing: 5px;
	font-family: 'Bad Script', cursive;
}

.top-content .box05 .title .jptitle{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 14px;
}

.top-content .box05 .title hr{
	border: 2px solid #FEE004;
  width: 30px;
  margin: 0 auto 0.3em;
}

.top-content .box05 .ditail{
	font-size: 14px;
	padding: 15px;
  line-height: 180%;
  text-align: center;
}


.top-content .box05 .button{
	padding: 15px;
  text-align: center;
}

.top-content .box05 .button a{
  display: block;
  background: #62B01C;
  padding: 10px 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 35px;
  width: 200px;
  margin: 0 auto;	
}

.top-content .box05 .button a:hover{
	transition: background .3s ease-in-out;
	background: #76D620;
}

.top-content .box05 h2{
  text-align: left;
  font-size: 14px;
  line-height: 140%;
	color: #666666;
  margin-top: -5px;
}

.top-content .box05 ul{
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}



.top-content .box05 ul li{
	width: 46%;
  margin: 0 auto 15px;
}

.top-content .box05 ul li img{
	display: block;
}

.top-content .box05 ul a{
	text-decoration: none;
}

.top-content .box05 ul li span.ymd{
	color: #054AB2;
  font-size: 12px;
}


.top-content .box06{
  background: #FFFCE6;
  border: 1px dashed #885205;
	padding-bottom: 20px;
}

.top-content .box06 .title{
	background: #FEE004;
  text-align: center;
  padding: 10px 0;
  color: #885205;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 10px;	
}

.top-content .box06 .detail{
	padding: 0 15px;
  font-size: 14px;
  text-align: center;
}

.top-content .box06 hr{
  border: 2px solid #FEE004;
  width: 30px;
  margin: 1em auto 0.3em;
}

.top-content .box06 .qalist{
  margin: 1em 5% 1em 5%;
  border-bottom: 1px solid #dddddd;
  padding: 0;
}

.top-content .box06 .qalist .qaq{
  padding: 5px;
  color: #707070;
  font-weight: bold;
  font-size: 18px;
}

.top-content .box06 .qalist .qaa{
  font-size: 14px;
  padding: 10px 0;	
}


.top-content .box06 .button a{
  display: block;
  background: #62B01C;
  padding: 10px 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 35px;
  width: 200px;
  margin: 0 auto;	
	text-align: center;
}

.top-content .box06 .button a:hover{
	transition: background .3s ease-in-out;
	background: #76D620;
}



@media screen and (min-width: 768px){
	.top-content .box02 ul li{
  	width: 30%;
    margin: 0 auto 15px;
	}
}


@media screen and (min-width: 1024px){
	.top-content .box01 {
		margin-bottom: 60px;
	}
	
	.top-content .box01 .title .boxtitle {
		font-size: 2em;
	}
	
	.top-content .box01 .text-box {
    font-size: 16px;
		text-align: center;
	}
	
	.top-content .box01 .text-box br{
		display: block;
	}
	
	.top-content .box01 .buttontitle {
    font-size: 24px;
	}
	
	.top-content .box01 .button a {
    padding: 15px 0;
    width: 300px;
    font-size: 20px;
	}
	
	.top-content .box03 {
		display: block;
		padding: 30px;
		margin-bottom: 60px;
	}
	
	.top-content .box03 .inbox-common {
		width: 100%;
	}
	
	.top-content .box03 .inbox01{
		margin-bottom: 50px;
	}
	
	.top-content .box03 .inbox01 .element01{
		float: right;
    width: 304px;
	}

	.top-content .box03 .inbox01 .element02{
	  float: left;
    width: 50%;
	}
	
	.top-content .box03 .inbox-common .smhh2{
		display: none;
	}

	.top-content .box03 .inbox-common .pch2{
		display: block;
		padding-bottom: 0.2em;
	}
	
	.top-content .box03 .inbox-common h3 {
    font-size: 20px;
	}
	
	.top-content .box03 .inbox-common p {
    font-size: 16px;
    padding: 0.5em 0 2em;
    color: #666666;
	}
	
	.top-content .box03 .inbox02 .element01{
		float: left;
    width: 304px;
	}

	.top-content .box03 .inbox02 .element02{
    float: left;
    width: 48%;
    margin-left: 3%;
	}
	
	.top-content .box04 .title .boxtitle {
		font-size: 2em;
	}
	
	.top-content .box04 {
		margin-bottom: 60px;
	}
	
	.top-content .box04 .text-box{
		text-align: center;
	}
	
	.top-content .box04 .text-box br {
    display: block;
	}
	
	.top-content .box04 .button a {
    padding: 15px 0;
    width: 300px;
		font-size: 20px;
	}
	
	.top-content .box05 .title .boxtitle {
    font-size: 2em;
	}
	
	.top-content .box05 {
		margin-bottom: 60px;
	}
	
	.top-content .box05 ul {
    padding: 0 15px;
	}
	
	.top-content .box05 ul li {
    width: 31%;
    margin: 0 auto 15px;
	}
	
	.top-content .box05 ul li {
    width: 31%;
    margin: 0 auto 30px;
	}
	
	.top-content .box05 .ditail {
    font-size: 16px;
	}
	
	.top-content .box05 h2 {
		font-size: 16px;
	}
	
	.top-content .box05 .button a {
		font-size: 20px;
    padding: 15px 0;
    width: 300px;
	}
	
	.top-content .box06 .detail {
    padding: 10px 15px;
    font-size: 16px;
	}
	
	.top-content .box06 .qalist {
    padding: 0 0 20px 0;
	}
	
	.top-content .box06 .button a {
		font-size: 20px;
    padding: 15px 0;
    width: 300px;
		margin-top: 1.5em;
	}
	
	.top-content .box06 {
    padding-bottom: 34px;
	}

}

/************************************
** 固定ページ
************************************/

/*まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
} 

.headbackimg{
	background-repeat: no-repeat;
	height: 150px;
	background-position: center;
	background-size: cover;
	position: relative;
}

.headbackimg h1{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 3.2rem;
  color: #ffffff;
  font-family: 'M PLUS Rounded 1c', sans-serif;
  font-weight: normal;
  text-align: center;
  font-size: 24px;
	letter-spacing: 10px;
	text-shadow: 2px 2px 5px #333333;
}

.koteip .entry-title{
	display: none;
}

.koteip {
  padding: 10px 15px 30px 15px;
  box-shadow: 2px 4px 8px 2px #dddddd;
  margin-bottom: 40px;
	background: #ffffff;
}

.koteip .eye-catch-wrap{
	display: none;
}

@media screen and (min-width: 1024px){
	.headbackimg{
		height: 300px;
	}
	
	.koteip {
		padding: 30px;
	}
	
	.headbackimg h1{
		font-size: 42px;
	}
}

/************************************
** 利用約款
************************************/

#terms p{
	font-size: 14px;
}

#terms ol li{
	font-size: 14px;
}

#terms strong{
	font-size: 22px;
  display: block;
  text-align: center;
}
	
#terms span{
	font-weight: bold;
}
	
@media screen and (min-width: 1024px){
	#terms p{
		font-size: 16px;
	}
	
	#terms ol li{
		font-size: 16px;
	}
}

/************************************
** プライバシーポリシー
************************************/

#privacy-policy {
	font-size: 14px;
}

#privacy-policy ol li{
	font-size: 14px;
}

@media screen and (min-width: 1024px){
	#privacy-policy {
		font-size: 16px;
	}

	#privacy-policy ol li{
		font-size: 16px;
	}
}

/************************************
** 特定商取引に基づく表記
************************************/

#spcommerce table th{
	border: none;
	border-bottom: solid 1px #dddddd;
  background-color: transparent;
	padding: 20px 5px;
	font-size: 14px;
	white-space:normal;
	width: 25%;
}

#spcommerce table td{
	border: none;
	border-bottom: solid 1px #dddddd;
  background-color: transparent;
  padding: 20px 5px;
	font-size: 14px;
	white-space:normal;
	width: 75%;
}

#spcommerce table tr:nth-of-type(2n+1) {
	background-color: #fafbfc;
}

@media screen and (min-width: 1024px){
	#spcommerce table th,
	#spcommerce table td{
		font-size: 16px;
	}
}

/************************************
** 事業者概要
************************************/

#about table th{
	border: none;
	border-bottom: solid 1px #dddddd;
  background-color: transparent;
	padding: 20px 5px;
	font-size: 14px;
	white-space:normal;
	width: 25%;
}

#about table td{
	border: none;
	border-bottom: solid 1px #dddddd;
  background-color: transparent;
  padding: 20px 5px;
	font-size: 14px;
	white-space:normal;
	width: 75%;
}

#about table tr:nth-of-type(2n+1) {
	background-color: #fafbfc;
}

#about .title{
  padding: 0 0 15px 0;
	text-align: center;
}

#about .title .boxtitle{
  color: #A18E07;
  font-size: 1.5em;
  letter-spacing: 5px;
	font-family: 'Bad Script', cursive;
}

#about .title .jptitle{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 14px;
}

#about hr{
	border: 2px solid #FEE004;
  width: 30px;
  margin: 0 auto 0.3em;
}

@media screen and (min-width: 1024px){
	#about table th,
	#about table td{
		font-size: 16px;
	}
}

/************************************
** よくある質問
************************************/

#faq p{
	text-align: center;
}

.arconix-faq-title {
	font-size: 20px !important;
	color: #666666 !important;
  font-weight: bold;
}

.arconix-faq-wrap {
	margin: 15px 0 !important;
  padding: 10px 10px !important;
}


/************************************
** お問い合わせ
************************************/

#contact .inbox01{
	margin-bottom: 3em;
}

#contact .inbox01 .telbox .tel{
	font-size: 32px;
	text-align: center;
	color: #D22D2D;
}

#contact .inbox01 .telbox span{
  display: block;
  text-align: center;
  font-size: 12px;
}

#contact dl dt{
	border: 0;
	font-weight: bold;
}

#contact dl dt span.s01{
  color: #885205;
  margin-right: 5px;
}

#contact dl dt span.s02{
	background: #D22D2D;
  font-size: 14px;
  margin-left: 15px;
  padding: 0px 10px 0px 10px;
  font-weight: normal;
  color: #ffffff;
}

#contact dl dd{
  border: 0;
  padding: 0;
  margin: 0 0 2em 0;
}

#contact .form-control {
	box-shadow: 0 1px 1px #eeeeee;
}

#contact p{
	text-align: center;
}

#contact hr{
	display: none;
}

#contact input[type='submit']{
	width: 250px;
  font-weight: bold;
	padding: 20px 0px;
	font-size: 14px;
}

@media screen and (min-width: 1024px){
	#contact .inbox01 .telbox .tel {
		font-size: 42px;
	}
	
	#contact .inbox01 .telbox span {
		font-size: 16px;
	}
}

/************************************
** ご予約
************************************/

#reservation .inbox01{
	margin-bottom: 50px;
}

#reservation .inbox01 p{
	text-align: center;
	font-weight: bold;
}

#reservation .inbox01 .s03{
	color: #885205;
}

#reservation .inbox01 dt{
	font-weight: bold;
	font-size: 14px;
}

#reservation .inbox01 dd{
	margin-left: 0;
	font-size: 14px;
	margin-bottom: 1em;
}

#reservation .inbox02{
	margin-bottom: 50px;
}

#reservation .inbox02 .telbox{
	margin-bottom: 1em;
}

#reservation .inbox02 .telbox .tel{
	font-size: 32px;
	text-align: center;
	color: #D22D2D;
}

#reservation .inbox02 .telbox span{
  display: block;
  text-align: center;
  font-size: 12px;
}

#reservation .inbox02 .telbox .yakkann{
	text-align: center;
}

#reservation .inbox02 .detailbox h3{
	background: no-repeat;
  border: 0;
  color: #539c99;
  border-bottom: 1px solid #539c99;
  font-size: 16px;
	text-align: center;
}

#reservation .inbox02 .yakkann{
	text-align: center;
}

#reservation .inbox02 .detailbox p{
	text-align: center;
	font-weight: bold;
}

#reservation .inbox02 .detailbox ul{
	background: #eef9f8;
  display: flex;
  flex-wrap: wrap;
  padding: 1em;
}

#reservation .inbox02 .detailbox ul li{
	width: 31.5%;
  font-size: 14px;
}

#reservation .inbox03 dl dt{
	border: 0;
	font-weight: bold;
}

#reservation .inbox03 dl dt span.s01{
  color: #885205;
  margin-right: 5px;
}

#reservation .inbox03 dl dt span.s02{
	background: #D22D2D;
  font-size: 14px;
  margin-left: 15px;
  padding: 0px 10px 0px 10px;
  font-weight: normal;
  color: #ffffff;
}

#reservation .inbox03 dl dd{
  border: 0;
  padding: 0;
  margin: 0 0 2em 0;
}

#reservation .inbox03 .form-control {
	box-shadow: 0 1px 1px #eeeeee;
}

#reservation .inbox03 p{
	text-align: center;
}

#reservation .inbox03 hr{
	display: none;
}

#reservation .inbox03 input[type='submit']{
	width: 250px;
  font-weight: bold;
	padding: 20px 0px;
	font-size: 14px;
}

#reservation .inbox03 label{
	text-align: left;
	display: block;
	font-weight: bold;
}

#reservation .mailbox .hiduke select{
	margin-bottom: 10px !important; 
}

@media screen and (min-width: 1024px){
	#reservation .inbox01 p{
		font-size: 20px;
	}
	
	#reservation .inbox01 dt{
		font-size: 16px;
	}

	#reservation .inbox01 dd{
		font-size: 16px;
	}
	
	#reservation .inbox02 .telbox .tel {
		font-size: 42px;
	}
	
	#reservation .inbox02 .telbox span {
		font-size: 16px;
	}
	
	#reservation .inbox02 .detailbox h3 {
		font-size: 24px;
	}
	
	#reservation .inbox02 .detailbox p{
		font-size: 20px;
	}
	
	#reservation .inbox02 .detailbox ul li{
		font-size: 16px;
	}
	
	#reservation .inbox01{
		margin-bottom: 80px;
	}
	
	#reservation .inbox02{
		margin-bottom: 80px;
	}
	
	#reservation .mailbox .hiduke select {
    width: 20%;
	}
}

/************************************
** 利用料金
************************************/

#price .inbox01,
#price .inbox02,
#price .inbox03,
#price .inbox04{
	margin-bottom: 50px;
}

#price .scrollable-table{
	margin: 0;
}

#price .scrollable-table th, 
#price .scrollable-table td{ 
	padding: 15px 5px;
	text-align: center;
}

#price ul{
	list-style-type: disc;
	font-size: 14px;
	margin: 0;
}

#price table{
	margin: 0 0 0.5em 0;
}

#price .mujust{
	margin-bottom: 2em;
}

#price .inbox04 h2{
	text-align: center;
  background: #343a40;
  color: #ffffff;
  padding: 10px;
  font-size: 20px;
}

#price .buttons{
	padding: 0;
}

#price .buttons li{
	list-style-type: none;
}

#price .buttons a{
	display: block;
  background: #62B01C;
  padding: 15px 0 12px 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 40px;
  width: 70%;
  margin: 0 auto 15px;
  text-align: center;
  font-size: 18px;
}

#price .buttons a:hover{
	transition: background .3s ease-in-out;
  background: #76D620;
}

#price .inbox05 strong{
	display: block;
  color: red;
  font-size: 28px;
  padding: 0 0 0 17px;
  line-height: 140%;
}

@media screen and (min-width: 1024px){
	#price ul{
		font-size: 16px;
	}
	
	#price .inbox01,
	#price .inbox02,
	#price .inbox03{
		margin-bottom: 80px;
	}

}

/************************************
** サービスの流れ
************************************/

#flow .title{
  padding: 0 0 15px 0;
	text-align: center;
}

#flow img{
	width: 100%;
}

#flow .title .boxtitle{
  color: #A18E07;
  font-size: 1.5em;
  letter-spacing: 5px;
	font-family: 'Bad Script', cursive;
}

#flow .title .jptitle{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: 14px;
  padding: 0;
  margin: 0;
  background: none;
  color: #333333;
  font-weight: normal;
}

#flow .title hr{
  border: 2px solid #FEE004;
  width: 30px;
  margin: 0 auto 0.5em;
}

#flow .inbox01{
	margin-bottom: 50px;
}

#flow .inbox01 h3{
  border: 0;
  border-bottom: 1px solid #539c99;
  color: #539c99;
  margin: 0.5em 0 0.8em 0;
}

#flow .inbox01 .elementbox .right > ul{
	list-style-type: decimal;
  font-size: 14px;
  padding-left: 20px;
}

#flow .inbox01 .elementbox .right > ul > li{
	margin-bottom: 0.8em;
}

#flow .inbox01 .elementbox .right .detailbox01{
  background: #eef9f8;
  padding: 15px;	
}

#flow .inbox01 .elementbox .right .detailbox01 p{
	font-size: 12px;
}

#flow .inbox01 .elementbox .right  ul.smallul{
  font-size: 12px;
  list-style-type: disc;
  margin: 15px 0;
  padding-left: 20px;
}

#flow .inbox01 .elementbox .right .detailbox02{
  background: #eef9f8;
  padding: 15px;
	font-size: 14px;
}

@media screen and (min-width: 768px){
	#flow .inbox01 .elementbox .left{
		float: left;
    width: 30%;
    margin-right: 3%;
	}
	
	#flow .inbox01 .elementbox .right{
    float: left;
    width: 67%;
	}
}

@media screen and (min-width: 1024px){
	
	#flow .inbox01{
		margin-bottom: 80px;
	}
	
	#flow .inbox01 .elementbox .right > ul{
  	font-size: 16px;
	}
	
	#flow .inbox01 .elementbox .right .detailbox01 p{
		font-size: 14px;
	}

	#flow .inbox01 .elementbox .right  ul.smallul{
  	font-size: 16px;
	}
	
	#flow .inbox01 .elementbox .right .detailbox01{
		padding: 20px;
	}
	
	#flow .inbox01 .elementbox .right .detailbox02{
		padding: 20px;
	}
	
	#flow .title .boxtitle{
		font-size: 2em;
	}
	
}


/************************************
** 車両
************************************/

#vehicle h2{
	background: #ffffff;
  font-size: 39px;
  font-style: italic;
  color: #A18E07;
  margin: 0;
}

#vehicle img{
	width: 100%;
}


#vehicle h2 .small02{
	display: block;
  font-size: 12px;
  color: #999999;
}

#vehicle .subdiscri{
	text-align: center;
  font-weight: bold;
	margin-bottom: 1.5em;
}

#vehicle .inbox01{
	margin-bottom: 50px;
}

#vehicle .inbox01 .description{
	font-size: 14px;
	padding: 0.5em;
}

#vehicle .inbox02{
	margin-bottom: 50px;
}

#vehicle .inbox02 h3{
	border: 0;
	background: #DFD5B4;
  text-align: center;
  color: #423914;
}

#vehicle .inbox02 ul{
	padding: 0;
}

#vehicle .inbox02 ul li{
	margin: 0 0 0.5em 0;
  border: 1px solid #DFD5B4;
  padding: 0.7em;	
}

#vehicle .inbox02 .subti{
  text-align: center;
  font-weight: bold;
  color: #423914;
  padding: 0 0 0.2em 0;
  font-size: 18px;
}

#vehicle .inbox02 p{
	font-size: 14px;
}

#vehicle .inbox03{
	margin-bottom: 50px;
}

#vehicle .inbox03 h3{
	border: 0;
	background: #DFD5B4;
  text-align: center;
  color: #423914;
}

#vehicle .inbox03 ul{
	padding: 0;
}

#vehicle .inbox03 ul{
	display: flex;
	flex-wrap: wrap;
}

#vehicle .inbox03 ul li{
	width: 46%;
	margin: 0 auto;
}

#vehicle .inbox03 .subti{
	text-align: center;
  font-weight: bold;	
}

#vehicle .inbox03 p{
  text-align: center;
  font-size: 13px;	
}

#vehicle .video-container{
	margin: 0 auto;
}

@media screen and (min-width: 768px){
	#vehicle .inbox02 ul{
		display: flex;
		flex-wrap: wrap;
	}

	#vehicle .inbox02 ul li{
		width: 48%;
		margin: 0 auto 1em;
	}
	
	#vehicle .inbox03 ul li{
		width: 32%;
		margin: 0 auto 1em;
	}
}

@media screen and (min-width: 1024px){
	#vehicle .subdiscri br {
		display:none;
	}
	
	#vehicle .subdiscri {
    width: 70%;
    margin: 0 auto 1em;
    font-size: 22px
	}
	
	#vehicle .inbox01	.description{
    font-size: 16px;
    width: 90%;
    margin: 0 auto;		
	}
	
	#vehicle .inbox01	.description p{
		margin: 0;
	}
	
	#vehicle .inbox02 {
		margin-bottom: 80px;
	}
	
	#vehicle .inbox02 .subti{
		font-size: 20px;
	}
	
	#vehicle .inbox02 p {
    font-size: 14px;
	}
}


/************************************
** 保険・補填について
************************************/
#insurance .inbox02 ul{
	list-style-type:decimal;
}



/************************************
** カテゴリページ
************************************/
.archive-title{
	text-align: center;
  margin: 0 0 1.5em 0;
}

.cate_cus .entry-card-wrap{
	background: #ffffff;
	border: none;
}

.mjjust{
	max-width: 1200px;
  margin: 0 auto;
}

.mjsust{
	max-width: 1200px;
  margin: 0 auto;
}

.cate_cus .mjsust article{
	box-shadow: 2px 4px 8px 2px #dddddd;
  margin-bottom: 40px;
  background: #ffffff;
  padding: 15px;
}

@media screen and (min-width: 1024px){
	.cate_cus .mjsust article{
		padding: 30px 40px;
	}
}

/************************************
** 右ナビ
************************************/

#rightnabi{
	background: #ffffff;
  box-shadow: 2px 4px 8px 2px #dddddd;
}

#rightnabi .l-box01{
	padding: 0 15px 30px;
}

#rightnabi .l-box01 .title {
  background: #FEE004;
  text-align: center;
  padding: 10px 0;
  color: #885205;
  font-weight: bold;
  font-size: 20px;
  margin: 0 -15px 15px;
}

#rightnabi .l-box01 > img{
	display: block;
  margin: 0 auto 1em;
}

#rightnabi .l-box01 dl{
	padding: 0;
}

#rightnabi .l-box01 dt{
	float: left;
	width: 60px;
	font-weight: bold;
}
	
#rightnabi .l-box01 dd{
	float: left;
}

#rightnabi .l-box01 ul.sns{
	padding: 0;
	margin: 15px 0 15px 0;
}

#rightnabi .l-box01 ul.sns li{
	width: 40px;
	float: left;
	margin: 0 15px;
}

#rightnabi .l-box01 ul.listul{
	padding: 0;
}

#rightnabi .l-box02 {
  padding: 0 15px 30px;
}

#rightnabi .l-box02 .title{
  color: #885205;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px solid;
	font-weight: bold;
}


#rightnabi .l-box02 .noticeall{
	
}

#rightnabi .l-box02 .noticeall ul{
	padding: 0;
}

#rightnabi .l-box02 .noticeall ul li ul{
	padding: 0 0 15px 0;
	border-bottom: 1px dashed #885205;
}

#rightnabi .l-box02 .noticeall ul li ul li.left{
	float: left;
	width: 75px;
	padding-right: 10px;
}

#rightnabi .l-box02 .noticeall ul li ul li.left img{
	display: block;
}

#rightnabi .l-box02 .noticeall ul li ul li.right{
	float: left;
}

#rightnabi .l-box02 .noticeall ul li ul li.right a{
	text-decoration: none;
}

#rightnabi .l-box02 .noticeall ul li ul li.right h2{
	font-size: 14px;
	color: #333333;
}

#rightnabi .l-box02 .noticeall ul li ul li.right span{
	font-size: 12px;
	color: #054AB2;
}

#rightnabi .l-box03 {
  padding: 0 15px 30px;
	display: flex;
	flex-wrap: wrap;
}

#rightnabi .l-box03 .inbox{
	width: 50%;
  border: 1px solid#ffffff;
  background: #62B01C;
	text-align: center;
}

#rightnabi .l-box03 .inbox img{
	width: 50px;
}

#rightnabi .l-box03 .inbox a{
	display: block;
  padding: 15px 0;
  color: #ffffff;
  text-decoration: none;
	font-weight: bold;
}

#rightnabi .l-box03 .inbox a:hover{
	background: #76D620;
}


#rightnabi .l-box03 .inbox span{
	display: block;
}

#rightnabi .l-box04{
	padding: 0 15px 30px;
}

#rightnabi .l-box04 .title {
  background: #FEE004;
  text-align: center;
  padding: 10px 0;
  color: #885205;
  font-weight: bold;
  font-size: 20px;
  margin: 0 -15px 15px;
}

#rightnabi .l-box04 ul {
	padding: 0;
}

#rightnabi .l-box04 ul li{
	margin-bottom: 0.5em;
}

#rightnabi .l-box05{
	padding: 0 15px 30px;
}

#rightnabi .l-box05 .title {
  background: #FFF291;
  text-align: center;
  padding: 10px 0;
  color: #885205;
  font-weight: bold;
  font-size: 20px;
  margin: 0 -15px 15px;
}

#rightnabi .l-box05 ul{
	padding: 0;
}

#rightnabi .l-box05 ul li.left{
  float: left;
  width: 75px;
  margin-right: 15px;
}

#rightnabi .l-box05 ul li.right{
	float: left;
  width: 70%;
}

#rightnabi .l-box05 .button a {
	display: block;
  background: #D22D2D;
  padding: 10px 0;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 35px;
  width: 200px;
  margin: 0 auto;
	text-align: center;
}

#rightnabi .kashidashi-detail{
	margin-bottom: 1.5em;
}

#rightnabi .kashidashi-detail p{
	margin: 0;
}

#rightnabi .kashidashi-detail p span{
	color: #885205;
}

#rightnabi .kashidashi-detail .ggmap {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

#rightnabi .kashidashi-detail .ggmap iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.top-content .box01 .button a:hover {
  background: #F15252;
  transition: background .3s ease-in-out;
}

@media screen and (min-width: 1024px){
	#rightnabi .l-box05 ul li.left {
    width: 30%;
    margin-right: 5%;
	}
	
	#rightnabi .l-box05 ul li.right {
    width: 65%;
	}
	
	#rightnabi .l-box01 dt {
		width: 20%;	
		font-size: 14px;
	}
	
	#rightnabi .l-box01 dd {
    width: 80%;
    font-size: 14px;
	}
}



/************************************
** フッター
************************************/

#footback{
  background: url(img/foot-back.jpg) no-repeat;
  height: 200px;
  background-size: cover;
  background-position: center;
}

.footer{
	margin-top: 0;
}

.footer-bottom-logo .logo-image {
  padding: 0;
  max-width: 331px;
  height: auto;
}

@media screen and (min-width: 1024px){
	#footback {
		height: 320px;
	}
}




/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
** カレンダー設定
************************************/

.month-event-title{
	color: #ffffff !important;
}