@charset "utf-8";

html {
	font-size: 62.5%;
}

a:hover img {
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}

.clearfix:after {
	content: "";
	display:block;
	clear:both;
	height: 0;
  	visibility: hidden;
  }

.clearfix {
  min-height: 1px;
}
 
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.tel {
	color:#000;
	pointer-events: none;
	cursor:default;
}

/*php読み込みの空白除去*/
.defs{
  display: none;
}

body {
	font-family: 'Helvetica Neue', sans-serif, "游ゴシック体","Yu Gothic",YuGothic,"Yu Gothic","メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, sans-serif;
	font-size: 14px;
	font-size:1.4rem;
	letter-spacing: 0.02em;
	height: 100%;
	overflow-x: hidden;
}

a {
	color:#000;
}

a:hover {
	color:#ccc;
}

img {
	width:100%;
}

#sb-site {
	background-color: #fff;
}


/* header */

#pc-head {
	display: none;
}

#top-head svg {
	width:96px;
	height:20px;
	top:30px;
	left:15px;
	position: absolute;
}

#global-nav a {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.24em;
}





#slider {
	width:100vw;
	position: relative;
	z-index: 1;
	margin-top: 56px;
	margin-bottom: 30px;
	overflow: hidden;
}

#slider ul.bxslider li{
	width: 100%;
	overflow: hidden;
}
	
	#slider ul.bxslider li video{
		width: 170%;
		height: auto;
		margin-left: -35vw;
	}
	
	#slider ul.bxslider li span{
		display: block;
		background-repeat: no-repeat;
		background-position: center left -35vw;
		background-size: cover;
		width: 170%;
		height: 0%;
		padding-bottom: 95.2%;
}



/* shop-cate */
#shop-cate {
	letter-spacing: -.4em;
	text-align: center;
}

#shop-cate svg {
	width:110px;
	height:110px;
	margin:0 auto 20px;
}

#shop-cate p {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	letter-spacing: 0.16em;
	margin-bottom:10px;
}

#shop-cate h3 {
	font-size:13px;
	font-size:1.3rem;
}

#cate-01 {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.02em;
	width:50%;
	padding: 50px 0;
	position: relative;
	/*letter-spacing: -.4em;*/
	text-align: center;
}

#cate-02 {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.02em;
	width:50%;
	padding: 50px 0;
	/*letter-spacing: -.4em;*/
	text-align: center;
}

/*#cate-01::after {
	content:'';
	display:block;
	height: 50%;
	border-right:1px solid #ccc;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}*/

/*#cate-01 h2, #cate-02 h2 {
	display: inline-block;
	vertical-align: middle;
	width:40%;
	letter-spacing: 0.02em;
}*/

/*.cate-r {
	display: inline-block;
	vertical-align: middle;
	width:45%;
	letter-spacing: 0.02em;
}*/

#cate-01 svg {
	fill:#005C3F;
}




/* sp-topics */

#sp-topics {
	background-color: #36FF5D;
	padding:40px 0 0;
}

.cont-cate {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.24em;
	font-size: 10px;
	margin:0 0 30px 5%;
}

.cont-cate h1 {
	display: inline-block;
	vertical-align: middle;
}

#sp-icon {
	box-sizing: border-box;
	width:50px;
	height:50px;
	border:1px solid #000;
	border-radius: 100%;
	text-align: center;
	padding:16px 0 0 4px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

#sp-topics-inner {
	width:90%;
	margin:0 auto 40px;
	padding-bottom: 60px;
}

#sp-topics-inner-l {
	width:95%;
	margin:0 auto 50px;
}

#sp-topics-inner-l h2 {
	font-size:16px;
	font-weight: bold;
	margin-bottom: 26px;
}

#sp-topics-inner-r h2 {
	margin-bottom:46px;
	text-align: center;
}

#sp-topics-inner-r h2 svg {
	width:180px;
	height: 163px;
}

#st-induction {
	cursor: pointer;
	box-sizing:border-box;
	text-align: center;
	width:180px;
	background-color: #000;
	margin:0 auto;
	padding:10px;
	position:relative;
	color:#36FF5D;
}

#st-induction:hover {
	color:#fff;
}
/*#st-induction::after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	right:0;
	left:0;
	margin:41px auto 0;
	width:0;
	height:0;
	border: 10px solid transparent;
	border-right: 10px solid #000;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}*/




/* shop info */
.pc-only{
	display: none;
}

.sp-only a{
	font-size:13px;
}

.shops{
	display: flex;
}

.shop{
	width:500px;
}


#shop-info-inner {
	width:80%;
	margin:0 auto;
 	text-align: left;
}

.shop-info-inner-r {	
	margin-bottom:60px;
	padding-right:0px;
}
.shop-info-inner-r3 {	
	margin-bottom:60px;
	padding-right:0px;
}
.shop-info-inner-r > svg {
	width:218px;
	height:48px;
	margin:15px auto 50px;
	fill:#005C3F;
}

.shop-info-inner-r > a {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 21px;
	font-size:1.5rem;
	font-weight: bold;
	line-height: 2em;
}

.shop-info-inner-r h2 {
	font-size:16px;
	font-size:1.3rem;
	font-weight: bold;
	margin:20px 0 0;
}


.shop-info-inner-r dl {
	margin:0 auto;
	letter-spacing: -.4em;
	line-height: 2em;
	width:100%;
	display:flex;
	flex-wrap:wrap
}

.shop-info-inner-r dl dt {
	width:30%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	letter-spacing: 0.02em;
	font-size:0.9em
}

.shop-info-inner-r dl dd {
/*	width:52%;*/
	display: inline-block;
	vertical-align: top;
	text-align: left;
	letter-spacing: 0.02em;
		font-size: 0.9em;
				width:70%;
}

#shop-sns-wrapper {
	letter-spacing: -.4em;
}

#shop-sns-wrapper a {
	display: inline-block;
	vertical-align: top;
	width:30%;
	margin-right:10%;
	text-align: leftr;
}

#shop-sns-wrapper a:last-child {
	margin-top:-5px;
	margin-right:0;
}

#shop-sns-wrapper a svg {
	width:5em;
	height:34px;
}

#shop-sns-wrapper a:hover svg {
	fill:#ccc;
}

#map-wrapper {
	width:50%;
/*10.19	margin:0 auto;*/
}

.shop-info-inner-l {
	margin-bottom:40px;
	width: 100%;
}

.shop-info-inner-l img{
	height:80%;
}

#map-wrapper {
	text-align: center;
}

#map {
	margin-bottom: 15px;
/*	10.19*/
	width:50%;
	height: 360px;
}

/* 2021.05 plus */
/*10.19
	h1.shopname_logo{
		width: 218px;
		height: 48px;
		margin: 15px auto 10px auto;
	}
	
	h1.shopname_logo img{
		width: 100%;
		height: 100%;

	}
*/
	h1.shopname_logo img{
		width: 218px;
		height: 48px;
		text-align: center;
	}

	em.shopname_area{
		display: block;
		text-align: center;
		letter-spacing: 0.5em;
		text-indent: 0.5em;
		font-style: normal;
		font-weight: bold;
		margin-bottom: 20px;
		font-size: 1.3em;
	}

.shopname_title{
	padding: 40px 0;
	text-align: center;
}

hr.hr{
	margin: 100px 0;
}
.banner2{
width:344px; 
margin-bottom:30px;
		}
.banner{
width:100%; 
margin-bottom:20px;
		}
/* memu */


#menu-image {
	box-sizing: border-box;
	background-image: url(../img/menu/00.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color:#fff;
	height: 332px;
	width:100%;
	margin:0 0 60px 0;
	padding:5%;
}

#menu-inner {
	width:90%;
	margin:0 auto 70px;
	line-height: 1.8em;
}

#menu-inner-l > ul > li {
	border-bottom: 1px solid #000;
	padding-bottom: 60px;
	margin-bottom: 60px;
}

#menu-inner-l li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

#menu-inner-l li h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.18em;
	font-size: 31px;
	color:#065C3F;
	margin-bottom: 16px;
}

#menu-inner-l li h3 {
	color:#065C3F;
	font-size: 18px;
	font-weight:bold;
	letter-spacing: 0.18em;
	margin-bottom: 23px;
}

.price {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 20px;
	font-weight:bold;
	margin-bottom: 28px;
}

#menu-list li {
	line-height: 1.8em;
}

#menu-inner-r {
	letter-spacing: -.4em;
	width:100%;
	display: flex;
    flex-wrap: wrap;
}

#menu-inner-r img {
	display: inline-block;
	vertical-align: top;
	width:50%;
	letter-spacing: 0.02em;
	/*margin:0 1px 1px 0;*/
}

#menu-inner-r img:nth-child(2n) {
	/*margin:0 0px 1px 0;*/
}

#topics-inner {
	width:90%;
	margin:0 auto;
	text-align: center;
}

#topics-inner h2 {
	font-size: 22px;
	font-weight:bold;
	color:#065C3F;
}




/* topics */

#topics {
	background-color: #ccc;
	border-top:1px solid #000;
	padding-top: 30px;
}

#topics .cont-cate {
	margin-bottom: 0;
}

.topics-inner {
	padding:30px 0;
	text-align: center;
	background-color: #fff;
}

.topics-inner:nth-child(2n) {
	padding: 30px 0;
	background-color: #ccc;
}

.topics-inner h2 {
	color:#065C3F;
	font-size: 20px;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 20px;
	letter-spacing: 0.04em;
}

.topics-inner h3 {
	color:#065C3F;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	margin-bottom:25px;
	letter-spacing: 0.04em;
}

.topics-inner-l {
	margin-bottom: 40px;
	text-align: center;
}

.topics-inner-l img {
	width:66.6%;
}

#wanted-howto {
	display: inline-block;
	box-sizing: border-box;
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
	border:3px solid #000;
	padding:2%;
	line-height: 1em;
	color:#000;
}

.sub-ttl {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #065C3F;
	margin: -15px 0 30px;
	letter-spacing: 0.04em;
}

.topics-inner-r p {
	text-align: left;
	width:90%;
	margin:0 auto;
}

.topics-inner-r a {
	display: inline-block;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	color:#065C3F;
	margin:15px 0 5px; 
}



/* contact */

#contact {
	border-top:1px solid #000;
	padding-top:30px;
}

#contact-inner {
	width:90%;
	margin:0 auto;
}

#contact-info-inner {
	letter-spacing: -.4em;
	width:90%;
	margin:0 auto;
}

#contact-info-inner-l {
	display: inline-block;
	vertical-align: middle;
	width:24%;
	margin-right:3%;
	letter-spacing: 0.02em;
}

#contact-info-inner-l svg {
	fill:#065C3F;
	width:100%;
}

#contact-info-inner-r {
	display: inline-block;
	vertical-align: middle;
	width:73%;
	letter-spacing: 0.02em;
}

#contact-info-inner-r h2 {
	font-size: 16px;
	margin-bottom:10px;
}

#contact-tel {
	box-sizing: border-box;
	text-align: center;
	border:3px solid #065C3F;
	padding:3%;
	width:90%;
	margin:-20px auto 0;
}

#contact-tel p {
	margin-bottom: 5px;
}

#contact-tel a {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 26px;
	font-weight:bold;
	color:#065C3F;
}


/* contact-re */

.contact-inner02 {
	width:90%;
	margin:0 auto;
}

.contact-info-inner02 {
	letter-spacing: -.4em;
	width:90%;
	margin:0 auto;
}

.contact-info-inner-l02 {
	display: inline-block;
	vertical-align: middle;
	width:24%;
	margin-right:3%;
	letter-spacing: 0.02em;
}

.contact-info-inner-r02 {
	display: inline-block;
	vertical-align: middle;
	width:100%;
	letter-spacing: 0.02em;
}

.contact-info-inner-r02 h2 {
	font-size: 16px;
	margin-bottom:5px;
	margin-top: 50px;
}

.contact-tel02 {
	box-sizing: border-box;
	text-align: center;
	border:3px solid #065C3F;
	padding:3%;
	width:90%;
	margin: 0 auto;
    margin-top: 10px;
}

.contact-tel02 p {
	margin-bottom: 5px;
}

.contact-tel02 a {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 26px;
	font-weight:bold;
	color:#065C3F;
}

.contact-logo{
	width: 125px;
	height: 125px;
	display: block;
	margin: 0 auto;
	margin-top: 40px;
}

.contact-logo img{
	width: 100%;
	height: 100%;
	display: block;
}


/* side table */

.is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2000;
  width: 100%;
}

#st-container {
	overflow-y: scroll;
	box-sizing: border-box;
	background-color: rgba(54,255,93,0.95);
	padding:5%;
}

#st-cont-link {
	display: none;
	background-color: #36FF5D;
	padding:15px 0;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border-top:1px solid #fff;
	z-index: 80;
	position: fixed;
	width:100%;
	bottom:0;
	left:0;
}

#st-cont-link svg {
	display: inline-block;
	vertical-align: middle;
	width:200px;
	height: 20px;
	margin-right: 20px;
}

#st-cont-link span {
	display: inline-block;
	vertical-align: middle;
}

#st-cont-link a:hover {
	color:#fff;
}

#st-inner {
	margin-bottom: 3%;
}

#st-info-wrapper {
	text-align: center;
	width:90%;
	margin:50px auto;
}

#st-info-wrapper h1 svg {
	width:120px;
	height:109px;
	margin:40px auto 35px;
}

#st-cate {
	margin-bottom: 40px;
}

#st-address {
	font-size: 16px;
	margin-bottom:50px;
}

#st-open {
	margin-bottom: 50px;
}

#st-open h2 {
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
	margin-bottom:16px;
}

#st-open dl {
	letter-spacing: -.4em;
	width:64%;
	margin:0 auto 16px;
	line-height: 2em;
}

#st-open dt {
	display: inline-block;
	letter-spacing: 0.02em;
 	vertical-align: top;
 	text-align: left;
	width:48%;
}

#st-open dd {
	display: inline-block;
	letter-spacing: 0.02em;
	vertical-align: top;
	text-align: left;
	width:52%;
}

.sns-wrapper {
	letter-spacing: -.4em;
}

.sns-wrapper a {
	display: inline-block;
	vertical-align: top;
	width:30%;
	margin-right:10%;
	text-align: center;
}

.sns-wrapper a:last-child {
	margin-top:-5px;
	margin-right:0;
}

.sns-wrapper a svg {
	width:91px;
	height:34px;
}

.sns-wrapper a:hover svg {
	fill:#ccc;
}

#st-image-wrapper {
	width:100%;
	margin:0 auto 30px;
}

#st-image-wrapper > img {
	width:100%;
	margin-bottom:3%;
}

#st-image-wrapper ul {
	letter-spacing: -.4em;
}

#st-image-wrapper li {
	display: inline-block;
	vertical-align: top;
	width:48.5%;
	margin-bottom: 10px;
	letter-spacing: 0.02em;
}

#st-image-wrapper li:nth-child(2n+1) {
	margin-right:3%;
}

#map-st-wrapper {
	text-align: center;
	width:100%;
	margin:0 auto 60px;
}

#map-st {
	width:100%;
	height: 360px;
	margin:0 auto 30px;
}

#st-menu {
	width:100%;
	margin:0 auto;
}

#st-menu h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	font-size: 10px;
	font-size: 1rem;
	letter-spacing: 0.24em;
	margin-bottom: 26px;
}

#st-menu h2 {
	text-align: center;
	margin-bottom: 36px;
}

#st-menu h2 svg {
	width:103px;
	height:22px;
	margin:0 auto;
}

#st-menu ul {
	width:80%;
	margin:0 auto 40px;
}

#st-menu ul li {
	font-weight:bold;
	display: -webkit-flex; /* Safari */
	display: flex;
  	letter-spacing: -.4em;
  	margin-bottom: 15px;
  	display: table;
  	width:100%;
}

#st-menu ul li h3 {
	box-sizing: border-box;
	vertical-align: middle;
	padding-right: 2%;
	letter-spacing: 0.02em;
	width: 55%;
	font-weight: bold;
	display: table-cell;
}

#st-menu ul li h3 span {
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	font-weight: bold;
}

#st-menu ul li h3 span.original {
	font-size: 10px;
	font-size: 1rem;
	display: inline-block;
	vertical-align: middle;
}

#st-menu ul li p {
	box-sizing: border-box;
	vertical-align: middle;
	border-left:1px solid #000;
	text-align: center;
	letter-spacing: 0.02em;
	width:30%;
	padding:2.5%;
	display: table-cell;
}

#st-menu ul li p:last-child {
	padding:2.5% 0 2.5% 2.5%;
	width:20%;
	text-align: right;
}

#st-menu ul li p.hot {
	padding-right: 25px;
	text-align: right;
}

#st-menu ul li p.cold {
	padding-right: 0%;
	text-align: right;
}

#st-cont-close {
	cursor:pointer;
	text-align: center;
	margin-bottom: 60px;
}

#st-cont-close svg {
	width:36px;
	height: 36px;
	display: block;
	margin:0 auto 10px;
}



/* footer */

footer {
	padding:80px 0 80px;
	text-align: center;
}

footer a {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.18em;
	display: block;
	position: relative;
	color:#065C3F;
	margin-bottom: 60px;
}

footer a::before {
	content: '';
	display: block;
	position: absolute;
	top:0;
	right:0;
	left:0;
	margin:-26px auto 0;
	width:0;
	height:0;
	border: 10px solid transparent;
	border-right: 10px solid #065C3F;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

footer a:hover::before {
	opacity:0.6;
}

footer small {
	font-size: 10px;
}



/* st単独ページ */

#st-container-another {
	background-color: #36FF5D;
	width:100%;
	margin: 0 auto;
	padding-bottom: 50px;
}

#st-page-container #st-inner {
	padding: 50px 0 0px;
	margin-top:0;
	text-align: center;
}

#st-page-container #st-inner img {
	width:90%;
	margin:0 auto;
}

#st-page-container #st-image-wrapper {
	width:90%;
	margin:0 auto;
}

#st-page-container #st-menu {
	width:90%;
	margin:60px auto;
}

#st-page-container #map-st {
	width:90%;
	margin:0 auto;
}

.movieWraper {
    position: relative;
    width: 100%;
    margin: 50px auto 30px;
    height: 360px;
}

.iframeWrap {
    height: 0;
    padding-bottom: 56.25% /* 100 * 9/16 */
}

.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 360px;
}

#slider .movieWraper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 355px;
}

#slider .iframeWrap iframe {
	width: 100%;
    height: 355px;
}

#topics .movieWraper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

#topics .iframeWrap iframe {
	width: 100%;
    height: 100%;
}



















@media screen and (min-width: 480px) {
	
	body{
		overflow-x: auto;
	}

/* header */

#top-head {
	display: none;
}

#pc-head {
	box-sizing: border-box;
	display: block;
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;	
	letter-spacing: 0.24em;
/*	background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%); width: 100%;
	background: none;*/
	height: auto;
	z-index: 9000;
	position: relative;
	padding:24px 5% 20px;
	width:1000px;
	left:0;
	right:0;
	margin:0 auto;
}

#pc-head svg {
	width:137px;
	height:26px;
	top:0;
	left:0;
	margin:0px 0 0 15px;
}

#global-nav a {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.24em;
}

#pc-head a {
	letter-spacing: 0.18em;
}

#pc-head nav {
	position: absolute;
	display: inline-block;
	right:0;
	margin:0 0 0 0;
}

#pc-head nav li {
	display: inline-block;
	margin-left:50px;
}


#slider {
	width:100vw;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
	#slider ul.bxslider{
	max-height: 800px;
		overflow: hidden;
	}
	
	#slider ul.bxslider li video{
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	
	#slider ul.bxslider li span{
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
		height: 0%;
		padding-bottom: 56%;
}


/* shop-cate */
	
#shop-cate {
	letter-spacing: -.4em;
	text-align: center;
	width:75%;
	margin:0 auto;
}

#shop-cate svg {
	width:174px;
	height:174px;
	margin:0 auto 60px;
}

#shop-cate p {
	font-family: 'Oswald', sans-serif;
	font-weight: bold;
	letter-spacing: 0.16em;
	margin-bottom:20px;
	font-size: 19px;
	font-size: 1.9rem;
}

#shop-cate h3 {
	font-size:16px;
	font-size:1.6rem;
}

#cate-01 {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.02em;
	width:50%;
	padding: 150px 0 140px;
	position: relative;
}

#cate-02 {
	box-sizing: border-box;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.02em;
	width:50%;
	padding: 150px 0 140px;
}

/*#cate-01::after {
	content:'';
	display:block;
	height: 50%;
	border-right:1px solid #ccc;
	position: absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}*/

#cate-01 svg {
	fill:#005C3F;
}

#cate-01 h2, #cate-02 h2 {
	display: block;
	vertical-align: middle;
	width:100%;
	letter-spacing: 0.02em;
}

.cate-r {
	display: block;
	vertical-align: middle;
	width:100%;
	letter-spacing: 0.02em;
}



/* sp-topics */

#sp-topics {
	background-color: #36FF5D;
	padding:40px 0 80px;
	position: relative;
}

.cont-cate {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.24em;
	font-size: 10px;
	margin:40px auto 60px;
	width:1000px;
}

.cont-cate h1 {
	display: inline-block;
	vertical-align: middle;
}

#sp-icon {
	box-sizing: border-box;
	width:50px;
	height:50px;
	border:1px solid #000;
	border-radius: 100%;
	text-align: center;
	padding:16px 0 0 4px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
}

#sp-topics-inner {
	width:800px;
	margin:-30px auto 50px;
	padding-bottom: 0px;
	letter-spacing: -.4em;
}

#sp-topics-inner-l {
	display: inline-block;
	vertical-align: middle;
	width:540px;
	margin:0 80px 0 0;
	letter-spacing: 0.02em;
}

#sp-topics-inner-l h2 {
	font-size:20px;
	font-weight: bold;
	margin-bottom: 26px;
}

#sp-topics-inner-r {
	display: inline-block;
	vertical-align: middle;
	width:180px;
	letter-spacing: 0.02em;
}

#sp-topics-inner-r h2 {
	margin-bottom:36px;
	text-align: center;
}

#sp-topics-inner-r h2 svg {
	width:180px;
	height: 163px;
}

#st-induction {
	cursor: pointer;
	box-sizing:border-box;
	text-align: center;
	width:180px;
	background-color: #000;
	margin:0 auto;
	padding:10px;
	position:relative;
	color:#36FF5D;
}

#st-induction:hover {
	color:#fff;
}

/*#st-induction::after {
	content: "";
	display: block;
	position: absolute;
	top:0;
	right:0;
	left:0;
	margin:41px auto 0;
	width:0;
	height:0;
	border: 10px solid transparent;
	border-right: 10px solid #000;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}*/




/* shop info */
.sp-only{
					display: none;

}

.pc-only{
	display: block;	
	}
	
.shops{
	display: flex;
}

.shop{
	display: flex;
	width: 50%;
	margin:0 auto;
	text-align: left;
	letter-spacing: -.4em;
}


#shop-info {
	padding: 40px 0 80px;
}

#shop-info-inner {
	width:100%;
/*10.20	margin:80px auto 90px;*/
	text-align: left;
	letter-spacing: -.4em;
}

.shop-info-inner-r {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.02em;
	width:100%;
	margin: 40px 0px;

}
.shop-info-inner-r2{
	margin:auto;
}
.shop-info-inner-r > svg {
	width:218px;
	height:48px;
	margin:25px auto 50px;
	fill:#005C3F;
}

.shop-info-inner-r > a {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 21px;
	font-size:2.1rem;
	font-weight: bold;
	line-height: 2em;
}

.shop-info-inner-r h2 {
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
	margin:20px 0 10px;
}

.shop-info-inner-r dl {
/*	width:50%;*/
	margin:0 auto 10px;
	letter-spacing: -.4em;
				line-height: 2em;
				width:100%
}

.shop-info-inner-r dl dt {
	width:38%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	letter-spacing: 0.02em;
	font-size:1.2em;
	width:25%
}

.shop-info-inner-r dl dd {
/*	width:60%;*/
	display: inline-block;
	vertical-align: top;
	text-align: left;
	letter-spacing: 0.02em;
	font-size:1.2em;
	width:75%
}
.shop-info-inner-r3 {
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.02em;
	width:100%;
	margin-top: 68px;

}
.shop-info-inner-r3 > svg {
	width:218px;
	height:48px;
	margin:25px auto 50px;
	fill:#005C3F;
}

.shop-info-inner-r3 > a {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 21px;
	font-size:2.1rem;
	font-weight: bold;
	line-height: 2em;
}

.shop-info-inner-r3 h2 {
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
	margin:20px 0 10px;
}

.shop-info-inner-r3 dl {
/*	width:50%;*/
	margin:0 auto 10px;
	letter-spacing: -.4em;
				line-height: 2em;
				width:100%
}

.shop-info-inner-r3 dl dt {
	width:38%;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	letter-spacing: 0.02em;
	font-size:1.2em;
	width:25%
}

.shop-info-inner-r3 dl dd {
/*	width:60%;*/
	display: inline-block;
	vertical-align: top;
	text-align: left;
	letter-spacing: 0.02em;
	font-size:1.2em;
	width:75%
}
#shop-sns-wrapper {
	letter-spacing: -.4em;
}

#shop-sns-wrapper a {
	display: inline-block;
	vertical-align: top;
	width:30%;
	margin-right:0;
	text-align: left;
}

#shop-sns-wrapper a:last-child {
	margin-top:-5px;
	margin-right:0;
}

#shop-sns-wrapper a svg {
	width:91px;
	height:34px;
}

#shop-sns-wrapper a:hover svg {
	fill:#ccc;
}

#map-wrapper {
	width:100%;
							}
#map-wrapper02 {
width:90%;
margin:-100px 30px 160px 30px;
}

.shop-info-inner-l {
	margin:0px 30px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0.2em;
	width:100%;
}
	.shopname_title{
	padding: 50px 0;
	text-align: center;
}

/*
#map-wrapper {
	text-align: center;
}
*/

#map {
	width:100%;
	height: 450px;
	margin:0 auto 30px;
}
	
	
/* 2021.05 plus*/

/*
	h1.shopname_logo{
		width: 218px;
		height: 48px;
		margin: 25px 0 10px 0;
		}
	*/	
	
	h1.shopname_logo img{
		width: 218px;
		height: 108px;
		text-align: center;
	}


	em.shopname_area{
		font-size: 1.9em;
		display: block;
		text-align: center;
		letter-spacing: 0.5em;
		text-indent: 0.5em;
		font-style: normal;
		font-weight: bold;
		margin-top: -13px;
		margin-bottom: 30px;
	}
	#anjo,#kariya,#nagoya{
		width:100%;
	}

/* memu */

#menu {
	padding-top: 0px;
}

#menu-image {
	box-sizing: border-box;
	background-image: url(../img/menu/00.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color:#fff;
	height: 450px;
	width:100%;
	margin:0 0 60px 0;
	padding:5%;
}

#menu-inner {
	width:1000px;
	margin:0 auto 70px;
	line-height: 1.8em;
	overflow: hidden;
}

#menu-inner-l {
	width:54%;
	float: left;
}

#menu-inner-l > ul > li {
	border-bottom: 1px solid #000;
	padding-bottom: 50px;
	margin-bottom: 50px;
}

#menu-inner-l li:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

#menu-inner-l li h2 {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.18em;
	font-size: 31px;
	color:#065C3F;
	margin-bottom: 10px;
}

#menu-inner-l li h3 {
	color:#065C3F;
	font-size: 16px;
	font-weight:bold;
	letter-spacing: 0.18em;
	margin-bottom: 10px;
}

.price {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 20px;
	font-weight:bold;
	margin-bottom: 28px;
}

#menu-list li {
	line-height: 1.8em;
}

#menu-inner-r {
	letter-spacing: -.4em;
	width:400px;
	float: right;
}

#menu-inner-r img {
	display: block;
	vertical-align: top;
	width:100%;
	letter-spacing: 0em;
	margin:0 0px 0px 0;
}

#menu-inner-r img:nth-child(2n) {
	/*margin:0 0px 1px 0;*/
}

#topics-inner {
	width:90%;
	margin:0 auto;
	text-align: center;
}

#topics-inner h2 {
	font-size: 22px;
	font-weight:bold;
	color:#065C3F;
}




/* topics */

#topics {
	background-color: #ccc;
	border-top:1px solid #000;
	padding-top: 30px;
}

#topics .cont-cate {
	margin-bottom: 0;
}

.topics-inner {
	width:1000px;
	padding: 80px 0;
	text-align: center;
	margin: 0 auto 0;
	letter-spacing: -.4em;
	background-color: #ccc;
	border-bottom:1px solid #fff;
}

.topics-inner:nth-child(2n) {
	margin-bottom: 0px;
	padding: 80px 0;
	background-color: #ccc;
}

.topics-inner h2 {
	color:#065C3F;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 40px;
	letter-spacing: 0.04em;
}

.topics-inner h3 {
	color:#065C3F;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	margin-bottom:25px;
	letter-spacing: 0.04em;
}

.topics-inner-l {
	display: inline-block;
	vertical-align: middle;
	margin-right: 70px;
	margin-bottom: 0px;
	text-align: center;
	width:400px;
	letter-spacing: 0.02em;
}

.topics-inner-l img {
	width:100%;
}

#wanted-howto {
	display: inline-block;
	box-sizing: border-box;
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
	border:3px solid #000;
	padding:2%;
	line-height: 1em;
	color:#000;
}

.sub-ttl {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #065C3F;
	margin: -35px 0 30px;
	letter-spacing: 0.04em;
}

.topics-inner-r {
	display: inline-block;
	vertical-align: middle;
	width: 475px;
	letter-spacing: 0.02em;
}

.topics-inner-r h3 {
	text-align: left;
}

.topics-inner-r p  {
	text-align: left;
	width:100%;
	margin:0 auto;
	line-height: 1.5em;
}

.topics-inner-second .topics-inner-r p {
	text-align: left;
}

.topics-inner-r a {
	display: inline-block;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: bold;
	color:#065C3F;
	margin:15px 0 5px; 
}

.topics-center p {
	text-align: center;
}



/* contact */

#contact {
	border-top:1px solid #000;
	padding-top:40px;
}

#contact-inner {
	width:580px;
	margin:-15px auto 0;
}

#contact-info {
	width:100%;
	margin:60px 0 0px;
}

#contact-info-inner {
	letter-spacing: -.4em;
	width:390px;
	margin:0 auto;
}

#contact-info-inner-l {
	display: inline-block;
	vertical-align: middle;
	width:34%;
	margin-right:6%;
	letter-spacing: 0.02em;
}

#contact-info-inner-l svg {
	fill:#065C3F;
	width:127px;
	height: 127px;
}

#contact-info-inner-r {
	display: inline-block;
	vertical-align: middle;
	width:60%;
	letter-spacing: 0.02em;
}

#contact-info-inner-r h2 {
	font-size: 16px;
	margin-bottom:10px;
}

#contact-tel {
	box-sizing: border-box;
	text-align: center;
	border:3px solid #065C3F;
	padding:3%;
	width:390px;
	margin:30px auto 0;
}

#contact-tel p {
	margin-bottom: 5px;
}

#contact-tel a {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 26px;
	font-weight:bold;
	color:#065C3F;
}
	
	
	
/* contact-re */

.contact-inner02 {
	width:580px;
	margin:-15px auto 0;
	background-position: left 15px top 105px;
	background-repeat: no-repeat;
	background-size: 127px 127px;
}

.contact-info02 {
	width:100%;
	margin:60px 0 0px;
}

.contact-info-inner02 {
	letter-spacing: -.4em;
	width:350px;
	margin:0 auto;
	background-image: url()
}

.contact-info-inner-l02 {
	display: inline-block;
	vertical-align: middle;
	width:34%;
	margin-right:6%;
	letter-spacing: 0.02em;
}

.contact-info-inner-r02 {
	display: inline-block;
	vertical-align: middle;
	width:100%;
	letter-spacing: 0.02em;
}

.contact-info-inner-r02 h2 {
	font-size: 16px;
	margin-bottom:10px;
	margin-top: 0;
}

.contact-tel02 {
	box-sizing: border-box;
	text-align: center;
	border:3px solid #065C3F;
	padding:3%;
	width:350px;
	margin:30px auto 0;
}

.contact-tel02 p {
	margin-bottom: 5px;
}

.contact-tel a {
	font-family: 'Helvetica Neue', sans-serif;
	font-size: 26px;
	font-weight:bold;
	color:#065C3F;
}

	.contact-logo{
		display: block;
	}
	

/* side table */

.is-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
  width: 210px;
  margin-left: 65%;
}

#st-container {
	overflow-y: scroll;
	box-sizing: border-box;
	background-color: rgba(54,255,93,0.95);
	padding:5% ;
}

#st-cont-link {
	box-sizing: border-box;
	display: none;
	width:210px;
	background-color: #36FF5D;
	padding:15px;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	border-top:none;
	position: fixed;
	bottom:0;
	left:auto;
	right:0;
	margin-right: 30px;
}

#st-cont-link svg {
	display: block;
	vertical-align: middle;
	width:154px;
	height:12px;
	margin:0 auto 5px;
}

#st-cont-link span {
	display: block;
	vertical-align: middle;
	font-size: 12px;
	font-size: 1.2rem;
}

#st-inner {
	overflow: hidden;
	width:1000px;
	margin:0 auto 80px;
}

#st-inner img {
	float: right;
	width:57%;
}

#st-info-wrapper {
	text-align: left;
	width:34%;
	margin:0 auto 0;
	float: left;
}

#st-info-wrapper h1 svg {
	width:177px;
	height:161px;
	margin:40px auto 35px;
}

#st-cate {
	margin-bottom: 40px;
}

#st-address {
	font-size: 16px;
	margin-bottom:50px;
}

#st-open {
	margin-bottom: 50px;
}

#st-open h2 {
	font-size:16px;
	font-size:1.6rem;
	font-weight: bold;
	margin-bottom:16px;
}

#st-open dl {
	letter-spacing: -.4em;
	width:100%;
	margin:0 auto 16px;
	line-height: 2em;
}

#st-open dt {
	display: inline-block;
	letter-spacing: 0.02em;
 	vertical-align: top;
 	text-align: left;
	width:34%;
}

#st-open dd {
	display: inline-block;
	letter-spacing: 0.02em;
	vertical-align: top;
	text-align: left;
	width:66%;
}

.sns-wrapper {
	letter-spacing: -.4em;
}

.sns-wrapper a {
	display: inline-block;
	vertical-align: top;
	width:30%;
	margin-right:10%;
	text-align: center;
}

.sns-wrapper a:last-child {
	margin-top:-5px;
	margin-right:0;
}

.sns-wrapper a svg {
	width:91px;
	height:34px;
}

.sns-wrapper a:hover svg {
	fill:#ccc;
}

#st-image-wrapper {
	width:1000px;
	margin:0 auto 80px;
}

#st-image-wrapper ul {
	letter-spacing: -.4em;
}

#st-image-wrapper li {
	display: inline-block;
	vertical-align: top;
	width:49.5%;
	margin-bottom: 10px;
	letter-spacing: 0.02em;
}

#st-image-wrapper li:nth-child(2n+1) {
	margin-right:1%;
}

#map-st-wrapper {
	text-align: center;
	width:100%;
	margin:0 auto 60px;
}

#map-st {
	width:1000px;
	height: 380px;
	margin:0 auto 30px;
}

#st-menu {
	width:100%;
	margin:0 auto;
}

#st-menu {
	width:1000px;
	margin:0 auto;
}

#st-menu h1 {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	font-size: 10px;
	font-size: 1rem;
	letter-spacing: 0.24em;
	margin-bottom: 26px;
}

#st-menu h2 {
	text-align: center;
	margin-bottom: 60px;
}

#st-menu h2 svg {
	width:176px;
	height:38px;
	margin:0 auto;
}

#st-menu ul {
	width:500px;
	margin:0 auto 60px;
}

#st-menu ul li {
	font-weight:bold;
	display: -webkit-flex; /* Safari */
	display: flex;
  	letter-spacing: -.4em;
  	margin-bottom: 15px;
  	display: table;
  	width:100%;
}

#st-menu ul li h3 {
	box-sizing: border-box;
	vertical-align: middle;
	padding-right: 2%;
	letter-spacing: 0.02em;
	width: 48%;
	font-weight: bold;
	display: table-cell;
}

#st-menu ul li h3 span {
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	font-weight: bold;
}

#st-menu ul li h3 span.original {
	font-size: 12px;
	font-size: 1.2rem;
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
}

#st-menu ul li p {
	box-sizing: border-box;
	vertical-align: middle;
	border-left:1px solid #000;
	text-align: center;
	letter-spacing: 0.02em;
	width:22.5%;
	padding:2.5%;
	display: table-cell;
}

#st-menu ul li p:last-child {
	padding:2.5% 0 2.5% 2.5%;
}

#st-menu ul li p.hot {
	padding-right: 25px;
	text-align: right;
}

#st-menu ul li p.cold {
	padding-right: 0%;
	text-align: right;
}

#st-cont-close {
	cursor:pointer;
	text-align: center;
	margin-bottom: 60px;
}

#st-cont-close svg {
	width:36px;
	height: 36px;
	display: block;
	margin:0 auto 10px;
}



/* footer */

footer {
	padding:80px 0 80px;
	text-align: center;
}

footer a {
	font-family: 'Oswald', sans-serif;
	font-weight: lighter;
	letter-spacing: 0.18em;
	display: block;
	position: relative;
	color:#065C3F;
	margin-bottom: 60px;
}

footer a::before {
	content: '';
	display: block;
	position: absolute;
	top:0;
	right:0;
	left:0;
	margin:-26px auto 0;
	width:0;
	height:0;
	border: 10px solid transparent;
	border-right: 10px solid #065C3F;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

footer a:hover::before {
	opacity:0.6;
}

footer small {
	font-size: 10px;
}

.movieWraper {
    position: relative;
    width: 100%;
    margin: 30px auto 30px;
    height: 360px;
}

.iframeWrap {
    height: 0;
    padding-bottom: 36% /* 100 * 9/16 */
}

.iframeWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
}

#slider .movieWraper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    height: 800px;
}

#slider .iframeWrap iframe {
    height: 800px;
}

#topics .movieWraper {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

#topics .iframeWrap {
	height: 0;
    padding-bottom: 56.25%
}

#topics .iframeWrap iframe {
	width: 100%;
    height: 100%;
}



}


@media (max-width: 1200px) and (min-width: 481px) {
	html,body {
		width:1200px;
	}

}