@charset "utf-8";

/*英字用Googleフォント*/
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/*---------------------- */
.clf:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
.clf { display: inline-block; }
/* Hides from IE Mac */
* html .clf { height: 1%; }
.clf { display:block; }
/* End Hack */ 
/*---------------------- */
.clb { clear: both;}

html { overflow: auto; overflow-x: hidden;}
body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #000; margin-bottom: 100px; overflow-x: hidden; }
/*body { overflow: hidden; min-width: 978px; }*/
img { border:none; }
p { margin-bottom: 12px; font-size: 14px; line-height: 1.6}
a:hover img { opacity: 0.7; }
a { text-decoration:none; color:#333; word-break: break-all; }
a:hover { text-decoration: underline;}

.eFont,
.eFontB,
.eFontL { font-family: 'Lato', sans-serif !important; }
.eFont { font-weight: 400 !important; }
.eFontB { font-weight: 700 !important; }
.eFontL { font-weight: 300 !important; }
.fPink { color:#E45A95; }
.alignL { text-align:left !important;}
.alignC { text-align:center;}
.alignR { text-align:right;}
.fltR{ float:right;}
.fltL{ float:left;}
.imgFL { width: 40%; height: 40%; float: left; margin-right: 12px; margin-bottom:8px; }
.imgFR { width: 40%; height: 40%; float: right; margin-left: 12px; margin-bottom:8px; }
.txtU { text-decoration: underline; }
.mgnT { margin-top:50px !important;}
.mgnTM { margin-top:30px !important;}
.mgnTS { margin-top:20px !important;}
.mgnT0 { margin-top:0 !important;}
.mgnB { margin-bottom:50px !important;}
.mgnBM { margin-bottom:30px !important;}
.mgnBS { margin-bottom:20px !important;}
.mgnB0 { margin-bottom:0 !important;}
.font24 { font-size:24px;}
.font20 { font-size:20px;}
.font18 { font-size:18px;}
.font16 { font-size:16px;}
.font14 { font-size:14px;}
.font12 { font-size:12px;}
.font10 { font-size:10px;}

.fontCpink { color:#E45A95;}
a.fontCpink { color:#E45A95;}

a.btn { color: #fff; line-height:1; display:inline-block; vertical-align:middle; text-decoration:none; margin-top:5px; margin-bottom:5px; }
/* IE hack */
*:first-child+html a.btn { display: inline; zoom: 1; }
a.btn:hover { opacity: 0.7; }
.btnSPnk { color:#FFF; padding:6px 16px; font-size: 12px; font-weight:bold;  border-radius:100px; text-shadow: 0px -1px #C86F7E; background:#E45A95 url(../img/btn_bg-pink.jpg) repeat-x;}
.btnMPnk { color:#FFF; background-color: #EB87B1; font-size: 12px; padding: 10px 20px 9px; border-radius:3px; text-shadow: 0px -1px #EB87B1;}
.btnMSPnk { color:#FFF; background-color: #EB87B1; font-size: 12px; padding: 7px 20px 6px; border-radius:3px; text-shadow: 0px -1px #EB87B1;}
.btnXLPnk { color:#FFF; background-color: #EB87B1; font-size: 14px; width: 298px; padding: 10px 0 9px 0; border-radius:3px; text-shadow: 0px -1px #EB87B1; }
.btnSBlue { color:#FFF; background-color: #7EC2FA; font-size: 10px; padding: 8px 25px; border-radius:3px; text-shadow: 0px -1px #0059B2; }
.btnMBlue { color:#FFF; background-color: #7EC2FA; font-size: 12px; padding: 10px 20px 9px; border-radius:3px; text-shadow: 0px -1px #0059B2;}
.btnXLBlue { color:#FFF; background-color: #7EC2FA; font-size: 14px; width: 298px; padding: 10px 0 9px 0; border-radius:3px; text-shadow: 0px -1px #0059B2; }
.btnSGreen { color:#FFF; background-color: #83CB8F; font-size: 10px; padding: 8px 25px; border-radius:3px; text-shadow: 0px -1px #008C23; }
.btnMGreen { color:#FFF; background-color: #83CB8F; font-size: 12px; padding: 10px 20px 9px; border-radius:3px; text-shadow: 0px -1px #008C23;}
.btnXLGreen { color:#FFF; background-color: #83CB8F; font-size: 14px; width: 298px; padding: 10px 0 9px 0; border-radius:3px; text-shadow: 0px -1px #008C23; }
.btnSOrange { color:#FFF; background-color: #FF9224; font-size: 10px; padding: 8px 25px; border-radius:3px; text-shadow: 0px -1px #C86F7E; }
.btnMOrange { color:#FFF; background-color: #FF9224; font-size: 12px; padding: 10px 20px 9px; border-radius:3px; text-shadow: 0px -1px #C86F7E;}
.btnXLOrange { color:#FFF; background-color: #FF9224; font-size: 14px; width: 298px; padding: 10px 0 9px 0; border-radius:3px; text-shadow: 0px -1px #C86F7E; }
.btnSGold { color:#FFF; background-color: #A79258; font-size: 10px; padding: 8px 25px; border-radius:3px; text-shadow: 0px -1px #402000; }
.btnMGold { color:#FFF; background-color: #A79258; font-size: 12px; padding: 10px 20px 9px; border-radius:3px; text-shadow: 0px -1px #402000;}
.btnXLGold { color:#FFF; background-color: #A79258; font-size: 14px; width: 298px; padding: 10px 0 9px 0; border-radius:3px; text-shadow: 0px -1px #402000; }

.btnXLVoiceC { color:#FFF; background-color: #FF9224; font-size: 14px; padding: 10px 40px 9px; border-radius:3px; text-shadow: 0px -1px #C86F7E; }
.btnXLVoiceS { color:#FFF; background-color: #EB87B1; font-size: 14px; padding: 10px 15px 9px; border-radius:3px; text-shadow: 0px -1px #EB87B1; }

.mgnLRs { padding-left:10px !important; padding-right:10px !important;}


/*ヘッダー部*/

div#header { position: relative; text-align: left; margin: 0 auto; width: 320px; height: 66px;}
div#header h1{background:#FAEAF3;
    text-align:center;
    margin:0;
    letter-spacing:0.5px;
    line-height:1.3;
    padding:0.2rem 0;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
width: 356px;
font-size: 10.4px; transform: scale(0.9, 0.9); transform-origin: top left; 
}
div#header .h_nav { position: relative; }
div#header h2 { position: absolute; top: 10px; left: 16px;  }
div#header h2 img { width: 174px; height: auto; }
div#header ul.nav { position: absolute; top: 2px; right: 7px;}
div#header ul.nav li { float: left; margin-left: 1px; }
div#header ul.nav li img { width: 36px; height: auto; }

/*　共通 */
div#navigation, div#subNavigation { margin: 0 auto; width: 320px; }
div#navigation ul { border-bottom: 1px solid #fff; background: #eb87b1;}
div#navigation ul li, div#subNavigation ul li { float: left;}
div#subNavigation ul { display: none; }
div#subNavigation h3:before { content: "▼ "; }
div#subNavigation h3:after { content: " ▼"; }
div#subNavigation h3 { color: #fff; font-size: 14px; text-align: center; padding: 7px 0;
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;}
div#subNavigation h3.active:before { content: "▲ "; }
div#subNavigation h3.active:after { content: " ▲"; }

ul.boxMenu  { padding: 6px 0 6px 6px; overflow:hidden; }
ul.boxMenu li { float: left; width: 153px; font-size: 10px; background: #fff; margin: 0 1px 1px 0;}
ul.boxMenu li a { display: block; background: #fff; padding: 7px 0px 7px 8px; text-decoration: none; color: #000;}
ul.boxMenu li.menuCat1 { width: 299px; background: #aaa; padding: 5px 0 5px 8px;}
ul.boxMenu li.menuCat1a { width: 307px; background: #aaa;}
ul.boxMenu li.menuCat2 { width: 299px; background: #aaa; padding: 5px 0 5px 8px;}
ul.boxMenu li.menuCat2a { width: 307px; background: #ccc;}
ul.boxMenu li.menuCat3 { width: 299px; background: #aaa; padding: 5px 0 5px 8px;}
ul.boxMenu li.menuCat3a { width: 307px; background: #eee;}
ul.boxMenu li.menuCat1a a,
ul.boxMenu li.menuCat2a a,
ul.boxMenu li.menuCat3a a { display: block; padding: 7px 0px 7px 8px; text-decoration: underline; color: #000;}

/*　ピンク */
div#navigation ul.colorPink { background: #e45a95;}
div#subNavigation ul.colorPink { background: #fdf4f8;}
div#subNavigation.colorPink h3 { background: #e45a95 no-repeat !important; background-size: 320px !important;}
div#subNavigation.colorPink h3.active { background: #e45a95 no-repeat !important; background-size: 320px !important;}
ul.boxMenu.colorPink li.menuCat1, ul.boxMenu.colorPink li.menuCat1a a { background: #e45a95; color: #fff;}
ul.boxMenu.colorPink li.menuCat2, ul.boxMenu.colorPink li.menuCat2a a { background: #ffbeda; color: #000;}
ul.boxMenu.colorPink li.menuCat3, ul.boxMenu.colorPink li.menuCat3a a { background: #ffd5e7;}

/*　ブルー */
div#navigation ul.colorBlue { background: #e45a95;}
div#subNavigation ul.colorBlue { background: #eff9fe;}
div#subNavigation.colorBlue h3 { background: #5c99d9 no-repeat !important; background-size: 320px !important;}
div#subNavigation.colorBlue h3.active { background: #5c99d9 no-repeat !important; background-size: 320px !important;}
ul.boxMenu.colorBlue li.menuCat1, ul.boxMenu.colorBlue li.menuCat1a a { background: #5c99d9; color: #fff;}
ul.boxMenu.colorBlue li.menuCat2, ul.boxMenu.colorBlue li.menuCat2a a { background: #a9c9ea; color: #000;}
ul.boxMenu.colorBlue li.menuCat3, ul.boxMenu.colorBlue li.menuCat3a a { background: #def2fc;}

/*　オレンジ */
div#navigation ul.colorOrange { background: #e45a95;}
div#subNavigation ul.colorOrange { background: #fef7e0;}
div#subNavigation.colorOrange h3 { background: #ff8000 no-repeat !important; background-size: 320px !important;}
div#subNavigation.colorOrange h3.active { background: #ff8000 no-repeat !important; background-size: 320px !important;}
ul.boxMenu.colorOrange li.menuCat1, ul.boxMenu.colorOrange li.menuCat1a a { background: #ff8000; color: #fff;}
ul.boxMenu.colorOrange li.menuCat2, ul.boxMenu.colorOrange li.menuCat2a a { background: #ffb060; color: #000;}
ul.boxMenu.colorOrange li.menuCat3, ul.boxMenu.colorOrange li.menuCat3a a { background: #ff9c39;}

/*　グリーン */
div#navigation ul.colorGreen { background: #e45a95;}
div#subNavigation ul.colorGreen { background: #edfaf5;}
div#subNavigation.colorGreen h3 { background: #11b9be no-repeat !important; background-size: 320px !important;}
div#subNavigation.colorGreen h3.active { background: #11b9be no-repeat !important; background-size: 320px !important;}
ul.boxMenu.colorGreen li.menuCat1, ul.boxMenu.colorGreen li.menuCat1a a { background: #11b9be; color: #fff;}
ul.boxMenu.colorGreen li.menuCat2, ul.boxMenu.colorGreen li.menuCat2a a { background: #a7e3e5; color: #000;}
ul.boxMenu.colorGreen li.menuCat3, ul.boxMenu.colorGreen li.menuCat3a a { background: #cbf6f7;}

/*　ゴールド */
div#navigation ul.colorGold { background: #e45a95;}
div#subNavigation ul.colorGold { background: #fffbea;}
div#subNavigation.colorGold h3 { background: #b8860b no-repeat !important; background-size: 320px !important;}
div#subNavigation.colorGold h3.active { background: #b8860b no-repeat !important; background-size: 320px !important;}
ul.boxMenu.colorGold li.menuCat1, ul.boxMenu.colorGold li.menuCat1a a { background: #b8860b; color: #fff;}
ul.boxMenu.colorGold li.menuCat2, ul.boxMenu.colorGold li.menuCat2a a { background: #c8ba94; color: #000;}
ul.boxMenu.colorGold li.menuCat3, ul.boxMenu.colorGold li.menuCat3a a { background: #ece1c3;}

.breadCrumb { display: none; font-size: 10px; margin: 10px 0px 10px 4px; }
.breadCrumb a { color:#333;}
.breadCrumb a:hover { text-decoration:underline;}


/*右サイドボタン*/
#page_side_btn { left: 50%; overflow: hidden; position: fixed; top: 20px; width: 50px; margin: 0px 0px 0px 520px; padding: 0px; list-style: none; }
#page_side_btn li { float: right; line-height: 0; margin: 0 0 4px 0; padding: 0px; }
#page_side_btn a:hover img { opacity: 0.7; }

/*右サイド壁バナー*/
#sideWall_btn_L { right: 50%; overflow: hidden; position: absolute; top: 262px; width: 170px; margin: 0px 510px 0px 0px; padding: 0px;}
#sideWall_btn_R { left: 50%; overflow: hidden; position: absolute; top: 262px; width: 170px; margin: 0px 0px 0px 510px; padding: 0px;}

/*フッター部*/

div.about { margin: 3px 0; }
/*div.about img { width: 320px; height: auto; }
div.search img { width: 320px; height: auto; }*/
div.about img,
div.search img {
    display: block;
    max-width: 100%;
    width /***/: auto;
    _width: 100%;
    height: auto;
    margin: 0 auto;
    -ms-interpolation-mode: bicubic;
}
div.search { margin: 3px -6px; }

div.cta-box { margin: 3px -6px; text-align: center; }
/*div.cta-box img { width: 288px; height: auto; }*/
div.search img {
    display: block;
    max-width: 100%;
    width /***/: auto;
    _width: 100%;
    height: auto;
    margin: 0 auto;
    -ms-interpolation-mode: bicubic;
}

/*.cta .cta-box{
	background:#1AAF9D;
	padding: 18px 0;
	color:#fff
}
.cta .cta-box p{
	font-size: 10px; 
    width: 288px; 
	margin: 3px auto;
	text-align: left; 
	font-weight: bold;
	line-height: 1.4; 
font-size: 9.8px; transform: scale(0.9, 0.9); transform-origin: top left; 
}
.cta .cta-box p.ttl{
	text-align: center; 
	margin: 0;
transform: scale(1, 1); }
.cta .cta-box .flex a{
	margin-right:0
}
.cta .cta-box .flex a:last-child{
	margin-right:0
}
.cta .cta-box .flex a img{
	width: 141px; height: auto;
}
.cta .cta-box .caution{
	text-align:center
}
.cta .cta-box .caution p{
	text-align:center;
	font-weight:normal
}
.cta .cta-box .caution a{
	color:#fff;
	text-decoration:underline
}*/


.copyR { clear:both; background-color:#f2f2f2; font-size: 10px; color: #333; text-align: center; padding: 6px; margin: 0px; }
#footer { clear:both; width:308px; margin: 6px auto;}
#footer .pagetop { width:978px; margin:0 auto 7px; text-align:right; }
#footer .footerMenuBox { border-top: 1px solid #CCC; }
#footer .footerMenuBox .footerMenuBoxInn { margin: 0px auto; width: 978px; text-align:left; line-height:1.4; padding:10px 0 0; }

#footer .footerMenuBox .footerBanner {float: left; width: 221px; margin-left:31px; padding:20px 0 30px;}
#footer .footerMenuBox .footerBanner p { margin:0 0 10px;}
#footer .footerMenuBox .footerBanner .pbox { text-align:center; font-size: 10px; background-color: #FDF4F8; padding: 4px; margin-right: 20px; margin-left: 20px; }
#footer .footerMenuBox ul.footerMenu a { color:#333;}
#footer .footerMenuBox ul.footerMenu a:hover { text-decoration:underline;}
#footer .footerMenuBox ul.footerMenu { margin: 0px; padding: 0 0 30px; list-style: none; float: left; width: 221px; margin-left:31px; }
#footer .footerMenuBox ul.footerMenu:first-child { margin-left:0;}
#footer .footerMenuBox ul.footerMenu ul { list-style: none; margin:0; padding:0; font-size:12px;}
	#footer .footerMenuBox ul.footerMenu ul > li a{
		display:block;
		padding-left:26px;
		line-height:30px;
		background:url(../img/bg_main_conv.png) no-repeat 10px center;}
#footer .footerMenuBox ul.footerMenu > li {
	margin-bottom:8px;}
#footer .footerMenuBox ul.footerMenu > li > a { border-bottom: 1px solid #919191; padding: 8px 4px; display:block; }
#footer .footerMenuBox ul.footerMenu > li > span { border-bottom: 1px dotted #919191; padding: 8px 4px; display:block; }
#footer .footerMenuBox ul.footerMenu .mgt { margin-top:15px;}

#footer .footerConversion { background-color: #FDEDF3; }
#footer .footerConversionInn { margin: 0px auto; width: 978px; text-align:left; padding:20px 0 15px; }
#footer .footerConversion .cellL { float:left; text-align:right; width:471px;}
#footer .footerConversion .cellR { float:right; width:500px;}
#footer .footerConversion .cellL p { margin:12px 0 0;}
#footer .footerConversion .cellR p { margin:0;}
#footer .footerConversion .cellR p img { margin-left:30px;}

.globalSite { margin: 25px -6px; }
.globalSite h2 { font-weight:normal; font-size: 18px; text-align: center; margin: 0 0px 12px; padding: 6px 0; color: #fff; background: #e45a95;}
.globalSite p { text-align: center; }
.globalSite p img { width: 249px; height: auto; padding: 6px; }

.footerLink { margin: 0 -6px; padding: 12px 0 6px;; text-align: center; background: #fdf4f8;}
.footerLink li { float: left; padding: 0 5px; }
.footerLink a { font-size: 12px; line-height: 1.2; color: #000; text-decoration: underline;}
.footerLink p.copyright { font-size: 9px; line-height: 1.2; color: #000; padding-top: 18px;}

.footerArea { margin:0; padding:6px 6px 9px; background: #fff;}
.footerArea .cellL { width:106px; float:left; text-align:right; line-height:0;}
.footerArea img { width:100px; height: auto; padding-top: 5px;}
.footerArea .cellR { width:194px; float:right; text-align:left;}
.footerArea .cellR ul { width: 194px; margin: 0; padding: 0;  }
.footerArea .cellR li { float: left; line-height: 0.8; padding: 0 6px 0 0 !important; margin: 0; }
.footerArea .cellR li a { font-size: 9px; padding: 0; margin: 0; text-decoration: none; }

#navi {overflow: hidden; position: fixed; left: 0; bottom: 0; z-index: 99999999999;color: #fff; padding: 7px 0; width: 100%; text-align: center; border-top: 4px sold #999;
	background: #e45a95;
	background: -moz-linear-gradient(top,  #e45a95 0%, #e45a95 50%, #e45a95 51%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e45a95), color-stop(50%,#e45a95), color-stop(51%,#e45a95));
	background: -webkit-linear-gradient(top,  #e45a95 0%,#e45a95 50%,#e45a95 51%);
	background: -o-linear-gradient(top,  #e45a95 0%,#e45a95 50%,#e45a95 51%);
	background: -ms-linear-gradient(top,  #e45a95 0%,#e45a95 50%,#e45a95 51%);
	background: linear-gradient(to bottom,  #e45a95 0%,#e45a95 50%,#e45a95 51%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45a95', endColorstr='#e45a95',GradientType=0 );}
#navi a {color: #fff; text-decoration: none;}
#navi ul {}
#navi ul li { float: left; width: 33.3333%; font-size: 0.7rem; white-space: nowrap;}
#navi ul li a  { display: block; color: #fff;}

#footerNavigation {overflow: auto; position: fixed; left: 0; bottom: 0; z-index: 99999999999;color: #fff; padding: 0; width: 100%; text-align: center;}
#footerNavigation p.pageTop { text-align: right; padding: 0 6px 6px 0; margin: 0;}
#footerNavigation p.pageTop img { width: 50px; height: 50px;}
#footerNavigation a {color: #fff; text-decoration: none;}
#footerNavigation ul.menuBtn { margin: 0 6px; }
#footerNavigation ul.menuBtn li { width: 43px; height: 48px; }
#footerNavigation ul.menuBtn li img { width: 43px; height: 43px;}
#footerNavigation ul.menuBtn li.left { float: left; text-align: left; }
#footerNavigation li.left img.official { width: auto; height: 43px;}
#footerNavigation ul.menuBtn li.right { float: right; text-align: right; padding-right: 3px; }
#footerNavigation ul.contactBtn { width: 100%; height: 48px;overflow: auto; background: #11b9be;}
#footerNavigation ul.contactBtn li { float: left; width : 98.5px; background: #fff; height: 35px; margin: 6px 0px 0 6px; }
#footerNavigation ul.contactBtn li img  { width: 98.5px; height: auto; }

#footerNavigation.nofixed { display: none; } 

/*メイン・サイドバー部*/

#container { width:320px; margin:0 auto; text-align:left; }
#main .pagetop { display: none; margin:4px 0; text-align:right; }

#main_col1 { margin:50px 0 0 0; }
#main_col1 h2{ margin:0 0 50px 0; }

/*左サイドバー*/
#sideWrap { display: none; float:left; width:204px; }
#sidebar { display: none; float:left; width:204px; margin-top:20px; }
#sidebar .sidebarClinicSelect { background-image: url(../img/side_clinic.png); background-repeat: no-repeat; height: 200px; width: 204px; text-align:center; margin-bottom:30px;}
#sidebar .sidebarClinicSelect h3 { text-indent:-9999px; font-size:12px; line-height:1; padding-top:145px; margin-top:0;}
#sidebar .sidebarClinicSelect select { width:134px; text-align:left;}
#sidebar .sidebarClinicSelect .btn { border-radius:3px; border: 1px solid #CCC; cursor:pointer; padding:1p 3px; }

#sidebar .sidebarBanner { margin-bottom:30px;}
#sidebar .sidebarBanner p { font-size:10px;　margin-top:18px;}
#sidebar .sidebarBanner p:first-child { margin-top:0px;}

#sidebar .sidebarConsultation  { margin-bottom:50px; margin-top:50px;border-bottom: 1px solid #CCC;}
#sidebar .sidebarConsultation h2 { font-size:16px; font-weight:normal; margin:0 0 7px;}
#sidebar .sidebarConsultation h2 .eFont { font-size:10px; color: #E45A95;}
#sidebar .sidebarConsultation h3 { font-size: 14px; font-weight: normal; background-color: #E45A95; padding: 8px; margin: 20px 0 0; color:#FFF; border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0;	/* 角丸 */}
#sidebar .sidebarConsultation h2 + h3 { margin:0;}
#sidebar .sidebarConsultation h3 .eFont { font-size: 10px; color: #FDF4F8; }
#sidebar .sidebarConsultation ul { margin: 0; padding: 0px; list-style: none; }
#sidebar .sidebarConsultation ul li { margin: 0px; border-top: 1px solid #CCC; font-size:14px; }
#sidebar .sidebarConsultation ul li:first-child { border-top:none;}
#sidebar .sidebarConsultation ul li a { display:block; padding: 8px; }
#sidebar .sidebarConsultation ul li a:hover,
#sidebar .sidebarConsultation ul li a.selected { background-color: #FBE6EF; color: #E45A95; } 
#sidebar .sidebarConsultation .subMenu { font-size: 10px; float: right; padding-right: 5px; line-height: 11px;}

#sidebar .sidebarConsultation h3:nth-of-type(1) {
	background: #e071b0; /* フェイス */
}
#sidebar .sidebarConsultation h3:nth-of-type(2) {
	background: #ba56ee; /* ボディ */
}
#sidebar .sidebarConsultation h3:nth-of-type(3) {
	background: #8064f8; /* スキンケア */
}
/* #sidebar .sidebarConsultation h3:nth-of-type(1) {
	background: #3999ff;  しわ・たるみ 
} */
#sidebar .sidebarConsultation h3:nth-of-type(4) {
	background: #11b9be; /* その他 */
}

#sidebar .sidebarPopular  { margin-bottom:30px;}
#sidebar .sidebarPopular h2 { font-size:16px; font-weight:normal; margin:0 0 7px; border-bottom: 1px solid #e33e84; padding: 0px 0px 3px 1px;}
#sidebar .sidebarPopular h2 .eFont { font-size:10px; color:#e33e84;}
#sidebar .sidebarPopular ul { margin: 0px; padding: 0px; list-style: none; }
#sidebar .sidebarPopular ul li { font-size:14px; border-bottom: 1px solid #CCC; }
#sidebar .sidebarPopular ul li img { vertical-align: middle; margin-right: 8px; }
#sidebar .sidebarPopular ul li a { display:block; padding: 6px 0px; }
#sidebar .sidebarPopular ul li a:hover,
#sidebar .sidebarPopular ul li a.selected { background-color: #FBE6EF; color: #E45A95; } 
#sidebar .sidebarPopular ul li a:hover img { opacity: 1; }

#sidebar .sidebarMenu { margin-bottom:36px;}
#sidebar .sidebarMenu h2 { color:#FFF; background-color: #333; margin: 0px; padding:8px; font-size: 14px; letter-spacing:0.08em; }
#sidebar .sidebarMenu h2 a { color:#FFF; display:block;}
#sidebar .sidebarMenu > ul { border-bottom: 2px solid #333; border-left: 2px solid #333; margin: 0px; list-style: none; padding:0; }
#sidebar .sidebarMenu > ul > li { border-top: 1px solid #CCC; margin: 0; font-size:14px; }
#sidebar .sidebarMenu > ul > li > a { display:block; padding: 9px 0 9px 9px;}
#sidebar .sidebarMenu > ul > li:first-child { border-top:none; margin-top:0; }
#sidebar .sidebarMenu ul ul { background-color: #f2f2f2; margin: 0px; padding: 0px 0px 3px; list-style: none; font-size: 12px; }
#sidebar .sidebarMenu ul ul li { margin: 0 0; padding: 0; }
#sidebar .sidebarMenu ul ul li a { display: block; background-repeat: no-repeat; background-position: 8px 10px; padding: 8px 8px 8px 26px; }
#sidebar .mgNarrow ul ul li a { display: block; background-repeat: no-repeat; background-position: 8px 8px; padding: 5px 8px 5px 26px; }

#sidebar .sidebarMenu ul li a.selected { text-decoration:underline !important;}
#sidebar .sidebarMenu ul ul.sideSub { background-color:#fff !important;}
#sidebar .sidebarMenu ul ul.sideSub li a:hover,
#sidebar .sidebarMenu ul ul.sideSub li a.selected {background-color:#fff !important;}
#sidebar .sidebarMenu ul ul.sideSub li { margin-left:20px;}




/*メイン*/
#main { line-height:1.8; float: right; width:308px; margin: 1px 6px 6px;}
#main p.alignC img { width: 308px; height: auto; }
#main p.alignC iframe { width: 308px; height: auto; }
h2.mainTitle { font-size: 16px; line-height: 1.1; font-weight: normal; border: 4px solid #CCC; padding: 15px 100px 10px 10px; margin: 6px 0px 1em; background-repeat: no-repeat; background-position: right top; background-color:#FFF; color: #000; background-size: 40%; min-height:18px; }


.historyBanner { margin:6px 0;}
.historyBanner img  { width: 308px; height: auto; }
.shiromotoPoint { padding: 20px; margin: 65px 0 60px; border: 1px solid #D6D6D6; }
.shiromotoPoint h2 { font-size: 14px; font-weight: normal; color: #333; line-height: 1; margin: -28px 0px 0px; padding: 0px 6px; background-color:#FFF; float: left; }
.shiromotoPoint h3 { clear:left; font-size: 14px; font-weight: normal; color: #E45A95; margin-top: 5px; margin-bottom: 10px; }
.shiromotoPoint p { margin-bottom:0;}

.douiPDF { padding: 20px; margin: 60px 0; border: 3px solid #E45A95; }
.douiPDF h3 { clear:left; font-size: 14px; font-weight: normal; color: #E45A95; margin-top: 5px; margin-bottom: 10px; }
.douiPDF p { margin-bottom:0;}

.recommendMenu { margin-top: 50px; }
.recommendMenu h2 { font-weight:normal; font-size: 18px; text-align: center; margin: 0px 0px 5px; padding: 0px; }
.recommendMenu h2 .eFont { font-size: 14px; color: #E45A95; }
.recommendMenu ul { margin: 0px 0 0 -6px;; padding: 0px; list-style: none; }
.recommendMenu ul li { float: left; width: 151px; font-size: 11px; color: #E45A95; line-height:1.2; margin: 0px 0px 12px 6px; padding: 0px; }
.recommendMenu ul li img { width: 151px; height: auto; padding-bottom: 3px;}
.recommendMenu ul li a { color: #E45A95;}

.recommendMenu { margin-top: 50px; }
.recommendMenu h2 { font-weight:normal; font-size: 18px; text-align: center; margin: 0px 0px 5px; padding: 0px; }
.recommendMenu h2 .eFontL { font-size: 12px; color: #E45A95; padding-right: 12px;}

.conversionMenu { border: 1px solid #E45A95; margin-top: 0; }
.conversionMenu .bannerLine { background-image: url(../img/bg_main_conv.png); text-align: center; padding: 3px 6px; }
.conversionMenu .bannerLine img { margin: 0; width: auto; height: 58px; padding: 6px 0;}
.conversionMenu .cellL { display: none; width: 100px; float:left; padding-left: 6px; }
.conversionMenu .cellL img { width: 100%; height: auto; }
.conversionMenu .cellR { display: none; float:right; width: 185px; padding-right: 6px; padding-bottom: 6px; }
.conversionMenu .cellR h3 { font-size: 14px; font-weight: normal; color: #E45A95; margin:0px 0 0; }
.conversionMenu .cellR p { margin:0 0 3px; font-size: 10px; line-height: 1; }

.contentsMenu { margin-top: 40px;}
.contentsMenu h2 { font-weight:normal; font-size: 18px; text-align: center; margin: 0px; padding: 0px; clear:both; }
.contentsMenu h2 a { color: #000; }
.contentsMenu h2 a img { display: none; }
.contentsMenu h2 .eFontL { display: none; font-size: 14px; }
.contentsMenu .contentsMenuBox { padding: 9px 9px 6px;  border: 1px solid #ccc; border-top-width: 2px;}
.contentsMenu .contentsMenuBox p { margin:0; font-size:14px; line-height: 1.6; }
.contentsMenu .contentsMenuBox p a { color: #000; text-decoration: underline; }
.contentsMenu .contentsMenuBox ul { margin: 13px 0px 0px -5px; padding: 0px; list-style: none; line-height:1; }
.contentsMenu .contentsMenuBox ul li { font-size: 14px;  float: left; margin: 0 0 6px 6px; white-space: nowrap; }
.contentsMenu .contentsMenuBox ul li a { color: #000; display:block; padding:8px 6px; border: 1px solid #CCC;background-color: #f2f2f2;}
div#ctNavigation { margin: -11px -10px 6px; padding: 0; width: 308px; }
div#ctNavigation ul { background: #eb87b1; padding: 0; margin: 0; }
div#ctNavigation ul li { float: left; padding: 0; margin: 0; width: 61.6px; }
div#ctNavigation ul li img { width: 61.6px; height: auto; }
div#ctNavigation ul li a { background: none; border: none; padding: 0; margin: 0;  }
div#ctNavigation .colorPinkn { background: #E45A95; }
div#ctNavigation .colorBlue { background: #5c99da; }
div#ctNavigation .colorGreen { background: #4ab35c; }
div#ctNavigation .colorOrange { background: #FF8000; }
div#ctNavigation .colorGold { background: #7D5B00; }

.footerMenu { margin: 25px 0 0; }
.footerMenu h2 { font-weight:normal; font-size: 18px; text-align: center; margin: 0 -6px 6px; padding: 6px; color: #fff; background: #e45a95;}
.footerMenu p { font-size: 16px; padding: 6px 12px; margin: 0 0 3px; color: #000;}
.footerMenu .subMenu { display: none; margin: 0 auto 3px; width: 308px; }
.footerMenu .subMenu ul { border-bottom: 1px solid #fff; background: #fdf4f8;}
.footerMenu .subMenu ul li { float: left;　}
.footerMenu p { background: url(/files/img/icon_plus.png) #ffd5e7 no-repeat 275px center; background-size: 25px;}
.footerMenu p.selected { background: url(/files/img/icon_minus.png) #ffd5e7 no-repeat 275px; center; background-size: 25px;}
.footerMenu .subMenu ul { padding: 6px 0 6px 6px; overflow:hidden; }
.footerMenu .subMenu ul li { float: left; width: 148px; font-size: 12px; background: #fff; margin: 0 1px 1px 0;}
.footerMenu .subMenu ul li a { display: block; background: #fff; padding: 6px 0px 6px 8px; text-decoration: none; color: #000;}
.footerMenu .subMenu ul li.menuCat1 { width: 289px; background: #ffd5e7; padding: 4px 0 4px 8px;}
.footerMenu .subMenu ul li.menuCat1a { width: 307px; background: #aaa;}
.footerMenu .subMenu ul li.menuCat2 { width: 299px; background: #aaa; padding: 5px 0 5px 8px;}
.footerMenu .subMenu ul li.menuCat2a { width: 307px; background: #ccc;}
.footerMenu .subMenu ul li.menuCat3 { width: 299px; background: #aaa; padding: 5px 0 5px 8px;}
.footerMenu .subMenu ul li.menuCat3a { width: 307px; background: #eee;}
.footerMenu .subMenu ul li.menuCat1a a,
.footerMenu .subMenu ul li.menuCat2a a,
.footerMenu .subMenu ul li.menuCat3a a { display: block; padding: 7px 0px 7px 8px; text-decoration: underline; color: #000;}
.footerMenu .subMenu ul li.menuCat1.colorFace, .footerMenu .subMenu ul li.menuCat1.colorPink { background-color: #e071b0; color:#fff; }
.footerMenu .subMenu ul li.menuCat1.colorBody, .footerMenu .subMenu ul li.menuCat1.colorBlue { background-color: #ba56ee; color:#fff; }
.footerMenu .subMenu ul li.menuCat1.colorSkin { background-color: #8064f8; color:#fff; }
.footerMenu .subMenu ul li.menuCat1.colorOthers { background-color: #11b9be; color:#fff; }
.footerMenu .subMenu ul li.menuCat1.colorPopular { background-color: #e071b0; color:#fff; }
.footerMenu ul.footerMenuCol2 { margin: 0 -3px;}
.footerMenu ul.footerMenuCol2 li { display: block; float: left; font-size: 16px; margin: 0 0 3px 3px; color: #000; background: #ffd5e7;}
.footerMenu ul.footerMenuCol2 li a { width: 128.5px; display: block; color: #000; padding: 6px 12px;  }

/*動画用モーダル*/
.modal,
.modalMovie iframe{ display:none; }
.modalBody { position: fixed; z-index:10000; background: #FFF; width:560px; left:50%; top:50%; height: 345px; text-align:left; }
.modalBody.sizeAuto {position:absolute; background: #FFF; width:auto;height: auto; top:25px; }
.modalBK { position: fixed; z-index:9999; height:100%; width:100%; background:#000;opacity: 0.9;filter: alpha(opacity=90);-moz-opacity:0.9; top:0; left:0; }
.modalBtns,
.modalimgBtns { cursor: pointer }
.modalBtns:hover,
.modalimgBtns:hover,
.modalBody .modalClose span:hover {opacity: 0.8;}
.modalBody .modalClose span{ cursor: pointer; background-image: url(../img/btn_close.png); background-repeat: no-repeat; text-indent: -9999px; display: block; height: 16px; width: 84px; outline:none; float:right;}
.modal { width:690px; color: #eee; }
.modalBody { padding: 20px; border-radius:6px;}
.modalMovie { height:315px; background-color:#000;}

#lineModal .modalBody {width:240px; left:calc(50% - 120px); top:0; height: auto; overflow-y: auto; padding: 0px; margin:20px 0px; z-index: 10000000000000;}
#lineModal img {max-width: 100%;}
#lineModal .modalBody .modalClose span{ width: 24px; }

.modalView { position:relative}
.modalimgBtns img { border: 3px solid #83CB8F; }
.modalView .iconView { left:50%; top:50%; margin-left:-29px; margin-top:-29px; position:absolute; border:none; }
.modalView .iconView:hover {opacity: 1 !important;}

.blinking {
    -webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}