@charset "utf-8";

/*
Theme Name: asahi
Template: twentythirteen
Author: kanegaetakanori
Author URI: http://kanegaetakanori.com
*/

@import url('../twentythirteen/style.css');
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700');
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

/*共通*/
html {
    overflow-y: visible;
}
html,
button,
input,
select,
textarea {
    font-family: 'Noto Sans Japanese','YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo';
}
p {
    margin: 0;
}
menu,
ol,
ul {
    margin: 0;
    padding: 0;
}
img {
width:100%;
max-width: 100%;
height: auto;
}
body {
    color: #112E38;
}
body.home {
    overflow: hidden;
}
.site {
    background-color: transparent;
    border-left: 0 none;
    border-right: 0 none;
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
}
.current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
    color: #112E38;
    font-style: normal;
}
.hentry {
    padding: 0;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 25px;
}
#primary {
    padding: 0;
/*    max-width: 960px;
*/    width: 100%;
    margin: 0 auto;
}
.entry-header, .entry-content, .entry-summary, .entry-meta {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}
b, strong {
    color: #112E38;
    font-weight: normal;
    font-size: 13px;
}
h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-family: 'Noto Sans Japanese','YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo';
    line-height: 1.3;
    font-weight: bold;
    letter-spacing: 2px;
}
h1 {
    font-size: 15px;
    margin: 33px 0 20px;
}
h2 {
    font-size: 13px;
    margin: 25px 0 20px;
}
h3 {
    font-size: 12px;
    margin: 22px 0;
}
h4 {
    font-size: 10px;
    margin: 25px 0;
}
h5 {
    font-size: 9px;
    margin: 30px 0;
}
h6 {
    font-size: 8px;
    margin: 36px 0;
}
a {
    color: #112E38;
    text-decoration: none;
    background-color: transparent;
}
a:visited {
    color: #112E38;
    background-color: transparent;
}
a:focus {
    outline: thin dotted;
    background-color: transparent;
}
a:active {
    color: #112E38;
    outline: 0 none;
    background-color: transparent;
}
a:hover {
    color: #888;
    text-decoration: none;
    background-color: transparent;
}
.nav-menu li:focus > a, .nav-menu li a:focus {
    background-color: transparent;
    color: #112E38;
}
.entry-content a, .comment-content a {
    color: #112E38;
}
.entry-content a:hover, .comment-content a:hover {
    color: #888;
}
.page-template-news-page-php .entry-title a {
    color: #112E38;
}
.page-template-news-page-php .entry-title a:hover {
    color: #888;
}
.site-main {
    position: relative;
/*margin-top: 15px;*/
}
.home .site-main, .page-template-page-sample-php .site-main {
    position: relative;
    margin-top: 0;
}
.entry-meta a {
    color: #112E38;
}
.entry-meta a:hover {
    color: #888;
}
.mts {margin-top: -7px;}
.mt1 {margin-top: 1px;}
.mt2 {margin-top: 2px;}
.mt3 {margin-top: 3px;}
.mt4 {margin-top: 4px;}
.mt5 {margin-top: 5px;}
.mt6 {margin-top: 6px;}
.mt7 {margin-top: 7px;}
.mt8 {margin-top: 8px;}
.mt9 {margin-top: 9px;}
.mt10 {margin-top: 10px;}
.mt11 {margin-top: 11px;}
.mt12 {margin-top: 12px;}
.mt13 {margin-top: 13px;}
.mt14 {margin-top: 14px;}
.mt15 {margin-top: 15px;}
.mt16 {margin-top: 16px;}
.mt17 {margin-top: 17px;}
.mt18 {margin-top: 18px;}
.mt19 {margin-top: 19px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt70 {margin-top: 70px;}
.mt80 {margin-top: 80px;}
.mt90 {margin-top: 90px;}
.mt100 {margin-top: 100px;}
.mt110 {margin-top: 110px;}
.mt120 {margin-top: 120px;}
.mt130 {margin-top: 130px;}
.mt140 {margin-top: 140px;}
.mt150 {margin-top: 150px;}
.mt160 {margin-top: 160px;}
.mt170 {margin-top: 170px;}
.mt180 {margin-top: 180px;}
.mt190 {margin-top: 190px;}
.mt200 {margin-top: 200px;}
.mainasu {margin-top: -17px;}
.a-mt50 {
    margin-top: 50px;
}
.yokosen {
    border-bottom: 1px solid #F3F3F3;
    display: block;
    margin: 30px auto ;
    width: 80%;
}
a:hover img {
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}
.entry-thumbnail {
    overflow: hidden;
}
.clear {
    clear:both;
}
.entry-meta {
    font-size: 11px;
}
.page-template-news-page-php footer.entry-meta, .single-post footer.entry-meta {
    font-size: 10px;
}
/*ヘッダー*/
.site-header {
    position: relative;
}

#header-area {
    overflow: hidden;
    width: 100%;
    max-width: 90%;
    margin: 0 auto 5%;
    padding-top: 2%;
}
#header-area, ul.nav-menu,div.nav-menu > ul {
    position: relative;
    z-index: 2;
}
/*.page-template-page-about-php #header-area, .page-template-page-about-php ul.nav-menu, .page-template-page-about-php div.nav-menu > ul, .page-template-page-contact #header-area, .page-template-page-contact ul.nav-menu, .page-template-page-contact div.nav-menu > ul, .single-product ul.nav-menu, .single-product div.nav-menu > ul {
    position: relative;
    z-index: 2;
}*/
.logo-area {
    max-width: 120px;
    width: 100%;
    z-index: 99;
    float: left;
}
.main-navigation {
    min-height: 25px;
}
.navbar {
    background-color: transparent;
    max-width: 680px;
    width: 100%;
    z-index: 2;
    float: left;
}
.all-homebox {
    max-width: 90%;
    width: 100%;
    float: none;
    position: fixed;
    bottom: 8%;
    z-index: 99;
    left: 82px;
}
.home .all-homebox {
    max-width: 100%;
    bottom: 0;
}
.home #header-area {
    max-width: 100%;
    margin-bottom: 2%;
}
.home-textbox {
    position: relative;
    width: 100%;
    max-width: 550px;
    margin-top: 38px;
    overflow: hidden;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
}
.home-textbox p {
    font-size: 10.5px;
    color: #fff;
    letter-spacing: 1px;
    line-height: 1.7;
    padding: 8px 8px 0;
}

.logo-area .site-title {
    padding: 0;
}
.site-title {
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 0;
    width: 100%;
}
.site-header .home-link {
    color: #112E38;
    display: block;
    margin: 0 auto;
    max-width: 960px;
    min-height: 60px;
    padding: 0;
    text-decoration: none;
    width: 100%;
}
.site-title img, .error404 img {
    width: 100%;
    height: auto;
}
ul.nav-menu, div.nav-menu > ul {
    margin: 0 0 0 5%;
    padding: /*0 0 0 40px*/0;
    text-align: left;
}
/*.home ul.nav-menu, div.nav-menu > ul {
    margin: 3px 0 0 2%;
}*/
.nav-menu li a {
    color: #112E38;
    display: block;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    line-height: 1;
    padding: 40px 8px 0;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
}
.home .nav-menu li a {
    color: #fff;
}
.nav-menu li:hover > a, .nav-menu li a:hover {
    background-color: transparent;
    color: #888;
}
.m-hide {text-decoration: line-through;}
/*.nav-menu li a:after {
    border-bottom: 1px solid #fff;
    content: "";
    display: block;
    margin: 15px auto;
    width: 30px;
}
.nav-menu li a:hover:after {
    border-bottom: 1px solid #888;
    content: "";
    display: block;
    margin: 15px auto;
    width: 30px;
}*/
/*.nav-menu li.m-hide a:hover:after {
    border-bottom: 1px solid #fff;
    content: "";
    display: block;
    margin: 15px auto;
    width: 30px;
}
.nav-menu li.current_page_item a:after {
    border-bottom: 1px solid #888;
    content: "";
    display: block;
    margin: 15px auto;
    width: 30px;
}*/
/*トップページ*/
.slide-box {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    max-width: 960px;
    /*padding: 5px;*/
}
#h-all {
    top: 95%;
    color: #fff;
    position: absolute;
    right: 40px;
}

/*フッター*/
.site-footer {
    background-color: transparent;
    color: #686758;
    font-size: 11px;
    letter-spacing: 1px;
    text-align: left;
    font-family: 'PT Sans Narrow', sans-serif;
    text-transform: uppercase;
}
.site-info {
    top: 96%;
    font-size: 12px;
    left: 40px;
    letter-spacing: 1px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0;
    position: fixed;
    text-align: left;
    width: 100%;
    z-index: 99;
    font-weight: bold;
}
.home .site-info, .page-template-page-sample-php .site-info {
    bottom: 1%;
    left: 5%;
}
.home .site-info a, .page-template-page-sample-php .site-info a, .site-info-copy a {
    font-family: 'PT Sans Narrow', sans-serif;
    color: #fff;
}
.site-info-copy {
    overflow: hidden;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 8px;
    text-transform: uppercase;
    font-weight: bold;
}

/*ページ*/
.about-all-box {
    overflow: hidden;
    margin-top: 20px;
}
.side-lbox {
    float: left;
    width: 47%;
    font-family: 'Noto Sans Japanese','YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo';
    letter-spacing: 2px;
}
.side-lbox h1.sub-title, .side-rbox h1.sub-title {
    font-size: 13px;
}
h1.about-sub-title {
    text-align: center;
}
.side-rbox {
    float: right;
    width: 47%;
    font-family: 'Noto Sans Japanese','YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo';
    letter-spacing: 2px;
}
.page-template-contacts-page-php .side-rbox {
    margin-top: 37px;
}
.sub-lbox {
}
.sub-rbox {
    letter-spacing: 1px;
}
.post-type-archive-product .hentry {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 0;
    padding: 0;
}
.post-type-archive-product .entry-thumbnail img {
    margin: 0;
}
.page-template-page-fw .hentry {
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 0;
    padding: 0;
}
.page-template-page-fw .entry-thumbnail img {
    margin: 0;
}
/*ニュース*/
.n-box-l {
    float: left;
    width: 47%;
}
.n-box-r {
    float: right;
    width: 47%;
}
.page-template-news-page-php .hentry {
    font-size: 12px;
    letter-spacing:1px;
    line-height: 25px;
    margin-bottom: 65px;
    padding: 0;
}
.page-template-news-page-php .entry-title, .single-title {
    font-weight: normal;
    margin: 0 0 15px;
}
/*コンタクトページ*/
.page-template-contacts-page-php .sub-lbox {
    font-size: 12px;
    letter-spacing: 1px;
    margin-top: 30px;
}
.sub-box-cp-nakami {
    letter-spacing: 1px;
}
.wpcf7-text {
   width: 100%;
}
.wpcf7-textarea {
    width: 100%;
}
.mannaka {
    text-align: center;
}
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    font-family: 'PT Sans Narrow', sans-serif;
    background: #444; /* Old browsers */
    background: -webkit-linear-gradient(top, #112E38 0%, #112E38 100%); /* Chrome 10+, Safari 5.1+ */
    background:   linear-gradient(to bottom, #112E38 0%, #112E38 100%); /* W3C */
    border: none;
    border-bottom: 0px solid #112E38;
    border-radius: 2px;
    color: #fff;
    display: inline-block;
    padding: 6px 24px 6px;
    text-decoration: none;
    border-radius: 0 0 0 0;
    letter-spacing: 2px;
}

button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus {
    background: #34495e; /* Old browsers */
    background: -webkit-linear-gradient(top, #34495e 0%, #34495e 100%); /* Chrome 10+, Safari 5.1+ */
    background:   linear-gradient(to bottom, #34495e 0%, #34495e 100%); /* W3C */
    border-bottom: 0px solid #34495e;
    outline: none;
}

button:active,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    background: #112E38; /* Old browsers */
    background: -webkit-linear-gradient(top, #112E38 0%, #112E38 100%); /* Chrome 10+, Safari 5.1+ */
    background:   linear-gradient(to bottom, #112E38 0%, #112E38 100%); /* W3C */
    border: none;
    border-top: 0px solid #112E38;
    padding: 6px 24px 6px;
}
button, input, textarea {
    border: 1px solid #888;
    font-family: inherit;
    padding: 5px;
}
input,
textarea {
    color: #112E38;
}
input:focus,
textarea:focus {
    border: 1px solid #888;
    outline: 0;
}
.wpcf7 p {
    color: #112E38;
    letter-spacing: 1px;
    font-family: 'PT Sans Narrow', sans-serif;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-size: 14px;
}
div.wpcf7 {
    margin: 0;
    padding: 20px!important;
}
h1.home-title {
    /*font-family: "Times New Roman",Georgia,Times,serif;*/
    font-size: 12px;
    text-align: left;
    color: #3F3437;
    letter-spacing: 1px;
    margin: 0 0 30px;
}
h1.cp-home-title {
    /*font-family: "Times New Roman",Georgia,Times,serif;*/
    font-size: 15px;
    text-align: left;
    color: #3F3437;
    letter-spacing: 2px;
    margin: 52px 0 10px;
}
h1.home-title span {
    color: #CCCCCC;
    font-size: 60%;
    margin-left: 10px;
    position: relative;
    top: -2px;
}

/*アイテムページ*/
.home-box {
    letter-spacing: 2px;
    position: absolute;
    bottom: 10px;
    left: 10px;
    width: 100%;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 13px;
}

#item-area-all {
     width: 96%;
     overflow: hidden;
     margin: 0 auto 50px;
}
.single #item-area-all {
     width: 96%;
     overflow: hidden;
     margin: 36px auto 50px;
}
.item-area-l {
    float: left;
    width: 30%;
    font-size: 11px;    
}
.item-area-r {
    width: 67%;
    float: right;
}
#item-all {
    width: 100%;
    color: #112E38;
}
.item-lbox {
    float: left;
    width: 35%;
    color: #112E38;
    font-size: 90%;
    letter-spacing: 1px;
    font-family: 'PT Sans Narrow', sans-serif;      
}
.item-rbox {
    float: left;
    width: 65%;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 2px;    
}

h1.item-title {
    font-size: 13px;
    margin: 5px auto;
    font-family: 'PT Sans Narrow', sans-serif;    
    letter-spacing: 2px;
    font-weight: bold;      
}
h1.item-title:after {
    border-bottom: 2px solid #112E38;
    content: "";
    display: block;
    margin: 15px 0;
    width: 50px;
}
.order-now {
    border: 1px solid #D7D7D7;
    color: #bbb;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    width: 80%;
}
.order-now a {
    text-decoration: none !important;
}
.order-now:hover {
    background-color: #D7D7D7 !important;
    color: #FFFFFF !important;
}
.order-now a:hover {
    color: #FFFFFF !important;
}
.link-box {
   margin-top: 65px;
}

/*ページング*/
.paging-navigation {
    background-color: transparent;
    padding: 40px 0;
}
.nav-links .pages {
    display: none;
}
.nav-links .current {
    padding: 7px;
    text-decoration: line-through;
}
.paging-navigation a {
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    padding: 7px;
}
.navigation a {
    color: #3F3437;
    font-family: 'PT Sans Narrow', sans-serif;
}
.navigation a:hover {
    color: #888;
    text-decoration: none;
}
.paging-navigation {
    background-color: transparent;
    padding: 40px 0;
}
.nav-links .pages {
    display: none;
}
.nav-links .current {
    font-family: 'PT Sans Narrow', sans-serif;
    padding: 7px;
    text-decoration: line-through;
    color: #ccc;
    font-size: 11px;
}
.more-link {
    border: 1px solid #D7D7D7;
    color: #999999!important;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    margin: 6% auto;
    padding: 2% 2%;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    width: 100%;
    display: inline-block;
} 
.more-link a {
    text-decoration: none !important;
}
.more-link:hover {
    background-color: #D7D7D7!important;
    color: #FFFFFF!important;
}
.more-link a:hover {
    color: #FFFFFF!important;
}
/*404*/
.error404 .page-wrapper {
    background-color: transparent;
}
.error404 .site-main {
    margin-top: 0;
    position: relative;
}
.error404 .allbox-404 {
    overflow: hidden;
    width: 100%;
}
.error404 .title-404 {
    color: #FFFFFF;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 400%;
    height: 100px;
    left: 50%;
    letter-spacing: 5px;
    margin-left: -200px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 400px;
    z-index: 999;
}
.contact-now {
    border: 1px solid #888;
    color: #888;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 11px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.contact-now a {
    text-decoration: none !important;
}
.contact-now:hover {
    border: 1px solid #888;
    background-color: #888 !important;
    color: #FFFFFF !important;
}
.contact-now a:hover {
    color: #FFFFFF !important;
}
/*stockists*/
#stock-area {
    padding-top: 30px;
    width: 100%;
    overflow: hidden;
    padding-bottom: 30px;
}
.stock-l {
    width: 48%;
    float: left;
    
}
.stock-l strong , .stock-r strong, .stock-b strong {
    color: #112E38;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    margin-bottom: 5px;
    line-height: 25px;
 }
 .stock-r strong {
    color: #112E38;
    display: inline-block;
    font-size: 13px;
    font-weight: normal;
    line-height: 25px;
 }
.stock-r {
    width: 48%;
    float: right;
}
.stock-b {
    margin-top: 100px;
}
/* wholesale*/
.yoko-box {
    float: left;
/*    margin: 1% 2% 1% 0;
    width: 48%;*/
    margin: 0;
    padding-right: 2%;
    width: 33.333%;
}
.yoko-box-w {
    float: left;
    margin: 1% 2% 1% 0;
    width: 48%;
}
.page-template-password-page-php div.wpcf7 {
    border: 0px solid #DCDCDC;
    margin: 0;
    padding: 0!important;
}
#order-all {
    margin-bottom: 10px;
    overflow: hidden;
}
.order-l {
    float: left;
    /*width: 50%;*/
    width: 72%;
}
.order-r {
    float: left;
    width: 15%;
}
.order-link-box {
    margin-top: 15px;
    width: 98%;
}
.order-link-now {
    border: 1px solid #D7D7D7;
    color: #BBBBBB;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 12px;
    letter-spacing: 2px;
    margin: auto;
    padding: 2%;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    width: 100%;
}
.order-link-now a {
    text-decoration: none !important;
}
.order-link-now:hover {
    background-color: #112E38 !important;
    color: #FFFFFF !important;
    border: #112E38 1px solid;
}
.order-link-now a:hover {
    color: #FFFFFF !important;
}
.order-sale-btn {
    margin: auto;
    text-align: center;
    width: 30%;
}
.page-template-password-page-php button, .page-template-password-page-php input[type="submit"], .page-template-password-page-php input[type="button"], .page-template-password-page-php input[type="reset"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, #112E38 0%, #112E38 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #112E38;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: medium medium 0;
    color: #FFFFFF;
    display: inline-block;
    letter-spacing: 2px;
    margin-top: 50px;
    padding: 1０px 24px;
    text-decoration: none;
    width: 100%;
    font-family: 'PT Sans Narrow', sans-serif;
}
.page-template-password-page-php button:hover,
.page-template-password-page-php button:focus,
.page-template-password-page-php input[type="submit"]:hover,
.page-template-password-page-php input[type="button"]:hover,
.page-template-password-page-php input[type="reset"]:hover,
.page-template-password-page-php input[type="submit"]:focus,
.page-template-password-page-php input[type="button"]:focus,
.page-template-password-page-php input[type="reset"]:focus {
    background: #34495e; /* Old browsers */
    background: -webkit-linear-gradient(top, #34495e 0%, #34495e 100%); /* Chrome 10+, Safari 5.1+ */
    background:   linear-gradient(to bottom, #34495e 0%, #34495e 100%); /* W3C */
    border-bottom: 0px solid #34495e;
    outline: none;
}
div.wpcf7-mail-sent-ok {
    border: 1px solid #112E38!important;
}
div.wpcf7-validation-errors {
    border: 1px solid #34495e!important;
}
#slider-imgbox li, #s-i li {
    float: left;
    width: 100%;
    background: no-repeat scroll center top / cover #fff;
}

#slider-imgbox li, #s-i li {
  display: none;
}
.bx-viewport .bxslider li {
  display: block !important;
}

/*div#maximage.mc-cycle.hogemoge {
    border: 5% solid #fff;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}*/
/*div#maximage.mc-cycle.hogemoge div.mc-image {
    width: 97.4% !important;
    height: 95%!important;
    top: 2.5% !important;
    left: 1.3% !important;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}*/
/*new-them*/
.r-p_box ul {
    list-style: none;
}
.item-l-text {
    float: left;
    width: 20%;
    margin-right: 2%;
}
.item-r-text {
    float: right;
    width: 78%;
}
.item-ebox, .item-jbox {
    margin: 0 auto 25px;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
}
.item-ebox {
    float: left;
    width: 48%;
}
.item-jbox {
    float: right;
    width: 48%;
}
.item-textbox {
    margin: 60px auto;
    width: 96%;
    overflow: hidden;
}
.post-type-archive-product #content ul {
    margin: 0px auto 0px 0;
    overflow: hidden;
    width: 100%;
}
.post-type-archive-product .site-content {
    width: 92%;
    margin: auto;
}
.post-type-archive-product #content h2 {
font-size: 18px;
margin: 25px 0 0;
padding-left: 1%;
font-family: 'PT Sans Narrow', sans-serif;
letter-spacing: 2px;
}
.post-type-archive-product #content h3 {
    font-size: 14px;
    margin: 15px 0 10px;
    padding-left: 1%;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 2px;
}
.post-type-archive-product #content ul.pproducts {
    width: 100%;
}
.post-type-archive-product #content ul.ipage li, .category #content ul.p-item li {
    float: left;
    list-style: outside none none;
    width: 33.33333%;
    /*width: 23%;*/
    padding: 1%;
    /*margin-bottom: 5%;*/
}
.post-type-archive-product #content ul.ipage li:first-child {

}

.page-template-page-fw #content ul {
    margin: 0px auto 0px 0;
    overflow: hidden;
    width: 100%;
}
.page-template-page-fw .site-content {
    width: 92%;
    margin: auto;
}
.page-template-page-fw #content h2 {
font-size: 18px;
margin: 25px 0 0;
padding-left: 1%;
font-family: 'PT Sans Narrow', sans-serif;
letter-spacing: 2px;
}
.page-template-page-fw #content h3 {
    font-size: 14px;
    margin: 15px 0 10px;
    padding-left: 1%;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 2px;
}
.page-template-page-fw #content ul.pproducts {
    width: 100%;
}
.page-template-page-fw #content ul.ipage li, .category #content ul.p-item li {
    float: left;
    list-style: outside none none;
    width: 33.33333%;
    padding: 1%;
    margin-bottom: 5%;
}
.page-template-page-fw #content ul.ipage li:first-child {

}
.img-i-box {
    position: relative;
}
.text-i-box {
    bottom: 0;
    left: 50%;
    margin-left: -160px;
    position: absolute;
    width: 320px;
}
.text-i-box h1 {
    text-align: center;
}
.n-about-box {
    margin-top: 150px;
    margin-bottom: 50px;
}
.na-box-all {
    overflow: hidden;
    padding: 0% 1.5% 5%;
}
.na-box-l {
    float: left;
    width: 33.5%;
}
.na-box-r {
    float: right;
    width: 63.8%;
}
.na-box-1 {
}
.na-box-2 {
    margin-top: 7.6%;
}
.na-box-3 {
}
.na-box-4 {
    margin-top: 1.5%;
    padding: 1.5%;
}
.na-box-5 {
}
.about-imgbox {
}
.about-imgbox ul {
    list-style: outside none none;
    overflow: hidden;
}
.about-imgbox li {
    float: left;
    padding: 1.5%;
    width: 33.3333%;
}
.na-box-ll {
    float: left;
    width: 63.8%;
}
.na-box-rr {
    float: right;
    width: 33.5%;
}
.na-box-rr1 {
    
}
.na-box-rr2 {
    margin-top: 7.6%;
}
.sukima {
    margin-top: 4%;
}
.aida {
    margin-top: -1.5%;
    margin-bottom: 2.5%;
}
.aida.ma {
    margin-top: 2.5%;
    margin-bottom: 3.5%;
}
.page-template-new-about-page-php .entry-content {
    margin: 0 auto 5%;
    max-width: 95%;
    width: 100%;
    font-size: 12px;
    line-height: 2;
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
}
.page-template-new-about-page-php .about-all-box {
    margin-top: 20px;
    overflow: hidden;
}
.page-template-new-about-page-php .side-lbox {
    float: left;
    font-family: 'Noto Sans Japanese','YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo';
    letter-spacing: 2px;
    width: 47%;
}
.page-template-new-about-page-php h1.about-sub-title {
    text-align: center;
}
.page-template-new-about-page-php .side-rbox {
    float: right;
    font-family: 'Noto Sans Japanese','YuGothic', 'Yu Gothic','游ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo';
    letter-spacing: 2px;
    width: 47%;
}
.page-template-news-page-php div.entry-content, .page-template-stockists-page-php div.entry-content, .page-template-contacts-page-php .about-all-box {
    margin: 150px auto 60px;
}
#item-area {
  width: 100%;
  margin: 0 auto 50px;   /*中央寄せ*/
  position: relative;
}
.item {
        display: block;
        padding: 1%;
        width: 31.333%
}
.nnbox {
    padding: 5px 0;
}
.nnbox .entry-title {
    font-weight: bold;
    letter-spacing: 1px;
    margin: 0 0 10px;
    text-align: center;
}
.nnbox footer.entry-meta {
    font-size: 10px;
    margin-top: 10px;
}
.page-template-stockists-page-php .entry-content {
    max-width: 85%;
}
.stock-l strong, .stock-r strong, .stock-b strong {
    font-weight: bold;
}
.newsingle {
    margin: 150px auto;
    position: relative;
    max-width: 800px;
}
.nawsingle-naka {

}
.newsingle .single-title {
    font-weight: bold;
    margin: 15px 0;
}
.newsingle footer.entry-meta {
    margin-top: 10px;
}
#menubar {
    position: fixed;
    top: 55px;
    right: 40px;
    z-index: 9998;
}
.menu-p-box {
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
#menu-pagearea {
    display:none; /* 最初は非表示 */
    width:100%;
    position: fixed;
    z-index:9999;
    top: 0px;
    left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    padding:25px;
    background-color: #112E38;
}

#menu-pagearea a{
    display: block;
    color: #fff;
    /*border: 1px solid;*/
    display: block;
    padding: 10px;
    text-decoration: none;
    text-decoration:none;
    tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
    -webkit-tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
}
#menu-pagearea p.close{
    display: block;
    margin:0 auto;
    width: 15px;
    height: 15px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    box-shadow: 1px 1px 1px #112E38 inset;
    -webkit-box-shadow: 1px 1px 1px #112E38 inset;  
    }
p.target {
    border-top-color: black;
    color: black;
    border-top-width: 1px;
    padding-top: 10px;
    border-top-style: solid;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
p.target.background--light {
    color: black;
    border-top-color: black;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
 
p.target.background--dark {
     color: white;
     border-top-color: white;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
p.open {
    cursor: pointer;
    font-family: 'PT Sans Narrow', sans-serif;
    /*font-weight: bold;*/
}
#menu-pagearea .close {
    color: #fff;
    cursor: pointer;
    padding-left: 20px;
    display: inline-block;
    height: 50px;
    margin: 30px 0 0;
}
#menu-pagearea .close:hover {
    color: #888;
}
.genericon-close-alt:before {
    content: '\f406';
    font: normal 35px Genericons;
}
#menu-pagearea ul{ margin:25px; }
#menu-pagearea ul {
    overflow: hidden;
}
#menu-pagearea ul li {
    float: left;
    width: 48%;
    margin: 1%;
    text-align: center;
}
h1.item-name {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 25px;
    margin: 0;
}
h2.item-color-name {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 23px;
    margin: 10px 0 35px;
}
.item-rbox a {
    text-decoration: none;
}
.item-rbox a:hover {
    text-decoration: none;
}
.page-template-new-about-page-php #primary {
    margin-bottom: 35px;
}
.page-id-1251.page-template-new-about-page-php .side-lbox, .page-id-1251.page-template-new-about-page-php .side-rbox {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-weight: 700;
}
.page-id-1251.page-template-new-about-page-php .side-lbox h1, .page-id-1251.page-template-new-about-page-php .side-rbox h1 {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.page-template-page-contact-php .side-lbox {
    float: right;
    width: 50%;
    /*max-width: 620px;*/
    margin: auto;
    letter-spacing: 2px;
    /*padding-top: 100px;*/
}
.page-template-page-contact-php .side-rbox {
    float: left;
    width: 45%;
    /*max-width: 620px;*/
    margin: auto;
    letter-spacing: 2px;
}
.page-template-page-contact-php .side-rbox .sub-rbox {
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.page-template-page-contact-php .about-all-box {
    margin-top: 150px;
    overflow: hidden;
}
.page-template-page-contact-php textarea {
    border: 1px solid #112E38;
    font-family: inherit;
    padding: 5px;
    width: 100%;
    margin-top: 10px;
    border-radius: 0;
    background-color: transparent;
}
.page-template-page-contact-php input {
    border-bottom:  1px solid #112E38;
    border-top: 1px none #fff;
    border-left: 1px none #fff;
    border-right: 1px none #fff;
    padding: 15px 5px;
    width: 100%;
    border-radius: 0;
    background-color: transparent;
}
.page-template-page-contact-php .entry-content {
    max-width: 95%;
}
.page-template-page-contact-php .link-box {
    margin-bottom: 75px;
}
.gw-hako {
    float: left;
    margin-top: 25px;
}
p.c-box-m {
    margin-bottom: 75px;
    line-height: 35px;
}
p.c-box-m span {

}
.page-template-page-contact-php div.wpcf7 {
    margin: 0 0 100px;
    padding: 0 !important;
}
p.mannaka input, p.mannaka input[type="submit"]:active,p.mannaka button:active, p.mannaka　input[type="button"]:active, p.mannaka　input[type="reset"]:active {
    width: 40%;
    border-width: 0;
}
.page-template-page-contact-php h1.cp-home-title {
    font-family: "游明朝体", "Yu Mincho", YuMincho,;
}
/*.page-template-page-contact-php .about-all-box {
    margin-top: 90px;
}*/
.page-template-password-page-php .entry-content {
    margin-top: 150px;
}

/*archive*/
.archive-header {
    background-color: transparent;
    margin: 80px auto 50px;
    padding: 0 40px;
    width: 100%;
}
.archive-header ul, .post-type-archive-product .archive-header ul {
    list-style: none;
    text-align: right;
}
.archive-header ul li, .post-type-archive-product .archive-header ul li {
    display: inline-block;
}
/*.post-type-archive-product #content .archive-header ul li {
    width: auto;
}*/
.archive-header ul li a, .post-type-archive-product .archive-header ul li a {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    margin-left: 12px;
    margin-right: 4px;
}
.archive-header ul li a:hover, .post-type-archive-product .archive-header ul li a:hover {
}

.page-template-page-fw .archive-header ul {
    list-style: none;
    text-align: right;
}
.page-template-page-fw .archive-header ul li {
    display: inline-block;
}
/*.page-template-page-fw #content .archive-header ul li {
    width: auto;
}*/
.page-template-page-fw .archive-header ul li a {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
    margin-left: 12px;
    margin-right: 4px;
}
.page-template-page-fw .archive-header ul li a:hover {
}

.category #content ul.p-item {
    list-style: outside none none;
    overflow: hidden;
}
.category #content ul.p-item li {
    float: left;
    width: 50%;
    /*padding: 1%;*/
}
h2.ws-title {
    margin-bottom: 5px;
}
.ws-yokobox {
    overflow: hidden;
}
.ws-yokobox ul {
    list-style: none;
    overflow: hidden;
    margin-left: -1%;
}
.ws-yokobox ul li {
    float: left;
    padding: 1%;
    width: 33.33333%;
}
.ws-yokobox ul li h3 {
    font-weight: normal;
    margin: 10px 2%;
}
.page-id-71 .hentry {
    margin-bottom: 100px;
}
.page-id-71 .entry-header, .page-id-71 .entry-content, .page-id-71 .entry-summary, .page-id-71 .entry-meta {
    max-width: 92%;
}
#p-main {
    position: relative;
}
.p-main-waku {
    margin-top: 180px;
    overflow: hidden;
}
/*パターン1*/
.bgslideshow {position:fixed; left:0; top:0; z-index: -1; height:100%; width:100%;}
.bgslideshow img {position: absolute; left:0; top:0; min-height:100%; min-width:100%; height: auto; width:100%;}

#loading {
    display:none;
    height: 30px;
    left: 50%;
    margin-left:-15px;
    margin-top:-15px;
    position: absolute;
    text-align: center;
    top: 44%;
    width: 30px;
}
/*.loadingbox {
    left: 48%;
    position: absolute;
    top: 40%;
}*/
.loadingbox div {

}
/*.loadingbox .sen1 {
    animation: 1.0s ease-in-out 0s normal none infinite loading_l;
    margin-top: -7px;
}

@keyframes loading_l {
0% {
    transform: rotate(90deg) translate3d(0px, -25px, 0px);
}
50% {
    transform: rotate(90deg) translate3d(0px, 25px, 0px);
}
100% {
    transform: rotate(90deg) translate3d(0px, -25px, 0px);
}
}*/

/* single-product */
.single-product #primary.content-area {
    position: relative;
    z-index: 2;
}
.pd-imgbox {
    width: 100%;
    background: no-repeat scroll center top / cover #fff;
}
.single-product .entry-header, .single-product .entry-content, .single-product .entry-summary, .single-product .entry-meta {
    max-width: 100%;
}
.pd-all-box {
    overflow: hidden;
    width: 100%;
    margin-top: 40px;
}
.pd-l-box {
    width: 70%;
    float: left;
}
.pd-r-box {
    width: 28%;
    z-index: 11;
    margin-left: 2%;
    float: left;
    top: 0;
    right: 0;
}
.pd-r-box-in, .pd-r-box-in h1 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: bold;
}
.all-isp {
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: 3px;
    position: relative;
}
.all-isp h1 {
    font-style: normal;
    margin: 0 0 10px;
    font-size: 15px;
    letter-spacing: 3px;
}
.all-isp h2 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 14px;
    letter-spacing: 3px;
    margin-bottom: 10px;
    margin-top: 0;
}
.all-isp .all-isp-l {
    float: left;
    margin-right: 20px;
    width: 75px;
    font-weight: 400;
}
.all-isp .all-isp-r {
    float: left;
    font-weight: 400;
}
.haikei-gray {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50%;
    opacity: 0.5;
}
/*.haike-b-gray {
    background-color: #b3bdbf;
    position: absolute;
    height: 38%;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 36%;
    opacity: 0.5;
}*/
.page-template-page-stockists .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50%;
    opacity: 0.5;
}
.tax-cat-product .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50%;
    opacity: 0.5;
}
.page-template-page-contact .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50%;
    opacity: 0.5;
}
.page-template-page-news .haikei-page, .single .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50%;
    opacity: 0.5;
}
.post-type-archive-product .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50%;
    opacity: 0.5;
}
.page-template-page-fw .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50%;
    opacity: 0.5;
}
.page-template-page-about-php .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    width: 50%;
    opacity: 0.5;
}
.pd-other {
    overflow: hidden;
    margin: 3% 0 0;
    padding-bottom: 3%;
}
.pd-other ul {
    overflow: hidden;
    list-style: none;
    margin-right: -3%;
}
.pd-other ul li {
    float: right;
    padding-right: 3%;
    width: 25%;
}
/*.page-template-page-stockists*/
.page-template-page-stockists .entry-content {
    margin: 0 auto 80px;
    max-width: 90%;
    width: 100%;
    overflow: hidden;
}
.all-stock {
    width: 100%;
    float: none;
    max-width: 400px;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 13px;
    letter-spacing: 2px;
}
.all-stock.twobox {
    /*padding-left: 1%;*/
    margin-top: /*40px*/70px;
}
.all-stock h2 {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.all-stock h2.kuni {
    /*margin-bottom: 0;*/
}

/*.page-template-page-contact*/
.page-template-page-contact .entry-header, .page-template-page-contact .entry-content, .page-template-page-contact .entry-summary, .page-template-page-contact .entry-meta {
    margin: 0 auto 80px;
    max-width: 90%;
    width: 100%;
    overflow: hidden;
}
.page-template-page-contact .contactbox {
    /*font-weight: bold;*/
    /*margin-left: 18%;*/
}
.page-template-page-contact .entry-content {
    position: relative;
    z-index: 2;
}
.page-template-page-contact .contactbox.c-one {
    
    margin-top: 30px;
}
.page-template-page-contact .contactbox.c-two {
    
    margin-top: 30px;
}
.page-template-page-contact .contactbox-in-text {
    width: 100%;
    max-width: 500px;
    margin: 50px 0 50px;
}
.page-template-page-contact .c-box {
    overflow: hidden;
    margin-bottom: 40px;
}
.page-template-page-contact .c-box .c-l {
    float: left;
    width: 100%;
    font-family: 'PT Sans Narrow', sans-serif;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.page-template-page-contact .c-box .c-r {
    float: left;
    width: 100%;
    padding-left: 5px;
}
/*.loadingbox .sen1 {
    animation: 1.0s ease-in-out 0s normal none infinite loading_l;
    margin-top: -7px;
}
.loadingbox .sen2 {
    animation: 1.0s ease-in-out 0s normal none infinite loading_r;
    margin-top: 7px;
}

@keyframes loading_l {
0% {
    transform: rotate(45deg) translate3d(0px, -25px, 0px);
}
50% {
    transform: rotate(45deg) translate3d(0px, 25px, 0px);
}
100% {
    transform: rotate(45deg) translate3d(0px, -25px, 0px);
}
}

@keyframes loading_r {
0% {
    transform: rotate(45deg) translate3d(0px, 25px, 0px);
}
50% {
    transform: rotate(45deg) translate3d(0px, -25px, 0px);
}
100% {
    transform: rotate(45deg) translate3d(0px, 25px, 0px);
}
}*/
/*.loader{
  margin: 0 0 0;
  height: 40px;
  width: 20%;
  text-align: center;
  margin: 0 auto 0;
  display: inline-block;
  vertical-align: top;
}*/
#loader {
    position: absolute;
    width: 30px; /*ローディングアイコンの横サイズ*/
    height: 30px; /*ローディングアイコンの縦サイズ*/
    border-radius: 50%;  /*CSS3で円を書く*/
    border: 2px solid #112E38;  /*円に○の白枠をつける*/
    border-right-color: transparent; /*円の右にC状の空きをつける*/
    animation: spin 1s linear infinite;
}
@keyframes spin {
    0% { transform: rotate(0deg);   opacity: 0.2; } /*0%の時は20％の透明度*/
    50%  { transform: rotate(180deg); opacity: 1.0; } /*50%の時は透明度なし*/
    100%   { transform: rotate(360deg); opacity: 0.2; } /*100%の時に20％の透明度に戻る*/
 
}


/*
  Set the color of the icon
*/
svg path,
svg rect{
  fill: #112E38;
}
.scrImg {
    left: -50px;
    margin: 0 auto;
    display: none;
    position: relative;
}
.about-in-box {
    width: 100%;
    margin: auto;
    padding: 0 3% 2%;
}
.about-setumei {
    overflow: hidden;
    position: relative;
}
.abut-gaiyou  {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    position: absolute;
    z-index: 2;
    top: 5%;
    left: 2%;
    color: #fff;
    overflow: hidden;
    font-weight: bold;
}
.abut-gaiyou p {
    margin-bottom: 5px;
}
.link-gazou {
    position: relative;
}
.link-gazou h2 {
    font-size: 13px;
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    letter-spacing: 0.1rem;
    margin: 0;
    position: absolute;
    bottom: 0;
    right: 0;
    color: #112E38;
    letter-spacing: 3px;
    font-family: 'PT Sans Narrow', sans-serif;
}
/*.link-gazou h2 span {
    font-size: 12px;
    font-style: italic;
}*/
.gazouarea {
    width: 95%;
}
.a-pd-all-box {
    overflow: hidden;
    width: 90%;
    margin: 40px auto 100px;
}
.a-pd-all-box .a-pd-l-box {
    float: left;
    width: 60%;
}
.a-pd-all-box .a-pd-r-box {
    float: left;
    width: 38%;
    padding-left: 2%;
}
.a-pd-r-box-in {
    font-family: 'PT Sans Narrow', sans-serif;
}
.a-pd-r-box-in .all-isp h2 {
    margin-top: 0;
}
.post-type-archive-product #header-area, .tax-cat-product #header-area, .single-product #header-area {
    margin-bottom: 1%;
}
.page-template-page-fw #header-area {
    margin-bottom: 1%;
}
.productmenu {
    margin-bottom: 80px;
    padding-left: 1%;
}
.productmenu .nav-menu li a {
    padding: 0 15px 0 0;
}
.tax-cat-product .productmenu, .single-product .productmenu {
    margin-bottom: 3%;
    margin-top: 2%;
}
#slide {
    /*position:relative;*/
    top:0;
    left:0;
    width: 100%;
    height:100%;
}

#slide li.slide {
    position:absolute;
    left:0;
    top:0;
    opacity: 0;
    width: 100%;
    overflow: hidden;
    float: left;
    background: no-repeat scroll center top / cover #fff;
}
section.a-p-all {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 5%;
}
.about-onebox {
    overflow: hidden;
    padding: 0% 1.5% 5%;
}
.about-onebox .about-img-area {
    position: relative;
}
.about-setumei-text {
    font-size: 13px;
    line-height: 2;
    width: 40%;
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 3;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 1px;
}
.about-all-area {
    overflow: hidden;
    position: relative;
    z-index: 2;
    font-size: 12px;
    line-height: 2;
    margin: 0;
    padding: 0% 1.5% 5%;
}
.about-l-area {
    text-align: left;
    width:40%;
}
.about-r-area {
    text-align: left;
    width: 40%;
    float: right;
    margin-top: 50px;
}
.home div#page.hfeed.site {
    margin-bottom: 0;
}
div#page.hfeed.site {
    margin-bottom: 80px;
}
.sns-area {
    position: absolute;
    top: 57px;
    right: 0;
    overflow: hidden;
    z-index: 9999;
    width: 62px;
}
.home .sns-area {
    position: absolute;
    top: 20px;
    right: 20px;
    overflow: hidden;
    z-index: 9999;
}
.sns-area ul {
    overflow: hidden;
}
.sns-area ul li {
    width: 100%;
    max-width: 16px;
    float: left;
    margin-left: 15px;
    list-style: none;
}
.madeinbox {
font-weight: normal;
margin-top: 30px;
}
h2.a-s-title {
    font-size: 14px;
    margin: 25px 0 10px;
    font-weight: normal;
    font-family: 'PT Sans Narrow', sans-serif;
}
.about-setumei-text {
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
}
.contact-title {
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 15px;
}
.single-post div#content.site-content header, .single-post div.entry-content, .single-post footer.entry-utility {
    width: 100%;
    max-width: 700px;
    margin: auto;
}
div.bikou {
    font-weight: normal;
    font-size: 9px;
    letter-spacing: 1px;
    margin-top: 20px;
}
.c-asahi-btn {
text-align: center;
}
.c-asahi-btn a {
    transition: all 0.5s;
    display: block;
    border: 1px solid #112E38;
    width: 50%;
    padding: 2px 10px;
    font-family: 'PT Sans Narrow', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 2px;
}
.c-asahi-btn a:hover {
    border: 1px solid #112E38;
    display: block;
    background-color: #112E38;
    color: #fff;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.insta-area {
    overflow: hidden;
}
.instagram {
    overflow: hidden;
    margin-left: -2%;
    margin-top: -2%;
}
.instagram .instagram-item {
    width: 29.33333%;
    float: left;
    margin: 2%;
    /*border: .1px solid #f5f5f5;*/
}
.page-template-page-instagram .about-onebox {
    overflow: hidden;
    padding: 0% 1.5% 0;
}
.page-template-page-instagram .about-in-box {
    width: 100%;
    margin: auto;
    padding: 0 3% 0;
}
.page-template-page-instagram .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    width: 50%;
    opacity: 0.5;
}
ul.instagram-meta {
    padding: 3%;
    position: relative;
    font-size: 90%;
    list-style: none;
}
.instagram-meta li.instagram-text {
/*    position: absolute;
    top: 5px;*/
}
.instagram-meta li.instagram-date {
/*    position: absolute;
    bottom: 5px;*/
    margin-bottom: 40px;
}
/*.post-type-archive-product #content ul.ipage li:first-child {
    width: 31%;
}*/
.instagram-date {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    font-size: 13px;
    letter-spacing: 2px;
}
.sns-btn-wrap {
    overflow: hidden;
    font-size: 10px;
    border: 1px solid;
    letter-spacing: 1px;
}
.sns-btn-l {
    float: left;
    padding: 2px 5px;
    border-right: 1px solid;
}
.sns-btn-r {
    float: left;
    padding: 2px 5px;
}
.sns-area ul li.gengo {
    max-width: 90px;
    margin-left: 25px;
}
.sns-area ul li img {
    vertical-align: baseline;
}
.home .sns-area ul li.gengo a {
    color: #fff;
}
.sns-btn-r span {
    text-decoration: line-through;
}
.sns-area ul li.sns-moji {
    font-size: 15px;
    margin-left: 1px;
    padding-top: 2px;
    font-weight: bold;
    letter-spacing: 2px;
    font-family: 'PT Sans Narrow', sans-serif;
    opacity: .4;
}
.home .sns-area ul li.sns-moji {
    color: #fff;
}
.home .sns-area ul li.sns-moji a {
    color: #fff;
}
.sns-area ul li.sns-moji.moji-l {
margin-right: 3px;
opacity: 1;
margin-left: 17px;
}
.postid-600 .pd-other ul li, .postid-601 .pd-other ul li, .postid-602 .pd-other ul li, .postid-688 .pd-other ul li, .postid-689 .pd-other ul li, .postid-593 .pd-other ul li, .postid-595 .pd-other ul li, .postid-597 .pd-other ul li, .postid-684 .pd-other ul li, .postid-685 .pd-other ul li, .postid-433 .pd-other ul li, .postid-434 .pd-other ul li, .postid-582 .pd-other ul li, .postid-682 .pd-other ul li, .postid-683 .pd-other ul li, .postid-430 .pd-other ul li, .postid-431 .pd-other ul li, .postid-579 .pd-other ul li, .postid-678 .pd-other ul li, .postid-680 .pd-other ul li, .postid-573 .pd-other ul li, .postid-673 .pd-other ul li, .postid-78 .pd-other ul li, .postid-79 .pd-other ul li, .postid-80 .pd-other ul li, .postid-575 .pd-other ul li, .postid-674 .pd-other ul li, .postid-89 .pd-other ul li, .postid-90 .pd-other ul li, .postid-91 .pd-other ul li, .postid-583 .pd-other ul li, .postid-675 .pd-other ul li, .postid-82 .pd-other ul li, .postid-83 .pd-other ul li, .postid-84 .pd-other ul li, .postid-585 .pd-other ul li, .postid-676 .pd-other ul li, .postid-95 .pd-other ul li, .postid-96 .pd-other ul li, .postid-97 .pd-other ul li {
float: right;
padding-right: 3%;
width: 25%;
}

/* サイドオープン時にメインコンテンツを覆う部分 */
.overlay {
  content: '';
  visibility: hidden;
  position: fixed;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0);
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
  z-index: 3;
}
.overlay::after {
  content: "";
  visibility: hidden;
  position: fixed;
  top: 40%;
  left: 0;
  display: block;
  width: 100%;
  height: 50px;
  color: rgba(255,255,255,0);
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}
.side-open .overlay {
  visibility: visible;
  cursor: pointer;
  background: rgba(255,255,255,.7);
}
.side-open .overlay::after {
  visibility: visible;
  color: rgba(255,255,255,.8);
}

/* サイドメニュー ※リストのスタイルは省略 */
.side-menu {
  position: fixed;
  top: 0;
  left: -320px;
  width: 320px;
  height: 100%;
  padding: 40px 3%;
  text-align: left;
  font-size: 13px;
  background: rgba(179, 189, 191,.5);
  z-index: 1;
  line-height: 1.8;
    font-family: 'PT Sans Narrow', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
-webkit-transition: all .6s ease;
transition: all .6s ease;
}
.side-open .side-menu {
  top: 0;
  left: 0;
  overflow: scroll;
-webkit-transition: all .6s ease;
transition: all .6s ease;
max-width: 100%;
}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.side-menu-btn {
  position: fixed;
  top: 40px;
  left: 1.5%;
  width: 30px;
  height: 40px;
  padding: 5px;
  background: transparent;
  cursor: pointer;
  z-index: 4;
}
.side-open .side-menu-btn {
  position: fixed;
  top: 20px;
  left: 330px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

/* サイドメニューオープン */
.side-open #page.hfeed.site,
.side-open .overlay {
  -webkit-transform: translate3d(320px, 0, 0);
  transform: translate3d(320px, 0, 0);
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
#wrap {
    z-index: 2;
    overflow: hidden;
}
.home #wrap  {
    overflow: visible;
}
.home #wrap.side-open {
        overflow: hidden;
}
.side-open .home #wrap  {
    overflow: hidden;
}
.side-menu {
    display: none;
}
.side-open .side-menu {
    display: block;
    overflow-y: auto;
}

#page.hfeed.site {
    position: relative;
}


.side-menu-btn span {
    background: #112E38;
    transition: all 0.3s;
    transform: rotate(0deg);
    width: 20px;
    height: 2px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -10px;
}
.home .side-menu-btn span {
    background: #fff;
}
.side-menu-btn span.top {
    transform: translateY(-5px);
}
.side-menu-btn span.bottom {
    transform: translateY(5px);
}

.side-open .side-menu-btn span.middle {
    background: rgba(240, 240, 240, 0);
}
.side-open .side-menu-btn span.top {
    transform: rotate(-45deg) translateY(0px);
    background-color: #112E38;
}
.side-open .side-menu-btn span.bottom {
    transform: rotate(45deg) translateY(0px);
    background-color: #112E38;
}
.side-logo {

}
.side-logo .logo-title {
    max-width: 120px;
    width: 100%;
    margin-bottom: 40px;
}
.side-sns-area ul {
    overflow: hidden;
    margin-bottom: 30px;
}
.side-sns-area ul li {
    float: left;
    margin-right: 10px;
}
.snsicon {
    width: 100%;
    max-width: 14px;
}
.side-menu h2 {
    font-family: 'PT Sans Narrow', sans-serif;
    margin: 0 0 20px;
    font-size: 13px;
}
.side-menu h3 {
    font-family: 'PT Sans Narrow', sans-serif;
    margin: 0 0 6px;
    font-size: 13px;
}
.side-menu h3.pl-b {
    margin-top: 20px;
}
.side-top-menu {
    font-weight: bold;
    margin-bottom: 30px;
}
.side-productmenu {
    /*border-top: 1px solid #112E38;*/
    padding-top: 0;
}
#acMenu dt {
    display:block;
    line-height:2;
    cursor:pointer;
}
.side-menu #acMenu dd {
    line-height:2;
    /*display:none;*/
}
dl#acMenu {
    margin: 0;
}
dl#acMenu dt:hover {
    color: #888;
}
.sns-area ul li.naka-li {
    margin: 1px 0 0;
    width: 8px;
    text-align: center;
    font-size: 12px;
}
.home .sns-area ul li.naka-li {
    color: #fff;
}





@media (max-width: 768px) {
.pd-l-box, .pd-r-box {
    width: 100%;
}
.pd-r-box {
    margin: 10px 0;
}
.pd-all-box {
    overflow: hidden;
    width: 99%;
    margin: 40px auto 0;
}
ul.nav-menu, div.nav-menu > ul {
    margin: 0 0 0 -5px;
}
}

@media (max-width: 736px) {

ul.nav-menu, div.nav-menu > ul {
    margin: 0;
}
    #header-area {
    margin: 5px auto 10px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;    
    }
    ul.nav-menu,
    div.nav-menu > ul {
    display: inline;
    margin: 0;
    padding: 0;
    text-align: left;
    overflow: hidden;
    }
.home .site-title {
    max-width: 110px;
    margin: 0 10px;
}
.home .logo-area {
    margin: 0 0 10px;
}
.logo-area {
    max-width: 100%;
    width: 100%;
    position: relative;
    width: 100%;
}
.site-title {
    max-width: 130px;
}
    .site-title {
    font-size: 60px;
    font-weight: bold;
    line-height: 1;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    }
    .home .site-title, .page-template-page-sample-php .site-title {
    max-width: 110px;
    }
    #content .entry-header,
    #content .entry-content,
    #content .entry-summary,
    #content footer.entry-meta,
    #content .featured-gallery,
    .search.sidebar .page-content,
    .blog.sidebar .page-content,
    .sidebar .post-navigation .nav-links,
    .paging-navigation .nav-links,
    #content .author-info,
    .comments-area .comments-title,
    .comments-area .comment-list,
    .comments-area .comment-navigation,
    .comment-respond,
    .sidebar .site-info,
    .sidebar .paging-navigation .nav-links,
    .site-info {
        padding-left: 5px;
        padding-right: 5px;
    } 

.navbar {
    background-color: rgba(0, 0, 0, 0);
    float: none;
    margin: 0 auto;
    max-width: 480px;
    text-align: center;
    width: 100%;
}
.all-homebox {
    max-width: 90%;
    width: 100%;
    float: none;
    position: fixed;
    top: auto;
    z-index: 99;
    left: 5px;
    bottom: 8%;
}

.home .site-info, .site-info, .page-template-page-sample-php .site-info {
    font-size: 12px;
    text-align: left;
}

.site-info {
    position: relative;
    left: auto;
    padding: 0 10px;
    font-weight: bold;
}
.n-about-box {
    margin-top: 90px;
}
#menubar {
    top: 32px;
    right: 20px;
}
p.target {
    border-top-width: 2px;
}
.menu-p-box {
    font-size: 16px;
    font-weight: bold;
}
.about-imgbox li {
    width: 50%;
}
/*.about-imgbox li:last-child {
    width: 100%;
}*/
.about-imgbox .secound li:first-child {
    width: 100%;
}
.about-imgbox .secound li:last-child {
    width: 50%;
}
.page-template-new-about-page-php .side-lbox, .page-template-new-about-page-php .side-rbox {
    width: 100%;
}
.page-template-new-about-page-php #primary {
    margin-bottom: 0px;
}
.n-about-box {
    margin-bottom: 20px;
}
#item-area {
    margin-top: 0;
}
.item {
    width: 100%;
    margin: 10px 0 20px;
}
.post-type-archive-product #content ul {
    margin: 0px auto 20px;
}
.post-type-archive-product #content ul li {
    width: 50%;
}
.page-template-page-fw #content ul {
    margin: 0px auto 20px;
}
.page-template-page-fw #content ul li {
    width: 50%;
}
.text-i-box {
    display: none;
}
#item-area-all {
    margin: 95px auto 50px;
}
.item-l-text {
    width: 100%;
    margin-right: 0%;
}
.item-r-text {
    float: right;
    width: 100%;
}
.item-ebox {
    float: left;
    width: 100%;
}
.item-jbox {
    float: right;
    width: 100%;
}
.page-template-news-page-php div.entry-content, .page-template-contacts-page-php .about-all-box {
    margin: 90px auto 60px;
}
.page-template-stockists-page-php div.entry-content {
    margin: 70px auto 60px;
}
.navbar-fbox {
    padding: 0 10px;
}
.navbar-fbox ul#menu-mobile-menu.nav-menu {
    overflow: hidden;
    padding: 10px;
}
.navbar-fbox ul#menu-mobile-menu.nav-menu li {
    display: block;
}
.navbar-fbox ul#menu-mobile-menu.nav-menu li a {
    color: #112E38;
    font-size: 14px;
    text-align: center;
    border: 2px solid;
    margin-bottom: 10px;
    font-weight: bold;
    width: 48%;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
#menu-pagearea ul.nav-menu-r li {
    float: left;
    width: 48%;
    margin: 1%;
    text-align: center;
}
h1.item-name, h2.item-color-name {
    text-align: center;
}
.page-template-password-page-php .entry-content {
    margin-top: 90px;
}
#menu-pagearea .close {
    color: #fff;
    cursor: pointer;
    padding-left: 0px;
    display: inline-block;
    height: 50px;
    margin: 30px 0 0;
}
.p-item, .post-type-archive-product #content ul.ipage {
/*    margin-top: 80px;
*/}
.page-template-page-contact-php .side-lbox {
    float: right;
    letter-spacing: 2px;
    margin: auto;
    width: 100%;
}
.page-template-page-contact-php .side-rbox {
    float: left;
    letter-spacing: 2px;
    margin: auto;
    width: 100%;
}
.p-main-waku {
    margin-top: 80px;
    overflow: hidden;
}
.page-id-71 .entry-header, .page-id-71 .entry-content, .page-id-71 .entry-summary, .page-id-71 .entry-meta {
    max-width: 100%;
}
.page-id-71 .hentry {
    margin-bottom: 50px;
}
.page-id-71 .ws-yokobox ul li {
    width: 50%;
}
.page-id-71 .ws-yokobox ul li h2 {
    letter-spacing: 0;
}
h1.item-name {
    font-size: 20px;

}
h2.item-color-name {
    font-size: 18px;
}
.page-template-stockists-page-php .entry-content {
    max-width: 90%;
}
#menu-sp {
    display:none; /* 最初は非表示 */
    width:100%;
    position: fixed;
    z-index:999;
    top: 0px;
    left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #83ff36;
    padding:5px;
}
#menu-sp ul{
    margin:25px;
    overflow: hidden;
}
#menu-sp ul li{
    padding: 10px 0;
    text-align: center;
}
#menu-sp ul li:first-child{ border-top:none; }
#menu-sp ul li:last-child{ border-bottom:none; }
#menu-sp a{
    display: block;
    height: 20px;
    color: #333;
    text-decoration:none;
    tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
    -webkit-tap-highlight-color:rgba(186,151,123, 0.3)!important; /* タップした色 */
}
#menu-sp p.close {
    font-size: 20px;
    font-weight: bold;
    padding-left: 20px;
    margin-bottom: 10px
}
.menu-trigger,
.menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
..menu-trigger {
    position: relative;
    width: 50px;
    height: 44px;
}
.menu-trigger span {
    position: absolute;
    left: 25px;
    width: 100%;
    max-width: 20px;
    height: 2px;
    background-color: #333;
}
.menu-trigger span:nth-of-type(1) {
    top: 20px;
}
.menu-trigger span:nth-of-type(2) {
    top: 28px;
}
.menu-trigger span:nth-of-type(3) {
    top: 35px;
}
}
@media (max-width: 680px) {
.menu-sp-menu-menu-container {
    width: 82%;
    margin: auto;
}
.side-open #page.hfeed.site, .side-open .overlay {
    transform: translate3d(100%, 0, 0);
}
.side-menu {
    background-color: rgba(179, 189, 191,.5);
    z-index: 4;
}
.side-menu {
  left: -100%;
  width: 100%;
}
.side-open .sns-area {
    position: relative;
    opacity: 0;
}
#sp-menubox {

}
.side-open #sp-menubox.fixed {
    opacity: 0;
}

#sp-menubox.fixed {
position: fixed;
width: 100%;
z-index: 2;
background-color: rgba(179, 189, 191,.9);
overflow: hidden;
height: 55px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}
.side-menu-btn {
    top: 8px;
    left: 2%;
}
.pd-all-box {
    overflow: hidden;
    width: 100%;
    margin: 40px auto 0;
}
.home .site-title {
    margin: 0 auto;
}
.all-homebox {
    max-width: 90%;
    width: 100%;
    float: none;
    position: fixed;
    top: auto;
    z-index: 99;
    left: 0;
    bottom: 8%;
}
body {
    background-color: #CFD5D6;
}
.nav-menu li a {
    padding: 15px 8px;
}
.sp-head {

}
.haikei-gray {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 0;
    opacity: 0.5;
}
/*.haike-b-gray {
    background-color: #b3bdbf;
    position: absolute;
    height: 38%;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 0;
    opacity: 0.5;
}*/
.page-template-page-stockists .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 0;
    opacity: 0.5;
}
.tax-cat-product .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 0;
    opacity: 0.5;
}
.page-template-page-contact .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 0;
    opacity: 0.5;
}
.page-template-page-news .haikei-page, .single .haikei-page, .page-template-page-instagram .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 0;
    opacity: 0.5;
}
.post-type-archive-product .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 0;
    opacity: 0.5;
}
.page-template-page-fw .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 0;
    opacity: 0.5;
}
.page-template-page-about-php .haikei-page {
    background-color: /*#CFD5D6*/#b3bdbf;
    position: fixed;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 0;
    opacity: 0.5;
}
.post-type-archive-product #content ul.ipage li:first-child, .category #content ul.p-item li:first-child {
    width: 100%;
    margin-bottom: 0;
}
.post-type-archive-product #content ul.ipage li, .category #content ul.p-item li {
    float: left;
    list-style: outside none none;
    width: 50%;
    padding: 1%;
    margin-bottom: .5%;
}
.page-template-page-fw #content ul.ipage li:first-child, .category #content ul.p-item li:first-child {
    width: 100%;
    margin-bottom: 0;
}
.page-template-page-fw #content ul.ipage li, .category #content ul.p-item li {
    float: left;
    list-style: outside none none;
    width: 50%;
    padding: 1%;
    margin-bottom: 5%;
}
.pd-l-box, .pd-r-box {
    width: 100%;
}
.pd-r-box {
    margin: 10px 0;
}
.pd-other {
    margin: 5% 0 2%;
}
.pd-other ul {

}
.pd-other ul li {
    width: 50%;
}
.postid-600 .pd-other ul li, .postid-601 .pd-other ul li, .postid-602 .pd-other ul li, .postid-688 .pd-other ul li, .postid-689 .pd-other ul li, .postid-593 .pd-other ul li, .postid-595 .pd-other ul li, .postid-597 .pd-other ul li, .postid-684 .pd-other ul li, .postid-685 .pd-other ul li, .postid-433 .pd-other ul li, .postid-434 .pd-other ul li, .postid-582 .pd-other ul li, .postid-682 .pd-other ul li, .postid-683 .pd-other ul li, .postid-430 .pd-other ul li, .postid-431 .pd-other ul li, .postid-579 .pd-other ul li, .postid-678 .pd-other ul li, .postid-680 .pd-other ul li, .postid-573 .pd-other ul li, .postid-673 .pd-other ul li, .postid-78 .pd-other ul li, .postid-79 .pd-other ul li, .postid-80 .pd-other ul li, .postid-575 .pd-other ul li, .postid-674 .pd-other ul li, .postid-89 .pd-other ul li, .postid-90 .pd-other ul li, .postid-91 .pd-other ul li, .postid-583 .pd-other ul li, .postid-675 .pd-other ul li, .postid-82 .pd-other ul li, .postid-83 .pd-other ul li, .postid-84 .pd-other ul li, .postid-585 .pd-other ul li, .postid-676 .pd-other ul li, .postid-95 .pd-other ul li, .postid-96 .pd-other ul li, .postid-97 .pd-other ul li {
    width: 50%;
}
.about-in-box {
    padding: 0 0 2%;
}
.single-product #primary.content-area {
    padding: 0 1%;
}
.page-template-page-contact .entry-header {
    max-width: 100%;
}
.page-template-page-contact #content .entry-content {
    padding-right: 0;
    padding-left: 0;
}
.post-type-archive-product .site-content {
    width: 100%;
    margin: auto;
}
.page-template-page-fw .site-content {
    width: 100%;
    margin: auto;
}
div#page.hfeed.site {
    margin-bottom: 30px;
}
.home div#page.hfeed.site {
    margin-bottom: 0;
}
.site-info {
    margin-top: 30px;
    text-align: center;
}
.about-l-area {
    text-align: left;
    width:100%;
}
.about-r-area {
    margin-top: 35px;
    width: 100%;
}
.nav-menu li {
    position: relative;
    width: 50%;
    float: left;
}
.all-stock {
    margin-top: 30px;
}
div.productmenu {
    width: 96%;
    margin: auto;
}
.page-template-page-stockists .entry-content {
    max-width: 94%;
}
.menu-product-container {
margin: 0px auto 20px;
overflow: hidden;
}
.menu-roduct2-container {
margin: 0px auto 20px;
overflow: hidden;
}
.menu-product-container ul li {
    /*margin-bottom: 10px;*/
}
.menu-roduct2-container ul li {
    /*margin-bottom: 10px;*/
}
.a-pd-all-box .a-pd-l-box {
    float: left;
    width: 100%;
}
.a-pd-all-box .a-pd-r-box {
    float: left;
    width: 100%;
    padding-left: 0%;
    margin-top: 20px;
}
.tax-cat-product .a-pd-all-box {
    width: 98%;
}
.single-product .hentry {
    margin-bottom: 40px;
}
.page-template-page-contact .entry-header {
    margin: 30px auto 40px;
}
.about-setumei-text {
    font-size: 11.5px;
    line-height: 1.5;
    width: 100%;
    position: relative;
    left: auto;
    bottom: auto;
    margin: 10px auto 15px;
    z-index: 1;
}
.menu-sp-menu-menu-container a {
    text-align: center;
}
.sns-area, .home .sns-area {
    position: absolute;
    top: 15px;
    right: 5px;
    overflow: hidden;
    z-index: 3;
}
.navbar-fbox .nav-menu li a:nth-child(odd) {
    margin-left: -5px;
}
.home .all-homebox {
    max-width: 100%;
    bottom: 20px;
}
.home .nav-menu li a:nth-child(odd) {
    margin-left: -5px;
}
.menu-product-container {
    margin: 0px auto 20px;
    overflow: hidden;
    width: 49%;
    float: left;
    margin-right: 1%;
}
.productmenu ul#menu-product.nav-menu {

}
.productmenu ul#menu-product.nav-menu li {
    width: 100%;
}
.menu-roduct2-container {
    margin: 0px auto 20px;
    overflow: hidden;
    width: 100%;
    float: left;
    margin-left: 1%;
}
.menu-roduct2-container ul#menu-roduct2.nav-menu {

}
.menu-roduct2-container ul#menu-roduct2.nav-menu li {
    width: 100%;
}
div.allbox-404 {
    margin-top: 25px;
}
.c-asahi-btn a {
    width: 100%;
}
.productmenu .nav-menu li a {
    font-weight: normal;
}
.single-post .hentry {
    margin-bottom: 25px;
}
.sns-area {
    width: 48px;
    position: fixed;
}
.side-open .side-menu-btn {
  right: 3%;
  left: auto;
}
}
/* Mobile devices_359 */
@media (max-width: 480px) {
.home-textbox, .navbar.sp {
    display: none;
}
.navbar {
    text-align: left;
    padding-left: 5px;
    padding-right: 5px;    
    margin: 5px auto 0;
}   
.site-main {
    margin-top: 20px;
}
.item-area-l, .side-rbox {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px; 
    margin-bottom: 40px;  
}
.item-area-r {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;     
}
.side-lbox {
    float: left;
    width: 100%;
}
.order-now {
    width: 100%;
}
.n-box-l {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;        
}
.n-box-r {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;        
}
.n-box-r .entry-title {
        font-size: 13px;
        font-weight: bold;
        margin-top: 5px;
        font-weight: normal;
    }
footer.entry-meta {
    color: #112E38;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 12px;
    margin-top: 0px !important;
    margin-bottome: 10px !important;
}
/*.nav-menu li a:after {
    border-bottom: 1px solid #FFFFFF;
    content: "";
    display: none;
    margin: 15px auto;
    width: 30px;
}
.nav-menu li a:hover:after {
    border-bottom: 1px solid #888888;
    content: "";
    display: none;
    margin: 15px auto;
    width: 30px;
}*/
/*.nav-menu li.current_page_item a:after {
    border-bottom: 1px solid #888888;
    content: "";
    display: none;
    margin: 15px auto;
    width: 30px;
}
    .nav-menu li {
    display: inline-block;
    position: relative;
    width: 49%;
    border: 1px solid #999;
    margin: 4px 0px;
    text-align: center;
    } */
.nav-menu li a {
    color: #112E38;
    display: block;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 14px;
    letter-spacing: 2px;
    line-height: 1;
    padding: 15px 8px;
    text-decoration: none;
    text-transform: uppercase;
    background-color: transparent;
}
.sns-area ul li.sns-moji.moji-l {
margin-left: 0;
opacity: 1;
}

    #header-area {
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
    }
    .about-all-box {
    overflow: hidden;
    margin-top: 0;
    }
    .side-lbox h1.sub-title {
        margin: 10px 0 5px;
    }
    .side-rbox h1.sub-title {
        margin: 30px 0 5px;
    }    
    .a-mt50 {
    margin-top: 0;
    }
    .error404 .page-content {
    padding: 10px 0;
    }    
    .error404 .title-404 {
    color: #FFFFFF;
    font-family: 'PT Sans Narrow', sans-serif;
    font-size: 150%;
    height: 100px;
    left: 50%;
    letter-spacing: 5px;
    margin-left: -100px;
    margin-top: -50px;
    position: absolute;
    text-align: center;
    top: 60%;
    width: 200px;
    z-index: 999;
    }
    .yoko-box {
    width: 100%;
    padding-right: 0;
    padding-top: 1%;
   }
    .yoko-box-w {
    width: 100%;
   }
   .page-template-password-page-php .p-r-main {
    width: 100%;
    }
    .page-template-password-page-php .p-l-main {
    width: 100%;
    padding: 5%;
    }
    .page-template-password-page-php .order-l {
    float: left;
    width: 85%;
    }
    .site-footer {
    letter-spacing: 0px;
    }
    div.wpcf7 {
    margin: 0;
    padding: 20px 5px!important;
    }
    .easingsliderlite .easingsliderlite-arrows.easingsliderlite-next, .easingsliderlite .easingsliderlite-arrows.easingsliderlite-prev {
    display: none;
    }
.stock-l, .stock-r {
    width: 100%;
    margin-bottom: 20px;
}
.stock-r {
    margin-top: 100px;
}
.order-link-box {
    width: 100%;
}
.fade .mosaic-overlay {
    background-color: transparent!important;
}
.home-box {
    display: none;
}
.all-isp .all-isp-l {
    width: 100%;
}
.all-isp .all-isp-r {
    width: 100%;
}
.all-isp {
    margin-bottom: 13px;
}
}