html, body {
	height: 100%;
	overflow-x: hidden;
}

body{
	font-family: sans-serif;
	font-style: normal;
	font-weight: normal;
	color:#316265;
	line-height:1.75;
	letter-spacing: 1px;
	font-size:15px;
	background:rgba(49,98,101,1);
    margin:0;
}


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

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

img {
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}

section{
	padding:56px 0;
}

section#hero{
	width:100%;
	height:auto;
	display:block;
	background:url(https://toothtooth.com/sorabeergarden/images/bg01.png) center #316265;
	background-size:cover;
	padding:80px 0 32px 0;
}

section#banner{
	width:100%;
	height:auto;
	display:block;
	padding:40px 16px 16px 16px;
	margin:0 auto;
	background: url(https://toothtooth.com/sorabeergarden/images/bg02.png) center / cover #FFFDF7;
    box-sizing:border-box;
}

section#intro{
	width:100%;
	height:auto;
	display:block;
	padding:0;
	margin:0 auto;
	background:url(https://toothtooth.com/sorabeergarden/images/bg03.png) center #316265;
}

section#harvest{
	width:100%;
	display:block;
	margin:0 auto;
	position:relative;
	overflow:visible;
	text-align:center;
	padding:0;
	background:url(../images/bg-harvest.svg) no-repeat center bottom -70px / 115%, url(https://toothtooth.com/sorabeergarden/images/bg04.png) center / cover #CF7F46;
}

section#reserve{
		width:100%;
	display:block;
	margin:0 auto;
	background:url(https://toothtooth.com/sorabeergarden/images/bg05.png) center #316265;
	background-size:cover;
}

section#plan{
		width:100%;
	display:block;
	margin:0 auto;
	background:url(https://toothtooth.com/sorabeergarden/images/bg06.png) center #faf1e0;
	background-size:cover;
}

section#information{
	width:100%;
	height:auto;
	display:block;
	padding:40px 0;
	margin:0 auto;
	background:url(https://toothtooth.com/sorabeergarden/images/bg07.png) center #CF7F46;
}

@media (min-width: 768px) {
	section#harvest{
	background:url(../images/bg-harvest.svg) no-repeat center bottom -140px / 120%, url(https://toothtooth.com/sorabeergarden/images/bg04.png) center / cover #CF7F46;
	}
}

@media (min-width: 980px) {
	section#harvest{
	background:url(../images/bg-harvest.svg) no-repeat center bottom -140px / 980px, url(https://toothtooth.com/sorabeergarden/images/bg04.png) center / cover #CF7F46;
	}
}

img.bg-harvest{
	display:block;
	width:100%;
	height:auto;
}

.comingsoon{
	position:absolute;
	top:-40px;
	left:20px;
	width:200px;
	height:auto;
	z-index:2;
}

@media (min-width: 768px) {
.comingsoon{
	width:320px;
}
}

.harvest-inner{
	max-width:900px;
	position:relative;
	margin:0 auto;
	padding:64px 24px 48px;
	z-index:1;
}

section#harvest h2{
	max-width:700px;
	margin:0 auto 24px;
}

section#harvest h3{
	width:100%;
	height:auto;
	display:block;
	text-align:center;
	margin-bottom:24px;
}

section#harvest h3 span{
	width:auto;
	height:auto;
	display:inline-block;
	background:#fff;
	color:#C68352;
	padding:6px 28px;
	border-radius:999px;
	font-size:14px;
}

section#harvest p{
	color:#fff;
}

img.harvest-date-svg{
	width:80%;
	max-width:560px;
	height:auto;
	z-index:2;
}

section#reserve{
	color:#fff;
}

section#reserve h2{
	font-size:40px;
	color:#fff;
	text-align:center;
	line-height:1;
	margin:0 0 8px;
}

section#reserve h2 span{
	display:block;
	font-size:14px;
	letter-spacing:2px;
	margin:16px auto 48px auto;
}

.reserve-step{
	text-align:center;
	margin-bottom:48px;
}

section#reserve h3{
	color:#fff;
	text-align:center;
	font-size:18px;
	line-height:1.6;
	margin:0 0 16px;
}

section#reserve h3 span{
	display:block;
	font-family:serif;
	font-size:64px;
	color:#fff;
	line-height:1;
	margin-bottom:16px;
}

section#reserve p{
	color:#fff;
	text-align:center;
	font-size:14px;
}

.reserve-tel{
	text-align:center;
	margin-top:64px;
}

p.header-tel{
	margin-bottom:40px;
}

.header-tel span{
	display:inline-block;
	border:1px solid #fff;
	border-radius:999px;
	padding:8px 32px;
	font-size:14px;
	color:#fff;
}

.reserve-shopname{
	font-size:13px;
	letter-spacing:3px;
	color:#fff;
	margin:8px 0;
	text-align:center;
}

a.tel-number{
	display:block;
	font-size:72px;
	color:#fff;
	text-decoration:none;
	letter-spacing:2px;
	line-height:1.1;
	margin:8px 0 16px;
}


section#information h2{
    color:#faf1e0;
    padding:0;
}

section#information h2 span{
    border-bottom:1px solid #faf1e0;
}

section#information h3{
	  width:100%;
	  height:auto;
	  display:inline-block;
	  text-align:center;
	  padding-bottom:16px;
	  border-bottom:1px solid;
	  margin-bottom:16px;
  }

section#information ul{
  width:100%;
  height:auto;
  display:block;
  padding:0 8px;
  margin:0 0 16px 0;
  }

section#information ul li{
	  font-size:12px;
	list-style:none;
	  color:#fafafa;
  }

section#information ul li a{
	  color:#fff;
	  text-decoration:underline;
  }

section#information ul li ul{
	width:auto;
	max-width:300px;
	height:auto;
	display:block;
	padding:8px 0;
	margin: 8px 8px 16px 16px;
	border-top:1px dotted #faf1e0;
	border-bottom:1px dotted #faf1e0;
  }

section#information ul li ul li{
	  list-style:none;
  }

div.today{
	width:90%;
	max-width:640px;
	margin:0 auto 24px auto;
}

div.today p{
	background:#fafafa;
	padding:16px;
	margin-bottom:8px;
	font-size:16px;
	font-weight:bold;
	color:#316265;
	border:2px solid #316265;
	border-radius:32px;
	text-align: center;
}

.site{
	margin:0;
	background:#9fd3c9;
}

.site-content{
	padding:0;
}

  .site-header{
	  width:100%;
	  display:block;
	  overflow: hidden;
      box-sizing:border-box;
	  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: serif;
	  font-size: 14px;
	  font-weight:bold;
	  color: #444;
	  border: none;
	  line-height: 1;
	  text-indent: 0;
	  text-decoration:none;
	  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/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: #cec67d;
  }

  .site-header li.navi-instagram a:hover{
  text-decoration: none;
  background: url(../images/icon-instagram.svg) no-repeat center #cec67d;
  background-size: 24px 24px;
  }

.header-image{
    width:100%;
    max-width:1290px;
    box-sizing:border-box;
    display:block;
    margin:0 auto;
    padding: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 16px;
	margin:0 auto;
}

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

#intro .content-inner.concept{
	width:90%;
	padding:24px 0 200px 0;
}

#intro .content-inner p{
	color:#faf1e0;
}



  .site-footer{
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	font-size:12px;
	display: block;
	position: relative;
	overflow: hidden;
	background:url(https://toothtooth.com/sorabeergarden/images/bg08.png) center #316265;
	background-size:cover;
	padding:48px 0 24px 0;
  }

  .site-footer h2{
	  color:#fff;
	  font-size:40px;
	  text-align:center;
  }

  .site-footer h2 span{
    border-bottom:none;
  }

.access-block{
	width:100%;
	max-width:720px;
	margin:0 auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:24px;
	padding:32px 28px;
	box-sizing:border-box;
}

.access-logo{
	flex:none;
	width:160px;
	text-align:center;
}

.access-logo img{
	width:100%;
	height:auto;
}

.access-detail{
	width:100%;
	text-align:center;
}

.access-name{
	font-size:20px;
	color:#fff;
	margin:0 0 4px;
}

.access-sub{
	font-size:13px;
	color:#fff;
	margin:0 0 16px;
}

.access-info{
	font-size:13px;
	color:#fff;
	margin:0 0 12px;
	line-height:1.8;
}

  .grid12,.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;}

  .grid12 p{
	  padding:0 16px;
	  font-size:14px;
  }

  .grid12 ul{
	width:100%;
	height:auto;
	display:block;
	padding:0 16px;
	margin:0 0 16px 0;
	}

	.grid12 ul li{
		font-size:12px;
		list-style:inside;
	}



	.site-footer nav{
		font-size:0;
		letter-spacing: 0;
	}

/* HACK */

.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: 100%;
padding-top: 0px;
margin-bottom:40px;
height: 0;
overflow: hidden;
}

.iframe iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

ul,li{
	list-style: none;
	margin:0;
	padding:0;
	}

p.text-center{
	width:100%;
	max-width:600px;
	margin:0 auto;
	text-align: center;
}

p.text-annotation{
	width:100%;
	max-width:600px;
	margin:0 auto 32px auto;
	text-align: center;
	font-size:12px;
}

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

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

span.label-end{
	width:100%;
	height:auto;
	display:block;
	background:#e05c10;
	padding:4px 0;
	color:#fff;
	text-align:center;
	margin-bottom:8px;
	border-radius:4px;
}

  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;
  }


h1.lead-title {
	max-width:600px;
    font-optical-sizing: auto;
    font-size:20px;
    text-align:center;
    line-height:1;
	margin:0 auto 24px auto;
}

p.lead-tagline {
	max-width:600px;
	font-size:22px;
	margin:0 auto 24px auto;
}

.concept p.lead-tagline{
	font-size: 16px;
	margin:0 0 24px 0
}

h1.page-title,h2{
	font-size:28px;
	font-family:serif;
	color:#316265;
	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;
}

#intro h2{
	background:url(../images/header-lead.svg) no-repeat center;
	background-size:100% auto;
	font-size:0;
	padding-top:15.87%;
}

h3 {
	width:auto;
	height:auto;
	display: inline-block;
	padding:8px;
	margin-bottom:12px;
	position: relative;
	z-index:1;
	transition: all 0.5s ease;
	font-size:16px;
	color:#fff;
	line-height:1;
	text-align:left;
}

h3.season-title{
	width:auto;
	height:auto;
	display: block;
	padding:8px;
	margin-bottom:8px;
	position: relative;
	z-index:1;
	transition: all 0.5s ease;
	font-size:20px;
	line-height:1.5;
	text-align:center;
	color:#faf1e0;
}

h3.season-title span{
	width:auto;
	height:auto;
	display: block;
	font-size:20px;
	margin-top:16px;
}

h3::after {
  content: "";
  position: absolute;
  display: inline-block;
  padding:4px;
}

h3.header-plan{
	width:100%;
	height:auto;
	display:inline-block;
	color:#006e8b;
	font-size:28px;
	line-height:1;
	text-align:center;
	letter-spacing:2px;
	text-indent:-2px;
	margin:16px auto;
    padding:0;
}

.grid12 h3.header-plan span{
	display:block;
	font-size:16px;
	margin-bottom:8px;
}

h4.info-plan{
	font-size:20px;
		font-family:serif;
	line-height:1.5;
	text-align:center;
	color:#006e8b;
	margin:16px 0;
}

h4.info-plan span{
	display:block;
	font-size:16px;
	margin:8px 0;
	line-height:1.75;
}

h5{
    width:100%;
    max-width:100%;
    height:auto;
    display:block;
    box-sizing:border-box;
    padding:4px;
    margin:0 0 24px 0;
    font-size:20px;
    text-align:center;
    background:#006e8b;
    color:#faf1e0;
}

h5 span{
    font-size:14px;
}

#plan .content-inner.narrow{
	overflow:visible;
}

#plan h2{
	font-size:40px;
	line-height:1;
	text-align:center;
	color:#316265;
	margin:0 0 24px;
}

.plan-lead-banner{
	position:relative;
	background:#316265;
	border-radius:12px;
	padding:24px 24px 24px 28px;
	overflow:visible;
	margin-bottom:24px;
}

.plan-lead-banner h3.header-plan{
	color:#fff;
	font-size:20px;
	text-align:left;
	letter-spacing:2px;
	margin:0 0 6px;
	padding:0;
	display:block;
}

.plan-lead-banner h3.header-plan span{
	display:block;
	font-size:12px;
	color:#fff;
	margin:12px 0 0 0;
	letter-spacing:0;
}

.plan-lead-icon{
	position:static;
	width:240px;
	display:block;
	margin:0 auto;
}

@media screen and (min-width: 768px) {
.plan-lead-banner{
	padding:24px 240px 24px 28px;
}

.plan-lead-icon{
	position:absolute;
	right:-20px;
	top:50%;
	transform:translateY(-50%);
	width:240px;
	height:auto;
}
}

p.plan-lead{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#316265;
	margin:40px auto;
}


p.plan-lead.line-orange span{
	background:url(../images/line-orange.svg) no-repeat center bottom;
	line-height: 2;
    padding-bottom: 16px;
}

p.plan-lead.line-green span{
	background:url(../images/line-green.svg) no-repeat center bottom;
	line-height: 2;
    padding-bottom: 16px;
}

p.price{
    text-align:center;
    color:#316265;
}

p.price span{
    font-size:24px;
}

p.price span.plus{
	font-szie:32px;
}

a.contained_button{
	width:48%;
	max-width: 600px;
	height:auto;
	display:inline-block;
	box-sizing:border-box;
	padding:8px;
	margin:0 1% 2% 1%;
	background:none;
	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 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;
    border:1px solid #faf1e0;
	}

a.contained_button.btn-drink{
	background:#006e8b;
}

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

a.contained_button.btn-nodrink{
	background:#faf1e0;
    border:1px solid #006e8b;
    color:#006e8b;
}

a.contained_button.btn-nodrink:hover{
	background:#e95513;
}

@media screen and (min-width: 768px) {
	.access-block{
		flex-direction:row;
		align-items:center;
		gap:40px;
	}

	.access-logo{
		flex:0 0 200px;
		width:200px;
	}

	.access-detail{
		text-align:left;
	}

	.sponly{
		display: none !important;
	}

	.pconly{
		display: block !important;
	}

	.iframe {
	 padding-bottom: 66.6%;
	 }

/* STRUCTURE */
	.grid01{width:4.2%;}
	.grid02{width:8.3%;}
	.grid03{width:12.5%;}
	.grid04{width:16.7%;}
	.grid05{width:18%;}

	.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;}
	#intro .grid12{padding:16px;}
	#plan .grid24 div.grid12{width:46%;box-sizing:border-box; display: inline-block; vertical-align:top; margin:0 2% 64px 2%;padding:0;}
	.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%;}

	 .site-header{
		 height:56px;
		 position:fixed;
	 }

	 .site-header nav ul li a{
	   padding: 22px 16px;
   }

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

	 #intro .content-inner.concept{
		 background:url(images/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;
	 }

	.site-header{
		padding: 0;
	}

	/* TOPICS */

	/* CATERING */


	h1.page-title,h2{
		font-size:40px;
		margin-bottom:40px;
	}

	h1.lead-title{
		font-size:24px;
	}

	p.lead-tagline{
		font-size:16px;
	}

	.concept p.lead-tagline{
		max-width: 600px;
		margin:0 auto 24px auto;
        text-align:center;
	}

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

  .site-footer ul{
  text-align:center;
  }

}

/* ===== Plan Cards: standard / long / light / short ===== */

#plan .grid24 div.grid12.standard-plan,
#plan .grid24 div.grid12.long-plan{
	border: none;
	background: #faf1e0;
	border-radius: 12px;
	overflow: hidden;
	border:2px solid #C68352;
	margin-bottom:24px;

}
#plan .grid24 div.grid12.light-plan,
#plan .grid24 div.grid12.short-plan {
	border: none;
	background: #faf1e0;
	border-radius: 12px;
	overflow: hidden;
	border:2px solid #919D68;
		margin-bottom:24px;
}
.standard-plan h3.header-plan,
.long-plan h3.header-plan{
	background: #C68352;
	color: #fff;
	padding: 12px 16px;
	margin: 0;
	font-size: 18px;
	letter-spacing: 1px;
}

.light-plan h3.header-plan,
.short-plan h3.header-plan {
	background: #919D68;
	color: #fff;
	padding: 12px 16px;
	margin: 0;
	font-size: 18px;
	letter-spacing: 1px;
}

.standard-plan h4.info-plan,
.long-plan h4.info-plan,
.light-plan h4.info-plan,
.short-plan h4.info-plan {
	color: #316265;
	margin: 8px 0 8px;
}


.standard-plan h5,
.long-plan h5,
.light-plan h5,
.short-plan h5 {
	background: none;
	color: #316265;
	font-size: 18px;
	padding: 0 16px;
	margin: 0;
}

.standard-plan h5 span,
.long-plan h5 span,
.light-plan h5 span,
.short-plan h5 span {
	font-size: 48px;
	font-family:serif;
	color: #316265;
	vertical-align: baseline;
	line-height: 1;
}

.standard-plan p.price,
.long-plan p.price,
.light-plan p.price,
.short-plan p.price {
	color: #316265;
	padding: 0 16px;
	margin: 16px 16px 0;
	border-top: 1px dotted #316265;
	font-size: 15px;
}

.standard-plan p.price span,
.long-plan p.price span,
.light-plan p.price span,
.short-plan p.price span {
	font-family:serif;
	font-size: 48px;
	font-weight:bold;
	vertical-align:baseline;
	margin-right:8px;
}

.standard-plan a.contained_button.btn-nodrink,
.long-plan a.contained_button.btn-nodrink {
	background: #C68352;
	border: none;
	color: #fff;
	width: 80%;
	display: block;
	margin: 16px auto 24px;
	padding: 16px;
	font-size: 16px;
}

.light-plan a.contained_button.btn-nodrink,
.short-plan a.contained_button.btn-nodrink {
	background: #919D68;
	border: none;
	color: #fff;
	width: 80%;
	display: block;
	margin: 16px auto 24px;
	padding: 14px;
	font-size: 16px;
}

/* Option section */
.option-block h2 {
	text-align: center;
	font-size: 28px;
	color: #316265;
	margin: 0 0 8px;
}
.option-lead {
	text-align: center;
	font-size: 13px;
	color: #316265;
	margin: 0 0 24px;
}
.option-card {
	border: 1px solid #316265;
	border-radius: 12px;
	overflow: hidden;
	margin-bottom: 16px;
	padding:8px;
	display: flex;
	flex-direction: column;
}
.option-card-img img {
	width: 100%;
	height: auto;
	display: block;
}
.option-card-detail {
	padding: 16px;
}
.option-card-detail h3 {
	font-size: 20px;
	color: #316265;
	margin: 0 0 8px;
	padding:0
}
.option-card-detail p {
	font-size: 16px;
	color: #316265;
	margin: 0 0 6px;
}
.option-card-detail .price {
	color: #316265;
	margin: 16px 0 0;
	font-size: 15px;
}
.option-card-detail .price span {
	font-family: serif;
	font-size: 48px;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 4px;
}
.kids-card {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 20px 24px;
}
.kids-card .option-card-img { display: none; }
.kids-card-left .info-plan {
	font-size: 16px;
	font-family:serif;
	color: #316265;
	margin: 0 0 2px;
}
.kids-card-left h3 {
	font-size: 20px;
	color: #316265;
	margin: 0 0 16px 0;
	padding:0;
}
.kids-note {
	font-size: 14px;
}
.kids-card .price {
	color: #316265;
	font-size: 15px;
	margin: 0;
}
.kids-card .price span {
	font-family: serif;
	font-size: 48px;
	font-weight: bold;
	vertical-align: baseline;
	margin-right: 4px;
}
.option-note {
	text-align: center;
	font-size: 12px;
	color: #316265;
	margin-top: 8px;
}

@media (min-width: 768px) {
	.option-card {
		flex-direction: row;
	}
	.option-card-img {
		flex: 0 0 45%;
	}
	.option-card-img img {
		height: 100%;
		object-fit: cover;
	}
}