@charset "utf-8";

.pickupLayout th,.pickupLayout h1,.pickupLayout h2,.pickupLayout h3,.pickupLayout h4,.pickupLayout h5,.pickupLayout h6{color:#111;}
#nailtrend2019w .visible-xxs{display:none; !important}
#nailtrend2019w a{text-decoration:none; display:block; color:#333;}
#nailtrend2019w a.touch{color:#FC5F96; text-decoration:underline;}
#nailtrend2019w a img{backface-visibility: hidden;}/*hover時画像のズレ防止*/
#nailtrend2019w a.touch img{opacity:0.6; transition:opacity 0.2s ease;}
#nailtrend2019w img{max-width:100%; height:auto;}
#nailtrend2019w{
	width:100%;
	font-size: 16px;
	line-height:1.6;
	color:#111;
	position:relative;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, "Open Sans", Helvetica, Arial, -apple-system, blinkMacSystemFont, sans-serif;
}

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

}
@media screen and (max-width: 1024px){
}
@media (max-width: 767px) {
  #nailtrend2019w .container,
  #nailtrend2019w .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }
  #nailtrend2019w .container .row,
  #nailtrend2019w .container-fluid .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  #nailtrend2019w .container .row [class*="col-"],
  #nailtrend2019w .container-fluid .row [class*="col-"] {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 479px){
	#nailtrend2019w .visible-xxs{display:block; !important}
	#nailtrend2019w .hidden-xxs {display:none; !important}
	#nailtrend2019w #sectionWrap h2{margin-top:10px;}
}

/* =================== #kv =================== */

#nailtrend2019w #kv{
	max-width:1170px;
	margin:0 auto 1.4rem;
	position:relative;
	overflow:hidden;
	background-image:
		url(../img/kv_img2.jpg),
		url(../img/kv_img3.jpg);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		left top,
		right top;
}
#nailtrend2019w #kv h1,
#nailtrend2019w #kv h1+p{
	width:750px;
	margin:0 auto;
}
#nailtrend2019w #kv h1+p{
	color:#000;
	padding:0 30px 24px;
	background:url(../img/kv_bg.gif) repeat;
	font-weight:600;
}
@media (max-width: 768px) {
	#nailtrend2019w #kv{
		width:100%;
		min-height:inherit;
		background:none;
	}
	#nailtrend2019w #kv h1,
	#nailtrend2019w #kv h1+p,
	#nailtrend2019w #kv img{
		width:100%;
	}
	#nailtrend2019w #kv h1+p{
		font-size:15px;
		padding:0 15px 15px;
	}
}
@media (max-width: 479px) {
	#nailtrend2019w #kv h1+p{
		font-size:3.46666666vw;
	}
}

/* =================== #gNav =================== */
#nailtrend2019w #gNav{padding:10px;}
#nailtrend2019w #gNav ul{
	max-width:640px;
	margin:0 auto;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: center;
	align-items:center;
}
#nailtrend2019w #gNav ul li{
	width:50%;
	text-align:center;
}
#nailtrend2019w #gNav ul li a{
	font-size:18px;
	border:1px solid #000;
	color:#444;
	padding:12px 10px;
	font-weight:600;
	position:relative;
	display:block;
	background:#FFF;
}
#nailtrend2019w #gNav ul li a:after{
	content:"\f107";
	display:block;
	font-family: FontAwesome;
	position:absolute;
	right:14px;
	top:50%;
	margin-top:-0.75em;
	font-size:24px;
}
#nailtrend2019w #gNav ul li a:hover{
	text-decoration:none;
	background:#444;
	color:#FFF;
}
#nailtrend2019w #gNav ul li:nth-child(1) a{border-right:none;}
#nailtrend2019w #gNav ul li:nth-child(1) a:after{color:#F17F90;}
#nailtrend2019w #gNav ul li:nth-child(2) a:after{color:#B57EF1;}

@media (max-width: 767px) {
	#nailtrend2019w #gNav ul li a{font-size:15px;}
	#nailtrend2019w #gNav ul li a:after{font-size:21px;}
}
@media (max-width: 479px) {
	#nailtrend2019w #gNav ul li a{
		font-size:13px;
		padding:17px 5px 20px;
	}
	#nailtrend2019w #gNav ul li a:after{
		right:50%;
		margin-right:-0.4em;
		top:inherit;
		bottom:-5px;
		font-size:19px;
	}
}
@media (max-width: 360px){
	#nailtrend2019w #gNav ul li a{font-size:12px;}
}

/* =================== #sectionWrap =================== */

#nailtrend2019w #sectionWrap > section{
	width:100%;
	padding-top:10px;
	margin-top:50px;
}
#nailtrend2019w #sectionWrap h2{
	max-width:540px;
	font-family:Century Gothic,"century-gothic", Arial, serif;
	line-height:1.3;
	font-size:50px;
	margin:0 auto;
	text-align:center;
	font-weight:400;
	display:block;
}
#nailtrend2019w #sectionWrap h2+p{
	text-align:center;
	margin-top:20px;
	margin-bottom:10px;
}
#nailtrend2019w #sectionWrap h2+p > span{
	height:56px;
	background:#373737;
	font-size:19px;
	color:#FFF;
	font-weight:bold;
	position:relative;
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: center;
	align-items:center;
	line-height:1.4;
	padding:10px;
}
#nailtrend2019w #sectionWrap h2+p > span:before{
	content:"";
	position:absolute;
	left:-20px;
	top:0;
	border-top:28px solid transparent;
	border-left:10px solid transparent;
	border-right:10px solid #373737;
	border-bottom:28px solid #373737;
}
#nailtrend2019w #sectionWrap h2+p > span:after{
	content:"";
	position:absolute;
	right:-20px;
	top:0;
	border-top:28px solid #373737;
	border-left:10px solid #373737;
	border-right:10px solid transparent;
	border-bottom:28px solid transparent;
}
@media (max-width: 767px) {
	#nailtrend2019w #sectionWrap > section{margin-top:30px;}
	#nailtrend2019w #sectionWrap h2{font-size:6.9vw;}
	#nailtrend2019w #sectionWrap h2+p{margin-top:10px;}
	#nailtrend2019w #sectionWrap h2+p > span{
		font-size:15px;
		min-width:240px;
	}
}
@media (max-width: 479px) {
	#nailtrend2019w #sectionWrap h2{font-size:9.0666666vw;}
}

/* =================== #trendDesign =================== */
#nailtrend2019w #sectionWrap #trendDesign,
#nailtrend2019w #trendDesign .listBox li{margin-top:30px;}
#nailtrend2019w #trendDesign h2{
	color:#F17F90;
	border-bottom:2px solid #F17F90;
}
#nailtrend2019w #trendDesign .listBox li:nth-child(3+n){padding-bottom:30px;}
#nailtrend2019w #trendDesign .listBox li:nth-child(-n+2) .inner{
	border-bottom:1px solid #DDD;
	padding-bottom:30px;
}
#nailtrend2019w #trendDesign .listBox li .inner .ttlBox{
	width:100%;
	display:table;
	margin-bottom:20px;
}
#nailtrend2019w #trendDesign .listBox li .inner .ttlBox > p{
	width:40%;
	display:table-cell;
	vertical-align:top;
}
#nailtrend2019w #trendDesign .listBox li .inner .ttlBox > p strong{
	/*IE11対策*/
	display:-webkit-flex;
	display:flex;
}
#nailtrend2019w #trendDesign .listBox li .inner .ttlBox > p span{
	width:100%;
	border:1px solid #DDD;
	text-align:center;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
  flex-wrap: wrap;
	justify-content: center;
	align-items:center;
	min-height:110px;
	padding:10px;
}
#nailtrend2019w #trendDesign .listBox li .inner .ttlBox > section{
	width:55%;
	display:table-cell;
	padding-left:5%;
	vertical-align:top;
}
#nailtrend2019w #trendDesign .listBox li .inner .ttlBox > section > h3{
	color:#F17F90;
	font-size:18px;
}
#nailtrend2019w #trendDesign .listBox li .inner .ttlBox > section p{font-size:14px;}
#nailtrend2019w #trendDesign .listBox li .inner .imgBox{
	text-align:center;
	margin-top:20px;
}
#nailtrend2019w #trendDesign .listBox li .inner .itemWrap .itemBox li{margin-top:15px;}
#nailtrend2019w #trendDesign .listBox li .inner .itemWrap h4{line-height:1.2;}
#nailtrend2019w #trendDesign .listBox li .inner .itemWrap h4 span{
	color:#222;
	font-size:12px;
}
#nailtrend2019w #trendDesign .listBox li .inner .itemWrap .go-to-list{
	text-align:right;
	font-size:14px;
	color:#FC5F96;
	font-weight:bold;
	margin-top:15px;
}

@media (max-width: 767px) {
	#nailtrend2019w #sectionWrap #trendDesign{margin-top:15px;}
	#nailtrend2019w #trendDesign .listBox li{width:100%;}
	#nailtrend2019w #trendDesign .listBox li .inner .ttlBox{padding:0}
	#nailtrend2019w #trendDesign .listBox li .inner .ttlBox > p{width:35%;}
	#nailtrend2019w #trendDesign .listBox li .inner .ttlBox > section{width:60%;}
	#nailtrend2019w #trendDesign .listBox li .inner .imgBox img{max-width:70%;}
	#nailtrend2019w #trendDesign .listBox li .inner .itemWrap h4 span{font-size:11px;}
	#nailtrend2019w #trendDesign .listBox li .inner .itemWrap .itemBox li{
		width:25%;
		margin-top:15px;
	}
	#nailtrend2019w #trendDesign .listBox li .inner .itemWrap .go-to-list{font-size:13px;}
}


/* =================== #trendColor =================== */
#nailtrend2019w #trendColor h2{
	color:#B57EF1;
	border-bottom:2px solid #B57EF1;
}
#nailtrend2019w #trendColor .cntBox{
	width:100%;
	overflow:hidden;
	margin-top:30px;
}
#nailtrend2019w #trendColor .cntBox .imgBox{
	width:46.5%;
	float:left;
	text-align:center;
	margin-top:20px;
}
/* ========== .cnt1 =========== */
#nailtrend2019w #trendColor .cnt1{border-top:1px solid #6C68B2;}
#nailtrend2019w #trendColor .cnt1 .detailBox h3{color:#6C68B2;}

/* ========== .cnt2 =========== */
#nailtrend2019w #trendColor .cnt2{border-top:1px solid #373737;}
#nailtrend2019w #trendColor .cnt2 .detailBox h3{color:#373737;}

/* ========== .cnt3 =========== */
#nailtrend2019w #trendColor .cnt3{border-top:1px solid #7B0416;}
#nailtrend2019w #trendColor .cnt3 .detailBox h3{color:#7B0416;}

@media (max-width: 767px){
	#nailtrend2019w #trendColor .cntBox .imgBox,
	#nailtrend2019w #trendColor .cntBox .detailBox{
		width:100%;
		float:none;
	}
	#nailtrend2019w #trendColor .cntBox .imgBox{margin-top:0;}
}


/* === .colorClass(trendDesign＆trendColor＆otherClass共通) === */
#nailtrend2019w .colorClass .cntBox .detailBox{
	width:48.7%;
	float:right;
	padding:20px 0;
	position:relative;
}
#nailtrend2019w .colorClass .cntBox .detailBox h3{
	font-size:24px;
	margin-bottom:10px;
}
#nailtrend2019w .colorClass .cntBox .detailBox .intro,
#nailtrend2019w #trend2019 .cntWrap .cntBox .intro{
	display:inline-block;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	background:#373737;
	border-radius:20px;
	text-align:center;
	position:absolute;
	right:20px;
	top:15px;
	padding:10px 15px;
}
#nailtrend2019w  .itemWrap{margin-top:15px;}
#nailtrend2019w  .itemWrap h4{
	color:#FC5F96;
	font-weight:bold;
	text-align:center;
	font-size:18px;
	padding:10px;
	background:#FFF;
	border-top:1px solid #FC5F96;
	border-bottom:1px solid #FC5F96;
}
#nailtrend2019w .itemWrap .itemBox{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	align-items:stretch;
}
#nailtrend2019w .itemWrap .itemBox li{
	width:25%;
	text-align:center;
	margin-top:15px;
	font-size:13px;
	padding:0 2.9%;
}
#nailtrend2019w .itemWrap .itemBox li img{padding-bottom:5px;}

@media (max-width: 1023px){
	#nailtrend2019w .colorClass .cntBox .detailBox h3{font-size:20px;}
	#nailtrend2019w .colorClass .cntBox .detailBox p{font-size:14px;}
	#nailtrend2019w .colorClass .cntBox .detailBox .intro,
	#nailtrend2019w #trend2019 .cntBox .detailBox .intro{right:0;}
}
@media (max-width: 767px){
	#nailtrend2019w .colorClass .cntBox .detailBox h3{font-size:18px;}
	#nailtrend2019w .colorClass .cntBox .detailBox .intro,
	#nailtrend2019w #trend2019 .cntBox .detailBox .intro{
		top:20px;
		padding:5px 10px;
		font-size:10px;
	}
	#nailtrend2019w .itemWrap h4{font-size:15px;}
	#nailtrend2019w .itemWrap .itemBox li a{word-break: break-all}
}

/* =================== #otherColor =================== */
#nailtrend2019w #otherColor h2,
#nailtrend2019w #antiqueFlower h2{
	max-width:100%;
	font-size:26px;
	color:#373737;
	text-align:center;
	font-family:"Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, "Open Sans", Helvetica, Arial, -apple-system, blinkMacSystemFont, sans-serif;
	font-weight:bold;
}

#nailtrend2019w #otherColor .cntWrap,
#nailtrend2019w #trend2019 .cntWrap{
	width:100%;
	overflow:hidden;
}
#nailtrend2019w #otherColor .cntWrap .cntBox,
#nailtrend2019w #trend2019 .cntWrap .cntBox{
	width:48.5%;
	float:left;
	margin-top:30px;
	background:#FBFBFB;
}
#nailtrend2019w #otherColor .cntWrap .cntBox .detailBox{
	width:100%;
	float:none;
}
#nailtrend2019w #otherColor .cntWrap .cntBox .detailBox h3,
#nailtrend2019w #otherColor .cntWrap .cntBox .detailBox h3+p{padding:0 2.9%;}
#nailtrend2019w #otherColor .cntWrap .cntBox:first-of-type,
#nailtrend2019w #trend2019 .cntWrap .cntBox:first-of-type{margin-right:3%;}
#nailtrend2019w #otherColor .comingsoon{margin-top:40px;}

/* ========== .cnt1 =========== */
#nailtrend2019w #otherColor .cnt1{border-top:1px solid #CB85B2;}
#nailtrend2019w #otherColor .cnt1 .detailBox h3{color:#CB85B2;}

/* ========== .cnt2 =========== */
#nailtrend2019w #otherColor .cnt2{border-top:1px solid #C9CD25;}
#nailtrend2019w #otherColor .cnt2 .detailBox h3{color:#C9CD25;}


@media (max-width: 767px){
	#nailtrend2019w #otherColor .cntWrap .cntBox{
		width:100%;
		float:none;
	}
	#nailtrend2019w #otherColor .cntBox .detailBox .intro{top:20px;}
	#nailtrend2019w #otherColor .comingsoon{margin-top:20px;}
}
@media (max-width: 479px){
	#nailtrend2019w #otherColor h2,
	#nailtrend2019w #antiqueFlower h2{font-size:5.71428vw;}
}


/* =================== btn =================== */
#nailtrend2019w #sectionWrap .btn1{
	max-width:480px;
	margin:30px auto 0;
}
@media (max-width: 767px){
	#nailtrend2019w #sectionWrap .btn1{margin-top:10px;}
}