@charset "utf-8";
@media all and (min-width:768px){
	#ds-lt-content>main>section.ds-lt-width {font-size:19px; line-height:1.5;}
}


.ds-index-B >div{width:100%; margin-top:5%; margin-bottom:5%;}

.ds-index-B1 {flex:0 1 45%;}

.ds-index-B h3 {margin:0 0 0.6em 0; font-size:1.5em; border-bottom:1px solid #999; padding-bottom:0.8em; color:steelblue}

.ds-index-B0 .xet_widget_webzine {list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between;}
.ds-index-B0~.ds-index-B0:before,
.ds-index-B1 .xet_widget_webzine>li:nth-of-type(2)~li:before {display:block; content:""; height:0; border-bottom:1px solid #aaa; margin:1em 0;}
.ds-index-B1 .xet_widget_webzine>li:nth-of-type(2)~li:after {display:block; content:""; height:0; border-bottom:1px solid #aaa; margin:1em 0;}

.ds-index-B1 .xet_widget_webzine>li {flex:0 0 49%;}

.ds-index-B0~.ds-index-B0:before {display:none;}

.ds-index-B .xet_widget_webzine>li .content_wrp {height:initial!important;}
.ds-index-B1 .xet_widget_webzine>li .content_wrp {padding:0.2em 0.2em;}
.ds-index-B1 .xet_widget_webzine>li:after{content:""; display:block; clear:both;}
.ds-index-B1 .xet_widget_webzine>li:hover .content_wrp {background:#f5f5f5;}
.ds-index-B1 .xet_widget_webzine .vertical_middle {position:relative; overflow:hidden;}
.ds-index-B1 .xet_widget_webzine .title_wrp {margin:0;}
.ds-index-B1 .xet_widget_webzine .title_wrp a, 
.ds-index-B1 .xet_widget_webzine .vertical_middle {padding-left:5em;}
.ds-index-B1 .xet_widget_webzine .thumbnail.floatLeft {float:right;}
.ds-index-B1 .xet_widget_webzine .title_wrp a{position:absolute; top:0; left:0; display:block; width:100%; height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-weight:bold; box-sizing:border-box;}

.ds-index-B1 .xet_widget_webzine p.content {display:-webkit-box; text-overflow:ellipsis; overflow:hidden; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin:0; margin-top:2em; font-size:0.9em; min-height:1.5em;}

.ds-index-B1 .xet_widget_webzine .cate_wrp {position:absolute; top:0; left:0; text-align:center;}
.ds-index-B1 .xet_widget_webzine .cate_wrp .date {color:steelblue; line-height:1;}
.ds-index-B1 .xet_widget_webzine .cate_wrp .date .xi-time,
.ds-index-B1 .xet_widget_webzine .cate_wrp .date .ds-time-h {display:none;}
.ds-index-B1 .xet_widget_webzine .cate_wrp .date {position:absolute; white-space:nowrap; left:0; font-size:0.95em;}

.ds-index-B1 .xet_widget_webzine .cate_wrp .date .ds-time-m:before{content:"-";}
.ds-index-B1 .xet_widget_webzine .cate_wrp .date .ds-time-d {display:block; font-size:1.8em; line-height:1.3;}

#ds-index-B4 {margin-top:5%; display:flex; justify-content:space-between; align-items:flex-start; gap:5%;}
#ds-index-B4>div:first-child {flex:0 0 35.5%;}

#ds-index-B5 ul {margin:0; padding:0; list-style:none;}
#ds-index-B5>h3 {}
#ds-index-B5 img {width:100%; height:auto;}

#ds-index-youtube {flex:1;}
#ds-index-youtube>a,
#ds-index-youtube>div {position:relative; display:block; width:100%; height:0; padding-bottom:56.25%; margin-top:5%;}
/* #ds-index-youtube>a:after {content:""; display:block; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;} */
#ds-index-youtube>*>iframe,
#ds-index-youtube>*>div {position:absolute; top:0; left:0; width:100%; height:100%; z-index:0; border:none;}
#ds-index-youtube .ds-video-js-cont {margin:0;}
#ds-index-youtube .ds-video-js-list,
#ds-index-youtube .ds-video-js-player>div>div:last-child {display:none!important;}


.ds-index-B2 .xet_widget_webzine {display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between;}

.ds-index-B2 .xet_widget_webzine>li {flex:0 0 24%; overflow:hidden; margin-top:5%;}

.ds-index-B2 .xet_widget_webzine>li:nth-of-type(1),
.ds-index-B2 .xet_widget_webzine>li:nth-of-type(2),
.ds-index-B2 .xet_widget_webzine>li:nth-of-type(3),
.ds-index-B2 .xet_widget_webzine>li:nth-of-type(4){margin-top:0;}

.ds-index-B2 .xet_widget_webzine .vertical_middle {overflow:hidden;}

.ds-index-B2 .xet_widget_webzine>li a:hover img{transform:scale(1.07,1.07);}

.ds-index-B2 .xet_widget_webzine .thumbnail {font-size:0; display:block;}
.ds-index-B2 .xet_widget_webzine .thumbnail img{width:100%; height:auto;}
.ds-index-B2 .xet_widget_webzine .title_wrp{white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:0.5em 0 0 0; max-width:100%;}
.ds-index-B2 .xet_widget_webzine .date {font-size:0.9em;vertical-align:middle;}
.ds-index-B2 .xet_widget_webzine .date * {vertical-align:middle;}
.ds-index-B2 .xet_widget_webzine .date .xi-time {margin-right:0.5em;}
.ds-index-B2 .xet_widget_webzine .date .ds-time-d:before,
.ds-index-B2 .xet_widget_webzine .date .ds-time-m:before {content:"-"}
.ds-index-B2 .xet_widget_webzine .date .ds-time-h {display:none;}

.ds-index-B3 {flex:1 0 100%;}
.ds-index-B3 .xet_widget_webzine {display:flex; justify-content:space-between; align-items:stretch; line-height:1.7;}
.ds-index-B3 .xet_widget_webzine>li {flex:0 0 24%;}
.ds-index-B3 .xet_widget_webzine>li a{text-align:center; box-sizing:border-box; display:flex; align-items:center; justify-content:center; font-size:1.5em; font-weight:bold; height:5em; color:#eee; background:#333}
.ds-index-B3 .xet_widget_webzine>li:nth-of-type(odd) a{background:#555}
.ds-index-B3 .xet_widget_webzine>li a:hover{color:#fff; background:#000;}
.ds-index-B3 .xet_widget_webzine>li p{margin:0;}

#ds-index-C {background:#e9e9e9;}
#ds-index-C>div {padding-top:3%; padding-bottom:3%;}
#ds-index-C>div ul{display:flex; justify-content:space-around; align-items:stretch;  font-size:1.1em; font-weight:bold;}
#ds-index-C>div li{flex:0 0 15%;}
#ds-index-C>div a{display:block;}
#ds-index-C>div a div {font-size:0; text-align:center;}
#ds-index-C>div a img{width:60%; height:auto;}
#ds-index-C>div a:hover img{transform:scale(1.05,1.05);}
#ds-index-C>div a span{display:block; display:flex; justify-content:center; align-items:center; text-align:Center; box-sizing:border-box; margin-top:1em;}

/* POPUP */
#ds-wg-popup-index {flex-direction:row;}