@charset "utf-8";
/* 全体のスタイル */
body {
  box-sizing: border-box;
  margin: 0 auto;
  overflow-x: hidden;
  font-family: "YakuHanJPs", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  color: #232323;
}

main {
  max-width: 1920px;
}

a {
  transition: all .2s ease-in-out;
  color: #333;
}

a:hover {
  opacity: 0.8;
}

.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

ul,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}
/* 終わり */
/* common start */
.red{
  color: #FF2727;
}
.bold{
  font-weight: bold;
}
.notline{
  text-decoration: none !important;
}

@media screen and (min-width: 1220px) {
  header,footer{
    width: 100%;
    background-color: #ececec;
  }


  header .h_text,footer .f_text{
    width: 1140px;
    margin: 0 auto;
  }

  footer{
    margin-top: 100px;
  }
  #l-header .header-top .top-inner .top-menu{
    margin-top: 0;
  }
}

@media screen and (min-width: 841px) and (max-width:1219px) {
  header,footer{
    width: 100%;
    background-color: #ececec;
  }

  header .h_text,footer .f_text{
    width: 95%;
    margin: 0 auto;
  }

  footer{
    margin-top: 100px;
  }
  #l-header .header-top .top-inner .top-menu{
    margin-top: 0;
  }
}

@media screen and (max-width: 840px) {
  header,footer{
    width: 100%;
    background-color: #ececec;
  }

  header .h_text,footer .f_text{
    width: 95%;
    margin: 0 auto;
  }

  footer{
    margin-top: 100px;
  }
}

/* common end */
@media screen and (min-width: 1220px) {
    #pc {
      display: block;
    }

    #sp {
      display: none;
    }

    .other {
      width: 100.9%;
    }

    h1{
      font-size: 22px;
      /* letter-spacing: -1.2px; */
      margin: 35px 0;
    }

    /* header .header {
      background-color: #ebebee;
      color: #232323;
    }

    header .header .header-inner,
    footer .footer .footer-inner {
      width: 1140px;
      padding: 30px;
      margin: 0 auto;
      border-left: 1px solid #aaa;
      border-right: 1px solid #aaa;
      box-sizing: border-box;
    }

    footer .footer {
      background-color: #858591;
      margin-top: 100px;
      color: #fff;
    } */


    /* .pankuzu {
      color: #232323;
      width: 1140px;
      margin: 0 auto;
      font-size: 13px;
      box-sizing: border-box;
      padding-left: 30px;
    } */

    .content {
      width: 1140px;
      margin: 0 auto;
    }

    .main-image{
      text-align: center;
      margin-top: 25px;
    }

    .main-image img {
      max-width: 900px;
    }

    .sns{
      margin: 20px auto 0;
    }

    .sns a img{
      backface-visibility: unset;
    }

    .twitter{
      height: 35px;
      display: inline-block;
      box-sizing: border-box;
      padding-right: 5px;
    }

    .line{
      height: 35px;
      display: inline-block;
    }

    .twitter,.line{
      padding-top: 6px;
    }

    .content h2 {
      font-size:22px ;
      font-family: "YakuHanJPs", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
      border-bottom: 1px solid #232323;
      margin-top: 100px;
      margin-bottom: 18px;
      text-align: center;
      font-weight: bold;
    }

    .menu_img {
      width: 840px;
      margin: 20px auto 30px;
      box-sizing: border-box;
    }

    .menu {
        margin: 50px auto;
        width: 900px;
    }

    /* 2つのとき */
    /* .menu .first {
        width: 45%;
        margin: 0 auto 20px;
    }

    .menu .first li {
        width: 48.5%;
        margin-right: 3%
    } */

    /* 3つのとき */
    .menu .first {
        width: 100%;
        margin: 0 auto 1%;
    }

    .menu .first li {
        width: 32.6%;
    }

    .menu .disc_menu li .l1{
      padding-top: 8%;
      color: #fff;
    }

/* aタグが無いときのスタイル */
    /* .menu .second li:nth-of-type(3) {
      width: 32.6%;
      height: 95px;
      background: #fff;
      text-align: center;
      border-radius: 3px;
      font-size: 22px;
      font-weight: bold;
      color: #ccc;
      box-sizing: border-box;
      line-height: 1.3;
    }

    .menu .second li:nth-of-type(3){
      padding-top: 31px;
    }*/

    /* .menu .disc_menu ul li:first-child {
      width: 49.3%;
      height: 95px;
      background: #232323;
      text-align: center;
      border-radius: 3px;
      font-size: 22px;
      font-weight: bold;
      color: #888;
      box-sizing: border-box;
      padding-top: 19px;
      line-height: 1.3;
    }

    .menu .disc_menu ul li span{
      font-size: 18px;
    } */

    /* .menu .disc_menu li .l1{
      padding-top: 8%;
      color: #666;
    } */
/* ここまで */
    .menu .second {
        width: 100%;
        margin: 0 auto;
    }

    .menu .second li {
        width: 32.6%;
    }

    .menu .second li a{
      color: #232323;
    }

    .menu .disc_menu{
      margin-top: 1%;
    }

    .menu .disc_menu ul{
      width: 70%;
      margin: 0 auto;
    }

    .menu .disc_menu ul li{
      width: 49.3%;
    }

    .menu .disc_menu ul li:first-child{
      margin-right: 1.4%;
    }

    .menu .disc_menu li a span{
      font-size: 17px;
    }

    .menu .disc_menu li a{
      color: #fff;
      background-color: #232323;
    }

    .menu .item_menu{
      background-color: #232323;
      padding: 1%;
    }

    .menu .item_menu p{
      color: #fff;
      text-align: center;
      font-size: 22px;
      margin: 0 0 1% 0;
    }

    .menu .item_menu p span{
      font-size: 16px;
    }

    .menu li {
      float: left;
      margin-right: 1%;
      position: relative;
    }

    .menu li::before{
      content:"";
      display: block;
      position: absolute;
      top: 45%;
      right: 0.2vw;
      box-sizing: border-box;
      width: 6px;
      height: 6px;
      border: 5px solid transparent;
      border-left: 6px solid #a0a0a0;
    }

    .menu li:last-child {
      margin-right: 0;
    }

    .menu li a {
      display: block;
      text-decoration: none;
      color: #232323;
      padding: 10px;
      border-radius: 3px;
      background-color: #fff;
      box-sizing: border-box;
      height: 95px;
      text-align: center;
      transition: all .2s ease-in-out;
      line-height: 1.3;
      font-size: 21px;
      font-weight: bold;
    }

    .menu .first li .l1,
    .menu .first li .l2,
    .menu .first li .l3,
    .menu .second li .l2 {
        padding-top: 8%;
    }

    .menu .second li .l1,
    .menu .second li .l3 {
        padding-top: 13%;
    }

    .menu .disc_menu li .l2{
      padding-top: 12%;
    }

    .menu li a:hover {
        opacity: 0.8;
    }

    .content #picup{
      text-align: center;
    }

    .content #picup a{
      text-decoration: none;
      display: inline-block;
    }

    .content #picup .pdf{
      height: 1.5em;
      margin-bottom: 50px;
    }

    .content #picup .pdf a{
      font-size: 20px;
      text-decoration: none;
      border-bottom: 1px solid #333;
      box-sizing: border-box;
      transition: all .2s ease-in-out;
    }

    .content #picup .pdf a:hover{
      border-bottom: transparent;
    }

    .content #check ul li{
      margin: 0.5em 0 0 1em;
      text-indent: -1em;
    }

    .content #check ul li:first-child{
      margin-top: 0;
    }

    .content #check ul li:nth-of-type(3){
      padding-left: 4.5em;
      background: url(../images/new.png) no-repeat left center;
      background-size: 42px;
    }

    .content #check ul li:nth-of-type(4){
      padding-left: 4.5em;
      background: url(../images/saihan.png) no-repeat left center;
      background-size: 42px;
    }

    .content #check ul li a{
      font-weight: bold;
      text-decoration: none;
      border-bottom: 1px solid #333;
      color: #232323;
    }

    .content #news ul li{
      margin-left: 7em;
      text-indent: -7em;
      margin-bottom: 1em;
    }

    .content #news ul li:last-child{
      margin-bottom: 0;
    }

    .content #news ul li strong{
      margin-right: 1em;
    }

    .content #news ul li .sp{
      display: none;
    }

    .content #news ul li a{
      color: #232323;
    }

    .content #check ul li a:hover{
      border-bottom:transparent;
    }

    .content #towculum div{
      float: left;
    }

    .content #gaiyou{
      width: 48%;
      margin-right: 4%;
    }

    .content #booth{
      width: 48%;
    }

    .content #gaiyou ul li {
      text-indent: -5.5em;
      margin-left: 5.5em;
      margin-top: 0.5em;
      line-height: 1.5;
    }

    .content #gaiyou ul li:nth-of-type(6n),
    .content #gaiyou ul li:nth-of-type(7n),
    .content #gaiyou ul li:nth-of-type(8n){
      text-indent: -1em;
      margin-left: 1em;
    }

    .content #gaiyou ul li:nth-of-type(7n),
    .content #gaiyou ul li:nth-of-type(8n){
      color: #FF2727;
    }

    .content #gaiyou ul li:nth-of-type(7n) a,
    .content #gaiyou ul li:nth-of-type(8n) a{
      border-bottom: 1px solid #FF2727;
      color: #FF2727;
      text-decoration: none;
    }

    .content #gaiyou ul li:nth-of-type(7n) a:hover,
    .content #gaiyou ul li:nth-of-type(8n) a:hover{
      border-bottom: transparent;
      opacity: 0.6;
    }

    .content #gaiyou ul li a {
      color: #232323;
    }

    .content #item h3 {
      margin-top: 70px;
      margin-bottom: 18px;
      font-size: 19px;
      font-weight: bold;
      text-align: center;
    }

    .content #item .teaser h3{
      font-size: 28px;
    }

    .content #item .teaser h3 span{
      font-size: 20px;
    }

    .content #item ul {
      margin-bottom: 50px;
    }

    .content #item ul li {
      float: left;
      width: 23%;
      margin-right: 2.65%;
      /* margin-bottom: 50px; */
    }

    .content #item ul li p {
      font-size: 14px;
      line-height: 1.5;
      font-weight: bold;
      margin: 0;
      text-decoration: underline;
    }

    .content #item ul li span {
      font-size: 13px;
      display: block;
      line-height: 1.5;
    }

    .content #item ul li .description{
      margin-left: 1em;
      text-indent: -1em;
    }

    .content #item ul li .new{
      background: url(../images/new.png) no-repeat left center;
      background-size: 42px;
      margin-top: 8px;
      margin-bottom: -18px;
      padding: 10px 21px;
    }

    .content #item ul li .saihan{
      background: url(../images/saihan.png) no-repeat left center;
      background-size: 42px;
      margin-top: 8px;
      margin-bottom: -18px;
      padding: 10px 21px;
    }

    .content #item ul li .daytime1 {
      display: block;
      font-size: 17px;
      text-align: center;
      background: #23abd2;
      padding: 0.3rem;
      box-sizing: border-box;
      color: #fff;
      vertical-align: middle;
    }

    .content #item ul li .daytime2 {
      display: block;
      font-size: 17px;
      text-align: center;
      background: #eb6aaf;
      padding: 0.3rem;
      box-sizing: border-box;
      color: #fff;
      vertical-align: middle;
    }

    .content #item ul li a{
      text-decoration: none;
      transition: all .2s ease-in-out;
      display: block;
      color: #232323;
    }

    .content #item ul li .modal_open{
      font-size: 13px;
      cursor: pointer;
    }

    .content #item ul li .modal_open:hover{
      border: transparent;
    }

    .content #item ul li a:hover{
      opacity: 0.8;
      text-decoration: none;
    }

    .content #item ul li img {
      width: 100%;
    }

    .content #item ul li:nth-of-type(4n) {
      margin-right: 0;
    }

  /* 次回通販告知文 */
    .content .notice{
      text-align: center;
      font-size: 32px;
      margin: 100px 0;
    }
  /* ここまで */

    .content #web .mtx{
      font-size: 26px;
      text-align: center;
      margin-top: 50px;
      margin-bottom: 0;
    }

    .content #web .mtx span{
      color: #1BADD4;
    }

    .content #web .stx{
      text-align: center;
      display: block;
      font-size: 20px;
    }

    .content #web .mdc{
      font-size: 26px;
      font-weight: bold;
      text-align: center;
    }

    .content #web .text02{
      display: block;
      text-align: center;
      font-size: 14px;
    }

    .content #chui{
      color: #232323;
    }

    .content #chui ul li a {
      color: #232323;
      border-bottom:1px solid #232323;
      text-decoration: none;
    }

    .content #chui ul li a:hover{
      opacity: 0.6;
    }

    .content #chui ul li {
      margin-left: 1em;
      text-indent: -1em;
      font-size: 14px;
    }

    .content #copy{
      margin-top: 50px;
      font-size: 14px;
      line-height: 1.3;
    }

    #l-header .header-bottom{
      display: none !important;
    }
    #l-content{
      padding: 0 !important;
    }

    #page-top {
      position: fixed;
      bottom: 20px;
      right: 20px;

    }

    #page-top a {
      text-decoration: none;
      color: #fff;
      width: 60px;
      height: 60px;
      /* padding: 30px 0; */
      text-align: center;
      display: block;
      border-radius: 5px;
    }

    #page-top a img {
      width: 100%;
    }

    #page-top a:hover {
      text-decoration: none;
    }
}

@media screen and (min-width: 841px) and (max-width:1219px) {
    #pc {
      display: block;
    }

    #sp {
      display: none;
    }

    .other {
      width: 100.9%;
    }

    h1{
      font-size: 1.65vw;
      margin: 35px 0;
    }

    .content {
      width: 95%;
      margin: 0 auto;
    }

    .content .main-image {
      width: 100%;
      text-align: center;
      margin: 50px auto 0;
    }

    .main-image{
      text-align: center;
      margin-top: 25px;
    }

    .main-image img {
      max-width: 900px;
    }

    .sns{
      margin: 20px auto 0;
    }

    .sns a img{
      backface-visibility: unset;
    }

    .twitter{
      height: 35px;
      display: inline-block;
      box-sizing: border-box;
      padding-right: 5px;
      /* border-right: 1px solid #bfbfbf; */
    }

    .line{
      height: 35px;
      display: inline-block;
    }

    .twitter,.line{
      padding-top: 6px;
    }

    .content h2 {
      font-size:22px ;
      font-family: "YakuHanJPs", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
      border-bottom: 1px solid #232323;
      margin-top: 100px;
      margin-bottom: 18px;
      text-align: center;
      font-weight: bold;
      line-height: 1.8;
    }

    .menu_img {
      width: 840px;
      margin: 20px auto 30px;
      box-sizing: border-box;
    }

    .menu {
        margin: 50px auto;
        width: 900px;
    }

    /* 2つのとき */
    /* .menu .first {
        width: 45%;
        margin: 0 auto 20px;
    }

    .menu .first li {
        width: 48.5%;
        margin-right: 3%
    } */

    /* 3つのとき */
    .menu .first {
        width: 100%;
        margin: 0 auto 1%;
    }

    .menu .first li {
        width: 32.6%;
    }

/* aタグが無いときのスタイル */
    /* .menu .second li:nth-of-type(3) {
      width: 32.6%;
      height: 95px;
      background: #fff;
      text-align: center;
      border-radius: 3px;
      font-size: 22px;
      font-weight: bold;
      color: #ccc;
      box-sizing: border-box;
      line-height: 1.3;
    }

    .menu .second li:nth-of-type(3){
      padding-top: 31px;
    } */

    /* .menu .disc_menu ul li:first-child {
      width: 49.3%;
      height: 95px;
      background: #232323;
      text-align: center;
      border-radius: 3px;
      font-size: 22px;
      font-weight: bold;
      color: #888;
      box-sizing: border-box;
      padding-top: 19px;
      line-height: 1.3;
    }

    .menu .disc_menu ul li span{
      font-size: 18px;
    } */
/* ここまで */

    .menu .second {
        width: 100%;
        margin: 0 auto;
    }

    .menu .second li {
        width: 32.6%;
    }

    .menu .second li a{
      color: #232323;
    }

    .menu .disc_menu{
      margin-top: 1%;
    }

    .menu .disc_menu ul{
      width: 70%;
      margin: 0 auto;
    }

    .menu .disc_menu ul li{
      width: 49.3%;
    }

    .menu .disc_menu ul li:first-child{
      margin-right: 1.4%;
    }

    .menu .disc_menu li a span{
      font-size: 17px;
    }

    .menu .disc_menu li a{
      color: #fff;
      background-color: #232323;
    }

    .menu .item_menu{
      background-color: #232323;
      padding: 1%;
    }

    .menu .item_menu p{
      color: #fff;
      text-align: center;
      font-size: 22px;
      margin: 0 0 1% 0;
    }

    .menu .item_menu p span{
      font-size: 16px;
    }

    .menu li {
        float: left;
        margin-right: 1%;
        position: relative;
    }

    .menu li::before{
      content:"";
      display: block;
      position: absolute;
      top: 45%;
      right: 0.2vw;
      box-sizing: border-box;
      width: 6px;
      height: 6px;
      border: 5px solid transparent;
      border-left: 6px solid #a0a0a0;
    }

    .menu li:last-child {
        margin-right: 0;
    }

    .menu li a {
        display: block;
        text-decoration: none;
        color: #232323;
        padding: 10px;
        border-radius: 3px;
        background-color: #fff;
        box-sizing: border-box;
        height: 95px;
        text-align: center;
        transition: all .2s ease-in-out;
        line-height: 1.3;
        font-size: 21px;
        font-weight: bold;
    }

    .menu .first li .l1,
    .menu .first li .l2,
    .menu .first li .l3,
    .menu .second li .l2 {
        padding-top: 8%;
    }

    .menu .second li .l1,
    .menu .second li .l3 {
        padding-top: 13%;
    }

    .menu .disc_menu li .l1{
      padding-top: 8%;
      color: #fff;
    }

    .menu .disc_menu li .l2{
      padding-top: 12%;
    }

    .menu li a:hover {
        opacity: 0.8;
    }

    .content #picup{
      text-align: center;
    }

    .content #picup a{
      text-decoration: none;
      display: inline-block;
    }

    .content #picup .pdf{
      height: 1.5em;
      margin-bottom: 50px;
    }

    .content #picup .pdf a{
      font-size: 20px;
      text-decoration: none;
      border-bottom: 1px solid #333;
      box-sizing: border-box;
      transition: all .2s ease-in-out;
    }

    .content #picup .pdf a:hover{
      border-bottom: transparent;
    }

    .content #check ul li{
      margin: 0.5em 0 0 1em;
      text-indent: -1em;
    }

    .content #check ul li:first-child{
      margin-top: 0;
    }

    .content #check ul li:nth-of-type(3){
      padding-left: 4.5em;
      background: url(../images/new.png) no-repeat left center;
      background-size: 42px;
    }

    .content #check ul li:nth-of-type(4){
      padding-left: 4.5em;
      background: url(../images/saihan.png) no-repeat left center;
      background-size: 42px;
    }

    .content #check ul li a{
      font-weight: bold;
      text-decoration: none;
      border-bottom: 1px solid #333;
      color: #232323;
    }

    .content #news ul li{
      margin-left: 7em;
      text-indent: -7em;
      margin-bottom: 1em;
    }

    .content #news ul li:last-child{
      margin-bottom: 0;
    }

    .content #news ul li strong{
      margin-right: 1em;
    }

    .content #news ul li .sp{
      display: none;
    }

    .content #news ul li a{
      color: #232323;
    }

    .content #check ul li a:hover{
      border-bottom:transparent;
    }

    .content #towculum div{
      float: left;
    }

    .content #gaiyou{
      width: 48%;
      margin-right: 4%;
    }

    .content #booth{
      width: 48%;
    }

    .content #booth img{
      width: 100%;
    }

    .content #gaiyou ul li {
      text-indent: -5.5em;
      margin-left: 5.5em;
      margin-top: 0.5em;
      line-height: 1.5;
    }

    .content #gaiyou ul li:nth-of-type(6n),
    .content #gaiyou ul li:nth-of-type(7n),
    .content #gaiyou ul li:nth-of-type(8n){
      text-indent: -1em;
      margin-left: 1em;
    }

    .content #gaiyou ul li:nth-of-type(7n),
    .content #gaiyou ul li:nth-of-type(8n){
      color: #FF2727;
    }

    .content #gaiyou ul li:nth-of-type(7n) a,
    .content #gaiyou ul li:nth-of-type(8n) a{
      border-bottom: 1px solid #FF2727;
      color: #FF2727;
      text-decoration: none;
    }

    .content #gaiyou ul li:nth-of-type(7n) a:hover,
    .content #gaiyou ul li:nth-of-type(8n) a:hover{
      border-bottom: transparent;
      opacity: 0.6;
    }

    .content #gaiyou ul li a {
      color: #232323;
    }

    .content #item h3 {
      margin-top: 70px;
      margin-bottom: 18px;
      font-size: 19px;
      font-weight: bold;
      text-align: center;
    }

    .content #item .teaser h3{
      font-size: 28px;
    }

    .content #item .teaser h3 span{
      font-size: 20px;
    }

    .content #item ul {
      margin-bottom: 50px;
    }

    .content #item ul li {
      float: left;
      width: 23%;
      margin-right: 2.65%;
      /* margin-bottom: 50px; */
    }

    .content #item ul li p {
      font-size: 14px;
      margin: 0;
    }

    .content #item ul li span {
      font-size: 13px;
      display: block;
      line-height: 1.5;
    }

    .content #item ul li .description{
      margin-left: 1em;
      text-indent: -1em;
    }

    .content #item ul li .new{
      background: url(../images/new.png) no-repeat left center;
      background-size: 42px;
      margin-top: 8px;
      margin-bottom: -18px;
      padding: 10px 21px;
    }

    .content #item ul li .saihan{
      background: url(../images/saihan.png) no-repeat left center;
      background-size: 42px;
      margin-top: 8px;
      margin-bottom: -18px;
      padding: 10px 21px;
    }

    .content #item ul li .daytime1 {
      display: block;
      font-size: 1.4vw;
      text-align: center;
      background: #23abd2;
      padding: 0.3rem;
      box-sizing: border-box;
      color: #fff;
      vertical-align: middle;
    }

    .content #item ul li .daytime2 {
      display: block;
      font-size: 1.4vw;
      text-align: center;
      background: #eb6aaf;
      padding: 0.3rem;
      box-sizing: border-box;
      color: #fff;
      vertical-align: middle;
    }

    .content #item ul li a{
      text-decoration: none;
      transition: all .2s ease-in-out;
      display: block;
      color: #232323;
    }

    .content #item ul li .modal_open{
      font-size: 13px;
      cursor: pointer;
    }

    .content #item ul li .modal_open:hover{
      border: transparent;
    }

    .content #item ul li a:hover{
      opacity: 0.8;
      text-decoration: none;
    }

    .content #item ul li img {
      width: 100%;
    }

    .content #item ul li:nth-of-type(4n) {
      margin-right: 0;
    }

  /* 次回通販告知文 */
    .content .notice{
      text-align: center;
      font-size: 32px;
      margin: 100px 0;
    }
  /* ここまで */

    .content #web .mtx{
      font-size: 26px;
      text-align: center;
      margin-top: 50px;
      margin-bottom: 0;
    }

    .content #web .mtx span{
      color: #1BADD4;
    }

    .content #web .stx{
      text-align: center;
      display: block;
      font-size: 20px;
    }

    .content #web .mdc{
      font-size: 26px;
      font-weight: bold;
      text-align: center;
    }

    .content #web .text02{
      display: block;
      text-align: center;
      font-size: 14px;
    }

    .content #chui{
      color: #232323;
    }

    .content #chui ul li a {
      color: #232323;
      border-bottom:1px solid #232323;
      text-decoration: none;
    }

    .content #chui ul li a:hover{
      opacity: 0.6;
    }

    .content #chui ul li {
      margin-left: 1em;
      text-indent: -1em;
      font-size: 16px;
    }

    .content #copy{
      margin-top: 50px;
      font-size: 14px;
      line-height: 1.3;
    }

    #l-header .header-bottom{
      display: none !important;
    }
    #l-content{
      padding: 0 !important;
    }

    #page-top {
      position: fixed;
      bottom: 20px;
      right: 20px;

    }

    #page-top a {
      text-decoration: none;
      color: #fff;
      width: 60px;
      height: 60px;
      /* padding: 30px 0; */
      text-align: center;
      display: block;
      border-radius: 5px;
    }

    #page-top a img {
      width: 100%;
    }

    #page-top a:hover {
      text-decoration: none;
    }
}

@media screen and (max-width: 840px) {
    p{
      font-size: 13px;
    }
    #pc {
      display: none;
    }

    #sp {
      display: block;
    }

    h1{
      font-size: 4.6vw;
      line-height: 1.3;
      margin: 5vw auto;
      width: 95%;
    }

    /* ↓sp font-size */
    .st{
      font-size: 11px !important;
    }
    .mt{
      font-size: 13px !important;
    }
    .bt{
      font-size: 15px !important;
    }
    /* ↑sp font-size end */

    .other {
      width: 100%;
    }

    .content {
      width: 95%;
      margin: 0 auto;
    }

    .main-image {
      width: 100%;
      text-align: center;
    }

    .main-image img {
      text-align: center;
    }

    .main-image .main_bnr{
      width: 100%;
    }

    .sns{
      margin: 10px auto;
    }

    .sns a{
      height: 25px;
    }

    .sns a img{
      backface-visibility: unset;
    }

    .twitter{
      display: inline-block;
      box-sizing: border-box;
      padding-right: 1.5vw;
      /* border-right: 1px solid #bfbfbf; */
    }

    .line{
      display: inline-block;
    }

    .content h2 {
      font-size:17px ;
      font-family: "YakuHanJPs", "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
      border-bottom: 1px solid #232323;
      margin-top: 4vw;
      margin-bottom: 3.5vw;
      text-align: center;
      font-weight: bold;
      line-height: 2;
    }

    .menu_img {
      width: 100%;
      margin: 0 auto 3.5vw;
      box-sizing: border-box;
    }

    .menu {
        margin: 7vw auto;
        width: 95%;
    }

    /* 2つのとき */
    /* .menu .first {
        width: 45%;
        margin: 0 auto 20px;
    }

    .menu .first li {
        width: 48.5%;
        margin-right: 3%
    } */

    /* 3つのとき */
    .menu .first {
        width: 100%;
        margin: 0 auto 1%;
    }

    .menu .disc_menu li .l1{
      color: #fff;
    }

    /* aタグが無いときのスタイル */
        /* .menu .second li:nth-of-type(3) {
          display: table-cell;
          vertical-align: middle;
          width: 32.2%;
          text-decoration: none;
          color: #b1b1b1;
          padding: 10px;
          border-radius: 3px;
          background-color: #fff;
          box-sizing: border-box;
          height: 15vw;
          text-align: center;
          line-height: 1.3;
          font-size: 2.5vw;
          font-weight: bold;
        }

        .menu .second li:nth-of-type(3){
          padding-top: 6vw;
        } */

        /* .menu .disc_menu ul li:first-child {
          width: 49.5%;
          display: table-cell;
          vertical-align: middle;
          text-decoration: none;
          color: #888;
          padding: 4vw;
          border-radius: 3px;
          background-color: #232323;
          box-sizing: border-box;
          height: 15vw;
          text-align: center;
          line-height: 1.3;
          font-size: 2.7vw;
          font-weight: bold;
        }

        .menu .disc_menu ul li span{
          font-size: 2vw;
        } */
        /* .menu .disc_menu li .l1{
          color: #666;
        } */
    /* ここまで */

    .menu .first li {
        width: 32.6%;
    }

    .menu .second {
        width: 100%;
        margin: 0 auto;
    }

    .menu .second li {
        width: 32.6%;
    }

    .menu .second li a{
      color: #232323;
    }

    .menu .disc_menu{
      margin-top: 1%;
    }

    .menu .disc_menu ul{
      width: 100%;
      margin: 0 auto;
    }

    .menu .disc_menu ul li{
      width: 49.3%;
    }

    .menu .disc_menu ul li:first-child{
      margin-right: 1%;
    }

    .menu .disc_menu li a span{
      font-size: 2vw;
    }

    .menu .disc_menu li a{
      color: #fff;
      background-color: #232323;
    }

    .menu .item_menu{
      background-color: #232323;
      padding: 1%;
    }

    .menu .item_menu p{
      color: #fff;
      text-align: center;
      font-size: 4.5vw;
      margin: 0 0 1% 0;
    }

    .menu .item_menu p span{
      font-size: 16px;
    }

    .menu li {
        float: left;
        margin-right: 1%;
        position: relative;
    }

    .menu li::before{
      content:"";
      display: block;
      position: absolute;
      /* top: 45%; */
      top: 7vw;
      right: 0.5vw;
      box-sizing: border-box;
      width: 1vw;
      height: 1vw;
      border: 0.7vw solid transparent;
      border-left: 1vw solid #a0a0a0;
    }

    .menu li:last-child {
        margin-right: 0;
    }

    .menu li a {
        display: table-cell;
        vertical-align: middle;
        width: 32.2%;
        text-decoration: none;
        color: #232323;
        padding: 10px;
        border-radius: 3px;
        background-color: #fff;
        box-sizing: border-box;
        height: 15vw;
        text-align: center;
        line-height: 1.3;
        font-size: 2.7vw;
        font-weight: bold;
    }

    .menu .second li .l1{
      font-size: 2.5vw;
    }

    .content #picup{
      width: 100%;
      text-align: center;
    }

    .content #picup a{
      text-align: center;
      text-decoration: none;
    }

    .content #picup a img{
      width: 100%;
    }

    .content #picup .pdf{
      margin-bottom: 2.5vw;
    }

    .content #picup .pdf a{
      border-bottom: 1px solid #232323;
      color: #232323;
    }

    .content #picup .pdf a:hover{
      opacity: 1;
    }

    .content #check ul li{
      text-indent: -1em;
      margin: 0.5em 0 0 1em;
      font-size: 13px;
    }

    .content #check ul li:first-child{
      margin-top: 0;
    }

    .content #check ul li:nth-of-type(3){
      padding-left: 4em;
      background: url(../images/new.png) no-repeat left center;
      text-indent: 0;
      background-size: 3.5em;
    }

    .content #check ul li:nth-of-type(4){
      padding-left: 4em;
      background: url(../images/saihan.png) no-repeat left center;
      text-indent: 0;
      background-size: 3.5em;
    }

    .content #check ul li a{
      font-weight: bold;
      color: #232323;
      border-bottom: 1px solid #232323;
      text-decoration: none;
    }

    .content #news ul li{
      font-size: 13px;
      margin-top: 3vw;
      padding-top: 3vw;
      box-sizing: border-box;
      border-top: 1px solid #aaa;
    }

    .content #news ul li a{
      color: #232323;
    }

    .content #news ul li:first-child{
      border: none;
      margin: 0;
      padding: 0;
    }

    .content #gaiyou {
      font-size: 13px;
      margin-bottom: 6vw;
    }

    .content #gaiyou ul li {
      text-indent: -5.5em;
      margin-left: 5.5em;
      margin-top: 0.5em;
      line-height: 1.3;
    }

    .content #gaiyou ul li:nth-of-type(6n),
    .content #gaiyou ul li:nth-of-type(7n),
    .content #gaiyou ul li:nth-of-type(8n){
      text-indent: -1em;
      margin-left: 1em;
    }

    .content #gaiyou ul li:nth-of-type(7n),
    .content #gaiyou ul li:nth-of-type(8n){
      color: #FF2727;
    }

    .content #gaiyou ul li:nth-of-type(7n) a,
    .content #gaiyou ul li:nth-of-type(8n) a{
      border-bottom: 1px solid #FF2727;
      color: #FF2727;
      text-decoration: none;
    }

    .content #gaiyou ul li:nth-of-type(7n){
      margin-bottom: 0.8em;
    }

    .content #gaiyou ul li a {
      color: #232323;
    }

    .content #booth{
      text-align: center;
    }

    .content #booth img{
      margin-top: 5px;
      width: 80%;
    }

    .content #item h3 {
      font-weight: bold;
      width: 100%;
      margin: 5vw auto 3vw;
      font-size: 18px;
      text-align: center;
    }

    .content #item .teaser h3{
      font-size: 20px;
      margin-top: 25px;
      font-weight: normal;
      display: inline-block;
    }

    .content #item .teaser h3 span{
      font-size: 15px;
    }

    .content #item ul {
      width: 100%;
      margin: 0 auto;
    }

    .content #item ul li {
      float: left;
      width: 48.7%;
      margin-right: 2.5%;
      margin-bottom: 5vw;
    }

    .content #item ul li:nth-of-type(2n) {
      margin-right: 0;
    }

    .content #item ul li p {
      font-size: 13px;
      line-height: 1.5;
      font-weight: bold;
      margin: 0;
      text-decoration: underline;
    }

    .content #item ul li span {
      font-size: 13px;
      line-height: 1.5;
      display: block;
    }

    .content #item ul li .description{
      margin-left: 1em;
      text-indent: -1em;
    }

    .content #item ul li .new{
      background: url(../images/new.png) no-repeat left center;
      background-size: 30px;
      margin-top: 5px;
      margin-bottom: -20px;
      padding: 7.5px;
    }

    .content #item ul li .saihan{
      background: url(../images/saihan.png) no-repeat left center;
      background-size: 30px;
      margin-top: 5px;
      margin-bottom: -20px;
      padding: 7.5px;
    }



    .content #item ul li .daytime1 {
      display: block;
      font-size: 3vw;
      text-align: center;
      background: #23abd2;
      padding: 0.3rem;
      box-sizing: border-box;
      color: #fff;
      vertical-align: middle;
    }

    .content #item ul li .daytime2 {
      display: block;
      font-size: 3vw;
      text-align: center;
      background: #eb6aaf;
      padding: 0.3rem;
      box-sizing: border-box;
      color: #fff;
      vertical-align: middle;
    }

    .content #item ul li a .daytime1,
    .content #item ul li a .daytime2{
      text-decoration: none;
      color: #232323;
    }

    .content #item ul li a:hover{
      opacity: 1;
    }

    .content #item ul li a{
      display: block;
      text-decoration: none;
      color: #232323;
    }

    .content #item ul li .modal_open{
      font-size: 13px;
      border-bottom: 1px solid #232323;
    }

    .content #item ul li img {
      width: 100%;
    }
    #modal1 .oti{
      width: 100%;
    }

    .content #item ul li:nth-of-type(2n) {
      margin-right: 0;
    }

/* 次回通販告知文 */
    .content .notice{
      text-align: center;
      font-size: 5.5vw;
      margin: 50px 0;
    }
/* ここまで */

    .content #web .mtx{
      font-size: 26px;
      text-align: center;
      margin-top: 50px;
      margin-bottom: 0;
    }

    .content #web .mtx span{
      color: #1BADD4;
    }

    .content #web .stx{
      text-align: center;
      display: block;
      font-size: 20px;
    }

    .content #web .mdc{
      font-size: 26px;
      font-weight: bold;
      text-align: center;
    }

    .content #web .text02{
      display: block;
      text-align: center;
      font-size: 14px;
    }

    .content #chui{
      font-size: 11px;
    }

    .content #chui ul li {
      margin-left: 1em;
      text-indent: -1em;
    }

    .content #chui a{
      color: #232323;
      border-bottom: 1px solid #232323;
      text-decoration: none;
    }

    .content #chui a:hover{
      opacity: 1;
    }

    .content #copy{
      margin-top: 10vw;
      font-size: 12px;
      line-height: 1;
    }

    .content #copy small span{
      font-size: 17px;
      vertical-align: middle;
      margin-top: -0.6vw;
      display: inline-block;
    }

    #l-header .header-spbottom{
      display: none;
    }

    #l-footer{
      margin-top: 4rem;
    }

    #l-footer .copy-txt,
    #l-footer .copy-copyright{
      font-size: 12px;
    }

    /* #l-header .header-bottom{
      display: none !important;
    } */
    #l-content{
      padding: 0 !important;
    }

    a:hover{
      opacity: 1 !important;
    }
}