.visible-sm {
  display: none;
}

@media screen and (max-width: 1079px) {

body, #wrapper{

	width: 1080px;

	min-width: 1080px;	

}

}

@media screen and (max-width:768px) {

	

.sp{ display: block; }

.pc{ display:none; }



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

---- media screen for base

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

body, #wrapper, #footer_box, #copy_right p, #main_img{

	width: 100%;

	min-width: 100%;

}

#h_box, #main, .box, #topicPath{

	width: 96%;

	min-width: 96%;

}



#content{

	width: 100%;

	float: none;

}

#snav{

	width: 100%;

	float: none;

}



#header #h_box{

	padding: 4% 0;

}

#header h1 {

	display: none;

}

#h_left {

	width: 78%;

}

#h_right {

	width: 14%;

	padding-top: 0%;

}





.btn_fixed{

	width: 100%;

	padding: 2%;

	box-sizing: border-box;

	background: rgba(255,255,255,0.7);

	position: fixed;

	right:0;

	top:auto;

	bottom: 0;

	z-index: 10;

}





/*-------menu------- */

#header .menu_sp.active{

	background: url(../common_img/btn_menu_on.png) no-repeat bottom;

	background-size: contain;

}

#header .menu_sp.active img{ opacity: 0;}



.menu_list .acordion_tree{

	display: none;

}

.menu_list li{

	position: relative;

	overflow: hidden;

	background: #f15e7b;

	border-bottom: 1px solid #ff869e;

}

.menu_list a{

	display: block;

	padding: 13px 0 13px 10px;

	box-sizing: border-box;

	width: 87%;

	color: #FFF;

	text-decoration: none;

	font-weight: normal;

}



.menu_list .non_sub,

.menu_list li li a{

	background:url(../common_img/arrow01.png) no-repeat right center;

	background-size: auto 20px;

	width: 100%;

	padding-right: 30px;

}

.menu_list ul a{ 

	font-size: 100%; 

}

.menu_list .trigger{

	display: block;

	color: #FFF;

	text-decoration: none;

	padding: 13px 30px 13px 10px;

	background: url(../common_img/bg_plus.png) no-repeat right center;

	background-size: auto 20px;

}

.menu_list .trigger.active{

	background-image: url(../common_img/bg_min.png);

}

.menu_list li ul{ border-top: 1px solid #ff869e; }

.menu_list li li{ background: #ff869e; border-color: #ffc0cd; }

.menu_list li li:last-child{	border: none; }



.acordion_tree_top { display: none;}



/*------ tab_con ------*/

.tab_con .msg {

	width: 100% !important;

}

.tab_con .img {

	width: 100% !important;

	text-align: center;

	margin-bottom: 15px;

}

.tab_con.pic_l .img, .tab_con.pic_r .msg,

.tab_con.pic_l .msg, .tab_con.pic_r .img,

.tab_con.flow_picl .img,

.tab_con.flow_picr .img {

	float: none;

	margin-left: 0;

	margin-right: 0;

}







/*------ tb_cell ------*/

.tb_cell th,

.tb_cell td{

	width: 100% !important;

	display:block;

}



#scrollUp {

	width: 30px;

	height: 30px;

  bottom: 10%;

}

.facebook_box{

	clear: both;

}



/*------ footer ------*/

#footer{ margin-top: -5%; padding-top: 10%;}

#footer .logo_f{

	width: auto;

	padding: 0 30%;

	box-sizing: border-box;

}

/* ------copy_right------- */

#copy_right p{

	padding: 3% 0 15% 0;

}





/* ------ title stlye------- */

.title_main {

	font-size: 180%;

}

.title_sub{

	font-size: 120%;

}

.title_flower{

	background-size: 50px auto;

	padding: 10px 0 10px 30px;

	margin-bottom: 4%;

}

.title_flower span{

	font-size: 130%;

}

.title_ico{

	font-size: 140%;

}

.ico01{

	background-size: 25px auto;

	padding-left:35px;

}



.title_pink{ font-size: 140%; margin-bottom: 10px;}

.pink_big{

	font-size: 180%;

}



/* contact_c */

#contact_c{

	background: url(../common_img/bg_contact_c.jpg) no-repeat center top;

	background-size: cover;

	padding: 3% 0 12% 0;

}

#contact_c .container{ margin-bottom: 0; }

#contact_c .msg{

	width: 100%;

	padding-top: 0;

	float:none;

}

#contact_c .msg img{

	padding: 0 6%;

	margin-bottom: 4%;

	box-sizing: border-box;

}

#contact_c .msg .time{ font-size: 80%; }



#contact_c .title_pink{

	font-size: 140%;

	margin-bottom: 10px;

}



.pd_box{ padding: 10% 0;}





/* about_box */

#about_box {

	padding-bottom: 5%;

}

#about_box .title_img img{

	width: auto;

	padding: 0 25%;

	box-sizing: border-box;

	margin-top: -45px;

}

#about_box .title_img span{

	font-size: 120%;

}

#about_box p{

	font-size: 90%;

	line-height: 25px;

}









/* effect_box */

#effect_box{

	background-size: 30%;

}

#effect_box .msg{ width: 100%; }

#effect_box .btn_sty span{

	margin: 0 40px 0 20px;

}





.sp_sty{

	text-align:center !important;

}



/* ------ magin box ------- */

.section {

	margin-bottom:12%;

}

.container {

	margin-bottom:8%;

}

.case {

	margin-bottom:6%;

}

.pack {

	margin-bottom:4%;

}

.item {

	margin-bottom:2%;

}



/* ------ quality ------- */

.quality .frame{

	background:url(../ranking/images/bg_ranking02.png) no-repeat center bottom;

	min-height:inherit;

	padding:4% 4% 190px;

	border: 2px solid #F26681;

}

.quality .title{

	margin:0 0 20px 0;

}

.quality .info{

	width:100%;

	float:none;

}



/*------ reason ------*/

.reason td:nth-child(2) span:nth-child(2){

	border-bottom:dotted 2px #f15e7b;

	display: inline;

	padding:0 0 1% 0;

}

.reason td:nth-child(2) span:nth-child(2)::before{

	white-space: pre;

	content:"\A";

}

	

/* ------ effect ------- */

.effect .img{

	text-align:center;

	float:none;

	width:100%;

	padding: 0 15%;

	box-sizing: border-box;

	padding-top:0;

	margin-bottom:3%;

}

.effect .msg{

	float:none;

	width:100%;

}

.effect .list_number li{

	font-size:100%;

}



/* ------ hawai ------- */

.hawai .balloon{

	margin-bottom:-22%;

}

	

/* ------ sty_message ------- */

.sty_message .img{

	background:none !important;

	border:solid 1px #f3c9d1;

	padding:5% 0;

}

.sty_message .info{

	margin:0 5%;

}



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

---- media screen for content

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





/* ------ page_guide------- */

.page_guide .title_guide{

	margin-bottom: 5%;

	text-align:center;

}

.page_guide .title_guide img{

	float:none;

	width: 20%;

	display: block;

	margin: 0 auto;

}

.page_guide .title_guide span{

	float:none;

	width: auto;

	font-size: 120%;

	border-bottom: 2px dotted #f15e7b;

	padding: 5px 0;

	display: inline-block;

}

.page_guide .img{

	padding: 0 20%;

	box-sizing: border-box;

}

.page_guide .sty{

	text-align:center;

}



/*---------- page_massage -------------*/

/*------ massage02 ------*/

.page_massage #massage02 .img{

	width:100%;

	text-align: center;

}

.page_massage #massage02 .msg{

	width:100%;

}

/*------ massage_note ------*/

.page_massage #massage_note .btn_sty{

	width:auto;

}

.page_massage #massage_note img{

	width:70%;

}

/*---------- End page_massage -------------*/



/*---------- page_letter -------------*/

.page_letter .title_images{

	margin-bottom:4%;

}



.page_letter .line_pink{

	margin:0;

}





.page_letter .img{

	text-align:center;

	float:none;

	width:100%;

	margin-bottom:3%;

	padding: 0 20%;

	box-sizing: border-box;

}



.page_letter .msg{

	float:none;

	width:100%;

}



/*---------- End page_letter -------------*/





/* ------ page_review------- */

.page_review .img_company{ margin-top:0; }

.list_news li{ padding: 8px 0; }

.list_news li span{

	float:none;

	width: auto;

	margin-top: 0;

}

.list_news li a{

	float:none;

	display: block;

	width: 100%;

	font-size: 90%;

}

.page_review .col3 a.btn_sty {

	text-align:center;

	display: block;

}

.page_review .col3 a.btn_sty span{

	padding: 10px 0;

	margin: 0;

}



/* ------ End page_review------- */



/* ------ page_ranking------- */

.page_ranking .reason h3{

	margin:15px 0 0 0;

}

.page_ranking .reason p{

	line-height:1.6em !important;

}

/* ------ End page_ranking------- */



/* ------ page_90min------- */

.page_90min .course{

	background-size:20%;

	padding-bottom:0;

}

.page_90min .course p{

	width:100%;

}

.page_90min .course h3{ padding-right: 25%;}

.page_90min .next_step .title img{

	display:block;

	float:none;

	margin: -7% auto 0 auto;

}

.page_90min .next_step .title h3{

	display:block;

	float:none;

	padding:10px 0;

}

.page_90min .next_step{

	background:url(../90min/images/bg_90min02.jpg) center bottom repeat-y;

	background-size: auto;

	padding: 4%;

	min-height: inherit;

}

.page_90min .next_step p{

	width:auto;

	margin:0;

}

.page_90min .lomi h3{ padding-right: 20%; }

.page_90min .lomi .img{

	margin:0 0% 0 0;

}





.page_90min .happy{

	background-size: 20%;

	padding:6% 0;

}

.page_90min .happy h3{

	margin:0 0 4% 0;

	padding: 0 10%;

}

.page_90min .happy .frame{

	width:90%;

	padding:4%;

}

.page_90min .happy .main_image{

	margin:0 0 4% 0;

}

.page_90min .happy p{

	width:94%;

	margin:0 auto 4%;

}



/* ------ page_ranking------- */

.page_ranking .point h3{ font-size: 150%;}

.page_ranking .pic_r .img{

	width: 30%;

}

.page_ranking .pic_r .msg{

	width: 68%;

}

.page_ranking .point .col3{

	width:100%;

	float:none;

	margin:0 0 6% 0;

}

.page_ranking .point .col3{}

.page_ranking .point .col3 p{

	text-align:center;

	width:100%;

	margin: 4% 0;

	height: auto !important;

}

.page_ranking .reason{ padding: 0;}

.page_ranking .reason .frame{

	background:url(../ranking/images/bg_ranking04.gif) repeat-y center top;

	background-size: cover;

	padding:4%;

}

/* ------ End page_ranking------- */





.title_leaves span{

	font-size:140%;

	padding:2px 28px 5px;	

	background-size: auto 85%;

}



.page_movie .title_movie{ font-size: 120%;}



.title_line{font-size: 140%; padding-bottom: 5px;}







/* ------ page_halekurani------- */

.page_halekurani .col2{

	float: none;

	width: 100%;

	margin:0 0 4% 0;

}

.page_halekurani #halekurani .col2{

	margin:0;

}

.page_halekurani #halekurani .col2:first-child{

	margin-bottom: 4%;

}



.page_halekurani .col2 a{

	display: inline-block;

}

.page_halekurani .video{ 

	margin-bottom: 20px;

}

.page_halekurani #anniversary .col{

	float:none;

	width: 100%;

	margin: 0 0 3% 0;

}

.page_halekurani #anniversary .col .pic_any{

	text-align:center;

}

.page_halekurani #anniversary .col h3{

	font-size: 130%;

}

#hotel .img{ width: 100%; margin-left: 0;}

#hotel .msg{ 

	width: 100%;

	padding-top:0;

}

.page_halekurani #features{

	padding: 4% 3%;

	background-size: cover;

}

.page_halekurani #features ul{

	margin: 3% 0 7% 0;

}

.page_halekurani #features .btn_sty span{

	margin: 0 60px;

}

#impressions p.txt_c{

	background-size: auto 15px;

	padding-bottom: 15px;

}

#impressions .bg_line{

	padding-bottom: 4%;

	margin-bottom: 4%;

}

#about_hotel{

	padding: 0 0 20% 0;

}

#about_hotel .title_img{ margin-bottom: 6%; }



#about_hotel .title_img img{

	padding: 0 13%;

	box-sizing: border-box;

}

#about_hotel .title_img span{

	font-size: 120%;

}



/* ------ End page_halekurani------- */



.happy_box{

	background-size: 20%;

	padding:6% 0;

}

.happy_box h3{

	margin:0 0 4% 0;

	padding: 0 10%;

}

.happy_box .frame{

	width:90%;

	padding:4%;

}

.happy_box .main_image{

	margin:0 0 4% 0;

}

.happy_box p{

	width:94%;

	margin:0 auto 4%;

}



/*---------- page_when -------------*/

.page_when .course h3 img{

	width:80%;

}

.page_when .course {	

	background-size:20%;

	padding-bottom:0;

}

.page_when .course p{

	width:100%;

}



/*------ next_step ------*/

.page_when .next_step .title img{

	display:block;

	float:none;

	margin: -7% auto 0 auto;

}

.page_when .next_step .title h3{

	display:block;

	float:none;

	padding:10px 0;

}

.page_when .next_step{

	background:url(../90min/images/bg_90min02.jpg) center bottom repeat-y;

	background-size: auto;

	padding: 4%;

	min-height: inherit;

}

.page_when .next_step p{

	width:auto;

	margin:0;

}

.page_when .next_step .title h3{ margin-top: 4%; font-size: 140%;}

.page_when .happy_box h3{

	margin:4% 0;

}

/*---------- End page_when -------------*/





/*---------- page_when_detail -------------*/

.page_when_detail #whendetail01 .title_flower span{

	width:100%;

}

.page_when_detail #whendetail01{

	padding-bottom:0;

	background:none;

}

.page_when_detail #whendetail01 p{

	width:100%;

}

.page_when_detail #whendetail03 .img{

	float:none;

	width:100%;

}

.page_when_detail #whendetail03 .msg{

	float:none;

	width:100%;

	margin-bottom:3%;

}

.video_box iframe{

	width: 100%;

	box-sizing: border-box;

	height: 250px;

}

/*---------- End page_when_detail -------------*/





/*---------- page_group -------------*/

.page_group #group01{

	width:100%;

	margin:0 auto 8%;

}

.page_group #group01 .msg{

	width:68%;

}

/*------ faq_warp ------*/

.faq_warp .title{

	font-size:120%;

	background-size:11% auto;

}



.page_group #group03 .title_images{ padding: 0 5%;}

/*---------- End page_group -------------*/





/*---------- page_sleep -------------*/

.page_sleep #sleep01{

	padding-bottom:0;

	background:none;

}

.page_sleep #sleep01 .title_flower span{

	width:100%;

}

.page_sleep #sleep01 p{

	width:100%;

}

.page_sleep #sleep02 p{

	padding:0 4%;

}



/*---------- End page_sleep -------------*/



/*---------- page_reserve -------------*/

/* ------ page_reserve------- */

.page_reserve #reserve01{

	width:100%;

}

.page_reserve #reserve02{

	width:50%;

}

.page_reserve #reserve03 .btn_sty span{

	margin: 0 10px;

	text-align: center;

	display: block;

}

/*---------- End page_reserve -------------*/



/*---------- page_honolulu -------------*/

.page_honolulu .btn_sty{

	width:60%;

}

/*---------- End page_honolulu -------------*/



/*------ tb_color ------*/

.tb_color th,

.tb_color td {

	font-size:120%;

}

.tb_color .icon{

	background-size:auto 35%;

}



/*---------- page_effect -------------*/

.page_effect #effect01 .img{

	text-align:center;

	float:none;

	width:100%;

	padding-top:0;

	margin-bottom:3%;

}

.page_effect #effect01 .msg{

	float:none;

	width:100%;

}

.page_effect .list_number li{

	font-size:100%;

}

.page_effect .bg_pink_flowers{ padding: 4%;}

.page_effect #effect03 h3{ font-size: 150%; }

/*---------- End page_effect -------------*/



/*---------- page_course -------------*/

.page_course .title_box{

	padding-bottom:5px;

	border-bottom:#f59231 dotted 2px;

	margin-bottom:15px;

}

.page_course .title_box .icon{

	float:none;

	display:inline-block;

	margin-bottom:8px;

}

.page_course .title_box h3{

	float:none;

	font-size:120%;

}

.page_course .title_box ul{

	text-align:left;

}







/*------ course01 ------*/

.page_course #course01 {

	background:none;

}

.page_course #course01 .msg{

	width:100%;

}



/*------ course02 ------*/

.page_course #course02 {

	background:none;

}

.page_course #course02 .msg{

	width:100%;

}



/*------ course03 ------*/

.page_course #course03 {

	background:none;

}

.page_course #course03 .msg{

	width:100%;

}



/*------ course04 ------*/

.page_course #course04 {

	background:none;

}

.page_course #course04 .msg{

	width:100%;

}

/*---------- End page_course -------------*/



/* ------ page_coupon ------- */

.page_coupon .discount{

	background: #fde6eb;

	background-size: contain;

	text-align:center;

	padding:6%;

}

.page_coupon .discount h3{

	padding: 0 10%;

}

.page_coupon .btn_sty{ width: 60%;}

/* ------ End page_coupon ------- */



/*---------- page_experiences -------------*/

.page_experiences .detail{

	padding-bottom: 0;

}

.page_experiences .detail .bg_pink{

	width: 100%;

	position:inherit;

	top: 0;

	right: 0;

	box-sizing: border-box;

	background-image: none;

	border: 2px solid #F69;

	padding: 5%;

	background-color: #fff9f7;

	border-radius: 10px;

}

.page_experiences .detail .bg_pink.bg02{

	padding: 5%;

	background-image:none;

}

.page_experiences .detail .bg_pink h4{

	float:left;

	width: 35%;

	margin: 20px 0 30px 0;

}

.page_experiences .detail .bg_pink.bg02 h4{

	width: 55%;

}

.page_experiences .detail .bg_pink .imgr{

	width: 40%;

	text-align:right;

}

.page_experiences .blog .img{

	width: 100%;

	float:none;

	text-align:center;

	margin-bottom: 3%;

}

.page_experiences .blog .msg{

	width: 100%;

	float:none;

}



.page_experiences .blog .btn_r{

	position:inherit;

	bottom: 0;

	right: 0;

	text-align:center;

}

.page_experiences .txt_r{

	text-align:center !important;

}

/*---------- End page_experiences -------------*/





/* ------ page_staff------- */

.page_staff .staff_box.pic_l .img,

.page_staff .staff_box.pic_r .img{

	width:auto;

	margin:0;

	padding: 0 20%;

	float: none;

	box-sizing: border-box;

}

.page_staff .staff_box.pic_l .msg,

.page_staff .staff_box.pic_r .msg{

	width:25rem;

	float: none;

	box-sizing: border-box;

	margin: -5rem auto 10% auto;

	background: none;

	background-size: cover;

	border: 2px dotted #F15E7B;

	-webkit-border-radius: 1000px;

	-moz-border-radius: 1000px;

	border-radius: 1000px;

	padding:6rem 2%;

}

.page_staff .staff_box .msg p{

	width:70%;

}

/* ------ End page_staff------- */



/*---------- page_entertainer -------------*/

.page_entertainer .title_images{

	padding: 0 18%;

	box-sizing: border-box;

}

.page_entertainer .bg_pink{

	width:100%;

	border-radius: 5px;

}

.page_entertainer .boxr{

	float:none;

	margin: 3% 0 0 0;

}

.page_entertainer .shadow_box{

	width: 100%;

	position:relative;

	z-index:5;

}

.page_entertainer .shadow_box.box01{

	margin: 3% 0;

}

.page_entertainer .shadow_box.box02{

	margin-top: 0;

}

.page_entertainer .box03 .bg_pink{ width:100%;}

.page_entertainer .box04 .bg_pink,

.page_entertainer .box06 .bg_pink{

	width:100%;

	margin-top: 3%;

}

.page_entertainer .box05 .bg_pink{ width:100%; }

.page_entertainer .recommended{

	width: 100%;

	margin: 50px auto 0 auto;

	background-repeat: repeat;

	padding: 6%;

}

.page_entertainer .recommended .ico_img{

	width: 100px;

	position:absolute;

	top: -25px;

	right: 0;

}

.page_entertainer .recommended .title_images{

	padding: 0;

}

/*---------- End page_entertainer -------------*/



/* ------ page_wedding ------- */

.page_wedding .hawai .balloon{

	margin-bottom:-22%;

}

/* ------ End page_wedding ------- */



/*---------- page_media -------------*/

.page_media .title_pink{

	padding-top: 40px;

}

.page_media .television .img{

	width: 100%;

}

.page_media .television .msg{

	padding-top: 0;

	width: 100%;

}

.page_media .bg_pink{

	width:100%;

	margin: 3% 0 0 0;

	position:relative;

}

.page_media .boxr{

	float:none;

}

.page_media #interview .msg{

	margin-bottom: 5%;

}

.page_media #interview .img{

	text-align:left;

	height: auto;

}

.page_media #interview .img .btn_sty{

	position:inherit;

	bottom: 0;

	right: 0;

}

/*---------- End page_media -------------*/



.page_katakori .container .msg {

	width: 100%;

}

/*---------- page_katakori -------------*/

.page_katakori .container{

	padding-bottom: 0;

}

/*---------- End page_katakori -------------*/



/* ------ page_koolina ------- */

.page_koolina .sty_area .thumnail{

	width:25%;

}

.page_koolina .sty_area .thumnail img{ width: 100%;}

.page_koolina .sty_area .info{

	width:72%;

}

/* ------ End page_koolina ------- */



/*------ movie_box ------*/

.movie_box .img,

.movie_box .msg{

	float:none;

	width:100%;

}

.movie_box .img{

	margin-bottom:3%;

}





/*------ sty_brown2 ------*/

.bg_brown.sty_brown2 .img{

	float:none;

	width:100%;

	margin:0;

	text-align:center;

}

.bg_brown.sty_brown2 .msg{

	float:none;

	width:100%;

	margin-bottom:3%;

}



/*---------- page_popular -------------*/

.page_popular #popular02 .img{

	float:none;

	width:100%;

	text-align:center;

	margin:0;

}

.page_popular #popular02 .img li{

	float:left;

	width:34%;

	margin:0 0 0 4%;

}

.page_popular #popular02 .img img{

}

.page_popular #popular02 .img li:first-child{

	width:62%;

	margin-left:0;

}

.page_popular #popular02 .msg{

	float:none;

	width:100%;

	margin-bottom:3%;

}

/*---------- End page_popular -------------*/



/*---------- page_hotstone -------------*/

/*------ hotstone01 ------*/



.page_hotstone #hotstone01{

	text-align:center;

	padding:3%;

	background-size:cover;

	background-position:left bottom;

}

.page_hotstone #hotstone01 ul{

	width:100%;

}

.page_hotstone #hotstone01 li{

	float:none;

	width:100%;

	margin:0 0 2%;

}



/*------ hotstone02 ------*/

.page_hotstone #hotstone02{

	padding:3%;	

	background-size:cover;

	background-position:left bottom;

}

/*---------- End page_hotstone -------------*/



/*---------- page_feature -------------*/

.page_feature #feature03 .title_pink{

	font-size:120%;

}

.page_feature #feature04 .img{

	float:none;

	width:100%;

}

.page_feature #feature04 .msg{

	float:none;

	width:100%;

	margin-bottom:3%;

}

/*---------- End page_feature -------------*/



/*---------- page_momikaeshi -------------*/

/*------ momikaeshi01 ------*/

.page_momikaeshi #momikaeshi01{

	padding-bottom:0;

	background-size:45% auto;

}

.page_momikaeshi #momikaeshi01 .msg{

	width:70%;

}



/*------ momikaeshi02 ------*/

.page_momikaeshi #momikaeshi02{

	padding-bottom:0%;

	background-size:30% auto;

	background-position: left bottom;

}

.page_momikaeshi #momikaeshi02 .msg{

	width:70%;

}

.page_momikaeshi #momikaeshi02 .title_page,

.page_momikaeshi #momikaeshi02 p{

	padding-left:0;

}

/*------ momikaeshi03 ------*/

.page_momikaeshi #momikaeshi03 p{

	width:80%;

}

/*---------- End page_momikaeshi -------------*/





/*---------- page_about -------------*/

/*------ about02 ------*/

.page_about #about02{

	padding:3%;

	border-radius: 5px;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border:#cfa972 solid 1px;

	background:#fbf8f4;

}

.page_about #about02 p{

	width:100%;

}

.page_about #about02 .msg{

	width:100%;

	padding-top:0;

}

.page_about #about02 li{

	text-align:center;

}



/*------ massage_note ------*/

.page_about #massage_note{

	padding:5%;

}

/*---------- End page_about -------------*/



/*---------- page_hotel -------------*/

.page_hotel #business_trip .img,

.page_hotel #business_trip .msg{ 

	float:none;

	width: 100%;

}

.page_hotel #business_trip .img{

	text-align:center;

	margin-bottom: 3%;

}

.page_hotel #business_trip .btn_sty span{

	font-size: 120%;

}

.page_hotel .title_txt{

	font-size: 150%;

	display: block;

}

.page_hotel .title_txt span{

	font-size: 110%;

}

.page_hotel .col2 {

	float:none;

	width:100%;

	margin: 4% 0;

	text-align:center;

}

.page_hotel .hotel_at{ height: auto !important;}

.page_hotel .col2 .pd_box{

	padding: 0;

}

.page_hotel .col2 .btn_sty{ text-align: center;}

/*---------- End page_hotel -------------*/



.msg_top .msg{

	margin-bottom:4%;

}

.img_pad{

	padding: 0 10%;

	box-sizing: border-box;

}



/*---------- page_fit -------------*/

/*------ fit02 ------*/

.page_fit #fit02 .img{

	text-align:center;

	float:none;

	width:100%;

}

.page_fit #fit02 .msg{

	float:none;

	width:100%;

	margin-bottom:3%;

}



/*------ fit03 ------*/

.page_fit #fit03 .cen_box{

	width:65%;

}



/*---------- End page_fit -------------*/



/*---------- page_licence -------------*/

/*------ licence02 ------*/

.page_licence #licence02{

	padding:3%;

	background-size:cover;

}





/*------ licence03 ------*/

.page_licence #licence03{

	padding:3%;

	background-size:cover;

}

.page_licence #licence03 .title_images{

	margin-bottom:3%;

}

.page_licence #licence03 .img{

	float:none;

	text-align:center;

	width:100%;

	margin-bottom:3%;

}

.page_licence #licence03 .msg{

	float:none;

	text-align:center;

	width:100%;

	padding-top:0;

}







/*------ licence04 ------*/

.page_licence #licence04 .title_brown{

	margin-bottom:0;

}

.page_licence #licence04 .title{

	display:block;

	margin-bottom:3%;

}

.page_licence #licence04 .img{

	text-align:center;

	float:none;

	width:100%;

}

.page_licence #licence04 .msg{

	float:none;

	width:100%;

	margin-bottom:3%;

}

/*---------- End page_licence -------------*/



/*---------- page_flow -------------*/

.page_flow .title_icon{

	margin-bottom:4%;

}

.page_flow .lomilomi_flow .title_icon span,

.page_flow .title_icon span{

	font-size:120%;

}

#about_box .about_btn li{

	width: 45%;

}

#about_box .about_btn .btn_sty span{

	margin: 0 25px;

}

/*---------- End page_flow -------------*/



/* ------ page_child------- */

.page_child .hawai .balloon{

	margin-bottom: -13% ;

}

.page_child .video_box iframe{

	width: 80%;

	height: 250px;

}

.page_child .magazine .case{

	padding: 8% 4%;

}

.page_child .message_paper h4{ font-size: 150%; }

/* ------ End page_child------- */



/* ------ page_gift------- */

.page_gift .free_course.second,

.page_gift .free_course.third{

	background-size:25%;

	}

.page_gift .free_course.second p,

.page_gift .free_course.third p{

	width:70%;

	}

/* ------ End page_gift------- */

/* ------ page_couple------- */
.page_couple .video_box iframe{

	width: 80%;

	height: 250px;

}


  .visible-sm {
    display: block;
  }
} /* End Media 768px */





@media screen and (max-width:420px) {



.menu_list ul a{

	width: 82%;	

}

/*.menu_list .trigger{

	width: 15%;	

}*/



/*-------container------- */

.container .msg {

	width: 100%;

}

.container .img {

	width: 100%;

	text-align: center;

	margin-bottom: 3%;

}

.pic_l .img, .pic_r .msg,

.pic_l .msg, .pic_r .img,

.flow_picl .img,

.flow_picr .img {

	float: none;

}





/*-------contact_c------- */

#contact_c .msg img{

	padding: 0 8%;

}



#contact_c .btn_sty span{

	margin: 0 30px 0 10px;

}





/* effect_box */

#effect_box li{

	float:none;

	width: 100%;

	margin-right: 0;

}

#effect_box .btn_sty span{

	margin: 0 30px 0 10px;

	font-size: 90%;

}



/* ------list_massage----- */

.list_massage li{

	padding:0 0 0 90px;

	text-indent: -90px;

}

.list_massage li span{

	width: 90px;

}

.list_massage li a{

	font-size: 100%;

}



/*------ reason ------*/

.reason{

	padding:6%;

}

.reason td:first-child{

	width:30px;

}



/*------- effect ------- */

.effect .list_number{

	float:none;

	width:100%;

	margin:0 0 15px;

}



/* ------ hawai ------- */

.hawai .balloon{

	position:relative;

	margin:0;

	width:50%;

	margin:-10% 0 0 5%;

}

/* ------ sty_message ------- */

.sty_message .img{

	width:auto !important;

}





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

---- media screen for content

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

/* ------ page_guide------- */

.page_guide .title_guide img{

	width: 30%;

}

.page_guide .title_guide span{

	font-size: 110%;

}

.page_guide .img{

	padding: 0 10%;

}







.menu_col2 li{

	float:none;

	width:100%;

	margin-left:0;

}

.menu_col2 li:first-child{

	margin-bottom:3%;

}





/*---------- page_massage -------------*/



/* ------list_massage----- */

.page_massage .list_massage li{

	padding:0 0 0 90px;

	text-indent: -90px;

}

.page_massage .list_massage li span{

	width: 90px;

}

.page_massage .list_massage li a{

	font-size: 100%;

}

/*---------- End page_massage -------------*/



/* ------ page_90min------- */

.page_90min .course{

	background-size:30%;

}



.page_90min .lomi .img{

	float:none;

	padding: 0 25%;

	box-sizing: border-box;

	margin:4% 0;

	text-align:center;

}

.page_90min .lomi p{

	margin:0 4%;

}

/* ------ End page_90min------- */



/* ------ page_review------- */

.page_review .col3{

	width: 100%;

	margin: 0 0 8% 0;

}

.page_review .col3 .sty_img{

	margin: 0 10%;

	display: block;

}

.page_review .col3 .sty_img img{

	width: 100%;

}

.page_review a.btn_sty{

	margin: 0 15%;

	box-sizing: border-box;

	display: block;

}

.page_review .txt_r{

	text-align:center !important;

}



/* ------ End page_review------- */









/* ------ page_customer------- */

.page_customer .col2_box{

	margin-bottom: 0;

}

.page_customer .col2{

	float:none;

	width: 100%;

	margin: 0 0 4% 0;

}

.page_customer .col2 a{

	padding: 0 10%;

	box-sizing: border-box;

	display: block;

}

.page_customer .col2 span.txt{

	width: 80%;

}

.page_customer .col2 span.ico{

	width: 20%;

}



/* ------ End page_customer------- */







/* ------ page_ranking------- */

.page_ranking .pic_r .img{

	width: 100%;

}

.page_ranking .pic_r .msg{

	width: 100%;

}





/* ------ page_halekurani------- */

.page_halekurani #features h3{

	padding: 0 20%;

}

.page_halekurani #features li{

	width: 25%;

}

#impressions .bg_line{

	padding-bottom: 8%;

}

#impressions span{

	font-size: 130%;

	padding: 5px 20px;

}



.page_halekurani .txt_could{

	font-size: 80%;

	top: 10%;

}





/*---------- page_when_detail -------------*/

.page_when_detail #whendetail02 .title_pink img{

	width:90%;

}



/*---------- End page_when_detail -------------*/



/*---------- page_group -------------*/

.page_group #group01{

	width:100%;

	margin:0 auto 8%;

}

.page_group #group01 .msg{

	width:100%;

	position:relative;

}

.page_group #group01 .img{

	width:100%;

}

.page_group #group02 .img{

	padding: 0 15%;

	box-sizing: border-box;

}

.page_group #group02 .msg{

	padding-top:0;

}

/*------ faq_warp ------*/

.faq_warp .title{

	font-size:140%;

	padding-left:22%;

	background-size:18% auto;

	min-height: 50px;

}

/*---------- End page_group -------------*/



/*---------- page_sleep -------------*/

.page_sleep #sleep02{

	padding-bottom:0;

	background:none;

}

.page_sleep #sleep02 p{

	padding:0;

}

.page_sleep #sleep02 .imgs{

	text-align:center;

	padding-left:0;

}

.page_sleep #sleep03 .title_pink img{

	width:90%;

}

/*---------- End page_sleep -------------*/



/* ------ page_reserve------- */

.page_reserve #reserve03 .col{

	display:block;

	margin:0 0 10px 0;

}

/* ------ End page_reserve------- */



/* ------ page_honolulu------- */

.page_honolulu .pic_l .img{

	width:100% !important;

	margin:0 0 20px;

}

.page_honolulu .pic_l .msg{

	width:100% !important;

	margin:0;

}

.page_honolulu .pic_r .img{

	width:100%;

	margin:0 0 20px;

}

.page_honolulu .pic_r .msg{

	width:100%;

	margin:0;

}

.page_honolulu .btn_sty{

	width:100%;

}

.page_honolulu .rate .msg{

	text-align:center;

}

.page_honolulu .before_after{

	background:none;

}

.page_honolulu .before_after h4{

	background:url(../reserve/honolulu/images/bg_honolulu_flower.png) no-repeat left top;

}

.page_honolulu .before_after .img{ padding: 0 10%; box-sizing: border-box; }

.page_honolulu .recommended .intro .photo{

	position: relative;

	text-align:center;

	margin-top:20px;

}

.page_honolulu .recommended .intro p{

	width:93%;

	padding:0;

}

/* ------ page_honolulu------- */



/*------ tb_color ------*/

.tb_color th,

.tb_color td {

	font-size:90%;

}

.tb_color .icon{

	background-size:auto 27% ;

}



.btn_color span{

	font-size:100%;

}



/*---------- page_effect -------------*/

.page_effect .list_number{

	float:none;

	width:100%;

	margin:0 0 15px;

}



/*.page_effect #effect03 .title_flower.sty_flower3{

	margin-left:-15px;

}*/

.page_effect #effect03 .title_flower.sty_flower3 span{

	width:80%;

}

.page_effect #effect03 .img{

	width:100%;

	padding: 0 20%;

	box-sizing: border-box;

}

.page_effect #effect03 .msg{

	width:100%;

}

.page_effect #effect03 .msg p{

	margin-left:0;

}

.page_effect #effect02 .imgs{ 

	padding: 0 20%;

	box-sizing: border-box;

}



/*---------- End page_effect -------------*/





/*---------- page_flow -------------*/

.page_flow .title_icon img{

	width:31%;

}

.page_flow .lomilomi_flow .title_icon span,

.page_flow .title_icon span{

	width:69%;

	padding-top:9%;

}

.page_flow .lomilomi_flow .title_icon img{

	width:25%;

}

.page_flow .img{

	padding: 0 10%;

	box-sizing: border-box;

}

#about_box .about_btn li{

	width: 100%;

	margin:0 0 4% 0;

	display: block;

}

/*---------- End page_flow -------------*/







/* ------ page_coupon ------- */

.page_coupon .btn_sty{

	width:100%;

	box-sizing:border-box;

}

/* ------ End page_coupon ------- */



/*---------- page_experiences -------------*/

.page_experiences .title_sub{

	font-size: 115%;

}

.page_experiences .title_sub.ico01{

	padding: 15px 0 0px 45px;

	background-size: 40px auto;

}

.page_experiences .blog .msg .tit_ico{

	font-size: 110%;

	padding-left: 20px;

	background-size: 20px auto;

	background-position: left 5px;

}

.page_experiences .blog .msg p{

	margin-bottom: 3%;

}

/*---------- End page_experiences -------------*/



/*---------- page_staff -------------*/

.page_staff .staff_box.pic_l .msg,

.page_staff .staff_box.pic_r .msg{

	width: 20rem;

	padding-top: 3rem;

	padding-bottom: 3rem;

	margin-top: -2rem;

}

/*---------- End page_experiences -------------*/	



/*---------- page_reserve -------------*/

.page_reserve #reserve02{

	width:100%;

}

/*---------- End page_reserve -------------*/



/*---------- page_entertainer -------------*/

.page_entertainer .bg_pink{

	padding: 4%;

}

.page_entertainer .bg_pink p{

	font-size: 100%;

}

.page_entertainer .shadow_box{

	padding: 4%;

}

.page_entertainer .title_pink{

	font-size: 110%;

}

.page_entertainer .recommended .ico_img{

	width: 70px;

}

/*---------- End page_entertainer -------------*/



/* ------ page_wedding ------- */

.page_wedding .hawai .balloon{

	position:relative;

	margin:0;

	width:50%;

	margin:-10% 0 0 5%;

}

.page_wedding .impressions .case{

	padding-bottom:5%;

	margin-bottom:25px;

}

/* ------ End page_wedding ------- */



/*---------- page_media -------------*/

.page_media .bg_pink{

	padding: 4%;

	border-radius: 5px;

}

.page_media .bg_pink p{ 

	font-size: 100%;

}

.page_media .auto_col5 span{

	font-size: 85%;

}

.page_media .television .ico_pd img{

	padding: 0 32%;

	box-sizing:border-box;

}

.page_media #interview .img img{

	padding: 0 10%;

	box-sizing: border-box;

}

.page_media #interview .img p{

	font-size: 100%;

}

/*---------- End page_media -------------*/



/*---------- page_katakori -------------*/

.page_katakori .title_item{

	font-size: 110%;

}

/*---------- End page_katakori -------------*/



/* ------ page_koolina ------- */

.page_koolina .sty_area .thumnail{

	width:100%;

	padding: 0 20%;

	box-sizing: border-box;

	float: none;

	margin-bottom: 3%;

	text-align: center;

}

.page_koolina .sty_area .info{

	width:100%;

		float: none;

	text-align: center;

}

/* ------ End page_koolina ------- */





.list_arrpink{

	text-align:left;

}



/*---------- page_feature -------------*/

.page_feature #feature01 img{

	width:80%;

}

.page_feature .feature_menu{

	padding:0 3%;

}

.page_feature .feature_menu a{

	font-size:80%;

	padding:5% 0;

}



/*------ feature02 ------*/

.page_feature #feature02{

	padding:0;

}

.page_feature #feature02 .img{

	width:100%;

}

.page_feature #feature02 .msg{

	width:100%;

}

/*---------- End page_feature -------------*/



/*---------- page_momikaeshi -------------*/

.page_momikaeshi #momikaeshi03 p{

	width:100%;

}

/*---------- End page_momikaeshi -------------*/



/*---------- page_about -------------*/

.page_about #about01 p{

	width:100%;

}

.page_momikaeshi #momikaeshi01,

.page_momikaeshi #momikaeshi02{

	background: none;

}

.page_momikaeshi #momikaeshi01 .msg,

.page_momikaeshi #momikaeshi02 .msg{

	width:100%;

}

/*---------- End page_about -------------*/



/* ------ page_couple------- */

.page_couple .btn_sty{

	width:100%;

	float:none;

	margin:0 0 10px 0;

	box-sizing:border-box;

}

/* ------ End page_couple------- */



/* ------ page_jetlag ------- */

.page_jetlag .container .msg {

	width:100%;

}

.page_jetlag .cause.container .msg{

	width:100%;

}

.page_jetlag .eliminate .info{

	margin-left:0;

}

/* ------ End page_jetlag ------- */



/* ------ page_mukumi ------- */

.page_mukumi .container .msg {

	width:100%;

}

.page_mukumi .cause.container .msg{

	width:100%;

}

.page_mukumi .eliminate .info{

	margin-left:0;

}

/* ------ End page_mukumi ------- */



/* ------ page_yotsu ------- */

.page_yotsu .container .msg {

	width: 100%;

}

.page_yotsu .cause.container .msg{

	width:100%;

}

.page_yotsu .eliminate .info{

	margin-left:0;

}

/* ------ End page_yotsu ------- */



/*---------- page_hotel -------------*/

.page_hotel .col2 .pd_box{

	padding: 0;

}

.page_hotel .title_txt span{

	font-size: 90%;

}

/*---------- End page_hotel -------------*/



/*------ impression ------*/

.impressions h3 span{	font-size: 140%;}

.title_line_flow{	font-size: 140%;}

.reason h3{	font-size:160%; line-height: 1;}

.reason td:nth-child(2) span{ font-size: 140%;}

.reason td:first-child{ font-size: 170%;}

.reason td{ padding: 10px 0;}





/*---------- page_fit -------------*/

.page_fit #fit01{

	padding:0;

	background-size: auto 50%;

}



/*------ fit03 ------*/

.page_fit #fit03 .cen_box{

	width:100%;

}

/*---------- End page_fit -------------*/



/* ------ page_child------- */

.page_child .hawai .balloon{

	width:45%;

	margin: -7% 0 0 52%;

}

.page_child .flow_picr .img{

	float:none;

	margin:0 0 4%;

}

.page_child .magazine h4{

	margin:0;

}

.page_child .message_paper .img{

	width:auto;

	float:none;

	margin:0 0 4%;

}

.page_child .magazine h5{ font-size: 140%;}

/* ------ End page_child------- */



/* ------ page_gift------- */

.page_gift .free_course .msg{

	width:auto !important;

	}

.page_gift .free_course.second,

.page_gift .free_course.third{

	background-position: right 20%;

	}

.page_gift .impressions .case:last-child{

	padding-top:3%;

	}

/* ------ End page_gift------- */

/* ------ page_sitemap------- */

.page_sitemap{
	
	overflow:hidden;
	
	padding: 10px 0 10px 0;
	
}

.page_sitemap .map_left{

	width:70%;

	margin:0 auto;
	
	float:none;

}

.page_sitemap .map_right{

	width:70%;

	margin:0 auto;
	
	float:none;

}

.page_sitemap ul.hotel_left{
	
	float: none;
    
	margin-right: 0px;
	
}

.page_sitemap ul.hotel_left li{
	
	width:95%;

}

/* ------ End page_sitemap------- */

} /* End Media 420px */