@charset "utf-8";

/**-- texts ------------**/
h1 {font-size: 2em; font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:normal;}
h4 {font-weight:normal;}
h5 {font-weight:normal;}
h6 {font-size: 1.2em; font-weight:normal;}

/* text --------------------------------------------*/
.texts {font-size: 0.88em;}
.textss {font-size: 0.8em;}
.textlg {font-size: 1.3em;}
.textlgg {font-size: 1.8em;}
.textb {font-weight: bolder;}
.textbb {font-weight: bold;}

.textmaincolor {color:#eb6787; font-weight:normal;}
.textwhite {color:#ffffff;}
.textblue {color:#036eb8;}
.textgreen {color:#006a2e;}
.textgray {color:#888888;}
.textred {color:#d90000;}
.textreds {color:#d90000; font-size:0.8em;}
.textredb {color:#d90000; font-size:1.3em;/* font-weight: bold;*/}
.tel {font-size:1.3em; font-weight:normal;}

.text00 {color:#333333; font-size:1.2em; font-weight:normal;}
.text01 {color:#182578; font-size:1.2em; font-weight:normal;}
.text02 {color:#328D66; font-size:1.2em; font-weight:normal;}
.text03 {color:#036eb8; font-size:1.2em; font-weight:normal;}
.text04 {color:#367c7a; font-size:1.2em; font-weight:normal;}
.text05 {color:#89be6d; font-size:1.2em; font-weight:normal;}
.text02lg {color:#328D66; font-size:1.5em; font-weight: bold;}
.text02lgg {color:#328D66; font-size:1.8em; font-weight: bold;}
/* ------------------------------------------------------------*/
.eria-c{text-align:center;}
.eria-c_s{text-align:center; font-size: 0.88em;}
.eria-r{text-align:right;}
.eria-l{text-align:left;}
.eria-tab{text-align:left; margin:0 18px; padding:0 22px;}
.eria-sp{margin:48px auto; padding:0 0 0 0; line-height:1.8;}
/* ------------------------------------------------------------*/

.heading10 {position: relative; padding-top: 28px; font-size: 25px; font-weight:bold; color: #4d4d4d; border-bottom: 1px solid #333333;}
.heading10 span {position: relative; z-index: 2;}
.heading10::before {
content: attr(data-en);
position: absolute;
top: 0px;
left: 0;
color: rgba(235,184,212,0.3);
font-size: 40px;
font-style: italic;
/*text-transform: uppercase;*/
z-index: 1;
}

/*- hr.style -----------------------------------------------------*/
hr.style-00 {border-top: 1px dashed #4D4A43;  margin:22px auto;}
hr.style-01 {border-top: 1px solid #888888; margin:22px auto;}
hr.style-02 {margin:22px auto;
border: 0;
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
background-image:    -moz-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
background-image:     -ms-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
background-image:      -o-linear-gradient(left, rgba(136,136,136,0), rgba(136,136,136,1.75), rgba(136,136,136,0));
}
hr.style-03 {border-top: 2px dashed #4D4A43; margin:48px auto;}
hr.style-04 {border-top: 1px solid #526349; margin:55px auto;}
hr.style-05 {border-top: 1px solid #888888; margin:55px auto;}

/* ------------------------------------------------------------*/
ul.lists{list-style:none; margin:8px 0 18px 4px; padding:0;}
ul.lists li{margin:8px; padding:0; list-style: none; font-size:0.88em;}
ul.lists li.sub{margin:8px 0 0 38px; padding:0; list-style: none; font-size:0.88em;}
ul.lists .fa{margin:0 4px 0 0;}
ul.lists span{}

ul.sitemap{list-style:none; margin:5px 0 30px 8px; padding:0;}
ul.sitemap li{margin:5px; padding:0; list-style: none; font-size:1em;}
ul.sitemap li.sub{margin:5px 0 0 22px; padding:0; list-style: none; font-size:1em;}
ul.sitemap li:before {margin:0 4px; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f101";}
ul.sitemap i{margin:0 8px 0 0; font-size:1.1em;}
ul.sitemap span{}

/* ovlight-img2_menu 2カラム menu price---------------------------------------------*/
.ovlight-img2_menu{margin: 48px auto; padding:0px;}
.ovlight-img2_menu p{text-align: center; margin: 0; padding: 0; background:#eeeeee;}
.ovlight-img2_menu ul{margin: auto; padding: 0; list-style: none; text-align: center;}
.ovlight-img2_menu li a{display: block; }
.ovlight-img2_menu ul:after{content: ""; display: block; clear: both}
.ovlight-img2_menu li:nth-child(1) {float: left; margin:1%; padding:0.25%; width: 48%; border:solid 1px #cccccc; border-radius: 5px;}
.ovlight-img2_menu li:nth-child(2) {float: right; margin:1%; padding:0.25%; width: 48%; border:solid 1px #cccccc; border-radius: 5px;}
.ovlight-img2_menu img{max-width: 100%; height: auto; padding:0;}

/* ovlight_2-banner 2カラムor1カラム -----------------------------------------------------*/
.ovlight_2-banner{margin: 0 auto 18px; padding:0px;/* text-align: center;*/}
.ovlight_2-banner ul{margin: 0; padding: 0; list-style: none;}
.ovlight_2-banner ul:after{content: ""; display: block; clear: both}
.ovlight_2-banner li:nth-child(1) {float: left; margin:0; padding:0 1% 0; width: 48%;}
.ovlight_2-banner li:nth-child(2) {float: right; margin:0; padding:0 1% 0; width: 48%;}
.ovlight_2-banner p{margin: 8px auto; padding:0; text-align: center;}

/* ovlight_2-banner-re2 2カラム　saloninfo-----------------------------------------------*/
.ovlight_2-banner-re2{max-width: 100%; margin: 22px auto; padding:0px;/* text-align: center;*/}
.ovlight_2-banner-re2 ul{margin: 0; padding: 0; list-style: none;}
.ovlight_2-banner-re2 ul:after{content: ""; display: block; clear: both}
.ovlight_2-banner-re2 li:nth-child(1) {float: left; margin:0; padding:0.5%; width: 50%;}
.ovlight_2-banner-re2 li:nth-child(2) {float: right; margin:0; padding:0.5%; width: 50%;}
.ovlight_2-banner-re2 p{margin: 8px auto; padding:0; text-align: center;}

/* ovlight-img2_saloninfo 2カラム 80%　saloninfo -----------------------------------------*/
.ovlight-img2_saloninfo{max-width: 100%; margin: 0 auto 18px; padding:0px;}
.ovlight-img2_saloninfo p{margin:0; padding:0; text-align: center;}
.ovlight-img2_saloninfo ul{margin: 0 auto; padding: 0; list-style: none; text-align: center;}
.ovlight-img2_saloninfo li a{display: block;}
.ovlight-img2_saloninfo ul:after{content: ""; display: block; clear: both}
.ovlight-img2_saloninfo li:nth-child(1) {float: left; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2_saloninfo li:nth-child(2) {float: right; margin:0; padding:0.25%; width: 50%;}
.ovlight-img2_saloninfo img{max-width: 100%; height: auto; padding:0;}
/* img-overlap_saloninfo saloninfo -----------------------------------------------------*/
.img-overlap_saloninfo img {max-width: 100%; height: auto;}

/* ovlight-img4 4カラム------------------------------------------------------------*/
.ovlight-img4{margin: 0 auto 48px; padding:0px;}
.ovlight-img4 p{text-align: center;}
.ovlight-img4 ul{margin: 0 auto 8px; padding: 0; list-style: none; text-align: center;}
.ovlight-img4 li a{display: block; }
.ovlight-img4 ul:after{content: ""; display: block; clear: both}
.ovlight-img4 li:nth-child(1) {float: left; margin:0 0.5%; padding:0.25%; width: 24%;}
.ovlight-img4 li:nth-child(2) {float: left; margin:0 0.5%; padding:0.25%; width: 24%;}
.ovlight-img4 li:nth-child(3) {float: left; margin:0 0.5%; padding:0.25%; width: 24%;}
.ovlight-img4 li:nth-child(4) {float: left; margin:0 0.5%; padding:0.25%; width: 24%;}
.ovlight-img4 img{max-width: 100%; height: auto; padding:0;}

/**-- social-iconlist ------------------------------------------------------**/
.social-iconlist{display: flex; justify-content: space-between; flex-wrap: wrap; /*align-items: center;*/ margin: 0 auto 50px; padding: 5% 5% 0;}
.social-iconlist:after{content: ""; display: block; clear: both}
.social-iconlist dl{margin: 0 auto; padding: 0;}
.social-iconlist dl{color:#333333;}
.social-iconlist dt{font-weight: bolder; color:#333333;}
.social-iconlist dd,
.social-iconlist ul,
.social-iconlist ul li{display: inline-block;}
.social-iconlist dt{text-transform: uppercase;}
.social-iconlist ul li{margin:0 8px;}
.social-iconlist ul img{width:20px;}
.social-iconlist ul li i{font-size:2em; color:#888888;}

/**--table---- ---------------------------------------------**/
.table_price{width: 100%; margin:0 auto 18px; border-collapse: collapse; letter-spacing: 0.1em;}
.table_price th{text-align: left; font-size: 1.2rem; font-weight: normal; padding:18px 8px; border-bottom: 1.5px dashed #cccccc; line-height:1.8;}
.table_price td{text-align: right; color:#4d4d4d; font-size: 1.5rem; font-weight: normal; padding:18px 4px; border-bottom: 1.5px dashed #cccccc;}
.table_price th span{display: block; font-size: 0.8rem;}
.table_price td span{/*display: block;*/ font-size: 0.88rem; padding:0 4px;}/*price tax */
.table_price th.nor {white-space: nowrap;}
.table_price td.nor {white-space: nowrap; font-weight: bold;}
.table_price thead th{padding:8px; background-color: #ffffff; border-bottom: 1.5px dashed #cccccc;}

/**--table_info ---------------------------------------------**/
.table_info{width: 100%; margin:22px auto; border-collapse: collapse; font-size:1em;}
.table_info td{text-align: left; font-weight: normal; padding:8px 4px; border-bottom: 1px dashed #cccccc;}
.table_info th{text-align: left; font-weight: normal; padding:8px 4px; border-bottom: 1px dashed #cccccc;}
.table_info td.nor {white-space: nowrap; font-weight: normal;}
.table_info th.nor {white-space: nowrap; font-weight: normal;}
.table_info thead th{padding:8px; border-bottom: 1px solid #cccccc;}
.table_info span{font-size:0.8em;}
.table_info td.red,.table_info th.red {color:#d90000;}

.table_info p{margin:8px auto 8px; padding:4px; border:1px solid #cccccc;}
.table_info ul{list-style:none; margin:0; padding:0;}
.table_info ul li{margin:3px 0; padding:0; list-style: none; font-size:1em;}
.table_info ul li span{margin:2px 0 3px 22px; padding:0; list-style: none; font-size:0.88em;}
.table_info li.sub{margin:4px 0 18px; padding:0; list-style: none; font-size:0.8em;}
.table_info i{margin:0 8px 0 0; font-size:1.1em; color:#d24d79; }

/* --- map google -----------------------------------------------*/
/* google-maps -----------------------------------------------------*/
.google-maps {width: 100%; position: relative; padding-top: 56.25%; border: 1px solid #cccccc;}
.google-maps iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.mapsbase {width: 100%; margin: 0 auto 8px; padding:0; height: 480px;}


/* ---- boximg ----------------------------------------------------*/
.boximg{margin: 0 auto 48px; width:100%; height:auto; text-align: center;}
.boximg img{width:400px; height:auto;}
.boximg .boximg-area{
background: #ffffff;
z-index: 100;
width: 80%;  /*300px;*/
margin:0 auto 0;
padding: 18px;
box-sizing: border-box;
box-shadow: 0 0 10px #999;
text-align: justify;
}
.boximg .boximg-area h3{font-size: 1.5rem; margin: 0 0 8px 0;}
.boximg .boximg-area h6{font-size: 1.5rem; margin: 0 0 18px 0;}
.boximg .boximg-area h6 span{font-size: 0.88rem; margin: 0 4px 0 0;}
.boximg .boximg-area p{font-size: 1rem; margin:0 auto;}

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -2em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.8em;
}