@charset "utf-8";
/* CSS Document */

a:hover, a:hover img {
	opacity: 0.7;
}
a, a img {
	transition: opacity 0.3s ease-out;
}
a {
	color: #5b5b5b;
}
img {
	width: 100%;
}
body {
    line-height: 1.5 !important;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fs-l-page {
	max-width: 1980px !important;
    margin: 0 auto !important;
}
#wrapper {
	background-color: #fff;
	z-index: 2;
	width: 100%;
}
#head__top {
	background-color: #e1e1e1;
	padding: 1em;
	margin-bottom: 0.6em;
}
.phone-number a {
	text-decoration: none;
	color: #000;
}
.top__h2 {
	font-size: 1.3rem;
	line-height: 1.3;
	font-weight: normal;
	text-align: center;
	padding: 2em 0 0;
}
.top__h2::after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 50px;
	background-image: url("../images/midashi-line.png");
	background-size: cover;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
}
.top__h2 span {
	display: block;
	font-size: 1rem;
	color: #bb8eb0;
}
#sidemenu h3 {
	position: relative;
	padding: 1.5rem 0;
	margin-bottom: 1rem;
	font-weight: 900;
}
#sidemenu h3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #e3bad9, #e3bad9 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #e3bad9, #e3bad9 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fs-p-footerPageTop__link {
	top: 90%;
	left: 87%;
}
.fs-p-footerPageTop__link {
	position: fixed;
}
.fs-p-footerPageTop__link {
	overflow: hidden;
    width: 32px;
    height: 32px;
    background-color: #646464;
	padding-top: 5px;
}
.fs-p-footerPageTop__link::before {
    font-size: 1.6rem;
    line-height: 1;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f102';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    color: #fff;
    text-align: center;
}
#footer {
	text-align: center;
	font-size: 0.8rem;
	padding: 3em 0;
}

@media screen and (max-width: 600px) {
	.pc {
		display: none!important;
	}	
	.tablet {
		display: none!important;
	}
	.tp {
		display: none!important;
	}	
	.contents__box {
		width: 95%;
		margin: 0 auto;
	}
	#head__top {
		padding: 0.5em;
	}
	#wrapper {
		height: 115px;
	}
	#sidemenu {
		display: none;
	}
	.head_shipping {
		font-size: 0.7rem;
	}
	.head_shipping span {
		display: block;
	}
	.head_middle_left {
		max-width: 290px;
		margin: 0 auto;
	}
	.head_middle_left img {
		display: block;
	}
	.head_middle_text h1 {
		line-height: 1.7;
		text-align: center;
		font-size: 0.8rem;
		font-weight: normal;
	}
	.st-otoiawase {
		text-align: center;
		margin-bottom: 2em;
	}
	.otoiawase-kochira {
		font-size: 0.8rem;
		line-height: 1.5;
	}
	.phone-number {
		font-size: 1.7rem;
		font-weight: bold;
		margin-top: 0.2em;
	}
	#top__hero_gift img {
		height: 300px;
		object-fit: cover;
	}
	.item_container {
		display:flex;
		flex-wrap:wrap;
		justify-content: flex-start;
		margin: 1em 0;
	}
	.item_divided_into_5 {
		width: calc(100% / 3 - 16px);
		text-align: center;
		padding: 0.5em;
	}
	
	.item_divided_into_4 {
		width: calc(100% / 2 - 16px);
		text-align: center;
		padding: 0.5em;
	}
	.name {
		font-size: 0.7rem;
	}
	.simple_square_btn7 {
		display: block;
		position: relative;
		width: 90%;
		padding: 1em;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin: 1em auto;
		font-size: 0.9rem;
		border: 1px solid #999;
		background-color: #e3bad9;
		color: #000;
	}
	.simple_square_btn7:hover {
		cursor: pointer;
		text-decoration: none;
	}
	.simple_square_btn7 i {
		margin-left: 1em;
	}
	.banner_zone_sp {
		width: 83%;
		margin: 0 auto;
	}
}

@media screen and (min-width:601px) and (max-width: 1024px) {
	.pc {
		display: none!important;
	}
	.sp {
		display: none!important;
	}
	.contents__box {
		width: 95%;
		margin: 0 auto;
	}
	#head__top {
		padding: 0.5em 1em;
	}
	#wrapper {
		height: 118px;
	}
	#sidemenu {
		display: none;
	}
	.head_shipping {
		font-size: 0.8rem;
	}
	.head_middle_left img {
		max-width: 290px;
		margin: 0 auto;
		display: block;
	}
	.head_middle_text h1 {
		line-height: 1.7;
		text-align: center;
		font-size: 0.8rem;
		font-weight: normal;
	}
	.st-otoiawase {
		text-align: center;
		margin-bottom: 2em;
	}
	.otoiawase-kochira {
		font-size: 0.8rem;
		line-height: 1.5;
	}
	.phone-number {
		font-size: 1.7rem;
		font-weight: bold;
		margin-top: 0.2em;
	}
	.item_container {
		display:flex;
		flex-wrap:wrap;
		justify-content: flex-start;
		margin: 1em 0;
	}
	.item_divided_into_5 {
		width: calc(100% / 5 - 16px);
		text-align: center;
		padding: 0.5em;
	}
	.item_divided_into_4 {
		width: calc(100% / 4 - 16px);
		text-align: center;
		padding: 0.5em;
	}
	.name {
		font-size: 0.8rem;
	}
	.simple_square_btn7 {
		display: block;
		position: relative;
		width: 50%;
		padding: 1em;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin: 1em auto;
		font-size: 0.9rem;
		border: 1px solid #999;
		background-color: #e3bad9;
		color: #000;
	}
	.simple_square_btn7:hover {
		cursor: pointer;
		text-decoration: none;
	}
	.simple_square_btn7 i {
		margin-left: 1em;
	}
	.banner_zone_sp {
		width: 83%;
		margin: 0 auto;
	}
}

@media screen and (min-width:1025px) and (max-width: 1239px) {
	.head_middle_left img {
		float: none !important;
	}
	.head_middle_text {
		margin-left: 0 !important;
		margin-top: -0.5em;
	}
	.head_middle_right {
		top: 0.7em !important;
	}
	#top__hero_gift {
		width: 98% !important;
	}
}

@media screen and (min-width: 1025px) {
	.sp {
		display: none!important;
	}
	.tablet {
		display: none!important;
	}
	.st {
		display: none!important;
	}
	.contents__box {
		max-width: 1400px;
		margin: 0 auto;
	}
	#wrapper {
		margin-bottom: 0.5em;
	}
	#head__top {
		font-size: 0.8rem;
	}
	#head__middle {
		padding: 0.5em;
	}
	#contents {
		width: 75%;
		float: right;
	}
	#sidemenu {
		width: 20%;
		float: left;
	}
	#used__wrapper .fs-c-productCarouselMainImage {
		width: 75%;
		margin: 0 auto;
	}
	.head_shipping {
		font-size: 0.8rem;
	}
	.head_middle_left {
		float: left;
		width: 60%;
		border-bottom: 2px solid #000;
		padding-bottom: 0.5em;
	}
	.head_middle_left img {
		float: left;
		max-width: 290px;
	}
	.head_middle_text {
		margin-left: 1em;
		display: inline-block;
		position: relative;
	}
	.head_middle_text h1 {
		font-size: 0.9rem;
	}
	.head_middle_right {
		float: right;
		position: relative;
		top: -0.3em;
	}
	.head_caption {
		font-size: 0.7rem;
		position: relative;
		top: -0.3em;
	}
	.otoiawase-kochira {
		font-size: 0.8rem;
		text-align: center;
		position: relative;
		top: -0.5em;
	}
	.phone-number {
		font-size: 1.8rem;
		font-weight: bold;
		display: inline-block;
	}
	.Bnr {
		margin: 0;
		max-width: 1200px;
	}
	#used__wrapper .fs-c-productList__list__item {
		padding: 25px;
	}
	ul.used_category {
		padding: 1em;
	}
	ul.used_category li {
		font-size: 0.85rem;
		list-style: none;
		padding: 0.5em 0;
	}
	ul.used_category li::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		content: '\f054';
		float: right;
		margin-top: -1.45em;
	}
	ul.used_category li a {
		text-decoration: none;
		width: 100%;
		display: block;
	}
	#top__hero_gift {
		margin: 0 auto;
		max-width: 1250px;
	}
	.item_container {
		display:flex;
		flex-wrap:wrap;
		justify-content: flex-start;
		margin: 1em 0;
	}
	.item_divided_into_5 {
		width: calc(100% / 5  - 16px);
		text-align: center;
		padding: 0.5em;
	}
	.item_divided_into_4 {
		width: calc(100% / 4 - 16px);
		text-align: center;
		padding: 0.5em;
	}
	.name {
		font-size: 0.8rem;
	}
	.simple_square_btn7 {
		display: block;
		position: relative;
		width: 50%;
		padding: 1em;
		text-align: center;
		text-decoration: none;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin: 1em auto;
		font-size: 0.9rem;
		border: 1px solid #999;
		background-color: #e3bad9;
		color: #000;
	}
	.simple_square_btn7:hover {
		cursor: pointer;
		text-decoration: none;
	}
	.simple_square_btn7 i {
		margin-left: 1em;
	}
}