/* -------------------------------------------- */
/* ------------------Reset--------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,table,tbody,tfoot,thead,th,tr,tdvideo,tt,u,ul,var{background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top;}ol, ul {list-style:none;}blockquote, q {quotes:none;}table, table td {padding:0;border:none;border-collapse:collapse;}img {vertical-align:top;}embed {vertical-align:top;}
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}
input, textarea {border:0; padding:0; margin:0; outline: 0;}
iframe {border:0; margin:0; padding:0;}
input, textarea, select {margin:0; padding:0px;}

/* -------------------------------------------- */
/* ------------------Font---------------------- */

.text11 { font-size:77%; }
.text12 { font-size:85%; }
.text13 { font-size:93%; }
.text14 { font-size:100%; }
.text15 { font-size:108%; }
.text16 { font-size:116%; }
.text17 { font-size:123.1%; }
.text18 { font-size:131%; }
.text19 { font-size:138.5%; }
.text20 { font-size:146.5%; }
.text21 { font-size:153.9%; }
.text22 { font-size:161.6%; }
.text23 { font-size:167%; }
.text24 { font-size:174%; }
.text25 { font-size:182%; }
.text26 { font-size:189%; }
.text27 { font-size:197%; }

/* -------------------------------------------- */
/* ------------------Style--------------------- */
html, body {width:100%; padding:0; margin:0;}
body {	
	background-color: #ffffff;
	color: #231815;
	font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo,メイリオ,Osaka,'MS PGothic',arial,helvetica,sans-serif;
	*font-size:small;
	*font:x-small;	
	font-size: 14px;
	line-height: 1.5;
	position:relative;
}

a {
	color: #231815;
	text-decoration:none;
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
a:hover {
	color: #231815;
	text-decoration:none;	
}

.clear{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }



/* -------------------------------------------- */
/* ------------------Header-------------------- */
header {
	height: 70px;
	background-color: #008A40;
}
header .wrap-header{
	text-align: center;
}
header .wrap-header .logo-wrap {
	margin: 0px auto;
	padding: 15px 0px 0px 0px;
	width: 217px;
	height:42px;
}
header .wrap-header .sns-wrap {
	position: absolute;
	right:0px;
	top:15px;
}
header .wrap-header .sns-wrap>div{
	display: block;
	float: left;
	position: relative;
	width: 42px;
	height: 42px;
	margin: 0px 0px 0px 18px;
}
/* -------------------------------------------- */
/* ------------------Background---------------- */
.yellow-bg{
	background-image: url(../images/yellow-bg.png);
	background-size: 1920px 1145px;
	background-position: center top;
	background-color: #FFE000;
}
.green-bg{
	background-image: url(../images/green-bg.png);
	background-size: 1920px 1920px;
	background-position: center top;
	background-color: #74A282;
}


/* -------------------------------------------- */
/* ------------------Featured---------------- */
.featured{}
.featured .wrap-featured{}
.featured .eye-catch-wrap{
	width: 1100px;
	height: 750px;
	position: relative;
	margin: 0px 33px 0px 33px;
	background-image: url(../images/eye-catch-bg.jpg);
	background-size: 1100px 750px;
	background-position: center top;
}
.featured .eye-catch-wrap .catch-copy{
	width: 770px;
	margin: 0 auto;
	padding: 35px 0px 0px 0px;
}

/* -------------------------------------------- */
/* ------------------Period---------------- */
.period{
	position: absolute;
	top:800px;
	left:0px;
	width: 100%;
	height: 106px;
	background-image: url(../images/period-bg.png);
	background-repeat: repeat-x;
	background-position: center top;
	background-size: 1100px 106px;
	z-index: 100;
}
.period .wrap-period{
	position: relative;
	height: 106px;	
}
.period .wrap-period .topic-circle{
	position:absolute;
	top:-95px;
	left:0px;
	width: 236px;
	height: 236px;	
}
.period .wrap-period .period-content{
	position: relative;
	padding: 23px 0px 0px 300px;
}
.period .wrap-period .period-content .period-deadline{
	position: relative;
	float: left;
	width: 478px;
}
.period .wrap-period .period-content .period-caution{
	position: relative;
	float: left;
	width: 182px;
	padding: 20px 0px 0px 55px;
}
/* -------------------------------------------- */
/* ------------------Menu---------------- */
.menu{}
.menu .wrap-menu{
	padding: 86px 0px 0px 0px;
}
.menu .wrap-menu .menu-content{
	text-align: center;
	padding: 50px 0px 130px 0px;
}
.menu .wrap-menu .menu-content .menu-title-wrap{
	width:466px;
	margin: 0 auto;
	padding: 0px 0px 22px 0px;
}
.menu .wrap-menu .menu-content .menu-btn-wrap{}

.menu .wrap-menu .menu-content .menu-btn-wrap a{
	display: inline-block;
	width: 250px;
	height: 70px;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 250px 70px;
	margin: 0px 21px 0px 21px;
}
.menu .wrap-menu .menu-content .menu-btn-wrap a img{
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}

.menu .wrap-menu .menu-content .menu-btn-wrap a:hover img{
	opacity: 0;
}
.menu .wrap-menu .menu-content .menu-btn-wrap a.btn01{
	background-image: url(../images/btn01_ov.png);
}
.menu .wrap-menu .menu-content .menu-btn-wrap a.btn02{
	background-image: url(../images/btn02_ov.png);
}
.menu .wrap-menu .menu-content .menu-btn-wrap a.btn03{
	background-image: url(../images/btn03_ov.png);
}

/* -------------------------------------------- */
/* ------------------Content------------------- */
.content {}
.underline-yellow {
	position: relative;
}
.underline-yellow::after {
  	content: '';
  	display: block;
  	position: absolute;
  	bottom:14px;
  	left: 0px;
	height: 2px;
	width: 100%;
	background-image: url(../images/line-yellow.png);
	background-repeat: repeat-x;
	background-size: 10px 2px;
	background-position: left top;
}
.bothline-red {
	position: relative;
}
.bothline-red::before{
  	content: '';
  	display: block;
  	position: absolute;
  	top:14px;
  	left: 0px;
	height: 2px;
	width: 100%;
	background-image: url(../images/line-red.png);
	background-repeat: repeat-x;
	background-size: 10px 2px;
	background-position: left top;
}
.bothline-red::after {
  	content: '';
  	display: block;
  	position: absolute;
  	bottom:14px;
  	left: 0px;
	height: 2px;
	width: 100%;
	background-image: url(../images/line-red.png);
	background-repeat: repeat-x;
	background-size: 10px 2px;
	background-position: left top;
}
.bothline-white {
	position: relative;
}
.bothline-white::before{
  	content: '';
  	display: block;
  	position: absolute;
  	top:17px;
  	left: 0px;
	height: 2px;
	width: 100%;
	background-image: url(../images/line-white.png);
	background-repeat: repeat-x;
	background-size: 10px 2px;
	background-position: left top;
}
.bothline-white::after {
  	content: '';
  	display: block;
  	position: absolute;
  	bottom:25px;
  	left: 0px;
	height: 2px;
	width: 100%;
	background-image: url(../images/line-white.png);
	background-repeat: repeat-x;
	background-size: 10px 2px;
	background-position: left top;
}

.content .wrap-content{}
.content .pop-circle-title{
	position: absolute;
	left: 0;
  	right: 0;
  	margin:0 auto;
	top:-95px;
	width: 340px;
	height: 340px;
	border-radius:170px;
	-moz-border-radius:170px;
	-webkit-border-radius:170px;
	text-align: center;
	background-image: url(../images/pop-circle-bg.png);
	background-size: 340px 95px;
	background-repeat: no-repeat;
	background-position: center top;
}
.content .pop-circle-title .title-prize{
	width: 137px;
	margin: 0 auto;
	padding: 55px 0px 0px 0px;
}
.main-content{}


/* -------------------------------------------- */
/* ------------------Prize------------------ */
.prize-list-wrap{
	padding: 50px 0px 70px 0px;
}

/* ------------------Box01------------------ */
.prize-box01{
	position: relative;
	width: 1116px;
	height: 540px;
	background-image: url(../images/prize-box01-bg.png);
	background-repeat: no-repeat;
	background-size: 985px 480px;
	background-position: 70px 60px;
	margin: 0px 0px 45px 0px;
}
.prize-box01 .prize-topic-circle{
	position:absolute;
	top:0px;
	left:0px;
	width: 240px;
	height: 240px;	
}
.prize-box01 .prize-img-wrap{
	float: left;
	width: 505px;
	padding: 110px 0px 0px 140px;
}
.prize-box01 .prize-info-wrap{
	float: left;
	padding: 135px 0px 0px 40px;
}
.prize-box01 .prize-info-wrap .prize-title{
	width: 277px;
	padding: 0px 0px 0px 0px;
}
.prize-box01 .prize-info-wrap .prize-desc{
	width: 260px;
	font-size:123.1%; 
	padding: 20px 0px 0px 15px;
}
.prize-box01 .prize-add-text{
	font-family: Meiryo,メイリオ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Osaka,'MS PGothic',arial,helvetica,sans-serif;
	position: absolute;
	bottom: 45px;
	right: 80px;
	font-size:108%;
	transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}

/* ------------------Box02------------------ */
.prize-box02{
	position: relative;
	width: 1116px;
	height: 540px;
	background-image: url(../images/prize-box02-bg.png);
	background-repeat: no-repeat;
	background-size: 985px 480px;
	background-position: 70px 50px;
	margin: 0px 0px 45px 0px;
}
.prize-box02 .prize-topic-circle{
	position:absolute;
	top:5px;
	left:0px;
	width: 240px;
	height: 240px;	
}
.prize-box02 .prize-img-wrap{
	float: left;
	width: 520px;
	padding: 80px 0px 0px 140px;
}
.prize-box02 .prize-info-wrap{
	float: left;
	padding: 165px 0px 0px 20px;
}
.prize-box02 .prize-info-wrap .prize-title{
	width: 290px;
	padding: 0px 0px 0px 0px;
}
.prize-box02 .prize-info-wrap .prize-desc{
	width: 270px;
	font-size:123.1%; 
	padding: 40px 0px 0px 15px;
}
.prize-box02 .prize-add-text{
	font-family: Meiryo,メイリオ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Osaka,'MS PGothic',arial,helvetica,sans-serif;
	position: absolute;
	bottom: 30px;
	right: 110px;
	font-size:108%;
	transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}
.prize-box02 .prize-arrow{
	position: absolute;
	left: 0;
  	right: 0;
  	margin:0 auto;
	top:0px;
	width: 45px;
}

/* ------------------Box03------------------ */
.prize-box03{
	position: relative;
	width: 1116px;
	height: 540px;
	background-image: url(../images/prize-box03-bg.png);
	background-repeat: no-repeat;
	background-size: 985px 480px;
	background-position: 70px 40px;
	margin: 0px 0px 30px 0px;
}
.prize-box03 .prize-topic-circle{
	position:absolute;
	top:35px;
	left:0px;
	width: 240px;
	height: 240px;	
}
.prize-box03 .prize-img-wrap{
	float: left;
	width: 470px;
	padding: 110px 0px 0px 140px;
}
.prize-box03 .prize-info-wrap{
	float: left;
	padding: 125px 0px 0px 50px;
}
.prize-box03 .prize-info-wrap .prize-title{
	width: 280px;
	padding: 0px 0px 0px 0px;
}
.prize-box03 .prize-info-wrap .prize-desc{
	width: 260px;
	font-size:123.1%; 
	padding: 40px 0px 0px 15px;
}
.prize-box03 .prize-add-text{
	font-family: Meiryo,メイリオ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Osaka,'MS PGothic',arial,helvetica,sans-serif;
	position: absolute;
	bottom: 50px;
	left: 100px;
	font-size:108%;
	transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-webkit-transform: rotate(-2deg);
}
.prize-box03 .prize-arrow{
	position: absolute;
	left: 0;
  	right: 0;
  	margin:0 auto;
	top:0px;
	width: 45px;
}

/* ------------------Box04------------------ */
.prize-box04{
	position: relative;
	width: 1116px;
	height: 540px;
	background-image: url(../images/prize-box04-bg.png);
	background-repeat: no-repeat;
	background-size: 985px 480px;
	background-position: 70px 40px;
	margin: 0px 0px 0px 0px;
}
.prize-box04 .prize-topic-circle{
	position:absolute;
	top:20px;
	left:0px;
	width: 240px;
	height: 240px;	
}
.prize-box04 .prize-img-wrap{
	float: left;
	width: 530px;
	padding: 90px 0px 0px 120px;
}
.prize-box04 .prize-info-wrap{
	float: left;
	padding: 160px 0px 0px 30px;
}
.prize-box04 .prize-info-wrap .prize-title{
	width: 295px;
	padding: 0px 0px 0px 0px;
}
.prize-box04 .prize-info-wrap .prize-desc{
	width: 270px;
	font-size:123.1%; 
	padding: 40px 0px 0px 15px;
}
.prize-box04 .prize-add-text{
	font-family: Meiryo,メイリオ,'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Osaka,'MS PGothic',arial,helvetica,sans-serif;
	position: absolute;
	bottom: 40px;
	right: 110px;
	font-size:108%;
	transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
}
.prize-box04 .prize-arrow{
	position: absolute;
	left: 0;
  	right: 0;
  	margin:0 auto;
	top:0px;
	width: 45px;
}
.prize-box04 .maker-logo{
	position: absolute;
	top: 85px;
	right: 80px;
	width: 110px;
}

/* -------------------------------------------- */
/* ------------------Application------------------ */
.application-information-wrap{
	width: 965px;
	margin: 0 auto;
	padding: 50px 0px 70px 0px;
}
.method-wrap{
	padding: 0px 0px 25px 0px;	
}
.method-wrap .box-title{
	height: 114px;
	background-image: url(../images/box01-head.png);
	background-repeat: no-repeat;
	background-size: 965px 114px;
}
.method-wrap .box-title .title-method{
	width: 137px;
	margin: 0 auto;
	padding: 55px 10px 0px 0px;
}
.method-wrap .box-content{
	background-image: url(../images/box01-content.png);
	background-repeat: repeat-y;
	background-size: 965px 15px;
	padding: 50px 110px 50px 110px;
}
.method-wrap .box-content .message-wrap{
	text-align: center;
	padding: 0px 0px 50px 0px;
}
.method-wrap .box-content .message-wrap .message{
	width: 615px;
	margin: 0 auto;
}
.method-wrap .box-content .btn-wrap{
	padding: 0px 0px 60px 0px;	
}
.method-wrap .box-content .btn-wrap .dl-btn{
	padding: 0px 0px 30px 0px;
	text-align: center;
}
.method-wrap .box-content .btn-wrap .dl-btn a{
	display: inline-block;
	width: 470px;
	height: 71px;
	background-image: url(../images/btn-dl_ov.png);	
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 470px 71px;
	margin: 0px auto 0px auto;
}
.method-wrap .box-content .btn-wrap .dl-btn a img{
    transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
}
.method-wrap .box-content .btn-wrap .dl-btn a:hover img{
	opacity: 0;
}
.method-wrap .box-content .btn-wrap .dl-caution{
	font-size:108%;
	padding: 0px 90px 0px 90px;
}
.method-wrap .box-content .process-wrap{
	font-size:146.5%;
	padding: 0px 0px 35px 0px;	
}
.method-wrap .box-content .destination-wrap{
	font-size:146.5%;
	padding: 20px 25px 20px 25px;
	background-color: #ffffff;
	border: 1px dashed #000000;
}
.method-wrap .box-bottom{
	height: 15px;
}

.shipping-wrap{}
.shipping-wrap .box-title{
	height: 114px;
	background-image: url(../images/box02-head.png);
	background-repeat: no-repeat;
	background-size: 965px 114px;
}
.shipping-wrap .box-title .title-shipping{
	width: 137px;
	margin: 0 auto;
	padding: 55px 10px 0px 0px;
}
.shipping-wrap .box-content{
	background-image: url(../images/box02-content.png);
	background-repeat: repeat-y;
	background-size: 965px 15px;
	padding: 60px 198px 40px 197px;
}
.shipping-wrap .box-content .message-wrap{
	text-align: center;
	font-size:146.5%;
	padding: 0px 0px 0px 0px;
}
.shipping-wrap .box-content .product-list-wrap{}
.shipping-wrap .box-content .product-list-wrap .product-list-box{
	display: block;
	position: relative;
	float: left;
	width: 185px;
	height: 365px;
	margin: 0px 3px 0px 2px;
}
.shipping-wrap .box-content .product-list-wrap .product-list-box .product-img-wrap{}
.shipping-wrap .box-content .product-list-wrap .product-list-box .product-name-wrap{
	text-align: center;
	font-size:146.5%;
	padding: 5px 0px 0px 0px;
	line-height: 1.2;
}
.shipping-wrap .box-content .product-list-wrap .product-list-box .product-code-wrap{
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 37px;
	text-align: center;
	background-color: #F8CABB;
	font-size:146.5%;
	letter-spacing: -0.05em;
	padding-top: 4px;
	box-sizing: border-box;
}
.shipping-wrap .box-bottom{
	height: 15px;
}

/* -------------------------------------------- */
/* ------------------Caution------------------ */
.caution-wrap{
	width: 965px;
	margin: 0 auto;
	padding: 50px 0px 30px 0px;
}
.caution-body{
	padding: 0px 0px 0px 0px;	
}
.caution-body .box-title{
	height: 114px;
	background-image: url(../images/box03-head.png);
	background-repeat: no-repeat;
	background-size: 965px 114px;
}
.caution-body .box-title .title-caution{
	width: 137px;
	margin: 0 auto;
	padding: 55px 10px 0px 0px;
}
.caution-body .box-content{
	background-image: url(../images/box03-content.png);
	background-repeat: repeat-y;
	background-size: 965px 15px;
	padding: 90px 110px 60px 110px;
}
.caution-body .box-content .caution-division{
	padding: 0px 0px 40px 0px;
	font-size:138.5%;
}
.caution-body .box-content .caution-division:last-child{
	padding: 0px 0px 0px 0px;
}
.caution-body .box-content .caution-division p.main{
	border-bottom: 1px solid #000000;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
}
.caution-body .box-bottom{
	height: 15px;
}
/* -------------------------------------------- */
/* ------------------Bottom SNS------------------ */

.bottom-sns-wrap{
	padding: 0px 0px 50px 0px;
	text-align: center;
}.bottom-sns-wrap .sns-wrap {
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.bottom-sns-wrap .sns-wrap>div{
	display:inline-block;
	position: relative;
	width: 42px;
	height: 42px;
	margin: 0px 9px 0px 9px;
}
/* -------------------------------------------- */
/* ------------------Footer-------------------- */
footer {
	height: 84px;
	background-color: #FFE000;
}
/* -------------------------------------------- */
/* ------------------Components-------------------- */
span.anchorlink {
       position: relative;
       top: -100px;
       display: block;
}
#pagetop-btn{
    position: fixed;
    bottom: 50px;
    right: 30px;
	z-index: 200;
	width: 130px;
	height: 130px;
}


/* ******************************************************************** */ 
/* Clearfix: http://csscreator.com/attributes/containedfloat.php        */
/* ******************************************************************** */
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;overflow:hidden;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */