@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : ヒューマンフローラ
 Style Info : レイアウトCSS設定
=================================================================== */

/* -------------------------------------------------------
	index.html
   ------------------------------------------------------- */
.tac{text-align: center;}
.pink{color: #e9516f;}
.lblue{color: #288bca;}

#HF.indexPg #HFcontainer { padding:25px 0 100px; }
#HF.indexPg #sideCnt li.tpNone { display:none; }

#HF.indexPg .info01 { width:100%; min-width:960px; background:#fbf6ef; padding:20px 0 0 0;}
#HF.indexPg .info01 > div { width:960px; margin:0 auto; border:1px solid #ccc; background:#fff; padding: 20px 100px;}
#HF.indexPg .info01 > div h4{text-align: center; font-size: 16px; font-weight: bold;}
#HF.indexPg .info01 > div p {width: 640px; margin: 10px auto;}
#HF.indexPg .info01 .fwb{font-weight: bold;}
#HF.indexPg .info01 .GW img{border: solid 1px #757171; margin-bottom: 10px;}
#HF.indexPg .info01 .info_tel{margin: 5px 70px; padding: 5px 20px; border-top: dotted 1px #288bca; border-bottom: dotted 1px #288bca;}
#HF.indexPg .info01 .info_tel span{color: #e9516f;font-size: 13px; margin-left: 1em;}

#HF.indexPg .info02{padding-top: 20px; text-align: center;}
#HF.indexPg .info02 h4{font-size: 15px; font-weight: bold; margin-bottom: 7px;}

#HF.indexPg .info03{padding: 20px 0; text-align: center;}

/*
#HF.indexPg #mainVisual { width:100%; min-width:960px; height:524px; background:url(../img/top/main_bg01.jpg) no-repeat top center #fbf6ef; border-bottom:1px solid #dfdfdf; box-shadow:0 2px 3px rgba(0,0,0,0.1); }
#HF.indexPg #mainVisual div { width:960px; height:290px; margin:0 auto; position:relative; }
#HF.indexPg #mainVisual h2 { position:absolute; top:45px; left:-10px; }
#HF.indexPg #mainVisual p { position:absolute; top:310px; left:190px; }
#HF.indexPg #mainVisual p.linkBtn { top:165px; left:410px; }
#HF.indexPg #mainVisual p.taxinfo{top:270px; left: 825px;}
*/


/*メインビジュアル*/
#HF.indexPg #mainvis { width:100%; min-width:960px; height:524px; background:url(../img/top/mainvis_bg.jpg) no-repeat top center #fbf6ef; border-bottom:1px solid #dfdfdf; box-shadow:0 2px 3px rgba(0,0,0,0.1); }
#HF.indexPg #mainvis>div { width:960px; height:524px; margin:0 auto; position:relative; }
#HF.indexPg #mainvis h2 {padding-top:20px;}
#HF.indexPg #mainvis ul.lineup {display:flex;justify-content:center;width:100%;margin:0;}
#HF.indexPg #mainvis ul.lineup li{margin:0 3px;}
#HF.indexPg #mainvis ul.lineup a{display:block;}
#HF.indexPg #mainvis p {}
/*
#HF.indexPg #mainvis p.link01 {
position:absolute;
top:92px;
right:0;
}
#HF.indexPg #mainvis p.link02 {
position:absolute;
top:269px;
right:0;
}
*/


#HF.indexPg #topBnr { width:840px; min-width:840px; margin:0 auto; padding:20px 0; }
#HF.indexPg #topBnr li { float:left; margin:0 10px; }

#HF.indexPg #topCrsl { width:100%; min-width:960px; padding:25px 0; }
#HF.indexPg #topCrslCont { width:820px; height:170px; margin:0 auto; }
#HF.indexPg #topCrslCont p {text-align: center;}
#HF.indexPg #topCrslCont a:hover p{color: #288bca;}
#HF.indexPg #topCrslCont .slick-slide {  }
#HF.indexPg #topCrslCont .slick-active a { opacity:1 !important; }
#HF.indexPg #topCrslCont .slick-prev,
#HF.indexPg #topCrslCont .slick-next { width:50px; height:50px; top:70px; position:absolute; text-indent:-9999px; display:block; overflow:hidden; border:none; cursor:pointer; }
#HF.indexPg #topCrslCont .slick-prev { background:url(../img/top/topCrArw_prev.png) no-repeat center center; left:-70px;  }
#HF.indexPg #topCrslCont .slick-next { background:url(../img/top/topCrArw_next.png) no-repeat center center; right:-70px; }
#HF.indexPg #topCrslCont .slick-dots { bottom: -20px; }
#HF.indexPg #topCrslCont .slick-dots li button:before { content: "●"; }

#HF.indexPg .boxLnk01 { background: #fff; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }
#HF.indexPg .boxLnk01 li { width:25%; float:left; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; text-align:center; }
#HF.indexPg .boxLnk01 li.end { border-right:none; }
#HF.indexPg .boxLnk01 li a { display:block; height:227px; background-repeat:no-repeat; background-position:top center; padding:160px 0 0 0; color:#555; font-size:18px; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -o-transition: background 0.3s ease; transition: background 0.3s ease; } 
#HF.indexPg .boxLnk01 li a span { display:block; color:#ff9d9f; font-size:12px; letter-spacing:normal; font-family: Arial, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }
#HF.indexPg .boxLnk01 li a:hover { background-color:#fff3f3; }

#HF.indexPg .tabWrp01 { width:100%; margin-top:50px; background:#ffe2e2;border:1px solid #dfdfdf; }
#HF.indexPg .tabWrp01 .tabMenu{position:relative; width:100%; height:52px; line-height:52px; text-align:center; display:block; color:#fff; font-size:18px; background:#ee7985; margin-bottom:20px; }
#HF.indexPg .tabWrp01 .tabMenu:after { content:''; position:absolute; bottom:-10px; left:50%; margin-left:-7px; width:14px; height:10px; background:url(../img/top/hukidashiBg.gif) no-repeat top left; }
#HF.indexPg .tabWrp01 .tabCont { display:flex; flex-wrap:wrap; width:98%; margin:0 auto; padding:10px 0; }
#HF.indexPg .tabWrp01 .tabCont a { display:block; width:18%; height:44px; line-height:44px; margin:0 1% 10px; text-align:center; font-size:16px; color:#ec6c79; border:1px solid #ff9d9f;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #e2e2e2 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e2e2e2));
background: -webkit-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
background: -o-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#e2e2e2 100%);
background: linear-gradient(to bottom, #ffffff 0%,#e2e2e2 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );
-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
text-shadow:0 1px 0 rgba(255,255,255,1);}
#HF.indexPg .tabWrp01 .tabCont a:hover { background: #e2e2e2;
background: -moz-linear-gradient(top,  #e2e2e2 0%, #ffffff 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#ffffff));
background: -webkit-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
background: -o-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
background: -ms-linear-gradient(top,  #e2e2e2 0%,#ffffff 100%);
background: linear-gradient(to bottom,  #e2e2e2 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#ffffff',GradientType=0 ); }
#HF.indexPg .tabWrp01 .tabCont a.btn2x { width:38% !important; }
#HF.indexPg .tabWrp01 .tabCont a span { font-size:12px; }

/*
#HF.indexPg .news { position:relative; }
#HF.indexPg .news .lnkBtn01 { position:absolute; top:17px; right:20px; }
#HF.indexPg .news ul { max-height:150px; overflow-y:scroll; }
#HF.indexPg .news ul li { height:50px; line-height:50px; padding:0 20px; font-size:13px; letter-spacing:normal; border-bottom:1px solid #dfdfdf; }
#HF.indexPg .news ul li:last-child { border-bottom:none; }
#HF.indexPg .news ul li p { display:inline-block; padding-right:30px; color:#888;  }
#HF.indexPg .news ul li h4 { display:inline-block; }
#HF.indexPg .news ul li a,#HF.indexPg .news ul li a:hover,#HF.indexPg .news ul li a:visited { color:#ec6c79; } 
#HF.indexPg .news ul li a:hover { text-decoration:underline; }
*/
#HF.indexPg .news { margin-top:60px;position:relative; border:3px solid #4F77AB; background: #fff;text-align: left;}
#HF.indexPg .news h2 { height:50px; line-height:50px; padding:0 30px;background: #4F77AB;color:#fff;font-size:20px;}
#HF.indexPg .news ul { padding:10px; }
#HF.indexPg .news ul li { height:50px; line-height:50px; padding:0 20px; font-size:15px; letter-spacing:normal; border-bottom:1px solid #dfdfdf; }
#HF.indexPg .news ul li:last-child { border-bottom:none; }
#HF.indexPg .news ul li .date { display:inline-block; padding-right:30px; color:#888; }
#HF.indexPg .news ul li .summary { display:inline-block; }
#HF.indexPg .news ul li a,#HF.indexPg .news ul li a:hover,#HF.indexPg .news ul li a:visited { text-decoration:underline; } 
#HF.indexPg .news ul li a:hover { text-decoration:none; }



#HF.indexPg .attention{ box-shadow: 1px 1px 2px #bbbaba; background: #fe4956; margin-top: 20px;}
#HF.indexPg .attention h3{width: 300px; margin: 0 auto; color: #fff; padding: 5px 10px 5px 25px; font-size: 18px; font-weight: bold; background: url(../img/top/attention.png) no-repeat center left; }
#HF.indexPg .attention p{background: #fff; padding: 5px 10px; font-size: 16px; letter-spacing: 0; text-align: center;font-weight: bold; color: #288bca}
#HF.indexPg .attention p:nth-of-type(2){padding-bottom: 15px;}
#HF.indexPg .attention p a{color:#fff; background: linear-gradient(#4fa4db, #288bca); padding: 3px 50px; border-radius: 5px; }
#HF.indexPg .attention p a:hover{filter: alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; transition:all 0.3s ease;}

#HF.indexPg .twCont { margin-top:30px; }


/* 2018.06　トップ追加テキストコンテンツ　*/
#HF .txtcnt{width:960px; margin: 20px auto; background: #fff; border: solid 1px #dfdfdf; border-top: none;}
#HF .txtcnt .cmnPgTtl{width:100%; }
#HF .txtcnt p{padding: 20px; font-size: 14px;}
#HF .txtcnt p:nth-of-type(n+2){padding-top:0;}
#HF .txtcnt.box1 .cmnPgTtl{background: url(../img/top/txtcnt_img01.png) no-repeat right 40px center;}
#HF .txtcnt.box2 .cmnPgTtl{background: url(../img/cmn/ftNav01_icn02.png) no-repeat right 40px center; background-size: auto 80%; line-height: 1.4; padding-top: 7px;}
#HF .txtcnt ul{margin: 0 20px 20px;}
#HF .txtcnt.box3 ul li{display: inline-block; margin-right: 20px; font-size: 16px; font-weight: bold; color: #ff9d9f;}
#HF .txtcnt.box3 ul li span{font-weight: bold; background: #ff9d9f; padding: 0 5px; border-radius: 50%; color: #fff; margin-right: 5px;}
#HF .txtcnt.box3 .cmnPgTtl{background: url(../img/top/txtcnt_img03.gif) no-repeat right 40px center; background-size: auto 80%;}
#HF .txtcnt.box4 ul li{color: #288bca; }
#HF .txtcnt.box4 .cmnPgTtl{background: url(../img/top/txtcnt_img04.gif) no-repeat right 40px center; background-size: auto 75%;}
#HF .txtcnt.box5 .cmnPgTtl{font-size: 21px;}
#HF .txtcnt.box7 .cmnPgTtl{background: url(../img/top/txtcnt_img07.jpg) no-repeat right 40px center; line-height: 1.4; padding-top: 7px;}

/* フッタ―カルーセル上テキスト */
.indexPg #endCnt{background:#ffffff;padding:15px 0;}
.indexPg #endCnt .endTextBox{width:100%;max-width:960px;margin:0 auto;}
.indexPg #endCnt .endTextBox p{font-weight:bold;color:#666666;}


/* 2022.11　トップリニュ　*/
.indexPg #index_wrap{width:100%;min-width: 960px;margin: 0 auto;background:#FEF5F8 url(../img/top/main_bg2.jpg) repeat-x left top / auto 100%;text-align: center;/*background: linear-gradient(180deg, rgba(255,191,191,0.5) 0%, rgba(255,191,191,0.5) 30%, rgba(255,191,191,1) 60%) ;*/}

.indexPg #mainvis2{width: 960px;padding:50px 0 15px;margin: 0 auto;}
.indexPg #mainvis2 .inner{width: 960px;height:395px;border-radius: 10px;overflow: hidden;}

.indexPg #mainvis3{width: 960px;padding:50px 0 15px;margin: 0 auto;}
.indexPg #mainvis3 .inner{width:960px;height:540px;}/*100%:56.25% , 16:9*/
.indexPg #mainvis3 iframe{width:100%;height:100%;}



/*infoナビ*/
.indexPg #sct_info2{/*width:100%;min-width: 960px;*/padding:15px 0;}
.indexPg #sct_info2 .inner{display:flex; flex-wrap:wrap;align-content: flex-start; justify-content: space-between;width:100%; max-width: 960px;margin:0 auto;padding:15px 0;}
.indexPg #sct_info2 .area_links{width:390px;margin-top:20px;/*border:1px #ccc solid;border-radius: 10px;overflow: hidden;*/}
.indexPg #sct_info2 .area_links p{width:390px;height:110px;}
/*.indexPg #sct_info2 .area_links p+p{border-top:1px #ccc solid;}*/
.indexPg #sct_info2 .links_trial{}
.indexPg #sct_info2 .links_scalptrial{}
.indexPg #sct_info2 .links_teiki{}
.indexPg #sct_info2 .area_recommend{width: 550px;}
.indexPg #sct_info2 .area_recommend a{display:inline-block;}

/*商品リスト*/
.indexPg #sct_itemlist2{width: 100%; /*min-width: 960px;*/ padding:15px 0 25px;}
.indexPg #sct_itemlist2 .inner{width:100%; max-width: 960px;margin:0 auto;}
.indexPg #sct_itemlist2 ul{display: flex;flex-wrap:wrap;width: 100%;max-width: 900px; margin:25px auto 0;}
.indexPg #sct_itemlist2 li{width: 225px; margin-bottom:5px;padding:10px 0;border-radius: 8px;transition: 0.5s ;text-align: center;}
.indexPg #sct_itemlist2 li:hover{background:rgba(255,255,255,0.4);}
.indexPg #sct_itemlist2 li .img{ }
.indexPg #sct_itemlist2 li .name{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:60px;margin-top:10px;font-size:16px;line-height:1.25;font-weight:300;}
.indexPg #sct_itemlist2 li .iyaku{display:inline-block;margin-top:2px;padding:2px 5px;border:1px #333 solid;font-size:14px;line-height:1.25;font-weight:300;}




/* 2022.09　トップリニュ　*/
.indexPg #sct_top{width:100%;min-width: 960px;height:395px;margin: 0 auto;background: url(../img/top/main_bg.jpg) repeat-x left top / auto 100%;text-align: center;/*background: linear-gradient(180deg, rgba(255,191,191,0.5) 0%, rgba(255,191,191,0.5) 30%, rgba(255,191,191,1) 60%) ;*/}

.indexPg #sct_info{width:100%;min-width: 960px;background: #FEE7E1;padding:30px 0;}
.indexPg #sct_info .inner{width: 960px;margin:0 auto;display:flex; flex-wrap:wrap;align-content: flex-start; justify-content: space-between;}
.indexPg #sct_info .inner .area_twitter{width:550px;height:320px;}
.indexPg #sct_info .inner .area_link{width: 380px;}
.indexPg #sct_info .inner .bnr_first{display:flex; align-content: flex-start; justify-content: space-between;margin:0 auto;}
.indexPg #sct_info .inner .bnr_first p{margin:0 10px;}
.indexPg #sct_info .inner .bnr_teiki{margin-top:20px;text-align:center;}
.indexPg #sct_info .inner .bnr_lineup{margin-top:20px;text-align:center;}

/*---------- testVier ----------*/
.indexPg #sct_itemlist{width: 100%; min-width: 960px; padding:30px 0;background: linear-gradient(180deg, rgba(255,191,191,0.5) 0%, rgba(255,191,191,0.5) 30%, rgba(255,191,191,1) 60%) ;
}
.indexPg #sct_itemlist .inner{width: 880px; margin:0 auto;}
.indexPg #sct_itemlist ul{width: 100%; margin:0 auto;display: flex;flex-wrap:wrap;}
.indexPg #sct_itemlist li{width: 220px; margin-bottom:20px;}
.indexPg #sct_itemlist li .img{width:200px;margin:0 auto;padding:15px 0;border-radius: 8px;text-align: center; transition: 0.5s ;}
.indexPg #sct_itemlist li .img:hover{background:rgba(255,255,255,0.4);}
.indexPg #sct_itemlist li .img img{margin:0 auto;text-align: center;}
.indexPg #sct_itemlist li .img:hover img{opacity: 1;}
.indexPg #sct_itemlist li .name{margin:5px auto 0; text-align: center;font-size:15px;font-weight:600;}


/*---------- testVier ----------*/
.indexPg #sct_itemlist.ver1{
background:rgba(255,191,191,0.5);
background:url(../img/top/bg_labo01.svg) no-repeat left center / 140px auto , url(../img/top/bg_labo02.svg) no-repeat right center / 140px auto ,
linear-gradient(180deg, rgba(255,191,191,0.5) 0%, rgba(255,191,191,0.75) 40%, rgba(255,191,191,1) 80%) ;
}
.indexPg #sct_itemlist.ver2{
background: rgba(200,233,255,0.5);
background:url(../img/top/bg_labo01.svg) no-repeat left center / 140px auto , url(../img/top/bg_labo02.svg) no-repeat right center / 140px auto ,
linear-gradient(180deg, rgba(200,233,255,0.5) 0%, rgba(200,233,255,0.75) 40%, rgba(200,233,255,1) 80%) ;
}
.indexPg #sct_itemlist.ver3{
background:rgba(204,204,204,0.5);
background:url(../img/top/bg_labo01.svg) no-repeat left center / 140px auto , url(../img/top/bg_labo02.svg) no-repeat right center / 140px auto ,
linear-gradient(180deg, rgba(204,204,204,0.5) 0%, rgba(204,204,204,0.75) 40%, rgba(204,204,204,1) 80%) ;
}
.indexPg #sct_itemlist.ver4{
background: rgba(255,199,119,0.5);
background:url(../img/top/bg_labo01.svg) no-repeat left center / 140px auto , url(../img/top/bg_labo02.svg) no-repeat right center / 140px auto ,
linear-gradient(180deg, rgba(255,204,135,0.5) 0%, rgba(255,204,135,0.75) 40%, rgba(255,204,135,1) 80%) ;
}
.indexPg #sct_itemlist.verSlider .img,
.indexPg #sct_itemlist.verSlider2 .img{height:319px;display:flex;align-items: flex-end;justify-content: center;}
.indexPg #sct_itemlist ul{position: relative;}
.indexPg #sct_itemlist ul .slide-arrow{position: absolute;top:50%;margin-top:-25px;cursor: pointer;}
.indexPg #sct_itemlist ul .prev-arrow{left:-70px;}
.indexPg #sct_itemlist ul .next-arrow{right:-70px;}

.indexPg #sct_itemlist.verSlider2.col5 .inner{width:950px;}
.indexPg #sct_itemlist.verSlider2.col5 li{width:190px;}
.indexPg #sct_itemlist.verSlider2.col5 li .img{width:170px;}
.indexPg #sct_itemlist.verSlider2.col5 ul .prev-arrow{left:-50px;}
.indexPg #sct_itemlist.verSlider2.col5 ul .next-arrow{right:-50px;}

.indexPg #sct_info.ver14 .inner .area_link{width: 100%;margin-bottom:0;}
.indexPg #sct_info.ver14 .inner .bnr_first p{margin-bottom:30px}
.indexPg #sct_info.ver14 .inner .bnr_teiki{margin-top:0}
.indexPg #sct_info.ver14 .inner .bnr_teiki img{width:380px;height:320px;}

.indexPg #sct_itemlist.ver14 h3.ttl{margin:30px auto;text-align:center;}

area_twitter #area_twitter .r-lrvibr{bckground:#ff0000; color:#fff;}