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


@media screen and (max-width: 500px){
  
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  
  ここからTOPページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */

body{
  margin: 0;
  padding: 0;
  }
  
#rogo{
  max-width:210px;
  width: 42%;
  margin:0px auto;
  padding-left: 15px;
} 
  
#top_line{
	height:30px;
}
  
/*#main_contents{
  height: 100vh;
    background-position: 50% top; 
    background-size: cover;
    background-color:#fff;
    display: flex;
    align-items: center;
    justify-content: center;
  	background-attachment:fixed;
    position: relative;
}  */

#title{
	position: absolute;
	top: 120px;
	left: 10%;
	-ms-transform: translate(-50%,0%); /* IE*/
	-webkit-transform: translate(-50%,0%); /* Safari, Chrome, Opera */
	transform: translate(-50%,0%); /*Firefox, Edge*/
	max-width: 60px;
	height: 300px;
}
.main_read{
	color: #fff;
}

  
.obj{
  width: 35%;
	position:fixed;
	left:0;
	top:0;
	z-index:999;
}

 .coupon_right img{
  display: none;
}

  
.obj_right{
  width: 45%;
	top:450px;
	right:0;
}
  
.obj_right02{
  max-width: 25%;
	top:460px;
	right:0;
	z-index:99;
}

 /*コンセプト*/	
#comcept,
#menu{
	max-width:500px;
	margin:10px auto 0px;
  height: auto;
}
  
#news{
	max-width:500px;
	margin:0px auto 20px;
  height: auto;
}
  
.comcept_contents{
  max-width:500px;
	padding:60px auto 0px;
  height: auto;
}
 
.comcept_left h2{
	font-size: 1.1em;
}
.comcept_left h2 span{
	font-size:1.2em;
}

.migiyose01{
	max-width:450px;
  width:95%;
	position: absolute;
	top: 6.1%;
	left: 50%;
	-ms-transform: translate(-50%,0%); /* IE*/
	-webkit-transform: translate(-50%,0%);/* Safari, Chrome, Opera */
	transform: translate(-50%,0%); /*Firefox, Edge*/
  margin: 90px auto 0px;
}
  
 /*menu*/	
.menu_index{
	max-width:500px;
/*  width:100%;*/
	margin:40px auto;
}
  
.menu_cont{
  float:none;
	max-width:400px;
  width:80%;
	display:block;
/*	overflow:hidden;*/
	margin:20px auto 40px;
}
  
.menu_cont img{
    max-width: 340px;
    margin: 0 auto;
  }
  
  
.menu_index h2{
	max-width:340px;
	font-size:1.2em;
	margin:5px auto;

}

.menu_index p{
	max-width:340px;
	font-size:1em;
  margin:5px auto 10px;
}

  
  
/*ここからsab*/
.sab_title,
.sab_title02,
.sab_title03,
.sab_title04,
.sab_title05{
	display: none;
}

.comcept_title img,
.menu_title img{
  max-width:400px;
  width: 40%;
  margin:0px auto 40px;
  padding-top: 0px;
}
  
.news_title img{
 	max-width:400px;
  width: 40%;
  margin:0px auto 40px;
  padding-top: 30px;
  }
  
.recomm_title img, 
.shop_title img,
.link_title img{
	max-width:300px;
  width: 60%;
  margin:0px auto 40px;
}

  
.topics_info{
	max-width:460px;
  width:90%;
	margin-top:20px;
	margin-bottom:70px;
	line-height:0.3em;
  font-size:0.95em;
}
  
.topics_spec dt{
   font-size:0.65em;
}
  
#footer_rogo{
	padding:10px 0 20px;
}
  
address{
	padding:10px 0 50px;
}

  
/*ここからおすすめ*/ 
#recomm{
  margin:0px auto 50px;
  height: 700px;
}
  
.info_recomm{	
	max-width:1000px;
	height:auto;
  margin:0 auto 20px;
}
  
.comcept_left02{
  float: none;
  max-width: 480px;
  width:85%;
	margin:0 auto;
}
   
.comcept_left02 h2{
	font-size:1.2em;
}	
	
.info_recomm span{
  font-size: 0.5em;
  
}
  
.recomm_img{
	max-width:380px;
  width:60%;
	float:none;
	height:auto;
	margin:0 auto; 
}
  
 
 /*shop*/	
.shop_info{
	max-width:470px;
  width:88%;
	font-size:0.9em;
	line-height:1.7em;
/*  padding:0 4%;*/
}
  
.shop_info span{
	font-size:0.7em;
}
  
.shop_spec .add,
.shop_spec .add02{
	padding:20px 0 15%;
}
 
.shop_spec dt{
	max-width:60px;
  width:100%;
	/*padding-left:2px;*/
  padding-left: 2%;
}
  
.shop_spec .txt{
  padding-left: 0.5%;
}
  
.shop_info_right{
	max-width:380px;
  width:76%;
	padding-right: 0;
} 
  
.time{
  max-width: 380px;
  width:100%;
	height:auto;
	display:block;
}
  
.sns_info{
	max-width:260px;
  width:100%;
  margin: 40px auto;
}
 
  
.access{
  padding: 60px 0 10px;
  max-width: 480px;
/*  width: 92%;*/
  margin: 0 auto;
}
  
  
/*  ここからリンク*/
.link{
  margin: 0 auto;
  padding-bottom:0px;
}
 

  
.link li{
  float: none;
  max-width:270px;
  width: 100%;
  font-size: 0.8em;
  line-height: 2em;
  margin:10px auto;
  padding: 15px 0;
}
 
.button{
	max-width:530px;
  margin:0px auto;
  padding: 20px 0 10px;
  
} 

.button li{
	float: none;
  max-width:240px;
  width: 100%;
  margin:0px auto 20px;
}
  
.button li a{  
	
	height:0.9em;
  /*padding:30px 10% 40px;*/
  margin:0px auto 20px;
}
  
.button02{
	margin:50px auto 40px;
}
  
.cont_line{
  max-width:380px;
  width: 100%;
	padding:5px auto;
}
  
.cont_line p{
  font-size:1.0em;
}
  
.cont_tel{
	max-width:420px;
  width:84%;
	margin:0px auto 20px;
	height:auto;
	font-size:0.9em;
	padding-top:60px;
}
  

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  
  ここからmenuページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */
 #menu_contents{
/*  max-width:720px;*/
	background-image:url("../images/menu_top_sp.jpg");
	background-repeat:no-repeat;
	background-position:50% top;
	background-attachment:scroll;
	height:550px;
}  
  
#title_menu h2{
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,0%); /* IE*/
	-webkit-transform: translate(-50%,0%);/* Safari, Chrome, Opera */
	transform: translate(-50%,0%); /*Firefox, Edge*/
}
  
.select_menu{
	max-width:340px;
  height:260px;
  margin: 20px auto 50px;
}

.select_menu img{
  max-width:340px;
  width:100%;
  margin:10px auto;
}
  
#headtitle_sp,
#headtitle_ba{
	max-width: 440px;
  width: 88.0%;
  margin:20px 7% 0px;
}

.menu_left{
	max-width:470px;
  width: 94%;
  margin: 5em auto 0.5em;
}
  
.menu_left h2{
  max-width:470px;
	font-size:1.1em;
	line-height:1.4em;
  margin: 1em 1.5%;
}
  
.menu_left p{
  max-width:470px;
  width: 94%;
  margin: 0 auto;
  }
 
.pro02_03{
  max-width: 440px; 
 width: 88%;
/*   margin: 40px auto; */
}

.menu_point h3{
  max-width: 470px; 
  font-size: 1.28em;
  line-height:1.3em;
}
.menu_point p{
font-size: 0.9em;
line-height:1.2em;  
 }
  
.pro02_03 img{
  max-width: 440px;
  width: 88.0%;
  margin: 20px 7%; 
}
  
#menu_lineup_hyper,
#menu_lineup_beam,
#menu_lineup_bishin,
#menu_lineup_bride,
#menu_lineup_slim,
#menu_lineup_diet,
#menu_lineup_stone,
#menu_lineup_face,
#menu_lineup_kogao,
#menu_lineup_head,
#menu_lineup_romi,
#menu_lineup_foot,
#menu_lineup_waist,
#menu_lineup_matani{
  max-width:480px;
	margin:1px auto 3px;
/*  padding-bottom: 5px;*/
}
  
.lineup_titlle{
  margin: 1px auto 10px;
}
  
.menu_group{
	max-width:480px;
  width:96%;
  margin: 0 auto;
}
  
.menu_right img{
	max-width:480px;
  width:100%;
  margin: 0px auto 5px;
}

.price{
	margin:60px 5% 5px;
}
  
.price_spec dt{
	max-width:330px;
  width:66%;
	padding: 0.3em 0.5em;/*上下 左右の余白*/
  line-height:1.3em;
}
    
.price_spec .txt{
	max-width:86px;
  width: 17.2%;
	font-size:1.3em;
	margin:0.4em 1.1% 0.5em 1%;
}
  
.price_spec .try{
  clear: both;
  max-width:190px;
  width:36%;
  height: 0.7em;
  font-size:0.9em;
	padding:0.3em 0.5em 1.0em;
  margin: 3.0em 0 0.5em 1.2em;
 }
.price_spec .try02{
  max-width:130px;
  width:90%;
  height: 0.7em;
  font-size:0.9em;
	padding:0.3em 0.5em 1.0em;
  margin: 3.0em 0 0.5em 1.2em;
 }
.price_spec .try03{
  max-width:230px;
  width:46%;
  height: 0.7em;
  font-size:0.9em;
	padding:0.3em 0.5em 1.0em;
  margin: 3.0em 0 0.5em 1.2em;
 }
  
  
.hyper_diet01 h5,
.hyper_diet02 h5,
.hyper_diet03 h5{
   font-size:1em;
  text-align: center;
  }
.hyper_diet01 p,
.hyper_diet02 p,
.hyper_diet03 p,
.caution{
  font-size: 0.9em;
}


  
  
  
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  
  ここからPROCESSページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */ 
#process{
	margin:5px auto 80px;
}
   
  
#process_contents{
/*  max-width:720px;*/
	background-image:url(../images/process-topimg_sp.jpg);
	background-repeat:no-repeat;
	background-position:55% top;
	background-attachment:scroll;
	height:550px;
}
  
#title_process h2{
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,0%); /* IE*/
	-webkit-transform: translate(-50%,0%); /* Safari, Chrome, Opera */
	transform: translate(-50%,0%); /*Firefox, Edge*/
	width:360px;
  }
  
  
.pro_group{
max-width:440px;
width:90%;
margin: 2px auto;
}

.pro_left{
	max-width:500px;
  width:100%;
	float:none;
	margin:0 auto;
}
  
 .pro_right{
	max-width:250px;
  width:100%;
  margin:0 auto;
  float:none;
}
  

.pro_right p{
  width: 100%;
	padding:2px 5px;
}
 
.pro_right02{
	max-width:400px;
  width:90%;
  float:none;
  margin:40px auto 0;

}
  
.pro_right img{
	max-width:250px;
	display:inline-block;
}
   
.pro_group_moni{
	clear:both;
	max-width:400px;
  width:85%;
  margin:0 auto;
}

.pro_left_moni{
	max-width:360px;
  width:90%;
	float:none;
	margin:20px auto;
}  
  
.intro_impre{
	max-width:360px;
	margin:0 auto;
}

.intro_impre h3{
  max-width: 360px;
  margin:0 auto 10px;
  text-align: center;
}
  
.pro_right_moni{
	max-width:250px;
  width:100%;
  isplay:inline-block;
  margin:0 auto;
  padding:5px auto 15px;
  float: none;
}


  
  
  
  
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  
  ここからQ&Aページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝  */ 
 #question_contents{
/*  max-width:720px;*/
	background-image:url("../images/question_topimg_sp.jpg");
	background-repeat:no-repeat;
	background-position:50% top;
	background-attachment:scroll;
	height:550px;
}
  
#title_qa h2{
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,0%); /* IE*/
	-webkit-transform: translate(-50%,0%); /* Safari, Chrome, Opera */
	transform: translate(-50%,0%); /*Firefox, Edge*/
	width:360px;
  }
  
.headtitle_midashi{
  max-width:780px;
  width:94%;
}
  
.headtitle_midashi img{
	max-width:200px;
  width:33.333%;
	margin-right:1%;
}
   
.headtitle_midashi p{
  padding-left: 0;
  font-size: 0.9em;
} 
 
.qa_menu{
	max-width:498px;
  margin: 0 auto;
}
 
.qa_menu li{
  max-width:246px;
  width: 49.2%;
  margin: 0 0.3%;
}

.qa_menu li a{
	margin:20px 5% 5px;
  font-size:0.8em;
  padding:8% 0px;
} 
  
#qa_group_romi,
#qa_group_facial,
#qa_group_slim,
#qa_group_etc{
	max-width:740px;
/*	padding:5px auto;
	height:auto;
	position:relative;
	border:dotted 1px #963;*/
  margin: 80px 5% 0;
}

.qa_contents{
  max-width:480px;
  width:94%;
  margin-top: 40px;
}
  
.qa_contents p{
	font-size:0.9em;
	line-height:1.5em;
}

.qa_contents span{
	font-size:1.6em;
	line-height:1.4em;
}
  
.intro_qa{
	font-size:1em;
}
 
}



@media screen and (max-width: 400px){

.price_spec dt{
  font-size:1.2em;
	max-width:220px;
  width:60%;
	padding: 0.3em 0.5em;/*上下 左右の余白*/
  line-height:1.3em;
}
    
.price_spec .txt{
	max-width:88px;
  width: 20%;
	font-size:1.2em;
	margin:0.4em 1.5% 0.5em 0.5%;
}
  
.price_spec .try{
  clear: both;
  max-width:160px;
  width:46%;
  height: 0.5em;
  font-size:0.9em;
  padding:0.2em 0.5em 1.0em;
 }
.price_spec .try02{
  max-width:130px;
  width:92%;
  height: 0.5em;
  font-size:0.9em;
  padding:0.2em 0.5em 1.0em;
 }
.price_spec .try03{
  max-width:185px;
  width:59%;
  height: 0.5em;
  font-size:0.9em;
  padding:0.2em 0.5em 1.0em;
 }
.hyper_diet01 h5,
.hyper_diet02 h5,
.hyper_diet03 h5{
   font-size:0.92em;
  }
  
  .qa_menu li a{
  font-size:0.75em;

}
  
}