<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

body{
    background:#FFF;
}

#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color:rgba(0,0,0,1);
  position:fixed;
  left:0;
  top:0;
z-index:9999;
}

#loading img{
    width:50px;
    height:50px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-25px 0 0 -25px;
    -webkit-filter: drop-shadow(2px 2px 3px rgba(252,252,190,0.9));
    filter: drop-shadow(2px 2px 3px rgba(252,252,190,0.9));
}
div#wp{
    animation: fade 3s ease-in-out 1;
    -webkit-animation: fade 3s ease-in-out 1;
}

/**/
html{scroll-behavior: smooth;}
#contents,#contents *{box-sizing:border-box}
#contents,#wp,body
{font-family: 'Noto Serif JP', serif;}
#local_header,.loader
{z-index:1000;left:0;top:0}
/**/
div.limit{
    width:96%;
    margin:0 auto;
    padding:3em 0 1em;
}

.box{
    margin:0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%); 
}
.box span{
    display:none;
}

#contents a:hover{
    opacity:0.6;
    transition:0.5s;
}

/*LANDING*/
@keyframes fade{from {opacity: 0;}to {opacity: 1;}}
@keyframes fadeout{from {opacity: 1;}to {opacity: 0;}}
@keyframes pre{from {filter: grayscale(0);}to {filter: grayscale(100%);}}

div#wp{
    position:relative;
}

/*CONT*/
div#page_container{
    position:relative;
}

h3,h2{
    color:#FFF;
    font-family: 'Noto Serif JP', serif;
    letter-spacing:0.1em;
    text-shadow:1px 1px 5px #D3955E;
    text-align:center;
    margin-bottom:1em;
}

h2{
    font-size:1.7em;
}

h3{
    font-size:1.3em;
}

h3 img{
    width:100%;
    margin:0 auto;
}
    /*#main*/
@keyframes zoomout {
from {opacity: 0;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);}
50% {opacity: 0.3;
  }
    to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate(0, 0);
    transform: scale3d(1, 1, 1) translate(0, 0);
  }
}

section#main{
    width:100%;
    height:auto;
    background:#372E29;
    padding-top: calc(1.7 * 100%);
    position:relative;
    overflow: hidden;
}
div#top{
    width:100%;
    height:auto;
    padding-top: calc(1.7 * 100%);
    position:absolute;
    left:0;
    top:0;
    background:#372E29 url("../img/sp_main_ost3.jpg") no-repeat center top;
    background-size:100% auto;
    /*animation: zoomout 3s ease-in-out 1;
    -webkit-animation: zoomout 3s ease-in-out 1;*/
}
section#main h1{
    width:73%;
    height:17%;
    position:absolute;
    left:5%;
    top:28%;
    background:url("../img/logo_ost3+date.png")no-repeat;
    background-size:contain;
    /*opacity:0;
    animation: fade 1.5s 7s ease-in-out 1;
    -webkit-animation: fade 1.5s 7s ease-in-out 1;
    animation-fill-mode:forwards;*/
}
section#main h1 span{
    display:none;
}
section#main h1 img,
section#main p img{
    width:100%;
}
    /*middle*/
div#particles-js{
    display:none;
}

section#middle_1{
    background:#372E29 url("../img/bg_sp.jpg");
    padding-top:1.5em;
}

section#middle_1 .limit{
    padding-top:0;
}
/*Intro*/
#intro{
    color:#FFF;
    padding-bottom:3.5em;
}

#intro p{
    font-size:1em;
    line-height:1.7em;
    margin-bottom:1.8em;
    width:80%;
    margin:0 auto 1.8em;
    }

#intro p span{
    font-size:0.8em;
}

#intro p br{
    display:none;
}

#intro div.intro_txt{
    width:100%;
    height:auto;
    padding-top: calc(0.62 * 100%);
    background:url("../img/intro_txt.png")no-repeat left top;
    background-size:100%;
    margin-top:1.2em;
    animation:3s 3s;
}
#intro div.intro_txt p{
    display:none;
}

/*Messages*/
#messages{
    padding:2em 0;
}

#messages .contarea{
    width:90%;
    margin:0 auto;
    text-align: center;
}


#messages .contarea div.mes{
    width:100%;
    background:#BBB5A8 url("../img/card_bg.jpg") no-repeat center;
    background-size:cover;
    position:relative;
    border-radius:5px;
    padding:8px;
    margin:0 auto 2em;
}

#messages .contarea div.mes&gt; div{
    border:solid 1px #555;
    padding:3em 0 1.5em;
}

#messages .contarea div.mes div p{
    width:88%;
    margin:0 auto 1em;
}

p.txt-s{
    text-align:center;
    line-height:1.2em;
    font-size:0.9em;
    margin-bottom:0;
}

p.nm{
    font-size:1.5em;
    line-height:1.2em;
    text-align:center!important;
}

p.nm span{
    font-size:14px;
    display:block;
    line-height:25px;
}

p.mes_txt{
    border-top:solid 1px #555;
    position:relative;
    display:inline-block;
    text-align:left;
    padding-top:1.5em;
    text-align: justify;
    font-feature-settings: "palt" 1;
}

/*tracklist*/
div#tracklist{
    padding-top:2em;
}

div#tracklist div.trackWrap{
    width:96%;
    background:#4B433F;
    padding:2em 0;
    margin:0 auto 5em;
}

div#tracklist ol{
    display:inline-block;
    vertical-align: top;
  list-style-type: none;
    color:#FFF;
    padding:1em 0 0 0.5em;
}

div#tracklist ol.track_vol3-1{
    counter-reset: item;
    margin:0 0 0;
}

div#tracklist ol.track_vol3-2{
    counter-reset: item 9;
    margin:-1em 0 0;
}

div#tracklist ol li{
    margin-bottom:2em;
    font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

div#tracklist ol li &gt; div.t_onoff{
    display:inline-block;
    width:30px;
    height:30px;
    border: solid 1px #D1CAA4;
    border-radius:15px;
    margin:0 0.5em 0 0;
    cursor:pointer;
    position:relative;
    background:url("../img/t_play.png") no-repeat center;
}

div#tracklist ol li &gt; div.t_onoff.active{
    background:url("../img/t_active.png") no-repeat center;
}

div#tracklist ol li &gt; div.t_onoff.active:hover{
    background:url("../img/t_stop.png") no-repeat center;
}

div#tracklist ol li &gt; div.t_onoff.tload{
    background:url("../img/t_load.svg") no-repeat center;
    background-size:70%;
}

div#tracklist ol li &gt; div.cs{
    display:inline-block;
    width:30px;
    height:30px;
    background: url("../img/icon_lock.png") no-repeat center;
    margin:0 0.5em 0 0;
}

div#tracklist ol li &gt; div{
    vertical-align: top;
}

div#tracklist ol li:before {
  counter-increment: item;
  content: counter(item)'.';
    display:inline-block;
  font-weight: bold;
    font-size:1.2em;
    line-height:1.7em;
  vertical-align: top;
    width:2.5em;
    text-align: center;
}

div#tracklist ol li p{
    display:inline-block;
    font-size:1em;
    font-weight:bold;
    text-align:left;
    vertical-align: top;
    margin-left:0.5em;
    line-height:1.7em;
}

div#tracklist ol li p span{
    display:block;
    font-size:0.8em;
    font-weight:normal;
    line-height:1.2em;
}

div#tracklist ol li p span &gt; span{
    display:inline;
    font-size:90%;
}


/*middle_2 products*/
section#middle_2{
    background:url("../img/bg_bge.jpg");
    width:100%;
    height:90%;
    left:0;
    position:relative;
    padding:1em 0 3em;
    overflow:hidden;
}

section#middle_2 div.vert{
    width:84%;
    height:420px;
    text-align: center;
    margin:0 auto 3em;
    border-right:solid 1px #FFF;
    border-left:solid 1px #FFF;
    position:relative;
}

section#middle_2 div.hori{
    width:114%;
    height:380px;
    margin:1.5em auto 3em;
    border-top:solid 1px #FFF;
    border-bottom:solid 1px #FFF;
    position:absolute;
    left:-20px;
    top:-5px;
}

section#middle_2 div.vert &gt; div.box{
    width:280px;
}

section#middle_2 div.vert img{
    width:80%;
    margin:10% auto 0;
}

section#middle_2 div.vert p{
    font-size:1.2em;
    margin-bottom:1em;
    font-weight:700;
    color:#42210B;
    opacity:0.9;
}

section#middle_2 div.vert p span{
    display:inline;
    font-size:80%;
}

section#middle_2 div#curtain_l{
    width:40%;
    height:100%;
    background: url("../img/curtain_l.png") no-repeat left top;
    background-size:contain;
    position:absolute;
    left:0;
    top:0;
}
section#middle_2 div#curtain_r{
    width:40%;
    height:100%;
    background: url("../img/curtain_r.png") no-repeat right top;
    background-size:contain;
    position:absolute;
    right:0;
    top:0;
}
section#middle_2 div#gear{
    width:30%;
    height:28%;
    background: url("../img/gear.png") no-repeat right bottom;
    background-size:contain;
    position:absolute;
    right:0;
    bottom:0;
}

div#stores div.contarea{
    text-align:center;
    position:relative;
}

div#stores div.contarea a{
    display:inline-block;
    margin:0 auto;
    width:80%;
}

div#stores div.contarea a img{
    width:100%;
}

div#stores div.contarea p.caution{
    color:#42210B;
    font-size:0.9em
}

/*middle_3 stores*/
section#middle_3{
    background:#000 url("../img/sp_bg_pre.png")no-repeat center top;
    background-size:80%;
    padding:3em 0;
}

section#middle_3 div.contarea.limit{
    width:95%;
    text-align:center;
    color:#FFF;
    font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    margin-bottom:3em;
}

section#middle_3 div.contarea p img{
    width:100%;
    margin:0.5em 0;
    border-radius:5px;
}

section#middle_3 div.contarea p{
    text-align:left;
    width:90%;
    font-size:0.9em;
    margin:0 auto 1em;
}

section#middle_3 div.contarea ul li{
    text-align:left;
    width:90%;
    margin:0 auto 1em;
}

div#special div.contarea a#btn_post,
div#special div.contarea img#btn_post{
    display:inline-block;
    margin:1.5em auto;
    width:90%;
}

div#special div.contarea img#btn_post{
    opacity:0.4;
    margin:1.5em auto 0.5em;
}

div#special div.contarea a#btn_post img{
    width:100%;
}

div#special div.contarea p.camp_fin{
    font-size:0.9em;
    color:#D1CAA4;
    text-align:center;
    margin:0em auto 3em;
}

picture.t_term{
    display:block;
    width:78%;
    margin:0 auto;
}

picture.t_term img{
    width:100%;
}

ul.list01 li{
    color:#E7D8B7;
    font-weight:bold;
    font-size:1em;
}

ul.list01 li span{
    font-size:0.8em;
}

ul.list01 li::before{
  content: '◆';
color:#8F2D19;
  display: inline;
font-size:0.9em;
  margin:0 0.5em 0 0;
vertical-align: middle;
}

ul.notes li{
    font-size:0.8em;
    line-height:1.3em;
    margin-top:0.5em;
    margin-bottom:2em;
    text-indent:-1em;
    margin-left:1.5em;
}

ul.notes li::before{
  content: '※';
  display: inline;
    color:#E7D8B7;
font-size:0.8em;
vertical-align: middle;
}

ul.list02{
    width:90%;
    margin:0 auto;
}

section#middle_3 h4{
padding:0.2em 0;
    text-align:center;
  width: 100%;
  background: rgb(0,0,0);
background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(184,172,146,0.4) 10%, rgba(231,216,158,1) 50%, rgba(184,172,146,0.4) 90%, rgba(0,0,0,0) 100%);
    color:#000;
    font-weight:bold;
    font-size:1.1em;
    margin:3em 0 1.5em;
}

section#middle_3 a.textlink{
    display:inline;
    color:#E7D8B7;
    text-decoration: underline;
}

section#bottom{
    display:block;
    background:#4B433F;
    padding:3em 0;
}

section#bottom ul{
    width:80%;
    text-align:center;
    margin:0 auto 0;
}

section#bottom ul li{
    width:100%;
    display:block;
}

/*section#bottom ul li:first-child{
    width:70%;
    margin:0 auto;
}*/


section#bottom ul li a{
    display:block;
    width:100%;
    height:100%;
    padding:0.8em 0 0.2em;
    text-decoration: none;
}

section#bottom ul li a img{
    width:100%;
}
/**/
div#leading{
    position:fixed;
    right:0.5em;
    bottom:0.8em;
    width:70%;
    z-index:99;
    display:none;
}
div#leading a{
    display:block;
    width:100%;
    height:12vh;
    background:url("../img/sp_btn_btm_v2.png") no-repeat center top;
    background-size:100% auto;
    -webkit-filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.6));
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.6));
    animation: bounce 0.8s ease-in-out 1;
    -webkit-animation: bounce 0.8s ease-in-out 1
}
div#leading img{
   display:none;
}
@keyframes shiver {
    0% { transform: translate(3px, 2px) rotate(0deg); }
    10% { transform: translate(-2px, -3px) rotate(-1deg); }
    20% { transform: translate(-4px, 0px) rotate(1deg); }
    30% { transform: translate(0px, 3px) rotate(0deg); }
    40% { transform: translate(2px, -2px) rotate(1deg); }
    50% { transform: translate(-2px, 3px) rotate(-1deg); }
    60% { transform: translate(-4px, 2px) rotate(0deg); }
    70% { transform: translate(3px, 2px) rotate(-1deg); }
    80% { transform: translate(-2px, -2px) rotate(1deg); }
    90% { transform: translate(2px, 4px) rotate(0deg); }
    100% { transform: translate(2px, -3px) rotate(-1deg); }
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -3px, 0);
    transform: translate3d(0, -3px, 0);
  }
}
div#leading a:hover{
    opacity:1;
    /*animation: shiver 0.2s linear 3;
    -webkit-animation: shiver 0.2s linear 3;*/
}

section#main #sp_nav{
    display:block;
    position:fixed;
    top:55px;
    right:20px;
    width:40px;
    height:40px;
    background:url("../img/sp_navBtn.png") no-repeat;
    background-size:100% auto;
    transition:0.5s;
    z-index:50;
}

section#main #sp_nav.fixed{
    top:20px;
}

nav{
    display:none;
    position:fixed;
    left:0;
    top:0;
    background:#362D28;
    width:100%;
    height:100vh;
    z-index:100;
}

nav &gt; ul{
    margin:20px 0 0;
    width:80%;
    position: absolute;
    top: 50%;
    left:22%;
    /*left: 50%;*/
    transform: translateY(-50%) /*translateX(-50%)*/;
  -webkit- transform: translateY(-50%) /*translateX(-50%)*/; 
    
}

nav ul li{
    margin:0.5em 0 5vh 0.8em;
}

nav ul li a{
    font-family: 'Noto Serif JP', serif;
    color:#FFF;
    text-decoration:none;
    letter-spacing:0.1em;
    font-size:1.3em;
}

nav ul li a::after{
  content: '';
  display: inline-block;
  width: 1.2em;
  height: 1.2em;
  margin:0 0 0 0.1em;
  background: url("../img/arrow.png") no-repeat right;
  background-size: contain;
  vertical-align: text-bottom;
}


nav &gt; div{
    position:absolute;
}

div#nav_logo{
    width:65%;
    height:calc(65vw * 0.3);
    background:url("../img/logo_ost3.png") no-repeat center top;
    background-size:contain;
    left:18%;
    top:50px
}

div#nav_cls{
    width:10%;
    height:10vw;
    background:url("../img/sp_nvCls.png") no-repeat center top;
    background-size:contain;
    right:20px;
    bottom:50px;
}

/**/
.fade-in {
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
}
.fade-in-up {
  transform: translate(0, 20px);
}
.fade-in-down {
  transform: translate(0, -30px); 
}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}
/*Smph display*/
.spdn{
	display:none;
}
.pcdn{
	display:block;
}
.hide{
    display:none;
}
</pre></body></html>