@charset "utf-8";
/*===========================================
netkeiba オーナーズ
お知らせ
---------------------------------------------
目次
■
============================================*/

/* formリセット */
input, button, textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background:transparent;
}
/*---------------------------------
ニュースTOP
---------------------------------*/
/* 新着ニュース */
ul.NewsList01 {
	display: flex;
	flex-wrap: wrap;
}
ul.NewsList01 li {
	width: 100%;
	background: #fff;
}
ul.NewsList01 li + li {
	position: relative;
	border-top: 1px solid #e0e0e0;
}
ul.NewsList01 li .LinkBox_01{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	padding-right: 10px;
	width: 100%;
}
ul.NewsList01 li .PhotoThumb_01 {
	width: 98px;
	min-height: 73px;
	margin-right: 9px;
	border-radius: 6px;
	overflow: hidden;
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	position: relative;
}
ul.NewsList01 li .TxtBox {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	flex: 1;
}
ul.NewsList01 li .ContentMainTitle {
	color: #444;
	font-size: 16px;
	line-height: 1.38em;
	font-weight: bold;
	margin: 4px 0 12px;
	overflow: hidden;
	position: relative;
	word-wrap: break-word;
	text-overflow: ellipsis;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 2.76em;
}
ul.NewsList01 .LinkBox_Footer {
	display: flex;
	color: #666;
	font-size: 11px;
	text-align: right;
	align-items: center;
	justify-content: space-between;
}
ul.NewsList01 li a {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	padding: 10px 0 10px 10px;
	color: #444;
	text-decoration: none;
}
ul.NewsList01 li a:hover {
	background: #f3f3f3;
}


.FaqListArea01 .Title_BtnMore02 a {
	color: #666;
	font-size: 61.12%;
	font-weight: bold;
	text-align: center;
	border: 1px solid #bfbfbf;
	border-radius: 1.27em;
	line-height: 2.4;
	display: block;
	position: relative;
	min-width: 97px;
}
.FaqListArea01.Title_BtnMore02 a:hover {
	background: #fefefe;
}
.Link_List {
	margin-bottom: 30px;
	border-top: 1px solid #e0e0e0;
}
.Link_List li {
	border-bottom: 1px solid #e0e0e0;
}
.Link_List li a {
	position: relative;
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	min-height: 61px;
	padding: 8px 42px 8px 12px;
	color: #444;
	background: #fff;
	font-size: 1rem;
	line-height: 1.46;
}
.Link_List a::after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-radius: 1px;
	background: none;
	border-top: 2px solid #888;
	border-right: 2px solid #888;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	right: 13px;
	top: 50%;
}

@media only screen and (min-width: 834px){
	.NewsListWrap01 > ul {
		display: flex;
		flex-wrap: wrap;
	}


	.NewsListWrap01 > ul > li {
		width: calc((100% - 30px) / 4);
		border: none;
		border-radius: 10px;
		overflow: hidden;
		margin: 0 10px 10px 0;
	}

	ul.NewsList01 li .LinkBox_01 {
		position: relative;
		flex-direction: column;
	}
	ul.NewsList01 li .PhotoThumb_01 {
		width: 100%;
		min-height: auto;
	}
	ul.NewsList01 li .PhotoThumb_01::after{
		content: "";
		display: block;
		padding-top: 74.35%;
	}
	ul.NewsList01 li  .ContentMainTitle{
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		height: 2.76em;
		margin: 10px 0 12px;
		font-size: 15px;
	}
	ul.NewsList01 .LinkBox_Footer {
		font-size: 11px;
	}

	ul.NewsList01 li + li {
		border: none;
	}

	.Info ul.NewsList01 li a:hover .PhotoThumb_01 {
		opacity: 0.8;
	}
	.Info ul.NewsList01 li a:hover .ContentMainTitle {
		color: #c53131;
		text-decoration: underline;
	}

	.Info .NewsListWrap01 > ul > li:nth-of-type(4n) {
		margin-right: 0;
	}
	/* よくある質問 */
	.FaqListArea01 {
		display: block;
	}
	.Link_List {
		margin-bottom: 30px;
		border: 1px solid #ddd;
		border-radius: 10px;
		overflow: hidden;
	}
	.Link_List li + li {
		border-top: 1px solid #ddd;
	}
	.Link_List li a {
		position: relative;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: center;
		align-items: center;
		min-height: 54px;
		padding: 14px 42px 14px 12px;
		color: #444;
		background: #fff;
		font-size: 88.89%;
		line-height: 1.437;
	}
	.Link_List a::after {
		content: "";
		display: block;
		width: 8px;
		height: 8px;
		border-radius: 1px;
		background: none;
		border-top: 2px solid #888;
		border-right: 2px solid #888;
		-webkit-transform: rotate(45deg) translateY(-50%);
		transform: rotate(45deg) translateY(-50%);
		position: absolute;
		right: 13px;
		top: 50%;
	}
	.Link_List li a:hover {
		background: #f9f9f9;
		color: #c53131;
		text-decoration: underline;
	}
	.Link_List li a:hover > span {
	}
}

/*---------------------------------
ニュース詳細
---------------------------------*/
.News_Head_Box {
	padding: 22px 8px 13px 18px;
}
.News_Head_Box .News_Title {
	color: #333;
	font-size: 111.12%;
	line-height: 1.35;
	margin-bottom: 15px;
	padding-right: 10px;
}
.News_Head_Box .NewsDataWrap {
	position: relative;
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.News_Head_Box .Info {
	font-size: 74%;
	margin-bottom: 6px;
	margin-right: auto;
}
.News_Head_Box .Info img {
	display: block;
	max-width: 88px;
	max-height: 31px;
}
.News_Head_Box > .News_Data {
	position: relative;
	padding-right: 0;
	margin-left: auto;
}
.NewsDataWrap > .News_Data {
	display: flex;
}
.NewsDataWrap .NewsCate {
	color: #777;
	font-size: 61.12%;
	text-align: left;
}
.News_Data .News_Data_Time {
	color: #777;
	font-size: 61.12%;
	text-align: right;
}
.News_Body_Box {
	padding: 0 18px;
}
.News_Photo_Box_02 {
	background-color: #f1f2f3;
	margin: 0 14px;
}
.NewsDetailArea01 {
	background: #fff;
	max-width: 680px;
	margin: 0 auto 60px;
}
.NewsDetailArea01 .News_Photo_Box_02 {
	margin: 0 0 20px;
}
.NewsDetailArea01 .News_Photo_Box_02 .thumb {
	content: '';
	display: block;
	text-align: center;
	background: #f3f3f3;
	width: 112%;
	width: calc(100% + 36px);
	height: 0;
	padding-top: 84%;
	margin: 0 0 0 -18px;
	position: relative;
}
.News_Photo_Box_02 img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
.NewsDetailArea01 .News_Photo_Box_02 img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
	vertical-align: top;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.News_Photo_Box p.Caption,
.News_Photo_Box_02 p.Caption {
	color: #666;
	font-size: 72%;
	text-align: left;
	background: #fff;
	line-height: 1.3;
	margin: 0 auto;
	spadding-top: 10px;
}
[class*="Photo_Box"] > p.Caption {
	color: #777;
	font-size: 72%;
	line-height: 1.31;
	padding: 13px 0 0;
	text-align: left;
	background: #fff;
}
.News_Txt_Title {
	font-size: 106%;
	font-weight: bold;
	line-height: 1.37;
	padding: 0 18px;
	border-left: 4px solid #999;
	margin: 35px 0;
}
.News_Txt {
	color: #444;
	font-size: 88.89%;
	line-height: 1.63;
}
.News_Txt a{
	display:inline;
	color: #03a;
}
.News_Head_Box .LinkBox_Avatar .News_Data .News_Data_Time {
	text-align: left;
}

.shere {
	display: flex;
	justify-content: stretch;
	align-items: center;
	padding: 46px 18px 20px;
}
.Sns_Box{
	width: 104px;
	min-height: 24px;
	margin-left: auto;
}
.Sns_Btn_Box {
  display: flex;
  text-align: center;
}
.Sns_Btn_Box li{
	display: block;
	width: 33.3%;
}
.Sns_Btn_Box li + li {
	margin-left: 10px;
}
.Sns_Btn {
	display: block;
	position: relative;
	width: 26px;
	height: 26px;
	border-radius: 13px;
}
.Sns_Btn.fb{
	padding-left: 15px;
}
.Sns_Btn::before{
	content:"";
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.Sns_Btn_Box a svg{
	margin-right: 5px;
}
.Sns_Btn.tw{
	background-color: #000;
}
.Sns_Btn.fb{
	background-color: #3C579E;
}
.Sns_Btn.line{
	background-color: #00B900;
}
.Sns_Btn.tw::before{
	width: 14px;
	height: 22px;
	background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="enable-background:new 0 0 26 26.6" viewBox="0 0 26 26.6"><path d="M15.5 11.3 25.2 0h-2.3l-8.4 9.8L7.7 0H0l10.2 14.8L0 26.6h2.3l8.9-10.3 7.1 10.3H26L15.5 11.3zm-3.2 3.6-1-1.5L3.1 1.7h3.5l6.6 9.4 1 1.5 8.6 12.3h-3.5l-7-10z" style="fill:%23fff"/></svg>');
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.Sns_Btn.fb::before{
	width: 12px;
	height: 21px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013.333%2026.667%22%3E%3Cpath%20d%3D%22M8.655%2C26.667V14.5h3.93l.59-4.742H8.655V6.735c0-1.372.365-2.308%2C2.263-2.308h2.416V.186A31.552%2C31.552%2C0%2C0%2C0%2C9.813%2C0C6.327%2C0%2C3.941%2C2.209%2C3.941%2C6.266v3.5H0V14.5H3.941V26.667Z%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E%0A');
	bottom: -1px;
	left: 50%;
	transform: translate(-50%,0);
}
.Sns_Btn.line::before{
	width: 16px;
	height: 15px;
	background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023.787%2022.502%22%3E%0A%3Cpath%20d%3D%22M-2248.706%2C2042.5a.653.653%2C0%2C0%2C1-.486-.219.635.635%2C0%2C0%2C1-.158-.5l.248-2.233a.643.643%2C0%2C0%2C0-.14-.479.637.637%2C0%2C0%2C0-.434-.236%2C13.034%2C13.034%2C0%2C0%2C1-7.347-3.117%2C8.44%2C8.44%2C0%2C0%2C1-2.977-6.26c0-5.215%2C5.334-9.458%2C11.89-9.458a13.6%2C13.6%2C0%2C0%2C1%2C8.224%2C2.627%2C8.715%2C8.715%2C0%2C0%2C1%2C3.654%2C6.392%2C9.062%2C9.062%2C0%2C0%2C1%2C.011.923%2C5.932%2C5.932%2C0%2C0%2C1-.094.72%2C7.961%2C7.961%2C0%2C0%2C1-.909%2C2.605c-.205.371-1.25%2C1.838-1.576%2C2.23a28.438%2C28.438%2C0%2C0%2C1-9.624%2C6.938A.647.647%2C0%2C0%2C1-2248.706%2C2042.5Zm5.463-15.719a.609.609%2C0%2C0%2C0-.608.608v4.592a.609.609%2C0%2C0%2C0%2C.608.608h2.433a.609.609%2C0%2C0%2C0%2C.608-.608.609.609%2C0%2C0%2C0-.608-.608h-1.824v-1.08h1.824a.609.609%2C0%2C0%2C0%2C.608-.607.609.609%2C0%2C0%2C0-.608-.608h-1.824V2028h1.824a.609.609%2C0%2C0%2C0%2C.608-.607.609.609%2C0%2C0%2C0-.608-.608Zm-7.918%2C0a.476.476%2C0%2C0%2C0-.475.475v4.857a.476.476%2C0%2C0%2C0%2C.475.476h.266a.476.476%2C0%2C0%2C0%2C.475-.476v-4.857a.476.476%2C0%2C0%2C0-.475-.475Zm-4.094%2C0a.609.609%2C0%2C0%2C0-.608.608v4.592a.609.609%2C0%2C0%2C0%2C.608.608h2.433a.609.609%2C0%2C0%2C0%2C.608-.608.609.609%2C0%2C0%2C0-.608-.608h-1.824v-3.983A.609.609%2C0%2C0%2C0-2255.256%2C2026.782Zm6.964%2C2.412%2C0%2C0%2C.034.044c.731.948%2C2.436%2C3.155%2C2.466%2C3.183a.6.6%2C0%2C0%2C0%2C.411.166h.006a.629.629%2C0%2C0%2C0%2C.608-.633v-4.567a.609.609%2C0%2C0%2C0-.608-.608.609.609%2C0%2C0%2C0-.608.608v2.805c-.016-.02-2.421-3.16-2.466-3.21a.6.6%2C0%2C0%2C0-.453-.2h-.024a.627.627%2C0%2C0%2C0-.585.633v4.568a.609.609%2C0%2C0%2C0%2C.608.607.609.609%2C0%2C0%2C0%2C.608-.607v-2.788Z%22%20transform%3D%22translate(2260%20-2020)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E%0A');
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

#Info_Detail .InfoList {
	margin-bottom: 40px;
}
#Info_Detail .InfoList .LinkBtn_03 {
	margin-top: 20px;
}

@media only screen and (min-width: 834px){
	.NewsContents {
		background: #fff;
		width: 100%;
		margin-top: 20px;
		border-radius: 10px;
	}
	.NewsDetailArea01 {
		
	}
	.News_Head_Box .News_Title {
		font-size: 122.23%;
	}
	.News_Data .News_Data_Time,
	[class*="Photo_Box"] > p.Caption {
		font-size: 77.78%;
	}
	.News_Head_Box {
		padding: 38px 18px 18px 18px;
	}
	.NewsDataWrap .NewsCate {
		font-size: 77.78%;
	}
	.shere {
		padding-bottom: 40px;
	}
	.Sns_Btn_Box a:hover {
		opacity: 0.8;
	}
	#Info_Detail .NewsListWrap01 > ul > li:nth-of-type(4n) {
		margin-right: 0;
	}
	#Info_Detail .NewsListWrap01 > ul > li:nth-child(n+5) {
		display: none;
	}
	#Info_Detail .InfoList {
		margin-bottom: 0;
	}
	#Info_Detail .InfoList .LinkBtn_03 {
		margin-top: 10px;
	}

}
@media only screen and (min-width: 1080px){
	.News_Head_Box {
		padding: 38px 0 18px 0;
	}
}

/*---------------------------------
ニュースリスト
---------------------------------*/
@media only screen and (min-width: 834px){
	#NewsList .NewsListWrap01 > ul > li:nth-of-type(4n),
	#NewsSearch .NewsListWrap01 > ul > li:nth-of-type(4n) {
		margin-right: 0;
	}
}