@charset "utf-8";

#contents{
	background: #fff;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", "sans-serif";
	color: #3a1300;
	text-align: center;
	padding: 0;
	font-size: 14px;
	line-height: 1.6;
}
#contents .inner {
	width: 100%;
}
#contents .att-area .att_ttl h3,h3,h4{
    font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
/*
.container-wrap {
	min-width: auto;
}
*/
.display-sp {
	display: none;
}
.display-pc {
	display:block;
}
a {
	color: #0074ff;
	text-decoration: underline;
}
.b{
    font-weight: bold;}
.center{
    text-align: center;
}
.maT10{
    margin-top:10px;
}
.maB10{
    margin-bottom:10px;
}
.red{
    color: #FF0004;
}

/* ============== 終了文言 =================== */

.end_txt{
    padding:15px 0 0 0 ;
    font-weight: bold;
    color:#FF0004;
    font-size: 150%;
}

/* ============== 全体、box =================== */
.content-wrap {
	background:#ffc36d;
}

.sec-box {
    width: 94%;
    max-width: 870px;
    box-sizing: border-box;
    margin: -25px auto 40px;
    background-color: #fff;
    border-radius:15px;
    text-align: center;
    padding: 20px 3% 20px;
}

.sec-box2{
    width: 94%;
    max-width: 870px;
    box-sizing: border-box;
    margin: 0 auto 40px;
    background-color: #fff;
    border-radius:15px;
    text-align: center;
    padding: 20px 3% 20px;
}

.redbox{
    border: 1px solid #ff0000;
    padding: 10px;
    margin: 20px 5px ;
    color: #ff0000;
    display: inline-block;
    background:#fff;
}
/* ============== MV =================== */
.mv{
    background:#ffd225;  
}
.mv img{
	margin: 0 auto;
}
.days{
    background: url(https://pntc.sslcs.cdngc.net/cdn/campaign/line202003_6/img/daysbk.png) repeat-x;
    padding:14px 0;
}

/* =============タイトル================*/

.tit_txt{
    margin:0 auto ;
    text-align: center;
    max-width: 980px;
    width: 540px;
}

.tit_txt h3{
    margin:0 auto ;
    text-align: center;
    font-size: 27px;
    color:#4e320d;
    font-weight: 600;
    line-height:1.2;
    position:relative;
    vertical-align: middle;
    max-width: 400px;
}

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

.join-step{
    max-width: 960px;
    margin: 20px 0 0;
}
.join-step img{
	max-width: 100%;
    margin: 1%;
}
.join-step ul{
    margin: 20px 20px 10px ;
}
.flow_device{
    margin: 0 auto;
    text-align: center;
    width: 500px;
}
.flow_device img{
    max-width: 100%;
    vertical-align: middle;
}
.flow_device li{
    text-align: left;
    margin: 15px 0;
}

/* =============追加方法================*/

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

.line_wallet{
    padding: 0 0 20px;
}
.entry-step{
    max-width:960px;
    margin: 20px auto 10px;
}
.entry-step img{
	max-width: 100%;
    margin: 1%;
}

/* ================= 注釈 ================= */

.tt-2 {
		margin: 10px 0 30px;
	}

.tt-2 h4{
  margin: 15px 7px 10px 7px;
	font-size: 20px;
    font-weight: 600;
    color: #664b4b;
    line-height: 1;
    padding: 0 8px;
    border-left: solid 8px #feca42;
}

.att-area {
	text-align: left;
}

.att_ttl{
    color: #4e320d;
    font-size: 150%;
    margin: 0 auto 10px;
    font-weight: 600;
    text-align: center;
}

.list-ind li {
    text-indent: -15px;
    padding-left: 15px;
    list-style: none;
}

/* =================SNS================== */

.sec-boxsns{
    width: 90%;
    max-width: 850px;
    box-sizing: border-box;
    margin: 5px auto 0;
    text-align: center;
    padding: 5px 4% 0px;
}
.sec-boxsns .sns a{
    text-decoration: none;
}
.sec-boxsns .sns{
    display: inline-block;
    vertical-align: top;
    text-align: center;
    padding: 0 10px 20px;
}

.sns_att{
    margin: 20px 0 0 ;
    font-weight: 600;
    font-size: 130%;
    color: #4e320d;
    
}
.sns img{
    max-width: 80px;
    max-height: 20px;
    width: 100%;
}
/* =================ボタン(タブ内)================== */
.btn {
	max-width: 670px;
	width: 100%;
	margin: 17px auto 20px;
}
.btn img{
	margin: auto;
}
.btn a {
	width: 100%;
}
.btn a:hover {
  transition-duration: 0.2s;
	opacity: 0.8;
	transform: translateY(1px);
}

/* ================= その他 ====================== */
.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:1024px) {
    
.entry-step img{
    max-width: 100%;
    width: 22%;
}
}

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

@media screen and (max-width: 767px) {
.display-pc {
		display: none;
}
.display-sp {
		display: block;
}
#contents {
		line-height: 1.5;
}
    
.sec-box {
		width: 94%;
		padding: 20px 4% ;
		margin: -30px auto ;
}
    
/* ========== MV ============= */
.mv {
    margin-bottom: 2%;
    background: none;
}
    
.mv img{
    padding: 0;
}
    
/* ========= タイトル ========== */   
.tit_txt{
    width: auto;
    max-width: 540px;
}  
.tit_txt h3{
    margin: 40px auto 20px;
    line-height: 1.5;
    font-size: 23px;
    padding: 0 5px;
} 
 .tit_txt02 h3{
     margin: 0;
}
h3 span:before {
    left: 1px;
}
    
h3 span:before, h3 span:after {
    top: 50%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
/* ========= 参加方法 ========== */   

.join-step img{
	width: 100%;
    margin: 1%;
}
.join-step ul{
    margin: 20px 5px 5px ;
}  

 /* ========= 参加方法 ========== */   
	
.entry-step{
    margin: 10px auto; 
}
.entry-step img{
        max-width: 100%;
        width: 47%;
}
.flow_device{
    width: 100%;
}
.flow_device img{
    width: 100%;
    max-width: 100%;
    }
.flow_device img.arrow{
    max-width: 100%;
    width: 20%;
    margin: 20px auto;
}
    
/* ============= 注釈 ============ */
.tt-2 {
		margin: 10px 0 30px;
	}
.container-wrap #pagetop{
		padding-top: 6%;
	}
    
.tit_txt{
     margin: 0 auto 10px;
     text-align: center;
     width: auto;
     
}
.att_ttl{
    font-size: 130%;
}
.att_ttl h3.con{
    font-size: 130%;
    margin: 6% 0 10px;
}

	/* =================ボタン(タブ内)================== */
.btn {
		margin: 20px auto 0;
        width: 95%;
	}
    
/* =================SNS================== */

.sec-boxsns{
    padding: 5px 0 40px;
}
    
.sec-boxsns .sns{
    padding: 0 2px;
}
.sns_att{
    margin: 5px 0 0 ;
}
    
}