@charset "UTF-8";
*{
  /*謎のちらつき対策*/
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
@media (min-width: 1024px){
    .wrp_mainv {
      background: #f6f6f8;
      height: 360px;
      padding: 20px 0px;
      border-bottom: solid 1px #cbcbcb;
      opacity: 0;
    }
    .wrp_mainv > section {
      width: 1000px;
      margin: 0px auto;
    }
    
    .wrp_concept {
      padding: 40px 0px 40px 0px;
    }
    .wrp_concept > section {
      width: 1000px;
      margin: 0px auto;
      position: relative;
    }
    .wrp_concept > section h2 {
      color: var(--color-primary);
      font-size: 28px;
      letter-spacing: 2px;
      margin: 0px 0px 14px 0px;
      width: 733px;
    }
    .wrp_concept > section h2 span {
      color: #efad1f;
    }
    .wrp_concept > section > p {
      line-height: 180%;
      width: 700px;
      text-shadow: 0px 0px 3px #ffffff;
    }
    .wrp_concept > section .eyecatch {
      position: absolute;
      top: -26px;
      right: -30px;
      width: 260px;
    }
    .wrp_concept > section .eyecatch img {
      width: 230px;
      height: auto;
      border-radius: 100%;
      border: solid 6px #e5e5e5;
    }
    .wrp_concept > section .eyecatch p {
      position: absolute;
      bottom: 20px;
      width: 100%;
      text-align: center;
      text-shadow: 0 2px 0 #fff, 2px 0 0 #fff, 0 -2px 0 #fff, -2px 0 0 #fff, -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff;
      font-size: 23px;
      color: #efad1f;
    }
    
    .topnav {
      width: 1000px;
      margin: 0px auto;
      padding: 10px 0px 0px 0px;
    }
    .topnav a {
      display: block;
      float: left;
    }
    .topnav a:nth-of-type(2) {
      margin: 0px 7px;
    }
    
    .wrp_main {
      padding-top: 30px !important;
    }
    .wrp_main .wrp_h {
      position: relative;
      border-bottom: solid 1px #cbcbcb;
      padding: 10px 0px 10px 0px;
    }
    .wrp_main .wrp_h h3 {
      font-size: 22px;
      border-left: solid 12px var(--color-primary);
      padding: 0px 0px 0px 14px;
    }
    .wrp_main .wrp_h h3 span {
      font-size: 12px;
      color: #3d61ad;
      padding: 0px 0px 0px 20px;
      font-family: 'Orbitron', sans-serif;
    }
    .wrp_main .wrp_h a {
      position: absolute;
      right: 0px;
      top: 2px;
      width: 130px;
      text-align: center;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #ffffff), color-stop(50%, #f7f7f7));
      /* Chrome,Safari4+ */
      background: linear-gradient(to bottom, #ffffff 49%, #f7f7f7 50%);
      /* W3C */
      padding: 10px 0px;
      font-size: 12px;
      display: block;
      border-radius: 4px;
      border: solid 1px #e5e5e5;
      text-decoration: none;
    }
    .wrp_main .wrp_h a:after {
      width: 10px;
      height: 10px;
      content: "　";
      background-image: url('../img/index/bt_news.png');
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      margin: 0px 0px 0px 6px;
    }
    
    .wrp_main .wrp_goods ul {
      margin: 15px 0px 40px 0px;
      display:flex;
      display:-webkit-flex;
      flex-wrap:wrap;
      -webkit-flex-wrap:wrap;
      width: calc(100% + 16px);
    }
    
    .wrp_main .wrp_goods ul li a{
      border:solid 1px #d2d2d2;
      width:180px;
      height:140px;
      margin-right:16px;
      margin-bottom:16px;
      display:flex;
      display:-webkit-flex;
      flex-wrap:wrap;
      -webkit-flex-wrap:wrap;
      align-items:center;
      -webkit-align-items:center;
      justify-content:center;
      -webkit-justify-content:center;
      text-decoration:none;
      position:relative;
    }

    .wrp_main .wrp_goods ul li a:after{
      position: absolute;
      bottom: 5px;
      right: 5px;
      content:"";
      background:url(../img/common/icon_goods.png);
      width:17px;
      height:17px;
      background-size:17px 17px;
    }

    .wrp_main .wrp_goods ul li a .g_inner{
      text-align:center;
    }
    .wrp_main .wrp_goods ul li a .g_head{
      line-height:1.4;
      display:block;
      margin:0 auto;
      width:150px;
      font-size:14px;
    }
    
    .wrp_main .wrp_goods ul li a .g_inner .g_thumb{
      display:block;
      width:150px;
      height:85px;
      margin:0 auto;
      background-size:contain;
      background-repeat:no-repeat;
      background-position:center;
    }
    
    .wrp_main .wrp_news ul {
      margin: 15px 0px 0px 0px;
    }
    .wrp_main .wrp_news ul li {
      padding: 17px 0px 16px 0px;
      font-size: 14px;
      border-bottom: dotted 1px #cbcbcb;
    }
    .wrp_main .wrp_news ul li:before {
      width: 15px;
      height: 15px;
      content: "　";
      background-image: url('../img/index/icon_news.png');
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      margin: 0px 20px 0px 6px;
    }
    .wrp_goods_desc{
      margin:10px 0 40px 0;
    }
    .wrp_goods_desc section {
      border-bottom:solid 1px #d2d2d2;
      padding:0px 0 10px;
      margin:15px 0 15px;
    }
    .wrp_goods_desc section h4{
      line-height:160%;
      font-weight:bold;
    }
    .wrp_goods_desc section p{
      line-height:160%;
      display:flex;
      display:-webkit-flex;
      align-items:center;
    }
    .wrp_goods_desc section p img{
      width:180px;
      margin-left:15px;
    }
}

@media (max-width: 1023px){
    .wrp_mainv {
      background: #f6f6f8;
      padding: 20px 0px;
      margin:10vh 0 0 0;
      border-bottom: solid 1px #cbcbcb;
      opacity: 0;
    }
    .wrp_mainv > section {
      margin: 0px auto;
    }
    .bx-wrapper{
	overflow:hidden;
    }
    
    .wrp_concept {
      background: url(../img/index/bg_concept.jpg) no-repeat center center;
      background-size:contain;
      padding: 20px 2% 20px 2%;
    }
    .wrp_concept > section {
      margin: 0px auto;
      position: relative;
    }
    .wrp_concept > section h2 {
      color: var(--color-primary);
      font-size: 2.0rem;
      letter-spacing: 2px;
      margin: 0px 0px 14px 0px;
    }
    .wrp_concept > section h2 span {
      color: #efad1f;
    }
    .wrp_concept > section > p {
      line-height: 180%;
      font-size:1.4rem;
      text-shadow: 0px 0px 3px #ffffff;
    }
    .wrp_concept > section .eyecatch {
      display:none;
    }
    .topnav {
      margin: 0px auto;
      padding: 0px 2% 0px 2%;
      display:flex;
      display:-webkit-flex;
      flex-wrap:wrap;
      -webkit-flex-wrap:wrap;
      justify-content: space-between;
      -webkit-justify-content: space-between;
    }
    .topnav a {
      display: block;
      margin:0px 0px 10px 0px;
      width:48.5%;
    }
    .topnav a img{
      display: block;
      width:100%;
    }
    .wrp_main {
      padding-top: 0px !important;
    }
    .wrp_main .wrp_h {
      position: relative;
      border-bottom: solid 2px #cbcbcb;
      padding: 20px 0px 10px 0px;
    }
    .wrp_main .wrp_h h3 {
      font-size: 2.0rem;
      border-left: solid 16px var(--color-primary);
      padding: 0px 0px 0px 14px;
    }
    .wrp_main .wrp_h h3 span {
      display:none;
    }
    .wrp_main .wrp_h a {
      position: absolute;
      right: 0px;
      top: 2px;
      width: 130px;
      text-align: center;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #ffffff), color-stop(50%, #f7f7f7));
      /* Chrome,Safari4+ */
      background: linear-gradient(to bottom, #ffffff 49%, #f7f7f7 50%);
      /* W3C */
      padding: 10px 0px;
      font-size: 12px;
      display: none;
      border-radius: 4px;
      border: solid 1px #e5e5e5;
      text-decoration: none;
    }
    .wrp_main .wrp_h a:after {
      width: 10px;
      height: 10px;
      content: "　";
      background-image: url('../img/index/bt_news.png');
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      margin: 0px 0px 0px 6px;
    }
    .wrp_main .wrp_news ul {
      margin: 0px 0px 0px 0px;
    }
    .wrp_main .wrp_news ul li {
      padding: 17px 0px 16px 0px;
      font-size: 1.4rem;
      border-bottom: dotted 1px #cbcbcb;
      line-height:1.6;
    }
    .wrp_main .wrp_news ul li:before {
      width: 15px;
      height: 15px;
      content: "　";
      background-image: url('../img/index/icon_news.png');
      background-repeat: no-repeat;
      display: inline-block;
      vertical-align: middle;
      margin: 0px 20px 0px 6px;
    }
    .wrp_main .wrp_goods ul {
      margin: 10px 0px 15px 0px;
      display:flex;
      display:-webkit-flex;
      justify-content: center;
      flex-wrap:wrap;
      -webkit-flex-wrap:wrap;
      gap:10px;
    }
    .wrp_main .wrp_goods ul li{
      width: calc(50% - 5px);
    }
    .wrp_main .wrp_goods ul li a{
      border:solid 1px #d2d2d2;
      width:100%;
      height:160px;
      display:flex;
      display:-webkit-flex;
      flex-wrap:wrap;
      -webkit-flex-wrap:wrap;
      align-items:center;
      -webkit-align-items:center;
      justify-content:center;
      -webkit-justify-content:center;
      text-decoration:none;
      position:relative;
    }

    .wrp_main .wrp_goods ul li a:after{
      position: absolute;
      bottom: 5px;
      right: 5px;
      content:"";
      background:url(../img/common/icon_goods.png);
      width:17px;
      height:17px;
      background-size:17px 17px;
    }

    .wrp_main .wrp_goods ul li a .g_inner{
      text-align:center;
    }
    .wrp_main .wrp_goods ul li a .g_head{
      line-height:1.4;
      display:block;
      margin:0 auto;
      width:140px;
      font-size:1.2rem;
    }
    
    .wrp_main .wrp_goods ul li a .g_inner .g_thumb{
      display:block;
      width:130px;
      height:85px;
      margin:0 auto;
      background-size:contain;
      background-repeat:no-repeat;
      background-position:center;
    }
    
    .wrp_goods_desc{
      margin:10px 0 40px 0;
    }
    .wrp_goods_desc section {
      border-bottom:solid 1px #d2d2d2;
      padding:0px 0 10px;
      margin:15px 0 15px;
    }
    .wrp_goods_desc section h4{
      line-height:180%;
      font-weight:bold;
    }
    .wrp_goods_desc section p{
      line-height:180%;
    }
    .wrp_goods_desc section p span{
      display:block;
    }
    .wrp_goods_desc section p img{
      width:180px;
      display:block;
      margin: 0 auto;
    }
}