/*マッチデープログラム*/

#none_pc { display: none; overflow: hidden; }/*ＰＣ表示させない*/
#none_smart { }/*スマフォ表示させない*/



html,body,table,th,td,div,span {
font-size: 13px;
line-height: 18px;
}

/* -- 自動改行-- */
.wsnw { white-space:nowrap; margin:0;font-weight: normal;}/*改行*/

/* -- 改行先頭空白-- */
.indent-1 { padding-left:1em; text-indent:-1em; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-2 { padding-left:2em; text-indent:-2em; line-height: 150%; margin: 5px 0px 5px 0px;/*上・右・下・左*/}
.indent-3 { color: #285b99; font-size: 110%; line-height: 130%; font-weight: 700; }
.indent-4 { color: #285b99; font-size: 110%; line-height: 130%; font-weight: 700; margin: 20px 0px 5px 0px;/*上・右・下・左*/}
.indent-5 { padding-left:1em; text-indent:-1em; margin: 5px 0px 5px 10px;/*上・右・下・左*/}

font.font_red { color: #BD0E11; font-size: 130%; line-height: 130%; font-weight: 700;}/* -- レッド・文字 -- */

/* -- 背景 -- */
.background_maine {
text-align: center;
max-width: 100%;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
background-color: #D4D4D4;/*背景色*/
}
/* -- 外枠 -- */
.grid_maine {
max-width: 1000px;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
/* -- ホワイト枠 -- */
.grid_white {
background-color: #FFFFFF;/*背景色*/
max-width: 100%;
text-align: center;
border: 0px solid #D5D5D5;
padding: 30px 0px 30px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- ホワイト枠 -- */
.grid_mov {
background-color: #FFFFFF;/*背景色*/
max-width: 100%;
text-align: center;
border: 1px solid #D5D5D5;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}




/* -- グレー -- */
.base_grey {
max-width: 100%;
color: #666666;
text-align: Left;
background-color: #EFEFEF;/*背景色*/
border: 0px solid #D5D5D5;
padding: 10px 10px 20px 10px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
/* -- ホワイト -- */
.base_white {
max-width: 100%;
text-align: center;
border: 0px solid #D5D5D5;
background-color: #FFFFFF;/*背景色*/
padding: 0px 10px 20px 10px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}











/* -- グレー枠 -- */
#grid_Matchday {
display:flex;           /* Flexコンテナ―に設定 */
flex-direction:column;  /* コンテンツの配置を「上→下」に設定 */
}
#grid_Matchday_L {
max-width: 100%;
order:1;    /* コンテンツの順番を設定  */
padding: 0px 10px 0px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#grid_Matchday_R {
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
order:2;    /* コンテンツの順番を設定  */
color: #666666;
font-size: 85%;
line-height: 120%;
padding: 0px 10px 20px 10px;/*上・右・下・左*/
margin: 0px auto 0px auto;/*上・右・下・左*/
}
#grid_Matchday_R a {
color: #9E0D0D;/*文字色：ブルー*/
text-decoration: none;
}
#grid_Matchday_R a:hover {
color: #285b99;/*文字色：オレンジ*/
text-decoration: none;
}




/* -- 会員特典・２列枠 -- */
#table_01 {
min-width: 100%;
border-collapse:collapse;
border-collapse:  collapse;/*テーブル枠1px*/
border:1px solid #cccccc;
margin: 0px auto 30px auto;/*上・右・下・左*/
}
#table_01 th {/* 右列・ホワイト */
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
width: ;
height: ;
color: #666666;
font-size: 90%;
vertical-align: top;
white-space:nowrap;/*改行*/
border:1px solid #cccccc;
background-color: #EFEFEF;/*背景色*/
padding: 5px 5px 5px 5px;/* 上・右・下・左*/
}
#table_01 td {/* 右列・ホワイト */
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
width: ;
height: ;
color: #666666;
font-size: 90%;
vertical-align: top;
border:1px solid #cccccc;
background-color: #FFFFFF;/*背景色*/
padding: 5px 5px 5px 5px;/* 上・右・下・左*/
}
#table_01 img {/* 右列・ホワイト */
width: 100%;
border: 1px solid #D5D5D5;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 10px 0px;/*上・右・下・左*/
}





/* -- 会員特典・２列枠 -- */
#table_02 {
min-width: 100%;
border-collapse:collapse;
margin: 0px 0px 20px 0px;/*上・右・下・左*/
}
#table_02 td {/* 右列・ホワイト */
width: ;
height: ;
padding: 0px 2px 0px 2px;/*上・右・下・左*/
}
#table_02 img {/* 右列・ホワイト */
width: 100%;
border: 1px solid #D5D5D5;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}





/* -- 会員特典・２列枠 -- */
#table_03 {
min-width: 100%;
border-collapse:collapse;
border: 3px solid #D5D5D5;
margin: 0px 0px 0px 0px;/*上・右・下・左*/
}
#table_03 td {/* 右列・ホワイト */
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
width: ;
height: ;
color: #666666;
font-size: 100%;
background-color: #FFFFFF;/*背景色*/
padding: 15px 15px 15px 15px;/*上・右・下・左*/
}
#table_03 img {/* 右列・ホワイト */
float: right;
width: 150px;
padding: 0px 0px 0px 0px;/*上・右・下・左*/
margin: 0px 0px 0px 10px;/*上・右・下・左*/
}




/* -- ボタン -- */
.button_Matchday {
	display: inline-block;
	min-width: 100%;
	text-align: center;
text-decoration: none;/* リンクアンダーライン無し */
	background-color: #ffdc03;
	outline: none;
	border:1px solid #9c9c9c;
	padding: 10px 20px 10px 20px;/*上・右・下・左*/
	margin: 0px auto 10px auto;/*上・右・下・左*/
	border-radius: 4px;/*角を丸く*/
	box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
.button_Matchday::before,
.button_Matchday::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_Matchday,
.button_Matchday::before,
.button_Matchday::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_Matchday {
color: #2D69B4;
font-size: 110%;
background-image: -webkit-linear-gradient(top, #feed7f, #ffdc03);
background-image: linear-gradient(to bottom, #feed7f, #ffdc03);
}
.button_Matchday:hover {
color: #2D69B4;
font-size: 110%;
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);	
}
/* -- ボタン -- */
.button_back_number {
	display: inline-block;
	width: 100%;
	text-align: center;
text-decoration: none;/* リンクアンダーライン無し */
	background-color: #ffdc03;
	outline: none;
	border:1px solid #9c9c9c;
	padding: 10px 0px 10px 0px;/*上・右・下・左*/
	margin: 5px auto 10px auto;/*上・右・下・左*/
	border-radius: 4px;/*角を丸く*/
	box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
}
.button_back_number::before,
.button_back_number::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_back_number,
.button_back_number::before,
.button_back_number::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_back_number {
color: #2D69B4;
font-size: 110%;
background-image: -webkit-linear-gradient(top, #feed7f, #ffdc03);
background-image: linear-gradient(to bottom, #feed7f, #ffdc03);
}
.button_back_number:hover {
color: #2D69B4;
font-size: 110%;
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
background-image: linear-gradient(to bottom, #ffffff, #ffffff);	
}





/* -- 写真枠改行 -- */
.grid_Matchday {
width: 100%;
text-align: center;
margin: 0px 0px 30px 0px;/*上・右・下・左*/
}
.grid_Matchday ul {
width: 100%;
text-align: center;
margin: 0px auto 0px auto;/*上・右・下・左*/
padding: 0px 0px 0px 0px;/*上・右・下・左*/
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
.grid_Matchday li {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
width: 48%;
font-size: 90%;
line-height: 150%;
color: #717171;
text-decoration: none;
border-collapse:collapse;
display: inline-block;
list-style: none;
text-align: center;
vertical-align:top;
background-color: #FFFFFF;
box-shadow: 0px 0px 5px #CCC;/*影を付ける*/
padding: 0px 0px 10px 0px;/*上・右・下・左*/
margin: 10px 1% 20px 1%;/*上・右・下・左*/
}
.grid_Matchday img{
max-width: 100%;
margin: 0px 0px 5px 0px;/*上・右・下・左*/
}
.postcard {
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 100%;
text-align: center;
background-color: #285b99;
padding: 5px 0px 5px 0px;/*上・右・下・左*/
margin: 0px 0px 1px 0px;/*上・右・下・左*/
}
.postcard_no {
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
max-width: 100%;
color: #FFFFFF;
font-size: 100%;
text-align: center;
background-color: #777777;
padding: 5px 0px 5px 0px;/*上・右・下・左*/
margin: 0px 0px 1px 0px;/*上・右・下・左*/
}



/* -- タイトル -- */
#img_title_747 {
max-width: 100%;
margin: 0px 0px 20px 0px;/*上・右・下・左*/
}



/* -- 発行日・表紙 -- */
.txt_day {
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #A1A1A1;/* 文字色 */
font-size: 80%;/* 文字サイズ */
line-height: 100%;/* 文字行間 */
}
/* -- NEW -- */
.txt_red {margin: 0px 0px 0px 3px;/* 上・右・下・左*/
font-family: vdl-logomaru, sans-serif;
font-style: normal;
font-weight: 400;
color: #CD2A2D;/* 文字色 */
font-size: 100%;/* 文字サイズ */
line-height: 100%;/* 文字行間 */
}




/* -- タイトル・ブルー -- */
.title_blue {
font-family: tbudrgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
max-width: 100%;
color: #FFFFFF;
font-size: 100%;
text-align: center;
white-space:nowrap;/* wbr・改行 */
background-color: #285b99;
padding: 10px 5px 10px 5px;/* 上・右・下・左*/
margin: 30px 0px 20px 0px;/* 上・右・下・左*/
}
/* -- タイトル・グレー -- */
.title_white {
font-family: tbudrgothic-std, sans-serif;
font-weight: 700;
font-style: normal;
font-size: 100%;
line-height: 100%;
color: #285b99;
text-align: center;
white-space:nowrap; /*改行*/
background-color: #FFFFFF;
padding: 5px 0px 5px 0px;/*上・右・下・左*/
margin: 10px 0px 10px 0px;/*上・右・下・左*/
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
}