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

/*
	　@media screen and (max-width:320px)

		@media screen and (min-width:321px) and (max-width:480px)

		@media screen and (min-width:481px) and (max-width:767px)

		@media screen and (min-width:768px) and (max-width:991px)

		@media screen and (min-width:992px)
*/

/*
.ex_s_dv	
@media screen and (max-width:320px) 

.ex_sm_dv
@media screen and (min-width:321px) and (max-width:480px) 

.ex_m_dv
@media screen and (min-width:321px) and (max-width:767px) 

.s_dv-l_dv
@media screen and (min-width:768px) 

*/

/*　new brakepoint   
@media screen and (max-width:479px){
	}
@media screen and (min-width:480px) and ( max-width:599px) { 
	}
@media screen and (min-width:600px) and ( max-width:960px) {
	}
@media screen and (min-width:960px) and ( max-width:1279px) {
	}
@media screen and (min-width:1280px) {
	}
*/
/*
@media screen and (max-width:599px)
@media screen and (max-min:600px)
@media screen and (max-min:1034px)

	*/

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
div:after, ul:after {
	content: "";
	display: block;
	clear: both;
	}
	

 .clearfix:befor, .clearfix:after {
  content: " "; 
  display: table; 
 }	
.clearfix:after {
	clear:both;	
	}
.clearfix {
	*zoom:1;
}

a:hover {
	text-decoration:none;
}
	
	
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
.red {
	color: #C00;
}
.font_blue {
	color: #0030ff;
}
/* Bootstrapのコンテンツエリアは最大1170px */
/*-----------------------------------------*/



body {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	overflow-x: hidden;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.container {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/*　shop_info 
**********************************************/
.navi_wrapp {
	text-align: center;
	width: 100%;
	margin: 10px auto;
}
.navi_wrapp {
	text-align: center;
	width: 100%;
	margin: 10px auto;
	height: auto;
}

.btn-social-flat { 
  color: #484848;
  display: inline-block;
  height: 30px;
  font-size: 1.3em;
  background: #eaeef1;
  text-decoration: none;
  margin: 0.3em 0.2em;
  justify-content: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.btn-social-flat-icon {
  display: inline-block;
  width: 15px;
  height:30px;
  text-align: center;
  color: white;
}
.btn-social-flat-text {
  display: inline-block;
  width: 160px;/*600以上120ｐｘ*/
  vertical-align: 50%;
  text-align: center;
  }

.btn-social-flat-icon--green {
  background:#7ece46;
}

.btn-social-flat-icon--LB {
  background:#1da1f3;
}
.btn-social-flat-icon--DB {
  background:#3b75d4;
}
.btn-social-flat-icon--red {
  background:#fd7171;
}
.btn-social-flat-icon--yellow {
  background:#f9c402;
}
  
.btn-social-flat:hover  {
 box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
  }


.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.btn-social-flat { 
  color: #484848;
  display: inline-block;
  height: 30px;
  font-size: 1.3em;
  background: #eaeef1;
  text-decoration: none;
  margin: 0.3em 0.2em;
  justify-content: center;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.btn-social-flat-icon {
  display: inline-block;
  width: 15px;
  height:30px;
  text-align: center;
  color: white;
}
.btn-social-flat-text {
  display: inline-block;
  width: 150px;/*600以上120ｐｘ*/
  vertical-align: 50%;
  text-align: center;
  }

.btn-social-flat-icon--green {
  background:#7ece46;
}

.btn-social-flat-icon--LB {
  background:#1da1f3;
}
.btn-social-flat-icon--DB {
  background:#3b75d4;
}
.btn-social-flat-icon--red {
  background:#fd7171;
}
.btn-social-flat-icon--yellow {
  background:#f9c402;
}

.btn-social-flat:hover  {
 box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
  }


.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.contents_box {
	width: 100%;
	height: auto;
	background-image: url(../image/ricepaper2b.jpg);
	padding-bottom: 20px;
	display: block;
}
.contents_box h2 {
	line-height: 130%;
}
.map_text h4 {
	background-color: rgba(216, 216, 216, 1);
	border-left: 18px solid rgba(44,80,156,1);

	}
.map_text h5 {
		border-left: 18px solid rgba(229, 162, 205, 1);
	background-color: rgba(216, 216, 216, 1);
	}
.map_text h6 {
		border-left: 18px solid rgba(131, 183, 71, 1);
	background-color: rgba(216, 216, 216, 1);
	}
.calender_box {
	width: 100%;
	height: auto;
	background-image: url(../image/ricepaper2b.jpg);
	padding-bottom: 20px;
	display: block;

}
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/





@media screen and (max-width:599px){
.contents_box .hcp {
	padding:30px 10px 10px 10px;
	font-size: 1.6em;
	font-weight: 800;
	margin: 0px 0px 10px 14px;
	text-align: left;
	color: rgba(0, 0, 0, 0.85);
	font-family: sans-serif
}

.contents_box h2 {
	width: 90%;
	padding:10px 30px;
	font-size: 1.4em;
	margin: 0px 20px 14px 20px;
	text-align: left;
	font-weight: 500;
}
.contents_box h3 {
	width: 93%;
	padding:6px 0 4px 20px;
	font-size: 1.3em;
	font-weight: 600;
	margin: 0px auto 14px 20px;
	text-align: left;
	color: white;/*#464646;*/
	text-shadow: 1px 1px 1px black;
	font-family: sans-serif;
	background-color: #747474;
}
.map_wrapp {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-around;
}
.map_wrapp h2 {
	line-height: 130%;
}
.map_text .text_bold {
	font-weight: 600;
	font-size: 1.4em;
}
.img_wrapp {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;
		margin: 0 2% 20px 2%;
}
.img-1 {
	width: 42%;
	margin: 0px 3% 0 4%;
	background-color: #f60202
}
.img-1 img  {
 width: 100%;
	margin: 0 auto;
}
.img-2 {
	width: 42%;
	margin: 0 6% 0 0;
background-color: #7802f7
}
.img-2 img {
 width: 100%;
	margin: 0 auto;
	
}

.map_box {
	width: 100%;
	margin: 0 auto;
}
.map_box img {
	width: 80%;
	margin: 0 auto;	
	}
.effect {
		box-shadow: rgba(5, 5, 5, 0.5)  2px 2px 8px ;
}
	
.map_text {
	width: 80%;
	text-align: center;
	padding: 20px 0;
	margin: 0 auto;
	}	
.map_text p {
	text-align: left;
	width: 100%;
	padding: 0px 6%;
	margin: 0% auto;
	font-size: 1.3em;
	line-height: 2.2rem
}
.map_text .sub_copy {
	font-size: 1.3em;
	font-weight: 600;
	background-color: white;
	margin-bottom: 6px;
}


.map_text h4, .map_text h5, .map_text h6{
	width: 100%;
	padding: 8px 5% 6px 8%;
	margin: 10px auto;
	font-weight: 600;
	text-align: left;
		font-size: 1.3em;

	}
/*******************/	
	
	
	
.p_line {
	border-bottom: 1px solid;
	padding-top: 4px;
	margin-bottom: 4px;
}
		
.map_text .park_g {
	width: 100%;
	padding: 6px 10%;
	margin: 20px 0%;
	font-size: 1.3em;
	font-weight: 600;
	background-color: rgba(255, 234, 0, 1);	
	}
.map_wrapp {
	display: block;
	margin-bottom: 30px;
		min-height: 380px;
	height: auto !important;
	height: 380px;
}
.map_wrapp h2 {
	line-height: 130%;
}
	
.gmap_box {
	position: relative;	
	width: 100vmin;
	text-align: center;
	margin: 0 auto 50px auto;
	align-self: center;
	}
.ggmap {
padding-bottom: 30px;/*56.25*/ 
padding-top: 56.25%;
height: 0;
	}
.gmap_text {
		align-self: center;
width: 0%;
}
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0px;
left: 0;
width: 100%;
	}
.card_box {
	width: 100%;
}	
.card_box img {
	width: 60%;
	padding: 30px 0;
}
.card_text {
	width: 100%;
	padding: 5% 0;
}
.card_text p{
	width: 90%;
	padding-left: 10%;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.4em;
}
.textbox_info-L {
	width: 100%;
	text-align: center;

	padding-left: 40px;
}
.textbox_info p {
	width: 90%;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 20px 0 0 10%;
	}
.textbox_info-R {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
	
}
.textbox_info-R p {
	width: 90%;
	padding-left: 20%;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0 auto;	
}
}
/************************************/
/************************************/
/************************************/
/************************************/
/************************************/
/************************************/


@media screen and (min-width:600px){
.btn-social-flat-text {
  display: inline-block;
  width: 120px;/*600以上120ｐｘ*/
	}
.contents_box .hcp {
	padding:4px 10px;
	font-size: 1.6em;
	font-weight: 800;
	margin: 0px 0px 14px 20px;
	text-align: left;
	color: rgba(0, 0, 0, 0.85);
	font-family: sans-serif;
}
.contents_box h2 {
	width: 90%;
	padding:0px 20px;
	font-size: 1.4em;
	margin: 10px 20px 20px 20px;
	text-align: left;
	color: rgba(0, 0, 0, 0.85);
	font-family: sans-serif;

}
.contents_box h3 {
	width: 95%;
	padding:10px 20px;
	font-size: 1.6em;
	margin: 0px 20px 14px 20px;
	text-align: left;
	color: white;/*#464646;*/
	font-family: sans-serif;
	background-color: #747474;
	text-shadow: 1px 1px 1px black;
}
.map_wrapp {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 0 auto;
}
.map_wrapp h2 {
	line-height: 140%;
}

.text_bold {
	font-weight: 600;
}
.img_wrapp {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;
		margin: 0 2% 20px 2%;
}
.img-1 {
	width: 42%;
	margin: 0px 3% 0 4%;
}
.img-1 img  {
 width: 90%;
	margin: 0 auto;
}
.img-2 {
	width: 42%;
	margin: 0 6% 0 0;
}
.img-2 img {
 width: 90%;
	margin: 0 auto;
	
}

.map_box {
	width: 55%;
	margin: 0 auto;
	align-self: center;	
	
}
.map_box img {
	width: 96%;
	margin: 20px  auto;
	}
.effect {
		box-shadow: rgba(5, 5, 5, 0.5)  2px 2px 8px ;
}
.map_text {
	width: 40%;
	text-align: center;
	padding: 0px 20px 20px 0;
	margin: 0 10px;
	align-self: center;
	}	
.map_text p {
	text-align: left;
	width: 100%;
	padding: 0px 6%;
	margin: 0% auto;
	font-size: 1.4em;
	line-height: 2.2rem
}
.map_text .sub_copy {
	font-size: 1.4em;
	font-weight: 600;
	background-color: white;
	margin-bottom: 6px;
}


.map_text h4, .map_text h5, .map_text h6{
	width: 100%;
	padding: 8px 5% 6px 8%;
	margin: 10px auto;
	font-weight: 600;
	text-align: left;
	font-size: 1.3em;
	}
/*******************/	
	
	
	
.p_line {
	border-bottom: 1px solid;
	padding-top: 4px;
	margin-bottom: 4px;
}
		
.map_text .park_g {
	width: 100%;
	padding: 6px 10%;
	margin: 20px 0%;
	font-size: 1.3em;
	font-weight: 600;
	background-color: rgba(255, 234, 0, 1);	
	}
.gmap_box {
	position: relative;
	width: 100%;
	height: auto;
	box-shadow: rgba(5, 5, 5, 0.5)  2px 2px 8px ;
}
.ggmap {
padding-top: 56.25%;
height: 0;
margin: 0px 0px;
align-self: center;
	}
.gmap_text {
	align-self: center;
	width: 0%;
	background-color: #054df
}
.ggmap iframe,
.ggmap object,
.ggmap embed  {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
	}
.card_text {
	width: 50%;
}
.card_box {
	width: 50%;
}	
.card_box img {
	width: 70%;
	padding: 30px 0;
}
.card_text {
	width: 50%;
	padding: 5% 0;

}

.card_text p{
	width: 100%;
	padding-left: 10%;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.4em;
}

.info_wrapp {
	display: flex;
}
.textbox_info-L {
	width: 50%;
	
}
.textbox_info-L p {
	width: 100%;
	padding-left: 10%;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.4em;	
}
.textbox_info-R {
	width: 50%;
	text-align: center;
	align-self: center;
}
.textbox_info-R p {
	width: 90%;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 0 auto 0 20%;
}

}


/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/
/*************************************/



@media screen and (min-width:1034px){
.contents_box {
	width: 100%;
}	
.contents_box .hcp {
	padding:20px 10px;
	font-size: 1.8em;
	font-weight: 800;
	margin: 16px 0px 20px 5%;
	text-align: left;
	color: rgba(0, 0, 0, 0.85);
	font-family: sans-serif;
}
.contents_box h2 {
	font-size: 1.6em;
	margin-left: 5%;
}
.contents_box h3 {
	width: 96%;
	padding:10px 4%;
	font-size: 1.8em;
	text-align: left;
	color: white;
	font-family: sans-serif;
	background-color: #747474;
	margin-top: 40px;
}
.calender_box  {
	padding:20px 30px;
	font-size: 1.8em;
	font-weight: 800;
	margin: 16px 0px 20px 5%;
	text-align: left;
	color: rgba(0, 0, 0, 0.85);
	font-family: sans-serif;
}

.map_text h4, .map_text h5, .map_text h6{
	width: 100%;
	padding: 8px 5% 6px 8%;
	margin: 10px auto;
	font-weight: 600;
	text-align: left;
	font-size: 1.4em;
	}
.map_text 	
.img_wrapp {
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 2% 20px 2%;
}
.img-1 {
	width: 42%;
	margin: 0px 0 0 5%;
}
.img-1 img  {
 width: 80%;
	margin: 0 auto;
}
.img-2 {
	width: 42%;
	margin: 0 8% 0 0;
}
.img-2 img {
 width: 80%;
	margin: 0 auto;	
}
.card_box {
	width: 50%;
}	
.card_box img {
	width: 70%;
	padding: 30px 0;
}
.card_text {
	width: 50%;
	padding: 5% 0;
}
.card_text p{
	width: 90%;
	margin-left: 7%;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.4em;
}
.info_wrapp {
	display: flex;
	flex-flow:row wrap;
}
.textbox_info-L {
	width: 50%;
	align-self: auto;

}
.textbox_info-L p {
	width: 100%;
	padding-left: 17%;
	text-align: left;
	font-size: 1.3em;
	line-height: 1.4em;	
}
.textbox_info-R {
	width: 50%;
	align-self: center;
	text-align: center;
	
}
.textbox_info-R p {
	width: 100%;
	padding-left: 30%;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 auto;

}
}