@charset "UTF-8";

.sp {display:none;}
.pc {display:block;}


body			{ font-family:Meiryo;}
* html body 	{ border-left: 970px solid #fff; zoom: 1; }
#wrap			{ clear: both; margin: 0 auto; text-align: left; }
* html #wrap	{ position: relative; margin-left: -970px; zoom: 1; }

#content	{ border-top: 2px solid #0c6d0e; }

section {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 50px 0 100px 0;
  box-sizing: border-box;
}



/*---------------------------------------------
Common Style
---------------------------------------------*/
.clearfix {
  *zoom: 1;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

/* float
---------------------------------------------*/
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}
/* font-weight
---------------------------------------------*/
.fw {
  font-weight: 600 !important;
}

.fwn {
  font-weight: 400 !important;
}

/* text-align
---------------------------------------------*/
.tal {
  text-align: left !important;
}

.tac {
  text-align: center !important;
}

.tar {
  text-align: right !important;
}

/*---------------------------------------------
04. common
---------------------------------------------*/
.m0		{ margin: 0 !important; }
.mat0	{ margin-top: 0 !important; }
.mat1	{ margin-top: 1em !important; }
.mat5	{ margin-top: 5px !important; }
.mat10	{ margin-top: 10px !important; }
.mat15	{ margin-top: 15px !important; }
.mat20	{ margin-top: 20px !important; }
.mat25	{ margin-top: 25px !important; }
.mat30	{ margin-top: 30px !important; }
.mat40	{ margin-top: 40px !important; }
.mat50	{ margin-top: 50px !important; }
.mat100	{ margin-top: 100px !important; }
.mab0	{ margin-bottom: 0 !important; }
.mab1	{ margin-bottom: 1em !important; }
.mab5	{ margin-bottom: 5px !important; }
.mab10	{ margin-bottom: 10px !important; }
.mab15	{ margin-bottom: 15px !important; }
.mab20	{ margin-bottom: 20px !important; }
.mab25	{ margin-bottom: 25px !important; }
.mab30	{ margin-bottom: 30px !important; }
.mab40	{ margin-bottom: 40px !important; }
.mab50	{ margin-bottom: 50px !important; }
.mar0	{ margin-right: 0 !important; }
.mar1	{ margin-right: 1em !important; }
.mar5	{ margin-right: 5px !important; }
.mar10	{ margin-right: 10px !important; }
.mar15	{ margin-right: 15px !important; }
.mar20	{ margin-right: 20px !important; }
.mar30	{ margin-right: 30px !important; }
.mar40	{ margin-right: 40px !important; }
.mal0	{ margin-left: 0 !important; }
.mal1	{ margin-left: 1em !important; }
.mal5	{ margin-left: 5px !important; }
.mal10	{ margin-left: 10px !important; }
.mal15	{ margin-left: 15px !important; }
.mal20	{ margin-left: 20px !important; }
.mal30	{ margin-left: 30px !important; }

.p0		{ padding: 0 !important; }
.pat0	{ padding-top: 0 !important; }
.pat1	{ padding-top: 1em !important; }
.pat5	{ padding-top: 5px !important; }
.pat10	{ padding-top: 10px !important; }
.pat15	{ padding-top: 15px !important; }
.pat20	{ padding-top: 20px !important; }
.pat25	{ padding-top: 25px !important; }
.pat30	{ padding-top: 30px !important; }
.pat40	{ padding-top: 40px !important; }
.pat50	{ padding-top: 50px !important; }
.pab0	{ padding-bottom: 0 !important; }
.pab1	{ padding-bottom: 1em !important; }
.pab5	{ padding-bottom: 5px !important; }
.pab10	{ padding-bottom: 10px !important; }
.pab15	{ padding-bottom: 15px !important; }
.pab20	{ padding-bottom: 20px !important; }
.pab25	{ padding-bottom: 25px !important; }
.pab30	{ padding-bottom: 30px !important; }
.pab40	{ padding-bottom: 40px !important; }
.pab50	{ padding-bottom: 50px !important; }
.par0	{ padding-right: 0 !important; }
.par1	{ padding-right: 1em !important; }
.par5	{ padding-right: 5px !important; }
.par10	{ padding-right: 10px !important; }
.par15	{ padding-right: 15px !important; }
.par20	{ padding-right: 20px !important; }
.par30	{ padding-right: 30px !important; }
.pal0	{ padding-left: 0 !important; }
.pal1	{ padding-left: 1em !important; }
.pal5	{ padding-left: 5px !important; }
.pal10	{ padding-left: 10px !important; }
.pal15	{ padding-left: 15px !important; }
.pal20	{ padding-left: 20px !important; }
.pal30	{ padding-left: 30px !important; }
.p20	{ padding: 20px !important; }

.tal	{ text-align: left !important; }
.tac	{ text-align: center !important; }
.tar	{ text-align: right !important; }
.fw		{ font-weight: bold !important; }
.fwn	{ font-weight: normal !important; }
.f14	{font-size:14px;}
.f16	{font-size:16px !important;}
.f18	{font-size:18px !important;}
.f22	{font-size:22px !important;}
.f32	{font-size:32px !important;}
.ffm	{font-family:Meiryo;}

.fl		{ float: left; }
.fr		{ float: right; }
.b0		{ border: 0 !important; }
.crim	{ color: #f00; }
.red	{ color: #c00; }
.white	{ color: #fff !important; }
.f_white     { color: #fff !important;}
.white a:hover	{ color: #fff; text-decoration: underline !important; }
.black	{ color: #000 !important; }
.black a:hover	{ color: #000; text-decoration: underline !important; }
.hand	{ cursor: pointer; }
.tdnone	{ text-decoration: none !important; }
.tdul	{ text-decoration: underline !important; }

.w950	{width:950px; margin:0 auto;}
.bg_gleen	{  background-color: #4c7c22 !important;}



/*---------------------------------------------
02. header
---------------------------------------------*/
#header				{ margin:0 10px; padding-bottom:7px; }
#header .last a		{ font-weight:bold; color:#FFFFFF; letter-spacing:0.5px; border-radius:4px; display:block; }
#header .last a:hover	{ text-decoration:none; }
#header .sell a		{width: 88px;padding:0;font-size:12px;line-height: 26px;background-color:#e8848e;border-top:1px solid #f7d6da;border-right:1px solid #c18b90;border-bottom:1px solid #925259;border-left:1px solid #f7d6da;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#f1b5bb), to(#e8848e));background:-moz-linear-gradient(top, #f1b5bb, #e8848e);background:-ms-linear-gradient(top, #f1b5bb, #e8848e);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1b5bb', endColorstr='#e8848e', GradientType=0)";text-align: center;}
#header .buy a		{width: 90px;padding: 0px 5px 0px 0px;line-height: 26px;font-size: 12px;background-color:#70b92d;border-top:1px solid #d0e8b9;border-right:1px solid #739e4b;border-bottom:1px solid #527136;border-left:1px solid #a9d580;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#a9d580), to(#70b92d));background:-moz-linear-gradient(top, #a9d580, #70b92d);background:-ms-linear-gradient(top, #a9d580, #70b92d);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9d580', endColorstr='#70b92d', GradientType=0)";box-sizing:border-box;text-align: right;}
@-moz-document url-prefix() { #header .last .buy a{ padding: 0px 3px 0px 0px !important; }}
#header .cart a		{box-sizing:border-box;width:90px;padding: 0px 0px 0px 25px;font-size: 12px;line-height: 26px;background-color:#ff6b07;border-top:1px solid #ffcead;border-right:1px solid #b78563;border-bottom:1px solid #926a4e;border-left:1px solid #ffa76b;background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffa568), to(#ff6b07));background:-moz-linear-gradient(top, #ffa568, #ff6b07);background:-ms-linear-gradient(top, #ffa568, #ff6b07);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa568', endColorstr='#ff6b07', GradientType=0)";}
#header .cart a #cartTotalNum {width: 33px;display: inline-block;text-align: center;font-size: 13px;line-height: 16px;height: 16px;position: absolute;top: 6px;}

#headBox			{position:relative;float:left;width: 45%;margin-top:6px;}
#headBox #logo		{ float:left;padding-top:5px; }
#headBox #tPoint	{ position:absolute; top:0; left:180px; font-size:1%; }
#headBox #tPoint a { display:block; margin-bottom:3px; }
#headBox #feefree	{ position:absolute; top:0; left:386px; font-size:1%; }
#headBox h1			{ margin-top:45px; margin-left:180px; font-size:84%; }

#headMenu			{float:right;width: 55%;margin-top:12px;font-size:1%;}
#headMenu li a:hover{ opacity:0.8; }
#headMenu .first	{width:auto !important;float: right;margin-right: 1px;}
#headMenu .first li	{ float:left; display:inline; margin-left:12px; /zoom:1; }
@-moz-document url-prefix() {#headMenu .first li	{  margin-left:14px !important;}}
#headMenu .first li.boxfree { margin-left:0; }
#headMenu .last		{clear:both;width: auto;float: right;margin-top:8px;}
#headMenu .last li	{float:left;display:inline;margin-left: 4px; /zoom:1;position:relative;}
#headMenu .last li.sell { margin-left:0; }
#headMenu #favoArea			{ position:relative; }
#headMenu #favoArea img		{ position:relative; z-index:1; }
/*#headMenu #favoArea span	{ position:absolute; left:85px; top:5px; color:#fff; z-index:2; font-size:10px; }*/
#headMenu #arriveArea		{ position:relative; }
#headMenu #arriveArea img	{ position:relative; z-index:1; }
/*headMenu #arriveArea span	{ position:absolute; left:85px; top:5px; color:#fff; z-index:2; font-size:10px; }*/
#headMenu #cartArea			{ position:relative; }
#headMenu #cartArea img		{ position:relative; z-index:1; }
/*#headMenu #cartArea span	{ position:absolute; left:56px; top:5px; color:#fff; z-index:2; font-size:10px; }*/
/*#headMenu .badger-outter { background: #fff; border: 1px solid#ccc; min-width: 20px; height: 24px; border-radius: 28px; -moz-border-radius: 28px; -webkit-border-radius: 28px; box-shadow: 0px 1px 5px#ccc; -moz-box-shadow: 0px 1px 5px#ccc; -webkit-box-shadow: 0px 1px 5px#ccc; float: left; z-index: 9999; }*/
#headMenu .badger-inner { min-width: 20px; height: 20px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; background: #f13c31; background: -moz-linear-gradient(100%100%90deg,#f13c31,#f79690); background: -webkit-gradient(linear,0%0%,0%100%,from(#f79690),to(#f13c31)); background: -webkit-linear-gradient(#f79690,#f13c31); background: -o-linear-gradient(#f79690,#f13c31); margin: 2px; z-index: 99999; position: absolute; top: -11px; right: -4px; }
#headMenu .badger-text 		{ font-size: 13px; }
#headMenu .badger-badge 	{ color: #fff; margin: 0; text-align: center; text-shadow: 0px-1px 1px#e01b0f; font-weight: normal; z-index: 999999; line-height: 20px; }

#pathWrap					{ margin-bottom: 10px; padding: 5px 10px 7px; background: #f0f8e9; }
#topicPath					{  }
#topicPath ol				{ float: left; width: 550px; padding: 5px 0 0 5px; font-size: 84%; color: #666; }
#topicPath ol li			{ float: left; }
#topicPath ol li.firstChild	{ padding-left: 16px; background: url("https://www.netoff.co.jp/images/i_home.gif") no-repeat 0 center; }
#topicPath ol li a			{ display: block; padding: 0 13px 0 7px; background: url("https://www.netoff.co.jp/images/i_path.gif") no-repeat right center; }
#topicPath ol li em			{ display: block; padding-left: 7px; font-weight: bold; }
#topicPath #login			{ float: right; width: 390px; font-size: 92%; }
#topicPath #login p			{ float: left; width: 210px; margin: 5px 17px 0 0; font-weight: bold; text-align: right; }
#topicPath #login img		{ vertical-align: top; }
#topicPath ul				{ float: right; margin-top: 5px; }
#topicPath ul li			{ float: left; margin-right: 14px; }
#topicPath ul li.name		{ font-weight:bold; }
#topicPath ul li.last		{ margin-right:0; line-height: 14px; margin-top: 2px; }
#topicPath ul li a			{ font-weight:bold; vertical-align:top; }
#topicPath ul li span		{ font-size:18px;line-height:13px;padding-right:1px; }
#topicPath ul li a:visited	{ color:#333; }
#topicPath ul li a:link		{ color:#333; }
#topicPath .tpoint			{ margin-left:10px; padding-top:5px; padding-left:14px; font-size:11px; line-height:0; }
#topicPath .tpoint span		{ color:red; font-size:11px; padding-left:3px; }


.sprite 			{ background:url("/images/sprite.png") no-repeat; background-size:auto; display:inline-block; }
.sprite-logo		{ background-position:0 -300px; width:155px; height:57px; }
.sprite-tpoint		{ background-position:0px -130px; width:198px; height:21px; }
.sprite-j3c			{ background-position:0px -112px; width:198px; height:19px; }
.sprite-boxfree		{ background-position:-360px -112px; width:94px; height:11px; }
.sprite-beginner	{ background-position:-73px -257px; width:91px; height:13px; }
.sprite-qa			{ background-position:-74px -284px; width:81px; height:13px;margin-right: 2px; }
.sprite-sitemap		{ background-position:-72px -270px; width:80px; height:13px; }
.sprite-corp		{ background-position:-155px -284px; width:61px; height:13px; }
.sprite-mypage		{background-position: -395px -283px;width: 13px;height:20px;position:absolute;top: 5px;left: 7px;}
.sprite-arrivemail	{background-position: -408px -282px;width: 15px;height: 15px;position:absolute;top: 6px;left: 6px;}
.sprite-favorite	{background-position: -423px -283px;width: 12px;height: 13px;position:absolute;top: 7px;left: 7px;}
.sprite-cart		{background-position: -435px -284px;width: 16px;height:13px;margin:0 0 0 1px;position: absolute;top: 7px;left: 3px;}
.sprite-comicicon	{ background-position:-185px 0px; width:15px; height:13px; margin-right:5px; }
.sprite-seticon		{ background-position:-155px 0px; width:15px; height:12px; margin-right:5px; }
.sprite-bookicon	{ background-position:-244px 0px; width:15px; height:15px; margin-right:5px; }
.sprite-cdicon		{ background-position:-215px 0px; width:15px; height:14px; margin-right:5px; }
.sprite-dvdicon		{ background-position:-125px 1px; width:15px; height:15px; margin-right:5px; }
.sprite-gameicon	{ background-position:-95px 1px; width:15px; height:13px; margin-right:5px; }
.sprite-sellicon	{ background-position:-324px 0px; width:20px; height:19px; margin-right:5px; vertical-align:sub; }
.sprite-comic-onicon{ background-position:-170px 0px; width:15px; height:12px; margin-right:3px; }
.sprite-set-onicon	{ background-position:-140px 0px; width:15px; height:12px; margin-right:3px; }
.sprite-book-onicon	{ background-position:-229px 0px; width:15px; height:15px; margin-right:3px; }
.sprite-cd-onicon	{ background-position:-200px 0px; width:15px; height:14px; margin-right:3px; }
.sprite-dvd-onicon	{ background-position:-110px 1px; width:15px; height:15px; margin-right:3px; }
.sprite-game-onicon	{ background-position:-80px 1px; width:15px; height:13px; margin-right:3px; }
.sprite-2015rank	{ background-position:-350px -22px; width:35px; height:35px; }
.sprite-2015gp		{ background-position:-70px -22px; width:35px; height:35px; }
.sprite-honya		{ background-position:-175px -22px; width:35px; height:35px; }
.sprite-book100		{ background-position:-245px -22px; width:35px; height:35px; }
.sprite-manga		{ background-position:-140px -22px; width:35px; height:35px; }
.sprite-label		{ background-position:-272px -241px; width:35px; height:35px; }
.sprite-new			{ background-position:-35px -22px; width:35px; height:35px; }
.sprite-obi			{ background-position:-105px -22px; width:35px; height:35px; }
.sprite-set			{ background-position:-210px -22px; width:35px; height:35px; }
.sprite-anime		{ background-position:-315px -22px; width:35px; height:35px; }
.sprite-bl			{ background-position:-280px -22px; width:35px; height:35px; }
.sprite-bungaku		{ background-position:-0px -22px; width:35px; height:35px; }
.sprite-door		{ background-position:-345px -1px; width:15px; height:15px; margin-left:5px; }
.sprite-discas		{ background-position:0px -57px; width:190px; height:55px; }
.sprite-tsutaya		{ background-position:-190px -57px; width:190px; height:55px; }
.sprite-bingo		{ background-position:-216px -241px; width:56px; height:56px; }
.sprite-spicon		{ background-position:-48px -1px; width:8px; height:14px; margin-left:5px;}
.sprite-smile		{ background-position:-0px -194px; width:216px; height:63px; }
.sprite-amount		{ background-position:-385px -0px; width:68px; height:111px; }
.sprite-begicon 	{ background-position:-416px -124px; width:32px; height:56px; }
.sprite-ticon		{ background-position:-346px -112px; width:10px; height:13px; }
.sprite-coupon		{ background-position:-325px -241px; width:52px; height:54px; }
.sprite-pmark 		{ background-position: -388px -228px; width: 54px; height: 55px; }
.sprite-ewaste		{ background-position:-42px -256px; width:29px; height:38px; position:absolute; right:6px; top:-5px; }
.sprite-renet		{ background-position:-222px -176px; width:194px; height:32px; }
.sprite-sell		{ background-position:-222px -140px; width:132px; height:35px; }
.sprite-free		{ background-position:-0px -256px; width:39px; height:41px; position:absolute; right:9px; top:-7px; }
.sprite-tvicon		{ background-position:-285px 0px; width:20px; height:19px; }
.sprite-shopping	{ background-position:-222px -211px; width:127px; height:26px; }
.sprite-crown		{ background-position:-259px -0px; width:26px; height:22px; margin:0 5px 0 10px; vertical-align:bottom; }
.sprite-zoom		{ background-position:-57px -0px; width:11px; height:12px; margin:0 5px; }
.sprite-topscroll	{ background-position:-306px 0px; width:18px; height:18px; }


#main {
  font-size: 12px;
  width: 100%;

}

#mainImg {
  width: 100%;
  margin: 0 auto;
  background:url("../images/p_main_bg.jpg") repeat-x 0;
  margin-top:-10px;
}

#mainImg h2{
  text-align:center;
}

.top_text {
  background: #fff20d;
  padding:5px 0 15px;
  text-align:center;
  font-size:14px;
  font-weight:700;

}

.mod-bd-gray1 {
  border: 1px solid #e6e6e6;
}

.mod-bdt-gray1 {
  border-top: 1px solid #e6e6e6;
}

.mod-bdr-gray1 {
  border-right: 1px solid #e6e6e6;
}

.mod-bdb-gray1 {
  border-bottom: 1px solid #e6e6e6;
}

.mod-bdl-gray1 {
  border-left: 1px solid #e6e6e6;
}

.mod-bg-yellow {
  background: #ffffea;
}

.mod-bg-gray {
  background: #f1f1f1;
}

.mod-w465 {
  width: 465px;
}


.mod-head-green {
  width: 465px;
  background:#000000;
  color: #fff;
  font-weight: 700;
  font-size:18px;
  line-height: 40px;
  text-align: center;
}

.mod-head-lime {
  width: 465px;
  background:#898989;
  color: #fff;
  font-size:18px;
  font-weight: 700;
  line-height: 40px;
  text-align: center;
}


.attentList {
  padding: 20px 0  20px 90px;
  background: url("../images/bg_exclamation.png") no-repeat 10px 20px;
  *zoom: 1;
}
.attentList li {
   text-indent: -1em;
   padding-left: 1em;
   margin-bottom:8px;

}

.btn_top	{font-size:32px;font-weight:700;margin-bottom:10px;}
.attention_box	{width:950px;margin:0 auto;background:#eeeeee;margin-top:50px;font-size:14px;line-height:24px;}
.attention_box_head	{background:#be0000;padding:10px;color:#ffffff;text-align:center;font-size:18px;font-weight:bold;font-family:"メイリオ",Meiryo,sans-serif;
}

.btnArea img {width:687px;}

.login_btn img	{width:393px;}
.vpoitinfo	{margin:50px 0;text-align:center;}
.vpoitinfo img	{width:auto;}
.bt_tadabon	{margin:50px 0 20px;text-align:center;}
.bt_tadabon img	{width:687px;}


#outline .mod-box-btm {
  position: relative;
}
#outline #outlineImg {
  position: absolute;
  top: 0;
  right: 0;
}
#outline table {
  width: 950px;
  margin: 0 auto;
  font-size:120%;
  margin-top:-20px;
  font-family:"メイリオ",Meiryo,sans-serif;
}
#outline table th {
  padding: 12px;
  background: #f1f1f1 url("../images/line_table.gif") repeat-x 0 bottom;
  font-weight: 600;
  text-align: left;
  vertical-align: top;
}
#outline table td {
  padding: 12px;
  background: white url("../images/line_table.gif") repeat-x 0 bottom;
  text-align: left;
  vertical-align: top;
}
#outline table td .fwB {
  font-weight: 600;
}
#outline table td em {
  color: #e77e89;
  font-weight: 600;
}
#outline table td .attent {
  color: #ae0007;
}
#outline table td ul li {
  text-indent:-1em;
  padding-left:1em;
}
#outline table td ul {
  list-style: none;
}


#top #searchBox		{ height: 100px; background: url("/images/bg_search.gif") repeat-x; }
#top #searchBox .rightBox				{ margin-left:50px;margin-right:50px; padding: 10px; position: relative; }
#top #searchBox .rightBox ul			{ vertical-align: top; }
#top #searchBox .rightBox li			{ display: inline-block; /display: inline; /zoom: 1; margin-right: 10px; vertical-align: top; }
#top #searchBox .rightBox li.chkBox		{ font-size: 1%; line-height: 1; }
#top #searchBox .rightBox li.chkBox img 	{ width:69px; height:18px;}
#top #searchBox .rightBox .bgSelect		{ position: relative; }
#top #searchBox .rightBox .bgSelect span	{ position: absolute; left: 0; top: 0; display: block; width: 158px; height:40px; padding: 5px 0 0 20px; font-size: 84%; color: #666; background: url("/images/bg_select.gif") no-repeat; line-height: 1; }
* html #top #searchBox .rightBox .bgSelect span	{ background: none; }
#top #searchBox .rightBox .bgSelect select	{ position: relative; z-index: 5; left: 0; top: 0; width: 178px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#top #searchBox .rightBox .textRight		{ height: 25px; margin: 7px 75px 0 0; padding-right: 7px; background: url("/images/bg_text_right.gif") no-repeat right top; }
#top #searchBox .rightBox .textLeft			{ height: 25px; padding-left: 18px; background: url("/images/bg_text_left.gif") no-repeat; }
#top #searchBox .rightBox .textLeft input	{ width: 100%; height: 25px; /margin-top: -1px; border: medium none; background: url("/images/bg_text.gif") repeat-x; line-height: 25px; }
#top #searchBox .rightBox #searchBtn		{ float: right; margin-top: -25px;  }


#top #main .greenTitle h3		{ padding:10px; background:#6db131; font-weight:bold; color:#FFFFFF; letter-spacing:1px;font-size:24px;}
#top #main .greenTitle li		{ display:none;}

#top .itemList .block ul 				{ font-size:0;margin-top:20px;}
#top .itemList .block ul:nth-child(1)	{ border-bottom:1px solid #e5e5e5; }
#top .itemList .block ul li				{ font-size:14px;font-weight:700;  display:inline-block; /display:inline;/*IE7*/ /zoom:1;/*IE7*/ width:20%; vertical-align:top; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; }
#top .itemList .block ul li:nth-child(even){ border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5; }
#top .itemList .block dl				{ padding:5px 0 5px 10px; }
#top .itemList .block dl dt				{ text-align:center; position:relative; }
#top .itemList .block dl dt img			{ height:158px; width:100px; padding-bottom:5px; }
#top .itemList .block dl dt .noImage	{ height:60px; width:60px; margin:30px 0 27px 0; }
#top .itemList .block .category			{ background:#e76700;color:#ffffff;font-size:84%;padding:0 3px 0 3px;margin-right:3px;float:left;vertical-align:bottom;display:block; }
#top .itemList .block .genre			{ margin-bottom:5px; padding:3px 8px; font-size:84%; color:#333; background:#f0f8e9; font-weight:200;}
#top .itemList .block .ranking			{ background:#e76700;color:#ffffff;font-size:84%;padding:0 3px 0 3px;margin-right:3px;float:left;vertical-align:bottom;display:block;font-weight:200;}
#top .itemList .block .through			{ font-size:84%; color:#666; text-decoration:line-through;font-weight:200; }
#top .itemList .block .price			{ margin-left:10px; font-weight:bold; color:#c8417a; }
.section 					{ margin-top:10px; position:relative; /zoom:1; }
.section .sectionNavi		{ position:absolute; right:5px; top:5px; }
.section .sectionNavi li	{ display:inline; /margin-right:2px; font-size:1%; line-height:0; }
.section .radLB				{ position:absolute; left:0; bottom:0; *bottom:-1px; font-size:1%; line-height:0; /zoom:1; }
.section .radRB				{ position:absolute; right:0; *right:-1px; bottom:0; *bottom:-1px; font-size:1%; line-height:0; /zoom:1; }


.weeklyRanking h3				{ background:url("/campaign/vpoint_campaign/images/i_crown.png") no-repeat 0 center; background-size:40px auto; margin-left:290px;text-align:left;font-size:250%;font-weight:bold;padding-top:10px;}
.weeklyRanking  h3 span				{ margin-left:50px;padding-top:10px !important;}
.weeklyRanking  h4			{ font-size:140%;font-weight:bold;background:#6db131;color:#fff;padding:5px 10px;}
.weeklyRanking  p			{ font-size:120%;font-weight:bold;text-align:right;padding:10px 0;}
.weeklyRanking .titleset		{ background:#fff; font-family:Meiryo;}
.weeklyRanking > .titleset		{ background:#eee; }
.weeklyRanking .scroll			{ padding:0px 10px 25px; }

.tabset .tab,
.tabset .tab2			{ box-sizing:border-box; display:table; table-layout:fixed; width:100%; padding:0 10px; background:#eee; font-size:16px;}
.tabset .tab			{ font-size:16px;}
.tabset .tab2			{ font-size:14px;}
.tabset .tab li,
.tabset .tab2 li		{ display:table-cell; position:relative; padding:18px 0; border-bottom:3px solid #eee; text-align:center; cursor:pointer; }
.tabset .tab2 li		{ padding:10px 0; }
.tabset .tab li.select,
.tabset .tab2 li.select	{ border-color:#6db131; color:#6db131; }
.tabset .content,
.tabset .content2		{ background:#fff; }
.tabset .content li 	{ padding:10px 0 0; }
.tabset .hide			{ display:none; }
.tabset .num			{ position:absolute; top:-3px; right:0; width:21px; height:21px; line-height:21px; border-radius:50%; background:#c00; color:#fff; font-size:11px; font-weight:bold; text-align:center; }
.tabset .new			{ position:absolute; top:-3px; right:0; width:30px; height:21px; line-height:21px; border-radius:4.5px; background:#c00; color:#fff; font-size:11px; font-weight:bold; text-align:center; }

.swiper-set				{ padding:4px 10px 10px; }
.swiper-container		{ width:100%; height:100%; margin-left:auto; margin-right:auto; }
.swiper-slide			{ text-align:center; /* Center slide text vertically */ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.swiper-slide img		{ width:100%; height:auto; }
.swiper-button-prev		{ background:url("/campaign/vpoint_campaign/images/arrow_l.png") no-repeat 0 center !important; background-size:18px auto !important; }
.swiper-button-next		{ background:url("/campaign/vpoint_campaign/images/arrow_r.png") no-repeat 0 center !important; background-size:18px auto !important; }
#top .tabset .num				{ position:absolute; top:-3px; right:0; width:21px; height:21px; line-height:21px; border-radius:50%; background:#c00; color:#fff; font-size:11px; font-weight:bold; text-align:center; }
#top .tabset .new				{ position:absolute; top:-3px; right:0; width:30px; height:21px; line-height:21px; border-radius:4.5px; background:#c00; color:#fff; font-size:11px; font-weight:bold; text-align:center; }

#top .scroll-inner ul			{ width:1025px; }


#top #main #tag_label .tagList	{ padding:10px 0; }
#top #main #tag_label .tagLabel	{ border:2px solid #d3d3d3; color:#666 !important; display:inline-block; padding:3px 5px 3px; border-radius:5px; text-decoration:none !important; white-space:nowrap; margin-right:5px; margin-bottom: 10px; font-size: 16px;}
#top #main #tag_label .tagNum	{ font-size:11px; padding-left:5px;}
#top #main #tag_label .tagLabel:hover{ background:#dcdcdc; }
#top #main #tag_label li		{ display:none;}


#top #main #textlist .categoryBlock	{ padding-bottom:20px; font-family:Meiryo;}
#top #main #textlist p		{ padding:10px 0; background:#6db131; font-weight:bold; color:#FFFFFF; letter-spacing:1px;font-size:24px; }
#top #main #textlist p span	{ padding-left:10px; }
#top #main #textlist p img	{ vertical-align:text-bottom; padding-left:20px; width:40px;}
#top #main #textlist dl		{ padding:10px 0; }
#top #main #textlist dt		{  font-weight: bold; padding: 5px 10px; background: #f0f8e9 url("../images/i_zoom.gif") no-repeat 7px 5px; margin-bottom: 5px;font-size:16px; }
#top #main #textlist dd		{ width: 19%; padding-left: 10px;padding-top: 10px; box-sizing: border-box; display: -moz-inline-box; display: inline-block; vertical-align: text-top;font-size:14px;}

.mod-list-float {
  *zoom: 1;
}
.mod-list-float:before, .mod-list-float:after {
  content: "";
  display: table;
}
.mod-list-float:after {
  clear: both;
}
.mod-list-float li {
  float: left;
}
/*	link
/------------------------------------------*/
.mod-link-icon-left {
  display: inline-block;
  margin: 10px 0 0 0;
  padding: 0 0 0 17px;
  background: url("/campaign/vpoint_campaign/images/i_blue.png") no-repeat left 0.25em;
  font-weight: 600;
  color: #333 !important;
}



@media (max-width: 768px) {

.sp {display:block;}
.pc {display:none;}


body	{ width:100%;overflow-x: hidden; font-family:"メイリオ",Meiryo,sans-serif;}
	
#wrap	{ clear:both; text-align:left; width:100% !important; 
}

  section {
    width: 100%;
    margin: 0 auto;
    padding: 10vw 20px;
  }


.ffm	{font-family:"メイリオ",Meiryo,sans-serif;}
.f18	{font-size:14px !important;}
.f16	{font-size:14px !important;}
.f14	{font-size:12px;}
.f22	{font-size:16px !important;}
.f32	{font-size:22px !important;}
.w950	{width:95%;}
.fl		{ float: none  !important; }
.fr		{ float: none  !important; }
.mal20	{ margin-left: 10px !important; }
.mar40	{ margin-right: 20px !important; }
.tacsp	{ text-align: center !important; }

	.clearfix:after,
	.gNav ul:after,
	footer:after,
	footer #footNav:after,
	.scroll ul:after	{ content:" "; clear:both; display:block; height:0; }


	header								{ clear:both; }
	header #titleArea2					{ display:table; width:100%; background:#ffffff;}
	header #titleArea2 .headerLogo		{ display:table-cell; padding:5px 10px 10px; }


	.gNav2	{width:100%;font-family:"メイリオ", Meiryo,sans-serif;height:65px;}
	.gNav2 li				{ float:left; width:20%; background:#eee; font-size:13px; text-align:center;}
	.gNav2 li a				{ box-sizing:border-box; display:block; height:65px; padding-top:35px; border-right:1px solid #fff; color:#000;}
	.gNav2 li:last-child a	{ border-right:0; }
	.gNav2 li:first-child a	{ background:url("/sp/images/gnav_cart.png") no-repeat center 8px; background-size:auto 25px; }
	.gNav2 li:nth-child(2) a	{ background:url("/sp/images/gnav_favorite.png") no-repeat center 8px; background-size:auto 25px; }
	.gNav2 li:nth-child(3) a	{ background:url("/sp/images/gnav_income.png") no-repeat center 8px; background-size:auto 25px; }
	.gNav2 li:nth-child(4) a	{ background:url("/sp/images/gnav_history.png") no-repeat center 8px; background-size:auto 25px; }
	.gNav2 li:last-child a	{ background:url("/sp/images/gnav_mypage.png") no-repeat center 8px; background-size:auto 25px; }


.attention2		{margin-top:10px !important; padding:8px 0; background:#eee; font-size:12px; text-align:center;font-family:"メイリオ",Meiryo,sans-serif;}


.top_text {
  background: #fff20d;
  padding:10px 10px 15px;
  font-size:12px;

}

.mod-w465 {
  width: 100%;
}


.mod-head-green {
  width: 100%;
  margin:0 auto;
  line-height: 40px;
  text-align: center;
  font-size:18px;
}

.mod-head-lime {
  width: 100%;
  font-weight: 600;
  line-height: 40px;
  font-size:18px;
  margin:0 auto;}

.attentList {
  font-family:"メイリオ",Meiryo,sans-serif;
  font-size:14px;
  padding: 15px 0;
  background: none;
  *zoom: 1;
}
.btn_top	{font-size:18px;}

.login_box	{border:1px solid #c9c9c9;width:94%;margin:0 auto;padding:0 1px;}
.attention_box	{width:95%;margin:0 auto;margin-top:50px;font-size:14px;line-height:20px;text-align:left;}

.btnArea img {width:90%;}

.login_btn img	{width:95%}

.vpoitinfo	{margin:30px 0;}
.vpoitinfo img	{width:90%;}
.bt_tadabon img	{width:90%;}


#outline table {
  width: 95%;
  font-size:110%;

}

#outline table th {
  padding: 3px;
  width:30%;
  vertical-align: middle;
  text-align:center;

}


#top #searchBox		{ height: 67px; background: url("/images/bg_search.gif") repeat-x; margin-bottom:30px;}
#top #searchBox .rightBox				{ margin-left:0px;margin-right:0px; padding: 10px; position: relative; }
#top #searchBox .rightBox ul			{ vertical-align: top; }
#top #searchBox .rightBox li			{ display: inline-block; /display: inline; /zoom: 1; margin-right: 10px; vertical-align: top; }
#top #searchBox .rightBox li.chkBox		{ font-size: 1%; line-height: 1; }
#top #searchBox .rightBox li.chkBox img 	{ width:60px; height:17px;}
#top #searchBox .rightBox .bgSelect		{ position: relative; width:170px;}
#top #searchBox .rightBox .bgSelect span	{ position: absolute; left: 0; top: 0; display: block; width: 160px; height:30px; padding: 5px 0 0 20px; font-size: 84%; color: #666; background: url("/images/bg_select.gif") no-repeat; line-height: 1; }
* html #top #searchBox .rightBox .bgSelect span	{ background: none; }
#top #searchBox .rightBox .bgSelect select	{ position: relative; z-index: 5; left: 0; top: 0; width: 160px; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; }
#top #searchBox .rightBox .textRight		{ height: 25px; margin: 7px 55px 0 0; padding-right: 7px; background: url("/images/bg_text_right.gif") no-repeat right top; }
#top #searchBox .rightBox .textLeft			{ height: 25px; padding-left: 18px; background: url("/images/bg_text_left.gif") no-repeat; }
#top #searchBox .rightBox .textLeft input	{ width: 100%; height: 25px; margin-top: -1px; border: medium none; background: url("/images/bg_text.gif") repeat-x; line-height: 25px; }
#top #searchBox .rightBox #searchBtn		{ float: right; margin-top: -25px;  }

.weeklyRanking h3				{ background-size:25px auto; margin-left:10px;text-align:left;font-size:150%;font-weight:bold;padding-top:5px;}
.weeklyRanking  h3 span				{ margin-left:30px;padding-top:5px !important;}

.scroll					{ padding: 10px 10px 25px; -webkit-overflow-scrolling: touch; }
.scroll-inner			{ width:100%; overflow-x:auto; border:none !important; }
.scroll li				{ float:left; width:93px; margin-right:10px; text-align:left;}
.scroll li:last-child	{ margin-right:0; }
.scroll li .rank		{ font-size:14px; text-align:center; }
.scroll li .rank img	{ margin-right:2px; vertical-align:middle;  width:20px; height:15px;}
.scroll li  img	{ width:80px; height:126px;}
.scroll li a			{ display:block;}
.scroll li span			{ display:block; }
.scroll li .label		{ background:#f0f8e9; color:#666; font-size:8px; text-align:center; margin-top:3px;}
.scroll li .titlename	{ font-size:12px; margin-top:5px; font-weight:700; }
.scroll li .auther		{ font-size:10px; color:#666; }
.scroll li .price		{ font-size:12px; color:#c8417a; }
.scroll ul:after	{ content:" "; clear:both; display:block; height:0; }


#top #main #tag_label .tagLabel	{  margin-bottom: 10px; font-size: 14px;}

#top #main #textlist p		{font-size:18px; }
#top #main #textlist dl		{ padding:10px 0; }
#top #main #textlist dt		{font-size:16px; }
#top #main #textlist dd		{ width: 49%; padding-left: 10px;padding-top: 10px;font-size:14px;}


.mod-list-float {
  width:100%;
}
.mod-list-float:before, .mod-list-float:after {
  content: "";
  display: block;
}
    .mod-list-float:after {
      clear: both;
    }
    .mod-list-float li {
      float: left;
      width:50%;
        height:auto;
    }

    .mod-list-float li img {
      width:100%;
}



}

.rakuten img	{width:350px;margin:0 auto;}
.l-top__section {
    margin: 30px auto;
    width:950px;
}
.l-top__heading {
    font-size: 18px;
    font-weight:700;
    font-family: NotoSansJP_Bold, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    margin: 0px auto;
}
.c-heading--gray--tag {
    position: relative;
    gap: 0 8px;
    padding: 16px 52px 16px 14px;
}
.c-heading--gray {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px;
    font-family: NotoSansJP_Bold, "ＭＳ Ｐゴシック", "MS PGothic", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    line-height: 1.5em;
    background-color: rgb(243, 243, 243);
    padding: 12px 10px;
}
.l-top__tag-inner {
    overflow: hidden;
    transition: height .3s cubic-bezier(0.85, 0, 0.15, 1) .1s;
}

.l-top__tag-inner img{
    width:200px;
    margin:15px;
}

.l-top__tag-container {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: flex-start;
    margin: 10px 0 0;
    overflow: hidden;
    transition: height .3s cubic-bezier(0.85, 0, 0.15, 1) .1s;
}
.c-tag {
    display: inline-block;
    padding: 6px 15px;
    font-size: 14px;
    font-weight:700;
    color: #fff;
    white-space: nowrap;
    white-space: pre-wrap;
    background-color: #333;
    border-radius: 20px;
}
article {
    display: block;
    unicode-bidi: isolate;
}

.c-heading--gray--crown {
    position: relative;
    gap: 0 8px;
    padding: 12px 52px 12px 10px;
}
.c-tab {
    display: flex;
    margin: 0 -10px 10px;
    overflow-x: auto;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    scrollbar-width: none;
}

[type=radio], [type=checkbox] {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    white-space: nowrap;
    cursor: pointer;
    border: 0;
}
.c-tab__list {
    position: relative;
}
.c-tab__list input:checked+label {
    color: #1ebc2a;
    border-bottom: 3px solid #1ebc2a;
}
.splide.is-initialized, .splide.is-render {
    padding: 0 0 25px;
}

.splide.is-initialized, .splide.is-rendered {
    visibility: visible;
}


@media (max-width: 768px) {
.rakuten img	{width:100%;margin:0 auto;}
.l-top__section {
    margin: 30px auto;
    width:100%;
}
.l-top__tag-container {
     margin: 10px;
}

.l-top__tag-inner img{
    width:45%;
    margin:2%;
}

}




/* purchase_section */
#purchase .purchase_section {
  position: relative;
  margin-top: 10px;

}
#purchase .purchase_section::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 27.5px 0 27.5px;
  border-color: #6cb132 transparent transparent transparent;
}


#purchase .purchase_head {
  position: relative;
}
#purchase .purchase_head .purchase_top {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  max-width: 1020px;
  margin: 0 auto 15px;
}
#purchase .purchase_head .purchase_top li {
  margin: 0 2px;
}
#purchase .purchase_head .purchase_top li img {
  width: auto;
  max-width: 100%;
}

#purchase .purchase_head .purchase_tab {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-wrap: nowrap;
  max-width: 1020px;
  margin: 0 auto;
}
#purchase .purchase_head .purchase_tab li {
  margin: 0 2px;
  height: 135px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 20%;
}

#purchase .purchase_head .purchase_tab li a {
  position: relative;
  background-color: #e8ffd5;
  background-repeat: no-repeat;
  background-position: center bottom 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  /*font-family: 'Noto Sans';*/
  font-size: 120%;
  font-weight: 400;
  width: 100%;
  height: 125px;
}
#purchase .purchase_head .purchase_tab li a:hover {
  background-color: #d5fcb6;
}
#purchase .purchase_head .purchase_tab li a.active {
  background-color: #6cb132;
  color: #fff;
  height: 135px;
}
#purchase .purchase_head .purchase_tab li a::after {
  position: absolute;
  bottom: 15px;
  left: 48%;
  content: ">";
  transform:rotate(90deg);
  font-size: 120%;
  font-weight: bold;
  line-height: 0;
}
#purchase .purchase_head .purchase_tab li.manga a {
  background-image: url(/campaign/vsite/images/i_manga.webp);
}
#purchase .purchase_head .purchase_tab li.book a {
  background-image: url(/campaign/vsite/images/i_book.webp);
}
#purchase .purchase_head .purchase_tab li.dvd a {
  background-image: url(/campaign/vsite/images/i_film.webp);
}
#purchase .purchase_head .purchase_tab li.cd a {
  background-image: url(/campaign/vsite/images/i_cd.webp);
}
#purchase .purchase_head .purchase_tab li.game a {
  background-image: url(/campaign/vsite/images/i_gamepad.webp);
}
#purchase .purchase_head .purchase_tab li.game2 a {
  background-image: url(/campaign/vsite/images/i_gamepad2.webp);
}
#purchase .purchase_head .purchase_tab li.manga a.active {
  background-image: url(/campaign/vsite/images/i_manga_w.webp);
  color: #fff !important;
}
#purchase .purchase_head .purchase_tab li.book a.active {
  background-image: url(/campaign/vsite/images/i_book_w.webp);
  color: #fff !important;
}
#purchase .purchase_head .purchase_tab li.dvd a.active {
  background-image: url(/campaign/vsite/images/i_film_w.webp);
  color: #fff !important;
}
#purchase .purchase_head .purchase_tab li.cd a.active {
  background-image: url(/campaign/vsite/images/i_cd_w.webp);
  color: #fff !important;
}
#purchase .purchase_head .purchase_tab li.game a.active {
  background-image: url(/campaign/vsite/images/i_gamepad_w.webp);
  color: #fff !important;
}
#purchase .purchase_head .purchase_tab li.game2 a.active {
  background-image: url(/campaign/vsite/images/i_gamepad2_w.webp);
  color: #fff !important;
}

#purchase .purchase_head .purchase_tab li a span {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  text-align: center;
}



#purchase .purchase_body {
  background-color: #6cb132;
  position: relative;
  padding: 40px 20px 30px;
  box-sizing: border-box;
  margin:0 auto;

}

#purchase .purchase_body section {
  padding: 0;
  width:1100px;
  margin:0 auto;

}
#purchase .purchase_body .purchase_items {
  margin: 0 auto;
}
#purchase .purchase_body .purchase_items .item_list {
  display: none;
}
#purchase .purchase_body .purchase_items .item_list.active {
  display: block;
}
#purchase .purchase_body .purchase_items .item_list ul {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
#purchase .purchase_body .purchase_items .item_list ul::after,
#purchase .purchase_body .purchase_items .item_list ul::before {
  content: "";
  display: block;
  width: 18%;
  height: 0;
}
#purchase .purchase_body .purchase_items .item_list ul::before {
  order: 1;
}
#purchase .purchase_body .purchase_items .item_list ul li {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  width: 18%;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 30px;
  box-sizing: border-box;

}
#purchase .purchase_body .purchase_items .item_list ul li .item_info {
  position: relative;
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  padding: 0;
  font-family: 'Noto Sans';
  font-weight: 400;
  line-height: 1.4;
}
#purchase .purchase_body .purchase_items .item_list ul li .item_title {
  position: relative;
  margin: 20px 0 0;
  font-size: 120%;
  font-weight: 600;
  min-height: 2em;
}
#purchase .purchase_body .purchase_items .item_list ul li .item_sub {
  position: relative;
  margin: 0 0 20px;
  font-size: 100%;
  font-weight: 400;
}
#purchase .purchase_body .purchase_items .item_list ul li .item_price {
  position: relative;
  display: none;
  margin: 0;
  font-size: 100%;
  font-weight: 400;
}
#purchase .purchase_body .purchase_items .item_list ul li .item_price2 {
  position: relative;
  margin: auto 0 0;
  color: #fe0000;
  font-size: 110%;
  font-weight: 700;
  display: flex;
  align-items: center;
  padding-top:10px;
}
#purchase .purchase_body .purchase_items .item_list ul li .item_price2::before {
  content: "買取価格";
  width: 2.5em;
  display: inline-block;
  font-size: 90%;
  padding-top:5px;
  font-family: 'Century Gothic', 'Noto Sans';
}
#purchase .purchase_body .purchase_items .item_list ul li .item_price2 span {
  display: inline-block;
  margin: 0 0 0 auto;
  font-weight: 700;
}
#purchase .purchase_body .purchase_items .item_list ul li .item_price2 em {
  font-size: 250%;
  font-weight: 700;
  font-family: 'Century Gothic', 'Noto Sans';
  letter-spacing: -0.02em;
font-style: normal ;}


#purchase .purchase_body .purchase_items .item_list ul li .list_up {
  position: absolute;
  bottom:50px;
  width:100%;
  margin-top:20px;
  background:#ff6000;
  color:#ffffff;
  padding:1px 0;
  text-align:center;
  font-size:20px;
  font-weight:bold;

}



#purchase .purchase_body .purchase_foot {
  display: flex;
  justify-content: space-between;
  color: #fff;
  font-size: 90%;
}



@media (max-width: 1000px) {
  #purchase .purchase_body .purchase_items .item_list ul::after,
  #purchase .purchase_body .purchase_items .item_list ul::before {
    width: 23%;
  }
  #purchase .purchase_body .purchase_items .item_list ul li {
    width: 23%;
  }
}
@media (max-width: 768px) {
  #purchase .purchase_section {
    margin-top: 5vw;
  }

  #purchase .purchase_body .purchase_items .item_list ul::after,
  #purchase .purchase_body .purchase_items .item_list ul::before {
    width: 48%;
  }
  #purchase .purchase_body .purchase_items .item_list ul li {
    width: 48%;
    margin-bottom: 3vw;
  }

  #purchase .purchase_head .purchase_tab li {
    height: 25vw;
  }
  #purchase .purchase_head .purchase_tab li a {
    height: 24vw;
    font-size: 2.2vw;
    background-size: 14vw;
    background-position: center bottom 9vw;
  }
  #purchase .purchase_head .purchase_tab li a.active {
    height: 25vw;
  }
  #purchase .purchase_head .purchase_tab li a::after {
    bottom: 2vw;
  }
  #purchase .purchase_head .purchase_tab li a span {
    bottom: 4.5vw;
  }

  #purchase .purchase_body {
    padding: 4vw 15px;
  }
  
  #purchase .purchase_body section {
  width:100%;

}

  #purchase .purchase_body .purchase_foot {
    font-size: 2.8vw;
  }
  
  #purchase .purchase_body .purchase_items .item_list ul li .item_price2::before {
  font-size: 80%;
}

  #purchase .purchase_body .purchase_items .item_list ul li .item_price2 em {
    font-size: 8.0vw;
  }
  
  
  
  #purchase .purchase_body .purchase_items .item_list ul li .list_up {
  bottom:35px;
  font-size:16px;

}

}


/* guarantee_section */
#purchase .guarantee_section {
  background-color: #4c7c22;
  position: relative;
}

#purchase .guarantee_section section {
  padding: 50px 0 20px;
}

#purchase .guarantee_section a {
  color: #fff;
}
#purchase .guarantee_section .sub_conductor {
  margin-top: 40px;
  z-index: 2;
}
#purchase .guarantee_section .sub_conductor > a.sub_btn {
  border-color: #fff;
  position: relative;
}


@media (max-width: 768px) {
  #purchase .guarantee_section section {
    padding: 12vw 0px 5vw;
    z-index: 2;

  }
}


/* 吹き出し見出し */
#wrap h2.sideline {
  font-size: 250%;
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0;
  background:url(/campaign/common/images/dot_green.png) repeat-x 2px bottom;
  text-align: center;
}
#wrap h2.sideline span {
  font-size: 300%;
  font-weight: 600;
  text-align: center;
}
#wrap h2.sideline div {
  position: relative;
  display: inline-block;
  background: #fff;
  width: 800px;
  line-height: 1.5;
  padding-top: 10px;
}
#wrap h2.sideline div::before,
#wrap h2.sideline div::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 2px;
  height: 2.6em;
  background-color: #6cb132;
}
#wrap h2.sideline div::before {
  left: 0;
}
#wrap h2.sideline div::after {
  right: 0;
}

#wrap h2.sideline img {
  width: auto;
  max-width: 100%;
  margin-bottom: 15px;
}

@media (max-width: 1100px) {
  #wrap h2.sideline {
    font-size: 4.5vw;
  }
  #wrap h2.sideline div {
    width: 70%;
  }
  #wrap h2.sideline img {
    max-width: 70%;
  }
}
@media (max-width: 768px) {
  #wrap h2.sideline {
    background-size: 2%;
    margin: 4vw 0;
    font-size: 5.2vw;
  }

#wrap h2.sideline span {
  font-size: 150%;
}
  #wrap h2.sideline div {
    width: 90%;
  }
  #wrap h2.sideline img {
    max-width: 80%;
  }
}

.em_txt2 {
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}
.em_txt2 p {
  /*font-family: 'Noto Sans';*/
  font-weight: 500;
  font-size: 300%;
  letter-spacing: 0px;
  line-height: 1.5;
  color: #fff;
  text-shadow: -1px 3px 3px rgba(0, 0, 0, 0.5);
}
.em_txt2 p em {
  /*font-family: 'Noto Sans';*/
  font-size: 110%;
  font-weight: 600;
}
.em_txt2 .dotline {
  /*font-family: 'Noto Sans';*/
  font-size: 420%;
  font-weight: 500;
  color: #ffea15;
  position: relative;
  margin: 0 auto;
  width: 900px;
  max-width: 100%;
  line-height: 1.5;
}
.em_txt2 .dotline p {
  position: relative;
  display: inline-block;
  width: 100%;
  line-height: 1.1;
  z-index: 1;
  background: url(../images/dot_lime.png) repeat-x bottom left;
}
@media all and (-ms-high-contrast: none) {
  .em_txt2 .dotline p {
    line-height: 0.6;
  }
}

.em_txt2 .dotline em {
  font-size: 140%;
  font-weight: 500;
}
.em_txt2 .note {
  color: #fff;
  /*font-family: 'Noto Sans';*/
  font-size: 16px;
  font-weight: 400;
  margin-top: 20px;
}
.em_txt2 .head img {
  width: auto;
  margin-bottom: 20px;
}

@media (max-width: 1100px) {
  .em_txt2 {
    font-size: 1.5vw;
  }
  .em_txt2 .note {
      font-size: 3.0vw;
  }
}
@media (max-width: 768px) {
  .em_txt2 {
    font-size: 2vw;
  }
  .em_txt2 .dotline p {
    background-size: 2.5%;
    
    
  }
  .em_txt2 .head img {
    width: 70vw;
    max-width: 367px;
    margin-bottom: 3vw;
  }
}

/* guarantee_section */
#purchase .guarantee_section {
  background-color: #4c7c22;
  position: relative;
}

#purchase .guarantee_section section {
  padding: 50px 0 20px;
}

#purchase .guarantee_section a {
  color: #fff;
}
#purchase .guarantee_section .sub_conductor {
  margin-top: 40px;
  z-index: 2;
}
#purchase .guarantee_section .sub_conductor > a.sub_btn {
  border-color: #fff;
  position: relative;
}


@media (max-width: 768px) {
  #purchase .guarantee_section section {
    padding: 12vw 0px 5vw;
    z-index: 2;

  }
}

#wrap h3.underline {
  /*font-family: 'Noto Sans';*/
  font-size: 180%;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 0 0 25px 0;
  margin: 35px auto;
  background: url(/campaign/common/images/line_bk.png) no-repeat center bottom;
}
#wrap h3.underline.white {
  background-image: url(/campaign/common/images/line_wh.png);
}

@media (max-width: 1100px) {
  #wrap h3.underline {
    font-size: 5.0vw;
    margin: 5vw auto;
  }
}
@media (max-width: 768px) {
  
}



/* search */
#search {
  width: 100%;
  padding: 0 20px;
  margin: 0;
  background: #fffcdd;
  box-sizing: border-box;
}
#search section {
  padding: 25px 0 40px;
  max-width: 970px;
}
.input_wrap {
  position: relative;
  display: flex;
  border-radius: 4px;
  border: 2px solid #000;
  height: 65px;
  background-color: #fff;
  overflow: hidden;
}
.input_wrap .input_txt {
  font-size: 140%;
  border: 0;
  width: 85%;
  box-sizing: border-box;
  padding-left: 60px;
  box-shadow: inset 2px 2px 4px 0px rgba(0, 0, 0, .2);
  background: url(../images/i_search.png) no-repeat 20px center;
  outline: none;
}
.input_wrap .input_txt::placeholder {
  color: #999999;
}
.input_wrap .input_txt::-ms-input-placeholder {
  color: #999999;
}
.input_wrap .input_txt:-ms-input-placeholder {
  color: #999999;
}

.input_wrap .input_btn {
  position: relative;
  right: -1px;
  background-color: #000;
  border: 0;
  border-radius: 0;
  /*font-family: 'Noto Sans';*/
  font-size: 130%;
  font-weight: 500;
  color: #fff;
  width: 15%;
  box-sizing: border-box;
  cursor: pointer;
}
.input_wrap .input_btn:hover {
  background-color: #333;
}

.word_lists {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
}
.word_lists > li {
  width: 22%;
  margin: 0 0 20px;
}
.word_lists::after,
.word_lists::before {
  content: "";
  display: block;
  width: 22%;
  height: 0;
}
.word_lists::before {
  order: 1;
}
.word_lists > li a {
  background-color: #fff;
}


@media (max-width: 768px) {
  #search section {
    padding: 5vw 0 8vw;
  }

  .input_wrap {
    height: 50px;
  }
  .input_wrap .input_txt {
    font-size: 4vw;
    padding-left: 40px;
    background-position: 10px;
  }
  .input_wrap .input_btn {
    font-size: 4vw;
  }

  .word_lists > li {
    width: 48%;
    margin: 0 0 3vw;
  }
  .word_lists::after,
  .word_lists::before {
    width: 48%;
  }
}




/* flow */
#flow {
  margin-top: 50px;
}
#flow .flow_section {
  position: relative;
  padding: 0 20px;
  margin-top: 50px;
  width: 100%;
  background-color: #e8ffd5;
  box-sizing: border-box;
}

#flow section {
  padding: 50px 0;
}
#flow .sub_conductor {
  margin: 40px auto 0;
}

#flow .three_column li {
  position: relative;
  background-color: #6eba26;
  box-sizing: border-box;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  /*font-family: 'Noto Sans';*/
  width: calc((100% - 100px) / 3);
  margin-right: 50px;
}

#flow .step01 img	{width:600px;}

@media all and (-ms-high-contrast: none) {
  #flow .three_column li {
    width: auto;
  }
}

#flow .three_column li:nth-child(3) {
  margin-right: 0px;
}
#flow .three_column li:before{
  /*content:"1";*/
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  width: 40px;
  height: 40px;
  background: #6eba26;
  color: #fff;
  /*font-family: 'Noto Sans';*/
  font-size: 137%;
  font-weight: 700;
  border-radius: 3px;
  line-height: 40px;
  box-sizing: border-box;
}
@media all and (-ms-high-contrast: none) {
  #flow .three_column li:before {
    padding-top: 5px;
  }
}
#flow .three_column li.n2:before{
  /*content:"2";*/
}
#flow .three_column li.n3:before{
  /*content:"3";*/
}


#flow .three_column li:nth-child(3):after{
  content:"";
  border: none;
}
#flow .three_column li dl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px 0;
  box-sizing: border-box;
  height: 90px;
}
#flow .three_column li dt {
  font-size: 122%;
  font-weight: 700;
}
#flow .three_column li dd {
  font-size: 140%;
  font-weight: 700;
}
#flow .three_column li .small {
  font-size: 80%;
  font-weight: 100;
}

@media ( max-width: 768px ) {
  #flow {
    margin-top: 10vw;
  }
  #flow section {
    padding: 5vw 0;
  }
  #flow .three_column {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #flow .three_column li {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    width: 100%;
    margin-bottom: 40px;
    min-height: auto;
    margin-right: 0;
  }
  #flow .three_column li:before{
    
  }

  #flow .three_column li dl {
    width: 35%;
    height: auto;
    padding: 20px 10px;
  }
  #flow .three_column li dt {
    font-size: 122%;
  }
  #flow .three_column li dd {
    font-size: 114%;
  }
  #flow .three_column li img {
    width: 65%;
    margin: 0 auto 0 0;
  }
  #flow .sub_conductor {
    margin: 0 auto 3vw;
  }
  
#flow .step01 img	{width:100%;}
  
}

.sub_conductor {
  position: relative;
  width: 42.8%;
  height: 40px;
  text-align: center;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.sub_conductor > a.sub_btn {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  line-height: 1.8;
  /*font-family: 'Noto Sans';*/
  text-decoration: none;
  text-align: center;
  border-radius: 20px;
  border: solid 2px #333333;
  color: #000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top:0px;
  font-size:16px !important;
}
.sub_conductor > a.sub_btn:hover{
  opacity: 0.7;
}
.sub_conductor > a.sub_btn.arrow_right {
  position: relative;
}
.sub_conductor > a.sub_btn.arrow_right:before {
  position: absolute;
  top: 0px;
  right: 11px;
  width: 18px;
  font-size: 120%;
  color:#fff !important;
  content: ">";


}
.sub_conductor > a.sub_btn.base_size {
  width: 370px;
  max-width: 100%;
}
@media all and (-ms-high-contrast: none){
  .sub_conductor > a.sub_btn {
    font-family: inherit;
  }
  .sub_conductor > a.sub_btn.arrow_right:before {
    top: -4px;
  }
  .sub_conductor > a.sub_btn {
    font-family: inherit; /*IE10以下*/
  }
  .sub_conductor > a.sub_btn.arrow_right:before {
    top: -4px;
  }
}


@media ( max-width: 768px ) {
  .sub_conductor {
    width: 100%;
  }
  .sub_conductor > a.sub_btn {
  font-size:14px !important;
  }
  .sub_conductor > a.sub_btn.arrow_right:after {
    top: 41%;
  }
.sub_conductor > a.sub_btn.arrow_right:before {
  right: 5px;

}

}

.searchbox_input	{background:#ffffff;}

/* 3カラム デフォルトレイアウト */
.three_column {
  display: flex;
  flex-direction: row;
}
.three_column:after {
  display: table;
  clear: both;
  content: "";
}
.three_column > * {
  float: left;
  width: 370px;
  margin-right: 20px;
}
.three_column > *:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .two_column > *,
  .three_column > *,
  .four_column > *,
  .five_column > * {
    float: left;
    width: 48%;
    margin-right: 10px;
  }
  .three_column > *:nth-child(2n),
  .four_column > *:nth-child(2n),
  .five_column > *:nth-child(2n) {
    margin-right: 0;
  }
}



/*explanation*/
#explanation section {
  padding: 50px 20px 100px;
}
#explanation .links {
  width: 100%;
  max-width: 970px;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 auto;
}
#explanation .links li {
  display: inline-block;
  box-sizing: border-box;
}
#explanation .links li.criteria {
  width: 50%;
  padding-right: 15px;
}
#explanation .links li.identification {
  width: 50%;
  padding-left: 15px;
}
#explanation .links li.questions {
  width: 100%;
  margin-top: 30px;
}
#explanation .links li a {
  position: relative;
  display: flex;
  /*font-family: 'Noto Sans';*/
  font-weight: 500;
  font-size: 170%;
  border: 4px solid #000;
  border-radius: 43px;
  height: 86px;
  text-align: center;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
@media all and (-ms-high-contrast: none) {
  #explanation .links li a {
    padding-top: 10px;
  }
}
#explanation .links li a:hover {
  background-color: #eee;
}
#explanation .links li a:after {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  content: ">";
  font-size: 150%;
}
#explanation .links li a:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 25px;
  transform: translateY(-50%);
}
#explanation .links li.criteria a:before {
  background-image: url(../images/i_ruler.png);
}
#explanation .links li.identification a:before {
  background-image: url(../images/i_card.png);
}
#explanation .links li.questions a:before {
  background-image: url(../images/i_question.png);
}
#explanation .links li a span {
  padding-left: 10px;
}

@media (max-width: 768px) {
  #explanation section {
    padding: 5vw 20px 15vw;
  }
  #explanation .links li.criteria {
    width: 100%;
    padding-right: 0;
  }
  #explanation .links li.identification {
    width: 100%;
    margin-top: 3vw;
    padding-left: 0;
  }
  #explanation .links li.questions {
    width: 100%;
    margin-top: 3vw;
  }
  #explanation .links li a {
    font-size: 4.0vw;
    border-radius: 30px;
    height: 60px;
  }
  #explanation .links li a:before {
    width: 6vw;
    height: 6vw;
    top: 50%;
    left: 4vw;
  }
  #explanation .links li a span {
    padding-left: 1vw;
  }
}

/*----------------------------------------------
フッター
-----------------------------------------------*/

#footer .pageup	{ clear:both; text-align:right; max-width: 1170px; margin: 0 auto; font-size: 0; }
#footer .pageup a { display: inline-block; background-color: #f4f4f4; padding: 9px 15px 4px 15px; border-radius: 4px 4px 0 0; border: solid 1px #e4e5e6; border-bottom: none; font-size: 11px; color: #666665; }
#footer	.pageup a:link		{ color:#666665; }
#footer	.pageup a:visited	{ color:#666665; }
#footer	.pageup a:hover, 
#footer	.pageup a:active	{ color:#666665; }

#footer						{ font-size: 75%; margin-top:40px; }
#footer	a			{ overflow:hidden; outline:none; }
#footer	a:link		{ color:#666665; text-decoration:none; }
#footer	a:visited	{ color:#666665; text-decoration:none; }
#footer	a:hover, 
#footer	a:active	{ color:#0066cc; text-decoration:underline; }

#footer .bo1				{ border-top:1px solid #e5e5e5; }
#footerMenuWrap				{ width: 100%; position:relative; margin:0 auto;  }
#footerMenu					{ width: 100%; margin:0 auto; padding:20px 30px; border:1px solid #e5e5e5; max-width:1170px; line-height: 1.6; box-sizing: border-box; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row; }
#footerMenuWrap #footerLT	{ position:absolute; left:0; top:0; font-size:1%; }
#footerMenuWrap #footerRB	{ position:absolute; right:0; bottom:0; font-size:1%; }
#footerMenuWrap #footerLB	{ position:absolute; left:0; bottom:0; font-size:1%; }
#footerMenu dl dt			{ width: 100%; font-weight:bold; color:#000; text-align:left;text-indent: -0.5em; margin-bottom: 5px; }
#footerMenu dl dt span		{ color:#ccc; }
#footerMenu dl.buy			{ width:75%; border-right:1px solid #e5e5e5; margin-right: auto; display: flex; align-items: flex-start; justify-content: flex-start; flex-direction: row;flex-wrap: wrap; }
#footerMenu dl.buy dd		{ width:33%; text-align:left; }
#footerMenu dl.sell			{ width:20%; text-align:left; margin-left: auto; }
.otherLink					{ max-width: 1170px; margin:0 auto; padding:1em 0; text-align:center; line-height: 1.8; }
.otherLink li				{ display:inline-block; /display:inline; /zoom:1; padding:0 1em; line-height:1.1; border-right:1px solid #939393; }
.otherLink li:last-child			{ border-right:0; }

#copyrightWrap				{display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; padding: 15px 10px 0px;max-width: 1170px;margin: 0 auto;}
#copyrightWrap	.first		{ margin-right:6px; }
#copyrightWrap a			{ text-decoration:underline; }
#copyrightWrap a:hover		{ text-decoration:none; }
#footLogo					{margin: 0 10px 0 0;}
#footLogo .logo	{ background:url("../images/logo_netoff2.webp") no-repeat; background-size:auto; display:inline-block; width:153px; height:55px; }
#copyrightWrap #safety				{ margin:0; font-size: 90%; display: flex; flex-direction: row; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
#copyrightWrap #safety li			{ margin-right:5px; }
#copyrightWrap #safety li a:link		{ text-decoration:underline; }
#copyrightWrap #safety li a:hover		{ text-decoration:none; }
#copyrightWrap #safety .norton img	{ height:68px; width:94px; margin-top:-7px; }
#copyrightWrap address		{width: 100%; font-size:84%;color:#999;text-align:center;position: relative; padding: 0 0 15px; }

#footer .attention {background: #0c6d0e; width: 100%; height: 18px !important; line-height:18px; color: #FFFFFF; text-align:center;font-size:12px;}


@media screen and (max-width: 768px){
  #footer						{ font-size: 90%; }
  #footer .pageup	{ display: none; }
  #footerMenuWrap				{ padding: 0 20px;  }
  #footerMenu					{ padding:15px 15px; flex-direction: column; line-height: 1.7; }
  #footerMenu dl.buy			{ width:100%; border-right:0px; border-bottom: 1px solid #e5e5e5; padding-bottom: 5px; margin-bottom: 15px; }
  #footerMenu dl.buy dd		{ width:50%; margin-bottom: 10px; }
  #footerMenu dl.sell			{ width:100%; }
  .otherLink					{ padding:1em 20px; }

  #copyrightWrap				{padding-bottom: 70px; flex-direction: column;}
  #copyrightWrap address		{margin-top: 15px; }
  #footLogo					{margin-bottom: 10px;}
  #copyrightWrap #safety				{ text-align: center; line-height: 2; }
  #copyrightWrap #safety li			{ font-size: 95%; }

#footer .attention {background: #0c6d0e; width: 100%; height: 18px; line-height:18px; color: #FFFFFF; text-align:center;font-size:12px;}

}


.page-top {
  display: none;
  position: fixed;
  bottom: 15px;
  right: 15px;
  width: 70px;
  height: 70px;
}
.page-top a {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
}
.page-top a:hover {
  opacity: 1;
  -webkit-transform: translate(0px,-5px);
  -moz-transform: translate(0px,-5px);
  -ms-transform: translate(0px,-5px);
  -o-transform: translate(0px,-5px);
  transform: translate(0px,-5px);
}
.page-top a:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  height: 70px;
  background: url("../images/pagetop.png") no-repeat center top;
  content: "";
}

@media screen and (max-width: 768px){
  .page-top {
    bottom: 75px;
  }
}


/*---------------------------------------------
04. clearfix
---------------------------------------------*/
.clearfix,
footer,
section {
  *zoom: 1;
}
.clearfix:after,
footer:after,
section:after {
  content: " ";
  display: table;
  clear: both;
}