/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	font: inherit;
	font-size: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	line-height: 1;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after {
	content: '';
	content: none;
}

q:before,
q:after {
	content: '';
	content: none;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

img {
	vertical-align: middle;
}

/*------------------------------------------------------------------

grid.scss


thanks Crumpet
###

Crumpet is a deliciously simple SASS/SCSS responsive framework that keeps
your HTML clean & stays out of your way.

Any problems, ideas or questions post an issue, hit me up on twitter @AdamMarsBar
or find some other fancy way to get in touch, it's the 21st century after all.

Built with flour & yeast by Adam Marsden - adam-marsden.co.uk

------------------------------------------------------------------*/

/* Width of containers */

/* Responsive Break Points */

/*------------------------------------------------------------------

[Grid - Desktop]

To set the width of a column on desktops do this:

  @extend %grid-*a number*;

You make certain classes not display on desktop by adding:

  @extend %desktop_none;

------------------------------------------------------------------*/

.container {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}

.row {
	padding: 0 0 10px 0;
}

.row:before,
.row:after {
	display: table;
	content: '';
}

.row:after {
	clear: both;
}

.col {
	float: left;
}

.col_right {
	float: right;
}

/* Grid 16columns */

.p_index .p_logo {
	width: 12.5%;
}

.grid-4,
.grid-4_mbfull,
aside,
.securitypack_product .product2 .p_price {
	width: 25%;
}

.securitypack_product .product2 .p_name {
	width: 37.5%;
}

.grid-half,
.all-half {
	width: 50%;
}

.contents {
	width: 75%;
}

.p_index .p_text {
	width: 87.5%;
}

.full {
	width: 100%;
}

/* Grid 12columns */

.grid12-2,
.product .p_logo {
	width: 16.66667%;
}

.product .p_icon,
.product .p_price,
.product2 .p_icon,
.product2 .p_price {
	width: 25%;
}

.grid-3,
.grid12-4 {
	width: 33.33333%;
}

.product .p_text {
	width: 58.33333%;
}

.grid12-8 {
	width: 66.66666%;
}

.product .p_name,
.product2 .p_name {
	width: 75%;
}

.grid12-10,
.grid-center-10 {
	width: 83.33333%;
}

/*prefix grid layout*/

.grid-center-10 {
	margin-left: 8.33333%;
}

/*------------------------------------------------------------------

[Grid - Tablet]

To set the width of a column on tablets do this:

  @extend %tablet_grid-*a number*;

You make certain classes not display on tablet by adding:

  @extend %tablet_none;

------------------------------------------------------------------*/

/*------------------------------------------------------------------

[Grid - Mobile]

To set the width of a column on mobiles do this:

  @extend %mobile_grid-*a number*;

or

  @extend %mobile_full;

for a full width column.


You make certain classes not display on mobile by adding:

  @extend %mobile_none;

------------------------------------------------------------------*/

.news_icon,
p.arrow_g,
.icon_list,
.icon_list2,
.toTop a,
ul.arrow li,
ul.arrow_g li,
header .subnav a,
footer > div li,
aside .box p a.faq,
aside .box p a.install {
	position: relative;
	padding-left: 16px;
}

.news_icon:before,
p.arrow_g:before,
.icon_list:before,
.icon_list2:before,
.toTop a:before,
ul.arrow li:before,
ul.arrow_g li:before,
header .subnav a:before,
footer > div li:before,
aside .box p a.faq:before,
aside .box p a.install:before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 14px;
	height: 14px;
	content: '';
	background: url(../img/parts/icon_sprite.png) no-repeat 0 0;
}

.news_icon a,
p.arrow_g a,
.icon_list a,
.icon_list2 a,
.toTop a a,
ul.arrow li a,
ul.arrow_g li a,
header .subnav a a,
footer > div li a,
aside .box p a.faq a,
aside .box p a.install a {
	text-decoration: none;
}

.news_icon a:hover,
p.arrow_g a:hover,
.icon_list a:hover,
.icon_list2 a:hover,
.toTop a a:hover,
ul.arrow li a:hover,
ul.arrow_g li a:hover,
header .subnav a a:hover,
footer > div li a:hover,
aside .box p a.faq a:hover,
aside .box p a.install a:hover {
	text-decoration: underline;
}

.btn_product,
aside ul.arrow li.box:after,
aside .box p a,
aside .accordion .ac_header a,
aside .catalog,
aside .double > .ac_header a,
.nav_product a.product_logo {
	position: relative;
	padding-right: 16px;
}

.btn_product:after,
aside ul.arrow li.box:after,
aside .box p a:after,
aside .accordion .ac_header a:after,
aside .catalog:after,
aside .double > .ac_header a:after,
.nav_product a.product_logo:after {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 14px;
	height: 14px;
	margin-top: -7px;
	content: '';
	background: url(../img/parts/icon_sprite.png) no-repeat 0 0;
}

.btn_product a,
aside ul.arrow li.box:after a,
aside .box p a a,
aside .accordion .ac_header a a,
aside .catalog a,
aside .double > .ac_header a a,
.nav_product a.product_logo a {
	text-decoration: none;
}

.btn_product a:hover,
aside ul.arrow li.box:after a:hover,
aside .box p a a:hover,
aside .accordion .ac_header a a:hover,
aside .catalog a:hover,
aside .double > .ac_header a a:hover,
.nav_product a.product_logo a:hover {
	text-decoration: underline;
}

.new_window {
	position: relative;
}

.new_window:after {
	display: inline-block;
	width: 14px;
	height: 14px;
	content: '';
	vertical-align: middle;
	background: url(../img/parts/icon_sprite.png) no-repeat 0 0;
}

.new_window a {
	text-decoration: none;
}

.new_window a:hover {
	text-decoration: underline;
}

/* Width of containers */

/* Responsive Break Points */

/* ==========================================================================
   generation
   ========================================================================== */

html {
	font-size: 75.0%;
	height: 100%;
}

body {
	font-family: 'Hiragino Kaku Gothic ProN', 'メイリオ', 'ＭＳ Ｐゴシック', sans-serif;
	line-height: 1.4;
	height: 100%;
	color: #333;
	border-top: 8px solid #70c8fa;
	-webkit-text-size-adjust: none;
}

body#popup {
	border: none;
}

img {
	max-width: 100%;
	height: auto;
}

section,
.section {
	margin-bottom: 2em;
}

p {
	padding-bottom: 1em;
}

a {
	color: #333;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover,
a.hover {
	text-decoration: none;
}

dl {
	font-weight: bold;
}

dl dd {
	margin-bottom: 1em;
}

dl dd a {
	color: #0093b9;
}

dl.dl_list {
	margin-right: 1em;
	margin-left: 1em;
}

dl.dl_list dt {
	float: left;
	width: 6em;
}

dl.dl_list dd {
	font-weight: normal;
	padding-bottom: .5em;
	padding-left: 6em;
	border-bottom: 1px dotted #e1e1e1;
}

/* ==========================================================================
   helpes
   ========================================================================== */

.clearfix:before,
.clearfix:after {
	display: table;
	content: '';
}

.clearfix:after {
	clear: both;
}

.txtCenter {
	text-align: center;
}

.txtLeft {
	text-align: left;
}

.txtRight {
	text-align: right;
}

.caution {
	margin-bottom: .3em;
	padding-bottom: 0;
	padding-left: 1em;
	text-indent: -1em;
}

.alert {
	color: #f00;
}

br.br-tab {
	display: none;
}

br.br-pc {
	display: block;
}

.xx-small {
	font-size: 9px;
	font-size: .75rem;
}

.x-small {
	font-size: 10px;
	font-size: .83333rem;
}

.small {
	font-size: 11px;
	font-size: .91667rem;
}

.normal {
	font-size: 12px;
	font-size: 1rem;
}

.large {
	font-size: 14px;
	font-size: 1.16667rem;
}

.x-large {
	font-size: 16px;
	font-size: 1.33333rem;
}

.xx-large {
	font-size: 18px;
	font-size: 1.5rem;
}

.fontBold {
	font-weight: bold;
}

.fontNormal {
	font-weight: normal;
}

.floatL {
	float: left;
	padding: 5px 10px;
}

.floatR {
	float: right;
	padding: 5px 10px;
}

/* ==========================================================================
   tootips
   ========================================================================== */

.tips_orange {
	font-size: 18px;
	font-size: 1.5rem;
	position: relative;
	margin-bottom: 20px;
	padding: 15px 10px;
	color: #fff;
	background: #ff4200;
}

.tips_orange:after {
	position: absolute;
	bottom: -20px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-left: -10px;
	content: '';
	border-width: 20px 10px 0 10px;
	border-style: solid;
	border-color: #ff4200 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.tips_blue {
	font-size: 18px;
	font-size: 1.5rem;
	position: relative;
	margin-bottom: 20px;
	padding: 15px 10px;
	color: #124b00;
	background: #43b1cd;
}

.tips_blue:after {
	position: absolute;
	bottom: -20px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-left: -10px;
	content: '';
	border-width: 20px 10px 0 10px;
	border-style: solid;
	border-color: #43b1cd rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.tips_dollargreen {
	font-size: 18px;
	font-size: 1.5rem;
	position: relative;
	margin-bottom: 10px;
	padding: 15px 10px;
	color: #124b00;
	background: #a1d07e;
}

.tips_dollargreen:after {
	position: absolute;
	bottom: -10px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	margin-left: -5px;
	content: '';
	border-width: 10px 5px 0 5px;
	border-style: solid;
	border-color: #a1d07e rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
}

.balloon_top {
	margin-bottom: 5px;
}

/* ==========================================================================
   box
   ========================================================================== */

.box {
	border: 1px #ddd solid;
}

.padding_box {
	padding: 10px;
}

/* ==========================================================================
   layout & grid
   ========================================================================== */

.container,
.contents {
	position: relative;
}

.col {
	padding: 10px;
}

aside {
	padding-right: 10px;
}

.contents > section {
	padding: 0 0 0 10px;
}

.drawerContent a {
	color: #0093b9;
}

/* ==========================================================================
   button
   ========================================================================== */

.btn_apply {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 152px;
	vertical-align: middle;
}

.btn_apply img {
	width: 200%;
	max-width: 304px;
}

.btn_apply img:hover {
	margin-left: -100%;
}

.btnLogin,
.btnLogout {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 121px;
	vertical-align: middle;
}

.btnLogin img,
.btnLogout img {
	width: 400%;
	max-width: 484px;
}

.btnLogin img.item-2,
.btnLogout img.item-2 {
	margin-left: -100%;
}

.btnLogin img.item-3,
.btnLogout img.item-3 {
	margin-left: -200%;
}

.btnLogin img.item-4,
.btnLogout img.item-4 {
	margin-left: -300%;
}

.btnLogin img {
	margin-left: 0;
}

.btnLogin img:hover {
	margin-left: -100%;
}

.btnLogout img {
	margin-left: -200%;
}

.btnLogout img:hover {
	margin-left: -300%;
}

.btnLoginTop {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 220px;
	vertical-align: middle;
}

.btnLoginTop img {
	width: 200%;
	max-width: 440px;
}

.btnLoginTop img:hover {
	margin-left: -100%;
}

.btn_newsList {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 80px;
	vertical-align: middle;
}

.btn_newsList img {
	width: 200%;
	max-width: 160px;
}

.btn_newsList img:hover {
	margin-left: -100%;
}

a.btn {
	font-weight: bold;
	display: inline-block;
	padding: 10px;
	text-decoration: none;
	color: #fff;
	border: 1px #ddd solid;
	border-radius: 4px;
}

a.btn.full {
	display: block;
	text-align: center;
}

a.btnOrange {
	background: #ff6000;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ff6000), to(#ff7200));
	background-image: linear-gradient(to top, #ff6000 0%, #ff7200 100%);
}

a.btnOrange:hover,
a.btnOrange.hover {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7f31), to(#ff9352));
	background-image: linear-gradient(to top, #ff7f31 0%, #ff9352 100%);
}

a.btnBlue {
	background: #1897b7;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#1897b7), to(#43b1cd));
	background-image: linear-gradient(to top, #1897b7 0%, #43b1cd 100%);
	box-shadow: .5px .866px 0 0 rgba(255, 255, 255, .294);
}

a.btnBlue:hover,
a.btnBlue.hover {
	background-image: -webkit-gradient(linear, left bottom, left top, from(#43b1cd), to(#6fbed2));
	background-image: linear-gradient(to top, #43b1cd 0%, #6fbed2 100%);
}

/* ==========================================================================
   img sprite
   ========================================================================== */

/* Width of containers */

/* Responsive Break Points */

.sprite {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

.product_logo {
	display: block;
	overflow: hidden;
	width: 100%;
	padding-bottom: 0;
	border-left: 10px #fff solid;
}

p.product_logo,
span.product_logo,
a.product_logo {
	border: none;
}

.product_logo_left,
.product_logo_hss,
.product_logo_tabuho,
.product_logo_tobila {
	position: relative;
	padding: 18px 10px 18px 220px !important;
}

.product_logo_left:before,
.product_logo_hss:before,
.product_logo_tabuho:before,
.product_logo_tobila:before {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 220px;
	height: 50px;
	margin-top: -25px;
	content: '';
	background: url(../img/parts/sprite_logo.png?20190226) no-repeat 0 0;
}

.product_logo_left.tm:before,
.product_logo_hss.tm:before,
.product_logo_tabuho.tm:before,
.product_logo_tobila.tm:before {
	background-position: -220px 0;
}

.product_logo_left.isw:before,
.product_logo_hss.isw:before,
.product_logo_tabuho.isw:before,
.product_logo_tobila.isw:before {
	background-position: -440px 0;
}

.product_logo_left.digitalarts:before,
.product_logo_hss.digitalarts:before,
.product_logo_tabuho.digitalarts:before,
.product_logo_tobila.digitalarts:before {
	background-position: -880px 0;
}

.product_logo_left.kingsoft,
.product_logo_hss.kingsoft,
.product_logo_tabuho.kingsoft,
.product_logo_tobila.kingsoft {
	position: relative;
}

.product_logo_left.kingsoft:before,
.product_logo_hss.kingsoft:before,
.product_logo_tabuho.kingsoft:before,
.product_logo_tobila.kingsoft:before {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 220px;
	height: 50px;
	margin-top: -25px;
	content: '';
	background: url(../img/product_mark_office.png) no-repeat 0 0;
}

.product_logo_left.mcafee,
.product_logo_hss.mcafee,
.product_logo_tabuho.mcafee,
.product_logo_tobila.mcafee {
	position: relative;
}

.product_logo_left.mcafee:before,
.product_logo_hss.mcafee:before,
.product_logo_tabuho.mcafee:before,
.product_logo_tobila.mcafee:before {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 220px;
	height: 50px;
	margin-top: -25px;
	content: '';
	background: url(../img/parts/logo_mcafee.png) no-repeat 0 0;
}

.product_logo_left p,
.product_logo_hss p,
.product_logo_tabuho p,
.product_logo_tobila p {
	padding-bottom: 0;
}

.product_logo_hss {
	position: relative;
	padding: 18px 10px 18px 260px !important;
}

.product_logo_hss:before {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 242px;
	height: 50px;
	margin-top: -25px;
	content: '';
	background: url(../img/minimini/products/logo_hss.png) no-repeat 0 0;
}

.product_logo_tabuho {
	position: relative;
	padding: 18px 10px 18px 220px !important;
}

.product_logo_tabuho:before {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 220px;
	height: 50px;
	margin-top: -17px;
	content: '';
	background: url(../img/minimini/product_mark_tabuho.png) no-repeat 0 0;
}

.product_logo_tobila {
	position: relative;
	padding: 18px 10px 18px 270px !important;
}

.product_logo_tobila:before {
	position: absolute;
	top: 50%;
	left: 10px;
	display: block;
	width: 270px;
	height: 50px;
	margin-top: -25px;
	content: '';
	background: url(../img/product_mark_tobila.png) no-repeat 0 0;
}

.icon_os {
	display: block;
	float: right;
	width: 20%;
	max-width: 30px;
	padding-left: 1px;
}

.sprite_category {
	position: relative;
	margin-bottom: 0;
	margin-left: 50px;
	padding: 10px 0;
}

.sprite_category:before {
	position: absolute;
	top: 0;
	left: -40px;
	display: block;
	width: 30px;
	height: 30px;
	content: '';
	background: url(../img/parts/icon_category.png) no-repeat 0 0;
}

.sprite_category.category_product:before {
	background-position: 25% 0;
}

.sprite_category.category_inst:before {
	background-position: 50% 0;
}

.sprite_category.category_support:before {
	background-position: 75% 0;
}

.sprite_category.category_inquiry:before {
	background-position: 100% 0;
}

/* ==========================================================================
   other parts
   ========================================================================== */

.price {
	font-size: 24px;
	font-size: 2rem;
	font-weight: bold;
	padding-bottom: 0;
	color: #ff251a;
}

.price span {
	display: inline-block;
	overflow: hidden;
	width: 26px;
	height: 14px;
	white-space: nowrap;
	text-indent: 100%;
	background: url(../img/parts/price_text.png) no-repeat 0 -8px;
}

.price span.money {
	width: 46px;
	height: 14px;
	margin-left: 4px;
	background-position: 0 -68px;
}

.price span.year {
	background-position: 0 -38px;
}

.price span.notTax {
	width: 46px;
	height: 14px;
	margin-left: 4px;
	background-position: 0 -98px;
}

.price.original {
	font-size: 16px;
	font-size: 1.33333rem;
	text-decoration: line-through;
	color: #333;
}

.price.original span {
	width: 20px;
	height: 12px;
	background-position: 0 -6px;
	background-size: 72px 96px;
}

.price.original span.money {
	width: 40px;
	height: 12px;
	background-position: 0 -54px;
}

.price.original span.year {
	background-position: 0 -24px;
}

.price.original span.notTax {
	background-position: 0 -78px;
}

.icon_device {
	position: relative;
	margin-bottom: 1em;
	padding-left: 8em;
}

.icon_device:before {
	font-weight: bold;
	position: absolute;
	top: 50%;
	left: 0;
	display: inline-block;
	width: 6em;
	margin-top: -1.5em;
	padding: 5px;
	content: 'Windows';
	text-align: center;
	vertical-align: middle;
	color: #666;
	border: 1px #999 solid;
}

.icon_device.mac:before {
	content: 'Mac';
}

.icon_device.android:before {
	content: 'Android';
}

.icon_device.win_store:before {
	content: 'Winストア';
}

.icon_device.ios:before {
	content: 'iOS';
}

/* ==========================================================================
   header h1 h2 h3 h4 h5 h6
   ========================================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: bold;
	margin-bottom: 1em;
}

h1 + div,
h2 + div,
h3 + div,
h4 + div,
h5 + div,
h6 + div {
	padding: 0 10px;
}

.row > h1,
.row > h2,
.row > h3,
.row > h4,
.row > h5,
.row > h6 {
	margin-bottom: 0;
}

.bgTop {
	border-bottom: 1px #999 dotted;
}

.bgTop span {
	display: block;
	padding: 10px;
}

.bgTop:before {
	display: block;
	width: 100%;
	height: 10px;
	content: '';
	background: url(../img/parts/bg_pattern.png) repeat-x 0 -500px;
}

.bgTop.borderPink:before {
	background-position: 0 -600px;
}

.bgTop.borderGray:before {
	background-position: 0 0;
}

.sp-m_header {
	border: 1px #ebebeb solid;
	background: #f4f4f4;
}

.sp-m_header span {
	display: block;
	padding: 10px;
}

.bgOrange {
	padding: 5px 10px;
	color: #fff;
	background: #ff8484;
}

.bgBlue {
	padding: 5px 10px;
	color: #fff;
	background: #0093b9;
}

.bgDarkgray {
	padding: 5px 10px;
	color: #fff;
	color: #000;
	background: #eee;
}

.bgPattern_blue {
	padding: 10px;
	border-bottom: 1px solid #d3dfe5;
	background: url(../img/parts/bg_pattern.png) repeat-x 0 -500px;
}

.bgGray {
	padding: 10px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), color-stop(8%, #e8e8e8), color-stop(31%, #f1f1f1));
	background-image: linear-gradient(to top, #dfdfdf 0%, #e8e8e8 8%, #f1f1f1 31%);
}

.side_h_blue,
.side_h_red {
	padding: 10px;
	border-top: 3px #72ccff solid;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), color-stop(8%, #f4f4f3), color-stop(31%, #fff));
	background-image: linear-gradient(to top, #dfdfdf 0%, #f4f4f3 8%, #fff 31%);
}

.side_h_red {
	border-top: 3px #ff7658 solid;
}

.borderDotted_big span,
.borderDotted_big_g span,
.borderDotted_big_b span {
	display: block;
	padding: .4em 10px;
}

.borderDotted_big:after,
.borderDotted_big_g:after,
.borderDotted_big_b:after {
	display: block;
	width: 100%;
	height: 7px;
	content: '';
	background: url(../img/parts/border_pattern.png) repeat-x 0 0;
}

.borderDotted_big_b:after {
	background-position: 0 -28px;
}

.borderDotted,
.borderDotted_g,
.borderDotted_b {
	padding: .4em 0;
	border-bottom: 1px #999 dotted;
}

.borderDotted_b {
	border-color: #41c1b0;
}

.borderLeft {
	padding: 5px;
	border-left: 10px #ccc solid;
}

.borderLeft_pink {
	padding: 5px 5px 15px 5px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(#dfdfdf), color-stop(4%, #f4f4f3), color-stop(15%, #fff));
	background-image: linear-gradient(to top, #dfdfdf 0%, #f4f4f3 4%, #fff 15%);
}

.borderLeft_pink span {
	display: block;
	padding: 5px;
	border-left: 10px #ffc6c6 solid;
}

.listDisc:before {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-right: .4em;
	margin-bottom: 2px;
	margin-left: .4em;
	content: '';
	vertical-align: middle;
	border-radius: 50%;
	background-color: #999;
}

.listDisc.borderDotted_big span,
.listDisc.borderDotted_big_g span,
.listDisc.borderDotted_big_b span {
	display: inline-block;
	padding-left: 0;
}

.bg_pattern {
	font-size: 20px;
	font-size: 1.66667rem;
	padding: .4em 10px;
	border: 1px #ebebeb solid;
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
}

.bg_pattern.pattern_blue {
	background-position: 0 -101px;
}

.bg_pattern.pattern_lightGrayish {
	background-position: 0 -201px;
}

.bg_pattern.pattern_green {
	background-position: 0 -301px;
}

.bg_pattern.pattern_clean {
	background-position: 0 -401px;
}

#norton .borderDotted {
	border-color: #ffc600;
}

#norton .borderDotted_big:after {
	background-position: 0 -7px;
}

#norton .borderLeft {
	border-color: #ffc600;
}

#norton .listDisc:before {
	background: #ffc600;
}

#isw .borderDotted {
	border-color: #49b549;
}

#isw .borderDotted_big:after {
	background-position: 0 -21px;
}

#isw .borderLeft {
	border-color: #009c20;
}

#isw .listDisc:before {
	background: #49b549;
}

#securitypack .borderDotted {
	border-color: #ff8400;
}

#securitypack .borderDotted_big:after {
	background-position: 0 -35px;
}

#securitypack .borderLeft {
	border-color: #ff8400;
}

#securitypack .listDisc:before {
	background: #ff8400;
}

#digitalarts .borderDotted {
	border-color: #001c89;
}

#digitalarts .borderDotted_big:after {
	background-position: 0 -42px;
}

#digitalarts .borderLeft {
	border-color: #001c89;
}

#digitalarts .listDisc:before {
	background: #001c89;
}

#tobila .borderDotted {
	border-color: #90bc2c;
}

#tobila .borderDotted_big:after {
	background: url(../img/parts/border_pattern_tobila.png) repeat-x 0 0;
}

#tobila .borderLeft {
	border-color: #90bc2c;
}

#tobila .listDisc:before {
	background: #90bc2c;
}

#trend .borderDotted {
	border-color: #ff5d63;
}

#trend .borderDotted_big:after {
	background-position: 0 -14px;
}

#trend .borderLeft {
	border-color: #eb190c;
}

#trend .listDisc:before {
	background: #ff5d63;
}

#hss .borderDotted,
#tabuho .borderDotted {
	border-color: #001c89;
}

#hss .borderDotted_big:after,
#tabuho .borderDotted_big:after {
	background-position: 0 -42px;
}

#hss .borderLeft,
#tabuho .borderLeft {
	border-color: #001c89;
}

#hss .listDisc:before,
#tabuho .listDisc:before {
	background: #001c89;
}

.tm {
	display: block;
	overflow: hidden;
	width: 100%;
	padding-bottom: 0;
}

.tm img {
	width: 500%;
	max-width: 1100px;
	margin-left: -100%;
}

#kingsoft .borderDotted_big:after {
	background-position: 0 -27px;
}

#kingsoft .borderDotted {
	border-color: #43b1cd;
}

/* ==========================================================================
   icon
   ========================================================================== */

.new_window:after {
	background-position: 0 0;
}

.news_icon {
	padding-left: 36px;
}

.news_icon:before {
	top: 50%;
	left: 3px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: -56px -28px;
}

p.arrow_g:before {
	background-position: -28px 0;
}

.icon_list,
.icon_list2 {
	line-height: 28px;
	padding-left: 37px;
}

.icon_list:before,
.icon_list2:before {
	top: 50%;
	left: 5px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: 0 -42px;
}

.icon_list2:before {
	background-position: -28px -42px;
}

.toTop {
	text-align: right;
}

.toTop a {
	text-decoration: none;
}

.toTop a:before {
	background-position: -42px 0;
}

.toTop a:hover,
.toTop a.hover {
	text-decoration: underline;
}

.btn_product {
	font-size: 18px;
	font-size: 1.5rem;
	font-weight: bold;
	display: block;
	padding: 25px;
	text-decoration: none;
	opacity: 1;
	color: #676767 !important;
	border-width: 1px;
	border-style: solid;
	border-color: #d7d7d7;
	border-radius: 7px;
	background-image: -ms-linear-gradient(90deg, #f4f4f4 0%, white 100%);
}

.btn_product:hover,
.btn_product.hover {
	opacity: .9;
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
	background-position: 0 -400px;
}

.btn_product:after {
	right: 15px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: -56px -56px;
}

.btn_product.btn_roduct_img {
	padding: 10px 50px 10px 10px;
}

/* ==========================================================================
   list style
   ========================================================================== */

ul {
	margin-bottom: 1em;
}

ul ul,
ul ol {
	margin: 1em;
}

ul li {
	margin-bottom: .5em;
}

ul.disc {
	margin-left: 2em;
	list-style: disc;
}

ul.mark {
	margin-left: 2em;
}

ul.mark > li {
	position: relative;
}

ul.mark > li:before {
	position: absolute;
	top: .4em;
	left: -1.5em;
	display: block;
	width: .8em;
	height: .8em;
	margin-top: -.2em;
	content: '';
	border-radius: 50%;
	background: #ccc;
}

ul.arrow li:before {
	background-position: -14px 0;
}

ul.arrow_g li:before {
	background-position: -28px 0;
}

ol {
	margin-left: 2em;
	list-style: decimal;
}

ol li {
	margin-bottom: .5em;
}

ol ul,
ol ol {
	margin: 1em;
}

/* ==========================================================================
   tab
   ========================================================================== */

.tab_nav,
.tab_nav2 {
	margin-bottom: 1.5em;
	padding: 1em 10px 0;
	background-image: -webkit-gradient(linear, left bottom, left top, from(gainsboro), to(white));
	background-image: linear-gradient(to top, gainsboro 0%, white 100%);
}

.tab_nav li,
.tab_nav2 li {
	display: inline-block;
	margin: 5px 5px 0 5px;
	vertical-align: bottom;
}

.tab_nav li:before,
.tab_nav2 li:before {
	display: block;
	width: 100%;
	height: 5px;
	content: '';
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
}

.tab_nav li.tab_bg_blue:before,
.tab_nav2 li.tab_bg_blue:before {
	background-position: 0 -101px;
}

.tab_nav li.tab_bg_lightGrayish:before,
.tab_nav2 li.tab_bg_lightGrayish:before {
	background-position: 0 -201px;
}

.tab_nav li.tab_bg_green:before,
.tab_nav2 li.tab_bg_green:before {
	background-position: 0 -301px;
}

.tab_nav li.tab_bg_skyblue:before,
.tab_nav2 li.tab_bg_skyblue:before {
	background-position: 0 -501px;
}

.tab_nav li a,
.tab_nav2 li a {
	font-weight: bold;
	display: block;
	padding: 5px 10px;
	vertical-align: bottom;
	text-decoration: none;
	color: #000;
	border: 1px gainsboro solid;
	background: #f0f0f0;
}

.tab_nav li a.current,
.tab_nav li a:hover,
.tab_nav2 li a.current,
.tab_nav2 li a:hover {
	border-color: #fff;
	background: #fff;
}

.tab_content,
.tab_content2 {
	display: none;
	margin: 0 10px 2em;
}

.tab_content.current,
.tab_content2.current {
	display: block;
}

/* ==========================================================================
   accordion
   ========================================================================== */

.accordion {
	margin-bottom: 1.5em;
	border-bottom: 1px #999 dotted;
}

.accordion .ac_header {
	position: relative;
	margin-bottom: 0;
}

.accordion .ac_header span {
	padding: .6em 10px;
}

.accordion .ac_header ~ p {
	padding: 10px;
}

.accordion .ac_content {
	display: none;
	padding: 1em 10px;
}

.accordion .ac_content section {
	margin-bottom: 1em;
}

#faq .accordion {
	margin-bottom: 0;
}

#faq .accordion .ac_header a {
	font-size: 18px;
	font-size: 1.5rem;
	font-size: 12px;
	font-size: 1rem;
	position: relative;
	display: block;
	padding: 10px 50px 10px 50px;
	text-decoration: none;
	color: #000;
}

#faq .accordion .ac_header a:hover {
	background: #eee;
}

#faq .accordion .ac_header a:before {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 35px;
	height: 35px;
	margin-top: -17px;
	content: '';
	background: url(../img/parts/accordion.png) no-repeat 0 0;
	background-size: 600% 100%;
}

#faq .accordion .ac_header a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 21px;
	height: 21px;
	margin-top: -10px;
	content: '';
	background: url(../img/parts/accordion.png) no-repeat 0 0;
	background-position: 60% 0;
	background-size: 600% 100%;
}

#faq .accordion .ac_content {
	position: relative;
	padding-right: 40px;
	padding-left: 80px;
}

#faq .accordion .ac_content:before {
	position: absolute;
	top: 5px;
	left: 40px;
	width: 35px;
	height: 35px;
	content: '';
	background: url(../img/parts/accordion.png) no-repeat 20% 0;
	background-size: 600% 100%;
}

#faq .accordion.open .ac_header a:after {
	background-position: 40% 0;
}

#norton .accordion,
#vm .accordion,
#isw .accordion {
	border: none;
}

#norton .accordion .ac_header span,
#vm .accordion .ac_header span,
#isw .accordion .ac_header span {
	padding-right: 120px;
}

#norton .accordion .ac_header .detail,
#vm .accordion .ac_header .detail,
#isw .accordion .ac_header .detail {
	position: absolute;
	top: 5px;
	right: 0;
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 110px;
	padding-left: 0;
	vertical-align: middle;
}

#norton .accordion .ac_header .detail img,
#vm .accordion .ac_header .detail img,
#isw .accordion .ac_header .detail img {
	width: 200%;
	max-width: 220px;
}

#norton .accordion .ac_header .detail img:hover,
#vm .accordion .ac_header .detail img:hover,
#isw .accordion .ac_header .detail img:hover {
	margin-left: -100%;
}

/* ==========================================================================
   header
   ========================================================================== */

/* Width of containers */

/* Responsive Break Points */

header #bbssonline {
	background: #e9e9e9;
}

header #bbssonline p {
	margin-bottom: 0;
	padding-bottom: 0;
}

header #bbssonline p a {
	font-family: Arial;
	font-weight: bold;
	display: inline-block;
	padding: 6px 20px;
	text-decoration: none;
	color: #fff;
	background: #505050;
}

header #bbssonline p a:hover,
header #bbssonline p a.hover {
	background: #808080;
}

header h1 {
	margin-bottom: 1em;
	padding-top: 1.2em;
}

header h1 a {
	font-size: 24px;
	font-size: 2rem;
	display: inline-block;
	text-decoration: none;
	color: #232323;
}

header h1 a span {
	font-size: 16px;
	font-size: 1.33333rem;
	padding-left: 5px;
	color: #7e7e7e;
}

header h2 {
	font-weight: normal;
	position: absolute;
	top: 5px;
	left: 10px;
}

header .subnav {
	position: absolute;
	top: 15px;
	right: 10px;
	display: inline-block;
}

header .subnav a#h_login {
	padding-left: 0;
}

header .subnav a {
	margin-left: .5em;
	text-decoration: none;
}

header .subnav a:before {
	background-position: -14px 0;
}

header .subnav a#h_login:before {
	display: none;
}

header .subnav a:hover {
	text-decoration: underline;
}

header nav {
	margin-bottom: 15px;
	border-top: 1px #ddd solid;
	border-bottom: 1px #ddd solid;
}

header nav ul {
	margin-bottom: 0;
}

header nav ul.row {
	padding: 0;
}

header nav ul li {
	font-weight: bold;
	position: relative;
	display: block;
	float: left;
	width: 16.6666%;
	margin: 0;
	text-align: center;
}

header nav ul li a {
	display: block;
	padding: 15px 10px;
	text-decoration: none;
	color: #747474;
	background: #fff;
}

header nav ul li.current span,
header nav ul li a:hover {
	display: block;
	padding: 15px 10px;
	color: #fff;
	background: #72ccff;
}

header nav ul li:before {
	position: absolute;
	top: 20%;
	left: 0;
	display: block;
	width: 1px;
	height: 60%;
	content: '';
	background: #dedede;
}

header nav ul li:first-child:before {
	display: none;
}

/* ==========================================================================
   footer
   ========================================================================== */

/* Width of containers */

/* Responsive Break Points */

#wrap {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	margin-bottom: -70px;
}

#push {
	height: 70px;
}

footer {
	font-size: 12px;
	font-size: 1rem;
	position: relative;
	height: 70px;
	text-align: center;
}

footer > div {
	display: inline-block;
}

footer > div ul {
	margin-bottom: .5em;
	padding-top: 10px;
}

footer > div li {
	display: inline-block;
	margin-right: 5px;
	padding-left: 10px;
}

footer > div li:before {
	width: 10px;
	background-position: -60px 0;
}

footer .copyright {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	margin: 0;
	padding: 10px;
	background: #e9e9e9;
}

#popup {
	max-width: 700px;
	margin: 0 auto;
}

#popup footer {
	height: auto;
	margin-top: 1.5em;
}

#popup footer .copyright {
	position: relative;
}

/* ==========================================================================
   aside
   ========================================================================== */

/* Width of containers */

/* Responsive Break Points */

aside h1,
aside h2,
aside h3 {
	font-size: 14px;
	font-size: 1.16667rem;
}

aside ul.arrow {
	margin-bottom: 1em;
}

aside ul.arrow li:before {
	top: 5px;
}

aside ul.arrow li.box {
	padding-left: 0;
}

aside ul.arrow li.box:before {
	display: none;
}

aside ul.arrow li.box:after {
	top: 50%;
	right: 5px;
	display: block;
	margin-top: -7px;
	padding-right: 0;
	background-position: -14px 0;
}

aside ul.arrow a {
	display: block;
	padding: 5px;
}

aside ul.arrow a:hover,
aside ul.arrow a.hover,
aside ul.arrow a.current {
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
	background-position: 0 -401px;
}

aside ul.arrow a.new_window:after {
	position: absolute;
	top: 50%;
	right: 5px;
	display: block;
	margin-top: -7px;
}

aside ul.arrow span {
	display: block;
	padding: 5px;
}

aside .box {
	margin-bottom: 1em;
}

aside .box p {
	padding-bottom: 0;
}

aside .box p a {
	display: block;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}

aside .box p a.faq,
aside .box p a.install {
	padding-left: 40px;
}

aside .box p a.faq:before,
aside .box p a.install:before {
	top: 50%;
	left: 5px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background-position: 0 -14px;
}

aside .box p a.faq:before {
	background-position: -28px -14px;
}

aside .box p a:after {
	top: 50%;
	right: 5px;
	margin-top: -7px;
	background-position: -14px 0;
}

aside .box p a:hover,
aside .box p a.hover {
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
	background-position: 0 -400px;
}

aside .top_news {
	padding: 0 10px;
}

aside .accordion {
	margin-bottom: 0;
	border-bottom: none !important;
}

aside .accordion .ac_header {
	padding: 0;
	border-bottom: none !important;
}

aside .accordion .ac_header a {
	display: block;
	padding: 10px;
	text-decoration: none;
	border-bottom: 1px dotted #999;
}

aside .accordion .ac_header a:hover {
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
	background-position: 0 -400px;
}

aside .accordion .ac_header a:after {
	right: 5px;
	background-position: -70px -14px;
}

aside .accordion .ac_header.open + .ac_content {
	display: block;
}

aside .accordion .ac_header.open a:after {
	background-position: -56px -14px;
}

aside .accordion .ac_content {
	padding: 0;
}

aside .catalog {
	display: inline-block;
	padding: 7px 20px 7px 10px;
	text-decoration: none;
	border: 1px solid #d1d1d1;
}

aside .catalog:hover {
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
	background-position: 0 -401px;
}

aside .catalog:after {
	right: 5px;
	background-position: -14px 0;
}

aside .double {
	margin-bottom: 8px;
}

aside .double > .ac_header a {
	border-bottom: none !important;
	background-color: #dcedf1;
}

aside .double > .ac_header a:hover {
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
	background-position: 0 -400px;
}

aside .double > .ac_header a:after {
	line-height: 1;
	right: 5px;
	content: '+';
	text-align: center;
	color: #fff;
	background: #2562c0;
}

aside .double > .ac_header.open a:after {
	content: '-';
}

aside .double .ac_content .ac_content {
	margin: 10px;
}

/* ==========================================================================
   drawermenu
   ========================================================================== */

/* Width of containers */

/* Responsive Break Points */

nav,
aside,
header,
.subnav a#securityonline,
header .subnav a#sitemap {
	-webkit-transition-timing-function: ease-in-out;
	transition-timing-function: ease-in-out;
	-webkit-transition-duration: .3s, .5s;
	transition-duration: .3s, .5s;
	-webkit-transition-property: opacity, box-shadow, -webkit-transform;
	transition-property: opacity, box-shadow, -webkit-transform;
	transition-property: transform, opacity, box-shadow;
	transition-property: transform, opacity, box-shadow, -webkit-transform;
}

/* Advanced Checkbox Hack */

body {
	-webkit-animation: bugfix infinite 1s;
	animation: bugfix infinite 1s;
}

#menu {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

label#menuBtn {
	position: absolute;
	z-index: 100;
	top: 10px;
	left: 5px;
	display: none;
	margin: 0;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: color .3s ease-in-out;
	transition: color .3s ease-in-out;
	color: #fff;
	background: rgba(0, 0, 0, .4);
}

label.closeDrawer {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	-webkit-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
	background: rgba(0, 0, 0, .5);
}

/*************************************************************************
** breadcrumb
**/

.breadcrumb {
	margin: 0 2.04082% 10px;
	list-style: none;
}

.breadcrumb > li {
	display: inline-block;
}

.breadcrumb > li a {
	color: #0093b9;
}

.breadcrumb > li + li:before {
	padding: 0 5px;
	content: '>';
	color: #000;
}

/* ==========================================================================
   product
   ========================================================================== */

.nav_product {
	margin-bottom: 0;
	border-bottom: 1px #999 dotted;
}

.nav_product p {
	padding: 5px 0;
}

.nav_product a.product_logo {
	display: block;
	padding: 5px 0;
	border: none;
}

.nav_product a.product_logo:after {
	top: 50%;
	right: 5px;
	margin-top: -7px;
	background-position: -14px 0;
}

.nav_product a.product_logo.new_window:after {
	background-position: 0 0;
}

.nav_product a.product_logo:hover,
.nav_product a.product_logo.hover {
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
	background-position: 0 -400px;
}

.nav_product a.product_logo img {
	border: none;
}

.nav_product a.new_window:after {
	right: 5px;
}

.product,
.product2 {
	margin-bottom: 1.5em;
	padding: 0;
}

.product .col,
.product2 .col {
	padding: 0;
}

.product2 > .row {
	margin-bottom: 1em;
	border-bottom: 1px #999 dotted;
}

.product {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px #999 dotted;
}

.product .p_name p {
	font-size: 16px;
	font-size: 1.33333rem;
}

.product .p_name p:before {
	top: 3px;
}

.product .p_icon {
	max-width: 155px;
	text-align: right;
}

.product .p_price {
	text-align: right;
}

.product .p_price p {
	display: inline-block;
	vertical-align: middle;
}

.product2 .p_icon {
	margin-top: 10px;
	margin-bottom: 10px;
}

.product2 .p_icon:before,
.product2 .p_icon:after {
	display: table;
	content: '';
}

.product2 .p_icon:after {
	clear: both;
}

.product2 .p_price {
	text-align: right;
}

.product2 .p_price p {
	display: inline-block;
	vertical-align: middle;
}

/* ==========================================================================
  組み合わせリスト
  ===========================================================================*/

#combineTable {
	margin-bottom: 2em;
}

#combineTable #norton_360 .borderDotted,
#combineTable #norton_nis .borderDotted,
#combineTable #vm .borderDotted,
#combineTable #isw .borderDotted {
	position: relative;
	margin-left: 70px;
}

#combineTable #norton_360 .borderDotted:before,
#combineTable #norton_nis .borderDotted:before,
#combineTable #vm .borderDotted:before,
#combineTable #isw .borderDotted:before {
	position: absolute;
	top: 10px;
	left: -65px;
	display: inline-block;
	width: 70px;
	height: 70px;
	content: '';
	background: url(../img/top/product_balloon.png) no-repeat 0 0;
	background-size: 400% 100%;
}

#combineTable #norton_360 .borderDotted:before {
	background-position: 0 0;
}

#combineTable #norton_nis .borderDotted:before {
	background-position: 33.333% 0;
}

#combineTable #vm .borderDotted:before {
	background-position: 66.666% 0;
}

#combineTable #isw .borderDotted:before {
	background-position: 100% 0;
}

#combineTable .borderGreen {
	position: relative;
	padding-bottom: 0;
}

#combineTable .borderGreen:before {
	position: absolute;
	top: 0;
	left: 50%;
	display: block;
	width: 7px;
	height: 100%;
	margin-left: -3px;
	content: '';
	background: url(../img/top/border_green.png) repeat-y 0 0;
}

#combineTable .borderGreen:after {
	display: block;
	width: 100%;
	height: 7px;
	content: '';
	background: url(../img/top/border_green.png) repeat-x 0 0;
}

#combineTable .borderGreen:last-child:after {
	background: none;
}

#combineTable .borderGreen .col {
	padding: 10px 20px;
}

#combineTable .borderGreen .borderDotted > p {
	padding-bottom: 0;
}

#combineTable .borderGreen .detail {
	padding-bottom: .5em;
	text-align: right;
}

#combineTable .borderGreen .detail > div {
	display: inline-block;
	margin-top: 1em;
	vertical-align: middle;
}

/* ==========================================================================
   index.html用
   ========================================================================== */

#top .mainvisual {
	margin-bottom: 1.5em;
}

#top .news {
	margin: 5px 10px 2em 10px;
	padding: 5px 0;
}

#top .news h2 {
	background: url(../img/parts/news_header_bg.png) repeat-x 0 bottom;
}

#top .news dl {
	margin: 10px 10px;
	border-bottom: 1px solid #e8e8e8;
}

#top .news dl dt {
	font-weight: normal;
	float: left;
	width: 9em;
	padding: 2px 4px 5px 4px;
}

#top .news dl dd {
	margin-bottom: 10px;
	padding: 2px 4px 5px 9em;
}

#top #securitypack {
	padding-top: 10px;
	padding-bottom: 20px;
	border-radius: 10px;
	background: url(../img/top/bg_securitypack.png) no-repeat 50% 50%;
	background-size: cover;
}

#top #securitypack .grid-half {
	padding-bottom: 0;
}

/*セキュリティパック用*/

.securitypack_product {
	margin: 10px;
	padding: 20px;
	border-radius: 10px;
	background: #fff;
}

.securitypack_product .product2 {
	border: none;
}

.securitypack_product .product2:after {
	display: block;
	width: 100%;
	height: 7px;
	content: '';
	background: url(../img/top/border_green.png) repeat-x 0 0;
}

.securitypack_product .product2:last-child {
	margin-bottom: 0;
}

.securitypack_product .product2:last-child:after {
	display: none;
}

.securitypack_product .setImage {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 356px;
	margin-bottom: 0;
	padding-bottom: 0;
	vertical-align: middle;
	border: #ebebeb 1px solid;
}

.securitypack_product .setImage img {
	width: 300%;
	max-width: 1068px;
}

.securitypack_product .setImage img.item-2 {
	margin-left: -100%;
}

.securitypack_product .setImage img.item-3 {
	margin-left: -200%;
}

.securitypack_product .product2 .p_name {
	padding-right: 15px;
	text-align: center;
}

.securitypack_product .product2 .plusIcon {
	position: relative;
	margin-bottom: 1em;
	padding-right: 0;
	padding-left: 15px;
}

.securitypack_product .product2 .plusIcon:before {
	position: absolute;
	top: 50%;
	left: -6px;
	display: block;
	width: 13px;
	height: 13px;
	margin-top: -7px;
	content: '';
	background: url(../img/products/set/icon_plus.png) no-repeat 0 0;
}

.p_indexList {
	margin: 10px;
}

.p_indexList li {
	display: inline-block;
	padding: 3px;
}

.p_indexList li:after {
	padding-left: 5px;
	content: '|';
}

.p_indexList li:last-child:after {
	content: none;
}

.p_index {
	margin-bottom: 2em;
	padding: 0;
	border-bottom: 1px #999 dotted;
}

.p_index .col {
	padding: 0;
}

.p_index .p_logo .product_mark {
	padding: 0;
}

.p_index .p_text {
	padding-left: 10px;
}

.contents .securitypack_product {
	margin: 10px 0;
	padding: 0;
}

/* ==========================================================================
   /products/用
   ========================================================================== */

.product_mark.spriteLogo {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 100px;
	vertical-align: middle;
}

.product_mark.spriteLogo img {
	width: 900%;
	max-width: 900px;
}

.product_mark.spriteLogo img.item-2 {
	margin-left: -100%;
}

.product_mark.spriteLogo img.item-3 {
	margin-left: -200%;
}

.product_mark.spriteLogo img.item-4 {
	margin-left: -300%;
}

.product_mark.spriteLogo img.item-5 {
	margin-left: -400%;
}

.product_mark.spriteLogo img.item-6 {
	margin-left: -500%;
}

.product_mark.spriteLogo img.item-7 {
	margin-left: -600%;
}

.product_mark.spriteLogo img.item-8 {
	margin-left: -700%;
}

.product_mark.spriteLogo img.item-9 {
	margin-left: -800%;
}

.icon_function {
	position: relative;
	margin-bottom: 1em;
	padding-top: 1.5em;
	padding-right: 10px;
	padding-bottom: 1.5em;
	padding-left: 100px;
}

.icon_function:before {
	position: absolute;
	top: 50%;
	left: 25px;
	display: block;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	content: '';
	background-repeat: no-repeat;
}

.icon_function:after {
	display: table;
	clear: both;
	content: '';
}

.icon_function.item1_1:before {
	background-position: 0 0;
}

.icon_function.item1_2:before {
	background-position: -65px 0;
}

.icon_function.item1_3:before {
	background-position: -130px 0;
}

.icon_function.item1_4:before {
	background-position: -195px 0;
}

.icon_function.item1_5:before {
	background-position: -260px 0;
}

.icon_function.item1_6:before {
	background-position: -325px 0;
}

.icon_function.item2_1:before {
	background-position: 0 -65px;
}

.icon_function.item2_2:before {
	background-position: -65px -65px;
}

.icon_function.item2_3:before {
	background-position: -130px -65px;
}

.icon_function.item2_4:before {
	background-position: -195px -65px;
}

.icon_function.item2_5:before {
	background-position: -260px -65px;
}

.icon_function.item2_6:before {
	background-position: -325px -65px;
}

.icon_function.item3_1:before {
	background-position: 0 -130px;
}

.icon_function.item3_2:before {
	background-position: -65px -130px;
}

.icon_function.item3_3:before {
	background-position: -130px -130px;
}

.icon_function.item3_4:before {
	background-position: -195px -130px;
}

.icon_function.item3_5:before {
	background-position: -260px -130px;
}

.icon_function.item3_6:before {
	background-position: -325px -130px;
}

.icon_function.item4_1:before {
	background-position: 0 -195px;
}

.icon_function.item4_2:before {
	background-position: -65px -195px;
}

.icon_function.item4_3:before {
	background-position: -130px -195px;
}

.icon_function.item4_4:before {
	background-position: -195px -195px;
}

.icon_function.item4_5:before {
	background-position: -260px -195px;
}

.icon_function.item4_6:before {
	background-position: -325px -195px;
}

.icon_function.item5_1:before {
	background-position: 0 -260px;
}

.icon_function.item5_2:before {
	background-position: -65px -260px;
}

.icon_function.item5_3:before {
	background-position: -130px -260px;
}

.icon_function.item5_4:before {
	background-position: -195px -260px;
}

.icon_function.item5_5:before {
	background-position: -260px -260px;
}

.icon_function.item5_6:before {
	background-position: -325px -260px;
}

.icon_function.item6_1:before {
	background-position: 0 -325px;
}

.icon_function.item6_2:before {
	background-position: -65px -325px;
}

.icon_function.item6_3:before {
	background-position: -130px -325px;
}

.icon_function.item6_4:before {
	background-position: -195px -325px;
}

.icon_function.item6_5:before {
	background-position: -260px -325px;
}

.icon_function.item6_6:before {
	background-position: -325px -325px;
}

.icon_function.item7_1:before {
	background-position: 0 -390px;
}

.icon_function.item7_2:before {
	background-position: -65px -390px;
}

.icon_function.item7_3:before {
	background-position: -130px -390px;
}

.icon_function.item7_4:before {
	background-position: -195px -390px;
}

.icon_function.item7_5:before {
	background-position: -260px -390px;
}

.icon_function.item7_6:before {
	background-position: -325px -390px;
}

#norton .icon_function:before {
	background-image: url(/sp-m/img/products/sym/icon_function.png);
}

#isw .icon_function:before {
	background-image: url(/sp-m/img/products/isw/icon_function.png);
}

/* ==========================================================================
   /products/用 Norton
   ========================================================================== */

.btn_buy {
	text-align: right;
}

.btn_buy a {
	display: inline-block;
	overflow: hidden;
	width: 100%;
	max-width: 240px;
	vertical-align: middle;
}

.btn_buy a img {
	width: 200%;
	max-width: 480px;
}

.btn_buy a img:hover {
	margin-left: -100%;
}

#norton .btn_buy {
	margin-top: -18px;
}

#norton .icon_360,
#norton .icon_nis {
	display: block;
	width: 40px;
	height: 18px;
	background: url(../img/products/sym/icon_product.png) no-repeat 0 0;
}

#norton .icon_nis {
	background-position: -40px 0;
}

#norton #modalWindow {
	position: relative;
	text-align: right;
}

#norton #modalBox {
	position: absolute;
	z-index: 100;
	top: 3em;
	right: 0;
	display: none;
	width: 100%;
	max-width: 400px;
	padding: 3px;
	border-color: #ff6000;
	background: #fff;
	box-shadow: 0 0 15px #7d7d7d;
}

#norton #modalBox h3 {
	font-size: 14px;
	font-size: 1.16667rem;
	margin-bottom: 0;
	text-align: left;
}

#norton #modalBox p {
	position: relative;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 60px;
}

#norton #modalBox p .icon_360,
#norton #modalBox p .icon_nis {
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
}

#norton #modalBox:before,
#norton #modalBox:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border-width: 0 10px 20px 10px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff6000 rgba(0, 0, 0, 0);
}

#norton #modalBox:before {
	top: -20px;
	right: 20px;
}

#norton #modalBox:after {
	top: -18px;
	right: 20px;
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0);
}

#norton .ac_content h4 {
	position: relative;
	min-height: 28px;
	padding-right: 95px;
}

#norton .ac_content .icon_360,
#norton .ac_content .icon_nis {
	position: absolute;
	top: 4px;
	right: 10px;
}

#norton .ac_content .icon_nis + .icon_360 {
	right: 60px;
}

/* ==========================================================================
   /products/用 ISW
   ========================================================================== */

#isw .product_isw .grid12-8,
#isw .product_isw .grid12-4 {
	padding: 0 10px;
}

#isw .product_isw .row {
	padding-bottom: 0;
}

#isw .product_isw .p_detail {
	text-align: right;
}

#isw .product_isw .p_detail p {
	display: inline-block;
	vertical-align: middle;
}

/* ==========================================================================
   /products/用 セキュリティパック
   ========================================================================== */

#securitypack #securitypackImage {
	margin-bottom: 1em;
	background: #63c5de;
}

#securitypack #securitypackImage .row {
	padding-bottom: 0;
}

#securitypack #about_isw {
	padding: 15px;
	border-radius: 10px 10px 0 0;
	background: url(../img/products/set/securitypack_merit3_bg.png) no-repeat 0 0;
}

#securitypack #about_isw .grid-3 > section {
	padding: 10px;
	background: #fff;
}

#securitypack #about_isw .grid-3 > section h5 {
	text-align: center;
}

/* ==========================================================================
   /support/
   ========================================================================== */

#faq .borderLeft.norton {
	border-color: #ffc600;
}

/* ==========================================================================
   /installation/
   ========================================================================== */

.btn_os {
	display: inline-block;
	display: block;
	float: left;
	overflow: hidden;
	width: 100%;
	width: 23%;
	max-width: 76px;
	margin-right: 2%;
	vertical-align: middle;
	border: 1px #e1e1e1 solid;
}

.btn_os img {
	width: 500%;
	max-width: 380px;
}

.btn_os img.item-2 {
	margin-left: -100%;
}

.btn_os img.item-3 {
	margin-left: -200%;
}

.btn_os img.item-4 {
	margin-left: -300%;
}

.btn_os img.item-5 {
	margin-left: -400%;
}

.btn_os :hover {
	background: url(../img/parts/bg_pattern.png) repeat-x 0 0;
	background-position: 0 -400px;
}

#installation #isw .col h3 {
	min-height: 3em;
}

#installation .flow_title {
	position: relative;
	padding: 3px 3px 3px 3em;
}

#installation .flow_title span {
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 2.5em;
	padding: 3px 5px;
	content: '';
	text-align: center;
	color: #fff;
	background: #999;
}

/* Magnific Popup CSS */

/* Width of containers */

/* Responsive Break Points */

.mfp-bg {
	position: fixed;
	z-index: 3042;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: .8;
	background: #0b0b0b;
	filter: alpha(opacity=80);
}

.mfp-wrap {
	position: fixed;
	z-index: 3043;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}

.mfp-container {
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	text-align: center;
}

.mfp-container:before {
	display: inline-block;
	height: 100%;
	content: '';
	vertical-align: middle;
}

.mfp-align-top .mfp-container:before {
	display: none;
}

.mfp-content {
	position: relative;
	z-index: 3045;
	display: inline-block;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	background: #fff;
}

.mfp-content .container {
	padding: 0;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 90%;
	max-width: 700px;
	cursor: auto;
}

.mfp-ajax-cur {
	cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}

.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
	cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.mfp-loading.mfp-figure {
	display: none;
}

.mfp-hide {
	display: none !important;
}

.mfp-preloader {
	position: absolute;
	z-index: 3044;
	top: 50%;
	right: 8px;
	left: 8px;
	width: auto;
	margin-top: -.8em;
	text-align: center;
	color: #ccc;
}

.mfp-preloader a {
	color: #ccc;
}

.mfp-preloader a:hover {
	color: #fff;
}

.mfp-s-ready .mfp-preloader {
	display: none;
}

.mfp-s-error .mfp-content {
	display: none;
}

button.mfp-close,
button.mfp-arrow {
	z-index: 3046;
	display: block;
	overflow: visible;
	padding: 0;
	cursor: pointer;
	border: 0;
	outline: none;
	background: transparent;
	box-shadow: none;
	-webkit-appearance: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

.mfp-close {
	font-family: Arial, Baskerville, monospace;
	font-size: 28px;
	font-style: normal;
	line-height: 44px;
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	padding: 0 0 18px 10px;
	text-align: center;
	text-decoration: none;
	opacity: .65;
	color: #fff;
	filter: alpha(opacity=65);
}

.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}

.mfp-close:active {
	top: 1px;
}

.mfp-close-btn-in .mfp-close {
	color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	right: -6px;
	width: 100%;
	padding-right: 6px;
	text-align: right;
	color: #fff;
}

.mfp-counter {
	font-size: 12px;
	line-height: 18px;
	position: absolute;
	top: 0;
	right: 0;
	white-space: nowrap;
	color: #ccc;
}

.mfp-ie7 .mfp-img {
	padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
	left: 50%;
	width: 600px;
	margin-top: 5px;
	margin-left: -300px;
	padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
	padding: 0;
}

.mfp-ie7 .mfp-content {
	padding-top: 44px;
}

.mfp-ie7 .mfp-close {
	top: 0;
	right: 0;
	padding-top: 0;
}

.iframe {
	overflow-y: scroll;
	height: 250px;
	margin: 0 10px 50px 10px;
	padding: 15px;
	border: 1px #ccc solid;
}

#installation #tab-android .accordion {
	margin: 0 0 .5rem 0;
	padding: 0;
	border: 1px solid #27cd3a;
}

#installation #tab-android .accordion .ac_header a {
	display: block;
	padding: 1rem 1rem;
	text-decoration: none;
	color: #333;
	background: #f3fce8;
}

#installation #tab-android .accordion .ac_header a:after {
	position: absolute;
	top: 50%;
	right: 10px;
	width: 21px;
	height: 21px;
	margin-top: -10px;
	content: '';
	background: url(../img/parts/accordion.png) no-repeat 0 0;
	background-position: 60% 0;
	background-size: 600% 100%;
}

#installation #tab-android .accordion.open .ac_header a:after {
	background-position: 40% 0;
}

/*メンテ告知
2016/09/14追加*/

.header_maintenance {
	position: relative;
	margin-bottom: 1.2em;
	padding: 8px 5px 8px 16px;
}

.header_maintenance:before {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	left: 4px;
	box-sizing: border-box;
	width: 6px;
	height: 6px;
	margin: auto;
	content: '';
	vertical-align: middle;
	border: 6px solid transparent;
	border-left: 6px solid #0093b9;
}

.header_maintenance a {
	font-weight: bold;
	color: #0093b9;
}

.news {
	position: relative;
}

#index_maintenance {
	position: absolute;
	top: 7px;
	right: 5px;
}

#index_maintenance a {
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	border: 1px solid #0093b9;
	border-radius: 3px;
}

#index_maintenance a:hover {
	background: #b9f1ff;
}

table.tm_table {
	border: 1px #999 solid;
}

table.tm_table th,
table.tm_table td {
	padding: 10px 5px;
	vertical-align: middle;
	word-break: break-all;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
}

table.tm_table th.icon_up,
table.tm_table td.icon_up {
	padding-right: 50px;
	background: url(../img/products/tm/icon_powerup.gif) #fff right center no-repeat;
}

table.tm_table th.icon_new,
table.tm_table td.icon_new {
	padding-right: 50px;
	background: url(../img/products/tm/icon_new.gif) #fff right center no-repeat;
}

table.tm_table thead {
	background: #e6e7e8;
	th: nth-child(1);
	th-width: 35%;
}

table.tm_table thead th:nth-child(2) {
	width: 65%;
}

table.tm_table th.ttl_red {
	font-weight: bold;
	background: #fed1dc;
}

table.tm_table th.ttl_red2 {
	font-weight: bold;
	background: #fdeef2;
}

table.tm_table tbody th {
	font-weight: bold;
	background-color: #e6e7e8;
}

.modal-video {
	position: fixed;
	z-index: 1000000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	-webkit-animation-name: modal-video;
	animation-name: modal-video;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	opacity: 1;
	background-color: rgba(0, 0, 0, .5);
}

.modal-video-close {
	opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
}

.modal-video-body {
	display: table;
	width: 100%;
	max-width: 940px;
	height: 100%;
	margin: 0 auto;
}

.modal-video-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.modal-video-movie-wrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-animation-name: modal-video-inner;
	animation-name: modal-video-inner;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	background-color: #333;
}

.modal-video-movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-video-close-btn {
	position: absolute;
	z-index: 2;
	top: -35px;
	right: -35px;
	display: inline-block;
	overflow: hidden;
	width: 35px;
	height: 35px;
	border: none;
	background: transparent;
}

.modal-video-close-btn:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modal-video-close-btn:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	margin-top: -6px;
	content: '';
	border-radius: 5px;
	background: #fff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi) {

.news_icon:before,
p.arrow_g:before,
.icon_list:before,
.icon_list2:before,
.toTop a:before,
ul.arrow li:before,
ul.arrow_g li:before,
header .subnav a:before,
footer > div li:before,
aside .box p a.faq:before,
aside .box p a.install:before {
	background-image: url(../img/parts/icon_sprite@x2.png);
	background-size: 100px 100px;
}

.btn_product:after,
aside ul.arrow li.box:after,
aside .box p a:after,
aside .accordion .ac_header a:after,
aside .catalog:after,
aside .double > .ac_header a:after,
.nav_product a.product_logo:after {
	background-image: url(../img/parts/icon_sprite@x2.png);
	background-size: 100px 100px;
}

.new_window:after {
	background-image: url(../img/parts/icon_sprite@x2.png);
	background-size: 100px 100px;
}

.sprite_category:before {
	background-image: url(../img/parts/icon_category@x2.png);
	background-size: 500% 100%;
}

.price span {
	background-image: url(../img/parts/price_text@x2.png);
	background-size: 90px 120px;
}

.bgTop:before {
	background-image: url(../img/parts/bg_pattern@x2.png);
	background-size: 9px 700px;
}

.bgPattern_blue {
	background-image: url(../img/parts/bg_pattern@x2.png);
	background-size: 9px 700px;
}

.borderDotted_big:after,
.borderDotted_big_g:after,
.borderDotted_big_b:after {
	background-image: url(../img/parts/border_pattern@x2.png);
	background-size: 9px 50px;
}

.bg_pattern {
	background-image: url(../img/parts/bg_pattern@x2.png);
	background-size: 9px 700px;
}

#tobila .borderDotted_big:after {
	background-image: url(../img/parts/border_pattern_tobila@x2.png);
	background-size: 9px 7px;
}

.tab_nav li:before,
.tab_nav2 li:before {
	background-image: url(../img/parts/bg_pattern@x2.png);
	background-size: 9px 700px;
}

aside ul.arrow a:hover,
aside ul.arrow a.hover,
aside ul.arrow a.current {
	background-image: url(../img/parts/bg_pattern@x2.png);
	background-size: 9px 600px;
}

aside .box p a:hover,
aside .box p a.hover {
	background-image: url(../img/parts/bg_pattern@x2.png);
	background-size: 9px 600px;
}

.nav_product a.product_logo:hover,
.nav_product a.product_logo.hover {
	background-image: url(../img/parts/bg_pattern@x2.png);
	background-size: 9px 700px;
}

}

@media only screen and (min-width: 775px) and (max-width: 960px) {

.container {
	max-width: 750px;
}

/* Column widths for tablet */

aside {
	width: 33.33333%;
}

.securitypack_product .product2 .p_name {
	width: 41.66665%;
}

.grid-4,
.grid-4_mbfull {
	width: 50%;
}

.contents {
	width: 66.66666%;
}

.product .p_text {
	width: 75%;
}

.contents.full,
.product .p_price,
.securitypack_product .product2 .p_price {
	width: 100%;
}

/*prefix grid layout*/

header nav ul li {
	width: 33.333%;
}

header nav ul li:nth-child(3n-2):before {
	display: none;
}

#wrap {
	margin-bottom: -86px;
}

#push {
	height: 86px;
}

footer {
	height: 86px;
}

#combineTable #norton_360 .borderDotted:before,
#combineTable #norton_nis .borderDotted:before,
#combineTable #vm .borderDotted:before,
#combineTable #isw .borderDotted:before {
	width: 60px;
	height: 60px;
}

}

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

br.br-tab {
	display: block;
}

br.br-pc {
	display: none;
}

.btn_product {
	font-size: 14px;
	font-size: 1.16667rem;
	padding: 20px;
}

.btn_product.btn_roduct_img {
	font-size: 14px;
	font-size: 1.16667rem;
	padding: 10px 50px 10px 10px;
}

#faq .accordion .ac_content {
	padding-left: 50px;
}

#faq .accordion .ac_content:before {
	left: 10px;
}

}

@media all and (max-width: 900px) {

.mfp-arrow {
	-webkit-transform: scale(.75);
	transform: scale(.75);
}

.mfp-arrow-left {
	-webkit-transform-origin: 0;
	transform-origin: 0;
}

.mfp-arrow-right {
	-webkit-transform-origin: 100%;
	transform-origin: 100%;
}

.mfp-container {
	padding-right: 6px;
	padding-left: 6px;
}

}

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

.container {
	max-width: 100%;
	padding: 0;
}

/* Grid widths for mobile */

.grid-half,
.grid-3,
.grid-4,
.grid12-2,
.grid12-10,
aside,
.contents,
.grid-center-10,
.product .p_name,
.product .p_icon,
.product .p_price,
.securitypack_product .product2 .p_name,
.securitypack_product .product2 .p_price {
	left: auto;
	display: block;
	float: none;
	clear: both;
	width: 100%;
}

.product .p_text,
.p_index .p_text {
	width: 75%;
}

.grid-4_mbfull {
	width: 50%;
}

.product .p_logo,
.p_index .p_logo {
	width: 25%;
}

.grid-center-10 {
	margin-left: 0;
}

html,
body {
	height: inherit;
}

.large {
	font-size: 13px;
	font-size: 1.08333rem;
}

.x-large {
	font-size: 14px;
	font-size: 1.16667rem;
}

.xx-large {
	font-size: 15px;
	font-size: 1.25rem;
}

.contents > section {
	padding: 0 10px;
}

a.btn.sp_full {
	display: block;
	text-align: center;
}

.product_logo_left.kingsoft:before,
.product_logo_hss.kingsoft:before,
.product_logo_tabuho.kingsoft:before,
.product_logo_tobila.kingsoft:before {
	top: 0;
	left: 0;
	margin-top: 0;
}

.product_logo_left.mcafee:before,
.product_logo_hss.mcafee:before,
.product_logo_tabuho.mcafee:before,
.product_logo_tobila.mcafee:before {
	top: 0;
	left: 0;
	margin-top: 0;
}

.product_logo_left,
.product_logo_hss,
.product_logo_tabuho,
.product_logo_tobila {
	margin-top: 10px;
	padding: 60px 10px 15px 10px !important;
}

.product_logo_left:before,
.product_logo_hss:before,
.product_logo_tabuho:before,
.product_logo_tobila:before {
	top: 0;
	left: 0;
	margin-top: 0;
}

.product_logo_hss:before,
.product_logo_tabuho:before,
.product_logo_tobila:before {
	top: 0;
	margin-top: 0;
}

.bg_pattern {
	font-size: 16px;
	font-size: 1.33333rem;
}

#faq .accordion .ac_header a {
	font-size: 14px;
	font-size: 1.16667rem;
	padding: 10px 40px;
}

#faq .accordion .ac_header a:before {
	left: 4px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
}

#faq .accordion .ac_header a:after {
	width: 18px;
	height: 18px;
	margin-top: -9px;
}

#faq .accordion .ac_content {
	padding: 10px 10px 10px 40px;
}

#faq .accordion .ac_content:before {
	left: 4px;
	width: 28px;
	height: 28px;
}

#norton .accordion .ac_header span,
#vm .accordion .ac_header span,
#isw .accordion .ac_header span {
	padding-right: 90px;
}

#norton .accordion .ac_header .detail,
#vm .accordion .ac_header .detail,
#isw .accordion .ac_header .detail {
	max-width: 80px;
}

header {
	min-height: 55px;
}

header > .container {
	position: inherit;
	display: table-cell;
	height: 55px;
	vertical-align: middle;
}

header #bbssonline p {
	padding: 0;
}

header h1 {
	max-width: 140px;
	max-height: 55px;
	margin: 0 130px 0 45px;
	padding-top: 5px;
}

header h1 a {
	font-size: 14px;
	font-size: 1.16667rem;
}

header h1 a img {
	display: block;
	width: auto;
	max-height: 30px;
}

header h1 a span {
	font-size: 12px;
	font-size: 1rem;
	display: block;
	padding-left: 0;
}

header h2 {
	font-size: 10px;
	font-size: .83333rem;
	left: 50px;
}

header .subnav {
	position: static;
	display: block;
}

header .subnav a#h_login {
	position: absolute;
	top: 10px;
	right: 10px;
	max-width: 110px;
}

header nav {
	border: none;
}

header nav ul li {
	width: 33.33%;
}

header nav ul li:before {
	display: none;
}

header nav ul li.current span,
header nav ul li a,
header nav ul li a:hover {
	overflow: hidden;
	max-width: 50px;
	max-height: 50px;
	margin: 0 auto 10px;
	white-space: nowrap;
	text-indent: 100%;
	text-indent: 200%;
	background: #72ccff url(../img/parts/icon_sp_nav.png) no-repeat 0 0;
	background-size: 600% 100%;
}

header nav ul li.current span,
header nav ul li a:hover {
	background-color: #b1e2fe;
}

header nav ul li:nth-child(2) a,
header nav ul li:nth-child(2) span {
	background-position: 20% 0;
}

header nav ul li:nth-child(3) a,
header nav ul li:nth-child(3) span {
	background-position: 40% 0;
}

header nav ul li:nth-child(4) a,
header nav ul li:nth-child(4) span {
	background-position: 60% 0;
}

header nav ul li:nth-child(5) a,
header nav ul li:nth-child(5) span {
	background-position: 80% 0;
}

header nav ul li:nth-child(6) a,
header nav ul li:nth-child(6) span {
	background-position: 100% 0;
}

footer {
	margin-top: -10px;
	text-align: left;
}

footer > div ul {
	padding-left: 10px;
}

footer > div li {
	display: block;
	text-align: left;
}

#wrap {
	min-height: inherit;
	margin-bottom: 0;
}

#push,
footer {
	height: auto;
}

footer .copyright {
	position: static;
}

html,
body {
	overflow-x: hidden;
}

nav,
aside {
	position: absolute;
	top: 40px;
	overflow: hidden;
	width: 20em;
	max-width: 90%;
	-webkit-transform: translate3d(-20em, 0px, 1px);
	transform: translate3d(-20em, 0px, 1px);
	opacity: 0;
}

nav {
	top: 70px;
	left: 0;
	height: 110px;
}

aside {
	top: 120px;
	padding: 10px;
}

.drawerContent {
	overflow: hidden;
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
	-webkit-transform: translate3d(0px, 0px, 1px);
	transform: translate3d(0px, 0px, 1px);
}

header .subnav a#securityonline {
	position: absolute;
	top: 115px;
	left: 10px;
	-webkit-transform: translate3d(-20em, 0px, 1px);
	transform: translate3d(-20em, 0px, 1px);
	opacity: 0;
}

header .subnav a#sitemap {
	position: absolute;
	top: 115px;
	left: 130px;
	-webkit-transform: translate3d(-20em, 0px, 1px);
	transform: translate3d(-20em, 0px, 1px);
	opacity: 0;
}

label#menuBtn {
	display: block;
	width: 32px;
	height: 32px;
}

label#menuBtn:after {
	font-size: 28px;
	font-size: 2.33333rem;
	line-height: 32px;
	position: absolute;
	top: 0;
	right: 0;
	width: 32px;
	height: 32px;
	content: '\2261';
	text-align: center;
}

label#menuBtn:hover,
label#menuBtn.hover,
label#menuBtn #menu:checked ~ label {
	color: #000;
}

#menu:checked ~ .container .closeDrawer,
#menu:checked ~ footer .closeDrawer {
	display: block;
}

#menu:checked ~ header nav,
#menu:checked ~ .container aside,
#menu:checked ~ header .subnav a#securityonline,
#menu:checked ~ header .subnav a#sitemap {
	z-index: 2;
	overflow: inherit;
	-webkit-transform: translate3d(0px, 0px, 1px);
	transform: translate3d(0px, 0px, 1px);
	opacity: 1;
}

#menu:checked ~ .container .drawerContent,
#menu:checked ~ footer.drawerContent {
	-webkit-transform: translate3d(20.5em, 0px, 1px);
	transform: translate3d(20.5em, 0px, 1px);
}

.breadcrumb {
	display: none;
}

.product .p_icon {
	max-width: 100%;
}

#combineTable {
	margin-bottom: 0;
}

#combineTable #norton_360 .borderDotted,
#combineTable #norton_nis .borderDotted,
#combineTable #vm .borderDotted,
#combineTable #isw .borderDotted {
	margin-left: 55px;
}

#combineTable #norton_360 .borderDotted:before,
#combineTable #norton_nis .borderDotted:before,
#combineTable #vm .borderDotted:before,
#combineTable #isw .borderDotted:before {
	width: 55px;
	height: 55px;
}

#combineTable .borderGreen:before,
#combineTable .borderGreen:after {
	background: none;
}

#combineTable .borderGreen .col {
	padding: 10px;
}

#combineTable .borderGreen .col:after {
	display: block;
	width: 100%;
	height: 7px;
	content: '';
	background: url(../img/top/border_green.png) repeat-x 0 0;
}

.securitypack_product .product2 .p_name {
	padding-right: 0;
}

.securitypack_product .product2 .plusIcon {
	margin-top: 30px;
	margin-left: 0;
	padding: 0;
}

.securitypack_product .product2 .plusIcon:before {
	top: -23px;
	left: 50%;
	margin-top: 0;
	margin-left: -7px;
}

.icon_function {
	padding-left: 10px;
}

.icon_function:before {
	position: static;
	top: 0;
	left: 0;
	float: left;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 10px;
}

.btn_buy {
	text-align: center;
}

#norton .btn_buy {
	margin-top: 0;
}

#norton .ac_content h4 {
	padding-right: 10px;
}

#norton .ac_content .icon_360,
#norton .ac_content .icon_nis {
	top: inherit;
	bottom: -24px;
}

#installation #isw .col h3 {
	min-height: inherit;
}

table.tm_table th.icon_up,
table.tm_table td.icon_up {
	padding-right: 5px;
	background: none;
}

table.tm_table th.icon_up:after,
table.tm_table td.icon_up:after {
	display: block;
	width: 25px;
	height: 25px;
	margin: 10px auto;
	content: '';
	background: url(../img/products/tm/icon_powerup.gif) #fff 0 0 no-repeat;
}

table.tm_table th.icon_new,
table.tm_table td.icon_new {
	padding-right: 5px;
	background: none;
}

table.tm_table th.icon_new:after,
table.tm_table td.icon_new:after {
	display: block;
	width: 25px;
	height: 25px;
	margin: 10px auto;
	content: '';
	background: url(../img/products/tm/icon_new.gif) #fff 0 0 no-repeat;
}

}

@media only screen and (max-width: 774px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-width: 774px) and (min-resolution: 192dpi) {

header nav ul li.current span,
header nav ul li a,
header nav ul li a:hover {
	background-image: url(../img/parts/icon_sp_nav@x2.png);
}

}

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

#installation #tab-android .accordion .ac_header a {
	padding-right: 40px;
}

}

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

.product2 .p_name {
	left: auto;
	display: block;
	float: none;
	clear: both;
	width: 100%;
}

.product2 .p_icon {
	left: auto;
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: auto;
}

.product2 .p_price {
	left: auto;
	display: block;
	float: none;
	clear: both;
	width: 100%;
}

}

@-webkit-keyframes bugfix {

from {
	padding: 0;
}

to {
	padding: 0;
}

}

@keyframes bugfix {

from {
	padding: 0;
}

to {
	padding: 0;
}

}

@-webkit-keyframes modal-video {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes modal-video {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@-webkit-keyframes modal-video-inner {

from {
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
}

to {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

}

@keyframes modal-video-inner {

from {
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
}

to {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

}