@charset "utf-8";

/* 共通CSS
========================================*/
a {
	color:#437195;
	text-decoration:none;
}

/* SPonly */
@media screen and (max-width:767px){
	html {
		overflow:auto;
		height:100%;
	}
	body {
		font-size:12px;
		-webkit-text-size-adjust:100%;
	}
	.pconly {
		display:none;
	}
	.img100 {
		width:100%;
	}
	sub {
		font-size:75%;
		line-height:0;
		vertical-align:-1px;
	}

	/* header */
	header {
		background:url(../img/header_bg_sp.jpg) no-repeat center top;
		background-size:cover;
		border-bottom:4px solid #8d0404;
		padding:30px 15px 34px 10px;
		position:relative;
	}
	header .headerInr .logo {
		float:left;
		padding-top:15px;
	}
	header .headerInr .logo img {
		height:63px;
		width:220px;
	}
	header .headerInr .menuBtn {
		float:right;
		padding:12px 0 0 0;
	}
	header .menuBtn img {
		width:42px;
	}
	header nav {
		background:#8d0404;
		box-sizing:border-box;
		display:none;
		padding:40px 10%;
		position:absolute;
		left:0;
		top:146px;
		width:100%;
		z-index:10;
	}
	header nav .searchArea {
		margin-bottom:30px;
	}
	header nav .searchArea .gsc-control-cse {
		background:none;
		border:0;
		padding:0;
	}
	header nav .searchArea .gsc-input-box {
		border:0;
		height:auto;
	}
	header nav .searchArea table.gsc-search-box {
		border-right:1px solid #640303;
		border-bottom:1px solid #640303;
	}
	header nav .searchArea .gsc-search-box td.gsc-input {
		padding-right:0;
	}
	header nav .searchArea .gsc-search-box input.gsc-input:placeholder-shown {
		color:#ddd;
	}
	header nav .searchArea .gsc-search-box input.gsc-input::-webkit-input-placeholder {
		color:#ddd;
	}
	header nav .searchArea .gsc-search-box input.gsc-input::-moz-placeholder {
		color:#ddd;
	}
	header nav .searchArea .gsc-search-box input.gsc-input:-ms-input-placeholder {
		color:#ddd;
	}
	header nav .searchArea .gsc-search-box .gsib_a {
		box-sizing:border-box;
		padding:8px 8px 6px;
		height:36px;
		width:200px;
	}
	header nav .searchArea .gsc-search-button {
		background:url(../img/header_search_txt.png) no-repeat center center #8d0404;
		background-size:27px auto;
		border:0;
		border-radius:0;
		height:36px;
		width:53px;
	}
	header nav .searchArea .gsc-search-button svg {
		display:none;
	}
	header nav ul li a {
		color:#fff;
		display:block;
		font-size:130%;
		line-height:150%;
		margin:5px 0;
		padding:15px 0;
		text-align:center;
	}
	header nav ul li img {
		display:none;
	}
	header nav ul li .pulldown {
		display:none !important;
	}

	/* main */
	#mainArea {

	}

	/* footer */
	footer .salonNav {
		background:#8d0404;
		box-shadow:0px 6px 3px -3px #6d0202 inset;
		padding:25px 5%;
	}
	footer .salonNav li {
		background:#fff;
		margin-bottom:15px;
	}
	footer .salonNav li img {
		width:100%;
	}
	footer .salonNav li:last-of-type {
		margin-right:0;
	}
	footer .consultSec {
		border-bottom:2px solid #8d0404;
		padding:50px 5%;
	}
	footer .consultSec h2 {
		font-size:115%;
	}
	footer .consultSec .telBox {
		margin-top:20px;
	}
	footer .consultSec .telBox .telnum {
		margin-top:30px;
		text-align:center;
	}
	footer .consultSec .telBox .telnum img {
		width:100%;
		max-width:322px;
	}
	footer .consultSec .telBox .consultNote {
		color:#8d0404;
		font-size:93%;
		margin-top:30px;
	}
	footer .consultSec .telBox .consultNote li {
		padding-left:1em;
		text-indent:-1em;
	}
	footer .consultSec .footerNav {
		display:none;
	}
	footer .bnrArea {
		margin:0 auto;
		padding:50px 0 60px;
	}
	footer .bnrArea .pinkTxt {
		display:table;
		font-size:93%;
		margin:0 auto;
	}
	footer .bnrArea .pinkTxt img {
		margin-right:10px;
		vertical-align:middle;
		width:27px;
	}
	footer .bnrArea ul {
		display:table;
		margin:30px auto 0;
	}
	footer .bnrArea ul li {
		float:left;
		padding:0 15px;
	}
	footer .bnrArea ul li img {
		height:38px;
		width:auto;
	}
	footer .bnrArea .taC {
		text-align:center;
	}
	footer .bnrArea .mt40 {
		margin-top:50px;
	}
	footer .bnrArea .taC img {
		width:71px;
	}
	footer .copyright {
		background:#8d0404;
		color:#fff;
		display:block;
		font-size:85%;
		padding:30px 0;
		text-align:center;
	}
}

/* PConly */
@media screen and (min-width:768px){
	body {
		font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
		overflow:visible !important;
		height:auto !important;
		min-width:960px;
	}
	.sponly {
		display:none;
	}
	sub {
		font-size:90%;
		line-height:0;
		vertical-align:-3px;
	}
	.inrWrap {
		margin:0 auto;
		width:960px;
	}

	/* header */
	header {
		background:#f5f6fb;
	}
	header .headerInr {
		background:url(../img/header_bg_pc.jpg) no-repeat center center;
		box-sizing:border-box;
		margin:0 auto;
		padding:25px 0 20px 25px;
		width:960px;
	}
	header .headerInr .logo img {
		height:74px;
		width:254px;
	}
	header .menuBtn {
		display:none;
	}
	header nav {
		background:#f2f3f7;
		border-top:1px solid #fff;
		border-bottom:2px solid #8d0404;
	}
	header nav .searchArea {
		margin-left:140px;
		position:absolute;
		top:40px;
		left:50%;
	}
	header nav .searchArea .gsc-control-cse {
		background:none;
		border:0;
		padding:0;
	}
	header nav .searchArea .gsc-input-box {
		border:0;
		height:auto;
	}
	header nav .searchArea table.gsc-search-box {
		border-right:1px solid #b5b5b5;
		border-bottom:1px solid #b5b5b5;
	}
	header nav .searchArea .gsc-search-box td.gsc-input {
		padding-right:0;
	}
	header nav .searchArea .gsc-search-box input.gsc-input:placeholder-shown {
		color:#ccc;
	}
	header nav .searchArea .gsc-search-box input.gsc-input::-webkit-input-placeholder {
		color:#ccc;
	}
	header nav .searchArea .gsc-search-box input.gsc-input::-moz-placeholder {
		color:#ccc;
	}
	header nav .searchArea .gsc-search-box input.gsc-input:-ms-input-placeholder {
		color:#ccc;
	}
	header nav .searchArea .gsc-search-box .gsib_a {
		padding:8px 8px 5px;
		width:220px;
	}
	header nav .searchArea .gsc-search-button {
		background:url(../img/header_search_txt.png) no-repeat center center #8d0404;
		background-size:36px auto;
		border:0;
		border-radius:0;
		height:36px;
		width:60px;
	}
	header nav .searchArea .gsc-search-button svg {
		display:none;
	}
	header nav ul {
		margin:0 auto;
		width:960px;
	}
	header nav ul li {
		border-right:1px solid #fff;
		float:left;
		position:relative;
		width:239px;
	}
	header nav ul li img {
		transition:all 0.1s ease;
	}
	header nav ul li:hover img {
		opacity:0;
	}
	header nav ul li:nth-of-type(1) {
		background:url(../img/nav_depilation_on.png) no-repeat center top;
	}
	header nav ul li:nth-of-type(2) {
		background:url(../img/nav_doctor_on.png) no-repeat center top;
	}
	header nav ul li:nth-of-type(3):hover img {
		opacity:1;
	}
	header nav ul li:nth-of-type(4) {
		background:url(../img/nav_efforts_on.png) no-repeat center top;
	}
	header nav ul li .pulldown {
		display:none;
		position:absolute;
		top:60px;
		left:0;
		width:280px;
		z-index:10;
	}
	header nav ul li .pulldown dt {
		background:#8d0404;
		border-bottom:2px solid #c8c1c1;
		box-shadow:0px 6px 3px -3px #6d0202 inset;
		color:#fff;
		font-weight:bold;
		padding:15px 20px;
	}
	header nav ul li .pulldown dd {
		background:#f7f8fa;
		border-bottom:1px solid #e9e7e9;
		font-size:93%;
		line-height:150%;
	}
	header nav ul li .pulldown dd a {
		background:url(../img/arrow_nav.png) no-repeat 20px center;
		color:#333;
		display:block;
		padding:15px 10px 15px 35px;
	}

	/* main */
	#mainArea {

	}

	/* footer */
	footer .salonNav {
		background:#8d0404;
		box-shadow:0px 6px 3px -3px #6d0202 inset;
		margin-bottom:45px;
		padding:20px 0;
	}
	footer .salonNav ul {
		margin:0 auto;
		width:960px;
	}
	footer .salonNav li {
		background:#fff;
		float:left;
		margin-right:15px;
	}
	footer .salonNav li:last-of-type {
		margin-right:0;
	}
	footer .salonNav li a:hover {
		opacity:0.8;
	}
	footer .salonNav li img {
		width:180px;
	}
	footer .consultSec {
		border-bottom:1px solid #8d0404;
		padding-bottom:45px;
	}
	footer .consultSec h2 {
		float:left;
		width:210px;
	}
	footer .consultSec .telBox {
		float:left;
		margin-left:5px;
		width:580px;
	}
	footer .consultSec .telBox .telnum {
		margin-top:20px;
	}
	footer .consultSec .telBox .telnum a {
		cursor:default;
	}
	footer .consultSec .telBox .telnum img {
		width:458px;
	}
	footer .consultSec .telBox .consultNote {
		color:#8d0404;
		font-size:93%;
		margin-top:20px;
	}
	footer .consultSec .footerNav {
		float:right;
		width:165px;
	}
	footer .consultSec .footerNav li {
		background:url(../img/arrow_footer.png) no-repeat left center;
		font-size:86%;
		line-height:150%;
		margin-bottom:20px;
		padding-left:16px;
	}
	footer .consultSec .footerNav li a {
		color:#333;
	}
	footer .consultSec .footerNav li a:hover {
		opacity:0.8;
	}
	footer .bnrArea {
		margin:0 auto;
		padding:30px 0 35px;
		width:960px;
	}
	footer .bnrArea .pinkTxt {
		float:left;
		font-size:89%;
		margin:10px 10px 0 190px;
		width:360px;
	}
	footer .bnrArea .pinkTxt a {
		display:inline-block;
	}
	footer .bnrArea .pinkTxt a:hover {
		opacity:0.8;
	}
	footer .bnrArea .pinkTxt img {
		margin-right:10px;
		vertical-align:middle;
	}
	footer .bnrArea ul {
		float:left;
	}
	footer .bnrArea ul li {
		float:left;
		margin-right:45px;
	}
	footer .bnrArea ul li a:hover {
		opacity:0.8;
	}
	footer .copyright {
		background:#8d0404;
		color:#fff;
		display:block;
		font-size:79%;
		padding:40px 0;
		text-align:center;
	}
}