/**
 * Theme Name: Aroma
 * Theme URI: http://www.wp-flat.com
 * Author: NetBusinessAgent
 * Author URI: http://www.nb-a.jp
 * Description: Aroma is a free WordPress theme for business.
 * Version: 10.2.5
 * License: GNU General Public License
 * License URI: license.txt
 * Text Domain: aroma
 * Domain Path: /languages/
 * Tags: white, two-column, left-sidebar, microformats, responsive-layout,  custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, sticky-post, theme-options, threaded-comments
 */
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);

* {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}
body {
	background: #fff;
	color: #000;
	font-size: 14px;
	line-height: 1.8;
	margin: 0!important;
	padding: 0!important;
}

header, footer, nav, section, article, figure, aside, main {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-size: 100%;
	font-weight: normal;
	margin: 0 0 20px;
	padding: 0;
}

h2 {
	margin: 40px 0 20px 0;
}
h3, h4, h5, h6 {
	margin: 30px 0 10px 0;
}
p, ul, ol, dl, table, pre {
	margin: 20px 0 0;
	padding: 0;
}
li, dt, dd {
	margin: 0;
	padding: 0;
}
dd {
	margin-left: 1em;
}

/**
 * img
 */
img {
	border: none;
	vertical-align: text-bottom;
}
table img {
	vertical-align: bottom;
}

/**
 * ul
 */
ul li {
	margin-left: 30px;
	padding-left: 5px;
	list-style:none;
}

/**
 * ol
 */
ol li {
	margin-left: 30px;
}

/**
 * table
 
table {
	font-size: 100%;
	padding: 0;
}
th {
	font-weight: normal;
}
th, td {
	padding: 0;
	text-align: left;
}
td span{
	font-size:70%;
}
	
table ul,
table ol,
table dl,
table table,
table p {
	margin-top: 0;
}
*/
/**
 * form
 */
button,
input,
select,
textarea {
	box-sizing: border-box;
	max-width: 100%;
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: baseline; /* Improves appearance and consistency in all browsers */
	*vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type "input" and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	font-size: 12px;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
	-webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
	-webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top; /* Improves readability and alignment in all browsers */
}

/**
 * blockquote
 */
blockquote {
	border-left: #eee solid 5px;
	margin: 0.5em 0 0.5em 20px;
	padding: 0 0 0 20px;
}

/**
 * pre
 */
pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	max-width: 100%;
	overflow: auto;
	padding: 15px;
}

/**
 * abbr, acronym
 */
abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

/**
 * sup, sub
 */
sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}

/**
 * .wp-caption
 */
.wp-caption {
	border: none;
	text-align: left;
	background-color: transparent;
	margin-top: 20px;
	border-radius: 0;
	max-width: 100%;
}
.wp-caption-text {
	margin-top: 5px;
	font-size: 85%;
	line-height: 1.4;
	text-align: left;
}
.gallery-caption {
}

/**
 * Alignment
 */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/**
 * .sticky ( Sticky Posts )
 * Setting by layout.css
 */
.sticky {
}

/**
 * .bypostauthor
 */
.bypostauthor {
}

/**
 * .error etc
 */
.error,
.require,
.attention {
	color: #b70000;
}
.clear {
clear:both;
}

/* 追加CSS
============================================================================================================ */
/* トップページ
============================================================================================================ */
#metaslider_container_2446 { margin-bottom:-50px; }
div.cont02Box dt {
padding-bottom:5px;
border-bottom:1px solid #000;
}
@media only screen and (min-width: 768px){
div.cont02Box img {
float:left;
margin-bottom:10px;
margin-right:15px;
}
div.cont02Box dl {
}
div.cont02Box p {
}
}
div.cont02Box dd {
padding-top:5px;
margin-left:0px;
}
.m2mList {
float:left;
color:#b6b6b6;
margin-right:10px;
}
a:hover img {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
p.moreBtn {
clear:both;
text-align:center;
border:2px solid #000;
}
p.moreBtn a {
display:block;
}
p.moreBtn a:hover {
background:#000;
color:#fff;
}

p.moreBtn2 {
color:#fff;
text-align:center;
border:2px solid #fff;
}
p.moreBtn2 a {
display:block;
}
p.moreBtn a:hover {
background:#000;
color:#fff;
}

@media screen and (max-width: 400px)  {
div.widget_text h2 {
font-size:26px;
}
section.full-back h1 {
font-size:30px;
}
div.widget_aroma_recent_entries_widget h2 {
font-size:30px;
font-weight:400;
}
}
.newProduct_l{
width:100%;
margin-bottom:30px;
}
.newProduct_l h2, h3 {
line-height:1.4;
font-size:22px;
margin:0;
padding:0 10px;
}
.newProduct_l p.t{
padding:0 10px;
}
.newProduct_r{
width:50%;
float:left;
}
.newProduct_r h2, h3 {
line-height:1.4;
font-size:22px;
margin:0;
padding:0 10px;
}
.newProduct_r p.t{
padding:0 10px;
}
@media screen and (max-width: 400px)  {
.newProduct_l {
width:100%;
float:none;
}
.newProduct_r {
width:100%;
float:none;
}
}


/* 下層ページ共通タイトル
============================================================================================================ */
h2.titH2 {
	position:relative;
	margin:0px 10px 0 0;
	padding:0px 10px 0 50px;
	color:#181818;
	z-index:1;
}
h2.titH2 span {
margin-left:7px;
}
h2.titH2:before{
	content:" ";
	position:absolute;
	top:14px;
	left:0;
	width:40px;
	height:40px;
	border-right:#fff solid 2px;
	background:#013d98;
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(            rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.0)), 
            color-stop(0.20, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.1)), 
            color-stop(0.40, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.3)), 
            color-stop(0.60, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.5)), 
            color-stop(0.80, rgba(255, 255, 255, 0.6)), 
            to(              rgba(255, 255, 255, 0.6))
            );
    background-image: -webkit-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -moz-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: -o-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
    background-image: linear-gradient(to bottom,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%, 
            rgba(255, 255, 255, 0.1) 40%, 
            rgba(255, 255, 255, 0.3) 40%, 
            rgba(255, 255, 255, 0.3) 60%, 
            rgba(255, 255, 255, 0.5) 60%, 
            rgba(255, 255, 255, 0.5) 80%, 
            rgba(255, 255, 255, 0.6) 80%, 
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}
h2.titH2:after{
	content:" ";
	position:absolute;
	top:14px;
	left:0;
	width:40px;
	height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}
h3.titH3 {
border-left:2px solid #dd1144;
border-bottom:1px solid #ececec;
padding-left:15px;
}
h4.titH4 {
	padding: .20em 0 .20em .50em;
	border-top: 1px solid #003690;
	border-bottom: 1px solid #003690;
	background:#f7f7f7;
}

/* 企業情報
============================================================================================================ */
.tit10 {
font-size:150%;
line-height:1.6;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体";
}
@media screen and (max-width: 400px)  {
.tit10 {
font-size:130%;
}
}
.tit10_1 {
font-size:150%;
line-height:1.6;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体";
}
@media screen and (max-width: 400px)  {
.tit10_1 {
font-size:120%;
}
}
.tit11 {
font-size:130%;
line-height:1.6;
font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体";
}
.accessmap {
width:100%;
height:400px;
}

/* サポート
============================================================================================================ */
div.supportBox {
text-align:center;
	color:#FFF;
	background:#2056ad;
	padding-top:30px;
}
div.supportBox div {
	background:#f6f6f6;
	color:#000;	
	display: block;
}
div.supportBox div h5 {
margin-bottom:0px;
padding-bottom:0px;
margin-top:0px;
padding-top:0px;
}
div.supportBox div p {
margin-bottom:0px;
padding-bottom:10px;
margin-top:0px;
padding-top:0px;
padding-left:15px;
padding-right:15px;
}


/* ドライバーダウンロード
--------------------------------------------------------*/
ul.download {
margin:0 0 0 0px;
padding:0;
}
p.download {
	margin:0;
	margin-bottom:5px;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
p.download a {
	display:block;
	font-size:12px;
	color:#FFF;
	padding:3px 20px 2px 16px;
}
p.download span {
font-size:10px;
}
@media screen and (max-width: 400px)  {
p.download {
	font-size:12px;
}
}
table.footable td span {
font-size:10px;
}

/* Q&A
--------------------------------------------------------*/
p.q_text {
font-weight:bold;
margin-bottom:-10px;
}
p.q_text span{
padding:2px 8px 4px;
background:#1e73be;
color:#fff;
margin-right:7px;
}
p.a_text {
margin-bottom:15px;
}
p.a_text span{
padding:2px 8px 4px;
background:#dd3333;
color:#fff;
margin-right:7px;
}
p.q_text span.font_s01 {
background:none;
color:#000;
margin-right:0px;
font-size:80%;
font-weight:bold;
padding:0px;
}
p.a_text span.font_s01 {
background:none;
color:#000;
margin-right:0px;
font-size:80%;
font-weight:normal;
padding:0px;
}
div.rtbs_content ul li {
margin-left:-20px;
}
@media screen and (max-width: 400px)  {
div.rtbs_content ul li {
margin-left:-30px;
}
}

/* 販売終了品
--------------------------------------------------------*/
ul.d_list {
}
ul.d_list li {
float:left;
width:28%;
margin-bottom:10px;
}
ul.d_list li span{
font-size:10px;
}
@media screen and (max-width: 400px)  {
ul.d_list li {
float:none;
width:100%;
margin-bottom:10px;
}
}

/* 用語集
--------------------------------------------------------*/
ul.wordList {
margin-left:-80px;
}
ul.discontinuedList li {
width:20%;
float:left;
}
ul.discontinuedList li a:link {
text-decoration:underline;
}
p.word {
background-image: url("../../../images/support/glossary/triangle.gif");
background-repeat: no-repeat;
background-position: 0px 12px;
font-weight:bold;
padding:0 0 0 11px;
margin:0;
}
p.sub {
padding:0 0 0 11px;
margin:0 0 15px;  
}
.rtbs_content {
padding-left:-30px;
}



/* 商品詳細
============================================================================================================ */
.colh01 {
color:#ff8a22;
}
.colh02 {
color:#001f6a;
color:#0648a1;
}
.colh03 {
}
#item_d {
	font-family: "Noto Sans Japanese", sans-serif;
	font-weight: 100;
}

#item_d h1 {
	font-size:600%;
	margin:0;
	padding:0;
	line-height:1.0;
	font-weight: 600;
	margin-left:-5px;
}
p.category {
	margin:0;
	padding:0;
	margin-bottom:20px;
}
p.p_number {
	margin:0;
	margin-bottom:20px;
	padding:0 0 20px;
	font-size:150%;
	font-weight: 300;
	border-bottom:1px solid #999;
	color:#ef7000;
}
#item_d h2 {
	font-weight: 600;
	line-height:1.2;
	padding:0;
	margin-top:0px;
	margin-bottom:20px;
	margin-left:-4px;
}
#item_d h3 {
	font-weight: 300;
	line-height:1.3;
	margin:0;
	padding:0;
	font-size:120%;
}
h1.proTitle {
	font-weight: 100;
	text-align:center;
	margin-bottom:-30px;
	color:#c5ad6c;	
}
p.proTitle_s {
	color:#c5ad6c;
}
ul.btn li {
	display:inline-table;
	margin-left:10px;
	margin-bottom:10px;
	font-size:110%;
	line-height:2.2;
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
}
ul.btn li a {
	display:block;
	color:#FFF !important;
	padding:0px 20px 0px 16px;
}
.co01 {
	background:#036;
}
.co02 {
	background:#ff871b;
}
.co03 {
background:#b30206;
}
#table{
	width: 98%;
	border-collapse: collapse;
}
#table td,
#table th{
	text-align:left;
	padding: 5px 10px;
	border: 1px solid #ccc;
}
#table td span {
	font-size:70%;
}
#table td strong {
	font-size:120%;
}
#table th{
	font-weight: bold;
}
#table thead th{
}

@media only screen and (max-width:800px){
#table{
		display: block;
		padding:0 10px;
		border:none;
}
#table thead{
		display: none;
}
#table tbody{
		display: block;
}
#table tbody tr{
		display: block;
		margin-bottom: 1.5em;
}
#table tbody th,
#table tbody td{
		display: list-item;
		border: none;
}
#table tbody td{ margin-left:10px; }
#table tbody th{
		margin-bottom: 5px;
		list-style-type: none;
		padding-left:10px;
		color: #fff;
		background: #000;
}
#table tbody td{
		margin-left: 20px;
		padding: 0 0 5px;
}

}

/* Button 3a */
.btn-3a {
	padding: 25px 60px 25px 120px;
}

.btn-3a:before {
	background: rgba(0,0,0,0.05);
}
.color-3 {
	background: #fcd04b;
}
.youtube_h { height:220px; width:100%; }
@media only screen and (max-width:800px){
.youtube_h { height:340px;  width:80%; }
}
@media only screen and (max-width:400px){
.youtube_h { height:200px;  width:100%; }
}

/* 採用情報
============================================================================================================ */
div.btn_r {
	border-radius: 6px;		/* CSS3草案 */
	-webkit-border-radius: 6px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;	/* Firefox用 */
	padding:10px;
	background:#2056ad;
	color:#fff;
}
div.btn_r p {
line-height:1.6;
margin-top:0px;
}
div.btn_r p.line {
padding-bottom:7px;
margin-bottom:7px;
border-bottom:1px solid #fff;
}
div.btn_r a {
display:block;
color:#fff;
}

/* What's M2M
============================================================================================================ */
div.m2mBox01 {
margin-bottom: 50px;
clear: both;
}
div.m2mBox01 img {
position:absolute;
}
div.m2mBox01 h4, div.m2mBox01 p {
margin-left:320px;
}
@media screen and (max-width: 480px)  {
div.m2mBox01 img {
position:relative;
width:100%;
}
div.m2mBox01 h4, div.m2mBox01 p {
margin-left:0px;
}
}

/* 共通
============================================================================================================ */
.text_c {
text-align:center;
}
.text_r {
text-align:right;
}
.line {
 border-bottom:1px dotted #ccc;
}
.col01 {
color:#e00005;
}
.col02 {
color:#ff6786;
}
.inline {
display:inline-block;
clear:both;
}
.font_s {
font-size:12px;
line-height:1.6;
}
.font_l {
font-size:80%;
}
.f_b {
font-weight:bold;
}
.ph_L {
float:left;
margin-right:15px;
margin-bottom:15px;
}
@media screen and (max-width: 480px)  {
.ph_L {
float:none;
margin-bottom:15px;
}
}
dl.m2mBox02 dd{
margin-left:0px;
}

/* margin
============================================================================================================ */

.mb {margin-bottom: 1.2em !important;}
.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb07 {margin-bottom: 7px !important;}
.mb08 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb150 {margin-bottom: 150px !important;}

.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt08 {margin-top: 8px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt280 {margin-top: 270px !important;}
.mt150 {margin-top: 300px !important;}
.ml13 {margin-left: 13px !important;}

/* padding
============================================================================================================ */

.pb00 {padding-bottom: 0 !important;}
.pb05 {padding-bottom: 5px !important;}
.pb08 {padding-bottom: 8px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb45 {padding-bottom: 45px !important;}
.pb50 {padding-bottom: 50px !important;}

.pt00 {padding-top: 0px !important;}
.pt03 {padding-top: 3px !important;}
.pt05 {padding-top: 5px !important;}
.pt08 {padding-top: 8px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt45 {padding-top: 45px !important;}
.pt50 {padding-top: 50px !important;}
.pt150 {padding-top: 150px !important;}


/* 160216 add */
ul.btn > li.ec_link > a {
color: #000 !important;
}

/* 161019 add */
span.btn-blue {
	background: #036 !important;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.btn-blue a {
	color: #fff;
}

/* 161109 add */
.itemSarch .searchform-input-wrapper input {
    width: auto;
}
.itemSarch .searchform-label {
    display: block;
    float: left;
    font-family: sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    overflow: hidden;
    padding-top: 4px;
    width:20%;
}
.itemSarch .searchform-input-wrapper {
    display: block;
    float: left;
    text-align: left;
    width:80%;
}
.searchform-input-wrapper .radio-button-wrapper { display:inline-block; margin-right:35px;}
.searchform-input-wrapper label { text-align:left;}
.searchform-input-wrapper .radio-button-wrapper input {
    float: none;
}
.itemSarch .searchform-param {
    clear: left;
}
.itemSarch .searchform-controls {
    clear: left;
    text-align: right;
}
.itemSarch .searchform-spoiler {
    margin: 5px;
    text-align: center;
    width: 100%;
}

/* 170104 k_okudera add */
@media screen and (max-width: 780px) {
	div.col-xs-3[id*="barcode-product-category-"] {
		width: 50%;
		min-width: 240px;
	}
}

@media screen and (max-width: 536px) {
	div.col-xs-3[id*="barcode-product-category-"] {
		width: 100%;
	}
}
/* */ 

/* del k_okudera 180514 [[[
@media screen and (max-width: 1240px) {
  .product-list-item {
    width: 29% !important;
  }
}

@media screen and (max-width: 980px) {
  .product-list-item {
    width: 29% !important;
  }
}

@media screen and (max-width: 780px) {
  .product-list-item {
    width: 45% !important;
    max-width: 45% !important;
  }
}

@media screen and (max-width: 616px) {
  .product-list-item {
    width: 95% !important;
    max-width: 95% !important;
  }
}
]]] */