@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 751px){

/*  */

.background__wrap{position:fixed;top:0;left:0;width:100%;z-index: 0;}

.background_sec01{width:100%;height:100vh;position:absolute;top:0;left:0;}
.background_sec01 .img-bg{width:100%;opacity:1;position:absolute;top:0;left:0;}

#contents{padding:200px 0 0;}

.headline{color:#fff;margin:0 auto 40px;display:block;font-size:60px;text-align:center;}
.head_min{width:1000px;margin:60px auto 60px;padding:0 0 5px;border-bottom:1px solid #634b4b;font-size:30px;text-align:center;}


.wrap__soft{padding:60px 0 140px;}
.icon-tm{font-size:60%;}


.flexwrap{display: flex;justify-content: center;margin:0 auto;max-width: 1000px;}
.flexbox{display:block;width:1000px;margin:0 10px;}

.flexbox .tit{font-size:40px;text-align: center;}
.flexbox .type{font-size:13px;text-align: center;margin:0 0 20px;color:#aba130;}
.flexbox .img{display:block;width:100%;box-shadow: 0 0 20px rgba(0,0,0,0.3);}
.flexbox .img img{display:block;width:100%;border:1px solid #505050;}
.flexbox .price{font-size:18px;text-align:center;}
.flexbox .price .num{font-size:44px;font-style: italic;margin-right:0.2em;letter-spacing:0.03em;}

.flexbox .info-exp{box-sizing: border-box;width:800px;margin:30px auto 0;font-size:14px;text-align: left;background-color: rgba(0,0,0,0.3);padding:25px 30px;color:#bfae63;}

.info{border-bottom:1px solid #333;padding:0 0 20px;width:100%;margin:20px auto 0;padding-left:0;box-sizing: border-box;margin-bottom:20px;}
.info .head{font-size:14px;width:20%;display:inline-block;vertical-align: middle;text-align:center;}
.info .text{font-size:14px;width:78%;display:inline-block;vertical-align: middle;}
.info .text li{padding-left:1.5em;text-indent:-1.5em;}
.info .text li:before{content:'■';margin-right:0.5em;}




.wrap_btn{text-align: center;}
.btn-reserve{background-color:transparent;color:#000;padding:10px 40px;margin:5px 2px 0;display:inline-block;border:1px solid #dcc96b;background:#ad9b3f url(../img/product/btn-bg.jpg);transition:all 0.4s;}
.btn-reserve:hover{background:#ad9b3f url(../img/product/btn-bg-hover.jpg);}


/* option */
.wrap__soft .flexwrap{min-width:1200px;width:90%;display:block;margin:0 auto;}
.wrap__soft .flexbox{display:block;width:40%;margin:0 auto;}
.wrap__soft .normal .tit{width:700px;text-align: center;margin:0 auto;}
.wrap__soft .normal .type{width:700px;text-align: center;margin:0 auto;}
.wrap__soft .normal .price{width:700px;margin:0 auto 20px;}
.wrap__soft .normal .img{width:420px;box-shadow:0 0;margin:-60px auto -80px;}
.wrap__soft .normal .img img{border:0px solid #000;}

.wrap__soft .normal .wrap-version{width:850px;display:flex;margin:0 auto;}

.wrap-version{}
.wrap-version__pack{background-color:rgba(0,0,0,0.4);padding:30px 20px 30px;box-sizing: border-box;border:6px solid rgba(100,100,100,0.3);}
.wrap-version__dl{background-color:rgba(0,0,0,0.4);padding:30px 20px;margin-top:0px;border:6px solid rgba(100,100,100,0.3);margin-left:15px;}

.wrap-version .wv_tit{text-align: center;font-size:18px;font-weight:800;margin-bottom:20px;line-height:1;}

.wrap-version__dx{background-color:rgba(0,0,0,0.4);padding:30px 20px 30px;margin-top:10px;border:6px solid rgba(100,100,100,0.3);}

.wrap_priv{text-align:center;}
.wrap_priv .head{display:inline-block;color:#9a8315;vertical-align: middle;}

.wrap_priv__btn{border:1px solid #9d7c07;display:inline-block;background-color:#000;color:#fff8d6;font-size:13px;padding-right:10px;margin:0 4px;border-radius: 4px;}
.wrap_priv__btn img{width:94px;vertical-align: middle;}
.wrap_priv__btn text{width:100px;vertical-align: middle;padding:10px;display:inline-block;}


.wrap__soft .dx .tit{margin-top:100px;}



.flexbox.normal{width:1000px;}
.flexbox.dx{width:1000px;}


.wrap__privilege_background{background-color:rgba(43, 8, 8, 0.71);padding-bottom:150px;}

.wrap__privilege{padding:60px 0;}
.wrap__privilege:first-child{padding-bottom:0;}
.wrap__privilege .tit{font-size:28px;}

.name-text{text-align:center;padding-top:20px;font-size:14px;}
.name-text__attention{color:#ac9f00;border:1px solid #5b5400;padding:6px;font-size:14px;text-align:center;margin-top:20px;margin-bottom:10px;order-radius:8px;}
.name-text__attention.none{opacity:0;}

.wrap__shop .flexwrap{width:1200px;}
.wrap__shop .flexbox{background-color:rgba(0,0,0,0.4);padding:40px 10px;min-width:auto; margin:0 8px;border:1px solid #5b5400;}
.wrap__shop .tit{font-size:28px;margin-bottom:0.3em;}
.wrap__shop .name-text{height:3em;line-height:1.6;}

.cbox{position:relative;}
.cbox:after{content:'';display:block;width:40px;height:40px;background-image:url(../img/common/to_zoom.png);display:block;text-indent:-9999px;position:absolute;right:8px;bottom:8px;border-radius:50%;background-size:40px;box-shadow:rgba(0,0,0,0.5);overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all 0.5s;}
.cbox:hover:after{box-shadow:3px 3px 10px rgba(0,0,0,0.5);}

.attention_min{margin-top:1em;color:#b5ae8a;font-size:14px;}

.cbox-noicon:after{display:none;}


.wrap_yoyaku {display:block;width:500px;margin:0 auto 40px;}
.wrap_yoyaku img{width:100%;display:block;transition:all 0.5s;}
.wrap_yoyaku img:hover{filter: brightness(1.4);}


.limit{margin-bottom:0.5em;color:#b5ae8a;}

.area-htg{padding-top:130px;}
.area-htg__text{width:1000px;margin:0 auto 1.4em;}

.head_min_htg{font-size:22px;width:1000px;margin:0 auto;padding-bottom:15px;}


  .table_wrap{width:1000px;margin:0 auto 0;background-color:#1A1A1A;}
table{width:100%;font-size:14px;border-bottom:#333;}
table{border-collapse:collapse;}
table tr.top{border-top:4px solid #333;}
table th{border:1px solid #333;padding:10px 20px;width:20%;text-align:left;background:#000;text-align: center;line-height:1.3;}

/* th.category{background:transparent;} */
th.category.sub{border:none;border-right:1px solid #333;}
table .min{font-size:90%;color:#aaa;}

table td{border-top:2px solid #333;padding:10px 20px;border-right:1px dotted #333;}
table tr{border-right:1px solid #333;border-left:1px solid #333;}
table tr:last-child td{border-bottom:1px solid #666;border-bottom:1px solid #333;}
/* table tr:first-child th, table tr:first-child td{border-top:0px solid #666;} */
table .name{background-color:#47101d;margin-top:10px;line-height:1.4;color:#ddd;padding:15px 40px 15px 20px;position:relative;width:35%;}
table .name_main{font-size:18px;color:#fff;}

.attention-right{text-align: right;width:1200px;margin:0 auto;padding-top:20px;color:#bbb;font-size:14px;}
table .btn-zoom{width:30px;height:30px;position:absolute;border-radius:20px;display:block;right:10px;top:50%;transform:translate(0,-50%);}
table .btn-zoom:after{width:30px;height:30px;position:absolute;border-radius:20px;background-size:100%;left:0;top:0;right:auto;bottom:auto;}

}




/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 750px) {

  .background__wrap{position:fixed;top:0;left:0;width:100%;z-index: 0;}

  .background_sec01{width:100%;height:100vh;position:absolute;top:0;left:0;}
  .background_sec01 .img-bg{width:100%;opacity:1;position:absolute;top:0;left:0;}

  #contents{padding:40px 0% 60px;}
  .wrap__soft{padding:30px 0 60px;}
  .icon-tm{font-size:60%;}

  .head_min{margin:0px auto 30px;padding:0 0 5px;border-bottom:1px solid #634b4b;font-size:24px;text-align:center;width:90%;}

  .headline{margin-bottom:10px;}



  .flexwrap{justify-content: center;margin:0 auto;}
  .flexbox{display:block;width:90%;margin:0 20px;}

  .flexbox .tit{font-size:24px;text-align: center;}
  .flexbox .type{font-size:12px;text-align: center;margin:0 0 20px;color:#aba130;}
  .flexbox .img{display:block;width:100%;box-shadow: 0 0 20px rgba(0,0,0,0.3);margin:0 auto;}
  .flexbox .img img{display:block;width:100%;border:1px solid #505050;}
  .flexbox .price{font-size:15px;text-align:center;}
  .flexbox .price .num{font-size:40px;font-style: italic;margin-right:0.2em;letter-spacing:0.03em;}
  .flexbox .info-exp{box-sizing: border-box;width:90%;margin:10px auto 0;font-size:11px;text-align: left;background-color: rgba(0,0,0,0.3);padding:5% 5%;color:#bfae63;}


  .wrap__shop .flexbox .img{width:50%;}

  .info{border-bottom:1px solid #333;padding:0 0 20px;width:100%;margin:0px auto 0;padding-left:0;box-sizing: border-box;margin-bottom:20px;}
  .info .head{font-size:14px;width:20%;display:inline-block;vertical-align: middle;text-align:center;}
  .info .text{font-size:12px;width:78%;display:inline-block;vertical-align: middle;}
  .info .text li{padding-left:1.5em;text-indent:-1.5em;}
  .info .text li:before{content:'■';margin-right:0.5em;}




  .wrap_btn{text-align: center;}
  .btn-reserve{background-color:transparent;color:#000;padding:10px 40px;margin:25px 2px 0;display:inline-block;border:1px solid #dcc96b;background:#ad9b3f url(../img/product/btn-bg.jpg);transition:all 0.4s;width:100%;box-sizing: border-box;}
  .btn-reserve{background-color:transparent;color:#000;padding:10px 40px;margin:25px 2px 0;display:inline-block;border:1px solid #dcc96b;background:#ad9b3f url(../img/product/btn-bg.jpg);transition:all 0.4s;width:100%;box-sizing: border-box;}
  .btn-reserve:hover{background:#ad9b3f url(../img/product/btn-bg-hover.jpg);}

  .normal .btn-reserve{width:86%;}
  .normal .btn-reserve:nth-child(2n+2){margin-top:15px;}


  /* option */


  .wrap__soft .flexwrap{width:90%;display:block;margin:0 auto;}
  .wrap__soft .flexbox{display:block;width:100%;margin:0 auto;}
  .wrap__soft .normal .tit{width:100%;}
  .wrap__soft .normal .type{width:100%;margin-bottom:0px;}
  .wrap__soft .normal .price{width:100%;}
  .wrap__soft .normal .img{box-shadow:0 0 0 rgba(0,0,0,0);}
  .wrap__soft .normal .img img{border:0px solid #000;}

  .wrap__soft .normal .wrap-version{width:100%;}

  .wrap-version{}
  .wrap-version__pack{background-color:rgba(0,0,0,0.4);padding:20px 20px 25px;box-sizing: border-box;border:6px solid rgba(100,100,100,0.3);}
  .wrap-version__dl{background-color:rgba(0,0,0,0.4);padding:20px;margin-top:10px;border:6px solid rgba(100,100,100,0.3);}

  .wrap-version .wv_tit{text-align: center;font-size:15px;font-weight:800;margin-bottom:17px;line-height:1;}

  .wrap-version__dx{background-color:rgba(0,0,0,0.4);padding:20px;margin-top:10px;border:6px solid rgba(100,100,100,0.3);}

  .wrap_priv{text-align:center;}
  .wrap_priv .head{display:inline-block;color:#9a8315;vertical-align: middle;}

  .wrap_priv__btn{border:1px solid #9d7c07;display:inline-block;background-color:#000;color:#fff8d6;font-size:11px;padding-right:10px;margin:8px 4px 0;border-radius: 4px;}
  .wrap_priv__btn img{width:94px;vertical-align: middle;}
  .wrap_priv__btn text{width:100px;vertical-align: middle;padding:10px;display:inline-block;}


   .wrap__soft .dx .tit{margin-top:80px;font-size:28px;}


  .flexbox .tit{font-size:24px;text-align: center;}

  .flexbox.normal{}
  .flexbox.normal .img{width:300px;display:block;margin:-14% auto -15%;}
  .flexbox.dx{}


  .wrap__privilege_background{background-color:rgba(43, 8, 8, 0.71);padding-bottom:40px;}

  .wrap__privilege{padding:40px 0;}
  .wrap__privilege .tit{font-size:17px;}

  .wrap__privilege .flexbox:nth-child(n+2){margin:50px auto 0;}


  .name-text{text-align:center;padding-top:20px;font-size:14px;color:#e2deaf;}
  .name-text__attention{color:#ac9f00;border:1px solid #5b5400;padding:8px;font-size:11px;text-align:center;margin-top:20px;border-radius:8px;}
  .name-text__attention.none{display:none;}


  .wrap__shop {padding-top:20px;}
  .wrap__shop .flexwrap{width:100%;}
  .wrap__shop .flexbox{background-color:rgba(0,0,0,0.4);padding:5%;min-width:auto;box-sizing: border-box;margin-top:10px;}
  .wrap__shop .tit{font-size:20px;margin-bottom:0.5em;}
  .wrap__shop .name-text{line-height:1.4;}


  .cbox{position:relative;}
  .cbox:after{content:'';display:block;width:40px;height:40px;background-image:url(../img/common/to_zoom.png);display:block;text-indent:-9999px;position:absolute;right:8px;bottom:8px;border-radius:50%;background-size:40px;box-shadow:rgba(0,0,0,0.5);overflow:hidden;box-shadow:0px 0px 3px rgba(0,0,0,0.5);transition:all 0.5s;}
  .cbox:hover:after{box-shadow:3px 3px 10px rgba(0,0,0,0.5);}

  .attention_min{margin-top:1em;color:#b5ae8a;font-size:10px;}

  .cbox-noicon:after{display:none;}


  .wrap_yoyaku{width:90%;}
  .wrap_yoyaku img{width:90%;display:block;margin:0 auto 14%;}


  .limit{margin-bottom:0.5em;color:#b5ae8a;}


.scroll-table{overflow: auto;white-space: nowrap;padding:0 5%;}
.scroll-table_inner{padding-right:5%;width:1000px;}
.table_wrap{width:1000px;margin:0 auto 0;background-color:#1A1A1A;margin-right:5%;}
table{width:100%;font-size:12px;border-bottom:#333;}
table{border-collapse:collapse;}
table tr.top{border-top:4px solid #333;}
table th{border:1px solid #333;padding:10px 15px;width:20%;text-align:left;background:#000;text-align: center;}

/* th.category{background:transparent;} */
th.category.sub{border:none;border-right:1px solid #333;}
table .min{font-size:90%;color:#aaa;}

table td{border-top:2px solid #333;padding:10px 20px;border-right:1px dotted #333;}
table tr{border-right:1px solid #333;border-left:1px solid #333;}
table tr:last-child td{border-bottom:1px solid #666;border-bottom:1px solid #333;}
/* table tr:first-child th, table tr:first-child td{border-top:0px solid #666;} */
table .name{background-color:#47101d;margin-top:10px;line-height:1.5;color:#ddd;padding:15px 15px;position:relative;}
table .name_main{font-size:14px;color:#fff;}

.attention-right{text-align: right;width:90%;margin:0 auto;padding-top:20px;color:#bbb;font-size:12px;}
table .btn-zoom{width:24px;height:24px;position:absolute;border-radius:20px;display:block;right:10px;top:50%;transform:translate(0,-50%);}
table .btn-zoom:after{width:24px;height:24px;position:absolute;border-radius:20px;background-size:100%;left:0;top:0;right:auto;bottom:auto;}


.area-htg{padding-top:80px;}
.area-htg__text{width:90%;margin:0 auto 1.4em;}

.head_min_htg{font-size:16px;width:90%;margin:0 auto;padding-bottom:20px;}

}