@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

header, footer, header div, header span, header object, header iframe,
h1, header h2, header h3, header h4, header h5, header h6, header p, header blockquote, header pre,
abbr, header address, header cite, header code,
del, header dfn, header em, header img, header ins, header kbd, header q, header samp,
small, header strong, header sub, header sup, header var,
b, header i,
dl, header dt, header dd, header ol, header ul, header li,
fieldset, header form, header label, header legend,
table, header caption, header tbody, header tfoot, header thead, header tr, header th, header td,
article, header aside, header canvas, header details, header figcaption, header figure,
header hgroup, header menu, header nav, header section, header summary,
time, header mark, header audio, header video,
footer div, footer span, footer object, footer iframe,
h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer p, footer blockquote, footer pre,
abbr, footer address, footer cite, footer code,
del, footer dfn, footer em, footer img, footer ins, footer kbd, footer q, footer samp,
small, footer strong, footer sub, footer sup, footer var,
b, footer i,
dl, footer dt, footer dd, footer ol, footer ul, footer li,
fieldset, footer form, footer label, footer legend,
table, footer caption, footer tbody, footer tfoot, footer thead, footer tr, footer th, footer td,
article, footer aside, footer canvas, footer details, footer figcaption, footer figure,  
footer hgroup, footer menu, footer nav, footer section, footer summary,
time, footer mark, footer audio, footer video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 14px;
	vertical-align:baseline;
	background:transparent;
    font-family: 'Noto Sans Japanese','源ノ角ゴシック Regular','源ノ角ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header, footer {
	line-height:1;
	-webkit-text-size-adjust: none;
}

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

header ul, footer ul {
	list-style:none;
}

header blockquote, header q,
footer blockquote, footer q {
	quotes:none;
}

header blockquote:before, header blockquote:after,
header q:before, header q:after,
footer blockquote:before, footer blockquote:after,
footer q:before, footer q:after {
	content:'';
	content:none;
}

header a, footer a {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
}

header img, footer img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
	width: auto;
}

/* change colours to suit your needs */
header ins, footer ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
header mark, footer mark {
	background-color:#ff9;
	color:#000; 
	font-style:italic;
	font-weight:bold;
}

header del, footer del  {
	text-decoration: line-through;
}

header abbr[title], header dfn[title],
footer abbr[title], footer dfn[title] {
	border-bottom:1px dotted inherit;
	cursor:help;
}

header table, footer table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
header hr, footer hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

header small, footer small {
	font-size: 12px;
}

header input, header select,
footer input, footer select {
	vertical-align:middle;
    font-size: 14px;
    font-family: 'Noto Sans Japanese','源ノ角ゴシック Regular','源ノ角ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 共通 */

header, footer {
	color:#404040;
	background:#ffffff;
	font-size: 12px;
	line-height:1.5;
	font-family: 'Noto Sans Japanese','源ノ角ゴシック Regular','源ノ角ゴシック',"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width: 320px;
}

header input[type=text], header input[type=password], header textarea, header select,
footer input[type=text], footer input[type=password], footer textarea, footer select{
	border:1px solid #959595;
	min-height:20px;
}
header input[type=text], header input[type=password], header textarea,
footer input[type=text], footer input[type=password], footer textarea{
	padding:0 2px;
}


header a, header a:link, header a:visited,
footer a, footer a:link, footer a:visited {
	text-decoration: none;
	color: #333;
}
footer a, footer a:link,
footer a:visited, footer a:active, footer a:hover {
        color: #fff;
}

/* 文字サイズ */
.large_ {
	font-size: 16px;
}
.xlarge_ {
	font-size: 18px;
}
.small_ {
	font-size: 12px;
}
.xsmall_ {
	font-size: 10px;
}
/**/

.leftfloat_ {
	float: left;
}
.rightfloat_ {
	float: left;
}
.clear_ {
	clear: both!important;
}
.lefttext_ {
	text-align: left;
}
.righttext_ {
	text-align: right;
}
.centertext_ {
	text-align: center;
}
sup {
    font-size: 0.65em;
    padding: 0 0.1em;
    vertical-align: super;
}
/* 特定メッセージ（インライン） */
.error_ {
	color:#CC0000;
	font-size: 14px;
}
.notice_ {
	color:#993300;
}
.info_ {
	font-weight:bold;
}
/**/

/* 特定メッセージ（ブロック） */
div.error_, table.error_ {
	background-color:#ffffff;
	border:solid 1px #ff5500;
	padding:4px;
	margin:4px 0;
}
div.notice_, table.notice_ {
	background-color:#ffffff;
	border:solid 1px #996666;
	padding:4px;
	margin:4px 0;
}
div.info_, table.info_ {
	background-color:#ffffff;
	border:solid 1px #666666;
	padding:4px;
	margin:4px 0;
}
ul.error_ {
	margin-left: 16px;
}
.box_ {
	padding: 0 10px 10px;
}
/**/

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

/* 入力フォーム */
.hidden_ {
	display: none;
}
li.title_ {
	background-color: #e5f3ff;
	border-left: 5px solid #e5f3ff;
	padding: 1px 10px;
	margin-top: 3px;
}

.input_must_ input, .input_must_ textarea, .input_must_ select {
	background-color: #ffebeb;
}

li.must_ {
	border-left: 5px solid #ff6666;
}

span.must_ {
	color: #ffc0cb;
	background-color: #ffc0cb;
	padding: 0 2px;
}

.hiddenEnter_ {
	width:0;
	height:0;
}

/**/

/* ボタン */
.button_ {
	color: #fff;
}

.large_button_ {
	width: 100%;
	font-size: 16px;
	text-align: center;
	margin:5px 0;
	padding: 5px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}
.large_button_s_ {
	width: 100%;
	font-size: 14px;
	text-align: center;
	margin:5px 0;
	padding: 7px 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}

.small_button_ {
	font-size: 14px;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 2px #999;
	-webkit-box-shadow: 0 1px 2px #999;
	box-shadow: 0 1px 2px #999;
}

.auto_small_button_ {
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.orange_button_ {
	-moz-text-shadow: 0 -1px 1px #F66;
	-webkit-text-shadow: 0 -1px 1px #F66;
	text-shadow: 0 -1px 1px #F66;
	background: #FF6A00 -moz-linear-gradient(top,#FF9900,#FF6A00);
	background: #FF6A00 -webkit-gradient(linear,left top,left bottom,from(#FF9900),to(#FF6A00));
	background: #FF6A00 linear-gradient(top,#FF9900,#FF6A00);
	border: 2px solid #FF9900;
}

.blue_button_ {
	-moz-text-shadow: 0 -1px 1px #003381;
	-webkit-text-shadow: 0 -1px 1px #003381;
	text-shadow: 0 -1px 1px #003381;
	background: #003381 -moz-linear-gradient(top,#006AB8,#003381);
	background: #003381 -webkit-gradient(linear,left top,left bottom,from(#006AB8),to(#003381));
	background: #003381 linear-gradient(top,#006AB8,#003381);
	border: 2px solid #006AB8;
}

.green_button_ {
	background: #40a956 -moz-linear-gradient(top,#9ce2a9,#40a956);
	background: #40a956 -webkit-gradient(linear,left top,left bottom,from(#9ce2a9),to(#40a956));
}

.gray_button_ {
	background-color:#999;
	background: -moz-linear-gradient(top,#ccc,#999);
	background: -webkit-gradient(linear,left top,left bottom,from(#ccc),to(#999));
}

.black_button_ {
	background-color:#000;
	background: -moz-linear-gradient(top,#999,#000);
	background: -webkit-gradient(linear,left top,left bottom,from(#999),to(#000));
}
/**/

.common_headline1_ {
	margin: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #00377F;
}

.common_headline2_ {
	margin-bottom: 10px;
	padding: 10px 10px;
	clear: both;
	text-shadow: 0 -1px 1px #999;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background: #DFDFDF -moz-linear-gradient(top, #FFF, #DFDFDF);
	background: #DFDFDF -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#DFDFDF));
	background: #DFDFDF linear-gradient(top, #FFF, #DFDFDF);
}
.common_headline3_ {
	margin-bottom: 5px;
	padding: 5px;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

/* 価格表示 */
.price_pop_ {
	color:#CC0000;
	font-size: 12px;
}
.price_ {
	color:#CC0000;
	font-weight:bold;
}


/* --------------------------------------------------------------------
	共通ヘッダー
-------------------------------------------------------------------- */
.pane-header .cm-header.pc-cm-header,
.pane-header .header-detail.pc-cm-header{display: none;}

header {
	top: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	z-index: 100;
	-webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.16));
			filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.16));
}
header.is-fixed {
	position: fixed;
}
header .header_top_ {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
}
header .header_top_ #sitelogo {
	margin: 0 0 0 0;
	-moz-box-flex: 0;
	-webkit-box-flex: 0;
	box-flex: 0;
	vertical-align: middle;
}
header .header_top_ #welcomeMessage{
	padding: 10px 0 0 0;
	text-align: right;
	font-size: 12px;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
	vertical-align: middle;
}
header nav#globalnav {
	clear: both;
	color: #FFF;
	width: 100%;
	overflow: hidden;
	background: #003881 -moz-linear-gradient(top, #0068B6, #003881);
	background: #003881 -webkit-gradient(linear, left top, left bottom, from(#0068B6), to(#003881));
	background: #003881 linear-gradient(top, #0068B6, #003881);
	border-top: #80B4DB;
	border-bottom: #4E77A6;
}
header nav#globalnav a {
	color: #FFF;
	text-decoration: none;
}
header nav#globalnav ul {
	display: -moz-box;
	display: -webkit-box;
	display: box;
	width: 100%;
}
header nav#globalnav ul li {
	text-align: center;
	-moz-box-flex: 1;
	-webkit-box-flex: 1;
	box-flex: 1;
}
header nav#globalnav ul li a {
	padding: 15px 0;
	display: block;
	text-shadow: 0 -1px 1px #00004B;
	font-weight: bold;
	border-left: 1px solid #003B80;
	border-right: 1px solid #0052A5;
	background: #003881 -moz-linear-gradient(top, #0068B6, #003881);
	background: #003881 -webkit-gradient(linear, left top, left bottom, from(#0068B6), to(#003881));
	background: #003881 linear-gradient(top, #0068B6, #003881);
}

/* --------------------------------------------------------------------
	検索フォーム
-------------------------------------------------------------------- */
form.search_form_ {
	margin-bottom: 10px;
	padding: 10px 95px 10px 10px;
	position: relative;
	background: #F0F0F0;
	-moz-box-shadow: #333 0 10px 10px -10px inset;
	-webkit-box-shadow: #333 0 10px 10px -10px inset;
	box-shadow: #333 0 10px 10px -10px inset;
}

form.search_form_ input.keyword_{
	padding: 5px 0;
	height: 20px;
	font-size: 16px;
	width: 100%;
	text-indent: 5px;
	border: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: #999 0 0 1px 1px inset;
	-webkit-box-shadow: #999 0 0 1px 1px inset;
	box-shadow: #999 0 0 1px 1px inset;
}
form.search_form_ .placeholder_ {
	position: absolute;
	top: 15px;
	left: 15px;
	color: #999;
}
form.search_form_ .search_button_ {
	display: block;
	position: absolute;
	top: 5px;
	right: 10px;
	padding: 0;
	font-size: 16px;
	width: 80px;
	height: 30px;
}

dl.goodssearch_ dd input[type="input"],
dl.goodssearch_ dd textarea,
dl.goodssearch_ dd select {
	max-width: 95%;
}

/* --------------------------------------------------------------------
	共通フッター
-------------------------------------------------------------------- */
ul.buttons_ {
	padding: 10px 0;
	text-align: center;
	width: 100%;
	overflow: hidden;
	background: #F0F0F0;
	border-top: 1px solid #CCC;
}
ul.buttons_ li {
	display: inline;
	text-align: center;
}
ul.buttons_ li a {
}
ul.buttons_ li a img {
	vertical-align: middle;
}
footer {
	padding-top: 20px;
}

.change_mode_ {
	height:30px;
	margin:10px;
    text-align:center;
	line-height:30px;
	overflow:hidden;
}
.change_mode_ span {
	width:48%;
	height:30px;
	margin:0 auto;
    text-align:center;
	font-weight:bold;
	line-height:30px;
	display:block;
	color:#eeeeee;
	float:right;
	background:#d3d3d3;
}
.change_mode_ a {
	width:48%;
	height:30px;
	margin:0 auto;
    text-align:center;
	font-weight:bold;
	line-height:30px;
	display:block;
	color:#ffffff !important;
	float:left;
	background:#3fbf0d;
	text-decoration:none;
}


footer nav#footernav {
}
footer nav#footernav ul li {
	margin-bottom: 10px;
	display: inline-block;
	white-space: nowrap;
}
footer nav#footernav ul li img {
	vertical-align: central;
}
footer #copyright {
	padding: 10px;
	display: block;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #CCC;
}


/* --------------------------------------------------------------------
	トップページ
-------------------------------------------------------------------- */
div.flash_ctrl_ {
	white-space:nowrap;
	text-align:right;

	float:right; /* */
}
div.search_ {
	white-space:nowrap;
}

img.top_banner_ {
	max-width: 100%;
}

/* --------------------------------------------------------------------
	ログイン
-------------------------------------------------------------------- */
div.login_ {
}

div.login_ div.loginform_ {
	margin-bottom: 10px;
}

div.login_ div.loginform_ div.form_text_ {
	margin: 5px 0;
}
div.login_ div.askpass_ {
	margin:10px auto;
}
.login-list {
	overflow:hidden;
	text-align:left;
	border-top:1px solid #9fb7d4;
	margin-bottom: 10px;
}
.login-list li.inputimage_ {
	width:100%;
}
.login-list li.inputimage_ a {
	display:block;
	padding-left:50px;
	height:43px;
	line-height:43px;
	border-bottom:1px solid #9fb7d4;
	color:#000;
	background-repeat:no-repeat;
	background-position:5px 50%;
}

/* --------------------------------------------------------------------
	新規会員登録
-------------------------------------------------------------------- */
.agreebody_ {
	margin: 0 10px 10px;
	padding: 4px;
	border: 1px solid #999999;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
}

div.customer_ table.customer_, 
div.customer_ table.customerconfirm_ {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #cccccc;
}
div.customer_ table.customer_ th, 
div.customer_ table.customerconfirm_ th {
	width: 30%;
	background-color: #e5f3ff;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
div.customer_ table.customer_ td, 
div.customer_ table.customerconfirm_ td {
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}

/* --------------------------------------------------------------------
	マイページ
-------------------------------------------------------------------- */

div.customer_status_ {
	margin: 0 10px 10px;
	padding: 5px;
	background:#F8F8F8;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
div.customer_name_ {
}
.loginname_ {
}
.mypoint_ {
}
.point_ {
	font-weight: bold;
}

#mypagenav {
	margin-bottom: 10px;
}
#mypagenav li {
	border-bottom: 1px solid #CCC;
}
#mypagenav li:first-child {
	border-top: 1px solid #CCC;
}
#mypagenav li a {
	display: block;
	padding: 5px 25px 5px 10px;
	text-decoration: none;
	background: url(https://jp.omsystem.com/img/usr/link_mypage.png) right center no-repeat;
}
#mypagenav li img {
	margin-right: 5px;
	width: 40px;
	vertical-align: middle;
}
#mypagenav #dest_change a {
	cursor: pointer;
	background: url(https://jp.omsystem.com/img/usr/link_mypage.png) right center no-repeat;
}
#mypagenav #dest_change ul#destnav {
}
#mypagenav #dest_change ul#destnav li {
}
#mypagenav #dest_change ul#destnav li:last-child {
	border-bottom: none;
}
#mypagenav #dest_change ul#destnav li a {
	padding-left: 30px;
	background: #F0F0F0 url(https://jp.omsystem.com/img/usr/link_dest.png) right center no-repeat;
}

/* 担当者情報 */
div.staff_ {
	padding: 4px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	margin-bottom: 10px;
	background-color:#ffbfbf;
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
}
div.staff_ div.staff_head_ {
	width: 100%;
	overflow: hidden;
}
div.staff_ div.staff_head_ h2 {
	float: left;
	display: inline;
	line-height:1.1;
	font-weight: bold;
	padding-left: 4px;
	padding-bottom: 4px;
}
div.staff_ div.staff_info_ {
	background: url(https://jp.omsystem.com/img/usr/topiclist.png) 5px 9px no-repeat;
	padding: 5px 5px 5px 15px;
	overflow: hidden;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	background-color:#ffffff;
}

/* トピック一覧 */
div.mymenu_topic_ {
	margin-bottom: 10px;
	padding: 5px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	background-color:#eeeeee;
	-webkit-box-shadow:2px 2px 3px rgba(0,0,0,0.5);
}
div.mymenu_topic_ .topiclist_head_ {
	overflow: hidden;
}
div.mymenu_topic_ .topiclist_head_ h2 {
	float: left;
	display: inline;
	line-height:
	line-height:1.1;
	font-weight: normal;
	text-shadow: 1px 1px 2px #ccc;
	padding-left: 4px;
	padding-bottom: 4px;
}
div.mymenu_topic_ .topiclist_head_ .rss_ {
	float: right;
	display: inline;
	text-align: right;
}
div.mymenu_topic_ .topiclist_body_ {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	background-color:#ffffff;
	padding: 2px;
}
div.mymenu_topic_ div.topiclist_ ul.topicline_ {
	margin: 0;
	padding: 0;
}
div.mymenu_topic_ ul.topicline_ li {
	border-bottom: 1px dotted #cccccc;
	background: url(https://jp.omsystem.com/img/usr/topiclist.png) 5px 9px no-repeat;
	padding: 2px 0px 2px 15px;
}
div.mymenu_topic_ ul.topicline_ li:last-child {
	border-bottom-style: none
}
div.mymenu_topic_ ul.topicline_ li.img_ {
	padding: 5px 0;
	background: none;
}

.customer_ {
	margin-bottom: 10px;
}

.customer_ p {
}

.submit_ {
	margin: 0 10px 20px;
	text-align: center;
}
.submit_ input {
	vertical-align: top;
}

/* --------------------------------------------------------------------
	マイページ　法人会員一覧　カード情報確認
-------------------------------------------------------------------- */
div.customer_ table.bizuserlist_,
div.customer_ table.cardlist_ {
	width: 100%;
	margin: 5px 0;
	border: 1px solid #cccccc;
}
div.customer_ table.bizuserlist_ th,
div.customer_ table.cardlist_ th {
	width: 30%;
	background-color: #e5f3ff;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	padding: 3px;
	text-align: left;
	vertical-align: middle;
	font-weight: normal;
}
div.customer_ table.bizuserlist_ td,
div.customer_ table.cardlist_ td {
	border-bottom: 1px solid #cccccc;
	padding: 3px;
}

/* --------------------------------------------------------------------
	マイページ　購入履歴、見積履歴、法人別購入履歴、法人別見積履歴、承認、法人別承認
-------------------------------------------------------------------- */
div.customer_ .method_addr_ {
	padding: 5px;
	border: 1px solid #CCCCCC;
	margin: 0 0 10px;
}
div.customer_ .destgoodslist_ {
	margin-bottom: 10px;
}
div.sales_info_ {
	margin: 0 10px 10px;
}
table.order_ th,
table.sales_ th,
table.method_ th,
table.purchase_ th,
table.ship_ th,
table.approval_ap_user_ th,
table.historydetail_ th
{
	text-align: left;
	border: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	width: 40%;
	font-weight: normal;
	padding: 3px;
	white-space: nowrap;
}
table.order_ td,
table.sales_ td,
table.method_ td,
table.purchase_ td,
table.ship_ td,
table.approval_ap_user_ td,
table.historydetail_ td
{
	border: 1px solid #CCCCCC;
	border-left: none;
	padding: 3px;
}
table.order_ td.nocell_,
table.sales_ td.nocell_,
table.method_ td.nocell_,
table.purchase_ td.nocell_,
table.ship_ td.nocell_,
table.approval_ap_user_ td.nocell_ {
	border: none !important;
}
table.order_ {
}
table.sales_,
table.method_ {
}
table.sales_ td,
table.method_ td {
	text-align: right;
}
table.purchase_ {
	margin-bottom: 10px;
	width: 100%;
}
table.purchase_ th{
	width: 22%;
}
table.ship_ {
	margin: 0 0 10px;
	width: 100%;
}
table.ship_ th{
}

/* 購入履歴 */
div.history_table_ {
	margin: 0 10px;
}
table.history_ {
	margin: 0 0 10px;
	width: 100%;
	border: 1px solid #CCCCCC;
	border-bottom: none;
}
table.history_ td {
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
}
table.history_ th {
	background-color: #F8F8F8;
	vertical-align: middle;
	width: 35%;
	font-weight: normal;
	text-align: left;
	padding: 1px 5px;
	border-bottom: 1px solid #CCCCCC;
	white-space: nowrap;
}
table.history_ td.order_dt_ {
}
table.history_ td.order_id_ {
}
table.history_ td.order_detail_ {
	padding: 0px;
}
table.history_ td.order_detail_ ul {
	width: 100%;
}
table.history_ td.order_detail_ ul li {
	list-style: none;
	border-bottom: 1px dotted #CCCCCC;
}
table.history_ td.order_detail_ ul li div.name_ {
	margin: 5px;
}
table.history_ td.order_detail_ .order_again_ {
	margin: 5px;
}
table.history_ td.order_detail_ .order_again_ span {
	padding: 5px;
	display: inline-block;
	text-align: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	-webkit-box-shadow: 0 1px 1px #ccc;
	-moz-box-shadow: 0 1px 1px #ccc;
	border: 1px solid #CCCCCC;
	background-color: #f6f6f6;
	background: #DFDFDF -moz-linear-gradient(top,#FFF,#DFDFDF);
	background: #DFDFDF -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#DFDFDF));
	background: #DFDFDF linear-gradient(top,#FFF,#DFDFDF);
}
table.history_ td.status_ {
	padding-top: 5px;
}
table.history_ td.status_ img {
	width: 160px;
}
table.history_ td.total_ {
	font-size: 16px;
}
div.historydetail_ {
	width: 100%;
	margin: 10px 0;
	text-align: center;
}

/**/
div.estimate_box_content_ {
	margin-left:10px;
	margin-bottom:10px;
}
table.formlist_ td.cancel_{
	background-color: #f6f6f6;
}
table.destgoodslist_ {
	width: 100%;
	margin-bottom: 10px;
}
table.destgoodslist_ th.name_, table.destgoodslist_ td.name_{
}
table.destgoodslist_ th.qty_, table.destgoodslist_ td.qty_{
}
table.destgoodslist_ th.gift_spec_, table.destgoodslist_ td.gift_spec_{
}
table.destgoodslist_ th.cancel_dt_, table.destgoodslist_ td.cancel_dt_{
}
table.destgoodslist_ td.cancel_dt_{
	color: #cc0000;
}

div.processimage_{
	margin: 0 10px 10px;
	text-align: center;
}
div.processimage_ img {
	max-width: 320px;
	width: 100%;
}

/* 法人購入履歴検索 法人承認検索 */
dl.bizsearch_,
dl.bizapproval_,
dl.doapproval_ {
}
dl.bizsearch_ dt, dl.bizsearch_ dd,
dl.bizapproval_ dt, dl.bizapproval_ dd,
dl.doapproval_ dt, dl.doapproval_ dd {
	display: block;
	white-space: nowrap;
}
dl.bizsearch_ dt,
dl.bizapproval_ dt,
dl.doapproval_ dt{
	margin-left: 0;
}
dl.bizsearch_ dd,
dl.bizapproval_ dd,
dl.doapproval_ dd {
	margin-left: 5px;
}
/**/

/* 承認 */
div.approval_ table th {
	white-space: nowrap;
}
div.approval_ table td.total_ {
	text-align:right;
}

div.approval_ table.approvallist_.approval_r_ td { 
	background-color:#fffff0;
}
div.approval_ table.approvallist_.approval_target_ td {
	
}
div.approval_ table.approvallist_.approval_1st_ok_ td {
	background-color:#fffff0;
}
div.approval_ table.approvallist_.approval_ng_ td {
	background-color:#ffefec;
}
div.approval_ table.approvallist_.approval_sales_ok_ td {
}
div.approval_ table.approvallist_.approval_sales_ng_ td {
	background-color:#f3f3f3;
}
table.approval_cart_ {
	width: 100%;
}
table.approval_cart_ tr.linespace_ {
	border-style: none;
}
table.approval_cart_ tr.linespace_ td {
	border-style: none;
	height: 10px;
}
table.approval_cart_ .goods_name_ {
	width: auto;
}
table.approval_cart_ td.money_ {
	text-align:right;
	width: 80px;
}
table.approval_cart_ td.money_ ul {
	width: 100%;
}
table.approval_cart_ li.money_ {
	white-space:nowrap;
	text-align:right;
	width: 80px;
}
table.approval_cart_ li.qty_ {
	white-space:nowrap;
	text-align:right;
	width: 80px;
}
table.approval_cart_ td.button_ {
	text-align: center;
	width: 66px;
}
table.approval_cart_ td.total_ {
	text-align:right;
}
table.approval_cart_ td.cancel_dt_ {
	color: #cc0000;
	font-weight: bold;
	width: 66px;
}
table.approval_cart_ .qty_ input {
}
td.reapproval_ {
	background-color:#ffffe0;
}
.doapproval_ {
	background-color:#ffffe0;
}

table.approval_comment_ {
	width: 100%;
}
table.approval_comment_ td {
	border-style:none;
	padding: 3px;
}
table.approval_comment_ th {
	padding: 3px;
	text-align: left;
}

table.approval_purchase_,
table.approval_date_,
table.approval_approval_,
table.approval_ap_user_,
table.approval_cart_ {
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid #CCCCCC;
}
table.approval_purchase_ th,
table.approval_date_ th,
table.approval_approval_ th,
table.approval_ap_user_ th {
	width: 30%;
	white-space: nowrap;
	background-color: #e5f3ff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
	font-weight: normal;
	text-align: left;
}
table.approval_purchase_ td,
table.approval_date_ td,
table.approval_approval_ td,
table.approval_ap_user_ td,
table.approval_cart_ td {
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
}
table.approval_cart_ th {
	white-space: nowrap;
	background-color: #e5f3ff;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	padding: 3px;
	font-weight: normal;
	text-align: left;
}

table.approvallist_ input, table.approvallist_ textarea,
table.approval_comment_ input, table.approval_comment_ textarea {
	width: 100%;
}

/* 商品一覧 */
table.approval_ {
	text-align:left;
	margin-bottom: 10px;
}
table.approval_ {
	border: 1px solid #CCCCCC;
}

table.approval_ td {
	padding: 3px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table.approval_ .goods_ {
	width: 20%;
}
table.approval_ .name_ {
}
table.approval_ .qty_ {
	width: 16%;
	text-align: right;
}
table.approval_ .amt_ {
	width: 20%;
	text-align: right;
}
table.approval_ .money_ {
	width: 20%;
	text-align: right;
}
table.approval_ th {
	text-align: left;
	white-space:nowrap;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #e5f3ff;
	padding: 3px;
}

/* --------------------------------------------------------------------
	マイページ　お気に入り
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_ {
	margin: 0 10px 10px;
}
div.customer_ li.bookmark_item_ {
	padding: 10px 0;
	vertical-align: top;
	display: table;
	width: 100%;
	border-bottom: 1px dotted #CCC;
}
div.customer_ li.bookmark_item_:first-child {
	border-top: 1px dotted #CCC;
}


li.bookmark_item_ div.cartgoods_ {
	padding: 5px;
	display: inline;
	width: 20px;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.img_ {
	padding: 5px;
	display: inline;
	overflow: hidden;
	width: 100px;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.img_ img {
	width: 100px;
}
li.bookmark_item_ div.desc_ {
	padding: 5px;
	width: auto;
	display: table-cell;
	vertical-align: top;
}
li.bookmark_item_ div.name_ {
	display: inline;
}
li.bookmark_item_ div.spec_ {
	margin-bottom: 10px;
}

li.bookmark_item_ .edit_memo_ {
	margin-top: 5px;
	font-weight: bold;
}
li.bookmark_item_ .comment_ {
	margin-bottom: 10px;
	width: 100%;
}
li.bookmark_item_ .comment_ textarea {
	width: 100%;
}
div.customer_  div.del_ {
	text-align: right;
}
div.bookmark_ {
	width: 100%;
}
table.bookmark_ {
	width: 100%;
	margin-bottom: 10px;
	border: 1px solid #cccccc;
	border-bottom: none;
}
table.bookmark_ td.form_ {
	text-align: left;
	border-bottom: 1px solid #cccccc;
	background-color: #e5f3ff;
}
table.bookmark_ td.form_ p.input_title_ input {
	width: 95%;
}
table.bookmark_ td.img_ {
	padding: 5px;
	width: 60px;
	border-bottom: 1px solid #cccccc;
}
table.bookmark_ td.img_ img {
	width: 50px;
}
table.bookmark_ td.name_ {
	padding: 5px;
	border-bottom: 1px solid #cccccc;
	vertical-align: top;
}
/* --------------------------------------------------------------------
	マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
	margin-bottom: 10px;
}
div.contact_ ul.contactlist_ li {
	border-bottom: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li:first-child {
	border-top: 1px solid #CCC;
}
div.contact_ ul.contactlist_ li a {
	padding: 10px;
	display:block;
	text-decoration: none;
	background: url(https://jp.omsystem.com/img/usr/link_mypage.png) right center no-repeat;
}
div.contact_ table.detaillistline_ {
	border: dotted 1px;
	margin:2px auto;
}
/* お問合せ詳細 */
.contactdetail_title_ {
	margin-bottom: 10px;
	width: 100%;
	overflow: hidden;
}
.contactdetail_title_ .subject_ {
}
.contactdetail_title_ .date_ {
	margin-left: 10px;
	float: left;
}
.contactdetail_title_ .id_ {
	margin-right: 10px;
	float: right;
}
div.goods_info_ {
	margin: 0 10px 10px;
}
/* スレッド */
div.contactlist_ {
	margin: 0 10px 10px;
}
div.contactlist_ .contactlist_order_id_ {
	margin: 0 0 0 20px;
}
div.contactlist_ .contactlist_goods_ {
	margin: 0 0 0 20px;
}
dl.contactlist_line_ {
	margin-bottom: 10px;
	padding: 5px;
	overflow: hidden;
	background: #F0F0F0;
	border: 1px solid #CCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
dl.contactlist_line_ .contactlist_head_ {
	width: 100%;
	overflow: hidden;
}
dl.contactlist_line_ .contactlist_head_ .name_ {
	padding: 5px;
	float: left;
	display: inline;
	font-weight: bold;
	width: 40%;
}
dl.contactlist_line_ .contactlist_head_ .updt_ {
	padding: 5px;
	float: right;
	display: inline;
	text-align: right;
	width: 40%;
}
dl.contactlist_line_ .comment_ {
	padding: 10px;
	background: #FFF;
}
.contact_reform_comment_ {
	margin: 0 10px 10px;
	padding: 10px;
	border: 1px solid #CCC;
}

/* --------------------------------------------------------------------
	カート画面
-------------------------------------------------------------------- */

div.cartlist_ {
}
div.order_flow_ {
	text-align: center;
	margin:0 10px 10px;

}
div.order_flow_ img {
	width: 100%;
	max-width:660px;
}

table.cartlist_ {
	margin: 0 auto;
	width: 100%;
	border-top: 1px solid #CCCCCC;
}
table.cartlist_ tr.list_ {
	border-bottom: 1px solid #CCCCCC;
}
table.cartlist_ td {
	padding: 5px;
}
table.cartlist_ td.img_ {
	width: 52px;
}
table.cartlist_ td.img_ img {
	width: 48px;
}
table.cartlist_ td.name_ {
	width: 80%;
	vertical-align: top;
}
table.cartlist_ td.name_ .name1_ {
	font-weight: bold;
}
table.cartlist_ td.name_ .name2_ {
	font-size: 12px;
}
table.cartlist_ td.price_box_ {
	vertical-align: top;
	text-align:right;
	width:90px;
}
table.cartlist_ td.money_ {
	width:90px;
	text-align:right;
}
table.cartlist_ .price_box_ li.money_ {
	width:90px;
	text-align:right;
	padding: 2px;
}
table.cartlist_ .price_box_ li.qty_ {
	text-align:right;
	width:90px;
	padding: 2px;
}
table.cartlist_ td.button_ {
	vertical-align: middle;
	text-align: center;
	width: 64px;
}
table.cartlist_ td.total_ {
	text-align:right;
}
table.cartlist_ .qty_ input {
	text-align: right;
}

input.calc_ {
	width:0px;
	height:0px;
}

div.postage_comment_ {
	padding: 5px 5px 0 5px;
	margin: 5px 0 0 auto;
	text-align: right;
	font-weight: bold;
	color: #ff0000;
}

div.postage_comment2_ {
	padding: 0 5px 0 5px;
	margin: 0 0 0 auto;
	text-align: right;
	color: #ff0000;
}


/* --------------------------------------------------------------------
	ご注文方法の指定
-------------------------------------------------------------------- */

div.order_ {
}

/* ご注文主（ログイン時） */
div.method_host_ {
}

div.method_host_ div.host_info_ {
	margin: 0 10px 10px;
	padding: 5px;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.method_host_ .host_name_ {
	padding-bottom: 5px;
}
div.method_host_ address {
	padding: 10px;
	background: #FFF;
	font-style: normal;
}
table.method_host_ {
	margin-bottom: 20px;
	width: 100%;
}
tr#host_mail input,
tr#host_cmail input,
tr#host_addr input,
tr#host_addr2 input,
tr#host_addr3 input,
tr#host_comp input,
tr#host_dept input {
	width: 300px;
}

/**/
/* 送り主（ログイン時） */
div.method_sender_ {
	margin-bottom: 10px;
}
div.method_sender_ div.sender_info_ {
	margin-bottom: 5px;
	padding-left: 10px;
}
div.sender_change_ {
	padding: 5px;
	margin: 0 10px 10px 10px;
	background: #F0F0F0;
	border: 1px solid #CCC;
	width: auto;
}
div.method_sender_ ul.method_sender_ {
	width: 90%;
	padding-left: 20px;
}
/**/
/* 宛て先（ログイン時） */
div.method_address_ {
}
div.addresslist_ {
}
div.address_item_ {
	margin: 0 10px 10px;
	padding: 5px;
	background: #F0F0F0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
div.address_item_ .address_title_ {
	padding-bottom: 5px;
}
div.address_item_ .dest_disp address {
	padding: 10px;
	background: #FFF;
	font-style: normal;
}
div.address_item_ .address_change_ {
	margin-top: 5px;
	text-align: right;
}
div.address_bottom_ {
	padding: 0 10px;
	text-align: right;
}
div.address_bottom_ input {
	margin-bottom: 10px;
}
/**/
/* 配送方法 */
div.method_box_ {
}
div.method_box_ h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 16px;
	font-weight: bold;
	background: #F0F0F0;
}
div.method_box_ div.method_box_content_ {
	padding: 0 10px 10px;
}
div.method_box_ div.method_box_content_ input[type="radio"] {
	padding: 5px 0;
	display: inline-block;
	vertical-align: baseline;
}
div.method_box_ div.method_box_content_ label {
	padding: 5px 0;
	margin-right: 20px;
	display: inline-block;
}

/**/
/* 配送希望日時指定 */
#method_date dl {
	margin: 0 0 10px 0;
}
#method_date dl dt {
	margin-bottom: 5px;
	float: left;
	display: inline;
	font-weight: bold;
}
#method_date dl dd {
	margin-left: 8em;
	margin-bottom: 5px;
}
/**/
/* ポイント */
.currentpoint_ {
	margin-bottom: 10px;
}
div.point_use_ {
	margin-bottom: 10px;
	padding: 10px;
	background: #F8F8F8;
	border: 1px solid #CCC;
}
/**/

/* --------------------------------------------------------------------
	ご注文内容の確認
-------------------------------------------------------------------- */
div.spandual_ {
}
div.spandual_ table {
	width: 100%;
}

/* ご注文の商品 */
table.estimate_ {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
	width: 100%;
}
table.estimate_ th{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	padding: 3px;
	font-weight: normal;
	text-align:left;
}
table.estimate_ td{
	padding: 3px;
}
table.estimate_ td textarea {
	max-width: 95%
}
table.estimate_.sales_,
table.estimate_method_ {
	border-top: 1px solid #CCCCCC;
}
table.estimate_.sales_ th,
table.estimate_method_ th {
	width: 40%;
	text-align: left;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	white-space:nowrap;
	background-color: #F8F8F8;
	padding: 3px;
}
table.estimate_.sales_ td,
table.estimate_method_ td {
	width: 60%;
	padding: 3px;
	text-align: right;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
table.estimate_.sales_ td.nocell_ {
	border: none !important;
}

/* 商品一覧 */
table.goodslist_ {
	text-align:left;
}
table.goodslist_ {
	border: 1px solid #CCCCCC;
}

table.goodslist_ td {
	padding: 3px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table.goodslist_ .goods_ {
	width: 20%;
}
table.goodslist_ .name_ {
}
table.goodslist_ .qty_ {
	width: 16%;
	text-align: right;
}
table.goodslist_ .amt_ {
	width: 20%;
	text-align: right;
}
table.goodslist_ .money_ {
	width: 20%;
	text-align: right;
}
table.goodslist_ th, table.goodslist_ .title_ {
	text-align: left;
	white-space:nowrap;
	font-weight: normal;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	padding: 3px;
}
/* 配送情報 */
table.host_, table.sender_ {
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}
table.host_ th, table.sender_ th{
	border-bottom: 1px solid #CCCCCC;
	background-color: #F8F8F8;
	padding: 3px;
	font-weight: normal;
	text-align:left;
}
table.host_ td, table.sender_ td{
	padding: 3px;
}

div.order_ .method_addr_ {
	margin: 0 10px 10px;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	border: 5px solid #F0F0F0;
}

table.card_,
table.convinience_{
	width: 100%;
}
table.card_ label {
	margin: 0 20px 0 5px;
}
table.convinience_ th {
	width: 16em;
}

/* お支払い方法 */
div.order_ table.estimate_method_ {
}
div.order_ table.estimate_method_ th {
	width:40%;
	text-align:left;
	background-color: #F8F8F8;
	font-weight: normal;
}
div.order_ table.estimate_method_ td {
	width:60%;
	text-align:right;
}
div.order_ table.method_gift_ {
	border:none;
}
div.order_ div.method_gift_ .gift_comment_ {
	margin-bottom: 10px;
}
div.order_ div.method_gift_ input[type="radio"],
div.order_ div.method_gift_ label {
	padding: 5px 0;
	display: inline-block;
}
div.order_ div.method_gift_ label {
	margin-right: 20px;
}
div.order_ div.method_gift_ p.comment_{
	margin: 5px 0 10px 0;
}
div.order_ table.method_gift_ td {
	border:none;
}
div.estimate_card_form_ {
}


/* お届け先 */
div.order_ table.dest_ {
	width:100%;
}
div.destgoodslist_ {
	padding: 0 10px 10px;
}
table.destgoodslist_ {
	width:100%;
}
table.destgoodslist_ {
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
table.destgoodslist_ th {
	width: 30%;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 3px;
	background-color: #F8F8F8;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	white-space:nowrap;
}
table.destgoodslist_ td {
	border-top: 1px solid #CCCCCC;
	vertical-align: top;
	padding: 3px;
}
table.destgoodslist_ span.img_s_ {
	float: left;
	width: 20%;
}
table.destgoodslist_ span.img_s_ img {
	width: 46px;
}
table.destgoodslist_ span.name_ {
}
table.destgoodslist_ th.method_gift_, table.destgoodslist_ th.dest_comment_{
	text-align: left;
}
table.destgoodslist_ td.method_comment_detail_ input, table.destgoodslist_ td.method_comment_detail_ textarea {
	width: 95%;
}
table.destgoodslist_ td.method_qty_ , td.dest_qty_{
}
table.destgoodslist_ td.sublist_{
	margin: 0;
	padding: 0;
}
table.destgoodslist_ input[type="text"], table.destgoodslist_ textarea {
	width: 95%;
}
table.approval_purchase_ th {
	border-right-style: none;
	background-color: #e5f3ff;
	font-weight: normal;
	text-align: left;
}
div.order_ ul.card_ {
	padding: 3px;
}

/* order method.aspx */
div.order_ table.method_ {
	width: 100%;
}

/*配送先*/
div.order_ .method_method_ {
	text-align:left;
}
/* order order.aspx */
div.order_ table.order_ {
	width: 100%;
	margin: 0 auto 10px auto;
	padding: 3px;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
div.order_ table.order_ td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
div.order_ table.order_ th {
	width: 25%;
	background-color: #F8F8F8;
	font-weight: normal;
	text-align: left;
}


/* カードで支払う */
div.order_ table.formdetailcard_ {
	margin-bottom: 10px;
	padding: 3px;
}
div.order_ table.formdetailcard_ th {
	width: 12em;
	background-color: #e5f3ff;
	font-weight: normal;
	text-align: left;
}
div.order_ dl.card_ dd input[type="radio"] {
	padding: 5px 0;
	display: inline-block;
	vertical-align: baseline;
}
div.order_ dl.card_ dd label {
	padding: 5px 0;
	margin-right: 20px;
	display: inline-block;
}

/* コメント */
.order_ dl.formdetail_.estimate_ textarea{
	max-width: 95%;
}


/* --------------------------------------------------------------------
	商品紹介ページ
-------------------------------------------------------------------- */
div.intro_box_{
	margin-bottom: 10px;
}
div.intro_box_ table {
	width: 100%;
}
div.intro_box_ table.intro_address_ {
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}
div.intro_box_ table th {
	font-weight: normal;
	text-align: left;
	background-color: #e5f3ff;
	padding: 3px;
}
div.intro_box_ table td  {
	padding: 3px;
}
div.intro_box_ table td.title_  {
	width: 24%;
}
div.intro_box_ table.intro_address_ .even td  {
	background-color: #ffffe0;
}
.mail_ input  {
	width: 95%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}


/* --------------------------------------------------------------------
	テーブル系
-------------------------------------------------------------------- */
dl.formdetail_ {
	margin:0 10px;
	border:1px solid #CCC;
	margin-bottom:10px;
}
div.box_ dl.formdetail_ {
	margin-left: 0;
	margin-right: 0;
}
dl.formdetail_ dt {
	padding:2px 2px 2px 6px;
	background-color: #F0F0F0;
}
dl.formdetail_ dt img.must_ {
	margin-left: 5px;
	vertical-align: middle;
}
dl.formdetail_ dd {
	padding:2px 2px 2px 12px;
}
dl.formdetail_ dd input[type="input"],
dl.formdetail_ dd textarea,
dl.formdetail_ dd select {
	max-width: 95%;
}
/* --------------------------------------------------------------------
	ヘッダー
-------------------------------------------------------------------- */
.pane-header .cm-header-wrap {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px 15px;
  position: relative;
  background-color: #fff;
}
.pane-header.is-active .cm-header-wrap {
  background-color: #000;
}

.pane-header .header-menu-ico {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
}

.pane-header .header-logo {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: -10px;
  margin: 0 0 0 auto;
  margin: auto;
  position: absolute;
  right: 0;
  top: 20px;
  width: 40%;
}

.pane-header .header-logo-right {
  margin-left: auto;
  width: 16%;
  margin-right: 5px;
}

.pane-header .header-logo-right ul{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.pane-header .header-logo-right img {
    image-rendering: -webkit-optimize-contrast;
}

.pane-header .header-menu-ico > span {
  font-size: .7em;
  display: none;
}

.pane-header .header-menu-ico .is-ico-line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 30px;
  margin-right: 10px;
  width: 30px;
}

.pane-header .header-menu-ico .is-ico-line span {
  background-color: #000000;
  border-radius: 100px;
  display: inline-block;
  height: 2px;
  margin: auto;
  width: 100%;
  transition: .2s all;
}

.pane-header .header-menu-ico.is-active .is-ico-line span:nth-child(1)  {
  opacity: 0;
}
.pane-header .header-menu-ico.is-active .is-ico-line span:nth-child(2) {
  -webkit-transform: translateY(1px) rotate(-45deg);
  transform: translateY(1px) rotate(-45deg);
}
.pane-header .header-menu-ico.is-active .is-ico-line span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(45deg);
  transform: translateY(-10px) rotate(45deg);
}

.pane-header .header-detail {
	position: relative;
	transition: .2s;
}
.pane-header .detail-nav {
	transition: .5s;
	position: absolute;
	bottom: 0;
	left: 0;
    right: 0;
	z-index: 0;
}
.pane-header .detail-nav.down-scroll {
	z-index: -9999;
	transform: translateY(-150%);
}
.pane-header #scroll_nav_list_wrap {
	padding: 0;
	position: relative;
}
.pane-header #scroll_nav_list {
  display: flex;
}
.pane-header #scroll_nav_list_wrap .swiper-btn-prev,
.pane-header #scroll_nav_list_wrap .swiper-btn-next {
	content: '';
	width: 25px;
	height: 100%;
	margin: auto;
	border: none;
	border-right: #C2C2C2 1px solid;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: none;
	transform: none;
	transition: .2s all;
	background: rgba(255,255,255,0.95);
	box-sizing: border-box;
	z-index: 3;
}
.pane-header #scroll_nav_list_wrap .swiper-btn-next {
	border-right: none;
	border-left: #C2C2C2 1px solid;
	left: auto;
	right: 0;
}
.pane-header #scroll_nav_list_wrap .swiper-btn-prev::before,
.pane-header #scroll_nav_list_wrap .swiper-btn-next::before {
	content: '';
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 1px solid #9e9e9e;
	border-right: 1px solid #9e9e9e;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 9px;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
	transition: .2s all;
}
.pane-header #scroll_nav_list_wrap .swiper-btn-next::before {
	left: 5px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pane-header #scroll_nav_list_wrap .swiper-btn-prev.swiper-button-disabled,
.pane-header #scroll_nav_list_wrap .swiper-btn-next.swiper-button-disabled {
	display: none !important;
}
.pane-header #scroll_nav_list_wrap .swiper-slide {
  padding: 5px 10px;
	box-sizing: border-box;
}
.pane-header #scroll_nav_list_wrap .swiper-slide a {
  display: block;
	text-align: center;
  white-space: break-spaces;
  white-space: nowrap;
  word-break: break-all;
  font-size: 0.8em;
}
.pane-header #scroll_nav_list_wrap .swiper-slide .image {
	width: 60px;
	height: 50px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pane-header #scroll_nav_list_wrap .swiper-slide .name {
	min-height: 2.4em;
	text-align: center;
	line-height: 1.2;
	font-size: 12px;
	display: flex;
	justify-content: center;
	align-items: center;	
}
.pane-header #scroll_nav_list_wrap .swiper-slide .name br {
	display: block !important;
}

.pane-header .detail-nav-menu {
  width: 100%;
  background-color: #f5f5f5;
	padding: 7px 15px;
	box-sizing: border-box;
}
.pane-header .detail-nav-menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pane-header .detail-nav-menu li {
    position: relative;
}
.pane-header .header-logo-right li {position: relative;}
.pane-header .detail-nav-menu ul .header-menu-search {
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}
.pane-header .detail-nav-menu ul .header-menu-mypage {
	width: 42px;
	text-align: center;
}
.pane-header .header-detail .header-customer {
    color: #d40000;
    font-weight: 400;
    text-align: left;
    z-index: 10;
    font-size: 12px;
    text-align: center;
    background-color: #f5f5f5;
    padding: 5px 5px 0;
}

.pane-header .header-detail .header-customer.is-login {color: #569100;}
.pane-header .header-detail .header-customer.is-login br{display: none;}

.pane-header .header-detail .header-customer .is-point-num,
.pane-header .header-detail .header-customer .is-coupon-num{
  font-size: 1.2em;
  margin-left: 10px;
}
.pane-header .detail-nav-menu ul .header-menu-cart {
	width: 42px;
	text-align: center;
}
.pane-header .detail-nav-menu ul .header-menu-search .block-search-box--form {
	height: 36px;
	padding: 0;
	border: #C2C2C2 1px solid;
	border-radius: 3px;
	background: #FFF;
	display: flex;
	justify-content: space-between;
	align-items: center;
	box-sizing: border-box;
}
.pane-header .detail-nav-menu ul .header-menu-search .block-search-box--keyword {
	width: calc(100% - 40px);
	height: 34px;
	padding: 0 10px;
	margin: 0;
	border: none;
	outline: none;
	border-radius: 3px;
	box-sizing: border-box;
	background: #FFF;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.pane-header .detail-nav-menu ul .header-menu-search .input-group-btn {
	width: 40px;
}
.pane-header .detail-nav-menu ul .header-menu-search .input-group-btn .block-search-box--search-submit {
	width: 40px;
	height: 34px;
	padding: 0;
	margin: 0;
	border: none;
	border-radius: 3px;
	background: url(/cms/img/usr/common/ico-search-bk.svg) center center no-repeat;
	-webkit-background-size: 20px auto;
	background-size: 20px auto;
	vertical-align: middle;
}
.pane-header .header-menu-mypage a,
.pane-header .header-menu-cart a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pane-header .block-headernav--cart-count {
  background-color: #e61d50;
  border-radius: 10px;
  color: #ffffff;
  display: none;
  font-size: 11px;
  width: 15px;
  height: 15px;
  line-height: 15px;
  position: absolute;
  right: -10px;
  text-align: center;
  top: -5px;
  z-index: 2;
}
.pane-header .header-detail .detail-nav::after {
  background: #c2c2c2;
  bottom: 0;
  content: "";
  display: inline-block;
  height: 100%;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
}
/* --------------------------------------------------------------------
	ヘッダーアクティブ時
-------------------------------------------------------------------- */
.pane-header.is-active {
  background-color: #000;
  color: #fff;
  -webkit-filter: none;
  filter: none;
}
.pane-header.is-active .is-ico-line span {
  background-color: #fff;
}
.header-menu-ico.is-active > span,
.pane-header.is-active .header-logo-right{
  opacity: 0;
  visibility: hidden;
}
.pane-header.is-active .header-logo img {
  opacity: 0;
}
.pane-header.is-active .header-logo a {
  background: url(https://jp.omsystem.com/img/usr/common/ico-logo-wh.svg) bottom center / 100% auto no-repeat;
}

/* --------------------------------------------------------------------
	ヘッダーフォトライフ
-------------------------------------------------------------------- */
.pane-header .photolife-header-wrap{
    background: #F5F5F5;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 15px;
}

.pane-header .photolife-header-logo{
	padding: 10px 0;
}

.pane-header .photolife-header-btn a{
	position: relative;
    width: 140px;
    height: 38px;
    border: solid 1px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    padding: 0 5px 0 15px;
    box-sizing: border-box;
	background: #000;
	color: #fff!important;
}

.pane-header .photolife-header-btn a img{
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -5px;
}

.pane-header .photolife-header-nav ul{
	display: flex;
	padding: 10px 0;
}

.pane-header .photolife-header-nav ul li{
	width: calc(100% / 3);
	display: flex;
	justify-content: center;
	border-right: solid 1px #D5D2CE;
}

.pane-header .photolife-header-nav ul li:last-child{border: none;}

.pane-header .photolife-header-nav ul li a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 500;
	text-align: center;
	color: #31302E;
}

.pane-header .photolife-header-nav ul li a span{
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-size: 10px;
}

.pane-header .photolife-header-nav ul li a img{margin-right: 8px;}

/* --------------------------------------------------------------------
	ヘッダーモーダルメニュー
-------------------------------------------------------------------- */
.pane-header .block-modal-menu {
  background-color: #000;
  color: #fff;
  position: fixed;
  z-index: 101;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
}
.pane-header .block-modal-menu a {
  color: #fff;
}
.pane-header .block-modal-menu .modal-menu {
  overflow: scroll;
  -webkit-overflow-scrolling:touch;
  height: calc(100vh - 200px);
  padding: 10px 15px 30px;
}
.pane-header .block-modal-menu .js-slid-menu {
     display: none;
     margin-top: 25px;
}
.pane-header .block-modal-menu .js-slid-menu-btn {
  font-size: 0.9em;
  font-weight: normal;
  position: relative;
  padding: 0 0 0 10px;
}
.pane-header .block-modal-menu .js-slid-menu-btn::before,
.pane-header .block-modal-menu .js-slid-menu-btn::after,
.pane-header .block-modal-menu .btn-menu-inner::before,
.pane-header .block-modal-menu .btn-menu-inner::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 15px;
  margin: auto;
  width: 15px;
  height: 2px;
  background-color: #fff;
  transition: .2s all;
  border-radius: 100px;
}
.pane-header .block-modal-menu .js-slid-menu-btn::before,
.pane-header .block-modal-menu .btn-menu-inner::before {
  transform: rotate(-90deg);
}
.pane-header .block-modal-menu .js-slid-menu-btn.is-active::before,
.pane-header .block-modal-menu .btn-menu-inner.is-active::before {
  transform: rotate(0deg);
}
.pane-header .modal-nav-menu {
  margin-bottom: 20px;
}
.pane-header .modal-nav-menu .block-search-box {
  width: 100%;
}
.pane-header .modal-nav-menu ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pane-header .modal-nav-menu .block-search-box .block-search-box--form {
  background-color: transparent;
  padding: 0;
  display: flex;
}
.pane-header .block-search-box--keyword {
  width: 100%;
  height: 38px;
}
.pane-header .modal-nav-menu .block-search-box .block-search-box--keyword {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -o-appearance: none;
  background-color: #242424;
  border: 0;
  border-radius: 100px;
  padding: 0;
  line-height: 2.5;
  height: auto;
  color: #999;
  padding: 0 45px 0 20px;
}
.pane-header .modal-nav-menu .block-search-box .block-search-box--placeholder {
  top: 20%;
  margin: auto;
}
.pane-header .modal-nav-menu .input-group-btn {
  position: absolute;
  bottom: 0;
  top: 0;
  right: 10px;
  margin: auto;
}
.pane-header .modal-nav-menu .block-search-box--search-submit {
  width: 35px;
  height: 100%;
  background: transparent url(https://jp.omsystem.com/img/usr/common/ico-search-wh.svg) center no-repeat;
  background-size: 60%;
  border: 0;
  padding: 0;
  margin: 0;
}
.pane-header .modal-nav-menu ul li {
  width: 5%;
  position: relative;
}

.pane-header .block-modal-menu .menu-group--wrap-login a{
	background: #fff;
	color: #000;
	background: #fff;
	color: #000;
	display: block;
	text-align: center;
	padding: 10px 0 12px;
	font-size: 13px;
}

.pane-header .block-modal-menu .menu-group--wrap-login a img{margin-right: 8px;}

.pane-header .block-modal-menu .menu-group--wrap:not(.is-link) {
  padding: 20px 0;
  border-bottom: 1px solid #999;
}
.pane-header .block-modal-menu .menu-group--wrap.is-link:not(:last-child) {
  border-bottom: 1px solid #999;
}
.pane-header .block-modal-menu .menu-group-01>li {
  background-color: #242424;
  margin-bottom: 1px;
}
.pane-header .block-modal-menu .menu-group--wrap.is-link a,
.pane-header .block-modal-menu .menu-group-01 a,
.pane-header .block-modal-menu .btn-menu-inner {
  position: relative;
  display: block;
  padding: 10px 35px 10px 10px;
  font-size: 0.9em;
}
.pane-header .block-modal-menu .menu-group--wrap.is-link a {
	padding: 20px 35px 20px 10px;
}
.pane-header .block-modal-menu .menu-group--wrap.is-link a::after,
.pane-header .block-modal-menu .menu-group-01 a::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pane-header .block-modal-menu .btn-menu-inner::before,
.pane-header .block-modal-menu .btn-menu-inner::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  width: 10px;
  height: 1px;
  background-color: #fff;
  transition: .2s all;
}
.pane-header .block-modal-menu .btn-menu-inner::before {
  transform: rotate(-90deg);
}
.pane-header .block-modal-menu .btn-menu-inner.is-active::before {
  transform: rotate(0deg);
}
.pane-header .block-modal-menu .inner-menu-list {
  padding: 0 10px 10px;
  display: none;
}
.pane-header .block-modal-menu .inner-menu-list li {
  background-color: #484848;
  padding: 0 10px;
}
.pane-header .block-modal-menu .inner-menu-list li:not(:last-child) a {
  border-bottom: 1px solid #999;
}
.pane-header .header-menu-mypage a::before,
.modal-nav-menu [class=""] a::before,
.modal-nav-menu .is-login a::before {
    content: "";
    position: absolute;
    top: 10px;
  	right: -12px;
    width: 9px;
    height: 9px;
    background-color: #d40000;
    border-radius: 100%;
    border: 2px solid #fff;
    box-shadow: 0 1.9px 2.5px rgb(0 0 0 / 6%);
    box-sizing: content-box;
}

.pane-header .header-menu-mypage.is-login a::before,
.modal-nav-menu .is-login a::before{
    background-color: #97c750;
}
.modal-nav-menu [class=""] a::before,
.modal-nav-menu .is-login a::before {
    top: 16px;
    right: -9px;
}
/* --------------------------------------------------------------------
	フッター
-------------------------------------------------------------------- */
.pane-footer {
    background: #000000;
    color: #ffffff;
    padding: 0;
    position: relative;
    z-index: 2;
}
.pane-footer a,
.pane-footer a:visited,
.pane-footer a:active,
.pane-footer a:hover {
    color: #ffffff;
}
.pane-footer .block-footer-support-list {
    background: #E5E2DF;
    color: #404040;
    padding: 10px 25px;
}
.pane-footer .block-footer-support-list a {
    color: #404040;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}
.pane-footer .footer-support-inner {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
}
.pane-footer .footer-support-inner li {
  width: calc((100% - 40px) / 3);
  padding-right: 10px;
  border-right: 1px solid #fff;
  box-sizing:border-box;
}
.pane-footer .footer-support-inner li:nth-child(3n) {
  padding-right: 0;
  border-right: 0;
}
.pane-footer .footer-support-inner .icon-block img {
  height: 20px;
}
.pane-footer .footer-support-inner .icon-name {
    margin-left: 10px;
    font-size: 0.8em;
}
.pane-footer .block-sns-list {
  padding: 50px 0 30px;
}
.pane-footer .block-sns-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 15px;
}
.pane-footer .block-sns-list ul li {
    margin-bottom: 20px;
    text-align: center;
    width: calc((100% - 40px) / 3);
    word-break: break-all;
}
.pane-footer .block-sns-list ul li:not(:nth-child(3n)) {margin-right: 20px;}
.pane-footer .block-sns-list ul li:nth-child(3n){margin-right:0;}
.pane-footer .block-sns-list ul li a .sns-name {
    font-size: .6em;
    margin-top: auto;
}
.pane-footer .block-sns-list .img-block {
    align-items: center;
    -webkit-box-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 10px;
    min-height: 40px;
}
.pane-footer .block-sns-list .img-block img {
    margin: auto;
}
.pane-footer .footer-menu {
  margin: 0 15px;
}
.pane-footer .footer-menu-inner+.footer-menu-inner {
  margin-top: 25px;
}
.pane-footer .footer-menu-inner .inner-list li:not(:last-child) {
    border-bottom: 1px solid #888888;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.pane-footer .footer-menu-inner .inner-list li:first-child {
    border-top: 1px solid #888888;
}
.pane-footer .footer-menu-inner .inner-list li a {
    background-color: #2f2f2f;
    display: block;
    padding: 20px 40px 20px 20px;
    position: relative;
}
.pane-footer .footer-menu-inner .other-block {
    margin-top: 20px;
}
.footer-menu-inner .inner-block,
.pane-footer .footer-menu-inner .other-block .is-link {
  background-color: #434343;
  padding: 0 10px;
}
.pane-footer .footer-menu-inner .inner-block:not(:first-child) h2 {
    border-top: 1px solid #888888;
}
.pane-footer .footer-menu-inner .inner-block h2,
.pane-footer .footer-menu-inner .inner-block>a {
    background-color: #434343;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: normal;
    padding: 15px 10px;
    position: relative;
    display:block;
}
.pane-footer .footer-menu-inner .inner-block h3 {
    background-color: #2f2f2f;
    border-bottom: 1px solid #888888;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: normal;
    padding: 15px 10px 15px 40px;
    position: relative;
}
.pane-footer .footer-menu-inner .inner-block .inner-list,
.pane-footer .footer-menu-inner .inner-block .inner-child-wrap {display: none;padding-bottom: 10px;}
.pane-footer .footer-menu-inner .inner-block h2::before,
.pane-footer .footer-menu-inner .inner-block h2::after,
.pane-footer .footer-menu-inner .inner-block h3::before,
.pane-footer .footer-menu-inner .inner-block h3::after {
    background-color: #ffffff;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 1px;
    margin: auto;
    position: absolute;
    right: 20px;
    top: 0;
    width: 10px;
	transition: .2s all;
}
.pane-footer .footer-menu-inner .inner-block h2::after,
.pane-footer .footer-menu-inner .inner-block h3::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
}
.pane-footer .footer-menu-inner .inner-block h2.is-active::after,
.pane-footer .footer-menu-inner .inner-block h3.is-active::after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.pane-footer .footer-menu-inner  .is-link.is-allow a {
    padding: 20px 40px 20px 20px;
}
.pane-footer .footer-menu-inner .is-allow a::before {
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    bottom: 0;
    content: "";
    height: 4px;
    right: 20px;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 4px;
}
.pane-footer .footer-menu-inner .inner-list li.is-child a {
    background-color: #161616;
    padding: 20px 20px 20px 70px;
}
.pane-footer .footer-menu-inner .is-link:not(:last-child) a {
    border-bottom: 1px solid #888888;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.pane-footer .footer-menu-inner .is-link a {
    background-color: #434343;
    cursor: pointer;
    display: block;
    font-size: 1.1em;
    font-weight: normal;
    padding: 15px 10px;

    position: relative;
}
.pane-footer .footer-menu-inner .is-link a::before {
    border-right: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    bottom: 0;
    content: "";
    height: 6px;
    margin: auto;
    position: absolute;
    right: 24px;
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 6px;
}
.pane-footer .footer-menu-inner .is-outlink a::after {
    background: url(https://jp.omsystem.com/img/usr/common/ico-outlink-wh.svg) center no-repeat;
    content: "";
    display: inline-block;
    height: 10px;
    margin-left: 5px;
    width: 16px;
}
.pane-footer .footer-menu-inner .is-child a::before {
    background-color: #ffffff;
    bottom: 0;
    content: "";
    height: 1px;
    left: 40px;
    margin: auto;
    position: absolute;
    top: 0;
    width: 7px;
}
.pane-footer .copyright {
    background-color: #ffffff;
    color: #000000;
    margin-top: 50px;
    padding: 15px 10px;
}
.pane-footer .copyright .is-center {
    text-align: center;
}
.pane-footer .copyright small {
    display: block;
}
/*フッター：コピーライトの上*/
.pane-footer .navUtility {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 0 20px;
}
.pane-footer .navUtility a {
    color: #333;
    font-size: 0.8em;
}
.pane-footer .navUtility li:not(:last-child) {
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.pane-footer .navUtility li:not(:last-child)::after {
    content: "";
    position: absolute;
    display: inline-block;
    width: 1px;
    height: 80%;
    background-color: #707070;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.pane-footer .navUtility .is-outlink a::after {
  content: "";
  background: url(https://jp.omsystem.com/img/usr/common/ico-outlink-bk.svg) center no-repeat;
  display: inline-block;
  width: 16px;
  height: 10px;
  margin-left: 5px;
}
/* ----ページトップに戻る---- */
.block-page-top a {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  background-color: #000;
}
.block-page-top a:after {
  content: "";
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  left: 50%;
  top: 50%;
  margin-top: -4px;
  margin-left: -8px;
}
.block-page-top {
  position: fixed;
  top: auto;
  bottom: 10px;
  right: 26px;
  display: none;
}
@media screen and (max-width: 430px) {
  .pane-footer .navUtility {
      flex-wrap: wrap;
  }
  .pane-footer .navUtility li {
      width: calc((100% - 20px)/2);
      margin-bottom: 10px;
      text-align: center;
  }
  .pane-footer .navUtility li:nth-child(2n) {
      margin-right: 0;
      padding-right: 0;
  }
  .pane-footer .navUtility li:nth-child(2n)::after {
      display:none;
  }
}

/*CPアイコン追加*/
li[data-code] {
    position: relative;
}
.item-cp-icon-wrap {
    position: absolute;
    top: 5px;
    right: 5px;
    width: auto!important;
    display: flex;
    align-items: center;
}
.item-cp-icon-wrap .item-cp-icon {
    height: 22px;
    display: block;
}
.item-cp-icon-wrap .item-cp-icon img {
    max-height: 100%!important;
}
.item-cp-icon-wrap .item-cp-icon+.item-cp-icon {
    margin-left: 3px;
}
.product-item-list li:nth-child(5n+1) .item-cp-icon-wrap {
    width: auto!important;
    justify-content: flex-end;
    width: 50%!important;
}
.product-item-list li:nth-child(5n+1) .item-cp-icon-wrap .item-cp-icon {
    width: calc((100% - 15px)/ 4);
    display: block;
}
.product-item-list li:nth-child(5n+1) .item-cp-icon-wrap .item-cp-icon+.item-cp-icon {
    margin-left: 5px;
}

/*===== 20230317 =====*/
.footer-menu .inner-list li.sp-only{
	display: block;
}
/* グロナビ お気に入り / 製品登録 */
.block-modal-menu .menu-group--wrap-bookmark,
.block-modal-menu .menu-group--wrap-product {
  margin-top: 10px;
}
.block-modal-menu .menu-group--wrap-bookmark a {
  background: #7e7e7e;
  color: #fff;
  display: block;
  text-align: center;
  padding: 10px 0 12px;
  font-size: 13px;
}
.block-modal-menu .menu-group--wrap-bookmark a img {
  margin-right: 8px;
}
.block-modal-menu .menu-group--wrap-product a {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 10px 0;
  font-size: 13px;
}
.block-modal-menu .menu-group--wrap-product a img {
  margin-right: 12px;
}

/* ヘッダーメニュー */
.pane-header .photolife-header-wrap {
  flex-wrap: wrap;
}
.header-photolife-menu .pl-menu-btn {
  position: relative;
  padding: 12px 0 10px 0;
}
.header-photolife-menu .pl-menu-btn-inner {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  font-size: 14px;
  position: relative;
  color: #000 !important;
  border: 0;
  background: transparent;
}
.header-photolife-menu .pl-menu-btn-inner::before,
.header-photolife-menu .pl-menu-btn-inner::after {
  content: "";
  display: inline-block;
}
.header-photolife-menu .pl-menu-btn-inner::before {
  margin-right: 6px;
  width: 14px;
  height: 17px;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18.488" height="23.749" viewBox="0 0 18.488 23.749"><defs><clipPath id="clip-path"><rect width="18.488" height="23.749" fill="none"/></clipPath></defs><g clip-path="url(%23clip-path)"><path d="M16.114,1.425a.963.963,0,0,1,.95.95v19a.963.963,0,0,1-.95.95H2.375a.963.963,0,0,1-.95-.95v-19a.963.963,0,0,1,.95-.95Zm0-1.425H2.375A2.382,2.382,0,0,0,0,2.375v19a2.382,2.382,0,0,0,2.375,2.375H16.114a2.382,2.382,0,0,0,2.375-2.375v-19A2.382,2.382,0,0,0,16.114,0"/><rect width="5.373" height="1.425" transform="translate(3.871 5.208)"/><rect width="5.373" height="1.425" transform="translate(3.871 9.419)"/><rect width="5.373" height="1.425" transform="translate(3.871 13.631)"/></g></svg>') no-repeat center / contain;
}
.header-photolife-menu .pl-menu-btn-inner::after {
  margin-left: 10px;
  width: 8px;
  height: 8px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
  transition: .2s linear;
  position: relative;
  top: -2px;
}
.header-photolife-menu .pl-menu-btn-inner.is-active::after {
  transform: rotate(-135deg);
  top: 2px;
}
.header-photolife-menu .pl-menu-body {
  padding: 15px 0;
  display: none;
  width: 100%;
}
.header-photolife-menu .pl-menu-body-item + .pl-menu-body-item {
	padding-top: 25px;
}
.header-photolife-menu .pl-menu-body-ttl {
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
}
.header-photolife-menu .pl-menu-body-detail {
  padding-top: 15px;
  border-top: 1px solid #707070;
}
.header-photolife-menu .pl-menu-body-links {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 10px;
}
.header-photolife-menu .pl-menu-body-links > li {
	width: 100%;
  font-size: 14px;
}
.header-photolife-menu .pl-menu-body-links > li a {
  padding-right: 1.7em;
  letter-spacing: .05em;
  position: relative;
}
.header-photolife-menu .pl-menu-body-links > li a::after {
    position: absolute;
	content: url(/common/om-images/chevron.svg);
	display: block;
	width: 15px;
	padding-top: 5px;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
@media screen and (min-width: 421px) {
	.header-photolife-menu .pl-menu-body-links > li {
		width: calc((100% - 15px) / 2);
	}
	.header-photolife-menu .pl-menu-body-links > li a {
		display: inline-block;
	}
}
.header-photolife-menu .pl-menu-body-links > li a[class^="pl-genre-"]::before {
  content: "";
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  background: no-repeat center / contain;
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-nature::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_nature.svg);
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-bird::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_bird.svg);
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-macro::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_macro.svg);
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-railway::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_train.svg);
}
.header-photolife-menu .pl-menu-body-links > li a.pl-genre-travel::before {
  background-image: url(https://jp.omsystem.com/cms/img/usr/common/photolife_header_plane.svg);
}
.header-photolife-menu .pl-menu-close {
	margin: 25px 0 0;
  text-align: center;
}
.header-photolife-menu .pl-menu-close-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 168px;
  min-height: 40px;
  font-size: 13px;
  border: 1px solid #000;
  background-color: transparent;
  color: #000 !important;
}