/* font-family
--
font-family: century-gothic, sans-serif;
font-family: century-gothic, sans-serif;
--
*/

html body a:hover {
    color: #000;
}

img {
    max-width: 100%;
}

#masthead {
    background: #2e5c70;
    margin-bottom: 30px;
    border: 0;
}

body .wrap .inner {
    max-width: 1200px;
    padding: 33px 0 30px 0;
    line-height: 0;
}

body .snav .membership,
body .incart-btn {
    display: none;
}

#masthead .site-title {
    padding-top: 18px;
    float: left;
}

.h1 {
    float: right;
    text-align: right;
}

.h11 {
    float: left;
}

.h11 img {
    display: block;
    margin-left: auto;
}

.h11 img:nth-of-type(2) {
    margin-top: 19px;
    margin-bottom: 12px;
}

.h12 {
    float: right;
    margin-left: 20px;
}

#masthead #site-navigation ul {
    max-width: 1000px;
}

header #site-navigation input#panel.on-off+div.nav-menu-open,
header #site-navigation input#panel.on-off+div.header-nav-container {
    background: linear-gradient(to bottom, #2e5c70 0, #2e5c70 10px, #eb5e3e 0);
}

#masthead #site-navigation li {
    padding-top: 10px;
    border: 0;
}

#masthead #site-navigation li a {
    height: 40px;
    background-image: url('../../uploads/shopping_23.jpg');
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
}

#masthead #site-navigation li a:hover {
    background-image: url('../../uploads/shopping_23.png');
}

#masthead #site-navigation li.nav1 a {
    width: 298px;
    background-position: 0 0;
}

#masthead #site-navigation li.nav2 a {
    width: 301px;
    background-position: -298px 0;
}

#masthead #site-navigation li.nav3 a {
    width: 300px;
    background-position: -599px 0;
}

#masthead #site-navigation li.nav4 {
    padding-top: 0;
}

#masthead #site-navigation li.nav4 a {
    width: 301px;
    height: 50px;
    background: url('../../uploads/shopping_21.jpg') center no-repeat;
}

#main-slide {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 34px;
}

#main-slide .nivo-controlNav {
    position: absolute;
    left: 0;
    bottom: 0;
}

body #colophon {
    padding: 40px 0 20px 0;
    margin-top: 15px;
}

.footerwrap {
    max-width: 1000px;
    margin: 0 auto;
    overflow: hidden;
}

.col3-1 {
    width: 32.5%;
    float: left;
    margin-right: 1.25%;
}

.col3-1:last-of-type {
    margin-right: 0;
}

.title01 {
    text-align: center;
    font-size: 14px;
    color: #000;
    background: #bcd3d6;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 14px;
    padding: 5px;
}

.title02 {
    border-left: 4px solid #00a0bc;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding-left: 5px;
    margin-bottom: 8px;
}

.content {
    padding-bottom: 15px;
    font-size: 13px;
}

.footer-navigation {
    background: #eb5e3e;
}

.menu-footernav-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 13px 0 8px 0;
}

#menu-footernav li {
    display: inline-block;
    border-left: 1px solid #fff;
    padding: 0 10px;
    margin-bottom: 5px;
}

#menu-footernav li:first-child {
    border-left: 0;
    padding-left: 0;
}

#menu-footernav li a {
    color: #fff;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
}

body .copyright {
    font-size: 11px;
    color: #fff;
    padding: 5px 0;
    background: #00a0bc;
}

#f-info-wrap {
    background: #2e5c70;
    padding: 50px 0;
    margin-top: 100px;
}

.f1 {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.f1wrap {
    margin: 0 auto;
    overflow: hidden;
    float: left;
    width: 35%;
    padding: 34px 0;
}

.f2wrap {
    float: right;
    width: 63%;
}

.f11 {
    /*  float: left;*/
    padding-bottom: 26px;
}

.f12 {
    /*  float: right;*/
    text-align: left;
}

.f12 img {
    display: block;
    margin-left: auto;
}

.f12 img:nth-of-type(2) {
    margin-top: 16px;
    margin-bottom: 10px;
}

.f-map-area #map {
    height: 250px;
}

body #main {
    max-width: 1000px;
    margin: 0 auto
}

body #main #secondary {
    width: 24.7%;
    float: left;
    padding: 0;
    border: 0;
}

body #main #primary {
    width: 72%;
    float: right;
}

#secondary h3.widget_title {
    border: 0;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    text-transform: uppercase;
    background: #2e5c70;
    padding: 0;
    margin-bottom: 10px;
    font-family: century-gothic, sans-serif;
}

#secondary #welcart_page-2 .widget_title {
    font-size: 18px;
    color: #2e5c70;
    padding: 3px 5px 8px 30px;
    border-bottom: #f7bb84;
    background: url(../../uploads/sn01_star.png) left 5px no-repeat;
    font-family: century-gothic, sans-serif;
    text-align: left;
    margin-bottom: 0;
    cursor: pointer;
}

#secondary #welcart_page-2 .widget_title::after {
    content: "+";
    background-size: contain;
    margin-left: 10px;
    padding-left: 20px;
    float: right;
    height: 25px;
    font-weight: normal;
}

#secondary #welcart_page-2 .widget_title:hover {
    opacity: .7;
}

#secondary #welcart_page-2 .widget_title.action_i::after {
    content: "-";
}

body #secondary section.widget {
    margin-bottom: 35px;
    padding: 0;
}

body .widget_calendar table {
    margin: 0;
}

body .widget_search div {
    border: 0;
}

body .widget_search #s {
    box-shadow: none;
    outline: none;
    border: 1px solid #00a0bc;
    padding: 10px 50px 10px 10px;
    max-width: 100%;
}

.widget_search #searchsubmit {
    width: 37px;
    height: 36px;
    background: url('../../uploads/shopping_29.jpg') center no-repeat;
    top: 0;
    right: 0;
    border-radius: 0;
    box-shadow: none;
    outline: none;
}

.cat-il.type-grid .itemimg {
    margin-bottom: 20px;
}

span.newitem {
    background-color: #00a0bc;
    color: white;
    display: inline-block;
    width: 80px;
    text-align: center;
    margin-bottom: 10px;
}

body #secondary section.widget.widget_welcart_category {
    /*  padding: 6px 6px 3px 6px;
  background: #2e5c70;*/
    margin-bottom: 30px;
}

.widget_welcart_category .widget_title {
    display: none;
}

body #secondary section.widget.widget_welcart_category ul,
body #secondary section.widget.widget_welcart_category ul li,
body .widget_search form {
    margin: 0 auto 30px;
    padding: 0;
    width: 100%;
}

#secondary .widget_welcart_category li {
    margin-bottom: 30px;
}

#secondary .widget_welcart_category li a {
    font-size: 18px;
    color: #2e5c70;
    text-decoration: none;
    display: block;
    padding: 3px 5px 8px 30px;
    border-bottom: 1px solid #f7bb84;
    background: url(../../uploads/sn01_star.png) left 5px no-repeat;
    font-family: century-gothic, sans-serif;
    font-weight: bold;
}

#secondary .widget.widget_welcart_category li.cat-item-19 a {
    background-image: url(../../uploads/sn02_tops.png);
}

#secondary .widget.widget_welcart_category li.cat-item-20 a {
    background-image: url(../../uploads/sn03_bottoms.png);
}

#secondary .widget.widget_welcart_category li.cat-item-44 a {
    background-image: url(../../uploads/sn04_interior.png);
}

#secondary .widget.widget_welcart_category li.cat-item-51 a {
    background-image: url(../../uploads/sn05_beauty.png);
    background-position: 0 0;
}

#secondary .widget.widget_welcart_category li.cat-item-56 a {
    background-image: url(../../uploads/sn06_goods.png);
}

#secondary .widget.widget_welcart_category li.cat-item-63 a {
    background-image: url(../../uploads/sn07_bland.png);
}

body #content .page-title,
body #content .entry-title,
body .item_page_title {
    color: #2e5c70;
    font-size: 20px;
    margin-bottom: 30px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid #f7bb84;
}


/*body.blog #content article{
  margin: 0 3.2% 28px 0;
  padding: 10px 0 0 0;
  border: 0;
  width: 31.2%;
  float: left;
}*/

body.blog #content article:nth-of-type(3n) {
    margin-right: 0;
}

body .cat-il.type-grid .itemname {
    height: auto;
    margin-bottom: 12px;
    font-size: 14px;
}

body .cat-il.type-grid .itemprice {
    text-align: center;
    font-weight: bold;
    height: auto;
    font-size: 14px;
}


/*body .cat-il.type-grid .itemimg{
  margin-bottom: 7px;
}*/

#masthead .snav {
    display: none;
}

.f-con {
    display: none;
}

body .widget_welcart_calendar table {
    width: 100%;
}

#more-btn {
    text-align: center;
    margin-bottom: 50px;
}

.btn-style {
    display: inline-block;
    width: 200px;
    padding: 10px 6px 6px;
    text-align: center;
    font-weight: bold;
    font-family: century-gothic, sans-serif;
    text-decoration: none!important;
    background: url(../../uploads/small-arroe.png) right 20px center no-repeat;
    border: 1px solid #29576b;
    -webkit-transition: all .25s ease;
    -ms-transition: all .25s ease;
    transition: all .25s ease;
}

.btn-style:hover {
    background-position: right 15px center;
}

.bn-area .alignright,
.bn-area div.alignright {
    padding: 0;
    overflow: hidden;
}


/* top topics */

.topics-area {
    margin: 0 auto 40px;
}

.topics-area {
    height: 380px;
    width: 100%;
    padding-right: 10px;
    overflow: auto;
}

.topics-area .post {
    margin-bottom: 25px;
}

.post .post-title {
    font-size: 14px;
    margin-bottom: 8px;
}

.post .post-title a {
    color: #2e5c70;
    text-decoration: underline;
}

.post .post-title .date {
    font-weight: normal;
    padding-right: .6em;
}

.topics-area .post-image,
.topics-area .post-content {
    float: left;
    width: auto;
    margin-bottom: 15px;
}

.topics-area .post-image {
    text-align: center;
}

.topics-area .post-content {
    width: 73%;
    margin-left: 3.2%;
}

.topics-area .post-content .post-more {
    display: block;
    margin-top: 12px;
}


/* single settings */

.single .pist .date {
    display: inline-block;
    margin-bottom: 7px;
}

.single .post .post-title {
    font-size: 20px;
    color: white;
    padding: 4px 15px 3px;
    background: #eb5e3e;
    margin-bottom: 30px;
}

.single .post .post-image {
    margin-bottom: 30px;
}


/* item single settings */

.taxtprice {
    font-size: 16px;
    font-weight: bold;
}

.taxtprice .field_price {
    font-weight: normal;
    font-size: 14px;
}


/* category settings */

body.archive #primary .post-others article.post {
    width: calc(100% / 3);
    padding: 15px;
}

body.archive #primary .post-others article.post .post-thumbnail {
    margin-bottom: 15px;
}

body.archive #primary .post-others article.post img {
    width: 120px;
    height: 120px;
}


/* item single settings */

.form-wrap {
    height: auto;
    max-height: 420px;
    overflow: auto;
    padding: 0 10px 0 0;
}


/* pagenation settings */

.pagination_wrapper li a {
    background-color: #eb5e3e;
    color: white!important;
    text-decoration: underline!important;
    border: 1px solid #eb5e3e;
}

.pagination_wrapper li a:hover {
    background-color: transparent;
    color: #eb5e3e!important;
    text-decoration: none!important;
}

.pagination_wrapper li .current {
    background-color: transparent;
    border: 1px solid transparent;
    color: #eb5e3e;
}


/*made in japan*/

#main li form input#searchsubmit {
    background: #2e5c70;
    display: block;
    width: 100%;
    margin: 10px 0 0 0;
}

body .widget_welcart_page ul {
    padding: 0;
    margin: 20px 0 0;
    display: none;
}

body .widget_welcart_page li a {
    background: url(../../uploads/small-arroe.png) 10px 7px no-repeat;
    font-size: 13px;
    text-decoration: underline;
    color: black;
    padding: 0 0 0 30px;
    display: block;
}

.widget_welcart_page li {
    border: none;
    padding-bottom: 0;
}

body .widget_welcart_page li a:hover {
    opacity: 0.5;
}


/*商品詳細ページ*/

.item-description td,
.item-description th {
    text-align: center;
}

.small-1,
.small-2 {
    width: 50%;
}

#skuform .item-sku {
    width: 100%;
    margin-bottom: 15px;
}

#minus1 {
    margin-left: 8px;
}

.detail-box {
    width: 100%;
}

#img-box .itemimg img {
    width: 70%;
    height: auto;
}

#itempage #img-box {
    width: 100%;
    margin: 0 auto;
}

#itempage #img-box {
    float: unset;
}

.itemsubimg {
    width: auto;
}

#itempage .itemsubimg img {
    width: 85%;
    height: auto;
    vertical-align: middle;
}

#img-box .itemsubimg a {
    width: auto;
}

#itempage .itemsubimg a {
    width: auto;
    float: unset;
    margin: 0 0 20px;
}

.itemsubimg {
    margin-bottom: 30px;
    text-align: center;
}

.item-name {
    margin-top: 20px;
}


/*特商ページの設定*/

table#table-tokusyou tbody tr th,
table#table-tokusyou tbody tr td {
    border: 1px solid #2e5c70;
    padding: 10px;
}

h2#tokusyo_title01,
h3#tokusyo_title02 {
    margin-bottom: 10px;
    padding: 10px 0 10px 10px;
    background: #2e5c70;
    color: #fff;
    font-size: 1.1rem;
}

h3#tokusyo_title02 {
    margin-top: 10px;
}

table#table-tokusyou tbody tr th {
    background: rgba(46, 92, 112, 0.2);
    color: #000;
}

.child_cat01 {
    display: none;
}

.tokusyou-format h4 {
    font-size: 1.1rem;
    padding: 10px;
    background: #2e5c70;
    color: #fff;
    margin: 10px 0;
}

.hyou td:first-child {
    background: rgba(46, 92, 112, 0.2);
    font-weight: bold;
}


/*サイドのカテゴリーの設定*/

ul.ucart_widget_body ul.children {
    display: none;
}

#secondary ul.ucart_widget_body>li.cat-item a:hover {
    opacity: 0.5;
}

body #secondary section.widget.widget_welcart_category ul li ul li {
    margin-top: 20px;
    margin-bottom: 0
}

#secondary .widget.widget_welcart_category li .children li a {
    background: url(../../uploads/small-arroe.png) 10px 10px no-repeat;
    font-size: 13px;
    text-decoration: underline;
    color: black;
    padding: 0 0 0 30px;
    font-weight: normal;
    border: none;
}

.footer_tel01 span {
    color: #f7bb84;
    font-size: 1.4em;
    font-weight: bold;
    font-family: "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
    font-style: oblique;
}

.footer_adress span {
    color: #fff;
    font-size: 1rem;
    font-weight: bold;
    font-style: oblique;
}

html body .wrap .inner {
    line-height: initial;
}


/*table#cart_table {
    display: block;
    overflow-x: scroll;
}*/

body .ucart_search_body li form input[type="text"] {
    border: 1px solid #00a0bc;
    display: block;
    width: calc(100% - 37px);
    float: left;
    height: 33px;
}

body #secondary ul.ucart_search_body li form input[type="text"] {
    max-width: 100%;
}

table#table-tokusyou {
    width: 100%;
}

.inquery_button {
    display: inline-block;
    margin: 15px auto;
    padding: 5px 15px;
    text-decoration: none!important;
    color: white!important;
    background: #2e5c70;
}

.inquery_button:hover {
    opacity: .7;
}


/*メディアクエリの設定*/

@media screen and (max-width:812px) {
    table#table-tokusyou th,
    table#table-tokusyou td {
        display: block;
        width: 100%;
    }
    body #site-navigation li a {
        border-bottom: none;
    }
    #main #content #table-tokusyou.hyou tbody tr td:first-child {
        background: rgba(0, 0, 0, 0.09);
    }
    html body #main #primary {
        width: 70%;
    }
    html body #main #secondary {
        width: 30%;
    }
    .nav-menu-open li a {
        border-left: 1px solid #fff;
        margin-left: 10px;
    }
    #masthead #site-navigation li.nav4 a {
        height: auto;
    }
    .nav-menu-open ul#menu-globalnav li {
        background: rgba(256, 256, 256, 0.3);
    }
}

form#searchform div a {
    display: none;
}

#main li form input#searchsubmit {
    background: url(../../../wp-content/uploads/shopping_29.jpg) center center no-repeat;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 37px;
    height: 33px;
}

header #site-navigation input#panel.on-off:checked+div.nav-menu-open {
    position: initial;
}

body em {
    font-weight: bold;
    color: #eb5f3e;
}

input.skubutton {
    font-family: 'FontAwesome';
}

div.cart_navi li.current,
div.cart_navi li.current:before,
div.cart_navi li.current:after {
    background-color: #2f5c70;
}

body .send input.to_customerinfo_button,
body .send input.to_memberlogin_button,
body .send input.to_deliveryinfo_button,
body .send input.to_confirm_button,
body .send input#purchase_button {
    background-color: #2f5c70;
}

body .send input.to_customerinfo_button:hover,
body .send input.to_memberlogin_button:hover,
body .send input.to_deliveryinfo_button:hover,
body .send input.to_confirm_button:hover,
body .send input#purchase_button:hover {
    background-color: #2f5c70;
    opacity: 0.5;
}

body input[type="button"],
body input[type="submit"],
body input[type="reset"] {
    background-color: #00a0bc;
    color: #fff;
}

body input[type="button"]:hover,
body input[type="submit"]:hover,
body input[type="reset"]:hover {
    background-color: #eb5e3e;
    opacity: 0.5;
}

@media screen and (max-width: 440px) {
    body #menu-footernav li {
        display: block;
    }
}

#main .widget_welcart_calendar th {
    background: #2f5c70;
}


/*アイテムの設定*/

body.blog #content article {
    border-bottom: none;
}

#primary article.post .itemname a {
    text-decoration: none;
}

body.home #primary article.post,
body.archive #primary article.post {
    padding: 25px;
    transition: 0.5s;
    margin: 0;
    width: 50%;
    float: left;
    display: block;
    text-align: center;
}

body.home #primary article.post img,
body.archive #primary article.post img {
    width: 310px;
    height: 310px;
    object-fit: cover;
}

body.home #primary article.post:hover,
body.archive #primary article.post:hover {
    box-shadow: 0px 0px 25px 0px #000;
    transition: .5s;
    border-radius: 5px;
}

body .widget_welcart_calendar .businessday {
    background: #eb5e3e;
}

span.cart-button {
    display: inline-block;
    margin-top: 10px;
}

body input[type="button"],
body input[type="submit"],
body input[type="reset"] {
    padding: 7px 22px;
}

body.single .skuform {
    border: none!important;
    padding: 0!important;
}

.entry-content th,
.item-description th {
    background-color: #eb5e3e;
    color: #fff;
}

.item-name {
    background: #00a0bc;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
}

.itemcode {
    padding-left: 5px;
}

#itempage .item-info {
    border-top: 2px dotted #ccc;
}

#content table.item-sku th {
    background-color: #f5f5f5;
}

.sku_select {
    width: 100%;
}

#content dl.item-sku dd input[type=radio]:checked+label,
dl.item-sku dd label:hover {
    border: 2px solid #2e5c70;
}


/*fade inの設定*/

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}


/* media Qeuries */

@media screen and (max-width: 1024px) {
    body .wrap .inner {
        padding-left: 2%;
        padding-right: 2%;
    }
    #masthead #site-navigation li a {
        max-width: 256px;
    }
    #masthead #site-navigation li.nav1 a {
        background-position: -21px 0;
    }
    #masthead #site-navigation li.nav2 a {
        background-position: -321px 0;
    }
    #masthead #site-navigation li.nav3 a {
        background-position: -621px 0;
    }
    body #main,
    body #colophon,
    .footer-navigation,
    .f1wrap {
        padding-left: 2%;
        padding-right: 2%;
    }
}

@media screen and (max-width: 812px) {
    body #site-navigation {
        background: 0;
        padding: 0;
        margin: 0;
        height: 0;
        width: 0;
    }
    body #site-navigation label {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 100001;
        background: rgba(0, 0, 0, 0.7);
    }
    body #site-navigation label span {
        padding: 5px;
    }
    header#masthead #site-navigation div.nav-menu-open,
    header#masthead #site-navigation div.header-nav-container {
        position: fixed !important;
        top: 0;
        left: -100%;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: 100000;
        background: rgba(0, 0, 0, 0.7) !important;
        height: auto !important;
        transition: 0.5s ease all;
    }
    header#masthead #site-navigation input#panel.on-off:checked+div.nav-menu-open,
    header#masthead #site-navigation input#panel.on-off:checked+div.header-nav-container {
        left: 0;
    }
    body #masthead #site-navigation ul {
        margin: 40px 0 0 0;
        padding: 0;
    }
    body #masthead #site-navigation li {
        padding: 0;
    }
    body #masthead #site-navigation li a,
    body #masthead #site-navigation li a:hover {
        width: 100%;
        background: none;
        max-width: 100%;
        height: auto;
        font-size: 13px;
        padding: 10px 5px;
        color: #fff;
        text-decoration: none;
        margin-bottom: 10px;
        text-indent: 0;
    }
    #masthead .site-title {
        float: none;
        text-align: center;
        max-width: 463px;
        margin: 0 auto;
    }
    .h1 {
        float: none;
        text-align: center;
        max-width: 492px;
        margin: 20px auto 0 auto;
        overflow: hidden;
    }
    .f-con {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 99;
        background: rgba(0, 0, 0, 0.7);
        font-size: 0;
        display: block;
    }
    .f-con .f-tel,
    .f-con .f-map,
    .f-con .f-rtt {
        width: 33.33333%;
        display: inline-block;
        vertical-align: top;
        zoom: 1;
        font-size: 25px;
        font-size: 1.5625rem;
        line-height: 2;
        text-align: center;
        color: #fff;
    }
    .f-con .f-map {
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    body .copyright {
        margin-bottom: 50px;
    }
    body #masthead #site-navigation li.nav4 a {
        background: none;
        width: 100%;
    }
    body .widget_welcart_category ul,
    .widget_welcart_search ul,
    body .widget_search form,
    .widget_welcart_login ul {
        width: 100%;
    }
    .f1wrap,
    .f2wrap {
        float: none;
        width: 100%;
    }
    .topics-area .post-image,
    .topics-area .post-content {
        float: none;
        width: 100%;
        margin: 0 auto 20px;
    }
    body.home #primary article.post:hover,
    body.archive #primary article.post:hover {
        box-shadow: none;
        border-radius: 0;
    }
}

@media screen and (max-width:680px) {
    header#masthead #site-navigation div.nav-menu-open,
    header#masthead #site-navigation div.header-nav-container {
        width: 100% !important;
        transition: 1s;
    }
    .h1 {
        max-width: 100%;
    }
    .h11,
    .h12 {
        float: none;
        margin: 0 auto;
        text-align: center;
    }
    .h11 img {
        margin-left: auto;
        margin-right: auto;
    }
    .h12 {
        margin-top: 20px;
    }
    html body #main div #primary {
        width: 100%;
        float: none;
    }
    html body #main div #secondary {
        max-width: 248px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        float: none;
    }
    body.blog #content article,
    body.blog #content article:nth-of-type(3n) {
        width: 48%;
        margin-right: 2%;
        margin-left: 0;
    }
    body.blog #content article:nth-of-type(2n) {
        margin-right: 0;
    }
    #colophon .col3-1 {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
    .f11,
    .f12 {
        float: none;
        text-align: center;
    }
    .f12 {
        margin-top: 20px;
    }
    .f12 img {
        margin-left: auto;
        margin-right: auto;
    }
    body.home #primary article.post,
    body.archive #primary article.post {
        width: 100%;
    }
    .bn-area img {
        float: none;
    }
    .bn-area a {
        display: inline-block;
    }
    .bn-area a:first-child {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:320px) {
    header#masthead #site-navigation div.nav-menu-open,
    header#masthead #site-navigation div.header-nav-container {
        width: 200px !important;
    }
    body.blog #content article,
    body.blog #content article:nth-of-type(3n),
    body.blog #content article:nth-of-type(2n) {
        width: 100%;
        margin-right: 0;
    }
}


/*tag display adjustment by m44*/

.tag-display span.sale {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
    background: #dd0000;
    color: white;
    font-size: 14px;
}

.tag-display span.new {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
    background: #00a0bc;
    color: white;
    font-size: 14px;
}

.tag-display span.lmt {
    display: inline-block;
    border-radius: 3px;
    text-align: center;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
    background: #F7AD2E;
    color: white;
    font-size: 14px;
}


/* 20201009 lintailang add */

#form-table tbody tr th,
#form-table tbody tr td {
    color: #424242;
    vertical-align: top;
    background: white;
    border: 2px solid #2e5c70;
}

#form-table tbody tr th span {
    color: white;
    font-size: 12px;
    background: rgb(179, 72, 72);
    font-weight: bold;
    padding: 0 5px;
}

textarea {
    padding: 5px;
    font-size: 14px;
}

.submit-btn-wrap .submit-btn {
    font-weight: bold;
    font-size: 16px;
    background: #2e5c70!important;
}


/* 20201112 - 20210225 add lintailang wrote */

.itemsubimg-wrapper:nth-of-type(5n+1) {
    margin-left: 0;
}

.itemsubimg-wrapper {
    display: inline-block;
    margin-left: 2%;
    margin-bottom: 12px;
    width: calc( (100% - 11%) / 5);
}

.single .form-wrap {
    text-align: right;
}

.single .field_cprice {
    font-size: 19px;
    font-weight: bold;
}

body.single input[type="text"],
body.single input[type="password"],
body.single input[type="email"],
body.single input[type="tel"],
body.single input[type="search"],
body.single input[type="url"] {
    width: 60px !important;
    height: 40px;
    margin: 0 .357143em;
    padding: .357143em;
    border: 1px solid #ccc;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

body .cart-button input[type="button"],
body .cart-button input[type="submit"],
body .cart-button input[type="reset"] {
    padding: 1.071428em 2.142856em;
    color: #fff;
    font-family: FontAwesome;
    font-weight: bold;
    padding: .714286em 2.142856em;
    background-color: #ff8c00;
    border: none;
    letter-spacing: 1px;
    text-align: center;
    -webkit-transition: .3s ease all;
    -moz-transition: .3s ease all;
    -o-transition: .3s ease all;
    transition: .3s ease all;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}


/*ecobag table adjustment by m44*/

.item-description table.ecobag {
    width: auto;
}

.item-description table.ecobag th,
.item-description table.ecobag td {
    width: 50%;
}

body.single #main .searchtext {
    width: calc(100% - 37px) !important;
    margin: initial !important;
    text-align: initial !important;
}