@charset "utf-8";
/* CSS Document */

/*****************************************
***-----------    共　通    -----------***
******************************************/

.cf {
	zoom: 1;}
.cf:before, .cf:after {
	content: "";
	display: table;}
.cf:after{
		content:"";
		display:block;
		clear:both;
		height:0;
		visibility:hedden;}
ul,ol{
	list-style-type:none;}
section img{
	padding:0;
	margin:0;}
.small01{
	font-size: 0.9em;
	margin:2em auto !important;}
.red{
	color:#E60012;
	font-weight:600;
}
.blue{
	color:#06F;
	font-weight:600;
}
.center-img{
	margin:0 auto;
}
body {
	margin:auto;
	background:#fff;
	margin:0px;
	padding:0px;
	}
article,aside,canvas,details,figcaption,figure,section,summary,div {
	display:block;
	}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}
.mt40{
	margin-top:40px;
}
.mb10{
	margin-bottom:10px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}
.mb40{
	margin-bottom:40px;
}
/****************************
  レイアウト 基本
***************************/

article, .contents01{
	max-width:960px;
	width:100%;
	height:auto;
	margin:0 auto;
}
section{
	max-width:960px;
	width:100%;
	margin:0;
	padding:0;
	font-weight:normal;
	font-size:16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.6;
	}
section img {
	border:0;
	vertical-align:middle;
	max-width:100%;
	width:100%;
	height:auto;
	}
.el{/*h1*/
	margin:1.5em auto;
	position: relative;
	color: white;
	padding:0.3em 0.3em 0.3em 2em;
	background-color:#1B4881;
	border-radius:1.5em;
}
.el::after {
	 position: absolute;
	 top: 50%;
	 left:1em;
	 transform:translateY(-50%);
	 content: '';
	 width: 13px;
	 height:13px;
	 background-color: white;
	 border-radius:100%;
}
.short{
	max-width:900px;
	width:93.75%;
	margin:0 auto;
	display:block;
}
.short2{/*文中ul*/
	max-width:850px;
	width:88.54%;
	margin:0.5em auto 1.5em;
	font-weight:700;
	line-height:2;
}
.short2 a{
	color:#1B4881;
	text-decoration:underline;
}
.short2 a:hover{
	color:#4CB3A0;
	text-decoration:none;
}
.point{
	max-width:800px;
	width:83.33%;
	background-color:#FEF79A;
	border-radius:15px;
	height:auto;
	margin:1.5em auto;
	padding:30px;
}
.point img{
	max-width:800px;
	width:100%;
	max-height:554px;
	height:auto;
	margin:0px auto;
	text-align:center;
}
.choice{
	max-width:900px;
	width:100%;
	height:auto;
	margin:0 auto;
}
.left001{
	max-width:390px;
	width:43.33%;
	height:auto;
	float:left;
	margin:0;
}
.right001{
	max-width:480px;
	width:53.33%;
	height:auto;
	float:left;
	margin:0 0 0 20px;
}
.right001 img{
	max-width:480px;
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}

/*================================================
 * plan
 ================================================*/

.space{
	max-width:900px;
	width:100%;
	height:auto;
	margin:2.5em auto 5em;
}
.photo img{
	max-width: 100%;
	width: 100%;
	height: auto;
}
/* 吹き出し本体 - 左右の中心 */
.flow{
	position: relative;
	padding: 20px;
	min-height: 180px;
	height:auto;
	margin:2.5em auto;
	text-align:center;
	font-weight:400;
	font-size:1.2em;
	background: #ffffff;
	border:solid 8px #47B2A2;
	display: block;
}
/* 三角アイコン - 左右の中心 */
.flow::before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -25px;
  margin: 0 auto;
  border-top: 20px solid #47B2A2;
  border-right: 20px solid transparent;
  border-left: 20px solid transparent;
}
.part{
	max-width: 500px;
	width: 100%;
	display: block;
	float:left;
	overflow:hidden;
}
.photo{
	max-width: 300px;
	width: 100%;
	display: block;
	float:right;
	overflow:hidden;
}
.part h1, .item h1{
	font-size: 24px;
	margin: 0 0 15px;
	color: #47B2A2;
	text-align: left;
}
.part p, .item p{
	margin: 0 0 10px;
	text-align: left;
	max-width: 550px;
}
.detail{
	font-size: 0.85em;
	max-width: 500px;
	display: block;
	font-size:normal;
}
.green{
	color:#fff;
	background-color:#47B2A2;
	padding:3px 10px;
	margin-right:15px;
	text-align:center;
	min-width:140px;
	border-radius:10px;
}
.h3{
	font-size:2em;
	color:#f00;
	margin-bottom:20px;
	font-weight:bold;
}
.btn002 a{
	background:#F90;
	color:#fff;
	border-radius:15px;
	text-align:center;
	box-shadow:2px 2px 2px #960;
	font-size:0.9em;
	font-weight:bold;
	padding:0.3em;
	width:75%;
	border:solid 5px #fff;
	margin:1em 0 3em 0px;
	display:block;
}
.btn001 a{
	background:#F90;
	color:#fff;
	border-radius:15px;
	text-align:center;
	box-shadow:2px 2px 2px #960;
	font-size:1.2em;
	font-weight:bold;
	padding:0.5em;
	width:50%;
	border:solid 5px #fff;
	margin:1em 0 3em 0;
	display:block;
}

/****************************
  ・店舗情報
***************************/

aside{
	max-width: 900px;
	width: 100%;
	display: block;
	height:auto;
	margin:2em auto !important;
}
/* 吹き出し本体 */
.balloon3{
	max-width:900px;
	width:98%;/*真ん中に合わせられないので、98%にしてある*/
	position: relative;
	padding: 10px;
	background-color:#47B2A2;
	margin:0 atuo;
	margin-top:1em;
	text-align:center;
	color:#fff;
}
/* アイコンを下に表示*/
.balloon3::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: 0 auto;
	border-top: 15px solid #47B2A2;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
.store{
	margin:1.5em auto;
}
.store li a{
	border:4px solid #47B2A2;
	color:  #47B2A2;
	background:#fff;
	max-width:300px;
	width:31.15%;
	display:block;
	padding-top:6px;
	padding-bottom:6px;
	margin:0.3em;
	float:left;
	text-align:center;
	line-height:1.3;
	font-size:1.2em;
	font-weight:bold;
	display:block;
}
.store li a:nth-child(3n){
	margin-right:0;
}
.store li a:hover{
	border:4px solid #47B2A2;
	color:  #fff;
	background:#47B2A2;
}
.small02{
	font-size:0.8em;
}
/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
	/****************************
	  レイアウト 基本
	***************************/
	
	article, .contents01{
		max-width:730px;
		width:100%;
		/*height:auto;
		margin:0 auto;*/
	}
	section{
		max-width:730px;
		width:100%;
		line-height:1.6;
	}
	.el{/*h1*/
		margin:1.5em auto;
		position: relative;
		padding:0.3em 0.3em 0.3em 2em;
		font-size:1.2em;
	}

	/*================================================
	 * plan
	 ================================================*/
	/* 吹き出し本体 - 左右の中心 */
	.flow{
		max-height:280px;
		height:auto;
		display:block;
	}
	.part{
		max-width: 360px;
		width: 55%;
	}
	.photo{
		max-width: 280px;
		width: 40%;
		display: block;
		margin-top:2em;
	}
	.part h1{
		font-size: 20px;
	}
	.detail{
		font-size: 0.85em;
		max-width: 360px;
		display: block;
	}
	.green{
		font-size:0.5em;
	}
	.h3{
		font-size:1.5em;
		color:#f00;
		margin-bottom:20px;
		font-weight:bold;
	}
	.btn001 a{
		font-size:1.2em;
		padding:0.5em;
		width:70%;
		margin:1em auto 3em;
	}
	
	/****************************
	  ・店舗情報
	***************************/
	
	aside{
		max-width: 768px;
		width: 100%;
		margin:0 auto;
	}
	/* 吹き出し本体 */
	.balloon3{
		max-width:768px;
		width:98%;/*真ん中に合わせられないので、98%にしてある*/
		position: relative;
		padding: 10px;
		margin:0 atuo;
		margin-top:1em;
	}
	.store li a{
		border:4px solid #47B2A2;
		color:  #47B2A2;
		background:#fff;
		max-width:252px;
		width:30.5%;
		display:block;
		padding-top:6px;
		padding-bottom:6px;
		margin:0.7%;
	}
	.store li a:nth-child(3n){
		margin-right:0;
	}
}
/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
	/****************************
	  レイアウト 基本
	***************************/
	
	article, .contents01{
		max-width:640px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	section{
		max-width:640px;
		width:100%;
		font-size:16px;
		}
	.el{/*h1*/
		max-width:640px;
		width:90%;
		margin:1.5em auto;
	}
	.point{
		max-width:640px;
		width:90%;
		margin:1em auto;
		padding:10px;
	}
	.point img{
		max-width:800px;
		width:100%;
		max-height:452px;
		height:auto;
		margin:0px auto;
	}
	.choice{
		max-width:640px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	.left001{
		max-width:640px;
		width:94%;
		height:auto;
		float:none;
		margin:0 auto 1.5em;
	}
	.right001{
		max-width:640px;
		width:75%;
		height:auto;
		float:none;
		margin:1em auto;
	}

	/*================================================
	 * plan
	 ================================================*/
	 
	/* 吹き出し本体 - 左右の中心 */
	.flow{
		max-height:1000px;
		height:auto;
		display:block;
	}
	.part{
		max-width:640px;
		width: 96%;
		float:none;
		margin: 0 auto;
	}
	.photo{
		max-width: 350px;
		width: 100%;
		display: block;
		margin:0.5em auto;
		float:none;
	}
	.part h1{
		font-size: 24px;
	}
	.detail{
		font-size: 0.85em;
		max-width: 360px;
		display: block;
	}
	.green{
		font-size:1em;
	}
	.h3{
		font-size:1.8em;
	}
	.btn001 a{
		font-size:1.2em;
		padding:0.5em;
		width:70%;
		margin:1em auto 3em;
	}
	
	/****************************
	  ・店舗情報
	***************************/
	
	aside{
		max-width: 640px;
		width: 100%;
		height:auto;
		margin:0 auto;
	}
	/* 吹き出し本体 */
	.balloon3{
		max-width:640px;
		width:98%;/*真ん中に合わせられないので、98%にしてある*/
		position: relative;
		padding: 10px;
		margin:0 atuo;
		margin-top:1em;
	}
	.store li a{
		border:4px solid #47B2A2;
		max-width:200px;
		width:30%;
		padding-top:6px;
		padding-bottom:6px;
		margin:0.7%;
	}
	.store li a:nth-child(3n){
		margin-right:0;
	}
}
/*===============================================
●s画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
	/****************************
	  レイアウト 基本
	***************************/
	
	article, .contents01{
		max-width:480px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	section{
		max-width:480px;
		width:100%;
		font-size:16px;

		}
	.el{/*h1*/
		max-width:480px;
		width:90%;
		margin:1.2em auto;
	}
	/* 吹き出し本体 - 左右の中心 */
	.flow{
		max-height:1000px;
		height:auto;
		display:block;
		padding:15px;
	}
	.part{
		max-width:640px;
		width: 98%;
		float:none;
		margin: 0 auto;
	}
	.photo{
		max-width: 350px;
		width: 100%;
		margin:0.5em auto;
		float:none;
	}
	.part h1{
		font-size: 24px;
	}
	.green{
		font-size:0.7em;
	}
	.h3{
		font-size:1.5em;
	}
	.btn001 a{
		background:#F90;
		color:#fff;
		border-radius:15px;
		text-align:center;
		box-shadow:2px 2px 2px #960;
		font-size:1.2em;
		font-weight:bold;
		padding:0.5em;
		width:90%;
		margin:1em auto 3em;
	}
	
	/****************************
	  ・店舗情報
	***************************/
	
	aside{
		max-width: 640px;
		width: 100%;
		height:auto;
		margin:0 auto;
	}
	/* 吹き出し本体 */
	.balloon3{
		max-width:480px;
		width:98%;/*真ん中に合わせられないので、98%にしてある*/
		position: relative;
		padding: 10px;
		background-color:#47B2A2;
		margin:0 atuo;
		margin-top:1em;
		text-align:center;
		color:#fff;
	}
	.store{
		margin:0.5em auto;
	}
	.store ul{
		margin:0 auto;
	}
	.store li a{
		border:4px solid #47B2A2;
		max-width:200px;
		width:29%;
		padding-top:6px;
		padding-bottom:6px;
		margin:0.7%;
	}
	.store li a:nth-child(3n){
		margin-right:0px !important;
	}
	.small02{
		font-size:0.7em;
	}
}
/*===============================================
●s画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
	/****************************
	  レイアウト 基本
	***************************/
	
	article, .contents01{
		max-width:320px;
		width:100%;
		height:auto;
		margin:0 auto;
	}
	section{
		max-width:320px;
		width:100%;
		margin:0;
		padding:0;
		font-size:16px;
		line-height:1.6;
		}
	.el{/*h1*/
		max-width:320px;
		width:85%;
		margin:1.2em auto;
		font-size:1em;
		line-height:1.4;
	}
	.right001{
		max-width:640px;
		width:95%;
		height:auto;
		float:none;
		margin:1em auto;
	}
	/*================================================
	 * plan
	 ================================================*/
	/* 吹き出し本体 - 左右の中心 */
	.flow{
		max-height:1000px;
		height:auto;
		display:block;
		padding:10px;
		border:solid 6px #47B2A2;
	}
	.part{
		max-width:320px;
		width: 100%;
		float:none;
		margin: 0 auto;
	}
	.photo{
		max-width: 350px;
		width: 98%;
		margin:0.5em auto;
		float:none;
	}
	.part h1{
		font-size: 20px;
	}
	.green{
		font-size:0.5em;
	}
	.h3{
		font-size:1.3em;
	}
	.btn001 a{
		font-size:1em;
		width:90%;
		margin:1em auto 3em;
	}
	
	/****************************
	  ・店舗情報
	***************************/
	
	aside{
		max-width: 640px;
		width: 100%;
		height:auto;
		margin:0 auto;
	}
	/* 吹き出し本体 */
	.balloon3{
		max-width:480px;
		width:98%;/*真ん中に合わせられないので、98%にしてある*/
		position: relative;
		padding: 10px;
		margin:0 atuo;
		margin-top:1em;
		font-size:1.3em
	}
	.store{
		margin:1em auto;
	}
	.store li a{
		max-width:200px;
		width:29%;
		padding-top:6px;
		padding-bottom:6px;
		margin:0.7%;
	}
	.store li a:nth-child(3n){
		margin-right:0;
	}
	.small02{
		font-size:0.65em;
		font-weight:normal;
	}
}