@charset "utf-8";

/* ======================= SP版 ======================= */
html {
height: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
font-size: 62.5%;
}
body {
padding: 0;
border: 0;
height: 100%;
background: #ffffff;
color: #404040;
font-family: "メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
}
body > div,
ul.linelist li {
font-size: 12px;
}

/* Letters */
div,p,li,dt,dd,th,td {
word-wrap: break-word;
}

small,i,var {
font-style: normal;
font-weight: 400;
font-size: 100%;
}
small {
font-size: 80%;
}

h1, h2, h3, h4, h5, h6, p, li, dl, dt, dd {
margin: 0;
padding: 0;
}

/* .container-wrap */
.container-wrap {
margin: 0 auto;
width: 100%;
max-width: 640px;
background: #fff;
}

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


#contents {
	background: #fff;
	font-size: 14px;
	padding-bottom:0px;
}


.main-content h2{
	padding-top:10px;
	
	
	}
	
	
.btn-entry{
	text-align:center;
	padding:20px 0;	
}


/* .join */

.join-box {
	text-align:center;
	}
	
.join-box:before{
	content:"";
	display:block;
	background:url(http://pntc.ponta.jp.cdngc.net/cdn/campaign/tkp16091/sp/img/border-upper.png) no-repeat;
	background-size:100%;
	overflow:hidden;
	min-height:6px;
	}

.join-box:after{
	content:"";
	display:block;
	background:url(http://pntc.ponta.jp.cdngc.net/cdn/campaign/tkp16091/sp/img/border-bottom.png) no-repeat;
	background-size:100%;
	min-height:6px;
	
	}

.cnt-join{
	padding:5% 5% 3%;
	background:url(http://pntc.ponta.jp.cdngc.net/cdn/campaign/tkp16091/sp/img/border-middle.png) repeat-y 0 -33px;
	background-size:100%;
	
	}

.join-txt-box{
	padding-top:2%;
	}


/* .red message */

.red-message{
	padding:3% 3% 0;
	text-align:center;
	color:#ff0000;
	font-size:20px;
	font-weight:bold;
	}



/* QR */
.app-content{
	background-color:#ffffd2;
	padding-bottom:20px;
	width:90%;
	margin:0 auto;
	text-align:center;
	border-radius:10px
	
}

.app-content h2{
 padding-top:20px;
 text-align:center;
}

.app-content ul{
	text-align:center;
}

.app-content li{
list-style-type:none;
display:inline-block;
padding-right:40px;

}

.app-txt,.join-txt{
	text-align:center;
	font-weight:bold;
}

.txt-link{
color:#ff1879;
text-decoration:none;

}


.txt-link:hover{
 color:#00E1FF;
}


/* .message */

.message-content{
	background-color:#fff;
	max-width:570px;
	margin:5% auto 0;
	padding:20px 20px 10px 20px;
	text-align:left;
	position:relative;
	font-size:13px;
	
}

.message-sub{
	background-color:#FFD929;
	border-left:10px solid #002D5C;
	width:95%;
	position:relative;
	}
	
.message-sub:after{
	content: "";
  position: absolute;
  top: 0;
  right: -20px;
  width:0;
  height: 0;
  border: 20px solid #FFD929;
  border-right-color: transparent;
	
	}		
		
.message-sub span{
	font-size:80%;
	padding-left:5%;
	line-height:40px;
	letter-spasing:5px;
	color:#002D5c;
	
	}


.message ul{
 padding:0;
}

.message li{
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
    text-indent: -1em; /*最初の行だけ1em（1文字）分、左に動かす*/
	padding-bottom:5px;
	list-style-type:none;
}

.message p{
	padding-bottom:5px;
	
	}

.strong-red{
	font-weight:bold;
	color:#FF0000;
}

.strong_b{
	font-weight:bold;
	
	}


.date{
	font-size:18px;
	font-weight:bold;
	padding-top:0;
	padding-left: 1em; /*1em（1文字）分、右に動かす*/
	}
	
.txt_01{
	font-size:12px;
	}
	
	
.inner-list{
 padding-left:30px;

}


/* message02 table */

.message-content02{
	text-align:center;
	
	}


.message-tb{
	max-width:80%;
background-color:#fff;
	margin:0 auto 30px;
	text-align:center;
	position:relative;
	font-size:13px;
	border:2px solid #FFD929;
	border-radius:10px;
	padding-bottom:2%;
}
	
.r1{
	font-size:16px;
	font-weight:bold;
	border-bottom:4px solid #FFD929;
	padding:2% 0;	
	}

.r2{
width:80%;
padding:5% 0;
text-align:center;
margin:0 auto;
	}
	
.r2 img{
	width:100%;
	
	}
	


.r3 {
	text-align:left;
	padding:0 10%;
	padding-top:2%;
	
	}
	.r3 h3{
    font-size:16px;
	font-weight:bold;
		
		}
	.h3 span{
		font-size:12px;
		}
	
	
.r4{
	text-align:left;
	padding:2% 10% 0;
	font-size:12px;
	font-weight:normal;
	}

.r4-02{
	text-align:left;
	padding:0 10% 5%;
	font-size:12px;
	font-weight:normal;
	}


.r5{
	display:block;
	font-weight:bold;
	font-size:14px;
	}

.contact{
	max-width:570px;
	background-color:#e6e6e6;
	margin:30px auto;
	padding:1%;
	border-radius:20px;
	position:relative;
	text-align:left;
	}
.contact p{
	font-size:15px;
	font-weight:bold;
	
	}
.contact a{
	font-size:13px;

	}
	
	
	
/* footer */
.pagetop {
 padding: 5px 20px;
 text-align: center;
 background-color:#FFd929;
}
.pagetop a {
 position: relative;
 display: inline-block;
 padding: 0 12px;
 background-color: #e6e6e6;
 font-size: 12px;
 line-height: 30px;
 color: #002d5c;
 text-decoration: none;
}
.pagetop a:hover {
 opacity: 0.6;
}
.pagetop a:before,
.pagetop a:after {
 position: absolute;
 content: "";
 width: 0px;
 height: 0px;
 top: -16px;
 border: 16px solid transparent;
 border-bottom: 30px solid #e6e6e6;
}
.pagetop a:before {
 left: -16px;
}
.pagetop a:after {
 right: -16px;
}
.lp-footer {
padding: 10px 0;
background-color:#ffd929;
}
.lp-footer p {
color: #002d5c;
font-size: 10px;
text-align: center;
}
.lp-footer p small {
font-size: 10px;
}
.lp-footer p span {
padding: 0 0.3em 0 0;
}

@media screen and (max-width: 400px) {
	/* 400px以下*/
.long-txt{
	font-size:98%;
	padding-left:1.5%;
	line-height:40px;
	letter-spasing:5px;
	color:#002D5c;}


}