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

#wrapper {
	min-height:100%;
	margin:0px auto;
	position:relative;
}

#mainnav .topmenu, #h_box, #footer_box, #copy_right p, #main_img, #main, .box, #topicPath{
	width: 1080px;
	min-width: 1080px;
	margin: 0 auto;
}

/* ------header------- */
#header{
	background: #FFF;
}
#header #h_box{
	position: relative;
	padding: 15px 0;
}
#header h1 {
	letter-spacing: -1px;
	color: #333;
	font-size: 13px;
	margin-bottom: 15px;
}
#h_left {
	width: 42%;
	float: left;
}
#h_left .logo{
	width: 35%;
	float: left;
}
#h_left span{
	width: 60%;
	margin-top: 6%;
	float: right;
}
#h_right {
	float: right;
	width: 56%;
	padding-top: 3%;
	text-align: right;
}

.btn_fixed{
	width: 420px;
	position: absolute;
	right:0;
	top: 15px;
}
.btn_fixed li{
	width: 48%;
	margin-left: 4%;
	float: left;
}
.btn_fixed li:first-child{ margin-left: 0;}


/* ------header------- */
#mainnav{

}
#mainnav li{
	float: left;
}
#mainnav .topmenu {
	background: #f15e7b;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#mainnav li{
	float: left;
}

/*---- main----------*/
#main{
	margin-bottom: 50px;
	background: #fff;
}
#content{
	width: 800px;
	float: left;
}

#snav{
	width: 250px;
	float: right;
}
#snav .item{ margin-bottom: 10px; }
#snav .title_snav{
	text-align:center;
	background: url(../common_img/title_snav.gif) repeat-x left bottom;
	margin-bottom: 15px;
}
#snav .title_snav2{
	text-align:center;
	background: url(../common_img/title_snav.gif) repeat-x left bottom;
	margin-bottom: 15px;
}
#snav .title_snav span{
	font-size: 16px;
	font-weight:bold;
	display: inline-block;
	background:url(../common_img/ico_tit04.png) no-repeat left 3px;
	padding: 0px 0 10px 27px;
}
#snav .title_snav2 span{
	font-size: 16px;
	font-weight:bold;
	display: inline-block;
	background:url(../common_img/ico_tit04.png) no-repeat left 3px;
	padding: 0px 0 10px 27px;
}
#snav .title_snav.ico02 span{ background-image:url(../common_img/ico_tit05.png); }
#snav .title_snav.ico03 span{ background-image:url(../common_img/ico_tit06.png); }
#snav #rate_s .title_snav span{
	background:url(../common_img/ico_tit01.png) no-repeat left top;
	padding: 10px 0 15px 60px;
	font-size: 18px;
	margin-left: -10px;
}
#snav #rate_s .title_snav2 span{
	background:url(../common_img/ico_tit01x.png) no-repeat left top;
	background-size: 52px;
	padding: 10px 0 15px 60px;
	font-size: 18px;
	margin-left: -10px;
}
#snav #rate_s .list_menu li{
	font-size: 15px;
}
#snav .list_menu li{
	padding-left: 20px;
	background: url(../common_img/arrow04.png) no-repeat left 5px;
	background-size: 13px auto;
	margin-top: 5px;
}
#snav .list_menu li:first-child{ margin-top: 0; }
#snav .list_menu li a{
	text-decoration:none;
	color: #451e03;
}
#snav .list_menu li a:hover{ color: #f15e7b; }
#snav .menu_snav li{
	margin-top:15px;
}
#snav .menu_snav li:first-child{
	margin-top:0px;
}

.bg_box01{
	background:url(../common_img/bg_wrap.gif);
	padding: 19px;
	border: 1px solid #f3e2d1;
	border-radius: 10px;
	margin-bottom: 10px;
}
.bg_box02{
	background:url(../common_img/bg_snav.gif);
	border: 1px solid #f15e7b;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	margin-bottom: 10px;
	padding: 20px;
}

#snav .title_salon_s{
	background-color: #f15e7b;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 5px;
	text-align:center;
}
#snav .title_salon_s span{
	font-size: 17px;
	color: #fff;
	display: inline-block;
	padding-left: 45px;
	font-weight:bold;
	background: url(../common_img/ico_tit02.png) no-repeat 10px center;
}
.title_salon_s01{
	font-size: 16px;
	color: #f15e7b;
	font-weight:bold;
	background:url(../common_img/ico_tit03.png) no-repeat center bottom;
}
a.btn_sty_s{
	border-radius: 15px;
	background:url(../common_img/arrow05.png) no-repeat 30px center #f26682;
	background-size: 10px auto;
	padding: 3px 30px 3px 45px;
	display: inline-block;
	color: #fff;
	font-size: 13px;
	text-decoration:none;
}
#snav #slide{
	margin: 10px 0;
}

/*----back to top----------*/
#bk_top {
	text-align:center;
}

#scrollUp {
	width: 50px;
	height: 50px;
  bottom: 5%;
  right: 5%;
	background:url(../common_img/pagetop.jpg) no-repeat right bottom;
	background-size: contain;
}
/* ------footer------- */
footer{ background: url(../common_img/bg_wrap.gif); }
#footer_box{
	border-top: 1px solid #fcdfe5;
	border-bottom: 1px solid #fcdfe5;
	padding: 40px 0;
	margin-bottom: 30px;
}
#footer_box .col4{
	margin-left: 46px;
}
#footer_box .col4:first-child{
	margin-left: 0;
}
#footer_box li a{
	text-decoration:none;
	font-weight:bold;
	margin-bottom: 5px;
	display: inline-block;
	color: #444;
	font-size: 13px;
}
#footer_box li a:hover{ color: #F15E7B; }
#footer_box li li a{
	font-weight:normal;
	margin-left: 15px;
}
#footer .logo_f{
	width: 220px;
}
/* ------copy_right------- */
#copy_right p{
	text-align: center;
	font-size: 80%;
	padding: 10px 0 40px 0;
}

#web_box{
	position:fixed;
	top: 120px;
	right: 0;
	background: url(../common_img/bg_web.png) no-repeat;
	padding: 70px 0 15px 0;
	z-index: 10;
}
#web_box a{
	float:left;
}


/* ------ magin box ------- */
.section {
	margin-bottom:70px;
}
.container {
	margin-bottom:40px;
}
.case {
	margin-bottom:30px;
}
.pack {
	margin-bottom:20px;
}
.item {
	margin-bottom:15px;
}
.mb_clear{ margin-bottom: 0 !important; }
.section:last-child,
.section .container:last-child,
.container .case:last-child,
.case .pack:last-child,
.pack .item:last-child {
	margin-bottom:0px;
}
.txt_l{
	text-align:left !important;
}
.txt_c{
	text-align:center !important;
}
.txt_r{
	text-align:right !important;
}


/* ------<p> margin------- */
main p {
	margin-bottom:20px;
}
main * p:last-child {
	margin-bottom:0px;
}


/* ------table style------- */
/* ------tb_style------- */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_style td,
.tb_style th{
	padding:5px 10px;
	border: 1px solid #ddd;
	box-sizing: border-box;
}
.tb_style th{
	background:#eee;
}

.sty_pink {
	border-top: 1px dashed #69421f;
}
.sty_pink td,
.sty_pink th{
	padding:10px;
	border: none;
	border-bottom: 1px dashed #69421f;
}
.sty_pink th{
	background:#fce2e7;
}
/*------ tb_form ------*/
.tb_form{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_form th {
	text-align:left;
	background:url(../images/recruit/hissu.jpg) no-repeat right 10px;
}
.tb_form .ninni{
	background-image:url(../images/recruit/ninni.jpg);
}
.tb_form .tb_list li{
	display:inline;
	margin-left:15px;
}
.tb_form .tb_list li:first-child{
	margin-left:0;
}
.tb_form .tb_list li .title{
	margin-right:5px;
}
.tb_form .space_b{
	display:block;
	margin-bottom:15px;
}
.tb_form .imp_txt{
	width:100%;
	padding:3px 0;
}
.tb_form .imp_s{
	width:20%;
	padding:3px 0;
}
.tb_form .imp_space{
	width:20%;
	padding:3px 0;
}
.ime_sel{
	padding: 3px 0;
	width: 100%;
}


/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
	box-sizing: border-box;
}
.col2_box .col2:first-child,
.col3_box .col3:first-child,
.col4_box .col4:first-child{
	margin-left:0;
}
/* ------2colum------- */
.col2_box {
}
.col2_box .col2 {
	width:48%;
	margin-left:4%;
}
.col2_box .col2:first-child{
	margin-left:0;
}
/* ------3colum------- */
.col3_box {
}
.col3_box .col3 {
}

/* ------4colum------- */
.col4_box {
}
.col4_box .col4 {
}



/* ------ title stlye------- */
.title_main {
	font-size: 185%;
	font-weight: bold;
	color: #f15e7b;
	margin: 15px 0;
	border-bottom: solid 2px #fcdfe5;
	text-align:center;
}
.title_main.has-mt-lg {
  margin-top: 135px;
}
.title_sub {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 5px;
	background:url(../common_img/title_sub.png) repeat-x left bottom;
}
.title_sec {
	font-size: 16px;
	font-weight: bold;
	padding-left: 8px;
	margin-bottom: 15px;
	border-left: solid 3px #CCCCCC;
}
.title_item {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}
.title_ico{
	font-weight:bold;
	font-size: 170%;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #e0e0e0;
	margin-bottom: 15px;
}
.title_ico span{
	display: inline-block;
	padding: 3px 15px;
	background-color: #f691a2;
	color: #fff;
	border-radius: 15px;
	margin-left: 15px;
}
.ico01{
	/*padding-left: 40px;*/
	background:url(../common_img/ico_sty01.png) no-repeat left 5px;
	background-size: 30px auto;
}
.ico01x{
	padding-left: 40px;
	background:url(../common_img/ico_sty01.png) no-repeat left 5px;
	background-size: 30px auto;
}


/*------topicPath------*/
#topicPath {
	clear:both;
	display: block;
	padding-bottom:15px;
}
#topicPath li {
	display:inline;
	padding-top: 3px;
	list-style-type:none;
	font-size:11px;
	color:#000;
}
#topicPath li.home {
	padding-left:20px;
	background:url(../common_img/icon_home.png) no-repeat left 4px;
	background-size: 13px auto;
}
#topicPath li a {
	padding-right:15px;
	background:url(../common_img/arrow03.png) no-repeat right center;
	text-decoration:underline;
	background-size: 4px auto;
}
ul#topicPath li a:hover {
	text-decoration:none;
}

/* control_area */
.control_area{
	text-align:center;
}
.control_area .btn_left{
	float:left;
}
.control_area .btn_right{
	float:right;
}
.control_area .btn_center{
	display:inline-block;
}
.control_txt a{
	color: #FFF;
	font-size: 80%;
	display: block;
	padding:5px 20px;
	border-radius:3px;
	background: #00A2D9;
	margin-bottom:15px;
	text-decoration: none;
}
.control_txt a:hover{	background: #FFF; color: #00A2D9; }

/*-------container------- */
.container {

}
.container .msg {
	width: 62%;
	word-break: break-all;
}
.container .img {
	width: 35%;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}


/*------ swap sp pc ------*/
.sp{ display: none; }
.pc{ display:block; }


/*------ btn_sty ------*/
.btn_sty{
	display: inline-block;
	border: 1px solid #F35C79;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: #F35C79 url(../common_img/arrow02.png) no-repeat 95% center;
	background-size: 7px;
	text-decoration: none;
	text-align: center;
}
.btn_sty span{
	font-size: 110%;
	display: inline-block;
	margin: 0 45px;
	padding: 10px 0;
	color: #fff;
}
.btn_block{
	display: block;
}
.btn_block span{
	margin: 0;
}


/* contact_c */
#contact_c{
	background: url(../common_img/bg_contact_c.jpg) no-repeat center top;
	padding-top: 40px;
}
#contact_c .container{ margin-bottom: 0; }
#contact_c .msg{
	width: 730px;
	padding-top: 70px;
}
#contact_c .msg img{ margin-bottom: 15px;}
#contact_c .img{
	width: 310px;
}
#contact_c .time{ margin-bottom: 0;}
#contact_c .title_pink{
	font-weight:bold;
	color: #f15e7b;
	font-size: 200%;
	margin-bottom: 20px;
}
#contact_c .btn_sty{
	/*border: 2px solid #fba4b4;*/
	margin-top: 3%;
}
#contact_c .btn_sty span{
	font-weight:bold;
}

.bg_sty{
	background: url(../common_img/bg_wrap.gif);
}
/* magazine */
#magazine{
	padding-bottom: 50px;
}
.title_flower{
	background: url(../common_img/ico_flower.png) no-repeat left top;
	background-size: 100px auto;
	display: inline-block;
	padding: 35px 0 35px 85px;
}
.title_flower span{
	font-weight:bold;
	color: #f15e7b;
	font-size: 165%;
	border-bottom: 2px dotted #f15e7b;
	padding-bottom: 5px;
	display: inline-block;
}

.title_flower2{
	background: url(../common_img/ico_flower.png) no-repeat left top;
	background-size: 100px auto;
	display: inline-block;
	padding: 35px 0 35px 85px;
	margin-top: 70px;
    margin-bottom: 20px;
}
.title_flower2 span{
	font-weight:bold;
	color: #f15e7b;
	font-size: 165%;
	border-bottom: 2px dotted #f15e7b;
	padding-bottom: 5px;
	display: inline-block;
}

.pd_box{ padding: 50px 0;}



/* about_box */
#about_box {
	padding-bottom: 75px;
	background: url(../common_img/bg_about.jpg) no-repeat center top;
	background-size: cover;
}
#about_box .title_img{
	text-align:center;
}
#about_box .title_img img{
	margin-top: -35px;
}
#about_box .title_img span{
	display: block;
	font-weight:bold;
	font-size: 170%;
	color: #fff;
	margin: 5px 0 2% 0;
}
#about_box p{
	color: #fff;
	font-size: 110%;
	line-height: 30px;
}


/* effect_box */
#effect_box{
	padding: 10px 0 5px 0;
	background: url(../common_img/bg_flower01.png) no-repeat left bottom, url(../common_img/bg_flower02.png) no-repeat right bottom;
}
#effect_box .img{ width: 345px; }
#effect_box .msg{ width: 700px; }
#effect_box li{
	float:left;
	width: 45%;
	margin-right: 5%;
}
#effect_box .btn_sty{
	margin: 3% 3% 0 0;
}
#effect_box .btn_sty span{
	font-weight:bold;
}


.title_images{
	display:block;
	margin-bottom:4%;
}
.title_flower.sty_flower2{
	display:block;
}
.title_flower.sty_flower2 span{
	color:#451e04;
	display:block;
}

.title_flower2.sty_flower2{
	display:block;
}
.title_flower2.sty_flower2 span{
	color:#451e04;
	display:block;
}

.title_line{
	color:#451e03;
	font-size:160%;
	font-weight:bold;
	margin-bottom:2%;
	padding-bottom: 10px;
	border-bottom:#ddd8d8 solid 2px;
}
.title_leaves {
	text-align:center;
	margin-bottom:3%;
}
.title_leaves span{
	font-size:180%;
	font-weight:bold;
	display:inline-block;
	padding:7px 35px 13px;
	background:url(../common_img/bg_leaves01.png) no-repeat left top, url(../common_img/bg_leaves02.png) no-repeat right top;
}

.txt_brown{
	color:#451e04;
}


.imgs{
	display:block;
	margin-bottom:3%;
}


.menu_col2 li{
	float:left;
	width:48%;
	margin-left:4%;
}
.menu_col2 li:first-child{
	margin-left:0;
}

.bg_tablebrown{
	padding:3%;
	background:url(../common_img/bg_table_brown.gif) repeat left top;
}
.bg_white{
	background:#FFF;
}

.line_pink{
	padding:8px;
	background:url(../common_img/line_pink.gif) repeat left top;
}
.line_pink .bg_white{
	padding:3%;
}
.line_pink .bg_white p{
	color:#f15e7b;
}


.f_size{ font-size: 80%; }
.f_size_big{ font-size: 120%; }



.happy_box{
	background:url(../common_img/bg_happy_box01.gif) no-repeat right top, url(../common_img/bg_happy_box02.gif) no-repeat left bottom;
	padding:35px 0;
}
.happy_box .frame{
	border:solid 2px #f26681;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width:78%;
	margin:auto;
	padding:2%;
}
.happy_box h3{
	margin:0 0 25px 0;
}
.happy_box .main_image{
	margin:0 0 20px 0;
}
.happy_box p{
	width:76%;
	margin:0 auto 15px;
}

.title_pink{
	color:#f26681;
	font-size:160%;
	font-weight:bold;
	margin-bottom:2%;
}

.pink_big{
	font-size: 220%;
}
/*------ bg_brown ------*/
.bg_brown{
	padding:4%;
	background:url(../common_img/bg_brown.jpg) repeat-y left top;
}



.title_linepink{
	color:#f15e7b;
	font-weight:bold;
	display:block;
	font-size:120%;
	border-bottom:#f15e7b dotted 2px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.title_linepink span{
	color:#f15e7b;
	font-size:120%;
	font-weight:bold;
	display:block;
}

.title_flower.sty_flower3{
	padding:10px 0 3px 40px;
	background-size: 61px auto;
}
.title_flower.sty_flower3 .number{
	font-size:180%;
	border:none;
	margin-right:10px;
}
.title_flower2.sty_flower3{
	padding:10px 0 3px 40px;
	background-size: 61px auto;
}
.title_flower2.sty_flower3 .number{
	font-size:180%;
	border:none;
	margin-right:10px;
}


.btn_color{
	text-decoration:none;
	text-align:center;
	display:block;
	padding:1% 0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:#f39e4b solid 1px;
}
.btn_color span{
	color:#f39e4b;
	font-size:120%;
	font-weight:bold;
	padding:0 3%;
	background:url(../common_img/arrow_color01.png) no-repeat right center;
}

.btn_color.color2{
	border-color:#00ab3b;
}
.btn_color.color2 span{
	color:#00ab3b;
	background-image:url(../common_img/arrow_color02.png);
}
.btn_color.color3{
	border-color:#47c4ef;
}
.btn_color.color3 span{
	color:#47c4ef;
	background-image:url(../common_img/arrow_color03.png);
}
.btn_color.color4{
	border-color:#f15e7b;
}
.btn_color.color4 span{
	color:#f15e7b;
	background-image:url(../common_img/arrow_color04.png);
}

/*------ tb_color ------*/
.tb_color {
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_color th,
.tb_color td {
	text-align:center;
	font-size:135%;
	padding:2% 0;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	background:#fdf1e4;
}
.tb_color th {
	background:#fbe2c9;
}
.tb_color th:nth-child(n+3):nth-child(-n+4),
.tb_color td:nth-child(n+3):nth-child(-n+4){
	color:#f10030;
	font-weight:bold;
}
.tb_color .icon{
	background-image:url(../common_img/icon_recommend.png);
	background-position: 6% center;
	background-repeat:no-repeat;
}

.tb_color2 {
	width: 100%;
	table-layout: auto;
	border-collapse: collapse;
}
.tb_color2 th,
.tb_color2 td {
	font-size:120%;
	padding:3% 15px;
	border-left:2px solid #fff;
	border-bottom:2px solid #fff;
	background:#fdf1e4;
}
.tb_color2 th {
	background:#fbe2c9;
}
.tb_color2 th:nth-child(n+3):nth-child(-n+4),
.tb_color2 td:nth-child(n+3):nth-child(-n+4){
	color:#f10030;
	font-weight:bold;
}
.tb_color2 .icon{
	background-image:url(../common_img/icon_recommend.png);
	background-position: 6% center;
	background-repeat:no-repeat;
}

/*------ sty_color2 ------*/
.tb_color.sty_color2 td {
	background-color:#e4f5ea;
}
.tb_color.sty_color2 th {
	background-color:#c9ead4;
}

/*------ sty_color3 ------*/
.tb_color.sty_color3 td {
	background-color:#e4f6fd;
}
.tb_color.sty_color3 th {
	background-color:#c7edfa;
}

/*------ sty_color4 ------*/
.tb_color.sty_color4 td {
	background-color:#fde7eb;
}
.tb_color.sty_color4 th {
	background-color:#fbd7de;
}
.tb_color2.sty_color4 td {
	background-color:#fde7eb;
}
.tb_color2.sty_color4 td.white {
  color: #451E04;
  background-color: #fff;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-left: none;
}
.tb_color2.sty_color4 th {
	background-color:#fbd7de;
}

/*------ ------*/
.table-company th {
  background-color: #fde7eb !important;
  border-bottom: solid 1px #ccc;
  border-top: solid 1px #ccc;
  color: #451E04;
  vertical-align: middle;
  text-align: center;
}

@media screen and (max-width:420px) {
  .table-company th,
  .table-company td {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 14px;
    line-height: 1.4;
  }
}

/*------ quality ------*/
.quality .frame{
	padding:5% 5% 0;
	background:url(../common_img/bg_ranking01.jpg) no-repeat center bottom;
	min-height:686px;
	background-size: 100%;
}
.quality .title{
	margin:60px 0 45px 0;
}
.quality .title h3{
	font-size:130%;
	letter-spacing:3px;
	margin:0 0 10px 0;
}
.quality .info{
	width:38%;
	float:right;
}

/*------ booking ------*/
.booking{
	background-color:#fffde0;
	padding:4%;
}
.booking h3{
	color:#e3637c;
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 20px 0;
}

/*------ list_massage ------*/
.list_massage li{
	padding:0 0 0 120px;
	margin-bottom:15px;
	text-indent: -120px;
	display: block;
}
.list_massage li span{
	color: #451f04;
	font-size: 100%;
	width: 120px;
	display:block;
	float: left;
}
.list_massage li a{
	color: #f15e7b;
	font-size: 120%;
}
.list_massage a:hover{ color: #ababab;}
.list_massage a:visited,
.list_massage a:active{
	color: #40403f;
}

/*------ impression ------*/
.impressions h3 span{
	display:block;
	color:#e3637c;
	font-size: 160%;
	letter-spacing:2px;
	margin:2% 0 3% 0;
}
.impressions .bg{
	background:url(../common_img/bg_honolulu01.gif) repeat-y center top;
	padding:5px 5% 4%;
}
.impressions h3{
	margin-top:-20px;
	text-align:center;
}
.impressions .case{
	background:url(../common_img/img_dotline.png) no-repeat center bottom;
	padding-bottom:30px;
}
.impressions .case:last-child{
	background:none;
}
.impressions .cl_mt{
	margin-top: 0;
}
/*------ reason ------*/
.reason{
	background:url(../common_img/bg_wedding_flower_top.gif) no-repeat center top, url(../common_img/bg_wedding_flower_bottom.gif) no-repeat center bottom;
	background-size:contain, contain;
	background-color:#ffeef1;
	padding:10%;
	border-radius:8px;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
}
.reason h3{
	font-size:200%;
	font-weight:bold;
	text-align:center;
	margin:0 0 5% 0;
}
.reason h3 span{
	font-size:150%;
	font-weight:bold;
}
.reason td{
	padding: 15px 0;
}
.reason td:first-child{
	width:40px;
	font-size:220%;
	font-weight:bold;
	color:#f15e7b;
	text-align:center;
}
.reason td:nth-child(2) span{
	font-size:170%;
	font-weight:bold;
	color:#f15e7b;
	border-bottom:dotted 2px #f15e7b;
	padding:0 0 1% 0;
}
.reason td:nth-child(2) span:nth-child(2){
	display:block;
	font-size:170% ;
	font-weight:bold;
	color:#f15e7b;
	border-bottom:none;
	padding:2% 0 0 0;
}

/*------ effect ------*/
.effect .img{
	width:30%;
	padding-top:25px;
}
.effect .msg{
	width:65%;
}
.effect .list_number{
	float:left;
	width:49%;
	margin-left:2%;
}
.effect .list_number:first-child{
	margin-left:0;
}
.effect .list_number li{
	color:#f15e7b;
	font-size:110%;
	font-weight:bold;
	padding:8px 10px;
	margin-top:15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:#b3dfef solid 1px;
}
.effect .list_number li:first-child{
	margin-top:0;
}
.effect .list_number span{
	color:#f15e7b;
	font-size:100%;
	font-weight:bold;
	width:12%;
	display:inline-block;
}

/*------ hawai ------*/
.hawai{
	position:relative;
}
.hawai .balloon{
	position:absolute;
	right:0;
	bottom:0;
	margin:0 1% -16% 0;
}

/*------ stress ------*/
.stress h3{
	font-size:1.8em;
	color:#f15e7b;
	font-weight:bold;
	margin:0 0 2% 0;
}

/*------ txt_remark ------*/
.txt_remark{
	font-size:0.9em;
	margin:2% 0 0 0;
}

/*------ sty_message ------*/
.sty_message{
	margin-left:2%;
	margin-right:2%;
}
.sty_message .img{
	background:url(../common_img/bg_wedding01.gif) no-repeat center center;
	background-size:contain;
	width:63%;
	padding:8% 0;
}
.sty_message .msg{
	width:31%;
	text-align:center;
}
.sty_message .info{
	margin:0 15%;
}
.sty_message h4{
	text-align:center;
	font-size:1.6em;
	margin:0 0 2% 0;
}

/*------ impressions ------*/
#impressions.bg_brown{
	padding: 0 3% 3% 3%;
}
#impressions .bg_line{
	padding-bottom: 40px;
	background:url(../common_img/bg_line.png) repeat-x left bottom;
}
#impressions p.txt_c{
	padding-bottom: 24px;
	background:url(../common_img/bg_arrow.png) no-repeat center bottom;
}
#impressions span{
	text-align:center;
	display: inline-block;
	padding: 5px 50px;
	background-color: #e3637b;
	border-radius: 10px;
	color: #fff;
	font-size: 140%;
	font-weight:bold;
	margin-top: -30px;
}

.title_tips{
	display:block;
	margin-bottom:15px;
}
.title_tips span{
	color:#451e03;
	font-size:140%;
	font-weight:bold;
	padding-left:30px;
	background:url(../common_img/icon_tips.png) no-repeat left center;
}

.title_brown{
	color:#451e04;
	font-size:120%;
	font-weight:bold;
	display:block;
	margin-bottom:3%;
}

.title_page{
	font-size:120%;
	font-weight:bold;
	display:block;
	margin-bottom:3%;
}
.title_linebrown{
	text-align:center;
	margin-bottom:3%;
}
.title_linebrown span{
	font-size:140%;
	display: inline-block;
	font-weight:bold;
	padding-bottom:1%;
	border-bottom:#532f16 dotted 2px;
}
.sty_linepink span{
	border-bottom-color:#f37891;
}

.txt_b{
	font-weight:bold;
}
.txt_sm{
	font-size:90%;
}

/*------ pink_box ------*/
.pink_box{
	padding:4%;
	background:#fef5f7;
}

/*------ list_arrpink ------*/
.list_arrpink li{
	font-size:110%;
	padding-left:20px;
	margin-bottom:3px;
	background:url(../common_img/arrow04.png) no-repeat left 5px;
	background-size:auto 15px;
}
.list_arrpink li a{
	color: #333;
	text-decoration: none;
}
.list_arrpink li a:hover{ color: #F15E7B; }
/*------ sty_brown2 ------*/
.bg_brown.sty_brown2 .img{
	margin:-12% 0 -3% -15%;
}
.bg_brown.sty_brown2 .msg{
	width:70%;
}

/*------ movie_box ------*/
.movie_box .img{
	text-align:center;
	width:44%;
}
.movie_box .msg{
	width:52%;
}

.title_line_flow{
	font-size: 170%;
	font-weight: bold;
	text-align: center;
	color: #451e04;
	background: url(../common_img/bg_line_flow.png) no-repeat center bottom;
	padding-bottom: 35px;
}

.line_decoration_pink {
  background: url(../common_img/bg_line_flow.png) no-repeat center top;
  margin-bottom: 10px;
  padding-top: 40px;
  font-weight: normal;
  text-align: center;
  color: #f15e7b;
  font-size: 170%;
}

@media screen and (max-width:420px) {
  .line_decoration_pink {
    font-size: 140%;
  }
}

.con_small .img{ width: 20%;}
.con_small .msg{ width: 75%;}

/*------ nice_point ------*/
.nice_point h3{
	display:block;
	text-align:center;
	margin:0 0 5% 0;
}
.nice_point h4{
	font-size:130%;
	border-bottom:dotted 2px #f15f7c;
	font-weight:bold;
	margin:5% 0;
	padding-bottom: 5px;
	text-align:left;
}
.nice_point p{
	text-align:left;
}
.nice_point .col{
	text-align:center;
}



/*----------  -------------*/
.line-pink {
  border-top: 1px solid #fcdfe5;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

/*----------  -------------*/
.list-link {
  padding: 0 20px;
  margin-left: 1em;
}

.list-link li {
  padding-left: 20px;
  background: url(../common_img/arrow04.png) no-repeat left 5px;
  background-size: 13px auto;
}

.list-link a {
  text-decoration: none;
}

/*----------  -------------*/
.mb40 {
  margin-bottom: 40px !important;
}

.mb80 {
  margin-bottom: 80px;
}

div.col a{
	text-decoration: none;
	color: #f15e7b;
}

div.col a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*----------  -------------*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}






/*キャンペーン*/
.imgs1{
	display: block;
	width: 100%;
}
.imgs2{
	display: none;
	width: 100%;
}
.imgs1 img,
.imgs2 img{
	width: 100%;
	height: auto;
}

.apply_btn{
	display: flex;
	justify-content: space-between;
	margin-bottom: 40px;
}

.apply_btn p{
	margin: 0;
}

.apply_btn1,
.apply_btn2{
	width: 47.2%;
	text-align: center;
}

.apply_btn1 p:first-child,
.apply_btn2 p:first-child{
	font-size: 19px;
	margin-bottom: 9px;
}

.apply_btn1 p:last-child,
.apply_btn2 p:last-child{
	border: 1px solid #fdadbd;
	border-radius: 5px;
	font-size: 24px;
}


.apply_btn1 p:last-child a,
.apply_btn2 p:last-child a{
	display: block;
	padding-top: 35px;
	padding-bottom: 35px;
	text-decoration: none;
}


.apply_btn1 p:last-child a:hover,
.apply_btn2 p:last-child a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


.apply_btn1 p:last-child a,
.apply_btn2 p:last-child a{
	display: block;
	text-decoration: none;
}


.apply_btn1 p:last-child{
	background: #fff no-repeat right 19px center url(../campaign/images/campaign_img2.png);
}

.apply_btn1 p:last-child a{
	color: #f26682;
}

.apply_btn2 p:last-child{
	background: #f26682 no-repeat right 19px center url(../campaign/images/campaign_img3.png);
}

.apply_btn2 p:last-child a{
	color: #fff;
}


/*
*
------------------------------------------- */
.btn-container {
  width: 47.2%;
  text-align: center;
}
.btn-container .title {
  margin-bottom: 9px;
  font-size: 19px;
}

@media screen and (max-width: 768px) {
  .btn-container {
    width: auto;
    margin-bottom: 5px;
  }
  .btn-container + .btn-container {
    margin-top: 10px;
  }
  .btn-container .title {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: bold;
  }
}

/*
*
------------------------------------------- */
.btn-pink-text {
  display: block;
  padding-top: 35px;
  padding-bottom: 35px;
  margin-bottom: 9px;
  font-size: 24px;
  color: #fff !important;
  background: #f26682 no-repeat right 19px center url(../campaign/images/campaign_img3.png) !important;
  border: 1px solid #fdadbd;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}

.btn-pink-text:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

@media screen and (max-width: 768px) {
  .btn-pink-text {
    width: 70%;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-right: auto;
    margin-left: auto;
    font-size: 3.5vw;
  }
}

/*
*
------------------------------------------- */
.btn-pink-bg {
  display: block;
  padding-top: 35px;
  padding-bottom: 35px;
  margin-bottom: 9px;
  font-size: 24px;
  color: #f26682;
  background: #fff no-repeat right 19px center url(../campaign/images/campaign_img2.png);
  border: 1px solid #fdadbd;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}
.btn-pink-bg.btn-sm {
  padding-top: 20px;
  padding-bottom: 20px;
}

.btn-pink-bg:hover {
  color: #f26682;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


@media screen and (max-width: 768px) {
  .btn-pink-bg {
    width: 70%;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-right: auto;
    margin-left: auto;
    font-size: 3.5vw;
  }
  .btn-pink-bg.btn-sm {
    padding-top: 12px;
    padding-bottom: 12px;
    font-size: 3.5vw;
  }
}



/*
*
------------------------------------------- */
.apply_salon{
	background: #eafbff no-repeat right 19px center url(../campaign/images/campaign_img5.png);
	border: 1px solid #72aebe;
	border-radius: 5px;
	font-size: 20px;
}

.apply_salon a{
	display: flex;
	color: #72aebe;
	text-decoration: none;
	padding-top: 15px;
	padding-left: 30px;
}

.apply_salon a p:first-child{
	width: 56.2%;
	font-size: 19px;
	margin-right: 70px;
	color: #72aebe;
}
.apply_salon a p:last-child{
	width: 15%;
}
.apply_salon a p:last-child img{
	width: 100%;
	max-width: 120px;
	height: auto;
}

.campaign_recommend{
	background-color: #feeef1;
	background-image:url(../campaign/images/campaign_img6.png),
					 url(../campaign/images/campaign_img7.png),
					 url(../campaign/images/campaign_img8.png),
					 url(../campaign/images/campaign_img9.png);
	background-repeat:no-repeat,
					  no-repeat,
					  no-repeat,
					  no-repeat;
	background-position:left top,
						right top,
						left bottom,
						right bottom;

	padding: 70px 35px 100px 60px;
}

.campaign_recommend p{
	text-align: center;
	font-size: 28px;
	font-weight: bold;
}

.campaign_recommend ul li{
	font-size: 18px;
	margin-bottom: 15px;
}
.campaign_recommend ul li:before{
	content: "\25cf";
	color: #ea5d7a;
	font-size: 10px;
	margin-right: 10px;
	vertical-align: middle;
}

.campaign_recommend ul li span{
	color: #ea5d7a;
	font-size: 24px;
	background: linear-gradient(transparent 60%, #fffa7b 60%);
}


.title_flower3{
	background: url(../common_img/ico_flower.png) no-repeat left top;
	background-size: 100px auto;
	display: inline-block;
	padding: 35px 0 35px 60px;
	width: calc(100% - 60px);
}
.title_flower3 h3{
	font-weight:bold;
	width: 100%;
	font-size: 165%;
	border-bottom: 2px dotted #f15e7b;
	padding-bottom: 5px;
	display: inline-block;
}

.introduction ul{
	display: flex;
	justify-content:space-between;
}

.introduction ul li{
	width: 19.5%;
}
.introduction ul li p{
	margin: 0;
}

.introduction ul li p:first-child,
.introduction ul li p:first-child img{
	width: 100%;
}

.introduction ul li p:last-child{
	font-size: 18px;
	color: #f15e7b;
	text-align: center;
}


.introduction ul li p:last-child span{
	font-size: 16px;
	color: #f15e7b;
}

.btn_introduction{
	background-color: #f26682;
	border-radius: 5px;
	text-align: center;
	width: 370px;
	margin: 35px auto 0 auto;
	background: #f26682 no-repeat right 15px center url(../campaign/images/campaign_img3.png);
}

.btn_introduction2 {
    background-color: #f26682;
    border-radius: 5px;
    text-align: center;
    max-width: 370px;
    margin: 35px auto 0 auto;
    background: #f26682 no-repeat right 15px center url(../campaign/images/campaign_img3.png);
    margin: 0 auto!important;
}

.btn_introduction a{
	color: #fff;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
}

.btn_introduction2 a{
	color: #fff;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	text-decoration: none;
}

.btn_introduction2 a:hover{
	  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.campaign1{
	width: calc(100% - 43px);
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 0 20px 0 23px;
	background: #fdeff3 no-repeat left 70% center url(../campaign/images/campaign_img11.png);
	height: 130px;
}

.campaign1 p:first-child{
	padding: 20px 0 0 0;
	line-height: 1.4em;
	width: 61.9%;
	font-size: 22px;
	color: #f15e7b;
}

.campaign1 p:last-child{
	width: 29.4%;
}


.campaign2{
	background: #fff no-repeat left 70% center url(../campaign/images/campaign_img12.jpg);
	background-size: contain;
	font-size: 32px;
	color: #f15e7b;
	padding-top: 512px;
	padding-left: 170px;
}

.campaign3{
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.campaign3 div{
	width: 32%;
}

.campaign3 div p:first-child{
	text-align: center;
	background-color: #fdeff3;
	border-radius: 5px;
	padding: 18px 0 20px 0;
}

.campaign4 img{
	width: 100%;
}


.campaign5{
	margin: 87px 0 200px 0;
}

.campaign5 p:first-child{
	width: 500px;
	margin: 0 auto;
	border: 1px solid #f26682;
	border-radius: 5px;
	text-align: center;
	font-size: 28px;
	background: #fff no-repeat right 19px center url(../campaign/images/campaign_img2.png);
}

.campaign5 p:first-child a{
	color: #f26682;
	display: block;
	padding-top: 40px;
	padding-bottom: 30px;
	text-decoration: none;
}

.campaign5 p:first-child a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


.campaign5 p:last-child{
	position: relative;
	background-color: #f26682;
	color: #fff;
	text-align: center;
	font-size: 16px;
	border-radius: 20px;
	padding: 10px 0;
	width: 330px;
	margin: -145px auto 0 auto;
}

.campaign5 p:last-child:before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 150px;
	bottom: -15px;
	border-top: 15px solid #f26682;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}


/*
*
------------------------------------------- */
.btn-pink-with-label {
  margin: 87px 0 200px 0;
}

.btn-pink-with-label p:first-child {
  width: 500px;
  margin: 0 auto;
  border: 1px solid #f26682;
  border-radius: 5px;
  text-align: center;
  font-size: 28px;
  background: #f26682 no-repeat right 19px center url(../campaign/images/campaign_img3.png) !important;
}

.btn-pink-with-label p:first-child a {
  color: #fff;
  display: block;
  padding-top: 40px;
  padding-bottom: 30px;
  text-decoration: none;
}

.btn-pink-with-label p:first-child a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.btn-pink-with-label p:last-child {
  position: relative;
  background-color: #fff;
  color: #f26682;
  text-align: center;
  font-size: 16px;
  border-radius: 20px;
  padding: 10px 0;
  width: 330px;
  margin: -145px auto 0 auto;
  border: 1px solid #f26682;
}

.btn-pink-with-label p:last-child:before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 150px;
  bottom: -15px;
  border-top: 15px solid #fff;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
}

@media (max-width: 768px) {
  .btn-pink-with-label {
    margin: 87px 0 100px 0;
  }

  .btn-pink-with-label a {
    font-size: 15px !important;
  }

  .btn-pink-with-label p:first-child {
    width: 80%;
    font-size: 4.5vw;
  }

  .btn-pink-with-label p:first-child a {
    padding-top: 20px;
    padding-bottom: 15px;
  }

  .btn-pink-with-label p:last-child {
    width: 70%;
    margin: -108px auto 0;
    padding: 10px 0;
  }

  .btn-pink-with-label p:last-child:before {
    left: 40%;
  }
}








.campaign6{
	background: #fff no-repeat left top 25px url(../campaign/images/campaign_img17.png);
	padding: 0 30px;
}


.campaign6 div:nth-child(2){
	text-align: center;
	color: #fff;
}

.campaign6 div:nth-child(2) p:first-child{
	font-size: 24px;
	margin-top: -10px;
	margin-bottom: 25px;
	color: #fff;
}
.campaign6 div:nth-child(2) p:last-child{
	font-size: 15px;
	line-height: 1.8em;
	color: #fff;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
	margin-bottom: 40px;
}



.campaign6 div:last-child{
	display: flex;
	justify-content: space-between;
}

.campaign6 div:last-child p{
	width: 45%;
}
.campaign6 div:last-child p img{
	width: 100%;
}


.campaign6 div:last-child a:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}




.effect02_title{
	position: relative;
	background: #ddf6fd no-repeat left 12px top url(../campaign/images/campaign_img21.png);
	font-size: 25px;
	padding: 20px 0 20px 140px;
	margin-bottom: 30px;
}
.effect02_title:before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 400px;
	bottom: -15px;
	border-top: 15px solid #ddf6fd;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}



#effect02 .img{
	width:30%;
	padding-top:25px;
}
#effect02 .msg{
	width:65%;
}
#effect02 .list_number{
	float:left;
	width:49%;
	margin-left:2%;
}
#effect02 .list_number:first-child{
	margin-left:0;
}
#effect02 .list_number li{
	color:#f15e7b;
	font-size:110%;
	font-weight:bold;
	padding:8px 10px;
	margin-top:15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:#b3dfef solid 1px;
}
#effect02 .list_number li:first-child{
	margin-top:0;
}
#effect02 .list_number span{
	color:#f15e7b;
	font-size:100%;
	font-weight:bold;
	width:12%;
	display:inline-block;
}

.pic_l2{
	display: flex;
	justify-content: space-between;
}

.pic_l2 .img{
	width: 30%;
	text-align: center;
}
.pic_l2 .msg{
	width: 70%;
	padding-left: 35px;
}

.campaign7{
	margin: 30px 0 90px 0;
	background: #fff repeat left top url(../campaign/images/campaign_img24.jpg);
	padding: 0 30px 60px 30px;
}

.campaign7 div:first-child{
	background-color: #ea5f7b;
	color: #fff;
	width: 75%;
	margin: 0 auto;
	padding: 7px 0;
	text-align: center;
	font-size: 16px;
	border-radius: 10px;
	position: relative;
	top: -15px;
}

.campaign7 div:first-child:before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	bottom: -25px;
	border-top: 25px solid #ea5f7b;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
.campaign7 p{
	margin: 0;
}

.campaign7 div:nth-child(2) p:first-child,
.campaign7 div:nth-child(3) p:first-child{
	margin: 40px 0 30px 0;
	color: #e2637c;
	font-size: 20px;
	text-align: center;
}

.campaign7 div:nth-child(2) p:nth-child(2),
.campaign7 div:nth-child(2) p:nth-child(3),
.campaign7 div:nth-child(2) p:nth-child(4),
.campaign7 div:nth-child(2) p:nth-child(5),
.campaign7 div:nth-child(3) p:nth-child(2),
.campaign7 div:nth-child(3) p:nth-child(3),
.campaign7 div:nth-child(3) p:nth-child(4),
.campaign7 div:nth-child(3) p:nth-child(5){
	margin-bottom: 23px;
}

.campaign7 div:nth-child(2) p:nth-child(6),
.campaign7 div:nth-child(2) p:nth-child(7),
.campaign7 div:nth-child(2) p:last-child,
.campaign7 div:nth-child(3) p:nth-child(6),
.campaign7 div:nth-child(3) p:nth-child(7),
.campaign7 div:nth-child(3) p:last-child{
	margin-bottom: 0px;
	text-align: right;
}

.campaign7 div:nth-child(2){
	border-bottom: 5px dotted #fff;
	padding-bottom: 30px;
}



.title-pink {
  margin: 40px 0 30px 0;
  color: #e2637c;
  font-size: 20px;
  text-align: center;
}

.hr-dot-white {
  margin-top: 30px;
  margin-bottom: 45px;
  border-top: 0;
  border-bottom: 5px dotted #fff;
}

.section-lomilomi-voice {
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}
.section-lomilomi-voice p {
  margin-bottom: 23px;
}



.campaign8{
	display: flex;
	justify-content: space-between;

}
.campaign8 p{
	width: 48.1%;
}
.campaign8 p img{
	width: 100%;
}


.campaign9{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0 100px 0;
}


.campaign9 div:nth-child(odd){
	width: 22.5%;
}

.campaign9 div:nth-child(odd) img{
	width: 100%;
}

.campaign9 div:nth-child(even){
	width: 1%;
}

.campaign9 div:nth-child(even) img{
	width: 100%;
}

.campaign10{
	font-size: 14px;
	margin-top: 20px;
}


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

	.imgs1{
		display: none;
		width: 100%;
	}
	.imgs2{
		display: block;
		width: 100%;
		max-width: 750px;
		text-align: center;
	}


	.apply_btn{
		flex-direction: column;
	}

	.apply_btn1,
	.apply_btn2{
		width: 100%;
		margin-bottom: 20px;
	}

	.apply_btn1 p:last-child,
	.apply_btn2 p:last-child{
		width: 70%;
		margin: 0 auto;
		font-size: 3.5vw;
	}

	.apply_btn1 p:last-child a,
	.apply_btn2 p:last-child a{
		padding-top: 18px;
		padding-bottom: 18px;
	}


	.apply_salon a{
		flex-direction: column;
		text-align: center;
		padding-left: 0;
		padding-bottom: 10px;
	}
	.apply_salon a p:first-child{
		width: 90%;
		margin: 0 auto 15px auto;
		font-size: 1em;
	}
	.apply_salon a p:last-child{
		width: 100%;
	}

	.pic_l2{
		flex-direction: column;
		flex-wrap: wrap;
	}
	.pic_l2 .img{
		width: 100% !important;
		text-align: center;
	}

	.pic_l2 .img img{
		width: 33%;
		height: auto;
	}


	.pic_l2 .msg{
		width: 100% !important;
		padding-left: 0px;
	}

	#effect02 .list_number li:first-child{
		margin-top:15px;
	}


	.campaign1{
		width: calc(100% - 20px);
		flex-direction: column-reverse;
		padding: 0 10px;
		margin-top: 150px;
	}

	.campaign1 p:first-child{
		padding: 0;
		width: 100%;
		font-size: 3.5vw;
	}

	.campaign1 p:last-child{
		width: 100%;
		text-align: center;
	}



	.campaign2{
		margin-top: 10px;
		font-size: 4vw;
		padding-top: 65%;
		padding-left: 20%;
		background-size: cover;
	}

	.campaign3{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		margin-top: 30px;
	}

	.campaign3 div{
		width: 100%;
		margin-bottom: 20px;
	}

	.campaign3 div p:first-child{
		padding: 5px 0;
		width: 60%;
		margin: 0 auto;
	}

	.campaign3 div p:first-child img{
		width: 60%;
		height: auto;
	}



	.campaign5{
		margin: 87px 0 100px 0;
	}

	.campaign5 p:first-child{
		width: 80%;
		font-size: 4.5vw;
	}

	.campaign5 p:first-child a{
		padding-top: 20px;
		padding-bottom: 15px;
	}



	.campaign5 p:last-child{
		width: 70%;
		margin: -115px auto 0 auto;
		padding: 10px 0;
	}

	.campaign5 p:last-child:before{
		left: 40%;
	}




	.effect02_title{
		font-size: 4vw;
		padding: 20px 0;
		text-align: center;
		margin-bottom: 30px;
	}
	.effect02_title:before{
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		left: 48%;
		bottom: -15px;
		border-top: 15px solid #ddf6fd;
		border-right: 15px solid transparent;
		border-left: 15px solid transparent;
	}



	.campaign_recommend{
		padding: 70px 10px 100px 10px;
	}

	.campaign_recommend p{
		font-size: 20px;
	}

	.campaign_recommend ul li{
		margin-bottom: 18px;
	}

	.campaign_recommend ul li span{
		font-size: 18px;
	}


	.introduction ul{
		display: flex;
		justify-content:center;
		flex-wrap: wrap;
	}

	.introduction ul li{
		width: 30%;
		margin-bottom: 15px;
	}




	.campaign9{
		margin: 20px 0 20px 0;
		flex-wrap: wrap;
		justify-content: center;
	}


	.campaign9 div:nth-child(odd){
		width: 35%;
		margin: 0 10px 20px 10px;
	}

	.campaign9 div:nth-child(odd) img{
		width: 100%;
	}

	.campaign9 div:nth-child(even){
		width: 3%;
	}


}


@media screen and (max-width:420px) {
	.apply_salon a p:first-child{
		font-size: 0.7em;
	}

	.btn_introduction{
		width: 80%;
	}


	.campaign1 p:last-child img{
		width: 50% !important;
	}


	#effect02 .list_number{
		float:none;
		width:100%;
		margin-left:0;
	}

	.campaign1 p:first-child{
		font-size: 5vw;
	}

	.campaign6 div:last-child{
		flex-direction: column;
	}

	.campaign6 div:last-child p{
		width: 100%;
	}

	.campaign8{
		flex-direction: column;
		flex-wrap: wrap;

	}
	.campaign8 p{
		width: 85%;
		margin: 0 auto 20px auto;
	}

	.campaign5 p:last-child{
		margin: -105px auto 0 auto;
	}

	.introduction ul li p:last-child{
		font-size: 12px;
	}
	.introduction ul li p:last-child span{
		font-size: 12px;
	}



}


.submit-btns-container {
  margin-bottom: 20px;
}


/* PREVIEW STYLE */
.reviewLinks {
	margin-bottom: 50px;
	padding: 0 20px 0 40px;
}
.reviewLinks li {
	margin-bottom: 5px;
	font-size: 15px;
}

.paginavBox {
	width: 100%;
	margin-top: 30px;
	overflow: hidden;
}
.paginavBox li {
	float: left;
}
.paginavBox li.next {
	float: right;
}
/* Custom Css Nayoka 10/06 */
.section.happy_box .title-brown{
    margin: 25px 0;
    font-size: 23px;
    font-weight: 700;
    color: #451e03;
    text-align: center;
    letter-spacing: -.03em;
}

.impressions h3{
    margin-top: 0;
}
.impressions h3.title-text{
    background: #e3637a;
    color: #fff;
    padding: 7px 10px 5px;
    font-size: 160%;
    border-radius: 8px;
    max-width: 520px;
    margin: 0 auto 30px;
    transform: translateY(-50%);
    position: relative;
}
.impressions h3.title-text:after{
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 30px solid #e36379;
    content: "";
    position: absolute;
    top: calc(100% - 2px);
    left: 50%;
    transform: translateX(-50%);
}
/* 10/07 */
.title-when01-custom{
    position: relative;
}
.title-when01-custom h3{
    position: absolute;
    left: 113px;
    font-weight: 700;
    font-size: 29px;
    color: #f26680;
    transform: translateY(-50%);
    top: 50%;
}
@media (max-width: 768px){
    .title-when01-custom h3{
        left: 17vw;
        font-size: 4.5vw;
    }
}
@media (max-width: 603px){
    .title-when01-custom h3{
        left: 20vw;
        font-size: 4.5vw;
    }
}
/*----*/
.bg_lomilomi{
    background: url(../reserve/couple/images/bg_content.png) center top no-repeat;
    background-size: cover;
    position: relative;
    padding: 80px 0 120px;
}
.bg_lomilomi h3{
    position: absolute;
    left: 15px;
    top: -25px;
}
.bg_lomilomi span{
    position: absolute;
    right: 15px;
    top: -15px;
}
.bg_lomilomi h4{
    display: block;
    color: #fff;
    font-size: 160%;
    letter-spacing: 2px;
    margin: 2% 0 3% 0;
    font-weight: 700;
}
.bg_lomilomi p{
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 2
}
.lomilomi_wedding a:hover{
    opacity: 0.9;
}
@media (max-width: 603px){
    .bg_lomilomi{
        padding: 30px 15px 120px;
    }
    .bg_lomilomi h3{
        position: static;
    }
    .bg_lomilomi span{
        position: static;
    }
    .bg_lomilomi p{
        font-size: 14px;
    }
}

.mbsc-ios .mbsc-sc-whl-l, .mbsc-ios.mbsc-calendar .mbsc-sc-whl-l{
    border-top: none !important;
    border-bottom: none !important;
}
.mbsc-sc-itm{
    background: #fff !important;
    border-bottom: 1px solid #ccc !important;
    font-size: 18px !important;
    color: #000 !important;
}
.mbsc-sc-itm>div{
    display: none!important;
    color: #fff;
}
.mbsc-sc-itm span{
    font-size: 18px !important;
    color: #000 !important;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.cp-pc { display: block !important; }
.cp-sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.cp-pc { display: none !important; }
.cp-sp { display: block !important; }
}

p.cus-p{
	font-size:130%;
	    text-align: center;
    margin-bottom: 40px;
}


@media screen and (min-width:750px){
  .br-sp {
    display: none;
  }
}