@charset "utf-8";
/* CSS Document */

/*特集PCページコンテンツベーススタイル*/
.astb_wrapper{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	line-height:180%;
	width:760px;
	color:#2c2827;
}

a{ text-decoration:none;}

/* sns-wrap
------------------------------------------------*/
.sns-wrap{
	text-align:center;
}

ul.sns-btn{
	margin-top:20px;
}
ul.sns-btn li {
	display:inline-block;
	line-height: 0!important;
	letter-spacing:0 !important;
	vertical-align:bottom;
}
.sns-btn-bottom{
	margin-top:50px;
}
.sns-btn-bottom ul{
	text-align:center;
}
.sns-btn-bottom ul li{
	display:inline-block;
	line-height: 0!important;
	letter-spacing: 0;
	vertical-align:bottom;
}

li.tw-button-y {
    width: 82px !important;
}
li.g-button-y {
    width: 58px;
}


/*-----------------------------------------------------
ins-wrapper
-------------------------------------------------------*/
.ins-wrapper{
	background: url(/images/pages/feature/halloween/bg_all.jpg) repeat  0 0;
	position:relative;
	
}


.ins-wrapper-theme{
	font-size: 30px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
}


/*-----------------------------------------------------
ins-btn-list
-------------------------------------------------------*/
.ins-btn-list ul{
	width:735px;
	margin:30px auto 0 auto;
	text-align:center;
}

.ins-btn-list ul li{
	float:left;
	width:235px;
	margin-left:15px;
}
.ins-btn-list ul li:first-child{
	margin-left:0;
}

/*-----------------------------------------------------
ins-nail-gallery
-------------------------------------------------------*/
.ins-nail-gallery{
	background:url(/images/pages/feature/halloween/img_linetop.png) no-repeat top,url(/images/pages/feature/halloween/img_linebottom.png) no-repeat bottom,#fffbf1;
	padding:20px 0;
	margin-top: 40px;
}

.ins-nail-gallery h2{
	text-align: center;
	margin-top: 40px;
}


/*-----------------------------------------------------
ins-postjoin
-------------------------------------------------------*/
.ins-postjoin{
	padding-top: 10px;
}

.ins-postjoin-image{
	text-align:center;
	margin-top: 35px;
}

.ins-postjoin-detail-wrap{
	padding:0 5px;
	line-height:1.6;
}

.ins-postjoin-detail-wrap ul li{
	float:left;
	width: 230px;
	margin-left: 8px;
	padding: 6px;
	color:#ffffff;
	font-weight:bold;
	font-size:15px;
	
}

.ins-postjoin-rules{
	width:680px;
	background:#ffffff;
	border:#FFAB22 1px solid;
	margin:40px auto;
}
.ins-postjoin-rules h3{
	padding: 5px;
	font-size: 14px;
	background: #ffa500;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.ins-postjoin-rules-box{
	overflow:auto;
	height: 150px;
	padding: 10px;
}

.ins-postjoin-rules-box p{
	margin-top:10px;
}

.ins-postjoin-rules-box p a{
	text-decoration:underline !important;
}

.ins-postjoin-rules-box h4{
	font-size: 18px;
	text-align: center;
	border-bottom: #ddd 1px dotted;
}

.ins-postjoin-rules-box ul{
	margin: 10px 0 40px 0;
}


.ins-postjoin-rules-box ul li{
	margin: 5px 0 0 15px;
	list-style-type:circle;
}

/*-----------------------------------------------------
twi-diffjoin
-------------------------------------------------------*/
.twi-diffjoin{
	background:url(/images/pages/feature/halloween/bg_twi.png) no-repeat right bottom,#f6f6f6;
	min-height: 370px;
	padding-top: 10px;
}

.twi-diffjoin ul{
	width: 350px;
	padding: 24px 0 0 18px;
	line-height: 1.5;
	font-size: 16px;
	font-weight:bold;
}

.twi-diffjoin ul li{
	margin-top:15px;
}

/*-----------------------------------------------------
campaign-details
-------------------------------------------------------*/
.campaign-details{
	font-size: 16px;
	padding: 40px 200px 90px 50px;
	line-height: 1.3;
	color:#ffffff;
}

.campaign-details dl dt{
	font-size:20px;
	font-weight:bold;
	margin-top:15px;
}

/*-----------------------------------------------------
instafeed
-------------------------------------------------------*/
#instafeed ul{}

#instafeed li{
	float:left;
	margin-left:3px;
	margin-top:45px;
	padding:3px;
	text-align: right;
}

#instafeed li img{
	width:235px;
	border:#ffffff 3px solid;
}

#instafeed li a{
	border:#ff8800 1px solid;
	display: inline-block;
}

.ins-fav-icon{
	margin-top:3px;
	font-size: 16px;
	font-weight: bold;
	color: #ff8800;
}

.ins-fav-icon img{
	width:20px !important;
}

#load-more{
	text-align: center;
	margin: 50px 0 30px 0;
}

/* top-read,result-read,tw-read
------------------------------------------------*/
.top-read,.result-read,.tw-read{
	padding:30px;
	font-size: 20px;
	line-height: 1.6;
	color: #FFF;
}

/*tw-read*/
.tw-read dt{
	font-size:30px;
	font-weight:bold;
}

/* ins-application_period
------------------------------------------------*/
.ins-application_period{
	text-align:center;
}


/*ins-application_thanks*/
.ins-application_thanks{
	text-align:center;
	margin-top:30px;

}


/*ins-present-wrap 
------------------------------------------------*/
.ins-present-wrap{
	text-align:center;
	padding: 10px 0;
	background: rgba(255,255,255,0.3);
}

.ins-present-wrap-text{
	padding: 15px;
	color: #FFF;
	text-align: left;
	width: 543px;
	margin: 14px auto;
	font-size:18px;
}

.ins-present-wrap-l{
	display:inline-block;
	margin-right: 60px;
}

.ins-present-wrap-r{
	display:inline-block;
	font-size:16px;
	font-weight:bold !important;
	color:#ffffff;
}
.ins-present-wrap-sponsor{
	width: 543px;
	margin: 35px auto;
}

.ins-present-wrap-sponsor p{
	padding:10px;
	text-align:left;
}

.ins-present-wrap-sponsor img{
	width: 38%;
	padding-right: 5px;
}

.ins-present-wrap-sponsor a{
	text-decoration:underline !important
}

/* ins-color
------------------------------------------------*/
.ins-color-o{
	color:#ffce00;
	font-weight: bold;
}

.ins-color-twi-o{
	color:#ff7f00;
	font-weight: bold !important;
}

.ins-color-twi-o a{
	color:#ffa300 !important;
	text-decoration:underline !important;
}


/*ins-font-min 
------------------------------------------------*/
.ins-font-min{
	font-size:12px;
}

.ins-font-rage{
	font-size:30px;
	color:#FFFFFF;
	font-weight:bold;
}
/* ins-info-image
------------------------------------------------*/
.ins-info-image{
	position:absolute;
	bottom:327px;
	right:0;
	z-index:10;
	}

/* ins-topback-icon
------------------------------------------------*/
.ins-topback-icon{
	position:absolute;
	bottom:0;
	left:50%;
}


/* ins-sponsor
------------------------------------------------*/
.ins-sponsor{
	font-size:14px;
	margin-top:80px;
}

.ins-sponsor img{
	width:70%;
	padding-bottom: 5px;
}

.ins-sponsor p{
	margin-top:15px;
}

.ins-sponsor a{
	color:#ffa300 !important;
	text-decoration:underline !important;
}

.ins-sponsor-logowrap{
	text-align:center;
}


/*-----------------------------------------------------
result_wrap
-------------------------------------------------------*/
.result_wrap{
	margin-top:20px;
}

/* hw-award_list
------------------------------------------------*/
.hw-award_list li{
	padding:10px;
}

.hw-award_list li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.hw-award_list dl dt{
	float:left;
}

.hw-award_list dl dt a{
	width:280px;
	border: 5px solid #F80;
	display: inline-block;
}

.hw-award_list dl dt img{
	width:100%;
}

.hw-award_list dl dd{
	display:table-cell;
	padding:10px;
	font-size: 18px;
	line-height: 1.6;
	color: #FFF;
}

.hw-award_list dl dd p{
	margin-bottom:20px;
}

.hw-award_list h3{
	font-size:24px;
	font-weight:bold;
	color:#F80;
}

.hw-award_username{
	text-decoration:underline;
	font-weight:bold;
	color:#ffffff;
}


/*-----------------------------------------------------
common/-single use-
-------------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.pointer{cursor:pointer;}

.text-dec{text-decoration:underline;}

p.indent1em,
ul.indent1em li{
	text-indent:-1em;
	padding-left:1em;
}