@charset "UTF-8";
/* Body setting
----------------------------------------------------------- */
body {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 62.5%;
	text-align: center;
	background-attachment: scroll;
	background-repeat: repeat;
	background-position: center top;
	border: 3px none #E4007F;
	-webkit-font-smoothing: antialiased;
	background-color: #FFF;
}
/*トップイメージ*/
#top_img {
	height: auto;
	width: 100%;
	position: fixed;
	margin: auto;
	top: 58px;
	background-color: #FFF;
}
@media screen and (max-width: 1080px) {
#top_img {
	height: auto;
	width: 100%;
	position: relative;
	margin: auto;
	top: 0px;
	background-color: #FFF;
}
}
#top_img img {
	height: auto;
	width: auto;
	margin: auto;
	padding: 0px;
}
@media screen and (max-width: 1080px) {
#top_img img {
	height: auto;
	width: 95%;
	margin: auto;
	padding: 0px;
}
}
#container #slider {
	overflow:visible;
	height: auto;
	width: 100%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	min-width: 1000px;
}
@media screen and (max-width: 980px) {
#container #slider {
	min-width: 200px;
}
}
#container #slider .slide {
	height: auto;
	width: 100%;
	position: relative;
	min-width: 1000px;
}
@media screen and (max-width: 980px) {
#container #slider .slide {
	min-width: 200px;
}
}
#container #slider .slide img {
	height: auto;
	width: 100%;
	margin: auto;
}
#img2, #img3 {
display:none;
}
/*トップバナー*/
.read-index-list {
	background-color: #FFF;
	overflow: hidden;
}
@media screen and (max-width: 1080px) {
.read-index-list {
	margin-top: 0px;
}
}
.read-index-list .index-item {
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
	position: relative;
	z-index: 8888;
}
.read-index-list .index-item:first-child {
	margin-top:0
}
.read-index-list .index-item a {
	display:block;
	position:relative;
	height:300px;
	overflow:hidden;
	background:black
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item a {
	display:block;
	position:relative;
	height:150px;
	overflow:hidden;
	background:black
}
}
.read-index-list .index-item a:hover {
	opacity:1
}
.read-index-list .index-item a:hover .title {
filter:progid:DXImageTransform.Microsoft.Alpha(enabled=false);
	opacity:1
}
.read-index-list .index-item a:hover .bg {
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
	opacity:0.5
}
.read-index-list .index-item .title {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
	z-index:2;
	-moz-transition:opacity 0.4s linear;
	-o-transition:opacity 0.4s linear;
	-webkit-transition:opacity 0.4s linear;
	transition:opacity 0.4s linear;
	left: 50%;
	width: 300px;
	margin-left: -150px;
	height: 50px;
	margin-bottom: -50px;
}
.read-index-list .index-item .title h2 {
	font-size: 2.0em;
	line-height: 1.2em;
	color: #FFF;
	font-family: myWebFont;
	letter-spacing: 0.2em;
}
.read-index-list .index-item .title p {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.1em;
	margin-top: 0.7em;
	color: #FFF;
	font-family: myWebFont;
	letter-spacing: 0.1em;
}
.read-index-list .index-item .title img {
}
.read-index-list .index-item .bg {
	position:relative;
	z-index:1;
	display:block;
	height:300px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center, center;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	-webkit-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item .bg {
	position:relative;
	z-index:1;
	display:block;
	height:150px;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center, center;
	-moz-transition:opacity 0.3s linear;
	-o-transition:opacity 0.3s linear;
	-webkit-transition:opacity 0.3s linear;
	transition:opacity 0.3s linear
}
}
.read-index-list .index-item01 .bg {
	background-image:url(../img/index/img01.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item01 .bg {
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
.read-index-list .index-item02 .bg {
	background-image:url(../img/index/img02.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item02 .bg {
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
.read-index-list .index-item03 .bg {
	background-image:url(../img/index/img03.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item03 .bg {
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
.read-index-list .index-item04 .bg {
	background-image:url(../img/index/img04.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item04 .bg {
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
.read-index-list .index-item05 .bg {
	background-image:url(../img/index/img05.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item05 .bg {
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
.read-index-list .index-item06 .bg {
	background-image:url(../img/index/img06.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item06 .bg {
 --moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
.read-index-list .index-item07 .bg {
	background-image:url(../img/index/img07.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item07 .bg {
 --moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
.read-index-list .index-item08 .bg {
	background-image:url(../img/index/img08.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item08 .bg {
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
.read-index-list .index-item09 .bg {
	background-image:url(../img/index/img09.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
@media screen and (max-width: 1080px) {
.read-index-list .index-item09 .bg {
	-moz-background-size:cover;
	background-size:cover;
	background-position: center center;
}
}
#container .read-index-list .index-item08 .title h2, #container .read-index-list .index-item08 .title p {
	color: #000;
}
/* フッター
----------------------------------------------------------- */
#copyright {
	font-size: 1em;
	line-height: 1em;
	color: #000;
	letter-spacing: 0.1em;
	margin-top: 0em;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	background-color: #FFFFFF;
	width: 100%;
}
#topics {
	margin: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 6px;
	background-color: #EAEAEA;
}
#topics ul {
	background-color: #EDEDED;
	margin: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align: left;
	font-size: 1.4em;
	line-height: 1.2em;
	width: 1164px;
}
@media screen and (max-width:1164px) {
#topics ul {
	background-color: #EDEDED;
	margin: auto;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	text-align: left;
	width: 95%;
}
}
#topics ul li {
	font-size: 1.0em;
	line-height: 1.3em;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
}
@media screen and (max-width:640px) {
#topics ul li {
	font-size: 14px;
	line-height: 1.3em;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}
}
#topics ul li span {
	display: inline;
	margin-right: 1.5em;
	font-weight: bold;
}
@media screen and (max-width:640px) {
#topics ul li span {
	display: block;
	margin-right: 1.5em;
	font-weight: bold;
	margin-bottom: 0.2em;
	margin-top: 0.8em;
}
}