.pc .container {
    width: 100%;
    margin: 0 auto;
    background: #fff;
}

article.contents section .sec-img {
    margin-bottom: 10px;
    text-align: center;
}

article.contents section p {
    font-size: 16px;
    line-height: 1.5;
}

article.contents section p.sec-txt01 {
    margin-bottom: 10px;
    font-size: 32px;
}

article.contents section p.sec-txt02 {
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 36px;
    line-height: 1.4;
}

article.contents section p.sec-txt03 {
    font-size: 24px;
}

article.contents section a img {
    -webkit-transition: .3s;
    transition: .3s;
}

article.contents section a:hover {
    text-decoration: none;
}

article.contents section a:hover img {
    opacity: .5;
}

article.contents section .splitting .char {
    color: transparent;
}

article.contents section .splitting .char:after {
    visibility: visible;
    color: #fff;
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
    transition: all .6s cubic-bezier(.175, .885, .32, 1.275);
    -webkit-transition-delay: calc(.2s + (.04s * var(--char-index) ));
    transition-delay: calc(.2s + (.04s * var(--char-index) ));
    -webkit-transform: translateY(30%);
    transform: translateY(30%);
}

article.contents section [data-scroll='in'] .char:after {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

article.contents section.main {
    background: url(/static/cpn/marvel_special/img/main-bg.png) center 0 repeat-x;
    font-size: 0;
}

article.contents section.main .main-bg {
    background: url(/static/cpn/marvel_special/img/main-bg-img.png) center 0 no-repeat;
}

article.contents section.main .main-bg .main-inner {
    width: 970px;
    margin: 0 auto;
}

article.contents section.main .main-bg .main-inner h1.main-img {
    padding-top: 100px;
    padding-bottom: 60px;
    text-align: center;
}

article.contents section.sec01 {
    background: #ffdf2b;
}

article.contents section.sec01 h2 {
    position: relative;
    z-index: 10;
    text-align: center;
}

article.contents section.sec01 h2 img {
    max-width: 970px;
    width: 100%;
    margin-top: -70px;
}

article.contents section.sec01 .sec01-inner {
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
}

article.contents section.sec01 .sec01-inner img {
    max-width: 970px;
    width: 100%;
    margin-top: -100px;
}

article.contents section.sec02 {
    background: #e60012 url(/static/cpn/marvel_special/img/sec02-bg.png) center 0 no-repeat;
    background-position: 5% 50%;
}

article.contents section.sec02 .sec02-inner {
    width: 810px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 100px;
}

article.contents section.sec02 p.sec-txt01 {
    color: #fff;
}

article.contents section.sec02 p.sec-txt02 {
    color: #fbdb2a;
}

article.contents section.sec02 p.sec-txt02.splitting .char:after {
    color: #fbdb2a;
}

article.contents section.sec02 p.sec-txt03 {
    color: #fff;
}

article.contents section.sec03 {
    background: #fff url(/static/cpn/marvel_special/img/sec03-bg.png) center 0 no-repeat;
    background-position: 95% 50%;
}

article.contents section.sec03 .sec03-inner {
    width: 810px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 100px;
}

article.contents section.sec03 p.sec-txt01 {
    color: #000;
}

article.contents section.sec03 p.sec-txt01.splitting .char:after {
    color: #000;
}

article.contents section.sec03 p.sec-txt02 {
    color: #e60012;
}

article.contents section.sec03 p.sec-txt02.splitting .char:after {
    color: #e60012;
}

article.contents section.sec03 p.sec-txt03 {
    color: #000;
}

article.contents section.sec04 {
    background: #e60012 url(/static/cpn/marvel_special/img/sec04-bg.png) center 0 no-repeat;
    background-position: 5% 50%;
}

article.contents section.sec04 .sec04-inner {
    width: 810px;
    margin: 0 auto;
    padding-top: 60px;
    padding-bottom: 100px;
}

article.contents section.sec04 p.sec-txt01 {
    color: #fff;
}

article.contents section.sec04 p.sec-txt01.splitting .char:after {
    color: #fff;
}

article.contents section.sec04 p.sec-txt02 {
    color: #fbdb2a;
}

article.contents section.sec04 p.sec-txt02.splitting .char:after {
    color: #fbdb2a;
}

article.contents section.sec04 p.sec-txt03 {
    color: #fff;
}

article.contents section.sec05 {
    background: #313131;
}

article.contents section.sec05 h2 {
    position: relative;
    text-align: center;
}

article.contents section.sec05 h2 img {
    max-width: 970px;
    width: 100%;
    margin-top: -70px;
}

article.contents section.sec05 .sec05-inner {
    margin: 0 auto;
    padding-bottom: 30px;
    text-align: center;
}

article.contents section.sec05 .sec05-inner img {
    max-width: 970px;
    width: 100%;
    margin-top: -100px;
}

article.contents section.sec06 {
    background: #313131;
}

article.contents section.sec06 .sec06-inner {
    overflow-x: auto;
    margin: 0 auto;
}

article.contents section.sec06 .sec06-inner ul {
    width: 6800px;
    font-size: 0;
}

article.contents section.sec06 .sec06-inner ul li {
    display: inline-block;
    vertical-align: top;
}

article.contents section.sec06 .sec06-inner ul li a {
    display: block;
    width: 340px;
    height: 440px;
    padding: 10px 0 30px 0;
}

article.contents section.sec06 .sec06-inner ul li a:hover {
    background: #515151;
    text-decoration: none;
}

article.contents section.sec06 .sec06-inner ul li a div.line {
    margin-bottom: 20px;
    border-bottom: 10px #f00 solid;
}

article.contents section.sec06 .sec06-inner ul li a div.line.y2008 {
    border-bottom: 10px #eb2325 solid;
}

article.contents section.sec06 .sec06-inner ul li a div.line.y2010 {
    border-bottom: 10px #eb8f23 solid;
}

article.contents section.sec06 .sec06-inner ul li a div.line.y2011 {
    border-bottom: 10px #ebe323 solid;
}

article.contents section.sec06 .sec06-inner ul li a div.line.y2013 {
    border-bottom: 10px #43c406 solid;
}

article.contents section.sec06 .sec06-inner ul li a div.line.y2014 {
    border-bottom: 10px #079dcc solid;
}

article.contents section.sec06 .sec06-inner ul li a div.line.y2015 {
    border-bottom: 10px #060ca9 solid;
}

article.contents section.sec06 .sec06-inner ul li a div.line.y2017 {
    border-bottom: 10px #ab23eb solid;
}

article.contents section.sec06 .sec06-inner ul li a div.line.y2018 {
    border-bottom: 10px #eb2325 solid;
}

article.contents section.sec06 .sec06-inner ul li a .sec06-info {
    padding: 0 50px;
}

article.contents section.sec06 .sec06-inner ul li a .sec06-info .sec06-img {
    margin-bottom: 20px;
}

article.contents section.sec06 .sec06-inner ul li a .sec06-info .sec06-img img {
    width: 100%;
}

article.contents section.sec06 .sec06-inner ul li a p.sec06-txt01 {
    margin-bottom: 0;
    padding: 0 50px;
    color: #fff;
    font-size: 36px;
}

article.contents section.sec06 .sec06-inner ul li a p.sec06-txt02 {
    color: #fbdb2a;
    font-size: 22px;
}

article.contents section.sec06 .sec06-inner ul li a p.sec06-txt03 {
    color: #fff;
    font-size: 24px;
}

article.contents section.sec07 {
    margin: 0 auto;
    background: #6baf00 url(/static/cpn/marvel_special/img/sec07-bg.png) bottom no-repeat;
    text-align: center;
}

article.contents section.sec07 .sec07-inner {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 30px;
}

article.contents section.sec07 .sec07-inner .banner {
    margin-bottom: 50px;
}

article.contents section.sec07 .sec07-inner .banner p {
    margin-bottom: 4px;
}

article.contents section.sec07 .sec07-inner .banner img {
    width: 700px;
}

article.contents section.sec07 .sec07-inner .banner a {
    color: #fff;
}

article.contents section.sec07 .sec07-inner .banner a:hover {
    color: #fff;
    text-decoration: none;
}

article.contents section.sec07 .sec07-inner .banner a:hover img {
    opacity: .5;
}

article.contents section.sec07 .sec07-inner h3 {
    margin-bottom: 0;
    text-align: center;
    font-size: 0;
}

article.contents section.sec07 .sec07-inner h3 img {
    max-width: 970px;
    width: 100%;
}

article.contents section.sec07 .sec07-inner .sec07-ttl {
    margin-bottom: 0;
    font-size: 0;
}

article.contents section.sec07 .sec07-inner .sec07-ttl img {
    max-width: 970px;
    width: 100%;
}

article.contents section.sec07 .sec07-inner p.shinchaku {
    max-width: 970px;
    box-sizing: border-box;
    margin: 0 auto;
    padding-bottom: 9px;
    background: #000;
    color: #fff;
}

article.contents section.sec07 .sec07-inner p.copyright {
    max-width: 970px;
    margin: 0 auto;
    color: #fff;
}

article.contents section.sec07 .sec07-inner ul {
    max-width: 970px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 30px;
    border-right: 11px solid #000;
    border-bottom: 11px solid #000;
    border-left: 11px solid #000;
    background: #fff;
    text-align: left;
    font-size: 0;
}

article.contents section.sec07 .sec07-inner ul li {
    display: inline-block;
    width: 199px;
    margin-right: 30px;
    margin-bottom: 30px;
    vertical-align: top;
}

article.contents section.sec07 .sec07-inner ul li a:hover {
    text-decoration: none;
}

article.contents section.sec07 .sec07-inner ul li a:hover img {
    opacity: .5;
}

article.contents section.sec07 .sec07-inner ul li a div {
    margin-bottom: 10px;
}

article.contents section.sec07 .sec07-inner ul li a div img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}

article.contents section.sec07 .sec07-inner ul li a p {
    color: #000;
    font-size: 18px;
    line-height: 1.5;
}

article.contents section.sec07 .sec07-inner ul li:nth-child(4n) {
    margin-right: 0;
}

/*----------------------------------------
----------------------------------------
SP
----------------------------------------
----------------------------------------*/
.sp article.contents section img {
    width: 100%;
}

.sp article.contents section .sec-img {
    margin-bottom: 10px;
    text-align: center;
}

.sp article.contents section p {
    font-size: 10.66667px;
    line-height: 1.5;
}

.sp article.contents section p.sec-txt01 {
    margin-bottom: 2%;
    font-size: 21.33333px;
}

.sp article.contents section p.sec-txt02 {
    margin-bottom: 3%;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.4;
}

.sp article.contents section p.sec-txt03 {
    font-size: 16px;
}

.sp article.contents section.main {
    background: url(/static/cpn/marvel_special/img/main-bg-sp.png) center 0 repeat-x;
    background-size: contain;
}

.sp article.contents section.main .main-bg {
    background: url(/static/cpn/marvel_special/img/main-bg-img-sp.png) center 0 no-repeat;
    background-size: contain;
}

.sp article.contents section.main .main-bg .main-inner {
    width: 100%;
    margin: 0 auto;
}

.sp article.contents section.main .main-bg .main-inner h1.main-img {
    padding-top: 15%;
    padding-bottom: 15%;
    text-align: center;
}

.sp article.contents section.main .main-bg .main-inner h1.main-img img {
    width: 80%;
}

.sp article.contents section.sec01 {
    background: #ffdf2b;
}

.sp article.contents section.sec01 h2 {
    text-align: center;
}

.sp article.contents section.sec01 h2 img {
    max-width: 100%;
    margin-top: -14%;
}

.sp article.contents section.sec01 .sec01-inner {
    width: 96%;
    margin: 0 auto;
    padding-bottom: 5%;
}

.sp article.contents section.sec01 .sec01-inner img {
    margin-top: -9%;
}

.sp article.contents section.sec02 {
    background: #e60012 url(/static/cpn/marvel_special/img/sec02-bg.png) center 0 no-repeat;
    background-position: 5% 50%;
}

.sp article.contents section.sec02 .sec02-inner {
    width: 90%;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 5%;
}

.sp article.contents section.sec03 {
    background: #fff url(/static/cpn/marvel_special/img/sec03-bg.png) center 0 no-repeat;
    background-position: 95% 50%;
}

.sp article.contents section.sec03 .sec03-inner {
    width: 90%;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 5%;
}

.sp article.contents section.sec04 {
    background: #e60012 url(/static/cpn/marvel_special/img/sec04-bg.png) center 0 no-repeat;
    background-position: 5% 50%;
}

.sp article.contents section.sec04 .sec04-inner {
    width: 90%;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 15%;
}

.sp article.contents section.sec05 {
    background: #ffdf2b;
}

.sp article.contents section.sec05 h2 {
    text-align: center;
}

.sp article.contents section.sec05 h2 img {
    max-width: 100%;
    margin-top: -10%;
}

.sp article.contents section.sec05 .sec05-inner {
    width: 96%;
    margin: 0 auto;
    padding-bottom: 5%;
}

.sp article.contents section.sec05 .sec05-inner img {
    margin-top: -10%;
}

.sp article.contents section.sec06 {
    background: #313131;
}

.sp article.contents section.sec06 .sec06-inner {
    overflow-x: auto;
    margin: 0 auto;
}

.sp article.contents section.sec06 .sec06-inner ul {
    width: 5000px;
    font-size: 0;
}

.sp article.contents section.sec06 .sec06-inner ul li {
    display: inline-block;
    vertical-align: top;
}

.sp article.contents section.sec06 .sec06-inner ul li a {
    display: block;
    width: 250px;
    height: 320px;
    padding: 10px 0 10% 0;
}

.sp article.contents section.sec06 .sec06-inner ul li a:hover {
    background: #515151;
    text-decoration: none;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line {
    margin-bottom: 20px;
    border-bottom: 10px #f00 solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line.y2008 {
    border-bottom: 10px #eb2325 solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line.y2010 {
    border-bottom: 10px #eb8f23 solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line.y2011 {
    border-bottom: 10px #ebe323 solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line.y2013 {
    border-bottom: 10px #43c406 solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line.y2014 {
    border-bottom: 10px #079dcc solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line.y2015 {
    border-bottom: 10px #060ca9 solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line.y2017 {
    border-bottom: 10px #ab23eb solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a div.line.y2018 {
    border-bottom: 10px #eb2325 solid;
}

.sp article.contents section.sec06 .sec06-inner ul li a .sec06-info {
    padding: 0 10%;
}

.sp article.contents section.sec06 .sec06-inner ul li a .sec06-info .sec06-img {
    margin-bottom: 20px;
}

.sp article.contents section.sec06 .sec06-inner ul li a .sec06-info .sec06-img img {
    width: 100%;
}

.sp article.contents section.sec06 .sec06-inner ul li a p.sec06-txt01 {
    margin-bottom: 0;
    padding: 0 50px;
    color: #fff;
    font-size: 24px;
}

.sp article.contents section.sec06 .sec06-inner ul li a p.sec06-txt02 {
    color: #fbdb2a;
    font-size: 14.66667px;
}

.sp article.contents section.sec06 .sec06-inner ul li a p.sec06-txt03 {
    color: #fff;
    font-size: 16px;
}

.sp article.contents section.sec07 {
    background: #6baf00 url(/static/cpn/marvel_special/img/sec07-bg.png) bottom no-repeat;
}

.sp article.contents section.sec07 .sec07-inner {
    width: 90%;
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 10%;
}

.sp article.contents section.sec07 .sec07-inner .banner {
    margin-bottom: 6%;
}

.sp article.contents section.sec07 .sec07-inner .banner img {
    width: 100%;
}

.sp article.contents section.sec07 .sec07-inner h3 {
    margin-bottom: 6%;
    text-align: center;
}

.sp article.contents section.sec07 .sec07-inner .sec07-ttl {
    margin-bottom: 10%;
}

.sp article.contents section.sec07 .sec07-inner p.shinchaku {
    width: 100%;
    padding-top: 2%;
    font-size: 16px;
}

.sp article.contents section.sec07 .sec07-inner ul {
    width: 100%;
    box-sizing: border-box;
    padding: 5%;
    font-size: 0;
}

.sp article.contents section.sec07 .sec07-inner ul li {
    display: inline-block;
    width: 45%;
    margin-right: 10%;
    margin-bottom: 10%;
    vertical-align: top;
}

.sp article.contents section.sec07 .sec07-inner ul li a:hover {
    text-decoration: none;
}

.sp article.contents section.sec07 .sec07-inner ul li a:hover img {
    opacity: .5;
}

.sp article.contents section.sec07 .sec07-inner ul li a div {
    margin-bottom: 10px;
}

.sp article.contents section.sec07 .sec07-inner ul li a div img {
    width: 100%;
    -webkit-transition: .3s;
    transition: .3s;
}

.sp article.contents section.sec07 .sec07-inner ul li a p {
    font-size: 12px;
    line-height: 1.5;
}

.sp article.contents section.sec07 .sec07-inner ul li:nth-child(4n) {
    margin-right: auto;
}

.sp article.contents section.sec07 .sec07-inner ul li:nth-child(2n) {
    margin-right: 0;
}

ul.bredList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-pack: start;
    margin-left: 1%;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
}

ul.bredList li {
    padding: 1em .2em;
    color: #be0000;
}

ul.bredList li a {
    color: #333;
}

ul.bredList li:nth-of-type(2):before,
ul.bredList li:nth-of-type(3):before {
    display: inline-block;
    width: 1.3em;
    height: 1em;
    content: '>';
}

/*# sourceMappingURL=maps/style.css.map */