@charset "utf-8";
@import "hamburger.css?t=1";
/*
Theme Name: brilliant Theme
Theme URI: 
Description: .
*/

/* 基本設定 ---------------------------------------------*/

#loading{ position:fixed; top:0; left:0; width:100%; height:100vh; background:#f2eeee;}

* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
list-style: none;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}

body {
text-align: center;
font-size: 100%;
/*
font-family:'メイリオ', Meiryo, Verdana, 'MS Pゴシック', 'MS PGothic', Arial, Helvetica, sans-serif;
*/
font-family: "fot-tsukuardgothic-std", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.7;
color: #333333;
letter-spacing:0.1em;
background:#e0b1a5;
background:#fedced;
background:#f9d4d9;
}

img{ border:none; vertical-align:middle; max-width:100%;}
img{width:auto\9; height:auto\9;}

.cf{zoom:1;}
.cf:before,.cf:after{ content:""; display:table;}
.cf:after{ clear:both;}

.font11{font-size:75%;}
.font12{font-size:80%;}
.font14{font-size:14px;}
#primary p.font14{font-size:14px;}
.font18{font-size:138%;}
.font24{font-size:120%;}
.font-white{color:#fff;}

.mt10{ margin-top:10px;}
.mt20{ margin-top:20px;}
.mt40{ margin-top:40px;}
.mt80{ margin-top:80px;}

.mb10{ margin-bottom:10px;}
.mb20{ margin-bottom:20px;}
.mb40{ margin-bottom:40px;}
.mb60{ margin-bottom:60px;}
.mb80{ margin-bottom:80px;}

.ml1rem{ margin-left:1rem;}

.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt40{ padding-top:40px;}
.pt80{ padding-top:80px;}

.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb40{ padding-bottom:0;}
.pb80{ padding-bottom:80px;}

.pt20mn{ padding-top:0;}

.mobile-no{display:none;}
.mobile-ms20{margin-left:20px;margin-right:20px;}
span.bgBox{ padding:1px 10px;color:#fff; background:#000;}

.textLeft{text-align:left;}
.textCenter{text-align:center!important;}

#index-wrapper{ background:url(img/common-bg-ver4.jpg) center 0 repeat;}
#index-wrapper-ver2{ background:url(img/common-bg-ver4.jpg) center 0 repeat;}
#content-960-wrapper{ width:100%; margin:0 auto; text-align:center; position:relative;}

h1#logo{ padding-top:20px;}
p#point{ padding:10px 0 20px 0; /*font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;*/font-size:14px; line-height: 1.5;}
h2#catch{ line-height:1.5; padding:20px 0 0 0; font-size:90%; text-align:center; padding-bottom:20px;}
#header-info-wrapper{ position: static; top:60px; right:0; text-align:center; line-height:1;}
#header-info-wrapper dt{ padding-bottom:5px;}
#header-info-wrapper dd{ padding-bottom:5px;}

#index-navi-ul li{ padding:0 0 0;}
#index-navi-ul li a{ font-size:120%; color:#e0b1a5; text-decoration:none; border-bottom:1px solid #fedced; border-bottom:1px solid #e0b1a5; padding:10px 0; width:100%; display:block; background:#fff;}
#index-navi-ul li a:hover{ color:#fff; color:#D6B200;}

#index-news-box{ background-color: rgba(0,0,0,0.5); color:#FFF; font-size:75%; padding:20px; width:280px; text-align:left; margin:0 auto 20px;}
#index-news-box h3{ padding-bottom:10px;}

#index-bottom-news-box{
font-size:80%; text-align:left;
position:relative; background:#fff; margin:40px 20px 0; padding:20px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#index-bottom-news-box dl{ margin-top:10px;}
#index-bottom-news-box dl dt{ padding-bottom:10px; color:#000; }
#index-bottom-news-box dl dt span{font-weight:bold; display:block;}
#index-bottom-news-box dl dd{ padding-bottom:20px;}
#index-bottom-news-box dl dd img{ height:auto;}

#index-bottom-news-title{ position:absolute; right:-11px; top:10px;}

#index-object{}
#index-image2{ margin-bottom:40px;}
#index-image2 img{ width:240px; height:auto;
border:5px solid #fff;
box-shadow: 0 2px 5px rgba(0,0,0,0.4);
-webkit-transform:rotate(0);
transform:rotate(0);
}

#sns-wrapper{ text-align:center;}
#sns-wrapper ul{ margin:20px auto 0; width:183px;}
#sns-wrapper ul li{ margin-bottom:20px; float:left; width:61px;}
#icon-ameba a{ display:block; overflow:hidden; width:61px; padding-top:50px; height:0; background:url(img/icon-ameba_ver2.png) 0 0 no-repeat;}
#icon-ameba a:hover{ background:url(img/icon-ameba_ver2.png) 0 -50px no-repeat;}
#icon-fb a{ display:block; overflow:hidden; width:61px; padding-top:50px; height:0; background:url(img/icon-fb_ver2.png) 0 0 no-repeat;}
#icon-fb a:hover{ background:url(img/icon-fb_ver2.png) 0 -50px no-repeat;}
#icon-insta a{ display:block; overflow:hidden; width:61px; padding-top:50px; height:0; background:url(img/icon-insta_ver2.png) 0 0 no-repeat;}
#icon-insta a:hover{ background:url(img/icon-insta_ver2.png) 0 -50px no-repeat;}




.cat-title{ margin-top:40px;}
#lower-wrapper{ background:url(img/common-bg-ver4.jpg) center 0 repeat; }
h2#lower-catch{ position:static; top:80px; left:300px; line-height:1.5; font-size:90%; width:100%; text-align:center; padding-bottom:20px;}

#lower-navi-wrapper{ background:#777777; background:#fff; padding:0;}
#lower-navi-ul li{ padding:0;}
#lower-navi-ul li a{ font-size:120%; color:#e0b1a5; text-decoration:none; border-bottom:1px solid #fedced; padding:10px 0; width:100%; display:block; background:#777777;background:#fff;}
#lower-navi-ul li a:hover{ color:#fff; color:#D6B200;}
#lower-navi-ul li a.current{ color:#fff; color:#D6B200;}
#navi-current{ display:none;}

#footer-navi-wrapper{ background:#777777; padding:0;}
#footer-navi-ul li{ padding:0;}
#footer-navi-ul li a{ font-size:120%; color:#e0b1a5; text-decoration:none; border-bottom:1px solid #fedced; padding:10px 0; width:100%; display:block; background:#777777; background:#fff;}
#footer-navi-ul li a:hover{ color:#fff; color:#D6B200;}
#footer-navi-ul li a.current{ color:#fff; color:#D6B200;}

#twocolumn-wrapper{width:100%; margin:0 auto;}
#primary{float:none; text-align:left; padding:20px 1rem 0;}
#secondary{float:none; padding:20px 20px 20px;}

ul.base-ul{ margin:0 0 40px 20px;}
ul.base-ul li{list-style:outside disc; margin-bottom:5px; font-size:14px;}

ol.base-ol{ margin:0 20px 0;}
ol.base-ol li{list-style-type: decimal; margin-bottom:2rem;}
ol.base-ol li:last-child{ margin-bottom:0;}

#primary ol.base-ol li h4{ font-size:100%; font-weight: bold; margin-bottom:0.5rem;}
#primary ol.base-ol li p{ font-size:14px;}

#price-title{ margin-bottom:40px;}
#primary h3{ font-weight:bold; margin-bottom:20px;}
#primary p{ font-size:100%;}
#price-wrapper{ padding:40px 0 0;}
#price-wrapper h2#popular{margin:0 20px; font-weight:bold; padding:0; color:#6699ff; color:#00cc99; text-align: left; position:static;}
#price-wrapper h3{ font-weight:bold; margin-bottom:0;}
#price-wrapper table{ box-sizing:border-box; padding:0 0; text-align:left; width:100%; margin:0 auto 80px; font-size:80%;}
#price-wrapper table td{ padding:20px 20px 5px; border-bottom:2px solid #000; vertical-align: top;}
#price-wrapper table th{ padding:20px 20px 5px; text-align:right; border-bottom:2px solid #000; vertical-align: top;}
#price-wrapper table th span{ font-size:120%;}
#price-wrapper p{ margin: -60px 20px 80px 20px; text-align:left; font-size:80%;}

#secondary{padding:0 0 40px;}
#secondary img{ margin-bottom:10px;}

#one-wrapper{ margin:0 auto; padding:20px 20px 20px; text-align:left;}
#one-wrapper h3{ font-weight:bold; margin-bottom:20px;}
#one-wrapper table{ text-align:left; width:100%; margin:0 auto 40px; font-size:14px; border-top:2px solid #000;}
#one-wrapper table td{ padding:20px 20px 20px; border-bottom:2px solid #000;}
#one-wrapper table th{ padding:20px 0 20px; text-align:right; border-bottom:2px solid #000; width:20%;}
#one-wrapper table th span{ font-size:120%;}
#one-wrapper p.attention{ margin:-20px 20px 40px; font-size:80%;}
.img-float-right{ margin: 0 0 20px 0;}


#photo-owner{
/*	transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);

    box-shadow:0 0 5px #666, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #666, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #666, 0 0 5px #ccc, 0 0 1px #aaa;
    border:7px solid #fff;
*/
}

#photo-wrapper{float: none; width: 240px; text-align: center; margin:0 auto 30px;}

#map_canvas{width: 100%; height: 270px; margin:0 auto 40px;}
#map_canvas iframe{ width:100%; height:100%;}
#map_canvas img{ border:none; vertical-align:middle; max-width:none;}

#map{width: 90%; height: 450px; margin:0 auto 40px;}
#map iframe{ width:100%; height:100%;}
#map img{ border:none; vertical-align:middle; max-width:none;}


#copyRight{ font-size:75%; color:#333333; padding:40px 0 20px; letter-spacing:0;}

#priceListUl{display:none;}
.cardWrapper{ background:#fff; margin:0 auto 80px; padding:20px 20px; text-align: left;}
.cardWrapper h4{ margin-bottom:10px;} 
.cardWrapper ul li{ display:inline-block;} 
.cardWrapper ul li img{ height:60px; width:auto;}

.popularWrapper{ font-size:120%; padding:0 0 0; text-align: left; border:none; margin:-40px 0 80px;}

#price-wrapper .popularWrapper h3{ font-weight:bold; margin:20px 20px 0; font-size:75%;}
#price-wrapper .popularWrapper h4{color:#fff; background:#333; padding:10px 20px; text-align: center}
#price-wrapper .popularWrapper p{margin: 20px 20px;}

#price-wrapper p.explainText{ margin: 0 0 80px 20px; text-align:left; font-size:80%;}
#price-wrapper p#cardAttention{ margin: 20px 0 0 0; text-align:left; font-size:80%;}

.cardListTitle{ font-size:0.8rem; margin:-1rem auto 0;}

#cardsListUl{ margin-top:10px;}
#cardsListUl li{ display:inline-block;}
#cardsListUl li img{height:40px; width:auto;} 

.pcOnly{ display:none;}




#price-wrapper table.priceTable1606{}
#price-wrapper table.priceTable1606 tr{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
#price-wrapper table.priceTable1606 tr:not(:first-child):hover{background-color: #fff; color:#333;}

#price-wrapper table th.w60{ width:60%; text-align: left; font-weight:bold; font-size:140%;}
#price-wrapper table th.w50{ width:50%; text-align: left; font-weight:bold; font-size:140%;}
#price-wrapper table th.w40{ width:40%; text-align: right;}
#price-wrapper table th.w30{ width:30%; text-align: right; padding: 20px 20px 5px 0;}
#price-wrapper table th.w20{ width:20%; text-align: right; padding: 20px 20px 5px 20px;}

#price-wrapper table td.w60{ width:60%; text-align: left; border-bottom:1px solid #999;}
#price-wrapper table td.w50font100{ width:50%; text-align: left; border-bottom:1px solid #999; font-weight:bold; font-size:100%; padding-right:0; position:relative;}
#price-wrapper table td.w50{ width:50%; text-align: left; border-bottom:1px solid #999; font-weight:bold; font-size:110%;}
#price-wrapper table td.w40{ width:40%; text-align: right; border-bottom:1px solid #999; font-size:120%;}
#price-wrapper table td.w30{ width:30%; text-align: right; border-bottom:1px solid #999; font-size:120%; padding: 20px 20px 5px 0;}
#price-wrapper table td.w20{ width:20%; text-align: right; border-bottom:1px solid #999; font-size:120%; padding: 20px 20px 5px 20px;}

#price-wrapper table.priceNoTitle{margin-top:-60px;}




.bgWhiteRound{ background:#fff; padding:2rem 1rem; box-sizing:border-box;
border-radius: 10px;
-webkit-border-radius: 10px;
}

table.priceTable1802{ width:100%; margin:4rem 0 4rem;}
table.priceTable1802.lightRemovalTable{}

table.priceTable1802 th{ padding:0 1rem 0.5rem; text-align:right; border-bottom:2px solid #000; vertical-align: top; font-size:80%; box-sizing:border-box;letter-spacing:0;}
table.priceTable1802 th.title{ font-size:120%; font-weight: bold; text-align: left;}
table.priceTable1802 th.title p{ font-weight: normal; font-size: 12px; margin:0 0 0;}
table.priceTable1802 th.title span{ display:block; font-size:1rem; font-weight:bold;}
#primary table.priceTable1802 th.title p{ font-weight: normal; font-size: 12px; margin:0 0 0;}

table.priceTable1802 th.w75{ width:75%;}
table.priceTable1802 th.w60{ width:60%;}
table.priceTable1802 th.w50{ width:50%;}
table.priceTable1802 th.w40{ width:40%;}
table.priceTable1802 th.w30{ width:30%;}
table.priceTable1802 th.w25{ width:25%;}
table.priceTable1802 th.w20{ width:20%;}
table.priceTable1802 th.vb{ vertical-align:bottom;}
.serviceSection1Color{background:#fff4f6;}

table.priceTable1802 td{ padding:1rem 1rem 1rem; text-align:left; border-bottom:1px solid #999; font-size:0.8rem; box-sizing:border-box;}
table.priceTable1802 td.serviceSection1{ border-bottom:none; font-size:0.8rem; box-sizing:border-box;}
table.priceTable1802 td.serviceSection2{ border-bottom:none; font-size:0.8rem; box-sizing:border-box;}
table.priceTable1802 td.noBorder{ border-bottom:none;}
table.priceTable1802 td h3{ text-align:center; font-weight:bold; font-size:0.8rem;}

table.priceTable1802 td p{ font-weight: normal; font-size: 12px; margin:10px 0 0;}
#primary table.priceTable1802 td p{ font-weight: normal; font-size: 12px; margin:10px 0 0;}
table.priceTable1802 td.itemName{ font-weight:bold;}
table.priceTable1802 td.price{ font-size:1rem; text-align: right;}

table.priceTable1802 td.w80{ width:80%;}
table.priceTable1802 td.w75{ width:75%;}
table.priceTable1802 td.w70{ width:70%;}
table.priceTable1802 td.w60{ width:60%;}
table.priceTable1802 td.w50{ width:50%;}
table.priceTable1802 td.w40{ width:40%;}
table.priceTable1802 td.w30{ width:30%;}
table.priceTable1802 td.w25{ width:25%;}
table.priceTable1802 td.w20{ width:20%;}

table.priceTable1802 td.w25 span{ display:inline-block; padding:5px 5px; line-height:1; background:#575353; color:#fff; font-size:0.7rem; letter-spacing:0; margin:0; vertical-align:top;}
table.priceTable1802 td.w20 span{ display:inline-block; padding:5px 5px; line-height:1; background:#575353; color:#fff; font-size:0.7rem; letter-spacing:0; margin:0; vertical-align:top;}

table.historyTable{ margin-top:1rem;}
table.historyTable td.yearText{ padding-right:0; width:5em;}

table.priceTable1802.lightRemovalTable td{ padding:1rem 5px 1rem;}
table.priceTable1802.lightRemovalTable{ font-size:0.8rem;}
table.priceTable1802.lightRemovalTable td.price{ font-size:0.8rem;}

@media only screen and (min-width : 801px) {
  ul.base-ul{ margin:0 20px 40px;}
  table.priceTable1802 th{letter-spacing:0.1em;}
  table.priceTable1802 td.w25 span{ padding:5px 5px; font-size:0.75rem; margin:4px 0 0 10px;}
  table.priceTable1802 td.w25 span:first-child{ margin:0 0 0 10px;}
  table.priceTable1802 td.w20 span{ padding:5px 5px; font-size:0.75rem; margin:4px 0 0 10px;}
  table.priceTable1802 td.w20 span:first-child{ margin:0 0 0 10px;}

  table.priceTable1802.lightRemovalTable td{ padding:1rem 1rem 1rem;}
  table.priceTable1802.lightRemovalTable{ font-size:1rem;}
  table.priceTable1802.lightRemovalTable td.price{ font-size:1rem;}
}

table.priceTable1802 tr{
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	-ms-transition: all 0.5s;
}
table.priceTable1802 tr:not(:first-child):hover{background-color: #fff; color:#333;}
.aboutTaxWrapper{ display:inline-block; text-align:left; margin:-2rem 1rem 0; font-size:0.8rem;}
.aboutTax{ margin-top:-2rem;}

.attentionWrapper{ margin:4rem 1rem 0; text-align:left; box-sizing:border-box;}
.attentionWrapper h3{ margin-bottom:1rem;}

#popular{margin:0 1rem; font-weight:bold; padding:0; color:#6699ff; color:#00cc99; text-align: left; position:static; font-size:18px;}
#primary .popularVer2Wrapper{ font-size:14px; padding:0 0 0; text-align: left; border:none; margin:4rem 0 4rem;}
#primary .popularVer2Wrapper h3{ font-weight:bold; margin:1rem 1rem 0; font-size:12px; font-size:14px;}
#primary .popularVer2Wrapper h4{color:#fff; background:#333; padding:1rem 1rem; text-align: center}
#primary .popularVer2Wrapper p{ margin:1rem 1rem; font-size:14px;}




#bodycolorTable { border-top:1px solid #666; border-left:1px solid #666;}
#bodycolorTable th{ font-weight:bold; box-sizing:border-box; border-bottom:1px solid #666; border-right:1px solid #666; padding:10px 10px; text-align:center;}
#bodycolorTable td{ box-sizing:border-box; border-bottom:1px solid #666; border-right:1px solid #666; padding:10px 10px; text-align:left; width:30%; vertical-align:top;}


.roundWhiteBg{ background:#fff; padding:20px; box-sizing:border-box;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.bold{font-weight:bold;}


.serviceList{ display:block; margin:2rem auto 0;}
.serviceList li{ display:block; width:100%; border:5px solid #f9d4d9; vertical-align:top; background:#fff; padding:2rem 1rem 6rem; box-sizing:border-box; position:relative;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.serviceList li p{ margin:2rem 0 0; text-align:left; font-size:80%;}
.serviceList li p span{ display:inline-block; position:relative; color:#d6167b;}
.serviceList li p span:after{ content:none; width:100%; height:1px; background:#d6167b; position:absolute; bottom:3px; left:0;}
.serviceList li a{ display:block; width:80%; position:absolute; bottom:1rem; line-height:1; padding:1rem 0; text-align:center; background:#666465; color:#fff; text-decoration:none; box-sizing:border-box; left:10%;
-webkit-border-radius: 5px;
border-radius: 5px;
 -webkit-transition: all 0.2s; transition: all 0.2s;}
 .serviceList li a:hover{ background:#333;}

#hamburger{ position:fixed; top:10px; right:10px; z-index:310; /*background:#fff; width:50px; height:50px; overflow:hidden; padding-top:13px;*/ box-sizing:border-box;}
#spMenu{ position:fixed; top:0; right:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:305; -webkit-transition: all 0.2s; transition: all 0.2s; display:none;}
#spMenuContent{ position:absolute; top:0; right:-100%; width:90%; height:100%; padding:4rem 0 0 2rem; background:#fff; text-align:left; box-sizing:border-box; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transition-delay:0.2s; transition-delay:0.2s;}
#spMenuContent.spMenuOn{ right:0;}
#spMenuContent li{ margin:0 0 1rem;} 
#spMenuContent li a{ font-size:120%; color:#e0b1a5; text-decoration:none; border-bottom:1px solid #fedced; padding:10px 0; width:100%; display:block; background:#777777;background:#fff;}


.titleTxt{ font-size:18px;}
.bodyTxt{ font-size:14px; text-align: left;}
#primary p.bodyTxt{ font-size:90%;}

#merit{ margin:4rem auto 1rem; font-weight:bold;}
#aboutFaceColor{ margin:4rem auto 1rem; font-weight:bold;}


#priceListUl2{ display:block; padding-bottom:0; margin-bottom:-20px;}
#priceListUl2 li{display:inline-block; margin:0 0 10px;}
#priceListUl2 li a{ display:block; line-height: 1; color:#fff; text-decoration: none; background:#333; padding:10px 20px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#priceListUl2 li a:hover{ color:#e0b1a5; color:#fedced;}
.sugaringPhoto{ margin:0 auto 40px; text-align: center;}


.onlyPcNav{ display:none;}

.lowerContent-re21 #priceListUl2{ display:block; padding:0 0.5rem; margin-bottom:0;}
.lowerContent-re21 #priceListUl2 li{display:inline-block; width:50%; margin:0 0 1rem; padding:0 0.5rem;}
.lowerContent-re21 #priceListUl2 li a{ font-size:1rem; display:block; line-height: 1; color:#575353; text-decoration: none; background:#DBC9CB; background:linear-gradient(hsl(353, 20%, 72%),hsl(353, 20%, 82%)); border:hsl(353, 20%, 72%) 1px solid; padding:1rem 0; border-radius: 5px; font-weight:bold;}
.lowerContent-re21 #priceListUl2 li a span{ font-size:1rem; display:block; margin-top:10px; font-weight:normal;}
.lowerContent-re21 #priceListUl2 li a:hover{ background:hsl(353, 20%, 72%);}

.lowerContent-re21 .aboutTaxWrapper{ font-size:0.8rem;}

#preCheckWrapper{ margin-top:0;}
#preCheckWrapper a{ display:inline-block; padding:0.5rem 4rem 0.5rem 0; background:url(img/hands_re21.png) right center no-repeat; background-size:3rem; position:relative;}
#preCheckWrapper a:after{ content:""; height:1px; width:100%; background:#333; position:absolute; bottom:5px; left:0;}
#preCheckWrapper a:hover{ opacity:0.7;}

/* タブレット ---------------------------------------------*/
@media only screen and (max-width : 960px) {
  table.priceTable1802 th.title span{ font-size:0.8rem;}

  .lowerContent-re21 #priceListUl2{ display:block; padding:0 0.5rem; margin-bottom:0;}
  .lowerContent-re21 #priceListUl2 li a{ padding:10px 0;}
  .lowerContent-re21 #priceListUl2 li{ width:100%; margin:0 0 0.5rem; padding:0 0.5rem;}
  .lowerContent-re21 #priceListUl2 li a span{ font-size:0.8rem;}


  #preCheckWrapper{ margin-top:0;}
  #preCheckWrapper a{ font-size:0.8rem; padding:0.5rem 3rem 0.5rem 0; background-size:2rem;}
}




/* パソコン ---------------------------------------------*/
@media only screen and (min-width : 1024px) {

.onlyPcNav{ display:block;}
.font24{font-size:180%;}
.pt20mn{ padding-top:20px;}
.pb40{ padding-bottom:40px;}

.mobile-no{display:block;}
.mobile-ms20{margin-left:0;margin-right:0;}

#index-wrapper{ background:url(img/common-bg-ver4.jpg) center 0 repeat; height:530px;}
#index-wrapper-ver2{ background:url(img/common-bg-ver4.jpg) center 0 repeat; height:530px;}
#content-960-wrapper{ width:960px; margin:0 auto; text-align:left; position:relative;}

.serviceList{ display:table;}
.serviceList li{ display:table-cell; width:33%;}

h1#logo{ padding-top:40px;}
p#point{ padding:10px 0 0 0;}
h2#catch{ line-height:1.5; padding:50px 0 0 0; font-size:90%; width:270px; margin-left:0; width:340px; margin-left:-20px; text-align:center; padding-bottom:20px; line-height:1.7;}
#header-info-wrapper{ position:absolute; top:30px; right:0; text-align:right; line-height:1;}
#header-info-wrapper dt{ padding-bottom:5px;}
#header-info-wrapper dd{ padding-bottom:5px;}

#index-navi-ul li{ display:inline; padding:0 20px;}
#index-navi-ul li a{ font-size:120%; color:#443632; text-decoration:none; border-bottom: none; padding:10px 0; width:auto; display: inline; background:#000; background-color: transparent;}
#index-navi-ul li a:hover{ color:#000;}

#index-news-box{ background-color: rgba(0,0,0,0.5); color:#FFF; font-size:75%; padding:20px; width:240px; margin:0 0 0;}
#index-news-box h3{ padding-bottom:10px;}

#index-bottom-news-box{
font-size:14px; text-align:left;
position:relative; background:#fff; width:680px; margin:40px auto 0; padding:20px 20px 0;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
#index-bottom-news-box dl{ margin-top:10px;}
#index-bottom-news-box dl dt{ clear:both; float:left; width:240px; padding-bottom:40px; color:#000; }
#index-bottom-news-box dl dt span{font-weight:bold; display:block;}
#index-bottom-news-box dl dd{ margin-left:240px; padding-bottom:40px;}
#index-bottom-news-title{ position:absolute; right:-11px; top:10px;}

#index-object{ position:absolute; top:135px; left:50%; margin-left:-136px;}

#sns-wrapper{ position:absolute; top:79px; left:0;}
#sns-wrapper ul{ margin:0; width:auto;}
#sns-wrapper ul li{ margin-bottom:1px; float:none;}
#icon-ameba a{ display:block; overflow:hidden; width:61px; padding-top:50px; height:0; background:url(img/icon-ameba_ver2.png) 0 0 no-repeat;}
#icon-ameba a:hover{ background:url(img/icon-ameba_ver2.png) 0 -50px no-repeat;}
#icon-fb a{ display:block; overflow:hidden; width:61px; padding-top:50px; height:0; background:url(img/icon-fb_ver2.png) 0 0 no-repeat;}
#icon-fb a:hover{ background:url(img/icon-fb_ver2.png) 0 -50px no-repeat;}



.cat-title{ margin-top:20px;}
#lower-wrapper{ background:url(img/common-bg-ver4.jpg) center 0 repeat; height:181px;}
h2#lower-catch{ position:absolute; top:44px; left:340px; line-height:1.5; font-size:90%; width:340px; text-align:left; padding-bottom:20px;}

#lower-navi-wrapper{ background:#777777; padding:0;}
#lower-navi-ul li{ display:inline; padding:0 20px;}
#lower-navi-ul li a{ font-size:120%; color:#e0b1a5; color:#f9d4d9; text-decoration:none; line-height:50px; border-bottom: none; padding:10px 0; width:auto; display: inline; background:#777777; background-color: transparent;}
#lower-navi-ul li a:hover{ color:#fff;}
#lower-navi-ul li a.current{ color:#fff;}
#navi-current{ display:block;}

#index-image2{ position:absolute; top:180px; right:-40px; width:290px; margin-bottom:0;}
#index-image{ position:absolute; top:180px; right:-40px; width:290px; margin-bottom:0;}


#footer-navi-wrapper{ background:#777777; padding:0; display:block;}
#footer-navi-ul li{ display:inline; padding:0 20px;}
#footer-navi-ul li a{ font-size:120%; color:#e0b1a5; color:#f9d4d9; text-decoration:none; line-height:50px; border-bottom: none; padding:10px 0; width:auto; display: inline; background:#777777; background-color: transparent;}
#footer-navi-ul li a:hover{ color:#fff;}
#footer-navi-ul li a.current{ color:#fff;}

#twocolumn-wrapper{width:960px; margin:0 auto;}
#primary{float:left; width:640px; padding:40px 0 40px;}
#secondary{float:right; width:320px; padding:90px 0 40px; text-align:right;}
#secondary img{ margin-bottom:10px;}

#primary h3{ font-weight:bold; margin-bottom:20px;}
#primary p{ font-size:85%;}

#price-title{ margin-bottom:80px;}
#price-wrapper table{ padding:0; text-align:left; width:720px; margin:0 auto 80px; font-size:80%;}
#price-wrapper p{ margin: -60px 0 80px 120px; text-align:left; font-size:80%;}

#one-wrapper{ margin:0 auto; width:720px; padding:40px 0 40px; text-align:left;}
#one-wrapper h3{ font-weight:bold; margin-bottom:20px;}

#one-wrapper table{width:720px; float:left; float:none;}
#one-wrapper table th{ padding:20px 20px 20px 20px; text-align:left; border-bottom:2px solid #000; width:25%;}

#one-wrapper table#history-table{width:420px; float:left;}
#one-wrapper table#history-table th{ padding:20px 20px 20px 20px; text-align:left; border-bottom:2px solid #000; width:25%;}

#one-wrapper p.attention{ margin:-20px 0 40px; font-size:80%;}

#photo-wrapper{float: right; width: 240px; text-align: center; margin:40px auto 20px;}

.img-float-right{float: right; width: 280px; margin: 0 -10px 0 0;}

.access-content{ font-size:80%; margin-bottom:40px;}
.access-content p{ margin-bottom:10px;}

#map_canvas{width: 100%; height: 500px; margin-bottom: 80px;}
#map{width: 100%; height: 350px; margin-bottom: 80px;}

#copyRight{ font-size:75%; color:#333333; padding:2rem 0 1rem;}


#priceListUl{ display:block; padding-bottom:20px;}
#priceListUl li{display:inline-block; margin:0; }
#priceListUl li a{ display:block; line-height: 1; color:#fff; text-decoration: none; background:#333; padding:10px 30px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#priceListUl li a:hover{ color:#e0b1a5; color:#fedced;}
.cardWrapper{ background:#fff; width:640px; margin:0 auto 80px; padding:20px 40px; text-align: left;}


.popularWrapper{ font-size:120%; width:718px; margin:-40px auto 80px; padding:0 0 0; text-align: left; }
#price-wrapper p.explainText{ margin: 0 0 80px 120px; text-align:left; font-size:80%;}
#price-wrapper p#cardAttention{ margin: 20px 0 0 0; text-align:left; font-size:100%;}


.aboutTaxWrapper{ margin:-2rem auto 0; font-size:1rem;}


.bgWhiteRound{ padding:2rem 2rem 2rem;}
.attentionWrapper{ margin:4rem auto 0;}
.sugaringPhoto{float:right; width:320px; margin:0 0 40px 40px;}


.pcOnly{ display:table-row;}
.smOnly{ display:none;}

}











#re21{
/*
font-family:"ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
*/
background:#fff;}
#main-re21{ background:url(img/re21/main_bg_v2.jpg) center 0 no-repeat; background-size:cover; position:relative; width:100%; padding:8rem 0; color:#766868;}
#main-re21:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.8);}

#main-re21 > h1{ position:relative; margin-bottom:2.8rem;}
#main-re21 > h1 img{ height:60px; width:auto;}
#main-re21 > h2{ font-size:1.4rem; line-height:1.7; margin:1rem auto 2rem; position:relative; color:#e397a1;}
#mainText1{ font-size:1rem; margin:2rem auto 0; position:relative;}
#mainText1 img{ width:1.8rem; height:auto; vertical-align:middle; display:inline-block; margin:0 1rem 0.2rem 0;}

#mainText4{ font-size:0.8rem; margin:5px auto 3rem; padding:0 1rem; position:relative;}
#mainText2{ font-size:1.4rem; margin-bottom:1rem; position:relative; color:#e397a1;}
#mainText3{ font-size:1rem; position:relative; display:inline-block;}
#mainText3:before{ content:""; height:1px; width:3rem; background:#766868; position:absolute; top:50%; left:-4.6rem;}
#mainText3:after{ content:""; height:1px; width:3rem; background:#766868; position:absolute; top:50%; right:-4.6rem;}

#blueTitle{ color:#7692AF;position: relative; margin:4rem auto 0;}
#blueTitle h2{font-size: 1.4rem; font-weight: bold;}
#blueTitle p{font-size: 1.0rem;}

#pinkTitle{ color:#AF7697;position: relative; margin:3rem auto;}
#pinkTitle h2{font-size: 1.4rem;margin:0 auto 1rem; font-weight: bold;}
#pinkTitle p{font-size: 0.8rem;}

.catTitle-re21{ font-size:1.8rem; position:relative;}
.catTitle-re21:after{ content:""; position:absolute; bottom:0; left:0; width:12rem; height:1px; background:#333;}
.catTitle-re21.noBtLine:after{ content:none;}

.catTitle-re21.txCenter{ text-align:center;}
.subText{ font-size:0.8rem; margin:1rem auto 0; max-width:680px;}

#newsIndexWrapper-re21{ background:url(img/re21/news_bg_v2.jpg) center center no-repeat; background-size:cover; position:relative;}
#newsIndexWrapper-re21:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.3);}
#newsIndex-re21{ max-width:680px; margin:0 auto; padding:4rem 0; text-align:left;}

#newsIndex-re21 > ul{ margin-bottom:2rem; position:relative;}
#newsIndex-re21 > ul > li{ border-bottom:1px solid #707070; padding:1rem 1rem 0.2rem;}
#newsIndex-re21 > ul > li > a:hover{ opacity:0.7;}

/*
#menuIndex1-re21{ background:url(img/re21/menulist1.jpg) center 0 no-repeat; background-size:cover;}
#menuIndex2-re21{ background:url(img/re21/menulist2.jpg) center 0 no-repeat; background-size:cover;}
#menuIndex3-re21{ background:url(img/re21/menulist3.jpg) center 0 no-repeat; background-size:cover;}
*/

#menuIndex-re21 > h2{ font-size:1.8rem; text-align:left; padding:4rem 0 2rem; max-width:680px; margin:0 auto 0; line-height:1.4; position:relative;}
#menuIndex-re21 > h2:after{ content:""; position:absolute; bottom:2rem; left:0; width:12rem; height:1px; background:#333;}

.menuIndexInner-re21{ padding:0 0 4rem; max-width:680px; margin:0 auto; text-align:left; position:relative;}
.menuIndexInner-re21:after{ content:""; position:absolute; bottom:2rem; left:0; width:12rem; height:1px; background:#333;}
.menuIndexInner-re21.noBtLine:after{ content:none;}

.menuIndexInner-re21 div h3{ font-size:1.8rem; line-height:1.4; margin-bottom:1rem;}
.menuIndexInner-re21 div h3 span{ font-size:1rem; display:block;}
.menuIndexInner-re21 div p{ font-size:1rem; margin-bottom:1rem;}


#newsLowerWrapper-re21{ position:relative; background: #f2eeee;}
#newsLower-re21{ max-width:960px; margin:0 auto; padding:2rem 0 2rem; text-align:left;}
#newsLower-re21 > ul{ margin:0 auto 2rem; position:relative; max-width:680px;}
#newsLower-re21> ul > li{ border-bottom:1px solid #707070; padding:1rem 1rem 0.5rem;}
#newsLower-re21 > ul > li > a:hover{ opacity:0.7;}

.awardInfo{color:#AC9A39; margin:0 auto 2rem;}

#salonIndex-re21{padding:4rem 0; background:#f2eeee;}

.gallery {
  max-width: 960px;
  margin:1rem auto 0;
  display: grid;
  grid-template-columns: 2fr 2fr 3fr;
  grid-template-rows: 1fr 1fr;
  gap: 16px;
}

/* 共通 */
.gallery .item {
  overflow: hidden;
}

.gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.gallery .item-4 img {object-position: left bottom;}

.item-1 {
  grid-column: 1 / 3;
  grid-row: 1 / 2;
}

/* 右（縦に2行） */
.item-2 {
  grid-column: 3 / 4;
  grid-row: 1 / 3;
}

/* 左下 */
.item-3 {
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}

/* 中下 */
.item-4 {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

@media only screen and (max-width : 800px) {
  #main-re21{ padding:6rem 0;}

  #mainText1{ padding:0.2rem 0 0.2rem 0; background-size:1.4rem; letter-spacing:0;}
  #mainText1 img{ width:1.8rem; margin:0 0.4rem 0.2rem 0;}

  #main-re21 > h1 img{ height:40px;}
  #main-re21 > h2{ font-size:1.2rem; margin:1rem auto 2rem;}
  #mainText1{}
  #mainText2{}
  #mainText3{}

  #blueTitle{ margin:3rem auto 0;}
  #pinkTitle{ margin:2rem auto 3rem;}
  #newsIndexWrapper-re21{ background:url(img/re21/news_bg_v2.jpg) 0 0 no-repeat; background-size:cover;}

  .catTitle-re21{ font-size:1.2rem;}
  #newsIndex-re21{ padding:2rem 1rem;}
  #newsIndex-re21 > ul > li{ padding:1rem 0 0.2rem; font-size:0.8rem;}

  #menuIndex-re21 > h2{ font-size:1.2rem; padding:2rem 0 2rem; margin:0 1rem;}

  .menuIndexInner-re21{ padding:0 0 4rem;}
  .menuIndexInner-re21 div:nth-of-type(1){ margin-bottom:1rem;}

  .menuIndexInner-re21 div h3{ font-size:1.2rem; margin-bottom:1rem; font-weight:bold;}
  .menuIndexInner-re21 div p{ font-size:0.8rem;}

  #newsLower-re21{ padding:1rem 0 1rem;}


  .gallery {gap:2px;}
}


.menuBtn{ display:inline-block; border-radius:50px; padding:0.5rem 3rem 0.5rem 2rem; font-size:0.8rem; position:relative; background:#CB8E94; color:#fff;}
.menuBtn::before{
    content: '';
    /*絶対配置で下線の位置を決める*/
  	position: absolute;
    bottom:5px;
    right:1rem;
    /*下線の形状*/
    width: 4rem;
    height: 1px;
  	background:#fff;
    /*アニメーションの指定*/
    transition: all .3s;
}
.menuBtn::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  	position: absolute;
    bottom:10px;
    right:1rem;
    /*矢印の形状*/
    width: 18px;
    height:1px;
  	background:#fff;
    transform: rotate(35deg);
    /*アニメーションの指定*/
    transition: all .3s;
}
.menuBtn:hover::before{ right:0;}
.menuBtn:hover::after{ right:0;}

#columnIndex-re21{ text-align:left; background:#f2eeee;}
.catTitle-blog23{ background:url(img/blogtitle_bg.png) 0 center no-repeat; background-size: contain; display:inline-block; padding:2rem 0; font-size:1.8rem;}
.subText23{ font-size:0.8rem;}
#columnIndex-re21 > div{ max-width:680px; margin:0 auto; padding:2rem 0 2rem;}
#columnIndex-re21 ul{ margin:2rem auto;}
#columnIndex-re21 ul li{ margin:0 0 1rem;}
#columnIndex-re21 ul li a{ display:block; background:#dbc9cb; padding:1rem 1rem 1rem 3rem; border-radius:8px;position:relative;}
#columnIndex-re21 ul li a::before{
content: "";
position: absolute;
left: 1rem;
top: 50%;
background: url(img/btn_arrow.svg) center center no-repeat;
background-size: contain;
height: 1rem;
width: 1rem;
transform: translate(0, -50%);
}

#columnIndex-re21 ul li a:hover{ background:hsl(353, 20%, 72%);}
.more23Wrapper{ text-align: right; position: relative;}
.more23Wrapper img{ height:3rem; width:auto; transition: all .5s;}
.more23Wrapper img:hover{ transform: scale(1.1);}

@media only screen and (max-width : 800px) {
  #columnIndex-re21{ padding:2rem 1rem;}
  #columnIndex-re21 > div{ padding:0;}
  #columnIndex-re21 ul{ margin:1rem auto;}
  #columnIndex-re21 ul li a{ font-size:0.8rem;}
}


.moreTextWrapper{ text-align:right;}
.moreTextWrapper a{ display:inline-block; border-radius:50px; padding:0.5rem 2rem 0.5rem 0; font-size:0.8rem; position:relative;}
.moreTextWrapper a::before{
  content: '';
  /*絶対配置で下線の位置を決める*/
  position: absolute;
  bottom:5px;
  right:0;
  /*下線の形状*/
  width: 4rem;
  height: 1px;
  background:#333;
  /*アニメーションの指定*/
  transition: all .3s;
}
.moreTextWrapper a::after{
  content: '';
  /*絶対配置で矢印の位置を決める*/
  position: absolute;
  bottom:10px;
  right:0;
  /*矢印の形状*/
  width: 18px;
  height:1px;
  background:#333;
  transform: rotate(35deg);
  /*アニメーションの指定*/
  transition: all .3s;
}
.moreTextWrapper a:hover::before{ right:-0.5rem;}
.moreTextWrapper a:hover::after{ right:-0.5rem;}


#aboutus{ background:url(img/re21/about_bg_ver2.jpg) center center no-repeat; background-size:cover; position:relative;}
#aboutus:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.7);}
#aboutusIndex-re21{ padding:4rem 0; margin:0 auto; max-width:960px; position:relative;}
#aboutUsFlex{ margin:3rem auto 0; max-width:680px;
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
}
#aboutUsFlex div:nth-of-type(1){ flex-basis:60%; text-align:left; font-size:0.8rem;}
#aboutUsFlex div:nth-of-type(1) ul{ margin:1rem 0 0;}
#aboutUsFlex div:nth-of-type(1) h2{ margin:0 0 1rem;}
#aboutUsFlex div:nth-of-type(1) h2 dl dd{ font-size:1.2rem;}

#photo-owner{ width:260px; height:auto;}

@media only screen and (max-width : 800px) {
  #aboutusIndex-re21{ padding:2rem 1rem;}
  #aboutUsFlex{ margin:2rem auto 0; flex-flow:column;}
  #aboutUsFlex div:nth-of-type(1){ order:2;}
  #aboutUsFlex div:nth-of-type(2){ text-align:center; padding:0 0 2rem; width:100%;}
  #aboutUsFlex div:nth-of-type(2) img{ max-width:180px;}
}


#reservationExplainWrapper{ background:url(img/re21/reservation_bg_ver2.jpg) center center no-repeat; background-size:cover;  padding:4rem 0; position:relative;}
#reservationExplainWrapper:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.7);}

#reservationExplainWrapper > p{ position:relative;}
#reservationExplainWrapper > div{ position:relative;}

.reservationBtnWrapper{ margin:2rem auto;}
.reservationBtn{ display:inline-block; border-radius:50px; line-height:1; padding:1rem 3rem 1rem 2rem; font-size:1.0rem; position:relative; background:#F3B7AE;}
.reservationBtn:hover{ background:hsl(8, 74%, 77%);}
.reservationBtn::after{ content:""; position:absolute; right:1rem; top:50%; background:url(img/btn_arrow.svg) center center no-repeat; background-size:contain; height:1rem; width:1rem; transform: translate(0,-50%);}

.tellIcon-re21{ margin:2rem auto;}
.tellIcon-re21 p span{ font-size:1.2rem;}
.noteText--re21{ font-size:0.8rem; margin:1rem auto; max-width:680px;}
.lineIcon-re21{ background:url(img/re21/lineicon.jpg) 0 center no-repeat; background-size:3rem; padding:0 0 0 4rem; display:inline-block; margin:0 auto 2rem;}

#shopInformationWrapper{ background:url(img/re21/shopinformation_bg_ver2.jpg) 0 center no-repeat; background-size:cover; padding:4rem 0; position:relative;}
#shopInformationWrapper:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.7);}
#shopInformation-re21{ margin:0 auto 0; text-align:left; font-size:0.8rem; max-width:680px; position:relative;}

#aboutSalonWrapper{ margin:2rem 0 0;}
#aboutSalonWrapper dl dt{ margin:1rem 0 0;}
#aboutSalonWrapper ul{ margin:1rem 0;}

@media only screen and (max-width : 800px) {
  #reservationExplainWrapper{ padding:2rem 1rem;}
  .tellIcon-re21 p span{ font-size:1rem;}
  .lineIcon-re21{ background-size:2rem; padding:0 0 0 3rem; font-size:0.8rem;}
  #reservationIndex-re21 .noteText--re21{text-align:left;}

  #shopInformationWrapper{ padding:2rem 1rem;}
}


#accessIndex-re21{ padding:4rem 0;}
#accessIndex-re21 h2{ margin:4rem auto 2rem;}
#accessIndex-re21 h2 span{ display:block; font-size:0.8rem; margin:0 auto 1em; color:#655d5d;}
#accessIndex-re21 h2 img{ height:60px; width:auto;}
#accessIndexText1{ margin:0 auto 2rem;}
#accessIndexText2{ margin-top:2rem; font-size:1rem;}
#accessIndexText2 span{ font-size:0.8rem;}
#accessIndexText3{ margin-top:2rem; margin-bottom:2rem; font-size:1rem;}

.lineFrendsWrapper{ margin:0 auto 2rem;}
#oshiharaiList{ margin:0 auto 2rem;}
#oshiharaiList span{ font-size:0.8rem;}

#pressIndex-re21{ padding:4rem 0; background:url(img/re21/press_bg.jpg) 0 center no-repeat; background-size:cover;}
#pressInnerIndex-re21{ max-width:680px; margin:0 auto;}
#pressInnerIndex-re21 ul{ margin:2rem auto;}
#pressInnerIndex-re21 ul li{ margin-bottom:1rem;}
.pressBox{ background:#fff; padding:2rem; border-radius:8px;}
.pressBox img{ max-width:380px; margin:0 0 1rem; width:100%; height:auto;}
.pressBox a{ text-decoration:underline; word-break:break-all;}
.pressBox a:hover{ text-decoration:none;}

@media only screen and (max-width : 800px) {
  #accessIndex-re21{ padding:2rem 1rem;}
  #accessIndex-re21 h2{ margin:2rem auto 2rem;}
  #accessIndex-re21 h2 img{ height:40px;}
  #accessIndexText3{ font-size:0.8rem;}

  #pressIndex-re21{ padding:2rem 1rem;}
  #pressInnerIndex-re21 ul li{ display:block;}
}


#sideMenu-re21{ position:fixed; top:8rem; left:2rem; text-align:left;}
#sideMenuInner-re21 ul li{ margin:0 0 1rem;}
#sideMenuInner-re21 ul li a{ position:relative; color:#766868;}
#sideMenuInner-re21 ul li a::after{ content:""; position:absolute; bottom:0; left:0; background:#766868; height:1px; width:100%; transition: all .5s;}
#sideMenuInner-re21 ul li a:hover::after{ width:0;}

#hamburger.hamburger-re21{ right:auto; left:0; display:none;}
.menu-trigger span { background-color: #766868;}

#toTopBack{ position:fixed; bottom:1rem; left:0; display:none;}
#toTopBack img{ height:4rem; width:auto; cursor:pointer;}

@media only screen and (max-width : 1280px) {
  #sideMenu-re21{ z-index:9999; position:fixed; top:50px; left:auto; right:0; background:#fff; padding:1rem; display:none; box-shadow: rgba(0,0,0,0.2) 0 0 10px;}
  #hamburger.hamburger-re21{ right:0; left:auto; display:block;}
  .menu-trigger span { background-color: #766868;}
}




.lowerHeader-re21{ padding:3rem 0 1rem; position:relative; width:100%; color:#766868;}
.lowerHeader-re21 > h1 img{ height:40px; width:auto;}
.lowerHeader-re21 > h1{ position:relative;}
.lowerHeader-re21 > h2{ font-size:1.4rem; line-height:1.7; margin:2rem auto; position:relative;}
#lowerText1{ font-size:0.8rem; margin:1rem auto 2rem; position:relative;}
#lowerText2{ font-size:0.8rem; margin-bottom:2rem; position:relative;}
#lowerTitle{ font-size:2.4rem; line-height:1; margin:2rem auto; position:relative;}
#lowerTitle.jp{ font-size:1.8rem;}

.lowerLead-re21{ background:#fff; padding:4rem 0; max-width:680px; margin:0 auto;}
.lowerLead-re21 p{ line-height:2;}

.lowerContent-re21{ max-width:960px; margin:0 auto;}

.attentionWrapper h3.reTitle { font-size:1.2rem; font-weight:bold; margin-bottom: 1rem;}

#columnSingle-re21{ padding:4rem 0 0; margin:0 auto; max-width:680px; text-align:left;}
#columnSingle-re21.pt0{ padding-top:0;}
#columnSingle-re21 > h2{ font-size:1.8rem; margin-bottom:2rem;}
#columnSingle-re21 strong{ font-size:1.2rem; color:#766868;}
#columnSingle-re21 > p{ font-size:1rem; margin:0 0 1rem;}
#columnSingle-re21 img{ font-size:1rem; margin:0 0 1rem;}
.linkBtnWrapper{ margin-top:2rem;}
#columnSingle-re21 h3{ font-weight:bold; font-size:1rem;}
#columnSingle-re21 h4{ font-weight:bold;}

.bodyColorBox-re21{ text-align:left;}
.bodyColorBox-re21 h3{ font-weight:bold; margin-bottom:1rem;}
.bodyColorBox-re21 p{ font-size:0.8rem;}
.lowerContent-re21 .attentionWrapper h3{ font-weight:bold;}

.markText{ position:relative; padding:0 1rem; display:inline-block; line-height:1;}
.markText:before{ content:""; position:absolute; bottom:1rem; left:0; width:100%; height:0.5rem; background:#f9d4d9;}

.backBtnWrapper{ text-align:center; margin:2rem auto;}
.backBtnWrapper a{ display: inline-block; border-radius: 50px; line-height: 1; padding: 1rem 3rem 1rem 2rem; font-size: 1.0rem; position: relative; background: #F3B7AE;}
.backBtnWrapper a::after { content: ""; position: absolute; right: 1rem; top: 50%; background: url(img/btn_arrow.svg) center center no-repeat; background-size: contain; height: 1rem; width: 1rem; transform: translate(0,-50%);}
.backBtnWrapper a:hover{background:hsl(8, 74%, 77%);}

#sugaringPointWrapper{ margin:4rem auto 2rem;}
#sugaringPointWrapper h2{ font-size:1.2rem; font-weight:bold; margin-bottom:1rem;}

#lightRemovalPointWrapper{ margin:4rem auto 2rem;}
#lightRemovalPointWrapper h2{ font-size:1.2rem; font-weight:bold; margin-bottom:1rem;}

#sugaringSpecialWrapper{ margin:4rem auto 2rem;}
#sugaringSpecialWrapper h2{ font-size:1.2rem; font-weight:bold; margin-bottom:1rem;}

@media only screen and (max-width : 800px) {
  #lowerTitle.jp{ font-size:1.4rem;}

  .lowerHeader-re21{ padding:2rem 0 1rem;}
  .lowerHeader-re21 > h1 img{ height:30px;}
  .lowerHeader-re21 > h2{ font-size:1.2rem; margin:2rem auto;}
  #lowerText2{ padding:0 1rem;}
  #lowerTitle{ font-size:1.8rem; line-height:1;}

  .lowerLead-re21{ padding:2rem 1rem;}
  .lowerLead-re21 p{ font-size:0.8rem; text-align:left;}
  .lowerLead-re21 p br{ display:none;}

  .lowerContent-re21 table.priceTable1802 th.title{ font-size:1rem;}

  .attentionWrapper h3.reTitle { font-size:1rem;}

  #columnSingle-re21{ padding:2rem 1rem 0;}
  #columnSingle-re21 > h2{ font-size:1.2rem; margin-bottom:2rem;}
  #columnSingle-re21 > p{ font-size:0.8rem;}

  .markText #mainText2{ margin-bottom:1rem;}

  #sugaringPointWrapper{ margin:2rem auto; padding:0 1rem;}
  #sugaringPointWrapper h2{ font-size:1rem;}

  #lightRemovalPointWrapper{ margin:2rem auto; padding:0 1rem;}
  #lightRemovalPointWrapper h2{ font-size:1rem;}

  #sugaringSpecialWrapper{ margin:2rem auto; padding:0 1rem;}
  #sugaringSpecialWrapper h2{ font-size:1rem;}
}


#waxingMain-re21{ background:url(img/re21/waxing-v2_main.jpg) center 0 no-repeat; background-size:cover;}
#waxingMain-re21:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.5);}

#sugaringMain-re21{ background:url(img/re21/sugaring-v2_main.jpg) center 0 no-repeat; background-size:cover;}
#sugaringMain-re21:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.5);}

#bodyColoringMain-re21{ background:url(img/re21/bodycoloring-v2_main.jpg) center 0 no-repeat; background-size:cover;}
#bodyColoringMain-re21:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.5);}

#hblMain-re21{ background:url(img/re21/hbl-v2_main.jpg) center center no-repeat; background-size:cover;}
#hblMain-re21:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.5);}

#columnMain-re21{ background:url(img/re21/column_bg_v2.jpg) center 0 no-repeat; background-size:cover;}

#lightRemovalMain-re21{ background:url(img/re21/sugaring-v2_main.jpg) center 0 no-repeat; background-size:cover;}
#lightRemovalMain-re21:before{ content:""; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(255,255,255,0.5);}



.priceNote{font-size:0.8rem; display:inline-block; margin-top:4px;}
.spScrollWrapper{ overflow-x:auto;}
.listTitle{ margin-bottom:1em;}
.listTitle::before{ content:"<";}
.listTitle::after{ content:">";}
table.priceTable1802 td.textCenter { text-align:center;}
table.priceTable1802.mt2rem{ margin-top:2rem; margin-bottom:2rem;}
.sugaringSpecialPointText{ margin-top:1rem; font-size:1rem;}

@media only screen and (max-width : 800px) {
table.priceTable1802.lightRemovalTable { width:460px; margin-left:-5rem; width:100%; margin-left:0; transition: all .5s;}
table.priceTable1802.lightRemovalTable.scrollOn{ margin-left:0;}
.lowerContent-re21 table.priceTable1802.lightRemovalTable th.title { font-size:0.8rem;}
.lightRemovalEx{ text-align:left; font-size:0.8rem;}
.lightRemovalEx dt{ margin-bottom:1em;}
.lightRemovalEx dd br{ display:none;}
}




.catchCopy202311{ font-size:0.8rem; margin:1rem auto; position: relative;}
.catchCopy202601{ font-size:0.8rem; margin:0 auto 1rem; position: relative; color:#918022;}

.lowerHeader-re21 > h2.catTitle202311{ font-size:1.8rem; line-height:1; margin:2rem auto; position:relative; letter-spacing:0; font-weight: bold;}
.catLead202311{ max-width:680px; margin:4rem auto; color:#837F81;}
.catLead202311 dl{ background-size:1.4rem;}
.catLead202311 dl dt{ font-size:1.2rem; margin-bottom:1em;}
.catLead202311 dl dd{ font-size:1.0rem;}
.catLead202311 dl dd span{ font-size:1.2rem; font-weight:bold;}

.drawTitle1{ position:relative; font-size:1.2rem; padding:1rem 0 0 0;}
.drawTitle1::before{ content:""; background:url(img/titlebg1_202311.jpg) 0 0 no-repeat; background-size:contain; height:8rem; width:16rem; position: absolute; top:0; left:-1rem; z-index:-1;}

.drawTitle2{ position:relative; font-size:1.2rem; padding:1rem 0 0 0;}
.drawTitle2::before{ content:""; background:url(img/titlebg2_202311.jpg) 0 0 no-repeat; background-size:contain; height:8rem; width:16rem; position: absolute; top:0; left:-1rem; z-index:-1;}

.drawTitle3{ position:relative; font-size:1.2rem; padding:1rem 0 0 0;}
.drawTitle3::before{ content:""; background:url(img/titlebg3_202311.jpg) 0 0 no-repeat; background-size:contain; height:8rem; width:16rem; position: absolute; top:0; left:-1rem; z-index:-1;}

.drawTitle4{ position:relative; font-size:1.2rem; padding:1rem 0 0 0;}
.drawTitle4::before{ content:""; background:url(img/titlebg1_20250803.jpg) 0 0 no-repeat; background-size:contain; height:8rem; width:16rem; position: absolute; top:0; left:-1rem; z-index:-1;}

.secContentWrapper{ max-width:680px; margin:4rem auto; text-align: left;}
.secContentWrapper p{ margin:1em 0;}
.secContentWrapper ol{ margin:2em 0;}
.secContentWrapper ol li{ margin:0 0 2em;}
.secContentWrapper ol li div,.secContentWrapper ol li h3{ font-weight: bold; margin-bottom:4px;}

.secContentWrapper dl{ margin:2em 0;}
.secContentWrapper dl dt{ font-size:1.2rem; margin-bottom:1em;}
.secContentWrapper dl dt.deco{font-size:1.0rem;}
.secContentWrapper dl dt.deco2{font-size:0.8rem; background:#D8E7FF; line-height:1; padding:10px 2rem; border-radius:20px; display:inline-block;}
.secContentWrapper dl dt.deco::before{content:"［";}
.secContentWrapper dl dt.deco::after{content:"］";}
.secContentWrapper dl dd div{ margin:1em 0 0;}
.secContentWrapper dl dd ul li{ list-style-type: disc; list-style-position: outside; margin: 0 0 0 1.4em;}

.secImageBox{ margin:2em 0; text-align: center;}
.secImageBox.wS{ max-width:480px; margin:2rem auto;}
.size--s{ max-width:400px; width:100%; margin:0 auto;}
.size--xs{ max-width:280px; width:100%; margin:0 auto;}
.size--icon{ max-width:3rem; width:100%; height:auto; margin:0 auto;}

.secImageBox.flex{ display: flex; max-width:680px; width:100%;}
@media only screen and (max-width : 800px) {
.secImageBox.flex{ flex-direction:column;}
}


.secContentWrapper table.listTable{ margin:2em 0; width:100%;}
.secContentWrapper table.listTable th{ text-align: center; font-size:1.2em;}
.secContentWrapper table.listTable td{ padding:1rem 1rem 0;}
.secContentWrapper table.listTable td ul li{ list-style-type: disc; list-style-position: outside; margin: 0 0 0 1.4em;}
.tdCenter{ vertical-align: middle; text-align: center;}

.secContentWrapper table.priceTable td{ padding:0 1rem 0 0;}
.note{ font-size: 0.8rem; display:block;}

.toReserveWrapper{ margin:4rem auto 8rem;}
.toReserveWrapper > span{ display:block; margin:0 auto 1rem;}
.toReserveWrapper > a{ display:inline-block; line-height:1; font-size:1.2rem; padding:2rem 4rem; min-width:480px; letter-spacing:0; background:#F3B7AE; border-radius:100px; position:relative;}
.toReserveWrapper > a:hover{ background:hsl(8, 74%, 77%);}
.toReserveWrapper > a::after{ content:""; position:absolute; right:1rem; top:50%; background:url(img/btn_arrow.svg) center center no-repeat; background-size:contain; height:1rem; width:1rem; transform: translate(0,-50%);}
.telInfo{ margin:1rem auto 0; font-size:1.2rem;}

.mustWrapper{max-width:680px; margin:0 auto 8rem; text-align: left; padding:2rem; border:1px solid #707070; border-radius:20px;}
.mustTitle{ font-size:1.4rem; text-align: center;}
.mustSubTitle{ margin:2rem 0 1rem;}
.mustWrapper ul li{ list-style-type: disc; list-style-position: outside; margin: 0 0 0 1.4em;}
.mustWrapper ul li ul li{ list-style-type: circle;}

.mustWrapper.colorType{ background: linear-gradient(135deg, #ffeef8 0%, #f0f8ff 100%); border-radius:0; border:none; margin-top:1rem;}

.engSupport{ color:#A7A6A6; display:inline-block; margin:1rem 0 0;}

@media only screen and (max-width : 800px) {
  .catchCopy202311{ font-size:0.8rem;}
  .lowerHeader-re21 > h2.catTitle202311{ font-size:1.2rem; margin:1rem auto;}
  .catLead202311{ margin:2rem auto; padding:0 1rem;}
  .catLead202311 dl dt{ font-size:1.0rem;}
  .catLead202311 dl dd{ font-size:0.8rem;}
  .catLead202311 dl dd span{ font-size:1.0rem;}

  .drawTitle1{ font-size:1.0rem; padding:0.5rem 0 0 0;}
  .drawTitle1::before{ height:6rem; width:12rem;}
  .drawTitle2{ font-size:1.0rem; padding:0.5rem 0 0 0;}
  .drawTitle2::before{ height:6rem; width:12rem;}
  .drawTitle3{ font-size:1.0rem; padding:0.5rem 0 0 0;}
  .drawTitle3::before{ height:6rem; width:12rem;}
  .drawTitle4{ font-size:1.0rem; padding:0.5rem 0 0 0;}
  .drawTitle4::before{ height:6rem; width:12rem;}

  .secContentWrapper{ margin:2rem auto; padding:0 1rem;}
  .secContentWrapper p{ font-size:0.8rem;}
  .secContentWrapper ol li{ font-size:0.8rem;}
  .secContentWrapper dl dt{ font-size:1.0rem;}
  .secContentWrapper dl dt.deco{font-size:0.8rem;}
  .secContentWrapper dl dd{ font-size:0.8rem;}

  .size--s{ padding:0 1rem;}
  .size--xs{ padding:0 1rem;}
  .size--icon{ padding:0; opacity:0.5;}

  .secContentWrapper table.listTable th{ font-size:0.8em;}
  .secContentWrapper table.listTable td{ padding:10px 0 0;}
  .secContentWrapper table.listTable td ul li{ font-size:0.8rem;}
  .tdCenter{ width:2rem;}

  .toReserveWrapper{ margin:2rem auto 4rem; padding:0 1rem;}
  .toReserveWrapper > span{ font-size:0.8rem;}
  .toReserveWrapper > a{ font-size:1.0rem; padding:1rem 3rem; min-width:auto;}
  .telInfo{ font-size:1.0rem;}

  .mustWrapper{ margin:0 1rem 4rem; padding:1rem; border-radius:8px;}
  .mustWrapper.colorType{ margin:1rem 0 4rem;}
  .mustTitle{ font-size:1.0rem; }
  .mustSubTitle{ margin:1rem 0 1rem; font-size:0.8rem;}
  .mustWrapper ul li{ font-size:0.8rem;}
}




.diskUl{ margin:1rem 0 0; list-style-position: outside;}
.diskUl > li{ list-style-type: disc; margin:0 0 0 1.4em;}
.lead-mt{ margin-top:1rem;}
.noteTextForUl{ margin:1rem 0 0; font-size:0.8rem;}

.boxList{ margin:1rem 0 0; list-style:none;}
.boxList > li{ display:inline-block; width:50%; padding:0 1rem 1rem 0;}

.boxList > li:nth-child(odd){ padding:0 0.5rem 1rem 0;}
.boxList > li:nth-child(even){ padding:0 0 1rem 0.5rem;}

.boxList > li > div{ border:1px solid #666; padding:1rem 1rem; border-radius:8px; position:relative;}
.boxList > li > div::after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;border-left: 5px solid #F3B7AE; border-radius:8px;}

.boxList.mtSet{margin-top:1.4rem;}
.boxList > li.w100{ width:100%; padding:0 0 1rem;}
.boxList > li > div.brYellow::after{border-left: 5px solid #f9e15f;}

.footerSnsWrapper{ margin:2rem auto 0;}
.footerSnsWrapper > ul > li{ display:inline-block; width:2rem;}
.spOnly{ display:none;}

@media only screen and (max-width : 800px) {
  .footerSnsWrapper{ margin:2rem auto 0;}
.spOnly{ display:block;}

.boxList > li{ display:block; width:100%; padding:0 0 1rem 0;}
.boxList > li:nth-child(odd){ padding:0 0 1rem 0;}
.boxList > li:nth-child(even){ padding:0 0 1rem 0;}
}






#re21 #sideMenu-re21{ display:none;
        z-index: 9999;
        top:3rem;
        left: auto;
        right: 0;
        background: #fff;
        padding: 1rem;
        box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;
}
#re21 #hamburger.hamburger-re21{ display: block; top:10px; left: auto; right:10px;}
/*
#re21 #hamburger{ background:#F3E2E6; border-radius:50px;box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;}
*/
#re21 #main-re21 { padding:8rem 0 4rem;}
#re21 #blueTitle{ display:inline-block; padding:0 1rem; margin:2rem 0;}
#re21 #pinkTitle{ display:inline-block; padding:0 1rem; margin:2rem 0;}
#re21 #pinkTitle p{font-size: 1.0rem;}
#re21 #mainText3{ display: block;}
#re21 #mainText3:before{ top:50%; left:50%; transform: translate(-7rem,-50%);}
#re21 #mainText3:after{ top:50%; right:50%; transform: translate(7rem,-50%);}

#re21 #newsIndex-re21{ padding:2rem 0;}
#re21 #newsIndex-re21 > ul > li{padding: 1rem 0 0.5rem;}
#re21 #newsIndex-re21 > ul > li > div > div > a.newsLink{display:flex; justify-content: flex-start; align-items:center;}
.newsFlex{display:flex; justify-content: flex-start; align-items:}

#newsLowerWrapper-re21 #newsLower-re21 > ul > li{padding: 1rem 0 0.5rem;}
#newsLowerWrapper-re21 #newsLower-re21 > ul > li > div > div > a.newsLink{display:flex; justify-content: flex-start; align-items:center;}

.catIconIkumo{ display:inline-block; width:8em; text-align: center; background:#D9DEE6; padding:0.2rem 0; border-radius:50px; font-size:0.8rem; letter-spacing:0;box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;}
.catIconQa{ display:inline-block; width:8em; text-align: center; background:#FFF1D8; padding:0.2rem 0; border-radius:50px; font-size:0.8rem; letter-spacing:0;box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;}
.catIconInfo{ display:inline-block; width:8em; text-align: center; background:#EDEDED; padding:0.2rem 0; border-radius:50px; font-size:0.8rem; letter-spacing:0;box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;}
.catIconSugaring{ display:inline-block; width:8em; text-align: center; background:hsl(63, 84%, 88%); padding:0.2rem 0; border-radius:50px; font-size:0.8rem; letter-spacing:0;box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px;}

.newsdate{ display:inline-block; padding:0 1em; font-size:0.8rem;}
.newsTitle{ position:relative; padding:0 1em; font-weight: bold; color: #766868;}
.newsTitle::before{ content:""; position: absolute; top:50%; left:0; width:0.5em; height:1px; background:#707070;}
.newsTitle::after{ content:""; position: absolute; top:50%; right:0; width:0.5em; height:1px; background:#707070;}

@media only screen and (max-width : 800px) {
#re21 #hamburger.hamburger-re21{ top:10px; left:auto; right:10px; z-index:10010;}
#re21 #main-re21 { padding:4rem 0 2rem;}
#re21 #blueTitle{ display:block; padding:0 1rem; margin:2rem 0;}
#re21 #pinkTitle{ display:block; padding:0 1rem; margin:0 0 2rem;}

#re21 #newsIndex-re21 { padding: 2rem 1rem;}
#re21 #newsIndex-re21 > ul > li > div > div > a.newsLink{flex-direction: column; align-items:flex-start;}
.newsFlex{flex-direction: column; text-align: left;}

.newsTitle{ display:block; padding:0 0; margin-top:1em; font-size:0.85rem; line-height:1.4;}
.newsTitle::before{ content:none; position: absolute; top:50%; left:0; width:0.5em; height:1px; background:#707070;}
.newsTitle::after{ content:none; position: absolute; top:50%; right:0; width:0.5em; height:1px; background:#707070;}

#re21 #newsIndex-re21 .newsdate{padding:0; position: relative; top:-1.5rem; left:7rem;}
#re21 #newsIndex-re21 .newsTitle{ display:block; padding:0 0; margin-top:-0.85em; font-size:0.85rem; line-height:1.4;}

#newsLower-re21{ padding:1rem 1rem 1rem;}
#newsLowerWrapper-re21 #newsLower-re21 > ul > li > div > div > a.newsLink{flex-direction: column; align-items:flex-start;}
#newsLowerWrapper-re21 #newsLower-re21 .newsdate{padding:0; position: relative; top:-1.5rem; left:7rem;}
#newsLowerWrapper-re21 #newsLower-re21 .newsTitle{ display:block; padding:0 0; margin-top:-0.85em; font-size:0.85rem; line-height:1.4;}
}


.singleNewsFooter h3{ margin:1rem 0 0;}
.singleNewsFooter address{ font-size:0.8rem; margin:1em 0;}
.newsfooterAccess{ font-size:0.8rem; margin:1em 0;}

#columnSingle-re21 ol { counter-reset: li; margin:1em 0 0;}
#columnSingle-re21 ol li { position:relative; padding:0 0 0 2em; margin: 0 0 1em;}
#columnSingle-re21 ol li::before {
  position: absolute; top:0.6em; left:0;
    display: inline-block;
    min-width: 1.7em;
    margin-right: 5px;
    border-radius: 50%;
    background-color:#766868;
    color: #fff;
    font-weight: bold;
    font-size: .75em;
    line-height: 1.7em;
    text-align: center;
    content: counter(li);
    counter-increment: li;
}


.pagenationWrapper{position:relative; max-width:1000px; margin:2rem auto 0; text-align:center; font-size:0.8rem;}
.pagenation a{ display:inline-block; box-sizing:border-box; vertical-align:top; width:40px; height:40px; border:1px solid #333; line-height:38px; overflow:hidden; color:#766868; text-decoration:none; background:#fff; margin-top:1rem;}
.pagenation a:hover{ background:#000; color:#dbc9cb;}
.pagenation span{ display:inline-block; box-sizing:border-box; vertical-align:top; width:40px; height:40px; border:1px solid #333; background:#000; color:#dbc9cb; line-height:38px; margin-top:1rem;}
.pagenation span.dotdotdot{ background:transparent; color:#666; border:none;width:10px;}

.pagenation a.nextPaginationBtn{ position:relative; background:#eee; color:#666;}
.pagenation a.nextPaginationBtn:after{ content:""; position:absolute; top:20px; right:20px; display:block; width:5px; height:5px; border:1px solid; border-color: #dbc9cb #dbc9cb transparent transparent; transform: translate(2px, -4px) rotate(45deg); -webkit-transform: translate(2px, -4px) rotate(45deg);}
.pagenation a.nextPaginationBtn:hover{ background:#000;}

.pagenation a.backPaginationBtn{ position:relative; background:#eee; color:#666;}
.pagenation a.backPaginationBtn:after{ content:""; position:absolute; top:20px; left:20px; display:block; width:5px; height:5px; border:1px solid; border-color: transparent transparent #dbc9cb #dbc9cb; transform: translate(-3px, -4px) rotate(45deg); -webkit-transform: translate(-3px, -4px) rotate(45deg);}
.pagenation a.backPaginationBtn:hover{ background:#000;}

@media only screen and (max-width : 800px) {}





.selectList{
  position: relative;
  display: block;
  width: 280px;
  border: 1px solid #707070;
  background: #fff;
}
.selectList.sizeS{
  width: 5em;
}
  
.selectList:before {
      content: "";
      position: absolute;
      top: 50%;
      right: 10px;
      display: block;
      width: 0;
      height: 0;
      margin: -2px 0 0 0;
      border: 5px solid transparent;
      border-top: 7px solid #707070;
}

.selectList select{
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 320px;
  border: none;
  background: transparent;
  padding:1rem;
  box-sizing:border-box;
}

.formWrapper{ max-width:640px; width:100%; text-align: left; margin:2rem auto 4rem;}
.formWrapper fieldset legend{ text-align:center; margin-bottom:2rem;}
.formWrapper dl{ margin:1rem auto; color: #333;}
.formWrapper dl dt{ font-weight: normal; margin-bottom:5px;}
.formWrapper dl dt span{display: inline-block;line-height: 1;padding: 0.25rem 0.5rem;background: #e26459;border-radius: 5px;color: #fff;font-size: 0.75rem;margin: 0.25rem 0 0 1rem;vertical-align:top;}

.formWrapper input[type=text]{ border:1px solid #707070; width:100%; padding:0.5rem; background: #fff;}
.formWrapper input[type=email]{ border:1px solid #707070; width:100%; padding:0.5rem; background: #fff;}
.formWrapper textarea{ border:1px solid #707070; width:100%; padding:0.5rem; height:10em; background: #fff;}

.submitWrapper{ margin:1rem auto 0; text-align: center;}
.submitWrapper ul li{ display:inline-block; padding:0 1rem;}
.submitWrapper input[type=submit]{ background:#fff; border:1px solid #333; color:#000; padding:1rem 4rem;}
.submitWrapper input[type=submit]:hover{ background:hsl(0, 0%, 90%);}

.addLine{ border:1px solid #707070; width:100%; padding:0.5rem;}
.bookNote{ font-size:0.8rem; margin-top:10px;}

@media only screen and (max-width : 800px) {
  .formWrapper{ padding:0 1rem; margin:2rem auto;}
  .formWrapper fieldset legend{ margin-bottom:1rem;}
  .formWrapper dl{ font-size:0.8rem;}
  .submitWrapper ul li{ display:block; padding:0 0 1rem;}
  .submitWrapper input[type=submit]{ font-size:0.8rem;}
  .preCheckText{ font-size:0.8rem;}
}

.checkAnser{ border:1px solid #707070; padding:0.5rem 1rem;}

@media only screen and (max-width : 800px) {
}