@charset "utf-8";

/*LINE公式アカウント 2020/02*/
#line{
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	display:block;
	max-width:640px;
	margin:auto;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*ヘッダー*/
#line .header_box .header_img{
	display:block;
	width:100%;
	max-width:640px;
	margin:0 auto;
}
/*共通パーツ*/
#line .contents_ttl{
	display:block;
	width:100%;
	max-width:375px;
	margin:16px auto 0;
}
#line .contents_box{
	display:block;
	width:100%;
	max-width:640px;
	background-color:#fff9df;
	border:2px solid #f9efc1;
	padding:14px;
	margin:30px auto 0;
	-webkit-border-radius:6px;
	border-radius:6px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#line .catch_box{
	display:block;
	width:max-content;
	margin:auto;
}
#line .catch_box .catch{
	display:block;
	color:#3e3c3c;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	width:100%;
	padding-bottom:2px;
	margin:20px auto 24px;
	position:relative;
}
#line .catch_box .catch:after{
	display:block;
	content:"";
	border-bottom:4px solid #00b833;
}
@media screen and (max-width:320px){
	#line .catch_box .catch{
		font-size:16px;
	}
}
#line .txt{
	font-size:14px;
}
#line .line_btn .icon_qr{
	display:block;
	width:100%;
	max-width:160px;
	margin:24px auto 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/*全員にクーポンをプレゼント！*/
#line .present_box{
}
#line .present_box .contents_box{
	display:block;
	position:relative;
	margin-top:80px;
	padding:60px 14px 14px;
}
#line .present_box .contents_box .txt{
	font-size:14px;
	text-align:center;
}
#line .present_box .contents_box .txt .txt_pink{
	color:#ed6f6f;
	font-size:18px;
	font-weight:bold;
}
@media screen and (max-width:320px){
	#line .present_box .contents_box .txt{
		font-size:12px;
	}
	#line .present_box .contents_box .txt .txt_pink{
		font-size:14px;
	}
}
#line .present_box .contents_box .friends{
	display:block;
	width:100%;
	max-width:300px;
	height:auto;
	position:absolute;
	left:0;
	right:0;
	margin:auto;
	top:-70px;
}
#line .present_box .contents_box .sub_txt{
	font-size:10px;
	text-align:center;
	margin-top:8px;
}
/*友だちになるとこんなメリットが!!*/
#line .merit_box{
}
#line .merit_box .catch{
}
#line .merit_box .contents_box{
}
#line .merit_box .figure_1{
	display:block;
	width:100%;
	max-width:640px;
	margin:0 auto;
}
#line .merit_box .figure_2{
	display:block;
	width:100%;
	max-width:640px;
	margin:0 auto;
}
/*友だち追加はこちらから*/
#line .friend_box{
}
#line .friend_box .catch{
}
#line .friend_box .contents_box{
}
#line .friend_box .icon_line{
	display:block;
	width:100%;
	max-width:100px;
	margin:0 auto;
}
/*クーポン利用でさらにお得に♪*/
#line .coupon_box{
}
#line .coupon_box .contents_box{
}
#line .coupon_box .contents_box .catch_link{
	color:#ed6f6f;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin-top:12px;
}
@media screen and (max-width:320px){
	#line .coupon_box .contents_box .catch_link{
		font-size:12px;
	}
}
#line .coupon_box .contents_box img{
	display:block;
	width:100%;
	max-width:580px;
	margin:8px auto 0;
}