@charset "UTF-8";
/* CSS Document */
@media screen and (min-width: 480px) { /*ウィンドウ幅が480px以上の場合に適用*/

.pc { display: none !important; }
.sp { display: block !important; }

html{
	width:100%;
}
body {
	width:100%;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.2rem;
	font-size:15px;
	background-color:#EFF;
}
.all{
	width:100%;
	max-width: 479px;
	margin: 0 auto;
	background-color:#FFF;
	overflow-x:hidden;
}
a{
	text-decoration: none;
	color: #333333;
	}
a:hover{
	color: #333333;
	}
div{
	display: block;
}
ul li{
	list-style: none;
}
ul{
	margin: 0;
	padding: 0;
}
hr{
	width:95%;
	margin:0 auto;
	border:1px dotted #DDD;
}
input[type="submit"]{
	width:60%;
	font-size:1rem;
	display:block;
	height:50px;
	background-color:#f3c80d;
	border:0;
	margin:20px auto;
	border-radius: 10px;
	color:#333333;
	box-shadow:
    0 5px 0 0px rgb(100, 90, 90)
}
select{
	width:100%;
	height:50px;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w40{width: 40%;	}
.mb10{margin-bottom: 10px}
.txtalgn_c{
	text-align: center;
}
#header{
	width: 100%;
	margin: 0 auto;
}

#mainvisual{
	width: 100%;
	margin: 0 auto;
}

#content{
	width: 98%;
	margin: 0 auto;
}
.titl{
	margin: 5% auto;
	width: 98%;
}
.titl2{
	margin: 1% auto;
	width: 98%;
}
.btn{
	width: 60%;
	margin: 10px auto;
}
.linkbtns{
	margin-top:3rem;
}
.btn2{
		display: flex;
        width: 80%;
        background-color: #FFFEFE;
        border: 1px solid #CCC;
        margin: 20px auto;
        border-radius: 10px;
        color: #333333;
        height: 50px;
        box-shadow: 0 3px 0 0px rgb(150, 140, 140);
        justify-content: center;
        align-items: center;
}
.btn2 img.icon{
	width:35px;
	height:35px;
    margin-right: 10px;
}
.btn2 div.btnttl{
	width:60%;
	text-align: left;
	line-height: 0.8rem;
}
#chusenbtn{
	width:100%;
	margin:1rem auto;
}
#chusenbtn input{
	width:80%;
	margin: 0 auto;
}
.txtbox{
	width: 90%;
	margin: 1% auto;
}

#footer{
	width:100%;
	color:#FFFF00;
	text-align: left;
	background-color: #EE98B1;
	background-size: cover;
	background-repeat: repeat-y;
	padding:1rem;
	margin: 1% auto 0;
}

.foot-in{
	margin: 0 auto;
	text-align: left;
	color: #231815;
	width: 100%;
	font-size: 0.6rem;
	font-weight: 600;
}
.txtclr_666{
	color:#666;
}
.txtclr_A00{
	color:#A00;
}
.small{
	font-size:0.8rem;
}
.tiny{
	font-size:6px;
}
.middle{
	font-size:1.0rem;
}
.large{
	font-size:1.1rem;
}
.short{
	width:64px;
}
.txtclr_bl{
	color:#00D;
}

.orange{
	color:#F96;
}
.cyan{
	color:#3b97d1;
}
.red{
	color:#FF0000;
}
.msg{
	width:90%;
	display: block;
	margin:10px auto;
}
.visit{
	border:2px dotted #009494;
	padding:10px 5px;
}
#header{
	width: 100%;
	margin: 0 auto;
}

#mainvisual{
	width: 100%;
	margin: 0 auto;
}

#content{
	width: 98%;
	margin: 0 auto;
}
.titl{
	margin: 5% auto 5%;
	width: 100%;
}
.std{
	width: 100%;
	}
.how ol {
	margin: 2% auto;
	width: 95%;
	padding: 0;
	list-style: none;
}
.how ol li {
	padding-left: 37px;
	line-height: 2.5em;
	background: left top no-repeat;
	background-size: 30px auto;
	vertical-align: top;
}
.how ol li:nth-child(1) {
	background-image: url(../img/no1.png);
}
.how ol li:nth-child(2) {
	background-image: url("../img/no2.png");
}
.how ol li:nth-child(3) {
	background-image: url("../img/no3.png");
}
.how ol li:nth-child(4) {
	background-image: url("../img/no4.png") ;
}
.how a{
	background: linear-gradient(transparent 60%, #f4eb07 0%);
	color: #333333;
	float: right;
	margin-bottom: 5%;
	}
.txt_01{
	width: 96%;
	margin: 5% auto 2%;
	font-size: 16px;
	font-weight: 600;
	}
.txt_02{
	width: 96%;
	margin: 2% auto;
	}
.btn{
	width: 60%;
	margin: 10px auto;
	}
.entry{
	background: linear-gradient(transparent 60%, #f4eb07 0%);
	margin: 5% 0 5% 2%;
	font-size: 16px;
	font-weight: 600;
	}
.txtbox{
	width: 90%;
	margin: 1% auto;
	}
.txtbox input[type="text"]{
	width: 100%;
	margin: 1% 0;
	line-height: 2em;
	height:40px;
}
.txtbox input[type="password"]{
	margin: 1% 0;
	line-height: 2em;
	height:40px;
}
.registbtn{
	width:300px;
	height:60px;
	margin:0 auto;
	padding:20px;
	background-color: #008278;
	color:#FFF;
	font-weight:bold;
	text-align: center;
	border-radius: 30px;
	box-shadow: 5px 5px 5px grey;
}
#achievement ul{
	width:100%;
	font-size:0.8rem;
}
#achievement ul li{
	width:30%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement ul li:nth-child(1){
	width:0%;
	color:#009494;
}
#achievement ul li:nth-child(2n){
	width:100%;
}
#achievement ul li:nth-child(2n-1){
	width:30%;
}
#achievement ul li:nth-child(6){
	width:30%;
}
#achievement ul li img{
	width:80%;
}
#achievement .congra li{
	width:8%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(2){
	width:30%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(3){
	width:30%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(3) input[type="submit"]{
	width:100%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	height:30px;
}
#stamp{
	width:100%;
	max-width:480px;
	text-align: center;
}
#stamp ul{
	width:100%;
	max-width:480px;
}
#stamp ul li{
	width:30%;
	display:inline-block;
}
#stamp ul li img{
	width:100%;
}
#entrycont{
	width:90%;
	margin:10px auto;
}
#entrycont ul{
	width:100%;
}
#entrycont ul li{
	width:48%;
	display:inline-block;
	vertical-align:top;
	padding-top:10px;
}
#errmsg{
	color:#A00;
	width: 90%;
	margin: 2% auto;
}

#endmsg{
	width:95%;
	display:block;
	margin:0 auto;
	text-align:center;
	border:4px dotted #A00;
	padding:1%;
	font-size:1.0rem;
}

.stmpttl{
	width:100%;
	color:#008278;
	font-size:1.4rem;
	line-height:2rem;
	text-align:center;
	border-bottom:4px solid #008278;
}

.prizeform{
	width:90%;
	margin:0 auto;
}
.prizeform li{
	width: 30%;
	display:inline-block;
}
.prizeform input{
	width:50%;
	height:25px;
	margin-bottom:5px;
}

.congratulations{
/*
	width:90%;
	height:50px;
	border:5px solid #fcfc03;
	padding:25% 0;
	text-align:center;
	margin:0 auto;
*/
}

.achievement{
	width:80%;
	border:1px solid #AA0;
	margin:0 auto;
	padding:2%;
}


}
.msg_c{
	text-align:center;
	margin:10px auto;
}
.submitbtn_clr_r{
	background-color: #FF7A7A !important;
}
.getcheck{
	color:#F00;
}
.exchengeplace{
	line-height: 1.8rem;
}
/*PCここまで*/

@media screen and (max-width: 768px) { /*ウィンドウ幅が480px以上の場合に適用*/

.pc { display: none !important; }
.sp { display: block !important; }
html{
	width:100%;
}
body {
	width:100%;
	margin:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#222;
	line-height:1.2rem;
	font-size:15px;
	background-color:#EFF;
}
.all{
	width:100%;
	max-width: 479px;
	margin: 0 auto;
	background-color:#FFF;
	overflow-x:hidden;
}
a{
	text-decoration: none;
	color: #333333;
	}
a:hover{
	color: #333333;
	}
div{
	display: block;
}
ul li{
	list-style: none;
}
ul{
	margin: 0;
	padding: 0;
}
hr{
	width:95%;
	margin:0 auto;
	border:1px dotted #DDD;
}
input[type="submit"]{
	width:60%;
	font-size:1rem;
	display:block;
	height:50px;
	background-color:#f3c80d;
	border:0;
	margin:20px auto;
	border-radius: 10px;
	color:#333333;
	box-shadow:
    0 5px 0 0px rgb(100, 90, 90)
}
select{
	width:100%;
	height:50px;
}
.w90{width: 90%;	}
.w80{width: 80%;	}
.w60{width: 60%;	}
.w40{width: 40%;	}
.mb10{margin-bottom: 10px}
.txtalgn_c{
	text-align: center;
}

#header{
	width: 100%;
	margin: 0 auto;
}

#mainvisual{
	width: 100%;
	margin: 0 auto;
}

#content{
	width: 98%;
	margin: 0 auto;
}
.titl{
	margin: 5% auto;
	width: 98%;
}
.titl2{
	margin: 1% auto;
	width: 98%;
}
.tiny{
	font-size:0.7rem;
}

.btn{
	width: 60%;
	margin: 10px auto;
	}

.txtbox{
	width: 90%;
	margin: 1% auto;
}

#footer{
	width:100%;
	color:#ffffff;
	text-align: left;
	background-color: #EE98B1;
	background-size: cover;
	background-repeat: repeat-y;
	padding:0px;
	margin: 5% auto 0;
}

.foot-in{
	margin: 0 auto;
	text-align: left;
	color: #231815;
	padding: 10% 2% 0;
	width: 100%;
	font-size: 0.6rem;
	font-weight: 600;
}
.txtclr_666{
	color:#666;
}
.txtclr_bl{
	color:#00D;
}
.txtclr_rd{
	color:#A00;
}
.small{
	font-size:0.8rem;
}
.middle{
	font-size:1.0rem;
}
.large{
	font-size:1.1rem;
}
.short{
	width:64px;
}
.orange{
	color:#F96;
}
.cyan{
	color:#3b97d1;
}
.red{
	color:#FF0000;
}
.msg{
	width:90%;
	display: block;
	margin:10px auto;
}
.msg2{
	width:90%;
	display: block;
	margin:10px auto 0;
}
.visit{
	border:2px dotted #009494;
	padding:10px 5px;
}
#header{
	width: 100%;
	margin: 0 auto;
}

#mainvisual{
	width: 100%;
	margin: 0 auto;
}

#content{
	width: 98%;
	margin: 0 auto;
}
.titl{
	margin: 5% auto 5% ;
	width: 70%;
}
.titl2{
	width:100%;
}
.std{
	width: 100%;
	}
.how ol {
	margin: 2% auto;
	width: 95%;
	padding: 0;
	list-style: none;
}
.how ol li {
	padding-left: 37px;
	line-height: 2.5em;
	background: left top no-repeat;
	background-size: 30px auto;
	vertical-align: top;
}
.how ol li:nth-child(1) {
	background-image: url(../img/no1.png);
}
.how ol li:nth-child(2) {
	background-image: url("../img/no2.png");
}
.how ol li:nth-child(3) {
	background-image: url("../img/no3.png");
}
.how ol li:nth-child(4) {
	background-image: url("../img/no4.png") ;
}
.how a{
	background: linear-gradient(transparent 60%, #f4eb07 0%);
	color: #333333;
	float: right;
	margin-bottom: 5%;
	}
.txt_01{
	width: 96%;
	margin: 5% auto 2%;
	font-size: 16px;
	font-weight: 600;
	}
.txt_02{
	width: 96%;
	margin: 2% auto;
	}
.btn{
	width: 60%;
	margin: 10px auto;
	}
.entry{
	background: linear-gradient(transparent 60%, #f4eb07 0%);
	margin: 5% 0 5% 2%;
	font-size: 16px;
	font-weight: 600;
	}
.txtbox{
	width: 90%;
	margin: 1% auto;
	}
.txtbox input[type="text"]{
	width: 100%;
	margin: 1% 0;
	line-height: 2em;
	height:40px;
}
.txtbox input[type="password"]{
	margin: 1% 0;
	line-height: 2em;
	height:40px;
}
hr{
	margin:10px auto;
}
#achievement{
	width:95%;
	margin:0 auto;
	font-size:1rem;

}
#achievement ul{
	width:100%;
	font-size:0.8rem;
}
#achievement ul li{
	width:30%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement ul li:nth-child(1){
	width:30%;
	color:#009494;
}
#achievement ul li:nth-child(2n){
	width:100%;
}
#achievement ul li:nth-child(2n-1){
	width:0%;
}
#achievement ul li:nth-child(6){
	width:30%;
}
#achievement ul li img{
	width:80%;
}
#achievement .congra li{
	width:8%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(2){
	width:30%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(3){
	width:30%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
}
#achievement .congra li:nth-child(3) input[type="submit"]{
	width:100%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	height:30px;
}
.registbtn{
	height:60px;
	margin:0 auto;
	padding:20px 0;
	background-color: #008278;
	color:#FFF;
	font-weight:bold;
	text-align: center;
	border-radius: 30px;
	box-shadow: 5px 5px 5px grey;
}

#stamp{
	width:100%;
	max-width:480px;
	text-align: center;
}
#stamp ul{
	width:100%;
	max-width:480px;
}
#stamp ul li{
	width:30%;
	display:inline-block;
}
#stamp ul li img{
	width:100%;
}
#chusenway{
	width:95%;
	margin:0 auto;
}
#entrycont{
	width:90%;
	margin:10px auto;
}
#entrycont ul{
	width:100%;
}
#entrycont ul li{
	width:48%;
	display:inline-block;
	vertical-align:top;
	padding-top:10px;
}
#errmsg{
	color:#A00;
	width: 90%;
	margin: 2% auto;
}

#endmsg{
	width:95%;
	display:block;
	margin:0 auto;
	text-align:center;
	border:4px dotted #A00;
	padding:1%;
	font-size:1.0rem;
}

.stmpttl{
	width:100%;
	color:#0ac4c1;
	font-size:1.4rem;
	line-height:2rem;
	text-align:center;
	border-bottom:4px solid #0ac4c1;
}


#inquiry{
	width:95%;
	margin:0 auto;
}
#inquiry li input[type=text]{
	width:90%;
	height:30px;
	border:1px solid #AAA;
	margin-bottom:5px;
}
.frmttl{
	margin-top:10px;
}
textarea{
	width:100%;
	height:100px;
}

.myinfo{
	width:95%;
	margin:0 auto;
}
.myinfo ul{
	width: 100%;
}
.myinfo ul li{
	display:inline-block;
	vertical-align: top;
}
.myinfo ul li.myinfottl{
	width: 95%%;
	padding-right:2%;
	color: #0ac4c1;
}
.myinfo ul li.myinfocont{
	width: 95%;
	padding-bottom:5px;
}
.uline{
	width:100%;
	border:1px solid #EEE;
	vertical-align: middle;
}


.prizeform{
	width:90%;
	margin:0 auto;
}
.prizeform li{
	width: 30%;
	display:inline-block;
}
.prizeform input{
	width:50%;
	height:25px;
	margin-bottom:5px;
}
.congratulations{
/*
	width:90%;
	height:50px;
	border:5px solid #fcfc03;
	padding:25% 0;
	margin:0 auto;
*/
}

.achievement{
	width:80%;
	border:1px solid #AA0;
	margin:0 auto;
	padding:2%;
}
.linkbtns{
	margin-top:3rem;
}

.btn2{
		display: flex;
        width: 80%;
        background-color: #FFFEFE;
        border: 1px solid #CCC;
        margin: 20px auto;
        border-radius: 10px;
        color: #333333;
        height: 50px;
        box-shadow: 0 3px 0 0px rgb(150, 140, 140);
        justify-content: center;
        align-items: center;
}
.btn2 img.icon{
	width:35px;
	height:35px;
    margin-right: 10px;
}
.btn2 div.btnttl{
	width:60%;
	text-align: left;
	line-height: 0.8rem;
}

.msg_c{
	width:100%;
	text-align:center;
}
.getcheck{
	color:#F00;
}

}