@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/roundedmplus1c.css);
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);
@import url(//use.fontawesome.com/releases/v5.6.1/css/all.css);

*{ margin: 0; padding:0; }
img.w100{ width:100%; height:auto; }
img.w90{ width:90%; height:auto; }
img.w80{ width:80%; height:auto; }
.margin1rem{ margin:1rem 0; }
.center{ text-align:center; }

html{ scroll-behavior:smooth; }
body{
    width: 100%;
    font-family: 'Rounded Mplus 1c';
    line-height: 1.5;
    background: white;
    margin: 0 auto;
    padding: 0;
    overflow-y: scroll;
}
header{ text-align:center; margin:0; }
header .logo{ margin:1rem 0 2rem; }
header .entrance1{ font-family:"Sawarabi Mincho"; color:darkgoldenrod; font-weight:bold; font-size:2.2rem; letter-spacing:0.2rem; }
header .entrance2{ font-family:"Sawarabi Mincho"; color:dimgray; font-weight:bold; font-size:1.8rem; }

footer{ margin-top:3rem; padding:1rem 0; text-align:center; color:white; background:gray; }
footer h6{ margin:0.5rem 0; font-size:1.2rem; }
footer a{ margin:0 0.75rem 0; }
footer i{ color:white; }
footer .copyright{ margin-top:1rem; }

input.tabchange[type="radio"]{ display:none; }
.tab_area{ font-size:0; text-align:center; margin:1rem 0 5rem; }
.tab_area label{ width:42%; margin:0 0.5rem; display:inline-block; padding:12px 0; color:dimgray; font-weight:bold; text-align:center; font-size:1.6rem; cursor:pointer; border-radius:1rem; line-height:1.2; }
.tab_area label span{ font-size:1.4rem; font-weight:normal; letter-spacing:0.1rem; }
.tab_area label.women{ background:lightpink; margin-right:0.5rem; }
.tab_area label.men{ background:lightsteelblue; margin-left:0.5rem;  }
.tab_panel{ display:none; }
#tab1:checked ~ .tab_area .tab1_label{ background:mediumvioletred; color:white; }
#tab1:checked ~ .panel_area #women{ display:block; }
#tab2:checked ~ .tab_area .tab2_label{ background:mediumblue; color:white; }
#tab2:checked ~ .panel_area #men{ display:block; }

h2{ font-family:"Sawarabi Mincho"; font-weight:bold; font-size:1.7rem; color:white; padding:0.75rem 0; text-align:center; letter-spacing:0.2rem; line-height:1; }
#women h2{ background:deeppink; }
#men h2{ background:royalblue; }
h3{ font-family:"Sawarabi Mincho"; font-weight:bold; font-size:1.5rem; line-height:1; margin:1rem 0 0.5rem; padding:0.5rem; }
#women h3{ color:deeppink; background:#ffefff; }
#men h3{ color:royalblue; background:#efefff; }
h3 span{ font-size:1.15rem; padding-left:0.25rem; }
h3 span.supText{ vertical-align:super; font-size:0.85rem; padding-left:0; }
h3 span.eng{ display:block; font-size:1rem; text-align:right; font-style:italic; font-weight:normal; }
#women span.eng{ border-top:2px solid deeppink; }
#men span.eng{ border-top:2px solid royalblue; }
h4{ font-size:1.2rem; line-height:1; margin-top:0.5rem; padding:0.25rem 0; }
#women h4{ color:deeppink; }
#men h4{ color:royalblue; }
p{ padding-bottom:0.5rem; font-size:0.95rem; line-height:1.3; }
#women p span{ font-weight:bold; color:deeppink; }
#men p span{ font-weight:bold; color:royalblue; }
ul.check { list-style: none; }
ul.check li{ position: relative; padding-left:1rem; }
ul.check li:before{ content: ""; position: absolute; top: .1rem; left: 0; -webkit-transform: rotate(50deg); -ms-transform: rotate(50deg); transform: rotate(50deg); width: 0.3rem; height: 0.75rem; }
#women ul.check li:before{ border-right: 3px solid deeppink; border-bottom: 3px solid deeppink; }
#men ul.check li:before{ border-right: 3px solid royalblue; border-bottom: 3px solid royalblue; }
dl{ margin:0 0 0.5rem; font-size:0.95rem; line-height:1.3; }
dt{ width:4rem; font-weight:bold; text-align:right; float:left; }
#women dt{ color:deeppink; }
#men dt{ color:royalblue; }
dd{ margin-left:4.5rem; padding-bottom:0.75rem; }
dd:after{ content:''; display:block; clear:both;}
dd span{ font-size:0.75rem; }
dd a{ text-decoration:none; color:dodgerblue; font-size:1rem; }
dd span{ font-size:0.8rem; }

.contents{ margin:0; padding:1rem 0.5rem 2rem; }

.tab_areaselect{ width:calc(100%/4); padding:0.75rem 0; margin:1rem 0 1rem; border-bottom:0.25rem solid dimgray; background:linear-gradient(to right, gainsboro, whitesmoke); font-size:1rem; text-align:center; color:#333333; display:block; float:left; text-align:center; font-weight:bold; border-radius:0.75rem 0.75rem 0 0; }
input[name="women_tab_areaselect"],
input[name="men_tab_areaselect"]{ display: none; }
.tab_saloninfo{ display:none; clear:both; overflow:hidden; }
#women_fushimi:checked ~ #women_fushimi_content,
#women_kasugai:checked ~ #women_kasugai_content,
#women_toyota:checked ~ #women_toyota_content,
#women_anjo:checked ~ #women_anjo_content,
#men_fushimi:checked ~ #men_fushimi_content,
#men_kasugai:checked ~ #men_kasugai_content,
#men_toyota:checked ~ #men_toyota_content,
#men_anjo:checked ~ #men_anjo_content{ display:block; }
.saloninfo input:checked + .tab_areaselect{ background:dimgray; color:white; }

h4.miseinen{ background:#FFCCCC; padding:8px 0; }
a.miseinen{ background:#666666; color:#FFFFFF; font-weight:bold; margin:16px 0; padding:16px; display:inline-block; border-radius:1rem; text-decoration:none; font-size:1.2rem; }

.ggmap{ width:100%; height:60vh; margin:0 auto 2rem; }
.button a{ display:block; padding:1rem 0; margin:0 2rem; text-decoration:none; color:white; border-radius:2rem; background:linear-gradient(#FF8080,#800000); line-height:1.2; font-size:1.5rem; font-weight:bold; text-align:center; text-shadow:0 -0.075rem black; }


h1.reserve{ font-family:"Sawarabi Mincho"; font-weight:bold; font-size:1.7rem; background:gray; color:white; padding:0.75rem 0; text-align:center; letter-spacing:0.2rem; line-height:1; }
.mail-form{ margin:1rem 1rem 0; }
.mail-form form{ font-family:'M plus Rounded 1c', sans-serif; }
.mail-form label{ font-size:1.1rem; color:#666666; font-weight:bold; }
.mail-form label span{ display:inline-block; font-size:0.85rem; font-weight:normal; margin-left:0.5rem; padding:0.1rem 0.3rem; background:#FF6666; color:#FFFFFF; border-radius:0.5rem; line-height:100%; }
.mail-form .caption{ font-size:0.75rem; color:#666666; margin-left:1rem; margin-bottom:2rem; }
.mail-form input[type="text"]{ width:85%; font-size:1rem; padding:0.5rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form input[type="radio"]{ font-size:1rem; padding:0.5rem; margin-left:1rem; }
.mail-form input[type="checkbox"]{ font-size:1rem; padding:0.5rem; margin-left:1rem; margin-bottom:0.75rem; }
.mail-form input[type="email"]{ width:85%; font-size:1rem; padding:0.5rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form input[type="tel"]{ width:85%; font-size:1rem; padding:0.5rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form input[type="date"]{ font-size:1rem; padding:0.25rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form select{ font-size:1rem; padding:0.25rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form select.time{ margin-left:0rem; }
.mail-form textarea{ width:85%; font-size:1rem; padding:0.5rem; border:0.15rem #CCCCCC solid; margin-left:1rem; }
.mail-form .btm{ margin-bottom:2rem; }
.mail-form .button{ display:block; padding:1rem 2rem; margin:2rem auto 0; text-decoration:none; color:white; border-radius:2rem; background:linear-gradient(#FF8080,#800000); line-height:1.2; font-size:1.2rem; font-weight:bold; text-align:center; text-shadow:0 -0.075rem #555; }
.partselect_panel{ display:none; }
#sex_women:checked ~ .partselect_area #part_women{ display:block; }
#sex_men:checked ~ .partselect_area #part_men{ display:block; }

#part_women{ margin-left:1rem; position:relative; }
#part_women::before{ width:100%; height:100%; position:absolute; background:url(img_part_women.jpg) no-repeat center; background-size:contain; opacity:0.3; z-index:-1; display:block; content:" "; }
#part_men{ margin-left:1rem; position:relative; }
#part_men::before{ width:100%; height:100%; position:absolute; background:url(img_part_men.jpg) no-repeat center; background-size:contain; opacity:0.3; z-index:-1; display:block; content:" "; }
.mail-form .boxleft{ float:left; text-align:left; }
.mail-form .boxright{ float:right; text-align:right; }
.mail-form .clearboth{ clear:both; }
.mail-form input[type="checkbox"].part{ padding:0; margin:0 0 0.75rem 0; }
.mail-form span{ font-size:0.75rem; }


.msg{ margin-bottom:3rem; }
.msg-ok{ font-size:1.1rem; }
.msg-ng{ font-size:1.1rem; color:red; }