main{
	padding-top: 70px;	
}
.main_img{
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.main_img img{
	width: 100%;	
}

#news,
#concept,

#face_instagram,
#access,
#parisienne,
#eyelash,
#eyebrow,
#smallface,
#staff,
#reserve{
    width:900px;
	margin: 0 auto;
	padding-top:90px;
	margin-bottom:90px;
	height: auto;
	overflow: hidden;
}
#eye_instagram,
#menu,
#campaign{
    width:100%;
	margin: 0 auto;
	padding:90px 0;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 5;
	background-color: #F4F4F4;
}

.con{
	width: 900px;
	margin: 0 auto;
	height: auto;
}

h2{
	margin: auto;
	font-family: 'Josefin Sans', sans-serif;
	font-size:220%;
	letter-spacing: 0.2em;
}

#news .news_img{
	text-align: center;
}

/*コンセプト*/

#concept .left{
	float: left;
	width: 45%;
	margin-right: 5%;
}

#concept .right{
	float: right;
	width: 50%;
}

/*#concept .right h2{
	font-size: 220%;
	color: #333;
	font-family: 'Josefin Sans', sans-serif;
  display: inline-block;
	width: 100%;
	line-height: 1.2em;
}*/

#concept h4{
	font-size:180%;
	margin-top:-20px;
	margin-left: -3px;
}

#concept p{
	font-size:105%;
	margin-top: 15px;
	line-height: 1.7em;
}

/*メニュー*/
#menu .newopen{
	text-align: center;
}
#menu .newopen p{
	margin-top: 20px;
	line-height: 1.7em;
	letter-spacing: 0.1em;
	font-size: 120%;
}

*, *:before, *:after {
	box-sizing: border-box;
}

#revision{
	border: 6px solid #333;
    padding: 60px 0 70px 0;
	font-size: 110%;
	text-align: center;
	margin-bottom: 60px;
	width:90%;
	margin-left: 5%;
}

#revision img{
margin-bottom: 20px;
}

#revision p{
margin-bottom: 10px;
}

#revision .menu_button{
width:500px;
	margin:0 auto;
}
#revision .p_b{
margin-bottom:30px;
}
#menu{
	padding-bottom:10px;
}

#menu .col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	justify-content: space-between;

}
#menu .col_3 div{
	width:31%;   
}

#menu .col_3 div img{
	width: 100%;
}

#menu .menu_p{
	margin-top: 10px;
	margin-bottom: 10px;
}
#menu .name{
	font-size: 150%;
	letter-spacing: 0.1em;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
}
#menu a{
	font-family: 'Josefin Sans', sans-serif;
}
#menu .menu_button{
    background: #333;
	border: 1px solid #333;
	margin-top: 10px;
    padding: 8px 0 5px;
    color: #ffffff;
	font-weight: 700;
	letter-spacing: 0.1em;
	font-size: 120%;
	text-align: center;
}
#menu .menu_button:hover{
	background: #fff;
	color: #333;
}

#campaign_menu{
	border:7px solid #333;	
	background: #fff;
	box-sizing: border-box;
	padding: 70px 6% 10px 6%;
	overflow: hidden;
}
h3{
	margin: 0 auto;
	font-family: 'Josefin Sans', sans-serif;
	font-size:220%;
	letter-spacing: 0.15em;
	text-align: center;
  position: relative;
  display: inline-block;
  margin-bottom: 40px;
	width: 100%;
	line-height: 1.7em;
	font-weight:600;
}

h3:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -4px;/*線の上下位置*/
  display: inline-block;
  width: 40px;/*線の長さ*/
  height: 3px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #333;/*線の色*/
}

.menu_h3{
	padding-top: 50px;
}

#campaign_menu h3{
	margin-bottom: 10px;
}

#campaign_menu h4{
	margin-bottom: 20px;
	text-align: center;
	font-size: 170%;
	letter-spacing: 0.2em;
	font-family: 'Josefin Sans', sans-serif;
	margin-top: 35px;
	background: #333;
	color: #fff;
	line-height: 1.6em;
	padding-top: 6px;
}

#campaign_menu p{
	margin-top: 10px;
	text-align: center;
	font-size: 110%;
	letter-spacing: 0.05em;
}

#campaign_menu dl{
	border-bottom: 1px dotted #333;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 120%;
	width:100%;
	line-height: 1.3em;
	overflow: hidden;
	font-weight: 600;	
}

#campaign_menu dl dt{
	float: left;
	width:75%;
}

#campaign_menu dl dd{
	float: right;
	width:25%;
	text-align: right;
	font-size: 75%;
}

#campaign_menu dl dd .red{
	font-size: 150%;
	margin-left: 3px;
}

#campaign_menu .red{
	text-align: right;
}

#campaign_menu dl dd .s_font{
color: rgba(224,23,73,1.00);
}

#campaign .res_box {
	font-size: 130%;
	color: #fff;
	background-color: #333;
	padding: 7px 0 5px 0;
	width:320px;
	font-weight: bold;
	margin: 40px auto 60px auto;
	border: 2px solid #333;
	box-sizing:border-box;
	
}

#campaign .res_box {
	color: #fff;
}

#campaign .res_box:hover {
	font-size: 130%;
	color: #333;
	background-color:#fff;
}

/*アクセス*/
#access .left{
	float:left;
	width:50%;
	font-size: 110%;
	margin-top: 10px;
}

#access .right{
	float:right;
	width:45%;
	margin-top: 13px;
}

#access h4{
	font-size:140%;
	letter-spacing: 0.05em;
	line-height: 1.6em;
}

#access .tel{
	font-size: 130%;
	line-height: 1.2em;
	margin-top: 20px;
	margin-bottom: 15px;
}

#access .tel a{
	font-size:140%;
	margin-bottom: 8px;
	letter-spacing: 0.05em;
	font-weight: 600;
}

#access .left table{
	text-align:left;
	line-height: 1.4em;
	overflow: hidden;
}

#access .left table tr{
	font-size: 100%;
	line-height: 1.5em; 
}

#access .left table tr th{
	width:80px;
	 padding-top:10px;
}

#access .left .ad{
	margin-top:15px;
	font-size: 105%;
}

#access .left .access{
	font-size: 100%;
	margin-top:5px;
}

#access .ac_res{
	border: 1px solid #333;
	background: #333;
	color: #fff;
	font-weight: bold;
	font-size: 110%;
	letter-spacing: 0.3em;
	text-align: center;
	width: 80%;
	padding: 1%;
	margin-top: 15px;
}

#access .ac_res:hover{
	border: 1px solid #333;
	background: #fff;
	color: #333;
} 
#access .ac_res i{
	margin-right: 1%;
}

/*予約*/
#reserve{	
	padding-top: 0;
}
.res_box{
	background-color: #fff;
	border: 7px solid #333;
    box-sizing: border-box;
    padding: 7% 70px 60px 7%;
    overflow: hidden;
}

#reserve .res_p{	
	text-align: center;
	margin-bottom: 10px;
	font-size: 110%;
}

#reserve #reserve_col{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}

#reserve #reserve_col div{
	width: 45%;
	margin-right: 10%;
}

#reserve #reserve_col div:nth-child(2n){
	margin-right: 0%;
}
#reserve #reserve_col div .res_name{
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
}

#reserve #reserve_col div a .res_box{
	font-size: 120%;
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
	padding: 3% 5%;
	margin-bottom: 10px;
}

#reserve #reserve_col div .res_box:hover{
	color: #333;
	background-color: #fff;
}

#reserve #res_tel{
	width: 100%;
	text-align: center;
	font-size: 150%;
	margin-top: 10px;
	font-weight: bold;
}

#reserve #res_tel span{
	font-size: 160%;
}
#reserve #res_tel small{
	font-size: 60%;
}

.reserve_border{
	border: 5px solid #333;
	padding: 80px 10% 60px 10%;
	margin-bottom: 80px;
	overflow: hidden;
}

#reserve_box a{
	width:48%;
	float: left;
	margin-right: 4%;
	font-size: 110%;
	color: #fff;
	background-color: #333;
	padding: 3% 0 2.5% 0;
	text-align: center;
	margin-bottom: 10px;
	box-sizing: border-box;
	margin-top: 30px;
	
}

#reserve_box a i{
	font-size: 220%;
	width:100%;
	margin-bottom: 5px;
}

#reserve_box a:nth-child(2n){
	margin-right: 0%;
}


/*フッター*/
#Copyright {
  color: #333;
  font-size:11px;
text-align: center;
	opacity: .6;
	margin-bottom: 5px;
  }

#footer{
	overflow:hidden;
}

/*アイラッシュメニュー*/

#parisienne .left,
#smallface .left{
	float: left;
	width: 42%;
	margin-top: 20px;
}

#parisienne .left img,
#smallface .left img{
	width: 100%;
}

#parisienne .right,
#smallface .right{
	float: right;
	width: 50%;
	margin-top: 18px;
}

.title{
	text-align: center;
	font-family: 'Josefin Sans', sans-serif;
	font-size:200%;
	letter-spacing: 0.2em;
	line-height: 1em;
	margin-bottom: 20px;
}

.title .s_font{
	font-size: 50%
}

.title_lashlift{
	font-size: 170%;
	letter-spacing: 0.1em;
	line-height: 1em;
	margin-bottom: 15px;
	margin-top: 5px;
}

#parisienne .clearfix,
#smallface .clearfix{
	margin-bottom: 30px;
}

#parisienne .right .text{
	font-size: 120%;
	line-height: 1.5em;
	color: #cf7078;
	margin-bottom: 30px;
}

#parisienne .right .l_font,
#smallface .right .l_font{
	font-size: 110%;
	margin-bottom:20px;
}

#parisienne .right .text_m_font{
	font-size: 100%;
	line-height: 1.7em;
	margin-top: 10px;
	margin-bottom: 20px;
}

#parisienne .right .menu{
	float: left;
	width: 65%;
	font-size: 130%;
	border-bottom: dotted 1px #333;
	margin-bottom: 20px;
}

#parisienne .right .price{
	float: right;
	width: 35%;
	text-align: right;
	font-size: 130%;
	border-bottom: dotted 1px #333;
	margin-bottom: 20px;
}

#eyelash .gray{
	background-color: #F4F4F4;
	padding: 2%;
	text-align: center;
	margin-bottom: 30px;
}

#eyelash .left,
#smallface .left{
	float: left;
	width: 47%;
	margin-right: 6%;
}

#eyelash .right,
#smallface .right{
	float: right;
	width: 47%;
}

#eyelash .menu_title,
#smallface .menu_title{
	border-bottom: 1px solid #333;
	font-size: 130%;
	padding-bottom: 5px;
	font-weight: bold;	
}

#eyelash .right .gray{
	text-align: left;
	margin-top: 10px;
	margin-bottom: 10px;
}

#eyelash  dl,
#smallface dl{
	font-size: 110%;
	width: 100%;
}

#eyelash dl:first-of-type,
#smallface dl:first-of-type{
	margin-bottom: 40px;
}

.border {
    border-bottom: dotted 1px #333;
    padding-top: 8px;
    padding-bottom: 8px;
}

#eyelash dt,
#smallface dt{
    float: left;
    clear: left;
    width: 70%;
	line-height: 1.5em;
	padding: 5px 0;
}

#eyelash dd,
#smallface dd {
    margin-left: 30%;
	text-align: right;
	line-height: 1.2em;
	padding: 5px 0;
}

#eyelash dl dt .box{
	background:#333;
	color: #fff;
	font-size: 80%;
    letter-spacing: 0.1em;
    padding: 5px 3%;
    margin-right: 3%;
	text-align: center;	
}

#eyebrow .left{
	float: left;
	width: 42%;
	margin-top: 20px;
}
#eyebrow .left img{
	width: 100%;
}
#eyebrow .right{
	float: right;
	width: 50%;
	margin-top: 20px;
}
#eyebrow .right .cap{
	font-size: 140%;
	line-height: 1.4em;
}

#eyebrow .right .attention{
	font-size: 95%;
	padding-top: 10px;
	margin-bottom: 50px;
}

#eyebrow .right .menu{
	float: left;
	width: 70%;
	font-size: 130%;
	border-bottom: dotted 1px #333;
	line-height: 1.4em;
	margin-bottom: 15px;
	padding-bottom: 13px;
}

#eyebrow .right .price{
	float: right;
	width: 30%;
	text-align: right;
	font-size: 130%;
	border-bottom: dotted 1px #333;
	line-height: 1.4em;
	margin-bottom: 15px;
	padding-bottom: 13px;
}

/*小顔矯正メニュー*/

#smallface{
	padding-top: 30px;
	margin-bottom: 0;
}
#smallface .box{
	margin-top: 30px;
}
#smallface .box:first-of-type{
	margin-top: 0px;
}
#smallface .text{
	text-align: center;
	font-size: 200%;
	letter-spacing: 0.2em;
	font-weight: bold;
}
#smallface .marker{
background: linear-gradient(transparent 60%, #D4D4D4 50%);
}
#smallface .text .l_font {
    font-size: 125%;
    letter-spacing: 0.2em;
}
#smallface .sub_text{
	text-align: center;
	margin-top: 20px;
	font-size: 110%;
}

#smallface .face_menu{	
	margin-top: 50px;
	border: 5px solid #333;
	padding: 5%;
}
#smallface .face_menu .face_title{
	border-bottom: 1px solid #333;
	padding-bottom: 10px;
	font-size: 150%;
	display: flex;
}
#smallface .face_menu .face_title .box{
	float: left;
	width: 23%;
	margin-right: 2%;
	background: #62c3cc;
	color: #fff; 
	font-weight: normal;
	text-align: center;	
	padding: 6px;
}
#smallface .face_menu .face_title .face{
	float: left;
	width: 61%;
	margin-right: 2%;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
}
#smallface .face_menu .face_title .price{
	float: right;
	width: 12%;
	text-align: right;
	font-size: 120%;
	color: rgba(224,23,73,1.00);
	font-weight: bold;
}
#smallface .face_menu .caption{
	font-size: 120%;
	letter-spacing: 0.1em;
	padding-top: 10px;
}

#smallface dl{
	font-size:120%;
	letter-spacing: 0.02em;
}

/*スタッフ*/
#staff .left{
	float: left;
	width: 40%;
	margin-right: 10%;
}

#staff .left img{
	width: 100%;
	height: auto;
}

#staff .right{
	float: right;
	width: 50%;
	margin-top: 20px;
}

#staff .right .director{
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 1em;
}
#staff .right .name{
	font-weight: bold;
	font-size: 200%;
	letter-spacing: 0.1em;
}

#staff .right .bold{
	font-weight: bold;
	font-size: 120%;
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
}
#staff .right .text{
	padding-top: 10px;
}


@media screen and (max-width: 899px) {
#news,
#concept,

#face_instagram,
#access,
#parisienne,
#eyelash,
#eyebrow,
#smallface,
#staff,
#reserve{
    width:96%;
	padding-top:60px;
	margin-bottom:60px;
}
	
#eye_instagram,
#menu,
#campaign{
    width:100%;
	margin: 0 auto;
	padding:60px 0;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 5;
	background-color: #F4F4F4;
}
	
.con{
	width: 96%;
	margin: 0 auto;
	height: auto;
}
	
.main_img {
    width: 100%;
}
	
main {
    padding-top: 60px;
}
			
#news .news_img {
   width: 90%;
	margin: 0 auto;
}
	
#news .news_img img{
   width: 100%;
}
	
#concept .left {
    float: none;
    width: 90%;
	margin: 0 auto;	
	margin-top: -30px;
}
#concept .right {
    float: none;
    width: 90%;
	margin: 0 auto;
	margin-top: 20px;
}
	
#concept h4{
	font-size:180%;
	margin-top:0;
}

#concept p{
	margin-top: 13px;
}
#revision{
    padding: 50px 5%;
	margin-bottom: 60px;
	width:100%;
	margin-left: 0;
}
	
#revision img{
	width:86%;
}
	
#campaign_menu {
    border: 4px solid #333;
	padding: 60px 5% 20px 5%;
}
#campaign_menu dl dt {
    width: 65%;
}
#campaign_menu dl dd {
    width: 35%;
    float: right;
}
#campaign_menu dl .box {
    width: 100%;
    margin-bottom: 10px;
}
#campaign_menu dl .face {
    width: 65%;
    float: left;
}
	
#access .left {
    float: none;
    width: 90%;
	margin: 0 auto;
	margin-bottom: 30px;
}
#access .right {
    float: none;
    width: 90%;
	margin: 0 auto;
}
	
#reserve .res_p{	
	margin-bottom: 15px;
	margin-top: -15px;
}	
	
#reserve {
	width: 86%;
	margin: 0 auto 60px auto;
	box-sizing: border-box;
}
	
.res_box{
	border: 4px solid #333;
    padding: 60px 7%;
    overflow: hidden;
}
	
#reserve #reserve_col {
    display: block; 
}
	
#reserve #reserve_col div {
    width: 100%;
	margin-right: 0%;
}
#reserve #reserve_col div:nth-child(2n) {
   margin: 0 auto;
}
	
#parisienne  {
    font-size: 90%;
}
	
#parisienne .left {
    width:45%;
}
	
#parisienne .right {
    width:50%;
}
	
#parisienne .right p {
    line-height: 1.4em;
}

#parisienne .right .menu{
	margin-bottom: 5px;
	padding-bottom: 3px;
}

#parisienne .right .price{
	margin-bottom: 5px;
	padding-bottom: 3px;
}
	
#eyebrow .right .menu {
    font-size: 130%;
}	
#eyebrow .right .price {
    font-size: 130%;
}
#eyebrow .menu_title {
     font-weight: normal; 
}
#eyebrow .left {
    float: none;
    width: 100%;
    margin-right: 0%;
}
#eyebrow .right {
    float: none;
    width: 100%;
	margin-top: 20px;
}	
#smallface .text {
    font-size: 160%;
     font-weight: normal; 
}
#smallface .face_menu {
    margin-top: 30px;
    border: 3px solid #333;
}
#smallface .face_menu .face_title {
    display: block;
}
#smallface .face_menu .face_title .box {
    float: none;
    width: 100%;
    margin-right: 0%;
	padding: 2px;
}
#smallface .face_menu .face_title .face {
    float: none;
    width: 100%;
    margin-right: 0%;
	font-size: 110%;
	font-weight: normal;
	margin-top: 10px;
}
#smallface .face_menu .face_title .price {
    float: none;
    width: 100%;
	font-weight: normal;
}	
}

@media screen and (max-width: 680px) {
#news,
#concept,
#face_instagram,
#access,
#parisienne,
#eyelash,
#eyebrow,
#smallface,
#staff,
#reserve {
	width: 90%;
    padding-top: 40px;
    margin-bottom: 40px;
}

#menu,
#campaign,
#eyelash_instagram {
    padding: 40px 0;
}
	
.con{
	width: 90%;
}
	
#news .news_img {
   width: 100%;
	margin: 0 auto;
}
	
#concept {
	padding: 0;
}
	
#concept .right {
	width: 100%;
}
	
#concept .left {
   display: none;
	
}
	
h3 {
    font-size: 180%;
	letter-spacing: 0.1em;
	margin-bottom: 25px;
}
	
#revision {
	padding: 30px 5% 15px 5%;
}	

#revision p{
	margin-bottom: 7px;
	line-height: 1.5em;
}
	
#revision img{
	width:92%;
	margin-bottom: 10px;
}
	
#revision .p_b{
	margin-bottom: 15px;
}
	
#revision .b{
	margin-bottom: 15px;
}
#revision .menu_button{
width:96%;
}	
#menu {
    margin-bottom: 0;
padding-bottom:0;
}

#menu .newopen img{
    width: 100%;
}
	
#menu .col_3 {
    margin-top: 10px;
}
#menu .col_3 div{
    width: 100%;
	margin-bottom: 20px;
}
#menu .menu_p {
    margin-top: 5px;
    margin-bottom: 5px;
}
#menu .menu_button {
    margin-top: 5px;
    margin-bottom: 20px;
}

#campaign_menu {
margin-top:0;
}

#campaign_menu {
    border: 3px solid #333;
	padding: 30px 7% 0 7%;
}
#campaign_menu dl dt {
    width: 100%;
	line-height: 1.7em;
}
#campaign_menu dl dd {
    width: 100%;
    float: right;
	line-height: 1.7em;
}
		
#campaign .res_box {
	font-size: 120%;
	padding: 8px 0 6px 0;
	width:100%;
	margin: 20px auto 40px auto;
	font-weight: 500;
}
	
#access .left,
#access .right{
	width: 100%;
}
	
#reserve {
	width: 90%;
	margin: 0 auto 60px auto;
	padding: 0;
}
	
#reserve .res_p{	
	margin-bottom: 15px;
	margin-top: 0;
}
	
.res_box{
    padding: 40px 4%;
}
	
.reserve_border{
	border: 4px solid #333;
	padding: 40px 10% 40px 10%;
	margin-bottom: 80px;
	margin-top: 20px;
}
	
#reserve_box a{
	width:100%;
	float: left;
	margin-right: 4%;
	font-size: 110%;
	color: #fff;
	background-color: #333;
	padding: 3.5% 0 3% 0;
	text-align: center;
	margin-bottom: 0;
	box-sizing: border-box;
	margin-top: 10px;
}

#reserve_box a i{
	font-size: 160%;
	width:100%;
}

#reserve_box a:nth-child(2n){
	margin-right: 0%;
}
	
#face_instagram {
    margin-bottom: 100px;
}
		
#eyelash .menu_title {
     font-weight: normal; 
}
	
#parisienne .left {
    float: none;
    width: 100%;
    margin-right: 0%;
}
	

#parisienne .right {
    float: none;
    width: 100%;
	margin-top: 20px;
}	

#eyelash .left,#smallface .left{
    float: none;
    width: 100%;
     margin-right: 0%; 
}
#eyelash .right,#smallface .right{
    float: none;
    width: 100%;
}
#eyelash dl:first-of-type ,#smallface dl:first-of-type{
    margin-bottom: 20px;
}

#smallface .left img{
margin-top:-60px;
margin-bottom:0;
}
	
#smallface .title_lashlift{
font-size: 160%;
	margin-bottom: 8px;
}	
	
#smallface .text {
    font-size: 160%;
     font-weight: normal; 
}
#smallface .face_menu {
    margin-top: 30px;
    border: 3px solid #333;
}
#smallface .face_menu .face_title {
    display: block;
}
#smallface .face_menu .face_title .box {
    float: none;
    width: 100%;
    margin-right: 0%;
	padding: 2px;
}
#smallface .face_menu .face_title .face {
    float: none;
    width: 100%;
    margin-right: 0%;
	font-size: 110%;
	font-weight: normal;
	margin-top: 10px;
}

#smallface .face_menu .face_title .price {
    float: none;
    width: 100%;
	font-weight: normal;
}
	
#smallface	{
	margin-bottom: 0;	
}
	
#smallface .box dt{
    float: none;
    width: 100%;
	line-height: 1.5em;
	padding: 5px 0 0 0;
}
	
#smallface .box dd{
    float: none;
    width: 100%;
	line-height: 1.5em;
	margin: 0;
	padding: 0 0 2px 0;
}

#staff .left{
	float:none;
	width: 100%;
	margin-right: 0%;
}

#staff .left{
	float:none;
	width: 100%;
	margin-right: 0%;
}

#staff .right{
	float: none;
	width: 100%;
	margin-top: 10px;
}

#staff .right .director{
	font-weight: normal;
	font-size: 120%;
}
#staff .right .name{
	font-weight: normal;
	font-size: 180%;
}

#staff .right .bold{
	font-weight: normal;
	font-size: 120%;
	border-bottom: 1px dotted #333;
	padding-bottom: 5px;
}
#staff .right .text{
	padding-top: 5px;
	font-size: 110%;
}	

	
}