@charset "UTF-8";

/* MainVisual
--------------------------------------------*/

.main_visual img{
  max-width: none;
  width: 100%;
  height: auto;
}

.swiper-container{
  -ms-filter: "alpha(opacity=0)" ;
	-khtml-opacity: 0;
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
  padding: 0 150px;
}

.swiper-wrapper{
  
}

.swiper_arrow_wrap{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 150px;
}

.swiper_arrow_wrap_in{
  position: relative;
  height: 100%;
}

.swiper-button-next,
.swiper-button-prev{
  background: none !important;
  width: 30px;
  height: 30px;
  -moz-transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  margin-top: -15px;
}

.swiper-button-next{
  right: 30px;
  border-right: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: 1px -1px 2px 0px rgba(0,0,0,0.5);
}


.swiper-button-prev{
  left: 30px;
  border-left: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  box-shadow: -1px 1px 2px 0px rgba(0,0,0,0.5);
}


.swiper-cover{
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100%;
  z-index: 10;
  background-color: rgba(255,255,255,0.5);
  cursor: pointer;
}

.swiper-cover.prev{
  left: -100vw;
}

.swiper-cover.next{
  right: -100vw;
}

@media all and (max-width: 960px) {
  .swiper-container{
    padding: 0 80px;
  }
  .swiper_arrow_wrap{
    padding: 0 80px;
  }
}

@media all and (min-width: 0px) and (max-width: 768px) {
  .swiper-container{
    padding: 0 0px;
  }
  .swiper_arrow_wrap{
    display: none;
  }
}


/*
.mainVisual {
	width: 100%;
	height: 450px;
	background: #cccccc;
	color: #e8e1cf;
	position: relative;
}
.responsiveHeight {
	height: 450px;
	padding-bottom: 0;
	position: relative;
	overflow: visible;
}
.responsiveHeight > .inner {
	position: absolute;
	width: 100%;
	height: 100%;
}
.mainSlider {
	position: relative;
	top: 0;
	left: 0;
	overflow: visible;
	width: 100%;
	height: 100%;
	background: #000000;
}
.mainSlider .slider {
	width: 100%;
	height: 100%;
}
.mainSlider .slider .item {
	float: left;
	width: 994px;
	height: 100%;
	text-align: center;
}
.mainSlider .slider .item p.halfImg {
	width: 50%;
	height: 100%;
	overflow: hidden;
	float: left;
}
.mainSlider .slider .item img {
	width: 960px;
}
.sliderNav {
	position: relative;
	width: 1028px;
	margin: -225px auto 0;
}
.sliderNav li {
	position: absolute;
	top: 50%;
	z-index: 11;
	margin-top: -35px;
}
.sliderNav li img {
	width: 34px;
	height: 70px;
}
.sliderNav li.prevButton {
	left: 0;
}
.sliderNav li.nextButton {
	right: 0;
}
*/
/* トピックス
--------------------------------------------*/

.information{
  overflow: hidden;
}

.information .infoContent{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: center;
  -webkit-justify-content: center;
  margin: 0 -15px -25px 0;
}


.information .infoContent li{
  padding: 0 15px 25px 0;
  width: 20%;
}

.information .infoContent li a{
  display: block;
  height: 100%;
}

.information .infoContent li .infoContent_in{
  position: relative;
  height: 100%;
  background-image: url(../img/top/top_list_bg.png);
}

.information .infoContent li .infoContent_in .image figure{
  height: 0;
  padding: 0 0 69.4% 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.information .infoContent li .infoContent_in .txt{
  padding: 14px;
  color: #ffffff;
}

.information .infoContent .txt h4{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "IPAex明朝", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.information .infoContent .txt p{
	margin: 4px 0 0;
	font-size: 13px;
}

/* Effect */
.information .infoContent a {
	opacity: 1 !important;
}
.information .infoContent .hover_text h3 {
	color: #fff;
	font-size: 20px;
	text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "IPAex明朝", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: inline-block;
  vertical-align:  middle;
  letter-spacing: normal;
}

.information .infoContent .hover_text {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transform: rotateY(180deg);
	transform: rotateY(180deg);
	-webkit-transition: .5s;
	transition: .5s;
	opacity: 0;
  padding: 15px;
  letter-spacing: -0.4em;
  text-align: center;
}


.information .infoContent .hover_text:after{
  content: "";
  display: inline-block;
  width: 0;
  margin: 0 0 0 -4px;
  vertical-align:  middle;
  height: 100%;
}

.information .infoContent .infoContent_in:hover .hover_text {
	-webkit-transform: rotateY(0);
	transform: rotateY(0);
	opacity: 1;
}

@media all and (max-width: 960px) {
  .information .infoContent li{
    width: 33.3%;
  }
}

@media all and (min-width: 0px) and (max-width: 768px) {
/* ▼レスポンシブ */

/* MainVisual
--------------------------------------------*/
.mainVisual {
	width: 100%;
	height: 245px;
	background: #000;
	color: #e8e1cf;
	position: relative;
	overflow: hidden;
	margin: 0;
}
/* スライダー
--------------------------------------------*/
.mainSlider .slider .item {
	float: left;
	width: 320px;
	height: 255px;
	text-align: center;
}
.responsiveHeight {
	height: 245px;
}
.mainSlider .slider .item img {
	width: 320px;
	margin: 0;
}
.mainSlider .slider .item p.halfImg img {
	width: auto;
	height: 255px;
	min-width: 230px;
}
.sliderNav {
	position: relative;
	width: 100%;
	margin: -127px auto 0;
}
.sliderNav li {
	position: absolute;
	top: 50%;
	z-index: 11;
	margin-top: -35px;
}
.sliderNav li img {
	width: 34px;
	height: 70px;
}
.sliderNav li.prevButton {
	left: 0;
}
.sliderNav li.nextButton {
	right: -0;
}
.topPage .mainContent, .topPage .subContentTop, .topPage .subContent {
	width: 96%;
	padding-top: 15px;
	margin-bottom: -60px;
}
/* トピックス
--------------------------------------------*/
.information .infoContent{
  margin: 0 0 0 0;
}

.information .infoContent li{
  width: 100%;
  padding-right: 0;
  padding-bottom: 10px;
}
  
.information .infoContent li .infoContent_in{
  display: flex;
  display: -webkit-flex;
  width: 100%;
  min-height: 120px;
}
  
.information .infoContent li .infoContent_in .image{
  min-width: 120px;
  width: 30%;
  position: relative;
}
  
.information .infoContent li .infoContent_in .image figure{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
  
.information .infoContent li .infoContent_in .txt{
  width: 70%;
}

  
.information .infoContent li .infoContent_in .hover_text{
  display: none;
}
  
.information .infoContent .txt h4{
  font-size: 14px;
}
.information .infoContent .txt p{
  font-size: 11px;
}

.txt-narrow {
	transform: scale(1, 1);
	width: 100%;
}
.txt-narrow-b {
	transform: scale(1, 1);
	width: 100%;
}
/* ▲レスポンシブ */}