@charset "utf-8";
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
@import url('../font/GenJyuuGothic-Light/GenJyuuGothic-Light.css');
@import url('../font/GenJyuuGothic-Medium/GenJyuuGothic-Medium.css');
@import url('../font/GenJyuuGothic-Bold/GenJyuuGothic-Bold.css');
@import url('../font/GenJyuuGothic-Heavy/GenJyuuGothic-Heavy.css');
@import url('https://fonts.googleapis.com/css?family=Lato|Noto+Serif+JP&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
@import url('animate.min.css');
@import url('components.css');
@import url('menu.css');

/* 共通パーツ */
.tx_white { color:#fff!important; }
.indent_tx { margin-left:1rem; text-indent:-1rem; }
.btn { display:inline-block; background:#fc2348; border-radius:10px; padding:15px 30px; color:#333; text-decoration:none; color:#fff;}
.btn.radius { border-radius:50px;}
.btn.small { padding:10px 25px;}
.btn.large { font-size:1.2rem; padding:15px 25px;}
.btn.xlarge { font-size:1.5rem; padding:20px 25px;}
.btn.border { border:2px solid #fc2348; background:none; color:#fc2348;}
.common_btn_area01 { margin:100px 0 0; text-align:center; }

.pc_nodisp { display:none; }
.section_block {}
.section_block.mgt { margin-top:150px; }
.common_inner { padding:150px 180px 150px 100px; overflow-x:hidden;}
.common_inner02 { padding:150px 100px 150px 100px; overflow-x:hidden; border-radius:0 200px 200px 0; margin-right:220px;}
.common_inner03 { padding:80px 180px 80px 100px; border-radius:100px 0 0 100px; margin-left:100px;}
.common_inner04 { padding:80px 180px 0 100px; border-radius:100px 0 0 100px; margin-left:100px;}
.cont_block + .cont_block { margin-top:100px; }
.catch_title01 { font-size:3.2rem; font-weight:900; line-height:1; margin-bottom:40px;}
.catch_title01 .sub { font-size:1.0rem; font-weight:600; letter-spacing:0.05rem; line-height:1; margin-top:15px; color:#fc2348; display:block; font-family:"Poppins"; margin-left:3px;}
.ttl_wrap { display:flex; justify-content:space-between; align-items:center; margin-bottom:80px; }
.ttl_wrap .catch_title01 { margin-bottom:0; }
.ttl_wrap .more_btn {}
.ttl_wrap.type02 .catch_title01 { color:#fff; }
.ttl_wrap.type02 .catch_title01 .sub { color:#fff; }
.ttl_overflow_cont { position:relative; margin-top:60px;}
.ttl_overflow_cont .catch_title01 { position:absolute; top:-30px; }

.ttl_wrap.center { justify-content:center; }
.catch_title02 { font-size:3.2rem; font-weight:900; line-height:1.2; position:relative; font-size:3.6rem;}
.catch_title02:before, .catch_title02:after { content:""; display:inline-block; width:6px; height:90px; background:#333; transform:rotate(-35deg); position:absolute; top:-10px;}
.catch_title02:before { transform:rotate(-45deg); left:-70px;}
.catch_title02:after { transform:rotate(45deg); right:-70px;}
.catch_title02.marker { background:linear-gradient(transparent 60%, #ffee00 60%);}

.cont_nav {}
.cont_nav .inner {  background:#f4f4f4; padding:80px 180px 60px 100px; position:relative;}
.cont_nav .ttl { font-size:2.2rem; font-weight:900; margin-bottom:30px; line-height:1; align-items:center;}
.cont_nav .logottl_wrap { display:flex; margin-bottom:30px; align-items:center;}
.cont_nav .logottl_wrap .logo { width: 150px; display:flex; margin-right:30px;}
.cont_nav .logottl_wrap .tx { width:calc( 100% - 150px - 30px);}
.cont_nav .logottl_wrap .ttl { margin-bottom:15px;}
.cont_nav .logottl_wrap .sub { font-size:1.2rem; color:#fc2348;}

.cont_nav ul.btn_list { display:flex;}
.cont_nav ul.btn_list li { width:calc(( 100% - 50px ) / 6 );}
.cont_nav ul.btn_list li + li { margin-left:10px;}
.cont_nav ul.btn_list li a { display:block; padding:15px 0; background:#fc2348; border-radius:50px; font-size:1.1rem; font-weight:600; text-decoration:none; color:#fff; text-align:center; transition:0.2s;}
.cont_nav ul.btn_list li a:hover { transform:scale(1.1); box-shadow:0 0 15px rgba(0,0,0,0.1);}
.cont_nav ul.tx_link { display:flex; justify-content:flex-end; margin-top:20px;}
.cont_nav ul.tx_link li { }
.cont_nav ul.tx_link li + li  { margin-left:30px;}
.cont_nav ul.tx_link li a { font-size:1.1rem; font-weight:600; text-decoration:none; color:#333; }
.cont_nav ul.tx_link li a:hover { color:#fc2348;}


.sp_drop_btn { display:none; }

.main_image { height:100svh; position:relative; overflow:hidden;}
.main_image .video_wrap { position: absolute; z-index: 1; top: 0; right:0; left:0; bottom:0; overflow: hidden; opacity: 0; }
.video_loading { position: absolute; top: 0; left:0; width: 100vw; height:100svh; display:flex; justify-content:center; align-items:center; transition:0.2s;}

.video_loading.disappear{ opacity:0;}

.video_loading .icon1,.video_loading .icon2,.video_loading .icon3 { display:inline-block; background-size:100% auto; animation-fill-mode:forwards; opacity:0; animation-duration:4.0s; animation-timing-function:linear; animation-iteration-count: infinite; animation-delay:0s;}
.video_loading .icon1 { width:80px; height:28px; background-image:url(../images/chuba_loading01.png); animation-name:load_icon1;}
.video_loading .icon2 { width:50px; height:43px; background-image:url(../images/chuba_loading02.png); animation-name:load_icon2; margin:0 50px 0 35px;}
.video_loading .icon3 { width:70px; height:48px; background-image:url(../images/chuba_loading03.png); animation-name:load_icon3; margin-top:-10px;}
@keyframes load_icon1 {
    0%{ opacity:0;}
    5%{ opacity:0;}
    10%{ opacity:1;}
    75%{ opacity:1;}
    80%{ opacity:0;}
    100% { opacity:0;}
}
@keyframes load_icon2 {
    0%{ opacity:0;}
    25%{ opacity:0;}
    30%{ opacity:1;}
    75%{ opacity:1;}
    80%{ opacity:0;}
    100% { opacity:0;}
}
@keyframes load_icon3 {
    0%{ opacity:0;}
    45%{ opacity:0;}
    50%{ opacity:1;}
    75%{ opacity:1;}
    80%{ opacity:0;}
    100% { opacity:0;}
}

.video_wrap.appear {
    animation-name:PageAnimeAppear;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
}

@keyframes PageAnimeAppear{
    0% { opacity: 0;}
    50% { opacity: 0;}
    100% { opacity: 1;}
}

#video_item {
/*天地中央配置*/
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.08);
/*縦横幅指定*/
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}

/*youtubeがクリックされないためのマスク*/
.video_mask{
    position: absolute;
    z-index: 2;/*下から2番目に表示*/
    top:0;
    width:100%;
    height: 100%;
}

.scrollnav { display:block; position:absolute; left:50%; margin-left:-100px; width:200px; background:rgba(255,255,255,0.7); border-radius:30px; padding:15px 0px; line-height:1; text-align:center; font-size:1.2rem; font-weight:900; z-index:1; text-decoration:none; color:#333; animation:1.0s ease-in-out infinite scrollnav_arrow; box-shadow:0 0 5px rgba(0,0,0,0.2);}
.scrollnav:after
 { font-family: 'Material Icons'; content: "\f1e0"; transform:scaleY(1.2) rotate(180deg); display:block; width:40px; height:40px; position:absolute; top:50px; left:50%; margin-left:-20px; color:rgba(255,255,255,0.7); font-size:40px; line-height:1; }
@keyframes scrollnav_arrow{
    0%{ bottom:6.0%; }
    50%{ bottom:9%; }
    100%{ bottom:6.0%; }
}

.scroll_point { padding-top:80px; margin-top:-80px; display:block;}

.ad_area01 { padding:60px; display:flex; justify-content:center;}
.ad_area01 .pc { display:flex;}
.ad_area01 .pc > div + div { margin-left:20px!important;}

.bg_lightgray { background:#f4f4f4!important; }
.bg_red { background:#fc2348!important; }
.bg_white { background:#fff!important; }
.bg_stripe_gray { background: repeating-linear-gradient(-45deg, #f4f4f4, #f4f4f4 15px, #efefef 15px, #efefef 30px);}

.banner_list { }
.banner_list ul { display:flex; flex-wrap:wrap; }
.banner_list ul li { width:calc( ( 100% - 80px ) / 5 ); margin-right:20px; margin-bottom:20px; border-radius:10px; border:2px solid #999; overflow:hidden;}
.banner_list ul li:nth-of-type(5n) { margin-right:0;}

.banner_list02 { }
.banner_list02 ul { display:flex; flex-wrap:wrap; }
.banner_list02 ul li { width:calc( (100% - 80px) / 4 ); margin-right:20px; margin-bottom:20px; }
.banner_list02 ul li:nth-of-type(4n) { margin-right:0;}
.banner_list02 ul li a img { border-radius:15px; overflow:hidden;}
.banner_list02 ul li a:hover img{ opacity:1; transform: scale(1.1);}

.banner_list03 { }
.banner_list03 ul { display:flex; flex-wrap:wrap; }
.banner_list03 ul li { width:calc( 100% / 3 ); }
.banner_list03 ul li a img { border-radius:15px; overflow:hidden;}
.banner_list03 ul li a:hover img{ opacity:1; transform: scale(1.1);}


.tx_linklist { margin-top:30px; }
.tx_linklist ul li { display:inline-block;  margin-right:20px; margin-bottom:10px;}

/* modal */
.remodal-overlay { background:rgba(0,0,0,0.4)!important;}
.remodal { max-width:1200px!important; height:800px; border-radius:20px; padding:50px!important;}

/* cookie同意 */
.cookie-consent { display: flex; justify-content: space-between; align-items: center; position: fixed; bottom:0; left:0; width:100%; font-size:1rem; background:rgba(0,0,0,0.5); padding:20px; visibility: visible; transition:0.3s; color:#fff; z-index:100; opacity:0; visibility:hidden;}
.cookie-consent.is-show { opacity:1; visibility:visible;}
.cookie-consent .cookie-agree { background:#fc2348; height:70px; width:150px; display:flex; align-items:center; justify-content:center; transition:0.3s; border-radius:10px;}
.cookie-agree:hover { cursor: pointer; background:#ff5d79;}
.cookie-consent .tx { width:calc( 100% - 150px - 50px);}
.cookie-consent .tx a { color:#fff;}
.cc-hide { animation: hide 0.3s linear 0s; animation-fill-mode: forwards; }
@keyframes hide {
    from { opacity: 1; }
    to { opacity: 0; visibility: hidden; }
}

header { position:relative; z-index:10; }
header .logo { position:absolute; left:15px; top:20px;}
header .logo a { display:flex; align-items:center; }
header .logo a .logo1 { width:60px;}
header .logo a .logo2 { width:180px;}


header .nav_wrap { position:fixed; right:0; top:0; background:rgba(252,35,72,0.8); width:90px; height:100vh;
 animation-duration: 0.7s; animation-delay:.1s; animation-iteration-count: 1; animation-fill-mode: forwards; z-index:110;}
header .nav_wrap > .btn_area, header .nav_wrap > .sns_area { transition:0.1s;}
header .nav_wrap li {}
header .nav_wrap li .inner { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color:#fff; transition:0.2s; padding:15px 0; cursor:pointer;}
header .nav_wrap li i { font-size:2.5rem; transition:0.2s;}
header .nav_wrap li .tx { display:block; line-height:1; font-size:0.85rem; font-weight:600; width:100%; text-align:center; margin-top:5px;}
header .nav_wrap li .inner:hover { background:#d40a2d;}

/*

メニュー、番組表、ピックアップ のスタイルは menu.css で記述

*/

header .sns_area { width:100%; position:absolute; bottom:10px; left:0; }
header .sns_area ul li { display:flex; justify-content:center; align-items:center; padding: 15px;}
header .sns_area ul li a { display:block; }
header .sns_area ul li a:hover i { opacity:0.7;}

progress { -webkit-appearance: none; appearance: none; position: absolute; top: 0; left: 50%; transform: translate(calc(-50% + 3px), calc(50vh - 50%)) rotate(90deg); width: 200px; height: 4px; z-index: 10000; margin-left:-2px;}
progress::-webkit-progress-bar { background-color: #f5f5f5; border-radius: 10px; }
progress[value="100"]::-webkit-progress-bar { background-color: red;}
progress::-webkit-progress-value { background-color: #cc0000; border-radius:5px 0 0 5px;}



.breadcrumb { margin:150px 0 0; padding:0 180px 20px 100px;}
.breadcrumb ol { display:flex;  }
.breadcrumb ol li { font-size:0.85rem; color:#999; position:relative; padding-right:50px;}
.breadcrumb ol li:after { content:""; display:inline-block; height:25px; border-left:1px solid #ccc; position:absolute; right:25px; top:-3px; transform:rotate(45deg);}
.breadcrumb ol li:last-of-type { padding:0;}
.breadcrumb ol li:last-of-type:after { display:none;}
.breadcrumb ol li a { color:#999; }
.breadcrumb ol li a:hover { color:#fc2348; }

footer { background:#f4f4f4;}
footer a { color:#333; text-decoration:none; transition:0.2s; font-weight:600;}
footer a:hover { color:#fc2348;}

footer .inner { padding:150px 220px 80px 100px;}
footer .nav_wrap { display:flex; justify-content:space-between;}
footer .nav_wrap .box { width:calc(( 100% - 80px) / 2);}
footer .nav_wrap .ttl { font-size:1.8rem; font-weight:900; margin-bottom:80px;}
footer .nav_wrap .ttl .sub { font-size:0.7rem; letter-spacing:0.05rem; line-height:1; margin-top:10px; color:#fc2348; display:block; font-family:"Poppins"; font-weight: 600; padding-left:2px;}
footer .nav_wrap ul.nav01  { display:flex; flex-wrap:wrap; padding-left:5px; justify-content:space-between;}
footer .nav_wrap ul.nav01 li { width:calc( ( 100% - 60px ) / 4 ); margin-bottom:20px;}
footer .nav_wrap ul.nav01 li a { background:#fff; display:flex; flex-wrap:wrap; height:140px; border-radius:20px; justify-content:center; align-content:center; border:3px solid white;}
footer .nav_wrap ul.nav01 li a:hover { transform:scale(1.2); box-shadow:0 0 15px rgba(0,0,0,0.1); border-color:#fc2348;}
footer .nav_wrap ul.nav01 li a .tx { width:100%; text-align:center; }
footer .nav_wrap ul.nav01 li a .sub { width:100%; text-align:center; margin-top:5px; font-size:0.7rem; color:#fc2348; line-height:1;}
footer .nav_wrap ul.nav02 { display:flex; flex-wrap:wrap; padding-left:5px;}
footer .nav_wrap ul.nav02 li { width:calc( ( 100% - 20px ) / 2 ); margin-bottom:40px;}
footer .nav_wrap ul.nav02 li:nth-of-type(2n) { margin-left:20px;}
footer .bottom { border-top:1px solid #e1e1e1; padding-top:70px; margin-top:50px; display:flex; justify-content:space-between; align-items:center;}
footer .bottom ul.nav03 li { display:inline-block;}
footer .bottom ul.nav03 li + li { margin-left:50px;}
footer .bottom ul.nav03 li a { display:block;}
footer .bottom .logo { }
footer .bottom .logo a { display:flex; align-items:center; }
footer .bottom .logo a .logo1 { width:60px; margin-right:15px; }
footer .bottom .logo a .logo2 { width:180px;}
footer .copyright { background:#fff; font-size:0.8rem; padding:50px 220px 50px 100px; text-align:right; color:#999;}

/* top  */
.recommend_cont { display:flex; justify-content:space-between;}
.recommend_cont > div { width:calc( ( 100% - 80px ) / 2 );}
.recommend_cont .image_area { order:2;}
.recommend_cont .image_area .swiper-slide {  border-radius:20px;}
.recommend_cont .image_area .swiper-slide img { border:6px solid #fff; border-radius:20px;}
.recommend_cont .image_area .swiper-slide-active {overflow:unset;}
.recommend_cont .tx_area .swiper-slide {display:flex; flex-wrap:wrap; align-content:center;}
.recommend_cont .tx_area .name { font-size:2.2rem; font-weight:600; line-height:1.4; width:100%;}
.recommend_cont .tx_area .btn { display:block; margin-top:40px; width: 400px; text-align:center;}
.recommend_cont .slide_next, .recommend_cont .slide_prev { display:flex; align-items:center; justify-content:center; width:100px; height:100px; background:rgba(0,0,0,0.3); position:absolute; bottom:-20px; border-radius:50%; color:#fff; z-index:1; border:3px solid #fff; cursor:pointer; transition:0.3s;}
.recommend_cont .slide_next:hover { background:rgba(0,0,0,0.7);}
.recommend_cont .slide_next { right:-2vw; }
.recommend_cont .slide_prev { right:43vw;}
.recommend_cont .slide_next i, .recommend_cont .slide_prev i { font-size:3rem;}
@keyframes mekuri_right {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(150px, -150px) scale(0.8, 0.8) rotate(10deg);
  }
  75% {
    z-index:1;
  }
  100% {
    transform: translate(0px, 0px);
    z-index:1;
  }
}
@keyframes mekuri_left {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-150px, -150px) scale(0.8, 0.8) rotate(-10deg);
  }
  75% {
    z-index:1;
  }
  100% {
    transform: translate(0px, 0px);
    z-index:1;
  }
}

.recommend_cont .image_area .swiper-slide.swiper-slide-active img {
  animation-name: mekuri_right;
  animation-duration: 0.7s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
}

.topics_list { z-index:2; position:relative; }
.topics_list .swiper-slide { width:35vw; }
.topics_list article a { text-decoration:none; color:#333;}
.topics_list article .image { border-radius:20px; overflow:hidden; margin-bottom:20px; }
.topics_list article .image img { width:100%;}
.topics_list article .post_name { font-size:1.2rem; font-weight:600;}
.topics_list article .date { font-size:1.0rem; color:#999; margin-top:20px; font-family:"poppins"; font-weight:600;}
.topics_list article .tx_thumbnail { height:250px; border-radius:20px; display:flex; align-items:center; padding:0 60px; font-size:1.7rem; font-weight:600; position:relative; position:relative; transition:0.3s; background-color:#f4f4f4; background-image: radial-gradient(#ccc 1px, #f4f4f4 1px); background-size: 20px 20px;
}
.topics_list article .tx_thumbnail.white { background-image: radial-gradient(#ddd 1px, #fff 1px);}
.topics_list article .tx_thumbnail:before { content:""; display:block; height:100%; width:100%; background:#fc2348; border-radius:20px; position:absolute; top:-5px; right: -5px; z-index:-1;}
.topics_list article .tx_thumbnail:after { content:""; width:50px; height:50px; display:block; background:url(../images/chuba_icon01.png) 0 0 no-repeat; background-size:50px auto; position:absolute; bottom:15px; right:15px;}
.topics_list article .tx_thumbnail:hover { color:#fc2348;}
.topics_list .slide_next, .topics_list .slide_prev { width:80px; height:80px; position:absolute; z-index:1; top:90px; border-radius:50%; background:rgba(0,0,0,0.4); border:3px solid #fff;
    cursor:pointer; display:flex; justify-content:center; align-items:center; box-shadow:0px 0px 8px rgba(0,0,0,0.15); transition:0.3s;}
.topics_list .slide_next:hover, .topics_list .slide_prev:hover { background:rgba(0,0,0,0.7);}
.topics_list .slide_next { right:-80px;}
.topics_list .slide_prev { left:-80px;}
.topics_list .slide_next:after, .topics_list .slide_prev:after { font-family:'Material Icons'; content:""; display:inline-block; font-size:3rem; color:#fff;}
.topics_list .slide_next:after { content:"\e409";}
.topics_list .slide_prev:after { content:"\e408";}
.topics_list .slide_next.swiper-button-disabled, .topics_list .slide_prev.swiper-button-disabled { opacity:0; z-index:-1; visibility:hidden;}
.topics_list.news .slide_next,
.topics_list.news .slide_prev,
.topics_list.recommend_contents .slide_next,
.topics_list.recommend_contents .slide_prev { top:110px;}



.news_cont { position:relative; overflow:hidden;}
.news_cont:after { content:""; display:block; font-family:'poppins'; font-size:200px; letter-spacing:-0.2rem; position:absolute; bottom:-35px; right:90px; line-height:1; font-weight:bold; color:#f4f4f4; width:max-content; z-index:1;}
.news_cont.oshirase_block:after { content:"Topics";}
.news_cont.news_block:after { content:"News";}
.news_cont.area_information_block:after { content:"Area Information"; right:50px; font-size:160px;}
.bg_lightgray.news_cont:after { color:#fff; }

/* baseball */
.schedule_info { display:flex; font-size:1.1rem; }
.schedule_info .ttl { background:#222; text-align:center; width:250px; color:#ffee00; font-weight:600; padding:20px 0px;}
.schedule_info .ttl i { margin-right:10px;}
.schedule_info .detail { background:#444; color:#fff; display:flex; align-items:center; width:calc( 100% - 250px); padding:0 30px;}
.baseball {}

.custum_area .samplebox { display:flex; justify-content:center; align-items:center; height:400px; font-size:3rem; background:#f4f4f4; justify-content:center;}

.baseball .schedule_list { margin:60px 0; position: relative; z-index:2;}
.baseball .schedule_list ul { display:flex;flex-wrap:wrap; }
.baseball .schedule_list ul li { width:calc( ( 100% - 80px) / 5 ); margin-right:20px; margin-bottom:20px;}
.baseball .schedule_list ul li:nth-of-type(5n) { margin-right:0;}
.baseball .schedule_list ul li a { display:flex; align-items:center; justify-content:center; background:#fc2348; color:#fff; text-decoration:none; height:100px; border-radius:10px; position:relative; transition:0.2s;}
.baseball .schedule_list ul li a:after { content:""; display:block; height:100%; position:absolute; right:20px; border-left:3px dotted #fff; }
.baseball .schedule_list ul li a:hover { transform:scale(1.2); box-shadow:0 0 15px rgba(0,0,0,0.1); z-index:100;}
.baseball .schedule_list .day_wrap { position:relative; height:80px;width:80px;}
.baseball .schedule_list .day_wrap .month { position:absolute; top:0; left:0; font-size:1.8rem; line-height:1; width: 30px; height: 30px; font-family:'poppins'; font-weight:600;}
.baseball .schedule_list .day_wrap .day { position:absolute; bottom:0; right:0; font-size:3.0rem; line-height:1; display:flex; justify-content:center; align-items:flex-end; width: 60px; height: 60px; font-family:'poppins'; font-weight:600;}
.baseball .schedule_list .day_wrap:after { content:""; display:inline-block; width:1px; height:60px; background:#fff; transform:rotate(45deg); position:absolute; top:0; left:22px;}
.baseball .schedule_list .youbi { font-size:1.0rem; display:flex; justify-content:center; align-items:center; padding:5px 10px; background:#fff; border-radius:5px; line-height:1; margin-left:5px; color:#333;}
.baseball .schedule_list .youbi.saturday { color:#2ca3d5;}
.baseball .schedule_list .youbi.holiday { color:#fc2348;}

.baseball_cont { position:relative;}
.baseball_cont:after { content:""; display:block; font-family:'poppins'; font-size:200px; letter-spacing:-0.2rem; position:absolute; bottom:-35px; right:90px; line-height:1; font-weight:bold; color:#f4f4f4; width:max-content; z-index:1;}
.baseball_cont.schedule_block:after { content:"Schedule"; color:#fff; z-index:1;}
.baseball_cont.live_block:after { content:"Live"; right:auto; z-index:-1; }

.baseball .custumarea01_wrap { display:flex; justify-content:space-between; }
.baseball .custumarea01_wrap .custumarea01 { width:75%;}
.baseball .custumarea01_wrap .banner_area { width:calc(100% - 60px - 75%);}
.baseball .custumarea01_wrap .banner_area li + li { margin-top:15px;}
.baseball .custumarea01_wrap .banner_area li a { border-radius:10px; overflow:hidden; display:block;}
.baseball .custumarea02 { margin-top:60px;}


/* tempre */
.baseball .schedule_information {}
.baseball .schedule_information .tx01 { font-size:3.5rem; margin-bottom:15px; font-weight:900; line-height:1.2;}
.baseball .schedule_information .tx01 span { font-weight:inherit; font-size:80%;}
.baseball .schedule_information .tx02 { font-size:1.5rem; margin-bottom:30px; font-weight:600; color:#fc2348;}
.baseball .schedule_information .image { margin-bottom:40px; }
.baseball .schedule_information .image .caption { margin-top:5px; font-size:0.9rem; color:#777;}
.baseball .schedule_information .desc_area { background:#f5f5f5; padding:40px; border-radius:20px;}
.baseball .schedule_information .desc_area p + p { margin-top:10px;}
.baseball .schedule_information.center { text-align:center; }
.baseball .schedule_information.center .image { margin:0 auto 40px;}
.baseball .live_area { text-align:center; }
.baseball .live_area .ttl { margin-bottom:30px;}
.baseball .live_area .ttl img { width:50%;}
.baseball .live_area .tx01 { font-size:1.4rem; font-weight:600;}
.baseball .live_area .tx02 { font-size:1.1rem; color:#fc2348;}
.baseball .live_area .banner { display:flex; justify-content:space-between;  margin:50px 0; padding:0 5vw;}
.baseball .live_area .banner li { width:calc(( 100% - 5vw ) / 2); margin-right:5vw;}
.baseball .live_area .banner li:nth-of-type(2) { margin-right:0;}

/* /tempre */



.baseball .live_block .video_list { display:flex; justify-content:space-between;}
.baseball .live_block .video_list li { width:calc(( 100% - 50px ) / 2);}
.baseball .live_block .video_list li .video_wrap { display:flex; justify-content:center; align-items:center; height:400px; font-size:3rem; background:#f2f2f2;}

.baseball .today_status { text-align:center; margin-bottom:100px;}
.baseball .today_status .inner { display:inline-block; position:relative;}
.baseball .today_status .inner .reload_btn { position:absolute; bottom:40px; right:-150px;}
.baseball .today_status .inner .reload_btn i { margin-right:5px;}
.baseball .today_status .date_wrap { display:flex; align-items:baseline; margin:0 auto;}
.baseball .today_status .date_wrap p { font-size:3rem; font-weight:600; display:flex; align-items:baseline; text-shadow:6px -6px 0 #fff;}
.baseball .today_status .date_wrap p + p{ display:flex; margin-left:20px;}
.baseball .today_status .date_wrap p + p:last-of-type { margin-left:0;}
.baseball .today_status .date_wrap p span { font-size:7rem; font-weight:900; display:inline-block; font-family:'poppins';}
.baseball .today_status .reload_btn { vertical-align:text-bottom;}

.baseball .game_report .item { padding:100px 80px 80px; border-radius:80px; position:relative; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.05);}
.baseball .game_report .item + .item { margin-top:100px;}
.baseball .game_report .place { position:absolute; top:-50px; left:40px;}
.baseball .game_report .place .inner{ position:relative; font-size:3.4rem; font-weight:900;}
.baseball .game_report .place i { font-size:2.0rem; color:#fff; background:#fc2348; padding:10px; margin:-5px 15px 0 0; border-radius:50%;}
.baseball .game_report .report_list { width:; margin:0 auto;}

.baseball .game_report .report_list article { }
.baseball .game_report .report_list article + article { margin-top:60px; }
.baseball .game_report .report_list article .ttl { font-size:1.8rem; font-weight:600; margin-bottom:10px;}
.baseball .game_report .report_list article .ttl span { display:inline-block; margin:0 10px; font-size:3.2rem; font-weight:600; font-family:'poppins'; line-height:1; vertical-align:middle; margin-top:-11px;}
.baseball table.scoreboard { background:#265851; width:100%; border-collapse:separate; border-spacing:5px; border-radius:10px; padding:10px 20px 20px;}
.baseball table.scoreboard th, .baseball table.scoreboard td { color:#fff; padding:10px; text-align:center; font-weight:600; font-size:1.3rem; vertical-align:middle; white-space:normal;}
.baseball table.scoreboard tbody td { background:#1d3029; border-radius:5px;;}
.baseball table.scoreboard tbody td.name { background:#1d3029; font-size:1.1rem; width:300px;}

.tournamenthyo_dl { padding:0 60px 0 100px; }
.image_desc_cont { display:flex; justify-content:space-between; align-items:center;}
.image_desc_cont .image { width:400px; border-radius:20px; overflow:hidden;}
.image_desc_cont .tx { width:calc( 100% - 400px - 80px); display:flex; align-content:center; flex-wrap:wrap;}
.image_desc_cont .tx > *{ width:100%;}
.image_desc_cont .tx .tx1 { font-size:2rem; font-weight:600;}
.image_desc_cont .tx .tx2 { font-size:3.2rem; font-weight:900; margin-top:15px; margin-left:-10px; line-height:1.2;}
.image_desc_cont .tx .tx3 { font-size:1.2rem; margin-top:30px;}

.sns_block { margin-bottom:150px; }
.sns_block .common_inner04 { overflow-x:hidden; }
.sns_list { display:flex; justify-content:space-between; padding-left:60px; padding-top:80px;}
.sns_list > div { display:flex; justify-content:space-between;}
.sns_list article { width:30%; height:600px; background:#333; padding:40px 10px 0; border:3px solid #777; border-bottom:0; position:relative; border-radius:30px 30px 0 0;}
.sns_list article .name { position:absolute; top:-40px; left:-30px; background:blue; width:100px; height:100px; border-radius:50%; color:#fff; display:flex; justify-content:center; align-items:center; font-weight:600; z-index:10;}
.sns_list article .name:before { content:""; display:inline-block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 20px solid blue; position:absolute; bottom:-5px; right:5px; transform:rotate(55deg);}
.sns_list article.type_fb .name { background:#36508f;}
.sns_list article.type_fb .name:before { border-left-color:#36508f;}
.sns_list article.type_tw .name { background:#1d9deb;}
.sns_list article.type_tw .name:before { border-left-color:#1d9deb;}
.sns_list article.type_insta .name { background: linear-gradient(-75deg, rgba(254,212,117,1) 0%,rgba(229,61,93,1) 50%,rgba(194,49,134,1) 70%,rgba(156,56,18)) 100%;}
.sns_list article.type_insta .name:before { border-left-color:#f69f6d;}
.sns_list article .inner { padding: 40px 10px 0; height:100%; overflow-y:hidden; position:relative; z-index:5; background:#fff; border-radius:10px 10px 0 0;}
.sns_list article .inner .cont { height:100%; overflow-y:scroll; overflow-x: hidden;}
.sns_list article .inner .cont::-webkit-scrollbar { width: 4px; height: 10px;}
.sns_list article .inner .cont::-webkit-scrollbar-track { background:#f5f5f5;}
.sns_list article .inner .cont::-webkit-scrollbar-thumb { background:#666; border-radius:10px; }
/*.sns_list article.type_tw .inner, .sns_list article.type_insta .inner { overflow-y:scroll;}*/
.sns_list article .inner iframe { width:100%;}

.sns_list article.type_fb .fb_iframe_widget, .sns_list article.type_fb .fb_iframe_widget > span,  .sns_list article.type_fb .fb_iframe_widget iframe{ height:100%!important;}

.insta_list{ display: flex; flex-wrap: wrap; margin: 0 0 20px; }
.insta_list li{ position: relative; width: calc(100% / 2); }
.insta_list a{ display:block;}
.insta_list img{ width: 100%; height: 100%; object-fit: cover; }
.insta_list li:hover { z-index:100;}
.insta_list a:hover img { transform:scale(1.2); opacity:1!important; border-radius:10px;}
.insta_btn{ background-color: #000; padding: .5em 1em; width: fit-content; margin: 0 auto; cursor: pointer; transition: .3s }
.insta_btn a{ color: #fff; text-decoration: none; }
.insta_btn:hover{ background-color: #999; }


.pagetitle { height:600px; display:flex; align-items:center; justify-content:center; background:url() center center no-repeat; background-size:cover;}
.pagetitle.baseball { background-image:url(../images/pagetitlebg_baseball.jpg);}
.pagetitle .tx01 { font-size:5rem; font-weight:900; color:#fff; line-height:1.2}

.baseball.detail .cont_nav .inner { padding-top:130px;}
.baseball.detail .breadcrumb { margin-bottom:50px; }
.baseball.detail .common_inner { padding-top:60px;}
.baseball.detail .today_status { margin-bottom:60px;}
.margin_adjust01 { margin:150px 0; }


/* 番組情報 */
.program .program_info { padding:80px 100px; background:#fff; border-radius:60px;}
.program .program_info .ttl { font-size:2.5rem; font-weight:900; margin-bottom:40px;}
.program .program_info .desc { font-size:1.2rem;}
.program .cast_list { display:flex; flex-wrap:wrap; margin-top:30px;}
.program .cast_list dl { width:200px; margin-right:50px; }
.program .cast_list dl dt { margin-bottom:15px;}
.program .cast_list dl dt img { width:100%; border-radius:10px;}
.program .cast_list dl dd { font-size:0.9rem!important; }
.program .cast_list dl dd strong { display:block; margin-bottom:10px!important;}
.program .cast_list dl dd strong span { font-size:1.2rem!important; font-weight:600; }
.program .cast_list dl dd strong + span { font-size:0.9rem!important; }

.program .schedule_list { margin-top:50px;}
.program .schedule_list .item { display:flex;}
.program .schedule_list .item + .item { margin-top:50px;}
.program .schedule_list .day_wrap { position:relative; height:80px;width:90px; margin-right:50px; color:#fc2348;}
.program .schedule_list .day_wrap .month { position:absolute; top:0; left:0; font-size:1.8rem; line-height:1; width: 30px; height: 30px; font-family:'poppins'; font-weight:600; text-align:center;}
.program .schedule_list .day_wrap .day { position:absolute; bottom:0; right:0; font-size:3.0rem; line-height:1; display:flex; justify-content:center; align-items:flex-end; width: 60px; height: 60px; font-family:'poppins'; font-weight:600;}
.program .schedule_list .day_wrap:after { content:""; display:inline-block; width:1px; height:60px; background:#fc2348; transform:rotate(45deg); position:absolute; top:-4px; left:30px;}
.program .schedule_list .tx { padding:15px 50px; border-left:2px solid #ddd;}
.program .schedule_list .tx .title { font-size:2.2rem; font-weight:600px; margin-bottom:20px; color:#fc2348;}

.sns_column2 { display:flex; justify-content:space-between; align-items:center;}
.sns_column2 .catch_title01 { width:400px;}
.sns_column2 .sns_list { width:calc( 100% - 400px - 100px);}
.sns_column2 .sns_list article { width:500px;}


/*********************************************
 1600px
**********************************************/
@media screen and (max-width: 1600px){
    .sns_list { padding-left:0;}
    .sns_list article { width:31%; height:550px;}

}


/*********************************************
 1400px
**********************************************/
@media screen and (max-width: 1400px){
    .recommend_cont .tx_area .name { font-size:1.6rem;}
    footer .nav_wrap .box { width:calc(( 100% - 60px) / 2);}
    .baseball .schedule_list ul li { width:calc( ( 100% - 60px) / 4 );}
    .baseball .schedule_list ul li:nth-of-type(5n) { margin-right:auto;}
    .baseball .schedule_list ul li:nth-of-type(4n) { margin-right:0;}
    .sns_list article { width:28vw; margin-right:50px!important;}

    .tournamenthyo_dl { padding:0; }
    .image_desc_cont { display:flex; justify-content:space-between; align-items:center;}
    .image_desc_cont .image { width:30%;}
    .image_desc_cont .tx { width:calc( 100% - 30% - 60px);}
    .image_desc_cont .tx .tx1 { font-size:1.4rem;}
    .image_desc_cont .tx .tx2 { font-size:2.3rem;}
    .image_desc_cont .tx .tx3 { font-size:1.0rem;}

}


/*********************************************
 1200px
**********************************************/
@media screen and (max-width: 1200px){
    .cont_nav .inner { padding:20px 150px 60px 60px;}
    .cont_nav .ttl { font-size:2.0rem;}
    .cont_nav ul.btn_list { flex-wrap:wrap;}
    .cont_nav ul.btn_list li { width:calc(( 100% - 30px ) / 3 ); margin-right:15px; margin-bottom:15px;}
    .cont_nav ul.btn_list li:nth-of-type(3n) { margin-right:0;}
    .cont_nav ul.btn_list li + li { margin-left:0;}
    .cont_nav ul.btn_list li a { padding:10px 0;}
    .cont_nav ul.tx_link  { margin-top:10px;}
    .cont_nav ul.tx_link li + li  { margin-left:20px;}
    .cont_nav ul.tx_link li a { font-size:1rem;}

    .common_inner04 { padding-right:120px; }
    .remodal { max-width:1000px!important; }
    .banner_list ul li { width:calc( ( 100% - 60px ) / 4 ); }
    .banner_list ul li:nth-of-type(5n) { margin-right:auto;}
    .banner_list ul li:nth-of-type(4n) { margin-right:0;}
    .recommend_cont { flex-wrap:wrap; }
    .recommend_cont > div { width:100%; }
    .recommend_cont .tx_area { padding-left:0; order:2; margin-top:50px;}
    .recommend_cont .tx_area .name { font-size:1.8rem;}
    .recommend_cont .image_area { order:1; padding:0 6vw; margin-top:30px;}
    .news_cont.area_information_block:after { right:-150px; font-size:120px;}
    .banner_list02 ul li { width:calc( (100% - 40px ) / 3 );}
    .banner_list02 ul li:nth-of-type(4n) { margin-right:auto;}
    .banner_list02 ul li:nth-of-type(3n) { margin-right:0;}

    footer .nav_wrap ul.nav01 li { width:calc( ( 100% - 20px ) / 2 ); }
    footer .nav_wrap ul.nav01 li a { height:100px; }

    .baseball .custumarea01_wrap { display:block;}
    .baseball .custumarea01_wrap .custumarea01, .baseball .custumarea01_wrap .banner_area { width:auto;}
    .baseball .custumarea01_wrap .banner_area ul { text-align:center; margin-top:40px;}
    .baseball .custumarea01_wrap .banner_area li { width:25%; display:inline-block;}
    .baseball .custumarea01_wrap .banner_area li + li { margin-top:0; margin-left:20px;}
    .baseball .custumarea02 { margin-top:40px;}

    .baseball .schedule_list ul li { width:calc( ( 100% - 40px) / 3 );}
    .baseball .schedule_list ul li:nth-of-type(4n) { margin-right:20px;}
    .baseball .schedule_list ul li:nth-of-type(3n) { margin-right:0;}

}

/*********************************************
small display, tablet
**********************************************/
@media screen and (max-width: 1000px){
    header progress, header .nav_wrap .sns_area, header.clone .logo a .logo1, .sp_nodisp
    { display:none!important; }

    .pc_nodisp { display:block; }

    /* cookie同意 */
    .cookie-consent { font-size:0.8rem; padding:15px;}
    .cookie-consent .cookie-agree { height:60px; width:70px;}
    .cookie-consent .tx { width:calc( 100% - 70px - 20px);}

    .ad_area01 .sp > div + div { margin-top:20px!important;}

    .common_inner { padding:100px 50px; }
    .common_inner02 { margin-right:50px; padding:100px 50px; }
    .common_inner03 { padding:90px 50px; margin-left:50px; }
    .common_inner04 { padding:99px 50px 0 80px; margin-left:50px; }

    .cont_nav .inner { padding:30px 50px 60px 50px; }

    #video_item { transform: translate(-50%, -50%) scale(1.3); }

    .catch_title02 { font-size:2.6rem; }
    .catch_title02:before, .catch_title02:after { width:4px; height:70px; top:-8px;}
    .catch_title02:before { transform:rotate(-45deg); left:-50px;}
    .catch_title02:after { transform:rotate(45deg); right:-50px;}

    header .logo a .logo1 { width:10vw; }
    header .nav_wrap { position:absolute; width:150px; height:70px; border-bottom-left-radius:30px; padding:0 0 0 15px;}
    header .nav_wrap .btn_area ul { display:flex; }
    header .nav_wrap .btn_area .menu_btn { order:2; }
    header .nav_wrap li .inner { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; color:#fff; transition:0.2s; padding:8px 0 12px; cursor:pointer;}
    header .nav_wrap li i { font-size:2.2rem; transition:0.2s;}
    header .nav_wrap li .tx { display:block; line-height:1; font-size:0.7rem; font-weight:600; width:100%; text-align:center; margin-top:3px;}
    header .nav_wrap li .inner:hover { background:#d40a2d;}
    header.clone { position:fixed; top:0; left:0; transition:0.2s; z-index:-1; opacity:0; width:100%;}
    header.clone.active { display:block; opacity:1; z-index: 1000;}
    header.clone.active .logo a .logo1 { display:none;}

    .main_image .special_btn { transform:scale(0.7); left:-30px; bottom:-30px; }
    .topics_list .swiper-slide { width:60vw; }
    .banner_list02 ul li { width:calc( 100% / 2);}

    .breadcrumb { margin:150px 0 20px; padding:0 50px;}
    footer .inner { padding:120px 50px; }
    footer .bottom { display:block;}
    footer .bottom ul.nav03 li { margin-right:30px; margin-bottom:30px;}
    footer .bottom ul.nav03 li + li { margin-left:0;}
    footer .bottom .logo { display:flex; justify-content:center; margin-bottom:50px; }
    footer .bottom .logo a .logo1 { width:40px; margin-right:5px; }
    footer .bottom .logo a .logo2 { width:150px;}
    footer .copyright { font-size:0.7rem; padding:30px;}

    .news_cont:after { font-size:180px; bottom:-35px; right:-40px;}
    .news_cont.oshirase_block:after { content:"Topics";}
    .news_cont.news_block:after { content:"News";}
    .news_cont.area_information_block:after { content:"Area Information"; right:50px; font-size:160px;}
    .topics_list .slide_next, .topics_list .slide_prev { display:none;}


    .baseball_cont.live_block:after { font-size:10rem; bottom: -30px;}

    .schedule_info { font-size:0.9rem;}
    .schedule_info .ttl { width:28%; }
    .schedule_info .ttl i { margin-right:5px; font-size:1rem;}
    .schedule_info .detail { width:calc( 100% - 28%); padding:0 20px; line-height:1.3; font-size:0.9rem;}

    .baseball .today_status { text-align:center; margin-bottom:100px;}
    .baseball .today_status .inner .reload_btn { position:unset; bottom:auto; right:auto;}
    .baseball .today_status .date_wrap { display:flex; align-items:baseline; margin:0 auto;}
    .baseball .today_status .date_wrap p { font-size:2.6rem;}
    .baseball .today_status .date_wrap p + p{ margin-left:15px;}
    .baseball .today_status .date_wrap p span { font-size:6rem;}

    .baseball .game_report .item { padding:100px 80px 80px; border-radius:80px; position:relative; background:#fff; box-shadow:10px 10px 10px rgba(0,0,0,0.05);}
    .baseball .game_report .item + .item { margin-top:100px;}
    .baseball .game_report .place { top:-30px; left:40px;}
    .baseball .game_report .place .inner{ font-size:2.4rem;}
    .baseball .game_report .place i { font-size:1.4rem; padding:5px; margin:0 10px 0 0; }
    .baseball .game_report .report_list { width:; margin:0 auto;}
    .baseball .game_report .report_list article + article { margin-top:60px; }
    .baseball .game_report .report_list article .ttl { font-size:1.8rem; font-weight:600; margin-bottom:10px;}
    .baseball .game_report .report_list article .ttl span { display:inline-block; margin:0 10px; font-size:3.2rem; font-weight:600; font-family:'poppins'; line-height:1; vertical-align:middle; margin-top:-11px;}
    .baseball table.scoreboard { background:#265851; width:100%; border-collapse:separate; border-spacing:5px; border-radius:10px; padding:10px 20px 20px;}
    .baseball table.scoreboard th, .baseball table.scoreboard td { color:#fff; padding:10px; text-align:center; font-weight:600; font-size:1.3rem;}
    .baseball table.scoreboard tbody td { background:#1d3029; border-radius:5px;}
    .baseball table.scoreboard tbody td.name { background:#1d3029; font-size:1.1rem; width:300px;}


    .sns_list article { width:45vw; margin-right:80px!important;}




}


/*********************************************
 800px
**********************************************/
@media screen and (max-width: 800px){


    .baseball .schedule_list ul li { width:calc( ( 100% - 10px) / 2 ); margin-right:10px; margin-bottom:10px;}
    .baseball .schedule_list ul li:nth-of-type(3n) { margin-right: auto;}
    .baseball .schedule_list ul li:nth-of-type(2n) { margin-right: 0;}

    .tournamenthyo_dl { padding:0 40px; }
    .image_desc_cont { display:block;}
    .image_desc_cont .image { width:70%; margin:0 auto 30px;}
    .image_desc_cont .tx { width:auto; display:block;}
    .image_desc_cont .tx .tx1 { font-size:1.0rem;}
    .image_desc_cont .tx .tx2 { font-size:1.8rem; margin-top:15px; margin-left:-10px;}
    .image_desc_cont .tx .tx3 { font-size:0.9rem; margin-top:20px;}

}


/*********************************************
 SP small
**********************************************/
@media screen and (max-width: 680px){
    .sp_s_nodisp { display:none; }

    .btn.small { padding:5px 10px; font-size:0.8rem;}
    .ttl_wrap { margin-bottom:40px; }
    .catch_title01 { font-size:1.8rem;  margin-bottom:30px;}
    .catch_title01 .sub { font-size:0.7rem; margin-top:10px;}
    .catch_title02 { font-size:1.8rem; }
    .catch_title02:before, .catch_title02:after { width:2px; height:30px; top:4px;}
    .catch_title02:before { left:-25px;}
    .catch_title02:after { right:-25px;}

    .banner_list ul li { width:calc( ( 100% - 10px ) / 2 ); border-radius:10px; margin-bottom:10px; margin-right:10px; }
    .banner_list ul li:nth-of-type(2n) { margin-right:0;}
    .cont_block + .cont_block { margin-top:60px; }

    .breadcrumb { overflow-x:scroll; white-space:nowrap; margin:80px 0 10px; padding:0 20px;}
    .breadcrumb ol { padding-bottom:10px;}
    .breadcrumb ol li { padding-right:40px; flex-shrink:0; font-size:0.6rem;}
    .breadcrumb ol li:after { height:20px; right:20px; top:0;}
    .cont_nav .breadcrumb { margin-bottom:40px;}

    .cont_nav .inner { padding:30px 0 40px 20px; }
    .cont_nav .ttl { font-size:1.5rem; line-height:1.3; margin-bottom:10px;}
    .cont_nav ul.btn_list { flex-wrap:unset; overflow-x:scroll; padding:10px 0;}
    .cont_nav ul.btn_list li { flex-shrink:0; width:auto; margin-right:10px; margin-bottom:0;}
    .cont_nav ul.btn_list li:nth-of-type(3n) { margin-right:10px;}
    .cont_nav ul.btn_list li a { padding:8px 20px; font-size:0.8rem;}
    .cont_nav ul.tx_link  { margin-top:15px; flex-wrap: wrap;}
    .cont_nav ul.tx_link li  { width:calc( ( 100% - 20px ) / 2 ); margin-right:20px; margin-bottom:10px;}
    .cont_nav ul.tx_link li:nth-of-type(2n) { margin-right:0;}
    .cont_nav ul.tx_link li + li  { margin-left:auto;}
    .cont_nav ul.tx_link li a { font-size:0.8rem;}

    #video_item { transform: translate(-50%, -50%) scale(1.25); }
    .video_loading .icon1 { width:40px; height:14px; }
    .video_loading .icon2 { width:25px; height:22px; margin:0 20px 0 15px;}
    .video_loading .icon3 { width:35px; height:24px; }


    header .logo { top:15px; left:15px; }
    header .logo a .logo2 { width:30vw }


    .scrollnav { margin-left:-10px; width:180px; padding:11px 0; font-size:1.0rem;}
    .scrollnav:after { font-size:24px; width:24px; height:24px; top:38px; margin-left:-12px;}

    footer .inner { padding:100px 20px 60px; }
    footer .nav_wrap { display:block;}
    footer .nav_wrap .box { width:auto;}
    footer .nav_wrap .ttl { font-size:1.4rem; margin-bottom:30px;}
    footer .nav_wrap ul.nav01  { padding-left:5px; margin-bottom:50px;}
    footer .nav_wrap ul.nav01 li { width:calc( ( 100% - 10px ) / 2 ); margin-bottom:10px;}
    footer .nav_wrap ul.nav01 li a { height:80px;}
    footer .nav_wrap ul.nav01 li a i { font-size:1.8rem; }
    footer .nav_wrap ul.nav01 li a .tx { margin-top:5px; }
    footer .nav_wrap ul.nav02 li { margin-bottom:30px; font-size:0.8rem;}

    .common_inner { padding:100px 20px 120px; }
    .common_inner02 { margin-right:20px; padding:70px 20px; border-radius:0 60px 60px 0; }
    .common_inner03 { padding:50px 20px 70px; margin-left:20px; border-radius:60px 0 0 60px;}
    .common_inner04 { padding:50px 30px 0; margin-left:20px; border-radius:60px 0 0 60px;}
    .ttl_overflow_cont .catch_title01 { font-size:1.5rem; top:-15px;}
    .ttl_overflow_cont .catch_title01 .sub { font-size:0.7rem; margin-top:10px; }

    .recommend_cont .image_area { padding:0 0 0 3vw; margin-top:30px;}
    .recommend_cont .tx_area { margin-top:25px;}
    .recommend_cont .tx_area .name { font-size:1.2rem;}
    .recommend_cont .tx_area .btn { margin-top:25px; width:auto;}
    .recommend_cont .slide_next, .recommend_cont .slide_prev { width:60px; height:60px;  bottom:-10px; }
    .recommend_cont .slide_next { right:-1vw; }
    .recommend_cont .slide_next i, .recommend_cont .slide_prev i { font-size:2rem;}

    .topics_list .swiper-slide { width:65vw; }
    .topics_list article .post_name { font-size:1rem; }
    .topics_list article .date { font-size:0.8rem; }
    .topics_list article .tx_thumbnail { padding:0 20px; font-size:1.0rem; height:160px; }
    .topics_list article .tx_thumbnail:after { background-size:30px auto; width:30px; height:30px; bottom:5px; right:10px; }
    .news_cont:after { font-size:130px; bottom:-25px; right:-30px;}
    .news_cont.area_information_block:after { bottom:-20px; right:-150px; font-size:90px;}


/* baseball */
    .baseball .custumarea01_wrap .banner_area ul { padding:0 20px;}
    .baseball .custumarea01_wrap .banner_area li { width:auto; display:iblock;}
    .baseball .custumarea01_wrap .banner_area li + li { margin-top:10px; margin-left:0;}

    .baseball .live_block .video_list { display:block;}
    .baseball .live_block .video_list li { width:auto;}
    .baseball .schedule_list ul li a { height:90px; }
    .baseball .schedule_list ul li a:after { right:10px; }
    .baseball .schedule_list .day_wrap { height:60px;width:70px;}
    .baseball .schedule_list .day_wrap .month { font-size:1.4rem;}
    .baseball .schedule_list .day_wrap .day { bottom:-5px; font-size:2.3rem; width: 50px; height: 50px;}
    .baseball .schedule_list .day_wrap:after { height:50px; top:-5px; left:19px;}
    .baseball .schedule_list .youbi { font-size:0.8rem; padding:5px; margin-left:5px;}
    .baseball_cont.schedule_block:after { font-size:8rem; bottom:-20px; left:50px; right:auto; }
    .baseball .today_status { margin-bottom:80px;}
    .baseball .today_status .date_wrap p { font-size:1.8rem;}
    .baseball .today_status .date_wrap p + p{ margin-left:10px;}
    .baseball .today_status .date_wrap p span { font-size:4rem;}

    .baseball .game_report .item { padding:60px 20px 50px; border-radius:30px; margin-left:-20px; margin-right:-20px;}
    .baseball .game_report .item + .item { margin-top:60px;}
    .baseball .game_report .place { top:-25px; left:10px;}
    .baseball .game_report .place .inner{ font-size:1.8rem;}
    .baseball .game_report .place i { font-size:1.2rem;}
    .baseball .game_report .report_list article + article { margin-top:60px; }
    .baseball .game_report .report_list article .ttl { font-size:1.2rem;}
    .baseball .game_report .report_list article .ttl span { font-size:2.3rem; margin-top:-10px;}
    .baseball table.scoreboard { border-spacing:2px; padding:0 10px 10px;}
    .baseball table.scoreboard th, .baseball table.scoreboard td { padding:8px 4px; font-size:0.9rem;}
    .baseball table.scoreboard tbody td.name { font-size:0.8rem; width:auto;}
    .baseball table.scoreboard th { max-width:100px; }

    .tournamenthyo_dl { padding:0 10px; }
    .image_desc_cont .image { width:100%; margin:0 auto 30px;}
    .image_desc_cont .tx .tx1 { font-size:0.9rem;}
    .image_desc_cont .tx .tx2 { font-size:1.5rem; margin-left:0;}
    .image_desc_cont .tx .tx3 { font-size:0.8rem; margin-top:15px;}

    .sns_block { margin-bottom:80px; }
    .sns_list { padding-top: 60px;}
    .sns_list article { width:65vw; margin-right:30px!important; height:450px;}

    /* tempre */
    .baseball .schedule_information .tx01 { font-size:2.2rem;}
    .baseball .schedule_information .tx02 { font-size:1.2rem;}
    .baseball .schedule_information .image { margin-bottom:30px; }
    .baseball .schedule_information .image .caption { font-size:0.8rem;}
    .baseball .schedule_information .desc_area { padding:30px 20px; font-size:0.8rem;}
    .baseball .schedule_information.center .image { margin:0 auto 30px;}
    .baseball .live_area .ttl { margin-bottom:20px;}
    .baseball .live_area .ttl img { width:80%;}
    .baseball .live_area .tx01 { font-size:1.0rem; font-weight:600;}
    .baseball .live_area .tx02 { font-size:0.9rem; color:#fc2348; text-align:left;}
    .baseball .live_area .banner { display:block; margin:30px 0; padding:0 3vw;}
    .baseball .live_area .banner li { width:auto; margin-right:0;}
    .baseball .live_area .banner li + li { margin-top:30px;}
    /* /tempre */

    .pagetitle { height:350px;}
    .pagetitle .tx01 { font-size:1.8rem;}


    .baseball.detail .cont_nav .inner { padding-top:100px;}
    .baseball.detail .breadcrumb { margin-bottom:20px; }
    .baseball.detail .common_inner { padding-top:30px;}
    .baseball.detail .today_status { margin-bottom:50px;}
.margin_adjust01 { margin:150px 0; }

}