@charset "utf-8";
/* CSS Document */
/*kireiup 2021 base.css*/

/*base*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');
html{font-size:62.5%;font-family:'Noto Serif JP', serif;}
body{margin:0;padding:0;font-size:1.4rem;min-width:1000px;}

.clearfix::after {content: "";display: block;clear: both;}
.notosan{font-family: 'Noto Sans JP', sans-serif;}
.ft9{font-size:0.9rem;}
.ft12{font-size:1.2rem;}
.mb0{margin-bottom:0;}

	.pcob{display:block;}
	.spob{display:none;}
a{color:#000;text-decoration: none;}
a:hover{color:#000;text-decoration: none;}
ul li{list-style:none;}

header{width:1000px;margin:0 auto;display: flex;justify-content: center;position: relative;padding:10px 0;}
header div.logo{width:150px;margin:0;}

#totop{position:fixed;right:10%;bottom:10%;width:20px;z-index:50;display:none;}

div.cont12box{max-width:1200px;margin:0 auto;position: relative;}
.suiteki{background:url("/assets/img/waterdrop3.jpg") top left repeat;}
.suiteki3{background:url("/assets/img/waterdrop3.jpg") top left repeat;}


div.contbox{width:1000px;margin:0 auto;position: relative;}
div.lftbox{width:50%;float:left;position:relative;}
div.rgtbox{width:50%;float:right;position:relative;}
div.coninbox{z-index:20;opacity:1;position: absolute;top: 0;left: 0;right: 0;margin: auto;}


#fot{width:550px;margin:10px auto;}
#fot .logo{width:176px;float:left;}
#fot .hp{width:324px;float:right;line-height:65px;}
#fot .hp img{vertical-align:bottom;}

footer{padding-top:70px;}
footer .snsbox ul li {height:30px;float:left;margin:5px;}
footer .snsbox ul li img {height:100%;width:auto;}
footer .kakaku{text-align:center;}

#hood{width:1200px;margin:0 auto;position:relative;text-align:center;}
#hood p{line-height:65px;margin:0;}

.hood{z-index:1;width: 100%;height:65px;background: radial-gradient(ellipse at right, rgba(207,199,233,0.5), transparent),
radial-gradient(ellipse at left, rgba(77,159,12,0.5), transparent);
animation: huerotator 8s infinite alternate;position:absolute;}

.hum{width:60px;height:30px;outline: none;border: none;font-size: 2.0rem;display:block;padding:30px 0 0px 20px;position: absolute;right: 0;top: 0;bottom: 0;}
.hum .mnu {display: block;position:absolute;right:10px;top: 20px;cursor: pointer;transition: all 0.2s ease-in;}
.hum .mnu span {display: block;width: 50px;height:2px;background: #808080;margin-bottom:10px;transition: all 0.4s ease-out;}
.hum.open .mnu .bar1 {transform: translateY(19px) rotate(135deg);}
.hum.open .mnu .bar2 {opacity: 0;transform:translateX(-100px);}
.hum.open .mnu .bar3 {transform:  translateY(-6px) rotate(45deg);margin-bottom:3px;}
.hum .mnu p{margin:0;font-size:0.9rem;text-align:justify;width:50px;}
.hum.open .mnu p{transform:translateY(12px);margin:0;font-size:0.9rem;text-align:justify;}
/*hum menu end here*/

#hmmenu{
	transform: translateX(-100%);
    transition:  transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	z-index:500;
	position:absolute;
	left:0;
	top:79px;
	width:100%;
	display: flex;
    flex-direction: column;
    justify-content: center;
	background:url("/assets/img/waterdrop3.jpg") top left repeat;font-size: 1.6rem;
}
#hmmenu.open{
transform: translateX(0);
}
#hmmenu div.contbox{padding:0px 20px;}
#hmmenu div.inmb{width:300px;margin:0 auto;/*background: radial-gradient(ellipse at top left, rgba(97,158,79,0.5), transparent),
radial-gradient(ellipse at bottom right, rgba(169,92,151,0.5), transparent);
animation: huerotator 8s infinite alternate;*/padding:20px 50px 5px 50px;}
#hmmenu div.otmb{width:300px;margin:0 auto;padding:5px 50px 20px 50px;}
#hmmenu div.inmb p,#hmmenu div.otmb p{width:100%;border-bottom: 1px solid;}
#hmmenu div.inmb p.sbt img,#hmmenu div.otmb p.sbt img{width:80%;}
.telbox{background: url("/assets/img/tel.svg") left center no-repeat;background-size: auto 70%;padding-left: 25px;font-weight: 600;}
_:-ms-lang(x)::-ms-backdrop, .telbox{background: url("/assets/img/tel.jpg") left center no-repeat;background-size: auto 70%;}
.shoplogo{height:60px;line-height: 60px;margin-bottom: 0.5rem!important;}
.shoplogo img{vertical-align:middle;}
	
.snsbox ul{text-align: center;width: 310px;margin: 0 auto;padding: 0;}

@media only screen and (max-width: 768px) {
	.pcob{display:none;}
	.spob{display:block;}

	body{font-size:1.4rem;min-width:100%;}
	header{width:100%;}
	header div.logo{width:100px;}
	#hmmenu{top:62px;}
	.hum{right:2%;width:40px;}
	.hum .mnu span{width:40px;}
	.hum .mnu{top:10px;}
	.hum .mnu p{width:40px;}
	.hum.open .mnu p{transform:none;margin-top: 1rem;font-size:0.9rem;text-align:justify;}
	
	#hmmenu div.contbox{padding:0;}
	#hmmenu div.inmb,#hmmenu div.otmb{width: 90%;
    padding: 5%;}
	div.contbox{width:100%;}
	div.cont12box{width:100%;max-width:100%;}
	#hood{width:100%;}
	#fot{width:100%;}
	#fot .logo{float:none;margin: 0 auto;}
	#fot .hp{float:none;margin: 0 auto;}
	#hood p{font-size:1.0rem;line-height:50px;}
	.hood{height:50px;}
	#totop{right:5%;}
	.shoplogo{width:90%;height:auto;}
	.shoplogo img{max-width:100%;}
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}


@media (max-width: 375px) {
  html {
    font-size: 2.66vw;
  }
}