@charset "utf-8";

/* Instagramキャンペーン 2021.10 */

/* 共通 */
#sns-ugccampaign{
	display:block;
    margin-bottom: 40px;
    width:100%;
	max-width:755px;
	font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;
	margin:auto;
}
#sns-ugccampaign p,
#sns-ugccampaign a,
#sns-ugccampaign span,
#sns-ugccampaign div,
#sns-ugccampaign ul,
#sns-ugccampaign li{
	padding:0;
	margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
    color: #222;
}
#sns-ugccampaign p{
    font-size: 3.6vw;
    line-height: 1.6em;
    font-weight: 500;
}
#sns-ugccampaign a{
	text-decoration:none;
}
#sns-ugccampaign small{
    font-size: 2.4vw;
}
#sns-ugccampaign .mb5{
    margin-bottom: 5%;
}
#sns-ugccampaign .mb8{
    margin-bottom: 8%;
}
#sns-ugccampaign .mb30{
    margin-bottom: 30%!important;
}
#sns-ugccampaign strong{
    color: #ef2828;
}

/*ヘッダー*/
#sns-ugccampaign .header_box{
    font-size: 3.2vw;
	display:block;
	width:100%;
}

/*リード文*/
#sns-ugccampaign .lead_text{
	text-align: center;
    padding: 10% 0 15%;
}

/*Instagramオフィシャルボタン*/
#sns-ugccampaign .brn_lensmode_official {
    display: inline-block;
    font-size: 4.2vw;
    margin-top: 4%;
    width: 240px;
    padding: 3%;
    border: solid 2px #000;
}
#sns-ugccampaign .btn_icon::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 14px;
    background: url(../img/arrow.png) no-repeat;
    background-size: contain;
    margin-left: 58px;
}

/*プレゼント説明*/
#sns-ugccampaign .present_box{
    width: 100%;
    padding: 8% 3% 5%;
    display: block;
    text-align: center;
    background: #fef6dc;
    position: relative;
}
#sns-ugccampaign .present_ttl{
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
#sns-ugccampaign .present_coupon{
    margin: 0 auto;
}

/*参加方法*/
#sns-ugccampaign .sp_participation_ttl{
    margin: 0 auto;
    display: block;
    margin-bottom: 25%;
    width: 100%;
}
#sns-ugccampaign .participation{
	position:relative;
    width:100%;
    padding: 10% 0 20%;
}
#sns-ugccampaign .participation_box{
    padding: 5%;
    background-color: #ffeffd;
    border: solid 4px #691f60;
    border-radius: 20px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}
#sns-ugccampaign .icon {
    height: 3.6vw;
    vertical-align: middle;
    margin-bottom: 0;
}
#sns-ugccampaign .brn_lensmode_official {
    display: inline-block;
    font-size: 16px;
    margin-top: 16px;
    width: 240px;
    padding: 6px 8px;
    border: solid 2px #000;
}
#sns-ugccampaign .btn_icon::after {
    content: "";
    display: inline-block;
    width: 9px;
    height: 14px;
    background: url(../img/sp_arrow.png) no-repeat;
    background-size: contain;
    margin-left: 58px;
}
#sns-ugccampaign .icon_position{
    position: absolute;
    top: -5.6em;
    left: 0;
    right: 0;
    margin: auto;
    width: 25%;
}
@media only screen
    and (max-device-width:320px) {
#sns-ugccampaign .icon_position{
    top: -4.6em;
}        
}


/*投稿例*/
#sns-ugccampaign .postexample_box{
	width:100%;
    padding: 10% 0;      
	display:block;
    text-align: center;
	background:#fef6dc;
    position: relative;
}
#sns-ugccampaign .postexample_ttl{
    position: absolute;
    top: -24px;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
}
#sns-ugccampaign .postexample{
    margin: 0 auto;
    width: 90%;
}
#sns-ugccampaign .post1{
    position: relative;
}
#sns-ugccampaign .balloon01 {
    position: absolute;
    top: -18%;
    left: -4%;
    width: 25%;
}

/*キャンペーン概要*/
#sns-ugccampaign .campaign_box{
	display:block;
    text-align: center;
	width:100%;
	position:relative;
    padding: 10% 0 0;
}
#sns-ugccampaign .campaign_ttl{
    margin-bottom: 8%;
    width: 100%;
}
#sns-ugccampaign .date{
    font-size: 17px;
}
#sns-ugccampaign .campaign_text{
    display: block;
    margin: 0 auto;
    padding: 24px;
    background-color: #ffeffd;
    border: solid 4px #691f60;
    border-radius: 20px;
    text-align: left;
    width: 76%;    
}
#sns-ugccampaign .campaign_text dt{
    display: block;
    width: 150px;
    text-align: center;
    color: #fff;
    background-color: #691f60;
    padding: 2px;
    font-size:16px;
    margin-bottom: 8px;
}
#sns-ugccampaign .campaign_text dd{
    font-size:15px;
    margin-bottom: 16px;
}
#sns-ugccampaign .campaign_text small{
    font-size:11px;
}

/*注意事項*/
#sns-ugccampaign .notes_ttl{
    margin-bottom: 8%;
    width: 100%;
}
#sns-ugccampaign .notes_box{
    text-align: center;
    font-size: 15px;
    line-height: 1.8em;
    padding: 10% 0;    
}
#sns-ugccampaign .notes_text{
    display: block;
    margin: 0 auto;
    padding: 24px;
    background-color: #ffeffd;
    border: solid 4px #691f60;
    border-radius: 20px;
    width: 90%;
    text-align: left;
}
#sns-ugccampaign .notes_text li{
    text-indent: -1.8em;
    margin-left: 20px;
}
#sns-ugccampaign .notes_text li::before {
    position: relative;
    top: -3px;
    left: -10px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background: #222;
    margin-left: 24px;
}

/*レンズモードへボタン*/
#sns-ugccampaign .btn_lensmode {
    display: block;
    text-align: center;
    width: 80%;
    padding: 0 0 20%;
    margin: 0 auto;
}