/*
Theme Name:横浜MORESビアガーデン
Description:横浜MORESビアガーデンのテーマ
Template:twentysixteen
Version:1.0
Author:FORC CREATIVE
Author URI:http://forc-creative/
*/
html, body {
	height: 100%;
}

body{
	font-family: "heisei-kaku-gothic-std", sans-serif;
	color:#444;
	line-height:1.75;
	letter-spacing: 1px;
	font-size:15px;
	font-weight:700;
	background:#fafafa;
}


body:not(.custom-background-image).admin-bar:before{
	top:0;
}

body:not(.custom-background-image):before, body:not(.custom-background-image):after{
	height:0;
}

section{
	padding:56px 0;
}

section#banner{
	width:100%;
	height:auto;
	display:block;
	padding:16px 0;
	margin:0 auto;
	background:#d37243;
}

section#banner img{
	padding: 16px;
}

section#howto{
	width:100%;
	height:auto;
	display:block;
	padding:0;
	margin:0 auto;
	background:#2a4175;
}

section#howto img{
	padding:40px 16px;
}

section#area{
	padding:80px 0 56px 0;
	/* background:url(images-test/dot.png;) repeat center; */
	background:#2a4175;
}

section#plan{
	background:#e0edf7;
}

section#news{
	background:#2a4175;
}

div.today{
	width:90%;
	max-width:640px;
	margin:0 auto 24px auto;
	font-family:"toppan-bunkyu-midashi-go-std", sans-serif;
}

div.today p.header-today{
	background:#fff;
	padding:16px;
	margin-bottom:8px;
	font-size:16px;
	font-style:italic;
	border-radius:32px;
}

div.today p{
	font-size:24px;
	font-style:italic;
	margin-bottom:8px;
}

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

.site{
	margin:0;
	background:#fafafa;
}

.site-content{
	padding:0;
}
  
  .site-header{
	  width:100%;
	  display:block;
	  overflow: hidden;
	  padding:0 0 0 0;
	  position: fixed;
	  top:0;
		right:0;
		z-index:10;
	  margin:0 auto 0 auto;
  }
  
  .site-header nav{
	  width: 100%;
	  height: 56px;
	  display: block;
	  position: relative;
	  box-sizing: border-box;
  }
  
  .site-header nav ul{
	  width: 100%;
	  height: 56px;
	  display:block;
	  position:absolute;
	  top:0;
	  right:0;
	  text-align:right;
  }
  
  .site-header nav ul li{
	  width: auto;
	  display: inline-block;
	  box-sizing: border-box;
	  text-align: left;
	  margin: 0;
	  padding: 0;
  }
  
  .site-header nav ul li a{
	  width: auto;
	  height: 56px;
	  display: block;
	  box-sizing: border-box;
	  font-family: 'Baron Neue', sans-serif;
	  font-weight: bold;
	  font-size: 14px;
	  text-transform: lowercase;
	  color: #444;
	  border: none;
	  line-height: 1;
	  text-indent: 0;
	  padding: 22px 8px;
	  -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;
	  border-radius: 0;
	  background: #fafafa;
  }
  
  .site-header li.navi-instagram {
	  width: 56px;
	  height: 56px;
	  padding: 0;
  }
  
  .site-header li.navi-instagram a {
	  width: 56px;
	  height: 56px;
	  display: block;
	  margin: 0 auto;
	  background: url(images-test/icon-instagram.svg) no-repeat center #fafafa;
	  background-size: 24px 24px;
	  text-indent: -9999px;
  }
  
  .site-header nav ul li a:hover{
	  text-decoration: none;
	  background: #FDB600;
  }
  
  .site-header li.navi-instagram a:hover{
  text-decoration: none;
  background: url(images-test/icon-instagram.svg) no-repeat center #FDB600;
  background-size: 24px 24px;
  }
  
.header-image{
  margin:56px 0 0px 0;
}

.header-image img{
	width:100%;
	height:auto;
}

.content-inner{
	width:100%;
	max-width:1280px;
	overflow:visible;
	position:relative;
	box-sizing:border-box;
	padding:0 28px;
	margin:0 auto 40px auto;
}

.content-inner.narrow{
	width:100%;
	max-width:720px;
	overflow:hidden;
	box-sizing:border-box;
	padding:0 28px;
	margin:0 auto 40px auto;
}

.content-inner.news{
	width:100%;
	max-width:1024px;
	overflow:hidden;
	box-sizing:border-box;
	padding:0 28px;
	margin:0 auto 40px auto;
}

div.single-label{
	display:none;
}

a p.news-title{
	background:#fff;
	color:#444;
	letter-spacing:normal;
	padding-top:8px;
	border-radius: 0 0 8px 8px;
}

ul.slider-news li{
	border-radius:8px;
	padding:8px;
	overflow: hidden;
}

ul.slider-news li p{
	padding:8px;
}

.slick-slide img{
	margin-bottom:0px;
	border-radius: 8px 8px 0 0;
}

.content-inner.narrow.bgwhite{
	width:90%;
	max-width:720px;
	overflow:hidden;
	box-sizing:border-box;
	padding:24px;
	margin:0 auto 40px auto;
	background:#fff;
	border-radius:50px;
}

#intro .content-inner.concept{
	width:90%;
	padding:24px 0 200px 0;
	border-bottom:1px solid #2a4175;
	background:url(images-test/illust.svg) no-repeat bottom 20px right;
	background-size:130px auto;
}

  .site-footer{
	  width:100%;
	  max-width:100%;
	  font-size:12px;
	  display: block;
	  position: relative;
	  overflow: hidden;
	  background:url(images-test/bg.png);
	  /* background:#000; */
	  margin-top:80px;
	  padding:50px 16px 25px 16px;
  }
  
  .site-footer h2{
	  color:#fafafa;
  }
  
  .site-footer h3{
	  width:100%;
	  height:auto;
	  display:inline-block;
	  font-style:normal;
	  text-align:center;
	  padding-bottom:16px;
	  border-bottom:1px solid;
	  margin-bottom:16px;
  }
  
  .site-footer ul{
  width:100%;
  height:auto;
  display:block;
  padding:0 8px;
  margin:0 0 16px 0;
  }
  
  .site-footer ul li{
	  font-size:12px;
	list-style:inside;
	  color:#fafafa;
  }
  
  .site-footer ul li a{
	  color:#fff;
	  text-decoration:underline;
  }
  
  .site-footer ul li ul{
	width:auto;
	max-width:300px;
	height:auto;
	display:block;
	padding:8px 0;
	margin: 8px 8px 16px 16px;
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
  }
  
  .site-footer ul li ul li{
	  list-style:none;
  }
  
  .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;
  }
  
  .grid24{font-size:0px; letter-spacing: 0;}
  .grid24.single,.grid24 div{font-size:16px; letter-spacing: 1px;}
  
   .grid24.post-index .grid08{
	   margin-bottom:40px;
	   padding-left:24px;
   }
   
	.grid24.post-index a .grid08{
		color:#444;
	}
	  
	.grid24 div.grid08{
	width:85%;
  	border:2px solid #2a4175;
  	margin:0 auto 24px auto;
  	position:relative;
  	overflow:visible;
	margin-bottom:40px;
	font-size:0;
	letter-spacing:0;
	background:#fafafa;
	}
	
.grid24 div.grid08.light-plan{
	border:2px solid #3e988f;	
}

.grid24 div.grid08.standard-plan{
	border:2px solid #2a4175;	
}

.grid24 div.grid08.premium-plan{
	border:2px solid #d6aF4c;	
}
	
.grid24 div.grid08.vip{
	border:2px solid #ca6f43;	
}

.grid24 div.grid08.weekday{
	border:2px solid #429ab3;
	
}

.grid24 div.grid08.option{
	  border:2px solid #39958C;
	  background:#39958C;
	  color:#fff;	
}

.grid24 div.grid08.option p.option-info{
	background:#fff;
	color:#39958C;
	font-weight: normal;
	text-align: center;
	margin:0;
	padding:4px 0;
}

.grid24 div.grid08.option h3.header-plan,.grid24 div.grid08.option h4.info-plan{
	color:#fff;	
}
	  
  .grid24.post-index a .grid08 img{
	  width:100%;
	  height:auto;
  }
  
  .grid08 p{
	  padding:0 16px;
	  font-size:14px;
  }
  
  .grid08 ul{
	width:100%;
	height:auto;
	display:block;
	padding:0 16px;
	margin:0 0 16px 0;
	}
	
	.grid08 ul li{
		font-size:12px;
		list-style:inside;
	}
	
	.grid08 ul li.small{
		list-style:none;
		margin-top:16px;
		font-size:11px;
		font-weight:normal;
	}
	
.grid08.light-plan ul{
	background:url(images-test/plan_light.svg) no-repeat top -10px right 16px;
	background-size:100px 100px;
}

.grid08.standard-plan ul{
	background:url(images-test/plan_standard.svg) no-repeat top -10px right 16px;
	background-size:100px 100px;
}

.grid08.premium-plan ul{
	background:url(images-test/plan_premium.svg) no-repeat top -10px right 16px;
	background-size:100px 100px;
}

.grid08.surf-plan ul{
	background:url(images-test/plan_surfandturf.svg) no-repeat top -10px right 16px;
	background-size:100px 100px;
}

.grid08.vip ul{
	background:url(images-test/plan_vip.svg) no-repeat top -10px right 16px;
	background-size:100px 100px;
}

.grid08.weekday ul{
	background:url(images-test/plan_weekday.svg) no-repeat to -10px right 16px;
	background-size:100px 100px;
}

   
 .grid06{width:50%; box-sizing:border-box; display: inline-block; vertical-align:top; padding:16px;} 
 .grid06 img{
	 margin-bottom:8px;
	 border:1px dotted #999;
	 padding:16px;
 }
.grid06 a{
	font-size:14px;
	color:#444;
	line-height:1.5;
}
  
	
	.site-footer nav{
		font-size:0;
		letter-spacing: 0;
	}
	
	.footer-logo{
		width:160px;
		height:160px;
		display:block;
		text-align: center;
		margin:0 auto 40px auto;
	} 
	
	.footer-logo a{
		width:160px;
		height:160px;
		display: block;
		background:url(images-test/footer-logo.svg) no-repeat left center;
		background-size:100% auto;
		text-indent: -9999px;	
	}
	
	ul.footer-navigation{
		width:100%;
		height:auto;
		display:inline-block;
		vertical-align: top;
		padding:0;
		margin:0 0 40px 0;
	}
	
	ul.footer-navigation li{
		list-style: none;
		padding:0;
		margin:0 0 10px 0;
		text-align: left;
		}
		
	ul.footer-navigation li.navi-title{
		margin-bottom:24px;
	}
		
	ul.footer-navigation li.navi-title a{
		font-size:14px;
		padding-bottom:8px;
		margin-bottom:8px;
		border-bottom:1px solid #f9f9f9;
	}
		
	ul.footer-navigation li a{
		color:#f9f9f9;
		font-family: "georgia","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size:12px;
		letter-spacing: 1px;
	}
	
	ul.footer-navigation li a:hover{
		text-decoration: underline;
	}
	
	ul.footer-social{
		width:100%;
		height:auto;
		display:block;
		text-align: center;
		font-size:0;
		letter-spacing: 0;
		margin-bottom:50px;
	}
	
	ul.footer-social li{
		width:45px;
		height:auto;
		display:inline-block;
		font-size:1rem;
		letter-spacing: 0.1rem;
		margin:0 24px;
		}
		
	ul.footer-social li a{
		width:40px;
		height:40px;
		display:block;
		margin:0 auto;
		border-radius: 20px;
		-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; 
	}
	
	.icon-instagram{
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	background: url(https://toothtooth.com/website/wp-content/themes/toothtooth/images/icon-instagram_bk.svg) no-repeat center;
	background-size: 20px 20px;
	text-indent: -9999px;
	margin: 0 8px;
	}
	
	.icon-spotify{
	  width: 40px;
	  height: 40px;
	  display: inline-block;
	  vertical-align: middle;
	  background: url(https://toothtooth.com/website/wp-content/themes/toothtooth/images/icon-spotify_bk.svg) no-repeat center;
	  background-size: 20px 20px;
	  text-indent: -9999px;
	  margin: 0 8px;
	  }
	
	ul.footer-social li a.icon-instagram{
		background:url(https://toothtooth.com/website/wp-content/themes/toothtooth/images/icon-instagram_wh.svg) no-repeat center #999;
		background-size:16px auto;
		text-indent:-9999px;
	}
	
	ul.footer-social li a.icon-instagram:hover{
		background:url(https://toothtooth.com/website/wp-content/themes/toothtooth/images/icon-instagram_wh.svg) no-repeat center rgb(0,0,0);
		background-size:16px auto;
		text-indent:-9999px;
	}
	
	ul.footer-social li a.icon-facebook{
		background:url(https://toothtooth.com/website/wp-content/themes/toothtooth/images/icon-facebook_wh.svg) no-repeat center #999;
		background-size:9px auto;
		text-indent:-9999px;
	}
	
	ul.footer-social li a.icon-facebook:hover{
		background:url(https://toothtooth.com/website/wp-content/themes/toothtooth/images/icon-facebook_wh.svg) no-repeat center rgb(0,0,0);
		background-size:9px auto;
		text-indent:-9999px;
	}

/* HACK */

	a.anchor {
	display: block;
	padding-top: 40px;
	margin-top: -40px;
}

.clearfix {width:100%;}
.clearfix:after{
	content: ""; 
	display: block; 
	clear: both;}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.sponly{
	display: block!important;	
}

.pconly{
	display: none!important;
}

.mb-0{
	margin-bottom:0 !important
}

.mb-16{
	margin-bottom:16px !important
}

.mb-24{
	margin-bottom:24px !important
}

.mb-40{
	margin-bottom:40px !important
}

.mb-56{
	margin-bottom:56px !important
}

.pb-0{
	padding-bottom:0 !important
}

.pb-56{
	padding-bottom:56px !important
}

.p-0{
	padding:0 !important;
}

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

ul,li{
	list-style: none;
	margin:0;
	padding:0;
	}
	
p.text-center{
	width:100%;
	max-width:600px;
	margin:0 auto;
	text-align: center;
}

/* COMPONENTS */
figure.intro-info{
	width:100%;
	max-width:600px;
	height:auto;
	display:block;
	margin:0 auto 8px auto;
}

figure.intro-info img{
	width:100%;
	height:auto;
}

ul.plan-navi{
	width:100%;
	max-width:340px;
	height:auto;
	display: flex;
	margin:0 auto 24px auto;
	padding:16px 24px 24px 24px;
	flex-wrap: wrap;
	font-family: "alternate-gothic-no-2-d", sans-serif !important;
	font-weight: normal;
	color: #2a4175;
	background: #fff;
	border-radius:16px;
}

ul.plan-navi li{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	box-sizing:border-box;
	margin-bottom:4px;
	padding:4px;
}

ul.plan-navi li:last-child{
	margin-bottom:0px;
}

ul.plan-navi li span.name{
	width:60%;
	height:auto;
	display:block;
	float:left;
	padding:0;
	margin:0;
	overflow:hidden;
	box-sizing:border-box;
	font-size:24px;
	font-style:italic;
	line-height:1;
}

ul.plan-navi li span.ruby{
	width:auto;
	display:block;
	box-sizing:border-box;
	font-size:11px;
	font-weight:bold;
	margin:4px 0 0 0;
	font-family:"toppan-bunkyu-midashi-go-std", sans-serif
}

ul.plan-navi li span.price{ 
	width:40%;
	height:auto;
	display:block;
	float:right;
	box-sizing:border-box;
	text-align:right;
	font-size:20px;
	line-height:1;
	margin:0;
	padding:10px 0 0 0;
	overflow:hidden;
}

ul.plan-navi li a{
	width:100%;
	height:auto;
	display:block;
	overflow:hidden;
	color:#2a4175;
	border:2px solid #2a4175;
	box-shadow:2px 2px 0px #2a4175;
	border-radius:8px;
	padding:8px;
}

ul.plan-navi li.list-deli a{
	border-color:#f3c91e;
	box-shadow:2px 2px 0px #f3c91e;
}

ul.plan-navi li.list-light a{
	border-color: #3e988f;
	box-shadow:2px 2px 0px #3e988f;
}

ul.plan-navi li.list-standard a{
	border-color:#2a4175;
	box-shadow:2px 2px 0px #2a4175;
}

ul.plan-navi li.list-premium a{
	border-color: #d6aF4c;
	box-shadow:2px 2px 0px #d6aF4c;
}

ul.plan-navi li.list-surf a{
	border-color: #8fc31f;
	box-shadow:2px 2px 0px #8fc31f;
}

ul.plan-navi li.list-vip a{
	border-color: #ca6f43;
	box-shadow:2px 2px 0px #ca6f43;
}

ul.plan-navi li.list-weekday a{
	border-color: #429ab3;
	box-shadow:2px 2px 0px #429ab3;
}
  
  p.copyright{
	  color:#f9f9f9;
	  font-size:12px;
	  line-height:1.75;
	  letter-spacing: 2px;
	  text-align: center;
	  margin-bottom:0px;
  }
  
  p.copyright span{
	  display: block;
  }


p.lead-title {
	max-width:600px;
	  font-family: "alternate-gothic-no-2-d", sans-serif;
	  font-optical-sizing: auto;
	  font-weight:normal;
	  font-style: italic;
	  font-size:40px;
	  line-height:1;
		margin:0 auto 24px auto;
}

p.lead-tagline {
	max-width:600px;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size:20px;
	font-weight:700;
	margin:0 auto 24px auto;
}

p.lead-text {
	width:auto;
	max-width:600px;
	display:block;
	margin:0 auto 24px auto;
	padding:0;
}

p.lead-text.last{
	margin:0 auto 128px auto;
}

h1.page-title{
	display: block;
	position: relative;
	margin: 40px 0 0 0;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size: 80px;
	font-weight: 600;
	line-height: 1.125;
	color: #333;
	letter-spacing: 0;
	text-align: center;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1.entry-title{
	display: block;
	position: relative;
	margin: 40px 0 40px 0;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 1.5;
	color: #333;
	letter-spacing: 0;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

h1.page-title,h2{
	font-family: 'Baron Neue', sans-serif;
	font-size:28px;
	font-style:italic;
	text-transform: lowercase;
	color:#2a4175;
	text-align:center;
	letter-spacing:3px;
	text-indent:-3px;
	padding-bottom:8px;
	margin-bottom:24px;
}

h1.page-title span,h2 span{
	width:100%;
	max-width:320px;
	height:auto;
	margin:0 auto;
	display:block;
	border-bottom:1px solid #2a4175;	
}

#news h2{
	color:#fff;
}

#news h2 span{
	border-bottom:1px solid #fff;		
}

h2.vertical{
	font-family: 'Baron Neue', sans-serif;
	font-size:28px;
	font-style:italic;
	text-transform: lowercase;
	color:#2a4175;
	text-align:center;
	letter-spacing:3px;
	text-indent:-3px;
	padding-bottom:8px;
	margin-bottom:24px;
	position: absolute;
	top: 0;
	left: 16px;
	z-index: 0;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

h2.vertical span{
	width:100%;
	max-width:320px;
	height:auto;
	margin:0 auto;
	display:block;
	border-bottom:1px solid #2a4175;	
}

h2.center{
	font-family: 'Baron Neue', sans-serif;
	font-size:28px;
	font-style:italic;
	line-height:1;
	text-transform: lowercase;
	color:#2a4175;
	text-align:center;
	letter-spacing:3px;
	text-indent:-3px;
	padding-bottom:8px;
	margin-bottom:0;
}

h3 {
	width:auto;
	height:auto;
	display: inline-block;
	padding:8px;
	margin-bottom:12px;
	position: relative;
	z-index:1;
	transition: all 0.5s ease;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size:16px;
	font-style:italic;
	color:#fff;
	line-height:1;
	text-align:left;
}

.entry-content h3 {
	width:auto;
	height:auto;
	display: inline-block;
	padding:8px;
	margin-bottom:12px;
	position: relative;
	z-index:1;
	transition: all 0.5s ease;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size:16px;
	font-style:italic;
	color:#2a4175;
	line-height:1;
	text-align:left;
}

h3::after {
  content: "";
  position: absolute;
  display: inline-block;
  padding:4px;
  top: 4px;
  left: 4px;
  right: -8px;
  bottom: -8px;
  z-index:-1;
}

h3.label-blue{
	border: 2px solid #2a4175;
	background:#2a4175;
}

h3.label-blue::after{
  border: 2px solid #2a4175;
}

h3.label-green{
	border: 2px solid #00a784;
	background:#00a784;
}

h3.label-green::after{
  border: 2px solid #00a784;
}

h3.label-red{
	border: 2px solid #ea5529;
	background:#ea5529;
}

h3.label-red::after{
  border: 2px solid #ea5529;
}

h3.label-blue span,h3.label-green span,h3.label-red span{
	display: block;
	font-size:12px;
	margin-top:4px;
}

h3.header-plan{
	width:100%;
	height:auto;
	display:inline-block;
	font-family: "alternate-gothic-no-2-d", sans-serif !important;
	font-weight:normal;
	color:#2a4175;
	font-size:28px;
	line-height:1;
	text-align:center;
	letter-spacing:2px;
	text-indent:-2px;
	margin:16px auto;
}

.vip h3.header-plan{
	color:#2a4175;
}

h4.info-plan{
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size:20px;
	line-height:1;
	font-style:italic;
	font-weight:normal;
	text-align:center;
	color:#2a4175;
	margin:16px 0;
}

h4.info-plan span{
	font-size:16px;
	margin-left:8px;
}

h5{
	width:90%;
	height:auto;
	display:block;
	margin:0 auto;
	font-size:14px;
	font-weight:bold;
	padding:16px;
	border-top: 1px solid #2a4175;
}

.vip h5{
	border-top: 1px solid #2a4175;
}

.vip h4.info-plan{
	color:#2a4175;
}

#area p{
	padding-left:24px;
}

p.plan-lead{
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size:20px;
	font-style:italic;
	font-weight:bold;
	text-align:center;
}


p.comment{
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size:16px;
	font-weight:700;
	text-align:center;
	margin-bottom:8px;
}

p.caption{
	font-size:12px;
	margin-bottom:40px;
}

p.comment::before{
	content: "\005C";
	font-family: arial;
	font-size:24px;
	margin-right:16px;
}

p.comment::after{
	content:'/';
	font-family: arial;
	font-size:24px;
	margin-left:16px;

}


p.catering-lead{
	width:100%;
	max-width:600px;
	display:block;
	box-sizing:border-box;
	padding:0 16px;
	margin:40px auto;
	text-align:center;
	font-size:14px;
}

.post-thumbnail{
	width:100%;
	height:auto;
	display:block;
	max-height:800px;
	overflow:hidden;
	position:relative;
	margin:0;
}

.post-thumbnail img{
	width:100%;
	height:auto;
}

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

.wp-block-columns .wp-block-columns{
	margin:0;
}

.wp-block-columns p{
	margin-bottom:16px;
}

.widget{
	margin:0;
	padding:0;
}

.widget p{
	color:#000;
}

.content-bottom-widgets{
	margin:0;
}

.content-bottom-widgets .widget-area{
	width: 95%;
	height: auto;
	display: block;
	box-sizing: border-box;
	padding: 16px;
	margin: 24px auto;
	border: 2px solid #005180;
	background:#fff;
}

.widget-area > :last-child, .widget > :last-child{
	margin-bottom:24px;
}

.widget-area li{
	margin-bottom:8px;
	list-style: outside;
}

.grid08 p.arrow{
	width:90%;
	height:auto;
	display:block;
	font-size:13px;
	color:#2a4175;
	text-align:center;
	padding:16px 0;
	margin:0 auto;
	position:relative;
	border-top:1px solid #2a4175;
}

.grid08 p.arrow:before{
	width:20px;
	height:20px;
	content:"";
	background:url(images-test/arrow-blue.svg) no-repeat center;
	background-size:20px 20px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-10px;
}

.grid08 p.arrow:after{
	width:20px;
	height:20px;
	content:"";
	background:url(images-test/arrow-blue.svg) no-repeat center;
	background-size:20px 20px;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-10px;
}

.grid08.vip p.arrow{
	width:90%;
	height:auto;
	display:block;
	font-size:13px;
	color:#2a4175;
	text-align:center;
	padding:16px 0;
	margin:0 auto;
	position:relative;
	border-top:1px solid #2a4175;
}

.grid08.vip p.arrow:before{
	width:20px;
	height:20px;
	content:"";
	background:url(images-test/arrow-blue.svg) no-repeat center;
	background-size:20px 20px;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-10px;
}

.grid08.vip p.arrow:after{
	width:20px;
	height:20px;
	content:"";
	background:url(images-test/arrow-blue.svg) no-repeat center;
	background-size:20px 20px;
	position:absolute;
	top:50%;
	right:0;
	margin-top:-10px;
}

a.contained_button{
	width:31.3%;
	max-width: 600px;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	padding:8px;
	margin:0 1% 2% 1%;
	background:none;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size:11px;
	color:#fff;
	line-height:1;
	border-radius:40px;
	text-align:center;
	text-decoration:none;
	-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.half{
	width:48%
}

a.contained_button.full{
	width:98%;
}

a.contained_button span{
	display:block;
	font-size:18px;
	margin-top:4px;
}

a.contained_button a:before{
	content: '▼';
	border: 2px solid transparent;
	display: inline-block;
	width: 8px;
	height: 8px;
	font-size:9px;
	position: absolute;
	left:0px;
	top: 50%;
	margin-top:-2px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg); 
	position: relative;
	}

a.contained_button.btn-blue{
	background:#2a4175;
}

a.contained_button.btn-blue:hover{
	background:#469CE3;
}

a.contained_button.btn-green{
	background:#00a784;
}

a.contained_button.btn-green:hover{
	background:#08E4B6;
}

a.contained_button.btn-red{
	background:#ea5529 ;
}

a.contained_button.btn-red:hover{
	background:#FF6484 ;
}

a.link_button{
	width:31.3%;
	max-width: 300px;
	height:auto;
	display:block;
	box-sizing:border-box;
	padding:16px;
	margin:40px auto;
	background:#fff;
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	font-size:14px;
	color:#2a4175;
	line-height:1;
	border-radius:40px;
	text-align:center;
	text-decoration:none;
	-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.link_button:hover{
	background:#FDB600;
	color:#444;
}

address{
	width:auto;
	max-width:600px;
	padding:0;
	margin:0 auto 24px auto;
	font-size:15px;
	font-style:normal;
	text-align:center;
}

address strong{
	font-family: "toppan-bunkyu-midashi-go-std", sans-serif;
	display:block;
	font-size:18px;
	font-weight:700;
	margin-bottom:8px;
}

dl {
	font-size:13px;
  	display: flex;
  	flex-wrap: wrap;
  	border-top:2px solid #2a4175;
;
	padding-top:8px;
}
dl dt {
  width: 30%;
  border-bottom:2px solid #2a4175;
;
  padding:0 0 8px 16px;
  margin-bottom:8px;
  color:#2a4175;
;
  font-size:16px;
}
dl dd {
  width: 70%;
  border-bottom:2px solid #2a4175;
;
  margin-bottom:0;
  padding:0 16px 8px 0;
	margin-bottom:8px;
  font-size:16px;
}

/* TOPICS */
.page-header{
	border:none;
	margin:80px 0 0  0;
}

p.topic-time{
	font-size:12px;
	margin:8px 0;
}

p.topic-title{
	color:#444;
	font-weight:normal;
}

.post-thumbnail{
	margin:56px 0 0 0;
}

.entry-header{
margin-top:120px;
}

.entry-content p{
	font-weight:normal;
}

.entry-content ul {
	margin-bottom:40px;
	
}

.entry-content ul, li{
	list-style:inside;
}

@media screen and (min-width: 768px) {
	.sponly{
		display: none !important;	
	}
	
	.pconly{
		display: block !important;
	}
	
	.iframe {
	 min-height:450px;
	 }
	  
	 .iframe iframe{
	 min-height:450px;
	 }

/* STRUCTURE */
	.grid01{width:4.2%;}
	.grid02{width:8.3%;}
	.grid03{width:12.5%;}
	.grid04{width:16.7%;}
	.grid05{width:18%;}
	.grid06{width:20%; box-sizing:border-box; display: inline-block; vertical-align:top; padding:24px;} 
	
	.grid07{width:29.2%;}
	.grid24 div.grid08{width:29.3%;box-sizing:border-box; display: inline-block; vertical-align:top; margin:0 2% 64px 2%;} 
	.grid09{width:37.5%;}
	.grid10{width:41.7%;}
	.grid11{width:45.8%;}
	.grid12{width:50%;box-sizing:border-box; display: inline-block; vertical-align:top; padding:16px;} 
	.grid12 .content-inner{
		padding:0;
	}
	.content-inner .grid12.floatleft{display:block;float:left; padding:0 16px 0 0;}
	.content-inner .grid12.floatright{display:block;float:right; padding:0 0 0 16px;}
	.grid13{width:54.2%;}
	.grid14{width:58.3%;}
	.grid15{width:62.5%;}
	.grid16{width:66.7%; box-sizing:border-box; display: inline-block; vertical-align:top; padding:16px;} 
	.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%;}	
	
	 .grid24.post-index .grid08{
		 margin-bottom:40px;
		 padding:16px;
	 }
	 
	 body:not(.search-results) article:not(.type-page) .entry-content{
		 float: none;
	  	margin-top: 0.1538461538em;
	  	width:100%;		 
	 }
	 
	 body:not(.search-results) article:not(.type-page) .entry-footer{
		 float: none;
		 margin-top: 0.1538461538em;
		 width:100%;
	 }
	 
	.n2_clear,.post-thumbnail{
		 margin-bottom:0px;
	 }
	 
	 .site-header{
		 height:56px;
		 position:fixed;
		 z-index:1;
	 }
	 
	 .header-image{
	   margin:0;
	 }
	 
	 .site-header nav ul li a{
	   padding: 22px 16px;
   }
	 
	 .content-bottom-widgets .widget-area:nth-child(1):nth-last-child(2), .content-bottom-widgets .widget-area:nth-child(2):nth-last-child(1){
	   float: none;
		margin-right:0;
		width:100%;		
	 }
	 
	 .content-area{
	   float: none;
	   margin-right:0;
	   width:100%;		
	 }
	 
	 #intro .content-inner.concept{
		 background:url(images-test/illust.svg) no-repeat bottom 80px right;
		 background-size:230px auto;
	 }
	 
	 .site-footer{
	 /* 	height:400px; */
		 height:auto;
		 padding:50px 40px;
		 font-size:0;
		 letter-spacing:0;
	 }
	 
	 p.copyright{
		 text-align: right;
		 margin-bottom:0px;
	 }
	 
	 p.copyright span{
		 display: inline;
	 }
	 
	 ul.office-navigation {
	 width: 100%;
	 height: auto;
	 display: inline-block;
	 vertical-align: top;
	 padding: 0;
	 margin: 0 0 40px 0;
	 }
	
	.site-header{
		padding: 0;
	}
	
	/* TOPICS */
	.page-header{
		border:none;
	}
	
	.post-thumbnail{
		margin:0;
	}

	
	/* CATERING */
	
	
	h1.page-title,h2{
		font-size:40px;
		margin-bottom:40px;
	}
	
	p.comment{
		font-size:18px;
	}
	
	p.caption{
		font-size:16px;
		padding:0 24px;
	}
	
	p.lead-title{
		font-size:56px;
	}
	
	p.lead-tagline{
		font-size:32px;
	}
	
	p.lead-text{
		font-size:18px;
		padding:0;	
	}
	
	p.lead-text.last{
		margin:auto;
	}

p.plan-lead{
	font-size:32px;
}  

.footer-logo{
	width:320px;
	height:320px;
}

.footer-logo p{
	width:320px;
	height:320px;
}

.footer-logo a{
	width:320px;
	height:320px;
}