@charset "UTF-8";
@import url("https://image.raku-uru.jp/cms/fontcss/font.css");

/*
 * らくうるカート CSS（アイコン表示修正版）
 * 変更点：
 * - @charset とアイコンフォントを読み込む @import をCSSの先頭へ移動
 * - RTF変換ツールの説明文を削除
 *
 * アイコンの指定（icomoon / content の文字コード）は変更していません。
 * まずテスト用のコピーとして適用し、アイコンが戻るか確認してください。
 */

/* reset
--------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
 display: block;
}

body {
 line-height: 1;
 word-wrap: break-word;
 word-break: break-all;
}

nav ul {
 list-style: none;
}

blockquote, q {
 quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
 content: '';
 content: none;
}

ins {
 background-color: #F5F1E8;
 color: #171216;
 text-decoration: none;
}

mark {
 background-color: #F5F1E8;
 color: #171216;
 font-weight: bold;
}

abbr[title], dfn[title] {
 border-bottom: 1px dotted;
 cursor: help;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

del {
 text-decoration: line-through;
}

hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #e5e5e5;
 margin: 1.0rem 0;
 padding: 0;
}

input, select {
 vertical-align: middle;
}

img {
 border: none;
 vertical-align: middle;
 line-height: 0;
}

/*--------------------------------------
 'sm': 'screen and(max-width: 480px)
 'md': 'screen and(min-width: 768px)
 'lg': 'screen and(min-width: 960px)
 'xl': 'screen and(min-width: 1200px)

 #common
--------------------------------------*/
* {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
}

html {
 font-size: 62.5%;
}

body {
 font-family: "Noto Sans JP", sans-serif;
 color:#333;
 background:#f5f1e8 ;
}

input, textarea, button, select, i {
 font-family: "Noto Sans JP", sans-serif;
}

a,
a:visited {
 color:#6d6c6c;
 text-decoration: none;
}

a:hover,
button:hover {
 color:#5b6545;
 text-decoration: none;
 opacity: 0.7;
}

a img:hover {
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
 opacity: 0.7;
}

a, a:hover {
 -webkit-transition: 0.3s;
 -moz-transition: 0.3s;
 -o-transition: 0.3s;
 transition: 0.3s;
}

img {
 max-width: 100%;
 height: auto;
 border: none;
}

h1, h2, h3, h4, h5, h6 {
 font-feature-settings: "palt";
}

/* TEXT
--------------------------------------*/
.txt-wt {
 color: #fff;
}

.txt-red, .red {
 color: #ec0000;
}

.txt-blue {
 color: #0068b7;
}

/* 
--------------------------------------*/
.none_bg {
 background: none !important;
}

.none_bd {
 border: none !important;
}

.none_bd_top {
 border-top: none !important;
}

/*  */
.no_br br {
 display: none;
}

.on_br br {
 display: block;
}

@media screen and (min-width: 960px) {
 .no_br br {
 display: block;
 }

 .on_br br {
 display: none;
 }
}
/* TEXT */
.txt_center {
 text-align: center !important;
}

.txt_right {
 text-align: right !important;
}

.txt_left {
 text-align: left !important;
}

/*  */
.txt_spac {
 letter-spacing: -1px;
}

.txt_spac_pl {
 letter-spacing: 2px;
}

.bold {
 font-weight: bold;
}

/* marginpadding
--------------------------------------*/
.mt0 {
 margin-top: 0px !important;
}

.mb0 {
 margin-bottom: 0px !important;
}

.pt0 {
 padding-top: 0px !important;
}

.pb0 {
 padding-bottom: 0px !important;
}

.mt5 {
 margin-top: 5px !important;
}

.mb5 {
 margin-bottom: 5px !important;
}

.pt5 {
 padding-top: 5px !important;
}

.pb5 {
 padding-bottom: 5px !important;
}

.mt10 {
 margin-top: 10px !important;
}

.mb10 {
 margin-bottom: 10px !important;
}

.pt10 {
 padding-top: 10px !important;
}

.pb10 {
 padding-bottom: 10px !important;
}

.mt15 {
 margin-top: 15px !important;
}

.mb15 {
 margin-bottom: 15px !important;
}

.pt15 {
 padding-top: 15px !important;
}

.pb15 {
 padding-bottom: 15px !important;
}

.mt20 {
 margin-top: 20px !important;
}

.mb20 {
 margin-bottom: 20px !important;
}

.pt20 {
 padding-top: 20px !important;
}

.pb20 {
 padding-bottom: 20px !important;
}

.mt25 {
 margin-top: 25px !important;
}

.mb25 {
 margin-bottom: 25px !important;
}

.pt25 {
 padding-top: 25px !important;
}

.pb25 {
 padding-bottom: 25px !important;
}

/* CSS
--------------------------------------*/
em, i, cite {
 font-style: normal;
}

strong, b {
 font-weight: bold;
}

/* FOAM
--------------------------------------*/
/* OSi */
input[type="submit"],
input[type="button"] {
 border-radius: 0;
 -webkit-box-sizing: content-box;
 -webkit-appearance: button;
 appearance: button;
 border: none;
 box-sizing: border-box;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
 display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
 outline-offset: -2px;
}

input, textarea, select {
 outline: 0;
}

/*  */
input[type="text"], input[type="email"], input[type="url"], input[type="number"], input[type="password"] {
 background: #fff;
 border: 1px solid #e5e5e5;
 padding: 0.2em 15px;
 font-size: 16px;
}
input[type="number"] {
 padding-right: 5px;
 padding-left: 5px;
}
input[type="text"]::focus, input[type="text"]:hover, input[type="email"]::focus, input[type="email"]:hover, input[type="url"]::focus, input[type="url"]:hover {
 border: 1px solid #00AEE3;
}

button {
 cursor: pointer;
}

input[type='checkbox'], input[type="radio"], input[type="submit"] {
 cursor: pointer;
}

textarea {
 border: 1px solid #e5e5e5;
 -moz-border-radius: 4px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
 height: 230px;
 margin: auto;
}

/* table
--------------------------------------*/
table {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 margin: auto;
}

table table {
 width: 100%;
}

th, td {
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 -o-box-sizing: border-box;
 -ms-box-sizing: border-box;
 box-sizing: border-box;
 border: 1px solid #e5e5e5;
 margin: 0 -1px -1px 0;
 vertical-align: middle;
 padding:5px;
 display:block;
}

table tr:last-child td:last-child {
 margin-bottom:0;
}

th {
 background: #f6f6f7;
}

@media screen and (min-width: 768px) {
 table table {
 min-width: 80%;
 max-width: 100%;
 width: auto;
 }
 th,td {
 margin-right: -1px;
 display: table-cell;
 }
}

/*  */
table.about-tbl {
 margin: 24px auto;
 width: 100%;
}

table.about-tbl th, table.about-tbl td {
 padding: 10px;
}
table.about-tbl th {
 min-width: 200px;
}
table.about-tbl a {
 text-decoration: underline;
}

table.shipment-tbl {
 margin-bottom: 30px;
}
table.shipment-tbl table {
 margin-bottom: 15px;
}
table.shipment-tbl th, table.shipment-tbl td {
 font-size: 14px;
}
table.shipment-tbl td {
 padding: 4px 8px;
}
table.shipment-tbl thead th,
table.shipment-tbl thead td {
 text-align: center;
 font-weight: bold;
}
.shipment-tbl-normal-shippoint-point span {
 display: inline-block;
}
.shipment-tbl-tkbsize-defined {
 margin-top: 30px;
}
.shipment-tbl-tkbsize-defined thead td {
 background: #f6f6f7;
}
.shipment-tbl-tkbsize-defined tbody tr td:last-child {
 border-bottom-width: 2px;
}
.shipment-tbl-eidome a {
 text-decoration: underline;
}
.shipment-tbl-ptn6 .shipment-tbl-normal td > table {
 display: block;
 overflow-x: auto;
 white-space: nowrap;
 max-width: 580px;
}
@media screen and (min-width: 768px) {
 table.shipment-tbl th {
 max-width:22em;
 }
 table.shipment-tbl table th {
 max-width: 10em;
 }
 .shipment-tbl-tkbsize-defined tbody tr td:last-child {
 border-width: 1px;
 }
}

/* clearfix */
.cl, #header, #container, #main,
.main, #secondary, #footer {
 *zoom: 1;
}
.cl::after, #header::after, #container::after, #main::after,
.main::after, #secondary::after, #footer::after {
 content: "";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}

/*  */
.pc {
 display: none;
}

.sp {
 display: block;
}

@media screen and (min-width: 960px) {
 .pc {
 display: block;
 }

 .sp {
 display: none;
 }
}
/*--------------------------------------
 layout
--------------------------------------*/
.wrapper {
 position: relative;
 height: 100%;
 width: 100%;
}

#header {
 margin: 0 auto;
 position: relative;
 z-index: 99;
 background-color: #F5F1E8;
 }

#container {
 width: 100%;
 margin: 0 auto;
 text-align: center;
 position: relative;
 overflow: hidden;
}

#main,
.main {
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}

.one-column #main,
.one-column .main {
 width: 100%;
 margin: auto;
}

.inner {
 width: 94%;
 margin: 0 3%;
 height: auto;
 position: relative;
}
@media screen and (min-width: 768px) {
 .inner {
 width: 100%;
 max-width: 100%;
 margin: 0 auto;
 padding: 0 3%;
 }
}
@media screen and (min-width: 1200px) {
 .inner {
 padding: 0;
 }
}

.no_inner {
 width: 100%;
 height: auto;
 margin: 0;
 position: relative;
}
@media screen and (min-width: 768px) {
 .no_inner {
 max-width: 100%;
 margin: 0 auto;
 }
}

#secondary {
 margin: 0 auto;
 position: relative;
 overflow: hidden;
}

#footer {
 text-align: center;
 position: relative;
 background-color: #F5F1E8;
}

@media screen and (min-width: 960px) {
 /* 960px:2column layout */
 #header {
 margin: 0;
 position: fixed;
 width: 300px;
 height: 100%;
 }

 #container {
 width: -webkit-calc(100% - 300px);
 width: calc(100% - 300px);
 margin: 0 0 0 300px;
 }

 #footer {
 text-align: right;
 }
}
@media screen and (min-width: 1200px) {
 /* 1200px:2column layout */
}
.layer-bk, .layer-wh {
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 z-index: 4;
 padding: 0.5em 0;
}

.layer-bk {
 background: rgba(0, 0, 0, 0.44);
}

.layer-wh {
 background: rgba(255, 255, 255, 0.8);
}

/*--------------------------------------
 
--------------------------------------*/
/* SNS */
.sns li {
 display: inline-block;
}
.sns li a {
 color: #000;
}
.sns li a i {
 font-size: 24px;
 font-size: 2.4rem;
}

/*   */
.more-link {
 text-align: right;
 margin-bottom: 1.5em;
 font-size: 14px;
 font-size: 1.4rem;
}
.more-link a {
 display: inline-block;
 text-decoration: none;
}
.more-link a::after {
 content: "\e902";
 font-family: "icomoon";
 color: #0079ff;
 margin-left: 5px;
}
.more-link a:hover {
 color: #106aa7;
 text-decoration: none !important;
}
.more-link a:hover::after {
 color: #106aa7;
}

/*  */
.breadcrumbs {
 padding: 0.8em 0 1.5em;
 text-align: left;
}
.breadcrumbs strong {
 font-weight: normal;
}
.breadcrumbs li {
 max-width: 100%;
 display: inline-block;
 color: #333;
 font-size: 12px;
 font-size: 1.2rem;
 line-height: 1.78;
}
.breadcrumbs li a {
 text-decoration: underline;
}
.breadcrumbs li::after {
 content: " > ";
 color: #c9c9c9;
}
.breadcrumbs li:last-child::after {
 content: "";
}
@media screen and (min-width: 768px) {
 .breadcrumbs li {
 font-size: 14px;
 font-size: 1.4rem;
 }
}

/*  */
.pager {
 position: relative;
 margin: 0 auto 30px;
 text-align: center;
 width: 94%;
}
.pager .prev,
.pager .next {
 position: absolute;
 top: 50%;
 margin-top: -10px;
 height: 20px;
}
.pager .prev a,
.pager .next a {
 position: relative;
 line-height: 20px;
}
.pager .prev a::after,
.pager .next a::after {
 position: absolute;
 width: 14px;
}
.pager .prev {
 left: 0;
}
.pager .prev a {
 padding-left: 24px;
}
.pager .prev a::after {
 left: 0;
 content: "\e905";
 font-family: "icomoon";
 font-size: 16px;
}
.pager .next {
 right: 0;
}
.pager .next a {
 padding-right: 24px;
}
.pager .next a::after {
 right: 0;
 content: "\e90b";
 font-family: "icomoon";
 font-size: 16px;
}
.pager .prev a span,
.pager .next a span {
 display: none;
}

@media screen and (min-width: 768px) {
 .pager {
 width: 60%;
 }
 .pager .prev a span,
 .pager .next a span {
 display: inline;
 }
}

.page-num {
 display: inline-block;
}
.page-num ul {
 font-size: 0;
}
.page-num ul li {
 font-size: 14px;
 display: inline-block;
 margin: 0 15px;
}
.page-num ul li span {
 font-weight: bold;
 font-size: 16px;
}

/*  */
.page-num2 {
 display: inline-block;
}
.page-num2 ul {
 font-size: 0;
}
.page-num2 ul li {
 font-size: 14px;
 display: inline-block;
 margin: 0 5px;
}
.page-num2 ul li a {
 display: block;
 width: 36px;
 height: 36px;
 text-align: center;
 line-height: 36px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 background-color: #F5F1E8;
 border: 1px solid #4f3c38;
 color: #4f3c38;
}
.page-num2 ul li a:hover {
 background-color: #fff;
 color: #4f3c38;
 text-decoration: none;
}
.page-num2 ul li span a {
 font-weight: bold;
 background-color: #fff;
 color: #4f3c38;
}

/*  */
.page-num3 {
 display: inline-block;
}
.page-num3 ul {
 font-size: 0;
}
.page-num3 ul li {
 font-size: 14px;
 display: inline-block;
 margin: 0 5px;
}
.page-num3 ul li a {
 display: block;
 width: 36px;
 height: 36px;
 text-align: center;
 line-height: 36px;
 border: 1px solid #4f3c38;
 color: #4f3c38;
}
.page-num3 ul li a:hover {
 background-color: #4f3c38;
 color: #fff;
 text-decoration: none;
}
.page-num3 ul li span a {
 font-weight: bold;
 background-color: #4f3c38;
 color: #fff;
}

/* CSS */
.css-batu, .css-plus {
 display: inline-block;
 position: relative;
 margin: 0 20px 0 7px;
 padding: 0;
 width: 4px;
 height: 20px;
 background: #000;
 cursor: pointer;
}

/*  */
.css-batu {
 transform: rotate(45deg);
}
.css-batu::before {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: -8px;
 width: 20px;
 height: 4px;
 margin-top: -2px;
 background: #000;
}

/* + */
.css-plus::before {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: -8px;
 width: 20px;
 height: 4px;
 margin-top: -2px;
 background: #000;
}

/* TOP */
#page-top {
 position: fixed;
 height: 44px;
 bottom: 20px;
 right: 10px;
 font-size: 20px;
 font-size: 2rem;
 z-index: 101;
}
#page-top a {
 background: #000;
 opacity: 0.7;
 text-decoration: none;
 color: #fff;
 width: 40px;
 height: 40px;
 line-height: 36px;
 text-align: center;
 display: inline-block;
 vertical-align: middle;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#page-top a::after {
 content: "\e912";
 font-family: 'icomoon';
 color: #fff;
 font-size: 14px;
}
#page-top a:hover {
 text-decoration: none;
}

/* TOP */
#page-top2 {
 position: fixed;
 height: 44px;
 bottom: 20px;
 left: 86%;
 font-size: 20px;
 font-size: 2rem;
 z-index: 101;
}
#page-top2 a {
 background: rgba(255, 255, 255, 0.7);
 text-decoration: none;
 color: #000;
 width: 44px;
 height: 44px;
 text-align: center;
 display: inline-block;
 line-height: 44px;
 vertical-align: middle;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
#page-top2 a::after {
 content: "\e912";
 font-family: 'icomoon';
 color: #fff;
 font-size: 14px;
}
#page-top2 a:hover {
 text-decoration: none;
}
@media screen and (min-width: 960px) {
 #page-top2 {
 position: absolute;
 top: 0;
 }
}

/*--------------------------------------------
 
--------------------------------------------*/
.searchform1,
.searchform2,
.searchform3,
.searchform4 {
 position: relative;
 height: 36px;
}
.searchform1 input,
.searchform2 input,
.searchform3 input,
.searchform4 input {
 border: none;
}
.searchform1 input[type="text"],
.searchform2 input[type="text"],
.searchform3 input[type="text"],
.searchform4 input[type="text"] {
 padding: 0 15px;
 position: absolute;
}
.searchform1 input[type="submit"],
.searchform2 input[type="submit"],
.searchform3 input[type="submit"],
.searchform4 input[type="submit"] {
 position: absolute;
 padding: 0;
}
.searchform1 button,
.searchform2 button,
.searchform3 button,
.searchform4 button {
 position: absolute;
 padding: 0;
}

/* searchform1
--------------------------------------------*/
.searchform1 input[type="text"] {
 background: #eeeeee;
 border-right: none;
}

.sbox1 {
 height: 36px;
 left: 0;
 top: 0;
 width: 260px;
 width: -webkit-calc(100% - 40px);
 width: calc(100% - 40px);
 border-radius: 2px 0 0 2px;
}
.sbox1:hover {
 border: none;
 background: #fffDF4;
}

.sbtn1 {
 width: 40px;
 height: 36px;
 right: 0;
 top: 0;
 border-radius: 0 2px 2px 0;
 background: #000000;
 color: #fff;
 border: none;
 border-left: none;
 font-size: 16px;
 font-size: 1.6rem;
}
.sbtn1::after {
 content: "\e92b";
 font-family: "icomoon";
 font-size: 20px;
 color: #fff;
}
.sbtn1:hover {
 background: #000000;
 color: #fff;
}

/* searchform2
--------------------------------------------*/
.searchform2 input[type="text"] {
 border-right: none;
 border: 1px solid #bfbfbf;
 background: #fff;
}
.searchform2 input[type="text"]:hover {
 border: solid 1px #00b7ee;
}

.sbox2 {
 height: 36px;
 left: 0;
 top: 0;
 width: 240px;
 width: -webkit-calc(100% - 60px);
 width: calc(100% - 60px);
}

.sbtn2 {
 width: 60px;
 height: 36px;
 right: 0;
 top: 0;
 background: #444444;
 color: #fff;
 border: none;
 border-left: none;
 font-size: 16px;
 font-size: 1.6rem;
}
.sbtn2:hover {
 background: #444444;
 color: #fff;
}

/* #searchform3
--------------------------------------------*/
.searchform3 {
 border: 2px solid #bfbfbf;
 height: 40px;
}
.searchform3 input[type="text"] {
 border-right: none;
 border: none;
 background: #fff;
}
.searchform3:hover {
 border: solid 2px #00b7ee;
}

.sbox3 {
 height: 36px;
 left: 0;
 top: 0;
 width: 260px;
 width: -webkit-calc(100% - 40px);
 width: calc(100% - 40px);
}
.sbox3:hover {
 border: none;
}

.sbtn3 {
 width: 40px;
 height: 36px;
 right: 0;
 top: 0;
 background: #fff;
 color: #333;
 border: none;
 border-left: none;
 font-size: 16px;
 font-size: 1.6rem;
}
.sbtn3::after {
 content: "\e92b";
 font-family: "icomoon";
 font-size: 20px;
 color: #333;
}
.sbtn3:hover {
 background: #E0E0E0;
 color: #000;
}

/* searchform4
--------------------------------------------*/
.searchform4 {
 height: 44px;
 margin: 0 auto;
 position: absolute;
 top: 0;
 width: 44px;
}
.searchform4 input[type="text"] {
 background: #ccc;
 border: none;
 border-radius: 22px;
 color: #333;
 cursor: pointer;
 height: 44px;
 opacity: 0;
 outline: none;
 padding: 5px;
 position: absolute;
 top: 0;
 right: 0;
 transition: all 0.7s;
 width: 44px;
 z-index: 5;
}
.searchform4 input[type="text"]:focus {
 cursor: text;
 opacity: 1;
 width: 300px;
}
.searchform4 input[type="submit"] {
 display: none;
}

.sbtn4 {
 border-radius: 50%;
 display: inline-block;
 height: 44px;
 line-height: 44px;
 margin: 0 auto;
 position: absolute;
 top: 0;
 text-align: center;
 width: 44px;
}
.sbtn4::after {
 content: "\e92b";
 font-family: "icomoon";
 font-size: 20px;
 color: #fff;
}

/*------------------------------
 slider
------------------------------*/
#main-image {
 position: relative;
 width: 100%;
 max-width: 2000px;
 margin: 0 auto;
 text-align: center;
 overflow: hidden;
}
#main-image img {
 max-width: 100%;
 height: auto;
}

.main-image-slider {
 position: relative;
 overflow: hidden;
 width: 100%;
 max-width: 2000px;
 height: auto;
 margin: 0 auto;
}
.main-image-slider > ul {
 position: absolute;
 z-index: 97;
 top: 0;
 left: 0;
 display: inline-block;
 overflow: hidden;
}
.main-image-slider > ul > li {
 display: inline;
 float: left;
 overflow: hidden;
 list-style-type: none;
 width: 100%;
}
.main-image-slider > ul > li span, .main-image-slider > ul > li a {
 display: flex;
 width: 100%;
 height: 100%;
 justify-content: center;
 align-items: center;

}

.main-image-prev,
.main-image-next {
 position: absolute;
 top: 50%;
 z-index: 97;
 margin-top: -18px;
}
.main-image-prev a,
.main-image-next a {
 display: block;
 width: 40px;
 height: 40px;
 font-size: 28px;
 line-height: 40px;
 text-align: center;
}
.main-image-prev a:hover,
.main-image-next a:hover {
 text-decoration: none;
}

.main-image-prev {
 right: 10px;
}
.main-image-next {
 left: 10px;
}

.main-image-indicator {
 position: absolute;
 z-index: 97;
 right: 0;
 bottom: 10px;
 left: 0;
}
.main-image-indicator ul {
 text-align: center;
}
.main-image-indicator ul li {
 display: inline-block;
 width: 14px;
 height: 14px;
 margin: 0 8px;
 opacity: .6;
 border: #FFE18C solid 1px;
 border-radius: 50%;
 background-color: transparent;
}
.main-image-indicator ul li.active {
 background-color: #FFE18C;
}

@media screen and (max-width: 600px) {
 #main-image {
 width: 100%;
 overflow: hidden;
 margin: 0;
 text-align: center;
 }

 .main-image-slider > ul {
 height: 460px;
 }
 .main-image-slider > ul > li {
 width: 100%;
 }

 .main-image-indicator {
 bottom: 6px;
 }
 .main-image-indicator ul {
 font-size: 0;
 margin: 0;
 padding: 0;
 }
 .main-image-indicator ul li {
 width: 10px;
 height: 10px;
 margin: 0 4px;
 }
}
/*--------------------------------------
 calendar
--------------------------------------*/
.months {
 font-family: "Noto Sans JP", sans-serif;
 text-align: center;
 padding: 8px 0;
 margin: auto;
 font-size: 18px;
 font-size: 1.8rem;
}

.schedule-area {
 text-align: center;
 margin-bottom: 24px;
}
.schedule-area .months {
 width: 94%;
 color: #fff;
 background-color: #f2a0a1;
 padding: 8px 0;
 margin-bottom: 1.0em;
 -moz-border-radius: 30px;
 -webkit-border-radius: 30px;
 border-radius: 30px;
}

.schedule-area2 {
 text-align: center;
}
.schedule-area2 .months {
 text-align: left;
 padding: 10px;
}

/* 
--------------------------------------------*/
.calendar table {
 width: 94%;
 margin: auto;
}
.calendar th, .calendar td {
 font-size: 13px;
 font-weight: normal;
 padding: 5px 0;
 width: -webkit-calc(94% / 7);
 width: calc(94% / 7);
 text-align: center;
 border: 2px solid #fff;
 margin: 0;
 display: table-cell;
}
.calendar thead th {
 padding: 10px 0;
}
.calendar thead th:first-child {
 color: #ec0000;
}
.calendar thead th:last-child {
 color: #0068b7;
}
.calendar td i {
 display: inline-block;
 width: 26px;
 height: 26px;
 line-height: 26px;
}

/* 
--------------------------------------------*/
.calendar-2 {
 margin-bottom: 24px;
}
.calendar-2 table {
 width: 94%;
 margin: auto;
}
.calendar-2 th, .calendar-2 td {
 font-size: 13px;
 font-weight: normal;
 padding: 0;
 width: -webkit-calc(94% / 7);
 width: calc(94% / 7);
 text-align: center;
 border: none;
 display: table-cell;
}
.calendar-2 thead {
 border-top: 1px solid #fff;
 border-bottom: 1px solid #fff;
}
.calendar-2 thead th {
 background: rgba(246, 246, 247, 0);
 padding: 10px 0;
}
.calendar-2 thead th:first-child {
 color: #ec0000;
}
.calendar-2 thead th:last-child {
 color: #0068b7;
}
.calendar-2 tbody {
 padding-top: 10px;
}
.calendar-2 tbody td {
 vertical-align: middle;
 padding: 5px 3px;
}
.calendar-2 tbody td i {
 display: inline-block;
 width: 100%;
 height: auto;
 max-width: 26px;
 max-height: 26px;
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 line-height: 26px;
}

/*  */
.e1 i {
 color: #fff;
 background-color: #e75a24;
}

.e2 i {
 color: #fff;
 background-color: #9c7c52;
}

.e3 i {
 color: #fff;
 background-color: #2c7a91;
}

.list-event {
 border-top: 1px solid #e5e5e5;
 padding: 15px 0;
 margin: 0 3%;
 text-align: left;
}
.list-event li {
 display: inline-block;
 line-height: 24px;
 position: relative;
 min-height: 24px;
 margin-bottom: 5px;
 margin-right: 10px;
 padding-left: 32px;
 text-align: left;
 list-style: none;
 font-size: 13px;
 font-size: 1.3rem;
}
.list-event li::before {
 position: absolute;
 top: 0;
 left: 0;
 display: block;
 width: 24px;
 height: 24px;
 content: '';
}
.list-event li.event1::before {
 background-color: #e75a24;
}
.list-event li.event2::before {
 background-color: #9c7c52;
}
.list-event li.event3::before {
 background-color: #2c7a91;
}

h1, h2, h3, h4, h5, h6 {
 font-family: "Noto Sans JP", sans-serif
}

/*--------------------------------------
 header
--------------------------------------*/
#header {
 height: 70px;
 width: 100%;
}

.header-in {
 width: 100%;
 height: 70px;
 padding: 0 3%;
 border-top: 0;
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 align-items: center;
 
}
.header-in a:hover {
 text-decoration: none;
}

.h_left,
.h_right {
 height: 60px;
 vertical-align: middle;
 background-color: #F5F1E8;
}

.h_left {
 padding-top: 20px;
}

.h_right {
 position: relative;
 margin-right: -3%;
}

.sp-logo {
 display: block;
}

.pc-logo {
 display: none;
}

/* LOGO */
.site-name {
 height: 55px;
 margin: 0;
 padding: 0 5px;
 text-align: left;
 font-size: 16px;
 font-size: 1.6rem;
 color: #fff;
}
.site-name a {
 max-height: 45px;
 margin-top: 5px;
 padding: 0 65px;
 width: calc(100% - 20px);
 display: block;
 position: absolute;
 color: #fff;
 text-align: center;
 overflow: hidden;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 transition: none;
}
.site-name img {
 max-width: 100%;
 max-height: 45px;
 width: auto;
 height: auto;
 margin: auto;
}

/* menu */
.menubtn {
 width: 40px;
 height: 60px;
 text-align: center;
 position: absolute;
 right: 30px;
 top: 0;
}
.menubtn a {
 display: block;
}

#jq-open-btn::before {
 content: "\e926";
 font-family: "icomoon";
 font-size: 22px;
 color: #333;
 line-height: 60px;
}
#jq-open-btn.close::before {
 content: "\e904";
 font-family: "icomoon";
 font-size: 22px;
 color: #333;
 line-height: 60px;
}

/*  */
.searchbtn {
 width: 50px;
 height: 60px;
 text-align: right;
 padding-right: 10px;
 position: absolute;
 right: 0;
 top: 0;
}
.searchbtn i {
 display: block;
 font-size: 22px;
 color: #333;
 line-height: 60px;
}
.searchbtn i:hover {
 cursor: pointer;
 opacity: 0.7;
 transition: 0.3s;
}

.search-area {
 display: none;
 position: absolute;
 top: 70px;
 left: 0;
 padding: 20px 3%;
 background-color: #333;
 width: 100%;
 height: 80px;
}

/* 
------------------------------*/
.wrapper {
 left: 0;
 overflow-x: hidden;
}

#global-nav {
 position: fixed;
 overflow-y: auto;
 top: 70px;
 right: 0;
 width: 300px;
 background: #ffffff;
 transform: translate(312px);
}
#global-nav.open {
 transform: translate(0);
}
#global-nav li {
 margin-top: -1px;
 text-align: left;
 color: #333;
}
#global-nav li a {
 display: block;
 font-size: 16px;
 font-size: 1.6rem;
 color: #333;
}
#global-nav li a:hover {
 text-decoration: none;
 color: #6d6c6c;
}

/*  */
.cat-menu {
 margin: 15px 0 15px -3%;
}

.cat-menu li {
 position: relative;
}
.cat-menu li b {
 display: block;
 padding: 15px;
 font-size: 18px;
 font-size: 1.8rem;
 cursor: pointer;
}
.cat-menu li b::after {
 content: "";
 font-size: 20px;
 position: absolute;
 right: 20px;
}
.cat-menu li b.active::after {
 content: "";
}
.cat-menu li a {
 display: block;
 padding: 5px 15px;
 font-size: 16px;
 font-size: 1.6rem;
}
.cat-menu li li {
 padding-left: 15px;
}
#global-nav .cat-menu li li a:hover {
 color: #6d6c6c;
}
.cat-menu li li li {
 border-top: none;
}
.cat-menu li li li a {
 font-size: 12px;
 padding:9px 9px 9px 30px;
}

/*  */
.header-menu {
 overflow: hidden;
}
.header-menu li {
 display: inline;
 width: 100%;
}
.header-menu li i{
 font-size: 16px;
}

.header-menu li a {
 display: block;
 padding: 15px;
 font-size: 12px;
 text-align: left;
 color: #333333;
}

#global-nav .header-menu.sp li i {
 display: block;
 margin-bottom: 5px;
 font-size: 14px;
}
#global-nav .header-menu.sp li a {
 font-size: 12px;
 text-align: center;
}

#global-nav .sns {
 padding: 0 3% 10px;
 text-align: right;
}
#global-nav .sns li {
 text-align: center;
 margin: 3px;
}
#global-nav .sns li a {
 width: 33px;
 height: 33px;
 padding: 5px 0 0 5px;
 background: #ffffff;
 color: #333333;
 font-size: 18px;
}

/*------------------------------
 #container
------------------------------*/

/*  */
.breadcrumbs li::after {
 content: " / ";
 margin: 0 5px;
}
.breadcrumbs li:last-child::after {
 content: "";
}

#top-main {
 margin: 0;
}

/* LP*/
#body-lp .item-order {
 width: 100%;
}
#body-lp .contents {
 padding: 20px;
 max-width: 1000px;
 margin: auto;
}
#body-lp .item-detail-cart {
 border-bottom: 0;
}

.lp-img {
 padding: 30px;
}

.main {
 font-size: 16px;
 font-size: 1.6rem;
 line-height: 1.5;
 text-align: left;
}

.f-right .list-link + .sns {
 margin-top: 20px;
 text-align: left;
}
@media screen and (max-width: 959px) {
 .f-right .list-link + .sns {
 text-align: center;
 }
}

/* section item block
------------------------------*/
.section-block,
.cat-block,
.main-article {
 clear: both;
 padding: 2.5em 3% 0.5em;
}

/*  */
.section-head,
.item-head{
 padding: 10px 0 3px;
 position: relative;
 margin-bottom: 1.0em;
 text-align: center;
border-bottom: 2px solid #a0ccd9;
}
.ttl {
 padding: 10px 0 3px;
 position: relative;
 margin-bottom: 1.0em;
 text-align: left;
}

.item-head::before {
 position: absolute;
 content: " ";
 top: 100%;
 left: 50%;
 width: 78px;
 margin-left: -39px;
}

.ttl::before {
 position: absolute;
 content: " ";
 border-top: 4px solid #a0ccd9;
 top: 90%;
 width: 150px;
}

/* h2 */
.title1,
.ttl h2 {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 1.5;
 padding: 0 3%;
}

.cat-head h1.title2 {
 font-size: 25px;
 font-size: 2.5rem;
 line-height: 1.5;
 padding: 0 3%;
 border: 10px solid #e5e5e5;
 padding: 0.8em;
}

.title2 {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 1.5;
 padding: 0 3%;
}

/*  */
.lead-txt {
 padding: 10px 3% 0;
 line-height: 1.5;
 font-size: 14px;
 font-size: 1.4rem;
}

.lead-txt p {
 text-align: center;
 margin-bottom: 1.0em;
}

/* : */
.sub-title {
 font-size: 60% !important;
 font-weight: normal !important;
 display: block;
}

/* TOP
----------------------------------*/
#top-shop-message1,
#top-shop-message2 {
 padding: 2.0em;
}
#top-shop-message1 h2,
#top-shop-message2 h2 {
 font-size: 20px;
 font-size: 2rem;
 line-height: 1.2;
 padding: 10px 0;
 position: relative;
}
#top-shop-message1 p,
#top-shop-message2 p {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 1.5;
 margin-bottom: 1.5em;
}

#top-shop-message2 {
 margin-top: 30px;
}

/*  */
.list-info {
 padding: 0 3%;
 list-style: none;
 margin-top: 24px;
}
.list-info li {
 font-size: 16px;
 font-size: 1.6rem;
 padding: 5px 0 15px;
}
.list-info li span {
 font-size: 12px;
}

/* 
----------------------------------*/
/*  */
.col-2,
.col-3,
.col-4,
.col-5 {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}

.col-2 li,
.col-3 li,
.col-4 li {
 width: 50%;
}

.item-photo {
 overflow: hidden;
 margin: auto;
 margin-bottom: 10px;
 position: relative;
 max-width: 300px;
 max-height: 300px;
}
.item-photo img {
 display: block;
 max-width: 100%;
 max-height: 200px;
 width: auto;
 height: auto;
 margin: auto;
}

/*  */
.icon-rank {
 width: 100%;
 height: 22px;
 margin: 0 0 10px;
 line-height: 22px;
 text-align: center;
 z-index: 97;
 background-color: #4f3c38;
}
.icon-rank span {
 font-weight: bold;
 color: #fff;
}

/*  */
 .icon-badge22336{
 margin-right: 5px;
 margin-bottom: 15px;
 z-index: 97;
 }

/* NEW */
 .icon-badge22336::before{
 content: "NEW";
 width: 60px;
 height: 20px;
 display: inline-block;
 font-size: 11px;
 line-height: 20px;
 text-align: center;
 background: #5b6545;
 border: 1px solid #5b6545;
 color: #000;
 }
/*  */
 .icon-badge22337{
 margin-right: 5px;
 margin-bottom: 15px;
 z-index: 97;
 }

/* NEW */
 .icon-badge22337::before{
 content: "おすすめ";
 width: 60px;
 height: 20px;
 display: inline-block;
 font-size: 11px;
 line-height: 20px;
 text-align: center;
 background: #e75a24;
 border: 1px solid #e75a24;
 color: #fff;
 }
/*  */
 .icon-badge22338{
 margin-right: 5px;
 margin-bottom: 15px;
 z-index: 97;
 }

/* NEW */
 .icon-badge22338::before{
 content: "人気";
 width: 60px;
 height: 20px;
 display: inline-block;
 font-size: 11px;
 line-height: 20px;
 text-align: center;
 background: #5b6545;
 border: 1px solid #5b6545;
 color: #222;
 }
/*  */

.icon-reservation {
 margin-right: 5px;
 margin-bottom: 15px;
 z-index: 97;
}
.icon-reservation::before {
 content: "";
 width: 60px;
 height: 20px;
 display: inline-block;
 font-size: 11px;
 line-height: 20px;
 text-align: center;
 border: 1px solid transparent;
 background: #e31c24;
 color: #fff;
}

.item-info {
 text-align: center;
}
.item-info .item-name,
.item-info .item-price {
 line-height: 1.3;
 font-size: 14px;
 font-size: 1.4rem;
 margin-top: 10px;
}
.item-info .item-price {
 margin-top: 10px;
}
.item-info .item-nonstock {
 display: inline-block;
 vertical-align: top;
 font-size: 11px;
 font-weight: normal;
 line-height: 18px;
 padding: 0 3px;
 text-align: center;
 color: #f33;
}

.tax {
 font-size: 80%;
}

.list-product {
 padding: 0 1%;
}
.list-product li {
 list-style: none;
 padding: 10px;
 color: #0d0015;
 text-align: left;
 border: 1px solid #e5e5e5;
 background-color: #fff;
}
.list-product li a {
 text-decoration: none;
}
.list-product.col-3 li,
.list-product.col-4 li {
 width: calc(( 100% - 40.1px ) * 0.5);
 margin: 10px;
}
.list-product li > div {
}

/* 
----------------------------------*/
/*  */
.breadcrumbs {
 padding: 1.5em 0;
 text-align: left;
}

.cat-head{
 border-bottom: 5px solid #e5e5e5;
 padding: 2.0em;
}

.frame-block {
 border: 10px solid #e5e5e5;
 padding: 2.0em;
}

/*  */
.cat-name {
 border-bottom: 1px solid #e5e5e5;
 display: block;
 padding: 0 5px 10px;
 font-size: 14px;
 margin-bottom: 10px;
}

/* */
.sort {
 text-align: right;
 margin-bottom: 1.5em;
}
.sort ul {
 padding: 10px 3%;
}
.sort ul li {
 display: inline-block;
 font-size: 12px;
 font-size: 1.2rem;
 padding: 0 5px;
 border-right: 1px solid #333;
}
.sort ul li:first-child,
.sort ul li:last-child {
 border: none;
}

.item-list-itemcount {
 border-top: 1px solid #e5e5e5;
 text-align: right;
 margin: 1.5em 0;
 padding: 10px 3%;
 font-size: 12px;
 font-size: 1.2rem;
}

/* 0,0 */
.product-list, .item-list-noitem {
 font-size: 18px;
 font-size: 1.8rem;
 line-height: 1.6;
}

/* 
----------------------------------*/
#item-detail {
 padding-top: 20px;
}

.item-block-inner {
 width: 94%;
 margin: auto;
}

.item-detail-block {
 margin-bottom: 24px;
}
.item-detail-block a {
 text-decoration: underline;
}

.item-footer {
 clear: both;
 margin-bottom: 60px;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
}

.item-detail-left {
 width: 100%;
 padding: 0 3%;
}

.item-detail-right {
 width: 100%;
 margin-top: 20px;
}

/*  
----------------------------*/
/*  */
/*overlay*/
.overlay {
 position: fixed;
 z-index: 101;
 top: 0;
 left: 0;
 display: none;
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.8);
}

.modal-open {
 /* overflow: hidden; */
}
.modal-open .overlay {
 display: block;
}

/* modal */
.modal {
 position: absolute;
 z-index: 102;
 display: none;
 background-color: #fff;
}

.modal-open .modal {
 display: block;
}

.modal-inner {
 position: relative;
 width: 100%;
}

.modal-img {
 max-width: calc(100% - 100px);
 max-height: calc(100% - 100px);
}
.modal-img img {
 display: block;
 width: auto;
 height: auto;
}

.modal-close {
 position: absolute;
 top: -52px;
 right: -4px;
}
.modal-close a {
 display: block;
 width: 40px;
 height: 40px;
}
.modal-close a::before {
 content: "\e904";
 font-family: "icomoon";
 color: #fff;
 font-size: 40px;
}

/* 1 */
.item-detail-photo-main {
 position: relative;
 padding: 0;
}

.item-detail-photo {
 position: relative;
 overflow: hidden;
 width: 320px;
 height: 320px;
 margin: 0 auto 10px;
 border: 1px solid #e5e5e5;
}
.item-detail-photo li {
 list-style: none;
 float: left;
 width: 320px;
 height: 320px;
 position: relative;
}
.item-detail-photo img {
 display: block;
 position: absolute;
 top:50%;
 left:50%;
 transform: translate(-50%, -50%);
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
 margin: auto;
}

/* : */
.item-detail-photo-backbtn,
.item-detail-photo-nextbtn {
 position: absolute;
 top: 50%;
 display: block;
 margin-top: -20px;
}
.item-detail-photo-backbtn a,
.item-detail-photo-nextbtn a {
 position: relative;
 display: block;
 width: 40px;
 height: 40px;
 color: #000;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 background-color: rgba(110, 110, 110, 0.7);
 line-height: 40px;
 text-align: center;
 font-size: 22px;
}
.item-detail-photo-backbtn a::before,
.item-detail-photo-nextbtn a::before {
 position: absolute;
}
.item-detail-photo-backbtn a:hover,
.item-detail-photo-nextbtn a:hover {
 text-decoration: none;
}

.item-detail-photo-backbtn {
 left: -10px;
}
.item-detail-photo-backbtn a::before {
 content: "\e905";
 font-family: "icomoon";
 left: 12px;
}

.item-detail-photo-nextbtn {
 right: -10px;
}
.item-detail-photo-nextbtn a::before {
 content: "\e90b";
 font-family: "icomoon";
 right: 10px;
}

/* : */
.item-detail-thumb {
 width: 100%;
 margin: 0 auto;
 text-align: left;
 overflow: hidden;
}

.item-detail-thumb-photo {
 overflow: hidden;
 display: inline-block;
 vertical-align: top;
 width: 76px;
 height: 76px;
 margin: 0 0 10px;
 position: relative;
 border: 1px solid #d2d2d2;
}
.item-detail-thumb-photo img {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50% , -50%);
 max-height: 76px;
 max-width: inherit;
}

/*  */
.item-detail-price {
 padding: 15px 0;
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
 margin-bottom: 20px;
}
.item-detail-price dt {
 font-size: 18px;
 font-size: 1.8rem;
 display: table-cell;
 text-align: left;
 width: 120px;
}
.item-detail-price dd {
 display: table-cell;
 vertical-align: middle;
}
.item-detail-price .price {
 font-size: 22px;
 font-size: 2.2rem;
}
.item-detail-price .tax {
 font-size: 14px;
 font-size: 1.4rem;
}

/*  */
.item-detail-block-in,
.item-detail-spec {
 width: 100%;
 padding: 0 3%;
 margin-bottom: 20px;
}
.item-detail-block-in dl,
.item-detail-spec dl {
 display: table;
 width: 100%;
 margin: 0 auto 15px;
 font-size: 14px;
 font-size: 1.4rem;
 text-align: left;
}
.item-detail-block-in dt,
.item-detail-spec dt {
 display: table-cell;
 vertical-align: middle;
 width: 120px;
 padding: 3px 0;
}
.item-detail-block-in dd,
.item-detail-spec dd {
 display: table-cell;
 vertical-align: middle;
 padding: 3px;
 line-height: 1.4;
}

.item-detail-block-in dt {
 width: 7em;
}

.item-detail-category {
 font-size: 14px;
 font-size: 1.4rem;
}

.item-detail-name {
 font-size: 22px;
 font-size: 2.2rem;
 font-weight: normal;
}

/*  */
.item-detail-cart {
 width: 100%;
 padding: 0 3%;
 margin-bottom: 25px;
 border-bottom: 1px solid #e5e5e5;
}
.item-detail-cart p {
 font-size: 14px;
 margin-bottom: 10px;
 text-align: left;
}

/*  */
/* select */
.item-detail-select,
.item-detail-inputtext {
 position: relative;
 width: 100%;
 margin-bottom: 20px;
}
.item-detail-select label,
.item-detail-inputtext input {
 position: relative;
 display: inline-block;
 overflow: hidden;
 width: 100%;
 height: 56px;
 vertical-align: middle;
 border: 1px solid #e5e5e5;
 background-color: #fff;
}
.item-detail-select::before {
 position: absolute;
 z-index: 2;
 top: 50%;
 right: 20px;
 width: 0;
 height: 0;
 margin-top: -3px;
 content: '';
 border-width: 8px 5px 0 5px;
 border-style: solid;
 border-color: #333 transparent transparent transparent;
}
.item-detail-select select {
 font-size: 16px;
 line-height: 56px;
 position: relative;
 z-index: 2;
 display: block;
 width: 100%;
 width: -webkit-calc(100%);
 height: 56px;
 margin: 0;
 padding: 0 45px 0 15px;
 border: 0;
 outline: none;
 background: transparent;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

select::-ms-expand {
 display: none;
}

/* radio */
.item-detail-radio {
 overflow: hidden;
 width: 100%;
 margin-bottom: 18px;
 text-align: left;
 overflow: hidden;
 width: 100%;
 margin-bottom: 18px;
}
.item-detail-radio div {
 margin-bottom: 10px;
 padding-bottom: 1px;
}
.item-detail-radio input {
 position: absolute;
 opacity: .0;
}
.item-detail-radio input + label {
 max-width: 100%;
 font-size: 16px;
 line-height: 1;
 position: relative;
 display: inline-block;
 padding-left: 20px;
}
.item-detail-radio input + label::before {
 position: absolute;
 top: 1px;
 left: 0;
 display: block;
 width: 15px;
 height: 15px;
 margin-top: -1px;
 content: '';
 border: 1px solid #ccc;
 border-radius: 50%;
}
.item-detail-radio input:checked + label::after {
 position: absolute;
 top: 3px;
 left: 3px;
 display: block;
 width: 11px;
 height: 11px;
 content: '';
 border-radius: 50%;
 background-color: #f2a0a1;
}
.item-detail-radio label {
 font-size: 18px;
 line-height: 2;
 display: block;
 padding: 0;
}

.item-detail-num-count {
 font-size: 0;
 display: flex;
 width: 100%;
 margin-bottom: 18px;
}

.item-detail-num-plus {
 font-size: 14px;
 display: inline-block;
 vertical-align: middle;
}
.item-detail-num-plus a,
.item-detail-num-minus a {
 font-size: 18px;
 line-height: 55px;
 display: block;
 width: 55px;
 height: 55px;
 text-align: center;
 text-decoration: none;
 background-color: #fff;
 color: #000;
}

.item-detail-num-minus {
 font-size: 14px;
 display: inline-block;
 margin-right: 12px;
 vertical-align: middle;
}

.item-detail-num {
 height: 55px;
 margin-right: 12px;
 padding: 0;
 vertical-align: middle;
}
.item-detail-num input[type=number] {
 line-height: 55px;
 display: block;
 width: 55px;
 height: 55px;
 text-align: center;
 border: solid 1px #e5e5e5;
 -moz-appearance: textfield;
}
.item-detail-num input[type=number]::-webkit-inner-spin-button, .item-detail-num input[type=number]::-webkit-outer-spin-button {
 margin: 0;
 -webkit-appearance: none;
}

.item-detail-num-select {
 position: relative;
 display: inline-block;
 overflow: hidden;
 width: 100%;
 height: 56px;
 margin-bottom: 18px;
 vertical-align: middle;
 border: 1px solid #e5e5e5;
 background-color: #f5f1e8;
}
.item-detail-num-select label::before {
 position: absolute;
 z-index: 2;
 top: 50%;
 right: 20px;
 width: 0;
 height: 0;
 margin-top: -3px;
 content: '';
 border-width: 7px 5px 0 4px;
 border-style: solid;
 border-color: #000 transparent transparent transparent;
}
.item-detail-num-select select {
 font-size: 14px;
 line-height: 56px;
 position: relative;
 z-index: 2;
 display: block;
 width: 100%;
 width: -webkit-calc(100%);
 height: 56px;
 margin: 0;
 padding: 0 0 0 20px;
 text-indent: .01px;
 text-overflow: '';
 border: 0;
 outline: none;
 background: transparent;
 -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none;
}

.item-dtail-stock0 {
 color: #d70035;
}

/*  */
.item-detail-cart-btn {
 width: 100%;
 margin-bottom: 20px;
 position: relative;
}
.item-detail-cart-btn a {
 display: block;
 font-size: 20px;
 line-height: 55px;
 width: 100%;
 height: 55px;
 text-align: center;
 color: #fff;
 background-color: #4f3c38;
}
.item-detail-cart-btn a::before {
 content: "\e918";
 font-family: "icomoon";
 font-size: 26px;
 margin-right: 15px;
}
.item-detail-cart-btn a:hover {
 background-color: #ba9f99;
 color: #4f3c38;
 text-decoration: none;
}

.item-detail-txt1,
.item-detail-txt2,
.item-detail-txt3 {
 width: 100%;
 padding: 0 3%;
}
.item-detail-txt1 p,
.item-detail-txt2 p,
.item-detail-txt3 p {
 font-size: 14px;
 font-size: 1.4rem;
 line-height: 1.6;
 text-align: left;
}

.item-detail-share {
 margin-bottom: 20px;
 text-align: center;
}
.item-detail-share ul {
 padding: 15px;
}
.item-detail-share li {
 display: inline-block;
}
.item-detail-share li a {
 display: block;
 padding: 8px 15px;
 color: #fff;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 font-size: 12px;
}
.item-detail-share li a:hover {
 text-decoration: none;
}
.item-detail-share li.twitter a {
 background-color: #55acee;
 text-decoration: none;
}
.item-detail-share li.twitter a:hover {
 background-color: #056fc2;
}
.item-detail-share li.facebook a {
 background-color: #3b5998;
 text-decoration: none;
}
.item-detail-share li.facebook a:hover {
 background-color: #102a72;
}

.item-dtail-nostock,
.item-dtail-outofoperiod {
 font-size: 14px;
 font-size: 1.4rem;
 color: #ec0000;
 line-height: 1.6;
 margin-bottom: 24px;
}

@media screen and (max-width: 960px) {
 /* 1 */
 .item-detail-photo {
 width: 480px;
 height: 480px;
 }
 .item-detail-photo li {
 width: 480px;
 height: 480px;
 }

 /*  */
 .item-detail-price {
 padding: 15px;
 }
 .item-detail-price .price {
 font-size: 22px;
 font-size: 2.2rem;
 }
}
@media screen and (max-width: 600px) {
 /*  
 ----------------------------*/
 /*  */
 .nav-open {
 overflow: hidden;
 }
 .nav-open .overlay {
 display: block;
 }

 /* modal */
 .modal-img img {
 max-width: 300px;
 max-height: 300px;
 width: auto;
 height: auto;
 }

 .modal-close {
 position: absolute;
 top: -30px;
 right: -4px;
 }
 .modal-close a {
 display: block;
 width: 24px;
 height: 24px;
 }
 .modal-close a::before {
 content: "\e904";
 font-family: "icomoon";
 color: #fff;
 font-size: 24px;
 }

 /* 1 */
 .item-detail-photo-main {
 margin: 0 auto;
 }

 .item-detail-photo {
 width: 300px;
 height: 300px;
 }
 .item-detail-photo ul {
 width: 100%;
 height: 300px;
 margin: 0 auto;
 }
 .item-detail-photo ul li {
 display: block;
 width: 300px;
 height: 300px;
 margin: 0;
 }

 /* : */
 .item-detail-thumb-photo {
 width: 46px;
 height: 46px;
 }
}

/*--------------------------------------
 #secondary
--------------------------------------*/
#secondary {
 width: 100%;
 background: #F5F1E8;
 padding: 30px 3%;
 color: #333;
border-top: 1px solid #a0ccd9;
}
#secondary a {
 color: #333;
}
#secondary .title2 {
 font-size: 20px;
 font-size: 2.0rem;
 font-weight: normal;
 padding: 0 0 10px;
 text-align: left;
}
#secondary .sub-title {
 font-size: 70% !important;
 margin-left: 24px;
}
#secondary li {
 list-style: none;
 font-size: 15px;
 font-size: 1.5rem;
 line-height: 1.5;
}
#secondary .col-3block {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-around;
 justify-content: space-around;
 flex-direction: column;
}

.secondary-block {
 margin-bottom: 24px;
}
.secondary-block .list-link {
 text-align: left;
}
.secondary-block .list-link li {
 margin-top: 10px;
}
.secondary-block .block-in {
 display: -webkit-box;
 display: -moz-box;
 display: -ms-flexbox;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap;
}

/*  */
.schedule-area2 {
 width: 100%;
}

.calendar-2 table {
 width: 100%;
 margin: 0;
}

.f-logo {
 text-align: center;
 width: 100%;
 margin: auto;
 font-size: 20px;
 font-size: 2.0rem;
 font-family: "Noto Sans JP", sans-serif;
}
.f-logo a {
 color: #fff;
}
.f-logo img {
 margin: auto;
 max-height: 100px;
}

/*--------------------------------------
 #footer
--------------------------------------*/
.copyright {
 padding: 15px;
 color: #333;
 line-height: 1.7;
 font-size: 12px;
 font-size: 1.2rem;
}

@media screen and (min-width: 768px) {
 /* ----------------------------
 768px
 ---------------------------- */
 /*  */
 .list-product.col-3 li {
 width: calc(( 100% - 60.1px ) * 0.33333);
 margin: 10px;
 }
 .list-product.col-4 li {
 width: calc(( 100% - 64.1px ) * 0.25);
 margin: 8px;
 padding: 8px;
 }

 /*--------------------------------------
 #secondary
 --------------------------------------*/
 #secondary {
 padding: 40px 3%;
 }
 #secondary .secondary-block.f-left, #secondary .secondary-block.f-center, #secondary .secondary-block.f-right {
 width: 100%;
 }

 /*  */
 .schedule-area2 {
 width: 46%;
 margin: 0 1%;
 }
}
@media screen and (min-width: 960px) {
 /* ----------------------------
 960px
 ---------------------------- */
 .sp-logo {
 display: none;
 }

 .pc-logo {
 display: block;
 }

 /*  */
 .list-product.col-3 li {
 width: calc(( 100% - 90.1px ) * 0.33333);
 margin: 15px;
 }
 .list-product.col-4 li {
 width: calc(( 100% - 80.1px ) * 0.25);
 margin: 10px;
 padding: 10px;
 }
 /*--------------------------------------
 header
 --------------------------------------*/
 #header {
 display: flex;
 width: 300px;
 height: 100%;
 }

 .header-in {
 width: 100%;
 display: block;
 padding: 0;
 flex-direction: column;
 height: 100vh;
 overflow-y: auto;
 }

 .h_left,
 .h_right {
 width: 300px;
 height: auto;
 z-index: 1;
 }

 .h_left {
 height: 260px;
 text-align: center;
 display: table;
 }

 .h_right {
 height: 60px;
 }

 /* LOGO */
 .site-name {
 height: 220px;
 margin: auto;
 padding: 15px;
 margin-top: 0;
 text-align: center;
 position: relative;
 display: table-cell;
 vertical-align: middle;
 font-size: 20px;
 font-size: 2rem;
 }
 .site-name a {
 padding: 0;
 max-height: 220px;
 top: inherit;
 }
 .site-name img {
 width: auto;
 height: auto;
 max-height: 220px;
 margin: auto;
 }

 /* menu */
 .menubtn {
 display: none;
 }

 /*  */
 .searchbtn {
 position: relative;
 font-size: 24px;
 }

 .search-area {
 top: 320px;
 left: 0;
 width: 300px;
 z-index: 1;
 }

 /*  */
 .header-menu {
 float: right;
 text-align: left;
 width: -webkit-calc(100% - 50px);
 width: calc(100% - 50px);
 }
 .header-menu li {
 width: 50px;
 }
 .header-menu li a {
 font-size: 24px;
 }

 /* 
 ------------------------------*/
 #global-nav {
 display: block;
 position: absolute;
 text-align: left;
 transform: translate(0);
 width: 300px;
 left: 0;
 top: 320px;
 height: auto;
 overflow-y: hidden;
 }
 #global-nav li {
 display: inline-block;
 margin-top: 0;
 }
 #global-nav li b {
 font-size: 18px;
 font-size: 1.8rem;
 }
 #global-nav li a {
 text-align: left;
 }

 /*  */
 .cat-menu {
 margin: 15px 0;
 }
 .cat-menu li {
 display: block !important;
 }
 .cat-menu li a {
 font-size: 16px;
 font-size: 1.6rem;
 }

 /*------------------------------
 #container
 ------------------------------*/
 #main-image,
 .main-image-slider {
 max-height: 614px;
 }

 /* section item block
 ------------------------------*/
 .section-block {
 padding: 2.5em 30px 0.5em;
 }

 /* h2 */
 .title1, .title2 {
 font-size: 20px;
 font-size: 2rem;
 line-height: 1.2;
 padding: 10px 0;
 position: relative;
 }

 /*  */
 .lead-txt {
 padding: 10px 0;
 }
 .lead-txt p {
 font-size: 16px;
 font-size: 1.6rem;
 }

 /* TOP
 ----------------------------------*/
 #top-shop-message1,
 #top-shop-message2 {
 padding: 3.0em;
 }

 #top-shop-message2 {
 margin-top: 60px;
 }

 /* 
 ---------------------------*/
 /*  */
 .col-4 li {
 width: 25%;
 }

 .col-5 li {
 width: 20%;
 }

 .list-product {
 padding: 0;
 }
 .list-product li {
 padding: 15px;
 }

 /* 
 ----------------------------------*/
 .cat-head,
 .frame-block {
 padding: 3.0em;
 }

 /* */
 .sort {
 margin-bottom: 2.5em;
 }
 .sort ul {
 padding: 20px 0;
 }
 .sort ul li {
 display: inline-block;
 font-size: 14px;
 font-size: 1.4rem;
 padding: 0 15px;
 }

 .item-list-itemcount {
 margin: 2.0em 0;
 padding: 20px 0;
 font-size: 14px;
 font-size: 1.4rem;
 }

 /* 
 ----------------------------------*/
 .item-block-inner {
 max-width: 1000px;
 margin: auto;
 }

 .item-detail-left {
 float: left;
 width: 50%;
 padding: 0;
 margin-right: 2%;
 }

 .item-detail-right {
 float: right;
 width: 47%;
 margin-top: 0;
 }

 /*  */
 .item-detail-block-in,
 .item-detail-spec {
 padding: 0;
 }

 /*  */
 .item-detail-cart {
 padding: 0;
 }

 .item-detail-txt1,
 .item-detail-txt3 {
 padding: 0;
 }

 .item-detail-txt2 {
 padding: 0 60px;
 }

 /*--------------------------------------
 #secondary
 --------------------------------------*/
 #secondary {
 padding: 40px 3%;
 }
}
@media screen and (min-width: 1200px) {
 /* ----------------------------
 1200px
 ---------------------------- */
 /* section item block
 ------------------------------*/
 .section-block,
 .cat-block,
 .main-article {
 padding: 2.5em 60px 0.5em;
 }

 /* 
 ----------------------------------*/
 .item-block-inner {
 max-width: 1000px;
 margin: auto;
 }

 .item-detail-left {
 float: left;
 width: 480px;
 padding: 0;
 margin-right: 40px;
 }

 .item-detail-right {
 float: right;
 width: -webkit-calc(100% - 540px);
 width: calc(100% - 540px);
 margin-top: 0;
 }

 /*--------------------------------------
 #secondary
 --------------------------------------*/
 #secondary {
 padding: 40px;
 }
 #secondary .col-3block {
 flex-direction: row;
 }
 #secondary .secondary-block.f-left {
 width: 30%;
 min-width: 270px;
 }
 #secondary .secondary-block.f-right {
 width: 20%;
 }
 #secondary .secondary-block.f-center {
 width: 50%;
 }
}

/* 
----------------------------------*/

#main-image + div#login-error-message {
 border-top-width: 1px;
 border-top-style: solid;
}

#top-shop-message2 {
 margin-top: 30px;
}

#login-error-message {
 font-size: 12px;
 margin: 20px 10px;
 padding: 10px;
 text-align: center;
 color: #e6503f;
 border: #e6503f solid 1px;
}
#login-message {
 margin:30px 10px 0;
}

.login-tbl {
 display: block;
 width: calc(100% - 20px);
 margin: 20px 10px 20px;
}
.login-tbl tbody,
.login-tbl tr {
 display: block;
 width: 100%;
}
.login-tbl th {
 font-size: 14px;
 font-weight: normal;
 line-height: 1.2;
 display: block;
 padding: 10px;
 text-align: left;
 border: none;
 background: none;
}
.login-tbl td {
 font-size: 14px;
 font-weight: normal;
 display: block;
 padding: 10px;
 vertical-align: top;
 border: none;
}
.login-tbl td input[type=text],
.login-tbl td input[type=password] {
 line-height: 36px;
 width: 100%;
 height: 36px;
 padding: 0 10px;
 border: #d0d0d0 solid 1px;
}

.login-link ul li {
 margin-top: 1em;
}

.login-btn {
 font-size: 15px;
 margin-bottom: 25px;
 text-align: center;
}
.login-btn a {
 font-size: 16px;
 font-weight: normal;
 line-height: 44px;
 position: relative;
 display: inline-block;
 width: 152px;
 height: 44px;
 text-align: center;
 text-decoration: none;
 color: #fff;
 background-color: #666;
}

.login-link{
 margin-bottom: 60px;
}
.login-link ul li {
 text-align: center;
 list-style: none;
}
.login-link ul li a {
 text-decoration: underline;
}

@media screen and (min-width: 960px) {

 .body-login .main {
 float: none;
 margin-right: auto;
 margin-left: auto;
 }
 .body-login .footer-logo {
 float: none;
 width: 100%;
 text-align: center;
 }

 #login-error-message {
 font-size: 14px;
 margin: 30px 30px 40px;
 padding: 8px 15px;
 text-align: left;
 }
 #login-message {
 margin: 30px 0;
 text-align: center;
 }

 .login-tbl {
 max-width: 785px;
 display: table;
 margin: 15px auto;
 }
 .login-tbl tbody {
 display: table-row-group;
 }
 .login-tbl tr {
 display: table-row;
 }
 .login-tbl th {
 font-size: 16px;
 font-weight: normal;
 line-height: 36px;
 width: 200px;
 text-align: left;
 vertical-align: top;
 display: table-cell;
 }
 .login-tbl td {
 text-align: left;
 display: table-cell;
 }
}

/* 
----------------------------------*/
.payment-content tr:first-child td {
 font-weight:bold;
 background: #f6f6f7;
 text-align:center;
}
.payment-content td {
 text-align:right;
}

/* notfound
----------------------------------*/
.notfound {
 font-size: 24px;
 margin-top: 90px;
 margin-bottom: 60px;
}

@media only screen and (max-width: 600px) {
 .notfound {
 font-size: 16px;
 margin:50px 10px 0;
 }
}

/* 
----------------------------------*/
body#close #wrapper > div.container {
 padding-top: 70px;
}
@media screen and (min-width: 960px){
 
 body#close #header .logo {
 width: 100%;
 height: 260px;
 text-align: center;
 display: table;
 }
 body#close #wrapper > div.container {
 width: calc(100% - 300px);
 margin: 0 0 0 300px;
 padding-top: 0;
 }
}

/* IE
----------------------------------*/
@media all and (-ms-high-contrast:none) {
 .site-name-text a {
 padding-top: 6px;
 }
 .item-detail-radio label {
 padding-top: 4px;
 }
}

/* .detailed-search */
.detailed-search {
 border-top: 1px solid #e5e5e5;
 border-bottom: 1px solid #e5e5e5;
 font-size: 14px;
 font-size: 1.4rem;
 margin-top: 20px;
}
.detailed-search-head {
 font-size: 18px;
 line-height: 36px;
 padding: 10px 5px;
 cursor: pointer;
}
.detailed-search-head::before {
 content: "\ea43";
 font-family: "icomoon";
 margin-right: 15px;
 color:#6d6c6c;
}
.detailed-search-show .detailed-search-head::before {
 content: "\ea41";
 font-family: "icomoon";
}
.detailed-search-content {
 display: block;
 width: calc(100% - 20px);
 max-width: 500px;
 margin: 10px 0 20px;
 margin-right: auto;
 margin-left: auto;
 display: none;
}
.detailed-search-keyword,
.detailed-search-category,
.detailed-search-price {
 margin-bottom: 10px;
 text-align: left;
}
.detailed-search input[type="text"],
.detailed-search-category label {
 border: 1px solid #e5e5e5;
}
.detailed-search-name {
 display: inline-block;
 width: 35%;
 margin-right: 5px;
}
.detailed-search-keyword input[type="text"] {
 width: calc(65% - 5px);
 height: 30px;
 line-height: 30px;
 font-size: 16px;
 padding: 0 5px;
}
.detailed-search-category label {
 position: relative;
 display: inline-block;
 width: calc(65% - 5px);
 overflow: hidden;
 vertical-align: middle;
 background-color: #fff;
 padding-left: 5px;
 height: 30px;
}
.detailed-search-category label::after {
 z-index: 3;
 position: absolute;
 right: 7px;
 top: 10px;
 content: "\e900";
 font-family: "icomoon";
 font-size: 8px;
}
.detailed-search-category select {
 position: relative;
 display: block;
 width: 100%;
 margin: 0;
 border: 0;
 outline: none;
 font-size: 16px;
 line-height: 30px;
 appearance: none;
 padding-right: 32px;
}
.detailed-search-price input[type="text"] {
 width: calc( (65% - 65px) / 2);
 height: 30px;
 line-height: 30px;
 font-size: 16px;
 padding: 0 5px;
 text-align: right;
 ime-mode: disabled;
}
.detailed-search-price-unit1 {
 height: 30px;
 line-height: 30px;
 font-size: 16px;
 width:35px;
 margin: 0 5px;
}
.detailed-search-price-unit2 {
 height: 30px;
 line-height: 30px;
 font-size: 16px;
 width:15px;
 margin-left: 5px;
}
.detailed-search-btn {
 text-align: right;
}
.detailed-search-btn button {
 line-height: 30px;
 padding: 0 15px;
 background-color: #4f3c38;
 font-size: 14px;
 font-size: 1.4rem;
 color: #fff;
 -webkit-appearance: none;
 border-radius: 0;
 border: 0;
}

/* .sort-select */
.sort-select {
 padding: 20px 0px;
}
@media only screen and (max-width: 600px) {
 .sort-select {
 padding: 10px 0px;
 }
}
.sort-select .sort-label {
 display: inline;
 font-size: 16px;
 vertical-align: middle;
 line-height: 30px;
}
.sort-select label {
 position: relative;
 display: inline-block;
 overflow: hidden;
 vertical-align: middle;
 height: 30px;
 padding-left: 5px;
 border: 1px solid #6d6c6c;
}
.sort-select label::after {
 z-index: 3;
 position: absolute;
 right: 7px;
 top: 10px;
 content: "\e900";
 font-family: "icomoon";
 font-size: 8px;
 pointer-events: none;
}
.sort-select select {
 z-index: 2;
 display: block;
 width: 100%;
 margin: 0;
 border: 0;
 outline: none;
 font-size: 14px;
 line-height: 30px;
 appearance: none;
 padding-right: 32px;
}

.wysiwyg-data html, .wysiwyg-data address, .wysiwyg-data blockquote, .wysiwyg-data body, .wysiwyg-data dd, .wysiwyg-data div, .wysiwyg-data dl, .wysiwyg-data dt, .wysiwyg-data fieldset, .wysiwyg-data form, .wysiwyg-data frame, .wysiwyg-data frameset, .wysiwyg-data h1, .wysiwyg-data h2, .wysiwyg-data h3, .wysiwyg-data h4, .wysiwyg-data h5, .wysiwyg-data h6, .wysiwyg-data noframes, .wysiwyg-data ol, .wysiwyg-data p, .wysiwyg-data ul, .wysiwyg-data center, .wysiwyg-data dir, .wysiwyg-data hr, .wysiwyg-data menu, .wysiwyg-data pre {
 display: block;
 unicode-bidi: embed;
}
.wysiwyg-data {
 margin: 0 auto;
 padding: 20px;
 max-width: 850px;
 line-height: normal;
 text-align: left;
 font-size: 16px;
}
.wysiwyg-data li {
 display: list-item;
}
.wysiwyg-data head {
 display: none;
}
.wysiwyg-data table {
 display: table;
}
.wysiwyg-data tr {
 display: table-row;
}
.wysiwyg-data thead {
 display: table-header-group;
}
.wysiwyg-data tbody {
 display: table-row-group;
}
.wysiwyg-data tfoot {
 display: table-footer-group;
}
.wysiwyg-data col {
 display: table-column;
}
.wysiwyg-data colgroup {
 display: table-column-group;
}
.wysiwyg-data td, .wysiwyg-data th {
 display: table-cell;
}
.wysiwyg-data caption {
 display: table-caption;
}
.wysiwyg-data th {
 font-weight: bolder;
 text-align: center;
}
.wysiwyg-data caption {
 text-align: center;
}
.wysiwyg-data body {
 margin: 8px;
}
.wysiwyg-data h1 {
 font-size: 20px;
 font-size: 2rem;
 margin: .67em 0;
}
.wysiwyg-data h2 {
 font-size: 18px;
 font-size: 1.8rem;
 margin: .75em 0;
}
.wysiwyg-data h3 {
 font-size: 16px;
 font-size: 1.6rem;
 margin: .83em 0;
}
.wysiwyg-data h4, .wysiwyg-data p, .wysiwyg-data blockquote, .wysiwyg-data ul, .wysiwyg-data fieldset, .wysiwyg-data form, .wysiwyg-data ol, .wysiwyg-data dl, .wysiwyg-data dir, .wysiwyg-data menu {
 font-size: 14px;
 font-size: 1.4rem;
 margin: 1.12em 0;
 color: #333;
}
.wysiwyg-data h5 {
 font-size: 14px;
 font-size: 1.4rem;
 margin: 1.5em 0;
}
.wysiwyg-data h6 {
 font-size: 14px;
 font-size: 1.4rem;
 margin: 1.67em 0;
}
.wysiwyg-data h1, .wysiwyg-data h2, .wysiwyg-data h3, .wysiwyg-data h4, .wysiwyg-data h5, .wysiwyg-data h6, .wysiwyg-data b, .wysiwyg-data strong {
 font-weight: normal;
}
.wysiwyg-data blockquote {
 margin-left: 40px;
 margin-right: 40px;
}
.wysiwyg-data i, .wysiwyg-data cite, .wysiwyg-data em, .wysiwyg-data var, .wysiwyg-data address {
 font-style: italic;
}
.wysiwyg-data pre, .wysiwyg-data tt, .wysiwyg-data code, .wysiwyg-data kbd, .wysiwyg-data samp {
 font-family: monospace;
}
.wysiwyg-data pre {
 white-space: pre;
}
.wysiwyg-data button, .wysiwyg-data textarea, .wysiwyg-data input, .wysiwyg-data select {
 display: inline-block;
}
.wysiwyg-data big {
 font-size: 120%;
}
.wysiwyg-data small, .wysiwyg-data sub, .wysiwyg-data sup {
 font-size: 86%;
}
.wysiwyg-data sub {
 vertical-align: sub;
}
.wysiwyg-data sup {
 vertical-align: super;
}
.wysiwyg-data table {
 border-spacing: 2px;
}
.wysiwyg-data thead, .wysiwyg-data tbody, .wysiwyg-data tfoot {
 vertical-align: middle;
}
.wysiwyg-data td, .wysiwyg-data th, .wysiwyg-data tr {
 vertical-align: inherit;
}
.wysiwyg-data s, .wysiwyg-data strike, .wysiwyg-data del {
 text-decoration: line-through;
}
.wysiwyg-data hr {
 border: 1px inset;
}
.wysiwyg-data ol, .wysiwyg-data ul, .wysiwyg-data dir, .wysiwyg-data menu, .wysiwyg-data dd {
 margin-left: 40px;
}
.wysiwyg-data ol {
 list-style-type: decimal;
}
.wysiwyg-data ol ul {
 margin-top: 0;
 margin-bottom: 0;
}
.wysiwyg-data ul ol, .wysiwyg-data ul ul {
 margin-top: 0;
 margin-bottom: 0;
}
.wysiwyg-data ol ol {
 margin-top: 0;
 margin-bottom: 0;
}
.wysiwyg-data u, .wysiwyg-data ins {
 text-decoration: underline;
}
.wysiwyg-data br:before {
 content: "\A";
 white-space: pre-line;
}
.wysiwyg-data center {
 text-align: center;
}
.wysiwyg-data :link, .wysiwyg-data :visited {
 text-decoration: underline;
}
.wysiwyg-data :focus {
 outline: thin dotted invert;
}

.wysiwyg-data table {
 border: solid 1px;
 border-collapse: separate;
 border-color: #c0c0c0 #c0c0c0 #808080 #808080;
 border-spacing: 2px;
 width: auto;
}
.wysiwyg-data table tr td {
 border: solid 1px;
 border-color: #808080 #808080 #c0c0c0 #c0c0c0;
 padding: 0;
}

.item-comment .wysiwyg-data table tr td {
 background: #fff;
}

.wysiwyg-data ul {
 list-style-type: disc;
}
.wysiwyg-data ul li {
 list-style-type: disc;
}
.wysiwyg-data ol {
 list-style-type: decimal;
}
.wysiwyg-data BDO[DIR="ltr"] {
 direction: ltr;
 unicode-bidi: bidi-override;
}
.wysiwyg-data BDO[DIR="rtl"] {
 direction: rtl;
 unicode-bidi: bidi-override;
}
.wysiwyg-data *[DIR="ltr"] {
 direction: ltr;
 unicode-bidi: embed;
}
.wysiwyg-d

/* Begin bidirectionality settings (do not change) */
@media print {
 .wysiwyg-data h1 {
 page-break-before: always;
 page-break-after: avoid;
 }
 .wysiwyg-data h2, .wysiwyg-data h3, .wysiwyg-data h4, .wysiwyg-data h5, .wysiwyg-data h6 {
 page-break-after: avoid;
 }
 .wysiwyg-data ul, .wysiwyg-data ol, .wysiwyg-data dl {
 page-break-before: avoid;
 }
}
ata *[DIR="rtl"] {
 direction: rtl;
 unicode-bidi: embed;
}

#header {
 position: fixed;
}

#container > *:first-child {
 margin-top: 70px !important;
}

@media screen and (min-width: 960px) {
 #container > *:first-child {
 margin-top: 0 !important;
 }
}

/* --------------------------------------------------
   PC・スマートフォン共通：Items 以下のカテゴリを常に表示
   画面幅にかかわらず、Items のカテゴリ一覧を折りたたまない
-------------------------------------------------- */
#global-nav .cat-menu > li.cat-dropdown:first-child > ul.menu-open {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  visibility: visible !important;
  opacity: 1 !important;
}

#global-nav .cat-menu > li.cat-dropdown:first-child > b {
  cursor: default;
}

/* PC：メニューの背景色 */
@media screen and (min-width: 960px) {
  #global-nav {
    background-color: #f5f1e8 !important;
  }
  .h_left {
    background-color: #f5f1e8;
  }
  #header {
    background-color: #f5f1e8;
  }
}

/* スマートフォン：メニューの背景色 */
@media screen and (max-width: 959px) {
  #header::before,
  .header-in::before {
    background-color: #fff !important;
  }
  #global-nav {
    background-color: #fff !important;
  }
  #header,
  .header-in,
  .h_left,
  .h_right {
    background-color: #fff !important;
  }
  .header-in {
    border-top: 0 !important;
  }
}

/* カートのアイコンと文字を大きくする */
.header-menu li.cart a.cart b,
.header-menu li.cart a.cart i {
  font-size: 20px !important;
}

/* 表示順の選択ボックスを白にする */
.sort-select select {
  background-color: #fff;
}

/* 表示順の文字色 */
.sort-select select {
  color: #6d6c6c;
  -webkit-text-fill-color: #333;
}
/*================================================
 * 共通
 ================================================*/
span.big {
        font-size: 16px;
}

span.bold {
        font-weight: bold;
}

span.small {
        font-size: 12px;
}


/*================================================
 * カート上商品名
 ================================================*/
.item-detail-block h2 {
font-size: 150%;
text-align: left;
letter-spacing: 0px;
}

.item-detail-txt3 p.ask {
font-size: 200%;
}

/*================================================
 * 商品説明
 ================================================*/
.each-title p.title2 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

.each-detail {
    margin-top: 30px;
    margin-bottom: 25px;
    text-align: center;
}

.each-detail p {
     margin-top: 0;
     margin-bottom: 0;
     font-size: 100%;
     font-weight: 600;
     text-align: center;
}


.each-detail-last {
    margin-top: 30px;
    margin-bottom: 50px;
    text-align: center;
}

 .each-detail-last p {
     margin-top: 0;
     margin-bottom: 0;
     font-size: 100%;
     font-weight: 600;
     text-align: center;
}


@media only screen and (max-width: 720px) {
        .each-title p.title1 {
                  font-size: 4.2vw;
        }

}



/*================================================
 * サイズ
 ================================================*/
.each-size {
    text-align: left;
}

.each-size p.size {
    font-size:0.9em;
}

/*================================================
 * 注意事項
 ================================================*/
.attention span.attention {
     font-weight: bold;
     color: #990000;
}

.attention p {
      margin-top: 0px;
}