@charset "utf-8";
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; font-weight:normal;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
img{vertical-align:bottom;}
ol,ul {list-style:none;}

/*
font-family: tbudrgothic-std, sans-serif;
font-style: normal;
font-weight: 400;
font-weight: 700;
font-weight: 900;
*/
.grecaptcha-badge{
  display: none;
}

html,body{
    font-family:"tbudrgothic-std",'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','Noto Sans Japanese',"Yu Gothic", YuGothic, "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-size: 11px;
    letter-spacing: 0.01em;
    line-height: 200%;
    font-weight: 600;
    color: #5d3a11;
    background: #fcf57a url(../img/common/bg.svg) center top;
    /* background-size: cover;
    background-attachment: fixed;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%; */
}
p {
 /*word-break: break-all;*/
}

i{
  margin-right: 6px;
}
.pc_only{
  display: block;
}
.sp_only{
  display: none;
}
@media only screen and (max-width: 896px) {
  html,body{
    background: #fcf57a url(../img/common/bg.svg) center top;
    background-size: 100% auto;
    background-attachment:initial;
}
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
  img{
    width: 100%;
    height: auto;
  }
}

img{
  width: 100%;
  height: auto;
}
::selection {
  background: #000;
  color: #fff;
}

::-moz-selection {
  background: #ccc;
  color: #fff;
}

/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,
a:visited,
a:active{
    color: #5d3a11;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
a:hover{
    text-decoration: none;
}

/*----------------------------------------------------
 lazyload
--------------------------------------------------- */
.lazy_base{
  opacity: 0;
  position: relative;
}

.lazyloaded{
  opacity: 1;
  -webkit-transition: all 0.5s 0s ease !important;
          transition: all 0.5s 0s ease !important;
}

/*----------------------------------------------------
  .scrollview
--------------------------------------------------- */
.scrollview{
  -webkit-transition: all 0.8s 0s ease;
     -moz-transition: all 0.8s 0s ease;
      -ms-transition: all 0.8s 0s ease;
       -o-transition: all 0.8s 0s ease;
          transition: all 0.8s 0s ease;
          opacity: 0;
  -webkit-transform: scale(1,1) translate(-0%,20px);
     -moz-transform: scale(1,1) translate(-0%,20px);
      -ms-transform: scale(1,1) translate(-0%,20px);
       -o-transform: scale(1,1) translate(-0%,20px);
          transform: scale(1,1) translate(-0%,20px);
}
.scrollview.view{
  opacity: 1;
  -webkit-transform: scale(1,1) translate(-0%,0%);
     -moz-transform: scale(1,1) translate(-0%,0%);
      -ms-transform: scale(1,1) translate(-0%,0%);
       -o-transform: scale(1,1) translate(-0%,0%);
          transform: scale(1,1) translate(-0%,0%);

}
.scrollview_fix{
  -webkit-transition: all 1.2s 0s ease;
     -moz-transition: all 1.2s 0s ease;
      -ms-transition: all 1.2s 0s ease;
       -o-transition: all 1.2s 0s ease;
          transition: all 1.2s 0s ease;
          opacity: 0;
}
.scrollview_fix.view{
  opacity: 1;

}
/*----------------------------------------------------
 slick
--------------------------------------------------- */
:focus {
  outline: none;
}
.slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,
.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/*----------------------------------------------------
 loading
--------------------------------------------------- */
#loading{
  position: fixed;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 10;
  background:#fcf57a no-repeat center center;
  background-size: 120px;
  -webkit-transition: all 0.2s 0s linear;
          transition: all 0.2s 0s linear;
}
#loading .logo{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-top: -40px;
  margin-left: -40px;
  background:url(../img/common/logo.svg) no-repeat center center;
  background-size: 80%;
}
#loading.out{
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s 0s linear;
          transition: all 0.5s 0s linear;
}
#loading .inner{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(1,1) translate(-50%,-50%);
     -moz-transform: scale(1,1) translate(-50%,-50%);
          transform: scale(1,1) translate(-50%,-50%);
          opacity: 1;
}
body.loadStart #loading .inner{
  opacity: 1;
  -webkit-transition: all 0.4s 0.0s ease;
     -moz-transition: all 0.4s 0.0s ease;
          transition: all 0.4s 0.0s ease;
}
body.pageLoad #loading .inner{
  -webkit-transition: all 0.4s 0.0s ease;
     -moz-transition: all 0.4s 0.0s ease;
          transition: all 0.4s 0.0s ease;
          /* -webkit-transform: scale(0,0) translate(-0%,0%);
             -moz-transform: scale(0,0) translate(-0%,0%);
                  transform: scale(0,0) translate(-0%,0%); */
}
.FormatLoader,
.FormatLoader:before,
.FormatLoader:after {
  border-radius: 50%;
}
.FormatLoader {
  color: #c30d23;
  font-size: 10px;
  text-indent: -99999em;
  margin: 55px auto;
  position: relative;
  width: 10em;
  height: 10em;
  box-shadow: inset 0 0 0 0.2em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
.FormatLoader:before,
.FormatLoader:after {
  position: absolute;
  content: '';
}
.FormatLoader:before {
  width: 5.2em;
  height: 10.2em;
  background: #fcf57a;
  border-radius: 10.2em 0 0 10.2em;
  top: -0.1em;
  left: -0.1em;
  -webkit-transform-origin: 5.1em 5.1em;
  transform-origin: 5.1em 5.1em;
  -webkit-animation: load2 2s infinite ease 1.5s;
  animation: load2 2s infinite ease 1.5s;
}
.FormatLoader:after {
  width: 5.2em;
  height: 10.2em;
  background: #fcf57a;
  border-radius: 0 10.2em 10.2em 0;
  top: -0.1em;
  left: 4.9em;
  -webkit-transform-origin: 0.1em 5.1em;
  transform-origin: 0.1em 5.1em;
  -webkit-animation: load2 2s infinite ease;
  animation: load2 2s infinite ease;
}
@-webkit-keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load2 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


/*----------------------------------------------------
  #wrapper
--------------------------------------------------- */
#wrapper{
  margin: 0 auto;
  position: relative;
  padding-top: 60px;
  width: 100%;
    -webkit-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
            -webkit-backface-visibility:hidden;
}
/* body.top #wrapper{
  padding-top: 60px;
}
body.page #wrapper{
  padding-top: 60px;
} */
#wrapper.out{
          opacity: 0.5;
}
@media only screen and (max-width: 896px) {
  #wrapper{
    padding-top: 0px;
    overflow: hidden;
  }
}
/* body.online_marche:before{
  content: "";
  position: absolute;
  top: -100px;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/top/flag01.png) no-repeat center top;
  background-size: 100% auto;
}
@media only screen and (max-width: 896px) {

  body.online_marche:before{
    content: "";
    position: absolute;
    top: -60px;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/top/flag01.png) no-repeat center top;
    background-size: 200% auto;
  }
} */

/*----------------------------------------------------
  #sp_menu
--------------------------------------------------- */
a.sp_menu{
  display: none;
}
@media only screen and (max-width: 896px) {
  a.sp_menu{
    position: fixed;
    top: -20px;
    right: 4px;
    width: 80px;
    height: 80px;
    z-index: 200;
    display: block;
  }
  a.sp_menu .usu{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  a.sp_menu .usu img{
    width: 100%;
    height: auto;
  }
  a.sp_menu .usu span{
    display: block;
    -webkit-animation:usu 10s linear 0s infinite;
            animation:usu 10s linear 0s infinite;
  }
  a.sp_menu .t01{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    margin-top: -8px;
    height: 4px;
    background: #e17a00;
            transform-origin: center center;
    -webkit-transform-origin: center center;
  -webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
          transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
  a.sp_menu.active .t01{
    margin-top: 0;
  -webkit-transform: scale3d(1,1,1) translate(0px,0px) rotate(45deg);
          transform: scale3d(1,1,1) translate(0px,0px) rotate(45deg);
  }
  a.sp_menu.active .t03{
    margin-top: 0;
  -webkit-transform: scale3d(1,1,1) translate(0px,0px) rotate(-45deg);
          transform: scale3d(1,1,1) translate(0px,0px) rotate(-45deg);
  }
  a.sp_menu.active .t02{
  -webkit-transform: scale(0,1) translate(0px,0px) rotate(0deg);
          transform: scale(0,1) translate(0px,0px) rotate(0deg);
  }
  a.sp_menu .t02{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    height: 4px;
    background: #e17a00;
            transform-origin: center center;
    -webkit-transform-origin: center center;
  -webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
          transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
  a.sp_menu .t03{
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    margin-left: -15px;
    margin-top: 8px;
    height: 4px;
    background: #e17a00;
            transform-origin: center center;
    -webkit-transform-origin: center center;
  -webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
          transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  }
}
/*----------------------------------------------------
  #navigation
--------------------------------------------------- */
#navigation{
  display: none;
}
@media only screen and (max-width: 896px) {
  #navigation{
    display: block;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background: #f8b62d;
    z-index: 100;
    -webkit-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
            transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
  -webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
          transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
    opacity: 0;
    visibility: hidden;
  }
  #navigation.view{
    opacity: 1;
    visibility: visible;
  }
  #navigation .inner{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
    -webkit-transform: scale3d(1,1,1) translate(0px,-50%) rotate(0deg);
            transform: scale3d(1,1,1) translate(0px,-50%) rotate(0deg);
  }
  #navigation .inner ul.menu > li{
    display: block;
  }
  #navigation .inner ul.menu > li > a{
      font-size: 4.5vw;
      line-height: 10vw;
      letter-spacing: 0.1em;
      font-weight: 900;
      color: #FFF;
      text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
  }
  #navigation .inner ul.menu .marche_navi{
    margin: 0 20px;
    margin-bottom: 10px;
  }
  #navigation .inner ul.menu .marche_navi ul{
    letter-spacing: -0.4em;
    border-radius: 30px;
    background: #f8b62d;
    border: 1px #e17a00 solid;
    border-bottom: 5px #e17a00 solid;
    overflow: hidden;
  }
  #navigation .inner ul.menu .marche_navi ul li{
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
    width: 50%;
    position: relative;
  }
  #navigation .inner ul.menu .marche_navi ul li:nth-child(1){
    display: block;
    width:100%;
    position: relative;
    border-bottom: 1px #e17a00 solid;
  }
  #navigation .inner ul.menu .marche_navi ul li:nth-child(3):before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #e17a00;
}
  #navigation .inner ul.menu .marche_navi ul li a{
    padding: 10px 2vw 10px 12vw;
    height: 40px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    font-size: 4vw;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 900;
    color: #FFF;
    -webkit-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
  }
  #navigation .inner ul.menu .marche_navi ul li:nth-child(1) a{
    padding: 10px 20px 10px 20px;
  }
  #navigation .inner ul.menu .marche_navi ul li:nth-child(2) a:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background: #FFF url(../img/marche/menu_image01.jpg) no-repeat center center;
    background-size: 80%;
}
#navigation .inner ul.menu .marche_navi ul li:nth-child(3) a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  background: #FFF url(../img/marche/menu_image02.jpg) no-repeat center center;
  background-size: 80%;
}
  #navigation .share{
      font-size: 3.5vw;
      line-height: 5vw;
      letter-spacing: 0.1em;
      font-weight: 900;
      color: #FFF;
      margin-top: 20px;
      margin-bottom: 10px;
  }

  #navigation ul.sns{
  }
  #navigation ul.sns li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 7px;
  }
  #navigation ul.sns li a{
    display: block;
    width: 48px;
    height: 48px;
    border:1px #FFF solid;
    text-align: center;
    line-height: 48px;
    position: relative;
    color: #FFF;
    font-size: 20px;
    border-radius: 48px; 
    -webkit-border-radius: 48px; 
    -moz-border-radius: 48px; 
  }
  #navigation ul.sns li a i{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(1,1) translate(-50%,-50%) rotate(0deg);
            transform: scale(1,1) translate(-50%,-50%) rotate(0deg);
      -webkit-transition: all 0.5s 0s ease;
              transition: all 0.5s 0s ease;
  }
  #navigation ul.sns li a.line{
    background: url(../img/top/icon_line.png) no-repeat center center;
    background-size: 24px auto;
  }
  #navigation .block_search_sp{
    margin: 0 20px;
    margin-bottom: 0px;
    text-align: left;
  }
  #navigation .block_search_sp .btn_search{
    width: 100%;
    height: 60px;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden;
  }
  #navigation .block_search_sp .btn_search i {
    position: absolute;
    top: 14px;
    right: 14px;
    font-size: 24px;
    pointer-events: none;
  }
  #navigation .block_search_sp .btn_search input[type="text"] {
    width : -webkit-calc(100% - 80px) ;
    width : calc(100% - 80px) ;
    padding: 10px 10px;
    font-size: 14px;
    border: none;
    outline: 0 !important;
    background: #e17a00;
    vertical-align: top;
    border-radius: 60px;
    -webkit-border-radius: 60px;
    -moz-border-radius: 60px;
    font-family:'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    margin: 8px 0 0 8px;
    color: #FFF;
  }
  #navigation .block_search_sp .btn_search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#8a4d04;
  }
  #navigation .block_search_sp .btn_search :-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#8a4d04;
  }
  #navigation .block_search_sp .btn_search ::placeholder{ /* Others */
  color:#8a4d04
  }
  #navigation .block_search_sp .btn_search input[type="submit"] {
    position: absolute;
    top: 0px;
    right: 0px;
    display: block;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background: none;
    outline: 0 !important;
    border: none;
  }
}

/*----------------------------------------------------
  .block_logo
--------------------------------------------------- */
.block_logo{
  position: fixed;
  top: -30px;
  left: 0px;
  width: 200px;
  z-index: 110;
  /* opacity: 0; */
  /* -webkit-transform: scale3d(1,1,1) translate(0px,-200px) rotate(0deg);
          transform: scale3d(1,1,1) translate(0px,-200px) rotate(0deg); */
          -webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
                  transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
}
body.onScroll .block_logo,
body.page .block_logo{
  opacity: 1;
  -webkit-transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate(0px,0px) rotate(0deg);

}
.block_logo a{
  display: block;
}
.block_logo .usu{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.block_logo .usu img{
  width: 100%;
  height: auto;
}
.block_logo .usu span{
  display: block;
  -webkit-animation:usu 10s linear 0s infinite;
          animation:usu 10s linear 0s infinite;
}
.block_logo .logo{
  position: absolute;
  top: 60px;
  left: 50%;
  width: 60%;
  margin-left: -30%;
}
.block_logo .logo img{
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 896px) {
  .block_logo{
    top: -20px;
    left: 0px;
    width: 100px;
  }
  .block_logo .logo{
    top: 34px;
  }
  .block_logo .usu{
    display: none;
  }
}

@-webkit-keyframes usu{
  0%  {
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
        }
  100%{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
        }
}
@keyframes usu{
  0%  {
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
        }
  100%{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
        }
}

/*----------------------------------------------------
  #header
--------------------------------------------------- */
#header{
  position: fixed;
  top: 20px;
  left: 50%;
  width: 744px;
  margin-left: -372px;
  height: 60px;
  overflow: hidden;
  border-radius: 60px;
  background: #f8b62d;
  border-bottom: 10px #e17a00 solid;
  z-index: 100;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(51, 51, 51, 0.2);
    box-shadow: 0px 15px 30px 0px rgba(51, 51, 51, 0.2);
  /* -webkit-transform: scale3d(1,1,1) translate(0px,-180px) rotate(0deg);
          transform: scale3d(1,1,1) translate(0px,-180px) rotate(0deg); */
-webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
        transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
}
#header ul.menu{
  text-align: center;
  letter-spacing: -0.4em;
}
#header ul.menu li{
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  height: 60px;
  position: relative;
}
#header ul.menu li:before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #e17a00;
}
#header ul.menu li:first-child:before{
  display: none;
}
#header ul.menu li a{
  padding: 0 10px;
  height: 60px;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: row; /* row row-reverse column */
  justify-content: center; /* flex-start  center  space-between */
  align-items: center; /* flex-start  center  */
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 900;
    color: #FFF;
    -webkit-transition: all 0.4s 0s ease;
            transition: all 0.4s 0s ease;
}
#header ul.menu li:first-child a{
  padding: 0 20px 0 32px;
}
#header ul.menu li:last-child a{
  padding: 0 32px 0 20px;
}
#header ul.menu li a:hover,
#header ul.menu li a.active{
  background: #e17a00;
  color: #FFF;
}
@media only screen and (max-width: 896px) {
  #header{
    display: none;
  }

}

/*----------------------------------------------------
  #header_marche_navi
--------------------------------------------------- */
.header_marche_navi{
  position: fixed;
  top: 80px;
  padding-top: 0px;
  left: 50%;
  margin-left: -274px;
  text-align: center;
  overflow: hidden;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transform:translate3d(0px,-10px,0px);
-webkit-transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
        transition: all 0.6s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
}
.header_marche_navi.view{
  transform:translate3d(0px,0px,0px);
  opacity: 1;
  visibility: visible;
}
.header_marche_navi .inner{
  display: inline-block;
  /* border-radius: 60px; */
  overflow: hidden;
  padding-top: 10px;
  background: #e17a00;
  letter-spacing: -0.4em;
  border-radius: 0px 0px 10px 10px;
}
.header_marche_navi .inner ul.genre{
  display: inline-block;
  letter-spacing: -0.4em;
  vertical-align: middle;
  position: relative;
}
.header_marche_navi .inner ul.genre li{
  letter-spacing: normal;
  display:block;
  position: relative;
}
.header_marche_navi .inner ul.genre li a{
    padding: 20px 10px 20px 50px;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    display: block;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: 900;
    color: #FFF;
    -webkit-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
    text-align: left;
}
.header_marche_navi .inner ul.genre li:nth-child(1) a{
  padding: 20px 50px 20px 60px;
  border-bottom: 1px #f8b62d solid;
}
.header_marche_navi .inner ul.genre li:nth-child(2) a{
  padding: 20px 50px 20px 60px;
  border-bottom: 1px #f8b62d solid;
}
.header_marche_navi .inner ul.genre li:nth-child(3) a{
  padding: 20px 50px 20px 60px;
}
.header_marche_navi .inner ul.genre li a:hover{
  background: #f8b62d;
}
.header_marche_navi .inner ul.genre li:nth-child(1) a:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background:#FFF url(../img/marche/navi_top.png) no-repeat center center;
    background-size: 100%;
}
.header_marche_navi .inner ul.genre li:nth-child(2) a:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background:#FFF url(../img/marche/menu_image01.jpg) no-repeat center center;
    background-size: 80%;
}
.header_marche_navi .inner ul.genre li:nth-child(3) a:after{
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    background:#FFF url(../img/marche/menu_image02.jpg) no-repeat center center;
    background-size: 80%;
}
/*----------------------------------------------------
  #block_bgm
--------------------------------------------------- */
#canvas{
  position: fixed;
  top: 0;
  left: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 1.6s 0s ease;
  transition: all 1.6s 0s ease;
}
#canvas.view{
  opacity: 1;
}
.block_bgm{
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 110;
}
.block_bgm a.btn_play{
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  display: flex;
  flex-direction: row; /* row row-reverse column */
  justify-content: center; /* flex-start  center  space-between */
  align-items:center; /* flex-start  center  */
  font-size: 12px;
  color: #FFF;
  border-radius: 60px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: #73bee9;
  border-bottom: 5px #6298b7 solid;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_bgm ul.onpu{
  pointer-events: none;
}
.block_bgm ul.onpu li:nth-child(1){
  position: absolute;
  top: 0;
  left: -10px;
  width: 20px;
  -webkit-animation: onpu_view 1.5s infinite ease-in-out forwards;
  animation: onpu_view 1.5s infinite ease-in-out forwards;
}
.block_bgm ul.onpu li:nth-child(2){
  position: absolute;
  top: 0;
  left: 50px;
  width: 20px;
  -webkit-animation: onpu_view 1.5s -0.2s infinite ease-in-out forwards;
  animation: onpu_view 1.5s -0.2s infinite ease-in-out forwards;
}

@-webkit-keyframes onpu_view {
  0% {
    opacity: 0;
    -webkit-transform:translate(-0%,40px);
            transform:translate(-0%,40px);
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform:translate(-0%,-10px);
            transform:translate(-0%,-10px);
  }
  100% {
    opacity: 0;
    -webkit-transform:translate(-0%,-10px);
            transform:translate(-0%,-10px);
  }
}
@keyframes onpu_view {
  0% {
    opacity: 0;
    -webkit-transform:translate(-0%,40px);
            transform:translate(-0%,40px);
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
    -webkit-transform:translate(-0%,-10px);
            transform:translate(-0%,-10px);
  }
  100% {
    opacity: 0;
    -webkit-transform:translate(-0%,-10px);
            transform:translate(-0%,-10px);
  }
}
.block_bgm ul.onpu li span{
  display: block;
  -webkit-animation: onpu_yure 0.5s infinite ease-in-out;
  animation: onpu_yure 0.5s infinite ease-in-out;
}

@-webkit-keyframes onpu_yure {
  0% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
}
@keyframes onpu_yure {
  0% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
  50% {
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg);
  }
  100% {
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
  }
}

.block_bgm a.btn_play i{
  margin: 0;
  margin-right: 2px;
  font-size: 24px;
}
.block_bgm a.btn_play:hover{
  margin-top: 4px;
  border-bottom: 1px #6298b7 solid;
}
.block_bgm.nowplay a.btn_play{
  background: #6298b7;
  margin-top: 4px;
  border-bottom: 1px #6298b7 solid;
}
.block_bgm .b_pop{
  pointer-events: none;
  position: absolute;
  top: 65px;
  right: 0px;
  background: #FFF;
  width: 150px;
  padding: 5px 10px;
  border-radius: 40px;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  opacity: 0;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  transform:translate3d(0px,10px,0px);
}
.block_bgm:hover .b_pop{
  opacity: 1;
  transform:translate3d(0px,0px,0px);
}
.block_bgm.nowplay .b_pop{
  display: none;
}
.block_bgm .b_pop:before{
  content: "";
  position: absolute;
  top: -12px;
  right: 22px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7.5px 13.0px 7.5px;
  border-color: transparent transparent #ffffff transparent;
}
.block_bgm .b_pop span{
  display: inline-block;
  font-weight: 900;
  font-size: 14px;
  color: #6298b7;
}
.block_bgm .b_pop_play{
  display: none;
}
@media only screen and (max-width: 896px) {

  .block_bgm{
    top: auto;
    bottom: 20px;
    right: 20px;
  }
  .block_bgm a.btn_play{
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border-bottom: 2px #6298b7 solid;
  }
  .block_bgm a.btn_play i{
    margin: 0;
    margin-right: 2px;
    font-size: 18px;
  }
  .block_bgm a.btn_play:hover{
    margin-top: 4px;
    border-bottom: 1px #6298b7 solid;
  }
  .block_bgm.nowplay a.btn_play{
    background: #6298b7;
    margin-top: 4px;
    border-bottom: 1px #6298b7 solid;
  }
  .block_bgm .b_pop{
    display: none;
  }
  .block_bgm .b_pop_play{
    display: block;
    pointer-events: none;
    position: absolute;
    top: -2px;
    right: 50px;
    background: #FFF;
    width: 110px;
    text-align: center;
    padding: 3px 5px;
    border-radius: 40px;
    -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    transform:translate3d(0px,10px,0px);
  }
  .block_bgm.nowplay .b_pop_play{
    opacity: 1;
    visibility: visible;
  }
  .block_bgm .b_pop_play span{
    display: inline-block;
    font-weight: 900;
    font-size: 9px;
    color: #6298b7;
  }
  .block_bgm .b_pop_play:before{
    content: "";
    position: absolute;
    top: 7px;
    right: -8px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7.5px 0 7.5px 13.0px;
    border-color: transparent transparent transparent #ffffff;
  }
  .block_bgm ul.onpu li:nth-child(1){
    position: absolute;
    top: 0;
    left: -10px;
    width: 15px;
  }
  .block_bgm ul.onpu li:nth-child(2){
    position: absolute;
    top: 0;
    left: 30px;
    width: 15px;
  }
}

/*----------------------------------------------------
  #block_search_btn
--------------------------------------------------- */
.block_search_btn{
  position: fixed;
  top: 20px;
  right: 90px;
  z-index: 109;
}
.block_search_btn .btn_search{
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  display: block;
  font-size: 12px;
  color: #FFF;
  border-radius: 60px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: #f8b62d;
  border-bottom: 5px #e17a00 solid;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
  position: relative;
  overflow: hidden;
}
.block_search_btn .btn_search i {
  position: absolute;
  top: 14px;
  right: 14px;
  font-size: 24px;
  pointer-events: none;
}
.block_search_btn .btn_search:hover{
  width: 300px;
}
.block_search_btn .btn_search input[type="text"] {
  width: 10px;
  padding: 10px 20px;
  font-size: 14px;
  border: none;
  outline: 0 !important;
  background: #e17a00;
  vertical-align: top;
  border-radius: 60px;
  -webkit-border-radius: 60px;
  -moz-border-radius: 60px;
  font-family:'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  opacity: 0;
  margin: 8px 0 0 8px;
  color: #FFF;
}
.block_search_btn .btn_search ::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:#8a4d04;
}
.block_search_btn .btn_search :-ms-input-placeholder { /* Internet Explorer 10-11 */
 color:#8a4d04;
}
.block_search_btn .btn_search ::placeholder{ /* Others */
color:#8a4d04
}
.block_search_btn .btn_search:hover input[type="text"] {
  width: 200px;
  opacity: 1;
}
.block_search_btn .btn_search input[type="submit"] {
  position: absolute;
  top: 0px;
  right: 0px;
  display: block;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background: none;
  outline: 0 !important;
  border: none;
}
@media only screen and (max-width: 896px) {
  .block_search_btn{
    display: none;
  }

}
/* .block_search_btn a.btn_search:hover{
  margin-top: 4px;
  border-bottom: 1px #f8b62d solid;
} */
/*----------------------------------------------------
  .block_pop
--------------------------------------------------- */
.block_pop{
  position: fixed;
  bottom: 20px;
  left: 20px;
  width: 200px;
  z-index: 2;
}
.block_pop a{
  display: block;
  -webkit-transition: all 0.4s 0s ease;
          transition: all 0.4s 0s ease;
}
.block_pop a:hover{
  transform: scale3d(0.9,0.9,0.9);
}
@media only screen and (max-width: 896px) {
  .block_pop{
    bottom: 20px;
    left: 20px;
    width: 150px;
  }
}
/*----------------------------------------------------
  #mainvisual
--------------------------------------------------- */
#mainvisual{
  position: relative;
  width: 100%;
  padding-bottom: 80px;
  text-align: center;
}
#mainvisual .flag{
  position: relative;
  z-index: 2;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,-100%,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,-100%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .flag{
  -webkit-transition: all 1.2s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
          transition: all 1.2s 0s cubic-bezier(0.875, 0.005, 0.090, 0.990);
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
#mainvisual .title_area{
  position: relative;
  margin-top: -15vw;
}
#mainvisual .title_area .title{
  position: relative;
  width: 600px;
  margin: 0 auto;
  opacity: 0;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,40px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,40px,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area .title{
  opacity: 1;
  -webkit-transition: all 0.5s 0.5s ease;
          transition: all 0.5s 0.5s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
#mainvisual .title_area ul.obje li{
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: scale3d(0.5,0.5,0.5) translate3d(0px,40px,0px) rotate(0deg);
          transform: scale3d(0.5,0.5,0.5) translate3d(0px,40px,0px) rotate(0deg);
}
#mainvisual .title_area ul.obje li.pos01{
  width: 150px;
  margin-left: -60px;
  margin-top: 100px;
}
#mainvisual .title_area ul.obje li.pos02{
  width: 150px;
  margin-left: -220px;
  margin-top: 100px;
}
#mainvisual .title_area ul.obje li.pos03{
  width: 170px;
  margin-left: 60px;
  margin-top: 60px;
}
#mainvisual .title_area ul.obje li.pos04{
  width: 150px;
  margin-left: -380px;
  margin-top: 60px;
}
#mainvisual .title_area ul.obje li.pos05{
  width: 180px;
  margin-left: -350px;
  margin-top: 140px;
}
#mainvisual .title_area ul.obje li.pos06{
  width: 120px;
  margin-left: -220px;
  margin-top: 210px;
}
#mainvisual .title_area ul.obje li.pos07{
  width: 150px;
  margin-left: 120px;
  margin-top: 160px;
}
#mainvisual .title_area ul.obje li.pos08{
  width: 150px;
  margin-left: 240px;
  margin-top: 40px;
}
#mainvisual .title_area ul.obje li.pos09{
  width: 150px;
  margin-left: -380px;
  margin-top: -100px;
}
#mainvisual .title_area ul.obje li.pos10{
  width: 120px;
  margin-left: -300px;
  margin-top: -190px;
}
#mainvisual .title_area ul.obje li.pos11{
  width: 130px;
  margin-left: -60px;
  margin-top: -300px;
}
#mainvisual .title_area ul.obje li.pos12{
  width: 60px;
  margin-left: 200px;
  margin-top: -90px;
}

body.pageLoad #mainvisual .title_area ul.obje li.pos01{
  opacity: 1;
  -webkit-transition: all 0.4s 0.7s ease;
          transition: all 0.4s 0.7s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos02{
  opacity: 1;
  -webkit-transition: all 0.4s 0.75s ease;
          transition: all 0.4s 0.75s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos03{
  opacity: 1;
  -webkit-transition: all 0.4s 0.8s ease;
          transition: all 0.4s 0.8s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos04{
  opacity: 1;
  -webkit-transition: all 0.4s 0.85s ease;
          transition: all 0.4s 0.85s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos05{
  opacity: 1;
  -webkit-transition: all 0.4s 0.9s ease;
          transition: all 0.4s 0.9s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos06{
  opacity: 1;
  -webkit-transition: all 0.4s 0.95s ease;
          transition: all 0.4s 0.95s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos07{
  opacity: 1;
  -webkit-transition: all 0.4s 1.0s ease;
          transition: all 0.4s 1.0s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos08{
  opacity: 1;
  -webkit-transition: all 0.4s 1.05s ease;
          transition: all 0.4s 1.05s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos09{
  opacity: 1;
  -webkit-transition: all 0.4s 1.10s ease;
          transition: all 0.4s 1.10s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos10{
  opacity: 1;
  -webkit-transition: all 0.4s 1.15s ease;
          transition: all 0.4s 1.15s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos11{
  opacity: 1;
  -webkit-transition: all 0.4s 1.2s ease;
          transition: all 0.4s 1.2s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.obje li.pos12{
  opacity: 1;
  -webkit-transition: all 0.4s 1.25s ease;
          transition: all 0.4s 1.25s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
#mainvisual .title_area ul.star li{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation:star 5s linear 0s infinite;
          animation:star 5s linear 0s infinite;
          opacity: 0;
          -webkit-transform: scale3d(0,0,0) translate3d(0px,0px,0px) rotate(0deg);
                  transform: scale3d(0,0,0) translate3d(0px,0px,0px) rotate(0deg);
}
body.pageLoad #mainvisual .title_area ul.star li{
  opacity: 1;
  -webkit-transition: all 0.4s 1.2s ease;
          transition: all 0.4s 1.2s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
#mainvisual .title_area ul.star li.pos01{
  width: 40px;
  margin-left: -400px;
  margin-top: 0px;
}
#mainvisual .title_area ul.star li.pos02{
  width: 40px;
  margin-left: 160px;
  margin-top: -200px;
}
#mainvisual .title_area ul.star li.pos03{
  width: 40px;
  margin-left: 280px;
  margin-top: 240px;
}

@-webkit-keyframes star{
  0%  {
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
        }
  100%{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
        }
}
@keyframes star{
  0%  {
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
        }
  100%{
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(360deg);
        }
}
#mainvisual .copy{
  position: relative;
  z-index: 1;
  width: 900px;
  margin:0 auto;
  opacity: 0;
}
#mainvisual .date{
  position: relative;
  z-index: 2;
  width: 800px;
  margin:0 auto;
  margin-top: -30px;
  opacity: 0;
}
#mainvisual .lead{
  position: absolute;
  top: 45px;
  left: 50%;
  width: 150px;
  margin-left: 260px;
  z-index: 3;
  opacity: 0;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,40px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,40px,0px) rotate(0deg);
}
body.pageLoad #mainvisual .lead{
  opacity: 1;
  -webkit-transition: all 0.4s 1.2s ease;
          transition: all 0.4s 1.2s ease;
          -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
                  transform: scale3d(1,1,1) translate3d(0px,0%,0px) rotate(0deg);
}
#mainvisual .end{
  position: relative;
  text-align: center;
  font-size: 35px;
  letter-spacing: 0.1em;
  font-weight: 900;
  line-height: 1.5;
  color: #c30d23;
  text-shadow: 2px 2px 10px #ffffff;
  margin-bottom: 10px;
  z-index: 3;
  margin-top: 20px;
  opacity: 0;
}
#mainvisual .news_area{
  margin: 0 auto;
  margin-top: 20px;
  width: 800px;
  border-radius: 20px;
  border: 4px #c30d23 solid;
  background: #FFF;
  color: #f8b62d;
  padding: 20px 0;
  text-align: left;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  opacity: 0;
}
body.pageLoad #mainvisual .copy,
body.pageLoad #mainvisual .date,
body.pageLoad #mainvisual .end,
body.pageLoad #mainvisual .news_area{
  opacity: 1;
  -webkit-transition: all 0.6s 1.2s ease;
          transition: all 0.6s 1.2s ease;
}
#mainvisual .news_area .column{
  position: relative;
  margin: 0 20px;
}
#mainvisual .news_area .column a{
  display: block;
  color: #c30d23;
  position: relative;
}
#mainvisual .news_area .column time{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
  font-weight: 900;
}
#mainvisual .news_area .column .category{
  position: absolute;
  top: 0;
  left: 130px;
  font-size: 16px;
  font-weight: 900;
}
#mainvisual .news_area .column .column_title{
  padding-left: 220px;
  font-size: 16px;
  font-weight: 900;
}

@media only screen and (max-width: 896px) {
  #mainvisual{
    padding-bottom: 20px;
  }
  #mainvisual .end{
    font-size: 25px;
    margin-top: 40px;
  }
  #mainvisual .flag{
    transform-origin: center top;
  -webkit-transform-origin: center top;
    -webkit-transform: scale3d(1.4,1.4,1.4) translate3d(0px,0px,0px) rotate(0deg);
            transform: scale3d(1.4,1.4,1.4) translate3d(0px,0px,0px) rotate(0deg);
  }
  #mainvisual .title_area{
    margin-top: -13vw;
  }
  #mainvisual .title_area .title{
    width: 80%;
  }
  #mainvisual .title_area ul.obje li{
  }
  #mainvisual .title_area ul.obje li.pos01{
    width: 20vw;
    margin-left: -10vw;
    margin-top: 15vw;
  }
  #mainvisual .title_area ul.obje li.pos02{
    width: 20vw;
    margin-left: -32vw;
    margin-top: 15vw;
  }
  #mainvisual .title_area ul.obje li.pos03{
    width: 22vw;
    margin-left: 7vw;
    margin-top: 10vw;
  }
  #mainvisual .title_area ul.obje li.pos04{
    width: 20vw;
    margin-left: -51vw;
    margin-top: 5vw;
  }
  #mainvisual .title_area ul.obje li.pos05{
    width: 20vw;
    margin-left: -45vw;
    margin-top: 22vw;
  }
  #mainvisual .title_area ul.obje li.pos06{
    width: 20vw;
    margin-left: -32vw;
    margin-top: 30vw;
  }
  #mainvisual .title_area ul.obje li.pos07{
    width: 20vw;
    margin-left: 10vw;
    margin-top: 25vw;
  }
  #mainvisual .title_area ul.obje li.pos08{
    width: 20vw;
    margin-left: 28vw;
    margin-top: 20vw;
  }
  #mainvisual .title_area ul.obje li.pos09{
    width: 20vw;
    margin-left: -50vw;
    margin-top: -20vw;
  }
  #mainvisual .title_area ul.obje li.pos10{
    width: 15vw;
    margin-left: -35vw;
    margin-top: -31vw;
  }
  #mainvisual .title_area ul.obje li.pos11{
    width: 16vw;
    margin-left: -8vw;
    margin-top: -40vw;
  }
  #mainvisual .title_area ul.obje li.pos12{
    width: 7vw;
    margin-left: 30vw;
    margin-top: 11vw;
  }
  
  #mainvisual .title_area ul.star li{
  }
  #mainvisual .title_area ul.star li.pos01{
    width: 6vw;
    margin-left: -45vw;
    margin-top: -35vw;
  }
  #mainvisual .title_area ul.star li.pos02{
    width: 6vw;
    margin-left: 20vw;
    margin-top: -28vw;
  }
  #mainvisual .title_area ul.star li.pos03{
    width: 6vw;
    margin-left: 40vw;
    margin-top: 10vw;
  }
  #mainvisual .copy{
    width: 90%;
    margin-top: 10vw;
  }
  #mainvisual .date{
    width: 70%;
    margin:0 auto;
    margin-top: -10px;
  }
  #mainvisual  .lead{
    position: absolute;
    top: 20vw;
    left: 50%;
    width: 17vw;
    margin-left: 30vw;
    z-index: 3;
  }
  #mainvisual .news_area{
    margin: 0 auto;
    margin-top: 20px;
    width: 90%;
    border-radius: 20px;
    padding: 10px 0;
  }
  #mainvisual .news_area .column{
    margin: 0 20px;
  }
  #mainvisual .news_area .column a{
  }
  #mainvisual .news_area .column time{
    position: relative;
    font-size: 11px;
  }
  #mainvisual .news_area .column .category{
    position: absolute;
    top: 0;
    left: 90px;
    font-size: 11px;
  }
  #mainvisual .news_area .column .column_title{
    padding-left: 0px;
    padding-top: 4px;
    line-height: 1.8;
    font-size: 14px;
  }
}

/*----------------------------------------------------
  .block_about
--------------------------------------------------- */
.block_about{
  position: relative;
  width: 100%;
  padding: 40px 0;
  text-align: center;
}
.block_about .inner{
  width: 900px;
  margin:0 auto;
  background: #FFF;
  padding: 40px 0;
  border-radius: 20px;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
}
.block_about .copy{
  font-size: 34px;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #c30d23;
  text-shadow: 2px 2px 10px #ffffff;
}
.block_about .exp{
  width: 90%;
  margin:0 auto;
  text-align: left;
  font-size: 16px;
  font-weight: 900;
  line-height: 2;
  letter-spacing: 0.05em;
  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, メイリオ, Osaka, sans-serif;
}
.block_about ul.image{
  overflow: hidden;
  width: 90%;
  margin:0 auto;
  margin-top: 20px;
  margin-bottom: 30px;
  letter-spacing: -0.4em;
}
.block_about ul.image li{
  vertical-align: top;
  display: inline-block;
  letter-spacing: normal;
  width: 50%;
}
.block_about .archive_title{
  text-align: center;
  position: relative;
  width: 90%;
  margin:0 auto;
  margin-bottom: 20px;
  overflow: hidden;
}
.block_about .archive_title span{
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0.1em;
  position: relative;
  font-weight: 900;
  line-height: 1.5;
  color: #c30d23;
  text-shadow: 2px 2px 10px #ffffff;
}
.block_about .archive_title span::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 1000px;
  margin-left: -1010px;
  height: 1px;
  background: #c30d23;
}
.block_about .archive_title span::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 1000px;
  margin-right: -1010px;
  height: 1px;
  background: #c30d23;
}
.block_about ul.archive{
  width: 90%;
  margin:0 auto;
  display: flex;
  flex-direction: row; /* row row-reverse column */
  justify-content: space-between; /* flex-start  center  space-between */
  align-items: flex-start; /* flex-start  center  */
}
.block_about ul.archive li{
  width: 31%;
}
.block_about ul.archive li .none{
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  display: block;
  background: #aaa;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #FFF;
  padding: 10px 0;
  line-height: 1.5;
  border-radius: 40px;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  border-bottom: 8px #999 solid;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_about ul.archive li .none span{
  font-size: 12px;
}
.block_about ul.archive li a{
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    display: block;
    background: #f8b62d;
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: 900;
    color: #FFF;
    padding: 10px 0;
    line-height: 1.5;
    border-radius: 40px;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    border-bottom: 8px #e17a00 solid;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_about ul.archive li a:hover{
  /* background: #FFF;
  color: #c30d23; */
  margin-top: 6px;
  border-bottom: 2px #e17a00 solid;
}
@media only screen and (max-width: 896px) {
  .block_about{
    padding: 20px 0;
  }
  .block_about .inner{
    width: 90%;
    margin:0 auto;
    padding:20px 0;
  }
  .block_about .copy{
    font-size: 18px;
    margin-bottom: 10px;
    text-shadow: 2px 2px 10px #ffffff;
  }
  .block_about .exp{
    font-size: 14px;
  }
  .block_about ul.image{
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .block_about .archive_title{
  }
  .block_about .archive_title span{
    font-size: 14px;
  }
  .block_about ul.archive{
    width: 90%;
    margin:0 auto;
    display: block;
  }
  .block_about ul.archive li{
    width: 100%;
    margin-bottom: 10px;
  }
  .block_about ul.archive li .none{
  }
  .block_about ul.archive li a{
  }
  .block_about ul.archive li a:hover{
  }


}

/*----------------------------------------------------
  .block_online
--------------------------------------------------- */
.block_online{
  position: relative;
  width: 100%;
  padding: 40px 0;
  text-align: center;
}
.block_online .flag{
  position: absolute;
  top: 10vw;
  top:210px;
  left: 0;
  width: 100%;
}
.block_online .copy{
  position: relative;
  z-index: 1;
  font-size: 50px;
  letter-spacing: 0.1em;
  font-weight: 900;
  line-height: 1.5;
  color: #c30d23;
  text-shadow:2px 2px 10px #ffffff;
}
.block_online .exp{
  text-align: center;
  font-weight: 900;
  font-size: 24px;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
.block_online .entrance{
  width: 90%;
  max-width: 800px;
  margin:0 auto;
  position: relative;
  z-index: 1;
  left: 0.6%;
}
.block_online .entrance .btn{
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 400px;
  margin-left: -200px;
}
.block_online .entrance .btn .none{
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    display: block;
    background: #ccc;
    font-size: 26px;
    letter-spacing: 0.05em;
    font-weight: 900;
    color: #FFF;
    padding: 20px 0;
    line-height: 1.5;
    border-radius: 40px;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    border-bottom: 8px #aaa solid;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_online .entrance .btn a{
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    display: block;
    background: #f8b62d;
    border-bottom: 8px #e17a00 solid;
    font-size: 26px;
    letter-spacing: 0.05em;
    font-weight: 900;
    color: #FFF;
    padding: 20px 0;
    line-height: 1.5;
    border-radius: 40px;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_online .entrance .btn a:after {
  font-family: fontAwesome;
  content: "\f0a9";
  margin-left: 4px;
}
.block_online .entrance .btn a:hover{
  margin-top: 6px;
  border-bottom: 2px #e17a00 solid;
}

.block_online .btn_movie{
  max-width: 640px;
  margin:0 auto;
  text-align: center;
  margin-top: 40px;
}
.block_online .btn_movie a{
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    display: inline-block;
    background: #f8b62d;
    border-bottom: 8px #e17a00 solid;
    color: #FFF;
    padding: 15px 20px;
    line-height: 1.5;
    border-radius: 40px;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_online .btn_movie a figcaption{
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 900;
  position: relative;
}
.block_online .btn_movie a .exp2{
  font-size: 14px;
  color: #c30d23;
  letter-spacing: 0.05em;
  font-weight: 900;
  position: relative;
}

.block_online .btn_movie a figure{
  margin-bottom: 10px;
}
.block_online .btn_movie a i{
  margin-left: 8px;
  font-size: 34px;
  vertical-align: -6px;
}
.block_online .btn_movie a:hover{
  margin-top: 6px;
  border-bottom: 2px #e17a00 solid;
}
@media only screen and (max-width: 896px) {
  .block_online{
    padding: 20px 0 40px;
  }
  .block_online .flag{
    top:250px;
  }
  .block_online .copy{
    font-size: 28px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .block_online .exp{
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
  .block_online .entrance{
    width: 100%;
    left: 0.6%;
  }
  .block_online .entrance .btn{
    position: absolute;
    bottom: -15vw;
    left: 50%;
    width: 90%;
    margin-left: -45%;
  }
  .block_online .entrance .btn .none{
      font-size: 22px;
      padding: 10px 0;
      border-radius: 40px;
  }
  .block_online .entrance .btn a{
      font-size: 22px;
      padding: 10px 0;
      border-radius: 40px;
  }
  .block_online .btn_movie{
    width: 95%;
    text-align: center;
    margin-top: 20vw;
  }
  .block_online .btn_movie a{
      font-size: 3.1vw;
      padding: 10px 20px;
      line-height: 1.5;
      border-radius: 40px;
  }
  .block_online .btn_movie a figcaption{
    font-size: 14px;
    display: block;
    line-height: 1.7;
    padding-top: 0px;
    text-align: center;
    position: relative;
  }
  .block_online .btn_movie a i{
    position: absolute;
    top: 5px;
    right: 0;
    margin-left: 8px;
    font-size: 34px;
    vertical-align: -6px;
  }
  .block_online .btn_movie a:hover{
    margin-top: 6px;
    border-bottom: 2px #8d0a19 solid;
  }
}

/*----------------------------------------------------
  .block_movie_modal
--------------------------------------------------- */
.block_movie_modal{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
}
.block_movie_modal.view{
  opacity: 1;
  visibility: visible;
}
.block_movie_modal .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 80%);
}
.block_movie_modal a.close{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 100px;
  height: 100px;
  display: block;
}
.block_movie_modal a.close .l1{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  height: 4px;
  margin-top: -2px;
  background: #FFF;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(45deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(45deg);
}
.block_movie_modal a.close .l2{
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100px;
  margin-left: -50px;
  height: 4px;
  margin-top: -2px;
  background: #FFF;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-45deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(-45deg);
}
.block_movie_modal .inner{
  position: absolute;
  top: 50%;
  left: 20%;
  width: 60%;
  -webkit-transform: scale3d(1,1,1) translate(0px,-50%);
          transform: scale3d(1,1,1) translate(0px,-50%);
}
.block_movie_modal .inner .wrap{
  padding-top: 56%;
  position: relative;
}
.block_movie_modal .inner .wrap iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 896px) {
  .block_movie_modal a.close{
    width: 60px;
    height: 60px;
  }
  .block_movie_modal a.close .l1{
    width: 60px;
    margin-left: -30px;
  }
  .block_movie_modal a.close .l2{
    width: 60px;
    margin-left: -30px;
  }
  .block_movie_modal .inner{
    position: absolute;
    top: 50%;
    left: 5%;
    width: 90%;
    -webkit-transform: scale3d(1,1,1) translate(0px,-50%);
            transform: scale3d(1,1,1) translate(0px,-50%);
  }
}
/*----------------------------------------------------
  .block_box
--------------------------------------------------- */
.block_box{
  position: relative;
  width: 100%;
  padding: 40px 0;
}
.block_box .title{
  width: 90%;
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 20px;
}
.block_box .exp{
  text-align: center;
  font-weight: 900;
  font-size: 24px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.block_box .alert{
  text-align: center;
  margin-bottom: 10px;
}
.block_box .alert span{
  display: inline-block;
  /* border-bottom: 2px #c30d23 solid; */
  color: #c30d23;
  text-align: center;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.05em;
}
.block_box .attention{
  text-align: center;
  font-weight: 900;
  font-size: 14px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  margin-bottom: 30px;
}
.block_box .btn{
  width: 400px;
  margin:0 auto;
  text-align: center;
}
.block_box .btn .none{
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    display: block;
    background: #ccc;
    font-size: 26px;
    letter-spacing: 0.05em;
    font-weight: 900;
    color: #FFF;
    padding: 20px 0;
    line-height: 1.5;
    border-radius: 40px;
    -webkit-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    border-bottom: 8px #aaa solid;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_box .list{
  width: 90%;
  margin: 0 auto;
  margin-top: 20px;
  letter-spacing: -0.4em;
  text-align: center;
}
.block_box .list .column{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  width: 30%;
  margin:0 1.5%;
  background: #FFF;
  padding: 20px 0;
  margin-bottom: 40px;
  border-radius: 40px;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
}
.block_box .list .column figure{
  margin: 0 20px;
  padding-top: 70%;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 20px;
}
.block_box .list .column figure span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.block_box .list .column .column_title{
  font-weight: 900;
  padding: 0 20px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  margin-bottom: 5px;
  color: #f8b62d;
}
.block_box .list .column p{
  font-weight: 900;
  padding: 0 20px;
  font-size: 12px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  margin-bottom: 10px;
}
.block_box .list .column .price{
  font-weight: 900;
  padding: 0 20px;
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 0em;
  margin-bottom: 10px;
  color: #c30d23;
}
.block_box .list .column .price span{
  font-size: 14px;
  font-weight: 900;
}
.block_box .list .column .coming{
  font-weight: 900;
  padding: 0 20px;
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0em;
  margin-bottom: 10px;
  color: #c30d23;
}
.block_box .list .column .btn_detail{
  margin:0 20px;
}
.block_box .list .column .btn_detail .b_wrap{
  display: inline-block;
  width: 100%;
}
.block_box .list .column .btn_detail a{
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  display: block;
  background: #c30d23 url(../img/common/icon_bag.svg) no-repeat right 30px center;
  background-size: 20px;
  border-bottom: 8px #8d0a19 solid;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #FFF;
  padding: 10px 0;
  line-height: 1.5;
  border-radius: 40px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_box .list .column .btn_detail a small{
  display: block;
  font-size: 12px;
  padding-top: 6px;
}
.block_box .list .column .btn_detail a:hover{
  margin-top: 6px;
  border-bottom: 2px #8d0a19 solid;
}

.block_box .list .column .btn_detail.soldout a{
  background: #f8b62d url(../img/common/icon_bag.svg) no-repeat right 30px center;
  background-size: 20px;
  border-bottom: 8px #e17a00 solid;
}
.block_box .list .column .btn_detail.soldout a:hover{
  margin-top: 6px;
  border-bottom: 2px #e17a00 solid;
}

.block_box .list .column .sold{
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background: #c30d23;
  border-radius: 80px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  color: #FFF;
  font-size: 12px;
  letter-spacing: 0.1em;
  font-weight: 900;
  line-height: 1.5;
}
@media only screen and (max-width: 896px) {
  .block_box{
    padding: 20px 0;
  }
  .block_box.page{
    padding: 20px 0;
    padding-top: 40px;
  }
  .block_box .title{
    width: 95%;
    margin-bottom: 10px;
  }
  .block_box .exp{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 10px;
  }
  .block_box .alert span{
    font-size: 14px;
  }
  .block_box .attention{
    width: 90%;
    margin: 0 auto;
    text-align: left;
    font-size: 9px;
    margin-bottom: 20px;
  }
  .block_box .attention li{
    padding-left: 1em;
    text-indent: -1em;
  }
  .block_box .btn{
    width: 90%;
    margin:0 auto;
    text-align: center;
  }
  .block_box .btn .none{
    font-size: 22px;
    padding: 10px 0;
    border-radius: 40px;
  }
  .block_box .list{
    width: 90%;
    margin-top: 20px;
  }
  .block_box .list .column{
    display:block;
    width: 100%;
    margin:0%;
    padding: 20px 0;
    margin-bottom: 5vw;
  }
  .block_box .list .column figure{
    margin: 0 20px;
    padding-top: 70%;
    position: relative;
    border-radius: 40px;
    overflow: hidden;
    margin-bottom: 20px;
  }
  .block_box .list .column .column_title{
    padding: 0 10px;
    font-size: 4.5vw;
  }
  .block_box .list .column p{
    font-size: 12px;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
  
  .block_box .list .column .sold{
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    font-size: 10px;
    line-height: 1.5;
  }
}

/*----------------------------------------------------
  .block_column
--------------------------------------------------- */
.block_column{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.block_column.related{
  margin-top: 40px;
}
.block_column .title{
  position: relative;
  z-index: 1;
  font-size: 50px;
  letter-spacing: 0.1em;
  font-weight: 900;
  line-height: 1.5;
  color: #c30d23;
  text-shadow: 2px 2px 10px #ffffff;
}
.block_column.related .title{
  font-size: 30px;
  margin-bottom: 40px;
}
.block_column .exp{
  text-align: center;
  font-weight: 900;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.1em;
  margin-bottom: 40px;
}
.block_column .btn{
  width: 400px;
  margin:0 auto;
  text-align: center;
}
.block_column .btn .none{
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
    display: block;
    background: #ccc;
    font-size: 26px;
    letter-spacing: 0.05em;
    font-weight: 900;
    color: #FFF;
    padding: 20px 0;
    line-height: 1.5;
    border-radius: 40px;
    -webkit-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
    border-bottom: 8px #aaa solid;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_column .slide_area{
}
.block_column .list{
  width: 90vw;
  margin:0 auto;
  letter-spacing: -0.4em;
}
.block_column .column{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 45vw;
  margin-bottom: 40px;
}
.block_column .list .column{
  margin-bottom: 40px;
}
.block_column .column .in{
  padding: 0 40px;
}
.block_column .column a{
  display: block;
  position: relative;
}
.block_column .column figure{
  position: relative;
  padding-top: 56%;
  border-radius: 80px;
  overflow: hidden;
  background:#FFF url(../img/common/loading.svg) no-repeat center center;
  background-size: 40px;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
.block_column .column a:hover figure{
  -webkit-transform: scale3d(0.95,0.95,0.95) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(0.95,0.95,0.95) translate3d(0px,0px,0px) rotate(0deg);
}
.block_column .column figure span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.block_column .column .textarea{
  position: relative;
  z-index: 1;
  width: 90%;
  margin:0 auto;
  margin-top: -40px;
  padding: 20px 0;
  border-radius: 80px;
  background: #f8b62d;
  border-bottom: 10px #e17a00 solid;
}
.block_column .column .textarea .sub{
  padding: 0 30px;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 900;
  margin-bottom: 5px;
}
.block_column .column .textarea .vol{
  padding: 0 30px;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 900;
  margin-bottom: 5px;
}
.block_column .column .textarea .column_title{
  text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
  padding: 0 30px;
  font-size: 22px;
  font-size: 1.5vw;
  line-height: 1.4;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #FFF;
  margin-bottom: 10px;
}
.block_column .column .textarea p{
  text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
  padding: 0 30px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 900;
}
.block_column .column .textarea .more{
  padding: 0 30px;
  font-size: 14px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #FFF;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
}
.block_column .column .textarea .more:after{
  font-family: fontAwesome;
  content: "\f0a9";
  margin-left: 4px;
}
.block_column .slick-prev{
  position: absolute;
  top: 12vw;
  left: 50%;
  margin-left: -35vw;
  z-index: 10;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  display: block;
  background: #c30d23 url(../img/common/arrow_left.svg) no-repeat center center;
  background-size: auto 40%;
  text-indent: -9999px;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  border: none;
  border-bottom: 8px #8d0a19 solid;
  cursor: pointer;
}
.block_column .slick-next{
  position: absolute;
  top: 12vw;
  right: 50%;
  margin-right: -35vw;
  z-index: 10;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  display: block;
  background: #c30d23 url(../img/common/arrow_right.svg) no-repeat center center;
  background-size: auto 40%;
  text-indent: -9999px;
  width: 80px;
  height: 80px;
  border-radius: 80px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  border: none;
  border-bottom: 8px #8d0a19 solid;
  cursor: pointer;
}
.block_column .slick-prev:hover,
.block_column .slick-next:hover{
  margin-top: 6px;
  border-bottom: 2px #8d0a19 solid;
}
@media only screen and (max-width: 896px) {
  .block_column{
    margin-top: 20px;
  }
  .block_column.page{
    padding-top: 40px;
    margin-top: 20px;
  }
  .block_column .title{
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .block_column.related .title{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .block_column .exp{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 13px;
    line-height: 1.7;
    margin-bottom: 20px;
  }
  .block_column .btn{
    width: 90%;
    margin:0 auto;
    text-align: center;
  }
  .block_column .btn .none{
    font-size: 22px;
    padding: 10px 0;
    border-radius: 40px;
  }
  .block_column{
  }
  .block_column .list{
    width: 98vw;
    margin:0 auto;
  }
  .block_column .column{
    width: 100%;
    margin-bottom: 5vw;
  }
  .block_column .column .in{
    padding: 0 10px;
  }
  .block_column .column a{
  }
  .block_column .column figure{
    padding-top: 56%;
    border-radius: 40px;
  }
  .block_column .column .textarea{
    width: 95%;
    margin:0 auto;
    margin-top: -20px;
    padding: 10px 0;
    border-radius: 60px;
  }
  .block_column .column .textarea .sub{
    padding: 0 20px;
    font-size: 10px;
    margin-bottom: 5px;
  }
  .block_column .column .textarea .vol{
    font-size: 12px;
    padding: 0 20px;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .block_column .column .textarea .column_title{
    padding: 0 20px;
    font-size: 16px;
    font-size: 4vw;
    line-height: 1.5;
    margin-bottom: 5px;
  }
  .block_column .column .textarea p{
    padding: 0 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .block_column .slick-prev{
    position: absolute;
    top: 16vw;
    left: 50%;
    margin-left: -49vw;
    width: 40px;
    height: 40px;
    border-radius: 40px;
  }
  .block_column .slick-next{
    position: absolute;
    top: 16vw;
    right: 50%;
    margin-right: -49vw;
    width: 40px;
    height: 40px;
    border-radius: 40px;
  }
  .block_column .slick-prev:hover,
  .block_column .slick-next:hover{
    margin-top: 0px;
    border-bottom: 8px #8d0a19 solid;
  }

}

/*----------------------------------------------------
  .block_column_detail
--------------------------------------------------- */
.block_column_detail{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.block_column_detail .page_title{
  position: relative;
  z-index: 1;
  font-size: 40px;
  letter-spacing: 0.1em;
  font-weight: 900;
  line-height: 1.5;
  color: #c30d23;
  margin-bottom: 20px;
  text-shadow: 2px 2px 10px #ffffff;
}
.block_column_detail .back{
  width: 80%;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
}
.block_column_detail .back a{
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  display: block;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  color: #FFF;
  padding: 0 20px 0 40px;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: #c30d23 url(../img/common/arrow_left.svg) no-repeat 10px center;
  background-size: 10px;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  border-bottom: 8px #8d0a19 solid;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_column_detail .back a:hover{
  margin-top: 6px;
  border-bottom: 2px #8d0a19 solid;
}
.block_column_detail .summary{
  width: 80%;
  max-width: 1024px;
  margin: 0 auto;
  position: relative;
  border-radius: 80px;
  overflow: hidden;
  margin-bottom: 40px;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
}
.block_column_detail .summary figure{
  position: relative;
  padding-top: 56%;
  background:#FFF url(../img/common/loading.svg) no-repeat center center;
    background-size: 40px;
}
.block_column_detail .summary figure span{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
}
.block_column_detail .summary .textarea{
  position: absolute;
  bottom: 0;
  left: 0%;
  width: 100%;
  text-align: left;
  padding: 20px 0 40px;
  background: rgb(0 0 0 / 70%);
  background: rgba(248,182,45,0.8);
  background: rgba(225,122,0,0.8);
  color: #FFF;
}
.block_column_detail .summary .textarea .inner{
  padding: 0 40px;
}
.block_column_detail .summary .textarea .vol{
  font-size: 16px;
  font-weight: 900;
  margin-bottom: 10px;
}
.block_column_detail .summary .textarea .column_title{
  text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
  font-size: 26px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 900;
  color: #FFF;
  margin-bottom: 10px;
}
.block_column_detail .summary .textarea .column_title br{
  display: none;
}
.block_column_detail .summary .textarea p{
  text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 900;
}
.block_column_detail .summary .textarea .credit{
  text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  padding-top: 5px;
}
.block_column_detail .entry_area{
  width: 80%;
  max-width: 800px;
  margin: 0 auto;
  position: relative;
  border-radius: 80px;
  overflow: hidden;
  margin-bottom: 40px;
  background: #FFF;
  padding: 20px 0 20px;
  text-align: left;
}
.block_column_detail .entry_area .entry{
  padding: 0 40px;
  font-size: 14px;
  padding-top: 20px;
  line-height: 2;
  letter-spacing: 0.1em;
}
.block_column_detail .entry_area .block_area{
  display: flex;
  flex-direction: row; /* row row-reverse column */
  justify-content: space-between; /* flex-start  center  space-between */
  align-items: flex-start; /* flex-start  center  */
  margin-top: 40px;
}
.block_column_detail .entry_area .block_area .title_area{
  width: 30%;
  padding-top: 10px;
}
.block_column_detail .entry_area .block_area .title_area .sub_title{
  margin-top: 0;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 900;
}
.block_column_detail .entry_area .block_area .text_area{
  width: 65%;
}
.block_column_detail .entry_area .block_area .text_area .textarea{
  margin-top: 5px;
}
.block_column_detail .entry_area .block_area .text_area .textarea p{
  /* margin-top: 0; */
}
@media only screen and (max-width: 896px) {
  .block_column_detail{
    margin-top: 20px;
    padding-top: 60px;
  }
  .block_column_detail .page_title{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .block_column_detail .back{
    width: 95%;
    display: none;
  }
  .block_column_detail .back a{
    position: absolute;
    top: -10px;
    left: -5px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    padding: 0 20px 0 30px;
    font-size: 12px;
    background: #c30d23 url(../img/common/arrow_left.svg) no-repeat 10px center;
    background-size: 6px;
  }
  .block_column_detail .summary{
    width: 95%;
    border-radius: 0px;
    margin-bottom: 20px;
    overflow: initial;
    -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 0%);
    box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 0%);
  }
  .block_column_detail .summary figure{
    border-radius: 40px;
    overflow: hidden;
    -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
    box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  }
  .block_column_detail .summary .textarea{
    position: relative;
    bottom: auto;
    left: 5%;
    width: 90%;
    text-align: left;
    padding: 20px 0;
    background: none;
    color: #5d3a11;
  }
  .block_column_detail .summary .textarea .inner{
    padding: 0px;
  }
  .block_column_detail .summary .textarea .vol{
    font-size: 12px;
    margin-bottom: 10px;
  }
  .block_column_detail .summary .textarea .column_title{
    font-size: 18px;
    line-height: 1.5;
    color: #5d3a11;
    margin-bottom: 10px;
  }
  .block_column_detail .summary .textarea p{
    font-size: 14px;
    line-height: 1.5;
  }
  .block_column_detail .summary .textarea .credit{
    padding-top: 10px;
    margin-top: 10px;
    border-top:1px #5d3a11 solid;
  }
  .block_column_detail .entry_area{
    width: 96%;
    border-radius: 40px;
    margin-bottom: 40px;
    padding: 20px 0 20px;
  }
  .block_column_detail .entry_area .entry{
    padding: 0 20px;
  }
  .block_column_detail .entry_area .block_area{
    display: block;
    margin-top: 20px;
  }
  .block_column_detail .entry_area .block_area .title_area{
    width: 100%;
    margin-bottom: 10px;
    padding-top: 0px;
  }
  .block_column_detail .entry_area .block_area .title_area .sub_title{
    margin-top: 0;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 900;
  }
  .block_column_detail .entry_area .block_area .text_area{
    width: 100%;
  }
  .block_column_detail .entry_area .block_area .text_area .textarea{
    margin-top: 0;
  }
  .block_column_detail .entry_area .block_area .text_area .textarea p{
    margin-top: 0;
  }
}
/*----------------------------------------------------
  .block_campaign
--------------------------------------------------- */
.block_campaign{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.block_campaign .inner {
  margin: 0 auto;
  width: 800px;
}
.block_campaign .inner .end{
  position: relative;
  text-align: center;
  z-index: 1;
  font-size: 30px;
  letter-spacing: 0.1em;
  font-weight: 900;
  line-height: 1.5;
  color: #e17a00 ;
  text-shadow: 2px 2px 10px #ffffff;
}
.block_campaign .inner .btn{
  text-align: center;
  margin-top: 20px;
}
.block_campaign .inner .btn .b_wrap{
  display: inline-block;
  width: 300px;
}
.block_campaign .inner .btn a{
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  display: block;
  background: #f8b62d;
  border-bottom: 8px #e17a00 solid;
  font-size: 26px;
  letter-spacing: 0.05em;
  font-weight: 900;
  color: #FFF;
  padding: 20px 0;
  line-height: 1.5;
  border-radius: 40px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_campaign .inner .btn a:after {
  font-family: fontAwesome;
  content: "\f0a9";
  margin-left: 4px;
}
.block_campaign .inner .btn a:hover{
  margin-top: 6px;
  border-bottom: 2px #e17a00 solid;
}
@media only screen and (max-width: 896px) {
  .block_campaign{
    margin-top: 40px;
  }
  .block_campaign.page{
    margin-top: 20px;
    padding-top: 40px;
  }
  .block_campaign .inner {
    margin: 0 auto;
    width: 90%;
    padding: 20px 0;
  }
  .block_campaign .inner .btn a {
    font-size: 22px;
    padding: 10px 0;
    border-radius: 40px;
  }
  .block_campaign .inner .end{
    font-size: 20px;
  }
}


.block_campaign .inner .title{
  margin-top: -60px;
  margin-bottom: 20px;
}
.block_campaign .inner .title img{
  border-radius: 20px;
}
.block_campaign .inner .date{
  border-radius: 60px;
  background: #f8b62d;
  padding: 30px 0;
  margin-bottom: 20px;
}
.block_campaign .inner .date .d_title{
  font-size: 24px;
  font-weight: 900;
  color: #FFF;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
.block_campaign .inner .date .d_t{
  font-size: 20px;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.block_campaign .inner .answer{
  border-radius: 60px;
  background: #FFF;
  padding: 30px 0;
  margin-bottom: 20px;
}
.block_campaign .inner .answer .a_title{
  font-size: 24px;
  font-weight: 900;
  color: #f8b62d;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}
.block_campaign .inner .answer .a_t{
  font-size: 20px;
  line-height: 1.7;
  font-weight: 900;
  letter-spacing: 0.1em;
}
.block_campaign .inner .present{
  border-radius: 60px;
  background: #FFF;
  padding: 30px 0;
  margin-bottom: 20px;
}
.block_campaign .inner .present .p_title{
  font-size: 30px;
  font-weight: 900;
  color: #f8b62d;
  letter-spacing: 0.1em;
  margin-bottom: 30px;
}
.block_campaign .inner .present .list{
  margin: 0 30px;
  letter-spacing: -0.4em;
  text-align: left;
}
.block_campaign .inner .present .list .column{
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 46%;
  margin:0 2%;
  margin-bottom: 30px;
  text-align: left;
}
.block_campaign .inner .present .list .column figure{
  margin-bottom: 20px;
}
.block_campaign .inner .present .list .column figure img{
  border-radius: 10px;
}
.block_campaign .inner .present .list .column .column_title{
  font-size: 16px;
  color: #f8b62d;
  font-weight: 900;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}
.block_campaign .inner .present .list .column .credit{
  font-size: 14px;
  font-weight: 900;
  letter-spacing: 0.05em;
  margin-bottom: 5px;
}
.block_campaign .inner .present .list .column p{
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}
.block_campaign .inner .present .list .column ul li{
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  padding-left: 1em;
  text-indent: -1em;
}

@media only screen and (max-width: 896px) {
  .block_campaign .inner .title{
    margin-top: -60px;
    margin-bottom: 20px;
  }
  .block_campaign .inner .date{
    border-radius: 30px;
    padding:20px 0;
    margin-bottom: 20px;
  }
  .block_campaign .inner .date .d_title{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .block_campaign .inner .date .d_t{
    font-size: 16px;
    line-height: 1.7;
  }
  .block_campaign .inner .answer{
    border-radius: 30px;
    padding: 20px 0;
    margin-bottom: 20px;
  }
  .block_campaign .inner .answer .a_title{
    font-size: 20px;
    margin-bottom: 10px;
  }
  .block_campaign .inner .answer .a_t{
    font-size: 16px;
    line-height: 1.7;
  }
  .block_campaign .inner .present{
    border-radius: 30px;
    padding: 20px 0;
    margin-bottom: 20px;
  }
  .block_campaign .inner .present .p_title{
    font-size: 20px;
    margin-bottom: 20px;
  }
  .block_campaign .inner .present .list{
    margin: 0 20px;
    letter-spacing: -0.4em;
  }
  .block_campaign .inner .present .list .column{
    display:block;
    width: 100%;
    margin:0%;
    margin-bottom: 30px;
  }
  .block_campaign .inner .present .list .column figure{
    margin-bottom: 20px;
  }
  .block_campaign .inner .present .list .column figure img{
    border-radius: 10px;
  }
  .block_campaign .inner .present .list .column .column_title{
    font-size: 16px;
    margin-bottom: 5px;
  }
  .block_campaign .inner .present .list .column .credit{
    font-size: 12px;
  }
  .block_campaign .inner .present .list .column p{
    font-size: 12px;
  }
  .block_campaign .inner .present .list .column ul li{
    font-size: 12px;
  }


}

/*----------------------------------------------------
  .block_news
--------------------------------------------------- */
.block_news{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 40px;
}
.block_news .inner {
  margin: 0 auto;
  width: 800px;
  border-radius: 20px;
  background: #FFF;
  color: #FFF;
  padding: 20px 0;
  text-align: left;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
}

.block_news .inner .title{
  font-size: 34px;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #c30d23;
  text-align: center;
}
.block_news .inner .list{
  margin: 0 40px;
  border-top: 1px #c30d23 dotted;
}
.block_news .inner .list .column{
  position: relative;
  border-bottom: 1px #c30d23 dotted;
  padding: 20px 0;
}
.block_news .inner .list .column a{
  display: block;
  position: relative;
  color: #c30d23;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
}
.block_news .inner .list .column a:hover{
  text-decoration: underline;
}
.block_news .inner .list .column time{
  position: absolute;
  top: 0;
  left: 0;
  font-size: 16px;
}
.block_news .inner .list .column .category{
  position: absolute;
  top: 0;
  left: 130px;
  font-size: 16px;
}
.block_news .inner .list .column .column_title{
  padding-left: 220px;
  font-size: 16px;
  font-weight: bold;
}
.block_news .inner .btn{
  text-align: center;
  margin-top: 20px;
}
.block_news .inner .btn .b_wrap{
  display: inline-block;
  width: 300px;
}
.block_news .inner .btn a{
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  display: block;
  background: #f8b62d;
  border-bottom: 8px #e17a00 solid;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 900;
  color: #FFF;
  padding: 10px 0;
  line-height: 1.5;
  border-radius: 40px;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_news .inner .btn a:after {
  font-family: fontAwesome;
  content: "\f0a9";
  margin-left: 4px;
}
.block_news .inner .btn a:hover{
  margin-top: 6px;
  border-bottom: 2px #e17a00 solid;
}
@media only screen and (max-width: 896px) {
  .block_news{
    margin-top: 40px;
  }
  .block_news .inner {
    margin: 0 auto;
    width: 90%;
    padding: 20px 0;
  }
  .block_news .inner .title{
    font-size: 24px;
    margin-bottom: 10px;
  }
  .block_news .inner .list{
    margin: 0 20px;
  }
  .block_news .inner .list .column{
    padding: 10px 0;
  }
  .block_news .inner .list .column a{
  }
  .block_news .inner .list .column time{
    position: relative;
    top: 0;
    left: 0;
    font-size: 11px;
  }
  .block_news .inner .list .column .category{
    position: absolute;
    top: 0;
    left: 90px;
    font-size: 11px;
  }
  .block_news .inner .list .column .column_title{
    padding-left: 0px;
    font-size: 14px;
  }
  .block_news .inner .btn{
    margin-top: 20px;
  }
  .block_news .inner .btn .b_wrap{
    display: inline-block;
    width: 50%;
  }
  .block_news .inner .btn a{
  }

}

/*----------------------------------------------------
  .block_news_detail
--------------------------------------------------- */
.block_news_detail{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.block_news_detail .inner {
  margin: 0 auto;
  width: 800px;
  border-radius: 20px;
  background: #FFF;
  padding: 40px 0;
  text-align: left;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
}
.block_news_detail .inner .back{
  position: relative;
}
.block_news_detail .inner .back a{
  position: absolute;
  top: -20px;
  left: -20px;
  z-index: 1;
  display: block;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  color: #FFF;
  padding: 0 20px 0 40px;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: #c30d23 url(../img/common/arrow_left.svg) no-repeat 10px center;
  background-size: 10px;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  border-bottom: 8px #8d0a19 solid;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_news_detail .inner .back a:hover{
  margin-top: 6px;
  border-bottom: 2px #8d0a19 solid;
}
.block_news_detail .inner .title{
  padding: 0 20px;
  font-size: 24px;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-bottom: 5px;
  line-height: 1.5;
  color: #c30d23;
  text-align: center;
}
.block_news_detail .category{
  padding: 0 20px;
  text-align: center;
  margin-bottom: 10px;
}
.block_news_detail .category span{
  display: inline-block;
  background: #c30d23;
  color: #FFF;
  padding: 0 10px;
  font-size: 12px;
}
.block_news_detail time{
  padding: 0 20px;
  font-size: 12px;
  text-align: center;
  display: block;
  margin-bottom: 10px;
}
.block_news_detail .entry{
  margin:0 40px;
  font-size: 14px;
  line-height: 2;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 896px) {
  .block_news_detail{
    margin-top: 20px;
    padding-top: 60px;
  }
  .block_news_detail .inner {
    margin: 0 auto;
    width: 90%;
    border-radius: 20px;
    padding:50px 0 20px;
  }
  .block_news_detail .inner .back{
    width: 95%;
  }
  .block_news_detail .inner .back a{
    position: absolute;
    top: -60px;
    left: -5px;
    height: 30px;
    line-height: 30px;
    border-radius: 30px;
    padding: 0 20px 0 30px;
    font-size: 12px;
    background: #c30d23 url(../img/common/arrow_left.svg) no-repeat 10px center;
    background-size: 6px;
  }
  .block_news_detail .inner .title{
    padding: 0 20px;
    font-size: 18px;
    margin-bottom: 5px;
    text-align: left;
  }
  .block_news_detail .category{
    padding: 0 20px;
    text-align: left;
    margin-bottom: 10px;
  }
  .block_news_detail .category span{
    padding: 0 10px;
    font-size: 12px;
  }
  .block_news_detail time{
    padding: 0 20px;
    font-size: 12px;
    text-align: left;
    margin-bottom: 10px;
  }
  .block_news_detail .entry{
    margin:0 20px;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.1em;
  }

}
/*----------------------------------------------------
  .block_follow
--------------------------------------------------- */
.block_follow{
  position: relative;
  width: 100%;
  padding: 40px 0 20px;
  text-align: center;
}
.block_follow .inner {
  width: 640px;
  margin: 0 auto;
  /* background: #f8b62d; */
  /* border-radius: 180px;
  -webkit-box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%);
  box-shadow: 0px 15px 30px 0px rgb(51 51 51 / 20%); */
}
.block_follow .inner .title{
  text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-bottom: 15px;
}
.block_follow .inner .exp{
  text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
  font-size: 16px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-bottom: 30px;
}
.block_follow .inner ul{
  text-align: center;
  letter-spacing:-0.4em;
}
.block_follow .inner ul li{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: middle;
  margin:0 10px;
}
.block_follow .inner ul li a{
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
    display: block;
    background: #f8b62d;
    font-size: 16px;
    letter-spacing: 0.1em;
    font-weight: 900;
    color: #FFF;
    padding: 10px 20px;
    line-height: 1.5;
    border-radius: 40px;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    border-bottom: 8px #e17a00 solid;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.block_follow .inner ul li a span{
  font-weight: 900;
}
.block_follow .inner ul li a i{
  font-size: 24px;
  vertical-align: middle;
  margin-right: 8px;
}
.block_follow .inner ul li a:hover{
  margin-top: 6px;
  border-bottom: 2px #e17a00 solid;
}
@media only screen and (max-width: 896px) {
  .block_follow{
    padding: 20px 0 20px;
  }
  .block_follow .inner {
    width: 90%;
    margin: 0 auto;
    border-radius: 180px;
  }
  .block_follow .inner .title{
    font-size: 12px;
    line-height: 1.5;
    margin-bottom: 10px;
  }
  .block_follow .inner .exp{
    font-size: 18px;
    margin-bottom: 20px;
  }
  .block_follow .inner ul{
  }
  .block_follow .inner ul li{
    display: inline-block;
    margin:0 10px;
    margin-bottom: 10px;
  }
  .block_follow .inner ul li a{
      font-size: 16px;
      color: #FFF;
      padding:0px;
      width: 60px;
      height: 60px;
      line-height: 1;
      border-radius: 60px;
      box-sizing: border-box;
    display: flex;
    flex-direction: row; /* row row-reverse column */
    justify-content: center; /* flex-start  center  space-between */
    align-items:center; /* flex-start  center  */
  }
  .block_follow .inner ul li a i{
    font-size: 24px;
    vertical-align: middle;
    margin-right: 0px;
  }
  .block_follow .inner ul li a span{
    display: none;
  }

}

/*----------------------------------------------------
  #footer
--------------------------------------------------- */
#footer{
    position: relative;
    width: 100%;
    text-align: center;
    color: #FFF;
    text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
    padding-bottom: 20px;
}
#footer:before{
  content: "";
  position: absolute;
  top: 200px;
  left: 0;
  width: 100%;
  height : -webkit-calc(100% - 200px) ;
  height : calc(100% - 200px) ;
  background: #a06923;
}
#footer:after{
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  width: 100%;
  height : 100% ;
  background: url(../img/common/footer_bg.png) repeat-x center top;
}
#footer .inner{
  padding-top: 200px;
  position: relative;
  z-index: 1;
}
#footer .text_link{
  margin-bottom: 20px;
}
#footer .text_link a{
  display: inline-block;
  color: #FFF;
  text-decoration: underline;
  font-weight: 900;
  letter-spacing: 0.1em;
  font-size: 14px;
}
#footer ul.menu{
  padding: 0 40px;
  margin-bottom: 20px;
}
#footer ul.menu li{
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;
  margin-bottom: 10px;
}
#footer ul.menu li a{
  display: inline-block;
  padding: 10px 80px;
  background: #c30d23;
  color: #FFF;
  font-size: 16px;
  border-radius: 60px;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
  border-bottom: 8px #8d0a19 solid;
  font-weight: 900;
  letter-spacing: 0.1em;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
}

#footer ul.menu li a:hover{
  margin-top: 6px;
  border-bottom: 2px #8d0a19 solid;
}
#footer ul.link{
  padding: 0 40px;
  margin-bottom: 20px;
  letter-spacing: -0.4em;
}
#footer ul.link li{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: normal;
  margin: 0 5px;
  margin-bottom: 10px;
}
#footer ul.link li a{
  display: flex;
  flex-direction: row; /* row row-reverse column */
  justify-content: center; /* flex-start  center  space-between */
  align-items: center; /* flex-start  center  */
  width: 250px;
  height: 60px;
  background: #f8b62d;
  border-bottom: 8px #dd8e05 solid;
  color: #FFF;
  font-size: 18px;
  letter-spacing: 0.1em;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  border-radius: 20px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
#footer ul.link li a .m{
  font-size: 14px;
  line-height: 1.3;
}
#footer ul.link li a span{
  font-weight: 900;
}
#footer ul.link li a.s_m{
  width: 380px;
}
#footer ul.link li a small{
  font-size: 10px;
}

#footer ul.link_bar{
  width: 1100px;
  margin:0 auto;
  overflow: hidden;
  margin-bottom: 30px;
  letter-spacing: -0.4em;
  border-radius: 60px;
  background: #f8b62d;
  border-bottom: 10px #e17a00 solid;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  /* border-top: 3px #f8b62d solid;
  border-bottom: 3px #f8b62d solid; */
}
#footer ul.link_bar li{
  position: relative;
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
}
#footer ul.link_bar li::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: #e17a00;
}
#footer ul.link_bar li:first-child:after{
 display: none;
}
#footer ul.link_bar li a{
  color: #FFF;
  font-size: 12px;
  letter-spacing: 0.1em;
  height: 60px;
  padding: 0 20px;
  text-align: center;
  display: flex;
  flex-direction: row; /* row row-reverse column */
  justify-content: center; /* flex-start  center  space-between */
  align-items: center; /* flex-start  center  */
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}
#footer ul.link_bar li a:hover{
  background: #e17a00;
}
#footer ul.link_bar li:nth-child(1) a{
  padding:0 28px 0 37px;
}




#footer ul.link li a:hover{
  text-decoration: none;
}
#footer ul.credit{
  margin-bottom: 20px;
}
#footer ul.credit li{
  display: inline-block;
  vertical-align: middle;
  margin: 0 20px;
  font-size: 24px;
  letter-spacing: 0.1em;
  font-weight: 900;
}
#footer ul.credit li a{
  color: #FFF;
}
#footer .copyright{
  font-size: 11px;
  letter-spacing: 0.05em;
  font-weight: 900;
}
@media only screen and (max-width: 896px) {
  #footer{
    padding-bottom: 100px;
  }
  #footer:before{
    content: "";
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    height : -webkit-calc(100% - 200px) ;
    height : calc(100% - 200px) ;
    background: #a06923;
  }
  #footer:after{
    content: "";
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height : 100% ;
    background: url(../img/common/footer_bg.png) repeat-x 60% top;
    background-size:auto 200px;
  }
  #footer .inner{
    padding-top: 140px;
  }
  
  #footer ul.menu{
    padding: 0 20px;
    margin-bottom: 20px;
  }
  #footer ul.menu li{
    margin: 0 5px;
    margin-bottom: 10px;
  }#footer ul.menu li a{
    padding: 10px 80px;
    font-size: 16px;
    border-radius: 60px;
    border-bottom: 8px #8d0a19 solid;
  }
  #footer ul.link_b{
    padding: 0 10px;
    margin-bottom: 20px;
  }
  #footer ul.link{
    padding: 0 10px;
    margin-bottom: 20px;
  }
  #footer ul.link li{
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
    margin-bottom: 10px;
  }
  #footer ul.link li a{
    color: #ffe0a0;
    font-size: 14px;
    letter-spacing: 0.1em;
    text-decoration: underline;
  }
  #footer ul.credit{
    margin-bottom: 10px;
  }
  #footer ul.credit li{
    display:block;
    margin: 0 10px;
    font-size: 14px;
    margin-bottom: 5px;
  }
  #footer .copyright{
    font-size: 8px;
  }

  #footer ul.link_bar{
    width: 90%;
    margin-bottom: 30px;
    border-radius: 60px;
    /* border-top: 3px #f8b62d solid;
    border-bottom: 3px #f8b62d solid; */
  }
  #footer ul.link_bar li{
    display: block;
  }
  #footer ul.link_bar li::after{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e17a00;
  }
  #footer ul.link_bar li:first-child:after{
   display: none;
  }
  #footer ul.link_bar li a{
    font-size: 16px;
    height: 60px;
    padding: 0 20px;
  }
  #footer ul.link_bar li a span{
    font-weight: 900;
  }
  #footer ul.link_bar li a:hover{
    background: #e17a00;
  }
}
.scroll_top{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  opacity: 0;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
}
body.onScroll .scroll_top{
  opacity: 1;
}
.scroll_top a{
  display: block;
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  background: #f8b62d url(../img/common/arrow_top.svg) no-repeat center center;
  background-size: 40%;
  border-radius: 60px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  border-bottom: 8px #e17a00 solid;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
}
.scroll_top a:hover{
  margin-top: 6px;
  border-bottom: 2px #e17a00 solid;
}
@media only screen and (max-width: 896px) {
  .scroll_top{
    bottom: 70px;
    right: 20px;
  }
  .scroll_top a{
    width: 40px;
    height: 40px;
    background: #f8b62d url(../img/common/arrow_top.svg) no-repeat center center;
    background-size: 40%;
    border-radius: 40px;
    border-bottom: 2px #e17a00 solid;
  }
  .scroll_top a:hover{
    margin-top: 0px;
    border-bottom: 2px #e17a00 solid;
  }

}


/*----------------------------------------------------
  #fly
--------------------------------------------------- */
#fly01{
  position: fixed;
  top:0%;
  left: 100%;
  z-index: 2;
  pointer-events: none;
  -webkit-animation:bird_rotation01 18s linear 9s infinite;
          animation:bird_rotation01 18s linear 9s infinite;
}
#fly01 span{
  display: block;
  position: absolute;
  top: 400px;
  -webkit-animation:bird_fly 18s ease 9s infinite;
          animation:bird_fly 18s ease 9s infinite;
}
#fly01 span img{
  width: 100px;
  height: auto;
}
@-webkit-keyframes bird_rotation01{
  0%  {left:100%;top: 500px;}
  100%{left: -100%;top: 100px;}
}
@keyframes bird_rotation01{
  0%  {left:100%;top: 500px;}
  100%{left: -100%;top: 100px;}
}

@-webkit-keyframes bird_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}
@keyframes bird_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}
@media only screen and (max-width: 896px) {
  @-webkit-keyframes bird_rotation01{
    0%  {left:100%;top: 500px;}
    50%  {left:-100%;top: 100px;}
    100%{left: -100%;top: 100px;}
  }
  @keyframes bird_rotation01{
    0%  {left:100%;top: 500px;}
    50%  {left:-100%;top: 100px;}
    100%{left: -100%;top: 100px;}
  }

  @-webkit-keyframes bird_fly{
    0%  {top: 0px;}
    15%  {top: -100px;}
    30%  {top: 0px;}
    45%  {top: -100px;}
    60%  {top: 0px;}
    100% {top:0px;}
  }
  @keyframes bird_fly{
    0%  {top: 0px;}
    15%  {top: -100px;}
    30%  {top: 0px;}
    45%  {top: -100px;}
    60%  {top: 0px;}
    100% {top:0px;}
  }
}
#star{
  position: fixed;
  top:0%;
  left: 140%;
  z-index: 2;
  pointer-events: none;
  -webkit-animation:star_move 18s linear 3s infinite;
          animation:star_move 18s linear 3s infinite;
}
#star span{
  display: block;
  position: absolute;
  -webkit-animation:star_rotation01 9s linear 3s infinite;
          animation:star_rotation01 9s linear 3s infinite;

}
#star span img{
  width: 50px;
  height: auto;
}
#star .star01{
  position: absolute;
  top: 0;
  left: 0;
}
#star .star02{
  position: absolute;
  top: 50px;
  left: 50px;
}
#star .star03{
  position: absolute;
  top: 80px;
  left: -20px;
}
@-webkit-keyframes star_move{
  0%  {left:120%;top: 100px;}
  100%{left: -100%;top: 500px;}
}
@keyframes star_move{
  0%  {left:120%;top: 100px;}
  100%{left: -100%;top: 500px;}
}
@-webkit-keyframes star_rotation01{
  0%  {
    -webkit-transform: scale(1,1) translate(0%,0%) rotate(0deg);
       -moz-transform: scale(1,1) translate(0%,0%) rotate(0deg);
        -ms-transform: scale(1,1) translate(0%,0%) rotate(0deg);
         -o-transform: scale(1,1) translate(0%,0%) rotate(0deg);
            transform: scale(1,1) translate(0%,0%) rotate(0deg);
          }
  100%{
    -webkit-transform: scale(1,1) translate(0%,0%) rotate(360deg);
       -moz-transform: scale(1,1) translate(0%,0%) rotate(360deg);
        -ms-transform: scale(1,1) translate(0%,0%) rotate(360deg);
         -o-transform: scale(1,1) translate(0%,0%) rotate(360deg);
            transform: scale(1,1) translate(0%,0%) rotate(360deg);}
}
@keyframes star_rotation01{
  0%  {
    -webkit-transform: scale(1,1) translate(0%,0%) rotate(0deg);
       -moz-transform: scale(1,1) translate(0%,0%) rotate(0deg);
        -ms-transform: scale(1,1) translate(0%,0%) rotate(0deg);
         -o-transform: scale(1,1) translate(0%,0%) rotate(0deg);
            transform: scale(1,1) translate(0%,0%) rotate(0deg);
          }
  100%{
    -webkit-transform: scale(1,1) translate(0%,0%) rotate(360deg);
       -moz-transform: scale(1,1) translate(0%,0%) rotate(360deg);
        -ms-transform: scale(1,1) translate(0%,0%) rotate(360deg);
         -o-transform: scale(1,1) translate(0%,0%) rotate(360deg);
            transform: scale(1,1) translate(0%,0%) rotate(360deg);}
}
@media only screen and (max-width: 896px) {
  @-webkit-keyframes star_move{
    0%  {left:120%;top: 100px;}
    50%{left: -100%;top: 500px;}
    100%{left: -100%;top: 500px;}
  }
  @keyframes star_move{
    0%  {left:120%;top: 100px;}
    50%{left: -100%;top: 500px;}
    100%{left: -100%;top: 500px;}
  }
}

#juwely01{
  position: fixed;
  top:0%;
  left: 100%;
  z-index: 2;
  pointer-events: none;
  -webkit-animation:juwely01_rotation01 18s linear 0s infinite;
          animation:juwely01_rotation01 18s linear 0s infinite;
}
#juwely01 span{
  display: block;
  position: absolute;
  top: 400px;
  -webkit-animation:juwely01_fly 18s ease 0s infinite;
          animation:juwely01_fly 18s ease 0s infinite;
}
#juwely01 span img{
  width: 100px;
  height: auto;
}
@-webkit-keyframes juwely01_rotation01{
  0%  {left:100%;top: 200px;}
  100%{left: -100%;top: 600px;}
}
@keyframes juwely01_rotation01{
  0%  {left:100%;top: 200px;}
  100%{left: -100%;top: 600px;}
}

@-webkit-keyframes juwely01_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}
@keyframes juwely01_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}
@media only screen and (max-width: 896px) {
#juwely01 span img{
  width: 70px;
  height: auto;
}
  @-webkit-keyframes juwely01_rotation01{
    0%  {left:100%;top: 200px;}
    50%{left: -100%;top: 600px;}
    100%{left: -100%;top: 600px;}
  }
  @keyframes juwely01_rotation01{
    0%  {left:100%;top: 200px;}
    50%{left: -100%;top: 600px;}
    100%{left: -100%;top: 600px;}
  }

  @-webkit-keyframes juwely01_fly{
    0%  {top: 0px;}
    15%  {top: -100px;}
    30%  {top: 0px;}
    45%  {top: -100px;}
    60%  {top: 0px;}
    100% {top:0px;}
  }
  @keyframes juwely01_fly{
    0%  {top: 0px;}
    15%  {top: -100px;}
    30%  {top: 0px;}
    45%  {top: -100px;}
    60%  {top: 0px;}
    100% {top:0px;}
  }
}


#peace01{
  position: fixed;
  top:0%;
  left: 100%;
  z-index: 2;
  pointer-events: none;
  -webkit-animation:peace01_rotation01 18s linear 5s infinite;
          animation:peace01_rotation01 18s linear 5s infinite;
}
#peace01 span{
  display: block;
  position: absolute;
  top: 400px;
  -webkit-animation:peace01_fly 18s ease 5s infinite;
          animation:peace01_fly 18s ease 5s infinite;
}
#peace01 span img{
  width: 150px;
  height: auto;
}
@-webkit-keyframes peace01_rotation01{
  0%  {left:100%;top: 600px;}
  100%{left: -100%;top: 100px;}
}
@keyframes peace01_rotation01{
  0%  {left:100%;top: 600px;}
  100%{left: -100%;top: 200px;}
}

@-webkit-keyframes peace01_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}
@keyframes peace01_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}
@media only screen and (max-width: 896px) {
#peace01 span img{
  width: 110px;
  height: auto;
}
  @-webkit-keyframes peace01_rotation01{
    0%  {left:100%;top: 200px;}
    100%{left: -100%;top: 100px;}
  }
  @keyframes peace01_rotation01{
    0%  {left:100%;top: 200px;}
    100%{left: -100%;top: 200px;}
  }

}



#usu01{
  position: fixed;
  top:0%;
  left: 100%;
  z-index: 2;
  pointer-events: none;
  -webkit-animation:usu01_rotation01 18s linear 12s infinite;
          animation:usu01_rotation01 18s linear 12s infinite;
}
#usu01 span{
  display: block;
  position: absolute;
  top: 400px;
  -webkit-animation:usu01_fly 18s ease 12s infinite;
          animation:usu01_fly 18s ease 12s infinite;
}
#usu01 span img{
  width: 150px;
  height: auto;
}
@-webkit-keyframes usu01_rotation01{
  0%  {left:100%;top: 200px;}
  100%{left: -100%;top: 400px;}
}
@keyframes usu01_rotation01{
  0%  {left:100%;top: 200px;}
  100%{left: -100%;top: 400px;}
}

@-webkit-keyframes usu01_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}
@keyframes usu01_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}

@media only screen and (max-width: 896px) {
  @-webkit-keyframes usu01_rotation01{
    0%  {left:100%;top: 200px;}
    50%{left: -100%;top: 400px;}
    100%{left: -100%;top: 400px;}
  }
  @keyframes usu01_rotation01{
    0%  {left:100%;top: 200px;}
    50%{left: -100%;top: 400px;}
    100%{left: -100%;top: 400px;}
  }

  #usu01 span img{
    width: 80px;
    height: auto;
  }

}


#pan01{
  position: fixed;
  top:0%;
  left: 100%;
  z-index: 2;
  pointer-events: none;
  -webkit-animation:pan01_rotation01 18s linear 13s infinite;
          animation:pan01_rotation01 18s linear 13s infinite;
}
#pan01 span{
  display: block;
  position: absolute;
  top: 400px;
  -webkit-animation:pan01_fly 18s ease 13s infinite;
          animation:pan01_fly 18s ease 13s infinite;
}
#pan01 span img{
  width: 70px;
  height: auto;
}
@media only screen and (max-width: 896px) {

  #pan01 span img{
    width: 40px;
    height: auto;
  }
}
@-webkit-keyframes pan01_rotation01{
  0%  {left:100%;top: 300px;}
  100%{left: -100%;top: 300px;}
}
@keyframes pan01_rotation01{
  0%  {left:100%;top: 300px;}
  100%{left: -100%;top: 300px;}
}

@-webkit-keyframes pan01_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}
@keyframes pan01_fly{
  0%  {top: 0px;}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -200px;}
  60%  {top: 0px;}
  100% {top:0px;}
}


#wine01{
  position: fixed;
  top:0%;
  left: 100%;
  z-index: 2;
  pointer-events: none;
  -webkit-animation:wine01_rotation01 18s linear 15s infinite;
          animation:wine01_rotation01 18s linear 15s infinite;
}
#wine01 span{
  display: block;
  position: absolute;
  top: 400px;
  -webkit-animation:wine01_fly 18s ease 15s infinite;
          animation:wine01_fly 18s ease 15s infinite;
}
#wine01 span img{
  width: 70px;
  height: auto;
}
@-webkit-keyframes wine01_rotation01{
  0%  {left:100%;top: 100px;}
  100%{left: -100%;top: 300px;}
}
@keyframes wine01_rotation01{
  0%  {left:100%;top: 100px;}
  100%{left: -100%;top: 300px;}
}

@-webkit-keyframes wine01_fly{
  0%  {top: 0px;
    -webkit-transform: scale(1,1) translate(0%,0%) rotate(0deg);
       -moz-transform: scale(1,1) translate(0%,0%) rotate(0deg);
        -ms-transform: scale(1,1) translate(0%,0%) rotate(0deg);
         -o-transform: scale(1,1) translate(0%,0%) rotate(0deg);
            transform: scale(1,1) translate(0%,0%) rotate(0deg);}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -100px;}
  60%  {top: 0px;}
  100% {top:0px;
    -webkit-transform: scale(1,1) translate(0%,0%) rotate(360deg);
       -moz-transform: scale(1,1) translate(0%,0%) rotate(360deg);
        -ms-transform: scale(1,1) translate(0%,0%) rotate(360deg);
         -o-transform: scale(1,1) translate(0%,0%) rotate(360deg);
            transform: scale(1,1) translate(0%,0%) rotate(360deg);}
}
@keyframes wine01_fly{
  0%  {top: 0px;
    -webkit-transform: scale(1,1) translate(0%,0%) rotate(0deg);
       -moz-transform: scale(1,1) translate(0%,0%) rotate(0deg);
        -ms-transform: scale(1,1) translate(0%,0%) rotate(0deg);
         -o-transform: scale(1,1) translate(0%,0%) rotate(0deg);
            transform: scale(1,1) translate(0%,0%) rotate(0deg);}
  15%  {top: -200px;}
  30%  {top: 0px;}
  45%  {top: -100px;}
  60%  {top: 0px;}
  100% {top:0px;
    -webkit-transform: scale(1,1) translate(0%,0%) rotate(360deg);
       -moz-transform: scale(1,1) translate(0%,0%) rotate(360deg);
        -ms-transform: scale(1,1) translate(0%,0%) rotate(360deg);
         -o-transform: scale(1,1) translate(0%,0%) rotate(360deg);
            transform: scale(1,1) translate(0%,0%) rotate(360deg);}
}


#modal_intro{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height:100%;
  z-index: 1000;
  background: rgba(255,255,255,0.9);
}
#modal_intro .close{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 50px;
  height: 50px;
}
#modal_intro .close .l1{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 2px;
  background: #41210f;
  transform-origin: center center;
-webkit-transform-origin: center center;
  -webkit-transform: scale(1,1) translate(-50%,-50%)  rotate(45deg);
     -moz-transform: scale(1,1) translate(-50%,-50%)  rotate(45deg);
          transform: scale(1,1) translate(-50%,-50%)  rotate(45deg);
}
#modal_intro .close .l2{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 2px;
  background: #41210f;
  transform-origin: center center;
-webkit-transform-origin: center center;
  -webkit-transform: scale(1,1) translate(-50%,-50%)  rotate(-45deg);
     -moz-transform: scale(1,1) translate(-50%,-50%)  rotate(-45deg);
          transform: scale(1,1) translate(-50%,-50%)  rotate(-45deg);
}
#modal_intro .inner{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: scale(1,1) translate(-50%,-50%) ;
       -moz-transform: scale(1,1) translate(-50%,-50%) ;
        -ms-transform: scale(1,1) translate(-50%,-50%) ;
         -o-transform: scale(1,1) translate(-50%,-50%) ;
            transform: scale(1,1) translate(-50%,-50%) ;
}
#modal_intro .inner  .box {
  border: 1px #c30d23 solid;
  padding: 40px;
  background: #FFF;
  width: 800px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 2;
  letter-spacing: 0.1em;
  font-weight: 900;
  position: relative;
  color: #41210f;
  z-index: 1;
  text-align: left;
}
@media only screen and (max-width: 896px) {
  #modal_intro .inner  .box {
    padding: 20px;
    width: 80vw;
    margin: 0 auto;
    font-size: 14px;
    line-height: 2;
    position: relative;
    color: #41210f;
    z-index: 1;
    text-align: left;
  }

}


/*----------------------------------------------------
.block_pager
--------------------------------------------------- */
.block_pager{
  overflow: hidden;
  text-align: center;
  margin-top: 40px;
  letter-spacing: -0.4em;
  padding-bottom: 40px;
}
.block_pager .page-numbers{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin:0 4px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border:1px #f8b62d solid;
  background: #f8b62d;
  box-sizing: border-box;
  color: #FFF;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  -webkit-transition: all 0.5s 0s ease;
          transition: all 0.5s 0s ease;
}
.block_pager .page-numbers.current{
  border:1px #f8b62d solid;
  background: #FFF;
  color: #f8b62d;
}
.block_pager .page-numbers:hover{
  opacity: 0.5;
}
.block_pager .page-numbers.dots{
  border:1px #f8b62d solid;
}
.block_pager .page-numbers.prev{
  text-indent: -9999px;
  background:#f8b62d url(../img/common/arrow_left.svg) no-repeat center center;
  background-size: 6px;
  /* -webkit-transform:rotate(-180deg);
          transform:rotate(-180deg); */
}
.block_pager .page-numbers.next{
  text-indent: -9999px;
  background:#f8b62d url(../img/common/arrow_right.svg) no-repeat center center;
  background-size: 10px;
  -webkit-transform:rotate(-0deg);
          transform:rotate(-0deg);
}

.block_pager a.prev{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin:0 4px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  border:1px #f8b62d solid;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  -webkit-transition: all 0.5s 0s ease;
          transition: all 0.5s 0s ease;
          text-indent: -9999px;
          background:#f8b62d url(../img/common/arrow_left.svg) no-repeat center center;
          background-size: 10px;
          -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
          box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
          border-bottom: 8px #e17a00 solid;
          text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
          /* -webkit-transform:rotate(-180deg);
                  transform:rotate(-180deg); */
}
.block_pager a.next{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  margin:0 4px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  border-radius: 45px;
  border:1px #f8b62d solid;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  -webkit-transition: all 0.5s 0s ease;
          transition: all 0.5s 0s ease;
          text-indent: -9999px;
          background:#f8b62d url(../img/common/arrow_right.svg) no-repeat center center;
          background-size: 10px;
          -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
          box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
          border-bottom: 8px #e17a00 solid;
          text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
          -webkit-transform:rotate(-0deg);
                  transform:rotate(-0deg);
}
.block_pager a.list{
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  background:#f8b62d;
  color: #FFF;
  margin:0 20px;
  padding: 0 20px;
  width: auto;
  height: 45px;
  border-radius: 45px;
  line-height: 45px;
  border:none;
  font-size: 14px;
  font-weight: 900;
  font-style: normal;
  -webkit-box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  box-shadow: 0 3px 5px rgb(0 0 0 / 30%);
  border-bottom: 8px #e17a00 solid;
  text-shadow: 1px 1px 3px rgb(0 0 0 / 40%);
  -webkit-transition: all 0.5s 0s ease;
          transition: all 0.5s 0s ease;
}
.block_pager a.list span{
  font-weight: 900;
}
.block_pager a:hover{
  /* margin-top: 6px;
  border-bottom: 2px #8d0a19 solid; */
}

@media only screen and (max-width: 768px) {
  .block_pager .page-numbers{
    margin:0 4px;
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    font-size: 12px;
  }
  
  .block_pager a.prev{
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    background-size: 7px;
  }
  .block_pager a.next{
    width: 10vw;
    height: 10vw;
    line-height: 10vw;
    background-size: 7px;
  }
  .block_pager a.list{
    margin:0 10px;
    width: auto;
    height: 10vw;
    line-height: 10vw;
  }
}



/*----------------------------------------------------
  #block_textpage
--------------------------------------------------- */
.block_textpage{
  position: relative;
  width: 100%;
  text-align: center;
  margin-top: 80px;
}
.block_textpage .inner {
  margin: 0 auto;
  width: 800px;
}
.block_textpage .inner .title {
  font-size: 34px;
  letter-spacing: 0.1em;
  font-weight: 900;
  margin-bottom: 20px;
  line-height: 1.5;
  color: #c30d23;
  text-shadow: 2px 2px 10px #ffffff;
}
.block_textpage .inner .textarea {
    background: #FFF;
    padding: 40px 40px;
    border-radius: 40px;
    text-align: left;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.05em;
}
.block_textpage .inner .textarea .column{
  margin-bottom: 20px;
}
.block_textpage .inner .textarea .column .sub_title{
  font-weight: 900;
  margin-bottom: 5px;
}
.block_textpage .inner .textarea .column p{
  font-size: 14px;
  line-height: 1.7;
}
.block_textpage .inner .textarea .column p a{
  text-decoration: underline;
  color: #c30d23;
}
.block_textpage .block_contact{
  padding: 0;
}
@media only screen and (max-width: 768px) {
  .block_textpage{
    padding-top: 60px;
    margin-top: 20px;
  }
  .block_textpage .inner {
    margin: 0 auto;
    width: 90%;
  }
  .block_textpage .inner .title {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .block_textpage .inner .textarea {
      background: #FFF;
      padding: 20px 20px;
      border-radius: 20px;
      font-size: 14px;
      line-height: 1.7;
  }

}