@charset "UTF-8";
html{
	margin:0;
	padding:0;
	font-size:62.5%;
	min-width: 320px;
}

body{
	margin:0 auto;
	padding:0;
	font-size:1.4em;
	font-family:'Noto+Sans+JP','游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
	font-weight:400;
	-moz-background-origin: 330;
}
@media screen and (max-width:767px){
	body{
		font-size:1.2rem;
	}
}
@media all and (-ms-high-contrast:none){
	body{
		font-family:'Noto+Sans+JP','ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ',Meiryo, '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	}
}
h1, h2, h3, h4, h5, h6,a{line-height:125%;}
p{line-height:170%;}
li{line-height:145%;}

/* iPad背景切れ対策 */
@media screen and (min-width:767px){
	body{
		min-width:1260px;
	}
}

*,*::before,*::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
header,footer,section,aside,nav,article,main{
	display:block;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
	font-size:100%;
}
img {
	border:none;
	vertical-align:top;
	margin:0;
	padding:0;
}
figure,ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
}
ul li,ol li{list-style:none;}
a{
	color:#000000;
	text-decoration:none;
	transition:color 0.3s;
}
a:link{
	color:#000000;
}
a:visited{
	color:#000000;
}
a:hover{
	color:#666666;
	text-decoration:none;
}

/* 表示切替 */
/*.switch{visibility:hidden;}*/
.sp{display:none;}

/* フォーム */
input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* feedin
--------------------------- */
.characterInview01{
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px);
	transition:0.5s;
	-webkit-transition:0.5s;
	transition-delay:1.5s;
	-webkit-transition-delay:1.5s;
}
.characterInview02{
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px);
	transition:0.5s;
	-webkit-transition:0.5s;
	transition-delay:1.8s;
	-webkit-transition-delay:1.8s;
}
#SHOP .shopImg{
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px);
	transition:0.5s;
	-webkit-transition:0.5s;
}
.imgFeed01{
	opacity: 0;
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0);
	transition:0.5s;
	-webkit-transition:0.5s;
}
#CONCEPT:before{
	opacity: 0;
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0);
	transition:0.3s;
	-webkit-transition:0.3s;
}
#CONCEPT:after,
#SHOP:after{
	opacity: 0;
	transform: translate(100px,0); 
	-webkit-transform: translate(100px,0);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:0.5s;
	-webkit-transition-delay:0.5s;
}
#CONCEPT .ctsTit{
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition:0.5s;
	-webkit-transition:0.5s;
}
#CONCEPT .mainCatch{
	opacity: 0;
	transform: translate(0,20px); 
	-webkit-transform: translate(0,20px);
	transition:0.5s;
	-webkit-transition:0.5s;
	transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
}
.subCatch{
	opacity: 0;
	transform: translate(0,20px); 
	-webkit-transform: translate(0,20px);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
}
.conceptTxt{
	opacity: 0;
	transform: translate(0,20px); 
	-webkit-transform: translate(0,20px);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:0.9s;
	-webkit-transition-delay:0.9s;
}
.topOrnamentArea{
	opacity: 0;
	transform: translate(0,-100px); 
	-webkit-transform: translate(0,-100px);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:1.5s;
	-webkit-transition-delay:1.5s;
}
.mainLogoArea{
	opacity: 0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:1.3s;
	-webkit-transition-delay:1.3s;
}
.menuTxt{
	opacity: 0;
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:1.3s;
	-webkit-transition-delay:1.3s;
}
a.newsLink img{
	opacity: 0;
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:1.5s;
	-webkit-transition-delay:1.5s;
	width: 100%;
	backface-visibility:hidden;
}
.cpLogoArea{
	opacity: 0;
	transform: translate(-100px,0); 
	-webkit-transform: translate(-100px,0);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:1.7s;
	-webkit-transition-delay:1.7s;
	backface-visibility:hidden;
}
.gotochiBtn{
	opacity: 0;
	transform: translate(50px,0); 
	-webkit-transform: trans late(50px,0);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:1.7s;
	-webkit-transition-delay:1.7s;
}
.snsBtn{
	opacity: 0;
	transform: translate(50px,0); 
	-webkit-transform: translate(50px,0);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:1.7s;
	-webkit-transition-delay:1.7s;
}
.news_c{
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px);
	transition:0.3s;
	-webkit-transition:0.3s;
	transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
}
.boxFeed,
#CONCEPT.boxFeed:before,
#CONCEPT.boxFeed:after,
#CONCEPT.boxFeed .ctsTit,
#CONCEPT.boxFeed .mainCatch,
#SHOP.boxFeed:after,
#SHOP.boxFeed .shopImg{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
a.newsLink img.boxFeed{
	opacity: 0.7;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*menu
-----------------------------------------------------------------------------------------------*/
.menuArea {
	position: fixed;
	color: #fff;
	z-index: 10;
}
.menuInner {
	height: 170px;
	width: 200px;
	position: fixed;
	left: 0px;
	bottom: 50%;
	margin: 0 0 -85px 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.fp-viewing-5 .menuInner {
	bottom: 480px;
}
.menuTxt{
	margin: 0 0 0 50px;
}
.menuTxt li {
	margin: 0 0 15px 0;
}
.menuTxt li:last-child{
	margin: 0 0 10px 0;
}
.menuTxt li a {
	display: flex;
	align-items: center;
}
i.fas.fa-circle{
	font-size: 12px;
	color: rgba(0,0,0,0.3);
	font-weight:100;
	margin: 0 10px 0 0;
	transition: 0.3s;
	-webkit-transition: 0.3s;
}
.fp-viewing-0 .menuTxt li a.conBtn01 i.fas.fa-circle,
.fp-viewing-1 .menuTxt li a.conBtn02 i.fas.fa-circle,
.fp-viewing-2 .menuTxt li a.conBtn03 i.fas.fa-circle,
.fp-viewing-3 .menuTxt li a.conBtn04 i.fas.fa-circle,
.fp-viewing-4 .menuTxt li a.conBtn05 i.fas.fa-circle,
.fp-viewing-5 .menuTxt li a.conBtn05 i.fas.fa-circle{
	color: rgba(0,0,0,1);
	font-weight: bold;
	opacity: 0.7;
}
a:hover i.fas.fa-circle{
	color: rgba(0,0,0,1);
	font-weight: bold;
	opacity: 0.7;
}
.menuTxt li a img{
	height: 9px;
	opacity: 0.3;
	transition: 0.3s
}
.fp-viewing-0 .menuTxt li a.conBtn01 img,
.fp-viewing-1 .menuTxt li a.conBtn02 img,
.fp-viewing-2 .menuTxt li a.conBtn03 img,
.fp-viewing-3 .menuTxt li a.conBtn04 img,
.fp-viewing-4 .menuTxt li a.conBtn05 img,
.fp-viewing-5 .menuTxt li a.conBtn05 img{
	opacity: 0.7;
}
a:hover.conBtn01 img,
a:hover.conBtn02 img,
a:hover.conBtn03 img,
a:hover.conBtn04 img,
a:hover.conBtn05 img{
	opacity: 0.7;
}
a.newsLink {
	display: block;
	padding: 15px 13px 15px 47px;
	line-height: 0;
	transition: 0.3s;
	-webkit-transition: 0.3s
}
a.newsLink:hover,
a.cpLogo:hover{
	background: #d7d7d7;
}
.cpLogoArea.boxFeed {
	display: block;
	width: 200px;
	position: fixed;
	left: 0;
	bottom: 65px;
}
.cpLogo {
	padding: 10px 10px 10px 50px;
	line-height: 0;
	display: block;
	transition: 0.3s;
	-webkit-transition: 0.3s
}
a.cpLogo img{
	width: 90%;
	opacity: 0.7;
}

.gotochiBtn {
	display: flex;
	justify-content: space-between;
	width: 520px;
	height: 210px;
	position: fixed;
	right: 10px;
	bottom:86px;
	overflow: hidden;
	z-index:9999;
}

.snsBtn {
	display: flex;
	justify-content: space-between;
	width: 80px;
	height: 40px;
	position: fixed;
	right: 20px;
	bottom: 55px;
	overflow: hidden;
	z-index: 10;
}
.fp-viewing-5 .snsBtn,
.fp-viewing-5 .cpLogoArea{
	bottom:55px;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}
.fp-viewing-5 .gotochiBtn{
	bottom: 90px;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
}
.gotochiBtn li{
	width: 100%;
	transition: 0.3s;
	-webkit-transition: 0.3s
}
.gotochiBtn li a{
	display:block;
}
.snsBtn li{
	height: 35px;
	width: 98%;
	transition: 0.3s;
	-webkit-transition: 0.3s
}
.snsBtn li a{
	display:block;
}
#facebookIco{
	margin: 0 5px 0 0;
}
path,circle{
	transition:0.3s;
	-webkit-transition: 0.3s
}
.icoArea{
	fill:#6E6E6E;
	overflow: hidden;
	stroke: #6E6E6E;
	stroke-width: 1px;
}
.icoInner{
	fill:#FFFFFF;
}
#facebookIco:hover .icoArea {
	fill: #fff;
	stroke: #6E6E6E;
	stroke-width: 1px;
}
#facebookIco:hover .icoInner {
	fill: #6E6E6E;
}
#instagramIco:hover .icoArea {
	fill: #fff;
	stroke: #6E6E6E;
	stroke-width: 1px;
}
#instagramIco:hover .icoInner {
	fill: #6E6E6E;
}
#menuSp{
	display:none;
}
@media screen and (max-width:767px){
	.fp-viewing-5 .gotochiBtn {
		bottom: 186px;
		animation: showA 0.5s linear 0s;
		opacity: 0;
	}
	.fp-viewing-5 .snsBtn, .fp-viewing-5 a.cpLogo {
		bottom: 136px;
	}
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		width: 35px;
		height: 25px;
		display: block;
		position: fixed;
		right: 15px;
		top: 15px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #6e6e6e;
	}
	.menu-trigger.active span {
		background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 12px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	.menu-trigger span:nth-of-type(2)::after {
		position: absolute;
		top: 0;
		left: 0;
		content: '';
		width: 100%;
		height: 2px;
		background-color: #6e6e6e;
		transition: all .4s;
	}
	.menu-trigger.active span:nth-of-type(1) {
		transform: translate(50%) scale(0);
	}
	.menu-trigger.active span:nth-of-type(2) {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.menu-trigger.active span:nth-of-type(2)::after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		background-color: #fff;
	}
	.menu-trigger.active span:nth-of-type(3) {
		transform: translate(-50%) scale(0);
	}
	#menuSp{
		display: block;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 11;
		background: rgba(255,255,255,0);
		transition: 0.3s;
	}
	#menuSp.active {
		background: rgba(110, 110, 110, 1);
		width: 165px;
		height: 360px;
	}
	.menuSpInner {
		display: none;
		padding: 80px 25px 0 25px;
	}
	#menuSp.active .menuSpInner{
		display:block;
	}
	.menuSpInner li {
		margin: 0 0 25px 0;
	}
	.menuSpInner li:last-child {
		marginmargin: 25px 0 0 0;
		border-top: 1px solid #fff;
		padding: 25px 0 0 0;
	}
	.menuSpInner li a {
		display: block;
	}
	.menuSpInner li a img{
		height: 12px;
		width: auto;
	}
	.menuSpInner li:last-child a img{
		height: 100%;
	}
}
/*contents
-----------------------------------------------------------------------------------------------*/
main {
	overflow: hidden;
}
#fullpage .section:nth-child(1){
	height: 100vh;
}
#fullpage .section:nth-child(2){
	height: 630px;
	position: relative;
	background: #fff;
}
#fullpage .section:nth-child(3){
	background: #a0dceb;
	height: 465px;
	position: relative;
}
#fullpage .section:nth-child(4){
	height: auto;
	padding: 54px 0;
}
#fullpage .section:nth-child(5){
	height: 500px;
	background: url(../images/mapBk.svg);
	background-size: cover;
	background-position: center;
} 
#fullpage .section:nth-child(6){
	height: 190px;
} 
@media screen and (max-width:767px){
	#fullpage .section:nth-child(2) {
		height: auto;
		padding: 60px 0;
	}
	#fullpage .section:nth-child(3){
		height: auto;
		padding: 38px 0;
	}
	#fullpage .section:nth-child(5) {
		height: auto;
		padding: 51px 0;
	}
	#fullpage .section:nth-child(6) {
		height: auto;
		padding: 5px 0;
	}
}
/*TOP*/
.mainVisual{
	background: url(../images/topBk-02.png);
	background-repeat: no-repeat;
	background-position: center 40px;
	background-size: cover;
	animation: mainImgA 1s ease 0s;
}
.topInner{
	background-image: url(../images/topBk-01.png),url(../images/topBk-03.png);
	background-repeat: repeat-x,repeat-x;
	background-position: top center,bottom center;
	background-size: 1190px 40px, 1190px 40px	;
}
@keyframes mainImgA{
	from{
		background-position: center -240px;
	}
	to{
		background-position: center 40px;
	}
}
.mainLogoArea {
	position: fixed;
	top: 85px;
	left: 50px;
	width: 135px;
	z-index: 10;
}
.mainLogo {
	display: block;
}
.mainLogo img{
	width: 100px;
	animation: showA 0.5s linear 0s;
	opacity: 0;
	transition: 0.3s;
}
.active .mainLogo img {
	display: block;
	animation: showB 0.5s linear 0s;
	opacity: 0.6;
}
.topInner {
	overflow: hidden;
	height: 100vh;
}
.topOrnamentArea{
	float: right;
	margin: 30px 60px 0 0;
}
.topOrnament {
	height: 238px;
	width: 238px;
	-webkit-animation: spin 40s linear infinite;
	-moz-animation: spin 40s linear infinite;
	-ms-animation: spin 40s linear infinite;
	-o-animation: spin 40s linear infinite;
	animation: spin 40s linear infinite;
}

@keyframes showA{
	from{opacity: 0.6;}
	to{opacity: 0;}
}
@keyframes showB{
	from{opacity: 0;}
	to{opacity: 0.6;}
}
@keyframes showC{
	from{opacity: 0;}
	to{opacity: 1;}
}
@-webkit-keyframes spin {
	0% {-webkit-transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
	0% {-moz-transform: rotate(0deg);}
	100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
	0% {-ms-transform: rotate(0deg);}
	100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
	0% {-o-transform: rotate(0deg);}
	100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@media screen and (max-width:767px){
	.topInner > div {
		position: fixed;
		top: 35px;
		left: 0;
		width: 30%;
	}
	.mainVisual{
		background-image: url(../images/topBk-02_sp.png);
		background-repeat: no-repeat;
		background-position: center 20px;
		background-size: cover;
		animation: mainImgB 1s ease-in 0s;

	}
	.topInner {
		background-image: url(../images/topBk-01.png),url(../images/topBk-03.png);
		background-repeat: repeat-x,repeat-x;
		background-position: top center,bottom center;
		background-size: 750px 20px, 750px 20px;
	}
	.mainLogo {
		margin: 0 15px 0 20px;
	}
	.mainLogo img {
		width: 100%;
		animation: showB 0.5s linear 0s;
	}
	.gotochiBtn {
	width: 94%;
	height: auto;
	bottom: 84px;
	}
	.snsBtn {
		bottom: 35px;
	}
	.menuArea {
		width: 100%;
	}
	.newsBtn {
		margin: 15px 0 0 0;
	}
	.newsBtn img{
		width: 100%;
		margin: 0 0 0 -1px;
		animation: showA 0.5s linear 0s;
		opacity: 0;
	}
	.active .newsBtn img{
		display: block;
		animation: showC 0.5s linear 0s;
		opacity: 1;
	}
}
@keyframes mainImgB{
	from{
		background-position: center -200px;
	}
	to{
		background-position: center 20px;
	}
}

/*CONCEPT*/
#CONCEPT:before{
	content: '';
	height: 410px;
	width:  350px;
	background: url(../images/conceptBk01_pc.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: -60px;
	left: 0;
}
#CONCEPT:after{
	content: '';
	height: 440px;
	width:  240px;
	background: url(../images/conceptBk02_pc.png) no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 20px;
	right: 20px;
}

.conceptCharaArea img:nth-child(1){
	height: 54px;
	width: 53px;
	position: absolute;
	bottom: 0;
	right: 50%;
	margin: 0 -430px 0 0;
}
.conceptCharaArea img:nth-child(2){
	height: 54px;
	width: 53px;
	position: absolute;
	bottom: 0;
	right: 50%;
	margin: 0 -490px 0 0;
}
.ctsAreaA{
	width:745px;
	margin: 0 auto;
}
.ctsAreaB{
	width:775px;
	margin: 0 auto;
}
.ctsAreaC{
	width:165px;
	height: 140px;
	margin: 0 auto;
}
.ctsTit {
	display: block;
	margin: 0 0 40px 0;
}
.ctsTit img {
	height: 20px;
	display: block;
	margin: 0 auto;
}
.mainCatch {
	margin: 0 0 40px 0;
}
.mainCatch img {
	width: 545px;
	height: 35px;
	margin: 0 auto;
	display: block;
}
.leadTxt {
	font-size: 1.6rem;
}
.txtArea {
	text-align: center;
	letter-spacing: 0.1rem;
}
.txtArea p:last-child{
	margin: 35px 0 0 0;
}
.subCatch {
	font-size: 2.2rem;
	line-height: 3.7rem;
	margin: 0 0 35px 0;
}
@media screen and (max-width:767px){
	.ctsAreaA {
		width: 100%;
		margin: 0 auto;
	}
	.ctsTit {
		display: block;
		margin: 0 0 15px 0;
	}
	.ctsTit img {
		height: 13px;
		width: auto;
	}
	.mainCatch img {
		width: 80%;
		height: auto;
	}
	.conceptCharaArea img:nth-child(1) {
		height: 40px;
		width: auto;
		bottom: 0;
		right: 50%;
		margin: 0 -115px 0 0;
	}
	.conceptCharaArea img:nth-child(2) {
		height: 40px;
		width: auto;
		bottom: 0;
		right: 50%;
		margin: 0 -160px 0 0;
	}
	.mainCatch {
		margin: 0 0 20px 0;
	}
	.subCatch {
		font-size: 1.8rem;
		line-height: 3rem;
		margin: 0 0 20px 0;
	}
	.leadTxt {
		font-size: 1.2rem;
		font-weight: bold;
	}
	.txtArea p:last-child {
		margin: 15px 0 0 0;
	}
	#CONCEPT:before {
		height: 350px;
		width: 85px;
		background: url(../images/conceptBk01_sp.png) no-repeat;
		background-size: contain;
		top: auto;
		bottom: 0;
	}
	#CONCEPT:after {
		height: 350px;
		width: 85px;
		background: url(../images/conceptBk02_sp.png) no-repeat;
		background-size: contain;
		left: auto;
		bottom: 0;
		right: 0;
	}
	.txtArea {
		font-weight: bold;
	}
	.ctsAreaB {
		width: 100%;
	}
}
/*MENU*/
.menuOrnament {
	position: absolute;
	left: 50%;
	margin: 0 0 0 -620px;
	bottom: -70px;
	width: 150px;
	-webkit-animation: spin 40s linear infinite;
	-moz-animation: spin 40s linear infinite;
	-ms-animation: spin 40s linear infinite;
	-o-animation: spin 40s linear infinite;
	animation: spin 40s linear infinite;
	z-index: 2;
}
.imgArea {
	margin: 30px 0 20px 0;
}
.imgArea img {
	width: 100%;
}
.menuBtn{
	text-align: center;
	z-index: 1;
	position: relative;
}
.menuBtn a {
	position: relative;
	display: inline-block;
	padding: .5em 0em;
	border: 1px solid #333;
	color: #333;
	text-align: center;
	text-decoration: none;
	transition: .3s;
	font-size:1em;
}
.menuBtn a:hover {
	color: #fff;
}
.menuBtn a::before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	content: '';
	background: #333;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s;
}
.menuBtn a:hover::before {
	transform-origin: left top;
	transform: scale(1, 1);
}
.menuBtn a:after{
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 14px;
	content: "";
	vertical-align: middle;
	top: 50%;
	margin-top: -5px;
}
.menuBtn a:hover:after{
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.menuBtnDouble{
	display: flex;
	justify-content: center;
	align-items: center;
}
.menuBtnDouble .menuBtn{
	margin: 0 15px 0 0px;
}
.menuBtnDouble .menuBtn:nth-child(4){
	margin: 0 0 0 0;
}
.menuBtnDouble .menuBtn a {
	padding: .5em 0em;
	width: 216px;
}
@media screen and (max-width:767px){
	#MENU:before {
		height: 100px;
		width: 100px;
		left: 0;
		bottom: -45px;
	}
	.menuOrnament {
		position: absolute;
		left: 2px;
		margin: 0;
		bottom: -50px;
		width: 105px;
	}
	.menuBtnDouble{
		display: block;
	}
	.menuBtnDouble .menuBtn{
		margin: 10px 0 10px 0;
	}
	.menuBtnDouble .menuBtn:nth-child(4){
		margin: 10px 0 0 0;
	}
	.menuBtnDouble .menuBtn a {
		padding: 1em 4em;
		width: 70%;
	}

}

/*SHOP*/
#SHOP{
	position:relative;
	background: #fff;
	z-index: 1;
}
#SHOP:after {
	content: '';
	height: 435px;
	width: 270px;
	background: url(../images/shopBk_pc.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -90px;
	right: 0;
}
.shopCts {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 0 70px 0;
}
.shopInfo {
	width: 330px;
	position: relative;
	z-index:2;


}
.shopInfo ul{
	margin: 30px 0 0 0;
	color: #6e6e6e;
}
.shopInfo ul li{
	margin: 0 0 8px 0;
}
.shopInfo ul li:last-child{
	margin: 0 0 0 0;
}
.shopImg {
	width: 385px;
}
.shopInfo img{
	width: 250px;
}
.shopImg img {
	width: 100%;
}
.shopLink{
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 5;
}
.shopLink a{
	color: #48bcd9;
	position: relative;
	display: inline;
	width: 100%;
	text-align: center;
	padding: 0 13px 0 0;
	border-bottom: #48bcd9 1px solid;
	transition: 0.3s;
}
.shopLink a:hover{
	opacity: 0.6;
}
.shopLink a:after{
	width: 7px;
	height: 7px;
	border-top: 1px solid #48bcd9;
	border-right: 1px solid #48bcd9;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 4px;
	content: "";
	vertical-align: middle;
	top: 50%;
	margin-top: -3.5px;
}
@media screen and (max-width:767px){
	.shopCts {
		flex-direction: column-reverse;
		margin: 0 0 40px 0;
	}
	#SHOP .ctsAreaA {
		padding: 0 30px;
	}
	.shopImg {
		width: 100%;
	}
	.shopInfo {
		width: 100%;
	}
	.shopInfo img {
		width: 60%;
		margin: 20px 0 0;
	}
	.shopInfo ul {
		margin: 10px 0 0 0;
	}
	.shopInfo ul li {
		margin: 0 0 3px 0;
	}
	#SHOP:after {
		height: 250px;
		width: 155px;
		bottom: 85px;
		right: 0;
	}
}

/*MAP*/
.mapCts{
	width: 740px;
	border: 1px solid #909090;
	background: #fff;
	position: relative;
}
.mapCts img {
	width: 100%;
}
a.mapTxt {
	text-align: center;
	color: #909090;
	width: 100%;
	display: inline-block;
}
a.mapTxt p{
	transition: 0.3s;
	margin: 10px 0 0 0;
	border-bottom: #909090 1px solid;
	display: inline-block;
	line-height: 120%;
}
a.mapTxt:hover p{
	opacity: 0.6;
}
@media screen and (max-width:767px){
	.mapCts {
		width: 100%;
	}
}

/*footer*/
footer {
	position: absolute;
	background: #fff;
	width: 100%;
}
footer:after {
	content: '';
	height: 74px;
	width: 80px;
	background: url(../images/charaImg-02.png) no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 10px;
	right: 30%;
}
.ctsAreaC{
	position:relative;
	z-index: 11;
}
.ctsAreaC a:hover img{
	opacity: 0.6;
}
.ctsAreaC img {
	width: 72px;
	margin: 10px auto 20px;
	display: block;
	transition:0.3s;
}
.copyrightTxt{
	font-size: 1.1rem;
	color: #6e6e6e
}
@media screen and (max-width:767px){
	.ctsAreaC {
		width: 160px;
		height: auto;
		margin: 10px auto;
	}
	.ctsAreaC img {
		width: 25%;
		margin: 20px auto 10px;
	}
	.copyrightTxt {
		font-size: 1rem;
	}
	footer:after {
		height: 46px;
		width: 50px;
		bottom: 10px;
		right: 10%;
	}
}

/*common*/
@media screen and (max-width:767px){
	body{-webkit-text-size-adjust:100%;}
	img{width:100%;}
	.pc{display:none;}
	.sp{display:block;}
}



/*緊急*/
.emergencyBox {
	position:absolute;
	right: 0px;
	bottom: 120px;
	margin: 0px auto;
	width: auto;
	background:#ffffff;
	display: block;
	padding: 20px 10px 8px 26px;
	border-radius: 6px 0px 0px 6px;
}
.emergencyBox .titEmergency {
	font-size: 2.2rem;
	margin-bottom: 6px;
}
.emergencyBox p {
	margin-bottom: 10px;
	font-size: 108%;
}
.emergencyBox p.days {
	font-weight: bold;	
}
.emergencyBox p strong {
	color: #FF0004;
	font-size: 108%;
}

@media screen and (max-width:767px){
.topInner > div.emergencyBox{
	position:absolute;
	top: auto;
	left: auto;
	bottom:50px;
	width: 96%;
	padding: 15px 10px 6px 14px;	
	}
	.emergencyBox .titEmergency {
	font-size: 1.6rem;
	margin-bottom: 4px;
	}
	.emergencyBox p {
	margin-bottom: 4px;
	font-size: 96%;
	line-height: 155%;
	}
	.emergencyBox p.days {
		display: none;
	}
	.emergencyBox p strong {
	color: #FF0004;
	font-size: 100%;
	}	
}

.emergencyLink {
	text-decoration: underline;
	}	

.aka {
	color: #FF0004;
	font-size: 108%;
}