* {
    margin: 0;
    padding: 0;
}

.row,
.contain-to-grid  {max-width: 1500px;}/*100%*/
body{
    background-color: #fff !important;
    font-family: '丸フォーク R','メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

a:hover {color:#ff8000;!important}

.linkc{
color:#ccc;
}

img {
  transition: 0.5s;
}
a img:hover {
  opacity: 0.6;
  transition: 0.5s;
}

ul,li{
  list-style: none; !important
}

#container{
  background-color: #fff;/*#FFFBF2淡いクリーム色*/
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 10px;
    margin: 0 auto;
    border: solid 1px #fff;
    border-radius: 8px;
}
#content{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #fff;
   /* border: solid 1px #fff;
    border-radius: 5px;
    padding: 0 5px 10px 15px;
    margin: 0 10px 10px 10px;
   box-shadow:rgba(78, 96, 120, 0.329412) 0px 0px 8px 2px;
-webkit-box-shadow:rgba(78, 96, 120, 0.329412) 0px 0px 8px 2px;
-moz-box-shadow:rgba(78, 96, 120, 0.329412) 0px 0px 8px 2px; */
}

 p{
    font-family:'Folk Medium';
    color: #666;
    font-size: 1rem;
    line-height: 2;
    background-color: #fff;
    padding: 1em;
    margin: 0;
}

 h2{
   /* background-color: #fff; */
  font-family: 'シネマレター';
   /* font-family:'suzumushi';*/
   text-align: center;
    margin: 0 0 1.5em;
    padding:15px;
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-left: solid 3px #39475D;
    font-size: 18px;
    font-weight: bold;
    color: #385572
    max-width:200px；
}

.indexh2{
  /* background-color: #fff; */
 font-family: 'シネマレター';
  /* font-family:'suzumushi';*/
  text-align: center;
   margin: 0 0 1.5em;
   padding:15px;
   border-top:1px solid #ccc;
   border-bottom: 1px solid #ccc;
   border-left: solid 3px #95aacc;
   font-size: 18px;
   font-weight: bold;
   color: #ffffff;
   max-width:200px；
}

 h3{
  font-family:'フォーク M';
  font-size: 16px;

  border-bottom: solid 1px #ccc;
  border-left: solid 3px #1DA1F2;
  padding: 5px;
}

h5{
  text-align: center;
  color: #fff;
  font-size: 15px;
}

.h3itemdes{
  font-family:'カクミン R';
  font-size: 16px;
  font-weight: 500;
  border-bottom: solid 1px #ccc;
  border-left: solid 3px #F12B00;
  padding: 5px;
}

#top-contenthead{
  width: 100%;
  height:75px;
  /*background-image: url(images/sky.png);
  background-repeat: no-repeat;*/
  /*background-color: #2b95ff;*/
  background-color:#fff;/*ボディトップの背景色*/
  border-bottom: solid 1px #80bfff;
}

#contenthead{
  width: 100%;
  height: 75px;
  /*background-image: url(images/sky.png);
  background-repeat: no-repeat;*/
  /*background-color: #2b95ff;*/
  background-color:#fff;
  margin-bottom: 20px;
  border-bottom: solid 1px #80bfff;
}
.imgcenter{
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.bottomimg{
 display: block;
 margin-left: auto;
 margin-right: auto;
 padding: 12px;
}

.smalltext01{
  font-size: 10px;
  color: #324356;
}
.textred01{
    color: #ff2b2b;
    font-size: 12px;
}

.imgleft{
  float: left;
  margin: 0 10px 10px 5px;
}

.imgright{
  float: right;
  margin: 0 5px 10px 10px;
}

.movi{
  width: 100%;
  max-width: 700px;
}
.sercharea02{
  max-width: 500px;
}
.itempricenum{
  font-size: 23px;
  font-weight: 600;
  color: #C20024;
}
.itempriceen{
  font-size: 16px;
  font-weight: 600;
  color: #777;
}
.group h1{
  font-family: 'シネマレター';
  font-size: 12px;
  margin: 0px auto;
  padding: 10px 0;
  width: 90%;
  text-align: center;
  color:#444;
}

.center{
text-align:center;
}

.smahomenu{
	display:none;
}

.eventtrmidasi{
  color:#000080;
  font-family: 'シネマレター';
  border:1px #000;
  background-color: ##4682b4 !important;

}

.sozai-des-red{
  font-size: 14px;
  font-weight: 600;
  color: #b22222;
}

#foot-2{
  background-color: 000;
  height: 80px
}

#airbrash{
  height: 1000px;
  background-image: url("images/back/airbrash.jpg");
}
/*==========================================
 ショップへボタンのスタイル-1(グリーン系)
===========================================*/

.shopbtn {
  position: relative;
  float: right;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 10px 0 10px;
  margin: 15px 0 30px 0;
}
.shopbtn:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.shopbtn:active {
  top: 3px;
  box-shadow: none;
}

/*==========================================
 ショップへボタンのスタイル-2(オレンジ系)
===========================================*/

.shopbtn2 {
  position: relative;
  float: left;
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 10px 0 10px;
  margin: 15px 15px 30px 0;
}
.shopbtn2:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.shopbtn2:active {
  top: 3px;
  box-shadow: none;
}

/*==========================================
 ショップへボタンのスタイル-3(赤色系)
===========================================*/

.shopbtn3 {
  position: relative;
  float: right;;
  background-color: #d72500;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #D74B22;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 10px 0 10px;
  margin: 15px 0 30px 0;
}
.shopbtn3:hover {
  background-color: #EF454A;
  box-shadow: 0 3px 0 #F12B00;
}
.shopbtn3:active {
  top: 3px;
  box-shadow: none;
}

/*==========================================
 ショップへボタンのスタイル-4(赤色系)
===========================================*/
.shopbtn4 {
  position: relative;
  float: right;;
  background-color: #EF454A;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #d72500;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 10px 0 10px;
  margin: 15px 0 30px 0;
}
.shopbtn4:hover {
  background-color: #EC6D51;
  box-shadow: 0 3px 0 #EA5506;
}
.shopbtn4:active {
  top: 3px;
  box-shadow: none;
}

/*==========================================
応募ボタン
===========================================*/

.oubobtn {
  
  background-color: #1abc9c;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  box-shadow: 0 3px 0 #0e8c73;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  padding: 0 50px 0 50px;

}
.shopbtn:hover {
  background-color: #31c8aa;
  box-shadow: 0 3px 0 #23a188;
}
.shopbtn:active {
  top: 3px;
  box-shadow: none;
}

#oubobtnarea p{
  text-align: center;

}

/*header {
	background-image: url("");
    background-color:#e6d8ba;
    color:#666;
    display:block;
    font: 14px/1.3 Arial,sans-serif;
    height:auto;
    position:relative;
    border-bottom:1px solid #ccc;
    margin:0;
}

header h1{font-size: 12px;
    margin: 0px auto;
    padding: 10px 0;
    width: 90%;
    text-align: center;
    color:#fff;
}

header h2{
    font-size: 12px;
    margin: 0px auto;
    padding: 10px 0;
    width: 90%;
    text-align: center;
    color:#ccc;
}
header a, a:visited {
    text-decoration:none;
    color:#fcfcfc;
}*/

/* custom styles */



.sidemenu h3  {margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 1.2;}

.sidemenu ul,
.sidemenu ol  {margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  list-style: none;}

.sidemenu img{
  margin-bottom: 15px;
}

.sidemenu li a:hover  {background-color: #eee;}


.sidemenu > h3  {margin: 0;
  padding: 10px;
  background-color: #dfc27e;
  font-size: 14px;}

.sidemenu > p {margin: 10px;}


.sidemenu li a:hover  {background-color: #ffe;}

.group  {margin-bottom: 30px;
  padding: 0;}

 h4{
  font-family:'フォーク M';
  font-size: 16px;
  text-align: center;
  color: #444;
  border-bottom: solid 1px #ccc;
  background-color: #fff;
  margin: 0;
}


.itemtxt01{
  font-size: 12px;
}

.reworksbox {padding:7px;
  background-color: #fff;
border:solid 3px #3f79ff
;}
/* Ｄ３: 新着情報 */
.news {
  margin-left: auto;
  margin-right: auto;
  background-color: #ffffff;
  }

.news h1  {margin: 0 0 10px 0;
  font-size: 18px;
  line-height: 1.2;}

.news ul,
.news ol  {margin: 0 auto 0 auto;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  list-style: none;
  }

.news li a  {display: block;
  margin: 0 0 10px 0;
  padding: 10px 5px 10px 5px;
  color: #000;
  text-decoration: none;
  border :solid 1px #bbbbbb;
  border-radius: 4px;
}

.news li a:hover  {background-color:rgb(247, 247, 247);
  border :sorid 1px #f0f0f0;
  border-radius: 4px;}

.news01 {float: left;
  background-color: #FBA848;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border: none;}

.news02 {float: left;
  background-color: #58BE89;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border: none;}

.news03 {float: left;
  background-color: #F27398;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border: none;}


 .news04 {float: left;
  background-color: #40AAEF;
  color: #fff;
  padding: 5px;
  border-radius: 3px;
  border: none;}



.news p {margin: 0 0 0 110px;
}

.news .desc {color: #666;
  font-size: 12px;}

.news li a:after  {content: "";
  display: block;
  clear: both;}
.news li a  {*zoom: 1;}

.s-aikon{
  vertical-align: bottom;
  font-size: 0.8em;
}


.smahoimg{
  padding: 10px 15px;
}
footer {
    /* border-top: solid #1DA1F2 1px; */
    padding-bottom: 20px;
    /*background-image: url(images/fff.png);
    background-repeat: no-repeat;*/
    /* background-color:#39475D; */
    background-color: transparent;
    color: #5f5f5f;
    text-align: center;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

footer p   {margin: 0 0 3px 0;
    font-size: 12px;
    line-height: 1.6;
    color: #000;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

footer a   {color: #7c7c7c;
    text-decoration: none;
}

.tyoukou1{
margin:5px 0 10px 0;
}

/* クリアフィックス */
.cf{
  clear: both;
  display: block;
}

textarea {
  height: auto;
  color: #432f2f;
}


/* 問合せページ */
.form-field {
  width:100%;
  /* max-width:800px; */
   border: 1px solid #c9b7a2;
   background: #E3DECC !important;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   color: #432f2f;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
   padding:10px !important;
   margin-bottom:20px;
   font-size: 16px !important;
   }

   .form-field:focus {
   background: #fff !important;
   border-color: #C69D2B !important;
   color: #725129;
   }
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   border: 1px solid #447314;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #addc7e 0 1px 0;
   color: #31540c;
   font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
   padding: 8.5px 18px;
   font-size: 14px;
   text-decoration: none;
   vertical-align: middle;
   }
.submit-button:hover {
   border: 1px solid #447314;
   text-shadow: #31540c 0 1px 0;
   background: #6aa436;
   background: -webkit-gradient(linear, left top, left bottom, from(#8dc059), to(#6aa436));
   background: -webkit-linear-gradient(top, #8dc059, #6aa436);
   background: -moz-linear-gradient(top, #8dc059, #6aa436);
   background: -ms-linear-gradient(top, #8dc059, #6aa436);
   background: -o-linear-gradient(top, #8dc059, #6aa436);
   background-image: -ms-linear-gradient(top, #8dc059 0%, #6aa436 100%);
   color: #fff;
   }
.submit-button:active {
   text-shadow: #31540c 0 1px 0;
   border: 1px solid #447314;
   background: #8dc059;
   background: -webkit-gradient(linear, left top, left bottom, from(#6aa436), to(#6aa436));
   background: -webkit-linear-gradient(top, #6aa436, #8dc059);
   background: -moz-linear-gradient(top, #6aa436, #8dc059);
   background: -ms-linear-gradient(top, #6aa436, #8dc059);
   background: -o-linear-gradient(top, #6aa436, #8dc059);
   background-image: -ms-linear-gradient(top, #6aa436 0%, #8dc059 100%);
   color: #fff;
   }



/*==========================================
 ページトップへボタンのスタイル
===========================================*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 60px;
    padding:20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    opacity: 0.8;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/*==========================================
ページング
===========================================*/

.paging {
    padding: 15px 0 15px 0;
    margin-bottom: 20px;
}

.page {
    display: inline-block;
    padding: 5px 9px;
    margin:0 8px 5px 0;
    border-radius: 3px;
    border: solid 1px #c0c0c0;
    background: #e9e9e9;
    box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
    font-size: .875em;
    font-weight: bold;
    font-family: 'Titillium Web', sans-serif !important;
    text-decoration: none;
    color: #717171;
    text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}

.page a{
	color: #717171;
}

.page.active a{
	color: #f0f0f0 !important;
}

.page:hover, .page.gradient:hover {
    background: #fefefe;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FEFEFE), to(#f0f0f0));
    background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}

.page.active {
	  pointer-events: none;
    border: none;
    background: #0080c0;
    box-shadow: inset 0px 0px 8px rgba(22,54,150, .5), 0px 1px 0px rgba(0,0,0, .1);
    color: #f0f0f0;
    text-shadow: 0px 0px 3px rgba(22,54,127, .1);
}

.page.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#e9e9e9));
    background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
}

.paging.dark {
    background: #414449;
    color: #feffff;
}

.page.dark {
    border: solid 1px #32373b;
    background: #3e4347;
    box-shadow: inset 0px 1px 1px rgba(255,255,255, .1), 0px 1px 3px rgba(0,0,0, .1);
    color: #feffff;
    text-shadow: 0px 1px 0px rgba(0,0,0, .5);
}

.page.dark:hover, .page.dark.gradient:hover {
    background: #3d4f5d;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#547085), to(#3d4f5d));
    background: -moz-linear-gradient(0% 0% 270deg,#547085, #3d4f5d);
}

.page.dark.active {
    border: none;
    background: #2f3237;
    box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .1);
}

.page.dark.gradient {
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#565b5f), to(#3e4347));
    background: -moz-linear-gradient(0% 0% 270deg,#565b5f, #3e4347);
}

/*===========================================
 スマホスタイル
===========================================*/
@media screen and (max-width: 420px) {
	#container {

	}
.smahomenu{
	display:block;
}
#topimage{

}

}



/*==========================================
 トップページ画像アニメーション
===========================================*/

.img-wrap {
  animation: img-wrap 5s cubic-bezier(.4, 0, .2, 1);
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }
  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}

/*==========================================
スクロール画像表示アニメーション
===========================================*/


.list{
  margin: 10px 10px 10px 10px;
  list-style-type: none;
  overflow: hidden;
}
.list li{
  margin: 10px 10px 10px 10px;
  float: left;
  transition: .8s;
}

.list-mv01{
  transform: scale(0, 0);
  -webkit-transform: scale(0, 0);
}
.mv01{
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
}


/*==========================================
SNSボタン
===========================================*/




@import '//codepen.io/chrisdothtml/pen/ojLzJK.css';
.social-btns .btn,
.social-btns .btn:before,
.social-btns .btn .fa {
  -webkit-transition: all 0.35s;
  transition: all 0.35s;
  -webkit-transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
          transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.59);
}
.social-btns .btn:before {
  top: 90%;
  left: -110%;
}
.social-btns .btn .fa {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
}
.social-btns .btn.facebook:before {
  background-color: #3b5998;
}
.social-btns .btn.facebook .fa {
  color: #3b5998;
}
.social-btns .btn.twitter:before {
  background-color: #3cf;
}
.social-btns .btn.twitter .fa {
  color: #3cf;
}
.social-btns .btn.google:before {
  background-color:#c4302b;
}
.social-btns .btn.google .fa {
  color: #c4302b;
}
.social-btns .btn.dribbble:before {
  background-color: #c4302b;
}
.social-btns .btn.dribbble .fa {
  color: #f26798;
}
.social-btns .btn.skype:before {
  background-color: #00aff0;
}
.social-btns .btn.skype .fa {
  color: #00aff0;
}
.social-btns .btn:focus:before,
.social-btns .btn:hover:before {
  top: -10%;
  left: -10%;
}
.social-btns .btn:focus .fa,
.social-btns .btn:hover .fa {
  color: #fff;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.social-btns {
  height: 90px;
  margin: auto;
  font-size: 0;
  text-align: center;
  position: relative;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.social-btns .btn {
  display: inline-block;
  background-color: #fff;
  width: 80px;
  height: 80px;
  line-height: 80px;
  margin: 0 10px 10px 10px;
  text-align: center;
  position: relative;
  overflow: hidden;
  border-radius: 28%;
  box-shadow: 0 5px 15px -5px rgba(0,0,0,0.1);
  opacity: 0.99;
}
.social-btns .btn:before {
  content: '';
  width: 120%;
  height: 120%;
  position: absolute;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.social-btns .btn .fa {
  font-size: 38px;
  vertical-align: middle;
}

/*==========================================
fontawa¥esome
===========================================*/

.icon::before {
	content:'\f39e';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
}

.icon::before {
	content:'\f099';
	font-family:'Font Awesome 5 Brands';
	font-weight:900;
}

/* スクロールアニメーション設定 */

.arrow {
  width: 15px;
  margin: 0 auto;
  -webkit-animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
  animation: arrow 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s infinite alternate;
}

.arrow span {
  position: relative;
  display: block;
  left: 50%;
}

.arrow span:before {
  content: '';
  width: 15px;
  height: 15px;
  border: 0;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  box-sizing: border-box;
}

@keyframes arrow {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    opacity: 0.5;
    -webkit-transform: translate3d(-50%, -8px, 0);
    transform: translate3d(-50%, -8px, 0);
  }
}




/*パララックス*/
.wrapper {
  position: relative;
  height: 1000px;
}

.banner-wrapper-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 900px;
  /* background-image: url('images/top-image.jpg'); */
  background-position: center;
  background-size: cover;
  transition: all 0.1s ease 0s;
}
.banner-wrapper-fixed-s {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 900px;
  /* background-image: url('images/top-image-s.jpg'); */
  background-position: center;
  background-size: cover;
  transition: all 0.1s ease 0s;
}
.foreground {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.3);
}

/*パララックス*/


/*スクロールダウン*/
.scrolldown1{
  /*描画位置※位置は適宜調整してください*/
position:absolute;
left:50%;
bottom:500px;
  /*全体の高さ*/
height:50px;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
  /*描画位置*/
position: absolute;
left:-15px;
top: -15px;
  /*テキストの形状*/
color: #fff;
font-size: 0.7rem;
letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after{
content: "";
  /*描画位置*/
position: absolute;
top: 0;
  /*線の形状*/
width: 1px;
height: 30px;
background: #fff;
  /*線の動き1.4秒かけて動く。永遠にループ*/
animation: pathmove 1.4s ease-in-out infinite;
opacity:0;
}


/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
0%{
  height:0;
  top:0;
  opacity: 0;
}
30%{
  height:30px;
  opacity: 1;
}
100%{
  height:0;
  top:50px;
  opacity: 0;
}
}
/*スクロールダウン*/

.toptext{
  /*描画位置※位置は適宜調整してください*/
position:absolute;
left:50%;
bottom:600px;
  /*全体の高さ*/

}
/*テキストの描写*/
.toptext span{
  /*描画位置*/
position: absolute;
left:-55px;
top: -15px;
  /*テキストの形状*/
color: #fff;
font-family: 'Nanum Brush Script';
font-size: 1.8rem;
letter-spacing: 0.05em;
}


.gallery{
  columns: 4;/*段組みの数*/
  padding:0 15px;/*ギャラリー左右に余白をつける*/
  }
  
  .gallery li {
      margin-bottom: 20px;/*各画像下に余白をつける*/
  }
  
  /*ギャラリー内のイメージは横幅100%にする*/
  .gallery img{
    width:100%;
    height:auto;
    vertical-align: bottom;/*画像の下にできる余白を削除*/}
  
  /*　横幅900px以下の段組み設定　*/
  @media only screen and (max-width: 900px) {
    .gallery{
    columns:3;
    } 
  }
  
  @media only screen and (max-width: 768px) {
    .gallery{
    columns: 2;
    } 
  }

  /*画像を出現させるアニメーションCSS*/

.flipLeft{
  animation-name: flipLeft;
  animation-duration:0.5s;
  animation-fill-mode:forwards;
  perspective-origin: left center;
  opacity: 0;
  }
  
  @keyframes flipLeft{
    from {
     transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
    opacity: 0;
    }
  
    to {
    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
    opacity: 1;
    }
  }
  
.eventtable{
  text-align: center;
  background-color: aqua;
}

/*========= 紙芝居風レイアウトのためのCSS ===============*/

section.fixed{
  position: -webkit-sticky;/*Safari*/
  position: sticky;
top:75px;/*Header高さ分で止まるようにする*/
/*装飾のためのCSS*/
background:#fff;
padding:px 30px;
min-height: 50vh;
}

section.fixed:nth-of-type(2n){
/*装飾のためのCSS*/
color:#fff;
text-align: center;
padding:300px 30px;
min-height: auto;
}

section.fixed:last-of-type{
padding:30px;/*最後のセクションだけ止まらないため、エリア内の情報が少ない時は、HEADER分の高さをpadding-topに追加して上部が見えるようにする*/
}

section.fixed:nth-of-type(2){
background:url("images/index/umi02.jpg") no-repeat center;
background-size:cover;
background-color: rgba(0,0,0,0.3);
}


section.fixed:nth-of-type(4){
background:url("images/back/airbrash.jpg") no-repeat center;
background-size:cover;
}

section.fixed:nth-of-type(6){
background:url("images/index/saiji02.jpg") no-repeat center;
background-size:cover;
}


/*＝＝＝＝＝＝＝＝＝＝＝タブレット以下の見え方＝＝＝＝＝＝＝＝＝＝＝＝＝*/

@media screen and (max-width:768px){
section.fixed,
section.fixed:last-of-type{
  position:relative!important;/*sticky解除*/
top:0;/*70px⇒0pxに戻す*/
min-height: auto;
padding:30px;
}

section.fixed:first-of-type{
padding:100px 30px 30px 30px;/*最初の要素は上部にHeaderの高さ以上の余白をとる*/
}

section.fixed:nth-of-type(2n){
padding:100px 30px;
}
}

section{
  overflow: hidden;
}

/*＝＝＝＝＝＝＝＝＝＝＝文字エフェクト＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*========= 検索窓のためのCSS ===============*/

/*検索窓のエリア*/
#search-wrap {
  position: absolute;/*絶対配置にして*/
z-index: 2;/*最前面に設定。数字は変更可*/
top:100px;
right:30px;
}

/*テキスト入力input設定*/
#search-text{
-webkit-appearance:none;/*SafariやChromeのデフォルトの設定を無効*/
width: 60px;/*テキスト入力エリアが伸びる前の横幅*/
height: 60px;
 padding: 20px;
border: none;
background:#fff url("images/search.svg") no-repeat 17px center;/*虫眼鏡アイコンを背景に表示*/
background-size: 25px 25px;
transition: all 0.5s;/*transitionを使ってスムースに伸ばす*/
outline: none;
cursor: pointer;/*カーソルを指マークに*/
}

/*テキスト入力inputにフォーカスした時の形状*/
#search-text:focus {
width: 250px;/*テキスト入力エリアが伸びる後の横幅*/
padding: 20px 0 20px 60px;
box-shadow: 0 2px rgba(6,0,1,.26);
}