@charset "utf-8";
/* ===================================================================
CSS information
 file name  :shared.css
 style info :共通のcss

=================================================================== */
/* ==========================================================
	BASE
========================================================== */
#wrap {
	background: #fff;
	text-align: left;
	min-width: 990px;
	width: 100%;
	margin: 0 auto;
}

.inner {
	margin: 0 auto;
	width: 990px;
}

/* ==========================================================
	HEADER
========================================================== */
#header {
	background: url(../img/bg_header.gif) repeat-x center 0;
	width: 100%;
	height: 48px;
}
.header-inner {
	height: 48px;
	margin: 0 auto;
	width: 990px;
	position: relative;
}
h1 {
	position: absolute;
	top: 0;
	left: 367px;
}
.logo {
	position: absolute;
	top: 8px;
	left: 10px;
}
/* ==========================================================
	MAIN
========================================================== */
#main {
	background: url(../img/bg_main.jpg) no-repeat center 0;
	background-color: #7be4fb;
	background-size: 100% auto;
	min-width: 990px;
	padding: 55px 0 14px;
	text-align: center;
}
#main .inner {
	background: url(../img/bg_slide.png) no-repeat center 0;
	width: 870px;
	height: 344px;
	padding: 28px 50px;
	margin: 0 auto;
}
#main .inner #slideArea .slider {
	margin-bottom: 18px;
}
#main .inner #slideArea .thumb .slick-list {
	width: 310px !important;
	margin: 0 auto !important;
	position: relative !important;
	padding: 0 !important;
}
#main .inner #slideArea .thumb li {
	opacity: 0.6;
}
#main .inner #slideArea .thumb .slick-current {
	opacity: 1;
}
#main .inner #slideArea .slick-arrow {
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
/* ==========================================================
	TOPICS
========================================================== */
#topics {
	background: url(../img/bg_topics_area.jpg) repeat-x;
	height: 125px;
}
#topics .bg-topics {
	background: url(../img/bg_topics.png) no-repeat center 0;
	width: 960px;
	height: 70px;
	margin: 0 auto;
}
#topics #newslist dl {
	font-size: 16px;
	font-family: 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic',
		sans-serif;
	color: #343434;
	overflow: hidden;
	clear: both;
	white-space: nowrap;
}
#topics #newslist dt,
#topics #newslist dd {
	float: left;
}
#topics #newslist dt {
	margin: 0 18px 0 0;
}
#topics #newslist dd a {
	color: #0090ff;
	text-decoration: underline;
}
#topics #newslist dd a:hover {
	text-decoration: none;
}
/* ==========================================================
	CONTENTS
========================================================== */
#contents {
	background: url(../img/bg_contents.jpg) repeat;
	width: 100%;
	padding: 10px 0 0;
}
#contents .contents-area {
	width: 990px;
	margin: -30px auto 0;
}
#contents .inner {
	width: 870px;
	padding: 0 60px 22px;
}
#contents .campaign {
	width: 945px;
	margin: 0 auto 50px;
}
#contents .campaign ul {
	margin: 10px auto 0;
}
#contents .campaign ul li {
	padding: 0;
}
#contents .campaign ul li:last-child {
	margin: 0 0 0 20px;
}
#contents ul {
	overflow: hidden;
	clear: both;
}
#contents ul li {
	float: left;
	padding: 0 0 20px;
}
#contents ul li.pl {
	padding: 0 0 20px 19px;
}

/* ==========================================================
	FOOTER
========================================================== */
.footer-contents {
	background: url(../img/bg_banner_area.gif) repeat;
	border-top: solid 2px #1f8aa4;
	width: 100%;
	padding: 28px 0 33px;
}
.footer-contents ul {
	overflow: hidden;
	clear: both;
}
.footer-contents ul.banner-area01 {
	width: 810px;
	margin: 0 auto;
}
.footer-contents ul.banner-area02 {
	width: 900px;
	margin: 0 auto;
}
.footer-contents ul.banner-area01 li {
	padding: 0 20px 20px 0;
}
.footer-contents ul.banner-area01 li.pl-no {
	padding: 0 0 20px 0;
}
.footer-contents ul.banner-area02 li {
	padding: 10px 10px 0 0;
}
.footer-contents ul.banner-area02 li.pl-no {
	padding: 10px 0 0 0;
}
.footer-contents ul li {
	float: left;
}
#footer {
	background-color: #2b4ab2;
	width: 100%;
	padding: 30px 0 17px;
}
#footer .inner {
	width: 970px;
	padding: 0 10px;
}
#footer .corporate {
	margin: 0 0 16px;
}

/* =================================
   @映画アーカイブリンク追加
================================= */
#movieArea {
	width: 960px;
	padding-bottom: 40px;
	margin: 20px auto 0;
}

#movieArea h2 {
	margin-bottom: 30px;
}

#movieArea ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	padding: 0 40px;
}

#movieArea ul li {
	margin-bottom: 20px;
}

/* =================================
   @Twitterタイムライン追加
================================= */
.twArea {
	width: 870px;
	margin: 0 auto 40px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
}

.twArea .twBox {
	width: 420px;
}

.twArea .twBox h1 {
	margin-bottom: 10px;
	position: static;
}

.twArea .bnrBox {
	width: 430px;
	text-align: center;
	padding-top: 44px;
}

.twArea .bnrBox li {
	margin-bottom: 10px;
	padding: 0 !important;
	float: none !important;
}

.twArea .bnrBox li:last-child {
	margin-bottom: 0;
}