@charset "UTF-8";
@import url(common.css);
@media screen and (min-width: 641px) {


.iconNav img{
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	height:0;
	border:none;
}

/*コンテンツ
-----------------------------------*/
#main{
	height:650px;
	margin:0 auto 30px auto;
}


#slideshow {
   position:relative;
   width:100%;
   height:650px;
   z-index: 1;
   position: relative;
}
#slideshow li {
   position:absolute;
   height:650px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
  min-width: 1080px;
}

#main .ttl{
	width:100%;
  min-width: 1080px;
	height:380px;
	margin-top:-550px;
	padding:40px 0 0 0;
	background:url("../img/h1_back.png");
	z-index:2;
	position: absolute;
}

#main h1{
	text-align:center;
	height:70px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/h1.png) center no-repeat;
}

#main .ttl p{
	margin:0 auto;
	text-align:center;
	width:560px;
}
#main .ttl ul.area{
	margin:0 auto;
	text-align:center;
	width:560px;
	height:75px;
}

#main .ttl ul.area li{
	float:left;
}
#main .ttl .sp_area{
	 display: none;
}
#main .main_mountain{
	margin-top:-90px;
	width:100%;
	height:90px;
	z-index:3;
	position: absolute;
}


h2 {
	font-size:22px;
	color:#00984B;
	font-weight:bold;
	font-family:'font1';
	margin:40px auto 10px auto;
	/*border-bottom:4px solid #5A5959;
	padding-bottom:5px;*/
}

h2 p{
	text-align:right;
	float:right;
	font-size:13px;
}

h2 a ,h2 a:visited{
	color:#5A5959;
}

.searchform .list_area{
	margin-right:65px;
}

.searchform .list_area ul{
	top:-340px;
}

.list_03{
	width:1080px;
	margin:0 auto 60px auto;
	overflow:hidden;
	height:auto;
}

.list_03 li{
	width:340px;
	float:left;
	border:1px solid #ccc;
	box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}

.list_03 li h3{
	margin:15px 30px 10px 30px;
	line-height:2em;
}

.list_03 li h3 a{
	color:#000;
	font-size:16px;
	font-weight:bold;
}
.list_03 li h3 a:hover{
	color:#00984B;
}

.list_03 li h4{
	background:#eee;
	margin-bottom:10px;
	padding:4px 10px 2px 30px;
}
.list_03 li h5{
	font-size:13px;
	margin:0 30px 7px;
	padding:5px 0 0 18px;
	background: url(../img/icon_02.gif)  no-repeat;
}


/*.list_03 ul > *:first-child + * { margin:0 27px;}
*+html .list_03 ul > *:first-child + * { margin:0;}
*+html .list_03 ul > *:first-child + * + * { margin:0 27px;}*/

.list_03 ul {
  margin-right: -27px;
}

.list_03 li {
  margin-right: 27px;
  margin-bottom: 27px;
}

.list_03 .scale {
    width:340px;
    height:160px;
    overflow: hidden;
}

.list_genre{
	background:#F6F6F6;
  width: 100%;
  min-width: 1080px;
}

.list_genre h2{
	text-align:center;
	height:70px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(../img/ttl_01.png) center no-repeat;
	position:relative;
	top:-20px;
}

.list_genre table{
	padding:0 0 30px 0;
	width:1080px;
	margin:0 auto;
}

.list_genre table td{
	text-align:center;
	vertical-align:middle;
	font-size:13px;
	font-weight:bold;
	margin:10px 7.5px;
	line-height:2em;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.list_genre td a {
	color:#000;
	display: block;
    height: 100%;
    width: 100%;
}

.list_genre p {
	width:120px;
	height:120px;
	border-radius: 50%;
	-moz-border-image: border-radius: 50%;
	-webkit-border-image: border-radius: 50%;
	overflow: hidden;
    position: relative;
    z-index:10;
	margin:0 auto;
	-webkit-transform: translateZ(0);
	-webkit-mask-image: -webkit-radial-gradient(circle, white, black);
}


.list_genre td img {
	transition: .3s ease-in-put;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    position: relative;
    z-index: 0;
	width:120px;
	height:120px;
}

.list_genre img:hover {
    transform: scale(1.2, 1.2);
	-webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
}

.list_04{
	width:1080px;
	margin:0 auto;
	overflow:hidden;
	height:auto;
}

.list_04 li{
	width:255px;
	height:240px;
	float:left;
	border:1px solid #ccc;
	box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}

.list_04 .scale {
    width:255px;
	height:120px;
    overflow: hidden;
}

.list_04 li img{
	width:255px;
	height:120px;
}
.list_04 li h3{
	height:50px;
	margin:15px;
}

.list_04 li h3 a{
	color:#000;
	font-size:15px;
	font-weight:bold;
}
.list_04 li h3 a:hover{
	color:#00984B;
}

.list_04 li h4{
	width:225px;
	font-size:13px;
	margin:0 0 0 15px;
	border-bottom:1px solid #CCC;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
    -o-text-overflow: ellipsis; /* Opera */
}

.list_04 li .time{
	text-align:right;
	font-size:11px;
	padding:1px 15px 0 0;
}

.list_04 ul > *:first-child + * { margin:0 8px 0 17px;}
.list_04 ul > *:first-child + * + * { margin:0 17px 0 8px;}
*+html .list_04 ul > *:first-child + * { margin:0 8px 0 17px;}
*+html .list_04 ul > *:first-child + * + * { margin:0 17px 0 8px;}




/* スライド
-----------------------------------------*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}


@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
}
}