@charset "UTF-8";
/*CSSをリセットする*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img { border: 0px; }
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,img{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    font-size: 100%;
    font-weight:normal;
    }
article, aside, figure, footer, header, nav, section {
display: block;
}
q:before,q:after {
	content:'';
}
abbr,acronym {
	border:0;
}

a{
 	color: #002a77;
    text-decoration: none;
    }

a:hover{
    color: #555555;
    }

a:focus{
    outline: none;
    }



/*全体の調整*/
body {
	font-family: 'Lato', 'Noto Sans JP',
	'游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic,
	'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo,
	'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
 	font-size: 13px;
	-webkit-text-size-adjust: none;
	color: #555555;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}
a{
	outline: 0;
}

div.back_all{
	width: 1400px;
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
}
div.back_back{
	width: 1260px;
	margin: 0 auto;
	padding: 40px;
	background-color: #ffffff;
	background: url(/images/backimages.png) ;
}
div.back_back2{
	width: 1260px;
	margin: 0 auto;
	margin-top: -300px;
	padding: 40px;
	background-color: #ffffff;
	background: url(/images/backimages.png) ;
}
/*ヘッダー、ナビの設定*/
dl#telfax{
	width: 1300px;
	margin-bottom: 0px;
	overflow: hidden;
}
dl#telfax dt{
	width: 868px;
	height: 20px;
	float: left;
	padding-top: 15px;
}
dl#telfax dd{
	width: 389px;
	height: 70px;
	float: left;
}
nav{
	width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 2000;
}
nav div.nav_1{
	width: 1400px;
	margin: 0 auto;
	position: relative;
	top: -200px;
	left: 0;
}
ul#g-navi{
	width: 1150px;
	height: 263px;
	padding-left: 250px;
	background: url(/images/g-navi_back.png) ;
	background-repeat: no-repeat;
	overflow: hidden;
	font-size: 131%;
}
ul#g-navi li{
	float: left;
	padding-top: 200px;
	padding-right: 40px;
	padding-left: 40px;
}
nav div.nav_2{
	width: 1340px;
	height: 150px;
	margin: 0 auto;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #ffffff;
}
h1#logo{
	width: 300px;
	height: 150px;
	float: left;
	padding-left: 20px;
}
ul#g-navi_2{
	width: 1020px;
	height: 150px;
	float: left;
	overflow: hidden;
	font-size: 124%;
}
ul#g-navi_2 li{
	float: right;
	padding-left: 70px;
}
li.m-1{
	height: 80px;
	padding-top: 70px;
}
/*セクションの設定*/
div.section_x {
	width: 1104px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 30px;
	padding-left: 100px;
	overflow: hidden;
	line-height: 2;
	}
/*各セクション内のレイアウト 各ページ*/
#section1 h2,
#section2 h2,
#info h2{
	width: 1000px;
	margin-bottom: 30px;
	font-size: 162%;
	letter-spacing: 0.1em;
	border-bottom: 1px dotted;
	color: #333333;
}
#infopage h2,
#price h2,
div.price2 h2,
div.exbox-top h2 {
	width: 1000px;;
	margin-bottom: 30px;
	padding-top: 10px;
	font-size: 162%;
	letter-spacing: 0.1em;
	border-bottom: 1px dotted;
	color: #333333;
}
/*各セクション　背景色*/
#section1{
	background-color: #ffffff;
}
#section2{
	background-color: #ffffff;
}
#info{
	background-color: #f2f5f5;
	margin-top: 80px;
}
#infopage{
	background-color: #ffffff;
	margin-top: 300px;
	width: 1104px;
}
#price{
	background-color: #ffffff;
	margin-top: 50px;
	width: 1104px;
}
div.price2{
	background-color: #ffffff;
	margin-top: 50px;
	width: 1104px;
}
div.exbox-top{
	background-color: #ffffff;
	margin-top: 300px;
}
div.exbox{
	background-color: #ffffff;
	margin-top: 10px;
}
/*info*/
dl#news{
	width: 880px;
	padding-left: 20px;
	overflow: hidden;
}
dl#news dt{
	clear: both;
	width: 150px;
	float: left;
	font-size: 116%;
	margin-bottom: 40px;
}
dl#news dd{
	width: 680px;
	float: left;
	font-size: 116%;
	margin-bottom: 40px;
	padding-left: 20px;
	border-left: 1px solid;
}

dl#news span.news-left{
	display: block;
	padding-left: 15px;
}

p.infolist{
	width: 1000px;
	text-align: right;
	font-size: 116%;
}
/*1*/
div#portrait{
	width: 900px;
	padding: 50px;
	overflow: hidden;
	background-color: #f2f5f5;
}
div.photo1{
	width: 290px;
	height: 470px;
	float: left;
	padding-right: 50px;
}
div#portrait p{
	width: 560px;
	height: 470px;
	float: left;
	font-size: 116%;
}
dl.photo2{
	clear: both;
	width: 300px;
	float: left;
	padding-right: 30px;
	padding-left: 15px;
	padding-bottom: 30px;
}
dl.photo3{
	float: left;
	width: 300px;
	padding-right: 30px;
	padding-bottom: 30px;
}
dl.photo2 dd,
dl.photo3 dd{
	text-align: right;
}
h2#fb{
	width: 500px;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
	font-size: 131%;
	text-align: center;
	background: url(/images/FB-fLogo.jpg) ;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-color: #3b5a9a;
}
h2#fb a{
 	color: #ffffff;
 	border-bottom: 1px dotted;
 	padding-bottom: 5px;
    }

h2#fb a:hover{
    color: #555555;
    }

h2#fb a:focus{
    outline: none;
    }

h2#blog{
	width: 500px;
	padding-top: 30px;
	padding-bottom: 30px;
	float: left;
	font-size: 131%;
	text-align: center;
	background-repeat: no-repeat;
	background-position: 95% center;
	background-color: #002a77;
}
h2#blog a{
 	color: #ffffff;
 	border-bottom: 1px dotted;
 	padding-bottom: 5px;
    }

h2#blog a:hover{
    color: #555555;
    }

h2#blog a:focus{
    outline: none;
    }
/*2*/
h2#telnumber,
h2#access{
	width: 450px;
	margin-right: 50px;
	margin-bottom: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	float: left;
	font-size: 131%;
	text-align: center;
	background-color: #f2f5f5;
	border: none;
}
p#timetable{
	clear: both;
	float: left;
	width: 600px;
	font-size: 131%;
}
ul#address{
	float: left;
	width: 350px;
	padding-top: 50px;
	padding-left: 50px;
	font-size: 124%;
}
/*footer*/
p#copyright{
	clear: both;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 20px;
	text-align: right;
	color: #666666;
}
footer p#totop{
	width: 70px;
	margin-top: 15px;
	margin-left: 1110px;
	background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 20px;
	font-size: 131%;
}
/*price page 2023年8月美容と診療の並びを変更*/
div#price-top{
	margin-top: 300px;
}
div#price h3,
div.price2 h3{
	width: 880px;
	margin-top: 20px;
	font-size: 154%;
	color: #465F29;
}
div.line-green{
	border-top: 10px solid #465F29;
}
div#price h3.pink,
div.price2 h3.pink{
	width: 880px;
	font-size: 154%;
	color: #c71585;
}
div.line-pink{
	border-top: 10px solid #db7093;
}
div#price h4{
	width: 880px;
	padding-left: 20px;
	padding-top: 20px;
	font-size: 154%;
	color: #54934f;
}
div#price ul,
div.price2 ul{
	width: 900px;
	padding-bottom: 30px;
	padding-left: 50px;
}
div#price ul li,
div.price2 ul li{
	width: 880px;
	border-bottom: 1px dotted;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 30px;
	padding-left: 10px;
	overflow: hidden;
}
span.price-l{
	display: block;
	width:  460px;
	float: left;
	padding-left: 20px;
	font-size: 139%;
	color: #54934f;
}
span.price-l-pink{
	display: block;
	width:  480px;
	float: left;
	font-size: 139%;
	color: #d6808f;
}
span.price-r{
	display: block;
	width: 400px;
	float: left;
	text-align: right;
	font-size: 139%;
	color: #54934f;
}
span.price-r-pink{
	display: block;
	width: 400px;
	float: left;
	text-align: right;
	font-size: 139%;
	color: #d6808f;
}
span.price-s{
	font-size: 77%;
}
div#wedding{
	text-align: center;
	width: 880px;
	margin-left: 60px;
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #f3f4f4;
}
div#wedding p{
	font-size: 139%;
	color: #54934f;
}
span.price-option-l{
	display: block;
	width:  250px;
	float: left;
	padding-left: 530px;
	font-size: 139%;
	color: #54934f;
}
span.price-option-l-pink{
	display: block;
	width:  250px;
	float: left;
	padding-left: 530px;
	font-size: 139%;
	color: #db7093;
}
span.price-option-r{
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	font-size: 139%;
	color: #54934f;
}
span.price-option-r-pink{
	display: block;
	width: 100px;
	float: left;
	text-align: right;
	font-size: 139%;
	color: #db7093;
}
span.price-lr{
	display: block;
	clear: both;
	width: 880px;
	font-size: 139%;
	text-align: right;
	color: #54934f;
}
span.price-lr-pink{
	display: block;
	clear: both;
	width: 880px;
	font-size: 139%;
	text-align: right;
	color: #d6808f;
}
span.price-detail{
	display: block;
	clear: both;
	width: 860px;
	padding-left: 20px;
	color: #54934f;
}
span.price-detail-pink{
	display: block;
	clear: both;
	width: 860px;
	padding-left: 20px;
	color: #db7093;
}
p.attention{
	clear: both;
	width : 810px;
	margin-left: 50px;
	padding-top: 20px;
	padding-left: 70px;
	padding-bottom: 20px;
	font-size: 124%;
	color: #d2691e;
	border: 1px solid;
}
p.detail{
	display: block;
	clear: both;
	width: 840px;
	margin-top: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	line-height: 120%;
	font-size: 124%;
	color: #465F29;
}
p.detail-pink{
	display: block;
	clear: both;
	width: 840px;
	margin-top: 10px;
	margin-left: 20px;
	line-height: 120%;
	font-size: 124%;
	color: #c71585;
}
span.detail{
	display: block;
	clear: both;
	width: 840px;
	margin-top: 50px;
	margin-bottom: 30px;
	padding: 20px;
	line-height: 120%;
	font-size: 124%;
	border:  1px solid #999999;
}
li#asterisk{
	display: block;
	clear: both;
	width: 840px;
	padding: 20px;
	line-height: 120%;
	font-size: 139%;
}
/*price page　症例*/
h2#h2cace span{
		font-size: 82%;
}
div#pricephoto{
	width: 300px;
	padding-left: 30px;
}
div#pricephoto dl{
	background: #ffffff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 20px;
	margin-bottom: 10px;
}
div#pricephoto dl dd{
	text-align: right;
}
dl.ex{
	width: 1000px;
	height: 450px;
	padding-top: 30px;
}
dl.ex2{
	width: 1000px;
	height: 850px;
	padding-top: 30px;
}
dl.ex dt{
	width: 350px;
	height: 400px;
	padding-right: 30px;
	padding-left: 10px;
	float: left;
}
dl.ex dd{
	width: 580px;
	height: 400px;
	float: left;
	padding-top: 20px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: solid 1px #666666;
}
dl.ex2 dt{
	width: 350px;
	height: 800px;
	padding-right: 30px;
	padding-left: 10px;
	float: left;
}
dl.ex2 dd{
	width: 580px;
	height: 800px;
	float: left;
	padding-top: 20px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border: solid 1px #666666;
}
span.category,
span.gender,
span.cace{
	display: block;
}
span.category{
	font-size: 154%;
	color: #333333;
}
span.gender{
	width: 180px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	background-color: #d6808f;
	color: #ffffff;
}
span.cace{
	width: 300px;
	margin-top: 20px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	padding: 20px;
	border: solid 1px #666666;
	font-size: 116%;
}
li.before,
li.after{
	width: 250px;
	float: left;
	padding-left: 25px;
}
li.before img,
li.after img{
	width: 250px;
	height: 333px;
}
span.befor_w,
span.after_w{
	display: block;
	width: 250px;
	margin-bottom: 20px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: center;
	letter-spacing: 0.5em;
	font-size: 116%;
}
span.befor_w{
	background-color: #98b3a3;
	color: #ffffff;
}
span.after_w{
	background-color: #d6808f;
	color: #ffffff;
}
p.p-link{
	font-size: 116%;
}