@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap');
@import url('https://use.fontawesome.com/releases/v5.13.0/css/all.css');
html {
	scroll-behavior: smooth;
}
html, body {
	scroll-padding-top: 106px;
}
a {
	text-decoration: none;
}
.inner {
	width: 1000px;
	margin: 0 auto;
}
body {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	background: #FFF;
}
header {
	height: 120px;
	width: 100%;
	background: #FFF;
}
header .inner {
	display: flex;
	justify-content: center;
	position: relative;
}
#site_logo {
	margin: 0.5rem auto 0 0;
	background: url("../img/onlinestore_logo.svg") no-repeat center center/contain;
	height: 100px;
	width: 264px;
}
#site_logo a {
	display: block;
	height: 100px;
	width: 264px;
}
#global_nav {
	display: flex;
	height: 50px;
	margin: auto 3rem 0 auto;
}
#global_nav li:not(:first-child):not(.cart)::before {
	content: "|";
	margin: 0 0.5rem;
}
#global_nav a {
	font-family: 'Shippori Mincho', serif;
	color: rgba(68,166,145,1.00);
}
#global_nav a:hover {
	opacity: 0.8;
}
#main_nav {
	display: flex;
	align-items: flex-end;
}
#sub_nav {
	display: flex;
	align-items: flex-end;
	margin-left: 2rem;
}
#sub_nav .cart {
	margin-left: 1rem;
}
#sub_nav .cart span{
	background: url("../img/cart.png") no-repeat center center/contain;
	height: 40px;
	margin-left: auto;
}
.top_main {
	margin: 1rem auto 2rem;
	height: 500px;
	width: 1000px;
}
.summer_gift {
	background: url("../img/banner/2021_summer_gift_c.png") no-repeat center center/contain;
}
.top_main a {
	display: block;
	height: 500px;
	width: 1000px;
}
main {
	min-height: 100vh;
}
main #category_bar {
	width: 100%;
	background: rgba(176,159,0,1.00);
	padding: 0.5rem 0;
	font-family: 'Shippori Mincho', serif;
}
main #category_bar .category_list {
	width: 1000px;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
main #category_bar .category_list li:not(:first-child)::before {
	content: "|";
	margin: 0 1.25rem;
	color: #FFF;
}
#category_bar .category_list a {
	color: #FFF;
}
#category_bar .category_list a:hover {
	opacity: 0.5;
}
#item_list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-top: 2rem;
}
#item_list::before{
	content:"";
	display: block;
	width:250px;
	order:1;
}
#item_list::after{
	content:"";
	display: block;
	width:250px;
}
#item_list .item_container {
	width: 200px;
	margin: 1rem 25px;
}
#item_list .item_container a{
	color: rgba(75,75,75,1.00);
}
#item_list .item_container:hover{
	opacity: 0.8;
}
#item_list .item_container .item_img {
	width: 100%;
	height: 200px;
}
.item_container .item_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
img.l_t {
	object-position: left top;
}
img.l_c {
	object-position: left center;
}
img.l_b {
	object-position: left bottom;
}
img.r_t {
	object-position: right top;
}
img.r_c {
	object-position: right center;
}
img.r_b {
	object-position: right bottom;
}
.item_container .item_name,.item_value {
	text-align: center;
	margin-top: 0.25rem;
}
.item_container .item_value::before {
	content: "¥ ";
}
.item_container .item_value::after {
	content: " (税込)";
}
.soldout {
	position: relative;
}
.soldout .item_img::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(75,75,75,0.50);
	height: 200px;
	width: 200px;
}
.soldout .item_img::after {
	content: "SOLD OUT";
	position: absolute;
	top: 2rem;
	left: 0;
	color: #FFF;
	font-family: 'Shippori Mincho', serif;
	font-size: 2.5rem;
	text-align: center;
}
.soldout .item_value {
	text-decoration: line-through;
}
footer {
	background: rgba(230,230,230,1.00);
	width: 100%;
}
footer section {
	margin-top: 2rem;
}
footer .inner {
	display: flex;
	justify-content: space-around;
}
footer #corporatesite_link {
	background: #FFF;
	height: calc(68px + 2rem);
}
footer .corporatesite_banner {
	background: url("../img/logo2.svg") no-repeat center center/contain;
	width: 250px;
	height: 68px;
	margin: 1rem;
}
footer .corporatesite_banner a {
	display: block;
	width: 250px;
	height: 68px;
}
footer #site_map .ft_nav {
	font-family: 'Shippori Mincho', serif;
	display: flex;
	justify-content: space-around;
	max-width: 750px;
	padding-top: 1rem;
}
footer #site_map .ft_nav > li {
	min-width: 6rem;
}
footer #site_map .ft_nav > li:not(:last-child) {
	margin-right: 3rem;
}
footer #site_map .ft_nav > li a {
	color: rgba(75,75,75,1.00);
}
footer #site_map .ft_nav > li a:hover {
	opacity: 0.5;
}
footer #site_map .ft_nav > li > ul > li:not(:last-child) {
	margin-bottom: 1rem;
}
footer #contact_windows .icon_list {
	display: flex;
	justify-content: center;
}
footer #contact_windows .icon_list li:not(:last-child) {
	margin-right: 2rem;
}
footer #contact_windows .icon_list .mail_icon {
	width: 24px;
	background: url("../../img/contact/mail.png") no-repeat center center/contain;
}
footer #contact_windows .icon_list .twitter_icon {
	width: 24px;
	background: url("../../img/contact/twitter.png") no-repeat center center/contain;
}
footer #contact_windows .icon_list .instagram_icon {
	width: 24px;
	background: url("../../img/contact/instagram.png") no-repeat center center/contain;
}
footer #addendum {
	color: rgba(75,75,75,1.00);
	text-align: center;
	padding-bottom: 1rem;
}
footer #addendum small {
	display: block;
}

/*商品個別ページ*/
#item_detail_wrap {
	margin-top: 2rem;
	display: flex;
	flex-wrap: wrap;
	font-family: 'Shippori Mincho', serif;
}
#item_detail_wrap .item_detail_img {
	width: 500px;
	height: 500px;
}
#item_detail_wrap .item_detail_img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#item_detail_wrap .item_detail h2 {
	font-size: 1.5rem;
	color: rgba(176,159,0,1.00);
}
#item_detail_wrap .item_detail {
	margin: 2rem 0 0 2rem;
}
#item_detail_wrap .item_detail .item_status {
	border-spacing: 0 0.75rem;
}
.item_detail .item_status tr td:first-child {
	min-width: 6rem;
}
.item_detail .item_status tr td:last-child::before {
	content: "： ";
}
.item_detail .stock_legend {
	font-size: 0.75rem;
	text-align: center;
	border-collapse:collapse;
	margin: 1rem 0;
}
.item_detail .stock_legend td {
	border: 1px solid #ccc;
	padding: 0.25rem 0.5rem;
}

.item_detail .btn {
	margin: 0.5rem 0;
}
.item_detail .btn,
.item_detail a.btn,
.item_detail button.btn {
	font-size: 1rem;
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding: 0.5rem 2rem;
	cursor: pointer;
	text-align: center;
	vertical-align: middle;
	letter-spacing: 0.1em;
	color: #212529;
	border-radius: 0.5rem;
}
.item_detail a.btn-tag {
	padding: 0.25rem 3rem 0.25rem 80px;
	color: #fff;
	background: #f39800;
}
.item_detail a.btn-tag:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
	content: "";
	border-radius: 0.5rem 0 0 0.5rem;
	background: rgba(0, 0, 0, 0.07);
}
.item_detail a.btn-tag i {
	font-size: 120%;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	padding: 0.5rem 0;
	text-align: center;
	letter-spacing: 0;
}
#item_detail_wrap .item_describe {
	width: 100%;
	margin: 1rem;
	min-height: 5rem;
}
#item_detail_wrap .item_describe h3 {
	border-bottom: 1px #000 dotted;
	color: rgba(176,159,0,1.00);
}
#item_detail_wrap .item_describe p {
	margin: 0.5rem 1rem;
}

#item_detail_wrap .describe_list {
	margin: 0.5rem 1rem;
}
#item_detail_wrap .describe_list tr td {
	border-bottom: 1px #ccc dotted;
}
#item_detail_wrap .describe_list tr td:first-child {
	min-width: 4rem;
}
#item_detail_wrap .describe_list tr td:last-child::before {
	content: "： ";
}
#item_detail_wrap .describe_list {
	border-collapse:collapse;
}