@charset "UTF-8";






/* -----------------------------------------
   header 
----------------------------------------- */

header.header{
	position: relative;
	padding-top: 60px;
}
@media screen and (max-width: 720px) {
		header.header{
			padding-top: 20px;
		}
}

.logomenu{
	position: fixed;
	top: 0;
	left: 0;
	width: 100px;
	height: 100vh;
	background-color: #fff;
}
@media screen and (max-width: 720px) {
		.logomenu{
			position: absolute;
			top: 24px;
			left: 50%;
			transform: translateX(-50%);
			height: auto;
			background-color: rgba(255,255,255,0.00);
		}
}
.logomenuConts{
	position: fixed;
	top: 0;
	left: 0;
	width: 100px;
	height: 100vh;
	background-color: #fff;
}
@media screen and (max-width: 720px) {
		.logomenuConts{
			position: absolute;
			top: 24px;
			width: 100%;
			left: 50%;
			transform: translateX(-50%);
			height: auto;
			background-color: rgba(255,255,255,0.00);
		}
}

.headlogo{
	width:80px;
	margin-left: 20px;
	margin-top: 30px;
	max-height: none;
	z-index: 100;
}
@media screen and (max-width: 720px) {
		.logomenu .headlogo{
			width:15vw;
			margin: 40px auto 0 auto;
			max-height: none;
		}
	.logomenuConts .headlogo{
		width:200px;
		margin: 0 auto 0 auto;
		text-align: center;
	}
	.logomenuConts .headlogo img{
		width: 200px;
	}
}
@media screen and (max-width: 420px) {
		.logomenu .headlogo{
			margin: 20px auto 0 auto;
		}
		.logomenuConts .headlogo{
			margin-top: 20px;
			text-align: center;
			max-width: 90vw;
		}
		.logomenuConts .headlogo img{
			
		}
}


.headlogoname{
	position: absolute;
	right: 10px;
	top: 10px;
	width: 200px;
}
@media screen and (max-width: 720px) {
		.headlogoname{
			position: absolute;
			left: 8%;
			right: auto;
			top: 86vw;
			width: 160px;
		}
}

.sliderbox{
	position: relative;
/*	width: calc(100% - 120px);*/
	margin-left: 120px;
	margin-top: 0px;
	border-radius: 50px 0 0 0;
	max-height: 90vh;
	overflow: hidden;
	z-index: 0;
}
@media screen and (max-width: 720px) {
		.sliderbox{
			width: 92%;
			border-radius: 30px 30px 0 0;
			margin: 0 auto 0 auto;
		}
}

.contsTopimage-charm{ background-image: url("../images/slider1.jpg"); }
.contsTopimage-blog{ background-image: url("../images/slider8.jpg"); }
.contsTopimage-blog-nature{ background-image: url("../images/slider2.jpg"); }
.contsTopimage-blog-walk{ background-image: url("../images/slider4.jpg"); }
.contsTopimage-blog4{ background-image: url("../images/slider5.jpg"); }
.contsTopimage-blog5{ background-image: url("../images/slider4.jpg"); }
.contsTopimage-photo{ background-image: url("../images/slider6.jpg"); }
.contsTopimage-organizer{ background-image: url("../images/slider7.jpg"); }
.contsTopimage-contact{ background-image: url("../images/slider5.jpg"); }
.contsTopimagebox{
	position: relative;
	margin-left: 120px;
	margin-top: 0px;
	border-radius: 50px 0 0 0;
	background-position: center center;
	background-size:cover;
	height: 260px;
}
@media screen and (max-width: 720px) {
		.contsTopimagebox{
			width: 92%;
			border-radius: 30px 30px 0 0;
			margin: 0 auto 0 auto;
			height: 220px;
		}
}
.slidetext{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	width: 50%;
	max-width: 800px;
	Z-index:99;
}
@media screen and (max-width: 720px) {
		.slidetext{
			position: relative;
			left: 0;
			top: 0;
			transform: translate(0 , 0);
			width: 94%;
			max-width: 260px;
			margin: 20px auto;
		}
}

/* -----------------------------------------
   footer 
----------------------------------------- */

footer{
	position: relative;
	margin-left: 120px;
	margin-top: 0px;
	padding-bottom: 50px;
	background: #2f2f2f;
}
.footerbox{
	padding: 80px 0;
	width: 80%;
	max-width: 500px;
	color: #fff;
	margin: 0 auto;
}
.footerboxlogo{
	width: 300px;
	margin: 50px auto;
}

address{
	color: #fff;
	text-align: center;
	font-size: 11px;
}
@media screen and (max-width: 720px) {
		footer{
			width: 100%;
			margin-left: 0;
			padding-bottom: 30px;
		}
		.footerbox{
			padding: 40px 0;
		}
		.footerboxlogo{
			width: 200px;
			margin: 30px auto;
		}
}








/* -----------------------------------------
   common 
----------------------------------------- */

/*.wrap{
	position: relative;
	margin-left: 120px;
	margin-top: 0px;
}*/
.wrapboxG{/* graybox */
	position: relative;
	margin-left: 120px;
	background-color: #EDF5DB;
	padding: 80px 30px;
}
.wrapboxG2{/* graybox */
	position: relative;
	margin-left: 120px;
	background-color: #E9E9E9;
	padding: 80px 0;
}
.wrapboxGcat{/* graybox */
	position: relative;
	margin-left: 120px;
	background-color: #fff;
}
.wrapboxW{/* whitebox */
	position: relative;
	margin-left: 120px;
	background-color: #fff;
	padding: 80px 30px 80px 0;
}
.wrapboxW2{/* whitebox */
	position: relative;
	margin-left: 120px;
	background-color: #fff;
	padding: 80px 0 0 0;
	margin-bottom: 0;
}
.wrapboxWconts{/* whitebox */
	position: relative;
	margin-left: 120px;
	background-color: #fff;
	padding-top: 100px;
}
.wrapboxinner1{
	position: relative;
	background-color: #fff;
	padding-bottom: 60px;
}
@media screen and (max-width: 720px) {
		.wrapboxG{/* graybox */
			padding: 60px 18px;
			margin-left: 0;
		}
		.wrapboxG2{/* graybox */
			margin-left: 0;
			padding: 60px 0;
		}
		.wrapboxGcat{/* graybox */
			padding: 60px 30px;
			margin-left: 0;
		}
		.wrapboxW{/* whitebox */
			padding: 60px 0px;
			margin-left: 0;
		}
		.wrapboxW2{/* whitebox */
			background-color: #fff;
			padding: 60px 0 0 0;
			margin-left: 0;
		}
		.wrapboxWconts{/* whitebox */
				padding-top: 70px;
				margin-left: 0;
			}
}
@media screen and (max-width: 480px) {
		.wrapboxG{/* graybox */
			padding: 40px 18px;
			margin-left: 0;
		}
		.wrapboxG2{/* graybox */
			margin-left: 0;
			padding: 40px 0;
		}
		.wrapboxGcat{/* graybox */
			padding: 30px 30px;
			margin-left: 0;
		}
		.wrapboxW{/* whitebox */
			padding: 40px 0px;
			margin-left: 0;
		}
		.wrapboxW2{/* whitebox */
			background-color: #fff;
			padding: 40px 0 0 0;
			margin-left: 0;
		}
		.wrapboxWconts{/* whitebox */
				padding-top: 50px;
				margin-left: 0;
			}
}

.title1{
	max-width: 400px;
	width: 80%;
	margin: 0 auto 50px auto;
}
@media screen and (max-width: 720px) {
		.title1{
			margin: 0 auto 30px auto;
		}
}

.title1contstop{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%,50%);
	max-width: 480px;
	width: 80%;
	z-index: 2;
	padding: 20px 40px 10px 40px;
	background-color: #fff;
	border-radius: 30px 30px 0 0;
}
.title1contstop img{
	max-width: 400px;
	width: 100%;
	z-index: 999!important;
}
@media screen and (max-width: 900px) {
	.title1contstop{
		width: 60%;
		padding: 15px 30px 10px 30px;
		border-radius: 20px 20px 0 0;
	}
}
@media screen and (max-width: 560px) {
	.title1contstop{
		width: 70%;
		padding: 10px 20px 0px 20px;
		border-radius: 20px 20px 0 0;
	}
}
@media screen and (max-width: 380px) {
	.title1contstop{
		width: 75%;
		padding: 10px 15px 0px 15px;
		border-radius: 20px 20px 0 0;
	}
}



.button1{ text-align: center; }
.footerboxbtn{ text-align: center; margin-top: 50px; }
.button1 a,
.footerboxbtn a{
	display: inline-block;
	padding: 10px 24px 10px 20px;
	border-radius: 50px;
	line-height: 1.0;
	-webkit-transition: all .5s;
  transition: all .5s;
	width: 180px;
}
.button1 a{ background-color: #2f2f2f; }
.footerboxbtn a{ background-color: #fff; }
.button1 a img,
.footerboxbtn a img{
	width: 100%;
}
.button1 a:hover,
.footerboxbtn a:hover{ background-color: rgba(0,162,231,1.0); }
@media screen and (max-width: 720px) {
		.footerboxbtn{ margin-top: 30px; }
}




.button2{ text-align: center; }
.button2 a{
	position: relative;
	display: inline-block;
	padding: 10px  20px 10px 30px;
	background-color: #2f2f2f;
	border-radius: 0px;
	font-size: 14px;
	line-height: 1.0;
	color: #fff;
	-webkit-transition: all .5s;
  transition: all .5s;
}
.button2 a::before,
.button2 a::after{
	content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-right-width: 0;
	-webkit-transition: all .5s;
  transition: all .5s;
}
.button2 a::before{
	left: 10px;
	border-left: 8px solid rgba(0,162,231,1.0);
}
.button2 a img{
	height: 20px;
}
.button2 a:hover{
	background-color: rgba(0,162,231,1.0);
}
.button2 a:hover::before{
	border-left: 8px solid rgba(255,255,255,1.00);
}











/* -----------------------------------------
   charm
----------------------------------------- */

.box-charm1{
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-ms-display: flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.box-charm1left{
	width: 38%;
	text-align: center;
}
.box-charm1left img{
	max-width: 400px;
}
.box-charn1right{
	width: 58%;
}
.title-charm1{
	max-width: 500px;
	width: 90%;
	margin: 0 auto 50px auto;
}
.box-charm1text{
	margin-bottom: 30px;
}
@media screen and (max-width: 720px) {
		.box-charm1left{
			width: 80%;
			margin: 0 auto 30px auto;
		}
		.box-charn1right{
			width: 80%;
			margin: 0 auto;
		}
		.title-charm1{
			max-width: 500px;
			margin: 0 auto 30px auto;
		}
		.box-charm1text{
			margin-bottom: 0px;
		}
}

.box-charm2{
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-ms-display: flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	margin: 30px 0;
}
.box-charm2 li{
	position: relative;
	width: 15%;
	border: 1px solid rgba(47,47,47,0.00);
	transition: 1s;
}
.box-charm2 li:hover{
  background: rgba(121,168,73,0.3);
	border: 1px solid rgba(255,255,255,1.00);
	border-radius: 20px;
}
@media screen and (max-width: 900px) {
		.box-charm2 li{
			width: 32%;
			min-width: 0;
			margin: 0;
		}
}
@media screen and (max-width: 580px) {
		.box-charm2 li{
			width: 48%;
			min-width: 0;
			margin: 0;
		}
}
.box-charm2img{
	margin-bottom: 10px;
}
/*.box-charm2 li a .box-charm2img img{
	transition-duration: 0.5s;
}
.box-charm2 li a:hover .box-charm2img img{
	filter: grayscale(0);
	transition-duration: 0.5s;
}
@media screen and (max-width: 720px) {
		.box-charm2 li a .box-charm2img img{
			filter: grayscale(0);
		}
}*/
.box-charm2 p{
	text-align: center;
	font-size: 13px;
	line-height: 1.8;
}
.box-charmmark{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 50px;
}
.box-charm2 li a{
  text-decoration: none;
}
.box-charm2 li a p{
	color:#2f2f2f;
	position: relative;
  text-decoration: none;
}


.title2catbtn{
	margin-bottom: 50px;
	text-align: center;
	font-size: 24px;
	font-family: "Yu Mincho Demibold", "YuMincho", "メイリオ", Meiryo, sans-serif;
	font-weight: 100;
	margin-bottom: 15px;
}
@media screen and (max-width: 720px) {
		.title2catbtn{
			margin: 0 auto 10px auto;
		}
}

.box-charm2catwrap{
	max-width: 800px;
	width: 90%;
	margin: 0 auto 80px auto;
	border-radius: 30px;
	background-color: #e1e1e1;
	padding: 20px;
}
.box-charm2cat{
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-ms-display: flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	margin: 20px 0;
}
.box-charm2cat li{
	position: relative;
	width: 15%;
	border: 1px solid rgba(47,47,47,0.00);
	transition: 1s;
}
.box-charm2cat li:hover{
  background: rgba(255,255,255,0.36);
	border: 1px solid rgba(121,168,73,1.00);
	border-radius: 10px;
}
@media screen and (max-width: 640px) {
		.box-charm2cat li{
			width: 32%;
			min-width: 0;
			margin: 0;
		}
}
.box-charm2catimg{
	margin-bottom: 10px;
}
.box-charm2cat p{
	text-align: center;
	font-size: 12px;
	line-height: 1.2;
}
.box-charmcatmark{
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	height: 50px;
}
.box-charm2cat li a{
  text-decoration: none;
}
.box-charm2cat li a p{
	color:#2f2f2f;
	position: relative;
  text-decoration: none;
}





/* -----------------------------------------
   Blog 
----------------------------------------- */


.boxBloglist1{
	margin-bottom: 50px;
}
.boxBloglist1 li{
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-ms-display: flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	padding: 50px 0 50px 0;
	border-bottom: 1px solid #ccc;
}
.boxBloglist1 li:nth-child(1){
	border-top: 1px solid #ccc;
}
.boxBloglist1 li:nth-child(2n){
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
.boxBloglist1left{
	width: 47%;
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-ms-display: flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.boxBloglist1right{
	width: 50%;
}
.boxBloglist1 li:nth-child(2n) .boxBloglist1left{
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}
@media screen and (max-width: 720px) {
		.boxBloglist1 li{
			padding: 0px 0 80px 0;
			border-bottom: none;
			border-top: 10px solid #888;
		}
		.boxBloglist1 li:nth-child(1){
			border-top: 10px solid #888;
		}
		.boxBloglist1 li:last-child{
				padding: 0px 0 0px 0;
				border-bottom: none;
			}
		.boxBloglist1left{
			display: block;
			width: 100%;
		}
		.boxBloglist1right{
			display: block;
			width: 80%;
			margin: 20px auto 0 auto;
		}
}
.boxBloglist1left2{
	min-width: 60px;
	width: 10%;
	margin: 0 auto;
	padding: 5px;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
	background: rgb(225,225,225);
	background: -moz-linear-gradient(top,  #e1e1e1 1%, #ffffff 100%);
	background: -webkit-linear-gradient(top,  #e1e1e1 1%,#ffffff 100%);
	background: linear-gradient(to bottom,  #e1e1e1 1%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e1e1', endColorstr='#e5e5e5',GradientType=0 );
}
.boxBloglist1left1{
	width: 90%;
	background-position: center center;
	min-height: 360px;
}
.boxBloglist1cat img{
	height: 48px;
	margin-bottom: 15px;
}
.boxBloglist1ttl{
	font-size: 24px;
	font-family: "Yu Mincho Demibold", "YuMincho", "メイリオ", Meiryo, sans-serif;
	font-weight: 100;
	margin-bottom: 15px;
}
.boxBloglist1text{
	font-size: 14px;
	margin-bottom: 20px;
}
.boxBloglist1helddate{
	font-size: 20px;
	line-height: 1.2;
	font-family: "Yu Mincho Demibold", "YuMincho", "メイリオ", Meiryo, sans-serif;
	font-weight: 100;
	margin-bottom: 10px;
}
@media screen and (max-width: 720px) {
		.boxBloglist1left1{
			width: 100%;
		}
		.boxBloglist1left2{
			width: 100%;
			padding-top: 10px;
			text-align: center;
			font-size: 11px;
			line-height: 14px;
			background: rgb(225,225,225);
		}
		.boxBloglist1cat img{
			height: 48px;
			margin-bottom: 5px;
		}
		.boxBloglist1ttl{
			font-size: 20px;
			line-height: 1.2;
			font-weight: 80;
			margin-bottom: 15px;
		}
}

.boxBlogDetail{
	max-width: 800px;
	width: 90%;
	margin: 20px auto 80px auto;
}
@media screen and (max-width: 720px) {
	.boxBlogDetail{
		margin: 20px auto 50px auto;
	}
}
	
.boxBlogDetailcat{
	width: 120px;
	height: 120px;
	padding: 27px 0 23px 0;
	text-align: center;
	margin: 0 auto 80px auto;
	background-color: #e1e1e1;
	border-radius: 50%;
}
@media screen and (max-width: 720px) {
	.boxBlogDetailcat{
		margin: 20px auto 40px auto;
	}
}
.boxBlogDetailcat img{
	height: 70px;
}
.title1cat{
	width: 80%;
	text-align: center;
	font-size: 36px;
	font-family: "Yu Mincho Demibold", "YuMincho", "メイリオ", Meiryo, sans-serif;
	margin:0 auto 80px auto;
}
.title2cat{
	width: 80%;
	text-align: center;
	font-size: 16px;
	font-weight: 100;
	margin:0 auto 30px auto;
}
@media screen and (max-width: 720px) {
		.title1cat{
			font-size: 24px;
			margin:0 auto 30px auto;
		}
		.title2cat{
			margin:0 auto 30px auto;
		}
}

.boxBlogDetail-title{
	font-size: 24px;
	line-height: 1.4;
	font-family: "Yu Mincho Demibold", "YuMincho", "メイリオ", Meiryo, sans-serif;
	font-weight: 100;
	background-color: rgba(0,162,253,1.00);
	color: #fff;
	padding: 10px 20px;
}
.boxBlogDetail-date{
	font-size: 12px;
}
.boxBlogDetail-body{
	padding: 20px 0;
}
.boxBlogDetail-more{
	padding: 20px 0;
}
.boxBlogDetail-more img{
	margin: 10px 0;
}

.blogcatbtn{
	margin-bottom: 80px;
}


.pagenav ul{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  max-width: 1300px;
  width: 90%;
  margin: 0 auto 50px auto;
  list-style: none;
}
.pagenav ul li{
  margin: 3px;
}
.pagenav ul li .current_page{
  display: block;
  background-color: #569629;
	color: #fff;
	border: 1px solid #569629;
	border-radius: 30px 0;
  padding: 10px 12px;
}
.pagenav ul li a{
  display: block;
	background-color: rgba(86,150,41,0.10);
	color: #569629;
	border: 1px solid #569629;
	border-radius: 30px 0;
  padding: 10px 12px;
}

.blogpagenewprev{
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-ms-display: flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	max-width: 800px;
	width: 90%;
	margin: 0 auto 50px auto;
}
@media screen and (max-width: 720px) {
	.blogpagenewprev{
		width: 90%;
	}
}
.blogpagenewprev div{
	padding: 24px 0px;
	width: 50%;
}
.blogpagenewprev div a{
	display: block;
}
.blogpagenewprev div span{
	margin: 0 10px;
}
.blogpagenew{
	text-align: left;
	border-right: 1px solid #ccc;
}
.blogpageprev{
	text-align: right;
}



.boxNewslist1{
	max-width: 1000px;
	width: 95%;
	margin: 0 auto;
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-ms-display: flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
}
.boxNewslist1 li{
	width: 24%;
	margin-bottom: 10px;
}
@media screen and (max-width: 1100px) {
	.boxNewslist1 li{
		width: 32%;
	}
}
@media screen and (max-width: 820px) {
	.boxNewslist1 li{
		width: 49%;
	}
}
.boxNewslist1 li a{
	display: block;
	padding: 7px 5px 5px 5px;
	border: 1px solid rgba(0,162,231,1.0);
	border-bottom: 3px solid rgba(0,162,231,1.0);
	border-right: 3px solid rgba(0,162,231,1.0);
	border-radius: 0 0 15px 0;
	line-height: 1.3;
	-webkit-transition: all .5s;
  transition: all .5s;
}
.boxNewslist1 li a:hover{
	background: rgba(0,162,231,0.2);
}
.boxNewslist1date{
	font-size: 11px;
}
.boxNewslist1date span{
	background-color: #888;
	font-size: 10px;
	line-height: 10px;
	margin-left: 5px;
	padding: 0 5px;
	color: #fff;
}
.boxNewslist1title{
	font-size: 13px;
	margin-top: 2px;
}

















/* -----------------------------------------
   access
----------------------------------------- */


.boxaccess1{
	max-width: 800px;
	width: 90%;
	margin: 30px auto;
}
.boxaccess1dl{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-moz-display: flex;
	-ms-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}
.boxaccess1dl dt{
	width: 33%;
	background-color: #e1e1e1;
	padding: 5px 10px;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
}
.boxaccess1dl dd{
	width: 67%;
	padding: 5px 10px;
	border-bottom: 1px solid #e1e1e1;
}
@media screen and (max-width: 640px) {
		.boxaccess1{
			margin: 5%;
		}
		.boxaccess1 p{
			width: 80%;
			margin: 0 auto 30px auto;
		}
}
.gmapframe{
	width: 100%!important;
	height: 480px!important;
	vertical-align: bottom;
	border: 0;
}
@media screen and (max-width: 640px) {
		.gmapframe{
			height: 400px!important;
/*			margin-bottom: 5%;*/
		}
}
.gmap iframe{
	width: 100%!important;
	vertical-align: bottom;
	border: 0;
	margin-top: 10px;
}






/* -----------------------------------------
   charm page
----------------------------------------- */

.charmbox1{
	position: relative;
	width: 80%;
	max-width: 1000px;
	margin: 30px auto 80px auto;
	border: 5px solid rgba(0,195,255,1.00);
	padding-bottom: 30px;
}
.charmbox1::before{
	position: absolute;
	content: "";
	bottom: -5px;
	left: -5px;
	border-bottom: 20px solid rgba(0,195,255,1.00);
  border-right: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 20px solid rgba(0,195,255,1.00);
}
.charmbox1::after{
	position: absolute;
	content: "";
	bottom: -5px;
	right: -5px;
	border-bottom: 20px solid rgba(0,195,255,1.00);
  border-right: 20px solid rgba(0,195,255,1.00);
  border-top: 20px solid transparent;
  border-left: 20px solid transparent;
}
.charmbox1CatTitle1{
	text-align: center;
	font-size: 36px;
	line-height: 1.2;
	font-family: "Yu Mincho Demibold", "YuMincho", "メイリオ", Meiryo, sans-serif;
	font-weight: 100;
	color: #fff;
	padding-top: 10px;
	background-color: rgba(0,195,255,1.00);
}
.charmbox1CatName{
	text-align: center;
	margin-bottom: 30px;
	background-color: rgba(0,195,255,1.00);
	padding-bottom: 10px;
}
@media screen and (max-width: 640px) {
		.charmbox1CatTitle1{
			font-size: 24px;
		}
}
.charmbox1CatBody{
	max-width: 640px;
	margin: 0 auto;
	width: 90%;
}
.charmbox1CatBody ul li{
	list-style: disc;
	margin-left: 30px;
}
.charmbox1CatPhoto{
	display: -webkit-flex;
	display: -ms-flex;
	-webkit-display: flex;
	-ms-display: flex;
	-js-display: flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	width: 90%;
	max-width: 900px;
	margin: 30px auto 30px auto;
}
.charmbox1CatPhoto li{
	width: 24%;
	padding-top: 24%;
	border-radius: 50%;
}
@media screen and (max-width: 640px) {
	.charmbox1CatPhoto li{
		width: 48%;
		padding-top: 48%;
		border-radius: 50%;
		margin-bottom: 4%;
	}
}

.charmbox2{
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px dotted #888;
	padding-bottom: 50px;
}
.charmbox2TopImage{
	max-width: 900px;
	margin: 0 auto 50px auto;
	border-radius: 5vw;
	overflow: hidden;
}




.photobox1{
	margin-bottom: 80px;
}


.contactBody{
	max-width: 640px;
	margin: 0 auto;
	width: 90%;
}
.contactBody p{
	
}







/* -----------------------------------------
   contact page
----------------------------------------- */



	#formWrap {
		max-width:900px;
		width: 90%;
		margin:0 auto;
		color:#555;
		line-height:120%;
	}
	table.formTable{
		width:100%;
		margin:0 auto 20px auto;
		border-collapse:collapse;
		font-size:14px;
	}
	table.formTable td,table.formTable th{
		border:1px solid #ccc;
		padding:10px;
	}
	table.formTable th{
		width:30%;
		font-weight:normal;
		background:#efefef;
		text-align:left;
		vertical-align: top;
		white-space: nowrap;
	}
	table.formTable textarea{
		width:90%;
	}
	.contactinput{
		width: 90%;
	}
	.contactbtn1{
		background-color: rgba(0,173,227,1.00);
		border: 0;
		padding: 10px 20px;
		border-radius: 30px;
		color: #fff;
	}
	.contactbtn2{
		background-color: rgba(135,135,135,1.00);
		border: 0;
		padding: 10px 20px;
		border-radius: 30px;
		color: #fff;
	}
	@media screen and (max-width:572px) {
			table.formTable th, table.formTable td {
				width:auto;
				display:block;
			}
			table.formTable th {
				margin-top:5px;
				border-bottom:0;
			}
			input[type="text"], textarea {
				width:80%;
				padding:5px;
				font-size:110%;
				display:block;
			}
			input[type="submit"], input[type="reset"], input[type="button"] {
				display:block;
				width:90%;
				height:40px;
			}
	}