@charset "utf-8";

	


.w100 img{
	width: 100%;
	height: auto;
}
body{
	position:relative;
	background:#fff;
	color:#666 !important;
	text-align: left;
	min-width: 100% !important;
}

*{
	box-sizing: border-box;
}

small{font-size: 100%;}

.to_top{
	position:absolute;
	top:20px;
	right:20px;
}


.wrap__main{
	padding: 0 0 40px;
	background-color:#e50065;
}
.main_visual {
    max-width: 415px;
    margin: 12px auto 30px;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.1);
}

	.main_visual img{
		width: auto;
		max-width: 100%;
		height: auto;
	}

.box{
	width: 750px;
	margin: 0 auto;
}

.box-members,
.box-flow{
	padding:20px;
}

.box-members{
	background-color: #E40064;
	border-radius: 20px;
	color: #fff;
	font-weight: bold;
	font-size: 15px;
	overflow: hidden;
	border:solid 2px #FFF9B1;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.4); 
	margin-bottom:10px;
}

.ttl_members{
	text-align: center;
}

.list_privilege{
	margin-top: 0;
}
	.list_privilege dt{
		color: #FFF8B0;
		font-size: 23px;
		text-align: left;
		margin-top: 20px;
		padding: 10px 0 10px 55px;
		line-height: 1.2;
		
	}
.list_privilege dt:nth-of-type(1){
		background: url(../img/privilege01.png) left center no-repeat;
	}
.list_privilege dt:nth-of-type(2){
		background: url(../img/privilege02.png) left center no-repeat;
	}
.list_privilege dt:nth-of-type(3){
		background: url(../img/privilege03.png) left center no-repeat;
	}
.list_privilege dt:nth-of-type(4){
		background: url(../img/privilege04.png) left center no-repeat;
	}

.list_privilege dd{
	margin-top: 10px;
}

.strong_privilege{
	color: #FFF8B0;
	font-size: 26px;
}

.txt_enjoy{
	margin-top: 30px;
	font-size: 25px;
	text-align: center;
}

.box-notes{
	margin-top: 20px;
	padding: 20px 35px;
	color: #fff;
	font-weight: bold;
	border: 1px solid #999;
	border-radius: 20px;
	background-color: #fff;
}
	.txt_notes{
		font-size: 22px;
	}
	.txt_sub_notes{
		font-size: 15px;
		font-weight: bold;
		color: #999;
		text-align: center;
	}
.list_app_notes{
	margin-top: 10px;
	color: #999;
}

.wrap__flow{
	padding: 40px 0;
}

.box-flow{
	background-color: #fff;
	position:relative;
}

.ttl_how_to,
.ttl_faq{
	width: 750px;
	margin: 0 auto;
}

.dl__faq dt,
.dl__faq dd {
/*	text-indent: -55px;*/
	padding-left: 55px;
}
	.dl__faq dt:before,
	.dl__faq dd:before {
		display: inline-block;
		margin: 0 15px -0.35em -55px;
		box-sizing: border-box;
		border-radius: 3px;
		color: #fff;
		font-size: 1.5em;
		width: 40px;
		line-height: 40px;
		text-align: center;
		text-indent: 0;
	}

.dl__faq dt {
	margin-bottom: 1.5em;
	color: #e50065;
	font-size: 1.2em;
	font-weight: bold;
}
	.dl__faq dt:before {
		content: "Q";
		border: 2px solid #e50065;
		color: #e50065;
	}

.dl__faq dd {
	margin-bottom: 3em;
}
	.dl__faq dd:before {
		content: "A";
		background-color: #e50065;
		color: #fff;
		font-weight: bold;
	}
	.dl__faq dd:last-child {
		margin-bottom: 0;
	}

.dl__faq .list_inner_dd{
/*	padding-left: 55px;*/
}
span.bold{
	    color: #FFF8B0;
    font-size: 23px;
    text-align: left;
    margin-top: 20px;
    font-weight:bold;
    line-height: 1.2;
}
p.number,p.number04, p.number02{
	float:left;
	margin-right:20px;
	    padding-top: 0.5%;
}
p.number02{
		float:left;
	/*margin-right:20px;
	    padding-top: 2%;*/
}
p.point_txt{
    border-left: 2px #ffffff dotted;
    padding-left: 20px;
		overflow:hidden;
}
.caption{
	font-size:80%;
}
div.app_ttl{
	background-color:#EA609E;
	    border-radius:30px;
    width: 100%;
    height: 47px;
		margin-bottom: 10px;
		overflow:hidden;
}
div.app_ttl_left{
	background-color: #EA609E;
    border-radius: 30px;
    height: 47px;
    margin-bottom: 10px;  
}
div.wrapperL{
	width: 45%;
		float: left;
}
div.wrapperR{
	width: 45%;
		float: right;
}
.click{
	text-align:center;
}
.app_number{
	float:left;
	padding: 2px 8px 3px 4px;
}
.app_number_double{
	float:left;
	padding:10px 8px 3px 10px;
	width:45px;
}
.app_ttl_03{
	float:left;
	    font-weight: bold;
    color: #ffffff;
    padding-top: 13px;
		width:83%;
}
.app_ttl_1,.app_ttl_2{
	padding-right:2%;
	    font-weight: bold;
    color: #ffffff;
    padding-top: 5px;
}
.qrWrapper{
	margin-right:10px;
}
.qr_ttl{
	text-align:center;
	margin-top:5px;
}
.wrappe04L{
	float:left;
	width:165px;

}	
.wrappe04L_last{
	float:left;
	width:170px;
}	
.stamp{
	position:absolute;
	    right: -20px;
    bottom: -20px;
}
.arrow{
	    float: left;
    padding: 15% 5px;
}

.graph{
	margin-left: -55px;
}
.graph img{
	margin-top: 1.5em;
}

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


	.dl__faq dt,
	.dl__faq dd {
		padding-left: 20px;
	}
	.dl__faq dt:before,
	.dl__faq dd:before {
		display: inline-block;
		margin: 0 0.5em -0.35em -2em;
		box-sizing: border-box;
		border-radius: 3px;
		font-size: 1em;
		width: 20px;
		line-height: 20px;
		text-align: center;
		text-indent: 0;
	}
	.dl__faq dd:before{
		font-size: 1.2em;
	}
	.graph img{
		margin-left: -20px;
	}
	.graph img{
		background-size:contain;
		width:100%;
	}
	.app_ttl_1 {
    float: left;
    font-weight: bold;
    color: #ffffff;
    padding-top: 4px;
    width: 80%;
}
.ol_flow dl {
    overflow: auto;
}
.txt_indent {
    float: none;
}
#tab_sp .ul_app_bnr li {
	    width: 100%;
}
div.wrapperL, div.wrapperR {
    width: 100%;
    float: none;
		margin-bottom:20px;
}
#tab_sp .wrappe04L {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.arrow{
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
		float:none;
		padding:0;
		width:7%;
		margin-left:50%;
}
p.app4_img{
	text-align:center;
}
.stamp {
    position: absolute;
    right: -20px;
    bottom: -80px;
}
p.point_txt {
    width: 80%;
}

}

.nav__tab{
	overflow:hidden;
	width: 750px;
	margin: 0 auto;
}

#tab{
	margin: 30px -15px 0 0;
}
	#tab li{
		float: left;
		width: 240px;
		margin-right: 15px;
	}
		#tab li a{
			display: block;
			height: 65px;
			text-indent: 100%;
			overflow: hidden;
			white-space: nowrap;
		}
		#tab .sp{
			background: url(../img/tab01_off.gif) center center no-repeat;
		}
		#tab .sp.active{
			background: url(../img/tab01_on.gif) center center no-repeat;
		}
		#tab .mob{
			background: url(../img/tab02_off.gif) center center no-repeat;
		}
		#tab .mob.active{
			background: url(../img/tab02_on.gif) center center no-repeat;
		}
		#tab .faq{
			background: url(../img/tab03_off.gif) center center no-repeat;
		}
		#tab .faq.active{
			background: url(../img/tab03_on.gif) center center no-repeat;
		}

.ol_flow em{
	font-style: normal;
	font-weight: bold;
}
.ol_flow > li{
	margin-bottom: 40px;
	min-height: 100px;
	clear:both;
	overflow:hidden;
}
	.ol_flow > li:last-child{
		margin-bottom: 0;
	}
/*
.ol_flow > li:before{
	content: "";
	display: block;
	float: left;
	width:138px;
	height: 100px;
	margin-right: 20px;
}

	.ol_flow .stem1:before{
		background: url(../img/step1.gif) left top no-repeat;
	}
	.ol_flow .stem2:before{
		background: url(../img/step2.gif) left top no-repeat;
	}
	.ol_flow .stem3:before{
		background: url(../img/step3.gif) left top no-repeat;
	}
	.ol_flow .stem4:before{
		background: url(../img/step4.gif) left top no-repeat;
	}
	.ol_flow .stem5:before{
		background: url(../img/step5.gif) left top no-repeat;
	}
	#tab_mob .ol_flow .stem5:before{
		background: url(../img/step5_end.gif) left top no-repeat;
	}
	.ol_flow .stem6:before{
		background: url(../img/step6.gif) left top no-repeat;
	}
	.ol_flow .stem7:before{
		background: url(../img/step7_end.gif) left top no-repeat;
	}
	*/

.ol_flow dl{
	overflow: hidden;
	width:100%;
}
	.ol_flow dt{
		margin-bottom: 10px;
		color: #E50065;
		font-weight: bold;
		font-size: 23px;
	}

.ul_app_bnr{
	overflow: hidden;
}
	.ul_app_bnr li{
		float: left;
		    width: 45%;
	}
	.ul_app_bnr li:first-child{
		margin-right: 30px;
		    width: 50%;
	}

.point_get{
	font-size: 15px;
}

#tab_mob .ol_flow{
}

.qr{
	float: right;
	margin:0 0 10px 10px;
}

.txt_indent{
	text-indent: -1em;
	padding-left: 1em;
}

.ta_c{text-align:center;}
.ta_l{text-align:left;}

.mb_10{margin-bottom:10px;}

.mt_10{margin-top:10px;}
.mt_15{margin-top:15px;}
.mt_20{margin-top:20px;}
.mt_25{margin-top:25px;}
.mt_40{margin-top:40px;}
.mt_30{margin-top:30px;}
.mt_70{margin-top:70px;}

.ml_minus{z-index:-1;}


.clear{
	clear: both;
}

.block{display: block;}

.ul_disc{
	padding-left: 1.5em;
}
.ul_disc li{
	list-style: disc;
}


.br_sx_block{
	display: none;
}

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


		.br_sx_block{
			display: block;
		}
			.app_ttl_1 {
    float: left;
    font-weight: bold;
    color: #ffffff;
    padding-top: 4px;
    width: 80%;
}
.ol_flow dl {
    overflow: auto;
}
.txt_indent {
    float: none;
}
#tab_sp .ul_app_bnr li {
	    width: 100%;
}
div.wrapperL, div.wrapperR {
    width: 100%;
    float: none;
		margin-bottom:20px;
}
#tab_sp .wrappe04L {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.arrow{
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
		float:none;
		padding:0;
		width:7%;
		margin-left:50%;
}
p.app4_img{
	text-align:center;
}
.stamp {
    position: absolute;
    right: -20px;
    bottom: -80px;
}
p.point_txt {
    width: 80%;
}



	}

@media only screen and (max-width: 1280px) {
	.to_top{
		position:static;
		padding:20px 20px 20px 0;
		text-align:right;
	}
	
/*	.to_top{
		position:static;
		width: auto;
		height: auto;
		background:none;
		text-indent: 0;
		white-space: normal;
		text-align:right;
		font-weight: bold;
	}
		.to_top a{
			display: inline-block;
			padding:15px 20px 15px 15px;
			background:url(../../../../common/img/arrow_right_pink.png) left center no-repeat;
			line-height: 1;
		}*/
}

@media only screen and (max-width: 768px) {
	.wrappe04L {
		float: left;
		width: 23%;
	}
	.stamp{
		display: none;
	}

	.br_none{
		display: none;
	}
	.br_block{
		display: block;
	}
	.box{
		width: 95%;
		padding: 20px 20px;
	}
	.box-members{
		font-size: 15px;
	}

	.list_app_details li{
		margin-top: 10px;
	}

	.strong_privilege{
		color: #FFF8B0;
		font-size: 20px;
	}

	.txt_notes{
		font-size: 18px;
	}
	.txt_sub_notes{
		font-size: 11px;
	}

	.ttl_how_to,
	.ttl_faq{
		width: 95%;
		margin: 0 auto;
	}

	.ol_flow > li:before{
		float: none;
		height: 38px;
		margin:0 0 10px 0;
	}
	.ul_app_bnr li:first-child{
		margin-bottom: 20px;
		width:50%;
	}

	.txt_enjoy{
		font-size: 23px;
	}

	.nav__tab{
		width: 95%;
	}
	#tab{
		margin-right: 0;
		display: table;
	}
	#tab li{
		float: none;
/*		width: 33.33333%;*/
		display: table-cell;
		margin-right: 0;
		background-color: #ddd !important;
		border-left: 1px solid #c80045;
		vertical-align: middle;
	}
	#tab li a{
		width: 100% !important;
		height: 100%;
		padding: 10px 3px;
		text-indent: 0;
		white-space: normal;
		background-image: none !important;
		color: #666;
		font-size: 14px;
		text-align: center;
	}
	#tab li:first-child{
		border-left: none;
	}
	#tab .active{
		background-color: #fff !important;
		background-image: none !important;
		color: #E50065;
		font-weight: bold;
	}

	#tab .li-right{
		float: left;
		margin-left: 10px;
	}
	
	.ol_flow dl {
    overflow: auto;
}
.txt_indent {
    float: none;
}
#tab_sp .ul_app_bnr li {
	width: 100%;
}
div.wrapperL, div.wrapperR {
    width: 100%;
    float: none;
		margin-bottom:20px;
}
#tab_sp .wrappe04L {
    float: none;
    width: 100%;
    margin-bottom: 20px;
}
.arrow{
	-moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
		float:none;
		padding:3% 0 0 0;
		width:7%;
		margin-left:49%;
}
p.app4_img{
	text-align:center;
}
.stamp {
    position: absolute;
    right: -20px;
    bottom: -80px;
}
p.point_txt {
    width: 80%;
}
.wrappe04L_last {
    float: left;
    width: 100%;
}



}



#footer{
	padding: 20px 0 0;
	/*background:#E50065;*/
	border-top: 2px solid #E50065
}
.copyright{
	display: block;
	padding:14px 0px 10px;
	text-align: center;
}
#footer .logo{
	text-align:center;
}

.img_responsive{
	width: auto;
	max-width: 100%;
	height: auto;
}
.br_block{
	display: none;
}

/*---------------------
プレミアムフライデー
----------------------
/*nav{
	padding:10px;
	background-color:#333;
}*/
nav ul li{
	/*padding:0 5px;*/
	display: inline;
}
.navi{
	max-width:960px;
	margin:0 auto;
	text-align:center;
}
.center-block{
	text-align:center;
	padding:20px 0;
}
.wrapper {
    overflow: hidden;
    margin-bottom: 40px;
		padding-bottom:40px;
    border-bottom: solid 1px #E1C15E;
}
#eat .wrapper:last-child{
	border-bottom:none;
}
	
.col57{
	width:57%;
	float:left;
}
.col57_R{
	width:57%;
	float:right;
}
.col57 img, .col57_R img{
	width:100%;
	height:auto;
}
.mrgR3{
	margin-right:3%;
}
.col40{
	width:40%;
	float:left;
}

.sub{
	text-align:center;
	font-weight:bold;
}
.ttl{
	text-align:center;
	font-weight:bold;
	font-size:160%;
}
.pink{
	font-weight:bold;
	color:#E81974;
}
.txt{
	padding:10px 0;
	border-bottom:dotted #cccccc 1px;
}
.detail{
	text-align:center;
}
#shopping{
	position:relative;
}
#shopping:after{
	content:"";
	background-color:#efefef;
	position:absolute;
	top:0;
	bottom:0;
	left:-1000px;
	right:-1000px;
	z-index:-1;
}

/* smartPhone */
@media screen and (max-width: 479px) {
/*ここにスマホ用スタイルを記述*/
body .col57,body .col57_R, body .col40 {
    width: 100%;
    float: none;
}
body .col57,body .col57_R{
	margin-bottom:20px;
}
}