@charset "UTF-8";
/* CSS Document */
html { margin: 0; padding: 0; }
body {
	margin: 0;
	padding: 0;
	text-align: center;
	color: #666666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 100%;
	background-color: #ffffff;
}
* {margin:0; padding:0;}
img { border:0; display: block; width:100%; transition: all, 0.3s;}
a:hover img {opacity:0.7;}
#top3 {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	position: relative;
	max-width:975px;
}
#headWrap {
	/*margin-top:-20px;*/
	position: relative;
	z-index:999;
}
.super { vertical-align: super; font-size: 0.7em; }
.disp_no { display: none; }
.bg-bk {background-color: #000;}
.bg_wh { background-color:#fff; padding:0 8px; }
.magr6 {margin-right: 6px;}
.magr4 {margin-right: 4px;}
.position {position: static;}
.al-center { text-align:center; }
.mag_bottom {margin-bottom: -16px;z-index: 100;}
.magr2p { margin:0 2% 0 0; }
.magl2p { margin:0 0 0 2%; }
.maglr1p { margin:0 1%;}
.font-style-narmal { font-style: normal; }
.em05 { font-size: 0.5em; }
.em075 { font-size: 0.75em; }
.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.font_droid {font-family: 'Droid Serif', serif;}
.italic {font-style: italic;}
.h2-powermix {font-size:32px;}
.annotation {font-size: 10px;}
#footertop{
    height:268px;
	width:100%;
     bottom:0;
}
#pickup { width:94%; margin:0 auto;}
.pickupleft {
	float: left;
	text-align:left;
	width: 100%;
}
.pickupright {
	float: right;
	width: 100%;
}
.pickupleft img { width:100%; }
.pickupright img { width:100%; }
.pickupleft h3 {
	padding: 0px;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
.pickupleft p {
	font-size: 12px;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
}
.pickupin {
	height: 286px;
	margin-bottom: 50px;
}

/* WHAT'S NEW */
#slider {
	height: auto;
	width: 100%;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
}
#slider img {
	height: auto;
	width: 100%;
}

#bottomlinkWrap { background-color:#000; margin:24px 0 0 0; padding:0; width:100%; }

/* headerwrap
------------------------- */
#headerwrap {
	width: 999px;
	background-color: #000;
	position: absolute;
	z-index: 5;
	top: 0px;
	left:50%;
	margin-left:-499px;
}
#headerwrap #header h1 {
	text-align: left;
}
.sns-bt img { border:none; width:24px; height:auto; }
.sns-bt ul {
	list-style-type: none;
	float: right;
}
.sns-bt ul li { float:left; margin:8px 16px 0 0;}

#bottomright {
	float: right;
	width: 455px;
	height: 290px;
	background-color: #fff;
	overflow: scroll;
}
#bottomright2 {
	float: right;
	height: 290px;
	background-color: #fff;
	border: 1px solid #CCC;
	width: 100%;
}
#bottomright2 .instagram {
	height: 225px;
	overflow: scroll;
}
#bottom2 { width:94%; margin:24px auto;}
#facebook {
	float: none;
	width: 100%;
	max-width:500px;
	margin:0 auto;
	padding-bottom:24px;
}

/*aside-content*/
.aside-content a { text-decoration:none; }
.aside-content a:link { color:#000; }
.aside-content a:visited { color:#000; }
.aside-content a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.aside-content a:active { color:#000; }
.aside-content {
	color:#000;
	text-align:left;
	margin:0 0 50px 0;
	z-index:50; 
}
.kakomi { /*　aside-contentにケイ囲み有り　*/
	border:solid 1px #000; padding:10px;
}
.blc-space {
	height: 54px;
}
.aside-content .inner {
	background-color: #FFF;
	margin: 10px 0 0 0;
}
.aside-title {
	color:#000;
	text-align: left;
	margin: 54px 0 12px 12px;
  position: relative;
}
.aside-title p {
	margin:0;
	font-size:14px;
	font-weight:bold;
  position: relative;
  z-index: 2;
}
.aside-title h2 {
	font-family: 'Droid Serif', serif;
	font-style: italic;
	font-size: 32px;
	color:#000;
	line-height: 1em;
	margin:0;
	padding:0;
  position: relative;
  z-index: 1;
}
.aside-content ul {
	width:100%;
	text-align:left;
	margin:0;
	padding:0;
}
.aside-content ul li {
	width: 48%;
	float: left;
	list-style-type: none;
	padding: 0;
}
.aside-content ul li img {
	width:100%;
}
.aside-content ul li h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 1em 0;
	padding: 0;
}
.aside-content ul li p {
	font-size:11px;
	line-height:1.5em;
	margin:0 0 1em 0;
	padding:0;
}
.std-link {
	text-align:right;
	font-weight:bold;
	width:6em;
	float:right;
	white-space:nowrap;
}
.std-link a {
	display:block;
	padding:0 0 0.5em 0;
	text-decoration:none;
	border-bottom:solid 1px #000;
}
.sub-article {
	display:none;
	background-color:#f1f1f1;
	padding:31px 10px 0 28px;
}
.sub-inner {
  margin-top: 30px;
  margin-right: 16px;
  margin-left: 16px;
  margin-bottom: 0;
}
.sub-wrap { margin:0; }
.subImg {
	width:31%;
	height:auto;
	float:left;
	margin-right:10px;
}
.subTxt {
	width:63%;
	float:right;
	text-align:left;
}
.subTxt h4 {
	font-size:13px;
	font-weight:bold;
  line-height: 1.3em;
	margin:0 0 1em 0;
	padding:0;
}
.subTxt p {margin:0;}
.pro-recomend { padding:8px 0 0 0; }
.pro-recomend span { white-space:nowrap; }
.pro-text { margin-left:0px; }
.pro-text > h3 { font-size:12px; }
.pro_category {
	display:inline-block;
	border:solid 1px #000;
	padding:0.5em 1em 0 1em;
	font-size:10px;
	height:24px;
	margin: 0;
}

/*　バナーブロック　*/
.bn_blc { width:100%; }
.bn_left {
	float:none;
	width: 100%;
}
.bn_left img { width:100%; }
.bn_right {
	float:none;
	width: 100%;
}
.bn_right img { width:100%; }

/*Serie Expert 201709*/
.serie-left { float: left; width: 100%; }
.serie-right { float: right; width: 100%; }
.serie02 { float: left; width:48%; } 
.serie03 { float: right; width: 48%; }
.serie04 { width: 100%; }
.serie05 { margin: 12px 0; }
.serie05>h2 { font-size: 16px; margin:0; padding:0; }
.serie05>p { font-size: 12px; line-height: 1.5; margin:0; padding:0; }
.serie-h1  {
  font-family:'Droid Serif', serif;
  font-size: 24px;
  font-weight: 700;
  text-align: right;
}
.h1-sub {
  font-family:'Droid Serif', serif;
  font-size: 38px;
  font-weight: bold;
  text-align: right;
}
.lp-fb {
  border: 1px solid #000;
  font-size: 12px;
  line-height: 1.5;
  margin: 12px 0;
  padding: 10px;
}
.fb-icon {
  display: inline-block;
  margin-top:10px;
  width: 12px;
}

.instagramTtl { width:100%; }
.instagramTtl img { width:100%; }
.serieEx { float:none; width:100%; margin:0 auto; padding-bottom:24px; max-width:337px; }
.salon { float:none; width:100%; margin:0 auto; padding-bottom:24px; max-width:337px; }

/*bxslider*/
.bxslider {position: relative;}
  .slider { height:280px; position: relative; overflow: hidden;}
  .slider-img {background-size: cover; background-position: left; height:100%;width:100%; overflow: hidden; position:absolute; top:0;left:0;z-index: 0; }
  .slider-img-2019ss { background-image: url("../images/top2/2019/top-slide-koikatu.jpg");}
  .slider-img-inoa {background-image: url("../images/top2/2019/top-slide-inoa2.jpg");   }
  .slider-img-blondifier {background-image: url("../images/top2/2019/top-slide-blondifier.jpg");}
  .slider-img-colourTrophy {background-image: url("../images/top2/2019/top-slide-colourTropy2.jpg");}
  .slider-img-silver {background-image: url("../images/top2/2019/top-slide-silver.jpg");}
  .slider-img-smartbond {background-image: url("../images/top2/2019/top-slide-smartbond.jpg");}
  .slider-img-colorme {background-image: url("../images/top2/2019/top-slide-colorme2.jpg");}
  .slider-img-frenchBalayage {background-image: url("../images/top2/2019/top-slide-frenchBalayage2.jpg");}
  .slider-img-parisianNudes {background-image: url("../images/top2/2019/top-slide-parisianNudes4.jpg");}
  .slider-img-absolute {background-image: url("../images/top2/2019/top-slide-absolute.jpg");}
  .slider-txt {
    border-bottom: solid 28em rgba(0, 0, 0, 0.5);
    border-left: solid 130px rgba(0, 0, 0, 0);
    width:55%;
    position:absolute; 
    top:0; 
    right:0; 
    z-index:1;
  }
  .slider-txt-bg {
    background-image: url("../images/top2/2019/bg-txt50.png");
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
    height:28em;
    width:85%;
    position:absolute; 
    top:0; 
    right:0; 
    z-index:1;
  }
  .slider-txt-inner {
    color:#fff;
    font-family: Raleway,Helvetica,Arial,sans-serif;
    text-align: right;
    width:78%;
    max-width:918px;
    position:absolute;
    top: 50%;
  left: 50%;
    z-index:2;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  }
.inoa-col {
  margin-right:0;
  margin-left:auto;
  width:298px;
}
  .surtitle {
    font-size: 14px;
    font-weight: normal;
  }
  .sub-txt {
    font-size: 14px;
		font-weight: normal;
    display: block;
  }
  .link-btn {
    background-color: #002fa7;
    color: #fff;
    display:inline-block;
    font-size: 12px;
    font-weight: 700;
    margin: 12px 0;
    padding:0.4em 1em;
    transition: all, 0.5s;
  }
  .link-btn, .link-btn a { color:#fff; text-decoration: none;}
  .slider-logo {margin-top:12px; margin-right:0; margin-bottom:12px; margin-left: auto; text-align: right;}
  .link-btn:hover {background-color: #011e66;}
  .slider-h1 {font-family: Raleway,sans-serif;font-size: 17px;font-weight:700;margin-bottom:1.5em;}
  .slider-h2 { font-size: 28px; font-family: 'Droid Serif', "sans-serif";margin-bottom: 0.3em;}
  .slider-h2-s { font-size: 28px; }
  .bx-wrapper {border:none; box-shadow:none;}
  .bx-controls-direction {
    margin: 0 auto;
    max-width:1100px;
  }
  .logo-koikatsu {width:180px;}
  .logo-inoa {width:180px; margin:10px 0 10px auto;}
  .logo-colourTrophy {text-align: right; width:180px;margin:0 0 10px auto;}
  .bx-wrapper .bx-pager {
    position: absolute;
    right:36px;
    bottom:24px;
    width:auto;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    height: 12px;
    width: 12px;
    transition: all, 0.5s;
  }
  .bx-wrapper .bx-pager.bx-default-pager a {
    background: #fff;
    opacity: 0.5;
  }
  .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #FFF;
    opacity: 1.0;
  }

/*ビジネスフォーラム*/
.aside_img {
	width:66%;
	float: left;
	padding:0 0 20px 0;
}
.aside_txt {
	width: 32%;
	max-width: 300px;
	padding: 0em;
	float: right;
}
.aside_txtin { margin: 5%; }

/*　バナーブロック　*/
.bn_left {
	float:left;
	width: 60%;
}
.bn_right {
	float:right;
	width: 36%;
}
.haircolor-img {
	width: 66%;
	margin: 0 3% 0 0;
	float:left;
}
.haircolor-txt {
	width:30%;
	float:left;
}
/*Serie Expert 201709*/
.serie-left { float: none; width: 100%; }
.serie-right { float: none; width: 100%; }

.pc { display:none; }
.pctb { display:none; }
.tb { display:none; }
.sptb { display:block; }
.sp { display: block; }

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */
@media only screen and (min-width: 768px) {
/*Serie Expert 201709*/
.serie-left { float: left; width: 50%; }
.serie-right { float: right; width: 48%; }
.pc { display:none; }
.pctb { display:block; }
.tb { display:block; }
.sptb { display:block; }
.sp { display: none; }
.pickupleft {
	float: left;
	text-align:left;
	width: 26%;
}
.pickupright {
	float: right;
	width: 72%;
}
.slideShow .thumbNail { width: 20%; }

.serieEx { float:left; width:49%; margin-right:2%; padding-bottom:24px; }
.salon { float:left; width:49%; padding-bottom:24px; }
#facebook { float:left; width:49%; margin:0; padding:0; }
#instagramwrap { float:right; width:49%; margin-left:2%; padding:0; }
.h2-powermix {font-size:48px;}
.ttl_backstage { text-align:right; }
.ttl_backstage img { max-width:150px; text-align:right; }
.lh12 { line-height:1.2em; }
.aside-content ul li {
	width: 31.3%;
}
.sub-article {
	display:block;
}
.aside-title {
	text-align: left;
	margin: 100px 0 12px 50px;
}
.aside-title h2 {
	font-size: 48px;
}
.aside-content .inner {
	margin: -166px 0 0 0;
}
.aside-content ul li h3 {
	font-size: 13px;
}
.type2 {
	margin-top:160px;
	}
.mag_bottom {
	margin-bottom: 6px;
}
.pro-recomend { padding:36px 0 0 0; }
.pro-text { margin-left:24px; }
.pro-text > h3 { font-size:14px; }
.slider-img {width:50%;}
.slider-txt {border-bottom: solid 28em rgba(0, 0, 0, 1);}
.slider-txt-bg {height:28em;width:64%;}
.inoa-col {width:200px;}
  
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 992px ) {
.pc { display:block; }
.pctb { display:block; }
.tb { display:none; }
.sptb { display:none; }
.sp { display: none; }
.slideShow .thumbNail { display:block; width: 20%; }
}

/* デスクトップレイアウト : 1024 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media only screen and (min-width: 1024px ) {
  .bx-wrapper .bx-next {left:calc(50% + 468px);}
  .bx-wrapper .bx-prev {left:calc(50% - 508px);}
  .slider {height:460px;}
  .slider-img {width:50%;}
  .slider-txt {border-bottom: solid 460px rgba(0, 0, 0, 1);}
  .slider-txt-bg {
    background-image: url("../images/top2/2019/bg-txt100.png");
  height:460px;
    width:64%;
/*  background-image: url("");
  background-position: bottom, left;*/
}
  .surtitle {font-size: 18px;}
  .slider-h2 { font-size: 48px;}
	.slider-h2-s { font-size: 44px;}
  .sub-txt {display: block;}
  .logo-koikatsu {width:285px;}
  .logo-inoa {width:285px;}
  .logo-colourTrophy {width:285px;}
  .inoa-col {width:350px;}
  .link-btn {font-size: 13px; padding:0.75em 1.5em;}
  .bx-wrapper .bx-pager {right:calc(50% - 465px);}
}