@charset "utf-8";
/* CSS Document */

#outdoor {
	font-family: 'メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 1.0rem;
	line-height:1.7em;
  color: #1D1D1D;
	-webkit-text-size-adjust: 100%;
  background-color: #fff;
}

#outdoor strong {
	font-size:15px;
	font-weight:bold;
	color:#e30b21;
	vertical-align:middle;
}

#outdoor small {
	font-size: 0.8rem;
	font-weight:bold;
}

#outdoor h1 {
  position: relative;
  font-size: 1.0rem;
  font-weight: bolder;
  text-align: center;
  margin: 30px auto;
  padding: 10px;
}

#outdoor h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #327D58, #327D58 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #327D58, #327D58 2px, #fff 2px, #fff 4px);
}


.lineup_list01 h2 {
  position: relative;
  padding: .5em .75em;
  background-color: #B3CB9C;
  font-size: 0.9rem;
  font-weight: bolder;
  text-align: center;
  margin: 30px auto;
}
.lineup_list01 h2::before,
.lineup_list01 h2::after {
  position: absolute;
  bottom: 8px;
  z-index: -1;
  content: '';
  width: 30%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
.lineup_list01 h2::before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  left: .3em;
}
.lineup_list01 h2::after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: .3em;
}



.lineup_list02 h2 {
  position: relative;
  padding: .5em .75em;
  background-color: #154228;
  font-size: 0.9rem;
  font-weight: bolder;
  text-align: center;
  margin: 30px auto;
  color: #fff;
}
.lineup_list02 h2::before,
.lineup_list02 h2::after {
  position: absolute;
  bottom: 8px;
  z-index: -1;
  content: '';
  width: 30%;
  height: 50%;
  box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
}
.lineup_list02 h2::before {
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
  left: .3em;
}
.lineup_list02 h2::after {
  -webkit-transform: rotate(3deg);
  transform: rotate(3deg);
  right: .3em;
}

#outdoor .line {
	margin: 30px auto;
}

#outdoor .line01,
#outdoor .line02,
#outdoor .line03,
#outdoor .line04,
#outdoor .line05,
#outdoor .line06,
#outdoor .line07,
#outdoor .lineup{
	position: relative;
}

#outdoor .line01 .line01-01{
  margin: 30px auto;
  text-align: center;
  font-size: 0.8rem;
	line-height:1.9em;
  padding: 0px 20px;
}

#outdoor .line02 {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;  
}

#outdoor .line02 a.cate_btn_01 {
	position: relative;
	display: block;
	width: 340px;
	padding: 0.5em 0.5em 0.5em 1.0em;
	text-align: left;
	text-decoration: none;
	background: #B3CB9C;
	border:1px solid #fff;
	overflow: hidden;
  font-size: 0.7rem;
  margin: 0.3rem;
  color: #000;
}

#outdoor .line02 a.cate_btn_01:before {
	content:"";
	position: absolute;
	top: 0px;
	left: -320px;
	height: 100%;
	width: 350px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
}

#outdoor .line02 a.cate_btn_01:hover:before {
	left:0;
}

#outdoor .line02 a.cate_btn_02 {
	position: relative;
	display: block;
	width: 340px;
	padding: 0.5em 0.5em 0.5em 1.0em;
	text-align: left;
	text-decoration: none;
	background: #154228;
	border:1px solid #fff;
	overflow: hidden;
  font-size: 0.7rem;
  margin: 0.3rem;
  color: #fff;
}

#outdoor .line02 a.cate_btn_02:before {
	content:"";
	position: absolute;
	top: 0px;
	left: -320px;
	height: 100%;
	width: 350px;
	background : #fff;
	opacity: 0.3;
	transition: .4s;
}

#outdoor .line02 a.cate_btn_02:hover:before {
	left:0;
}


#outdoor .line03 {
  text-align: center;
}


.lineup_list01 {
  margin: 30px auto;
  text-align: center;
}

.lineup_list02 {
  margin: 30px auto;
  text-align: center;
}

#outdoor .btn a :hover{
  text-decoration: none;
  display: block;
}

/* もっと見るを非表示にする */
.block-link { 
  display: none;
}

.block-link--link { 
  font-size: 0.8rem;
}

.under {
  background: linear-gradient(transparent 50%, #a8eaff 50%);
}

.movie{
	background:#f6f6f6;
	text-align:center;
	padding:20px 0 0 0;
}
.cartbox{
	background:#f6f6f6 ;
	margin-top:-15px;
	padding-bottom:50px;
}


/* すらいどしょー */
#stage {
position: relative;
max-width:80%;
margin: 0 auto;
background:#fff;
}
.pic {
position: absolute;
}
.pic img {
width: 100%;
height: auto;
border:solid 1px #ccc;
padding:7px;
opacity:0;
-moz-animation: imgTrans 30s infinite;
-webkit-animation: imgTrans 30s ease-in infinite;
animation: imgTrans 30s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 5s;
-webkit-animation-delay: 5s;
animation-delay: 5s;
}
#photo3 img {
-moz-animation-delay: 10s;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}
#photo4 img{
-moz-animation-delay: 15s;
-webkit-animation-delay: 15s;
animation-delay: 15s;
}
#photo5 img {
-moz-animation-delay: 20s;
-webkit-animation-delay: 20s;
animation-delay: 20s;
}
#photo6 img {
-moz-animation-delay: 25s;
-webkit-animation-delay: 25s;
animation-delay: 25s;
}
@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
/* END すらいどしょー */