@charset "euc-jp";
/*===========================================

 dirの共通CSS

===========================================*/
/*==============================================
 全体 
=============================================*/
html {
	font-size: 62.5%;
}
body.dirkeibaall {
	font-size: 112.5%;
	background-color: #fff;
	color: rgb(51, 51, 51) !important;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, "Meiryo", "メイリオ", sans-serif;
	text-shadow: none !important;
}
.Footer_Box .FootInfo_Link,.PremiumIntroBox02.footer {
	font-size:16px;
}
.DirWrap {
width:100%;
margin:0 auto;
}
.DirBox{
position:relative;
margin:0 auto;
padding:0;
}
@media only screen and (max-width: 811px) {
footer {
	background-color:#EEEEEE!important;
}
.DirWrap {
	margin-top:0;
}
.DirBox {
	margin:0 auto;
	padding:0;
}
.DirmainArea01{
	float:none;
}
.DirmainArea02{
	float:none;
	margin-top:32px;
}
.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 {
	/*float:left;*/
	width: 460px;
	text-align: left;
}
.DirmainArea02 {
	/*float: right;*/
	width: 320px;
	text-align: left;
	margin:18px 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:18px 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;
}
}
.dircategory {
margin:2px 4px 20px;
}
.dircategory ul {
display:flex;
flex-wrap:wrap;
}
.dircategory ul li {
width:50%;
flex-shrink: 0;
text-align:center;
}
.dircategory ul li a {
display:block;
margin:4px;
border:1px solid #dedede;
border-radius:4px;
font-weight: normal;
padding: 12px 2px;
position: relative;
color: #333;
font-size: 14px;
line-height: 18px;
}


@media (min-width: 1000px) {
	.dircategory ul li a:hover {
		background-color: #f9f9f9;
		color:#e36a5c;
		text-decoration:underline;
	}
}

.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_Premium01:before {
	content: '';
	display: inline-block;
	background: url("../img/icon/icon_sprite_column.png") 0 0 no-repeat;
	background-size: 70px auto;
	background-position: -2px -109px;
	width: 11px;
	height: 14px;
	margin: -2px 8px 0 4px;
	vertical-align: middle;
}
.Icon_Chumoku:before {
	content: '';
	display: inline-block;
	background: url(../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(../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(../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(../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(../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: 19px;
}
.dirIcon_More04 {
padding-left: 19px;
line-height: 18px;
display: inline-block;
position: relative;
vertical-align: middle;
background: url(../img/icon/icon_sprite_column.png?20180712) no-repeat;
-webkit-background-size: 75px auto;
-moz-background-size: 75px auto;
background-size: 75px auto;
background-position: -26px -85px;
}
/*=========================================================================
■カラム
=========================================================================*/
.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 {
	padding: 6px 0;
	color: #888;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	border: 1px solid #e0e0e0;
	border-radius: 1.27em;
	line-height: 2.55!important;
	display: block;
	width: 79%;
	min-width: 142px;
	margin: 0 auto;
	position: relative;
}
.LinkBtn_read {
	display: block;
	background: #fff;
	border: 1px solid #03a;
	border-radius: 4px;
	font-weight: bold;
	text-align: center;
	padding: 12px 0;
	font-size: 1.5rem;
	width: 84%;
	margin: 2px auto 12px;
}


@media (min-width: 1000px) {
	.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:4px 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 {
color:#444;
font-weight: bold;
font-size:11px;
-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;
}
}
/*=========================================================================
見出し
=========================================================================*/
.Heading {
	position:relative;
	margin:0px;
}
.headtable {
	display:table;
	width:100%;
}
.Heading h1{
	position:relative;
	display: inline-block;
	font-weight:bold;
	text-align:left;
  line-height: 3.4rem;
  font-size: 2.4rem;
	padding:18px 2px 10px;
}
.tpHeading h1{
	position:relative;
	display: inline-block;
	font-weight:bold;
	text-align:left;
  line-height: 3.4rem;
  font-size: 2.4rem;
	padding:16px 8px 0;
	color:#757575;
}
.Heading_Data {
	font-size:1.2rem;
	color:#666;
	padding:0px 2px 12px;
}
@media only screen and (max-width: 811px) {
	.Heading h1{
		font-size: 2.0rem;
    line-height: 2.8rem;
    padding:16px 14px 12px;
	}
	.tpHeading h1{
		font-size: 2.0rem;
    line-height: 2.8rem;
    padding:20px 8px 0;
	}
	.Heading_Data {
		padding:0px 16px 12px;
	}
}
.Heading h2{
	position:relative;
	display: inline-block;
	font-weight:bold;
	text-align:left;
	font-size: 1.8rem;
	display:table-cell;
	width:100%;
	line-height: 2.6rem;
	color:#757575;
	padding:0 12px;
}
.DirmainArea02 .Heading h2{
	padding:0 8px;
}
.headBtnMore {
	display:table-cell;
	vertical-align:middle;
}
.headBtnMore a {
  color: #666;
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  border-radius: 18px;
  background: #e7e7e7;
  line-height: 22px;
	padding: 1px 14px 1px 14px;
	margin-left: 8px;
	margin-right:8px;
	white-space: nowrap;
}

p.text_wrap {
font-size: 1.6rem;
line-height: 2.6rem;
font-weight: normal;
padding: 12px;
color: #444;
white-space: normal;
display: block;
}



/*=========================================================================
keibacontents01
=========================================================================*/
.keibacontents01 a:hover {
text-decoration:none;
}
.keibacontents01 .BK_listbox {
width:100%;
margin:0;
padding:0;
background-color:#fff;
}
.keibacontents01 .ListPhotoLi > a {
display: block;
width: 100%;
}
.keibacontents01 .ListPhotoLi > a .Thumb_Box > img {
width:100%;
margin:0 auto;
padding:0;
font-size:0;
}
.tvmark {
position:relative;
}
.tvmark:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 0px;
height: 0px;
border: 40px solid transparent;
border-left: 60px solid rgba(255,255,255,.5);
margin-top:-40px;
margin-left:-24px;
-webkit-transition: .15s cubic-bezier(.53,0,.68,.86);
-moz-transition: .15s cubic-bezier(.53,0,.68,.86);
-o-transition: .15s cubic-bezier(.53,0,.68,.86);
transition: .15s cubic-bezier(.53,0,.68,.86);
}
.NewsPhotoOb:hover .tvmark:after {
border-left: 60px solid rgba(255,255,255,.9);
}
@media only screen and (max-width: 811px) {
.tvmark:after {
border: 30px solid transparent;
border-left: 45px solid rgba(255,255,255,.5);
margin-top:-30px;
margin-left:-20px;
}
.NewsPhotoOb:hover .tvmark:after {
border-left: 45px solid rgba(255,255,255,.9);
}
}
.keibacontents01 .ListPhotoLi .Bodyfull {
font-size: 1.6rem;
line-height: 2.6rem;
font-weight: normal;
margin: 14px 2px;
color: #444;
white-space: normal;
display: block;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
}
@media only screen and (max-width: 811px) {
.keibacontents01 .ListPhotoLi .Bodyfull {
	-webkit-line-clamp: 9;
	margin: 14px;
	line-height: 2.7rem;
	max-height: 24.3rem;
}
}
.keibacontents01 .ListPhotoLi .Bodyfull span {
	color:#03a;
}


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

↓タイムライン

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

/*=========================================================================
■keibaPattern09　img版
=========================================================================*/
.keibaPattern09 a:hover {
	text-decoration:none;
}
.keibaPattern09 .BK_listbox {
  width:100%;
  margin:0;
  padding:0;
}
.keibaPattern09 .ListPhotoLi {
    background-color:#fff;
    margin:18px 0 30px;
}
.keibaPattern09 .ListPhotoLi > a {
    display: block;
    width: 100%;
}
.keibaPattern09 .ListPhotoLi > a .Thumb_Box {
	position:relative;
	width:100%;
	overflow:hidden;
}
.keibaPattern09 .ListPhotoLi > a .Thumb_Box:before{
  content:" ";
  display:block;
  padding-top:56%;
}
.keibaPattern09 .ListPhotoLi > a .Thumb_Box > img {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
	height: auto;
}
.keibaPattern09 .ListPhotoLi > a .NewsPhotoTitle {
  color: #444;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
  line-height: 24px;
  padding: 8px 0px 0px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.keibaPattern09 .ListPhotoLi .NewsPhotoBody {
	font-size: 14px;
	line-height: 1.7;
	font-weight: normal;
	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: 6px;
}
.keibaPattern09 .ListPhotoLi .NewsPhotoDate {
    padding:0px 0px 4px;
}
.keibaPattern09 .ListPhotoLi .NewsPhotoDate .PhotoDateText {
    display: inline-block;
    float: right;
    right: 0px;
    color:#888;
    font-weight:normal;
    font-size:12px;
    line-height:20px;
    vertical-align:bottom;
}

@media only screen and (min-width: 812px) {
	.keibaPattern09 .ListPhotoLi > a .Thumb_Box > img,
	.keibaPattern09 .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;
	}
	/* .keibaPattern09 .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);
	} */
	.keibaPattern09 a:hover {
		background-color: #f9f9f9;
	}
	.keibaPattern09 .ListPhotoLi > a:hover .NewsPhotoTitle {
	color: #e36a5c;
	text-decoration: underline;
	}
}

@media only screen and (max-width: 812px) {
	.keibaPattern09 .ListPhotoLi {
		margin: 18px 10px 30px;
	}
	.keibaPattern09 .ListPhotoLi > a .Thumb_Box {
		border-radius: 4px;
	}
	.keibaPattern09 .ListPhotoLi > a .NewsRight {
		margin: 0 10px;
	}
}
 /*=========================================================================
■keibaPattern16　サムネイル右　タイトルのみ表示
=========================================================================*/
.keibaPattern16 a:hover {
	text-decoration:none;
}
.keibaPattern16 .ListPhotoLi {
	background-color:#FFF;
	border-bottom:1px solid #f0f0f0;
	margin: 0 10px;
}
.keibaPattern16 .ListPhotoLi a {
	display:table;
	width:100%;
	padding:10px 0;
}
.keibaPattern16 .ListPhotoLi a .NewsRight {
	display:table-cell;
	vertical-align:middle;
	position:relative;
	padding: 0px 4px 0px 6px;
	width: 100%;
}
.keibaPattern16 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
	font-size:1.6rem;
	font-weight:bold;
	color:#444;
	line-height:2.2rem;
	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) {
	.keibaPattern16 .ListPhotoLi {
		margin: 0;
	}
	.keibaPattern16 .ListPhotoLi a .NewsRight .NewsPhotoTitle{
		font-size:1.5rem;
	}

	.keibaPattern16 .ListPhotoLi:hover {
		background-color: #f9f9f9;
		text-decoration: none;
	}
	.keibaPattern16 .ListPhotoLi:hover a .NewsRight .NewsPhotoTitle {
		color: #e36a5c;
		text-decoration: underline;
	}
}
.keibaPattern16 .ListPhotoLi a .NewsRight .NewsPhotoDate .PhotoDateText {
	font-size:1.2rem;
	line-height:1.4rem;
	height:14px;
	text-align:right;
	color:#888;
	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;
}
.keibaPattern16 .ListPhotoLi a .NewsPhotoOb {
	display:table-cell;
}
.keibaPattern16 .ListPhotoLi a .NewsPhotoOb .Thumb_Box {
	display:table;
	width:96px;
	height:72px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.keibaPattern16 .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;
}

@media only screen and (max-width: 812px) {
	.keibaPattern16 .ListPhotoLi a .NewsPhotoOb .Thumb_Box {
		border-radius: 4px;
	}
}


/*=========================================================================
■keibaPattern15　横並び50％
=========================================================================*/
.keibaPattern15 .BK_listbox ul {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0 10px;
}
.keibaPattern15 .ListPhotoLi:nth-of-type(2n+1) {
	width: calc(50% - 5px);
	display: block;
}
.keibaPattern15 .ListPhotoLi:nth-of-type(2n) {
	width: calc(50% - 5px);
	display: block;
}
.keibaPattern15 .ListPhotoLi > a {
	display: block;
	background: #fff;
}

.keibaPattern15 .ListPhotoLi:nth-of-type(2n+1) > a {
  /* margin-left: 4px;
	margin-right: 2px; */
}
.keibaPattern15 .ListPhotoLi:nth-of-type(2n) > a {
  /* margin-left: 2px;
	margin-right: 4px; */
}
.keibaPattern15 .ListPhotoLi a .NewsPhotoOb {
	position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
}
.keibaPattern15 .ListPhotoLi a .NewsPhotoOb:before {
  content:" ";
  display:block;
  padding-top:56.2%;
}
.keibaPattern15 .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;
}
.keibaPattern15 .ListPhotoLi .NewsRight {
	padding: 6px 0px 0px;
}
.keibaPattern15 .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;
}
.keibaPattern15 .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;
}


@media only screen and (min-width: 812px) {
	.keibaPattern15 .BK_listbox ul {
		margin: 0;
	}

	.keibaPattern15 .ListPhotoLi .NewsPhotoTitle {
		height: 44px;
		-webkit-line-clamp: 2;
	}

	.keibaPattern15 .ListPhotoLi > a:hover .NewsPhotoTitle {
		color: #e36a5c;
		text-decoration: underline;
	}

	.keibaPattern15 .ListPhotoLi a .NewsPhotoOb {
	  border-radius: 0px;
	}
}



.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;
}
.mt32 {
	margin-top:32px;
}
.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;
}
.mb32 {
	margin-bottom:32px;
}
.mb40 {
	margin-bottom:40px;
}
@media only screen and (max-width: 811px) {
.pagenai {
display: block;
padding-top: 42px;
margin-top: -42px;
}
}


nav.ContentNavi01 ul li a {
font-size:14px!important;
}
.matome_Detail_ReadMore{
width: 100%;
height:100px;
text-align: center;
background: linear-gradient(180deg,rgb(255, 255, 255, 0) 0%,rgb(255, 255, 255, 1) 60%);
}
.matome_Detail_ReadMore a.AppRead{
display: block;
margin: auto;
width:80%;
padding:16px 0;
text-align: center;
background: #3251bc;
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: 20px;
color: #03a;
border-bottom: 1px solid #03a;
font-size: 12px;
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;
}
.banner320 {
width:84%;
}
}