@charset "UTF-8";
/* ==========================================================================

	2017/12/7

   ========================================================================== */
@import url("/extra/library/common/css/smart_phone.css") only screen and (max-width: 1030px);

/* Base
   ========================================================================== */
#campaign_tv_sales_waku1 {
  margin: 0 auto 20px;
}
body {
  background:#fff;
  -webkit-font-smoothing: antialiased;
}
#mainArea {
  font-size: 101%;
  line-height: 1.5;
  font-family: "Meiryo", "メイリオ", sans-serif !important;
}
#areaWrapper1 {
  -webkit-background-size: 100% auto;
  -moz-background-size: 100% auto;
  background-size: 100% auto;
  background: none;
}
#areaWrapper1,
#areaWrapper2,
#mainArea,
#area0 {
  margin: 0;
  padding: 0;
  width: auto;
  float: none;
}
#mainArea {
  padding-bottom: 30px;
}
.clearText {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/* Contents
========================================================================== */
#page,
.container {
  font-family: Meiryo, メイリオ, sans-serif !important;
}
.thiscontents {
	width:100%;
}
a {
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-ms-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;  
	-moz-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	color:#0066CC;
}
a:hover {
	color:#0099CC;
}
/* 基本
----------------------------------------------------------------*/
.thiscontents .clear {
	width:100%;
	overflow:hidden;
}
.thiscontents .cf:before,
.thiscontents .cf:after {
    content: " ";
    display: table;
}
.thiscontents .cf:after {
    clear: both;
}
.thiscontents .cf {
  *zoom: 1;
}
.thiscontents .clearboth {
	clear:both;
}
.thiscontents .flol {
	display:inline;
	float:left;
}
.thiscontents .flor {
	display:inline;
	float:right;
}
.thiscontents .pc {
}
.thiscontents .tablet {
	display:none;
}
.thiscontents .sp {
	display:none;
}
.thiscontents .sp_tablet {
	display:none;
}
.thiscontents img {
	vertical-align:bottom;
	padding:0;
	margin:0;
}
.thiscontents .fitimg,
.thiscontents .fitimg img {
	width:100%;
	height:auto;
}
.thiscontents p {
	margin:0;
	padding:0;
}
.thiscontentsh1,
.thiscontents h2,
.thiscontents h3,
.thiscontents h4,
.thiscontents h5,
.thiscontents h6 {
	font-weight:bold;
}
.thiscontents p {
	margin:0;
	padding:0;
}
.thiscontents sup {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:15px;
}
.thiscontents .photo img {
	width:100%;height:auto;
}
@media screen and (max-width: 1030px) {
.thiscontents .pc {
	display:none;
}
.thiscontents .tablet,
.thiscontents .pc_tablet,
.thiscontents .sp_tablet {
	display:block;
}
.thiscontents {
	padding-top:40px;
}
}
@media screen and (max-width: 736px) {
.thiscontents  {
	margin-bottom:10px;
}
.thiscontents .sp {
	display:block;
}
.thiscontents .pc_tablet,
.thiscontents .tablet {
	display:none;
}
}
@media screen and (max-width: 410px) {
}


/*===============================================================
	
	object_fit_img
	
===============================================================*/
.object_fit_img {
	background:#000;
}

/*-------------------------------------------------------------
	img_contain	
-------------------------------------------------------------*/
.object_fit_img .img_contain {
	object-fit:contain;
	font-family:'object-fit:contain;'
}
.object_fit_img .img_cover {
	object-fit:cover;
	font-family:'object-fit:cover;'
}
.object_fit_img .img_contain,
.object_fit_img .img_cover {
	width:100%;
	height:165px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.object_fit_img,
.object_fit_img .img_contain,
.object_fit_img .img_cover {
	width:100%;
	height:auto;
	margin: 0 auto;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	girid
	
===============================================================*/
.gridcontainer {
	margin-top: -30px;
}
.gridcontainer .grid {
	float:left;
}
.grid {
	margin-top: 30px;
}
/*	gridSize :460 gutterSize :40 column :2 */
.gridwrp_2 { width:104.167%;}
.gridwrp_2 .grid_2 { width:96.000%; margin-right:4.000%; }
.gridwrp_2 .grid_1 { width:46.000%; margin-right:4.000%; }
.gridwrp_1 .grid_2 { width:192.000%; margin-right:8.000%; }

/*	gridSize :290 gutterSize :40 column :3 */
.gridwrp_3 { width:104.211%;}
.gridwrp_3 .grid_3 { width:95.960%; margin-right:4.040%; }
.gridwrp_3 .grid_2 { width:62.626%; margin-right:4.040%; }
.gridwrp_3 .grid_1 { width:29.293%; margin-right:4.040%; }

/*	gridSize :210 gutterSize :40 column :4 */
.gridwrp_4 { width:104.167%;}
.gridwrp_4 .grid_4 { width:96.000%; margin-right:4.000%; }
.gridwrp_4 .grid_3 { width:71.000%; margin-right:4.000%; }
.gridwrp_4 .grid_2 { width:46.000%; margin-right:4.000%; }
.gridwrp_4 .grid_1 { width:21.000%; margin-right:4.000%; }

/* PCのみ */
@media screen and (min-width: 961px) {
.gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}
.gridwrp_3 .grid:nth-child(3n+1) {
	clear:both;
}
.gridwrp_4 .grid:nth-child(4n+1) {
	clear:both;
}
}	/* for PC min-width: 961px


/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.gridwrp_3,
.gridwrp_3 .grid_1,
.gridwrp_3 .grid_2,
.gridwrp_2,
.gridwrp_2 .grid_1 {
	width:100%; margin-right:0;
}
.gridwrp_4 { width:105.000%;}
.gridwrp_4 .grid_1,
.gridwrp_4 .grid_3 { width:45.238%; margin-right:4.762%; }

.gridcontainer {
	margin-top: 0;
}
.grid {
	margin-top:20px;
}
.grid:first-child {
	margin-top:0px;
}
.gridwrp_4 .grid:nth-child(2) {
	margin-top:0;
}

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	center_gridwrp	
-------------------------------------------------------------*/

/*	gridSize :290 gutterSize :40 column :2 */
.center_gridwrp3_2 {
	width:64.58%;
	margin:0 auto;
}
.center_gridwrp3_2 .gridwrp_2 { width:106.452%;}
.center_gridwrp3_2 .gridwrp_2 .grid_2 { width:93.939%; margin-right:6.061%; }
.center_gridwrp3_2 .gridwrp_2 .grid_1 { width:43.939%; margin-right:6.061%; }

/*	gridSize :290 gutterSize :40 column :2 */
.center_gridwrp4_2 {
	width:47.91%;
	margin:0 auto;
}
.center_gridwrp4_2 .gridwrp_2 { width:108.696%;}
.center_gridwrp4_2 .gridwrp_2 .grid_2 { width:92.000%; margin-right:8.000%; }
.center_gridwrp4_2 .gridwrp_2 .grid_1 { width:42.000%; margin-right:8.000%; }

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.center_gridwrp3_2,
.center_gridwrp3_2 .gridwrp_2,
.center_gridwrp4_2 {
	width:100%;
	margin:0 auto;
}

.center_gridwrp3_2,
.center_gridwrp3_2 .gridwrp_2 .grid_1 {
	width:100%; margin-right:0;
}

/*　3カラムを2カラムにする　*
.center_gridwrp3_2 .gridwrp_2 { width:106.452%;}
.center_gridwrp3_2 .gridwrp_2 .grid_2 { width:93.939%; margin-right:6.061%; }
.center_gridwrp3_2 .gridwrp_2 .grid_1 { width:43.939%; margin-right:6.061%; }
/*	*/

.center_gridwrp4_2 .gridwrp_2 { width:106.452%;}
.center_gridwrp4_2 .gridwrp_2 .grid_2 { width:93.939%; margin-right:6.061%; }
.center_gridwrp4_2 .gridwrp_2 .grid_1 { width:43.939%; margin-right:6.061%; }


}	/* for SP max-width: 736px */

/*===============================================================
	
	txtlink 2016/11/16
	
===============================================================*/
.txtlink a {
	padding-left:15px;
	color:#000;
	text-decoration:none;
	position:relative;
	display:inline-block;
}
.txtlink a:hover {
	color:#c00;
}
.txtlink a:after {
	position:absolute;
	content:" ";
	width:6px; height:6px;
	top:9px; bottom:auto; left:0; right:auto;
	margin:auto;
	border-top:solid 2px #c00;
	border-left:solid 2px #c00;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.txtlink.arw_prev a {
}
.txtlink.arw_prev a:after {
	top:7px; bottom:auto; left:3px; right:auto;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.txtlink.arw_after a {
	padding-left:0;
	padding-right:10px;
}
.txtlink.arw_after a:after {
	left:auto; right:0;
}
.txtlink.arw_down a:after {
	top:7px; bottom:auto; left:2px; right:auto;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
.txtlink.arw_after_down a {
	padding-left:0;
	padding-right:10px;
}
.txtlink.arw_after_down a:after {
	top:7px; bottom:auto; left:auto; right:0;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	transform: rotate(-135deg);
}
/*	arw_box */
.txtlink.arw_box a {
	padding-left:25px;
}
.txtlink.arw_box a:before {
	content:' ';
	width:20px;
	height:20px;
	background:#000;
	position:absolute;
	top:2px; bottom:auto; left:0; right:auto; margin:auto;
}
.txtlink.arw_box a:after {
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	top:8px; bottom:auto; left:5px; right:auto;
}

/*===============================================================
	
	以下案件毎のコンテンツ

===============================================================*/
/*===============================================================
	
	bg 背景
	
===============================================================*/
.bg_green {
	background: url(../images/bg_green.gif) repeat center top;
}
.fig {
	position: relative;
	height: 100%;
	min-height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	background-color: #000;
	z-index: 100;
}
.fig img {
	display: none;
}
.fig01 {
	background: url(../images/fig01.jpg) repeat center top;
	background-size:cover;
	background-attachment: fixed;
}
.fig02 {
	background: url(../images/fig02.jpg) repeat center top;
	background-size:cover;
	background-attachment: fixed;
}
.bg_fixed {
	background-attachment: fixed;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.bg_tennis {
	background-size:100% auto;
}
.fig {
	background: #000;
}
.fig img {
	display: block;
	background: none;
	width: 100%;
	height: auto;
}

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.bg_tennis {
	background-size:cover;
	background-position: right top;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	mainvisual
	
===============================================================*/
.mainvisual {
	width:100%;
	color:#fff;
	text-align:center;
	padding:100px 0;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	section
	複数のcontent、headlinelなど格納するブロック
	
===============================================================*/
.section_wrp {
	color: #000;
	background:#f4f4f4;
}
.section {
	width:100%;
}
.section_inner {
	margin:0 auto;
	padding:70px 0 50px 0;
}

/* タブレット以下 */
@media screen and (max-width: 1240px) {
.section_inner {
	margin:0 auto;
	padding:70px 20px 50px 20px;
}
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_inner {
	margin:0 auto;
	padding: 30px 20px 0;
}
}	/* for SP max-width: 736px */
/*===============================================================
	
	レイアウト
	
===============================================================*/
.wide_width1 {
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.wide_width2 {
	width: auto;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.content_width {
	width:1030px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.narrow_width {
	width: auto;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
/* タブレット以下 */
@media screen and (max-width: 1200px) {
}	/* for tablet max-width: 1030px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.content_width {
	width:100%;
}
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 800px) {
}	/* for SP max-width: 736px */

/*===============================================================
	
	content 
	
===============================================================*/
.content {
	margin:0 auto;
	padding-bottom:50px;
}
.content + .content {
	padding-bottom:50px;
}
.headline + .content {
	margin-top: 30px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.content {
	margin:0 auto;
}
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline + .content {
	margin-top: 15px;
}
.content {
	width:100%;
	margin:0 auto;
	padding-bottom:0px;
}
.content + .content {
	padding-bottom:30px;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	headline：見出し
	subhead：小見出し
	
===============================================================*/
.headline {
	text-align: center;
}
.headline .title {
	font-size: 40px;
	line-height: 1.2;
}
.headline .date {
	font-size: 60px;
	line-height: 1.2;
}
.headline .read {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 20px;
}
.headline .label {
	font-size: 20px;
	line-height: 1.2;
	color: #000;
	font-weight: bold;
	padding-bottom: 10px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline .date {
	font-size: 30px;
	line-height: 1.2;
}	
.headline .title {
	font-size:22px;
	line-height:30px;
	padding-bottom:0px;
	text-align:center;
}
.headline .read {
	font-size: 14px;
	line-height: 1.4;
	margin-top: 10px;
}
.headline .label {
	font-size: 4.5vw;
	padding-bottom: 0px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	content_title 
	
===============================================================*/
.content_title {
	text-align: center;
}
.content_title .title {
	font-size: 30px;
	line-height: 1.2;
}
.content_title .read {
	font-size: 20px;
	line-height: 1.4;
	margin-top: 20px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content_title .title {
	font-size: 18px;
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	btn_detail
	
===============================================================*/
.btn_detail {
	width:400px;
	margin:0 auto;
	margin-top:40px;
}
.btn_detail a {
	position:relative;
	display:block;
	background-color:#e61e19;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:20px 0;
	border-radius:0px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 20px 0px;
}
.btn_detail a:after {
	position:absolute;
	content:" ";
	width:6px; height:6px;
	top:0; left:auto; bottom:0; right:10px;
	margin:auto;
	border-top:solid 1px #fff;
	border-left:solid 1px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.btn_detail a:hover {
	text-decoration:none;
	background-color:#f00;
}
.btn_detail_red a {
	background-color:#c91b36;
}
.btn_detail_red a:hover {
	background-color:#e31838;
}
.btn_detail_black a {
	background-color:#000;
}
.btn_detail_black a:hover {
	background-color:#222;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.btn_detail {
	width:100%;
}
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn_detail {
	width:100%;
	margin:0 auto;
	margin-top:20px;
}
.btn_detail a {
	font-size:16px;
	background-size:18px 30px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	flexbtn	
-------------------------------------------------------------*/
.flexbtn {
	width:auto;
	text-align:center;
}
.flexbtn a {
	display:inline-block;
	padding:15px 40px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	modal 2016/10/11
		
===============================================================*/
.modal_bg {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	display:none;
	z-index:9998;
}
.modal {
	position:absolute;
	top:0;
	left:0;
	width:800px;
	display:none;
	z-index:9999;
	
	transition:top 0.2s linear,left 0.1s linear;
	-moz-transition:top 0.2s linear,left 0.1s linear;
	-ms-transition:top 0.2s linear,left 0.1s linear;
	-o-transition:top 0.2s linear,left 0.1s linear;
	-webkit-transition:top 0.2s linear,left 0.1s linear;
}
.modal .close {
	position:absolute;
	width:30px; height:30px;
	top:0; right:0;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	z-index:9999;
}
.modal .close:before {
	content:" ";
	position:absolute;
	width:30px; height:2px;
	background:#fff;
	top:10px; right:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.modal .close:after {
	content:" ";
	position:absolute;
	width:30px; height:2px;
	background:#fff;
	top:10px; right:0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.modal .close:hover {
	opacity:0.7;
}
.modal .modal_container {
	padding:0;
	position:relative;
}
.modal .modal_contents_wrp {
	position: relative;
	padding:40px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.modal .modal_inner {
	padding:30px;
}
.modal .modal_contents_wrp::-webkit-scrollbar {
  display: none;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal {
	width:100%;
}
.modal .modal_container {
}
.modal .close {
	top:5px; right:0px;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal .modal_pager
-------------------------------------------------------------*/
.modal .modal_pager li a {
	position:absolute;
	top:0; bottom:0;
	margin:auto;
	display:block;
	width:30px;
	height:30px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
.modal .modal_pager li a:after {
	position:absolute;
	content:" ";
	width:15px; height:15px;
	top:6px; left:0;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
.modal .modal_pager li.prev a {
	left:0;
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	transform: rotate(-180deg);
}
.modal .modal_pager li.next a {
	right:0;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal_container
-------------------------------------------------------------*/
.modal .modal_container .modal_header {
}
.modal .modal_container .modal_header h3 {
	font-size:25px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	text-shadow:none;
}
.modal .modal_container .modal_header p {
	font-size:14px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
}
.modal .btn {
	width:560px;
	margin:0 auto;
	margin-top:40px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.modal .modal_container .modal_header h3 {
	font-size:20px;
	line-height:25px;
	padding-top:5px;
}
.modal .btn {
	width:100%;
	margin:0 auto;
	margin-top:40px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal_container .btn
-------------------------------------------------------------*/
.modal_container .btn {
	width:450px;
	margin:0 auto;
	margin-top:30px;
}
.modal_container .btn a {
	position:relative;
	display:block;
	background-color:#e63412;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:20px 0;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
}
.modal_container .btn a:hover {
	text-decoration:none;
	background-color:#ff6600;
}
.modal_container .btn a:after {
	position:absolute;
	content:" ";
	width:13px; height:13px;
	top:0; left:auto; bottom:0; right:10px;
	margin:auto;
	border-top:solid 2px #fff;
	border-left:solid 2px #fff;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal_container .btn {
	width:100%;
	margin:0 auto;
	margin-top:15px;
}
.modal_container .btn a {
	font-size:16px;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	nodata	
-------------------------------------------------------------*/
.modal .nodata {
	padding:50px 15px;
	text-align:center;
}
.modal .nodata h3 {
	font-size:16px;
	color:#fff;
}
.modal .closebtn a {
	display:block;
	width:120px;
	margin:0 auto;
	line-height:30px;
	border:solid 1px #fff;
	text-align:center;
	margin-top:20px;
	color:#fff;
}
.modal_gamedetail .closebtn a:hover {
	color:#000;
	background:#fff;
	text-decoration:none;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal .close {
	top:30px;
	right:0px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	モーダル制作時の確認用
-------------------------------------------------------------*/
.modal {
	/*display:block;*/
}
.modal_demo1 .modal_inner,
.modal_demo2 .modal_inner {
	color:#fff;
	background:#333;
	padding:30px;
}


/*===============================================================
	
	pager_header
	
===============================================================*/
.pager_header {
	width: 100%;
	height: 60px;
	background: #fff;
	box-sizing: border-box;
}
.pager_header_inner {
	position: relative;
}
.pager_header .title {
	font-size: 30px;
	line-height: 1;
	font-weight: bold;
	padding-top: 15px;
}
.pager_header .bnr {
	width: 320px;
	height: 30px;
	position: absolute;
	top: 15px;
	right: 0;
}
.pager_header .bnr img {
	width:100%; height: auto;
}
.pager_header a:hover {
	opacity: 0.7;
}

/* タブレット以下 */
@media screen and (max-width: 1000px) {
.pager_header_inner {
	width: 100%;
}
.pager_header .title {
	padding-right: 10px;
}
.pager_header .bnr {
	right: 10px;
}
}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.pager_header {
	width: 100%;
	height: auto;
}
.pager_header .title {
	display: none;
}
.pager_header .bnr {
	width: 100%;
	height: auto;
	position: static;
}
}/* for SP max-width: 736px */


/*===============================================================
	
	チャンネル情報ボックス
	
===============================================================*/
.txt_container *  + .channel_info_box {
	margin-top:20px;
}
.channel_info_box + .channel_info_box {
	margin-top:30px;
}
/* チャンネルロゴ */
.channel_info_box .ch_logo {
	width:60px;
	height:60px;
	float:left;
	border:1px solid #ddd;
	box-sizing:border-box;
	background:#fff;
}
/* チャンネル情報 */
.channel_info_box .ch_info {
	margin-left:75px;
	width:auto;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.channel_info_box .ch_logo {
	width:40px;
	height:40px;
}
.channel_info_box .ch_info {
	margin-left:50px;
}
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.txt_container * + .channel_info_box,
.channel_info_box + .channel_info_box {
	margin-top:15px;
}

/* チャンネルロゴ */
.channel_info_box .ch_logo {
	width:40px;
	height:40px;
}
/* チャンネル情報 */
.channel_info_box .ch_info {
	margin-left:50px;
}
}	/* for SP max-width: 736px */



/*-------------------------------------------------------------
	文字サイズ	
-------------------------------------------------------------*/
.channel_info_box p {
	margin-top: 0;
}
.channel_info_box * + p {
	margin-top:5px;
	line-height:1.4;
}
.channel_info_box .ch_name {
	font-size:14px;
}
.channel_info_box .date {
	font-size:17px;
	font-weight:bold;
}
.channel_info_box .caption {
	font-size:12px;
	font-weight:normal;
}
.channel_info_box .number {
	font-size:12px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	padding:0 5px;
	color:#fff;
	background:#ff4931;
	border-color:#ff4931;
	border-width:1px;
	border-style:solid;
	margin-right:5px;
}
.channel_info_box .toll {
	font-size:12px;
	line-height:20px;
	width:20px;
	font-weight:bold;
	text-align:center;
	padding:0 ;
	color:#fff;
	background:#f00;
	border-color:#f00;
	border-width:1px;
	border-style:solid;
	margin-left:5px;
	border-radius:50%;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.channel_info_box .ch_name {
	font-size:12px;
}
.channel_info_box .date {
	font-size:14px;
	font-weight:bold;
}
.channel_info_box .caption {
	font-size:11px;
	font-weight:normal;
}
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	section_relation
	
===============================================================*/
.section_relation {
	color: #fff;
}
.section_relation .headline {
	text-shadow: 0 10px 20px rgba(0,0,0,0.2);
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}/* for SP max-width: 736px */


/*-------------------------------------------------------------
	関連番組	
-------------------------------------------------------------*/
.relation_program {
}
.relation_program .program_item {
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
	color: #333;
}
.relation_program .txt_box {
	margin-top: 15px;
	padding:0 15px;
}
.relation_program .title {
	font-size:16px;
	font-weight:bold;
}
.relation_program .txt_box .txt {
	font-size:14px;
	margin-top: 10px;
}
.relation_program .copyright {
	font-size: 10px;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,0.8);
	position: absolute;
	bottom: 2px;
	left: 2px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.relation_program .program_item {
	padding: 15px;
}
.relation_program .txt_box {
	margin-top: 10px;
	padding:0;
}
.relation_program .txt_box .txt {
	margin-top: 5px;
}
}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.relation_program {
	margin-top: -15px;
}
.relation_program .grid {
	margin-top: 15px;

}
}/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.relation_program .channel_info_box
-------------------------------------------------------------*/
.relation_program .channel_info_box {
	margin-top: 15px;
	padding:0 15px;
}
.relation_program .channel_info_box .ch_schedule {
	font-size:14px;
	margin-top: 12px;
}
.relation_program .channel_info_box .date {
	font-size:14px;
}
.relation_program .channel_info_box .ch_logo {
	width:45px;
	height:45px;
}
.relation_program .channel_info_box .ch_info {
	margin-left:55px;
	width:auto;
}
.relation_program .object_fit_img {
	position: relative;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.relation_program .channel_info_box {
	padding:0;
}
.relation_program .channel_info_box {
	margin-top: 10px;
}
}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.relation_program .more_btn
-------------------------------------------------------------*/
.relation_program .more_btn {
	text-align: center;
	margin-top: 20px;
}
.relation_program .more_btn a {
	display: block;
	background: #ff9900;
	padding: 15px 30px;
	text-align: center;
	color: #fff;
	position: relative;
	font-size: 14px;
	line-height: 1;
}
.relation_program .more_btn a::after {
	content:'';
	position:absolute;
	top: 0; bottom: 0; right: 10px;
	margin: auto;
	border:solid 1px #fff;
	width:6px;
	height:6px;
	border-top:none;
	border-left:none;
	-webkit-transform: rotate(-45deg) translate(-1px,-1px);
	-moz-transform: rotate(-45deg) translate(-1px,-1px);
	-ms-transform: rotate(-45deg) translate(-1px,-1px);
	transform: rotate(-45deg) translate(-1px,-1px);
	transition: all 0.3s;
}
.relation_program .grid:hover .more_btn a,
.relation_program .more_btn a:hover {
	text-decoration: none;
	background: #ffcc00;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.relation_program .more_btn {
	margin-top: 15px;
}
}/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.hover_effect
-------------------------------------------------------------*/
.hover_effect .grid,
.hover_effect .card_item {
	cursor: pointer;
	transition: all 0.3s;
}
.hover_effect .grid:hover,
.hover_effect .card_item:hover {
	transform: scale(1.05,1.05);
	box-shadow: 0 0 30px 0 rgba(0,0,0,0.3);
	z-index: 10;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}/* for SP max-width: 736px */


/*-------------------------------------------------------------
	リンク	
-------------------------------------------------------------*/
.ch_link {
	margin-top:10px;
}
.ch_link a {
	padding-right:10px;
	color:#ff4931;
	font-weight:bold;
	font-size:14px;
	line-height:1.4;
	position:relative;
}
.ch_link a:after {
	content:'';
	position:absolute;
	margin:auto;
	top:0; bottom:0;
	right:0px;
	border-right:solid 1px #ff4931;
	border-bottom:solid 1px #ff4931;
	width:6px;
	height:6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all .3s;
}
.ch_link a:hover {
	text-decoration:none;
	opacity:0.7;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	チャンネル情報ボックスの調整
	
===============================================================*/

/* チャンネルロゴ */
.gridwrp_4 .channel_info_box .ch_logo,
.gridwrp_5 .channel_info_box .ch_logo,
.gridwrp_6 .channel_info_box .ch_logo {
	width:40px;
	height:40px;
}
.gridwrp_4 .channel_info_box .ch_info,
.gridwrp_5 .channel_info_box .ch_info,
.gridwrp_6 .channel_info_box .ch_info {
	margin-left:50px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
/* チャンネルロゴ */
.gridwrp_4 .channel_info_box .ch_logo,
.gridwrp_5 .channel_info_box .ch_logo,
.gridwrp_6 .channel_info_box .ch_logo {
	width:60px;
	height:60px;
}
.gridwrp_4 .channel_info_box .ch_info,
.gridwrp_5 .channel_info_box .ch_info,
.gridwrp_6 .channel_info_box .ch_info {
	margin-left:70px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	content_watch_channel
	
===============================================================*/
.content_watch_channel {
	text-align: center;
	border-top: solid 1px #fff;
	margin-top: 50px;
	padding-top: 40px;
}
.content_watch_channel .gridcontainer {
	margin: 0;
}
.content_watch_channel .grid .cnannel_name {
	font-size: 16px;
	line-height: 1.2;
	margin-top: 15px;
}
.content_watch_channel .grid a {
	color:#fff;
	text-decoration:none; 
}
.content_watch_channel .grid a:hover {
	text-decoration:underline; 
}
.content_watch_channel .link {
	margin-top: 30px;
	text-align: left;
}
.content_watch_channel .link a {
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
}
.content_watch_channel .link a span {
	color: #ff9900;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content_watch_channel {
	margin-top: 30px;
	padding-top: 20px;
}
.content_watch_channel .gridcontainer {
	margin-top: 20px;
}
.content_watch_channel .grid .cnannel_name {
	font-size: 14px;
	margin-top: 10px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	section_game_schedule
	
===============================================================*/
.section_game_schedule {
}
.section_game_schedule .headline {
	color: #fff;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}/* for SP max-width: 736px */


/*===============================================================
	
	tab
	
===============================================================*/
/*-------------------------------------------------------------
	.tabhead	
-------------------------------------------------------------*/
.tabhead {
	margin-top:30px;
	text-align:center;
}
.tabhead li {
	width:25%;
	float:left;
}
.tabhead li a {
	display:block;
	padding:10px 0;
	border-bottom:solid 3px #ff9900;
	color:#999;
	background: #fff;
	font-size:20px;
	font-weight:bold;
	border-left: solid 1px rgba(0,0,0,0.1);
}
.tabhead li a:hover {
	color:#000;
	background: #fff;
	text-decoration: none;
}
.tabhead li.active a,
.tabhead li.active a:hover {
	border:solid 3px #ff9900;
	border-bottom:0;
	color:#fff;
	background: #ff9900;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.tabhead {
	margin-top:10px;
}
.tabhead li a {
	padding:10px 0;
	font-size:16px;
}

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.tabbody
-------------------------------------------------------------*/
.tabbody {
	margin-top:0;
}
.tabbody h3 {
	margin-top:0;
	line-height:40px;
	background:#000;
	color:#fff;
	padding:50px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	game_schedule
	
===============================================================*/
.game_schedule {
	
}
.game_schedule table {
	background: #eee;
	width: 100%;
	border: 0;
	border-spacing:0;
}
.game_schedule table tr:nth-child(even){
	background: #ddd;
}
.game_schedule table tr:nth-child(even) th{
	background: #333;
}
.game_schedule td,
.game_schedule th {
	padding: 15px;
	box-sizing: border-box;
	border: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 1.3;
}
.game_schedule th {
	width: 19%;
	background: #444;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.game_schedule td {
	width: 27%;
	border-left: solid 1px rgba(255,255,255,0.9);
}
.game_schedule th span {
	display: block;
	font-size: 12px;
	padding-top: 3px;
}
.game_schedule .block_title {
	background: #2b2b2b;
	color: #fff;
	text-align: center;
	padding: 10px;
	margin: 0;
	line-height: 1;
	font-size: 15px;
	font-weight: bold;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.game_schedule td,
.game_schedule th {
	padding: 10px;
	font-size: 14px;
}
.game_schedule th {
	width:15%;
}
.game_schedule td {
	width:28.3333%;
}
}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.game_schedule td,
.game_schedule th {
	display:inline-block;
	width: 100%;
}
.game_schedule td.nodata {
	display: none;
}
.game_schedule th {
	padding: 10px;
	font-size: 16px;
	line-height: 1;
}
.game_schedule td {
	border:0;
	border-top: solid 0px rgba(255,255,255,0.9);
}
.game_schedule table tr:nth-child(even){
	background: #eee;
}
.game_schedule table tr:nth-child(even) th{
	background: #444;
}
.game_schedule table td:nth-child(odd){
	background: #ddd;
}
}/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.game_schedule .label	
-------------------------------------------------------------*/
.game_schedule .label {
	color: #fff;
	background: #696969;
}
.game_schedule .label td,
.game_schedule .label th {
	font-size: 14px;
	padding: 15px;
	border-color: rgba(255,255,255,0.2);
}
.game_schedule .label th {
	font-weight: bold;
}


/* タブレット以下 */
@media screen and (max-width: 1030px) {
.game_schedule .label td,
.game_schedule .label th {
	padding: 10px;
}
}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.game_schedule .label {
	display: none;
}
}/* for SP max-width: 736px */


/*===============================================================
	
	.game_schedule .card
	
===============================================================*/
.game_schedule .card {
	text-align: left;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	padding: 5px;
	transition: all 0.3s;
}
.game_schedule .card + .card {
	margin-top: 10px;
}
/*
.game_schedule .card:hover {
	transform: scale(1.05,1.05);
	box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
*/
.game_schedule .card .icon {
	width:40px;
	float: left;
	border: solid 1px #ddd;
	box-sizing: border-box;
}
.game_schedule .card .icon img {
	width:100%; height: auto;
}
.game_schedule .card .txt {
	padding-left: 50px;
}
.game_schedule .card .txt p {
	line-height: 20px;
}
.game_schedule .card .txt .title {
	font-weight: bold;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}/* for SP max-width: 736px */




/*===============================================================
	
	function_btn
	
===============================================================*/
.function_btns {
}
.function_btns .btn-play {
	float:left;
}
.function_btns .btn-rec {
	float:right;
}
.function_btn {
	width:130px;
	height:30px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
}
.function_btn a {
	position:absolute;
	width:130px;
	display:block;
	background-color:#6c0;
	background-image:none;
	text-align:left;
	text-indent:23px;
	color:#fff;
	font-size:11px;
	line-height:20px;
	font-weight:bold;
	padding:5px 0 3px 0;
	border-radius:3px;
	box-shadow:rgba(0, 0, 0, 0) 0px 3px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0) 0px 3px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0) 0px 3px 0px 0px;
	border-bottom:solid 3px #50af21;
}
.function_btn a:hover {
	position:absolute;
	color:#fff;
	text-decoration:none;
	background-color:#6c0;
	border-bottom:solid 0px #50af21;
	top:3px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.function_btn {
	width:48%;
	min-height:60px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
}
.function_btn a {
	position:absolute;
	width:100%;
	display:block;
	background-color:#6c0;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:20px 30px;
	text-align:center;
	text-indent:0;
	color:#fff;
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	padding:20px 0 5px 0;
}

}	/* for SP max-width: 736px */



/*-------------------------------------------------------------
	.btn-play
-------------------------------------------------------------*/
.btn-play a {
	background-color:#6c0;
	border-bottom:solid 3px #50af21;
}
.btn-play a:hover {
	background-color:#6c0;
	border-bottom:solid 0px #50af21;
}
.btn-play a:before {
	content:'';
	position:absolute;
	top:0; bottom:0; left:10px; right:auto; margin:auto;
	width:15px;
	height:10px;
	border-top: 6px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 8px solid rgba(0,0,0,0.2);
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn-play a {
	text-indent:0;
}
.btn-play a:before {
	top:5px; bottom:auto; left:0; right:0; margin:auto;
	transform:translate(10px,0px);
	-moz-transform:translate(10px,0px);
	-ms-transform:translate(10px,0px);
	-webkit-transform:translate(10px,0px);
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.btn-rec 	
-------------------------------------------------------------*/
.btn-rec a {
	text-indent:27px;
	background-color:#cc0000;
	border-bottom:solid 3px #990000;
	transition:0;
}
.btn-rec a:hover {
	top:3px;
	background-color:#cc0000;
	border-bottom:solid 0px #990000;
}
.btn-rec a:before {
	content:'';
	position:absolute;
	top:0; bottom:0; left:10px; right:auto; margin:auto;
	width:10px;
	height:10px;
	background:rgba(0,0,0,0.2);
	border-radius:50% 50%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn-rec a {
	text-indent:0;
	font-size:14px;
	line-height:15px;
	padding:10px 0 10px;
}
.btn-rec a:before {
	display:none;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.deactive 
-------------------------------------------------------------*/
.deactive a,
.deactive a:hover {
	cursor:default;
	top:3px;
	background-color:#999;
	border-bottom:solid 0px #990000;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	 アプリボタン無し/あり　SPのみ
-------------------------------------------------------------*/
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
/* アプリボタン無しの場合 	*/
.function_btns .function_btn {
	width:49%;
	min-height:10px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
	float:none;
}

/* アプリボタンありの場合 	*/
.has_playbtn {
	width:100%;
}
.has_playbtn .function_btn {
	width:49%;
	min-height:60px;
	margin:0 auto;
	margin-top:20px;
	position:relative;
}
.has_playbtn .btn-play {
	float:left;
}
.has_playbtn .btn-rec {
	float:right;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	.tv_program_list
		
===============================================================*/
.tv_program_list {
	position:relative;
}
.tv_program_list .list {
	border-top:solid 1px #ddd;
}
.tv_program_list .list .listitem {
	padding:20px 0;
	padding-left:10px;
	text-align:left;
	border-bottom:solid 1px #ddd;
	background:rgba(255,255,255,0.5);
}
.tv_program_list .list .listitem:hover {
	background:rgba(230,230,230,0.5);
}
.tv_program_list .list .odd {
}
.tv_program_list .list .hover {
	background:#fff;
}
.tv_program_list .list .listitem {
	position:relative;
}
.tv_program_list .list .item a {
	text-decoration:underline;
}
.tv_program_list .list .item a:hover {
	text-decoration:none;
	color:#333;
}
.tv_program_list .errormessage {
	text-align:center;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.tv_program_list .list .listitem {
	padding:20px;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.tv_program_list .list .listitem .thumb
-------------------------------------------------------------*/
.tv_program_list .list .listitem .thumb {
	float:left;
}
.tv_program_list .list .listitem .thumb {
	width:50px;
	height:50px;
	overflow:hidden;
	background:#fff;
	border:solid 1px#ddd;
}
.tv_program_list .list .listitem .thumb img {
	width:100%;
	height:auto;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.tv_program_list .list .listitem .txt 	
-------------------------------------------------------------*/
.tv_program_list .list .listitem .txt {
	margin-left:60px;
	margin-right:140px;
	padding-top:5px;
}
.tv_program_list .list .listitem .title {
	font-size:16px;
	line-height:25px;
	font-weight:bold;
}
.tv_program_list .list .listitem .date {
	font-size:14px;
	line-height:20px;
	margin-top:0px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.tv_program_list .list .listitem .txt {
	margin-right:0;
}
.tv_program_list .list .listitem .txt ul {
	width:100%;
	overflow:hidden;
	position:relative;
}
.tv_program_list .list .listitem .txt li {
	float:none;
	width:auto;
}
.tv_program_list .list .listitem .txt li.date br {
	display:none;
}
.tv_program_list .list .listitem .txt li.live {
	float:none;
	position:absolute;
	top:0;
	right:0;
}

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.tv_program_list .list .listitem .txt {
	padding-top:0px;
}
.tv_program_list .list .listitem .title {
	font-size:14px;
	line-height:20px;
}
.tv_program_list .list .listitem .date {
	font-size:12px;
	line-height:20px;
	margin-top:0;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.tv_program_list .list .listitem .function_btn 
-------------------------------------------------------------*/
.tv_program_list .list .listitem .function_btn {
	float:right;
}
.content_program .tv_program_list .function_btns {
	position:absolute;
	top:10px;
	right:10px;
	width:130px;
}
.content_program .tv_program_list .function_btns .function_btn {
	margin-left:10px;
}
.tv_program_list .list .function_btn a ,
.tv_program_list .list .function_btn a:hover,
.tv_program_list .list .hover .function_btn a {
	color:#fff;
	text-decoration:none;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.tv_program_list .list .listitem .function_btn {
	float:none;
}
.content_program .tv_program_list .function_btns {
	position:static;
	margin-left:60px;
}
.content_program .tv_program_list .function_btns .function_btn {
	float:left;
	margin-left:0;
	margin-right:10px;
	margin-top:10px;
	padding-bottom:5px;
}
.tv_program_list .list .function_btn a ,
.tv_program_list .list .function_btn a:hover,
.tv_program_list .list .hover .function_btn a {
	color:#fff;
	text-decoration:none;
}
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content_program .tv_program_list .function_btns {
	width:100%;
	margin-left:0;
	clear:both;
	margin-top:10px;
}
.content_program .tv_program_list .function_btns .function_btn {
	float:left;
	margin-left:0;
	margin-right:0;
	margin-top:10px;
	padding-bottom:5px;
}
.content_program .tv_program_list .function_btns .btn-rec {
	margin:0 auto;
	float:none;
}
.content_program .tv_program_list .function_btns  {
	width:100%;
}

.tv_program_list .list .function_btn a ,
.tv_program_list .list .function_btn a:hover,
.tv_program_list .list .hover .function_btn a {
	color:#fff;
	text-decoration:none;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	nodata_message
-------------------------------------------------------------*/
.thiscontents .nodata_message {
	padding:10px 15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	margin-top:10px;
	color:#999;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.thiscontents .nodata_message {
	margin-top:0px;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	.detail_program_list
		
===============================================================*/
.detail_program_list {
	position:relative;
}
.detail_program_list .list .listitem {
	padding:20px 0;
	text-align:left;
	border-bottom:solid 1px #ddd;
}
.detail_program_list .list .odd {
}
.detail_program_list .list .hover {
	background:#fff;
}
.detail_program_list .list .listitem {
	position:relative;
}
.detail_program_list .list a {
	text-decoration:underline;
}
.detail_program_list .list a:hover {
	text-decoration:none;
	color:#333;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.detail_program_list .list .listitem {
	padding:20px;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.detail_program_list .list .listitem .thumb
-------------------------------------------------------------*/
.detail_program_list .list .listitem .thumb {
	float:left;
}
.detail_program_list .list .listitem .thumb {
	width:50px;
	height:50px;
	overflow:hidden;
	background:#fff;
	border:solid 1px#ddd;
}
.detail_program_list .list .listitem .thumb img {
	width:100%;
	height:auto;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.detail_program_list .list .listitem .txt 	
-------------------------------------------------------------*/
.detail_program_list .list .listitem .txt {
	margin-left:60px;
	margin-right:140px;
	padding-top:5px;
}
.detail_program_list .list .listitem .title {
	font-size:16px;
	line-height:20px;
	font-weight:bold;
}
.detail_program_list .list .listitem .date {
	font-size:14px;
	line-height:20px;
	margin-top:0px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.detail_program_list .list .listitem .txt {
	margin-right:0;
}
.detail_program_list .list .listitem .txt ul {
	width:100%;
	overflow:hidden;
	position:relative;
}
.detail_program_list .list .listitem .txt li {
	float:none;
	width:auto;
}
.detail_program_list .list .listitem .txt li.date br {
	display:none;
}
.detail_program_list .list .listitem .txt li.live {
	float:none;
	position:absolute;
	top:0;
	right:0;
}

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.detail_program_list .list .listitem .txt {
	padding-top:0px;
}
.detail_program_list .list .listitem .title {
	font-size:14px;
	line-height:20px;
}
.detail_program_list .list .listitem .date {
	font-size:12px;
	line-height:20px;
	margin-top:0;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.detail_program_list .list .listitem .function_btn 
-------------------------------------------------------------*/
.detail_program_list .list .listitem .function_btn {
	float:right;
}
.program_detail .detail_program_list .function_btns {
	position:absolute;
	top:10px;
	right:10px;
	width:130px;
}
.program_detail .detail_program_list .function_btns .function_btn {
	margin-left:10px;
}
.detail_program_list .list .function_btn a ,
.detail_program_list .list .function_btn a:hover,
.detail_program_list .list .hover .function_btn a {
	color:#fff;
	text-decoration:none;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.detail_program_list .list .listitem .function_btn {
	float:none;
}
.program_detail .detail_program_list .function_btns {
	position:static;
	margin-left:60px;
}
.program_detail .detail_program_list .function_btns .function_btn {
	float:left;
	margin-left:0;
	margin-right:10px;
	margin-top:10px;
	padding-bottom:5px;
}
.detail_program_list .list .function_btn a ,
.detail_program_list .list .function_btn a:hover,
.detail_program_list .list .hover .function_btn a {
	color:#fff;
	text-decoration:none;
}
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.program_detail .detail_program_list .function_btns {
	width:100%;
	margin-left:0;
	clear:both;
	margin-top:10px;
}
.program_detail .detail_program_list .function_btns .function_btn {
	float:left;
	margin-left:0;
	margin-right:0;
	margin-top:10px;
	padding-bottom:5px;
}
.program_detail .detail_program_list .function_btns .btn-rec {
	margin:0 auto;
	float:none;
}
.program_detail .detail_program_list .function_btns  {
	width:100%;
}

.detail_program_list .list .function_btn a ,
.detail_program_list .list .function_btn a:hover,
.detail_program_list .list .hover .function_btn asection_relation_program {
	color:#fff;
	text-decoration:none;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.detail_program_list .errormessage
-------------------------------------------------------------*/
.detail_program_list .errormessage {
	padding:10px 15px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	margin-top:30px;
	color:#999;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.detailcontent .detail_program_list .errormessage {
	margin-top:0px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	search_area
	
===============================================================*/
.search_area {
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	search_type	
-------------------------------------------------------------*/
.search_type {
	margin-top:20px;
}
.search_type dl {
}
.search_type dt {
	width:180px;
	float:left;
	text-indent:25px;
	line-height:20px;
	text-align:left;
	position:relative;
	font-size:16px;
	line-height:20px;
	padding-top:8px;
}
.search_type dd {
	margin-left:180px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.search_type {
	margin-top:10px;
}
.search_type dt {

}
.search_type dt,
.search_type dd {
	width:100%;
	float:none;
	margin:0;
}
.search_type dd {
	padding-top:5px;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	検索アイコン
-------------------------------------------------------------*/
.search_type dt:before {
	content:'';
	position:absolute;
	margin:auto;
	top:0; bottom:0;
	left:0px;
	width:10px;
	height:10px;
	border-radius:50% 50%;
	border:solid 3px #000;
}
.search_type dt:after {
	content:'';
	position:absolute;
	margin:auto;
	bottom:4px;
	left:13px;
	width:5px;
	height:3px;
	background:#000;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	search_box	
-------------------------------------------------------------*/
.search_box {
}
.search_box .inputfld {
	float:left;
	width:240px;
}
.search_box .inputfld input {
	padding:5px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	border-radius:5px;
	width:240px;
	color:#666;
	line-height:20px;
}
.search_box .btn {
	margin:0;
	margin-left:250px;
	width:60px;
}
.search_box .btn a {
	padding:6px 0;
	display:block;
	background-color:#007a51;
	text-align:center;
	color:#fff;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	padding:6px 0;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.search_box .btn,	
.search_box .inputfld {
	padding-top:5px;
}
.search_box {
	padding-bottom:5px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	search_keyword	
-------------------------------------------------------------*/
.search_keyword {
	margin-top:0;
	padding-bottom:30px;
	text-align:left;
	vertical-align:top;
}
.search_keyword li {
	display:inline-block;
	margin-right:10px;
	margin-bottom:5px;
	padding-bottom:2px;
	line-height:20px;
	vertical-align:top;
}
.search_keyword li a {
	display:block;
	color: #fff;
	background:#000;
	padding:5px 10px;
	font-size:14px;
	line-height:20px;
}
.search_keyword li a:hover {
	background:#494949;
	text-decoration:none;
}
.search_keyword li.active a,
.search_keyword li.active a:hover {
	color:#fff;
	background:#ff9900;
	text-decoration:none;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.search_keyword {
	padding-bottom:20px;
}
.search_keyword li {
	margin-right:5px;
}
.search_keyword li a {
	font-size:12px;
	line-height:15px;
	padding:5px 10px;
	border-radius:5px;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	search_keyword　閉じる	
-------------------------------------------------------------*/
.search_keyword li.closebackbtn {
	display:none;
}
.search_keyword li.closebackbtn.active {
	display:inline-block;
}
.search_keyword li.closebackbtn a {
	display:block;
	background:#ccc;
	white-space:nowrap; text-indent:100%; overflow:hidden;
	width:30px;
	line-height:30px;
	padding:0;
	position:relative;
}
.search_keyword li.closebackbtn a:before,
.search_keyword li.closebackbtn a:after {
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	content:'';
	width:12px;
	height:1px;
	background:#fff;
	transform:rotate(45deg);
}
.search_keyword li.closebackbtn a:after {
	transform:rotate(-45deg);
}

.search_keyword li.closebackbtn a:hover {
	background:#666;
	text-decoration:none;
}

/*-------------------------------------------------------------
	foo	
-------------------------------------------------------------*/
.search_keyword li.label {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	color: #e60012;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}/* for SP max-width: 736px */
/*-------------------------------------------------------------
	tag_selecter_wrap
-------------------------------------------------------------*/

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.tag_selecter {
	display: block;
	padding: 0 20px;
}
	.tag_selecter select {
		color: #000;
	}	

}/* for SP max-width: 736px */

/*-------------------------------------------------------------
	search_channel	
-------------------------------------------------------------*/
.search_channel {
	margin-top:10px;
	text-align:left;
}
.search_channel dt {
	margin-top:15px;
	text-align:left;
}
.search_channel li {
	display:inline-block;
	width:60px;
	margin-right:10px;
	margin-top:5px;
	box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.15);
}
.search_channel li img {
	width:100%; height:auto;
	border:solid 1px rgba(0,0,0,0.1);
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.search_channel li a {
}
.search_channel li a:hover img {
	border:solid 1px rgba(0,0,0,1);
}
.search_channel li.active a img,
.search_channel li.active a:hover img {
	border:solid 1px #f09;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.search_channel {
	padding-bottom:30px;
}
.search_channel li {
	width:20%;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	search_genre	
-------------------------------------------------------------*/
.search_keyword + .search_genre {
	margin-top:-10px;
}
.search_genre {
	text-align:center;
	padding-bottom:30px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.search_genre {
	text-align:center;
	padding:20px;
	padding-top:0;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.form_content select 
-------------------------------------------------------------*/
.form_content select {
	background:#fff;
	/*background:url(../images/space1x1.gif) no-repeat;*/
}
.form_content select option {
	background:#fff;
	color:#333;
}
.form_content optgroup.area {
	color:#333;
	background:#eee;
}
/*	 セレクタの装飾 */
.select_wrap {
	position:relative;
	overflow:hidden;
	display:inline-block;
	min-width:20em;
	background-color:#ffffff;
	background-image:-webkit-linear-gradient(top, #ffffff 0%, #eee 100%);
	background-image:linear-gradient(top, #ffffff 0%, #eee 100%);
	border:1px solid #ddd;
	border-radius:5px;
	color:#333;
	/*padding:0 5px;*/
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
	transition:all 0.1s linear;
	margin:0 auto;
}
.select_wrap:hover {
	border:1px solid #ccc;
}
.select_wrap select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	z-index: 2;
	display: block;
	width: 200%;
	/* fallback non calc support */
	width:-webkit-calc(100% + 5em);
	width:100%;
	margin:0;
	padding:5px 10px;
	background:transparent;
	border:0;
	outline:none;
	font-size:14px;
	line-height:1.6;
	cursor:pointer; 
}
.select_wrap:after,
.select_wrap:before {
	content:'';
	position:absolute;
	width:5px;
	height:5px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.select_wrap:after {
	bottom:5px;
	right:10px;
	border-top:4px solid rgba(0,0,0,0.5);
	border-right:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid transparent;
}
.select_wrap:before {
	top:5px;
	right:10px;
	border-top:4px solid transparent;
    border-right:4px solid transparent;
    border-bottom:4px solid rgba(0,0,0,0.5);
    border-left:4px solid transparent;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
/*	 セレクタの装飾 */
.select_wrap {
	min-width:0;
	width:100%;
	margin:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.select_wrap + .select_wrap {
	margin-top:10px;
}	
.select_wrap select {
	padding:10px;
	font-size:16px;
}
.select_wrap:after {
	content:'';
	position:absolute;
	bottom:8px;
	right:10px;
	width:5px;
	height:5px;
	border-top:4px solid rgba(0,0,0,0.5);
	border-right:4px solid transparent;
	border-bottom:4px solid transparent;
	border-left:4px solid transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.select_wrap:before {
	content:'';
	position:absolute;
	top:8px;
	right:10px;
	width:5px;
	height:5px;
	border-top:4px solid transparent;
	border-right:4px solid transparent;
	border-bottom:4px solid rgba(0,0,0,0.5);
	border-left:4px solid transparent;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
}	/* for SP max-width: 736px */



/*===============================================================
	
	search_title
	
===============================================================*/
.search_title {
	position:relative;
	width:100%;
	min-height:65px;
	background:#e73817;
}
.search_title h3 {
	font-size:18px;
	line-height:1.2;
	padding:22px 50px 22px 15px;
	margin-left:65px;
	font-weight:bold;
	text-align:left;
	background:#eee;
	min-height:65px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.search_title {
	min-height:50px;
}
.search_title h3 {
	font-size: 14px;
	padding: 15px 50px 15px 10px;
	margin-left: 50px;
	min-height:50px;
}

}	/* for SP max-width: 736px */

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	section_schedule
	
===============================================================*/
.section_schedule {
	background: #fff;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_schedule {
	background-position : right -30px top 130px;
	background-size: 100px 120px;
}

}/* for SP max-width: 736px */


/*===============================================================
	
	.mainvisual_slider .slider
	
===============================================================*/
.mainvisual_slider {
	width: 580px;
	height: 325px;
	margin: 0 auto;
	margin-top: 20px;
	position: relative;
}
.mainvisual_slider .owlslider {
	width: 580px;
	height: 325px;
	overflow: hidden;
}
.mainvisual_slider .slider {
	position:relative;
	background:#000;
}
.mainvisual_slider .slider .slide {
	width:100%;
	position:relative;
}
.mainvisual_slider .slider .owl-controls {
	display:none;
}
.mainvisual_slider .slider .slide img {
	transition: all 0.3s;
}
.mainvisual_slider .slider .slide img:hover {
	opacity: 0.7;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mainvisual_slider .owlslider {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.mainvisual_slider {
	width: 100%;
	height: auto;
}
.mainvisual_slider .slider .slide ,
.mainvisual_slider .slider .slide:nth-child(even) {
	float:none;
	width:100%;
}
.mainvisual_slider .slider .slide img {
	width:100%;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.mainvisual_slider .slider .pager
-------------------------------------------------------------*/
.mainvisual_slider .slider .pager {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:50px;
	height:50px;
	z-index:5;
}
.mainvisual_slider .slider .prev {
	left:-60px;
}
.mainvisual_slider .slider .next {
	right:-60px;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mainvisual_slider .slider .prev {
	left:-10px;
}
.mainvisual_slider .slider .next {
	right:-10px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.mainvisual_slider .slider .pager a
-------------------------------------------------------------*/
.mainvisual_slider .slider .pager a {
	display:block;
	width:50px;
	height:50px;
	border:solid 0px #fff;
	border-radius:50% 50%;
	overflow:hidden;
	text-indent:-200%;
	position:relative;
}
.mainvisual_slider .slider .pager a:hover {
	
}
.mainvisual_slider .slider .pager a:after {
	content:'';
	position:absolute;
	top:0; bottom:0; left:0; right:0; margin:auto;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
	width:30px;
	height:30px;
	transform: rotate(-45deg) translate(-10px,-10px);
	transition: all .3s;
}
.mainvisual_slider .slider .prev a:after {
	transform: rotate(135deg) translate(-10px,-10px);
}
.mainvisual_slider .slider .pager a:hover:after {
	transform: rotate(-45deg) translate(-5px,-5px);
}
.mainvisual_slider .slider .prev a:hover:after {
	transform: rotate(135deg) translate(-5px,-5px);
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.mainvisual_slider .slider .pager a:after {
	width:15px;
	height:15px;
}
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.mainvisual_slider .slider .slide .photo
-------------------------------------------------------------*/
.mainvisual_slider .slider .slide .photo img {
	width: inherit;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.mainvisual_slider .slider .slide .txt
-------------------------------------------------------------*/
.mainvisual_slider .slider .slide .txt {
	position:absolute;
	width:400px;
	height:160px;
	top:0; bottom:0; left:0; right:0; margin:auto;
	text-align:center;
	background:rgba(0,0,0,0.5);
	padding:20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.mainvisual_slider .slider .slide .txt h3 {
	font-size:25px;
	line-height:30px;
}
.mainvisual_slider .slider .slide .txt .btn {
	width:200px;
	margin:0 auto;
	margin-top:20px;
}
.mainvisual_slider .slider .slide .txt .btn a {
	display:block;
	font-size:16px;
	line-height:20px;
	padding:10px 0;
	text-align:center;
	color:#fff;
	text-decoration:none;
	border:solid 3px #fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.mainvisual_slider .slider .slide .txt .btn a:hover {
	background:#fff;
	color:#000;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	.label_ribon
-------------------------------------------------------------*/
.label_ribon {
}
.label_ribon span {
	color:#fff;
	background:#C00;
	padding:5px 15px;
	text-align:center;
	position:absolute;
	top:-15px;
	left:-15px;
	z-index:5;
	font-size: 14px;
	line-height: 19px;
	font-weight: bold;
}
.label_ribon:after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
	left:-15px;
	top:12px;
	
	border-top: 5px solid #500;
    border-right: 5px solid #500;
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.label_ribon span {
	top: -10px;
	left: 0px;
}
.label_ribon:after {
	content: none;
}
}	/* for SP max-width: 736px */



/*===============================================================
	
	ラグビー
	
===============================================================*/
.section {
}
.section .red {
	color: #e60012;
}
.gridcontainer {
/*	margin-top: 0;*/
}
/*
#btn_pagetop a {
	background:#e60012;
}
#btn_pagetop a:hover {
	background:#FF0B1E;
}
*/
/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content {
	padding-bottom: 30px;
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	section_mainvisual
	
===============================================================*/

.section_mainvisual {
	background-color: #000;
	background-image:url(../images/mainvisual/mainvisual_bg.jpg);
	background-repeat:	no-repeat;
	background-position:top center;
	height: auto;
	color: #fff;
}
.section_mainvisual .headline {
	text-shadow: 0 3px 15px rgba(0,0,0,0.8);
}
.section_mainvisual .title {
	width: 1100px;
	margin:0 auto;
	padding-top: 30px;
/*	padding-bottom: 0px; */
	padding-bottom: 10px;/* バナーなし */
}
.section_mainvisual .bnr {
	margin-top: 30px;
	padding-bottom: 30px;
}
.section_mainvisual img {
	width: 100%;
	height: auto;
}
.section_mainvisual .headline .read {
	margin-top: 15px;
	font-size: 20px;
	line-height: 1.3;
	font-weight: bold;
}
.section_mainvisual a:hover {
	opacity: 0.7;
}
.section_mainvisual .btn_detail {
	margin-top: 0;
}
.section_mainvisual .btn_detail a {
	font-size: 22px;
	line-height: 30px;
	padding: 10px 0;
}
.section_mainvisual .btn_detail a::after {
	transform: rotate(225deg);
	border-width: 2px;
}

/* タブレット以下 */
@media screen and (max-width: 1100px) {
.section_mainvisual {
}
.section_mainvisual .title {
	width: 100%;
	}
}/* for tablet max-width: 1030px */
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.section_mainvisual {
	background-size:cover;
}	
.section_mainvisual .bnr {
	padding: 20px;
	padding-top: 10px;
}
}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_mainvisual {
}
.section_mainvisual .headline {
	text-shadow: 0 3px 15px rgba(0,0,0,0.8);
}
.section_mainvisual .title {
	width: 100%;
	padding-top: 20px;
/*	padding-bottom: 0;*/
	padding-bottom: 0px;/* バナーなし */
}
.section_mainvisual .headline .read {
	margin-top: 15px;
	font-size: 4.2vw;
	line-height: 1.4;
}
.section_mainvisual .bnr {
	padding: 20px;
	padding-top: 0px;
	margin-top: 20px;
}
.section_mainvisual .btn_detail {
	margin-top: 10px;
	width: 80%;
}
.section_mainvisual .btn_detail a {
	font-size: 4vw;
	line-height: 1.2;
	padding: 10px 0;
}
.section_mainvisual .btn_detail a::after {
	transform: rotate(225deg);
	border-width: 2px;
}
}/* for SP max-width: 736px */

/*===============================================================
	
	bg_fix　背景画像の固定
	
===============================================================*/
.bg_fixed {
	background-attachment:fixed;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}	/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	section_main_contents
	
===============================================================*/
.section_main_contents {
	background: #fff;
}
.section_main_contents .headline .label {
	padding-bottom: 0;
  margin-top:10px;
}
.section_main_contents .headline .read {
	margin-top: 0px;
}
.section_main_contents .gridcontainer {
	margin-top: -10px;
}
.txtlink_bold {
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-top: 50px;
}
.txtlink_bold a {
	color: #e60012;
}
.description .title {
	font-size: 25px;
	line-height: 35px;
}
.description p {
	font-size: 20px;
	line-height: 1.9;
  font-weight:bold;
	margin-top: 15px;
	text-align: center;
}
.description +.description {
	margin-top: 30px;
}
.bnr_area {
	margin-top: 20px;
}
.bnr_area img {
	width: 100%;
	height: auto;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_main_contents .content {
	padding-bottom: 20px;
}
.section_main_contents .grid:first-child {
	margin-top: 5px;
}
.section_main_contents .grid {
	margin-top: 20px;
	border: 1px solid #ddd;
	padding: 35px;
	box-sizing: border-box
}
.txtlink_bold {
	font-size: 16px;
	margin-top: 30px;
}
.section_main_contents .headline .read {
	font-size: 18px;
	line-height: 1.4;
	margin-top: 0px;
}
.description .title {
	font-size: 16px;
	line-height: 25px;
}
.txtlink a:after {
	width: 6px;
	height: 6px;
	top: 8px;
}
.description {
}
.description p {
	font-size: 14px;
	line-height: 1.8;
	margin-top: 0;
}
.description * + p {
	margin-top: 10px;
}
.description +.description {
	margin-top: 20px;
}
.bnr_area {
	margin-top: 20px;
}

.section_main_contents .content + .content {
	margin-top: 0;
}
	
}	/* for SP max-width: 736px */

/*===============================================================
	
	section_description
	
===============================================================*/
.section_description {
	background: #fff;
}
.section_description .content {
/*	padding-bottom: 50px;*/
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	section_pool
	
===============================================================*/
.section_pool {
	background: #f7f7f7;
}
.section_pool .title {
	color: #000;
	font-weight: bold;
	font-size: 30px;
	padding-bottom: 15px;
}
.section_pool .gridcontainer {
}
.section_pool .grid {
	margin-top: 0;
}
.section_pool .left {
	float: left;
/*	width: 690px;*/
	width: 57.5%;
}
.section_pool .right {
	float: right;
/*	width: 454px;*/
	width: 37.833%;
}
.section_pool .caption {
	text-align: right;
	font-size: 10px;
	margin-top: 5px
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_pool .title {
	font-size: 18px;
	padding-bottom: 10px;
}
.section_pool .left ,
.section_pool .right {
	float: none;
	width: 100%;
}
.section_pool .games li + li {
	margin-top: 20px;
}
.section_pool .right {
	margin-top: 30px;
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	section_keyplayer
	
===============================================================*/
.section_keyplayer {
	background:#fff;
}
.section_keyplayer .gridcontainer {
	margin-top: 0;
}
.player {
	margin-top: 15px;
}
.subtitle {
	font-size: 14px;
	font-weight: bold;
}
.player_name {
	font-size: 24px;
	font-weight: bold;
}
.player .caption {
	font-size: 16px;
	line-height: 25px;
	margin-top: 10px;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {
.player_name {
	font-size: 22px;
}

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_keyplayer .gridcontainer {
	margin-top: 20px;
}
.section_keyplayer .grid:first-child {
	margin-top: 0;
}
.section_keyplayer .grid {
	margin-top: 40px;
}
.player {
	margin-top: 10px;
}
.subtitle {
	font-size: 12px;
}
.player_name {
	font-size: 18px;
}
.player .caption {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 0;
}


}	/* for SP max-width: 736px */

/*===============================================================
	
	section_schedule
	
===============================================================*/
.section_schedule {
}
.section_schedule .caption {
	font-size: 18px;
	margin-top: 20px;
}
.section_schedule .copyright {
	font-size: 12px;
	text-align: center ;
	padding: 20px;
	background: #fafafa;
}

/* タブレット以下 */
@media screen and (max-width: 940px) {

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_schedule .caption {
	font-size: 14px;
	margin-top: 10px;
}
.section_schedule .copyright {
}
}	/* for SP max-width: 736px */



/*===============================================================
	
	section_pv_info 　2018/6/7追加
	
===============================================================*/
.section_pv_info {
/*	background: #f7f7f7;*/
	background:url(../images/section_bg.jpg) center center no-repeat;
	background-size: cover;
}
.section_pv_info .headline .label {
	color: #fff;
	padding-bottom: 5px;
}
.section_pv_info .headline .title {
	color: #fff;
	font-size: 50px;
}
.content_pv_info .gridcontainer {
	margin-top: -15px;
}
.section_pv_info .grid {
/*	margin-top: 20px;*/
}
.pv_detail_wrp {
	background: #fff;
	padding: 30px 15px 30px;
}
.ended {
/*	background: #ddd;*/
}
.ended .caption {
	color: #c00;
	font-size: 16px;
}
.caption.hihyouji {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.content_pv_info .pv_card {
	text-align: center;
	padding-bottom: 10px;
	border-bottom: 1px solid #000;
}
.section_pv_info .subtitle {
	text-align: center;
	font-size: 25px;
	padding: 20px 0 0;	
	color: #fff;
/*	font-weight: normal;*/
	border-top: solid 2px #fff; 
}
.content_pv_info .pv_card .date {
	font-size: 18px;
/*	margin-bottom: -5px;*/
	margin-top: 5px;
}
.content_pv_info .pv_card .vs_title {
	font-size:35px;
	color: #000;
	font-weight: bold;
	line-height: 1.2;
}
.content_pv_info .pv_detail {
	height: 100px;
}
.content_pv_info .grid .pv_detail.top {
	margin-top: 30px;
}
.content_pv_info .pv_detail .left {
	width: 20%;
	float: left;
/*	padding-right: 10px;*/
	box-sizing: border-box;
}
.content_pv_info .pv_detail .place {
	font-size: 16px;
}
.content_pv_info .pv_detail .area {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	padding: 2px 3px 0;
	background: #e60012;
	width: 100%;
/*	width: 65px;*/
	text-align: center;
	box-sizing: border-box;
}
.content_pv_info .pv_detail .right {
	font-size: 18px;
	width: 80%;
	float: right;
	padding-left: 10px;
	box-sizing: border-box;
	line-height: 1.3;
/*	margin-top: -3px;*/
}
.content_pv_info .pv_detail .right span {
	font-weight: bold;
	display: block;
	font-size: 12px;
	color: #999;
}
.content_pv_info .address {
	font-size: 12px;
	margin-top: 10px;
	color: #888;
}
.content_pv_info {
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {
.section_pv_info .subtitle {
/*	font-size: 16px;*/
}
.section_pv_info .headline .label {
	padding-bottom: 0;
}
.section_pv_info .headline .title {
	font-size: 45px;
}
.content_pv_info .gridcontainer {
	margin-top: -5px;
}
.content_pv_info .pv_card .date {
	font-size: 14px;
	margin-bottom: -3px;
}
.ended .caption {
	font-size: 14px;
}
.content_pv_info .pv_card .vs_title {
	font-size:22px;
}
.section_pv_info .grid {
	margin-top: 20px;
}
.content_pv_info .pv_detail {
	margin-top: 10px;
	height: 130px;
}
.content_pv_info .grid .pv_detail.top {
	margin-top: 20px;
}
.content_pv_info .pv_detail .left {
	width: 100%;
	float: none;
}
.content_pv_info .pv_detail .area {
	width: 65px;
}
.content_pv_info .pv_detail .right {
	font-size: 16px;
	width: 100%;
	float: none;
	padding-left: 0;
	margin-top: 10px;
}
.content_pv_info .address {
	margin-top: 5px;
}

}	/* for tablet max-width: 940px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_pv_info {
}
.section_pv_info .headline .label {
	line-height: 1.4;
}
.section_pv_info .headline .title {
	font-size: 30px;
	margin-top: 5px;
	line-height: 1.3;
	}
.section_pv_info .subtitle {
	font-size: 16px;
	padding: 10px 0 0;	
}
.content_pv_info .gridcontainer {
	margin-top: 0;
}
.content_pv_info .pv_card .date {
	font-size: 14px;
	margin-bottom: -3px;
}
.content_pv_info .pv_card .vs_title {
	font-size:28px;
}
.pv_detail_wrp {
	margin-top: 20px;
}
.pv_detail_wrp.top{
	margin-top: 10px;
}
.caption.hihyouji {
	display: none;
}
.section_pv_info .grid {
/*	padding: 35px;*/
	margin-top: 60px;
}
.content_pv_info .grid.top {
	margin-top: 0px;
}
.content_pv_info .pv_detail {
	margin-top: 10px;
	height: 80px;
}
.content_pv_info .grid .pv_detail.top {
	margin-top: 25px;
}
.content_pv_info .pv_detail .left {
	width: 20%;
	float: left;
}
.content_pv_info .pv_detail .area {
	width: 100%;
	font-size: 13px;
	padding: 2px 0 ;
}
.content_pv_info .pv_detail .right {
/*	font-size: 16px;*/
	width: 80%;
	float: right;
	padding-left: 10px;
	font-size: 15px;
	margin-top: 0;
}
.content_pv_info .pv_detail .right span {
	font-size: 10px;
}
.content_pv_info .address {
	font-size: 10px;
	margin-top: 5px;
}
}	/* for SP max-width: 736px */




/*===============================================================
	
	shcedule
	
===============================================================*/
.shcedule {
	padding: 20px;
	display: table;
	margin: 0 auto;
	margin-top: 30px;
	vertical-align: middle;
	box-sizing: border-box;
	border: solid 1px #ddd;
	/*
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	*/
	background: #fafafa;
	border: none;
}
.shcedule .title {
	font-size: 18px;
	line-height: 1;
	color: #000;
	display: table-cell;
	vertical-align: middle;
	padding-right: 35px;
	color: #888;
}
.shcedule .channel_info_box {
	display: table-cell;
	vertical-align: middle;
}
.shcedule .channel_info_box .ch_name {
	font-size:16px;
}
.shcedule .channel_info_box .date {
	font-size:20px;
	font-weight:bold;
}
.shcedule .channel_info_box .caption {
	font-size:12px;
	font-weight:normal;
}
.shcedule .txtlink {
	margin-top: 10px;
}
.shcedule .txtlink a{
	font-weight: bold;
}
.shcedule .txtlink a::after {
	top:0;
	bottom: 0;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.shcedule {
	margin-top: 20px;
	/*
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	*/
	border: 0;
	padding: 15px;
	display: block;
	border-top: solid 0px #ddd;
}
.shcedule .title {
	font-size: 16px;
	display: block;
	padding-right: 0;
	text-align: center;
	padding-top: 0;
}
.shcedule .channel_info_box {
	display: block;
}
.shcedule .channel_info_box .ch_name {
	font-size:14px;
}
.shcedule .channel_info_box .date {
	font-size:16px;
	font-weight:bold;
	margin-top: 0;
}
}/* for SP max-width: 736px */


/*===============================================================
	
	section_pv
	
===============================================================*/
.section_pv {
	background: url(/special/tv/sports/rugby/rugbyjapan/test_match/images/section_bg.jpg) no-repeat top center;
  background-size: cover;
}
.section_pv .section_inner {
	padding: 50px 0 80px;
}
.section_pv .headline .label {
	display: inline-block;
	padding: 8px 15px;
	color: #fff;
	background: #e60012;
	font-size: 25px;
}
.section_pv .headline .title {
	color: #fff;
	margin-top: 15px;
	font-size: 45px;
}
.section_pv .headline .read {
	margin-top: 15px;
	color: #fff;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {
.section_pv .headline {
	padding: 0 20px;
}
}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_pv .headline {
	padding: 0;
}
.section_pv .section_inner {
	padding: 20px;
}
.section_pv .headline .label {
	padding: 8px 15px;
	font-size: 4.5vw;
}
.section_pv .headline .title {
	margin-top: 0px;
	padding-top: 5px;
	font-size: 6.2vw;
}
.section_pv .headline .read {
	margin-top: 10px;
}
}/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.section_pv .list
-------------------------------------------------------------*/
.section_pv .list {
	padding: 50px;
	background: #fff;
	text-align: left;
	margin-top: 30px;
	padding-top: 30px;
}
.section_pv .list .subtitle {
	font-size: 25px;
	line-height: 1.2;
}
.section_pv .list * + .subtitle {
	margin-top: 30px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_pv .list {
	padding: 0;
	margin-top: 10px;
	border: solid 1px #ddd;
}
.section_pv .list .subtitle {
	font-size: 18px;
	text-align: center;
	padding: 10px 0;
}
.section_pv .list * + .subtitle {
	margin-top: 20px;
}
}/* for SP max-width: 736px */



/*-------------------------------------------------------------
	.section_pv table
-------------------------------------------------------------*/
.section_pv table {
	width:100%;
	text-align:left;
	font-size:16px;
	line-height:30px;
	border-collapse: separate;
  border-spacing: 0;
	border-bottom:solid 1px #ddd;
	border-right:solid 0px #ddd;
	margin-top: 10px;
}
.section_pv th {
	padding:10px;
	font-weight:bold;
	border:solid 1px #ddd;
	border-right:0;
	border-left:0;
	border-bottom:0;
	background:#f5f5f5;
	color:#000;
}
.section_pv td {
	padding:10px;
	border:solid 1px #ddd;
	border-right:0;
	border-bottom:0;
	color:#000;
	border-left:0;
	width: 25%;
}
.section_pv td + td {
	width: 75%;
}
.section_pv tr:nth-child(odd) {
	background:#fff;
}
.section_pv tr:nth-child(even) {
 	background:#fafafa;
}
.section_pv th:nth-of-type(4),
.section_pv td:nth-of-type(4) {
	display: none;
}
.section_pv .icon_map_pointer {
	padding-right: 25px;
	background: url("/special/tv/sports/rugby/rugbyjapan/test_match/images/icon_map_pointer.svg") no-repeat right center;
	background-size: contain;
	line-height: 30px;
	color: #000;
}
.section_pv .icon_map_pointer:hover {
	opacity: 0.5;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_pv table {
	margin-top: 0;
	border: none;
	border-bottom: solid 1px #ddd;
}
.section_pv th {
	display: none;
}
.section_pv td {
	display: list-item;
	list-style:none;
	border: none;
	padding: 0 10px;
	padding-left: 50px;
	position: relative;
	font-size: 13px;
	line-height: 1.4;
}
.section_pv td,
.section_pv td + td {
	width: 100%;
	box-sizing: border-box;
}
.section_pv tr td:first-child {
	border-top: solid 1px #ddd;
	padding-top: 10px;
}
.section_pv tr td:nth-of-type(2) {
	padding-bottom: 10px;
	padding-top: 3px;
}
	
.section_pv td::before {
	content: "エリア";
	padding-right:10px;
	color:#666;
	font-size: 12px;
	position: absolute;
	top: 0; bottom: 0; left: 10px;
	margin: auto;
}
.section_pv td:nth-of-type(1):before {
	top: 10px; bottom: auto;
}
.section_pv td:nth-of-type(1):before { content: "地域"; }
.section_pv td:nth-of-type(2):before {
	content: "場所";
	top: 5px;
	}
.section_pv td:nth-of-type(3):before { content: "住所"; }
.section_pv td:nth-of-type(4):before { content: "開場時間"; }
	
.section_pv .icon_map_pointer {
	padding-right: 20px;
	line-height: 20px;
}
	
	
}/* for SP max-width: 736px */
/*===============================================================
	
	comongsoon
	
===============================================================*/
.comongsoon {
  margin-top:20px;
	text-align: center;
	padding: 100px 0;
	font-size: 25px;
	line-height: 1;
	background: rgba(0,0,0,0.32);
	font-weight: bold;color: rgba(255,255,255,0.4);
	
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.comongsoon {
  margin-top:10px;
	padding: 30px 0;
	font-size: 4vw;
	line-height: 1;
}

}/* for SP max-width: 736px */


/*===============================================================
	
	罫線
	
===============================================================*/
.section_main_contents .content + .headline{
  border-top:solid 1px rgba(0,0,0,0.1);
  padding-top:30px;
}

/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}/* for SP max-width: 736px */


/*===============================================================
	
	（土）＝調整
	
===============================================================*/
.headline .date .small{
  font-size: 47px;
  vertical-align: 4px;
  line-height: 1.2;
}
/* タブレット以下 */
@media screen and (max-width: 1030px) {

}/* for tablet max-width: 1030px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline .date .small{
	font-size: 24px;
  vertical-align: 2px;
}
}/* for SP max-width: 736px */


/*===============================================================
	
	testmutch_page
	
===============================================================*/
.testmutch_page {
	
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_event_present .section_inner {
	padding-bottom: 30px;
}
.section_event_present .btn_detail {
	margin-top: -10px;
}
}/* for SP max-width: 736px */


/*===============================================================
	
	2019/08/02 イベント終了
	
===============================================================*/
.section_pv .list span{
	font-size:15px;
  vertical-align: 4px;
}
.section_pv .list .kick_off{
  color:#e60012;
	font-size:23px;
  vertical-align: 0;
  margin-left:10px;
}
.section_pv .list .red{
  margin-left:20px;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section_pv .list .red{
  margin-left:0;
}
}/* for SP max-width: 736px */


/*===============================================================
	
	2019/08/02 終了した日程
	
===============================================================*/
.border_none{
  border:none !important;
  margin-top:80px;
}
.section_main_contents .headline .fulltime + .date{
  padding-top:30px;
}
.headline .fulltime h3{
  text-align: center;
  color:#888;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
  background: none;
  position: relative;
}
.headline .fulltime h3::after,
.headline .fulltime h3::before{
  content: "";
  width:40%;
  height: 1px;
  background: rgba(0,0,0,0.1);
  position: absolute;
  top: 0; bottom: 0;
	margin: auto;
}
.headline .fulltime h3::after {
  left: 0;
}
.headline .fulltime h3::before {
  right: 0;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.border_none{
  margin-top:50px;
}
.headline .fulltime h3::after,
.headline .fulltime h3::before{
  width:40%;
}
}/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.border_none{
  margin-top:30px;
}
.headline .fulltime h3{
	font-size: 16px;
}
.headline .fulltime h3::after,
.headline .fulltime h3::before{
  width:30%;
}
  
}/* for SP max-width: 736px */