@charset "utf-8";
body{
 #background:#001e63;
 background-color: #fff;
 color:#000000;
}
a{
 color:#000000;
}
header .header-logo{
 text-align:center;
 padding:14px 0;
}
.header-logo img {max-height:50px;}
footer{
 padding:14px 0;
 text-align:center;
}

footer p.footertext {
    /*background: url(../img/footer-s.png)top left no-repeat;*/
    display: inline-block;
    padding-left: 26px;
    font-size: 12px;
    line-height: 12px;
}
footer p.footerinfo{
 text-align:center;
 color:#000000;
}
.header-image img{
 width:100%;
 margin-bottom:1em;
}
#topPcA {position: relative;animation-delay:5.5s;animation-duration:1s;animation-timing-function:ease-in-out;}
#topPcBR, #topPcBL, #topPcC, #topPcD {position: absolute;top:0; left: 0; right: 0; margin: auto;}
#topPcBR, #topPcBL {z-index:100;animation-delay:0.5s;animation-duration:2s;animation-timing-function:ease-in-out;}
#topPcC {z-index:200;animation-delay:1s;animation-duration:2s;animation-timing-function:ease-in-out;}
#topPcD {z-index:300;animation-delay:2s;animation-duration:3s;animation-timing-function:ease-in-out;}
/**追加**/
.pRelative{position: relative;}
.olympicLogo{
 position: absolute;
 left:1.8em;
    z-index: 1;
}
.circle{
 width: 100%;
    position: absolute;
    top: 15em;
    z-index: 1;
}
.circle img{max-width:150px;}
.dashCNP{
 position: absolute;
    width: 100%;
    top: 23em;
    z-index: 1;
    text-align: center;
}
.dashCNP img{max-width:310px;}

.olympicLogo img{width:15%;}
.campaignBox img.mainImg{
 width:100%;
 max-width:610px;
 margin-bottom:1em;
}
.campaignCont{
 background-color:#f1f1ef;
 margin-top: 0.5em;
}
.subCampaignCont{margin-top: 3em;}
.topPrizeBox{
 font-size:16px;
 background-color: #fff;
 /*border: 1px solid #9aa6bf;*/
 color:#000000;
}
td.topPrize{
 text-align: center;
 /*padding:0.6em;*/
 width:22%;
 /*border-right: dotted 2px; */
}
td.topPrizeA{background-color:#fff; color:#000;}
td.topPrizeB{background-color:#fff; color:#000;}
td.topPrize-text{
 padding:1em;
 border: 0px
 background-color: #fff;
}
/*.campaignBox{background-image:url(/assets/img/child.jpg);}*/
p{
 margin-bottom:1em;
}
p.text-ml{
 font-size:30px;
 font-family:'HelveticaNeue-UltraLight','Meiryo', sans-serif;
 color:#001e63;
 margin-bottom:14px;
 letter-spacing: 2px;
    font-weight: bold;
}
p.text-m{
 font-size:17px;
 color:#00b9d2;
}
p.text-normal{
 color:#2ffaff;
 line-height:1.8em;
}
p.text-strong{
 color:#2ffaff;
 font-weight:bold;
 line-height:1.8em;
}
p:last-child {
 margin-bottom:0;
}

div.borderbox{
 border:1px solid #a9a4a4;
 padding:16px 14px;
 background-color: #fff;
    color: #000000;
    border-radius:5px;

}
div.scrollbox{
 overflow: scroll;
 height:200px;
}

.btn.btn-asics{
 background-color:#000000;
 /*border-color:#011e62;*/
 /*box-shadow:3px 3px 0 #bd2c3e;*/
 color:#fff;
 /*text-shadow:0px 1px #2d2d2d;*/
 margin:28px 0;
}
.btn.btn-asics span{
 display:block;
 margin:auto;
}
.btn.btn-asics span.button-icon{
 font-size:36px;
}
.btn.btn-asics span.button-text{
 font-size:22px;
 height:50px;
 text-align:center;
 line-height: 50px;
}

form label{
 display:table-cell;
 font-weight:normal;
 font-size:16px;
 line-height:20px;
 height:24px;
 vertical-align:bottom;
 padding-left:30px;
 background-position:left top;
 background-repeat:no-repeat;
}
form label.form-icon-code{
 /*background-image:url(../img/icon-code.png);*/
}
form label.form-icon-envelope{
 /*background-image:url(../img/icon-envelope.png);*/
}
form label.form-icon-trophy{
 /*background-image:url(../img/icon-trophy.png);*/
}
form label.form-icon-cart{
 /*background-image:url(../img/icon-cart.png);*/
}
form label.form-icon-user{
 /*background-image:url(../img/icon-user.png);*/
}
form label.form-icon-address{
 /*background-image:url(../img/icon-address.png);*/
}
form label.form-icon-tel{
 /*background-image:url(../img/icon-tel.png);*/
}
form .form-control {
 border-radius:0px;
 border:0;
 box-shadow:none;
 -webkit-box-shadow:none;
 background:#fff;
 margin-top:3px;
}
form select.form-control {
 -webkit-appearance: button;
 -moz-appearance: button;
 appearance: button;
 border-radius:0;
 border:none;
 cursor:pointer;
 /*background:#fff url(../img/arrow.png) no-repeat;*/
 background-size:44px 33px;
 background-position: right center;
 height:33px;
}
form select.arrow2 {
 /*background-image:url(../img/arrow2.png);*/
}
form select.arrow3 {
 /*background-image:url(../img/arrow3.png);*/
}
input[type="file"] {
 position:relative;
 -webkit-appearance: none;
 appearance: none;
 /*background:#fff url(../img/arrow3.png) no-repeat;*/
 background-size:44px 33px;
 background-position: right center;
 height:33px;
}
/* input[type="file"]:after {
 content:"レシートまたは納品書の添付";
 position:absolute;
 top:0;
 left:15px;
 line-height:33px;
} */
input[type="file"]::-webkit-file-upload-button {
 opacity:0;
 -webkit-appearance: none;
 appearance: none;
}
form .zipcode .icon-zip{
 line-height:37px;
 padding-left:15px;
 float:left;
 width:10%;
 text-align:center;
}
form .zipcode .zipcode-1{
 float:left;
 width:42%;
}
form .zipcode .zipcode-2{
 float:left;
 width:42%;
 padding-right:15px;
}
form .zipcode .zipcode-hyphen{
 display:table-cell;
 line-height:37px;
 float:left;
 width:6%;
 text-align:center;
}
form .tel .col-xs-4{
 position:relative;
}
form .tel .col-xs-4:before {
 content:"-";
 position:absolute;
 top:0;
 left:-3px;
 line-height:37px;
}
form .tel .col-xs-4:first-child:before {
 content:"";
 display:none;
}
.well{
 background-color: #000000;
 border: 1px solid #e3e3e3;
}
.box2020{
 border-bottom: dashed 1px #9197a5;}

.select2020 p{
 font-size:16px;
 margin-bottom: 0;
}
.mgR2{margin-right: 1em;}
.mgTB{
 margin-top: 1em;
 margin-bottom: 1em;
}
.pdg2{padding:2em;}
.fsz14{font-size:14px;}
.fsz12{font-size:12px;}
.fsz16{font-size:16px;}
.mgb0{margin-bottom: 0;}
.mgb2{margin-bottom: 2em;}
.mgt2{margin-top: 2em;}
.mgt06{margin-top: 0.6em;}
.text2020-2{
 font-size:5vmin;
 font-weight:bold;
}
.sport{
 font-weight:bold;
 margin-left: 0.6em;
}
.topPeople{
    border-radius: 3px;
    background-color: #E04F39;
    padding: 0.1em 0.4em;
    color: #fff;
    font-size: 14px;
    margin-left: 0.6em;
}
.people{
    border-radius: 3px;
    background-color: #a2a9b7;
    padding: 0.1em 0.4em;
    color: #fff;
    font-size: 14px; 
}
.text2020{
    color: #E04F39;
    font-size: 13px;
    word-break: break-all;
    line-height: 1; 
}
.text2020sub{
    color: #f5d667;
    font-size: 15px;
    word-break: break-all;
    line-height: 1; 
}
.sports ul{
    padding: 0;
    list-style: none;
}
.sports li.lineT{
 padding-top: 0.5em;
    margin-top: 0.5em;
    border-top: 1px solid #e3e3e352;
}
.lineTB,.lineB{
 padding-top: 0.5em;
    margin-top: 0.5em;
    border-top: 1px solid #e3e3e352;
}
.sports li{
 padding-bottom: 0.5em;
    margin-bottom: 0.5em;
    border-bottom:1px solid #e3e3e352;
}
.attnBox{padding:2em 0.6em;}
.attnBox ol.attnlist{
 padding:1em 2em 1em 2.5em;
 background: #fff;
    border-radius: 5px;
    color: #000000;
}
.attn{
 font-size: 19px;
    text-align: center;
    font-weight: bold;
    color: #000000;
 /*text-shadow: 2px 1px 1px #031638;*/
}
.day{
 text-align:center;
 font-size: 16px;
 font-weight: bold;
 color: #000000;
}
.subCaption{
 font-size: 16px;
 text-align:center;
 font-weight: bold;
 text-shadow: 2px 1px 1px #031638;
}
.attn2{background-color:#f1f1ef;}
.attn2 ul,ol{padding: 0.6em 1em 0.6em 1.5em;}
.attn2 ul{list-style: none;}
.attn2 ul li{margin-bottom: 0.6em;}
ul.attnlist {color:#000000;}
.subCaption2{
 color:#000000;
 font-size: 16px;
 text-align:center;
 font-weight: bold;
}
.subCaption3{
 color:#000000;
 font-size: 14px;
 text-align:center;
 font-weight: bold;
 /*text-shadow: 2px 1px 1px #cdd3de; */
}
.subCont{
 padding: 1em 2em 1em 2.5em;
    background: #6e6a6a;
    border-radius: 5px;
    color: #fff; 
    margin: 1.5em 0.4em;
}
.subPrize{
 font-weight: bold;
    font-size: 18px; 
}
.serialNumber input{width:4em;}
.cfmBox{font-size: 16px;}
.cfmCode{
 color: #000000;
    background-color: #fff;
    border-radius: 3px;
    padding: 0.2em 0.5em;
}
.subCaption4{
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    text-shadow: 2px 1px 1px #b4c1d8; 
}
.thxtext{
 font-weight: bold;
    font-size: 22px;
    padding: 0.8em 0.5em;
    text-align:center;
    color:#E04F39; 
}
/*----------------------------------------------------------*/
/* PC用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 1200px) {
.olympicLogo img{width:23%;}

.olympicLogo{
    position: absolute;
    left: 21em;
    z-index: 1; 
}
.circle{
    top: 25em;
}
.circle img{max-width:300px;}
.dashCNP{
    top: 32em;
}

.dashCNP img{max-width:512px; }
}
}

/*----------------------------------------------------------*/
/* タブレット用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width:768px) and ( max-width:1024px) {
.olympicLogo img{width:23%;}

.olympicLogo{
    position: absolute;
    left: 6em;
    z-index: 1; 
}
.circle{
    top: 25em;
}
.circle img{max-width:300px;}
.dashCNP{
    top: 32em;
}

.dashCNP img{max-width:450px; }
}


/*----------------------------------------------------------*/
/* 568px用のCSS */
/*----------------------------------------------------------*/
/*@media only screen
    and (min-device-width:320px)
    and (max-device-width:568px) {
.circle{top: 12.5em;}
.circle img {max-width: 140px;}
.dashCNP img {max-width: 270px;}
.dashCNP{top: 16em;}


select.resp5{font-size:10px;}
}*/
@media screen and (max-width: 320px) {
.circle{top: 12.5em;}
.circle img {max-width: 140px;}
.dashCNP img {max-width: 270px;}
.dashCNP{top: 16em;}


.resp5{font-size:10px;}
}