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

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {

	/* pagewrap */
	#pagewrap {
		width: 100%;
	}

	/* content */
	#content {
		width: 60%;
		padding: 3% 4%;
	}

	/* sidebar */
	#sidebar {
		width: 30%;
	}
	#sidebar .widget {
		padding: 8% 7%;
		margin-bottom: 10px;
	}

	/* embedded videos */
	.video embed,
	.video object,
	.video iframe {
		width: 100%;
		height: auto;
		min-height: 300px;
	}
	
	iframe {width:100%; !important;}

}

/************************************************************************************
smaller than 480
*************************************************************************************/
@media screen and (max-width: 480px) {
	
	/* pagewrap */
	#pagewrap {
		width: 96%;
		margin:0 auto;
	}

	/* disable webkit text size adjust (for iPhone) */
	html {
		-webkit-text-size-adjust: none;
	}

	
	/* site logo */
	#site-logo { width: 80%; margin: 1em 10%;}
	
	/* m_hidden */
	.m_hidden {display:none;}
	.m_vissible {display: inherit;}
	
	/* top_catch */
	h2.top_catch {float:none;text-align:center;width:90%;margin:2em auto 1em; height:auto;font-weight:normal;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

    /* rslides */
    .rslides {background:none; padding-bottom:20px;}
	
	
	/* top_rightcol */
	.top_content {width:100%;margin-top:0;}
	/* top_rightcol */
	.top_rightcol {width:100%;padding-top:1em;}
	.top_contact_btn1 {width:100%;margin-right:0;}
	.top_contact_btn2 {width:100%;margin-bottom:1em;}
	/* top_leftcol */
	.top_leftcol {width:100%;padding-top:1em;}
	
	/* sub_page_header */
	.sub_page_header {height:auto;border-bottom:none;}
	.sub_page_header h2 {background-image:none;font-size:1.3em;height:auto;padding-top:1em;padding-bottom:0; letter-spacing:inherit;}
    .subpage_h3 {padding-top:0.7em;font-size:0.9em;background:url(../img/m_bg_subpage_h3.png) no-repeat top left; background-size:100%;height:53px;}
	
	.sub_page_content {width:100%;}
	
	/* m_side */
	.m_side {text-align:center;border-top:solid 1px #644d9d;border-left:solid 1px #644d9d;border-right:solid 1px #644d9d;margin-bottom:1em;}
	.m_side ul {}
	.m_side li {border-bottom:solid 1px #644d9d;}
	.m_side li a {display:block;color:#644d9d;padding:0.5em;font-weight:bold;}

    /* box */
	.about_us .box1 {width:100%;margin-bottom:1.5em;}
	.about_us .box2 {width:100%;float:none;text-align:center;}
	
	/* content_box_inner */
	
	.content_box_inner {margin-bottom:1em;}
	
	/* .content_box_inner2 */
    .content_box_inner2 {background-size: 100% auto, 100% auto;}
	.content_box_inner2_header_h4 {font-size:0.8em;}
	
	/* img */
	.m_subpage_about_aroma_t1 {margin-bottom:1em;}
	
	.img_right {width:100%;text-align:center;float:none;margin:1em auto;}
	
	/* tips */
	.tips h6 {text-align:center;}
	
	/* aroma_treatment_flow */
	.content_cource {padding:2em 1em;}
	.content_cource h4 {font-size:1.47em;}
	.content_cource h5 {font-size:1.47em;}
	.content_cource_desc {padding:1em 1em 1.5em;}
	
	.m_aroma_treatment_menu img {display:block;}
	
	.aroma_treatment_flow_h4 {text-align:center;}
	.aroma_treatment_flow .box1 {position:absolute;width:4em;}
	.aroma_treatment_flow .box2 {width:100%;}
	.aroma_treatment_flow .box2 h5 {margin-left:4.5em;}
	.aroma_treatment_flow .box2_1 {float:none;width:100%;}
	.aroma_treatment_flow .box2_2 {float:none;width:100%;margin-left:0;}
	.aroma_treatment_flow .box2_3 {width:48%;margin-right:2%;}
	.aroma_treatment_flow .box2_4 {width:48%;margin-left:2%;}
	.aroma_treatment_flow .box3 {float:none;width:100%;margin-left:0;}
	.aroma_treatment_flow .box3 .box3_img_left {float:left;margin-right:0.5em;}
	.aroma_treatment_flow .box3 .box3_img_right {float:left;}
	
	.aroma_treatment_flow .box3 img.img_left {margin-bottom: 5px;width: 30%; float: left; margin-right: 2%;}
	.aroma_treatment_flow .box4 {display:none;}
	.aroma_treatment_flow_footer {width:100%;}
	.aroma_treatment_flow_footer .box1 {width:100%;}
	.aroma_treatment_flow_footer .box2 {width:100%;}
	.aroma_treatment_flow_footer .box3 {width:100%;}
	
	ul.aroma_treatment_infolist {width:90%;}
	
	/* aroma_lesson */
	.content_box_inner3 .hgroup {background-image: url("../img/m_bg_content_box_inner3_1.png");background-size: 100% auto;}
	.content_box_inner3_box {background-size: 100% auto, 100% auto;}
	
	.content_box_inner3_box .box1,
	.content_box_inner3_box .events_box1 {width:100%;float:none;}
	.content_box_inner3_box .box2 {width:100%;float:none;}
	.content_box_inner3_box ul {width:90%;}
	.content_box_inner3_box .box4 {text-align:center;}
	
	/* voice */
	.voice_header img {float:none;}
	
	/* access */
	.access .box2_2 {float:none;width: 100%;text-align: center;margin-bottom:1em;}
	.access .box3 p {width:90%;padding-top:0;}
	
	.access .box4_1 {float:none;width:100%;}
	.access .box4_1 h4 {text-align:center;}
	.access .box4_1 p {text-align:center;}
	
	.access_contact_box2 {width: 100%;float: left;font-size: 0.9em;}
	
	/* news_detail */
	.news_detail {width:100%; text-align:left;}


	/* main nav */
	#menu a {
		font-size: 90%;
		padding: 10px 8px;
	}
	
	.navigation { display:none;}
    .navigation_m{display:block;}
	.navigation_m ul { text-align:center; margin-top:10px; }
	.navigation_m ul li { display:block; width:50%; margin-right:0; margin-left:0; float:left; }
	.navigation_m li:nth-child(even) { margin-right:0; float:right; }
	.navigation_m li a { color:#fff;padding:10px 0;display: block; border:solid 1px #eee;}
	
	.navigation_m li.top_btn_m {background:#DE807D;}
	.navigation_m li.plan_btn_m {background:#F29600;}
	.navigation_m li.room_btn_m {background:#70AF57;}
	.navigation_m li.concept_btn_m {background:#35ABB5;}
	.navigation_m li.access_btn_m {width:100%;background:#8E78B5;}

	.navigation_m li a:hover {background: rgba(255, 255, 255, 0.51);color:#221815;}
	
	#top_content1 {max-width:100%;}
	
	.top_slide_comment {display:none;}
	.top_catch img {width:90%;padding:0 5% 1em;}
	
	.top_content3_left,.top_content3_right {text-align:center;min-width:100%;margin:0;background-image:none;padding:0;}
    .top_content3_left h3,.top_content3_left p {font-size:12px;padding:0;float:none;}
	.top_content3_right .pl20 {padding:0.5em 0;}
	.top_content3_right_textbox {width:90%;padding:0 5% 1em;}
	
	#top_content4 ul {width:auto;}
	#top_content4 ul li {margin:4px;}
	
	#content_plan {width:90%; margin:0 auto;}
	.content_plan_main {width:90%; margin:5%;}
	.content_plan_main_box_text,.content_plan_main_box_text2,.content_plan_main_box_text3
	,.content_plan_main_box_text4,.content_plan_main_box_text5,.content_plan_main_box_text6 {width:100%; text-align:left;}

	#content_room {width:90%;padding:0 5%; font-size:87%;}
	.content_room_main {width:100%;}
	.content_room_main_box {background:none;}
	.content_room_main_box2 {background:none;}

    .content_room_child_main ul.room_nav li.pre { font-size:23px; font-weight:bold; line-height:20px; padding-left:20px;position:absolute; top:110px; left:0; display:block; background:url(../img/room_nav_btn_pre.png) no-repeat top left;}
    .content_room_child_main ul.room_nav li.next { font-size:23px; font-weight:bold; line-height:20px; padding-right:20px; position:absolute; top:110px; right:0; display:block; background:url(../img/room_nav_btn_next.png) no-repeat top right;}

	
	#content_concept p {width:90%;padding:0 5%;text-align:left; font-size:90%;}
	#content_concept {width:90%; margin:0 auto;}

	#content_page404 p {width:90%;padding:0 5%;text-align:left; font-size:90%;}
	#content_page404 {width:90%; margin:0 auto;}
	
	.content_access_left {width:100%; background:none;}
	.content_access_right {width:100%; background:none;}
	.content_access_left h2,.content_access_right h2  { position: static;text-align:center;}
	.content_access_right h2 {border-top:solid 1px #ccc;padding-top:3em;}
	.content_access_box {padding-top:5em;}
	
	a.btn_more {margin:1em auto;}
	
	.br_m { display:none; }
	br.mbr {display: inherit;}

	
	.fl {float:none;}
    .fr {float:none;}

    .pl50 { padding:0;margin:1em 0 0;}
    .pl28 { padding:2px;}
    .pl12 { padding:2px;}
    .pl19 { padding:2px;}


}