@charset "euc-jp";
/* CSS Document */
/*  
color guide (adobe color wheel triad)
    main:#707070(text,border)
        color:#C86464(alink)
            other:#7A3131(dark pink),#5099C7(blue),#37607A(dark blue),#fcfaf2(yellow)
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}
ul { list-style: none;}
img {	
	border: none;
	max-width: 100%;
	height: auto;
	vertical-align:bottom;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}
html, body, div.vbody {min-width:inherit;scroll-behavior: smooth;}
html, body, div.vbody {
	margin: 0;
	background-color: #fff;
	color: #707070;
	font-size: 14px;
    text-align: left;
	line-height: 1.5;
	font-family: "游ゴシック", "YuGothic","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif"
}
a { text-decoration: none; color: #707070; }
a:hover { color: #c86464; }
h2 {
    position: relative;
    font-family: dnp-shuei-mincho-pr6, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 1.2em;
    padding: 1em 0 ;
    border: 0;
    border-bottom: 1px dotted #707070;
}
h2 > img {
  position: absolute; /* absolute は祖先要素のうち position が static (初期値) 以外に設定されている要素の左上を基準にする. この場合親要素の h1 の左上が基準となる. */
  top: 50%; /* h1 の左上から下方向に h1 の高さの 50% 下げる. */
  left: 6px;
  transform: translateY(-50%); /* 現在の位置から h1 > img の高さの -50% 下に移動, つまり 50% 上に移動. */
  width: 25px;
  height: 25px;
}
h2 > img + span {
  display: inline-block; /* inline (初期値) では複数行に渡る場合にアイコンの上に文字が乗ってしまう. */
  padding-left: 35px;
}

.concept {
    text-align: center;
    padding: 15px 0.8em;
    background-color:#fcfaf2;
}

.concept h1{
    font-size: 1.2em;color:#C86464;font-family: dnp-shuei-mincho-pr6, sans-serif;
}

.contents0 { 
    max-width: 1200px;
    margin: auto;
    background: #fff;
    padding: 0 0.5em;
}
.contents1 { display:flex; }

header {
    padding: 20px 0;
	display: flex;align-items: center;
}
header .hr_logo { flex-basis: 250px;}
header .hr_nav {flex-basis: 60%;text-align: right;}
header .hr_nav li {display:inline;}
header .hr_nav li i {padding:0 5px 0 15px;}
header .hr_nav ul li.view_cart span.count {
    margin-left: 5px;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #c86464;
    color: #fff;
    font-weight: bolder;
}
header .hr_src {flex-basis: 40%;text-align: center;}
input[type="text"] {
    width: 68%;
    height: 30px;
    border: 0;
    border-bottom: 1px solid #707070;
  font-size: 14px;
    font-family: "游ゴシック", "YuGothic","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";
    color: #707070;
}
input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 0;
}
input[type="submit"],.button {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    border: none;
    display: inline-block;
}
.button--small {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size: 100%;
    padding: 9px 10px;
    line-height: 1;
}
.button--blue {
    background: #37607A;
    color: #fff;
}


.contents1 #sidenav {
    flex-basis: 20%;
    background-color: #FFFFFF;
}
.contents1 #sidenav ul {
    margin-bottom: 1em;
}
.contents1 #sidenav ul li {
    border: 0;
    border-bottom: 1px dotted #707070;
}
.contents1 #sidenav ul li a{
    display: block;
    height: 100%;
  	padding: 0.8em 0 0.8em 1.5em;
}
.contents1 #sidenav ul li p { font-size: 14px;}
.contents1 #sidenav ul li.top_seller { padding: 0.8em 0;}
.contents1 #sidenav ul li p.seller_rank {color: #C86464;font-weight: bold;}
.contents1 #sidenav ul li p.seller_teika {text-align: right;}
.contents1 #sidenav ul li img.seller_image { max-width: 75%; margin-bottom: 0.5em; }
.contents1 #sidenav ul li i { padding:0 5px;}
.contents1 #sidenav ul.link_str li a:hover { background-color: #fcfaf2; color: #c86464;padding-right:3px; }
.contents1 #sidenav ul.link_str li a:hover:before{
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f0da";
  padding:0 5px;
}
.seller_box { text-align: center; }
.seller_detail { text-align: left; }

.contents1 #main {
    flex-basis: 80%;
    margin-left: 1.5em;
    background: #fff;
}
.contents1 #main #slideimg { width: 100%; height: 270px; background: red;}
.contents1 #main h2 { margin: 7% 0 0.5em 0 ;border: none;text-align: center;}
.contents1 #main h2 > img {left: auto;}

.contents1 #main .newsfid { width:90%; margin: 0.8em 0 0 5em;}
.contents1 #main .newsfid .newshd { font-size: 1.1em; color: #7A3131; font-weight: 800; border: 0; margin-bottom: 3px;}
.contents1 #main .newsfid .newshd .newsdt {margin-right: 15px;}
.contents1 #main .newsfid .newstx { border: 0; border-bottom: 1px dotted #707070;margin-bottom: 0.8em;padding-bottom: 0.8em; }

/*トップページ用*/
.slider .bx-wrapper .bx-viewport {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    left: 0 !important;
    border: none !important;
}
#slider div {
width: 100% !important;
height:auto
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #5099C7 !important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #37607A !important;
}

.recmfid, .hisfid {
    display: flex;
    flex-wrap: wrap;
}
.item_box {
	margin: 0.6em;
    padding: 1em 0.5em;
    width: 30%;
    text-align: center;
    box-shadow: 0px 0px 2px 0 rgba(200, 200, 200, .5);
}
img.item { margin-bottom: 0.5em; }
.item_detail {
    text-align: center;
	padding: 10px 3%;
}
p.item_name {
    text-align: left;
}
.item_price {
    text-align: right;
	font-weight: bold;
}
.item_description {
    text-align: left;
    font-size: 12px;
    padding: 10px 0;
}

.hisfid .item_box { width: 17%;margin: 0.4em; }
.hisfid .item_box .item_name {font-size:12px;}

footer {
    margin-top: 70px;
    text-align: center;
    padding: 15px 0.8em 70px;
  background-color:#fcfaf2;
}
footer p {padding-bottom: 50px; font-size:12px;}



/*
▼ここから下、追加作成分▼

*/


/*　トップ　*/
.fa-instagram {margin-right:5px;}

.insta {
	position: relative;
	margin: 8% 0 0;
    padding: 1em 1em;
    border: solid 1px #707070;
}
.insta h2 {
    position: absolute;
    display: inline-block;
    top: -39%;
    left: 10px;
    padding: 0 9px;
    background: #FFF;
}

/*　商品一覧　*/
.footstamp {margin-bottom:1em;}
.sub_category_area, sub_group_area, .pager {
    background-color:#f0f0f0;
    margin: 0.8em 0;
    padding:0.5em;
}
.sub_category_area h3, .sub_group_area h3 {
    font-size:1.2em;
    font-weight: normal;
  	color:#37607A;
}
.sub_category_area h3 i, .sub_group_area h3 i {
    padding: 0 5px 0 15px;
}
.sub_category ul,.sub_group ul {
	display:flex;
}
.sub_category ul li,.sub_group ul li {
	background: #37607A;
	border-radius: 3px;
 	padding:5px;
	margin:0 7px;
}
.sub_category ul li a,.sub_group ul li a { color:#fff; }
.sort{text-align:right;margin-bottom: 3em;}
.pager{text-align:center;margin-top: 3em;}
.pager ul {
	display:grid;grid-template-columns:1fr 1fr 1fr;
}

/*商品詳細*/
.product_detail_area { display:grid;grid-template-columns:minmax(100px, 450px) 1fr;gap:10px; }
.gallery_mainimg {
	background-color: #f5f5f5;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}
.gallery_mainimg:before {
	display: block;
 	content: '';
	padding-top: 100%;
}
#main-image {position: absolute; height: 100%;}
.gallery_thumb { display:flex; margin-top:0.8em;
 align-items: center;
  /*justify-content: center;*/}
.gallery_thumb_list {
	/*width: 100%;*/
  margin:0 0.1em;
}
img.thumbnail {
    max-height: 110px;
}

.add_cart h4 {
    font-family: dnp-shuei-mincho-pr6, sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 2em;
}
.add_cart .product_price {
 	font-weight: bold;
    font-size: 2em;
	text-align:right;
}
.product_description {
  margin-top:7%;
}
.add_cart_table {
  	margin-top:13%;
  background:#fcfaf2;
  padding:0.8em;
}
.add_cart_table_num{display:flex;}
.add_cart_table div {
  padding:0 5px;
  font-size: 1.2em;
  margin-bottom:5px;
}
.add_cart_table input[type="text"] {width:100%;}
.add_cart_table input[type="submit"] {width:100%;padding:5px 15px;font-size: 1.2em;font-family: "游ゴシック", "YuGothic","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}
.disable_cartin {width:100%;}
hr {
    width: 100%;
}

/*特定商取引*/
table{
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
}
table th,table td{ padding: 10px 8px; }
table th{ width:20%; background:#fcfaf2; }
table tr{ border-bottom:1px dotted #707070; vertical-align:top; }
.payment_img { margin-right:8px;}

/*フリーページ　店舗紹介*/
.shopinfo_cp2 {
  margin-top:7em;
}
.shopinfo_cp2 table {
  margin-bottom:2em;
}