@charset "utf-8";
/*!
 * ress.css • v1.0.1
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{background-repeat:no-repeat;padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}small{font-size:80%}[hidden],template{display:none}abbr[title]{border-bottom:1px dotted;text-decoration:none}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace;overflow-x:auto}pre code{word-wrap:normal;white-space:pre-wrap}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:0;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{background-color:transparent;border-style:none;color:inherit}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;max-width:100%;white-space:normal}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-webkit-input-placeholder{color:inherit;opacity:.54}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{background-color:#b3d4fc;color:#fff;text-shadow:none}::selection{background-color:#b3d4fc;color:#fff;text-shadow:none}
html, body {
	width: 100%;
}
img {
	vertical-align: bottom;
}
li {
	list-style: none;
}
html {
	/*font-size: 62.5%;*/
}
body {
	overflow: hidden;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
/*	font-family: -apple-system,"Helvetica Neue","Hiragino Kaku Gothic ProN","游ゴシック Medium","メイリオ",meiryo, sans-serif;*/
	font-weight: 500;
	color: #555;
	font-size: .9rem;
	letter-spacing: 0em;
	word-spacing: 0em;
	line-height: 1em;
}

/*******************
 Font
********************/
h1, h2, h3,h4,h5 {
	font-weight: 500;
}
.txt{
	font-size: .8rem;
	line-height: 1.5rem;
}
.txt-s{
	font-size: .8rem;
	line-height: 1.3rem;
}
p.desc{
	font-size:1rem;
	line-height:1.9rem;
}
a {
	text-decoration: none;
	color: #555;
}
a.l{
	border-bottom:dashed 1px #9BB5C5;	
}
a img {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:hover img {
	opacity:.6;
}
.ind {
	margin-left: -.5em;
}
.ind:after {
	content: "";
	margin-left: -.5em;
}
.red {
	color: #e82762;
}

/*******************
 Form default
********************/
input[type="text"],textarea{
	border:1px #C5C5C5 solid;
	padding:5px 5px;
	width:100%;
	outline:none;
	position:relative; 
	vertical-align:middle;
}
input[type="text"]{
	height:33px;
}
select{
	border:1px #C5C5C5 solid !important;
	padding:5px 5px;
	width:100%;
	position:relative;
	background:url(../images/common/select_arrow.png) no-repeat center right 5px;
	outline:none;
	vertical-align:middle; 
	height:33px;
}
input[type="radio"] {
	outline: none;
	position: relative;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	content: "";
	margin: -3px 5px 0 0;
	background-color: #FFFFFF;
	border: 1px solid #C5C5C5;
	-webkit-border-radius: 18px;
	border-radius: 18px;
	vertical-align: middle;
	cursor: pointer;
	border: none\9;
}
@-moz-document url-prefix() { /* ffのみ */
	input[type="radio"]:checked{
		background-color: #ff88b7;
	}
}
input[type="radio"]:checked:after {
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	content: "";
	width: 7px;
	height: 7px;
	background: #EC327C;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
input[type="radio"][disabled] {
	background: #eee !important;
	cursor: not-allowed !important;
}
input[type="radio"][disabled]:checked:after {
	background: #999;
}
input[type="checkbox"] {
	outline: none;
	position: relative;
	-webkit-appearance: button;
	appearance: button;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 15px;
	height: 15px;
	content: "";
	margin: -3px 5px 0 0;
	background-color: #FFFFFF;
	border: 1px solid #C5C5C5;
	vertical-align: middle;
	cursor: pointer;
	border: none\9;
}
input[type="checkbox"]:checked:after {
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	content: "";
	width: 7px;
	height: 7px;
	background: #EC327C;
}
input[type="checkbox"][disabled] {
	background: #eee !important;
	cursor: not-allowed !important;
}
input[type="checkbox"][disabled]:checked:after {
	background: #999;
}
.submit{
	background-color:#ff7094;
	border-radius:5px;
	color:#FFF;
	background-color:#e82762;
	padding:20px 0 20px;
	font-size:1.4rem;
	line-height:1.4rem;
	cursor:pointer;
	outline:none;
	width:250px;
	text-align:center;
	position:relative;
}
.submit:after{
	right: 10px;
	top:20px;
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
}
.submit i{
	margin-left:30px;
}
.back{
	background-color:#CCC;
	border-radius:5px;
	padding:20px 0 20px;
	font-size:1.4rem;
	line-height:1.4rem;
	cursor:pointer;
	outline:none;
	width:250px;
	text-align:center;
	margin-right:20px;
	position:relative;
}
.back:after{
	left: 10px;
	top:20px;
	content: "\f104";
	font-family: FontAwesome;
	position: absolute;
}
.submit:hover, .back:hover{
	background-color:#CCC;
}

/*******************
 Input Size
********************/
.w100{
	width:100px !important;
}
.w150{
	width:150px !important;
}
.w200{
	width:200px !important;
}
.w300{
	width:300px !important;
	margin-right:20px;
}
.inline{
	margin-bottom:10px;
}
.inline:last-child{
	margin:0;
}
.inline span{
	display:inline-block;
	vertical-align:middle;
}
/*******************
 Brand Color
********************/
.ft-tp{
	color:#ED4A81;
}
.ft-fc{
	color:#ff7094;
}
.ft-dp{
	color:#00a7e9;
}
.ft-bd{
	color:#cdbc00;
}
.ft-fdp{
	color:#34babf;
}
.bg-tp{
	background-color:#ED4A81;
}
.bg-fc{
	background-color:#ff7094;
}
.bg-dp{
	background-color:#00a7e9;
}
.bg-bd{
	background-color:#cdbc00;
}
.bg-fdp{
	background-color:#34babf;
}
.bd-tp{
	border:#ED4A81 1px solid;
}
.bd-fc{
	border:#ff7094 1px solid;
}
.bd-dp{
	border:#00a7e9 1px solid;
}
.bd-bd{
	border:#cdbc00 1px solid;
}


/*******************
 Button
********************/
.btn{
	border-radius:5px;
	color:#FFF;
}
.btn:hover{
	text-decoration:none;
}
.btn._type01{
	padding:6px 8px;
	font-size:.8rem;
}
.btn._type01 i{
	margin-left:10px;
}
.btn._type02{
	border-radius:5px;
	color:#FFF;
	padding:20px 60px 20px;
	font-size:1.4rem;
	line-height:1.4rem;
	cursor:pointer;
	outline:none;
	text-align:center;
	position:relative;
}
.btn._type02:after{
	right: 10px;
	top:23px;
	content: "\f105";
	font-family: FontAwesome;
	position: absolute;
}
.btn:hover{
	background:#CCC;
}

/*******************
 Shared Class
********************/
.cols {
	overflow: hidden;
	height: auto;
}
.cols .col-l {
	float: left;
}
.cols .col-r {
	float: right;
}
.cont {
	width: 1000px;
	margin: 0 auto;
}
/*******************
Global Nav
********************/
#g-nav {
	width: 100%;
	padding: 18px 0 0;
	height: 65px;
}
#g-nav ul {
	padding-left: 0px;
	width: 951px;
	margin: 0 auto;
}
#g-nav ul li {
	float: left;
	height: 28px;
	margin-right: 17px;
}
#g-nav ul li a {
	display: block;
	height: 28px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../images/common/nav.png) no-repeat 0 0;
}
#g-nav ul li.top {
	width: 72px;
}
#g-nav ul li.facial {
	width: 124px;
}
#g-nav ul li.depilation {
	width: 77px;
}
#g-nav ul li.body {
	width: 77px;
}
#g-nav ul li.shop {
	width: 98px;
}
#g-nav ul li.topics {
	width: 114px;
	background:none;
}
#g-nav ul li.first {
	width: 130px;
	margin: 0;
}
#g-nav ul li.wedding {
	width: 127px;
}
#g-nav ul li.top a {
	width: 72px;
	background-position: 0 0;
}
#g-nav ul li.facial a {
	width: 124px;
	background-position: -89px 0;
}
#g-nav ul li.depilation a {
	width: 77px;
	background-position: -230px 0;
}
#g-nav ul li.body a {
	width: 77px;
	background-position: -324px 0;
}
#g-nav ul li.shop a {
	width: 98px;
	background-position: -424px 0;
}
#g-nav ul li.topics a {
	width: 114px;
	background-position: -540px 0;
}
#g-nav ul li.first a {
	width: 130px;
	background-position: -674px 0;
}
#g-nav ul li.wedding a {
	width: 127px;
	background-position: -824px 0;
}
#g-nav ul li.top.current a, #g-nav ul li.top a:hover {
	background-position: 0 -28px;
}
#g-nav ul li.facial.current a, #g-nav ul li.facial a:hover {
	background-position: -89px -28px;
}
#g-nav ul li.depilation.current a, #g-nav ul li.depilation a:hover {
	background-position: -230px -28px;
}
#g-nav ul li.body.current a, #g-nav ul li.body a:hover {
	background-position: -324px -28px;
}
#g-nav ul li.shop.current a, #g-nav ul li.shop a:hover {
	background-position: -424px -28px;
}
#g-nav ul li.topics.current a, #g-nav ul li.topics a:hover {
	background-position: -540px -28px;
}
#g-nav ul li.first.current a, #g-nav ul li.first a:hover {
	background-position: -674px -28px;
}
#g-nav ul li.wedding.current a, #g-nav ul li.wedding a:hover {
	background-position: -824px -28px;
}
#info{
	text-align:center;
	padding:80px 0 0;
}

#info a{
	text-decoration:underline;
}

#info p.bt{
	margin-top:20px !important;
}

#modal{
	position:fixed;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.7);
	top:0;
	left:0;
	display: none;
	overflow: auto;

}
#modal .container{
	width:750px;
	/*	margin:-275px 0 0 -350px;*/
	margin:0 auto 0;
	background:#FFF;
	padding:20px 40px 40px;
	position:relative;
	
}
#modal .container p.fst{
	margin-bottom:10px;
	margin-top:30px;
}
#modal .container p.btn-close{
	position:absolute;
	right:10px;
	top:10px;
}
#modal .container p.date{
	margin:20px 0 15px;
}
#modal .container h3{
	margin:15px 0 10px;
	font-size:.8rem;
	line-height:1.3rem;
}
#modal .container p.ct{
	text-align:center;
	margin:30px 0 30px;
	font-size:.8rem;
}
#modal .container dl{
	margin:10px 0 0;
	font-size:.8rem;
}
#modal .container dt{
	margin-bottom:5px;
	display:inline-block;
	vertical-align:top;
}
#modal .container dd{
	display:inline-block;
	vertical-align:top;

margin:0 0 15px;
}
#modal .container ul{
	padding-left:20px;
}
#modal .container ul li{
	list-style: none;
	margin:0 0 8px;
}

/* sp */

.sp{
	display: none !important;;
}

.pc{
	display: block !important;;
}

/**
show
 */
.show{
	display: block !important;
}