@media screen and (max-width: 768px) { body { min-width: 100%; font-size: 1.2rem; }
  img { max-width: 100%; }
  .inner { width: 100%; }
  .img-box .float-left, .img-box .float-right { width: 90%; margin: 0 auto 15px; float: none; }
  .midashi01 { margin-bottom: 10px; }
  .midashi01 .jp { font-size: 2rem; }
  .midashi01 .en { font-size: 1.2rem; }
  .midashi02 { padding: 1px 0 3px 10px; margin-bottom: 20px; font-size: 1.6rem; border-left: 4px solid #837774; }
  .midashi02:before { left: -4px; }
  .midashi02:after { left: -4px; }
  /* mobile switch */
  .pc, #header { display: none; }
  .mobile, #header-mobile, .sp { display: block; }




  /* ------------------------------------ 	header ------------------------------------ */
  #header-mobile { width: 100%; padding-bottom: 1px; border-bottom: 1px solid #B398B8;
  position: fixed; top: 0; z-index: 9999; -webkit-transform: translate3d(0, 0, 0); -webkit-text-size-adjust: 100%; }
  #header-mobile #mobile-navi-global { position: relative; display: flex; z-index: 1; }
  #header-mobile nav { width: 100%; position: fixed; top: 0; }
  #header-mobile nav .in-box { height: 100vh; padding-top: 58px; overflow: auto; -webkit-overflow-scrolling: touch; z-index: -1; }
  #header-mobile nav .mask { position: fixed; width: 100%; height: 100vh; background: rgba(255, 255, 255, 0.7); top: 0; left: 0; right: 0; bottom: 0; z-index: -1; }
  #header-mobile nav ul { width: 100%; background: #fff; position: relative; }
  #header-mobile nav li { font-size: 1.6rem; border-bottom: 1px solid #f9f9f9; }
  #header-mobile nav li:last-child { border: none; }
  #header-mobile nav li a { padding: 14px 15px 12px; position: relative; }
  #header-mobile nav li a:after { content: "\f054"; font-family: FontAwesome; position: absolute; top: 16px; right: 15px; }
  #header-mobile nav li .title { padding: 14px 15px 12px; display: block; position: relative; }
  #header-mobile nav li .title:after { content: "\f067"; font-family: FontAwesome; position: absolute; top: 16px; right: 15px; }
  #header-mobile nav li .title.active:after { content: "\f068"; }
  #header-mobile nav li ul { background: #f2f2f2; display: none; }
  #header-mobile nav li ul ul { background: #ddd; }




  /* ------------------------------------ 	footer ------------------------------------ */
  footer { padding-top: 2px; }
  footer .footer-contents .logo { width: 50%; margin: 0 auto 20px; float: none; }
  footer .footer-contents .contact { margin-top: 0; display: block; float: none; }
  footer .footer-contents .tel { margin: 0 auto 15px; display: table; }
  footer .footer-contents .mail { width: 230px; margin: 0 auto 20px; }
  footer .footer-contents .mail img { width: 100%; }
  footer nav { background: #A69E9D; }
  footer nav ul { display: block; width:auto; }
  footer nav li { width: 100%; font-size: 1.4rem; border-bottom: 1px solid #817775; position: relative; float: none; }
  footer nav li:after { content: "\f105"; margin: 0; color: #817775; font-family: FontAwesome; position: absolute; top: 9px; right: 4%; }
  footer nav li:last-child:after { display: block; }
  footer nav li a { padding: 10px 4% 7px; display: block; }
  footer .copyright { height: auto; padding: 8px 0 6px; font-size: 1.2rem; }
  footer #pagetop { width: 100%; height: 25px; padding-top: 6px; padding-right: 2.5%; margin: 0; color: #fff; text-align: right; background: #BEB2B0; top: -26px; right: 0; }
  footer #pagetop i { color: #fff; }

.header_desc_text{ display: none;}
.footer_desc_text{ margin:5%; width: 90%; font-size: 2.5vw; }
.min_text{ margin:3%; font-size: 2.5vw; }

  /* ------------------------------------ 	hero ------------------------------------ */
  .hero { width: 100%; min-width: 100%; margin-top: 18%; }
  .hero .logo { box-shadow: 0 5px 10px -8px #000; position: relative; z-index: 1; }
  .hero .hero-img { min-width: 100%; position: static; transform: translate(0); }



  /* ------------------------------------ 	bread ------------------------------------ */
  #bread { padding: 0 2%; top: 9px; }
  #bread li { font-size: 1rem; }
  #bread li:after { margin: 0 4px; font-size: 1rem; }
  #bread li.home { padding-left: 14px; }
  #bread li.home i { font-size: 1.3rem; top: 1px; }



  /* ------------------------------------ 	top ------------------------------------ */
  #wrapper { padding-top: 5px; padding-bottom: 40px; }
  #main-top img { width: 100%; }


.top-h{ border-bottom:solid 4px #e0dad9; text-align:center; position:relative; height:30px; margin:0 0 3%;}
.top-h p{ border-bottom: solid 4px #b398b8; display:inline; width:50%; margin:0 auto; font-size:6vw; line-height:1.2em; position:absolute; left:0; right:0; bottom:-4px; font-family:"Times New Roman", Times, serif;}
.top-menu{ margin:5% 0; padding:5% 0; background:#f7ecf9;}

.top-menu ul{ font-size:0; margin: 3%}
.top-menu ul li{ display:inline-block; vertical-align:top; width:100%;}
.top-menu ul li a p{ font-size:3.5vw; letter-spacing: -0.05em; width:100%; margin:2% 0;}

.top-menu a img{ text-align:center;margin:0; width: 100%}
	.top-menu .menu_list{ margin: 3%}

#top-news {	margin:3%; width:94%; }
#top-news h2 {	margin-right: 0;	float: none; width:100%;}
#top-news h2 img {	width: 100%;}
#top-news ul {	width:100%;	height: 150px;	float: none;}
#top-news li {	padding: 2%;}
#top-news time {	margin-right: 3px;	font-size: 3.5vw;}
#top-news .category {	padding: 0.5% 2%;	margin:1%;	font-size: 2.5vw;}
#top-news .title {	font-size: 3.5vw;}
#top-news .title a {	text-indent: 5px;}

#top-news #feed time{
  margin: 0 2vw 0 0;
}
#top-news #feed .category{
  margin: 0 2vw 0 0;

  position: relative;
  top: -0.5vw;
}
#top-news #feed .title{}

.bn3 li{ width:94%; margin:3%;}
.bn3 li a p{ margin: 2% 0 0; font-size:3.5vw; letter-spacing: -0.05em; }

.top-contact{ border: solid 1px #e0dad9; margin:0 auto;}

.top-contact dl{ font-size:0;  height:100%;}
.top-contact dt{ display:inline-block; vertical-align:top; width:100%; margin:3% 0;}
.top-contact dt p{ font-size:4vw; text-align:center;}
.top-contact dt a{ font-size:10vw; color:#9568a9; text-align:center;}
.top-contact dt p.read{font-size: 3.5vw;}
.top-contact dt a img,.top-contact dt img{ margin:3% 10%; width:80%!important;}
.top-contact dt a span{ font-size:5vw;}
.top-contact dd{ display:inline-block; vertical-align:top; width:100%;}
.top-contact dd iframe{ height:300px;}

  /* ------------------------------------ 	first ------------------------------------ */
  #main-contents { width: auto; min-height: 300px; padding: 30px 3%;
  background: url(../images/mobile-main-contents-bg-top.png) no-repeat top 5px center, url(../images/mobile-main-contents-bg-bottom.png) no-repeat bottom 5px center;
  background-size: contain; border: none; font-size:4vw; }
  #main-contents .first_text { margin: 0; }
  #main-contents .first_text p { font-size:4vw; }

 ul.flow-ul li{ margin:20px 0; position:relative; margin:0 0 80px 0;}
ul.flow-ul li:after{ content:url(../images/flow_y.jpg); position:absolute; left:42%; right:50%; top:105%;}
ul.flow-ul li:last-child:after{ content:""}
ul.flow-ul li dl{ width:100%;}
ul.flow-ul li dl dt{ font-size:6vw;}
ul.flow-ul li dl dt p{ background:#b398b8; border-radius:4px; display:inline-block; color:#fff; font-size:16px; padding:8px 2px 4px 6px; margin:2px 10px 2px 0;}
ul.flow-ul li dl dt p span{ font-size:30px; font-style:italic;}
ul.flow-ul li dl dd{ font-size:4vw; line-height:1.6em; margin:3% 0;}
ul.flow-ul li img{ display:inline-block; vertical-align:top; font-size:0; margin:0 10%; width:80%;}



 /*menu*/

.txt1{ clear:both; margin:5% 0;}
.txt1 p{ margin:3% 0%;width:100%;}
.txt1 img{ margin:3% 10%;width:80%;}

.txt2{ clear:both; margin:5% 0;}
.txt2 p{ margin:3% 0%;width:100%;}
.txt2 img{ margin:3% 10%;width:80%;}

.txt3{ clear:both; margin:5% 0;}
.txt3 div{ margin:3% 0%;width:100%;}
.txt3 img{ margin:3% 10%;width:80%;}

.fain-reco{ padding:2% 2% 60% 2%; margin:5% 0; border: solid 4px #beb2b0; background:linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,1),rgba(255,255,255,0),rgba(255,255,255,0),rgba(255,255,255,0)),url(../images/fain_img02.jpg) no-repeat bottom; background-size:contain;}
.fain-reco h3{ margin:0 1%; font-size:8vw;}
.fain-reco ul li{ font-size:4vw; margin:1%; text-indent:-2em; padding:0 0 0 2em; font-weight: normal;}
.fain-reco ul li:before{ content:""; background:url(../images/check.png) no-repeat; background-size:contain;  margin:1%;width: 20px; height: 20px;display: inline-block;}

.fain-prob{ margin:2% 0; padding:1%; font-size:5vw; letter-spacing: -0.05em;}
.ybtm{ margin:40px auto; display:block;}
.fain-cha{ margin:2% 0; padding:1%; font-size:5vw; letter-spacing: -0.05em;}
.fain-cha-ul{ font-size:0;}
.fain-cha-ul li{ margin:2% 0; border:solid 1px #deaeae; width:100%; height:auto; padding:4%; display:inline-block; vertical-align:top;}
.fain-cha-ul li:nth-child(even){ margin:2% 0;}
.fain-cha-ul li p{ font-size:4vw; line-height:1.6em;text-align: left;}
.fain-cha-ul li img{}
.fain-cha-ul li h6{ padding:0 0 3%; margin:0 0 3%; font-size:5vw;}
.fain-sani{ border: double 4px #d1d1d5; padding:3% 0 0; font-size:0; margin:5% 0;}
.fain-sani dl{ padding:0 2% 2%; width:100%;}
.fain-sani dl:nth-child(1){ border-right:solid 1px #d1d1d5;}
.fain-sani dl dt{ padding:1%; font-size:5vw; margin: 0 0 2%}
.fain-sani dl dd{ font-size:4vw;}
.fain-sani p{ font-size:3.5vw; padding:2%; margin:2%; text-align: left; letter-spacing: -0.01em}

.mayu-reco{ padding:2%; margin:5% 0; border: solid 4px #beb2b0; background:none;}
.mayu-reco h3{ margin:0 1%; font-size:8vw;}
.mayu-reco ul li{ font-size:4vw; margin:1%; text-indent:-2em; padding:0 0 0 2em; font-weight: normal;}
.mayu-reco ul li:before{ content:""; background:url(../images/check.png) no-repeat; background-size:contain;  margin:1%;width: 20px; height: 20px;display: inline-block;}

.mayu-ba{padding:2%;}
.mayu-ba img{margin:0;}
.mayu-ba dl{ width:100%;}
.mayu-ba dl dt{margin:0; padding:1%; font-size:6vw;}
.mayu-ba dl dd{ font-size:4vw; padding:2% 0;}

.menu-bn3{ font-size:0; margin:5% 0;}
.menu-bn3 li{width:100%; margin:3% 0;}
.menu-bn3 li a p{ margin: 2% 0 0 ; font-size:3.5vw; letter-spacing: -0.05em; }

.bg_g{ background:#b398b8; color:#fff; font-size:18px; font-weight:bold; padding:4px; margin:20px 0; border-radius:4px; text-align:center;}

.price01{ border-bottom: solid 1px #d6d2d2; margin:3% 0;  padding:0;}
.price01 dt{ width:100%;  line-height:2em; font-size:4vw; margin:0 0 1% 0; letter-spacing: -0.05em;}
.price01 dt .spe{ line-height:1.5em; font-size:3.5vw; padding:0.5% 1%; }
	.price01 dt .read{font-size: 3vw;line-height: 1.3em;}
.price01 dd{ width:100%; background:#fbf5fc; font-size:6vw; padding:2% 1% 0.5% 1%;}
.price01 dd .tax{ font-size:3vw;  letter-spacing: -0.05em; margin:1% 1% 1% 0; }
.price01 dd .spe{ line-height:1.5em; font-size:3.5vw; padding:0.5% 1%; letter-spacing: -0.01em; }
.price01 dd .spe span{ letter-spacing: -0.01em; }


 /*QA*/
ul.qa { margin-bottom:10px;}
ul.qa li { margin-bottom:10px; }
ul.qa li dl dt { background-size:30px; padding: 0px 0 10px 42px; font-size:4.5vw; min-height:44px;  margin-bottom:10px;}
ul.qa li dl dd { background:none; padding: 0px 0 0 0px; min-height:1px; }



/* ------------------------------------
	staff
------------------------------------ */
.staff-pr dt{ width:100%;}
.staff-pr dt img{ width:60%; margin:4% auto;}
.staff-pr dd{ width:100%; margin:2% 0;}
.staff-pr dd p{ font-size:1.2em; padding:1% 2%; text-align:center;}
.staff-co{padding:10% 0 5%; margin:5% 0;}


/*salon*/
.table1{ width:100%; margin:20px 0;}
.table1 tr{}
.table1 tr th{ border: solid 1px #e0dad9; width:30%; vertical-align:middle; background:#f9f2fa; font-weight:bold;}
.table1 tr td{ border: solid 1px #e0dad9; width:70%; font-size:0.9em; padding:10px;}

.salon-bn3{ font-size:0; margin:5% 0; width:100%;}
.salon-bn3 li{ width:100%; margin:0% 0;}
.salon-bn3 li img{ width:60%; margin:0 auto;}

	/*ba*/

.ba_list li p{ text-align: left;}


  /* contact mailform ----------------------------------------------------*/

.contact_tel { padding:5%; border:none; margin-bottom:0; }
.contact_tel .title { font-size:4vw; }
.contact_tel a {  font-size: 7vw;}
.contact_tel a span { font-size: 3vw; }


.mailform_waku form#mailformpro { padding: 0px 0px 10px;}
.mailform_waku { width:100%; border:none;}
.mailform_waku h3.midashi_1 { margin-bottom:0;}

.reserve_text { padding:4%;}
.reserve_text br { display:none;}

.mailformproTable tr { border-top:none !important;}
.mailformproTable th, .mailformproTable td { width: 98% !important; display: block; }
.mailformproTable th { text-align:left !important; font-weight:bold !important; padding: 2% 0px 0px 2% !important; border-top:1px solid #98989B; font-size:110%;}
.mailformproTable td { padding: 4px 0px 4% 2% !important;}
.mailformproTable th img { vertical-align:middle;}
.contact_check label { display: inline-block !important; min-width: 80px; white-space: nowrap; padding-right:10px; }
input[type="radio"],input[type="checkbox"] {
-moz-transform-origin: left center;
-moz-transform: scale( 1.2 , 1.2 );
-webkit-transform-origin: left center;
-webkit-transform: scale( 1.2 , 1.2 );}

.mailformproTable td textarea { width:90%;}
select.menu_waku { width:100%;}
.mailformproTable .areas70 { width:100%;}
.mailformproTable .areas40 { width:70%;}

.contact_aten { padding: 4% 2%; margin:0 2%;}
.contact_aten br { display:none;}
.contact_aten p { text-indent:-1em; padding-left:1em; border-bottom: 1px solid #C4C4C4; padding-bottom:1em; margin-bottom:1em;}
.contact_aten p:last-child { margin-bottom:0em; border-bottom:none; padding-bottom:0em;}


.more_text { padding: 4%; margin: 1em 2% 1em; width:auto;
    background: #FEFAF1;}
	.more_text p.title {}
.more_text ul {}
.more_text ul li {}
.more_text ul li:first-letter {}
.more_text p.hosoku { background:#FFF; padding:2%; border: 1px solid #CABB9D;}
.more_text br { display:none;}










 }