@font-face {
font-family: "Yu Gothic";c-prd-list__txt
src: local("Yu Gothic Medium");
font-weight: 400;
}

@media print {
body {
width: 100%;
position: relative;
transform-origin: 0 0;
}
}

html, body, h1, h2, h3, h4, h5, h6, address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr, table, caption, th, td, span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub, sup, q, br, ins, del, a, img, object, iframe {
font-family: "Helvetica Neue", "Noto Sans", Arial, "Noto Sans JP", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
font-feature-settings : "palt" 1;
margin: 0;
padding: 0;
font-size: 100%;
font-weight: 400;
}
h1 {
}
a {
outline: none;
color: #000000;
text-decoration: none;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
a:hover {
color: #707070;
text-decoration: none;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
a:hover img {
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
hr {
display: none;
}
ul {
list-style: none;
}

a[href^="tel:"] {
text-decoration: none;
cursor: default; 
}
a[href^="tel:"]:hover img{
filter:alpha(opacity=100); 
-moz-opacity:1;
opacity:1;
}
html {
font-size: 62.5%; /*10px*/
}
body {
line-height: 1.6;
font-size: 1.6rem;/*16px同様のサイズ*/
background-size: 100%;
}
@media screen and (max-width:599px) {
/*　スマホ　*/
body {
line-height: 1.6;
font-size: 1.4rem;/*14px同様のサイズ*/
background-size: 100%;
}
}
div#body_bg {
width: 100%;
margin: 0 auto;
background: #fff;
color: #333231;
position: relative;
}
#index_body div#container {
width: 100%;
margin: 0 auto;
overflow: hidden;
}
div#container {
width: 1100px;
margin: 50px auto;
}
div#wrapper {
clear: both;
width: 100%;
padding: 0;
}
div#wrapper:after {
content: "";
display: block;
height: 0;
clear: both;
}
div.u-container{
width:
}
table.contents_main+script+img {
display: none;
}
table.contents_main+script+img+script+img {
display: none;
}
.PageTitle,.p-category__ttl {
display: block;
margin: 0 0 3em;
position: relative;
color: #fff;
line-height: 1.1;
text-align: center;
background: url(https://file001.shop-pro.jp/PA01513/529/images/index/bg03.jpg) no-repeat center;
background-size: cover;
}
.SmallTitle {
display: block;
padding: 5px 8px 5px 15px;
margin: 5px 0 20px;
font-size: 2rem;
background: #000;
color: #fff;
position: relative;
border-left: 3px solid #decdbf;
}
.indexTitle {
font-size: 4.2rem;
font-weight: bold;
line-height: 1.2;
letter-spacing: .05em;
}
.indexTitle span{
font-size: 1.2rem;
font-weight: normal;
}
div#otoiawase table, div#about dl dd table,div#privacy dl dd table, div#link01 table, div.company02 table, div#law02 table {
border-collapse: separate;
width: 100%;
font-size: small;
color: #333230;
}
div#about dl dd table.tr, div#link01 table tr, div.company02 table tr {
}
div#otoiawase table td.form_index, div#about dl dd table tr th, div#privacy dl dd table tr th, div#link01 table tr th, div.company02 table tr td.col_1, div#law02 table td.left {
width: 20%;
padding: 8px 10px;
background: #cac5ad;
}
div#otoiawase table td.list_value, div#about dl dd table tr td,, div#privacy dl dd table tr td div#link01 table tr td, div.company02 table tr td.col_2, div#law02 table td.right {
padding: 8px 10px;
background: #d6d3ce;
}
div#otoiawase table td.list_value, div#about dl dd table tr td, div#privacy dl dd table tr td, div#link01 table tr td, div.company02 table tr td.col_2, div#law02 table td.right {
padding: 8px 10px;
background: #f1f3ec;
}
div#otoiawase table td.list_value:after {
content : "";
display : block;
height : 0;
clear : both;
}
/* セル均等設定 */
table.fixed {
table-layout: fixed;
}
/* ボーダー有り */
table.border-on {
width: 100%;
margin: 10px 0;
border: 1px solid #ddcdbf;
border-collapse: collapse;
box-sizing: border-box;
color: #333230;
}
table.border-on td {
padding: 5px;
border: 1px solid #ddcdbf;
}
div#wrapper div#main .nekoBase table.border-on td img,
div#wrapper div#main .nekoBase table.border-off td img{
max-width: 100%;
}
/* ボーダー無し */
table.border-off {
width: 100%;
margin: 10px 0;
border-collapse: collapse;
box-sizing: border-box;
color: #333230;
}
table.border-off td {
padding: 5px;
}
/* tableScr */
.tableScr {
overflow: auto;
white-space: nowrap;
margin-bottom: 20px;
display:  block;
}
.tableScr table {
border-collapse: collapse;
}
.tableScr table td, .tableScr table th {
padding: 10px 10px;
text-align: left;
vertical-align: middle;
}
.tableScr table td a, .tableScr table th a {
color: #fff;
}

div#company dl dt,div#PrivacyWrapper div#privacy dl dt, #container .c-ttl-second, div#about dl dt {
display: block;
border-left: 5px solid;
border-bottom: 1px dotted #ccc;
font-weight: bold;
padding: 3px 8px 3px 15px;
margin: 5px 0;
clear: both;
color: #333;
}
div#PrivacyWrapper div#privacy p {
    width: 100%;
    margin: 0 0 10px 0;
}
div#company dl dd,div#PrivacyWrapper div#privacy dl dd, div#about dl dd {
margin: 10px 0 30px;
padding: 0;
}
div#about dl dd p {
margin: 10px 0;
}
div#about dl dd ol {
padding-left: 13px;
margin: 10px 0 10px 13px;
border: none;
}
div#about dl dd ol li {
margin: 0 0 10px 0;
}
div#about dl dd a {
color: #333230;
}
div#about dl dd a:hover {
color: #CDDC39;
}

div#footer-container div#footerMenu ul{
font-size: small;
display: block;
margin: 0!important;
}
div#footer-container div#footerMenu ul li {
display: block;
border-bottom: 1px solid #606060;
line-height: 1;
}
div#footer-container div#footerMenu ul li:first-child {
border-top: 1px solid #606060;
}
/* 猫システム 編集可能領域 共通CSS
---------------------------------------------------------- */
div#wrapper div#main .nekoBase img {
margin: 0 0 8px;
max-width: 100%;
height: auto;
}
div#wrapper div#main .nekoBase a img {
/* max-width: calc((100% - 4em )/ 3); */
max-width: calc((100% - 2.5em )/ 3);
}
div#wrapper div#main .nekoBase .big img {
max-width: 100%;
}
div#wrapper div#main .nekoBase .left {
float: left;
margin-right: 10px;
width: 30%;
}
div#wrapper div#main .nekoBase .right {
float: right;
margin-left: 10px;
width: 30%;
}
div#wrapper div#main .nekoBase .left img, div#wrapper div#main .nekoBase .right img {
max-width: 100%;
}
.nekoBtn {
text-align: center;
}
.nekoBtn a{
display: inline-block;
text-decoration: none;
padding: 6px 40px;
border: 1px solid #333231;
color: #333231;
margin: 10px 20px;
}
.nekoBtn a:hover {
background: #333231;
color: #fff;
}

/* コメント部分uタグ */
u {
display: block;
margin-bottom: -1.5em;
/* font-weight: bold; */
font-size: 1.2em;
text-decoration: none;
color: #333231;
}
/*リンク、ボタンに関するCSS
---------------------------------------------------------- */
/*btn01*/
.btn01 {
}
.btn01 a {
display: inline-block;
text-decoration: none;
padding: 6px 40px;
border: 1px solid #333231;
color: #333231;
margin: 10px 20px;
}
.btn01 a:hover {
background: #333231;
color: #fff;
}
/*btn02*/
.btn02 {
}
.btn02 a {
display: inline-block;
text-decoration: none;
padding: 10px 30px;
background: #333;
color: #fff;
border: 1px solid #ccc;
margin: 10px 20px;
}
.btn02 a:hover {
background: #444;
}
/*システムボタン*/
.indexFixedImg table td div, div#gallery4 div.galleryList div.gallery div.galleryInner div.galleryContent div.detailLink, div#side div#side_company table tr td div {
text-align: center;
}
.indexImgRight table td div {
text-align: left;
}
.indexImgLeft table td div{
text-align: right;
}
.indexFixedImg table td div a, .indexImgRight table td div a, .indexImgLeft table td div a, div#gallery4 div.galleryList div.gallery div.galleryInner div.galleryContent div.detailLink a, div#side div#side_company table tr td div a {
color: #fff;
/* padding: 1px 20px; */
display: inline-block;
/* background: #000; */
box-sizing: border-box;
border-radius: 100px;
font-size: small;
}
div#latest table td div a:hover {
color: #666666;
}
/*contentWrap*/
.contentWrap {
width: 96%;
margin: 0 auto;
}
/*テキストに関するCSS
---------------------------------------------------------- */
/* テキスト揃え */
.txtL {
text-align: left;
}
.txtR {
text-align: right;
}
.txtC {
text-align: center;
}
/*色指定*/
.color01 {
color: #c3d714;
}
.color02 {
color: #0d77e8;
}
/*文字サイズ、太さ指定*/
.sizeB {
font-size: 150%;
font-weight: bold;
}
.weightB {
font-weight: bold;
}
/*textHidden*/
.textHidden {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
/*レイアウトに関するCSS
---------------------------------------------------------- */
/*indexFixedImg*/
div.indexFixedImg {
margin: 10px 0;
width: 100%;
}
div.indexFixedImg table {
width: 100%;
margin: 0 auto;
border-collapse: separate;
table-layout: fixed;
border-spacing: 10px;
}
div.indexFixedImg table tr td {
background: #FFFFFF;
vertical-align: top;
}
div.indexFixedImg table tr td img {
vertical-align: top;
max-width: 100%;
}
div.indexFixedImg table tr td p u {
display: block;
background: #666666;
color: #FFFFFF;
width: auto;
text-decoration: none;
padding: 5px 8px;
margin-bottom: -15px;
}
/*indexImgOne*/
div.indexImgOne {
margin: 10px 0;
width: 100%;
}
div.indexImgOne table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
div.indexImgOne table tr {
}
div.indexImgOne table tr td {
width: 100%;
padding-bottom: 10px;
}
div.indexImgOne table tr td img {
vertical-align: top;
max-width: 100%;
}
div.indexImgOne table tr td a img {
}
div.indexImgOne table tr td a:hover img {
}
div.indexImgOne table tr td p {
}
div.indexImgOne table tr td p u {
display: block;
background: #666666;
color: #FFFFFF; width: auto;
text-decoration: none;
padding: 5px 8px;
margin-bottom: -15px;
}
div.indexImgOne table tr td p a {
}
div.indexImgOne table tr td p a:hover {
}
/*indexImgLeft*/
div.indexImgLeft table {
width: 100%;
table-layout: fixed;
margin: 10px 0;
border-collapse: collapse;
}
div.indexImgLeft table tr td {
width: 100%;
padding-bottom: 10px;
}
div.indexImgLeft table tr td img {
float: left;
width: 350px;
margin-right: 10px;
background: #FFFFFF;
}
div.indexImgLeft table tr td a:hover img {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
div.indexImgLeft table tr td p u {
display: block;
background: #666666;
color: #FFFFFF;
width: auto;
text-decoration: none;
padding: 5px 8px;
margin-bottom: -15px;
}
div.indexImgLeft table tr td div img {
border: none;
width: 85px;
height: 26px;
float: right;
margin: 5px 0 0 0;
}
div.indexImgLeft table tr td div a:hover img {
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
/*indexImgLeft*/
div.indexImgRight table {
width: 100%;
table-layout: fixed;
margin: 10px 0;
border-collapse: collapse;
}
div.indexImgRight table tr td {
width: 100%;
padding-bottom: 10px;
}
div.indexImgRight table tr td img {
float: right;
width: 350px;
margin-left: 10px;
background: #FFFFFF;
}
div.indexImgRight table tr td a:hover img {
filter: alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
div.indexImgRight table tr td p u {
display: block;
background: #666666;
color: #FFFFFF;
width: auto;
text-decoration: none;
padding: 5px 8px;
margin-bottom: -15px;
}
div.indexImgRight table tr td div img {
border: none;
width: 85px;
height: 26px;
float: right;
margin: 5px 0 0 0;
}
div.indexImgRight table tr td div a:hover img {
filter: alpha(opacity=60);
-moz-opacity: 0.60;
opacity: 0.60;
}
/* divで均等 */
div.Tcell {
width: 100%;
margin: 0 auto 20px;
display: table;
table-layout: fixed;
}
div.Tcell>div {
display: table-cell;
padding: 10px;
vertical-align: top;
}
div.Tcell>div img {
max-width: 100%;
}
/*clearFix*/
.clear:after {
content : "";
display : block;
height : 0;
clear : both;
}
/* 一時的に非表示 jsのフェードインに使用*/
.d_none {
display: none;
}
/* 12分割レイアウト */
.cell12Box {
}
.pc_cell12Box:after, .tb_cell12Box:after, .sp_cell12Box:after {
content : "";
display : block;
height : 0;
clear : both;
}
/* ============================================================
ナビゲーションの位置
============================================================ */
div#side {
}
div#main {
width: 100%;
line-height: 1.6;
}
div#main img {
max-width: 100%;
}
/* ============================================================
ヘッダー
============================================================ */
div#header-container {
clear: both;
padding: 5px 0;
position: relative;
margin: 0 auto;
/* overflow: hidden; */
background:  #000;
z-index: 99;
}
#headerMail {
width: 200px;
height: 44px;
float: right;
padding: 10px 0;
margin: 10px 0;
background: #ccc;
text-align: center;
line-height: 44px;
}
div#header-container #headerEtc {
font-size: 24px;
}
.headerLog {
}
div#header-container .headerLog img {
max-width: 100%;
max-height: 100%;
vertical-align:  middle;
}


/* ============================================================
ヘッダー
============================================================ */
div#header-container {
}
div#header-container:after {
content : "";
display : block;
height : 0;
clear : both;
}
.headerLog {
width: 208px;
}
.headerLog {
text-align: center;
float: left;
position:  relative;
z-index: 99;
}
div#header-container #headerEtc {
clear: both;
text-align: right;
padding: 0 15px;
}
div#header-container #headerTel {
display: none;
}
/* ============================================================
グローバルメニュー
============================================================ */

ul.menu > li {
font-size: small;
font-size: 14px;
display: inline-block;
color: #fff;
padding: 5px 10px;
vertical-align: top;
text-align:  center;
overflow: hidden;
height: 50px;
box-sizing:border-box;
}

ul.menu > li>a {
display: block;
}
ul.menu > li>span {
display: block;
padding: 3px 3px;
font-size: 13px;
color: #fff;
line-height: 1.6;
transition: .3s;
}

ul.menu > li.menulist03 {
padding: 5px 1px;
}
ul.menu > li.menulist03 span.sizeS{
font-size: 11px;
}

ul.menu > li>span a{
color: #fff;
}
ul.menu > li:hover>span {

transform: translateY(-41px);
}
ul.menu > li>span:hover a{
}

ul.menu > li:hover span.subTxt {
transition: 1s;
}
ul.menu > li>span:hover span.subTxt{
}

ul.menu > li>a>img {
width: 24px;
height:  24px;
vertical-align: -5px;
}
ul.menu>li>a:hover>img{
}
ul.menu li>a:hover span.ch_button {
}
ul.menu > li span.subTxt {
display: block;
padding: 22px 0;
line-height: 1.2;
}

/* contactメッセージ */
ul.menu > li.menu-contact {
position: relative;
}
ul.menu > li>span.ch_button_contact {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
ul.menu > li:hover>span.ch_button_contact,
ul.menu > li:hover>span.ch_button_contact+span {
transform: translateY(0);
}
ul.menu > li>span.ch_button_contact.clicked_contact {
position: fixed;
}

/* 商品カテゴリ */
ul.menu > li > ul.big {
visibility: hidden;
opacity: 0;
position: absolute;
top: 30px;
left: 0;
z-index: 99;
transition: all .2s ease;
background: rgba(51, 50, 48, .9);
padding: 1%;
box-sizing:  border-box;
width: 100%;
font-size: 1.2rem;
line-height:  1.2;
border-top: 3px solid #E7E7DA;
text-align: left;
display: flex;
flex-wrap: wrap;
}

ul.menu > li:hover ul.big {
top: 50px;
visibility: visible;
opacity: 1;
}

/* グローバル商品大カテ */
ul.menu > li ul.big>li {
vertical-align: top;
text-align: left;
box-sizing: border-box;
width: calc(100% / 3);
padding: 5px;
}
ul.menu > li ul.big > li > a {
display: block;
background: #fff;
color: #000;
line-height: 53px;
height: 53px;
position: relative;
}
ul.menu > li ul.big>li>a:after {
content: "\f105";
font-family: FontAwesome;
color: #c7c5ac;
font-size: 1.6em;
margin-left: 10px;
position : absolute;
right: 10px;
}
ul.menu > li ul.big>li img{
float:  left;
margin-right: 5px;
width: 64px;
height:  53px;
}
ul.menu > li ul.big>li>span {
display: block;
background: #fff;
color: #000;
line-height: 53px;
height: 53px;
position: relative;
padding-right: 20px;
}

/* カテパネル回避用 */
ul.menu > li ul.big>li>span:hover+ul.small,
ul.menu > li ul.big>li ul.small:hover {
display: block!important;
}

/* 小カテを上にかぶせて表示する用 */
ul.menu > li ul.big>li {
position: relative;
}
ul.menu > li ul.big>li ul.small {
visibility: hidden;
opacity: 0;
z-index: 1;
position: absolute;
top: 10px;
-webkit-transition: all .2s ease;
transition: all .2s ease;
border: 1px solid #e7e7da;
box-sizing: border-box;
/* visibility: visible; */
/* opacity: 100; */
width: calc(82% - 10px);
right: 5px;
}
ul.menu > li ul.big>li:hover ul.small {
top: 58px;
visibility: visible;
opacity: 1;
}

ul.menu > li ul.big>li>span>span {
display: table-cell;
height: 53px;
vertical-align:  middle;
line-height: 1.2;
width: 75%;
}
ul.menu > li ul.big>li>span:after {
content: "\f067";
font-family: FontAwesome;
color: #c7c5ac;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
height: 48px;
transition:.3s;
}
ul.menu > li ul.big>li>span:hover{
filter:alpha(opacity=90); 
-moz-opacity:.9;
opacity:.9;
}
ul.menu > li ul.big>li:hover>span:after {
content: "\f068";
transition:.3s;
transform:rotate(360deg);
top: 5px;
opacity: 0;
}

/* グローバル商品小カテ */
ul.menu li ul.small {
}
ul.menu li ul.small li a {
display: block;
/* border-top: 1px solid #333231; */
color: #fff;
/* color: #303952; */
background: #C7C5AC;
background: #bab596;
border-bottom: 1px solid #e7e7da;
padding: 11px 5px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
position: relative;
}
ul.menu li ul.small li:first-child a {
border-top: 1px solid #bab596;
}
ul.menu li ul.small>li>a:after {
content: "\f0da";
font-family: FontAwesome;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
height: 12px;
}
ul.menu li ul.small li a:hover {
background: #bab596;
background: #C7C5AC;
}
ul.menu > li ul.small>li>span {
display: block;
color: #fff;
background: #bab596;
border-bottom: 1px solid #e7e7da;
padding: 11px 15px 11px 5px;
position: relative;
}
ul.menu > li ul.small>li>span:hover {
}
ul.menu > li ul.small>li>span:after {
content: "\f067";
font-family: FontAwesome;
position: absolute;
right: 8px;
top: 0;
bottom: 0;
margin: auto;
height: 12px;
transition: .3s;
}
/* 小小カテ複数開いた時の対策 */
ul.menu > li:hover ul.small>li>span.clicked0301:after,
ul.menu > li:hover ul.small>li>span.clicked0302:after,
ul.menu > li:hover ul.small>li>span.clicked0303:after,
ul.menu > li:hover ul.small>li>span.clicked0304:after,
ul.menu > li:hover ul.small>li>span.clicked0305:after,
ul.menu > li:hover ul.small>li>span.clicked0306:after,
ul.menu > li:hover ul.small>li>span.clicked0307:after,
ul.menu > li:hover ul.small>li>span.clicked0308:after,
ul.menu > li:hover ul.small>li>span.clicked0309:after,
ul.menu > li:hover ul.small>li>span.clicked0310:after {
content: "\f068";
font-family: FontAwesome;
transform: rotate(360deg);
}

ul.menu > li ul.small>li>span:hover+ul,
ul.menu > li ul.small>li ul:hover {
}


/* グローバル商品小小カテ */
ul.menu li ul.x_small {
display: block;
display: none;
}
ul.menu li ul.x_small li a {
color: #666666;
background: #EBE9DD;
border-bottom: 1px solid #c7c5ac;
padding: 9px 5px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1);
}
ul.menu li ul.x_small li:first-child a {
border-top: none;
}
ul.menu li ul.x_small li a:hover {
background: #efe8d5;
}
ul.menu li ul.x_small li a:before {
content: "\f105";
font-family: FontAwesome;
margin: 0 5px;
}
ul.menu li ul.x_small li a:hover:before {
content: "\f105";
font-family: FontAwesome;
margin: 0 4px 0 6px;
}

ul.menu li.header_search{
padding-left: 10px;

} 

ul.menu li.header_search input#searchwindow{
border-radius: 5px;
line-height: 20px;
padding: 1px 5px;
vertical-align: 1px;
} 
ul.menu li.header_search input#search_btn{
width: 20px;
height: 20px;
margin-left: 5px;
} 

/* headerContact */
ul.menu li ul#headerContact.big {
font-size: 1.4rem;
line-height:  1.4;

}
ul.menu li ul#headerContact.big li {
display: block;
border-bottom: 1px solid #000;
padding:  8px 20px;
margin:  0;
}
ul.menu li ul#headerContact.big li p {
width: 25%;
margin:  0 auto;
text-align:  left;
}

.account ul{
display:flex;
justify-content: right;
}
.account .header-tools__unit{
margin:0 10px;
}
.account .header-tools__unit a{
color:#FFF;
position:relative;
}
.account .header-tools__unit-cart a{
color:#000;
}
.account .fa-li{
position:relative;
left:0;
top:0;
}

/*--------------------------------------------------------------------*/
/*header_sticky*/
/*--------------------------------------------------------------------*/
div.sticky {
position: fixed;
background: #000;
display:none;
top: 0;
left:0;
width: 100%;
z-index: 98;
height: 100px;
padding:  5px 0 0;
border-bottom: 3px solid #e7e7da;
box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
}
div.sticky .headerLog{
padding-top: 5px;
}
div.sticky ul.menu{
top: 10px;
}

/* ============================================================
フッター
============================================================ */
div#footer-container {
clear: both;
width: 100%;
overflow: hidden;
padding: 60px 0;
background: #000;
background-size: 100%;
}
div#footer-container a{
color: #fff;
}
/* フッターロゴ
---------------------------------------------------------- */
div#footer-container div#footerLogo img{
width: 178px;
}
div#footer-container div#footerLogo:after {
left: inherit;
right: 0;
}

div#footerInfo>ul>li {
padding: 10px 0;
font-size: 12px;
color: #fff;
}

div#footerInfo ul li img{
width: 178px;
}
div#footerInfo ul li.cashless img{
width: 180px;
}

.ch_button_contact.clicked_contact{
display: block;
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
left: 0;
background: rgba(2, 2, 2, 0.4);
transition: all .3s;
z-index: 99;
}

.ch_button_contact.clicked_contact img{
position: relative;
top: 100%;
left: 100%;
}

.ch_button_contact + div.txt_contact{
display: none;
}

.ch_button_contact.clicked_contact + div.txt_contact{
background: #fff;
color: #333231;
position: fixed;
z-index: 101;
top: 50%;
left: 0;
right:  0;
width: 90%;
max-width: 830px;
margin: auto;
transform: translateY(-50%);
transition: 1s;
padding: 5%;
box-sizing: border-box;
border-radius: 3px;
box-shadow: 1px 1px 3px rgb(0,0,0,.1);
line-height: 1.4;
font-size: 1.6rem;
text-align: left;
}
.ch_button_contact.clicked_contact + div.txt_contact:after{
content: "\f00d";
font-family: FontAwesome;
font-size: 20px;
position: absolute;
top: -25px;
right:0;
color: #fff;
pointer-events: none;
}

.ch_button_contact.clicked_contact + div.txt_contact h3{
font-size: 2.6rem;
padding: 0 0 .5em;
margin-bottom: -1em;
border-bottom: 1px solid #333231;
line-height: 1.2;
font-weight:  bold;
}
.ch_button_contact.clicked_contact + div.txt_contact u{
font-size: 1.1em;
margin: 1em 0 -1em;
line-height: 1.2;
font-weight:  bold;
}
.ch_button_contact.clicked_contact + div.txt_contact .btn01{
display: block;
text-align: center;
margin: 10px 0 0;
}
div#footer-container .ch_button_contact.clicked_contact + div.txt_contact .btn01 a{
color: #333231;
font-size: .8em;
}
div#footer-container .ch_button_contact.clicked_contact + div.txt_contact .btn01 a:hover{
color: #fff;
}

/*calendar*/
div#calendar{
width: 300px;
margin: 10px auto;
}
div#calendar table{
width: 100%;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-collapse:collapse;
margin-bottom:10px;
font-size: 12px;
color: #fff;
}
div#calendar table tr th{
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
div#calendar table tr td{
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
text-align: center;
}
div#calendar div.calendar-caption {
margin: 0;
overflow: hidden;
}
div#calendar div.calendar-caption p{
float: left;
margin: 0 10px 0 0;
font-size: 1.2rem;
line-height: 1;
color: #fff;
}
div#calendar div.calendar-caption p:first-child{
display: none;
}
div#calendar div.calendar-caption p span{
font-size: 1.6em;
}

.l-bottom{
margin:0 auto 30px;
}
.l-bottom .c-favorite-list__txt,.l-bottom .c-prd-list__txt{
display: flex;
align-items:center;
min-height:60px;
}

.c-prd-list__txt span{
display: block;
padding:0 30px;
}
.l-bottom .c-favorite-list__name, .l-bottom .c-prd-list__name{
margin:0 30px;
}

.l-bottom .c-ttl-main{
display: block;
padding: 5px 8px 5px 15px;
margin: 5px 0 20px;
font-size: 2rem;
background: #000;
color: #fff;
position: relative;
border-left: 3px solid #decdbf;
}

.l-bottom li{
vertical-align: top;
position: relative;
overflow: hidden;
border-bottom: 1px solid #decdbf;
padding: 3px 0 5px;
min-height: 60px;
}

.l-bottom .c-favorite-list__item img, .l-bottom .c-prd-list__item img{
vertical-align: top;
max-width: 60px;
float: left;
border: 3px solid #c7c0a6;
box-sizing: border-box;
}
.l-bottom .c-favorite-list__price,.l-bottom .c-prd-list__price{
width: 20%;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
text-align: right;
padding: 0 10px;
margin:0 0 0 auto;
}

/* フッターサイトマップ
---------------------------------------------------------- */
div#footer-container div#footerMenu {
margin: 0 0 10px 0;
}
div#footer-container div#footerMenu p:before {
content: " \f0c9";
font-family: FontAwesome;
margin-right: 5px;
}
div#footer-container div#footerMenu ul {
margin-left: 100px;
}
div#footer-container div#footerMenu ul li {
line-height: 2.4;

font-size: 12px;
}
div#footer-container div#footerMenu ul li.icoPDF a:after {
content: "";
width: 20px;
height: 20px;
background: url(https://file001.shop-pro.jp/PA01513/529/images/ico_pdf.svg)no-repeat center;
background-size: 14px;
display: inline-block;
vertical-align: -5px;
margin-left:  5px;
}
div#footer-container div#footerMenu ul li a {
white-space: nowrap;
padding: 3px 5px;
display: inline-block;
color:  #fff;
}


div#footer-container div#footerMenu .footerMenuItem ul li a:before {
content: "-";

margin-right: 5px;
display: inline-block;
}
div#footer-container div#footerMenu ul li a:hover {
text-decoration: underline;
color: #ddd;
}
/* タイトル有り */
div#footer-container div#footerMenu .tree {
padding: 5px;
}
div#footer-container div#footerMenu .tree ul {
margin: 0 0 0 10px;
}
div#footer-container div#footerMenu .footerMenuItem .tree ul li a:before {
content: "┗";
margin-right: 5px;
}
#topcontrol {
position: fixed;
bottom: 30px;
right: 5px;
opacity: 1;
cursor: pointer;
}
#topcontrol a img {
width: 40px;
height: 40px
}
/* ポータルバナー
---------------------------------------------------------- */
div#addressWrap div#banners {
padding: 0 5px;
text-align: right;
float: right;
}
/* コピーライト
---------------------------------------------------------- */
address {
text-align: left;
padding: 2px 5px;
font-size: x-small;
float: left;
}
div#addressWrap {
border-top: 1px solid #333230;
background: #000;
color: #ccc;
}
div#addressWrap:after {
content : "";
display : block;
height : 0;
clear : both;
}

@media screen and (max-width:599px) {
/*各デバイス非表示設定*/
.sp_no {
display: none;
}
/* ============================================================
タグの共通設定*/

/* ============================================================
各ページのページタイトル*/
.PageTitle,.p-category__ttl {
padding: 30px 10px;
margin-bottom: 1em;
font-size: 2.4rem;
}
.PageTitle span,.p-category__ttl span {
font-size: 2.4rem;
}
.indexTitle {
font-size: 2.8rem;
}
.indexTitle span{
font-size: 1rem;
margin-left: 10px;
vertical-align: 6px;
}

.SmallTitle {
padding: 5px 8px 5px 15px;
margin: 5px 0 20px;
font-size: 1.6rem;
line-height: 1.2;
}
/*猫システム 編集可能領域 共通CSS*/
div#wrapper div#main .nekoBase .sp_big {
width: 100%;
}
div#wrapper div#main .nekoBase .sp_left {
float: left;
margin-right: 10px;
width: 30%;
}
div#wrapper div#main .nekoBase .sp_right {
float: right;
margin-left: 10px;
width: 30%;
}
div#wrapper div#main .nekoBase .sp_left img, div#wrapper div#main .nekoBase .sp_right img {
max-width: 100%;
}
/* table基本設定 */
div#otoiawase table td.form_index,div#about dl dd table tr th, div#link01 table tr th, div.company02 table tr td.col_1, div#law02 table td.left {
width: 100%;
display: block;
box-sizing: border-box;
}
div#otoiawase table td.list_value,div#about dl dd table tr td, div#link01 table tr td, div.company02 table tr td.col_2, div#law02 table td.right {
width: 100%;
display: block;
box-sizing: border-box;
}
/*tableScr*/
.tableScr:after {
content: "※表は右にスライドでご覧いただけます。";
display: block;
margin-bottom: 10px;
font-size:  small;
}

/*g3カテヘッダーカテゴリボタン*/
.cate-list div{
display: block;
width: 100%!important;
box-sizing:  border-box;
margin: 0 auto 5px!important;
text-align: center;
float: none!important;
}
.cate-list div a{
display:block;
}
.cate-list td{
display: block;
width: 100%!important;
box-sizing:  border-box;
margin: 0 auto!important;
padding:  0 !important;
text-align: center;
}
.cate-list td img{
margin: 0!important;
}
/* ============================================================
タグの基本設定
============================================================ */
h1 {
}
.btn02 a {
padding: 6px 20px;
margin: 0 auto;
}

/* ============================================================
枠基本スタイル
============================================================ */
body {
min-width: inherit;
max-width: 100%;/*上記の記述がないとfixedになったときにPCのサイズを見に行く*/
}
body.fixed {
position: fixed;
width: 100%;
}
div#container {
width: 96%;
margin: 0 auto;
}
/* ============================================================
ヘッダー
============================================================ */
div#header-container {
padding: 0;
}
.headerLog {
text-align: center;
height: 38px;
padding: 12px 0 8px;
width: 100%;
}
.headerLog img {
height:  38px;
}
div#header-container .headerEtc {
display: none;
}

div#header-container #headerTel {
display: block;
}
div#header-container #headerTel a {
position: fixed;
left: 4px;
top: 4px;
display: block;
text-align: center;
width: 54px;
padding: 32px 0 3px;
background: #E8E7DA;
color: #000000;
font-size: 10px;
z-index: 100;
text-decoration: none;
-webkit-transition: all .5s;
transition: all .5s;
border-radius: 3px;
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
div#header-container #headerTel a:before {
position: absolute;
display: inline-block;
content: " \f095";
font-family: FontAwesome;
font-weight: normal;
width: 20px;
height: 20px;
font-size: 20px;
right: 50%;
top: 50%;
margin-right: -10px;
margin-top: -22px;
}
/* ============================================================
グローバルメニュー
============================================================ */
div#gnav-container {
display: none;
}
div.sticky {
height: 50px;
}
div.sticky ul.menu {
display:none;
}
/* ============================================================
フッター
============================================================ */

div#footerInfo>ul>li {
    padding: 5px 0;
}
/*calendar*/
div#calendar{
max-width: 96%;
}
div#calendar table{
margin-bottom:15px;
}
div#footer-container div#footerCalendar{
margin: 20px 0 30px;
}
div.HistoryBack {
clear: both;
padding: 20px 0;
}
/*contactメッセージ*/
.ch_button_contact.clicked_contact + div.txt_contact{
font-size: 1.1rem;
}
.ch_button_contact.clicked_contact + div.txt_contact h3{
font-size: 1.3em;
padding: 0 0 .5em;
margin: .5em 0 -1em;
font-weight:  bold;
}

.ch_button_contact.clicked_contact + div.txt_contact u{
font-size: 1.1em;
margin: 1em 0 -1em;
line-height: 1.2;
font-weight:  bold;
}
.ch_button_contact.clicked_contact + div.txt_contact .btn01{
}
div#footer-container .ch_button_contact.clicked_contact + div.txt_contact .btn01 a{
}



.l-bottom {
width: 96%;
}

.account ul {
justify-content: center!important;
padding: 0 0 10px!important;
width: 100%;
}

}/* スマホ END */



@media screen and (min-width:600px) and ( max-width:1099px) {
/*各デバイス非表示設定*/
.tb_no {
display: none;
}
  
/* ============================================================
タグの共通設定*/
/* ============================================================
各ページのページタイトル*/
.PageTitle, .p-category__ttl {
font-size: 3.2rem;
line-height: 1.1;
padding: 70px;
margin-bottom: 1em;
}

.PageTitle span,.p-category__ttl span {
line-height: 50px;
}
/*猫システム 編集可能領域 共通CSS*/
div#wrapper div#main .nekoBase .tb_big {
width: 100%;
}
div#wrapper div#main .nekoBase .tb_left {
float: left;
margin-right: 10px;
width: 30%;
}
div#wrapper div#main .nekoBase .tb_right {
float: right;
margin-left: 10px;
width: 30%;
}
div#wrapper div#main .nekoBase .tb_left img, div#wrapper div#main .nekoBase .tb_right img {
max-width: 100%;
}
  div#footer-container div#footerMenu {
    float: none;
    clear: both;
    margin: 30px 0;
  }
/* ============================================================
タグの基本設定
============================================================ */
h1 {
}
/* telリンクを無効 */
a[href^="tel:"] {
cursor: default;
color: #fff;
}
/* ============================================================
枠基本スタイル
============================================================ */
body {
min-width: inherit;
max-width: 100%;/*上記の記述がないとfixedになったときにPCのサイズを見に行く*/
}
body.fixed {
position: fixed;
width: 100%;
}
div#container {
width: 96%;
margin: 0 auto;
}
/* ============================================================
ヘッダー
============================================================ */
.headerLog {
text-align: left;
height:  50px;
padding: 0 0;
}
div#header-container #headerEtc {
width: 346px;
height: 64px;
font-size: 24px;
line-height: 64px;
position: absolute;
top: 0;
right: 70px;
}
div#header-container #headerTel {
display: none;
}
/* ============================================================

グローバルメニュー
============================================================ */
div.gnav-container {
display: none!important;
}
/* ==========================================================
フッター
============================================================ */
/*calendar*/
div#calendar{
width: 280px;
}
/* ============================================================
12分割レイアウト 
============================================================ */
.tb_cell12Box>* {
float: left;
display: block;
box-sizing: border-box;
}
.tb_cellBox01 {

width: calc(100% / 12 * 1);
}
.tb_cellBox02 {
width: calc(100% / 12 * 2);
}
.tb_cellBox03 {
width: calc(100% / 12 * 3);
}
.tb_cellBox04 {
width: calc(100% / 12 * 4);
}
.tb_cellBox05 {
width: calc(100% / 12 * 5);
}
.tb_cellBox06 {
width: calc(100% / 12 * 6);
}
.tb_cellBox07 {
width: calc(100% / 12 * 7);
}
.tb_cellBox08 {
width: calc(100% / 12 * 8);
}
.tb_cellBox09 {
width: calc(100% / 12 * 9);
}
.tb_cellBox10 {
width: calc(100% / 12 *10);
}
.tb_cellBox11 {
width: calc(100% / 12 *11);
}
.tb_cellBox12 {

width: calc(100% / 12 *12);
}
}/* タブレット END */

@media print, screen and (min-width: 1100px) {
/*各デバイス非表示設定*/
.pc_no {
display: none;
}
/* ============================================================

タグの共通設定*/
/* ============================================================
各ページのページタイトル*/
.PageTitle,.p-category__ttl {
font-size: 3.2rem;
line-height: 1.1;
padding: 70px;
margin-bottom: 1em;
}
.PageTitle span,.p-category__ttl span {
line-height: 1;
}
/*猫システム 編集可能領域 共通CSS*/
div#wrapper div#main .nekoBase .pc_big {
width: 100%;
}
div#wrapper div#main .nekoBase .pc_left {
float: left;
margin-right: 10px;
width: 30%;
}
div#wrapper div#main .nekoBase .pc_right {
float: right;
margin-left: 10px;
width: 30%;
}
div#wrapper div#main .nekoBase .pc_left img, div#wrapper div#main .nekoBase .pc_right img {
max-width: 100%;
}
/*contentWrap*/
.contentWrap {
width: 1100px;
margin: 0 auto;
}
/* ============================================================
タグの基本設定
============================================================ */
h1 {
}
/* telリンクを無効 */
a[href^="tel:"] {
text-decoration: none;
cursor: default; 
}
a[href^="tel:"]:hover{
color: inherit;
}
a[href^="tel:"]:hover img{
filter:alpha(opacity=100); 
-moz-opacity:1;
opacity:1;
}
/* ============================================================
枠基本スタイル
============================================================ */
body {
min-width: 1100px;
}
div#container {

position: relative;
}
.wrap {
width: 1100px;
margin: 0 auto;
text-align:  right;
position:  relative;
}
/* ============================================================
ナビゲーションの位置
============================================================ */
div#side {
display: none;
}
div#main {
width: 100%;

line-height: 1.6;
}
#index_body div#main {
width: 100%;
float: inherit;
}

div#main img {
max-width: 100%;
}
.toggle {
display: none;
}

/* ============================================================
パンくずリスト
============================================================ */
div#crumbs p {
width: 1100px;
margin: 0 auto;
padding: 0;
}
/* ============================================================
フッター
============================================================ */
div#footer-container div#footerMenu {
padding: 8px 12px;
height: auto!important;
width: 33%;
}
div#footer-container div#footerMenu:after {
content : "";
display : block;
height : 0;
clear : both;

}
div#footer-container div#footerMenu .footerMenuItem {
width: 100%;
float: left;
text-align: left;
}

.l-bottom{
width:1100px;
}

/* ============================================================
12分割レイアウト 
============================================================ */
.pc_cell12Box>* {
float: left;
display: block;
box-sizing: border-box;
}
.pc_cellBox01 {
width: calc(100% / 12 * 1);
}
.pc_cellBox02 {
width: calc(100% / 12 * 2);
}
.pc_cellBox03 {
width: calc(100% / 12 * 3);
}
.pc_cellBox04 {
width: calc(100% / 12 * 4);
}
.pc_cellBox05 {
width: calc(100% / 12 * 5);
}
.pc_cellBox06 {
width: calc(100% / 12 * 6);
}
.pc_cellBox07 {
width: calc(100% / 12 * 7);
}
.pc_cellBox08 {
width: calc(100% / 12 * 8);
}
.pc_cellBox09 {
width: calc(100% / 12 * 9);
}
.pc_cellBox10 {
width: calc(100% / 12 *10);
}
.pc_cellBox11 {
width: calc(100% / 12 *11);
}
.pc_cellBox12 {
width: calc(100% / 12 *12);
}
}/* PC END */

@media screen and (max-width:1099px){
/* ============================================================
サイドメニュー*/
/* ============================================================
サイドメニュー開閉 START*/
div.toggle{
position: fixed;
right: 4px;
top: 8px;
display: block;
padding: 5px;
text-align: center;
box-sizing: border-box;
color: #000000;
font-size: 10px;
z-index: 99;
text-decoration: none;
-webkit-transition: all .5s;
transition: all .5s;
border-radius: 3px;
}
div.toggle img{
width: 40px;
}
.fixed div.toggle img{
text-indent: -100%;
overflow: hidden;
}
.fixed div.toggle{
position: fixed;
text-align: right;
width: 100%;
height: 100%;
margin: 0;
top: 0;
right: 0;
background: rgba(2, 2, 2, 0.4);
border: none;
}
.fixed div.toggle:before{
right: 10%;
}
div.toggleWrap {
position: fixed;
width: 275px;
overflow: auto;
padding: 6px 5px 0 5px;
top: 0;
right: -300px;
background: #E8E7DA;
box-shadow: -3px 0px 3px rgba(0,0,0,0.2);
z-index: 999;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .5s;
transition: all .5s;
}
.fixed div.toggleWrap{
right: 0;
}
/* ============================================================
サイドメニュー*/
/* ============================================================
/* 共通見出し
---------------------------------------------------------- */
/* リンクなし*/
.Side_title {
display: block;
padding: 8px 5px 8px 10px;
background: #000;
color: #ffffff;
border-bottom: 1px solid #e8e7da;
}

.Side_title:before {
content: "";
width: 12px ;
height: 12px;
display: inline-block;
margin-right: 5px;
vertical-align: -2px;
background: url(https://file001.shop-pro.jp/PA01513/529/images/burette.png) no-repeat center left;
}
.Side_title02 {
display: block;
padding: 10px;
text-align:  center;
background: #202d53;
color: #ffffff;
/* border-bottom: 1px solid #e8e7da; */
}

/* リンクあり*/
.Side_title_a {border-bottom: 1px solid transparent;}
.Side_title_a a {
display: block;
padding: 10px 5px 10px 10px;
background: #333230;
color: #fff;
text-align:  center;
}
.Side_title_a a:hover {
background: #585650;
}

div#side {
font-size: 1.2rem;
}

/* HOME
---------------------------------------------------------- */
div#side ul#side_home li#home {
margin-bottom: 6px;
text-align: center;
}
div#side ul#side_home li#home a {
display: block;
background: #333230;
padding: 10px 10px;
color: #fff;
}
div#side ul#side_home li#home a:hover {
background: #555;
}
div#side #side_cart{
color: #06112c;
margin-bottom: 5px;
}
div#side #side_cart dl dt{
font-weight: bold;
color: #9e9a5d;
}
div#side #side_cart form{
margin-bottom: 5px;
}
div#side #side_cart form input#searchwindow{
border-radius: 5px;
line-height: 20px;
width: 200px;
padding:  1px 5px;
/* box-sizing:  border-box; */
} 

div#side #side_cart form input#search_btn{
width: 20px;
height: 20px;
vertical-align: -5px;
margin-left: 5px;
}
/* side_menu
---------------------------------------------------------- */
div#side ul#side_menu {
margin: 0 0 20px;
}
div#side ul#side_menu>li {
border-bottom: 1px solid #FFFFFF;
}
div#side ul#side_menu>li>a {
display: block;
padding: 7px 7px 7px 10px;
background: #333230;
color: #fff;
}
div#side ul#side_menu>li>a:hover {background: #555;}
/* side_form
---------------------------------------------------------- */

div#side div#side_form {
width: 100%;
margin-bottom: 5px;
}
div#side div#side_form table {
border-collapse: collapse;
}
div#side div#side_form table tr td {
width: 100%;
background: #FFFFFF;
padding-bottom: 5px;
}
div#side div#side_form table tr td img {
max-width: 100%;
vertical-align: top;
}

/*side_cate*/
div#side div#side_cate{
margin-bottom:5px;
}
div#side div#side_cate p.ch_button {
position: relative;
}

div#side div#side_cate p.ch_button:after {
content: "\f067";
font-family: FontAwesome;
color: #fff;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
height: 18px;
transition:.3s;
}
div#side div#side_cate p.ch_button.clicked:after {
content: "\f068";
transition:.3s;
transform:rotate(180deg);
}

div#side div#side_cate ul.big{
display: block;
margin:0;
line-height:1;

}

/* サイドメニュー商品大カテ */
div#side_cate ul.big>li {
vertical-align: top;
display: block;
text-align: left;
border: 1px solid #C7C5AC;
margin: 2px 0;
}
div#side_cate ul.big>li>a {
display: block;
background: #fff;
color: #000;
line-height: 1.2;
height: 41px;
position: relative;
padding-right: 25px;
}
div#side_cate ul.big>li>a:after {
content: "\f105";
font-family: FontAwesome;
color: #c7c5ac;
font-size: 20px;
position : absolute;
right: 10px;
top: 0;
bottom:  0;
margin:  auto;
height: 24px;
}
div#side_cate ul.big>li img{
float:  left;
margin-right: 5px;
width: 50px;
}

div#side_cate ul.big>li>a>span {
padding-top: 14px;
display:  inline-block;
}
div#side_cate ul.big>li>span {
display: block;
background: #fff;
color: #000;
line-height: 1.2;
min-height: 41px;
position: relative;
padding-right: 25px;
}
div#side_cate ul.big>li>span>span{
  width: 160px;
  display:  table-cell;
  vertical-align:  middle;
  height: 41px;
}
div#side_cate ul.big>li>span:after {
content: "\f067";
font-family: FontAwesome;
color: #c7c5ac;
position: absolute;
right: 10px;
top: 0;
bottom: 0;
margin: auto;
height: 12px;
transition:.3s;
}
div#side_cate ul.big>li>span:hover{
filter:alpha(opacity=80); 
-moz-opacity:.8;
opacity:.8;
}

/* サイド大カテ開閉用 */
div#side_cate ul.big>li>span.clicked0201:after,
div#side_cate ul.big>li>span.clicked0202:after,
div#side_cate ul.big>li>span.clicked0203:after,
div#side_cate ul.big>li>span.clicked0204:after,
div#side_cate ul.big>li>span.clicked0205:after,
div#side_cate ul.big>li>span.clicked0206:after,
div#side_cate ul.big>li>span.clicked0207:after,
div#side_cate ul.big>li>span.clicked0208:after,
div#side_cate ul.big>li>span.clicked0209:after,
div#side_cate ul.big>li>span.clicked0210:after,
div#side_cate ul.big>li>span.clicked0211:after,
div#side_cate ul.big>li>span.clicked0212:after,
div#side_cate ul.big>li>span.clicked0213:after,
div#side_cate ul.big>li>span.clicked0214:after,
div#side_cate ul.big>li>span.clicked0215:after,
div#side_cate ul.big>li>span.clicked0216:after,
div#side_cate ul.big>li>span.clicked0217:after,
div#side_cate ul.big>li>span.clicked0218:after,
div#side_cate ul.big>li>span.clicked0219:after,
div#side_cate ul.big>li>span.clicked0220:after {
content: "\f068";
transition:.3s;
transform:rotate(180deg);
}

/* サイドメニュー商品小カテ */
div#side_cate ul.small {
display: none;
background: #ccc;
}
div#side_cate ul.small li a {
display: block;
color: #fff;
background: #C7C5AC;
border-bottom: 1px solid #bab596;
padding: 14px 20px 14px 5px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
}
div#side_cate ul.small li a:hover {
background: #bab596;
}
div#side_cate ul.small>li>span {
display: block;
color: #fff;
background: #C7C5AC;
border-bottom: 1px solid #bab596;
padding: 14px 20px 14px 5px;
position: relative;
}
div#side_cate ul.small>li>span:hover {
background: #bab596;
}
div#side_cate ul.small>li>span:after {
content: "\f067";
font-family: FontAwesome;
position: absolute;

right: 10px;
top: 15px;
transition:.3s;
}

/* サイド小カテ開閉用 */
div#side_cate ul.small>li>span.clicked0301:after,
div#side_cate ul.small>li>span.clicked0302:after,
div#side_cate ul.small>li>span.clicked0303:after,
div#side_cate ul.small>li>span.clicked0304:after,
div#side_cate ul.small>li>span.clicked0305:after,
div#side_cate ul.small>li>span.clicked0306:after,
div#side_cate ul.small>li>span.clicked0307:after,
div#side_cate ul.small>li>span.clicked0308:after,
div#side_cate ul.small>li>span.clicked0309:after,
div#side_cate ul.small>li>span.clicked0310:after {
content: "\f068";
transition:.3s;
transform:rotate(180deg);
top: 14px;
}

/* サイドメニュー商品小小カテ */
div#side_cate ul.x_small {
display: none;
}
div#side_cate ul.x_small li a {
color: #666666;
background: #EBE9DD;
border-bottom: 1px solid #c7c5ac;
padding: 12px 5px;
text-shadow: 1px 1px 1px rgba(255, 255, 255, .4);
}
div#side_cate ul.x_small li:first-child a {
}
div#side_cate ul.x_small li a:hover {
background: #efe8d5;
}
div#side_cate ul.x_small li a:before {
content: "\f105";
font-family: FontAwesome;
margin: 0 5px;
}

/* side_g4cate&side_g3cate
---------------------------------------------------------- */
div#side div.side_g3cate, div#side div.side_g4cate {
margin: 0 0 5px 0;
}
div#side div.side_g3cate ul.category, div#side div.side_g4cate ul.category {
}
div#side div.side_g3cate ul.category li, div#side div.side_g4cate ul.category li {
list-style: none;
border-bottom: 1px solid transparent;
}
div#side div.side_g3cate ul.category li a, div#side div.side_g4cate ul.category li a {
display: block;
padding: 7px 7px 7px 10px;
background: #333230;
color: #fff;
}
div#side div.side_g3cate ul.category li a:hover, div#side div.side_g4cate ul.category li a:hover {
background: #555;
}
/* サイドメニュー店舗案内
---------------------------------------------------------- */
div#side div#side_company {
margin: 0 auto 20px;
width: 250px;
}

div#side div#side_company .Side_title_a a {
background: #000000;
margin: 0;
}
div#side div#side_company table {
border-collapse: collapse;
width: 100%;
}
div#side div#side_company table tr td {
background: #FFFFFF;
border: 1px solid #000000;
border-top: none;
padding: 8px;
}
div#side div#side_company table tr td p {
padding: 10px;
font-size: small;
background: #e8ecf8;
}
div#side div#side_company table tr td img {
border: 1px solid #c8c8c8;
vertical-align: top;
width: 100%;
margin: 0 0 8px;
}
div#side div#side_company table tr td p b {
color: #ff9336;
}
div#side div#side_company table tr td p u {
display: block;
color: #333;
text-decoration: none;
font-weight: bold;
padding: 2px 0 2px 5px;
margin: 5px 0;
margin-bottom: -10px;
border-left: 5px solid #c8c8c8;
border-bottom: 1px dotted #c8c8c8;
}
div#side div#side_company table tr td div {
padding: 5px;
}
/* side_banner 外部リンク
---------------------------------------------------------- */
div#side div#side_banner {
width: 96%;
margin: 0 auto 10px;
}
div#side div#side_banner table {
border-collapse: collapse;
width: 100%;
}
div#side div#side_banner table tr {
}
div#side div#side_banner table tr td {
width: 100%;
padding-bottom: 10px;
text-align: center;
}
div#side div#side_banner table tr td img {
max-width: 100%;
vertical-align: top;
display: block;
margin: 0 auto;
} 
/* side_sns
---------------------------------------------------------- */
div#side ul#side_sns {
width: 100%;
box-sizing: border-box;
font-size: 0;
}
div#side ul#side_sns li {
margin-bottom: 6px;
text-align: center;
display: inline-block;
width: 49%;
font-size: 10px;
}
div#side ul#side_sns li:first-child {
margin-right: 2%;
}
div#side ul#side_sns li a {
display: inline-block;
width: 100%;
background: #333230;
padding: 10px 1%;
box-sizing: border-box;
color: #fff;
text-align:  center;
}
div#side ul#side_sns li a:hover {
background: #555;
}
div#side ul#side_sns li:first-child a {
background:  #3b5998;
}
div#side ul#side_sns li:first-child a:hover {
background:  #5577bf;
}
div#side ul#side_sns li:nth-child(2) a {

background: rgb(161, 32, 181); /* Old browsers */
background: -moz-linear-gradient(45deg, rgba(238,40,24,1) 0%, rgba(184,0,177,1) 49%, rgba(64,0,196,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(238,40,24,1) 0%,rgba(184,0,177,1) 49%,rgba(64,0,196,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(238,40,24,1) 0%,rgba(184,0,177,1) 49%,rgba(64,0,196,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee2818', endColorstr='#4000c4',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
div#side ul#side_sns li:nth-child(2) a:hover {
filter: brightness(110%);
}
div#side ul#side_sns li a img{
width: 20px;
vertical-align: middle;
}
div#side ul#side_sns li a:hover img{
filter:alpha(opacity=100); 
-moz-opacity:1;
opacity:1;
}
div#side ul#side_sns li a span{
display: inline-block;
width: 60px;

margin-left: 5px;
}

.account ul{
  display:flex;
  justify-content: right;
  padding-top:60px;
}
.account .header-tools__unit{
  margin:0 10px;
}
.account .header-tools__unit a{
  color:#FFF;
  position:relative;
}
.account .header-tools__unit-cart a{
  color:#000;
}
.account .fa-li{
 position:relative;
 left:0;
 top:0;
}  
}
@media screen and (min-width:1100px){
/* ============================================================
サイドメニュー*/
/* ===========================================================*/
div.toggleWrap {
    height: auto!important; }
}/* PC END */
.c-breadcrumbs{
display:none;  
}
/* ============================================================
当サイトについて　about.html
============================================================ */
div#about {
	width: 100%;
	margin: 0;
}
div#about p {
	width: 100%;
	margin: 0 0 10px 0;
}
/*--------------------------------------------------------------------*/
/*よくある質問　faq.html*/

/*--------------------------------------------------------------------*/
div#faq {
width: 100%;
margin: 0;
}
/*faq01
---------------------------------------------------------- */
div#faq01 {
color: #333230;
}
div#faq01 p#currentCate {
padding: 6px 10px;
margin: 10px 0 0;
background: #333230;

color: #ddd;
}
div#faq01 p#currentCate span {
margin-left: 30px;
font-size: large;
font-weight: bold;
}
div#faq01 div.faq {
}
div#faq01 div.faq div#questions_cate {
}
div#faq01 div.faq div#questions_cate ul {
clear: both;
width: 100%;
overflow: hidden;
padding: 5px;
border: 1px solid #333230;
box-sizing: border-box;
text-align:  center;

}
div#faq01 div.faq div#questions_cate ul:after {
content: "";
display: block;
height: 0;
clear: both;
}
div#faq01 div.faq div#questions_cate ul li {
display:  inline-block;
width: 30%;
margin: 10px 1%;
box-sizing:  border-box;
padding: 6px 8px;
background: #333230;
font-weight: bold;
color: #ddd;
font-size: 1.2rem;
text-align: center;
border: 1px solid #ccc;
vertical-align: top;
}
div#faq01 div.faq div#questions_cate ul li a {
display: block;
margin: -6px -8px;

padding: 6px 8px;
text-decoration: none;
text-align: center;
font-weight: normal;
color: #fff;
background: #333230;
}
div#faq01 div.faq div#questions_cate ul li a:hover {
background: #000;
}
div#faq01 div.faq div#questions {
margin: 10px 0 30px;
background: #fff;
padding-bottom:  10px;
border-radius:  5px;
}
div#faq01 div.faq div#questions h3 {
clear: both;
padding: 6px 10px;
margin: 10px 0;
background: #cac5ad;
color: #333230;
}
div#faq01 div.faq div#questions ul {
margin: 0 5px;
}
div#faq01 div.faq div#questions ul li {
padding: 5px 8px 5px 20px;
}
div#faq01 div.faq div#questions ul li:before {
content: "Q.";
margin-right: 5px;

font-weight: bold;
color: #b8a756;
}
div#faq01 div.faq div#questions ul li a {
color: #333230;
font-weight:  bold;
}
div#faq01 div.faq div#questions ul li a:hover {
color: #000;
text-decoration: underline;
}
div#faq01 div.faq div#answers {
clear: both;
margin: 0 0 30px;
background: #fff;
border-radius: 5px;
}
div#faq01 div.faq div#answers h3 {
clear: both;
padding: 6px 10px;
background: #cac5ad;
}
div#faq01 div.faq div#answers ul {
margin: 0 5px;
padding: 20px;
}
div#faq01 div.faq div#answers ul li dl {
margin-bottom: 20px;
}

div#faq01 div.faq div#answers ul li dl dt {
padding: 5px 0 5px 8px;
font-weight: bold;
text-decoration: none;
}
div#faq01 div.faq div#answers ul li dl dt .question{
color: #b8a756;
font-style:  normal;
}
div#faq01 div.faq div#answers ul li dl dd {
background: #f1f3ec;
padding: 8px;
border-radius: 5px;
}
div#faq01 div.faq div#answers ul li dl dd em.answer{
font-weight: bold;
font-style: normal;
color: #867a41;
}
/* ============================================================
ギャラリー3
============================================================ */
div#gallery3_1 div.category div.title h2 {
display: none;
}
div#gallery3_1, div#gallery3_t1 {
width: 100%;
margin: 0;
background: #fff;
color: #333230;
padding: 10px 20px;
box-sizing:  border-box;
border-radius:  5px;
}
div#gallery3_1 a:hover, div#gallery3_t1 a:hover{
/* color:#798609; */
}
/* 本体
---------------------------------------------------------- */
div#gallery3_1 div.article, div#gallery3_t1 div.article {
clear: both;
overflow: hidden;
}
/*見出し*/
div#gallery3_1 div#gallery3_list_1 div.article div.articleHead h3, div#gallery3_1 div#gallery3_detail_1 h3, div#gallery3_t1 div#gallery3_list_t1 div.article div.articleHead h3, div#gallery3_t1 div#gallery3_detail_t1 h3 {
clear: both;
display: block;
padding: 5px 8px 5px 15px;
margin: 5px 0 20px;
font-size: 2rem;
background: #000;
color: #fff;
position: relative;
border-left: 3px solid #decdbf;
font-weight:  normal;
}
div#gallery3_1 div#gallery3_list_1 div.article div.articleHead h3 a, div#gallery3_t1 div#gallery3_list_t1 div.article div.articleHead h3 a {
text-decoration: none;
}
/* 記事 */
div#gallery3_1 div.article div.articleBody div.articleContent, div#gallery3_t1 div.article div.articleBody div.articleContent {
margin-bottom: 3em;
}
div#gallery3_1 div.article div.articleBody div.articleContent>div>div, div#gallery3_t1 div.article div.articleBody div.articleContent>div>div {
max-width: 100%!important;
box-sizing:  border-box;
}
div#gallery3_1 div.article div.articleBody div.articleContent img, div#gallery3_t1 div.article div.articleBody div.articleContent img {
clear: both;
margin: 8px 0;
max-width: 100%;
}
/*記事無しテキスト*/
div#gallery3 div.articleNotFound {
}

/*g3リンクtop*/
div#wrapper div#main div#gallery3_1 .g3_link02, div#gallery3_t1 .g3_link02 {
width: 100%;
font-size:  0;
padding:  0;
}
div#wrapper div#main div#gallery3_1 .g3_link02>div, div#gallery3_t1 .g3_link02>div {
display: inline-block;
width: 31%!important;
float:  none!important;
box-sizing: border-box;
font-size:  1.2rem;
text-align: center;
margin: 0 1% 1%!important;
vertical-align:  top;
padding:  0!important;
height: auto!important;
}
div#wrapper div#main div#gallery3_1 .g3_link02>div a, div#gallery3_t1 .g3_link02>div a{
display: block;
padding: 10px;

}

/*g3リンク*/
div#wrapper div#main div#gallery3_1 ul.g3_link, div#gallery3_t1 ul.g3_link {
width: 100%;
font-size:  0;
}
div#wrapper div#main div#gallery3_1 ul.g3_link li, div#gallery3_t1 ul.g3_link li {
display: inline-block;
width: calc(100%/ 3);
font-size:  1.2rem;
text-align: center;
}
div#wrapper div#main div#gallery3_1 ul.g3_link a img, div#gallery3_t1 ul.g3_link a img{
max-width: 100%;
margin: 0;
}

@media screen and (max-width:599px) {
/*　スマホ　*/
div#gallery3_1, div#gallery3_t1 {
padding: 5px 10px;
}
div#wrapper div#main div#gallery3_1 .g3_link02>div, div#gallery3_t1 .g3_link02>div {
width: 98%!important;
}
div#wrapper div#main div#gallery3_1 ul.g3_link li, div#gallery3_t1 ul.g3_link li {
display: block;
width: 100%;
text-align: center;
}
div#wrapper div#main div#gallery3_1 ul.g3_link a img, div#gallery3_t1 ul.g3_link a img{
max-width: 100%;
margin: 0 auto;
}
}

div#company {
width: 100%;
margin: 0;
}
div#company01 {
margin-bottom: 30px;
}
div#company01 b{
font-size: 3.6rem;
font-family: serif;
color: #adc100;
}
div#company01 table tr td {
width: 100%;
padding: 60px;
background: #fff;
color: #333230;
border-radius:  5px;
line-height:  1.4;
}
div#company01 table tr td img{
width: 490px;
}
div.company02 {
width: 100%;
margin-bottom: 30px;
}
div#company03 {
margin-bottom: 30px;
}
div#company03 div#gmap iframe {
margin-bottom: 10px;
}
div#gallery3_1 div.article div.articleBody div.articleContent u, div#gallery3_t1 div.article div.articleBody div.articleContent u, #gallery4 div.galleryDetail div.DetailList div.detail div.detailInner div.comment p u, #gallery4 div.galleryDetail div.main div.comment p u {
    /* padding: 0 10px; */
    position: relative;
    margin-bottom: -1em;
    font-weight: bold;
}
table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    unicode-bidi: isolate;
    border-spacing: 4px;
    border-color: gray;
}
table.border-on {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #ddcdbf;
    border-collapse: collapse;
    box-sizing: border-box;
    color: #333230;
}
div#gallery3_1 table.bg_blown{
  background:#A0522D;
}
div#sitemap {
width: 100%;
margin: 0;
}
div#sitemap p {
margin: 10px 0 10px 10px;
}
div#sitemap ul {
margin-left: 10px;
}
div#sitemap ul li {
padding: 10px 0;
border-top: 1px dotted #c8c8c8;
background: url(https://file001.shop-pro.jp/PA01513/529/images/burette.png) no-repeat left 16px;
}
div#sitemap ul li.nolink {
display: block;
padding: 10px 0 10px 18px;
text-decoration: none;
font-weight: bold;
}
div#sitemap ul li a {
display: block;
padding: 0 0 0 18px;
text-decoration: none;
font-weight: bold;
line-height: 1.4;
}
div#sitemap ul li a:hover {
text-decoration: underline;
}
/* 大カテゴリー */
div#sitemap ul.big {
margin-top: -10px;
margin-bottom: 10px;
}
div#sitemap ul.big li {
margin-left: 35px;
padding: 0;
border-top: none;
background: none;
}
div#sitemap ul.big li a {
line-height: 1.4;
}
div#sitemap ul.big li a:before {
content:"┗ ";
color: #999;
display: inline-block;
margin-right: 5px;
}
div#sitemap ul.big li a:hover {
}
/* 小カテゴリー */
div#sitemap ul.small {
margin: 0;
padding: 0;
line-height: 0;
font-size: 0;
}
div#sitemap ul.small li {
margin-left: 35px;
padding: 0;
border-bottom: none;
}
div#sitemap ul.small li a {
display: block;
padding: 0 0 0 18px;
text-decoration: none;
font-weight: bold;
margin: 0px;
font-size: 1.2rem;
line-height: 1.4;
}
div#sitemap ul.small li a:hover {
text-decoration: underline;
}
div#sitemap div.sitemap02 ul.exWrap, div#sitemap div.sitemap02 ul.category {
margin-top: -10px;
margin-bottom: 10px;
/* line-height: 0; */
/* font-size: 0; */
}
div#sitemap div.sitemap02 ul.exWrap li, div#sitemap div.sitemap02 ul.category li {
margin-left: 35px;
padding: 0;
border-top: none;
background: none;
}
div#sitemap div.sitemap02 ul.exWrap li a, div#sitemap div.sitemap02 ul.category li a {
font-size: 1.4rem;
line-height: 1.4;
}
div#sitemap div.sitemap02 ul.exWrap li a, div#sitemap div.sitemap02 ul.category li a:before {
content:"┗ ";
color: #999;
display: inline-block;
margin-right: 5px;
}
div#sitemap div.sitemap02 ul.exWrap li a:hover, div#sitemap div.sitemap02 ul.category li a:hover {
}
div#link {
width: 100%;
margin: 0;
}
/* link01
---------------------------------------------------------- */
div#link01 {
margin-bottom: 3em;
}
div#link01 p {
margin-bottom: 15px;
}
div#link01 p span {
font-size: 1.0rem;
}
/* link02
---------------------------------------------------------- */
div#link02 ul.exWrap {
list-style: none;
margin: 10px 15px;
}
div#link02 ul.exWrap li {
display: inline-block;
padding: 3px 20px;
margin-right: 15px;
color: #f1f3ec;
font-weight: bold;
border: 1px solid #ccc;
border-radius: 5px;
overflow: hidden;
font-size: 80%;
}
div#link02 ul.exWrap li a {
background: #f1f3ec;
margin: -3px -20px;
padding: 3px 20px;
display: block;
text-decoration: none;
color: #c3d714;
}
div#link02 ul.exWrap li a:hover {
color: #faffc9;
}
div#link02 p.link_cate {
clear: both;
margin: 10px 0 10px;
padding: 2px 0 2px 10px;
height: 30px;
font-size: 1.6rem;
font-weight: bold;
border-bottom: 1px solid;
border-left: 5px solid #cac5ad;
color: #cac5ad;
}
div#link02 dl.systemDl dt {
background: url(../../images/burette_on.jpg) no-repeat left center;
}
div#link02 dl.systemDl dt a {
display: block;
padding: 0 0 0 18px;
background: url(../../images/burette.png) no-repeat left center;
font-weight: bold;
text-decoration: none;
/* color: #666666; */
}
div#link02 dl.systemDl dt a:hover {
text-decoration: underline;
}
div#link02 dl.systemDl dd {
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #CCC;
}
div#link02 dl.systemDl dd:after {
content : "";
display : block;
height : 0;
clear : both;
}
div#link02 dl.systemDl dd p {
width: 60%;
margin: 0;
float: left;
font-size: 80%;
}
div#link02 dl.systemDl dd a {
float: left;
padding: 0 0 0 1%;
}
div#link02 dl.systemDl dd a img {
max-width: 100%;
}
div#crumbs {
    width: 100%;
    font-size: 1.1rem;
    border-top: 1px solid #333230;
    border-bottom: 1px solid #333230;
    box-sizing: border-box;
    padding: 10px;
}
/*一覧表*/
.product_list table{
  width:100%;
  border-collapse:collapse;
  border:1px solid #ddcdbf;
}
.cate-list{
  border:none!important;
}
.product_list td{
    border:0!important;
    padding: 5px;
}
table .list_table_txt{
  border-right-style:hidden!important;
}
table .list_table_txt.bottom_border_hidden{
  border-bottom-style:hidden!important;
}
table .top_border{
  border-top:1px solid #ddcdbf !important;
}
table .right_border{
  border-right:1px solid #ddcdbf !important;
}
.product_list td img{
  max-width:100%!important;
}