@charset "UTF-8";


#top_main {
	width: 100%;
	height: calc(100vw / 2);
	position:relative;
}
#top_main .inc {
	position:absolute;
	display:flex; justify-content:center; align-items:center; height:100%; width:100%;
}
#top_main .inc p { margin:0 0 60px 0; padding:0; }
#top_main .inc p img { max-height:150px; }
.vegas-timer-progress { background:var(--wa-orange); }
@media only screen and (max-width: 960px) {
	#top_main .inc p { margin-bottom:0px; }
}

h1.toptitle { margin:0 auto 60px auto; max-width:840px; text-align:center; font-size:1.3rem; font-weight:600; color:var(--wa-black); }
h1.toptitle { display: flex; align-items: center; }
h1.toptitle:before,
h1.toptitle:after { content: ""; height: 1px; flex-grow: 1; background-color:var(--wa-orange); }
h1.toptitle:before { margin-right: 1rem; }
.head-border:after { margin-left: 1rem; }

.top_newspicup, .movie_list { width:calc(100% - 80px); margin:40px auto 60px auto; padding:0; }
.top_newspicup a, .movie_list a { text-decoration:none; color:var(--wa-black); }
.top_newspicup a:hover, .movie_list a:hover { opacity:0.8; }
.top_newspicup span, .movie_list span { display:block; margin:8px 0; line-height:1.6; }
.top_newspicup span.pudate { display:inline-block; padding:0 8px; margin:8px 0 0 0; ;background-color:#ddd; font-size:90%; border-radius:4px; }
.top_newspicup span.putxt { padding:0 10px; font-size:0.8rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; }

.slick-track { display: flex; }
.slick-slide { height: auto !important; padding:6px 4px; }
.slick-slide:nth-child(even) { background-color:#f8f8f8; border-radius:6px; }
.newslineimg { position:relative; display:block; }
.newslineimg::before { content:""; display:block; padding-top:66.7%; }
.newslineimg img { position:absolute; width:100%; height:100%; top:0; object-fit:cover; box-sizing:border-box; }

.slick_item_list > li:not(:first-child){ display: none; }


.linup_lead { text-align:center; margin:0 5px 30px 5px; }
.linup_lead p {  position:relative; display:inline-block; margin:0; padding:10px 30px; font-size:1.3rem; }
.linup_lead p::before, .linup_lead p::after {
	content: '';
	width: 15px;
	height: 100%;
	position: absolute;
}

.linup_lead p::before {
	border:2px var(--wa-gray) solid;
	border-right:none;
	top: 0; left: 0;
}

.linup_lead p::after {
	border:2px var(--wa-gray) solid;
	border-left:none;
	top: 0;	right: 0;
}

.product_idx { margin:40px 60px 80px 60px; }
.lineuplist { display:flex; flex-wrap:wrap; justify-content:center; margin:0; padding:0; list-style:none; }
.lineuplist li { margin:0; padding:0; text-align:center; }
.lineuplist li a { color:var(--wa-black); }
.lineuplist li h3 { margin:10px 0; text-align:center; font-size:1.2rem; }
.lineuplist li p { text-align:center; margin-bottom:0; }
.lineuplist .col2l { flex:0 0 46%; margin:0 1% 40px 1%; }
.lineuplist .col3l { flex:0 0 31.3%; margin:0 1% 0 1%; }
.lineuplist .col3s { flex:0 0 26%; margin:0 1% 20px 1%; }
p.spow { margin-bottom:0; text-align:center; }
p.spow span { display:inline-block; line-height:1; padding:5px 10px; border:1px var(--wa-gray) solid; font-size:0.9rem; }
@media only screen and (max-width: 960px) { /* ----------- */
	.lineuplist a h3:after {
		content:'▶';
		font-size:60%;
		color:var(--wa-orange);
		margin-left:0.5em;
	}
}
@media only screen and (max-width: 767px) { /* ----------- */
	.product_idx { margin:40px 0 80px 0; }
	.lineuplist .col2l { flex:0 0 98%; margin:0 1% 40px 1%; }
	.lineuplist .col3l { flex:0 0 98%; margin:0 1% 40px 1%; }
	.lineuplist .col3s { flex:0 0 98%; margin:0 1% 20px 1%; }
}

.lineuplist a.sleff {
	display:inline-block;
	position: relative;
	line-height: 1.5;
	text-decoration:none;
	overflow: hidden;
	z-index:1;
	box-sizing:border-box;
}
.lineuplist a.sleff::after {
	background: rgba(128,128,128,0.2);
	position: absolute;
	top: 0; left: 0;
	content: '';
	width: 150%; height: 200%;
	transform: skewY(-10deg) scale(1, 0);
	transform-origin: left top;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	z-index: 2;
}
.lineuplist a.sleff:hover::after { transform: skewY(-5deg) scale(1, 1); }


.slick-prev, .slick-next, .slick-next:hover, .slick-prev:hover {
    position: absolute;
    z-index: 30;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    background-size:contain;
    background-repeat:no-repeat;
    text-indent:-9999px;
}
.box_parts .slick-next { right: 5px; }
.box_parts .slick-prev { left: 5px;}
.slick-prev, .slick-next, .slick-next:hover, .slick-prev:hover { width:40px; height:40px; top: 40%; transition-delay:0.1s; }
.slick-next, .slick-next:hover { right: -28px; background-image: url("../images/slick_next_org.png"); }
.slick-prev, .slick-prev:hover { left: -28px; background-image: url("../images/slick_prev_org.png"); }
.slick-next:not(.slick-disabled):hover { opacity:0.7 !important; right:-30px; }
.slick-prev:not(.slick-disabled):hover { opacity:0.7 !important; left:-30px; }
.slick-disabled { display:none !important; }
.slick-dots li button::before { font-size:10px; }
.slick_item_list div a { display:block; margin:0 5px; }

.btm_link { display:flex; flex-wrap:wrap; justify-content:space-around; }
.btm_link .rwbox {
	flex:0 0 46%; background-color:#fff; border-radius:12px;border:3px var(--wa-gray) solid;
	display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
	padding:10px; box-sizing:border-box;
}
.btm_link .rwbox div.txt { flex:1 0 55%; order:2; }
.btm_link .rwbox div.img { flex:1 0 18%; order:1; }
@media only screen and (max-width: 960px) {
	.btm_link .rwbox { flex:0 0 96%; margin-bottom:20px; }
}
@media only screen and (max-width: 767px) {
	.btm_link .rwbox div.txt { flex:0 0 90%; order:2; }
	.btm_link .rwbox div.img { flex:0 0 90%; order:1; }
	.btm_link .rwbox div.img img { max-height:120px; }
}

/*ow*/
.row_vr div h3 { margin:0.7em 0;font-size:1.1rem; color:var(--wa-black); }


@media only screen and (max-width: 960px) {
	.cs_list .inst_list:nth-child(n+13) { display:none; }
}

@media only screen and (max-width: 767px) {
	.cs_list .inst_list:nth-child(n+7) { display:none; }
}

