@charset "UTF-8";
@import "/include/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document index
--------------------------------------------------------- */

#index {
	text-align: left;
}

#index .section {
	margin-bottom: 40px;
}

#index h3 {
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: solid 5px #7f8dba;
	font-weight: 100;
	font-size: 20px;
	line-height: 1.3;
	text-align: left;
}

/* ガイドラインリンク */

#index ul.link01 {
	margin:10px 0 30px;
}

#index ul.link01 li:nth-child(1) {
	width:495px;
	display:inline-block;
	vertical-align:top;
	background:#42599b;
	border:2px solid #42599b;
	padding:5px 20px 2px;
	font-size:17px;
	color:#fff;
	text-align:center;
}

#index ul.link01 li:nth-child(2) {
	width:504px;
	background:#fff;
	background-size:10px 16px;
	display:inline-block;
	vertical-align:top;
	border:2px solid #42599b;
	font-size:17px;
}

#index ul.link01 li a {
	position:relative;
	display:block;
	padding:10px;
	text-decoration:none;
	padding:5px 0 2px 50px;
	color:#333;
}

#index ul.link01 li a::after {
	position: absolute;
	content:url(/include/top/movie_guideline_allow01.png);
	transform: scale(0.8);
	top:6px;
	right:15px
}

#index ul.link01 li a:hover {
	background:#eef2fd;
	color:#333;
	opacity: 0.8
}

/* 動画掲載枠 */

#index .movie {
	position:relative;
	height:0;
	overflow: hidden;
	margin-bottom:30px;
	padding-top:60px;
	padding-bottom:50%;
	border-top:solid 2px #000;
	border-bottom: solid 1px #ccc
}

#index .movie iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:idden;
	border:0
}

#index .movie_time_list {
	background:#f4f4f4;
	border:1px solid #ccc;
	border-radius:10px;
	padding:15px;
	font-size:14px;
	line-height:1.3;
}

#index .movie_time_list .swiper-button-prev,
#index .movie_time_list .swiper-button-next {
	width:35px;
	height:35px;
	background-size:35px 35px;
	margin-top:-24px;
}

#index .movie_time_list .swiper-button-next {
	background-image:url(/include/images/swiper-button.png);
	right:0;
}

#index .movie_time_list .swiper-button-prev {
	background-image:url(/include/images/swiper-button.png);
	transform: scale(-1, 1);
	left:0;
}

#index .movie_time_list .swiper-slide span.txt02 {
	display:block;
	margin:8px 0 3px;
}

#index .movie_time_list .swiper-slide span.txt01 {
	color:#333;
}

#index .movie_time_list a {
	text-decoration:none;
}

/* 関連リンク */

#index .guide {
	margin:30px 0;
}

#index .guide div {
	width:490px;
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
}

#index .guide div:nth-of-type(1) {
	margin-right:20px;
}

#index .guide h4 {
	background:#e8eefc;
	padding:11px 0 9px;
	border:1px #bdccee solid;
	border-radius:10px;
	font-size:18px;
	line-height:1;
	text-align:center;
}

#index .guide h5 {
	background:#e5e5e5;
	margin-bottom:5px;
	padding:11px 15px 9px;
	border-radius:10px;
	font-size:16px;
	line-height:1;
}

#index .guide ul {
	margin-bottom:10px;
}

#index .guide li {
	margin-left:1em;
	font-size:15px;
}
#index .guide li:before {
	content:"●";
	margin-right:5px;
	margin-left:-1em;
	color:#9ab2e9;
}