@charset "utf-8";
/*
Theme Name: カタログ・商品 検索サイト - MIDORI 2018
Template: midori2018
Theme URI: 
Description: カタログ・商品 検索サイト - MIDORI 2018
Version: 1.0
Author: form and craft
Author URI: http://www.formandcraft.jp/
Tags:
*/

#header_ {padding:0; box-shadow:0 0 15px rgba(0,0,0,0.1);}
#header_::after {}
#header_ > h1 {width:231px;}
#header_ > h1 > a {height:87px; background-size:170px;}
#header_ > h2 {position:absolute; left:25px; top:50%; z-index:9902; transform:translateY(-50%); font-size:1.8rem; text-align:left;}
#header_ > h2 > small {display:block; font-size:1.2rem;}
#header_ > h2 > b {display:inline-block;}
#header_ > nav {}
#header_ > nav ul.main {position:absolute; right:25px; top:0; bottom:0; margin:auto; font-size:1.4rem;}
#header_ > nav ul.main > li {padding:25px 15px;}
#header_ > nav ul.main > li > a, 
#header_ > nav ul.main > li > b {
	display:-webkit-flex; display:flex; 
	-webkit-align-items:center; align-items:center; 
	height:100%; margin:-25px -15px; padding:25px 15px;}
#header_ > nav ul.main > li > a::after, 
#header_ > nav ul.main > li > b::after {left:15px; right:15px;}

html.fac-header-hidden #header_ {padding-bottom:0;}
html.fac-header-hidden #header_ > nav {position:static;}
html.fac-header-hidden #header_ > nav .main {margin-top:0;}

#quick-search_ {position:relative; margin:0 calc(50% - 50vw); padding:20px 0; background:#cde0da;}
#quick-search_ > h1 {display:none;}
#quick-search_ > .image {display:none; position:relative; margin:-20px 0;}
#quick-search_ > .image::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; background:#000; opacity:0.2;}
#quick-search_ > .image > ul {margin:0 -44.8598%;}
#quick-search_ > .image > ul > li {margin:-1px 0 0;}
#quick-search_ > .image > ul > li > img {width:100%; height:auto;}
#quick-search_ > form {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	width:1140px; height:60px; margin:auto; border-radius:3px; color:#036248; font-size:1.8rem; line-height:1; overflow:hidden;}
#quick-search_ > form > .category {
	-webkit-flex:0 1 auto; -ms-flex:0 1 auto; flex:0 1 auto; 
	position:relative;}
#quick-search_ > form > .category::after {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	width:4.88em; position:absolute; right:0; top:0; bottom:0; margin:0; color:#000; font-size:0.8em;}
#quick-search_ > form > .category > select {height:60px; margin:0; padding:0.8em 3.9em 0.8em 1.6em; border:none; background:#f2f2f2; color:inherit; font-weight:bold;}
#quick-search_ > form > .word {
	-webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; 
	min-width:0; margin:0; padding:0.8em 1.6em; border:0; border-radius:0; color:#000; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
#quick-search_ > form > .submit {
	-webkit-flex:0 1 60px; -ms-flex:0 1 60px; flex:0 1 60px; 
	height:0; position:relative; padding:61px 0 0; border:none; border-radius:0; background:#036248; overflow:hidden; cursor:pointer; 
	-webkit-appearance:none; -moz-appearance:none; appearance:none;}
#quick-search_ > form > .submit:hover {background-color:#4f917f;}
#quick-search_ > form > .submit::after {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	content:"\e622"; position:absolute; left:0; right:0; top:0; bottom:0; color:#fff; font:normal 1.7em/1 icons;}
html.fac-js-enabled #quick-search_ > .image > ul > li {width:6400px; animation:70s linear 0s infinite;}
html.fac-js-enabled #quick-search_ > .image > ul > li:nth-child(odd)  {animation-name:move-right;}
html.fac-js-enabled #quick-search_ > .image > ul > li:nth-child(even) {animation-name:move-left;}
html.fac-js-enabled #quick-search_ > .image > ul > li > img {width:25%; transform:translate3d(0,0,0);}

@keyframes move-right {
	0%   {transform:translate3d(-25%,0,0);}
	100% {transform:translate3d(0,0,0);}
}
@keyframes move-left {
	0%   {transform:translate3d(0,0,0);}
	100% {transform:translate3d(-25%,0,0);}
}

#breadcrumb_ {height:0; position:relative; z-index:8000; margin:0 calc(50% - 50vw); padding:0 30px; color:#036248;}
#breadcrumb_ > ul {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	padding:14px 0; font-size:1.2rem; line-height:1; overflow:hidden;}
#breadcrumb_ > ul > li {position:relative; padding:0 0 0 2em; white-space:nowrap;}
#breadcrumb_ > ul > li::before {content:"\e611"; width:2em; position:absolute; left:0; top:50%; transform:translateY(-50%); font:normal 1em/1 icons;}
#breadcrumb_ > ul > li:first-child {padding:0;}
#breadcrumb_ > ul > li:first-child::before {display:none;}
#breadcrumb_ > ul > li > a {display:block; color:inherit; text-decoration:none;}
#breadcrumb_ > ul > li > a:hover {color:#4f917f;}
#breadcrumb_ > ul > li:last-child {color:#999;}

#search_ {margin:60px 0 0; padding:60px 0 0; border-top:1px solid #e5e5e5; font-size:1.6rem; text-align:center;}
#search_ > h1 {font-size:2.4rem; font-weight:900;}
#search_ > p {margin:1em 0 0; font-size:1.4rem;}
#search_ > p br {display:none;}
#search_ > .c-form {margin:30px 0 0;}
#search_ > .c-form > section {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	padding:10px 60px; border:none; background:#f7f7f7;}
#search_ > .c-form > section:first-of-type {padding-top:40px; border-radius:3px 3px 0 0;}
#search_ > .c-form > section:last-of-type {padding-bottom:40px; border-radius:0 0 3px 3px;}
#search_ > .c-form > section > header {
	-webkit-flex:0 1 160px; -ms-flex:0 1 160px; flex:0 1 160px; 
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:flex-end; -ms-flex-pack:flex-end; justify-content:flex-end; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center;}
#search_ > .c-form > section > header > h1 {color:#036248;}
#search_ > .c-form > section > .c-form-body {
	-webkit-flex:1 1 auto; -ms-flex:1 1 auto; flex:1 1 auto; 
	margin-left:0;}
#search_ > .c-form > section > .c-form-body > ul.c-form-error {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:baseline; -ms-align-items:baseline; align-items:baseline; 
	height:0; margin:0 0 0 -1em; padding-top:0; font-size:1.2rem;}
#search_ > .c-form > section > .c-form-body > ul.c-form-error > li {margin:0 0 0 1em;}
#search_ > .c-form > section.word        > .c-form-body > .text {width:100%;}
#search_ > .c-form > section.category    > .c-form-body > div {max-width:50%;}
#search_ > .c-form > section.category    > .c-form-body select {width:100%;}
#search_ > .c-form > section.price-range > .c-form-body > div {position:relative;}
#search_ > .c-form > section.price-range > .c-form-body > div:first-child::after {content:"～"; margin:0 -0.9em 0 0;}
#search_ > .c-form > section.price-range > .c-form-body input {width:140px; -moz-appearance:textfield;}
#search_ > .c-form > section.price-range > .c-form-body input::-webkit-outer-spin-button,
#search_ > .c-form > section.price-range > .c-form-body input::-webkit-inner-spin-button {-webkit-appearance:none; margin:0;}
#search_ > .c-form > section.ship-date   > .c-form-body select {width:140px;}
#search_:first-child {margin-top:0; border-top-width:0; padding-top:70px;}
#search_:first-child > h1 {font-size:2.8rem;}

/*#footer_ > nav > ul > li.facebook {display:none;}*/


@media screen and (max-width:1180px) {
#quick-search_, 
#breadcrumb_ {margin-left:-20px; margin-right:-20px;}
}


@media screen and (max-width:599px) {

#container_ {padding-top:45px;}

#main_ {padding-top:0;}

#header_ {box-shadow:none;}
#header_::after {}
#header_ > h1 {width:40%;}
#header_ > h1 > a {height:45px; background-size:auto 35px;}
#header_ > h2 {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	height:45px; left:20px; top:0; font-size:0.8rem; transform:none;}
#header_ > h2 > small {display:none;}
#header_ > h2 > b {display:block;}
#header_ > nav {}
#header_ > nav ul.main {position:static; border-bottom:1px solid #dadada; font-size:1.2rem; font-size:3.75vw;}
#header_ > nav ul.main > li {padding:1.5em 0;}
#header_ > nav ul.main > li > a, 
#header_ > nav ul.main > li > b {margin:-1.5em -20px; padding:1.5em 20px;}

html.fac-header-hidden #header_ {padding-bottom:0;}
html.fac-header-hidden #header_ > nav {position:static;}
html.fac-header-hidden #header_ > nav .main {margin-top:0;}

#quick-search_ {padding:6.25% 20px;}
#quick-search_ > h1 {}
#quick-search_ > .image {margin:-6.78% -20px;}
#quick-search_ > .image > ul {width:250%; margin:0 -75%;}
#quick-search_ > .image > ul > li {}
#quick-search_ > .image > ul > li > img {width:100%; height:auto;}
#quick-search_ > form {width:auto; height:13vw; margin:auto 0; font-size:1.6rem;}
#quick-search_ > form > .category {}
#quick-search_ > form > .category::after {width:2em;}
#quick-search_ > form > .category > select {height:100%; padding:1.25vw 7vw 1.25vw 2.5vw;}
#quick-search_ > form > .category > select::-ms-expand {}
#quick-search_ > form > .word {padding:1.25vw 2.5vw;}
#quick-search_ > form > .submit {display:none;}
#quick-search_ > form > .submit:hover {}
#quick-search_ > form > .submit::after {}
html.fac-js-enabled #quick-search_ > .image > ul > li {width:540%;}
html.fac-js-enabled #quick-search_ > .image > ul > li:nth-child(odd)  {}
html.fac-js-enabled #quick-search_ > .image > ul > li:nth-child(even) {}
html.fac-js-enabled #quick-search_ > .image > ul > li > img {}

#breadcrumb_ {height:auto; margin:0 -20px; padding:0 20px;}
#breadcrumb_ > ul {padding:1em 0; font-size:1rem; font-size:3.125vw;}
#breadcrumb_ > ul > li {}
#breadcrumb_ > ul > li::before {}
#breadcrumb_ > ul > li:first-child {}
#breadcrumb_ > ul > li:first-child::before {}
#breadcrumb_ > ul > li > a {}
#breadcrumb_ > ul > li > a:hover {}
#breadcrumb_ > ul > li > a[aria-current="page"] {}

#search_ {margin:3em -20px 0; padding:3em 20px 0; font-size:1rem; font-size:3.125vw;}
#search_ > h1 {font-size:1.5rem; font-size:4.6875vw;}
#search_ > p {font-size:1.1rem; font-size:3.4375vw;}
#search_ > p br {display:block;}
#search_ > .c-form {margin:2em 0 0;}
#search_ > .c-form > section {display:block; padding:0.5em 2em;}
#search_ > .c-form > section:first-of-type {padding-top:2em;}
#search_ > .c-form > section:last-of-type {padding-bottom:2em;}
#search_ > .c-form > section > header {display:block;}
#search_ > .c-form > section > header > h1 {}
#search_ > .c-form > section > .c-form-body {margin-left:-1em;}
#search_ > .c-form > section > .c-form-body > ul.c-form-error {display:block; height:auto; padding:0.5em 0 0 1.5em; font-size:1rem; font-size:3.125vw;}
#search_ > .c-form > section.word        > .c-form-body > .text {}
#search_ > .c-form > section.category    > .c-form-body > div {
	-webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; 
	max-width:none;}
#search_ > .c-form > section.category    > .c-form-body select {}
#search_ > .c-form > section.price-range > .c-form-body > div {-webkit-flex:1 1 100%; flex:1 1 100%;}
#search_ > .c-form > section.price-range > .c-form-body > div:first-child::after {}
#search_ > .c-form > section.price-range > .c-form-body input {width:100%;}
#search_ > .c-form > section.ship-date   > .c-form-body > div {-webkit-flex:1 1 50%; flex:1 1 50%;}
#search_ > .c-form > section.ship-date   > .c-form-body select {width:100%;}
#search_ > .c-form > footer > * {font-size:1rem; font-size:3.125vw;}
#search_:first-child {padding-top:8vw;}
#search_:first-child > h1 {font-size:1.6rem; font-size:5vw;}

#footer_ > nav > ul > li.facebook {}
/*#footer_ > small {margin-top:3em;}*/

}


/* フォーム */
.c-form input[type="number"], 
.c-form input[type="search"] {border-radius:3px; background-color:#fff;}
.c-form select {background:#fff;}


/* ページ：アイテム一覧 */
.c-page-items {}
.c-page-items > header {position:relative; z-index:1; padding:70px 0 50px;}
.c-page-items > header::after {display:block; content:""; clear:both; height:0;}
.c-page-items > header > h1 {font-size:2.4rem; font-weight:bold; text-align:center;}
.c-page-items > header > h1 > strong {display:inline-block;}
.c-page-items > header > h1 > strong::before {content:"「";}
.c-page-items > header > h1 > strong::after  {content:"」";}
.c-page-items > header > h1 > em {display:inline-block;}
.c-page-items > header > h1 > em::before {content:"（";}
.c-page-items > header > h1 > em::after  {content:"）";}
.c-page-items > header > nav {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	margin:60px 0 0;}
.c-page-items > header > nav > .c-form {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	margin:0 -5px; font-size:1.2rem;}
.c-page-items > header > nav > .c-form > * {margin:0 5px;}
.c-page-items > header > nav > .c-form > .c-form-select {}
.c-page-items > header > nav > .c-form > .c-form-select::after {width:2em; font-size:0.8em;}
.c-page-items > header > nav > .c-form > .c-form-select > select {padding:6px 2em 6px 7px;}
.c-page-items > header > nav > .c-form > .sort {}
.c-page-items > header > nav > .c-form > .display {}
.c-page-items > header > nav > .c-form > .apply {width:auto; height:auto; min-height:0; padding:0.5em;}
html.fac-js-enabled .c-page-items > header > nav > .c-form > .apply {display:none;}
.c-page-items > header > nav > .info {display:block; margin:0 0 0 20px; font-size:1.4rem; font-weight:normal;}
.c-page-items > header > nav > .info > em {font-weight:normal;}
.c-page-items > header > nav > .c-pager-small {margin-left:auto;}
.c-page-items > header + #list {margin:-20px 0 0; padding:1px 0 0;}
.c-page-items > header + #list > h1 {display:none;}
.c-page-items > footer {padding:30px 0 0;}
.c-page-items > footer::after {display:block; content:""; clear:both; height:0;}
.c-page-items > footer > nav {float:right;}
@media screen and (max-width:599px) {
.c-page-items {}
.c-page-items > header {padding:8vw 0 2.5em;}
.c-page-items > header::after {}
.c-page-items > header > h1 {font-size:1.5rem; font-size:4.6875vw;}
.c-page-items > header > nav {display:block; margin:3em 0 0;}
.c-page-items > header > nav > .c-form {
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	margin:-1em -0.5em 0; font-size:1.1rem; font-size:3.4375vw;}
.c-page-items > header > nav > .c-form > * {margin:1em 0.5em 0;}
.c-page-items > header > nav > .c-form > .c-form-select {}
.c-page-items > header > nav > .c-form > .c-form-select::after {width:2.5em;}
.c-page-items > header > nav > .c-form > .c-form-select > select {padding:0.5em 2em 0.5em 0.7em; background:#fff;}
.c-page-items > header > nav > .c-form > .sort    {-webkit-flex:0 0 60%; -ms-flex:0 0 60%; flex:0 0 60%;}
.c-page-items > header > nav > .c-form > .display {-webkit-flex:0 0 30%; -ms-flex:0 0 30%; flex:0 0 30%;}
.c-page-items > header > nav > .info {
	-webkit-flex:1 1 100%; -ms-flex:1 1 100%; flex:1 1 100%; 
	margin:1em 0 0; font-size:1.1rem; font-size:3.4375vw;}
.c-page-items > header > nav > .info > em {}
.c-page-items > header > nav > .c-pager-small {margin:1em 0 0;}
.c-page-items > header + #list {margin-top:0;}
.c-page-items > header + #list > h1 {}
.c-page-items > footer {padding:2em 0 0;}
.c-page-items > footer::after {}
.c-page-items > footer > nav {float:none;}
}


/* ページ：商品詳細 */
.c-page-product-details {padding:40px 0 0; font-size:1.6rem; text-align:left;}
.c-page-product-details > header {min-height:700px; position:relative; padding:1px 0 0 740px;}
.c-page-product-details > header > h1 {min-height:3em; font-size:2.4rem; font-weight:bold;}
.c-page-product-details > header > h1::before {display:block; content:""; margin:-0.3em 0 0;}
.c-page-product-details > header > .image {width:700px; position:absolute; left:0; top:0; margin:0; padding:700px 0 0; overflow:hidden; pointer-events:none;}
.c-page-product-details.registered-store-only > header > .image::before {
	display:block; content:""; width:80px; height:0; position:absolute; right:20px; top:20px; z-index:100; padding:80px 0 0; border-radius:100%; 
	background:#036248 url(../common/images/products_registered-store-only.png) no-repeat; background-size:contain; overflow:hidden;}
.c-page-product-details > header > .image::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:100; border:1px solid #e5e5e5;}
.c-page-product-details > header > .image ul {position:absolute; left:0; right:0; top:0; bottom:0; z-index:1;}
.c-page-product-details > header > .image ul > li {position:absolute; left:0; right:0; top:0; bottom:0; pointer-events:auto;}
.c-page-product-details > header > .image ul > li:nth-child(n+2) {display:none;}
.c-page-product-details > header > .image ul > li > img {
	display:block; width:auto; max-width:100%; height:auto; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.c-page-product-details > header > .image > .fac-gallery {position:absolute; left:0; right:0; top:0; bottom:0;}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-slider, 
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-list {height:100%;}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-item {display:block; position:relative;}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-nav > button {width:100px; color:#036248; font-size:2.4rem;}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-nav > button:hover {color:#4f917f;}
.c-page-product-details > header > .image > .fac-gallery-first .fac-gallery-previous, 
.c-page-product-details > header > .image > .fac-gallery-last  .fac-gallery-next      {opacity:0;}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-nav > ol {display:none;}
html.fac-initial    .c-page-product-details > header > .image > .fac-gallery .fac-gallery-nav > button {transition-duration:0s;}
html.fac-js-enabled .c-page-product-details > header > .image > .fac-gallery .fac-gallery-item:hover {cursor:zoom-in;}
body > .fac-popups.image.fac-popups-show {
	width:calc(100vh - 60px); max-width:1000px; min-width:0; height:calc(100vh - 60px); max-height:1000px; min-height:0; left:0; right:0; top:0; bottom:0; margin:auto; overflow:visible;}
body > .fac-popups.image .fac-popups-board {width:100%; max-width:none; height:0; max-height:none; padding:100% 0 0; border-width:0; overflow:hidden;}
body > .fac-popups.image .fac-popups-background {left:calc(50% - 50vw); right:calc(50% - 50vw); top:calc(50% - 50vh); bottom:calc(50% - 50vh);}
body > .fac-popups.image .fac-gallery-list {position:absolute !important; left:0; top:0; bottom:0;}
body > .fac-popups.image .fac-gallery-item {}
body > .fac-popups.image .fac-gallery-item > div {width:100%; height:100%; position:relative; overflow:hidden;}
body > .fac-popups.image .fac-gallery-item img {display:block; width:auto; max-width:100%; height:auto; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
body > .fac-popups.image .fac-gallery-nav {
	width:calc(100vh - 60px); max-width:1000px; height:calc(100vh - 60px); max-height:1000px; position:absolute; left:0; right:0; top:0; bottom:0; z-index:10; margin:auto;}
body > .fac-popups.image .fac-gallery-nav > ol {padding:10px 0;}
body > .fac-popups.image .fac-gallery-nav > button {top:60px; bottom:60px; color:#036248;}
body > .fac-popups.image .fac-gallery-nav > button:hover {color:#4f917f;}
body > .fac-popups.image.fac-gallery-first .fac-gallery-previous, 
body > .fac-popups.image.fac-gallery-last  .fac-gallery-next      {opacity:0;}
@media screen and (max-width:1059px) {
body > .fac-popups.image .fac-popups-background {left:-1000px; right:-1000px; top:-1000px; bottom:-1000px;}
}
.c-page-product-details > header > .data {width:400px; margin:1em 0 0; border-top:1px solid #e5e5e5;}
.c-page-product-details > header > .data th, 
.c-page-product-details > header > .data td {padding:9px 0; border-bottom:1px solid #e5e5e5; text-align:left;}
.c-page-product-details > header > .data th {color:#036248; font-weight:bold; white-space:nowrap;}
.c-page-product-details > header > .data td {width:100%; padding-left:20px;}
.c-page-product-details > header > .barcode {margin-top:20px; padding:20px; border:1px solid #e5e5e5;}
.c-page-product-details > header > .barcode > img, 
.c-page-product-details > header > .barcode > svg {display:block; margin:0 auto;}
.c-page-product-details > header > .thumbnails {margin:25px 0 0;}
.c-page-product-details > header > .thumbnails .fac-gallery-list {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-10px 0 0 -10px;}
.c-page-product-details > header > .thumbnails .fac-gallery-item {
	-webkit-flex:0 1 70px; -ms-flex:0 1 70px; flex:0 1 70px; 
	height:0; position:relative; margin:10px 0 0 10px; padding:70px 0 0; overflow:hidden; cursor:pointer;}
.c-page-product-details > header > .thumbnails .fac-gallery-item::after {
	display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; z-index:1; border:1px solid transparent; transition:border-color 0.2s ease-in-out;}
.c-page-product-details > header > .thumbnails .fac-gallery-item.fac-gallery-selected::after {border-color:#036248;}
.c-page-product-details > header > .thumbnails .fac-gallery-item > img {
	display:block; width:auto; max-width:100%; height:auto; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.c-page-product-details > header > .thumbnails .fac-gallery-nav {display:none;}
.c-page-product-details > header > .download {margin-top:2em; font-size:1.2rem;}
.c-page-product-details > header > .download > h1 {font-size:1.8rem;}
.c-page-product-details > header > .download > ul {margin:1.5em 0 0;}
.c-page-product-details > header > .download > ul > li {padding:0 0 0 1em; text-indent:-1em;}
.c-page-product-details > header > .download > footer {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	margin:2em 0 0; font-size:1.4rem;}
.c-page-product-details > header > .download > footer > .agree {}
.c-page-product-details > header > .download > footer > .agree + label {margin:0 0 0 -1.8em; padding:1em 1em 1em 2em; cursor:pointer;}
.c-page-product-details > header > .download > footer > .download {
	-webkit-flex:0 1 60%; -ms-flex:0 1 60%; flex:0 1 60%; 
	min-width:0; margin:0 0 0 auto; padding:0.8em 1em; border-radius:3px; font-size:1.8rem; font-weight:normal; opacity:0.5; pointer-events:none;}
.c-page-product-details > header > .download > footer > .agree:checked ~ .download {opacity:1; pointer-events:auto;}
html.fac-js-enabled .c-page-product-details > header > .download {}
html.fac-js-enabled .c-page-product-details > header > .download > * {display:none;}
html.fac-js-enabled .c-page-product-details > header > .download > h1 {
	display:-webkit-inline-flex; display:-ms-inline-flexbox; display:inline-flex; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	font-size:1.4rem; font-weight:normal; font-family:inherit; text-decoration:underline; cursor:pointer;}
html.fac-js-enabled .c-page-product-details > header > .download > h1::before {
	display:inline-block; content:""; width:21px; height:0; margin:0 0.5em 0 0; padding:21px 0 0; border-radius:100%; 
	background:#036248 url(../common/images/icon_download.png) no-repeat; overflow:hidden;}
html.fac-js-enabled .c-page-product-details > header > .download > h1:hover {text-decoration:none;}
body > .fac-popups.download section.download {width:600px; font-size:1.2rem; text-align:left;}
body > .fac-popups.download section.download > h1 {font-size:2.2rem;}
body > .fac-popups.download section.download > ul {margin:2em 0 0;}
body > .fac-popups.download section.download > ul > li {padding:0 0 0 1em; text-indent:-1em;}
body > .fac-popups.download section.download > footer {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	margin:3em 0 0;}
body > .fac-popups.download section.download > footer > .agree {}
body > .fac-popups.download section.download > footer > .agree + label {margin:0 0 0 -1.8em; padding:1em 1em 1em 2em; font-size:1.4rem; cursor:pointer;}
body > .fac-popups.download section.download > footer > .cancel {margin:0 0 0 auto; padding:1em; border:none; background:transparent; outline:none; color:#036248; cursor:pointer;}
body > .fac-popups.download section.download > footer > .cancel:hover {color:#4f917f;}
body > .fac-popups.download section.download > footer > .download {
	-webkit-flex:0 1 60%; -ms-flex:0 1 60%; flex:0 1 60%; 
	min-width:0; margin:0 0 0 auto; padding:0.8em 1em; border-radius:3px; font-size:1.8rem; font-weight:normal; opacity:0.5; pointer-events:none;}
body > .fac-popups.download section.download > footer > .agree:checked ~ .download {opacity:1; pointer-events:auto;}
.c-page-product-details > section {padding:1.5em 0; border-top:1px solid #e5e5e5;}
.c-page-product-details > section:first-of-type {margin:60px 0 0;}
.c-page-product-details > section::after {display:block; content:""; clear:both; height:0;}
.c-page-product-details > section > * {margin:0 0 0 160px;}
.c-page-product-details > section > h1 {float:left; width:140px; margin:0; color:#036248; font-weight:bold;}
.c-page-product-details > #search_ {margin-top:0;}
@media screen and (max-width:599px) {
.c-page-product-details {padding:2em 0 0; font-size:1.2rem; font-size:3.75vw;}
.c-page-product-details > header {
	display:-webkit-flex; display:flex; 
	-webkit-flex-direction:column; flex-direction:column; 
	min-height:0; padding:0;}
.c-page-product-details > header > h1 {order:1; min-height:0; font-size:1.4rem; font-size:4.375vw;}
.c-page-product-details > header > h1::before {display:none;}
.c-page-product-details > header > .image {order:2; width:auto; position:relative; margin:2em 0 0; padding:100% 0 0;}
.c-page-product-details.registered-store-only > header > .image::before {width:15%; right:5%; top:5%; padding:15% 0 0;}
.c-page-product-details > header > .image::after {}
.c-page-product-details > header > .image ul {}
.c-page-product-details > header > .image ul > li {}
.c-page-product-details > header > .image ul > li:nth-child(n+2) {}
.c-page-product-details > header > .image ul > li > img {}
.c-page-product-details > header > .image > .fac-gallery {}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-slider, 
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-list {}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-item {}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-item > * {}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-nav > button {width:15%; font-size:2.4rem; font-size:7.5vw;}
.c-page-product-details > header > .image > .fac-gallery .fac-gallery-nav > ol {}
html.fac-js-enabled .c-page-product-details > header > .image {}
html.fac-js-enabled .c-page-product-details > header > .image > .fac-gallery .fac-gallery-item:hover {cursor:default;}
.c-page-product-details > header > .data {order:5; width:100%; margin:1.5em 0 0;}
.c-page-product-details > header > .data th, 
.c-page-product-details > header > .data td {padding:1em 0;}
.c-page-product-details > header > .data th {}
.c-page-product-details > header > .data td {width:100%; padding-left:20px;}
.c-page-product-details > header > .barcode {order:4; margin-top:1em; padding:1em 2em;}
.c-page-product-details > header > .barcode > img, 
.c-page-product-details > header > .barcode > svg {width:100% !important; height:auto;}
.c-page-product-details > header > .thumbnails {order:3; margin:1em 0 0;}
.c-page-product-details > header > .thumbnails .fac-gallery-list {margin:-2.6785714% 0 0 -2.6785714%;}
.c-page-product-details > header > .thumbnails .fac-gallery-item {
	-webkit-flex:0 1 17.3%; -ms-flex:0 1 17.3%; flex:0 1 17.3%; 
	margin:2.6785714% 0 0 2.6785714%; padding:17.3% 0 0;}
.c-page-product-details > header > .thumbnails .fac-gallery-item::after {}
.c-page-product-details > header > .thumbnails .fac-gallery-item.fac-gallery-selected::after {}
.c-page-product-details > header > .thumbnails .fac-gallery-item > img {}
.c-page-product-details > header > .thumbnails .fac-gallery-nav {}
.c-page-product-details > header > .download {order:6; display:none; margin-top:2em; font-size:1rem; font-size:3.125vw;}
.c-page-product-details > header > .download > h1 {font-size:1.2rem; font-size:3.75vw;}
.c-page-product-details > header > .download > ul {}
.c-page-product-details > header > .download > ul > li {}
.c-page-product-details > header > .download > footer {}
.c-page-product-details > header > .download > footer > .agree {}
.c-page-product-details > header > .download > footer > .agree + label {font-size:inherit;}
.c-page-product-details > header > .download > footer > .download {font-size:1.2rem; font-size:3.75vw;}
.c-page-product-details > header > .download > footer > .agree:checked ~ .download {}
.c-page-product-details > section {}
.c-page-product-details > section:first-of-type {margin:2em 0 0;}
.c-page-product-details > section::after {}
.c-page-product-details > section > * {margin:0.5em 0 0;}
.c-page-product-details > section > h1 {float:none; width:auto; margin:0;}
.c-page-product-details > #search_ {margin-top:0;}
}

/* カテゴリ：リスト */
.c-category-list {margin:-1.5em 0 0; columns:3; column-gap:30px; font-size:1.4rem; text-align:left; line-height:1.5;}
.c-category-list li {}
.c-category-list li > a {display:block; position:relative;}
.c-category-list li > a::after {
	display:none; content:"\e611"; width:3em; position:absolute; right:0; top:50%; z-index:2; margin:-0.5em 0 0; transition:transform 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; 
	font:normal 1em/1 icons; text-align:center; pointer-events:none;}
.c-category-list > li {display:inline-block; width:100%; margin:1.5em 0 0;}
.c-category-list > li > a {padding:0.6em 3em 0.6em 0.8em; background:#f7f7f7; color:#036248; font-size:1.6rem; font-weight:bold; text-decoration:none;}
.c-category-list > li > a:hover {color:#4f917f;}
.c-category-list > li > a::after {display:block;}
.c-category-list > li > ul {margin:0 0 -0.5em; padding:0.8em 0 0;}
.c-category-list > li > ul > li {padding:0.5em 0;}
.c-category-list > li > ul > li.all {display:none;}
.c-category-list > li > ul > li > a {margin:-0.5em 0; padding:0.5em 0;}
@media screen and (max-width:599px) {
.c-category-list {columns:auto; font-size:1rem; font-size:3.125vw;}
.c-category-list li {}
.c-category-list li > a {text-decoration:none;}
.c-category-list > li {display:block; width:auto;}
.c-category-list > li > a {padding:1em 3em 1em 1.25em; font-size:1.2rem; font-size:3.75vw;}
.c-category-list > li > ul {margin:0; padding:0;}
.c-category-list > li > ul > li {padding:1.5em; border-bottom:1px solid #e5e5e5;}
.c-category-list > li > ul > li.all {display:block;}
.c-category-list > li > ul > li > a {margin:-1.5em; padding:1.5em 3em 1.5em 1.5em;}
.c-category-list > li > ul > li > a::after {display:block; width:4em; font-size:0.8em;}

/* accordion */
html.fac-js-enabled .c-category-list > li > *:not(a) {height:0; overflow:hidden;}
.c-category-list > li.fac-switcher > a {position:relative; cursor:pointer;}
.c-category-list > li.fac-switcher > a::after {content:"\e612";}
.c-category-list > li.fac-switcher-show > a::after {transform:rotate(-180deg);}
.c-category-list > li.fac-switcher > *:not(a) {height:0; transition:height 0.5s cubic-bezier(0.19, 1, 0.22, 1) 0s; overflow:hidden;}

}


/* 商品：リスト */
.c-products-list {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-20px 0 0 -20px; text-align:center;}
.c-products-list > li, 
.c-products-list > li > a {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;}
.c-products-list > li {
	-webkit-flex:0 1 270px; -ms-flex:0 1 270px; flex:0 1 270px; 
	position:relative; margin:20px 0 0 20px;}
.c-products-list > li::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #e5e5e5; pointer-events:none;}
.c-products-list > li > a {position:relative; text-decoration:none;}
.c-products-list > li > a::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; opacity:0; pointer-events:none;}
.c-products-list > li .image {height:0; position:relative; padding:270px 0 0; border-bottom:1px solid #e5e5e5; overflow:hidden;}
.c-products-list > li .image > img {
	display:block; width:auto; max-width:100%; height:auto; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.c-products-list > li > a:hover::after {opacity:0.3;}
.c-products-list > li > a:hover img {opacity:1;}
.c-products-list > li.registered-store-only .image::before {
	display:block; content:""; width:60px; height:0; position:absolute; right:20px; top:20px; z-index:10; padding:60px 0 0; border-radius:100%; 
	background:#036248 url(../common/images/products_registered-store-only.png) no-repeat; background-size:contain; overflow:hidden; pointer-events:none;}
.c-products-list > li h2 {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	-webkit-align-items:center; -ms-align-items:center; align-items:center; 
	min-height:3em; margin:auto 0; padding:1em; font-size:1.6rem; text-align:left;}
.c-products-list > li table {display:block; width:100%; border-top:1px solid #e5e5e5; font-size:1.4rem; text-align:left;}
.c-products-list > li table th, 
.c-products-list > li table td {padding:9px; border-bottom:1px solid #e5e5e5;}
.c-products-list > li table th {padding-right:0; color:#036248; font-weight:bold; white-space:nowrap;}
.c-products-list > li table td {width:100%; padding-left:10px;}
.c-products-list > li .barcode {margin:auto 0 0; padding:10px;}
.c-products-list > li .barcode > img {display:block; width:100%; height:auto; opacity:1;}
@media screen and (max-width:599px) {
.c-products-list {display:block; margin:-2em 0 0; padding:0;}
.c-products-list > li {margin:2em 0 0;}
.c-products-list > li > a {}
.c-products-list > li > a::after {}
.c-products-list > li .image {padding:100% 0 0;}
.c-products-list > li .image > img {}
.c-products-list > li.registered-store-only .image::before {width:20%; right:5%; top:5%; padding:20% 0 0;}
.c-products-list > li > a:hover::after {}
.c-products-list > li > a:hover img {}
.c-products-list > li h2 {font-size:1.4rem; font-size:4.375vw;}
.c-products-list > li table {font-size:1.2rem; font-size:3.75vw;}
.c-products-list > li table th, 
.c-products-list > li table td {padding:9px; border-bottom:1px solid #e5e5e5;}
.c-products-list > li table th {padding-right:0; color:#036248; font-weight:bold; white-space:nowrap;}
.c-products-list > li table td {width:100%; padding-left:10px;}
.c-products-list > li .barcode {margin:auto 0 0; padding:10px;}
.c-products-list > li .barcode > img {}
}


/* カタログ：リスト */
.c-catalogs-list {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; 
	margin:-40px 0 0 -20px; text-align:center;}
.c-catalogs-list > li {
	-webkit-flex:0 1 270px; -ms-flex:0 1 270px; flex:0 1 270px; 
	margin:40px 0 0 20px;}
.c-catalogs-list > li > a {display:block; position:relative; text-decoration:none;}
.c-catalogs-list > li > a::after {display:block; content:""; position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; opacity:0; pointer-events:none;}
.c-catalogs-list > li .image {height:0; position:relative; padding:220px 0 0; border:25px solid transparent; background:#f7f7f7;}
.c-catalogs-list > li .image > img {
	display:block; width:auto; max-width:100%; height:auto; max-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.c-catalogs-list > li.registered-store-only .image::before {
	display:block; content:""; width:60px; height:0; position:absolute; right:0; top:0; z-index:10; padding:60px 0 0; border-radius:100%; 
	background:#036248 url(../common/images/products_registered-store-only.png) no-repeat; background-size:contain; overflow:hidden; pointer-events:none;}
.c-catalogs-list > li > a:hover::after {opacity:0.3;}
.c-catalogs-list > li > a:hover img {opacity:1;}
.c-catalogs-list > li time {display:block; margin:1em 0 0; color:#999; font-size:1.2rem; font-weight:bold;}
.c-catalogs-list > li h2 {font-size:1.6rem;}
.c-catalogs-list > li p {color:#999; font-size:1.2rem;}
@media screen and (max-width:599px) {
.c-catalogs-list {display:block; margin:-2em 0 0; padding:0;}
.c-catalogs-list > li {margin:2em 0 0;}
.c-catalogs-list > li > a {}
.c-catalogs-list > li .image {padding:86.6% 0 0; border-width:4.7vw;}
.c-catalogs-list > li .image > img {}
.c-catalogs-list > li.registered-store-only .image::before {width:20%; padding:20% 0 0;}
.c-catalogs-list > li time {font-size:1.2rem; font-size:3.75vw;}
.c-catalogs-list > li h2 {font-size:1.4rem; font-size:4.375vw;}
.c-catalogs-list > li p {font-size:1.2rem; font-size:3.75vw;}
}


/* ページャー：小 */
.c-pager-small {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	margin:0 -5px; font-size:1.4rem; line-height:1;}
.c-pager-small > li {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	min-width:30px; margin:0 5px; padding:5px; border:1px solid #e5e5e5; border-radius:3px; box-sizing:border-box;}
.c-pager-small > li > a {
	display:-webkit-flex; display:-ms-flexbox; display:flex; 
	-webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
	-webkit-justify-content:center; -ms-flex-pack:center; justify-content:center; 
	min-height:28px; margin:-5px; padding:5px; box-sizing:border-box; text-decoration:none;}
.c-pager-small > li.prev, 
.c-pager-small > li.next {width:60px;}
.c-pager-small > li.prev {}
.c-pager-small > li.next {}
.c-pager-small > li.prev > a, 
.c-pager-small > li.next > a {display:block; position:relative; background:#036248; color:#fff; text-indent:200%; white-space:nowrap; overflow:hidden;}
.c-pager-small > li.prev > a::after, 
.c-pager-small > li.next > a::after {width:1em; height:1em; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; font:normal 1em/1 icons; text-indent:0;}
.c-pager-small > li.prev > a::after {content:"\e613";}
.c-pager-small > li.next > a::after {content:"\e611";}
.c-pager-small > li.prev > a:hover, 
.c-pager-small > li.next > a:hover {background-color:#4f917f;}
.c-pager-small > li.selected {background-color:#e5e5e5; color:#fff;}
.c-pager-small > li.separator {min-width:auto; padding:0; border:none;}
.c-pager-small > li.separator::after {content:"...";}
.c-pager-small > li.disabled {color:#bbb; cursor:default;}
@media screen and (max-width:599px) {
.c-pager-small {}
.c-pager-small {margin:0 -0.5vw; font-size:1.2rem; font-size:3.2vw;}
.c-pager-small > li {width:9vw; min-width:0; height:9vw; position:relative; margin:0 0.5vw; padding:0;}
.c-pager-small > li::after {position:absolute; left:0; right:0; top:50%; margin:-0.5em 0 0;}
.c-pager-small > li > * {position:absolute; left:0; right:0; top:0; bottom:0;}
.c-pager-small > li > a {min-height:0; margin:0; z-index:2;}
.c-pager-small > li.prev, 
.c-pager-small > li.next {width:13vw;}
.c-pager-small > li.prev {}
.c-pager-small > li.next {}
.c-pager-small > li.prev > a, 
.c-pager-small > li.next > a {position:absolute;}
.c-pager-small > li.prev > a::after, 
.c-pager-small > li.next > a::after {}
.c-pager-small > li.prev > a::after {}
.c-pager-small > li.next > a::after {}
.c-pager-small > li.selected {}
.c-pager-small > li.separator {width:5vw;}
.c-pager-small > li.separator::after {}
.c-pager-small > li.disabled {}
}