@charset "shift_jis";
/* タグ指定
*************************************/
html,body{
    width:100%;
    min-width:1200px;
}

body div{
	position:relative;
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo';
	font-size:18px;
}
.mainContents h1, h2, h3, h4, h5, p, img, dl, dt, dd, ul, li {
	margin:0;
	padding:0;
}
.mainContents img {
	border:0;
}
.mainContents img a {
	border:0;
}
/* class指定
*************************************/
.red{
	color:#ff0000;
	font-size:12px;
}

.mainContents {
	width:950px;
	padding-bottom:15px;
	margin:15px auto 0;
	text-align:left;
	font-size:95%;
	color:#333;
	line-height:1.8;
}

h2{
    width:100%;
    text-align:center;
}

a:hover{
    text-decoration:none;
}

.over{
    cursor:pointer;
}

.rps_visible{
    display:none;
}

.rps_del{
    display:block;
}

.menu{
	width:100%;
    height:57px;
    background-image:url("../images/menu_bg.jpg");
}

.menu a:nth-child(1) img{
	margin-left:24px;
}

.menu_detail{
	width:998px;
    margin:0 auto 0;
}

.menu_detail img{
    display:block;
    float:left;
}

.main_banner{
    position:relative;
    width:100%;
    height:auto;
    overflow:hidden;
}

.banner_area{
    position:relative;
    width:100%;
    height:auto;
    text-align:left;
}

.main_banner .banner{
    position:relative;
    width:100%;
    min-width:1002px;
    height:auto;
    float:left;
    text-align:left;
    overflow:hidden;
}

.main_banner .banner img{
    position:relative;
	left:50%;
    width:2400px;
    height:557px;
    max-height:557px;
    opacity:0;
}


.main_banner .banner:nth-child(1){
    width:100%;
    height:auto;
    display:block;
    float:left;
    cursor:normal;
}


.main_banner .mark{
    position:absolute;
    height:10px;
    bottom:15px;
    width:100%;
    height:auto;
    z-index:1;
    text-align:center
}

.banner_area .bn01_m{
display:none;
}

.banner_area .bn02_m{
display:none;
}

.banner_area .bn03_m{
display:none;
}

.banner_area .bn04_m{
display:none;
}

.banner_area .bn5_m{
display:none;
}

.main_banner .mark img{
    margin-left:6px;
    margin-right:6px;
}

.main_banner .back{
    position:absolute;
    left:20px;
    cursor:pointer;
    opacity:0;
    z-index:1;
}

.main_banner .next{
    position:absolute;
    right:20px;
    cursor:pointer;
    opacity:0;
    z-index:1;
}


.line{
    width:100%;
    height:1px;
    background:#f2f1e6;
}

.lineup{
    position:relative;
	width:100%;
    min-width:1200px;
    background-image:url("../images/lineup_bg.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    padding-top:40px;
    padding-bottom:40px;
    text-align:center
}

.lineup .pr{
    position:relative;
    margin:0 auto 0;
    display:inline-block;
}

.lineup .pr a{
	position:relative;
	color:#000000;
	display:block;
	float:left;
}

.lineup .pr .pr_cursor{
	position:relative;
	margin-top:17px;
    /*商品4つバージョンmargin-left:200px;*/
	margin-left:290px;
	margin-bottom:-25px;
	z-index:1;
}

.lineup .pr .pr_detail{
    /*商品4つバージョンwidth:229px;*/
	width:320px;
	padding:45px 13px;
    float:left;
	border:solid 1px #eeeeee;
	background-color: rgba(255,255,255,0.85);
}

.lineup .pr .pr_center{
    margin-left:12px;
    margin-right:12px;
	display:block;
}

.lineup .pr .pr_end{
    margin-left:12px;
	display:block;
}

.lineup .pr .new{
    padding:5px 10px 5px 10px;
    font-size:12px;
    background:#e1007f;
    border-radius:4px;
    display:inline-block;
    color:#ffffff;
    margin-bottom:5px;
    margin-bottom:5px;
}

.lineup .pr .new_no{
    padding:5px 10px 5px 10px;
    font-size:12px;
    background:#ffffff;
    border-radius:4px;
    display:inline-block;
    color:#ffffff;
    margin-bottom:5px;
	display:none;
}

.lineup .pr .pr_detail .pr_logo01{
	margin-bottom:5px;
}


.lineup .pr .text{
    position:relative;
    text-align:center;
    display:block;
    margin-top:-20px;
    margin-bottom:5px;
    font-size:10px;
    line-height:1.4;
}


.lineup .pr .text a{
    color:#000000;
}

.caption{
    margin:0 auto 40px;
}

.caption02{
    margin:40px auto 40px;
}

.ct_banner01{
    width:100%;
    height:auto;
}

.tvcm{
    width:100%;
}

/*
.ct_banner02{
    width:50%;
    height:auto;
    float:left;
}
.ct_banner03{
    width:50%;
    height:auto;
}
*/

.ct_banner02{
	width:50%;
    height:auto;
    float:left;
}

.ct_banner03{
	width:50%;
    height:auto;
}

.ct_banner04{
	width:50%;
    height:auto;
}

.ct_banner05{
	width:50%;
    height:auto;
}

.ct_banner06{
	width:50%;
    height:auto;
}

.ct_banner02_cs{
    width:100%;
    height:auto;
    float:left;
}

.story{
	width:100%;
    height:870px;
    background-image:url("../images/story_bg.jpg");
    background-position:top center;
    background-repeat:no-repeat;
    clear:both;
    text-align:center
}

.story_back{
    position:absolute;
    left:50%;
    margin-left:-437px;
    margin-top:169px;
}

.story_next{
    position:absolute;
    left:50%;
    margin-left:380px;
    margin-top:169px;
}

.hada{
    padding-top:40px;
    margin-bottom:30px;
}

.hada_box{
    position:absolute;
    width:750px;
    height:201px;
    left:50%;
    margin-top:83px;
    margin-left:-375px;
    overflow:hidden;
}

.hada_box_detail{
    position:absolute;
    width:99999px;
    height:201px;
}

.hada_box .hada_box_detail div{
    width:250px;
    text-align:center;
    float:left;
    cursor:pointer;
}

.yokuinin_box{
    position:absolute;
    width:750px;
    height:201px;
    left:50%;
    margin-top:83px;
    margin-left:-375px;
    overflow:hidden;
}

.yokuinin_box_detail{
    position:absolute;
    width:99999px;
}

.yokuinin_box .yokuinin_box_detail div{
    width:250px;
    float:left;
    cursor:pointer;
}

.story_text{
    position:absolute;
    width:250px;
    font-size:16px;
    line-height:1.4;
    margin-top:115px;
    color:#ffffff;
    display:block;
}



.story_text_s{
    position:absolute;
    width:250px;
    font-size:14px;
    line-height:1.5;
    margin-top:115px;
    color:#ffffff;
    display:block;
}



.story_text_ss{
    position:absolute;
    width:250px;
    font-size:13px;
    line-height:1.4;
    margin-top:115px;
    color:#ffffff;
    display:block;
}






.foot_btn{
    position:relative;
    margin-top:-100px;
    text-align:center;
}



.bg_box{
    position:absolute;
    width:100%;
    height:700px;
    overflow:hidden;
}

.bg_box02{
    width:100%;
    min-width:950px;
}

.bg{
    position:absolute;
    width:1400px;
    left:50%;
    margin-left:-690px;
    text-align:right;
}

.bg_box_sc{
    position:absolute;
    margin-top:673px;
    width:100%;
    height:520px;
    overflow:hidden;
}

.bg_box_sc02{
    width:100%;
    min-width:950px;
}

.bg_sc{
    position:absolute;
    width:1400px;
    left:50%;
    margin-left:-1640px;
    text-align:right;
}

/* グロナビ処理ここから */
.brandSiteHeader .logo {
margin-left: 0;
}
/* グロナビ処理ここまで */

.main{
    margin-top:30px;
    margin-left:90px;
    margin-bottom:60px;
}

.btn{
    position:absolute;
    margin-top:380px;
    margin-left:90px;
    display:inline-block;
    background-image:url(../images/btn01_over.gif);
}

.btn img:hover{
    opacity:0;
}

.ct01{
    padding:30px;
    border:1px solid #fad6ea;
    background-color: rgba( 255, 255, 255, 0.8 );
}

.ct01_line{
    width:100%;
    height:1px;
    background:#fad6ea;
    margin-top:30px;
    margin-bottom:30px;
}

.ct02_line{
    width:100%;
    height:1px;
    background:#fad6ea;
    margin-top:40px;
    margin-bottom:40px;
}

.center{
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.caption{
    font-size:24px;
    color:#e1007f;
    display:block;
}

.ct01_box{
    width:558px;
    margin-right:30px;
    float:left;
}

.ct01_box img{
    float:right;
    display:block;
}

.ct02{
    background-image:url(../images/bg.jpg);
    background-position:top center;
    background-repeat:no-repeat;
}

.ct02_caption{
    margin-top:25px;
}

.ct02_text{
    text-align:center;
    font-size:24px;
    line-height:1;
}

.ct02_text span{
    font-size:32px;
    color:#e1007f;
    font-weight:bold;
}

.ct02_box{
    width:720px;
    padding:30px;
    background-color: rgba( 255, 255, 255, 0.8 );
    margin:30px auto 5px;
}


.attention{
    width:780px;
    text-align:right;
    font-size:12px;
    color:#666666;
    margin:0 auto 0;
}

.ct02_text{
    font-size:24px;
    line-height:2;
    text-align:center;
}

.ct02_box02{
    width:780px;
    margin:30px auto 30px;
}

.ct02_text02{
    height:221px;
    text-align:left;
    display:table-cell;
    vertical-align:middle;
}

.ct02_text02 div{
    font-size:24px;
    line-height:2;
}


.image_area{
    width:321px;
    margin-right:20px;
    float:left;
    text-align:right;
}

.text_area{
    height:194px;
    text-align:left;
    font-size:16px;
    display:table-cell;
    vertical-align:middle;
}

.cc_clear{
    clear:both;
    display:block;
    margin-bottom:20px;
    margin-left:120px;
}

.graph{
    margin-right:30px;
    float:left;
}

.ct02_text02 .cl01{
    color:#e1007f;
    margin-right:10px;
}

.ct02_text02 .cl02{
    color:#ff80c8;
    margin-right:10px;
}

.ct02_text02 .cl03{
    color:#ffd76d;
    margin-right:10px;
}

.ct02_text02 .cl04{
    color:#dcdcdc;
    margin-right:10px;
}

.ct02_text .ct02_box02{
    width:780px;
    margin:30px auto 30px;
}

.ct02_box02 span{
    font-size:20px;
    color:#e1007f;
    display:block;
    margin-bottom:10px;
}

span.image{
    font-size:12px;
    color:#666666;
    display:block;
    padding-top:5px;
    line-height:1;
}

.clm{
    width:930px;
    border:solid 10px #c6c3aa;
    background:#ffffff;
    margin-top:60px;
}

.clm_text{
    min-height:180px;
    margin-top:20px;
    margin-bottom:20px;
    display:block;
    font-size:16px;
}

.clm_photo{
    padding:30px;
    padding-right:15px;
    float:left;
}

.clm_title_box{
    width:100%;
    background:#c6c3aa;
    text-align:center;
}

.ct03{
    padding-top:60px;
    padding-bottom:0;
    background-image:url(../images/bg02.jpg);
    background-position:top center;
    background-repeat:no-repeat;
}

.ct03_line{
    width:950px;
    height:1px;
    background:#dadada;
    margin:40px auto 40px;
}

.qa{
    width:910px;
    background:#ffffff;
    border-radius:10px;
    margin:0 auto 20px;
    text-align:left;
    padding:20px;
}

.qa hr{
   border:none;
    border-top:dashed 1px #f3f3f3;
    height:1px;
    margin-top:20px;
    margin-bottom:20px;
}

.qa_a{
    color:#e1007f;
}

.qa02{
    width:910px;
    background:#fafafa;
    border-radius:10px;
    margin:0 auto 0;
    text-align:left;
    padding:20px;
	display:none;
}

.qa02_image{
    padding:35px 25px;
    margin-top:5px;
    float:left;
}
.qa02_text01{
    font-size:14px;
    margin-left:20px;
    margin-right:20px;
				line-height:1.8;
    float:left;
}


.qa02_text01 div{
	height:10px;
}

.qa02_text02{
    font-size:14px;
    display:block;
				line-height:1.8;
    float:right
}

.ct02_image{
    margin:40px auto 0;
    display:block;
}

.sec_ct{
    margin-top:60px;
    padding-top:20px;
    background-image:url(../images/bg03.jpg);
    background-position:top center;
    background-repeat:no-repeat;
}
.sec-contact{width:950px;margin:0 auto 0;}
.sec-contact .sec-inner{padding-top:30px;padding-bottom:45px}
.sec-contact .sec-inner:before,.sec-contact .sec-inner:after{content:"";display:table}
.sec-contact .sec-inner:after{clear:both}
.sec-contact h3{padding:15px 0;background:#aeaeae;text-align:center;color:#fff;font-weight:normal;font-size:14px;}
.sec-contact .contact{padding:15px;background:#fff}
.sec-contact .contact:before,.sec-contact .contact:after{content:"";display:table}
.sec-contact .contact:after{clear:both}
.sec-contact .contact dl{margin:0 10px 0 100px;float:left}
.sec-contact .contact dl:before,.sec-contact .contact dl:after{content:"";display:table}
.sec-contact .contact dl:after{clear:both}
.sec-contact .contact dl .tel-text{width:30px;height:17px;margin:7px 5px 0 0;float:left;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text1.png) no-repeat 0 0}
.sec-contact .contact dl .tel-number{width:197px;height:25px;float:left;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text2.png) no-repeat 0 0}
.sec-contact .contact .contact-text{width:459px;height:16px;margin-top:5px;overflow:hidden;font-size:0;text-indent:100%;white-space:nowrap;outline:none;background:url(../images/faq-text3.png) no-repeat 0 0}
.sec-contact .privacy-text{margin:15px 0 0 70px}
.sec-contact .privacy-text:before,.sec-contact .privacy-text:after{content:"";display:table}
.sec-contact .privacy-text:after{clear:both}
.sec-contact .privacy-text dt{float:left;font-weight:bold;font-size:12px;margin-right:-65px;line-height:1.8;}
.sec-contact .privacy-text dd{font-size:12px;line-height:1.8;}
.sec-contact .privacy-text dd a{color:#ff6666}.sec-contact .privacy-text dd a:hover{text-decoration:none}

.small{
    font-size:12px;
}

.popup_bg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:#000000;
    display:none;
    z-index:9999;
}

.popup_movie01{
    position:fixed;
    top:50%;
    left:50%;
    width:853px;
    height:480px;
    margin-top:-260px;
    margin-left:-427px;
    display:none;
    border:solid 1px #333333;
    z-index:9999;
	background:#000000;
}

.close_movie01{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:245px;
    margin-left:-49px;
    cursor:pointer;
    z-index:9999;
}

.popup_movie02{
    position:fixed;
    top:50%;
    left:50%;
    width:853px;
    height:480px;
    margin-top:-260px;
    margin-left:-427px;
    display:none;
    border:solid 1px #333333;
    z-index:9999;
	background:#000000;
}

.close_movie02{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:245px;
    margin-left:-49px;
    cursor:pointer;
    z-index:9999;
}

.popup_movie03{
    position:fixed;
    top:50%;
    left:50%;
    width:853px;
    height:480px;
    margin-top:-260px;
    margin-left:-427px;
    display:none;
    border:solid 1px #333333;
    z-index:9999;
	background:#000000;
}

.close_movie03{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:245px;
    margin-left:-49px;
    cursor:pointer;
    z-index:9999;
}

.popup_movie04{
    position:fixed;
    top:50%;
    left:50%;
    width:853px;
    height:480px;
    margin-top:-260px;
    margin-left:-427px;
    display:none;
    border:solid 1px #333333;
    z-index:9999;
	background:#000000;
}

.close_movie04{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:245px;
    margin-left:-49px;
    cursor:pointer;
    z-index:9999;
}


.popup_concept{
    position:fixed;
    top:50%;
    left:50%;
    width:960px;
    height:600px;
    margin-top:-300px;
    margin-left:-480px;
    display:none;
    z-index:9999;
}

.close_concept{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-280px;
    margin-left:362px;
    cursor:pointer;
    z-index:9999;
}



.popup_symptom{
    position:fixed;
    top:50%;
    left:50%;
    width:960px;
    height:600px;
    margin-top:-300px;
    margin-left:-480px;
    display:none;
    z-index:9999;
}

.close_symptom{
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-280px;
    margin-left:362px;
    cursor:pointer;
    z-index:9999;
}

.mobile_menu,.mobile_menu_detail{
    display:none;
}

.page_top{
    position:fixed;
    bottom:30px;
    right:30px;
    cursor:pointer;
    z-index:1;
    display:none;
}

.m_banner{
    width:100%;
    max-width:1400px;
    text-align:center;
    margin:0 auto 0;
}

.foot_banner {
		margin-top:-10px;
		padding-bottom:50px;
}

.foot_banner a{
		margin:0 1px;
}

.new_icon{
	position:absolute;
	z-index:1;
}

.news{
	width:75%;
	margin:40px auto 35px;
}

.news_box{
	margin:-10px auto 0;
	width:100%;
	height:78px;
	overflow-y:scroll;
}

.news_box{ scrollbar-base-color:#e5ba49; }/* IE用スクロールバーカラー */
.news_box::-webkit-scrollbar { width:5px; height: auto;border-radius: 5px;}/* スクロールバー幅 */
.news_box::-webkit-scrollbar-track { background: #e6e6e6;border-radius: 5px; }/* 背景 */
.news_box::-webkit-scrollbar-thumb { background:#e5ba49;border-radius: 5px;}/* スクロールバー本体 */

.news table{
	margin:0 auto 0;
}

.news td{
	font-size:14px;
	color:#aaaaaa;
}

.news td a{
	font-size:14px;
	color:#aaaaaa;
}


/* id指定
*************************************/
#pagetop{
	float:right;
}

#mb_footer{
	display:none;
}

#pc_footer{
	display:block;
}