@charset "utf-8";

/*==========================================
	
◆10チャンベースボール　CSS
	
	[1]共通設定・レイアウト
	[2]サイドバー	
	[3]コンテンツ
	
==========================================*/



/*--------------------------------------

	[1]共通設定・レイアウト
	
---------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Kosugi+Maru&family=Noto+Sans+JP:wght@100..900;500&display=swap');
#wrapper{font-family: "Kanit", sans-serif;}

/* 右クリック禁止 */
img {
    user-drag: none; 
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; 
    pointer-events: none; 
}

/* PCスマホ表示調整*/
.pc_area{display:block;}
.sphone_area{display:none;}

/* 200220 追記*/
i{vertical-align: middle; margin:0 5px; }
/* 200220 追記 質問同時募集*/
#flex_box{display: flex;margin: 0 5px;flex-flow: column;}
#flex_box li{margin: 5px;padding: 5px; background:#FFFFE8; border-bottom: #FC0 solid 3px; }

#wrapper strong{font-weight: bold;}
#wrapper img{height: auto;}

/*flex*/
#wrapper #content{width:1200px; margin: 0 auto;display: flex;justify-content:space-between;font-size:1rem;gap:0.5rem;box-sizing: border-box;}
#wrapper #content #container-contents {width:600px;box-sizing: border-box;}
#wrapper #content #sidebar-right {width: 350px;box-sizing: border-box;}
#wrapper #content #sidebar-left-box {width:250px;box-sizing: border-box;}

h2#tit_pc{ margin-bottom:15px;background-color: #000;}
h2#tit_pc img{display: block;margin: 0 auto;width: 1200px;}
h2#tit_sphone {display: none;}
h3#tit_list-program {
	background-image: url(../images/tit-h3-01.gif);
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
h3#tit_list-result {
	background-image: url(../images/tit-h3-07.gif);
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
h3#tit_nextgame {
	background-color: #000;
	color: #fff;
	font-size: 20px;
	letter-spacing: 2px;
	padding: 4px 12px 8px;;
	font-weight: bold;
}
h3#tit_information {
	background-image: url(../images/tit-h3-04.gif);
	height: 40px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
h3.bg_img_pop {
	background-image: url(../images/bg_img_pop.jpg);
	color: black;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	padding: 10px;
	font-size: 24px;
	letter-spacing: 0.1em;
}

.blue { color:#0884FF;}
.orange { color:#FF6600;}
.yellow{color:yellow;}

.fontL {font-size:30px;}
.fontM {font-size:14px;}
.fontMS {font-size:12px;}
.fontS {font-size:10px;}
.fontSS {font-size:8px;}

.txtbg_yellow { background-color:#ffff00; border-bottom: 3px solid #fff; font-weight: bold;}
.txtbg_blue { background-color:#53B2F7; border-bottom: 3px solid #fff; font-weight: bold; width: 92%;margin: 0 auto;}

.pt20{padding-top: 20px;}

/*注意事項*/
.att{
	padding: 5px; background-color: aliceblue;
}
.att ul{margin:5px 10px; padding: 10px; background-color: rgba(255,255,255,0.5);border-radius: 6px;box-sizing: border-box;}
.att ul li{font-size: 0.875rem;list-style-type: disc;list-style-position: inside;  text-indent:-1em; padding-left:1.5em;}

/*注意事項list*/
ul.att02{padding: 3px 0; margin: 5px 0 10px; text-align: left; font-size: 11px; border:dotted #ccc; border-width:1px 0px;}
ul.att02 li{text-indent:-1em; padding-left:1em;}
#box-information ul.att02 li strong{font-size: 11px;}

.border-top {border-top:1px dotted #CCCCCC;}
.kdmr {	border-radius: 10px;}
.txtcenter{text-align:center;}
.imgcenter{ display:block; margin:0 auto;}

.btn_oubo{border-bottom: dotted #ccc 1px; padding: 10px 0; width: 96%;margin: 0 auto;}

.btn_oubo_off{
	text-decoration: none;
	border: solid #999 1px;
	background-color: #EAEAEA;
	color: #999;
	text-align: center;
	display: block;
	padding: 6px;
	margin: 5px auto;
	width: 90%;
	border-radius: 10px;

}
.btn_oubo a{
	transition: 0.5s;
	font-weight:bold;
	text-decoration: none;
	border: solid #09C 3px;
	background-color: #FFCC33;
	color: #00C;
	text-align: center;
	display: block;
	padding: 10px;
	margin: 5px auto;
	width: 92%;
	letter-spacing:0.5em;
	border-radius: 10px;
	box-sizing: border-box;
	font-size: 14px;
}
.btn_oubo a:hover{
	border: solid #09C 3px;
	background-color: #00C;
	color: #FFF;
}
.btn_oubo p{margin-bottom: 0;padding: 0; font-weight: bold; color:#11038A;}
/*--------------------------------------

	[2]サイドバー	
	
---------------------------------------*/
#content #list-program {padding:0 2px;	background-color:#F1F1F1; border:1px solid #CBCBCB;}
#content #list-program li{padding:5px; background: url(../images/line.gif) bottom repeat-x;}
#content #list-program li .multi{background-color: #FFF; padding: 3px; font-size: 10px;margin: 3px; color:#333;box-sizing: border-box;}
/*#content #list-program li.last{background:none;}*/
#content #list-program li:last-child{background:none;}

#content #list-result { margin-bottom:15px; padding:0 2px; background-color:#F1F8FA;	border:1px solid #CBCBCB;}
#content #list-result li{ padding:5px; background: url(../images/line.gif) bottom repeat-x;}
/*#content #list-result li.last{ background:none;}*/
#content #list-result li:last-child{ background:none;}

#box_banner img{margin-top: 3px;width:100%; height: auto; display:block;}
#box_banner{width:100%;}

.box_banner2 img{width:100%; height: auto; display:block;}
.box_banner2{width:100%;/*max-width: 250px;*/margin:0 auto 0.5rem auto;}
.box_banner2 p{text-align: center;font-size: 0.875rem;font-weight: bold;}
.box_banner2 p.tvasports{background-color:#BEFCF1;}
.box_banner2 p.tvasports span{color:#FF0000;}/*tvaスポーツyoutubeバナー*/
.box_banner2 p.yomutva{background-color:#F8D8E7;}
.box_banner2 p.yomutva span{color:#003B90;}/*読むテレビ愛知バナー*/

/*追記　200615*/
#twitter_box{width: 100%; margin: 10px auto;}

/*アイコン sns*/
	section.sc_sns{margin-bottom: 3em;}
	section.sc_sns > div div.box_sns{margin:1em auto;background-color: #1EB2E9;padding: 1em 0 0.5em 0; box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.1);/*border-radius: 30px;*/margin: 0;}
	section.sc_sns .iconflx{display:flex;gap:0.25em;align-self:center; justify-content: center; }
	section.sc_sns .iconflx li{width: 80px;}
	section.sc_sns .iconflx li p{text-align: center;font-size: 0.75rem;padding: 0.2em 0;}
	section.sc_sns .iconflx li a{}
	section.sc_sns .iconflx li a:hover{opacity: 0.7;}
	section.sc_sns .iconflx li a img{display: block;margin: 0 auto;width: 70%;height: auto;}
@media screen and (max-width: 768px) {
	section.sc_sns > div{padding: 0em;}
	}
/*/アイコン sns*/

/*--------------------------------------

	[3]コンテンツ
	
---------------------------------------*/
/*冠スポンサー*/
.sponsor{display: block; margin:10px auto; width: 40%x; max-width: 180px;}

/*次回放送 ゲーム2段済み対応*/
.box-game {padding-top: 10px; margin-bottom:10px;padding-bottom:10px;background-color:#2B2B2B;}
.box-game a:link {color:#FFF;text-decoration:underline;}
.box-game a:visited {color:#FFF;text-decoration:underline;}
.box-game a:hover {color:#FFF;text-decoration:none;}
.box-game ul.commentator{margin: 0 auto; width: 17rem; color:#FFF;font-size: 1rem;}
.box-game ul.commentator span{font-size: 0.75em;vertical-align: middle;}
#content .box-game p{font-size:1.125rem;padding:2px 5px;color: #FFFFFF;	text-align:center;}
#content .box-game p strong{font-size:1.25rem;text-align:center;}
.box-game .gameinfo{color:yellow;line-height: 2; font-size: 1rem;}


/*ゲーム終了ごあいさつ*/
.game_info {display: block; padding: 10px; margin: 10px; width: calc(100%-60px);background-color:#444444; text-align: left; font-size: 1rem; color:#FBFCDF;box-sizing: border-box;}


/*youtube動画*/
#youtube{ position: relative; width: 100%; padding-top: 56.25%; margin-bottom: 10px;}
#youtube iframe{width: 100%;  position: absolute; top: 0; right: 0;height: 100% ;}


/*マルチチャンネルのお知らせ*/
#box-multi {width:calc(100%-2px);padding:5px 0;margin-bottom:10px;border:1px solid #ddd;}
#box-multi h4{color:#333;font-size:1rem; text-align: center; border-bottom: solid 3px #EEE; padding: 5px 0;}
#box-multi p{padding:10px; font-size: 0.75rem;}
#box-multi h5{color:#333;font-size:0.875rem; text-align: center; padding: 5px 0;}
#box-flex {display: flex; padding: 10px;}

@media screen and (max-width: 768px) {
#box-flex{display: block;}
#box-flex img{width: 60%; display: block; margin: 0 auto;}
/*#box-flex p{font-size: 90%;}*/
}
/*/マルチチャンネルのお知らせ*/
/*67コールプレゼント*/
#box-67 {width:100%;padding:5px 0;margin-bottom:10px; background-color:/*#FFCC33*/#6cf;font-size: 14px;}
#box-67 {margin-top:-10px;}/*67コールのみプレゼント調整*/
#box-information #box-67 h4{ color:#000; font-size:18px; text-align: center; border-bottom:3px #fff solid;padding: 5px 0;}
#box-information #box-67 h5{ color:#000; font-size:18px; text-align: center; }
#box-67 p{padding:10px; }
#box-67 img{ display:block; margin:10px auto;/*max-width: 550px;*/width: 100%;border-radius: 6px;box-sizing: border-box;}
#box-67 ul{margin:5px 10px; padding: 10px; background-color: rgba(255,255,255,0.5);border-radius: 6px;box-sizing: border-box;}
#box-67 ul li{font-size: 90%;list-style-type: disc;list-style-position: inside;  text-indent:-1em; padding-left:1.5em;}


/*/67コールプレゼント*/
/*お知らせ*/
#box-information {margin-bottom:10px; background-color: #fff; /*border:1px solid #3399FF;*/}
#box-information h4{
	width: 100%;
	margin:0px;
/*	font-size: 114%;*/
	padding: 0px;
	box-sizing: border-box;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #0099CC;
}

#box-information h4 span {display: block;}/*改行制御*/

#box-information h4.inpact{font-size: 1.25rem;padding: 5px;color: #039;font-weight: bold;}
#box-information h4.inpact2{font-size: 18px;padding:15px;color: #039;font-weight: bold;}
#box-information h4.inpact3{font-size: 18px;padding: 15px;color: #F90;font-weight: bold;}
#box-information div.clearFix{padding-bottom:5px;/*border-bottom:1px solid #CCCCCC;*/border:3px solid #3399FF;  margin-bottom:10px;}
#box-information div.box_35th{
	padding-bottom: 5px;/*border-bottom:1px solid #CCCCCC;*/
	border: 3px solid #FFCC00;
	margin-bottom: 10px;
	background-color: #FFFFEE;
}
#box-information p{padding: 10px;line-height: 1.5;}
#box-information strong {display: block;margin-top: 5px;margin-bottom: 5px;}
#box-information .floatLeft{width:140px;float:left;	padding:0 5px 5px 10px;}
#box-information .floatRight{width:270px;float:right;padding: 0 10px 5px 10px;}

#commentator{display: grid;grid-template-columns: repeat(2, 1fr); gap:1rem;margin-bottom: 1rem; justify-items:center;}
#commentator .commtt {width: 100%;text-align: center;font-weight: bold;}
#commentator .commtt img{width: 100%; height: auto;}

#wrapper footer#copy {width:100%; background-color:#03C; color:#FFF; margin:0px ;padding: 20px 0px;	border-top-width: 2px; border-top-style: solid;	border-top-color:#072B79;}
#sidebar-left-box_sphone {display: none;}

/*プレゼント*/

/*＼電話で応募！／*/
.ycatch:before{content: "＼ ";}
.ycatch:after{content:" ／"}
.tit_sp_present {
	display: block; font-size:20px; color:#000; background-color: yellow; line-height:2;margin-bottom: 10px;
}
.table_kaisetsu{width:96%; max-width: 360px; margin:0 auto;text-align: left; background-color: aliceblue; border-radius: 6px; font-size: 14px;}
.table_kaisetsu th,.table_kaisetsu td{padding: 5px;}

/*プレゼント共通00*/
.present00{padding: 10px;margin: 10px;text-align: center;/*border:solid 1px rgba(252,218,132,1.00);*/}
.present00 h5 {font-size: 1rem;	color: #333;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FC0;padding-bottom: 3px;}
.present00 img { display:block; margin:10px auto;width:100%;height: auto;max-width: 340px;}
/*プレゼント共通01*/
.present01{ background-color: #FFFFE8;
	padding: 10px;
	margin: 10px;
	text-align: center;
box-sizing: border-box;
}
.present01 h5 {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	padding-bottom: 3px;
}
.present01 img { display:block; margin:10px auto;width:100%;height: auto;max-width: 300px;}
#box-information .present01 strong {
	font-size: 1rem;
	display:inline;
}
#box-information .present01 .present {
/*	font-size: 1rem;*/
	text-align: left;
	display:block;
	font-weight:bold;
}
#box-information .present01 p { padding: 0; margin: 0;}
#box-information .present01 img { display:block; margin:0px auto;width: 100%;}

/*プレゼント共通02*/
.present02{
	margin: 10px 0;
	padding: 10px;
	text-align: center;
	background-color:#FDFDE5;
}
.present02 h5 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FC0;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.present02 img { display:block; margin:10px auto;width:100%;height: auto; max-width: 300px;}

/*インスタントウィンバナー掲載*/
.bnr_box{font-size: 0.85rem;margin-bottom: 1em;width: 98%; margin: 0 auto;}
.bnr_box img{width: 100%; height: auto;display: block;}

br.spbr{display: none;}


/*蒼の鼓動*/
	section#ouensong{width:100%;margin: 0 auto; border: 1px solid #ccc; box-sizing: border-box; }
	section#ouensong p{padding: 0.5em;}
	section#ouensong h3{padding: 0.25em;font-size: 1.125rem; color:#333;line-height: 1;}
	section#ouensong h4{padding: 0.25em;font-size: 1.25rem; color:#034CA9;}
	section#ouensong img{width: 100%; height: auto; display: block;}
	@media screen and (max-width: 768px) {
		section#ouensong{font-size: 0.875rem;}
	}
/*/蒼の鼓動*/
/*************************************************

スマホ対応

*************************************************/

@media screen and (max-width: 768px) {

/* 200702 追記*/
.pc_area{display:none;}
.sphone_area{display:block;}

/* 200220 追記 質問同時募集*/
#flex_box{display: flex;flex-flow: column; }

#wrapper #content{width:100%;gap:1rem; flex-direction: column;}
#wrapper #content #container-contents {width:100%;}
#wrapper #content #sidebar-right {width:100%;font-size: 120%;}
#wrapper #content #sidebar-left-box {width:100%;}

#content #list-program,#content #list-result{font-size: 14px;}	
h2#tit_sphone {display: block; width:100%;}
h2#tit_sphone img {width:100%; height: auto;}
h2#tit_pc {display: none;}
h3#tit_list-program,h3#tit_list-result,h3#tit_nextgame {
	background-image: none;
	background-color:#000;
	color:#FFF;
	padding:8px;
	height: auto;
	text-indent: 0px;
}
	h3#tit_nextgame {text-align: center;}

h3#tit_information {
	background-image: none;
	background-color: #39F;
	color: #FFF;
	padding: 8px;
	height: auto;
	text-indent: 0px;
}

#box-information h4.inpact{font-size: 1rem;}
#box-information h4.inpact2{font-size: 14px;padding:5px;}
#box-information p{	padding: 10px;line-height: 1.2; font-size: 14px; }
#commentator{display: grid;grid-template-columns: repeat(3, 1fr); gap:0.5rem;margin-bottom: 1rem; width: 96%;margin: 0 auto;}
/*#commentator .commtt {float: left;margin-bottom: 10px;margin-right: 5px;text-align: center;box-sizing: border-box; }
#commentator .commtt img{width:100%;height: auto;}*/
/*.sphone_center {margin: 0 auto;	width: 240px;}*/
#box_banner{width:100%;}
#box_banner img{width:70%; display:block; margin:3px auto;box-sizing: border-box;}
#sidebar-left-box {display: none;}
#sidebar-left-box_sphone {display: block; margin-bottom:10px;}
.w100{width:100%;height: auto;}
	
.present01 h5 {	font-size: 1rem;}
#box-information .present01 strong {font-size: 1rem;}
#box-information .present01 .present { }
#box-information .present01 img { width: 100%;}


h3#tit_35th_doara {
	background-image: url(../images/tit_35th_doara.jpg);
	background-size:contain;
	height: 0;
	padding-top: 26.66%;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
br.spbr{display: block;}
.btn_oubo a,.btn_oubo_off{font-size: 14px;}
	
/*追記 200615*/
#twitter_box{width: 96%; margin: 10px auto;}

/*ここまでスマホ対応=====================*/
}