@charset "utf-8";

/*-----------------------------

　リセットCSS + サイト共通設定

------------------------------*/

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin			: 0;
	padding			: 0;
	font-size		: 14px;
	border			: 0;
	}

/* デフォルト文字設定 */
body{
	/*color:#666666;*/
	font-family		: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
/*	font-family		: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "sans-serif"*/
	/*font-family		: 'Open Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Sans-serif;*/
	font-size		: 14px;
	line-height		: 175%;
	color			: rgba(106,94,84,1.0);
	background		: rgba(255,255,255,1.0);
	letter-spacing	: 0.65px;
	-webkit-text-size-adjust: none;
	}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse	: collapse; 
	border-spacing	: 0;
	}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
	}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
	}

/* 画像リンクの設定 */
a img{
	opacity				: 1;
	filter				: alpha(opacity=100);
	}

a:hover img{
	opacity				: 0.7;
	filter				: alpha(opacity=90);
	transition			: all 0.3s;
	-webkit-transition	: all 0.3s;
	-o-transition		: all 0.3s;
	}

a:hover{
/*	color				: rgba(190,211,169,1.0);*/
	color				: rgba(233,210,214,1.0);
	}

a:-webkit-any-link {
    color			: -webkit-link;
    text-decoration	: none;
	color				: rgba(255,255,255,1.0);
/*    color			: rgba(102,102,102,1.0);*/
    /*color			: rgba(6,6,6,1.0);*/
	cursor			: pointer;
	}

a:visited {/*訪問後のリンク*/
    text-decoration	: underline;
	}

/*------------------------------------------*/
/*	共通機能
/*------------------------------------------*/
.header{
	width				: 1240px;
	margin				: 0 auto;
	}

.anchor {
	margin-top			: -40px;
	padding-top			: 40px;
}
.accordion{
	width				: 900px;
	margin				: 0 auto;
	padding-top			: 50px;
	}

.switch {
	clear:both;
    cursor:pointer;
    font-weight: bold;
	width:890px;
	border-top: 1px solid #296790;
    padding:10px 0px 10px 10px;
    font-size: 20px;
    background: #E9ECEF;	/*42210b;*/
    position: relative;
    color:#296790;
	}

.switch:after {
    position			: relative;
    top					: 53%;
	float				: right ;
	background			: url(../images/accordion_plus.png)no-repeat;
    margin-top			: 3px;
	width				: 50px;
    content				: '　　';/
    font-size			: 20px;
    font-weight			: bold;
    -moz-transition		: all, 0.25s, linear;
    -o-transition		: all, 0.25s, linear;
    -webkit-transition	: all, 0.25s, linear;
    transition			: all, 0.25s, linear;
    font-family			: sans-serif;
    color				: #FFFFFF;
	}

.switch.open:after {
    top: 53%;
	background			: url(../images/accordion_minus.png)no-repeat;
	float				: right;
    margin-top			: 3px;
	width				: 50px;
    content				: '　　';
    font-size			: 20px;
    font-weight			: bold;
    font-family			: sans-serif;
	}

.switch img{
	height				:40px;
	padding-right		:10px;
	}

.sentence{
	text-align		: left;
	margin			: 5px 10px;
	}

.text_right{
	float				: right;
	}

.contentWrap {
	margin				: 10px;
	}

.displayNone {
    display				: none;
	}

.fixpoint{
	clear				: both;
	height				: 0px;
	}

.color_red{
	color				: rgba(192,83,62,1.0);
	}

.setleft{
	float				: left;
	}

.setright{
	float				: right;
	}

.pickup_red{
	font-size			: x-large;
	color				: rgba(192,83,62,1.0);
	}

.text_white{
	color				: rgba(255,255,255,1.0);
	}

.text_center{
	text-align			: center!important;
	}

.text_right{
	text-align			: right;
	}

.link_buttonbox{
	margin				: 0 auto;
	text-align			: center;
	padding				: 30px;
	}

.reserve_button{
	display				: inline-block;
	padding				: 20px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	/*border				: 1px solid rgba(255,255,255,1.0);*/
	background			: rgba(192,83,62,1.0);
	color				: rgba(255,255,255,1.0);
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	}

.reserve_button::before,
.reserve_button::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.reserve_button,
.reserve_button::before,
.reserve_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.reserve_button:hover {
	background			: rgba(192,83,62,0.7);
	}

.contact_button{
	display				: inline-block;
	padding				: 20px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	/*border				: 1px solid rgba(255,255,255,1.0);*/
	background			: rgba(192,123,62,1.0);
	color				: rgba(255,255,255,1.0);
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	}

.contact_button::before,
.contact_button::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.contact_button,
.contact_button::before,
.contact_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.contact_button:hover {
	background			: rgba(192,123,62,0.7);
	}

.treatment_button{
	display				: inline-block;
	padding				: 20px 100px;
	font-size			: large;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	/*border				: 1px solid rgba(255,255,255,1.0);*/
	background			: rgba(192,71,62,1.0);
	color				: rgba(255,255,255,1.0);
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	}

.treatment_button::before,
.treatment_button::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.treatment_button,
.treatment_button::before,
.treatment_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.treatment_button:hover {
	background			: rgba(192,71,62,0.7);
	}

/*------------------------------------------*/
.wrap{
	width:1240px;
	margin:0 auto;
	}

.main_contents{
	margin-left:250px;
	}

/*------------------------------------------*/
/*	Footer
/*------------------------------------------*/
.footer_frame{
	margin				: 0 auto;
	clear				: both;
	background-color	: rgba(186,179,174,1.0);
	padding				: 30px 20px 30px 60px;
	}

.footer_frame h2{
	color				: rgba(255,255,255,1.0);
	text-align			: left;
	font-weight			: normal;
	}

.footer_box_l{
	width				: 450px;
	padding				: 20px 50px;
	box-sizing			: border-box;
	float				: left;
	}

.footer_box_r{
	width				: 540px;
	padding				: 20px 0 0;
	box-sizing			: border-box;
	float				: left;
	}

.footer_info_img{
	margin-top			: 10px;
	margin-right		: 10px;
	float				: left;
	}

.sitemap_frame{
	width				: 300px;
	float				: left;
	}

.sitemap_link{
	width				: 250px;
	padding				: 10px 0 0 20px;
	float				: left;
	}

.sitemap_link ul{
	list-style-type		: disc;
	color				: rgba(255,255,255,1.0);
	}

.sitemap_link a {
	color				: rgba(255,255,255,1.0);
	display				: block;
	-webkit-transition	: color 0.28s ease;
	-o-transition		: color 0.28s ease;
	transition			: color 0.28s ease;
	cursor				: pointer;
	}

.sitemap_link a:hover {
/*	color				: rgba(190,211,169,1.0);*/
	color				: rgba(233,210,214,1.0);
	text-decoration		: none;
	}

.sitemap_link dt{
	font-Weight			: bold;
	margin-top			: 0px;
	}

.address_frame{
/*	width				: 450px;*/
	float				: right;
	}

.address_box{
	padding				: 30px 20px 10px 20px;
	}

/*------------------------------------------*/
/*	コピーライト / Coptright
/*------------------------------------------*/
.copyright_frame{
	background-color	: rgba(106,94,84,1.0);
	padding				: 10px 0 10px;
	margin				: 0 auto;
	clear				: both;
	}

.copyright_frame p{
	color				: rgba(255,255,255,1.0);
	text-align			: center;
	clear				: both;
	}

/*==========================================*/
/*	TOPページ / index.html
/*==========================================*/
/*	スライドショー / SlideShow
/*------------------------------------------*/
.slide_frame{
	width			: 100%;
	margin			: 0 auto;
	clear			: both;
	}

.slide_width{
	width			: 1240px;
	height			: auto;
	margin			: 0 auto;
	}

.slideshow {
	position		: relative;
	width			: 100%; /* ボックスの横幅 */
	}

.slideshow p {
	position		: absolute;
	top				: 0;
	left			: 0;
	z-index			: 8;
	opacity			: 0.0;
	margin			: 0;
	background-color: white; /* ボックスの背景色(必須) */
	}

.slideshow p.active {
	z-index			: 10;
	opacity			: 1.0;
	}

.slideshow p.last-active {
	z-index			: 9;
	}

.slideshow p img {
	width			: 100%; /* 画像の横幅 */
	display			: block;
	border			: 0;
	}

/*------------------------------------------*/
/*	TopView / 
/*------------------------------------------*/
.index_view_frame{
	width				: 1240px;
/*	height				: 647px;*/
	box-sizing			: border-box;
	}

.about_view_frame{
	width				: 1240px;
	box-sizing			: border-box;
	}

.lesson_view_frame{
	width				: 1240px;
	box-sizing			: border-box;
	}

.effect_view_frame{
	width				: 1240px;
	box-sizing			: border-box;
	}

.contact_view_frame{
	width				: 1240px;
	box-sizing			: border-box;
	}

.top_button {
	display				: inline-block;
	width				: 350px;
	padding				: 10px;
	font-size			: 24px;
	text-align			: center;
	text-decoration		: none;
	outline				: none;
	border				: 2px solid rgba(255,255,255,1.0);
	color				: rgba(255,255,255,1.0);
	line-height: 50px;
	}

.top_button::before,
.top_button::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.top_button,
.top_button::before,
.top_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.top_button:hover {
	background-color	: rgba(255,255,255,0.2);
	/*
	border-color		: #59b1eb;
	color				: #59b1eb;
	*/
	}

/*====================================================================================*/
/*	HOME / INDEX
/*====================================================================================*/
/*------------------------------------------*/
/*	INDEX 背景設定
/*------------------------------------------*/
.index_back{
	background			: url(../images/index_bk.png) repeat;
	}

/*------------------------------------------*/
/*	INDEX TrialService(初回お試しクーポン)
/*------------------------------------------*/
.trialservice_frame{
	width				: 1240px;
	margin				: 0 auto;
	background			: rgba(246,244,244,1.0);
	text-align			: center;
	padding				: 10px;
	box-sizing			: border-box;
	}

.trialservice_box{
	width				: 1000px;
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	text-align			: center;
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	padding				: 10px;
	box-sizing			: border-box;
	}

.trialservice_textbox{
	width				: 570px;
	margin				: 0 auto;
	text-align			: center;
	}

.trialservice_text{
	font-size			: 20px;
	color				: #000;
	font-weight			: bold;
	text-align			: center;
	}

.trialservice_minute1{
	width				: 280px;
	font-size			: 30px;
	text-align			: center;
	float				: left;
	box-sizing			: border-box;
	}

.trialservice_minute2{
	width				: 280px;
	font-size			: 30px;
	text-align			: center;
	float				: right;
	box-sizing			: border-box;
	}

.trialservice_price{
	font-size			: 50px;
	}

.trialservice_button{
	text-align			: center;
	margin				: 10px;
	}

/*------------------------------------------*/
/*	バナー / banner
/*------------------------------------------*/
.banner_frame{
	margin				: 0 auto;
	padding				: 30px 140px;
	box-sizing			: border-box;
	z-index				: 999;
	background			: url(../images/campaign_bk.png)repeat;
	}

.banner_frame a {
	display				: block;
	-webkit-transition	: color 0.28s ease;
	-o-transition		: color 0.28s ease;
	transition			: color 0.28s ease;
	cursor				: pointer;
	}

.banner_frame a:hover {
	color				: rgba(255,255,255,1.0);
	text-decoration		: none;
	}

.banner_frame h2{
	font-weight			: normal;
	text-align			: center;
	padding				: 5px 20px;
	}

.banner_frame p{
	padding				: 0 20px;
	}

.banner_box{
	margin				: 0 auto;
	padding				: 20px;
	text-align			: center;
	line-height			: 1.7;
	background			: rgba(255,255,255,1.0);
	box-sizing			: border-box;
	}

table.banner_table{
	margin				: 0 auto;
	text-align			: left;
	box-sizing			: border-box;
	padding				: 30px 10px;
	}

.banner_table .td1{
	width				: 230px;
	padding				: 5px 10px 5px 90px;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	}

.banner_table .td2{
	width				: 350px;
	padding				: 5px 10px;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	}

.banner_table .td3{
	width				: 290px;
	padding				: 5px 40px 5px 10px;
	vertical-align		: top;
	text-align			: right;
	box-sizing			: border-box;
	line-height			: 1.3;
	}

.largetext{
	font-size			: x-large;
	}

.largetext2{
	font-size			: larger;
	}

.leftset{
	float				: left;
	}

.rightset{
	float				: right;
	}
/*------------------------------------------*/
/*	お知らせ / NEWS
/*------------------------------------------*/
.news_frame{
	margin				: 0 auto;
	padding				: 0px;
	box-sizing			: border-box;
	padding				: 10px;
	background			: url(../images/news_bk.png)no-repeat;
	}

.news_frame h2{
	text-align			: left;
	padding				: 5px 20px 5px 120px;
	font-size			: x-large;
	font-weight			: normal;
	color				: rgba(255,255,255,1.0);
	}

.news_box{
	margin				: 0 auto;
	padding				: 5px 400px 5px 120px;
	background-repeat	: no-repeat;
	box-sizing			: border-box;
	position:relative
	}

.news_box a{
	color				: rgba(151,255,151,1.0);
	cursor				: pointer;
	}

.news_box ul{
	list-style-type		: disc;
	}

.news_inbox{
	padding				: 10px 10px 10px 30px;
	background			: rgba(255,255,255,1.0);
	color				: rgba(106,94,84,1.0);
	line-height			: 1.7;
	}

.news_img{
	width				: 500px;
	margin				: 0 auto;
	padding				: 0px;
	box-sizing			: border-box;
	float				: left;
	}

table.news_table{
	width				: 100%;
	border-collapse		: separate;
	text-align			: left;
	line-height			: 1.4;
	box-sizing			: border-box;
	color				: rgba(255,255,255,1.0);
	}

table.news_table th{
	width				: 120px;
	font-weight			: normal;
	padding				: 5px 10px 0 0;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	}

table.news_table td{
	padding				: 5px 0px;
	vertical-align		: top;
	box-sizing			: border-box;
	}

.news_event_box{
	width				: 490px;
	padding				: 40px;
	box-sizing			: border-box;
	}

.inlineframe{
    height				: 150px;
/*    overflow			: auto;
/*
    overflow-y			: scroll;
    overflow-x			: hidden;
*/
    overflow-y			:auto;
    -ms-overflow-style	:none;
	}

/*inlineframe内のスクロールバー削除*/
.inlineframe::-webkit-scrollbar {
	display				: none;
	}

.event_button {
	display				: inline-block;
	width				: 390px;
	padding				: 35px 30px;
	font-size			: 24px;
	text-align			: left;
	text-decoration		: none;
	outline				: none;
	border				: 1px solid rgba(255,255,255,1.0);
	background			: rgba(9,5,4,1.0);
	color				: rgba(255,255,255,1.0);
	line-height: 50px;
	}

.event_button::before,
.event_button::after {
	position			: absolute;
	z-index				: -1;
	display				: block;
	content				: '';
	}

.event_button,
.event_button::before,
.event_button::after {
	-webkit-box-sizing	: border-box;
	-moz-box-sizing		: border-box;
	box-sizing			: border-box;
	-webkit-transition	: all .3s;
	transition			: all .3s;
	}

.event_button:hover {
	background-color	: rgba(255,255,255,0.2);
	}

.news_img_contents{
	width				: 200px;
	}

/*------------------------------------------*/
/*	メニュー / MENU
/*------------------------------------------*/
.menu_frame{
	margin				: 0 auto;
	padding				: 0px;
	box-sizing			: border-box;
	padding				: 10px;
	background			: url(../images/index_menu_bk.png)no-repeat;
	}

.menu_frame h2{
	font-size			: x-large;
	font-weight			: normal;
	text-align			: center;
	padding				: 40px 0;
	}

.menu_box{
	margin				: 0 auto;
	padding				: 20px 60px;
	text-align			: center;
	display				: inline-block;
	}

.menu_inbox {
	width				: 275px;
	float				: left;
	padding				: 0 10px;
	margin-bottom		: 10px;
	box-sizing			: border-box;
	}

.menu_inbox a {
  background-color		: rgba(106,94,84,1.0);	/*#8f82bc;*/
  cursor				: pointer;
  display				: block;
}

.menu_intext{
	padding				: 10px;
	text-align			: left;
	}

.menu_inbox img {
  width: 100%;
  background-color		: rgba(106,94,84,1.0);	/*#8f82bc;*/
  background			: #fff; /*ホバー時に1px動くバグ対策*/
}

.menu_inbox div{
	background			: rgba(106,94,84,1.0);	/*#79676a;*/
	font-size			: 108%;
	padding				: 9px 10px;
	color				: white;
	}

.menu_inbox p{
	padding				: 5px 10px;
	}

/*------------------------------------------*/
/*	LINK / LINK
/*------------------------------------------*/
.link_frame{
	margin				: 0 auto;
	padding				: 0px;
	box-sizing			: border-box;
	padding				: 30px 50px;
	background			: rgba(233,210,214,1.0);
	}

.link_box{
	float				: left;
	margin				: 10px;
	box-sizing			: border-box;
	}

/*------------------------------------------*/
/*	アクセス / ACCESS
/*------------------------------------------*/
.access_frame{
	margin				: 0 auto;
	padding				: 0px;
	box-sizing			: border-box;
	padding				: 10px 0 30px;
	background			: rgba(156,102,110,1.0);
	}

.access_frame h2{
	font-size			: x-large;
	font-weight			: normal;
	text-align			: center;
	padding				: 40px 0;
	color				: rgba(255,255,255,1.0);
	}

.access_box{
	margin				: 0 auto;
	padding				: 0px 20px 10px 50px;
	text-align			: left;
	box-sizing			: border-box;
	}

.access_mapbox{
	width				: 820px;
	height				: 400px;
	float				: left;
	box-sizing			: border-box;
	}

.access_map{
	width				: 820px;
	height				: 400px;
	border				: 0;
	}

.access_textbox{
	float				: left;
	padding				: 0 15px;
	box-sizing			: border-box;
	color				: rgba(255,255,255,1.0);
	}

/*====================================================================================*/
/*	CRYSTALについて / ABOUT
/*====================================================================================*/
/*------------------------------------------*/
/*	CRYSTALの思い / CONCEPT
/*------------------------------------------*/
.concept_frame{
	margin				: 0 auto;
	padding				: 10px 70px 30px;
	box-sizing			: border-box;
	background			: url(../images/about_bk.png)repeat;
	}

.concept_frame h2{
	text-align			: center;
	padding				: 50px 20px 30px;
	font-size			: x-large;
	font-weight			: normal;
	}

.concept_box{
	margin				: 0 auto;
	box-sizing			: border-box;
 	background			: url(../images/ceo.png),rgba(255,255,255,1.0);
    background-position	: right top;
    background-repeat	: no-repeat;
	}

.concept_text{
	padding				: 30px;
	text-align			: left;
	box-sizing			: border-box;
	}

.concept_box img{
	float				: right;
	}

/*------------------------------------------*/
/*	当店が選ばれる理由 / REASON
/*------------------------------------------*/
.reason_frame{
	margin				: 0 auto;
	padding				: 10px 180px 250px;
	box-sizing			: border-box;
 	background			: url(../images/reason_bk.png),rgba(106,94,84,1.0);
    background-position	: right bottom;
    background-repeat	: no-repeat;
	}

.reason_frame h2{
	text-align			: center;
	padding				: 50px 20px 40px;
	font-size			: x-large;
	font-weight			: normal;
	color				: rgba(255,255,255,1.0);
	}

.reason_frame h3{
	font-weight			: normal;
	}

.reason_box{
	margin				: 0 auto;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	}

.reason_textbox{
	padding				: 30px 30px 10px;
	text-align			: left;
	box-sizing			: border-box;
	}

.reason_textbox p{
	padding				: 5px 10px 20px;
	}

.reason_no1{
	padding				: 0 0 0 35px;
	text-align			: left;
	height				: 34px;
	background			: url(../images/reason_no1.png)no-repeat;
	color				: rgba(213,109,84,1.0);
	}

.reason_no2{
	padding				: 0 0 0 35px;
	text-align			: left;
	height				: 34px;
	background			: url(../images/reason_no2.png)no-repeat;
	color				: rgba(213,109,84,1.0);
	}

.reason_no3{
	padding				: 0 0 0 35px;
	text-align			: left;
	height				: 34px;
	background			: url(../images/reason_no3.png)no-repeat;
	color				: rgba(213,109,84,1.0);
	}

/*====================================================================================*/
/*	施術メニュー / MENU
/*====================================================================================*/
/*------------------------------------------*/
/*	キャンペーン / CAMPAIGN
/*------------------------------------------*/
.campaign_frame{
	margin				: 0 auto;
	padding				: 10px 150px 30px;
	box-sizing			: border-box;
	background			: url(../images/about_bk.png)repeat;
	}

.campaign_frame h2{
	text-align			: center;
	padding				: 50px 20px 30px;
	font-size			: x-large;
	font-weight			: normal;
	}

.campaign_subject_l{
	float				: left;
	text-align			: left;
	padding				: 0 0 10px;
	font-size			: x-large;
	}

.campaign_subject_r{
	float				: right;
	text-align			: right;
	padding				: 0 0 10px;
	font-size			: x-large;
	}

.campaign_box{
	margin				: 0 auto;
	padding				: 30px 70px;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	}

.campaign_title{
	float				: left;
	text-align			: left;
	padding				: 0 0 10px;
	font-size			: large;
	}

.campaign_price{
	float				: right;
	text-align			: right;
	padding				: 0 0 10px;
	font-size			: middle;
	}

.campaign_text{
	padding				: 0 50px 30px 150px;
	text-align			: left;
	box-sizing			: border-box;
	}

.campaign_box img{
	float				: right;
	}

/*------------------------------------------*/
/*	施術メニュー / Treatment
/*------------------------------------------*/
.treatment_frame{
	margin				: 0 auto;
	padding				: 70px 220px 30px;
	box-sizing			: border-box;
 	background			: url(../images/treatment_bk1.png),url(../images/treatment_bk2.png),rgba(106,94,84,1.0);
    background-position	: right top,left bottom;
    background-repeat	: no-repeat,no-repeat;
	}

.treatment_frame h2{
	text-align			: center;
	padding				: 50px 20px;
	font-size			: x-large;
	color				: rgba(255,255,255,1.0);
	font-weight			: normal;
	}

.treatment_frame h3{
	text-align			: left;
	padding				: 25px 0 20px;
	font-size			: large;
	color				: rgba(138,107,14,1.0);
	font-weight			: normal;
	}

.treatment_frame p{
	padding				: 5px 10px;
	}

.treatment_framebox{
	background			: linear-gradient(to bottom,rgba(196,166,76,1.0),rgba(249,247,184,1.0) 50%,rgba(196,166,76,1.0)); 
	padding				: 7px;
	margin-bottom		: 30px;
	}

.treatment_box{
	background			: rgba(255,255,255,1.0);
	padding				: 0px 35px 20px;
	}

table.treatment_table{
	/*margin				: 0 auto;*/
	text-align			: left;
	box-sizing			: border-box;
	padding				: 10px;
	}

table.treatment_table th{
	padding				: 2px 10px;
	font-weight			: normal;
	vertical-align		: top;
	text-align			: left;
	box-sizing			: border-box;
	}

table.treatment_table td{
	padding				: 2px 10px;
	vertical-align		: top;
	box-sizing			: border-box;
	}

.treatment_th{
	width				: 200px;
	}

.treatment_td1{
	width				: 120px;
	text-align			: right;
	}

.treatment_td2{
	width				: 100px;
	text-align			: right;
	}

.treatment_td3{
	width				: 300px;
	text-align			: left;
	padding-left		: 0px!important;
	}

.treatment_td4{
	width				: 300px;
	text-align			: left;
	padding-left		: 30px!important;
	padding-bottom		: 10px!important;
	}

/*------------------------------------------*/
/*	出張 / DELIVARY
/*------------------------------------------*/
.delivary_frame{
	margin				: 0 auto;
	padding				: 70px 220px 30px;
	box-sizing			: border-box;
 	background			: rgba(244,238,233,1.0);
	}

.delivary_frame h2{
	text-align			: center;
	padding				: 50px 20px;
	font-size			: x-large;
	font-weight			: normal;
	}


.delivary_frame h3{
	text-align			: left;
	padding				: 25px 0 20px;
	font-size			: large;
	color				: rgba(138,107,14,1.0);
	font-weight			: normal;
	}

.delivary_frame p{
	padding				: 20px 10px;
	}

.delivary_box{
	width				: 750px;
	margin				: 0 auto;
	background			: rgba(255,255,255,1.0);
	padding				: 25px 110px;
	border				: solid 1px rgba(106,94,84,1.0);
	box-sizing			: border-box;
	}

table.delivary_table{
	width				: 770px;
	margin				: 0 auto;
	border-collapse		: separate;
	text-align			: left;
	box-sizing			: border-box;
	padding				: 10px;
	border-spacing		: 5px;
	}

table.delivary_table th{
	padding				: 2px 10px;
	font-weight			: normal;
	vertical-align		: middle;
	text-align			: center;
	box-sizing			: border-box;
	background			: rgba(106,94,84,1.0);
	color				: rgba(255,255,255,1.0);
	}

table.delivary_table td{
	padding				: 2px 10px;
	vertical-align		: middle;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	border				: solid 1px rgba(106,94,84,1.0);
	}

.delivary_td_title{
	text-align			: left!important;
	background			: none!important;
	border				: none!important;
	}

.delivary_td_caution{
	text-align			: right!important;
	background			: none!important;
	border				: none!important;
	}

.delivary_th_area{
	width				: 530px;
	}

.delivary_th_price{
	width				: 200px;
	}

.delivary_td_area{
	text-align			: left;
	}

.delivary_td_price{
	text-align			: center;
	}

/*------------------------------------------*/
/*	出張受付 / RECEPTION
/*------------------------------------------*/
.reception_frame{
	margin				: 0 auto;
	padding				: 50px 180px 90px;
	box-sizing			: border-box;
 	background			: url(../images/reception_bk1.png),url(../images/reception_bk2.png),rgba(255,255,255,1.0);
    background-position	: center top,center bottom;
    background-repeat	: no-repeat,no-repeat;

	}

.reception_frame h2{
	text-align			: center;
	padding				: 50px 20px 20px;
	font-size			: x-large;
	font-weight			: normal;
	}

.reception_frame p{
	padding				: 20px 10px;
	}

table.reception_table{
	width				: 770px;
	margin				: 0 auto;
	border-collapse		: separate;
	text-align			: left;
	box-sizing			: border-box;
	padding				: 10px;
	border-spacing		: 5px;
	}

table.reception_table th{
	padding				: 2px 10px;
	font-weight			: normal;
	vertical-align		: middle;
	text-align			: center;
	box-sizing			: border-box;
	background			: rgba(106,94,84,1.0);
	color				: rgba(255,255,255,1.0);
	}

table.reception_table td{
	padding				: 2px 10px;
	vertical-align		: middle;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	border				: solid 1px rgba(106,94,84,1.0);
	}

.reception_td_title{
	text-align			: left!important;
	background			: none!important;
	border				: none!important;
	}

.reception_td_caution{
	text-align			: right!important;
	background			: none!important;
	border				: none!important;
	}

.reception_th_subject{
	width				: 530px;
	}

.reception_th_price{
	width				: 200px;
	}

.reception_td_subject{
	text-align			: left!important;
	padding-left		: 200px!important;
	}

.reception_td_price{
	text-align			: right!important;
	padding-right		: 60px!important;
	}

/*------------------------------------------*/
/*	お客様の声 / VOICE
/*------------------------------------------*/
.voice_frame{
	margin				: 0 auto;
	padding				: 50px 180px 90px;
	box-sizing			: border-box;
 	background			: url(../images/voice_bk.png)repeat;
	}

.voice_frame h2{
	text-align			: center;
	padding				: 50px 20px 20px;
	font-size			: x-large;
	font-weight			: normal;
	}

.voice_box{
	margin				: 0 auto;
	margin-bottom		: 30px;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	border				: solid 1px rgba(192,123,62,1.0);
	}

.voice_text{
	padding				: 30px;
	text-align			: left;
	box-sizing			: border-box;
	}

.voice_box img{
	float				: right;
	}

/*====================================================================================*/
/*	巻き爪の矯正と治療 / INGROWN_NAIL
/*====================================================================================*/
/*------------------------------------------*/
/*	巻き爪の状態 / STATE
/*------------------------------------------*/
.state_frame{
	margin				: 0 auto;
	padding				: 50px 60px;
	box-sizing			: border-box;
 	background			: url(../images/ingrown_nail_info_bk.png),rgba(247,249,246,1.0);
    background-position	: left bottom;
    background-repeat	: no-repeat;

	}

.state_frame h2{
	padding				: 11px 0;
	text-align			: center;
	font-size			: x-large;
	font-weight			: normal;
	}

.state_h2box{
	padding				: 8px 90px;
	background			: rgba(192,83,62,1.0);
	color				: rgba(255,255,255,1.0);
	}

.state_frame h3{
	padding				: 11px 0;
	text-align			: left;
	font-size			: large;
	font-weight			: normal;
	color				: rgba(192,83,62,1.0);
	}

.state_frame p{
	padding				: 2px 10px;
	}

.state_infobox{
	margin				: 50px auto 30px;
	width				: 500px;
	text-align			: left;
	}

.state_box{
	float				: right;
	margin				: 50px auto 30px;
	width				: 500px;
	padding				: 30px 45px;
	text-align			: left;
	background			: rgba(255,255,255,1.0);
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	border				: solid 1px rgba(192,123,62,1.0);
	}

.state_box img{
	float				: right;
	padding				: 10px;
	}

/*------------------------------------------*/
/*	原因 / CAUSE
/*------------------------------------------*/
.cause_frame{
	margin				: 0 auto;
	padding				: 70px 110px 30px;
	box-sizing			: border-box;
 	background			: url(../images/cause_bk1.png),url(../images/cause_bk2.png),rgba(106,94,84,1.0);
    background-position	: right top,left bottom;
    background-repeat	: no-repeat,no-repeat;
	}

.cause_frame h2{
	text-align			: center;
	padding				: 50px 20px;
	font-size			: x-large;
	color				: rgba(255,255,255,1.0);
	font-weight			: normal;
	}

.cause_frame p{
	padding				: 5px 10px;
	}

.cause_subjectbox{
	margin				: 0 auto 20px;
	width				: 600px;
	padding				: 7px;
	}

.cause_box{
	margin-bottom		: 20px;
	background			: rgba(255,255,255,1.0);
	}

.cause_box img{
	float				: right;
	padding				: 0 0 0 20px;
	}

.cause_inbox{
	width				: 680px;
	float				: left;
	padding				: 20px
	}

.cause_inbox span{
	text-align			: left;
	padding				: 5px 20px;
	font-size			: large;
	font-weight			: normal;
	color				: rgba(255,255,255,1.0);
	background			: rgba(217,120,138,1.0);
	-webkit-border-radius	: 5px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 5px;	/* Firefox用 */
	}

/*------------------------------------------*/
/*	手術 / SURGICAL
/*------------------------------------------*/
.surgical_frame{
	margin				: 0 auto;
	padding				: 50px 110px 30px;
	box-sizing			: border-box;
 	background			: rgba(244,238,233,1.0);
	}

.surgical_frame h2{
	text-align			: center;
	padding				: 30px 20px 50px;
	font-size			: x-large;
	font-weight			: normal;
/*
 	background			: url(../images/surgical_h2_l.png),url(../images/surgical_h2_r.png);
    background-position	: left top,right top;
    background-repeat	: no-repeat,no-repeat;
	color				: rgba(163,126,57,1.0);
*/
	}

.surgical_frame p{
	padding				: 5px 10px;
	}

.surgical_subjectbox{
	margin				: 0 auto 20px;
	width				: 800px;
	padding				: 7px;
	}

.surgical_box{
	margin-bottom		: 20px;
	background			: rgba(255,255,255,1.0);
	-webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 10px;	/* Firefox用 */
	}

.surgical_box img{
	float				: right;
	padding				: 0 0 0 20px;
	}

.surgical_inbox{
	width				: 960px;
	float				: left;
	padding				: 20px
	}

.surgical_inbox span{
	text-align			: left;
	padding				: 5px;
	font-size			: large;
	font-weight			: normal;
	color				: rgba(128,99,45,1.0);
	}

.surgical_indent{
	padding-left		: 50px;
	}

/*------------------------------------------*/
/*	どこでする / DOIT
/*------------------------------------------*/
.doit_frame{
	margin				: 0 auto;
	padding				: 50px 110px 70px;
	box-sizing			: border-box;
 	background			: rgba(244,242,233,1.0);
	}

.doit_frame h2{
	text-align			: center;
	padding				: 20px 20px 50px;
	font-size			: x-large;
	font-weight			: normal;
	}

.doit_frame p{
	padding				: 5px 10px;
	}

.doit_subjectbox{
	margin				: 0 auto 20px;
	padding				: 7px;
	}

.doit_box{
	margin-bottom		: 20px;
	background			: rgba(255,255,255,1.0);
	-webkit-border-radius	: 10px;	/* Safari,Google Chrome用 */  
    -moz-border-radius		: 10px;	/* Firefox用 */
	}

.doit_box img{
	float				: right;
	padding				: 0 0 0 20px;
	}

.doit_inbox{
	float				: left;
	padding				: 20px
	}

.doit_inbox span{
	text-align			: left;
	padding				: 5px;
	font-size			: large;
	font-weight			: normal;
	color				: rgba(217,161,120,1.0);
	}

.doit_indent{
	padding-left		: 50px;
	}

/*====================================================================================*/
/*	ご予約・問合せ / CONTACT
/*====================================================================================*/
/*------------------------------------------*/
/*	INFO / WEBからのご予約
/*------------------------------------------*/
.contactinfo_frame{
	margin				: 0 auto;
	padding				: 30px 100px 70px;
	box-sizing			: border-box;
	background			: url(../images/contact_bk.png)repeat;
	}

.contactinfo_frame h2{
	text-align			: center;
	padding				: 30px 20px;
	font-size			: x-large;
	font-weight			: normal;
	}

.contactinfo_frame h3{
	text-align			: left;
	padding				: 0px 10px 15px;
	font-size			: large;
	font-weight			: normal;
	}

.contactinfo_box{
	margin				: 0 auto;
	/*margin-bottom		: 30px;*/
	padding				: 30px 80px;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	display				: flex;
	}

.contactinfo_inbox {
	width: 100%;
}

.contactinfo_line img {
	width: 300px;
}

.contactinfo_frame p{
	padding				: 10px;
	}

/*------------------------------------------*/
/*	RESERVE / 予約フォーム
/*------------------------------------------*/
.contact_reserve_frame{
	margin				: 0 auto;
	padding				: 30px 230px 70px;
	box-sizing			: border-box;
	color				: rgba(255,255,255,1.0);
 	background			: url(../images/contact_bk1.png),url(../images/contact_bk2.png),rgba(170,145,122,1.0);
    background-position	: right top,left bottom;
    background-repeat	: no-repeat,no-repeat;
	}

.contact_reserve_frame h2{
	text-align			: left;
	padding				: 30px 20px;
	font-size			: large;
	font-weight			: normal;
	}

.contact_reserve_frame p{
	padding				: 10px 20px;
	}

.contact_reserve_box{
	margin				: 0 auto;
	padding				: 10px 50px;
	}

.reserve-time {
    display: inline-flex;
    flex-direction: column;
}

.reserve-time li {
	margin-bottom: 5px;
}

/*------------------------------------------*/
/*	TEL_INFO / お電話でのご予約
/*------------------------------------------*/
.contactinfotel_frame{
	margin				: 0 auto;
	padding				: 70px 200px;
	box-sizing			: border-box;
	background			: url(../images/contact_bk.png)repeat;
	}

.contactinfotel_frame h2{
	text-align			: center;
	padding				: 30px 20px;
	font-size			: x-large;
	font-weight			: normal;
	}

.contactinfotel_frame h3{
	text-align			: left;
	padding				: 0px 10px 15px;
	font-size			: large;
	font-weight			: normal;
	}

.contactinfotel_box{
	margin				: 0 auto;
	/*margin-bottom		: 30px;*/
	padding				: 30px 80px;
	box-sizing			: border-box;
	background			: rgba(255,255,255,1.0);
	}

.contactinfotel_inbox{
	margin				: 0 auto;
	padding				: 30px 80px;
	}

.contactinfotel_frame p{
	padding				: 10px;
	}

.contactinfotel_tel{
	font-size			: 50px;
	font-weight			: bold;
	}

.contactinfotel_tel a:-webkit-any-link {
    color			: -webkit-link;
    text-decoration	: none;
    color			: rgba(102,102,102,1.0);
	cursor			: pointer;
	}