/*
Theme Name: izavell
Author: minoru kubota
Version: 1
*/

/*
----------------------------------------
reset
----------------------------------------
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote: before, blockquote:after,
q: before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor:help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align: middle;
}

select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.6rem;
	line-height: 1.2;
	background: #fff url( assets/img/common/arrow-select.svg ) right 10px center / 8px no-repeat;
	border: solid 1px rgba( 41, 33, 17, .1 );
	border-radius: 0;
	padding: 10px 28px 10px 15px;
	text-align: left;
}


/*
----------------------------------------
common
----------------------------------------
*/

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.video {
	max-width: 800px;
	margin: 30px auto;
}

.mov {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

.mov iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.pc-none {
	display: none;
}

/* clearfix */

.clearfix: before,
.clearfix:after {
	display: table;
	content: ' ';
}
.clearfix:after {
	clear: both;
}

/* scrollbar */

::-webkit-scrollbar {
	width: 10px;
	background: transparent;
}

::-webkit-scrollbar-track {
	box-shadow: none;
}

::-webkit-scrollbar-thumb {
	background-color: #E2EDEE;
	box-shadow: none;
}

.addtoany_list a:not(.addtoany_special_service)>span {
	border-radius: 50% !important;
	padding: 2px;
}

.addtoany_list a:not(.addtoany_special_service)>span.a2a_s_email {
	background: #C39D78 !important;
}

.sp {
	display: none;
}

/*
----------------------------------------
default
----------------------------------------
*/

html {
	font-size: 62.5%;
}

body {
	font-family: 'Noto Sans', sans-serif;
	font-size: 1.6rem;
	line-height: 2;
	text-align: center;
	color: #292111;
	position: relative;
	-webkit-text-size-adjust: 100%;
	overflow-scrolling: touch;
}

body.nav-open {
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 100%;
	overflow: hidden;
}


body * {
	box-sizing: border-box;
}

a {
	color: #292111;
	text-decoration: none;
	transition: all .2s;
}

a.external {
	display: inline-block;
	padding-right: 2rem;
	line-height: 1.4;
	color: #6EA3AB;
	background: url( assets/img/common/icon-link-02.svg ) right center no-repeat;
	border-bottom: solid 1px #6EA3AB;
}

ul, ol {
	list-style: none;
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
}

img.ofi {
	object-fit: cover;
	font-family: 'object-fit: cover;'; /* ie */
}

div.wpcf7 .ajax-loader {
	display: none !important;
}

.swipe-bar {
	display: none;
}

.mes {
	color: #C39D78;
	border: solid 1px #C39D78;
	text-align: center;
	margin-bottom: 15px;
	padding: 4px 15px;
	font-size: 1.8rem;
}


/*
----------------------------------------
form
----------------------------------------
*/

input[type=text],
input[type=search],
input[type=tel],
input[type=number],
input[type=url],
input[type=email],
input[type=password],
input[type=date] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.6rem;
	background: #fff;
	border: solid 1px rgba( 41, 33, 17, .1 );
	border-radius: 0;
	text-align: left;
	padding: 0 20px;
	line-height: 4.2rem;
	height: 4.2rem;
}

textarea, button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.6rem;
	background: #fff;
	border: solid 1px rgba( 41, 33, 17, .1 );
	border-radius: 0;
	padding: 20px;
}

input[type=email],
input[type=tel],
input.l {
	width: 100%;
	margin: 0;
}

textarea {
	margin: 0;
	width: 100%;
}

select::-ms-expand {
	display: none;
}


/*
----------------------------------------
flex
----------------------------------------
*/

.flex {
	-js-display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

.flex.nowrap {
	flex-wrap: nowrap;
}

.flex.reverce {
	flex-direction: row-reverse;
}

.flex.item-center {
	align-items: center;
}

/* column */

.flex.col-02 > * {
	width: calc( ( 100% - 20px ) / 2 );
}

.flex.col-02 > *:nth-child( odd ) {
	margin-right: 20px;
}

.flex.col-02.reverce > *:nth-child( odd ) {
	margin: 0 0 0 20px;
}

.flex.col-03 > * {
	width: calc( ( 100% - 40px ) / 3 );
	margin-right: 20px;
}

.flex.col-03.reverce > * {
	margin: 0 0 0 20px;
}

.flex.col-03 > *:nth-child(3n) {
	margin: 0 !important;
}

.flex.col-04 > * {
	width: calc( ( 100% - 60px ) / 4 );
	margin-right: 20px;
}

.flex.col-04.reverce > * {
	margin: 0 0 0 20px;
}

.flex.col-04 > *:nth-child(4n) {
	margin: 0 !important;
}


/*
----------------------------------------
font
----------------------------------------
*/

.en {
	font-family: adobe-handwriting-ernie, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.en-02 {
	font-family: condor-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
}

.en-03 {
	font-family: 'Cormorant Garamond', serif;
}

.gothic {
	font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

.mincho {
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
}


/*
----------------------------------------
title
----------------------------------------
*/

.ttl-01 {
	text-align: center;
	line-height: 1.2;
}

.ttl-01 h2 {
	font-size: 4rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	letter-spacing: 10px;
	position: relative;
	z-index: 999;
}

.ttl-01 .en {
	color: rgba( 184, 145, 12, .4 );
	font-size: 4.5rem;
	font-feature-settings: 'palt';
	font-weight: lighter;
	transform: rotate( -3deg );
	letter-spacing: 3px;
}

.ttl-01 .en .our {
	letter-spacing: 2px;
}

.ttl-02 {
	text-align: center;
	line-height: 1.2;
}

.ttl-02 .en {
	color: rgba( 184, 145, 12, .4 );
	font-size: 3.2rem;
}

.ttl-02 h2 {
	font-size: 3.2rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	letter-spacing: 2px;
}

.ttl-03 {
	background: #F9F5F1;
	padding: 12px 0;
	position: relative;
}

.ttl-03::after {
	content: '';
	border: solid 10px transparent;
	border-top: solid 10px #F9F5F1;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate( -50%, 100% );
}

.ttl-03 .en {
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	color: #B8910C;
	letter-spacing: 1px;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	transform: translateY( -50% );
}

.ttl-03 h2 {
	font-size: 2.8rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
}


/*
----------------------------------------
heading
----------------------------------------
*/

.heading-01 {
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-size: 3.5rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 2px;
	padding-bottom: 18px;
	margin-bottom: 50px;
	position: relative;
}

.heading-01::after {
	content: '';
	width: 40px;
	height: 1px;
	background: #D79E67;
	position: absolute;
	bottom: 0;
	left: calc( 50% - 20px );
}

.heading-02 {
	font-size: 2.6rem;
	font-weight: normal;
	text-align: center;
	color: #C39D78;
	letter-spacing: 1px;
	background: url( assets/img/item/border.png ) left center repeat-x;
	margin: 80px 0 25px;
}

.heading-02 > span {
	display: inline-block;
	padding: 0 15px;
	background: #fff;
}

.heading-02 > span .note {
	font-size: 2rem;
}

.heading-03 {
	text-align: center;
	background: #F9F5F1;
	font-size: 2.2rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 1px;
	padding: 10px;
	margin-bottom: 40px;
}


/*
----------------------------------------
bottun
----------------------------------------
*/

.btn-01 a {
	display: inline-block;
	font-size: 1.5rem;
	letter-spacing: 2px;
	color: #C39D78;
	border: solid 1px #C39D78;
	border-radius: 3px;
	padding: 4px 33px;
	text-align: center;
	background: #fff url( assets/img/common/arrow-01.svg ) right 12px center no-repeat;
}

.btn-01 a:hover {
	background: #c39d78 url( assets/img/common/arrow-01-wh.svg ) right 8px center no-repeat;
	color: #fff;
}

.btn-02 {
	text-align: center;
}

.btn-02 a {
	display: inline-block;
	font-size: 1.5rem;
	letter-spacing: 2px;
	color: #C39D78;
	border: solid 1px #C39D78;
	border-radius: 3px;
	padding: 9px 54px;
	text-align: center;
	background: #c39d78 url( assets/img/common/arrow-01-wh.svg ) right 15px center no-repeat;
	color: #fff;
}

.btn-02 a:hover {
	background: #fff url( assets/img/common/arrow-01.svg ) right 10px center no-repeat;
	color: #c39d78;
}


/*
----------------------------------------
bnr
----------------------------------------
*/

.bnr {
	text-align: center;
}

.bnr a {
	display: block;
	border: solid 6px #E7D8C9;
	color: #C39D78;
	background: url( assets/img/common/arrow-01.svg ) center right 40px no-repeat;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	padding: 34px 75px;
	line-height: 1.8;
	letter-spacing: 2px;
	transition: all .4s;
}

.bnr a:hover {
	background: #F9F5F1 url( assets/img/common/arrow-01.svg ) center right 30px no-repeat;
}

.bnr a .jp {
	font-size: 1.8rem;
}

.bnr a .jp.link::after {
	content: url( assets/img/common/icon-link.svg );
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	transform: translateY( -2px );
}

.bnr a .en {
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
}


/*
----------------------------------------
list
----------------------------------------
*/

.cat-list > li {
	margin: 0 10px 10px 0;
}

.cat-list a,
.cat-list span {
	display: inline-block;
	color: #6EA3AB;
	font-size: 1.5rem;
	line-height: 1.8;
	border: solid 1px #6EA3AB;
	padding: 1px 10px;
}

.cat-list a:hover,
.cat-list span:hover {
	background: #6EA3AB;
	color: #fff;
}

.list-01 li {
	position: relative;
	padding-left: 15px;
}

.list-01 li::before {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	background: #C39D78;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top: 14px;
}

.dl-01 {
	letter-spacing: 2px;
}

.dl-01 dt {
	width: 22%;
	padding: 34px 30px;
	border-bottom: solid 1px #C39D78;
	color: #C39D78;
	font-weight: bold;
}

.dl-01 dd {
	width: 78%;
	padding: 34px 30px;
	border-bottom: solid 1px #E2E2E2;
}

.dl-01 dt:first-of-type {
	border-top: solid 1px #C39D78;
}

.dl-01 dd:first-of-type {
	border-top: solid 1px #E2E2E2;
}


/*
----------------------------------------
table
----------------------------------------
*/

table caption {
	caption-side: bottom;
	padding-top: 15px;
	font-size: 1.3rem;
}

/* table-01 */

.table-01 {
	width: 100%;
	font-size: 1.8rem;
	text-align: center;
	letter-spacing: 1px;
}

.table-01 thead {
	color: #C39D78;
}

.table-01 th,
.table-01 td {
	width: 50%;
	padding: 22px;
	border-bottom: solid 1px #E5E5E5;
}

.table-01 th {
	font-weight: normal;
}


/*
----------------------------------------
map
----------------------------------------
*/

.map {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/*
----------------------------------------
layout
----------------------------------------
*/

#wrapper {
	text-align: center;
}

.wrap {
	max-width: 1130px;
	margin: 0 auto;
	padding: 0 15px;
	text-align: left;
}

#contents {
	padding-bottom: 100px;
	min-height: calc( 100vh - 384px );
}

.topic-path {
	opacity: .8;
	font-size: 1.3rem;
	margin-bottom: 60px;
	padding: 6px 50px;
	border-bottom: solid 1px #E5E5E5;
}

.topic-path li {
	margin-right: 12px;
}

.topic-path li:last-child {
	margin-right: 0;
}

.topic-path a {
	display: inline-block;
	background: url( assets/img/common/arrow-04.png ) right center no-repeat;
	padding-right: 18px;
	text-decoration: underline;
}

.pagination ul {
	-js-display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
}

.pagination li {
	margin: 0 10px;
}

.pagination li span,
.pagination li a {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 1.8rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	background: #EBEAE5;
	border: solid 1px #EBEAE5;
}

.pagination li span.current,
.pagination li a:hover {
	background: #C39D78;
	border: solid 1px #C39D78;
	color: #fff;
}

.pagination li a.prev {
	background: #fff url( assets/img/common/page-prev.png ) center center no-repeat;
}

.pagination li a.prev:hover {
	background: #EBEAE5 url( assets/img/common/page-prev.png ) center center no-repeat;
	border: solid 1px #EBEAE5;
}

.pagination li a.next {
	background: #fff url( assets/img/common/page-next.png ) center center no-repeat;
}

.pagination li a.next:hover {
	background: #EBEAE5 url( assets/img/common/page-next.png ) center center no-repeat;
	border: solid 1px #EBEAE5;
}

.pagination li a.prev span,
.pagination li a.next span {
	opacity: 0;
	visibility: hidden;
}


/*
----------------------------------------
header
----------------------------------------
*/

h1#main-h {
	padding: 0 50px;
	text-align: left;
	background: #EBEAE5;
	font-size: 1.2rem;
	line-height: 34px;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-bottom: 85px;
}

#header #nav-bar {
	background: rgba( 255, 255, 255, .7 );
	position: absolute;
	top: 34px;
	right: 0;
	left: 0;
	height: 85px;
}

#header.fixed #nav-bar {
	position: fixed;
	top: 0;
	box-shadow: 0 0 2px rgba( 0, 0, 0, .16 );
	z-index: 999999;
}

#header #nav-bar > .flex {
	flex-wrap: nowrap;
	align-items: center;
	padding: 5px 50px;
}

#header #nav-bar .identity {
	line-height: .5;
	margin-right: 20px;
}

#header #nav-bar .search {
	position: relative;
	margin-right: auto;
	transition: all .2s;
}

#header.fixed #nav-bar .search {
	opacity: 0;
	visibility: hidden;
}

.search form {
	display: inline-block;
	position: relative;
}

.search input[type=text] {
	font-size: 1.4rem;
	line-height: 4.3rem;
	height: 4.3rem;
	border: solid 1px #E1D9C0;
	border-radius: 4px;
	padding: 0 43px 0 20px;
	width: 370px;
	max-width: 100%;
}

.search button {
	width: 43px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	text-indent: -9999px;
	border: none;
	background: url( assets/img/common/icon-search.png ) center center no-repeat;
}

#header #nav-bar .btn-set {
	transition: all .2s;
}

#header #nav-bar .btn-set > .flex {
	flex-wrap: nowrap;
}

#header.fixed #nav-bar .btn-set {
	opacity: 0;
	visibility: hidden;
}

#header .btn-set li {
	margin-left: 10px;
}

#header .btn-set a {
	display: inline-block;
	min-width: 140px;
	text-align: center;
	font-size: 1.4rem;
	padding: 7px 10px 8px 30px;
	border-radius: 3px;
}

#header .btn-set .guide a {
	background: #fff url( assets/img/common/icon-guide.png ) 10px center no-repeat;
	border: solid 1px #DBDBDB;
}

#header .btn-set .login a {
	background: #C39D78 url( assets/img/common/icon-login.png ) 14px center no-repeat;
	border: solid 1px #C39D78;
	color: #fff;
	padding: 7px 15px 8px 30px;
}

#header .btn-set .favorite a {
	background: #C39D78 url( assets/img/common/icon-favorite.png ) 14px center no-repeat;
	border: solid 1px #C39D78;
	color: #fff;
	padding: 7px 15px 8px 30px;
}

#header .btn-set .cart a {
	background: #C14F59 url( assets/img/common/icon-cart.png ) 10px center no-repeat;
	border: solid 1px #C14F59;
	color: #fff;
}

/* g-nav */

#g-nav {
	background: #E1D9C0;
	padding: 0 8%;
	text-align: center;
}

#g-nav .flex {
	justify-content: space-around;
}

#g-nav .flex > li {
	width: calc( 99% / 6 );
	position: relative;
}

#g-nav .flex > li::after {
	content: '';
	width: 1px;
	background: #fff;
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 0;
}

#g-nav .flex > li:first-child::after {
	display: none;
}

#g-nav .flex > li a {
	display: block;
	font-size: 1.5rem;
	padding: 10px;
}

#g-nav .flex > li a:hover {
	opacity: .5;
}

/* nav-menu */

#nav-menu {
	display: block;
}

#nav-open {
	position: absolute;
	top: 49px;
	right: 15px;
	line-height: 1.4;
	padding: 5px 12px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
}

body.nav-open #nav-open {
	z-index: -1;
}

#header.fixed #nav-open {
	position: fixed;
	top: 15px;
	opacity: 1;
	visibility: visible;
	z-index: 99999999;
}

#nav-close {
	position: absolute;
	top: 22px;
	right: 15px;
	line-height: 1.4;
	padding: 5px 12px;
	cursor: pointer;
}

#nav-menu .nav-wrap {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: -1;
	transition: all .6s;
}

body.nav-open #nav-menu .nav-wrap {
	z-index: 99999999;
}

#nav-menu .nav-wrap .inner {
	background: #fff;
	width: calc( 100% - 55px );
	max-width: 650px;
	height: 100vh;
	margin-left: auto;
	padding-bottom: 5px;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	transform: translateX( 110% );
	transition: all .6s;
}

body.nav-open #nav-menu .nav-wrap .inner {
	transform: translateX( 0 );
	position: relative;
	z-index: 9999;
}

.nav-btn > div {
	display: block;
	width: 38px;
	height: 30px;
	margin-bottom: 5px;
	position: relative;
	transition: all .2s;
}

.nav-btn > div span {
	display: inline-block;
	height: 2px;
	background: #000;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	transition: all .2s;
}

#nav-open > div span:nth-child( 2 ) {
	top: calc( 50% - 1px );
}

#nav-open > div span:nth-child( 3 ) {
	top: calc( 100% - 2px );
}

#nav-open:hover > div span {
	border-radius: 2px;
}

#nav-open:hover > div span:nth-of-type( 1 ) {
	top: 5px;
}

#nav-open:hover > div span:nth-of-type( 3 ) {
	top: calc( 100% - 7px );
}

#nav-close > div span {
	top: calc( 50% - 1px );
}

#nav-close > div span:nth-child( 1 ) {
	transform: rotate( 45deg );
}

#nav-close > div span:nth-child( 2 ) {
	transform: rotate( -45deg );
}

#nav-close:hover > div span:nth-child( 1 ) {
	transform: rotate( 45deg ) scale( .5 );
	height: 4px;
}

#nav-close:hover > div span:nth-child( 2 ) {
	transform: rotate( -45deg ) scale( .5 );
	height: 4px;
}

.nav-btn p {
	font-size: 1.3rem;
}

#nav-menu .nav-wrap .identity {
	padding: 10px;
}

#nav-menu .nav-wrap .btn-set {
	padding: 0 20px;
	margin: 30px 0;
}

#nav-menu .nav-wrap .btn-set .flex {
	justify-content: center;
}

#header #nav-menu .btn-set li {
	width: calc( ( 99% - 30px ) / 3 );
	margin: 0 15px 0 0;
}

#header #nav-menu .btn-set li:last-child {
	margin-right: 0;
}

#header #nav-menu .btn-set a {
	display: block;
	font-size: 1.4rem;
}

#header #nav-menu .nav-menu > ul {
	border-top: solid 1px rgba( 0, 0, 0, .1 );
}

#header #nav-menu .nav-menu > ul > li {
	border-bottom: solid 1px rgba( 0, 0, 0, .1 );
}

#header #nav-menu .nav-menu li .acd,
#header #nav-menu .nav-menu li a {
	display: block;
	text-align: left;
	padding: 10px 25px;
	color: #6EA3AB;
	font-size: 1.5rem;
}

#header #nav-menu .nav-menu li .acd {
	color: #292111;
	padding-right: 60px;
	background: url( assets/img/common/plus.svg ) right 19px center no-repeat;
	cursor: pointer;
}

#header #nav-menu .nav-menu li .acd.open {
	background: url( assets/img/common/close.svg ) right 19px center no-repeat;
}

#header #nav-menu .nav-menu li a {
	background: url( assets/img/common/arrow-03.svg ) right 25px center no-repeat;
}

#header #nav-menu .nav-menu li a:hover {
	background: #F9F5F1 url( assets/img/common/arrow-03.svg ) right 25px center no-repeat;
}

#header #nav-menu .nav-menu .child li {
	border-top: solid 1px rgba( 0, 0, 0, .1 );
}

#header #nav-menu .nav-menu .child a {
	padding: 10px 50px 10px 40px;
}

#header #nav-menu .nav-menu li.parent > div {
	position: relative;
}

#header #nav-menu .nav-menu li.parent div a {
	color: #292111;
	padding-right: 61px;
}

#header #nav-menu .sns-btn {
	text-align: center;
	padding: 30px 15px;
}

#header #nav-menu .sns-btn .flex {
	max-width: 240px;
	margin: 0 auto;
}

#overlay {
	display: block;
	background: rgba( 41, 33, 17, .8 );
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all .8s;
}

body.nav-open #overlay {
	opacity: 1;
	visibility: visible;
	z-index: 99;
}


/*
----------------------------------------
footer
----------------------------------------
*/

footer {
	border-top: solid 1px rgba( 0, 0, 0, .1 );
	position: relative;
}

footer .wrap {
	padding-top: 25px;
	padding-bottom: 25px;
}

footer .flex {
	align-items: center;
}

footer .identity {
	width: 18%;
}

footer .footer-nav {
	width: 30%;
	margin-right: auto;
}

footer .footer-nav li {
	width: 50%;
}

footer .footer-nav li a {
	display: inline-block;
	color: #6EA3AB;
	padding-left: 2rem;
	background: url( assets/img/common/arrow-02.svg ) left center no-repeat;
}

footer .sns-btn {
	width: 23%;
}

.sns-btn li {
	line-height: .5;
	width: calc( 99% / 4 );
}

.sns-btn a {
	display: inline-block;
	width: 45px;
	height: 45px;
	background: #C39D78;
	border-radius: 50%;
}

.sns-btn a:hover {
	background: #DBB288;
}

footer .external-link a {
	display: inline-block;
	font-size: 1.5rem;
	color: #C39D78;
	border: solid 1px #C39D78;
	border-radius: 3px;
	padding: 6px 38px 6px 20px;
	background: url( assets/img/common/icon-link.svg ) right 15px center no-repeat;
}

footer .external-link a:hover {
	background: rgba( 195, 157, 120, .1 ) url( assets/img/common/icon-link.svg ) right 15px center no-repeat;
}

footer .copyright {
	font-size: 1.2rem;
	text-align: center;
	background: #EBEAE5;
	padding: 8px 15px;
}

footer #page-top {
	position: absolute;
	right: 30px;
	top: 0;
	transform: translateY( -50% );
}

footer #page-top span {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	text-align: center;
	border-radius: 50%;
	background: #C39D78;
	cursor: pointer;
	transition: all .2s;
}

footer #page-top span:hover {
	background: #DBB288;
}


/*
----------------------------------------
topics
----------------------------------------
*/

img.aligncenter {
	display: block;
	margin: 0 auto;
}

img.alignleft {
	float: left;
	margin: 0 15px 15px 0;
}

img.alignright {
	float: right;
	margin: 0 0 15px 15px;
}

#topics .topic-path {
	margin-bottom: 80px;
}

.contents-wrap {
	justify-content: space-between;
}

#main-contents {
	width: calc( 100% - 340px );
}

/* sidebar */

#sidebar {
	width: 300px;
}

#sidebar .search {
	margin-bottom: 40px;
}

#sidebar .search form,
#sidebar .search input[type=text] {
	width: 100%;
}

#sidebar .rank-box {
	margin-bottom: 50px;
}

#sidebar h2.flex {
	padding-bottom: 9px;
	border-bottom: solid 1px #C39D78;
	position: relative;
	align-items: center;
	line-height: 1.6;
}

#sidebar h2.flex::after {
	content: '';
	height: 1px;
	background: #C39D78;
	position: absolute;
	right: 0;
	bottom: 2px;
	left: 0;
}

#sidebar h2 .jp {
	font-size: 2rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	letter-spacing: 3px;
	margin-right: auto;
}

#sidebar h2 .en-03 {
	font-size: 1.8rem;
	color: #C39D78;
}

#sidebar .rank-list .post {
	border: none;
	border-bottom: solid 1px #D4D2CF;
	padding: 0;
	margin: 0;
}

#sidebar .rank-list a.flex {
	padding: 20px 0;
}

#sidebar .rank-list a.flex > figure {
	width: 115px;
	line-height: .5;
	padding-right: 15px;
}

#sidebar .rank-list a.flex > figure + .txt {
	width: calc( 100% - 115px );
}

#sidebar .rank-list a.flex .txt {
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	line-height: 1.5;
}

#sidebar .rank-list a.flex .ttl {
	font-size: 1.5rem;
	text-decoration: underline;
}

#sidebar .rank-list a.flex .time {
	text-align: right;
	font-size: 1.4rem;
	opacity: .6;
	letter-spacing: 1px;
	margin-top: 2px;
}

/*
#sidebar .menu-list {
	position: sticky;
	top: 100px;
}
*/

#sidebar .menu-list .menu {
	margin-bottom: 50px;
}

#sidebar .menu-list .menu > li {
	border-bottom: solid 1px #D4D2CF;
}

#sidebar .menu-list .menu li li {
	border-top: solid 1px #D4D2CF;
}

#sidebar .menu-list a {
	display: block;
	padding: 16px;
	line-height: 1.6;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	letter-spacing: 2px;
	background: url( assets/img/column/arrow-menu.png ) right 16px center no-repeat;
	position: relative;
}

#sidebar .menu-list li li a {
	padding-left: 36px;
}

#sidebar .menu-list li li a::before {
	content: '';
	width: 10px;
	height: 1px;
	background: #6EA3AB;
	position: absolute;
	left: 16px;
	top: 50%;
}

#sidebar .menu-list a:hover {
	background: #F9F5F1 url( assets/img/column/arrow-menu.png ) right 11px center no-repeat;
}

/* post */

#topics .post {
	border: solid 1px #D4D2CF;
	padding: 30px;
	margin-bottom: 50px;
}

#topics .post-header {
	margin-bottom: 30px;
}

#topics .post-header time {
	font-size: 1.5rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	opacity: .6;
	letter-spacing: 1px;
	margin-right: 20px;
	padding: 2px 0;
}

#topics .post-header .cat-list a,
#topics .post-header .cat-list span {
	font-size: 1.4rem;
	background: #6EA3AB;
	color: #fff;
	padding: 0 10px;
	transition: all .2s;
}

#topics .post-header .cat-list a:hover,
#topics .post-header .cat-list span:hover {
	background: #fff;
	color: #6EA3AB;
}

#topics .post-header h1,
#topics .post-header h2 {
	font-size: 2.8rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.5;
}

#ez-toc-container {
	background: #F4F3F2;
	padding: 25px 30px 20px;
	margin-bottom: 50px;
	border-top: solid 3px #C39D78;
}

#ez-toc-container .ez-toc-title {
	font-size: 2.4rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	color: #C39D78;
	line-height: 1.2;
	margin-bottom: 10px !important;
}

#ez-toc-container .ez-toc-title::before {
	content: '';
	display: inline-block;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #C39D78 url( assets/img/column/icon-contents.png ) center center / contain no-repeat;
	vertical-align: middle;
	margin-right: 10px;
	transform: translateY( -3px );
}

#ez-toc-container ul {
	margin-bottom: 5px !important;
}

#ez-toc-container .ez-toc-list-level-1 {
	counter-reset: num;
}

#ez-toc-container .ez-toc-list-level-1 > li {
	position: relative;
	padding-left: 2rem;
}

#ez-toc-container .ez-toc-list-level-1 > li::before {
	counter-increment: num;
	content: counter( num ) '.';
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	width: auto;
	height: auto;
	border-radius: 0;
}

#ez-toc-container .ez-toc-list-level-1 ul {
	margin-left: .2rem;
}

#ez-toc-container .ez-toc-list-level-1 ul li {
	padding-left: 1.8rem;
	position: relative;
}

#ez-toc-container .ez-toc-list-level-1 ul li::before {
	content: '';
	width: 8px;
	height: 8px;
	background: #C39D78;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 0;
}

#ez-toc-container .ez-toc-list-level-1 ul a {
	opacity: .7;
}

.post-contents img,
.post-contents div {
	max-width:100% !important;
	height: auto;
}

.post-contents p {
	clear: both;
	margin-bottom: 30px;
}

.post-contents h2,
.post-contents h3,
.post-contents h4,
.post-contents h5,
.post-contents h6 {
	clear: both;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 1.4;
}

.post-contents h2 {
	font-size: 2.6rem;
	background: #F9F5F1;
	padding: 17px 20px;
	margin-bottom: 30px;
}

.post-contents h3 {
	font-size: 2.4rem;
	border-bottom: solid 1px #C39D78;
	padding-bottom: 10px;
	margin-bottom: 30px;
	position: relative;
}

.post-contents h3::after {
	content: '';
	height: 1px;
	background: #C39D78;
	position: absolute;
	right: 0;
	bottom: 3px;
	left: 0;
}

.post-contents h4 {
	font-size: 2.2rem;
	padding: 0 0 10px 10px;
	margin-bottom: 30px;
	position: relative;
}

.post-contents h4::before {
	content: '';
	height: 1px;
	background: #D4D2CF;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.post-contents h4::after {
	content: '';
	width: 50px;
	height: 1px;
	background: #C39D78;
	position: absolute;
	bottom: 0;
	left: 0;
}

.post-contents h5 {
	font-size: 2.2rem;
	margin-bottom: 15px;
}

.post-contents h6 {
	font-size: 2rem;
	margin-bottom: 15px;
}

ul.list,
.post-contents ul,
.post-contents ol {
	clear:both;
	margin-bottom: 30px;
}

ul.list li,
.post-contents ul li {
	padding-left: 1.8rem;
	position: relative;
}

ul.list li::before,
.post-contents ul li::before {
	content: '';
	width: 7px;
	height: 7px;
	background: #C39D78;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 0;
}

.post-contents ol {
	counter-reset: ol;
}

.post-contents ol li {
	padding-left: 3rem;
	position: relative;
}

.post-contents ol li::before {
	counter-increment: ol;
	content: counter( ol );
	display: inline-block;
	width: 2.2rem;
	height: 2.2rem;
	background: #C39D78;
	color: #fff;
	border-radius: 50%;
	font-size: 1.2rem;
	line-height:  2.2rem;
	text-align: center;
	position: absolute;
	top: 5px;
	left: 0;
}

.post-contents blockquote {
	clear:both;
	background: #F9F5F1;
	color: rgba( 41, 33, 17, .7 );
	padding: 55px 40px 25px;
	margin-bottom: 30px;
	border-left: solid 3px #C39D78;
	position: relative;
}

.post-contents blockquote::before {
	content: url( assets/img/column/quote-before.png );
	position: absolute;
	top: 10px;
	left: 35px;
}

.post-contents blockquote::after {
	content: url( assets/img/column/quote-after.png );
	position: absolute;
	right: 35px;
	bottom: 10px;
}

.post-contents table {
	width: 100%;
	border-top: solid 1px #D4D2CF;
	border-left: solid 1px #D4D2CF;
	margin-bottom: 30px;
}

.post-contents th,
.post-contents td {
	border-right: solid 1px #D4D2CF;
	border-bottom: solid 1px #D4D2CF;
	padding: 8px 15px;
}

.post-contents th {
	text-align: center;
	font-weight: normal;
	background: #F9F5F1;
}

.post-contents .a2a_kit a {
	padding: 0;
	margin-right: 20px;
}

#topics .author-box {
	border: solid 1px #D4D2CF;
	padding: 20px 30px;
}

#topics .author-box .ttl {
	padding-bottom: 10px;
	border-bottom: solid 1px #C39D78;
	position: relative;
	align-items: center;
	margin-bottom: 30px;
}

#topics .author-box .ttl::after {
	content: '';
	height: 1px;
	background: #C39D78;
	position: absolute;
	right: 0;
	bottom: 2px;
	left: 0;
}

#topics .author-box .ttl h3 {
	font-size: 2rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 2px;
	margin-right: auto;
}

#topics .author-box .ttl .en-03 {
	font-size: 1.8rem;
	color: #C39D78
}

#topics .author-box .author {
	align-items: center;
}

#topics .author-box figure {
	width: 170px;
	line-height: .5;
	padding-right: 15px;
}

#topics .author-box figure img {
	border: solid 1px #D4D2CF;
	border-radius: 50%;
}

#topics .author-box .txt {
	width: calc( 100% - 170px );
}

#topics .author-box .txt h4 {
	font-size: 2rem;
	font-weight: normal;
	line-height: 1.4;
	letter-spacing: 5px;
	margin-bottom: 5px;
}

#topics .author-box .txt .read {
	margin-bottom: 15px;
}

#topics .author-box .sns li {
	margin-right: 20px;
}

#topics .author-box .sns a {
	display: inline-block;
	font-size: 1.5rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	padding-left: 27px;
	color: #686357;
}

#topics .author-box .sns a:hover {
	opacity: .7;
}

#topics .author-box .sns .twitter a {
	background: url( assets/img/column/icon-twitter@2x.png ) left center / 22px no-repeat;
}

#topics .author-box .sns .fb a {
	background: url( assets/img/column/icon-fb@2x.png ) left center / 22px no-repeat;
}

#topics .author-box .sns .insta a {
	background: url( assets/img/column/icon-insta@2x.png ) left center / 22px no-repeat;
}

#topics .author-box .sns .youtube a {
	background: url( assets/img/column/icon-youtube@2x.png ) left center / 22px no-repeat;
}

.post-nav {
	margin: 50px 0;
	align-items: center;
	justify-content: space-between;
}

.post-nav .back {
	width: 130px;
}

.post-nav .prev,
.post-nav .next {
	width: calc( ( 100% - 220px ) / 2 );
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
}

.post-nav a {
	display: block;
	font-size: 1.5rem;
	line-height: 1.6;
}

.post-nav .prev a,
.post-nav .next a {
	text-decoration: underline;
	position: relative;
}

.post-nav .prev a:hover,
.post-nav .next a:hover {
	color: #C39D78;
}

.post-nav .prev a::before,
.post-nav .next a::before {
	content: '';
	display: inline-block;
	width: 50px;
	height: 50px;
	border: solid 1px#EBEAE5;
	position: absolute;
	top: calc( 50% - 25px );
	transition: all .2s;
}

.post-nav .prev a {
	padding-left: 65px;
}

.post-nav .prev a::before {
	background: url( assets/img/column/arrow-prev.png ) center center no-repeat;
	left: 0;
}

.post-nav .prev a:hover::before {
	background: rgba( 195, 157, 120, .1 ) url( assets/img/column/arrow-prev.png ) center center no-repeat;
}

.post-nav .next a {
	padding-right: 65px;
}

.post-nav .next a::before {
	background: url( assets/img/column/arrow-next.png ) center center no-repeat;
	right: 0;
}

.post-nav .next a:hover::before {
	background: rgba( 195, 157, 120, .1 ) url( assets/img/column/arrow-next.png ) center center no-repeat;
}

.post-nav .back a {
	padding: 12px;
	border: solid 1px #C39D78;
	color: #C39D78;
	text-align: center;
	border-radius: 3px;
}

.post-nav .back a:hover {
	background: #C39D78;
	color: #fff;
}

#topics #contents {
	padding-bottom: 80px;
}

#topics .relation-post .post-list {
	justify-content: space-between;
}

#topics .relation-post .post {
	width: calc( ( 99% - 30px ) / 3 );
	border: none;
	padding: 0;
	margin: 0;
	position: relative;
}

#topics .relation-post figure {
	line-height: .5;
}

#topics .relation-post .txt {
	padding: 10px;
	font-size: 1.5rem;
	line-height: 1.8;
}

#topics .relation-post time {
	font-size: 1.4rem;
}

#topics .addtoany_content {
	clear: both;
	padding: 40px 0 0;
}

#topics .widget_a2a_follow_widget {
	display: inline-block;
}

#topics .addtoany_list a,
#topics .widget .addtoany_list a {
	padding: 0;
}

#topics .heading-02 {
	margin: 70px 0 35px;
}

/* archive */

#topics.archive .post-list {
	margin-bottom: 40px;
}

#topics.archive #main-contents .post {
	border: none;
	padding: 0;
	margin-bottom: 0;
}

#topics.archive #main-contents .post-list .post > a {
	display: block;
	padding: 30px 30px 40px;
	border-bottom: solid 1px #D4D2CF;
}

#topics.archive #main-contents .post-list .post > a:hover {
	box-shadow: 0 7px 10px rgba( 0, 0, 0, .05 );
	border-bottom: solid 1px transparent;
}

#topics.archive .post-header {
	margin-bottom: 20px;
}

#topics.archive .post-contents .flex > figure {
	width: 48%;
	padding-right: 30px;
	line-height: .5;
}

#topics.archive .post-contents .flex > .txt {
	width: 52%;
}

#topics.archive .post-contents p {
	margin-bottom: 0;
}

#topics.archive .post-contents p.more {
	margin-top: 30px;
	text-align: right;
	line-height: 1;
}

#topics.archive .post-contents p.more span {
	color: #6EA3AB;
	display: inline-block;
	background: url( assets/img/column/arrow-more.svg ) right center no-repeat;
	padding-right: 15px;
	border-bottom: solid 1px #6EA3AB;
}


/*
----------------------------------------
home
----------------------------------------
*/

#home .slider,
#home .thumb {
	opacity: 0;
	transform: all .2s;
}

#home .slider.slick-slider,
#home .thumb.slick-slider {
	opacity: 1;
	height: auto;
}

#home #main-img img {
	width: 100%;
	opacity: .6;
	transition: all .2s;
}

#home #main-img .slick-active img {
	opacity: 1;
}

#home #main-img .slick-active a:hover img {
	opacity: .8;
}

#home .slick-prev,
#home .slick-next {
	width: auto;
	height: auto;
	z-index: 999;
	transition: all .2s;
}

#home #main-img .slick-prev {
	left: calc( 13% - 20px );
	transform: translate( -100%, -50% );
}

#home #main-img .slick-prev:hover {
	padding-right: 10px;
}

#home #main-img .slick-next {
	right: calc( 13% - 20px );
	transform: translate( 100%, -50% );
}

#home #main-img .slick-next:hover {
	padding-left: 10px;
}

#home #main-img .slick-prev::before,
#home #main-img .slick-next::before {
	display: inline-block;
	opacity: 1;
}

#home #main-img .slick-prev::before {
	content: url( assets/img/common/arrow-prev.svg );
}

#home #main-img .slick-next::before {
	content: url( assets/img/common/arrow-next.svg );
}

#home #main-img .thumb {
	max-width: 904px;
	padding: 20px;
	margin: 0 auto;
}

#home #main-img .thumb figure {
	margin: 0 4px;
}

#home #main-img .thumb figure img {
	opacity: .4;
	cursor: pointer;
}

#home #main-img .thumb figure.active img,
#home #main-img .thumb figure:hover img {
	opacity: 1;
}

#home .cashless {
	padding: 15px 0 35px;
	margin-top: 20px;
	text-align: center;
}

#home .news-box {
	background: rgba( 195, 157, 120, .1 );
	padding: 40px 15px;
}

#home .news-box .wrap.flex {
	background: #fff;
	align-items: center;
}

#home .news-box .ttl-wrap {
	width: calc( 99% / 3 );
	padding: 75px 10px 60px;
	text-align: center;
}

#home .news-box .ttl-wrap .inner {
	display: inline-block;
	margin: 0 auto;
	text-align: left;
}

#home .news-box .ttl .en {
	font-size: 3.2rem;
	color: rgba( 184, 145, 12, .4 );
	line-height: 1;
}

#home .news-box .ttl h2 {
	font-size: 4rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	line-height: 1;
	letter-spacing: 5px;
	padding-bottom: 20px;
	margin-bottom: 25px;
	position: relative;
}

#home .news-box .ttl h2::after {
	content: '';
	width: 40px;
	height: 1px;
	background: #D79E67;
	position: absolute;
	bottom: 0;
	left: 0;
}

#home .news-box .post-list {
	width: calc( 99% / 3 * 2 );
	padding-right: 80px;
}

#home .news-box .post-list ul {
	margin-bottom: 9px;
}

#home .news-box .post-list li a {
	display: block;
	border-bottom: solid 1px rgba( 41, 33, 17, .2 );
	padding: 18px 15px;
	line-height: 1.4;
	opacity: .8;
	vertical-align: middle;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	}

#home .news-box .post-list li a:hover {
	background: rgba( 195, 157, 120, .05 );
	opacity: 1;
}

#home .news-box .post-list li time {
	display: inline-block;
	min-width: 13rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
}

#home .news-box .post-list li .post-ttl {
	font-size: 1.5rem;
}

#home .rank-box {
	padding: 80px 0;
}

#home .rank-box .ttl-01 > div {
	display: inline-block;
	background: url( assets/img/home/update.png ) left center no-repeat;
	padding: 20px 125px;
}

#home .rank-box .rank-list {
	margin-top: 20px;
}

#home .rank-box .rank-list > .item {
	width: 30%;
	margin-right: 3%;
	position: relative;
}

#home .rank-box .rank-list .item .rank {
	display: inline-block;
	width: 56px;
	height: 56px;
	line-height: 56px;
	text-align: center;
	font-size: 2rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	letter-spacing: 3px;
	background: #B79932;
	padding: 0 0 0 8px;
	color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 12px;
	z-index: 99;
}

#home .rank-box .rank-list .item:nth-child( 2 ) .rank {
	background: #A5B0BA;
}

#home .rank-box .rank-list .item:nth-child( 3 ) .rank {
	background: #C39D78;
}

#home .rank-box .rank-list .item .rank span {
	display: inline-block;
	font-family: condor-condensed, sans-serif;
	font-weight: 300;
	font-style: normal;
	font-size: 3.6rem;
	transform: translateY( 2px );
}

#home .rank-box .rank-list .item:nth-child( 3n ) {
	margin-right: 0;
}

#home .rank-box .rank-list .item figure {
	/* background: #F9F8F3; */
	line-height: .5;
	text-align: center;
}

#home .rank-box .rank-list .item figure a {
	display: inline-block;
	position: relative;
}

#home .rank-box .rank-list .item a:hover {
	opacity: .6;
}

#home .rank-box .rank-list .item figure a img {
	width: 100%;
}

#home .rank-box .rank-list .item .txt {
	padding: 10px;
}

#home .rank-box .rank-list .item .txt a {
	display: block;
}

#home .rank-box .rank-list .item .ttl {
	font-size: 1.8rem;
	line-height: 1.6;
}

#home .rank-box .rank-list .item .price {
	text-align: right;
	margin-top: 10px;
	opacity: .6;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
}

#home .rank-box .rank-list .item .price .num {
	font-size: 1.8rem;
}

#home .rank-box .rank-list .item .price .note {
	font-size: 1.4rem;
}

#home .rank-box .rank-list .item .no-img {
	border: solid 1px #E5E5E5;
}

#home .recom-box {
	background: url( assets/img/home/recommended-bg@2x.png ) center bottom / cover no-repeat;
	padding: 80px 0 65px;
}

#home .recom-box .read {
	margin: 25px 0 40px;
	text-align: center;
}

#home .recom-box .brand-list .item {
	width: calc( ( 99% - 63px ) / 3 );
	margin-right: 31px;
	margin-bottom: 31px;
}

#home .recom-box .brand-list .item:nth-child( 3n ) {
	margin-right: 0;
}

#home .recom-box .brand-list figure a {
	display: block;
	text-align: center;
	background: #fff;
	line-height: .5;
	padding: 23px;
}

#home .recom-box .brand-list figure a:hover {
	opacity: .7;
}

#home .recom-box .brand-list h3 {
	text-align: center;
	font-size: 2.2rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	line-height: 1.6;
	margin: 10px 0 3px;
}

#home .recom-box .brand-list .btn-02 {
	margin-top: 15px;
}

#home .voice-box {
	padding: 80px 0;
}

#home .voice-box .ttl-02 {
	padding: 0 20px;
	margin-bottom: 50px;
}

.voice-list .voice {
	margin: 0 0 15px;
	padding: 25px 28px;
	background: #fff;
	box-shadow: 0 0 2px rgba( 0, 0, 0, .16 );
	border-top: solid 3px #C39D78;
	text-align: left;
}

.voice-list .voice .ttl {
	align-items: center;
	margin-bottom: 10px;
}

.voice-list .voice .ttl figure {
	width: 120px;
}

.voice-list .voice .ttl .txt {
	width: calc( 100% - 120px );
	padding-left: 10px;
}

.voice-list .voice .ttl h3 {
	font-weight: normal;
	text-decoration: underline;
	color: #6EA3AB;
	font-size: 1.8rem;
	line-height: 1.6;
	margin-bottom: 5px;
}

.star-wrap {
	color: #C14F59;
	align-items: center;
}

.star {
	margin: 0 9px 4px 0;
}

.star .flex > div {
	display: inline-block;
	width: 22px;
	height: 21px;
	background: url( assets/img/common/star-bg.png ) center center no-repeat;
	margin-right: 6px;
	text-align: left;
	line-height: .5;
}

.star .flex > div span {
	display: inline-block;
	width: 22px;
	height: 21px;
	overflow: hidden;
}

.star .flex > div img {
	width: 22px;
	max-width: 22px;
	height: 21px;
}

.star .star-inner {
	display: inline-block;
	width: 140px;
	height: 21px;
	overflow: hidden;
}

.star .star-inner img {
}

.star .num {
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	color: rgba( 193, 79, 89, .8 );
}

.voice-list .voice .meta {
	align-items: center;
	margin-bottom: 4px;
}

.voice-list .voice .tag {
	display: inline-block;
	padding: 2px 15px;
	border: solid 1px #6EA3AB;
	color: #6EA3AB;
	font-size: 1.6rem;
	line-height: 1.4;
	margin-right: 10px;
}

.voice-list .voice .read {
	line-height: 1.9;
	max-height: 15rem;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#home .voice-list {
	justify-content: center;
	flex-wrap: nowrap;
}

#home .voice-list .voice {
	margin: 0 15px 15px;
	padding: 0;
	box-shadow: none;
	opacity: .5;
}

#home .voice-list .voice.slick-active,
#home .voice-list .voice.active {
	opacity: 1;
}

#home .slide-post .slick-prev {
	left: 5%;
	transform: translate( -9px, -50% );
}

#home .slide-post .slick-prev:hover {
	padding-right: 10px;
}

#home .slide-post .slick-next {
	right: 5%;
	transform: translate( 9px, -50% );
}

#home .slide-post .slick-next:hover {
	padding-left: 10px;
}

#home .slide-post .slick-prev::before,
#home .slide-post .slick-next::before {
	display: inline-block;
	opacity: 1;
	width: 48px;
	height: 48px;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	background: #C39D78;
	transition: all .2s;
}

#home .slide-post .slick-prev:hover::before,
#home .slide-post .slick-next:hover::before {
	background:  #DBB288;
}

#home .slide-post .slick-prev::before {
	content: url( assets/img/common/arrow-prev-02.svg );
}

#home .slide-post .slick-next::before {
	content: url( assets/img/common/arrow-next-02.svg );
}

#home .voice-list .voice a {
	padding: 25px 28px 35px;
	box-shadow: 0 0 2px rgba( 0, 0, 0, .16 );
	display: block;
	outline: none;
}

#home .voice-list .voice a:hover {
	opacity: .85;
	box-shadow: 0 7px 10px rgba( 0, 0, 0, .05 );
}

#home .voice-list .voice a * {
	outline: none;
}

#home .commit-box {
	background: url( assets/img/home/commitment-bg@2x.png ) center center / cover no-repeat;
	padding: 60px 0 80px;
}

#home .commit-box h2 {
	text-align: center;
	font-size: 4rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	letter-spacing: 6px;
	margin-bottom: 45px;
}

#home .commit-box .txt {
	margin-right: 46%;
	background: rgba( 255, 255, 255, .7 );
	padding: 45px 50px 35px;
	position: relative;
}

#home .commit-box .txt .en {
	color: rgba( 184, 145, 12, .9 );
	font-size: 4.5rem;
	position: absolute;
	top: -38px;
	left: -26px;
	transform: rotate( -3deg );
}

#home .commit-box h3 {
	font-size: 2.5rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	line-height: 1.8;
	margin-bottom: 10px;
}

#home .commit-box .btn-01 {
	margin-top: 20px;
}

#home .commit-box .btn-01 a {
	width: 230px;
	max-width: 100%;
	text-align: center;
	padding: 9px 33px;
}

#home .point-list {
	padding: 60px 15px;
}

#home .point-list .flex {
	justify-content: center;
}

#home .point-list .flex li {
	margin: 0 3.2%;
}

#home .column-box {
	background: rgba( 195, 157, 120, .1 );
	padding: 80px 0;
}

#home .column-box .read {
	margin: 25px 0 30px;
	text-align: center;
}

#home .column-box .slider {
	margin-bottom: 40px;
	justify-content: center;
	flex-wrap: nowrap;
}

#home .column-box .post {
	margin: 0 9px 10px;
	position: relative;
	transition: all .2s;
	opacity: .5;
}

#home .column-box .post.slick-active,
#home .column-box .post.active {
	opacity: 1;
}

.column-box .post .cat-list {
	position: absolute;
	top: 0;
	left: 9px;
	line-height: 1.4;
}

.column-box .post .cat-list a {
	background: #6EA3AB;
	color: #fff;
	font-size: 1.4rem;
}

.column-box .post .cat-list a:hover {
	background: #fff;
	color: #6EA3AB;
}

.column-box .post > a {
	display: block;
	background: #fff;
	outline: none;
}

.column-box .post > a:hover {
	box-shadow: 0 7px 10px rgba( 0, 0, 0, .05 );
}

#home .column-box .post .txt {
	padding: 18px 40px 32px;
	text-align: left;
}

.column-box .post time {
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	opacity: .6;
	letter-spacing: 1px;
}

#home .column-box .btn-02 a {
	width: 230px;
	max-width: 100%;
}

.worries-cat-box {
	padding: 100px 0;
}

.worries-cat-box .ttl-01 {
	margin-bottom: 40px;
}

.worries-cat-box .worries-list {
	border-right: dashed 1px #C39D78;
	/* background: url( assets/img/home/border.png ) right top repeat-y; */
}

.worries-cat-box .worries {
	width: 20%;
	text-align: center;
	border-left: dashed 1px #C39D78;;
	/* background: url( assets/img/home/border.png ) left top repeat-y; */
	font-size: 1.8rem;
}

.worries-cat-box .worries a {
	display: block;
	padding: 5px;
}

.worries-cat-box .worries a:hover {
	opacity: .7;
}

.worries-cat-box .worries figcaption {
	margin-bottom: 3px;
}

.item-cat-box {
	padding: 80px 0 20px;
	background: rgba( 195, 157, 120, .1 );
}

.item-cat-box .ttl-01 {
	margin-bottom: 30px;
}

.item-cat-box .flex > figure {
	width: calc( ( 100% - 42px ) / 4 );
	margin-right: 14px;
	margin-bottom: 60px;
}

.item-cat-box .flex > figure:nth-child( 4n ) {
	margin-right: 0;
}

.item-cat-box .flex > figure a {
	display: block;
	background: #fff;
	border: solid 1px #fff;
	text-align: center;
	line-height: .5;
}

.item-cat-box .flex > figure a:hover {
	border: solid 1px #C39D78;
}

.item-cat-box .flex figcaption {
	padding: 8px 10px 18px;
	font-size: 1.8rem;
	line-height: 1.8;
}

.item-cat-box .flex figcaption .min {
	font-size: 1.7rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	opacity: .6;
}

#home .insta-box {
	padding: 100px 0 80px;
}

#home .insta-box .ttl-01 {
	margin-bottom: 20px;
}

#home .insta-box .ttl-01 > div {
	display: inline-block;
	background: url( assets/img/home/ttl-insta.png ) left top no-repeat;
	padding: 4px 0 0 63px;
}

#home .insta-box .ttl-01 > div .en {
	display: inline-block;
	margin-left: -85px;
}

#home .insta-box .read {
	margin-bottom: 40px;
}

#home .insta-box .btn-02 {
	margin-top: 40px;
}

#home .insta-box .btn-02 a {
	width: 230px;
	max-width: 100%;
}

#home .line-bnr .wrap {
	text-align: center;
}

#home .line-bnr a:hover {
	opacity: .8;
}


/*
----------------------------------------
item
----------------------------------------
*/

#item #contents {
	padding-bottom: 0;
}

#item .item-box .img {
	width: calc( 50% - 50px );
	padding: 0 10px 80px 0;

}

#item .item-box .img > * {
	max-width: 460px;
}

#item .item-box .slider {
	padding: 0 5px;
	height: 0;
	opacity: 0;
	visibility: hidden;
}

#item .item-box .slider.slick-slider {
	height: auto;
	opacity: 1;
	visibility: visible;
}

#item .item-box .slick-prev,
#item .item-box .slick-next {
	width: auto;
	height: auto;
	z-index: 999;
	transition: all .2s;
}

#item .item-box .slick-prev {
	left: -2px;
	transform: translateY( -50% );
}

#item .item-box .slick-next {
	right: -2px;
	transform: translateY( -50% );
}

#item .item-box .slider .slick-prev::before,
#item .item-box .slider .slick-next::before {
	display: inline-block;
	opacity: 1;
	transition: all .2s;
	cursor: pointer;
}

#item .item-box .slick-prev:hover::before {
	transform: translateX( -10px );
}

#item .item-box .slick-next:hover::before {
	transform: translateX( 10px );
}

#item .item-box .slider .slick-prev::before {
	content: url( assets/img/item/arrow-prev.svg );
}

#item .item-box .slider .slick-next::before {
	content: url( assets/img/item/arrow-next.svg );
}

#item .item-box .img .thumb {
	margin: 20px 0;
	max-height: 105px;
	overflow: hidden;
}

#item .item-box .img .thumb img {
	width: 105px;
}

#item .item-box .img .thumb figure {
	padding: 0 5px;
	transition: all .2s;
}

#item .item-box .img .thumb figure:hover {
	opacity: .7;
}

#item .item-box .img .thumb figure.active img {
	border: solid 1px #6EA3AB;
	cursor: pointer;
}

#item #evaluation .share .flex {
	justify-content: center;
	align-items: center;
	margin: 25px 0;
	font-size: 1.5rem;
}

#item #evaluation .share .flex > p {
	margin-right: 20px;
}

#item #evaluation .share .share-btn a {
	line-height: .5;
}

#item #evaluation .comment {
	background: #F9F5F1;
	padding: 25px;
	font-size: 1.5rem;
}

#item #evaluation .comment input[type=text],
#item #evaluation .comment select,
#item #evaluation .comment textarea {
	width: 100%;
}

#item #evaluation .comment #commentform > div {
	display: inline-block;
	width: 100%;
	margin-bottom: 15px;
}

#item #evaluation .comment #commentform .flex {
	align-items: center;
}

#item #evaluation .comment #commentform label {
	width: 9rem;
	letter-spacing: 1px;
}

#item #evaluation .comment #commentform .input {
	width: calc( 100% - 9rem );
}

#item #evaluation .comment #commentform .comment-form-type {
	width: calc( 50% + 5px );
	float: left;
}

#item #evaluation .comment #commentform .comment-form-age {
	width: calc( 50% - 10px );
	float: right;
}

#item #evaluation .comment #commentform .comment-form-age label {
	width: 7.5rem;
	padding-left: 2.5rem;
	color: #292111;
}

#item #evaluation .comment #commentform .comment-form-age .input {
	width: calc( 100% - 7.5rem );
}

#item #evaluation .comment input[type=range] {
	margin-right: 1.2rem;
}

#item #evaluation .comment #commentform .comment-form-range .flex {
	padding: 7px 0;
}

#item #evaluation .comment #commentform .comment-form-comment .flex {
	align-items: flex-start;
}

#item #evaluation .comment #commentform .comment-form-comment label {
	padding-top: 8px;
}

#item #evaluation .comment #commentform .comment-form-comment textarea {
	height: 11rem;
}

#item #evaluation .comment .form-submit {
	text-align: center;
}

#item #evaluation .comment .form-submit #submit {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 350px;
	max-width: 100%;
	font-size: 1.5rem;
	letter-spacing: 2px;
	text-align: center;
	border: solid 1px #C39D78;
	border-radius: 3px;
	padding: 9px 33px;
	text-align: center;
	background: #c39d78 url( assets/img/common/arrow-01-wh.svg ) right 12px center no-repeat;
	color: #fff;
	transition: all .2s;
	cursor: pointer;
}

#item #evaluation .comment .form-submit #submit:hover {
	background: #fff url( assets/img/common/arrow-01.svg ) right 8px center no-repeat;
	color: #C39D78;
}

#item #evaluation .comment .logged-in-as {
	margin-bottom: 10px;
}

#item #evaluation .comment .logged-in-as a:last-child {
	text-decoration: underline;
}

#item .item-box .detail {
	width: calc( 50% + 50px );
}

#item .item-box .cat-list a {
	font-size: 1.4rem;
}

/*
#item .item-box .cat-list li.brand a {
	color: #292111;
	background: #E1D9C0;
	border: solid 1px #E1D9C0;
}

#item .item-box .cat-list li.item a {
	color: #C14F59;
	border: solid 1px #C14F59;
}

#item .item-box .cat-list li.item a:hover {
	color: #fff;
	background: #C14F59;
}
*/

#item .item-box h2 {
	font-size: 3rem;
	font-weight: normal;
	margin: 10px 0 25px;
}

#item .item-box .copy {
	font-size: 2rem;
	color: #C39D78;
	margin-bottom: 10px;
}

#item .item-box .read {
	font-size: 1.5rem;
	opacity: .7;
	margin-bottom: 50px;
}

#item .item-box .detail .item-list .item {
	padding: 20px 0;
	border-bottom: solid 1px #E5E5E5;
}

#item .item-box .detail .item-list .item > figure {
	width: 112px;
	line-height: .5;
}

#item .item-box .detail .item-list .item > .txt {
	width: calc( 100% - 112px );
	padding-left: 20px;
	font-size: 1.5rem;
}

#item .item-box .detail .item-list .item > .txt > .flex {
	flex-direction: column;
	justify-content: space-between;
	min-height: 100%;
}

#item .item-box .detail .item-list .item > .txt h3 {
	margin-bottom: auto;
	padding-bottom: 10px;
	font-weight: normal;
}

#item .item-box .detail .price {
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-size: 1.4rem;
	transform: translateY( 4px );
	margin: 0 0 10px;
	text-align: right;
}

#item .item-box .detail .price .num {
	font-size: 1.7rem;l
}

#item .item-box .detail .price .note {
	font-size: 1.2rem;
}

#item .item-box .detail .cart {
	text-align: right;
}

#item .item-box .detail .cart.subscription {
	flex: 1;
}

#item .item-box .detail .cart.subscription form {
	-js-display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-end;
}

#item .item-box .detail .cart.subscription form > div:first-of-type {
	order: 1;
}

#item .item-box .detail .cart.subscription form > div:nth-of-type( 2 ) {
	order: 0;
	width: 100%;
	text-align: left;
	margin: 0 0 10px;
}

#item .item-box .detail .cart.subscription form label {
	display: block;
	position: relative;
	padding-left: 2.5rem;
	line-height: 1.5;
	margin-top: 4px;
	font-feature-settings: 'palt';
}

#item .item-box .detail .cart.subscription form label input[type=radio] {
	position: absolute;
	left: 0;
	top: 1px;
}

#item .item-box .detail .cart.subscription form > button {
	order: 2;
}

#item .item-box .detail .cart .form-group {
	display: inline-block;
	vertical-align: middle;
}

#item .item-box .detail .cart .form-group select {
	margin: 10px 0 10px 10px;

}

#item .item-box .detail .cart button {
	width: 200px;
	text-align: center;
	border: none;
	border-radius: 3px;
	background: #C39D78;
	color: #fff;
	padding: 8px 20px 5px 10px;
	margin-left: 15px;
	opacity: 0;
	visibility: hidden;
	transition: all .2s;
}

#item .item-box .detail .cart button.show {
	opacity: 1;
	visibility: visible;
}

#item .item-box .detail .cart button::before {
	display: inline-block;
	content: url( assets/img/item/icon-cart.png );
	vertical-align: middle;
	margin-right: 10px;
}

#item .item-box .detail .cart.subscription button {
	background: #C14F59;
}

#item .item-box .detail .cart.subscription button::before {
	content: url( assets/img/item/icon-cart-02.png );
}

#item .item-box .detail .favorite {
	display: none;
	width: 45px;
	height: 45px;
	border: solid 1px rgba( 0, 0, 0, .25 );
	border-radius: 50%;
	line-height: 48px;
	text-align: center;
	margin-left: 15px;
}

#item .worries-box {
	margin-top: 70px;
	padding-top: 70px;
	border-top: solid 10px #F9F5F1;
}

#item .worries-box .ttl-01 {
	margin-bottom: 25px;
}

#item .worries-box .worries-list {
	justify-content: center;
	text-align: center;
	margin-bottom: 60px;
}

#item .worries-box .worries-list figure {
	width: calc( 99% / 3 );
	padding: 0 10px;
}

#item .worries-box .worries-list img {
	display: inline-block;
	border-radius: 50%;
}

#item .worries-box .worries-list figcaption {
	font-size: 1.8rem;
	color: #C39D78;
	margin-top: 15px;
}

#item .worries-box .worries-read {
	font-size: 1.8rem;
	background: rgba( 195, 157, 120, .1 );
	padding: 60px 0;
	position: relative;
}

#item .worries-box .worries-read::before {
	content: '';
	width: 2px;
	height: 50px;
	background: #C39D78;
	position: absolute;
	left: calc( 50% - 1px );
	top: -25px;
}

#item .worries-box .worries-read h3 {
	text-align: center;
	font-size: 2.6rem;
	color: #C39D78;
	margin-bottom: 15px;
}

#item .content-box {
	padding: 70px 0 35px;
}

#item .content-box picture {
	display: block;
	text-align: center;
	margin-bottom: 30px;
}

#item .content-box p.read {
	margin-bottom: 40px;
}

#item .content-box .img-txt {
	align-items: center;
}

#item .content-box .img-txt figure {
	width: 55%;
	padding-right: 40px;
}

#item .content-box .img-txt .txt {
	width: 45%;
}

#item .content-box .img-txt .txt div {
	opacity: .7;
	margin-top: 20px;
}

#item .content-box .img-txt.reverse {
	flex-direction: row-reverse;
}

#item .content-box .img-txt.reverse figure {
	text-align: right;
	padding: 0 0 0 40px;
}

#item .content-box .profile {
	border: solid 1px #E1CEBB;
	padding: 40px 60px;
	margin-top: 70px;
	font-size: 1.4rem;
	letter-spacing: 2px;
	position: relative;
}

#item .content-box .profile dt {
	position: absolute;
	top: -18px;
	right: 0;
	left: 0;
	text-align: center;
	z-index: 999;
}

#item .content-box .profile dt span {
	display: inline-block;
	padding: 0 15px;
	background: #fff;
	font-size: 1.8rem;
}

#item .voice-box {
	padding: 90px 0 55px;
	background: #F9F5F1;
	overflow: hidden;
	position: relative;
	transition: all .6s;
}

#item .voice-list {
	margin-bottom: 20px;
	overflow: auto;
}

#item .voice-list .voice {
	width: calc( ( 100% - 40px ) / 2 );
	margin-bottom: 35px;
}

#item .voice-list .voice:nth-child( odd ) {
	margin-right: 40px;
}

#item .voice-box .ttl-02 {
	margin-bottom: 50px;
}

#item .voice-list .voice .ttl {
	margin-bottom: 0;
}

.voice-list .voice .meta {
	margin-bottom: 5px;
}

#item .voice-box .more-btn {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba( 249, 245, 241, .6 );
	padding: 30px 15px;
	text-align: center;
}

#item .voice-box .more-btn .btn a {
	display: inline-block;
	padding: 8px;
	width: 230px;
	max-width: 100%;
	background: #C39D78;
	color: #fff;
	letter-spacing: 1px;
	border: solid 1px #C39D78;
	border-radius: 3px;
	position: relative;
}

#item .voice-box .more-btn .btn a:hover {
	background: #fff;
	color: #C39D78;
}

#item .voice-box .more-btn .btn a::after {
	content: '+';
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY( -50% );
}

#item .voice-box .more-btn .btn a.close::after {
	content: '−';
}

#item .step-box {
	margin-top: 120px;
}

#item .step-box .heading-01 {
	margin-bottom: 25px;
}

#item .step-box .heading-02 {
	font-size: 2.8rem;
	margin-top: 0;
}

#item .step-box .swipe-wrap {
	margin: 40px 0;
}

#item .step-box .swipe-wrap {
	text-align: center;
}

#item .step-box .inner {
	margin: 0 auto;
}

#item .step-list {
	background: url( assets/img/item/step-border.png ) left top 14px repeat-x;
	font-size: 1.5rem;
}

#item .step-list > .flex {
	justify-content: center;
}

#item .step-list .step {
	width: 20%;
	text-align: center;
	padding: 0 10px;
}

#item .step-list .tag span {
	display: inline-block;
	width: 100px;
	max-width: 100%;
	text-align: center;
	background: #292111;
	color: #fff;
	letter-spacing: 2px;
	padding: 0 5px;
}

#item .step-list figure + figure {
	padding-top: 57px;
}

#item .step-list .or figure + figure {
	background: url( assets/img/item/or.png ) center 5px no-repeat;
}

#item .step-list a {
	display: block;
	color: #6EA3AB;
	text-decoration: underline;
}

#item .step-list h3 {
	font-size: 1.8rem;
	white-space: nowrap;
	font-weight: normal;
	margin: 5px 0 10px;
	letter-spacing: 1px;
}

#item .step-list img {
	box-shadow: 0 0 2px rgba( 0, 0, 0, .16 );
}

#item .detail-box {
	background: #F9F5F1;
	padding: 90px 0;
}

#item .detail-list {
	background: #fff;
	padding: 60px 90px;
	margin-top: 40px;
}

#item .detail-list dt {
	width: 200px;
	border-bottom: solid  1px #C39D78;
	padding: 32px 30px;
	color: #C39D78;
	font-weight: bold;
}

#item .detail-list dt:first-of-type {
	border-top: solid  1px #C39D78;
}

#item .detail-list dd {
	width: calc( 100% - 200px );
	border-bottom: solid  1px rgba( 0, 0, 0, .2 );
	padding: 32px 30px;
}

#item .detail-list dd:first-of-type {
	border-top: solid  1px rgba( 0, 0, 0, .2 );
}

#item .subsc-box {
	padding: 80px 0 75px;
	border-bottom: solid 10px #F9F5F1;
}

#item .subsc-box .ttl-01 {
	margin-bottom: 15px;
}

#item .subsc-box .heading-02 {
	font-size: 2.8rem;
	margin: 30px 0;
}

#item .subsc-box .merit-list {
	justify-content: center;
	margin-bottom: 40px;
}

#item .subsc-box .merit {
	width: calc( 99% / 3 );
	padding: 0 10px;
	text-align: center;
}

#item .subsc-box .merit figcaption {
	color: #B8910C;
	font-size: 3.8rem;
	line-height: 1.1;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	letter-spacing: 2px;
	position: relative;
}

#item .subsc-box .merit figcaption .en {
	font-size: 2.2rem;
	text-align: center;
	position: absolute;
	top: -19px;
	right: 0;
	left: 0;
	-moz-transform: rotate( -8deg );
	-webkit-transform: rotate( -8deg );
	-o-transform: rotate( -8deg );
	-ms-transform: rotate( -8deg );
	transform: rotate( -8deg );
}

#item .subsc-box .merit dl {
	max-width: 265px;
	margin: 0 auto;
}

#item .subsc-box .merit dt {
	font-size: 1.8rem;
	letter-spacing: 1px;
	color: #C39D78;
	margin: 10px 0 5px;
}

#item .subsc-box .merit dd {
	text-align: left;
}

#item .subsc-box .table-wrap {
	align-items: center;
	margin-top: 45px;
}

#item .subsc-box .table-wrap > .img {
	width: 30%;
	position: relative;
	padding-right: 30px;
}

#item .subsc-box .table-wrap > .img .off {
	display: inline-block;
	width: 115px;
	height: 115px;
	padding: 22px 0;
	text-align: center;
	background: url( assets/img/item/off-bg.png ) center center / contain no-repeat;
	position: absolute;
	top: -30px;
	right: 10px;
	color: #B8910C;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-size: 2.9rem;
	line-height: 1.05;
	letter-spacing: 1px;
}

#item .subsc-box .table-wrap > .img .off .num {
	font-size: 3.9rem;
}

#item .subsc-box .table-wrap > .img .off .p {
	font-size: 2.3rem;
}

#item .subsc-box .table-wrap > picture {
	display: block;
	width: 70%;
}

#item .subsc-box .table-wrap > .img img {
	width: 292px;
}

#item .item-box.bottom {
	padding: 70px 0;
}

#item .item-box.bottom .heading-01 {
	margin-bottom: 35px;
}

#item .item-box.bottom .read {
	margin-bottom: 30px;
}

#item .relation-box {
	padding: 70px 0;
	background: url( assets/img/item/relation-bg@2x.png ) center top / cover no-repeat;
}

#item .relation-box .item figure img {
	border: solid 4px #fff;
}


#item .relation-box .heading-01 {
	margin-bottom: 25px;
}

#item .relation-box .relation-list {
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}

#item .relation-box .relation-list .item {
	/* width: calc( ( 100% - 100px ) / 5 ); */
	width: 200px;
	margin-right: 25px;
}

#item .relation-box .relation-list .item a {
	display: block;
}

#item .relation-box .relation-list .item a:hover {
	opacity: .8;
}

#item .relation-box .relation-list .txt {
	padding: 5px 20px;
	line-height: 1.8;
}

#item .relation-box .relation-list h3 {
	color: #6EA3AB;
	font-weight: normal;
	text-decoration: underline;
}

#item .relation-box .relation-list .price {
	text-align: right;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-size: 1.3rem;
}

#item .relation-box .relation-list .price .num {
	font-size: 1.6rem;
}

#item .relation-box .relation-list .price .note {
	font-size: 1.2rem;
}


/*
----------------------------------------
item-category
----------------------------------------
*/

#item-archive .contents-box {
	padding: 60px 0;
	margin: 60px 0 90px;
	position: relative;
}

#item-archive .contents-box .wrap {
	max-width: 1270px;
}

#item-archive .contents-box .txt {
	margin-left: 45%;
	box-shadow: 0 3px 6px rgba( 0, 0, 0, .16 );
	padding: 50px 80px 60px;
	background: #fff;
	position: relative;
	z-index: 999;
}

#item-archive .contents-box h2 {
	font-size: 2.8rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	padding-bottom: 20px;
	margin-bottom: 22px;
	position: relative;
}

#item-archive .contents-box h2::after {
	content: '';
	width: 40px;
	height: 1px;
	background: #D79E67;
	position: absolute;
	bottom: 0;
	left: 0;
}

#item-archive .contents-box .bg {
	position: absolute;
	top: 0;
	right: 52%;
	bottom: 0;
	left: 0;
}

#item-archive .story-box .story-list {
	margin: 100px 0;
}

#item-archive .story-box .story {
	padding: 5px 0;
	margin-bottom: 80px;
}

#item-archive .story-box .story.flex:nth-child( even ) {
	flex-direction: row-reverse;
}

#item-archive .story-box .story.flex > .txt {
	width: 45%;
}

#item-archive .story-box .story.flex > figure {
	width: 55%;
	text-align: right;
	padding-left: 40px;
}

#item-archive .story-box .story.flex:nth-child( even ) > figure {
	padding: 0 40px 0 0;
	text-align: left;
}

#item-archive .story-box .story .txt .num {
	color: #B8910C;
	letter-spacing: 2px;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
}

#item-archive .story-box .story .txt .num span {
	font-size: 1.5rem;
}

#item-archive .story-box .story .txt .num::after {
	display: inline-block;
	content: '';
	width: 80px;
	height: 1px;
	background: #B8910C;
	vertical-align: middle;
	margin-left: 15px;
	transform: translateY( -2px );
}

#item-archive .story-box .story .txt h3 {
	font-size: 2.6rem;
	font-weight: normal;
	line-height: 1.6;
	margin: 25px 0;
}

#item-archive .story-box .story .txt .read {
	line-height: 2.1;
}

#item-archive .table-box {
	padding-bottom: 80px;
}

#item-archive .table-box .swipe-wrap {
	margin: 25px 0;
}

#item-archive .table-box .comparison {
	width: 100%;
}

#item-archive .table-box .comparison thead {
	font-size: 1.8rem;
}

#item-archive .table-box .comparison th,
#item-archive .table-box .comparison td {
	padding: 25px 5px;
	text-align: center;
	font-weight: normal;
	width: 13%;
	vertical-align: middle;
	border-bottom: solid 1px #E2EDEE;
}

#item-archive .table-box .comparison th:first-child,
#item-archive .table-box .comparison td:first-child {
	width: 35%;
}

#item-archive .table-box .comparison tbody td {
	color: #C39D78;
	line-height: .5;
}

#item-archive .table-box .comparison tbody td .type_03 {
	font-size: 2.2rem;
}

#item-archive .table-box .comparison tbody a {
	font-size: 1.5rem;
	color: #6EA3AB;
	text-decoration: underline;
}

#item-archive .table-box .comparison tbody .flex {
	align-items: center;
}

#item-archive .table-box .comparison figure {
	width: 140px;
	padding-right: 20px;
	line-height: .5;
}

#item-archive .table-box .comparison img.thumb {
	border: solid 1px #E2EDEE;
}

#item-archive .table-box .comparison .name {
	width: calc( 100% - 140px );
	text-align: left;
}

#item-archive.category.first .topic-path {
	margin-bottom: 0;
}

#item-archive.category.first .item-list-box {
	background: url( assets/img/item/item-list-bg.png ) center top / cover no-repeat;
	padding: 80px 0 60px;
}

#item-archive #contents {
	padding-bottom: 0;
}

#item-archive.category .pagination {
	margin: 60px 0 40px;
}

#item-archive.category.first .pagination {
	margin: 40px 0 0;
}

#item-archive.category .worries-cat-box {
	padding: 80px 0;
	margin-top: 70px;
}

#item-archive.category.first .worries-cat-box {
	margin-top: 0;
}

#item-archive .item-list-box .ttl-02 h2 {
	font-size: 4rem;
}

#item-archive .item-list-box .item {
	padding: 20px 0 40px;
	margin-bottom: 20px;
	border-bottom: solid 1px rgba( 0, 0, 0, .1 );
}

#item-archive .item-list-box .item > .flex {
	align-items: flex-end;
}

#item-archive .item-list-box .item > .flex:hover {
	opacity: .7;
}

#item-archive .item-list-box .item .info .flex {
	align-items: center;
}

#item-archive .item-list-box .item .info {
	width: 75%;
}

#item-archive .item-list-box .item .info figure {
	width: 225px;
	line-height: .5;
}

#item-archive .item-list-box .item .info figure img {
	border: solid 4px #fff;
}

#item-archive .item-list-box .item .info .txt {
	width: calc( 100% - 225px );
	padding: 0 50px;
	font-size: 1.8rem;
}

#item-archive .item-list-box .item .info h3 {
	font-size: 2rem;
	font-weight: normal;
	color: #6EA3AB;
	text-decoration: underline;
}

#item-archive .item-list-box .item .price {
	width: 25%;
	text-align: right;
}

#item-archive .item-list-box .item .price-list > div > span {
	white-space: nowrap;
	line-height: 4rem;
}

#item-archive .item-list-box .item .price .price-num {
	display: inline-block;
	min-width: 16rem;
	letter-spacing: 2px;
}

#item-archive .item-list-box .item .price .num {
	font-size: 2rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
}

#item-archive .item-list-box .item .price .note {
	font-size: 1.4rem;
}

#item-archive.archive .worries-cat-box {
	margin-top: 50px;
}

#item-archive.archive .pagination {
	margin: 60px 0 40px;
}

#item-archive.archive .mes {
	margin: 40px 0;
}


/*
----------------------------------------
mission
----------------------------------------
*/

#mission #contents {
	padding-bottom: 0;
}

#mission .mission-box {
	margin-bottom: 80px;
}

#mission .mission-box .ttl-01 {
	padding-top: 10px;
	margin-bottom: 20px;
}

#mission .mission-box h3 {
	text-align: center;
	font-size: 2.2rem;
	font-weight: normal;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

#mission .mission-box h3 strong {
	font-weight: normal;
	color: #C39D78;
}

#mission .mission-box .read {
	margin-bottom: 60px;
}

#mission .mission-box .mission {
	padding-top: 440px;
	position: relative;
}

#mission .mission-box .mission::before {
	content: '';
	height: 578px;
	background: url( assets/img/mission/mission-img@2x.png ) center center / cover no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
}

#mission .mission-box .mission .wrap {
	background: rgba( 255, 255, 255, .9 );
	text-align: center;
	position: relative;
	z-index: 99;
	padding: 50px 15px;
}

#mission .mission-box .mission .wrap::before {
	content: '';
	width: 2px;
	height: 50px;
	background: #C39D78;
	position: absolute;
	top: -25px;
	left: calc( 50% - 1px );
}

#mission .promise-box {
	background: #FCFAF8;
	padding: 60px 0;
}

#mission .promise-box .ttl-01 {
	margin-bottom: 20px;
}

#mission .promise-box .promise-list {
	justify-content: center;
	margin-bottom: 40px;
}

#mission .promise-box .ttl-01 + .read {
	margin-bottom: 52px;
	text-align: center;
}

#mission .promise-box .promise {
	width: calc( 99% / 3 );
	padding: 0 10px;
	text-align: center;
}

#mission .promise-box .promise img {
	border-radius: 50%;
	background: #fff;
	box-shadow: 0 1px 6px #D79E67;
}

#mission .promise-box .promise figcaption {
	color: #B8910C;
	font-size: 3.8rem;
	line-height: 1.1;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	letter-spacing: 2px;
	position: relative;
}

#mission .promise-box .promise figcaption .en {
	font-size: 2.2rem;
	text-align: center;
	position: absolute;
	top: -19px;
	right: 0;
	left: 0;
	-moz-transform: rotate( -8deg );
	-webkit-transform: rotate( -8deg );
	-o-transform: rotate( -8deg );
	-ms-transform: rotate( -8deg );
	transform: rotate( -8deg );
}

#mission .promise-box .promise dl {
	max-width: 270px;
	margin: 0 auto;
}

#mission .promise-box .promise dt {
	font-size: 1.8rem;
	letter-spacing: 1px;
	color: #C39D78;
	margin: 10px 0 5px;
}

#mission .promise-box .promise dd {
	text-align: left;
}

#mission .commit-box {
	padding: 70px 0 40px;
}

#mission .commit-box .ttl-01 {
	margin-bottom: 40px;
}

#mission .commit-box .ttl-01 h2 {
	letter-spacing: 1px;
}

#mission .commit-list .wrap {
	max-width: 1230px;
}

#mission .commit-list .commit {
	padding: 70px 0;
	margin: 45px 0 60px;
	position: relative;
}

#mission .commit-list .commit::before {
	content: '';
	width: calc( 50% + 168px );
	background: #eee;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
}

#mission .commit-list .commit:nth-of-type( even )::before {
	right: 0;
	left: auto;
}

#mission .commit-list .commit:first-of-type::before {
	background: url( assets/img/mission/point-01.png ) center center / cover no-repeat;
}

#mission .commit-list .commit:nth-of-type( 2 )::before {
	background: url( assets/img/mission/point-02.png ) center center / cover no-repeat;
}

#mission .commit-list .commit:nth-of-type( 3 )::before {
	background: url( assets/img/mission/point-03.png ) center center / cover no-repeat;
}

#mission .commit-list .commit:nth-of-type( 4 )::before {
	background: url( assets/img/mission/point-04.png ) center center / cover no-repeat;
}

#mission .commit-list .commit:nth-of-type( 5 )::before {
	background: url( assets/img/mission/point-05.png ) center center / cover no-repeat;
}

#mission .commit-list .commit .txt {
	margin-left: 57%;
	background: #fff;
	padding: 45px 55px 70px;
	position: relative;
	z-index: 99;
}

#mission .commit-list .commit:nth-of-type( even ) .txt {
	margin-right: 57%;
	margin-left: 0;
}

#mission .commit-list .commit .en {
	font-size: 4.5rem;
	letter-spacing: 2px;
	color: #B8910C;
	position: absolute;
	top: -38px;
	left: 50px;
	transform: rotate( -3deg );
}

#mission .commit-list .commit h3 {
	font-size: 2.5rem;
	letter-spacing: 2px;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	font-weight: normal;
	line-height: 1.8;
	margin-bottom: 15px;
}

#mission .item-bnr {
	margin-bottom: 145px;
}

#mission .item-bnr .wrap {
	max-width: 950px;
}

#mission .history-box {
	background: url( assets/img/mission/history-bg@2x.png ) center bottom / cover no-repeat;
	padding: 70px 0 100px;
	margin-bottom: 80px;
}

#mission .history-box .ttl-01 {
	margin-bottom: 30px;
}

#mission .history-box .wrap {
	max-width: 1100px;
	background: rgba( 255, 255, 255, .8 );
	padding: 80px 80px 20px;
}

#mission .history-box .num-list .sec {
	margin-bottom: 40px;
}

#mission .history-box .num-list .sec:last-child::after {
	display: block;
}

#mission .feature-box h2 {
	font-size: 2.8rem;
	/* font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif; */
	font-weight: normal;
}

#mission .feature-box .bg {
	background: url( assets/img/mission/future-bg@2x.png ) center center / cover no-repeat;
	margin: 30px 0 0;
	padding: 60px 15px;
	position: relative;
}

#mission .feature-box .bg::before {
	content: '';
	width: 2px;
	height: 50px;
	position: absolute;
	top: -25px;
	left: calc( 50% - 1px );
	background: #C39D78;
}

#mission .feature-box .bg .wrap {
	background: rgba( 255, 255, 255, .9 );
	max-width: 1100px;
	text-align: center;
	padding: 15px 20px 50px;
}

#mission .feature-box .bg .en {
	font-size: 4.5rem;
	color: #E3D39D;
	margin-bottom: 5px;
}


/*
----------------------------------------
shopping-guide
----------------------------------------
*/

#shopping-guide #contents {
	padding-bottom: 0;
}

#shopping-guide .page-menu {
	border-bottom: solid 10px #F9F5F1;
	padding: 15px 0 70px;
}

#shopping-guide .page-menu .wrap {
	max-width: 1100px;
	padding: 0;
}

#shopping-guide .page-menu .flex {
	justify-content: center;
	text-align: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#shopping-guide .page-menu figure {
	width: 14%;
}

#shopping-guide .page-menu a {
	display: block;
	text-align: center;
	font-size: 1.8rem;
	color: #C39D78;
}

#shopping-guide .page-menu img {
	display: inline-block;
	border-radius: 50%;
	border: solid 6px #E7D8C9;
	transition: all .2s;
}

#shopping-guide .page-menu a:hover img {
	background: rgba( 195, 157, 120, .1 );
	box-shadow: 0 7px 10px rgba( 0, 0, 0, .05 );
}

#shopping-guide #contents section {
	padding: 70px 0 100px;
}

#shopping-guide #contents section h2 {
	font-size: 4rem;
	font-weight: normal;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	text-align: center;
	line-height: 1.4;
	letter-spacing: 4px;
	margin-bottom: 35px;
}

#shopping-guide #contents section h2 span {
	padding: 10px 0 10px 75px;
}

#shopping-guide .heading-02 {
	font-size: 2.8rem;
}

#shopping-guide .order-box h2 span {
	background: url( assets/img/shopping-guide/guide-icon-h-01.png ) left center / contain no-repeat;
}

#shopping-guide .num-list {
	margin: 80px 0 75px;
}

.num-list .sec {
	position: relative;
	padding: 0 0 5px 125px;
	margin-bottom: 35px;
}

.num-list .sec::after {
	content: '';
	width: 4px;
	position: absolute;
	top: 76px;
	bottom: -1px;
	left: 43px;
	background: url( assets/img/shopping-guide/border.png ) center bottom repeat-y;
}

.num-list .sec:last-child::after {
	display: none;
}

.num-list .sec .num {
	display: inline-block;
	width: 90px;
	height: 90px;
	text-align: center;
	letter-spacing: 2px;
	line-height: 1.1;
	color: #C39D78;
	border: solid 1px #C39D78;
	position: absolute;
	top: -25px;
	left: 0;
}

.num-list .sec .num > div {
	padding: 18px 10px 10px;
	background: #fff;
	position: relative;
	font-weight: normal;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
}

.num-list .sec .num > div::after {
	content: '';
	display: inline-block;
	width: 88px;
	height: 88px;
	position: absolute;
	top: 5px;
	right: -5px;
	bottom: -5px;
	left: 5px;
	border-right: solid 1px #C39D78;
	border-bottom: solid 1px #C39D78;
}

.num-list .sec .num span {
	font-size: 3.6rem;
	letter-spacing: 1px;
}

.num-list .sec .flex > .txt {
	width: calc( 100% - 270px );
}

.num-list .sec .flex h3 {
	font-size: 2.6rem;
	line-height: 1.4;
	letter-spacing: 2px;
	font-weight: normal;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	color: #C39D78;
	margin: 0 0 20px;
}

.num-list .sec .flex > figure {
	width: 270px;
	text-align: right;
	padding: 0 5px 0 20px;
}

.num-list .sec .flex > figure div {
	display: inline-block;
	position: relative;
	line-height: .5;
}

.num-list .sec .flex > figure div img {
	border: solid 1px #C39D78;
}

.num-list .sec .flex > figure div::after {
	content: '';
	position: absolute;
	top: 5px;
	right: -5px;
	bottom: -5px;
	left: 5px;
	border-right: solid 1px #C39D78;
	border-bottom: solid 1px #C39D78;
}

#shopping-guide .order-box .notice-box {
	text-align: center;
}

#shopping-guide .order-box .notice-box dl {
	max-width: 1000px;
	margin: 0 auto;
	border: solid 1px #E1CEBB;
	padding: 40px 15px;
	position: relative;
}

#shopping-guide .order-box .notice-box dt {
	display: inline-block;
	background: #fff;
	padding: 2px 30px;
	font-size: 1.8rem;
	letter-spacing: 2px;
	position: absolute;
	top: -20px;
	left: calc( 50% - 70px );
}

#shopping-guide .order-box .notice-box dd .box {
	display: inline-block;
	padding: 5px 20px;
	background: #F9F5F1;
	margin: 1rem 0 1.5rem;
	font-size: 2rem;
}

#shopping-guide .order-box .notice-box ul {
	display: inline-block;
	text-align: left;
	font-size: 1.4rem;
}

#shopping-guide .order-box .notice-box .list-01 li::before {
	width: 6px;
	height: 6px;
	top: 11px;
}

#shopping-guide #contents section.payment-box {
	background: #F9F5F1;
	padding: 80px 0 45px;
}

#shopping-guide .payment-box h2 span {
	background: url( assets/img/shopping-guide/guide-icon-h-02.png ) left center / contain no-repeat;
}

#shopping-guide .payment-box .table-wrap {
	background: #fff;
	padding: 28px 90px 60px;
	margin: 35px 0 65px;
}

#shopping-guide .payment-box .table-wrap .table-01 th,
#shopping-guide .payment-box .table-wrap .table-01 td {
	vertical-align: middle;
}

#shopping-guide .payment-box .heading-02 {
	margin: 35px 0 20px;
}

#shopping-guide .payment-box .heading-02 span {
	background: #F9F5F1;
}

#shopping-guide .payment-box .list {
	margin-top: 3rem;
	line-height: 1.6;
}

#shopping-guide ul.list li {
	margin-bottom: 1rem;
}

#shopping-guide ul.list li::before {
	top: 9px;
}

#shopping-guide .payment-box .card-list {
	background: #fff;
	margin: 34px 0;
	padding: 23px 15px;
}

#shopping-guide .payment-box .card-list .flex {
	justify-content: center;
	align-items: center;
}

#shopping-guide .payment-box .card-list .flex > div {
	padding:  0 15px;
	line-height: .5;
}

#shopping-guide .payment-box .conveni-list {
	background: #fff;
	margin: 34px 0;
	padding: 15px 15px;
}

#shopping-guide .payment-box .conveni-list .flex {
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
	max-width: 680px;
	margin: 0 auto;
}

#shopping-guide .payment-box .conveni-list .flex > div {
	padding:  5px 10px;
	line-height: .5;
}

#shopping-guide .payment-box .ttl .read {
	text-align: center;
	margin-bottom: 30px;
}

#shopping-guide .payment-box .cont-wrap {
	text-align: center;
}

#shopping-guide .payment-box .cont-wrap > div {
	max-width: 920px;
	margin: 0 auto;
	text-align: left;
}

#shopping-guide .payment-box ul.note {
	display: inline-block;
	margin: 20px auto 0;
}

#shopping-guide .payment-box ul.note li {
	padding-left: 1.6rem;
	text-indent: -1.6rem;
	text-align: left;
}

#shopping-guide #contents section.delivery-box {
	padding: 80px 0;
}

#shopping-guide .delivery-box .ttl .read {
	text-align: center;
}

#shopping-guide .delivery-box h2 span {
	background: url( assets/img/shopping-guide/guide-icon-h-03.png ) left center / contain no-repeat;
}

#shopping-guide .delivery-box .heading-02 {
	margin: 45px 0 20px;
}

#shopping-guide .delivery-box .read.center {
	text-align: center;
}

#shopping-guide .delivery-box .days-wrap {
	position: relative;
	padding-bottom: 25px;
	margin-bottom: 50px;
}

#shopping-guide .delivery-box .days-wrap .txt {
	margin-right: 300px;
}

#shopping-guide .delivery-box .days-wrap .read {
	margin-bottom: 45px;
}

#shopping-guide .delivery-box .days-wrap dl.flex {
	margin-right: 300px;
	align-items: center;
}

#shopping-guide .delivery-box .days-wrap dl.flex dt {
	width: 7.8rem;
	margin-bottom: 2px;
}

#shopping-guide .delivery-box .days-wrap dl.flex dt span {
	display: block;
	text-align: center;
	background: #6EA3AB;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.8;
	text-align: center;
	border-radius: 3px;
}

#shopping-guide .delivery-box .days-wrap dl.flex dt:nth-of-type( 2 ) span {
	background: #A8C8CC;
}

#shopping-guide .delivery-box .days-wrap dl.flex dt:nth-of-type( 3 ) span {
	background: #E2EDEE;
	color: #292111;
}

#shopping-guide .delivery-box .days-wrap dl.flex dd {
	width: calc( 100% - 7.8rem );
	padding-left: 2rem;
	margin-bottom: 2px;
}

#shopping-guide .delivery-box .days-wrap figure.map-img {
	position: absolute;
	right: 0;
	bottom: 0;
}

#shopping-guide .postage-box .table-01 {
	margin-top: 25px;
}

#shopping-guide .postage-box .table-01 span {
	white-space: nowrap;
	margin-right: -.5rem;
}

#shopping-guide .postage-box .table-01 tbody td {
	padding: 20px;
	vertical-align: middle;
}

#shopping-guide .postage-box .table-01 tbody td:first-child {
	text-align: left;
	padding: 20px 0 20px 70px;
}

#shopping-guide .returns-box {
	background: #F9F5F1;
}

#shopping-guide #contents section.returns-box {
	padding: 75px 0 85px;
}

#shopping-guide .returns-box .wrap {
	max-width: 950px;
}

#shopping-guide .returns-box h2 span {
	background: url( assets/img/shopping-guide/guide-icon-h-04.png ) left center / contain no-repeat;
}

#shopping-guide .returns-box .heading-02 {
	margin: 40px 0 20px;
}

#shopping-guide .returns-box .heading-02 span {
	background: #F9F5F1;
}

#shopping-guide #contents section.member-box {
	padding: 70px 0 120px;
}

#shopping-guide .member-box .wrap {
	max-width: 950px;
}

#shopping-guide .member-box .ttl .read {
	text-align: center;
}

#shopping-guide .member-box h2 span {
	background: url( assets/img/shopping-guide/guide-icon-h-05.png ) left center / contain no-repeat;
}

#shopping-guide .member-box h2 span {
}

#shopping-guide .member-box .contents-wrap a {
	text-decoration: underline;
	color: #C39D78;
}

#shopping-guide .member-box .contents-wrap figure {
	margin-top: 40px;
}


#shopping-guide .subscription-box h2 span {
  padding-left: 84px !important;
	background: url( assets/img/shopping-guide/guide-icon-h-06.png ) left center / contain no-repeat;
}

#shopping-guide .subscription-box .ttl .read {
	text-align: center;
	margin-bottom: 30px;
}

#shopping-guide .subscription-box .merit-list li {
  margin-bottom: 3rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

#shopping-guide .subscription-box .merit-list li figure {
  width: 18%;
	text-align: center;
}

#shopping-guide .subscription-box .merit-list figcaption {
  color: rgb(184, 145, 12);
  font-size: 3.8rem;
  line-height: 1.1;
  font-family: ’游明朝’, YuMincho, "’ヒラギノ明朝 ProN W3’", "’Hiragino Mincho ProN’", "’ＭＳ Ｐ明朝’", "’ＭＳ 明朝’", serif;
  font-weight: normal;
  letter-spacing: 2px;
  position: relative;
	margin-bottom: -40px;
	width: 40%;
}

#shopping-guide .subscription-box .merit-list figcaption .en {
  font-size: 2.2rem;
  text-align: center;
  position: absolute;
  top: -19px;
  right: 0;
  left: 0;
  -moz-transform: rotate(-8deg);
  -webkit-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}

#shopping-guide .subscription-box .merit-list li .text-cont {
  width: 78%;
  padding: 2rem 0;
}

#shopping-guide .subscription-box .merit-list li .merit-ttl {
  color: #C39D78;
  font-size: 1.8rem;
  margin-bottom: .5rem;
  font-weight: normal;
}

#shopping-guide .subscription-box .attention-list li {
  position: relative;
  padding-left: 24px;
}

#shopping-guide .subscription-box .attention-list li::before {
	content: "※";
	position: absolute;
	color: #C39D78;
	left: 0;
}

#shopping-guide .subscription-box .heading-02 {
  margin-bottom: 4rem;
}

/*
----------------------------------------
company
----------------------------------------
*/

#company #contents {
	padding-bottom: 0;
}

#company .outline-box {
	padding-bottom: 45px;
}

#company .outline-box .wrap {
	max-width: 950px;
}

#company .outline-box .ttl-01 {
	padding-top: 20px;
	margin-bottom: 45px;
}

#company .bnr-corp {
	margin: 80px 0;
}

#company .bnr a br {
	display: none;
}

.contact-box h2 {
	font-size: 2.8rem;
	/* font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif; */
	font-weight: normal;
	margin-bottom: 30px;
}

.contact-box .bg {
	background: url( assets/common/contact-bg@2x.png ) center center / cover no-repeat;
	padding: 50px 15px;
	position: relative;
}

.contact-box .bg::before {
	content: '';
	width: 2px;
	height: 50px;
	background: #C39D78;
	position: absolute;
	left: calc( 50% - 1px );
	top: -25px;
}

.contact-box .wrap {
	background: rgba( 255, 255, 255, .9 );
	text-align: center;
	padding: 35px 15px 45px;
}

.contact-box .wrap > .flex {
	justify-content: center;
	align-items: center;
	max-width: 920px;
	margin: 25px auto 0;
}

.contact-box .wrap > .flex > div {
	width: 50%;
	padding: 0 30px;
}

.contact-box .wrap .tel-wrap a {
	display: block;
	border: solid 1px #C39D78;
	padding: 10px;
	background: #fff;
	position: relative;
	z-index: 999;
	transition: all .2s;
}

.contact-box .wrap .tel-wrap a:hover {
	background: #F9F5F1;
}

.contact-box .wrap .tel-wrap a::after {
	content: '';
	position: absolute;
	top: 5px;
	right: -5px;
	bottom: -5px;
	left: 5px;
	border-right: solid 1px #C39D78;
	border-bottom: solid 1px #C39D78;
	z-index: -1;
}

.contact-box .wrap .tel {
	white-space: nowrap;
	line-height: 1.2;
}

.contact-box .wrap .tel .tag {
	display: inline-block;
	background: #C39D78;
	color: #fff;
	font-size: 1.4rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	padding: 2px 6px 1px;
	margin-right: 5px;
	transform: translateY( -4px );
}

.contact-box .wrap .tel .num {
	font-size: 3.2rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	letter-spacing: 4px;
	color: #C39D78;
}

.contact-box .wrap .note {
	font-size: 1.4rem;
	font-family: ’游明朝’, YuMincho, ’ヒラギノ明朝 ProN W3’, ’Hiragino Mincho ProN’, ’ＭＳ Ｐ明朝’, ’ＭＳ 明朝’, serif;
	letter-spacing: 1px;
}

.contact-box .btn-02 a {
	display: block;
	padding: 14px 54px;
}


/*
----------------------------------------
page
----------------------------------------
*/

.page #contents .wrap {
	max-width: 1000px;
}

.page .post-contents section {
	margin-bottom: 80px;
}

.page .post-contents section:last-of-type {
	margin-bottom: 0;
}

.page .post-contents h2 {
	font-size: 2.4rem;
}

.page .post-contents h3 {
	font-size: 2.2rem;
}

/* privacy-policy */

#privacy-policy .post-contents h4 {
	font-size: 2rem;
	letter-spacing: 0;
	position: relative;
	padding-left: 2rem;
}

#privacy-policy .post-contents h4 .num {
	position: absolute;
	top: 0;
	left: 0;
}

#privacy-policy .post-contents ul ul li::before {
	width: 10px;
	height: 2px;
	border-radius: 0;
	top: 15px;
}

#privacy-policy .post-contents a {
	text-decoration: underline;
}

/* commerce */

#commerce .ttl-01 {
	padding-top: 20px;
	margin-bottom: 45px;
}

#commerce .dl-01 dt {
	width: 30%;
}

#commerce .dl-01 dd {
	width: 70%;
}

#commerce .dl-01 dd p,
#commerce .dl-01 dd ul {
	margin-bottom: 15px;
}

#commerce .dl-01 dd p:last-of-type,
#commerce .dl-01 dd ul:last-of-type {
	margin-bottom: 0;
}

/* not-found */

.btn-01.back-btn a {
	background: #fff url( assets/img/common/arrow-05.svg ) 12px center no-repeat;
}

.btn-01.back-btn a:hover {
	background: #c39d78 url( assets/img/common/arrow-05-wh.svg ) 8px center no-repeat;
}

/* thanks */

#thanks #contents .heading-02 {
	margin-top: 45px;
}

#thanks #contents section .cont p {
	text-align: center;
	margin-top: 25px;
}


/*
----------------------------------------
contact
----------------------------------------
*/

#contact #g-nav {
	position: static !important;
}

.contact-info {
	margin-bottom: 80px;
}

.contact-info .flex {
	justify-content: space-between;
}

.contact-info .cont {
	width: calc( ( 100% - 30px ) / 2 );
	border: solid 1px #ccc;
	padding: 30px;
}

.contact-info .tel .label {
	display: inline-block;
	background: #000;
	color: #fff;
	padding: 0 10px;
}

.contact-info .tel a {
	display: inline-block;
	font-size: 3.6rem;
	white-space: nowrap;
	margin: 0 10px;
	vertical-align: middle;
}

.contact-info .line {
	margin-top: 15px;
}

.contact-info .line img {
	max-width: 160px;
}

.contact-info .thanks-img {
	text-align: center;
	margin-bottom: 30px;
}

.contact-info .read {
	text-align: center;
	margin-bottom: 40px;
}

.contact-info .read a {
	text-decoration: underline;
}

.contact-info .back-btn {
	text-align: center;
	margin-top: 40px;
}

.accbox.notice {
	width: 100%;
	margin: 40px 0;
	align-items: center;
	background: #fafafa;
}

.accbox.notice ul {
	padding-left: 1.4rem;
	text-indent: -1.4rem;
}

.accbox.notice li {
	margin: 5px 0;
}

.accbox label {
	display: block;
	margin: 1.5px 0;
	padding : 15px;
	background :#fafafa;
	cursor :default;
	transition: all 0.5s;
	width: 25%;
	text-align: center;
}

.accbox label:hover {
	background: #fafafa;
}

.accbox input {
	display: none;
}

.accbox .accshow {
	background: #fafafa;
	padding: 15px 15px 15px 0;
	line-height: 1.6;
	overflow: hidden;
	transition: 0.8s;
	width: 75%;
}

.form-step {
	width: 100%;
	margin-bottom: 30px;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
}

.form-step > p {
	width: 33.3333%;
	height: 50px;
	line-height: 50px;
	padding: 0 30px !important;
	background: #fafafa;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	text-align: center;
	white-space: nowrap;
	position: relative;
}

.form-step > p::before {
	content: '';
	border: solid 25px transparent;
	position: absolute;
	top: -1px;
	left: 1px;
	border-left: solid 20px #ddd;
}

.form-step > p::after {
	content: '';
	border: solid 25px transparent;
	position: absolute;
	top: -1px;
	left: 0;
	border-left: solid 20px #fafafa;
}

#mailformpro .step-01,
#mfp_phase_confirm .step-02 {
	background: #555;
	color: #fff;
	border-top: solid 1px #555;
	border-bottom: solid 1px #555;
}

.form-step > p.step-01::before,
.form-step > p.step-01::after {
	display: none;
}

#mailformpro .step-01 + p::before,
#mfp_phase_confirm .step-02 + p::before {
	display: none;
}

#mailformpro .step-01 + p::after,
#mfp_phase_confirm .step-02 + p::after {
	border-left: solid 20px #555;
}

.form-box {
	padding: 0;
}

#contact form#mailformpro {
	padding: 0;
}

#contact form#mailformpro > dl {
	-js-display: flex;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}

#contact form#mailformpro dl dt {
	width: 25%;
	padding: 20px 70px 20px 20px;
	border: none;
	background: #fafafa;
	text-align: left;
	font-size: 1.6rem;
	position: relative;
}

#contact .req-label {
	display: inline-block;
	background: #a00;
	color: #fff;
	font-size: 1.2rem;
	padding: 0 5px;
	position: absolute;
	right: 20px;
	top: 25px;
}

#contact form#mailformpro dl dd {
	width: 75%;
	padding: 15px 44px 15px 20px;
	border: none;
	font-size: 1.6rem;
	position: relative;
}

#contact form#mailformpro dl dd::after {
	content: '';
	width: 24px;
	height: 24px;
	background: url( assets/img/common/icon-check.svg ) center center / 24px no-repeat;
	position: absolute;
	right: 0;
	top:24px;
	opacity: 0;
	visibility: hidden;
	transition: all .2s;
}

#contact form#mailformpro dl dd.ok::after {
	opacity: 1;
	visibility: visible;
}

#contact dd .flex > .ttl {
	width: 25%;
	padding: 13px 0;
}

#contact dd .flex > .input {
	width: 75%;
	padding: 5px 0;
}

#contact dd .flex.inline span {
	padding: 0 20px 0 0;
}

.pp-box {
	max-height: 140px;
	overflow: auto;
	border: solid 1px #ccc;
	padding: 30px;
	margin: 40px 0;
	-webkit-overflow-scrolling: touch;
}

.pp-box h2 {
	text-align: center;
	margin-bottom: 25px;
}

.pp-box h3 {
	margin-top: 30px;
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}

.pp-box .address-box p {
	display: inline-block;
	background: #fafafa;
	margin-top: 20px;
	padding: 20px 30px;
}

.submit-box {
	text-align: center;
}

#contact .agree label {
	border: solid 1px #ccc !important;
	margin: 0 !important;
	font-size: 1.6rem;
	width: 360px;
	max-width: 100%;
}

#contact button.mfp_element_submit,
#contact button#mfp_button_send {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 360px;
	max-width: 100%;
	font-size: 1.6rem;
	text-shadow: none;
	padding: 20px 0 15px;
	border-radius: 0;
	box-shadow: none !important;
	transition: all .2s;
}

#contact button.mfp_element_reset,
#contact button#mfp_button_cancel {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.4rem;
	text-shadow: none;
	padding: 10px 20px;
	border-radius: 0;
	border: solid 1px #000;
	background: #fff;
	color: #000;
	box-shadow: none !important;
	transition: all .2s;
}

#contact button.mfp_element_submit,
#contact button#mfp_button_send {
	border: solid 1px #000;
	background: #000;
	color: #fff;
	display: block;
	margin: 30px auto;
}

#contact button.mfp_element_submit,
#contact button.mfp_element_submit:hover,
#contact button#mfp_button_send:hover {
	border: solid 1px #333;
	background: #333;
}

#contact button.mfp_element_submit.disable,
#contact button.mfp_element_submit.disable:hover {
	border: solid 1px #777;
	background: #777;
}

#contact button.mfp_element_reset:hover,
#contact button#mfp_button_cancel:hover {
	background: #ddd;
}

#contact .mfp_element_all {
	max-width: 100%;
}

.form-box input[type="text"] {
	min-width: 310px;
}

#contact .mfp_element_text,
#contact .mfp_element_number,
#contact .mfp_element_select-one,
#contact .mfp_element_email,
#contact .mfp_element_tel,
#contact .mfp_element_textarea,
#contact .mfp_element_date,
#contact .mfp_element_password {
	box-shadow: none;
	border: solid 1px rgba( 41, 33, 17, .1 );
	border-radius: 0;
	background: transparent;
	margin: 0;
}

#contact .mfp_element_text.req,
#contact .mfp_element_number.req,
#contact .mfp_element_select-one.req,
#contact .mfp_element_email.req,
#contact .mfp_element_tel.req,
#contact .mfp_element_textarea.req,
#contact .mfp_element_date.req,
#contact .mfp_element_password.req {
	background: #fffeee;
}

#contact form#mailformpro label.mfp_not_checked,
#contact form#mailformpro label.mfp_checked {
	background: transparent;
	padding: 15px;
	display: inline-block;
	text-align: center;
	margin-right: 10px;
	box-shadow: none;
	border: none;
	border-radius: 0;
	transition: all .2s;
}


#contact form#mailformpro label.mfp_not_checked .mfp_err,
#contact form#mailformpro label.mfp_checked .mfp_err {
	text-align: center;
}

#contact form#mailformpro label.mfp_not_checked:hover,
#contact form#mailformpro label.mfp_checked {
	background: #eee;
}

#contact .name.flex > span {
	padding: 0;
	margin-right: 15px;
}

#contact .problem {
	border: solid 1px #a00 !important;
}

#contact div.mfp_err {
	background: transparent;
	padding: 0;
	margin: 10px 0 0;
	font-size: 1.2rem;
	color: #a00;
}

#contact div#mfp_phase_confirm h4 {
	font-size: 3rem;
	padding: 0;
}

#contact .mfp_confirm_before {
	text-align: center;
}

#contact table#mfp_confirm_table {
	border-top: solid 1px #ccc;
	border-left: solid 1px #ccc;
	margin: 30px 0 45px;
}

#contact table#mfp_confirm_table tr th,
#contact table#mfp_confirm_table tr td {
	font-size: 1.6rem;
	font-weight: normal;
	padding: 15px;
	border: none;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

#contact table#mfp_confirm_table tr th {
	background: #fafafa;
}

#contact table#mfp_confirm_table tr.mfp_colored {
	background: transparent;
}

#contact div.mfp_buttons {
	padding: 0;
}

#contact .remaining {
	position: fixed;
	right: 20px;
	bottom: 110px;
	display: inline-block;
	background: #fff;
	border: solid 1px #a00;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transition: all .2s;
}

#contact .remaining.active {
	opacity: 1;
	visibility: visible;
	z-index: 999;
}

#contact .remaining .read {
	padding: 10px 20px;
}

#contact .remaining .num {
	background: #a00;
	color: #fff;
	padding: 5px 20px;
}


/*
----------------------------------------
sitemap
----------------------------------------
*/

.sitemap section {
	margin-bottom: 40px;
}

.sitemap .search-form {
	max-width: 1000px;
	margin: 20px auto 60px;
}

.sitemap .search-form input[type='text'] {
	padding: 15px !important;
}

.sitemap h2 {
	margin-bottom: 30px;
	border-left: solid 5px #000;
	padding-left: 15px;
}

.sitemap .flex {
	justify-content: space-between;
	margin-bottom: 0;
}

.sitemap .flex > * {
	width: calc( ( 100% - 30px ) / 2 );
}

.sitemap .menu-list > ul {
	border-bottom: solid 1px #ccc;
}


/*
----------------------------------------
404
----------------------------------------
*/

#not-found .info-box {
	text-align: center;
	margin-bottom: 40px;
}


/*
----------------------------------------
search
----------------------------------------
*/

#search .post-list {
	border-top: solid 1px #ccc;
}

#search .post {
	border-bottom: solid 1px #ccc;
	margin-bottom: 0;
}

#search .post a.flex {
	padding: 20px 50px 20px 20px;
	margin: 0;
	align-items: center;
	background: url( assets/img/common/arrow-right.svg ) right 15px center / 16px no-repeat;
	transition: all .2s;
}

#search .post a.flex:hover {
	background: #fafafa url( assets/img/common/arrow-right.svg ) right 10px center / 16px no-repeat;
}

#search .post figure {
	width: 170px;
	padding-right: 20px;
}

#search .post .flex > .thumb + .txt {
	width: calc( 100% - 170px );
}


/* 2024.03.13 */
html {
	user-select: none;
}
.read.link-terms {
    margin-bottom: 3rem;
}
.read.link-terms > a{text-decoration: underline;
    color: #C39D78;
		padding-left: 5px;
}