@charset "UTF-8";

/*――――――――――――――――――――
	全体系
――――――――――――――――――――*/

body {
	font-family: 'Noto Sans JP', sans-serif;
	position: relative;
    background: #FFF;
}

.inner {
	width: 1260px;
	max-width: 90%;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color: #829AC8;
}

/*――――――――――――――――――――
	ヘッダー
――――――――――――――――――――*/

header a {
	transition: all .3s;
}
header a:hover {
	opacity: .6;
}

.mainVisual img{
    width: 100%;
}

.mvDots {
    text-align: center;
    margin: 20px 0;
    line-height: 0;
}
.mvDots li {
    display: inline-block;
    margin: 0 10px;
    line-height: 0;
}
.mvDots li button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative;
    text-indent: -9999px;
    background: #8b8b8b;
    width: 80px;
    height: 7px;
    cursor: pointer;
    -webkit-transform: skew(-15deg, 0);
    transform: skew(-15deg, 0);
    -webkit-transition: background 0.2s ease;
    transition: background 0.2s ease;
}
.mvDots li.slick-active button {
    background: #003087;
}

/*――――――――――――――――――――
	チケットボタン
――――――――――――――――――――*/

p.ticketBtn {
	width: 330px;
	position: fixed;
	bottom: 30px;
	right: 0;
	display: -ms-flexbox;
	display: flex;
	z-index: 100;
    background: #fff;
}
p.ticketBtn a {
	background: url("../img/ticketbtn_back01.jpg") center;
	display: block;
	text-align: center;
	width: 350px;
	font-weight: bold;
	color: #fff;
	padding: 28px;
	box-sizing: border-box;
	font-size: 180%;
	transition: all .3s;
}
p.ticketBtn a:hover {
	opacity: .8;
}
p.ticketBtn span.closeBtn {
	background: #000;
	width: 20px;
	position: relative;
	cursor: pointer;
}
p.ticketBtn span.closeBtn::before {
	content: "\f00d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	font-size: 9px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/*――――――――――――――――――――
	コンテンツ
――――――――――――――――――――*/

article section h2 {
    color: #000;
    font-weight: 300;
	text-align: center;
}

article section h2 span.main{
    display: block;
    font-size: 200%;
    font-family: 'Questrial', 'Noto Sans JP', sans-serif;
    color: #000;
}

article section h2 > span{
    display: inline-block;
    position: relative;
}

article section h2 > span > b{
    font-family: 'Nothing You Could Do', cursive;
    color: #8d4550;
    position: absolute;
    left: -1.5em;
    top: -1em;
    transform: rotate(-10deg);
    border-bottom: 2px solid #8d4550;
    line-height: 1em;
    padding: 0 6px;
}

article section .inner > h3{
    text-align: center;
    margin: 30px auto;
}
article section .inner > h3 span{
    font-size: 30px;
    text-align: center;
    display: inline-block;
    border: 3px solid #9a2347;
    color: #9a2347;
    font-weight: bold;
    padding: 5px 20px;
    position: relative;
}
article section .inner > h3 span::before{
    content: "";
    position: absolute;
    border: 2px dashed #9a2347;
    width: calc( 100% - 6px );
    height: calc( 100% - 6px );
    left: 3px;
    top: 3px;
    box-sizing: border-box;
}

article section p.btn a{
    display: block;
    background: #002985;
    color: #fff;
    width: 420px;
    max-width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 20px;
    border-radius: 50px;
    box-sizing: border-box;
    transition: all .3s;
    font-weight: bold;
    position: relative;
}
article section p.btn a:hover{
    background: #9a5362;
}
article section p.btn > ::before {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #fff;
    border-bottom: 8px solid transparent;
}

article section ul.attentionList li,
article section .attentionText{
    padding-left: 1em;
    text-indent: -1em;
    font-size: 90%;
}
article section ul.attentionList li::before,
article section .attentionText::before{
    content: "※";
}

article section .inner dl.about,
article section .inner dl.dlTable{
	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: 95%;
}

article section .inner dl.about dt{
    width: 6em;
    padding: 2px .5em;
    box-sizing: border-box;
    font-size: 86%;
    background: #003084;
    color: #fff;
    text-align: center;
}
article section .inner dl.about dd{
    width: calc( 100% - 6em );
    padding-left: 1em;
    box-sizing: border-box;
}
article section .inner dl.about dt:nth-of-type(n+2),
article section .inner dl.about dd:nth-of-type(n+2){
    margin-top: 5px;
}

article section .inner dl.dlTable{
    align-items: normal;
}
article section .inner dl.dlTable dt,
article section .inner dl.dlTable dd{
    padding: 5px 10px;
    box-sizing: border-box;
    border: 1px solid #c6b7a2;
}
article section .inner dl.dlTable dt{
    background: rgba( 246, 237, 159, .5 );
    text-align: center;
}
article section .inner dl.dlTable dd{
    background: rgba( 255, 255, 255, .5 );
}

.price span.tax{
    font-size: 80%;
}

.linkText a{
    position: relative;
}
.linkText a::before{
    content: "\f0c1";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    margin: 0 2px;
}
.linkText a::after{
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
    bottom: -2px;
    background: #829AC8;
    opacity: 0;
    transition: all .3s;
}
.linkText a:hover::after{
    opacity: 1;
}
.linkBlank a::before{
    content: "\f35d";
}

article section .tSmall{
    font-size: 70%;
}

article section .inner .textBox > * + *{
    margin-top: 10px;
}

article section .inner p.logo img{
    width: 180px;
}

/*――――――――――――――――――――
	メニュー
――――――――――――――――――――*/

article section#menu{
    position: relative;
}
    
article section#menu .inner{
    width: 100%;
    max-width: 100%;
}

article section#menu ul.menuList{
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    position: relative;
}

article section#menu ul.menuList li{
    width: 49%;
}
article section#menu ul.menuList li:nth-child(2n){
    margin-left: 2%;
}
article section#menu ul.menuList li:nth-child(n+3){
    margin-top: 20px;
}
article section#menu ul.menuList li:last-child{
    width: 100%;
}

article section#menu ul.menuList li:not(:last-child){
    box-sizing: border-box;
}

article section#menu ul.menuList li:not(:last-child) a{
    border: 1px solid #001043;
}

article section#menu ul.menuList li a{
    display: block;
    color: #000;
    transition: all .3s;
    box-sizing: border-box;
    position: relative;
}
article section#menu ul.menuList li:not(:last-child) a{
    height: 100%;
}
article section#menu ul.menuList li a:hover{
    opacity: .6;
}
article section#menu ul.menuList li:nth-child(1) a h3,
article section#menu ul.menuList li:nth-child(2) a h3{
    text-shadow: 2px 2px 6px rgba(0, 0, 0, .8);
}

article section#menu ul.menuList li a p.number{
    position: absolute;
    top: -6px;
    left: 10px;
    padding: 6px 0 0;
    z-index: 2;
    width: 50px;
    text-align: center;
    font-size: 13px;
    background: #0059a5;
    margin: 0;
    line-height: 1em;
    color: #fff;
}
article section#menu ul.menuList li a p.number span{
    font-family: 'Questrial', 'Noto Sans JP', sans-serif;
    font-size: 280%;
    display: block;
    line-height: 1em;
}
article section#menu ul.menuList li a p.number::before{
    content: "";
    position: absolute;
    top: 0;
    left: -6px;
    border: none;
    border-bottom: solid 6px #001955;
    border-left: solid 6px transparent;
}
article section#menu ul.menuList li a p.number::after{
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 25px solid #0059a5;
    border-right: 25px solid #0059a5;
    border-bottom: 10px solid transparent;
}

article section#menu ul.menuList li a h3{
    font-size: 150%;
    font-weight: bold;
    letter-spacing: .1em;
    line-height: 1.2em;
}
article section#menu ul.menuList li a strong{
    font-size: 150%;
}

article section#menu ul.menuList li a .detailBox > p{
    background: #000;
    color: #fff;
    padding: 0 10px;
    display: inline-block;
    margin-top: 5px;
}

article section#menu ul.menuList li.present a{
    background: url("../img/menu_back01.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}
article section#menu ul.menuList li.present a p strong{ color: #ff85b9; }

article section#menu ul.menuList li.foodfree a{
    background: url("../img/menu_back02.jpg") no-repeat center;
    background-size: cover;
    color: #fff;
}
article section#menu ul.menuList li.foodfree a h3 strong{ color: #ffd60d; }

article section#menu ul.menuList li.campaign02 a{
    background: #fff url("../img/menu_back03.jpg") no-repeat right 5% center;
    background-size: auto 50%;
}

article section#menu ul.menuList li.goods a{
    background: url("../img/goods_back01.jpg");
}
article section#menu ul.menuList li.goods a h3 strong{ color: #dd4550; }

article section#menu ul.menuList li.campaign01{
    position: relative;
}

article section#menu ul.menuList li.campaign01 a{
    border: 1px solid #001043;
    background: #e0dfda url("../img/campaign01_back01.jpg") no-repeat left center;
    background-size: cover;
    padding: 20px;
    box-sizing: border-box;
}

article section#menu ul.menuList li.campaign01 a dl{
}

article section#menu ul.menuList li.campaign01 a dl dt{
    font-size: 130%;
    color: #000;
    box-sizing: border-box;
}

article section#menu ul.menuList li.campaign01 a dl dd{
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; 
    align-items: flex-end;
    box-sizing: border-box;
}

article section#menu ul.menuList li.campaign01 a dl dd strong{
    font-family: 'Questrial', 'Noto Sans JP', sans-serif;
    color: #df173a;
    font-size: 300%;
    background: linear-gradient( transparent 60%, rgba( 255, 255, 102, .9 ) 60%, rgba( 255, 255, 102, .9 ) 90%, transparent 90% );
    padding: 0 10px;
    letter-spacing: -.05em;
    line-height: .8em;
    vertical-align: middle;
}
article section#menu ul.menuList li.campaign01 a dl dd strong > span{
    font-weight: normal;
    color: #000;
    margin-left: 3px;
}

article section#menu ul.menuList li.campaign01 a dl dd p + p{
    margin-left: 20px;
}

article section#menu ul.menuList li.campaign01 a dl dd p > span{
    font-size: 86%;
}

article section#menu ul.menuList li.campaign01 p.arrowArea{
    position: relative;
    margin-bottom: 40px;
    text-align: center;
}

article section#menu ul.menuList li.campaign01 p.arrowArea span{
    background: #001043;
    padding: 20px 40px;
    text-align: center;
    color: #fff;
    border-radius: 10px;
    display: inline-block;
}

article section#menu ul.menuList li.campaign01 p.arrowArea::before{
    content: "";
    position: absolute;
    left: 50%;
    box-sizing: border-box;
    border: 50px solid transparent;
    border-top: 20px solid #001043;
    top: 100%;
    transform: translateX(-50%);
}

/*――――――――――――――――――――
	試合
――――――――――――――――――――*/

article section#match{
    background: url("../img/match_back01.jpg") no-repeat center;
    background-size: cover;
}

article section#match p{
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
}

article section#match p + p{
    margin-top: 10px;
}

article section#match p.mainText > span{
    display: inline-block;
}
article section#match p.mainText > span + span{
    margin-left: 15px;
}

/*――――――――――――――――――――
	プレゼント
――――――――――――――――――――*/

article section#present{
    background: url("../img/present_back01.jpg");
}

article section#present .inner{
    width: 100%;
    max-width: 100%;
}

article section#present .inner .column2Box{
    line-height: 2em;
}

article section#present .inner .column2Box .imgBox{
    box-shadow: 7px 7px 5px rgba( 0, 0, 0, .1 );
}

article section#present .inner .column2Box .textBox dl.about{
    margin-top: 20px;
    border: 1px solid #bc8477;
    background: rgba( 255, 255, 255, .6 );
    padding: 20px;
    box-sizing: border-box;
}

article section#present .inner .column2Box .textBox dl.about dt{
    background: #002985;
    width: 7em;
}
article section#present .inner .column2Box .textBox dl.about dd{
    width: calc( 100% - 7em );
}

/*――――――――――――――――――――
	グルメ無料
――――――――――――――――――――*/

article section#foodFree{
    background: url("../img/event_back01.jpg") center;
    background-size: cover;
}

/*article section#foodFree{
    background: #fff;
    background-size: cover;
}*/

article section#foodFree h2 span.main span{
    color: #d98d26;
}

article section#foodFree dl.about{
    border: 1px solid #bc8477;
    background: rgba( 255, 255, 255, .6 );
    padding: 20px;
    box-sizing: border-box;
}

article section#foodFree dl.about dt{
    width: 10em;
}
article section#foodFree dl.about dd{
    width: calc( 100% - 10em );
}
    
article section#foodFree .inner ul.foodfreeList{
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap; 
}

article section .inner ul li .detailBox{
    font-size: 90%;
}

article section .inner ul li .detailBox > * + *{
    margin-top: 10px
}

/*――――――――――――――――――――
	キャンペーン（プロスポーツ応援）
――――――――――――――――――――*/

article section#campaign01{
    background: #e0dfda url("../img/campaign01_back01.jpg") no-repeat left center;
    background-size: cover;
}

article section#campaign01 h3{
    font-weight: bold;
    font-size: 150%;
}

article section#campaign01 p.imgBox{
    text-align: center;
}

article section#campaign01 .detailBox{
    max-width: 100%;
    background: #fff;
    margin-top: 20px;
    box-sizing: border-box;
}
article section#campaign01 .detailBox h4{
    background: #002985;
    padding: 10px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    box-sizing: border-box;
}
article section#campaign01 .detailBox h4 span{
    margin-left: 5px;
    border-radius: 50px;
    padding: 2px 10px;
    background: #fff;
    color: #002985;
    font-size: 50%;
    font-weight: normal;
    vertical-align: middle;
    box-sizing: border-box;
}

article section#campaign01 .detailBox .textArea{
    padding: 15px 15px 20px;
}

article section#campaign01 .detailBox .textArea dl.about{
	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

article section#campaign01 .detailBox .textArea dl.about dt{
    width: 12em;
    padding: 2px .5em;
    box-sizing: border-box;
    font-size: 86%;
    background: #003084;
    color: #fff;
    text-align: center;
}
article section#campaign01 .detailBox .textArea dl.about dd{
    width: calc( 100% - 11em );
    padding-left: 1em;
    box-sizing: border-box;
    line-height: 1.8em;
    box-sizing: border-box;
}
article section#campaign01 .detailBox .textArea dl.about dd strong{
    font-size: 150%;
    margin-left: 5px;
}
article section#campaign01 .detailBox .textArea dl.about dd span{
    border-bottom: 3px dotted #ebc75f;
}
article section#campaign01 .detailBox .textArea dl.about dt:nth-of-type(n+2),
article section#campaign01 .detailBox .textArea dl.about dd:nth-of-type(n+2){
    margin-top: 10px;
}

article section#campaign01 .inner > .attentionList{
    background: rgba( 255, 255, 255, .6);
    padding: 10px;
    box-sizing: border-box;
}

/*――――――――――――――――――――
	キャンペーン（LINEスタンプ）
――――――――――――――――――――*/

article section#campaign02{
    background: url("../img/goods_back01.jpg") no-repeat;
    background-size: cover;
}

article section#campaign02 .imgBox{
    text-align: center;
}

article section#campaign02 dl.about dt{
    width: 6em;
}
article section#campaign02 dl.about dd{
    width: calc( 100% - 6em );
}

/*――――――――――――――――――――
	イベント
――――――――――――――――――――*/

article section#event{
    background: url("../img/event_back01.jpg") center;
    background-size: cover;
}

article section ul.eventList li .titleBox p strong{
    font-weight: 300;
}

article section ul.eventList li .detailBox{
    margin-top: 20px;
    border: 1px solid #bc8477;
    background: rgba( 255, 255, 255, .6 );
}
article section ul.eventList li:nth-child(3n-1) .detailBox{
    border-color: #cf7272;
}
article section ul.eventList li:nth-child(3n) .detailBox{
    border-color: #e8c57e;
}

article section ul.eventList li .detailBox h4{
    font-size: 120%;
    font-weight: 500;
}

/*――――――――――――――――――――
	チケット
――――――――――――――――――――*/

article section#ticket{
    background: url("../img/ticket_back01.png") center;
}

article section#ticket .inner{
    width: 100%;
    max-width: 100%;
}

article section#ticket ul.ticketList .slick-slide > * > li {
    padding: 10px;
    box-sizing: border-box;
}

article section#ticket ul.ticketList li .detailBox{
    background: #f1f1f9;
    padding: 20px;
    box-sizing: border-box;
}

article section#ticket ul.ticketList li .detailBox h4{
    font-size: 120%;
    font-weight: bold;
}

article section#ticket ul.ticketList li .detailBox dl.about dt{
    background: #013482;
}

article section#ticket ul.ticketList li p.btn{
    margin-top: 0 !important;
}
article section#ticket ul.ticketList li p.btn a{
    padding: 5px;
    font-size: 110%;
    width: 100%;
    max-width: 100%;
    border-radius: 0 0 5px 5px;
    background: #013482;
}

article section#ticket .mvDots{
    margin: 20px auto 0;
}
article section#ticket .mvDots li button{
    width: 40px;
}

/*――――――――――――――――――――
	グッズ
――――――――――――――――――――*/

article section#goods{
    background: url("../img/goods_back01.jpg") no-repeat;
    background-size: cover;
}

article section#goods .goodsList li{
    background: #fffdec;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
}

article section#goods .goodsList li p.imgBox img{
    width: 100%;
}

article section#goods .goodsList li .detailBox{
    padding: 20px;
}

article section#goods .goodsList li .detailBox h4{
    font-size: 29px;
    font-weight: bold;
    line-height: 1em;
}

article section#goods .goodsList li .detailBox > * + *{
    margin-top: 20px;
}

article section#goods .goodsList li .detailBox dl.about dt{
    width: 6em;
    background: none;
    border: 1px solid #004098;
    color: #004098;
}
article section#goods .goodsList li .detailBox dl.about dd{
    width: calc( 100% - 6em );
}

/*――――――――――――――――――――
	フード
――――――――――――――――――――*/

article section#food{
    background: url("../img/goods_back01.jpg") center;
    background-size: cover;
}

article section#food h2 span.main span{
    color: #004098;
}

article section .inner ul.foodList{
	display: -ms-flexbox;
	display: flex;
    flex-wrap: wrap;
}

article section .inner ul.foodList li{
    border: 1px solid #e89b3c;
    background: #fffeec;
    padding: 20px;
    box-sizing: border-box;
}

article section .inner ul.foodList li.limited{
    background: #fef6f1;
    border-color: #915a41;
}

article section .inner ul.foodList li > * + *{
    margin-top: 10px;
}

article section .inner ul.foodList li h4{
    color: #e89b3c;
    font-weight: bold;
    text-align: center;
    font-size: 115%;
}

article section .inner ul.foodList li.limited h4{
    color: #915a41;
}

article section .inner ul.foodList li h4 span{
    color: #fff;
    background: #e89b3c;
    font-size: 80%;
    padding: 0 5px;
    margin-right: 5px;
}

article section .inner ul.foodList li.limited h4 span{
    background: #915a41;
}

article section .inner ul.foodList li .imgBox{
    text-align: center;
}

article section .inner ul.foodList li .detailBox{
    font-size: 90%;
}

article section .inner ul.foodList li.limited .detailBox dl.about dt{
    background: #915a41;
}

/*――――――――――――――――――――
	ブース
――――――――――――――――――――*/
article section#booth {
	background: url("../img/present_back01.jpg");
    padding-top: 40px;
}

article section#booth {
	/*background: #423A67;
	font-weight: bold;*/
}
article section#booth .mainText,
article section#booth .subText{
	color: #fff;
}
article section#booth h2{
    color: #fff;
}

article section#booth ul.boothList {
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
article section#booth ul.boothList > li {
	display: block;
	background: #fff;
	border-radius: 10px;
	color: #013481;
	position: relative;
}
article section#booth ul.boothList > li .detailBox {
	padding: 20px;
	font-size: 90%;
    border-top: 1px solid #000;
    box-sizing: border-box;
}
article section#booth ul.boothList > li .imgBox img {
	border-radius: 10px 10px 0 0;
}
article section#booth ul.boothList > li .detailBox h4 {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	font-size: 110%;
}
article section#booth ul.boothList > li .detailBox p {
	font-size: 90%;
}
article section#booth ul.boothList > li .detailBox > * + *{
	margin-top: 10px;
}
article section#booth ul.boothList > li .detailBox p.textLink {
	font-size: 80%;
	text-align: right;
	position: absolute;
	bottom: 20px;
	right: 20px;
}
article section#booth ul.boothList > li .detailBox .attentionList{
    font-size: 90%;
}
/*――――――――――――――――――――
	フッター
――――――――――――――――――――*/

footer .bnrArea{
    background: #014099;
    color: #fff;
}

footer .bnrArea h3{
    font-size: 150%;
    text-align: center;
    margin: 0 auto 30px;
}
    
footer .bnrArea ul.bnrList{
    margin: 0 auto;
}

footer{
    width: 100%;
}
footer .link a{
    display: block;
    width: 100%;
    padding: 10px;
    text-align: center;
    background: #efd743;
    color: #000;
    font-size: 130%;
    font-weight: bold;
    box-sizing: border-box;
    transition: all .3s;
}
footer .link a:hover{
    opacity: .6;
}
footer > .inner {
    width: 100%;
    max-width: 100%;
    background: #000;
	text-align: center;
	padding: 50px;
	font-size: 12px;
	color: #fff;
    box-sizing: border-box;
}
footer .inner p.logo {
	width: 188px;
	margin: 0 auto 30px;
}
footer .inner small {
	font-size: 11px;
	margin-top: 10px;
	display: inline-block;
}


/*――――――――――――――――――――　PC　――――――――――――――――――――*/
@media screen and (min-width: 768px) {
    
	.displaySP {
		display: none;
	}
    
	/*――――――――――――――――――――
        全体系
    ――――――――――――――――――――*/
    
	body {
		min-width: 1260px;
	}
	.inner {
		padding: 80px 0;
	}
    .inner .innerBox{
        width: 800px;
        margin: 30px auto 0;
    }
    
	/*――――――――――――――――――――
        コンテンツ
    ――――――――――――――――――――*/
	
    article section .inner h2 {
	    font-size: 30px;
	}

    article section .inner > p,
    article section .innerBox > p{
        text-align: center;
    }

    article section .inner > * + *,
    article section .inner .innerBox > * + *{
        margin-top: 40px;
    }

    article section * + p.btn{
        margin-top: 40px !important;
    }

    article section p.btn a{
        font-size: 25px;
    }

    article section .inner dl.dlTable dt,
    article section .inner dl.dlTable dd{
        margin-top: -1px;
    }

    article section .inner dl.dlTable dt{
        width: 20%;
    }
    article section .inner dl.dlTable dd{
        width: 80%;
        margin-left: -1px;
    }
    article section .inner dl.about dt:first-of-type,
    article section .inner dl.about dd:first-of-type{
        margin-top: 0;
    }
    
	/*――――――――――――――――――――
        ヘッダー
    ――――――――――――――――――――*/
    
    header .inner {
		width: 100%;
		max-width: 100%;
		padding: 0;
		position: relative;
	}

	header h1 {
		width: 100%;
	}
    
	header p.logo {
		position: absolute;
		top: 10px;
		left: 10px;
		max-width: 10%;
	}

    /*――――――――――――――――――――
        メニュー
    ――――――――――――――――――――*/
    
    article section#menu .inner .titleImg{
        width: 1000px;
        margin: -90px auto 0;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 1;
    }
    article section#menu .inner .titleImg p{
        width: 160px;
    }
    article section#menu .inner .titleImg p:first-child{
        margin-top: -20px;
    }

    article section#menu ul.menuList{
        padding: 20px;
    }

    article section#menu ul.menuList li a{
        padding: 60px 50px 50px;
        box-sizing: border-box;
    }

    article section#menu ul.menuList li:nth-child(1) a,
    article section#menu ul.menuList li:nth-child(2) a{
        padding-top: 100px;
    }

    article section#menu ul.menuList li a h3{
        font-size: 200%;
    }
    
    article section#menu ul.menuList li.present a{
        background: url("../img/present_img01.jpg") center top -1px;
        background-size: cover;
    }
    article section#menu ul.menuList li.goods .imgBox{
        position: absolute;
        right: 10px;
        bottom: 0;
        width: 46%;
        display: -ms-flexbox;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
    }
    
    article section#menu ul.menuList li.campaign01 a{
        padding: 40px 20px;
        box-sizing: border-box;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    
    article section#menu ul.menuList li.campaign01 a .imgBox{
        width: calc( 100% - 960px );
        height: 400px;
        position: relative;
        overflow: hidden;
        text-align: center;
    }
    article section#menu ul.menuList li.campaign01 a p.imgBox img{
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
    
    article section#menu ul.menuList li.campaign01 a dl{
        width: 900px;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap; 
        align-items: center;
        justify-content: space-between;
    }

    article section#menu ul.menuList li.campaign01 a dl dt{
        width: 28%;
    }
    article section#menu ul.menuList li.campaign01 a dl dd{
        width: 72%;
        margin-left: 28%;
    }
    article section#menu ul.menuList li.campaign01 a dl dt + dd{
        margin-left: 0;
    }
    article section#menu ul.menuList li.campaign01 a dl dt:nth-of-type(n+2),
    article section#menu ul.menuList li.campaign01 a dl dd:nth-of-type(n+2){
        margin-top: 20px;
    }
    article section#menu ul.menuList li.campaign01 a dl dd strong > span{
        font-size: 40%;
    }
    article section#menu ul.menuList li.campaign01 a dl dd p > span{
        margin: 0 5px;
        font-size: 90%;
    }

    article section#menu ul.menuList li.campaign01 p.arrowArea span{
        font-size: 120%;
    }
    article section#menu ul.menuList li.campaign01 p.arrowArea span strong{
        font-size: 140%;
    }

    /*――――――――――――――――――――
        試合
    ――――――――――――――――――――*/

    article section#match p.mainText{
        font-size: 50px;
    }

    /*――――――――――――――――――――
        プレゼント
    ――――――――――――――――――――*/

    article section#present .inner > * + *{
        margin-top: 80px;
    }

    article section#present .inner .column2Box{
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    article section#present .inner .column2Box{
        width: 800px;
        margin: 80px auto 0;
    }

    /*article section#present .inner .column2Box .imgBox{
        width: 43%;
    }
    article section#present .inner .column2Box .textBox{
        width: 52%;
    }*/

    /*――――――――――――――――――――
        グルメ無料
    ――――――――――――――――――――*/
    
    article section#foodFree .inner{
        padding: 140px 0 80px;
    }
    
    article section#foodFree .inner h2{
        position: relative;
        z-index: 2;
    }
    
    article section#foodFree .inner .titleImg{
        width: 1000px;
        margin: -130px auto 0;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        position: relative;
        z-index: 1;
    }
    article section#foodFree .inner .titleImg p{
        width: 200px;
    }
    article section#foodFree .inner .titleImg p:nth-child(2){
        margin-top: -30px;
    }
    
    article section#foodFree .inner ul.foodfreeList li{
        width: 32%;
        margin-right: 2%;
    }
    article section#foodFree .inner ul.foodfreeList li:nth-child(3n){
        margin-right: 0;
    }
    article section#foodFree .inner ul.foodfreeList li:nth-child(n+4){
        margin-top: 20px;
    }

    /*――――――――――――――――――――
        キャンペーン（プロスポーツ応援）
    ――――――――――――――――――――*/

    article section#campaign01{
    }

    article section#campaign01 .detailArea{
        width: 800px;
        margin: 0 auto;
    }

    article section#campaign01 .detailArea .detailBox{
        width: 100%;
    }
    article section#campaign01 .detailArea .detailBox:last-child{
        margin-top: 10px;
    }
    
    article section#campaign01 ul.attentionList{
        width: 800px;
        margin: 20px auto 0;
    }

    /*――――――――――――――――――――
        キャンペーン（LINEスタンプ）
    ――――――――――――――――――――*/
    

    /*――――――――――――――――――――
        イベント
    ――――――――――――――――――――*/

    article section ul.eventList{
        width: 800px;
        margin: 0 auto;
    }    

    article section ul.eventList li .titleBox{
        text-align: center;
        font-size: 150%;
    }
    
    article section ul.eventList li + li{
        margin-top: 40px;
    }
    article section ul.eventList li > *{
        box-sizing: border-box;
    }
    article section ul.eventList li .imgBox img{
        width: 100%;
    }
    article section ul.eventList li .titleBox h3{
        font-size: 50px;
    }
    article section ul.eventList li .detailBox{
        padding: 30px;
    }
    
    article section ul.eventList li .detailBox dl.about dt{
        width: 6em;
    }
    article section ul.eventList li .detailBox dl.about dd{
        width: calc( 100% - 6em );
    }

    /*――――――――――――――――――――
        チケット
    ――――――――――――――――――――*/

    article section#ticket .presentBox{
        display: -ms-flexbox;
        display: flex;
        max-width: 760px;
        margin: 30px auto;
    }

    article section#ticket .presentBox p.imgBox{
        width: 55%;
    }

    article section#ticket .presentBox .detailBox{
        width: 55%;
        margin-left: -10%;
    }

    article section#ticket ul.ticketList{
        margin: 80px auto 60px;
    }

    article section#ticket ul.ticketList .slick-slide > * > li {
        padding: 20px;
    }

    article section#ticket ul.ticketList li .detailBox dl.about dt{
        width: 100%;
    }

    article section#ticket ul.ticketList li .detailBox dl.about dd{
        width: 100%;
        margin-top: 0;
        padding: 0;
    }

    /*――――――――――――――――――――
        グッズ
    ――――――――――――――――――――*/
    
    article section#goods .goodsList{
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    article section#goods .goodsList li{
        width: 40%;
    }

    /*――――――――――――――――――――
        グルメ
    ――――――――――――――――――――*/

    article section .inner ul.foodList li{
        width: 31%;
        margin-right: 3.5%;
    }
    article section .inner ul.foodList li:nth-child(3n){
        margin-right: 0;
    }
    article section .inner ul.foodList li:nth-child(n+4){
        margin-top: 30px;
    }

	/*――――――――――――――――――――
        ブース
    ――――――――――――――――――――*/
	article section#booth ul.boothList > li {
		width: 48%;
		margin-right: 4%;
	}
	article section#booth ul.boothList > li:nth-child(2n) {
		margin-right: 0;
	}
	article section#booth ul.boothList > li:nth-child(n+3) {
		margin-top: 30px;
	}
	article section#booth ul.boothList > li .imgBox img {
		width: 100%;
	}

	article section#booth ul.boothList > li .imgBox img {
		width: 100%;
	}
    /*――――――――――――――――――――
        フッター
    ――――――――――――――――――――*/
    
    footer .bnrArea ul.bnrList{
        width: 600px;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
    }
    
    footer .bnrArea ul.bnrList li{
        width: 46%;
    }
    footer .bnrArea ul.bnrList li:nth-child(n+3){
        margin-top: 20px;
    }

}
/*――――――――――――――――――――　//PC　――――――――――――――――――――*/

/*――――――――――――――――――――　SP　――――――――――――――――――――*/
@media screen and (max-width: 767px) {

    .displayPC {
		display: none;
	}
    
	/*――――――――――――――――――――
        全体系
    ――――――――――――――――――――*/
    
	.inner {
		padding: 50px 0;
	}
    .inner .innerBox{
        width: 90%;
        margin: 30px auto 0;
    }

	/*――――――――――――――――――――
        ヘッダー
    ――――――――――――――――――――*/
    
	header .inner {
		width: 100%;
		max-width: 100%;
		padding: 0;
		position: relative;
	}
    
	header h1 {
		width: 100%;
	}
    
	header p.logo {
		position: absolute;
		top: 10px;
		left: 10px;
		max-width: 10%;
	}

    /*――――――――――――――――――――
        チケットボタン
    ――――――――――――――――――――*/
    
	p.ticketBtn {
		width: 300px;
		left: 50%;
		transform: translateX(-50%);
	}
	p.ticketBtn a {
		width: 280px;
		font-size: 110%;
		padding: 10px;
	}
    
	/*――――――――――――――――――――
        コンテンツ
    ――――――――――――――――――――*/
	
    article section .inner h2 {
	    font-size: 24px;
        letter-spacing: -.1em;
	}
	
    article section .inner h2 span.main{
        font-size: 200%;
        letter-spacing: 0;
    }
    
    article section h2 > span > b{
        left: 10px;
    }
	
    article section .inner h3 {
	    font-size: 20px;
	}

    article section .inner > * + *,
    article section .inner .innerBox > * + *{
        margin-top: 30px;
    }

    article section * + p.btn{
        margin-top: 40px !important;
    }

    article section p.btn a{
        font-size: 18px;
    }
    
    article section .inner dl.dlTable dt,
    article section .inner dl.dlTable dd{
        width: 100%;
        margin-top: -1px;
    }
    article section .inner dl.dlTable dt:first-child{
        margin-top: 0;
    }

    /*――――――――――――――――――――
        メニュー
    ――――――――――――――――――――*/
    
    article section#menu .inner h2{
        position: relative;
        z-index: 1;
    }
    
    article section#menu .inner .titleImg{
        width: 95%;
        height: 100%;
        margin: 0 auto;
        top: 40px;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        position: absolute;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
    }
    article section#menu .inner .titleImg p{
        width: 20%;
    }
    article section#menu .inner .titleImg p:nth-child(2){
        margin-top: -20px;
    }

    article section#menu ul.menuList{
        padding: 0 20px;
    }

    article section#menu ul.menuList li:not(:last-child) a{
        padding: 60px 10px 20px;
        text-align: center;
        min-height: 170px;
    }
    
    article section#menu ul.menuList li a p.number{
        width: 42px;
    }
    article section#menu ul.menuList li a p.number::after {
        border-left: 21px solid #0059a5;
        border-right: 21px solid #0059a5;
        border-bottom: 6px solid transparent;
    }
    article section#menu ul.menuList li a p.number span{
        font-size: 150%;
    }

    article section#menu ul.menuList li a .detailBox{
        font-size: 90%;
        position: absolute;
        bottom: 20px;
        box-sizing: border-box;
        width: 90%;
        left: 50%;
        transform: translateX(-50%);
    }
    
    article section#menu ul.menuList li a h3{
        font-size: 117%;
        letter-spacing: 0;
    }

    article section#menu ul.menuList li a .detailBox p{
        font-size: 70%;
        padding: 2px 6px;
    }
    
    article section#menu ul.menuList li.goods .imgBox{
        position: absolute;
        right: 0;
        bottom: calc( 100% + 10px );
        display: -ms-flexbox;
        display: flex;
        align-items: flex-end;
        justify-content: space-between;
        height: 50px;
    }
    article section#menu ul.menuList li.goods .imgBox p{ height: 100%; }
    article section#menu ul.menuList li.goods .imgBox p img{ max-height: 100%; }
    
    article section#menu ul.menuList li.campaign02 a{
        background-size: auto 30%;
        background-position: top 10px right;
    }
    
    article section#menu ul.menuList li.campaign01 a{
        padding-top: 10px;
    }
    article section#menu ul.menuList li.campaign01 a .imgBox{
        margin: -10px -20px 20px;
        height: 120px;
        background: url("../img/menu_img01.jpg") center bottom 30%;
        background-size: 100% auto;
    }
    article section#menu ul.menuList li.campaign01 a .imgBox img{ display: none; }
    article section#menu ul.menuList li.campaign01 a dl dt{
        font-size: 130%;
    }
    article section#menu ul.menuList li.campaign01 a dl dd + dt{
        margin-top: 20px;
    }
    article section#menu ul.menuList li.campaign01 a dl dd p{
        margin-top: 5px;
        font-size: 80%;
    }
    article section#menu ul.menuList li.campaign01 a dl dd strong{
        font-size: 170%;
        padding: 0 5px;
    }
    article section#menu ul.menuList li.campaign01 a dl dd strong > span{
        font-size: 60%;
    }
    article section#menu ul.menuList li.campaign01 a dl dd p > span{
        font-size: 70%;
        display: block;
    }

    article section#menu ul.menuList li.campaign01 p.arrowArea span{
        font-size: 90%;
    }
    article section#menu ul.menuList li.campaign01 p.arrowArea span strong{
        font-size: 120%;
    }

    /*――――――――――――――――――――
        試合
    ――――――――――――――――――――*/

    article section#match p{
        font-size: 24px;
    }

    article section#match p.mainText{
        font-size: 40px;
    }

    /*――――――――――――――――――――
        プレゼント
    ――――――――――――――――――――*/
    
    article section#present .inner .column2Box{
        line-height: 1.5em;
    }
    
    article section#present .column2Box .imgBox{
        width: 80%;
        margin: 0 auto 20px;
    }

    /*――――――――――――――――――――
        グルメ無料
    ――――――――――――――――――――*/
    
    article section#foodFree .inner .titleImg{;
    }
    article section#foodFree .inner .titleImg p{
        width: 60%;
    }
    article section#foodFree .inner .titleImg p:nth-child(2){
        margin: 0 0 0 auto;
        margin-top: -100px;
    }
    
    article section#foodFree .inner ul.foodfreeList{
        margin-top: 30px;
    }
    
    article section#foodFree .inner ul.foodfreeList li{
        width: 49%;
        margin-right: 2%;
    }
    article section#foodFree .inner ul.foodfreeList li:nth-child(2n){
        margin-right: 0;
    }
    article section#foodFree .inner ul.foodfreeList li:nth-child(n+3){
        margin-top: 10px;
    }

    /*――――――――――――――――――――
        キャンペーン（プロスポーツ応援）
    ――――――――――――――――――――*/

    article section#campaign01{
    }

    article section#campaign01 .detailBox .textArea dl.about dt,
    article section#campaign01 .detailBox .textArea dl.about dd{
        width: 100%;
    }
    article section#campaign01 .detailBox .textArea dl.about dd{
        padding-left: 0;
        margin-top: 5px !important;
    }
    article section#campaign01 .detailBox .textArea dl.about dd + dt{
        margin-top: 20px !important;
    }

    /*――――――――――――――――――――
        イベント
    ――――――――――――――――――――*/

    article section ul.eventList li{
        width: 100%;
    }
    article section ul.eventList li + li{
        margin-top: 30px;
    }
    article section ul.eventList li .titleBox h3{
        font-size: 35px;
    }
    article section ul.eventList li:nth-child(even) h3{
        text-align: right;
    }
    article section ul.eventList li .detailBox{
        padding: 20px;
    }

    /*――――――――――――――――――――
        チケット
    ――――――――――――――――――――*/

    article section#ticket .presentBox p.imgBox{
        width: 80%;
        margin: 0 auto;
    }

    article section#ticket .presentBox .detailBox{
        margin-top: -20px;
    }

    article section#ticket .presentBox .detailBox h4{
        font-size: 28px;
    }

    article section#ticket ul.ticketList li .detailBox dl.about dt,
    article section#ticket ul.ticketList li .detailBox dl.about dd{
        width: 100%;
        margin: 0;
    }
    article section#ticket ul.ticketList li .detailBox dl.about dd{
        padding: 0;
    }
    article section#ticket ul.ticketList li .detailBox dl.about dd + dt{
        margin-top: 10px;
    }
    article section#ticket .mvDots{
        margin-top: 10px;
    }
    article section#ticket .mvDots li{
        margin-top: 10px;
    }

    /*――――――――――――――――――――
        グッズ
    ――――――――――――――――――――*/
    
    article section#goods .goodsList li + li{
        margin-top: 30px;
    }

    /*――――――――――――――――――――
        グルメ
    ――――――――――――――――――――*/

    article section .inner ul.foodList li{
        width: 90%;
        margin: 0 auto;
    }

    article section .inner ul.foodList li + li{
        margin-top: 30px;
    }

	/*――――――――――――――――――――
        ブース
    ――――――――――――――――――――*/
    article section#booth {
        padding-top: 25px;
    }
	article section#booth .inner {
		padding: 50px 0 100px;
	}
	article section#booth ul.boothList > li {
		width: 100%;
	}
	article section#booth ul.boothList > li + li {
		margin-top: 20px;
	}
	article section#booth ul.boothList > li .imgBox img {
		width: 100%;
	}

	/*――――――――――――――――――――
        フッター
    ――――――――――――――――――――*/
    
    article section:last-of-type .inner{
        padding-bottom: 90px;
    }
    
    footer .bnrArea ul.bnrList{
        width: 60%;
    }
    
    footer .bnrArea ul.bnrList li + li{
        margin-top: 20px;
    }
    
    footer .link a{
        font-size: 110%;
    }
	footer p.logo {
		width: 140px;
		margin: 0 auto 20px;
	}
    
}
/*――――――――――――――――――――　//SP　――――――――――――――――――――*/