/* display */
.pc{display:block !important;}
.sp{display:none !important;}

@media only screen and (max-width:1000px){
.pc{display:none !important;}
.sp{display:block !important;}
}
@font-face {
  font-family: 'MyFont';
  src: url('../font/Mamelon-5-Hi-Regular.woff2') format('woff2');
}
 

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p,
abbr, address, cite, code,
del, dfn, em, img, 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, dialog, figure, footer, header,
hgroup, menu, nav, section, menu,
time, audio, video, div, main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background-color: transparent;
  box-sizing: border-box;
  font-weight: normal; }

html {
  scroll-behavior: smooth;
  overflow:auto;
}
body {
  line-height: 1;
  overflow: hidden;
  padding-bottom: 218px;}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block; }

ul {
  list-style: none; }

q {
  quotes: none; }

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
text-decoration: none;}

table {
  border-collapse: collapse;
  border-spacing: 0; }

  p{
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 16px;

  }
section{
  margin: 60px 0px;
}

body {
  font-family: "MyFont","Heebo", ŸŕƒSƒVƒbƒN‘Ě, "Yu Gothic", YuGothic, "ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN Pro", "Hiragino Kaku Gothic Pro", ƒƒCƒŠƒI, Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", "ƒqƒ‰ƒMƒm–ž’Š Pro W3",sans-serif;
  color: #000000;
  background: #fff;
  background-image: url(../image/bg.jpg);
  width: 100%;

 }
 
 header{
   width: 100%;
   margin: 0 auto;
 }
 header h1 img{
   width: 100%;
 }
 nav{
   text-align: center;
   margin-bottom: 20px;
 }
 nav.pc_header ul{
   display: flex;
   margin: 40px 0 0px;
   justify-content: center;
   align-items: center;
 }
 nav.pc_header ul li{
   margin:0 20px;
   position: relative;
   transition: 0.3s; 
 }
 nav.pc_header ul li p{
   font-size: 14px;
   margin-bottom: 0;
   margin-top: -7px;
 }
 nav.pc_header ul li a img{
   height: 30px;
 }
 nav.pc_header ul li::before{
   transition: 0.3s; 
}

 nav.pc_header ul li:hover::before{
  content: "";
  background: url(../image/menu_hv.png) no-repeat;
  width: 119px;
  height: 119px;
  position: absolute;
  top: -28px;
  z-index: -1;
  transition: 0.3s; 
  
 }
 img.logo_header{
   width: 154px;
   margin-right: 40px;
 }
 h2{
   text-align: center;
 }
.wrapper{
  width: 1200px;
  margin: 0 auto;
}
.main_v{
  text-align: center;
  position: relative;
}
.main_v img.mainv{
  width: 60%;
}
.main_bk{
  position: absolute;
  z-index: -9;
  top:444px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.main_v::before{
  content: "";
  width: 100px;
  height: 21%;
  background: url(../image/chain.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -159px;
  z-index: -1;
  left: 353px;
}
.main_v::after{
  content: "";
  width: 100px;
  height: 21%;
  background: url(../image/chain.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -144px;
  z-index: -1;
  right: 304px;
}
.main_txt{
  width: 100%;
  height: 314px;
  text-align: center;
  margin: 0 auto;
  background: url(../image/main_sign.png) no-repeat;
  background-position: center;
  background-size: contain;
  position: relative;
}
.main_txt p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 34px;
  line-height: 55px;
  width: 100%;
}
.main_txt::before{
  content: "";
  width: 143px;
  height: 100%;
  background: url(../image/chara01.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -209px;
  z-index: 9;
  left: 188px;
}
.bg01{
  position: absolute;
  right: -39%;
  z-index: -99;
}
.con01,.con02,.con04{
  background-color: #fff;
  width: 1000px;
  margin: 0 auto;
  border: 2px #000 solid;
  box-shadow:  4px 4px 4px rgba(88, 88, 88, 0.6);
  background: url(../image/bg.jpg) ;
  position: relative;
  margin-top: 253px;
  padding: 100px 0;
}
.con01{

  padding: 100px 0 0;
}
.bg02{
  position: absolute;
  left: -26%;
  top: -18%;
  z-index: -9;
}
.bg03{
  position: absolute;
  left: -26%;
  top: 23%;
  z-index: -9;
}
.bg04{
  position: absolute;
  right: -56%;
  top: 38%;
  z-index: -9;
}
.bg05{
  position: absolute;
  left: -59%;
  bottom: -9%;
  z-index: -9;
}
.chara02{
  position: absolute;
  top: -78px;
  right: -104px;
}
.chara02 img{
  width: 48%;
}
.chara03{
  position: absolute;
  top: 1020px;
  left: -75px;
  z-index: 2;
}
.chara03 img{
  width: 70%;
}
.chara04{
  position: absolute;
  bottom: -80px;
  right: -85px;
  z-index: 2;
}
.chara04 img{
  width: 85%;
}
.chara05{
  position: absolute;
  top: -169px;
  right: -91px;
  /* width: 54%; */
}
.chara06{
  position: absolute;
  top: -94px;
  right: -57px;
}
.chara06 img{
  width: 65%;
}
h1.con_maintitle{
  position: absolute;
  z-index: -1;
  top: -137px;
  left: -76px;
}
h1.con_maintitle img{
  width: 78%;
  }
.con_box{
  width: 80%;
  margin: 0 auto;
}

.con01_title{
  text-align: center;
  font-size: 34px;
  background: linear-gradient(transparent 60%, #FAD252 60%);
  width: 82%;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
}
.con01_title::before{
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/con01_title_be.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  left: -44px;
}
.con01_title::after{
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/con01_title_af.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  right: -117px;
}
.con01_pc{
  display: flex;
  justify-content: center;
}
.con01_pc img{
  margin: 0 10px;
  width: 32%;
}
.fukidashi_box{
  display: flex;
  justify-content: center;
}
.fukidashi{
  text-align: center;
  position: relative;

}
.fukidashi p{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 20px;
  line-height: 40px;
  width: 100%;
}
.fukidashi span.fuki_big{
  font-size: 34px;
  display: block;

}
.fukidashi span.fuki_min{
  font-size: 20px;
  display: inline;

}
.fukidashi span.fuki_line{
  line-height: 30px;
  display: block;

}
img.dotted{
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.con01_txt{
  background-color: #fff;
  margin-top: 40px;
  padding: 20px 30px;
  /* font-size: 6px; */
}
.con01_txt p{
  font-size: 12px;
  line-height: 20px;
  margin-bottom: 0;
}
.con02 p{
  font-size: 34px;
  line-height: 60px;
}

.bg06{
  position: absolute;
  left: 21%;
  top: -56%;
  z-index: -9;
}
.bg07{
  position: absolute;
  right: -63%;
  top: -56%;
  z-index: -9;
}
.con03,.con05{
  width: 1000px;
  margin: 0 auto;
  position: relative;
  margin-top: 80px;
  margin-bottom: 253px;
  padding: 100px 0;
}
.btn_box{
  display: flex;
  justify-content: center;
  margin-bottom: 80px;
}
.btn_box img{
  width: 100%;
}

.btn_box a{
  width: 100%;
  margin: 0 10px;
}
img.att{
  width: 100%;
}
.bg08{
  position: absolute;
  left: -45%;
  top: -87%;
  z-index: -9;
}
.bg09{
  position: absolute;
  right: 0;
  top: -40%;
  z-index: -9;
}
.bg10{
  position: absolute;
  left: 0;
  bottom: -40%;
  z-index: -9;
}
.bg11{
  position: absolute;
  right: -27%;
  bottom: -59%;
  z-index: -9;
}
h3.con04_title{
  font-size: 34px;
  text-align: center;
  margin-bottom: 0px;
  position: relative;
}
h3.con04_title::before{
  content: "";
  width: 107px;
  height: 81px;
  background: url(../image/con03_title_con.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 9px;
  z-index: 9;
  left: 129px;
}
.con04 .scrap_youtube{
  text-align: center;
  margin-bottom: 40px;
}
.con_left{
  margin-bottom: 40px;
}
.scrap_btn{
  display: flex;
  justify-content: center;
}
.scrap_btn img{
  margin: 0 20px;
  border: #000 2px solid;
  width: 88%;
}
.con05{
  text-align: center;
}
.official{
  margin-bottom: 80px;

}
.official img{
  border: 2px solid #000;
  width: 38%;
  margin: 0 auto;
}
.official img:hover{
  opacity: 0.7;
}
.outlets img{
  border: 2px solid #000;
  width: 38%;
  margin: 0 auto;
}
.outlets img:hover{
  opacity: 0.7;
}
footer{
  position: relative;

}
.footer_bg{
  background-position: center;
  /* padding: 40px; */
  position: relative;
  position: absolute;
  top: 59%;
  left: 50%;
  transform: translate(-50%, -59%);
  -webkit-transform: translate(-50%, -59%);
  -ms-transform: translate(-50%, -59%);
  z-index: -1;

}
.footer{
  text-align: center;
  /* margin-top: 144px; */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background:url(../image/footer_bg.png)  center center / cover no-repeat;
  width: 100%;
  height:500px;
}
.footer p{
  padding-top: 120px;
}
.footer p.cre{
  font-size: 12px;
  margin-top: 0;
  padding-top: 0;
}
.footer img{
  width: 12%;
}
/* sp ---------------------------------------------------------------*/



@media only screen and (max-width: 1000px) {
  .wrapper{
  width: 100%;
  margin: 0 auto;
  }
  .main_v img{
  width: 100%;
  }
  .main_txt {
  width: 100%;
  height: 423px;
  text-align: center;
  margin: 0 auto;
  background: url(../image/main_sign.png) no-repeat;
  background-position: top;
  background-size: contain;
  width: 100%;
  height: 400px;
  }
  .main_txt p {
  position: absolute;
  top: 39%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 44px;
  line-height: 59px;
  width: 100%;
  }
  .main_v::before {
  content: "";
  width: 100px;
  height: 31%;
  background: url(../image/chain.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -61px;
  z-index: -1;
  left: 271px;
  }
  .main_v::after {
  content: "";
  width: 100px;
  height: 31%;
  background: url(../image/chain.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -57px;
  z-index: -1;
  right: 175px;
  }
  .main_bk {
  position: absolute;
  z-index: -9;
  top: 250px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  }
  .main_txt::before {
  content: "";
  width: 74px;
  height: 94%;
  background: url(../image/chara01.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -221px;
  z-index: 9;
  left: 27px;
  }

  .con01, .con02, .con04 {
  background-color: #fff;
  width: 90%;
  margin: 0 auto;
  border: 2px #000 solid;
  box-shadow: 4px 4px 4px rgb(88 88 88 / 60%);
  background: url(../image/bg.jpg);
  position: relative;
  margin-top: 253px;
  padding: 70px 0;
  }
  .con01_title {
  text-align: center;
  font-size: 28px;
  background: linear-gradient(transparent 60%, #FAD252 60%);
  width: 100%;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
  }

  .con01_title::before {
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/con01_title_be.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  left: -20px;
  }
  .con01_title::after {
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/con01_title_af.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  right: -87px;
  }

  .con01_pc img {
  margin: 0 10px;
  width: 34%;
  }
  .fukidashi img{
  width: 100%;
  }
  .fukidashi p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 16px;
  line-height: 29px;
  width: 100%;
  }
  .fukidashi span.fuki_big {
  font-size: 25px;
  display: block;
  }

  .fukidashi span.fuki_line {
  line-height: 22px;
  display: block;
  }
  h1.con_maintitle {
  position: absolute;
  z-index: -1;
  top: -129px;
  left: -36px;
  }
  h1.con_maintitle img{
  width: 66%;
  }
  .con02 p {
  font-size: 28px;
  line-height: 60px;
  }
  .con03, .con05 {
  width: 100%;
  margin: 0 auto;
  position: relative;
  margin-top: 30px;
  margin-bottom: 253px;
  padding: 100px 0;
  }
  .btn_box {
  margin-bottom: 0px;
  }
  .btn_box img{
  width: 100%;
  padding: 20px;
  }
  img.att{
  width: 100%;
  padding: 20px;
  }

  .scrap_btn {
  margin: 0 auto;
  }
  .scrap_btn img {
  margin: 0 20px;
  border: #000 2px solid;
  width: 80%;
  }


  .header_sp {
  text-align: center;
  }

  .header_sp img{
  width: 90%;
  }
  .header_sp p{
  font-size: 13px;
  padding: 0px 25px;
  text-align: left;
  line-height:15px;
  }
  .header_sp img.sp_main01{
  margin: 40px 0;
  }
  .header_sp img.sp_main03{
  margin: 40px 0;
  width: 70%;
  }
  header{
  margin-bottom: 60px;
  width: 100%;
  margin: 0 auto;
  }
  header h1 img{
  width: 100%;
  }
  nav{
  text-align: center;
  margin-bottom: 40px;
  }
  nav.pc_header ul{
  display: flex;
  padding: 20px;
  }
  nav.pc_header ul li a img{
  height: 30px;
  }
  nav.pc_header ul li a p{
  font-size: 14px;
  }
  h2{
  text-align: center;
  }

}

@media only screen and (max-width: 767px) {
    .wrapper{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 232px;
    }
    .main_v img{
    width: 100%;
    }
    .main_v img.mainv {
      width: 100%;
      margin-top: 57px;
  }
    .main_txt {
    width: 100%;
    height: 423px;
    text-align: center;
    margin: 0 auto;
    background: url(../image/main_sign.png) no-repeat;
    background-position: top;
    background-size: contain;
    width: 100%;
    height: 275px;
    }
    .main_txt p {
    position: absolute;
    top: 28%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 24px;
    line-height: 33px;
    width: 100%;
    }
    .main_v::before {
    content: "";
    width: 100px;
    height: 31%;
    background: url(../image/chain.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -25px;
    z-index: -1;
    left: 55px;
    }
    .main_v::after {
    content: "";
    width: 100px;
    height: 31%;
    background: url(../image/chain.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -57px;
    z-index: -1;
    right: -8px;
    }
    .main_bk {
    position: absolute;
    z-index: -9;
    top: 250px;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    }
    .main_txt::before {
    content: "";
    width: 59px;
    height: 94%;
    background: url(../image/chara01.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -107px;
    z-index: 9;
    left: 14px;
    }

    .chara02 {
    position: absolute;
    top: -86px;
    right: -142px;
    }
    .chara02 img{
    width: 43%;
    }




    .con01, .con02, .con04 {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border: 2px #000 solid;
    box-shadow: 4px 4px 4px rgb(88 88 88 / 60%);
    background: url(../image/bg.jpg);
    position: relative;
    margin-top: 0;
    /* margin-bottom: -20px; */
    padding: 70px 0;
    }
    .con01{
    margin-bottom: 80px;
    }
    .con01_title {
    text-align: center;
    font-size: 24px;
    background: linear-gradient(transparent 60%, #FAD252 60%);
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
    }

    .con01_title::before {
    content: "";
    width: 107px;
    height: 59px;
    background: url(../image/con01_title_be.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    left: -20px;
    }
    .con01_title::after {
    content: "";
    width: 107px;
    height: 59px;
    background: url(../image/con01_title_af.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    right: -87px;
    }
    .con01_pc {
    display: block;
    justify-content: center;
    }
    .con01_pc img {
    margin: 10px auto;
    width: 100%;
    }
    .fukidashi_box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    }
    .fukidashi img {
    width: 172px;
    }
    .fukidashi p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-size: 14px;
    line-height: 29px;
    width: 100%;
    }
    .fukidashi span.fuki_big {
    font-size: 20px;
    display: block;
    }

    .fukidashi span.fuki_line {
    line-height: 22px;
    display: block;
    }
    .con_box {
    width: 90%;
    margin: 0 auto;
    }
    h1.con_maintitle {
    position: absolute;
    z-index: -1;
    top: -83px;
    left: -17px;
    }
    h1.con_maintitle img{
    width: 66%;
    }
    .con01_txt {
    background-color: #fff;
    margin-top: 40px;
    padding: 20px;
    }
    .chara03 {
    display: none;
    }
    .chara03 img{
    width: 62%;
    }
    .chara04 {
      position: absolute;
      bottom: -71px;
      right: -170px;
    }
    .chara04 img{
    width: 62%;
    }
    .chara05 {
    position: absolute;
    top: -88px;
    right: -236px;
    }
    .chara05 img{
    width: 62%;
    }
    .con02 p {
    font-size: 24px;
    line-height: 60px;
    }
    .con03 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 0px;
    margin-bottom: 80px;
    padding: 0px 0;
    }
    .con05 {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 30px;
    margin-bottom: 80px;
    padding: 46px 0;
    }
    h3.con04_title::before {
    content: "";
    width: 60px;
    height: 81px;
    background: url(../image/con03_title_con.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -6px;
    z-index: 9;
    left: 16px;
    }
    h3.con04_title {
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
    position: relative;
    }
    .con04 .scrap_youtube iframe{
    width: 90%;
    }
    .btn_box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 0px;
    }
    .btn_box img{
    width: 100%;
    padding: 20px;
    }
    img.att{
    width: 100%;
    padding: 20px;
    }

    .scrap_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    }
    .scrap_btn img {
    margin: 0 auto;
    border: #000 2px solid;
    width: 100%;
    margin-top: 20px;
    }


    .header_sp {
    text-align: center;
    }

    .header_sp img{
    width: 90%;
    }
    .header_sp p{
    font-size: 13px;
    padding: 0px 25px;
    text-align: left;
    line-height:15px;
    }
    .header_sp img.sp_main01{
    margin: 40px 0;
    }
    .header_sp img.sp_main03{
    margin: 40px 0;
    width: 70%;
    }
    header{
    margin-bottom: 60px;
    width: 100%;
    margin: 0 auto;
    }
    header h1 img{
    width: 100%;
    }
    nav{
    text-align: center;
    margin-bottom: 40px;
    }
    nav.pc_header ul{
    display: flex;
    padding: 20px;
    }
    nav.pc_header ul li a img{
    height: 30px;
    }
    nav.pc_header ul li a p{
    font-size: 14px;
    }
    h2{
    text-align: center;
    }
    .footer p {
      padding-top: 120px;
      width: 80%;
      margin: 0 auto;
  }
    .footer img{
      width: 50%;
    }

}



a{
text-decoration: none;
color: #333333;
}

/*ナビのスタイル*/
nav.NavMenu{
position: fixed;
z-index: 12;
top: 0;
left: 0;
background: #000000;
text-align: center;
width: 100%;
height: 100%;
display: none;
}

nav.NavMenu ul{
width: 100%;
margin: 0 auto;
padding: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}

nav.NavMenu ul li{
font-size: 24px;
list-style-type: none;
width: 100%;
padding-bottom: 0px;
}

nav.NavMenu ul li:last-child{
padding-bottom: 0;
}

nav.NavMenu ul li a{
display: block;
color: #fff;
padding: 15px 0;
font-weight: bold;
font-size: 18px;
}

/*ボタンのスタイル*/
.Toggle {position: fixed;right:-1px;top: -1px;width: 55px;height: 55px;cursor: pointer;z-index: 13;display: block;background: #f6006c;border: solid 1px;border-bottom-left-radius: 20px;}

.Toggle span {
display: block;
position: absolute;
width: 30px;
border-bottom: solid 4px #fff;
-webkit-transition: .35s ease-in-out;
-moz-transition: .35s ease-in-out;
transition: .35s ease-in-out;
left: 12px;
}

.Toggle span:nth-child(1) {
top: 15px;
}

.Toggle span:nth-child(2) {
top: 25px;
}

.Toggle span:nth-child(3) {
top: 35px;
}

.Toggle.active span:nth-child(1) {
top: 25px;
left: 12px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
border-bottom: solid 5px #fff;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
top: 25px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
border-bottom: solid 5px #fff;
}

/* 追加0328 */
.kit_box{
  text-align: center;
  width: 80%;
  margin: 0 auto;
  margin-top: 60px;
  position: relative;
  z-index: 1;
}
.kit_box img{
  width: 80%;
}


.kit_price{
  background-color: #FAD252;
  border: 1px solid #000;
  text-align: center;
  width: 40%;
  margin: 0 auto;
  padding: 20px;
  margin-top: 20px;

}
.kit_price p{
  font-size: 20px;
  margin-bottom: 0;
}
.kit_price p span{
  font-size: 30px;
}
.s_place{
  margin-top: 80px;
  background: #f8f9e9;
  padding: 40px 0px;
  text-align: center;
}
.s_place h4{
  font-size: 30px;
  margin-bottom: 40px;
}
.s_place h5{
  font-size: 24px;
  margin-bottom:10px;
}
.s_place .official_site{
  background-color: #bedde3;
  width: 40%;
  margin: 0 auto;
  padding: 20px;
  margin-top: 40px;
  border-radius: 10px;

}
.line02{
  margin: 40px;
}
.m_bg01{
  position: absolute;
  right: -16%;
  top: -8%;
  z-index: -9;
}
.m_bg02{
  position: absolute;
  left: -9%;
  top: -13%;
  z-index: -9;
}
.m_bg03{
  position: absolute;
  left: -1%;
  top: 74%;
  z-index: -9;
}
.m_bg04{
  position: absolute;
  right: 0;
  bottom: 8%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .s_place h5 {
    font-size: 24px;
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;

}
  .s_place p {
    width: 80%;
    margin: 0 auto;

}
  .kit_box{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    margin-top: 0px;
    position: relative;
    z-index: 1;
  }
  .kit_box img{
    width: 95%;
  }
  .kit_box::after{
    display: none;
  }
  
  .kit_price{
    background-color: #FAD252;
    border: 1px solid #000;
    text-align: center;
    width: 77%;
    margin: 0 auto;
    padding: 20px;
    margin-top: 20px;
  
  }
  .kit_price p{
    font-size: 20px;
    margin-bottom: 0;
  }
  .kit_price p span{
    font-size: 30px;
  }
  .s_place{
    margin-top: 50px;
  }
  .s_place h4{
    font-size: 30px;
    margin-bottom: 40px;
  }

  .line02{
    margin: 40px;
    width: 80%;
  }
}

/* 注意事項・質問-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.boxQA {
  position: relative;
  margin: 2em 0;
  padding: 0.5em 0.5em;
  background: #EDF1F5;/*A文章部分背景色*/
  border-radius: 10px;
}

.boxQA .box-title {
  position: relative;
  background: #fff;/*Q文章部分背景色*/
  padding: 10px 5px 10px 40px;
  color: #454545;/*Q文章文字色*/
  border-radius: 10px;
}
.boxQA .box-title:before {
  content: "Q";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;/*Q文字色*/
  background: #bedde3;
  font-weight: bold;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.2em;
  top: 20px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}
.boxQA .box-title:after {
  content: "A";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;/*A文字色*/
  background: #E7B5A9;/*A背景色*/
  font-weight: bold;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.2em;
  bottom: -80px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}

.boxQA p {
  padding: 20px 20px 15px 40px;
  margin: 0;
}

.boxQA ul {
padding: 0 1em;
position: relative;
}
.boxQA ul li {
line-height: 1.5;
padding: 0.5em 0 0.5em 4.2em;
list-style-type: none!important;
}
.boxQA ul li:before {
font-family: "FontAwesome";
content: "\f138";/*アイコン種類*/
position: absolute;
left : 3.5em;
color: #FFAB8B; /*Aのリストのアイコンの色*/
}
.con04_title{
  text-align: center;
  font-size: 34px;
  background: linear-gradient(transparent 60%, #FAD252 60%);
  width: 82%;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
}
.con06{
  background-color: #fff;
  width: 1000px;
  margin: 0 auto;
  border: 2px #000 solid;
  box-shadow:  4px 4px 4px rgba(88, 88, 88, 0.6);
  background: url(../image/bg.jpg) ;
  position: relative;
  margin-top: 187px;
  padding: 100px 0;
}
.v_line_left {
  border-left: thick solid #BEDDE3;
  padding-left: 10px;
  margin-bottom: 40px;
  line-height: 30px;
}
h4.con04_sub{
  font-size: 20px;
}
.accordion {
  margin: 3em auto;
  max-width: 60vw;
  }
  .toggle {
  display: none;
  }
  .option {
  position: relative;
  margin-bottom: 1em;
  /* z-index: 99; */
  }
  .title,
  .content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.2s;
  }
  .title {
  border: solid 1px #ccc;
  padding: 1em;
  display: block;
  color: #333;
  font-weight: bold;
  }
  .title::after,
  .title::before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 2px;
  height: 0.75em;
  background-color: #999;
  transition: all 0.2s;
  }
  .title::after {
  transform: rotate(90deg);
  }
  .content {
  max-height: 0;
  overflow: hidden;
  }
  .content p {
  margin: 0;
  padding: 0.5em 1em 1em;
  font-size: 0.9em;
  line-height: 1.5;
  }
  .toggle:checked + .title + .content {
  max-height: 1391px;
  transition: all 0.2s;
  }
  .toggle:checked + .title::before {
  transform: rotate(90deg) !important;
  }

@media only screen and (max-width: 1000px) {
  .con06{
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border: 2px #000 solid;
    box-shadow:  4px 4px 4px rgba(88, 88, 88, 0.6);
    background: url(../image/bg.jpg) ;
    position: relative;
    margin-top: 165px;
    padding: 100px 0;
  }

}
@media only screen and (max-width: 767px) {
  .con06{
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border: 2px #000 solid;
    box-shadow:  4px 4px 4px rgba(88, 88, 88, 0.6);
    background: url(../image/bg.jpg);
    position: relative;
    margin-top: 148px;
    padding: 100px 0;
  }
  h4.con04_sub {
    font-size: 18px;
  }
  .accordion {
    margin: 1em auto;
    max-width: 75vw;
  }
  .toggle:checked + .title + .content {
    max-height: 2383px;
    transition: all 0.2s;
  }

}

/* グッズ ------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.con07{
  background-color: #fff;
  width: 1000px;
  margin: 0 auto;
  border: 2px #000 solid;
  box-shadow:  4px 4px 4px rgba(88, 88, 88, 0.6);
  background: url(../image/bg.jpg) ;
  position: relative;
  margin-top: 187px;
  padding: 100px 0;
}
.con05_title{
  text-align: center;
  font-size: 34px;
  background: linear-gradient(transparent 60%, #FAD252 60%);
  width: 22%;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
}
.con05_title_txt{
  text-align: center;
}
.con05_title::before{
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/con05_star.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  left: -44px;
}
.con05_goods{
  display: flex;
  justify-content:center;
  flex-wrap: wrap;

}
.con05_goods_box{
  background-color: #E8E8CE;
  width: calc(25% - -28px);
  text-align: center;
  padding: 13px;
  margin: 24px 15px;
  box-shadow: 4px 4px 4px 1px rgb(0 0 0 / 14%);
  position: relative;
}
.con05_goods_box:hover{
  transform: scale(1.1);
  transition-duration: 0.3s;
}
.con05_goods_box img.goods_img{
  width: 94%;
}
.con05_goods_box::before{
  content: "";
  width: 31px;
  height: 56px;
  background: url(../image/popupicon.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 180px;
  z-index: 9;
  right: 29px;
}
.goods_name{
  margin-top: 20px;
  margin-bottom: 0;
}
.goods_price{
  font-weight: bold;
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 0;
  padding-top: 0;
}
.goods_price span{
  font-size: 16px;
}
.goods_con{
  font-size: 12px;
  font-weight: normal;
  margin-bottom: 0;
  width: 80%;
  margin: 0 auto;
}
.sell_place_time{
  border:2px solid #000;
  width: 80%;
  margin: 0 auto;
  padding:40px 20px;
  margin-bottom: 20px;
}
.sell_place_time_inner{
  width: 60%;
  margin: 0 auto;

}
.sell_place{
  font-size: 20px;
}
.sell_place a{
  text-decoration: underline;
  
}
.sell_place a:hover{
  color: #a951c4;

}
.sell_place span{
  background-color: #000;
  color: #fff;
  padding: 10px;
  margin-right: 20px;
}
.sell_time{
  font-size: 20px;
  margin-top: 40px;
}
.sell_time span{
  background-color: #000;
  color: #fff;
  padding: 10px;
  margin-right: 20px;
}
.bg08{
  position: absolute;
  left: 21%;
  top: -56%;
  z-index: -9;
}
.bg09{
  position: absolute;
  right: -63%;
  top: -56%;
  z-index: -9;
}
.bg09{
  position: absolute;
  right: -63%;
  top: -56%;
  z-index: -9;
}
.bg09{
  position: absolute;
  right: -63%;
  top: -56%;
  z-index: -9;
}
.bg09{
  position: absolute;
  right: -63%;
  top: -56%;
  z-index: -9;
}
@media only screen and (max-width: 1000px) {
  .con07{
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border: 2px #000 solid;
    box-shadow:  4px 4px 4px rgba(88, 88, 88, 0.6);
    background: url(../image/bg.jpg) ;
    position: relative;
    margin-top: 187px;
    padding: 100px 0;
  }
  .sell_place_time_inner {
    width: 100%;
    margin: 0 auto;
  }
  .con05_goods_box::before {
    content: "";
    width: 31px;
    height: 56px;
    background: url(../image/popupicon.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 128px;
    z-index: 9;
    right: 29px;
  }
  img.modalimg{
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con07{
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border: 2px #000 solid;
    box-shadow:  4px 4px 4px rgba(88, 88, 88, 0.6);
    background: url(../image/bg.jpg);
    position: relative;
    margin-top: 148px;
    padding: 40px 0;
  }
  .chara06 {
    position: absolute;
    top: -70px;
    right: -123px;
}
  .chara06 img {
    width: 46%;
}
  .con05_title {
    text-align: center;
    font-size: 34px;
    background: linear-gradient(transparent 60%, #FAD252 60%);
    width: 68%;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
  }
  .con05_goods_box::before {
    content: "";
    width: 31px;
    height: 56px;
    background: url(../image/popupicon.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 215px;
    z-index: 9;
    right: 29px;
}
.sell_place span {
  background-color: #000;
  color: #fff;
  padding: 10px;
  margin-right: 0px;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.sell_time span {
  background-color: #000;
  color: #fff;
  padding: 10px;
  margin-right: 0px;
  display: block;
  text-align: center;
  margin-bottom: 15px;
}
.con05_goods_box {
  background-color: #E8E8CE;
  width: 100%;
  text-align: center;
  padding: 13px;
  margin: 24px 15px;
  box-shadow: 4px 4px 4px 1px rgb(0 0 0 / 14%);
  position: relative;
}
}

/* 遊び方------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.step_box{
  width: 80%;
  margin: 0 auto;
  margin-bottom: 80px;
}
img.step{
  width: 17%;
}
.step_con{
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.step_con img{
  width: 33%;
}
.step_con p{
  margin-left: 40px;
  font-size: 20px;
}
.play_cou{
  background-color: #fff;
  width: 80%;
  margin: 0 auto;
  padding: 40px;
  font-size: 12px;
  font-weight: normal;
}
@media only screen and (max-width: 767px) {
  img.step {
    width: 35%;
  }
  img.play_dot_line{
    width: 100%;
    
  }
  .step_con {
    display: block;
    align-items: center;
    margin-top: 20px;
  }
  .step_con img {
    width: 100%;
  }
  .step_con p {
    margin-left: 0;
    font-size: 20px;
    margin-top: 10px;
  }
  .play_cou {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    padding: 28px;
    font-size: 12px;
    font-weight: normal;
  }
}

.sns-box {
  position: fixed;
  bottom: 222px;
  right: -59px;
  z-index: 5;
}
.sns-box .sns a {
  border-radius: 20px;
  margin: 8px;
  display: block;
}
.sns-box .sns a img {
  width: 50%;
}

.sns-box .sns a:hover {
  filter: brightness(1.3);
}
.top_icon-box {
  position: fixed;
  bottom: 13px;
  right: -24px;
  z-index: 5;
}
.top_icon-box .top_icon a img {
  width: 60%;
}
.top_icon-box .top_icon a:hover {
  filter: brightness(1.3);
}
@media only screen and (max-width: 767px) {
  .official img {
    border: 2px solid #000;
    width: 80%;
    margin: 0 auto;
}
  .outlets img {
    border: 2px solid #000;
    width: 80%;
    margin: 0 auto;
}
  .sns-box {
    position: fixed;
    bottom: 202px;
    right: -79px;
    z-index: 5;
    
  }



  .sns-box .sns a img {
    width: 40%;
  }
  .top_icon-box {
    position: fixed;
    bottom: 1px;
    right: -33px;
    z-index: 5;
  }
  .logo{
    margin-top: 10px;
    margin-left: 20px;
    position: fixed;
    z-index: 9;
}
}
.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.scrap_btn_next{
  text-align: center;
  cursor: pointer;
  cursor: hand;
  margin-top: 40px;
}
.scrap_btn_next:hover{
  cursor: hand;
}
.scrap_btn_next::after {
  content: "＋";
  font-size: 12px;
  cursor: hand;

}
.con04_title .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
}
.grad-item.grad_imag_hei {
  height: 530px;
}
.grad-item.is-hide {
  height: 0px; /*隠した後の高さ*/
}

.scrap_btn_next.is-show {
  margin-bottom: 40px;
  
}
.scrap_btn_next.is-show::after {
  content: "−" /*クリック後にボタンのラベルを変える*/
}
.scrap_btn_next.is-show + .grad-item::before {
  display: none;
}
img.top_map{
  width: 80%;
}
img.top_map02{
  width: 45%;
}
img.top_map03{
  width: 32%;
}
p.goods_cou{
  font-size: 12px;
  margin-top: 40px;
  width: 80%;
}

.g-nav{
  width: 100%;
  z-index: 99;
}
.g-nav-menu{
  text-align: center;
}

.fixed{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.839);
}

.fixed nav.pc_header ul {
  display: flex;
  margin: 20px 0 0px;
  justify-content: center;
  align-items: center;
}
.fixed nav.pc_header ul li:hover::before{
  display: none;
  
 }
.fixed  nav.pc_header ul li a:hover{
  opacity: 0.6;
}

@media only screen and (max-width: 767px) {
  .grad-item{
    height:1100px;
  }
  .grad-item.grad_imag_hei {
    height: 100%!important;
    margin-top: 20px;
  }
  img.top_map{
    width: 100%;
  }
  img.top_map02{
    width: 100%;
  }
  img.top_map03{
    width: 100%;
  }
}
#s_place,#kit{
  padding-top: 120px;
    margin-top:-120px;
}


/* エンドページ ==================*/
.end {
  background-color: #fff;
  width: 1000px;
  margin: 0 auto;
  border: 2px #000 solid;
  box-shadow: 4px 4px 4px rgb(88 88 88 / 60%);
  background: url(../image/bg.jpg);
  position: relative;
  margin-top: 0;
  margin-bottom: 224px;
  padding: 87px 0;
}
.end_title{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.end_title img {
  width: 70%;
  margin: 0 auto;
  text-align: center;
}
.end_message{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.end_message img{
  text-align: center; 
  width: 73%;
}
.end_an_box{
  text-align: center;
  background: #d8bbe0;
  padding: 80px;
  margin-top: 120px;
}
.end_an{
  text-align: center;
  font-size: 34px;
  background: linear-gradient(transparent 60%, #FAD252 60%);
  width: 50%;
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
}
.end_an::before{
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/con01_title_be.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  left: -44px;
}
.end_an::after{
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/con01_title_af.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0px;
  z-index: 9;
  right: -117px;
}
a.end_an_link{
  text-decoration: underline;
  margin-top: 80px;
  display: block;
}
img.end_thanks{
  width: 44%;
  margin: 0 auto;
  margin-top: 60px;
}
.end_goods_box{
  text-align: center;
  margin-top: 80px;
}
.end_goods_title{
  font-size: 28px;
  margin-bottom: 20px;
}
.end_goods_wrap{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  
}
.end_goods_wrap img{
  width: 40%;
  margin-top: 40px;
  
}
.end_goods_box p{
  margin-top: 40px;
}
.end_shear{
  text-align: center;
  font-size: 18px;
  margin-top: 60px;
  position: relative;
}
.end_shear::before{
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/end_line.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -48px;
  z-index: 9;
  left: 227px;
}
.end_shear::after{
  content: "";
  width: 107px;
  height: 59px;
  background: url(../image/end_line.png) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -48px;
  z-index: 9;
  right: 225px;
}
.end_sns{
  text-align: center;
}
.end_sns img{
  width: 15%;
  margin-top: 27px;
  padding: 14px;
}
.bg_end01{
  position: absolute;
  left: -53%;
  z-index: -99;
}
.bg_end02{
  position: absolute;
  right: -23%;
  top: 736px;
  z-index: -99;
}
.bg_end03{
  position: absolute;
  right: -39%;
  z-index: -99;
}
.bg_end04{
  position: absolute;
  right: -65%;
  top: 23%;
  z-index: -99;
}
.bg_end05{
  position: absolute;
  left: -71%;
  bottom: 43%;
  z-index: -99;
}
.bg_end06{
  position: absolute;
  right: -19%;
  bottom: 10%;
  z-index: -99;
}
.bg_end07{
  position: absolute;
  left: -27%;
  top: 63%;
  z-index: -99;
}
.bg_end08{
  position: absolute;
  left: -38%;
  bottom: 4%;
  z-index: -99;
}
.bg_end09{
  position: absolute;
  right: -38%;
  bottom: 31%;
  z-index: -99;
}
@media only screen and (max-width: 1000px) {
  .end {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border: 2px #000 solid;
    box-shadow: 4px 4px 4px rgb(88 88 88 / 60%);
    background: url(../image/bg.jpg);
    position: relative;
    margin-top: 0;
    margin-bottom: 224px;
    padding: 40px 0;
  }
  .end_message{
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .end_message img {
    text-align: center;
    width: 100%;
}
  .end_shear::before {
    content: "";
    width: 107px;
    height: 59px;
    background: url(../image/end_line.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -48px;
    z-index: 9;
    left: 125px;
  }
  .end_shear::after {
    content: "";
    width: 107px;
    height: 59px;
    background: url(../image/end_line.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -48px;
    z-index: 9;
    right: 130px;
  }


}
@media only screen and (max-width: 767px) {
  .end {
    background-color: #fff;
    width: 90%;
    margin: 0 auto;
    border: 2px #000 solid;
    box-shadow: 4px 4px 4px rgb(88 88 88 / 60%);
    background: url(../image/bg.jpg);
    position: relative;
    margin-top: 0;
    margin-bottom: 224px;
    padding: 40px 0;
  }
  .end_title{
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .end_title img {
    width: 80%;
    margin: 0 auto;
    text-align: center;
  }
  .end_message{
    width: 90%;
    margin: 0 auto;
    text-align: center;
  }
  .end_message img{
    text-align: center;
    width: 100%;
  }
  .end_an_box{
    text-align: center;
    background: #eee4f1;
    padding: 66px 40px;
    margin-top: 120px;
  }
  .end_an{
    text-align: center;
    font-size: 30px;
    background: linear-gradient(transparent 60%, #FAD252 60%);
    width: 75%;
    margin: 0 auto;
    margin-bottom: 40px;
    position: relative;
  }
  .end_an::before{
    content: "";
    width: 76px;
    height: 41px;
    background: url(../image/con01_title_be.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    left: -44px;
  }
  .end_an::after{
    content: "";
    width: 76px;
    height: 41px;
    background: url(../image/con01_title_af.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0px;
    z-index: 9;
    right: -98px;
  }
  a.end_an_link{
    text-decoration: underline;
    margin-top: 80px;
    display: block;
  }
  img.end_thanks{
    width: 80%;
    margin: 0 auto;
    margin-top: 60px;
  }
  .end_goods_box{
    text-align: center;
    margin-top: 80px;
  }
  .end_goods_title{
    font-size: 23px;
    margin-bottom: 20px;
  }
  img.end_dotted{
    width: 100%;
  }
  .end_goods_wrap{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
  }
  .end_goods_wrap img{
    width: 100%;
    margin-top: 40px;
    
  }
  .end_goods_box p{
    margin-top: 40px;
  }
  .end_shear{
    text-align: center;
    font-size: 18px;
    margin-top: 60px;
    position: relative;
  }
  .end_shear::before{
    content: "";
    width: 107px;
    height: 59px;
    background: url(../image/end_line.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -48px;
    z-index: 9;
    left: 227px;
  }
  .end_shear::after{
    content: "";
    width: 107px;
    height: 59px;
    background: url(../image/end_line.png) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -48px;
    z-index: 9;
    right: 225px;
  }
  .end_sns{
    text-align: center;
  }
  .end_sns img{
    width: 32%;
    margin-top: 27px;
    padding: 14px;
  }
  .bg_end01{
    position: absolute;
    left: -53%;
    z-index: -99;
  }
  .bg_end02{
    position: absolute;
    right: -23%;
    top: 736px;
    z-index: -99;
  }
  .bg_end03{
    position: absolute;
    right: -39%;
    z-index: -99;
  }
  .bg_end04{
    position: absolute;
    right: -65%;
    top: 23%;
    z-index: -99;
  }
  .bg_end05{
    position: absolute;
    left: -71%;
    bottom: 43%;
    z-index: -99;
  }
  .bg_end06{
    position: absolute;
    right: -19%;
    bottom: 10%;
    z-index: -99;
  }
  .bg_end07{
    position: absolute;
    left: -27%;
    top: 63%;
    z-index: -99;
  }
  .bg_end08{
    position: absolute;
    left: -38%;
    bottom: 4%;
    z-index: -99;
  }
  .bg_end09{
    position: absolute;
    right: -38%;
    bottom: 31%;
    z-index: -99;
  }

}
.outlets_end{
  text-align: center;
}
.outlets_end img.sugotoku{
  width: 60%;
  border: 2px #000 solid;
}
img.map03{
  width: 30%;

}
img.map04{
  width: 40%;

}
img.sugotoku{
  margin-top: 60px;
}
img.sugotoku:hover{
 opacity: 0.7;
}
.youtube_box{
  width: 80%;
  margin: 0 auto;
  text-align: center;
  margin-top: 40px;
}
.youtube_box iframe{
  height: 500px;
  border: 4px solid;
}
@media only screen and (max-width: 1000px) {
  .youtube_box{
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
  }
  .youtube_box iframe{
    height: 200px;
    border: 4px solid;
  }
  .outlets_end img.sugotoku {
    width: 100%;
    border: 2px #000 solid;
}
}