
* {
	margin: 0;
	padding: 0;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

html,body {
	height: 100%;
}
body {
	font-size: 1.5vw;
	-webkit-text-size-adjust: 100%;
	color: #000;
	background: #f2ede6;
font-family: "Noto Sans Japanese";
}
a{
	text-decoration: none;
}
h1{
	font-size:18px;
	color: #000;
}

/* メニュー */
#global-head {
	position: fixed;
	color: #000;
	width: 200px;
	text-align: center;
	padding-top: 40px;
	z-index: 151;
	font-size: 20px;

}
#global-head img{
	width: 100%;
	max-width:50px;
	height: 100%;
}
#sidebar {
	font-size: 15px;
	padding-top: 120px;
	width: 200px;
	height: 100%;
	position: fixed;
	color: #000;
	background: #fff;
	text-align: center;
	z-index: 150;

}

#global-nav ul {
	list-style: none;
	margin-left: 0;
}
#global-nav > ul > li {
	position: relative;
}

#global-nav a {
	color: #000;
	text-decoration: none;
	display: block;
	padding: 5px 0 5px;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
	font-size: 11px;
	font-weight: bold;
	border-top: 1px dotted #000;
}
#global-nav ul li a span{
	font-size: 10px;
	margin-top: -5px;
	font-weight: lighter;
}
#global-nav .sub-menu.is-active > a,
#global-nav a:hover {
	color: #fff;
	background: #87180b;
}

#global-nav .sub-menu-nav a,
#global-nav .sub-menu:hover .sub-menu-nav {
	width: 230px;
}

/* sub-menu icon */
#global-nav .sub-menu-head {
	position: relative;
}
#global-nav .sub-menu-head:after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18px;
	margin: auto;
	vertical-align: middle;
	width: 8px;
	height: 8px;
	border-top: 1px solid #006934;
	border-right: 1px solid #006934;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


/* sub-menu */
#global-nav .sub-menu-nav {
	position: fixed;
	background: #006934;
	color: #fff;
	top: 0;
	padding-top: 90px;
	left: 200px;
	width: 0;
	height: 100%;
	overflow: hidden;

	-moz-transition: width .2s ease-out;
	-webkit-transition: width .2s ease-out;
	transition: width .2s ease-out;
}
#global-nav .sub-menu.is-active > a:after,
#global-nav .sub-menu-head:hover:after {
	border-color: #fff;
}
#global-nav .sub-menu-nav a {
	color: #fff;
}
#global-nav .sub-menu-nav a:hover {
	color: #006934;
	background: #fff;
}


/* nav-toggle */
#nav-toggle {
	display: none;
	position: fixed;
	top: 15px;
	right: 15px;
	height: 32px;
}
#nav-toggle > div {
	position: relative;
	width: 32px;
}
#nav-toggle span {
	width: 100%;
	height: 2px;
	left: 0;
	display: block;
	background: #000;
	position: absolute;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 11px;
}
#nav-toggle span:nth-child(3) {
	top: 22px;
}
.menu-sakura{
	background: #f0bed7;
}
/*----------------------------------------------------------*/
#main {
	width: 100%;
	padding-left: 200px;
	background: #f2ede6;
}
.swiper-container {
	width: 100%;
}
.swiper-wrapper{
	width: 100%;

}
.swiper-slide{
	width: 100%;
}
.swiper-slide img{
	width: 100%;
	z-index: 1;
}
.swiper-button-prev{
}
.swiper-pagination{

}
/*------------------------------------------------------*/
#preview{
	position: absolute;
	display: none;
}
#preview img{
	max-width: 250px;
	width: 100%;
}
.remodal{
}
.remodal p{
	font-size: 15px;
	width: 100%;
	max-width: 250px;
	text-align: center;
	margin: 5px auto;
}
.design-name{
	color: #000;/*文字色*/
	padding: 0.5em 0;/*上下の余白*/
	border-top: solid 3px #000;/*上線*/
	border-bottom: solid 3px #000;/*下線*/
	background: #fff;
	font-weight: bold;
}
.map-en{
	font-size: 12px;
	font-weight: lighter;
}
.tachiyori{
	font-weight: bold;
	color: #1b449a;/*文字色*/
}
.remodal p img{
	width: 100%;
	max-width: 250px;
	height: 100%;
	padding:2px;
	border:1px solid #ccc;
    background:#fff;
    box-shadow: 1px 1px 5px rgba(20,20,20,0.2);/* ドロップシャドウ 【横位置 縦位置 ぼかし幅 色】の順に記述 */
}
.remodal a{
	font-weight: normal;
	font-size: 15px;
	display: inline-block;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #ca1818;/*ボタン色*/
	color: #fff;
	border-bottom: solid 4px #9f0000;
	border-radius: 3px;
}
.remodal a:active {
	-ms-transform: translateY(4px);
	    -webkit-transform: translateY(4px);
	    transform: translateY(4px);/*下に動く*/
	    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
	    border-bottom: none;
}

/*--------------------------------------------------------------*/
.loopslider{
	width: 100%;
}
.loop a{
	width: 100%;
	max-width: 500px;
	height: auto;
}
.loop a img{
	width: 100%;
	max-width: 500px;
	height: auto;
	-webkit-filter: grayscale(0) blur(0);
 filter: grayscale(0) blur(0);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}
.loop a img:hover{
	-webkit-filter: sepia(100%);
  filter: sepia(100%);
}

/*-------------------------------------------------------------*/
.box4{
	width: 100%;
	max-width: 1200px;
	margin: 200px auto 100px;
/*	background-image:url("../img/bg.jpg");
	background-size:cover;*/
}
.box4 h2{
	font-size: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.his-txt{
	background: rgba(255,255,255,0.9);;
	font-size: 18px;
	padding: 30px;
	margin: 20px;
	line-height: 2.5em;
}
.box4-mini{
	max-width: 1160px;
	padding: 30px;
	margin: 20px;
	background: rgba(255,255,255,0.9);;

}
.box4-mini h3{
	font-size: 25px;
}
.asa-txt{
	text-align: center;
	line-height: 2em;
	font-size: 18px;

}
.asa-img{
	width: 100%;
	max-width: 800px;
	display: flex;
	justify-content: space-around;
	margin: 20px auto;
}
.asa-txt .asa-img img{
	width: 100%;
	height: 100%;
	max-width: 200px;
	margin:5px;
	box-shadow:2px 2px 2px 2px rgba(0,0,0,0.4);
}
.asaichi{
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
}

.asaichi a {
	font-size: 15px;
	position: relative;
	display: inline-block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: #FFF;
	background: #b22d2d;/*背景色*/
	border-bottom: solid 2px #9e1111;/*少し濃い目の色に*/
	border-radius: 4px;/*角の丸み*/
	box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
	font-weight: bold;
}
.asaichi a:active {
	border-bottom: solid 2px #b22d2d;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
.asaichi h4{
	font-size: 18px;
}
.a-mini p{
	margin-top: 10px;
}
/*--------------------------------------------------------------*/
.boxet{
	text-align: center;
	padding-bottom: 5%;
	padding-top: 5%;
	font-size: 1.5vw;
	margin: 20px;
}
.boxet-1{
	width: 100%;
	max-width: 1200px;
		display: flex;
	justify-content: center;
margin: 0 auto;
}
.boxet-1 img{
	width: 100%;
	height: 100%;
	max-width: 1000px;
}

#overlay {
	display: none;
	position: fixed;
	background: rgba(0,0,0,.6);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
/*-------------------------------------------------------------*/
.fb-container {
	width: 100%;
	max-width:360px;
	margin: 10px;
}
.f_link{
width:100%;
display: flex;
justify-content: center;
}
.f_link img{
width: 100%;
max-width:400px;
margin: 0 auto;
}
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}
/*-------------------------------------------------------------*/

.box2{
	width: 100%;
	max-width: 1030px;
	height: 450px;
	display: flex;
	justify-content: space-around;
	margin: 150px auto;
}
/*
#fb-asaichi{
	padding-left: 120px;
}

#events{
	width: 100%;
	height: 100%;
	max-width: 400px;
	max-height: 220px;
	text-align: center;
	margin: 10px;
}
.e-name{
	color: #fff;
	font-size: 15px;
	background: #002e73;
	padding:10px;
}
.e-img{
}
.e-img a img{
	width: 100%;
	height: 100%;

}
*/
#events{
	width: 360px;
	height: 200px;
	text-align: center;
	margin: 10px;
}
#events a img{
	border:2px solid #705643;
}
.n-name{
	color: #fff;
	font-size: 15px;
	background: #8a8000;
	padding:10px;

}
.n-list{
	width: 360px;
	height: 185px;
	text-align: left;
	font-size: 15px;
	overflow-y: scroll;
	background: #fff;
}
.n-list ul li{
	margin: 10px 5px;
	border-bottom: dotted 1px;
}

/*-------------------------------------------------------------*/
li {
	list-style: none;
}
.box3{
	width: 100%;
}
.box3-mini{
	width: 100%;
	display: flex;
  flex-flow: row wrap;
  justify-content:flex-start;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}


#shop-list{
	width: 100%;
	background: #7d0000;
	color: #fff;
	text-align: center;
	padding:10px 10px 10px 10px;
}
#shop-list h2{
	font-size: 30px;
}
.sort-box{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: #f5efcd;
	margin-top: 0px;
	padding: 10px 0px;
}
.note{
	text-align: center;
	margin: 30px 0 20px;
	font-size: 20px;
}
.search-box{
	width: 100%;
	max-width: 600px;
	margin: 20px auto;
	display: flex;
  flex-flow: row wrap;
	justify-content: center;
}
.label-checkbox input[type="checkbox"]{
  display: none;
}
.label-checkbox{
  cursor: pointer;
  position: relative;
	margin: 10px;
}
.label-checkbox .lever{
  display: block;
	font-size: 15px;
  color: #000;
	background: #fff;
	line-height: 1em;
  font-weight: normal;
  display: inline-block;
	width: 150px;
	height: 48px;
  padding: 10px 35px;
  border: 1px solid #e5e5e5;
	text-align: center;
  border-radius:20px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox .lever:before{
  content:'';
  position: absolute;
  left: 4px;
  top:20%;
  border: 1px solid #e5e5e5;
  background: #fff;
  width: 30px;
  height: 30px;
  border-radius:100%;
  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
  transition: all 300ms cubic-bezier(1, 0, 0, 1);
  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.label-checkbox:hover .lever:before{
   border-color: #ddd;
}
.label-checkbox input[type="checkbox"]:checked + .l-all{
   background: #00479d;
	 border-color:#00479d;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .l-spa{
   background: #eb6ea5;
	 border-color:#eb6ea5;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .l-inn{
   background: #b963a3;
	 border-color:#b963a3;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .l-shop{
   background: #edb854;
	 border-color:#edb854;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .l-eat{
   background: #ec6941;
	 border-color:#ec6941;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .l-medical{
   background: #00a0e9;
	 border-color:#00a0e9;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .l-photo{
   background: #35b597;
	 border-color:#35b597;
   color: #fff;
}
.label-checkbox input[type="checkbox"]:checked + .lever:before{
   left: 100%;
   margin-left: -44px;
   border-color: #fff;
}
.btn-en{
font-size:0.7em;
}
.list {
	padding-left: 0;
	overflow: hidden;
	display: flex;
  flex-flow: row wrap;
	justify-content: space-between;
	margin: 0 20px;
}
.list li{
	height: auto;
	font-size: 14px;
 text-align: left;
 margin: 50px 20px 10px;
}
.grid3{
}
.kara{
	width: 270px;
	margin: 50px 10px 10px;
}
.grid4{
	max-width: 250px;
	height: auto;
	display:block;
	background: #fff;
	box-shadow: 0px 0px 10px #787672;
}
.grid4-top{
	position: relative;
}
.category{
	color: #fff;
	font-size: 15px;
	border-radius: 5px;
	text-align: center;
	padding: 5px 10px 5px 0px;
	z-index: 100;
	position: absolute;
	top: 5px;
	left: 5px;
}

.list li {
width:100%;
	max-width: 250px;
}
.c-img img{
	width: 250px;
	height: auto;
}
.c-img a img{
	-webkit-filter: grayscale(0) blur(0);
   filter: grayscale(0) blur(0);
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out;
 }
 .c-img a img:hover{
	 -webkit-filter: sepia(100%);
   filter: sepia(100%);
 }

.img-ex{
	color: #fff;
	font-size: 12px;
	padding: 5px 0;
	text-align: center;
	margin-top: -5px;
}
.mb-style{
	margin-bottom: 24px;
}
.jp{
	padding: 10px;
	font-size: 12px;
	line-height: 24px;
	/*height: 290px;*/
}
.jp h3{
	font-size: 13px;
	margin-left: -5px;
}
.jp h4{
	border-top: 1px dotted #000;
	font-weight: normal;
	font-size: 12px;
}
.jp p{
	border-top: 1px dotted #000;
	margin: 5px 0;
	padding-top: 5px;
	font-size: 12px;
}
.jp p a{
	display: inline-block;
	transition: all .3s;
	color:#ec6d81;
	border-bottom: 1px solid #ec6d81;
	font-style: bold;
}
.jp p a:hover{
	color: #fff;
	background-color: #ec6d81;
}
.en{
	padding: 10px;
	font-size: 12px;
	line-height: 20px;
	/*height: 270px;*/
	border-top: 1px dotted #000;
	background: #f3f3f3;
}
.en h3{
	font-size: 12px;
}
.en h4{
	font-weight: normal;
}
.more{
	color: #fff;
}
.mbtn{
	color: #fff;
	font-size: 12px;
	padding: 5px 0 10px;
	text-align: center;
	margin-top: -5px;
	padding-left: 12px;
}
.mbtn:hover{
	background: #91b5fb;
}
.sankaku{
	float:right;
	margin-right:10px;
}
.fluffy {
  animation: fluffy1 3s ease infinite;
}

@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-15px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-15px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
/*-----------------ジャンルごとの色の設定---------------------------*/
.all-btn img{
	border-bottom: solid 4px #00397e;/*少し濃い目の色に*/
}
.inn-btn img{
	border-bottom: solid 4px #ad478e;/*少し濃い目の色に*/
}
.shop-btn img{
	border-bottom: solid 4px #e5b14f;/*少し濃い目の色に*/
}
.eat-btn img{
	border-bottom: solid 4px #d25d39;/*少し濃い目の色に*/
}
.medical-btn img{
	border-bottom: solid 4px #018ccb;/*少し濃い目の色に*/
}
.photo-btn img{
	border-bottom: solid 4px #2c9980;/*少し濃い目の色に*/
}
.c-spa{
	background: #eb6ea5;
}
.c-inn{
	background: #b963a3;
}
.c-shop{
	background: #f9c158;
}
.c-eat{
	background: #ec6941;
}
.c-medical{
	background: #00a0e9;
}
.c-photo{
	background: #35b597;
}
/*-----------------------------------------------------------------*/
.is-hide {
    display: none;
}
/*
 * 空の子パネル
 * padding, margin の左右も 0 に指定してしまうと、
 * 最後の行のレイアウトが崩れるので注意。
 */
.cell.is-empty {
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
}


/*-------------------------------------------------------------*/
.box5{
	width: 100%;
	max-width: 1200px;
	margin: 20px auto;
}
.box5 h2{
	text-align: center;
	font-size: 30px;
	margin-bottom: 50px;
}
.box5 h3,.box5 h4,.box5 h5,.box5 h6{
	font-size: 20px;
	margin-top:30px;
}
.box5 p{
	font-size: 20px;
	margin: 20px;
}
.map{
	position: relative;
	display: inline-block;
	font-weight: bold;
	padding: 0.1em 0.5em;
	text-decoration: none;
	color: #91b5fb;
	background: #fff;
	border-radius: 0 15px 15px 0;
	transition: .4s;
	margin-left: 10px;
}
.map:hover{
	background: #91b5fb;
	color: #fff;
}
/*-------------------------------------------------------------*/
.box6{
	width: 100%;
	margin-top: 100px;
}
.box6 h2{
	width: 100%;
	background: #00479d;
	color: #fff;
	font-size: 30px;
	text-align: center;
	padding:10px 10px 10px 10px;
}
.box6-mini{
	width: 100%;
	max-width: 1200px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
	font-size: 1vw;
}
.box6-mini a{
	width: 100%;
	max-width: 250px;
	position: relative;
	margin: 10px;
}
.box6-mini a img{
	width: 100%;
	max-width: 250px;
	height: 100%;
	max-height: 250px;
}
.none{
	width: 100%;
	max-width: 250px;
	height: 100%;
	max-height: 250px;
}
.box6-mini a h3
{
	width: 100%;
	color: #fff;
	text-shadow:2px 2px 3px #212121;
	font-size: 1.5em;
	text-align: center;
	z-index: 100;
	position: absolute;
	top: 45%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: auto;
}
.box6-mini a p
{
	width: 100%;
	color: #fff;
	text-shadow:2px 2px 3px #212121;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	z-index: 100;
	position: absolute;
	top: 80%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: auto;
}
.box6-mini a img{
	-webkit-filter: grayscale(0) blur(0);
   filter: grayscale(0) blur(0);
   -webkit-transition: .3s ease-in-out;
   transition: .3s ease-in-out;
 }
.box6-mini a img:hover{
	 -webkit-filter: sepia(100%);
   filter: sepia(100%);
 }

/*-------------------------------------------------------------*/
.box7{
	width: 100%;
	margin-top: 100px;
}
.box7 h2{
	width: 100%;
	background: #b7aa00;
	color: #fff;
	font-size: 30px;
	text-align: center;
	padding:10px 10px 10px 10px;
}

.m-content{
	width: 100%;
	margin-top: 100px;
	max-width: 550px;
	display: block;
	justify-content: center;
	margin: 50px auto;
}
.m-content a img{
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(0) blur(0);
	 filter: grayscale(0) blur(0);
	 -webkit-transition: .3s ease-in-out;
	 transition: .3s ease-in-out;
}

.m-content a img:hover{
	 -webkit-filter: sepia(100%);
   filter: sepia(100%);
 }
/*
.y-title{
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin: 10px;
}
.y-title img{
	width: 100%;
	max-width: 70px;
	height: 100%;
}
.y-title h3{
	font-size: 30px;
	margin-left: 20px;
	text-shadow: 2px 2px #fff;
	color: #0088ff;
	font-weight: bold;
}
.y-title h3 span{
	font-size: 25px;
	margin-right: 20px;
	color: #ffa300;
}
.iroha-link{
	width: 100%;
	background: #bd1d62;
}
.iroha-link a{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
}
.iroha-link a img{
	width: 100%;
	max-width: 50px;
	height: 100%;
	margin-right: 20px;
	padding: 5px;
}
*/
/*-------------------------------------------------------------*/

#page-top {
  z-index: 9998;
    position: fixed;
    bottom: 10px;
    right: 10px;
    font-size: 77%;
		font-weight: bolder;
		color: #fff;
		text-shadow:
		  0 0  4px #fff,
		  0 0  8px #fff,
		  0 0 12px #fff,
		  0 0 18px #ff00de,
		  0 0 22px #ff00de,
		  0 0 28px #ff00de,
		  0 0 36px #ff00de;
}
#page-top img{
	width: 100px;
	-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#page-top:hover img {
  width: 120px;
}
#page-top a {
    text-decoration: none;
    text-align: center;
    display: block;
    border-radius: 5px;
}


/*--------------------------------------------------------------*/
footer{
	color: #fff;
	font-size: 10px;
	background: #7d0000;
	text-align: center;
}
.pankuzu{
max-width:100%;
}
.p-top{
	padding:10px 0px 0px 10px;
}
.p-bottom{
	padding:0px 0px 0px 10px;

}
.breadcrumb {
max-width: 940px;
  margin-left:0;
  padding-left:0;
margin:0px auto 10px;

}

.breadcrumb li {
  display:inline;/*讓ｪ縺ｫ荳ｦ縺ｶ繧医≧縺ｫ*/
  list-style: none;
  font-weight: bold;/*螟ｪ蟄?*/
  color: #fff;
font-size:12px;

}

.breadcrumb li::after {
  /* >繧定｡ｨ遉ｺ*/
  content: '>';
  padding: 0 3px;
  color: #fff;
}

.breadcrumb li:last-child::after {
  content: '';
}

.breadcrumb li a {
  text-decoration: none;
  color: #fae6a1;

}

.breadcrumb li a i {
padding-right:5px;
}

.breadcrumb li a:hover {
  color: #ffffff;
}

@media screen and (max-width: 1050px) {



}
@media screen and (max-width: 900px) {


	 #global-head {
			 width: 100%;
			 height: 55px;
			 padding: 10px;
			 background: rgba(255,255,255,1);
			 display: flex;
			 align-items: center;
	 }
	 #global-head img{
		 width: 50px;
		 height: 50px;
}
	 #sidebar {
			 position: fixed;
			 right: -300px;
			 top: 0;
			 height: 100%;
			 width: 300px;
			 color: #333;
			 background: #fff;
			 transition: .35s ease-in-out;
			 padding-top: 50px;
			 overflow-y: scroll;
	 }
#sidebar ul li a{
	font: 12px;
}
#sidebar ul li a span{
	font: 10px;
}

	 /* サブメニューは開けない */
	 #global-nav .sub-menu-head:after,
	 #global-nav .sub-menu-nav {
			 display: none;
	 }
	 #nav-toggle {
			 display: block;
	 }

	 /* nav open */
	 .open {
			 overflow: hidden;
	 }
	 .open #overlay {
			 display: block;
	 }
	 .open #sidebar  {
			 transform: translate3d(-300px,0,0);
	 }

	 /* #nav-toggle close */
	 .open #nav-toggle span:nth-child(1) {
			 top: 11px;
			 transform: rotate(45deg);
	 }
	 .open #nav-toggle span:nth-child(2) {
			 width: 0;
			 left: 50%;
	 }
	 .open #nav-toggle span:nth-child(3) {
			 top: 11px;
			 transform: rotate(-45deg);
	 }

	 /* z-index */
	 #overlay {
			 z-index: 200;
	 }
	 #sidebar {
			 z-index: 300;
	 }
	 #nav-toggle {
			 z-index: 400;
	 }
	/*---------------------------------------------------------------*/
	#main {
			padding-left: 0;
	}
	#top{
		padding-top:55px;
	}
	.swiper-button-next,.swiper-button-prev{
		display: none;
	}
	/*---------------------------------------------------------------*/

	.boxet{
		text-align: center;
		padding-bottom: 5%;
		padding-top: 5%;
		font-size: 1.5vw;
		margin: 20px 0;
	}
	.boxet-1{
		width: 100%;
		max-width: none;
			display: flex;
		justify-content: center;
	margin: 0 auto;
	}
	.boxet-1 img{
		width: 100%;
		height: 100%;
		max-width: none;
	}
	/*---------------------------------------------------------------*/
	.box2{
		width: 100%;
		margin: auto;
		padding: 0 0 0px;
		min-height: 500px
	}
	.fb-container {
	}
	/*-------------------------------------------------------------*/
	#shop-list h2{
		font-size: 20px;
	}
	.note{
		font-size: 12px;
	}
	.search-box{
		margin: 0px auto;
		max-width: 450px;
	}
	.label-checkbox{
		width:135px;
		height: 35px;
		margin: 10px 0 0 15px;
	}
	.label-checkbox .lever{
	  display: block;
		font-size: 10px;
	  color: #000;
		background: #fff;

	  font-weight: normal;
	  display: inline-block;
		width: 120px;
		height: 40px;
	  padding: 10px 10px 10px 10px;
	  border: 1px solid #e5e5e5;
	  border-radius:20px;
	  margin-right: 0px;
	  margin-bottom: 10px;
	  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	  transition: all 300ms cubic-bezier(1, 0, 0, 1);
	  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	  transition-timing-function: cubic-bezier(1, 0, 0, 1);
	}
	.label-checkbox .lever:before{
	  content:'';
	  position: absolute;
	  left: 4px;
	  top:20%;
	  border: 1px solid #e5e5e5;
	  background: #fff;
	  width: 25px;
	  height: 25px;
	  border-radius:100%;
	  -webkit-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	  -moz-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	  -o-transition: all 300ms cubic-bezier(1, 0, 0, 1);
	  transition: all 300ms cubic-bezier(1, 0, 0, 1);
	  -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	  -moz-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	  -o-transition-timing-function: cubic-bezier(1, 0, 0, 1);
	  transition-timing-function: cubic-bezier(1, 0, 0, 1);
	}
	.grid3{
		margin: 10px auto;
	}
.label-checkbox .lever{
	font-size: 11px;
}
	/*----------------------------------------------------------*/
	.box4{
		margin-top: 50px;
	}
	.box4 h2{
		font-size: 20px;
	}
	.box4-mini{
width: 100%;
margin: 0px;
margin-top: 30px;
	}
	.his-txt{
		width: 100%;
		padding: 15px;
		margin: 0;
	}
	.his-txt p{
		font-size: 15px;
		line-height: 30px;
	}
	.asaichi{
		width: 100%;
		margin: 10px auto;
	}
	.asaichi a h3{
		font-size: 15px;
	}
	.a-mini{
		font-size: 15px;
	}
	.a-mini h3{
		font-size: 20px;
	}
.asa-txt .asa-img img{
		max-width: 150px;
	}
	/*----------------------------------------------------------*/
	.box5 h2{
		font-size: 20px;
	}
	.box5 h3,.box5 h4,.box5 h6{
		font-size: 15px;
	}
	.box5 p{
		font-size: 15px;
	}
	/*------------------------------------------------------------*/
	.box6 h2{
		font-size: 20px;
	}
	.box6-mini a{
		margin: 2px;
		font-size: 1.5vw;
	}
	.box6-mini a h3
	{
		width: 100%;
		color: #fff;
		text-shadow:2px 2px 3px #212121;
		font-size: 1.5em;
		text-align: center;
		z-index: 100;
		position: absolute;
		top: 35%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin: auto;
	}
	.box6-mini a p
	{
		width: 100%;
		color: #fff;
		text-shadow:2px 2px 3px #212121;
		font-size: 1.5em;
		text-align: center;
		font-weight: bold;
		z-index: 100;
		position: absolute;
		top: 60%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		-moz-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		-o-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
		margin: auto;
	}
.box7 h2{
	font-size: 20px;
}
#page-top {
    bottom: 12px;
    right: 2px;
}
#page-top img{
	width: 70px;
	-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
#page-top:hover img {
  width: 90px;
}
}
@media screen and (max-width: 730px) {
	.box2{
		display: flex;
		flex-direction: column;
		min-height: 980px;
		justify-content: flex-start;
		align-items: center;
	   max-width: 320px;
	}
		#events {
	   max-width: 320px;
		 height:auto;
	}
	.n-list{
		width:320px;
	}
}
@media screen and (max-width: 620px) {
	#events {
    margin:0px auto 20px;
}
	.list{
		width: 100%;
		display: block;
flex-flow: none;
justify-content:center;
margin: 0;
	}
	.grid3{
		width: 100%;
		display: flex;
		justify-content: center;
		text-align: center;
	}
	.list li {
    width:85%;
    max-width: 400px;
}
.grid4{
	max-width: 100%;
}
.c-img img {
    width: 100%;
    height: auto;
}
}
@media screen and (max-width: 500px) {
	.box6-mini a h3	{
		font-size: 2em;
	}
	.box6-mini a p{
		font-size: 2em;

	}
	.asa-txt{
		margin: 10px 0px;
	}
		.asa-txt .asa-img{
			margin: 20px 0px;
		}
	.asa-txt .asa-img img{
			max-width: 100px;
		}
.breadcrumb {
text-align:left;
}
}
@media screen and (max-width: 350px) {
	.asaichi a h4{
		font-size: 14px;
	}

}
