@charset "utf-8";
/*---------------------------------+
@title  ： pickup_common.css(BG/EG兼用)
@auther ： Yuki Ishikura
@detail ： pickupArea Common
@temp   ： FormPageTemplate_pickupArea
@update ： 2017/01/15
Copyright BEAUTY GARAGE.INC. All Rights Reserved.
+----------------------------------*/
#pickupArea{margin-bottom:40px;}
.pickupLayout th,.pickupLayout td,.pickupLayout h1,.pickupLayout h2,.pickupLayout h3,.pickupLayout h4,.pickupLayout h5,.pickupLayout h6{line-height:1.6; margin:0; padding:0;}
.pickupLayout dl{margin-bottom:0; margin-top:0;}
.pickupLayout main{overflow:visible;}
.pickupLayout p{margin-bottom:0;}


/* 特集コンテンツ下部のブランドロゴ表示 */
/*---------------------------------------------------*/
#pickup-makerBrand{
	width:100%;
	margin:0 auto 50px;
}
#pickup-makerBrand .headline-text{padding:0 10px; margin-top:50px; text-align: center;}
#pickup-makerBrand .inner{
	overflow-x:scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling:touch;
	padding-bottom:5px;
}
#pickup-makerBrand ul li{
	width:100px;
	display:inline-block;
	margin:6px 10px 6px 0;
	text-align:center;
	border:1px solid #DDD;
}
#pickup-makerBrand ul li a img{
	width:100%;
	height:auto;
}

#pickup-makerBrand ul li a:hover{
	opacity:0.5;
}

@media screen and (min-width: 686px){
	#pickup-makerBrand .inner{
		width:100%;
		overflow-x:hidden;
		white-space:normal;
		margin-top:-10px;
	}
	#pickup-makerBrand ul{
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
	#pickup-makerBrand ul li{
		width:calc(16.666666666% - 2.5%);
		display:block;
		margin:10px 1.25%;
		text-align:center;
		border:1px solid #DDD;
	}
}

@media screen and (min-width: 1500px){
	#pickup-makerBrand{
		width:1200px;
		margin:0 auto 50px;
	}
}

/* スタッフスタートバナー表示 */
/*---------------------------------------------------*/
#tenpanBnr{
	width:100%;
	margin:0 auto 50px;
    text-align: center;
}
#tenpanBnr .sp{display: none;}
#tenpanBnr h2{text-align: center;}
#tenpanBnr img{ width:100%; max-width: 700px;}
#tenpanBnr a:hover{opacity: 0.7;}
#tenpanBnr h2 span.pop{
    position: relative;
    display: inline-block;
    padding: 0 20px;
    /*margin-bottom: 36px;*/
    color:#111;
    font-size: 23px;
}

@media (max-width: 767px){
    #tenpanBnr .sp{display: block;}
    #tenpanBnr h2{
        font-size:18px;
        text-align: center;
    }
    
    #tenpanBnr h2 span.pop {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    /* margin-bottom: 36px; */
    color: #111;
    font-size: 18px;
    line-height: 1.2em;
}
}

 
#tenpanBnr h2 span.pop:before {
  position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 3px;
    height: 100%;
    background: #111;
    border-radius: 3px;
    transform: rotate(-25deg);
}
#tenpanBnr h2 span.pop:after {
  position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 3px;
    height: 100%;
    background: #111;
    border-radius: 3px;
    transform: rotate(25deg);
}