html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size: 14px;
vertical-align:baseline;
background:transparent;
}
#cookie-policy {
height:100px !important;
font-size: 10px !important;
padding: 10px 80px 10px 2% !important;
width: calc(98% - 80px) !important;
line-height:1.2 !important;
text-align: justify !important;
}
#cookie-policy a.cookie-agree {
right:10px !important;
}
body {
line-height:1;
-webkit-text-size-adjust: none;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
.nprecombox {
/*display:none !important; */
}
a {
margin:0;
padding:0;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins {
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
}
del {
text-decoration: line-through;
}
abbr[title], dfn[title] {
border-bottom:1px dotted inherit;
cursor:help;
}
table {
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr {
display:block;
height:1px;
border:0;
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
small {
font-size: 12px;
}
input, select {
vertical-align:middle;
}
/* 共通 */
body {
color:#404040;
background:#ffffff;
font-size: 14px;
line-height:1.5;
font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
min-width: 320px;
}
input, textarea {
}
input[type=text], input[type=password], input[type=email] , textarea, select{
/*
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius:6px;
*/
border:1px solid #959595;
min-height:20px;
max-width:90%;
}
input[type=text], input[type=password], textarea{
padding:0 2px;
}
input[type=text],
input[type=search],
input[type=number],
input[type=tel],
input[type=email],
input[type=password] {
height:1.0em;
padding:0.3em;
margin:5px 0;
border:1px solid #cccccc;
}
input[type=text]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=password]:focus {
border:solid 1px #EEA34A;
}
select {
font-family: Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
height: 28px;
line-height: 28px;
}
a, a:link, a:visited {
text-decoration: underline;
color: #000;
}
/* 文字サイズ */
.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;
}
/* 特定メッセージ（インライン） */
.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;
}
.efo_icon_ {
vertical-align:middle;
}
/**/
/* ボタン */
.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;
}
.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;
}
.small_button_ {
font-size: 14px;
text-align: center;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.auto_small_button_ {
text-align: center;
padding: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.orange_button_ {
background: #b7955c;
background: #b7955c -moz-linear-gradient(top,#b7955c,#b7955c);
background: #b7955c -webkit-gradient(linear,left top,left bottom,from(#b7955c),to(#b7955c));
background: #b7955c linear-gradient(top,#b7955c,#b7955c);
}
.blue_button_ {
background: #7c7978;
background: #7c7978 -moz-linear-gradient(top,#7c7978,#7c7978);
background: #7c7978 -webkit-gradient(linear,left top,left bottom,from(#7c7978),to(#7c7978));
background: #7c7978 linear-gradient(top,#7c7978,#7c7978);
}
.green_button_ {
background: #7c7978;
background: #7c7978 -moz-linear-gradient(top,#7c7978,#7c7978);
background: #7c7978 -webkit-gradient(linear,left top,left bottom,from(#7c7978),to(#7c7978));
background: #7c7978 linear-gradient(top,#7c7978,#7c7978);
}
.gray_button_ {
background:#999;
background: #999999 -moz-linear-gradient(top,#999999,#999999);
background: #999999 -webkit-gradient(linear,left top,left bottom,from(#999999),to(#999999));
background: #999999 linear-gradient(top,#999999,#999999);
}
.black_button_ {
background:#000;
background: #000000 -moz-linear-gradient(top,#000000,#000000);
background: #000000 -webkit-gradient(linear,left top,left bottom,from(#000000),to(#000000));
background: #000000 linear-gradient(top,#000000,#000000);
}
/**/
.common_headline1_ {
margin: 10px;
font-size: 18px;
font-weight: bold;
color: #333;
}
.common_headline2_ {
margin-bottom: 10px;
padding: 8px 10px;
clear: both;
font-size: 15px;
font-weight: bold;
background: #E0E0E0;
}
h2.sub_headline_ {
padding: 0 10px;
}
h2.sub_headline_ span{
font-weight:normal;
font-size:9px;
margin-left:5px;
}
.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;
}
.valign_m_ {
vertical-align: middle;
}
.classrequired {
background: #ffeeee;
}
/* --------------------------------------------------------------------
共通ヘッダー
-------------------------------------------------------------------- */
header .header_top_ {
display: -moz-box;
display: -webkit-box;
display: box;
width: 100%;
background: #454545;
}
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{
text-align: right;
font-size: 10px;
vertical-align: middle;
position: absolute;
color: #FFF;
top:9px;
right: 85px;
width: 100px;
line-height: 1.1;
height: 25px;
overflow: hidden;
}
header nav#globalnav {
clear: both;
color: #FFF;
width: 100%;
overflow: hidden;
border-bottom: 1px solid #DDD;
}
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 {
color: #000;
padding: 0;
line-height: 45px;
display: block;
border-right: 1px solid #DDD;
background: #FFF;
}
#echd_subnavi {
position: absolute;
right:0px;
top:0px;
}
#echd_subnavi li{
float: left;
list-style-type: none;
}
#echd_subnavi li a{
display: block;
padding: 5px 3px;
line-height: 0;
}
#shop_header .header_top_ {
height: 40px;
}
#shop_header #sitelogo img {
width: 130px;
}
#shop_header #sitelogo {
padding-left:10px;
line-height: 0;
padding-top:8px;
}
#shop_header nav#globalnav ul li {
/* width: 25%; */
}
#shop_header nav#globalnav ul li a {
font-size:13px;
}
#shop_footer_ {
background: #303030;
}
#shop_footer_ .pagetop_ {
position:fixed;
right:3px;
bottom:3px;
}
#shop_footer_ .pagetop_ a{
font-size:12px;
color: #FFF;
display: block;
background: #000;
width:2em;
padding:5px 5px;
}
#shop_footer_ .parts_calender_ {
width: 100%;
overflow: hidden;
padding:10px 0 20px;
border-top: 1px solid #CCC;
background: #F9F9F9;
}
#shop_footer_ .parts_calender_ .parts_calender_txt_ {
text-align: left;
padding:10px;
}
#shop_footer_ .parts_calender_ .parts_calender_txt_ strong,
#shop_footer_ .parts_calender_ .parts_calender_txt_ p{
font-size:11px;
margin-bottom:10px;
}
#shop_footer_ .parts_calender_ table {
float: left;
margin:0 2px;
}
#shop_footer_ .parts_calender_ table th,
#shop_footer_ .parts_calender_ table td{
font-size:10px;
line-height: 1.7;
}
p#copyright {
border-top: none !important;
font-size: 12px !important;
text-align: center !important;
float: none !important;
letter-spacing: 0 !important;
padding: 8px 0 20px;
width: auto;
color: #555;
display: block !important;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#shop_footer_ #footernav {
margin-bottom: 5px;
padding:20px 5px;
float: none !important;
text-align: center;
}
#shop_footer_ #footernav li {
float: none !important;
display: inline;
width: auto !important;
font-size:12px;
line-height:2;
margin: 0 10px;
}
#shop_footer_ #footernav li a{
text-decoration: none;
color: #FFF;
white-space: nowrap;
}
#shop_footer_ .buttons_ec_ {
width: 100%;
overflow: hidden;
border-top:solid 1px #CCC;
}
#shop_footer_ .buttons_ec_ li{
float: left;
}
#shop_footer_ .buttons_ec_ li.buttons_ec_1_{
width:33%;
}
#shop_footer_ .buttons_ec_ li.buttons_ec_2_{
width:34%;
}
#shop_footer_ .buttons_ec_ li.buttons_ec_2_ a{
border-left:solid 1px #CCC;
border-right:solid 1px #CCC;
}
#shop_footer_ .buttons_ec_ li.buttons_ec_3_{
width:33%;
}
#shop_footer_ .buttons_ec_ li a{
display: block;
padding:15px 0;
font-size:12px;
text-decoration: none;
color: #FFF;
}
#shop_footer_ .change_mode_ a{
color: #FFF;
}
#shop_footer_ nav.CategoryStyleG_ ul.layer0_,
#shop_footer_ nav.CategoryStyleG_ ul.layer0_ li,
#shop_footer_ nav.GenreStyle_ ul.layer0_ ,
#shop_footer_ nav.GenreStyle_ ul.layer0_ li {
background: #303030 !important;
}
#shop_footer_ nav.CategoryStyleG_ ul.layer0_ li a,
#shop_footer_ nav.GenreStyle_ ul.layer0_ li a{
color: #FFF !important;
font-size:12px;
}
/* --------------------------------------------------------------------
検索フォーム
-------------------------------------------------------------------- */
form.search_form_ {
/* margin-bottom: 10px; */
margin-bottom: 0px;
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 {
text-align: center;
color: #FFF;
}
footer .chage_mode_ {
margin-bottom: 10px;
}
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;
color: #FFF;
}
/* --------------------------------------------------------------------
トップページ
-------------------------------------------------------------------- */
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(/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(/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(/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(/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(/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;
}
/* --------------------------------------------------------------------
マイページ 法人会員一覧 カード情報確認
-------------------------------------------------------------------- */
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(/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%;
}
/*smartphone2.css */
/* --------------------------------------------------------------------
common ヘッドライン
-------------------------------------------------------------------- */
h1.goods_name_ {
margin: 10px;
font-size: 18px;
font-weight: bold;
color: #4b4948;
line-height:1.2;
}
h1.goods_name_ span{
font-size:10px;
font-weight:normal;
display: block;
}
h1.category_name_ {
margin: 10px;
font-size: 18px;
font-weight: bold;
color: #4b4948;
}
h1.category_name_img_ {
margin: 10px 0;
text-align: center;
}
h1.genre_name_ {
margin: 10px;
font-size: 18px;
font-weight: bold;
color: #4b4948;
}
h1.genre_name_img_ {
margin: 10px 0;
text-align: center;
}
h1.event_name_ {
margin: 10px;
font-size: 18px;
font-weight: bold;
color: #4b4948;
}
h1.event_name_img_ {
margin: 10px 0;
text-align: center;
}
h1.event_name_img_ img{
max-width:100%;
}
.top_comment_ {
margin: 0 10px 10px;
}
/* --------------------------------------------------------------------
common ナビゲーション
-------------------------------------------------------------------- */
/* パンくず */
.navitopicpath_ {
margin: 10px 10px 20px;
border-top:solid 1px #999;
padding-top:20px;
}
.navitopicpath_ a {
margin: 0 0.5em;
white-space: nowrap;
}
.navitopicpath_ span.current_ {
margin: 0 0.5em;
white-space: nowrap;
}
/* ページジャンプ */
.navipage_ {
margin: 0 10px;
text-align:right;
}
.navipage_.top_ { /* ページジャンプ上部 */
margin-bottom: 10px;
}
.navipage_.bottom_ { /* ページジャンプ下部 */
margin-top: 10px;
}
.navipage_ .navipage_sum_ {
}
.navipage_ nav a,
.navipage_ nav span {
margin: 0 1px;
}
.navipage_ a {
white-space: nowrap;
padding: 3px 6px;
display: inline-block;
background-color: #F0F0F0;
border: 1px solid #CCC;
}
.navipage_now_ {
padding: 3px 6px;
display: inline-block;
color:#000;
font-weight:bold;
text-decoration:none;
}
.navipage_ .navipage_reverse_ {
}
.navipage_ .navipage_forward_ {
}
/* 並び替え */
.navisort_ {
margin: 2px 0;
overflow: hidden;
border-bottom: 2px solid #FFCCCC;
}
.navisort_ dt {
float: left;
text-align: right;
font-weight: bold;
width: 8em;
}
.navisort_ dd {
margin-left: 8em;
}
.navisort_now_ {
color:#CC0000;
text-decoration:none;
margin:2px 5px;
white-space: nowrap;
}
.navisort_ a {
margin:2px 5px;
white-space: nowrap;
}
/* 表示切替 */
.navistyle_ {
margin: 0 10px 10px;
overflow: hidden;
border: 1px solid #CCC;
background: #F0F0F0;
}
.navistyle_ dt {
padding: 2px 2px 2px 6px;
}
.navistyle_ dd {
padding: 0 0 0 7px;
font-size: 12px;
background: #FFF;
}
.navistyle_now_ {
color:#CC0000;
text-decoration:none;
padding: 5px;
display: inline-block;
white-space: nowrap;
}
.navistyle_ a {
padding: 5px;
display: inline-block;
white-space: nowrap;
}
/* ブランド絞込 */
.brand_name_ {
}
.brand_name_now_ {
color:#CC3300;
text-decoration:none;
padding: 5px;
display: inline-block;
white-space: nowrap;
font-weight: bold;
}
.brand_name_ a {
padding: 5px;
display: inline-block;
}
/* メーカー絞込 */
.maker_name_ {
}
.maker_name_now_ {
color:#CC3300;
text-decoration:none;
padding: 5px;
display: inline-block;
white-space: nowrap;
font-weight: bold;
}
.maker_name_ a {
padding: 5px;
display: inline-block;
white-space: nowrap;
}
/* 商品分類絞込 */
#goods_class_filter_ {
padding-bottom: 3px;
}
#goods_class_filter_ dd {
}
#goods_class_filter_ .class_filter_ {
margin-right: 10px;
}
#goods_class_filter_ .class_filter_ .selected_ {
background-color: #ffeeff;
}
/* --------------------------------------------------------------------
Ajax Zip
-------------------------------------------------------------------- */
#suggestZipArea {
background-color: #ffffff;
border: 1px solid #999999;
display: none;
padding: 2px 0;
position: absolute;
z-index: 9999;
}
#suggestZipArea .itemNotFound {
padding: 0 4px;
height: 20px;
line-height: 20px;
text-align: center;
color: #999999;
font-style: italic;
}
#suggestZipArea .itemLine {
padding: 0 4px;
height: 20px;
line-height: 20px;
list-style:none;
white-space:nowrap;
color: #000000;
}
#suggestZipArea .selected {
background-color: #ffdddd;
color: #c00000;
}
#suggestZipArea .itemLine .itemCode {
float: left;
font-weight: bold;
margin-right: 4px;
}
#suggestZipArea .itemLine .itemName {
}
/* --------------------------------------------------------------------
トピックス
-------------------------------------------------------------------- */
/* トピック詳細 */
.topiclist_body_ {
}
.topiclist_body_ .topic_title_ {
padding: 10px 10px;
clear: both;
font-size: 16px;
font-weight: bold;
}
.topiclist_body_ figure {
padding: 0 10px 10px;
}
.topiclist_body_ article {
padding: 0 10px 10px;
}
/* トピック一覧 */
div.topiclist_ {
margin: 0 10px 10px;
background: #F6F6F6;
border: 1px solid #E0E0E0;
}
div.topiclist_ .topiclist_head_ {
padding: 10px;
font-size: 14px;
font-weight:normal;
}
div.topiclist_ .topiclist_body_ {
margin: 0 5px 5px;
padding: 0 10px;
}
div.topiclist_ .topiclist_body_ li {
border-bottom: 1px dotted #CCC;
}
div.topiclist_ .topiclist_body_ li:last-child {
border-bottom: none;
}
div.topiclist_ .topiclist_body_ li a,
div.topiclist_ .topiclist_body_ li span.nolink_ {
padding: 5px;
display: block;
font-size:12px;
}
.news-article-box p {
line-height:1.8 !important;
margin-bottom:20px !important;
}
.news-article-box h2 {
color:#000 !important;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
margin-top:50px !important;
margin-bottom:20px !important;
width:100% !important;
overflow:hidden !important;
margin-bottom:15px !important;
font-size: 17px !important;
padding-top:30px !important;
border-top:solid 1px #CCC !important;
}
.news-article-box h2.reset {
margin-top:0px !important;
margin-bottom:15px !important;
padding-top:0px !important;
border-top:none !important;
}
.news-article-box .news-item-lineup h3 {
color:#000 !important;
font-weight:bold !important;
margin-top:0px !important;
margin-bottom:15px !important;
font-size: 13px !important;
}
.news-article-box h3 span{
font-weight:normal !important;
font-size:10px !important;
}
.news-article-box .news-item-lineup {
width: 100%;
overflow: hidden;
clear: both;
}
.news-article-box .news-item-lineup li {
list-style-type:none;
float: left;
margin-bottom:10px;
}
.news-article-box .news-item-lineup li img {
width: 100%;
margin-bottom:10px;
}
.news-article-box .news-item-lineup-imgbirder img {
border:solid 1px #EEE;
}
/* --------------------------------------------------------------------
商品詳細
--------------------------------------------------------------------- */
div.goods_ {
clear: both;
}
div.goodsproductdetail_ {
margin-bottom: 10px;
width:100%;
overflow: hidden;
position: relative;
}
table.goodsproductdetail_ {
width: 100%;
}
table.goodsproductdetail_ td {
vertical-align: top;
}
/* 商品画像 */
div.goodsimg_ {
overflow: hidden;
position: relative;
left:0;
top:0;
}
div.goodsimg_ img {
width: auto;
}
div.goodsimg_ a {
display: block;
}
#gallery.goodsimg_ {
width:9000px;
}
div.goodsimg_ .img_L_ {
text-align:center;
float: left;
}
div.goodsimg_ .img_L_ .comment_ {
text-align:center;
margin-top: 5px;
}
div.goodsimg_ .img_c_{
margin-bottom: 10px;
text-align: center;
float: left;
}
div.goodsimg_ .img_c_ .comment_ {
margin-top: 5px;
}
#gallerySelect {
width: 100%;
text-align: center;
overflow: hidden;
margin-bottom:20px;
}
#gallerySelect li{
list-style-type:none;
color: #CCC;
display:inline;
padding:0 2px;
font-size:6px;
cursor: pointer;
}
#gallerySelect li.current{
color: #666;
}
/**/
/* 商品画像バリエーション */
div.etc_goodsimg_ {
float: left;
}
div.etc_goodsimg_line_ {
}
div.etc_goodsimg_item_ {
text-align: center;
float: left;
}
div.etc_goodsimg_item_ img {
}
/**/
/* 商品スペック */
div.goodsspec_ {
margin-bottom:10px;
}
dl.goodsspec_ {
margin:0 10px;
margin-bottom:10px;
}
dl.goodsspec_ dt
, dl.goodsspec_ dd {
display: block;
}
dl.goodsspec_ dt {
padding:2px 2px 2px 6px;
background-color: #F0F0F0;
}
dl.goodsspec_ dd {
font-size: 14px;
padding:2px 2px 2px 12px;
}
dl.goodsspec_ dd .price_box_ small {
display: block;
}
div.goodsspec_ div.togetherlist_ {
}
.to_detaillink_ {
margin: 0 10px 0 0;
text-align: right;
}
.to_detaillink_ a {
padding-left: 20px;
display: inline-block;
background: url(/img/usr/blank.png) left center no-repeat;
}
/**/
/* セット商品 */
div.goodsset_ {
margin-bottom:10px;
}
h2.goodsset_title_ {
margin: 0;
padding: 4px 0;
font-weight: bold;
}
dl.goodsset_ {
margin:0 10px;
}
dl.goodsset_ dt
, dl.goodsset_ dd {
display: block;
white-space: nowrap;
}
dl.goodsset_ dt {
padding:1px 2px 1px 12px;
background-color:#ffe6e0;
border:1px solid #ffe6e0;
}
dl.goodsset_ dd {
padding:2px 2px 2px 12px;
border:1px solid #ffe6e0;
}
dl.goodsset_ dt:first-child {
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
}
dl.goodsset_ dd:last-child {
-webkit-border-bottom-left-radius: 8px;
-webkit-border-bottom-right-radius: 8px;
-moz-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
}
/**/
/* カートボタン関係 */
div.cartbox_ {
margin: 0 10px 20px;
padding: 10px;
vertical-align:middle;
background: #F0F0F0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.cartbox_ span.valiationlist_ {
padding-right:4px;
vertical-align:top;
}
/**/
/* バリエーションプルダウン */
div.cartbox_ .valiation_pulldown_ {
margin-bottom: 10px;
}
/**/
/* バリエーションボックス */
div.cartbox_ span.message_ {
font-size:12px;
display: block;
}
div.cartbox_ br.break_ {
display: none;
}
div.cartbox_ span.message_ strong {
font-size:12px;
color:#B39058;
display: block;
}
div.cartbox_ p.guide_ {
padding: 5px 0;
font-size:14px;
font-weight: bold;
}
div.cartbox_ p.message_ {
}
div.cartbox_ p.message_ strong{
color: #B79559;
}
div.cartbox_ div.colors_ {
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
div.cartbox_ div.colors_ div.color_ {
display: inline-block;
margin:2px 5px 2px 5px;
white-space: nowrap;
width:30px;
height:30px;
width:79px;
height:79px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-position: center;
}
div.cartbox_ div.colors_ div.color2_ {
display: inline-block;
margin: 2px 5px 2px 5px;
white-space: nowrap;
width: 30px;
height: 30px;
overflow: hidden;
text-align: left;
background-position: center;
}
div.cartbox_ div.colors_ div.color_EnableStock_ {
border:solid 2px #d0d0d0;
background-color:#FFF;
cursor:pointer;
}
div.cartbox_ div.colors_ div.color_DisableStock_ {
border:dashed 2px #d0d0d0;
background-color:#909090;
cursor:pointer;
}
div.cartbox_ div.colors_ div.color_Selected_ {
border:solid 2px #B39058;
background-color:#FFF;
}
div.cartbox_ div.colors_ div.color_DisableSelected_ {
border:dashed 2px #ffc0c0;
background-color:#909090;
color:#ffc0c0;
}
div.cartbox_ div.colors_ br,div.cartbox_ div.sizes_ br {
clear:left;
}
div.cartbox_ div.sizes_ {
margin-bottom: 10px;
width: 100%;
overflow: hidden;
}
div.cartbox_ div.sizes_ div.size_ {
display: inline-block;
padding:5px 10px;
margin:2px 5px 2px 5px;
white-space: nowrap;
text-align:center;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.cartbox_ div.sizes_ div.size_EnableStock_ {
border:solid 1px #d0d0d0;
background-color:#FFF;
cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_DisableStock_ {
border:solid 1px #d0d0d0;
background-color:#909090;
cursor:pointer;
}
div.cartbox_ div.sizes_ div.size_Selected_ {
border:solid 1px #B39058;
background-color:#B39058;
color: #FFF;
}
div.cartbox_ div.sizes_ div.size_DisableSelected_ {
border:solid 1px #d0d0d0;
background-color:#909090;
color:#FFF;
}
.goodsproductdetail_ .goodsimg_ div.mask_ {
position:absolute;
z-index:10;
color:#ff4a4a;
font-weight:bold;
}
/**/
div.goodscomment1_ ,
div.goodscomment2_ ,
div.goodscomment3_ ,
div.goodscomment4_ ,
div.goodscomment5_ ,
div.goodscomment6_ {
margin:0 10px 10px;
}
div.goodscomment1_ dt,
div.goodscomment2_ dt,
div.goodscomment3_ dt,
div.goodscomment4_ dt,
div.goodscomment5_ dt,
div.goodscomment6_ dt{
font-size:13px;
font-weight: bold;
color: #000;
}
div.goodscomment1_ dd,
div.goodscomment2_ dd,
div.goodscomment3_ dd,
div.goodscomment4_ dd,
div.goodscomment5_ dd,
div.goodscomment6_ dd{
font-size:12px;
margin-bottom: 15px;
}
div.goodscomment6_ table.basetable_ {
border-top: solid 1px #DDD;
border-left: solid 1px #DDD;
width: 100%;
}
div.goodscomment6_ table.basetable_ th {
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
background: #EEE;
text-align: left;
padding: 3px;
font-size: 11px;
}
div.goodscomment6_ table.basetable_ td {
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
padding: 3px;
font-size: 11px;
}
div.goodscomment1_ ,
div.goodscomment2_ ,
div.goodscomment3_ ,
div.goodscomment4_ ,
div.goodscomment5_ {
margin-bottom: 10px;
}
div.goodscomment1_ {
font-size:13px;
line-height: 1.8;
}
div.goodscomment2_ {
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
border-top: solid 1px #CCC;
padding-top: 10px;
}
div.goodscomment2_ a{
color: #000;
text-decoration: underline;
}
div.goods_ div.accessory_list_ {
margin:10px 0px;
}
.option_buttons_ {
margin: 0 10px 10px;
}
.option_buttons_ li {
}
.option_buttons_ li.social_ {
/* text-align: center;*/
display: none;
}
.option_buttons1_ ,
.option_buttons2_ ,
.option_buttons3_ ,
.option_buttons4_ ,
.option_buttons5_ ,
.option_buttons6_ ,
.option_buttons_def_ ,
.option_buttons99_,
.option_buttons7_ {
list-style-type: none;
margin-left:10px;
margin-right:10px;
}
.option_buttons1_ a.btn_link_,
.option_buttons2_ a.btn_link_,
.option_buttons3_ a.btn_link_,
.option_buttons4_ a.btn_link_,
.option_buttons_def_ a.btn_link_,
.option_buttons99_ a.btn_link_,
.option_buttons5_ a.btn_link_,
.option_buttons6_ a.btn_link_,
.option_buttons7_ a.btn_link_ ,
#option_buttons_fabrics a.prod_txtlink_0201,
#option_buttons_fabrics a.prod_txtlink_0202,
#option_buttons_3d a.prod_txtlink_0201,
#option_buttons_3d a.prod_txtlink_0202,
#option_buttons_fabrics_materials a.prod_txtlink_0201,
#option_buttons_fabrics_materials a.prod_txtlink_0202
{
width: 100%;
font-size: 16px;
text-align: center;
margin:5px 0;
padding: 5px 0;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
background:#999;
display: block;
color: #FFF;
}
.option_buttons_ li.social_ div.socialbutton_ {
margin-bottom:15px;
}
div.goodscomment5_ a.galgroup img{
max-width: 100%;
}
/* --------------------------------------------------------------------
商品一覧
-------------------------------------------------------------------- */
div.goods_ {
margin: 0 10px 10px;
}
ul.goods_p_ {
}
ul.goods_p_ li {
border-bottom: 1px solid #CCC;
}
ul.goods_p_ li:first-child {
border-top: 1px solid #CCC;
}
ul.goods_p_ li a {
padding: 10px 30px 10px 0;
display: block;
text-decoration: none;
background: url(/img/usr/link_goods.png) right center no-repeat;
}
ul.goods_p_ li div.nolink_ {
padding: 10px 0;
display: block;
text-decoration: none;
}
ul.goods_p_ li figure.img_,
ul.goods_p_ li div.desc_ {
display: table-cell;
vertical-align: top;
}
ul.goods_p_ li figure.img_ {
width: 100px;
}
ul.goods_p_ li figure.img_ img {
width: 100px;
display: block;
}
ul.goods_p_ li div.desc_ {
padding-left: 10px;
}
ul.goods_p_ li div.desc_ div.name_ {
}
ul.goods_p_ li div.desc_ div.name_ .name1_ {
font-weight: bold;
}
ul.goods_p_ li a div.desc_ div.name_ .name1_ {
color: #000;
}
ul.goods_p_ li div.desc_ div.name_ .name2_ {
font-size: 12px;
}
ul.goods_p_ li div.desc_ .price_box_ small {
display: block;
}
/* --------------------------------------------------------------------
商品一覧 バリエーション
-------------------------------------------------------------------- */
div.cartvariation_ {
margin: 0 10px 10px;
}
ul.cartvariation_ {
border-top: 1px solid #CCC;
}
ul.cartvariation_ li {
padding: 10px 0;
display: -moz-box;
display: -webkit-box;
display: box;
width: 100%;
border-bottom: 1px solid #CCC;
}
ul.cartvariation_ li a {}
ul.cartvariation_ li div.nolink_ {
}
ul.cartvariation_ li div.img_,
ul.cartvariation_ li div.desc_ {
vertical-align: top;
}
ul.cartvariation_ li div.img_ {
width: 100px;
-moz-box-flex: 0;
-webkit-box-flex: 0;
}
ul.cartvariation_ li div.img_ img {
width: 100px;
display: block;
}
ul.cartvariation_ li div.desc_ {
padding-left: 10px;
-moz-box-flex: 1;
-webkit-box-flex: 1;
}
ul.cartvariation_ li div.desc_ div.name_ {
}
ul.cartvariation_ li div.desc_ div.name_ .name1_ {
font-weight: bold;
}
ul.cartvariation_ li a div.desc_ div.name_ .name1_ {
color: #000;
}
ul.cartvariation_ li div.desc_ div.name_ .name2_ {
font-size: 12px;
}
ul.cartvariation_ li div.desc_ .price_box_ small {
display: block;
}
ul.cartvariation_ li div.desc_ .cart_ {
text-align: right;
}
ul.cartvariation_ li div.desc_ .cart_ .variation_ {
margin-bottom: 5px;
}
/* --------------------------------------------------------------------
商品検索
--------------------------------------------------------------------- */
dl.goodssearch_ {
margin:0 10px;
border:1px solid #CCC;
margin-bottom:10px;
}
dl.goodssearch_ dt
, dl.goodssearch_ dd {
display: block;
white-space: nowrap;
}
dl.goodssearch_ dt {
padding:2px 2px 2px 6px;
background-color: #F0F0F0;
}
dl.goodssearch_ dd {
padding:5px;
}
/**/
/* --------------------------------------------------------------------
カテゴリー
-------------------------------------------------------------------- */
/* カテゴリー詳細 */
div.sub_category_ {
margin: 10px;
overflow:hidden;
}
/* カテゴリー一覧 */
nav.CategoryStyleG_ {
border-top: 1px solid #8e8b89;
}
nav.CategoryStyleG_ ul.layer0_ {
padding-left: 0;
background: #E0E0E0;
}
nav.CategoryStyleG_ ul.layer1_ {
background: #E0E0E0;
}
nav.CategoryStyleG_ ul.layer2_ {
background: #E0E0E0;
}
nav.CategoryStyleG_ ul.layer3_ {
background: #E0E0E0;
}
nav.CategoryStyleG_ ul li {
border-top: 1px solid #CCC;
width: 100%;
word-break:break-all;
}
#shop_footer_ nav.CategoryStyleG_ ul li {
border-top: 1px solid #666;
}
nav.CategoryStyleG_ ul li.nochild_ {
}
nav.CategoryStyleG_ ul.layer0_ li {
background-color: #F0F0F0;
}
nav.CategoryStyleG_ ul.layer1_ li,
nav.CategoryStyleG_ ul.layer2_ li,
nav.CategoryStyleG_ ul.layer3_ li {
background-color: transparent;
}
nav.CategoryStyleG_ ul li p.name_,
nav.CategoryStyleG_ ul li p.parent_,
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ {
vertical-align: top;
display: table-cell;
}
nav.CategoryStyleG_ ul li a,
nav.CategoryStyleG_ ul li span.nolink_ {
padding: 10px 10px 10px 0;
text-decoration: none;
}
nav.CategoryStyleG_ ul li a .name_{
text-decoration: underline;
}
nav.CategoryStyleG_ ul li a .comment_,
nav.CategoryStyleG_ ul li span.nolink_ .comment_ {
font-size: 12px;
text-decoration: none;
}
nav.CategoryStyleG_ ul li p.parent_ {
padding: 0;
text-indent: -9999px;
width: 40px;
height: 40px;
vertical-align: top;
overflow: hidden;
}
nav.CategoryStyleG_ ul li p.parent_ {
background: url(/img/usr/minus.png) right top no-repeat;
}
nav.CategoryStyleG_ ul li p.parent_.img_hidden_ {
background: url(/img/usr/plus.png) right top no-repeat;
}
#shop_footer_ nav.CategoryStyleG_ ul li p.parent_ {
background: url(/img/usr/minus2.png) right top no-repeat;
}
#shop_footer_ nav.CategoryStyleG_ ul li p.parent_.img_hidden_ {
background: url(/img/usr/plus2.png) right top no-repeat;
}
nav.CategoryStyleG_ ul.layer1_ li p.parent_{
padding-left: 30px;
}
nav.CategoryStyleG_ ul.layer2_ li p.parent_{
padding-left: 60px;
}
nav.CategoryStyleG_ ul.layer3_ li p.parent_{
padding-left: 90px;
}
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer0_ li.nochild_ .comment_ {
padding-left: 40px;
}
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer1_ li.nochild_ .comment_ {
padding-left: 70px;
}
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer2_ li.nochild_ .comment_ {
padding-left: 100px;
}
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .name_,
nav.CategoryStyleG_ ul.layer3_ li.nochild_ .comment_ {
padding-left: 130px;
}
div.CategoryStyleL_ div.name_ {
margin: 0;
padding: 5px 10px;
border-top: 1px solid #eae5e3;
border-left: 1px solid #eae5e3;
border-right: 1px solid #eae5e3;
background: #ffffff url(/img/usr/sp/menu_arrow2.png) 50% right no-repeat;
}
div.CategoryStyleL_ div.name_ {
border-bottom: 1px solid #eae5e3;
margin-bottom: 2px;
}
div.CategoryStyleL_ div.comment_ {
padding: 2px 2px 4px 10px;
}
/* --------------------------------------------------------------------
ジャンル
-------------------------------------------------------------------- */
/* ジャンル詳細 */
div.sub_genre_ {
margin: 10px;
}
/* ジャンル一覧 */
nav.GenreStyle_ {
border-bottom: 1px solid #8e8b89;
}
#shop_footer_ nav.GenreStyle_ {
border-bottom: 1px solid #666;
}
nav.GenreStyle_ ul.layer0_ {
padding-left: 0;
background: #E0E0E0;
}
nav.GenreStyle_ ul.layer1_ {
background: #E0E0E0;
}
nav.GenreStyle_ ul.layer2_ {
background: #E0E0E0;
}
nav.GenreStyle_ ul.layer3_ {
background: #E0E0E0;
}
nav.GenreStyle_ ul li {
border-top: 1px solid #CCC;
width: 100%;
word-break:break-all;
}
#shop_footer_ nav.GenreStyle_ ul li {
border-top: 1px solid #666;
}
nav.GenreStyle_ ul li.nochild_ {
}
nav.GenreStyle_ ul.layer0_ li {
background-color: #F0F0F0;
}
nav.GenreStyle_ ul.layer1_ li,
nav.GenreStyle_ ul.layer2_ li,
nav.GenreStyle_ ul.layer3_ li {
background-color: transparent;
}
nav.GenreStyle_ ul li p.name_,
nav.GenreStyle_ ul li p.parent_,
nav.GenreStyle_ ul li a,
nav.GenreStyle_ ul li span.nolink_ {
vertical-align: top;
display: table-cell;
}
nav.GenreStyle_ ul li a,
nav.GenreStyle_ ul li span.nolink_ {
padding: 10px 10px 10px 0;
text-decoration: none;
}
nav.GenreStyle_ ul li a .name_{
text-decoration: underline;
}
nav.GenreStyle_ ul li a .comment_,
nav.GenreStyle_ ul li span.nolink_ .comment_ {
font-size: 12px;
text-decoration: none;
}
nav.GenreStyle_ ul li p.parent_ {
padding: 0;
text-indent: -9999px;
width: 40px;
height: 40px;
vertical-align: top;
overflow: hidden;
}
nav.GenreStyle_ ul li p.parent_ {
background: url(/img/usr/minus.png) right top no-repeat;
}
nav.GenreStyle_ ul li p.parent_.img_hidden_ {
background: url(/img/usr/plus.png) right top no-repeat;
}
#shop_footer_ nav.GenreStyle_ ul li p.parent_ {
background: url(/img/usr/minus2.png) right top no-repeat;
}
#shop_footer_ nav.GenreStyle_ ul li p.parent_.img_hidden_ {
background: url(/img/usr/plus2.png) right top no-repeat;
}
nav.GenreStyle_ ul.layer1_ li p.parent_{
padding-left: 30px;
}
nav.GenreStyle_ ul.layer2_ li p.parent_{
padding-left: 60px;
}
nav.GenreStyle_ ul.layer3_ li p.parent_{
padding-left: 90px;
}
nav.GenreStyle_ ul.layer0_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer0_ li.nochild_ .comment_ {
padding-left: 40px;
}
nav.GenreStyle_ ul.layer1_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer1_ li.nochild_ .comment_ {
padding-left: 70px;
}
nav.GenreStyle_ ul.layer2_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer2_ li.nochild_ .comment_ {
padding-left: 100px;
}
nav.GenreStyle_ ul.layer3_ li.nochild_ .name_,
nav.GenreStyle_ ul.layer3_ li.nochild_ .comment_ {
padding-left: 130px;
}
/* --------------------------------------------------------------------
イベント
-------------------------------------------------------------------- */
/* イベント詳細 */
/* イベント一覧 */
div.event_ {
margin-bottom: 10px;
}
div.event_ h2.event_banner_ {
margin: 0 10px 10px;
text-align: center;
}
div.event_ h2.event_title_ {
clear: both;
font-size: 15px;
font-weight: bold;
/* border-bottom: 1px solid #CCC; */
}
div.event_ h2.event_title_ a {
color: #B49158;
padding: 15px 10px 10px 10px;
display: block;
text-decoration: none;
}
div.event_ h2.event_title_ a:after {
}
div.event_ h2.event_title_ span.nolink_ {
padding: 15px;
display: block;
}
/* --------------------------------------------------------------------
タグ
-------------------------------------------------------------------- */
h1.tag_name_ {
margin: 10px;
font-size: 18px;
font-weight: bold;
color: #000;
}
.side_tag_cloud_ {
}
.side_tag_cloud_ span {
line-height: 140%;
}
.tag_lowest_ {
font-size:80%;
}
.tag_low_ {
font-size:100%;
}
.tag_medium_ {
font-size:120%;
}
.tag_high_ {
font-size:144%;
font-weight:bold;
}
.tag_highest_ {
font-size: 173%;
font-weight:bold;
}
.tag_cloud_ {
}
.tag_cloud_ .tag_list_ {
margin: 10px;
}
.tag_cloud_ span {
line-height: 140%;
}
.tag_cloud_more_ {
margin: 10px 0 0 0;
font-weight: bold;
}
.tag_add_shaping_ {
margin: 0 10px 10px;
overflow: hidden;
border: 1px solid #CCC;
background: #FFFFFF;
}
.tag_add_shaping_ dt {
padding: 2px 2px 2px 6px;
background: #F0F0F0;
}
.tag_add_shaping_ dd {
padding: 0 0 0 7px;
font-size: 12px;
}
.tag_add_shaping_ h2 {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.tag_add_shaping_ span {
margin-right: 10px;
padding-left:15px;
float: left;
white-space: nowrap;
background: url(/img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_other_ {
margin: 10px 10px 10px;
overflow: hidden;
border: 1px solid #CCC;
background: #FFFFFF;
}
.tag_other_ dt {
padding: 2px 2px 2px 6px;
background: #F0F0F0;
}
.tag_other_ dd {
padding: 0 0 0 7px;
font-size: 12px;
}
.tag_other_ h2 {
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #CCC;
}
.tag_other_ span {
margin-right: 10px;
padding-left:15px;
float: left;
white-space: nowrap;
background: url(/img/usr/icon_tag.gif) 0 center no-repeat;
}
.tag_info_ {
margin: 10px;
}
.tag_info_ p.name_ {
margin: 0 0 5px 0;
padding: 0 0 5px 15px;
background: url(/img/usr/icon_tag.gif) 0 center no-repeat;
border-bottom: 1px dotted #CCC;
}
/* --------------------------------------------------------------------
カスタマーレビュー一覧
--------------------------------------------------------------------- */
/* レビュー情報 */
div.review_info_ {
padding: 0 10px 10px;
}
div.review_count_summary_ {
margin-bottom: 5px;
padding: 6px;
background: #F8F8F8;
border: 1px solid #CCC;
}
div.review_count_summary_ dl dt
, div.review_count_summary_ dl dd {
display: inline;
}
div.review_count_summary_ dl.review_score_ {
}
div.review_count_summary_ dl.review_score_ dt {
font-weight: bold;
}
div.review_count_summary_ dl.review_count_ {
}
div.review_count_summary_ dl.review_count_ dt {
font-weight: bold;
}
div.review_count_summary_ dl.review_count_ dd {
padding-left: 4px;
}
div.review_desc_ {
}
div.review_desc_ .btn_review_ {
text-align: right;
}
.review_pagenav_ {
margin: 0 0 10px 0;
clear: both;
background: #F0F0F0;
padding: 5px;
border-bottom: 1px solid #CCC;
}
/**/
/* レビュー ページ切換 */
div#page_changer_top {
}
div#page_changer_top .pager_ref_ {
margin: 2px 5px;
color: #003780;
text-decoration: underline;
font-weight: bold;
white-space: nowrap;
}
div#page_changer_top .pager_now_ {
margin: 2px 5px;
color:#CC0000;
font-weight: bold;
white-space: nowrap;
}
/**/
/* レビュー記事 */
.review_line_ {
padding: 10px;
border-bottom:1px solid #CCC;
}
.review_line_:first-child {
border-top:1px solid #CCC;
}
.review_line_title_ {
padding: 5px;
font-size: 16px;
font-weight: bold;
background: #F0F0F0;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.review_line_body_ {
padding: 5px;
}
div.review_line_summary_ {
}
div.review_line_summary_ dl dt
, div.review_line_summary_ dl dd {
display: inline;
}
div.review_line_summary_ dl.review_line_name_ {
}
div.review_line_summary_ dl.review_line_name_ dt {
font-weight: bold;
}
div.review_line_summary_ dl.review_line_name_ dd {
padding-left: 4px;
}
div.review_line_summary_ dl.review_line_score_ {
}
div.review_line_summary_ dl.review_line_score_ dt {
font-weight: bold;
}
.review_line_comment_ {
padding: 2px;
word-break:break-all;
}
.review_line_ .moderate_vote_ {
padding: 5px 0 0;
border-top: 1px dotted #CCC;
}
.review_line_ .mode_lay_ {
position:absolute;
display:none;
z-index:1;
padding: 0;
background-color:#ffffff;
border:solid 1px #ffcc33;
}
.review_line_ .mode_lay_ .mode_select_line_top_ {
text-align: right;
padding: 10px;
background-color:#ffcc33;
}
.review_line_ .mode_lay_ .mode_select_line_ {
padding: 10px 20px;
border-top:solid 1px #ffcc33;
}
.review_line_ .moderate_info1_ {
margin-top: 5px;
}
.review_line_ .moderate_info2_ {
margin-top: 5px;
}
.review_line_ .moderate_info2_ span {
text-decoration:underline!important;
}
.review_line_ .moderate_other_ {
display:none;
}
.review_line_ .moderate_other_ dl dt
, .review_line_ .moderate_other_ dl dd {
display: inline;
}
.review_line_ .moderate_other_ dl{
padding-left: 10px;
}
.review_line_ .moderate_other_ dl dd {
padding-left: 4px;
}
#review_form {
margin: 0 10px 20px;
}
/**/
/* --------------------------------------------------------------------
カスタマーレビュー投稿画面
--------------------------------------------------------------------- */
/* 入力画面 */
div.review_ {
}
div.review_ div.review_header_,
div.review_ div.review_middle_,
div.review_ div.review_footer_,
div.review_ div.review_complete_ {
margin: 0 10px 10px;
}
dl.review_list_ {
margin:0 10px;
border:1px solid #CCC;
border-bottom: none;
margin-bottom:10px;
}
dl.review_list_ dt
, dl.review_list_ dd {
display: block;
white-space: nowrap;
}
dl.review_list_ dt {
padding: 5px;
background-color: #F0F0F0;
}
dl.review_list_ dd {
padding: 5px 10px;
border-bottom: 1px solid #CCC;
}
div.review_ input[type=text]
, div.review_ textarea {
display: block;
}
dl.review_list_ li .count_msg_ {
}
/**/
/* 確認画面 */
div.confirm_layer_frame_ {
margin-top: 5px;
}
/**/
/* --------------------------------------------------------------------
クイックオーダー
-------------------------------------------------------------------- */
div.quickorder_ {
}
div.quickorder_ div.add_order_block_ {
margin-bottom: 10px;
padding: 10px;
text-align: center;
background: #F0F0F0;
}
div.quickorder_ div.add_order_block_ span {
display: inline-block;
padding: 5px 20px;
cursor: pointer;
-moz-text-shadow: 0 -1px 1px #CCC;
-webkit-text-shadow: 0 -1px 1px #CCC;
text-shadow: 0 -1px 1px #CCC;
background: #DFDFDF -moz-linear-gradient(top,#FFFFFF,#DFDFDF);
background: #DFDFDF -webkit-gradient(linear,left top,left bottom,from(#FFFFFF),to(#DFDFDF));
background: #DFDFDF linear-gradient(top,#FFFFFF,#DFDFDF);
border: 1px solid #CCC;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: #333 0 1px 1px -1px;
-webkit-box-shadow: #333 0 1px 1px -1px;
box-shadow: #333 0 1px 1px -1px;
}
div.quickorder_ ul.quickorder_list_ {
margin-bottom: 10px;
border-top: 1px solid #CCC;
}
div.quickorder_ ul.quickorder_list_ li {
padding: 10px;
border-bottom: 1px solid #CCC;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ {
margin-bottom: 10px;
padding-right: 45px;
position: relative;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input[type="text"] {
padding: 5px 0;
text-indent: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input.code_ {
text-align: left;
width: 96%;
}
div.quickorder_ ul.quickorder_list_ li div.code_qty_ input.qty_ {
padding-right: 5px;
position: absolute;
right: 0;
text-align: right;
width: 35px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ {
display: table;
width: 100%;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure {
padding: 10px;
display: table-cell;
vertical-align: top;
width: 100px;
background: #F0F0F0;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure img {
max-width: 100px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure figcaption.price_box_ small {
display: block;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ {
padding: 0 0 0 10px;
display: table-cell;
vertical-align: top;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ {
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_ {
font-weight: bold;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_ {
color: #000;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name2_ {
font-size: 12px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ {
font-size: 12px;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ dt {
float: left;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ dd {
padding-left: 3em;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ {
margin-bottom: 10px;
font-size: 12px;
color: #C00;
font-weight: bold;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ dt {
float: left;
}
div.quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ dd {
padding-left: 3em;
}
div.quickorder_ .onProcess_ {
background-image: url(/img/usr/ajax-loader.gif);
background-repeat: no-repeat;
background-position: 50% 50%;
}
div.quickorder_ .selected {
color: #00dd00;
background-color: #FFF;
}
div.quickorder_ span.unit_ {
margin: 5px;
}
#suggestArea {
background-color: white;
border: 1px solid black;
display: none;
padding-top: 5px;
padding-bottom: 5px;
position: absolute;
top: 50px;
left: 5px;
color: black;
}
.itemNotFound {
text-align: center;
color: #777777;
padding: 0 5px;
height: 18px;
line-height: 18px;
}
.itemLine {
padding: 0px 5px 0px 5px;
height: 20px;
line-height: 20px;
list-style:none;
white-space:nowrap;
}
.itemLine .itemCode {
float: left;
font-weight: bold;
margin-right: 5px;
}
.itemLine .itemName {
}
.delButton {
}
/* --------------------------------------------------------------------
アンケート
-------------------------------------------------------------------- */
div.questionnaire_ {
}
div.questionnaire_ div.questionnaire_name_ {
font-weight: bold;
}
div.questionnaire_ h3 {
font-weight: bold;
}
.questionnaire_input_ textarea {
width: 95%;
}
/* --------------------------------------------------------------------
マイページ クーポン一覧
-------------------------------------------------------------------- */
div.coupon_table_ {
margin: 0 10px;
}
table.coupon_ {
width: 100%;
border: 1px solid #CCCCCC;
border-bottom: none;
margin: 0 0 10px;
}
table.coupon_ th
, table.coupon_ td {
padding: 1px 5px;
border-bottom: 1px solid #CCCCCC;
text-align:left;
}
table.coupon_ th {
background-color: #F8F8F8;
vertical-align: middle;
width: 35%;
font-weight: normal;
}
/* --------------------------------------------------------------------
マイページ 承認設定
-------------------------------------------------------------------- */
table.approvallist_ {
width: 100%;
border: 1px solid #CCCCCC;
border-bottom: none;
margin: 5px 0;
}
table.approvallist_ th
, table.approvallist_ td {
padding: 1px 5px;
border-bottom: 1px solid #CCCCCC;
text-align:left;
}
table.approvallist_ th {
background-color: #e5f3ff;
vertical-align: middle;
width: 35%;
font-weight: normal;
}
table.approvallist_ td.sys_msg_ {
color: #cc0000;
}
/* --------------------------------------------------------------------
関連商品
--------------------------------------------------------------------- */
div.title_block_ {
padding: 5px 5px 5px 8px;
margin-top: 5px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius:8px;
}
/* --------------------------------------------------------------------
商品２列調整
--------------------------------------------------------------------- */
.goods_ ul.goods_p_ {
width: 100%;
margin-bottom:10px;
overflow: hidden;
}
ul.goods_p_ li:first-child {
border-top:none;
}
ul.goods_p_ {
width:100%;
border-top: 1px solid #CCC;
display:-ms-flexbox;
display:-webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
}
ul.goods_p_ li{
width: 50%;
/* float: left;
display: inline-block;
min-height:180px; */
overflow: hidden;
-webkit-flex-basis:50%;
-moz-flex-basis:50%;
-ms-flex-basis:50%;
-o-flex-basis:50%;
flex-basis:50%;
padding:5px 0;
}
ul.goods_p_ li a {
padding: 0;
display: block;
text-decoration: none;
background-image:none;
}
ul.goods_p_ li figure.img_ {
width: 100%;
margin:5px 0;
}
ul.goods_p_ li figure.img_, ul.goods_p_ li div.desc_ {
display: block;
}
ul.goods_p_ li div.desc_ {
padding-left:0;
}
ul.goods_p_ li div.desc_ div.name_ {
font-size:12px;
padding:0 10px;
line-height: 1.4;
}
ul.goods_p_ li div.desc_ div.name2_ {
padding:0 10px;
}
ul.goods_p_ li div.desc_ div.price_box {
padding:0 10px;
}
ul.goods_p_ li div.desc_ div.stock_ {
padding:0 10px;
font-size: 12px;
}
ul.goods_p_ li figure.img_ {
text-align: center;
}
ul.goods_p_ li figure.img_ img {
width: 100px;
display: block;
margin:5px auto;
}
.navipage_sum_ {
display: inline;
margin-left: 5px;
}
.navipage_ , .navipage_sum_ {
font-size:12px;
}
.navipage_sum_ strong {
font-size:12px;
}
.navipage_ nav {
margin:5px 0;
font-size:12px;
}
ul.goods_p_ li figure.img_ {
width:100% !important;
}
ul.goods_p_ li figure.img_ img {
width: 120px !important;
}
ul.goods_p_ li div.desc_ .name2_ {
font-size:12px;
}
.price_ {
color: #000;
font-size:12px;
font-weight: normal;
}
.price1_ {
font-size:11px;
}
.price2_ {
font-size:11px;
}
.price_box {
color: #666;
font-size:12px;
}
.price_box .price_ .price1_ {
font-size:11px;
}
.price_pop_ b{
font-size:11px !important;
}
ul.goods_p_ a, ul.goods_p_ a:link, ul.goods_p_ a:visited {
color: #000;
}
div.event_ h2.event_title_ {
}
/* --------------------------------------------------------------------
ブランド ジャンル
--------------------------------------------------------------------- */
.CategoryStyleT_ .CategoryStyleT_Item_ {
text-align: center;
margin-bottom:20px;
}
/* --------------------------------------------------------------------
レコメンド
--------------------------------------------------------------------- */
/*トップページ 111,112 4*/
/*カテゴリトップページ(第１階層) 211 4*/
/*カテゴリトップページ(第２階層) 212 4*/
/*検索結果ページ 711 4*/
#recommender_sp111,
#recommender_sp112,
#recommender_sp113,
#recommender_sp211,
#recommender_sp212,
#recommender_sp711{
/* width: 100%; */
overflow: hidden;
padding:0 10px;
}
#recommender_sp111 .dv_rc_footer,
#recommender_sp112 .dv_rc_footer {
border-bottom: 1px solid #CCC;
width: 100%;
clear: both;
}
#recommender_sp111 .dv_rc_items,
#recommender_sp112 .dv_rc_items,
#recommender_sp113 .dv_rc_items,
#recommender_sp211 .dv_rc_items,
#recommender_sp212 .dv_rc_items,
#recommender_sp711 .dv_rc_items{
width: 50%;
overflow: hidden;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-o-flex-basis: 50%;
flex-basis: 50%;
padding: 5px 0;
border-top: 1px solid #CCC;
}
/*アイテム詳細ページ 311 5*/
/*カートページ 411 412 5*/
/*注文完了 511 5*/
/*マイページ 611 5*/
#recommender_sp311,
#recommender_sp411,
#recommender_sp412,
#recommender_sp511 ,
#recommender_sp611 {
/* width: 100%; */
overflow: hidden;
padding:0 10px;
}
#recommender_sp311 .dv_rc_items,
#recommender_sp411 .dv_rc_items,
#recommender_sp412 .dv_rc_items,
#recommender_sp511 .dv_rc_items ,
#recommender_sp611 .dv_rc_items {
border-top: 1px solid #CCC;
width: 50%;
overflow: hidden;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-o-flex-basis: 50%;
flex-basis: 50%;
padding: 5px 0;
}
.dv_recommend {
width: 100%;
clear: both;
overflow: hidden;
padding:20px 0;
/* border-top: 1px solid #CCC; */
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.dv_recommend a{
color: #000;
text-decoration: none;
font-size:12px;
}
.dv_recommend .dv_rc_items img {
width: 120px;
display: block;
margin: 5px auto;
}
.dv_recommend .dv_rc_items .dv_rc_name {
font-size: 12px;
padding: 0 10px;
line-height: 1.4;
}
.dv_recommend .dv_rc_items .dv_rc_price {
font-size: 12px;
padding: 0 10px;
line-height: 1.4;
display:none;
}
.dv_recommend .dv_rc_items .dv_rc_price {
font-weight: normal;
color: #666;
font-size: 12px;
font-size: 11px;
}
.dv_recommend .dv_rc_title {
clear: both;
color: #000;
font-size: 14px;
margin-bottom: 10px;
width: 100%;
font-weight: bold;
padding: 0 0px;
}
#recommender_sp111 .dv_recommend .dv_rc_title:before{
content:"閲覧履歴からのおすすめ家具・照明";
}
#recommender_sp112 .dv_recommend .dv_rc_title:before{
content:"閲覧履歴からのおすすめ雑貨";
}
#recommender_sp113 .dv_recommend .dv_rc_title:before{
content:"閲覧履歴からのおすすめチェア";
}
#recommender_sp211 .dv_recommend .dv_rc_title:before,
#recommender_sp212 .dv_recommend .dv_rc_title:before{
content:"このカテゴリのおすすめ";
}
#recommender_sp311 .dv_recommend .dv_rc_title:before{
content:"このアイテムを見た人はこちらのアイテムも見ています";
}
#recommender_sp711 .dv_recommend .dv_rc_title:before{
content:"閲覧履歴からのおすすめ";
}
#recommender_sp411 .dv_recommend .dv_rc_title:before{
content:"このアイテムを見た人はこちらのアイテムも見ています";
}
#recommender_sp412 .dv_recommend .dv_rc_title:before{
content:"こちらも合わせて購入すると送料無料になります";
}
#recommender_sp511 .dv_recommend .dv_rc_title:before{
content:"他にこんなのはいかかでしょうか";
}
#recommender_sp611 .dv_recommend .dv_rc_title:before{
content:"履歴からのおすすめ商品";
}
.cartlist_ .postage_comment_ {
display: none;
}
h2.reccomend_item_list_ {
padding: 20px 10px 10px;
font-size:16px;
}
.sp_none {
display: none !important;
}
.kvadrat2016 .inbox1{
float: none !important;
width:100% !important;
}
.kvadrat2016 .inbox2{
float: none !important;
width:100% !important;
padding: 0 !important;
}
#art {
padding: 0 10px;
}
#art img{
max-width: 100%;
}
#art .art_cord_step li{
text-align: center;
}
#art .art_cord_step li em{
display: block;
text-align: center;
}
#hdcmpsp {
/* display:block !important; */
display:none !important;
}
/* freepage_sp.css */
/* --------------------------------------------------------------------
スマートフォン 共通
--------------------------------------------------------------------- */
.imgline3,
.imgline2 {
margin-bottom:30px;
width: 100%;
overflow: hidden;
}
.imgline3,
.imgline2 {
text-align:center;
}
#sidebox_category {
padding: 10px;
overflow: hidden;
clear: both;
font-size: 11px;
}
#sidebox_category h2, #sidebox_category ul {
width: 100%;
overflow: hidden;
}
#sidebox_category h2 {
margin:10px 0 5px;
color: #af1062;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
#sidebox_category ul li {
/*
float: left;
padding-right: 10px;
margin-right: 10px;
line-height: 1.1;
border-right: solid 1px #CCC;
margin-bottom: 5px;
*/
}
#news #news_detail img ,
.topiclist_body_ img {
max-width:100%;
height: auto !important;
}
.freepage_ img {
max-width:100%;
}
#gallery_content .gallery_thumbs_ {
/* display:none; */
}
.navitopicpath_ {
overflow: hidden;
}
h1.common_headline1_ span {
display: block;
}
/* gallery */
#gallery_content .gallery_caption_ {
margin-bottom:10px;
}
#gallery_content .gallery_thumbs_{
width:100%;
position:relative;
overflow:hidden;
}
#gallery_content .gallery_prev_,
#gallery_content .gallery_next_{
width:15px;
background:#CCC;
font-size:10px;
color:#FFF;
position:absolute;
top:0;
z-index:200;
height:100%;
cursor:pointer;
vertical-align:middle;
text-align:center;
line-height:41px;
display:table-cell;
display:none;
}
#gallery_content .gallery_prev_ {
left:0;
}
#gallery_content .gallery_next_ {
right:0;
}
#gallery_content .gallery_thumbs_ ul{
width:20000px;
position:relative;
left:15px;
top:0;
z-index:100;
overflow:hidden;
}
#gallery_content .gallery_thumbs_ li {
float:left;
display:block;
position:relative;
text-align:center;
}
#gallery_content .gallery_thumbs_ li img{
width:90%;
border:solid 1px #CCC;
}
#gallery_content .gallery_thumbs_ li.current img{
border:solid 1px #444;
}
.freepage_.single_ {
margin:0 10px;
}
.freepage_.single_ .navitopicpath_ {
margin:10px 0px 20px !important;
}
.freepage_.single_ .common_headline1_ {
margin: 10px 0 !important;
}
.freepage_.single_ .brandbox_ {
}
/* --------------------------------------------------------------------
ONLINE STORE ご利用ガイド
--------------------------------------------------------------------- */
#shop_guide {
margin:0 10px;
}
#shop_guide .common_headline1_ {
margin:10px 0;
}
#shop_guide .guide_index_{
margin-bottom:20px;
}
#shop_guide .guide_index_ dt{
font-weight:bold;
}
#shop_guide .guide_index_ dd:before{
content:'> ';
font-size:8px;
}
#shop_guide .column_ {
margin-bottom:15px;
}
#shop_guide .column_ p {
font-size:12px;
}
.topiclist_body_ .basetable_,
#shop_guide .basetable_ {
border-top: solid 1px #DDD;
border-left: solid 1px #DDD;
}
.topiclist_body_ table.basetable_ th,
#shop_guide table.basetable_ th {
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
background: #EEE;
text-align: left;
padding: 3px;
font-size:10px;
font-weight:normal;
}
.topiclist_body_ table.basetable_ td ,
#shop_guide table.basetable_ td {
font-size:10px;
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
padding: 3px;
}
#shop_guide .outletFAQ dl{
margin-bottom:10px;
line-height: 1.5;
font-size:12px;
}
#shop_guide .outletFAQ dt{
padding:2px;
background: #F0F0F0;
font-weight: bold;
font-size:12px;
}
#shop_guide .outletFAQ dd{
padding:5px 0 5px 0;
font-size:12px;
}
#shop_guide .outletFAQ dt span,
#shop_guide .outletFAQ dd span{
font-weight: bold;
margin-right:5px;
font-size:12px;
color: #D00;
}
/* --------------------------------------------------------------------
BRAND
--------------------------------------------------------------------- */
#interior-acc-navi,
#cassina-navi {
margin-bottom:10px;
}
#interior-acc-navi li:before,
#cassina-navi li:before{
content:'> ';
font-size:8px;
}
#original-navi ,
#craftsmanship-navi {
width: 100%;
}
#original-navi li,
#craftsmanship-navi li{
width: 50%;
float: left;
list-style-type:none;
}
#craftsmanship-navi li a, #original-navi li a {
height: 40px;
overflow: hidden;
text-align: center;
width: 100%;
display: block;
font-size: 18px;
line-height: 40px;
color: #FFF;
background: none repeat scroll 0% 0% #3F3F3F;
text-decoration: none;
letter-spacing: 1px;
}
#craftsmanship-navi1 a.current, #craftsmanship-navi1 a:hover {
background-color: #B49159 !important;
}
#craftsmanship-navi2 a.current, #craftsmanship-navi2 a:hover {
background-color: #B49159 !important;
}
#original-navi1 a.current, #original-navi1 a:hover {
background-color: #B00F61 !important;
}
#original-navi2 a.current, #original-navi2 a:hover {
background-color: #B00F61 !important;
}
.designer_block_ {
width:100%;
border-bottom:solid 1px #CCC;
margin-bottom:15px;
padding-bottom:15px;
}
.designer_block_ .designer_photo{
width:100%;
text-align:center;
float:left;
}
.designer_block_ .designer_product{
width:50%;
text-align:center;
float:left;
}
.designer_block_ dl{
width:100%;
overflow:hidden;
clear:both;
text-align:center;
margin:10px 0;
}
.designer_block_ p{
font-size:10px;
}
#designer_pager_prev {
display:none;
}
#designer_pager_next {
display:none;
}
.designer_detail_box_ .designer_detail_box_photo {
text-align: center;
}
.designer_detail_box_ .designer_detail_box_photo img{
width:80%;
max-width:290px;
}
.designer_detail_box_ .designer_detail_txt {
margin-bottom:20px;
}
.designer_product_ {
width:100%;
overflow:hidden;
}
.designer_product_ li,
.designer_product_ li,
.designer_product_ li,
.designer_product_ li,
.designer_product_ li{
width:32% !important;
margin:0 0.55% !important;
font-size:10px !important;
float:left !important;
}
.designer_hostory {
width:96% !important;
font-size:10px;
}
.designer_hostory dt{
font-size:12px;
}
.designer_hostory dd{
font-size:12px;
padding-left:0 !important;
margin-bottom:5px;
}
.designer_detail_box_detail {
background-image:none !important;
}
.designer_detail_box_detail h1 {
font-size:20px;
color: #b49159;
float: left;
padding-right:20px;
padding-left:10px;
}
.designer_detail_box_detail span {
font-size:12px;
display: block;
font-weight:normal;
}
.designer_detail_box_icon_cassina {
display: block;
float: right;
padding-right:10px;
width: 40px;
}
.designer_opt_txt {
clear: both;
padding:0 10px;
}
.designer_detail_txt {
clear: both;
padding:0 10px;
}
.designer_hostory {
clear: both;
margin:0 2%;
padding:10px 0;
border-top: dotted 1px #B49158;
}
.designer_detail_box_ h2 {
padding: 10px !important;
}
#company_history dt,
#company_outline dt{
font-size:13px;
}
#company_history dd,
#company_outline dd{
font-size:12px;
margin-bottom:8px;
}
.sub_navi_rt_ {
margin-bottom:10px;
}
.sub_navi_rt_ li:before{
content:'> ';
font-size:8px;
}
#business_support .box_support_ dt {
color: #B49159;
}
#business_support .box_support_ dd {
font-size:12px;
}
#business_support .box_support_ dl{
margin:10px 0 10px;
}
#business_support .box_model_ dt {
background: #B49159;
color:#FFF;
padding:3px;
margin-bottom:5px;
}
#business_support .box_model_ dd {
font-size:12px;
margin-bottom:10px;
}
.ir_list_ li{
margin-bottom:6px;
font-size:12px;
}
#ir2 .ir_list_ {
margin-bottom:10px;
}
#ir2 table th {
background: none repeat scroll 0% 0% #ECE3D4;
border-bottom: 1px solid #E1D3BC;
border-right: 1px solid #E1D3BC;
padding: 3px;
font-size:10px;
text-align: left;
}
#ir2 table th span{
font-size:10px;
}
#ir2 table td {
border-bottom: 1px solid #E1D3BC;
padding: 3px;
font-size:10px;
}
.brandbox_ {
margin-bottom:30px;
}
.brandbox_ .brandbox_desc_{
font-size:12px;
}
.brandbox_ .brandbox_title_{
text-align: center;
}
.brandbox_ .brandbox_title_ span{
font-weight: normal !important;
display: block;
text-align: center;
margin-top:2px !important;
font-size:7px;
}
.brandbox_ .brandbox_img_ img {
width: 100%;
}
/* --------------------------------------------------------------------
PRIVACY
--------------------------------------------------------------------- */
#inquiry-navi {
margin-bottom:20px;
}
#inquiry-navi a:before{
content:'> ';
font-size:8px;
}
/* --------------------------------------------------------------------
SITEMAP
--------------------------------------------------------------------- */
#sitemap dl.sitemap_index_ {
margin:0 10px 15px;
}
#sitemap h2 {
margin:0 10px 10px;
}
#sitemap dl.sitemap_index_ a:before{
content:'> ';
font-size:8px;
}
#christmas2014 {
display:none;
}
div.contents_ > img {
max-width:100%;
}
/* --------------------------------------------------------------------
BRAND SOCIETY
--------------------------------------------------------------------- */
#society-content .price-list table td,
#society-content .price-list table th {
padding:3px !important;
font-size:10px !important;
font-weight: normal !important;;
}
#society-content .ptn-list li {
width: 32% !important;
}
/*
#society-content .cbox3 .ptn-list li {
width: 46% !important;
}
*/
#society-content .cbox2 .inbox {
width: 100% !important;
float: none !important;
}
#society-content .cbox2 .inbox div ,
#society-content .cbox3 .inbox div ,
#society-content .cbox4 .inbox div {
text-align:center;
}
#society-content .cbox3 .inbox {
width: 100% !important;
float: none !important;
}
#society-content .cbox4 .inbox {
width: 100% !important;
float: none !important;
}
/* --------------------------------------------------------------------
BRAND ixc beddings
--------------------------------------------------------------------- */
#ixc-bedding-content .price-list table td,
#ixc-bedding-content .price-list table th {
padding:3px !important;
font-size:10px !important;
font-weight: normal !important;;
}
#ixc-bedding-content .ptn-list li {
width: 32% !important;
}
/*
#society-content .cbox3 .ptn-list li {
width: 46% !important;
}
*/
#ixc-bedding-content .cbox2 .inbox {
width: 100% !important;
float: none !important;
}
#ixc-bedding-content .cbox2 .inbox div ,
#ixc-bedding-content .cbox3 .inbox div {
text-align:center;
}
#ixc-bedding-content .cbox3 .inbox {
width: 100% !important;
float: none !important;
}
/* --------------------------------------------------------------------
EVENT
--------------------------------------------------------------------- */
#event-erefresh {
padding:0 10px;
}
#erefresh-contact dl{
float: none !important;
width: 90% !important;
margin: 0 auto !important;
}
/* --------------------------------------------------------------------
r503042
--------------------------------------------------------------------- */
#r503042 h2{
text-align: center;
}
#r503042 h2 img{
margin-bottom:50px;
max-width:100%;
}
#r503042 img{
max-width:100%;
}
#r503042 .ft-box1 ,
#r503042 .ft-box2 {
width:100%;
overflow: hidden;
clear:both;
margin:0 auto 30px;
}
#r503042 .ft-box1 p,
#r503042 .ft-box2 p{
font-size:12px;
line-height: 1.9;
text-align: justify; text-justify: distribute-all-lines;
color:#AAA;
}
#r503042 .ft-box1 h3,
#r503042 .ft-box2 h3{
font-size:13px;
color:#888;
font-weight:bold;
line-height: 1.8;
margin-bottom:10px;
}
#r503042 .ft-img {
width:18%;
overflow: hidden;
float:left;
}
#r503042 .ft-img img{
max-width:100%;
}
#r503042 .ft-txt {
width:80%;
overflow: hidden;
float:left;
}
#r503042 .ft-box1 .ft-img {
padding-right:2%;
}
#r503042 .ft-box2 .ft-img {
padding-left:2%;
}
#r503042 .ft-bans {
width:100%;
overflow:hidden;
clear: both;
margin-bottom:30px;
}
#r503042 .ft-bans li{
width:32%;
float:left;
margin:0 1% 0 0;
}
#r503042 .ft-bans li h3{
margin-bottom:10px;
}
#r503042 .ft-bans li h3 img{
height:15px;
}
#r503042 .ft-bans li a img{
max-width:100%;
}
/* --------------------------------------------------------------------
r503042
--------------------------------------------------------------------- */
#r503001 {
padding:0 10px;
}
#r503001 ul li {
float: none;
text-align: center;
display: block;
width: 100%;
}
/* --------------------------------------------------------------------
r503028
--------------------------------------------------------------------- */
#r503028 {
padding:0 10px;
}
/* --------------------------------------------------------------------
r503042
--------------------------------------------------------------------- */
#r503042 {
padding:0 10px;
}
#r503042 .ft-bans li h3 {
font-size:10px;
font-weight:normal;
}
/* --------------------------------------------------------------------
r503023
--------------------------------------------------------------------- */
#r503023 {
padding:0 10px;
}
#r503023 div.itembox1 dl dt {
display: block;
float: none;
width: 100%;
text-align: center;
}
#r503023 div.itembox1 dl dd.itembox1Txt {
width: 100%;
}
#r503023 div.itembox1 dl dd.itembox1IMg1 {
padding-top: 61px;
width: 120px;
font-size: 10px;
}
#r503023 div.itembox1 dl dd.itembox1IMg2 {
padding-top: 32px;
width: 70px;
font-size: 10px;
}
#r503023 div.itembox1 dl dd.itembox1IMg3 {
width: 110px;
font-size: 10px;
}
#r503023 div.itembox2 dl.itembox2type1 dt {
width: 100%;
text-align: center;
}
#r503023 div.itembox2 dl dt {
display: block;
float: none;
text-align: center;
}
#r503023 div.itembox2 dl.itembox2type1 dd {
width: 100%;
padding-right: 0px;
}
#r503023 div.itembox2 dl dd {
display: block;
float: none;
}
#r503023 div.itembox2 dl.itembox2type2 dt {
width: 100%;
text-align: center;
}
#r503023 div.itembox2 dl.itembox2type2 dd {
width: 100%;
padding-right: 0px;
}
#r503023 div.itembox2 dl dt {
display: block;
float: none;
text-align: center;
}
#r503023 div.itembox2 dl.itembox2type3 dt {
width: 100%;
text-align: center;
}
#r503023 div.itembox2 dl.itembox2type3 dd {
width: 100%;
padding-right: 0px;
}
#r503005 {
padding:0 10px;
}
#r503005 div#brandAbout div {
width: 18%;
padding-right:2%;
}
#r503005 div#brandAbout p {
width: 80%;
}
#r503005 #drvinnerBox ul li span.drvimg {
float: none;
width: 100%;
text-align: center;
display: block;
}
#r503005 #drvinnerBox ul.dritems4 li span.drvtxt {
width: 100%;
font-size:10px;
}
#r503005 #drvinnerBox ul.dritems2 li span.drvtxt {
width: 100%;
font-size:10px;
}
#r503005 #drvinnerBox ul.dritems2 li {
width: 49%;
padding-right:1%;
}
#r503005 #drvinnerBox ul.dritems4 li {
width: 32%;
padding-right:1%;
}
/* --------------------------------------------------------------------
r503070
--------------------------------------------------------------------- */
#r503070 .item-box .detail dd .icon{
width: 40px;
top:-45px !important;
}
#r503070 .intro{
padding:0 0 !important;
}
/* --------------------------------------------------------------------
e2016hf
--------------------------------------------------------------------- */
#e2016hf .topic_item_list dt{
width: 100% !important;
clear:both;
overflow: hidden;
}
#e2016hf .topic_item_list dt img {
float: none !important;
width: 100% !important;
margin-right: 0% !important;
}
#e2016hf .topic_item_list dd {
float: none !important;
width: 100% !important;
line-height: 1.8;
}
img.width60{
width: 60%;
}
img.width80{
width: 80%;
}
img.width70{
width: 70%;
}
.lineup-title {
margin: 0 0 20px 0;
padding: 30px 0 10px 0;
color: #000;
font-size: 18px;
font-weight: normal;
line-height: 140%;
border-bottom: solid 1px #e0e1e1;
letter-spacing: 3px;
text-align: left;
}
.r-intro {
line-height:1.8;margin-bottom:30px;
}
.lists3rd ,
#r50_brandlist {
width:100%;
overflow:hidden;
}
#r50_brandlist {
width:auto !important;
padding:0 10px;
}
.lists3rd h2,
#r50_brandlist h2{
font-size:14px;
width:100%;
margin-top:40px;
border-top:solid 1px #ededee;
padding-top:10px;
margin-bottom:20px;
}
.lists3rd ul {
width:100%;
overflow:hidden;
margin:0 0 10px;
/* background: url(/img/usr/category_line5.gif) left bottom no-repeat; */
}
.lists3rd ul {
/* background: url(/img/usr/category_line3.gif) left bottom no-repeat; */
}
#r50_brandlist ul{
width:auto !important;
overflow:visible !important;
margin:0 !important;
background-image:none !important;
}
.lists3rd li ,
#r50_brandlist li{
float:left;
width:33%;
text-align:center;
font-size:12px;
height: 70px;
line-height: 70px;
margin-bottom:20px;
}
.lists3rd li {
width:33%;
}
#r50_brandlist li {
width:33% !important;
line-height: 1.2 !important;
}
.lists3rd li a,
#r50_brandlist li a{
color:#000;
font-size:13px;
vertical-align:middle;
}
#r50_brandlist li img{
max-width:50%;
max-height:35px;
}
.lists3rd li img{
max-width:50%;
max-height:40px;
}
#r50_brandlist .r50-box {
margin-bottom: 20px !important;
}
/* --------------------------------------------------------------------
e2015wa
--------------------------------------------------------------------- */
#e2015wa {
padding:0 10px;
}
#e2015wa p{
text-align: left !important;
}
#e2015wa .topic_item_list {
}
#e2015wa .topic_item_list dt img{
float: none !important;
width: 100% !important;
margin-right: 0% !important;
}
#e2015wa .topic_item_list dd {
float: none !important;
width: 100% !important;
line-height: 1.8 !important;
}
/* --------------------------------------------------------------------
common Trace
-------------------------------------------------------------------- */
.lang_en {
display: none;
}
/* --------------------------------------------------------------------
NEWS detail
-------------------------------------------------------------------- */
.sp-none {
display: none;
}
.t1770news-box {
padding:5px !important;
margin: 10px 0 !important;
}
#t1770 .topic_item_list dt{
width:100%;
}
#t1770 .topic_item_list dt{
float: none !important;
width: 100% !important;
}
#t1770 .topic_item_list dt img {
float: none !important;
width: 100% !important;
margin-right: 0% !important;
}
#t1770 .topic_item_list dd{
float: none !important;
width: 100% !important;
}
#t1770 p,#t1770 h3{
margin-bottom:10px;
}
#t1770 h3 span {
font-weight:normal;
font-size:10px;
}
.t1797news-box {
padding:5px !important;
margin: 10px 0 !important;
}
#t1797 .topic_item_list dt{
width:100%;
}
#t1797 .topic_item_list dt{
float: none !important;
width: 100% !important;
}
#t1797 .topic_item_list dt img {
float: none !important;
width: 100% !important;
margin-right: 0% !important;
}
#t1797 .topic_item_list dd{
float: none !important;
width: 100% !important;
}
#t1797 p,#t1770 h3{
margin-bottom:10px;
}
#t1797 h3 span {
font-weight:normal;
font-size:10px;
}
.sp-align-l {
text-align: left !important;
}
.sp-align-r {
text-align: right !important;
}
.sp-align-c {
text-align: center !important;
}
.sp-mL0 {
margin-left: 0 !important;
}
.sp-mR0 {
margin-right: 0 !important;
}
.sp-mT0 {
margin-top: 0 !important;
}
.sp-mT-10 {
margin-top: -10px !important;
}
.sp-mT-20 {
margin-top: -20px !important;
}
.sp-mT-30 {
margin-top: -30px !important;
}
.sp-mT-40 {
margin-top: -40px !important;
}
.sp-mT-50 {
margin-top: -50px !important;
}
.sp-mB0 {
margin-bottom: 0 !important;
}
.sp-mB10 {
margin-bottom: 10px !important;
}
.sp-mB20 {
margin-bottom: 20px !important;
}
.sp-mB30 {
margin-bottom: 30px !important;
}
.sp-mB40 {
margin-bottom: 40px !important;
}
.sp-mB50 {
margin-bottom: 50px !important;
}
.sp-pL0 {
padding-left: 0 !important;
}
.sp-pR0 {
padding-right: 0 !important;
}
.sp-pT0 {
padding-top: 0 !important;
}
.sp-pB0 {
padding-bottom: 0 !important;
}
.sp-M0 {
magin: 0 !important;
}
.sp-P0 {
padding: 0 !important;
}
.sp-posSta {
position:static !important;
}
.sp-fullW {
width:100% !important;
float:none !important;
overflow:hidden !important;
clear:both !important;
display: block;
}
.sp-W90 {
width: 90% !important;
height:auto !important;
}
.sp-W80 {
width: 80% !important;
height:auto !important;
}
.sp-W70 {
width: 70% !important;
height:auto !important;
}
.sp-W60 {
width: 60% !important;
height:auto !important;
}
.sp-W50 {
width: 50% !important;
height:auto !important;
}
.sp-W40 {
width: 40% !important;
height:auto !important;
}
.sp-W30 {
width: 30% !important;
height:auto !important;
}
.sp-W20 {
width: 20% !important;
height:auto !important;
}
.sp-W10 {
width: 10% !important;
height:auto !important;
}
.sp-font10 {
font-size: 10px !important;
}
.sp-font20 {
font-size: 20px !important;
}
.sp-font30 {
font-size: 30px !important;
}
.sp-font40 {
font-size: 40px !important;
}
.sp-p5p {
padding:5% !important;
}
.sp-h150 {
height:150px;
}
.sp-border-none {
border:none !important;
}
.classicbase_ {
width:100% !important;
}
.pc-none {
display: block !important;
}
h1.topic_title_ span{
font-size:10px;
font-weight: normal;
display: block;
}
#t1799 p{
margin-bottom:30px;
}
#t1809 .cmp-span {
width: 100% !important;
}
#t1809 .cmp-span {
}
#t1809 .cmp-span dt{
background: #FFF !important;
width: 100% !important;
padding:5px 0 !important;
overflow: hidden;
}
#t1809 .cmp-span dd{
background: #918474 !important;
width: 98% !important;
padding:5px 1% !important;
overflow: hidden;
}
#t1809 .ecobox {
width: 100% !important;
float: none !important;
overflow: hidden !important;
margin-bottom:10px !important;
}
.grids {
width:100%;
overflow:hidden;
clear:both;
}
.colbox {
width:100%;
clear:both;
overflow:hidden;
margin-bottom:60px;
float:none;
}
.colbox .inbox {
float: left;
}
.colbox.fullbox .inbox {
overflow:visible;
float:none !important;
padding-left:0 !important;
padding-right:0 !important;
clear:both !important;
overflow:hidden !important;
}
.grids. inbox {
width:100%;
overflow:hidden;
clear:both;
}
#t1264 h2{
font-size:18px !important;
text-align: center;
font-weight: normal ;
color: #111;
margin-bottom:40px;
}
#t1264 h2 span{
display: block;
font-size:14px !important;
}
#t1264 h3{
font-size:13px !important;
border-bottom: solid 1px #333;
text-align: center;
margin-bottom:25px;
padding:0 0 10px;
}
#t1264 dl.t1264_detail{
margin:0 0px 50px;
width: 96%;
overflow: hidden;
background: #d8e7ee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding:2%;
}
#t1264 dl.t1264_detail dt{
font-size:16px;
margin-bottom:10px;
text-align: center;
background: url(/img/news/2016refresh/dot.gif) repeat-x left center;
}
#t1264 dl.t1264_detail dt span{
background: #d8e7ee;
display: block;
width:6em;
margin:0 auto;
text-align: center;
font-size:16px;
}
#t1264 dl.t1264_detail dd{
text-align: left;
}
#t1264 dl.t1264_detail dd strong{
font-size:16px;
display: block;
text-align: center;
margin-bottom:15px;
letter-spacing: 5px;
}
#t1264 .refreshimgs {
width: 100%;
overflow: hidden;
margin: 0 0 20px;
}
#t1264 .refreshimgs div {
float: left;
width: 48%;
margin: 0 1% 5px;
}
#t1264 p.t1264_intro {
margin :0 0px 30px;
font-size:13px;
}
#t1264 p.t1264_beforeafter {
font-size: 10px;
text-align: right;
margin:0 auto 20px;
}
#t1264 p.t1264_contactinfo {
font-size:13px;
margin-bottom:20px;
text-align: left;
}
#t1264 ul.t1264_contact {
width: 100%;
overflow: hidden;
margin:0 0 50px;
}
#t1264 ul.t1264_contact li{
width: 100%;
list-style-type: none;
margin-bottom: 10px;
}
#t1264 ul.t1264_contact li em,
#t1264 ul.t1264_contact li a{
display: block;
width: 90%;
margin:0 auto;
border: solid 1px #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-size:14px;
padding:8px 0;
text-decoration:none;
height: 27px;
opacity: 0.8;
font-style: normal;
}
#t1264 ul.t1264_contact li em {
padding:6px 0;
height: 31px;
line-height: 1.3;
}
#t1264 ul.t1264_contact li em span{
font-size:10px;
display: block;
}
#t1264 ul.t1264_contact li a:hover{
background: #000;
color: #FFF;
}
/* --------------------------------------------------------------------
outlet
--------------------------------------------------------------------- */
.outlet_attention_ {
padding:15px;
line-height: 1.5;
background: #F0F0F0;
}
.outlet_attention_ dt{
font-weight: bold;
margin:10px 0 5px;
font-size:11px;
}
.outlet_attention_ dd{
margin-bottom:3px;
font-size:11px;
}
.Genre_outlet_ixc_box_ h2 {
background: #727171;
padding:6px;
margin: 5px 0 10px;
}
.Genre_outlet_cassina_box_ h2 {
background: #e60012;
padding:6px;
margin: 5px 0 10px;
}
.Genre_outlet_ixc_box_ h2 a,
.Genre_outlet_cassina_box_ h2 a{
color:#FFF;
}
/* --------------------------------------------------------------------
ecab
--------------------------------------------------------------------- */
#ecab-col {
padding:0 10px;
}
#ecab-col .ecab-col_title {
width: 100%;
font-size:12px;
}
#ecab-col .ecab-col_title img{
float: none !important;
display: block;
margin:0 auto 5px !important;
}
#ecab-col .ecab-col-specs dl {
width: 100% !important;
padding-right: 0% !important;
float: none !important;
overflow: hidden;
}
#ecab-col .ecab-col-products-box {
margin-top: 0px !important;
}
#ecab-col .ecab-col-products-line {
background-image:none !important;
}
#ecab-col .ecab-col-product {
width: 100% !important;
padding: 0 0 20px !important;
float: none !important;
margin-bottom:20px !important;
border-bottom:solid 1px #DDD;
}
#ecab-col .ecab-col-products-img img {
max-width: 100%;
}
#web_catalogue h2 {
font-size: 16px;
margin-bottom: 25px;
}
#web_catalogue .catalogue-lists_ {
margin-bottom: 45px;
overflow: hidden;
}
#web_catalogue .catalogue-lists_ dl {
width: 100%;
padding-right: 30px;
overflow: hidden;
}
#web_catalogue .catalogue-lists_ dl dt {
width: 110px;
float: left;
}
#web_catalogue .catalogue-lists_ dl dt img {
border: 1px solid #CCCCCC;
}
#web_catalogue .catalogue-lists_ dl dd {
width: 180px;
padding: 5px 0 0 0;
float: left;
height: 142px;
position: relative;
}
.related_links_ {
padding: 0px 10px 20px;
overflow: hidden;
}
.related_links_ li{
margin-bottom:5px;
}
.related_links_ li a{
background: url(/img/usr/tree1.png) no-repeat left center;
padding-left:10px;
}
.sp-txt-content-wrap {
padding:0 10px;
}
.delivery_extra_txt {
display: block;
margin-bottom:10px;
}
.delivery_extra_txt span{
font-size:12px;
}
/* --------------------------------------------------------------------
tex-landscape
--------------------------------------------------------------------- */
#exhibition-tex-landscape {
padding:0 0 15px;
position: relative;
}
#exhibition-tex-landscape .exsubtitle {
position: absolute;
left:-20px;
top:185px;
display: none;
}
#exhibition-tex-landscape h1 img{
max-width:100%;
}
#exhibition-tex-landscape .exhibition-tex-landscape1 {
padding:30px 0;
text-align: center;
}
#exhibition-tex-landscape .exhibition-tex-landscape1 img {
max-width:90%;
}
#exhibition-tex-landscape .exhibition-tex-landscape2 {
padding:10px;
margin-bottom:20px !important;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.gtdesignintro ,
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro ,
#exhibition-tex-landscape .exhibition-tex-landscape2.kvadratintro {
padding:10px;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.kvadratintro {
margin-bottom:110px;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro2 {
padding:10px;
width: auto;
margin-left:auto;
margin-right:auto;
overflow: hidden;
}
#exhibition-tex-landscape .exhibition-tex-landscape2 p {
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
text-align: justify;
margin:0 auto;
line-height: 1.6;
font-size:12px;
color: #FFF;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.gtdesignintro p ,
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro p ,
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro2 p ,
#exhibition-tex-landscape .exhibition-tex-landscape2.kvadratintro p {
width:100%;
font-size:12px;
color: #111;
line-height: 1.6;
}
#exhibition-tex-landscape .exhibition-tex-landscape2.dedarintro2 h3 {
font-style: italic;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
font-size:14px;
text-align: center;
letter-spacing: 1.3px;
margin-bottom:10px;
padding:0 10px;
}
#exhibition-tex-landscape .kvadratintro2 h3{
font-style: italic;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
padding:10px 10px 0;
letter-spacing: 1.3px;
font-size:14px;
}
#exhibition-tex-landscape .kvadratintro2 p{
font-size:12px;
color: #111;
line-height: 2.5;
text-align: justify;
padding:10px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ {
width: 94%;
text-align: center;
background: #000;
position: relative;
padding:40px 3%;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ img{
display: block;
margin:0 auto;
line-height: 0;
margin-bottom:20px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ .brandlogo__ {
height: 25px;
margin-bottom:20px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.ixc .name__ .brandlogo__ {
height: 25px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ .itmname1__ {
height:45px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ .itmname2__ {
height:45px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ .itmname3__ {
height:45px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ .itmname4__ {
height:45px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ .itmname5__ {
height:60px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .name__ .designer__ {
text-align: center;
display: block;
width: 100%;
font-size:11px;
color: #FFF;
letter-spacing: 1px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.ixc .name__ .designer__ {
color: #111;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product .img__ {
width: 100%;
overflow: hidden;
text-align: center;
line-height: 0;
background: #000;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.ixc .name__ {
background: #c0c0c0;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product {
margin-bottom:20px;
width: 100%;
overflow: hidden;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod {
padding:10px;
width:auto;
overflow: hidden;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod .imgbg__ img {
max-width:100%;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod .logo__ {
display: none;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod .logotxt__ {
font-size:13px;
display: block;
margin:10px 0;
font-weight:bold;
color: #000;
letter-spacing: 1px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod .logo__ img{
height: 9px;
margin:10px 0;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.wild_Luxury-prod .txt__ {
font-size:12px;
line-height: 1.6;
}
#exhibition-tex-landscape .wildLuxuryintro p {
color: #111;
}
#exhibition-tex-landscape .column2 {
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
#exhibition-tex-landscape .column2 .inbox{
float: left;
width: 480px;
height: 480px;
overflow: hidden;
position: relative;
}
#exhibition-tex-landscape .column2 .inbox .kVADRATimg2 {
display: block;
text-align: center;
}
#exhibition-tex-landscape .column2 .inbox .kVADRATimg2 img{
max-width: 100%;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3 .inbox{
width: 313px;
height: 313px;
overflow: hidden;
background: #000;
margin:0 auto 20px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3.colimnLONG .inbox{
height: 474px;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3 .inbox img{
max-width: 100%;
}
#exhibition-tex-landscape .wild_Luxury {
border-top:solid 3px #000;
border-bottom:solid 3px #000;
background: #000;
line-height: 0;
}
#exhibition-tex-landscape .wild_Luxury img{
max-width: 100%;
}
#exhibition-tex-landscape .column3 .inbox .imgbg__{
position: absolute;
left:0;
top:0;
width: 100%;
height: 100%;
display: block;
}
#exhibition-tex-landscape .wild_Luxury .imgbg__ {
width: 100%;
height: 100%;
display: block;
text-align: center;
background: #FFF;
padding:30px 0;
}
#exhibition-tex-landscape .wild_Luxury .logo__ {
display: block;
text-align: center;
position: absolute;
left: 0;
top:25px;
width: 100%;
display: none;
}
#exhibition-tex-landscape .column3 .inbox .logo__{
display: block;
text-align: center;
position: relative;
left: 0;
top:0;
}
#exhibition-tex-landscape .wild_Luxury .logo__ img {
max-width:50%;
}
#exhibition-tex-landscape .zoomimg ,
#exhibition-tex-landscape span.nolink {
position: relative;
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
#exhibition-tex-landscape .zoomimg .imgbg__ img,
#exhibition-tex-landscape span.nolink .imgbg__ img,
#exhibition-tex-landscape span.zoomimg .imgbg__ img{
max-width:100%;
-webkit-transition: -webkit-transform 0.7s ease;
-moz-transition: -moz-transform 0.7s ease;
-o-transition: -o-transform 0.7s ease;
-ms-transition: -ms-transform 0.7s ease;
transition: transform 0.7s ease;
}
#exhibition-tex-landscape .name__ img{
max-width:80%;
}
#exhibition-tex-landscape .zoomimg:hover .imgbg__ img{
-webkit-transform: scale(1.03);
-moz-transform: scale(1.03);
-o-transform: scale(1.03);
-ms-transform: scale(1.03);
transform: scale(1.03);
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
#exhibition-tex-landscape .column3 .inbox a ,
#exhibition-tex-landscape .column3 .inbox span.zoomimg ,
#exhibition-tex-landscape .column3 .inbox span.nolink {
display: table;
}
#exhibition-tex-landscape .column3 .inbox .logo__ {
line-height: 100%;
display: table-cell;
text-align: center;
vertical-align: middle;
height: 100%;
}
#exhibition-tex-landscape .exhibition-tex-landscape-product.column3 .inbox .logo__ img{
max-width:90%;
}
#exhibition-tex-landscape .kvadratintro2 {
width: 100%;
margin:0 auto 15px;
}
#exhibition-tex-landscape .column2.kvadratintro2 .inbox{
height: auto;
}
#exhibition-tex-landscape .column2.kvadratintro2 .inbox.inbox1{
width: 100%;
}
#exhibition-tex-landscape .column2.kvadratintro2 .inbox.inbox2{
width: 100%;
}
#exhibition-tex-landscape .column2.kvadratintro2 .inbox img{
max-width:100%;
}
#exhibition-tex-landscape .exhibition-top {
height: 20px;
margin:0 0 10px 10px;
}
#exhibition-tex-landscape .exhibition-top a ,
#exhibition-tex-landscape .exsubtitle a {
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
-ms-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
display: block;
}
#exhibition-tex-landscape .exhibition-top a:hover ,
#exhibition-tex-landscape .exsubtitle a:hover {
opacity: 0.3;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
#exhibition-tex-landscape .soon__ {
position: absolute;
top:50%;
color: #FFF;
display: block;
left: 0;
width: 100%;
text-align: center;
display: none;
}
/* --------------------------------------------------------------------
GIFT
--------------------------------------------------------------------- */
ul.ginft_list1_ li {
width: 50% !important;
margin-bottom:3px !important;
}
ul.ginft_list1_ li a{
text-align: left !important;
text-indent: 10px;
}
ul.ginft_list2_ li a {
text-indent: 10px !important;
}
.sp_clearboth__ {
float: none !important;
clear: both !important;
display: block;
margin: 10px auto 10px !important;
}
/* --------------------------------------------------------------------
refresh
--------------------------------------------------------------------- */
#erefresh img {
max-width: 100%;
height: auto !important;
}
#erefresh .t1264_onlinestep {
width: 100%;
overflow: hidden;
margin-bottom: 30px;
}
#erefresh .t1264_onlinestep li {
width: 100%;
overflow: hidden;
list-style-type: none;
margin: 0;
padding-bottom: 15px;
}
#erefresh .t1264_onlinestep li:after {
content: " ▼";
font-size:12px;
letter-spacing: 1px;
margin: 0;
line-height: 0;
}
#erefresh .t1264_onlinestep li.last__:after {
content: "";
}
#erefresh .t1264_onlinestep li div{
border:solid 1px #999;
margin:0 0 4px;
padding:10px 15px;
background: #FAFAFA;
overflow: hidden;
width: auto;
line-height: 20px;
}
#erefresh .t1264_onlinestep li strong{
font-size:14px;
width: 10em;
float: left;
display: block;
}
#erefresh .t1264_onlinestep li strong span{
font-size:18px;
}
#erefresh .t1264_onlinestep li span.det{
display: block;
float: left;
}
#erefresh #after_service_faq {
}
#erefresh #after_service_faq p {
margin-bottom:10px;
}
#erefresh #after_service_faq table{
border-top: solid 1px #DDD;
border-left: solid 1px #DDD;
margin:10px 0;
width:97%;
}
#erefresh #after_service_faq table th {
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
background: #EEE;
text-align: left;
padding: 5px;
line-height:1.5;
}
#erefresh #after_service_faq table td {
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
padding: 5px;
line-height:1.5;
}
#erefresh #after_service_faq table td span{
font-size:10px;
}
#erefresh ul.t1264_contact {
width: 100%;
overflow: hidden;
margin:0 0 50px;
}
#erefresh ul.t1264_contact li{
width: 100%;
float: left;
list-style-type: none;
}
#erefresh ul.t1264_contact li em,
#erefresh ul.t1264_contact li a{
display: block;
width: 290px;
margin:0 auto;
border: solid 1px #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-size:16px;
padding:12px 0;
text-decoration:none;
height: 40px;
opacity: 0.8;
}
#erefresh ul.t1264_contact li em {
padding:6px 0;
height: 31px;
line-height: 1.3;
}
#erefresh ul.t1264_contact li em span,
#erefresh ul.t1264_contact li a span{
font-size:10px;
display: block;
}
#erefresh ul.t1264_contact li a:hover{
background: #000;
color: #FFF;
}
/* --------------------------------------------------------------------
outlet genre
--------------------------------------------------------------------- */
ul.btn_list2_ li ,
ul.btn_list3_ li {
width: 100% !important;
margin-bottom:3px !important;
}
.btn_category_ {
/* display: none; */
}
/* --------------------------------------------------------------------
emaster
--------------------------------------------------------------------- */
#emaster > p {
font-size:12px !important;
}
#emaster .emaster-present dl.present1 dd {
width: 100% !important;
margin-bottom:20px !important;
}
#emaster .emaster-present dl.present2 {
background-image:none !important;
}
#emaster #emaster-scene-images li {
float: none !important;
width: 100% !important;
}
#emaster .emaster-att {
margin-bottom:30px !important;
}
#emaster .emaster-att dt,
#emaster .emaster-att dd{
font-size:10px !important;
}
.txtcenter {
text-align: center !important;
}
#housevision2016 iframe{
width: 100% !important;
height: auto !important;
}
/* --------------------------------------------------------------------
artetavola
--------------------------------------------------------------------- */
#artetavola {
width: 100% !important;
margin:0 !important;
}
#artetavola .pcw700 {
width: auto !important;
padding:0 10px 10px !important;
}
#artetavola #ftnavi {
width:100% !important;
position: static !important;
margin-left: 0px !important;
margin-bottom:20px;
overflow: hidden;
}
#artetavola #ftnavi li{
width: 50%;
overflow: hidden;
float: left;
list-style-type: none;
border-bottom:solid 1px #c0a990;
}
#artetavola #ftnavi li a,
#artetavola #ftnavi li span{
display: block;
padding:10px 0;
}
#artetavola #ftnavi li:nth-child(2n) a,
#artetavola #ftnavi li:nth-child(2n) span{
/* border-left:solid 1px #c0a990; */
}
#artetavola #ftnavi li a.current {
color: #c0a990;
}
#artetavola #ftnavi li span{
color: #EEE;
}
#artetavola .basetit_ {
text-align: center;
margin-bottom:20px;
}
#artetavola img{
max-width:100%;
}
#artetavola .artlist_ li,
#artetavola .hflists_ li {
float: none !important;
width: 100% !important;
margin-bottom: 20px !important;
}
#artetavola .productlist_ li dl dt ,
#artetavola .artlist_ li dl dt ,
#artetavola .hflists_ li dl dt {
font-size: 13px !important;
}
#artetavola .productlist_ dd ,
#artetavola .artlist_ li dl dd ,
#artetavola .hflists_ li dl dd {
padding: 0 0 !important;
font-size:12px;
width: 100% !important;
}
#artetavola p {
font-size:12px;
}
#artetavola .productlist_ {
width: 100% !important;
}
#artetavola .productlist_ li,
#artetavola .craftlists_ li {
float: none !important;
width: 100% !important;
margin-bottom: 20px !important;
}
#artetavola .phcraftman_ li {
text-align: center !important;
}
#artetavola .productlist_.lemaproductlist_ li.productlist_single {
}
#artetavola .productlist_ li, #artetavola .fblists_ li {
width: 100% !important;
margin-bottom:20px !important;
}
#artetavola .app_download a{
display: block !important;
margin: 0 auto 20px !important;
}
#artetavola.interstuh-cont .productlist_ li dt {
width: 100% !important;
float: none !important;
text-align: center !important;
text-align: center !important;
}
#artetavola .interview_itms dd {
font-size:12px;
}
#artetavola .productlist_ li dl {
min-height: inherit !important;
}
#artetavola #cover_visual_thumb_img {
text-align: center;
margin-bottom:0;
padding:5px 0;
}
#artetavola #cover_visual_thumb_img li {
margin: 10px 5px !important;
width: 150px;
text-align: left;
display: inline-block;
float: none;
overflow: hidden;
}
#artetavola #cover_image li {
position: relative !important;
line-height: 0;
}
#artetavola #cover_image ,
#artetavola #cover_visual {
height: auto !important
}
#artetavola .phproductslink_ {
margin-top:20px !important;
text-align: center !important;
}
#artetavola .mustknow_index > div {
width: 100% !important;
padding-left:0 !important;
padding-right:0 !important;
margin-bottom:30px;
}
/* magazine */
#media-magazine li {
width: 33% !important;
font-size:10px !important;
}
#news #news_detail #media-magazine img, .topiclist_body_ #media-magazine img,
#media-magazine li img{
height: 120px !important;
}
#media-magazine li span{
font-size:10px !important;
}
/* --------------------------------------------------------------------
exhibition2016 サイト
--------------------------------------------------------------------- */
#exhibition2016 {
width: 100% !important;
margin:0 !important;
min-width:100% !important;
}
#exhibition2016 #ex2016_title {
text-align: center;
font-weight:bold;
font-size:1.2em;
padding:8px 0;
border-bottom:solid 1px #000;
}
#exhibition2016 h1{
display: block;
padding-top: 0 !important;
}
#exhibition2016 h1 img{
display: block;
margin-bottom:15px;
}
#exhibition2016 .pcw700 {
width: auto !important;
padding:0 10px 10px !important;
}
#exhibition2016 #ftnavi {
width:100% !important;
position: static !important;
margin-left: 0px !important;
margin-bottom:20px;
overflow: hidden;
}
#exhibition2016 #ftnavi li{
width: 50%;
overflow: hidden;
float: left;
list-style-type: none;
border-bottom:solid 1px #CCC;
}
#exhibition2016 #ftnavi li a,
#exhibition2016 #ftnavi li span{
display: block;
padding:10px 10px;
}
#exhibition2016 #ftnavi li:nth-child(2n) a,
#exhibition2016 #ftnavi li:nth-child(2n) span{
/* border-left:solid 1px #c0a990; */
}
#exhibition2016 #ftnavi li a.current {
color: #c0a990;
}
#exhibition2016 #ftnavi li span{
color: #EEE;
}
#exhibition2016 .basetit_ {
text-align: center;
margin-bottom:20px;
}
#exhibition2016 img{
max-width:100%;
}
#exhibition2016 .main-cont {
padding:0 10px;
}
#exhibition2016 .main-cont h1 {
font-size: 1.4em;
font-weight: bold;
line-height: 2;
}
#exhibition2016 h2{
margin-bottom:10px;
font-size: 1.1em;
font-weight: bold;
line-height: 1.5;
}
#exhibition2016 h2 span {
font-weight: normal;
margin-left: 10px;
font-size: 0.6em;
}
#exhibition2016 p{
font-size:13px;
line-height: 1.8;
margin-bottom:20px;
}
#exhibition2016 .osaka-arts img {
height: 100px;
}
#exhibition2016 .products {
list-style-type: none;
overflow: hidden;
}
#exhibition2016 .products li{
float: left;
width: 48%;
margin-bottom:20px;
padding:1%;
text-align: center;
}
#exhibition2016 .products li a{
display: block;
overflow: hidden;
}
#exhibition2016 .products.products-ixc li{
}
#exhibition2016 .products li img{
max-width:90%;
}
#exhibition2016 .products.products-ixc li img{
max-width:70%;
}
#exhibition2016 .products li span{
font-size:10px;
display: block;
margin-top:5px;
}
#exhibition2016 .products li span.designer{
font-size:10px;
}
#artetavola2017 .osaka-arts img {
max-width:100%;
height: 100px !important;
}
/* --------------------------------------------------------------------
efabric
--------------------------------------------------------------------- */
#efabric {
line-height: 1.8;
}
#efabric h2{
font-size:20px !important;
text-align: center;
font-weight: normal ;
color: #000;
margin:30px 0 20px !important;
padding-top:10px;
line-height: 1.6;
}
#efabric h2 span{
display: block;
font-size:20px !important;
}
#efabric h3{
font-size:16px !important;
border-bottom: solid 1px #333;
text-align: center;
margin-bottom:30px;
padding:0 0 10px;
}
#efabric dl.t1264_detail{
margin:0 10px 40px;
width: 680px;
overflow: hidden;
background: #d8e7ee;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
padding:20px 20px;
}
#efabric dl.t1264_detail dt{
font-size:19px;
margin-bottom:10px;
text-align: center;
background: url(/img/news/2016refresh/dot.gif) repeat-x left center;
}
#efabric dl.t1264_detail dt span{
background: #d8e7ee;
display: block;
width:6em;
margin:0 auto;
text-align: center;
}
#efabric dl.t1264_detail dd{
text-align: center;
}
#efabric dl.t1264_detail dd strong{
font-size:20px;
display: block;
text-align: center;
margin-bottom:15px;
letter-spacing: 5px;
}
#efabric .refreshimgs {
width: 100%;
overflow: hidden;
margin: 0 0 70px;
}
#efabric .refreshimgs div {
float: left;
margin: 0 3px 6px;
}
#efabric p.t1264_intro {
font-size:16px;
text-align: center;
margin-bottom:40px;
padding-top:10px;
}
#efabric p.att {
border-top:solid 1px #CCC;
padding:20px 0;
border-bottom:solid 1px #CCC;
}
#efabric p.t1264_contactinfo {
font-size:13px;
margin-bottom:70px;
text-align: center;
}
#efabric ul.t1264_contact {
width: 100%;
overflow: hidden;
margin:0 0 50px;
}
#efabric ul.t1264_contact li{
width: 100%;
float: left;
list-style-type: none;
}
#efabric ul.t1264_contact li em,
#efabric ul.t1264_contact li a{
display: block;
width: 290px;
margin:0 auto;
border: solid 1px #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
font-size:16px;
padding:12px 0;
text-decoration:none;
height: 40px;
opacity: 0.8;
}
#efabric ul.t1264_contact li em {
padding:6px 0;
height: 31px;
line-height: 1.3;
}
#efabric ul.t1264_contact li em span,
#efabric ul.t1264_contact li a span{
font-size:10px;
display: block;
}
#efabric ul.t1264_contact li a:hover{
background: #000;
color: #FFF;
}
#efabric .t1264_onlinestep {
width: 100%;
overflow: hidden;
margin-bottom: 0px;
}
#efabric .t1264_onlinestep li {
width: 100%;
overflow: hidden;
list-style-type: none;
margin: 0;
padding-bottom: 15px;
}
#efabric .t1264_onlinestep li:after {
content: " ▼";
font-size:12px;
letter-spacing: 1px;
margin: 0;
line-height: 0;
}
#efabric .t1264_onlinestep li.last__:after {
content: "";
font-size:12px;
letter-spacing: 1px;
margin: 0;
line-height: 0;
}
#efabric .t1264_onlinestep li div{
border:solid 1px #999;
margin:0 0 4px;
padding:10px 15px;
background: #FAFAFA;
overflow: hidden;
width: auto;
line-height: 20px;
}
#efabric .t1264_onlinestep li strong{
font-size:14px;
width: 10em;
float: left;
display: block;
}
#efabric .t1264_onlinestep li strong span{
font-size:18px;
}
#efabric .t1264_onlinestep li span.det{
display: block;
float: left;
}
#efabric #after_service_faq {
}
#efabric #after_service_faq p {
margin-bottom:10px;
}
#efabric #after_service_faq table{
border-top: solid 1px #DDD;
border-left: solid 1px #DDD;
margin:10px 0;
width:97%;
}
#efabric #after_service_faq table th {
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
background: #EEE;
text-align: left;
padding: 5px;
line-height:1.5;
}
#efabric #after_service_faq table td {
border-right: solid 1px #DDD;
border-bottom: solid 1px #DDD;
padding: 5px;
line-height:1.5;
}
#efabric #after_service_faq table td span{
font-size:10px;
}
#efabric #efabrc_items dl{
width: 100%;
overflow: hidden;
}
#efabric #efabrc_items dt{
display: block;
width: 98%;
padding:1% 5px;
line-height: 1.2;
overflow: hidden;
background: #c4bd97;
font-weight:bold;
color:#000;
}
#efabric #efabrc_items dd{
width: 100%;
overflow: hidden;
width: 48%;
float: left;
padding:1%;
text-align: center;
}
#efabric #efabrc_items dd span{
font-size:11px;
}
#efabric #efabrc_items dd img{
max-width:100%;
display: block;
margin:0 auto 5px;
}
#efabric .camp_example_ {
width: 100%;
overflow: hidden;
border-top:solid 1px #AAA;
padding:15px 0;
}
#efabric .camp_example_ table{
background: #EEEEEE;
}
#efabric .camp_example_ table th{
padding:6px;
font-weight: bold;
background: #DDD;
border-bottom: solid 2px #FFF;
}
#efabric .camp_example_ table td{
padding:6px;
border-bottom: solid 1px #FFF;
}
#efabric .tokuten {
font-weight: bold;
color: #D00;
}
#efabric .color_camp {
color:#D00;
font-weight: bold;
}
#efabric .camp_example_ .itm {
width: 100%;
clear: both;
font-weight:bold;
text-indent:1.1em;
margin-bottom:10px;
}
#efabric .camp_example_ .itm-img {
text-align: center;
}
#efabric .camp_example_ .itm-img img {
width: 60%;
}
/* --------------------------------------------------------------------
t1274
--------------------------------------------------------------------- */
#t1274 .news_item_list li{
width: 48% !important;
text-align: center;
}
#t1727 .news_item_list li{
width: 98% !important;
text-align: center;
}
#nav2017ss {
width: 100%;
background:#000;
}
#nav2017ss ul {
width: 100%;
margin:0 auto;
overflow: hidden;
text-align: center;
position: relative;
}
#nav2017ss ul li {
list-style-type: none;
}
#nav2017ss ul li a{
letter-spacing: 1px;
color: #FFF;
display: block;
padding:5px 15px;
text-align: left;
}
#nav2017ss ul li a:hover ,
#nav2017ss ul li a.current {
color:#d5b9ab;
}
#aoyama_renewal2017-cover {
top:0 !important;
margin-bottom: -40px !important;
}
#c90-main {
width: auto !important;
}
#c90-main p{
width: auto !important;
padding:10px;
}
#c90-main .c90-prods1 li {
margin-bottom:30px;
}
#c90-main .c90-prods1 li img{
display: block;
margin:0 auto;
width: auto;
}
#c90-main .c90-prods1 li a{
display: block;
text-align: center;
}
#new_product2017 .c90-prods2 li {
margin-bottom:30px;
text-align: center;
width: 100% !important;
}
#new_product2017 .c90-prods2 li span{
display: block;
}
#new_product2017 .c90-prods2 li img{
display: block;
margin:0 auto;
width: auto;
max-width: 100%;
}
#new_product2017 .c90-prods2 li a{
display: block;
text-align: center;
}
#new_product2017 .c90-prods2 li span a{
text-align: left;
display: inline;
font-weight: normal;
}
#new_product2017 .new_product2017-scobj {
position: static !important;
}
#new_product2017-cover{
width: 100% !important;
min-width: 320px !important;
}
#new_product2017-h1 {
min-width: 100% !important;
padding:10px 0 !important;
}
#new_product2017-h1 img{
max-width:70% !important;
}
#new_product2017-cover-txt1 ,
#new_product2017-cover-txt2 {
min-width: 100% !important;
}
#new_product2017-cover-txt2 {
margin-left: 0 !important;
line-height: 1.8;
padding-top:30px;
width: 100% !important;
}
#new_product2017-cover-txt1 div,
#new_product2017-cover-txt2 div{
margin-left: 0 !important;
width: auto !important;
text-align: justify;
line-height: 1.8;
padding-left:10px !important;
padding-right:10px !important;
}
#new_product2017-cover-txt1 p,
#new_product2017-cover-txt2 p{
text-align: justify;
margin-left: 0 !important;
}
#new_product2017-main-content {
padding-top:0 !important;
}
#new_product2017-main img {
max-width: 100%;
}
#new_product2017-main .ixc ,
#new_product2017-main .home-f ,
#new_product2017-main .society ,
#new_product2017-main .dimore-studio {
padding:0 10px;
}
#new_product2017-main .ixc p,
#new_product2017-main .home-f p,
#new_product2017-main .society p,
#new_product2017-main .dimore-studio p{
width: 100% !important;
}
#new_product2017-main div hr {
width: 100% !important;
}
#new_product2017-main .supertonic li {
width: 100%;
margin-bottom:30px;
}
#new_product2017-main .supertonic li dt {
text-align: center;
font-weight: bold;
font-size:14px;
}
#new_product2017-main .supertonic li dd {
font-size:12px !important;
}
#new_product2017-main .supertonic li dd img {
display: block;
margin:0 auto 10px;
width: 200px;
}
#new_product2017 {
overflow: hidden;
}
#aoyama_renewal2017 #aoyama_renewal2017-navis {
display: none;
}
#aoyama_renewal2017 #aoyama_renewal2017-main-bg {
/*
background-image: none !important;
background: #FFF !important;
padding:15px 10px !important;
*/
}
#aoyama_renewal2017 img {
max-width:100% !important;
}
#aoyama_renewal2017 #aoyama_renewal2017-main-bg h1{
margin-bottom:20px !important;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-floor h2 {
font-weight: bold;
font-size: 34px;
text-align: center;
line-height: 1.5;
padding: 40px 0;
text-align: center;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-floor h2 span {
font-weight: normal;
font-size: 11px;
display: block;
font-weight: bold;
text-align: center;
text-align: center;
}
#aoyama_renewal2017-main dd a {
text-decoration: underline;
}
#aoyama_renewal2017-main dd a:hover {
text-decoration: none;
}
#aoyama_renewal2017-main .aoyama_renewal2017-contentbox {
margin: 0px 0 10px;
background: #FFF;
width: auto;
overflow: hidden;
padding:10px;
}
#aoyama_renewal2017-main .aoyama-supertonic {
width: auto !important;
padding-left:20px;
padding-right:20px;
}
#aoyama_renewal2017-main .floor-img {
padding:0px 0 40px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 {
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dl{
margin-bottom:30px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dt{
margin-bottom:10px;
text-align: center;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dd{
font-size:12px;
padding-left:20px;
padding-right:20px;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 .img___ {
text-align: center;
}
#aoyama_renewal2017-main p {
margin-bottom:20px;
}
#aoyama_renewal2017-main .floor-intro {
}
#aoyama_renewal2017-main .aoyama-pick-2f {
padding:0 20px;
border:solid 1px #CCC;
margin-bottom:40px;
}
#aoyama_renewal2017-main .dellarte-txt1 ,
#aoyama_renewal2017-main .dellarte-txt2 {
width: 100% !important;
text-align: left !important;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-limited h2 {
font-size: 22px;
text-align: center;
font-weight: bold;
padding: 40px 0;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-limited h3 {
font-size: 18px;
text-align: center;
padding: 20px 0;
}
#aoyama_renewal2017-main .limited_price {
border-top: solid 1px #999;
border-bottom: solid 1px #999;
padding: 10px 0;
margin-bottom: 15px;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-limited h3 {
font-size: 18px;
text-align: center;
padding: 20px 0;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-lifestyle h2 {
font-size: 22px;
text-align: center;
font-weight: bold;
padding: 40px 0;
}
#aoyama_renewal2017-main .specialists {
list-style-type: none;
width: 100%;
margin: 0 auto 30px;
overflow: hidden;
}
#aoyama_renewal2017-main .specialists li {
float: left;
width: 31.3333%;
margin: 0 1%;
text-align: center;
list-style-type: none;
font-size:10px;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-lifestyle h3 {
font-size: 18px;
text-align: center;
padding: 20px 0 40px;
}
#aoyama_renewal2017-main .specialist-qa {
width: 94%;
margin: 0 auto;
background: #d6baab;
-moz-border-radius: 5px;
-webkit-border-radius: 4px;
border-radius: 5px;
padding: 3%;
}
#aoyama_renewal2017-main .specialist-qa dt {
color: #3c6361;
font-weight: bold;
margin-bottom: 3px;
padding-left: 1.3em;
text-indent: -1.3em;
}
#aoyama_renewal2017-main .specialist-qa dd {
color: #FFF;
margin-bottom: 20px;
padding-left: 1.3em;
text-indent: -1.3em;
}
#aoyama_renewal2017-main .specialists-contact {
padding: 50px 0 80px;
}
#aoyama_renewal2017-main .specialists-contact a {
display: block;
width: 200px;
margin: 0 auto;
}
#aoyama_renewal2017-main .specialists-contact a{
display: block;
width: 200px;
margin: 0 auto;
background: #FFF;
width: 16em;
text-align: center;
padding: 13px;
color: #000;
border-radius: 7px;
border:solid 1px #d6baab;
text-decoration: none;
}
#aoyama_renewal2017-main .specialists-contact a:hover{
color: #000;
background:#d6baab;
}
#aoyama_renewal2017-main .aoyama_renewal2017-main-detail1 dl dt span{
font-size:10px;
display: block;
line-height: 1.1;
margin-bottom:2px;
}
#aoyama_renewal2017-main #aoyama_renewal2017-main-gallery h2 {
font-size: 22px;
text-align: center;
font-weight: bold;
padding: 40px 0;
}
/* price-table */
.goodscomment2_ .price-list-spec table {
margin-bottom: 15px;
border-collapse: separate;
width: 99%;
border-top: solid 1px #CCC;
border-left: solid 1px #CCC;
}
.goodscomment2_ .price-list-spec th {
text-align: center;
padding: 5px;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
background: #f3f0ed;
}
.goodscomment2_ .price-list-spec th.price-type {
width: 100px !important;
}
.goodscomment2_ .price-list-spec td {
text-align: center;
padding: 5px;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
}
.goodscomment2_ .ptn-list {
width: 100%;
overflow: hidden;
margin-bottom: 15px;
}
.goodscomment2_ .ptn-list li {
float: left;
list-style-type: none;
width: 15%;
float: left;
padding-right: 1%;
font-size: 10px;
line-height: 1.1;
}
#lema-product-detail {
}
#lema-product-detail .lema-ex {
border: solid 1px #666;
padding: 1em !important;
}
#lema-product-detail h3{
float: none !important;
width: 100% !important;
font-size:14px;
}
#lema-product-detail .lema-ex-spec{
float: none !important;
width: 100% !important;
}
#lema-product-detail a.ext-contact1 {
position: relative !important;
margin:20px auto !important;
}
.lema-ex {
border:solid 1px #666;padding:2em;
overflow:hidden;
width:auto;
margin-bottom:30px;
}
.lema-ex h3{
margin-bottom:25px;
float:left;
width:35%;
}
.lema-ex img{
max-width:100%;
}
.lema-ex-img {
margin-bottom:5px;
float:left;
width:49%;
padding-right:1%;
display:block;
}
.lema-ex-spec {
margin-bottom:25px;
float:left;
width:65%;
}
.lema-ex-2d {
margin-bottom:5px;
float:left;
width:49%;
padding-left:1%;
display:block;
}
.lema-ex-spec-item {
display:block;
border-top:solid 1px #CCC;
padding:5px 0;
}
.lema-ex-spec-item:last-child {
border-bottom:solid 1px #CCC;
}
#lema-product-detail a.ext-contact1 {
position:absolute;
display:block;
background:#999;
color:#000;
padding:8px 0;
line-height:1.2;
text-align:center;
width:10em;
right:0;
top:0;
-moz-border-radius: 0.3em;
-webkit-border-radius: 0.3em;
-o-border-radius: 0.3em;
-ms-border-radius: 0.3em;
font-size:13px;
color:#FFF;
}
.lema-ex-zoom {
display:block;
width:100%;
overflow:hidden;
}
#lema-product-detail {
margin-top:15px;
}
#lema-ex1, #lema-ex2, #lema-ex3, #lema-ex4, #lema-ex5
,#lema-ex6,#lema-ex7,#lema-ex8,#lema-ex9,#lema-ex10,#lema-ex11,
#lema-ex12,#lema-ex13
{
width:100%;display:block;float:none;clear:both;
}
#rspring-c .rspring-c-question p{
font-size:12px;
}
#rspring-c .spring-c-question {
font-size:20px;
}
.brand_lists_cassinaixc_ li{
width:48% !important;
}
#eTWBTP .quiz {
margin:0 0px !important;
}
#eTWBTP td span,
#eTWBTP td strong{
font-size:12px !important;
}
#eTWBTP .evt-spec p {
font-size: 12px;
}
/* layout */
.grid-box-sp2 {
width:100% !important;
overflow:hidden !important;
}
.grid-box-sp2 li{
width:49% !important;
float:left !important;
margin-right:2% !important;
margin-bottom:10px !important;
}
.grid-box-sp2 li:nth-child(2n){
margin-right:0 !important;
}
.grid-box-sp3 {
width:100% !important;
overflow:hidden !important;
}
.grid-box-sp3 li{
width:32%;
float: left !important;
margin-right:2% !important;
margin-bottom:10px !important;
}
.grid-box-sp3 li:nth-child(3n){
margin-right:0 !important;
}
.grid-box-sp3 li a{
display: block !important;
}
#TWBTPanswer .grid-box-sp3 li a{
font-size:10px !important;
min-height:130px !important;
}
.flex-box2 {
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.flex-box2 li {
float: left;
display: inline-block;
width: 50%;
overflow: hidden;
-webkit-flex-basis: 50%;
-moz-flex-basis: 50%;
-ms-flex-basis: 50%;
-o-flex-basis: 50%;
flex-basis: 50%;
}
#ec-projects .GoodsStyleT_Item_{
width:46%;
overflow: hidden;
padding:0 2% 20px;
float:left;
}
#ec-projects .GoodsStyleT_Line_{
width:100%;
overflow: hidden;
}
#ec-projects .GoodsStyleT_Line_ img{
display: block;
margin-bottom:5px;
width:100%;
}
.spgrid-box1 > .inbox {
width:100% !important;
margin-right:0% !important;
}
.spgrid-box3 > .inbox {
width:32%;
margin-right:2%;
float: left;
}
#feature_leather .ft-wrap {
padding:0 15px;
}
.sp-scroll-table {
overflow: auto;
white-space: nowrap;
}
.sp-scroll-table td,
.sp-scroll-table td{
white-space: normal;
}
.sp-scroll-table::-webkit-scrollbar{
height: 5px;
}
.sp-scroll-table::-webkit-scrollbar-track{
background: #F1F1F1;
}
.sp-scroll-table::-webkit-scrollbar-thumb {
background: #BCBCBC;
}
.grid-box4 > .inbox:nth-child(4n) ,
.grid-box3 > .inbox:nth-child(3n) ,
.grid-box2 > .inbox:nth-child(2n) {
margin-right:0;
}
.sp-scroll-table table{
width:960px;
}
.designer-focus .designer-photo {
text-align:center;
}
#e2016hf.designer-focus .topic_item_list dt img {
width:200px !important;
}
img.sp-H100px {
height:100px !important;
width:auto !important;
}
.goods_maker_title_ i:before {
content: 'デザイナー:';
font-style:normal;
}
.goods_brand_title_ i:before {
content: 'ブランド:';
font-style:normal;
}
.goods_filter1_title_ i:before {
content: '絞り込み1:';
font-style:normal;
}
.goods_filter2_title_ i:before {
content: '商品区分:';
font-style:normal;
}
.youtube-video-container {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtube-video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.row,
.row *,
.row *::before,
.row *::after {
box-sizing: border-box;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
padding-right: 15px;
padding-left: 15px;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 768px) {
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
/* --------------------------------------------------------------------
マイページ 購入履歴
-------------------------------------------------------------------- */
.btn-receipt {
display: inline-block;
margin: 0;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
padding: 4px 10px;
color: #333;
border: solid 1px #dcdcdc;
background-color: #e5e5e5;
width: 100px;
margin: auto 0 auto 10px;
margin-top: auto;
margin-bottom: auto;
}