@charset "utf-8";
/* Sma/////////////////////////CSS */
@media  screen and ( max-width:896px ){

* {
  margin: 0;
  padding: 0;
}
.sp { display: block !important; }
.pc { display: none !important; }

body{
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.Box{
  padding: 0 2% 0 2%;
  margin-top: 5%;
}
.keytext{
  font-size: 1rem;
  margin: 4% 0 0 0;
  padding: 0 5% 0 5%;
}
.lead{
  width: 100%;
  font-size: 0.9rem;
  margin-top: 5%;
}
.list_cord{
  margin: 0 2% 0 2%;
  color: #6d4a23;
  font-weight: bold;
}
.a_on{
  color: #6d4a23;
  text-decoration: none;
}
.a_on:hover{
  color: #a47c52;
}
.Box01{
  width: 80%;
  margin: 0 auto;
  margin-top: 2%;
  color: #6d4a23;
}
.BoxBox_SNS{
  padding: 5vh 10vw 0 10vw;
}
.Box00{
  padding: 0 5% 0 5%;
  margin-top: 7%;
}
.snslist li.twitter {
  width: 7.3vw;
}
.snslist li.youtube {
  width: 8.6vw;
}
.snslist li.fantia {
  width: 33.5vw;
}
.title00{
  position: relative;
  padding: 0.6em;
  background: #ffd833;
  width: 60vw;
  font-size: 1.1rem;
  color: #645518;
}
.title00:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 70px;
  border: 15px solid transparent;
  border-top: 15px solid #ffd833;
  width: 0;
  height: 0;
}
.SODlogo{
  margin: 0 auto;
  width: 28vw;
  margin-top: 3vh;
}
.go-top{
  text-align: center;
  margin: 0 auto;
}

.tumutumu {
  top: 13vw;
}
.txt_welcome {
  font-size: 3vw;
  left: 1.5vw;
  bottom: 8.5vw;
}
.movie {
  margin-top: 7%;
}
.title01{
  font-size: 1rem;
  margin: 10% 2% 0 2%;
  padding: 0 5% 0 5%;
}
.Box01 p {
  font-size: .9rem;
}
.Box01 .ttl {
  font-size: 1rem;
  margin-top: 7%;
}
.Box02 .Box01 .ttl {
  margin-top: 10%;
}