@charset "utf-8";

/*conf - 暫定対応*/
.ns_kv{margin-top:-20px;}
/*conf - 暫定対応*/

/*conf*/
.js-numberDays{display:none;}
#snm-referenceDateAndTimeSetting{display: none;}

#container #mainContent{padding:0;}
#snm-header{margin-bottom:0;}
.oneColumnWrap{display:none;}
/*conf*/


.NS_breadcrumbs { margin:-20px auto 0; padding: 12px 0; line-height: 1.2em; font-size: 14px; width: 98%; box-sizing: border-box; text-align: left}
.NS_breadcrumbs li { display:inline-block;}
.NS_breadcrumbs li::after {content: ">";}
.NS_breadcrumbs li:last-child::after {content:none;}
.NS_breadcrumbs a { color:#fff; transition: .3s; }
.NS_breadcrumbs a:hover { opacity: .7; }
.NS_breadcrumbs span { margin-right:0.3em; }

/********* basic_setup *********/
.disp_PC{display:block;}
.disp_SP{display:none;}

.ns_general_000000sale{background-color:#191919; color:#fff; text-align: center; padding-bottom:50px;}

.ns_general_000000sale{}
.ns_general_000000sale a img:hover { opacity:1; }
.ns_general_000000sale h1{padding:0; margin:0 auto; border:none;background-image:url(https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/000000sale/202511/kv_bg.png); text-align: center; background-position:center}
.ns_general_000000sale h1 img{width:980px; margin:0 auto;}
.ns_general_000000sale h2{border:none; padding:0; margin:50px auto 50px;}
.ns_general_000000sale h3{background:none; padding:0; margin:0 0 30px;}
.ns_general_000000sale dt{display: block}



.ns_txt{padding:0 1em; text-align: left}
.ns_note{text-align: left}
.ns_note li{text-indent:-1em; margin-left:1em;}
.ns_attention{color:#ffffff;}
.ns_hedding{margin-bottom:1em;}
.ns_table{border-collapse: collapse; width: 100%;}
.ns_table, .ns_table th, .ns_table td{border: 0; padding: 0; margin: 0;}
.ns_subttl{font-size:0.7em; font-weight:normal; display: block; line-height:1.3em}

/*hover_start*/
.ns_bf_container a, .ns_bf_container a img{
 transition: 0.3s; color:#fff;
}
.ns_bf_container a:hover, .ns_bf_container a img:hover{
 transform: translate(7px, 0);
 transition: 0.3s;
 filter: drop-shadow(0 0 0 none);
}
.ns_bf_2clm .ns_bf_products_button a img:hover{transform: translate(calc(-50% + 7px), 0); transition: 0.3s; filter: drop-shadow(0 0 0 none);}
/*hover_end*/


/********* basic_setup *********/


/*hover_start*/
.ns_kanshasai_container a, .ns_kanshasai_container a img{
 transition: 0.3s;
}
.ns_kanshasai_lnavi a:hover, .ns_kanshasai_lnavi a img:hover{
 transform: translate(0, 10px);
 transition: 0.3s;
 filter: drop-shadow(0 0 0 none);
}
.ns_kanshasai_container a:hover, .ns_kanshasai_container a img:hover{
 transform: translate(0, 10px);
 transition: 0.3s;
 filter: drop-shadow(0 0 0 none);
}
.ns_kanshasai_container .ns_tabs a:hover{
 transform: translate(0, 0);
 text-decoration:none;
}
/*エフェクトの無効化*/

/*hover_end*/

/*menu_effect*/
.ns_menu a, .ns_menu a img{
 transition: 0.3s;
 filter: drop-shadow(0 4px 0 #393733);
}
.ns_fixed.ns_menu a, .ns_fixed.ns_menu a img{
 filter: drop-shadow(0 4px 0 #393733);
}
.ns_kanshasai_lnavi a:hover, .ns_kanshasai_lnavi a img:hover{
 transform: translate(0, 10px);
 transition: 0.3s;
 filter: drop-shadow(0 0 0 none);
}
.ns_menu a:hover, .ns_menu a img:hover{
 transform: translate(0, 4px);
 transition: 0.3s;
 filter: drop-shadow(0 0 0 #393733);
}
/*ハンバーガーメニュー内のエフェクトを除外*/
.ns_hamburger_menu a:hover, .ns_kanshasai_lnavi a img:hover{ transform: translate(0, 0);}
/*ハンバーガーメニュー内のエフェクトを除外*/
/*menu_effect*/

/*button_effect*/
.ns_button{filter: drop-shadow(0 5px 0 #1a1a1a);}
.ns_button:hover{filter: drop-shadow(0 0 0 #1a1a1a);}
a.ns_button:hover, a.ns_button img:hover{
 transform: translate(0, 5px);
}
.menu02 .ns_button{filter: drop-shadow(0 10px 0 #1a1a1a);}
.menu02 .ns_button:hover{filter: drop-shadow(0 0 0 #1a1a1a);}

.menu03 .ns_button{filter: drop-shadow(0 10px 0 #1a1a1a);}
.menu03 .ns_button:hover{filter: drop-shadow(0 0 0 #1a1a1a);}

/*button_effect*/

/*lnavi*/
.ns_menu {display: flex; flex-wrap: wrap; justify-content: center; width: 980px; min-width: 320px; padding: 10px 0; position: relative; top: 0; transition: top 0.3s; margin:0 auto 20px;}
.ns_menu a {margin: 15px 11px 12px;}
.ns_menu a:first-child{margin-left:0;}
.ns_menu a:nth-child(3n){margin-right:0;}
.ns_menu a:nth-child(4n){margin-left:0;}
.ns_menu img {width: 100%;}
.ns_fixed {position: fixed; top: 51px; left: 0; right: 0;}
.ns_fixed.ns_menu{width:90%; min-width:980px; padding: 5px 0; z-index:9999;}
.ns_fixed.ns_menu a{width:18.4%; margin: 15px 1% 20px;}
.ns_fixed.ns_menu a:first-child{margin-left:0;}
.ns_fixed.ns_menu a:last-child{margin-right:0;}

.ns_hamburger_menu {display: none;}
.ns_hamburger_menu.ns_fixed {display: none;}
/*lnavi*/


/********* section *********/
.menu01,.menu02,.menu03,.menu04,.menu05,.menu06{width:980px; margin:0 auto;}

/********* section *********/

/*column_control*/
.ns_bf_1clm, .ns_bf_2clm, .ns_bf_3clm{background:#ffffff; border-radius:30px; margin:0 auto 30px; color:#000;}
.ns_bf_1clm.ns_nega,.ns_bf_2clm.ns_nega, .ns_bf_3clm.ns_nega{background:#000; color:#fff;}

.ns_bf_1clm{width:100%; padding:30px 0; overflow: hidden}
.ns_bf_products .ns_bf_1clm dt{display: block; width:45%; float: left;}
.ns_bf_products .ns_bf_1clm dt img{ width:75%; margin:0 auto;}
.ns_bf_products .ns_bf_1clm dd{width:calc(55% - 1em); float:right; text-align: left; padding:0 1em 0 0;}
.ns_bf_1clm .ns_bf_products_button{margin-bottom:0;}
.ns_bf_1clm .ns_bf_products_button img{width:360px;}

.ns_bf_2clm{width:calc(50% - 15px); margin:0 0 30px 0; display: flex; flex-direction: column; position: relative}
.ns_bf_2clm dl{flex: 1}
.ns_bf_2clm:nth-child(odd){}

.ns_bf_2clm dt{padding:30px 0;}
.ns_bf_2clm dt img{max-width:80%; max-height:250px; width:auto; height:auto;}

.ns_bf_2clm dd{ text-align: left; font-size:0.8em; padding:0 1.7em 1.5em;}

.ns_bf_2clm .ns_bf_products_category img{height:28px;}
.ns_bf_2clm .ns_bf_products_point{margin-bottom:60px;}
.ns_bf_2clm .ns_bf_products_button{text-align: center; margin-bottom:0;}
.ns_bf_2clm .ns_bf_products_button img{width:300px; position: absolute; bottom:30px; left:50%; transform: translateX(-50%)}

.ns_bf_3clm{width:calc(33.333% - 20px); margin:0 0 30px 0; display: flex; flex-direction: column; position: relative; background-repeat: no-repeat}
.ns_bf_3clm dl{flex: 1}
.ns_bf_terms .ns_bf_3clm{padding:280px 0 10px;}
.ns_bf_3clm p{padding:1em;}
/*column_control*/

/*********** products ***********/
.ns_bf_products{display: flex; flex-wrap: wrap; column-gap: 30px; font-weight:bold}
.ns_bf_products dl, .ns_bf_products dt, .ns_bf_products dd{display: block}
.ns_bf_products dl{overflow: hidden}
.ns_bf_products_button{margin-bottom:100px;}
.ns_bf_products_category img{margin:0 7px 14px 0;}
.ns_bf_products_name{ font-size:1.2em; padding-right:0; line-height:1.2em}
.ns_bf_products_name span{font-size:0.6em; display: block; line-height:1.4em}
.ns_bf_products_price{font-weight:normal;}
.ns_bf_products_price del{margin-right:0.5em;}
.ns_bf_products_price font{font-size:0.8em;}
.ns_bf_products_price span{color:#ff0066; font-weight:bold;}
.ns_bf_products_point{color:#FF9E00; margin-bottom:0.5em;}

.ns_bf_products .ns_bf_1clm dd{padding-top:30px;}

/*dvd*/
.ns_sec_mts{}
/*dvd*/

/*game*/
.ns_sec_p2{}
.ns_h_read{font-size:0.6em; margin-bottom:30px;}
.ns_bf_1clm.brandmook{padding:0;}
.ns_bf_1clm.brandmook img{width:100%;}
.brandmook_note{float:none; font-size:0.7em; font-weight:normal; margin:-22px auto 36px;}
.ns_bf_container .ns_bf_1clm.brandmook a img:hover{
 transform: translate(0, 0) scale(1.05, 1.05);
}
.ns_sec_p2 .ns_bf_products .ns_bf_1clm dt img{width:80%; margin:0 auto;}
.ns_sec_p2 .ns_bf_2clm dt img{max-width:80%; max-height:300px; width:auto; height:auto;}
/*game*/

/*goods*/
.ns_sec_cd{}
/*goods*/

/*media*/
.ns_sec_games{}
/*media*/

/*********** products ***********/

/*********** other ***********/
.ns_product{width:890px; margin:0 auto 26px}
.ns_product img{width:100%;}
.ns_product.ns_column2{}
.ns_product.ns_column2 a{display:block; width:48.6%; float:left; margin-bottom:2.8%; z-index:9998;}
.ns_product.ns_column2 a:first-child{margin-right:2.8%;}
.ns_product.ns_column2 a:nth-child(3){width:100%; clear: both}

.ns_sec_cp_other .ns_product.ns_column1 img{width:750px; margin-bottom:30px;}
/*********** other ***********/


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

.ns_general_000000sale h1{background-size:160%;}

.disp_PC{display:none;}
.disp_SP{display:block;}

/********* basic_setup *********/
.ns_bf_container h1{width:100%;}
.ns_bf_container h2{margin:0 auto 1vw;}
.ns_bf_container h2 img{height:15vw;}

.ns_general_000000sale h3{margin:0 0 10px;}

/********* basic_setup *********/

.NS_breadcrumbs { margin:-20px auto 0; padding: 12px 0 7px 0; line-height: 1.3em; font-size: 12px; box-sizing: border-box; color:#fff; }
#ns_general_0000007ns ol.NS_breadcrumbs li{color:#fff;}
.NS_breadcrumbs li { display:inline-block;}
.NS_breadcrumbs li::after {content: ">"; color:#666;}
.NS_breadcrumbs li:last-child::after {content:none;}
.NS_breadcrumbs a { color:#fff; transition: .3s; }
.NS_breadcrumbs a:hover { opacity: .7; }
.NS_breadcrumbs span { margin-right:0.3em; }

.ns_general_000000sale h1 img{width:90vw; margin:1.5vw auto 2.5vw;}

/*lnavi*/
.ns_menu {display: block; flex-wrap:nowrap; justify-content: center; width: 95%; min-width: auto; background-color:none; padding:0; position:inherit; top:auto; transition:auto; margin:0 auto 1.9%; overflow: hidden}
.ns_menu a{display:block; width:32.066%; margin:0 1.9% 1.9% 0; padding:0; float:left;}
.ns_menu a:nth-child(3n){margin-right:0;}

/*イレギュラー調整*/.ns_menu a:nth-child(4){margin-left:17%;}/*イレギュラー調整*/

.ns_menu img {width: 100%;}
.ns_fixed {position:static; top: auto; left: auto; right: auto; display:block;}
.ns_fixed.ns_menu{width: 95%; min-width: auto; padding: 5px 0; z-index:9999;}
.ns_fixed.ns_menu a{width:32.066%;}

.ns_hamburger {display: none;}
.ns_hamburger_menu {display: none;}
.ns_hamburger_menu.ns_fixed {}
/*lnavi*/

/*hamburger_effect*/
    .ns_hamburger_menu {
      display: none;
      flex-direction: column;
      position: fixed;
      top: 108px;
      right: 10px;
      background-color: #2d1f03;
      padding: 10px 10px 0 10px;
      z-index: 1000;
      width:65%;
      max-height: 75vh; /* ビューポートの高さに制限 */
      overflow-y: auto;  /* 縦方向のスクロールを表示 */
      -webkit-overflow-scrolling: touch; /* スムーズスクロールを有効にする（iOS用） */
    }

    .ns_hamburger_menu a {
      display: block;
      margin-bottom: 5px;
    }

    .ns_hamburger_menu img{width:100%;}
    .ns_hamburger {
      display: none; /* デフォルトで非表示 */
      width: 30px;
      height: 30px;
      position: fixed;
      top: 60px;
      right: 10px;
      cursor: pointer;
      z-index: 1001;
      background:#2d1f03;
      padding:6px 12px 12px;
      border-radius:0
    }

    .ns_hamburger div {
      width: 100%;
      height: 4px;
      background-color: #fff;
      margin: 6px 0;
      transition: 0.4s;
    }

    .ns_hamburger.ns_active div:nth-child(1) {
      transform: rotate(-45deg) translate(-6.5px, 7.5px);
    }

    .ns_hamburger.ns_active div:nth-child(2) {
      opacity: 0;
    }

    .ns_hamburger.ns_active div:nth-child(3) {
      transform: rotate(45deg) translate(-6.5px, -7.5px);
    }

    .ns_hamburger_menu.ns_active {
      display: flex;
    }

    .ns_hamburger.ns_visible {
      display: block; /* スクロール後に表示 */
    }
  
    #ns_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none;
    z-index: 10;
    }
      
    #ns_overlay.ns_active {
        display: block;
    }

/*hamburger_effect*/

/********* section *********/
.menu01,.menu02,.menu03,.menu04,.menu05,.menu06{width:auto; margin:0 auto;}

/********* section *********/

/*column_control*/
.ns_bf_1clm, .ns_bf_2clm, .ns_bf_3clm{border-radius:2vw; margin:0 auto 2vw;}

.ns_bf_1clm{padding:4vw 4vw 2vw;}
.ns_bf_products .ns_bf_1clm dt{width:100%; float: none;}
.ns_bf_products .ns_bf_1clm dt img{height:250px; width:auto;}
.ns_bf_products .ns_bf_1clm dd{width:100%; float:none; padding-top:2vw;}
.ns_bf_1clm .ns_bf_products_category img{height:24px; margin-bottom:0;}
.ns_bf_1clm .ns_bf_products_button{margin-bottom:0; }
.ns_bf_1clm .ns_bf_products_button img{width:85%;}

.ns_bf_2clm{width:calc(50% - 1vw); margin:0 0 2vw 0;}

.ns_bf_2clm dt{padding:2vw 0; height:50vw; display: flex; align-items: center;}
.ns_bf_2clm dt img{max-width:80%; max-height:90%; width:auto; height:auto; margin:0 auto;}
.ns_bf_2clm dd{ font-size:0.9em; padding:0 2vw 1.5em;}

.ns_bf_2clm .ns_bf_products_category img{height:5vw; margin-bottom:0;}
.ns_bf_2clm .ns_bf_products_point{margin-bottom:6vw;}

.ns_bf_2clm .ns_bf_products_button img{width:90%; position: absolute; bottom:2vw;}

.ns_bf_3clm{width:96%; margin:0 auto 2%; display: flex; flex-direction: column; position: relative; background-repeat: no-repeat; background-size:100%}
.ns_bf_3clm dl{flex: 1}
.ns_bf_terms .ns_bf_3clm{}
/*column_control*/

/*********** products ***********/
.ns_bf_products{width:96%; margin:0 auto 2vw; column-gap: 2vw; font-size:18px;}

.ns_bf_products_category{line-height:18px}

.ns_bf_products_name{ font-size:1em;}

.ns_bf_products_button{text-align: center; margin-bottom:8vw;}
.ns_bf_products_button img{width:90%;}

/*dvd*/
.ns_sec_mts h3 img{height:10vw;}
/*dvd*/

/*game*/
.ns_sec_p2 h3 img{height:10vw;}
.ns_h_read{font-size:0.6em; margin-bottom:30px;}
.ns_bf_1clm.brandmook{padding:0;}
.ns_bf_1clm.brandmook img{width:100%;}
.brandmook_note{float:none; font-size:0.7em; font-weight:normal; margin:-22px auto 36px;}
.ns_bf_container .ns_bf_1clm.brandmook a img:hover{
 transform: translate(0, 0) scale(1.05, 1.05);
}
.ns_sec_p2 .ns_bf_products .ns_bf_1clm dt img{width:80%; margin:0 auto;}
.ns_sec_p2 .ns_bf_2clm dt img{max-width:80%; max-height:300px; width:auto; height:auto;}
/*game*/

/*goods*/
.ns_sec_cd h3 img{height:10vw;}
/*goods*/

/*media*/
.ns_sec_games h3 img{height:9vw;}
/*media*/

/*********** products ***********/

/*********** other ***********/
.ns_product{width:95%; margin:0 auto 2%}
.ns_product a{line-height:0; margin-bottom:1.5%;}
.ns_product img{width:100%;}
.ns_product.ns_column2{}
.ns_product.ns_column2 a{display:block; width:48.6%; float:left; margin-bottom:2.8%; z-index:9998;}
.ns_product.ns_column2 a:first-child{margin-right:2.8%;}
.ns_product.ns_column2 a:nth-child(3){width:100%; clear: both}
.ns_product_sale{display:block; margin-bottom:0%;}

.ns_sec_cp_other .ns_product.ns_column1 img{width:95%; margin-bottom:2vw;}
h2.ns_chumoku{margin-bottom:10px;}
/*********** other ***********/

}