@charset "utf-8";
 html, body, div, p, span, object, iframe, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; -webkit-text-size-adjust: 100%; }
body { line-height: 1; }
article, aside, dialog, figure, footer, header, hgroup, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } a, a:hover { outline: none; }
a { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none; color: #0070B7; }
a:hover { text-decoration: none; color: #e50065; }
a:visited, a:active { background-color: transparent; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
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 #000; cursor: help; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
img, img a, img a:hover { border: 0; margin: 0; padding: 0; max-width: 100%; height: auto; } table { border-collapse: collapse; }
caption, th, td { font-weight: normal; text-align: left; }
th, td { display: block; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
body { text-align: center; font: 14px 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', 'メイリオ', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; margin: 0; padding: 0; } a { text-decoration: none; color: #39f; overflow: hidden; outline: none; }
a:hover { text-decoration: underline; color: #39f; }
p { line-height: 1.8em; margin-bottom: 0.5em; }
p.indent { text-indent: 1em; }
.clear { clear: both; }
.none { display: none; }
.red { color: #f00; }
.mt0 { margin-top: 0; }
input[type="text"], input[type="email"], input[type="tel"], textarea { vertical-align: middle; width: 98%; line-height: 30px; height: 30px; padding: 1px 5px; border: 1px solid #d4d4d7; border-radius: 3px; font-size: 100%; color: #555; background: #fcfcfc; }
textarea { height: auto; line-height: 1.5; width: 98%; }
input[type="submit"], input[type="reset"], input[type="button"] { margin-right: 3px; padding: 3px 10px; background: #878787; background: -moz-linear-gradient(top, #878787 0%, #6f6f6f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #878787), color-stop(100%, #6f6f6f)); background: -webkit-linear-gradient(top, #878787 0%, #6f6f6f 100%); background: -o-linear-gradient(top, #878787 0%, #6f6f6f 100%); background: linear-gradient(to bottom, #878787 0%, #6f6f6f 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#878787', endColorstr='#6f6f6f', GradientType=0);
border: 0; border-radius: 3px; line-height: 1.5; font-size: 100%; color: #fff; }
input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: #878787; background: -moz-linear-gradient(top, #6f6f6f 0%, #878787 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6f6f6f), color-stop(100%, #878787)); background: -webkit-linear-gradient(top, #6f6f6f 0%, #878787 100%); background: -o-linear-gradient(top, #6f6f6f 0%, #878787 100%); background: linear-gradient(to bottom, #6f6f6f 0%, #878787 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f6f6f', endColorstr='#878787', GradientType=0);
cursor: pointer; }
*:first-child + html input[type="submit"] { padding: 3px; }
.wpcf7c-conf { background-color: transparent !important; border: 0 !important; }
ul.headBtn { width: 100%; overflow: hidden; display: table; margin: 0; padding: 0; }
ul.headBtn li { list-style: none; line-height: 40px; display: block; text-indent: -9999px; margin: 0; padding: 0; text-align: center; background: rgba(0, 84, 167, 1) url(//www.epoch88.com/wp-content/themes/smp2024/images/open.png) no-repeat 50% 50%; color: #fff; }
ul.headBtn li a { display: block; color: #fff; } .search_container { width: 100%; position: static; margin: 0; background-color: rgba(102, 204, 204, 0.1); }
.search_container div { width: 90%; height: 60px; margin: 0 auto; padding: 15px 0; overflow: hidden; display: flex; justify-content: center; align-items: center; }
.search_container div #s { box-sizing: border-box; display: block; width: 70%; border-radius: 3px 0 0 3px; }
.search_container div #searchsubmit { box-sizing: border-box; display: block;line-height: 25px; width: 30%; border-radius: 0 3px 3px 0; }
.search_container p { text-align: center; height: 30px; line-height: 30px; margin: 0; padding: 0; background-color: #00a9b2!important; color: #fff!important; }
.search_container p img { display: inline-block!important; vertical-align: middle; width: auto !important; height: 20px !important; }
.headerForm { display: flex; flex-wrap: nowrap; width: 100%; margin: 0; padding: 5px 0; background-color: transparent;}
.headerForm .search_container{  background-color: transparent; }
.userPage{ width: 35%; font-size: 11px; height: 30px; line-height: 28px;  padding: 0 0 0 3%; }
.userPage a{ display: block; width: 100%;text-align: center; color: #000; background-color: rgba(153,204,255,0.5); border: 1px solid #0071bc; border-radius: 3px; }
.search_block { width: 65%; padding: 0 3%; }
.headerForm .search_block .search_container div { width: 100%; height: 30px; margin: 0 auto; padding: 0; overflow: hidden; display: block;  position: relative; }
.headerForm .search_block .search_container div #s { width: 100%; border-radius: 3px; padding-right: 30px; border-color: #099; background-color: #f6f6f6;}
.headerForm #searchsubmit{ text-indent: -999px; display: block; width: 30px!important; height: 30px; background: #099 url(//www.epoch88.com/wp-content/themes/smp2024/images/btn-search-wh.png) no-repeat 50% 50%; background-size: auto 20px; position: absolute; top: 0; right: 0; z-index: 1; margin: 0; padding: 0; } 
.headerForm .search_block .search_container div #s::placeholder { color: #999; } #bg { margin: auto; text-align: left; }
#wrapper { width: 100%; margin: 0 auto; overflow: hidden; }
#content { width: 100%; }
div.post { width: 94%; margin: 0 auto; overflow: hidden; }
#sidebar { width: 100%; text-align: left; } #header img { display: block; max-width: 100%; height: auto; margin: 0 auto; } #header h1 { width: 100%; margin: 0; position: absolute; top: 0; left: 0; z-index: -1; }
#header p { background: #fff; text-align: center; margin: 0; }
p.disc { color: #00abeb; font-weight: bold; font-size: 140%; line-height: 1; padding: 10px 0 5px; }
@media print, screen and (max-width: 400px) {
p.disc { font-size: 130%; }
}
@media print, screen and (max-width: 320px) {
p.disc { font-size: 100%; }
}
p.disc2 { color: #f00; font-weight: bold; }
.headMenu ul { width: 100%; display: flex; justify-content: space-between; margin: 0; padding: 0; background-color: rgba(0, 84, 167, 1); }
.headMenu ul li { list-style: none; margin: 0; padding: 0; width: 100%; height: 30px; }
.headMenu ul li:not(:last-child) { border-right: 1px solid #fff; }
.headMenu ul li a { display: flex; justify-content: center; align-items: center; width: 100%; height: 30px; }
.smpHead_bg { width: 100%; position: relative; }
.smpHead_bg img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.smpHead_bg p { background: transparent !important; width: 40%; height: 100%; position: absolute; top: 0; right: 0; }
.smpHead_bg p img { position: absolute; bottom: 0; right: 0; }
.topimg { margin: 0; padding: 0 2px 1px; }
.topimg img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
#header .headMenu li img { width: auto; height: 24px; }
.headerSearch .primary { width: 134px; } .headerSearch .secondary { margin-left: -134px; }
.headerSearch { box-sizing: border-box; margin: 0; padding: 0 5px; width: 100%; height: 70px; overflow: hidden; }
.headerSearch .primary { float: left; }
.headerSearch .secondary { width: 100%; float: left; }
.refine_search { background-color: rgba(0,134,202,.05); }
.refine_search p { text-align: center; height: 20px; line-height: 20px; margin: 0; padding: 0; background-color: #2660ad; color: #fff; font-weight: 700; font-size: 110% }
.refine_search p img { display: inline; vertical-align: middle; width: auto !important; height: 14px !important; }
.refine_search .form-group { width: 100%; margin: 0 auto; padding: 10px 10px 0; overflow: hidden; box-sizing: border-box; }
.refine_search label{ display: block; margin: 0; font-size: 11px; }
.refine_search .flexbox { display: flex; padding: 10px 10px 0; }
.refine_search .flexbox div{ width: 33.3333%; padding: 0; }
.refine_search .form-group.submit { padding-bottom: 10px; }
.refine_search .form-group.submit button { margin: 0; padding: 3px 10px; background: #878787; border: 0; border-radius: 3px; line-height: 1.5; font-size: 120%; color: #fff; } .post_sitechange { width: 100%!important; line-height: 1; padding: 0; position: static; }
.post_sitechange a { background-color: #c00; color: #ff0; display: flex; justify-content: center; align-items: center; gap: 2%; width: 100%; height: 40px; font-size: 1em; font-weight: bold; padding: 5px 0; }
.post_sitechange span { display: block; width: auto; text-align: center; }
.post_sitechange span:nth-child(2) { width: 10em; line-height: 1; padding: 5px 0 3px; background-color: #fff; color: #00abeb; border: 2px solid #00abeb; }
@media screen and (max-width: 390px) {
.post_sitechange a { font-size: 14px; }
}
@media screen and (max-width: 380px) {
.post_sitechange a { font-size: 12px; }
}  #gnav { width: 100%; position: absolute; top: 0; left: 0; }
#menuButton { width: 4em; height: 40px; line-height: 40px; position: absolute; top: 5px; left: 5px; background-color: #000; color: #fff; border-radius: 5px; text-align: center; z-index: 9999; }
#menu-header { width: 100%; margin: 0; padding: 50px 0 0; position: absolute; top: 0; left: 0; z-index: 999; background-color: rgba(0, 84, 167, 0.9); display: none; }
#menu-header li { list-style: none; width: 100%; margin: 0; padding: 4% 5%; }
#menu-header li a { display: block; width: 100%; color: #fff; } .headerHomebtn{ width: 100%;  margin-bottom: 10px; padding: 0 1%; font-size: 120%; font-weight: bold; }
.headerHomebtn a { display: flex; justify-content: center; background-color: #ffff99; color: #000; border: 1px solid #ffcc00; padding: 10px 0 8px; text-decoration: none; border-radius: 3px; }
.headerHomebtn a::before{ content: ''; display: block; width: 20px; height: 20px; margin: 0 8px 0 0; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/smpHome.png) no-repeat 50% 50%; background-size: cover; }
#sidebar .nav.calendar { height: auto!important; overflow: hidden; margin-bottom: 10px; }
#sidebar .innerContents { margin-bottom: 0; } #sidebar .search_container { margin-bottom: 5px; border-radius: 0; }
#sidebar .search_container div { width: 90%; height: auto; padding: 5% 0; }
#sidebar .search_container p { border-radius: 0; }
#sidebar .search_container { margin-left: 0; background-color: rgba(102, 204, 204, 0.1); }
#sidebar .search_container p { text-align: center; height: 18px; line-height: 18px; margin: 0; padding: 0; background-color: #00a9b2; color: #fff; }
#sidebar .search_container p img { display: inline-block; vertical-align: middle; width: auto !important; height: 10px !important; }
#sidebar .loginbtn { }
#sidebar .loginbtn li { margin-bottom: 5px; }
#sidebar .loginbtn li:last-child { margin-bottom: 0; }
#sidebar .loginbtn li a { text-align: center; display: block; box-sizing: border-box; line-height: 30px; border-radius: 3px; background-color: #f3f3f3; color: #000; border: 1px solid #999; } .accordionBtn { line-height: 60px; margin: 0; padding: 0 0 0 40px; background: rgba(0, 84, 167, 1) url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) no-repeat 5px 50%; color: #fff; position: relative; }
.accordionBtn::after, .closed::after { width: 4em; height: 20px; line-height: 20px; margin-top: -10px; display: block; position: absolute; top: 50%; right: 10px; text-align: right; }
.accordionBtn::after { content: "開く"; }
.closed::after { content: "閉じる"; }
.homeBtn { margin: 0; padding: 0; }
.homeBtn a { display: block;width: 100%; text-align: center;font-size: 120%; font-weight: bold; line-height: 50px; background-color: #0086ca; color: #fff; position: relative; } #sidebar ul, #sidebar li { list-style: none; margin: 0; padding: 0; }
#sidebar p { margin-bottom: 0; }
.post_add_list { box-sizing: border-box; margin: 0 auto; padding: 0 5px 20px!important; width: 100%; display: flex; flex-wrap: wrap; gap: 2%; }
.post_add_list li { list-style: none; margin: 0; padding: 0; width: 49%; }
.post_add_list li img { display: block; margin: 0 auto; }
.add_list img { display: block; margin: 0; }
#sidebar .add_list li:first-child { } .makerLinks_container { display: none; }
.maker_links dt { text-align: center; line-height: 1; padding: 0.5em 0; background-color: #75a315; color: #fff; }
.maker_links dd { padding: 0.5em 0; }
.maker_links li { }
.maker_links ul li a { display: block; width: 100%; padding: 2% 0 2% 10%; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/arrow04.jpg) no-repeat 3% 50%; color: #000; } .makerLinks_container { display: none; }
.maker_links dt { text-align: center; line-height: 1; padding: 0.5em 0; background-color: #75a315; color: #fff; }
.maker_links dd { padding: 0.5em 0; }
.maker_links li { }
.maker_links ul li a { display: block; width: 100%; padding: 2% 0 2% 10%; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/arrow04.jpg) no-repeat 3% 50%; color: #000; }
#sidebar .maker .catNav_accordion li { border-bottom: 0; }
.maker p.catNav_ttl { padding: 18px 0 16px; background-image: none; text-align: center; font-weight: bold; background-color: #be0060; color: #fff; justify-content: center; }
.maker .catNav_accordion p.catNav_ttl::after { border-top-color: #fff; border-right-color: #fff; right: 5px; }
.maker p.catNav_ttl:hover { text-decoration: none; color: #ff0; }
.maker .accordio_child { padding: 1em; background: #fef7fa; display: none; } .side_companyInfo dt { text-align: center; line-height: 1; margin: 0; padding: 0.75em 0 0.5em; background-color: rgba(0, 84, 167, 1); color: #fff; }
.side_companyInfo dd { padding: 0.75em 0 1em; }
.side_companyInfo p { padding-left: 3%; }
.side_companyInfo p { padding-left: 3%; }
.side_companyInfo p img { display: inline; vertical-align: middle; width: 20px; height: auto; }
.side_companyInfo li a { display: block; width: 100%; padding: 2% 0 2% 10%; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/arow01.jpg) no-repeat 3% 50%; color: #000; } div.st-tag-cloud { padding: 0 10px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg-cat.jpg) repeat-y 0 0; }
div.st-tag-cloud a { display: block; width: 228px; padding: 3px 0 3px 12px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/arow01.jpg) no-repeat 0 50%; } ul.nav li.widget_welcart_featured li { padding: 0.5em 0 1em; }
ul.nav li.widget_welcart_featured li, ul.nav li.widget_welcart_featured li a { padding-left: 0; background: none; }
ul.side_reco li.widget_welcart_featured p.title a { text-decoration: none; color: #fff; }
ul.nav li.widget_welcart_featured .thumimg { text-align: center; width: 100%; height: 170px; overflow: hidden; padding-top: 0.5em; }
ul.nav li.widget_welcart_featured .thumtitle, ul.nav li.widget_welcart_featured .model-number, ul.nav li.widget_welcart_featured .price-b, ul.nav li.widget_welcart_featured .price { font-size: 100%; font-weight: normal; line-height: 1.2em; }
ul.nav li.widget_welcart_featured .thumtitle { height: auto; border-bottom: 0; }
ul.nav li.widget_welcart_featured .price-b { color: #00f; }
ul.nav li.widget_welcart_featured .price { color: #c00; }
ul.nav li.widget_welcart_featured .txt { font-weight: bold; line-height: 1.2em; color: #036; padding-top: 0.5em; } .widget_welcart_calendar { list-style: none; margin: 0; padding: 0; }
.widget_welcart_calendar .title { text-align: center; height: 30px; line-height: 30px; margin: 0; background-color: rgba(0, 84, 167, 1); color: #fff; }
ul.nav ul.ucart_calendar_body { margin: 0; padding: 0; background: none; }
table.usces_calendar { width: 100%; margin: 0 auto; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
table.usces_calendar caption { text-align: center; padding: 5px 0; background-color: #6699FF; color: #fff; }
table.usces_calendar th, table.usces_calendar td { display: table-cell !important; text-align: center; vertical-align: middle; line-height: 1; width: 36px; padding: 4px 0; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; color: #333; }
.widget_welcart_calendar table:nth-child(2) { margin-bottom: 5px; }
span.business_days_exp_box { display: inline-block; }
table.usces_calendar thead th { background-color: #f6f6f6; }
table.usces_calendar thead th:nth-child(1) { background-color: #ed798d; color: #fff; }
table.usces_calendar thead th:nth-child(7) { background-color: #2660ad; color: #fff; }
.businesstoday { } .side_tel { font-size: 100%; background-color: #f6f6f6; }
.side_tel dt { text-align: center; height: 18px; line-height: 18px; margin: 0; background-color: rgba(0, 84, 167, 1); color: #fff; }
.side_tel dd { padding: 0.5em 1em; }
.side_tel dd p img { display: inline; vertical-align: middle; padding-right: 2px; width: 20px; height: auto; }
.side_tel dd th, .side_tel dd td { display: block !important; width: 100% !important; font-size: 8px; }
.side_tel dd tr:nth-child(1) th { color: #000; }
.side_tel dd tr:nth-child(2) th { color: #c33; }
#sidebar .side_tel dd p.inquiryTxt { width: 100%; text-align: center; margin: 0; color: rgba(0, 84, 167, 1); }
#sidebar .side_tel dd p.inquiry { width: 100%; text-align: center; margin: 0; }
#sidebar .side_tel dd p.inquiry a { display: block; width: 100%; height: 40px; background-color: #00abeb; }
#sidebar .side_tel dd p.inquiry img { display: block; width: 170px; height: 40px; margin: 0 auto; padding: 0; } dl.top-info { border: 1px solid #ccc; }
dl.top-info dt { text-align: center; height: 30px; line-height: 30px; margin: 0; background-color: #00abeb; color: #fff; }
dl.top-info dd { width: 90%; overflow: hidden; margin: 0 5%; padding: 2% 0; border-bottom: 1px dotted #ccc; }
dl.top-info dd:last-child { border-bottom: 0; }
dl.top-info dd span { display: block; }
dl.top-info dd a { display: block; color: #000; } .creditSide img { display: block; margin: 0 auto; }
.btm_blue { text-align: center; height: 40px; line-height: 40px; background-color: rgba(0, 84, 167, 1); color: #fff; }
.btm_blue a { display: block; width: 100%; height: 100%; color: #fff; } .innerContents.side_btn { box-sizing: border-box; width: 100%; padding: 0 10px 10px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/side_btn_bg.png) no-repeat 50% 50%; border-top: 1px solid #6cc; }
.side_btn_ttl { font-weight: bold; font-size: 1.8em; line-height: 1; margin: 0 0 0.5em !important; padding: 1em 0 .5em; text-align: center; color: #6cc; }
.side_btn_img img { display: block; margin: 0 auto; }
#sidebar .side_btn .add_list { margin: 0; padding: 0 0 0.5em !important; border: 0; display: flex; }
#sidebar .side_btn .add_list li:first-child { display: block; }
#sidebar .side_btn .add_list li { margin: 0 !important; padding: 0 5px; } #footer { width: 100%;background-color: #eaf6fd; padding: 30px 14px 30px; }
p.copyright { font-size: 90%; text-align: center; margin-bottom: 30px; }
address { width: 100%; margin: auto; text-align: center; line-height: 1.8; font-style: normal; }
address span { display: block; } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
h2 { line-height: 1.5; margin: 0 0 1em; padding: 10px 5px 10px 40px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0086ca), color-stop(0.00, #0054a7)); background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) no-repeat 5px 50%, -webkit-linear-gradient(#0054a7, #0086ca); background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) no-repeat 5px 50%, linear-gradient(#0054a7, #0086ca); font-weight: bold; color: #fff; border-radius: 5px; }
#item-11-index h2 { background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle_orange.png) no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f8b62c), color-stop(0.00, #f18d00)); background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle_orange.png) no-repeat 5px 50%, -webkit-linear-gradient(#f18d00, #f8b62c); background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle_orange.png) no-repeat 5px 50%, linear-gradient(#f18d00, #f8b62c); text-shadow: 0 0 2px #f08300; } h1.item_page_title{ line-height: 1.5; margin: 0 0 1em; padding: 10px 5px 10px 40px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) no-repeat 5px 50%, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #0086ca), color-stop(0.00, #0054a7)); background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) no-repeat 5px 50%, -webkit-linear-gradient(#0054a7, #0086ca); background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) no-repeat 5px 50%, linear-gradient(#0054a7, #0086ca); font-weight: bold; color: #fff; border-radius: 5px; } .single h2.h-shiyousyo{ margin-bottom: 0; border-radius: 5px 5px 0 0; font-size: 100%; font-weight: normal;background: rgba(0, 84, 167, 1); height: 40px; line-height: 40px; padding: 0 1em; }
h2#itemex{ text-align: left; }
h3 { line-height: 1.5; margin: 0 0 1em; padding: 0.5em 1em; background-color: rgba(0, 84, 167, 1); color: #fff; border-radius: 5px; }
h2.pagetitle { margin-bottom: 5px; }
#wc_confirm h3 { margin: 0; background-image: none; }
h3.recenttitle { padding: 10px 5px 10px 30px; background: #c00 url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_ranking.png) no-repeat 0 50%; color: #fff; font-weight: bold; } h2.customPage_itemlist { background-image: none; }
h1.customPage_itemlist,h2.customPage_itemlist,h3.customPage_itemlist,.maker_link { width: 100%; padding: 0 1%; }
h1.customPage_itemlist, h2.customPage_itemlist, h3.customPage_itemlist, .maker_link h4 { position: relative; padding: 0 0 0 1.5em; background-color: #fffeee; border: 1px solid #c0b969; font-weight: bold; color: #675f00; height: 40px; line-height: 40px; border-radius: 5px;}
h1.customPage_itemlist::before,h2.customPage_itemlist::before,h3.customPage_itemlist::before,.maker_link h4::before { content: ""; display: block; width: 5px; height: 60%; background-color: #c0b969; position: absolute; top: 20%; left: 10px; }
h3.recenttitle { font-size: 100%; height: auto; line-height: 1.2; position: relative; padding: 8px 5px 10px 0; background: #bf0008; background: -moz-linear-gradient(left, #bf0008 0%, #f4b2ba 100%); background: -webkit-linear-gradient(left, #bf0008 0%, #f4b2ba 100%); background: linear-gradient(to right, #bf0008 0%, #f4b2ba 100%); box-sizing: border-box; }
.saleitem h3.recenttitle { background: #fce900; background: -moz-linear-gradient(left, #fce900 0%, #fff9b1 100%); background: -webkit-linear-gradient(left, #fce900 0%, #fff9b1 100%); background: linear-gradient(to right, #fce900 0%, #fff9b1 100%); color: #c00; }
.recenttitle::before { display: inline-block; margin: 0 10px; content: ""; width: 26px; height: 22px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_ranking.png) no-repeat 0 0; }
.saleitem .recenttitle::before { background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_ranking_red.png) no-repeat 0 0; }
h3.itemlist_catttl { width: 100%!important; height: auto; line-height: normal; padding: 0; background-color: transparent; color: #009fa8;font-size: 1.2em;text-align: center; font-weight: bold; border-bottom: 1px solid #ccc; border-radius: 0;  }
h3.itemlist_recotttl { background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_recotxt.png) no-repeat 50% 100%; background-color: #fdeef5; text-align: center; width: 94%; height: auto; line-height: normal; margin-left: auto; margin-right: auto; padding: 6px 0 10px; color: #91004f; font-size: 1.2em; border: 3px double #c00; font-weight: bold; border-radius: 5px; }
h3.itemlist_recotttl span { display: flex; justify-content: center; align-items: center; width: auto; }
h3.itemlist_recotttl span::before { content: ''; display: block; width: 30px; height: 30px; margin: 0 10px 0 0; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_ranking2_red.png) no-repeat 0 0; background-size: cover; } .pagetitle2 { line-height: 1.5; margin: 0 0 1em; padding: 1px 0 1px 40px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) 5px 50% no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1, #0086ca), color-stop(0, #0054a7)); background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) 5px 50% no-repeat, -webkit-linear-gradient(#0054a7, #0086ca); background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) 5px 50% no-repeat, linear-gradient(#0054a7, #0086ca); color: #fff; border-radius: 5px }
.category h2.pagetitle { height: auto; padding: 0; background-image: none; background-color: transparent; color: #009fa8; font-size: 100%; border-bottom: 1px solid #ccc; font-weight: bold; border-radius: 0; }
.top-cat h2 { background-image: none; text-align: center; font-size: 100%; color: #339900; margin: 0; padding: 0 0 .25em; }
h3.child_ttl_w { height: inherit; line-height: normal; background-color: transparent; }
.child_ttl_w { box-sizing: border-box; color: #fff; font-weight: bold; font-size: 100%; padding: 0 0 2px 25px; margin: 0 0 5px; position: relative; }
.child_ttl_w::before, .child_ttl_w::after { content: ""; position: absolute; top: 2px; bottom: 0; left: 0; vertical-align: middle; }
.child_ttl_w::before { width: 20px; height: 20px; border-radius: 3px; background: #7a0; }
.child_ttl_w::after { top: 7px; left: 8px; box-sizing: border-box; width: 5px; height: 5px; border: 5px solid transparent; border-left: 5px solid #fff; }
.c_blue { color: #2463b0; }
.c_blue::before { background: #2463b0; }
.c_green { color: #006924; }
.c_green::before { background: #006924; }
.c_red { color: #920000; }
.c_red::before { background: #920000; }
.c_orange { color: #f38e02; }
.c_orange::before { background: #f38e02; }
.c_brown { color: #967146; }
.c_brown::before { background: #967146; }
.c_navy { color: #006; }
.c_navy::before { background: #006; }
h2.top_titles { background: #f8b62c url(//www.epoch88.com/wp-content/themes/smp2024/images/bg_pagetitle.png) 0 50% no-repeat; } .pickup_list { padding-top: 50px; }
.pickup_list .customPage_itemlist_3 { position: relative; height: auto !important; display: flex; justify-content: center; background-color: #fbe6ef !important; background-image: none; font-size: 1.2em; line-height: 1; text-align: center; color: #be0060; margin: 0 0 1em; padding: 12px 0 5px !important; border: 0; border-bottom: 2px solid #be0060; border-radius: 5px 5px 0 0; }
.customPage_itemlist_3::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: #be0060 transparent transparent transparent; border-width: 18px 30px 0 30px; position: absolute; bottom: -18px; left: 50%; margin-left: -30px; }
.customPage_itemlist_4 { position: relative; height: auto !important; display: flex; justify-content: center; background-color: #ebf5ec !important; background-image: none; font-size: 1.2em; line-height: 1; text-align: center; color: #009fa8; margin: 0 0 2em; padding: 12px 0 5px !important; border: 0; border-bottom: 2px solid #009fa8; border-radius: 5px 5px 0 0; }
.customPage_itemlist_4::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: #009fa8 transparent transparent transparent; border-width: 18px 30px 0 30px; position: absolute; bottom: -18px; left: 50%; margin-left: -30px; }
.pickup_list div.item-parent-box, .pickup_list div.recent, .pickup_list div.recentPage { padding-top: 0; } .breadcrumb { margin: 0 0 10px; padding: 10px; background: #f3f3f3; }  .breadcrumb ol { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.breadcrumb ol { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.breadcrumb ol li { list-style: none; width: auto; margin: 0; padding: 0; font-size: 11px; }
.breadcrumb ol li:not(:last-child)::after{ content: '>'; display: inline-block; margin: 0 4px; }
.post img { display: block; margin: 0 auto; }  .breadcrumb.breadchild { background-color: #e74291!important; color: #fff!important; text-align: center!important;  padding: 14px 0!important; font-size: 16px!important; line-height: normal!important; height: auto!important; background-image: none!important; }
.breadcrumb.breadchild.w90{ width: 96%; margin: 0 auto; }
.breadcrumb.breadchild.bread_under{ margin: 0; padding-top: 20px!important; padding-bottom: 20px!important; }
.single .breadcrumb.breadchild.small { font-size: 12px!important; margin: 1em 0 0; }
.breadcrumb.breadchild a { color: #fff; }
.breadcrumb.breadchild span { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; }
.breadcrumb.breadchild span::before{ content: '▶'; color: #fff; padding-right: 10px; }
.breadcrumb.breadchild span::after{ content: '◀';  color: #fff; padding-left: 10px; }
.breadcrumb.breadchild span span::before,
.breadcrumb.breadchild span span::after{ display: none; }
.breadcrumb.breadchild span span{ width: auto; display: block; border-radius: 5em; margin: 0 5px 0 0; padding: 3px 10px 2px; background-color: rgba(255,255,255,1); color: #2660ad; }
.breadcrumb.breadchild_unit{ background-color: #00abeb!important; margin: 0 0 10px; padding: 20px 0!important; font-size: 20px!important; }
.breadcrumb.breadchild_unit span::before,.breadcrumb.breadchild_unit span::after{ font-size: 16px; }
.breadcrumb.breadchild_unit span::before{ margin-right: 5px; }
.breadcrumb.breadchild_unit span span::after{ margin-left: 5px; }
.breadcrumb.breadchild_unit span span { display: inline; margin: 0; padding: 0; background-color: transparent; color: #ff0; font-weight: bold; }
.single .breadcrumb.breadchild_unit.small { font-size: 13px!important; margin: 2em 0 0; padding: 14px 0!important; }
.breadcrumb.breadchild_showcase_1 a, .breadcrumb.breadchild_showcase_2 a { display: block; }
.breadcrumb.breadchild_showcase_1 a { background-color: #54c3f1!important; padding: 5px 0; }
.breadcrumb.breadchild_showcase_2 a { background-color: #005bac!important; padding: 5px 0; }
.breadcrumb.breadchild_showcase_1{ background-color: transparent!important; margin: 0 0 10px 10px; padding: 0!important; font-size: 16px!important; }
.breadcrumb.breadchild_showcase_2{ background-color: transparent!important; margin: 0 0 10px 10px; padding: 0!important; font-size: 16px!important; }
.breadcrumb.breadchild_showcase_1 span,.breadcrumb.breadchild_showcase_2 span { font-size: 20px; text-align: center; }
.breadcrumb.breadchild_showcase_1 span span,.breadcrumb.breadchild_showcase_2 span span { font-size: 20px; } p.layout-clear { clear: both; padding: 60px 0; text-align: center; }   div.top-cat { width: 100%; margin: 0 0 20px; padding: 0; }
p.top-cattitle { height: 40px; margin: 0 0 5px; }
div.top-cat ul { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; }
div.top-cat ul li { list-style: none; width: 50%; float: left; margin: 0; padding: 0; display: block; }
div.top-cat ul li img { display: block; width: 96%; margin: 0 auto 4%; border: 1px solid rgba(0, 84, 167, 1); }
div.top-cat ul li.btnReco { width: 100%!important; }
div.top-cat ul li.btnReco img { width: 98%; border-color: #f8b62c; border-radius: 99em; }
div.top-post { width: 100%; overflow: hidden; margin-bottom: 20px; }
p.saleitemBtn { line-height: 1; margin: 0 auto; width: 98%; }
p.saleitemBtn a { text-align: center; display: block; border: 1px solid #c00; font-weight: bold; color: #c00; padding: 1.4em 0 1.2em; background-color: rgba(255, 0, 4, .05); } #topCat2 .catNav { width: 100%; overflow: hidden; margin: 0 auto; padding: 0; }
#topCat2 .catNav li { list-style: none; width: 50%; float: left; margin: 0 0 2%; padding: 0; display: block; text-align: center; }
#topCat2 .catNav li img { display: block; width: 90%; margin: 0 auto 10px; }
#topCat2 .catNav li p { height: 20px; line-height: 20px; margin-bottom: 15px; background-color: #00abeb; }
#topCat2 .catNav li a { display: block; width: 96%; margin: 0 auto; border: 1px solid #00abeb; }
#topCat2 .catNav li a p { display: block; width: 100%; color: #fff; }
@media print, screen and (max-width: 360px) {
#topCat2 .catNav li:last-child p { font-size: 100%; }
}
@media print, screen and (max-width: 320px) {
#topCat2 .catNav li:last-child p { font-size: 100%; }
} #sidebar div.top-cat, #sidebar #topCat2 { display: none; } ul.itemIndex-new { width: 100%; overflow: hidden; margin: 0; padding: 0; }
ul.itemIndex-new li { list-style: none; width: 100%; overflow: hidden; margin: 0 0 30px; padding: 0; border: 1px solid rgba(0, 84, 167, 1); }
ul.itemIndex-new li p { margin: 0; padding: 0; background-color: #f9f9f9; border-bottom: 1px solid #ccc; }
ul.itemIndex-new ul { padding: 15px; }
ul.itemIndex-new li div { padding: 0.35em; }
ul.itemIndex-new ul li { border: 0; border-bottom: 1px dotted #ccc; margin: 0; padding: 0.35em 0; }
ul.itemIndex-new ul li:last-child { border: 0; } table.inquiry { width: 100%; margin: 0 auto; border-collapse: collapse; border-spacing: 0; }
table.inquiry th, table.inquiry td { display: block; text-align: left; vertical-align: top; padding: 1em 0.5em 1em 1em; border: 1px solid #ccc; width: 100%; border-collapse: collapse; border-spacing: 0; }
table.inquiry th { font-weight: normal; background: #f9f9f9; }
table.inquiry th span { padding-left: 0.5em; color: #f00; }
table.inquiry .your-add1 input { width: 100px; }
p.mysubmit { text-align: center; padding: 1.5em; }
p.mysubmit input.wpcf7-submit { text-align: center; width: 4em; height: 3em; vertical-align: middle; } table.inquiry .add1 input { width: 100px; }
table.inquiry .birthday-1 input { width: 100px; }
table.inquiry .birthday-2 input, table.inquiry .birthday-3 input { width: 60px; }
table.inquiry .lease-price input { width: 120px; }
table.inquiry tr:nth-child(8) th, table.inquiry tr:nth-child(8) td, table.inquiry tr:nth-child(15) th, table.inquiry tr:nth-child(15) td { background-color: transparent; border: 0; }
#lease table.inquiry tr:nth-child(8) th, table.leaseinquiry tr:nth-child(8) td { background-color: #f9f9f9; border: 1px solid #ccc; }
table.inquiry td select { display: block;  width: auto; line-height: 30px; height: 30px; padding: 1px 5px; border: 1px solid #d4d4d7; border-radius: 3px; font-size: 100%; color: #555; }
table.inquiry td span.text { display: inline-block; width: auto; line-height: 1.2; }
table.inquiry td span.text::before{ content: '※'; color: #f00; } dl.payment { margin: 2em 0 0; }
dl.payment dt { height: 40px; line-height: 40px; margin-bottom: 0.5em; padding-left: 30px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg-headline02.jpg) no-repeat 0 0; }
dl.payment dd { margin-bottom: 2em; }
dl.payment dd p.payment-no { padding: 0.5em 1em; border: 1px solid #0099FF; } table.law { width: 100%; border-top: 1px solid #99CCFF; border-left: 1px solid #99CCFF; }
table.law th, table.law td { text-align: left; vertical-align: top; padding: 0.5em 0.5em 0.5em 1em; border-bottom: 1px solid #99CCFF; border-right: 1px solid #99CCFF; }
table.law th { background-color: #f1f1f1; color: #0066CC; } #fax table { width: 100%; }
#fax table td { width: 100% !important; padding: 0 !important; }
p.pdf-link { text-align: center; padding-top: 3em; }
p.pdf-link img { display: block; max-width: 100%; margin: 0 auto; padding: 0 1em; } .itemTop ul, ul.cat-list-half, ul.cat-list-three-cel, ul.cat-top-4col, ul.cat-top-air-conditioner, ul.cat-list-air-conditioner, ul.cat-list-air-conditioner300, ul.cat-top-bankin-140, ul.cat-top-bankin-200, ul.cat-list-showcase, ul.cat-top-freezer4, ul.cat-top-freezer-200, ul.cat-top-freezer-140, ul.page-cat-new, ul.cat-top-img-140, ul.cat-top-img-180 { width: 100%; overflow: hidden; margin: 0; padding: 0; } ul.cat-list-air-conditioner li.head_banner { display: none; }
ul.cat-list-air-conditioner300 li.head_banner { display: none; } .itemTop li, ul.cat-list-half li, ul.cat-list-three-cel li, ul.cat-top-4col li, ul.cat-top-air-conditioner li, ul.cat-list-air-conditioner li, ul.cat-list-air-conditioner300 li, ul.cat-top-bankin-140 li, ul.cat-top-bankin-200 li, ul.cat-list-showcase li, ul.cat-top-freezer4 li, ul.cat-top-freezer-200 li, ul.cat-top-freezer-140 li, ul.cat-top-img-140 li, ul.cat-top-img-180 li { list-style: none; width: 48%; float: left; margin: 0; padding: 0 1% 1%; box-sizing: content-box; } .sp100 li { width: 100% !important; box-sizing: border-box !important; float: none; }
.sp100 li img { display: block; } p.plus { text-align: center; margin: 0; padding: 0.1em 0; font-size: 500%; line-height: 1; font-weight: bold; color: #f00; }
p.notes { font-size: 100%; padding: 1em; border: 3px double #0099FF; }
p.notes span { font-size: 85%; display: block; } table.air_conditioner { width: 739px; margin: 0 0 20px; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }
table.construction_price { margin-bottom: 5px; }
table.air_conditioner td { text-align: center; line-height: 1; padding: 0.5em 0; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; }
table.air_conditioner p { line-height: 1.5em; margin: 0; padding-left: 1em; text-align: left; color: #F60; }
table.air_conditioner td.head { font-weight: bold; font-size: 100%; padding: 1em 0; background-color: #F93; }
table.air_conditioner td.border_bot_non { border-bottom: 0; }
table.air_conditioner td.border_r_non { border-right: 0; }
table.air_conditioner tr.bg_f1 { background-color: #f1f1f1; }
table.air_conditioner td.bg_blu { background-color: #69C; }  ul.ttl_ul { width: 100%; box-sizing: border-box; overflow: hidden; margin: 0; padding: 0 0 0 70px; background-repeat: no-repeat; background-position: 0 0; background-size: 60px auto; }
ul.ttl_ul li { list-style: none; margin: 0 1% 1% 0; padding: 0; float: left; }
ul.ttl_ul_2 li { width: 98%; }
ul.ttl_ul_3 li { width: 48%; }
ul.ttl_ul_2 li:nth-child(2n), ul.ttl_ul_3 li:nth-child(3n) { margin-right: 0; }  .cat_top_btn { width: 100%; margin: 0 0 4%; padding: 0; display: flex; flex-wrap: wrap; justify-content: flex-start; }
.cat_top_btn li { list-style: none; margin: 0 2% 2% 0; padding: 0; width: 49%; }
.cat_top_btn li:nth-child(2n) { margin-right: 0; }
.flexbox_4 { display: flex; flex-wrap: wrap; }
.flexbox_4 li { width: 49%; margin: 0 2% 2% 0; }
.flexbox_4 li:nth-child(2) { margin-right: 0; }
.m_r_0 { margin-right: 0; }
.m_t_0 { margin-top: 0; }
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.ml0 { margin-left: 0 !important; }
.mr0 { margin-right: 0 !important; } .itemHead { margin-bottom: 25px; padding: 10px 10px 5px 15px; border-left: 10px solid #2660ad; background-color: #f9f9f9; font-size: 12px; }
.itemHead h1, .itemHead h2 { margin-bottom: 5px; color: #00f; }
.newheadline { font-size: 100%; margin: 0 0 10px; padding: 0.5em 1em; background-color: #2660ad; color: #fff; border-radius: 5px; }
.newheadline a, .newheadline a:hover { display: block; padding-left: 10px; color: #fff; border-left: 5px solid #fff; text-decoration: none; } tr.customkey_your_mobileno th { padding-left: 22px !important; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/cartMark.jpg) no-repeat 0 0; }
#wrapper .add_box h1 { height: 36px; line-height: 1; margin-bottom: 10px; padding: 14px 10px 0 30px; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/bg-headline01.jpg) no-repeat 0 0; font-size: 100%; font-weight: bold; color: #fff; }
#wrapper .add_box p { margin-bottom: 1.5em; } .navigation { width: 96%; margin: auto; padding: 30px 0; overflow: hidden; }
.wp-pagenavi { width: 100%; overflow: hidden; text-align: center; font-size: 90%; }
.wp-pagenavi span, .wp-pagenavi a { display: inline-block; margin: 0 2px 2px 0; padding: 0.35em 0.5em; border: 1px solid #4169e1; text-align: center; vertical-align: middle; }
.wp-pagenavi .pages, .wp-pagenavi .first, .wp-pagenavi .last { display: none; }
.wp-pagenavi .current { background-color: #4169e1; color: #fff; }
.ptop { width: 100%; padding: 30px 0; text-align: center; }
.ptop a { display: block; width: 10em; height: 40px; line-height: 40px; margin: auto; background-color: rgba(0, 84, 167, 0.2); color: rgba(0, 84, 167, 1); border-radius: 5px; }
#pagetop { width: 60px; height: 50px; text-align: center; line-height: 50px; position: fixed; bottom: 0; right: 0; background-color: rgba(0, 84, 167, 0.5); color: #fff; font-size: 260%; z-index: 999999; } .item_note_container { height: 10em; overflow-y: scroll; border: 1px solid #ccc; border-radius: 5px 5px; }
.item_note { width: 100%; box-sizing: border-box; margin: 0; padding: 0 0 5px; }
.item_note h2 {margin: 0 0 1em; padding: 0 0 0.5em; background-image: none; background-color: #fff; color: #f39700; text-align: center; border-bottom: 1px dotted #ccc; } .item_note_ttl,
.item_note .item_note_ttl { margin: 0 0 1em; padding: 0 0 0.5em; background-image: none; background-color: #fff; color: #f39700; font-size: 100%; font-weight: bold; text-align: center; border-bottom: 1px dotted #ccc; }
.home .item_note_ttl {margin: 0; border: 0;}
.item_note h3 { font-size: 16px; margin: 1em 0 0.5em; background-color: transparent; color: #009fa8; padding: 0; font-weight: bold; text-align: left; }
.item_note p { line-height: 1.3; text-align: left; }
.companyImg { width: 100%; position: relative; }
.companyImg img { display: block; width: 100% !important; height: auto; margin: 0; }
#item_note_h2 { margin: 0; padding: 0 0 0.5em; background-image: none; background-color: #fff; color: #f39700; text-align: center; }
.maparea h3 {margin: 1em 0 0.5em; background-color: transparent; color: #009fa8; padding: 0; font-weight: bold; }
.item_note_single { padding: 10px 10px 0; border: 1px solid #ccc; border-radius: 5px 5px; }
.item_note p.accordionTop { font-size: 120%; height: 50px; line-height: 50px; position: relative; background-color: #ffff66; color: #c00; text-align: center;  }
.accordionTop::after { content: '▼'; display: block; font-size: 16px; line-height: 16px; position: absolute; top: 50%; right: 1em; margin-top: -6px; }
.accordionTop.closed::after { content: '▲'; }
.item_note2024 .accordion_in{ border: 0; padding: 0;}
.item_note2024 .item_note_single { padding: 10px; border: 0; } .overflowScroll { width: 100%; overflow: scroll; }
.overflowScroll th, .overflowScroll td { display: table-cell !important; } .pc-switcher { background-color: #2660ad; }
.pc-switcher a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; }
.cashlessBanner { margin-bottom: 5px; }
.cashlessBanner img { display: block; margin: 0 auto; }
.cashlessBanner p { margin: 0; text-align: center; }
.cashlessBanner a { display: block; width: 100%; height: 100%; }
.cashless { padding: 2em; background: rgba(251, 230, 239, 0.3); border: 1px solid rgba(204, 0, 0, 0.3); border-radius: 5px; }
.side_cashlessBanner { width: 80%; margin: 0 auto; padding: 5px 0; }
.cashlessBanner img { display: block; margin: 0 auto; }
.side_cashlessBanner p { text-align: center; margin: 0; }
.side_cashlessBanner a:hover { color: #c00; text-decoration: none; } .item_sub_note { width: 94%; height: 10em; margin: 0 auto 30px; padding: 10px; overflow-y: scroll; border: 1px solid #ddd; }
.item_sub_note p { text-align: left; }
.item_sub_note h5 { margin: 1em 0 0; padding: 0; font-size: 100%; font-weight: bold; text-align: left; }
.item_sub_note h3 { position: relative; display: flex; justify-content: center; height: auto; line-height: 1; margin-bottom: 1em; padding: 0; border: 0; background-color: transparent; font-size: 1.2em; font-weight: bold; color: #009fa8; }
.item_sub_note h3::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background: #54c3f1; }
.item_sub_note h3 span { position: relative; z-index: 1; display: block; width: auto; padding: 0.5em 1em 0.3em; border-radius: 10em; background-color: #54c3f1; color: #fff; }
.item_sub_note .flexbox { width: 100%; margin: 0; }
.item_sub_note .flexbox div img { display: block; width: 100px; height: auto; margin: 0 auto; }
.item_sub_note h4 { margin: 1em 0 .5em; padding: 0; color: #00a0e9; font-size: 1em; border-bottom: 1px solid #ccc; font-weight: bold; }
.item_sub_note h3.customPage_itemlist::after{ display: none; }
.item_sub_note h3.customPage_itemlist { display: block; font-size: 100%; text-align: left; padding: 10px 10px 0 20px; background-color: #fffeee; border: 1px solid #c0b969; font-weight: bold; color: #675f00; height: auto; min-height: 40px; line-height: normal; border-radius: 5px;}
.item_sub_note h3.customPage_itemlist::before { content: ""; display: block; width: 5px; height: 60%; background-color: #c0b969; position: absolute; top: 20%; left: 10px; }
#myMap { position: relative; width: 100%; height: 0; padding-top: 56.25%; }
#myMap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#institution .post ul li, #institution .post ul li p { line-height: 1.8em; }
#institution .post ul li p { margin: 0; }
#institution .post ul li { margin-bottom: .5em; }
.page-navi { display: none !important; } .estimation_container h3 { padding: 0; background-color: transparent; color: #339900; font-size: 100%; font-weight: bold; }
.estimation_container { border: 2px solid #339900; margin-bottom: 2em; padding: 1em; }
.estimation_container hr { margin: 2em 0; }
.link_btn { display: flex; justify-content: center; width: auto; margin: 0 0 .5em; padding: .55em 1em .5em; background-color: #00abeb; color: #fff; border-radius: 3px; font-size: 100%; cursor: pointer; }
.link_btn_open { background-color: #999; color: #fff; }
#estimation_02 h3 { padding: 0; background-color: transparent; color: #339900; font-size: 180%; font-weight: bold; }
.estimation_head { font-size: 140%; font-weight: bold; line-height: 1.2; } .halfTable td { display: block; width: 100%; padding: 2%; background-color: #f6f6f6; }
.halfTable tr td:not(:last-child) { margin-bottom: 2em; }
.halfTable td h4 { margin: 0 0 1em; text-align: center; font-weight: bold; border-bottom: 1px solid #000; }
.pdf_btn { width: 100%; }
.pdf_btn td img { display: block; max-width: 100%; height: auto; margin: 0 auto 1em; }
.pdf_btn tr { display: flex; justify-content: flex-start; }
.pdf_btn td { display: block; width: auto; margin: 0 2em 0 0; }
.ul_note_circle { margin: 0 0 1em; padding: 0; }
.ul_note_circle li { list-style: none; margin: 0; padding: 0 0 0 1em; line-height: 1.5; position: relative; }
.ul_note_circle li:not(:last-child) { margin-bottom: 0.5em; }
.ul_note_circle li::before { content: ''; display: block; width: 10px; height: 10px; background: #000; border-radius: 50%; position: absolute; top: 4px; left: 0; } .link_btn + div { display: none; padding: 0 0 3em; }
.estimationTable, .contact_item, .cal_4_table { width: 100%; margin: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }
.estimationTable tr { display: block; width: 100%; }
.estimationTable td { display: block; width: 100%; margin: 0; padding: 1.25em 0 1em; border-bottom: 1px solid #666; }
.estimationTable td p { margin: 0; width: auto; line-height: 1; }
.estimationTable table thead, .estimationTable table tbody { display: block; width: 100%; }
.cal_4_table div { display: flex; }
.cal_4_table div p:not(:last-child) { margin-bottom: 10px; }
.cal_4_table div p:first-child { width: 30%; }
.cal_4_table div p:last-child { width: 70%; }
.contact_item div:first-child { display: none; }
.contact_item div { width: 100%; display: flex; flex-wrap: wrap; }
.contact_item div::before { display: block; width: 100%; padding-top: 0.5em; }
.contact_item div:not(:last-child) { border-bottom: 1px solid #ccc; padding-bottom: 0.5em; }
.contact_item div:first-child::before { content: '' }
.contact_item div:nth-child(2)::before { content: '①' }
.contact_item div:nth-child(3)::before { content: '②' }
.contact_item div:nth-child(4)::before { content: '③' }
.contact_item div:nth-child(5)::before { content: '④' }
.contact_item div:nth-child(6)::before { content: '⑤' }
.contact_item div:nth-child(7)::before { content: '⑥' }
.contact_item div p { display: flex; width: 100%; padding: 2px 0; }
.contact_item div p:before { display: block; width: 25%; }
.contact_item div p:first-child::before { content: '商品名' }
.contact_item div p:nth-child(2)::before { content: '型式' }
.contact_item div p:nth-child(3)::before { content: '台数' }
.contact_item div p:nth-child(4)::before { content: '単価' }
.contact_item div p:nth-child(5)::before { content: '合計' }
.contact_item div p span.wpcf7-form-control-wrap { width: 75%; }
.contact_item div p:nth-child(3) span.wpcf7-form-control-wrap input { width: 100px; }
.estimationTable td.td_names input, .estimationTable td.td_add input, .estimationTable td.td_mail input, .estimationTable td.td_textarea textarea { margin-top: 3px; }
.estimationTable td.td_gas .wpcf7-form-control-wrap, .estimationTable td.td_counter_2 .wpcf7-form-control-wrap, .estimationTable td.td_pay .wpcf7-form-control-wrap { display: block; padding-top: .5em; }
.estimationTable td input, .contact_item td input, .contact_item td input { box-sizing: border-box; width: 100%; margin: 0; }
input[type=number] { vertical-align: middle; box-sizing: border-box; width: 100%; line-height: 30px; height: 30px; padding: 1px 5px; border: 1px solid #d4d4d7; border-radius: 3px; font-size: 100%; color: #555; background: #fcfcfc; }
.estimationTable input[type=checkbox] { width: auto; margin: 0 8px 0 0; }
.estimationTable span.wpcf7-radio { display: flex; flex-wrap: wrap; }
.estimationTable span.wpcf7-radio label { display: flex; flex-wrap: nowrap; align-items: center; }
.estimationTable td span.wpcf7-radio input { width: auto; margin: 0 8px 0 0; }
.estimationTable td span.wpcf7-list-item { margin-right: 1em; }
.estimationTable td span.wpcf7-list-item.first { margin-left: 0; }
.estimationTable td.td_removal_1 span.wpcf7-list-item, .estimationTable td.td_counter_1 span.wpcf7-list-item, .estimationTable td.td_pay span.wpcf7-list-item { margin-left: 0; }
.estimationTable input[type=text].medium { max-width: 120px; }
.estimationTable input[type=text].mysize { max-width: 80px; }
.estimationTable input[type=text].mysmalls, .estimationTable input[type=number].mysmalls { max-width: 30px; }
.estimationTable input[type=number] { padding-right: 0!important; }
.wpcf7-acceptance .wpcf7-list-item { margin-left: 0; }
.vertical_input span.wpcf7-list-item { display: block; margin: 0 0 0.5em; }
.estimationTable td.td_gas .wpcf7-list-item, .estimationTable td.td_counter_2 .wpcf7-list-item, .estimationTable td.td_elevator_1 .wpcf7-list-item { margin-left: 2em; }
.estimationTable td.td_pay .wpcf7-list-item { display: block; }
.vertical_input span.wpcf7-list-item:last-child::after { display: block; padding: .5em 0 0; content: '※家庭用製品はお引き取りできません。'; }
.estimationTable td.td_removal_2 .flex, .estimationTable td.td_elevator_2 .flex, .estimationTable td.td_elevator_3 .flex { padding: 0 0 0.5em; }
.estimationTable td.td_removal_2 .flex input, .estimationTable td.td_elevator_2 .flex input, .estimationTable td.td_elevator_3 .flex input { margin-top: 3px; }
.estimationTable ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; }
.estimationTable li { list-style: none; margin: 0 2em 0 0; padding: 0; font-size: 85%; }
.inner_ttl { background-color: #000; color: #fff; margin: 0; padding: 0 1em; line-height: 30px; }
.spBlock { display: block; }
.sp_flex_non { display: block!important; } .itemExplanation_container { padding: 60px 0 0; }
.itemExplanation_container h3, .itemMerit_container h3 { position: relative; display: flex; justify-content: center; height: auto; line-height: 1; margin-bottom: 1em; padding: 0; background-color: transparent; font-size: 1.2em; font-weight: bold; }
.itemExplanation_container h3 { color: #009fa8; }
.itemMerit_container h3 { color: #f00; }
.itemExplanation_container h3::after, .itemMerit_container h3::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; }
.itemExplanation_container h3::after { background: #009fa8; }
.itemMerit_container h3::after { background: #f7ab00; }
.itemExplanation_container2 h3::after { background: #00abeb; }
.itemExplanation_container h3 span, .itemMerit_container h3 span, .itemExplanation_container h3 span { position: relative; z-index: 1; display: block; width: auto; padding: 0.5em 1em 0.3em; border-radius: 10em; }
.itemExplanation_container h3 span { background-color: #009fa8; color: #fff; }
.itemMerit_container h3 span { background-color: #f7ab00; color: #fff; }
.itemExplanation_container2 h3 span { background-color: #00abeb; color: #fff; }
.itemExplanation_container .itemexplanation_in_in { padding: 140px 0 1em 0; background-position: 50% 0; background-repeat: no-repeat; background-size: 120px auto; }
.itemExplanation_container .itemexplanation_in_in:not(:last-child), .itemMerit_container .itemexplanation_in_in:not(:last-child) { margin-bottom: 1em; border-bottom: 1px solid #000; }
.itemExplanation_container .category-6_cat1 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/showcase-reizou/category-6-cat1.jpg); }
.itemExplanation_container .category-6_cat2 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/showcase-reizou/category-6-cat2.jpg); }
.itemExplanation_container .category-5_cat1 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/category-5-cat1.jpg); }
.itemExplanation_container .category-5_cat2 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/category-5-cat2.jpg); }
.itemExplanation_container .category-5_cat3 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/category-5-cat3.jpg); }
.itemExplanation_container .category-5_cat6 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/category-5-cat6.jpg); }
.itemExplanation_container .category-5_cat6_stac { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/category-5-cat6-stac.jpg); }
.itemExplanation_container .category-5_cat9 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/category-5-cat9.jpg); }
.itemExplanation_container .category-5_cat11 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/category-5-cat11.jpg); }
.itemExplanation_container .category-5_cat12 { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/category-5-cat12.jpg); } .iceEx { background-color: #eaf6fd; background-position: 50% 20px; background-repeat: no-repeat; background-size: 140px auto; border-radius: 5px; padding: 120px 20px 20px; }
.iceEx-cube { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/ice-engine-ice-cube.png); }
.iceEx-chip { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/ice-engine-ice-chip.png); margin-bottom: 5px; }
.iceEx-flake { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/ice-engine-ice-flake.png); }
.iceEx-star { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/ice-engine-ice-star.jpg); margin-bottom: 5px; }
.iceEx-heart { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/ice-engine-ice-heart.jpg); margin-bottom: 5px; }
.iceEx-hallin { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/ice-engine-ice-hallin.jpg); margin-bottom: 5px; }
.iceEx-crescent { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/ice-index/ice-engine-ice-crescent.jpg); }
.iceEx p { font-size: 0.9em; margin: 0; text-align: left; }
.iceEx p:first-child { text-align: center; font-weight: bold; }
.iceEx p br { display: none; }
.itemExplanation_container .itemexplanation_in_in p { text-align: left; }
.itemExplanation_container .itemexplanation_in_in p.explanation_title { font-size: 1.2em; line-height: 1; padding: 0; margin: 0 0 10px; position: relative; text-align: center; font-weight: bold; }
.explanation_title span.btn { font-weight: normal; display: block; width: 100%; text-align: center; line-height: 1; }
.explanation_title span.btn a { font-size: 0.7em; display: block; width: 100%; line-height: 1; padding: 8px 10px 5px; background-color: #009fa8; color: #fff; }
.explanation_title span.btn a:hover { background-color: #c00; color: #fff; text-decoration: none; }
.itemExplanation_container_in_2 { display: flex; flex-wrap: wrap; gap: 2%; margin: 0 0 2%; }
.itemExplanation_container_in_2 .itemexplanation_in_in { width: 49%; padding: 10px; border: 1px solid #ccc; background-image: none; }
.in_btn { display: block; text-align: center; }
.in_btn a { font-size: 0.85em; display: block; width: 100%; text-align: center; line-height: 1; margin: 0 0 2px; padding: 8px 10px 5px; background-color: #009fa8; color: #fff; }
.in_btn a:hover { background-color: #c00; color: #fff; text-decoration: none; }
.itemMerit_container .itemexplanation_in_in { display: flex; justify-content: space-between; align-items: center; }
.itemMerit_container .explanation_title { width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 1.2em; background-color: #eee; border-radius: 50%; }
.itemMerit_container .itemexplanation_in_in div { width: 600px; }
.itemMerit_container .explanation_title strong { display: block; width: 100%; }
.explanation_title.merit { background-color: #f9d3e3; }
.explanation_title.demerit { background-color: #cae5cd; } #item-5-index h2.customPage_itemlist, .customPage_itemlist_2 { position: relative; height: auto !important; display: flex; justify-content: center; background-color: #eaf6fd !important; background-image: none; font-weight: bold; font-size: 1.2em; line-height: 1; text-align: center; color: #0086ca; margin: 0 0 1em; padding: 12px 0 5px !important; border: 0; border-bottom: 2px solid #0086ca; border-radius: 5px 5px 0 0; }
#item-5-index h2.customPage_itemlist::before, .customPage_itemlist_2::before { display: none; }
#item-5-index h2.customPage_itemlist::after, .customPage_itemlist_2::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: #0086ca transparent transparent transparent; border-width: 18px 30px 0 30px; position: absolute; bottom: -18px; left: 50%; margin-left: -30px; }
#item-24-index h2.customPage_itemlist, .customPage_itemlist_2 { position: relative; height: auto!important; display: flex; justify-content: center; background-color: #eaf6fd !important; background-image: none; font-weight: bold; font-size: 1.2em; line-height: 1; text-align: center; color: #0086ca; margin: 0 0 1em; padding: 12px 0 5px!important; border: 0; border-bottom: 2px solid #0086ca; border-radius: 5px 5px 0 0; }
#item-24-index h2.customPage_itemlist::before, .customPage_itemlist_2::before { display: none; }
#item-24-index h2.customPage_itemlist::after, .customPage_itemlist_2::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: #0086ca transparent transparent transparent; border-width: 18px 30px 0 30px; position: absolute; bottom: -18px; left: 50%; margin-left: -30px; }
#sub-cat-1 h2.customPage_itemlist,
.item_search_post h2.customPage_itemlist { position: relative; height: auto!important; display: flex; justify-content: center; background-color: #eaf6fd !important; background-image: none; font-weight: bold; font-size: 1.2em; line-height: 1; text-align: center; color: #0086ca; margin: 0 0 1em; padding: 12px 0 5px!important; border: 0; border-bottom: 2px solid #0086ca; border-radius: 5px 5px 0 0; }
#sub-cat-1 h2.customPage_itemlist::before,
.item_search_post h2.customPage_itemlist::before { display: none; }
#sub-cat-1 h2.customPage_itemlist::after,
.item_search_post h2.customPage_itemlist::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-color: #0086ca transparent transparent transparent; border-width: 18px 30px 0 30px; position: absolute; bottom: -18px; left: 50%; margin-left: -30px; }
.caution { background-color: rgba(255,0,4,0.03); margin: 20px 0 0; padding: 30px 20px 20px; position: relative; }
.caution::before { position: absolute; top: 0; left: 0; content: '注意事項'; display: block; width: auto; line-height: 24px; padding: 0 20px; background-color: #c00; color: #fff; }
.caution p:last-child { margin-bottom: 0; }
.caution ul { padding-left: 20px; }
.f-logo img { display: block; margin: 0 auto; max-width: 100%; }
.foottime { text-align: center; }
.foottime span { display: block; }
.item_note_in { display: none; }
p.cat_list_home { text-align: center; }
p.cat_list_home a { display: block; width: 100%; height: 40px; line-height: 40px; background-color: #eaf6fd; color: #000; }
.newMenu { margin: 0; padding: 0; }
.newMenu li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ddd; }
.newMenu li a { display: block; width: 100%; color: #000; padding: 1em; background-color: #f9f9f9; }
.newMenu li.user a { background-color: #c00; color: #fff; } #sidebar .top-info-new { margin: 0; }
.top-info-new .accordion { text-align: center; height: 50px; line-height: 50px; background-color: #00abeb; color: #fff; }
.top-info-new .accordion_in { }
.top-info-new .accordion_in p { padding: 1em; background-color: #f9f9f9; }
.top-info-new .accordion_in p span { display: block; }
.top-info-new .accordion_in p:not(:last-child) { border-bottom: 1px solid #ddd; }
.top-info-new .accordion_in p a { display: block; width: 100%; color: #000; line-height: 1.4; }
.accordion_in { display: none; }
.accordion { position: relative; }
.accordion::after { content: '+'; display: block; font-weight: bold; font-size: 20px; line-height: 20px; position: absolute; top: 50%; right: 1em; margin-top: -8px; }
.accordion.accordion_closed::after { content: '▲'; }
.item_note_new .accordion { margin: 0 auto; padding: 0; width: 80%; height: 50px; line-height: 50px; background-image: none; background-color: #f39700; color: #fff; text-align: center; }
.item_note_new { margin-bottom: 30px; }
.item_note_new p { font-size: 1em; }
.catMenu .accordion { font-size: 120%; font-weight: bold; color: #fff; text-align: center; height: 50px; line-height: 50px; }
.catMenu01 {background-color: #0086ca; }
.catMenu02 { background-color: #39b54a; }
.catMenu ul { background-color: #f9f9f9; }
.catMenu ul li:not(:last-child) { border-bottom: 1px solid #ddd; }
.catMenu li a { display: block; box-sizing: border-box; width: 100%; padding: 1em; color: #000; }
.sitechange a { background-color: #c00; color: #ff0; display: block; text-align: center; font-size: 1.2em; font-weight: bold; padding: 10px 0; }
.sitechange span { display: block; width: 10em; line-height: 1; padding: 5px 0 3px; margin: 5px auto 0; background-color: #fff; color: #00abeb; border: 2px solid #00abeb; } .thumtitle { text-align: left; } .flowContainer h3 { position: relative; display: flex; justify-content: center; height: auto; line-height: 1; margin-bottom: 1em; padding: 0; background-color: transparent; font-size: 1em; font-weight: bold; color: #009fa8; }
.flowContainer h3::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background: #009fa8; }
.flowContainer h3 span { position: relative; z-index: 1; display: block; width: auto; padding: 0.5em 1em 0.3em; border-radius: 10em; background-color: #009fa8; color: #fff; }
.flowContainer { padding: 1em 1em 0; }
.stepContainer { position: relative; }
.flowContainer .stepContainer { margin: 0 0 2em; }
.flowContainer .stepContainer p:first-child { display: flex; flex-wrap: nowrap; align-items: center; font-size: 1em; font-weight: bold; text-align: left; }
.flowContainer .stepContainer p:first-child i { display: block; width: 40px; height: 40px; margin: 0 10px 0 0; background-color: #3cc; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 50%; }
.stepContainer.step-1 i { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/step-1.png); }
.stepContainer.step-2 i { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/step-2.png); }
.stepContainer.step-3 i { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/step-3.png); }
.stepContainer.step-4 i { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/step-4.png); }
.stepContainer.step-5 i { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/step-5.png); }
.stepContainer.step-6 i { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/step-6.png); }
.stepContainer.step-7 i { background-image: url(//www.epoch88.com/wp-content/themes/smp2024/images/step-7.png); }
.flowContainer .stepContainer p:not(:first-child) { margin: -10px 0 0; padding: 0 0 0 50px; text-align: left; }
.stepContainer.step-1 ul { margin: 0; padding: 10px 0 0 50px; display: flex; flex-wrap: wrap; gap: 0; }
.stepContainer.step-1 li { list-style: none; margin: 0; padding: 0; width: 50%; }
.stepContainer .stepimg { margin: 0!important; padding: 1em 0 0; }
.stepContainer .stepimg img { display: block; margin: 0 auto; } .cat-list-flex { width: 100%; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 2%; }
.cat-list-flex li { list-style: none; margin: 0 0 2%; padding: 0; width: 49%; }
.cat-list-flex li img { display: block; margin: 0 auto; }
#item-24-index h3.itemlist_catttl { font-size: 1.2em; border-radius: 0; text-align: center; font-weight: bold; }
.unit-topbtn-sp { width: 96%; margin: 0 auto; }
.unit-topbtn-sp h3.itemlist_catttl {
font-size: 1.2em;
border-radius: 0!important;
text-align: center;
font-weight: bold;
height: auto!important;
line-height: auto!important;
padding: 0;
background-color: transparent!important;
color: #009fa8;
border-bottom: 1px solid #ccc;
} .newH { position: relative; display: flex; justify-content: center; height: auto; line-height: 1; margin-bottom: 1em; padding: 0; background-color: transparent; font-size: 1em; font-weight: bold; color: #009fa8; }
.newH span { position: relative; z-index: 1; display: block; width: auto; padding: 0.5em 1em 0.3em; border-radius: 10em; background-color: #009fa8; color: #fff; }
.newH::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background: #009fa8; }
.mainEx { width: 96%; margin: 0 auto 2em; padding: 1.2em 2em 1em; background-color: #f5fbfe; border: 1px solid #c7e8fa; border-radius: 5px; }
.h {  width: 96%; margin: 0 auto 2em; padding: 1.2em 2em 1em; font-weight: bold; background-color: #f5fbfe; border: 1px solid #c7e8fa; border-radius: 5px; }
.seo { width: 96%; margin: 0 auto 1em; padding: 1.2em 2em 1em; background-color: #f9f9f9; border: 1px solid #00a9b2; border-radius: 5px; text-align: left; }
.seo .in_h { color: #00a9b2; font-size: 1.2em; }
.seo .in_h:not(:first-child) { margin-top: 1.5em; }
.prefabEx { width: 96%; margin: 0 auto 1em; }
.prefabEx div { padding-left: 10px; border-left: 3px solid #00a33e; margin-bottom: 2em;  text-align: left;  }
.prefabEx div:nth-child(2) { border-color: #00387d; margin-bottom: 2em; }
.prefabEx2 div { border-color: #3cf; }
.prefabEx2 div:nth-child(2) { border-color: #3cf; }
.prefabEx p.name { font-weight: bold; color: #00a33e; font-size: 1.5em; text-align: center; }
.prefabEx p.name2 { font-weight: bold; }
.prefabEx div:nth-child(2) p.name { color: #00387d; }
.prefabEx2 p.name { color: #3cf; }
.prefabEx2 div:nth-child(2) p.name { color: #3cf; }
.prefabEx p.img { }
.prefabEx p.img img { display: block; margin: 0 auto; }
.prefabEx ul { padding-left: 1.6em; }
.prefabEx p.osusume { display: flex; justify-content: space-between; }
.prefabEx p.osusume span:first-child { display: block; width: 30%; text-align: center; margin: 0; padding: 0 5px; background-color: #00a33e; color: #fff; border-radius: 3px; }
.prefabEx div:nth-child(2) p.osusume span:first-child { background-color: #00387d; }
.prefabEx p.osusume span:nth-child(2) { display: block; width: 68%; }
.prefabEx .btn { display: flex; justify-content: center; padding-top: 2em; }
.prefabEx .btn a { display: block; position: relative; box-sizing: border-box; width: 100%; font-size: 12px; text-align: center; line-height: 1; padding: 12px 24px 10px; color: #000; border: 1px solid #ccc; }
.prefabEx .btn a::after { content: ''; display: block; width: 0; height: 0; border-style: solid; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #ccc; border-right: 0; position: absolute; top: 50%; right: 1em; margin-top: -6px; }
.prefabEx .btnReizou a { color: #00a33e; border-color: #00a33e; }
.prefabEx .btnReitou a { color: #00387d; border-color: #00387d; }
.prefabEx .btnReizou a::after { border-left-color: #00a33e; }
.prefabEx .btnReitou a::after { border-left-color: #00387d; }
.prefabEx2 .btnReitou { padding-top: 10px; } .sub-cat-links { display: flex; justify-content: center; margin: 0!important; padding: 1em 0; }
.sub-cat-links a { display: block; width: auto; text-align: center; line-height: 1; padding: 14px 20px 10px; text-decoration: none; border: 1px solid #39f; }
.sub-cat-links a:hover { background-color: #39f; color: #fff; } .itempage_code { width: 100%; overflow: hidden; margin: 20px 0 0; }
.itempage_code span{ display: block; width: 100%; margin: 0 auto; padding: 14px 0 12px; line-height: 1; background: #6cc; color: #fff; border-radius: 5px; }
.pdf_links { padding: 5px 0 5px; } .maker_link { margin-bottom: 30px; }
.maker_link ul { margin: 0!important; padding: 0!important; }
.maker_link li { list-style: none!important; margin: 0 0 3px; padding: 0; width: 100%; }
.maker_link a { box-sizing: border-box; display: block; width: 100%; text-align: center; padding: 1em; border: 2px solid #0086ca; background-color: rgba(0,134,202,.02); color: #000; border-radius: 5px; }
.maker_link a:hover { background-color: rgba(0,134,202, 1); color: #fff; text-decoration: none; transition: .2s; }
.maker_link li.mbtn { border: 2px solid #ccc;}
.maker_link li.mbtn_light_blue { border-color: #00abeb; }
.maker_link li.mbtn_dark_blue {  border-color: #1b1c80; }
.maker_link li.mbtn_green { border-color: #00a33e; }
.maker_link li.mbtn_yellow { border-color: #d5c700; }
.maker_link li.mbtn_skin { border-color: #f8c6ac; }
.maker_link li.mbtn_orange { border-color: #f8b62c; }
.maker_link li.mbtn a { border: 2px solid #fff; font-weight: bold; }
.maker_link li.mbtn_light_blue a { background-color: #00abeb; color: #fff; }
.maker_link li.mbtn_dark_blue a {  background-color: #1b1c80; color: #fff; }
.maker_link li.mbtn_green a { background-color: #00a33e; color: #fff; }
.maker_link li.mbtn_yellow a { background-color: #fff225; color: #000; box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.2); }
.maker_link li.mbtn_skin a { background-color: #f8c6ac; }
.maker_link li.mbtn_orange a { background-color: #f8b62c; color: #fff; }
.maker_link li.mbtn a:hover { opacity: .5; text-decoration: none; transition: .2s; } .headline { width: 100%; position: relative; display: flex; justify-content: center; height: auto; line-height: 1; margin-bottom: 1em; padding: 0; background-color: transparent; font-size: 1em; font-weight: bold; color: #fff; }
.headline span { position: relative; z-index: 1; display: block; width: auto; padding: 0.5em 1em 0.3em; border-radius: 10em; background: #0086ca; color: #fff; }
.headline::after { content: ''; display: block; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background: #0086ca; }
.headline_orange span, .headline_orange::after { background: #f39700; }
.headline_red span, .headline_red::after { background: #c00; } .item-box.soldout .thumimg { position: relative }
.item-box.soldout .thumimg::before{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/soldout.png) no-repeat 50% 50%; background-size: cover; }
#itempage.soldout .itemimg { position: relative }
#itempage.soldout .itemimg::after{ content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; background: url(//www.epoch88.com/wp-content/themes/smp2024/images/soldout.png) no-repeat 50% 0; background-size: 100% auto; }
.defaultTable td.zaikoView { text-align: center; font-weight: bold; }  
.backBtn { padding: 1em 0; width: 100%; display: flex; justify-content: center; }
.backBtn a { display: block; line-height: 1; width: 100%; background-color: #0086ca; color: #fff; padding: .5em 0; text-align: center; } h1.headlineKey { font-size: 1.2em; color: #009fa8; display: flex; justify-content: center; margin: 0 0 15px; padding: 0 0 10px; text-align: center; font-weight: bold; line-height: 1; position: relative; border-bottom: 1px solid #ddd; }
h1.headlineKey::before, h1.headlineKey::after { content: ''; display: block; transform: rotate(45deg); }
h1.headlineKey::before { width: 10px; height: 10px; background: #009fa8; position: absolute; bottom: -5px; left: 50%; margin: 0 0 0 -8px; }
h1.headlineKey::after { width: 8px; height: 8px; background: #fff; position: absolute; bottom: -4px; left: 50%; margin: 0 0 0 -7px; }
h1.headlineKey + p { margin: 0 0 1em; padding: 1em 1.5em .8em;
background: repeating-linear-gradient(-45deg, rgba(102, 204, 204, 0.1), rgba(102, 204, 204, 0.1) 10px, rgba(255, 255, 255, 1) 0, rgba(255, 255, 255, 1) 20px);
border: 1px solid rgba(102, 204, 204, 0.5); }
.top-cat h2{ font-size: 1.25em;}
.top-cat h1, .prefab_newheader p { width: 100%; color: #0086ca;display: flex; justify-content: center; flex-wrap: wrap; margin: 0 0 10px; padding: 5px 0 10px; text-align: center; font-weight: bold; font-size: 12px; line-height: 1.2; position: relative; border-bottom: 1px solid #ddd; }
.top-cat h1::before, .top-cat h1::after { content: ''; display: block; transform:rotate(45deg); }
.top-cat h1::before { width: 14px;height: 14px;background: #0086ca;position: absolute; bottom: -8px; left: 50%; margin: 0 0 0 -14px; }
.top-cat h1::after { width: 12px;height: 12px;background: #fff;position: absolute; bottom: -7px; left: 50%; margin: 0 0 0 -13px; }
.prefab_newheader p { border: 0;font-size: 11px; }
.prefab_newheader img { margin-bottom: 10px; }
.item-addoptions-box{ display: flex; justify-content: center; flex-wrap: wrap; }
.item-addoptions-box div.item-box { width: calc(100% / 3); padding: 20px 5px; margin: 0; }
.item-addoptions-box div.thumimg img{ width: 100%!important; height: auto!important; max-width: 100%!important;}
.item-addoptions-box .headline{ width: 100%; }
#sliderContainer{ margin-bottom: 14px; }
.slick-dots li { margin: 0 2px!important; }
.slick-dots li button::before {font-size: 10px!important;}
.slick-prev, .slick-next{ z-index: 1; }
.slick-prev{ left: 5px;}
.slick-next{ right: 5px;}
.slick-prev::before, .slick-next::before { color: #000; }
.slick-dots li button::before { color: #ccc!important; opacity: .75!important;}  
.slick-dots li.slick-active button::before {color: #000!important;}  
.noteHaisou { }
.noteHaisou p {font-weight: bold; text-align: center; }
.noteHaisou ul { margin: 0; padding: 0;}
.noteHaisou li { list-style: none; margin: 0 0 5px; padding: 0; }
.noteHaisou li img { display: block; max-width: 100%; margin: 0 auto;}
.itemcomment{ margin: 10px 0 30px; padding: 10px; background: #f6f6f6; border: 1px solid #eee; border-radius: 5px; }
.itemcomment p{ margin: 0; line-height: 1.5;}
.itemcomment p.itemcommentTll{ color: #c00; font-size: 120%;font-weight: bold; margin: 0 0 10px;}