@charset "utf-8";

/*リセット　全体*/

body, input, textarea {
	  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "Meiryo", "verdana", sans-serif;
	  margin: 0;
	}


a {color: #000; text-decoration: none;}

ul{
	
	margin: 0;
	padding: 0;
	
}

ul li{
	
	list-style: none;
	padding: 0;
	margin: 0;
	
}

.pagerLink p{
	
	text-align: center;
	padding-top: 2em;
	
}

.algb{padding: 2em;}

.access th{
	
	text-align: left;
	width: 26%
	
}



.shopdetail{
	
	padding-top: 2em;
	/* margin-bottom: 4em; */
	position: relative;
}

.shopdetail h2{
	
	margin-top: -0.5em;
	text-align: left;
	font-size: 2em;
	font-family: serif;
	
}
.shopdetail .scatch{
	font-weight: bold;
}
.shopInfoDetail{
	margin-top: 20px;
}
h2.stitled {
	
	font-weight: normal;
	padding: 0.3em;
	border: #000 1px solid;
	width: 99.8%;
	height: 22px;
	font-size: 1em;
	
}

h2.stitledb {
	
	font-weight: normal;
	padding: 0.3em;
	border: #000 1px solid;
	width: 99.8%;
	font-size: 1em;
	box-sizing: border-box;
	
}

.footerinfo {

	color: #fff;
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    padding: 0 8%;
	height: 100%;
}
.copy {
	text-align: right;
	background-color: #000;
	font-size: 14px;
	text-align: center;
	
}
.footerinfo a{
		
	color: #fff;
	display: block;
}
footer .footerinfo .flogo{
	display: block;
	width: 100%;
	max-width: 180px;
}
#ProductDetail{

}
.infos img{
		
	width: 100%;
	object-fit: cover;
    height: 184px;
	
}
#mainCol{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding:0 4%;
	box-sizing: border-box;
	
}
.infoblock {
	
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.infoblock li.infos{
	display: block;
	width: 50%;
	margin: 0;
	padding: 0;
}
.underpage {
	
	width: 100%;
		margin: 0 auto;
		max-width: 1200px;
		padding: 0 20px;
		box-sizing: border-box;
	
}

.shopInfos .shopInfoSub{
	display: flex;
    flex-wrap: wrap;
}
.shopInfos .shopInfoSub .access{
	flex: 1;
}
.shopImage {
	width: 500px;
	padding-top: 0em;
	text-align: right;
	
}
.shopImage p{
	margin: 0;
}
@media screen and (min-width: 980px) {
	.infoblock li.infos{
		width: calc(100% / 4);
	}
header {
	
    display: block;
    text-align: left;
    background-color: #000;
    padding: 1em 2em;
	
}
header > a{
    max-width: 1000px;
    margin: 0 auto;
    display: block;
}
.headinner {
	
	width: 1000px;
	margin: 0 auto;
	
} 

.bgghead  {
	
	background-color:#e1e1e1;
	padding: 0.5em 0 1em;
	
	
}

.bggheadc {
	background-color: #e1e1e1;
	padding: 0.5em 0 1em;
}



#mainImage{
	
	position: relative
	
}

.mainTitle {
	
	position: absolute;
	top: 50%;
	left: 0%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
    z-index: 1000;
	width: 29.6%
}

.mainTitle img{
	
	width: 100%;
	
}
h2.stitled {
	
	width: 99.8%;
	
}

h2.stitledb {
	
	width: 580px;

	
}
.searchArea {
	
	width: 1000px;
	margin: 0 auto;
	
}

.search-boxb input[type='text'] {
	
	width: 448px;
	font-size: 1.2em;
	
}

.search-boxb input[type=submit]{
	
	border: none;
	background-color: #000;
	height: 33px;
	color: #fff;
	position: relative;
	top: -3.5px;
	width: 100px;
	
}

.search-box input[type=submit]{
	
	border: none;
	background-color: #000;
	height: 35px;
	color: #fff;
	position: relative;
	top: -1.8px;
	width: 100px;
	
}


.search-box input[type='text'] {
	
	width: 498px;
	font-size: 1.2em;
	
}

.golist, .gotop{
	
	width: 201px !important;
	height: auto;
	
	
}


	
.golist img, .gotop img{
	
	width: 201px !important;
	height: auto;
	
	
}


.shopdetail{
	
	padding-top: 0;
	
}

.jlist p{
	
	margin: 0 0 1em;
	
}

#aaa .undersearch{
	
	background-color: #ececec;
	padding: 1em 0 1.3em;
	position: relative;
	
}

.gotop {
	
	position: absolute;
	top: 50px;
	left: 1000px;
	
}

#aab .gotopa {
	
	position: absolute;
	top: 0px;
	left: 1000px;
	
}

#aaa .gotop {
	
	position: absolute;
	top: 0px;
	left: 1000px;
	
}

.golist {
	
	position: absolute;
	top: 3px;
	left: 1000px;	
}

.sButton {
	
	display: flex;
	
}


#aaa .genre, #aaa .area {

	background-color: #fff;

}

.genre, .area {
	
	width: 250px;
	padding: 5px 10px;
	border: #000 1px solid;
	margin: 10px;
	
	
}



.clbt {
	
	width: 33.33%;
	
}
.flbod {
	
	display: flex;
	
}

.freeword {
	
	width: 1000px;
}

.freeworda {
	
	width: 1000px;
}

#searchword {
	
	width: 535px;
	margin-right: 10px;
	height: 32px
}

input[type="submit"].serb {
	
	border: none;
	border-radius: 0px;
	background-color: #000000;
	color: #fff;
	padding: 0.2em;
	width: 58px;
	height: 36px
	
}


#sbgd {
	
	background-color: #ff0000;
	color: #fff;
	border: none;
	
}

ul.infoblock {
	
	margin: 0;
	padding: 0;
	width: 100%;
	
}

ul.infoblock:: after{
	
	display: block;
	content: "";
	clear: both;
	
}

li.infos {
	
	list-style: none;
	
}

.information {
	
	
	
}


.information h2{
	
	text-align: center;
	margin: 3em 0 1.5em;
	font-size: 2em;
	font-family: serif;
	font-weight: normal;
	
}



footer{

	height: 50px !important;
	margin-top: 2em;
	background-color: #000;
}




footer .flex-w{
	display: flex;
	flex-wrap: wrap;
}


.gobs {
    margin-right: 20px;
	
}



.copy a{
	
	color: #fff;
	position: relative;
	top: -14px;
	right: 10px;
	
}

#aaa .copy a{
	
	color: #fff;
	position: relative;
	top: 0px;
	right: 0;
	
}

.sub1{	

	/* margin: 2em auto; */
	padding: 2em 0;
	border-bottom: 1px solid #696969;
}

.shop1, .shop2 {
	
	display: flex!important;
	
}

.subImage {
	
	width: 40%;
	padding-right: 50px;
	
}

.shopdetail{
	
	width: 60%;
	
}

.sendMail img{
	
	border: #000 1px solid;
	
}

.shopInfoSub {

	display: flex;
	margin-top: 1em;
	
}

.access {
	
	width: 100%;
	max-width: 800px;
	
}

.access th{
	
	text-align: left;
	/* font-weight: normal; */
	padding-right: 1em;
	vertical-align: top;
	width: 100px;
	
}


/*add*/
.shopImage img{
	width:100%;
	max-width:500px;
	height:auto;
}
/*add end*/
h2.shopName {
	
	font-family: serif;
	font-weight: bold;	
	
}

.searchAreab {
	
	width: 550px;
	margin: 0 auto;	
	
}

.searchAreaa {
	
	width: 1000px;
	margin: 0 auto;	
	
}



.scbngh {
	
	width: 45%;
	padding: 0.5em;
	
}

.flaexSeb {
	
	display: flex;
	
}

.flaexSeb ul{

	padding-left: 3em;	
	
}

.flaexSeb li{

	list-style: none;
	margin: 0;
	width: 45%;
	float: left;
	
}

input[type=checkbox].areabg {
	
	margin-left: -68px;
	
}

input[type=checkbox].areaag {
	
	margin-left: -20px;
	
}

.ttblc {
	
	margin-bottom: 13px;
	
}


.subab {
	
	padding: 0.3em;
	border-bottom: #000 1px solid;
	
} 

.flbod{
	
	font-size: 0.9em;
	
}

.hitp {
	
	margin-top: 3em;
	margin-bottom: 1em;
	
}

.pcshow {
	
	display: block;
	
}

.smshow {
	
	display: none;
	
}

.sendMail img {
	
	width: 100%;
	
}
.access td{
	
	width: calc(100% - 100px);
	
}
	/* ここまで980px以上用（PC用）の記述 */
	
}


.s_01 .accordion_one {

	}
	.s_01 .accordion_one .accordion_header {
	  background-color: #fff;
	  color: #000;

	  position: relative;
	  z-index: +1;
	  cursor: pointer;
	  transition-duration: 0.2s;
	}
	.s_01 .accordion_one:nth-of-type(2) .accordion_header {

	}
	.s_01 .accordion_one:nth-of-type(3) .accordion_header {
		background-color: #1c85d8;
	}
	.s_01 .accordion_one .accordion_header:hover {
	  opacity: .8;
	}
	.s_01 .accordion_one .accordion_header .i_box {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  position: absolute;
	  top: 50%;
	  right: 5%;
	  width: 40px;
	  height: 40px;
	  border: 1px solid #fff;
	  margin-top: -20px;
	  box-sizing: border-box;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  transform-origin: center center;
	  transition-duration: 0.2s;
	}
	.s_01 .accordion_one .accordion_header .i_box .one_i {
	  display: block;
	  width: 18px;
	  height: 18px;
	  -webkit-transform: rotate(45deg);
	  transform: rotate(45deg);
	  transform-origin: center center;
	  transition-duration: 0.2s;
	  position: relative;
	}
	.s_01 .accordion_one .accordion_header.open .i_box {
	  -webkit-transform: rotate(-360deg);
	  transform: rotate(-360deg);
	}
	.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
	  display: flex;
	  content: '';
	  background-color: #fff;
	  border-radius: 10px;
	  width: 18px;
	  height: 4px;
	  position: absolute;
	  top: 7px;
	  left: 0;
	  -webkit-transform: rotate(0deg);
	  transform: rotate(0deg);
	  transform-origin: center center;
	}
	.s_01 .accordion_one .accordion_header .i_box .one_i:before {
	  width: 4px;
	  height: 18px;
	  top: 0;
	  left: 7px;
	}
	.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
	  content: none;
	}
	.s_01 .accordion_one .accordion_header.open .i_box .one_i:after {
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	.s_01 .accordion_one .accordion_inner {
	  display: none;

	  box-sizing: border-box;
	}
	.s_01 .accordion_one:nth-of-type(2) .accordion_inner {}

	.s_01 .accordion_one:nth-of-type(3) .accordion_inner {
	  border-left: 2px solid #1c85d8;
	  border-right: 2px solid #1c85d8;
	  border-bottom: 2px solid #1c85d8;
	}
	.s_01 .accordion_one .accordion_inner .box_one {
	  height: 300px;
	}
	.s_01 .accordion_one .accordion_inner p.txt_a_ac {
	  margin: 0;
	}
		

@media screen and (max-width: 979px) {
	header {
		
		display: block;
		display: block;
		text-align: center;
		background-color: #000;
		padding: 0.5em;
	
		
	}
	header img {
		width: 90%;
	}
	.mainTitle {
		display:none;
	}
	.RotationBannerPC {
		display: none !important;
	}
	.flogo{
		margin: 12px auto;
	}
	.search-boxb input[type=text]{
		width:calc(100% - 120px);
	}
.footerinfo {
		
	background-color: #000;
	padding: 0.5em;
	color: #fff;
	display: block;
	text-align: center;
	top: 0;
	
}
.productdetail_aspx .RefineSearchParts #RefineConditionPanel, .promotion_aspx .RefineSearchParts #RefineConditionPanel {
    margin-right: 0;
}

}
@media screen and (max-width: 768px) {
	.shopInfos .shopInfoSub .access {
		width: 100%;
		flex: none;
	}
	.shopImage {
		width: 100%;
		max-width: 500px;
		margin: auto;
		padding-top: 20px;
		
	}
}
@media screen and (max-width: 767px) {

	body{
		
		margin: 0;
		
	}
	
	header {
		
		display: block;
		display: block;
		text-align: center;
		background-color: #000;
		padding: 0.5em;
	
		
	}
	
	header img{
		
		width: 90%;
		
	}
	
	.mainTitle {
		
		display: none;

	}
	
	.pcshow {
		
		display: none;
		
	}
	
	.bx-wrapper {
		
		margin-bottom: 0em !important;
		
	}
	
	h2.accordion_header{
		
		font-size: 1em;
		padding: 0.5em;
		text-align: center;
		border: #000 1px solid;
	}
	
	.searchAreab{
		
		width: 90%;
		margin: 0 auto;
		
	}
	
	.searchAreaa{
		
		width: 90%;
		margin: 0 auto;
		
	}
		
	.clbt, .pcsbn {
		
		padding: 0.5em 0;
		border-bottom: #000 1px solid;
		
	}
	
	.ttblc{
		
		background-color: #e9e9e9;
		text-align: center;
		
	}
	
	#gepc input[type="checkbox"]  {
		
		margin: 8px;
		
	}
	
	.freeword {
		
		width: 90%;
		margin: 0 auto;
		
	}
	

	.search-box input[type=text] {
		border: 1px solid #000000;
		box-shadow: 2px 2px 2px #eaeaea;
		margin: 0px;
		padding: 0px;
		height: 1.8em;
		width: 99.5%;
		text-align: center;
		font-size: 1.2em
	}
	
	.search-boxb input[type=text] {
		border: 1px solid #000000;
		box-shadow: 2px 2px 2px #eaeaea;
		margin: 0px;
		padding: 0px;
		height: 1.8em;
		width: 99.8%;
		text-align: center;
		font-size: 1.2em
	}
	
	
	input.searchb[type=submit] {
		width: 100%;
		border: none;
		border-radius: 0px;
		color: #fff;
		background-color: #000000;
		height: 2.3em;
		font-size: 1.2em;
		margin-top: 0.6em
		border-radius: 0;
		margin-top: 0.7em;
	}
	
	/* text-align: center;
		margin: 1.5em 0 1em;
		font-size: 1.5em;
		font-family: serif;
		font-weight: normal;
	} */

	.information h2 {
			text-align: center;
			margin: 1.5em 0 1em;
			font-size: 1.5em;
			font-family: serif;
			font-weight: normal;
		}
	
	.shop1, .shop2 {
			display: block;
		}
	
	.infoblock {
		
		/* width: 95%; */
		margin: 0 auto;
		padding: 0px !important;
	}
	
	
	

	
	
	
	ul.infoblock::after{
		
		display: block;
		content: "";
		clear: both;
		
	}
	

	
	
	
	
	
	.copy a{
		
		color: #fff;
		position: relative;
		top: 0px;
		right: 0;
		font-size: 0.8em;
		text-align: center;
		
	}
	
		.gotop a img{
			
			display: block;
			margin: 1em auto;
			
			
		}
		
		.underpage{
			
			width: 100%;
			margin: 0 auto;
			
		}
		
		.shopImage{
			
			text-align: center;
			
		}
		
	.shopImage p{
		
		margin: 0;
		
	}	
		
	.gobs {
		
	
		padding: 0 0;
		
	}
	
	
	
	.headLinks {
		
		display: flex;
		width: 98%;
		margin: 0 auto;
		
	}

	.golist, .gotop{
		
		width: 50%;
		text-align: center;
		
	}
	
	.gotopa {
		

		margin: 1em auto;
		text-align: center;
		
	}
	
	.golist p, .gotop p{

		text-align: center;
		
	}
	

	
	.golist img, .gotop img{
		
		display: block;
		margin: 1em auto;
		width: 98%;
		max-width: 200px;
		
	}
	
	.shopImage {
		
		margin-top: 2em;
	}
	.shopImage img {
		
		width:100%;
		 height:auto;
	}
	
	.sendMail {
		
		margin-top: 3em;
		
	}
	
	.sendMail img{
		
		width: 100%;
		maegin: 0 auto;
		border: #000 1px solid;
		
	}
	.infos img{

		height: auto;
		
	}

}
@media screen and (max-width: 767px) {
	.search-boxb input[type=text] {
		border: 1px solid #000000;
		box-shadow: 2px 2px 2px #eaeaea;
		margin: 0px;
		padding: 0px;
		height: 1.8em;
		width: 99.8%;
		text-align: center;
		font-size: 1.2em
	}
	.access td {
		width: 100%;
	}
}
/*add*/
.SearchCondUnit>li:nth-child(1):before{
content:東京都23区;
display:block;
border-bottom:1px solid #000;
}
.promotion_aspx .bx-wrapper .bx-pager,
.categorylist_aspx .bx-wrapper .bx-pager{display:none;}
@media screen and (max-width: 1000px){
.access table {
width: 100%;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;
}

.access tr {
    display: flex;
    flex-wrap: wrap;
}
.access th {
    text-align: left;
    width: 112px;
}

}
.productdetail_aspx #Contents{
	margin-bottom: 60px;

}
@media screen and (max-width: 375px){
	.gobs{
	
	}
	.copy{
		font-size:3.2vw;
		margin-top: 12px;
	}
}
.productdetail_aspx .mapLink{

}
.productdetail_aspx .mapLink a{
	padding: 2px 4px;
    background: #000;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 10px;
    vertical-align: top;
}
.productdetail_aspx .mapLink a:hover{
	background: #2E3F7F;
}

/* ボタン追加 */
.shopdetail .button {
	background-color: #696969;
	color: #fff;
	display: inline-block;
	padding: 0.2rem 0.5rem;
	text-decoration: none;
	transition: .3s;
	cursor: pointer;
}
.shopdetail .button:hover {
	background-color: #095DAD;
}
.scrollup {
    width: 40px;
    height: 40px;
    opacity: 1;
    position: fixed;
    bottom: 22px;
    right: 20px;
    /* display: none; */
    text-indent: -9999px;
    background: url(../materials/images/scroll-top-arrow.png) no-repeat left top;
    z-index: 9001;
}