@charset "utf-8";
/* CSS Document */

/* 追加
------------------------------------------------------------*/
.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.fade{display:none;}
.banner_img{text-align:center;margin:0 auto;clear:both;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{text-align:center;line-height:1.8;margin:0 auto;}
.text_box_w{text-align:center;line-height:1.8;background:rgba(255,255,255,0.8);padding:40px 50px;margin-bottom:40px;}
.text_box_p{text-align:center;line-height:1.8;background:rgba(250,240,240,0.8);padding:40px 100px;margin:40px 0;}
.text_box p,.text_box_w p{padding-bottom:1em;}
.text_box ol{margin:1em 0 0 2em;}
.text_box ol li{margin-bottom:5px;}
.text_box ul{margin:1em 0 1em 2em;}
.text_box ul li{margin-bottom:5px;}
.pnavi{text-align:center;margin:40px auto;}
.photobox{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.photoimg{width:300px;margin:0 0 0 50px;}
.photoimg img{width:100%;}



h2.title {position: relative;border-bottom: solid 5px #45b035;line-height: 1.6;padding: 0.8em 0.5em 0 40px;margin: 0 0 0.5em;font-size:22px;font-weight:bold;text-align:left;clear:both;background:url(/userdata/h2.png) no-repeat top left;background-size:36px 50px;}
h3.title {position: relative;border-bottom: dotted 1px #999;line-height: 1.6;padding: 0.8em 0.5em 0 1em;margin: 0 0 0.5em;font-size:18px;font-weight:bold;text-align:left;clear:both;}



h3.title_box {
	background: url(/userdata/title.png) no-repeat 0 7px;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0px 28px;
}
.a_title_box{padding:0 0 15px 28px;}
.a_title_box ul{padding-left:1em;}
.side_box{font-size:80%;color:#333;margin:5px 0;display:table;}
.side_list{float:left;margin-right:16px;padding-left:8px;background:url(/userdata/arrowb.png) no-repeat 0px 8px;}
.side_title{font-weight: bold;padding-right:30px;float:left;}
.side_list2{float:left;margin-right:20px;}
.foot_box{width: 100%;padding:20px 0;}
.sub_title{background:url(/userdata/title.png) no-repeat 5px 7px;padding:0 0 0 35px;border-bottom:1px solid #ccc;margin:0 0 10px 0;clear:both;font-weight: bold;}

.bottom_box{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:50px;}
.bottom_img{width:400px;}
.bottom_img img{width:100%;}


/*background
------------------------------------------------------------*/
.bg-message{background:url(/userdata/message/back.jpg) no-repeat top center;background-size:100%;}
.bg-fortune-telling{background:url(/userdata/fortune-telling/back.jpg) no-repeat top center;background-size:100%;}
.bg-menu{background:url(/userdata/menu/back.jpg) no-repeat top center;background-size:100%;}
.bg-salon{background:url(/userdata/salon/back.png) no-repeat top center;background-size:100%;}
.bg-blog{background:url(/userdata/salon/back.png) no-repeat top center;background-size:100%;}
.teller{width:300px;margin:0 auto 10px;clear:both;}
.teller img{width:100%;}
.teller2{width:200px;margin:0 auto 10px;clear:both;}
.teller2 img{width:100%;border-radius:20px;}




/*salon
------------------------------------------------------------*/
.image_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:0px;}
#photo{width:100%;}
#navi{display:flex;flex-wrap:wrap;}
.image_thumb{width:24%;margin:10px calc(4%/3) 0 0;}
.image_thumb:nth-child(4n){margin:10px 0 0 0;}
#photo img,.image_thumb img{width:100%;}

h2.access {position: relative;display: inline-block;padding: 0 100px;font-size:28px;margin:50px auto 0;text-align:center;width:100%;color:#7E3C92;}
h2.access:before, h2.access:after { content: '';position: absolute;top: 50%;display: inline-block;width: 350px;height: 2px;background-color:#7E3C92;}
h2.access:before {left:0;}
h2.access:after {right: 0;}
.maparea{width:60%;margin:20px auto 50px;color:#7E3C92;}
.maparea iframe{margin-top:5px;}


/*public
------------------------------------------------------------*/
.headimg{width:794px;margin:160px auto 40px;}
.headimg img{width:100%;}
.text_box_w h2 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
font-size:30px;
color:#7E3C92;
margin:0 auto 20px;
width:100%;
font-weight:600;
}

.text_box_w h2::before {
 content:'';
background-image:url(/userdata/h3back.png);
background-repeat:no-repeat;
  width: 76px;
  height: 23px;
  display: inline-block;
background-size: contain;
  vertical-align: middle;
margin-right:30px;
}

.text_box_w h2::after { 
 content:'';
background-image:url(/userdata/h3back.png);
background-repeat:no-repeat;
  width: 76px;
  height: 23px;
  display: inline-block;
background-size: contain;
  vertical-align: middle;
margin-left:30px;
}

.text_box_p h2 {
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
  top:0;
font-size:30px;
color:#7E3C92;
margin:0 auto 20px;
width:100%;
font-weight:600;
}

.text_box_p h2::before {
 content:'';
background-image:url(/userdata/h3back.png);
background-repeat:no-repeat;
  width: 76px;
  height: 23px;
  display: inline-block;
background-size: contain;
  vertical-align: middle;
margin-right:30px;
}

.text_box_p h2::after { 
 content:'';
background-image:url(/userdata/h3back.png);
background-repeat:no-repeat;
  width: 76px;
  height: 23px;
  display: inline-block;
background-size: contain;
  vertical-align: middle;
margin-left:30px;
}

.border_img{width:191px;margin:0px auto 40px;height:6px;}
.border_img img{width:100%;}
.purple_txt{color:#7E3C92;font-size:26px;font-weight:600;text-align:center;margin-bottom:40px;}

/*TOP
------------------------------------------------------------*/
.top_info{font-size:28px;text-align:center;color:#7e3c92;}
.link_img{width:405px;margin:10px auto;}
.link_img img{width:100%;}

.mail_box{position:relative;margin:20px auto 30px;display:block;background:#faf0f0;width:350px;height:58px;text-align:center;line-height:53px;}
.mail_box a{position: absolute;top: 0;left: 0;height:100%;width: 100%;color:#fff;transition:all 0.3s;color:#7e3c92;}
.mail_box a:hover{background:#7e3c92;color:#fff;}

.qrcode{width:150px;margin:0 auto;}
.qrcode img{width:100%;}

/*menu
------------------------------------------------------------*/
h3.menu_title{width:222px;clear:both;margin-bottom:20px;}
h3.menu_title img{width:100%;}
.menu_price{color:#7E3C92;font-size:24px;text-align:center;}
.menu_sub{font-size:18px;text-align:center;margin:0px auto 50px;}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1599px){
.bottom_img{width:25%;}
}


/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){
div#mainphoto{height:auto;background:none;padding-top:0;}
.banner_img img{width:100%;}
.photoimg{width:32%;margin:0 0 10px 1.3%;}

}





/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}
.top_info{font-size:22px;text-align:center;color:#7e3c92;}
.link_img{width:100%;margin:10px auto;}
.headimg{width:100%;margin:40px auto 40px;}
.text_box_w{text-align:center;line-height:1.8;background:rgba(255,255,255,0.8);padding:40px 10px;margin-bottom:40px;}
.text_box_p{text-align:center;line-height:1.8;background:rgba(250,240,240,0.8);padding:40px 20px;margin:40px 0;}
.text_box_w h2,.text_box_p h2{font-size:20px;} 
.purple_txt{font-size:20px;}
.mail_box{width:100%;font-size:20px;}
.text_box_w h2::before {
 content:'';
background-image:url(/userdata/h3back.png);
background-repeat:no-repeat;
  width: 50px;
  height: 15px;
  display: inline-block;
background-size: contain;
  vertical-align: middle;
margin-right:10px;
}

.text_box_w h2::after { 
 content:'';
background-image:url(/userdata/h3back.png);
background-repeat:no-repeat;
  width: 50px;
  height: 15px;
  display: inline-block;
background-size: contain;
  vertical-align: middle;
margin-left:10px;
}
h3.menu_title{width:222px;clear:both;margin:0 auto 20px;}
.menu_sub{font-size:14px;text-align:center;margin:10px auto 50px;}

.sns_box{width:100%;justify-content:flex-end;margin-top:10px;}
.text_box ol{margin:1em 0 0 1em;}
.text_box ul{margin:1em 0 1em 1em;}
ul.trouble li{font-size:16px;}
h2.title{font-size:16px;line-height: 2.4;}
h3.title{font-size:16px;}
.text_box2{text-align:left;}
.text_box3{padding:10px;}

.image_thumb{width:49%;margin:10px calc(2%/1) 0 0;}
.image_thumb:nth-child(2n){margin:10px 0 0 0;}
h2.access {position: relative;display: inline-block;padding: 0 50px;font-size:28px;margin:50px auto 0;text-align:center;width:100%;color:#7E3C92;}
h2.access:before, h2.access:after { content: '';position: absolute;top: 50%;display: inline-block;width: 100px;height: 2px;background-color:#7E3C92;}
.maparea{width:100%;margin:20px auto 50px;color:#7E3C92;}
.maparea iframe{margin-top:5px;}

.bottom_img{width:50%;}

}