html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline
}
html {
line-height: 1
}
ol, ul {
list-style: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle
}
q, blockquote {
quotes: none
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none
}
a img {
border: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block
}
html, body {
background-color: #fefefe;
color: #121212;
font-family: 'Mplus 1p', 'Shuei MaruGo L', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 180%;
-webkit-text-size-adjust: 100%;
font-feature-settings: "palt"
}
img, iframe {
vertical-align: bottom
}
a {
text-decoration: none;
color: #2c3e50;
outline: none !important
}
a:hover {
color: #e769a3
}
p {
text-align: justify
}
p a {
color: #e58526;
text-decoration: underline
}
#container {
width: 100%;
min-width: 960px;
overflow: hidden
}
#header {
position: relative;
width: 100%;
height: 180px
}
#header .logo {
position: absolute;
left: 50%;
top: 64px;
width: 228px;
height: 87px;
margin-left: -480px;
background-image: url(../img/header_logo_new.png);
font-size: 0
}
#header .logo:hover {
opacity: 0.5
}
#header .sub_nav {
width: 100%;
background-color: #111
}
#header .sub_nav .inner {
width: 960px;
height: 40px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: flex-start;
align-content: flex-start
}
#header .sub_nav .inner h1 {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
font-size: 12px;
line-height: 100%;
color: #fed900;
letter-spacing: 0.05em
}
#header .sub_nav .inner h1 a {
color: #fed900
}
#header .sub_nav .inner .google_search_add li {
margin-right: 5px;
}
#header .sub_nav .inner ul li {
float: left
}
#header .sub_nav .inner ul:after {
display: block;
clear: both;
content: ""
}
#header .sub_nav .inner .google_search_input {
border: none!important;
padding: 4px!important;
background: url(https://www.google.com/cse/static/images/1x/googlelogo_lightgrey_46x16dp.png) 3px center no-repeat #fff;
text-indent: 48px;
width: 130px;
font-size: 12px!important;
border-radius: 3px 0 0 3px;
}
#header .sub_nav .inner .google_search_input_label {
background: #fed900;
font-size: 12px;
margin-right: 8px;
padding: 3px 4px 3px 2px;
border-radius: 0 3px 3px 0;
position: relative;
right: 4px;
font-weight: bold;
}
#header .sub_nav .inner a:hover {
opacity: 0.5
}
#header .sub_nav .inner .content li a {
position: relative;
display: block;
margin-right: 15px;
padding: 0 0 0 10px;
color: #fff;
font-size: 12px;
line-height: 100%
}
#header .sub_nav .inner .google_search_add li a {
margin-right: 5px!important;
padding: 0 0 0 8px!important;
}
#header .sub_nav .inner .content li a:before {
position: absolute;
display: block;
width: 4px;
height: 4px;
top: 3px;
left: 0;
background-color: #fed900;
content: ""
}
#header .sub_nav .inner .facebook {
display: block;
width: 60px;
height: 20px;
padding: 9px 0 11px;
background-color: #3b5998;
color: #fff;
font-size: 20px;
line-height: 100%;
text-align: center
}
#header .sub_nav .inner .twitter {
display: block;
width: 60px;
height: 20px;
padding: 9px 0 11px;
background-color: #55acee;
color: #fff;
font-size: 20px;
line-height: 100%;
text-align: center
}
#header .sub_nav .inner .instagram {
display: block;
width: 60px;
height: 20px;
padding: 9px 0 11px;
background-color: #517fa4;
color: #fff;
font-size: 20px;
line-height: 100%;
text-align: center;
background: -webkit-radial-gradient(32% 106%, circle cover, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -webkit-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
background: -moz-radial-gradient(32% 106%, circle cover, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -moz-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
background: -ms-radial-gradient(32% 106%, circle cover, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -ms-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
background: -o-radial-gradient(32% 106%, circle cover, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), -o-linear-gradient(-45deg, #234bd7 12%, #c33cbe 58%);
background: radial-gradient(circle farthest-corner at 32% 106%, #ffe17d 0%, #ffcd69 10%, #fa9137 28%, #eb4141 42%, transparent 82%), linear-gradient(135deg, #234bd7 12%, #c33cbe 58%)
}
#header .sub_nav .inner .info {
display: block;
width: 190px;
height: 12px;
padding: 14px 0;
background-color: #888888;
color: #ffffff;
font-size: 12px;
line-height: 100%;
text-align: center;
letter-spacing: 0.07em
}
#header .sub_nav .inner .logout {
display: block;
width: 120px;
height: 12px;
padding: 14px 0;
background-color: #444444;
color: #cccccc;
font-size: 12px;
line-height: 100%;
text-align: center;
letter-spacing: 0.07em
}
#header .main_nav>ul {
display: block;
position: absolute;
top: 80px;
right: 50%;
margin-right: -480px
}
#header .main_nav>ul>li {
position: relative;
display: block;
width: 106px;
height: 100px;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 50%;
font-size: 0;
float: left
}
#header .main_nav>ul>li.product {
background-image: url(../img/nav/nav_product.png)
}
#header .main_nav>ul>li.movie {
background-image: url(../img/nav/nav_movie.png)
}
#header .main_nav>ul>li.media {
background-image: url(../img/nav/nav_media.png)
}
#header .main_nav>ul>li.magazine {
background-image: url(../img/nav/nav_magazine.png)
}
#header .main_nav>ul>li.event {
background-image: url(../img/nav/nav_news.png)
}
#header .main_nav>ul>li.webshop {
background-image: url(../img/nav/nav_webshop.png)
}
#header .main_nav>ul>li:after {
position: absolute;
display: block;
width: 0;
height: 5px;
left: 0;
bottom: 0;
background-color: #fed900;
content: "";
-webkit-transition: width .3s ease;
-moz-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width 0.3s ease
}
#header .main_nav>ul>li ul {
width: 0px;
-webkit-transition: width .3s ease;
-moz-transition: width .3s ease;
-o-transition: width .3s ease;
transition: width 0.3s ease
}
#header .main_nav>ul>li:hover:after, #header .main_nav>ul>li:hover ul {
width: 106px
}
#header .main_nav>ul>li a {
display: block;
width: 106px;
height: 100px
}
#header .main_nav>ul:after {
display: block;
clear: both;
content: ""
}
#header .main_nav ul ul {
position: absolute;
top: 100px;
left: 0;
padding: 10px 0 0;
z-index: 10;
overflow: hidden
}
#header .main_nav ul ul:before {
position: absolute;
display: block;
width: 0;
height: 0;
top: 2px;
left: 46px;
border-style: solid;
border-width: 0 6px 8px 6px;
border-color: transparent transparent #fed800 transparent;
content: ""
}
#header .main_nav ul ul li {
padding-top: 0;
background-color: #fed800
}
#header .main_nav ul ul li:first-child {
padding-top: 4px
}
#header .main_nav ul ul li:last-child {
padding-bottom: 4px
}
#header .main_nav ul ul a {
width: 106px;
height: 14px;
padding: 7px 0;
color: #000;
background-color: #fed900;
font-size: 12px;
line-height: 100%;
font-weight: 600
}
#header .main_nav ul ul a:hover {
background-color: #0a0a0a;
color: #fed900
}
#header .btob_nav ul {
display: block;
position: absolute;
top: 97px;
right: 50%;
margin-right: -480px
}
#header .btob_nav ul li {
float: left;
display: block
}
#header .btob_nav ul li a {
height: 16px;
margin-left: 10px;
padding: 10px 40px 10px;
background-color: #333;
border-radius: 5px;
font-size: 18px;
line-height: 100%;
font-weight: bold
}
#header .btob_nav ul li a:hover {
opacity: 0.5
}
#header .btob_nav ul li:nth-child(1) a {
color: #fff;
background-color: #55acee
}
#header .btob_nav ul li:nth-child(2) a {
color: #0a0a0a;
background-color: #fed900
}
#header .btob_nav ul:after {
display: block;
clear: both;
content: ""
}
/* ADD */
#header .btob_nav_2 ul {
display: block;
position: absolute;
top: 144px;
right: 50%;
margin-right: -480px
}
#header .btob_nav_2 ul li {
float: left;
display: block
}
#header .btob_nav_2 ul li a {
height: 16px;
margin-left: 10px;
padding: 10px 40px 10px;
background-color: #333;
border-radius: 5px;
font-size: 18px;
line-height: 100%;
font-weight: bold
}
#header .btob_nav_2 ul li a:hover {
opacity: 0.5
}
#header .btob_nav_2 ul li:nth-child(1) a {
color: #fff;
background-color: #55acee
}
#header .btob_nav_2 ul li:nth-child(2) a {
color: #0a0a0a;
background-color: #fed900
}
#header .btob_nav_2 ul:after {
display: block;
clear: both;
content: ""
}
/* ADD */
#header .search_nav {
position: absolute;
width: 100%;
height: 40px;
top: 40px;
left: 50%;
margin-left: -160px;
background-color: #ecf0f1
}
#header .search_nav h1 {
float: left;
width: 157px;
height: 14px;
padding: 13px 3px 13px 0;
background-image: url(../img/header_search_arrow.png);
background-position: 100% 0;
background-repeat: no-repeat;
background-color: #fed900;
font-size: 14px;
font-weight: bold;
line-height: 100%;
text-align: center
}
#header .search_nav ul {
float: left;
width: 160px;
height: 13px;
padding: 14px 0 13px;
font-size: 13px;
line-height: 100%;
text-align: center
}
#header .search_nav form {
padding-left: 10px;
float: left
}
#header .search_nav form input[type=text] {
float: left;
margin: 6px 0 0;
width: 380px;
height: 13px;
padding: 8px 10px 7px;
font-size: 13px;
line-height: 100%;
background-color: #fff;
border: none
}
#header .search_nav form label {
float: left;
display: block;
width: 68px;
height: 14px;
margin-top: 6px;
padding: 7px 3px 7px 0;
background-color: #111;
color: #fed900;
font-size: 14px;
line-height: 100%;
text-align: center
}
#header .search_nav form:after {
display: block;
clear: both;
content: ""
}
#header .search_nav form #search_submit {
display: none
}
#header .search_nav:after {
display: block;
clear: both;
content: ""
}
#footer {
width: 100%;
padding: 40px 0 30px;
background-color: #111
}
#footer .inner {
width: 960px;
margin: 0 auto
}
#footer .inner .copyright {
float: left;
width: 300px
}
#footer .inner .copyright p:nth-of-type(1) {
padding: 5px 0 5px;
font-size: 18px;
line-height: 100%;
color: #ecf0f1
}
#footer .inner .copyright p:nth-of-type(2) {
font-size: 10px;
line-height: 100%;
color: #ecf0f1
}
#footer .inner .contact {
float: right;
width: 660px;
text-align: right
}
#footer .inner .contact a.btn {
display: inline-block;
padding: 12px 12px;
background-color: #fed900;
color: #111;
font-size: 13px;
line-height: 100%;
font-weight: 600
}
#footer .inner .contact a.btn:hover {
opacity: 0.5
}
#footer .inner .contact a.btn:nth-of-type(3) {
background-color: #999
}
#footer .inner .contact a.sub {
display: inline-block;
margin: 10px 0 0 6px;
color: #999;
font-size: 12px;
line-height: 100%
}
#footer .inner .contact a.sub:hover {
opacity: 0.5
}
#footer .inner:after {
display: block;
clear: both;
content: ""
}
#home #new_products, #home #new_report, #page-eging_home #new_products, #page-eging_home #new_report {
width: 100%;
padding: 30px 0 0;
background-color: #ecf0f1
}
#home #new_products a, #home #new_report a, #page-eging_home #new_products a, #page-eging_home #new_report a {
display: block
}
#home #new_products a:hover, #home #new_report a:hover, #page-eging_home #new_products a:hover, #page-eging_home #new_report a:hover {
opacity: 0.5 !important
}
#home #new_products header, #home #new_report header, #page-eging_home #new_products header, #page-eging_home #new_report header {
position: relative;
width: 960px;
height: 20px;
margin: 0 auto;
padding: 0 0 20px;
background-position: 0 0;
background-repeat: no-repeat
}
#home #new_products header h1, #home #new_report header h1, #page-eging_home #new_products header h1, #page-eging_home #new_report header h1 {
width: 100%;
height: 20px;
display: none
}
#home #new_products header .nav, #home #new_report header .nav, #page-eging_home #new_products header .nav, #page-eging_home #new_report header .nav {
position: absolute;
left: 129px;
top: -3px
}
#home #new_products header a.btn, #home #new_report header a.btn, #page-eging_home #new_products header a.btn, #page-eging_home #new_report header a.btn {
display: inline-block;
margin-right: 10px;
color: #aaa;
font-size: 11px;
line-height: 100%
}
#home #new_products header, #home #new_report header, #page-eging_home #new_products header, #page-eging_home #new_report header {
background-image: url(../img/title_newproducts.png)
}
#home #new_products .inner, #home #new_report .inner, #page-eging_home #new_products .inner, #page-eging_home #new_report .inner {
position: relative;
width: 960px;
margin: 0 auto
}
#home #new_products .inner #new_products_slider, #home #new_products .inner #report_slider, #home #new_report .inner #new_products_slider, #home #new_report .inner #report_slider, #page-eging_home #new_products .inner #new_products_slider, #page-eging_home #new_products .inner #report_slider, #page-eging_home #new_report .inner #new_products_slider, #page-eging_home #new_report .inner #report_slider {
width: 970px
}
#home #new_products .inner #new_products_slider:after, #home #new_products .inner #report_slider:after, #home #new_report .inner #new_products_slider:after, #home #new_report .inner #report_slider:after, #page-eging_home #new_products .inner #new_products_slider:after, #page-eging_home #new_products .inner #report_slider:after, #page-eging_home #new_report .inner #new_products_slider:after, #page-eging_home #new_report .inner #report_slider:after {
position: absolute;
display: block;
width: 10px;
height: 161px;
top: 0;
right: 0;
background-color: #ecf0f1;
content: ""
}
#home #new_products .inner #new_products_slider .item .sale, #home #new_products .inner #report_slider .item .sale, #home #new_report .inner #new_products_slider .item .sale, #home #new_report .inner #report_slider .item .sale, #page-eging_home #new_products .inner #new_products_slider .item .sale, #page-eging_home #new_products .inner #report_slider .item .sale, #page-eging_home #new_report .inner #new_products_slider .item .sale, #page-eging_home #new_report .inner #report_slider .item .sale {
position: relative;
display: block;
width: 100%;
height: 20px;
color: #e64759;
font-size: 12px;
line-height: 100%;
font-weight: bold
}
#home #new_products .inner #new_products_slider .item .sale:after, #home #new_products .inner #report_slider .item .sale:after, #home #new_report .inner #new_products_slider .item .sale:after, #home #new_report .inner #report_slider .item .sale:after, #page-eging_home #new_products .inner #new_products_slider .item .sale:after, #page-eging_home #new_products .inner #report_slider .item .sale:after, #page-eging_home #new_report .inner #new_products_slider .item .sale:after, #page-eging_home #new_report .inner #report_slider .item .sale:after {
display: block;
position: absolute;
width: 38px;
height: 1px;
top: 6px;
left: 112px;
background-color: #ccc;
content: ""
}
#home #new_products .inner #new_products_slider .item .sale:empty:after, #home #new_products .inner #report_slider .item .sale:empty:after, #home #new_report .inner #new_products_slider .item .sale:empty:after, #home #new_report .inner #report_slider .item .sale:empty:after, #page-eging_home #new_products .inner #new_products_slider .item .sale:empty:after, #page-eging_home #new_products .inner #report_slider .item .sale:empty:after, #page-eging_home #new_report .inner #new_products_slider .item .sale:empty:after, #page-eging_home #new_report .inner #report_slider .item .sale:empty:after {
display: block;
position: absolute;
width: 163px;
height: 1px;
top: 6px;
left: -13px;
background-color: #ccc;
content: ""
}
#home #new_products .inner #new_products_slider .item .sale.nowonsale:after, #home #new_products .inner #report_slider .item .sale.nowonsale:after, #home #new_report .inner #new_products_slider .item .sale.nowonsale:after, #home #new_report .inner #report_slider .item .sale.nowonsale:after, #page-eging_home #new_products .inner #new_products_slider .item .sale.nowonsale:after, #page-eging_home #new_products .inner #report_slider .item .sale.nowonsale:after, #page-eging_home #new_report .inner #new_products_slider .item .sale.nowonsale:after, #page-eging_home #new_report .inner #report_slider .item .sale.nowonsale:after {
display: block;
position: absolute;
width: 67px;
height: 1px;
top: 6px;
left: 83px;
background-color: #e64759;
content: ""
}
#home #new_products .inner #new_products_slider .item .sale.nowonsale:empty:after, #home #new_products .inner #report_slider .item .sale.nowonsale:empty:after, #home #new_report .inner #new_products_slider .item .sale.nowonsale:empty:after, #home #new_report .inner #report_slider .item .sale.nowonsale:empty:after, #page-eging_home #new_products .inner #new_products_slider .item .sale.nowonsale:empty:after, #page-eging_home #new_products .inner #report_slider .item .sale.nowonsale:empty:after, #page-eging_home #new_report .inner #new_products_slider .item .sale.nowonsale:empty:after, #page-eging_home #new_report .inner #report_slider .item .sale.nowonsale:empty:after {
width: 163px;
left: -13px;
background-color: #e64759
}
#home #new_products .inner #new_products_slider .item .thumbnail, #home #new_products .inner #report_slider .item .thumbnail, #home #new_report .inner #new_products_slider .item .thumbnail, #home #new_report .inner #report_slider .item .thumbnail, #page-eging_home #new_products .inner #new_products_slider .item .thumbnail, #page-eging_home #new_products .inner #report_slider .item .thumbnail, #page-eging_home #new_report .inner #new_products_slider .item .thumbnail, #page-eging_home #new_report .inner #report_slider .item .thumbnail {
width: 150px;
height: 94px;
background-repeat: no-repeat;
background-size: contain;
background-color: #f5f5f5;
background-position: 50% 50%
}
#home #new_products .inner #new_products_slider .item h1, #home #new_products .inner #report_slider .item h1, #home #new_report .inner #new_products_slider .item h1, #home #new_report .inner #report_slider .item h1, #page-eging_home #new_products .inner #new_products_slider .item h1, #page-eging_home #new_products .inner #report_slider .item h1, #page-eging_home #new_report .inner #new_products_slider .item h1, #page-eging_home #new_report .inner #report_slider .item h1 {
width: 150px;
padding-top: 5px;
font-size: 11px;
font-weight: bold;
line-height: 130%
}
#home #new_products .inner #new_products_slider .slick-prev, #home #new_products .inner #new_products_slider .slick-next, #home #new_products .inner #report_slider .slick-prev, #home #new_products .inner #report_slider .slick-next, #home #new_report .inner #new_products_slider .slick-prev, #home #new_report .inner #new_products_slider .slick-next, #home #new_report .inner #report_slider .slick-prev, #home #new_report .inner #report_slider .slick-next, #page-eging_home #new_products .inner #new_products_slider .slick-prev, #page-eging_home #new_products .inner #new_products_slider .slick-next, #page-eging_home #new_products .inner #report_slider .slick-prev, #page-eging_home #new_products .inner #report_slider .slick-next, #page-eging_home #new_report .inner #new_products_slider .slick-prev, #page-eging_home #new_report .inner #new_products_slider .slick-next, #page-eging_home #new_report .inner #report_slider .slick-prev, #page-eging_home #new_report .inner #report_slider .slick-next {
position: absolute;
width: 11px;
height: 20px;
top: 56px;
left: -30px;
font-size: 0;
border: none;
background-color: transparent;
background-image: url(../img/slider_left.png);
background-repeat: no-repeat;
background-position: 50% 50%
}
#home #new_products .inner #new_products_slider .slick-prev:hover, #home #new_products .inner #new_products_slider .slick-next:hover, #home #new_products .inner #report_slider .slick-prev:hover, #home #new_products .inner #report_slider .slick-next:hover, #home #new_report .inner #new_products_slider .slick-prev:hover, #home #new_report .inner #new_products_slider .slick-next:hover, #home #new_report .inner #report_slider .slick-prev:hover, #home #new_report .inner #report_slider .slick-next:hover, #page-eging_home #new_products .inner #new_products_slider .slick-prev:hover, #page-eging_home #new_products .inner #new_products_slider .slick-next:hover, #page-eging_home #new_products .inner #report_slider .slick-prev:hover, #page-eging_home #new_products .inner #report_slider .slick-next:hover, #page-eging_home #new_report .inner #new_products_slider .slick-prev:hover, #page-eging_home #new_report .inner #new_products_slider .slick-next:hover, #page-eging_home #new_report .inner #report_slider .slick-prev:hover, #page-eging_home #new_report .inner #report_slider .slick-next:hover {
opacity: 0.5
}
#home #new_products .inner #new_products_slider .slick-next, #home #new_products .inner #report_slider .slick-next, #home #new_report .inner #new_products_slider .slick-next, #home #new_report .inner #report_slider .slick-next, #page-eging_home #new_products .inner #new_products_slider .slick-next, #page-eging_home #new_products .inner #report_slider .slick-next, #page-eging_home #new_report .inner #new_products_slider .slick-next, #page-eging_home #new_report .inner #report_slider .slick-next {
left: auto;
right: -20px;
background-image: url(../img/slider_right.png)
}
#home #new_products .inner #report_slider .slick-prev, #home #new_products .inner #report_slider .slick-next, #home #new_report .inner #report_slider .slick-prev, #home #new_report .inner #report_slider .slick-next, #page-eging_home #new_products .inner #report_slider .slick-prev, #page-eging_home #new_products .inner #report_slider .slick-next, #page-eging_home #new_report .inner #report_slider .slick-prev, #page-eging_home #new_report .inner #report_slider .slick-next {
top: 34px
}
#home #new_report, #page-eging_home #new_report {
padding: 30px 0 40px
}
#home #new_report header, #page-eging_home #new_report header {
background-image: url(../img/title_fishingreport.png)
}
#home .wrapper, #page-eging_home .wrapper {
width: 960px;
margin: 0 auto;
padding: 40px 0 0
}
#home .wrapper>.left, #home .wrapper>.right, #page-eging_home .wrapper>.left, #page-eging_home .wrapper>.right {
float: left;
width: 340px;
margin-right: 30px
}
#home .wrapper #event dl, #home .wrapper #news dl, #page-eging_home .wrapper #event dl, #page-eging_home .wrapper #news dl {
border-bottom: 1px solid #ddd
}
#home .wrapper #event dl dt, #home .wrapper #news dl dt, #page-eging_home .wrapper #event dl dt, #page-eging_home .wrapper #news dl dt {
position: relative;
border-top: 1px solid #ddd;
padding: 13px 10px 10px 78px;
font-size: 12px;
line-height: 100%;
color: #27ae60;
font-weight: bold
}
#home .wrapper #event dl dt>span, #home .wrapper #news dl dt>span, #page-eging_home .wrapper #event dl dt>span, #page-eging_home .wrapper #news dl dt>span {
position: absolute;
display: block;
width: 60px;
height: 12px;
padding: 3px 0;
top: 10px;
left: 10px;
background-color: #27ae60;
color: #fff;
font-weight: normal;
border-radius: 3px;
text-align: center
}
#home .wrapper #event dl dd, #home .wrapper #news dl dd, #page-eging_home .wrapper #event dl dd, #page-eging_home .wrapper #news dl dd {
padding: 0 10px 10px;
font-size: 12px;
line-height: 140%
}
#home .wrapper #event a.btn, #home .wrapper #news a.btn, #page-eging_home .wrapper #event a.btn, #page-eging_home .wrapper #news a.btn {
display: block;
margin-top: 10px;
color: #aaa;
font-size: 11px;
line-height: 100%;
text-align: right
}
#home .wrapper #event a.btn:hover, #home .wrapper #news a.btn:hover, #page-eging_home .wrapper #event a.btn:hover, #page-eging_home .wrapper #news a.btn:hover {
opacity: 0.5
}
#home .wrapper #event dl, #page-eging_home .wrapper #event dl {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
#home .wrapper #event dl dt.close, #page-eging_home .wrapper #event dl dt.close {
color: #888
}
#home .wrapper #event dl dt.close span, #page-eging_home .wrapper #event dl dt.close span {
background-color: #888
}
#home .wrapper #news dl dt, #page-eging_home .wrapper #news dl dt {
padding-left: 108px
}
#home .wrapper #news dl dt span, #page-eging_home .wrapper #news dl dt span {
width: 90px
}
#home .wrapper #news dl dt span.news, #page-eging_home .wrapper #news dl dt span.news {
background-color: #e74c3c
}
#home .wrapper #news dl dt span.news+em, #page-eging_home .wrapper #news dl dt span.news+em {
color: #e74c3c
}
#home .wrapper #news dl dt span.update, #page-eging_home .wrapper #news dl dt span.update {
background-color: #3498db
}
#home .wrapper #news dl dt span.update+em, #page-eging_home .wrapper #news dl dt span.update+em {
color: #3498db
}
#home .wrapper #news dl dt span.special, #page-eging_home .wrapper #news dl dt span.special {
background-color: #e67e22
}
#home .wrapper #news dl dt span.special+em, #page-eging_home .wrapper #news dl dt span.special+em {
color: #e67e22
}
#home .wrapper #news dl dt span.newproduct, #page-eging_home .wrapper #news dl dt span.newproduct {
background-color: #9b59b6
}
#home .wrapper #news dl dt span.newproduct+em, #page-eging_home .wrapper #news dl dt span.newproduct+em {
color: #9b59b6
}
#home .wrapper #news dl dt.new, #page-eging_home .wrapper #news dl dt.new {
padding-left: 157px
}
#home .wrapper #news dl dt.new span, #page-eging_home .wrapper #news dl dt.new span {
left: 59px;
border-radius: 0 3px 3px 0
}
#home .wrapper #news dl dt.new span span.new, #page-eging_home .wrapper #news dl dt.new span span.new {
position: absolute;
display: block;
width: 48px;
height: 12px;
padding: 3px 0;
top: 0;
left: -49px;
background-color: #e62138 !important;
color: #fff;
font-weight: normal;
border-radius: 3px 0 0 3px;
text-align: center;
z-index: 2
}
#home .wrapper #aside, #page-eging_home .wrapper #aside {
float: left;
width: 220px
}
#home .wrapper #aside img, #page-eging_home .wrapper #aside img {
width: 200px;
height: auto
}
#home .wrapper:after, #page-eging_home .wrapper:after {
display: block;
clear: both;
content: ""
}
#home #event header, #page-eging_home #event header {
padding-bottom: 20px
}
#home #event header h1, #page-eging_home #event header h1 {
width: 100%;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(../img/title_event.png);
font-size: 0
}
#home #news header, #page-eging_home #news header {
padding-bottom: 20px
}
#home #news header h1, #page-eging_home #news header h1 {
width: 100%;
height: 20px;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(../img/title_news.png);
font-size: 0
}
#home #instagram, #page-eging_home #instagram {
width: 100%;
margin: 30px auto 0;
padding: 0;
background-color: #ecf0f1
}
#home #instagram header, #page-eging_home #instagram header {
position: relative;
padding: 25px 0 20px
}
#home #instagram header h1, #page-eging_home #instagram header h1 {
width: 960px;
height: 20px;
margin: 0 auto;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(../img/title_instagram.png);
font-size: 0
}
#home #instagram header .nav, #page-eging_home #instagram header .nav {
position: absolute;
left: 50%;
top: 22px;
margin-left: -370px
}
#home #instagram header .nav a, #page-eging_home #instagram header .nav a {
display: inline-block;
margin-right: 10px;
color: #aaa;
font-size: 11px;
line-height: 100%
}
#home #instagram header .nav a:hover, #page-eging_home #instagram header .nav a:hover {
opacity: 0.5
}
#home #instagram .inner, #page-eging_home #instagram .inner {
position: relative;
width: 960px;
padding: 0 0 15px;
margin: 0 auto
}
#home #instagram .inner .cover, #page-eging_home #instagram .inner .cover {
position: absolute;
display: block;
width: 960px;
height: 112px;
top: 0;
left: 0;
z-index: 10
}
#home #aside, #page-eging_home #aside {
padding-top: 40px
}
#home #aside .inner, #page-eging_home #aside .inner {
display: block;
padding: 10px;
background-color: #ecf0f1
}
#home #aside .inner a, #page-eging_home #aside .inner a {
display: block;
margin-bottom: 10px
}
#home #aside .inner a:last-child, #page-eging_home #aside .inner a:last-child {
margin-bottom: 0
}
#home #aside .inner a:hover, #page-eging_home #aside .inner a:hover {
opacity: 0.5
}
#btob_home, #btob_send, #btob_profile {
padding: 0 0 100px
}
#btob_home>.header, #btob_send>.header, #btob_profile>.header {
width: 100%;
padding: 30px 0;
background-color: #111;
background-image: url(../img/bk_pickup.jpg?date=2017);
background-repeat: no-repeat;
background-position: 50% 50%
}
#btob_home>.header .inner, #btob_send>.header .inner, #btob_profile>.header .inner {
width: 960px;
margin: 0 auto;
font-size: 18px;
color: #fff;
font-weight: bold;
letter-spacing: 0.1em
}
#btob_home .close, #btob_send .close, #btob_profile .close {
padding: 50px 0 10px;
text-align: center
}
#btob_home .close a.btn, #btob_send .close a.btn, #btob_profile .close a.btn {
display: inline-block;
padding: 15px 20px;
border-radius: 4px;
background-color: #34495e;
color: #fff;
font-size: 13px;
line-height: 100%
}
#btob_home .close a.btn:hover, #btob_send .close a.btn:hover, #btob_profile .close a.btn:hover {
opacity: 0.5
}
#btob_home .btob_content, #btob_send .btob_content, #btob_profile .btob_content {
padding: 40px 0 0
}
#btob_home .btob_content article, #btob_send .btob_content article, #btob_profile .btob_content article {
padding-bottom: 40px
}
#btob_home .btob_content>.header, #btob_home .btob_content article>.header, #btob_send .btob_content>.header, #btob_send .btob_content article>.header, #btob_profile .btob_content>.header, #btob_profile .btob_content article>.header {
width: 920px;
margin: 0 auto;
padding: 6px 19px;
display: block;
border: 1px solid #95a5a6;
-webkit-box-shadow: 0 2px 0 #95a5a6;
-moz-box-shadow: 0 2px 0 #95a5a6;
box-shadow: 0 2px 0 #95a5a6;
background-color: #ecf0f1;
border-radius: 3px;
font-weight: bold
}
#btob_home .btob_content>.header.error, #btob_home .btob_content article>.header.error, #btob_send .btob_content>.header.error, #btob_send .btob_content article>.header.error, #btob_profile .btob_content>.header.error, #btob_profile .btob_content article>.header.error {
color: #f00
}
#btob_home .btob_content#btob_news .item h1, #btob_send .btob_content#btob_news .item h1, #btob_profile .btob_content#btob_news .item h1 {
margin: 0 0 20px;
padding: 20px 0 8px;
border-bottom: 1px solid #ccc;
font-size: 18px;
line-height: 100%;
font-weight: 700
}
#btob_home .btob_content#btob_news .item p, #btob_send .btob_content#btob_news .item p, #btob_profile .btob_content#btob_news .item p {
padding-bottom: 20px;
font-weight: 500
}
#btob_home .btob_content .inner, #btob_send .btob_content .inner, #btob_profile .btob_content .inner {
width: 920px;
margin: 20px auto 0
}
#btob_cart {
padding: 0 0 100px
}
#btob_cart>.header {
width: 100%;
padding: 30px 0;
background-color: #111;
background-image: url(../img/bk_pickup.jpg?date=2017);
background-repeat: no-repeat;
background-position: 50% 50%
}
#btob_cart>.header .inner {
width: 960px;
margin: 0 auto;
font-size: 18px;
color: #fff;
font-weight: bold;
letter-spacing: 0.1em
}
#btob_cart #btob_cart_list {
padding: 50px 0 25px
}
#btob_cart #btob_cart_list .header {
width: 920px;
margin: 0 auto;
padding: 6px 19px;
display: block;
border: 1px solid #95a5a6;
-webkit-box-shadow: 0 2px 0 #95a5a6;
-moz-box-shadow: 0 2px 0 #95a5a6;
box-shadow: 0 2px 0 #95a5a6;
background-color: #ecf0f1;
border-radius: 3px;
font-weight: bold
}
#btob_cart #btob_cart_list .inner {
width: 960px;
margin: 0 auto;
padding: 20px 0
}
#btob_cart #btob_cart_list .inner #cart_list {
width: 960px;
position: relative
}
#btob_cart #btob_cart_list .inner #cart_list thead, #btob_cart #btob_cart_list .inner #cart_list tbody {
background-color: #95a5a6
}
#btob_cart #btob_cart_list .inner #cart_list thead th, #btob_cart #btob_cart_list .inner #cart_list thead td, #btob_cart #btob_cart_list .inner #cart_list tbody th, #btob_cart #btob_cart_list .inner #cart_list tbody td {
padding: 10px 10px;
font-size: 12px;
line-height: 100%;
text-align: center;
border-right: 2px solid #fff;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
color: #fff;
font-weight: 500
}
#btob_cart #btob_cart_list .inner #cart_list thead th:first-of-type, #btob_cart #btob_cart_list .inner #cart_list thead td:first-of-type, #btob_cart #btob_cart_list .inner #cart_list tbody th:first-of-type, #btob_cart #btob_cart_list .inner #cart_list tbody td:first-of-type {
border-left: none;
border-radius: 4px 0 0 0
}
#btob_cart #btob_cart_list .inner #cart_list thead th:last-of-type, #btob_cart #btob_cart_list .inner #cart_list thead td:last-of-type, #btob_cart #btob_cart_list .inner #cart_list tbody th:last-of-type, #btob_cart #btob_cart_list .inner #cart_list tbody td:last-of-type {
border-right: none;
border-radius: 0 4px 0 0
}
#btob_cart #btob_cart_list .inner #cart_list thead th, #btob_cart #btob_cart_list .inner #cart_list tbody th {
font-weight: bold
}
#btob_cart #btob_cart_list .inner #cart_list thead td input, #btob_cart #btob_cart_list .inner #cart_list tbody td input {
width: 50px;
height: 24px;
border: 1px solid #0a0a0a;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#btob_cart #btob_cart_list .inner #cart_list thead td .btn, #btob_cart #btob_cart_list .inner #cart_list tbody td .btn {
display: inline-block;
width: 16px;
height: 16px;
margin-left: 8px;
padding: 4px;
font-size: 16px;
line-height: 100%;
border-radius: 4px;
vertical-align: bottom;
background-color: #ccc;
color: #555;
cursor: pointer
}
#btob_cart #btob_cart_list .inner #cart_list thead td .btn:hover, #btob_cart #btob_cart_list .inner #cart_list tbody td .btn:hover {
color: #ecf0f1;
background-color: #333
}
#btob_cart #btob_cart_list .inner #cart_list thead tr.error input, #btob_cart #btob_cart_list .inner #cart_list tbody tr.error input {
border: 1px solid #ff0000;
background-color: #ffc4c4
}
#btob_cart #btob_cart_list .inner #cart_list tbody td {
background-color: #ecf0f1;
color: #0a0a0a
}
#btob_cart #btob_cart_list .inner #cart_list input {
width: 50px;
padding: 6px 0;
text-align: center
}
#btob_cart #btob_cart_list .inner #cart_list tbody:empty {
width: 960px;
background-color: #fff;
color: #0a0a0a;
font-size: 100px
}
#btob_cart #btob_cart_list .inner #cart_list tbody:empty:before {
content: " "
}
#btob_cart #btob_cart_list .inner #cart_list tbody:empty:after {
position: absolute;
display: block;
width: 960px;
top: 50px;
left: 0;
font-size: 14px;
line-height: 100%;
text-align: center;
content: "カートになにも入っていません"
}
#btob_cart #btob_cart_list .inner #cart_price {
width: 100%;
text-align: center
}
#btob_cart #cart_tool {
position: relative;
width: 960px;
padding-bottom: 20px;
text-align: left
}
#btob_cart #cart_tool dt, #btob_cart #cart_tool dd {
display: inline-block
}
#btob_cart #cart_tool dt {
height: 12px;
padding: 6px 3px 6px 0;
font-size: 12px;
line-height: 100%;
border-radius: 4px;
vertical-align: bottom;
font-weight: 500
}
#btob_cart #cart_tool dd {
position: relative;
width: 130px;
height: 12px;
padding: 6px;
font-size: 12px;
line-height: 100%;
border-radius: 4px;
text-align: center;
vertical-align: bottom;
background-color: #ccc;
color: #0a0a0a;
font-weight: 600;
cursor: pointer
}
#btob_cart #cart_tool dd i {
margin-right: 3px
}
#btob_cart #cart_tool dd:hover {
color: #ecf0f1;
background-color: #333
}
#btob_cart #cart_tool dd#sort_date i, #btob_cart #cart_tool dd#sort_abc i {
display: none
}
#btob_cart #cart_tool dd#sort_date.active, #btob_cart #cart_tool dd#sort_abc.active {
background-color: #0a0a0a;
color: #fff
}
#btob_cart #cart_tool dd#sort_date.active i, #btob_cart #cart_tool dd#sort_abc.active i {
display: inline-block
}
#btob_cart #cart_tool dd#cnt_change {
position: absolute;
top: 1px;
right: 0
}
#btob_cart #cart_tool dd#cnt_change:after {
position: absolute;
width: 0;
height: 0;
bottom: -9px;
left: 50%;
margin-left: -6px;
border-style: solid;
border-width: 9px 6px 0 6px;
border-color: #ccc transparent transparent transparent;
content: ''
}
#btob_cart #cart_tool dd#cnt_change:hover:after {
border-color: #333 transparent transparent transparent
}
#btob_cart #add_product {
position: relative;
background-color: #ecf0f1;
margin: -10px 0 18px;
padding: 5px 10px;
border-radius: 4px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center
}
#btob_cart #add_product h2 {
display: block;
padding-right: 10px;
font-size: 12px;
font-weight: 700
}
#btob_cart #add_product input {
border: 1px solid #95a5a6;
padding: 6px 8px;
border-radius: 4px;
font-size: 14px
}
#btob_cart #add_product .submit {
position: absolute;
right: 20px;
color: #ccc;
cursor: pointer
}
#btob_cart #add_product .submit:hover {
color: #000
}
#btob_cart #cart_price {
width: 100%;
padding: 15px 0 18px;
background-color: #ecf0f1;
border-radius: 0 0 4px 4px
}
#btob_cart #cart_price dt, #btob_cart #cart_price dd {
display: inline-block;
vertical-align: bottom
}
#btob_cart #cart_price dt {
margin-right: 10px;
padding: 3px 8px;
background-color: #95a5a6;
color: #fff;
font-size: 14px;
line-height: 100%;
font-weight: 700;
vertical-align: bottom
}
#btob_cart #cart_price dd {
color: #000;
font-size: 24px;
letter-spacing: 0.1em;
line-height: 100%;
font-weight: 700;
vertical-align: bottom
}
#btob_cart .price_tip {
padding: 8px 0 0;
font-size: 12px;
line-height: 100%
}
#btob_cart #shop_status {
padding: 0 0 50px
}
#btob_cart #shop_status .header {
width: 920px;
margin: 0 auto;
padding: 6px 19px;
display: block;
border: 1px solid #95a5a6;
-webkit-box-shadow: 0 2px 0 #95a5a6;
-moz-box-shadow: 0 2px 0 #95a5a6;
box-shadow: 0 2px 0 #95a5a6;
background-color: #ecf0f1;
border-radius: 3px;
font-weight: bold
}
#btob_cart #shop_status .inner {
width: 960px;
margin: 0 auto;
padding: 20px 0
}
#btob_cart #shop_status .inner table {
width: 960px
}
#btob_cart #shop_status .inner table tr {
display: block;
width: 960px;
margin-bottom: 5px
}
#btob_cart #shop_status .inner table th {
width: 120px;
margin-bottom: 5px;
padding: 5px 0;
background-color: #95a5a6;
color: #fff;
border-radius: 4px 0 0 4px;
font-weight: bold;
text-align: center
}
#btob_cart #shop_status .inner table td {
width: 800px;
margin-bottom: 5px;
padding: 5px 20px;
border-radius: 0 4px 4px 0;
background-color: #ecf0f1
}
#btob_cart #shop_status .inner table td#calendar {
padding: 20px 20px 15px
}
#btob_cart #shop_status .inner table td#choai_select .btn {
display: inline-block;
padding: 2px 10px;
border: 1px solid #ccc;
background-color: #fff;
opacity: 0.5;
cursor: pointer
}
#btob_cart #shop_status .inner table td#choai_select .btn.nowselect, #btob_cart #shop_status .inner table td#choai_select .btn:hover {
opacity: 1;
background-color: #e67e22;
color: #fff
}
#btob_cart #shop_status .inner table td#choai_select .btn.nowselect {
font-weight: bold
}
#btob_cart #shop_status .inner table td input {
width: 200px;
height: 24px;
margin: 7px 0 0;
padding: 4px 10px 3px;
border: 1px solid #0a0a0a;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#btob_cart #shop_status .inner table td input[readonly='readonly'] {
margin: 4px 0 3px;
border: 1px dotted #ccc;
background-color: #f5f5f5
}
#btob_cart #shop_status .inner table td .tip {
display: block
}
#btob_cart #shop_status .inner table td .today {
float: left;
width: 90px;
padding-top: 66px;
margin-right: 12px
}
#btob_cart #shop_status .inner table td .today .btn {
width: 90px;
display: block;
padding: 20px 0;
border: 1px solid #ccc;
background-color: #fff;
text-align: center;
font-size: 12px;
line-height: 100%;
cursor: pointer
}
#btob_cart #shop_status .inner table td .today .btn em {
display: block;
padding-top: 5px;
font-size: 10px;
line-height: 100%
}
#btob_cart #shop_status .inner table td .today .btn.nowselect, #btob_cart #shop_status .inner table td .today .btn:hover {
background-color: #e67e22;
font-weight: bold;
color: #fff
}
#btob_cart #shop_status .inner table td .next_0m, #btob_cart #shop_status .inner table td .next_1m, #btob_cart #shop_status .inner table td .next_2m {
float: left;
width: 222px;
margin-right: 10px
}
#btob_cart #shop_status .inner table td .next_0m .title, #btob_cart #shop_status .inner table td .next_1m .title, #btob_cart #shop_status .inner table td .next_2m .title {
width: 222px;
height: 20px;
font-weight: bold;
font-size: 12px;
line-height: 100%;
text-align: center
}
#btob_cart #shop_status .inner table td .next_0m .index, #btob_cart #shop_status .inner table td .next_1m .index, #btob_cart #shop_status .inner table td .next_2m .index {
width: 222px
}
#btob_cart #shop_status .inner table td .next_0m .index li, #btob_cart #shop_status .inner table td .next_1m .index li, #btob_cart #shop_status .inner table td .next_2m .index li {
display: block;
float: left;
width: 30px;
height: 12px;
padding: 3px 0;
margin: 0 2px 2px 0;
font-size: 12px;
line-height: 100%;
text-align: center;
background-color: #ccc
}
#btob_cart #shop_status .inner table td .next_0m .index li:nth-of-type(7n), #btob_cart #shop_status .inner table td .next_1m .index li:nth-of-type(7n), #btob_cart #shop_status .inner table td .next_2m .index li:nth-of-type(7n) {
margin: 0 0 2px 0
}
#btob_cart #shop_status .inner table td .next_0m .index li:after, #btob_cart #shop_status .inner table td .next_1m .index li:after, #btob_cart #shop_status .inner table td .next_2m .index li:after {
display: block;
clear: both;
content: ""
}
#btob_cart #shop_status .inner table td .next_0m .index:after, #btob_cart #shop_status .inner table td .next_1m .index:after, #btob_cart #shop_status .inner table td .next_2m .index:after {
display: block;
clear: both;
content: ""
}
#btob_cart #shop_status .inner table td .next_0m .date, #btob_cart #shop_status .inner table td .next_1m .date, #btob_cart #shop_status .inner table td .next_2m .date {
width: 222px
}
#btob_cart #shop_status .inner table td .next_0m .date li, #btob_cart #shop_status .inner table td .next_1m .date li, #btob_cart #shop_status .inner table td .next_2m .date li {
display: block;
float: left;
width: 30px;
height: 12px;
margin: 0 2px 2px 0;
padding: 6px 0;
background-color: #ccc;
font-size: 12px;
line-height: 100%;
text-align: center;
opacity: 0.5
}
#btob_cart #shop_status .inner table td .next_0m .date li:nth-of-type(7n), #btob_cart #shop_status .inner table td .next_1m .date li:nth-of-type(7n), #btob_cart #shop_status .inner table td .next_2m .date li:nth-of-type(7n) {
margin: 0 0 2px 0
}
#btob_cart #shop_status .inner table td .next_0m .date li.choice, #btob_cart #shop_status .inner table td .next_1m .date li.choice, #btob_cart #shop_status .inner table td .next_2m .date li.choice {
width: 28px;
padding: 5px 0;
border: 1px solid #ccc;
background-color: #fff;
opacity: 1;
cursor: pointer
}
#btob_cart #shop_status .inner table td .next_0m .date li.choice.nowselect, #btob_cart #shop_status .inner table td .next_0m .date li.choice:hover, #btob_cart #shop_status .inner table td .next_1m .date li.choice.nowselect, #btob_cart #shop_status .inner table td .next_1m .date li.choice:hover, #btob_cart #shop_status .inner table td .next_2m .date li.choice.nowselect, #btob_cart #shop_status .inner table td .next_2m .date li.choice:hover {
background-color: #e67e22;
color: #fff;
font-weight: bold
}
#btob_cart #shop_status .inner table td .next_0m .date li:empty, #btob_cart #shop_status .inner table td .next_1m .date li:empty, #btob_cart #shop_status .inner table td .next_2m .date li:empty {
background-color: transparent
}
#btob_cart #shop_status .inner table td .next_0m .date:after, #btob_cart #shop_status .inner table td .next_1m .date:after, #btob_cart #shop_status .inner table td .next_2m .date:after {
display: block;
clear: both;
content: ""
}
#btob_cart #cart_send {
width: 960px;
margin: 0 auto
}
#btob_cart #cart_send .btn {
display: block;
width: 400px;
height: 56px;
margin: 0 auto;
padding: 18px 0;
background-color: #fed900;
border: none;
-webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 0 rgba(0, 0, 0, 0.3);
border-radius: 4px;
color: #000;
font-family: 'Mplus 1p', 'Shuei MaruGo L', 'Yu Gothic', 'YuGothic', 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
font-size: 20px;
line-height: 100%;
font-weight: 700;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#btob_cart #cart_send .btn:hover {
opacity: 0.5
}
.buy_list tr td {
cursor: pointer
}
.buy_list tr td.buy_btn {
width: 210px;
text-align: center;
background-color: #498bb7;
color: #fff
}
.buy_list tbody tr:hover {
background-color: #ecf0f1
}
.buy_list tbody tr:hover td.buy_btn {
width: 210px;
text-align: center;
background-color: #e67e22;
color: #fff
}
#btob_modal {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.9);
z-index: 200
}
#btob_modal .inner {
position: absolute;
width: 900px;
height: 500px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff
}
#btob_modal .inner .header {
position: absolute;
width: 862px;
height: 16px;
padding: 17px 19px 16px;
top: -50px;
left: 0;
background-color: #f0f0f0;
border-bottom: 1px solid #ddd;
font-size: 16px;
line-height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: bold
}
#btob_modal .inner .header span {
position: absolute;
top: 0;
right: 0;
display: block;
width: 50px;
height: 16px;
padding: 17px 0 16px;
font-size: 16px;
text-align: center;
font-weight: normal;
cursor: pointer
}
#btob_modal .inner .header span:hover {
background-color: #999;
color: #fff
}
#btob_modal .inner .footer {
position: absolute;
width: 900px;
padding-top: 0;
height: 50px;
bottom: -60px;
background-color: #fff;
left: 0
}
#btob_modal .inner .footer p {
display: block;
height: 12px;
padding: 19px 0 19px 19px;
font-size: 12px;
line-height: 100%
}
#btob_modal .inner .footer #add_cart {
position: absolute;
display: block;
width: 240px;
height: 16px;
padding: 17px 0;
top: 0;
right: 0;
color: #fff;
background-color: #3498db;
font-size: 16px;
line-height: 100%;
text-align: center;
cursor: pointer
}
#btob_modal .inner .footer #add_cart:hover {
background-color: #1f78b4
}
#btob_modal .inner .color_list {
width: 100%;
height: 500px;
overflow-y: auto
}
#btob_modal .inner .color_list article {
position: relative;
float: left;
display: block;
width: 50%;
height: 160px;
padding: 15px 15px 15px 175px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#btob_modal .inner .color_list article:nth-of-type(2n) {
border-bottom: 1px solid #ddd
}
#btob_modal .inner .color_list article:nth-of-type(2n+1) {
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
#btob_modal .inner .color_list article .thumbnail {
position: absolute;
width: 159px;
height: 159px;
top: 0;
left: 0;
background-color: #f8f8f8;
background-size: cover
}
#btob_modal .inner .color_list article .thumbnail.sample:after {
position: absolute;
left: 5px;
bottom: 5px;
font-size: 10px;
line-height: 100%;
opacity: 0.7;
content: "※画像はサンプルです"
}
#btob_modal .inner .color_list article h1 {
padding-bottom: 5px;
font-size: 20px;
line-height: 100%;
font-weight: 800
}
#btob_modal .inner .color_list article h2 {
padding-bottom: 10px;
font-size: 12px;
line-height: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: 600
}
#btob_modal .inner .color_list article h3 {
position: absolute;
top: 65px;
left: 269px;
padding-bottom: 10px;
font-size: 12px;
line-height: 100%
}
#btob_modal .inner .color_list article .this_price {
padding-bottom: 10px;
display: block;
font-size: 16px;
line-height: 100%;
color: #F44336;
font-weight: bold
}
#btob_modal .inner .color_list article .this_stock {
display: block;
width: 100%;
height: 16px;
padding: 4px 0 1px;
border-radius: 2px;
font-size: 12px;
text-align: center;
line-height: 100%;
color: #fff
}
#btob_modal .inner .color_list article .this_stock.none {
background-color: #bbb
}
#btob_modal .inner .color_list article .this_stock.empty {
background-color: #e74c3c
}
.this_stock.zaiko_nashi {
background-color: #999999
}
#btob_modal .inner .color_list article .this_stock.ok {
background-color: #3498db
}
#btob_modal .inner .color_list article .this_stock.reservation {
background-color: #27ae60
}
#btob_modal .inner .color_list article .this_stock.gone {
background-color: #bbb
}
#btob_modal .inner .color_list article select {
margin-top: 5px;
width: 100%;
padding: 4px 0;
font-size: 14px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#btob_modal .inner .color_list:after {
display: block;
clear: both;
content: ""
}
body:not(#home) #breadlist {
width: 100%;
padding: 15px 0;
background-color: #111;
background-image: url(../img/bk_pickup.jpg?date=2017);
background-repeat: no-repeat;
background-position: 50% 0;
font-size: 11px;
line-height: 100%
}
body:not(#home) #breadlist .inner {
width: 960px;
margin: 0 auto
}
body:not(#home) #breadlist a {
display: inline-block;
float: left;
color: #ecf0f1
}
body:not(#home) #breadlist a:after {
display: inline-block;
padding: 0 5px;
content: ">"
}
body:not(#home) #breadlist a:hover {
opacity: 0.5
}
body:not(#home) #breadlist:after {
display: block;
clear: both;
content: ""
}
body:not(#home) #content .header {
width: 100%;
background-color: #ecf0f1
}
body:not(#home) #content .header .inner {
width: 960px;
margin: 0 auto;
padding: 40px 0 40px;
text-align: center
}
body:not(#home) #content .header .inner h1 {
font-size: 20px;
line-height: 120%;
font-weight: bold
}
body:not(#home) #content .header .inner h2 {
padding-top: 16px;
font-size: 12px;
line-height: 100%
}
body:not(#home) #content .footer {
padding-bottom: 80px;
text-align: center
}
body:not(#home) #content .footer a {
display: inline-block;
padding: 16px 20px;
border-radius: 4px;
background-color: #e0e0e0;
color: #111;
font-size: 14px;
line-height: 100%;
font-weight: bold
}
body:not(#home) #content .footer a:hover {
opacity: 0.5
}
body:not(#home) #filter {
width: 960px;
height: 40px;
margin: 0 auto
}
body:not(#home) #filter ul {
width: 960px;
text-align: center
}
body:not(#home) #filter ul li {
display: inline-block
}
body:not(#home) #filter ul li a {
display: inline-block;
height: 14px;
padding: 15px 20px 11px 20px;
border-radius: 4px 4px 0 0;
font-size: 14px;
line-height: 100%;
color: #2c3e50 !important
}
body:not(#home) #filter ul li a:hover {
background-color: #fff
}
body:not(#home) #filter ul li .active {
font-weight: bold;
background-color: #fff
}
#singular #content>.inner, #page-contact #content>.inner {
width: 800px;
margin: 50px auto
}
#singular #content>.inner h1, #page-contact #content>.inner h1 {
padding-bottom: 30px;
font-size: 22px;
font-weight: 800
}
#singular #content>.inner h2, #page-contact #content>.inner h2 {
padding-bottom: 30px;
font-size: 18px;
font-weight: 500
}
#singular #content>.inner p, #page-contact #content>.inner p {
padding: 0 0 30px;
font-size: 14px;
line-height: 200%;
font-weight: 400
}
#singular #content>.inner p strong, #page-contact #content>.inner p strong {
font-weight: 700
}
#singular #content>.inner p+h1, #singular #content>.inner p+h2, #singular #content>.inner h1+h2, #page-contact #content>.inner p+h1, #page-contact #content>.inner p+h2, #page-contact #content>.inner h1+h2 {
padding-top: 30px
}
#page-contact #contact_address {
width: 960px;
margin: 50px auto
}
#page-contact #contact_address .item {
float: left;
width: 306px;
height: 220px;
margin: 0 15px 15px 0;
padding: 30px 0;
border: 2px solid #ecf0f1;
text-align: center
}
#page-contact #contact_address .item:nth-of-type(3) {
margin-right: 0
}
#page-contact #contact_address .itembtob {
float: left;
width: 468px;
height: 200px;
margin: 0 15px 15px 0;
padding: 30px 0;
border: 2px solid #ecf0f1;
text-align: center
}
#page-contact #contact_address .itembtob:nth-of-type(2) {
margin-right: 0
}
#page-contact #contact_address .itembtob i {
font-size: 60px;
line-height: 100%
}
#page-contact #contact_address .itembtob h1 {
padding: 5px 0 20px;
font-size: 14px;
font-weight: 700;
line-height: 140%
}
#page-contact #contact_address .itembtob .value {
display: block;
font-size: 25px;
font-weight: 900
}
#page-contact #contact_address .itembtob .tip {
display: block;
padding: 20px 15px 0;
font-size: 12px;
line-height: 160%;
font-weight: 500
}
#page-contact #contact_address .itembtob .tip a {
font-weight: 700
}
#page-contact #contact_address .itembtob .tip strong {
font-weight: 700;
color: #e22e2e
}
#page-contact #contact_address .itembtob a {
color: #3498db
}
#page-contact #contact_address .itembtob a:hover {
color: #e74c3c
}
#page-contact #contact_address .item i {
font-size: 60px;
line-height: 100%
}
#page-contact #contact_address .item h1 {
padding: 5px 0 20px;
font-size: 14px;
font-weight: 700;
line-height: 140%
}
#page-contact #contact_address .item .value {
display: block;
font-size: 25px;
font-weight: 900
}
#page-contact #contact_address .item .tip {
display: block;
padding: 20px 15px 0;
font-size: 12px;
line-height: 160%;
font-weight: 500
}
#page-contact #contact_address .item .tip a {
font-weight: 700
}
#page-contact #contact_address .item .tip strong {
font-weight: 700;
color: #e22e2e
}
#page-contact #contact_address .item a {
color: #3498db
}
#page-contact #contact_address .item a:hover {
color: #e74c3c
}
#page-contact #contact_address .caution {
position: relative;
display: block;
margin: 15px 0 80px;
padding: 15px 0 15px 80px;
background-color: #e74c3c;
color: #fff;
font-size: 13px;
line-height: 180%;
font-weight: 500;
clear: both;
letter-spacing: 0.05em
}
#page-contact #contact_address .caution i {
position: absolute;
display: block;
top: 19px;
left: 23px;
color: #fff;
font-size: 40px;
line-height: 100%
}
#page-contact #contact_address .caution:before {
position: absolute;
display: block;
width: 0;
height: 0;
top: -15px;
left: 144px;
border-style: solid;
border-width: 0 11px 15px 11px;
border-color: transparent transparent #e74c3c transparent;
content: ""
}
#single-news #content>.inner {
width: 960px;
padding: 50px 0;
margin: 0 auto;
font-size: 14px;
line-height: 230%
}
#single-news #content>.inner img {
border-radius: 4px
}
#single-news #content>.inner p {
padding: 0 0 1em
}
#archive-news #content>.inner {
width: 960px;
margin: 0 auto;
padding: 40px 0
}
#archive-news dl {
border-bottom: 1px solid #ddd
}
#archive-news dl dt {
position: relative;
border-top: 1px solid #ddd;
padding: 13px 0 10px 98px;
font-size: 12px;
line-height: 100%;
color: #27ae60;
font-weight: bold
}
#archive-news dl dt>span {
position: absolute;
display: block;
width: 90px;
height: 12px;
padding: 3px 0;
top: 10px;
left: 0;
background-color: #27ae60;
color: #fff;
font-weight: normal;
border-radius: 3px;
text-align: center
}
#archive-news dl dt>span.news {
background-color: #e74c3c
}
#archive-news dl dt>span.news+em {
color: #e74c3c
}
#archive-news dl dt>span.update {
background-color: #3498db
}
#archive-news dl dt>span.update+em {
color: #3498db
}
#archive-news dl dt>span.special {
background-color: #e67e22
}
#archive-news dl dt>span.special+em {
color: #e67e22
}
#archive-news dl dt>span.newproduct {
background-color: #9b59b6
}
#archive-news dl dt>span.newproduct+em {
color: #9b59b6
}
#archive-news dl dt>span span.new {
position: absolute;
display: block;
width: 90px;
height: 12px;
padding: 3px 0;
top: 0;
left: 0;
background-color: #e62138 !important;
color: #fff;
font-weight: normal;
border-radius: 3px;
text-align: center;
z-index: 2;
-webkit-animation: newmarker 5s infinite;
-moz-animation: newmarker 5s infinite;
animation: newmarker 5s infinite;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both
}
#archive-news dl dd {
padding: 0 0 10px;
font-size: 12px;
line-height: 140%
}
#single-event #content>.inner .wrapper {
width: 960px;
padding: 50px 0 40px;
margin: 0 auto
}
#single-event #content>.inner .wrapper .poster {
float: left;
width: 320px
}
#single-event #content>.inner .wrapper .poster img {
width: 100%;
height: auto;
border-radius: 4px
}
#single-event #content>.inner .wrapper .text {
float: right;
width: 600px;
font-size: 14px;
line-height: 230%
}
#single-event #content>.inner .wrapper .text p {
padding: 0 0 1em
}
#single-event #content>.inner .wrapper:after {
display: block;
clear: both;
content: ""
}
#single-event #content>.inner {
padding-bottom: 30px
}
#single-event #content>.inner table {
display: block;
width: 946px;
padding: 5px 5px 2px;
margin: 0 auto 20px;
border: 2px solid #ecf0f1
}
#single-event #content>.inner table th {
display: block;
float: left;
width: 100px;
padding: 3px 0;
margin-bottom: 3px;
background-color: #ecf0f1;
font-weight: bold;
text-align: center
}
#single-event #content>.inner table td {
display: block;
padding: 3px 0 3px 15px;
float: left
}
#single-event #content>.inner table:after {
display: block;
clear: both;
content: ""
}
#archive-event #content>.inner {
width: 960px;
margin: 0 auto;
padding: 40px 0 80px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start
}
#archive-event #content>.inner article {
margin-bottom: 30px;
margin-right: 30px
}
#archive-event #content>.inner article:nth-of-type(3n) {
margin-right: 0
}
#archive-event #content>.inner article:empty {
height: 0 !important;
overflow: hidden
}
#archive-event #content>.inner a {
display: block;
width: 300px
}
#archive-event #content>.inner a:hover img {
opacity: 0.5
}
#archive-event #content>.inner a img {
width: 100%;
height: auto;
border-radius: 4px
}
#archive-event #content>.inner a h1 {
padding: 10px 0 0;
font-size: 14px;
line-height: 130%
}
#archive-event #content>.inner a h1 span {
display: block;
padding-bottom: 3px;
font-weight: bold
}
#page-staff #content {
padding-bottom: 80px
}
#page-staff #content>.inner {
width: 960px;
margin: 0 auto;
padding: 40px 0 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start
}
#page-staff #content>.inner>h2 {
width: 960px;
margin: 0 auto 25px;
padding: 8px 0;
border-radius: 4px;
background-color: #ecf0f1;
text-align: center;
font-weight: bold
}
#page-staff #content>.inner article {
position: relative;
width: 150px;
margin: 0 12px 12px 0
}
#page-staff #content>.inner article .image {
width: 150px;
height: 150px;
background-size: cover;
border-radius: 4px
}
#page-staff #content>.inner article .color {
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 5px;
left: 5px;
border-radius: 50%
}
#page-staff #content>.inner article h1 {
padding: 7px 0 4px;
font-size: 14px;
font-weight: bold;
line-height: 100%
}
#page-staff #content>.inner article h2 {
padding-bottom: 3px;
color: #999;
font-size: 12px;
line-height: 100%
}
#page-staff #content>.inner article a {
display: inline-block;
padding: 3px 4px;
font-size: 12px;
line-height: 100%;
border-radius: 4px;
color: #fff;
background-color: #63a6d0
}
#page-staff #content>.inner article a:hover {
opacity: 0.5
}
#page-staff #content>.inner article:nth-of-type(6n) {
margin-right: 0
}
#page-staff #content>.inner article:empty {
height: 0 !important;
overflow: hidden
}
#page-about #content>section {
width: 960px;
padding: 40px 0 30px;
margin: 0 auto
}
#page-about #content>section h1 {
width: 960px;
margin: 0 auto 25px;
padding: 8px 0;
border-radius: 4px;
background-color: #ecf0f1;
text-align: center;
font-weight: bold
}
#page-about #content>section article {
position: relative;
width: 150px;
margin: 0 12px 12px 0
}
#page-about #content>section article .image {
width: 150px;
height: 150px;
background-size: cover;
border-radius: 4px
}
#page-about #content>section article .color {
display: block;
position: absolute;
width: 14px;
height: 14px;
top: 5px;
left: 5px;
border-radius: 50%
}
#page-about #content>section article h1 {
padding: 7px 0 4px;
font-size: 14px;
font-weight: bold;
line-height: 100%
}
#page-about #content>section article h2 {
padding-bottom: 3px;
color: #999;
font-size: 12px;
line-height: 100%
}
#page-about #content>section article a {
display: inline-block;
padding: 3px 4px;
font-size: 12px;
line-height: 100%;
border-radius: 4px;
color: #fff;
background-color: #63a6d0
}
#page-about #content>section article a:hover {
opacity: 0.5
}
#page-about #content>section article:nth-of-type(6n) {
margin-right: 0
}
#page-about #content>section article:empty {
height: 0 !important;
overflow: hidden
}
#page-about #content>section.calendar table {
float: left;
width: 150px;
margin: 0 12px 12px 0;
border-collapse: collapse
}
#page-about #content>section.calendar table:nth-of-type(6n) {
margin-right: 0
}
#page-about #content>section.calendar table caption {
padding: 5px 0;
text-align: center;
font-size: 13px;
font-weight: bold;
line-height: 100%
}
#page-about #content>section.calendar table th {
padding: 3px 0;
border: 2px solid #fff;
background-color: #444;
text-align: center;
font-size: 11px;
line-height: 100%;
color: #fff
}
#page-about #content>section.calendar table td {
height: 11px;
padding: 5px 0;
border: 2px solid #fff;
background-color: #ecf0f1;
text-align: center;
font-size: 11px;
line-height: 100%
}
#page-about #content>section.calendar table td:empty {
background-color: #fff;
height: 11px
}
#page-about #content>section.calendar table td.holiday {
color: #fff;
background-color: #d63333
}
#page-about #content>section.calendar:after {
display: block;
clear: both;
content: ""
}
#page-about #content>section.office .item {
width: 960px;
padding-bottom: 25px
}
#page-about #content>section.office .item h1 {
width: 956px;
margin: 0 auto 25px;
padding: 8px 0;
border-radius: 4px;
border: 2px solid #ecf0f1;
background-color: #fff;
text-align: center;
font-weight: bold
}
#page-about #content>section.office .item .left {
width: 480px;
float: left
}
#page-about #content>section.office .item .right {
width: 450px;
float: right
}
#page-about #content>section.office .item .right dt {
font-weight: bold
}
#page-about #content>section.office .item .right dd {
padding-bottom: 10px
}
#page-about #content>section.office .item:after {
display: block;
clear: both;
content: ""
}
#page-media #content>.inner {
width: 960px;
padding: 40px 0 30px;
margin: 0 auto
}
#page-media #content>.inner#sponsor {
margin-bottom: 50px
}
#page-media #content>.inner>h2 {
width: 960px;
margin: 0 auto 25px;
padding: 8px 0;
border-radius: 4px;
background-color: #ecf0f1;
text-align: center;
font-weight: bold
}
#page-media #content>.inner .item {
margin-bottom: 20px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-align-content: flex-start;
align-content: flex-start
}
#page-media #content>.inner .item:last-of-type {
margin-bottom: 0
}
#page-media #content>.inner .item .tag {
width: 100px;
padding: 35px 0;
border-radius: 4px;
background-color: #000;
color: #fff;
text-align: center
}
#page-media #content>.inner .item .tag i {
display: block;
font-size: 30px
}
#page-media #content>.inner .item .tag span {
display: block;
padding-top: 5px;
font-size: 11px;
line-height: 100%
}
#page-media #content>.inner .item .tag.film {
background-color: #7f8c8d
}
#page-media #content>.inner .item .tag.film span {
padding-top: 8px
}
#page-media #content>.inner .item .tag.television {
background-color: #e67e22
}
#page-media #content>.inner .item .tag.newspaper {
background-color: #1abc9c
}
#page-media #content>.inner .item .body {
padding-left: 20px
}
#page-media #content>.inner .item .body .date {
color: #999;
font-size: 12px;
line-height: 100%
}
#page-media #content>.inner .item .body h1 {
font-size: 16px;
font-weight: bold;
line-height: 100%
}
#page-media #content>.inner .item .body p {
padding-top: 5px
}
#page-media #content>.inner .item .body a {
display: inline-block;
padding: 8px 10px 6px;
font-size: 12px;
line-height: 100%;
border-radius: 4px;
color: #fff;
background-color: #63a6d0;
text-decoration: none
}
#page-media #content>.inner .item .body a:hover {
opacity: 0.5
}
#archive-shop .products_list {
width: 960px;
margin: 0 auto;
padding: 40px 0 0
}
#archive-shop .products_list .area>header h1 {
width: 960px;
margin: 0 auto 25px;
padding: 8px 0;
border-radius: 4px;
background-color: #ecf0f1;
text-align: center;
font-weight: bold
}
#archive-shop .products_list .inner {
width: 960px;
padding-bottom: 40px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start
}
#archive-shop .products_list .inner .item {
width: 460px;
margin-right: 30px;
padding: 15px 0 15px;
border-top: 1px solid #ccc
}
#archive-shop .products_list .inner .item:nth-of-type(2n) {
margin-right: 0
}
#archive-shop .products_list .inner .item h1 {
font-size: 16px;
font-weight: bold
}
#archive-shop .products_list .inner .item p {
font-size: 12px;
line-height: 160%
}
#archive-shop .products_list .inner .item a {
display: inline-block;
margin-top: 5px;
padding: 8px 10px 6px;
font-size: 12px;
line-height: 100%;
border-radius: 4px;
color: #444;
background-color: #ecf0f1;
text-decoration: none
}
#archive-shop .products_list .inner .item a:hover {
opacity: 0.5
}
#archive-shop .net .products_list .inner .item {
width: 300px
}
#archive-shop .net .products_list .inner .item:nth-of-type(2n) {
margin-right: 30px
}
#archive-shop .net .products_list .inner .item:nth-of-type(3n) {
margin-right: 0
}
#all_content {
width: 960px;
margin: 0 auto 80px
}
#all_content ul li {
display: block;
float: left;
width: 300px;
padding: 0 30px 30px 0
}
#all_content ul li:nth-of-type(3n) {
padding-right: 0
}
#all_content ul li a {
display: block
}
#all_content ul li img {
width: 100%;
height: auto
}
#all_content ul li:hover {
opacity: 0.5
}
#all_content ul:after {
display: block;
clear: both;
content: ""
}
#hero_header {
width: 100%;
padding: 30px 0 26px;
margin-bottom: 30px;
background-color: #111;
background-image: url(../img/bk_pickup.jpg?date=2017);
background-repeat: no-repeat;
background-position: 50% 50%;
color: #fff;
font-size: 24px;
font-weight: bold;
line-height: 100%;
text-align: center
}
#page-eging_home #header .logo {
width: 235px;
height: 60px;
background-image: url(../img/eging/header_logo.png)
}
#page-eging_home #header .sub_nav .inner h1 {
color: #f39c12
}
#page-eging_home #header .sub_nav .inner .content li a:before {
background-color: #e67e22
}
#page-eging_home #header .main_nav ul li:nth-of-type(1) {
background-image: url(../img/eging/nav_product.png)
}
#page-eging_home #header .main_nav ul li:nth-of-type(2) {
background-image: url(../img/eging/nav_movie.png)
}
#page-eging_home #header .main_nav ul li:nth-of-type(3) {
background-image: url(../img/eging/nav_magazine.png)
}
#page-eging_home #header .main_nav ul li:nth-of-type(4) {
background-image: url(../img/eging/nav_news.png)
}
#page-eging_home #header .main_nav ul li:nth-of-type(5) {
background-image: url(../img/eging/nav_webshop.png)
}
#page-eging_home #header .main_nav ul li:after {
background-color: #e67e22
}
#page-eging_home #header .search_nav h1 {
background-image: url(../img/eging/header_search_arrow.png);
background-color: #e67e22;
color: #fff;
font-weight: normal
}
#page-eging_home #new_products {
padding: 30px 0 25px
}
#page-eging_home #new_products header {
background-image: url(../img/eging/title_newproducts.png)
}
#page-eging_home #new_products header .nav {
left: 174px
}
#page-eging_home #event header h1 {
background-image: url(../img/eging/title_event.png)
}
#page-eging_home #map_list {
width: 100%;
background-color: #111;
background-image: url(../img/bk_pickup.jpg?date=2017);
background-repeat: no-repeat;
background-position: 50% 50%
}
#page-eging_home #map_list .inner {
position: relative;
width: 960px;
height: 420px;
padding: 80px 0;
background-image: url(../img/eging/eging_title.png);
background-position: 0 40px;
background-repeat: no-repeat;
margin: 0 auto
}
#page-eging_home #map_list .inner .map {
position: absolute;
width: 620px;
height: 515px;
top: 65px;
right: -80px;
z-index: 1;
background-image: url(../img/eging/japan_map.png);
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 15px
}
#page-eging_home #map_list .inner .map div {
position: absolute;
width: 620px;
height: 515px;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 15px;
opacity: 0
}
#page-eging_home #map_list .inner .map div:nth-of-type(1) {
background-image: url(../img/eging/japan_map_01.png)
}
#page-eging_home #map_list .inner .map div:nth-of-type(2) {
background-image: url(../img/eging/japan_map_02.png)
}
#page-eging_home #map_list .inner .map div:nth-of-type(3) {
background-image: url(../img/eging/japan_map_03.png)
}
#page-eging_home #map_list .inner .map div:nth-of-type(4) {
background-image: url(../img/eging/japan_map_04.png)
}
#page-eging_home #map_list .inner .map div:nth-of-type(5) {
background-image: url(../img/eging/japan_map_05.png)
}
#page-eging_home #map_list .inner .map div:nth-of-type(6) {
background-image: url(../img/eging/japan_map_06.png)
}
#page-eging_home #map_list .inner .map div:nth-of-type(7) {
background-image: url(../img/eging/japan_map_07.png)
}
#page-eging_home #map_list .inner .map div:nth-of-type(8) {
background-image: url(../img/eging/japan_map_08.png)
}
#page-eging_home #map_list .inner .map div:nth-of-type(9) {
background-image: url(../img/eging/japan_map_09.png)
}
#page-eging_home #map_list .inner .areas {
position: relative;
z-index: 2
}
#page-eging_home #map_list .inner .areas .area {
position: relative;
float: left
}
#page-eging_home #map_list .inner .areas .area a {
display: block;
width: 150px;
height: 60px;
padding: 8px 8px 8px 100px;
margin: 0 6px 6px 0;
background-color: #fff;
border-radius: 4px
}
#page-eging_home #map_list .inner .areas .area .thumbnail {
position: absolute;
width: 80px;
height: 60px;
top: 8px;
left: 8px;
background-color: #ecf0f1;
background-size: contain;
background-repeat: no-repeat;
background-position: 50% 50%
}
#page-eging_home #map_list .inner .areas .area h1 {
display: inline-block;
font-size: 17px;
font-weight: bold;
line-height: 17px
}
#page-eging_home #map_list .inner .areas .area dl {
padding-top: 2px
}
#page-eging_home #map_list .inner .areas .area dl dt {
float: left;
display: block;
width: 54px;
margin-bottom: 3px;
padding: 2px 0;
background-color: #95a5a6;
color: #fff;
border-radius: 3px;
font-size: 11px;
line-height: 100%;
text-align: center
}
#page-eging_home #map_list .inner .areas .area dl dd {
float: left;
display: block;
width: 90px;
margin-bottom: 3px;
padding: 2px 0 2px 6px;
font-size: 11px;
line-height: 100%
}
#page-eging_home #map_list .inner .areas .area dl:after {
display: block;
clear: both;
content: ""
}
#page-eging_home #map_list .inner .areas:after {
display: block;
clear: both;
content: ""
}
#page-eging_home #map_list .inner .pickup {
position: absolute;
width: 360px;
height: 189px;
padding: 2px;
top: 340px;
left: 0;
border-radius: 4px;
background-color: #fff
}
#page-eging_home #map_list .inner .pickup img {
width: 360px;
height: 189px
}
#single-products #content>.header {
position: relative
}
#single-products #content>.header .inner {
padding-bottom: 50px !important;
text-align: left !important
}
#single-products #content>.header #filter .list ul {
text-align: left !important
}
#single-products #content>.header .series_banner {
position: absolute;
width: 300px;
height: 162px;
top: 0;
right: 50%;
margin-right: -480px
}
#single-products #content>.header .series_banner img {
position: absolute;
max-width: 300px;
height: auto;
margin: auto 0 auto auto;
top: 0;
right: 0;
bottom: 0;
left: 0
}
#single-products #content>.header h1 {
display: inline-block;
font-size: 26px !important;
line-height: 120% !important;
font-weight: 600
}
#single-products #content>.header h2 {
display: inline-block;
padding: 20px 0 0 10px !important;
font-size: 26px !important;
line-height: 120% !important;
font-weight: 600
}
#single-products #introduction {
width: 960px;
margin: 0 auto;
padding: 40px 0 0
}
#single-products #introduction .inner .left {
float: left;
width: 430px
}
#single-products #introduction .inner .left #products_slider {
background-color: #ecf0f1
}
#single-products #introduction .inner .left #products_slider li {
width: 430px;
height: 260px
}
#single-products #introduction .inner .left #products_slider img {
width: 430px !important;
height: 260px !important
}
#single-products #introduction .inner .left #products_slider_nav li {
float: left;
display: block;
margin: 4px 4px 0 0;
width: 58px;
height: 42px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #ecf0f1;
opacity: 0.5
}
#single-products #introduction .inner .left #products_slider_nav li:nth-of-type(7n) {
margin-right: 0
}
#single-products #introduction .inner .left #products_slider_nav li:hover, #single-products #introduction .inner .left #products_slider_nav li.active {
opacity: 1;
position: relative
}
#single-products #introduction .inner .left #products_slider_nav li:hover:after, #single-products #introduction .inner .left #products_slider_nav li.active:after {
position: absolute;
display: block;
top: 0;
left: 0;
width: 54px;
height: 38px;
border: 2px solid #444;
content: ""
}
#single-products #introduction .inner .right {
float: right;
width: 490px
}
#single-products #introduction .inner .right p {
padding-bottom: 10px;
font-size: 13px;
line-height: 180%;
font-weight: 500
}
#single-products #introduction .inner .right h1 {
padding-bottom: 20px;
font-size: 16px;
line-height: 160%;
font-weight: 600
}
#single-products #introduction .inner .right img {
padding-bottom: 10px
}
#single-products #introduction .inner:after {
display: block;
clear: both;
content: ""
}
#single-products #special {
width: 100%;
margin-top: 40px;
background-size: cover;
background-position: 50% 50%;
background-attachment: fixed
}
#single-products #special .inner {
width: 100%;
padding: 30px 0;
text-align: center;
background-color: rgba(40, 40, 40, 0.7)
}
#single-products #special .inner a {
display: inline-block;
padding: 15px 25px;
background-color: #fff;
border-radius: 4px;
font-size: 14px;
line-height: 100%;
font-weight: 600;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.1)
}
#single-products #feature {
width: 100%;
margin: 40px auto 0;
padding: 40px 0 0;
background-color: #ecf0f1
}
#single-products #feature .inner {
width: 960px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start
}
#single-products #feature .inner .point {
width: 460px;
padding: 0 40px 40px 0
}
#single-products #feature .inner .point:nth-of-type(2n) {
padding-right: 0
}
#single-products #feature .inner .point .left {
float: left;
width: 150px
}
#single-products #feature .inner .point .left .thumbnail {
display: block;
background-size: contain;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #fff;
border-radius: 4px;
width: 150px;
height: 150px
}
#single-products #feature .inner .point .right {
float: right;
width: 290px
}
#single-products #feature .inner .point .right h1 {
padding: 10px 0 3px;
font-size: 16px;
font-weight: bold
}
#single-products #feature .inner .point .right h2 {
width: 100%;
margin: 1px 0 5px;
padding: 5px 0;
background-color: #ccc;
text-align: center;
font-size: 12px;
line-height: 100%
}
#single-products #feature .inner .point .right p {
padding-top: 3px;
font-size: 12px;
text-align: justify;
font-feature-settings: "palt";
line-height: 160%;
font-weight: 500
}
#single-products #feature .inner .point .right p a.btn, #single-products #feature .inner .point .right p a.swipe {
position: relative;
float: right;
display: inline-block;
margin-top: 10px;
padding: 8px 10px 7px;
font-size: 14px;
line-height: 100%;
border-radius: 4px;
color: #fff;
background-color: #63a6d0;
text-decoration: none
}
#single-products #feature .inner .point .right p a.btn img, #single-products #feature .inner .point .right p a.swipe img {
position: absolute;
width: 0;
height: 0;
top: 0;
left: 0
}
#single-products #feature .inner .point .right p a.btn:hover, #single-products #feature .inner .point .right p a.swipe:hover {
opacity: 0.5
}
#single-products #feature .inner .point:after {
display: block;
clear: both;
content: ""
}
#single-products #special+#feature {
margin-top: 0
}
#single-products #color {
width: 960px;
margin: 0 auto;
padding: 70px 0 0
}
#single-products #color .header {
position: relative;
padding-bottom: 8px;
background-color: transparent !important;
border-bottom: 1px solid #ccc
}
#single-products #color .header h1 {
font-size: 16px;
font-weight: bold;
line-height: 100%
}
#single-products #color .header .view {
position: absolute;
top: -3px;
right: 0
}
#single-products #color .header .view dt {
display: inline-block;
padding: 6px 5px 0 0;
font-size: 12px;
line-height: 100%;
vertical-align: top
}
#single-products #color .header .view dd {
display: inline-block;
padding: 0 2px 0 3px;
font-size: 14px;
line-height: 100%;
color: #bbb;
cursor: pointer
}
#single-products #color .header .view dd.active, #single-products #color .header .view dd:hover {
color: #111
}
#single-products #color .filter {
margin-top: 8px;
background-color: #ecf0f1;
line-height: 100%
}
#single-products #color .filter dl dt, #single-products #color .filter dl dd {
display: inline-block;
padding: 8px 0 0 12px;
font-size: 12px;
line-height: 100%
}
#single-products #color .filter dl dt {
padding: 8px 10px;
background-color: #ccc
}
#single-products #color .filter dl dd {
cursor: pointer;
color: #999
}
#single-products #color .filter dl dd.active {
color: #000;
font-weight: bold
}
#single-products #color .filter dl dd:hover {
color: #000
}
#single-products #color .inner {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start
}
#single-products #color .inner>h2 {
display: block;
width: 100%;
padding: 5px 3px;
margin-top: 30px;
border: 2px solid #ecf0f1;
border-radius: 4px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
text-align: center
}
#single-products #color .inner.column .item {
position: relative;
width: 180px;
min-height: 100px;
margin: 30px 30px 0 0;
padding-left: 120px
}
#single-products #color .inner.column .item:nth-of-type(3n) {
margin-right: 0
}
#single-products #color .inner.column .item .thumbnail {
position: absolute;
width: 100px;
height: 100px;
top: 0;
left: 0;
background-size: cover;
background-color: #ecf0f1;
border-radius: 4px
}
#single-products #color .inner.column .item .thumbnail img {
width: 100px;
height: 100px;
border-radius: 4px
}
#single-products #color .inner.column .item h2 {
font-size: 12px;
color: #999;
line-height: 100%
}
#single-products #color .inner.column .item .tags {
padding: 8px 0 4px;
line-height: 100%
}
#single-products #color .inner.column .item .tags li {
display: inline-block;
margin: 0 3px 3px 0;
padding: 3px 6px 2px;
border-radius: 4px;
background-color: #999;
font-size: 11px;
line-height: 100%;
color: #fff
}
#single-products #color .inner.column .item .tags li.master {
background-color: #e74c3c;
color: #fff
}
#single-products #color .inner.column .item .tags li.collabo {
background-color: #1abc9c;
color: #fff
}
#single-products #color .inner.column .item .tags li.glow {
background-color: #2c3e50;
color: #ffff00
}
#single-products #color .inner.column .item .tags li.blue, #single-products #color .inner.column .item .tags li.blueglow {
background-color: #2c3e50;
color: #25eeff
}
#single-products #color .inner.column .item .tags li.uv {
background-color: #9b59b6;
color: #fff
}
#single-products #color .inner.column .item .tags li.pink {
background-color: #FF5B84;
color: #fff
}
#single-products #color .inner.column .item p {
padding-top: 8px;
font-size: 12px;
line-height: 140%
}
#single-products #color .inner.column .item ul+p {
padding-top: 0
}
#single-products #color .inner.wide .item {
position: relative;
width: 290px;
min-height: 150px;
margin: 30px 40px 0 0;
padding-left: 170px
}
#single-products #color .inner.wide .item.right_edge {
margin-right: 0
}
#single-products #color .inner.wide .item .thumbnail {
position: absolute;
width: 150px;
height: 150px;
top: 0;
left: 0;
background-size: cover;
background-color: #ecf0f1;
border-radius: 4px
}
#single-products #color .inner.wide .item .thumbnail img {
width: 150px;
height: 150px;
border-radius: 4px
}
#single-products #color .inner.wide .item h2 {
font-size: 12px;
color: #999;
line-height: 100%
}
#single-products #color .inner.wide .item .tags {
padding-top: 2px
}
#single-products #color .inner.wide .item .tags li {
display: inline-block;
margin: 0 6px 6px 0;
padding: 3px 6px 2px;
border-radius: 4px;
background-color: #999;
font-size: 11px;
line-height: 100%;
color: #fff
}
#single-products #color .inner.wide .item .tags li.master {
background-color: #e74c3c;
color: #fff
}
#single-products #color .inner.wide .item .tags li.fueki {
background-color: #1abc9c;
color: #fff
}
#single-products #color .inner.wide .item .tags li.glow {
background-color: #b3d467;
color: #fff
}
#single-products #color .inner.wide .item .tags li.blue, #single-products #color .inner.wide .item .tags li.blueglow {
background-color: #6ac8f2;
color: #fff
}
#single-products #color .inner.wide .item .tags li.uv {
background-color: #aa71e2;
color: #fff
}
#single-products #color .inner.wide .item .tags li.pink {
background-color: #FF5B84;
color: #fff
}
#single-products #color .inner.wide .item .tags li.doubleglow {
background-color: #149ba0;
color: #fff
}
#single-products #color .inner.wide .item .tags li.spblueglow {
background-color: #1e73be;
color: #fff
}
#single-products #color .inner.wide .item p {
padding-top: 8px;
font-size: 12px;
line-height: 140%
}
#single-products #color .inner.wide .item ul+p {
padding-top: 0
}
#single-products #color .inner.thumbnail .item {
position: relative;
width: 150px;
margin: 30px 12px 0 0
}
#single-products #color .inner.thumbnail .item:nth-of-type(6n) {
margin-right: 0
}
#single-products #color .inner.thumbnail .item .thumbnail {
display: block;
width: 150px;
height: 150px;
background-size: cover;
background-color: #ecf0f1;
border-radius: 4px
}
#single-products #color .inner.thumbnail .item .thumbnail img {
width: 150px;
height: 150px;
border-radius: 4px
}
#single-products #color .inner.thumbnail .item h2 {
font-size: 12px;
color: #999;
line-height: 100%
}
#single-products #color .inner.thumbnail .item .tags {
padding-top: 2px
}
#single-products #color .inner.thumbnail .item .tags li {
display: inline-block;
margin: 0 6px 6px 0;
padding: 3px 6px 2px;
border-radius: 4px;
background-color: #999;
font-size: 11px;
line-height: 100%;
color: #fff
}
#single-products #color .inner.thumbnail .item .tags li.master {
background-color: #e74c3c;
color: #fff
}
#single-products #color .inner.thumbnail .item .tags li.fueki {
background-color: #1abc9c;
color: #fff
}
#single-products #color .inner.thumbnail .item .tags li.glow {
background-color: #2c3e50;
color: #ffff00
}
#single-products #color .inner.thumbnail .item .tags li.blue, #single-products #color .inner.thumbnail .item .tags li.blueglow {
background-color: #2c3e50;
color: #42b3ff
}
#single-products #color .inner.thumbnail .item .tags li.uv {
background-color: #9b59b6;
color: #fff
}
#single-products #color .inner.thumbnail .item .tags li.pink {
background-color: #FF5B84;
color: #fff
}
#single-products #color .inner.thumbnail .item p {
display: none
}
#single-products #color .inner .item h1 {
padding: 10px 0 5px
}
#single-products #color .inner .item h1 .new_label {
float: left;
display: block;
margin-right: 5px;
padding: 2px 3px 2px;
background-color: #e74c3c;
border-radius: 4px;
color: #fff;
font-size: 10px;
line-height: 100%;
font-weight: 600
}
#single-products #color .inner .item h1 .name {
float: left;
display: block;
font-size: 14px;
font-weight: bold;
line-height: 100%
}
#single-products #color .inner .item h1:after {
display: block;
clear: both;
content: ""
}
#single-products #spec {
width: 960px;
margin: 0 auto;
padding: 70px 0 0
}
#single-products #spec .header {
position: relative;
padding-bottom: 8px;
background-color: transparent !important;
border-bottom: 1px solid #ccc
}
#single-products #spec .header h1 {
font-size: 16px;
font-weight: bold;
line-height: 100%
}
#single-products #spec .header .view {
position: absolute;
top: -3px;
right: 0
}
#single-products #spec .header .view dt {
display: inline-block;
padding: 6px 5px 0 0;
font-size: 12px;
line-height: 100%;
vertical-align: top
}
#single-products #spec .header .view dd {
display: inline-block;
padding: 0 2px 0 3px;
font-size: 14px;
line-height: 100%;
color: #bbb;
cursor: pointer
}
#single-products #spec .header .view dd span {
vertical-align: top;
display: inline-block;
padding: 0 0 0 6px;
font-size: 12px
}
#single-products #spec .header .view dd.active, #single-products #spec .header .view dd:hover {
color: #111
}
#single-products #spec .inner table {
width: 100%;
margin: 20px 0 10px
}
#single-products #spec .inner table.code {
display: none
}
#single-products #spec .inner table caption {
margin-bottom: 10px;
padding: 8px 0 6px 0;
background-color: #ecf0f1;
line-height: 100%;
font-weight: bold;
text-align: center;
font-size: 14px
}
#single-products #spec .inner table thead tr {
border-bottom: 2px solid #ccc
}
#single-products #spec .inner table thead tr th, #single-products #spec .inner table thead tr td {
padding: 5px 0;
font-weight: 500
}
#single-products #spec .inner table tbody tr {
border-bottom: 1px solid #ccc
}
#single-products #spec .inner table tbody tr th, #single-products #spec .inner table tbody tr td {
padding: 5px 0
}
#single-products #spec .inner table tbody tr.new th, #single-products #spec .inner table tbody tr.new td {
color: #e74c3c
}
#single-products #spec .inner table tbody tr.new td:first-of-type {
position: relative;
padding-left: 35px
}
#single-products #spec .inner table tbody tr.new td:first-of-type:before {
display: block;
position: absolute;
top: 11px;
left: 0;
padding: 1px 3px 2px 4px;
border-radius: 10px;
background-color: #e74c3c;
color: #fff;
font-size: 10px;
line-height: 100%;
font-weight: 700;
content: "NEW"
}
#single-products #movie {
width: 960px;
margin: 0 auto;
padding: 40px 0 0
}
#single-products #movie .header {
position: relative;
padding-bottom: 8px;
background-color: transparent !important;
border-bottom: 1px solid #ccc
}
#single-products #movie .header h1 {
font-size: 16px;
font-weight: bold;
line-height: 100%
}
#single-products #movie .inner {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-align-content: flex-start;
align-content: flex-start
}
#single-products #movie .inner .item {
position: relative;
width: 290px;
min-height: 84px;
margin: 30px 40px 0 0;
padding-left: 170px
}
#single-products #movie .inner .item:nth-of-type(2n) {
margin-right: 0
}
#single-products #movie .inner .item .thumbnail {
position: absolute;
display: block;
width: 150px;
height: 84px;
top: 0;
left: 0;
background-size: cover;
background-color: #ecf0f1;
background-position: 50% 50%;
border-radius: 4px
}
#single-products #movie .inner .item .thumbnail:hover {
opacity: 0.5
}
#single-products #movie .inner .item h1 {
font-size: 14px;
line-height: 150%;
font-weight: 500
}
#single-products #movie .inner .item h1 br {
display: none
}
#single-products .free {
width: 960px;
margin: 0 auto;
padding: 40px 0 0
}
#single-products .free .header {
position: relative;
padding-bottom: 8px;
background-color: transparent !important;
border-bottom: 1px solid #ccc
}
#single-products .free .header h1 {
font-size: 16px;
font-weight: bold;
line-height: 100%
}
#single-products .free .header:empty {
display: none
}
#single-products .footer {
padding-top: 50px
}
#archive-products #breadlist h1 {
padding: 30px 0 25px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff
}
#archive-products #category_list {
width: 100%;
height: 746px;
position: relative;
background-color: #ecf0f1;
overflow: hidden;
-webkit-transition: height .5s ease;
-moz-transition: height .5s ease;
-o-transition: height .5s ease;
transition: height 0.5s ease
}
#archive-products #category_list.close {
height: 50px
}
#archive-products #category_list.close .toggle .open {
opacity: 1;
top: 0
}
#archive-products #category_list .wrapper {
width: 960px;
margin: 0 auto
}
#archive-products #category_list .wrapper .list {
display: block;
float: left;
width: 460px;
padding: 50px 0 20px
}
#archive-products #category_list .wrapper .list a {
color: #2c3e50
}
#archive-products #category_list .wrapper .list a:hover {
opacity: 0.5
}
#archive-products #category_list .wrapper .list.main {
width: 960px;
padding-bottom: 10px
}
#archive-products #category_list .wrapper .list.main dl dt {
display: none
}
#archive-products #category_list .wrapper .list.main dl dd {
display: block;
float: left;
width: 316px;
height: 80px;
margin: 0 6px 6px 0
}
#archive-products #category_list .wrapper .list.main dl dd:nth-of-type(3n) {
margin: 0 0 0 0
}
#archive-products #category_list .wrapper .list.main dl dd a {
position: relative;
display: block;
width: 316px;
height: 80px;
padding: 20px 0 24px 115px;
border: 1px solid #e8e8e8;
background-color: #fff;
background-size: 100px 100px;
background-position: 6px 50%;
background-repeat: no-repeat;
font-size: 18px;
line-height: 120%;
font-weight: 600;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05)
}
#archive-products #category_list .wrapper .list.main dl dd a .tip {
display: block;
padding-top: 1px;
font-size: 12px;
font-weight: 400
}
#archive-products #category_list .wrapper .list.main dl dd a:before {
position: absolute;
display: block;
width: 0;
height: 0;
top: 0;
left: 0;
border-style: solid;
border-width: 24px 24px 0 0;
border-color: #f0f0f0 transparent transparent transparent;
content: "";
z-index: 2
}
#archive-products #category_list .wrapper .list.main dl dd a:after {
position: absolute;
display: block;
width: 0;
height: 0;
top: 2px;
left: 2px;
color: #fff;
font-size: 10px;
line-height: 100%;
text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
content: "NEW";
z-index: 3
}
#archive-products #category_list .wrapper .list.main dl dd a.new:before {
border-color: #e67e22 transparent transparent transparent
}
#archive-products #category_list .wrapper .list.main dl dd a.new:after {
text-shadow: #e67e22 1px 1px 0px, #e67e22 -1px 1px 0px, #e67e22 1px -1px 0px, #e67e22 -1px -1px 0px;
content: "NEW"
}
#archive-products #category_list .wrapper .list.main dl dd a.hot:before {
border-color: #e74c3c transparent transparent transparent
}
#archive-products #category_list .wrapper .list.main dl dd a.hot:after {
text-shadow: #e74c3c 1px 1px 0px, #e74c3c -1px 1px 0px, #e74c3c 1px -1px 0px, #e74c3c -1px -1px 0px;
content: "HOT"
}
#archive-products #category_list .wrapper .list.main dl dd a.event:before {
border-color: #1abc9c transparent transparent transparent
}
#archive-products #category_list .wrapper .list.main dl dd a.event:after {
text-shadow: #1abc9c 1px 1px 0px, #1abc9c -1px 1px 0px, #1abc9c 1px -1px 0px, #1abc9c -1px -1px 0px;
content: "EVENT"
}
#archive-products #category_list .wrapper .list.main dl:after {
display: block;
clear: both;
content: ""
}
#archive-products #category_list .wrapper .list.style {
padding-right: 40px
}
#archive-products #category_list .wrapper .list.style, #archive-products #category_list .wrapper .list.category {
padding-top: 20px
}
#archive-products #category_list .wrapper .list.style dl dt, #archive-products #category_list .wrapper .list.category dl dt {
width: 458px;
margin-bottom: 10px;
padding: 4px 0;
border: 1px solid #ccc;
text-align: center
}
#archive-products #category_list .wrapper .list.style dl dd, #archive-products #category_list .wrapper .list.category dl dd {
display: block;
float: left;
width: 228px;
height: 60px;
margin: 0 4px 4px 0
}
#archive-products #category_list .wrapper .list.style dl dd:nth-of-type(2n), #archive-products #category_list .wrapper .list.category dl dd:nth-of-type(2n) {
margin: 0 0 4px 0
}
#archive-products #category_list .wrapper .list.style dl dd a, #archive-products #category_list .wrapper .list.category dl dd a {
position: relative;
display: block;
width: 228px;
height: 60px;
padding: 23px 0 23px 95px;
border: 1px solid #e8e8e8;
background-color: #fff;
background-size: 80px 80px;
background-position: 5px 50%;
background-repeat: no-repeat;
font-size: 14px;
line-height: 120%;
font-weight: 600;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
-moz-box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05)
}
#archive-products #category_list .wrapper .list.style dl dd a:after, #archive-products #category_list .wrapper .list.category dl dd a:after {
position: absolute;
display: block;
width: 0;
height: 0;
top: 0;
left: 0;
border-style: solid;
border-width: 12px 12px 0 0;
border-color: #f0f0f0 transparent transparent transparent;
content: ""
}
#archive-products #category_list .wrapper .list.style dl dd a.eging:after, #archive-products #category_list .wrapper .list.category dl dd a.eging:after {
border-color: #f39c12 transparent transparent transparent
}
#archive-products #category_list .wrapper .list.style dl dd a.fresh:after, #archive-products #category_list .wrapper .list.category dl dd a.fresh:after {
border-color: #2ecc71 transparent transparent transparent
}
#archive-products #category_list .wrapper .list.style dl dd a.salt:after, #archive-products #category_list .wrapper .list.category dl dd a.salt:after {
border-color: #3498db transparent transparent transparent
}
#archive-products #category_list .wrapper .list.style dl dd a.line:after, #archive-products #category_list .wrapper .list.category dl dd a.line:after {
border-color: #a14ebf transparent transparent transparent
}
#archive-products #category_list .wrapper .list.style dl:after, #archive-products #category_list .wrapper .list.category dl:after {
display: block;
clear: both;
content: ""
}
#archive-products #category_list .wrapper:after {
display: block;
clear: both;
content: ""
}
#archive-products #category_list .toggle {
width: 100%;
padding: 0 0 20px;
background-color: #ecf0f1;
color: #ccc;
font-size: 20px;
line-height: 100%;
text-align: center;
cursor: pointer;
font-weight: 600
}
#archive-products #category_list .toggle .open {
position: absolute;
display: block;
width: 100%;
height: 14px;
top: -50px;
left: 0;
padding: 18px 0 18px;
background-color: #ecf0f1;
color: #222;
font-size: 14px;
line-height: 100%;
text-align: center;
overflow: hidden;
opacity: 0;
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all 0.5s ease
}
#archive-products #category_list .toggle .open:hover {
color: #ccc;
background-color: #222
}
#archive-products #category_list .toggle:hover {
color: #333
}
#archive-products h2.title {
position: relative;
display: block;
width: 926px;
margin: 50px auto 40px;
padding: 12px 15px 8px;
border: 2px solid #ddd;
font-size: 18px;
line-height: 100%;
font-weight: bold;
-webkit-transition: marginTop .6s ease;
-moz-transition: marginTop .6s ease;
-o-transition: marginTop .6s ease;
transition: marginTop 0.6s ease
}
#archive-products h2.title.nav_fixed {
margin-top: 431px
}
#archive-products h2.title span {
position: absolute;
right: 0;
top: -20px;
font-size: 12px;
font-weight: normal;
line-height: 100%
}
#archive-products .filter {
width: 924px;
margin: -35px auto 40px;
padding: 6px 18px 7px;
background-color: #ecf0f1
}
#archive-products .filter h1 {
display: inline-block;
padding: 5px 10px 5px 0;
font-size: 14px;
line-height: 100%;
font-weight: 700
}
#archive-products .filter h1 i {
margin-right: 5px
}
#archive-products .filter a {
display: inline-block;
padding: 5px 10px;
background-color: #fff;
font-size: 14px;
line-height: 100%;
font-weight: 600
}
#archive-products #category_tabs {
width: 960px;
margin: -15px auto 30px
}
#archive-products #category_tabs ul {
display: block;
position: relative;
width: 100%;
padding: 10px 0 0;
background-color: #ecf0f1;
text-align: center
}
#archive-products #category_tabs ul li {
display: inline-block;
position: relative;
font-size: 16px;
padding: 10px 12px 9px;
border-radius: 4px 4px 0 0;
background-color: #fff;
color: #2c3e50;
line-height: 100%;
font-weight: 700;
cursor: pointer;
z-index: 2
}
#archive-products #category_tabs ul li:hover {
background-color: #2c3e50;
color: #ecf0f1
}
#archive-products #category_tabs ul li.active {
background-color: #2c3e50;
color: #ffffff
}
#archive-products #category_tabs.off, #archive-products #category_tabs .off {
display: none
}
#archive-products #products_list {
width: 960px;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-align-content: flex-start;
align-content: flex-start
}
#archive-products #products_list .item {
position: relative;
width: 310px;
min-height: 140px;
margin: 0 20px 40px 0;
padding-left: 160px
}
#archive-products #products_list .item.right {
margin-right: 0
}
#archive-products #products_list .item .thumbnail {
position: absolute;
width: 140px;
height: 140px;
top: 0;
left: 0;
background-size: 130px 130px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-color: #ecf0f1;
border-radius: 4px
}
#archive-products #products_list .item a {
display: block;
color: #2c3e50
}
#archive-products #products_list .item a:hover {
opacity: 0.5
}
#archive-products #products_list .item h1 {
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 140%
}
#archive-products #products_list .item h2 {
display: inline-block;
font-size: 16px;
line-height: 140%
}
#archive-products #products_list .item .tag {
line-height: 100%
}
#archive-products #products_list .item .tag li, #archive-products #products_list .item .tag a {
display: inline-block;
margin: 3px 5px 0 0;
padding: 0 5px 1px;
border-radius: 3px;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
background-color: #888;
color: #fff;
font-size: 12px;
line-height: 180%;
vertical-align: top;
white-space: nowrap
}
#archive-products #products_list .item .tag li span, #archive-products #products_list .item .tag a span {
position: relative;
display: inline-block;
margin: 0 0 0 5px;
padding: 0 0 0 5px
}
#archive-products #products_list .item .tag li span:after, #archive-products #products_list .item .tag a span:after {
position: absolute;
display: block;
top: 0;
left: 0;
padding: 0 6px 1px 5px;
border-radius: 0 3px 3px 0;
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
color: #222;
content: attr(data-date)
}
#archive-products #products_list .item .tag li.new, #archive-products #products_list .item .tag a.new {
background-color: #e74c3c;
margin-right: 6px
}
#archive-products #products_list .item .tag li.new_c, #archive-products #products_list .item .tag a.new_c {
background-color: #e74c3c;
margin-right: 6px
}
#archive-products #products_list .item .tag li.coming, #archive-products #products_list .item .tag a.coming {
background-color: #34495e
}
#archive-products #products_list .item .tag li.release, #archive-products #products_list .item .tag a.release {
background-color: #ff9334
}
#archive-products #products_list .item .tag li.color_c, #archive-products #products_list .item .tag a.color_c {
background-color: #16a085;
margin-right: 6px
}
#archive-products #products_list .item .tag li.size_c, #archive-products #products_list .item .tag a.size_c {
background-color: #16a085;
margin-right: 6px
}
#archive-products #products_list .item .tag li.color, #archive-products #products_list .item .tag a.color {
background-color: #16a085;
margin-right: 6px
}
#archive-products #products_list .item .tag li.size, #archive-products #products_list .item .tag a.size {
background-color: #16a085;
margin-right: 6px
}
#archive-products #products_list .item .tag li.special, #archive-products #products_list .item .tag a.special {
background-color: #317dd3
}
#archive-products #products_list .item .tag a:hover {
opacity: 0.5
}
#archive-products #products_list .item p {
padding-top: 10px
}
#archive-products #products_list .item p, #archive-products #products_list .item p span {
font-size: 12px !important;
line-height: 150% !important;
color: #2c3e50 !important;
text-decoration: none !important;
font-weight: normal !important;
text-align: justify
}
#archive-products #products_list .item p br, #archive-products #products_list .item p span br {
display: none
}
#archive-movie #movie_slider {
position: relative;
width: 100%;
height: 550px;
background-color: #111;
background-image: url(../img/bk_pickup.jpg?date=2017);
background-repeat: no-repeat;
background-position: 50% 0;
overflow: hidden
}
#archive-movie #movie_slider .inner {
position: absolute;
width: 2160px;
height: 550px;
top: 0;
left: 50%;
margin-left: -1080px
}
#archive-movie #movie_slider .inner .movie {
width: 720px;
height: 550px;
outline: none;
opacity: 0.4;
-webkit-transition: opacity .8s ease;
-moz-transition: opacity .8s ease;
-o-transition: opacity .8s ease;
transition: opacity 0.8s ease
}
#archive-movie #movie_slider .inner .movie.slick-center {
opacity: 1
}
#archive-movie #movie_slider .inner .movie .player {
width: 640px;
height: 360px;
padding: 30px 40px 0
}
#archive-movie #movie_slider .inner .movie .caption {
position: relative;
width: 640px;
height: 135px;
padding: 25px 40px 0;
color: #fff
}
#archive-movie #movie_slider .inner .movie .caption h1 {
font-size: 14px;
line-height: 140%
}
#archive-movie #movie_slider .inner .movie .caption h1 br {
display: none
}
#archive-movie #movie_slider .inner .movie .caption p {
width: 500px;
height: 54px;
padding-top: 10px;
font-size: 12px;
line-height: 18px;
overflow: hidden;
color: #999
}
#archive-movie #movie_slider .inner .movie .caption .btn {
position: absolute;
display: block;
bottom: 35px;
right: 40px;
border: 1px solid #999;
width: 120px;
padding: 7px 0;
text-align: center;
font-size: 12px;
line-height: 100%;
color: #999
}
#archive-movie #movie_slider .inner .movie .caption .btn:hover {
background-color: #999;
color: #111
}
#archive-movie #movie_slider .inner .slick-arrow {
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #999;
top: 50%;
margin-top: -80px;
font-size: 0;
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
outline: none;
z-index: 5;
cursor: pointer
}
#archive-movie #movie_slider .inner .slick-next {
right: 50%;
margin-right: -375px;
background-image: url(../img/slider_mini_right.png)
}
#archive-movie #movie_slider .inner .slick-next:hover {
background-image: url(../img/slider_mini_right_on.png);
background-color: #999
}
#archive-movie #movie_slider .inner .slick-prev {
left: 50%;
margin-left: -375px;
background-image: url(../img/slider_mini_left.png)
}
#archive-movie #movie_slider .inner .slick-prev:hover {
background-image: url(../img/slider_mini_left_on.png);
background-color: #999
}
#archive-movie #movie_slider .inner .slick-disabled {
display: none !important
}
#archive-movie #movie_list .search {
background-color: #ecf0f1;
text-align: center;
height: 30px;
padding: 15px 0
}
#archive-movie #movie_list .search h1 {
display: inline-block;
padding: 7px 15px 7px 0;
margin-right: 10px;
border-right: 2px solid #2c3e50;
height: 16px;
font-size: 16px;
line-height: 100%;
color: #2c3e50;
font-weight: bold
}
#archive-movie #movie_list .search a {
display: inline-block;
height: 14px;
padding: 7px 13px 7px;
margin-left: 5px;
border-radius: 15px;
border: 1px solid #2c3e50;
font-size: 14px;
line-height: 100%;
color: #2c3e50
}
#archive-movie #movie_list .search a:hover {
background-color: #2c3e50;
color: #ecf0f1
}
#archive-movie #movie_list .footer {
margin-top: 25px
}
#archive-movie #movie_list .index {
width: 934px;
margin: 25px auto 0;
padding: 10px 10px 5px;
border: 3px solid #ecf0f1
}
#archive-movie #movie_list .index:empty {
height: 0px;
margin: 0 auto 0;
border: none
}
#archive-movie #movie_list .index ul {
display: block
}
#archive-movie #movie_list .index ul li {
float: left;
margin: 0 5px 5px 0
}
#archive-movie #movie_list .index ul li a {
display: inline-block;
padding: 5px 15px;
border-radius: 4px;
background-color: #ecf0f1;
color: #111
}
#archive-movie #movie_list .index ul li a.active {
font-weight: bold
}
#archive-movie #movie_list .index ul li a:hover, #archive-movie #movie_list .index ul li a.active {
background-color: #fed900
}
#archive-movie #movie_list .index ul:after {
display: block;
clear: both;
content: ""
}
#archive-movie #movie_list .index ul.parent {
position: relative;
padding-bottom: 10px;
margin-bottom: 10px
}
#archive-movie #movie_list .index ul.parent:before {
position: absolute;
display: block;
width: 60px;
height: 2px;
bottom: 0;
left: 50%;
margin-left: -30px;
border-top: 2px solid #ecf0f1;
border-bottom: 2px solid #ecf0f1;
content: ""
}
#archive-movie #movie_list .inner {
width: 960px;
margin: 20px auto 0;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-align-content: flex-start;
align-content: flex-start
}
#archive-movie #movie_list .inner .item {
position: relative;
width: 235px;
margin-bottom: 4px;
padding-top: 126px;
border-radius: 5px;
border: 1px solid #ecf0f1
}
#archive-movie #movie_list .inner .item .thumbnail {
position: absolute;
display: block;
width: 237px;
height: 126px;
top: -1px;
left: -1px;
border-radius: 5px 5px 0 0;
background-size: cover;
background-position: 50% 50%
}
#archive-movie #movie_list .inner .item .thumbnail:hover {
opacity: 0.5
}
#archive-movie #movie_list .inner .item h1 {
padding: 8px 10px 0;
font-size: 13px;
font-weight: bold;
line-height: 130%
}
#archive-movie #movie_list .inner .item p {
position: relative;
padding: 5px 10px 12px;
color: #999;
font-size: 10px;
line-height: 150%;
font-weight: 500;
text-align: justify
}
#archive-movie #movie_list .inner .item p br {
display: none
}
#archive-movie #movie_list .inner .item p:empty {
display: none
}
#archive-movie #movie_list .inner .item:empty {
width: 237px;
border: none
}
#archive-movie #movie_list .inner .noresult {
width: 960px;
margin: 0 auto;
padding: 80px 0 120px;
text-align: center
}
#archive-movie #movie_list .inner .noresult i {
display: block;
margin: 0 auto;
font-size: 150px;
line-height: 100%;
color: #ccc
}
#archive-movie #movie_list .inner .noresult p {
padding-top: 30px;
font-size: 20px;
line-height: 100%;
font-weight: 500;
text-align: center;
color: #ccc
}
#archive-movie #movie_list .channel {
width: 960px;
margin: 18px auto 15px
}
#archive-movie #movie_list .channel h2 {
float: left;
padding: 18px 35px 18px 100px;
display: inline-block;
font-size: 12px;
line-height: 12px
}
#archive-movie #movie_list .channel>div {
float: left
}
#archive-movie #movie_list .channel:after {
display: block;
clear: both;
content: ""
}
#single-movie #movie_player {
width: 100%;
background-image: url(../img/bk_pickup.jpg?date=2017);
background-repeat: no-repeat;
background-position: 50% -41px;
background-color: #000000
}
#single-movie #movie_player .player {
padding: 10px 0 35px;
text-align: center;
background: -moz-linear-gradient(top, transparent 0%, #000 56%, #000 100%);
background: -webkit-linear-gradient(top, transparent 0%, #000 56%, #000 100%);
background: linear-gradient(to bottom, transparent 0%, #000 56%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00050505', endColorstr='#050505', GradientType=0)
}
#single-movie #movie_info {
width: 100%
}
#single-movie #movie_info .inner {
width: 960px;
margin: 0 auto
}
#single-movie #movie_info .inner .caption {
width: 600px;
float: left
}
#single-movie #movie_info .inner .caption h1 {
margin: 30px 0 10px;
padding-bottom: 8px;
font-size: 20px;
line-height: 140%
}
#single-movie #movie_info .inner .caption p {
font-size: 13px;
line-height: 170%
}
#single-movie #movie_info .inner .caption dl {
width: 600px;
font-size: 13px;
line-height: 100%
}
#single-movie #movie_info .inner .caption dl.tag {
padding-top: 35px
}
#single-movie #movie_info .inner .caption dl.area {
padding-top: 10px
}
#single-movie #movie_info .inner .caption dl.date {
padding-top: 10px
}
#single-movie #movie_info .inner .caption dl dt {
display: inline-block;
font-weight: bold;
color: #666
}
#single-movie #movie_info .inner .caption dl dt i {
width: 15px
}
#single-movie #movie_info .inner .caption dl dd {
display: inline-block;
color: #999;
margin-left: 5px
}
#single-movie #movie_info .inner .caption dl dd a {
color: #999
}
#single-movie #movie_info .inner .caption dl dd a:hover {
color: #111
}
#single-movie #movie_info .inner .list {
display: block;
float: right;
width: 330px;
padding-top: 28px
}
#single-movie #movie_info .inner .list .next {
margin-top: 2px;
padding: 0 15px 15px;
background-color: #ecf0f1
}
#single-movie #movie_info .inner .list .recommend {
margin: 2px 0 0;
padding: 0 15px 15px;
background-color: #ecf0f1
}
#single-movie #movie_info .inner .list h2 {
padding: 17px 0 0;
font-size: 13px;
line-height: 100%
}
#single-movie #movie_info .inner .list .items {
padding-top: 5px
}
#single-movie #movie_info .inner .list .items li {
display: block;
padding-top: 10px
}
#single-movie #movie_info .inner .list .items li a {
display: block;
width: 300px
}
#single-movie #movie_info .inner .list .items li a:after {
display: block;
clear: both;
content: ""
}
#single-movie #movie_info .inner .list .items li img {
width: 112px;
height: auto;
float: left
}
#single-movie #movie_info .inner .list .items li p {
width: 175px;
float: right;
font-size: 12px;
line-height: 140%
}
#single-movie #movie_info .inner:after {
display: block;
clear: both;
content: ""
}
#single-movie .search {
background-color: #ecf0f1;
text-align: center;
height: 30px;
padding: 15px 0
}
#single-movie .search h1 {
display: inline-block;
padding: 7px 15px 7px 0;
margin-right: 10px;
border-right: 2px solid #2c3e50;
height: 16px;
font-size: 16px;
line-height: 100%;
color: #2c3e50;
font-weight: bold
}
#single-movie .search a {
display: inline-block;
height: 14px;
padding: 7px 13px 7px;
margin-left: 5px;
border-radius: 15px;
border: 1px solid #2c3e50;
font-size: 14px;
line-height: 100%;
color: #2c3e50
}
#single-movie .search a:hover {
background-color: #2c3e50;
color: #ecf0f1
}
#single-movie .footer {
margin-top: 25px
}
#single-movie .channel {
width: 960px;
margin: 18px auto 15px
}
#single-movie .channel h2 {
float: left;
padding: 18px 35px 18px 100px;
display: inline-block;
font-size: 12px;
line-height: 12px
}
#single-movie .channel>div {
float: left
}
#single-movie .channel:after {
display: block;
clear: both;
content: ""
}
#single-movie #movie_products {
margin: 30px 0 30px
}
#single-movie #movie_products header {
padding-bottom: 10px
}
#single-movie #movie_products header h1 {
font-size: 13px;
line-height: 100%;
font-weight: bold;
color: #666
}
#single-movie #movie_products header h1 i {
width: 15px
}
#single-movie #movie_products #movie_products_slider {
width: 970px
}
#single-movie #movie_products #movie_products_slider:after {
position: absolute;
display: block;
width: 10px;
height: 150px;
top: 0;
right: 0;
background-color: #fff;
content: ""
}
#single-movie #movie_products #movie_products_slider .item .thumbnail {
width: 150px;
height: 94px;
background-repeat: no-repeat;
background-size: contain;
background-color: #f5f5f5;
background-position: 50% 50%
}
#single-movie #movie_products #movie_products_slider .item h1 {
width: 150px;
padding-top: 5px;
font-size: 11px;
font-weight: bold;
line-height: 130%
}
#single-movie #movie_products #movie_products_slider .slick-prev, #single-movie #movie_products #movie_products_slider .slick-next {
position: absolute;
width: 11px;
height: 20px;
top: 56px;
left: -30px;
font-size: 0;
border: none;
background-color: transparent;
background-image: url(../img/slider_left.png);
background-repeat: no-repeat;
background-position: 50% 50%
}
#single-movie #movie_products #movie_products_slider .slick-prev:hover, #single-movie #movie_products #movie_products_slider .slick-next:hover {
opacity: 0.5
}
#single-movie #movie_products #movie_products_slider .slick-next {
left: auto;
right: -20px;
background-image: url(../img/slider_right.png)
}
#single-movie #movie_products #report_slider .slick-prev, #single-movie #movie_products #report_slider .slick-next {
top: 34px
}
#message_404 {
width: 800px;
margin: 50px auto
}
#message_404 h1 {
padding-bottom: 30px;
font-size: 22px;
font-weight: 800
}
#message_404 h2 {
font-size: 18px;
font-weight: 600;
line-height: 140%
}
#message_404 h3 {
padding: 0 0 30px 1px;
font-size: 12px;
font-weight: 600
}
#message_404 p {
padding: 0 0 30px;
font-size: 14px;
line-height: 200%;
font-weight: 400
}
#message_404 p strong {
font-weight: 700
}
#message_404 p+h1, #message_404 p+h2, #message_404 h1+h2 {
padding-top: 30px
}
#message_404 .close {
padding: 50px 0 10px;
text-align: center
}
#message_404 .close a.btn {
display: inline-block;
padding: 15px 20px;
border-radius: 4px;
background-color: #34495e;
color: #fff;
font-size: 13px;
line-height: 100%
}
#message_404 .close a.btn:hover {
opacity: 0.5
}
#pagetop {
position: fixed;
width: 60px;
height: 60px;
bottom: 0;
right: 0;
background-image: url(../img/pagetop.png);
font-size: 0;
z-index: 3;
opacity: 0;
-webkit-transition: opacity .3s ease;
-moz-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity 0.3s ease
}
#pagetop.active {
opacity: 1
}
#pagetop.active:hover {
opacity: 0.5
}
#page-barcodecart .table {
width: 960px;
margin: 40px auto 0
}
#page-barcodecart .table .thead dl {
display: block;
width: 960px;
height: 40px;
border-top: 1px solid #444;
border-left: 1px solid #444;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #95a5a6;
color: #fff
}
#page-barcodecart .table .thead dl dd, #page-barcodecart .table .thead dl dt {
float: left
}
#page-barcodecart .table .thead dl dt {
position: relative;
width: 140px;
height: 39px
}
#page-barcodecart .table .thead dl dt span {
display: block;
position: absolute;
width: 140px;
height: 50px;
bottom: 0;
left: -1px;
padding: 9px 0 0;
border: 1px solid #444;
background-color: #526465;
font-size: 14px;
text-align: center;
font-weight: 800;
line-height: 120%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0 3px rgba(0, 0, 0, 0.1)
}
#page-barcodecart .table .thead dl dt span em {
display: block;
font-size: 10px;
font-weight: 500
}
#page-barcodecart .table .thead dl dd {
padding: 13px 10px;
height: 39px;
font-size: 13px;
line-height: 100%;
font-weight: 500;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#page-barcodecart .table .thead dl dd.primary {
width: 37px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .thead dl dd.product_code {
width: 159px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .thead dl dd.item_number {
width: 120px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .thead dl dd.item_name {
width: 276px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .thead dl dd.price {
width: 80px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .thead dl dd.stock {
width: 45px;
padding: 13px 0;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .thead dl dd.buy_cnt {
width: 100px;
text-align: center
}
#page-barcodecart .table .thead dl:after {
display: block;
clear: both;
content: ""
}
#page-barcodecart .table .tbody dl {
position: relative;
display: block;
width: 960px;
height: 39px;
border-left: 1px solid #444;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#page-barcodecart .table .tbody dl dd, #page-barcodecart .table .tbody dl dt {
float: left
}
#page-barcodecart .table .tbody dl dt {
width: 140px
}
#page-barcodecart .table .tbody dl dt input {
position: relative;
width: 100%;
height: 39px;
border: none;
border-left: 1px solid #444;
border-right: 1px solid #444;
border-bottom: 1px solid #444;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-align: center;
font-size: 14px;
line-height: 100%;
-webkit-box-shadow: 3px 0 1px rgba(0, 0, 0, 0.05), -3px 0 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 3px 0 1px rgba(0, 0, 0, 0.05), -3px 0 1px rgba(0, 0, 0, 0.05);
box-shadow: 3px 0 1px rgba(0, 0, 0, 0.05), -3px 0 1px rgba(0, 0, 0, 0.05);
z-index: 10
}
#page-barcodecart .table .tbody dl dt input:focus {
background-color: #d6e1ff
}
#page-barcodecart .table .tbody dl dd {
padding: 13px 10px;
height: 39px;
font-size: 13px;
line-height: 100%;
font-weight: 500;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
#page-barcodecart .table .tbody dl dd.primary {
width: 36px;
padding: 13px 0;
text-align: center
}
#page-barcodecart .table .tbody dl dd.product_code {
width: 160px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .tbody dl dd.item_number {
width: 120px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .tbody dl dd.item_name {
width: 276px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .tbody dl dd.price {
width: 80px;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .tbody dl dd.stock {
width: 45px;
height: 38px;
padding: 7px 0 0;
font-size: 11px;
line-height: 110%;
text-align: center;
border-right: 1px solid #444
}
#page-barcodecart .table .tbody dl dd.stock.gone {
color: #fff;
background-color: #e74c3c
}
#page-barcodecart .table .tbody dl dd.stock.empty {
background-color: #f1c40f
}
#page-barcodecart .table .tbody dl dd.stock.none {
background-color: #f39c12
}
#page-barcodecart .table .tbody dl dd.stock.reservation {
background-color: #1abc9c
}
#page-barcodecart .table .tbody dl dd.buy_cnt {
width: 77px;
padding: 10px 5px 10px 10px
}
#page-barcodecart .table .tbody dl dd.buy_cnt span {
position: relative;
display: block;
height: 13px;
padding: 3px 10px 3px 0;
text-align: center;
font-size: 13px;
line-height: 100%;
background-color: #f0f0f0;
border-radius: 3px;
font-weight: 800;
cursor: pointer
}
#page-barcodecart .table .tbody dl dd.buy_cnt span i {
position: absolute;
top: 4px;
right: 7px;
font-size: 10px;
color: #bbb
}
#page-barcodecart .table .tbody dl dd.buy_cnt span:hover {
background-color: #ccc
}
#page-barcodecart .table .tbody dl dd.buy_cnt span:hover i {
color: #000
}
#page-barcodecart .table .tbody dl dd.buy_unit {
width: 20px;
padding-left: 0;
padding-right: 3px;
text-align: center
}
#page-barcodecart .table .tbody dl dd.unit_size, #page-barcodecart .table .tbody dl dd.unit_step {
display: none
}
#page-barcodecart .table .tbody dl dd.delete {
position: absolute;
padding: 0;
right: -30px;
top: 11px;
font-size: 17px;
color: #bdc3c7;
cursor: pointer
}
#page-barcodecart .table .tbody dl dd.delete:hover {
color: #c0392b
}
#page-barcodecart .table .tbody dl .loading {
position: absolute;
display: block;
width: 783px;
height: 38px;
top: 0;
left: 175px;
padding: 13px 0 0;
background-color: #444;
color: #7f8c8d;
text-align: center;
font-weight: 500
}
#page-barcodecart .table .tbody dl .error {
position: absolute;
display: block;
width: 783px;
height: 38px;
top: 0;
left: 175px;
padding: 13px 0 0;
background-color: #e74c3c;
color: #fff;
text-align: center;
font-weight: 500
}
#page-barcodecart .table .tbody dl:after {
display: block;
clear: both;
content: ""
}
#page-barcodecart #cnt_modal {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.8)
}
#page-barcodecart #cnt_modal .inner {
position: absolute;
margin: auto;
width: 320px;
height: 251px;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 5px;
background-color: #fff
}
#page-barcodecart #cnt_modal .inner h1 {
width: 299px;
margin: 10px 10px 0;
padding: 7px 0;
border-radius: 4px 4px 0 0;
background-color: #7f8c8d;
text-align: center;
font-size: 12px;
line-height: 100%;
color: #fff;
font-weight: 600;
letter-spacing: 0.2em
}
#page-barcodecart #cnt_modal .inner .status {
width: 302px;
margin: 0 7px 5px 10px
}
#page-barcodecart #cnt_modal .inner .status div {
float: left;
width: 148px;
margin-right: 3px;
padding: 3px 0;
font-size: 12px;
line-height: 100%;
border-radius: 3px;
text-align: center;
background-color: #ecf0f1
}
#page-barcodecart #cnt_modal .inner .status div p {
display: inline-block;
font-weight: 500;
letter-spacing: 0.08em
}
#page-barcodecart #cnt_modal .inner .status div strong {
color: #e74c3c;
font-weight: 700
}
#page-barcodecart #cnt_modal .inner .status:after {
display: block;
clear: both;
content: ""
}
#page-barcodecart #cnt_modal .inner .input {
width: 299px;
margin: 0 10px 4px
}
#page-barcodecart #cnt_modal .inner .input input {
width: 299px;
padding: 8px 5px 8px 0;
border-radius: 0 0 4px 4px;
border-left: 1px solid #7f8c8d;
border-right: 1px solid #7f8c8d;
border-bottom: 1px solid #7f8c8d;
border-top: none;
font-size: 40px;
line-height: 100%;
text-align: right;
font-weight: 600;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#page-barcodecart #cnt_modal .inner .btns {
display: block;
padding: 0 8px 5px 10px
}
#page-barcodecart #cnt_modal .inner .btns span {
display: block;
float: left;
width: 54px;
margin-right: 2px;
padding: 30px 0;
line-height: 100%;
border-radius: 3px;
background-color: #fff;
text-align: center;
color: #fff;
font-size: 15px;
font-weight: 700;
letter-spacing: 0.08em;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
#page-barcodecart #cnt_modal .inner .btns span:not(.dis):active {
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4) inset;
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4) inset;
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4) inset
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(1) {
display: none;
width: 110px;
background-color: #e74c3c
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(1):hover {
background-color: #c0392b
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(2) {
background-color: #e74c3c
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(2):hover {
background-color: #c0392b
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(3) {
background-color: #e74c3c
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(3):hover {
background-color: #c0392b
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(4) {
width: 75px;
background-color: #34495e
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(4):hover {
background-color: #2c3e50
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(5) {
background-color: #3498db
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(5):hover {
background-color: #2980b9
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(6) {
background-color: #3498db
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(6):hover {
background-color: #2980b9
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(7) {
display: none;
width: 110px;
background-color: #3498db
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(7):hover {
background-color: #2980b9
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(8) {
margin-top: 4px;
width: 299px;
padding: 12px 0;
background-color: #e67e22
}
#page-barcodecart #cnt_modal .inner .btns span:nth-of-type(8):hover {
background-color: #d35400
}
#page-barcodecart #cnt_modal .inner .btns span.dis {
opacity: 0.2
}
#page-barcodecart #cnt_modal .inner .btns:after {
display: block;
clear: both;
content: ""
}
#page-barcodecart #cnt_modal .inner .btns.steptype span:nth-of-type(1), #page-barcodecart #cnt_modal .inner .btns.steptype span:nth-of-type(7) {
display: block
}
#page-barcodecart #cnt_modal .inner .btns.steptype span:nth-of-type(2), #page-barcodecart #cnt_modal .inner .btns.steptype span:nth-of-type(3), #page-barcodecart #cnt_modal .inner .btns.steptype span:nth-of-type(5), #page-barcodecart #cnt_modal .inner .btns.steptype span:nth-of-type(6) {
display: none
}
#page-barcodecart #message_modal {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 100;
background-color: rgba(0, 0, 0, 0.8)
}
#page-barcodecart #message_modal .inner {
position: absolute;
margin: auto;
width: 460px;
height: 250px;
padding: 40px 30px 20px;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 5px;
background-color: #fff;
text-align: center;
z-index: 102
}
#page-barcodecart #message_modal .inner i {
padding-bottom: 20px;
font-size: 52px;
line-height: 100%
}
#page-barcodecart #message_modal .inner h1 {
font-size: 18px;
line-height: 100%;
font-weight: 700
}
#page-barcodecart #message_modal .inner p {
padding: 40px 0 30px;
text-align: left;
font-size: 14px;
line-height: 160%;
font-weight: 500
}
#page-barcodecart #message_modal .inner p strong {
display: inline-block;
margin: 0 2px;
padding: 0 1px 0 2px;
background: linear-gradient(transparent 60%, #ffe065 60%);
font-weight: 700
}
#page-barcodecart #message_modal .inner .btn {
display: inline-block;
padding: 10px 30px;
font-size: 13px;
line-height: 100%;
font-weight: 600;
border-radius: 4px;
background-color: #34495e;
color: #fff;
cursor: pointer
}
#page-barcodecart #message_modal .inner .btn:hover {
background-color: #2c3e50
}
#page-barcodecart #message_modal .inner#barcode_caution {
display: none
}
#page-barcodecart #message_modal .inner#barcode_caution i {
color: #9b59b6
}
#page-barcodecart #message_modal .inner#barcode_caution h1 {
color: #9b59b6
}
#page-barcodecart #message_modal .inner#error_caution {
display: none
}
#page-barcodecart #message_modal .inner#error_caution i {
color: #e74c3c
}
#page-barcodecart #message_modal .inner#error_caution h1 {
color: #e74c3c
}
#page-barcodecart #message_modal .inner#success_caution {
display: none
}
#page-barcodecart #message_modal .inner#success_caution i {
color: #16a085
}
#page-barcodecart #message_modal .inner#success_caution h1 {
color: #16a085
}
#page-barcodecart #message_modal .inner#overlap_caution i {
color: #e67e22
}
#page-barcodecart #message_modal .inner#overlap_caution h1 {
color: #e67e22
}
#page-barcodecart #message_modal .inner#barcode_csv i {
color: #16a085
}
#page-barcodecart #message_modal .inner#barcode_csv h1 {
color: #16a085
}
#page-barcodecart #message_modal .inner#barcode_csv p {
padding-bottom: 10px
}
#page-barcodecart #message_modal .inner#barcode_csv p input {
display: block;
width: 100%;
padding: 5px 12px;
border-radius: 5px;
background-color: #ecf0f1;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
#page-barcodecart #message_modal .inner#barcode_csv #barcode_csv_loading {
display: none;
text-align: center
}
#page-barcodecart #message_modal .inner#barcode_csv #barcode_csv_loading .progress {
position: relative;
display: block;
width: 100%;
height: 10px;
margin-top: 10px;
background-color: #bdc3c7
}
#page-barcodecart #message_modal .inner#barcode_csv #barcode_csv_loading .progress .bar {
position: absolute;
display: block;
width: 1%;
height: 10px;
top: 0;
left: 0;
background-color: #1abc9c;
-webkit-animation: progressbar 0.4s infinite alternate;
-moz-animation: progressbar 0.4s infinite alternate;
animation: progressbar 0.4s infinite alternate;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both
}
#page-barcodecart #csv_message {
display: none;
position: relative;
width: 880px;
margin: 25px auto 0;
padding: 20px 50px 10px 30px;
background-color: #fff;
border-radius: 8px;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2)
}
#page-barcodecart #csv_message .inner {
font-size: 14px
}
#page-barcodecart #csv_message .inner h1, #page-barcodecart #csv_message .inner h2 {
display: block;
margin-bottom: 10px;
padding: 8px 12px;
border-radius: 3px;
background-color: #1abc9c;
color: #fff;
line-height: 100%;
font-weight: 600
}
#page-barcodecart #csv_message .inner h1.warn, #page-barcodecart #csv_message .inner h2.warn {
background-color: #e67e22
}
#page-barcodecart #csv_message .inner h1.skip, #page-barcodecart #csv_message .inner h2.skip {
background-color: #3498db
}
#page-barcodecart #csv_message .inner h1.err, #page-barcodecart #csv_message .inner h2.err {
background-color: #e74c3c
}
#page-barcodecart #csv_message .inner h1 i, #page-barcodecart #csv_message .inner h2 i {
margin-right: 6px
}
#page-barcodecart #csv_message .inner p {
margin-bottom: 10px;
font-weight: 500;
line-height: 140%
}
#page-barcodecart #csv_message .close {
position: absolute;
top: 8px;
right: 12px;
color: #ddd;
font-size: 25px;
line-height: 100%;
cursor: pointer
}
#page-barcodecart #csv_message .close:hover {
color: #222
}
#page-barcodecart #send_cart {
padding-bottom: 50px;
text-align: center
}
#page-barcodecart #send_cart .btn {
height: 16px;
margin-left: 10px;
padding: 15px 40px 12px;
background-color: #333;
border-radius: 5px;
background-color: #34495e;
color: #fff;
font-size: 18px;
line-height: 100%;
font-weight: 500;
cursor: pointer
}
#page-barcodecart #send_cart .btn:hover {
background-color: #2c3e50
}
#page-barcodecart #barcode_start {
display: inline-block;
margin-top: 20px;
font-size: 12px;
padding: 7px 20px;
text-align: center;
border-radius: 4px;
background-color: #9b59b6;
font-weight: 500;
line-height: 100%;
color: #fff;
cursor: pointer
}
#page-barcodecart #barcode_start i {
margin-right: 4px
}
#page-barcodecart #barcode_start:hover {
background-color: #8e44ad
}
#page-barcodecart #barcode_csv_start {
display: inline-block;
margin: 20px 0 0 3px;
font-size: 12px;
padding: 7px 20px;
text-align: center;
border-radius: 4px;
background-color: #1abc9c;
font-weight: 500;
line-height: 100%;
color: #fff;
cursor: pointer
}
#page-barcodecart #barcode_csv_start i {
margin-right: 4px
}
#page-barcodecart #barcode_csv_start:hover {
background-color: #16a085
}
#page-barcodecart #barcode_csv_start_dis {
display: none;
margin: 20px 0 0 3px;
font-size: 12px;
padding: 7px 20px;
text-align: center;
border-radius: 4px;
background-color: #bdc3c7;
font-weight: 500;
line-height: 100%;
color: #fff
}
#page-barcodecart #barcode_csv_start_dis i {
margin-right: 4px
}
#barcodecart_footer {
width: 960px;
margin: 0 auto 40px;
padding-top: 4px;
text-align: right
}
#barcodecart_footer dl {
display: inline-block
}
#barcodecart_footer dl dt {
float: left;
height: 15px;
margin-left: 4px;
padding: 11px 10px;
border-top: 1px solid #444;
border-left: 1px solid #444;
border-bottom: 1px solid #444;
background-color: #95a5a6;
color: #fff;
font-size: 15px;
line-height: 100%;
font-weight: 500
}
#barcodecart_footer dl dd {
float: left;
width: 70px;
height: 15px;
padding: 11px 10px;
border: 1px solid #444;
font-size: 15px;
line-height: 100%;
font-weight: 500;
text-align: right
}
#barcodecart_footer dl:after {
display: block;
clear: both;
content: ""
}
#direct_in .loader_inner {
width: 100%;
padding-top: 250px;
text-align: center
}
#direct_in .loader_inner i {
color: #ccc
}
*[data-tooltip] {
position: relative;
display: inline-block;
overflow: visible
}
*[data-tooltip]:after {
display: block;
position: absolute;
width: auto;
padding: 6px 10px;
top: 0;
left: 50%;
background-color: #444;
font-size: 12px;
line-height: 100%;
text-align: center;
white-space: nowrap;
border-radius: 4px;
content: attr(data-tooltip);
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
pointer-events: none;
opacity: 0;
z-index: 15
}
*[data-tooltip]:before {
display: block;
position: absolute;
width: 0;
height: 0;
bottom: -12px;
left: 50%;
border-style: solid;
border-width: 4px 4px 0 4px;
border-color: #444 transparent transparent transparent;
-webkit-transform: translate(-50%, 0px);
-moz-transform: translate(-50%, 0px);
-ms-transform: translate(-50%, 0px);
-o-transform: translate(-50%, 0px);
transform: translate(-50%, 0px);
pointer-events: none;
opacity: 0;
content: "";
z-index: 15
}
*[data-tooltip]:hover:after, *[data-tooltip]:hover:before {
opacity: 1;
-webkit-transform: translate(-50%, -30px);
-moz-transform: translate(-50%, -30px);
-ms-transform: translate(-50%, -30px);
-o-transform: translate(-50%, -30px);
transform: translate(-50%, -30px);
-webkit-transition: all .15s ease-out;
-webkit-transition-delay: 0;
-moz-transition: all .15s ease-out 0;
-o-transition: all .15s ease-out 0;
transition: all 0.15s ease-out 0
}
#cart_navigator {
width: 100%
}
#cart_navigator .inner {
width: 959px;
margin: 0 auto;
text-align: right;
border-right: 1px solid #ddd
}
#cart_navigator .inner h1 {
float: left;
height: 16px;
padding: 17px 0;
font-size: 16px;
line-height: 100%;
font-weight: 800
}
#cart_navigator .inner span {
display: inline-block;
width: 150px;
height: 14px;
padding: 18px 0 18px 2px;
font-size: 16px;
line-height: 100%;
border-left: 1px solid #ddd;
text-align: center;
cursor: pointer
}
#cart_navigator .inner span.active {
font-weight: 700
}
#cart_navigator .inner:after {
display: block;
clear: both;
content: ""
}
#opening_pv {
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.9);
z-index: 100
}
#opening_pv .inner {
position: absolute;
width: 640px;
height: 360px;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: #fff;
z-index: 101
}
#opening_pv .navigation {
display: block;
position: absolute;
width: 640px;
top: 380px;
left: 50%;
margin-left: -320px;
text-align: center;
z-index: 101
}
#opening_pv .navigation .btn_softpass {
display: block;
width: 200px;
margin: 0 auto 8px;
padding: 12px 0;
border-radius: 4px;
background-color: #f1c40f;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
font-size: 16px;
line-height: 100%;
text-align: center;
cursor: pointer
}
#opening_pv .navigation .btn_softpass:hover {
background-color: #fff
}
#opening_pv .navigation .btn_hardpass {
display: block;
width: 200px;
margin: 0 auto;
padding: 4px 0 3px;
border-radius: 4px;
background-color: #555;
-webkit-box-shadow: 0 0 5px #000;
-moz-box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px #000;
font-size: 12px;
line-height: 100%;
text-align: center;
cursor: pointer
}
#opening_pv .navigation .btn_hardpass:hover {
background-color: #fff
}
#archive-media #breadlist {
background-image: none !important;
background-color: #000 !important
}
#archive-media #movie_slider {
position: relative;
width: 100%;
height: 550px;
background-color: #111;
background-image: url(../img/bk_media_pickup.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
overflow: hidden
}
#archive-media #movie_slider .inner {
position: absolute;
width: 2160px;
height: 550px;
top: 0;
left: 50%;
margin-left: -1080px
}
#archive-media #movie_slider .inner .movie {
width: 720px;
height: 550px;
outline: none;
opacity: 0.4;
-webkit-transition: opacity .8s ease;
-moz-transition: opacity .8s ease;
-o-transition: opacity .8s ease;
transition: opacity 0.8s ease
}
#archive-media #movie_slider .inner .movie.slick-center {
opacity: 1
}
#archive-media #movie_slider .inner .movie .player {
width: 640px;
height: 360px;
padding: 30px 40px 0
}
#archive-media #movie_slider .inner .movie .caption {
position: relative;
height: 125px;
padding: 35px 40px 0;
color: #fff
}
#archive-media #movie_slider .inner .movie .caption h1 {
padding-bottom: 5px;
font-size: 12px;
line-height: 100%;
color: #f9ca24
}
#archive-media #movie_slider .inner .movie .caption h2 {
font-size: 14px;
line-height: 140%;
font-weight: bold
}
#archive-media #movie_slider .inner .movie .caption h2 a {
color: #fff
}
#archive-media #movie_slider .inner .movie .caption h2 a:hover {
opacity: 0.5
}
#archive-media #movie_slider .inner .movie .caption h2 br {
display: none
}
#archive-media #movie_slider .inner .movie .caption p {
position: relative;
padding-right: 20px;
height: 54px;
padding-top: 10px;
font-size: 12px;
line-height: 18px;
overflow: hidden;
color: #ccc
}
#archive-media #movie_slider .inner .movie .caption p:after {
display: block;
position: absolute;
right: 0;
bottom: 0;
content: "…"
}
#archive-media #movie_slider .inner .movie .caption .btn {
position: absolute;
display: block;
bottom: 35px;
right: 40px;
border: 1px solid #ccc;
width: 120px;
padding: 7px 0;
text-align: center;
font-size: 12px;
line-height: 100%;
color: #ccc
}
#archive-media #movie_slider .inner .movie .caption .btn:hover {
background-color: #999;
color: #111
}
#archive-media #movie_slider .inner .slick-arrow {
position: absolute;
width: 30px;
height: 30px;
border: 1px solid #999;
top: 50%;
margin-top: -80px;
font-size: 0;
background-color: transparent;
background-position: 50% 50%;
background-repeat: no-repeat;
outline: none;
z-index: 5;
cursor: pointer
}
#archive-media #movie_slider .inner .slick-next {
right: 50%;
margin-right: -375px;
background-image: url(../img/slider_mini_right.png)
}
#archive-media #movie_slider .inner .slick-next:hover {
background-image: url(../img/slider_mini_right_on.png);
background-color: #999
}
#archive-media #movie_slider .inner .slick-prev {
left: 50%;
margin-left: -375px;
background-image: url(../img/slider_mini_left.png)
}
#archive-media #movie_slider .inner .slick-prev:hover {
background-image: url(../img/slider_mini_left_on.png);
background-color: #999
}
#archive-media #movie_slider .inner .slick-disabled {
display: none !important
}
#archive-media .media_section {
width: 960px;
margin: 30px auto 0
}
#archive-media .media_section .header {
padding: 8px 14px 6px;
margin-bottom: 20px;
background-color: #ecf0f1;
border-radius: 0;
border-left: 8px solid #eb4d4b;
font-size: 16px;
font-weight: bold
}
#archive-media .media_section .inner {
margin: 25px 0 35px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: stretch;
align-items: stretch;
-webkit-align-content: stretch;
align-content: stretch
}
#archive-media .media_section .inner .item {
position: relative;
min-height: 225px;
padding-left: 430px
}
#archive-media .media_section .inner .item .thumbnail {
position: absolute;
width: 400px;
height: 225px;
top: 0;
left: 0;
background-color: #000;
background-size: cover;
background-position: 50% 50%
}
#archive-media .media_section .inner .item .body {
padding: 10px 0 0
}
#archive-media .media_section .inner .item .body h3 {
font-size: 20px;
line-height: 140%;
font-weight: bold
}
#archive-media .media_section .inner .item .body p {
margin-top: 10px;
font-size: 13px;
line-height: 180%
}
#archive-media .media_section .inner .item .body .btns {
margin-top: 20px
}
#archive-media .media_section .inner .item .body .btns .btn {
display: inline-block;
padding: 5px 15px;
background-color: #535c68;
color: #fff;
font-weight: bold;
text-align: center
}
#archive-media .media_section .inner .item .body .btns .btn.btn_archive {
background-color: #eb4d4b
}
#archive-media .media_section .inner .item .body .btns .btn:hover {
opacity: 0.7
}
#archive-media .media_section .inner .item.item_01 .thumbnail {
background-image: url(../img/media_tora.jpg)
}
#archive-media .media_section .inner .mini_item {
display: block;
width: 300px;
margin-bottom: 25px;
box-shadow: 0 1px 4px rgba(221, 221, 221, 0.5);
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap
}
#archive-media .media_section .inner .mini_item .thumbnail {
width: 300px;
height: 168px;
top: 0;
left: 0;
background-color: #000;
background-size: cover;
background-position: 50% 50%
}
#archive-media .media_section .inner .mini_item .body {
-webkit-flex: 1 0 auto;
flex: 1 0 auto;
padding: 10px 15px 15px;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-justify-content: space-between;
justify-content: space-between
}
#archive-media .media_section .inner .mini_item .body h3 {
color: #111;
font-size: 16px;
line-height: 140%;
font-weight: bold
}
#archive-media .media_section .inner .mini_item .body .btns {
margin-top: 12px
}
#archive-media .media_section .inner .mini_item .body .btns .btn {
display: block;
padding: 5px 0;
background-color: #535c68;
color: #fff;
font-weight: bold;
text-align: center
}
#archive-media .media_section .inner .mini_item:hover {
opacity: 0.7
}
#archive-media .media_section .inner .mini_item:empty {
border: none !important;
margin: 0;
padding: 0;
box-shadow: 0 0 0 rgba(221, 221, 221, 0.5)
}
#archive-media .media_section .footer {
margin: -30px 0 60px;
text-align: center
}
#archive-media .media_section .footer a {
display: inline-block;
padding: 5px 20px;
border: 1px solid #535c68;
font-size: 14px;
border-radius: 24px;
font-weight: bold
}
#archive-media .media_section .footer a:hover {
background-color: #535c68;
color: #fff
}
#archive-media #archive_list {
margin-bottom: 80px
}
#archive-media #archive_list ul {
display: block
}
#archive-media #archive_list ul li {
padding-bottom: 5px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
-webkit-align-content: center;
align-content: center
}
#archive-media #archive_list ul li .type {
display: block;
width: 90px;
height: 12px;
margin-right: 15px;
padding: 5px 0;
border-radius: 4px;
background-color: #95afc0;
color: #fff;
font-size: 12px;
line-height: 100%;
text-align: center;
font-weight: bold
}
#archive-media #archive_list ul li .type.tv {
background-color: #ff7979
}
#archive-media #archive_list ul li .type.book {
background-color: #6ab04c
}
#archive-media #archive_list ul li .type.give {
background-color: #95afc0
}
#archive-media #archive_list ul li .type.com {
background-color: #f0932b
}
#archive-media #archive_list ul li .date {
color: #aaa
}
#archive-media #archive_list ul li .date:before {
display: inline-block;
padding: 0 3px 0 7px;
content: "―"
}
#archive-media #archive_list .inner {
margin-bottom: 0
}
#archive-media #archive_list p {
display: block;
width: 960px;
margin: 0 auto;
text-align: right
}
#archive-media #media_archive .footer {
margin-bottom: 70px;
text-align: center
}
#archive-media #media_archive .footer a {
display: inline-block;
padding: 5px 20px;
border: 1px solid #535c68;
font-size: 14px;
border-radius: 24px;
font-weight: bold
}
#archive-media #media_archive .footer a:hover {
background-color: #535c68;
color: #fff
}
#single-media #breadlist {
background-image: none !important;
background-color: #000 !important
}
#single-media #movie_player {
width: 100%;
background-image: url(../img/bk_dmedia_pickup.jpg);
background-repeat: no-repeat;
background-position: 50% -41px;
background-color: #000000
}
#single-media #movie_player .player {
padding: 10px 0 35px;
text-align: center;
background: -moz-linear-gradient(top, transparent 40%, #000 100%, #000 100%);
background: -webkit-linear-gradient(top, transparent 40%, #000 100%, #000 100%);
background: linear-gradient(to bottom, transparent 40%, #000 100%, #000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00050505', endColorstr='#050505', GradientType=0)
}
#single-media #movie_info {
width: 100%
}
#single-media #movie_info .inner {
width: 960px;
margin: 0 auto
}
#single-media #movie_info .inner .caption h1 {
margin: 30px 0 10px;
padding-bottom: 8px;
font-size: 20px;
line-height: 140%
}
#single-media #movie_info .inner .caption p {
font-size: 13px;
line-height: 170%
}
#single-media #movie_info .inner .caption dl {
width: 600px;
font-size: 13px;
line-height: 100%
}
#single-media #movie_info .inner .caption dl.tag {
padding-top: 35px
}
#single-media #movie_info .inner .caption dl.area {
padding-top: 10px
}
#single-media #movie_info .inner .caption dl.date {
padding-top: 10px
}
#single-media #movie_info .inner .caption dl dt {
display: inline-block;
font-weight: bold;
color: #666
}
#single-media #movie_info .inner .caption dl dt i {
width: 15px
}
#single-media #movie_info .inner .caption dl dd {
display: inline-block;
color: #999;
margin-left: 5px
}
#single-media #movie_info .inner .caption dl dd a {
color: #999
}
#single-media #movie_info .inner .caption dl dd a:hover {
color: #111
}
#single-media .search {
background-color: #ecf0f1;
text-align: center;
height: 30px;
padding: 15px 0
}
#single-media .search h1 {
display: inline-block;
padding: 7px 15px 7px 0;
margin-right: 10px;
border-right: 2px solid #660000;
height: 16px;
font-size: 16px;
line-height: 100%;
color: #660000;
font-weight: bold
}
#single-media .search a {
display: inline-block;
height: 14px;
padding: 7px 13px 7px;
margin-left: 5px;
border-radius: 15px;
border: 1px solid #660000;
font-size: 14px;
line-height: 100%;
color: #660000
}
#single-media .search a:hover {
background-color: #660000;
color: #ecf0f1
}
#single-media .footer {
margin-top: 25px
}
#single-media .channel {
width: 960px;
margin: 18px auto 15px
}
#single-media .channel h2 {
float: left;
padding: 18px 35px 18px 100px;
display: inline-block;
font-size: 12px;
line-height: 12px
}
#single-media .channel>div {
float: left
}
#single-media .channel:after {
display: block;
clear: both;
content: ""
}
#single-media #movie_products {
margin: 30px 0 30px
}
#single-media #movie_products header {
padding-bottom: 10px
}
#single-media #movie_products header h1 {
font-size: 13px;
line-height: 100%;
font-weight: bold;
color: #666
}
#single-media #movie_products header h1 i {
width: 15px
}
#single-media #movie_products #movie_products_slider {
width: 970px
}
#single-media #movie_products #movie_products_slider:after {
position: absolute;
display: block;
width: 10px;
height: 140px;
top: 0;
right: 0;
background-color: #fff;
content: ""
}
#single-media #movie_products #movie_products_slider .item .thumbnail {
width: 150px;
height: 94px;
background-repeat: no-repeat;
background-size: contain;
background-color: #f5f5f5;
background-position: 50% 50%
}
#single-media #movie_products #movie_products_slider .item h1 {
width: 150px;
padding-top: 5px;
font-size: 11px;
font-weight: bold;
line-height: 130%
}
#single-media #movie_products #movie_products_slider .slick-prev, #single-media #movie_products #movie_products_slider .slick-next {
position: absolute;
width: 11px;
height: 20px;
top: 56px;
left: -30px;
font-size: 0;
border: none;
background-color: transparent;
background-image: url(../img/slider_left.png);
background-repeat: no-repeat;
background-position: 50% 50%
}
#single-media #movie_products #movie_products_slider .slick-prev:hover, #single-media #movie_products #movie_products_slider .slick-next:hover {
opacity: 0.5
}
#single-media #movie_products #movie_products_slider .slick-next {
left: auto;
right: -20px;
background-image: url(../img/slider_right.png)
}
#single-media #movie_products #report_slider .slick-prev, #single-media #movie_products #report_slider .slick-next {
top: 34px
}
#single-media .single_end {
margin: 70px 0;
text-align: center
}
#single-media .single_end a {
display: inline-block;
padding: 5px 20px;
border: 1px solid #535c68;
font-size: 14px;
border-radius: 24px;
font-weight: bold
}
#single-media .single_end a:hover {
background-color: #535c68;
color: #fff
}
#home #pickup, #page-eging_home #pickup {
width: 100%;
padding: 40px 0;
background-color: #111;
background-image: url(../img/bk_pickup_r.jpg);
background-position: 50% 50%
}
#home #pickup .inner, #page-eging_home #pickup .inner {
width: 960px;
margin: 0 auto
}
#home #pickup .inner .pickup_contents, #page-eging_home #pickup .inner .pickup_contents {
position: relative;
padding-top: 34px;
background-image: url(../img/jumbo_h2_01.png);
background-position: 0 0;
background-repeat: no-repeat;
float: left
}
#home #pickup .inner .pickup_contents #pickup_slider, #page-eging_home #pickup .inner .pickup_contents #pickup_slider {
width: 480px;
height: 252px
}
#home #pickup .inner .pickup_contents #pickup_slider li, #page-eging_home #pickup .inner .pickup_contents #pickup_slider li {
outline: none !important
}
#home #pickup .inner .pickup_contents #pickup_slider li a img:hover, #page-eging_home #pickup .inner .pickup_contents #pickup_slider li a img:hover {
opacity: 0.5
}
#home #pickup .inner .pickup_contents #pickup_slider_nav, #page-eging_home #pickup .inner .pickup_contents #pickup_slider_nav {
width: 480px;
height: 60px;
padding-top: 10px
}
#home #pickup .inner .pickup_contents #pickup_slider_nav:after, #page-eging_home #pickup .inner .pickup_contents #pickup_slider_nav:after {
display: block;
clear: both;
content: ""
}
#home #pickup .inner .pickup_contents #pickup_slider_nav li, #page-eging_home #pickup .inner .pickup_contents #pickup_slider_nav li {
outline: none !important
}
#home #pickup .inner .pickup_contents #pickup_slider_nav .slick-prev, #page-eging_home #pickup .inner .pickup_contents #pickup_slider_nav .slick-prev {
position: absolute;
width: 60px;
height: 60px;
top: 10px;
left: 0;
padding: 0;
margin: 0;
border: none;
opacity: 0.5;
background-image: url(../img/pickupslider_arrow_prev.png);
background-color: transparent;
font-size: 0;
z-index: 1
}
#home #pickup .inner .pickup_contents #pickup_slider_nav .slick-next, #page-eging_home #pickup .inner .pickup_contents #pickup_slider_nav .slick-next {
position: absolute;
width: 60px;
height: 60px;
top: 10px;
right: 0;
padding: 0;
margin: 0;
border: none;
opacity: 0.5;
background-image: url(../img/pickupslider_arrow.png);
background-color: transparent;
font-size: 0
}
#home #pickup .inner .pickup_contents #pickup_slider_nav img, #page-eging_home #pickup .inner .pickup_contents #pickup_slider_nav img {
width: 120px;
height: 60px
}
#home #pickup .inner .pickup_contents #pickup_slider_nav img:hover, #page-eging_home #pickup .inner .pickup_contents #pickup_slider_nav img:hover {
opacity: 0.5
}
#home #pickup .inner .pickup_contents a.btn, #page-eging_home #pickup .inner .pickup_contents a.btn {
position: absolute;
display: block;
top: 6px;
left: 150px;
color: #aaa;
font-size: 11px;
line-height: 100%;
text-align: right
}
#home #pickup .inner .pickup_contents a.btn:hover, #page-eging_home #pickup .inner .pickup_contents a.btn:hover {
opacity: 0.5
}
#home #pickup .inner .pickup_movie, #page-eging_home #pickup .inner .pickup_movie {
float: right;
position: relative;
padding-top: 34px;
background-image: url(../img/jumbo_h2_02.png);
background-position: 0 0;
background-repeat: no-repeat
}
#home #pickup .inner .pickup_movie a.btn, #page-eging_home #pickup .inner .pickup_movie a.btn {
position: absolute;
display: block;
top: 6px;
left: 150px;
color: #aaa;
font-size: 11px;
line-height: 100%;
text-align: right
}
#home #pickup .inner .pickup_movie a.btn:hover, #page-eging_home #pickup .inner .pickup_movie a.btn:hover {
opacity: 0.5
}
#home #pickup .inner .pickup_movie .player, #page-eging_home #pickup .inner .pickup_movie .player {
position: relative;
width: 448px;
height: 252px;
background-color: #111
}
#home #pickup .inner .pickup_movie .playlist, #page-eging_home #pickup .inner .pickup_movie .playlist {
padding-top: 10px
}
#home #pickup .inner .pickup_movie .playlist li, #page-eging_home #pickup .inner .pickup_movie .playlist li {
position: relative;
float: left
}
#home #pickup .inner .pickup_movie .playlist li img, #page-eging_home #pickup .inner .pickup_movie .playlist li img {
width: 112px;
height: 60px
}
#home #pickup .inner .pickup_movie .playlist li.active:after, #page-eging_home #pickup .inner .pickup_movie .playlist li.active:after {
display: block;
position: absolute;
width: 112px;
height: 60px;
top: 0;
left: 0;
background-image: url(../img/pickupmovie_nowplay.png);
content: ""
}
#home #pickup .inner .pickup_movie .playlist:after, #page-eging_home #pickup .inner .pickup_movie .playlist:after {
display: block;
clear: both;
content: ""
}
#home #pickup .inner .pickup_movie .onair, #page-eging_home #pickup .inner .pickup_movie .onair {
position: absolute;
top: -9px;
right: 0;
width: 122px;
height: 43px;
background-image: url(../img/movie_onair_bk.png)
}
#home #pickup .inner .pickup_movie .onair span, #page-eging_home #pickup .inner .pickup_movie .onair span {
position: absolute;
display: block;
width: 122px;
height: 43px;
top: 0;
left: 0;
opacity: 0
}
#home #pickup .inner .pickup_movie .onair span:nth-of-type(1), #page-eging_home #pickup .inner .pickup_movie .onair span:nth-of-type(1) {
background-image: url(../img/movie_onair_l1.png);
-webkit-animation: onair_l1 3s infinite;
-moz-animation: onair_l1 3s infinite;
animation: onair_l1 3s infinite;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both
}
#home #pickup .inner .pickup_movie .onair span:nth-of-type(2), #page-eging_home #pickup .inner .pickup_movie .onair span:nth-of-type(2) {
background-image: url(../img/movie_onair_l2.png);
-webkit-animation: onair_l2 3s infinite;
-moz-animation: onair_l2 3s infinite;
animation: onair_l2 3s infinite;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both
}
#home #pickup .inner .pickup_movie .onair span:nth-of-type(3), #page-eging_home #pickup .inner .pickup_movie .onair span:nth-of-type(3) {
background-image: url(../img/movie_onair_l3.png);
-webkit-animation: onair_l3 3s infinite;
-moz-animation: onair_l3 3s infinite;
animation: onair_l3 3s infinite;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both
}
#home #pickup .inner .pickup_movie .onair span:nth-of-type(4), #page-eging_home #pickup .inner .pickup_movie .onair span:nth-of-type(4) {
background-image: url(../img/movie_onair.png);
-webkit-animation: onair_l4 5s infinite;
-moz-animation: onair_l4 5s infinite;
animation: onair_l4 5s infinite;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both
}
#home #pickup .inner .pickup_movie .onair.live span:nth-of-type(4), #page-eging_home #pickup .inner .pickup_movie .onair.live span:nth-of-type(4) {
background-image: url(../img/movie_live.png);
-webkit-animation: onair_l4 5s infinite;
-moz-animation: onair_l4 5s infinite;
animation: onair_l4 5s infinite;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
animation-fill-mode: both
}
#home #pickup .inner .official_banner, #page-eging_home #pickup .inner .official_banner {
float: right;
width: 960px;
position: relative;
margin-top: 30px;
/* padding-top: 34px;*/
background-position: 0 0;
background-repeat: no-repeat
}
#home #pickup .inner .official_banner a img:hover, #page-eging_home #pickup .inner .official_banner a img:hover {
opacity: 0.5
}
#home #pickup .inner .pickup_media, #page-eging_home #pickup .inner .pickup_media {
float: right;
width: 960px;
position: relative;
margin-top: 30px;
padding-top: 34px;
background-image: url(../img/jumbo_h2_06.png);
background-position: 0 0;
background-repeat: no-repeat
}
#home #pickup .inner .pickup_media a:hover, #page-eging_home #pickup .inner .pickup_media a:hover {
opacity: 0.5
}
#home #pickup .inner .pickup_media .banner, #page-eging_home #pickup .inner .pickup_media .banner {
display: block;
float: left;
font-size: 0
}
#home #pickup .inner .pickup_media .banner.banner_01, #page-eging_home #pickup .inner .pickup_media .banner.banner_01 {
width: 480px;
height: 200px;
margin-right: 32px;
margin-bottom: 32px;
}
#home #pickup .inner .pickup_media .banner.banner_02, #page-eging_home #pickup .inner .pickup_media .banner.banner_02 {
width: 448px;
height: 200px;
margin-bottom: 32px;
}
#home #pickup .inner .pickup_media .banner.banner_03, #page-eging_home #pickup .inner .pickup_media .banner.banner_03 {
width: 480px;
height: 200px;
margin-right: 32px;
}
#home #pickup .inner .pickup_media .banner.banner_04, #page-eging_home #pickup .inner .pickup_media .banner.banner_04 {
width: 448px;
height: 200px;
}
/*20200319追加*/
#home #pickup .inner .pickup_campaign, #page-eging_home #pickup .inner .pickup_campaign {
float: right;
width: 960px;
position: relative;
margin-top: 30px;
padding-top: 34px;
background-image: url(../img/jumbo_h2_06.png);
background-position: 0 0;
background-repeat: no-repeat
}
#home #pickup .inner .pickup_campaign a:hover, #page-eging_home #pickup .inner .pickup_campaign a:hover {
opacity: 0.5
}
#home #pickup .inner .pickup_campaign .banner, #page-eging_home #pickup .inner .pickup_campaign .banner {
display: block;
float: left;
font-size: 0
}
#home #pickup .inner .pickup_campaign .banner.banner_01, #page-eging_home #pickup .inner .pickup_campaign .banner.banner_01 {
width: 480px;
height: 200px;
margin-right: 32px
}
#home #pickup .inner .pickup_campaign .banner.banner_02, #page-eging_home #pickup .inner .pickup_campaign .banner.banner_02 {
width: 448px;
height: 200px;
margin-right: 0px
}
#home #pickup .inner .pickup_campaign .banner.banner_03, #page-eging_home #pickup .inner .pickup_campaign .banner.banner_03 {
width: 306px;
height: 200px;
margin-right: 0px
}
#home #pickup .inner .pickup_campaign:after, #page-eging_home #pickup .inner .pickup_campaign:after {
display: block;
clear: both;
content: ""
}
/*20200319追加*/
#home #pickup .inner:after, #page-eging_home #pickup .inner:after {
display: block;
clear: both;
content: ""
}
@-webkit-keyframes onair_l1 {
0% {
opacity: 0
}
40% {
opacity: 0.4
}
80% {
opacity: 0
}
100% {
opacity: 0
}
}
@-moz-keyframes onair_l1 {
0% {
opacity: 0
}
40% {
opacity: 0.4
}
80% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes onair_l1 {
0% {
opacity: 0
}
40% {
opacity: 0.4
}
80% {
opacity: 0
}
100% {
opacity: 0
}
}
@-webkit-keyframes onair_l2 {
0% {
opacity: 0
}
10% {
opacity: 0
}
50% {
opacity: 0.3
}
90% {
opacity: 0
}
100% {
opacity: 0
}
}
@-moz-keyframes onair_l2 {
0% {
opacity: 0
}
10% {
opacity: 0
}
50% {
opacity: 0.3
}
90% {
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes onair_l2 {
0% {
opacity: 0
}
10% {
opacity: 0
}
50% {
opacity: 0.3
}
90% {
opacity: 0
}
100% {
opacity: 0
}
}
@-webkit-keyframes onair_l3 {
0% {
opacity: 0
}
20% {
opacity: 0
}
60% {
opacity: 0.2
}
100% {
opacity: 0
}
}
@-moz-keyframes onair_l3 {
0% {
opacity: 0
}
20% {
opacity: 0
}
60% {
opacity: 0.2
}
100% {
opacity: 0
}
}
@keyframes onair_l3 {
0% {
opacity: 0
}
20% {
opacity: 0
}
60% {
opacity: 0.2
}
100% {
opacity: 0
}
}
@-webkit-keyframes onair_l4 {
0% {
opacity: 0
}
25% {
opacity: 1
}
50% {
opacity: 0
}
75% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes onair_l4 {
0% {
opacity: 0
}
25% {
opacity: 1
}
50% {
opacity: 0
}
75% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes onair_l4 {
0% {
opacity: 0
}
25% {
opacity: 1
}
50% {
opacity: 0
}
75% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes onair_play {
0% {
opacity: 0.3
}
50% {
opacity: 1
}
100% {
opacity: 0.3
}
}
@-moz-keyframes onair_play {
0% {
opacity: 0.3
}
50% {
opacity: 1
}
100% {
opacity: 0.3
}
}
@keyframes onair_play {
0% {
opacity: 0.3
}
50% {
opacity: 1
}
100% {
opacity: 0.3
}
}
@-webkit-keyframes newmarker {
0% {
opacity: 0
}
10% {
opacity: 0
}
50% {
opacity: 1
}
60% {
opacity: 1
}
100% {
opacity: 0
}
}
@-moz-keyframes newmarker {
0% {
opacity: 0
}
10% {
opacity: 0
}
50% {
opacity: 1
}
60% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes newmarker {
0% {
opacity: 0
}
10% {
opacity: 0
}
50% {
opacity: 1
}
60% {
opacity: 1
}
100% {
opacity: 0
}
}
@-webkit-keyframes progressbar {
0% {
background-color: #1abc9c
}
100% {
background-color: #16a085
}
}
@-moz-keyframes progressbar {
0% {
background-color: #1abc9c
}
100% {
background-color: #16a085
}
}
@keyframes progressbar {
0% {
background-color: #1abc9c
}
100% {
background-color: #16a085
}
}
.forSP {
display: none !important
}
.forPRINT {
display: none !important
}
@-moz-document url-prefix() {
h1, h2, h3, h4, p {
transform: rotate(0.001deg)
}
}
#single-products #introduction .inner .right div {
font-size: 13px;
}
.faq_linkarea {
/*
padding: 10px;
background: #eee;
border-bottom-left-radius: 3px;
*/
}
.faq_area {
padding-top: 30px;
}
.faq_linkarea ul li {
border: 1px solid #ddd;
background: #eee;
background: -moz-linear-gradient( #fff 0%, #eee 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
background: -webkit-linear-gradient( #fff 0%, #eee 100%);
background: -o-linear-gradient( #fff 0%, #eee 100%);
background: linear-gradient( #fff 0%, #eee 100%);
margin-bottom: 10px;
margin-right: 10px;
float: left;
width: 32.4%;
padding: 5px 10px;
box-sizing: border-box;
font-weight: bold;
}
.faq_linkarea ul li a {
display: block;
width: 100%;
height: 100%;
}
.faq_linkarea ul li:nth-of-type(3n) {
margin-right: 0px;
}
.faq_linkarea ul:after {
display: block;
clear: both;
content: ""
}
.faq_title {
padding: 5px 10px;
background: #fed900;
/* border-radius: 3px;*/
/* border-bottom: 1px solid #ccc;*/
color: #000;
font-size: 15px;
font-weight: bold;
}
.faq_line {
margin-top: 10px;
height: 1px;
border-bottom: 1px dotted #666;
}
.faq_q {
padding: 3px;
border-radius: 3px;
background: #000;
font-weight: bold;
color: #fff;
}
.faq_a {
padding: 3px;
border-radius: 3px;
border: 1px solid #000;
font-weight: bold;
color: #000;
}
.faq_tbl {
margin-left: 40px;
max-width: 600px;
width: 400px;
margin: 10px 0;
border: 1px solid #ccc;
border-collapse: collapse;
border-spacing: 0;
}
.faq_tbl th {
padding: 5px;
line-height: 1.5;
background-color: #eee;
border: 1px solid #ccc;
background: #eee;
text-align: center;
font-weight: bold;
}
.faq_tbl td {
padding: 5px;
line-height: 1.5;
background-color: #fff;
border: 1px solid #ccc;
}
.event_news_ttl {
display: block;
border-radius: 0px;
background-color: #ecf0f1;
color: #222;
padding: 3px 12px 3px;
font-weight: bold;
border-left: 8px solid #0F92A7;
}
.itemicon {display: inline-block;padding: 0 5px 1px;border-radius: 3px;color: #fff;font-size: 12px;line-height: 180%;vertical-align: top;margin-right: 5px;}
.itemicon-orange {background-color: #e74c3c;}
.itemicon-green {background-color: #16a085;}
.noteList {display: table-cell;white-space: nowrap;padding-right: 5px;}
.noteText {display: table-cell;}
.d_mb5 {margin-bottom: 5px;}
.d_mb10 {margin-bottom: 10px;}
.d_mb20 {margin-bottom: 20px;}
.d_mt10 {margin-top: 10px;}
.d_mt20 {margin-top: 20px;}
.d_pl20 {padding-left: 20px;}
.d_pl30 {padding-left: 30px;}
.d_bold {font-weight: bold;}
.d_col-r {color:#db2462;}
.d_left {text-align: left;}
.d_center {text-align: center;}
.d_right {text-align: right;}
.d_fs13 {font-size: 13px;}
.pc_none {display: none;}
/*# sourceMappingURL=style.css.map */