@charset "utf-8";
/*
Theme Name: unagino-nedoko 7
Theme URI: https://unagino-nedoko.net
Description: 専用のベーステーマ
Version: 7.0
*/

/* common
---------------------------------------------------------------------------*/
body {
	background-color: #FFFFFF;
	color: #121212;
	font-size: 14px;
	font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans','ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	line-height: 1;
	font-feature-settings: 'palt' 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100% !important;
}

body.tablet { -webkit-text-size-adjust: none !important; }
body.noscroll { overflow-y: scroll; position: fixed; width: 100%; }

::-moz-selection { background: #DBDBDB; color: #121212; }
::selection { background: #DBDBDB; color: #121212; }

p { font-size: 14px; line-height: 1.9; letter-spacing: 0.08em; }
p:last-of-type { margin-bottom: 0 !important; }
address,i { font-style: normal; }
img { max-width: none; }
.clearfix:after { content: ''; display: block; clear:both; }

body.pc .pc_view { display: block !important; }
body.pc .sp_view { display: none !important; }
body.sp .sp_view { display: block !important; }
body.sp .pc_view { display: none !important; }

.nowrap { white-space: nowrap; }

.lazyload { transition: .15s ease-out; opacity: 0; }
.lazyloaded { opacity: 1; }

/* font
-----------------------------------*/
.font-min-reset { font-family: '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', YuGothic, 'Hiragino Sans','ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif; }
.font-min { font-family: dnp-shuei-anti-std, '游明朝体', '游明朝', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif; }
.font-sans { font-family: 'Montserrat', sans-serif; }

/* link
------------------------------------*/
a { color: #000000; text-decoration: none; transition: .15s ease-out; -webkit-transform: translateZ(0); }
.fade { cursor: pointer; transition: .15s ease-out; }
a:hover,.fade:hover { text-decoration: none; opacity: 0.6; }
p a { text-decoration: underline; }

.blank {
	background: url(img/share/ico-blank.svg) no-repeat right top 6px;
	background-size: 13px 12px;
	padding-right: 22px;
}

/* .btn
------------------------------------*/
.btn-link a {
	display: inline-block;
	background: url(img/share/ico-arrow.svg) no-repeat left center;
	background-size: 14px 14px;
	padding: 6px 20px 5px 24px;
	font-size: 14px;
	letter-spacing: 0.1em;
}

.btn-link a span {
	display: inline-block;
	border-bottom: 1px solid #121212;
	padding-bottom: 1px;
}

.btn-link-s a {
	display: inline-block;
	background: url(img/share/ico-arrow.svg) no-repeat left center;
	background-size: 12px 12px;
	padding: 6px 20px 5px 20px;
	font-size: 13px;
	letter-spacing: 0.1em;
}

.btn-color a {
	display: inline-block;
	background: #1A1A41;
	border: none !important;
	border-radius: 3px;
	padding: 12px 13px 12px 16px;
	color: #FFFFFF;
	font-size: 15px;
	text-align: center;
	letter-spacing: 0.12em;
}

.btn-color-l a { padding: 15px 29px 15px 32px; }

.btn-line a,
.btn-line > span {
	display: inline-block;
	background: url(img/share/ico-arrow-s-wide.svg) no-repeat right 14px center;
	background-size: 18px 6px;
	border: 1px solid #E3E3E3;
	border-radius: 2px;
	padding: 13px 44px 12px 18px;
	font-size: 14px;
	letter-spacing: 0.1em;
	cursor: pointer;
	transition: .15s ease-out;
}

.btn-line > span:hover { opacity: 0.5; }

.btn-line-s a,
.news-header .index {
	display: inline-block;
	border: 1px solid #B4B4B5;
	border-radius: 2px;
	width: 52px;
	padding: 4px 4px 4px 8px;
	color: #717188;
	font-size: 10px;
	letter-spacing: 0.15em;
	text-align: center;
	white-space: nowrap;
}

.btn-line-s { padding-right: 1px; }

.btn-line-s a {
	width: auto;
	padding: 6px 7px 5px 10px;
	font-size: 13px;
}

.btn-line-s a:hover,
.news-header .index:hover {
	background-color: #717188;
	border-color: #717188;
	color: #FFFFFF;
	opacity: 1;
}

.btn-line-l { width: 100%; }

.btn-line-l a,
.btn-line-l > span {
	display: block;
	background-size: 18px 6px;
	border: 1px solid #E3E3E3;
	border-radius: 2px;
	padding: 25px 24px 24px 26px;
	font-size: 16px;
	letter-spacing: 0.1em;
	text-align: center;
	cursor: pointer;
	transition: .15s ease-out;
}

/* .btn-set
------------------------------------*/
.btn-set { overflow: hidden; }
.btn-set div { float: left; width: 49%; }
.btn-set div:nth-child(even) { float: right; }
.btn-set div a { display: block; }


/* nav
---------------------------------------------------------------------------*/

/* .gnav
------------------------------------*/
.gnav { margin-left: -14px; white-space: nowrap; }
.gnav > ul > li { float: left; text-align: center; }
.gnav > ul > li > a,
.gnav > ul > li > span { display: inline-block; padding: 15px 11px; }

.gnav > ul > li > span { cursor: default; }

.gnav > ul > li > a > strong,
.gnav > ul > li > span > strong { display: block; margin-bottom: 14px; font-size: 17px; }

.gnav > ul > li:nth-of-type(1) strong { letter-spacing: 0.16em; }
.gnav > ul > li:nth-of-type(2) strong { letter-spacing: 0.14em; }
.gnav > ul > li:nth-of-type(3) strong { letter-spacing: 0.1em; }
.gnav > ul > li:nth-of-type(4) strong { letter-spacing: 0.2em; }
.gnav > ul > li:nth-of-type(5) strong { letter-spacing: 0.24em; padding-left: 3px; }
.gnav > ul > li:nth-of-type(6) strong { letter-spacing: 0.2em; }
.gnav > ul > li:nth-of-type(7) strong { letter-spacing: 0.16em; }

.gnav > ul > li > a > em,
.gnav > ul > li > span > em {
	display: block;
	padding-right: 2px;
	color: #AAAAAA;
	font-size: 10px;
	letter-spacing: 0.07em;
}

/* .mnav
------------------------------------*/
.btn-mnav { position: relative; }
body.tablet .btn-mnav .parent { pointer-events: none; }

.mnav-wrap {
	display: block;
	visibility: hidden;
	position: absolute;
	top: 62px;
	left: -2px;
	padding-top: 10px;
	transition: .15s ease-out;
	z-index: 100000;
	opacity: 0;
}

.mnav-wrap.even { min-width: 340px; }

body.tablet .mnav-wrap { display: none; visibility: inherit; transition: inherit; }
body:not(.tablet) .btn-mnav:hover .mnav-wrap { visibility: visible; opacity: 1; top: 72px; }

.mnav {
	position: relative;
	box-sizing: border-box;
	background-color: #1A1A41;
	border-radius: 11px;
	box-shadow: 2px 6px 10px 0 rgba(0,0,0,0.10);
	padding: 36px 28px 30px;
	text-align: left;
	white-space: nowrap;
	z-index: 1;
}

.mnav:before {
	display: block;
	content: '';
	position: absolute;
	top: -8px;
	left: 34px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 6.5px 8px 6.5px;
	border-color: transparent transparent #1a1a41 transparent;
}

.mnav dl { float: left; min-width: 120px; margin-right: 25px; }
.mnav dl:last-of-type { margin-right: 0; margin-bottom: 0; }
.mnav dl:first-of-type:last-of-type { float: none; }
.mnav dl + dl { margin-top: 10px; }

.mnav dt { margin-top: 2px; margin-bottom: 28px; }
.mnav dt:last-child { margin-bottom: 10px; }

.mnav dt a {
	background: url(img/share/ico-arrow-white.svg) no-repeat right top 2px;
	padding: 0 24px 0 1px;
	color: #FFFFFF;
	font-size: 15px;
	letter-spacing: 0.14em;
}

.mnav dd { margin-top: -12px; }

.mnav li { background: url(img/share/line-dot-blue.svg) repeat-x left bottom; margin-bottom: 6px; }
.mnav li:last-of-type { margin-bottom: 0; }

.mnav li a {
	display: block;
	padding: 7px 0 3px 2px;
	color: #FFFFFF;
	font-size: 14px;
	text-align: left;
	line-height: 1.6;
	letter-spacing: 0.18em;
}

.mnav li a.let { letter-spacing: 0.08em; }

/* .snav
------------------------------------*/
.snav {
	position: absolute;
	top: 65px;
	right: 30px;
	width: 270px;
	white-space: nowrap;
}

.snav li { float: left; width: 50%; }

.snav li a {
	display: inline-block;
	padding: 9px 0 9px 22px;
	background-size: 15px 15px;
	background-repeat: no-repeat;
	background-position: left center;
}

.snav li:nth-of-type(1) a { background-image: url(img/share/ico-snav-company.svg); letter-spacing: 0.1em; }
.snav li:nth-of-type(2) a { background-image: url(img/share/ico-snav-account.svg); letter-spacing: 0.1em; background-size: 11px auto; background-position: left 2px center; }
.snav li:nth-of-type(3) a { background-image: url(img/share/ico-snav-faq.svg); letter-spacing: 0.1em; }
.snav li:nth-of-type(4) a { background-image: url(img/share/ico-snav-cart.svg); letter-spacing: 0.1em; }
.snav li:nth-of-type(5) a { background-image: url(img/share/ico-snav-contact.svg); letter-spacing: 0.1em; }
.snav li:nth-of-type(6) a { background-image: url(img/share/ico-snav-member.svg); letter-spacing: 0.1em; }

/* fix-nav
------------------------------------*/
.fix-nav.fixed {
	position: fixed;
	top: 60px;
	left: calc((100% - 1440px)/2);
	width: 310px;
}

@media (max-width: 1439px){
	.fix-nav.fixed { left: 0; width: 270px; }
}

/* .search-form
------------------------------------*/
.search-form { position: relative; }
.product-nav .search-form { margin: 0 0 25px 22px; }

.search-form input[type="text"] {
	box-sizing: border-box;
	border: 1px solid #DBDBDB;
	border-radius: 3px;
	width: 100%;
	height: 40px;
	padding: 9px 36px 8px 12px;
	font-size: 13px;
	letter-spacing: 0.06em;
	-webkit-appearance: none;
}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
	color: #888888;
	letter-spacing: 0.08em;
	opacity: 1;
	font-size: 12px;
	padding-top: 3px;
}

:placeholder-shown {
	color: #888888;
	letter-spacing: 0.08em;
	opacity: 1;
	font-size: 12px;
	padding-top: 3px;
}

.search-form input[type="submit"] {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background: url(img/share/ico-search.svg) no-repeat center center;
	background-size: 13px 17px;
	border: none;
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	transition: .15s ease-out;
}

.search-form input[type="submit"]:hover { opacity: 0.5; }

/* .search-form-news
------------------------------------*/
.search-form-news {
	position: absolute;
	top: 25px;
	right: 90px;
	width: 340px;
}

.search-form-news input[type="text"] {
	background-color: #F5F5F5;
	border: none;
	padding-right: 12px;
	padding-left: 45px;
	font-size: 14px;
}

.search-form-news input[type="submit"] {
	background-size: 15px auto;
	left: 0;
	width: 48px;
	opacity: 0.6;
}


/* header
---------------------------------------------------------------------------*/
header {
	box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	height: 205px;
	margin: 0 auto;
}

body#product.single header { margin-bottom: 20px; }

body#news header,
body#store header,
body#company header,
body#shopping-guide header,
body#faq header,
body#contact header,
body#terms header,
body#privacy header,
body#sitemap header,
body#error header,
body#feature header {
	margin-bottom: 25px;
}

.header-inner {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
	padding-left: 310px;
}

header .logo { position: absolute; top: 66px; left: 36px; }

/* .news-header
------------------------------------*/
.news-header {
	max-width: 730px;
	margin-bottom: 42px;
	padding-top: 15px;
/* 	padding-left: 2px; */
}

.news-header article { display: none; }
.news-header article:nth-of-type(1) { display: block; }

.news-header a {
	display: inline-block;
	box-sizing: border-box;
	padding: 10px 10px 10px 0;
}

.news-header time {
	display: inline-block;
	width: 80px;
	color: #555555;
	font-size: 11px;
	letter-spacing: 0.08em;
	transform: translateY(1px);
}

.news-header h2 {
	display: inline-block;
	border-bottom: 1px solid #666666;
/* 	max-width: calc(730px - 148px); */
	max-width: calc(730px - 160px);
	padding-bottom: 1px;
	font-size: 12px;
	letter-spacing: 0.1em;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transform: translateY(4px);
}

@media all and (-ms-high-contrast:none){
	.news-header h2 { padding-top: 6px; padding-bottom: 0; line-height: 1; transform: translateY(6px); }
	.news-header .index { padding-top: 8px; padding-bottom: 2px; }
}


/* footer
---------------------------------------------------------------------------*/
footer {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 280px 60px 44px 310px;
	color: #000000;
}

/* .footer-top
------------------------------------*/
.footer-top {
	position: absolute;
	bottom: 45px;
	left: 55px;
}

.footer-top .closed {
	margin-bottom: 32px !important;
	font-size: 12px;
	line-height: 1.7;
}

.footer-top .title { margin-bottom: 20px; }

.footer-top .title em {
	display: block;
	margin-bottom: 14px;
	font-size: 11px;
	letter-spacing: 0.15em;
}

.footer-top .title strong {
	display: block;
	margin-left: -2px;
	font-size: 23px;
	letter-spacing: 0.1em;
}

.footer-top address {
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.1em;
}

.footer-top address span {
	display: block;
	font-size: 10px;
	letter-spacing: 0.08em;
}

.footer-top address .let { letter-spacing: 0.04em; }

.footer-top address .ruby {
	position: relative;
	display: inline-block;
}

.footer-top address .rt {
	position: absolute;
	top: -9px;
	left: -6px;
	font-size: 10px;
	letter-spacing: 0.09em;
	white-space: nowrap;
	transform: scale(0.8);
}

/* .footer-nav
------------------------------------*/
.footer-nav {
	position: relative;
	display: inline-block;
	margin-right: 70px;
}

.footer-nav li a {
	display: inline-block;
	background: url(img/share/ico-arrow-s.svg) no-repeat left top 9px;
	background-size: 13px 7px;
	padding: 6px 10px 6px 25px;
	font-size: 13px;
	letter-spacing: 0.1em;
}

.footer-nav li span {
	display: inline-block;
	border-bottom: 1px solid #121212;
	padding-bottom: 1px;
}

/* .footer-btm
------------------------------------*/
.footer-btm { display: inline-block; }

.footer-btm .copyright {
	display: block;
	margin-bottom: 12px;
	font-size: 10px;
	letter-spacing: 0.06em;
	transform-origin: left bottom;
	transform: scale(0.9);
}

.footer-btm li a {
	display: inline-block;
	padding: 5px 22px 6px 0;
	font-size: 15px;
	letter-spacing: 0.1em;
}

.footer-btm li span {
	display: inline-block;
	border-bottom: 1px solid #121212;
	padding-bottom: 1px;
	font-size: 15px;
	letter-spacing: 0.1em;
}

footer .logo { position: absolute; bottom: 50px; right: 60px; width: 143px; }
footer .logo img { width: 100%; height: auto; }


/* contents
---------------------------------------------------------------------------*/
#mainContents {
	width: 100%;
	min-width: 1300px;
	max-width: 1440px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

.contents-wrap {
	position: relative;
	box-sizing: border-box;
	width: 100%;
}

.contents {
	position: relative;
	float: right;
	box-sizing: border-box;
}

.slider-event-wrap,
.maker-map-wrap,
.product-slide-img { padding-right: 4%; }

/* media query
-----------------------------------*/
@media (max-width: 1360px) {
	.maker-map-wrap { padding-right: 40px; }
}

/* .sec-lead-common
------------------------------------*/
.sec-lead-common { margin-bottom: 120px; }
.sec-lead-common p { color: #555555; line-height: 2; letter-spacing: 0.1em; }


/* .slider
---------------------------------------------------------------------------*/
.slider .inner,
.slider-common .inner { opacity: 0; }

.slider .inner:first-of-type,
.slider-common .inner:first-of-type { opacity: 1; }

.slider-common .inner img {
	width: 100%;
	max-width: 1030px;
	height: auto;
	-webkit-transform: translateZ(0);
}

/* .slider-dot
------------------------------------*/
.slider-dot .slick-dots { position: absolute; bottom: -35px; right: -8px; }
.slider-dot .slick-dots li { position: relative; display: inline-block; width: 21px; height: 21px; }
.slick-dots li:first-child:last-child { display: none; }

.slider-dot .slick-dots button {
	position: relative;
	width: 21px;
	height: 21px;
	text-indent: -9999px;
	transition: .15s linear;
}

.slider-dot .slick-dots button:after {
	display: block;
	content: '';
	position: absolute;
	top: 8px;
	left: 8px;
	background: #E7E7E7;
	border-radius: 50%;
	width: 5px;
	height: 5px;
}

.slider-dot .slick-dots button:hover:after,
.slider-dot .slick-dots .slick-active button:after { background: #121212; }

/* .slider-side
------------------------------------*/
.slick-prev,
.slick-next {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 1px;
	background: #1A1A41 url(img/share/ico-arrow-ss-white.svg) no-repeat center center;
	background-size: 4px 7px;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	z-index: 100;
	cursor: pointer;
}

.slick-prev { right: 30px; transform: scaleX(-1); }
.slick-prev:hover,
.slick-next:hover { opacity: 0.7; }


/* .nav-back
---------------------------------------------------------------------------*/
.nav-back a {
	position: relative;
	display: inline-block;
	padding: 1px 10px 5px 20px;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}

.nav-back a:before {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	background: url(img/share/ico-arrow.svg) no-repeat;
	background-size: 12px auto;
	width: 12px;
	height: 12px;
	transform: scaleX(-1);
}

.nav-back a span { border-bottom: 1px solid #121212; }

@media all and (-ms-high-contrast:none){
	.nav-back a:before { top: 2px; }
	.nav-back a span { border-bottom: none; text-decoration: underline; }
}


/* .product-nav
---------------------------------------------------------------------------*/
.product-nav {
	position: relative;
	float: left;
	background-color: #FFFFFF;
	width: 210px;
	z-index: 2;
}

.product-nav .category > dl:first-of-type {
	position: relative;
	margin-bottom: 18px;
	padding-bottom: 16px;
}

.product-nav .category > dl:last-of-type {
	position: relative;
	margin-top: 18px;
	padding-top: 16px;
}

.product-nav .category > dl:first-of-type:after,
.product-nav .category > dl:last-of-type:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: -25px;
	background-color: #DEDEDE;
	width: calc(100% + 25px);
	height: 1px;
}

.product-nav .category > dl:last-of-type:after { bottom: inherit; top: 0; }

.product-nav > dl,
.product-nav-inner {
	border-bottom: 1px solid #DEDEDE;
	margin-bottom: 18px;
	padding: 0 0 16px 25px;
}

.product-nav-inner {
	margin-bottom: 22px;
	padding-top: 6px;
	padding-bottom: 22px;
}

.product-nav-inner.not-line { border-bottom: none; }

.product-nav .category-parent a,
.product-nav .category-parent span {
	display: block;
	background: url(img/share/ico-arrow-link.svg) no-repeat left 2px top 14px;
	background-size: 8px 7px;
	padding: 10px 0 10px 20px;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.12em;
	transition: .15s ease-out;
	cursor: pointer;
}

.product-nav .category-parent span:hover { opacity: 0.5; }

.product-nav .category-parent strong {
	display: block;
	margin-bottom: 7px;
	font-size: 15px;
	letter-spacing: 0.1em;
}

.product-nav .category-parent em {
	display: block;
	color: #AAAAAA;
	font-size: 10px;
	letter-spacing: 0.07em;
	transform-origin: left bottom;
	transform: scale(0.9);
	text-transform: capitalize;
}

.product-nav .sns-wrap { margin-top: 22px; }

.product-nav-inner h2 {
	margin-bottom: 16px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.arrow-list li a {
	display: inline-block;
	background: url(img/share/ico-arrow-link.svg) no-repeat left 2px top 5px;
	background-size: 8px 7px;
	padding: 0 10px 6px 20px;
	font-size: 12px;
	line-height: 1.5;
	letter-spacing: 0.06em;
}

.arrow-list li a span { border-bottom: 1px solid #121212; }

.product-nav .sns-list { margin-left: 5px; }

.product-nav .sns-member {
	border-top: none;
	border-bottom: none;
	margin: 30px 0 0 15px;
	padding: 0;
}

.product-nav .sns-member .list { right: inherit; left: -8px; }
.product-nav .sns-member .list:after { right: inherit; left: 22px; }


/* .product-list
---------------------------------------------------------------------------*/
.product-list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	width: 100%;
	min-width: 100%;
/* 	padding-top: 14px; */
	padding-right: 90px;
	margin-top: 14px;
}

.product-list article {
	position: relative;
	width: 22%;
	margin: 0 4% 7% 0;
	padding-top: 28px;
}

.product-list article:nth-of-type(4n) { margin-right: 0; }

.product-list .category {
	position: absolute;
	bottom: calc(100% - 26px);
	left: 0;
	margin-bottom: 10px;
}

.product-list .category > div {
	position: relative;
	display: block;
	font-size: 11px;
	letter-spacing: 0.06em;
}

.product-list .category a {
	position: relative;
	display: inline-block;
	margin-top: 6px;
}

.product-list .category .maker a { display: inline-block; }

.product-list .category .slash:last-of-type,
.title-category .slash:last-of-type,
.gallery-zoom .category .slash:last-of-type { display: none; }

.product-list figure { position: relative; margin-bottom: 14px; }

.product-list figure a,
.maker-list-s article a,
.maker-item .product-list figure {
	display: block;
	position: relative;
	overflow: hidden;
}

.product-list figure a:before,
.maker-list-s figure a:before,
.maker-item .product-list figure:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border: 1px solid #EEEEEE;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.product-list figure img {
	width: 100%;
	height: auto;
	-webkit-transform: translateZ(0);
}

.product-list figure .line,
.news-list figure .line,
.event-list figure .line {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border: 1px solid #E6E6E6;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.product-list .txt-set { position: relative; }

.product-list .ico { display: block; box-sizing: border-box; margin-top: 27px; }
#topContents .product-list .ico { margin-top: -2px; }

.product-list .ico i {
	display: inline-block;
	margin-top: 3px;
	margin-right: -1px;
	padding: 3px 4px 4px 4px;
	border-radius: 2px;
	color: #FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.04em;
	white-space: nowrap;
}

@media all and (-ms-high-contrast:none){
	.product-list .ico i { padding: 5px 4px 1px 4px; }
}

.product-list .ico i:last-of-type { margin-bottom: 0; }

.product-list .ico .soldout { display: none; background-color: #CFCFCF; }
.product-list .sold .ico .soldout { display: inline-block; }

.product-list .ico .limit { background-color: #8D654A; }
.product-list .sold .limit { display: none; }

.product-list .ico .new { background-color: #8B1B18; }
.product-list .ico .restock { background-color: #E4AB9C; color: #fff; }
.product-list .ico .reserve { background-color: #D1B04D; color: #fff;}
.product-list .ico .original { background-color: #1A1A41; }
.product-list .ico .order { background-color: #2C4F55; }
.product-list .ico .recommend { background-color: #80989B; }
.product-list .ico .discontinued { background-color: #888E7D; }

.product-list h2 {
	margin-bottom: 7px;
	font-size: 14px;
	line-height: 1.55;
	letter-spacing: 0.04em;
}

.product-list h2.pr {
	box-sizing: border-box;
	width: calc(100% - 60px);
}

.product-list h3 {
	margin-bottom: 9px;
	color: #787878;
	font-size: 11px;
	line-height: 1.7;
	letter-spacing: 0.04em;
}

.product-list h3 br { display: none; }

.product-list .price .cartjs_box { padding: 0 !important; }
.product-list .price .cartjs_box table { width: 100% !important; text-align: left !important; }

.product-list .price .cartjs_sales_price th,
.product-list .price .cartjs_product_num,
.product-list .price .cartjs_option,
.product-list .price .cartjs_stock,
.product-list .price .cartjs_cart_in,
.product-list .price .colorme-option-tbl { display: none !important; }

.product-list .price .cartjs_sales_price td {
	display: inline-block;
	position: relative;
	padding-bottom: 0 !important;
	font-size: 12px !important;
	letter-spacing: 0.08em;
}

@media all and (-ms-high-contrast:none){
	.cartjs_sales_price th:before { top: 4px; }
}

/* .maker-list
------------------------------------*/
.maker-list { display: -webkit-box; display: flex; flex-wrap: wrap; }
.maker-list article { width: 380px; margin: 75px 40px 0 0; }

.maker-list article:nth-of-type(1),
.maker-list article:nth-of-type(2),
.maker-list article:nth-of-type(3) { margin-top: 0; }
.maker-list article:nth-of-type(3n) { margin-right: 0; }
.maker-list article:last-of-type { margin-bottom: 120px; }

.maker-list article a { display: block; }
.maker-list .title { margin-bottom: 16px; }

.maker-list .title .area {
	display: block;
	margin-bottom: 10px;
	font-size: 10px;
	letter-spacing: 0.15em;
}

.maker-list .title .area i:last-child { display: none; }

.maker-list .title h3 {
	display: inline-block;
	padding-right: 5px;
	font-size: 18px;
	letter-spacing: 0.06em;
}

.maker-list .title .genre {
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.15em;
}

.maker-list figure { overflow: hidden; margin-bottom: 14px; }
.maker-list figure img { float: left; }
.maker-list figure img:last-of-type {	float: right; }

.maker-list p {
	font-size: 13px;
	text-align: justify;
	letter-spacing: 0.06em;
}

.maker-list .btn-set { margin-top: 22px; }

.maker-list .btn-set div a,
.maker-list-s .btn-set div a { border-radius: 0; }
.maker-list .btn-set div:nth-of-type(1) a,
.maker-list-s .btn-set div:nth-of-type(1) a { background-color: #232323; }
.maker-list .btn-set div:last-of-type a,
.maker-list-s .btn-set div:last-of-type a { background-color: #C9BC9C; }

.maker-list .btn-set .off,
.maker-list-s .btn-set .off { pointer-events: none; opacity: 0.3; }

.maker-list .btn-set .off a,
.maker-list-s .btn-set .off a { background-color: #232323 !important; color: #888; }

/* .notfound
------------------------------------*/
.notfound { margin-top: -18px; }
.notfound p { font-size: 15px; line-height: 2; }
.notfound .btn-set { margin-top: 30px; }
.notfound .btn-set div { float: left; width: auto; margin-right: 10px; }
#newsContents .notfound { margin-top: 25px; }

/* .sns-wrap
---------------------------------------------------------------------------*/
.sns-wrap { text-align: center; }
.sns-list { display: inline-block; text-align: left; white-space: nowrap; }
.sns-list > div { margin-bottom: 4px; }

.sns-list dt a,
.sns-list dt span {
	position: relative;
	display: inline-block;
	padding: 7px 0 10px 38px;
	font-size: 14px;
	letter-spacing: 0.02em;
}

.sns-list dt i,
.share-list i {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	justify-content: center;
	-webkit-box-align: center;
	align-items: center;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border-radius: 50%;
	width: 28px;
	height: 28px;
}

.sns-list .note dt i img { width: 28px; height: 28px; }

.sns-list .instagram dt i,
.share-list .instagram i { background-color: #E05266; }
.sns-list .facebook dt i,
.share-list .facebook i { background-color: #3B5796; }
.sns-list .youtube dt i,
.share-list .youtube i { background-color: #EB3618; }
.sns-list .line dt i,
.share-list .line i { background-color: #45C921; }
.sns-list .mail dt i,
.share-list .mail i { background-color: #676767; }

.sns-list .instagram dt i img { width: 16px; }
.sns-list .facebook dt i img { width: 16px; }
.sns-list .x dt i img { width: 28px; }
.sns-list .youtube dt i img { width: 16px; }
.sns-list .line dt i img { width: 18px; padding-top: 1px; padding-left: 2px; }
.sns-list .mail dt i img { width: 16px; }

.sns-list dd { padding: 4px 0 8px 40px; }
.sns-list dd ul { margin-left: -3px; }

.sns-list dd li a {
	padding-right: 0;
	padding-left: 16px;
	letter-spacing: 0.06em;
	font-size: 11px;
}

/* .share-list
------------------------------------*/
.share {
	width: 126px;
	margin: 0 0 28px -6px;
	text-align: center;
	white-space: nowrap;
}

.share .txt {
	display: inline-block;
	border-bottom: 1px solid #000000;
	margin-bottom: 15px;
	padding-bottom: 1px;
	font-size: 12px;
	letter-spacing: 0.1em;
}

.share-list li { display: inline-block; margin: 0 2px 0 3px; vertical-align: middle; }
.share-list a { display: block; }
.share-list i { position: static; width: 34px; height: 34px; }

.share-list .x i img { width: 34px; }
.share-list .facebook i img { width: 18px; }
.share-list .line i img { width: 22px; padding-top: 1px; padding-left: 2px; }

/* .sns-member
------------------------------------*/
.sns-member {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
	width: 170px;
	margin: 20px auto 0;
	padding: 18px 0 0;
	text-align: center;
}

.member-inner {
	position: relative;
	width: 50%;
	margin-bottom: 15px;
}

.sns-member figure { margin-bottom: 10px; }
.sns-member figure img { border-radius: 50%; }

.sns-member h3 {
	font-size: 10px;
	line-height: 1.5;
	letter-spacing: 0.06em;
}

.sns-member .list {
	position: absolute;
	bottom: 93px;
	right: 42px;
	box-sizing: border-box;
	background: #1B1A4B;
	border-radius: 5px;
	margin-bottom: -12px;
	padding: 10px 15px;
	text-align: left;
	visibility: hidden;
	opacity: 0;
}

.member-inner:hover .list {
	margin-bottom: 0;
	visibility: visible;
	transition: .25s cubic-bezier(0.215, 0.61, 0.355, 1) .1s;
	opacity: 1;
}

.sns-member .list:after {
	display: block;
	content: '';
	position: absolute;
	bottom: -10px;
	right: 14px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 9px 10px 0;
	border-color: transparent #1B1A4B transparent transparent;
}

.sns-member .list li a {
	display: inline-block;
	background: url(img/share/ico-arrow-s-white.svg) no-repeat left top 2px;
	padding: 0px 2px 5px 16px;
	color: #FFFFFF;
	font-size: 11px;
}


/* .mail-maga
---------------------------------------------------------------------------*/
.product-nav .mail-maga {
	box-sizing: border-box;
	width: 180px;
	margin: 14px 0 0 22px;
}

.product-nav .mail-maga a {
	display: block;
	box-sizing: border-box;
	background: url(img/share/ico-mail.svg) no-repeat left 14px center;
	background-size: 19px 14px;
	border: 1px solid #B5B5C5;
	border-radius: 8px;
	padding: 10px 0 10px 47px;
	font-size: 11px;
	line-height: 1.6;
	letter-spacing: 0.09em;
}


/* title
---------------------------------------------------------------------------*/
.title-page { margin: 0 0 50px -3px; }

body#terms .title-page,
body#sitemap .title-page { margin-left: 5px; }

body#store .title-page,
body#company .title-page,
body#faq .title-page,
body#contact .title-page,
body#privacy .title-page { margin: 0 0 65px 3px; }

#newsContents .title-page {
	padding-right: 400px;
}

#newsContents.search .title-page strong {
	padding-top: 2px;
	font-size: 24px;
}

.title-page em {
	display: block;
	margin: 0 0 20px 2px;
	color: #AAAAAA;
	font-size: 11px;
	letter-spacing: 0.1em;
}

.title-page strong {
	display: block;
	font-size: 28px;
	letter-spacing: 0.12em;
}

/* .title-line
------------------------------------*/
.title-line { font-size: 16px; letter-spacing: 0.12em; }
.title-line span { display: inline-block; border-bottom: 1px solid #000000; padding-bottom: 3px; }

/* .title-sec-common
------------------------------------*/
.title-sec-common { margin-bottom: 30px; font-size: 20px; letter-spacing: 0.1em; }


/* .table-common
---------------------------------------------------------------------------*/
.table-common { width: 100%; }
.table-common tr { border-bottom: 1px solid #B7B7B7; }

.table-common th {
	padding: 23px 40px 22px 8px;
	font-size: 15px;
	font-weight: 600;
	text-align: left;
	line-height: 1.6;
	letter-spacing: 0.15em;
	white-space: nowrap;
}

.table-common td {
	padding: 23px 0 22px;
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: 0.1em;
}

.table-common td p {
	margin-bottom: 15px;
	font-size: 15px;
	line-height: 1.9;
	letter-spacing: 0.1em;
}

.table-common td p:last-child { margin-bottom: 0; }


/* .attention
---------------------------------------------------------------------------*/
.attention {
	position: relative;
	padding-left: 18px;
	font-size: 12px;
	line-height: 1.8;
	margin: 0!important;
}

.attention-list li {
	position: relative;
	margin: 0 0 2px 2px;
	padding-left: 16px;
	font-size: 12px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.attention:before,
.attention-list li:before {
	display: block;
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}


/* .dot-list
---------------------------------------------------------------------------*/
.dot-list li {
	position: relative;
	margin: 0 0 5px 3px;
	padding-left: 15px;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.dot-list li:last-of-type { margin-bottom: 0; }

.dot-list li:before {
	display: block;
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
	font-weight: bold;
}


/* .num-list
---------------------------------------------------------------------------*/
.num-list { counter-reset: count-number; }

.num-list li {
	position: relative;
	margin: 0 0 6px 3px;
	padding-left: 20px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.num-list li:before {
	display: block;
	counter-increment: count-number;
	content: counters(count-number,'.') '.';
	position: absolute;
	top: 0;
	left: 0;
}


/* .dl-common
---------------------------------------------------------------------------*/
.dl-common dt { margin-bottom: 25px; }

.dl-common dt h2 {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.2em;
}

.dl-common dd {
	margin-bottom: 55px;
	padding: 0 30px 0 30px;
}

.dl-common dd h3 {
	border-bottom: 1px solid #B7B7B7;
	margin: 50px 0 22px;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.15em;
}

.dl-common dd h3:first-child,
.dl-common dd h4:first-child { margin-top: 0; }

.dl-common dd h4 {
	position: relative;
	margin: 60px 0 18px;
	padding-left: 29px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6;
	letter-spacing: 0.15em;
}

.dl-common dd h4:before {
	display: block;
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	background: #000000;
	width: 16px;
	height: 1px;
}

.dl-common dd h4 span { padding-left: 5px; font-size: 13px; letter-spacing: 0.1em; }
.dl-common dd p { margin-bottom: 18px; text-align: justify; }

.dl-common .ul-common { margin-bottom: 25px; }

.dl-common .ul-common li {
	margin-bottom: 8px;
	font-size: 14px;
	text-align: justify;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

/* .dl-line
---------------------------------------------------------------------------*/
.dl-line {
	border-top: 1px solid #DEDEDE;
	line-height: 1.9;
}

.dl-line > div {
	overflow: hidden;
	border-bottom: 1px solid #DEDEDE;
	padding: 16px 18px 16px 18px;
}

.dl-line-s > div { padding: 9px 9px 9px 0; }
.dl-line > div.pt { padding-top: 25px; }

.dl-line > div > dt {
	float: left;
	width: 140px;
	padding-top: 2px;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.1em;
}

.dl-line-s > div > dt { width: 110px; }
.dl-line > div > dd { padding-left: 160px; }
.dl-line-s > div > dd { padding-left: 130px; }
.dl-line dd p { margin-bottom: 10px; }
.dl-line dd p:last-of-type { margin-bottom: 0; }

.dl-line dd dt,
.dl-line dd dd h4 {
	font-size: 14px;
	letter-spacing: 0.1em;
}

.dl-line dd dt { margin-bottom: 10px; }
.dl-line dd dd { margin-bottom: 30px; padding-left: 31px; }
.dl-line dd dd:last-of-type { margin-bottom: 15px; }

.dl-line dd dd h4 {
	margin-top: 20px;
	margin-bottom: 5px;
}


/* .faq-list
---------------------------------------------------------------------------*/
.faq-list dl {
	border-bottom: 1px solid #DEDEDE;
}

.faq-list dt {
	position: relative;
	background: url(img/share/ico-faq.svg) no-repeat left 16px top 20px;
	background-size: 18px 14px;
	border-top: 1px solid #DEDEDE;
	letter-spacing: 0.12em;
	cursor: pointer;
}

.faq-list dt span {
	position: relative;
	display: block;
	padding: 14px 50px 13px 42px;
	transition: .15s ease-out;
}

.faq-list dt:hover span { opacity: 0.5; }

.faq-list dt span:before,
.faq-list dt span:after {
	display: block;
	content: '';
	position: absolute;
	top: 17px;
	right: 17px;
	background-repeat: no-repeat;
	background-position: center center;
	width: 20px;
	height: 20px;
	transition: .1s ease-in;
}

.faq-list dt span:before { background-image: url(img/share/btn-arrow-s.svg); background-size: 20px 20px; }
.faq-list dt.active span:before { transition: .1s ease-out; opacity: 0; }

.faq-list dt span:after {
	background-image: url(img/share/btn-close-s.svg);
	background-size: 12px 12px;
	transform: rotate(0deg);
	opacity: 0;
}

.faq-list dt.active span:after {
	transform: rotate(360deg);
	transition: .2s ease-out;
	opacity: 1;
}

.faq-list dd {
	display: none;
	padding: 5px 19px 20px 42px;
	text-align: justify;
	letter-spacing: 0.06em;
	margin-top: -4px;
}

.faq-list dd a {
	text-decoration: underline;
}

.faq-list dd p {
	margin-bottom: 10px;
	color: #555555;
	font-size: 13px;
	text-align: justify;
	line-height: 1.8;
}

.faq-list .txt-s {
	color: #555555;
	font-size: 13px;
	line-height: 1.7;
	letter-spacing: 0.06em;
}

.faq-list .txt-m {
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.05em;
}

.faq-list .btn-set {
	overflow: hidden;
	margin: 14px 0 0 1px;	
}

.faq-list .btn-set > div {
	float: left;
	width: auto;
	margin-bottom: 10px;
}

/* .faq-list.size-l
------------------------------------*/
.faq-list.size-l {
	border-bottom: 1px solid #DEDEDE;
	width: 100%;
	margin: 35px 0 0 !important;
}

.faq-list.size-l dt { background-position: left 16px top 23px; }
.faq-list.size-l dt span { padding-top: 18px; padding-bottom: 17px; }
.faq-list.size-l dt span:before,
.faq-list.size-l dt span:after { top: 19px; }


/* .contact-list
---------------------------------------------------------------------------*/
.contact-list {
	width: 760px;
	background: #FAFAFA;
	display: flex;
	flex-wrap: wrap;
	padding: 40px 40px;
	box-sizing: border-box;
	white-space: nowrap;
}

.contact-list div { margin-bottom: 35px; }
.contact-list div:nth-last-of-type(-n+2){ margin-bottom: 0 !important; }
.contact-list div:nth-of-type(odd) { width: 44%; margin-right: 3%; }
.contact-list div:nth-of-type(even) { width: 53%; }

.contact-list dt {
	font-size: 14px;
	letter-spacing: 0.04em;
	margin-bottom: 15px;
}

.contact-list dd {
	font-size: 15px;
	color: #555555;
	letter-spacing: 0.1em;
	transform: translateX(1px);
}


/* post news&event
---------------------------------------------------------------------------*/

/* .post-main
------------------------------------*/
.post-main {
	margin-bottom: 60px;
	font-size: 14px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.post-main h1,
.post-main h2,
.post-main h3,
.post-main h4,
.post-main h5,
.post-main h6 {
	margin-top: 30px;
	font-family: dnp-shuei-anti-std, '游明朝体', '游明朝', YuMincho, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
	line-height: 1.8;
	letter-spacing: 0.08em;
}

.post-main h1,
.post-main h2 { margin-bottom: 20px; font-size: 20px; }

.post-main h3 { margin-bottom: 18px; font-size: 20px; }
.post-main h4 { margin-bottom: 16px; font-size: 18px; }
.post-main h5 { margin-bottom: 14px; font-size: 16px; }
.post-main h6 { margin-bottom: 12px; font-size: 14px; }

.post-main h1:first-child,
.post-main h2:first-child,
.post-main h3:first-child,
.post-main h4:first-child,
.post-main h5:first-child,
.post-main h6:first-child { margin-top: 0; }

.post-main p {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 2.1;
	letter-spacing: 0.08em;
}

.post-main p:last-child { margin-bottom: 0; }
.post-main a { text-decoration: underline; word-break: break-all; }
.post-main strong { font-weight: bold; }
.post-main em { font-style: italic; }
.post-main del { text-decoration: line-through; }

.post-main p.size-s { margin-top: -15px; font-size: 12px; }

/*  旧ブログ用 */
/*.post-main p span {
	letter-spacing: 0.03em;
}*/

.post-main img {
	display: block;
	max-width: 100%;
	height: auto;
	padding: 10px 0 24px;
	-webkit-backface-visibility: hidden;
}

.post-main .wp-caption {
	max-width: 100%;
	margin-bottom: 25px;
}

.post-main .wp-caption-text {
	margin-top: -8px;
	font-size: 10px;
	letter-spacing: 0.04em;
	text-align: right;
}

.post-main ul,
.post-main ol {
	margin: 30px 0;
}

.post-main ul li {
	list-style: disc;
	margin: 0 0 6px 25px;
}

.post-main ol li {
	list-style: decimal;
	margin: 0 0 6px 25px;
}

.post-main ul li:last-of-type,
.post-main ol li:last-of-type {
	margin-bottom: 0;
}

.post-main blockquote {
	background: #FAFAFA;
	margin: 40px 0;
	padding: 28px 35px;
}

.post-main blockquote h2,
.post-main blockquote h3,
.post-main blockquote h4,
.post-main blockquote h5,
.post-main blockquote h6 {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.8;
	letter-spacing: 0.1em;
}

.post-main blockquote p {
	margin-bottom: 10px;
	/*font-size: 13px;*/
	text-align: justify;
	letter-spacing: 0.08em;
	line-height: 1.9;
}

.post-main iframe {
	width: 100%;
	min-height: 162px;
	margin: 20px 0 10px;
}

/* .post-table-wrap
------------------------------------*/
.sec-post-table { margin-top: 80px; }

.sec-post-table h2 {
	position: relative;
	border-top: 1px solid #DEDEDE;
	width: 100%;
	margin: 90px 0 40px;
	padding-top: 25px;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.08em;
}

.sec-post-table h2:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	width: 10px;
	height: 1px;
}

.post-table-wrap {
	background-color: #FAFAFA;
	padding: 45px 40px 50px;
}

.post-table-inner {
	position: relative;
	margin-bottom: 50px;
	padding-bottom: 50px;
}

.post-table-inner:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	background-color: #6E6E6E;
	width: 45px;
	height: 1px;
	transform: translateX(-50%);
}

.post-table-inner:last-of-type { margin-bottom: 0; padding-bottom: 0; }
.post-table-inner:last-of-type:after { display: none; }

.post-table-wrap p {
	margin-bottom: 4px;
	color: #555555;
	line-height: 1.9;
}

.post-table-wrap h3 {
	margin-bottom: 20px;
/* 	padding-left: 5px; */
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.post-table-wrap .table-lead {
/* 	margin: -12px 0 25px; */
	margin: 0px 0 25px;
}

.post-table {
	box-sizing: border-box;
	border-top: 1px solid #EAEAEA;
	width: 100%;
	font-size: 14px;
	line-height: 1.7;
	letter-spacing: 0.08em;
	word-break: break-all;
}

.post-table,
.post-table a { color: #555555; }
.post-table tr { border-bottom: 1px solid #EAEAEA; }

.post-table a { text-decoration: underline; }

.post-table th {
	position: relative;
	box-sizing: border-box;
	width: 18%;
	padding: 11px 15px 10px 5px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}

.post-table td {
	box-sizing: border-box;
	width: 82%;
	padding: 11px 5px 10px 0;
}

.table-attention { margin-top: 15px; color: #555555; }
.table-attention p { font-size: 12px; }


/* .post-link
------------------------------------*/
.post-link { margin-top: 40px; }
.post-main + .post-link { margin-top: -20px; }
.post-link li { display: inline-block; margin-bottom: 10px; }


/* .post-side
------------------------------------*/
.post-side {
	float: left;
	box-sizing: border-box;
	width: 210px;
	margin-top: -5px;
	padding-left: 38px;
}

.post-side h2 { margin-bottom: 20px; }

.post-side h2 span {
	display: inline-block;
	border-bottom: 1px solid #121212;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.1em;
}

.post-side ul { margin: 0 0 30px 13px; }

.post-side li a {
	display: inline-block;
	background: url(img/share/ico-arrow-link.svg) no-repeat left 2px top 8px;
	padding: 5px 10px 10px 20px;
	font-size: 14px;
	letter-spacing: 0.12em;
}

.post-side dl { margin-left: 13px; }

.post-side dt a {
	display: inline-block;
	background: url(img/share/ico-arrow-link.svg) no-repeat left 2px top 8px;
	padding: 5px 10px 10px 20px;
	font-size: 14px;
	letter-spacing: 0.06em;
}

.post-side dd { display: none; padding: 10px 0 20px 30px; }
.post-side dd:first-of-type { display: block; }

.post-side dd a {
	display: inline-block;
	padding: 0 10px 12px 0;
	font-size: 12px;
	letter-spacing: 0.04em;
}

.post-side dd a span {
	display: inline-block;
	padding-left: 5px;
	color: #A4A4A4;
	font-size: 10px;
}


/* .wp-pagenavi
---------------------------------------------------------------------------*/
.wp-pagenavi {
	padding-top: 40px;
	font-size: 14px;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi .extend {
	margin: 0 5px;
	padding: 5px;
}

.wp-pagenavi .current {
	position: relative;
	display: inline-block;
	margin: 0 14px;
	padding: 5px 0 0;
}

.wp-pagenavi .current:after {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	margin-top: 3px;
	background: #E7E7E7;
	width: 32px;
	height: 32px;
	z-index: -1;
}

.wp-pagenavi a.first,
.wp-pagenavi a.last,
.wp-pagenavi a.previouspostslink,
.wp-pagenavi a.nextpostslink { letter-spacing: 0.12em; }

.wp-pagenavi a.first { margin-right: 5px; }
.wp-pagenavi a.last { margin-left: -2px; }
.wp-pagenavi a.previouspostslink { margin-right: 10px; }
.wp-pagenavi a.nextpostslink { margin-left: 10px; }


/* .page-nav
---------------------------------------------------------------------------*/
.page-nav {
	float: left;
	width: 160px;
	margin: 12px 0 0 35px;
}

.page-nav li a {
	display: inline-block;
	background: url(img/share/ico-arrow-down.svg) no-repeat left top 14px;
	background-size: 11px 9px;
	padding: 10px 10px 10px 20px;
	font-size: 14px;
	letter-spacing: 0.07em;
	white-space: nowrap;
}


/* .side-nav
---------------------------------------------------------------------------*/
.side-nav {
	position: fixed;
	top: 0;
	left: -390px;
	background-color: #1A1A41;
	box-sizing: border-box;
	width: 340px;
	height: 100%;
	z-index: 1000;
}

.side-nav-close {
	position: absolute;
	top: 0;
	right: -46px;
	box-sizing: border-box;
	background-color: #1A1A41;
	width: 46px;
	padding: 18px 18px 44px 0;
	color: #717188;
	font-weight: 600;
	letter-spacing: 0.2em;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transition: .15s ease-out;
	cursor: pointer;
}

_::-webkit-full-page-media, _:future, :root .side-nav-close {
	right: -28px;
}

.side-nav-close:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 19px;
	left: 14px;
	background: url(img/share/btn-close-white-s-wide.svg) no-repeat;
	width: 15px;
	height: 13px;
	opacity: 0.3;
	transition: .15s ease-out;
}

.side-nav-close:hover { color: #FFFFFF; }
.side-nav-close:hover:after { opacity: 1; }

.side-nav-inner {
	position: relative;
	overflow-x: hidden;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px;
	overflow: hidden;
}

.side-nav .nav-inner {
	overflow-y: scroll;
	position: absolute;
	top: 10px;
	left: 10px;
	box-sizing: border-box;
	width: calc(100% + 10px);
/* 	height: calc(100% - 180px); */
	height: calc(100% - 20px);
	padding: 20px 65px 200px 15px;
	display: none;
}

_::-webkit-full-page-media, _:future, :root .side-nav .nav-inner {
	width: calc(100% - 20px);
	padding-right: 35px;
}
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	.side-nav .nav-inner {
		width: calc(100% - 20px);
		padding-right: 28px;
	}
}
_:lang(x)::-moz-placeholder, .side-nav .nav-inner {
	width: calc(100% + 10px);
	padding-right: 65px;
}

.side-nav .nav-inner::-webkit-scrollbar,
.modal-category-inner::-webkit-scrollbar { width: 2px; }
.side-nav .nav-inner::-webkit-scrollbar-track,
.modal-category-inner::-webkit-scrollbar-track { border-radius: 2px; background: none; }
.side-nav .nav-inner::-webkit-scrollbar-thumb,
.modal-category-inner::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255,255,255,0.2); }

.side-nav a { color: #FFFFFF; }

.side-nav .btn-all a,
.side-nav .btn-all span {
	display: inline-block;
	border: 1px solid #6C6C84;
	border-radius: 3px;
	padding: 5px 14px 5px 16px;
	font-size: 13px;
	letter-spacing: 0.15em;
	transition: .15s ease-out;
}

.side-nav .btn-all a:hover,
.side-nav a:hover .btn-all span {
	background: #FFFFFF;
	color: #1A1A41;
	opacity: 1;
}

.side-nav .li-common {
	background: url(img/share/line-dot-blue.svg) repeat-x left bottom;
}

.side-nav .even .li-common {
	float: left;
	width: 48%;
	margin-right: 4%;
}

.side-nav .even .li-common:nth-child(even) { margin-right: 0; }

.side-nav .li-common > a,
.side-nav .li-common > span {
	display: block;
	padding: 10px 4px 4px 8px;
	color: #FFFFFF;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.12em;
}

/* .side-nav-sub
------------------------------------*/
.side-nav-sub .nav-inner {
	padding-top: 35px;
}

.side-nav-sub h2 {
	margin-bottom: 40px;
	padding-left: 7px;
	color: #717188;
	white-space: nowrap;
}

.side-nav-sub h2 strong {
	padding-right: 10px;
	font-size: 19px;
	font-weight: 600;
	letter-spacing: 0.15em;
}

.side-nav-sub h2 em {
	display: inline-block;
	font-size: 10px;
	letter-spacing: 0.1em;
	transform-origin: left bottom;
	transform: scale(0.9);
}

.side-nav-sub h2 + .btn-all {
	position: absolute;
	top: 0;
	right: 0;
}

.side-nav-sub h2 + .btn-all a {
	padding-right: 7px;
	padding-left: 8px;
	font-size: 12px;
}

/* .side-nav-change
------------------------------------*/
.side-nav-change {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 160px;
	background-color: #202236;
	opacity: 0;
}

.side-nav-change ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
}

.side-nav-change li {
	position: relative;
	box-sizing: border-box;
	width: 50%;	
}

.side-nav-change li:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.1); }
.side-nav-change li:nth-of-type(1),
.side-nav-change li:nth-of-type(2) { border-bottom: 1px solid rgba(255,255,255,0.1); }

.side-nav-change li span,
.side-nav-change li > a {
	display: block;
	padding: 24px 0 23px;
	color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	transition: .15s ease-out;
}

.side-nav-change li span:hover,
.side-nav-change li span.current,
.side-nav-change li > a:hover {
	background-color: #38384F;
	opacity: 1;
}

.side-nav-change li strong {
	display: block;
	margin-bottom: 8px;
	font-size: 15px;
	letter-spacing: 0.12em;
}

.side-nav-change li strong span { font-size: 12px; }

.side-nav-change li em {
	display: block;
	font-size: 10px;
	letter-spacing: 0.1em;
	transform-origin: center top;
	transform: scale(0.9);
}

/* .side-nav-color
------------------------------------*/
.side-nav-color .color-tip {
	display: inline-block;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	width: 12px;
	height: 12px;
	margin-right: 4px;
	transform: translateY(1px);
}

.side-nav-color .li-common a { font-size: 16px; }

/* .side-nav-category
------------------------------------*/
.side-nav-category h2 { margin-bottom: 17px; }
.side-nav-category h2 strong { letter-spacing: 0.08em; }
.side-nav-category h2 em { transform: scale(0.9) translateY(-3px); }

.side-nav-acc .parent {
	position: relative;
	padding-right: 30px;
	cursor: pointer;
}

.side-nav-acc .parent a,
.side-nav-acc .parent span {
	display: block;
	color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 5px;
}

.side-nav-acc .btn-ac { cursor: pointer; transition: .15s ease-out; }
.side-nav-acc .btn-ac:hover { opacity: 0.5; }

.side-nav-acc .btn-ac i {
	display: block;
	position: absolute;
	top: 27px;
	right: 10px;
	width: 9px;
	height: 9px;
	transform-origin: center center;
	transition: .2s ease-out;
}

.side-nav-acc .btn-ac.active i { transform: rotate(220deg); }

.side-nav-acc .btn-ac i:before,
.side-nav-acc .btn-ac i:after {
	display: block;
	content: '';
	position: absolute;
	background-color: #FFFFFF;
}

.side-nav-acc .btn-ac i:before { top: 4px; left: 0; width: 100%; height: 1px; }
.side-nav-acc .btn-ac i:after { top: 0; left: 4px; width: 1px; height: 100%; }

.side-nav-acc .child { display: none; padding: 0 0 20px 11px; line-height: 1.5; }
.side-nav-acc .child h3:first-child { margin-top: 18px; }

.side-nav-acc .child h3 a {
	display: inline-block;
	background: url(img/share/ico-arrow-s-white.svg) no-repeat left top 12px;
	padding: 5px 0 5px 17px;
	font-size: 14px;
	letter-spacing: 0.06em;
}

.side-nav-acc .child h3 a:hover { opacity: 1; }
.side-nav-acc .child h3 a strong { padding-right: 10px; transition: .15s ease-out; }

.side-nav-acc .child h3 a .btn-all {
	display: inline-block;
	transform: translateY(-1px);
}

.side-nav-acc .child h3 a .btn-all span {
	padding: 1px 5px 2px 6px;
	font-size: 12px;
}

.side-nav-acc .child-title a {
	display: inline-block;
	background: url(img/share/ico-arrow-s-white.svg) no-repeat left 10px;
	padding: 4px 10px 6px 17px;
	font-size: 14px;
	letter-spacing: 0.07em;
}

.side-nav-acc .child ul {
	border-left: 1px solid rgba(255,255,255,0.2);
	margin: 4px 0 16px 20px;
	padding-left: 11px;
}

.side-nav-acc .child li a {
	display: inline-block;
	padding: 0 0px 6px 0;
	font-size: 12px;
	letter-spacing: 0.02em;
}

.side-nav-acc .child li:last-of-type a { padding-bottom: 0; }

/* .side-nav-maker
------------------------------------*/
.side-nav-maker > div { position: relative; }
.side-nav-maker.side-nav-acc .child h3:first-child { margin-bottom: 10px; }
.side-nav-maker.side-nav-acc .child-title a { padding-right: 0; padding-bottom: 10px; }

.side-nav-maker .child-title strong {
	display: block;
	margin-bottom: 2px;
	font-size: 14px;
}

.side-nav-maker .child-title em {
	display: block;
	padding-left: 1px;
	color: #717188;
	font-size: 11px;
}

.side-nav-maker .child-title em i { padding: 0 2px; }
.side-nav-maker .child-title em i:last-child { display: none; }

/* .side-nav-material
------------------------------------*/
.side-nav-material h2 { margin-bottom: 42px; }

/* .maker-nav-sub
------------------------------------*/
.maker-nav-sub .parent,
.maker-nav-sub .child-title {
	position: relative;
	margin-bottom: 22px;
	padding-left: 7px;
}

.maker-nav-sub .child-title { margin: 50px 0 15px; }
.maker-nav-sub .parent { margin-bottom: 60px; }

.maker-nav-sub .parent h2 a {
	display: inline-block;
	position: relative;
	padding-right: 26px;
/* 	color: #717188; */
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 0.2em;
}

.maker-nav-sub .parent h2 a:after {
	display: block;
	content: '';
	position: absolute;
	top: 4px;
	right: 1px;
	background: url(img/share/ico-arrow-s-wide-white.svg) no-repeat;
	width: 16px;
	height: 7px;
/* 	opacity: 0.4; */
	transition: .15s ease-out;
}

.maker-nav-sub .child-title h3 a {
/* 	color: #717188; */
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.1em;
}

.maker-nav-sub .btn-all {
	position: absolute;
	top: -2px;
	right: 0;
}

.maker-nav-sub .grandchild { margin-bottom: 40px; }
.maker-nav-sub .grandchild:last-of-type { margin-bottom: 0; }

.maker-nav-sub.overseas .grandchild.even li {
	float: none;
	width: 100%;
	margin-right: 0;
}

/* .side-nav-switch
------------------------------------*/
.side-nav-switch { margin: -15px 0 50px; }
.side-nav-switch .side-nav-img { cursor: pointer; }

.side-nav-switch > * {
	display: block;
	box-sizing: border-box;
	background-color: #2D2D4E;
	border-radius: 4px;
	padding: 20px 0 18px 2px;
	color: #FFFFFF;
	text-align: center;
	white-space: nowrap;
	transition: .15s ease-out;
}

.side-nav-switch > *:hover { opacity: 0.7; }
.side-nav-switch > *.current { background-color: #4D4D77; }
.side-nav-switch > *.current > *,
.side-nav-switch > *:hover > * { /* 	opacity: 1; */ }
.side-nav-switch > * > * { transition: .15s ease-out; }

.side-nav-switch > * > i {
	display: inline-block;
	margin-right: 8px;
	transform: scale(1.1) translateY(-1px);
}

.side-nav-switch > * > strong {
	display: inline-block;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.15em;
	padding-left: 0.15em;
}

.side-nav-switch > * > strong span {
	padding: 0 1px;
	font-size: 11px;
}


/* .event-calendar
---------------------------------------------------------------------------*/
.event-calendar {
	position: relative;
	width: 100%;
	margin: 140px auto 0;
	padding-top: 40px;
}

.event-calendar i {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	z-index: -1;
}


/* .news-list
---------------------------------------------------------------------------*/
.news-list article {
	float: left;
	width: 22%;
	margin: 0 4% 6% 0;
}

.news-list article:nth-of-type(4n) { margin-right: 0; }
.news-list article a { display: block; }
.news-list .category { margin-bottom: 14px; }
.news-list .category span { font-size: 11px; letter-spacing: 0.12em; }
.news-list .category span:last-of-type i { display: none; }

.news-list figure {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 68%;
}

.news-list figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}

.news-list time {
	display: block;
	margin-bottom: 10px;
	font-size: 10px;
	letter-spacing: 0.06em;
}

.news-list h2 {
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.04em;
}


/* .category-img-list
---------------------------------------------------------------------------*/
.category-img-title {
	display: inline-block;
	margin-bottom: 45px !important;
}

.category-img-title + .btn-line-s {
	display: inline-block;
	transform: translateY(-2px);
}

.category-img-list,
.category-list-wrap {
	position: relative;
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 120px;
	padding: 0 90px 30px 0;
}

.category-img-list:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #E7E7E7;
	width: calc(100% - 90px);
	height: 1px;
}

#productContents.archive .category-img-list { margin-bottom: 50px; }
#topContents .category-img-list:after,
#productContents.archive .category-img-list:after { display: none; }

.category-img-list li {
	width: 14%;
	margin-right: 3.2%;
	margin-bottom: 35px;
	opacity: 0;
}

.category-img-list li:nth-of-type(6n) { margin-right: 0; }
.category-img-list li a { display: block; }
.category-img-list li a:hover { opacity: 0.8; }

.category-img-list h2 {
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: 0.02em;
	text-align: center;
}

/* .category-list-wrap
------------------------------------*/
.category-list-wrap {
	justify-content: space-between;
	margin-bottom: 0;
}

.category-list-wrap.wide {
	margin-top: -5px;
	margin-bottom: 80px;
}

.category-list-wrap .side-nav-material { width: 62%; }
.category-list-wrap .side-nav-color { width: 34%; }

.category-list-wrap ul {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
}

.category-list-wrap li { position: relative; }
.category-list-wrap.wide li { width: 22%; margin-right: 4%; }
.category-list-wrap.wide li:nth-of-type(4n) { margin-right: 0; }

.category-list-wrap li:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(img/share/line-dot.svg) repeat-x left bottom;
	width: 100%;
	height: 1px;
	opacity: 0.5;
}

.category-list-wrap .side-nav-material li { width: 21%; margin-right: 4%; }
.category-list-wrap .side-nav-material li:nth-of-type(4n) { margin-right: 0; }

.category-list-wrap .side-nav-color li { width: 30%; margin-right: 5%; }
.category-list-wrap .side-nav-color li:nth-of-type(3n) { margin-right: 0; }

.category-list-wrap li a {
	display: block;
	padding: 12px 0 12px 6px;
	font-size: 14px;
	letter-spacing: 0.1em;
	white-space: nowrap;
}

.category-list-wrap .side-nav-color li a { padding-top: 11px; padding-bottom: 11px; }
.category-list-wrap.wide li a { padding-top: 20px; padding-bottom: 10px; }
.category-list-wrap .side-nav-color .color-tip { border-color: transparent; transform: translateY(2px); }
.category-list-wrap .side-nav-color .color-tip.white { border-color: #D3D3D3; }

/* .category-img-slide
------------------------------------*/
.category-img-list figure {
	position: relative;
	overflow: hidden;
	border: 1px solid #EBEBEB;
	border-radius: 4px;
	margin-bottom: 14px;
}

.category-img-list figure img {
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
}

.slider-category-img a { display: block; }
.slider-category-img .inner { opacity: 1; display: none; }
.slider-category-img .inner:first-of-type { display: block; }
.slider-category-img.slick-initialized .inner { display: block; }

.slider-category-img-nav {
	margin-top: 15px;
	text-align: center;
}

.slider-category-img-nav .slick-track {
	width: 100% !important;
	transform: none !important;
}

.slider-category-img-nav .inner {
	float: none !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	margin: 0 3px 5px;
	cursor: pointer;
	transition: .15s ease-out;
}

.slider-category-img-nav .inner:hover { opacity: 0.7; }
.slider-category-img-nav img { border-radius: 50%; width: 100%; height: 100%; }


/* .maker-nav-genre-list
---------------------------------------------------------------------------*/
.maker-nav-genre-list { margin-right: 35px; }
.maker-nav-genre-list:last-of-type { margin-right: 0; }

.maker-nav-genre-list li {
	background: url(img/share/ico-arrow-link.svg) no-repeat left 2px top 9px;
	background-size: 8px 7px;
	padding-left: 20px;
}

.maker-nav-genre-list li a {
	display: inline-block;
	padding: 5px 10px 11px 0;
	font-size: 15px;
	letter-spacing: 0.1em;
	white-space: nowrap;
}


/* grid
---------------------------------------------------------------------------*/
.contents { width: calc(100% - 310px); }

body#about .contents,
body#news .contents-wrap,
body#event .event-title-wrap,
body#event .contents-wrap .contents,
body#terms .contents-wrap,
body#faq .contents-wrap,
body#sitemap .contents-wrap,
body#feature .contents-wrap { padding-right: 90px; }

.title-page { padding-left: 310px; }


/* media query
---------------------------------------------------------------------------*/
@media (max-width: 1439px) {
	.header-inner,
	footer,
	.title-page { padding-left: 280px; }
	.contents { width: calc(100% - 280px); }
	.gnav { margin-left: -12px; }
	.gnav > ul > li > a,
	.gnav > ul > li > span { padding-right: 10px; padding-left: 10px; }
	.gnav > ul > li > a > strong,
	.gnav > ul > li > span > strong { font-size: 16px; }
	.snav { width: 260px; right: 10px; }
	.footer-top { left: 40px; }
	.footer-nav { margin-right: 40px; }
	footer .logo { right: 50px; }
}

@media (max-height: 900px) {
	.side-nav-change li span,
	.side-nav-change li > a { padding: 20px 0 19px; }
}


/* .grecaptcha-badge
---------------------------------------------------------------------------*/
.grecaptcha-badge { pointer-events: none; z-index: -999; opacity: 0; }
body#contact .grecaptcha-badge { pointer-events: auto; z-index: 0; opacity: 1; }
body#contact footer .logo { display: none; }


/* .tourism-bnr
---------------------------------------------------------------------------*/
.tourism-bnr { margin: 80px -10px 0; }
.product-maker .tourism-bnr { margin: 210px 0 0; }
.tourism-bnr + .tourism-bnr { margin-top: 45px; }
.product-maker .tourism-bnr + .tourism-bnr { margin-top: -10px; }

.tourism-bnr > a,
.tourism-bnr > div { display: block; }
.tourism-bnr a:hover { opacity: 0.7; }

.tourism-bnr h3 {
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.tourism-bnr > a > div,
.tourism-bnr > div > div {
	display: -webkit-box;
	display: flex;
	-webkit-box-align: center;
	align-items: center;
	box-sizing: border-box;
	border: 1px solid #E7E7E7;
	padding: 30px;
}

.tourism-bnr figure {
	width: 230px;
	min-width: 230px;
	margin: 0 !important;
	padding-right: 30px;
	align-self: flex-start;
}

.tourism-bnr figure img {
	width: 100% !important;
	height: auto;
	-webkit-backface-visibility: hidden;
	image-rendering: -webkit-optimize-contrast;
}

.tourism-bnr h2 {
	margin-bottom: 14px;
	font-size: 16px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.tourism-bnr p {
	font-size: 12px;
	text-align: justify;
}


/* .bnr-list
---------------------------------------------------------------------------*/
.bnr-list {
	display: -webkit-box;
	display: flex;
	flex-wrap: wrap;
	max-width: 824px;
}

.bnr-list li {
	width: 31.5%;
	margin: 38px 2.75% 0 0;
}

.bnr-list li:nth-of-type(1),
.bnr-list li:nth-of-type(2),
.bnr-list li:nth-of-type(3) { margin-top: 0; }
.bnr-list li:nth-of-type(3n) { margin-right: 0; }

.bnr-list a {
	display: block;
}

.bnr-list figure {
	position: relative;
	overflow: hidden;
	width: 100%;
  margin-bottom: 18px;
  padding-bottom: 66.4%;
}

.bnr-list figure img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-transform: translateZ(0);
}

.bnr-list h2 {
	margin-bottom: 6px;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.bnr-list p {
	font-size: 11px;
	text-align: justify;
	line-height: 1.8;
	letter-spacing: 0.1em;
	color: #787878;
}


/* .loading-modal
---------------------------------------------------------------------------*/
header.off,
#mainContents.off,
footer.off {
	pointer-events: none;
	opacity: 0.5;
}

.loading-modal {
	position: fixed;
	top: 0;
	right: 0;
	box-sizing: border-box;
	background-image: linear-gradient(-27deg, #1F1F39 0%, #282848 100%);
	width: calc(100% - 233px);
	min-width: 1070px;
	height: 100%;
	z-index: 999;
	overflow-y: scroll;
	display: none;
	opacity: 0:
}

@media (min-width: 1440px) {
	.loading-modal { width: calc(50% + 480px); }
}
@media (max-width: 1300px) {
	.loading-modal { left: 230px; }
}

.loading-modal::-webkit-scrollbar { width: 1px; }
.loading-modal::-webkit-scrollbar-track { background: #1F1F39; }
.loading-modal::-webkit-scrollbar-thumb { background: #1F1F39; }

.loading-modal .txt {
	position: absolute;
	top: 40px;
	right: 35px;
	padding-right: 55px;
	color: #FFFFFF;
	font-size: 20px;
	letter-spacing: 0.04em;
	opacity: 0;
}

.loading-modal .txt i {
	display: block;
	position: absolute;
	top: -10px;
	right: 0;
	transform-origin: center center;
	animation: loading_spin .5s infinite linear;
}

@keyframes loading_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }

.loading-modal .bnr-list {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) !important;
	box-sizing: border-box;
	width: 900px;
	padding: 110px 0 60px;
	opacity: 0;
}

.loading-modal .bnr-list.nofix {
	position: initial;
	top: 0;
	left: 0;
	transform: none !important;
	margin: 0 auto;
}

.loading-modal .bnr-list li {
	width: 28%;
	margin-top: 40px;
	margin-right: 8%;
}

.loading-modal .bnr-list li:nth-of-type(1),
.loading-modal .bnr-list li:nth-of-type(2),
.loading-modal .bnr-list li:nth-of-type(3) { margin-top: 0; }
.loading-modal .bnr-list li:nth-of-type(3n) { margin-right: 0; }

.loading-modal .bnr-list h2,
.loading-modal .bnr-list p { color: #FFFFFF; }
.loading-modal .bnr-list p { opacity: 0.4; }


/* .modal-international
---------------------------------------------------------------------------*/
#buyee-bcSection {
	z-index: 100000 !important;
}

.modal-international {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(26,26,65,0.85);
	width: 100%;
	height: 100%;
	z-index: 1000000 !important;
	font-family: Helvetica, Arial, sans-serif;
	color: #000000;
	opacity: 0;
}

.modal-international-inner {
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) !important;
	background-color: #FFFFFF;
	width: 1090px;
	max-height: 88vh;
	padding: 70px 100px 70px 75px;
	overflow-y: scroll;
	opacity: 0;
}

.modal-international-inner::-webkit-scrollbar { width: 3px; }
.modal-international-inner::-webkit-scrollbar-track { border-radius: 3px; background: #FFFFFF; }
.modal-international-inner::-webkit-scrollbar-thumb { border-radius: 3px; background: rgba(0,0,0,0.3); }

.modal-international-close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 35px;
	cursor: pointer;
	transition: .15s ease-out;
}

.modal-international-close:hover { opacity: 0.7; }
.modal-international-close img { width: 33px; opacity: 0.3; }

.modal-international h2 {
	margin-bottom: 68px;
	color: #777777;
	font-size: 38px;
	font-weight: 300;
	line-height: 1.4;
	letter-spacing: 0.02em;
}

.modal-international .inner {
	display: -webkit-box;
	display: flex;
	margin-bottom: 40px;
}

.modal-international .inner:last-of-type { margin-bottom: 0; }

.modal-international .inner h3 {
	box-sizing: border-box;
	width: 295px;
	min-width: 295px;
	padding: 1px 0 0 4px;
	font-size: 15px;
	line-height: 1.75;
	letter-spacing: 0.06em;
}

.modal-international .inner p {
	margin-bottom: 12px;
	font-size: 15px;
	line-height: 1.7;
	letter-spacing: 0;
}

.modal-international .inner p:last-of-type { margin-bottom: 0; }

.modal-international .inner h4 {
	margin: 38px 0 24px;
	font-size: 15px;
	letter-spacing: 0.02em;
}

.modal-international .inner dl { margin-left: -2px; }

.modal-international .inner dl > div {
	display: -webkit-box;
	display: flex;
	margin-bottom: 15px;
	font-size: 13px;
	white-space: nowrap;
}

.modal-international .inner dl > div:last-of-type { margin-bottom: 0; }

.modal-international .inner dt,
.modal-international .inner dd { border-bottom: 1px solid rgba(0,0,0,0.5); padding-bottom: 4px; }

.modal-international .inner dt {
	box-sizing: border-box;
	width: 30px;
	min-width: 30px;
	padding-left: 4px;
}

.modal-international .inner dd ul { display: -webkit-box; display: flex; }
.modal-international .inner dd li { margin-right: 20px; }
.modal-international .inner dd li:nth-of-type(1) { width: 120px; }
.modal-international .inner dd li:last-of-type { margin-right: 4px; }
.modal-international .btm { margin-top: 85px; }

.modal-international .btm h3 {
	margin-bottom: 10px;
	font-size: 18px;
	letter-spacing: 0.06em;
}

.modal-international .btm p { font-size: 15px; letter-spacing: 0.02em; }
.modal-international .btm p a { color: #8B1B18; text-decoration: underline; }