@use "vars" as *;

/* ====================================================
PAGE news_index
==================================================== */
.sec-news-detail{
    padding: 33px 0 210px;
	@include mq{
		padding: 16px 0 38px;
		.c-btn__03--noar{
			max-width: 150px;
			padding: 5px;
			@include font-size(15);
		}
	}

}
.news-detail{
	&__btn{
		margin-bottom: 30px;
		@include mq(md-min){
			margin-right: 0;
		}
	}
	&__meta{
		@include flex(between, 0);
		margin-bottom: 98px;
		@include mq{
			flex-direction: column-reverse;
			align-items: center;
			margin-bottom: 24px;
		}
		&-date{
			@include mq{
				@include font-size(10);
				margin-top: 16px;
			}
		}
		&-sns{
			@include font-size(21);
			margin-top: -8px;
			a{
				
				&:not(:first-child){
					padding-left: 34px;
				}
			}
			&:nth-child(2){
				svg{
					padding-top: 2px;
				}
			}
		}	
	}
	&__ttl{
		margin: 0 -10px 97px;
		@include mq{
			@include fts(20, 32);
			margin-bottom: 46px;
		}
	}
	&__ct{
		word-wrap: break-word;
		line-height: 2;
		margin-bottom: 33px;
		@include mq{
			margin-bottom: 47px;
		}
		>*{
			&:not(.news-detail__ct-img){
				padding-left: 10px;
				padding-right: 20px;
				@include mq{
					padding-left: 0;
					padding-right: 1px;
				}
			}
		}
		h3{
			@include font-size(20);
			margin-bottom: 3px;
			font-weight: 700;
			@include mq{
				@include font-size(14);
				margin-bottom: -1px;

			}
		}
		h4,h5,h6{
			font-weight: bold;
		}
		&-img{
			margin: 31px 0;
			@include mq{
				margin: 13px 0 46px;
			}
		}
		a{
			color: #BA0020;
			text-decoration: underline;
		}
		img{
			border-radius: 15px;
			@include mq{
				border-radius: 8px;
			}
		}
		
		.flex {
			max-width: 100%;
			display: flex;
			justify-content: center;
			gap: 0 30px;
			@include mq{
				flex-wrap: wrap;
				gap: 30px 0;
			}
		}
		.newstable {
			border-collapse: collapse;
			margin: 10px 0;
			tr {
				th {
					text-align: center!important;
					padding: 10px;
					border: 1px solid #002350!important;
				}
				td {
					padding: 10px;
					border: 1px solid #000!important;
					img {
					margin: 5px auto;
					}
				}
			}
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
	}
	&__block{
		@include flex(between, 0, wrap);
		&-img{
			
			overflow: hidden;
			width: 39%;
			@include mq{
				width: 100%;
			}
			img{
				border-radius: 15px;
				width: 100%;
				@include mq{
					border-radius: 8px;
				}
			}
		}
		&-ct{
			width: 57.5%;
			word-wrap: break-word;
			line-height: 2;
			padding-top: 3px;
			@include mq{
				width: 100%;
				padding-top: 9px;
			}
			a{
				color: #BA0020;
				text-decoration: underline;
			}
		}
	}
}