@charset "utf-8";

#sidebar ul.nav ul.ucart_calendar_body{ margin-bottom: -18px; }
#itempage .itemimg, div.p-link span, p.itemNewlink { text-align: center }
.defaultTable, .defaultTable td, .defaultTable th, .manyItems { border-collapse: collapse; border-spacing: 0 }
.storycontent { width: 100%; margin-bottom: 50px }
.itempage { width: 100%; overflow: hidden }
#wp-calendar td.businessday { background-color: #FFECCE; color: red }
p.itemNewlink { width: 100%; margin: 0 0 30px; line-height: 1; background-color: #6495ed; border-radius: 5px }
p.itemNewlink a { display: inline-block; line-height: 30px; padding: 0 5px; color: #fff }
div.item-parent-box, div.recent, div.recentPage { width: 100%; margin: 0 auto; padding: 50px 0 0; overflow: hidden }
div.item-box { overflow: hidden; position: relative; width: 25%; float: left; margin-bottom: 80px; padding: 0 5px 60px; border: 0; font-size: 11px } .item-box div.txt { font-weight: 700; line-height: 1.1em; color: #f18f4d; padding: 5px 0 } .item-box .mynew { width: 100%; display: flex; justify-content: center; padding-bottom: 5px; }
.item-box .mynew span{ display: block; width: auto; line-height: 1; padding: 1px 10px; background-color: #009fa8; color: #fff; border-radius: 2px;}
.newKey { display: flex; align-items: center; padding-top: 2px; }
.newKey span{ display: block; width: auto; margin: 0; padding: 1px 10px; background-color: #009fa8; color: #fff; border-radius: 2px;}
.item-box .newKey2 { display: flex; align-items: center; justify-content: center; padding: 2px 0 5px; gap: 2px; }
.item-box .newKey2 span{ display: block; width: auto;  margin: 0; padding: 1px 10px; border-radius: 2px;}
.item-box .newKey2 span{ background-color: #009fa8!important; color: #fff!important; }
.item-box .newKey2 span{ display: block; width: auto;  margin: 0; padding: 1px 10px; border-radius: 50px!important;}
.item-box .newKey3 { display: flex; align-items: center; justify-content: center; padding: 2px 0 5px; gap: 2px; position: relative; color: #009fa8; }
.item-box .newKey3 span{ display: block; width: auto; list-style: 1; margin: 0; padding: 1px 10px; border-radius: 50px!important; background-color: rgba(228,0,155,0.1); color: #000;}
.item-box .newKey4 { display: flex; align-items: center; justify-content: center; padding: 2px 0 5px; gap: 2px; position: relative; }
.item-box .newKey4 span{ display: block; width: auto; list-style: 1; margin: 0; padding: 1px 10px; background-color: #fff; color: #009fa8; position: relative; z-index: 1; border: 2px solid #009fa8; border-radius: 50px!important;}
.item-box .newKey5 { display: flex; align-items: center; justify-content: center; padding: 2px 0 5px; gap: 2px; position: relative; color: #009fa8; }
.item-box .newKey5::before,.newKey5::after{ content: '★'; display: block; width: 1em; font-size: 14px; } div.thumimg { padding-left: 2%; margin-bottom: 10px; min-height: 150px }
div.thumimg img { display: block; max-width: 100%; height: auto; margin: auto; } div.p-link { clear: both; width: 100%; height: 30px; padding: 0; position: absolute; bottom: 0; left: 0; font-size: 120% }
.thumtitle { height: 4em; line-height: 1.2em; overflow: hidden; margin: 0 0 .5em; padding: 0 10px; border-bottom: 1px dotted #ccc }
.thumtitle a { color: #039 }
.thumtitle a:hover { color: red }
div.model-number { font-weight: 700 }
div.item-box .price-b { color: #03C }
div.item-box .price, div.item-box span.price { color: #c00 }
div.item-box .price_notax span.price_notax { font-size: 110%; }
div.item-box .price .tax { font-weight: 400; font-size: 80%; color: #000 }
div.p-link span { display: inline-block; width: 50%; height: 30px; line-height: 30px }
div.p-link span a { display: block; width: 90%; margin: auto; border-radius: 5px }
div.p-link span.link_cart a { background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/cart_s.png) 5% 50% no-repeat #c00; color: #fff }
div.p-link span.link_ex a { background: #e3e3e3; color: #333 }
div.p-link span.link_cart a:hover { background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/cart_s.png) 5% 50% no-repeat #910; color: #fff }
div.p-link span.link_ex a:hover { background: #00abeb; color: #fff }
div.itemExe, div.thumimg { width: 100%; float: none; padding: 0 }
.categoryPage div.item-box { width: 33.3%; padding-left: 10px; padding-right: 10px }
#itempage { width: 100%; overflow: hidden; display: flex; flex-wrap: nowrap; justify-content: space-between; }
#itempage .itemimg img { display: block; margin: 0 auto;} input.skuquantity { margin: 0 15px 0 0 }
form.single .skuform div.btn_estimation { width: 50%; height: 40px; position: absolute; top: 0; right: 0; text-indent: -9999px; background: url(http://www.epoch88.com/wp/wp-content/themes/epoch/images/estimate.jpg) }
form.single .skuform div.btn_estimation a { display: block; width: 160px; height: 40px }
form.single p.op { float: none!important; margin: 0 0 5px!important; padding: 0!important }
form.single option, form.single select { padding-left: 5px!important }
form.single input.skuquantity { width: 30px!important }
#content h1.cart_page_title { font-size: 1.5em }
div.usccart_navi li.ucart { width: 25% }
#cart table { width: 100% }
#content h1.member_page_title { margin: 0; padding: 0 0 10px; font-size: 1.5em }
#itempage table.skumulti th { background-color: #f1f1f1; text-align: center; padding: 3px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; font-weight: 400 }
#itempage table.skumulti th.thborder { border-right: 1px solid #fff; border-bottom: 0 }
#itempage table.skumulti td { padding: 3px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; border-right: 1px solid #eee }
#itempage table.skumulti td.subborder { border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee }
#itempage table.skumulti td.price { text-align: right }
#itempage table.skumulti td.zaiko { text-align: center }
#itempage table.skumulti td.quant { text-align: right; border-right: 0 }
#itempage table.skumulti td.unit { text-align: left }
#itempage table.skumulti td.button { text-align: center; border-right: 0 }
#itempage table.skumulti td.skudisp { font-weight: 700 }
#itempage table.skumulti td.error_message { border: 0 }
.defaultTable { width: 100%; margin: 0 auto 5px; font-size: 100%; box-sizing: border-box }
.defaultTable td, .defaultTable th { width: 100%; text-align: left; vertical-align: top; padding: 5px 10px; border: 1px solid #eee; box-sizing: border-box }
.defaultTable th { font-weight: 400; background-color: #f9f9f9 }
.myCount td, .myCount th, .myOption td, .myOption th, .mycode td, .mycode th, .myprice td, .myprice th { display: table-cell; padding-top: 10px; padding-bottom: 10px }
.myCount th, .myOption th, .mycode th, .myprice th { width: 40% }
.myCount td, .myOption td, .mycode td, .myprice td { width: 60% }
.myCount th, .myOption th { background-color: #eaf6fd }
.myCount td, .myCount th, .myOption td, .myOption th { border-color: #c7e8fa }
th.jucyutxt { border: 1px solid #eee; background-color: #fcc; color: #c00 }
th.jucyutxt span { padding-left: 1em; font-size: 90% }
.itemEx .catch { line-height: 1.5em; font-weight: 400; color: #c00; margin-bottom: 1em }
.itemEx .itenContent { margin-bottom: 30px; color: #c00; }
.itemEx .itenContent p { line-height: 1.6; margin: 0!important; }
.myOption { margin-bottom: 5px }
.myCount { margin-bottom: 10px }
.myCount th { vertical-align: middle }
.skuquantity { padding: 5px }
.btnCart { width: 460px; margin: auto }
.btnCart td { width: 230px; padding: 5px 0 15px; border: 0 }
.btnCart td input.skubutton { cursor: pointer; width: 220px; height: 50px; text-align: center; margin: 0; padding: 0; text-indent: -9999px; vertical-align: middle; border: 0; background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/cartPc_new.jpg) no-repeat; background-size: cover }
.btnEstimation, .btnEstimation2 { display: block; width: 220px }
.btnEstimation a { display: block; width: 100%; height: 50px; text-indent: -9999px; background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/estimatePc.jpg) no-repeat; background-size: cover }
.btnEstimation2 a { display: block; width: 100%; height: 50px; text-indent: -9999px; background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/contactPc_new.jpg) no-repeat 0 50%; background-size: cover }
td.myPrice { color: red; font-weight: 700; font-size: 120% }
td.myPrice span.myPrice_notax, td.myPrice span.small_notax { color: #000; font-weight: normal; }
td.myPrice span.myPrice_notax { font-size: 85%; }
span.small_notax { font-size: 0.7em; }
td.itemSku { color: #00f; font-weight: bold; }
.mycode, .myprice { width: 100%; border-style: solid; border-width: 2px; border-radius: 6px; border-collapse: separate; border-spacing: 0; }
.mycode { border-color: #0086ca; }
.myprice { border-color: #00a33e; }
.mycode tr:first-child th, .myprice tr:first-child th { border-radius: 6px 0 0 0; }
.mycode tr:first-child td, .myprice tr:first-child td { border-radius: 0 6px 0 0; }
.mycode tr:last-child th, .myprice tr:last-child th { border-radius: 0 0 0 6px; }
.mycode tr:last-child td, .myprice tr:last-child td { border-radius: 0 0 6px 0; }
.single .catbox h3.mt0 { margin-bottom: 0; border-radius: 5px 5px 0 0; font-size: 100%; font-weight: normal; }
table.item_kikaku { width: 100%; border: 2px solid #0086ca; border-radius: 0 0 6px 6px; border-collapse: separate; border-spacing: 0; box-sizing: border-box; }
table.item_kikaku td, table.item_kikaku th { text-align: left; vertical-align: top; padding: .35em .5em; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing: border-box }
table.item_kikaku th { font-weight: 400; background-color: #f1f1f1; width: 140px }
table.item_kikaku td { width: 600px }
table.item_kikaku tr:last-child th { border-radius: 0 0 0 6px; border-bottom: 0; }
table.item_kikaku tr:last-child td { border-radius: 0 0 6px 0; border-bottom: 0; }
table.item_kikaku td table { border: 0 }
table.item_kikaku td table td { text-align: left; vertical-align: top; padding: .25em 0; border-bottom: 0; border-left: 0 }
table.item_kikaku td p { line-height: 1.5; margin: 0; padding: 0 }
table.th_cols td, table.th_cols th { box-sizing: border-box }
table.item_cols { width: 100%; border-top: 1px solid #ccc; border-right: 1px solid #ccc }
table.item_cols td, table.item_cols th { text-align: left; vertical-align: top; padding: .35em .5em; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing: border-box }
table.item_cols th, table.item_cols tr td:nth-child(2) { width: 150px }
table.item_cols tr td:last-child { width: 440px }
table.item_cols th { background: #f1f1f1 }
table.item_cols .th { background: #f9f9f9 }
.makerImg { width: 100%; overflow: hidden; margin: 0 auto; padding: 10px 0 0 }
#content h1.cart_page_title { text-align: center; margin: 0 auto 5px; padding: .75em 0; background-color: #c00; color: #fff; border-radius: 5px }
div.usccart_navi ol.ucart { height: 60px; margin: 0 0 30px; padding: 0; overflow: hidden }
div.usccart_navi ol.ucart li { width: 50%; line-height: 30px; margin: 0; padding: 0 2%; border-bottom: 1px solid #fff; border-right: 1px solid #fff; box-sizing: border-box }
#cart, #cart_table { width: 100% }
div.usccart_navi li.ucart { background-color: #e3e3e3; color: #000; font-weight: 400 }
div.usccart_navi li.usccart_cart, div.usccart_navi li.usccart_confirm, div.usccart_navi li.usccart_customer, div.usccart_navi li.usccart_delivery { background-image: none; background-color: #c00; color: #fff }
#cart .upbutton { padding: 0 0 5px; text-align: left }
.upbutton input { display: block }
#cart_table td, #cart_table th { box-sizing: border-box }
#cart_table thead { display: table-caption }
#cart_table thead th { box-sizing: border-box; border: 1px solid #ccc; background-color: #f3f3f3; color: #999 }
#cart_table tbody td { border: 0; border: 1px solid #ccc }
#cart tbody td.num, #cart thead th:nth-child(1) { width: 40px!important }
#cart tbody td.thumbnail, #cart thead th:nth-child(2) { width: 80px!important }
#cart tbody td.productname, #cart thead th:nth-child(3) { width: 210px!important }
#cart tbody td.unitprice, #cart thead th:nth-child(4) { width: 100px!important }
#cart tbody td.quantity, #cart thead th:nth-child(5) { width: 50px!important }
#cart tbody td.stock, #cart tbody td.subtotal, #cart thead th:nth-child(6), #cart thead th:nth-child(7) { width: 100px!important }
#cart tbody td.action, #cart thead th:nth-child(8) { width: 60px!important }
#cart .action, #cart .num, #cart .productname, #cart .quantity, #cart .stock, #cart .subtotal, #cart .thumbnail, #cart .unitprice, #customer-info table { width: 100% }
#cart td.num { text-align: center; background-color: #e9e9e9 }
#cart td.thumbnail { padding: 0 }
#cart td.thumbnail img { display: block; max-width: 100%; height: auto; margin: auto }
#cart td.unitprice { text-align: right; background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/unitprice.png) 10px 50% no-repeat }
#cart td.quantity { text-align: right; background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/quantity.png) 10px 50% no-repeat }
#cart td.subtotal { text-align: right; background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/subtotal.png) 10px 50% no-repeat }
#cart td.stock { text-align: right; background: url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/stock.png) 10px 50% no-repeat }
#cart .action { padding: 5px 0 15px }
#cart td.quantity, #cart td.stock, #cart td.subtotal, #cart td.unitprice { background-image: none }
#customer-info th { width: 260px }
#customer-info td { width: 480px }
#customer-info .customer_form input#mailaddress1, #customer-info .customer_form input#mailaddress2, #customer-info .customer_form tr.customkey_your_shop_name td input { width: 90% }
#delivery-info th { width: 260px }
#delivery-info td { width: 480px }
#confirm_table th { background-color: #e6e6e6; width: 260px }
#confirm_table td { min-height: 30px; width: 480px }
#confirm_table h3 { height: auto; background-color: transparent; color: #c00; text-align: center }
.back_to_delivery_button { margin-bottom: 0 }
#info-confirm #cart tbody td.num, #info-confirm #cart thead th:nth-child(1) { width: 40px!important }
#info-confirm #cart tbody td.thumbnail, #info-confirm #cart thead th:nth-child(2) { width: 80px!important }
#info-confirm #cart tbody td.productname, #info-confirm #cart thead th:nth-child(3) { width: 310px!important }
#info-confirm #cart tbody td.unitprice, #info-confirm #cart thead th:nth-child(4) { width: 100px!important }
#info-confirm #cart tbody td.quantity, #info-confirm #cart thead th:nth-child(5) { width: 50px!important }
#info-confirm #cart tbody td.subtotal, #info-confirm #cart thead th:nth-child(6) { width: 100px!important }
#info-confirm #cart tbody td.action, #info-confirm #cart thead th:nth-child(7) { width: 60px!important }
#itempage form.single { padding: 0!important }
#itempage { padding-top: 0 }
#itempage .itemimg { width: 260px; position: relative; }
#itempage .itemcontent { width: 460px; overflow: hidden; }
#itempage .itemimg .itemsubimg { padding: 50px 0 0 }
#itempage .itemimg .itemsubimg div { display: block; width: 80px; height: 100px; margin: 0 auto }
#itempage .itemimg .itemsubimg div img { width: 90%; margin-top: 15px }
#itempage .itemimg .itemsubimg p { font-size: 11px }
.manyItems .myPrice, .zaikoView { font-size: 120% }
#itempage .itemimg .itemsubimg a { display: block; width: 100%; height: 100%; position: relative; border: 1px solid #666; box-sizing: border-box }
#itempage .itemimg .itemsubimg a::before { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,.5); z-index: 1 }
#itempage .itemimg .itemsubimg a::after { display: block; content: "外形図"; width: 90%; padding: 0 5%; position: absolute; top: 50%; left: 0; z-index: 2; margin-top: -20px; text-align: center; color: #fff }
#itempage .itemimg .itemsubimg a:hover img { opacity: 1 }
#itempage .itemimg .itemsubimg a:hover::before { background-color: rgba(255,0,0,.15) }
#itempage .itemimg .itemsubimg a:hover::after { color: #000 }
#itempage .itemimg .itemsubimg a::after, #itempage .itemimg .itemsubimg a::before { transition: all 0s }
#itempage .itemimg .itemsubimg a:hover::after, #itempage .itemimg .itemsubimg a:hover::before { transition: all .3s }
#itempage .item_single_content { float: none; margin-left: auto; margin-right: auto }
.manyItems { width: 100%; margin: 0 auto 15px }
.manyItems th { background-color: #f1f1f1 }
.manyItems .myNo { font-weight: 700; color: #00c }
.manyItems .my_option td, .manyItems .my_option th { border: 0; background-color: #fff }
.manyItems td.nonBorder { padding: 10px 0; width: 100%; overflow: hidden; border: 0 }
.manyItems td.myPrice { color: #c00; font-weight: 700 }
.manyItems .button p { width: 160px; height: 40px; float: left; margin-right: .5em }
.zaikoView { background-color: #c00; color: #fff; text-align: center }
.itemcontent div.model-number { margin-bottom: .5em; padding-bottom: .5em; border-bottom: 1px solid #ccc }
.itemcontent div.txt { margin-bottom: .5em; padding: .5em 0; font-size: 120%; font-weight: 700; line-height: 1.2em; color: red }
table.item-ex { width: 100%; margin: 0 0 1em }
table.item-ex td, table.item-ex th { font-size: 100%; text-align: left; vertical-align: middle; padding: .2em .5em; border-bottom: 1px solid #ccc }
table.item-ex th { text-align: center; background-color: #f1f1f1; color: #039 }
.btn_single_favorite { width: 100%; overflow: hidden; margin: 0 auto }
.btn_single_favorite a { display: block; width: 460px; text-align: center; height: 30px; line-height: 30px; background-color: #C30; color: #fff; margin: 0; padding: 0; float: right }
.btn_single_favorite a:hover { text-decoration: none; background-color: #FC0; color: #000 }
.btn_single_favorite_center a { float: none; margin-left: auto; margin-right: auto }
.manyItems th.myPrice { color: #c00 }
.btnCart td input.skubutton:hover, .btnEstimation a:hover { opacity: .5 }
.btnCart td input.skubutton:hover, .btnEstimation a:hover, div.p-link span.link_cart a:hover, div.p-link span.link_ex a:hover { transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s } .itempage_code { width: 100%; height: 36px; overflow: hidden; margin-bottom: 2px; }
.itempage_code span{ display: block; width: 180px; margin: 0 auto; padding: 14px 0 12px; line-height: 1; background: #6cc; color: #fff;  } .pdf_links { width: 100%; margin: 0 auto; position: absolute; bottom: 15px; left: 0; }
.pdf_links a { text-align: left; text-decoration: none; display: block; box-sizing: border-box; line-height: 50px; width: 180px; margin: 0 auto; padding: 0 0 0 50px; background: #999 url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/i_pdf.png) no-repeat 5px 50%; background-size: auto 30px; color: #fff; }
.pdf_links a:hover { text-decoration: none; background: #f00 url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/i_pdf.png) no-repeat 5px 50%; background-size: auto 30px; color: #fff; }
.pdf_links_block { width: 100%; margin: 0 auto; position: absolute; bottom: 15px; left: 0; }
.pdf_links_block .pdf_links { width: 100%; margin: 0 auto; position: static; }
.pdf_links_block .pdf_links:not(:last-child) { margin-bottom: 5px; }
.pdf_links_block .pdf_links a { text-align: left; text-decoration: none; display: block; box-sizing: border-box; line-height: 1.2; width: 180px; margin: 0 auto; padding: 15px 0 14px 50px; background: #999 url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/i_pdf.png) no-repeat 5px 50%; background-size: auto 30px; color: #fff; }
.pdf_links_block .pdf_links a:hover { text-decoration: none; background: #f00 url(//www.epoch88.com/wp-content/themes/epoch_ver2/images/i_pdf.png) no-repeat 5px 50%; background-size: auto 30px; color: #fff; }
.error_message { color: #f00; }
.lost_password { line-height: 1; margin: 0; padding: 0.5em 0 0; }
#memberpages div.loginbox { margin-top: 0; width: 100%; padding: 30px; box-sizing: border-box; }
.send input.to_deliveryinfo_button { background: #2660ad; }
.send input.to_reganddeliveryinfo_button { background: #32833a }
#newmember .agree_member_area, #customer-info .agree_member_area { width: 100%; box-sizing: border-box; margin: 0; padding: 1em 0; }
#newmember .at_exp_text, #customer-info .at_exp_text { width: 100%; }
#newmember .at_exp_text p.txt1 span, #customer-info .at_exp_text p.txt1 span { color: #2660ad; font-weight: bold; }
#newmember .at_exp_text p.txt2 span, #customer-info .at_exp_text p.txt2 span { color: #32833a; font-weight: bold; }
p.newentrytxt { display: none; }
#usces-member p.txt1, #usces-member p.txt2 { display: none; }
#usces-member p.newentrytxt { display: block; }
#newmember .at_cont_text, #customer-info .at_cont_text { box-sizing: border-box; height: 200px; width: 100%; margin: 10px 0; padding: 0.5em; font-size: 1.2em; }
#newmember .at_check_area, #customer-info .at_check_area { font-size: 1em; font-weight: bold; }
#newmember table { width: 98%; }
#newmember table th { width: 260px; }
span.delivery_ex { display: block; padding-top: 5px; }
#customer-info h5 { color: #675f00; background-color: #fffeee; margin-bottom: 0; padding: 0.5em 1em; border: 1px solid #c0b969; font-weight: bold; }
#cart #point_table { border-collapse: collapse; border-spacing: 0; max-width: 350px!important; margin: 10px auto; border: 0; }
#cart #point_table tr:first-child td { border-top: 1px solid #ccc; }
#cart #point_table td { border-left: 1px solid #ccc; }
#cart #point_table tr td:first-child { background-color: #fdeef5; }
#cart #point_table tr:last-child td { background-color: transparent; border: 0; padding-top: 10px; }
.small { font-size: 11px; }
.keywords{ text-align: center; margin-top: -5px;}