@charset "utf-8";
/* CSS Document */

#pageBody {border-top:5px solid #00428e;}
#wrapper {overflow:hidden;}

div.container#gallery {background-color:#fff; width:100%;}
div.container#campaign .inner {width:976px; /*text-align:left;*/ }
div.container#campaign .inner p {margin:10px 0;}
div.container#campaign .inner p span {font-size:14px;}
div.container#campaign .inner p a {}

div.container#schedule h3 {font-size:32px; text-align:center; margin-top:60px;}
div.container#schedule .inner { margin-top:40px; margin-bottom:60px; width:976px;}

div.container#schedule table{margin-bottom:40px;}
div.container#schedule table th,
div.container#schedule table td{padding:10px; border:1px #95989a solid;}
div.container#schedule table th{background:#f5f6f7; color:#2e4c6e; width:20%;}
div.container#schedule table table{margin-bottom:0;}

div.container#schedule table tr td .flx01{ display: flex; justify-content: space-between}
div.container#schedule table tr td .flx01 img{ margin-right: 20px; height: fit-content}
div.container#schedule table tr td .flx01 p { margin: 0}
div.container#schedule table tr td .flx01 p + img{ margin-left: 20px; margin-right: 0}

div.container#campaign .inner {overflow:hidden; padding:50px 0 80px; }
div.container#campaign .inner .campaign_list {width:60%; float:left; }
	
div.container#campaign dl {margin:20px 0;}
div.container#campaign dl dt {float:left; width:170px; font-size:15px; line-height:21px; color:#2585aa; text-align:left; }
div.container#campaign dl dt span {font-size:12px; background-color:#00aaea; color:#fff; border-radius:5px; padding:0 4px; display:inline-block; height:20px; line-height:20px; text-align:center; width:60px; margin-left:6px; }
div.container#campaign dl dt span.open {background-color:#0082b3; }
div.container#campaign dl dt span.close {background-color:#8c8c8c;}

div.container#campaign dl dd {padding-left:170px; line-height:21px; text-align:left; }
div.container#campaign dl dd a {font-size:15px;}
div.container#campaign dl dd a span {font-size:15px;}



div.container#report {width:100%; margin:0 auto; padding:50px 0 10px; }
div.container#report h3 {background-color:#005bab; width:100%; height:64px; font-family:'Teko'; font-weight:normal; font-size:48px; line-height:72px; color:#fff; text-align:center; position:relative; }
div.container#report h3 span {font-size:16px; font-family:noto,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; position:absolute; right:10px;}

div.container#content {padding:80px 0 128px; }
div.container#content .inner p.intro {font-size:34px; }

div.container#content .inner h2 + p {font-size:16px; line-height:28px; margin-top:30px;}

div.container#content .inner p.lead {font-size:16px; line-height:28px; color: #ffffff; text-align:center; text-shadow:0px 0px 16px #001e45; margin-top:30px; font-weight:bold; }
div.container#content .inner p.lead strong {font-size:21px; display:block; margin-bottom:12px; }
div.container#content .inner .present p {font-family:meirio;}

div.container#content .inner .present ul li div.product { width:266px; background: url("/assets/img/pc/product.jpg") no-repeat left top; }
div.container#content .inner .present ul li span span {font-weight:normal; font-size:14px; margin:0; display:inline; }

div.container#content .inner .contents1 .inner {width:700px; padding-bottom:60px; overflow:hidden; }
div.container#content .inner .game_info {margin:20px auto 0;}

div.container#content .inner .present ul li div.clearfile {background: url("/assets/img/pc/clearfile2.jpg") no-repeat left top;}

div.container#content .inner .contents1 .item {width:150px; display:block; margin:0 auto; }

div.container#content .inner .contents1 .inner p.att {font-size:14px; line-height:24px; }
div.container#content .inner .contents1 sup {font-size:75%;}

div.container#content .inner .game_info {padding:40px 0 54px;}


/* レポート */
/*div.container#report .reportlink {display:flex; justify-content:space-between; }*/

div.container#report .reportlink {display:table; }
div.container#report .reportlink div {background-color:#f2f2f2; width:300px; height:150px; display:table; background: #000; float:left; margin:0 20px 20px 0; }
div.container#report .reportlink div:nth-child(3n) {margin-right:0;}

div.container#report .reportlink div.report01{background: url("/assets/img/pc/report01.jpg") no-repeat; background-size:contain;}
div.container#report .reportlink div.report02{background: url("/assets/img/pc/report02.jpg") no-repeat; background-size:contain;}
div.container#report .reportlink div.report03{background: url("/assets/img/pc/report03.jpg") no-repeat; background-size:contain;}
div.container#report .reportlink div.report04{background: url("/assets/img/pc/report04.jpg") no-repeat; background-size:contain;}
div.container#report .reportlink div.report05{background: url("/assets/img/pc/report05.jpg") no-repeat; background-size:contain;}
div.container#report .reportlink div.report06{background: url("/assets/img/pc/report06.jpg") no-repeat; background-size:contain;}
div.container#report .reportlink div.report07{background: url("/assets/img/pc/report07.jpg") no-repeat; background-size:contain;}

div.container#report .reportlink div span {background: rgba(0,0,0,0.2); display:table-cell; vertical-align:middle; text-align:center; transition: all 0.3s ease; }
div.container#report .reportlink div span:hover {background: rgba(0,0,0,0);}

div.container#report .reportlink div a {color:#fff; text-decoration:none; font-size:30px; font-weight:bold; font-family:メイリオ, Meiryo, sans-serif; height:150px; line-height:150px; display:block; }



/* 歴史 */
div.container#history {width:100%; margin:0 auto; padding:50px 0 10px; }
div.container#history h3 {background-color:#0082b3; width:100%; height:64px; font-family:'Teko'; font-weight:normal; font-size:48px; line-height:72px; color:#fff; text-align:center; position:relative; margin-bottom:0; }
div.container#history .history_hdr {width:100%;}
div.container#history .history_caption {text-align:right; font-size:12px; padding:5px; line-height:1.4;}

div.container#history h4 {font-size:36px; text-align:center; margin:70px 0 65px; }
div.container#history .inner p {font-size:16px; line-height:32px; margin-bottom:1em; }

div.container#history .history-table {margin:55px 0 0; }

div.container#history .history-table .year {font-size:40px; color:#a8a8a8; letter-spacing:-2px; font-family:'Bahnschrift', sans-serif; text-align:right; width:130px; padding-right:30px; display:table-cell; vertical-align:top; }
div.container#history .history-table .year span {font-size:12px; font-family:メイリオ, Meiryo, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN; display:block; letter-spacing:0px; line-height:1.4; }
div.container#history .history-table .detail {padding:10px 0 75px 30px; display:table-cell; vertical-align:top; background: url(/assets/img/pc/history_table_line.png) repeat-y left top; line-height:24px; }

div.container#history .history-table .detail .figure_box {display:flex; /*max-width:768px;*/}
div.container#history .history-table .detail figure {margin:20px 0 20px 0; display:table; }
div.container#history .history-table .detail figure.left {margin-right:50px;}
div.container#history .history-table .detail figure figcaption {color:#666; font-size:12px; font-family:Meirio; line-height:18px; display:table-caption; caption-side:bottom; }

a.gototop {text-decoration:none; background:url(/assets/img/pc/arrow.png) no-repeat; padding-left:36px; height:36px; line-height:36px; color:#005bab; display:inline-block; margin:10px 0 0 3px; }



/* コラボ製品情報 */
table.new_product {width:420px; margin:10px auto;}
table.new_product thead {display:none;}
table.new_product tbody tr {margin-bottom:30px; display:block;}
table.new_product tbody th, table.new_product tbody td {border-bottom:1px solid #ddd; border-top:0; border-left:0; border-right:0;}
table.new_product tbody td {display:block;}
table.new_product tbody td::before {content:attr(data-label); float:left; clear:both; font-weight:bold; font-family:noto,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; width: 7em; margin-right:5px;}

div.container#goods .inner {width:auto; display:inline-block; margin:0 auto; text-align:center; }

div.container#goods .inner .products_box {display:flex; justify-content:space-between; width:940px; margin:auto; }
div.container#goods .inner .products_box .product {width:450px;}

div.container#goods p.lead {margin:20px 0 40px;}
div.container#goods h4 {font-size:21px; font-weight:bold; margin:30px 0 10px; line-height:28px; }
div.container#goods p.prd_txt {text-align:left; font-size:15px; line-height:1.8; margin:20px auto; width:410px; }

div.container#content .overlay p {padding-top:200px;}

div.container#hero .hero_img {position:relative; }
div.container#hero .hero_img img {top:0; left:0; position:absolute;}




@media screen and (min-width: 768px), print {
div.container#news dl {width:700px;}
}

@media screen and (max-width: 767px), print {

div.container#schedule h3 {font-size:24px;}
div.container#schedule .inner {padding:0; margin-top:20px;}
	
div.container#campaign .inner {width: auto;}
div.container#campaign dl {margin:20px 10px;}
div.container#campaign dl dt {float:none; width:100%; font-size:13px; line-height:21px; color:#2585aa;}
div.container#campaign dl dd {padding-left:0; line-height:21px; margin-top:7px; }
div.container#campaign dl dd a {font-size:14px;}


/* スケジュール */
div.container#schedule table.clm {font-size:14px;}
div.container#schedule table.clm thead {display:none;}
div.container#schedule table.clm tbody tr {margin-bottom:30px; display:block;}
div.container#schedule table.clm tbody th, div.container#schedule table.clm tbody td {border-bottom:1px solid #ddd; border-top:0; border-left:0; border-right:0;}
div.container#schedule table.clm tbody td {display:block;}
div.container#schedule table.clm tbody td::before {content:attr(data-label); float:left; clear:both; font-weight:bold; font-family:noto,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; width: 7em; margin-right:5px; }

.br-pc{display:none;}

div.container#content .inner .contents1 .inner p {font-size:14px;}

div.container#content {padding:0;}
div.container#content .inner p.lead {padding: 0 16px 35vw; text-align:left; }
div.container#content .inner .intro {padding-top: 10vw;}
div.container#content .inner p.intro {font-size:25px;}
div.container#content .inner p.lead {padding: 0 16px 3vw;}
div.container#content .inner .contents1 .inner {width:auto; padding:0 5px; margin-top:10px; }

div.container#schedule .inner {width:100%;}

div.container#report h3 span {font-size:13px; right:5px; bottom:0; }
div.container#report .reportlink div.report01{background: url("/assets/img/pc/report01.jpg") no-repeat; background-size:cover;}
div.container#report .reportlink div.report02{background: url("/assets/img/pc/report02.jpg") no-repeat; background-size:cover;}
div.container#report .reportlink div.report03{background: url("/assets/img/pc/report03.jpg") no-repeat; background-size:cover;}
div.container#report .reportlink div.report04{background: url("/assets/img/pc/report04.jpg") no-repeat; background-size:cover;}
div.container#report .reportlink div.report05{background: url("/assets/img/pc/report05.jpg") no-repeat; background-size:cover;}
#report div.container#content .inner .report_txt p {margin:0 10px;}


div.container#content .inner .present ul li div.clearfile {background: url("/assets/img/sp/clearfile2.jpg") no-repeat left top; background-size:100%;}

div.container#news dl dt {padding:0;}
div.container#news dl dd {padding-left:0; line-height:18px; margin-bottom:10px;}
div.container#news dl dt.new::before {left:68px;}

table.new_product {width:100%; max-width:500px; font-size:14px;}
div.container#content .inner p.lead {font-size:14px; line-height:24px; }

/* 歴史 */
div.container#history h4 {font-size:28px; margin:40px 0; }
div.container#history .history-table .year {font-size:26px; width:70px; padding-right:10px; }
div.container#history .history-table .detail {padding:0 0 30px 15px; font-size:14px; line-height:18px; }
div.container#history .history-table .detail .figure_box {display:block;}
div.container#history .inner p {font-size:14px; line-height:26px; }
div.container#history .history_caption {text-align:left;}

div.container#history .history-table .detail .figure_box {display:block; max-width:70%;}
div.container#history .history-table .detail figure.left {margin-right:0;}
div.container#history .history-table .detail figure img {width:100%;}

div.container#content .overlay p {padding-top:200px;}
div.container#report .reportlink {display:block;}
div.container#report .reportlink div {margin-bottom:5px; width:100%; height:160px; }
div.container#report .reportlink div a {background-size:cover;}

/* 声 */
div.container#campaign .voice h4 {font-size:16px; line-height:1.4; background: url(/assets/img/pc/megaphone.png) no-repeat; background-size:32px 26px; padding-left:30px; margin-left:10px; }
div.container#campaign .voice .balloon_box .balloon {display:block; }
div.container#campaign .voice .balloon_box .balloon li {width:90%; margin:30px auto;}

/* 動画 */
.tubeBox {height:auto; max-height:560px; }
.vtrBox {position:relative; padding-top:56.25%; width:100%; height:auto; margin:50px auto 0; }
.vtrBox .embed{position:absolute; top:2.5%; right:0; width:100%; height:95%; max-height:530px;}

/* コラボ製品情報 */
div.container#goods .inner .products_box {display:block; width:100%;}
div.container#goods .inner .products_box .product {width:auto;}
div.container#goods .inner .products_box .product.product1 {margin-top:60px;}
div.container#goods p.prd_txt {width:auto; max-width:500px; }

}


@media screen and (min-width: 768px) and (max-width: 979px) {
div.container#hero div {
width:100%;
margin:0;
}
}