@charset "utf-8";
#container #mainContent{padding:0;}
.oneColumnWrap{display:none;}

#ns_general_000000buyee{font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; font-size:19px; text-align: center;}
#ns_general_000000buyee a:hover img{opacity:1}
#ns_general_000000buyee h1,#ns_general_000000buyee h2,#ns_general_000000buyee h3{margin:0; padding:0; border:none;}
#ns_general_000000buyee h1{line-height:0.9em; margin:2em auto 1em; width:100%; font-size:3.5em; font-weight:bold; letter-spacing:2px}
#ns_general_000000buyee h1 span{font-size:0.5em;}

#ns_general_000000buyee h2{font-size:1.8em; font-weight: bold}

#ns_general_000000buyee a, #ns_general_000000buyee a img.ns_icn_blank{margin-right:5px;}
#ns_general_000000buyee a, #ns_general_000000buyee a img.ns_icn_blank:hover{
 transform: translate(0, 0);
}
#english-content #link-english.translation-link{text-decoration:none;}

/*hover_start*/
#ns_general_000000buyee a, #ns_general_000000buyee a img{
 transition: 0.3s;
 color:#000;
 font-size:20px;
}
#ns_general_000000buyee a:hover, #ns_general_000000buyee a img:hover{
 transform: translate(10px, 0);
 transition: 0.3s;
 filter: drop-shadow(0 0 0 none);
}
#ns_general_000000buyee a.ns_reset_effect img:hover{
 transform: translate(0, 0);
}
#ns_general_000000buyee .ns_close:hover{
 transform: translate(0, 0); text-decoration:none;
/*hover_end*/
}

/*translation*/
.translation-link {cursor: pointer; font-weight: bold; text-decoration: underline}
.translation-link.disabled {cursor: default; font-weight: normal; text-decoration: none}
.ns_english, .ns_japanese {display: none;}
/*translation*/

/*modal*/
#ns-modal-content,
#ns-modal-content2,
#ns-modal-content-en,
#ns-modal-content-en2 {
	width: 930px;
  height:310px;
	padding:65px 0 0;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 903 ;
  border-radius:25px;
}
#ns-modal-content-en,
#ns-modal-content-en2 {
	width: 950px;
  height:290px;
}
#modal-overlay,#modal-overlay-en {
	z-index: 902 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
#ns_general_000000buyee .ns_close{
  font-size:35px;
  line-height:30px;
  font-weight:bold;
  position: absolute;
  top:20px;
  right:20px;
  text-decoration: none;
  color:#424242;
}
.ns_modal_container{width:100%; height:400px; overflow-y:auto;}
 
.ns_modal_container p{position:absolute; bottom:1.2em; right:1em; text-align:right}

.ns_modal_container ul{width:86%; margin:0 auto; list-style: none; text-align: left; overflow: hidden}
 
.ns_modal_container li:nth-child(3n+1) {width:30%;} /*1,4,7...番目を指定*/
.ns_modal_container li:nth-child(3n+2) {width:33%;} /*2,5,8...番目を指定*/
.ns_modal_container li{width:calc(37% - 3.9em)/*paddingの合計を除算*/; height:1.3em; margin-bottom:1.5em; background-image:url('https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/000000buyee/icn_blank.png'); background-repeat: no-repeat; background-position:0 2px; padding-left:1.3em; float:left; margin-right:0%; line-height:1.2em;}
.ns_modal_container li:nth-child(3n){ margin-right:0;}

#ns-modal-content-en{height:310px;}
#ns-modal-content-en2{height:360px;}

#ns-modal-content-en .ns_modal_container p,
#ns-modal-content-en2 .ns_modal_container p{bottom:0.9em; left:2.5em; right:auto;}

#ns-modal-content-en .ns_modal_container ul,
#ns-modal-content-en2 .ns_modal_container ul{width:86%;}

#ns-modal-content-en .ns_modal_container li,
#ns-modal-content-en2 .ns_modal_container li{margin-right:1em; margin-bottom:1.9em; background-position:0 center; line-height:1.1em; background-position:0 0px; width:calc(29% - 3em)/*paddingの合計を除算*/}

#ns-modal-content-en .ns_modal_container li:nth-child(3n+1),
#ns-modal-content-en2 .ns_modal_container li:nth-child(3n+1) {width:32%;} /*1,4,7...番目を指定*/

#ns-modal-content-en .ns_modal_container li:nth-child(3n+2),
#ns-modal-content-en2 .ns_modal_container li:nth-child(3n+2) {width:29%;} /*2,5,8...番目を指定*/

#ns-modal-content-en .ns_modal_container li,
#ns-modal-content-en2 .ns_modal_container li{}

.ns-modal-link:hover {
	cursor: pointer ;
}
/*modal*/

.ns_icn_blank{vertical-align: middle; margin:0 0 0 5px;}
.NS_breadcrumbs{text-align: left; font-weight:normal;}

.ns_translate_menu{width:100%; border-bottom: 25px solid; border-image: linear-gradient(to right, #efc58a, #f8f9fa, #d9e1e8) 1; padding-bottom:5em; margin-bottom:6em; font-weight:bold;}
.ns_translate_menu li{display:inline; padding:0 1em 0 0.8em; line-height:10px;}
.ns_translate_menu li:first-child{border-right:1px solid #000}

#ns_general_000000buyee a img.ns_logo_buyee{width:180px; margin:1.2em 0 0.5em;}

.ns_note li{font-weight:bold;}
.ns_read{margin:0.5em 0 6em; line-height:1.7em}
.ns_cate_button{width:100%; margin:1em auto 5em; background: linear-gradient(to right, #f6e0c4, #f8f9fa, #eaeff2); padding:5em 0 5em;}
.ns_cate_button ul{width:900px; margin:2em auto; font-weight:bold; overflow:visible; display: flex; flex-wrap: wrap;}
.ns_cate_button li{display:block; margin:0 2.66% 2.66% 0; width:23%; float:left; position:relative; border-radius:24px;}
.ns_cate_button li:nth-child(4n){margin-right:0;}
#ns_general_000000buyee .ns_cate_button li:nth-child(5) a,
#ns_general_000000buyee .ns_cate_button li:nth-child(6) a,
#ns_general_000000buyee .ns_cate_button li:nth-child(7) a{padding:1.8em 0 1.9em;}
#ns_general_000000buyee .ns_cate_button li a:hover{text-decoration:none;}
#ns_general_000000buyee .ns_cate_button li a{color:#fff; background:#000; text-decoration:none; font-size:1.4em; line-height:1.2em; display:block; width:100%; height:3.6em; padding:2.5em 0 1.2em; border-radius:24px;}


#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(1) a,
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(2) a,
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(4) a,
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(8) a{padding:3em 0 0.7em;}

#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(3) a,
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(5) a,
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(6) a,
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(7) a{padding:2.5em 0 1.2em;}

.btn_en{font-size:0.7em; display: block; line-height:1.2em}
.ns_cate_button span{display: block}
.ns_cate_button span img{position: absolute; width:19px; bottom:13px; right:17px;}

@media screen and (max-width: 640px) {
.disp_PC{display:none;}
.disp_SP{display:block;}

.NS_breadcrumbs { margin:-20px auto 0; padding: 12px 0 7px 0; line-height: 1.3em; font-size: 12px; box-sizing: border-box; color:#777777; }
.NS_breadcrumbs li {display:inline-block;}
.NS_breadcrumbs li::after {content: ">";}
.NS_breadcrumbs li:last-child::after {content:none;}
.NS_breadcrumbs a { color:#777777; transition: .3s;}
#ns_general_000000buyee .NS_breadcrumbs a{font-size:12px;}
.NS_breadcrumbs a:hover { opacity: .7; }
.NS_breadcrumbs span { margin-right:0.3em; }

#ns_general_000000buyee{text-align: left; font-size:13px;}
#ns_general_000000buyee h1{ line-height:0.9em; margin:1.1em auto 0.6em; font-size:2em; letter-spacing:2px; text-align: center}
#ns_general_000000buyee h2,#ns_general_000000buyee h3{text-align: center}
/*hover_start*/
#ns_general_000000buyee a, #ns_general_000000buyee a img{
 font-size:13px;
}
.ns_icn_blank{width:12px; margin-top:-2px;}
/*hover_end*/

.ns_translate_menu{width:100%; border-bottom: 14px solid; padding:0 0 2em 0; margin-bottom:2em; font-weight:bold; text-align: center}
.ns_translate_menu li{display:inline; padding:0 1em 0 0.8em; line-height:10px;}
.ns_translate_menu li:first-child{border-right:1px solid #000}

#ns_general_000000buyee a img.ns_logo_buyee{width:100px; margin:1em 0 0.3em -5px;}
.ns_center{display: block; text-align: center;}

.ns_note{padding:0 1em;}
.ns_note li{font-weight:normal; text-align: left}
.ns_read{margin-bottom:2.5em; padding:0 1em;}

.ns_cate_button{width:100%; margin:1em auto 2em; background:#f2f6f9; padding:2.5em 0 1.5em;}
.ns_cate_button ul{width:96%; text-align: center; margin:0.5em auto 0;}
#ns_general_000000buyee .ns_cate_button li a{font-size:4.2vw; border-radius:10px; height:3.4em;}
#ns_general_000000buyee .ns_cate_button li:nth-child(3) a{padding:2.7em 0 2.2em; font-size:3.6vw;}
#ns_general_000000buyee .ns_cate_button li:nth-child(3) a .btn_en{font-size:calc(4.2vw * 0.7);}
#ns_general_000000buyee .ns_cate_button li:nth-child(5) a{padding:1.7em 0 2em;}
#ns_general_000000buyee .ns_cate_button li:nth-child(6) a{padding:1.7em 0 3.2em; font-size:3.6vw;}
#ns_general_000000buyee .ns_cate_button li:nth-child(6) a .btn_en{font-size:calc(4.2vw * 0.7);}
#ns_general_000000buyee .ns_cate_button li:nth-child(7) a{}

#ns_general_000000buyee .ns_english .ns_cate_button li a{}
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(3) a{padding:2.6em 0 2.3em;}
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(5) a{padding:2em 0 1.7em;}
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(6) a{padding:2.6em 0 2.3em;}
#ns_general_000000buyee .ns_english .ns_cate_button li:nth-child(7) a{padding:1.9em 0 1.8em;}


.ns_cate_button li{margin:0 1% 1% 0; width:32.66%;}
.btn_en{font-size:0.7em; margin-top:0.2em;}
.ns_cate_button li:nth-child(3n){margin-right:0;}
.ns_cate_button li:nth-child(4n){margin-right:1%;}
.ns_cate_button span img{width:1.1em; bottom:6%; left:44%;}

/*modal*/
#ns-modal-content,
#ns-modal-content2,
#ns-modal-content-en,
#ns-modal-content-en2 {
	width: 95%;
  height:auto;
  margin-top:20px;
	padding:37px 0 ;
  /*padding-bottom:calc(37px - 1.5em);*/
  border-radius:15px;
}
#ns-modal-content-en,
#ns-modal-content-en2{
	width: 95%;
  height:auto;
}
#modal-overlay,#modal-overlay-en {
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}
#ns_general_000000buyee .ns_close{
  font-size:30px;
  line-height:30px;
  font-weight:bold;
  position: absolute;
  top:14px;
  right:6px;
  text-decoration: none;
  color:#424242;
}
#ns_general_000000buyee .ns_close.is-tap{text-decoration:none !important}

.ns_modal_container{width:100%; height:auto; overflow-y:auto;}
 
.ns_modal_container ul{width:86%; max-height:270px; overflow-y: auto; overflow-x:hidden; margin:0 auto; list-style: none; text-align: left;}
 
.ns_modal_container li:nth-child(3n+1) {width:auto;} /*1,4,7...番目をリセット*/
.ns_modal_container li:nth-child(3n+2) {width:auto;} /*2,5,8...番目をリセット*/
.ns_modal_container li:nth-child(odd) {width:calc(50% - 1.4em);} 
.ns_modal_container li:nth-child(even) {width:calc(50% - 1.4em);} 

.ns_modal_container li{ height:1.3em; background-position:0 2px; background-size:auto 90%; padding-left:1.4em; float:left; margin-right:0%; line-height:1.2em;}
.ns_modal_container li:nth-child(3n){ margin-right:0;}
#ns-modal-content-en .ns_modal_container ul,
#ns-modal-content-en2 .ns_modal_container ul{width:86%; height:40vh; max-height:480px; overflow-y: auto; overflow-x:hidden;}

#ns-modal-content-en .ns_modal_container li,
#ns-modal-content-en2 .ns_modal_container li{margin-right:1em; margin-bottom:1.1em; background-position:0 center; line-height:1.1em; background-position:0 0px;}

#ns-modal-content-en .ns_modal_container li:nth-child(3n+1),
#ns-modal-content-en2 .ns_modal_container li:nth-child(3n+1){width:100%;} /*1,4,7...番目をリセット*/

#ns-modal-content-en .ns_modal_container li:nth-child(3n+2),
#ns-modal-content-en2 .ns_modal_container li:nth-child(3n+2){width:100%;} /*2,5,8...番目をリセット*/

#ns-modal-content-en .ns_modal_container li,
#ns-modal-content-en2 .ns_modal_container li{width:100%}

.ns-modal-link:hover {
	cursor: pointer ;
}
/*modal*/


}

@media screen and (min-width: 641px) {
.disp_PC{display:block;}
.disp_SP{display:none;}

.NS_breadcrumbs { margin:-20px auto 0; padding: 12px 0; line-height: 1.2em; font-size: 14px; width: 98%; box-sizing: border-box; }
.NS_breadcrumbs li { display:inline-block;}
.NS_breadcrumbs li::after {content: ">";}
.NS_breadcrumbs li:last-child::after {content:none;}
.NS_breadcrumbs a { color:#000; transition: .3s; }
#ns_general_000000buyee .NS_breadcrumbs a{font-size:14px;}
.NS_breadcrumbs a:hover { opacity: .7; }
.NS_breadcrumbs span { margin-right:0.3em; }
}
