/*
Theme Name:鹿ヶ壺キャンプフィールド
Description:鹿ヶ壺キャンプフィールドのテーマ
Template:twentyseventeen
Version:1.0
Author:FORC CREATIVE
Author URI:http://forc-creative/
*/

html, body {
	height: 100%;
	background:#f8f8f8;
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-style: normal;
	color:#444444;
	line-height:2;
	letter-spacing: 1px;
	margin:0;
	padding:0;
}  


body{
	color:#444444;
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.75;
	background:none;
}

body:not(.search-results) article:not(.type-page) .entry-content {
		float: none;
		width:100%
}

body:not(.twentyseventeen-front-page) .entry-header{
	padding:0;
}

.entry-content a{
	box-shadow: none!important;
}

hr{
	margin:40px 0;
}

table.table-price,figure.table-price{
	text-align: left;
}

table.table-price td,figure.table-price td{
	padding:8px;
	border:1px solid #ccc;
	font-size:13px;
}

table.table-price td.td-title,figure.table-price thead th{
	font-weight:bold;
	background:#E5F5F4;
}

table.table-price td.td-header,figure.table-price td.td-header{
	max-width:100px;
	min-width:100px;
	background:#F5F6F3;
}

.wp-block-table table{
	max-width:100%;
	margin:24px auto;
	border:1px solid #444444;
}

.wp-block-table table tbody{
	width:100%;
}

.wp-block-table th, .wp-block-table td {
	border:1px solid #444444 !important;
	padding:8px;
	font-size:13px;
}

.wrap{
	padding:0;
}

div.anchor-space{
	width:auto;
	height:80px;
	display:block;
	margin: 0;
}

div.flame{
	margin-bottom:24px;
	padding: 0;
}

div.flame p{
	font-size:13px;
	margin-bottom:24px;
}

div.flame h3{
	text-align: center;
	font-size:20px;
	padding:8px;
	border:2px solid #286AA;
}

.entry-content div.flame h3:before, .entry-content div.flame h3:after {
  content: '';
  position:static;
  top: auto;
  display: block;
  width: auto;
  height: auto;
  background-color: none;
}

.entry-content div.flame h3:before {
  left:auto;
}
.entry-content div.flame h3:after {
  right: auto;
}

.site{
	margin:0 0 0 0;
}

.site-content{
	padding:0;
}

.content-area{
	float:none;
	margin-right:0;
	width:100%;
}

.topbar{
	width:100%;
	height:24px;
	display:block;
	background: #222;
	position: fixed;
	top:0;
	z-index:1;
}

.site-header{
	width:100%;
	height:64px;
	display:block;
	z-index:1;
	background:#fff;
	position: fixed;
	top:0;
	left:0;
}

h1.site-title,p.site-title{
	width:160px;
	height:auto;
	display:block;
	position: fixed;
	top:0;
	left:0;
	background:#fff;
	padding:16px 16px;
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	font-weight: bold;
	font-style: normal;
	font-size:20px;
	color:#444444;
	text-align: left;
}

h1.site-title a,p.site-title a{
	width:120px;
	height:120px;
	display:block;
	margin:0 auto;
	background:url(images/logo.svg) no-repeat center;
	background-size:100% auto;
	text-indent:-9999px;
}
div.weather{
	width:auto;
	height:auto;
	display: block;
	margin:0 auto 80px auto;
}

#weather-wrapper{
	display: block;
	margin:0 auto;
}

h1.footer-title a{
	width:260px;
    height:260px;
	display:block;
	background:url(images/logo.svg) no-repeat center;
	background-size:300px auto 40px auto;
	margin:0 auto;
	text-indent:-9999px;	
}

p.footer-tel{
	display:block;
	font-size:20px;
	font-weight:bold;
}

.site-description{
	width:200px;
	display:block;
	font-size:11px;
	color:#444444;
	line-height:1;
	margin:4px 0;
}

.content-inner{
	width:100%;
	max-width:1024px;
	margin:0 auto;
	padding:0 16px;
	overflow: hidden;
}

.content-inner.narrow{
	width:100%;
	max-width:600px;
	margin:0 auto;
}

.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content{
	margin-right:0;
	margin-left:0;
}

section{
		margin-bottom:40px;
	}
	
	section#home-price{
		padding:40px 0;
		margin-bottom:0;
	}
	
	section#home-activity{
		padding:40px 0 40px 0;
		position: relative;
		background:#EEEDEA;
	}
	
	section#page-index{
		width:100%;
		height:auto;
		display:block;
		box-sizing: border-box;
		padding:40px 0;
		margin-bottom:0px;
		background:none;
		border-top:4px solid #222;
		background:#EEEDEA;
	}
	
	section#page-index h2{
		text-align: center;
	}

.grid01,.grid02,.grid03,.grid04,.grid05,.grid06,.grid07,.grid08,.grid09,.grid10,.grid11,.grid12,.grid13,.grid14,.grid15,.grid16,.grid17,.grid18,.grid19,.grid20,.grid21,.grid22,.grid23,.grid24{
	  display: block;
	  overflow: hidden;
	  box-sizing: border-box;
	  vertical-align: top;
	}
	
	.grid24{font-size:0px;letter-spacing: 0;text-align:left;}
	.grid24.single,.grid24 div{font-size:16px;}
	.grid24.bnrarea{
		max-width:1024px;
		margin:0 auto;
		text-align: center;
	}
	.grid05{width:33.3%; display:inline-block; padding:8px;} 
	.grid06{width:100%; display:inline-block; padding:8px; margin:1%;} 
	.grid06 p{
		font-size:14px;
	}
	.grid24.cancel .grid05{width:50%; display:inline-block; padding:8px;} 
.grid12 img{
	width:100%!important;
	height:auto;
}
.grid24.index .grid08{
	margin-bottom:40px;
}

.grid24.cancel .grid08 img{
}

a:hover .grid08 img{
   opacity: 0.75
}

a:hover .grid08 h3{
	color:#D06B18;
	text-decoration: underline;
}

a:hover .grid08 h3 span{
	background:#D06B18;
	color:#fff;
	text-decoration: none;
}

.site-main{
	margin-bottom:0;
}
	
.site-footer{
	border-top:4px solid #222;
	background:#f9f9f9;
	padding:40px 0 0 0;		
		MARGIN-TOP:0;
}

.site-footer h4{
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px dotted #444;
}

.site-footer p.copyright{
	width:100%;
	max-width:100%;
	display:block;
	background:#222;
	font-size:11px;
	color:#fff;
	padding:8px;
	margin-top:160px;
	margin-bottom:0;
}

.footer-bnr img{
	max-width:400px;
	height:auto;
}

ul.footer-navigation{
	list-style: none;
	font-size:13px;
}

ul.footer-navigation li a:hover{
	color:#222;
	text-decoration: underline;
}

p.footer-tel{
	width:300px;
	height:31px;
	display:block;
	background:url(images/footer-tel.svg) no-repeat center left;
	background-size:300px 31px;
	text-indent:-9999px;
	font-size:20px;
	font-weight:bold;
	margin:0 auto 40px auto;
}

footer p{
	width:100%;
	max-width:383px;
	display:block;
	margin:0 auto 24px auto;
}

address{
	width:100%;
	max-width:383px;
	display:block;
	margin:0 auto 24px auto;
	font-style: normal;
}
address span{
	display:block;
	font-size:11px;
}

address a{
	text-decoration:underline;
}

/* COMPONENTS */

.pconly{
	display:none;
}

.sponly{
	display:block;
}

.text-center{
	text-align:center;
}
	
a.contained_button{
		width:100%;
		max-width: 400px;
		height:auto;
		display:block;
		position:relative;
		box-sizing:border-box;
		padding:16px 16px;
		margin:32px auto;
		background:#F68222;
		font-size:13px;
		line-height:1;
		font-weight:bold;
		color:#fff;
		text-align:center;
		text-decoration:none;
		letter-spacing:2px;
		border-radius:4px;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 
	}
	
	a.contained_button:hover{
		background:#D06B18;
	}
	
	.grid12 a.contained_button{
	margin:8px auto;
}
	
	a.contained_button span{
		display:block;
		font-size:13px;
	}
	
	a.contained_button.small{
		padding:16px 0;
		margin:16px auto;
	}
	
	a.contained_button.large{
		padding:16px 0;
		font-size:18px;
		max-width:600px;
	}
	
	a.contained_button:hover,a.contained_button.small:hover,a.contained_button.large:hove{
		background:#222;
		color:#fff;
	}
	
a.outlined_button{
		width:100%;
		max-width: 480px;
		height:auto;
		display:block;
		position:relative;
		box-sizing:border-box;
		padding:16px 16px;
		margin:32px auto;
		background:url(images/icon-info.svg) no-repeat center left 24px;
		background-size:32px auto;
		font-size:13px;
		font-weight:bold;
		color:#222;
		text-align:center;
		text-decoration:none;
		letter-spacing:2px;
		border:1px solid #F68222;
		border-radius:40px;
		-webkit-transition: 0.3s ease-in-out;  
		-moz-transition: 0.3s ease-in-out;  
		-o-transition: 0.3s ease-in-out;  
		transition: 0.3s ease-in-out; 
	}
	
	a.outlined_button:hover{
	text-decoration:underline;
	}
	
	a.outlined_button span{
		display:block;
		font-size:13px;
	}
	
a.reserv_button{
	width:64px;
	height:64px;
	display:block;
	position:fixed;
	top:0;
	right:56px;
	z-index:2;
	box-sizing:border-box;
	padding:8px 0;
	background:url(images/icon-booking.svg) no-repeat center #F68222;
	background-size:32px 48px;
	font-size:12px;
	color:#fff;
	text-indent:-9999px;
	text-align:center;
	text-decoration:none;
	letter-spacing:2px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

a.reserv_button:hover{
	background:url(images/icon-booking.svg) no-repeat center #D06B18;
	background-size:32px 48px;
	color:#fff;
}

a.fab{
	width:100%;
	max-width:400px;
	height:auto;
	display:block;;
	padding: 16px;
	position: fixed;
	z-index:2;
	text-align: center;
	bottom: 40px;
	right: 0;
	color:#444;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	letter-spacing: 1px;
	-webkit-transition: 0.3s ease-in-out;  
	-moz-transition: 0.3s ease-in-out;  
	-o-transition: 0.3s ease-in-out;  
	transition: 0.3s ease-in-out; 
}

	a.fab img{
		box-shadow:0 0 16px #ddd;	
	}
	
	[class^="wp-block-"]:not(.wp-block-gallery) figcaption{
		font-style:normal;
	}

	
.googlemaps {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
margin-bottom:40px;
position: relative;
}
.googlemaps iframe {
position: absolute;
left: 0;
top: 0;	
height: 100%;
width: 100%;
}

.cal_wrapper {
  max-width: 800px; /* 最大幅 */
  min-width: 300px; /* 最小幅 */
  margin: 2.0833% auto;
}
 
.googlecal {
  position: relative;
  padding-bottom: 100%; /* 縦横比 */
  height: 0;
  overflow: hidden;
}
.googlecal iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}
	
	
/* HOME */
section#cover{
	width:100%;
	height:70%;
	display:block;
	padding:0;
	margin-bottom:0;
	margin-top:64px;
	z-index:0;
	position: relative;
}

#cover h2{
	width:auto;
	height:auto;
	display:block;
	position:absolute;
	z-index:1;
	top:40px;
	right:20px;

}

#cover h2 span{
	width: auto;
	height: auto;
	display: inline-block;
	background: #fff;
	color: #222;
	writing-mode: vertical-rl;
	line-height: 2;
	letter-spacing: 2px !important;
	padding: 16px 8px 0 8px;
	border: 4px solid #222;
}

section#home-news{
	margin:-80px auto 40px auto;
	z-index:0;
	position: relative;
}

section#home-concept{
	padding:0 0 0 0;
	z-index:0;
	position: relative;
	background-size:cover;
	background:#F8F8F8;
}

section#home-concept .video-wrap{
	width:100%;
	max-width:1200px;
	height:400px;
	display:block;
	overflow: hidden;
	position: relative;
	margin:0 auto 40px auto;
}

section#home-concept .video-wrap:last-of-type{
	margin:0;
}

section#home-concept video{
	width:100%;
	height:auto;
	display:block;
	position:absolute;
	bottom:-50%;
}

section#home-concept div.content-inner h2{
	color:#222;
	text-align: center;
}

section#home-concept div.content-inner{
	color:222;
}

section#home-contents{
	padding:40px 0;
	margin-bottom:0;
	text-align: center;
	background:#EEEDEA;
}

section#home-calender{
	padding:40px 0;
	margin-bottom:0;
	text-align: center;
	background:#fff;
}



h2.header-home{
	font-family:Copperplate, sans-serif;
	color:#000;
	font-size:32px;
	text-align:center;
	margin-bottom:16px;
}

h2.header-home span{
	display:block;
	padding-bottom:16px;
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	font-size:13px;
}

h3.header-home{
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	color:#E4004E;
	font-size:24px;
	padding:0;
	margin-bottom:16px; 
}

h3.header-home span{
	display:block;
	font-size:13px;
	padding-bottom:16px;
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
}

div.block{
	width:100%;
	max-width:600px;
	height:auto;
	display:block;
	padding:16px;
	margin:0 auto;
	background:#fff;
	border-radius:8px;
	text-align: center;
	font-size:15px;
}

div.block p{
	margin-bottom:0;
}

dl.newslist{
	width:100%;
	max-width:600px;
	height:auto;
	display:block;
	padding:16px;
	margin:0 auto 0 auto;
	background:rgba(255,255,255,1);
	border:2px solid #222;
}

dl.newslist dt{
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	font-size:13px;
	font-weight: normal;
}

dl.newslist dd{
	margin:0 0 16px 0;
	border-bottom:1px dotted #999;
}

dl.newslist dd a{
	color:#444444;
	font-size:16px;
	text-decoration: underline;
}


section#home-price{
	width:100%:!important;
	height:auto;
	display:block;
	background:url(images/bg-price.png) no-repeat center;
	background-size: cover;
}

h2.header-price,h2.header-access{
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	color:#EE3281;
	font-size:24px;
	text-align:center;
	margin-bottom:40px;
}

h2.header-price span,h2.header-access span{
	display: block;
	font-size: 12px;
	font-family: "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

p.text-price{
	color:#444444;
	font-size:16px;
	font-weight: bold;
	text-align:center;
}

section#contact{
	padding:40px 0;
	margin-bottom:0;
	text-align: center;
	background:#EEEDEA;
	border-top:4px solid #222;
}

section#contact div.grid08{
	width:100%;
	padding:16px;
	margin:0% 0 16px 0;
	border-radius:8px;
}

section#contact div.grid08.contact-booking,section#contact div.grid06.contact-booking{
	padding-top:96px;
	background:url(images/icon-calender.png) no-repeat center top 16px #fff;
	background-size:56px auto;
}

section#contact div.grid08.contact-phone,section#contact div.grid06.contact-phone{
	padding-top:96px;
	background:url(images/icon-phone.png) no-repeat center top 16px #fff;
	background-size:56px auto;
}

section#contact div.grid08.contact-mail,section#contact div.grid06.contact-mail{
	padding-top:96px;
	background:url(images/icon-mail.png) no-repeat center top 16px #fff;
	background-size:56px auto;
}

section#contact div.grid06.contact-line{
	padding-top:96px;
	background:url(images/icon-line.png) no-repeat center top 16px #fff;
	background-size:64px auto;
}

section#contact div.grid08 h4{
	font-size:20px;
	color:#222;
	letter-spacing: 1px;
}

section#contact div.grid08 p{
	font-size:13px;
	text-align: left;
}

section#access{
	padding:40px 0;
	margin-bottom:0;
	text-align: center;
}

p.title-access{
	font-size:13px;
	letter-spacing:2px;
	line-height:2;
	padding:8px;
	border-left:2px solid #EE3281;
}


	
/* 	ENTRY */

.entry-content{
	width:100%;
	max-width:800px;
	height:auto;
	display:block;
	padding: 0 24px 16px 24px;
	margin:0 auto 40px auto;
	border-radius:8px;
	text-align: center;
}

.entry-content a img, .comment-content a img, .widget a img{
	box-shadow: none;
	text-align: left;
}

.entry-content.wide{
	width:100%;
	max-width:100%;
}

.entry-content p.label{
	text-align: center;
}

.entry-content p.label span{
	width:auto;
	height:auto;
	display:inline-block;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background:#F68222;
	padding:4px 16px;	
}

.entry-content h2{
	color:#F68222;
	background:#fff;
	font-size:20px;
	text-align: center;
	margin:32px 0;
	padding:8px;
	border:2px solid #F68222
}

.entry-content h2.small-title,.content-inner h2.small-title{
	font-size:20px;
	text-align: left;
	letter-spacing: 1px;
	margin:8px 0;
}

.entry-content h2 span.label-title{
	width:auto;
	height:auto;
	display:inline-block;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background:#F68222;
	padding:4px;
}

.entry-content h3{
color: #222;
text-align: center;
font-size: 16px;
position: relative;
  display: inline-block;
  padding: 0 55px;
  margin:24px auto;
}

.entry-content h3:before, .entry-content h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #222;
}

.entry-content h3:before {
  left:0;
}
.entry-content h3:after {
  right: 0;
}

.entry-content h3 span{
	display:block;
	font-size:13px;
	margin-top:8px;
}

.entry-content h3.small-title,.content-inner h3.small-title{
	font-size:16px;
	text-align: left;
	letter-spacing: 1px;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	display: block;
}

.entry-content h3.small-title:before, .entry-content h3.small-title:after {
  content: '';
  position:static;
  top: auto;
  display: block;
  width: auto;
  height: auto;
  background-color: none;
}

.entry-content h3.small-title:before {
  left:auto;
}
.entry-content h3.small-title:after {
  right: auto;
}

.grid06 h4{
	color: #222;
	text-align: center;
	font-size: 16px;
}

.entry-content h4{
color: #222;
text-align: center;
font-size: 14px;
margin-bottom:16px;
}

.entry-content h3 span.label-title{
	width:auto;
	height:auto;
	display:inline-block;
	font-size:12px;
	font-weight:normal;
	color:#fff;
	background:#F68222;
	padding:4px;
}

.entry-content p.price-label{
	width:100%;
	height:auto;
	display:block;
	padding:8px;
	text-align:center;
	background: #f6f4ef;
	margin-bottom:8px;
	border-radius:8px;
}

.entry-content p{
	text-align:left;
}

.entry-content p.grid-text{
	font-size:13px;
	text-align: left;
}

.entry-content p.price-label span{
	display:block;
	font-size:11px;
}

.entry-content p.price-plus{
	text-align: center;
	font-size:16px;
	margin-bottom:8px;
}

.entry-content p.price-plus{
	
}

.entry-content ul li strong{
	color:red;
	font-weight: normal;
}

div.flame{
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:16px;
	margin:0 0 0 0;
	background:#EEEDEA;
	border-radius:0px 24px 0 0;
}

/* FAQ */
dl.question{
	width:100%;
	height:auto;
	display:block;
}

dl.question dt{
	position: relative;
	margin-bottom: 16px;
	padding-left: 40px;
	color: #222;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}

dl.question dt:before{
	position: absolute;
	top: 0.1em;
	left: 0;
	content: 'Q';
	width: 32px;
	background: #eb8c6e;
	border-radius:4px;
	color: #FFF;
	font-size:16px;
	font-weight: bold;
	text-align: center;
}

dl.question dd{
	position: relative;
	margin-left:0;
	margin-bottom: 24px;
	padding-left: 40px;
	padding-bottom:24px;
	color: #222;
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	border-bottom:1px dotted #ddd;
}

dl.question dd:before{
	position: absolute;
	top: 0.1em;
	left: 0;
	content: 'A';
	width: 32px;
	background: #00523f;
	border-radius:4px;
	color: #FFF;
	font-size:16px;
	font-weight: bold;
	text-align: center;
}


.page-eyecatch{
	width:100%;
	max-width:1600px;
	height:300px;
	display:block;
	margin:0 auto 40px auto;
	background-size:auto 300px;
	background-position: center;
}

.page-eyecatch.bg-news{
	background:url(images/header-news.jpg) no-repeat center;
	background-size:auto 300px;
}

h1.entry-title{
	font-family: "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
color: #222;
font-size: 24px;
text-align: center;
line-height: 2;
padding: 16px 16px;
margin-bottom:24px;
letter-spacing: 4px;
letter-spacing: 2px;
}
	
.page h1.page-title{
	font-family: "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
color: #222;
font-size: 32px;
text-align: center;
line-height: 2;
padding: 16px 16px;
margin-bottom:24px;
letter-spacing: 2px;
}
		
.single-content{
		width:100%;
		max-width:1024px;
		margin-bottom:80px;
		padding:0;
}

h3.header-middle{
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	color:#EE3281;
	font-size:18px;
	text-align:center;
}

h3.header-middle span{
	display:block;
	font-size:12px;
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
}

p.lead{
font-size:13px;
}

p.label{
font-size:12px;
margin-bottom:16px;	
margin-top:-24px !important;
}

p.time{
	text-align: center;
	font-size:13px;
	font-weight: bold;
	margin-top:-24px;
	margin-bottom:16px;
	color:#222;

}

p.time span{
	width:auto;
	height:auto;
	display:inline-block;
	background:#eee;
	padding:4px;
	margin-right:8px;
}

.grid16 p{
	margin-bottom:0;
}

.entry-content ul{
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:16px 24px;
	margin:24px auto;
	background:#F5F6F3;
	border-radius:4px;
	list-style: none;
}

.entry-content ul.blocks-gallery-grid{
	width:auto;
	max-width:none;
	display:contents;
	background:none;
	
}

.entry-content ul li{
	list-style: outside;
	padding-bottom:8px;
	margin-bottom:8px;
	border-bottom:1px solid #ddd;
	font-size:13px;
	text-align: left;
}

.entry-content ul li:last-child{
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

.entry-content ul li span{
width:auto;
height:auto;
display: inline-block;
background:#EE3281;
color:#fff;
font-size:12px;
padding:8px;
margin-right:8px;
margin-bottom:8px;
line-height:1;
}

.entry-content ul li span.annotation{
	display:block;
	background:none;
	padding:0;
	margin:8px 0;
	color:#444444;
}

.entry-content ul.slider{
	background:none;
	padding:0;
}

.entry-content ul.slider li{
	border-bottom:0;
}

.entry-content ul.page-link{
	width:100%;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:16px;
	margin:0 auto 24px auto;
	background:none;
	border-radius:0px;
	list-style: none;
	font-size:0;
	letter-spacing: 0;
	background:#F5F6F3;
	border:4px solid #ddd;
}

.entry-content ul.page-link li{
	width:48%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	border-bottom:0;
	margin: 8px 1%;
}

.entry-content ul.page-link li a{
	width:100%;
	height:auto;
	display:block;
	padding:8px 0;
	border-bottom:1px solid #ccc;
	text-align:center;
	font-size:13px;
	letter-spacing: 1px;
	box-shadow:none !important;
}

.entry-content ul.page-link li a:hover{
	background:#222;
	border-bottom:1px solid #222;
	color:#fff;
}

figure.page-eyecatch{
	width:100%;
	max-width:1024px;
	height:auto;
	display:block;
	margin:0 auto;
}

.post-thumbnail{
	margin:0 16px 40px 16px;;
}

.wp-block-image{
	margin-bottom:0;
}

/* CONCEPT */

h2.header-concept{
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	color:#EE3281;
	font-size:20px;
	line-height:1.75;
}

p.machine-name{
	width:auto;
	height:auto;
	display: block;
	color:#fff;
	font-family:"Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;	
	font-size:13px;
	background:#EE3281;
	padding:4px;
	margin-bottom:8px;
}

p.machine-name span{
	width:auto;
	height:auto;
	display: inline-block;
	background:#B81559;
	color:#fff;
	font-size:12px;
	padding:0 8px;
	margin-right:8px;
}
		
		
/* 		PROGRAM */

figure.program-image{
	margin-bottom:8px;
}

	p.program-title{
	　font-size:16px;
		margin-bottom:0px;
		color:#EE3281;
		font-weight:bold;
	}
	
	p.program-price{
			font-size:13px;
			padding-bottom:8px;
			margin-bottom:8px;	
			border-bottom:1px dotted #444;
		}
		
		p.program-time{
			font-size:13px;
			margin-bottom:4px;	
		}
	
	p.program-text{
		font-size:13px;
		margin:4px 0;
	}
	
	p.annotation,p.program-annotation{
		font-size:12px;
		margin:4px 0;
		color:#EE3281;
	}
		
	
	
	@media screen and (min-width: 768px) {
	.grid01{width:4.2%;}
	.grid02{width:8.3%;}
	.grid03{width:12.5%;}
	.grid04{width:16.7%;}
	.grid05{width:18%; display:inline-block; padding:8px;}
	.grid24.cancel .grid05{width:33%; display:inline-block; padding:0;} 
	.grid06{width:23%; display:inline-block; padding:8px;} 
	.grid07{width:29.2%;}
	.grid08{width:33.3%; display:inline-block; padding:16px;} 
	section#contact div.grid08{
		width:31.3%;
		margin:1%;
	}
	.grid09{width:37.5%;}
	.grid10{width:41.7%;}
	.grid11{width:45.8%;}
	.grid12{width:50%; display:inline-block; padding:8px;} 
	.grid12.card{
		width:45%;
		margin:0 2.5% 40px 2.5%;
		display:inline-block; 
		box-sizing:border-box;
	}
	.grid13{width:54.2%;}
	.grid14{width:58.3%;}
	.grid15{width:62.5%;}
	.grid16{width:66.7%; display:inline-block; padding:8px;} 
	.grid17{width:78%;}
	.grid18{width:75%;}
	.grid19{width:79.2%;}
	.grid20{width:83.3%;}
	.grid21{width:87.5%;}
	.grid22{width:91.7%;}
	.grid23{width:95.8%;}
	.grid24{width:100%;}
	
	figure.ryoukin,	figure.image-ryoukin{
		padding:0 40px;
	}
	
/* 	COMPONENTS */
  .googlecal {
    padding-bottom: 75%;
  }

/* h1.site-title a,p.site-title a{
	width:120px;
	height:90px;
	background-size:240px 36px;
}

h1.footer-title a{
	width:240px;
	height:36px;
	background-size:240px 36px;
} */

a.outlined_button{
	background-size:40px auto;
}
a.outlined_button:hover{
	text-decoration:underline;
}

	a.reserv_button{
		display:block;
		top:0;
		right:0;
	}
	.pconly{
		display:block;
	}
	
	.sponly{
		display:none;
	}
	

section{
		margin-bottom:80px;
	}
	
	
	section#home-concept video{
		width:100%;
		min-width:100%;
		height:auto;
		display:block;
		margin:0 auto 24px auto;
	}
	
section#home-price{
	padding:80px 0;
}
	
section#access{
	padding:40px 0;
}

.content-area.single-content{
	float:left;
	margin-right:0;
	width:70%;
	margin-top:40px;
}

.content-area.single-content h1.entry-title {
text-align: left;
border-bottom:1px solid #ddd;
padding-bottom:8px;

}

#secondary{
	float:right;
	width:25%;
	margin-top:50px;
}


ul.footer-navigation{
	width:50%; display:block; float:left;padding:8px;
}

p.footer-tel{
	width:383px;
	height:40px;
	background:url(images/footer-tel.svg) no-repeat center left;
	background-size:383px 40px;
}

/* 	HOME */
#cover h2{
	width:auto;
	height:auto;
	display:block;
	position:absolute;
	z-index:1;
	top:80px;
	right:10%;

}

#cover h2 span{
	font-size:32px;
}
section#home-concept .video-wrap{
	height:600px;
}

section#home-concept video {
bottom: -50%;
}

.site-header{
background:#fff;
}	

section#home-activity{
	margin-top:0;
}

section#home-activity h3{
margin-top:0;
}


/* 	ENTRY */

.page-eyecatch{
	height:480px;
	background-size:auto 480px;
}

.page-eyecatch.bg-news{
	background:url(images/header-news.jpg) no-repeat center;
	background-size:auto 400px;
}

h1.entry-title{
font-size: 32px;
}
	

.entry-content p{
max-width:640px;
margin:0 auto 16px auto;	
}


h1.page-title,h1.entry-title{
	padding:16px 16px;
	margin-bottom:80px;
}

}

	@media screen and (min-width: 1024px) {
		section#home-concept{
			padding-top:40px;
		}
		
		section#home-concept .video-wrap{
			height:800px;
		}
		
		section#home-concept .video-wrap video{
			bottom:-60%;
		}
		
	}