html,body{
	width: 100%; height:100%;
	font-family: 'PT Serif', serif;
	letter-spacing: .1em;
	font-size: 17px;
}
p{margin: 0px;}
img{width: 100%; height: auto;}
small{font-size: .66em; letter-spacing: .1em;}
a small{color: #337ab7;}
footer{
	background: url('../pics/mainBk-yellow.jpg');
	background-size: contain;
	padding: 15px 15px 20px;
}
footer p{
	margin-top: 15px;
	letter-spacing: .2em;
	font-size: .8em;
}
footer h2{
	font-size: 1.5em;
	letter-spacing: .2em;
	font-weight: bold;
}
.jpTxt{
	font-family: "Sawarabi Mincho";
}
.mgt10{margin-top: 60px;}
.mgt6{margin-top: 48px;}
.mgt5{margin-top: 32px;}
.mgt4{margin-top: 24px;}
.mgt3{margin-top: 16px;}
.blueTxt{color: rgb(46,133,199);}
.whiteTxt{color: rgb(240,240,240);}
.txt{
	color: rgb(128,129,131);
	letter-spacing: .2em;
	font-size: .9em;
}
.row{
	margin-right: 0px;
	margin-left: 0px;
}
.txt.active{color: rgb(46,133,199);}
.center{text-align: center;}
.right{text-align: right;}
.bd-top{border-top: 1px solid rgb(160,160,160);}
.bd-bottom{border-bottom: 1px solid rgb(160,160,160);}
.wrapper{
	padding: 15px;
}
.para{
	background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url(../pics/paraTop.jpg);
    height: 40vh;
    z-index: 1;
    position: relative;
}
.para h1{
	line-height: 1.8em;
	font-size: 6vh;
	margin: 0px;
	text-align: center;
	height: 100%;
	width: 100%;
	position: absolute;
	top:7.5vw;
}
.storeDesc .mainLink{
	margin: 15px 0px 20px;
}
.storeDesc,
.contentsWrapper{
	padding: 5vh 0px 10vh;
}
.storeDesc .letter{
	line-height: 2em;
	letter-spacing: .1em;
}
.contentsWrapper .caps{
	letter-spacing: .1em;
	font-size: .9em;
	line-height: 1.8em;
	width: 100%;
	overflow-wrap:break-word;
}
.contentsWrapper .caps.jpTxt{
	font-size: .75em;
	line-height: 2em;
}
.topPics{
	max-height: 65vh;
	width: 100%;
	overflow: hidden;
}
.bkGray{
	background: -moz-linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(242,242,242,0) 20%,rgba(242,242,242,0.5) 90%);
	background: -webkit-linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(242,242,242,0) 20%,rgba(242,242,242,0.5) 90%);
	background: linear-gradient(to bottom, rgba(242,242,242,0) 0%,rgba(242,242,242,0) 20%,rgba(242,242,242,0.5) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f2f2f2', endColorstr='#ccf2f2f2',GradientType=0 );
	background-repeat: no-repeat;
	background-size: 100% 15vh;
    background-position-y: 100%;
}

.storeMap iframe{
	width: 100%;
	border: none;
	height: 33vh;
	min-height: 180px;
}
.storeStatus{
	text-align: center;
	padding: 5px 20px;
	border-radius: 5px;
	font-size: .7em;
}
.storeStatus.new{
	background-color: #BF4F40;
	color: white;
}
.storeStatus.soon{
	background-color: #6FBF40;
	color: white;
}
.storeStatus.none{
	display: none;
}
.snsIcon{
	padding: 0px 20px 0px 0px;
}
.max250{
	max-height: 250px;
	overflow: auto;
	overflow-y: auto;
}
#sideMenu{
	margin: 0px;
	padding: 0px;
	position: fixed;
	top: 0;
	bottom: 0;
	background-color: rgb(242,242,242);
	z-index: 10;
	text-align: center;
}
#sideMenu .logoImg{
	margin: 5vh 0px;
	max-width: 150px;
}
#sideMenu .links{
	margin-top: 5vh;
	padding: 0px;
}
#sideMenu .links p{
	border-bottom: 1px solid rgb(160,160,160);
	height: 9vh;
	line-height: 9vh;
}
#sideMenu .links p:hover{
	color: rgb(46,133,199);
}
.links p:hover{	
	cursor: pointer;
}
#sideMenu .copyRights{
	position: absolute;
	bottom: 1vw;
}
#smpMenu{
	position: fixed;
	top: 0;
	right: -100%;
	bottom: 0;
	background-color: rgb(242,242,242);
	z-index: 10;
	transition: all .5s ease-in-out;
	text-align: center;
}
#smpMenu.active{
	right: 0px;
}
#smpMenu img{
	height: auto;
	/*width: auto;*/
	margin-bottom: 2vh;
	max-width: 30vh;
}
#smpMenu .logo{
	position: absolute;
	right: 0;
	bottom: 10px;
}
#smpMenu .txt{
	padding: 2vh;
	font-size: 1.15em;
}
#smpMenu .copyRights{
	position: absolute;
	bottom: 5px;
	padding: 0px;
}
#smpMenu .links .bd-top{
	padding-top: 5vh;
}
#home, #page, #about{
	padding: 0px;
}
#home .topBk{
	height: 100vh;
	background: url('../pics/mainBk-yellow.jpg');
	background-size: contain;
	position: relative;
}
#home .circleImage{
	position: absolute;
	bottom: 3vh;
	left: 3vw;
	width: 50%;
	height: auto;
}
#home .yagouImg{
	position: absolute;	
	top: 5vh;
	right: 10vw;
	width: auto;
	height: 60vh;
}
#home .yagouImg img{
	width: auto;
	height: 100%;
}
#home .storeLogo{
	display: inline-block;
	/*width: 14vw;
	height: 14vw;
	line-height: 14vw;*/
	width: 20vw;
	height: 20vw;
	line-height: 20vw;
	background-color: white;
	text-align: center;
	margin-bottom: 8px;
}
#home .storeLogo img{
	width: 80%;
	height: auto;	
}
#home .storeWrapper{
	background-color: rgb(33,33,33);
}
#home .store{
	text-align: center;
}
#home .store a{
	color: #C69C6D;
	text-decoration: underline;
	letter-spacing: .15em;
	margin-top: 10px;
}
#about .aboutCaps{
	margin-bottom: 3vh;
	padding: 0px;
}
#about h1{
	border-bottom: 2.5px solid rgb(46,133,199);
	margin: 10vh 0px 0px;
	padding-bottom: 15px;
	font-size: 2.5em;
}
#about h4{
	font-size: 1.5em;
	line-height: 1.5em;
}
#about .kojiPicWrap{
	position: relative;
}
#about .kojiPicWrap div{
	padding: 0px;
}
#about .kojiPicWrap .name{
	position: absolute;
	top: 45%;
	left: 65%;
}
#about .kojiPicWrap .name .blueTxt{
	font-size: 1.5em;
    font-weight: 700;
}
#about .kojiPicWrap .name .whiteTxt{
	font-size: 1.1em;
}
#about td{
	font-size: .9em;
	vertical-align: top;
	padding-bottom: 15px;
}
#about .pos{
	color: #C69C6D;
}
.smpKojiNm{
	margin-bottom: 5vh;
}
.msgBtn{
	font-size: 1.5em;
	line-height: 2.4em;
	background-color: rgb(46,133,199);
	cursor: pointer;
}


.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.menu-trigger{
	/*left:-100%;*/
}
.menu-trigger {
	position: fixed;
	top: 15px;
	left: 15px;
	width: 30px;
	height: 35px;
	z-index: 20;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: rgba(10,10,10,.7);
	border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
	top: 5px;
}
.menu-trigger span:nth-of-type(2) {
	top: 16px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 5px;
}
.menu-trigger.active span{
	background-color: rgb(46,133,199);
}
.menu-trigger.active span:nth-of-type(1),
.menu-trigger.active span:nth-of-type(3) {
	width: 20px;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translate(-3px,4.5px) rotate(-45deg);
	transform: translate(-3px,4.5px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translate(-3px,-4.5px) rotate(45deg);
	transform: translate(-3px,-4.5px) rotate(45deg);
}