@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabimincho.css);

h5 {
font-size:16px;
color:#99f;
font-weight:normal;
}

.product_breadcrumb > a {
color: #f30;
text-decoration: none;
}

.product_breadcrumb > a:hover {
text-decoration: underline;
}

.menu-container {
width: 100%;
background: #000;
}

.head950 {
margin:0 auto;
display:block;
max-width:950px;
}

.menubase {
height: 61px;
position: relative;
}

.menu {
margin:0 auto;
display:block;
max-width:100%;
background:#333;
z-index:9999;
}

.head_base {
height:1px;
position:relative;

}

.conts_menu {
float:right;
margin:5px 0px;
}

.conts_menu li {
font-size:14px;
margin-top:4px;
z-index:999;
}

.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.3);
background-color: rgba(0,0,0,0.6);
}

.product_logo {
padding:8px 0px 3px 0px;
max-height:45px;
}

.frame {
background-color:#000;
}

.main_image {
max-width:950px;
width:100%;
margin-bottom:30px;
}

.products_main_image {
max-width:96%;
margin:0px;
padding:0px;
margin:30px 0px;
}

.index_image3 {
margin:0px 0px -6px 0px;
max-width:950px;
width:100%;
padding:0px;
}

.product_breadcrumb,
.inner {
max-width:950px;
width:100%;
position: relative;
margin: 0px auto;
}

.product_breadcrumb {
margin-top:4px;
margin-bottom:4px;
}

.product_bk_wrap {
background-color:#001;
width:100%;
color:#fff;
background:url(../images/background.png);
margin-bottom:-1px;
}
.product_bk_wrap a,
.product_bk_wrap a:visited {
color:#39f;
}


.product_inner {
width:100%;
max-width:950px;
position: relative;
margin:0 auto;
text-align:center;
}

.product_ttl0 {
font-size:3em;
margin:40px 0px 20px 0px;
padding-top:40px;
display:block;
border-top:1px dotted #666666;
}

.product_ttl1 {
font-size:3em;
margin:40px;
display:block;
}

.product_ttl2 {
font-size:2em;
margin:20px 0px;
padding:40px 0px;
display:block;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
text-align:left;
}

.specs_table,
.cell1_table,
.cell1_subtable {
width:100%;
text-align:left;
margin-bottom:20px;
}

.specs_table > dt {
font-size:1.5em;
display:block;
width:35%;
float:left;
padding:4px 10px 4px 10px;
border-top:1px solid #666666;
padding:40px 0px;
}

.right_caption {
width:100%;
float:right;
text-align:right;
padding-top:10px;
padding-bottom:30px;
}

.cell1_table > dt,
.cell1_subtable > dt {
font-size:1.5em;
display:block;
width:100%;
}

.cell1_table > dt {
border-top:1px solid #666666;
padding:40px 0px;
}

.cell1_subtable > dt {
border-bottom:1px solid #666666;
padding:20px 0px;
margin:20px 0px;
}

.cell1_table > dd {
display:block;
margin-bottom:30px;
margin-left: 0em;
}

.index_cell1_table > dd {
display:block;
margin-bottom:30px;
margin-left: 0em;
}

.txt_left {
text-align:left;
}

.specs_table > dd {
display:block;
border-top:1px solid #666666;
margin-left:35%;
backg round-color:#ffffff;
padding:40px 0px 40px 20px;
}

.go_details {
display:inline-block;
padding:20px 40px;
margin-top:20px;
border:1px solid #fff;
background-color:#369;
text-align:center;
font-weight:bold;
color:#fff !important;
}
.go_details:hover {
color:#ff0 !important;
filter: brightness(1.3);
}
.go_details:visited {
color:#fff !important;
}

.table_5050 {
display:inline-block;
width:100%;
margin-bottom:30px;
}

.table_98p6 {
display:inline-block;
width:calc(98%- 12px);
padding:12px;
margin-bottom:30px;
}

.bgglay {
background-color:#333;
margin-top:30px;
borde r:1px solid #f00;
}

.profile_thum {
float:left;
width:30%;
max-width:150px;
margin-right:20px;
}

.table_5050_cell,
.table_5050_cellr {
padding:6px;
background-color:#369;
display:inline-block;
width:calc(49% - 6px);
}

.table_5050_noborder_cell,
.table_5050_noborder_cellr {
display:inline-block;
width:calc(49% - 20px);
padding:10px;
}

.table_5050_cellr,
.table_5050_noborder_cellr {
float:right;
}

.table_3070 {
width:100%;
margin-bottom:20px;
border-bottom:1px solid #666;
border-left:1px solid #666;
border-right:1px solid #666;
background-color:#333;
text-align:left;
}

.table_3070 dt {
display:block;
width:29%;
float:left;
padding:4px 10px 4px 10px;
border-top:1px solid #666;
}

.table_3070 dd {
display:block;
padding:4px 20px 4px 20px;
border-top:1px solid #666;
border-left:1px solid #666;
margin-left:30%;
background-color:#000;
color:#fff;
}



.redbold {
color:#f00;
font-weight:bold;
}

.yellowbold {
color:#ff0;
font-weight:bold;
}

.rednonbold {
color:#f00;
}

.p1,
.p2 {
text-indent: -1em;
margin-left: 1em;
margin-top:20px;
text-align:left;
}

.p1 > li ul,
.p2 > li ul {
text-indent: 0em;
margin-left: -1em;
margin-top:10px;
}

.p1 > li,
.p2 > li{
list-style-type: none;
}

.p1 > li:before {
content: '◎';
display: inline-block;
width: 1em;
text-indent: 0;
}

.p2 > li:before {
content: '※';
display: inline-block;
width: 1em;
text-indent: 0;
}

.p3 {
display:block;
padding-bottom:40px;
marg in-bottom:-1px;
text-align:left;
}

.p3 ul {
border-bottom:1px solid #666666;
margin:40px 0px 20px 0px;
padding:10px;
}

.p3 li {
display:inline-block;
margin:0px 20px 0px 10px;
font-size:14px;
}

.img_max100 {
max-width:96%;
margin:30px 0px;
}

.img_max100_nomargin {
max-width:100%;
margin:0px;
}

.table_3col {
display:inline-block;
width:100%;
margin-top:30px;
}

.table_3col li {
display:inline-block;
width:calc(33% - 26px);
padding:10px;
margin:0px;
vertical-align:top;
}

.img_max30 {
width:100%;
}

.img_max240_l {
max-width:240px;
width:30%;
vertical-align:top;
margin-right:10px;
}

.box50,
.box50r,
.fss_box50,
.fss_box50r {
display:inline-block;
width:calc(49% - 20px);
padding:10px;
vertical-align:top;
border:1px dotted;
color:#fff;
}

.box50r,
.fss_box50r {
float:right;
}

.table100 {
display: table;
width: 100%;
margin: 0 auto;
table-layout: fixed;
}
.img_max240_w100 {
padding:0px;
display: table-cell;
vertical-align: middle;
width: 49%;
margin: 0px;
max-height:320px;
text-align:center;
}
.img_max240_w100 > img {
max-height:320px;
max-width:320px;
width:100%;
object-fit: contain;
}
.fss_caption {
border-bottom:1px dotted #fff;
display: table-cell;
vertical-align: middle;
width: 49%;
margin: 0px;
padding:0px 10px 30px 10px;
max-height:320px;
text-align:left;
}

.box100 {
display:inline-block;
width:calc(100% - 20px);
padding:10px;border:1px solid;
vertical-align:top;
}
.box100 > li {
vertical-align:top;
}
.box100 > li:last-child {
text-align:left;
margin-left:10px;
}

.fss_btn {
margin:0;
padding:0;
}

.fss_btn > li {
display:inline-block;
width:48%;
list-style-type: none;
}

.fss_btn > li:last-child {
float:right;
}

.fss_btn > li > a {
width:90%;
}

.fss_banner {
display: inline-block;
padding:0px;
border:1px dotted #fff;
color:#fff;
verti cal-align:top;
text-align:center;
pos ition: relative;
mar gin:0 auto;
}

.fss_banner_l {
padding:10px;
display: inline-block;
width:240px;
mar gin:0;
ver tical-align:top;
}
.fss_banner_r {
display: inline-block;
padding:20px;
text-align:left;
vertical-align:top;
}
.fss_logo {
width:100%;
max-width:320px;
}
.fss_specs li {
list-style-type: none;
}


.thum_100 {
width:100px;
}

.anc_btn {
display:inline-block;
width:48%;
}

.anc_btn dt {
display:inline-block;
width:100px;
}

.anc_btn dd {
display:inline-block;
text-align:left;
vertical-align:top;
margin:10px 0px 0px 10px;
}

.products_txt {
display:inline-block;
width:70%;
min-height:480px;
padding:0px;
}

.purple {
color:#909;
}

.products_txt li {
list-style-type: none;
}

.green_btn,
.blue_btn,
.purple_btn,
.orange_btn,
.gray_btn,
.go2amazon {
display:inline-block;
border:1px solid #666;
border-radius: 4px;
width:46%;
padding:16px 10px;
margin:20px 0px 4px 0px;
text-align:center;
font-size:1.1em;
font-weight:bold;
color:#fff !important;
text-shadow: 1px 1px 1px #111111;
}

.green_btn {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ccff99), to(#339900));
background-image: -webkit-linear-gradient(#ccff99, #339900);
background-image: linear-gradient(#ccff99, #339900);
}

.blue_btn {
background-image: -webkit-gradient(linear, left top, left bottom, from(#66ccff), to(#3366cc));
background-image: -webkit-linear-gradient(#66ccff, #3366cc);
background-image: linear-gradient(#66ccff, #3366cc);
}

.purple_btn {
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6c), to(#f69));
background-image: -webkit-linear-gradient(#f6c, #c36);
background-image: linear-gradient(#f6c, #c36);
}

.orange_btn {
background-image: -webkit-gradient(linear, left top, left bottom, from(#fec), to(#f60));
background-image: -webkit-linear-gradient(#fec, #f60);
background-image: linear-gradient(#fec, #f60);
}

.gray_btn {
background-image: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#333));
background-image: -webkit-linear-gradient(#ccc, #333);
background-image: linear-gradient(#ccc, #333);
}

.go2amazon {
background-image: -webkit-gradient(linear, left top, left bottom, from(#fc9), to(#e70));
background-image: -webkit-linear-gradient(#fc9, #e70);
background-image: linear-gradient(#fc9, #e70);
}

.green_btn:hover,
.blue_btn:hover,
.orange_btn:hover,
.purple_btn:hover,
.go2amazon:hover {
color: #ffff00 !important;
text-decoration: none;
}

.green_btn:visited,
.blue_btn:visited,
.orange_btn:visited,
.purple_btn:visited,
.go2amazon:visited {
color: #ffffff;
}


.pro_mark,
.new_mark {
display:box;
color:#fff;
font-size:0.7em;
font-weight:bold;
padding:2px 5px 2px 5px;
margin:0px 0px 0px 4px;
border-radius:4px;
vertical-align: top;
white-space: nowrap
}

.pro_mark {
background-color:#339;
}

.new_mark {
background-color:#f00;
}

.blue_txt {
color:#33e;
}

.img100 {
max-width:100%;
}

.img100mr30 {
max-width:100%;
display:block;
padding:0px;
}

.img100mr30 li {
margin:0px 30px 30px 0px;
vertical-align:top;
display:inline-block;
list-style-type: none;
}

.img100mr30 li:last-child {
margin:0px;
}

.img100mr30 li img {
max-width:100%;
}

.table100 {
width:100%;
}

.purchase_box {
width:calc(50% - 10px);
display:inline-block;
float:left;
padding-right:8px;
margin-bottom:40px;
}

.purchase_img {
max-width:250px;
min-width:200px;
width:50%;
margin:0px 10px 0px 0px;
}

.pkg_img150 {
max-width:150px;
width:calc(50% - 10px);
margin:0px 10px 0px 0px;
float:left;
m in-width:200px;
}

.purchase_txt {
display:inline-block;
vertical-align:top;
margin:0px;
padding:0px;
}

.sell_date {
display:inline-block;
width:160px;
margin:0px;
padding:0px;
}

.index_item_os {
float:right;
}
.add2cart {
padding-left:0px;
	margin: 0px 0px 20px 0px;
	display: block;
}

.item_disc {
display:inline-block;
width:calc(100% - 160px);
margin:0px;}

.add2cart_index {
padding-left:0px;
	margin: 14px 0px 20px 0px;
	display: inline-block;
}

.add2cart_index a {
text-align:center;
	color: #fff;
	padding: 10px 16px 10px 16px;
	background: linear-gradient(#94d570, #4ebb17);
	background: -webkit-linear-gradient(#94d570, #4ebb17);
	text-shadow: #666 1px 1px 2px;
	white-space: nowrap;
	font-weight: bold;
text-decoration:none;
}

.add2cart a {
text-align:center;
	color: #fff;
	padding: 14px 30px 14px 30px;
	background: linear-gradient(#94d570, #4ebb17);
	background: -webkit-linear-gradient(#94d570, #4ebb17);
	text-shadow: #666 1px 1px 2px;
	white-space: nowrap;
	font-weight: bold;
text-decoration:none;
}

.add2cart_index a::before,
.add2cart a::before {
	content: '\f07a';
	font-family: 'FontAwesome';
	font-size: 20px;
	margin-right: 10px;
	color: #fff;
}



.dist_captxt {
line-height:1.1em;
font-size: 15px;
text-align:center;
display:box;
background-color:#000;
padding-bottom:6px;
}
.purchase_txt a {
color:#fff;
}
.purchase_txt a:hover {
color:#0f0;
}

.dist_banner {
max-width:176px;
}

.format_table {
width:calc(50% - 6px);
display:inline-block;
border:1px solid #999;
vertical-align:top;
margin:0px;}

.tab_textarea_win {
	background-color:#d99;
display:block;
padding:6px;
border-bottom:1px solid #999;
}

.tab_textarea_mac {
	background-color:#9dd;
display:block;
padding:6px;
border-bottom:1px solid #999;
}



.for mat_table dt {
display:inline-block;
background-color:#ccc;
font-weight:bold;
border:1px solid #999;
width:200px;
padding:6px;margin-left:0px;}

.format_table dd {
margin:10px 0px 10px 0px;
}

.trial_btn {
display:inline-block;
margin:0px 0px 10px 20px;
padding:8px 30px 10px 24px;
border:1px solid #666;
border-radius:6px;
color:#ff0;
font-weight:bold;
max-width:100%;
text-decoration:none;
text-align:center;
background: linear-gradient(#eef, #66f);
background: -webkit-linear-gradient(#eef, #66f);
text-shadow: #333 0px 1px 1px;
white-space: nowrap;float:right;
}

.trial_btn:hover {
background-color:#ff9;
background: linear-gradient(#eef, #99f);
background: -webkit-linear-gradient(#eef, #99f);
color:#ff0;
}

.trial_btn::before {
content: '\f019';
font-family: 'FontAwesome';
font-size: 20px;
margin-right: 10px;
}


.title_sub3 {
font-weight:bold;
font-size:18px;
color:#c33;
}

.title_sub4 {
font-weight:bold;
font-size:18px;
color:#c33;
margin:20px 0px 20px 0px;
}

.banner {
width:100%;
margin:0 auto;
display:block;
text-align:center;
}
.banner img {
width:calc(98% / 3);
max-width:244px;
margin:calc(4% / 3);
}

.link_red {
color:#00f;
font-weight:bold;
}

.link_red:hover {
color:#f00;
text-decoration:underline;
}

.link_red_narrow {
color:#00f;
}

.link_red_narrow:hover {
color:#f00;
text-decoration:underline;
}

.form_table,
.trial_table {
width:100%;
border-bottom:1px solid #666666;
border-left:1px solid #666666;
border-right:1px solid #666666;
background-color:#ccccff;
position: relative;
margin: 0px auto;
}

.form_table dt,
.trial_table dt {
display:block;
width:30%;
float:left;
padding:4px 10px 4px 10px;
border-top:1px solid #666666;
font-weight:bold;
}

.form_table dd,
.trial_table dd {
display:block;
padding:4px 20px 4px 20px;
border-top:1px solid #666666;
border-left:1px solid #666666;
margin-left:30%;
background-color:#ffffff;
}

.form_table INPUT,
#tbEmail1,
#tbEmail2 {
width:100%;
}

.form_table TEXTAREA {
width:100%;
}

.formbtn {
padding:6px 30px;
margin:10px;
}

#RadioButtonListCat {
display:inline-block;
padding:0px;
margin-bottom:6px;
}

#RadioButtonListCat > INPUT {
margin-right:4px;
}


#RadioButtonListCat > label {
margin-right:12px;
}

.region_switch {
display:block;
}
.region_switch dt,
.region_switch dd {
display:inline-block;
}
.region_switch dd {
margin:0px;padding:0px 10px;
}


.sns {
margin-top:0px;
padding-top:16px;
border-top:1px solid #666;
border-bottom:1px solid #666;
background-color:#000;
}

.sns ul {
margin-left:-40px;
}

.sns li {
display:inline-block;
list-style-type: none;
margin:0px 6px;
border-radius:4px;
border:1px #fff solid;
font-size:30px;
vertical-align:top;
}

.fb {
width:38px;
padding-top:5px;
padding-bottom:2px;
background-color:#2e5195;
text-align:center;
}
.tw {
width:38px;
padding-top:4px;
padding-bottom:3px;
background-color:#00acec;
text-align:center;
}
.yt {
width:38px;
padding-top:4px;
padding-bottom:3px;
background-color:#cd1f20;
text-align:center;
}

.fb:hover {
color:#2e5195;
background-color:#fff;
}
.tw:hover {
color:#00acec;
background-color:#fff;
}
.yt:hover {
color:#cd1f20;
background-color:#fff;
}



.compare_table {
display:inline-block;
width:100%;
max-width:1000px;
margin:0;padding:0;
}

.compare_table th {
text-align:left;
padding-top:6px;
}

.compare_table tr {
border-bottom:1px solid #000;
}

.compare_table td {
padding:0px 6px;
vertical-align:top;
border-left:1px solid #000;
}

.cell1 {
background-color:#eee;
width:70%;
}

.cell2 {
background-color:#fcc;
border-bottom:1px solid #000;
text-align:center;
width:200px;
}

.cell3 {
background-color:#eef;
border-right:1px solid #000;
border-bottom:1px solid #000;
text-align:center;
width:200px;
}


.partner_box {
display:inline-block;
width:calc(50% - 50px);
margin:0px 10px 0px 10px;
border:2px dotted #66c;
margin:10px 20px 20px 0px;
padding:10px;
vertical-align:top;
word-wrap: break-word;
}

.partner_link {
color:#00f;
}

.partner_link::after {
content: "\f08e";
font-family: FontAwesome;
margin-left:10px;
}

.partner_name {
display:block;
background-color:#36f;
font-weight:bold;
margin:-10px -10px 10px -10px;
padding:10px;
color:#fff;
background: linear-gradient(#ccf, #36f);
background: -webkit-linear-gradient(#ccf, #36f);
}



/* BuyNowボタン*/
#BuyNow {
	background-color:#f90;
	border-radius: 4px;
	color: #fff;
	padding: 14px;
	position: fixed;
	top: 50%;
	right: 0px;
	opacity: 0.6;
	text-align:center;
	font-size: 32px;
}
#BuyNow:hover {
	opacity: 0.8;
}
#BuyNow > a {
	display: block;
	text-decoration: none;
}

/* SALEマーク*/
.fa-2x {
font-size: 2em;
}

.fa-layers {
display: inline-block;
height: 1em;
position: relative;
text-align: center;
vertical-align: -.125em;
width: 1em;
}

.fa-fw {
text-align: center;
width: 1.25em;
color: #f00;
}

.fa-layers-text {
display: inline-block;
line-height:0.8em;
position: absolute;
text-align: center;
left: 50%;
top: 50%;
font-weight: 900;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
transform-origin: center center;
-webkit-transform-origin: center center;
transform: translate(calc(-50% + 0em), calc(-50% + 0em)) scale(0.28125, 0.28125) rotate(-30deg) ;
-webkit-transform: translate(calc(-50% + 0em), calc(-50% + 0em)) scale(0.28125, 0.28125) rotate(-30deg) ;
-ms-transform-origin: -23% -0%;
-ms-transform: scale(0.28125, 0.28125) rotate(-30deg) ;
}

.fa-inverse {
color: #fff;
}

.list-lower-alpha {
list-style-type:lower-alpha;
}

.coupon{
border:4px dotted #f60;
border-radius: 6px;
padding:15px 20px;
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
font-size:18px;
background-color:#fc9;
text-align:center;
line-height:6em;
}

.sales_price {
color:#f00;
font-size:36px;
font-weight:bold;
}

.mseqc_chart {
display:block;
width:100%;
max-width:800px;
margin:auto;
position: relative;
margin-bottom:30px;
}

.mseqc_chart1,
.mseqc_chart2,
.mseqc_chart3 {
margin:0px;
padding:0px;
}

.mseqc_chart1 li {
list-style-type: none;
display:block;
text-align:center;
font-weight:bold;
font-size:24px;
width:100%;
padding:16px 0px 16px 0px;
}

.mseqc_chart2 li {
list-style-type: none;
display:inline-block;
text-align:center;
font-weight:bold;
font-size:24px;
color:#fff;
width:50%;
margin:0px;
padding:16px 0px 16px 0px;
background-color:#c06;
}

.mseqc_chart2 li:last-child {
background-color:#09f;
float:right;
}

.mseqc_chart3 {
display: table;
width:100%;
background-color:#f90;
}

.mseqc_chart3 li {
list-style-type: none;
display: table-cell;
text-align:center;
font-weight:bold;
font-size:18px;
color:#fff;
padding:16px 10px 16px 10px;
width:33%;
}

.mseqc_chart3 li:nth-child(even) {
background-color:#393;
}

.mod-tbl {
max-width: 950px;
overflow: auto;
table-layout: fixed;
}

.mod-tbl > tbody th {
white-space:nowrap;
}
.mod-tbl td {
width:20%;
}

.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 140px;
  margin: auto;
  padding: .5em 0;
  border-radius: 2px;
  background: #009e8f;
  color: #fff;
  font-size: 1.0rem;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
  box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.grad-btn::after {
  content: "続きを読む"
}
.grad-btn:hover {
  background: #fff;
  color: #009e8f;
}
.grad-btn .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 80px;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 0px; /*グラデーションで隠す範囲*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {
  display: none;
}
.grad-trigger:checked ~ .grad-btn {
  bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {
  content: "閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {
  transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
display: none;
}

.search{
padding:0px;
width:100%;
display:table;
text-align:left;
}

.search span {
padding:10px;
vertical-align:top;
}

.search_item {
display:table-cell;
margin:5px;
cursor:pointer;
border:1px solid #999;
width:calc(100% / 3 - 36px);
}

.search_item.is-active {
color: white;
background-color:#000;
}

.search_item:hover {
background-color:#cff;
color:#000;
}

.search-box_label {
font-weight: bold;
}

.search_list {
display:block;
width:100%;
text-align:left;
padding:0px;
margin:0px;
}

.search_list li {
list-style-type: none;
}

.list_item {
position: relative;
display:inline-block;
background-color:#eee;
width:calc(100% / 3.04);
margin:0px;
margin-bottom:10px;
vertical-align:top;
height: 240px;
overflow: hidden;
color:#000;
}
.list_artist {
position: relative;
display:inline-block;
background-color:#333;
width:calc(100% / 3.06);
margin:0px;
margin-bottom:10px;
vertical-align:top;
height: 450px;
overflow: hidden;
color:#fff;
border:1px solid #999;
}
.search_list a:hover {
filter: brightness(1.2);
}

.morelink {
font-weight:bold;
width:calc(100% / 3.04 - 20px);
display:inline-block;
color:#00f;
cursor:pointer;
he ight: 220px;
background-color:#eee;
padding:10px;
}

.list_item_catttl {
display:inline-block;
background-color:#146;
}
.list_ttl,
.list_subttl {
display:block;
width:calc(100% - 12px);
font-weight:bold;
hei ght:3em;
padding:6px;
}
.list_ttl {
back ground-color:#f30;
color:#fff;
}
.list_subttl {
word-break: break-all;
backgro und-color:#000;
colo r:#fff;
}
.list_artist_subttl {
display:block;
width:calc(100% - 12px);
margin:6px;
word-break: break-all;
}

.cut1 {
position: relative;
width: 100%;
height: 150px;
}
.cut2 {
position: relative;
width: 100%;
height: 300px;
}
.list_item_img { /*縦150px横640px*/
wi dth:100%;
he ight:150px;
margin-bottom:0px;
position: absolute;
clip: rect(0px, 640px, 150px, 0px);
margin-left: -0px;
margin-top: -0px;
}
.list_artist_img { /*縦150px横640px*/
width: 100%;
}

.is-hide {
display: none;
}

.img50_left {
max-width:46%;
float:left;
margin:0px 1% 20px 0px;
}

.img50_right {
float:right;
max-width:46%;
margin:0px 0px 20px 1%;
}

.mp100 {
margin-top:-120px;
padding-top:120px;
display:inline-block;
}

.video-wrap {
position: relative;
width:100%;
display:inline-block;
bord er:2px solid #f00;
}
.video-wrap > center {
width:100%;
position: absolute;
margin:0;
padding:0;
color: white;
font-weight: bold;
font-size:3em;
text-align:center;
text-shadow: 1px 1px 1px #000;
top:30%;
left:0;
font-fam ily: 'Sawarabi Mincho';
backgro und-color:rgba(70,100,180,0.7);
}

.video-wrap > video {
width:100%;
}
.video-wrap > p {
}
.kome {
font-size:12px;
vertical-align: super;
}
.release_date {
font-size:20px;
font-weight:bold;
color:#ff0;
}
.ttl2 {
font-weight:bold;
color:#f30;
}
.img_right {
float:right;
margin-left:10px;
}

.topimg {
display:none;
}

.txt_caption {
display:block;
margin-bottom:-24px;
}

.clickhere {
display:inline-block;
padding:4px 6px;
margin:6px;
background-color:#eee;
border-radius:4px;
border:1px solid #999;
font-weight:bold;
color:#00f;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc));
background-image: -webkit-linear-gradient(#fff, #ccc);
background-image: linear-gradient(#fff, #ccc);
}

.clickhere:hover {
color:#c0f;
}

.ab3_movie {
position: relative;
padding-bottom: 56.25%;
}

.ab3_movie > iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.bgbk {
background-color:#000;
color:#fff;
}

.bluettl_mv20 {
margin:20px 0px 10px 0px;
display:block;
font-weight:bold;
color:#36f;
font-size:18px;
}

.nike_sec {
display:inline-block;
border-bottom:1px dotted;
margin-bottom:20px;
}

.nike_sec dt {
font-weight:bold;
color:#f90;
}

.nike_sec dt::before {
content: '\f04b';
font-family: 'FontAwesome';
margin-right: 6px;
}

.nike_sec dd {
margin-left:20px;
margin-bottom:20px;
}


/* チャットレイアウト */
.chat-box {
width: 100%;
height: auto;
overflow: hidden;
margin-bottom: 20px;
}
.chat-face {
float: left;
margin-right: -120px;
}
.chat-face_right {
float: right;
margin-left: -120px;
}
.chat-face img,
.chat-face_right img {
border-radius: 30px;
border: 1px solid #ccc;
box-shadow: 0 0 4px #ddd;
}
.chat-area {
width: 100%;
}
.chat-area_right {
width: 100%;
float: right;
}
.chat-hukidashi,
.chat-hukidashi_right {
display: inline-block;
padding: 15px 20px;
margin-top: 8px;
border-radius: 10px;
position: relative;
text-align:left;
}
.chat-hukidashi {
margin-left: 120px;
background-color: #D9F0FF;
border: 2px solid #ccf;
}
.chat-hukidashi_right {
margin-right: 120px;
background-color: #BCF5A9;
border: 2px solid #8c8;
float:right;
}
.chat-hukidashi:before,
.chat-hukidashi_right::before{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
top: 20px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.chat-hukidashi:before {
left: -15px;
border-right: 15px solid #ccf;
}
.chat-hukidashi_right::before{
right: -15px;
border-left: 15px solid #8c8;
}
.chat-hukidashi::after,
.chat-hukidashi_right::after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
top: 20px;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}
.chat-hukidashi::after{
left: -12px;
border-right: 15px solid #D9F0FF;
}
.chat-hukidashi_right::after{
right: -12px;
border-left: 15px solid #BCF5A9;
}

.artist_info {
text-align:left;
font-size:14px;
}

.mailad {
vertical-align: middle;
}

.artist_ttl01 {
font-size:1.5em;
}

.mgb-30 {
margin-bottom:-20px;
}

.artist_new {
position: absolute;
top:10;
left:10;
color:#ff0;
font-weight: bold;
text-shadow: 1px 1px 1px #000;
}

.bglightgray {
padding:10px;
background-color:#ccc;
}

.left30 {
display:inline-block;
width:30%;
min-width:160px;
}


.right70 {
display:inline-block;
flo at:right;
width:calc(70% - 30px);
margin-right:10px;
vertical-align:top;
}

.img100_max240 {
width:100%;
max-width:240px;
margin:0 auto;
display:block;
}

.camp3070 {
width:calc(100% - 40px);
display:inline-block;
background-color:#000;
margin-bottom:30px;
padding:20px;
border:1px dotted #fff;
}
.camptable3070 {
width:calc(100% - 40px);
display:table;
background-color:#ddd;
margin-bottom:30px;
padding:20px;
border:1px dotted #000;
}
.camptable3070 > .left30 {
width:96%;
}
.camptable3070 > .right70 {
width:70%;
display:table-cell;
vertical-align:middle;
}
.ml-20 {
margin-left:-50px;
}


@media screen and (max-width:1023px),print {
/*　画面サイズが1023px以下はここを読み込む　*/
.test {
color:#f00;
}

.conts_menu li {
font-size:13px;
margin-top:4px;
}

.inner {
max-width:950px;
width:96%;
}

.head950 {
margin-left:10px;
margin-right:10px;
}

.description {
margin:0px 10px;
}

.main_image {
width:calc(100% + 20px);
margin-left:-10px;
margin-bottom:30px;
}

.main_image2 {
width:calc(100% + 20px);
margin-left:-10px;
margin-bottom:0px;
}

.top_banner {
width:calc(100% + 20px);
margin-left:-10px;
}

.product_breadcrumb {
font-size: 80%;
width:96%;
position: relative;
margin: 0px auto;
margin-top:-13px;
margin-bottom:3px;
}

.twitter_btn {
display:block;
float:right;
margin-left:10px;
margin-top:-1px;
}

.green_btn,
.blue_btn,
.purple_btn,
.orange_btn,
.gray_btn,
.go2amazon {
font-size:1.0em;
}

.product_inner {
width:98%;
}

/* BuyNowボタン*/
#BuyNow3 {
display:none;
}




}

@media screen and (max-width:900px) {
/*　画面サイズが900px以下はここを読み込む　*/
.test {
color:#0f0;
}

.product_logo {
max-height:45px;
}
.con ts_menu {
font-size:15px;
margin-top:8px;
}
.conts_menu {
font-size:16px;
margin:5px 0px;
}

.green_btn,
.blue_btn,
.purple_btn,
.orange_btn,
.gray_btn,
.go2amazon {
font-size:1.1em;
width:96%;
}

.products_txt {
width:calc(66% - 10px);
min-height:10;
padding:0px;
margin-bottom:20px;
}

.img_max240_l {
margin-bottom:20px;
}

.search_item {
width:calc(100% / 2 - 36px);
}

.list_item {
width:calc(100% / 2.02);
}
.list_artist {
width:calc(100% / 2.03);
height:auto;
}
.list_artist_img { /*縦150px横640px*/
width:100%;
}


.video-wrap > center {
top:25%;
font-size:2.7em;
}

.fss_btn > li {
width:100%;
}
.fss_btn > li:last-child {
clear: both;
}


}


@media screen and (max-width:810px) {
/*　画面サイズが800px以下はここを読み込む　*/
.prod uct_logo {
max-height:37px;
}
.con ts_menu {
font-size:14px;
margin-top:8px;
}

}


@media screen and (max-width:767px) {
/*　画面サイズが767px以下はここを読み込む　*/
.produ ct_logo {
max-height:45px;
}
.co nts_menu {
font-size:16px;
margin:5px 0px;
}


.video-wrap {
top:32px;
}
.video-wrap > center {
}


.campany_logo {
height:23px;
padding:12px 0px 6px 0px;
}

#region_switch,
.header_link {
display:none;
}

.go_home {
display:block;
margin:4px 36px 0px 0px;
}

.go_home a {
color:#fff;
}

.go_home a:hover {
color:#f00;
}

.index_image1 center {
font-size:1.8em;
}

.top_caution {
font-size:1em;
padding:15px;
}

.index_image3 {
}

.mseqc_free {
display:inline-block;
}

.mseqc_free_subttl_sp {
display:inline-block;
margin-bottom:20px;
}

.mseqc_free_subttl_pc {
display:none;
}

.mseqc_free_left,
.mseqc_free_right {
width:100%;
min-width:100px;
}

.mseqc_free_right {
margin-top:0px;
}

.mseqc_free_ui {
width:100%;
}

.more_btn {
padding:6px 10px;
}

.p roduct_logo {
height:28px;
padding:6px 0px 2px 0px;
}

.partner_box {
margin-left:0;
width:calc(94% - 20px);
}

.product_breadcrumb {
display:none;
}

.product_inner {
width:98%;
}

.products_main_image {
max-width:96%;
padding:0px;
margin:30px 0px;
}


.product_ttl1 {
font-size:2em;
margin:20px;
display:block;
}

.specs_table {
width:100%;
text-align:left;
margin-bottom:20px;
border-bottom:1px solid #666;
}

.specs_table > dt {
font-size:1.0em;
display:inline-block;
width:100%;
float:left;
border-bottom:1px dotted #666;
border-top:none;
padding:10px 4px;
background-color:#ccc;
color:#000;
}

.specs_table > dd {
display:inline-block;
width:100%;
margin:0px;
padding:6px 4px 20px 4px;
border-top:none;
}

.menu-container {
position: absolute;
top: 52px;
}

.product_inner {
margin-top:32px;
padding-top:2px;
}

.p3 {
display:block;
width:100%;
padding:0px;
border-bottom:1px dotted #666;
}

.p3 ul {
border-bottom:none;
margin:40px 0px 0px 0px;
background-color:#036;
padding:10px;
}

.p3 li {
display:block;
width:calc(100% - 20px);
margin:0px;
padding:10px;
border-top:1px dotted #666;
font-size:12px;
}

.p3 li::after {
content: "\f105";
font-family: FontAwesome;
float:right;
font-size:18px;
font-weight:bold;
vertical-align:middle;
}

.table_5050_cell,
.table_5050_noborder_cell {
width:96%;
margin-bottom:20px;
}

.table_5050_cellr,
.table_5050_noborder_cellr {
width:96%;
float:left;
}

.table_3070 {
display:block;
margin-bottom:20px;
border-bottom:1px solid #666;
}

.table_3070 dt {
display:inline-block;
width:calc(100% - 20px);
padding:4px 10px 4px 10px;
border-bottom:1px solid #666;
}

.table_3070 dd {
display:block;
padding:4px 10px 4px 10px;
background-color:#000;
color:#fff;
margin-left:0px;
margin-bottom:0px;
border-left:none;
}


.table_3070 dd li {
margin-left:20px;
}

.topimg {
display:block;
width:100%;
text-align:center;
}
.topvideo {
display:none;
}

}


@media screen and (max-width:710px) {
/*　画面サイズが710px以下はここを読み込む　*/

.video-wrap > center {
font-size:2.3em;
}

.conts_menu {
margin-top:5px;
}

.menubase {
height: 40px;
padding-bottom:8px;
}

.banner img {
width:calc(98% / 3);
max-width:244px;
margin:0px;
}

.fa-4x {
display:none;
}

.top_caution {
padding:6px 10px;
}

.table2 dd {
width:96%;
}

.box2 {
margin-bottom:20px;
}

.anc_btn {
display:block;
width:96%;
}

.anc_btn dt {
display:inline-block;
width:25%;
}

.thum_100 {
width:100%;
}

.anc_btn dd {
display:inline-block;
text-align:left;
vertical-align:top;
margin:0px 0px 0px 10px;
width:calc(75% - 16px);
}

.anc_btn dd li {
list-style-type: none;
border:1px solid #666;
padding:6px;
margin:4px 0px;
font-weight:bold;
font-size:14px;
background-color:#cff;
}

.anc_btn dd li::after {
content: "\f0a9";
font-family: FontAwesome;
float:right;
padding-top:4px;
color:#999;
}
.list_artist {
width:100%;
height:auto;
}
.list_artist_img { /*縦150px横640px*/
width:35%;
float:left;
margin-right: 10px;
}


}

@media screen and (max-width:665px) {
/*　画面サイズが665px以下はここを読み込む　*/

.video-wrap > center {
font-size:2em;
}


.conts_menu {
margin-top:5px;
}

.banner img {
width:224px;
display:inline;
margin:calc(1% / 3);
}

.index_image1 center {
font-size:1.5em;
}


.index_image2 p {
top: 70%;
}

.index_image3 {
}

.more_btn {
font-size:0.8em;
top: 70%;
}


}

@media screen and (max-width:640px) {
/*　画面サイズが640px以下はここを読み込む　*/

.menubase {
height: 34px;
padding-bottom:8px;
}

.fixed {
position:fixed;
}

.main_image {
margin-bottom:0px;
}

.index_image3 {
}

.box2 {
max-width:300px;
width:98%;
margin:0px 0px 20px 0px;
}

.top_banner {
margin-top:-4px;
}

h1 {
font-size:2rem;
line-height:3.5rem;
}

.os_icon34 {
width:23px;
margin:0px 6px;
}

.purchase_box {
width:100%;
display:block;
float:left;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px dotted #999;
}

.format_table {
width:100%;
margin-bottom:30px;
}

.form_table {
display:block;
width:100%;
border-bottom:1px solid #666666;
border-right:1px solid #666666;
position: relative;
margin: 0px auto;
}

.form_table dt {
display:block;
width:calc(100% - 20px);
padding:4px 10px 4px 10px;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
font-weight:bold;
margin-bottom:10px;
background-color:#ccccff;
}

.form_table dd {
display:block;
padding:4px 20px 4px 20px;
margin-left:0px;
background-color:#ffffff;
border-left:none;
}

.form_table INPUT {
width:100%;
}

.sns {
margin-top:-1px;
padding-top:16px;
border-top:1px solid #666;
border-bottom:1px solid #666;
background-color:#000;
}


.list_item {
width:100%;
height:auto;
}

.left30 {
text-align:center;
width:100%;
margin-bottom:20px;
}
.left30 > img {
width:200px;
}
.camptable3070 > .right70,
.right70 {
width:100%;
margin-right:10px;
float:left;
}



}

@media screen and (max-width:480px) {
/*　画面サイズが480px以下はここを読み込む　*/


.video-wrap > center {
font-size:1.3em;
}


.index_image1 center {
font-size:1em;
}

.index_image2 p {
top: 60%;
left:10%;
}

.more_btn {
font-size:0.8em;
padding:0px 10px;
}

.index_image1 p {
top:25%;
left:5%;
}

.top_caution {
padding:4px;
font-size:0.8em;
}

.coupon{
padding:7px 10px;
font-size:14px;
white-space: nowrap;
}

.mseqc_chart3 li {
font-size:16px;
}

.product_ttl2 {
font-size:1.5em;
margin:20px 0px;
padding:20px 0px;
display:block;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
}

.green_btn,
.blue_btn,
.purple_btn,
.orange_btn,
.gray_btn,
.go2amazon {
font-size:0.9em;
width:96%;
padding:16px 0px;
}


.table100 {
}

.img_max240_w100 {
width: 100%;
}

.fss_caption {
width: 100%;
}

.fss_box50,
.fss_box50r {
display:inline-block;
width:96%;
padding:10px;
vertical-align:top;
margin-bottom:20px;
}
.fss_box50r {
float:left;
}


.fss_btn{
text-align:center;
}



}