@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,h4,h5{
    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;
}
.paT10{
    padding-top:10px;
}
.end_txt{
    padding:15px 0 0 0 ;
    font-weight: bold;
    color:#FF0004;
    font-size: 150%;
}
.red{
    color:#FF0004;
}
/* ============== 全体、box =================== */
.content-wrap {
	background:#fff8ac;
}

.sec-box {
    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;
}
.sec-box p{
color:#3a1300;
}
.sec-box2{
    max-width: 530px;
    margin: 0 auto 25px;
    padding: 0 4% 20px;
}

/* ============== MV =================== */
.mv{
    background-color: #ff9118;  
}
.mv img{
	margin: 0 auto;
}

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

.tit_txt{
    margin:0 auto ;
    text-align: center;
    max-width: 980px;
    width: 540px;
}
.tit_txt02{
    margin:0 auto ;
    text-align: center;
}
.tit_txt h2{
    position: relative;
    top: 8vh;
    transform: translateY(-60%);
    left: 0;
    right: 0;
}
.tit_txt02 h3{
    background:#ff6d25;
    border-bottom: 2px #fff solid;
    border-top: 2px #fff solid;
    margin:20px 0;
    padding: 5px 0 10px;
}

.tit_txt h4{
    margin:0 auto ;
    text-align: center;
    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;
}
.flow_device img{
    max-width: 100%;
}


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

.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%;
}




/* ================= PontaWeb会員登録とは？ ================= */

.PW-step{
    max-width:960px;
    margin:20px auto 10px;
    text-align: center;
}

.PW-step img{
	max-width: 100%;
    width: 31%;
    padding:5px;
}


.PW-step ul{
    text-align: left;
    margin:20px 20px 10px ;
}

/* ================= 注釈 ================= */
.tt-2 {
		margin: 10px 0 30px;
	}
.tt-2 h5{
  margin: 15px 7px 10px 7px;
	font-size: 20px;
    font-weight: 600;
    color: #664b4b;
    line-height: 1;
    padding:0 8px;
    border-left:solid 8px #ff9118;
}

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

.att_ttl{
    color:#4e320d;
    font-size:150%;
    margin: 0 auto 10px;
    font-weight:600;
    text-align:center;
}
ul.linepay {
    margin:10px auto 0;
    text-align: center;
}
ul.linepay li
{
    display: inline-block;
    margin: 3%;
    width: 43%;
}
ul.linepay li.pontaimg{
    max-width: 26%;
    vertical-align: text-bottom;
}

.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{
    display: inline-block;
    vertical-align: top;
    padding: 5px 10px 20px;
    text-align: center;
}
.sec-boxsns .sns .fb{
    margin: -1px 14px 0 0;
}
.sec-boxsns .sns a{
    text-decoration: none;
}

.sns_att{
    margin:20px 0 0 ;
    font-weight: 600;
    font-size:130%;
    color:#4e320d;
    
}


.str{
    position: relative;
    height: 19px;
    box-sizing: border-box;
    padding:3px 7px 2px 24px;
    background-color: #1b95e0;
    color: #fff;
    border-radius: 3px;
    font-size:78%;
    cursor: pointer;
}
.icon-twitter {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(https://pntc.sslcs.cdngc.net/cdn/cmn/img/twitter_logo.png);
    left:-68px;
    background-size:cover;

}

/* =================ボタン(タブ内)================== */
.btn,.btn2 {
	max-width:670px;
	width:100%;
	margin:17px auto 20px;
}
.btn img,.btn2 img{
	margin: auto;
}
.btn a,.btn2 a {
	width:100%;
}
.btn,.btn2: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%;
}
.sec-box{
        margin:-10px auto ;
    }
 .tit_txt h2 {
    top: 5vh;
    transform: translateY(-50%);
}
.flow_device{
    padding:10px 0 0 ;
}
}

/* ================= 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: -20px auto ;
	}
.end_txt{
    padding:0 ;}
/* ========== MV ============= */
.mv {
		margin-bottom: 2%;

    }
    
/* ========= タイトル ========== */   
.tit_txt{
    width: auto;
    max-width: 540px;
}
.tit_txt h2{
    top: 6vh;
    transform: translateY(-50%);
    }    
.tit_txt h4{
    margin:20px auto ;
} 
 .tit_txt02 h3{
     margin:0;
}
/* ========= 参加方法 ========== */   

.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 img{
    width: 100%;
    max-width: 100%;
    }
.flow_device img.arrow{
    max-width: 100%;
    width: 20%;
    margin: 20px auto;
}

/* ================= PontaWeb会員登録とは？ ================= */


.PW-step img{
	max-width: 100%;
    padding:0 0 15px;
    width: 100%;
}
    
.PW-step ul{
    margin:20px 5px 5px ;
}
    
/* ============= 注釈 ============ */
.tt-2 {
		margin: 10px 0 30px;
	}
.container-wrap #pagetop{
		padding-top: 6%;
	}
ul.linepay li
{
    display: inline-block;
    margin: 3%;
    width: auto;
}
 ul.linepay li.pontaimg{
    max-width: 50%;
    vertical-align: middle;
}
 .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%;
	}
.btn2 {
		margin:20px auto 30px;
        width: 95%;
	}
    /* =================SNS================== */

.sec-boxsns{
    padding: 5px 0 30px;
}
    
.sec-boxsns .sns{
    padding: 0 2px;
}
.sns_att{
    margin:40px 0 0 ;
    
}
    
.str{
    padding:4px 7px 2px 24px;
    font-size:80%;
}
}