::selection{color:#333;background:#f5f5f5;} ::-moz-selection{color:#333;background:#f5f5f5;} .w_100{width:100%;height:auto;text-align:center;} .w_92{width:92%;height:auto;margin:0 4%;} .w_80{width:80%;height:auto;margin:0 10%;} .w_50{width:50%;height:auto;display:inline-block;} .w_980{width:980px;margin:0 auto;} @media screen and (max-width:1000px){ .w_980{width:92%;height:auto;margin:0 4%;} } .left{text-align:left;} .right{text-align:right;} .center{text-align:center;} ul.line{} ul.line.center{text-align:center;} ul.line li{margin:0 10px;display:inline-block;} .off{display:none;visibility:hidden;} .shadow{text-shadow:1px 1px 1px #777;} .block{display:inline-block;} .bg_fff{background:#FFF;} .radius{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} .radius4{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;} .radius8{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} .radius20{border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;} .margin_0{display:block;} .margin_10{margin-bottom:10px;display:flex;} .margin_20{margin-bottom:20px;display:flex;} .margin_30{margin-bottom:30px;display:flex;} .margin_40{margin-bottom:40px;display:flex;} .margin_50{margin-bottom:50px;display:flex;} .pc{display:block!important;visibility:visible;} .sp{display:none!important;visibility:hidden;} @media screen and (max-width:730px){ .pc{display:none!important;visibility:hidden;} .sp{display:block!important;visibility:visible;} } br.pc{display:block;} br.sp{display:none;} @media screen and (max-width:730px){ br.pc{display:none;} br.sp{display:block;} } /* .typeTextElement */ .typeTextElement .letter.hidden{/* display:none; */visibility:hidden;} .title{font-weight:bold;letter-spacing:2px;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ COMMON -------------------------------------------------- */ .inner{width:100%;} p.soltilopark.name{padding:9px 4px 5px 10px;color:#000;background:#ffed0d;font-size:14px;font-weight:bold;display:inline-block;} a.tel{color:#ff8125;font-size:26px;font-weight:bold;display:inline-block;} a.tel:hover{color:#e86d14;} a.link_icon{display:inline-block;} a.link_icon:hover{opacity:.5;} a.txt_link{color:#d70c1f;font-size:14px;text-decoration:underline;} p.caution{padding-top:20px;color:#666;font-size:11px;text-align:center;} /* btn */ .btn{position:relative;background:#FFF;text-decoration:none;text-align:center;display:inline-block;} .btn svg{width:7px;height:10px;vertical-align:middle;} .btn p{padding:0;color:#FFF;font-size:18px;line-height:1.4em;font-weight:bold;display:inline-block;} .btn.arrow{position:relative;padding:16px 36px 18px 60px;background:#d70c1f;box-sizing:border-box;-webkit-transition:background-color .2s ease-out;display:inline-block;} .btn.arrow svg.icon{margin-left:8px;width:6px;height:10px;vertical-align:middle;display:inline-block;} /* .btn.arrow p{line-height:.9em;} .btn.arrow p a{text-decoration:none;} */ .btn.arrow img{position:absolute;top:50%;left:28px;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .btn.arrow .txt{font-size:21px;color:#FFF;font-weight:bold;line-height:1.1em;display:inline-block;} .btn.arrow:hover{background:#bc0012;} .readmore_load.btn.arrow img{transform:rotate(90deg);margin-top:-9px;} /* table */ .table_wrap{color:#000;} .table_wrap ul.table{margin:0 auto;} .table_wrap ul.table li{position:relative;} .table_wrap ul.table li .col{width:33%;vertical-align:middle;box-sizing:border-box;border-right:1px solid #f8f8f8;border-top:1px solid #f8f8f8;display:table-cell;} .table_wrap ul.table li .col p{padding:10px 8px 10px;color:#000;line-height:1.4em;display:inline-block;} .table_wrap ul.table li .item{width:100px;min-width:100px;text-align:center;} .table_wrap ul.table li.row.item .col, .table_wrap ul.table li .col.item{background:#FbFbFb;} .table_wrap ul.table li .col p.game_time{font-size:15px;line-height:1.4em;font-weight:bold;} /* side navigation */ .side_nav .btn.arrow{position:relative;width:100%;height:70px;padding:30px 20px;background-color:#FbFbFb;box-sizing:border-box;text-align:left;-webkit-transition:background-color .3s ease-out 0s;transition:background-color .1s ease-out 0s;} .side_nav .btn.arrow:hover{background-color:#ffed0d;} .side_nav .btn.arrow .ttl{color:#333;font-size:12px;} .side_nav .btn.arrow .ttl span.en{margin-right:6px;font-size:32px;font-weight:lighter;vertical-align:baseline;} .side_nav .btn.arrow svg{position:absolute;right:20px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:10px;padding:5px;background:#000;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} .side_nav .btn.arrow span.corner{position:absolute;width:5px;height:5px;} .side_nav .btn.arrow span.top{top:0;border-top:1px solid #000;} .side_nav .btn.arrow span.bottom{bottom:0;border-bottom:1px solid #000;} .side_nav .btn.arrow span.left{left:0;border-left:1px solid #000;} .side_nav .btn.arrow span.right{right:0;border-right:1px solid #000;} /* h1-h4 */ .low_h1{position:relative;display:block;} .low_h1 .tti_text{margin-top:24px;padding:0;color:#000;font-size:18px;font-weight:bold;line-height:1em;letter-spacing:2px;text-align:center;border-bottom:none;display:block;} .low_h1 .tti_text.en{padding:0 4px;color:#6dccfc;font-size:60px;font-weight:lighter;line-height:.55em;border-bottom:2px solid #ffed0d;display:inline-block;} .low_h2 .tti_text{min-width:100px;min-height:59px;padding:16px 0 0 20px;font-size:24px;font-weight:bold;line-height:1.4em;background:url(/assets/images/shapes/low_h2_icon.png) no-repeat;display:inline-block;text-align:left;} .low_h3{padding-left:25px;font-size:21px;background:url(/assets/images/shapes/low_h3_icon.png) no-repeat;text-align:left;display:inline-block;} .low_h4{padding:6px 10px 4px;font-size:14px;text-align:left;border:1px solid #ffed0d;background:#ffed0d;display:inline-block;} @media screen and (max-width:1100px){ .table_wrap{width:100%;margin:0;} } @media screen and (max-width:730px){ .low_h1 .tti_text.en{font-size:48px;} .table_wrap{width:100%;margin:0;background:transparent;} .table_wrap ul.table li .item{width:20px;min-width:20px;} .table_wrap ul.table li .col p{font-size:10px;text-align:left;} .table_wrap ul.table li .col p.price{font-size:16px;line-height:1em;text-align:center;} .table_wrap ul.table li .col p.game_time{font-size:13px;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .low_h3{background:url(/assets/images/shapes/low_h3_icon.png) no-repeat;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ PRE LOADING / GIF ANIMATION -------------------------------------------------- */ /* .preloader */ .preloader{margin:auto;position:fixed;top:50%;left:50%;width:300px;height:auto;margin-left:-150px;z-index:99;} .preloader img{width:100%;height:auto;} /* gif animation */ .gifanimation.init{position:absolute;display:inline-block;} @media screen and (max-width:400px){ .preloader{width:80%;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ BODY -------------------------------------------------- */ html{background:#FFF;height:auto;} body{position:relative;-webkit-text-size-adjust:100%;height:auto;visibility:hidden;overflow:hidden} body.init{overflow:hidden;visibility:visible;} body.load{overflow:visible;background:#FbFbFb;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ HEADER -- logo -------------------------------------------------- */ header.global{position:relative;text-align:center;background:#d70c1f;display:inline-block;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;z-index:210;} header.global a{text-decoration:none;} header.global .inner{width:100%;text-align:center;display:inline-block;} header.global .inner .mobile_block_nav{padding:0 0 20px;} header.global .logo{position:absolute;top:inherit;left:30px;-webkit-transform:translateY(0);transform:translateY(0);display:inline-block;} header.global .logo:hover, header.global .logo:active{opacity:.8;} header.global .logo img{width:100%;height:auto;} @media screen and (max-width:730px){ header.global .logo{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);} header.global .logo img{height:80px;width:auto;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ TOP INDEX - HERO - NEXT HOME GAME - PEOPLE - TOP SCHEDULE - TOP BANNER - TOP GOODS - TOP MOVIE -------------------------------------------------- */ /* HERO */ .hero_block{position:relative;width:100%;margin-top:0;background:url(../images/slides/slides_bg.jpg) repeat-x;background-size:contain;height:100%;width:100%;z-index:1;} #hero{position:relative;text-align:center;} #hero .items{position:relative;overflow:hidden;text-align:center;} #hero .items img{position:relative;max-width:990px;width:100%;height:auto;display:inline-block;z-index:10;} @media screen and (max-width:730px){ .hero_block{margin-top:70px;} } /* NEXT HOME GAME */ .next_home_game_block{position:relative;background-color:#000;overflow:hidden;} .next_home_game_bg_img{position:relative;display:inline-block;} .next_home_game_bg_img img{width:100%;height:auto;opacity:.3;} .next_home_game_bg_img_shadow{position:absolute;bottom:0;width:100%;height:100%;background:url(../images/top/next_home_game_img_shadow.png) repeat-x;background-position-y:bottom;display:inline-block;} .next_home_game_wrap{position:absolute;top:45%;left:50%;width:100%;color:#FFF;text-align:center;display:inline-block;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);} .next_home_game_ttl{margin:0 0 12px;color:#FFF;font-size:34px;font-weight:bold;font-style:italic;letter-spacing:3px;} .next_home_game_wrap .j_logo{width:307px;height:69px;} .next_home_game_wrap .gamecard_ttl{margin:10px 0 16px;font-size:22px;} .next_home_game_wrap .gamecard_ttl strong{font-size:40px;font-weight:bold;vertical-align:baseline;} .next_home_game_info{display:flex;flex-wrap:wrap;justify-content:center;} .next_home_game_team{margin:0 10px;vertical-align:top;-webkit-transform:translateY(-30%);transform:translateY(-30%);} .next_home_game_team>img{height:125px;width:auto;display:inline-block;} .next_home_game_match{} .next_home_game_match_team{margin-bottom:10px;} .next_home_game_match_team>p{width:150px;padding:0 10px;font-size:16px;display:inline-block;vertical-align:middle;} .next_home_game_match_team>.home{text-align:right;} .next_home_game_match_team>.away{text-align:left;} .next_home_game_match_team>img{display:inline-block;vertical-align:middle;} .next_home_game_match_time{} .next_home_game_match_time>span{font-weight:bold;font-style:italic;display:inline-block;vertical-align:baseline;} .next_home_game_match_time .date{font-size:73px;} .next_home_game_match_time .days{font-size:25px;} .next_home_game_match_time .time{font-size:50px;margin:0 5px 0 8px;} .next_home_game_match_time .kickoff{font-size:19px;} .next_home_game_location{margin-top:8px;} .next_home_game_location .stadium{font-size:19px;} .next_home_game.sub_nav{position:absolute;top:39vw;margin-bottom:0;background-color:transparent;box-shadow:none;display:block;} .next_home_game .sub_nav_list>li{margin:0 4px 10px;border:1px solid #FFF;transition:background-color 0.2s,border 0.2s;box-sizing:border-box;} .next_home_game .sub_nav_list>li>a{padding:10px 10px;display:inline-block;} .next_home_game .sub_nav_list>li>a>.ttl:before{content:url(../images/icons/arrow_1.png);display:inline-block;} .next_home_game .sub_nav_list>li>a>.ttl{font-size:12px;font-weight:normal;} .next_home_game .sub_nav_list>li:hover{color:#FFF;background-color:#d70c1f;border:1px solid #d70c1f;} .next_home_game .sub_nav_list>li:hover>a>.ttl{font-weight:bold;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .next_home_game_bg_img_shadow{background:url(../images/top/next_home_game_img_shadow@x2.png) repeat-x;background-size:50% 50%;background-position-y:bottom;} .next_home_game .sub_nav_list>li>a>.ttl:before{content:"";background:url(../images/icons/arrow_1@x2.png) no-repeat;background-size:7px 10px;width:7px;height:10px;margin-right:5px;} } @media screen and (max-width:980px){ .next_home_game.sub_nav{position:absolute;top:auto;bottom:20px;} .next_home_game .sub_nav_list>li>a{padding:7px 10px;} .next_home_game .sub_nav_list>li>a>.ttl{font-size:11px;} } @media screen and (max-width:840px){ .next_home_game_bg_img img{width:auto;height:400px;} .next_home_game_wrap{top:0;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);} .next_home_game_ttl{margin:20px 0 10px;font-size:28px;} .next_home_game_wrap .j_logo{width:160px;height:auto;} } @media screen and (max-width:730px){ .next_home_game_ttl{margin:20px 0 30px;} .next_home_game_bg_img img{height:350px;} .next_home_game_wrap .gamecard_ttl{margin:5px 0 8px;font-size:16px;} .next_home_game_wrap .gamecard_ttl strong{font-size:24px;} .next_home_game_team{margin:0 4px;} .next_home_game_team>img{height:60px;} .next_home_game_match_team{margin-bottom:5px;} .next_home_game_match_team>p{width:auto;padding:0 5px;font-size:11px;} .next_home_game_match_team>img{width:20px;} .next_home_game_match_time .date{font-size:30px;} .next_home_game_match_time .days{font-size:14px;} .next_home_game_match_time .time{font-size:21px;margin:0 3px 0 4px;} .next_home_game_match_time .kickoff{font-size:11px;} .next_home_game_location{margin-top:4px;} .next_home_game_location .stadium{font-size:11px;} .next_home_game .sub_nav_list>li{margin-bottom:3px;} .next_home_game .sub_nav_list>li>a{padding:6px 8px;} .next_home_game .sub_nav_list>li>a>.ttl{font-size:14px;} } @media screen and (max-width:400px){ .next_home_game_ttl{margin:20px 0 10px;} .next_home_game_team{margin:0;-webkit-transform:translateY(-20%);transform:translateY(-20%);} .next_home_game_team>img{height:50px;} } /* NEXT HOME GAME */ .count_people{padding:30px 0;color:#FFF;background-color:#d70c1f;text-align:center;} .count_people>ul{width:980px;margin:0 auto;display:inline-block;} .count_people_item{width:50%;padding:0;display:inline-block;vertical-align:middle} .count_people_item.stadium{border-right:3px solid #c30517;box-sizing:border-box;} .count_people_item_ttl{font-size:29px;font-weight:bold;line-height:.8em;} .count_people_item_ttl>small{font-size:12px;font-weight:normal;} .count_people_number{} .count_people_number_ave{font-size:55px;font-weight:bold;display:inline-block;} .count_people_number_ave small{font-size:22px;} .count_people_number_ave.goal{font-size:36px;font-weight:bold;vertical-align:bottom;} .count_people_number_ave.now{vertical-align:text-bottom;} .count_people_number .nin{font-size:22px;display:inline-block;} .count_people_number .nin::after{content:"";font-size:22px;background:url(../images/top/count_people_number_slash.jpg) no-repeat;background-size:contain;width:72px;height:72px;background-size:100% 100%;margin-left:-15px;display:inline-block;vertical-align:-webkit-baseline-middle;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .count_people_number .nin::after{content:"";background:url(../images/top/count_people_number_slash@x2.jpg) no-repeat;background-size:contain;width:72px;height:72px;background-size:100% 100%;margin-left:-15px;display:inline-block;vertical-align:middle;} } @media screen and (max-width:1000px){ .count_people>ul{width:92%;margin:0 4%;} } @media screen and (max-width:800px){ .count_people_item{width:100%;padding:30px 0;} .count_people_item.stadium{border-right:none;border-bottom:3px solid #c30517;} } @media screen and (max-width:400px){ .count_people_number_ave{font-size:45px;} .count_people_number_ave.goal{font-size:26px;} .count_people_number .nin{font-size:12px;} } /* TOP SCHEDULE */ .top_contents_border{width:100%;height:1px;margin-top:80px;background-color:#dadada;} .top_contents_ttl{padding:60px 0 40px;color:#d70c1f;font-size:38px;text-align:center;letter-spacing:3px;} .schedullist_wrap{margin-bottom:20px;} .schedullist_item{position:relative;width:243px;height:270px;margin:0 15px 30px;background:#FFF;border-top:4px solid #dadada;display:inline-block;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;} .schedullist_item.sat{border-top:4px solid #0036ff;} .schedullist_item.sun{border-top:4px solid #ff0000;} .schedullist_item>div{display:block;} .schedullist_item_time{padding:10px 0;font-size:16px;display:block;border-bottom:1px solid #dadada;} .schedullist_item_txt{width:92%;margin:0;padding:20px 4%;text-align:left;border-bottom:1px solid #dadada;display:block;} .schedullist_item_txt .icon{margin-right:6px;margin-bottom:4px;padding:4px 5px 6px 6px;color:#FFF;font-size:12px;font-weight:bold;display:inline-block;} .schedullist_item_txt .training{background-color:#94dc23;} .schedullist_item_txt .media{background-color:#44daec;} .schedullist_item_txt .birthday{background-color:#ff9d5c;} .schedullist_item_txt .txt{line-height:1.4em;display:inline-block;} .toplink_btn.readmore_load.btn.arrow img{transform:rotate(0deg);} /* TOP BANNER */ .bnr_block{margin-top:60px;} .bnr_block .items{width:31%;height:auto;margin:0 1%;transition:opacity 0.2s;cursor:pointer;} .bnr_block .items:hover{opacity:.75;} .bnr_block .items img{width:100%;height:auto;} /* TOP GOODS */ .goodslist{} .goodslist_wrap{} .goodslist_item{position:relative;width:15%;height:250px;margin:0 1% 30px;background:#FFF;display:inline-block;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;} .goodslist_item>a{} .goodslist_item_image{position:relative;width:100%;height:134px;background-color:#FFF;text-align:center;border-bottom:1px solid #dadada;} .goodslist_item_image img{position:relative;top:50%;width:auto;height:115px;display:inline-block;-webkit-transform:translateY(-0%);transform:translateY(-50%);} .goodslist_item_info{width:92%;padding:10px 4%;display:inline-block;} .goodslist_item_ttl{color:#000;/*#2280ff*/font-size:13px;text-align:left;line-height:1.4em;} .goodslist_item_price{position:absolute;right:0;bottom:10px;font-size:12px;} .goodslist_item_price>small{font-size:10px;} /* TOP MOVIE */ .movielist_block{position:relative;width:100%;height:auto;margin-bottom:60px;background-color:#d70c1f;display:block;} .movielist_block .top_contents_ttl{color:#FFF;} .movielist_bg_img_shadow{position:absolute;left:0;width:100%;height:100%;background:url(../images/top/next_home_game_img_shadow.png) repeat-x;background-position-y:bottom;display:inline-block;} .movielist_wrap{} .movielist_wrap iframe{max-width:100%;min-height:200px;} .movielist{width:92%;padding:30px 4% 120px;} .movielist_item{position:relative;width:15%;height:auto;margin:0 1% 30px;display:inline-block;} .movielist .slick-prev svg path, .movielist .slick-next svg path{fill:#FFF;} @media screen and (max-width:560px){ .movielist_wrap iframe{height:auto;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ HEADER -- article -------------------------------------------------- */ .contents .header{background:#bc0012;} .contents.low_contents{background:#f8f8f8;border-bottom:1px solid #dadada;text-align:center;} .contents.low_contents .header{height:238px;background:url(../images/shapes/header_low_bg_shadow.png) repeat-x #bc0012;background-position:left bottom;} .contents.low_contents .header .ttl{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#FFF;font-size:38px;display:inherit;line-height:1.4em;} .contents.low_contents .header .ttl small{font-size:24px;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .contents.low .header{background:url(../images/shapes/header_low_bg_shadow@x2.png) repeat-x #bc0012;background-size:auto 71px;background-position:left bottom;} } @media screen and (max-width:730px){ .contents.low_contents{padding-top:70px;} .contents.low_contents .header .ttl small{font-size:5vw;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ NAV -------------------------------------------------- */ .g_nav{position:relative;background:#f8f8f8;z-index:201;display:inline-block;} /* nav */ .block_nav{position:relative;text-align:right;} /* nav_list */ .block_nav ul.nav_list{padding:20px 0 0;background:#d70c1f;} .block_nav ul.nav_list li.club_name{padding-bottom:20px;color:#FFF;font-size:20px;font-weight:bold;} .block_nav ul.nav_list li{position:relative;width:86%;margin:0 0 0 14%;box-sizing:border-box;display:block;text-align:left;} .block_nav ul.nav_list li .sns, .block_nav ul.nav_list li .btn.arrow{margin-right:10px;} .block_nav ul.nav_list li a.sns:last-child{margin-right:0;} .block_nav ul.nav_list li a.sns:hover{opacity:.75;} .block_nav ul.nav_list li.menu{text-align:left;} .block_nav ul.nav_list li.menu .btn.arrow{padding:10px 10px 0;background:transparent;} .block_nav ul.nav_list li.menu .btn.arrow p{color:#FFF;font-size:12px;font-weight:bold;} .block_nav ul.nav_list li.menu .btn.arrow{margin-right:0;;height:40px;} .block_nav ul.nav_list li.menu a.sub_menu_category:hover{background: #bc0012;} .block_nav ul.nav_list li.menu .active{border-bottom: 3px solid #fff;} .block_nav ul.nav_list li.sns_box{position:absolute;top:14px;text-align:right} .block_nav ul.nav_list li.sns_box #shop{margin-right:20px;} .block_nav ul.nav_list li.sns_box #shop .ttl{padding:0 0 0 8px;color:#FFF;font-size:16px;font-weight:bold;display:inline-block;} .block_nav ul.nav_list .sns img{width:24px;height:24px;} .mobile_block_nav{position:relative;background:#FFF;z-index:210;} .active .border_a_div{width:100%;} .border_a_div{position:absolute;bottom:-7px;width:0;height:4px;background:#FFF;z-index:1;} .border_a_div.icon{background:#fff;} .underline{width:0;height:4px;margin-top:16px;background:#FFF;transition:width ease-out .1s;} a:hover > .underline{width:100%;} .active .underline{width:100%;} .sub_menu_category {position: relative;} .sub_menu_list {position: absolute;width: 175px;background: rgba(0, 0, 0, 0.9);left: 0;display: none;z-index: 1;top: 40px;} .sub_menu_list object {display: block;} .sub_menu_list object:hover {background: rgba(255,255,255,0.2);} .sub_menu_list a {display: block;width: 175px;} .block_nav ul.nav_list li.menu .sub_menu.btn.arrow {padding: 12px 0 0;background: transparent;margin-right: 0;} .block_nav ul.nav_list li.menu .sub_menu.btn.arrow p {color: #FFF;font-size: 12px;font-weight: bold;} .block_nav ul.nav_list li.menu .sub_menu.btn.arrow .sub_menu_underline {margin-top: 12px;} .sub_menu_underline{width:0;height:4px;margin-top:16px;background:#FFF;transition:width ease-out .1s;} a:hover > .sub_menu_underline {width:100%;} @media screen and (max-width:1024px){ .block_nav ul.nav_list li.menu .btn.arrow{padding:10px 5px 0;} } @media screen and (max-width:980px){ .block_nav ul.nav_list li{width:82%;margin:0 0 0 18%;padding-right:10px;} .block_nav ul.nav_list .btn.arrow{padding:7px 0 5px 4px;} .block_nav ul.nav_list .btn.arrow p{font-size:24px;} .block_nav ul.nav_list .sns img{width:24px;height:24px;} .block_nav ul.nav_list li .sns, .block_nav ul.nav_list li .btn.arrow{margin-right:6px;} } @media screen and (max-width:830px){ .block_nav ul.nav_list li{width:80%;margin:10px 0 0 20%;} .block_nav ul.nav_list li.pc{display:inline-block;} .block_nav ul.nav_list li.pc.icon img{display:none;} .block_nav ul.nav_list li.active .border{opacity:0;} .block_nav ul.nav_list li.active a{color:#999;} .block_nav ul.nav_list li.menu .btn.arrow p{font-size:16px;} .block_nav ul.nav_list li.menu .btn.arrow{padding:4px 8px 0;} .mobile_block_nav{position:relative;} .g_nav{position:absolute;top:0;} .g_nav .block_nav{left:0;} .g_nav .block_nav ul.nav_list{display:none;margin-top:20px;opacity:0;border-bottom:none;} .g_nav .block_nav ul.nav_list li{border:none;border-bottom:1px solid #dadada;display:block!;text-align:center;cursor:pointer;} .g_nav .block_nav ul.nav_list li a{padding:10px 10px 10px;color:#000;font-size:18px;font-weight:bold;line-height:1.4em;text-shadow:none;display:inline-block;} } @media screen and (max-width:730px){ .block_nav{height:0;} .block_nav ul.nav_list{padding:10px 0 0;background:#bc0012;display:block;} .block_nav ul.nav_list li{width:92%;margin:10px 4% 20px;padding-right:0;display:inline-block;} .block_nav ul.nav_list li.club_name{text-align:center;} .block_nav ul.nav_list li.menu .btn.arrow{width:50%;padding:0; text-align:center;display:inline-block;} .block_nav ul.nav_list li.menu .btn.arrow p{font-size:18px;} .block_nav ul.nav_list li.menu .list_block.sns{position:relative;top:inherit;right:inherit;padding-bottom:20px;} .block_nav ul.nav_list li.menu .active{border-bottom: none;} a:hover .underline{width:0;} .active .underline{width:0;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ NAV - serach -------------------------------------------------- */ .block_nav ul.nav_list li.menu .btn.search{background:transparent;padding-bottom:8px;} .block_nav ul.nav_list li.menu .btn.search:hover{opacity:.75;} .search_box{} .search_box>form{position:absolute;top:0px;right:0;width:40%;height:60px;background:#fff;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;opacity:0;visibility:hidden;transition:all 0.5s 0s ease;text-align:left;box-sizing: border-box;} .search_box>form>input[type="text"]{box-sizing:border-box;height:60px;width:85%;padding:0 10px;font-size:18px;border:none;} .search_box>form>input[type="text"]:focus{outline:0;} .search_box>form>input[type="submit"]{position:absolute;top:50%;right:0;width:15%;height:20px;border:none;background:url(../images/icons/icon_search_red.png) no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-position:center center;} .search_box>form>i{position:absolute;top:15px;right:20px;color:#d70c18;font-size:30px;} .is-search-open .search_box>form{right:0;opacity:1;visibility:visible;} .is-search-open .block_nav ul.nav_list li.menu .btn.search{opacity:.75;} /* a, input, label{-webkit-tap-highlight-color:transparent;} */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .search_box>form>input[type="submit"]{background:url(../images/icons/icon_search_red@x2.png) no-repeat;background-size:19px 19px;background-position:center center;} } @media screen and (max-width:730px){ .block_nav ul.nav_list li.menu .btn.search{display:none;} .block_nav ul.nav_list li.sns_box{text-align:center;} .block_nav ul.nav_list li.sns_box .list_block.sns{margin-right:0;} .block_nav ul.nav_list li.sns_box #shop{margin-right:10px;} .block_nav ul.nav_list li.search_box>form{opacity:1;visibility:visible;position:relative;top:inherit;bottom:0;right:0; width:96%;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ CONTENTS - contents_body -------------------------------------------------- */ main{position:relative;background-color:#FFF;z-index:1;} .contents_body.top{background-color:#f8f8f8;} .contents_body .contents_body_column{vertical-align:top;margin-bottom:30px;} .contents_body .left_column{width:72%;display:inline-block;} .contents_body .right_column{width:28%;padding-left:40px;display:inline-block;box-sizing:border-box;} .contents_body_column .top_contents_ttl{padding-top:0;margin:20px 0 0;font-size:28px;line-height:1.4em;} @media screen and (max-width:680px){ .contents_body .left_column{width:100%;display:inline-block;} .contents_body .right_column{width:100%;display:inline-block;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ CONTENTS - sub_nav - sub_nav_anchor -------------------------------------------------- */ .sub_nav{position:relative;margin-bottom:40px;background:#d70c1f;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;display:inline-block;} .sub_nav_list{padding-top:16px;display:flex;flex-wrap:wrap;justify-content:center;} .sub_nav_list>li{margin:0 8px;} .sub_nav_list>li>a{color:#FFF;font-size:1.9vw;font-size:18px;font-weight:bold;} .sub_nav_list>li>a:hover{} /* top - news */ .contents_body.top .sub_nav_list>li>a{font-size:12px;} .sub_nav_list>li.active >a{color:#fff304;} .sub_nav_list>li.active .underline{width:100%;background:#fff304;} .sub_nav_list>li.player_positin_no_ttl{display: none;}/*カテゴリーが空欄の時は非表示*/ @media screen and (max-width:680px){ .sub_nav_list>li{margin:6px 8px 0;} .sub_nav_list>li>a{font-size:12px;} } .sub_nav_anchor{background:transparent;box-shadow:none;} .sub_nav_anchor_list>li{position:relative;margin:0;padding-bottom:10px;border-bottom:0px solid #FFF;display:inline-block;cursor:pointer;transition:background-color 0.3s;text-align:center;} .sub_nav_anchor_list>li::before{content:"";position:absolute;left:0;margin-top:16px;width:1px;height:10px;background-color:#dadada;display:inline-block;transition:background-color 0.1s;} .sub_nav_anchor_list>li>p{padding:10px 10px 4px;font-size:18px;font-weight:bold;transition:color 0.1s;} .sub_nav_anchor_list>li>img{transform:rotate(90deg);opacity:0;transition:opacity 0.1s;} .sub_nav_anchor_list>li.active, .sub_nav_anchor_list>li:hover{background-color:#d70c1f;} .sub_nav_anchor_list>li.active, .sub_nav_anchor_list>li:hover>p{color:#FFF;} .sub_nav_anchor_list>li.active img, .sub_nav_anchor_list>li:hover>img{opacity:1;} .sub_nav_anchor_list>li.active::before, .sub_nav_anchor_list>li:hover::before{background-color:#d70c1f;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ PLAYER - list - detail -------------------------------------------------- */ .player_position_ttl{position:relative;margin-bottom:40px;padding:10px 20px;color:#d70c1f;font-size:24px;font-weight:bold;border:1px solid #d70c1f;background-color:#FFF;display:inline-block;} .player_position_list{margin-bottom:60px;text-align:left;display:flex;flex-wrap:wrap;} .player_position_list>li{width:25%;margin:0 0 20px;text-align:center;display:inline-block;transition:opacity 0.3s;} .player_position_list>li:nth-child(3n){margin-right:0;} .player_position_list>li:hover{opacity:0.75;} .player_position_list>li>p>img, .player_position_list>li>a>img{width:100%;height:auto;} .player_position_list.staff>li:hover{opacity:1;} .academy.player_position_list>li:hover{opacity:1;} .player_position_no_ttl{display: none!important;}/*カテゴリーが空欄の時は非表示*/ @media screen and (max-width:730px){ .player_position_ttl{} .player_position_list>li{width:50%;} } .player{} .player_area_header{position:relative;width:100%;margin:0 0 20px;background:#1d2973;display:inline-block;} .player_area_header .season_title{padding:20px;color:#FFF;font-size:34px;font-weight:bold;font-style:italic;display:inline-block;vertical-align:middle;} .player_area_header .btn_post{margin-right:20px;display:inline-block;vertical-align:middle;} #mainphoto, #player_main{width:100%;display:inline-block;vertical-align:top;} #mainphoto img{width:100%;height:auto;} #player_main{text-align:left;vertical-align:top;} #player_main .pos_num{padding:20px 8%;background:#d70c1f;} #player_main .pos_num .pos{color:#FFF;font-size:24px;font-weight:bold;vertical-align:bottom;} #player_main .pos_num .num{color:#FFF;font-size:38px;font-weight:bold;vertical-align:bottom;} #player_main .name{width:84%;margin:0!important;padding:20px 8%;font-size:24px;} #player_main .name span{margin-top:6px;font-size:14px;font-weight:normal;display:block;} .menuHeader{margin:30px 0 20px;padding-left:10px;color:#d70c1f;font-size:18px;line-height:1.4em;font-weight:bold;border-left:4px solid #d70c1f;text-align:left;} #player_prof{text-align:left;} #player_prof dl{margin:0 10px 15px 0;color:#000;display:inline-block;} #player_prof dl dt{padding:10px 20px;font-size:14px;background:#fec801;font-weight:bold;display:inline-block;} #player_prof dl dd{padding:10px 20px;font-size:14px;background:#f5f5f5;display:inline-block;} #player_record{} #player_record table{width:100%;margin:0 auto;font-size:14px;line-height:1.4em;} #player_record table tr th{padding:10px 0;color:#000;font-weight:bold;background:#fec801;;vertical-align:middle;text-align:center;} #player_record table tr td{padding:8px 0;background:#f8f8f8;border-top:1px solid #dadada;vertical-align:middle;} #player_record table tr.nb td{border-top:none;} #player_record.staff table{font-size:13px;} #player_record.staff table tr th, #player_record.staff table tr td{padding:10px;text-align:left;} #player_record.staff table tr th{border-top:1px solid #ebbe00;} @media screen and (max-width:730px){ #mainphoto, #player_main{width:100%;} } @media screen and (max-width:500px){ .player_area_header .season_title{padding-bottom:0;} #player_record table{font-size:10px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ CONTENTS - news -------------------------------------------------- */ .pickuplist{text-align:left;} .pickuplist .pickuplist_wrap{display:flex;flex-wrap:wrap;} .pickuplist .pickuplist_item{width:32%;margin:0 2% 20px 0;background:#FFF;/* border:1px solid #dadada; */box-sizing:border-box;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;} .pickuplist .pickuplist_item>a{width:100%;transition:all 0.3s;display:inline-block;} .pickuplist .pickuplist_item:nth-child(3n){margin-right:0;} .pickuplist .pickuplist_item_image{margin-bottom:18px;background:#d70c1f;} .pickuplist .pickuplist_item_image img{width:100%;height:auto;transition:mix-blend-mode 1s ease-out;mix-blend-mode:none;/* transition:opacity .3s ease-out; */} .pickuplist .pickuplist_item_time{display:block;padding:0 10px 10px;color:#000;font-size:1.25rem;font-weight:bold;text-align:center;} .pickuplist .pickuplist_item_time .new{ color: #d70c1f;font-size: 1.2em;padding-left: .5em;vertical-align: text-bottom;} .pickuplist .pickuplist_item_txt{display:block;margin-bottom:30px;padding:0 10px 0;color:#000;/*#2280ff;*/font-size:16px;line-height:1.4em;transition:color 0.3s;} .pickuplist.column_4 .pickuplist_item{width:22%;margin:0 4% 20px 0;} .pickuplist.column_4 .pickuplist_item:nth-child(3n){margin-right:4%;} .pickuplist.column_4 .pickuplist_item:nth-child(4n){margin-right:0;} .category>ul{padding:10px 10px;} .category>ul>li{margin:0 4px 4px 0;padding:3px 5px 4px 5px;background:#aaa;display:inline-block;} .category>ul>li>a{color:#FFF;font-size:10px;} .pickuplist .pickuplist_item>a:hover{} .pickuplist .pickuplist_item>a:hover .pickuplist_item_txt{color:#000/*#d70c1f;*/} /* .pickuplist .pickuplist_item>a:hover .pickuplist_item_image img{mix-blend-mode:screen;} */ .category>ul>li:hover{background:#d70c1f;} @media screen and (max-width:680px){ .pickuplist .pickuplist_item{width:48%;margin:0 4% 20px 0;} .pickuplist .pickuplist_item:nth-child(2n){margin-right:0;} .pickuplist .pickuplist_item:nth-child(3n){display:none;} .pickuplist .pickuplist_item_txt{font-size:14px;} .pickuplist.column_4 .pickuplist_item{width:48%;margin:0 4% 20px 0;} .pickuplist.column_4 .pickuplist_item:nth-child(2n){margin-right:0;} .pickuplist.column_4 .pickuplist_item:nth-child(3n){margin-right:4%;display:block;} .pickuplist.column_4 .pickuplist_item:nth-child(4n){margin-right:0;} } .newslist{margin-bottom:30px;text-align:left;} .newslist .newslist_wrap{padding:3px 0;background:#FFF;box-sizing:border-box;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;} .newslist .newslist_item{width:92%;margin:10px 4%;border-bottom:1px solid #e8e8e8;} .newslist .newslist_item:last-child{border-bottom:none;} .newslist .newslist_item>a{width:100%;margin:10px 0 0;transition:all 0.3s;display:flex;/*inline-block;*/align-items:center;} .newslist .newslist_item_image{width:100px;background:#d70c1f;display:inline-block;vertical-align:top;} .newslist .newslist_item_image img{width:100%;:auto;transition:mix-blend-mode 1s ease-out;mix-blend-mode:none;} .newslist .newslist_item_info{width:calc(100% - 100px);margin:0;display:inline-block;vertical-align:top;} .newslist .newslist_item_time{display:block;padding:0 10px 6px;color:#000;font-size:1.25rem;font-weight:bold;text-align:left;} .newslist .newslist_item_time .new{ color: #d70c1f;font-size: 1.2em;padding-left: .5em;vertical-align: text-bottom;} .newslist .newslist_item_txt{display:block;margin-bottom:0;padding:0 10px 0;color:#000;/*#2280ff;*/font-size:16px;line-height:1.4em;transition:color 0.3s;} .newslist .category>ul{padding:10px 0 10px;} .newslist .newslist_item>a:hover{} .newslist .newslist_item>a:hover .newslist_item_txt{color:#000;/*#d70c1f;*/} .category>ul>li:hover{background:#d70c1f;} @media screen and (max-width:680px){ .newslist .newslist_item_txt{font-size:14px;} .newslist .newslist_item>a{align-items:flex-start;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ CONTENTS - news_aside -------------------------------------------------- */ .news_aside{margin-bottom:30px;} .news_aside_ttl{margin-bottom:20px;padding-bottom:10px;font-size:18px;font-weight:bold;border-bottom:6px solid #000;text-align:left;} .news_aside_archive{position:relative;width:100%;height:45px;margin-top:20px;background:url(../images/shapes/aside_accordion_title_bg.png) no-repeat #bc0012;background-position-x:right;text-align:left;box-sizing:border-box;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;cursor:pointer;transition:background-color 0.3s;} .news_aside_archive .accordion_title{position:relative;top:50%;padding-left:10px;color:#FFF;font-size:18px;font-weight:bold;-webkit-transform:translateY(-50%);transform:translateY(-50%);} /* .news_aside_archive:hover .accordion_title{color:#FFF;font-weight:bold;} */ .is-close.news_aside_archive{background-color:#FFF;} .is-close.news_aside_archive .accordion_title{color:#000;font-weight:normal;} .is-close.news_aside_archive:hover{background-color:#bc0012;} .is-close.news_aside_archive:hover .accordion_title{color:#FFF;font-weight:bold;} .news_aside_archive_btn#nav-toggle{position:absolute;height:auto;top:50%;width:16px;left:inherit;right:12px;margin-top:-4px;display:inline-block;-webkit-transform:translateY(-50%);transform:translateY(-50%);} .news_aside_archive_btn#nav-toggle span{height:3px;} .news_aside_archive_btn#nav-toggle span:nth-child(2){top:0;transform:rotate(0);transition:transform 0.3s;} .is-close .news_aside_archive_btn#nav-toggle span:nth-child(2){transform:rotate(-90deg);} .news_aside_archive_list{display:none;} .news_aside_archive_list.is-open{display:block;} .news_aside_archive_list>li{box-sizing:border-box;border:1px solid #e8e8e8;border-top:none;background:#FFF;text-align:left;} .news_aside_archive_list>li>a{padding:17px 20px;font-size:16px;line-height:1.4em;display:block;} .news_aside_archive_list>li:hover{background:#d70c1f;} .news_aside_archive_list>li:hover a{color:#FFF;} .news_aside_search{position:relative;height:60px;} .news_aside_search>form{right:0;width:100%;opacity:1;visibility:visible;} /* player */ .news_aside_archive_list.player_list{display:block;} .news_aside_archive_list.player_list>li>a>span{padding-right:10px;padding-bottom:5px;width:30px;font-size:16px;font-weight:bold;display:inline-block;text-align:right;} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { .news_aside_archive{background:url(../images/shapes/aside_accordion_title_bg@x2.png) no-repeat #bc0012;background-size:52px 45px;background-position-x:right;} } @media screen and (max-width:800px){ .news_aside_archive_list>li>a{padding:17px 10px;font-size:14px;} } @media screen and (max-width:680px){ .contents_body .right_column{padding-left:0;} .news_aside_archive_list>li>a{padding:17px 20px;font-size:16px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ AWAY INFO -------------------------------------------------- */ .awayinfo{} .recommend_list{max-width:980px;width:100%;margin:0 auto 60px;;text-align:left;} .recommend_list li{width:32%;margin:0 2% 20px 0;text-align:center;display:inline-block;vertical-align:top;} .recommend_list li:nth-child(3n){margin:0 0 20px;} .recommend_list li img.place{width:100%;height:auto;transition:opacity 0.3s;} .recommend_list li img.face{margin-top:-30px;width:80px;height:80px;border-radius:40px;-webkit-border-radius:40px;-moz-border-radius:40px;} .recommend_list li .ttl{margin:8px 0 16px;color:#d70c1f;font-size:24px;font-weight:bold;line-height:1.4em;} .recommend_list li .txt{padding:20px 20px 40px;font-size:16px;line-height:1.6em; box-sizing:border-box;background-color:#FFF;text-align:left;transition:background-color 0.3s;} .recommend_list li .name{padding-top:10px;font-size:16px;font-weight:bold;} .recommend_list li:hover img.place{opacity:.75;} .recommend_list li:hover img.face{opacity:1;} .recommend_list li:hover .ttl{text-decoration:underline;} .recommend_list li:hover .txt{background-color:#fff304;} .awayinfo .banner.ttl{padding-bottom:10px;font-size:16px;line-height:1.4em;} .awayinfo a.banner{transition:opacity 0.3s;} .awayinfo a.banner:hover{opacity:.75;} .awayinfo .googlemap{margin-bottom:60px;} .awayinfo .googlemap .caution{text-align:left;} .awayinfo .stay:hover,.awayinfo .stay.active{background:#95de1d;} .awayinfo .gift:hover,.awayinfo .gift.active{background:#dea51d;} .awayinfo .tourism:hover,.awayinfo .tourism.active{background:#dc1dde;} .awayinfo .food:hover,.awayinfo .food.active{background:#ded71d;} .awayinfo .shopping:hover,.awayinfo .shopping.active{background:#1d6ade;} .awayinfo .other:hover,.awayinfo .other.active{background:#1ddeb7;} .shop_list{max-width:980px;width:100%;margin:0 auto 60px;text-align:left;} .shop_list>li{width:100%;margin:0 0 20px;text-align:left;display:inline-block;background-color:#FFF;} .shop_list>li>img{width:20%;height:auto;display:inline-block;vertical-align:top;} .shop_list>li>.left{width:80%;height:100%;padding:16px 20px 20px;display:inline-block;vertical-align:top;box-sizing:border-box;background-color:#FFF;} .shop_list>li .num{width:40px;height:40px;margin-right:6px;color:#FFF;font-size:24px;line-height:1.6em;font-weight:bold;text-align:center;display:inline-block;} .shop_list>li .cat{margin-right:8px;padding:4px 10px;color:#FFF;font-size:16px;font-weight:bold;display:inline-block;} .shop_list>li .link{color:#d70c1f;font-size:14px;line-height:1.4em;text-decoration:underline;} .shop_list>li .link:hover{color:#f97b87;text-decoration:none;} .shop_list>li .txt{padding-top:10px;padding-bottom:10px;font-size:14px;line-height:1.4em;} .shop_list>li .address{color:#333;font-size:13px;} .shop_list .slick-dots{background:#f8f8f8;} .shop_list.single>li{background-color:#f8f8f8;} .shop_list.single>li .shopimg_block{margin-top:20px;} .shop_list.single>li .shopimg_block img{width:100%;height:auto;} .shop_list.single>li>.shopttl{font-size:24px;display:inline-block;} .shop_list.single>li>.shoptxt{padding:40px 20px 60px;font-size:14px;line-height:1.8em;} .awayinfo.game .table_wrap{background-color:transparent;} .awayinfo.game .table_wrap ul.table{} .awayinfo.game .table_wrap ul.table li.ttl{background:#FFF;} .awayinfo.game .table_wrap ul.table li .col{width:80%;padding:0 10px;text-align:left;border:none;border-bottom:2px solid #f8f8f8;background-color:#FFF;} .awayinfo.game .table_wrap ul.table li .col a{font-size:14px;} .awayinfo.game .table_wrap ul.table li .item{width:20%;text-align:center;background-color:#e5e5e5;} .awayinfo .table_ttl.banner.ttl{margin-top:60px;text-align:left;font-size:24px;} .access_block{text-align:left;} .access_block>a{color:#d70c1f;font-size:14px;line-height:1.4em;text-decoration:underline;} .access_block>a:hover{color:#f97b87;text-decoration:none;} .access_block>p{margin:10px 0 30px;font-size:14px;line-height:1.4em;} @media screen and (max-width:730px){ .recommend_list li{width:49%;margin:0 2% 20px 0;} .recommend_list li:nth-child(3n){margin:0 2% 20px 0;} .recommend_list li:nth-child(2n){margin:0 0 20px;} .shop_list li>img{width:100%;} .shop_list li>.left{width:100%;} } @media screen and (max-width:560px){ .recommend_list li{width:100%;margin:0 0 20px 0;} .recommend_list li:nth-child(3n){margin:0 0 20px 0;} .recommend_list li:nth-child(2n){margin:0 0 20px 0;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ CONTENTS - SNS section -------------------------------------------------- */ .sns_section{} .sns_section_list{display:flex;} .sns_section_item{width:20%;height:90px;transition:background-color 0.3s;} .sns_section_item>a{width:100%;height:100%;display:inline-block;} .sns_section_item>a>img{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;} .sns_section_item.fb{background-color:#3b579d;}.sns_section_item.fb:hover{background-color:#293c6b;} .sns_section_item.tw{background-color:#1da1f2;}.sns_section_item.tw:hover{background-color:#177fbf;} .sns_section_item.is{background-color:#ffd200;}.sns_section_item.is:hover{background-color:#cca700;} .sns_section_item.line{background-color:#00b900;}.sns_section_item.line:hover{background-color:#008700;} .sns_section_item.yt{background-color:#ff0000;}.sns_section_item.yt:hover{background-color:#cc0000;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ CONTENTS - SPONSOR section -------------------------------------------------- */ .sponsor_section{padding:60px 0 80px;} .sponsor_section .ttl{margin-bottom:30px;color:#333;font-size:24px;font-weight:bold;} .sponsor_section_list{display:flex;flex-wrap:wrap;justify-content:center;} .sponsor_section_item{width:auto;margin:0 10px 10px;transition:opacity 0.3s;} .sponsor_section_item img{width:100%;height:auto;} .sponsor_section_item:hover{opacity:.75;} .sponsor_section_item.partners{width:auto;margin:0 5px 10px;transition:opacity 0.3s;} @media screen and (max-width:450px){ .sponsor_section_item{width:48%;height:auto;margin:0 1% 10px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ PAGE TOP -------------------------------------------------- */ .pagetop{position:relative;width:100%;padding:30px 0;background:#666;cursor:pointer;text-align:center;z-index:202;transition:background-color ease-out .1s;} .pagetop:hover{background:#d70c1f;} .pagetop img{display:inline-block;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ FOOTER -------------------------------------------------- */ footer.global{position:relative;bottom:0;width:100%;margin:0 auto;background:#000;text-align:center;z-index:200;clear:both;} footer.global .cp{width:100%;padding:10px 0 10px;font-size:10px;line-height:1.8em;color:#FFF;display:block;} footer.global .inner{position:relative;width:92%;margin:30px 4%;height:auto;display:inline-block;} footer.global .inner .row{width:19%;height:auto;display:inline-block;vertical-align:top;} footer.global .inner .row ul{margin-bottom:10px;} footer.global .inner .row > .ttl, footer.global .inner .row ul li{width:100%;margin-bottom:4px;border:none;display:inline-block;} footer.global .inner .row > .ttl a.pc_ttl p{float:left;margin-bottom:4px;color:#FFF;font-size:14px;font-weight:bold;} footer.global .inner .row > .ttl a.pc_ttl p::before{content:"";width:7px;height:7px;margin-right:4px;padding:3px 3px;background:url(../images/icons/arrow_1.png) #d70c1f no-repeat;background-position:center center;background-size:3px 5px;display:inline-block;text-align:center;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;} footer.global .inner .row ul li{position:relative;} footer.global .inner .row ul li a p{float:left;} footer.global .inner .row ul li a.pc_txt p{color:#FFF;font-size:14px;line-height:1.4em;text-align:left;} footer.global .inner .row ul li a.pc_txt p span{color:#FFF;font-size:14px;font-weight:bold;} footer.global .inner .row ul li a.pc_txt p span.pc{display:inline-block!important;} footer.global .inner .row > .ttl p:hover{opacity:.5;} footer.global .inner .row ul li p:hover {opacity:.5;} footer.global .inner .row ul li a.pc_txt.no_link p{color:#999;} footer.global .inner .row ul li a.pc_txt.no_link p:hover {opacity:1;} .footer_nav{background:#666;} .footer_nav_gnav-pc>div{float:left;width:20%;margin:33px 0 50px;color:#fff;font-size:0.79rem;} @media screen and (max-width:730px){ footer.global .inner{width:100%;margin:0;} footer.global .inner .row{float:none;width:100%;} footer.global .inner .row ul{margin-bottom:0;} footer.global .inner .row > .ttl{background:#d70c1f;} footer.global .inner .row > .ttl:hover{color:#FFF;background:#bc0012;} footer.global .inner .row > .ttl, footer.global .inner .row ul li{margin-bottom:0;border-bottom:1px solid #bc0012;} footer.global .inner .row ul li{background:#FFF;} footer.global .inner .row ul li a{width:100%;padding:10px 0 10px;color:#000;text-align:left;display:inline-block;} footer.global .inner .row ul li a:hover{background:#bc0012;} footer.global .inner .row ul li a.pc_txt p{float:none;padding-top:0;color:#000;font-size:12px;text-align:center;display:inline-block;} footer.global .inner .row ul li a.pc_txt:hover p{color:#FFF;} footer.global .inner .row ul li a.pc_txt p span{color:#d70c1f;font-size:14px;} /* footer.global .inner .row ul li a.pc_txt span.pc{width:10px;} */ footer.global .inner .row > .ttl{text-align:center;cursor:pointer;} footer.global .inner .row > .ttl a.pc_ttl{pointer-events:none;text-align:center;display:block;} footer.global .inner .row > .ttl a.pc_ttl p{padding:10px 0 10px;color:#FFF;font-size:14px;display:inline-block;} footer.global .margin_20{margin-bottom:0;} footer.global .inner .row ul li a.pc_txt.no_link p, footer.global .inner .row ul li a.pc_txt.no_link:hover p{color:#666;} footer.global .inner .row ul li a.no_link:hover{background-color:#FFF;} } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { footer.global .inner .row > .ttl a.pc_ttl p::before{background:url(../images/icons/arrow_1@x2.png) #d70c1f no-repeat;background-position:center center;background-size:3px 5px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ BREADCRUMB /low -------------------------------------------------- */ .breadcrumb{width:92%;max-width:1100px;margin:0 auto;padding:20px 0 30px;text-align:center;} .breadcrumb ul{} .breadcrumb ul li{float:left;color:#000;font-size:12px;padding-right:4px;line-height:1.4em;text-align:left;} .breadcrumb ul li.active{color:#000;} .breadcrumb ul li a{padding-bottom:3px;color:#bc0012;text-decoration:none;border-bottom:1px solid #bc0012;vertical-align:top;cursor:pointer;} .breadcrumb ul li a:hover, .breadcrumb ul li a:active{color:#d70c1f;border-bottom:1px solid #d70c1f;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ NEWS - news_post -------------------------------------------------- */ .news_post{text-align:left;} .news_post_ttl{padding-left:18px;color:#000;font-size:24px;font-weight:bold;line-height:1.4em;border-left:solid 8px #d70c1f;} .news_post_item_time{margin-right:10px;font-size:14px;display:inline-block;} .news_post .category{display:inline-block;} .news_post .category>ul{padding:0;} .news_post_content{padding-bottom:40px;font-size:14px;line-height:1.8em;border-bottom:1px solid #dadada;} .news_post_content>*{margin-bottom:10px;} .news_post_content h2{font-size:150%;color:#FFF;padding:10px;display:inline-block;background-color:#d70c1f;} .news_post_content h3{font-size:150%;color:#d70c1f;padding-bottom:10px;border-bottom:solid 1px #d70c1f;display:inline-block;} .news_post_content h4{font-size:116%;color:#d70c1f;padding:10px;display:inline-block;background-color:#FFF;border:1px solid #d70c1f;box-sizing:border-box;} .news_post_content strong{font-size:116%;} .news_post_content a{color:#2280ff;font-weight:bold;text-decoration:underline;} .news_post_content a:hover{color:#d70c1f;text-decoration:none;} .news_post_content a>img:hover{opacity:.75;} .news_post_content .link_block{margin-bottom:60px;vertical-align:top;} .news_post_content .link_block img{margin-bottom:10px;} .news_post_content .cms_header{text-align:left;margin-bottom:20px;} .news_post_content .cms_text{text-align:left;} .news_post_content .cms_img{margin-bottom:30px;} .news_post_content .cms_img img{max-width:100%;height:auto;} .news_post_content .cms_video iframe{max-width:100%;min-height:200px;} .news_post_content .cms_heading{margin:30px 10px;text-align:center;} .news_post_content {width:92%;padding:0 4%;} .news_post_content table{width:100%!important;border:1px solid #e8e8e8;table-layout:fixed;border-collapse:collapse;word-break:break-all;} .news_post_content table tr{border-bottom:1px solid #e8e8e8;} .news_post_content table tr th, .news_post_content table tr td{padding:10px 10px;border-right:1px solid #e8e8e8;font-size:12px;line-height:1.4em;vertical-align:top;} .news_post_content table tr th{text-align:center;background:#f8f8f8;text-align:center;} .news_post_content table tr td{text-align:left;vertical-align:middle;} .news_post_content table tr th img, .news_post_content table tr td img{margin:0 auto;display:inherit;max-width:100%;height:auto;} .news_post_content table tr td strong{color:#d92d2d;font-size:14px;font-weight:bold;vertical-align:baseline;} .news_post_content table tr td a:hover{color:#d92d2d;} @media screen and (max-width:540px){ .news_post_content table tr th, .news_post_content table tr td{padding:10px;font-size:14px;vertical-align:top;} } .news_post_content.academy .link_block img{width:98%;height:auto;} .news_post_content .photoGalleryWrapper{} .news_post_content .photoGalleryWrapper li{text-align:center;} .news_post_content .photoGalleryWrapper img{max-width:90%;height:auto;display:inline-block;} .tabContent{width:92%;margin:0 4%;font-size:0;display:inline-block;} .news_post_sns{position:relative;background-color:#FFF;box-sizing:border-box;box-shadow:rgba(0,0,0,0.3) 0 3px 6px 0;display:flex;} .news_post_sns_ttl{position:relative;padding-top:24px;padding-left:3%;width:30%;color:#666;font-size:18px;display:inline-block;} .news_post_sns_links{position:relative;width:100%;background-color:#d70c1f;} .news_post_sns_links_list{height:100%;padding-left:4%;} .news_post_sns_links_item{position:relative;top:50%;margin:0 5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:inline-block;transition:opacity 0.3s;} .news_post_sns_links_item:hover{opacity:.75;} @media screen and (max-width:730px){ .news_post_sns_ttl{padding-top:28px;font-size:12px;} .news_post_sns_links_item img{width:24px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ GAME - schedule - ranking - live - text live -------------------------------------------------- */ .sp_730{display:block!important;}p.sp_730,img.sp_730,span.sp_730{display:inline-block!important;} .pc_730,p.pc_730,img.pc_730,span.pc_730{display:none!important;} @media screen and (max-width:690px){ .sp_730,p.sp_730,img.sp_730,span.sp_730{display:none!important;} .pc_730{display:block!important;}p.pc_730,img.pc_730,span.pc_730{display:inline-block!important;} } @media screen and (max-width:400px){ .sp_400{display:block!important;} } img.j.logo, img.j2.logo{margin-bottom:18px;} .archives_aside{width:300px;display:inline-block;} .game .table_wrap{background:#FFF;} .game .table_wrap ul.table{margin:0 auto;} .game .table_wrap ul.table li{position:relative;width:100%;font-size:0;background:#FFF;text-align:center;display:table!important;} .game .table_wrap ul.table li .col{padding:10px 0 10px 0;vertical-align:middle;box-sizing:border-box;border-right:3px solid #f5f5f5;border-top:3px solid #f5f5f5;display:table-cell;} .game .table_wrap ul.table li .col p{height:auto;padding:10px 0;font-size:16px;line-height:1.4em;vertical-align:middle;display:inline-block;} .game .table_wrap ul.table li .col a{color:#d70c1f;text-decoration:underline;} .game .table_wrap ul.table li .col a:hover{color:#bc0012;text-decoration:none;} .game .table_wrap ul.table li .col p span.score{margin:0 10px;} .game .table_wrap ul.table li .col.vs img{width:30px;height:30px;margin:5px 5px 0;vertical-align:top;} .game .table_wrap ul.table li a.col.vs{color:#000;cursor:pointer;} .game .table_wrap ul.table li a.col.vs:hover{background:#dadada;} .game .table_wrap ul.table li .col.tv p{color:#999;font-size:14px;line-height:1.4em;display:inline-block;} .game .table_wrap ul.table li.ttl{background:#fec801;} .game .table_wrap ul.table li.ttl .col{border-right:3px solid #FFF;} .game .table_wrap ul.table li.ttl .col p{height:auto;padding:10px 5px;color:#000;font-weight:bold;line-height:1.4em;} .game .table_wrap ul.table li.ttl .col.tv p{font-size:16px;} .game .table_wrap ul.table li.homegame{background:#ffc1c1;} /*.game .table_wrap ul.table li.finish{background:#f8f8f8;} #faeebc */ .game .table_wrap ul.table li .section {width: 4%;} .game .table_wrap ul.table li .date {width:10%;} .game .table_wrap ul.table li .kickoff {width:10%;} .game .table_wrap ul.table li .vs {width:25%;} .game .table_wrap ul.table li .homeaway{width: 8%;} .game .table_wrap ul.table li .stadium {width: 8%;} .game .table_wrap ul.table li .tv {width:20%;} .game .table_wrap ul.table li .ticket {width:10%;border-right:none!important;} .game .table_wrap ul.table li .ticket a{font-weight:bold;text-decoration:none;vertical-align:bottom;} .game .table_wrap ul.table li .ticket a span{color:#d70c1f;font-weight:bold;} .game .table_wrap ul.table li .ticket a:hover{color:#bc0012;text-decoration:underline;} .game .table_wrap ul.table li .ticket a:hover span{color:#bc0012;} .game .table_wrap ul.table li .ticket .btn.block.link{display:none;} .btn.block.link{width:600px;margin:30px 0;background:#fec801;text-align:left;display:inline-block;} .btn.block.link:hover{background:#ebbe00;} .btn.block.link p{padding:20px 16px 20px 16px;color:#000;font-size:18px;font-weight:bold;display:inline-block;} .btn.block.link .btn{float:right;width:50px;height:58px;background:#d70c1f;text-align:center;display:inline-block;} .btn.block.link .btn svg{width:24px;height:15px;padding:21px 0 0 0;} .game.academy .table_wrap ul.table li .stadium{width:16%;} .game.academy .table_wrap ul.table li.finish{background:#FFF;} .game .table_wrap{} .game .table_wrap p.ttl.jfl{margin-top:80px;padding-top:30px;color:#ad0040;font-size:30px;line-height:1.4em;font-weight:bold;background:none;} .game .table_wrap ul.table.jfl{margin:20px 0 60px;} .game .table_wrap ul.table.jfl li a.col.vs:hover{background:#fff;} .game .table_wrap ul.table.jfl li a.col.vs{cursor:default;color:#000;;} @media screen and (max-width:1100px){ .contents.tmp_txt.game .inner{width:98%;margin:0 1%;} .game .table_wrap{width:100%;margin:0 0 80px;} .game .table_wrap ul.table li .col.date p span, .game .table_wrap ul.table li .col.ticket p span{display:block;} } @media screen and (max-width:980px){ .game .table_wrap ul.table li .col p span.score{margin:0;} .game .table_wrap ul.table li .col.vs img{width:25px;height:25px;margin:0;vertical-align:middle;} } @media screen and (max-width:730px){ .contents.tmp_txt.game .inner{width:100%;margin:0;} .sp_730,p.sp_730,img.sp_730,span.sp_730{display:none!important;} .pc_730{display:block!important;}p.pc_730,img.pc_730,span.pc_730{display:inline-block!important;} .game_schedule .table_wrap ul.table li.sp_730{display:none!important;} .game .table_wrap{width:92%;margin:0 4%;background:transparent;} .game .table_wrap ul.table li a.col.vs:hover{background:none;} .game_schedule .table_wrap ul.table{text-align:left;} .game_schedule .table_wrap ul.table li{width:auto;margin-bottom:30px;padding:20px;display:inline-block;} .game_schedule .table_wrap ul.table li .col{position:relative;padding:0;border:none;text-align:left;display:inline-block;} .game_schedule .table_wrap ul.table li .col p{height:auto;padding:0;font-size:24px;line-height:1.4em;font-weight:bold;text-align:center;} .game_schedule .table_wrap ul.table li .col p span.sub{margin-left:6px;font-size:20px;font-weight:normal;} .game_schedule .table_wrap ul.table li .col img.our_team, .game_schedule .table_wrap ul.table li .col img.okayama{display:none!important;} .game_schedule .table_wrap ul.table li .section {width:auto;} .game_schedule .table_wrap ul.table li .date {width:auto;} .game_schedule .table_wrap ul.table li .kickoff {width:auto;} .game_schedule .table_wrap ul.table li .vs {width:100%;margin-top:30px;} .game_schedule .table_wrap ul.table li .homeaway{width:90px;height:40px;margin-top:50px;margin-left:-20px;margin-bottom:-20px;margin-right:13px;text-align:center;} .game_schedule .table_wrap ul.table li .stadium {width:auto;margin-top:40px;margin-bottom:-20px;} .game_schedule .table_wrap ul.table li .tv {width:auto;position:absolute;left:20px;bottom:30px;} .game_schedule .table_wrap ul.table li .ticket {width:113px;height:40px;} .game_schedule .table_wrap ul.table li .col.date p, .game_schedule .table_wrap ul.table li .col.kickoff p{font-size:28px;} .game_schedule .table_wrap ul.table li .col.vs p.vs_txt{padding-right:0;font-size:24px;font-weight:normal;} .game_schedule .table_wrap ul.table li .col.vs img{width:90px;height:auto;margin:-30px 0 0;} .game_schedule .table_wrap ul.table li .col.vs p.against{font-size:24px;} .game_schedule .table_wrap ul.table li .col.vs p.score{float:right;margin-top:-13px;font-size:42px;} .game_schedule .table_wrap ul.table li .col.vs p.score strong{color:#d70c1f;font-size:42px;vertical-align:baseline;} .game_schedule .table_wrap ul.table li .col.vs p.score span{padding:0 3px 0 5px;font-size:24px;} .game_schedule .table_wrap ul.table li .col.date p span, .game_schedule .table_wrap ul.table li .col.ticket p span{display:inline-block;} .game_schedule .table_wrap ul.table li .col.homeaway.home{background:#fec801;} .game_schedule .table_wrap ul.table li .col.homeaway.away{background:#dadada;} .game_schedule .table_wrap ul.table li .col.homeaway p{padding:4px 0 0 0;} .game_schedule .table_wrap ul.table li .col.homeaway.home p{color:#FFF;} .game_schedule .table_wrap ul.table li .col.stadium p{font-size:16px;font-weight:normal;} .game_schedule .table_wrap ul.table li .col.tv p{height:50px;font-size:12px;font-weight:normal;} .game_schedule .table_wrap ul.table li .col.ticket{position:absolute;right:0;bottom:0;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link{width:100%;margin:0;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link .btn{float:none;width:100%;height:40px;text-align:center;transition:background-color ease-out .3s;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link.off{float:right;width:220px;background:#999;text-align:center;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link.off p{padding:10px 20px;color:#FFF;font-size:16px;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link.off .btn{display:none;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link:hover .btn{background:#bc0012;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link .btn svg{width:24px;height:15px;padding:0;margin-top:3px;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link .btn p{padding:0;color:#FFF;font-size:20px;margin-top:6px;} .game.academy .table_wrap{width:100%;margin:0;background:transparent;} .game_schedule.academy .table_wrap ul.table li .col.stadium{width:100%;float:none;margin-bottom:0;padding:0;} .game_schedule.academy .table_wrap ul.table{background-color:#FFF;} a.btn.block.link{width:92%;margin:30px 4%;} } @media screen and (max-width:560px){ .game_schedule .table_wrap ul.table li{margin-bottom:30px;text-align:center;} .game_schedule .table_wrap ul.table li .col.vs{text-align:center;} .game_schedule .table_wrap ul.table li .col.vs p.against{padding-right:0;} .game_schedule .table_wrap ul.table li .col.vs p.score{float:none;width:100%;margin-top:0px;} .game_schedule .table_wrap ul.table li .col.stadium{margin-top:58px;} .game_schedule .table_wrap ul.table li .col.tv{position:relative;width:100%;left:auto;bottom:70px;text-align:center;} .game_schedule .table_wrap ul.table li .col.tv p{text-align:center;padding-right:0;} .game_schedule .table_wrap ul.table li .ticket{width:100%;height:40px;} .game_schedule .table_wrap ul.table li .col.homeaway{float:left;} .game_schedule .table_wrap ul.table li .col.stadium{float:left;margin-bottom:0;} .game_schedule .table_wrap ul.table li .col.ticket{maring-bottom:20px;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link.off{float:none;width:100%;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link .btn{text-align:center;} .game_schedule .table_wrap ul.table li .col.ticket .btn.block.link .btn svg{padding:0;} .game_schedule.academy .table_wrap ul.table li .col.stadium{text-align:center;} .game_schedule.academy .table_wrap ul.table li .col.stadium p{padding:0;} } @media screen and (max-width:400px){ .game_schedule .table_wrap ul.table li .col.vs p.against{font-size:19px;} } .ranking .table_wrap{margin-bottom:0px;} .ranking .table_wrap ul.table li{width:100%;padding:0;} .ranking .table_wrap ul.table li.our_team, .ranking .table_wrap ul.table li.okayama{background:#ffc1c1;} .ranking .table_wrap ul.table li{margin-bottom:0;} .ranking .table_wrap ul.table li .col{padding:10px 0 10px 0;vertical-align:middle;box-sizing:border-box;border-right:3px solid #f5f5f5;border-top:3px solid #f5f5f5;display:table-cell;} .ranking .table_wrap ul.table li .col p{height:auto;padding:20px 10px 10px;font-size:16px;line-height:1.4em;vertical-align:middle;display:inline-block;} .ranking .table_wrap ul.table li .col a{color:#ad0040;} .ranking .table_wrap ul.table li .col a:hover{color:#7e012f;text-decoration:none;} .ranking .table_wrap ul.table li .order {width:6%;} .ranking .table_wrap ul.table li .team {width:35%;min-width:35%;} .ranking .table_wrap ul.table li .point {width:6%;} .ranking .table_wrap ul.table li .game {width:10%;} .ranking .table_wrap ul.table li .win {width:6%;} .ranking .table_wrap ul.table li .draw {width:6%;} .ranking .table_wrap ul.table li .lose {width:6%;} .ranking .table_wrap ul.table li .goal {width:6%;} .ranking .table_wrap ul.table li .agoal {width:6%;} .ranking .table_wrap ul.table li .diff {width:10%;} .ranking .table_wrap ul.table li .col.team{text-align:left;} .ranking .table_wrap ul.table li .col.team img{width:35px;height:35px;padding:10px 0 10px 5px;} .ranking .table_wrap ul.table li .col.team p{padding:16px 10px 10px;} .ranking .table_wrap ul.table li.ttl{background:#f9c900;padding:0;} .ranking .table_wrap ul.table li.ttl .col{border-right:3px solid #FFF;border-top:none;vertical-align:top;text-align:center;} .ranking .table_wrap ul.table li.ttl .col p{height:auto;padding:10px 5px;color:#000;font-weight:bold;line-height:1.4em;} .ranking .table_wrap ul.table li.ttl .date{background:#e5e5e5;} .ranking .table_wrap ul.table li.ttl .team{width:35%;min-width:35%;} @media screen and (max-width:760px){ .ranking .table_wrap ul.table li .col p{font-size:12px;padding:10px 5px;} /* .ranking .table_wrap ul.table li .team {width:20%;} */ .ranking .table_wrap ul.table li .col.team img{width:30%;height:auto;padding:0 35%;text-align:center;display:inline-block;} .ranking .table_wrap ul.table li .col.team p{width:80%;height:auto;padding:0 10% 0;font-size:10px;text-align:center;} .ranking .table_wrap ul.table li .number, .ranking .table_wrap ul.table li.ttl .number{width:27px;max-width:27px;;min-width:27px;text-align:center;} .ranking .table_wrap ul.table li.ttl .col.team p{width:auto;padding:10px 5px;;font-size:12px;} } .live{} .live .nav.low.sub_navi{margin-top:30px;} .live .homegame_info_wrap{padding-bottom:40px;background:#FFF;} .live .homegame_info_wrap .match > .ttl{width:100%;margin:40px 0 30px;background:#bc0012;display:inline-block;} .live .homegame_info_wrap .match > .ttl p{padding:14px 20px 10px;color:#FFF;font-size:28px;font-weight:bold;text-align:center;display:inline-block;} .live .homegame_info_wrap .match > .ttl .btn.toggle{float:right;width:30px;height:32px;margin-right:20px;padding-top:30px;/* background:#0c0a58; */display:none;cursor:pointer;} .live .homegame_info_wrap .match > .ttl .btn.toggle span{width:24px;height:2px;margin:-1px auto 0;background:#FFF;display:block;} .live .homegame_info_wrap .match > .ttl .btn.toggle span:nth-child(1){margin-top:0;transform:rotateZ(90deg);-webkit-transform:rotateZ(90deg);} .live .homegame_info_wrap .homegame_info{width:100%;height:auto;color:#000;text-align:center;} .live .homegame_info_wrap .homegame_info.detail{padding:30px 0 20px;background:#d70c1f;} .live .homegame_info_wrap .homegame_info.detail p{margin:0 auto;color:#FFF;font-size:14px;font-weight:bold;text-align:center;} .live .homegame_info_wrap .homegame_info.detail p.date{font-size:30px;} .live .homegame_info_wrap .homegame_info.detail p.date span{margin-left:5px;font-size:21px;color:#FFF;font-weight:normal;vertical-align:baseline;} .live .homegame_info_wrap .homegame_info.detail p.kickoff{margin:6px 0 10px;font-size:40px;} .live .homegame_info_wrap .homegame_info.detail p.kickoff span{margin-left:5px;font-size:21px;color:#FFF;font-weight:normal;} .live .homegame_info_wrap .homegame_info.detail p.stadium{margin-top:5px;margin-bottom:15px;font-size:16px;font-weight:normal;} .live .homegame_info_wrap .homegame_info.data{padding:40px 0 20px;font-size:0;background:#f8f8f8;border:10px solid #d70c1f;box-sizing:border-box;} .live .homegame_info_wrap .homegame_info.data p{text-align:center;} .live .homegame_info_wrap .homegame_info.data p.status{width:100%;margin-bottom:10px;font-size:30px;font-weight:bold;} .live .homegame_info_wrap .homegame_info.data .team{width:200px;display:inline-block;vertical-align:top;} .live .homegame_info_wrap .homegame_info.data .team p{font-size:14px;line-height:1.4em;} .live .homegame_info_wrap .homegame_info.data p.score{margin:40px 30px 40px;font-size:80px;font-weight:bold;display:inline-block;vertical-align:top;} .live .homegame_info_wrap .homegame_info.data p.score.home{} .live .homegame_info_wrap .homegame_info.data .table_wrap{width:180px;font-size:12px;background:none;display:inline-block;} .live .homegame_info_wrap .homegame_info.data .table_wrap ul.table li{background:none;background-color:transparent;} .live .homegame_info_wrap .homegame_info.data .table_wrap ul.table li .col{width:60px;padding:8px 5px;border:none;} .live .homegame_info_wrap .homegame_info.data .table_wrap ul.table li .col p{padding:0;} .live .homegame_info_wrap .homegame_info.data p.update_txt{width:200px;margin:20px auto 0;padding:10px 0;font-size:12px;background:#7e012f;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;text-align:center;} .live .homegame_info_wrap .table_wrap.score{width:100%;padding:30px 0;font-size:18px;background:#FFF;} .live .homegame_info_wrap .table_wrap.score ul.table li{background-color:transparent;} .live .homegame_info_wrap .table_wrap.score ul.table li .col{border:none;vertical-align:top;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.number{width:48%;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.number.home{padding-right:20px;text-align:right;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.number.away{padding-left:20px;text-align:left;} .live .homegame_info_wrap .table_wrap.score ul.table li .col p{padding:10px 5px 10px;line-height:1.8em;} .live .homegame_info_wrap .table_wrap.score ul.table li .col p span{color:#d70c1f;vertical-align:baseline;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.line{width:1%;text-align:center;vertical-align:middle;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.line > div{width:2px;height:100%;background:#dadada;display:inline-block;} .live .homegame_info_wrap .match{width:92%;margin:0 4%;font-size:0;display:inline-block;} .live .homegame_info_wrap .match .table_wrap.match_condition{float:left;width:50%;height:auto;padding:0;margin:0;font-size:18px;background:#FFF;display:inline-block;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li{border-top:1px solid #dadada;background-color:transparent;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col{border:none;vertical-align:top;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col.item{width:200px;min-width:200px;background:#f5f5f5;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col.txt{width:100%;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col p{padding:10px 5px 10px;line-height:1.8em;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col p span{color:#ad0040;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col.line{width:1%;text-align:center;vertical-align:middle;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col.line > div{width:2px;height:100%;background:#dadada;display:inline-block;} /* .live .homegame_info_wrap .match .match_member.ttl{width:100%;margin:40px 0 30px;background:#ad0040;display:inline-block;} */ /* .live .homegame_info_wrap .match .match_member.ttl p{padding:10px 20px;color:#FFF;font-size:28px;font-weight:bold;text-align:center;} */ .live .homegame_info_wrap .match .match_comment.ttl{margin:40px 0 10px;} .live .homegame_info_wrap .match .news_list_txt{width:100%;margin:0;} .live .homegame_info_wrap .match .news_list_txt ul{width:100%;margin:0;} .live .homegame_info_wrap .match .link_photo a{text-align:center;} .live .homegame_info_wrap .match .table_wrap.match_member{width:100%;padding:0;margin:0;font-size:18px;background:transparent;display:inline-block;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table{float:left;width:49%;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table.left{margin-right:1%;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table.right{margin-left:1%;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li{border-top:1px solid #dadada;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.team{width:100%;border:none;background-color:transparent;text-align:center;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.team img{width:90px;height:auto;display:inline-block;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.team p{margin-top:30px;color:#000;font-size:24px;line-height:1.4em;font-weight:bold;display:inline-block;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.item{width:100%;margin-top:16px;border:none;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.item p{padding:20px 20px;color:#000;font-size:16px;line-height:1.4em;background:#f5f5f5;text-align:left;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col{border:none;vertical-align:top;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.position{width:70px;min-width:70px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.number{width:70px;min-width:70px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.name{width:auto;text-align:left;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.change{width:45px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.change p{padding:10px 0 0 4px;text-align:center;display:inline-block;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.change img{width:18px;height:auto;margin:0 auto;display:block;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col p{padding:10px 5px 10px;font-size:14px;line-height:1.8em;text-align:left;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col p span{color:#ad0040;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.line{width:1%;text-align:center;vertical-align:middle;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.line > div{width:2px;height:100%;background:#dadada;display:inline-block;} /* .live .homegame_info_wrap .match .match_report.ttl{width:100%;margin:40px 0 30px;background:#ad0040;display:inline-block;} */ /* .live .homegame_info_wrap .match .match_report.ttl p{padding:10px 20px;color:#FFF;font-size:28px;font-weight:bold;text-align:center;} */ .live .homegame_info_wrap .match .table_wrap.match_report{width:100%;margin:0;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li{background-color:transparent;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li:nth-child(2n){background:#f5f5f5;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col{padding:10px 5px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col p{padding:20px 0 10px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .team{width:50%;border:none;text-align:center;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .team img{width:90px;height:auto;display:inline-block;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .team p{margin-top:0px;color:#000;font-size:24px;line-height:1.4em;font-weight:bold;display:inline-block;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col{border-right:none;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .name{width:30%;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .icon{width:30px;min-width:30px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .time{width:60px;min-width:60px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .name.home{text-align:right;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .name.away{text-align:left;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .name p{line-height:1.4em;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .icon img{width:12px;margin:4px 0;display:block;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .time p{font-size:18px;font-weight:bold;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col.next_game.ticket p{display:block;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col.next_game.ticket a{width:123px;margin:0 0 30px; display:inline-block!important;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col.next_game.ticket a .btn{float:none;width:inherit;text-align:center;background:#0c0a58;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col.next_game.ticket a:hover .btn{background:#ad0040;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col.next_game.ticket a .btn svg{float:right;padding-right:10px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col.next_game.ticket a .btn p{float:right;padding:18px 5px;} /* .live .homegame_info_wrap .match .match_data.ttl{width:100%;margin:40px 0 30px;background:#ad0040;display:inline-block;} */ /* .live .homegame_info_wrap .match .match_data.ttl p{padding:10px 20px;color:#FFF;font-size:28px;font-weight:bold;text-align:center;} */ .live .homegame_info_wrap .match .table_wrap.match_data{width:100%;margin:30px 0 60px;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li{background-color:transparent;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li.row.item{background:#f5f5f5;font-size:14px;line-height:1.6em;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li.row.item .col.item{background:#fefefe;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .col{padding:10px 5px;text-align:center;display:table-cell;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .col p{padding:5px 0;} /* .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .col{border-right:none;} */ .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .item{width:100px;min-width:100px;text-align:center;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .team{width:50%;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .today{width:50%;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .today.th{width:100%;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .season{width:50%;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .item p{font-size:14px;text-align:left;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .team img{width:100%;height:auto;} .live .homegame_info_wrap .match .match_member_cont, .live .homegame_info_wrap .match .table_wrap.match_data, .live .homegame_info_wrap .match .table_wrap.match_report, .live .homegame_info_wrap .match .match_comment_list{margin-bottom:30px;background:transparent;display:inline-block;} @media screen and (max-width:980px){ .live .homegame_info_wrap{width:92%;margin:0 4%;} .live .homegame_info_wrap .homegame_info.data .team{width:120px;margin-top:20px;} .live .homegame_info_wrap .homegame_info.data .team img{width:100%;height:auto;} .live .homegame_info_wrap .homegame_info.data p.score{margin:40px 0;} .live .homegame_info_wrap .homegame_info.data p.score.home{margin-left:20px;} .live .homegame_info_wrap .homegame_info.data p.score.away{margin-right:20px;} .live .homegame_info_wrap .match .table_wrap.match_condition{float:none;width:100%;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.team p{font-size:21px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .team p{font-size:21px;} } @media screen and (max-width:890px){ .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.team img{margin:0 auto;display:block;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.team p{margin:30px 0 0;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .team img{margin:0 auto;display:block;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .team p{font-size:21px;} } @media screen and (max-width:560px){ .live .homegame_info_wrap .match > .ttl{margin-bottom:0;} .live .homegame_info_wrap .match > .ttl.on{margin-bottom:30px;} .live .homegame_info_wrap .match > .ttl p{padding:24px 20px 20px;font-size:18px;text-align:left;display:inline-block;} .live .homegame_info_wrap .match > .ttl .btn.toggle{display:inline-block;} .live .homegame_info_wrap .homegame_info.data p.status{font-size:21px;} .live .homegame_info_wrap .homegame_info.data .team{width:80px;margin:20px 5px;} .live .homegame_info_wrap .homegame_info.data .team img{width:100%;height:auto;} .live .homegame_info_wrap .homegame_info.data .team p{margin-top:5px;font-size:12px;} .live .homegame_info_wrap .homegame_info.data p.score{margin:40px 0;font-size:40px;} .live .homegame_info_wrap .homegame_info.data p.score.home{margin-left:5px;} .live .homegame_info_wrap .homegame_info.data p.score.away{margin-right:5px;} .live .homegame_info_wrap .homegame_info.data .table_wrap{width:100px;margin:0 5px;font-size:12px;background:none;display:inline-block;} .live .homegame_info_wrap .homegame_info.data .table_wrap ul.table li{background:none;} .live .homegame_info_wrap .homegame_info.data .table_wrap ul.table li .col{width:60px;padding:4px 1px;border:none;} .live .homegame_info_wrap .homegame_info.data .table_wrap ul.table li .col p{padding:0;} .live .homegame_info_wrap .table_wrap.score{margin:0;padding:15px 0;} .live .homegame_info_wrap .table_wrap.score ul.table li .col p{font-size:14px;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col p{font-size:14px;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col.item{width:120px;min-width:120px;background:#f5f5f5;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.position{width:30px;min-width:30px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.number{width:30px;min-width:30px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.change p{padding:4px 0 0 4px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.change img{width:10px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.team p{height:40px;font-size:18px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .team p{height:40px;font-size:18px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col p{font-size:14px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .time p{font-size:18px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li.row.team p{height:40px;font-size:18px;} /* .live .homegame_info_wrap .match .match_member_cont, .live .homegame_info_wrap .match .table_wrap.match_data, .live .homegame_info_wrap .match .table_wrap.match_report, .live .homegame_info_wrap .match .match_comment_list{margin-bottom:0;display:none;} */ } @media screen and (max-width:400px){ .live .homegame_info_wrap .homegame_info.data .team{width:50px;margin:20px 5px;} .live .homegame_info_wrap .homegame_info.data .team p{margin-top:5px;font-size:10px;} .live .homegame_info_wrap .homegame_info.data .table_wrap ul.table li .col{width:40px;padding:4px 2px;} .live .homegame_info_wrap .homegame_info.data .table_wrap ul.table li .col p{font-size:12px;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col p{font-size:12px;line-height:1.4em;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.item p{padding:10px;font-size:12px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li.row.team p{height:40px;font-size:14px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col p{padding:5px 0;font-size:10px;line-height:1.4em;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.position, .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.position p, .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.number, .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.number p{width:14px;min-width:inherit;} .live .homegame_info_wrap .match .table_wrap.match_report{width:100%;margin:0;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col p{font-size:12px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .team p{height:40px;padding: 20px 0 10px;font-size:14px;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .time{width:30px;min-width:30px;text-align:center;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .time p{font-size:12px;} } .live .post_inner .cms_table th{background:#f5f5f5;} #score_detail.data{margin-top:5px;vertical-align:middle;} #score_detail.data .table_wrap{position:relative;width:210px;margin:0 auto 10px!important;background:none;display:block;vertical-align:text-bottom;} #score_detail.data .table_wrap ul.table{display:inline-block;} #score_detail.data .table_wrap ul.table li{width:100%;margin-bottom:0;padding:0;background:none;display:inline-block;box-sizing:border-box;vertical-align:middle;} #score_detail.data .table_wrap ul.table li .col{width:50px;min-width:50px;padding:0;border:none;display:inline-block;box-sizing:border-box;vertical-align:middle;background-color:transparent;text-align:center;} #score_detail.data .table_wrap ul.table li .col p{padding:0;color:#000;font-size:32px;line-height:1em;font-weight:bold;} #score_detail.data .table_wrap ul.table li .col .half{color:#333;font-size:12px;font-weight:normal;} #score_detail.data .table_wrap > img{position:absolute;top:0;right:-10px;left:inherit;margin-top:6px;} #score_detail.data .table_wrap > img:first-child{left:-10px;right:inherit;} .live .news_aside_archive{margin-top:60px;display:inline-block;} .live .news_aside_archive .accordion_title{padding-left:0;margin-right:20px;font-size:24px;text-align:center;} @media screen and (max-width:730px){ .live .table_wrap ul.table li{margin-bottom:0;padding:0;width:100%;} .live .table_wrap ul.table li .col p{font-size:12px;line-height:1.4em;} .live .homegame_info_wrap .table_wrap.score{width:100%;padding:0;margin:0;} .live .homegame_info_wrap .table_wrap.score ul.table li .col p{padding:0;font-size:16px;font-weight:normal;line-height:1.6em;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.number{width:50%;margin:20px 0 30px;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.number.home{padding-right:0;text-align:center;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.number.away{padding-left:0;text-align:center;} .live .homegame_info_wrap .table_wrap.score ul.table li .col.line{width:0;} .live .homegame_info_wrap .match .table_wrap ul.table li{text-align:left;} .live .homegame_info_wrap .match .table_wrap ul.table li .col p{font-weight:normal;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.name{text-align:left;vertical-align:sub;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.change{vertical-align:baseline;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.change p{padding-right:3px;} .live .homegame_info_wrap .match .table_wrap.match_member ul.table li .col.change img{display:inline-block;vertical-align:-webkit-baseline-middle;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col p{padding-left:10px;font-size:14px;font-weight:normal;text-align:left;} .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li .col.txt{width:auto;} .live .homegame_info_wrap .match .table_wrap.match_report ul.table li .col.team p{font-size:18px;} .live .homegame_info_wrap .match .table_wrap.match_data ul.table li .team{width:} .live .homegame_info_wrap .match > .ttl p{font-size:21px;} #score_detail.data .table_wrap > img{right:0;} #score_detail.data .table_wrap > img:first-child{left:0;} } @media screen and (max-width:560px){ .live .homegame_info_wrap .match .table_wrap.match_condition ul.table li{text-align:left;} } /* text live */ .game .table_wrap ul.table li.row.item .col{background:#f5f5f5;} .game .table_wrap ul.table li.row.start .col{background:#f7e5ec;} .game .table_wrap.match_text_live{margin-top:30px;} .game .table_wrap.match_text_live ul.table li.row .col p{padding:6px;} .game .table_wrap.match_text_live ul.table li.row .col.time, .game .table_wrap.match_text_live ul.table li.row .col.team{width:15%;} .game .table_wrap.match_text_live ul.table li.row .col.txt{width:70%;text-align:left;} .game .table_wrap.match_text_live ul.table li.row:nth-child(2n) .col{background:#f8f8f8;} .game .table_wrap ul.table li.row:nth-child(2n).start .col{background:#f7e5ec;} .game .table_wrap.match_text_live ul.table li.row.item .col.txt{text-align:center;} .game .table_wrap.match_text_live ul.table li.row .col.txt p img.goal{width:auto;height:20px;} @media screen and (max-width:730px){ .game .table_wrap.match_text_live{width:100%;margin:30px 0 0;} .game .table_wrap ul.table li.row .col p{font-size:13px;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ SCHEDULE - training - media - event -------------------------------------------------- */ .nav_month{width:100%;margin:30px 0 40px;} .nav_month a.control{width:50px;height:60px;text-decoration:none;display:inline-block;} .nav_month a.control:hover .btn{background:#bc0012;} .nav_month a.control .btn{float:right;width:58px;height:58px;background:#d70c1f;text-align:center;display:inline-block;border-radius:58px;-webkit-border-radius:58px;-moz-border-radius:58px;-webkit-transition:background-color .2s;} .nav_month a.control .btn svg{width:24px;height:15px;} .nav_month a.control .btn.prev svg{padding:20px 8px 0 ;} .nav_month a.control .btn.next svg{padding:20px 0 0 3px;} .nav_month .title{font-size:24px;display:none;} .nav_month ul.nav_month_list{position:relative;margin:0 20px;text-align:left;font-size:0;vertical-align:top;display:inline-block;} .nav_month ul.nav_month_list li{position:relative;cursor:pointer;color:#000;background-color:transparent;-webkit-transition:background-color .2s,color .2s;display:inline-block;} .nav_month ul.nav_month_list li a{padding:20px 16px 20px 16px;color:#000;font-size:16px;font-weight:bold;text-decoration:none;border-bottom:4px solid #f8f8f8;display:inline-block;box-sizing:border-box;-webkit-transition:border .2s;} .nav_month ul.nav_month_list li a::before{content:"";position:absolute;left:0;width:1px;height:10px;margin-top:4px;background-color:#dadada;display:inline-block;-webkit-transition:background-color .2s;} .nav_month ul.nav_month_list li.active a{color:#d70c1f;padding:20px 16px 20px 16px;margin-bottom:0;border-bottom:4px solid #d70c1f;} .nav_month ul.nav_month_list li:hover{color:#FFF;background:#d70c1f;box-sizing:border-box;} .nav_month ul.nav_month_list li:hover a{margin-bottom:0;color:#FFF;border-bottom:0;border-bottom:4px solid #d70c1f;} .nav_month ul.nav_month_list li:hover a::before{background-color:#d70c1f;} .shedule .table_wrap{margin-bottom:60px;} .shedule .table_wrap ul.table li .col{padding:10px 0 10px 0;vertical-align:middle;box-sizing:border-box;border-right:1px solid #e5e5e5;border-top:1px solid #e5e5e5;display:table-cell;} .shedule .table_wrap ul.table li .col p{height:auto;padding:20px 10px 10px;font-size:16px;line-height:1.4em;vertical-align:middle;display:inline-block;} .shedule .table_wrap ul.table li .col a{color:#ad0040;} .shedule .table_wrap ul.table li .col a:hover{color:#7e012f;text-decoration:none;} .shedule .table_wrap ul.table li .col.date p{color:#FFF;} .shedule .table_wrap ul.table li .col.date p span{color:#FFF;font-size:12px;font-weight:bold;} .shedule .table_wrap ul.table li .date {width:10%;background:#ad0040;} .shedule .table_wrap ul.table li .category {width:33.333%;vertical-align:top;} .shedule .table_wrap ul.table li .other {width:33.333%;vertical-align:top;} .shedule .table_wrap ul.table li.ttl{background:#e5e5e5;} .shedule .table_wrap ul.table li.ttl .col{border-right:1px solid #dadada;border-top:none;} .shedule .table_wrap ul.table li.ttl .col p{height:auto;padding:10px 5px;color:#000;font-weight:bold;line-height:1.4em;} .shedule .table_wrap ul.table li.ttl .date{background:#e5e5e5;} .shedule .table_wrap ul.table li .col.other{border-right:none;} .shedule .table_wrap ul.table li.ttl .col.other{border-right:none;} .shedule .table_wrap ul.table li .date.academy {width:10%;} .shedule .table_wrap ul.table li .category.academy{width:100%;} @media screen and (max-width:1100px){ } @media screen and (max-width:980px){ .nav_month .title{position:relative;margin:15px 20px 15px!important;display:inline-block!important;vertical-align:top;} .nav_month ul.nav_month_list{width:60%;text-align:center;} .nav_month ul.nav_month_list{display:none!important;} .shedule .table_wrap ul.table li .date{width:60px;min-width:60px;} .shedule .table_wrap ul.table li .col.category p{font-size:14px;text-align:left;} .shedule .table_wrap ul.table li .col.other p{font-size:14px;text-align:left;} } @media screen and (max-width:560px){ .shedule .table_wrap ul.table li .date.academy{width:20%;} } /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ OLD article -------------------------------------------------- */ .old_article img{max-width:100%;height:auto;} .old_article table{width:100%;background-color:#FFF!important;table-layout:fixed;border-collapse:collapse;} .old_article table a{color:#2280ff;text-decoration:underline;} .old_article table a:hover{color:#d70c1f;text-decoration:none;} .old_article table td{vertical-align:top;word-break:break-all;padding-bottom:10px;} .old_article tr{margin-bottom:20px;} .old_article>table{padding:30px 20px 0;font-size:14px;line-height:1.8em;text-align:left;display:inline-block;box-sizing:border-box;} .old_article #article{margin-bottom:30px;} .old_article #article td{padding:10px 10px 20px;font-size:14px;line-height:1.8em;text-align:left;display:inline-block;} .old_article #article td.google-map{position:relative;padding:0;padding-bottom:75%;width:100%;height:0;overflow:hidden;} .old_article #article td.google-map iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;} .old_article #sub_title01{margin-bottom:20px;padding-left:18px;color:#000;font-size:24px;font-weight:bold;line-height:1.4em;border-left:solid 8px #d70c1f;text-align:left} .old_article h4{margin:30px 0 15px;font-size:116%;color:#d70c1f;padding:10px;display:inline-block;background-color:#FFF;border:1px solid #d70c1f;box-sizing:border-box;display:inline-block;} .old_article_table, .old_article>table.old_article_table{display:table;} .old_article_table td{} .old_article_header_image{display:inline-block;} .old_article_header_image img{width:100%;height:auto;} .fanclub .contents_body_column{background-color:#fff;} .fanclub .old_article p{padding:0 20px;color:#231815;font-size:14px;line-height:1.8em;text-align:left;} .fanclub .old_article table{color:#231815;background-color:#fff!important;table-layout:fixed;border-collapse:collapse;} .fanclub .old_article table td{} .fanclub .old_article>table.tableAll{color:#231815;font-size:12px;text-align:center;display:table;} .fanclub .old_article>table.tableAll th{font-size:10px;text-align:center;} table.old_table td{display:table;} .white_16{margin:30px 0 15px;font-size:116%;color:#d70c1f;padding:10px;display:inline-block;background-color:#FFF;border:1px solid #d70c1f;box-sizing:border-box;display:inline-block;} tr.white strong{font-size:14px;color:#FFF;padding:10px;background-color:#d70c1f;box-sizing:border-box;display:block;} .nomale_table{border-left:1px solid #dadada;border-bottom:1px solid #dadada;} .nomale_table tr{border-top:1px solid #dadada;} .nomale_table td{padding:10px;border-right:1px solid #dadada;} #sub_title10 {padding-left:15px;font-size:18px;font-weight:bolder;color:#d70c1f;padding-top:10px;border-left:6px solid #d70c1f;padding-bottom:0px;padding-right:0px;text-align:left;} #sub_title_school{margin:30px 0 20px;font-size:18px;font-weight:bolder;color:#FFF;background-color:#D90B0B;padding:12px 0 14px 17px} .school #mainphoto, .school #player_main{width:100%;} .school #player_prof dl{width:100%;} .school #player_prof dl dt{width:100%;vertical-align:top;box-sizing: border-box;} .school #player_prof dl dd{width:100%;line-height:1.8em;box-sizing: border-box;} /* .school .old_article_table td{border-right:1px solid #dadada;border-bottom:1px solid #dadada;} */ .school .old_article_table tr{border-top:1px solid #dadada;} .school .old_article_table tr.white td{padding:0;} .school .old_article_table td{padding:0 5px 10px;border-right:1px solid #dadada;} .school .white_line td{width:100%;background-color:#dadada;padding-bottom:1px;} .no_header_title{margin:10px 0 30px;color:#d70c1f;font-size:21px;font-weight:bold;text-align:center;} .old_article .sitemap a{margin:0 20px 30px 0;} .old_article .sitemap a img{padding-right:10px;} .old_article .kiyaku_iframe{border:1px solid #dadada;font-size:12px;} .old_article .table_in_table{table-layout:auto;} .old_article .topics{font-size:16px;font-weight:bold;color:#0588C7;text-align:left;margin-bottom:0px; width:auto;line-height:2.5em;border-bottom-color:#668CB0;border-bottom-style:dotted;border-width:1px;max-width:auto;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;margin-top:10px;} .old_article span.style04_red_18{color:#d70c1f;font-size:24px;font-weight:bold;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ School -------------------------------------------------- */ .school__article{padding: 2em;} .school__article .inner{} .school__article--ttl{font-size: 24px;} .school__article--ttl .jp{font-size: 18px;} .school__article__blk .blk{padding: 2em;} .school__article__blk .blk_left{width: 44%;} .school__article__blk .blk_right{width: 44%;} .school__article__blk .txt{line-height: 1.5;} .school__article__blk--header{padding-bottom: 2em;} .school__article__blk--txt{font-weight: bolder;line-height: 1.5;} #school_contact--blk{margin-top:60px;background-color:#000;color:#FFF;text-align:center;} #school_contact--blk p{margin-bottom:20px;font-size:14px;} #school_contact--blk a{font-size:16px;vertical-align:baseline;} #school_contact--blk a:hover{color:#d70c1f;} /* fun_to_football */ #fun_to_football{background-color: #b5b6b6;color: #FFF;} #fun_to_football .school__article--ttl {text-align: left; color: #d70c1f;} #fun_to_football .school__article__blk .ttl{font-size: 18px; font-weight: bold;} #fun_to_football .school__article__blk .ttl .em{font-size: 24px;color: #d70c1f;} #fun_to_football .school__article__blk {overflow: hidden;} #fun_to_football .school__article__blk .blk_left {float: left;width: 50%;} #fun_to_football .school__article__blk .blk_right {float: right; width: 50%;} #fun_to_football .containerTitle04 {color: #d70c1f; display: inline-block; padding: 5px} #fun_to_football .frame {border: 1px solid #d70c1f;} /* standard_class */ #standard_class {background-color: #0d92bd;color: #FFF;} #standard_class .school__article--ttl {text-align: center;} #standard_class .school__article__blk ul{display: flex;justify-content: center;} #standard_class .school__article__blk ul li{font-weight: bold; border: 1px solid #FFF; padding: .5em 1em;margin: 5px;} #standard_class .school__article__blk .frame{border: 1px solid #FFF;} #standard_class .school__article__blk .caution{text-align: left;color: #f5eb17;} #standard_class .detail--btn{color: #0d92bd;width: 180px;background-color: #FFF;margin: auto;text-align: center;padding: 10px;font-size: 18px;font-weight: bold;} /* advance_class */ #advance_class{background-color: #009e41;color: #FFF;} #advance_class .school__article--ttl {text-align: center;} #advance_class .school__article__blk{display: flex;justify-content: space-between;} #advance_class .school__article__blk .frame{border: 1px solid #FFF;} #advance_class .school__article__blk .caution{text-align: left;color: #f5eb17;} #advance_class .detail--btn{color: #009e41;width: 180px;background-color: #FFF;margin: auto;text-align: center;padding: 10px;font-size: 18px;font-weight: bold;} /* special_class */ #special_class{background-color: #9c1c46;color: #FFF;} #special_class .school__article--ttl {text-align: center;} #special_class .school__article__blk{display: flex;justify-content: space-between;} #special_class .school__article__blk .frame{border: 1px solid #FFF;} #special_class .school__article__blk .caution{text-align: left;color: #f5eb17;} #special_class .detail--btn{color: #9c1c46;width: 180px;background-color: #FFF;margin: auto;text-align: center;padding: 10px;font-size: 18px;font-weight: bold;} /* price */ #price_blk{} #price_blk .school__article__blk{text-align: center;} #price_blk .school__article__blk .standard .school__article__blk--header{font-size: 18px; text-align: center; color: #0d92bd;} #price_blk .school__article__blk .advance .school__article__blk--header{font-size: 18px; text-align: center; color: #009e41;} #price_blk .school__article__blk .special .school__article__blk--header{font-size: 18px; text-align: center; color: #9c1c46;} #price_blk .school__article__blk .frame{border: 1px solid} #price_blk .school__article__blk .standard{border-color: #0d92bd;} #price_blk .school__article__blk .advance{border-color: #009e41;} #price_blk .school__article__blk .special{border-color: #9c1c46;} #price_blk .school__article__blk .adult{border-color: #e7470f;} #price_blk .school__article__blk .school__article__blk--ul{display: flex;flex-wrap: wrap;width: 740px;margin: 0 auto 2em;text-align: left;} #price_blk .school__article__blk .school__article__blk--ul li{display: inline-block; width: 50%; padding: 1em 0;} #price_blk .school__article__blk .school__article__blk--ul li .item {display: inline-block; background-color: #232323; color: #FFF; padding: .5em 1em;margin-right: 3px;} #price_blk .school__article__blk .school__article__blk--ul li .price {display: inline-block;font-weight: bold;line-height: 1.5;} #price_blk .school__article__blk .school__article__blk--ul li .price .caution{font-size: .8em;font-weight: normal;} #price_blk .school__article__blk .school__article__blk--ttl{display: inline-block; padding: .5em 1em;margin-bottom: 1em;} #price_blk .school__article__blk .member{text-align: left; background-color: #fffbc6;} #price_blk .school__article__blk .member .school__article__blk--header{text-align: center; color: #e7470f;font-size: 18px;} #price_blk .school__article__blk .member .ttl{color:#e7470f;font-size: 1.2em;font-weight: bold; padding: 5px 0; } #price_blk .school__article__blk .member .txt{margin-bottom: 1em;} /* training_items */ #training_items{background-color: #e60012;} #training_items .school__article--ttl {color: #FFF;text-align: center;} #training_items .school__article__blk .blk{display: flex;justify-content: space-between;} #training_items .school__article__blk .blk {padding: 0 1em;} #training_items .school__article__blk .blk li{padding: 1em; text-align: center;} #training_items .school__article__blk .blk img {max-width: 100%;} #training_items .school__article__blk .blk p{color: #FFF;line-height: 1.5;font-size: 1.2em;font-weight: bold;padding-top: .7em;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ School singlePage -------------------------------------------------- */ .school__single .school__article__blk .blk{margin: auto;padding: 1em;} .school__single .school__article__blk--header{padding: 0;} .school__single .school__article__blk--txt p.caution{padding-top: 5px;} .school__image img{max-width: 100%;} .school__detail--ul {max-width: 900px; margin: auto;} .school__detail--ul .school__info__blk{float: left; line-height: 2.0;margin-bottom: 1em;} .school__detail--ul .school__map__blk{float: right;} .school__info__blk p.item {display: inline-block; background-color: #232323; color: #FFF; padding: .5em 1em;margin-right: 3px;} .school__info__blk p.price {display: inline-block;font-weight: bold;} .school__info__blk p.price .caution{font-size: .8em;font-weight: normal;} /* standard */ .school__detail--ul.standard li{overflow: hidden; border-bottom: 1px solid #0d92bd; padding: 3em 5px;} .school__detail--ul.standard p.ttl{display: inline-block; color: #0d92bd; font-size: 1.2em; font-weight: bold; border: 1px solid #0d92bd;padding: .5em 1em;margin: 5px;} .free_trial--blk .inner{text-align:center;} .free_trial--blk .school__article--ttl{border:1px solid #FFF;padding:20px 40px;display:inline-block;} .free_trial--blk .school__article--ttl::before{content:"";background:url(../../assets/images/icons/arrow_2@x2.png) no-repeat;background-size:contain;width:11px;height:17px;display:inline-block;vertical-align:middle;padding-right:4px;} .free_trial--blk .school__article--ttl:hover{background-color:#0f7b9e;} .free_trial--blk .school__article--ttl .jp{font-size:24px;} /* advance */ .school__detail--ul.advance li{overflow: hidden; border-bottom: 1px solid #009e41; padding: 3em 5px;} .school__detail--ul.advance p.ttl{display: inline-block; color: #009e41; font-size: 1.2em; font-weight: bold; border: 1px solid #009e41;padding: .5em 1em;margin: 5px;} .advance p.subttl{color: #009e41;font-weight: bold;line-height: 2.0; margin: 2em 0;} /* special */ .school__detail--ul.special li{overflow: hidden; border-bottom: 1px solid #9c1c46; padding: 3em 5px;} .school__detail--ul.special p.ttl{display: inline-block; color: #9c1c46; font-size: 1.2em; font-weight: bold; border: 1px solid #9c1c46;padding: .5em 1em;margin: 5px;} .special p.subttl{color: #9c1c46;font-weight: bold;line-height: 2.0; margin: 2em 0;} /* adult */ .school__detail--ul.adult li{overflow: hidden; border-bottom: 1px solid #e7470f; padding: 3em 5px;} .school__detail--ul.adult p.ttl{display: inline-block; color: #e7470f; font-size: 1.2em; font-weight: bold; border: 1px solid #e7470f;padding: .5em 1em;margin: 5px;} .adult p.subttl{color: #e7470f;font-weight: bold;line-height: 2.0; margin: 2em 0;} .school__article__blk .adult .school__article__blk--header{font-size: 18px; text-align: center; color: #e7470f;} /* coach */ #coach_lists .school__article__blk .blk{display: flex;flex-wrap: wrap; justify-content: space-between;} #coach_lists .school__article__blk .blk li{width: 30%;margin-bottom: 3em;} #coach_lists .school__article__blk .blk li img{max-width: 100%;} #coach_lists .school__article__blk .blk .pos{font-size: 1.2em;font-weight: bold;margin: 5px 0 1em;} #coach_lists .school__article__blk .blk .name_jp{font-size: 2em;font-weight: bold;line-height: 1.5;} #coach_lists .school__article__blk .blk .name_en{font-size: 1.5em;font-weight: bold;} /*　-------------------------------------------------- ------------------------------------------------------ ------------------------------------------------------ School Responsive -------------------------------------------------- */ @media screen and (max-width:1100px){ .school__detail--ul {width: 100%;} .school__article__blk .blk{padding: 1em;} #price_blk .school__article__blk .school__article__blk--ul{width: 100%;} #price_blk .school__article__blk .school__article__blk--ul li{width: 100%;} #fun_to_football .school__article__blk .blk_left {width: 100%;margin-bottom: 2em;} #fun_to_football .school__article__blk .blk_right {width: 100%;} #standard_class .school__article__blk ul{flex-wrap: wrap;} #standard_class .school__article__blk ul li{width: 100%;} #advance_class .school__article__blk {flex-wrap: wrap;} #advance_class .school__article__blk .blk_left {width: 100%; margin-bottom: 2em;} #advance_class .school__article__blk .blk_right {width: 100%;} #special_class .school__article__blk {flex-wrap: wrap;} #special_class .school__article__blk .blk_left {width: 100%; margin-bottom: 2em;} #special_class .school__article__blk .blk_right {width: 100%;} #training_items .school__article__blk .blk{flex-wrap: wrap;} .school__detail--ul .school__info__blk{width: 100%} .school__detail--ul .school__map__blk{width: 100%;} .school__detail--ul .school__map__blk iframe {width:100%; max-width: 100%;} #coach_lists .school__article__blk .blk li{width: 100%;margin-bottom: 5em;} .free_trial--blk .school__article--ttl{padding:20px 20px;} .free_trial--blk .school__article--ttl .jp{font-size:18px;} } @media screen and (max-width:780px){ }