@charset "utf-8";

/*
style_dt23.css
*/


/**/
@media screen and (max-width: 1260px) {

.prev-arrow:before			{ left: 8px; }
.prev-arrow:hover:before	{ left: 2px; }
.next-arrow:before			{ right: 8px; }
.next-arrow:hover:before	{ right: 2px; }

.list-pickup.pick-3 li .txt {
	font-size: calc(1vw + 0.526rem);	/*1.8rem*/
	height: calc(100vw * 0.064166);
}

.list-pickup.pick-4 li .txt {
	font-size: calc(1vw + 0.225rem);	/*1.5rem*/
	height: calc(100vw * 0.05500);
}

.list-publish-home .txt {
	font-size: calc(1vw + 0.526rem);	/*1.8rem*/
}

.list-publish-home .txt-s {
	font-size: calc(1vw + 0.03rem);		/*1.3rem*/
}

.list-publish-home #nikkanad {
	font-size: calc(1vw + 0.071rem);	/*1.4rem*/
}

.list-links-home {
	gap: 20px 3.55555%;
}

/*#block1 { height: 288px; }*/
#block2 { height: 556px; }
#block3 { height: 383px; }
#block4 { height: 280px; height: auto; }
#block5 { height: 50px; }


}



/**/
@media screen and (max-width: 1248px) {
	.HOME .list-news-HOME br.on-HOME {
		display: none;
	}
}



/**/
@media screen and (min-width: 1200px) {
	.tooltip-shinobi::before {
		font-size: 1.2rem;
	}
}



/**/
@media screen and (max-width: 1100px) {

#block1, 
#block2, 
#block3, 
#block4, 
#block5 { height: auto; }

#block1 .wrapper {
	gap: 0 3%;
}

#news-events {
	width: calc(100% - 320px - 240px - 6%);
	flex: 0 0 calc(100% - 320px - 240px - 6%);
}

.list-pickup li .txt br {
	display: none;
}

}



/**/
@media screen and (max-width: 1060px) {

.prev-arrow:before, 
.next-arrow:before {
	text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
}

}



/**/
@media screen and (min-width: 960px) and (max-width: 1060px) {

#news-events .section_head h2 + p {
	padding-top: 0;
}

}



/**/
@media screen and (min-width: 969px) and (max-width: 1050px) {

.ori#ytch {
	display: inline;
}

}



/**/
@media screen and (min-width: 961px) and (max-width: 1015px) {

.tab_header h3 {
	min-width: 90px;
}

}

@media screen and (min-width: 960px) {

#slideHOME {
	height: 402px;
}

#slideHOME > div {
	height: 366px;
}



}


/**/
@media screen and (min-width: 960px) and (max-width: 1000px) {

.list-news-HOME > li > a, 
.list-news-HOME > li > .nolink {
	padding-left: 0;
}

.list-news-HOME .date {
	float: none;
	margin-left: 0;
	padding-top: 0;
}

}



/**/
@media screen and (min-width: 801px) and (max-width: 968px) {

#sns {
	flex-direction: column;
	align-items: flex-start;
}

#sns .section_head {
	width: 100%;
	flex: 1;
	margin-bottom: 5px;
}

#sns .section_head h2 + p {
	margin-top: 0;
	padding-top: 15px;
}

#sns .section_head h2 + p br {
	display: none;
}

#sns .section_cont {
	flex: 0 1 calc(100% - 240px);
	width: 100%;
	flex: 1;
}

.list-sns-home {
	max-width: auto;
	max-width: initial;
}

.list-sns-home > li + li {
	margin-left: 1.0em;
}

}



/**/
@media screen and (max-width: 960px) {

#block1 .wrapper {
	flex-wrap: wrap;
}

/*
NEWS / JOIN JSAP
SANJO
*/

#news-events {
	width: calc(100% - 320px - 5%);
	flex: 0 0 calc(100% - 320px - 5%);
	max-width: auto;
	max-width: initial;
}

#news-events .scroll-box {
	max-width: auto;
	max-width: initial;
}

#join_mov .prev-arrow { left: 0; }
#join_mov .next-arrow { right: 0; }

#sanjo {
	width: 100%;
	max-width: auto;
	max-width: initial;
	flex: 1;
	margin-top: 60px;
}

#sanjo .section_head h2 img {
	display: none;
}

#sanjo .section_head h2 {
	width: 370px;
	overflow: hidden;
	background: url("../imgs/home/h_supportingmembers-1.svg") no-repeat;
	background-size: 370px 32px;
}

#sanjo .section_head p {
	margin-left: 5px;
}

#sanjo .section_cont {
	display: flex;
	gap: 2%;
	justify-content: center;
	align-items: center;
}

#sanjo-banners-L {
	margin: 0;
	text-align: left;
}

#sanjo-banners {
	gap: 2%;
	justify-content: space-around;
	width: auto;
	flex-wrap: nowrap;
}

.ihavesns + #sanjo #sanjo-banners {
	flex-wrap: wrap;
	max-width: 370px;
	gap: 0 2px;
}

}







/**/
@media screen and (max-width: 864px) {

.ori#ytch {
	display: inline;
}

}



/**/
@media screen and (max-width: 800px) {

#sns .section_cont {
	flex: 1;
	width: 100%;
}

/**/

.list-sns-home {
	justify-content: flex-end;
	justify-content: center;
	gap: 0 10%;
}

.list-sns-home .txt {
	display: none;
}

}



/**/
@media screen and (max-width: 798px) {

#sanjo-banners {
	flex-wrap: wrap;
	width: 240px;
	gap: 0 2px;
}

}



/**/
@media screen and (max-width: 790px) {

#news-events .section_head h2 + p {
	padding-top: 0;
}

}



/**/
@media screen and (max-width: 768px) {

#news-events {
	width: 100%;
	flex: 1;
	margin-top: 10px;
}

#news-events .section_head h2 + p {
	padding-top: 15px;
}

#join {
	width: 100%;
	flex: 1;
	max-width: initial;
	max-width: auto;
	margin-top: 50px;
	padding-bottom: 50px;
	padding-bottom: 0;
}

#join .iframe-frame {
	width: 320px;
	margin: 0 auto;
}

#sanjo {
	width: 100%;
	flex: 1;
}

.list-pickup {
	flex-wrap: wrap;
}

.list-pickup.pick-3, 
.list-pickup.pick-4 {
	gap: 3%;
}

.list-pickup.pick-3 li {
	display: block;
	width: 100%;
	max-width: initial;
	flex: initial;
	margin-bottom: 5%;
}

.list-pickup.pick-3 li .txt {
	height: calc((100vw - 40px) / 376 * 77);
	max-height: 86px;
	font-size: 1.8rem;
}

.list-pickup.pick-3 video {
	max-width: 100%;
	max-height: initial;
}

.list-pickup.pick-4 {
	justify-content: center;
	flex-wrap: wrap;
}

.list-pickup.pick-4 li {
	max-width: 320px;
	min-width: 272px;
	height: auto;
	margin-bottom: 5%;

}

.list-pickup.pick-4 img {
	max-width: 320px;
	min-width: 272px;
	height: auto;
}

.list-pickup.pick-4 li .txt {
	height: 67px;
	font-size: 1.5rem;
}

#publication .section_head {
	flex-direction: column;
}

#publication .section_head p {
	padding-top: 5px;
}

.list-publish-home {
	justify-content: space-around;
	flex-wrap: wrap;
}

.list-publish-home > li {
	max-width: 200px;
	margin-bottom: 40px;
}

.list-publish-home img {
	max-width: initial;
	max-width: auto;
	width: 200px;
}

.list-publish-home .txt {
	font-size: 1.8rem;
}

.list-publish-home .txt-s {
	font-size: 1.3rem;
}

.list-publish-home #nikkanad {
	position: static;
	padding: 2px 12px;
	font-size: 1.3rem;
}

.list-publish-home #jjapsp {
	position: static;
	margin: 5px auto 0;
	padding: 2px 12px;
}

.list-links-home {
	justify-content: center;
	margin: 0 auto;
}

.list-links-home > li {
	flex: 1 0 44.66668%;
	margin-top: 15px;
	text-align: center;
}

.list-links-home > li > a {
	display: inline-block;
}


.list-links-home > li:nth-child(2n+1):nth-last-child(2), 
.list-links-home > li:nth-child(2n+1):nth-last-child(3), 
.list-links-home > li:nth-child(2n+0):nth-last-child(2), 
.list-links-home > li:nth-last-child(1) {
	display: none;
}

#sns {
	display: block;
}

#sns .section_head {
	margin-bottom: 15px;
}

.list-sns-home {
	float: none;
}

.tooltip-shinobi::before {
	font-size: 1.2rem;
}

}



/**/
@media screen and (max-width: 756px) {

#join_mov .prev-arrow { left: -28px; }
#join_mov .next-arrow { right: -28px; }

}



/**/
@media screen and (max-width: 600px) {
.tooltip-shinobi::before {
	font-size: 2.0vw;
}
}



/**/
@media screen and (max-width: 540px) {

#sanjo .section_head h2 {
	width: auto;
	overflow: visible;
	background: none;
}

#sanjo .section_head h2 img {
	display: block;
}

#sanjo .section_head p {
	margin-left: -28px;
}

#sanjo .section_cont {
	flex-direction: column;
}

#sanjo-banners-L {
	margin-bottom: 10px;
}

}



/**/
@media screen and (max-width: 446px) {

#news-events .section_head h2 + p {
	padding-top: 0;
}

.list-links-home > li {
	flex: 1 0 80%;
	margin-top: 15px;
	text-align: center;
}

}



/**/
@media screen and (max-width: 410px) {

.tab_header h3 {
	min-width: 90px;
}

}



/**/
@media screen and (max-width: 360px) {

#news-events .to-page {
	position: relative;
	width: 28px;
	height: 28px;
	overflow: hidden;
	text-indent: 200px;
	white-space: nowrap;
}

#news-events .to-page:after {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: 0;
}

.list-news-HOME > li > a, 
.list-news-HOME > li > .nolink {
	padding-left: 0;
}

.list-news-HOME .date {
	float: none;
	margin-left: 0;
	padding-top: 0;
}

}



/**/
@media screen and (max-width: 340px) {
	#join .iframe-frame {
		margin: 0 -20px;
	}
}