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



/*ココからヘッダー*/

#menu_contents{
	max-width:100%;
	background-image:url(../images/menu_top.png);
	background-repeat:no-repeat;
	background-position:center top;
	background-attachment:scroll;
	background-size:cover;
	/*background-color:#000;*/
	overflow:hidden;
	height:800px;
	position:relative;
}

/*メイン画面*/

#title_menu h2{
	position: absolute;
	top: 50%;
	left: 25%;
	-ms-transform: translate(-50%,0%); /* IE*/
	-webkit-transform: translate(-50%,0%);/* Safari, Chrome, Opera */
	transform: translate(-50%,0%); /*Firefox, Edge*/
	width:360px;
	height:auto;
  overflow: hidden;
    -webkit-animation: fadeIn 8s ease 0s 1 normal;
    animation: fadeIn 8s ease 0s 1 normal;
  }

  @keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

/*ココから本文メニュー*/	
.select_menu{
	max-width:600px; 
	height:100px;
	margin:30px auto 80px;
	 -webkit-animation: fadeIn 8s ease 0s 1 normal;
    animation: fadeIn 8s ease 0s 1 normal;
}


.select_menu img{
  max-width:280px;
  margin-top: 50px;
  display:inline-block;
  margin:0 8px;
  height: auto;
}

#headtitle_sp{
	max-width:600px;
  width:96%;
	margin:0 2% 60px;
	position:relative;
	display: inline-block;
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 1px #960;
}

#headtitle_ba{
	max-width:600px;
  width:96%;
	margin:0 2% 60px;
	position:relative;
	display: inline-block;
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 1px #960;
}


#headtitle_sp p {
  position: relative;
  font-family: 'Parisienne', cursive;
	font-size:2em;
  margin-left:1%;
	color:#C39;
  padding:0 0.3em 0 0;
	margin-bottom:5px;
}


#headtitle_ba p{
  /*width: 220px;*/
	font-family:'Parisienne', cursive;
	font-size:2.4em;	
	margin-left:1%;
	color:#6594e0;
	padding:0 0.3em 0 0;
	margin-bottom:5px;
}


/*ここまでタイトル*/

#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{
	clear:both;
	max-width:1000px;
	margin:40px auto 120px;
	position:relative;
}

.menu_group{
	clear:both;
	max-width:1000px;
	padding:0;
	height:auto;
	position:relative;
  margin: 0 2%;
}

.menu_group:after{
	content:"";
	display:block;
	clear:both;
}

.menu_left{
	max-width:540px;
  width: 54%;
	float:left;
	margin-left:2%;
}

.lineup_titlle{
	max-width:540px;
  margin: 0 auto 30px;
	height:auto;
  display: inline-block;
}

.menu_left h2{
  max-width:540px;
  font-family: 'M PLUS 1p', sans-serif;;
	font-size:1.1em;
	line-height:1.5em;
	margin-bottom:15px;
	color:#960;
	text-align:center;
}

.menu_left h3{
  font-size: 1.05em;
  text-align: center;
  color:#C69;
  margin:2em auto 1em;
  
}

.menu_left p{
  max-width:540px;
	font-family: 'M PLUS 1p', sans-serif;
	font-size:0.9em;
	line-height:1.6em;
	color:#960;
  text-align:justify;
/*  padding-left: 0px;*/
}

.menu_left .point{
	margin-top:5px;
	font-size:1.0em;
	color:#C69;
}

.menu_right{
	max-width:400px;
  width: 40%;
	margin-right:2%;
	margin-top:40px;
	float:right;
}

.menu_right img{
	max-width:450px;
  width:98%;
	display:inline-block;
}

/*ハイパーシェイプの説明*/
.menu_point{
  max-width:900px;
  width:90%;
  margin: 100px auto;
  border: solid 0.5px #960; 
}

.pro01{
  max-width: 700px;
  width:70%;
  margin: 40px auto 100px; 
}

.pro04{
  max-width: 550px;
  width:55%;
  margin: 40px auto; 
}


.pro02_03{
  max-width: 850px;
  width: 85%;
  margin: 40px auto; 
}

.menu_point h3{
  max-width: 500px;
  text-align:center;
  font-size: 1.5em;
  margin: 20px auto;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  color: #960;
  padding-bottom: 10px;
  border-bottom: solid 1px #960;
}

.menu_point p{
  text-align:center;
  font-size: 1.0em;
  margin: 10px auto;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  color: #960;
}

.pro02_03 img{
  max-width: 400px;
  width:45%;
  display: inline-block;
  margin: 40px 2.5%; 
}




/*横のサブタイトル*/
.sab_title_hyper{
	position:absolute;
	top:450px;
	left:-330px;	
}

.sab_title_beam{
	position:absolute;
	top:300px;
	right:-310px;	
}

.sab_title_pym{
	position:absolute;
	top:410px;
	right:-310px;	
}

.sab_title_bishin{
  position:absolute;
	top:450px;
	left:-330px;	
}

.sab_title_slim{
	position:absolute;
	top:200px;
	left:-330px;
}

.sab_title_romi{
	position:absolute;
	top:200px;
	right:-310px;
}

.sab_title_stone{
	position:absolute;
	top:200px;
	left:-330px;	
}

.sab_title_waist{
	position:absolute;
	top:300px;
	left:-330px;	
}

.sab_title_foot{
  position:absolute;
	top:200px;
	right:-310px;	
}

.sab_title_face{
	position:absolute;
	top:200px;
	right:-310px;
}
.sab_title_head{
	position:absolute;
	top:200px;
	right:-310px;
}

.sab_title_matani{
	position:absolute;
	top:200px;
	right:-310px;
}
	
.sab_title_hyper p,
.sab_title_beam p,
.sab_title_bishin p,
.sab_title_pym p,
.sab_title_slim p,
.sab_title_stone p,
.sab_title_waist p,
.sab_title_matani p,
.sab_title_romi p,
.sab_title_face p,
.sab_title_head p,
.sab_title_foot p{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "serif";
	font-size:1.3em;
	color:tan;
	writing-mode: vertical-rl;
	letter-spacing:0.3em;
}

@media screen and (max-width: 1200px){
 
  /*横のサブタイトル*/
.sab_title_hyper,
.sab_title_beam,
.sab_title_pym,
.sab_title_bishin,
.sab_title_slim,
.sab_title_romi,
.sab_title_stone,
.sab_title_waist,
.sab_title_foot,
.sab_title_face,
.sab_title_head,
.sab_title_matani{
    display: none;
}
  
}


/*ここからtopics*/
.topics{
	clear:both;
	max-width:960px;
  width:96%;
	margin:90px auto 100px;
}


.topics_item_sp,
.topics_item{
	margin:0px 2% 30px;
	border:solid 1px #BB9955;
	padding:0px 2% 10px;
	border-radius: 0.5em;/*角丸*/
}

.topics_item_sp h3{
	max-width:900px;
	color: #960;
	font-size:1em;
	text-align:center;
	margin:0.8em auto;
	background:#dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 2px white;
  padding: 0.3em 0.3em;
}

.topics_item h3{
	max-width:900px;
	color: #960;
	font-size:0.9em;
	text-align:center;
	margin:0.8em auto;
	background: #ffe4e1;
  box-shadow: 0px 0px 0px 5px #ffe4e1;
  border: dashed 2px white;
  padding: 0.3em 0.3em;
}

.topics_item_sp h4{
	color: #C69;
	font-size:0.9em;
  padding: 0.5em 1.1em 0;
 
}

.topics_item_sp p,	
.topics_item p{
	font-size:0.9em;
	color:#960;
	line-height:1.4em;
	padding:0.4em 1.1em;
}


/*ここからprice*/	
.price{
	max-width:1100px;
	margin:60px 5% 50px;
	position:relative;
  padding-bottom: 60px;
  padding-top: 30px;
}

.price_titlle_sp{
	width:220px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.price_titlle{
	width:110px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
}

.price_titlle p{
	font-family:"Times New Roman", Times, serif;
	font-size:2.0em;
	letter-spacing:0.2em;
	color:#960;
	text-align:center;
}

.price_info{
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
  padding-bottom: 50px;
	font-size:0.9em;
	line-height:1.6em;
	color:#960;
}

/*.price_spec dl{
  font-family: 'Noto Sans JP', sans-serif;
	padding:10px 0 5px;
	border:dotted 1px #960;
}*/

.price_spec dl{
  font-family: 'M PLUS 1p', sans-serif;
	padding:2px 0px;
  border:solid 1px #D6C299;
  border-radius:10px;
  margin: 15px 0;
}

.price_spec dt{
	font-size:1.3em;
	float:left;
	color:#960;
	max-width:810px;
  width:81%;
	padding: 0.4em 0.5em 0.4em;
  background: transparent;
	margin:0.4em 0 0.3em 0.5em;
}

.price_spec .txt{
	float:right;
	max-width:120px;
  width: 12%;
  height: auto;
	text-align:right;
	font-size:1.4em;
	padding: 0.3em 1.0em 0.5em 0.3em;
	margin:0.4em 0 0.3em;
  color:#C69;
}

/*.price_sp{
	margin:0px 2% 30px;
	border:solid 1px #CCC;
	padding:0px 2% 10px;
	border-radius: 0.5em;
}
.price_sp p{
	font-size:0.9em;
	color:#960;
	line-height:1.4em;
	padding:1em 1.1em 0.2em;
}

.price_sp .txt{
	font-size:1.3em;
	padding: 0.3em 1.0em 0.5em 5em;
	margin:0.4em 0 0.3em;
  color:#C69;
}*/


.price_spec dt span{
	font-size:0.7em;
	color:#960;
	line-height:0.4em;
}
.price_spec p{
  clear: both;
  max-width:880px;
	font-size:1em;
	color:#960;
	line-height:1.3em;
  padding:0.3em 1em 1.2em 1.3em;
}

.price_spec .try{
  clear: both;
	font-size:0.8em;
	color:#fff;
	background-color:#C69;
	padding:0.2em 0.4em;
}
.price_spec .try{
  clear: both;
  max-width:160px;
  width:90%;
  height: 1em;
	font-size:0.9em;
	color:#fff;
	background-color:#C69;
	padding:0.3em 0.5em 0.6em;
  margin: 3.8em 0 0.5em 1.2em;
 }
.price_spec .try02{
  clear: both;
  max-width:130px;
  width:90%;
  height: 1em;
	font-size:0.9em;
	color:#fff;
	background-color:#C69;
	padding:0.3em 0.5em 0.6em;
  margin: 3.8em 0 0.5em 1.2em;
 }
.price_spec .try03{
  clear: both;
  max-width:190px;
  width:92%;
  height: 1em;
	font-size:0.9em;
	color:#fff;
	background-color:#C69;
	padding:0.3em 0.5em 0.6em;
  margin: 3.8em 0 0.5em 1.2em;
 }

.price dl:after{
	content:"";
	display:block;
	clear:both;
}

.hyper_diet01,
.hyper_diet02,
.hyper_diet03{
  max-width:900px;
  margin: 10px auto;
  padding-top: 1em;
  padding-bottom: 30px;
}

.hyper_diet01 h5{
  max-width: 160px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 1.2em;
  color: #C69;
  text-align: left;
  background: transparent;/*背景透明に*/
  padding: 0.6em;
  border: solid 1px #C69;
  line-height:0.5em;
  margin-bottom: 20px;
}

.hyper_diet02 h5{
  max-width: 370px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 1.2em;
  color: #C69;
  text-align: left;
  background: transparent;/*背景透明に*/
  padding: 0.6em;
  border: solid 1px #C69;
  line-height:0.5em;
  margin-bottom: 20px;
}
.hyper_diet03 h5{
  max-width: 310px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-size: 1.2em;
  color: #C69;
  text-align: left;
  background: transparent;/*背景透明に*/
  padding: 0.6em;
  border: solid 1px #C69;
  line-height:0.5em;
  margin-bottom: 20px;
}

.hyper_diet01 p,
.hyper_diet02 p,
.hyper_diet03 p{
  max-width: 810px;
  /*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
  margin: 5px 0 0px 0px;
  font-size: 1.0em;
  color:#960;
}

.caution{
  max-width: 900px;
  /*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;*/
  margin: 70px 0 0px 0px;
  font-size: 1.0em;
  color:#960;
  padding: 0.6em;
  /*border: solid 1px #BB9955;*/
  background-color: #F2EDE9;
}




.button02{
	width:200px;
	margin:30px auto 30px;
	padding-bottom:0px;
}

.button02 .btn02{
	display:inline-block;
	width:200px;
	font-size:1em;
	color:#fff;
/*	background-color:#ffe4e1;*/
	padding:15px 5px;
	border:solid 1px #C69;
  background-color:#C69;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
  border-radius: 0.3em;
  /*アニメーションの設定*/
    transition: all .3s;
}

.button02 .btn02:hover{
	background-color:#fff;
  border:solid 1px #C69;
  color:#C69;
}