@charset "UTF-8";
/* ----全体レイアウト---- */
body {
	animation: fadeIn 1.5s ease-in 0s 1 normal;
	-webkit-animation: fadeIn 1.5s ease-in 0s 1 normal;
}
@keyframes fadeIn {
	0% {
	opacity: 0}
	100% {
	opacity: 1}
}
@-webkit-keyframes fadeIn {
	0% {
	opacity: 0}
	100% {
	opacity: 1}
}
.wrapper {
	width: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
}
.page-top .wrapper {
	background: #f8f7f2;
}
.container {
	width: auto;
	margin: 0 auto;
}
.pane-contents {
	min-height: 600px;
	padding-bottom: 0;
}
.page-top .pane-contents {
    padding-top: 0;
}
.pane-contents .container {
	display: block;
}
.pane-left-menu {
	width: 100%;
	background: #ffffff;
	margin: 0;
	padding-bottom: 19px;
	display: none!important;
}
.pane-left-menu-inner {
	width: 60px;
	padding: 0 15px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #E7E0CE;
	z-index: 20;
}
.category-header-menu {
	width: 100%;
	background: #ffffff;
	margin: 0;
	padding: 5px 0 10px;
}
#block_of_categorytree h2 {
    display: none;
}
#block_of_categorytree ul {
	display: flex;
	width: 85%;
    margin: auto;
	max-width: 1028px;
}
#block_of_categorytree ul li a::after {
    content: "";
    position: absolute;
    display: block;
    width: 0.8px;
    height: 100%;
    background-color: #eee;
    right: 0;
    top: 0;
}
#block_of_categorytree ul li:last-child a::after {
    display: none;
}
#block_of_categorytree ul li a {
    position: relative;
    padding: 0;
    font-size: 12px;
    display: flex;
    height: 100%;
}
#block_of_categorytree ul li a span {
    width: 100%;
    font-size: 10px;
    line-height: 1.2;
    transform: scale(0.9);
}
#block_of_categorytree ul li .switch {
    display: none;
}
div#block_of_jscart {
    display: none;
}
.pane-main {
	display: block;
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 2;
	/* IE11 */
	-ms-grid-column: 1;
	-ms-grid-row: 1;
	width: 100%;
}
.pane-right-menu {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 3;
	grid-row-end: 4;
	/* IE11 */
	-ms-grid-column: 1;
	-ms-grid-row: 3;
	width: 100%;
}
.pane-order-contents {
	background: #fff;
	border: 1px solid #eee;
}
.pane-landingpage-contents {
	background: #fff;
	border: 1px solid #eee;
}
.pane-topic-path {
	background-color: none;
}
.pane-contents .pane-topic-path .container {
	display: block;
}
/* ----商品詳細レイアウト---- */
.block-goods-detail {
	display: grid;
	grid-template-columns: calc(100vw / 2 - 500px) 570px 430px calc(100vw / 2 - 500px);
	grid-template-rows: auto auto auto auto;
	/* IE11 */
	display: -ms-grid;
	-ms-grid-columns: calc(100vw / 2 - 500px) 570px 430px calc(100vw / 2 - 500px);
	-ms-grid-rows: auto auto auto auto;
}
.pane-goods-header {
	width: 100%;
	margin: 0;
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
	/* IE11 */
	-ms-grid-column: 1;
	-ms-grid-column-span: 5;
	-ms-grid-row: 1;
	-ms-grid-row-span: 1;
}
.pane-goods-left-side {
	width: 570px;
	padding-bottom: 50px;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	/* IE11 */
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
}
.pane-goods-right-side {
	width: 430px;
	padding-left: 40px;
	padding-bottom: 50px;
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
	/* IE11 */
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	-ms-grid-row: 2;
	-ms-grid-row-span: 1;
}
.pane-goods-center {
	width: 100%;
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	/* IE11 */
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	-ms-grid-row: 3;
	-ms-grid-row-span: 1;
}
.pane-goods-footer {
	width: 100%;
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 5;
	/* IE11 */
	-ms-grid-column: 2;
	-ms-grid-column-span: 2;
	-ms-grid-row: 10;
	-ms-grid-row-span: 10;
}
/*--- 個別レイアウト ---*/
/* イベント */
.block-event-page {
	margin: 0 auto;
}
/* トピックス詳細 */
.block-topic-page {
	width: 1000px;
	margin: 0 auto;
}
/* サイドメニュー */
.block-category-tree.tree-open {
	border-top: #f7f8f2 1px solid;
	padding-top: 10px;
}
/* ----アンケート画面----*/
.block-questionnaire--box-content input,
.block-questionnaire--box-content textarea {
	max-width: 100%;
}