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

/* =================================================================
 * 全体
 * ===============================================================*/
img {
	width: 100%;
}
.underlayer_page h2 {
	color: #49302b;
	text-align: center;
	font-family: 'Playfair Display';
	font-size: 25px;
	width: 300px;
	margin: 100px auto 50px;
	border-bottom: 1px solid #49302b;
	padding-bottom: 10px;
}
.sec1 {
	clear: both;
	width: 300px;
	margin: 0 auto 5%;
	background: rgba(255,255,255,0.8);
	overflow: hidden;
}
.sec2 {
	clear: both;
	width: 300px;
	margin: 40px auto 20px;
	background: #eeeeef;
	overflow: hidden;
	box-shadow: 0 0 0 1px #555, 0 0 0 5px #fff, 0 0 0 7px #555;
}
.sec_border {
	box-shadow: 0 0 0 1px #555, 0 0 0 5px #fff, 0 0 0 7px #555;
}
.bg_brown {
	background: rgba(73,48,43,0.5);
}
.pc_img {
	display: none;
}
.m_bottom {
	margin-bottom: 7%;
}
.align_center {
	text-align: center;
}
.img_right {
	float: right;
}
.float_l,
.float_r {
	float: none;
}
.img_100 {
	width: 100%;
	margin: 0 auto;
}
.display_sp {
	display: inline;
}
.display_pc {
	display: none;
}
.clear {
	clear: both;
}
.underlayer_page .sec1 .button,
.m_breast2 .button {
	background-color: #49302b;
	border: 1px solid #fff;
	color: #fff;
	font-family: 'Playfair Display', serif, "Sawarabi mincho";
	font-size: 16px;
}
.m_breast2 .second .button {
	width: 320px;
	height: 90px;
	padding-top: 25px;
	line-height: 20px;
	background-color: rgba(73,48,43,0.5);
}
.underlayer_page .sec1 .button:hover,
.m_breast2 .button:hover {
	border-style: dashed;
}
.underlayer_page .breast_text1 ul {
	margin-left: 20px;
}
.m_exabra .breast_text1 ul {
	margin: 0 auto;
	padding-bottom: 10px;
}
/* =================================================================
 * about
 * ===============================================================*/
.about_img1 {
	padding: 1%;
	width: 60%;
	margin: 5% auto;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
.about_text1 {
	padding: 5% 5% 3%;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.about_text1 h3 {
	font-size: 17px;
	margin-bottom: 20px;
	line-height: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝","Sawarabi mincho", serif;
}
.about_page .sec1 img,
.about_page .sec_border img {
	width: 90%;
	margin: 0 auto 20px;
	display: block;
}
.about_text1 span {
	font-family: 'Playfair Display';
	font-size: 20px;
	margin: 5% 0;
	display: block;
	border-bottom: 1px solid #b4aaa0;
}
.about_text1 p.align_center {
	font-size: 16px;
	letter-spacing: 0;
}

/* =================================================================
 * ladies
 * ===============================================================*/
.m_breast_h3 {
	margin: 7% 0 3%;
	font-size: 20px;
	color: #49302b;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Cambria','MS Serif','Congo','Andalus',"Times New Roman", "HG明朝B", "Sawarabi Mincho","ＭＳ Ｐ明朝", "ＭＳ 明朝" , "Sawarabi mincho", serif;
}
.m_breast_h3 span {
	display: block;
	font-size: 12px;
	text-align: right;
	margin-top: 10px;
}
.m_breast .m_breast_h3 {
	font-size: 16px;
	line-height: normal;
}
.breast_text1 {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	margin: 10%;
}
.breast_text1 ul li {
	position: relative;
	line-height: 24px;
}
.breast_text1 ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 6px;
	height: 6px;
	background-color: rgba(108,117,140,0.8);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.m_exabra .breast_text1 ul li::after {
	display: none;
}
.m_breast .img_right {
	padding: 0  2% 3% 0;
}
.m_breast .img_100 {
	margin: 3% auto;
}
.breast_menu {
	box-shadow: 0 0 0 1px #555, 0 0 0 5px #fff, 0 0 0 7px #555;
	padding: 5%;
	margin: 30px 5%;
}
.breast_menu dl {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
.breast_menu dt {
	font-size: 16px;
	margin-bottom: 3%;
	border-bottom: 1px solid #555;
	padding-bottom: 1%;
	line-height: normal;
	letter-spacing: normal;
	color: #c67391;
	font-weight: bold;
}
.bg_brown .breast_menu dt {
	color: #49302b;
}
.bg_brown .breast_menu dt span {
	display: block;
	text-align: right;
	font-family: "Sawarabi mincho";
	font-size: 16px;
}
.breast_menu dd {
	font-size: 13px;
	line-height: normal;
	text-align: justify;
}
.breast_menu dt span {
	font-size: 15px;
	font-weight: normal;
}
.breast_menu dd span {
	display: block;
	text-align: right;
	font-size: 15px;
	font-family: "Sawarabi mincho";
	margin-top: 5%;
}
.breast_menu h5 {
	font-family: "Sawarabi mincho", serif;
	font-size: 20px;
	margin-bottom: 1rem;
	border-left: 10px solid #c67391;
	padding-left: 0.5rem;
}
.breast_menu h5 span {
	display: inline;
	margin-left: 0.5rem;
	text-align: left;
	color: #c67391;
	font-weight: bold;
}
.m_breast .bg_gray {
	float: none;
	width: 90%;
	margin: 0 auto 20px;
}
.m_breast .sec1 .second {
	text-align: right;
	margin: 10px auto -10px;
}
.ladies_page .menu_btn,
.mens_page .menu_btn,
.coupon_page .menu_btn {
	margin: 10px auto 15px;
}
.ladies_page .bg1 {
	background: url(../img/ladies/ladies1.png) no-repeat right top;
	background-size: contain;
}
.mens_page .bg1 {
	background: url(../img/mens/mens1.png) no-repeat right top;
}
.ladies_page img.menu_img,
.mens_page img.menu_img {
	border: 1px solid #49302b;
	margin: 0 auto 15px;
	float: none;
	width: 100%;
	display: block;
	max-width: 550px;
}
.mens_page .about_bg_img {
	background: #fff;
}
.mens_page .sec1 {
	background: rgb(9,37,71);
	background: -moz-linear-gradient(-45deg, rgba(9,37,71,1) 0%, rgba(70,79,96,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(9,37,71,1) 0%,rgba(70,79,96,1) 100%);
	background: linear-gradient(135deg, rgba(9,37,71,1) 0%,rgba(70,79,96,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#092547', endColorstr='#464f60',GradientType=1 );
	color: #fff;
}
.mens_page .breast_menu dt,
.mens_page .m_breast_h3 {
	color: #fff;
}
.mens_page h2 {
	color: #094296;
	border-bottom: 1px solid #094296;
}
.mens_page #panel {
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
	color: #000;
}
.mens_page #panel > dt,
.contact_page #panel > dt {
	color: #fff;
	width: 160px;
	background-color: #49302b;
	border: 1px solid #fff;
	cursor: pointer;
	padding: 10px;
    margin: 0 auto;
	text-align: center;
	font-size: 17px;
	letter-spacing: 0.05em;
	font-family: 'Playfair Display', serif, "Sawarabi mincho";
}
.mens_page #panel > dd {
	border: solid 1px Silver;
	margin: 10px 0;
	padding: 10px;
	display: block;
	background: rgb(239, 239, 239);
}
.mens_page #panel dd table {
	width: 100%;
	margin: 0 auto 20px;
}
.mens_page #panel dd table th,
.mens_page #panel dd table td {
	text-align: center;
}
.mens_page #panel dd table th {
	font-size: 17px;
	border-bottom: 1px solid #aaa;
	font-family: serif;
}
.mens_page #panel dd table td {
	border-bottom: 1px dotted #aaa;
	padding: 10px 0;
	min-width: 90px;
	vertical-align: top;
}
.mens_page #panel dd table td span {
	font-size: 10px;
	display: block;
	font-family: sans-serif;
}
.mens_page .box1 h4 {
	font-size: 20px;
	background: #fff;
	color: #092547;
	max-width: 300px;
	margin: 20px auto 10px;
	line-height: normal;
	padding-top: 5px;
	width: 100%;
	font-weight: bold;
}
.mens_page .box1 h4 span {
	font-size: 16px;
}
.mens_page .box1 p span {
	font-size: 12px;
}
/* =================================================================
 * breast_2
 * ===============================================================*/
.m_breast2 h2 span {
	display: block;
	font-size: 14px;
	margin-top: 15px;
}
.breast2_text1 {
	padding: 10% 5%;
	text-align: justify;
	font-size: 13px;
	color: rgba(90,100,120,1);
	border: 1px solid rgba(108,117,140,0.6);
	/*background: url(../img/breast_2/suzuran.png) right bottom no-repeat;*/
}
.breast2_text1 p {
	line-height: 35px;
}
.breast2_img_r, .breast2_img_l {
	width: 100%;
}
.breast2_text_l, .breast2_text_r {
	margin: 6%;
	padding-bottom: 2%;
	border-bottom: 1px solid #555;
	text-align: justify;
}
.breast2_text_l h3,.breast2_text_r h3 {
	font-family: 'Playfair Display';
	font-size: 18px;
	margin-bottom: 20px;
	text-align: center;
}
.parent:after, .parent:before {
    content: "";
    clear: both;
    display: block;
}
.breast2_text_l .link {
	text-align: center;
	margin: 20px auto 10px;
}
.breast2_text_l .button {
	font-family: san-serif;
}
/* =================================================================
 * school
 * ===============================================================*/
.bg_brown .m_breast_h3 {
	color: #fff;
	width: 150px;
}
.bg_brown .breast_menu {
	background: #fff;
}
.bg_brown .breast_text1 p {
	color: #fff;
}
.school_page img {
	margin-top: 20px;
}
.school_page .breast_menu dd h4 {
	font-size: 16px;
	font-family: "游明朝", "YuMincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",'Cambria','MS Serif','Congo','Andalus',"Times New Roman", "HG明朝B", "Sawarabi Mincho","ＭＳ Ｐ明朝", "ＭＳ 明朝" , "Sawarabi mincho", serif;
	margin-bottom: 10px;
}
.school_page .breast_menu dd p {
	margin-bottom: 10px;
	border-bottom: 1px dotted #aaa;
	padding-bottom: 10px;
}
.school_page .icon {
	text-align: center;
	background: #c67391;
	padding: 0 10px;
	border-radius: 15px;
	width: 107px;
	font-weight: bold;
	color: #fff;
	font-size: 14px;
	margin: 0;
	font-family: sans-serif;
}
/* =================================================================
 * coupon
 * ===============================================================*/
.coupon_page .breast_text1 img {
	max-width: 500px;
	margin: 0 auto;
	display: block;
}

/* =================================================================
 * body
 * ===============================================================*/
.m_body .m_breast_h3 {
	width: 185px;
}
.m_body h3.second {
	width: 175px;
}
.m_body .breast_menu dt.second {
	color: #727e93;
}
/* =================================================================
 * exabra
 * ===============================================================*/
.m_exabra .m_breast_h3 {
	width: 290px;
	font-size: 14px;
	font-family: 'Playfair Display',serif;
	letter-spacing: normal;
}
.m_exabra .m_breast_h3 span {
	width: 240px;
	font-family: 'Playfair Display',san-serif;
	text-align: left;
}
.m_exabra .ol_list {
	margin: 0 0 5%;
}
.m_exabra .ol_list h2 {
	font-size: 18px;
}
.m_exabra ol{
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	padding:10px 0;
	border-top: dashed 1px #49302b;
	border-bottom: dashed 1px #49302b;
}
.m_exabra ol li{
	padding: 20px 0;
	position: relative;
	padding-left: 1.7em;
	line-height: 1.5em;
}
.m_exabra ol li:before{
	counter-increment: number;
	content: counter(number) ".";
	position: absolute;
	left: 0;
	font-family: 'Bradley Hand','Segoe Script','Segoe Print',sans-serif;/*手書き風のフォント*/
	font-size: 1em;/*フォントサイズ*/
	color: #49302b;
}
.m_exabra .swiper-container {
	padding: 20px 0 0;
}
.m_exabra .float_l {
	width: auto;
}
.m_exabra .img_right {
	float: none;
	width: 80%;
	padding: 0;
	margin: 0 auto;
}
.m_exabra .check_font {
	text-align: center;
	font-size: 18px;
}
.m_exabra h3.clear {
	font-size: 22px;
	font-family: san-serif;
	font-weight: bold;
}
.m_exabra h3.second {
	font-size: 28px;
	margin-bottom: 25px;
}
.m_exabra h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 20px auto 10px;
	line-height: normal;
	color: #49302b;
}
.m_exabra .exabra_li {
	text-align: center;
	width: 80%;
	margin: 0 auto 20px;
}
.m_exabra .exabra_li .pc_img,
.m_exabra .exabra_li .sp_img {
	margin-bottom: 20px;
}
/* =================================================================
 * マタニティ
 * ===============================================================*/
.m_maternity .sec1 {
	margin: 0 auto 30%;
}
.m_maternity .about_text1 {
	text-align: center;
}

/*----- privacy -----*/
.privacy {
    width: 70%;
    height: 100px;
    margin: 1rem auto 2rem;
    padding: 2rem 1rem;
    overflow-y: scroll;
    border: 1px solid #c0c0c0;
}
.privacy p {
	line-height: 1.5;
}
.privacy dt {
	font-size: 1rem;
	padding: 0.5rem 0;
}
.privacy dd {
	margin-left: 0.5rem;
	line-height: 1.5;
}
.privacy p.privacy_title {
    font-weight: bold;
    font-size: 1.2rem;
}



@media screen and (min-width:360px){
}

@media screen and (min-width:600px){
/* =================================================================
 * 全体
 * ===============================================================*/
	.sec1 {
		width: 600px;
	}
	.sec2 {
		width: 600px;
	}
	.display_sp {
		display: none;
	}
	.display_pc {
		display: block;
	}
	.float_l {
		float: left;
	}
	.float_r {
		float: right;
	}
/* =================================================================
 * about
 * ===============================================================*/
	.about_text1 p.align_center {
		letter-spacing: 0.13em;
	}
	.about_page .sec1 img {
		max-width: 600px;
		width: 90%;
	}
	.about_page .sec_border img {
		max-width: 500px;
		width: 45%;
		margin-left: 5%;
	}
	.about_text1 h3 {
		font-size: 24px;
	}
	.about_page .sec1 p {
		text-align: center;
	}
	.about_page .sec_border p {
		text-align: left;
	}
/* =================================================================
 * breast
 * ===============================================================*/
	.m_breast_h3 {
		font-size: 30px;
		width: 520px;
	}
	.m_breast_h3 span {
		font-size: 18px;
		margin-top: 20px;
	}
	.m_breast .m_breast_h3 {
		font-size: 30px;
	}
	.breast_text1 {
		margin: 3% 5%;
	}
	.m_breast .img_100 {
		width: 80%;
	}
	.m_breast .img_right {
		padding: 0  5% 3% 0;
		width: 60%;
	}
	.breast_menu dt {
		font-size: 18px;
	}
	.breast_menu dd {
		font-size: 14px;
	}
	.breast_menu dd span {
	font-size: 17px;
	}
	#panel dd table td span {
		font-size: 13px;
		display: inline;
		font-family: sans-serif;
	}
/* =================================================================
 * breast_2
 * ===============================================================*/
	.breast2_img_r, .breast2_img_l {
		width: 60%;
		margin: 5% auto;
	}
	.m_breast .bg_gray {
		width: 40%;
		margin: 0 auto 20px;
	}
/* =================================================================
 * exabra
 * ===============================================================*/
	.m_exabra .m_breast_h3 {
		width: 550px;
		font-size: 28px;
	}
	.m_exabra .m_breast_h3 span {
		width: 550px;
		text-align: right;
	}
	.m_exabra .float_l {
		width: 55%;
	}
	.m_exabra .img_right {
		float: right;
		width: 30%;
		padding-right: 5%;
	}

/* =================================================================
 * body
 * ===============================================================*/
	.m_body .m_breast_h3 {
		width: 280px;
	}
	.m_body h3.second {
		width: 250px;
	}
/* =================================================================
 * facial
 * ===============================================================*/
	.m_facial .m_breast_h3 {
		width: 310px;
	}
	.bg_brown .m_breast_h3 {
		width: 250px;
	}
/* =================================================================
 * ブライダル
 * ===============================================================*/
	.m_bridal .m_breast_h3 {
		width: 315px;
	}
}

@media screen and (min-width:768px){
/* =================================================================
 * 全体
 * ===============================================================*/
	.sec1 {
		margin: 0 auto 3%;
	}
	.underlayer_page h2 {
		margin: 100px auto 20px;
	}
	.pc_img {
		display: inline-block;
	}
	.sp_img {
		display: none;
	}

/* =================================================================
 * about
 * ===============================================================*/
	.about_img1 {
		padding: 5px;
		width: 30%;
		margin: 10% 3% 3%;
		float: left;
	}
	.about_text1 p {
		line-height: 30px;
	}
	.about_img_li {
		float: right;
		width: 100%;
	}
	.about_img_li li {
		padding: 0 3% 3%;
	}
	.about_text1 span {
		margin: 3% 0;
	}
/* =================================================================
 * breast_2
 * ===============================================================*/
	.breast2_text1 {
		padding: 5%;
		text-align: center;
		font-size: 16px;
	}
	.breast2_text1 p {
		line-height: 35px;
	}
}

@media screen and (min-width:1024px){
/* =================================================================
 * 全体
 * ===============================================================*/
	.underlayer_page h2 {
		margin: 150px auto 20px;
	}
	.sec1 {
		width: 1000px;
	}
	.sec2 {
		width: 1000px;
	}

/* =================================================================
 * about
 * ===============================================================*/
	.about_img1 {
		margin: 3%;
	}
	.about_text1 p {
		line-height: 40px;
	}
	.about_text1 h3 img {
		width: 50%;
	}
	.about_text1 p.align_center {
		letter-spacing: inherit;
	}
	.m_breast .img_100 {
		width: 70%;
	}
/* =================================================================
 * breast
 * ===============================================================*/
	.m_breast .img_right {
		padding: 0  5% 3% 0;
		width: 40%;
	}
	.breast_menu {
		padding: 3%;
		margin: 3% 10%;
	}
/* =================================================================
 * breast_2
 * ===============================================================*/
	.breast2_img_r {
		float: right;
		width: 30%;
		margin: 0;
	}
	.breast2_text_l {
		float: left;
		width: 50%;
		margin: 8% 10% 0;
		border-bottom: none;
		text-align: center;
	}
	.breast2_img_l {
		float: left;
		width: 30%;
		margin: 0;
	}
	.breast2_text_r {
		float: right;
		width: 50%;
		margin: 8% 10% 2%;
		border-bottom: none;
		text-align: center;
	}
	.breast2_text_l h3, .breast2_text_r h3 {
		font-size: 22px;
		margin: 0px auto 30px;
		border: 1px  solid #000;
		border-left: 3px  solid #000;
		border-right: 3px  solid #000;
		height: 30px;
		width: 200px;
		padding-top: 13px;
	}
}