@charset "utf-8";

#contents{
	background: #fff;
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	color: #231815;
	text-align: center;
	padding: 0;
	font-size: 14px;
	line-height: 1.6;
}
#contents .inner {
	width: 100%;
}
/*
.container-wrap {
	min-width: auto;
}
*/
.display-sp {
	display: none;
}
.display-pc {
	/*display: block;*/
}
a {
	color: #0074ff;
	text-decoration: underline;
}
.b{
    font-weight: bold;}



/* ============== 全体、box =================== */
.content-wrap {
	background:#dafabb;
}
.sec-box {
    width: 94%;
    max-width: 850px;
    box-sizing: border-box;
    margin: 25px auto 0;
    background-color: #fff;
    border-radius: 15px;
    text-align: center;
    padding: 0 0 30px;
}
.sec-box02 {
    width: 94%;
    max-width: 850px;
    box-sizing: border-box;
    margin: 25px auto 0;
    background-color: #fff;
    border-radius: 15px;
    text-align: center;
    padding: 25px 4% 30px;
}
.sec-boxsns {
    width: 90%;
    max-width: 850px;
    box-sizing: border-box;
    margin: 15px auto 0;
    text-align: center;
    padding: 5px 4% 0px;
}

.sec-boxsns .sns{
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px 0px;
    text-align: center;
}

.sec-boxsns .sns .fb{
   margin: -1px 0 0;
}
ul li.box01{
    width:29%;
    float:left;
}
ul li.box02{
    margin: 10px 0 20px;
}

.end_txt{
    color:#FF0004;
    font-weight: bold;
    font-size:150%;
    margin:0 auto;
    padding:10px 0 0 ;
}
/* ============== MV =================== */
.mv{
	position: relative;
}
.mv img{
	margin: auto;
}
.mv-ttl{
	position: relative;
	background:#ffffdd;
	margin: auto;
	height:66px;
}
.mv-ttl img{
	max-width: 764px;
    position: absolute;
    top: 50%;
    left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.mv_btn-area {
	width:90%;
    margin:0 auto;
}
.mv_btn-area a .e-btn:hover{
	opacity: 0;
	transition-duration: 0.2s;
	
}
.mv_btn-area .h-btn{
	position: absolute;
	bottom: 34.5%;
	z-index:-1;
}


/* =============参加方法================*/

.sec-box:nth-child(2) {
	padding: 25px 0 30px;
}

.line_qr {
    padding: 20px;
}
.line_qrimg {
    display: inline-block;
    padding: 10px;
    width: 20%;
}
.line_qr_box01 {
    padding: 20px;
    text-align: center;
    background: #ffffff;
    margin: 5px;
    display: inline-block;
    vertical-align: bottom;
    border: 0px solid #ffffff;
}
.line_qr_box01 img{
    margin:5px 0;
}

.line_list li{
	display: inline-block;
	vertical-align: middle;
	height: 123px;
	margin: 10px 3% 0;
}
.line_list li:nth-child(n+4){
	height: auto;
}
.line_list li p{
	line-height: 1.2;
	margin-top: 5%;
}


/* =========== タブ関連 ============= */

.tab-box {/*タブエリア*/
    clear: both;
    border-radius: 0 0 15px 15px;
}

.area {/*切り替わる部分はまず全部消しておく*/
    display: none;
}


ul.tab { /*クリックするタブ部分*/
	max-width: 850px;
	width: 94%;
	margin: 30px auto 0;
}

ul.tab li {
	float: left;
	width: 49%;
}

ul.tab li:first-child {
	margin-right: 2%;
}

ul.tab li a {
	display: block;
	text-decoration: none;
	padding: 11px 0 15px;
	text-align: center;
	outline: none;
	height: 30px;
}

ul.tab li.tab-fst,
ul.tab li.tab-scd {
    text-indent: 0;
    border-radius: 15px 15px 0 0;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 2.6rem;
    padding-left: 0;
}

ul.tab li.tab-fst,ul.tab li.tab-scd {
    background: #919191;
    background-position: center;
}
ul.tab li.tab-fst a,ul.tab li.tab-scd a {
    color: #fff;
    font-size:80%;
}
ul.tab li.tab-fst.active {
    background: #00b900;
    background-position: center;
}
ul.tab li.tab-scd.active{
   background: #ff9123;
   background-position: center; 
}

/*タブ内容*/
.tab2area{
    border-top: solid #ff9123 8px;
    padding: 10px 4% 30px;
}
.tab1area{
    border-top: solid #00b900 8px;
    padding: 10px 4% 30px;
}

.bnrarea{
    margin:5px 0 30px;
}

.cp-ttl {
	font-size:21px;
}
.cp-ttl .red {
	color: #ff0000;
}
.cp-ttl .bigger {
	font-size:37px;
}
.cp-ttl img{
    margin-top:2%;
}
.cp-att {
	width: 95%;
	margin: 1% auto;
	text-align:left;
}
.cp-date {
    margin: 10px 5px 22px;
    padding: 4px;
    font-size: 2.0rem;
    background: #f08506;
    color: #fff;
}

.entry-step img{
	max-width: 100%;
    margin: 1%;
}

.entry-step .ttl img {
	max-width: 70%;
    margin:20px 0;
}
.cp-app{
    text-align:left;
}
.pw-step img:nth-child(-n+2){
	margin-right: 1%;
}
.pw-step img{
	max-width: 32%;
}
.pw-step p{
	margin-top: 1%;
}
.pw-step .ttl img{
	max-width: 70%;
    margin:10px 0 0;
}
.pw-step .ttl p{
	max-width: 70%;
    margin:20px auto 20px;
    font-size:120%;
    font-weight: bold;
    color:#4f2415;
}

/* ================= 注釈 ================= */
.tt-2 {
  margin: 15px 7px 10px 7px;
	font-size: 22px;
  font-weight: 600;
  color: #664b4b;
	line-height: 1;
    padding:2px 20px;
    background: url(https://pntc.sslcs.cdngc.net/cdn/cmn/img/sb_btn_gre.png) no-repeat 0 50%;
}
.tt-2:first-child {
	margin-top: 0;
}
.att-area {
	text-align: left;
}
.tab-box .att-area {
	margin-top: 6%;
}
.list-ind {
	display: block;
	padding-left: 1em;
	text-indent: -1em;
	margin: 0px;
}
.hp-att-area .list-notes {
	padding-left: 1em;
	text-indent: -1em;
}

/* =================ボタン(タブ内)================== */
.btn {
	max-width:670px;
	width:100%;
	margin:17px auto 0;
}
.btn img{
	margin: auto;
}
.btn a {
	width:100%;
}
.btn:hover {
  transition-duration: 0.2s;
	opacity: 0.8;
	transform: translateY(1px);
}
.btn-att {
    text-align: center;
    font-size: 87%;
    line-height: 1.4em;
    margin: 5px;
}
/*
.entry-fin-text {
	margin-top: 5px;
    color: #e41d34;
    font-size: 18px;
    text-align: center;
    display: block;
    font-weight: bold;
}
*/

/* ================= その他 ====================== */
.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.container-wrap #pagetop{
	padding-top: 50px;
}

.fl-l {
	float: left;
}

.fl-r {
	float: right;
}
.mT10 {
	margin-top: 10px;
}
.mT20 {
	margin-top: 20px;
}

.mT25 {
	margin-top: 25px;
}

.mT30 {
	margin-top: 30px;
}

/* ============== タブレット調整用=============== */
@media only screen and (min-width:768px) and (max-width:870px) {
	.line_list li {
		margin: 10px 1.2% 0;
	}
	.mv_btn-area {
	max-width:620px;
}
}

/* ================= SP ====================== */

@media screen and (max-width: 767px) {
	.display-pc {
		display: none;
	}
	.display-sp {
		display: block;
	}
	#contents {
		font-size: 1.3rem;
		line-height: 1.6;
	}
	.sec-box {
		width: 94%;
		padding: 0 0 2%;
		margin: 6% auto 0;
	}
/* ========== MV ============= */
	.mv {
		margin-bottom: 2%;
	}
	.mv-ttl{
		margin: auto;
		height:10vw;
	}
    .mv-ttl img{
	width: 35%;
}
	.mv_btn-area .entry-att {
		font-size: 3.5vw;
	}
	
/* ======= 提携店リスト==========*/
	.sec-box:nth-child(2) {
		padding: 6% 0 8%;
	}
	.line_list h3{
		width: 90%;
		margin: 0 auto 5%;
	}
	.line_list li{
		width: 37%;
		vertical-align: top;
		margin: 0 4.5% 5%;
		height: auto;
	}
		.line_list li:last-child{
		margin: 5.2% auto 0;
	}
	.line_list li p{
		font-size: 3.2vw;
	}
	
	/* =========== タオルCPバナー ============= */
.cp_bnr {
	margin: 6% auto 4%;
}

	
/* ========= タブ関連 ========== */
    
    
	ul.tab { /*クリックするタブ部分*/
		margin-top: 5%;
	}
		ul.tab li a {
		padding: 4% 0 0;
	}
	ul.tab li.tab-fst,
	ul.tab li.tab-scd {
			font-size: 6vw;
	}
    ul.tab li.tab-fst a,ul.tab li.tab-scd a {
    color: #fff;
    font-size:65%;
    padding:10px 0 ;
}
	/*タブ内容*/
	.cp-ttl {
		font-size:3.8vw;
	}
	.cp-ttl .bigger {
		font-size:7vw;
	}
	.cp-att {
		width: 100%;
		margin: 1% auto;
		font-size: 1.2rem;
	}
	.cp-date {
			margin: 3% 0 7%;
			padding: 2%;
			font-size: 3.6vw;
	}
	.entry-step .ttl img {
		margin:8% 0 2%;
	}
	.pw-step img,.entry-step .ttl img,.pw-step .ttl img{
	max-width: 100%;
	}
    
    .pw-step .ttl p{
	max-width: 90%;
    margin:10px auto 0;
        text-align: center;
}
    .entry-step img{
       max-width: 47%;
        margin:4px 2px;
	}
	.pw-step img:nth-child(-n+3){
		margin:8% 0 2%;
	}
	.pw-step p{
		margin-top: 1%;
		text-align: left;
		font-size: 1.2rem;
	}
	#tab2 .cp-ttl{
		margin-top: 0;
	}
    
    .cp-ttl img{
    margin-top:0;
}
    
    .bnrarea{
    margin:5px 0 20px;
}
/* ============= 注釈 ============ */
	.tab-box .att-area {
		margin-top: 10%;
	}
	.tt-2 {
		margin: 5% 0 3%;
		font-size: 5vw;
	}
	.container-wrap #pagetop{
		padding-top: 6%;
	}
    .btn-att {
    text-align: left;
}
	
	/* =================ボタン(タブ内)================== */
	.btn {
		margin:0 auto ;
	}
    .btn2 {
		margin:5% auto 0;
	}
    
    /* =================SNS================== */
.sec-boxsns .sns{
    padding: 0 5px;
}
}
@media screen and (max-width: 412px) {

/* ========= タブ関連 ========== */
    ul.tab li.tab-fst a,ul.tab li.tab-scd a {
    color: #fff;
    font-size:75%;
    padding:5px 0 ;
}
}