@charset"utf-8";

.match_landing{width:1200px;}
ul.match_icons{margin-bottom:20px;text-align:center;}
ul.match_icons li{display:inline-block;width:100px;padding-right:8px;}
ul.match_icons li img{max-width:100%;}

#main.lp h2{background-color:#ed6c00;color:#fff;padding:0.5em 0.5em 0.3em;font-size:20px;line-height:100%;border:none;}
#main.lp ul{width:100%;}
#main.lp ul li{display:inline-block;vertical-align:top;width:280px;padding:0 8px;margin:20px auto 24px;}
#main.lp ul li h3{font-size:18px;font-weight:normal;line-height:24px;height:auto;color:#ed6c00;background:none;padding-bottom:20px;margin:0;}
#main.lp ul li img{max-width:100%;padding-bottom:8px;}
#main.lp ul li span{color:#1e1e1e;display:inline;font-size:12px;line-height:18px;}
#main.lp ul li span.more{font-size:12px;padding:0;}
#main.lp ul li span.more img{vertical-align:middle;}

#main.lp #matchcontents{width:100%;overflow:hidden;position:relative;}
#main.lp #matchcontents .matchcontents{margin:0 4px;width:1192px;position:relative;overflow:hidden;}
#main.lp #matchcontents ul{width:200%;}
#main.lp #matchcontents .matchPrev,
#main.lp #matchcontents .matchNext{position:absolute;top:40%;cursor:pointer;width:40px;height:40px;opacity:0.9;display:none;}
#main.lp #matchcontents .matchPrev{left:0px;}
#main.lp #matchcontents .matchNext{right:0px;}

#main.lp .tline_stream {height:226px;margin:20px 4px 24px 4px;font-size:0;line-height:0;overflow:hidden;position:relative;}
#main.lp #timeline .tline_stream{margin-top:16px;}
#main.lp .tline_stream .tline_box a{text-decoration:none;}
#main.lp .tline_stream .hover a    {background:linear-gradient(#ed6c00,#ed6c00) no-repeat;background-position:0 1.1em;background-size:100% 1px;}
#main.lp .tline_stream .tline_stream_area{position:absolute;top:0;left:0;height:226px;}
#main.lp .tline_stream .tline_box{display:inline-block;vertical-align:top;width:280px;height:226px;padding:0 8px;cursor:pointer;position:relative;}
#main.lp .tline_stream .tline_box_image   {display:block;width:280px;height:158px;}
#main.lp .tline_stream .tline_box_image_icon{position:absolute;top:106px;}
#main.lp .tline_stream .tline_box_title   {margin-top:12px;font-size:14px;line-height:18px;color:#1e1e1e;}
#main.lp .tline_stream .tline_box_title a {color:#1e1e1e;}
#main.lp .tline_stream .tline_box_time    {position:absolute;bottom:0;left:0px;font-size:10px;line-height:14px;color:#505050;}
#main.lp .tline_{position: relative;}
#main.lp .tline_ .tline_prev,
#main.lp .tline_ .tline_next{position:absolute;z-index:100;cursor:pointer;height:40px;}
#main.lp .tline_ .tline_prev{left:0;}
#main.lp .tline_ .tline_next{right:0;}

.match_landing #foot_banner{display:block;z-index:180;width:100%;position:fixed;left:0;bottom:10px;text-align:center;}
.match_landing #foot_banner img{width:30%;}
.match_landing #foot_banner_close{display:block;z-index:180;width:26px;height:26px;border-radius:13px;position:fixed;left:-2000px;bottom:10px;text-align:center;color:#fff;font-size:26px;line-height:26px;cursor:pointer;}
.match_landing #foot_banner_close::after{content:"×";}
.match_landing #foot_banner_close.home{background-color:#004077;}
.match_landing #foot_banner_close.away{background-color:#000;}

@media only screen and (max-width: 1120px){
  .match_landing{width:100%;}
  ul.match_icons{width:98%;padding:0 1%;}
  ul.match_icons li{display:inline-block;width:24%;padding:0 0.5%;}
  #main.lp ul li a{position:relative;}
  #main.lp ul li img{padding-bottom:0;}
  #main.lp ul li span{display:inline-block;padding:8px 0 20px;height:3em;}
  #main.lp ul li span.more{position:absolute;right:0;bottom:0;height:auto;font-size:12px;padding:0;}
  #main.lp #matchcontents .matchcontents{width:100%;margin:0;}
  #main.lp ul,
  #main.lp #matchcontents ul{margin:0 auto;width:92.5%;padding:0 3.75%;margin-bottom:2em;}
  #main.lp #matchcontents .matchPrev,
  #main.lp #matchcontents .matchNext{display:none;right:10000px;}
  #main.lp ul li,
  #main.lp #matchcontents ul li{display:inline-block;vertical-align:top;width:48%;padding:0;margin:2em 0 0;}
  #main.lp ul li:nth-child(odd),
  #main.lp #matchcontents ul li:nth-child(odd){margin-left:0;margin-right:4%;}

  #main.lp ul li h3{margin-left:0;font-size:14px;line-height:20px;padding:0 0 20px;}
  #main.lp ul li h3.dmp{font-size:13px;letter-spacing:-1.5px;line-height:19.8px;}
  .tline_prev, .tline_next{display: none!important;}
  #main.lp .tline_stream {margin: 2.5% 0 24px 2.5vw;}
  #main.lp .tline_stream .tline_box {width: 44vw;padding: 0;margin-right: 2.5vw;}
  #main.lp .tline_stream .tline_box_image {width: 100%;}
  .match_landing #foot_banner img{width:100%;max-width:480px;margin-bottom:1%;}
  
}
@media only screen and (max-width: 480px){
  #main.lp .tline_stream {margin: 3.75vh 0 24px 3.75vw;}
  #main.lp .tline_stream .tline_box {width: 75vw;padding: 0;margin-right: 3.75vw;}
  #main.lp .tline_stream .tline_box_image {width: 100%;}
}

#main ul.gourmet{width:100%;margin:0 auto 20px;}
#main ul.gourmet li{margin-bottom:30px;width:100%;}

#main .gourmetinfo .AccordionArea{margin-bottom:40px!important;}
#main .gourmetinfo .AccordionZone{margin-top:20px!important;}
#main .gourmetinfo .AccordionHead{background-color:#fff;font-size:13px;padding:6px 0 5px;border:#ccc 1px solid;color:#333;line-height:1.3rem;height:auto;text-align:center;position:relative;}
#main .gourmetinfo .AccordionSymbol{position:absolute;top:3px;right:1em;font-weight:normal;border:none;margin:0;font-size:24px;line-height:24px;}
#main .gourmetinfo .AccordionSymbol:before{content: "＋";}
#main .gourmetinfo .AccordionSymbol.open{transform:none;}
#main .gourmetinfo .AccordionSymbol.open:before{content: "－";}
#main .gourmetinfo .AccordionText p{padding-top:10px;}
#main table.shopinfo{border:1px solid #ccc;}
#main table.shopinfo th,
#main table.shopinfo td{border:1px solid #ccc;padding:3px;}
#main table.shopinfo td{text-align:left;color:#000;background-color:#fff;vertical-align:top;}
.gourmetinfo .buttonOne{margin-top:20px!important;}
@media only screen and (max-width: 1120px){
  #main ul.gourmet{width:calc(100% - 7.2%);}
  #main ul.gourmet p{margin:0;}
  #main .gourmetinfo .AccordionArea{margin-top:-40px!important;}
  #main .gourmetinfo .AccordionZone{margin: 10px auto 20px;width: calc(100% - 7.2%);}
}

#main ul.eventinfo{width:100%;margin:40px auto;}
#main ul.eventinfo li{width:100%;margin-bottom:30px;}
#main ul.eventinfo li a,
#main ul.eventinfo li a:hover{color:#000;}
#main ul.eventinfo li h3{font-size:18px;line-height:24px;color:#ed6c00;font-weight:normal;margin-bottom:10px;line-height:110%;}
#main ul.eventinfo li h3 small{font-size:12px;}
#main ul.eventinfo li img{width:100%;max-width:100%;padding:0;}
#main ul.eventinfo li span{color:#1e1e1e;display:inline-block;height:3em;padding-top:0.5em;font-size:14px;}
#main ul.eventinfo li span.text{height:auto;padding-top:0;font-size:inherit;}
#main ul.eventinfo li span.more{width:100%;height:auto;text-align:right;font-size:12px;}
#main ul.eventinfo li span.more img{vertical-align:middle;width:auto;}
#main ul.eventinfo li ul.eventlinks{margin:-50px auto -35px;}
#main ul.eventinfo li ul.eventlinks li{width:313px;margin-bottom:5px;}
#main ul.eventinfo li ul.menu{margin:-20px auto -35px;}
#main ul.eventinfo li ul.menu li{width:313px;margin-bottom:5px;}
#main ul.eventinfo li ul.menu li a:hover{color:#fff;}

.eventdetail{padding-top:20px;}
.eventdetail .share{margin-bottom:36px!important;}
.eventdetail .buttonOne a,
.eventdetail .buttonOne a:hover{background-image:none!important;}
.eventdetail h5{color:#ed6c00!important;font-size:14px!important;font-weight:bold!important;}
.eventdetail .group {width:100%;margin:20px auto 24px;}
.eventdetail .group li{margin:10px 0 15px;}
.eventdetail .group li p{display:inline-block;vertical-align:top;margin:0!important;}
.eventdetail .group .infoimage {width:120px;padding:0;text-align:center;}
.eventdetail .group .infoimage img{max-width:100%;}
.eventdetail .group .entry_title {padding:5px 0 0 0;font-size:13px;line-height:13px;text-align:left;}
.eventdetail .group .entry_title img{vertical-align:middle;padding-left:5px;}
.eventdetail .group .entry_title a{display:block;}
.eventdetail .group a:link,
.eventdetail .group a:visited {color:#333;text-decoration:none;}
.eventdetail .group a:hover,
.eventdetail .group a:active {color:#ed6c00;text-decoration:none;}
@media only screen and (min-width: 481px) and (max-width: 1120px) {
  .eventdetail .group {margin:20px 3.6% 24px;}
}
@media only screen and (max-width: 480px) {
	.eventdetail .group {margin:20px 3.6% 24px;max-width:92.8%;padding-bottom:24px;}
	.eventdetail .group .entry_title {width:100%;padding-top:0;word-break:break-word;}
  #main ul.eventinfo li ul.eventlinks{width:96%;margin:-50px 2% -35px;}
  #main ul.eventinfo li ul.eventlinks li{width:100%;margin-bottom:5px;}
  #main ul.main li ul.eventlinks{width:96%;margin:-20px 2% -35px;}
  #main ul.main li ul.eventlinks li{width:100%;margin-bottom:5px;}
}

@media only screen and (max-width: 1120px){
  #main ul.eventinfo li img{width:calc(100% - 7.2%);padding:0 3.6%;}
  #main ul.eventinfo li span.more{width:calc(100% - 7.2%);margin:0 3.6%;}
  #main ul.eventinfo li span.more img{padding:0;}
}


ul.match_ticket_contents{text-align:center;padding:0;}
ul.match_ticket_contents li{position:relative;}
ul.match_ticket_contents li.eget{width:380px;display:inline-block;vertical-align:top;padding:30px 5px 10px;height:360px;}
ul.match_ticket_contents li.other{width:230px;display:inline-block;vertical-align:top;padding:5px 0 10px;border-left:1px solid #ed6c00;}
ul.match_ticket_contents li.eget p{padding:30px 0 20px;line-height:200%;}
ul.match_ticket_contents li.eget img{max-width:80%!important;}
ul.match_ticket_contents li.seventicket,
ul.match_ticket_contents li.lineticket{padding:0 5px;}
ul.match_ticket_contents li.seventicket{padding-bottom:10px;height:190px;}
ul.match_ticket_contents li.lineticket{border-top:1px solid #ed6c00;height:189px;padding-bottom:10px;}
ul.match_ticket_contents li.lineticket img{max-width:80%!important;}

ul.match_ticket_contents li.other .buttonOne a{display:inline-block;width:70%;}
ul.match_ticket_contents li.seventicket .buttonOne{padding-bottom:0;margin:0 auto;}
ul.match_ticket_contents li.seventicket .buttonOne a{text-align:left;}

ul.match_ticket_contents li.eget .buttonOne,
ul.match_ticket_contents li.lineticket .buttonOne{position:absolute;bottom:10px;width:100%;}

@media only screen and (min-width: 641px) and (max-width: 1120px) {}
@media only screen and (max-width: 640px) {
  ul.match_ticket_contents li.eget{width:95%;display:inline-block;vertical-align:top;padding:30px 3% 10px 2%;height:auto;}
  ul.match_ticket_contents li.eget .buttonOne a{display:inline-block;width:90%;padding:6px 0px 5px 15px;}
  ul.match_ticket_contents li.other{width:95%;display:inline-block;vertical-align:top;padding:5px 3% 10px 2%;border-left:none;}
  ul.match_ticket_contents li.seventicket{border-top:1px solid #ed6c00;padding-top:10px;padding-bottom:30px;height:auto;}
  ul.match_ticket_contents li.lineticket{height:auto;}
  ul.match_ticket_contents li.eget .buttonOne,
  ul.match_ticket_contents li.lineticket .buttonOne{position:relative;bottom:auto;width:100%;}
}


#zak{padding:20px 20px;margin-bottom:10px;border:1px solid #ed6c00;}
#zak img.zak{width:150px;}
#zak #zak_share{float:right;}
#zak #zak_share img{width:34px;}
#zak ul{margin:15px 0 15px 5px;}
#zak ul li{font-size:15px;line-height:20px;margin-bottom:15px;padding-left:20px;background-image:url(../images/match/zak_li.png);background-size:auto 7px;background-repeat:no-repeat;background-position-y:5px;}
#zak ul li span{display:inline-block;width:480px;}
#zak ul li a     {color:#333;}
#zak ul li a.more{float:right;font-size:11px;}

ul.stadium_service{width:100%;margin:-15px auto 15px;}
ul.stadium_service span.stadium_service{display:block;margin-bottom:0.5em;color:#ed6c00;}
ul.stadium_service li{display:inline-block;vertical-align:top;}
ul.stadium_service li:nth-child(even){width:7%;}
ul.stadium_service li:nth-child(odd){width:21%;padding-left:5px;}
ul.stadium_service li:nth-child(3){width:18%;}
ul.stadium_service li:nth-child(5){width:14%;}
ul.stadium_service li:last-child{width:11%;}
ul.stadium_service li img{max-width:100%;}

.matchArchive h4.title01 span.withimage{display:block;line-height:30px!important;margin-bottom:0.5em;}
.matchArchive h4.title01 span.withimage img{padding-right:5px;}

hr.stadium_service{margin-top:0;border-top: 1px solid #ed6c00;}
span.stadium_service{display:inline-block;padding:10px 0;color:#ed6c00;line-height:28px;font-weight:bold;}
img.stadium_service{height:45px;padding:0 3px;}

@media only screen and (min-width: 481px) and (max-width: 1120px) {
  #zak{margin:0 0.9% 10px;}
  #zak ul{margin:15px 0;}
  #zak ul li{font-size:14.5px;}
  #zak ul li span{width:85%;}
  .main_contents #container h4.title01{margin-left:3.6%!important;margin-right:3.6%!important;}
  ul.stadium_service{width:auto;margin:-15px 3.6% 15px;}
  hr.stadium_service{margin:0 3.6% 1em;}
}
@media only screen and (max-width: 480px) {
  #zak{padding:3vw 3vw;margin:0 1% 10px;}
  #zak img.zak{width:38vw;}
  #zak #zak_share img{width:8vw;}
  #zak ul{margin:15px 0;}
  #zak ul li{padding-left:8%;font-size:14.5px;}
  #zak ul li span{width:80%;}
  #zak ul li a.more{float:right;font-size:12px;}
  ul.stadium_service{width:auto;margin:-15px 3.6% 15px;}
  ul.stadium_service li:nth-child(even){width:13%;margin-bottom:1em;}
  ul.stadium_service li:nth-child(odd){width:21%;padding-left:1%;line-height:180%;}
  ul.stadium_service li:nth-child(5),
  ul.stadium_service li:last-child{width:21%;}
  ul.stadium_service li:nth-child(3),
  ul.stadium_service li:nth-child(7){width:41%;}
  hr.stadium_service{margin:0 3.6% 1em;}
  img.stadium_service{height:35px;padding:0 2px;}
  .matchArchive h4.title01 span.withimage{margin-bottom:0;}
}