@charset "utf-8";

/* ------------------------------------------------------------------ フロート・配置 */

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.float-overflow {
	overflow:hidden;
	/zoom:1;
}
.floatclear {
	clear:both;
}

.clearfix:after {  
	content: ".";   
	display: block;   
	height: 0;   
	clear: both;   
	visibility: hidden;  
}

.ac{text-align:center;}
.ar{text-align:right;}
.al{text-align:left;}

.block {
	display: block;
}
.award {
	height:500px;
	margin-left: 20px;
}

.award div {
  float: left;
  margin-right: 10px;

}


/* ------------------------------------------------------------------ 画像 */

.img-frame {
	padding:5px;
	border:1px solid #EEE;
}
.img-frame2 {
	padding:9px;
	border:1px solid #EEE;
}


/* ------------------------------------------------------------------ リンク */

.link-icon-arrow {
	background-image: url(/image_hc/common/icon-arrow-pink.gif);
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: left center;
}
.link-icon-arrow2 {
	background-image: url(/image_hc/common/icon-arrow-red.gif);
	padding-left: 12px;
	background-repeat: no-repeat;
	background-position: left 0.4em;
	line-height: 1.6;
	margin-bottom: 1.5%;
}

.button-pink {
	background-color: #FF6699;
	color: #FFF;
	display: block;
	padding: 10px 0;
	width: 340px;
	text-align: center;
	position: relative;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: -1px -1px 1px #B71C62;
	font-size: 18px;
	margin:0 auto;
}

.button-link {
	color: #FFF;
	display: block;
	padding: 10px 0;
	width: 340px;
	text-align: center;
	position: relative;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	text-shadow: -1px -1px 1px #666666;
	font-size: 18px;
	margin:0 auto;
}

.button-green {
	background-color: #2CB6A9;
}
.button-gold {
	background-color:#CEA74A;
}
.button-gray {
	background-color:#BBBBBB;
}
.button-navy {
	background-color:#293764;
}
.button-small {
	display: inline-block;
	padding: 0.5% 6% 0.5% 3%;
	font-size: 12px;
	width: auto;
}

.button-link::after,
.button-pink::after {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	content: "";
	width: 8px;
	height: 8px;
	top: 40%;
	right: 3%;
	position: absolute;
	-webkit-transform: rotate(-135deg);
	   -moz-transform: rotate(-135deg);
		-ms-transform: rotate(-135deg);
		 -o-transform: rotate(-135deg);
			transform: rotate(-135deg);
}

.button-link:hover,
.button-pink:hover {
	opacity: 0.7;
}


/* ------------------------------------------------------------------ リンク色 */

.text-link-pink a:link {
	color: #f69;
	text-decoration: none;
}
.text-link-pink a:hover {
	color: #f69;
	text-decoration: underline;
}
.text-link-pink a:active {
	color: #f69;
	text-decoration: underline;
}
.text-link-pink a:visited {
	color: #f69;
	text-decoration: none;
}
.text-link-pink2 a:link {
	color: #f69;
	text-decoration: underline;
}
.text-link-pink2 a:hover {
	color: #f69;
	text-decoration: none;
}
.text-link-pink2 a:active {
	color: #f69;
	text-decoration: none;
}
.text-link-pink2 a:visited {
	color: #f69;
	text-decoration: underline;
}


/* ------------------------------------------------------------------ 見出し */

h3 {
	text-align: center;
	font-size: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 60px;
	margin-bottom: 25px;
	font-weight:normal;
}
.page_index,
#contents h1.page_index {
	text-align: center;
	font-size: 40px;
	line-height: 1;
	letter-spacing: 4px;
	font-weight: normal;
}
#contents h1.page_index {
	margin:0 auto 50px;
	color:#000;
}
.page_index_sub {
	text-align: center;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 1px;
	font-weight: normal;
}
.index-diagonal {
	background: url(../image_hc/top/index-diagonal2.gif) center top repeat;
	height: 32px;
	text-align: center;
	line-height: 35px;
	font-size: 32px;
	font-weight: normal;
}
.index-diagonal span { background: #fff; padding: 0 30px;}
.index-border-gray {
	background-image: url(/image_hc/common/border-gray.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
h2.index-border-gray, 
h2.index-border-green {
	text-align: center;
	font-size: 28px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 60px;
	margin-bottom: 25px;
	font-weight:normal;
}
.index-border-pink {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6699;
}
.index-border-green {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E0FFC1;
}
.index-border-blue {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #98D2D5;
}
.index-border-yellow {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFD1A4;
}
.index-icon-pink-square {
	font-size: 18px;
	background-image: url(/image_hc/common/icon-square-pink.gif);
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	font-weight: bold;
	padding-left: 18px;
}
h3.index-icon-pink-square {
	text-align: left;
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}
h3.index-icon-pink-square.mb10 {
	padding-bottom: 10px;
}
.sub-index {
	border-bottom: 4px solid #eee;
	color: #ff6699;
	font-size: 28px;
	margin: 10px auto 20px;
	padding: 8px 0;
	width: 850px;
	text-align: center;
}
.pink-icon {
	background: url(/image_hc/common/icon-square-pink.gif) 0 0.4em no-repeat;
	padding-left: 20px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	text-align: left;
}
.pink-icon2 {
	background: url(/image_hc/common/icon-triangle-pink.gif) 0 0.4em no-repeat;
	padding-left: 13px;
	font-weight: normal;
	margin-bottom: 5px;
	text-align: left;
}
.blue-icon {
	background: url(/image_hc/common/icon-square-blue.gif) 0 0.4em no-repeat;
	padding-left: 20px;
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 5px;
	text-align: left;
}
.blue-icon2 {
	background: url(/image_hc/common/icon-triangle-blue.png) 0 0.5em no-repeat;
	padding-left: 13px;
	font-weight: normal;
	font-size: 15px;
	margin-bottom: 5px;
	text-align: left;
}

/* ------------------------------------------------------------------ 余白 */

.mb0{margin-bottom:0px;}
.mb05{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}
.mr05{margin-right:5px;}
.mr10{margin-right:10px;}
.mr12{margin-right:12px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}
.mr60{margin-right:60px;}
.mr70{margin-right:70px;}
.mr80{margin-right:80px;}
.mr90{margin-right:90px;}
.mt05{margin-top:5px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}
.ml05{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}
.ml50{margin-left:50px;}
.ml60{margin-left:60px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml90{margin-left:90px;}
.ml110{margin-left:110px;}
.ml150{margin-left:150px;}

.pb05{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}
.pb30{padding-bottom:30px;}
.pb40{padding-bottom:40px;}
.pb50{padding-bottom:50px;}
.pr05{padding-right:5px;}
.pr10{padding-right:10px;}
.pr15{padding-right:15px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pr40{padding-right:40px;}
.pr50{padding-right:50px;}
.pt05{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}
.pl05{padding-left:5px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.pl40{padding-left:40px;}
.pl50{padding-left:50px;}

/* ------------------------------------------------------------------ テキスト */


.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}
.f19{font-size:19px;}
.f20{font-size:20px;}
.f21{font-size:21px;}
.f22{font-size:22px;}
.f23{font-size:23px;}
.f24{font-size:24px;}
.f25{font-size:25px;}
.f32{font-size:32px;}
.f35{font-size:35px;}
.f36{font-size:36px;}

.f-bold{font-weight:bold;}
.f-normal{font-weight:normal;}
.f-pink{color:#f69;}
.f-red{color:#B20000}
.f-glay{color:#AAA;}
.f-black{color:#000;}
.f-blue{color:#0085B2;}
.f-brown{color:#996600;}
.f-green{color:#0B7F6C;}
.f-gold{color:#C09A39;}

.lh10{line-height:1em}
.lh11{line-height:1.1em}
.lh12{line-height:1.2em}
.lh13{line-height:1.4em}
.lh14{line-height:1.5em}
.lh15{line-height:1.5em}
.lh16{line-height:1.6em}
.lh17{line-height:1.7em}
.lh18{line-height:1.8em}
.lh19{line-height:1.9em}
.lh20{line-height:2em}

hr {
	border:none;
	border-bottom: 1px solid #AAA;
}

/* 検索ワード強調 */

.hitwords {
	font-weight: bold;
	background-color: #fff0f5;
}


/* ------------------------------------------------------------------ width */

.w305{width: 305px;}
.w420{width: 420px;}
.w350{width: 250px;}
.w500{width: 500px;}
.w560{width: 560px;}
.w630{width: 630px;}
.w675{width: 675px;}
.w765{width: 765px;}


/* ------------------------------------------------------------------ background */

.bg-dot-blue {
	background-image: url(/image_hc/common/bg-dot-blue.jpg);
}

.bg-dot-gray {
	background-image: url(/image_hc/common/bg-dot-gray.png);
}

.bg-dot-green {
	background-image: url(/image_hc/common/bg-dot-green.jpg);
}

.bg-dot-pink {
	background-image: url(/image_hc/common/bg-dot-pink.png);
}

.bg-dot-pink2 {
	background-image: url(/image_hc/common/bg-dot-pink2.png);
}

.bg-dot-yellow {
	background-image: url(/image_hc/common/bg-dot-yellow.png);
}

.bg-pink-thin {
	background-color: #fff7f8;
	padding: 10px;
}

.bg-gray {
	background-color: #F6F6F6;
	padding: 10px;
}

.bg-pink {
	background-color: #ffbfd6;
}

.bg-pink-dark {
	background-color: #ff6699;
}


/* ------------------------------------------------------------------ YouTube */

.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* ------------------------------------------------------------------ 厚労省対策 */
#mhlw-risk-fixed .mhlw-risk-fixed-head {
	padding-bottom:80px;
}
#mhlw-risk-fixed .mhlw-risk-fixed-contents {
	position:fixed;
	bottom:0;
	background-color:rgba(222,222,222,0.9);
	padding:10px;
	font-size:8pt;
	width:96%;
	margin:1%;
	line-height:2;
}
#mhlw-risk-fixed .mhlw-risk-fixed-contents p {
	width:980px;
	margin:0 auto;
}
#mhlw-risk-fixed .mhlw-risk-fixed-contents .mhlw-risk-fixed-close {
	position:absolute;
	right:-0.5%;
	top:-10%;
}
#mhlw-risk-fixed .mhlw-risk-fixed-contents .mhlw-risk-fixed-close::after {
	background-image: url('/image_hc/common/icon-close.png');
	display:block;
	width:35px;
	height:35px;
	background-size:100%;
	content: '';
}
.mhlw-risk-single {
	background-color:#EEE;
	padding:10px;
	font-size:8pt;
	line-height:2;
}

#mhlw-risk-fixed-display {
	position:fixed;
	right: 5px;
	bottom: 5px;
	background-color:rgba(222,222,222,0.9);
	padding:8px;
	border-radius:5px;
	font-size:8pt;
	line-height:1.2;
}
#mhlw-risk-fixed-display::after {
	content: '施術の詳細情報を表示する';
}

@media screen and (max-width: 1200px){
	#mhlw-risk-fixed .mhlw-risk-fixed-contents {
		bottom:8%!important;
	}
}

/* ------------------------------------------------------------------ スマホ */
.sm-display {
	display: none;
}