@charset "UTF-8";


/* ad ---------------------------------------*/

.ad-header{
	text-align: center;
	line-height: 1.0;
	background: #f4f4f4;
	min-width: 1280px;
}

.ad-side-1 > div > *,
.ad-side-2 > div > *,
.ad-side-3 > div > *{margin-bottom: 48px !important;}
.ad-side-mt > div > *{margin-top: 48px !important;}

.ad-bottom-1{
	padding: 40px 0;
	text-align: center;
}

.ad-articledetail-1{
	margin: 48px auto;
	text-align: center;
	display:list-item;
	list-style-type:none;
	max-width:680px;
	clear:both;
}

.ad-articledetail-2{
	margin: 0 auto;
	text-align: center;
	display:list-item;
	list-style-type:none;
	max-width:680px;
	clear:both;
}

.ad-articledetail-2 >div >*{margin:48px auto 56px!important;}

.ad-articledetail-3{
	margin: 64px auto 64px;
	text-align: center;
	display:list-item;
	list-style-type:none;
	clear:both;
}
/* トップ　右カラム */
#ad-pc-article-infeed_right,
#ad-pc-top-infeed_right1,
#ad-pc-top-infeed_right2 {
	padding:12px 0;
}
/* チャンネル　記事リスト */
.articlelist li > *[id^="ad-pc-"]{
	padding:20px 0;
}

.articlelist.is-2col li > *[id^="ad-pc-"]{padding:12px 0;}

#ad-pc-article-infeed_rank {padding-top:14px;border-top:1px solid #dbdbdb;}

/* color ---------------------------------------*/

.color-gray-0{color:#dbdbdb !important;}
.color-gray-1{color:#A8A8A8 !important;}
.color-gray-2{color:#919191 !important;}
.color-gray-3{color:#767676 !important;}
.color-gray-4{color:#484848 !important;}
.color-gray-5{color:#222222 !important;}
.color-white{color:#fff !important;}

.bg-0{background: #fafafa !important;}
.bg-1{background: #f8f8f8 !important;}
.bg-2{background: #f4f4f4 !important;}
.bg-3{background: #e4e6e8 !important;}
.bg-4{background: #fff !important;}
.bg-black{background: #000 !important;}

.color-blue-0{color:#e5f1f9 !important;}
.color-blue-1{color:#bfddf1 !important;}
.color-blue-2{color:#0078c6 !important;}
.color-blue-3{color:#002B48 !important;}

.color-red-0{color:#c35d59 !important;}
.color-red-1{color:#b42121 !important;}


/* block ---------------------------------------*/

.section{margin-bottom: 50px;}


/* grid ---------------------------------------*/

.l-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -10px;
	margin-left: -10px;
}

.l-col-1, .l-col-2, .l-col-2-4, .l-col-3, .l-col-4, .l-col-5, .l-col-6, .l-col-7, .l-col-8, .l-col-9, .l-col-10, .l-col-11, .l-col-12 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}

.l-col-auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.l-col-1 {
	flex: 0 0 8.3333333333%;
	max-width: 8.3333333333%;
}

.l-col-2 {
	flex: 0 0 16.6666666667%;
	max-width: 16.6666666667%;
}

.l-col-2-4 {
	flex: 0 0 20%;
	max-width: 20%;
}

.l-col-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.l-col-4 {
	flex: 0 0 33.3333333333%;
	max-width: 33.3333333333%;
}

.l-col-5 {
	flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
}

.l-col-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.l-col-7 {
	flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
}

.l-col-8 {
	flex: 0 0 66.6666666667%;
	max-width: 66.6666666667%;
}

.l-col-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.l-col-10 {
	flex: 0 0 83.3333333333%;
	max-width: 83.3333333333%;
}

.l-col-11 {
	flex: 0 0 91.6666666667%;
	max-width: 91.6666666667%;
}

.l-col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

.order-first {order: -1;}
.order-last {order: 13;}
.order-0 {order: 0;}
.order-1 {order: 1;}
.order-2 {order: 2;}
.order-3 {order: 3;}
.order-4 {order: 4;}
.order-5 {order: 5;}
.order-6 {order: 6;}
.order-7 {order: 7;}
.order-8 {order: 8;}
.order-9 {order: 9;}
.order-10 {order: 10;}
.order-11 {order: 11;}
.order-12 {order: 12;}
.offset-1 {margin-left: 8.3333333333%;}
.offset-2 {margin-left: 16.6666666667%;}
.offset-3 {margin-left: 25%;}
.offset-4 {margin-left: 33.3333333333%;}
.offset-5 {margin-left: 41.6666666667%;}
.offset-6 {margin-left: 50%;}
.offset-7 {margin-left: 58.3333333333%;}
.offset-8 {margin-left: 66.6666666667%;}
.offset-9 {margin-left: 75%;}
.offset-10 {margin-left: 83.3333333333%;}
.offset-11 {margin-left: 91.6666666667%;}


/*  border */

.border-section{
	border-top: 1px solid #484848;
	padding-top: 15px;
}

.border-section-2{
	border-top: 2px solid #484848;
	padding-top: 15px;
}

.is-navy .border-section,
.is-navy .border-section-2{border-color:#DFDFDF;}


/*	margin */

.mt-0{margin-top:0 !important;}
.mt-2{margin-top:2px !important;}
.mt-4{margin-top:4px !important;}
.mt-5{margin-top:5px !important;}
.mt-8{margin-top:8px !important;}
.mt-10{margin-top:10px !important;}
.mt-12{margin-top:12px !important;}
.mt-15{margin-top:15px !important;}
.mt-16{margin-top:16px !important;}
.mt-20{margin-top:20px !important;}
.mt-24{margin-top:24px !important;}
.mt-25{margin-top:25px !important;}
.mt-28{margin-top:28px !important;}
.mt-30{margin-top:30px !important;}
.mt-32{margin-top:32px !important;}
.mt-36{margin-top:36px !important;}
.mt-40{margin-top:40px !important;}
.mt-48{margin-top:48px !important;}
.mt-50{margin-top:50px !important;}
.mt-56{margin-top:56px !important;}
.mt-60{margin-top:60px !important;}
.mt-64{margin-top:64px !important;}

.mb-0{margin-bottom:0 !important;}
.mb-2{margin-bottom:2px !important;}
.mb-4{margin-bottom:4px !important;}
.mb-5{margin-bottom:5px !important;}
.mb-8{margin-bottom:8px !important;}
.mb-10{margin-bottom:10px !important;}
.mb-12{margin-bottom:12px !important;}
.mb-15{margin-bottom:15px !important;}
.mb-16{margin-bottom:16px !important;}
.mb-20{margin-bottom:20px !important;}
.mb-24{margin-bottom:24px !important;}
.mb-25{margin-bottom:25px !important;}
.mb-28{margin-bottom:28px !important;}
.mb-30{margin-bottom:30px !important;}
.mb-32{margin-bottom:32px !important;}
.mb-36{margin-bottom:36px !important;}
.mb-40{margin-bottom:40px !important;}
.mb-48{margin-bottom:48px !important;}
.mb-50{margin-bottom:50px !important;}
.mb-56{margin-bottom:56px !important;}
.mb-60{margin-bottom:60px !important;}
.mb-64{margin-bottom:64px !important;}


/*	padding */

.pt-0{padding-top:0 !important;}
.pt-2{padding-top:2px !important;}
.pt-4{padding-top:4px !important;}
.pt-5{padding-top:5px !important;}
.pt-8{padding-top:8px !important;}
.pt-10{padding-top:10px !important;}
.pt-12{padding-top:12px !important;}
.pt-15{padding-top:15px !important;}
.pt-16{padding-top:16px !important;}
.pt-20{padding-top:20px !important;}
.pt-24{padding-top:24px !important;}
.pt-25{padding-top:25px !important;}
.pt-28{padding-top:28px !important;}
.pt-30{padding-top:30px !important;}
.pt-32{padding-top:32px !important;}
.pt-36{padding-top:36px !important;}
.pt-40{padding-top:40px !important;}
.pt-48{padding-top:48px !important;}
.pt-50{padding-top:50px !important;}
.pt-56{padding-top:56px !important;}
.pt-60{padding-top:60px !important;}
.pt-64{padding-top:64px !important;}

.pb-0{padding-bottom:0 !important;}
.pb-2{padding-bottom:2px !important;}
.pb-4{padding-bottom:4px !important;}
.pb-5{padding-bottom:5px !important;}
.pb-8{padding-bottom:8px !important;}
.pb-10{padding-bottom:10px !important;}
.pb-12{padding-bottom:12px !important;}
.pb-15{padding-bottom:15px !important;}
.pb-16{padding-bottom:16px !important;}
.pb-20{padding-bottom:20px !important;}
.pb-24{padding-bottom:24px !important;}
.pb-25{padding-bottom:25px !important;}
.pb-28{padding-bottom:28px !important;}
.pb-30{padding-bottom:30px !important;}
.pb-32{padding-bottom:32px !important;}
.pb-36{padding-bottom:36px !important;}
.pb-40{padding-bottom:40px !important;}
.pb-48{padding-bottom:48px !important;}
.pb-50{padding-bottom:50px !important;}
.pb-56{padding-bottom:56px !important;}
.pb-60{padding-bottom:60px !important;}
.pb-64{padding-bottom:64px !important;}



/* ------------------------------------------*/
/*　部品                                      */
/* ------------------------------------------*/


/* btn ---------------------------------------*/

.btn{
	display: inline-block;
	min-width: 160px;
	padding: 10px 24px;
	border-radius: 4px;
	border:1px solid #0078c8;
	background-color: #0078c8;
	font-size: 1.4rem;
	line-height: 1.1;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
	font-weight:600;
	cursor: pointer;
}

.btn:hover{
	background-color:#008CEA;
	opacity: 1;
}

.btn.is-primary:hover{border-color:#008CEA;}

.btn.is-secondary{
	background: none;
	color: #0078c8;
	background: #fff;
}

.btn.is-secondary:hover{
	background-color: #0078c8;
	color: #fff;
}

.btn.is-tertiary{
	background: none;
	color: #767676;
	border-color: #919191;
}

.btn.is-tertiary:hover{
	background: #919191;
	color: #fff;
}

.btn.is-attention{
	background-color: #c35d59;
	border-color: #c35d59;
}

.btn.is-attention:hover{
	background: #EF6C66;
	border-color: #EF6C66;
}

.btn.is-photo{
	background: none;
	color: #0078c8;
	background: #fff;
	position: relative;
	padding-left: 40px;
}

.btn.is-photo::before {
	content: '';
	display: block;
	position: absolute;
	left: 36px;
	top: 50%;
	transform: translate(0,-50%);
	background: url(../../../images/v2/common/icon_photo_blue.svg) center center no-repeat;
	width: 20px;
	height: 20px;
}

.btn.is-photo:hover{
	background-color: #0078c8;
	color: #fff;
}

.btn.is-photo:hover::before {background-image: url(../../../images/v2/common/icon_photo_white.svg)}

.btn.is-download{
	background: none;
	color: #0078c8;
	background: #fff;
	display: inline-block;
	line-height: 37px;
	padding: 0;
}

.btn.is-download::before {
	content: '';
    vertical-align: baseline;
	background: url(../../../images/v2/common/icon_download_blue.svg) center center no-repeat;
	background-size:20px auto;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	transform: translate(0,-1px);
}

.btn.is-download:hover{
	background-color: #0078c8;
	color: #fff;
}

.btn.is-download:hover::before {background-image: url(../../../images/v2/common/icon_download_white.svg)}

.btn.is-limited{
	background: none;
	color: #0078c8;
	background: #fff;
	display: inline-block;
	line-height: 37px;
	padding: 0;
}

.btn .is-limited-caption.pc {
	display:inline-block;
}

.btn .is-limited-caption.sp {
	display:none;
}

.btn.is-limited::before {
	content: '';
	background: url(../../../images/v2/common/icon_key_blue.svg) center center no-repeat;
	background-size:20px auto;
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	margin-right: 4px;
	transform: translate(0,-2px);
}

.btn.is-limited:hover{
	background-color: #0078c8;
	color: #fff;
}

.btn.is-limited:hover::before {background-image: url(../../../images/v2/common/icon_key_white.svg)}

.btn.is-externallink{
	background: none;
	color: #0078c8;
	background: #fff;
	display: inline-block;
	line-height: 37px;
	padding: 0;
}

.btn.is-externallink::before {
	content: '';
    vertical-align: baseline;
	background: url(../../../images/v2/common/icon_externallink_blue.svg) center center no-repeat;
	background-size:20px auto;
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	margin-right: 4px;
	transform: translate(0,-1px);
}

.btn.is-externallink:hover{
	background-color: #0078c8;
	color: #fff;
}

.btn.is-externallink:hover::before {background-image: url(../../../images/v2/common/icon_externallink_white.svg)}

.btn.is-l{
	min-width: 320px;
	padding: 15px 32px;
	border-radius: 4px;
	font-size: 1.6rem;
}

.btn.is-disabled{
	background-color: #bebebe;
	border-color: #bebebe;
	cursor: default;
}

.btn.is-secondary.is-disabled{
	background: none;
	color: #bebebe;
}

.btn.is-tertiary.is-disabled{
	background: none;
	color: #bebebe;
}

.btn.is-attention.is-disabled{
	background-color: #bebebe;
	border-color: #bebebe;
}

.btn.is-disabled:hover{opacity:1;}

.btn-follow,
.btn-follow-feature{
	display: inline-block;
	width: 98px;
	border-radius: 4px;
	border: solid 1px #0078c6;
	background-color: #ffffff;
	font-weight:600;
	font-size: 1.2rem;
	line-height: 30px;
	text-align: center;
	color: #0078c6;
	cursor: pointer;
}

.btn-follow{width:98px;}
.btn-follow-feature{width:158px;}

.btn-follow::before,
.btn-follow-feature::before{
	display: inline-block;
	vertical-align: baseline;
	content:'';
	background:url('../../../images/v2/common/icon_plus.svg') no-repeat left top;
	background-size:100%;
	width:10px;
	height:10px;
	margin-right: 4px;
}

.btn-follow.is-active,
.btn-follow:hover,
.btn-follow-feature.is-active,
.btn-follow-feature:hover{
	background: #0078c6;
	color: #fff;
	border-color:#fff;
	opacity: 1;
}

.btn-follow.is-active:hover,
.btn-follow-feature.is-active:hover{
	background: #fff;
	color: #0078c6;
	border-color:#0078c6;
}

.btn-follow.is-active::before,
.btn-follow-feature.is-active::before{
	background-image: url('../../../images/v2/common/icon_check_white.svg');
	width: 10.8px;
	height: 7.6px;
}

.btn-follow.is-active:hover::before,
.btn-follow-feature.is-active:hover::before{background-image: url('../../../images/v2/common/icon_check.svg');}

.btn-follow:hover::before,
.btn-follow-feature:hover::before{background-image: url('../../../images/v2/common/icon_plus_white.svg');}

.btn-signup{
	display: inline-block;
	width: 68px;
	border: solid 1px #0078c6;
	background-color: #ffffff;
	font-size: 1.1rem;
	line-height: 1.0;
	padding: 6px 0;
	text-align: center;
	color: #0078c6;
}

.btn-signup:hover{
	color: #fff;
	background-color:#0078c6;
	opacity: 1;
}

.btn-signup.is-disabled{
	background: #bebebe;
	border-color: #bebebe;
	color: #fff;
	cursor: default;
}

.btn-inlinelist{font-size:0;}

.btn-inlinelist > li{
	display: inline-block;
	vertical-align: top;
	margin: 0 8px 8px 0;
}


/* もっと見る ---------------------------------------*/

.link-more{
	display: inline-block;
	font-weight:600;
	font-size: 1.4rem;
	line-height: 1.57;
	color: #0078c6;
	padding-bottom: 15px;
	padding-top: 15px;
	position: relative;
	cursor: pointer;
}

.link-more::after{
	display:block;
	content:'';
	width:7px;
	height:7px;
	border-right:2px solid #0078c6;
	border-bottom:2px solid #0078c6;
	position:absolute;
	left: 50%;
	bottom:0;
	transform: translate(-50%,0) rotate(45deg);
}

.link-more:hover{color: #008CEA;}
.link-more:hover::after{border-color: #008CEA;}


/* textlink ---------------------------------------*/

.textlink{
	color: #0078c6;
	display: inline-block;
}

.textlink:hover,
a:hover .textlink{text-decoration: underline;}

.textlink.is-primary,
.textlink.is-back{
	color:inherit;
	font-weight:600;
	display: inline-block;
	position: relative;
}

.textlink.is-primary::after{
	display: inline-block;
	vertical-align: baseline;
	content:'';
	background:url('../../../images/v2/common/arrow_blue.svg') no-repeat left top;
	background-size:100%;
	width:14px;
	height:14px;
	margin-left: 4px;
	position: relative;
	top: 1px;
}

.textlink.is-back::before{
	display: inline-block;
	vertical-align: baseline;
	content:'';
	background:url('../../../images/v2/common/arrow_blue.svg') no-repeat left top;
	background-size:100%;
	width:14px;
	height:14px;
	margin-right: 4px;
	transform: rotate(180deg);
}

.textlink.is-tertiary{
	color: #484848;
	display: inline-block;
}

.textlink.is-attention{
	color: #c35d59;
	font-weight: 600;
	display: inline-block;
	font-weight:600;
}

.textlink.is-disabled,
.textlink.is-disabled:hover{
	opacity: 1;
	color: #bebebe;
	text-decoration: none;
	cursor: default;
}

.textlink.is-primary.is-disabled::after{background-image:url('../../../images/v2/common/arrow_gray.svg');}
.textlink.is-primary.is-white::after{background-image:url('../../../images/v2/common/arrow_white.svg');}

.is-navy .title-more .textlink{color:#DFDFDF;}

/* image mask ---------------------------------------*/

.image-mask{position: relative;}

.image-mask::after{
	display:block;
	content:'';
	width:100%;
	height:100%;
	z-index: 10;
	position:absolute;
	right:0;
	top:0%;
}

.object-fit-img {
  object-fit: contain;
  font-family: 'object-fit: contain;'
}


/* text ---------------------------------------*/

.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.text-left{text-align: left !important;}

.text-s{
	font-size: 1.2rem;
	line-height: 1.5;
}

.text-m{
	font-size: 1.4rem;
	line-height: 1.5;
}

.text-l{
	font-size: 1.8rem;
	color: #484848;
	line-height: 1.94;
}

.text-bold{font-weight:600;}

.text-red{color: #b42121 !important;}
.is-navy .text-red{color: #F5C686 !important;}

.text-ellipsis-1{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.text-ellipsis-2{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.text-ellipsis-3{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}

.text-ellipsis-4{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

@media all and (-ms-high-contrast:none){
	.text-ellipsis-2 { height: 3.2em; } /* IE10〜Edge */
	.text-ellipsis-3 { height: 4.7em; } /* IE10〜Edge */
}

.text-ellipsis-count::after{content: '…';}


/* title ---------------------------------------*/

.title-page{
	font-weight:600;
	font-size: 3.2rem;
	line-height: 1.5;
	color: #222;
}

.title-section{
	font-weight:600;
	font-size: 2.8rem;
	line-height: 1.5;
	color: #222;
}

.title-block{
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #222;
}

.title-paragraph{
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #222;
}

.title-small{
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #222;
}

.title-more-wrapper{
	align-items: center;
	margin-bottom: 16px;
	overflow: hidden;
}

.title-more-wrapper .title-block{float:left;}

.title-more{
	float: right;
	text-align: right;
	font-size: 1.4rem;
	padding:6px 0;
}

.is-navy .title-section,
.is-navy .title-block,
.is-navy .title-paragraph,
.is-navy .title-small{color:#FFFFFF;}

.is-gray .title-block{color:#FFFFFF;}

/* pager ---------------------------------------*/

.pager{padding:30px 0;}

.pager-list{
	font-size: 0;
	text-align: center;
}

.pager-list-item{
	display: inline-block;
	margin: 0 8px;
	font-family: Roboto;
	font-size: 1.4rem;
	text-align: center;
	color: #555555;
	vertical-align: top;
	background: #fff;
}

.pager-list-item a,
.pager-list-item span{
	width: 32px;
	height: 32px;
	line-height: 30px;
	background: #fff;
	color: #555;
	display: block;
	border: solid 1px #e3e9f0;
}

.pager-list-item span{
	background-color: #004196;
	color: #fff;
}

.pager-list-item a:hover{opacity: .7;}
.pager-list-item-more a{line-height: 19px;}
.pager-list-item-prev{margin-right: 20px;}
.pager-list-item-next{margin-left: 20px;}

.pager-list-item-prev a,
.pager-list-item-next a{
	text-align: left;
	background: url('../img/common/icon_arrow_pagenation.svg') no-repeat center center #fff;
	background-size: 10px 10px;
	text-indent:-99em;
	overflow: hidden;
}

.pager-list-item-next a{transform:rotate(180deg);}


/* form ---------------------------------------*/

.form-area .submit{text-align: center;}

.form-select{
	width: 100%;
	padding: 8px 10px;
	font-size: 1.4rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: solid 1px #dbdbdb;
	background: url('../../../images/v2/common/arrow_select.svg') 92% 50% no-repeat #fff;
	background-size: 6px 4px;
	border-radius:0;
	color: #484848;
	outline: none;
	line-height: 130%;
}

.form-select:focus-within{border-color:#0078c6;}

select::-ms-expand {display: none;}

.form-text{
	padding:13px 5px;
	border:1px solid #dbdbdb;
	width:100%;
	box-sizing:border-box;
	outline: none;
}

.form-text:focus-within{border-color:#0078c6;}

.form-date{
	font-size: 1.4rem;
	line-height: 1.0;
	padding:7px 10px;
	border:1px solid #dbdbdb;
	width:100%;
	box-sizing:border-box;
	width: 136px;
	position: relative;
	background:url('../../../images/v2/common/icon_date.svg') no-repeat 94% center #fff;
	background-size:19px;
	outline: none;
}

.form-date::before {
  content: attr(placeholder);
  color: rgb(117, 117, 117);
}

.form-date::-webkit-datetime-edit-fields-wrapper {
  display: none;
}

.form-date::-webkit-calendar-picker-indicator {
  display: none;
}

.form-date.is-input::before {
	content: '';
}

.form-date:focus-within{border-color:#0078c6;}

.form-radio,
.form-checkbox {
	position: relative;
	display: inline-block;
	line-height: 1;
	margin-right: 5px;
	font-size: 1.4rem;
	color: #484848;
}

.form-radio label,
.form-checkbox label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	line-height: 1.4;
	min-height: 21px;
	margin: 0 0;
	padding: 1px 0 0 28px;
	position: relative;
	vertical-align: top;
}


.form-radio label{
	background: url('../../../images/v2/common/radio.svg') left 0 no-repeat;
	background-size: 20px 20px;
}

.form-checkbox label {
	background: url('../../../images/v2/common/checkbox.svg') left 0 no-repeat;
	background-size: 20px 20px;
}

.form-radio input[type="radio"]{position: absolute;left:0;top:0;width:1px;height:1px;overflow: hidden;opacity:0;}
.form-radio input:checked + label {background-image: url('../../../images/v2/common/radio_on.svg');}

.form-radio input:disabled + label,
.form-checkbox input:disabled + label {opacity: .7;}

.form-checkbox input[type="checkbox"]{position: absolute;left:0;top:0;width:1px;height:1px;overflow: hidden;opacity:0;}
.form-checkbox input:checked + label {background-image: url('../../../images/v2/common/checkbox_on.svg');}

.form-textarea{
	padding:13px 5px;
	border:1px solid #999;
	width:100%;
	box-sizing:border-box;
	height:80px;
}

::placeholder {color: #a8a8a8;}


/*  error */

select.error,input.error{border:1px solid #c80000;}

p.error{
	color:#c80000;
	padding-top: 8px;
	line-height: 1.1;
}


/* icon ---------------------------------------*/

.icon-new{
	display: inline-block;
	text-indent:-99em;
	overflow: hidden;
	background: url('../../../images/v2/common/icon_new.svg') no-repeat center center;
	background-size: 100%;
	width: 21px;
	height: 7px;
	vertical-align: baseline;
	margin-left: 8px;
}


/* articletab ---------------------------------------*/

.articletag{font-size: 0;}

.articletag-item{
	display: inline-block;
	min-width: 60px;
	padding: 2px 2px;
	font-weight: 400;
	font-size: .9rem;
	line-height: 1;
	text-align: center;
	color: #7c7c7c;
	border: solid 1px #a3a3a3;
	margin-left: 4px;
	white-space: nowrap;
	letter-spacing: 0;
}

.is-navy .articletag-item{
	color:#FFFFFF;
	border-color:#A3A3A3;
}

@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .articletag-item { padding: 3px 2px 1px;} /* IE11 */
}

@media all and (-ms-high-contrast:none){
	.articletag-item { padding: 3px 2px 1px;} /* IE10〜Edge */
}

.articletag-item.is-short{min-width:30px;}

.articletag-item.is-blue,
.articletag-item.is-deep,
.articletag-item.is-ichioshi{
	font-weight: 400;
	background-color: #0078c6;
	border-color:#0078c6;
	color: #fff;
}

.articletag-item.is-red,
.articletag-item.is-scoop{
	font-weight: 400;
	background-color: #b42121;
	border-color:#b42121;
	color: #fff;
}

.articletag-item.is-live{
	color:#fff;
	background: #E03E3B;
	border-color:#E03E3B;
	position: relative;
	padding-right: 7px;
	cursor: default;
	font-family:Roboto;
}

.articletag-item.is-live::after{
	display: block;
	content:'';
	background:url('../../../images/v2/common/icon_live_white.svg') no-repeat left center;
	background-size:100%;
	width:11px;
	height:11px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(-0,-50%);
}

.articletag-item.is-disabled{
	border:1px solid #bebebe;
	color: #bebebe;
	cursor: default;
	background: none;
}

.articletag-item.is-blue.is-disabled,
.articletag-item.is-deep.is-disabled,
.articletag-item.is-ichioshi.is-disabled,
.articletag-item.is-red.is-disabled,
.articletag-item.is-scoop.is-disabled{
	background: #bebebe;
	color: #fff;
}

.articletag-date{
	font-family: Roboto;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #919191;
	margin-left: 10px;
	letter-spacing: 0;
}

.articletag-date.is-articledetail{color:#484848;}
.articletag-date.is-red{color:#b42121;}

.articletag-date.is-limited{
	padding-right: 20px;
	position: relative;
}

.articletag-date.is-limited.is-nodate{padding-right: 16px;}
.articletag-date.is-nodate + .articletag-item {margin-left: 0;}
.articletag-date.is-limited.is-nodate + .articletag-item {margin-left: 4px;}

.articletag-date.is-limited::after{
	display:block;
	content:'';
	background:url('../../../images/v2/common/icon_key.svg') no-repeat left center;
	background-size:100%;
	width:16px;
	height:16px;
	margin-top:-8px;
	position:absolute;
	right:0;
	top:50%;
}

.articletag-count{
	font-family:  Hiragino Sans, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-weight:600;
	font-size: 1.0rem;
	line-height: 1.5;
	color: #484848;
	margin-left: 15px;
}

.articletag-paper{
	font-size: 1.2rem;
	line-height: 1.5;
	color: #484848;
	padding-right: 10px;
	border-right:1px solid #dbdbdb;
}

.articletag-area{
	font-size: 1.2rem;
	line-height: 1.67;
	color: #484848;
	margin-left: 10px;
}

.articletag-author{
	font-weight: 600;
	font-size: 1.2rem;
	line-height: 1.67;
	color: #484848;
	margin-left: 10px;
	padding-left: 18px;
	background: url('../../../images/v2/common/icon_author.svg') no-repeat left center;
	background-size: 15px 15px;
}

a.articletag-author{color: #0078c6;}
a.articletag-author:hover{text-decoration: underline;}

.articletag-type{
	font-weight: 400;
	font-size: 1.2rem;
	line-height: 1.67;
	color: #484848;
	margin-left: 10px;
	padding-left: 18px;
	background: url(../../../images/v2/common/icon_key.svg) no-repeat left center;
	background-size: 16px 16px;
}

.articletag-language,
.articletag-photo{
	font-size: 1.2rem;
	line-height: 1.67;
	color: #0078c6;
	margin-left: 10px;
	font-family: Roboto;
	letter-spacing: 0;
}

a.articletag-language:hover,
a.articletag-photo:hover{text-decoration: underline;}

.articletag > span:first-child,
.articletag > a:first-child{margin-left: 0;}


/* ------------------------------------------*/
/*　一覧                                      */
/* ------------------------------------------*/


/* articlelist ---------------------------------------*/

.articlelist > li{border-top: solid 1px #dbdbdb;}
.articlelist > li:first-child{border-top:none;}

.articlelist > li a{
	display: block;
	padding: 20px 0;
}

.l-half-2 .articlelist > li:last-child a{padding-bottom: 0;}
.articlelist.is-tophorizontal > li:first-child a{padding-top: 0;}

.articlelist-item{overflow: hidden;}

.articlelist-image{
	float: right;
	width: 144px;
	height: 96px;
	margin-left: 20px;
	position: relative;
	overflow: hidden;
}

.articlelist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.articlelist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 144px;
	height: 96px;
}

.articlelist-number{
	font-size:1.4rem;
	height: 14px;
	line-height:1.0;
	margin-bottom: 4px;
	color: #767676;
	font-family: Roboto;
}

.articlelist-detail{overflow: hidden;}

.articlelist-shoulder,
.articlelist-shoulder-nolink{
	font-weight:600;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #767676;
}

.articlelist-shoulder:hover{text-decoration: underline;}

.articlelist-item-more{display: none;}

.articlelist-title{
	color: #484848;
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	margin-bottom: 5px;
}

.articlelist > li a:hover .articlelist-title{text-decoration: underline;}


/*  articlelist 2col */

.articlelist.is-2col{
	display:flex;
	flex-wrap:wrap;
}

.articlelist.is-2col > li{
	width: calc(50% - 15px);
	border-bottom: none;
}

.articlelist.is-2col > li a{padding: 12px 0;}

.articlelist.is-2col > li:first-child{padding-top: 0px;}
.articlelist.is-2col > li:nth-child(1),
.articlelist.is-2col > li:nth-child(2){border-top:none;}
.articlelist.is-2col > li:nth-child(2n){margin-left: 30px;}

.articlelist.is-2col > li .articlelist-title{
	margin-bottom: 5px;
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #484848;
}

.articlelist.is-2col > li a:hover .articlelist-title{text-decoration:underline;}

.articlelist.is-2col .articlelist-image{
	width: 96px;
	height: 64px;
	margin-left: 10px;
}

.articlelist.is-2col .articlelist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 96px;
	height: 64px;
}



/*  articlelist ranking */

.articlelist.is-ranking .articlelist-item{
	padding-left: 70px;
	position: relative;
}

.articlelist-ranking-num{
	position: absolute;
	left: -5px;
	top: 10px;
	color: #A8A8A8;
	font-size:4.0rem;
	line-height:1.0;
	width: 50px;
	text-align: right;
	letter-spacing: -1px;
	font-family:Roboto;
}

.articlelist.is-ranking.is-movie .articlelist-image,
.articlelist.is-ranking.is-movie .articlelist-image img{
	height: 81px;
}

/*navy*/
.is-navy .articlelist-title{
	color: #dfdfdf;
}
.is-navy .articlelist-detail p,
.is-navy .articlelist-detail .articletag-count{
	color: #BFBFBF;
}
.is-navy .articlelist-image::before,
.is-navy .articlelist > li{
	border-color: #123A53;
}


/* serieslist ---------------------------------------*/

.serieslist{}

.serieslist > li:not(:first-child){margin-top: 16px;}
.serieslist > li > a{display: block;}

.serieslist-item{
	background: #fff;
	border:1px solid #dbdbdb;
	overflow: hidden;
	padding: 24px;
}

.serieslist-image{
	float: right;
	margin-left: 24px;
	position: relative;
	width: 120px;
	height: 80px;
	overflow: hidden;
}

.serieslist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.serieslist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 120px;
	height: 80px;
}

.serieslist-detail{overflow: hidden;}

.serieslist-title{
	margin-bottom: 8px;
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
}

a:hover .serieslist-title{text-decoration: underline;}

.serieslist-text{
	font-size: 1.4rem;
	color: #767676;
	line-height: 1.57;
}


/* serial list black */

.is-navy .serieslist-item{
	background: #082D45;
	border-color: #123A53;
}

.is-navy .serieslist-title{color:#DFDFDF;}
.is-navy .serieslist-text{color:#BFBFBF;}
.is-navy .serieslist-image::before{border-color:#123A53;}


/* panellist ---------------------------------------*/

.paywallpanel-wrapper{
	position: relative;
}

.paywallpanel-wrapper::before {
	display: block;
	content: '';
	background: -moz-linear-gradient(top,transparent, rgba(250, 250, 250, 1));
	background: -webkit-linear-gradient(top,transparent, rgba(250, 250, 250, 1));
	background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(250, 250, 250, 1));
	width: 100%;
	height: 150px;
	position: absolute;
	left: 0;
	top: -190px;
}

.panellist{
	display:flex;
	flex-wrap:wrap;
}

.panellist.is-1col{
	width:800px;
	margin: 0 auto;
}
.panellist.is-1col > li{}

.panellist.is-2col > li{
	width: 408px;
	margin-bottom: 24px;
	margin-left: 24px;
}

.panellist.is-3col > li{
	width: 264px;
	margin-bottom: 24px;
	margin-left: 24px;
}

.panellist.is-4col > li{
	width: 192px;
	margin-bottom: 40px;
	margin-left: 24px;
}

.panellist.is-2col > li:nth-child(2n+1){margin-left: 0;}
.panellist.is-3col > li:nth-child(3n+1){margin-left: 0;}
.panellist.is-4col > li:nth-child(4n+1){margin-left: 0;}

.panellist-item-more{display: none;}

.panellist > li a{display: block;}

.panellist-number{
	font-size:1.4rem;
	height: 14px;
	line-height:1.0;
	margin-bottom: 4px;
	color: #767676;
	font-family: Roboto;
}

.panellist-detail{padding: 0 0 0;}

.panellist-image{
	position: relative;
	overflow: hidden;
}

.panellist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.panellist.is-1col .panellist-image{
	width: 800px;
	height: 540px;
}

.panellist.is-2col .panellist-image{
	width: 408px;
	height: 272px;
}

.panellist.is-3col .panellist-image{
	width: 264px;
	height: 176px;
}

.panellist.is-4col .panellist-image{
	width: 192px;
	height: 128px;
}

.panellist.is-1col .panellist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 800px;
	height: 540px;
}

.panellist.is-2col .panellist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 408px;
	height: 272px;
}

.panellist.is-3col .panellist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 264px;
	height: 176px;
}

.panellist.is-4col .panellist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 192px;
	height: 128px;
}


.panellist-shoulder,
.panellist-shoulder-nolink{
	color: #767676;
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
}

.panellist-shoulder:hover{text-decoration: underline;}

.panellist-title{
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #484848;
}

.panellist-title.is-size-l{
	font-size:1.6rem;
	margin-bottom: 8px;
}

.panellist > li a:hover .panellist-title{text-decoration: underline;}

.panellist-link{
	font-weight: 300;
	font-size: 1.0rem;
	line-height: 1.5;
	color: #a8a8a8;
	padding-top: 10px;
}


/*  panellist black */

.is-navy .panellist-shoulder,
.is-navy .panellist-shoulder-nolink{color:#BFBFBF;}
.is-navy .panellist-title{color:#DFDFDF;}
.is-navy .panellist-link{color:#DFDFDF;}
.is-navy .panellist-image::before{border-color:#123A53;}


/* channnellist ---------------------------------------*/



/* featurelist ---------------------------------------*/

.featurelist-wrapper{padding: 36px 0 40px;}
.featurelist-slider-wrapper{position: relative;}

.featurelist-slider{
	width: 2100px;
}

.featurelist{
	display: flex;
	width: 100%;
	transform: translateX(0px);
	transition: all .75s ease;
}

.featurelist > li{
	background: #fff;
	height: auto;
	position: relative;
	width: 300px;
	margin-left: 24px;
	max-height: 400px;
}

.featurelist > li:first-child{margin-left: 0;}


.featurelist > li.swiper-slide{margin-left: 0;}

.featurelist > li::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	pointer-events: none;
}

.featurelist > li > a{
	display: block;
	position: relative;
}

.featurelist-detail{padding: 0 24px 20px;}

.featurelist-image{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 90px;
}

.is-searchresults .featurelist-image{height:79px;}
.searchresults-featurelist .featurelist > li{max-height: 300px!important;}

.featurelist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.featurelist-image img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 100%;
}

.featurelist-head{
	height: 120px;
	padding: 12px 24px 12px;
}

.featurelist-title{
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 4px;
}

a:hover .featurelist-title{text-decoration: underline;}

.featurelist-list > li > a:hover .featurelist-title{text-decoration: underline;}

.featurelist-body{
	border-top:1px solid #dbdbdb;
	padding-top: 16px;
}

.featurelist-body-list{position: relative;}

.featurelist-body-list > li{margin-bottom: 20px;}
.featurelist-body-list > li:last-child{margin-bottom: 0;}
.featurelist-body-list > li > a{display: block;}
.featurelist-body-list > li > a:hover .featurelist-body-title{text-decoration: underline;}

.featurelist-body-title{
	font-size: 1.2rem;
	line-height: 1.5;
	color: #484848;
	position: relative;
	margin-bottom: 5px;
}

.featurelist-sponsored{
	position: absolute;
	left: 24px;
	bottom: 24px;
	font-size: 1.2rem;
	line-height: 1.67;
	color: #a8a8a8;
}

.featurelist-wrapper .featurelist-button-prev{}

.featurelist-wrapper .featurelist-button-prev,
.featurelist-wrapper .featurelist-button-next{
	background: url('../../../images/v2/common/arrow_slider.svg') no-repeat left center;
	background-size:100%;
	width:68px;
	height:68px;
	top: 40%;
	outline: none;
	position: absolute;
	cursor: pointer;
	z-index: 2;
}

.featurelist-wrapper .featurelist-button-prev:hover,
.featurelist-wrapper .featurelist-button-next:hover{
	opacity:1;
	background-image: url('../../../images/v2/common/arrow_slider_on.svg');
}

.featurelist-wrapper .featurelist-button-prev{
	transform: rotate(180deg);
	left: -7px;
}

.featurelist-wrapper .featurelist-button-next{right: -7px;}

.featurelist-wrapper .featurelist-button-next.featurelist-button-disabled,
.featurelist-wrapper .featurelist-button-prev.featurelist-button-disabled,
.featurelist-wrapper .featurelist-button-next.swiper-button-disabled,
.featurelist-wrapper .featurelist-button-prev.swiper-button-disabled{display: none;}


/* followlist ---------------------------------------*/

.followlist {}
.followlist > li{margin-top: 15px;}

.followlist > li > a{
	display: block;
	padding: 24px;
	border: solid 1px #e3e3e3;
	background: #fff;
}

.followlist-inner {
	display:flex;
	justify-content:space-between;
}

.followlist-image {
	width: 96px;
	height: 64px;
	position: relative;
	overflow: hidden;
}

.followlist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.followlist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 96px;
	height: 64px;
}

/*not cropped image*/
.image-nocrop{
	padding: 5px;
}
.followlist-image.image-nocrop img{
	object-fit: contain;
	font-family: 'object-fit: contain;';
	width: 86px;
	height: 54px;
}

.followlist-detail {
	width: calc(100% - 110px);
	overflow: hidden;
}

.followlist-btn {
	width: 100px;
	float: right;
	margin-left: 16px;
}

.followlist-detail-body {overflow: hidden;}

.followlist-title-wrapper {margin-bottom: 5px;}

.followlist-shoulder {
	font-size: 1.2rem;
	line-height: 1.5;
	color: #767676;
	padding-right: 10px;
	display: inline-block;
	vertical-align: middle;
	font-weight: normal;
}

.followlist-title-wrapper small {
	font-size: 1.0rem;
	line-height: 1.5;
	color: #767676;
	padding-right: 10px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}

.followlist-title{
	display: inline-block;
	margin: 0;
	color: #484848;
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
}

.followlist > li > a:hover .followlist-title{text-decoration: underline;}

.followlist-text{
	font-size: 1.2rem;
	line-height: 1.5;
	color: #767676;
}


/* oblist ---------------------------------------*/

.oblist{
	display:flex;
	flex-wrap:wrap;
}

.oblist > li{}

.oblist.is-6col > li{
	width: 180px;
	margin-bottom: 36px;
	margin-left: 24px;
}

.oblist.is-4col > li{
	width: 192px;
	margin-bottom: 40px;
	margin-left: 24px;
}

.oblist.is-6col > li:nth-child(6n+1){margin-left: 0;}
.oblist.is-4col > li:nth-child(4n+1){margin-left: 0;}


.oblist > li a{display: block;}
.oblist-detail{padding: 0 0 0;}

.oblist-image{
	position: relative;
	overflow: hidden;
}

.oblist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.oblist.is-6col .oblist-image{
	width: 180px;
	height: 120px;
}

.oblist.is-4col .oblist-image{
	width: 192px;
	height: 128px;
}

.oblist.is-6col .oblist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 180px;
	height: 120px;
}

.oblist.is-4col .oblist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 192px;
	height: 128px;
}

.oblist-shoulder{
	color: #767676;
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
}

.oblist-shoulder:hover{text-decoration: underline;}

.oblist-title{
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #484848;
}

.oblist-title.is-size-l{
	font-size:1.6rem;
	margin-bottom: 8px;
}

.oblist > li a:hover .oblist-title{text-decoration: underline;}

.oblist-link{
	font-weight: 300;
	font-size: 1.0rem;
	line-height: 1.5;
	color: #a8a8a8;
	padding-top: 10px;
}

/* black */

.is-navy .oblist-title{color:#BFBFBF;}
.is-navy .oblist-image::before{border-color:#123A53;}
.is-navy .oblist-link{color:#919191;}


/* movielist ---------------------------------------*/

.movielist{
	display:flex;
	flex-wrap:wrap;
}

.movielist.is-2col > li{
	width: 408px;
	margin-bottom: 16px;
	margin-left: 24px;
}

.movielist.is-3col > li{
	width: 264px;
	margin-bottom: 16px;
	margin-left: 24px;
}

.movielist.is-4col > li{
	width: 192px;
	margin-bottom: 16px;
	margin-left: 24px;
}

.movielist.is-2col > li:nth-child(2n+1){margin-left: 0;}
.movielist.is-3col > li:nth-child(3n+1){margin-left: 0;}
.movielist.is-4col > li:nth-child(4n+1){margin-left: 0;}

.movielist-item-more{display: none;}

.movielist > li a{display: block;}

.movielist-number{
	font-size:1.4rem;
	height: 14px;
	line-height:1.0;
	margin-bottom: 4px;
	color: #767676;
	font-family: Roboto;
}

.movielist-detail{padding: 0 0 0;}

.movielist-image{
	position: relative;
	overflow: hidden;
}

.movielist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.movielist.is-4col .movielist-image{
	width: 192px;
	height: 108px;
}

.movielist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 192px;
	height: 108px;
}

.movielist-image .articletag-item{
	position: absolute;
	right: 0;
	top: 0;
}

.movielist-shoulder{
	color: #484848;
	font-weight:600;
	font-size: 1.8rem;
	line-height: 1.5;
	margin-bottom: 8px;
	font-family: Roboto;
}

.movielist-title{
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #484848;
}

.movielist-title.is-size-l{
	font-size:1.6rem;
	margin-bottom: 8px;
}

.movielist > li a{display: block;}
.movielist > li a:hover .movielist-title{text-decoration: underline;}

.movielist-notice{
	font-weight: 300;
	font-size: 1.2rem;
	line-height: 1.0;
	color: #B42121;
}

.movielist > li .articletag-item.is-live{display: none;}

.movielist > li.is-active .articletag-item.is-live{
	display: block;
	z-index: 1;
	top: 1px;
	right: 1px;
}

.movielist-livelinks .movielist-image::after {
	background: rgba(0,0,0,0.35);
	display: block;
	height: 100%;
	width: 100%;
	z-index: 0;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
}

/* navy */
.is-navy .movielist-image::before {border-color: #123A53;}
.is-navy .movielist-title{color:#DFDFDF;}

/* sidearticlelist ---------------------------------------*/

.sidearticlelist > li{border-top: solid 1px #dbdbdb;}
.sidearticlelist > li:first-child{border-top:none;}

.sidearticlelist > li a{
	display: block;
	padding: 12px 0;
}

.sidearticlelist > li:first-child a{padding-top: 0;}

.sidearticlelist-item{overflow: hidden;}

.sidearticlelist-image{
	float: right;
	width:64px;
	height: 64px;
	margin-left: 10px;
	position: relative;
	overflow: hidden;
}

.sidearticlelist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.sidearticlelist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 64px;
	height: 64px;
}

.sidearticlelist-detail{overflow: hidden;}

.sidearticlelist-shoulder{
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #767676;
	margin-bottom: 4px;
}

.sidearticlelist-shoulder:hover{text-decoration: underline;}

.sidearticlelist-item-more{display: none;}

.sidearticlelist-title{
	color: #484848;
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 5px;
}

.sidearticlelist-title.is-l{font-size:1.5rem;}

.sidearticlelist-text{
	font-size: 1.2rem;
	line-height: 1.5;
	color: #767676;
}

.sidearticlelist > li a:hover .sidearticlelist-title{text-decoration: underline;}


/* sidechannellist ---------------------------------------*/

.sidechannellist{}

.sidechannellist > li{margin-bottom: 16px;}

.sidechannellist > li > a{
	display: block;
	height: 100%;
}

.sidechannellist-item{
	background: #fff;
	height: 100%;
	position: relative;
}

.sidechannellist-item::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

.sidechannellist-image{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 90px;
}

.sidechannellist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.sidechannellist-image img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 100%;
}

.sidechannellist-detail{padding: 16px 24px 20px;}

.sidechannellist-title{
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 5px;
}

.sidechannellist > li a:hover .sidechannellist-title{text-decoration: underline;}

.sidechannellist-text{
	font-size: 1.4rem;
	line-height: 1.57;
	color: #767676;
}

.sidechannellist-slider-wrapper{position: relative;}

.sidechannellist-slider{
	position: relative;
	overflow: hidden;
}

.sidechannellist-slider .sidechannellist > li{
	margin-bottom:0;
	height: auto;
}

.sidechannellist-slider-wrapper .swiper-button-prev,
.sidechannellist-slider-wrapper .swiper-button-next{
	background: url('../../../images/v2/common/arrow_slider.svg') no-repeat left center;
	background-size:100%;
	width:45px;
	height:45px;
	top: 45%;
	outline: none;
}

.sidechannellist-slider-wrapper .swiper-button-prev:hover,
.sidechannellist-slider-wrapper .swiper-button-next:hover{
	opacity:1;
	background-image: url('../../../images/v2/common/arrow_slider_on.svg');
}

.sidechannellist-slider-wrapper .swiper-button-prev{
	transform: rotate(180deg);
	left: -22px;
}

.sidechannellist-slider-wrapper .swiper-button-next{right: -22px;}

.sidechannellist-slider-wrapper .swiper-button-next.swiper-button-disabled,
.sidechannellist-slider-wrapper .swiper-button-prev.swiper-button-disabled{display: none;}


/* black */

.is-navy .sidechannellist-item{
	background: #082D45;
}

.is-navy .sidechannellist-item::before,
.is-navy .sidechannellist-image::before,
.is-navy .sidephotolist-image::before{border-color:#123A53;}
.is-navy .sidechannellist-title{color:#DFDFDF;}
.is-navy .sidechannellist-text{color:#BFBFBF;}
.is-navy .sidephotolist-title{color:#DFDFDF;}

/* sidemovielist ---------------------------------------*/

.sidemovielist-wrapper{
	background: #fff;
	border: solid 1px #dbdbdb;
}

.sidemovielist-wrapper.is-scroll{height: 470px;}
.sidemovielist{padding: 24px;}
.sidemovielist > li{border-top: solid 1px #dbdbdb;}
.sidemovielist > li:first-child{border-top:none;}

.sidemovielist > li a{
	display: block;
	padding: 12px 0;
}

.sidemovielist > li:first-child a{padding-top: 0;}
.sidemovielist > li:last-child a{padding-bottom: 0;}

.sidemovielist-item{overflow: hidden;}

.sidemovielist-image{
	float: left;
	width:64px;
	height: 64px;
	margin-right: 10px;
	position: relative;
	overflow: hidden;
}

.sidemovielist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.sidemovielist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 64px;
	height: 64px;
}

.sidemovielist-detail{overflow: hidden;}

.sidemovielist-title{
	color: #484848;
	font-weight:600;
	font-size: 1.4rem;
	line-height: 1.5;
}

.sidemovielist-text{
	color: #484848;
	font-size: 1.2rem;
	line-height: 1.5;
}

.sidemovielist > li a:hover .sidemovielist-title{text-decoration: underline;}


/* siderankinglist ---------------------------------------*/

.siderankinglist-tab{
	display:flex;
	justify-content:space-between;
}

.siderankinglist-tab-item{
	width: calc(33%);
	text-align: center;
	position: relative;
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #484848;
	padding: 10px 0;
	cursor: pointer;
}

.siderankinglist-tab-item:hover{color:#0078c6;}

.siderankinglist-tab-item::after{
	display:block;
	content:'';
	background:transparent;
	width:100%;
	height:2px;
	position:absolute;
	left:0;
	bottom: 0;
}

.siderankinglist-tab-item.is-active{
	color:#0078c6;
	cursor: default;
}

.siderankinglist-tab-item.is-active:hover{opacity:1;}
.siderankinglist-tab-item.is-active::after{background: #0078c6;}

.siderankinglist-box-wrapper{
	position: relative;
	overflow: hidden;
}

.siderankinglist-box{display: none;}
.siderankinglist-box.is-active{display: block;}

.siderankinglist{}

.siderankinglist > li{border-bottom:1px solid #dbdbdb;}
.siderankinglist > li:last-child{border:none;}

.siderankinglist > li.is-rank1,
.siderankinglist > li.is-rank2,
.siderankinglist > li.is-rank3,
.siderankinglist > li.is-rank4,
.siderankinglist > li.is-rank5{
	position: relative;
	padding-left: 20px;
}

.siderankinglist > li.is-rank1::before,
.siderankinglist > li.is-rank2::before,
.siderankinglist > li.is-rank3::before,
.siderankinglist > li.is-rank4::before,
.siderankinglist > li.is-rank5::before{
	position: absolute;
	left: 0;
	top: 17px;
	font-family: Roboto;
	font-size: 2.0rem;
	font-weight: 700;
	line-height: 1.2;
	color: #a8a8a8;
}

.siderankinglist > li.is-rank1::before{content:'1';}
.siderankinglist > li.is-rank2::before{content:'2';}
.siderankinglist > li.is-rank3::before{content:'3';}
.siderankinglist > li.is-rank4::before{content:'4';}
.siderankinglist > li.is-rank5::before{content:'5';}

.siderankinglist > li > a{
	display: block;
	padding: 14px 0;
}

.siderankinglist-item{overflow: hidden;}

.siderankinglist-image{
	float: right;
	width: 56px;
	height:56px;
	margin-left: 8px;
	overflow: hidden;
	position: relative;
}

.siderankinglist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.siderankinglist-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 56px;
	height: 56px;
}

.siderankinglist-detail{overflow: hidden;}

.siderankinglist-shoulder{
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 3px;
	color: #767676
}

.siderankinglist-title{
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #484848;
}

.siderankinglist > li > a:hover .siderankinglist-title{text-decoration: underline;}


/* black */

.is-navy .siderankinglist > li{border-color:#123A53;}
.is-navy .siderankinglist-tab-item{color: #BFBFBF;}
.is-navy .siderankinglist-tab-item.is-active{color:#FFFFFF;}
.is-navy .siderankinglist-image::before {border-color:#123A53;}
.is-navy .siderankinglist > li::before{color:#BFBFBF;}
.is-navy .siderankinglist-shoulder{color:#BFBFBF;}
.is-navy .siderankinglist-title{color:#DFDFDF;}


/* articlesort ---------------------------------------*/

.articlesort-wrapper {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.articlesort {width: 176px;}


/* autoreload ---------------------------------------*/

.autoreload{
	text-align: right;
	margin-bottom: 16px;
}

.autoreload-title{
	vertical-align: middle;
	font-size:1.4rem;
	line-height:1.57;
	color: #767676;
	display: inline-block;
	line-height:1.0;
}

.autoreload-switch{
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px;
	font-family: Hiragino Sans, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
}

.autoreload-switch li{
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size:1.4rem;
	line-height:1.57;
	color: #767676;
	line-height:1.0;
}

.autoreload-switch li:first-child{
	padding-right: 10px;
}

.autoreload-switch li:last-child{
	padding-left: 10px;
	border-left:1px solid #dbdbdb;
}

.autoreload-switch li.is-active{
	font-weight:600;
	color: #0078c6;
}

.autoreload .articlesort,
.autoreload .searchresultsort,
.text-right .searchresultsort{
	display: inline-block;
	margin-left: 30px;
}

.is-navy .autoreload-title{color:#BFBFBF;}
.is-navy .autoreload-switch li{color:#BFBFBF;}
.is-navy .autoreload-switch li:last-child{border-color:#123A53;}
.is-navy .autoreload-switch li.is-active{color:#fff;}


/* channellist ---------------------------------------*/

.channellist{}

.channellist > li{margin-bottom: 16px;}

.channellist {
	display: flex;
	flex-wrap: wrap;
}

.channellist > li{
	width: 264px;
	margin-bottom: 24px;
	margin-left: 24px;
}

.channellist.is-3col > li{width: 264px;}

.channellist.is-3col > li:nth-child(3n+1){margin-left: 0;}

.channellist > li > a{
	display: block;
	height: 100%;
}

.channellist-item{
	background: #fff;
	height: 100%;
	position: relative;
}

.channellist-item::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
}

.channellist-image{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 90px;
}

.channellist.is-3col .channellist-image{height: 80px;}

.channellist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.channellist-image img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	width: 100%;
}

.channellist-detail{padding: 19px 24px 19px;}

.channellist-title{
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 3px;
}

.channellist > li a:hover .channellist-title{text-decoration: underline;}

.channellist-text{
	font-size: 1.4rem;
	line-height: 1.57;
	color: #767676;
}

.channellist-item-more{display: none;}


/* authorlist ---------------------------------------*/

.authorlist {
	display: flex;
	flex-wrap: wrap;
}

.authorlist > li {
	width: 408px;
	margin-bottom: 16px;
	margin-left: 24px;
	padding: 24px 24px 24px 24px;
	border: 1px solid #DBDBDB;
	box-sizing: border-box;
	background: #fff;
}

.authorlist > li > a{display: block;}

.authorlist-item-more {display: none;}

.authorlist > li:nth-child(2n+1){margin-left: 0;}

.authorlist-head {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 24px;
	border-bottom: 1px solid #DBDBDB;
	align-items: center;
}

.authorlist-head-image {
	width: 80px;
	height:80px;
	border-radius: 50%;
	overflow: hidden;
	position:relative;
	border: 1px solid #dbdbdb;
}

.authorlist-head-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 80px;
	height: 80px;
}

.authorlist-head-detail {
	margin-left: 24px;
	position: relative;
}

.authorlist-head-name {
	font-size: 2rem;
	font-weight:600;
	margin-bottom: 8px;
}

.authorlist-head-link {
	font-size: 1.4rem;
	color: #484848;
}

.authorlist-head-link a {}

.authorlist-head-link a:hover{text-decoration: underline;}
.authorlist-article {padding-top: 20px;}

.authorlist-article-image {
	float: right;
	width: 96px;
	height: 64px;
	margin-left: 20px;
	position: relative;
	overflow: hidden;
}


.authorlist-article-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.authorlist-article-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 96px;
	height: 64px;
}

.authorlist-article-detail {overflow: hidden;}

.authorlist-article-shoulder,
.authorlist-article-shoulder-nolink{
	color: #767676;
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-bottom: 4px;
}

.authorlist-article-shoulder:hover {text-decoration:underline;}

.authorlist-article-title {
	color: #484848;
	font-weight:600;
	font-size: 1.5rem;
	line-height: 1.5;
	margin-bottom: 5px;
}

a:hover .authorlist-article-title {text-decoration: underline;}



/* matchlist ---------------------------------------*/

.matchlist {border-top: 1px solid #DBDBDB;}

.matchlist > li{
	width: 100%;
	border-bottom: 1px solid #DBDBDB;
	box-sizing: border-box;
}

.matchlist > li:nth-child(2n + 1) {
	background-color: #F4F4F4;
}

.matchlist-item {}
/*.matchlist > li > a:hover .matchlist-detail{background: #E5F1F9;}*/

.matchlist-head {
	font-size: 1.2rem;
	text-align: center;
	letter-spacing: 0.04rem;
	line-height: 1.2;
	padding-bottom: 6px;
}

.matchlist-head.is-l {
	font-size:1.6rem;
	font-weight:600;
}

.matchlist-detail {
	display: flex;
	padding: 12px 12px;
	align-items: center;
}

.matchlist-team {
	width: calc(50% - 80px);
	text-align: right;
	align-items: center;
	padding: 0 48px;
}

.matchlist-team.is-right {text-align: left;}

.matchlist-team-name {
	color: #484848;
	font-size: 1.8rem;
	font-weight:600;
	margin-bottom: 8px;
	line-height: 1.4;
	letter-spacing: 0.04rem;
}

.matchlist-team-place {
	color: #767676;
	line-height: 1.1;
	font-size: 1.4rem;
	letter-spacing: 0.04rem;
	font-weight: 300;
}

.matchlist-time {
	width: 160px;
	text-align: center;
	padding: 3px 0;
}

.matchlist-time-start,
.matchlist-time-score {
	color: #222222;
	font-size: 3.8rem;
	font-family: Roboto;
	font-weight:600;
	line-height: 1.1;
	margin-bottom: 6px;
}

.matchlist-time-battle {
	color: #484848;
	font-size: 2.6rem;
	font-family: Hiragino Sans, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック";
	font-weight:600;
	line-height: 1.1;
}

.matchlist-time-status {
	color: #767676;
	font-size: 1.2rem;
	font-weight:600;
	line-height: 1.4;
	width: 100%;
	margin: 0 auto;
}

.matchlist-time-status.is-playing {
	background: #E03E3B;
	color: #fff;
}

.matchlist-time-status.is-end {
	background: #DCE3E8;
	color: #767676;
}

.matchlist-time-status.is-stop {
	background: transparent;
	color: #BEBEBE;
}

.matchlist-button {
	margin-bottom:21px;
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

.matchlist-button .btn {
	margin: 0 8px;
	width: 388px;
}

.matchlist-button.is-sp {
	display:none;
}

/*kendolive*/
#score_html_kendo .matchlist-team-name {
  margin-bottom: 0;
}
#score_html_kendo .matchlist-team-place {
  margin-top: 8px;
}

/* todaymatchlist ---------------------------------------*/

.todaymatchlist {
	display: flex;
	flex-wrap: wrap;
}

.todaymatchlist > li {
	margin-left: 24px;
	border: 1px solid #DBDBDB;
}

.is-navy.todaymatchlist > li {
	border: 1px solid #123A53;
}

.is-1col.todaymatchlist > li {
	width: 100%;
	margin-bottom: 24px;
	margin-left: 0;
}

.is-2col.todaymatchlist > li {
	width: calc(50% - 12px);
	margin-bottom: 24px;
}

.is-2col.todaymatchlist > li:nth-child(2n+1) {margin-left: 0;}

.is-3col.todaymatchlist > li {
	width: calc(33.3333% - 16px);
	margin-bottom: 24px;
}

.is-3col.todaymatchlist > li:nth-child(3n+1) {margin-left: 0;}

.is-4col.todaymatchlist > li {
	width: calc(25% - 18px);
	margin-bottom: 24px;
}

.is-4col.todaymatchlist > li:nth-child(4n+1) {margin-left: 0;}

.todaymatchlist > li > a{display: block;}

.todaymatchlist > li > a:hover .todaymatchlist-detail{background: #E5F1F9;}
.todaymatchlist.is-navy > li > a:hover .todaymatchlist-detail{background: #133C57;}

.todaymatchlist-item{}

.todaymatchlist-head {
	background-color: #767676;
	color: #fff;
	font-size: 1.8rem;
	font-weight:600;
	text-align: center;
	padding: 5px 10px;
	letter-spacing: 0.04rem;
	line-height: 1.5;
	border-bottom: 1px solid #DBDBDB;
}

.todaymatchlist.is-navy .todaymatchlist-head {
	background-color: #224C67;
	border-bottom: 1px solid #123A53;
	color: #fff;
}

.todaymatchlist-detail {
	background-color: #fff;
	display: flex;
	padding: 20px 10px;
	align-items: center;
}

.todaymatchlist.is-navy .todaymatchlist-detail {background-color: #082D45;}

.todaymatchlist-team {
	width: calc(50% - 105px);
	text-align: right;
	align-items: center;
}

.is-1col .todaymatchlist-team {width: calc(50% - 200px);}
.is-3col .todaymatchlist-team {width: calc(50% - 70px);}
.is-4col .todaymatchlist-team {width: calc(50% - 60px);}

.todaymatchlist-team.is-right {
	text-align: left;
	padding:0 0 0 0px;
}

.is-3col .todaymatchlist-team{padding-right: 16px;}
.is-3col .todaymatchlist-team.is-right{padding:0 0 0 16px;}

.todaymatchlist-team-name {
	color: #484848;
	font-size: 1.2rem;
	font-weight:600;
	margin-bottom: 14px;
	line-height: 1.4;
	letter-spacing: 0.04rem;
}

.todaymatchlist.is-navy .todaymatchlist-team-name {color: #DFDFDF;}

.todaymatchlist-team-place {
	color: #767676;
	line-height: 1.1;
	font-size: 1.2rem;
	letter-spacing: 0.04rem;
	font-weight: 300;
}

.todaymatchlist.is-navy .todaymatchlist-team-place {
	color: #bfbfbf;
}

.todaymatchlist-time {
	width: 210px;
	text-align: center;
	padding: 3px 0;
}

.is-1col .todaymatchlist-time {width: 400px;}
.is-3col .todaymatchlist-time {width: 140px;}
.is-4col .todaymatchlist-time {width: 120px;}

.todaymatchlist-time-start,
.todaymatchlist-time-score {
	color: #222222;
	font-size: 2.8rem;
	font-family: Roboto;
	font-weight:600;
	line-height: 1.1;
	margin-bottom: 6px;
}

.todaymatchlist-time-status {
	color: #767676;
	font-size: 1.2rem;
	font-weight:600;
	line-height: 1.4;
	width: 128px;
	margin: 0 auto;
}

.todaymatchlist.is-navy .todaymatchlist-time-status {color: #DFDFDF;}

.todaymatchlist-time-status.is-playing {
	background: #E03E3B;
	color: #fff;
}

.todaymatchlist-time-status.is-end {
	background: #DCE3E8;
	color: #767676;
}

.todaymatchlist.is-navy .todaymatchlist-time-status.is-end {
	background: #DCE3E8;
	color: #484848;
}

.todaymatchlist.is-navy .todaymatchlist-time-start,
.todaymatchlist.is-navy .todaymatchlist-time-score {color: #fff;}


/* sidetodaymatchlist ---------------------------------------*/

.sidetodaymatchlist {}


.sidetodaymatchlist > li {
	width: 100%;
	margin-bottom: 16px;
	border: 1px solid #DBDBDB;
	box-sizing: border-box;
}

.sidetodaymatchlist > li > a:hover .sidetodaymatchlist-detail{background: #E5F1F9;}

.sidetodaymatchlist-head {
	background-color: #767676;
	color: #fff;
	font-size: 1.6rem;
	font-weight:600;
	text-align: center;
	padding: 3px 10px;
	letter-spacing: 0.04rem;
	line-height: 1.6;
}

.sidetodaymatchlist-detail {
	background-color: #fff;
	display: flex;
	padding: 12px;
	align-items: center;
}

.sidetodaymatchlist-team {
	width: calc(50% - 60px);
	text-align: center;
	align-items: center;
}

.sidetodaymatchlist-team.is-right {text-align: left;}

.sidetodaymatchlist-team-name {
	color: #484848;
	font-size: 1.2rem;
	font-weight:600;
	margin-bottom: 14px;
	line-height: 1.4;
	letter-spacing: 0.04rem;
}

.sidetodaymatchlist-team-place {
	color: #767676;
	line-height: 1.1;
	font-size: 1.2rem;
	letter-spacing: 0.04rem;
	font-weight: 300;
	text-align:center;
}

.sidetodaymatchlist-time {
	width: 120px;
	text-align: center;
	padding: 3px 0;
}

.sidetodaymatchlist-time-start,
.sidetodaymatchlist-time-score {
	color: #222222;
	font-size: 2.4rem;
	font-family: Roboto;
	font-weight:600;
	line-height: 1.1;
	margin-bottom: 6px;
}

.sidetodaymatchlist-time-battle {
	color: #484848;
	font-size: 2.4rem;
	font-family: Roboto;
	font-weight:600;
	line-height: 1.1;
}

.sidetodaymatchlist-time-status {
	color: #767676;
	font-size: 1.2rem;
	font-weight:600;
	line-height: 1.4;
	width: 100px;
	margin: 0 auto;
}

.sidetodaymatchlist-time-status.is-playing {
	background: #E03E3B;
	color: #fff;
}

.sidetodaymatchlist-time-status.is-end {
	background: #DCE3E8;
	color: #767676;
}
.l-side .todaymatchlist-time-status{
	width: auto;
}

/* black */

.is-navy .sidetodaymatchlist-time-status.is-end {
	background: #fff;
	color: #484848;
}

/* sidephotolist ---------------------------------------*/

.sidephotolist-slider-wrapper{
	position: relative;
}

.sidephotolist-title{
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 5px;
}

.sidephotolist > li a{display: block;}

.sidephotolist > li a:hover .sidephotolist-title{text-decoration: underline;}

.sidephotolist-image{
	position: relative;
	overflow: hidden;
	width: 100%;
}

.sidephotolist-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.sidephotolist-text{
	font-size: 1.4rem;
	line-height: 1.57;
	color: #767676;
}

.sidephotolist-slider{
	overflow: hidden;
}

.sidephotolist-slider-wrapper .swiper-button-prev,
.sidephotolist-slider-wrapper .swiper-button-next{
	background: url('../../../images/v2/common/arrow_slider.svg') no-repeat left center;
	background-size:100%;
	width:45px;
	height:45px;
	top: 90px;
	outline: none;
}

.sidephotolist-slider-wrapper .swiper-button-prev:hover,
.sidephotolist-slider-wrapper .swiper-button-next:hover{
	opacity:1;
	background-image: url('../../../images/v2/common/arrow_slider_on.svg');
}

.sidephotolist-slider-wrapper .swiper-button-prev{
	transform: rotate(180deg);
	left: -22px;
}

.sidephotolist-slider-wrapper .swiper-button-next{right: -22px;}

.sidephotolist-slider-wrapper .swiper-button-next.swiper-button-disabled,
.sidephotolist-slider-wrapper .swiper-button-prev.swiper-button-disabled{display: none;}


/* photoslideshow ---------------------------------------*/

.photoslideshow{
	overflow: hidden;
	position:relative;
	padding-bottom: 24px;
}

.photoslideshow-list{}
.photoslideshow-list > li{}

.photoslideshow-image{
	width: 300px;
	height: 200px;
	position: relative;
	overflow: hidden;
}

.photoslideshow-image::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #363636;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
}

.photoslideshow-image img {
	position: absolute;
	left: 0%;
	top: 50%;
	transform: translate(0%,-50%);
	width: 100%;
}

.photoslideshow-text{
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 8px;
}

.photoslideshow .swiper-pagination{bottom:0;}
.photoslideshow .swiper-pagination-bullet{
	margin:0 6px !important;
	background: #dbdbdb;
}

.photoslideshow .swiper-pagination-bullet{background: #DBDBDB;}
.photoslideshow .swiper-pagination-bullet-active{background: #007aff;}
.is-navy .photoslideshow .swiper-pagination-bullet{background: #123A53;}
.is-navy .photoslideshow .swiper-pagination-bullet-active{background: #fff;}
.is-navy .photoslideshow-image::before{border-color:#123A53;}
.is-navy .photoslideshow-text{color:#BFBFBF;}
.is-gray .photoslideshow-text{color:#BFBFBF;}



/* ------------------------------------------*/
/*　タブ・メニュー                              */
/* ------------------------------------------*/


/* maintab ---------------------------------------*/

.maintab{margin-bottom: 24px;}

.maintab-list{
	display:flex;
	justify-content:space-between;
	border-bottom:2px solid #0078c6;
}

/*
.maintab-list.is-2tab > li{width:50%;}
.maintab-list.is-3tab > li{width:33.333%;}
.maintab-list.is-4tab > li{width:25%;}
.maintab-list.is-5tab > li{width:20%;}
.maintab-list.is-6tab > li{width:16.777%;}
*/
.maintab-list > li{
	cursor: pointer;
	text-align: center;
	font-weight:600;
	font-size:1.4rem;
	line-height: 1.71;
	color: #484848;
	background: #fff;
	padding: 8px;
	box-sizing:border-box;
	border-left:1px solid #dbdbdb;
	border-top:1px solid #dbdbdb;
	width: 100%;
}

.maintab-list > li h2{font-weight:600;}

.maintab-list > li:first-child{border-radius:5px 0 0 0;}

.maintab-list > li:last-child{
	border-radius:0 5px 0 0;
	border-right:1px solid #dbdbdb;
}

.maintab-list > li.is-active,
.maintab-list > li:hover{
	background: #0078c6;
	color: #fff;
	border-color:#0078c6;
}

.maintab-content{display: none;}
.maintab-content.is-active{display: block;}



/* subtab ---------------------------------------*/

.subtab{margin-bottom: 24px;}

.subtab-list{
	display:flex;
	justify-content:space-between;
}

/*
.subtab-list.is-2tab > li{width:50%;}
.subtab-list.is-3tab > li{width:33.333%;}
.subtab-list.is-4tab > li{width:25%;}
.subtab-list.is-5tab > li{width:20%;}
.subtab-list.is-6tab > li{width:16.777%;}
*/

.subtab-list > li{
	cursor: pointer;
	text-align: center;
	font-weight:600;
	font-size:1.4rem;
	line-height: 1.71;
	color: #484848;
	background: #f4f4f4;
	padding: 8px;
	box-sizing:border-box;
	border-left:1px solid #dbdbdb;
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	width: 100%;
}


.subtab-list > li:last-child{
	border-right:1px solid #dbdbdb;
}

.subtab-list > li.is-active,
.subtab-list > li:hover{
	background: #fafafa;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	box-shadow:0px 4px 0px rgba(0,120,200,1) inset;
	color:#222;
}

.subtab-content{display: none;}
.subtab-content.is-active{display: block;}


/* localnav ---------------------------------------*/

.localnav{
	position: relative;
	min-width: 1200px;
	padding: 0;
}

.l-listmain .localnav{
	min-width: inherit;
	padding: 0;
}

.localnav-list{
	box-shadow:0px -2px 0px rgba(219,219,219,1) inset;
	font-size:0;
	letter-spacing: 0px;
	white-space:nowrap;
}

.localnav.has-select{z-index:12;}
.localnav.has-select .localnav-list{width: calc(100% - 100px);}

.localnav-list > li{
	display: inline-block;
	text-align:center;
	letter-spacing: 1px;
}

.localnav-list > li.is-active{}
.localnav-list > li a{
	display: block;
	font-size:1.6rem;
	line-height: 1.5;
	color: #484848;
	padding: 0px 24px 10px;
	font-weight:600;
	border-bottom:4px solid transparent;
}

.localnav-list > li.is-active a,
.localnav-list > li a:hover{
	border-color: #0078c6;
	color: #0078c6;
}

.localnav.has-select .localnav-select{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
	background:none;
	box-shadow:0px -2px 0px rgba(219,219,219,1) inset;
}

.localnav-select-title{
	display: block;
	font-size:1.6rem;
	line-height: 1.5;
	color: #222;
	padding: 0px 20px 13px 0;
	text-align: right;
	position: relative;
	cursor: pointer;
}

.localnav-select-title::after{
	display:block;
	content:'';
	background:url('../../../images/v2/common/arrow_select.svg') no-repeat right center;
	background-size:100%;
	width:9px;
	height:6px;
	margin-top:-9px;
	position:absolute;
	right:0px;
	top:50%;
}

.localnav-select-list{
	position: absolute;
	background: #fff;
	right: 0;
	top: 40px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1);
	padding: 20px 32px;
	min-width: 147px;
	display: none;
}

.localnav-select-list::before {
	top: -7px;
	right: 30px;
	transform: rotate(45deg) skew(15deg,15deg);
	background: #fff;
	box-shadow: 0 0 10px 2px rgba(163,163,163,0.2);
	content: '';
	position: absolute;
	z-index: 1;
	width: 15px;
	height: 15px;
}

.localnav-select-list::after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 5px;
	background: #fff;
}

.localnav-select-list li{
	font-size:1.4rem;
	color: #222;
	line-height: 2.2;
	position: relative;
	z-index: 2;
}

.localnav-select-list li a{display: block;}
.localnav-select-list li a:hover{text-decoration: underline;}

.localnav.is-navy{
	background: #031D2E;
	color: #BFBFBF;
	box-shadow:0px -2px 0px rgba(18,58,83,1) inset;
}

.localnav.is-gray{
	background: #F0F0F0;
	box-shadow:0px -2px 0px rgba(219,219,219,1) inset;
}

.localnav.is-navy .localnav-list{box-shadow:0 0 0 rgba(0,0,0,0);}
.localnav.is-navy .localnav-list > li a{color:#bfbfbf;}
.localnav.is-navy .localnav-list > li.is-active a,
.localnav.is-navy .localnav-list > li a:hover{color:#fff;}


/* ------------------------------------------*/
/*　テーブル                                   */
/* ------------------------------------------*/

.articledetail section:not(.breaking-body) table:not(.table-horizontal):not(.table-vertical):not(.breakingscore-baseball-inning):not(.breakingscore-baseball-detail){
	margin: 0 48px 48px;
	max-width: 680px;
}

.articledetail section:not(.breaking-body) table:not(.table-horizontal):not(.table-vertical):not(.breakingscore-baseball-inning):not(.breakingscore-baseball-detail) thead th,
.articledetail section:not(.breaking-body) table:not(.table-horizontal):not(.table-vertical):not(.breakingscore-baseball-inning):not(.breakingscore-baseball-detail) thead td{
	background: #767676;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.94;
	padding: 3px 4px;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	text-align: center;
	white-space: nowrap;
}

.articledetail section:not(.breaking-body) table:not(.table-horizontal):not(.table-vertical):not(.breakingscore-baseball-inning):not(.breakingscore-baseball-detail) tbody th,
.articledetail section:not(.breaking-body) table:not(.table-horizontal):not(.table-vertical):not(.breakingscore-baseball-inning):not(.breakingscore-baseball-detail) tbody td{
	font-size: 1.6rem;
	line-height: 1.75;
	padding: 6px 8px;
	background: #fff;
	border: 1px solid #dbdbdb;
}

.articledetail section:not(.breaking-body) table:not(.table-horizontal):not(.table-vertical).is-zebra tbody tr:nth-child(2n) th, 
.articledetail section:not(.breaking-body) table:not(.table-horizontal):not(.table-vertical).is-zebra tbody tr:nth-child(2n) td{
	background: #F4F4F4;
}

.table-horizontal{}

.table-horizontal thead th,
.table-horizontal thead td{
	background: #767676;
	color: #fff;
	font-size:1.6rem;
	line-height: 1.94;
	padding: 3px 4px;
	border-top:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	text-align:center;
	white-space: nowrap;
}

.table-horizontal tbody th,
.table-horizontal tbody td{
	font-size:1.6rem;
	line-height: 1.75;
	padding: 6px 8px;
	background: #fff;
	border:1px solid #dbdbdb;
}

.table-horizontal tbody th.is-gray,
.table-horizontal tbody td.is-gray{
	background: #767676;
	color: #fff;
}

.table-horizontal tbody th{text-align:center;}

.table-horizontal tbody td.td-grouptitle{
	font-weight:600;
	text-align:center;
	background: #DCE3E8;
	color: #484848;
	font-size:1.4rem;
}

.table-horizontal.is-zebra tbody tr:nth-child(2n) th,
.table-horizontal.is-zebra tbody tr:nth-child(2n) td{background: #F4F4F4;}

.table-horizontal.is-noseparate thead th{padding:4px;}
.table-horizontal.is-noseparate thead th,
.table-horizontal.is-noseparate thead td,
.table-horizontal.is-noseparate tbody th,
.table-horizontal.is-noseparate tbody td{
	font-size:1.2rem;
	border-left: none;
	border-right: none;
	padding: 4px;
}

.table-horizontal.is-shogi tbody th,
.table-horizontal.is-shogi tbody td{
	padding: 12px 8px;
	text-align: center;
}
.table-horizontal.is-shogi td:nth-child(2){
	width:13%;
}
.table-horizontal.is-shogi td:nth-child(n+4){
	font-size:1.2rem;
	line-height: 1.5;
}
.table-horizontal.is-shogi td:first-child{
	width:8%;
}
.table-horizontal.is-shogi td:nth-child(3){
	width:8%;
}
.table-horizontal.is-shogi td:last-child,
.table-horizontal.is-shogi td:nth-last-child(2){
	font-size:1.6rem;
	line-height: 1.94;
	width:6%;
}
.table-horizontal.is-igo tbody th,
.table-horizontal.is-igo tbody td{
	padding: 12px 8px;
	text-align: center;
}
.table-horizontal.is-igo td:first-child{
	width:16%;
}
.table-horizontal.is-igo td:nth-child(3){
	width:10%;
}
.table-horizontal.is-igo td:nth-child(n+3){
	font-size:1.2rem;
	line-height: 1.5;
}
.table-horizontal.is-igo td:last-child{
	font-size:1.6rem;
	line-height: 1.94;
	width:10%;
}
.table-horizontal .td-normal {
	font-size: 1.6rem!important;
	line-height: 1.94!important;
}
.table-horizontal .td-small {
	font-size: 1.2rem!important;
	line-height: 1.5!important;
}

.table-vertical{border-top:1px solid #DBDBDB;}

.table-vertical th{
	text-align: left;
	font-size:1.6rem;
	padding: 16px;
	background: #F4F4F4;
	vertical-align: top;
	font-weight:600;
	border-bottom:1px solid #DBDBDB;
	color: #767676;
	line-height: 2.0;
	min-width: 145px;
}

.table-vertical td{
	text-align: left;
	font-size:1.6rem;
	padding: 16px 16px;
	vertical-align: top;
	border-bottom:1px solid #DBDBDB;
	line-height: 2.0;
	color: #484848;
}

.table-horizontal th a,
.table-vertical th a,
.table-horizontal td a,
.table-vertical td a{color: #0078C6;}

.table-horizontal th a,
.table-vertical th a,
.table-horizontal td a:hover,
.table-vertical td a:hover{text-decoration: underline;}

.table-vertical.is-match th{
	width:100px;
	text-align: center;
	vertical-align: middle;
}

.table-vertical.is-match td{
	line-height: 1.5;
}

.table-vertical.is-small thead th,
.table-vertical.is-small thead td,
.table-vertical.is-small tbody th,
.table-vertical.is-small tbody td{
	font-size:1.2rem;
	padding: 5px 16px!important;
	color: #484848;
	font-weight: normal;
}

.table-vertical.is-small thead th,
.table-vertical.is-small tbody th {
	width: 50%;
}
.table-note-small {
	font-size:1.2rem;
	color:#919191;
}

.is-nowrap{white-space:nowrap;}

.table-archive td{min-width:70px;}


/* スコアボード ---------------------------------------*/
.breakingscore-baseball-inning,
.breakingscore-baseball-detail{table-layout:fixed;}

/*野球延長分はデフォルト非表示*/
#board2.breakingscore-baseball-inning{display: none;}

.breakingscore-baseball-inning thead th,
.breakingscore-baseball-inning thead td,
.breakingscore-baseball-detail thead th,
.breakingscore-baseball-detail thead td{
	padding-bottom: 10px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}

.breakingscore-baseball-inning tbody th,
.breakingscore-baseball-inning tbody td,
.breakingscore-baseball-detail tbody th,
.breakingscore-baseball-detail tbody td{
	color: #fff;
	border-left:1px solid #000;
	border-top:1px solid #000;
	background-color: #363636;
	vertical-align: top;
}

.breakingscore-baseball-inning tbody th:first-child,
.breakingscore-baseball-inning tbody td:first-child,
.breakingscore-baseball-detail tbody th:first-child,
.breakingscore-baseball-detail tbody td:first-child{border-left:none;}

.breakingscore-baseball-inning tbody tr:first-child th,
.breakingscore-baseball-inning tbody tr:first-child td,
.breakingscore-baseball-detail tbody tr:first-child th,
.breakingscore-baseball-detail tbody tr:first-child td{border-top:none;}

.breakingscore-baseball-inning{
	margin-bottom: 0px;
	background-color: #484848;
	color: #fff;
}

.breakingscore-baseball-inning thead th,
.breakingscore-baseball-inning thead td{
	font-family: Roboto;
	font-size: 2.0rem;
	color: #919191;
	padding-top: 10px;
}

.breakingscore-baseball-inning tbody th,
.breakingscore-baseball-inning tbody td{
	font-family: Roboto;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
	padding: 8px 0;
}

.breakingscore-baseball-detail{
	background-color: #484848;
	padding: 12px;
	color: #fff;
}

.breakingscore-baseball-detail thead th,
.breakingscore-baseball-detail thead td{
	font-size: 1.6rem;
	color: #bcbcbc;
	padding: 10px 0;
}

.breakingscore-baseball-detail tbody th,
.breakingscore-baseball-detail tbody td{font-size: 1.6rem;}

.breakingscore-baseball-inning tbody th{font-weight:600;}

.breakingscore-baseball-detail-team{
	padding: 8px 16px;
	display:flex;
	justify-content:space-between;
}

.breakingscore-baseball-detail-team dt{
	width: 30px;
	line-height: 1.94;
	font-weight:600;
}

.breakingscore-baseball-detail-team dd{
	width: calc(100% - 30px);
	line-height: 1.94;
}

/* ------------------------------------------*/
/*　ヘッダー帯とフッター追従                      */
/* ------------------------------------------*/


/* featureheadline ---------------------------------------*/

.l-contents.has-featureheadline{
	position: relative;
	padding-top: 46px;
}

.featureheadline{
	background-color: #0078c6;
	color: #fff;
	padding: 7px 40px;
	min-width: 1280px;
	position: absolute;
	z-index: 99;
	left: 0;
	top: 0;
	width: 100%;
}

.featureheadline.is-fixed{position: fixed;}

.featureheadline-title-wrapper{
	position: relative;
	min-height: 34px;
}

.featureheadline-subtitle{
	display: inline-block;
	font-weight:600;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #fff;
	margin-right: 15px;
	vertical-align: top;
	padding-top: 7px;
}

.featureheadline-title{
	display: inline-block;
	position: relative;
	vertical-align: top;
	padding-top: 4px;
}

.featureheadline-title-main{
	margin-right: 30px;
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #ffffff;
}

.featureheadline-title-main a{color:#fff;}
.featureheadline-title-main a:hover{text-decoration: underline;}

.featureheadline-description{
	background: #fff;
	width: 370px;
	border-radius:5px;
	box-sizing:border-box;
	padding: 25px;
	position: absolute;
	left: 20%;
	top: 40px;
	box-shadow:0 0 10px rgba(0,0,0,.1);
	display: none;
}

.featureheadline-title:hover .featureheadline-description{display: block;}

.featureheadline-description::before{
	content: '';
	position: absolute;
	z-index: 1;
	width: 20px; height: 20px; /* 吹き出しサイズ */
	top: -7px; left: 35px; /* 位置 */
	transform: rotate(45deg) skew(10deg,10deg); /* 傾斜角(skew) */
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(163,163,163,.5); /* ぼかし距離(第3引数)，拡散距離(第4引数)，色(第5引数) */
}

.featureheadline-description::after {
	content: '';
	position: absolute;
	z-index: 2;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #fff;
}

.featureheadline-description-shoulder{
	position: relative;
	z-index: 3;
	font-size:1.2rem;
	line-height: 1.5;
	margin-bottom: 3px;
}

.featureheadline-description-title{
	position: relative;
	z-index: 3;
	font-size:1.6rem;
	line-height: 1.5;
	font-weight: 500;
	margin-bottom: 10px;
	color:#484848;
}

.featureheadline-description-text{
	position: relative;
	z-index: 3;
	font-size:1.2rem;
	line-height: 1.5;
}

.featureheadline-title-btn{display:inline-block;}

.featureheadline-more{
	float: right;
	font-weight:600;
	font-size: 1.4rem;
	line-height: 1.57;
	text-align: right;
	color: #ffffff;
	padding-top: 7px;
}

.featureheadline-more a{color: #ffffff;}


/* 号外 ---------------------------------------*/

.headline-wrapper{padding: 16px 0;}

.bigearthquakeheadline,
.earthquakeheadline,
.extraheadline,
.infoheadline{
	display:flex;
	justify-content:space-between;
	margin:0 0 8px 0;
}

.bigearthquakeheadline dt,
.earthquakeheadline dt,
.extraheadline dt{
	width: 60px;
	text-align:center;
	font-size:1.2rem;
	line-height: 1.5;
	text-align:center;
	padding: 6px 0;
}

.bigearthquakeheadline dd,
.earthquakeheadline dd,
.extraheadline dd{
	width: calc(100% - 60px);
	padding: 1px 16px;
	vertical-align: middle;
	line-height: 1.5;
}

.bigearthquakeheadline dd b,
.earthquakeheadline dd b,
.extraheadline dd b{
	font-size:1.4rem;
	font-weight:600;
	display: inline-block;
	vertical-align: middle;
}

.bigearthquakeheadline dd a:hover,
.earthquakeheadline dd a:hover,
.extraheadline dd a:hover{text-decoration:underline;}

.bigearthquakeheadline dd small,
.earthquakeheadline dd small,
.extraheadline dd small{
	font-size:1rem;
	display: inline-block;
	vertical-align: middle;
}

.bigearthquakeheadline{
	background: #222;
	color: #fff;
	border:1px solid #222;
}

.bigearthquakeheadline dt{color: #fff;}

.earthquakeheadline{
	border:1px solid #222;
	color: #222;
	background-color: #fff;
}

.earthquakeheadline dt{
	color: #fff;
	background: #222;
}

.extraheadline{
	border:1px solid #b42121;
	color: #222;
	background-color: #fff;
}

.extraheadline dt{
	color: #fff;
	background: #b42121;
}

.infoheadline{
	border:1px solid #E2EEF5;
	background: #E2EEF5;
	color: #00609E;
}

.infoheadline dt{
	width: 120px;
	font-size:1.2rem;
	line-height: 1.5;
	text-align:center;
	padding: 6px 0;
}

.infoheadline dd{
	width: 100%;
	padding: 5px 16px;
	vertical-align: middle;
	line-height: 1.5;
	font-size:1.4rem;
}

.infoheadline dd a:hover{text-decoration: underline;}

.headline-wrapper > dl:first-child{margin-top: 0;}
.headline-wrapper > dl:last-child{margin-bottom: 0;}


/* フッター追従 ---------------------------------------*/

.fixedfooterline{
	position: fixed;
	left: 0;
	bottom: 0;
	height: 50px;
	width: 100%;
	background:#ef8811;
	box-sizing:border-box;
	padding-top: 11px;
	text-align:center;
	z-index: 100;
}

.fixedfooterline-title{
	display: inline-block;
	font-size:2rem;
	font-weight:600;
	line-height:1.0;
	vertical-align: middle;
	color: #fff;
}

.fixedfooterline-text{
	display: inline-block;
	font-size:1.6rem;
	font-weight:600;
	line-height:1.0;
	vertical-align: middle;
	color: #fff;
	margin: 0 12px;
}

.fixedfooterline-btn{
	display: inline-block;
	font-size:1.4rem;
	vertical-align: middle;
	font-weight:600;
	color: #ef8811;
	border:1px solid #ef8811;
	line-height:1.0;
	background: #fff;
	padding: 6px 12px;
	border-radius:5px;
}

.fixedfooterline-btn:hover{
	color: #fff;
	background-color: #ef8811;
	border-color: #fff;
}

.fixedfooterline-close{
	display: block;
	content: '';
	background: url('../../../images/v2/common/icon_close_popup_white.svg') 0 0 no-repeat;
	background-size: 100%;
	width: 24px;
	height:24px;
	position: absolute;
	right: 24px;
	top: 50%;
	margin-top: -12px;
	cursor: pointer;
}

.fixedfooterline-close:hover{opacity:0.8;}

.popuppanel-left{
	position: fixed;
	left: 16px;
	bottom: 50px;
	z-index: 100;
}

.popuppanel-right{
	position: fixed;
	right: 16px;
	bottom: 50px;
	z-index: 100;
	font-family: Hiragino Sans, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro";
}

.popuppanel-right.is-hide{
	display:none;
}

.popuppanel1{
	width:464px;
	background: #fff;
	position: relative;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-bottom: 16px;
	clear: both;
	float: right;
}

.popuppanel1-inner{
	padding: 8px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.popuppanel1-image{
	width: 144px;
	height: 96px;
	overflow: hidden;
	position: relative;
}

.popuppanel1-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 144px;
	height: 96px;
}

.popuppanel1-detail{
	width: calc(100% - 160px);
	padding-right: 30px;
}

.popuppanel1-title{
	font-size:1.6rem;
	font-weight:600;
	line-height: 1.5;
	color: #222;
	margin-bottom: 6px;
}

.popuppanel1-text{
	font-size:1.2rem;
	line-height: 1.5;
	color: #484848;
}

.popuppanel2{
	width: 310px;
	background: #fff;
	position: relative;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-bottom: 16px;
	clear: both;
	float: right;
}

.popuppanel2-inner{
	padding: 16px;
}

.popuppanel2-date{
	font-family: Roboto;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #b42121;
	margin-bottom: 5px;
}

.popuppanel2-text{
	font-size: 1.4rem;
	font-weight: 400;
	line-height: 1.57;
	color: #484848;
}

.popuppanel3{
	width: 365px;
	background: #fff;
	position: relative;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-bottom: 16px;
	clear: both;
	float: right;
}

.popuppanel3-inner{
	padding: 26px 32px;
}

.popuppanel3-list{}

.popuppanel3-list > li > a{
	display: block;
	padding: 6px 0;
}

.popuppanel3-list-item{
	overflow: hidden;
}

.popuppanel3-list-image{
	width:120px;
	height: 63px;
	float: left;
	position: relative;
	margin-right: 16px;
	overflow: hidden;
}

.popuppanel3-list-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 120px;
	height: 63px;
}

.popuppanel3-list-title{
	font-size:1.2rem;
	font-weight:600;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 5px;
}

a:hover .popuppanel3-list-title{text-decoration: underline;}

.popuppanel4{
	width: 390px;
	background: #fff;
	position: relative;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-bottom: 16px;
}

.popuppanel4-inner{padding: 32px;}

.popuppanel4 p{
	font-size:1.2rem;
	line-height: 1.67;
	color: #484848;
}

.popuppanel4 a{color:#0078c6;}
.popuppanel4 a:hover{text-decoration: underline;}

.popuppanel-article-wrapper{
	position: fixed;
	right: -450px;
	bottom: 50px;
	z-index: 110;
	width: 440px;
	transition: right .4s ease-out;
}

.popuppanel-article-wrapper.is-show{right: 16px;}

.popuppanel-article{
	background: #fff;
	position: relative;
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	margin-bottom: 12px;
}

.popuppanel-article-item{
	display:flex;
	justify-content:space-between;
}

.popuppanel-article-image{
	width: 144px;
	height: 96px;
	overflow: hidden;
	position: relative;
}

.popuppanel-article-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 144px;
	height: 96px;
}

.popuppanel-article-detail{
	width: calc(100% - 144px);
	padding: 8px 30px 8px 12px;
}

.popuppanel-article-shoulder{
	font-size:1.2rem;
	font-weight:600;
	line-height: 1.5;
	color: #767676;
	margin-bottom: 2px;
}

.popuppanel-article-shoulder:hover{text-decoration: underline;}

.popuppanel-article-title{
	font-size:1.6rem;
	font-weight:600;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 8px;
}

.popuppanel-article-title.is-small{
	font-size:1.2rem;
	margin-bottom: 4px;
}

a:hover .popuppanel-article-title{text-decoration: underline;}

.popuppanel-article-text{
	font-size:1.2rem;
	line-height: 1.5;
	color: #484848;
}

.popuppanel-close{
	display: block;
	content: '';
	background: url('../../../images/v2/common/icon_close_popup.svg') 0 0 no-repeat;
	background-size: 100%;
	width: 24px;
	height:24px;
	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer;
}

.popuppanel-close:hover{opacity:0.8;}


/* ------------------------------------------*/
/*　ペイウォール                                */
/* ------------------------------------------*/

.paywallpanel{
	border: solid 4px #0078c8;
	margin: 0 48px 48px;
	position: relative;
}

.paywallpanel-head{
	 background-color: #f4f4f4;
	 padding: 12px 32px;
	 text-align:center;
}

.paywallpanel-head-title{
	font-size:1.8rem;
	line-height: 1.94;
	color: #222;
	font-weight:600;
	display: inline-block;
	vertical-align: middle;
}

.paywallpanel-head-title::before{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-right: 4px;
	background: url('../../../images/v2/common/icon_key.svg') 0 0 no-repeat;
	background-size: 24px 24px;
	width:24px;
	height:24px;
	position: relative;
	top: -4px;
}

.paywallpanel-count{
	font-size:1.2rem;
	line-height: 1.5;
	color: #767676;
	display: inline-block;
	vertical-align: middle;
	margin-left: 8px;
	font-family:Roboto;
}

.paywallpanel-count b{
	font-family: 'Roboto';
	font-size:1.8rem;
	font-weight:600;
}

.paywallpanel-inner{
	 background-color: #fff;
	 padding: 36px 28px;
	 text-align:center;
}

.textlink.textlink-paywallpanel{
	font-size:1.4rem;
	color: #484848;
	position: relative;
	padding-left: 15px;
}

.textlink.textlink-paywallpanel::before{
	content:'';
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	margin-right: 10px;
	border-top:1px solid #767676;
	border-right:1px solid #767676;
	width:5px;
	height:5px;
	transform: rotate(45deg);
}

.paywallpanel-block-title {
	line-height:1.0;
	font-size:1.6rem;
	font-weight:600;
	color: #222;
	margin-bottom:16px;
}

.paywallpanel-block-price {
	font-size:0;
	height: 60px;
}

.paywallpanel-block-price.is-nomargin {
	height: 40px;
}

.paywallpanel-block-price-recommend{
	display: inline-block;
	width: 48px;
	background-color: #ef8811;
	color: #fff;
	font-size:1.0rem;
	line-height: 48px;
	text-align:center;
	font-weight:600;
	border-radius:50%;
	vertical-align: top;
	position: relative;
	top: -3px;
	margin-right: 5px;
}

.paywallpanel-block-price-rec-top {
	width: 100%;
    background-color: #ef8811;
    color: #fff;
    font-size: 1.4rem;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
    position: absolute;
    top: -24px;
	left:0;
}

.paywallpanel-block-price-num {
	display: inline-block;
	font-family: Roboto;
	font-size:4.0rem;
	font-weight:600;
	color: #222;
	line-height:1.0;
}

.paywallpanel-block-yen {
	display: inline-block;
	color: #222;
	font-size:1.4rem;
	text-align: left;
	line-height:1.0;
	margin-left: 3px;
}

.paywallpanel-block-yen small{
	font-size:1rem;
	margin-bottom: 3px;
	line-height:1.0;
}

.paywallpanel-block-yen p{
	font-weight:600;
	color: #222;
}

.paywallpanel-block-value {
	color: #484848;
	font-size:1.0rem;
	line-height:1.0;
	margin-bottom: 12px;
	font-weight:600;
	font-family:Roboto;
}

.paywallpanel-block-value.is-nomargin {
	margin-bottom: 4px;
}

.paywallpanel-block-value.is-blue {color: #0078c6;}
.paywallpanel-block-value b{font-size:1.4rem;}

.paywallpanel-block-notice {
	color: #767676;
	font-size:1.0rem;
	line-height:1.0;
}

.paywallpanel-block-taxincluded{
	font-size:1.1rem;
	padding: 0 0 7px 0;
	font-weight: 500;
	color:#484848;
}

.paywallpanel-block-notice-red {
	color: #B42121;
	font-size:1.0rem;
	line-height:1.0;
	padding-top:10px;
}

.paywallpanel-block-comment{
	height: 65px;
}

.paywallpanel-block-comment-l{
	height: 85px;
}

.paywallpanel-block-offer{
	font-weight:600;
	font-size:1.0rem;
	line-height: 1.5;
	color: #ef8811;
	margin-bottom: 3px;
}

.paywallpanel-block-offer .is-strike{
	color: #484848;
	text-decoration: line-through;
	margin-right: 5px;
}

.paywallpanel-block-offer.is-nomorgin{
	margin-bottom: 0;
}

.paywallpanel-block-offer b{
	font-family:Roboto;
	font-size:1.6rem;
}

.paywallpanel-block-campaign{
	display: inline-block;
	background: #ef8811;
	color: #fff;
	line-height:1.0;
	font-size:1.2rem;
	font-weight:600;
	padding: 5px 8px;
	margin-bottom: 12px;
}

.paywallpanel-tax{
	position: absolute;
	right: 24px;
	bottom: 16px;
	font-size:1.0rem;
	color: #767676;
}

/* デフォルトパターン */

.paywallpanel-basictype{}

.paywallpanel-basictype-title{
	font-size: 2.0rem;
	font-weight:600;
	line-height: 1.2;
	color: #0078c6;
	margin-bottom: 24px;
	font-family:Roboto;
}


.paywallpanel-basictype-title b{
	font-size:2.4rem;
	margin: 0 3px;
}

.paywallpanel-basictype-btn{margin-bottom: 24px;}


/* 2パターン */

.paywallpanel-type2{}

.paywallpanel-type2-shoulder{
	font-size: 1.6rem;
	font-weight:600;
	line-height: 1.2;
	color: #0078c6;
	margin-bottom: 8px;
}

.paywallpanel-type2-title{
	font-size: 2.8rem;
	font-weight:600;
	line-height: 1.2;
	color: #222;
	margin-bottom: 24px;
}

.paywallpanel-type2-flex {
	display:flex;
	justify-content:space-between;
}

.paywallpanel-type2-block {
	width: 33.33%;
	padding: 16px 0px;
	border-left:1px solid #dbdbdb;
	text-align:center;
}

.is-noborder .paywallpanel-type2-block{border:none;}
.paywallpanel-type2-block.is-feature{
	background: rgba(255,196,0,0.15);
	position:relative;
}

.paywallpanel-type2-block:first-child{border-left:none;}

.paywallpanel-type2-block.is-feature .btn.is-feature {
	border: 1px solid #ef8811;
    background-color: #ef8811;
}

.paywallpanel-type2-block.is-feature .btn.is-feature:hover {
	border: 1px solid #ff9e3e;
    background-color: #ff9e3e;
}


/* 3パターン */

.paywallpanel-type3-title-wrapper{
	height: 100px;
}

.paywallpanel-type3-shoulder{
	font-size: 1.4rem;
	font-weight:600;
	line-height: 1.2;
	color: #0078c6;
	margin-bottom: 8px;
}

.paywallpanel-type3-title{
	font-size: 2.0rem;
	font-weight:600;
	line-height: 1.2;
	color: #222;
}

.paywallpanel-type3-flex {
	display:flex;
	justify-content:space-between;
}

.paywallpanel-type3-outerblock{padding:16px 0;}

.paywallpanel-type3-outerblock:nth-child(1){width:66.666%;}
.paywallpanel-type3-outerblock:nth-child(2){
	width:33.3333%;
	border-left:1px solid #dbdbdb;
}

.paywallpanel-type3-innerblock {
	width: 50%;
	padding: 0px 0px;
	border-left:1px solid #dbdbdb;
	text-align:center;
}

.paywallpanel-type3-innerblock.is-feature,
.paywallpanel-type3-outerblock.is-feature{
	background: rgba(255,196,0,0.15);
}

.paywallpanel-type3-innerblock:first-child{border-left:none;}


.is-campaign-a .paywallpanel-type3-innerblock{
	border:none;
	padding: 16px 0;
}

.is-campaign-a .paywallpanel-type3-outerblock{padding:16px 0 0;}
.is-campaign-a .paywallpanel-type3-outerblock:nth-child(1){width:64%;}
.is-campaign-a .paywallpanel-type3-outerblock:nth-child(1) .paywallpanel-type3-title-wrapper{height:84px;}

.is-campaign-b .paywallpanel-type3-outerblock{border:none}


/* 4パターン */

.paywallpanel-type4{}

.paywallpanel-type4-shoulder{
	font-size: 1.6rem;
	font-weight:600;
	line-height: 1.2;
	color: #0078c6;
	margin-bottom: 8px;
}

.paywallpanel-type4-title{
	font-size: 2.8rem;
	font-weight:600;
	line-height: 1.2;
	color: #222;
	margin-bottom: 24px;
}

.paywallpanel-type4-flex{
	display:flex;
	justify-content:space-between;
	align-items:center;
	width: 535px;
	margin: 0 auto;
}

.paywallpanel-type4-head{
	width: 180px;
}

.paywallpanel-type4-head-title{
	font-size: 2.0rem;
	font-weight:600;
	line-height: 1.2;
	color: #222;
	margin-bottom: 12px;
}

.paywallpanel-type4-head-price {
	font-size:0;
	height: 63px;
}

.paywallpanel-type4-head-price-num {
	display: inline-block;
	font-family: Roboto;
	font-size:4.8rem;
	font-weight:600;
	color: #222;
	line-height:1.0;
}

.paywallpanel-type4-head-yen {
	display: inline-block;
	color: #222;
	font-size:1.4rem;
	text-align: left;
	line-height:1.0;
	margin-left: 3px;
}

.paywallpanel-type4-head-yen small{
	font-size:1.2rem;
	font-weight:600;
	margin-bottom: 3px;
	line-height:1.0;
}

.paywallpanel-type4-head-yen p{
	font-weight:600;
	font-size:2.0rem;
	line-height:1.0;
	color: #222;
}

.paywallpanel-type4-head-comment{
	font-size:1.2rem;
	color: #222;
	font-weight:600;
	line-height:1.0;
	font-family:Roboto;
}

.paywallpanel-type4-head-comment b{font-size:1.8rem;}

.paywallpanel-type4-detail{
	width: 330px;
	text-align: left;
}

.paywallpanel-type4-detail-title{
	font-size:1.4rem;
	color: #0078c6;
	font-weight:600;
	line-height: 1.5;
	padding-bottom: 5px;
	border-bottom:1px solid #dbdbdb;
}

.paywallpanel-type4-detail-list{}

.paywallpanel-type4-detail-list > li{
	margin-top: 16px;
	font-size:1.0rem;
	color: #484848;
	line-height: 1;
	background:url('../../../images/v2/common/icon_checklist.svg') no-repeat left center;
	background-size: 10px 10px;
	padding-left: 16px;
}

.paywallpanel-type4-detail-list > li b{
	font-size:1.2rem;
	color: #222;
	font-weight:600;
	margin-right: 5px;
}

.paywallpanel-type4-detail-list > li span.is-blue{color: #0078c6;}


/* パターン6 */

.paywallpanel-type6-title{
	font-size: 2.0rem;
	font-weight:600;
	line-height: 1.2;
	color: #0078c6;
	margin-bottom: 32px;
}

.paywallpanel-type6-subtitle{
	font-size: 1.4rem;
	font-weight:600;
	line-height: 1.2;
	color: #484848;
	margin-bottom: 12px;
}

.panellist.is-paywall{
	width: 512px;
	margin: 0 auto 28px;
	text-align: left;
}

.panellist.is-paywall > li{
	width:144px;
	margin-left: 40px;
	margin-bottom: 0;
}

.panellist.is-paywall > li:first-child{margin-left: 0;}

.panellist.is-paywall .panellist-image{
	width: 144px;
	height: 96px;
}



/* ------------------------------------------*/
/*　モーダル                                   */
/* ------------------------------------------*/





/* ------------------------------------------*/
/*　その他                                     */
/* ------------------------------------------*/

/* categorypickup ---------------------------------------*/

.categorypickup a{display: block;}

.categorypickup-image{
	margin-bottom: 10px;
	width: 100%;
	height: 315px;
	position:relative;
	overflow: hidden;
}

.categorypickup-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 600px;
	height: 315px;
}

.categorypickup-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.categorypickup-detail{overflow: hidden;}

.categorypickup .title-section,
.categorypickup .title-block{color:#484848;}

.categorypickup-shoulder,
.categorypickup-shoulder-nolink{
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #767676;
}

.categorypickup-shoulder:hover{text-decoration: underline;}

.categorypickup-title{
	font-weight:600;
	font-size: 2.8rem;
	line-height: 1.5;
	color: #484848;
}

a:hover .categorypickup-title{text-decoration: underline;}

.categorypickup.is-noimage .categorypickup-shoulder,
.categorypickup.is-noimage .categorypickup-shoulder-nolink{margin-bottom: 8px;}
.categorypickup.is-noimage .categorypickup-title{
	font-size:3.2rem;
	margin-bottom: 8px;
}


/* categorypickupfeature ---------------------------------------*/

.categorypickupfeature-wrapper {
	background: #E4E6E8;
	padding: 24px;
	text-align: center;
	margin-top: -24px;
}
.categorypickupfeature-frame {
	border: 1px solid #DBDBDB;
	width: 800px;
	height: 160px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
	overflow: hidden;
}
.categorypickupfeature-frame > a {
	display: block;
	height: 100%;
}
.categorypickupfeature-frame::after{
	background: -moz-linear-gradient(left, rgba(34,34,34,1) 65%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(left, rgba(34,34,34,1) 65%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to right, rgba(34,34,34,1) 65%,rgba(0,0,0,0) 100%);

	width: 520px;
	height: 100%;
	display: block;
	position: absolute;
	top:0;
	left: 0;
	content: '';
}
.categorypickupfeature-image{
	position: absolute;
	right: 0;
	height: 100%;
}
.categorypickupfeature-image img {
	max-width: 100%;
	max-height: 100%;
}
.categorypickupfeature-inner {
	position: absolute;
	left: 0;
	top: 0;
	padding: 30px 32px;
	color: #fff;
	z-index: 15;
	text-align: left;
	height: 100%;
}
.categorypickupfeature-title {
	margin-bottom: 4px;
	color: #fff;
	font-size: 20px;
	display: inline-block;
}
.categorypickupfeature-frame > a:hover .categorypickupfeature-title {
	text-decoration: underline;
}
.categorypickupfeature-title::after {
	display: inline-block;
	vertical-align: baseline;
	content:'';
	background:url('../../../images/v2/common/arrow_blue.svg') no-repeat left top;
	background-size:100%;
	width:17px;
	height:17px;
	margin-left: 4px;
	position: relative;
	top: 1px;
}
.categorypickupfeature-text {
	color: #BFBFBF;
	font-size: 14px;
	max-width: 360px;
}

/* featurepickup ---------------------------------------*/

.featurepickup a{display: block;}

.featurepickup-inner{
	display:flex;
	justify-content:space-between;
}

.featurepickup-image{
	width: 360px;
	height: 240px;
	position:relative;
	overflow: hidden;
}

.featurepickup-image::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #dbdbdb;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
}

.featurepickup-image img {
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 360px;
	height: 240px;
}

.featurepickup-detail{width: calc(100% - 384px);}

.featurepickup-shoulder,
.featurepickup-shoulder-nolink{
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	margin-bottom: 5px;
	color: #767676;
}

.featurepickup-shoulder:hover{text-decoration: underline;}

.featurepickup-title{
	font-weight:600;
	font-size: 2.8rem;
	line-height: 1.5;
	margin-bottom: 5px;
	color: #484848;
}

.featurepickup a:hover .featurepickup-title{text-decoration: underline;}


/* black */

.is-navy .featurepickup-image::before {border-color: #123A53;}
.is-navy .featurepickup-shoulder,
.is-navy .featurepickup-shoulder-nolink{color:#BFBFBF;}
.is-navy .featurepickup-title{color:#DFDFDF;}
.is-navy .featurepickup p{color:#BFBFBF;}


/* featurehistory ---------------------------------------*/

.featurehistory{padding-bottom: 12px;}

.featurehistory-title{
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 24px;
}

.featurehistory-title-s{
	font-weight:600;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 24px;
}

.featurehistory-title-small{
	font-weight:600;
	font-size: 1.8rem;
	line-height: 1.5;
	color: #484848;
	margin-bottom: 10px;
}

.featurehistory p{
	font-size:1.8rem;
	color: #484848;
	line-height: 1.96;
	margin-bottom: 24px;
}

.featurehistory hr{
	border:none;
	border-top: 1px solid #dbdbdb;
	background: none;
	margin: 24px 0;
}

.featurehistory a {
	color: #0078c6;
}

.featurehistory a:hover {
	text-decoration: underline;
}

.featurehistory p:last-child{margin-bottom: 16px;}

.featurehistory-textwithimage{
	overflow: hidden;
}

.featurehistory-image-left{
	float: left;
	margin-right: 24px;
	width: 320px;
}
.featurehistory-image-left figure{
	margin-bottom: 32px;
}

.featurehistory-image {
	clear: both;
	margin-bottom: 24px;
	text-align: center;
}
.featurehistory-image img {
	max-width: 800px;
	max-height: 800px;
}

.featurehistory-list{margin-bottom: 24px;}

.featurehistory-list > li{
	border-bottom:1px solid #dbdbdb;
	font-size:1.6rem;
	color: #484848;
	line-height: 1.5;
	padding: 16px 0 16px 32px;
	position: relative;
}

.featurehistory-list.is-noboder > li {
	border-bottom: none;
	padding: 12px 0 12px 32px;
}

ul.featurehistory-list > li::before{
	display:block;
	content:'';
	background:#0078c6;
	background-size:100%;
	width:8px;
	height:8px;
	border-radius:50%;
	position:absolute;
	left:8px;
	top:24px;
}

ol.featurehistory-list{
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}

ol.featurehistory-list > li::before{
	counter-increment: item;
	content: counter(item);
	color: #0078c6;
	position:absolute;
	left:8px;
	top:18px;
	line-height:1.0;
	font-family: Roboto;
	font-size:1.8rem;
}

.featurehistory-box{
	background: #F4F4F4;
	border:1px solid #dbdbdb;
	padding: 12px 24px;
	margin-bottom: 30px;
	clear: both;
}

.featurehistory-box .featurehistory-list{margin-bottom: 0;}

.featurehistory-box .featurehistory-list > li{
	border:none;
	padding: 12px 0 12px 32px;
}

.featurehistory-box-title {
	margin: 10px 0 12px;
	font-size: 18px;
	font-weight: 600;
}

.featurehistory-box-content {
	line-height: 2;
	font-size: 18px;
}

ul.featurehistory-list > li::before{top:25px;}
ol.featurehistory-list > li::before{top:18px;}

ul.featurehistory-list.is-noboder > li::before{top:20px;}
ol.featurehistory-list.is-noboder > li::before{top:14.5px;}

.featurehistory-box ul.featurehistory-list > li::before{top:20px;}
.featurehistory-box ol.featurehistory-list > li::before{top:14px;}

.featurehistory > table{margin: 0 0 24px;}

.featurehistory > table:not(.table-horizontal):not(.table-vertical) > thead > tr > th,
.featurehistory > table:not(.table-horizontal):not(.table-vertical) > thead > tr > td{
	background: #767676;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.94;
	padding: 3px 4px;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	text-align: center;
	white-space: nowrap;
}

.featurehistory > table:not(.table-horizontal):not(.table-vertical) > tbody > tr > th,
.featurehistory > table:not(.table-horizontal):not(.table-vertical) > tbody > tr > td{
	font-size: 1.6rem;
	line-height: 1.75;
	padding: 6px 8px;
	background: #fff;
	border: 1px solid #dbdbdb;
}

.featurehistory table:not(.table-horizontal):not(.table-vertical).is-zebra tbody tr:nth-child(2n) th,
.featurehistory table:not(.table-horizontal):not(.table-vertical).is-zebra tbody tr:nth-child(2n) td{
	background: #F4F4F4;
}


/* channelpagehead ---------------------------------------*/

.channelpagehead{
	position: relative;
}

.channelpagehead::after{
	display:block;
	content:'';
	background: -moz-linear-gradient(top, transparent , rgba(0,0,0,0.7));
	background: -webkit-linear-gradient(top, transparent , rgba(0,0,0,0.7));
	background: linear-gradient(to bottom, transparent , rgba(0,0,0,0.7));
	width:100%;
	height:160px;
	position:absolute;
	left:0;
	bottom:0;
}

.channelpagehead.is-noimage::after{display: none;}

.channelpagehead-inner{
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 40px 40px 36px;
	color: #fff;
	z-index: 15;
}

.channelpagehead-title-wrapper{margin-bottom: 12px; width:100%; position:relative;}

.channelpagehead-shoulder{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
	font-weight:600;
	line-height: 1.5;
	font-size:1.6rem;
	position: relative;
	top: 6px;
	color: #484848;
}

.channelpagehead-shoulder a:hover{text-decoration: underline;}

.channelpagehead-title{
	font-size:2.8rem;
	font-weight:600;
	line-height: 1.5;
	color: #484848;
	display: inline-block;
	vertical-align: middle;
}

.channelpagehead-follow{
	display: inline-block;
	vertical-align: middle;
	margin-left: 35px;
}

.channelpagehead-text{
	color: #484848;
	font-size:1.4rem;
	line-height: 1.57;
}

.channelpagehead-language{
	font-size: 1.4rem;
	line-height: 1.1;
	color: #FFFFFF;
	font-family: Roboto;
	letter-spacing: 0;
	position:absolute;
	top:13px;
	right:0;
}

.channelpagehead-language:hover {
	text-decoration: underline;
}

.channelpagehead-inner .channelpagehead-shoulder,
.channelpagehead-inner .channelpagehead-text,
.channelpagehead-inner .channelpagehead-title{color: #fff;}

.channelpagehead-sns{
	display: inline-block;
	vertical-align: middle;
	margin-left: 16px;
}

.channelpagehead-sns > a{
	display: inline-block;
	vertical-align: middle;
	text-indent:-99em;
	overflow: hidden;
	width: 24px;
	height: 24px;
	background: url('../../../images/v2/common/icon_head_tw.svg') center center;
	background-size: 24px 24px;
}

.channelpagehead-sns > a.channelpagehead-sns-twitter{background-image: url('../../../images/v2/common/icon_tool_tw.svg')}
.is-navy .channelpagehead-sns > a.channelpagehead-sns-twitter{background-image: url('../../../images/v2/common/icon_head_tw.svg')}

.channelpagehead-sns > a:hover.channelpagehead-sns-twitter{background-image: url('../../../images/v2/common/icon_head_tw_on.svg')}

.channelpagehead-live{
	position:absolute;
	right: 0;
	top: 0;
	width: 70px;
	height: 30px;
	line-height: 30px;
	text-align:center;
	padding-right: 5px;
	color: #fff;
	font-size:14px;
	font-family: Roboto;
	background: #E03E3B;
}

.channelpagehead-live::after{
	display: block;
	content:'';
	background:url('../../../images/v2/common/icon_live_white.svg') no-repeat left center;
	background-size:100%;
	width:12px;
	height:12px;
	position: absolute;
	right: 11px;
	top: 50%;
	transform: translate(-0,-50%);
}


.is-navy .channelpagehead-shoulder,
.is-navy .channelpagehead-title,
.is-navy .channelpagehead-text{color:#fff;}

/* category title ---------------------------------------*/

.categorypagehead-wrapper{
	border-bottom:1px solid #dbdbdb ;
	padding: 16px 40px;
	position:relative;
}

.categorypagehead-wrapper .l-inner{position:relative;}

.categorypagehead{
	font-weight:600;
	font-size: 1.8rem;
	line-height: 1;
	color: #222222;
}

.categorypagehead-nav{
	position: absolute;
	right: 0px;
	top: 50%;
	transform: translate(0,-50%);
	text-align: right;
	white-space: nowrap;
}

.categorypagehead-nav-link{
	display: inline-block;
	margin-left: 12px;
	font-size:1.4rem;
}

/* searchresults ---------------------------------------*/

.searchresults{}
.searchresults-terms-wrapper{padding: 40px 0 0;}

.searchresults-terms{
	font-size: 0;
	padding-bottom: 10px;
	border-bottom:1px solid #dbdbdb;
}

.searchresults-terms li{
	font-size: 1.2rem;
	line-height: 1.5;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 5px;
	color: #767676;
}

.searchresults-title-wrapper{margin-bottom: 15px;}

.searchresults-title-wrapper .title-block{display: inline-block;}

.searchresults-title{
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-left: 20px;
	vertical-align: baseline;
}

.searchresults-title span{
	font-family: Roboto;
	font-size: 1.4rem;
	line-height: 1.86;
	color: #484848;
	margin: 0 5px;
}

.searchresultsort-wrapper {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}

.searchresultsort {width: 120px;}

.articlelist-detail em{
	background: #bfddf1;
	font-weight: 600;
}

.searchresults-featurelist{position: relative;}

.searchresults .featurelist-slider-wrapper{overflow: hidden;}
.searchresults .featurelist-wrapper .featurelist-button-prev{left:-40px;}
.searchresults .featurelist-wrapper .featurelist-button-next{right:-40px;}


/* shimensort ---------------------------------------*/

.shimenhead{display: inline-block;}
.shimenresultsort{
	width: 140px;
	display: inline-block;
	margin-left: 24px;
}


/* authorpagehead ---------------------------------------*/

.authorpagehead{
	width: 960px;
	margin: 60px auto 60px;
	display:flex;
	justify-content:space-between;
	align-items:center;
}

.authorpagehead-image{
	width: 100px;
	height:100px;
	border-radius: 50%;
	overflow: hidden;
	position:relative;
	background: url('../../../images/v2/common/img_auther_noimage.png') no-repeat center center;
	background-size: 100%;
}

.authorpagehead-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100px;
	height: 100px;
}

.authorpagehead-detail{width: calc(100% - 148px);}
.authorpagehead-head{
	/*overflow: hidden;*/ /* ツイッターアイコンのhover文字が出ない */
}

.authorpagehead-sns{
	display: inline-block;
	margin-left: 0px;
	vertical-align: middle;
	font-size:0px;
}

.authorpagehead-sns > li{
	display: inline-block;
	margin-left: 15px;
}

.authorpagehead-sns > li a{display: block;}
.authorpagehead-sns > li a:hover{opacity:0.7;}

.authorpagehead-title{
	font-size:2.8rem;
	font-weight:600;
	line-height: 1.5;
	color: #484848;
	display: inline-block;
	vertical-align: middle;
}

.authorpagehead-follow{
	display: inline-block;
	margin-left: 24px;
}

.authorpagehead-job{
	color: #767676;
	line-height: 1.5;
	font-size:1.2rem;
}

.authorpagehead-text{
	font-size:1.4rem;
	line-height: 1.71;
	color: #484848;
	margin-top: 12px;
}


/* thumbphotolist ---------------------------------------*/

.thumbphotolist{
	width: 664px;
	margin: 0 auto;
	position: relative;
}

.thumbphotolist-count{
	color: #767676;
	font-size:1.2rem;
	line-height: 1.5;
	text-align: right;
	position: absolute;
	right: 0;
	top: -23px;
}

.thumbphotolist-main{
	overflow: hidden;
	margin-bottom: 24px;
	position:relative;
}

.thumbphotolist-main-item a{
	color:#0078c6;
	margin-left: 12px;
}

.thumbphotolist-main-item a:hover{text-decoration: underline;}
.thumbphotolist-main .image-mask::after{height: calc(100% - 60px);}

.thumbphotolist-main-item figure{
	text-align:center;
	width:100%;
}

.thumbphotolist-main-item figure img{
	max-height:520px;
}

.thumbphotolist-main-item figure figcaption{
	text-align: left;
}

.thumbphotolist .swiper-pagination-bullet{
	width:48px;
	height: 48px;
	background: none;
	position: relative;
	overflow: hidden;
	border-radius:0;
}

.thumbphotolist .swiper-pagination-bullet img{
	height: 100%;
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	max-width: 200%;
}

.thumbphotolist-thumb{
	margin: 0 57px;
	overflow: hidden;
}

.thumbphotolist-thumb-wrapper{
	position: relative;
	overflow: hidden;
	margin: 0 -56px;
}

.thumbphotolist-main-wrapper .swiper-button-next,
.thumbphotolist-main-wrapper .swiper-button-prev {
	background: url('../../../images/v2/common/arrow_blue.svg') no-repeat center center;
	background-size: 24px 24px;
	width: 45px;
	height:calc(100% - 120px);
	outline: none;
}

.thumbphotolist-main-wrapper .swiper-button-next:hover,
.thumbphotolist-main-wrapper .swiper-button-prev:hover {
	background-color: #e2eef5;
	opacity: 1;
}

.thumbphotolist-main-wrapper .swiper-button-next{
	right: -53px;
	top: 0px;
	margin-top: 0;
}

.thumbphotolist-main-wrapper .swiper-button-prev {
	left: -53px;
	top: 0px;
	margin-top: 0;
	transform: rotate(180deg);
}

.thumbphotolist-thumb-wrapper .swiper-button-next,
.thumbphotolist-thumb-wrapper .swiper-button-prev {
	background: url('../../../images/v2/common/arrow_blue.svg') no-repeat center center #fafafa;
	background-size: 16px 16px;
	width: 51px;
	height: 50px;
	outline: none;
	margin-top: 0;
}

.thumbphotolist-thumb-wrapper .swiper-button-next:hover,
.thumbphotolist-thumb-wrapper .swiper-button-prev:hover {
	background-color: #e2eef5;
	opacity: 1;
}

.thumbphotolist-thumb-wrapper .swiper-button-next{
	right: 0px;
	top: 0px;
}
.thumbphotolist-thumb-wrapper .swiper-button-prev {
	left: 0px;
	top: 0px;
	transform: rotate(180deg);
}

.thumbphotolist-thumb .swiper-slide{
	width:48px;
	height:48px;
	cursor: pointer;
}

.thumbphotolist-thumb img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 48px;
}

.thumbphotolist-thumb .swiper-slide:hover{opacity:0.7;}

.thumbphotolist-thumb .swiper-slide.is-active{position: relative;}

.thumbphotolist-thumb .swiper-slide.is-active::after{
	display:block;
	content:'';
	background:rgba(0,0,0,0.5);
	width:100%;
	height:100%;
	position: absolute;
	right:0;
	top:0;
	box-sizing:border-box;
	border:2px solid #0078c6;
}

.thumbphotolist-thumb .swiper-slide.is-active:hover{opacity:1;}
.thumbphotolist .swiper-button-disabled{opacity:0;}


/* 時系列で見る ---------------------------------------*/

.timeseries{
	padding: 40px 35px 40px 35px;
	border: solid 1px #dbdbdb;
	background-color: #ffffff;
	margin: 0 0 48px;
}

.timeseries-title{
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	margin-bottom: 8px;
	color: #222;
}

.timeseries-shoulder{
	font-weight:600;
	font-size: 1.4rem;
	line-height: 1.5;
	font-weight:600;
	color: #222;
	margin-bottom: 4px;
}

.timeseries-shoulder a{color:#0078c6;}
.timeseries-shoulder a:hover{text-decoration: underline;}

.timeseries-scroll-wrapper{height: 450px;}
.timeseries-scroll-wrapper.is-noscroll{height:auto;}
.timeseries-scroll{padding-left: 10px;}
.timeseries-list{position: relative;}

.timeseries-list > li{
	padding: 0 30px 0 30px;
	position: relative;
}

.timeseries-list > li > a{
	padding: 20px 0;
	display: block;
	border-bottom: solid 1px #dbdbdb;
	position: relative;
}

.timeseries-list > li > a::after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.timeseries-list > li:last-child > a{border:none;}

.timeseries-list > li::before{
	content:'';
	display: block;
	position: absolute;
	left: 1px;
	top: 0%;
	background: #dbdbdb;
	width:1px;
	height:100%;
}

.timeseries-list > li:first-child::before{
	top:50%;
	height: 50%;
}

.timeseries-list > li:last-child::before{height: 50%;}

.timeseries-list.has-next > li:first-child::before{
	top: 0;
	height: 100%;
}

.timeseries-list.has-prev > li:last-child::before{height: 100%;}
.timeseries-list.has-one > li:last-child::before{display: none;}

.timeseries-list > li::after{
	content:'';
	display: block;
	position: absolute;
	left: -3px;
	top: 50%;
	margin-top: -4px;
	background: #dbdbdb;
	border-radius:100%;
	width:8px;
	height:8px;
}

.timeseries-list > li.is-current::after{
	left: -8px;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	background-color: #0078c6;
	border:2px solid #9BC9E6;
}


.timeseries-list > li.is-current > a{
	cursor: default;
}
.timeseries-list > li > a:hover{opacity:1;}

.timeseries-list > li > a:hover::before,
.timeseries-list > li.is-current > a::before{
	content:'';
	display: block;
	position: absolute;
	left: -10px;
	top: 5px;
	width:  calc(100% + 20px);
	height:  calc(100% - 10px);
 	background-color: #e5f1f9;
}

.timeseries-list-image{
	float: right;
	width: 96px;
	height: 64px;
	background: #fff;
	margin-left: 20px;
	position: relative;
	z-index: 2;
	overflow: hidden;
}

.timeseries-list-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.timeseries-list-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 96px;
	height: 64px;
}

.timeseries-list-detail{
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.timeseries-list-title{
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 4px;
}

.timeseries-more{
	text-align: center;
	padding: 30px 0 0;
}

.mCSB_scrollTools{
	width:8px!important;
	opacity:1!important;
}

.mCSB_scrollTools .mCSB_draggerContainer{background: #e5e5e5;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
	background: #0078c6 !important;
	width: 8px!important;
	border-radius:0!important;
}

.mCSB_scrollTools .mCSB_draggerRail{background: none!important;}


/* 前の記事・次の記事 ---------------------------------------*/

.articlenav{
	margin: 0 0 48px;
	padding: 0px 0 0;
}

.articlenav-inner{overflow: hidden;}
.articlenav-inner > a{
	display: block;
}

.articlenav-prev{
	padding: 24px 0 0;
}

.articlenav-next + .articlenav-prev{
	border-top:1px solid #dbdbdb;
}

.articlenav-next{padding: 0 0 24px;}

.articlenav-item{
	overflow: hidden;
}

.articlenav-item-image{
	width: 96px;
	height: 64px;
	position: relative;
	overflow: hidden;
	float: left;
	margin-right: 16px;
}

.articlenav-item-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.articlenav-item-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 96px;
	height: 64px;
}

.articlenav-item-text{
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #484848;
}

a:hover .articlenav-item-text{text-decoration: underline;}

.articlenav-prev-direction,
.articlenav-next-direction{
	font-weight:600;
	font-size: 1.4rem;
	line-height: 1.57;
	color: #484848;
	margin-bottom: 8px;
}

a:hover .articlenav-prev-direction,
a:hover .articlenav-next-direction{text-decoration: underline;}

.articlenav-next-direction::after,
.articlenav-prev-direction::after {
	display: inline-block;
	vertical-align: baseline;
	content: '';
	background: url(../../../images/v2/common/arrow_blue.svg) no-repeat left center;
	background-size: 100%;
	width: 14px;
	height: 14px;
	margin-left: 4px;
	position: relative;
	top: 1px;
}


/* コメント ---------------------------------------*/

.comments{
	padding: 20px 0 60px;
	border-top:1px solid  #484848;
}

.comments-title{
	display:flex;
	justify-content:space-between;
	align-items: center;
	margin-bottom: 27px;
}

.comments-note{
	float: right;
	text-align: right;
	font-size: 1.3rem;
	line-height: 1;
	color: #484848;
}

.comments-note a{color: #0078c8;}
.comments-note a:hover{text-decoration: underline;}
.comments-input{margin-bottom: 12px;}

.comments-input .form-text{
	font-size: 1.4rem;
	padding: 11px 20px;
	margin-bottom: 20px;
}

.comments-counts{
	float: right;
	font-size: 1.2rem;
	line-height: 1.92;
	text-align: right;
	color: #767676;
}

.comments-counts > span{font-family: HiraginoSans-W7;}

.comments button{}

.comments-soat{
	float: right;
	width: 110px;
}

.comments-item-wrapper{
	padding-top: 13px;
	clear: both;
	margin-bottom: 20px;
}

.comments-item{
	padding: 18px 24px;
	border: solid 1px #cccccc;
	background-color: #ffffff;
	margin-bottom: 24px;
}

.comments-item-more{display: none;}
.comments-item:last-child{margin-bottom: 0;}
.comments-item-header{margin-bottom: 10px;}

.comments-item-title{
	display: inline-block;
	font-family: HiraginoSans-W7;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #767676;
	vertical-align: middle;
}

.comments-item-id,
.comments-item-date{
	display: inline-block;
	font-family: HiraginoSans-W7;
	font-size: 1.1rem;
	line-height: 1.5;
	color: #888888;
	margin-left: 15px;
	vertical-align: middle;
}

.comments-item-call{float: right;}

.comments-item-call a{
	display: block;
	font-size: 1.2rem;
	line-height: 1.92;
	color: #c35d59;
}

.comments-item-call a:hover{text-decoration: underline;}

.comments-item-body{margin-bottom: 10px;}

.comments-item-body p{
	font-size: 1.3rem;
	line-height: 1.69;
	color: #767676;
}

.comments-item-footer{
	display:flex;
	justify-content:space-between;
	align-items: center;
}

.comments-item-review{
	width: calc(100% - 100px);
}

.comments-item-review-good,
.comments-item-review-bad{
	font-size: 1.3rem;
	line-height: 1.95;
	color: #767676;
	display: inline-block;
	margin-right: 15px;
	cursor: pointer;
}

.comments-item-review-good::before,
.comments-item-review-bad::before{
	content:'';
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width:20px;
	height:20px;
}

.comments-item-review-good::before{
	background: url('../../../images/v2/common/icon_review_good.svg') 0 0 no-repeat;
	background-size: 100%;
}

.comments-item-review-bad::before{
	background: url('../../../images/v2/common/icon_review_bad.svg') 0 0 no-repeat;
	background-size: 100%;
}

.comments-item-reply{
	width:100px;
	text-align: right;
}

.comments-item-reply a{
	font-size: 1.3rem;
	display: inline-block;
	line-height: 1.77;
	color: #767676;
}

.comments-item-reply a:hover{text-decoration: underline;}

.comments-powered{
	font-size: 1.1rem;
	line-height: 1.73;
	text-align: right;
	color: #a8a8a8;
}


/* articletool ---------------------------------------*/

.articletool{
	position: absolute;
	left: 0;
	top: 0px;
	display: none;
	z-index: 5;
}

.articletool.is-photopage{top:30px;}

.articletool.is-fix{
	position: fixed;
	left: 50%;
	top: 64px !important;
	margin-left: -600px;
}

.articletool.is-fix.is-bottom{
	top: auto !important;
	bottom: 0;
	left: 0;
	margin-left: 0;
	position: absolute;
}

@media screen and (max-width: 1280px){
	.articletool.is-fix{
		left: 40px;
		margin-left: 0;
	}
}

.articletool-list > li{
	cursor: pointer;
	height: 24px;
	margin-bottom: 15px;
	position: relative;
	padding-left: 24px;
	background: url('../../../images/v2/common/icon_tool_comment.svg') no-repeat left center;
	background-size: 24px 24px;
}

.articletool-list > li.is-disabled{cursor:default;}

.articletool-list > li img{
	width: 24px;
	height: 24px;
}

.articletool-list > li.tool-comment{background-image: url('../../../images/v2/common/icon_tool_comment.svg');}
.articletool-list > li.tool-save{background-image: url('../../../images/v2/common/icon_tool_save.svg');}
.articletool-list > li.tool-twitter{background-image: url('../../../images/v2/common/icon_tool_tw.svg');}
.articletool-list > li.tool-twitter-timeline{
	background-image: url('../../../images/v2/common/icon_tool_tw_timline.svg');
	background-size: 24px 36px;
	height: 36px;
}
.articletool-list > li.tool-facebook{background-image: url('../../../images/v2/common/icon_tool_fb.svg');}
.articletool-list > li.tool-hatebu{background-image: url('../../../images/v2/common/icon_tool_hatebu.svg');}
.articletool-list > li.tool-mail{background-image: url('../../../images/v2/common/icon_tool_mail.svg');}
.articletool-list > li.tool-link{background-image: url('../../../images/v2/common/icon_tool_link.svg');}
.articletool-list > li.tool-print{background-image: url('../../../images/v2/common/icon_tool_print.svg');}

.articletool-list > li.tool-comment:hover{background-image: url('../../../images/v2/common/icon_tool_comment_on.svg');}
.articletool-list > li.tool-save:hover{background-image: url('../../../images/v2/common/icon_tool_save_on.svg');}
.articletool-list > li.tool-twitter:hover{background-image: url('../../../images/v2/common/icon_tool_tw_on.svg');}
.articletool-list > li.tool-twitter-timeline:hover{background-image: url('../../../images/v2/common/icon_tool_tw_timline_on.svg');}
.articletool-list > li.tool-facebook:hover{background-image: url('../../../images/v2/common/icon_tool_fb_on.svg');}
.articletool-list > li.tool-hatebu:hover{background-image: url('../../../images/v2/common/icon_tool_hatebu_on.svg');}
.articletool-list > li.tool-mail:hover{background-image: url('../../../images/v2/common/icon_tool_mail_on.svg');}
.articletool-list > li.tool-link:hover{background-image: url('../../../images/v2/common/icon_tool_link_on.svg');}
.articletool-list > li.tool-print:hover{background-image: url('../../../images/v2/common/icon_tool_print_on.svg');}

.articletool-list > li.tool-save.is-active{background-image: url('../../../images/v2/common/icon_tool_save_active.svg');}
.articletool-list > li.tool-save.is-active:hover{background-image: url('../../../images/v2/common/icon_tool_save_active_on.svg');}

.articletool-list > li.tool-comment.is-disabled,
.articletool-list > li.tool-comment.is-disabled:hover{background-image: url('../../../images/v2/common/icon_tool_comment.svg');opacity:0.7;}
.articletool-list > li.tool-save.is-disabled,
.articletool-list > li.tool-save.is-disabled:hover{background-image: url('../../../images/v2/common/icon_tool_save_bk.svg');opacity:0.7;}
.articletool-list > li.tool-twitter.is-disabled,
.articletool-list > li.tool-twitter.is-disabled:hover{background-image: url('../../../images/v2/common/icon_tool_tw.svg');opacity:0.7;}
.articletool-list > li.tool-facebook.is-disabled,
.articletool-list > li.tool-facebook.is-disabled:hover{background-image: url('../../../images/v2/common/icon_tool_fb.svg');opacity:0.7;}
.articletool-list > li.tool-hatebu.is-disabled,
.articletool-list > li.tool-hatebu.is-disabled:hover{background-image: url('../../../images/v2/common/icon_tool_hatebu.svg');opacity:0.7;}
.articletool-list > li.tool-mail.is-disabled,
.articletool-list > li.tool-mail.is-disabled:hover{background-image: url('../../../images/v2/common/icon_tool_mail.svg');opacity:0.7;}
.articletool-list > li.tool-link.is-disabled,
.articletool-list > li.tool-link.is-disabled:hover{background-image: url('../../../images/v2/common/icon_tool_link.svg');opacity:0.7;}
.articletool-list > li.tool-print.is-disabled,
.articletool-list > li.tool-print.is-disabled:hover{background-image: url('../../../images/v2/common/icon_tool_print.svg');opacity:0.7;}

.articletool-label{
	position: absolute;
	left: 35px;
	top: 0;
	display:block;
	white-space: nowrap;
	background:#484848;
	font-size: 1.2rem;
	padding: 7px 15px;
	line-height: 1.0;
	min-width: 56px;
	color: #fff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16);
	display: none;
}

.articletool-list > li:hover .articletool-label{display:block;}
.articletool-list > li.is-disabled:hover .articletool-label{display: none;}

.articletool-comment-num{
	position: absolute;
	padding: 2px 3px;
	display: inline-block;
	font-family: Roboto;
	font-size: 1.0rem;
	line-height: 1;
	text-align: center;
	color: #ffffff;
	border-radius: 7px;
	background-color: #767676;
	left: 13px;
	top: 10px;
}
.articletool-list > li.tool-comment:hover .articletool-comment-num{background-color: #0078C6;}

.articletool-list > li > a {
	height: 24px;
	width: 24px;
	position: absolute;
	top: 0;
	left: 0;
}

/* horiontaltool ---------------------------------------*/

.horizontaltool{
	position:relative;
	z-index: 2;
}

.horizontaltool-list{
	text-align:right;
	font-size: 0px;
}

.horizontaltool-list > li{
	margin-left: 8px;
	position: relative;
	display: inline-block;
	font-size: 1.2rem;
	text-align: left;
	width: 40px;
}

.horizontaltool-list > li a{
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align:center;
}

.horizontaltool-list-icon{
	display: inline-block;
	background: url('../../../images/v2/common/icon_tool_comment.svg') no-repeat center center;
	background-size: 24px 24px;
	height: 24px;
	width: 24px;
	text-indent: -99em;
	overflow: hidden;
}

.horizontaltool-list > li.tool-comment .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_comment.svg');}
.horizontaltool-list > li.tool-save .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_save.svg');}
.horizontaltool-list > li.tool-twitter .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_tw.svg');}
.horizontaltool-list > li.tool-facebook .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_fb.svg');}
.horizontaltool-list > li.tool-hatebu .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_hatebu.svg');}
.horizontaltool-list > li.tool-mail .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_mail.svg');}
.horizontaltool-list > li.tool-link .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_link.svg');}
.horizontaltool-list > li.tool-print .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_print.svg');}

.horizontaltool-list > li.tool-comment a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_comment_on.svg');}
.horizontaltool-list > li.tool-save a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_save_on.svg');}
.horizontaltool-list > li.tool-twitter a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_tw_on.svg');}
.horizontaltool-list > li.tool-facebook a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_fb_on.svg');}
.horizontaltool-list > li.tool-hatebu a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_hatebu_on.svg');}
.horizontaltool-list > li.tool-mail a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_mail_on.svg');}
.horizontaltool-list > li.tool-link a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_link_on.svg');}
.horizontaltool-list > li.tool-print a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_print_on.svg');}

.horizontaltool-list-label{
	display: inline-block;
	position:absolute;
	left: 50%;
	bottom: -24px;
	transform: translate(-50%,0);
	background: #484848;
	font-size:1.2rem;
	color: #fff;
	height: 24px;
	line-height: 24px;
	padding: 0 16px;
	white-space: nowrap;
	text-align:center;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
	display: none;
}

/* 挿入位置によるレイアウト調整  */
.authorpagehead-head .horizontaltool-list,
.channelpagehead-title-wrapper .horizontaltool-list { text-align:left;display:inline-block;vertical-align:middle;}

a:hover .horizontaltool-list-label{display: block;}


/* black */

.is-navy .horizontaltool-list > li.tool-comment .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_comment_black.svg');}
.is-navy .horizontaltool-list > li.tool-save .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_save_black.svg');}
.is-navy .horizontaltool-list > li.tool-twitter .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_tw_black.svg');}
.is-navy .horizontaltool-list > li.tool-facebook .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_fb_black.svg');}
.is-navy .horizontaltool-list > li.tool-hatebu .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_hatebu_black.svg');}
.is-navy .horizontaltool-list > li.tool-mail .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_mail_black.svg');}
.is-navy .horizontaltool-list > li.tool-link .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_link_black.svg');}
.is-navy .horizontaltool-list > li.tool-print .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_print_black.svg');}

.is-navy .horizontaltool-list > li.tool-comment a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_comment_black_on.svg');}
.is-navy .horizontaltool-list > li.tool-save a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_save_black_on.svg');}
.is-navy .horizontaltool-list > li.tool-twitter a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_tw_black_on.svg');}
.is-navy .horizontaltool-list > li.tool-facebook a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_fb_black_on.svg');}
.is-navy .horizontaltool-list > li.tool-hatebu a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_hatebu_black_on.svg');}
.is-navy .horizontaltool-list > li.tool-mail a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_mail_black_on.svg');}
.is-navy .horizontaltool-list > li.tool-link a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_link_black_on.svg');}
.is-navy .horizontaltool-list > li.tool-print a:hover .horizontaltool-list-icon{background-image: url('../../../images/v2/common/icon_tool_print_black_on.svg');}


/* articledetail ---------------------------------------*/

.articledetail{
	padding: 0 0 0 64px;
	margin-bottom: 64px;
	position: relative;
}


/* articledetail-head  */

.articledetail-head{padding: 37px 0 25px 64px;}

.articledetail-head-shoulder{margin-bottom: 8px;}

.articledetail-head-shoulder small{
	display: inline-block;
	font-weight: 400;
	font-size: 1.2rem;
	color: #767676;
	line-height: 1;
	vertical-align: middle;
	margin-right: 9px;
}

.articledetail-head-shoulder a{
	font-weight:600;
	font-size: 1.8rem;
	line-height: 1;
	color: #0078c6;
	vertical-align: middle;
}

.articledetail-head-shoulder span{
	font-weight:600;
	font-size: 1.8rem;
	line-height: 1;
	color: #484848;
	vertical-align: middle;
}

.articledetail-head-shoulder a:hover{text-decoration: underline;}

.articledetail-head .title-page{
	margin-bottom: 8px;
	color: #484848;
}

.articledetail-head-category-list{
	font-size: 0;
	display: inline-block;
}
.articletag-item + .articledetail-head-category-list,
.articletag-author + .articledetail-head-category-list{
	margin-left: 20px;
}

.articledetail-head-category-list li{
	display: inline-block;
	font-size: 1.1rem;
	line-height: 1;
	color: #0078c6;
}

.articledetail-head-category-list li a{
	color: #0078c6;
	display: block;
	padding: 0 10px;
	border-left:1px solid #dbdbdb;
}

.articledetail-head-category-list li:first-child a{
	padding-left: 0;
	border-left:none;
}

.articledetail-head-category-list li a:hover{text-decoration: underline;}


/* articledetail body ---------------------------------------*/

.articledetail-body{
	position: relative;
	margin-bottom: 40px;
}

.articledetail-image{margin-bottom: 37px;}

.articledetail-image-scale,
.articledetail-image-scale-single{
	position: absolute;
	right: 12px;
	bottom: 12px;
	cursor: pointer;
	z-index: 15;
}

.articledetail-image-scale img,
.articledetail-image-scale-single img{
	width: 50px;
	height: 50px;
}

.articledetail-kv-image{position: relative;}
.articledetail-image2{
	margin: 40px 0 40px;
}
.articledetail-image::before,
.articledetail-image2::before{
	content: "";
	display: block;
	clear: both;
}

.articledetail-image2-inner{
	width: 100%;
	position: relative;
}

.articledetail-image2-inner img{
	width: 100%;
	max-height: 100%;
}

.articledetail-image2 .articledetail-image2-inner{
	height: 410px;
}
.articledetail-image2 .articledetail-image2-inner img{
	position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
	max-width: 100%;
	width: auto;
}
.articledetail-image-full{
	text-align: center;
}

.articledetail-body::after{
	display: block;
	position: relative;
	content: '';
	clear: both;
}

.articledetail-body > p{
	font-size: 1.8rem;
	line-height: 1.94;
	color: #484848;
	margin: 0 48px 32px 48px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.articledetail-body > p a{
	color: #0078c6;
}

.articledetail-body > hr{
	border:none;
	border-top: 1px solid #dbdbdb;
	background: none;
	margin: 12px 48px 40px;
}

.articledetail-body > h2,
.articledetail-body > h3{
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #484848;
	margin: 0 48px 1.7rem 48px;
}

.articledetail-body blockquote{
	border: solid 2px #dbdbdb;
	background-color: #fafafa;
	padding: 24px 30px;
	font-size: 1.6rem;
	line-height: 2.0;
	margin: 0 48px 48px;
	clear: both;
}

.articledetail-body blockquote p{
	font-size: 1.6rem;
	line-height: 2.0;
}

.articledetail-body blockquote small{
	font-size: 1.4rem;
	line-height: 1.57;
}

.articledetail-body blockquote a{color:#0078c6;}
.articledetail-body blockquote a:hover{text-decoration: underline;}

.articledetail-table{
	margin:0 48px 48px;
	max-width: 680px;
}

.articledetail-subcontents{padding:0 48px;}
.articledetail-body-pr{margin: 50px 48px;}
.articledetail-body-pr-list li{margin-top: 10px;}
.articledetail-body-pr-list li:first-child{margin-top: 0;}

.articledetail-body-pr-list a{
	display: block;
	margin-bottom: 10px;
}

.articledetail-body-pr-list a:last-child{margin-bottom: 0;}

.articledetail-body-pr-icon{
	border: solid 1px #a3a3a3;
	width:30px;
	font-family: Roboto;
	font-size: 1.0rem;
	line-height: 1.6;
	text-align: center;
	color: #7c7c7c;
	padding: 0 0;
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
}

.articledetail-body-pr-text{
	display: inline-block;
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #484848;
	margin: 0;
	vertical-align: middle;
}

.articledetail-body-pr-list a:hover .articledetail-body-pr-text{text-decoration: underline;}

.articledetail-image-left,
.articledetail-image2-left{
	float: left;
	clear: left;
	margin:0 24px 0 48px;
	width: 280px;
}

.articledetail-image-right,
.articledetail-image2-right{
	float: right;
	clear: right;
	margin:0 48px 0 24px;
	width: 280px;
}

.articledetail-image-left figure,
.articledetail-image2-left figure,
.articledetail-image-right figure,
.articledetail-image2-right figure{margin-bottom: 32px;}

.articledetail-image-inner {text-align: center;}

.articledetail-textwithimage figcaption{padding-top: 8px;}

.articledetail-video{margin-bottom: 37px;}

.articledetail-bottom{
	border-top:1px solid #dbdbdb;
	padding: 80px 0 0 0;
}

.articledetail-recommend{}

.articledetail-recommend a{
	display: block;
	padding: 16px;
	background: #fff;
	border:1px solid #dbdbdb;
}


.articledetail-recommend-item{overflow: hidden;}

.articledetail-recommend-image{
	float: left;
	width: 144px;
	height: 96px;
	margin-right: 16px;
	position: relative;
	overflow: hidden;
}

.articledetail-recommend-image::before{
	content:'';
	position: absolute;
	left: 0;
	top: 0;
	border:1px solid #dbdbdb;
	width:100%;
	height:100%;
	box-sizing:border-box;
	z-index: 1;
}

.articledetail-recommend-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 144px;
	height: 96px;
}

.articledetail-recommend-detail{overflow: hidden;}

.articledetail-recommend-shoulder{
	font-weight:600;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #767676;
}

.articledetail-recommend-shoulder:hover{text-decoration: underline;}

.articledetail-recommend-item-more{display: none;}

.articledetail-recommend-title{
	color: #484848;
	font-weight:600;
	font-size: 1.6rem;
	line-height: 1.5;
	margin-bottom: 5px;
}

.articledetail-recommend a:hover .articledetail-recommend-title{text-decoration: underline;}


/* photopickup ---------------------------------------*/

.photopickup {
	width: 800px;
	margin: 0 auto;
}

.photopickup-item {width: 100%;}
.photopickup-item a{display: block;}
.photopickup-item a:hover .panellist-title{text-decoration: underline;}
.photopickup-image {width: 100%;}

.photopickup-detail {}


/* archivebnr ---------------------------------------*/

.archivebnr-wrapper {}

.archivebnr {}

.archivebnr-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 15px 14px;
	background-color: #fff;
	border: 1px solid #DBDBDB;
}

.archivebnr-image {
	width: 96px;
	height: 64px;
	position: relative;
}

.archivebnr-image::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #dbdbdb;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
}

.archivebnr-image img{
	object-fit: cover;
	font-family: 'object-fit: cover;';
	width: 100%;
	height: 64px;
}

.archivebnr-detail {width: calc(100% - 108px);}

.archivebnr-title {
	color: #484848;
	font-size: 1.5rem;
	line-height: 1.1;
	margin-bottom: 8px;
	font-weight:600;
}

.archivebnr-item:hover .archivebnr-title{text-decoration: underline;}

.archivebnr-text {
	color: #767676;
	font-size: 1.2rem;
	line-height: 1.6;
	font-weight: 300;
}

.archivebnr.is-l .archivebnr-item{padding: 24px;}
.archivebnr.is-l .archivebnr-image {width: 120px;}
.archivebnr.is-l .archivebnr-detail {width: calc(100% - 132px);}
.archivebnr.is-l .archivebnr-title {font-size: 1.6rem;}


/* black */

.is-navy .archivebnr-item {
	background-color: #082D45;
	border: 1px solid #123A53;
}

.is-navy .archivebnr-title {color: #DFDFDF;}
.is-navy .archivebnr-text {color: #BFBFBF;}
.is-navy .archivebnr-image::before {border: 1px solid #123A53;}


/* livemovie ---------------------------------------*/

.livemovie-wrapper{
	position:relative;
}

.livemovie-wrapper.is-fixed{
	padding-top: 472px;
}

.livemovie{}

.livemovie-wrapper.is-fixed .livemovie{
	position: fixed;
	right: 24px;
	top: 64px;
	width: 320px;
	z-index: 1000;
}


/* score ---------------------------------------*/

.score{
	border: solid 1px #dbdbdb;
	background-color: #484848;
	padding: 12px 24px;
	color: #fff;
}

.is-navy .score{
	border: solid 1px #123A53;
	background-color: #224C67;
}


/* score-baseball */

.score-baseball{}
.score-baseball-head{}
.score-baseball table{table-layout:fixed;}

.score-baseball table thead th,
.score-baseball table thead td{
	padding-bottom: 10px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
}

.score-baseball table tbody th,
.score-baseball table tbody td{
	color: #fff;
	border-left:1px solid #000;
	border-top:1px solid #000;
	background-color: #363636;
	vertical-align: top;
}

.score-baseball table tbody th:first-child,
.score-baseball table tbody td:first-child{border-left:none;}

.score-baseball table tbody tr:first-child th,
.score-baseball table tbody tr:first-child td{border-top:none;}

.score-baseball-inning{margin-bottom: 16px;}

.score-baseball-inning thead th,
.score-baseball-inning thead td{
	font-family: Roboto;
	font-size: 2.0rem;
	color: #919191;
}

.score-baseball-inning tbody th,
.score-baseball-inning tbody td{
	font-family: Roboto;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
	padding: 8px 0;
}

.score-baseball-detail thead th,
.score-baseball-detail thead td{
	font-size: 1.6rem;
	color: #bcbcbc;
	padding-bottom: 10px;
}

.score-baseball-detail tbody th,
.score-baseball-detail tbody td{font-size: 1.6rem;}

.score-baseball-inning tbody th{font-weight:600;}

.score-baseball-detail-team{
	padding: 8px 16px;
	display:flex;
	justify-content:space-between;
}

.score-baseball-detail-team dt{
	width: 30px;
	line-height: 1.94;
	font-weight:600;
}

.score-baseball-detail-team dd{
	width: calc(100% - 30px);
	line-height: 1.94;
}

.is-navy .score-baseball-inning thead th,
.is-navy .score-baseball-inning thead td{color:#bfbfbf;}
.is-navy .score-baseball table tbody th,
.is-navy .score-baseball table tbody td{
	border-color: #031D2E;
	background: #082D45;
}

.score-baseball-team {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 16px 0 20px;
}

.score-baseball-team-label {
    display: block;
    width: 90px;
	height: 20px;
    padding: 0 2px;
    font-weight: 600;
    font-size: 1.2rem;
    line-height: 20px;
    text-align: center;
    color: #767676;
    margin-right: 24px;
    white-space: nowrap;
    letter-spacing: 0;
	background-color: #DCE3E8;
}

.score-baseball-team-label.is-live {
	color: #FFFFFF;
    background-color: #E03E3B;
}
.score-baseball-team-label.is-before {
	background-color: inherit;
	border: 1px solid #BFBFBF;
	color: #BFBFBF;
	line-height: 18px;
}

.score-baseball-team-date {
	font-size: 1.4rem;
	color: #BFBFBF;
	font-weight: 600;
	margin-right: 24px;
}

.score-baseball-team-name {
	font-size: 1.8rem;
	color: #BFBFBF;
	font-weight: 600;
}
.score-baseball-team-name span {
	padding: 0 16px;
}

.score-baseball-row {
	display: flex;
	justify-content: space-between;
}
.score-baseball-text {
	width: 467px;
	padding: 4px 0 12px 0;
}
.is-navy .score-baseball-text {
	width: 100%;
}
.score-baseball-photo {
	width: 300px;
}
.score-baseball .sidelivetext {
	height: 310px!important;
}
.livemovie-link {
	font-size:1.4rem;
	color:#FFFFFF;
}
.livemovie-link:hover {
	text-decoration: underline;
}


/* score-soccer */

.score-soccer{padding: 0;}

.score-soccer-head{
	display:flex;
	justify-content:space-between;
	align-items: center;
	border-bottom:1px solid #919191;
	position: relative;
}

.score-soccer-head::before{
	content:'';
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -80px;
	background: #767676;
	width:160px;
	height:100%;
}

.score-soccer-head-team{
	width:308px;
	display:flex;
	justify-content:space-between;
	padding: 16px 50px 12px;
	align-items: center;
}

.score-soccer-head-team-mark{width:85px;}
.score-soccer-head-team-mark figcaption{
	display: block;
	font-size: 1.8rem;
	line-height: 1.94;
	text-align: center;
	color: #ffffff;
	font-weight:600;
}

.score-soccer-head-team-point{
	font-family: Roboto;
	font-size: 5.6rem;
	font-weight: 600;
	line-height: 0.64;
	text-align: center;
	color: #ffffff;
	width: calc(100% - 135px);
}

.score-soccer-head-team.is-right .score-soccer-head-team-point{order:1;}
.score-soccer-head-team.is-right .score-soccer-head-team-mark{order:2;}

.score-soccer-head-proccess {
	text-align: center;
	padding: 16px 10px;
	width: 160px;
	background:#767676;
	position: relative;
	z-index: 2;
}

.score-soccer-head-proccess-item {
	font-size:1.6rem;
	line-height: 1.7;
	text-align: center;
	display:flex;
	width: 100%;
	align-items: center;
	padding: 2px 10px;
}

.score-soccer-head-proccess-item-num {
	font-family: Roboto;
	width: calc(50% - 25px);
	font-size:1.8rem;
	font-weight:600;
	line-height: 1.6;
}

.score-soccer-head-proccess-item-title {
	width: 50px;
	line-height: 1.6;
}

b.score-soccer-head-proccess-item-title{font-weight:600;}

.score-soccer-proccess-title {
	font-size:1.4rem;
	line-height: 1.7;
	background-color: #0078c6;
	margin: 0 10px;
}

.score-soccer-detail {}
.score-soccer-detail-proccess {}

.score-soccer-detail-proccess-item {
	display:flex;
	justify-content:space-between;
	align-items: center;
}

.score-soccer-detail-proccess-item-left {
	width: calc(50% - 80px);
	text-align: right;
	padding: 0 20px;
	font-size:1.6rem;
	line-height: 1.2;
}

.score-soccer-detail-proccess-item-title {
	width: 160px;
	background:#767676;
	padding: 5px 10px;
	text-align: center;
	font-size:1.4rem;
	line-height: 1.57;
}

.score-soccer-detail-proccess-item-right {
	width: calc(50% - 80px);
	padding: 0 20px;
	font-size:1.6rem;
	line-height: 1.2;
}

.score-soccer-detail-proccess-item:first-child .score-soccer-detail-proccess-item-title{padding-top:16px;}
.score-soccer-detail-proccess-item:last-child .score-soccer-detail-proccess-item-title{padding-bottom:16px;}
.score-soccer-detail-proccess-item:last-child .score-soccer-detail-proccess-item-left,
.score-soccer-detail-proccess-item:last-child .score-soccer-detail-proccess-item-right{padding-bottom:16px;}


/* score-tennis */

.score-tennis-set{table-layout: fixed;}
.score-tennis-set-td{width: 70px;}

.score-tennis-set thead th{
	font-size:1.8rem;
	line-height: 1.4;
	vertical-align: top;
	color: #fff;
	padding-left: 12px;
}

.score-tennis-set thead td{
	font-family: Roboto;
	font-size:2.0rem;
	line-height: 1.2;
	color: #919191;
	text-align: center;
	padding-bottom: 10px;
	font-weight:600;
}

.score-tennis-set tbody td.score-tennis-set-title{padding-right: 20px;}

.score-tennis-set tbody td:not(.score-tennis-set-title){
	color: #fff;
	border-right:1px solid #000;
	border-top:1px solid #000;
	background-color: #363636;
	vertical-align: top;
}

.score-tennis-set tbody th:last-child,
.score-tennis-set tbody td:last-child{border-right:none;}

.score-tennis-set tbody tr:first-child th,
.score-tennis-set tbody tr:first-child td{border-top:none;}

.score-tennis-set-td-inner{
	position: relative;
	padding: 20px 10px;
	text-align: center;
	font-size:2.0rem;
	font-family: Roboto;
	line-height: 1.0;
}

.score-tennis-set-td-sup{
	position: absolute;
	right: 8px;
	top: 8px;
	font-size:1.4rem;
	color: #fff;
	line-height: 1.0;
}

.score-tennis-set-name{
	display:flex;
	justify-content:space-between;
	width: 100%;
	padding-left: 12px;
}

.score-tennis-set-name dt{
	line-height: 1.4;
	width:27px;
}

.score-tennis-set-name dd{
	width: calc(100% - 40px);
	font-size:1.8rem;
	font-weight:500;
	text-align: left;
	line-height: 1.5;
}


/* score-rugby */

.score-rugby-head{
	display:flex;
	justify-content:space-between;
	align-items: center;
	margin-bottom: 12px;
	padding-top: 12px;
}

.score-rugby-head-team{
	width:308px;
	display:flex;
	justify-content:space-between;
	padding: 0 10px;
	align-items: center;
}

.score-rugby-head-team-mark{
	width:160px;
	text-align: center;
}

.score-rugby-head-team-mark figcaption{
	display: block;
	font-size: 1.8rem;
	line-height: 1.5;
	text-align: center;
	color: #ffffff;
	font-weight:600;
}

.score-rugby-head-team-point{
	font-family: Roboto;
	font-size: 5.6rem;
	font-weight: 600;
	line-height: 0.64;
	text-align: center;
	color: #ffffff;
	width: calc(100% - 170px);
}

.score-rugby-head-team.is-right .score-rugby-head-team-point{order:1;}
.score-rugby-head-team.is-right .score-rugby-head-team-mark{order:2;}

.score-rugby-head-proccess {
	text-align: center;
	width: 160px;
}

.score-rugby-head-proccess-item {
	font-size:1.6rem;
	line-height: 1.7;
	text-align: center;
	display:flex;
	width: 100%;
	align-items: center;
	padding: 0 10px;
}

.score-rugby-head-proccess-item-num {
	font-family: Roboto;
	width: calc(50% - 25px);
	font-size:1.8rem;
	font-weight:600;
	line-height: 1.6;
}

.score-rugby-head-proccess-item-title {
	width: 50px;
	line-height: 1.6;
	font-weight:600;
}

.score-rugby-set{table-layout: fixed;}
.score-rugby-set-td{width: 76px;}

.score-rugby-set thead th{
	font-size:1.8rem;
	line-height: 1.4;
	vertical-align: top;
	color: #fff;
}

.score-rugby-set thead td{
	font-family: Roboto;
	font-size:2.0rem;
	line-height: 1.2;
	color: #919191;
	text-align: center;
	padding-bottom: 10px;
	font-weight:600;
}

.score-rugby-set tbody th.score-rugby-set-title{padding-right: 20px;}

.score-rugby-set tbody td{
	color: #fff;
	border-right:1px solid #000;
	border-top:1px solid #000;
	background-color: #363636;
	vertical-align: top;
	text-align: center;
	padding: 15px 0;
	font-size:2.0rem;
	font-family: Roboto;
	line-height: 1.0;
}

.score-rugby-set tbody th{
	color: #fff;
	border-right:1px solid #000;
	border-top:1px solid #000;
	background-color: #363636;
	text-align: center;
	padding: 0px 0;
	font-size:1.8rem;
	font-weight:600;
	vertical-align: middle;
}

.score-rugby-set tbody th:last-child,
.score-rugby-set tbody td:last-child{border-right:none;}

.score-rugby-set tbody tr:first-child th,
.score-rugby-set tbody tr:first-child td{border-top:none;}

.score-notice{
	font-size:1.4rem;
	line-height: 1.57;
	color: #767676;
	padding: 12px;
	margin-bottom: 40px;
}



/* sidelivetext ---------------------------------------*/

.sidelivetext{height:473px;}
.sidelivetext .mCSB_inside > .mCSB_container{margin-right: 10px;}
.sidelivetext .mCSB_scrollTools .mCSB_draggerContainer{background: #123A53;}

.sidelivetext-title-section-wrapper{
	display:flex;
	justify-content:space-between;
	border-bottom:2px solid #0078c6;
	align-items: center;
	padding-bottom: 8px;
	margin: 16px 16px 24px;
}

.sidelivetext-title-section-image{
	width: 30px;
	position:relative;
	top: 1px;
}

.sidelivetext-title-section{
	width: calc(100% - 40px);
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.0;
	color: #222;
}

.sidelivetext-title-section > span{
	display: inline-block;
	vertical-align: middle;
	line-height:1.0;
}

.sidelivetext-title-section-name{
	margin-left: 12px;
	padding-left: 12px;
	border-left: 1px solid #dbdbdb;
}


.sidelivetext-matchprocess{margin: 0 16px 0 36px;}

.sidelivetext-matchprocess > li{
	position: relative;
	margin-bottom: 24px;
}

.sidelivetext-matchprocess > li::before{
	content: '';
	display: block;
	position: absolute;
	border-radius: 100%;
	width: 6px;
	height: 6px;
	left: -24px;
	top: 7px;
	background-color: #0078c6;
	border: 1px solid #9BC9E6;
}

.sidelivetext-matchprocess > li.has-fukidashi::before{
	top: 50%;
	margin-top: -5px;
}

.sidelivetext-matchprocess-fukidashi{
	font-size: 1.4rem;
	line-height: 1.7;
	color: #484848;
	background: #fff;
	padding: 8px 16px;
	border: solid 1px #dbdbdb;
	position: relative;
}

.sidelivetext-matchprocess-fukidashi::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -8px;
	margin-top: -4px;
	border: 3px solid transparent;
	border-right: 5px solid #FFF;
	z-index: 2;
}

.sidelivetext-matchprocess-fukidashi::after {
	content: "";
	position: absolute;
	top: 50%;
	left: -10px;
	margin-top: -5px;
	border: 4px solid transparent;
	border-right: 6px solid #dbdbdb;
	z-index: 1;
}

.sidelivetext-matchprocess-item-title{
	font-size: 1.4rem;
	font-weight:600;
	line-height: 1.7;
	color: #484848;
}

.sidelivetext-matchprocess > li p{
	font-size: 1.4rem;
	line-height: 1.7;
	color: #484848;
}

.sidelivetext-matchprocess-text {
	padding: 0 16px 16px 36px;
}

.sidelivetext-matchprocess-text .inning{
	font-size: 1.4rem;
	font-weight:600;
	line-height: 1.7;
	color: #dfdfdf;
	position: relative;
}

.sidelivetext-matchprocess-text .inning::before {
    content: '';
    display: block;
    position: absolute;
    border-radius: 100%;
    width: 6px;
    height: 6px;
    left: -20px;
    top: 7px;
    background-color: #0078c6;
    border: 1px solid #9BC9E6;
}

.sidelivetext-matchprocess-text p{
	font-size: 1.4rem;
	line-height: 1.7;
	color: #dfdfdf;
	margin-bottom: 12px;
}

.is-navy .sidelivetext{
	background: #082D45;
	border: 1px solid #123A53;
}

.is-navy .sidelivetext-title-section{color:#fff;}
.is-navy .sidelivetext-matchprocess-fukidashi{border-color:#123A53;}

.is-navy .sidelivetext-matchprocess-fukidashi::before{border-right-color:#224C67;}
.is-navy .sidelivetext-matchprocess-fukidashi::after{border-right-color:#123A53;}

.is-navy .sidelivetext-matchprocess-fukidashi{
	border-color:#123A53;
	color:#DFDFDF;
	background-color:#224C67;
}

.is-navy .sidelivetext-matchprocess-item-title,
.is-navy .sidelivetext-matchprocess > li p{color:#dfdfdf;}

.is-navy .sidelivetext-matchprocess-text p,
.is-navy .sidelivetext-matchprocess-text .inning,
.is-navy .sidelivetext-matchprocess-text {color:#dfdfdf !important;}


.is-gray .sidelivetext{
	background: #363636;
	border: 1px solid #484848;
}

.is-gray .sidelivetext-title-section{color:#fff;}

.is-gray .sidelivetext .mCSB_scrollTools .mCSB_draggerContainer {
    background: #3E3E3E;
}


/* livearticle ---------------------------------------*/

.live-title-section{
	font-weight: 600;
	font-size: 2.8rem;
	line-height: 1.5;
	color: #484848;
}

.livearticle-body .title-section{
	font-size: 2.4rem;
}

.livearticle-body{}
.livearticle-body .title-section,
.livearticle-body .title-block,
.livearticle-body .title-paragraph{color:#484848;}
.livearticle-body-text{
	font-size:1.8rem;
	line-height: 1.9;
	color: #484848;
}
.livearticle-body-text a:hover{
	text-decoration: underline;
}

.is-navy .livearticle-body .title-section,
.is-navy .livearticle-body .title-block,
.is-navy .livearticle-body .title-paragraph,
.is-navy .livearticle-body-text{color:#DFDFDF;}

.livearticle-body .movie-section {
	width:300px;
	height:167px;
	float:left;
	margin:0 24px 16px 0;
	background:#EEE;
}

.livearticle-body .movie-img {
	width:100%;
	height:100%;
	background-position:center;
	background-size:cover;
}


/* sponsored contents ---------------------------------------*/
.articledetail-head .sc-title{
	display:flex;
	align-items: center;
	padding: 0 0 0 12px;
	margin-bottom: 22px;
}
.articledetail-head .sc-title-label{
	font-size: 1.2rem;
	font-weight: 400;
	font-family: Roboto;
	color: #919191;
	padding: 0 8px 0 0;
	letter-spacing: 0;
}
.articledetail-head .sc-title-name{
	font-size: 1.4rem;
	font-weight: bold;
	color: #767676;
}
.ad-header *[id^="ad-PC-SC-"]{
	display: inline-block;
}
.ad-header *[id^="ad-PC-SC-"] > * {
	margin: 15px auto !important;
}


/* information page (add class 'infodetail')---------------------------------------*/
.infodetail p{
	margin-bottom: 24px;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #484848;
}
.infodetail p > a{
	color: #0078c6;
}
.infodetail table{}

.infodetail thead th,
.infodetail thead td {
	background: #767676;
	color: #fff;
	font-size: 1.6rem;
	line-height: 1.94;
	padding: 3px 4px;
	border-top: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	text-align: center;
	white-space: nowrap;
	}
.infodetail tbody th,
.infodetail tbody td{
	font-size:1.6rem;
	line-height: 1.75;
	padding: 6px 8px;
	background: #fff;
	border:1px solid #dbdbdb;
}
.infodetail tbody th a,
.infodetail tbody td a{
	color: #0078c6;
}

.infodetail ul{
	font-size: 1.6rem;
	margin-bottom: 24px;
}
.infodetail li{
	margin: 0 0 0.5em 2em;
	list-style: outside disc;
}


/* post form ---------------------------------------*/
.postform{
	padding: 32px 32px 8px;
}
.postform .postform-title{
	text-align:center;
	font-size: 1.8rem;
}
.postform-text{
	text-align:center;
}
.postform-buttons{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}
.postform-buttons a{
	margin-left: 24px;
	margin-bottom: 24px;
}
.postform-buttons a:nth-child(2n+1),
.postform-buttons.postform-button-single{
	margin-left: 0;
}


/* riesan ---------------------------------------*/
.contentsinfo-wrapper{
	border: 1px solid #DBDBDB;
	padding: 24px;
	display: block;
	background: #fff;
}
.link-external{
	position: relative;
	display: block;
}
.link-external::after{
	content: "";
	height: 24px;
	width: 24px;
	background:url('../../../images/v2/common/icon_externallink.svg') no-repeat center;
	background-size: 100%;
	right: 16px;
	bottom: 16px;
	position: absolute;
	display: block;
}
.link-external .archivebnr-text {
	padding-right: 30px;
}
.contentsinfo-item{
	margin-bottom: 24px;
	overflow: auto;
}
.contentsinfo-item::after{
	content: '';
	clear: both;
}
.contentsinfo-image{
	float: left;
	border: 1px solid #DBDBDB;
	width: 96px;
	margin-right: 16px;
}
.contentsinfo-image img{
	width: 100%;
	vertical-align: bottom;
	display: block;
}
.contentsinfo-title{
	color: #484848;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.5;
	margin-bottom: 12px;
}
a:hover .contentsinfo-title{
	text-decoration: underline;
}
.contentsinfo-text{
	color: #919191;
	font-size: 1.2rem;
}
.link-external .contentsinfo-detail{
	margin-bottom: 16px;
}
.contentsinfo-detail a{color: #0078c8;}
.contentsinfo-detail a:hover{text-decoration: underline;}


/* itori ---------------------------------------*/
.link-pdf,
.link-twitter{
	position: relative;
	display: block;
}
.link-pdf::after{
	content: "";
	height: 24px;
	width: 24px;
	background:url('../../../images/v2/common/icon_pdf.svg') no-repeat center;
	background-size: 100%;
	right: 16px;
	bottom: 12px;
	position: absolute;
	display: block;
}
.link-pdf .archivebnr-detail {
	padding-right: 30px;
}
.link-twitter::before{
	content: "";
	height: 24px;
	width: 24px;
	background:url('../../../images/v2/common/icon_tw.svg') no-repeat center;
	background-size: 100%;
	left: 16px;
	top: 16px;
	position: absolute;
	display: block;
}
.link-twitter .archivebnr-detail{
	padding-left: 30px;
	width: 100%;
}
.archivebnr-detail.is-onlytitle .archivebnr-title{
	line-height: 1.5;
	margin-bottom: 0;
}


/* sideform (subdirectory contents)  ---------------------------------------*/
.sideform-wrapper{
	background: #F4F4F4;
	padding: 32px 24px;
}
.sideform-title{
	text-align: center;
	color: #222;
	font-size: 1.6rem;
	font-weight: 600;
}
.sideform-wrapper .btn{
	width: 100%;
}


/* breadcrumb (subdirectory contents)  ---------------------------------------*/
.breadcrumb-wrapper{
	background: #FAFAFA;
	border-bottom: solid 1px #dbdbdb;
}
.breadcrumb{
	padding: 17px 0 0;
	line-height: 1;
	height: 48px;
}
.breadcrumb a{
	color: #484848;
	position: relative;
	font-size: 1.4rem;
	font-weight: 600;
	padding-left: 20px;
	display: block;
}
.breadcrumb a::before{
	content: "";
	height: 14px;
	width: 14px;
	background:url('../../../images/v2/common/arrow_blue.svg') no-repeat center;
	background-size: 100%;
	left: 0;
	top: 0;
	display: block;
	transform: rotate(180deg);
	position: absolute;
}
.breadcrumb a:hover{
	text-decoration: underline;
}


/* wakaru (subdirectory contents)  ---------------------------------------*/
.panellist-wakaru.is-4col .panellist-image{
	width: 144px;
	height: auto;
	margin: 0 auto;
	max-height: 203px;
}
.panellist-wakaru.is-4col .panellist-image img{
	width: 144px;
	height: auto;
}


/* eventbnr (subdirectory contents)  ---------------------------------------*/
.eventbnr-item a{
	display: block;
	margin-bottom: 24px;
}
.eventbnr-item a:last-child{
	margin-bottom: 0;
}


/* sunday-mainichi viewerlist (subdirectory contents)  ---------------------------------------*/
.viewerlist{
	display: flex;
}
.viewerlist > li{
	width: 144px;
	margin-bottom: 24px;
	margin-left: 30px;
	text-align: center;
	font-weight: 600;
	font-size: 1.4rem;
}
.viewerlist > li:nth-child(5n+1){
	margin-left: 0;
}
.viewerlist > li a{
	display: block;
}
.viewerlist-image::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	border: 1px solid #dbdbdb;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
}
.viewerlist-image{
	position: relative;
	margin-bottom: 12px;
}
.viewerlist-image img {
	width: 144px;
	height: auto;
}
.viewerlist-image::after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	z-index: 10;
	position: absolute;
	right: 0;
	top: 0%;
}
.viewerlist-btn{
	text-align: center;
}


/* univ (subdirectory contents)  ---------------------------------------*/
.univ-title {
	font-size: 1.2rem;
	color: #767676;
	font-weight: 600;
}
.univlist{
	display:flex;
	flex-wrap:wrap;
}
.univlist > li{
	width: 192px;
	margin-bottom: 16px;
	margin-left: 24px;
}
.univlist > li:nth-child(4n+1){margin-left: 0;}

.univlist-item{
	position: relative;
}
.univlist-image{
	width: 24px;
	height: 24px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
.univlist > li a:hover .univlist-title{
	text-decoration: underline;
}
.univlist-title{
	display: block;
	font-size: 1.4rem;
	color: #484848;
	font-weight: normal;
	padding-left: 28px;
	padding-top: 2px;
}
.mainform-wrapper{
	background: #F4F4F4;
	padding: 32px;
	text-align: center;
}
.mainform-title{
	font-size: 2.0rem;
	color: #222;
	font-weight: 600;
}
.pagelink a{
	color: #484848;
	position: relative;
	font-size: 1.4rem;
	font-weight: 600;
	padding-left: 26px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
}
.pagelink a::before{
	content: "";
	height: 20px;
	width: 20px;
	background:url('../../../images/v2/common/arrow_circle_bottom.svg') no-repeat center;
	background-size: 100%;
	left: 0;
	top: 0;
	display: block;
	position: absolute;
}
.pagelink a:hover{
	text-decoration: underline;
}


/* archive list(baseball,shogi)  ---------------------------------------*/
.archive-list {
	width:100%;
	margin:auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.archive-list-wrap {
	margin-bottom:44px;
}
.archive-list li {
	border-bottom: 1px solid #DFDFDF;
	font-size: 1.6rem;
	font-weight: 500;
	width: 48%;
	padding: 20px 0;
}
.archive-list li.archive-list-noborder {
	border-bottom: 0px;
}
.archive-list li a {
	color: #0078C6;
}
.archive-list li a:hover {
	text-decoration: underline;
}


/* channel-top hensei & movie  ---------------------------------------*/
.channelhensei-title{
	font-weight:600;
	font-size: 2.4rem;
	line-height: 1.5;
	color: #484848;
}
.channelhensei-text{
	font-size: 1.8rem;
	color: #484848;
	line-height: 1.94;
}
.channelmovie-wrapper{
	width: 840px;
}
.channelmovie-title{
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #484848;
}
.channelmovie-text{
	font-size: 1.2rem;
}
.channelhensei-text a,
.channelmovie-text a{
	color: #0078C6;
}
.channelhensei-text a:hover,
.channelmovie-text a:hover{
	text-decoration: underline;
}
.channelhensei-section{
	margin-bottom:64px;
}
.mb-title-block {
	margin-bottom: 16px;
}
.mb-table {
	margin-bottom: 64px;
}
.mb-table-half {
	margin-bottom: 24px;
}
/*ライブ配信時*/
#live_area.channelmovie-wrapper,
#score_html_kendo{
	display: none;
}
#live_area.channelmovie-wrapper.is-live,
#score_html_kendo.is-active{
	display: block;
}


/* senryu  ---------------------------------------*/
.senryu-search{
	background: #F4F4F4;
	padding: 32px;
	text-align: center;
	margin-bottom: 64px;
}
.senryu-search-title{
	color: #222222;
	font-size: 2.0rem;
	font-weight: 600;
	margin-bottom: 10px;
}
.senryu-search-title .is-limited{
	position: relative;
}
.senryu-search-title .is-limited::before{
	display:block;
	content:'';
	background:url('../../../images/v2/common/icon_key.svg') no-repeat left center;
	background-size:100%;
	width: 22px;
	height: 22px;
	margin-top: -11px;
	position: absolute;
	left: -26px;
	top:50%;
}
.senryu-search-form {
	margin: 24px auto;
	display: flex;
	justify-content: space-around;
	width: 580px;
}
.senryu-search-form-item {
	width: 184px;
	text-align: left;
}
.senryu-search-form-item input {
	width: 100%;
	padding: 11px 14px;
	font-size: 1.4rem;
	line-height: 1.0;
	outline: none;
	border: 1px solid #dbdbdb;
}
.senryu-search-form-item label {
	color: #767676;
	font-size: 1.2rem;
	line-height: 2.0;
	font-weight: 600;
}
.form-input-wrapper.is-focus{box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);}
.form-input-wrapper.is-focus .form-input{border-color: #0078c6;}

.senryuinfo-wrapper{
	border: 1px solid #DBDBDB;
	padding: 24px;
	display: block;
	background: #fff;
}
.senryuinfo-title{
	text-align: center;
	color: #222;
	font-size: 1.6rem;
	font-weight: 600;
	margin-bottom: 24px;
}
.senryuinfo-label{
	color: #767676;
	font-size: 1.2rem;
	margin-bottom: 4px;
}
.senryuinfo-detail{
	background: #F4F4F4;
	padding: 12px 16px;
	color: #484848;
	font-size: 1.4rem;
	font-weight: 600;
	margin-bottom: 24px;
	line-height: 2.0;
}
.senryuinfo-list li{
	color: #767676;
	font-size: 1.2rem;
	list-style: disc;
	margin-left: 15px;
}

.senryulist > li{
	border-top: solid 1px #dbdbdb;
	padding: 20px 0;
	position: relative;
}
.senryulist > li:first-child{border-top:none;}

.senryu-search .searchresults-title-wrapper{
	display: flex;
	align-items: center;
}
.senryu-search .searchresults-title{
	margin-left: 24px;
}
.senryulist-title{
	color: #484848;
	font-weight:600;
	font-size: 2.0rem;
	line-height: 1.5;
	margin-left: 28px;
	width: 475px;
}
.senryulist-title em{
	background: #bfddf1;
	font-weight: 600;
}
.searchresults-text{
	display: inline-block;
	margin-left: 42px;
	font-size: 1.2rem;
	color: #484848;
	line-height: 24px;
}
.searchresults-text img{
	margin-right: 3px;
}
.senryulist-item{
	position: relative;
}
.senryulist-icon{
	position: absolute;
	display: block;
	width: 24px;
	height: 24px;
	overflow: hidden;
	text-indent: -99em;
	background: url(../../../images/v2/common/icon_excellent.svg);
	top: 2px;
}
.senryulist-title-wrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.senryulist-tags{
	width: 248px;
	display: flex;
	justify-content: space-between;
}
.senryulist-tags a{
	display: block;
	width: 120px;
	border: 1px solid #0078C6;
	border-radius: 4px;
	color: #0078C6;
	text-align: center;
	font-size: 1.0rem;
	height: 26px;
	line-height: 25px;
	font-weight: 600;
	background: #fff;
}
.senryulist-tags a:hover{
	background: #0078C6;
	color: #fff;
}
.senryulist-date{
	font-family: Roboto;
	font-size: 1.2rem;
	line-height: 1.5;
	color: #919191;
	letter-spacing: 0;
}
.senryulist-date:hover{
	text-decoration: underline;
}

.pagenation-wrapper{margin: 0 0 64px;}

.pagenationlist{
	font-size: 0;
	text-align: center;
}

.pagenationlist-item{
	display: inline-block;
	margin: 0 5px;
	font-family: Roboto;
	font-size: 1.4rem;
	color: #0078C6;
	vertical-align: top;
	background: #fff;
}

.pagenationlist-item a,
.pagenationlist-item span{
	width: 32px;
	height: 32px;
	line-height: 31px;
	background: #fff;
	color: #0078C6;
	display: block;
	border: solid 1px #0078C6;
}

.pagenationlist-item span{
	background-color: #0078C6;
	color: #fff;
}

.pagenationlist-item a:hover{
	background-color: #0078C6;
	color: #fff;
}
.pagenationlist-item-more a{line-height: 19px;}
.pagenationlist-item-prev{margin-right: 20px;}
.pagenationlist-item-next{margin-left: 20px;}

.pagenationlist-item-head a,
.pagenationlist-item-last a,
.pagenationlist-item-prev a,
.pagenationlist-item-next a{
	text-align: left;
	background:url('../../../images/v2/common/arrow_blue.svg') no-repeat center center;
	background-size: 12px;
	text-indent:-99em;
	overflow: hidden;
}

.pagenationlist-item-head a,
.pagenationlist-item-last a{
	background:url('../../../images/v2/common/arrow_last_blue.svg') no-repeat center center;
	background-size: 12px;
}
.pagenationlist-item-prev a:hover,
.pagenationlist-item-next a:hover{
	background-image:url('../../../images/v2/common/arrow_white.svg');
}
.pagenationlist-item-head a:hover,
.pagenationlist-item-last a:hover{
	background-image:url('../../../images/v2/common/arrow_last_white.svg');
}
.pagenationlist-item-head a,
.pagenationlist-item-prev a{transform:rotate(180deg);}


/* buttonlist  ---------------------------------------*/
.buttonlist-head {
	font-weight: 600;
	font-size: 2.0rem;
	line-height: 1.5;
	color: #222;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #DBDBDB;
}
.buttonlist-wrapper {
	margin-bottom: 60px;
}
.buttonlist-wrapper.is-2col {
	display: flex;
	justify-content: space-between;
}
.buttonlist-wrapper.is-2col .buttonlist-inner {
	width: 46%;
}
.buttonlist-title {
	font-weight: 600;
	font-size: 1.6rem;
	line-height: 1.5;
	color: #222;
	padding: 0 0 10px 0;
	margin: 0;
}
.buttonlist {
	display: flex;
	width: 100%;
	justify-content: space-between;
}
.buttonlist-wrapper .buttonlist li {
	display: inline-block;
}
.buttonlist-wrapper.is-2col .buttonlist.is-5col li {
	width: 70px;
}
.buttonlist-wrapper.is-2col .buttonlist.is-4col li {
	width: 88px;
}
.buttonlist a {
	font-size: 1.4rem;
	text-align: center;
	display: inline-block;
	line-height: 37px;
	background-color: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #0078c8;
	color: #0078c8;
	font-weight: 600;
	width: 100%;
}
.buttonlist a:hover {
	text-decoration: none !important;
	background-color: #0078c8;
	color: #FFFFFF;
}
.buttonlist a[href=""],
.buttonlist a[href=""]:hover{
	border: 1px solid #BFBFBF;
	background: #BFBFBF;
	color: #fff;
	cursor: default;
}


/* soccer-japan ---------------------------------------*/
.title-block .border-right,
.title-block .border-right + span {
	display: inline-block;
	line-height: 1;
}
.title-block .border-right{
	padding-right: 16px;
	margin-right: 16px;
	border-right: 1px solid #DBDBDB;
}

/*順位表*/
.teble-score{
	text-align: center;
}
.teble-score tbody td{
	font-family: Roboto;
}
.teble-score tbody td.text-left{
	padding: 6px 16px;
}

/*速報*/
.matchlist.is-tight > li{
	border-left: 1px solid #DBDBDB;
	border-right: 1px solid #DBDBDB;
}
.matchlist.is-tight .matchlist-head{
	background: #767676;
	color: #fff;
	padding: 8px 16px;
	line-height: 1;
	text-align: left;
}
.matchlist.is-tight > li{
	background: #fff;
}
.matchlist.is-tight .matchlist-detaillist li:nth-child(2n){
	background: #F4F4F4;
}
.matchlist.is-tight .matchlist-detaillist li a{
	display: block;
}
.matchlist.is-tight .matchlist-detaillist li a:hover{
	background: #E5F1F9;
}
.matchlist.is-tight .matchlist-detail{
	position: relative;
}
.matchlist.is-tight .matchlist-detail .matchlist-place {
	position: absolute;
	top: 10px;
	left: 16px;
	color: #767676;
	font-size: 1.2rem;
}
.matchlist.is-tight .matchlist-team-name {
	font-size: 1.4rem;
	font-weight: normal;
	margin-bottom: 0;
}
.matchlist.is-tight .matchlist-team{
	padding: 2px 0 0;
	width: calc(50% - 76px);
}
.matchlist.is-tight .matchlist-time-score{
	font-size: 2.0rem;
}
.matchlist.is-tight .matchlist-time-status{
	width: 120px;
}
.matchlist.is-tight .matchlist-time .text-gray {
	color: #767676;
	font-size: 1.8rem;
}
.matchlist.is-tight .matchlist-time {
	width: 152px;
	padding: 0;
}

/* rightcolumnbox ---------------------------------------*/

.rightcolumnbox > div {
	padding: 16px;
	background-color: #fff;
	border: 1px solid #dbdbdb;
}

.rightcolumnbox > div:nth-of-type(2) {
	margin-top: 24px;
}

.rightcolumnbox .btn-follow {
	width: auto;
	border: none;
	text-align: initial;
}

.rightcolumnbox .btn-follow:hover,
.rightcolumnbox .btn-follow.is-active {
	background-color: #fff;
	color: #0078c6;
}

.rightcolumnbox .btn-follow:hover::before {
	background-image: url('../../../images/v2/common/icon_plus.svg');
}

.rightcolumnbox .btn-follow.is-active::before {
	background-image: url('../../../images/v2/common/icon_check.svg');
}

/* featureserieslist ---------------------------------------*/

.featureserieslist ul li {
	margin-bottom: 12px;
}

.featureserieslist ul li:last-child {
	margin-bottom: 0;
}

.featureserieslist-title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 24px;
}

.featureserieslist-shoulder {
    font-size: 1.2rem;
    line-height: 1.5;
    color: #767676;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
}

.featureserieslist-articletitle {
	font-size: 1.3rem;
	font-weight: bold;
}

.featureserieslist-articletitle:hover {
	text-decoration: underline;
}

.featureserieslist-image {
    width: 64px;
    height: 64px;
    position: relative;
    overflow: hidden;
}

.featureserieslist-image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid #dbdbdb;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 1;
}

.featureserieslist-image img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 64px;
    height: 64px;
}

.featureserieslist-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.featureserieslist-detail {
    width: calc(100% - 76px);
    overflow: hidden;
    transform: translate(0,-4px);
}

/* authorslist ---------------------------------------*/
.is-hidden {
	display: none;
}

.authorslist ul li {
	margin-bottom: 12px;
}

.authorslist ul li:last-child {
	margin-bottom: 0;
}

.authorslist-title {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 24px;
}

.authorslist-name {
	font-size: 1.3rem;
	font-weight: bold;
}

.authorslist-name:hover {
	text-decoration: underline;
}

.authorslist-image {
    width: 64px;
    height: 64px;
	border-radius: 50%;
    overflow: hidden;
    position: relative;
    border: 1px solid #dbdbdb;
}

.authorslist-image img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 64px;
    height: 64px;
}

.authorslist-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.authorslist-detail {
    width: calc(100% - 76px);
    overflow: hidden;
}

.authorslist-detail-body {
	display: inline-flex;
	flex-direction: column;
}

/* seealllist ---------------------------------------*/
.seeall-list-btn {
	margin-top: 12px;
	text-align: center;
	font-size: 1.3rem;
	color: #0078C6;
}

.seeall-list-btn:hover {
	cursor: pointer;
}