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

* {
  font-family: "Hiragino Kaku Gothic ProN", "游ゴシック","メイリオ",meiryo,sans-serif;
}

.container{
	width:1000px;
	padding-left:0;
	padding-right:0;}

h1{
	margin-top:0px;
	margin-bottom:0px;}

.onayami{
	background-color:#426db4;
	padding:15px 0;}

.leftspace{
	padding-right:0;
	}

 .rightspace{
	padding-left:0;
	}

.lower{
	margin-bottom:0;}

.upper{
	margin-top:-28px;
		margin-bottom:0;}
		
p{
	margin-bottom:0;}

.course{
	background:url(../img/bg.png);
	
	}

.syousai{
	padding-top:40px;
	padding-bottom:25px;}

.low5{
	padding-top:15px;}

.bothspace{
	padding-left:5px;
	padding-right:5px;}

.cause{
	margin-bottom:0;}

.floating {
top: 200px;
right:0px;
position: fixed;
z-index: 1;
}

.low10{
	margin-bottom:10px;}

.fuwafuwa {
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}


 .box {
	     width: 59px;
	     height: 180px;
	    background:url(../img/1.png);
	     transition: 1s;
	 }

	 .box.hover:hover {
	     width: 310px;
	     background:url(../img/1.png);
	 }

 .box a {
  display: block;
  width: 100%;
  height: 180px;
 }


.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}

.mtm5 {margin-top: -5px !important;}
.mtm10 {margin-top: -10px !important;}
.mtm15 {margin-top: -15px !important;}
.mtm20 {margin-top: -20px !important;}
.mtm25 {margin-top: -25px !important;}
.mtm30 {margin-top: -30px !important;}
.mtm35 {margin-top: -35px !important;}
.mtm40 {margin-top: -40px !important;}
.mtm45 {margin-top: -45px !important;}
.mtm50 {margin-top: -50px !important;}
.mtm55 {margin-top: -55px !important;}
.mtm60 {margin-top: -60px !important;}
.mtm65 {margin-top: -65px !important;}
.mtm70 {margin-top: -70px !important;}
.mtm75 {margin-top: -75px !important;}
.mtm80 {margin-top: -80px !important;}
.mtm85 {margin-top: -85px !important;}
.mtm90 {margin-top: -90px !important;}
.mtm95 {margin-top: -95px !important;}
.mtm100 {margin-top: -100px !important;}

.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb65 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}

.mtb0 {margin-top: 0 !important;margin-bottom: 0 !important;}
.mtb5 {margin-top: 5px !important;margin-bottom: 5px !important;}
.mtb10 {margin-top: 10px !important;margin-bottom: 10px !important;}
.mtb15 {margin-top: 15px !important;margin-bottom: 15px !important;}
.mtb20 {margin-top: 20px !important;margin-bottom: 20px !important;}
.mtb25 {margin-top: 25px !important;margin-bottom: 25px !important;}
.mtb30 {margin-top: 30px !important;margin-bottom: 30px !important;}
.mtb35 {margin-top: 35px !important;margin-bottom: 35px !important;}
.mtb40 {margin-top: 40px !important;margin-bottom: 40px !important;}
.mtb45 {margin-top: 45px !important;margin-bottom: 45px !important;}
.mtb50 {margin-top: 50px !important;margin-bottom: 50px !important;}
.mtb55 {margin-top: 55px !important;margin-bottom: 55px !important;}
.mtb60 {margin-top: 60px !important;margin-bottom: 60px !important;}
.mtb65 {margin-top: 65px !important;margin-bottom: 65px !important;}
.mtb70 {margin-top: 70px !important;margin-bottom: 70px !important;}
.mtb75 {margin-top: 75px !important;margin-bottom: 75px !important;}
.mtb80 {margin-top: 80px !important;margin-bottom: 80px !important;}
.mtb85 {margin-top: 85px !important;margin-bottom: 85px !important;}
.mtb90 {margin-top: 90px !important;margin-bottom: 90px !important;}
.mtb95 {margin-top: 95px !important;margin-bottom: 95px !important;}
.mtb100 {margin-top: 100px !important;margin-bottom: 100px !important;}

.mr0 {margin-right: 0 !important;}

.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt65 {padding-top: 65px !important;}
.pt70 {padding-top: 70px !important;}
.pt75 {padding-top: 75px !important;}
.pt80 {padding-top: 80px !important;}
.pt85 {padding-top: 85px !important;}
.pt90 {padding-top: 90px !important;}
.pt95 {padding-top: 95px !important;}
.pt100 {padding-top: 100px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}
.pb55 {padding-bottom: 55px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb65 {padding-bottom: 65px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb75 {padding-bottom: 75px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb85 {padding-bottom: 85px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb95 {padding-bottom: 95px !important;}
.pb100 {padding-bottom: 100px !important;}

.ptb0 {padding-top: 0 !important;padding-bottom: 0 !important;}
.ptb5 {padding-top: 5px !important;padding-bottom: 5px !important;}
.ptb10 {padding-top: 10px !important;padding-bottom: 10px !important;}
.ptb15 {padding-top: 15px !important;padding-bottom: 15px !important;}
.ptb20 {padding-top: 20px !important;padding-bottom: 20px !important;}
.ptb25 {padding-top: 25px !important;padding-bottom: 25px !important;}
.ptb30 {padding-top: 30px !important;padding-bottom: 30px !important;}
.ptb35 {padding-top: 35px !important;padding-bottom: 35px !important;}
.ptb40 {padding-top: 40px !important;padding-bottom: 40px !important;}
.ptb45 {padding-top: 45px !important;padding-bottom: 45px !important;}
.ptb50 {padding-top: 50px !important;padding-bottom: 50px !important;}
.ptb55 {padding-top: 55px !important;padding-bottom: 55px !important;}
.ptb60 {padding-top: 60px !important;padding-bottom: 60px !important;}
.ptb65 {padding-top: 65px !important;padding-bottom: 65px !important;}
.ptb70 {padding-top: 70px !important;padding-bottom: 70px !important;}
.ptb75 {padding-top: 75px !important;padding-bottom: 75px !important;}
.ptb80 {padding-top: 80px !important;padding-bottom: 80px !important;}
.ptb85 {padding-top: 85px !important;padding-bottom: 85px !important;}
.ptb90 {padding-top: 90px !important;padding-bottom: 90px !important;}
.ptb95 {padding-top: 95px !important;padding-bottom: 95px !important;}
.ptb100 {padding-top: 100px !important;padding-bottom: 100px !important;}

.pad10 {padding: 0 10px !important;box-sizing: border-box;}
.pad20 {padding: 0 20px !important;box-sizing: border-box;}
.img100 {display: block;width: 100%;}

#content {
  margin: 40px auto 20px;
  width: 800px;
  padding: 20px;
  background: #fff;
  border: 10px solid #77bec0;
}

.shop_box {
  margin: auto;
  margin-top: 20px;
}

.shop_box ul {
	padding: 0;
}

.ft_att {
  padding: 10px 10px 0;
  font-size: .8rem;
  color: #333;
}

.ft_att ul {
  margin-bottom: 10px;
  padding: 0;
}

.ft_att ul li:before {
  content: "\30FB";
}

.ft_att ul li {
  list-style: none;
  padding-left: 1em;
  text-indent: -1em;
  margin-bottom: .8em;
  font-size: 12px;
}

footer {
  text-align: center;
  line-height: 1.8rem;
  font-size: 12px;
  color: #333;
}

.svg_fg_logo {
  display: block;
  margin: 0 auto 20px;
  width: 40%;
}

.svg_logo {
  width: 100%;
}

.img_top {
  display: block;
  margin: auto;
}

ul.pref > li {
  margin-bottom: 60px;
}

ul.area li {
  color: #fff;
}

ul.pref li h4 {
  margin-bottom: 20px;
  line-height: 2.5em;
  background: #77bec0;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

ul.shop li {
  margin-bottom: 40px;
}

ul.shop li h5 {
  position: relative;
  margin-bottom: 20px;
  padding-left: 30px;
  border-bottom: 1px solid #26b0b3;
  line-height: 2em;
  font-weight: bold;
  font-size: 20px;
  color: #444;
}

ul.shop li h5:before {
  position: absolute;
  display: block;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 50%; left: 5px;
  width: 12px; height: 12px;
  margin-top: -7px;
  border-bottom: 3px solid #26b0b3;
  border-right: 3px solid #26b0b3;
  content: " ";
}

ul.shop li h5 span {
  position: absolute;
  right: 10px;
  font-weight: bold;
  color: #f4ab8e;
}

ul.shop li h5 span img {
  width: 30px;
  margin-right: 10px;
  padding-top: 5px;
  vertical-align: top;
}

ul.shop li > div {
  position: relative;
  padding: 0 10px;
  font-size: .85rem;
  color: #333;
}

ul.shop li h6 {
  margin-bottom: 5px;
  padding-left: 6px;
  line-height: 1.5em;
  border-left: 4px solid #26b0b3;
  font-size: 15px;
  font-weight: bold;
}

ul.shop li p {
	font-size: 13.6px; 
}

.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
}

.address {
  margin-bottom: 20px;
}

.shop_flex1 {
  width: 330px;
}

.shop_flex1 > div {
  width: 30%;
  -webkit-flex: 1;
  flex: 1;
}

.shop_flex1 p {
  margin-bottom: 10px;
  line-height: 1.5em;
}

.shop_flex2 {
  position: absolute;
  top: 0; right: 10px;
  margin-bottom: 10px;
  width: 180px;
}

.shop_flex2 > div {
  width: 50%;
  -webkit-flex: 1;
  flex: 1;
  margin-right: 20px;
  text-align: center;
  font-size: .75rem;
}

.shop_flex2 > div:last-child {
  margin-right: 0;
}

.shop_flex2 > div a {
  text-decoration: none;
  font-size: 12px;
  color: #000;
}

.shop_flex2 > div a img {
  display: block;
  margin-bottom: 5px;
  width: 100%;
}

.area_map {
  background:#fff;
  width: 100%;
  margin: auto;
  position: relative;
}

.area_map img.z {
  width: 100%;
  opacity: 0;
}

.area_img img {
  position: absolute;
  transition: .3s;
}

.area_img .svg_other {top:47.8%;left:24.8%;width:52.473%;}
.area_img .svg_hokkaido {top:14%;left:77.8%;width:19.032%;}
.area_img .svg_touhoku {top:32.1%;left:77.8%;width:16.022%;}
.area_img .svg_kanto {top:53.22%;left:71.2%;width:22.688%;}
.area_img .svg_chubu {top:53.22%;left:57.85%;width:19.355%;}
.area_img .svg_kinki {top:58.3%;left:44.6%;width:19.355%;}
.area_img .svg_kyushu {top:62.8%;left:3.3%;width:19.355%;}
.area_img .svg_okinawa {top:80.5%;left:3.3%;width:6.129%;}

.area_img img.sel {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%) scale(3);
  transform: translate(-50%,-50%) scale(3);
}

.area_img img.del {
  opacity: 0;
  -webkit-transform: translatey(50px);
  transform: translatey(50px);
}

.area_cap a {
  position: absolute;
  display: block;
  width: 10em;
  padding: 1.5%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  cursor: pointer;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  transition: .3s;
}

.area_cap.del a {
  opacity: 0;
  -webkit-transform: translatey(50px);
  transform: translatey(50px);
}

.area_p {position: absolute;top: 5%;width: 100%;text-align: center;font-size: 16px;transition: .3s;color: #333;}
.area_cap .svg_hokkaido {top:21.5%;left:87.5%;text-shadow: 1px 1px 2px #1765b1, -1px 1px 2px #1765b1, 1px -1px 2px #1765b1, -1px -1px 2px #1765b1;}
.area_cap .svg_touhoku {top:42%;left:86%;text-shadow: 1px 1px 2px #6dbad6, -1px 1px 2px #6dbad6, 1px -1px 2px #6dbad6, -1px -1px 2px #6dbad6;}
.area_cap .svg_kanto {top:63%;left:82.5%;text-shadow: 1px 1px 2px #75ac2c, -1px 1px 2px #75ac2c, 1px -1px 2px #75ac2c, -1px -1px 2px #75ac2c;}
.area_cap .svg_chubu {top:68%;left:68%;text-shadow: 1px 1px 2px #e782b1, -1px 1px 2px #e782b1, 1px -1px 2px #e782b1, -1px -1px 2px #e782b1;}
.area_cap .svg_kinki {top:63.5%;left:51.5%;text-shadow: 1px 1px 2px #f1891c, -1px 1px 2px #f1891c, 1px -1px 2px #f1891c, -1px -1px 2px #f1891c;}
.area_cap .svg_kyushu {top:70.5%;left:13%;text-shadow: 1px 1px 2px #e5514d, -1px 1px 2px #e5514d, 1px -1px 2px #e5514d, -1px -1px 2px #e5514d;}
.area_cap .svg_okinawa {top:82.85%;left:9.5%;text-shadow: 1px 1px 2px #e31812, -1px 1px 2px #e31812, 1px -1px 2px #e31812, -1px -1px 2px #e31812;}

.pref_cap div {
  display: none;
}

.pref_cap div.sel {
  display: block;
}

.pref_cap div a {
  position: absolute;
  display: block;
  width: 8em;
  padding: 1.5%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font-size: 1.25em;
  font-weight: bold;
  color: #fff;
  transition: .3s;
}

.pref_cap .svg_hokkaido a {text-shadow: 1px 1px 0 #1765b1, -1px 1px 0 #1765b1, 1px -1px 0 #1765b1, -1px -1px 0 #1765b1;}
.pref_cap .svg_touhoku a {text-shadow: 1px 1px 0 #6dbad6, -1px 1px 0 #6dbad6, 1px -1px 0 #6dbad6, -1px -1px 0 #6dbad6;}
.pref_cap .svg_kanto a {text-shadow: 1px 1px 0 #75ac2c, -1px 1px 0 #75ac2c, 1px -1px 0 #75ac2c, -1px -1px 0 #75ac2c;}
.pref_cap .svg_chubu a {text-shadow: 1px 1px 0 #e782b1, -1px 1px 0 #e782b1, 1px -1px 0 #e782b1, -1px -1px 0 #e782b1;}
.pref_cap .svg_kinki a {text-shadow: 1px 1px 0 #f1891c, -1px 1px 0 #f1891c, 1px -1px 0 #f1891c, -1px -1px 0 #f1891c;}
.pref_cap .svg_kyushu a {text-shadow: 1px 1px 0 #e5514d, -1px 1px 0 #e5514d, 1px -1px 0 #e5514d, -1px -1px 0 #e5514d;}
.pref_cap .svg_okinawa a {text-shadow: 1px 1px 0 #e31812, -1px 1px 0 #e31812, 1px -1px 0 #e31812, -1px -1px 0 #e31812;}

.pref_cap .pref1 {top:50%;left:50%;}
.pref_cap .pref6 {top:58%;left:41%;}
.pref_cap .pref4 {top:58%;left:65.5%;}
.pref_cap .pref7 {top:73%;left:51%;}
.pref_cap .pref13 {top:57.5%;left:51%;}
.pref_cap .pref14 {top:73%;left:51%;}
.pref_cap .pref11 {top:42%;left:51%;}
.pref_cap .pref8 {top:42%;left:75.5%;}
.pref_cap .pref9 {top:26%;left:75.5%;}
.pref_cap .pref10 {top:26%;left:51%;}
.pref_cap .pref17 {top:34%;left:25%;}
.pref_cap .pref23 {top:57.5%;left:50%;}
.pref_cap .pref21 {top:57.5%;left:31%;}
.pref_cap .pref22 {top:73%;left:70.5%;}
.pref_cap .pref27 {top:50%;left:31%;}
.pref_cap .pref28 {top:35%;left:31%;}
.pref_cap .pref29 {top:50%;left:50.3%;}
.pref_cap .pref40 {top:35%;left:50%;}
.pref_cap .pref42 {top:50%;left:30%;}
.pref_cap .pref41 {top:35%;left:30%;}
.pref_cap .pref46 {top:66%;left:41%;}
.pref_cap .pref47 {top:50%;left:50%;}

.back {
  display: none;
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 1em;
}