@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.3.0
Author: opencage
Author URI: https://open-cage.com/
*/

#navbtn_menu_content{
	background:#E49B8F;
	color:#fff;
}
h1{
font-family: ah-hakushu-rs, sans-serif;
font-weight: 100;
font-style: normal;
}
.normal-font{
	font-family: a-otf-jun-pro, sans-serif;
	font-size:0.7em !important;
}
p,li{
	font-family: a-otf-jun-pro, sans-serif;
}

h2{
	font-family: nitalago-ruika, sans-serif;
	line-height:1;
}
h5{
	font-family: a-otf-jun-pro, sans-serif;
	font-weight:normal;
	display:flex;
	align-items:center;
	justify-content:center;
	border:solid 1px;
	padding:3em 0;
}

/*top*/
.mm-one{
	background:#F9E2E9;
}
.mm-two{
	background:#F9DEB8;
}
.mm-three{
	background:#FBFBE9;
}
.mm-four{
	background:#F9E2E1;
}
.aboutmm{
    --block-column-gap: 1px;
    row-gap: 1px;
    column-gap: 1px;
}
.aboutmm div{
	padding-bottom:1em;
}
.entry-content ul li::before {
    font-family: var(--stk-font-awesome-free, "Font Awesome 5 Free");
    font-weight:100;
    content: "\f111";
  transform: scale(1);
}
.mm-mida{
	background:none !important;
	color:#FFD4C7 !important;
	font-size:3em !important;
	padding:0 !important;
	margin:0 !important;
	box-shadow:none !important;
}

#custom_header .en{
	position:absolute;
	top:50px;
	font-size:30px !important;
	width:65%;
}
#custom_header .ja{
	position:absolute;
	bottom:60px;
	right:0px;
	max-width:70%;
	}

.right-img{
	display:flex;
	justify-content:flex-end;
}

/*voice*/
.voice.l .icon,.voice.r .icon{
	width:0;
}
.voice .icon{
	min-width:0 ;
}
.voice.line .voicecomment,.voice.comment_green .voicecomment {
    background: #CFE6CB;
    border-color: #CFE6CB;
    color: #000;
}
.voice.fb .voicecomment, .voice.comment_blue .voicecomment {
    background: #F6C584;
    border-color: #F6C584;
    color: #000;
}
.voice.comment_pink .voicecomment {
    background: #F7C6CD;
    border-color: #F7C6CD;
}
 .voice .voicecomment {
    border: 5px solid rgba(213, 213, 213, 0.5);
    margin-top: 1em;
    padding: 0.5em 3em;
    position: relative;
	 border-radius: 10em;
}

.voice .voicecomment::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 60%; 
  left:-23px;
  border: 8px solid transparent;
  border-right: 18px solid;
	border-right-color: inherit;
  -webkit-transform: rotate(-15deg);
  transform: rotate(-15deg);
}
.voice.r .voicecomment::after {
    left: auto;
    right: -23px;
    border-color: transparent;
    border-left-color: inherit;
	border-left: 18px solid;
	border-left-color: inherit;
  -webkit-transform: rotate(15deg);
  transform: rotate(15deg);
}
ol.moretopic{
	font-size:2em;
}
ol.moretopic > li::before{
	content:"#00"counter(number);
	color:#000;
	font-family: impact, sans-serif;
	font-weight:100;
	width:3.5em;
	background:none;
	border:none;
	transform:none;
	top:3px;
}
ol.moretopic > li:nth-child(n+10)::before{
	content:"#0"counter(number);
}
ol.moretopic > li{
	padding-left:3.5em;
	font-family: a-otf-jun-pro, sans-serif;
	font-weight:bold;
}
ol.moretopic > li a{
	text-decoration:none;
}/*
#fixed-footer-menu{
	left:25%;
	width:50%;
}*/
#fixed-footer-menu::before{
	background:#f5b562;/*#F6C584;*/
	/*border-radius:5px 5px 0px 0px;*/
}
#fixed-footer-menu ul li{
	color:#fff;
}
#fixed-footer-menu ul{
	padding:1em 0;
	font-weight:bold;
}
#fixed-footer-menu ul li span{
	overflow:visible;
	font-size:1em;
}
.blue-frame{
	background:#D6E7E8;
	border-radius:1.5em;
	line-height:1em !important;
	padding:1em;
	font-size:1.1em;
	font-weight:bold;
	}
.right-text{
	padding-right:2em;
}

.obi{
	color:#000;
	border:none !important;
		margin:0 -2em;
	padding-left:2em!important;
	}
.yellow{	
	background:#F5E3AD;
	position:relative;
}
.osusume{
	position:absolute;
	width:70px;
	right:50px;
	top:-30px;
}
.water{
	background:#CBDFF3;
}
.peach{
	background:#E2B9CE;
}

.totalcare{
	padding:3em 0;
	position:relative;
}
.totalcare p{
	padding-left:1em;
	padding-bottom:2em;
}
.totalcare img{
	width:250px;
	position:absolute;
	right:0px;
	top:0px;
	mix-blend-mode: multiply;
}
.pink-frame{
	display:flex;
	background:#FFD4C7;
	padding:1em;
}
.w-box{
	background:#fff;
	width:7em;
	height:7em;
  display:flex;
	justify-content:center;
	text-align:center;
	align-items:center;
}
.junbi{
	padding-left:1em;
}
.parking{
	font-family: nitalago-ruika, sans-serif;
	background:#33CCFF;
	color:#fff;
	padding:0.1em 0.2em 0.2em;
	border-radius:3px;
	font-size:1.1em;
}
.price-t{
	font-size:1.5em;
	font-weight:bold;
}


@media screen and (min-width:451px){
	.sp{
		display:none;
	}
	.totalcare{
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
	.totalcare img{
	top:-20px;
	mix-blend-mode: multiply;
}
	.bo-title img{
		height:70px;
		width:auto;
	}
	ol.moretopic{
	font-size:1.2em;
}
}
@media screen and (max-width:450px){
	.pc{display:none;}
	li{
		font-size:0.8em;
	}
	.jisseki{
		font-size:0.75em;
	}
	.wp-image-157{width:80%;}
	.wp-image-59{
		position:absolute;
		right:0;
		width:200px !important;}
	.mm-mida{font-size:2.5em !important;}
	.voice{
		font-size:1em;
	}
	.voicecomment p{
		line-height:1.5em;
	}
	.voice .voicecomment{
		padding:0 0.5em  0.3em 1em ;
	}
	#custom_header .en{
	top:80px;
	left:10px;
	width:90%;
}
#custom_header .ja{
	position:absolute;
	bottom:80px;
	right:0px;
	max-width:70%;
	}
	.totalcare{
	padding:2em 0;
	}
	.totalcare p{
	padding-bottom:2em;
}
	.totalcare img{
		width:160px;
	}
	.price-t{
	font-size:1.2em;
}
	.nayami-oya{
		margin-bottom:-120px;
	}
	.nayami{
		position:relative;
		width:120px;
    top:-70px;
		left:100px;
	}
	ol.moretopic{
	font-size:1.2em;
		line-height:1.5 !important;
}
ol.moretopic > li::before{
	top:0px;
}
ol.moretopic > li{
	padding-bottom:0.5em;
}
	.syonyu{
		padding:0 2.5em;
	}
	.ninpu{
		padding:1em 2em 0;
	}
	#philosophy,#price,#voice,#access{
	padding-top: 80px !important;
  margin-top: -80px !important;
	}
}