@charset "UTF-8";

/*------------------------------------------------------------
各ブラウザのデフォルトスタイルをリセット
-------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,a,abbr,acronym,address,big,cite,code,del,dfn,em,strong,sub,sup,tt,var,b,u,i,center,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,blockquote,pre,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-style: normal;
font-weight: normal;
font-size: 100%;
}

* {
box-sizing: border-box;
}

/* HTML5未対応ブラウザ用 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display: block;
}

a { text-decoration: none; }

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

th { font-weight: normal;}

caption, { text-align: left; }

ol,ul {	list-style: none; }

fieldset,img,abbr { border: 0; }

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

form { margin: 0; }

button,input,select,textarea,option{
margin: 0;
padding: 6px 10px;
width: 100%;
font-size: 100%;
vertical-align: baseline;
border: 1px solid #aaa;
border-radius: 3px;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
}

select {
background-image: url(/img/select-arrow.png);
background-position: 97% 50%;
background-repeat: no-repeat;
}

button,input{ line-height: normal; }

textarea{
overflow: auto;
vertical-align: top;
}

/*------------------------------------------------------------
 レイアウト
-------------------------------------------------------------*/
.top {
padding: 1px 0 0;
width: 100%;
height: 28px;
background: #e7442e;
}

#flex-body {
/*flex: 1;*//*IEで崩れるためコメントアウト*/
}

.container,
.container-cont {
margin: 0 auto;
width: 1040px;
}

#nav {
width: 170px;
}

main {
width: 840px;
}

#cont main {
margin: 14px 0;
padding: 30px 60px;
background: #fff;
}

#top1 {
width: 100%;
}

#top2 {

}

#top-main {
padding: 10px 0 10px;
width: 590px;
}

#aside {
margin-top: 56px;
width: 180px;
}

/*--------------------------------------------------------
デザイン設定
-------------------------------------------------------*/
/* 全体 */
html,body {
width: 100%;
height: 100%;
}

body {
color: #051031;
font-family: 'Lucida Grande', 'segoe UI', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
font-size: 16px;
text-align: left;
background: #f3f2ee;
display: flex;
flex-direction: column;
}

h1 {

}

h2 {
font-weight: bold;
}

#main h3 {
margin: 0 0 1em;
font-size: 16px;
font-weight: bold;
color: #051031;
}

figure {
margin: 0 0 20px;
}

figure img {
margin: 0 !important;
}

figcaption {
padding: 4px 0;
font-size: 11px;
color: #999;
}

.eyecatch img {
padding: 2px;
border: 1px solid #bbb;
}

blockquote {
  position: relative;
  padding: 30px 15px 8px 15px;
  box-sizing: border-box;
  font-style: italic;
  background: #efefef;
  color: #555;
}

blockquote:before{
  display: inline-block;
  position: absolute;
  top: 13px;
  left: 15px;
  vertical-align: middle;
  content: "\f10d";
  font-family: FontAwesome;
  color: #cfcfcf;
  font-size: 28px;
  line-height: 1;
}

blockquote p {
  padding: 0;
  margin: 10px 0;
  line-height: 1.7;
}

blockquote cite {
  display: block;
  text-align: right;
  color: #888888;
  font-size: 0.9em;
}

p {
margin-bottom: 0.6em;
color: #000;
}

p.go-next {
padding-left: 20px;
float: right;
text-align: left;
}

p.note {
margin: 0;
font-size: 0.7em;
line-height: 1em;
}

/* リンク */
a:link { color: #0873f3; text-decoration: underline; }
a:visited { color: #0873f3; }
a:hover { color: #f1069b; text-decoration: underline;}
a:active { color: #f1069b; text-decoration: underline;}

/* 画像のロールオーバー効果 */
a:hover img {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

/* テーブル */
table.table {
  margin: 20px 0 30px;
  width: 100%;
  background: #fff;
}

table.table caption {
  margin-bottom: 2px;
  text-align: left;
  font-weight: bold;
}

table.table td {
  padding: 8px 10px;
  border: 1px solid #b7ae9d;
}

table.table th {
  padding: 8px 10px;
  background: #f4f2ee;
  width:25%;
  border: 1px solid #b7ae9d;
  font-weight: bold;
  color: #051032;
  text-align: left;
}


/* ラベル */
.label {
margin: 8px 0 4px;
display: inline-block;
color: #01aaaa;
font-size: 12px;
/*
padding: 3px 8px 4px;
background: #e7432e;
border-radius: 3px;
color: #fff;*/
}

/* 商品価格 */
.price {
margin: 2px 0 0;
padding: 0 3px;
text-align: left;
font-size: 16px;
font-weight: bold;
color: #01aaaa;
display: block;
}

/* 色（小） */
.color {
display: block;
width: 10px;
height: 10px;
}

.colorWrap {
margin-right: 8px;
float: left;
padding: 1px;
border: 1px solid #ddd;
background: #fff;
}

/* 色（大） */
.color2 {
display: block;
width: 18px;
height: 18px;
}

.colorWrap2 {
margin: 2px 16px 0 0;
float: left;
padding: 1px;
border: 1px solid #ddd;
background: #fff;
}

.red {
background: #e03;
}

.white {
background: #fdfdfd;
}

.black {
background: #000;
}

.brown {
background: #800;
}

.pink {
background: #f0c;
}

.ivory {
background: #e8dfb2;/*f2eac3*/
}

.green {
background: #9c0;
}

.blue {
background: #03c;
}

.orange {
background: #f60;
}

.gray {
background: #ccc;
}

.purple {
background: #a0a;
}

.yellow {
background: #fd0;
}

/* バナー */
.banner {

}

.banner img {
margin: 0 auto 10px;
padding: 1px;
background: #fff;
display: block;
}

.topBanner {
margin-top: 10px;
display: block;
}

/* 画像枠 */
img.item {
border: 3px solid #fff;
margin: 0;
padding: 0;
}

/* 見たまま表示 */
div.pre {
margin: 20px 0;
padding: 10px;
border: 1px dotted #ccc;
}

/* 赤文字 */
.attention {
color: red;
font-size: 1.2em;
}

/* マーカー */
.marker {
background: linear-gradient(transparent 60%, #F4F922 60%);
}

/* 点々 */
.tenten {
-webkit-text-emphasis: filled circle #888;
text-emphasis: filled circle #888;
}

/* 目次 */
.mokuji {
margin: 30px 0;
padding: 18px 14px;
border: 2px solid #888;
background: #f7ffff;
box-shadow: 2px 2px 2px #91a9a9;
font-size: 13px;
}

.mokuji-title {
margin: 0 0 10px;
display: inline-block;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
}

.mokuji li {
line-height: 1.6;
}

.mokuji i {
margin-right: 8px;
color: #0aa;
}

.mokuji li ul {
margin-left: 30px;
}

/* ボタン */
.btn {
margin: 10px 0 30px;
padding: 6px 10px;
display: inline-block;
width: 100%;
font-size: 100%;
vertical-align: baseline;
border: 1px solid #aaa;
border-radius: 3px;
background: #fff;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: relative;
text-decoration: none;
}

.btn-danger {
background: #e7432e;
color: #fff !important;
border-color: #e7432e;
}

.btn-halenowa {
background: #01aaaa;
color: #fff !important;
border-color: #0d9a9a;
}

/*------------------------------------------------------------
メインコンテンツ
-------------------------------------------------------------*/
/* インテリアから選ぶタブ */
#interiorTab {

}

#interiorTab li {
margin-right: 14px;
padding: 4px 12px;
background: -moz-linear-gradient(top, #800, #300);
background: -webkit-gradient(linear, top, bottom, from(#800), to(#300));
float: left;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
webkit-border-top-left-radius: 10px;
webkit-border-top-right-radius: 10px;
font-weight: bold;
font-size: 0.9em;
}

#interiorTab a {
color: #fff;
}

#interiorTab p {
font-size: 0.6em;
text-align: center;
color: #ddd;
font-style: italic;
line-height: 0.9em;
}

h2#h2_1 {
padding: 0 0 2px 6px;
font-size: 0.9em;
text-decoration: blink;
}
.flickity {
margin: 4px 0 70px;
display: block;
position: relative;
}

.flickity-button {
background: #f4f2ee;
}

.flickity-prev-next-button {
top: 260px;
}

/* デスクトップ版のサイズ */
.carousel-cell {
padding: 20px;
position: relative;
display: inline-block;
width: 100%;
height: 680px;
background: #fff;
}

#item .carousel-cell {
padding: 0px;
position: relative;
display: inline-block;
width: 100%;
height: 460px;
background: #fff;
}

#item .carousel-content img {
width: 720px;
height: 480px;
object-fit: cover;
object-position: 50% 100%;
}

#item .carousel-nav .carousel-cell {
margin: 10px 6px 10px 0;
display: inline-block;
width: 50px;
height: 35px;
}

#item .carousel-nav .carousel-cell img {
width: 50px;
height: 35px;
object-fit: cover;
object-position: 50% 100%;
display: inline-block;
}

#item .carousel-nav .carousel-cell.is-selected img {
border: 1px solid #00aaaa;
}

.flickity-review {
padding: 12px;
position: relative;
width: 100%;
}

/*
.flickity-goitem {
display: block;
top: -10px;
position: relative;
width: 16% !important;
}

.flickity-goitem:hover {
opacity: 0.85;
}*/

h2.top-ranking {
font-family: 'segoe UI', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Arial, sans-serif;
font-size: 13px;
color: #051131;
text-shadow: 1px 1px 1px #fff;
}

.flickity h3 {
margin: 0 0 2px 0 !important;
display: inline-block;
color: #051032;
font-size: 13px;
font-family: 'segoe UI', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Arial, sans-serif;
}

p.flickity-desc {
padding: 8px 12px;
/*margin: 0 20px 0 0;*/
background: #f4f2ee;
border-radius: 6px;
/*width: 77%;*/
font-size: 12px;
}

.flickity-star {
display: inline-block;
}

.flickity-star i {
color: #ffcd36;
} 

/* position dots in carousel */
.flickity-page-dots {
margin-top: 15px;
bottom: 0 !important;
position: relative !important;
}

.flickity-page-dots .dot {
width: 30px;
height: 30px;
}

.flickity-page-dots .dot:after {
position: relative;
bottom: -7px;
color: #fff;
font-size: 14px;
}

.flickity-page-dots .dot:nth-child(1):after {
content: "1";
}

.flickity-page-dots .dot:nth-child(2):after {
content: "2";
}

.flickity-page-dots .dot:nth-child(3):after {
content: "3";
}

.flickity-page-dots .dot:nth-child(4):after {
content: "4";
}

.flickity-page-dots .dot:nth-child(5):after {
content: "5";
}

.flickity-page-dots .dot:nth-child(6):after {
content: "6";
}

.flickity-page-dots .dot:nth-child(7):after {
content: "7";
}

.flickity-page-dots .dot:nth-child(8):after {
content: "8";
}

.flickity-page-dots .dot:nth-child(9):after {
content: "9";
}

.flickity-page-dots .dot:nth-child(10):after {
content: "10";
}

/* fill-in selected dot */
.flickity-page-dots .dot.is-selected {
background: #fc3;
}/*------------------------------------------------------------
トップページ
-------------------------------------------------------------*/
#toppage h1 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  display: inline-block;
}

/* おすすめ */
#topDisplay {
background: #fff;
}

#topDisplay img {
border: 1px solid #ebd0d0;
}

.topDisplay-banner {
margin-right: 26px;
float: left;
width: 180px;
}

.topDisplay-banner-last {
margin: 0;
float: left;
width: 180px;
}

#topDisplay p {
margin-top: -2px;
font-size: 0.8em;
line-height: 1.1em;
}

/* ラクーネ */
#topRakune {
margin: 6px 0;
padding: 6px 0;
}

#topRakune img {
margin: 0 auto;
display: block;
}


#topRakune-inner {
margin: 6px auto;
padding: 8px 16px;
width: 580px;
box-sizing: border-box;
background: #fff;
border: 1px solid #ccc;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
font-size: 0.86em;
color: #333;
}

#topRakune-inner h3 {
margin-top: 4px;
font-weight: bold;
}

#topRakune-inner p {
margin: 0.5em 0;
}

/* 選び方 */
#topSelection {
margin: 6px 0;
padding: 2px 0;
box-sizing: border-box;
clear: both;
}

.keywordSelection {
padding-left: 4px;
font-size: 10px;
}

#topSelection h2 {

}

#topSelection h3 {
margin: 10px 0 6px;
font-weight: bold;
color: #051031;
text-shadow: 1px 1px 1px #fff;
}

.topSelectionList {
margin-bottom: 0.8em;
padding: 6px 10px;
background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.topSelectionList li {
margin-right: 6px;
display: inline;
font-size: 0.9em;
line-height: 2.2em;
}

.topSelectionList li a:link {
padding: 2px 10px;
background: #f3f2ef;
color: #051031;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
text-decoration: none;
}

.topSelectionList li a:hover {
background: #01aaaa;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  color: #fff;
  text-decoration: none;
}

.topSelectionList li a:visited {
padding: 2px 10px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.colorSelection li a:link {
margin: 0;
padding: 0;
}

.colorSelection li a:hover {
background: none;
opacity:0.7;
}

.colorSelection li a:visited {
margin: 0;
padding: 0;
}

.colorSelection:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
}




h2.top-header {
margin: 50px 0 0.5em;
padding: 10px 20px;
position: relative;
color: #fff;
background: #00aaaa;
line-height: 1.2;
font-size: 20px;
border-radius: 0 40px 0px 3px;
}

h2.top-header:after {/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
content: 'PickUp';
background: #25c5c5;
color: #f3f913;
text-shadow: 1px 1px 1px #119898;
left: 0px;
bottom: 100%;
border-radius: 3px 3px 0 0;
padding: 5px 9px 5px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em
}

/*------------------------------------------------------------
トップランキング
-------------------------------------------------------------*/
span.rank {
  padding-top: 3px;
  display: inline-block;
  background: #fc3;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 20px;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 10px;
  z-index: 1;
}



/* トップページ */
.top-heading {
position: relative;
}

.top-heading h2 {
margin-top: 30px !important;
}

.top-heading h3 {
margin: 16px 0 4px;
background: #fff;
}

.top-heading h4 {
margin: 10px 0 6px 0;
border-left: none !important;
font-size: 1.5rem;
font-weight: normal;
}
/*
span.rank-1 {
  background: #f3d64b;
}

span.rank-2 {
  background: #7bcdd6;
}

span.rank-3 {
  background: #ff6c40;
}*//*------------------------------------------------------------
トップ
-------------------------------------------------------------*/
.top p {
margin: 0;
padding: 0;
color: #fff;
font-size: 12px;
line-height: 1;
display: inline-block;
}
/*
.top p.copy:before {
content: "＼";
}

.top p.copy:after {
content: "／";
}*/

.top a {
color: #fff;
font-size: 12px;
}/*------------------------------------------------------------
ヘッダー
-------------------------------------------------------------*/
#header {
  position: relative;
  width: 100%;
  height: auto;
  color: #000;
  background: #fff;
}

#header-in {
margin: 0 auto;
padding: 6px 0 6px;
width: 1040px;
position: relative;
background: #fff url(/img/telinfo.gif) no-repeat right 6px;
}

.shoplogo {
padding:0px;
margin:0px;
}

.shoplogo h1 {
margin: 0;
padding: 0;
border: 0;
font-style: normal;
font-weight: normal;
font-size: 60%;
margin-left: 50px;
}

.shoplogo img {
width: 300px;
}

/* グローバルナビ */
#gnav {
position:absolute;
right: 0px;
top: 66px;
z-index: 111;
}

#gnav img {
padding: 0 3px;
border-right: 1px dotted #ccc;
}

#gnavimg1 {
border-left: 1px dotted #ccc;
}

#gnav li {
float: left;
}

#gnav a:hover {
  position:relative;
  bottom:2px;
  left:2px;
  opacity: 1;
  filter: alpha(opacity=100);
}

#oshirase {
padding: 4px 12px;
border: 1px solid #c00;
font-size: 11px;
width: 1036px;
box-sizing: border-box;
position: absolute;
top: -68px;
}/*------------------------------------------------------------
ナビ
-------------------------------------------------------------*/
#nav {
  font-size: 14px;
  position: relative;
}

#itemListBox {
margin: 14px auto;
}

#itemListBox img {
margin: 6px auto;
display: block;
border: 1px solid #ddd;
}

#itemListBox strong {
margin: 30px auto 0;
padding:5px 0;
display: block;
  font-family:'segoe UI', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Arial, sans-serif;
  font-size:13px;
  text-align:center;
  color:#fff;
  background:#00aaaa;
  width:170px;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

#itemListBox strong:first-child {
margin-top: 0;
}

ul.text-category {

}

ul.text-category li {
margin: 2px 0 0;
background: #fff;
display: inline-block;
width: 100%;
border: 1px solid #ddd;
}

ul.text-category li a {
padding: 6px 14px;
display: block;
width: 100%;
font-size: 13px;
color: #01aaaa;
}

#itemListBox .color-block {
display: inline-block;
width: 35px;
height: 35px;
border: 1px solid #fff;
}

#itemListBox .color-block-red {
background-color: #c00;
}

#itemListBox .color-block-blue {
background-color: #0757a9;
}

#itemListBox .color-block-black {
background-color: #222;
}

#itemListBox .color-block-white {
background-color: #fff;
border: 1px solid #bbb;
}

#itemListBox .color-block-ivory {
background-color: #d8c9b7;
}

#itemListBox .color-block-brown {
background-color: #843f03;
}

#itemListBox .color-block-green {
background-color: #96ab08;
}

#itemListBox .color-block-pink {
background-color: #ea50b2;
}

#itemListBox .color-block-purple {
background-color: #a607a9;
}

#itemListBox .color-block-others {
background-image: linear-gradient(120deg, #f90 0%, #01aaaa 100%);
}

/*商品一覧用カテゴリメニュー*/
.itemListGroup {
margin:0 auto 8px;
padding:2px 6px 2px 6px;
width:158px;
background: #fff;
border:1px solid #eed8bd;
}

.itemListGroup li {
padding:8px 2px 8px 14px;
list-style:none;
text-decoration:none;
text-align:left;
font-size: 0.9em;
line-height: 1.1em;
background: url(/img/arrow_br.gif) no-repeat left center;
border-bottom:1px dotted #e3ba74;
}

.itemListGroup li:last-child {
border: none;
}

/*アコーディオンパネルカテゴリメニュー*/
.itemListGroup2 {
margin:0 auto 8px;
padding:2px 6px 2px 6px;
background: #fff;
border:1px solid #eed8bd;
}

.itemListGroup2 li {
padding:8px 2px 8px 14px;
list-style:none;
text-decoration:none;
text-align:left;
font-size: 0.9em;
line-height: 1.1em;
background: url(/img/arrow_br.gif) no-repeat left center;
border-bottom:1px dotted #e3ba74;
}

.itemListGroup2 li:last-child {
border: none;
}

.itemListGroup2 li a:link { color: #8B4313; text-decoration: none;}
.itemListGroup2 li a:visited { color: #8B4313; }
.itemListGroup2 li a:hover { color: #f1069b; text-decoration: underline;}
.itemListGroup2 li a:active { color: #f1069b; text-decoration: underline;}
/*------------------------------------------------------------
パンくずリスト
-------------------------------------------------------------*/
#breadcrumb {
margin-bottom: 6px;
    padding: 4px 12px;
width: auto;
    background: #300;
    font-size: 11px;
}

#breadcrumb ol {
     padding: 4px 12px;
     text-align: left;
     color: #ffc;
     font-size: 12px;
}

#breadcrumb li {
     display: inline;
}/*------------------------------------------------------------
フッター
-------------------------------------------------------------*/
#footer {
padding: 16px 0;
background: #051131;
font-size: 0.9em;
min-height: 60px;
}

#footer ul {
text-align: center;
}

#footer li {
margin: 0 16px 0 0;
display: inline-block;
line-height: 1.8em;
}

#footer li a {
color: #eee;
}

#footer small {
margin: 10px auto;
color: #888067;
display: block;
text-align: center;
}

/* スマホ */
.smp-nav strong {
margin: 0 auto 6px;
padding: 5px 0;
display: block;
font-family: 'segoe UI', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, Arial, sans-serif;
font-weight: bold;
text-align: center;
color: #fff;
background: #00aaaa;
width: 100%;
}

.smp-nav img {
margin-bottom: 6px;
padding: 6px 4px;
background: #fff;
display: block;
border: 1px solid #ccc;
}

.smp-bottom {
margin: 0;
display: -ms-flexbox;/*--- IE10用 ---*/
display: -webkit-box;/*--- Androidブラウザ用 ---*/
display: -webkit-flex;/*--- safari用 ---*/
display: flex;
-ms-flex-wrap: wrap;/*--- IE10用 ---*/
-webkit-flex-wrap: wrap;/*--- safari用 ---*/
flex-wrap: wrap;
-ms-flex-pack: justify;/*--- IE10用 ---*/
-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
-webkit-justify-content: space-between;/*--- safari用 ---*/
justify-content: space-between;
position: relative;
}

.smp-bottom .copy {
background: #fff;
text-align: center;
padding: 3px 20px;
margin: 0 auto;
position: relative;
width: 100%;
font-size: 13px;
font-weight: bold;
color: #000;
}

.smp-bottom .copy:before {
content: "＼";
}

.smp-bottom .copy:after {
content: "／";
}

.smp-bottom a { 
width: 33.33333%;/* 未対応ブラウザ用フォールバック */
width: -webkit-calc(100% / 3);
width: calc(100% / 3);
padding: 12px;
margin: 0;
text-align: center;
font-size: 13px;
position: relative;
display: block;
border: 1px solid #f3f2ef;
background: #01aaaa;
color: #fff;
text-decoration: none;
}

.smp-bottom span {
margin-top: 5px;
display: inline-block;
line-height: 1;
font-weight: bold;
color: #fff;
}

.smp-bottom i {
margin: 0;
display: block;
font-size: 28px;
color: #037777;
}/*------------------------------------------------------------
商品ページ
-------------------------------------------------------------*/
#itemPage {
margin: 14px 0;
padding: 14px 60px 20px;
background: #fff;
}

/* これがないとデスクトップ版でflex-item内の画像がflex-itemをはみ出してしまう */
#itemPage img {
max-width: 100%;
}

#itemPage h1 {
margin: 0 0 10px;
padding: 8px 20px;
border-top: 2px solid #e7442e;
border-bottom: 2px solid #e7442e;
font-size: 28px;
font-weight: bold;
text-align: left;
color: #e7442e;
line-height: 1.1;
}

#itemPage h2 {
margin: 50px 0 0.5em;
  padding: 10px 20px;
  position: relative;
  color: #fff;
  background: #00aaaa;
  line-height: 1.1;
  font-size: 20px;
  text-shadow: 1px 1px 1px #029696;
  border-radius: 0 40px 0px 3px;
}

#itemPage h2:after {
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
content: 'PickUp';
background: #25c5c5;
color: #f3f913;
text-shadow: 1px 1px 1px #119898;
left: 0px;
bottom: 100%;
border-radius: 3px 3px 0 0;
padding: 5px 9px 5px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em
}

#itemPage h3 {
margin: 30px 0 10px;
padding: 12px;
font-size: 22px;
font-weight: bold;
color: #097777;
text-shadow: 1px 1px 1px #fff;
line-height: 1.1;
background: #f3f2ef;
border-radius: 6px;
}

/* 商品ページ共通 */
.itemPageName {
  margin-bottom: 16px;
  display: inline-block;
  font-weight: bold;
  font-size: 24px;
  color: #e7432e;
  line-height: 1.1;
}

.itemPageProperPrice {
  margin:0 3px 0 3px;
  font-family: "Times New Roman", Century, "Minion Pro";
  font-size:1.2em;
  text-decoration: line-through;
}

.PriceDiscountRate {
  font-family: "Times New Roman", Century, "Minion Pro";
  font-style: italic;
  font-weight:bold;
  color:#e4149d;
}

.itemPagePrice {
  margin:0 3px 0 3px;
  font-family: "Times New Roman", Century, "Minion Pro";
  font-size:1.8em;
  color: #e7432e;
}

.pricePoint {
    font-size:1.4em;
    font-weight:bold;
    color: #e7400d;
}

/* ソーシャルボタン */
#social li {
margin: 20px 6px 0 0;
display: block;
float: left;
width: auto;
}

iframe.twitter-share-button {
width: 80px!important;
}

.itemHeadline {
    margin:30px auto 6px;
    border-top:4px solid #606;
    clear:both;
}

/* ショッピングカート */
.shoppingCart {
margin-top: 40px;
}

.cartLeft {
  margin: 0 20px 15px 0;
  float:left;
  width: 260px;
}

.cartLeft img {
border-radius: 4px;
}

/* ショッピングカートボタン */
input.btn-cart {
  background-color: #e7432e;
  background: -webkit-linear-gradient(top, #e7432e, #e7432e);
  margin: 10px auto 20px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  padding: 10px 20px;
  border-radius: 6px;
  border: 1px solid #e7432e;
  cursor: pointer;
}

input.btn-cart:hover {
  background: -webkit-linear-gradient(top, #e7432e, #f90);
}

input.btn-cart.teishi,
input.btn-cart.teishi:hover {
background: #555;
border: 1px solid #555;
color: #fff;
}


/* 上部ショッピングカートのショッピングガイド */
ul.shoppingInfo {
    padding:0;
}

ul.shoppingInfo li {
    padding-left:12px;
    background: url(/img/arrow9_10.gif) no-repeat left center;
    list-style: none;
    line-height: 1.8em;
    font-size: 13px; 
}

ul.shoppingInfo a {
text-decoration: underline;
}

.cartRight {
  margin:0;
  float:right;
  width: 420px;
}

.cartRight p {
margin: 0 0 7px;
}

.optionSelect {
    margin:4px 0 12px;
    position:relative;
}

.torakune a {
  margin-top: 3px;
  display: inline-block;
  padding-left:14px;
  background:url(../img/arrow_purp.gif) no-repeat left center;
}

/* スタッフボイス */
.staff-voice {
margin-top: 10px; 
padding: 16px;
border-radius: 8px;
background: #f3f2ee;
font-size: 14px;
clear: both;
}

.staff-voice p {
margin-bottom: 0;
width: 100%;
font-size: 16px;
color: #000;
text-shadow: 1px 1px 1px #fff;
}

.staff-image {
margin-right: 20px;
display: block;
width: 42px;
height: 42px;
border-radius: 50%;
}

/* 商品説明 */
#itemDescription .flex .flex-item {
width: 350px;
}

#itemDescription .flex .flex-item img(not:.staff-image) {
/*width: 350px;*/
width: 100%;
height: 224px;
object-fit: cover;
object-position: 50% 100%;
}

/* スマホは設定せずPCだけに設定
.object-fit img {
object-fit: cover;
height: 270px;
}*/

.item-points {
-js-display: flex;/*flexibility.js*/
display: -ms-flexbox;/*--- IE10用 ---*/
display: -webkit-box;/*--- Androidブラウザ用 ---*/
display: -webkit-flex;/*--- safari用 ---*/
display: flex !important;
position: relative;
-ms-flex-pack: justify;/*--- IE10用 ---*/
-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
-webkit-justify-content: space-between;/*--- safari用 ---*/
justify-content: space-between !important;
}

.item-points-img {
width: 49%;
}

#itemColor .color-name {
margin: 10px 0 2px;
display: block;
font-size: 16px;
font-weight: bold;
color: #878a92;
}

/* 商品仕様 */
table.spec {
  margin: 0 0 24px;
  width: 100%;
  background: #fff;
  font-size: 0.9em;
}

table.spec caption {
  margin-bottom: 2px;
  text-align: left;
  font-weight: bold;
}

table.spec td {
  padding: 8px 10px;
  border: 1px solid #b7ae9d;
}

table.spec th {
  padding: 8px 10px;
  background: #f4f2ee;
  width:25%;
  border: 1px solid #b7ae9d;
  font-weight: bold;
  color: #051032;
  text-align: left;
}

.specIcon img {
  margin:0 6px;
  display :block;
  float:left;
  width:70px;
  height: 70px;
  max-width: none !important;
}

.specNotes {
  margin-bottom: 0;
  font-size:0.8em;
}

/*商品レビュー*/
#itemReview h3 {
padding-left: 0;
margin-top: 0;
margin-bottom: 4px;
border-bottom: none;
font-size: 16px;
color: #f90;
background: none;
}

#itemReview dl {
border-top: 2px solid #e8e7e3;
border-right: 3px solid #e8e7e3;
border-bottom: 3px solid #e8e7e3;
border-left: 3px solid #e8e7e3;
height: 300px;
overflow: auto;
background: #fff;
}

#itemReview dt {
padding: 8px 10px;
background: #f3f2ee;
border-top: 1px solid #e8e7e3;
border-bottom: 1px solid #e8e7e3;
js-display: flex;/*flexibility.js*/
display: -ms-flexbox;/*--- IE10用 ---*/
display: -webkit-box;/*--- Androidブラウザ用 ---*/
display: -webkit-flex;/*--- safari用 ---*/
display: flex !important;
position: relative;
-ms-flex-pack: justify;/*--- IE10用 ---*/
-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
-webkit-justify-content: space-between;/*--- safari用 ---*/
justify-content: space-between !important;
}


#itemReview dd {
padding: 10px 16px;
font-size: 1.2em;
}

#itemReview p {
font-size: 14px;
}

#itemReview hr {
margin-top: 1.5em;
border: 1px dotted #ccc;
}

/*商品レビュー(全部)*/
#itemReviewAll {

}

#itemReviewAll h2 {
margin: 0 0 2px;
padding-top: 30px;
background: url(../img/kuchikomi.png) no-repeat right bottom;
font-size: 1.2em;
font-weight: bold;
color: #555;
}

#itemReviewAll h3 {
padding-left: 22px;
margin-bottom: 4px;
background: url(../img/review.png) no-repeat left center;
color: #f90;
}

#itemReviewAll h4 {
margin-bottom: 14px;
font-size: 0.8em;
color: #555;
}

#itemReviewAll h4 a {
color: #f1069b;
text-decoration: underline;
}

#itemReviewAll dl {
margin-top: 16px;
border-top: 3px solid #e3c6a5;
border-right: 4px solid #e3c6a5;
border-bottom: 4px solid #e3c6a5;
border-left: 4px solid #e3c6a5;
}

#itemReviewAll dt {
padding: 1em 1.9em;
background: #f6eed3;
border-top: 1px solid #e3c6a5;
border-bottom: 1px solid #e3c6a5;
}

#itemReviewAll dd {
padding: 1em 1.6em;
font-size: 1.2em;
}

#itemReviewAll hr {
margin-top: 1.5em;
border: 1px dotted #ccc;
}

p.reviewStaffComment {
font-size: 0.8em;
}

.review-star i {
color: #ffcd36;
}

.review-point {
color: #f90;
font-weight: bold;

}

.review-date {
display: block;
float: right;
}

.review-from {
text-align: right;
font-size: 0.8em;
font-weight: bold;
}

.review-from span {
font-weight: bold;
}

/*商品に関する質問*/
#itemQuestion dl {
    padding:16px;
    background:#fbfbe9;
    border:1px solid #b1cb01;
}

#itemQuestion dt {
  margin-bottom:6px;
  padding:10px 16px 10px 54px;
  line-height:1.2em;
  font-size:1.2em;
  font-weight:bold;
  border:1px solid #ccc;
  background:#fff url(/img/q.gif) no-repeat left 4px;
}

#itemQuestion dd {
  margin-bottom:20px;
  padding:10px 16px 10px 54px;
  line-height:1.2em;
  border:1px solid #ccc;
  background:#fff url(/img/a.gif) no-repeat left 4px;
}

#itemRelated {
padding-left: 16px;
}
/*-----------------------------------------------------------------
商品一覧
------------------------------------------------------------------*/
#itemListPage {
margin: 14px 0 14px;
}

#itemListPageInner {
position: relative;
}

#itemListPage h1 {
margin: 40px 0 20px;
  padding: 10px 20px;
  position: relative;
  color: #fff;
  background: #00aaaa;
  line-height: 1.2;
  font-size: 20px;
  font-weight: normal;
  border-radius: 0 40px 0px 3px;
}

#itemListPage h1:after {
position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '商品一覧';
  background: #25c5c5;
  color: #f3f913;
  left: 0px;
  bottom: 100%;
  border-radius: 3px 3px 0 0;
  padding: 5px 9px 5px;
  font-size: 0.6em;
  letter-spacing: 0.05em;
}

/*
#itemListPage h1:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #00aaaa;
width: 0;
height: 0;
}*/

#itemListPage h2 {
margin: 10px 0;
padding: 6px 38px;
width: 100%;
  border: 1px solid #051031;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: transparent;
font-size: 20px;
font-weight: bold;
color: #051031;
clear: both;
}

#itemListHeader {
margin: 0;
}

#itemListHeader-title {
background: url(/img/banner-listheader_780-90.jpg) no-repeat;
height: 90px;
}

#itemListFooter {
margin: 0;
}

/* 共通商品リストデザイン */
.itemList {

}

.itemList h2 {
margin-bottom: 10px;
padding: 6px 38px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
border: 1px solid #B396B3;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background: url(../img/headerIcon_1.gif) no-repeat 14px center;
font-size: 20px;
color: #800;
clear: both;
}

.itemList h3 {
margin-bottom: 6px;
line-height: 1em;
font-size: 0.9em;
font-weight: bold;
  color:#e7400d;
  min-height: 3em;
}

.itemList h4 {
margin: 2px 0 3px;
clear: both;
}

.itemList li {
padding: 8px;
border: 1px solid #aaa;
background: #fff;
}

.itemList li a {
text-decoration: none;
}

.itemList li img {
max-width: 100%;
}

.itemList li:hover {
border: 1px solid #666;
color: #f1069b;
}

.itemList p {
padding: 10px 0;
font-size: 0.8em;
line-height: 1.2em;
}

.itemList span.item_name {
padding: 0px 0 3px;
line-height: 1.2;
font-size: 13px;
color: #051032;
display: block;
}

.priceTag {
padding: 1px 6px;
background: #e7842f;
font-weight: bold;
font-size: 0.7em;
color: #fff;
}/*-----------------------------------------------------------------
コンテンツページ
------------------------------------------------------------------*/
#cont h1 {
margin: 0 0 20px;
padding: 8px 20px;
border-top: 2px solid #e7442f;
border-bottom: 2px solid #e7442f;
font-size: 28px;
font-weight: bold;
color: #e7442f;
line-height: 1.1;
text-align: left;
}

#cont h2 {
margin: 1.4em 0 16px;
padding: 10px 16px;
font-size: 20px;
border: 2px solid #dedddb;
background: #f3f2ef29;
text-shadow: 1px 1px 1px #fff;
border-radius: 6px;
line-height: 1.2;
}

#cont h3 {
margin: 1.4em 0 10px !important;
padding: 0 0 8px;
font-size: 20px;
color: #01aaaa;
line-height: 1.2;
border-bottom: 1px solid #ddd !important;
}

#cont h4 {
margin: 30px 0 10px;
padding-left: 8px;
font-size: 18px;
font-weight: bold;
border-left: 4px solid #ddd;
}

/* 手紙のような文字下線 */
.letter {
padding: 1em 1em 2em 1em;
/*border: 4px solid #aaa;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;*/
  border-left: 30px solid #aaa;
  border-right: 1px solid #aaa;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
webkit-border-bottom-right-radius: 10px;
webkit-border-top-right-radius: 10px;
}

.letter p {
margin-bottom: 0.5em;
}

.letter p span {
padding-top: 1em;
line-height: 1em;
border-bottom: 1px dotted #ccc;;
}


/*コンテンツ一覧*/
ul.shopContents {
margin-top: 1em;
  padding:16px;
  background:#fbfbe9;
  border:1px solid #b1cb01;
  width: 100%;
  box-sizing: border-box;
}

ul.shopContents li {
  margin-bottom:6px;
  padding:10px 10px 10px 54px;
  line-height:1.2em;
  font-weight:bold;
  font-size: 1.1em;
  border:1px solid #ccc;
  background: #fff url(/img/listicon1.jpg) no-repeat 16px center;
}

ul.shopContents li a {
  font-weight:bold;
  text-decoration: underline;
}

/*よくある質問（質問一覧）*/
.shopQuestion {
  margin: 0 auto 20px;
  width: 100%;
}

.shopQuestion ul {
  padding:16px;
  background:#fbfbe9;
  border:1px solid #b1cb01;
  box-sizing: border-box;
}

.shopQuestion li {
  margin-bottom:6px;
  line-height:1.2em;
  border:1px solid #ccc;

}

.shopQuestion li .question {
padding:10px 10px 10px 54px;
background: #fff url(/img/q.gif) no-repeat left center;
display: block;
font-weight: bold;
font-size: 1.1em;
color: #123865;
text-decoration: underline;
}

.shopQuestion li .answer {
padding:10px 16px 10px 54px;
line-height:1.2em;
background:#fff url(/img/a.gif) no-repeat left 4px;
}

/*お客様の声*/
#review h2 {
margin: 50px 0 0.5em;
padding: 10px 20px;
position: relative;
color: #fff;
background: #00aaaa;
line-height: 1.1;
font-size: 20px;
text-shadow: 1px 1px 1px #029696;
border-radius: 0 40px 0px 3px;
border: none;
}

#review h3 {
padding-left: 0 !important;
margin-top: 10px !important;
margin-bottom: 4px !important;
border-bottom: none !important;
font-size: 16px !important;
color: #f90 !important;
background: none !important;
}

#review dl {
margin-bottom: 20px;
border-top: 1px solid #e8e7e3;
border-right: 2px solid #e8e7e3;
border-bottom: 2px solid #e8e7e3;
border-left: 2px solid #e8e7e3;
background: #fff;
}

#review dt {
padding: 8px 10px;
background: #f3f2ee;
font-size: 0.85em;
border-top: 1px solid #e8e7e3;
border-bottom: 1px solid #e8e7e3;
position: relative;
}


#review dd {
padding: 10px 16px;
}

#review p {
font-size: 14px;
}

#review hr {
margin-top: 1.5em;
border: 1px dotted #ccc;
}

#review .review-meta {
font-size: 0.8em;
font-weight: bold;
color: #777;
}

#review .review-star {
margin-left: 6px;
display: inline-block;
}/* 選び方 */
/*
#erabikata h3 {
margin: 4px 0 10px !important;
padding: 0;
border: none !important;
background: #fff !important;
font-size: 17px;
font-weight: bold;
color: #051031;
clear: both;
}
*/

#erabikata-to-page h3 {
margin: 3px 0 3px !important;
color: #051031;
font-size: 17px;
border-bottom: none !important;
}

#erabikata img {
max-width: 100%;
}

#erabikata a {
text-decoration: none;
}

#erabikata p.erabikata-summary {
margin-top: 10px;
font-size: 12px;
line-height: 1.3;
}

#erabikata .bo1 {
border: 1px solid #ccc;
}

#erabikata .label {
margin: 0px 0 4px;
padding: 2px 10px;
display: inline-block;
font-size: 12px;
font-weight: normal;
color: #fff;
background: #48abab;
border-left: none;
border-radius: 4px;
}

#erabikata button {
font-size: 14px;
}

#erabikata button:hover {
cursor: pointer !important;
}

/* ソファーの構造 */
#kouzou-sozai th {
width: auto;
min-width: 160px;
}

#kouzou-sozai td {
vertical-align: top;
}

#kouzou-sozai p {
font-size: 15px;
}@charset "UTF-8";

/*-----------------------------------------------------------------
 文字の大きさ
------------------------------------------------------------------*/
.fs07 { font-size: 0.7rem !important; }
.fs08 { font-size: 0.8rem !important; }
.fs09 { font-size: 0.9rem !important; }
.fs10 { font-size: 1.0rem !important; }
.fs11 { font-size: 1.1rem !important; }
.fs12 { font-size: 1.2rem !important; }
.fs13 { font-size: 1.3rem !important; }
.fs14 { font-size: 1.4rem !important; }
.fs15 { font-size: 1.5rem !important; }
.fs16 { font-size: 1.6rem !important; }
.fs17 { font-size: 1.7rem !important; }
.fs18 { font-size: 1.8rem !important; }
.fs19 { font-size: 1.9rem !important; }
.fs20 { font-size: 2.0rem !important; }

/*-----------------------------------------------------------------
 文字の太さ
------------------------------------------------------------------*/
.b { font-weight: bold !important; }/*太字*/
.normal { font-weight: normal !important; }/*通常の太さ*/
.lighter { font-weight: lighter !important; }/*細字*/

/*-----------------------------------------------------------------
 文字の色
------------------------------------------------------------------*/
.text-lightgray { color: #ddd !important; }
.text-gray { color: #aaa !important; }
.text-darkgray { color: #777 !important; }
.text-blue { color: #39BDD4 !important; }
.text-red { color: #D55858 !important; }
.text-green { color: #95CB23 !important; }
.text-yellow { color: #E8EC1E !important; }
.text-orange { color: #F5760F !important; }
.text-pink { color: #EF37A4 !important; }
.text-black { color: #000 !important; }
.text-white { color: #fff !important; }

/*-----------------------------------------------------------------
 文字の位置
------------------------------------------------------------------*/
/*縦の位置*/
.text-top { vertical-align: top !important; }/*上*/
.text-middle { vertical-align: middle !important; }/*中央*/
.text-bottom { vertical-align: bottom !important; }/*下*/

/*横の位置*/
.text-left { text-align: left !important; }/*左*/
.text-center { text-align: center !important; }/*中央*/
.text-right { text-align: right !important; }/*右*/

/*-----------------------------------------------------------------
 文字の装飾
------------------------------------------------------------------*/
.ita { font-style: italic;}/*イタリック体*/
.ul { text-decoration: underline; }/*下線を引く*/
.ul-none { text-decoration: none; }/*下線を消す*/
.del { text-decoration:line-through;}/*取消線を引く*/

/* 字下げ */
.indent { text-indent: 1rem; }
.indent2 { text-indent: 2rem; }
.indent3 { text-indent: 3rem; }
.indent4 { text-indent: 4rem; }
.indent5 { text-indent: 5rem; }

/* 改行 */
.br { margin-top: 1em; }
.br2 { margin-top: 2em; }
.br3 { margin-top: 3em; }

/*-----------------------------------------------------------------
 フロート
------------------------------------------------------------------*/
/*右寄せ：左側に文章が回りこみ*/
.f-r {
    margin: 0 0 10px 18px;
    float: right;
}

.right { float: right; }

/*左寄せ：右側に文章が回りこみ*/
.f-l {
    margin: 0 18px 10px 0;
    float: left;
}

.left { float: left; }

/*中央寄せ*/
.center {
margin: 0 auto !important;
display: block !important;
}

/*回り込み解除*/
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    font-size: 0;
}

/*回り込み解除*/
.clear { clear: both !important; }

/*-----------------------------------------------------------------
 flex
------------------------------------------------------------------*/
/* flex */
.flex {
-js-display: flex;/*flexibility.js*/
display: -ms-flexbox;/*--- IE10用 ---*/
display: -webkit-box;/*--- Androidブラウザ用 ---*/
display: -webkit-flex;/*--- safari用 ---*/
display: flex !important;
position: relative;
}

/* flex複数行 */
.flex.wrap {
-ms-flex-wrap: wrap;/*--- IE10用 ---*/
/* Androidブラウザは対応していないので指定不可 */
-webkit-flex-wrap: wrap;/*--- safari用 ---*/
flex-wrap: wrap !important;
}

/* flex横軸 */
.flex.yoko-between {
-ms-flex-pack: justify;/*--- IE10用 ---*/
-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
-webkit-justify-content: space-between;/*--- safari用 ---*/
justify-content: space-between !important;
}

.flex.yoko-center {
-ms-flex-pack: center;/*--- IE10用 ---*/
-webkit-box-pack: center;/*--- Androidブラウザ用 ---*/
-webkit-justify-content: center;/*--- safari用 ---*/
justify-content: center !important;
}

.flex.yoko-end {
-ms-flex-pack: end;/*--- IE10用 ---*/
-webkit-box-pack: end;/*--- Androidブラウザ用 ---*/
-webkit-justify-content: flex-end;/*--- safari用 ---*/
justify-content: flex-end !important;
}

/* flex縦軸 */
.flex.tate-center {
-ms-flex-align: center;/*--- IE10用 ---*/
-webkit-box-align: center;/*--- Androidブラウザ用 ---*/
-webkit-align-items: center;/*--- safari用 ---*/
align-items: center !important;
}

/* flex-item */
.flex-item {
width: 100%;
position: relative;
display: block;
}

/* flex（2列） */
.flex.flex-col-2 {
-webkit-box-pack: justify;/*--- Androidブラウザ用 ---*/
-ms-flex-pack: justify;/*--- IE10用 ---*/
-webkit-justify-content: space-between;/*--- safari用 ---*/
justify-content: space-between;
}

.flex.flex-col-2 .flex-item {
width: 49%;
}

/* flex（3列） */
.flex.flex-col-3 .flex-item {
margin-right: 2%;
width: 32%;
}

.flex.flex-col-3 .flex-item:nth-child(3n) {
margin-right: 0;
}

/* flex（4列） */
.flex.flex-col-4 .flex-item {
margin-right: 1%;
width: 24.25%;
}

.flex.flex-col-4 .flex-item:nth-child(4n) {
margin-right: 0;
}

/*-----------------------------------------------------------------
 margin
------------------------------------------------------------------*/
.mn { margin: 0 !important; }

.m10 { margin: 10px !important; }
.m20 { margin: 20px !important; }
.m30 { margin: 30px !important; }
.m40 { margin: 40px !important; }
.m50 { margin: 50px !important; }

.mtn { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }

.mbn { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }

.mh10 {
margin-right: 10px !important;
margin-left: 10px !important;
}
.mh20 {
margin-right: 20px !important;
margin-left: 20px !important;
}
.mh30 {
margin-right: 30px !important;
margin-left: 30px !important;
}

.mv10 {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mv20 {
margin-top: 20px !important;
margin-bottom: 20px !important;
}
.mv30 {
margin-top: 30px !important;
margin-bottom: 30px !important;
}

/*-----------------------------------------------------------------
 padding
------------------------------------------------------------------*/
.pn { padding: 0 !important; }

.p10 { padding: 10px !important; }
.p20 { padding: 20px !important; }
.p30 { padding: 30px !important; }
.p40 { padding: 40px !important; }
.p50 { padding: 50px !important; }

.ptn { padding-top: 0px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }

.pbn { padding-bottom: 0px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }

.ph10 {
padding-right: 10px !important;
padding-left: 10px !important;
}
.ph20 {
padding-right: 20px !important;
padding-left: 20px !important;
}
.ph30 {
padding-right: 30px !important;
padding-left: 30px !important;
}

.pv10 {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.pv20 {
padding-top: 20px !important;
padding-bottom: 20px !important;
}
.pv30 {
padding-top: 30px !important;
padding-bottom: 30px !important;
}

/*-----------------------------------------------------------------
 背景の色
------------------------------------------------------------------*/
.bg-white { background: #fff !important; }

/*-----------------------------------------------------------------
 その他
------------------------------------------------------------------*/
/*リストのアイコンをなくす*/
.no-i { list-style-type: none !important; }

/*非表示・ブロック化・インライン化*/
.collapse { display: none !important; }
.block { display: block !important; }
.inline { display: inline !important; }
.inline-block { display: inline-block !important; }

/* リンク */
.link-box {
margin-bottom: 20px;
padding: 10px;
border: 1px solid #ddd;
display: block;
}

.link-box:hover {
text-decoration: none;
border: 1px solid #aaa;
color: #10c2ec !important;
}

.link-box h4 {
margin: 6px 0 10px !important;
color: #777 !important;
font-size: 15px !important;
font-weight: bold !important;
}


/*幅*/
.w100 { width: 100%;}
.w95 { width: 95%;}
.w90 { width: 90%;}
.w85 { width: 85%;}
.w80 { width: 80%;}
.w75 { width: 75%;}
.w70 { width: 70%;}
.w65 { width: 65%;}
.w60 { width: 60%;}
.w55 { width: 55%;}
.w50 { width: 50%;}
.w45 { width: 45%;}
.w40 { width: 40%;}
.w35 { width: 35%;}
.w30 { width: 30%;}
.w25 { width: 25%;}
.w20 { width: 20%;}
.w15 { width: 15%;}
.w10 { width: 10%;}
.w05 { width: 5%;}

/*--------------------------------------------------------
 グローバルナビ
-------------------------------------------------------*/
.globalnav {
margin: 0px auto 0;
background: #fff;
display: flex;
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display:-webkit-flex;/*--- safari（PC）用 ---*/
width: 100%;
position: relative;
}

.globalnav_item {
padding: 16px 10px 12px;
width: 100%;
border-bottom: 4px solid #e8e6e5;
text-align: center;
font-weight: bold;
font-size: 0.9em;
position: relative;
line-height: 1.1;
cursor: pointer;
}

.globalnav:before,
.globalnav_item:after {
content: "";
  display: block;
background: #f1f0f0;
  height: 20px;
  width: 2px;
  position: absolute;
  bottom: 10px;
  right: -2px;
}

.globalnav:before {
  left: -1px;
}
/*
.globalnav_item a:link,
.globalnav_item a:hover,
.globalnav_item a:focus,
.globalnav_item a:active,
.globalnav_item a:visited {
margin: 0 3px 0 0;
width: 100%;
color: #4e1b1b;
text-decoration: none;
}*/

a.globalnav_item:link,
a.globalnav_item:hover,
a.globalnav_item:focus,
a.globalnav_item:active,
a.globalnav_item:visited {
margin: 0;
width: 100%;
color: #4e1b1b;
text-decoration: none;
}


.globalnav_item:hover {
border-bottom: 4px solid #e7442e;
}

.globalnav_item i {
color: #e7442e;
font-weight: bold;
}

.globalnav_sub {
margin-top: 2px;
display: block;
font-size: 10px;
color: #00aaa9;
}
/*--------------------------------------------------------
 レスポンシブ 
・他のcssより後に読み込まないと機能しない場合あり
-------------------------------------------------------*/
/* iPhone5対応 */
@media screen and (max-width: 320px){

.smp-bottom {
display: flex !important;
}

.shoplogo img {
padding: 2px 0 0;
width: 240px;
}

img {
max-width: 100%;
}

main,
.container,
#header-in {
width: 100%;
}

#nav {
display: none;
}

.cartLeft,
.cartRight {
margin-bottom: 20px;
width: 100%;
}

}

/* スマホでのスタイル */
@media screen and (max-width: 767px){

select {
padding: 8px 10px;
font-size: 1.1em;
}

.hidden-xs {
display: none !important;
}

.smp-bottom {
display: flex !important;
}

.shoplogo img {
padding: 2px 0 0;
width: 240px;
}

.smp-nav {
margin: 30px 0 50px;
display: block !important;
}

.top {
padding: 0 0 1px;
}

#aside {
display: none;
}

img {
max-width: 100%;
}

/*#header {
padding: 0 20px;
}
*/
#gnav {
display: none;
}

#header-in,
.container {
padding: 0 10px;
width: 100%;
background: none;
}

main,
.container-cont {
padding: 0;
width: 100%;
background: none;
}

#cont main {
padding: 30px 16px;
}

#nav {
display: none;
}

/* 選び方 */
#erabikata .flex.flex-col-2 .flex-item {
width: 100%;
}

.cartLeft,
.cartRight {
margin-bottom: 20px;
width: 100%;
}

/* 商品一覧ページ */
.flex.flex-col-4 .flex-item {
margin-right: 2%;
width: 49%;
}

.flex.flex-col-4 .flex-item:nth-child(2n) {
margin-right: 0;
}

.itemList span.item_name {
font-size: 14px;
}

/* 商品ページ */
#item .container,
#item main {
padding: 0 !important;
}

.shoppingCart {
margin-top: 10px;
}

#itemPage {
padding: 14px 16px 20px;
}

#itemPage h1 {
padding: 8px 0;
font-size: 24px;
text-align: left;
}

#itemPage .flex.flex-col-2 .flex-item {
width: 100% !important;
}

#itemDescription .flex:not(.staff-voice) {
display: block !important;
}

#itemDescription .flex-item {
margin-bottom: 10px;
}

.specIcon img {
max-width: 70px !important;
width: 70px;
height: 70px;
}

/* flickity */
/* スマホ版のサイズ */
.flickity {

}

.carousel-cell {
padding: 0px;
position: relative;
display: inline-block;
width: 100%;
min-height: 400px;
height: auto;
background: #fff;
}

#item .carousel-cell {
padding: 0px;
position: relative;
display: inline-block;
width: 100%;
height: 270px;
min-height: 270px;
background: #fff;
}

#item .carousel-content img {
width: 100%;
height: 260px;
object-fit: cover;
object-position: 50% 100%;
}

#item .carousel-nav .carousel-cell {
margin: 10px 6px 10px 0;
display: inline-block;
width: 50px;
height: 35px;
min-height: 35px;
}

p.flickity-desc {
margin: 0 0 10px;
width: auto;
}

img.flickity-item {
border: none;
}

.flickity-prev-next-button {
top: 25%;
}

#item .flickity-prev-next-button {
top: 50%;
}

}

/* タブレット以上でのスタイル */
@media screen and (min-width: 768px){

.hidden-sm {
display: none !important;
}

.object-fit img {
object-fit: cover;
height: 270px;
width: 100%;
}

#itemColor .object-fit img {
object-fit: cover;
height: 250px;
width: 100%;
}

.staff-voice p {
font-size: 14px;
}

}

/* デスクトップ以上でのスタイル */
@media screen and (min-width: 992px){

.hidden-md,
.hidden-lg,
.hidden-xl {
display: none !important;
}

}/*------------------------------------------------------------
ページャー
-------------------------------------------------------------*/
.pager {
  margin: 60px 0 20px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.pager:before,
.pager:after {
display: none;
}

.pager li {
  margin: 10px 0;
  display: inline-block;
  text-align: left;
  max-width: 50%;
}

.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 8px 14px;
  background-color: #e7442f;
  color: #fff;
  border-radius: 15px;
  border: none;
  text-decoration: none;
  font-size: 0.9em;
  line-height: 1.2;
}

.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #de2810;
  color: #fff;
  border: none;
}

.pager .previous {
margin-right: 30px;
}

.pager .previous i {
  margin-right: 6px;
}

.pager .previous>a,
.pager .next>a {
float: none;/*Bootstrapのスタイル打ち消し*/
}

.pager .next {
margin-left: 30px;
}

.pager .next i {
  margin-left: 6px;
}

.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}

/* スマホでのスタイル */
@media screen and (max-width: 767px) {

.pager {
display: block;
}

.pager li {
margin: 20px auto;
display: block;
text-align: center;
max-width: 100%;
}

.pager li > a {
width: 100%;
}

.pager .previous {
margin-right: 0px;
}

.pager .next {
margin-left: 0px;
}

}a.card {
    display: block;
    overflow: hidden;
    margin: 1em 0;
    padding: 1em;
    max-width: 100%;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 5px;
    word-wrap: break-word;
    text-decoration: none;
}

a.card:hover,
a.card:active {
text-decoration: none !important;
border-color: #777 !important;
color: #0a86f5 !important;
}

.card-thumbnail {
    float: left;
    line-height: 0;
    width: 100px;
}

.card-thumbnail img {
    max-width: 100%;
}

.card-content {
    margin-left: 120px;
    line-height: 120%;
}

.card-title {
    margin-bottom: 5px;
    color: #111;
    font-weight: bold;
    font-size: 16px;
}

.card-excerpt {
    color: #666;
    font-size: 85%;
}