@charset "UTF-8";

/* -----------
共通部分
-------------*/
html{
  font-size: 62.5%;
}
body{
  font-family: 'Noto Sans JP', sans-serif;
}
p{
  font-size: 1.5rem;
}
a{
  transition: 0.4s;
}
a:hover{
  opacity: 0.8;
  transition: 0.4s;
  filter: drop-shadow(2,4,6,#fff);
  text-decoration: none;
}
h2{
  margin-bottom: 30px;
}
section{
  margin-top: 40px;
  /* margin-bottom: 40px; */
  padding: 30px 0;
}
img{
  width: 100%;
}
.flex_end{
  align-items: flex-end;
}
.space_between{
  justify-content: space-between;
}
.pc_hidden{
  display: none;
}

/* -----------
ヘッダー
-------------*/
header{
  background-image: url(../images/header_base.png);
  height: 70px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  /* position: fixed; */
  z-index: 99;
  padding: 10px 50px;
}
.header_flex{
  justify-content: space-between;
  align-items: center;
}
.line{
  margin-left: 20px;
}
.logo{
  width: 180px;
}

/*1.14修正*/
/* .icon ul{
  padding-top: 3px;
  display: flex;
  align-items: center;
} */

.icon ul{
  padding-top: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

/* .icon ul li{
  width: 40px;
} */
.icon_line{
  margin-left: 20px;
}

/*1.14修正「ラインで送る」ボタン追加*/

.icon ul li{/*アイコンサイズ調整(Lineが変更できない)*/
  width: 45px;
}

.icon_line_send{
  margin-left: 20px;
}

/* -----------
メイン
-------------*/

/* スライダー PC　slick */
.center {
  margin: 0 0 50px;
}
.center img {
  width: auto;
  height: 520px;
  margin: 0 auto;
}

/*1/17修正*/
/*.center .slick-next {
  right: 45px;
  z-index: 99;
}
.center .slick-prev {
  left: 15px;
  z-index: 100;
}
*/
.center .slick-next {
  right: 10vw;
  z-index: 99;
}

.center .slick-prev {
  left: 10%;
  z-index: 100;
}
.slick-next:before{
  content: url(../images/arrow_50_right.png);
}
.slick-prev:before{
  content: url(../images/arrow_50_left.png);
}
.swiper-button-prev,
.swiper-button-next{
  width: 50px;
}
@media screen and (max-width:992px){
  .swiper-button-prev,
  .swiper-button-next{
    top: 40%;
    width: 25px;
}

}
.slick-dots li.slick-active button:before{
  background-image: url(../images/current_on.png);
  height: 42px;
  width: 42px;
  opacity: 1;
}
.slick-slide{
  /* height: 480px; */
  /* width: 853px !important; */
}

/* スライダー SP　swiper */
.ori_pagination{
  position: inherit;
}
.swiper-button-next:after,
.swiper-button-prev:after{
  display: none;
}
.slider_original{
  padding-top: 16px;
}

/*1/17修正*/
/*.slick-initialized .slick-slide{
  margin: 0 25px;
}*/

.slick-initialized .slick-slide{
  margin: 0;
}

/*.slick-dots li button:before{
  background-image: url(../images/current_off.png);
  height: 42px;
  width: 42px;
  content: "";
  display: block;
  opacity: 1;
}*/
/*1/17修正*/
.slick-dots li button:before{
  background: url(../images/current_off.png) no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  content: "";
  display: block;
  opacity: 1;
}

.slick-dots li.slick-active button:before {
  background: url(../images/current_on.png) no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  opacity: 1;
}

.slick-dots li{
  margin: 0 10px;
}
.slick-dotted.slick-slider{
  margin-bottom: 55px;
}
.slick-slider .slick-track{
  margin-bottom: 30px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
  margin-top: 30px;
}

@media screen and (max-width:576px){
  .swiper-container-horizontal>.swiper-pagination-bullets{
    margin-top: 10px;
  }
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  background: url(../images/current_20_off.png) no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  opacity: 0.5;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
  background: url(../images/current_20_on.png) no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  background-color: #003a62;
  opacity: 1;
}

/*タブレット*/
@media screen and (max-width:767px){
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 2px;
}

  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    background: url(../images/current_20_off.png) no-repeat;
    background-size: contain;
    height: 25px;
    width: 25px;
    opacity: 0.5;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    background: url(../images/current_20_on.png) no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
    background-color: #003a62;
    opacity: 1;
  }
}

/*スマホサイズ*/
@media screen and (max-width:576px){
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    background: url(../images/current_20_off.png) no-repeat;
    background-size: contain;
    height: 10px;
    width: 10px;
    opacity: 0.5;
  }
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    background: url(../images/current_20_on.png) no-repeat;
    background-size: contain;
    width: 10px;
    height: 10px;
    background-color: #003a62;
    opacity: 1;
  }
}





main{
  /* padding-top: 100px; */
  background-color: #eaeff2;
}
/* ツイッター */
.twitter_column{
  padding-bottom: 5px;
}
.twitter_column p{
  background-color: #003a62;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
.twitter_wrapper{
  width: 100%;
  height: 25vw;
  border: 1px solid #003a62;
  padding: 0 10px;
  overflow: scroll;
  background-color: #fff;
}
.twitter-tweet.twitter-tweet-rendered{
  margin: 10px auto;
}


.sale_box{
  margin-bottom: 20px;
}


/* -----------
フッター
-------------*/
footer{
  padding: 40px;
  color: #fff;
  font-size: 12px;
  position: relative;
  background-color: #003a62;
}
.footer_image{
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 8px solid #ffa5f6;
}
h3{
  font-size: 18px;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 20px;
}
.footer_logo{
  width: 280px;
  margin: 30px auto 0 auto;
}
.footer_wrapper{
  display: flex;
  justify-content: space-between;
}
.footer_left{
  width: 50%;
  display: flex;
  justify-content: space-between;
  /* line-height: 1.8; */
  z-index: 1;
}
.mokuji{
  width: 59%;
}
.mokuji ul li{
  font-size: 1.5rem;
}
.mokuji_2{
  width: 39%;
  color: #fff;
}
.mokuji_2 ul li{
  font-size: 1.5rem;
  color: #fff;
}
.mokuji_2 ul li a{
  font-size: 1.5rem;
  color: #fff;
}
.footer_right{
  width: 50%;
  display: flex;
  justify-content: space-between;
}
.banner_margin{
  margin-top: 20px;
}

@media screen and (max-width:1100px){
  .twitter_wrapper{
  height: 270px;
}
}
@media screen and (max-width:992px){
/*1.14修正*/
/*   header{
    height: 70px;
    padding: 7px 50px;
  } */

  header{
    height: 70px;
    padding: 3px 50px;
  }

/*1.14修正 SP時のロゴサイズ調整*/
.logo{
  width: 30%;
}
.slick-next:before{
  content: url(../images/arrow_50_right.png);
}
.slick-prev:before{
  content: url(../images/arrow_50_left.png);
}
.slick-dots li button:before{
  background-image: url(../images/current_20_off.png);
  height: 20px;
  width: 20px;
  content: "";
}
.slick-dots li.slick-active button:before{
  background-image: url(../images/current_20_on.png);
  height: 20px;
  width: 20px;
  /* opacity: 1; */
}
.slick-dots li{
  margin: 0 5px;
}
.twitter_wrapper{
  height: 250px;
}
.footer_image{
  border-top: 6px solid #ffa5f6;
}
}
@media screen and (max-width:768px){
 /* .pc_hidden{
  display: block;
}
.sp_hidden{
  display: none;
}
h2 img{
  width: auto;
  height: 27px;
} */
  header{
    padding: 7px 50px;
  }
/*   .logo{
    width: 170px;
  } */

/*1.14修正 SP時のロゴサイズ調整*/
.icon figure{
  width: 38px;
}
.right_column{
  margin-top: 30px;
} .twitter_wrapper{
  height: 220px;
}
.footer_wrapper{
  display: block;
  justify-content: inherit;
}
.footer_left{
  width: 100%;
  display: block;
  text-align: center;
}
.mokuji{
  width: 100%;
}
.mokuji_2{
  width: 100%;
  margin-top: 30px;
}
.footer_right{
  width: 100%;
  margin-top: 50px;
}
.footer_logo{
  width: 200px;
  margin-top: 50px;
}
}
@media screen and (max-width:767px){
.pc_hidden{
  display: block;
}
.sp_hidden{
  display: none;
}
h2 img{
  width: auto;
  height: 27px;
}
.twitter_wrapper{
  height: 470px;
}
.margin_top{
  margin-top: 20px;
}
.footer_left{
  width: 100%;
  display: block;
  text-align: center;
}
}

@media screen and (max-width:576px){
  .block{
  display: block;
}
.footer_banner{
  display: flex;
  align-items: baseline;
  justify-content: space-around;
}
.footer_banner figure{
  width: 200px;
}
}
@media screen and (max-width:450px){
  header{
    padding: 10px 30px;
  }
  .logo{
    margin-left: 0px;
  }

/*1.14修正*/
/*   .icon ul li{
    width: 40px;
  } */
  .icon ul li{
    width: 45px;
  }
  h2 img{
    height: 20px;
  }
  .twitter_wrapper{
  height: 250px;
}
  .footer_banner figure{
    width: 140px;
  }
  footer{
    padding: 40px 0;
  }
}



@media screen and (min-width:1200px){
  .container{
    max-width: 1080px;
  }
}
@media screen and (min-width:768px){
  .container{
    max-width: 820px;
  }
}
@media screen and (min-width:576px){
  .container{
    max-width: 85%;
  }
}




/* .r-vakc41{
  max-width: 100% !important;
}
.twitter-tweet.twitter-tweet-rendered{
  max-width: 100% !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.twitter_wrapper{
  padding: 0;
}
.r-1ylenci{
  border-radius: 0 !important;
}
.twitter-tweet.twitter-tweet-rendered iframe #id .r-1ylenci{
  border-radius: 0 !important;
} */


css-1dbjc4n r-9x6qib r-1ylenci r-rs99b7 r-vakc41 r-y54riw r-1udh08x

/* .css-1dbjc4n{
  border: 0;
} */


/* ガイドラインスタイル */
.guideline{
}

section.guideline{
  margin-top: 0;
  padding: 80px 0;
}

@media screen and (max-width:768px){
  section.guideline{
    margin-top: 0;
    padding: 30px 0;
  }
}

@media screen and (max-width:768px){
  .guideline h2 img{
    height: 30px;
  }
}

.guideline h3::before{
  content:"　";
  background: url(../images/star.png) no-repeat;
  background-size: 100%;
  margin-right: 5px;
  left: 0;
  top: 0;
}

.guideline h3{
  color: #003A62;
  line-height: 1.5;
  font-weight: 900;
  border-bottom: none;
}

.guideline p{
  color: #003A62;
  line-height: 1.8;
  font-weight: 900;
}



/* 1.13修正 */
.icon ul li.icon_line{
  width: 95px;
}
.icon_line iframe{
  width: 120px !important;
  height: 20px !important;
}


/* .icon ul li.icon_line{
  width: 95px;
} */

/*1.14修正*/
.icon{
  width: 65%;
}

.icon ul li.icon_line{
  margin-top: 22px;
  width: 95px;
}

.icon_line iframe{
  width: 100% !important;
  height: 20px !important;
}

.icon ul li.icon_line_send{
  width: 46px;
}
.icon ul li.icon_line_send iframe{
  width: 46px !important;
  height: 46px !important;
}

.btnWrap .icon img{
  width: 40px !important;
}

/*1/17修正*/
.ori_pagination_sp{
  position: relative;
}

  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: 50%;
    right: 0;
  }

  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    top: 50%;
    left: 0;
  }

  /* 1/20修正 */
  .burapuri .swiper-button-prev,
  .burapuri .swiper-button-next,
  .kemokare .swiper-button-prev,
  .kemokare .swiper-button-next,
  .gokumen .swiper-button-prev,
  .gokumen .swiper-button-next,
  .orepuri .swiper-button-prev,
  .orepuri .swiper-button-next{
    width: 40px;
  }




@media screen and (max-width:576px){
  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    top: 50%;
    right: 10px;
  }

  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    top: 50%;
    left: 10px;
  }
}

.swiper-slide {
    width: 100%;
    padding: 0 10px;
}

.swiper-left-content{
  padding-left: 25px;
  padding-right: 25px;
}

@media screen and (max-width:576px){
  .swiper-left-content{
    padding-left: 30px;
    padding-right: 30px;
  }
}
.swiper-container-horizontal >.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 1%;
    left: 50%;
    transform: translateX(-50%);
    width: 90%;
}

.ori_pagination {
    position: absolute;
}



  /* 1/20修正 */
  .burapuri .swiper-button-prev,
  .burapuri .swiper-button-next,
  .kemokare .swiper-button-prev,
  .kemokare .swiper-button-next,
  .gokumen .swiper-button-prev,
  .gokumen .swiper-button-next,
  .orepuri .swiper-button-prev,
  .orepuri .swiper-button-next{
    width: 40px;
  }
  @media screen and (max-width:1168px){
    .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
      width: 15px;
      height: 15px;
    }
  }


  @media screen and (max-width:991px){
  .burapuri .swiper-button-prev,
  .burapuri .swiper-button-next,
  .kemokare .swiper-button-prev,
  .kemokare .swiper-button-next,
  .gokumen .swiper-button-prev,
  .gokumen .swiper-button-next,
  .orepuri .swiper-button-prev,
  .orepuri .swiper-button-next{
    width: 25px;
  }
  /* キャラ紹介下のポイント */
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
  }
   .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
      width: 14px;
      height: 14px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
      margin: 0 1px;
    }
  }

    @media screen and (max-width:767px){
  .burapuri .swiper-button-prev,
  .burapuri .swiper-button-next,
  .kemokare .swiper-button-prev,
  .kemokare .swiper-button-next,
  .gokumen .swiper-button-prev,
  .gokumen .swiper-button-next,
  .orepuri .swiper-button-prev,
  .orepuri .swiper-button-next{
    width: 40px;
  }
  /* キャラ紹介下のポイント */
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    width: 25px;
    height: 25px;
  }
   .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
      width: 25px;
      height: 25px;
    }
    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
      margin: 0 1px;
    }
  }
  @media screen and (max-width:576px){
    /* キャラ紹介下のポイント */
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    width: 20px;
    height: 20px;
  }
   .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
      width: 20px;
      height: 20px;
    }
  }
    @media screen and (max-width:450px){
    /* キャラ紹介下のポイント */
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
    width: 14px;
    height: 14px;
  }
   .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
    .orepuri .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{
      width: 14px;
      height: 14px;
    }
    /* キャラ紹介の矢印 */
    .swiper-FV .swiper-button-prev,
    .swiper-FV .swiper-button-next,
    .burapuri .swiper-button-prev,
    .burapuri .swiper-button-next,
    .kemokare .swiper-button-prev,
    .kemokare .swiper-button-next,
    .gokumen .swiper-button-prev,
    .gokumen .swiper-button-next,
    .orepuri .swiper-button-prev,
    .orepuri .swiper-button-next{
      /* width: 20px; */
      display: none;
    }

    .icon_line_send{
      margin-left: 10px;
    }
    .icon_line{
      margin-left: 10px;
    }
  }
@media screen and (max-width:320px){
  h2 img{
    height: 17px;
  }
}