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

まとめ共通CSS

===========================================*/
/*==============================================
 全体 
=============================================*/
.NetkeirinMatome nav.ContentNavi01 {
margin-bottom: 0;
}
.DirWrap {
width:100%;
margin:0 auto;
}
.DirBox{
position:relative;
margin:0 auto;
padding:0;
}
@media only screen and (max-width: 811px) {
.DirBox {
margin:0 auto;
padding:0;
}
.DirmainArea01{
float:none;
}
.DirmainArea02{
float:none;
margin-top:20px;
}
.Only_Column{
float:none;
}
.DirCol2_PC{
width:100%;
float:none;
}
.DirCol3_PC{
width:100%;
float:none;
}
.DirCol4_PC{
width:100%;
float:none;
}

}
@media only screen and (min-width: 812px){
.DirWrap {
margin-top:12px;
}
.DirBox {
width: 800px;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.DirmainArea01 {
width: 460px;
text-align: left;
}
.DirmainArea02 {
width: 320px;
text-align: left;
margin:0 0 0 20px;
}
.sidefixed {
position: sticky;
margin-bottom: 0;
top: 10px;
z-index: 1;
}
.DirCol2_PC{
width:50%;
float:left;
}
.DirCol3_PC{
width:33%;
float:left;
}
.DirCol4_PC{
width:25%;
float:left;
}
}

@media only screen and (min-width: 980px){
.DirWrap {
margin-top:12px;
}
.DirBox {
width: 960px;
margin: 0 auto;
display: -webkit-flex;
display: -ms-flex;
display: flex;
}
.DirmainArea01 {
width: 628px;
text-align: left;
}
.DirmainArea02 {
width: 300px;
text-align: left;
margin:0 0 0 20px;
}
.sidefixed {
position: sticky;
margin-bottom: 0;
top: 10px;
z-index: 1;
}
.DirCol2_PC{
width:50%;
float:left;
}
.DirCol3_PC{
width:33%;
float:left;
}
.DirCol4_PC{
width:25%;
float:left;
}
}
.DircontentsArea01 {
text-align: left;
width: 98%;
margin: 20px auto;
}
/* ページャー共通 */
.ColumnList .Common_Pager{
padding:8px 8px 10px;
}
.CommonPager ul{
display:table;
margin: 0 auto;
max-width:280px;
}
.CommonPager ul li{
display:table-cell;
width:36px;
font-size:12px;
vertical-align:top;
/*border-top: 1px solid #BDBDBD;
border-left: 1px solid #BDBDBD;
border-bottom: 1px solid #BDBDBD;*/
background: #fff;
}
.CommonPager ul li:first-child{
width:54px;
}
.CommonPager ul li:first-child,
.CommonPager ul li:first-child a,
.CommonPager ul li:first-child div{
border-top-left-radius: 2px 2px;
border-bottom-left-radius: 2px 2px;
}
.CommonPager ul li:last-child{
width:54px;
/*border-right: 1px solid #BDBDBD;*/
}
.CommonPager ul li:last-child,
.CommonPager ul li:last-child a,
.CommonPager ul li:last-child div{
border-bottom-right-radius : 2px 2px;
border-top-right-radius : 2px 2px;
}
.CommonPager ul li a,
.CommonPager ul li div{
display:block;
height:32px;
line-height: 32px;
/*font-weight:bold;*/
text-align:center;
/*padding:8px 2px 6px 2px;*/
padding: 0;
color:#334248;
}
.CommonPager ul li:first-child div,
.CommonPager ul li:last-child div{
color:#334248;
}
.CommonPager ul li.Page_Active div{
/*color:#fff;*/
font-weight:bold;
/*text-shadow: #27436e 0 -1px 0;
background: #3376EA;
box-shadow: rgba(255, 255, 255, 0.4) 0px 1px 0px;*/
}
.CommonPager .Icon_Umasta_S .Icon_GrayTriangle_Right{
margin: -4px 0 0 2px;
}
/*=========================================================================
■アイコン
=========================================================================*/
.Icon_Chumoku,
.Icon_Comment,
.Icon_Premium01 {
position: relative;
}
.Icon_Chumoku:before {
content: '';
display: inline-block;
background: url(https://cdn.netkeiba.com/img.dir/common/img/icon/icon_sprite_column.png) no-repeat;
background-size: 70px auto;
background-position: 0 -1px;
width: 13px;
height: 13px;
margin-right: 3px;
margin-left: 5px;
vertical-align: top;
}
.Icon_Comment:before {
content: '';
display: inline-block;
background: url(https://cdn.netkeiba.com/img.dir/common/img/icon/icon_sprite_column.png) no-repeat;
background-size: 70px auto;
background-position: -46px -24px;
width: 13px;
height: 13px;
margin-right: 3px;
margin-left: 5px;
vertical-align: top;
}
.Icon_Like:before {
content: '';
display: inline-block;
background: url(https://cdn.netkeiba.com/img.dir/common/img/icon/icon_sprite_column.png) no-repeat;
background-size: 70px auto;
background-position: -26px -64px;
width: 14px;
height: 14px;
margin-right: 3px;
margin-left: 5px;
vertical-align: text-bottom;
}
.Icon_Bad:before {
content: '';
display: inline-block;
background: url(https://cdn.netkeiba.com/img.dir/common/img/icon/icon_sprite_column.png) no-repeat;
background-size: 70px auto;
background-position: -26px -64px;
width: 14px;
height: 14px;
margin-right: 3px;
margin-left: 5px;
vertical-align: middle;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.dirIcon_More03 {
display: inline-block;
background: url(https://cdn.netkeiba.com/img.dir/common/img/icon/icon_dirmore.png) no-repeat 0 -21px;
-webkit-background-size: 17.2px 55.2px;
-moz-background-size: 17.2px 55.2px;
-ms-background-size: 17.2px 55.2px;
background-size: 17.2px 55.2px;
padding-left: 19px;
line-height: 18px;
}
.dirIcon_More04 {
display: inline-block;
background: url(https://cdn.netkeiba.com/img.dir/common/img/icon/icon_dirmore.png) no-repeat 0 -38px;
-webkit-background-size: 17.2px 55.2px;
-moz-background-size: 17.2px 55.2px;
-ms-background-size: 17.2px 55.2px;
background-size: 17.2px 55.2px;
padding-left: 19px;
line-height: 18px;
}

/*=========================================================================
■カラム
=========================================================================*/
.DirCol2{
width:50%;
float:left;
}
.DirCol3{
width:33%;
float:left;
}
.DirCol4{
width:25%;
float:left;
}

/*=========================================================================
■ボタン
=========================================================================*/
/* 共通 - ボタン */
.LinkBtn {
display: block;
background: #fff;
border: 2px solid #e5e4de;
border-radius: 4px;
color: #444;
font-size: 16px;
font-weight: bold;
text-align: center;
padding: 20px 0;
}
.LinkBtn_S {
display: block;
background: #fff;
border: 2px solid #e5e4de;
border-radius: 4px;
color: #444;
font-weight: bold;
text-align: center;
padding: 13px 0;
}
.LinkBtn_SS {
display: block;
background: #fff;
border: 1px solid #e5e4de;
border-radius: 30px;
font-weight: normal;
text-align: center;
padding: 12px 0;
font-size: 14px;
width: 84%;
margin: 2px auto;
}
.LinkBtn:hover,
.LinkBtn_S:hover,
.LinkBtn_SS:hover {
background: #f9f9f9;
color: #e36a5c;
}

/*=========================================================================
■パンくず
=========================================================================*/

.DirBread{
padding:2px 8px 2px;
}
.DirBread ul{
width:100%;

padding-bottom: 10px;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
color: #666;
font-size: 12px;
line-height: 18px;
word-wrap: normal;
white-space: nowrap;
}
.DirBread ul li{
display:inline;
}
.DirBread ul li:not(:last-child):after{
content: '>';
display: inline-block;
padding:0 7px 0 4px;
color:#666;
}


/* 上のパンクズ */
.keibamatomeheader {
padding:18px 4px 2px;
width: 100%;
overflow-y: hidden;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
word-wrap: normal;
white-space: nowrap;
height:auto;
font-size:0;
}
.keibamatomeheader a:first-child {
padding:4px 14px;
background-color:#e03d3d;
border:1px solid #e03d3d;
color:#FFF;
border-radius:20px;
font-size:11px;
line-height:11px;
font-weight:bold;
-webkit-transition: 0.7s;
-moz-transition: 0.7s;
-o-transition: 0.7s;
transition: 0.7s;
display:inline-block;
}
.keibamatomeheader a:not(:first-child) {
 font-size:11px;
 color:#444;
}
.keibamatomeheader a:not(:first-child):before {
content: '>';
display: inline-block;
padding: 0 8px 0 7px;
color: #777;
}
@media only screen and (max-width: 811px) {
.keibamatomeheader {
padding:18px 10px 2px;
}
}

/*=========================================================================

↓競馬まとめ

=========================================================================*/
.Matome_head {
margin:0px 0 8px;
}
.Matome_head_TXT {
position:relative;
border-bottom: 2px solid #eee;
}
.Matome_head_TXT a {
text-decoration:none;
color:#333;
font-size: 14px;
}
.Matome_head h1 a {
position:relative;
display: inline-block;
font-weight:bold;
text-align:left;
font-size: 14px;
padding: 10px 10px 4px;
line-height: 22px;
}
.Matome_head h1 a:after {
content: '';
display: inline-block;
border-bottom: 2px solid #e03d3d;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
z-index:10;
}
.Matome_head h1 span {
position:relative;
display: inline-block;
font-weight:bold;
font-size: 20px;
padding: 16px 10px 6px;
line-height: 24px;
color:#444;
}
.Matome_head h1 span:after {
content: '';
display: inline-block;
border-bottom: 2px solid #e03d3d;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
z-index:10;
}
@media only screen and (max-width: 811px){
.Matome_head h1 a:after {
bottom: 0px;
}
.Matome_head_h1_v,
.headtable {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: flex-end;
align-items: center;
margin: 18px 10px 12px;
}
.headtable {
margin-top:30px;
}
.Matome_head_h1_v h1,
.matome_head h2 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
color: #777;
font-size: 18px;
font-weight: bold;
line-height: 24px;
margin-right: auto;
}
}

@media only screen and (min-width: 812px) {
.Matome_head_h1_v {
border-bottom: 2px solid #eee;
margin-top:16px;
}
.Matome_head_h1_v h1 {
position: relative;
display: inline-block;
font-weight: bold;
text-align: left;
font-size: 18px;
color: #444;
}
.Matome_head_h1_v h1 span {
display: inline-block;
padding-left: 12px;
position: relative;
padding-right: 20px;
padding-bottom:7px;
}
.Matome_head_h1_v span:after {
content: '';
display: inline-block;
border-bottom: 2px solid #e36a5c;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
}

.headtable {
display:table;
width:100%;
margin: 21px auto 12px;
border-top:2px solid #e03d3d;
border-bottom:1px dotted #e03d3d;
}
.matome_head h2 {
color: #444;
font-weight: bold;
height: 40px;
font-size: 14px;
position:relative;
padding:0 6px 0 8px;
vertical-align: middle;
display:table-cell;
width:100%;
}
}
.headBtnMore {
display:table-cell;
vertical-align:middle;
}
.headBtnMore a {
color: #fff;
font-size: 11px;
font-weight: bold;
display: block;
border-radius: 18px;
background: #e03d3d;
line-height: 22px;
padding: 1px 4px 1px 11px;
margin-left: 8px;
margin-right:8px;
white-space: nowrap;
}
.headBtnMore a:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 5px solid #fff;
margin-left: 4px;
vertical-align: -.7;
}
.matome_head h3 {
color: #333;
font-weight: bold;
line-height: 22px;
font-size: 18px;
margin: 12px 8px 12px;
position:relative;
padding:2px 4px 0 10px;
vertical-align: bottom;
}
.matome_head h3:before {
content: " ";
position: absolute;
top:0;
left: 0;
width: 3px;
height: 100%;
background: #003399;
}

/* Topニュースナビ */
.MatomeNavi {
background: #fff;
position: relative;
padding:2px 4px;
}
.MatomeNaviscroll{
white-space:nowrap;
overflow-y:hidden;
overflow-x:auto;
}
.MatomeNaviscroll::-webkit-scrollbar {
height: 4px;
}
.MatomeNaviscroll::-webkit-scrollbar-thumb{
background: #A0A0A0;
border-radius: 4px;
}
.MatomeNaviscroll::-webkit-scrollbar-track-piece {
background: #f0f0f0;
}
.MatomeNavi > ul > li {
/*border-right: 1px solid #e5e4de;*/
display:inline-block;
margin: 5px 1px 5px 0;
}
.MatomeNavi > ul > li > a {
color: #444;
font-size: 13px;
display: inline-block;
line-height: 2;
border: 1px solid #e1e1e1;
border-radius: 16px;
padding: 0 12px;
white-space: nowrap;
text-align: center;
}
.MatomeNavi > ul > li > a:hover {
color: #fff;
background-color:#2D4EBF;
border: 1px solid #2D4EBF;
text-decoration: none;
}


@media only screen and (max-width: 811px){
.MatomeNavi {
padding:0 10px 4px;
position: relative;
white-space:nowrap;
overflow-y:hidden;
overflow-x:auto;
}
.MatomeNavi::-webkit-scrollbar{
display:none;
}
.MatomeNavi > ul > li > a {
font-size: 13px;
}
.MatomeNavi > ul > li:last-child {
padding-right:12px;
}
}


/*=========================================================================

↑競馬まとめ

=========================================================================*/
/*=========================================================================

↓まとめ詳細

=========================================================================*/

.Jiten_head {
margin:0px 0 8px;
}
.Jiten_head_TXT {
border-bottom: 2px solid #eee;
}

.Jiten_head h1{
position:relative;
display: inline-block;
font-weight:bold;
text-align:left;
line-height: 32px;
font-size: 24px;
padding:20px 8px 8px;
}
@media only screen and (max-width: 811px) {
.Jiten_head h1{
font-size: 20px;
line-height: 28px;
padding: 20px 10px 8px;
}
}
.Jiten_head h1:after {
content: '';
display: inline-block;
border-bottom: 2px solid #e03d3d;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
}
.Jiten_head h2{
position:relative;
display: inline-block;
font-weight:bold;
text-align:left;
font-size: 20px;
line-height: 28px;
margin-top:20px;
padding:6px 12px 6px;
}
.Jiten_head h2:after {
content: '';
display: inline-block;
border-bottom: 2px solid #003399;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
}
.Jiten_head h3 {
position:relative;
display:inline-block;
font-weight:bold;
text-align:left;
line-height: 1.4;
font-size: 20px;
margin-top:16px;
padding:6px 14px 0;
}
.Jiten_head h4,
.DirSideBox h6 {
position:relative;
display:inline-block;
font-weight:bold;
text-align:left;
line-height: 1.4;
margin-top:16px;
padding:6px 14px 0;
}
.Side_head h2{
position:relative;
display: inline-block;
font-weight:bold;
text-align:left;
line-height: 40px;
font-size: 14px;
padding:0 10px;
}
.Side_head h2:after {
content: '';
display: inline-block;
border-bottom: 2px solid #003399;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
}
.Jiten_head p {
margin:14px 12px 16px;
display:block;
font-size:15px;
line-height:22px;
padding:8px 4px;
}
.Matome_head p {
margin:14px 12px 16px;
display:block;
font-size:15px;
line-height:22px;
background-color:#FAF8F4;
padding:8px;
}

.Jiten_Data {
text-align:left;
font-size:12px;
line-height:12px;
color:#777;
margin:10px 12px 2px;
}
.Jiten_Data li iframe {
vertical-align:top;
}
.hatenabbox {
display:inline;
}

.Jiten_Data .Jiten_Data_Time {
display: inline-block;
vertical-align: top;
}

.Dir_Photo_Box_01 {
border: solid 1px #eee;
background-color: #f1f2f3;
margin: 8px 12px;
padding: 4px;
border-radius: 4px;
}
.Dir_Photo_Box_01 img {
width:100%;
}
.Dir_Photo_Box_01 p.Caption {
text-align: left;
color: #444;
line-height: 1.4;
font-size: 15px;
margin: 8px 4px 2px;
padding:0;
background-color:transparent;
}
.Dir_Photo_Box_02 img {
width:100%;
}
.Text_Box_01 {
margin: 14px 12px 16px;
display: block;
font-size: 15px;
line-height: 22px;
padding: 8px 4px;
}
.DirJitenMenu {
margin:14px 12px;
border:1px solid #E0E0E0;
}
.DirJitenMenuBox {
padding:12px 14px 18px;
}
.DirJitenMenuTitle {
font-weight:bold;
margin-bottom:4px;
text-align: center;
}
.DirJitenMenu ul {
text-align:left;
}
.DirJitenMenu ul li {
margin-bottom:6px;
}
@media only screen and (max-width: 811px) {
.DirJitenMenu ul li {
margin-bottom:10px;
}
}

.DirJitenMenu ul li a {
line-height:22px;
font-size:16px;
word-break:break-all;
}
.DirJitenMenu ul li a:hover,
.Dir_Text_Contents p a:hover {
color: #e36a5c;
text-decoration: underline;
}
.DirJitenMenu ul ul {
margin: 8px 0 16px 16px;
}
.DirJitenMenu ul li a .jinumber {
color: #444;
}
.Dir_Text_Contents {
margin:0 auto;
padding:0;
width:100%;
line-height:1.6;
}
.Dir_Text_Contents p,
.DirSideBox p{
margin:14px;
display:block;
line-height:1.6;
}
.Dir_Text_Contents p.bggray {
margin:14px 6px;
color: #666;
background: #faf8f4;
padding:10px 12px;
}

.Dir_Text_Contents p a {
line-height:1.6;
}
span.DirTable {
display:block;
width:100%;
padding:0;
margin:8px auto;
}
.scroll{
overflow: auto;
white-space: nowrap;
overflow-x: auto;
}
.scroll::-webkit-scrollbar {
height: 4px;
}
.scroll::-webkit-scrollbar-thumb{
background: #A0A0A0;
border-radius: 4px;
}
.scroll::-webkit-scrollbar-track-piece {
background: #f0f0f0;
}

.DirTable table {
width:100%;
margin:0;
border-spacing:0;
border-collapse:collapse;
}
.DirTable table caption {
background-color:#DFDFDF;
text-align:left;
font-weight:bold;
padding:8px;
border:1px solid #E0E0E0;
}
.DirTable table th {
background-color:#F1F1F1;
text-align:center;
border:1px solid #E0E0E0;
color: #444444;
font-size: 15px;
font-weight: normal;
padding: 8px 8px;
white-space:nowrap;
vertical-align: middle;
}
.full100 {
width:100%;
}
.DirTable table td {
background-color:#fff;
padding:8px;
border:1px solid #E0E0E0;
white-space: nowrap;
vertical-align:middle;
line-height:1.6;
font-size:15px;
}

/*=========================================================================
■1行テキストリンク
=========================================================================*/
.informationtextlink {
padding:6px 0 0;
text-align:right;
}
.informationtextlink:after {
content: '';
display: inline-block;
width: 0;
height: 0;
border: 5px solid transparent;
border-left: 6px solid #03a;
margin-left: 0;
vertical-align: 0;
}
.informationtextlink a {
color:#03a;
font-weight:normal;
font-size:14px;
}
.informationtextlink a:hover {
text-decoration:underline;
color:#E36A5C;
}


/*==============================================
横並びリンクリスト ul.Btn_List_01
==============================================*/
ul.Btn_List_01 li a{
display: block;
font-size: 67%;
color: #666;
background:#fff;
text-align: center;
padding: 9px 0;
border-radius: 4px;
border: solid 1px #dedede;
}
/*-- 2カラム --*/
.Col2 li{
float: left;
width: 50%;
}
/*-- 3カラム --*/
ul.Col3 li{
float:left;
width:33.3%;
}
ul.Btn_List_01.Col3 li:nth-child(3n){
width:33.4%;
}
ul.Btn_List_01.Col3 li:nth-child(3n) a {
margin-right:0;
}
/*-- 3カラム --*/
ul.Col4 li{
float:left;
width:25%;
}
ul.Btn_List_01.Col4 li:nth-child(4n) a {
margin-right:0;
}
.Pickup_Btn .Btn_List_01 li a {
color: #03a;
font-size: 14px;
box-shadow: 0px 1px 3px rgba(146, 151, 165,.7);
margin:8px 4px;
}
.Contents_Box.Top_RaceMenu {
padding-bottom: 13px;
}
.Top_RaceMenu_Inner ,
.ThisWeek_Inner {
padding: 0 8px 0;
}
.Top_RaceMenu_Inner ul li a {
margin-right: 6px;
font-weight: bold;
font-size: 12px;
overflow: hidden;
white-space: nowrap;
margin-bottom: 10px;
height:28px;
}
.Top_RaceMenu .matome_RaceMenu_Inner ul li a {
margin-right:8px;
}
.ThisWeek_Inner ul li a {
margin-right: 6px;
font-size: 14px;
overflow: hidden;
white-space: nowrap;
margin-bottom: 10px;
padding:14px 1px;
color:#03a;
}

.DirtoggleMenu {
margin:12px;
}
.DirtoggleMenu dl {
border:1px solid #E0E0E0;
padding:0;
border-radius:4px;
background-color:#F1F1F1;
}
.DirtoggleMenu dl dt {
cursor:pointer;
}
.DirtoggleMenu dl dt a {
display:block;
text-decoration:none;
font-size:12px;
line-height:13px;
color:#444;
font-weight:bold;
padding:12px 12px;
position:relative;
}
.DirtoggleMenu dl dt a:after {
content: "";
position: absolute;
top: 50%;
margin-top: -4px;
right: 14px;
width: 5px;
height: 5px;
border-top: solid 1px #444;
border-right: solid 1px #444;
transform: rotate(45deg);
}
.DirtoggleMenu dl.active dt a:after {
content: "";
position: absolute;
top: 50%;
margin-top: -4px;
right: 14px;
width: 5px;
height: 5px;
border-top: solid 1px #444;
border-right: solid 1px #444;
transform: rotate(135deg);
}
.DirtoggleMenu dl dd {
display:none;
}
.DirtoggleMenu dl.active dd {
display:block;
}
.DirtoggleMenu dl dd li {
border-top:1px dotted #e0e0e0;

}
.DirtoggleMenu dl dd li a {
font-size:14px;
line-height:26px;
padding:6px 18px;
position:relative;
display:block;
color:#444;
text-decoration:none;
background-color:#fff;
}
.DirtoggleMenu dl dd li a:hover {
color: #e36a5c;
 text-decoration: underline;
}


/*-- SpecialMainImage --*/
.SpecialMainImageTxt{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.SpecialMainTxtInner {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 8px 20px 18px;
color: #fff;
background: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.67)),color-stop(40%, rgba(0,0,0,0)),to(rgba(0,0,0,0)));
background: -webkit-linear-gradient(bottom,rgba(0,0,0,.67),rgba(0,0,0,0) 40%,rgba(0,0,0,0));
background: linear-gradient(to top,rgba(0,0,0,.67),rgba(0,0,0,.4) 80%,rgba(0,0,0,0));
}
.SpecialMainImageCaption {
font-size: 12px;
font-weight: bold;
line-height: 13px;
height: 13px;
display: inline-block;
padding: 2px 2px 4px;
}
.SpecialMainImageCaption span {
vertical-align: 1px;
}
.SpecialMainImageTitle {
margin-top: 3px;
}
.SpecialMainImageTitle > span {
display: inline-block;
font-weight: bold;
font-size: 25px;
line-height: 1.1;
vertical-align: 2px;
padding: 3px 2px 0 1px;
}
.SpecialMainImageData {
font-size: 12px;
font-weight: bold;
line-height: 13px;
height: 13px;
display: inline-block;
margin-top: 5px;
padding: 2px 2px 0 2px;
}
.SpecialMainImage{
position:relative;
width:100%;
/*height:220px;*/
overflow:hidden;
}
.SpecialMainImage:before{
content:" ";
display:block;
padding-top:56%;
}

.SpecialMainImage img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: auto;
}

/*=========================================================================
サイドカラム
=========================================================================*/
.DirSideBox {
margin:2px 4px 14px;
}
.DirSideBox h4 {
color: #444;
font-size: 14px;
line-height: 40px;
font-weight: bold;
padding: 0 0 0 8px;
border-top: 2px solid #3348AA;
border-bottom: 1px dotted #3348AA;
}
.DirSideBox h4 a {
color:#333;
line-height:40px;
text-decoration:none;
}
.DirSideBox .DirSideList {
background: #fff;
}
.DirSideBox .ArticleLink {
display: block;
padding: 12px 8px 10px;
position: relative;
color:#333;
}
.DirSideBox .ArticleLink:after {
content: '';
display: inline-block;
border-bottom: 1px dotted #E0E0E0;
position: absolute;
left: 13px;
bottom: 0;
width: 90%;
}
.DirSideBox .ArticleLink h5 {
font-weight:normal;
font-size:14px;
line-height: 18px;
}
.DirSideBox .ArticleLink:hover {
background-color: #f9f9f9;
text-decoration: none;
}
.DirSideBox .ArticleLink:hover h5 {
color: #e36a5c;
text-decoration: underline;
}
.DirSideBox .ContentCate {
background: #f1f1f1;
border-radius: 2px;
color: #666;
font-size: 12px;
font-weight: bold;
display: inline-block;
margin-bottom: 4px;
padding: 4px 8px;
text-align: center;
}
.DirSideTable {
margin:14px 0px;
}
.DirTable table td.Waku1 {
background-color: #ffffff;
color: #444444;
}
.DirTable table td.Waku2 {
background-color: #444444;
color: #ffffff;
}
.DirTable table td.Waku3 {
background-color: #e95556;
color: #ffffff;
}
.DirTable table td.Waku4 {
background-color: #416cba;
color: #ffffff;
}
.DirTable table td.Waku5 {
background-color: #e7c52c;
color: #ffffff;
}
.DirTable table td.Waku6 {
background-color: #45af4c;
color: #ffffff;
}
.DirTable table td.Waku7 {
background-color: #ee9738;
color: #ffffff;
}
.DirTable table td.Waku8 {
background-color: #ef8fa0;
color: #ffffff;
}
.DirTwitterBox {
margin:0 auto;text-align:center;padding:0
}
.DirTwitterBox iframe { width: 740px !important; }
.DirSideBox .DirTopix {
padding:12px 4px 2px;
}
@media only screen and (min-width: 812px) {
.DirSideBox .DirTopix {
padding:12px 0 2px;
}
}
.DirSideBox .DirTopix ul li {
float:left;
margin: 0 8px 10px 0;
}
.DirSideBox .DirTopix ul li a {
display: inline-block;
border: 1px solid #E0E0E0;
border-radius: 16px;
padding: 6px 11px;
}
.DirSideBox .DirTopix ul li a h5 {
font-size: 12px;
font-weight:normal;
color: #333;
text-decoration: none;
white-space: nowrap;
}
.DirSideBox .DirTopix ul li a:hover {
background-color:#e03d3d;
border: 1px solid #e03d3d;
text-decoration:none;
}
.DirSideBox .DirTopix ul li a:hover h5 {
color:#fff;
}
.DirSideBoxTitle {
border: 1px solid #E0E0E0;
margin: 14px 8px 0;
border-bottom:none;
}
.DirSideBoxTitle h4 {
background: #f1f1f1;
color: #444;
font-size: 14px;
line-height: 40px;
font-weight: bold;
padding: 0 0 0 14px;
}

.matomeInfo_Box {
margin: 10px;
border-radius: 3px;
}
.matomeInfo_Box ul {
border-radius: 3px;
background: #fff;
box-shadow: 0 2px 2px rgba(146, 151, 165, .5),1px -0.5px 2px rgba(146, 151, 165, .2);
}
.matomeInfo_Box ul li {
padding: 0;
}
.matomeInfo_Box ul li a {
display: block;
padding: 15px 10px 15px 12px;
position: relative;
}
.matomeInfo_Box ul li a .Infomation_Txt span {
color: #06389b;
font-size: 12px;
font-weight: bold;
line-height: 1.3;
}
.MoreColumnList {
margin-top: 20px;
}
.MoreColumnList a {
color: #fff;
background-color:#2D4EBF;
font-size: 13px;
font-weight: bold;
text-align: center;
border: 1px solid #2D4EBF;
border-radius: 30px;
padding:7px;
display: block;
width: 84%;
max-width: 480px;
margin: 0 auto;
position: relative;
}
.MoreColumnList a .icon_InternalLink {
display: inline-block;
position: relative;
vertical-align: 0;
margin-left: 10px;
width: 10px;
height: 10px;
}
.MoreColumnList a .icon_InternalLink::before {
content: "";
position: absolute;
top: 0;
left: 4px;
display: block;
width: 1px;
height: 9px;
background-color: #03a;
}
.MoreColumnList a .icon_InternalLink::after {
content: "";
position: absolute;
bottom: 0;
left: 4px;
display: block;
width: 4px;
height: 4px;
border-bottom: 1px solid #03a;
border-right: 1px solid #03a;
transform: rotate(45deg);
transform-origin: top;
}
.Column_Detail_Txt_Box_inner > ol {
padding: 12px 8px 8px 10px;
margin:12px 0;
border: 1px solid #E0E0E0;
}
.Column_Detail_Txt_Box_inner ol {
counter-reset: count 0;
list-style-type: none;
}
.Column_Detail_Txt_Box_inner > ol::before {
content: "目次";
font-weight: bold;
margin-bottom: 6px;
text-align: center;
display:block;
}
.Column_Detail_Txt_Box_inner > ol li {
margin-bottom: 8px;
position: relative;
padding-left:23px;
line-height: 22px;
font-size: 16px;
}
.Column_Detail_Txt_Box_inner > ol li::before {
counter-increment: count 1;
content: counters(count, ".");
position: absolute;
left:2px;
font-size: 16px;
line-height: 22px;
color:#333;
}
.Column_Detail_Txt_Box_inner > ol li ol {
margin-top:8px;
position: relative;
}
.Column_Detail_Txt_Box_inner > ol li ol li {
padding-left:32px;
}
.Column_Detail_Txt_Box_inner > ol li ol li ol li {
padding-left:44px;
}
.Column_Detail_Txt_Box_inner > ol li a {
word-break: break-all;
}
.Column_Detail_Txt_Box_inner > h1 {
border-bottom: 2px solid #e03d3d;
padding: 4px;
margin-bottom:8px;
}
.Column_Detail_Txt_Box h1 {
position: relative;
font-weight: bold;
text-align: left;
line-height: 28px;
font-size: 22px;
padding: 14px 4px 6px;
}
.Column_Detail_Txt_Box_inner > h2 {
border-bottom: 2px solid #e03d3d;
padding: 16px 4px 4px;
margin-bottom:12px;
}
.Column_Detail_Txt_Box .Column_Detail_Txt_Box_inner h2 {
margin-top:0;
}
.Column_Detail_Txt_Box_inner > h3 {
margin: 4px 4px 8px 2px;
position: relative;
padding: 0 4px 0 10px;
vertical-align: bottom;
}
.Column_Detail_Txt_Box_inner > h3::before {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 3px;
height: 100%;
background: #e03d3d;
}
.Column_Detail_Txt_Box h4,
.Column_Detail_Txt_Box h5,
.Column_Detail_Txt_Box h6 {
font-size: 16px;
font-weight: bold;
margin: 12px 0;
line-height: 24px;
}
.Column_Detail_Txt_Box_inner > h1 > a,
.Column_Detail_Txt_Box_inner > h2 > a,
.Column_Detail_Txt_Box_inner > h3 > a,
.Column_Detail_Txt_Box_inner > h4 > a,
.Column_Detail_Txt_Box_inner > h5 > a {
color:#333;
}
.Column_Detail_Txt_Box {
margin-bottom:4px;
}
.Contents_Box{
padding-bottom:4px;
}
.Column_Detail_Txt_Box_inner {
padding:0 10px;
}
.ColumnArticle_Body figure {
margin: 0 -10px 18px;
}
.DirmainArea01 .ColumnArticle_Body figure .Photo_Block_01 {
height: auto;
padding-top: initial;
}
.DirmainArea01 .ColumnArticle_Body figure .Photo_Block_01 img {
position:relative;
height:auto;
}
.table_a tr:first-child td {
background-color: #F1F1F1;
color:#444;
}
.table_b tr td:first-child {
background-color: #F1F1F1;
color:#444;
}
.campaign_btn a {
display: block;
text-align: center;
width: 75%;
color: rgb(255, 255, 255);
font-size: 15px;
font-weight: bold;
margin: auto;
padding: 16px 0px;
background: rgb(224, 61, 61);
border-radius: 8px;
}

/*================================================================

↓タイムライン

=========================================================================*/
/*=========================================================================
■sortPattern01　img版
=========================================================================*/
.sortPattern01 a:hover {
text-decoration:none;
}
.sortPattern01 .BK_listbox {
width:100%;
margin:0;
padding:0;
}
.sortPattern01 .ListPhotoLi {
background-color:#fff;
margin:2px 4px 20px;
}
.sortPattern01 .ListPhotoLi > a {
display: block;
width: 100%;
}
.sortPattern01 .ListPhotoLi > a .Thumb_Box {
position:relative;
width:100%;
overflow:hidden;
}
.sortPattern01 .ListPhotoLi > a .Thumb_Box:before{
content:" ";
display:block;
padding-top:56%;
}
.sortPattern01 .ListPhotoLi > a .Thumb_Box > img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: auto;
}
.sortPattern01 .ListPhotoLi > a .NewsPhotoTitle {
color: #444;
font-size: 17px;
font-weight: bold;
margin-bottom: 6px;
line-height: 24px;
padding: 8px 8px 0px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.sortPattern01 .ListPhotoLi .NewsPhotoBody {
font-size: 12px;
line-height: 22px;
font-weight: normal;
padding: 0 10px;
color: #707376;
white-space: normal;
height: 44px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 6px;
}
.sortPattern01 .ListPhotoLi .NewsPhotoDate {
padding:0px 8px 4px;
}
.sortPattern01 .ListPhotoLi .NewsPhotoDate .PhotoDateText {
display: inline-block;
float: right;
right: 0px;
color:#707376;
font-weight:normal;
font-size:12px;
line-height:20px;
vertical-align:bottom;
}

@media only screen and (min-width: 812px) {
.sortPattern01 .ListPhotoLi > a .Thumb_Box > img,
.sortPattern01 .ListPhotoLi > a .NewsPhotoTitle {
-webkit-transition: .3s cubic-bezier(.53,0,.68,.86);
-moz-transition: .3s cubic-bezier(.53,0,.68,.86);
-o-transition: .3s cubic-bezier(.53,0,.68,.86);
transition: .3s cubic-bezier(.53,0,.68,.86);
opacity:1;
}
.sortPattern01 .ListPhotoLi > a:hover .Thumb_Box > img {
opacity: .88;
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-o-transform: scale(1.025);
transform: scale(1.025);
}
.sortPattern01 .ListPhotoLi > a:hover {
text-decoration: none;
}
.sortPattern01 .ListPhotoLi > a:hover .NewsPhotoTitle {
color: #e36a5c;
text-decoration: underline;
}
}
/*=========================================================================
トピックスプロフィール
=========================================================================*/
.topiprofwrap {
margin:0 auto;
padding:8px;
display: flex;
}
.topiprofwrap .topiphoto {
width: 80px;
margin-right: 10px;
}
.topiprofwrap .topiphoto img {
width:100%;
}
.topiprofwrap .topiprofile {
width: calc(100% - 90px);
}
.topiprofwrap .topiprofile table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.topiprofwrap .topiprofile table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
font-size:14px;
}
.topiprofwrap .topiprofile table th {
background-color: #F1F1F1;
text-align: center;
border: 1px solid #E0E0E0;
color: #444444;
font-size: 11px;
font-weight: normal;
padding: 5px;
white-space: nowrap;
vertical-align: middle;
}
.topiprofwrap .topiprofile table td {
background-color: #fff;
padding: 5px;
border: 1px solid #E0E0E0;
white-space: nowrap;
vertical-align: middle;
line-height: 1.6;
font-size: 11px;
}



/*=========================================================================
■sortPattern02　サムネイル右　SPタイトルのみ表示
=========================================================================*/
.sortPattern02 a:hover {
text-decoration:none;
}

.sortPattern02 .ListPhotoLi {
background-color:#FFF;
border-bottom:1px solid #f0f0f0;
margin: 0 4px;
}
.sortPattern02 .ListPhotoLi a {
display:table;
width:100%;
padding:10px 0;
}

.sortPattern02 .ListPhotoLi a .NewsRight {
display:table-cell;
vertical-align:middle;
position:relative;
padding: 8px 10px 8px 8px;
width: 100%;
}
.sortPattern02 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
font-size:16px;
font-weight:bold;
color:#333;
line-height:24px;
white-space:normal;
overflow: hidden;
text-overflow: ellipsis;
display:block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:2px;
}
.sortPattern02 .ListPhotoLi .NewsPhotoDate {

}
.sortPattern02 .ListPhotoLi a .NewsRight .NewsPhotoDate .PhotoDateText {
font-size:10px;
line-height:14px;
height:14px;
text-align:right;
color:#999;
vertical-align:bottom;
font-weight:normal;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-top:4px;
}

.sortPattern02 .ListPhotoLi a .NewsPhotoOb {
display:table-cell;
}
.sortPattern02 .ListPhotoLi a .NewsPhotoOb .Thumb_Box {
display:table;
width:133px;
height:130px;
text-align:center;
vertical-align:middle;
overflow:hidden;
}
.sortPattern02 .ListPhotoLi a .NewsPhotoOb .Thumb_Box > div {
display:table-cell;
width:133px;
height:110px;
margin-top:10px;
background-color:#f3f3f3;
background-size:cover;
background-position:top;
display:block;
}

.sortPattern02 .ListPhotoLi .NewsPhotoBody {
font-size: 12px;
line-height: 18px;
font-weight: normal;
padding: 0;
color: #909396;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.sortPattern02 .ListPhotoLi:hover {
background-color: #f9f9f9;
text-decoration: none;
}
.sortPattern02 .ListPhotoLi:hover a .NewsRight .NewsPhotoTitle {
color: #e36a5c;
text-decoration: underline;
}

@media only screen and (max-width: 811px) {
.sortPattern02 .ListPhotoLi a .NewsRight {
vertical-align:middle;
padding: 0px 4px 0px 6px;
}
.sortPattern02 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
font-size:16px;
line-height:22px;
margin-bottom:0;
}
.sortPattern02 .ListPhotoLi a .NewsPhotoOb .Thumb_Box {
width:96px;
height:72px;
}
.sortPattern02 .ListPhotoLi a .NewsPhotoOb .Thumb_Box > div {
width:96px;
height:72px;
margin-top:0px;
}
.sortPattern02 li.ListPhotoLi .NewsPhotoBody {
display:none;
}
}

/*=========================================================================
■sortPattern03　横並び50％
=========================================================================*/
.sortPattern03 .ListPhotoLi:nth-of-type(2n+1) {
width: 50%;
float: left;
display: block;
margin: 0 0 4px;
}
.sortPattern03 .ListPhotoLi:nth-of-type(2n) {
width: 50%;
float: right;
display: block;
margin: 0 0 4px;
}
.sortPattern03 .ListPhotoLi > a {
display: block;
background: #fff;
}

.sortPattern03 .ListPhotoLi:nth-of-type(2n+1) > a {
margin-left: 4px;
margin-right: 2px;
}
.sortPattern03 .ListPhotoLi:nth-of-type(2n) > a {
margin-left: 2px;
margin-right: 4px;
}
.sortPattern03 .ListPhotoLi a .NewsPhotoOb {
position: relative;
width: 100%;
overflow: hidden;
}
.sortPattern03 .ListPhotoLi a .NewsPhotoOb:before {
content:" ";
display:block;
padding-top:66.7%;
}
.sortPattern03 .ListPhotoLi a .Thumb_Box img {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
background-position: top;
background-size: cover;
background-repeat:no-repeat;
}

.sortPattern03 .ListPhotoLi .NewsRight {
padding: 6px 8px 8px;
}
.sortPattern03 .ListPhotoLi .NewsPhotoTitle {
font-size: 15px;
line-height: 21px;
height: 63px;
overflow:hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
color: #444;
font-weight: bold;
margin-bottom: 0;
}
.sortPattern03 .ListPhotoLi .PhotoDateText {
color: #555;
font-size: 12px;
font-weight: normal;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
border-left:2px solid #f44336;
padding-left: 3px;
}
.sortPattern03 .ListPhotoLi > a:hover .NewsPhotoTitle {
color: #e36a5c;
text-decoration: underline;
}
@media only screen and (min-width: 812px) {
.sortPattern03 .ListPhotoLi > a .Thumb_Box > img,
.sortPattern03 .ListPhotoLi > a .NewsPhotoTitle {
-webkit-transition: .3s cubic-bezier(.53,0,.68,.86);
-moz-transition: .3s cubic-bezier(.53,0,.68,.86);
-o-transition: .3s cubic-bezier(.53,0,.68,.86);
transition: .3s cubic-bezier(.53,0,.68,.86);
opacity:1;
}
.sortPattern03 .ListPhotoLi > a:hover .Thumb_Box > img {
opacity: .88;
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-o-transform: scale(1.025);
transform: scale(1.025);
}
.sortPattern03 .ListPhotoLi .NewsPhotoTitle {
font-size: 16px;
height: 44px;
-webkit-line-clamp: 2;
}
}

/*=========================================================================
■sortPattern04　まとめトップ
=========================================================================*/
.sortPattern04 a:hover {
text-decoration:none;
}

.sortPattern04 .ListPhotoLi:not(:first-child) {
background-color:#FFF;
border-bottom:1px solid #f0f0f0;
margin: 0 4px;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a {
display:table;
width:100%;
padding:10px 0;
}

.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsRight {
display: table-cell;
vertical-align: middle;
position: relative;
padding: 2px 10px 2px 8px;
width: 100%;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsRight .NewsPhotoTitle{
font-size:16px;
font-weight:bold;
color:#444;
line-height:24px;
white-space:normal;
overflow: hidden;
text-overflow: ellipsis;
display:block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:4px;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsRight .NewsPhotoDate .PhotoDateText {
font-size:12px;
line-height:12px;
height:12px;
text-align:right;
color:#707376;
font-weight:normal;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-top:3px;
}

.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsPhotoOb {
display:table-cell;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsPhotoOb .Thumb_Box {
position: relative;
width: 133px;
overflow: hidden;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsPhotoOb .Thumb_Box:before {
content: " ";
display: block;
padding-top: 75%;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsPhotoOb .Thumb_Box > img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin:auto;
width: 100%;
height: auto;
}

.sortPattern04 .ListPhotoLi:not(:first-child) .NewsPhotoBody {
font-size: 12px;
line-height: 18px;
font-weight: normal;
padding: 0;
color: #909396;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.sortPattern04 .ListPhotoLi:not(:first-child) .NewsPhotoDate {
position:absolute;
bottom: 4px;
right:10px;
}

.sortPattern04 .ListPhotoLi:not(:first-child):hover {
background-color: #f9f9f9;
text-decoration: none;
}
.sortPattern04 .ListPhotoLi:not(:first-child):hover a .NewsRight .NewsPhotoTitle {
color: #e36a5c;
text-decoration: underline;
}

.sortPattern04 ul li.ListPhotoLi:first-child {
position:relative;
margin:4px 4px 3px;
display: block;
float: none;
clear: both;
}
.sortPattern04 ul li.ListPhotoLi:first-child > a {
display: block;
width: 100%;
border-bottom:1px solid #ccc;
}
.sortPattern04 ul li.ListPhotoLi:first-child > a .Thumb_Box {
position: relative;
width: 100%;
overflow: hidden;
}
.sortPattern04 ul li.ListPhotoLi:first-child > a .Thumb_Box:before {
content: " ";
display: block;
padding-top: 52%;
}
.sortPattern04 ul li.ListPhotoLi:first-child > a .Thumb_Box > img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: auto;
}
.sortPattern04 ul li.ListPhotoLi:first-child > a .NewsRight {
position:absolute;
left: 0;
bottom: 0px;
width: 100%;
background: rgba(0,0,0,.6);
}
.sortPattern04 ul li.ListPhotoLi:first-child > a .NewsPhotoTitle {
color: #fff;
font-size: 22px;
word-break: break-all;
font-weight: normal;
line-height:34px;
text-shadow: 1px 1px 1px #000;
overflow:hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin:12px 12px;
}
.sortPattern04 ul li.ListPhotoLi:first-child .NewsPhotoBody {
display:none;
}

@media only screen and (max-width: 811px) {
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsRight {
vertical-align:middle;
padding: 0px 4px 0px 6px;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsRight .NewsPhotoTitle{
font-size:16px;
line-height:22px;
margin-bottom:0;
-webkit-line-clamp: 3;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsPhotoOb .Thumb_Box {
position: relative;
width: 96px;
overflow: hidden;
}
.sortPattern04 .ListPhotoLi:not(:first-child) a .NewsPhotoOb .Thumb_Box:before {
content: " ";
display: block;
padding-top: 75%;
}
.sortPattern04 li.ListPhotoLi:not(:first-child) .NewsPhotoBody {
display:none;
}
.sortPattern04 ul li.ListPhotoLi:first-child > a .NewsPhotoTitle {
color: #fff;
font-size: 16px;
word-break: break-all;
font-weight: bold;
line-height:24px;
text-shadow: 1px 1px 1px #000;
overflow:hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin:14px 12px;
}
}
@media only screen and (min-width: 812px) {
.sortPattern04 .ListPhotoLi > a .Thumb_Box > img,
.sortPattern04 .ListPhotoLi > a .NewsPhotoTitle {
-webkit-transition: .3s cubic-bezier(.53,0,.68,.86);
-moz-transition: .3s cubic-bezier(.53,0,.68,.86);
-o-transition: .3s cubic-bezier(.53,0,.68,.86);
transition: .3s cubic-bezier(.53,0,.68,.86);
opacity:1;
}
.sortPattern04 .ListPhotoLi > a:hover .Thumb_Box > img {
opacity: .88;
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-o-transform: scale(1.025);
transform: scale(1.025);
}
}

/*
.BK_listbox ul li:last-child {
border-bottom: none;
}
*/
.sortPattern04 .ListPhotoLi:last-child {
border-bottom: none;
}


/*=========================================================================
■sortPattern05　枠あり
=========================================================================*/
.sortPattern05 a:hover {
text-decoration:none;
}
.sortPattern05 .BK_listbox {
width:100%;
margin:0;
padding:0;
}
.sortPattern05 .ListPhotoLi {
background-color:#fff;
border:1px solid #E0E0E0;
margin:18px 8px;
}
.sortPattern05 .ListPhotoLi > a {
display: block;
width: 100%;
}
.sortPattern05 .ListPhotoLi > a .Thumb_Box {
position:relative;
width:100%;
overflow:hidden;
}
.sortPattern05 .ListPhotoLi > a .Thumb_Box > div:before{
content:" ";
display:block;
padding-top:56%;
}
.sortPattern05 .ListPhotoLi > a .Thumb_Box > div {
display: table-cell;
width: 100%;
text-align: center;
vertical-align: middle;
background-color: #f3f3f3;
background-size: cover;
background-position: top;
display: block;
background-size: cover;
}

.sortPattern05 .ListPhotoLi > a .NewsPhotoTitle {
color: #444;
font-size: 18px;
font-weight: bold;
margin-bottom: 6px;
line-height: 25px;
padding:8px 8px 0px;
overflow: hidden;
text-overflow: ellipsis;
display:block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.sortPattern05 .ListPhotoLi .NewsPhotoBody {
font-size: 14px;
line-height: 22px;
font-weight: normal;
padding: 0 10px;
color: #333;
white-space: normal;
height: 44px;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom: 8px;
}
.sortPattern05 .ListPhotoLi .NewsPhotoDate {
padding:0px 8px 4px;
}
.sortPattern05 .ListPhotoLi .NewsPhotoDate .PhotoDateText {
display: inline-block;
float: right;
right: 0px;
color:#666;
font-weight:normal;
font-size:12px;
line-height:20px;
vertical-align:bottom;
}

@media only screen and (min-width: 812px) {
.sortPattern05 .ListPhotoLi a:hover .NewsRight .NewsPhotoTitle {
text-decoration:underline;
color:#E36A5C;
}
}



/*=========================================================================
sortPattern06 あわせて読みたい枠
=========================================================================*/
.sortPattern06 .news_rp_list {
margin:0 16px;
padding:0;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a {
display:table;
background-color:#fff;
border:1px solid #E0E0E0;
border-radius: 4px;
padding:8px;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a .NewsRight {
display:table-cell;
vertical-align:top;
width:100%;
position:relative;
padding:4px 0 4px 8px;
height:90px;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a .NewsRight dl dt{
overflow:hidden;
vertical-align:middle;
font-size:16px;
font-weight:normal;
line-height:22px;
white-space:normal;
height: 66px;
overflow: hidden;
text-overflow: ellipsis;
display:block;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a .NewsRight dl dd{
display:block;
font-size:12px;
line-height:12px;
height:12px;
color:#999;
font-weight:normal;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
text-align:right;
margin-top:3px;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a .NewsLeft {
display:table-cell;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a .NewsLeft .Thumb_Box {
display:table;
width:120px;
height:90px;
text-align:center;
vertical-align:middle;
overflow:hidden;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a .NewsLeft .Thumb_Box > div {
width:120px;
height:90px;
text-align:center;
vertical-align:middle;
background-color:#f3f3f3;
background-size:cover;
background-position:top;
display:block;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a:hover {
text-decoration-line:none;
}
.sortPattern06 .news_rp_list ul.news_rp_box li a:hover .NewsRight dl dt{
color: #e36a5c;
text-decoration: underline;
}





 /*=========================================================================
■sortPattern07　サムネイル　タイトルのみ表示
=========================================================================*/
.sortPattern07 a:hover {
text-decoration:none;
}
.sortPattern07 .ListPhotoLi {
background-color:#FFF;
border-bottom:1px solid #f0f0f0;
margin: 0 4px;
}
.sortPattern07 .ListPhotoLi a {
display:table;
width:100%;
padding:10px 0;
}
.sortPattern07 .ListPhotoLi a .NewsRight {
display:table-cell;
vertical-align:middle;
position:relative;
padding: 0px 4px 0px 6px;
width: 100%;
}
.sortPattern07 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
font-size:16px;
font-weight:bold;
color:#444;
line-height:22px;
white-space:normal;
overflow: hidden;
text-overflow: ellipsis;
display:block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:0;
}
@media only screen and (min-width: 812px) {
.sortPattern07 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
font-size:15px;
}
}
.sortPattern07 .ListPhotoLi a .NewsRight .NewsPhotoDate .PhotoDateText {
font-size:12px;
line-height:14px;
height:14px;
text-align:right;
color:#999;
vertical-align:bottom;
font-weight:normal;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-top:5px;
}
.sortPattern07 .ListPhotoLi a .NewsPhotoOb {
display:table-cell;
}
.sortPattern07 .ListPhotoLi a .NewsPhotoOb .Thumb_Box {
display:table;
width:96px;
height:72px;
text-align:center;
vertical-align:middle;
overflow:hidden;
}
.sortPattern07 .ListPhotoLi a .NewsPhotoOb .Thumb_Box > div {
display:table-cell;
width:96px;
height:72px;
margin-top:0px;
background-color:#f3f3f3;
background-size:cover;
background-position:top;
display:block;
}
.sortPattern07 .ListPhotoLi:hover {
background-color: #f9f9f9;
text-decoration: none;
}
.sortPattern07 .ListPhotoLi:hover a .NewsRight .NewsPhotoTitle {
color: #e36a5c;
text-decoration: underline;
}

/*=========================================================================
■sortPattern08　プロフィール用
=========================================================================*/
.sortPattern08 a:hover {
text-decoration:none;
}

.sortPattern08 .ListPhotoLi {
background-color:#FFF;
margin: 0 4px;
/*border:1px solid #f0f0f0;*/
}
.sortPattern08 .ListPhotoLi a {
display:table;
width:100%;
padding:4px 1px;
}

.sortPattern08 .ListPhotoLi a .NewsRight {
display:table-cell;
vertical-align:middle;
position:relative;
padding: 0 10px;
width: 100%;
}
.sortPattern08 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
font-size:19px;
font-weight:bold;
color:#333;
line-height:24px;
white-space:normal;
overflow: hidden;
text-overflow: ellipsis;
display:block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
margin-bottom:4px;
}
.sortPattern08 .ListPhotoLi a .NewsRight .NewsPhotoDate .PhotoDateText {
font-size:12px;
line-height:20px;
height:20px;
text-align:right;
color:#666;
vertical-align:bottom;
font-weight:normal;
white-space:normal;
overflow:hidden;
text-overflow:ellipsis;
width:100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-top:8px;
}

.sortPattern08 .ListPhotoLi a .NewsPhotoOb {
display:table-cell;
}
.sortPattern08 .ListPhotoLi a .NewsPhotoOb .Thumb_Box {
display:table;
width: 124px;
height:124px;
text-align:center;
vertical-align:middle;
overflow:hidden;
}
.sortPattern08 .ListPhotoLi a .NewsPhotoOb .Thumb_Box > div {
display:table-cell;
width: 124px;
height:124px;
border-radius: 50%;
margin-top:2px;
margin-bottom:2px;
margin-left:3px;
background-color:#f3f3f3;
background-size:cover;
background-position:top;
display:block;
}
.sortPattern08 .ListPhotoLi .NewsPhotoBody {
font-size: 14px;
line-height: 22px;
font-weight: normal;
padding: 0;
color: #333;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}

.sortPattern08 .ListPhotoLi:hover {
background-color: #f9f9f9;
text-decoration: none;
}
.sortPattern08 .ListPhotoLi:hover a .NewsRight .NewsPhotoTitle {
color: #e36a5c;
text-decoration: underline;
}

@media only screen and (max-width: 811px) {
.sortPattern08 .ListPhotoLi a .NewsRight {
vertical-align:middle;
padding: 0px 4px 0px 8px;
}
.sortPattern08 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
font-size:18px;
line-height:22px;
}
.sortPattern08 .ListPhotoLi a .NewsRight .NewsPhotoDate .PhotoDateText {
line-height:12px;
height:12px;
margin-top:8px;
}
.sortPattern08 .ListPhotoLi a .NewsPhotoOb .Thumb_Box {
width:112px;
height:110px;
}
.sortPattern08 .ListPhotoLi a .NewsPhotoOb .Thumb_Box > div {
width:110px;
height:110px;
margin-top:0px;
margin-left:4px;
}
}




/*=========================================================================
■classicpattern01　右カラム　定番まとめ
=========================================================================*/
.classicpattern01 a:hover {
text-decoration:none;
}
.classicpattern01 .ListPhotoLi {
background-color:#FFF;
border-bottom:1px solid #f0f0f0;
margin: 0 4px;
}
.classicpattern01 .ListPhotoLi a {
display:table;
width:100%;
padding:10px 0;
}


.classicpattern01 .ListPhotoLi a .NewsPhotoOb {
display:table-cell;
}
.classicpattern01 .ListPhotoLi a .NewsPhotoOb .Thumb_Box {
position: relative;
width: 72px;
overflow: hidden;
}
.classicpattern01 .ListPhotoLi a .NewsPhotoOb .Thumb_Box:before {
content: " ";
display: block;
padding-top: 75%;
}
.classicpattern01 .ListPhotoLi a .NewsPhotoOb .Thumb_Box > img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin:auto;
width: 100%;
height: auto;
}
.classicpattern01 .ListPhotoLi a .NewsRight {
display: table-cell;
vertical-align: middle;
position: relative;
padding: 0px 4px 0px 6px;
width: 100%;
}
.classicpattern01 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
font-weight:normal;
color:#333;
white-space:normal;
overflow: hidden;
text-overflow: ellipsis;
display:block;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size:14px;
line-height:18px;
margin-bottom:0;
-webkit-line-clamp: 3;
}

.classicpattern01 .ListPhotoLi:hover {
background-color: #f9f9f9;
text-decoration: none;
}
.classicpattern01 .ListPhotoLi:hover a .NewsRight .NewsPhotoTitle {
color: #e36a5c;
text-decoration: underline;
}


@media only screen and (min-width: 812px) {
.classicpattern01 .ListPhotoLi > a .Thumb_Box > img,
.classicpattern01 .ListPhotoLi > a .NewsPhotoTitle {
-webkit-transition: .3s cubic-bezier(.53,0,.68,.86);
-moz-transition: .3s cubic-bezier(.53,0,.68,.86);
-o-transition: .3s cubic-bezier(.53,0,.68,.86);
transition: .3s cubic-bezier(.53,0,.68,.86);
opacity:1;
}
.classicpattern01 .ListPhotoLi > a:hover .Thumb_Box > img {
opacity: .88;
-webkit-transform: scale(1.025);
-moz-transform: scale(1.025);
-o-transform: scale(1.025);
transform: scale(1.025);
}
}

.directorywrap {
margin:16px 12px;
}
.directorywrap ul {
text-align:left;
}
.directorywrap > ul {
margin-bottom:24px;
}
.directorywrap ul li {
margin-bottom:2px;
}
.directorywrap ul li {
font-size:16px;
}
.directorywrap ul li a {
line-height:27px;
font-size:16px;
word-break:break-all;
color:#333;
}
.directorywrap > ul > li > a {
font-weight:bold;
}
.directorywrap > ul > li {
margin-top:10px;
}
.directorywrap ul li a:hover {
color: #e36a5c;
text-decoration: underline;
}
.directorywrap ul ul {
margin: 4px 0 8px 16px;
}

.textR {
text-align: right;
} 
.textL {
text-align: left;
}
.textC {
text-align: center;
}
.text_gs {
font-size:12px;
color:#666;
line-height:18px;
}
.mt00 {
margin-top:0px;
}
.mt04 {
margin-top:4px;
}
.mt08 {
margin-top:8px;
}
.mt10 {
margin-top:10px;
}
.mt12 {
margin-top:12px;
}
.mt16 {
margin-top:16px;
}
.mt18 {
margin-top:18px;
}
.mt20 {
margin-top:20px;
}
.mt24 {
margin-top:24px;
}
.mt30 {
margin-top:30px;
}
.mb00 {
margin-bottom:0px;
}
.mb04 {
margin-bottom:4px;
}
.mb08 {
margin-bottom:8px;
}
.mb10 {
margin-bottom:10px;
}
.mb12 {
margin-bottom:12px;
}
.mb16 {
margin-bottom:16px;
}
.mb18 {
margin-bottom:18px;
}
.mb20 {
margin-bottom:20px;
}
.mb24 {
margin-bottom:24px;
}
.mb30 {
margin-bottom:30px;
}
.mbm18 {
margin-bottom:-18px;
}
.mbm20 {
margin-bottom:-20px;
}
.mbm24 {
margin-bottom:-24px;
}
.mbm30 {
margin-bottom:-30px;
}
.fs12 {
font-size:12px;
}
.fs14 {
font-size:14px;
}
.fs15 {
font-size:15px;
}
.fs16 {
font-size:16px;
}
.fs18 {
font-size:18px;
}
.fs20 {
font-size:20px;
}
@media only screen and (max-width: 811px) {
.pagenai {
display: block;
padding-top: 42px;
margin-top: -42px;
}
}

.Top_RaceMenu_Inner .RaceMenuSub ul li a {
min-height:28px;
}
.markdown-body pre, code{
background-color: gainsboro;
}
.matome_Detail_ReadMore{
width: 100%;
text-align: center;
}
.matome_Detail_ReadMore a.AppRead{
display: block;
margin: auto;
width:80%;
padding:16px 0;
text-align: center;
background: #e03d3d;
color:#fff;
font-size: 15px;
font-weight: bold;
border-radius: 4px;
cursor: pointer;
transition: bottom 0.2s;
}
.matome_Detail_ReadMore .NkIcon01 {
display: inline-block;
position: relative;
width: 26px;
height: 15px;
margin-right: 10px;
}
.NkIcon01 img {
display: block;
position: absolute;
top: 50%;
left: 0;
margin-top: -13px;
}
.matome_Detail_ReadMore p.BrowserRead{
display: inline-block;
margin-top:20px;
color:#666;
border-bottom:1px solid #707070;
font-size:12px;
font-weight: bold;
line-height: 1.44;
cursor: pointer;
}
.matome_Detail_ReadMore p.AppInfoLink{
display: inline-block;
margin-top: 18px;
color: #03a;
border-bottom: 1px solid #03a;
font-size: 13px;
font-weight: bold;
line-height: 1.44;
cursor: pointer;
}
.appdl_wrap {
width:100%;
background-color:#EFEFEF;
padding:10px 8px 12px;
margin:8px auto;
max-width:520px;
border-radius: 6px;
}
.appdl_wrap_waku {
width:100%;
padding:12px 8px 14px;
background-color:#fff;
border: 5px solid #ddd;
margin:8px auto;
max-width:520px;
}
.appdl_wrap > p,
.appdl_wrap_waku > p {
color:#444;
font-size:14px;
text-align:center;
margin:6px auto;
width:100%;
max-width:90%;
font-weight:bold;
}
.appdl_box {
display:flex;
width:100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.appdl_left a,.appdl_right a {
display:inline-block;
}
.appdl_left a img,.appdl_right a img {
height:68px;
max-width: 100%;
width: auto;
}
.appdl_left,.appdl_right {
padding: 4px;
margin:0;
}

.banner320 {
width:100%;
max-width:416px;
margin: auto;
padding: 10px 0;
}
.banner320 > a {
display: inline-block;
}
.banner320 > a > img {
display: inline-block;
height: auto;
max-width: 100%;
}
.matome_AppInfoBox {
position: relative;
padding: 18px;
margin: 0 auto;
max-width:100%;
}
.matome_AppInfoBoxInner {
border: 5px solid #ddd;
padding: 18px 32px 24px;
}
.matome_AppInfoBoxInner > p {
font-weight: bold;
font-size: 15px;
margin-top:0;
margin-bottom: 18px;
}
ul.AprStoreList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
li.NkLogo {
border: 1px solid #e5e4de;
border-radius: 4px;
overflow: hidden;
max-width: 66px;
}
li.NkLogo img{
display: block;
max-width: 66px;
border-radius: 4px;
}
li.AppStore {
position: relative;
padding: 8px 80px 0 0;
}
li.AppStore span.Txt {
display: inline-block;
margin-bottom: 6px;
font-weight: bold;
}
ul.AprStoreList img.bnr {
display: block;
height: 40px;
}
ul.AprStoreList span.Qr img {
position: absolute;
display: block;
max-width: 69px;
top: 0;
right: 0;
}
@media only screen and (max-width: 979px){
.matome_AppInfoBoxInner {
padding: 12px 7px 20px;
border: 4px solid #ddd;
}
.matome_AppInfoBox {
padding: 2px;
}
.appdl_wrap > p,
.appdl_wrap_waku > p {
text-align:left;
line-height:22px;
}
ul.AprStoreList {
justify-content: center;
}
ul.AprStoreList img.bnr {
height:40px;
}
ul.AprStoreList span.Qr img {
display:none;
}
li.NkLogo,
li.NkLogo img {
width: 56px;
}
li.AppStore {
padding:0 0 0 6px;
}
.matome_AppInfoBoxInner > p {
font-size: 14px;
line-height:20px;
margin: 0 6px 14px;
}
li.AppStore span.Txt {
font-size:12px;
margin-bottom:2px;
}
.appdl_left a img,.appdl_right a img {
height:50px;
}
}
.matome_Detail_ReadMore > span {
display: inline-block;
margin-bottom: 13px;
font-family: -apple-system,system-ui,"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3",  arial, "Meiryo", "メイリオ", sans-serif;
font-size:15px;
font-weight: bold;
position: relative;
}
@media screen and (max-width:360px){
.matome_Detail_ReadMore > span {
font-size: 14px;
}
}
.matome_Detail_ReadMore > span:before,
.matome_Detail_ReadMore > span:after {
content:"";
position: absolute;
left: -20px;
bottom: 5px;
width: 20px;
height: 2px;
background:#707070;
transform: rotate(55deg);
}
.matome_Detail_ReadMore > span:after {
left: inherit;
right:-20px;
transform: rotate(-55deg);
}

/*==============================================
 ウマい車券販売CSS調整分
=============================================*/
.DirmainArea01 .umai_news_yoso_view {
margin:4px auto 24px;
}
.umai_news_yoso_view > .Title_Sec.YosoRace h2 {
font-size:16px;
}
.DirmainArea01 .MoreColumnList a {
color: #fff;
font-size: 13px;
line-height:1;
border-radius: 30px;
padding: 7px;
width: 84%;
max-width: 480px;
margin: 0 auto;
}
.umai_news_yoso_view > div {
border:0px;
}

.Column_Detail_Txt_Box .FreeContentsWrap h2 {
font-size: 18px;
font-weight: bold;
margin: 0;
line-height: 1.2;
}
.Column_Detail_Txt_Box .FreeContentsWrap p {
margin-top: 0;
margin-bottom: 0;
color: #444;
font-size: 100%;
line-height: 1.75;
}
.Column_Detail_Txt_Box .FreeContentsWrap p.freeContents__yoso--announcement {
font-size: 14px;
color: #b7443e;
font-weight: 600;
margin: 0 auto;
text-align: center;
}
.Column_Detail_Txt_Box .FreeContentsWrap h4.freeContents__yoso--race {
font-size: 16px;
font-weight: bold;
margin: 0 0 10px;
line-height: 24px;
}