@charset "utf-8";
/* ==============================

 basic style

============================== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {vertical-align: middle;}
body {font-size: 14px;line-height: 1.8;-webkit-text-size-adjust: 100%;color: #222;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
p, ol, ul, dl, li, dt, dd, h1, h2, h3, h4, h5, h6 {color: #222;}

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0;}

/* !Clearfix
---------------------------------------------------------- */
/** For modern browsers **/
.clearfix:before, .clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
/** For IE 6/7 (trigger hasLayout) **/
.clearfix {*zoom: 1;}
.placeholder {color:transparent;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}

/* !Font
/* ------------------------------------------------------- */
.font-mincho {font-family: serif, 'MS 明朝', 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho';}
.font-yrsa {font-family: 'Yrsa', serif;}

/* !Color
---------------------------------------------------------- */
.site-color1 {color:#18365d;}
.site-color2 {color:#353535;}
.site-color3 {color:#ffffff;}

.site-bgcolor1
{background-color:#18365d;}
.site-bgcolor2
{background-color:#353535;}
.site-bgcolor3
{background-color:#ffffff;}
.site-bgcolor4
{background-color:#facdd5;}

.site-bggradient1 {background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 );}
.site-bggradient2 {background: #666666;background: -moz-linear-gradient(left, #666666 0%, #000000 50%, #666666 100%);background: -webkit-linear-gradient(left, #666666 0%,#000000 50%,#666666 100%);background: linear-gradient(to right, #666666 0%,#000000 50%,#666666 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#666666',GradientType=1 );}
.site-bggradient3 {background: -moz-linear-gradient(left, rgba(53,53,53,0) 0%, rgba(53,53,53,1) 20%, rgba(53,53,53,1) 50%, rgba(53,53,53,1) 80%, rgba(53,53,53,0) 100%);background: -webkit-linear-gradient(left, rgba(53,53,53,0) 0%,rgba(53,53,53,1) 20%,rgba(53,53,53,1) 50%,rgba(53,53,53,1) 80%,rgba(53,53,53,0) 100%);background: linear-gradient(to right, rgba(53,53,53,0) 0%,rgba(53,53,53,1) 20%,rgba(53,53,53,1) 50%,rgba(53,53,53,1) 80%,rgba(53,53,53,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00353535', endColorstr='#00353535',GradientType=1 );}

.txt-shadow1 {text-shadow:1px 1px #333;}
.txt-shadow2 {text-shadow:0.5px 0.5px #eee;}

/* !Align
---------------------------------------------------------- */
.txt-center {text-align:center;}
.txt-left {text-align: left;}
.txt-right {text-align:right;}
.txt-justify {text-align: justify;text-justify: inter-ideograph;}
.txt-nowrap {white-space:nowrap;}

.float-left {float:left;}
.float-right {float:right;}

.ls-neg-1px {letter-spacing:-1px;}
.ls-neg-6px {letter-spacing:-6px;}
.ls-pos-1px {letter-spacing:1px;}

/* !Layout
---------------------------------------------------------- */
html {overflow-y: scroll;}

ul {list-style-position:inside;list-style:none;}
li {padding:0 0 0 30px;position:relative;}
.bullet {position: absolute;left:10px;}

@media print {html, html body {*zoom: 0.65;}}

/* !Common
---------------------------------------------------------- */
.divider {display: block;width: 100%;height: 1px;}
.img-pc {display:block;width:100%;margin:0 auto;}
.img-sm {display:none;}

a:hover img {opacity: 0.8;filter: alpha(opacity=80);-ms-filter: "alpha(opacity=80)";-mob-opacity: 0.8;-khtml-opacity: 0.8;zoom: 1;}

/* ==============================

 フォリックスブランド総合ページ用CSS

============================== */

.main-banner-txt {width: 100%;max-width: 1000px;margin: 0 auto;display: block;text-align: center;}
.main-banner-img {width: 100%;margin: 0 auto;display: block;text-align: center; background: -webkit-linear-gradient(top, #fff, #fff 25%, #eee 25%, #eee 65%, #fff 65%, #fff);}
.main-banner-txt img {width:250px;margin-bottom: 5px;}
.banner-subtitle, .banner-title {display:inline-block;}
.banner-subtitle {margin:5px 10px 0 0;}
.main-banner-img img {width:100%;max-width:1000px;}

.segment {width:100%;position:relative;}
.segment h1 {width: 100%;padding: 3px 0;letter-spacing: .1em;position: -webkit-sticky;position:sticky;top:0;z-index:99;}
.segment-top-wrapper, .segment-bottom-wrapper {min-height: 370px;background-size: cover;background-position: center;}

.concept .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section01.jpg);}
.vision .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section02.jpg);}
.component .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section03.jpg);}
.technology .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section04.jpg);}

.segment-top, .segment-bottom {min-height: 370px;max-width:1000px;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:70px 30px;}
.segment-content {flex:1;}
.pic-product-range {width:100%;max-width:1000px;}
.txt-pic {width:70%;float:left;}
.pic-txt {width:30%;max-width:300px;display:block;}

.category h3 {display:flex;width:100%;line-height:1em;align-items: center;justify-content: center;}
.category h4 {display:inline-block;width:100%;}

.single-item {overflow: hidden;}
.single-item li {width:33.333%;float:left;text-align:center;padding:10px 15px 70px;}
.single-item li img {width:100%;}

a.linkBtn, a.linkBtn:link, a.linkBtn:visited
{display:inline-block;color:#fff;width:75%;max-width:250px;-webkit-clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);text-shadow:none;}
a.linkBtn:hover {background:#353535;color:#fff;transition:0.75s}

/** Luxevive **/
#cat3 .single-item li {width:100%;float:left;text-align:center;padding:10px 15px 30px;}
#cat3 .single-item li img {width:40%;float:left;}
#cat3 .single-item .single-item-info {width:60%;float:left;text-align:center;}
#cat3 .single-item .single-item-info h3 {padding: 10px 0 0 0;}
#cat3 .single-item .single-item-info h5 {width:90%;display:inline-block;text-shadow:none;}
#cat3 .single-item .single-item-info p {padding-bottom: 10px;font-size: 20px;}

#footer {margin-top:0px !important;}

/* !Responsive
---------------------------------------------------------- */
@media screen and (max-width: 900px) {

	.single-item li {width:50%;}

}

@media screen and (max-width: 740px) {

	.font-16 {font-size:15px !important;}
	.font-18 {font-size:17px !important;}
	.font-20 {font-size:19px !important;}
	.font-22 {font-size:21px !important;}
	.font-24 {font-size:24px !important;}
	.font-26 {font-size:25px !important;}
	.font-30 {font-size:27px !important;}
	.font-32 {font-size:29px !important;}
	.font-40 {font-size:33px !important;}

	li {padding:0 0 0 16px;}
	.bullet {left:0px;}

	.img-sm {display:block;width:100%;margin:0 auto;}
	.img-pc {display:none;}

	.main-banner-img img {width: 95%;}
	.main-banner-txt img {width:150px;}
	.concept .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section01-tb.jpg);}
	.vision .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section02-tb.jpg);}
	.component .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section03-tb.jpg);}
	.technology .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section04-tb.jpg);}

	.segment-top {flex-direction:column;padding:50px 10% 300px;text-align:center;}
	.segment-top p {text-align: center;}
	.segment-bottom {padding:60px 8.5%;}

	.pic-product-range {width:95%;}
	.txt-pic {width:100%;}
	.pic-txt {width:80%;max-width:auto;margin:0 auto;}

	.single-item li {width:100%;}
	.single-item li img {width:80%;}
	.single-item li .noStock {width: 48px;}

	.single-item h3 {margin-top:10px;}
	.single-item .detail {margin-bottom:0px;}
	.single-item .linkBtn {margin-top:5px;}

	.txt-center-title {float:none;display: inline-block;}

/** Luxevive **/
	#cat3 .single-item li img {width:80%;float:none;}
	#cat3 .single-item .single-item-info {width:100%;float:left;text-align:center;}
	#cat3 .single-item .single-item-info h3 {padding: 0px;}
	#cat3 .single-item .single-item-info h5 {width:80%;display:inline-block;margin:20px 0 0;}
	#cat3 .single-item .single-item-info p {padding-bottom:0px;font-size:14px;}

}

@media screen and (max-width: 414px) {

	li {padding:0 0 0 13px;}

	.font-16 {font-size:14px !important;}
	.font-18 {font-size:15px !important;}
	.font-20 {font-size:14px !important;}
	.font-22 {font-size:18px !important;}
	.font-24 {font-size:16px !important;}
	.font-26 {font-size:18px !important;}
	.font-30 {font-size:19px !important;}
	.font-40 {font-size:32px !important;}

	.concept .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section01-sm.jpg);}
	.vision .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section02-sm.jpg);}
	.component .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section03-sm.jpg);}
	.technology .segment-top-wrapper {background-image: url(../../img/follics_brand/bg-section04-sm.jpg);}

	.segment-top {padding: 30px 10% 250px;}
	.segment-bottom {padding: 40px 7.5%;}
	.single-item li, #cat3 .single-item li {width:100%;float:left;text-align:center;padding:10px 0px 40px;}
	.single-item li img {width:95%;}

	.txt-center-title {width: 100%;}

/** Luxevive **/
	#cat3 .single-item li img {width:95%;}

}

@media screen and (max-width: 320px) {

	.single-item li {padding: 10px 0px 40px;}
	#cat3 .single-item li {padding: 10px 0px 40px;}
}
/* !virilityshop
------------------------------ */
.header_1 {height: 95px !important;}
._in {height: auto !important;}
.menu {font-size: 12px !important;}

/* !slick
------------------------------ */
.slick-slide {height: auto !important;}
.custom_paging li {display: none !important;}
.custom_paging li.slick-active {display: inline-block !important;width: 100% !important;height: auto !important;margin: 0 auto !important;padding: 0!important;background: none !important;border: none !important;text-align: center !important;}