/*=============================================================
 Shop
=============================================================*/
/*! kv
------------------------------------------------- */
#mainimgContent,
#mainimgContent {
  background-image: url(../img/shop/pic_mainimg01_sp.png);
}

@media (min-width: 600px) {
	#mainimgContent,
	#mainimgContent {
		background-image: url(../img/shop/pic_mainimg01_pc.png);
	}
}

/*! #shop
------------------------------------------------- */
#contents .navigation .mod_inner01 {
	padding: 0 10px;
}
@media (min-width: 600px) {
	#contents .navigation .mod_inner01 {
		padding: 0;
	}
}
#contents .navigation.n02 {
	background: #fff;
	padding: 20px 0 10px;
}

@media (min-width: 600px) {
	#contents .navigation.n02 {
		background: #fff;
		padding: 70px 0;
	}
}

#contents .navigation .list {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media (min-width: 600px) {
	#contents .navigation .list {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
	}
}

#contents .navigation .item {
	width: calc(50% - 3px);
	margin-bottom: 6px;
}
#contents .navigation .item:nth-child(even){
}

@media (min-width: 600px) {
	#contents .navigation .item{
		width: 100%;
		margin-bottom: 0;
		border-left: none;
		border-right: 1px solid #c7c5c4;
	}
	#contents .navigation .item:first-child{
		border-left: 1px solid #c7c5c4;
	}
	#contents .navigation .item:nth-child(even){
		border-right: 1px solid #c7c5c4;
	}
	#contents .navigation .item:last-child{
		border-left: none;
	}
}

#contents .navigation .item a{
	position: relative;
	display: block;
	padding: 8px 0;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	color: #6b5210;
	background: #fff;
	border: 1px solid #6b5210;
	transition: .2s;
}
#contents .navigation.n02 .item a{
	padding: 15px 0 8px;
}
#contents .navigation .item a.active {
	color: #fff;
	background: #6b5210;
}

@media (min-width: 600px) {
	#contents .navigation .item a{
		position: relative;
		font-size: 1.5rem;
		padding: 6px 0;
	}
	#contents .navigation .item a:hover {
		color: #fff;
		background: #6b5210;
	}
	#contents .navigation .item a.active:after {
		content: "";
		position: absolute;
		left: 50%;
		bottom: -4px;
		width: 0;
		height: 0;
		margin-left: -7px;
		border-style: solid;
		border-width: 0 7px 6px 7px;
		border-color: transparent transparent #ffffff transparent;
	}
	#contents .navigation .item a.active:before {
	    content: "";
	    position: absolute;
	    left: -1px;
	    bottom: -3px;
	    display: block;
	    width: calc(100% + 2px);
	    height: 2px;
	    background: #6b5210;
	}
}

#contents .listPref {
	overflow: hidden;
	margin-top: 12px;
    margin-bottom: -12px;
	padding: 10px 27px 2px;
	background: #fff;
}
#contents .listPref .item {
	float: left;
	width: 33%;
	text-align: center;
}
#contents .listPref .item a {
	display: inline-block;
    margin-bottom: 12px;
	color: #6b5210;
	border-bottom: 1px solid #6b5210;
	transition: .2s;
}
#contents .listPref .item a:hover {
	border-bottom: none;
}
#contents .listPref .item a:after {
	content: "";
	display: inline-block;
    vertical-align: middle;
	width: 0;
	height: 0;
    margin-top: -1px;
	margin-left: 7px;
	border-style: solid;
	border-width: 5px 4.5px 0 4.5px;
	border-color: #bfaa72 transparent transparent transparent;
}
@media (min-width: 600px) {
	#contents .listPref {
		margin-top: 2px;
		text-align: center;
		border: 1px solid #6b5210;
        color: #000;
	}
	#contents .listPref .item {
		float: none;
		display: inline-block;
		width: 85px;
	}
	#contents .listPref .item a {
		font-size: 1.4rem;
	}
}
#contents .shopList {
	padding: 30px 0;
}

@media (min-width: 600px) {
	#contents .shopList {
		padding: 70px 0 40px;
	}
}

#contents .shopList:nth-of-type(even) {
	background: #fff;
}
#contents .shopList .tit{
	margin-bottom: 15px;
}

@media (min-width: 600px) {
	#contents .shopList .tit{
		margin-bottom: 20px;
	}
}

#contents .shopList .shopListTable {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #c7c5c4;
}
#contents .shopList .shopListTable.viewSp:nth-last-child(2),
#contents .shopList .shopListTable:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}

@media (min-width: 600px) {
	#contents .shopList .shopListTable {
		overflow-x: hidden;
		margin-bottom: 50px;
		border-bottom: 1px solid #c7c5c4;
	}
	#contents .shopList .shopListTable:last-child {
		margin-bottom: 0;
		border-bottom: none;
	}
}

#contents .shopList .shopListTable::-webkit-scrollbar {
	height: 5px;
}
#contents .shopList .shopListTable::-webkit-scrollbar-track {
	border-radius: 5px;
	background: #eee;
}
#contents .shopList .shopListTable::-webkit-scrollbar-thumb {
	border-radius: 5px;
	background: #ccc;
}
#contents .shopList .shopListTable table{
	overflow: hidden;
    border-collapse: separate;
    border-spacing: 0px 1px;
}
#contents .shopList .shopListTable thead {
	float: left;
	display: block;
	width: 113px;
}
@media (min-width: 600px) {
	#contents .shopList .shopListTable thead {
		float: none;
		display: table-header-group;
		width: auto;
	}
}
#contents .shopList .shopListTable tbody {

}
@media (min-width: 600px) {
	#contents .shopList .shopListTable tbody {

	}
}
#contents .shopList .shopListTable th{
	width: 93px;
	font-size: 1.2rem;
	font-weight: bold;
	background: #e4dedd;
	padding: 8px 10px;
}
@media (min-width: 600px) {
	#contents .shopList .shopListTable th{
		display: table-cell;
		text-align: center;
		border-left: 1px solid #fff;
	}
	#contents .shopList .shopListTable th:nth-child(1) {
		border-left: none;
	}
}
#contents .shopList .shopListTable td{
	display: block;
	padding: 15px 10px;
}
@media (min-width: 600px) {
	#contents .shopList .shopListTable td{
		display: table-cell;
	}
}
#contents .shopList .shopListTable tr:nth-child(1) td{
	border-top: none;
}

@media (min-width: 600px) {
	#contents .shopList .shopListTable table{
		width: 1020px;
	}
	#contents .shopList .shopListTable th{
		width: 330px;
		font-size: 1.5rem;
		padding: 10px 15px;
	}
	#contents .shopList .shopListTable th:nth-child(1){
		width: 360px;
	}
	#contents .shopList .shopListTable td{
		padding: 30px 20px 50px;
	}
	#contents .shopList .shopListTable:last-child td {
		padding: 30px 20px;
	}
}

#contents .shopList .shopListTable .name{
	margin-bottom: 10px;
}
#contents .shopList .shopListTable .name dt{
	float: left;
	width: 28px;
	padding-top: 5px;
}
#contents .shopList .shopListTable .name dd{
	font-size: 1.4rem;
	font-weight: bold;
	margin-left: 36px;
}
#contents .shopList .shopListTable .name dd a{
	text-decoration: underline;
}
#contents .shopList .shopListTable .name dd a:hover{
	text-decoration: none;
}
#contents .shopList .shopListTable .tel{
	text-indent: -30px;
	margin: 5px 0 0 30px;
}
#contents .shopList .shopListTable .tel span{
	font-weight: bold;
}
#contents .shopList .shopListTable .tel a{
	text-decoration: underline;
}
@media (min-width: 600px) {
	#contents .shopList .shopListTable .tel{
		text-indent: -34px;
		margin-left: 34px;
	}
	#contents .shopList .shopListTable .tel a{
		pointer-events: none;
		text-decoration: none;
	}
}
#contents .shopList .shopListTable .access{
	font-weight: bold;
}

#contents .shopList .shopListTable .item li{
	font-size: 1.1rem;
	color: #fff;
	text-align: center;
	background: #aca982;
	width: 100%;
	margin:5px auto 0;
	padding: 5px 10px;
}
#contents .shopList .shopListTable .item li.orderPillow {
	background: #aca982;
}
#contents .shopList .shopListTable .item li.orderMat {
	background: #79a48f;
}
#contents .shopList .shopListTable .item li.originalMat {
	background: #a0acc8;
}
#contents .shopList .shopListTable .item li.officer {
	background: #a4798e;
}
#contents .shopList .shopListTable .item li.meister {
	background: #b97163;
}
#contents .shopList .shopListTable .item li.orderpremium {
	background: #e6d67e;
    color:#000;
}
#contents .shopList .shopListTable .item li.orderpremiumMat {
	background: #666;
    color:#fff;
}
#contents .shopList .shopListTable .item li.goreFuton {
	background: #6b3f31;
    color:#fff;
}


#contents .shopList .shopListTable .item li:first-child{
	margin-top: 0;
}
#contents .shopList .shopListTable .item li.item01{
	background: #a0acc8;
}
#contents .shopList .shopListTable .item li.item02{
	background: #6c5211;
}

@media (min-width: 600px) {
	#contents .shopList .shopListTable .item li{
		font-size: 1.2rem;
        width: 85%;
		padding: 5px 10px;
	}
}
/*20210113add*/
#contents .shopList .shopListTable p > a{
    text-decoration: underline;
}
/*! #shop
------------------------------------------------- */
#contents #information01 {
	padding-bottom: 30px;
}

@media (min-width: 600px) {
	#contents #information01 {
		padding: 0 0 80px;
	}
	#contents #information01 .infoBox{
		padding: 0 65px;
	}
}

#contents #information01 .infoBox .tit{
	font-size: 1.7rem;
	margin-bottom: 10px;
}

@media (min-width: 600px) {
	#contents #information01 .infoBox .tit{
		font-size: 2.4rem;
		margin-bottom: 25px;
	}
}

#contents #information01 .infoBox .img{
	margin-bottom: 15px;
	text-align: center;
}

@media (min-width: 600px) {
	#contents #information01 .infoBox .img{
		margin-bottom: 35px;
	}
}

#contents #information01 .infoBox .msg{
	background: #ebe5d6;
	padding: 20px;
}

@media (min-width: 600px) {
	#contents #information01 .infoBox .msg{
		padding: 40px;
	}
}

#contents #information02 {
	background: #fff;
	padding: 30px 0;
}

@media (min-width: 600px) {
	#contents #information02 {
		padding: 80px 0 100px;
	}
}

#contents #information02 .tit {
	font-size: 1.8rem;
	margin-bottom: 10px;
}

@media (min-width: 600px) {
	#contents #information02 .tit {
		font-size: 2.6rem;
		margin-bottom: 35px;
	}
}

#contents #information02 .table {
	padding-bottom: 20px;
}
#contents #information02 .table th {
	font-weight: bold;
	width: 30%;
	padding: 10px 20px 10px 0;
	border-bottom: 1px solid #c7c5c4;
}
#contents #information02 .table td {
	padding: 10px 0;
	border-bottom: 1px solid #c7c5c4;
}
#contents #information02 .table tr:last-child th,
#contents #information02 .table tr:last-child td {
	border-top: none;
}
#contents #information02 .table .tel a{
	text-decoration: underline;
}
@media (min-width: 600px) {
	#contents #information02 .table {
		padding-bottom: 60px;
	}
	#contents #information02 .table th {
		width: 245px;
		padding: 20px 10px;
	}
	#contents #information02 .table td {
		padding: 20px 10px 12px;
	}
	#contents #information02 .table tr:last-child th,
	#contents #information02 .table tr:last-child td {
		border-bottom: 1px solid #c7c5c4;
	}
	#contents #information02 .table .tel a{
		text-decoration: none;
		pointer-events: none;
	}
}

#contents #information02 .item li{
	font-size: 1.1rem;
	color: #fff;
	display: inline-block;
	background: #aca982;
	padding:4px 10px;
	margin-top: 5px;
}
#contents #information02 .item li.orderPillow {
	background: #aca982;
}
#contents #information02 .item li.orderMat {
	background: #79a48f;
}
#contents #information02 .item li.originalMat {
	background: #a0acc8;
}
#contents #information02 .item li.officer {
	background: #a4798e;
}
#contents #information02 .item li.meister {
	background: #b97163;
}
/*20190809add*/
#contents #information02 .item li.orderpremium {
	background: #e6d67e;
    padding: 5px;
    color:#000;
}
#contents #information02 .item li.orderpremiumMat {
	background: #666;
    padding: 5px;
    color:#fff;
}
#contents #information02 .item li.goreFuton {
	background: #6b3f31;
    padding: 5px;
    color:#fff;
}
/*20190809add end*/
#contents #information02 .item li:first-child{
	margin-top: 0;
}
#contents #information02 .item .item01{
	background: #a0acc8;
}

@media (min-width: 600px) {
	#contents #information02 .item li{
		font-size: 1.2rem;
		text-align: center;
		width: 220px;
		padding:5px 10px;
		margin: 0 5px 8px 0;
	}
}

#contents #information02 #mapCanvas{
	width: 100%;
	height: 185px;
}

@media (min-width: 600px) {
	#contents #information02 #mapCanvas{
		height: 315px;
	}
}
/*20191119add*/
#contents .msg a.btn {
    display: block;
    width: 100% !important;
    padding: 8px 0 7px;
    color: #6b5210;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
/*    background: #fff;*/
    border: 1px solid #6b5210;
    margin-top: 10px;
}
#contents .msg a.btn_close {
    display: block;
    width: 100% !important;
    padding: 8px 0 7px;
/*    background: #fff;*/
    color: #6b5210;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid #6b5210;
    margin-top: 10px;
}
.snsLink{
            float:left;
        }
.snsLink img{
            width:32px;
            height:auto;
}
.shopMapTy{
            font-weight: bold;
            margin: 0 0 10px 10px;
        }
.storeMap iframe{
  -webkit-filter: hue-rotate(100deg);
  filter: hue-rotate(100deg);
}
.storeMap iframe{
  filter:grayscale(50%);
  -webkit-filter:grayscale(50%)
}
.storeMap iframe{
  filter:hue-rotate(180deg) grayscale(50%);
  -webkit-filter:hue-rotate(180deg) grayscale(50%)
}
/*20210115add*/
#contents #information02 .table .access a,
#contents #information02 .table .url a{
	text-decoration: underline;
}