@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align:baseline;
}
article, header, footer, aside, figure, figcaption, nav, section main { 
  display:block;
}
html {
  height: 100%;
}
body {
  font-size: 14px;
  font-family: "游ゴシック体","游ゴシック","Yu Gothic","YuGothic","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;
  font-weight: 500;
  height: 100%;
  width: 100%;
  line-height: 1.6;
  letter-spacing: 1px;
  color: #222;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
	background-color: #fff;
}
@font-face {
  font-family: "hannari";
  /*フォントファイルへのパス（複数指定の場合、上から順に読み込まれる）*/
  src: url("wf-hannari.woff2") format("woff2");
}
.hannari{
  font-family: "hannari";
}
.mincho{font-family:"Yu Mincho", "YuMincho",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;}
.sp{
	display: none !important;
}
img{
	vertical-align: bottom;
	max-width: 100%;
	height: auto;
}
a{
  text-decoration: none;
  color: #222;
  transition: color .5s;
  outline: none;
}
a:hover{
	    color: #993333;
}
a:hover img{
	opacity: 0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}
ul li {
  list-style: none;
}
ol, ul {
  list-style: none;
  list-style-type: none;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
/* ヘッダー */
header{
	background: url(../images/common/bg-orange.jpg) no-repeat center center;
	background-size: cover	;
}
.head-tit{
	background: #f4870d;
	padding: 5px 0;
}
.head-inner{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
h1{
	font-size: 12px;
	font-weight: 500;
	font-family:"Yu Mincho", "YuMincho",'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.subnavi{
	margin: 0 20px 0 auto;
	font-size: 12px;
}
.head-sns{
	margin-left: 1.5em;
}
.head-sns i{
	font-size: 18px;
	margin: 0 5px;
}
.head-main{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 15px 0;
}
.logo{
	width: 18%;
  max-width: 180px;
}
.navi-wrap{
	width: 80%;
	justify-content: flex-end;
	align-items: flex-start;
}
.search-in-cart{
	width: 100%;
	justify-content: flex-end;
	align-items: flex-start;
}
#form,
#searchform {
  margin-right: 60px;
  position: relative;
  width: 280px;
  height: 40px;
}
#sbox,
.searchbox {
  width: 100%;
  height: 100%;
  font-size: 15px;
  padding: 3px 15px 0;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #444;
  outline: none;
}
#sbtn {
  height: 45px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0,-50%);
  background: none;
  color: #737373;
  border: none;
}
.login-bag{
	justify-content: flex-end;
}
.loginout{
	position: relative;
	width: 60px;
}
.loginout::before{
	content: "";
	background: url(../images/common/icon-login.svg) no-repeat;
	background-size: cover;
	display: inline-block;
	width: 74px;
  height: 37px;
  position: absolute;
  top: -15px;
  left: -30px;
  z-index: 5;
}
.loginout a,
.bag a
{
	display: block;
}
.bag{
	position: relative;
	width: 60px;
  margin-left: 20px;
}
.bag::before{
	content: "";
	background: url(../images/common/icon-bagin.svg) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 77px;
	height: 55px;
	position: absolute;
	top: -25px;
  left: -30px;
  z-index: 5;
}
.loginout:hover::before,
.bag:hover::before {
	transform: scale(1.2, 1.2);
	transition: .3s;
}
.gnavi {
  justify-content: flex-end;
}
.gnavi li{
  position: relative;
}
.gnavi li a{
	display: block;
	margin-left: 25px;
  font-size: 20px;
  letter-spacing: 0;
  font-weight: bold;
  margin-top: 5px;
  padding-bottom: 10px;
  position: relative;
}
.navi-child{
	visibility: hidden;
  opacity: 0;
  z-index: 1;
}
.gnavi li:hover ul{
	visibility: visible;
  opacity: 1;
  z-index: 1;
}
.navi-child{
	position: absolute;
  left: 0;
  top: 48px;
  background: #fff;
  padding: 15px;
  border: 2px solid #666;
  border-radius: 10px;
  width: 300px;
  z-index: 1;
}
.balloon:before {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -98px;
  border: 6px solid transparent;
  border-bottom: 12px solid #fff;
  z-index: 2;
}
.balloon:after {
  content: "";
  position: absolute;
  top: -22px;
  left: 50%;
  margin-left: -100px;
  border: 8px solid transparent;
  border-bottom: 14px solid #555;
  z-index: 1;
}
.navi-child li a {
  font-size: 16px;
	margin: 10px 5px 5px !important;
	border-bottom: 1px dashed #eee;
  padding: padding: 5px 0 10px;
}
.navi-child li img {
  width: 28px;
  margin-right: .5em;
  vertical-align: middle;
}
.gnavi li:first-child a{
	margin-left: 0;
}
.gnavi li a span::before{
	content: "";
	width: 25px;
	height: 25px;
	margin-right: .3em;
	display: inline-block;
	vertical-align: bottom;
}
.food::before{
	width: 34px !important;
	background: url(../images/common/icon-food.svg) no-repeat;
	background-size: contain;
}
.craft::before{
	background: url(../images/common/icon-craft.svg) no-repeat;
	background-size: contain;
}
.health::before{
	background: url(../images/common/icon-health.svg) no-repeat;
	background-size: contain;
}
.create::before{
	background: url(../images/common/icon-create.svg) no-repeat;
	background-size: contain;
}
.read::before{
	background: url(../images/common/icon-read.svg) no-repeat;
	background-size: contain;
}
.gift::before{
	background: url(../images/common/icon-gift.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 1030px) {
.logo {
  width: 15%;
  max-width: 145px;
}
.navi-wrap {
  width: 85%;
}
.gnavi li a {
  font-size: 16px;
}
#form {
  margin-right: 50px;
  width: 230px;
  height: 35px;
}
#sbox {
  font-size: 12px;
}
.loginout {
  width: 55px;
}
.bag {
  width: 55px;
}
.navi-child li a {
  font-size: 14px;
  padding: padding: 5px 0 10px;
}
.navi-child li img {
  width: 20px;
}
.navi-child {
  padding: 10px;
  width: 260px;
}
}
@media screen and (max-width: 860px) {
.gnavi li a {
  font-size: 15px;
  margin-left: 15px;
}
.fixed-navi-wrap .subnavi {
  font-size: 14px;
}
.head-sns{
	display: none;
}
}
/* PC固定ナビ */
.fixed-navi-pc{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
	border-bottom: 1px solid #eee;
	background: url(../images/common/bg-orange2.jpg) no-repeat center center;
	background-size: cover	;
}
.gnavi-fixed {
  background: #fff;
  justify-content: center;
}
.gnavi-fixed li a{
	margin: 5px 25px 0;
}
.gnavi-fixed li:first-child a{
	margin: 5px 25px 0;
}
.subnavi-wrap{
	width: 100%;
	justify-content: flex-end;
}
.fixed-navi-wrap{
	padding: 7px 2% 3px;
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
}
.fixed-navi-wrap .subnavi{
	font-size: 14px;
}
.fixed-navi-wrap .subnavi i{
	font-size: 20px;
}
.logo-fixed{
	width: 30%;
	max-width: 230px
}
#form-fixed {
  margin-left: 40px;
  position: relative;
  width: 200px;
  height: 30px;
}
#sbox-fixed {
  width: 100%;
  height: 100%;
  font-size: 13px;
  padding: 0 15px;
  position: absolute;
  left: 0;
  top: 0;
  background: #fff;
  box-sizing: border-box;
  border-radius: 20px;
  border: 1px solid #444;
  outline: none;
}
#sbtn-fixed {
  height: 40px;
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translate(0,-50%);
  background: none;
  color: #737373;
  border: none;
}
.login-bag{
	justify-content: flex-end;
	margin-left: 20px;
}
.loginout2{
	position: relative;
	width: 40px;
}
.loginout2::before{
	content: "";
  background: url(../images/common/icon-login2.svg) no-repeat;
  background-size: contain;
  display: inline-block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: -23px;
  right: -48px;
  z-index: 5;
}
.bag2{
	position: relative;
	width: 50px;
  margin-left: 35px;
}
.bag2::before{
	content: "";
	background: url(../images/common/icon-bagin2.svg) no-repeat;
	background-size: contain;
	display: inline-block;
	width: 74px;
  height: 74px;
  position: absolute;
  top: -25px;
  right: -60px;
  z-index: 5;
}
.loginout2:hover::before,
.bag2:hover::before {
	transform: scale(1.2, 1.2);
	transition: .3s;
}
@media screen and (max-width: 1030px) {
.gnavi-fixed li a{
	margin: 7px 25px 0;
	padding-bottom: 7px;
}
.gnavi-fixed li:first-child a{
	margin: 7px 25px 0;
	padding-bottom: 7px;
}
}
/* スライダー */
.slick-list{
	overflow: visible;
}
.slick-slide img {
  width: 96%;
  display: block;
  margin: 0 auto;
}
.slick-slide{
  outline: none;
}
.slick-list.draggable {
  max-width: 550px;
  margin: 30px auto 0;
}
.topslider-thumb .slick-slide img{
	width: 100% !important;
}
.topslider-thumb .slick-list.draggable{
	margin: 20px auto 0;
}
.topslider-thumb .slick-slide {
  width: 125px !important;
  margin: 0 5px !important;
}
.topslider-thumb .slick-track{
	display: flex;
	justify-content: center;
}
.topslider-thumb .slick-current.slick-active {
	padding-bottom: 3px;
  border-bottom: 3px solid #f4870d;
}

/* 無料テキスト */
.freeshopping{
	margin-top: 20px;	
	text-align: center;
	color: #e62700;
	font-weight: bold;
}
/* お知らせ */
.news{
	width: 86% !important;
  margin: 40px auto 0 !important;
	justify-content: flex-start;
}
.news-anime{
	width: 6%;
	max-width: 70px;
	margin-right: 2em;
}
.news-title{
	font-weight: 500;
	font-size: 20px;
	margin-right: 2em;
}
.news-text{
	font-size: 16px;
	    border-top: 1px dashed #ccc;
  padding: 5px 0;
}
.news-date{
	margin-right: 1em;
	font-family: 'Roboto Mono', monospace;
}
@media screen and (max-width: 860px) {
.news-title {
  font-size: 18px;
  margin-right: 1em;
}
.news-text {
  font-size: 16px;
}
}
/* バナーエリア */
.bnr{
	margin: 20px auto 0;
	justify-content: center;
	flex-wrap: wrap;
}
.bnr p{
	width: 415px;
	margin:  20px 15px 0;
}
/* 読みもの */
.reading{
	background: url(../images/common/bg-orange.jpg) no-repeat center center;
  background-size: cover;
  padding: 40px 3%;
  width: 90%;
  max-width: 1200px;
  border-radius: 20px;
}
.main-title{
	text-align: center;
	font-size: 34px;
	font-family: "hannari";
	font-weight: 500;
}
.main-title::after{
	content: "";
	background: url(../images/common/deco-dotted-line.png) no-repeat;
	background-size: contain;
	display: block;
	width: 367px;
	height: 3px;
	margin: 0 auto;
}
.main-title span::before,
.main-title span::after{
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
.icon-tree::before{
	background: url(../images/common/icon-tree.png) no-repeat;
	background-size: contain;
	margin-right: .5em;
}
.icon-bird::after{
	background: url(../images/common/icon-bird.png) no-repeat;
	background-size: contain;
	margin-left: .5em;
}
.read-list{
	justify-content: center;
	align-items: flex-start;
	margin-top: 60px;
}
.read-list li{
	width: 23%;
	margin: 0 1%;
}
.read-cat {
  margin: -20px 0 0 -8px;
}
.read-cat a{
	position: relative;
	background: #b1463d;
	display: inline-block;
	padding: 5px;
	text-align: center;
	box-sizing: border-box;
	z-index: 3;
	letter-spacing: 0;
	font-size: 13px !important;
}
.read-cat a{
	color: #fff !important;
}
.cat-item-use a{
	background: #f39083;
}
.cat-voice a{
	background: #4eaccc;
}
.cat-info a{
	background: #88c077;
}
.cat-days a{
	background: #fad399;
}
.cat-creator a{
	background: #cd9fc4;
}
.cat-admin a{
	background: #fff08b;
	color: #888 !important;
}
.grid-item-cat a:hover{
	background: #888;
	transition: .3s;
}
.cat-admin a:hover{
	color: #fff !important;
}
.read-title{
	font-size: 17px;
	margin-top: 8px;
	line-height: 1.2;
}
.read-text{
	margin-top: 5px;
}
.btn-more a {
	font-family: "hannari";
	font-size: 18px;
  display: block;
  margin: 40px auto 0;
  text-align: center;
  width: 360px;
  border: 1px solid #222;
  padding: 10px 0;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.8);
	transition: .5s;
}
.btn-more a:hover{
  background: rgba(255, 255, 255, 0.4);
	transition: .5s;
	color: #222;
}
.btn-more a::after{
	content: "";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: text-bottom;
	background: url(../images/common/btn-arrow.png) no-repeat;
	background-size: contain;
	margin-left: .5em;
}
@media screen and (max-width: 860px) {
.main-title {
  font-size: 30px;
}
.main-title::after {
  width: 300px;
}
.read-title {
  font-size: 16px;
}
.read-text {
  font-size: 12px;
}
.read-cat {
  padding: 3px;
}
.btn-more a {
  width: 300px;
  padding: 8px 0;
}
}
/* ピックアップアイテム */
.pickup{
  width: 96%;
  max-width: 1200px;
}
.icon-leaf::before{
	background: url(../images/common/icon-leaf-l.png) no-repeat;
	background-size: contain;
	margin-right: .5em;
	width: 80px !important;
}
.icon-leaf::after{
	background: url(../images/common/icon-leaf-r.png) no-repeat;
	background-size: contain;
	margin-left: .5em;
	width: 80px !important;
}
.pickup-list{
	justify-content: center;
	align-items: center;
	margin-top: 60px;
}
.pickup-list li{
	width: 20%;
	margin: 0 1.5%;
}
.pickup-title{
	text-align: center;
	font-weight: 500;
	margin-top: 20px;
}
.pickup-price{
	text-align: center;
	margin-top: 10px;
}
@media screen and (max-width: 860px) {
.pickup-title {
  font-size: 12px;
}
}
/* 新着商品 */
.new-item{
  padding: 60px 3% 80px;
	background: url(../images/common/bg-new.png);
	background-size: 20px 20px;
}
.new-item-list{
  width: 90%;
  max-width: 1100px;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
}
.new-item-list li{
	width: 18%;
	margin: 20px 1% 0;
}
/* ランキング */
.pop-list{
	justify-content: center;
	margin: 60px auto 0;
	flex-wrap: wrap;
  width: 90%;
  max-width: 1200px;
}
.pop-list li{
	width: 28%;
	margin: 0 1%;
}
.pop-list li:nth-child(n+4){
	display: none;
}
.icon-pop::before{
	background: url(../images/common/icon-pop.gif) no-repeat;
	background-size: contain;
	margin-right: .5em;
	width: 78px !important;
	height: 72px !important;
	vertical-align: text-bottom !important;
}
.pop-title{
	text-align: center;
	font-weight: 500;
	margin-top: 15px;
	position: relative;
}
.pop-price{
	text-align: center;
	margin-top: 5px;
}
.rank1::before,
.rank2::before,
.rank3::before{
	content: "";
	display: inline-block;
	position: absolute;
	top: -45px;
	left: -10px;
	width: 55px;
	height: 62px;
}
.rank1::before{
	background: url(../images/common/ranking1.svg) no-repeat;
	background-size: contain;
}
.rank2::before{
	background: url(../images/common/ranking2.svg) no-repeat;
	background-size: contain;
}
.rank3::before{
	background: url(../images/common/ranking3.svg) no-repeat;
	background-size: contain;
}
@media screen and (max-width: 860px) {
.pop-title {
  font-size: 12px;
}
.rank1::before,
.rank2::before,
.rank3::before{
	width: 46px;
	height: 46px;
}
}

/* つくりて紹介 */
.create-list{
	justify-content: center;
	align-items: flex-start;
	margin: 60px auto 0;
	flex-wrap: wrap;
  width: 90%;
  max-width: 1200px;
}
.create-list li{
	width: 30%;
  margin: 0 1.5%;
}
.icon-flower1::before{
	background: url(../images/common/icon-flower1.png) no-repeat;
	background-size: contain;
	margin-right: .5em;
	vertical-align: text-bottom !important;
}
.icon-flower2::after{
	background: url(../images/common/icon-flower2.png) no-repeat;
	background-size: contain;
	margin-left: .5em;
	vertical-align: text-bottom !important;
}
.create-list li h3 {
  margin: -20px 0 0 -8px;
  position: relative;
  z-index: 1;
}
.create-list li h3 span{
  padding: 5px 10px;
  display: inline-block;
  background: #fad84e;
  color: #1d1f33;
  font-size: 11px;
}
.create-list li h3 .food::before{
	content: "";
  width: 32px !important;
  height: 23px;
  margin-right: .5em;
  display: inline-block;
  vertical-align: bottom;
  background: url(/images/common/icon-food.svg) no-repeat;
  background-size: contain;
}
.create-list li h3 .craft::before{
	content: "";
  width: 23px;
  height: 23px;
  margin-right: .5em;
  display: inline-block;
  vertical-align: bottom;
  background: url(/images/common/icon-craft.svg) no-repeat;
  background-size: contain;
}
.create-list li h3 .health::before{
	content: "";
  width: 23px;
  height: 23px;
  margin-right: .5em;
  display: inline-block;
  vertical-align: bottom;
  background: url(/images/common/icon-health.svg) no-repeat;
  background-size: contain;
}

.create-list li p {
  margin-top: 10px;
  line-height: 1.6;
}
@media screen and (max-width: 860px) {
.create-list li h3 {
  padding: 2px 8px;
  font-size: 12px;
}
.create-list li p {
  font-size: 12px;
}
}
/* インスタグラム */
#instafeed {
  height: auto !important;
}
.instagram{
	background: url(../images/common/bg-ig.jpg) no-repeat center center;
  background-size: cover;
  padding: 60px 3%;
}
.icon-ki1::before{
	background: url(../images/common/icon-ki1.png) no-repeat;
	background-size: contain;
	margin-right: .5em;
	vertical-align: text-bottom !important;
}
.icon-ki2::after{
	background: url(../images/common/icon-ki2.png) no-repeat;
	background-size: contain;
	margin-left: .5em;
	vertical-align: text-bottom !important;
}
.insta-grid {
  width: 90%;
  margin: 60px auto 0;
}
.insta-grid-item { 
	width: 23%;
	margin: 1%;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.6);
  padding: 10px;
  border-radius: 4px;
  font-size: 12px;
}
.insta-cap{
	margin-top: 10px;
	line-height: 1.4;
}
/* バナーツイッター */
.bnr-wrap{
	justify-content: center;
  width: 96%;
  max-width: 1200px;
  margin: 0 auto;
}
.bnr-wrap-left{
	width: 40%;
	margin-right: 3%;
	max-width: 430px;
}
.bnr-wrap-left img{
	margin-top: 10px;
}
.bnr-wrap-right{
	width: 45%;
}
.tw-title{
	padding: 0 10px;
}
.tw-img{
	font-size: 16px;
	color: #666;
}
.tw-img img{
	width: 44px;
	margin-right: 1em;
	vertical-align: middle;
}
.tw-logo{
	width: 130px;
}
.tw-content{
	margin-top: 10px;
	border: 1px solid #666;
	border-radius: 6px;
	height: 280px;
	overflow: hidden;
}
@media screen and (max-width: 860px) {
.tw-img img {
  width: 36px;
}
.tw-img {
  font-size: 12px;
}
.tw-logo {
  width: 25%;
}
}
/* フッター */
footer{
	margin-top: 40px;
	background: url(../images/common/bg-orange.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 30px;
  height: auto;
}
.inner{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	align-items: flex-start;
	padding: 30px 2%;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	box-sizing: border-box;
}
.foot-logo{
	width: 20%;
  max-width: 210px;
}
.foot-logo span{
	display: block;
	margin-top: 10px;
	font-size: 12px;
	text-align: center;
}
.foot-navi{
	flex-wrap: wrap;
	align-items: flex-start;
	width: 60%;
}
.foot-navi li{
	width: 30%;
	margin-right: 2%;
	margin-bottom: 10px;
}
.foot-sns i{
	margin: 10px;
	font-size: 30px;
}
.copy{
	text-align: right;
	padding: 10px 2%;
	font-size: 12px;
	width: 96%;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 860px) {
.foot-sns i {
  margin: 8px;
  font-size: 25px;
}
.foot-navi li {
  font-size: 12px;
}
.foot-logo {
  width: 20%;
  max-width: 180px;
}
.foot-logo span {
  font-size: 10px;
}}
/* ショップサーブ用追記 */
#gnav{
	display: none;
}
#contents{
	margin: 0 auto;
	width: 95%;
	max-width: 1200px;
	padding-top: 40px;
	display: flex;
	justify-content: space-between;
}
#contents>article{
	width: 75%;
	order: 2;
}
#main-column{
	width: 100%;
	max-width: 900px;
	order: 2;
}
#main-column h2{
	border-top: none;
}
#sub-column{
	width: 25%;
	max-width: 250px;
	order: 1;
	float: none;
}
#sub-column section:first-of-type{
	margin: 0;
}
@media screen and (max-width:1000px){
	#sub-column a{
		font-size: 12px;
	}
}
footer{
	height: initial;
	line-height: inherit;
}
#wrapper a,
footer a{
	color: #222;
}
#page-top{
	display: none !important;
}
#bread-crumb #bread-crumb-listTop{
	margin: 0 0 10px 0;
}
#bread-crumb .bread-crumb-listCate{
	margin: 0 0 2px 0;
}
.column4 h3, .column5 h3{
	font-weight: 500 !important;
}
/* 商品一覧ページ */
#main-column>section{
	margin-top: 10px;
}
#itemList_wrap #pager-top .quantity{
	margin-top: 10px;
	font-size: 13px !important;
}
#itemList_wrap #pager-bm .quantity{
	font-size: 13px !important;
}
#itemList_wrap>section{
	margin: 10px auto 0;
}
#main-column .column4 h2{
	font-size: 12px;
}
.column4 p.price, .column5 p.price, .column4 .fixed, .column5 .fixed, .column4 p.fx_price, .column5 p.fx_price{
	font-weight: bold;
}
#itemList_wrap .badge{
	display: none !important;
}
/* カート内用 */
#cart-header{
	background: url(../images/common/bg-orange.jpg) no-repeat center center;
}
#cart-footer{
	margin-top: 40px;
	padding-top: 30px;
	background: url(../images/common/bg-orange.jpg) no-repeat center center;
	background-size: cover;
	background-color:  inherit !important;
	line-height: inherit !important;
	height: initial !important;
}
#contents .cart-article{
	margin: 0 auto;
	width: 100%;
	max-width: 950px;	
}
.cart-section #contact .bordlayoutp3.center input[type="text"],
.cart-section #contact .bordlayoutp3.center input[type="password"]{
	width: 100% !important;
}
/* サイドカレンダー */
#sub-column div#subc_calendar h2{
	display: none;
}
#sub-column #subc_calendar{
	margin-top: -30px !important;
	font-family: 'Roboto Mono', monospace;
}
#sub-column div.subc_cal_cont{
	background: #f9f7e6;
	padding: 20px 10px;
	margin: 50px auto 0;
}
#sub-column div.cal_wrapper table.cal tr th p.month{
	font-size: 18px;
	font-weight: bold;
}
#sub-column div.cal_wrapper table.cal tr.headline td{
	font-size: 12px;
}
#sub-column div.cal_wrapper table.cal tr td{
	font-size: 13px;
	padding: 5px;
	letter-spacing: 0;
}
#sub-column div.subc_cal_cont .cap ul{
	margin-top: 10px;
	font-size: 11px;
}
#sub-column div.cal_wrapper table.cal tr td div.Today{
	background: #fff;
	font-weight: bold;
}
#sub-column div.subc_cal_cont .cap .cap-info{
	background: none;
	padding: 0;
}
/* ショップサーブ内下層ページ調整 */
#shopGuide_wrap section{
	margin-top: 20px !important;
}
#shopGuide_wrap h1,
article h1{
	font-size: 24px !important;
	font-family: "hannari" !important;
	letter-spacing: 0 !important;
}
section #guide .chart .ttlShop{
	font-size: 18px;
	border-left: 5px solid #000;
	padding: 0 0 0 10px;
	margin-bottom: 20px;
}
section #guide table th{
	font-size: 14px;
	font-weight: 500;
	vertical-align: middle;
}
#shopGuide_wrap section #guide table td{
	font-size: 14px;
	line-height: 1.7;
}
section #guide p{
	font-size: 15px;
}
#guide h2{
	font-size: 16px;
}
/* トップキャンペーンバナー */
.cambn{
	width: 70%;
	max-width: 880px;
	margin: 30px auto 0;
}
.cambn img{
	width: 100%;
}
@media screen and (max-width:1260px){
.cambn{
	width: 80%;
	margin: 25px auto 0;
}
}
/* カート内 */
#EST_SPS_cart .online-reg{
	margin: 0 auto 20px;
	width: 600px;
}
#EST_SPS_cart .backcolor2 .online-reg{
	margin: 20px auto;
}
.cart-section .mainCont{
	font-size: 14px;
}
#EST_SPS_cart .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="会員登録して購入手続きへ進む"]{
	font-size: 14px;
	letter-spacing: 1px;
	width: 300px;
	height: 50px;
}
#EST_SPS_cart .cart-section #contact #center1 .centerbox .mainCont input[type="button"][value="購入手続きへ進む"]{
	font-size: 13px;
	width: 200px;
	height: 40px;
	letter-spacing: 1px;
}
#contact #center1 .centerbox .mainFrame .mainCont .bordlayoutp3 td{
	vertical-align: middle;
}
/* セコム追加 */
.secomarea{
	width: 80%;
	margin: 40px auto 0;
	display: flex;
	align-items: center;
	justify-content:center;
}
.secomarea .leftbox{
	width: 8%;
}
.secomarea .leftbox img{
	width: 100%;
}
.secomarea .rightbox{
	width: 90%;
}
/* キャンペーンバナー追加2020/11/15立野 */
.itembnr-list{
	margin: 30px auto 0;
	width: 95%;
	max-width: 1200px;
	justify-content: space-between;
}
.itembnr-list li{
	width: 49%;
}


/* ↓以下会員情報表示用2020/11/16立野↓ */
/* お店ページに会員カート情報表示（PC_header01） */
#member_info{
	font-size: 12px;
}
.membername_box{
	margin: 0 5px;
	transition: .3s;	
	border-bottom: 1px solid transparent;	
	padding-bottom: 3px;	
}
.membername_box:hover{
	opacity: .8;
	border-bottom: 1px solid #000;
	padding-bottom: 3px;
	transition: .3s;
}
.membername_box span{
	font-size: 14px;	
	font-weight: 900;
}
.membername_box span:first-of-type{
	margin: 0 2px 0 0;
}
.membername_box span:nth-of-type(2){
	margin: 0;
}
.fixed-navi-pc #member_info{
	font-size: 12px;	
}
.fixed-navi-pc #member_info>a{
	display: block;
}
.fixed-navi-pc .membername_box span{
	font-size: 14px;
}
/* お店ページに会員カート情報表示（非表示設定） */
.member_info_cart_info {
    display: none;
}

.member_info_cart_info .account_guest {
    display: none;
}

.member_info_cart_info .rank_name_0 {
    display: none;
}

.member_info_cart_info .rankup_none {
    display: none;
}

.member_info_cart_info .nrank_prc_0 {
    display: none;
}

.member_info_cart_info .nrank_cnt_0 {
    display: none;
}

.member_info_cart_info .firstname_guest {
    display: none;
}

.member_info_cart_info .more_maru_1 {
    display: none;
}

.member_info_cart_info .free_shipping_0 {
    display: none;
}

.member_info_cart_info .shipping_box_none {
    display: none;
}

.member_info_cart_info .pointmember_none {
    display: none;
}

.member_info_cart_info .rankmember_none {
    display: none;
}

.member_info_cart_info .memberrank_none_none {
    display: none;
}

.member_info_cart_info #member_info_none_none {
    display: none;
}
/* ページ送り */
/*
#itemList_wrap #pager-top .pagerlist,
#itemList_wrap #pager-bm .pagerlist {
    float: none;
    margin: auto;
    width: 40%;
}
@media screen and (max-width: 1195px) {
#itemList_wrap #pager-top .pagerlist,
#itemList_wrap #pager-bm .pagerlist {
    width: 60%;
}
}
@media screen and (max-width: 930px) {
#itemList_wrap #pager-top .pagerlist,
#itemList_wrap #pager-bm .pagerlist {
    width: 90%;
}
}
*/
#itemList_wrap #pager-top ul, #itemList_wrap #pager-bm ul{
	margin-top: 45px;
}
#itemList_wrap #pager-top ul li,
#itemList_wrap #pager-bm ul li{
	font-size: 17px;
	background: #eee;
	text-align: center;
	padding: 5px 7px 6px;
	margin: 0 5px;
	border-radius: 2px;
	font-family: 'Roboto Mono', monospace;
}
#pager-top ul li.selected,
#pager-bm ul li.selected{
	background: #f4870d !important;
	color: #fff;
	font-weight: bold;
}
#itemList_wrap #pager-top ul li.pagericon,
#itemList_wrap #pager-bm ul li.pagericon{
	padding: 5.5px !important;
}



.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}