@charset "utf-8";
.full-pos,
.product-list li.active:before,
.product-list li>a:focus:before {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.product-list-container {
	margin-top: -8px
}

.product-list-container .selectbox {
	width: 200px;
	margin-left: 1em
}

.product-list-container .selectbox:first-child {
	float: left;
	margin-left: 0
}

.product-list {
	zoom: 1;
	position: relative;
	margin: -8px -8px 0
}

.product-list:before {
	content: '';
	display: block
}

.product-list:after {
	content: '';
	display: table;
	clear: both
}

.product-list li {
	float: left;
	width: 25%;
	text-align: center;
	text-transform: none;
	-webkit-backface-visibility: hidden;
	background-color: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	z-index: 1
}

.product-list a {
	display: block;
	text-decoration: none;
	padding: 8px
}

.no-touch .product-list li.blur {
	opacity: .5;
	z-index: -1;
	filter: blur(.5px);
	-webkit-filter: blur(.5px);
	-moz-filter: blur(.5px);
	-o-filter: blur(.5px);
	-ms-filter: blur(.5px)
}

.product-list li.active,
.product-list li>a:focus {
	position: relative;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	opacity: 1;
	z-index: 101
}

.product-list li.active:before,
.product-list li>a:focus:before {
	content: '';
	z-index: 2;
	border: 1px solid #333
}

.product-list li.active a,
.product-list li>a:focus a {
	position: relative;
	z-index: 3
}

.product-list .thumb {
	display: block;
	position: relative;
	padding-bottom: 100%;
	margin-bottom: 8px
}

.product-list .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.product-list .cont {
	display: block;
	height: 4.5em
}

.product-name {
	display: block;
	margin-bottom: 5px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal;
	font: normal 1.6em/1.4 Theinhardt, NotoSans, sans-serif,serif;;
	color: #333
}

.product-effect {
	display: none;
	color: #999;
	font-size: 1.3em
}

.product-txt {
	display: block;
	font-size: 1.4em
}

@media only all and (max-width:1023px) {
	.product-list-container .sort-area {
		text-align: center
	}
	.product-list-container .selectbox {
		width: 31%
	}
	.product-list-container .selectbox:last-child {
		float: right
	}
	.product-list li {
		width: 33.33333333%
	}
}

@media only all and (max-width:599px) {
	.product-list-container .selectbox {
		width: auto;
		margin-left: 0
	}
	.product-list-container .selectbox:first-child,
	.product-list-container .selectbox:last-child {
		float: none
	}
	.product-list li {
		width: 50%;
		text-align: left
	}
}

@media only all and (max-width:384px) {
	.product-list-container .selectbox:first-child {
		float: none
	}
	.product-list {
		margin-left: -5px;
		margin-right: -5px
	}
	.product-list a {
		padding: 5px
	}
	.product-list .cont {
		height: 6.5em
	}
	.product-name {
		font-size: 1.4em
	}
}

@media only all and (min-width:1440px) {
	.product-list-container .selectbox {
		min-width: 200px
	}
}

:root .product-list-container-list li.blur {
	filter: none
}

.experience-header {
	overflow: hidden;
	position: relative;
	display: table;
	width: 100%;
	table-layout: fixed;
	height: 280px;
	color: #fff;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	letter-spacing: -.02em;
	text-align: center;
	line-height: 1.3
}

.experience-header-cell {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100%
}

.experience-header-thumb {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -550px;
	max-width: none
}

.experience-header .h {
	position: relative;
	padding-top: .5em;
	font-weight: 400;
	font-size: 3.8em;
	z-index: 1
}

.experience-header p {
	position: relative;
	padding: 0 4.54545455%;
	margin: 1em 0 0;
	font-size: 1.8em;
	z-index: 1;
	opacity: .7
}

.experience-header+.sort-area {
	margin-top: 1.5em
}

.experience-box {
	display: table;
	table-layout: fixed;
	width: 100%
}

.experience-cell {
	display: table-cell;
	vertical-align: top;
	font-size: 1.4em
}

.experience-cell .h {
	margin-bottom: .7em;
	position: relative;
	color: #191919;
	font-weight: 400;
	font-size: 3.5em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
}

.experience-cell .h:after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	width: 55%;
	height: 2px;
	margin: auto;
	background: #9e9e9e
}

.experience-cell .h-sub {
	display: none;
	padding: 0
}

.experience-cell p {
	padding: 0 10%;
	margin-bottom: 2em;
	font-size: 1.07em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	line-height: 1.9
}

.experience-cell h2 {
	padding: 0 10%;
	margin-bottom: 2em;
	font-size: 1.07em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	line-height: 1.9
}

.experience-cell.desc {
	padding: 0 1% 4.5%;
	text-align: center;
	vertical-align: middle
}
/* 20200604 */
.experience-list {
	margin-top: 5.45454545%
}

.experience-list ul {
	overflow: hidden
}

.experience-item {
	position: relative;
	float: left;
	width: 25%;
	margin-bottom: 4.54545455%
}

.experience-item-empty {
	display: block;
	position: relative
}

.experience-item-empty:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 0;
	padding-bottom: 100%;
	margin: 0 auto;
	background: #eee url(/my/en/resource/img/experience/bg_style_empty.png) center center no-repeat;
	background-size: 71%;
	z-index: 3
}

.experience-item .thumb {
	overflow: hidden;
	display: block;
	position: relative
}

.experience-item .thumb:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	background: rgba(0, 0, 0, .3);
	opacity: 0;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.experience-item .thumb:after {
	content: '';
	position: absolute;
	bottom: -100%;
	left: 0;
	right: 0;
	width: 21px;
	height: 21px;
	margin: 0 auto;
	background: url(/my/en/resource/img/a/icon_more.png) 0 0 no-repeat;
	-webkit-transition: .3s ease-in-out .1s;
	-moz-transition: .3s ease-in-out .1s;
	-o-transition: .3s ease-in-out .1s;
	transition: .3s ease-in-out .1s
}

.experience-item .thumb:focus,
.experience-item .thumb:hover {
	text-decoration: none
}

.experience-item .thumb:focus:before,
.experience-item .thumb:hover:before {
	opacity: 1
}

.experience-item .thumb:focus:after,
.experience-item .thumb:hover:after {
	bottom: 15px
}

.experience-item .thumb:focus .cover,
.experience-item .thumb:hover .cover {
	opacity: 1
}

.experience-item .thumb:focus .cover:before,
.experience-item .thumb:hover .cover:before {
	width: 60%
}

.experience-item .cover {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 63px;
	margin: auto;
	color: #fff;
	text-align: center;
	opacity: 0
}

.experience-item .cover:before {
	content: '';
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	display: inline-block;
	width: 0;
	height: 1px;
	margin: auto;
	background: #fff;
	-webkit-transition: .3s ease-in-out .1s;
	-moz-transition: .3s ease-in-out .1s;
	-o-transition: .3s ease-in-out .1s;
	transition: .3s ease-in-out .1s
}

.experience-item .name {
	display: block;
	padding-top: 5px;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	font-size: 1.75em;
	font-weight: 400
}

.experience-item .title {
	display: block;
	padding-bottom: 5px;
	font-size: 1.4em
}

.experience-more {
	color: #191919;
	font-size: 1.5em;
	text-align: center
}

.experience-more .h {
	width: 50%;
	margin: 0 auto 2.5em
}

.experience-more h1.h {
	font-size: 1em
}

@media only all and (max-width:1023px) {
	.experience-header {
		height: 230px;
		font-size: .9em
	}
	.experience-header .h {
		padding-top: .25em
	}
	.experience-header-thumb {
		margin-top: -20px
	}
	.experience-cell {
		font-size: 1.32em
	}
	.experience-cell .h {
		font-size: 3.5em
	}
	.experience-more {
		font-size: 1.32em
	}
	.experience-more .h {
		width: 35%
	}
	.touch .experience-item .cover {
		position: static;
		padding: 10px 0;
		color: #555;
		opacity: 1
	}
	.touch .experience-item .cover:before {
		display: none
	}
	.touch .experience-item .name,
	.touch .experience-item .title {
		padding-top: 0;
		padding-bottom: 0
	}
	.touch .experience-item .thumb:after,
	.touch .experience-item .thumb:before {
		display: none
	}
}

@media only all and (max-width:767px) {
	.experience-header {
		height: 180px
	}
	.experience-header-thumb {
		left: -50%;
		min-height: 100%;
		min-width: 100%;
		margin-left: 0
	}
	.experience-header .break-space {
		display: block
	}
	.experience-header .h {
		font-size: 2.6em
	}
	.experience-header p {
		font-size: 1.5em
	}
	.experience-cell {
		font-size: 1.2em
	}
	.experience-cell .h {
		font-size: 3.2em
	}
	.experience-more .h {
		margin-top: 1.5em;
		margin-bottom: 2em
	}
}

@media only all and (max-width:599px) {
	.experience-header p {
		padding: 0 5%;
		font-size: 1.4em
	}
	.experience-header p br {
		display: none
	}
	.experience-box {
		position: relative;
		margin-bottom: 12.5%
	}
	.experience-cell {
		width: 100%;
		font-size: 1.3em
	}
	.experience-cell .h {
		width: 85%;
		margin: 0 auto;
		color: #fff;
		font-size: 3em
	}
	.experience-cell .h:after {
		bottom: 0;
		width: 58%;
		height: 1px;
		background: #fff
	}
	.experience-cell h2 {
		display: none
	}
	.experience-cell .h-sub {
		display: block;
		margin-top: .6em;
		margin-bottom: .9em;
		font-size: 1.45em;
		vertical-align: top;
		line-height: 1.3
	}
	.experience-cell h2.h-sub {
		display: block;
		margin-top: .6em;
		margin-bottom: .9em;
		font-size: 1.45em;
		vertical-align: top;
		line-height: 1.3
	}
	.experience-cell .h-sub b {
		margin-top: -.1em;
		display: inline-block;
		font-weight: 400;
		font-size: 1.05em;
		vertical-align: top
	}
	.experience-cell p {
		display: none
	}
	.experience-cell a.btn {
		border-color: transparent
	}
	.experience-cell.desc {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 1;
		padding: 7.8125% 0;
		color: #fff;
		background:url(/my/en/resource/img/misc/1x1_bg.png)
	}
	.experience-list {
		margin-left: -10px
	}
	.experience-item {
		width: 50%
	}
	.experience-item-more {
		margin-top: 10%
	}
	.experience-item-empty {
		margin-left: 10px;
                padding-bottom:100%;
	}
	.experience-item .name {
		margin-left: .15em;
		font-size: 1.55em
	}
	.experience-item .thumb {
		margin-left: 10px
	}
	.experience-item .thumb img {
		width: 100%
	}
	.experience-more {
		font-size: 1.3em
	}
	.experience-more .h {
		width: 55%
	}
}

@media only all and (max-width:384px) {
	.experience-header {
		font-size: .85em
	}
	.experience-more .h {
		max-width: 400px;
		width: 60%
	}
}

@media only all and (min-width:1280px) {
	.experience-cell {
		font-size: 1.5em
	}
}

.sws-style-visual {
	position: relative
}

.sws-style-visual .only-mobile {
	display: none
}

.sws-style-visual .h1 {
	position: absolute;
	top: 35%;
	bottom: 0;
	left: 8%;
	font-weight: 400;
	font-size: 4.4em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	color: #fff
}

.sws-style-visual .title {
	display: block;
	font-size: .75em;
	color: #aaa
}

.sws-style-visual .name {
	font-weight: 400
}

.sws-style-body {
	position: relative;
	z-index: 1;
	margin-bottom: 5%;
	border-bottom: 1px solid #ccc
}

.sws-style-section {
	overflow: hidden;
	position: relative;
	width: 49.27272727%;
	padding-left: 50.72727273%;
	margin-bottom: 5%;
	font-size: 1.4em
}

.sws-style-sticky {
	position: absolute;
	top: 0;
	left: 0;
	width: 49.27272727%
}

.sws-style .blockquote {
	margin: 3.6em 5%
}

.sws-style .quote {
	display: block;
	padding: 6.5% 4%;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #000;
	font-size: 1.8em;
	font-weight: 400;
	line-height: 1.5;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	text-align: center;
	letter-spacing: -.05em;
	word-spacing: .05em
}

.sws-style .q {
	color: #333;
	font-weight: 700;
	margin: 2em 0 .4em;
	padding: 0 5%;
	font-size: 1.07em;
	line-height: 1.75
}

.sws-style .q+.p {
	margin-bottom: 0
}

.sws-style .q:first-child {
	margin-top: -.3em
}

.sws-style .p {
	margin: 0;
	padding: 0 5%;
	color: #767676;
	line-height: 1.9
}

@media only all and (max-width:1023px) {
	.sws-style-visual .h1 {
		font-size: 3.2em
	}
	.sws-style .blockquote {
		margin-top: 2.5em;
		margin-bottom: 2.5em
	}
	.sws-style .quote {
		font-size: 1.4em
	}
}

@media only all and (max-width:767px) {
	.sws-style-section {
		width: auto;
		padding-left: 0
	}
	.sws-style .blockquote {
		margin-left: 0;
		margin-right: 0
	}
	.sws-style .quote {
		padding-left: 12%;
		padding-right: 12%;
		font-size: 1.6em
	}
	.sws-style .p,
	.sws-style .q {
		padding-left: 0;
		padding-right: 0
	}
	.sws-style-sticky {
		position: static;
		width: auto;
		max-width: 360px;
		margin: 0 auto 9.375%
	}
	.sws-style-sticky img {
		width: 100%
	}
}

@media only all and (max-width:599px) {
	.sws-style {
		z-index: 0
	}
	.sws-style-visual .h1 {
		font-size: 2.2em
	}
	.sws-style-visual .h1 span {
		display: block
	}
	.sws-style-visual .only-desktop {
		display: none
	}
	.sws-style-visual .only-mobile {
		display: block
	}
	.sws-style-sticky {
		max-width: none
	}
	.sws-style .quote {
		font-size: 1.4em;
		padding: 5% 8%
	}
}

@media only all and (max-width:384px) {
	.sws-style .quote {
		font-size: 1.3em;
		padding: 5%
	}
}

@media only all and (min-width:1280px) {
	.sws-style-section {
		font-size: 1.5em
	}
}

.rituals-top {
	position: relative
}

.rituals-top.media .icon-play {
	font-size: 72px;
	margin-top: -1em
}

.rituals-top.media .icon-play:before {
	font-size: 72px
}

.rituals-box {
	overflow: hidden;
	position: relative;
	height: 0;
	padding-bottom: 45.45%
}

.rituals-box.is-active {
	padding-bottom: 56.25%
}

.rituals-box:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: #fff url(/my/en/resource/img/a/wait.gif) center center no-repeat
}

.rituals-box.is-active:after,
.rituals-box.is-loaded:after {
	display: none
}

.rituals-player {
	position: absolute;
	background: #000;
	z-index: 10
}

.rituals-initial-link {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	height: 0;
	padding-bottom: 50%
}

.rituals-initial-link:focus .icon-play {
	color: #555
}

.rituals-title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 14.54545455%;
	margin: auto;
	text-align: center;
	z-index: 20
}

.rituals-title .h {
	color: #fff;
	font-weight: 400;
	font-size: 4em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;
}

.rituals-title .category {
	color: #fff;
	font-size: 2.2em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	opacity: .4
}

.rituals-list {
	zoom: 1;
	margin-left: -8px;
	margin-right: -8px
}

.rituals-list:before {
	content: '';
	display: block
}

.rituals-list:after {
	content: '';
	display: table;
	clear: both
}

.rituals-list-box {
	padding-top: 5%
}

.rituals-list-box .h {
	position: relative;
	margin-bottom: .5em;
	color: #767676;
	font: normal 2.6em/1.5 Theinhardt, NotoSans, sans-serif,serif;;
	text-align: center
}

.rituals-list-box .h span {
	position: relative;
	z-index: 10;
	padding: 0 3%;
	background: #fff
}

.rituals-list-box .h:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	height: 1px;
	margin: auto;
	background: #ccc
}

.rituals-list .is-current {
	position: relative
}

.rituals-list .is-current:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100
}

.rituals-list .is-current .icon-play {
	display: none
}

.rituals-list .is-current .beauty-thumb:before {
	content: 'NOW PLAYING';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 24px;
	margin: auto;
	color: #fff;
	font-size: 1.6em;
	text-align: center;
	z-index: 10
}

.rituals-list .is-current .beauty-thumb:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	background: rgba(0, 0, 0, .5)
}

.rituals-list .blur {
	opacity: .5;
	z-index: -1;
	filter: blur(.5px);
	-webkit-filter: blur(.5px);
	-moz-filter: blur(.5px);
	-o-filter: blur(.5px);
	-ms-filter: blur(.5px)
}

.rituals-list .ritual_section.active {
	position: relative;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	box-shadow: 0 0 10px rgba(0, 0, 0, .8);
	opacity: 1;
	z-index: 10
}

.rituals-list .ritual_section.active:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid #555
}

.rituals-list .ritual_section.active a {
	position: relative
}

.rituals-list .movies {
	zoom: 1
}

.rituals-list .movies:before {
	content: '';
	display: block
}

.rituals-list .movies:after {
	content: '';
	display: table;
	clear: both
}

.rituals-list .ritual_section {
	float: left;
	width: 25%;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.rituals-item {
	vertical-align: top;
	word-spacing: 0;
	margin-bottom: 1.81818182%;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out
}

.rituals-item a:hover {
	text-decoration: none
}

.rituals-link {
	position: relative;
	display: block;
	margin: 9px
}

.rituals-link:focus .media .icon-play,
.rituals-link:hover .media .icon-play {
	color: #555
}

.rituals-thumb.media .icon-play {
	top: auto;
	left: auto;
	right: 10px;
	bottom: 10px;
	font-size: 40px
}

.rituals-thumb.media .icon-play:before {
	font-size: 40px
}

.rituals-cont {
	overflow: hidden;
	margin: 1em 0;
	font-size: 1.5em
}

.rituals-cont .title {
	display: block;
	margin: 0 0 .5em;
	color: #191919;
	font-weight: 400;
	font-size: 1.15em;
	line-height: 1.4;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap
}

.rituals-cont p {
	display: none;
	margin-top: 0;
	font-size: 1em
}

.rituals-subtitles {
	display: none
}

.rituals-subtitles-box {
	display: none;
	overflow-y: scroll;
	max-height: 185px;
	padding-top: 2em;
	padding-bottom: 2em;
	background-color: #f5f5f5;
	color: #333;
	font-size: 1.4em
}

.rituals-subtitles-box h2 {
	font-size: 1.2em;
	margin-top: 1em;
	margin-bottom: .5em
}

.rituals-subtitles-box p {
	margin-top: 0
}

@media only all and (max-width:1023px) {
	.rituals-top.media .icon-play {
		margin-top: -.75em
	}
	.rituals-title {
		font-size: .75em;
		bottom: 10%
	}
	.rituals-cont {
		font-size: 1.4em;
		margin-top: 1.5em;
		margin-bottom: 2em
	}
	.rituals-thumb.media .icon-play {
		font-size: 32px
	}
	.rituals-thumb.media .icon-play:before {
		font-size: 32px
	}
}

@media only all and (max-width:767px) {
	.rituals-top.media .icon-play {
		font-size: 56px
	}
	.rituals-top.media .icon-play:before {
		font-size: 56px
	}
	.rituals-title {
		font-size: .7em
	}
	.rituals-section .rituals-title {
		display: none
	}
	.rituals-section .h {
		font-size: 2.4em
	}
	.rituals-section .category {
		font-size: 1.8em
	}
	.rituals-list-box .h {
		font-size: 2.2em
	}
	.rituals-list .ritual_section {
		width: 33.33333333%
	}
	.rituals-thumb.media .icon-play {
		font-size: 24px
	}
	.rituals-thumb.media .icon-play:before {
		font-size: 24px
	}
}

@media only all and (max-width:599px) {
	.rituals-top.media .icon-play {
		font-size: 32px
	}
	.rituals-top.media .icon-play:before {
		font-size: 32px
	}
	.rituals-title {
		font-size: .6em
	}
	.rituals-title .h {
		line-height: 1.3
	}
	.rituals-subtitles-box {
		max-height: 140px
	}
	.rituals-list {
		margin-left: -5px;
		margin-right: -5px
	}
	.rituals-list .ritual_section {
		width: 50%
	}
	.rituals-link {
		margin: 5px
	}
	.rituals-cont {
		height: 3em;
		margin-top: 1em
	}
	.rituals-cont .title {
		margin-bottom: 0
	}
	.rituals-cont p {
		display: none
	}
}

@media only all and (max-width:384px) {
	.rituals-section .h {
		font-size: 1.8em;
		line-height: 1.1
	}
	.rituals-section .category {
		font-size: 1.2em
	}
	.rituals-section.media .icon-play {
		font-size: 28px
	}
	.rituals-section.media .icon-play:before {
		font-size: 28px
	}
	.rituals-list-box .h {
		font-size: 1.8em
	}
	.rituals-cont {
		font-size: 1.25em
	}
	.rituals-thumb.media .icon-play {
		font-size: 20px
	}
	.rituals-thumb.media .icon-play:before {
		font-size: 20px
	}
}

.archive-list {
	zoom: 1;
	margin-left: -1.5%
}

.archive-list:before {
	content: '';
	display: block
}

.archive-list:after {
	content: '';
	display: table;
	clear: both
}

.archive-list li {
	float: left;
	width: 31.83333333%;
	margin-left: 1.5%
}

.archive-list .thumb {
	display: block;
	overflow: hidden;
	position: relative
}

.archive-list .thumb:focus+.archive-cont .archive-name {
	text-decoration: underline
}

.archive-list .icon-play {
	width: auto;
	top: auto;
	left: auto;
	right: 10px;
	bottom: 10px;
	margin: 0
}

.archive-list .icon-play:before {
	font-size: 42px
}

.archive-cont {
	padding: 2em 0 5em;
	font-size: 1em
}

.archive-cont .date {
	display: block;
	margin-bottom: 5px;
	color: #999;
	font-size: 13px
}

.archive-name {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal;
	height: 48px;
	color: #333;
	font-size: 1.8em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	font-weight: 400;
	line-height: 1.4;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.archive-name>span {
	white-space: nowrap
}

.archive-section {
	padding-top: 16px;
	padding-bottom: 30px;
	background: #f5f5f5
}

.archive-section .title {
	padding: 0 4.6875%;
	margin-top: 3.40425532%;
	text-align: center
}

.archive-section .h {
	color: #333;
	font-size: 3.4em;
	font-weight: 400;
	font-family: Theinhardt, NotoSans, sans-serif,serif;
}

.archive-section .h>span {
	white-space: nowrap
}

.archive-section .date {
	display: block;
	margin-top: 10px;
	font-size: 1.5em
}

.archive-section .desc {
	display: none;
	margin-top: 15px;
	font-size: 1.5em;
	line-height: 1.6
}

.archive-section .video-player+.title {
	overflow-y: scroll;
	max-height: 185px;
	text-align: left
}

.archive-section .video-player+.title .h {
	font-size: 2.6em
}

.archive-section .video-player+.title .date {
	display: none
}

.archive-section .video-player+.title .desc {
	display: block
}

.archive-section .video-iframe {
	border: 0 none
}

.archive-print {
	background-color: #f5f5f5;
	padding-top: 16px
}

.archive-print-top {
	margin-bottom: 4.25531915%
}

.archive-print-header {
	margin: 0;
	color: #333;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	text-align: center
}

.archive-print-header .h {
	font-size: 3.4em;
	font-weight: 400
}

.archive-print-header .h>span {
	white-space: nowrap
}

.archive-print-header .h-sub {
	font-size: 2.1em;
	font-weight: 400
}

.archive-print-section {
	padding-left: 8.5106383%;
	padding-right: 8.5106383%;
	font-size: 1.5em
}

.archive-print-section h2 {
	color: #333;
	margin-top: 2em;
	margin-bottom: .5em;
	font-size: 1.07em
}

.archive-print-section p {
	margin: 0
}

.archive-print-section .em {
	font-size: 1.2em
}

.archive-print-image {
	margin: 5% 0;
	text-align: center
}

.archive-print-box {
	margin-top: 4.25531915%;
	padding: 1.6em 3em 1.5em;
	border: 1px solid #ccc;
	background-color: #fff
}

.archive-print-box .h {
	margin-top: .2em;
	margin-bottom: .5em;
	color: #333;
	font-size: 1em
}

.archive-print-box .h:first-child {
	margin-top: 0
}

.archive-print-box p {
	margin: 0
}

.archive-player {
	display: block
}

@media only all and (max-width:1023px) {
	.archive-list {
		margin-left: -2%
	}
	.archive-list li {
		width: 31.33333333%;
		margin-left: 2%
	}
	.archive-name {
		height: 40px;
		font-size: 1.6em
	}
	.archive-print-header {
		font-size: .9em
	}
	.archive-print-box {
		padding: 1.25em 2em 1.2em
	}
}

@media only all and (max-width:767px) {
	.archive-list {
		margin-left: -2.5%
	}
	.archive-list li {
		width: 47.5%;
		margin-left: 2.5%
	}
	.archive-list .icon-play {
		bottom: 10px;
		height: 32px;
		font-size: 32px
	}
	.archive-list .icon-play:before {
		font-size: 32px
	}
	.archive-print {
		padding-top: 0
	}
	.archive-print-header {
		padding-left: 10.10638298%;
		padding-right: 10.10638298%;
		text-align: left
	}
	.archive-cont {
		padding: 1.5em 1em 2em;
		margin-bottom: 1em;
		font-size: .9em;
		background: #f5f5f5
	}
	.archive-section {
		padding-top: 0;
		padding-bottom: 6.25%
	}
	.archive-section .video-player+.title {
		overflow: auto;
		max-height: initial
	}
	.archive-section .video-player+.title .h {
		font-size: 2.2em
	}
	.archive-section .title {
		text-align: left
	}
	.archive-section .h {
		font-size: 2.2em
	}
	.archive-section .date {
		display: none
	}
	.archive-section .desc {
		display: block
	}
}

@media only all and (max-width:599px) {
	.archive-list {
		margin-left: 0
	}
	.archive-list li {
		width: 100%;
		margin-left: 0
	}
	.archive-list .thumb-frame img {
		max-width: initial;
		width: 100%
	}
	.archive-cont {
		font-size: .83em;
		padding-top: 1em;
		padding-bottom: 2em
	}
	.archive-name {
		height: 42px
	}
	.archive-print-header {
		padding-left: 15px;
		padding-right: 15px;
		font-size: .7em
	}
	.archive-print-section {
		padding-left: 0;
		padding-right: 0;
		font-size: 1.4em
	}
	.archive-print-section .em,
	.archive-print-section h2 {
		font-size: 1.1em
	}
}

@media only all and (max-width:384px) {
	.archive-print-header {
		font-size: .6em
	}
	.archive-print-header .h-sub {
		font-size: 2.4em
	}
	.archive-name {
		height: 38px
	}
}

.culture {
	display: table;
	table-layout: fixed;
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid #ddd;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.culture:hover {
	border-color: #191919
}

.culture:focus,
.culture:hover {
	text-decoration: none
}

.culture:focus .btn,
.culture:hover .btn {
	color: #fff;
	background: #333
}

.culture-thumb {
	display: table-cell;
	width: 50%;
	vertical-align: top
}

.culture-desc {
	position: relative;
	padding: 11.5% 8% 0 11%;
	font-size: 1.7em
}

.culture .h,
.culture .history {
	display: block;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	line-height: 1.2
}

.culture .history {
	font-size: 1.6em
}

.culture .h {
	color: #333;
	margin-top: .7em;
	font-weight: 400;
	font-size: 1.7em;
	letter-spacing: -.023em
}

.culture .date {
	display: block;
	margin: .4em 0 .1em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	letter-spacing: -.03em;
	text-transform: uppercase
}

.culture .p {
	margin: 0
}

.culture .func {
	margin-top: 2em;
	font-size: .85em;
	text-align: left
}

.culture .btn {
	padding-left: 1.4em;
	padding-right: 1.4em
}

@media only all and (max-width:1023px) {
	.culture {
		padding: 20px 0
	}
	.culture_section:first-child .culture {
		padding-top: 20px;
		border-top: 1px solid #ddd
	}
	.culture-thumb {
		width: 41%
	}
	.culture-desc {
		padding: 20px 20px 0;
		font-size: 1.4em
	}
	.culture .func {
		display: none
	}
	.culture .h {
		margin-top: .2em
	}
	.culture .date {
		font-size: 1.4em
	}
}

@media only all and (max-width:767px) {
	.culture {
		padding: 14px 0
	}
	.culture-desc {
		padding: 12px 20px;
		font-size: 1.15em
	}
	.culture .date {
		display: none
	}
	.culture .p {
		margin-top: .5em
	}
}

@media only all and (max-width:599px) {
	.culture {
		padding: 12px 0
	}
	.culture_section:first-child .culture {
		padding-top: 12px
	}
	.culture-thumb {
		width: 43.2%
	}
	.culture-desc {
		padding: 6px 0 0 10px;
		font-size: 1.1em
	}
	.culture .history {
		font-size: 1.5em
	}
	.culture .h {
		font-size: 1.8em
	}
	.culture .p {
		font-size: 1.2em
	}
}

@media only all and (max-width:384px) {
	.culture-desc {
		font-size: 1em
	}
	.culture .h {
		font-size: 1.55em
	}
	.culture .p {
		font-size: 12px;
		line-height: 1.3
	}
}

@media only all and (min-width:1280px) {
	.culture-desc {
		font-size: 1.8em
	}
	.culture .history {
		font-size: 2em;
		letter-spacing: -.06em
	}
	.culture .h {
		margin: .6em 0 0;
		letter-spacing: -.03em
	}
	.culture .date {
		margin: .1em 0 .3em;
		letter-spacing: .03em
	}
	.culture .p {
		line-height: 1.7
	}
	.culture .func {
		margin-top: 1.9em;
		font-size: 15px
	}
}

.magazine-list {
	zoom: 1;
	margin-left: -2%
}

.magazine-list:before {
	content: '';
	display: block
}

.magazine-list:after {
	content: '';
	display: table;
	clear: both
}

.magazine-list>li {
	float: left;
	width: 23.5%;
	margin-left: 1.5%
}

.magazine-list .thumb {
	display: block
}

.magazine-list .thumb:focus+.title .h {
	text-decoration: underline
}

.magazine-list .pages {
	display: block;
	color: #999;
	font-size: 1.3em;
	letter-spacing: 1px;
	margin-bottom: .5em
}

.magazine-list .title {
	margin: 1.2em 0 4.3em;
	font-size: 1em
}

.magazine-list .title>span {
	color: #999;
	font-size: 13px
}

.magazine-list .h {
	height: 54px;
	margin-top: .6em;
	color: #333;
	font-weight: 400;
	font-size: 1.8em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal
}

.magazine-list .h>span {
	white-space: nowrap
}

.magazine-visual {
	max-width: 940px;
	margin: 0 auto
}

.magazine-h {
	margin: 50px 0 50px;
	font: normal 4em/1.1 Theinhardt, sans-serif;
	text-align: center;
	color: #191919
}

.magazine-view {
	padding-bottom: 45px;
	border-bottom: 1px solid #eee;
	color: #555
}

.magazine-view p {
	margin: 0;
	font-size: 15px;
	line-height: 2;
}

.magazine-view .l-pd {
	max-width: 780px
}

.magazine-fig-row {
	zoom: 1;
	margin: 45px 0
}

.magazine-fig-row:before {
	content: '';
	display: block
}

.magazine-fig-row:after {
	content: '';
	display: table;
	clear: both
}

.magazine-fig-row.col-2 .magazine-fig {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	width: 50%;
	padding-left: 5px
}

.magazine-fig-row.col-2 .magazine-fig:first-child {
	padding-left: 0;
	padding-right: 5px
}

.magazine-fig img {
	width: 100%
}

.magazine-figcaption {
	margin-top: 1.5em;
	padding: 0 5em;
	font-size: 13px;
	line-height: 1.5;
	text-align: center
}

.magazine-staff {
	margin-top: 2em;
	padding-top: 1em;
	color: #999;
	border-top: 1px solid #f5f5f5;
	font-size: 1.2em
}

@media only all and (max-width:1023px) {
	.magazine-list {
		margin-left: -2.5%
	}
	.magazine-list>li {
		width: 30.83333333%;
		margin-left: 2.5%
	}
	.magazine-list>li:nth-child(3n+1) {
		clear: both;
	}
	.magazine-list .title {
		font-size: .9em
	}
	.magazine-list .h {
		height: 48px;
		margin-top: 0
	}
	.magazine-view {
		padding-bottom: 35px
	}
	.magazine-h {
		margin: 50px 0 45px;
		font-size: 3.4em
	}
	.magazine-fig-row {
		margin: 35px 0
	}
	.magazine-figcaption {
		padding: 0 3em
	}
}

@media only all and (max-width:767px) {
	.magazine-detail .l-wrap {
		padding: 0
	}
	.magazine-view {
		padding-bottom: 25px
	}
	.magazine-view p {
		line-height: 1.8
	}
	.magazine-h {
		margin: 43px 0 35px;
		font-size: 2.8em
	}
	.magazine-fig-row {
		margin: 25px 0
	}
	.magazine-figcaption {
		padding: 0 1.6em
	}
}

@media only all and (max-width:599px) {
	.magazine-list>li {
		width: 47.5%
	}
	.magazine-list>li:nth-child(3n+1) {
		clear: initial;
	}
	.magazine-list>li:nth-child(2n+1) {
		clear: both;
	}
	.magazine-list .title {
		font-size: .78em;
		margin: 1.2em 0 3.5em
	}
	.magazine-list .title>span {
		font-size: 11px
	}
	.magazine-list .h {
		height: 42px
	}
	.magazine-figcaption {
		margin-top: 8px;
		padding: 0 4px;
		font-size: 12px;
		text-align: left
	}
}

@media only all and (max-width:384px) {
	.magazine-list {
		margin-left: -3%
	}
	.magazine-list>li {
		width: 47%;
		margin-left: 3%
	}
	.magazine-list .pages {
		display: none
	}
	.magazine-list .title {
		margin: .8em 0 2.2em
	}
	.magazine-view {
		padding-bottom: 20px
	}
	.magazine-view p {
		font-size: 14px
	}
	.magazine-h {
		margin: 20px 0 0;
		font-size: 2.4em;
		line-height: 1.3
	}
	.magazine-fig-row {
		margin: 20px 0
	}
}

.related-list {
	zoom: 1;
	position: relative;
	margin-top: 5.45454545%;
	margin-left: -15px
}

.related-list:before {
	content: '';
	display: block
}

.related-list:after {
	content: '';
	display: table;
	clear: both
}

.related-list .bx-next,
.related-list .bx-prev {
	overflow: hidden;
	position: absolute;
	z-index: 10;
	top: 50%;
	width: 25px;
	height: 40px;
	margin-top: -20px;
	text-indent: 100px;
	background: rgba(0, 0, 0, .2);
	-webkit-transition: background-color .1s ease-out;
	-moz-transition: background-color .1s ease-out;
	-o-transition: background-color .1s ease-out;
	transition: background-color .1s ease-out
}

.related-list .bx-next.disabled,
.related-list .bx-prev.disabled {
	display: none
}

.related-list .bx-next:before,
.related-list .bx-prev:before {
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	color: #fff;
	font-size: 23px;
	font-family: fontello;
	line-height: 1.8;
	text-indent: 0;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out
}

.related-list .bx-next:focus,
.related-list .bx-next:hover,
.related-list .bx-prev:focus,
.related-list .bx-prev:hover {
	background: rgba(0, 0, 0, .7);
	text-decoration: none
}

.related-list .bx-next:focus:before,
.related-list .bx-next:hover:before,
.related-list .bx-prev:focus:before,
.related-list .bx-prev:hover:before {
	color: #fff
}

.related-list .bx-prev {
	left: 0
}

.related-list .bx-prev:before {
	content: '\e80a'
}

.related-list .bx-next {
	right: 0
}

.related-list .bx-next:before {
	content: '\e80b'
}

.related-list .thumb {
	display: block;
	overflow: hidden;
	position: relative;
	margin-left: 15px
}

.related-list .thumb:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	background: rgba(0, 0, 0, .3);
	opacity: 0;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out
}

.related-list .thumb:after {
	content: '';
	position: absolute;
	bottom: -100%;
	left: 0;
	right: 0;
	width: 21px;
	height: 21px;
	margin: 0 auto;
	background: url(/my/en/resource/img/a/icon_more.png) 0 0 no-repeat;
	-webkit-transition: .3s ease-in-out .1s;
	-moz-transition: .3s ease-in-out .1s;
	-o-transition: .3s ease-in-out .1s;
	transition: .3s ease-in-out .1s
}

.related-list .thumb:focus:before,
.related-list .thumb:hover:before {
	opacity: 1
}

.related-list .thumb:focus:after,
.related-list .thumb:hover:after {
	bottom: 15px
}

.related-list .thumb:focus .cover,
.related-list .thumb:hover .cover {
	opacity: 1
}

.related-list .thumb:focus .cover:before,
.related-list .thumb:hover .cover:before {
	width: 60%
}

.related-list .media:hover .icon-play {
	color: inherit
}

.related-list .media .icon-play {
	top: initial;
	left: initial;
	right: 5px;
	bottom: 5px;
	width: 26px;
	height: 26px;
	margin: -13px 0 0 -13px;
	font-size: 26px
}

.related-list .media .icon-play:before {
	font-size: 26px
}

.related-list .cover {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 63px;
	margin: auto;
	color: #fff;
	text-align: center;
	opacity: 0;
	z-index: 10
}

.related-list .cover:before {
	content: '';
	position: absolute;
	top: 25px;
	left: 0;
	right: 0;
	display: inline-block;
	width: 0;
	height: 1px;
	margin: auto;
	background: #fff;
	-webkit-transition: .3s ease-in-out .1s;
	-moz-transition: .3s ease-in-out .1s;
	-o-transition: .3s ease-in-out .1s;
	transition: .3s ease-in-out .1s
}

.related-list .cover .h {
	padding-top: 5px;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	font-size: 1.75em;
	font-weight: 400
}

.related-list .cover .h-sub {
	display: block;
	padding-bottom: 5px;
	font-size: 1.4em
}

.related-list .title {
	margin: 1.2em 0 0 15px
}

.related-list .title>span {
	display: block;
	color: #999;
	font-size: 1.3em
}

.related-list .title .h {
	display: block;
	height: 54px;
	margin-top: .6em;
	color: #333;
	font-weight: 400;
	font-size: 1.8em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal
}

.related-list .category {
	display: block;
	font-size: 1.4em
}

.related-list li {
	float: left;
	width: 25%
}

@media only all and (max-width:1023px) {
	.related-list .title {
		font-size: .9em
	}
}

@media only all and (max-width:767px) {
	.related-list .title {
		font-size: 1em
	}
	.related-list .title .h {
		height: 42px;
		margin-top: 10px;
		font-size: 1.4em
	}
	.related-list .title>span {
		font-size: 1.2em
	}
	.related-list .title {
		margin-left: 10px
	}
}

@media only all and (max-width:599px) {
	.related-list {
		margin-left: 0
	}
	.related-list .thumb {
		margin-left: 0
	}
	.related-list .title {
		margin-top: 1em;
		margin-bottom: 3.5em
	}
}

@media only all and (max-width:384px) {
	.related-list .title {
		margin: .8em 0 2.2em
	}
	.related-list .title .h {
		margin-top: 0
	}
}

.news-list {
	zoom: 1;
	margin-left: -1.54545455%
}

.news-list:before {
	content: '';
	display: block
}

.news-list:after {
	content: '';
	display: table;
	clear: both
}

.news-list .item {
	float: left;
	width: 31.78787879%;
	height:300px;
	margin: 0 0 3.09090909% 1.54545455%
}

.news-list .link {
	display: block;
	-webkit-transition: all .3s cubic-bezier(.445, .05, .55, .95) .1s;
	-moz-transition: all .3s cubic-bezier(.445, .05, .55, .95) .1s;
	-o-transition: all .3s cubic-bezier(.445, .05, .55, .95) .1s;
	transition: all .3s cubic-bezier(.445, .05, .55, .95) .1s
}

.news-list .link:hover {
	text-decoration: none;
	-webkit-box-shadow: 0 0 12px 0 #c9c9c9;
	-moz-box-shadow: 0 0 12px 0 #c9c9c9;
	box-shadow: 0 0 12px 0 #c9c9c9;
	-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, .4);
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .4)
}

.news-list .link:hover .desc {
	background: #fff
}

.news-list .link:focus .icon-play,
.news-list .link:hover .icon-play {
	color: #333
}

.news-list .thumb {
	position: relative
}

.news-list .thumb img {
	width: 100%
}

.news-list .thumb .icon-play {
	position: absolute;
	right: 10px;
	bottom: 23px;
	height: 1em;
	font-size: 42px;
	color: #fff;
	-webkit-transition: color .2s ease-out;
	-moz-transition: color .2s ease-out;
	-o-transition: color .2s ease-out;
	transition: color .2s ease-out
}

.news-list .desc {
	padding: 4.09090909% 6.81818182%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .2s cubic-bezier(.445, .05, .55, .95);
	-moz-transition: all .2s cubic-bezier(.445, .05, .55, .95);
	-o-transition: all .2s cubic-bezier(.445, .05, .55, .95);
	transition: all .2s cubic-bezier(.445, .05, .55, .95)
}

.news-list .national {
	display: block;
	font-size: 1.2em;
	color: #aaa;
	text-transform: uppercase;
	line-height: 1
}

.news-list .national i {
	color: #ccc;
	margin: 0 .5em
}

.news-list .title {
	display: block;
	height: 54px;
	margin: .3em 0 0;
	color: #000;
	font-weight: 400;
	font-size: 1.8em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal
}

.news-list .p {
	font-size: 1.4em;
	margin: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal;
	height: 42px;
	display: none
}

@media only all and (max-width:767px) {
	.news-list .item {
		width: 48.45454545%;
	}
	.news-list .desc {
		padding: 4.09090909%
	}
	.news-list .title {
		font-size: 1.6em;
		height: 48px
	}
}

@media only all and (max-width:599px) {
	.news-list .item {
		float: none;
		width: auto;
		height:100%;
	}
	.news-list .desc {
		padding: 2.72727273%
	}
	.news-list .title {
		height: auto
	}
}

.news-view {
	position: relative
}

.news-view-wrap {
	padding-top: 34px;
	padding-bottom: 1.81818182%;
	background: #f5f5f5
}

.news-view-head {
	text-align: center
}

.news-view-head .h {
	font-size: 34px;
	color: #333;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	line-height: 1.2;
	font-weight: 400;
	letter-spacing: -.03em;
	margin: 3.63636364% 0 1.36363636%
}

.news-view-head .more {
	color: #999;
	font-size: 14px;
	line-height: 1.2;
	text-transform: uppercase
}

.news-view-head .more span {
	display: inline-block;
	color: #ccc;
	font-size: 11px;
	vertical-align: top;
	margin: 0 .5em
}

.news-view-content {
	color: #555;
	font-size: 15px;
	line-height: 1.7
}

.news-view-content .l-about {
	padding: 0 7.27272727%;
	margin: 4.54545455% 0
}

.news-view-content .l-about h3 {
	margin-top: 2em
}

.news-view-content .content-img {
	text-align: center;
	margin: 4.54545455% 0
}

.news-view-content .content-img p {
	font-size: 11px;
	color: #999;
	padding: 0 1.36363636%
}

.news-view-content .content-item {
	zoom: 1;
	margin-bottom: 2.72727273%
}

.news-view-content .content-item:before {
	content: '';
	display: block
}

.news-view-content .content-item:after {
	content: '';
	display: table;
	clear: both
}

.news-view-content .content-item li ul {
	margin-left: 30px
}

.news-view-content .content-box {
	margin: 4.54545455% 0;
	padding: 1.6em 3em 1.5em;
	background-color: #fff;
	border: 1px solid #eee
}

.news-view-content .content-box h3 {
	margin-top: 0
}

.news-view-content .desh-list li {
	padding-left: 10px;
	text-indent: -10px
}

.news-view-neighbor {
	border-top: 1px solid #ccc
}

.news-view-neighbor li {
	border-bottom: 1px solid #ccc
}

.news-view-neighbor li a {
	display: block;
	position: relative;
	color: #999;
	font-size: 13px;
	text-decoration: none;
	padding: 15px 200px 15px 100px
}

.news-view-neighbor li a .title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	display: block
}

.news-view-neighbor li a b {
	position: absolute;
	top: 15px;
	left: 10px;
	font-weight: 400
}

.news-view-neighbor li a .nation {
	display: inline-block;
	position: absolute;
	top: 15px;
	right: 85px;
	min-width: 60px;
	text-transform: uppercase
}

.news-view-neighbor li a .date {
	position: absolute;
	top: 15px;
	right: 10px
}

.news-view-neighbor li:hover {
	border-color: #191919
}

.news-view-neighbor li:hover a {
	color: #191919
}

.news-view .func {
	margin-top: 1.5em;
	font-size: 1.5em;
	text-align: right
}

@media only all and (max-width:1023px) {
	.news-view-wrap {
		padding-top: 2.72727273%
	}
	.news-view-head .h {
		font-size: 30px
	}
	.news-view-head .h-sub {
		font-size: 16px
	}
	.news-view-head .more {
		font-size: 14px
	}
}

@media only all and (max-width:767px) {
	.news-view-wrap {
		padding-left: 0;
		padding-right: 0
	}
	.news-view-head {
		padding-top: 3.63636364%;
		padding-bottom: 5.45454545%
	}
	.news-view-head .h {
		font-size: 2.4em
	}
	.news-view-head .more {
		font-size: 14px
	}
	.news-view-content {
		font-size: 14px
	}
	.news-view-content .l-about {
		padding: 0;
		margin: 8.18181818% 0
	}
	.news-view-neighbor li a {
		font-size: 12px;
		padding: 10px 5px 10px 60px
	}
	.news-view-neighbor li a .nation {
		position: relative;
		top: auto;
		right: auto;
		min-width: initial;
		font-size: 11px;
		padding-right: 5px;
		margin-right: 2px
	}
	.news-view-neighbor li a .nation:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		width: 1px;
		height: 8px;
		margin: auto;
		background: #b6b6b6
	}
	.news-view-neighbor li a .date {
		position: static;
		top: auto;
		right: auto;
		font-size: 11px
	}
	.news-view .func {
		font-size: 1.4em;
		text-align: center
	}
}

@media only all and (max-width:599px) {
	.news-view-head {
		text-align: left;
		padding-left: 0;
		padding-right: 0
	}
	.news-view-head .h {
		font-size: 22px
	}
	.news-view-head .more {
		font-size: 12px
	}
}

.tab-category {
	border-bottom: 1px solid #ccc
}

.tab-category-container {
	zoom: 1;
	text-align: center
}

.tab-category-container:before {
	content: '';
	display: block
}

.tab-category-container:after {
	content: '';
	display: table;
	clear: both
}

.tab-category.tab-write {
	zoom: 1;
	max-width: 350px;
	margin: 0 auto
}

.tab-category.tab-write:before {
	content: '';
	display: block
}

.tab-category.tab-write:after {
	content: '';
	display: table;
	clear: both
}

.tab-category.tab-write .tag {
	float: left;
	width: 33.33333333%;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0
}

.tab-category-mobile {
	position: absolute;
	visibility: hidden
}

.tab-category .tag {
	display: inline-block;
	position: relative;
	padding: 0 .5em .5em .5em;
	margin: 0 .5em;
	text-align: center;
	font-size: 1.2em;
	color: #999;
	text-decoration: none;
	text-transform: uppercase
}

.tab-category .tag:focus,
.tab-category .tag:hover {
	color: #191919
}

.tab-category .tag:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 4px;
	background: 0 0;
	z-index: 1
}

.tab-category .tag.is-current {
	color: #191919
}

.tab-category .tag.is-current:after {
	background: #caa58e
}

@media only all and (max-width:767px) {
	.tab-category {
		display: none
	}
	.tab-category-mobile {
		position: relative;
		visibility: visible;
		width: 100%;
		margin-bottom: 12px
	}
	.tab-category-mobile .selectbox {
		width: 100%
	}
}

.spa-intro {
	position: relative
}

.spa-intro .h1 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 57%;
	margin: auto;
	white-space: nowrap
}

.spa-intro .h1 img {
	margin-top: 1em;
	vertical-align: middle;
	white-space: normal
}

.spa-intro .h1:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.spa-intro .func {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 15%;
	font-size: 1.5em
}

.spa-section {
	padding: 0 5.45454545%;
	font-size: 1.5em
}

.spa-section-guide {
	padding: 1.5em 7.27272727% 3.5em;
	border-bottom: 1px solid #ddd
}

.spa-section-guide .h {
	margin: 1em 0;
	font-size: 2em;
	text-align: center
}

.spa-section .h {
	margin-bottom: 1em;
	color: #191919;
	font-weight: 400;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	letter-spacing: -.03em
}

.spa-section .p {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.6
}

.spa-guide {
	display: table;
	table-layout: fixed;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
	border-bottom: 1px solid #ddd
}

.spa-guide-thumb {
	display: table-cell;
	width: 50%;
	vertical-align: top
}

.spa-guide-cell {
	display: table-cell;
	width: 50%;
	padding-left: 4.25531915%;
	vertical-align: middle
}

.spa-guide .h {
	color: #555;
	font-size: 1.33em
}

.spa-guide .h span {
	display: block;
	color: #191919;
	font-size: 1.5em;
	line-height: 1.2
}

.spa-guide .p {
	font-size: 13px
}

@media only all and (max-width:1023px) {
	.spa-section {
		padding: 0 3.125%;
		font-size: 1.4em
	}
	.spa-section-guide {
		padding-left: 5.45454545%;
		padding-right: 5.45454545%
	}
	.spa-section-guide .h {
		margin: .5em 0
	}
	.spa-guide-cell {
		padding-left: 3.125%;
		vertical-align: top
	}
}

@media only all and (max-width:767px) {
	.spa-section-guide {
		padding-top: 1em;
		padding-bottom: 2em
	}
	.spa-section-guide .h {
		font-size: 1.5em
	}
	.spa-guide {
		padding-top: 1em;
		padding-bottom: 1em
	}
	.spa-guide-thumb {
		width: 40%
	}
	.spa-guide-cell {
		width: 60%
	}
	.spa-guide-cell .h {
		font-size: 1em
	}
}

@media only all and (max-width:599px) {
	.spa-intro .h1 {
		width: 75%
	}
	.spa-section {
		padding-left: 0;
		padding-right: 0
	}
	.spa-section-guide {
		padding-left: 0;
		padding-right: 0
	}
	.spa-guide {
		display: block
	}
	.spa-guide-thumb {
		display: block;
		width: auto;
		text-align: center
	}
	.spa-guide-thumb img {
		width: 100%
	}
	.spa-guide-cell {
		display: block;
		width: auto;
		padding-left: 0
	}
	.spa-guide-cell .h {
		margin-top: 1em;
		font-size: 1.1em
	}
	.spa-guide-cell .h span {
		font-size: 1.4em
	}
}

@media only all and (min-width:1280px) {
	.spa-section {
		padding-left: 7.27272727%;
		padding-right: 7.27272727%
	}
	.spa-guide-cell {
		padding-left: 5.85106383%;
		padding-top: 2.6%;
		vertical-align: top
	}
}

.programs {
	overflow: hidden;
	position: relative
}

.programs-section {
	position: relative
}

.programs-section+.programs-section,
.programs-section.gift {
	margin-top: 1.81818182%
}

.programs-section .more {
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 30px;
	height: 30px;
	font-size: 1.3em
}

.programs-section .icon-more:after,
.programs-section .icon-more:before {
	background: #fff
}

.programs-desc {
	position: absolute;
	top: 21.875%;
	left: 5.36363636%;
	width: 100%
}

.programs-desc .h {
	font-size: 3em;
	color: #fff;
	font-weight: 400;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	line-height: 1.2
}

.programs-desc .p {
	color: #fff;
	font-size: 1.6em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	width: 40%
}

.programs-thumb .thumb-m {
	display: none
}

.programs-reserve {
	position: relative
}

.programs-reserve:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 1px;
	background: #fff;
	margin: auto
}

.programs-item {
	position: relative;
	padding: 35px 3.63636364% 35px 31.81818182%;
	border-bottom: 1px solid #ddd;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	transition: all .2s ease-out
}

.programs-item:hover {
	border-color: #333
}

.programs-item .h {
	position: absolute;
	top: 35px;
	left: 5.45454545%;
	width: 21.81818182%;
	color: #333;
	font-weight: 400;
	font-size: 2em;
	font-family: Theinhardt, NotoSans, sans-serif,serif;
}

.programs-item .desc {
	color: #555;
	font-size: 1.6em
}

.programs-item .desc .price {
	display: block;
	margin-top: 17px;
	color: #767676
}

.programs-item .desc i {
	display: inline-block;
	position: relative;
	padding-right: 10px;
	margin-right: 5px
}

.programs-item .desc i:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 1px;
	height: 50%;
	background: #ccc
}

.programs-item .func {
	display: none;
	position: absolute;
	top: 40px;
	right: 8.18181818%;
	margin-top: 0;
	font-size: 1.5em
}

.programs-item .func .btn {
	padding: .6em 2em
}

@media only all and (max-width:1023px) {
	.programs-desc .h {
		font-size: 2.7em
	}
	.programs-desc .p {
		margin-top: .5em;
		font-size: 1.5em
	}
	.programs-item {
		padding: 35px 31.25% 35px 28.125%
	}
	.programs-item .h {
		font-size: 2em;
		left: 3.63636364%
	}
	.programs-item .desc {
		font-size: 1.4em
	}
	.programs-item .func {
		right: 5.45454545%
	}
}

@media only all and (max-width:767px) {
	.programs-desc .h {
		font-size: 2em
	}
	.programs-desc .p {
		width: 75%;
		font-size: 1.1em
	}
	.programs-item {
		padding: 3.63636364% 5.45454545%
	}
	.programs-item.first {
		display: block;
		color: #999;
		font-size: 14px;
		padding-top: 26px;
		padding-bottom: 26px
	}
	.programs-item .h {
		position: static;
		width: auto;
		font-size: 1.8em
	}
	.programs-item .h br {
		display: none
	}
	.programs-item .desc {
		font-size: 1.3em
	}
	.programs-item .func {
		position: static;
		margin-top: 2em;
		font-size: 1.2em;
		text-align: left
	}
}

@media only all and (max-width:599px) {
	.programs-desc {
		top: 22.66666667%;
		left: 5%;
		width: 85%
	}
	.programs-desc .h {
		font-size: 2.5em
	}
	.programs-thumb {
		overflow: hidden
	}
	.programs-thumb .thumb-l {
		display: none
	}
	.programs-thumb .thumb-m {
		display: block;
		margin: -10% 0 -5% 0
	}
	.programs-list li {
		padding: 21px 7.8125%
	}
	.programs-list .desc .price {
		margin-top: 15px;
		letter-spacing: 0
	}
	.programs-list .func {
		margin-top: 1.6em
	}
	.programs-list .func .btn {
		padding: .5em 2.8em
	}
}

@media only all and (max-width:384px) {
	.programs-section .more {
		right: 8px;
		bottom: 8px;
		width: 25px;
		height: 25px
	}
	.programs-desc .h {
		font-size: 2em
	}
	.programs-desc .p br {
		display: none
	}
}

.reservation-top {
	display: none;
	overflow: hidden;
	position: relative
}

.backgroundsize .reservation-top {
	min-height: 140px;
	background: url(/my/en/resource/img/spa/bg_reservation.jpg) center center no-repeat;
	background-size: 100% auto
}

.backgroundsize .reservation-top-img {
	visibility: hidden
}

.reservation-h {
	position: absolute;
	width: 100%;
	height: 100%;
	color: #fff;
	font: 2em/1.2 Theinhardt, NotoSans, sans-serif,serif;;
	text-align: center;
	white-space: nowrap
}

.reservation-h-cell {
	display: inline-block;
	vertical-align: middle;
	white-space: normal
}

.reservation-h:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.reservation-container {
	position: relative;
	background: url(/my/en/resource/img/spa/bg_reservation.jpg) 0 0 no-repeat;
	background-size: 50% 100%
}

.reservation-box {
	position: relative;
	width: 50%
}

.reservation-box-pd {
	padding: 7.27272727% 14.54545455% 0
}

.reservation-info {
	font-size: 1.6em
}

.reservation-info-box {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 50%;
	color: #fff
}

.reservation-info-box .reservation-box-pd {
	padding: 14.54545455% 10.90909091% 12.72727273% 7.27272727%
}

.reservation-info .title {
	font: normal 2em/1.2 Theinhardt, NotoSans, sans-serif,serif;;
	margin-bottom: 175px
}

.reservation-info .title .br {
	white-space: nowrap
}

.reservation-info .title strong {
	display: inline-block;
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #fff;
	font-weight: 400
}

.reservation-info-list {
	word-spacing: -.05em;
	opacity: .8
}

.reservation-info-list a {
	color: #fff
}

.reservation-info-list strong {
	font-weight: 400;
	font-size: 1.125em
}

.reservation-info-item {
	margin-top: 2em
}

.reservation-info-item:first-child {
	margin-top: 0
}

.reservation-info-item ul {
	margin-top: 3em
}

.reservation-info-item ul li {
	position: relative;
	padding-left: 10px;
	margin-top: 8px
}

.reservation-info-item ul li:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	background: #fff;
	border-radius: 50%;
	z-index: 1
}

.reservation-form-box {
	width: 50%;
	padding-left: 50%
}

.reservation-form .func {
	margin-top: 2.5em;
	font-size: 1.4em
}

.no-csstransitions .reservation-form label.blind {
	overflow: visible;
	position: static!important;
	width: auto;
	height: auto
}

.no-csstransitions .reservation-form .blind {
	clip: auto
}

.reservation-form .h {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 13px
}

.reservation-form .h span {
	display: block;
	font-weight: 400
}

.reservation-row {
	margin: 15px 0 10px;
	margin-right: 42px
}

.reservation-row-check {
	padding: 5px 0;
	margin-top: .2em;
	font-size: 13px
}

.reservation-row .text {
	width: 100%
}

.reservation-select .selectbox {
	width: 100%
}

.reservation-select .selectbox .selectbox-option {
	max-height: 185px
}

.reservation-select-program {
	zoom: 1;
	margin-bottom: 15px
}

.reservation-select-program:before {
	content: '';
	display: block
}

.reservation-select-program:after {
	content: '';
	display: table;
	clear: both
}

.reservation-select-program .date-picker {
	padding: 6px 20px 6px 10px;
	margin-right: 20px;
	border: 1px solid #ccc;
	font-size: 13px
}

.reservation-date {
	float: left;
	width: 31.33333333%;
	margin-left: 2%
}

.reservation-date-wrap {
	zoom: 1;
	margin-left: -2%;
	margin-bottom: 15px
}

.reservation-date-wrap:before {
	content: '';
	display: block
}

.reservation-date-wrap:after {
	content: '';
	display: table;
	clear: both
}

.reservation-date .selectbox .selector {
	min-width: auto
}

.reservation-terms {
	border: 1px solid #eee
}

.reservation-terms-box {
	margin-top: 20px
}

.reservation-terms-box::-webkit-scrollbar {
	width: 10px
}

.reservation-terms-box::-webkit-scrollbar-thumb {
	background: #ccc
}

.reservation-terms.reservation-privacy {
	overflow-y: scroll;
	max-height: 6em
}

.reservation-terms ul {
	padding: 10px 18px;
	color: #aaa;
	font-size: 13px
}

@media only all and (max-width:1023px) {
	.reservation-box-pd {
		padding: 7.27272727% 0 7.27272727% 7.27272727%
	}
}

@media only all and (max-width:767px) {
	.reservation-top {
		display: block
	}
	.reservation-container {
		background: 0
	}
	.reservation-form-box {
		width: 100%;
		padding-left: 0
	}
	.reservation-info-box {
		position: static;
		width: 100%;
		color: #333;
		background: #f5f5f5
	}
	.reservation-info-box .reservation-box-pd {
		padding: 2em 4.6875%
	}
	.reservation-info-list {
		font-size: 13px;
		opacity: 1
	}
	.reservation-info-list a {
		color: #333
	}
	.reservation-info-item {
		margin-top: 20px
	}
	.reservation-info-item ul li:before {
		background: #333
	}
	.reservation-info .title {
		position: absolute;
		top: 1em;
		left: 4.6875%;
		margin: 0;
		font-size: 1.375em
	}
	.reservation-info .title strong {
		border: 0 none
	}
	.reservation-box-pd {
		padding: 5em 4.6875% 2em
	}
	.reservation-select-program-half {
		width: 100%;
		float: none
	}
	.reservation-select-program .date-picker {
		margin-right: 0;
		margin-bottom: 15px
	}
}

@media only all and (max-width:599px) {
	.reservation-row {
		margin-right: 22px
	}
}

.spa-location {
	position: relative;
	padding: 2.72727273%;
	background-color: #fff
}

.spa-list>li {
	zoom: 1
}

.spa-list>li:before {
	content: '';
	display: block
}

.spa-list>li:after {
	content: '';
	display: table;
	clear: both
}

.spa-list .more {
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 30px;
	height: 30px;
	color: #191919;
	font-size: 1.3em
}

.spa-list .is-active .icon-more {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg)
}

.spa-list .is-active .icon-more:after {
	opacity: 0
}

.spa-list .flx {
	background-color: #ccc
}

.spa-link {
	zoom: 1;
	position: relative;
	display: block;
	padding: 24px 0 25px 0;
	border-bottom: 1px solid #eee
}

.spa-link:before {
	content: '';
	display: block
}

.spa-link:after {
	content: '';
	display: table;
	clear: both
}

.spa-link:focus,
.spa-link:hover {
	text-decoration: none;
	border-bottom-color: #191919
}

.spa-link:focus .icon-more:after,
.spa-link:focus .icon-more:before,
.spa-link:hover .icon-more:after,
.spa-link:hover .icon-more:before {
	background: #333
}

.is-active .spa-link {
	margin-bottom: 20px
}

.is-active .spa-link:focus,
.is-active .spa-link:hover {
	border-bottom-color: #eee
}

.spa-info {
	display: block;
	position: relative;
	color: #767676;
	font-size: 15px;
	padding-right: 40px;
	padding-left: 135px
}

.spa-info .mark {
	position: absolute;
	left: 0;
	top: 8px
}

.spa-info .mark mark {
	display: block;
	width: 108px;
	height: 16px;
	padding-top: 1px;
	margin-bottom: 10px;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0;
	font-family: NotoSans, sans-serif;
	text-align: center;
	text-transform: uppercase;
	border: 1px solid #ccc;
	color: #aaa;
	background-color: #fff
}

.spa-info .mark mark.mark-global {
	color: #fff;
	background-color: #ccc
}

.spa-info span {
	display: inline-block;
	color: #999;
	margin-right: 2.3em
}

.spa-info i {
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px
}

.spa-info i.icon-arr-down-big {
	display: block
}

.is-active .spa-info {
	color: #191919
}

.spa-title {
	display: block;
	color: #333;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	font-size: 26px;
	font-weight: 400;
	margin-bottom: .3em
}

.spa-map {
	visibility: hidden;
	overflow: hidden;
	position: relative;
	height: 0;
	-webkit-transition: height .5s ease-out;
	-moz-transition: height .5s ease-out;
	-o-transition: height .5s ease-out;
	transition: height .5s ease-out
}

.spa-map .map-container {
	height: 380px
}

.is-active .spa-map {
	visibility: visible;
	height: 380px
}

@media only all and (max-width:1023px) {
	.spa-list .more {
		width: 25px;
		height: 25px
	}
	.spa-list .icon-more {
		width: 25px
	}
	.spa-list .icon-more:after {
		height: 25px
	}
	.spa-title {
		font-size: 23px
	}
}

@media only all and (max-width:767px) {
	.spa-list .more {
		width: 20px;
		height: 20px;
		right: 15px
	}
	.spa-list .icon-more {
		width: 20px
	}
	.spa-list .icon-more:after {
		height: 20px
	}
	.spa-link {
		padding: 17px 0 16px 0
	}
	.spa-info {
		padding-left: 0
	}
	.spa-info .mark {
		position: static;
		top: auto;
		margin-bottom: 7px
	}
	.spa-info .mark mark {
		display: inline-block;
		margin-bottom: 0
	}
	.spa-info span {
		margin-right: 2.2em
	}
	.spa-info span.address {
		display: block;
		margin: 0
	}
	.spa-title {
		font-size: 15px;
		margin-bottom: 0
	}
	.spa-map .map-container {
		height: 300px
	}
	.is-active .spa-map {
		height: 300px
	}
}

@media only all and (max-width:599px) {
	.spa-list .more {
		width: 15px;
		height: 15px
	}
	.spa-list .icon-more {
		width: 15px
	}
	.spa-list .icon-more:after {
		height: 15px
	}
	.spa-info {
		font-size: 13px
	}
	.spa-info span {
		margin-right: 1.5em
	}
	.spa-title {
		font-size: 15px
	}
	.spa-map .map-container {
		height: 220px
	}
	.is-active .spa-map {
		height: 220px
	}
}

.store-location {
	position: relative
}

.store-location::-webkit-scrollbar {
	width: 10px
}

.store-location::-webkit-scrollbar-thumb {
	background: #ccc
}

.store-search {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 25%;
	position: relative
}

.store-search input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding-right: 65px;
	border: 1px solid #ccc;
	color: #555;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

.store-search input.text:focus,
.store-search input[type=password]:focus,
.store-search input[type=text]:focus {
	outline: 1px solid #efefef;
	border-color: #555
}

.store-search .search {
	position: absolute;
	right: 2px;
	top: 2px;
	bottom: 2px;
	width: 60px;
	padding: 0;
	background-color: #999;
	color: #fff;
	font-size: 14px
}

.store-list {
	overflow-y: scroll;
	width: 25.45454545%;
	height: 523px;
	padding-right: 1.81818182%;
	scrollbar-face-color: #ccc;
	scrollbar-shadow-color: #ccc;
	scrollbar-arrow-color: #fff
}

.store-list>li {
	zoom: 1;
	border-bottom: 1px solid #eee
}

.store-list>li:before {
	content: '';
	display: block
}

.store-list>li:after {
	content: '';
	display: table;
	clear: both
}

.store-list>li.is-active {
	border-bottom-color: #191919
}

.store-list>li:hover {
	border-color: #191919
}

.store-link {
	zoom: 1;
	position: relative;
	display: block;
	padding: 7.5% 0;
	margin-right: 20px;
}

.store-link:before {
	content: '';
	display: block
}

.store-link:after {
	content: '';
	display: table;
	clear: both
}

.store-link:focus,
.store-link:hover {
	text-decoration: none
}
.store-list-info {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.store-call-link {
    position: absolute;
    top:45px;
    right: 0;
    transform: translateY(-50%);
    display: inline-block;
    width: 50px;
    height: 50px;
}
.store-img-call {
    display: inline-block;
    width: 50px;
    height: 50px;
}
.store-img-call img {
    width: 100%;
}
.store-info {
	display: block;
	color: #767676;
	font-size: 13px;
	text-align: left;
	padding-right: 50px
}

.store-info .address {
	display: block;
	word-break: keep-all;
	word-wrap: break-word
}

.store-info .tel {
	display: block;
	letter-spacing: 1px;
	margin: 0
}

.store-info i {
	display: none;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -5px
}

.is-active .store-info {
	color: #191919
}

.store-title {
	display: block;
	margin-bottom: .25em;
	color: #333;
	font: normal 17px/1.3 Theinhardt, NotoSans, sans-serif,serif;;
	word-break: keep-all;
	word-wrap: break-word
}

.is-active .store-title {
	color: #000
}

.store-map {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	width: 72.72727273%;
	background: #eee
}

.is-active .store-map {
	visibility: visible;
	z-index: 10
}

@media only all and (max-width:1023px) {
	.store-search {
		width: auto
	}
	.store-list {
		overflow-y: auto;
		width: auto;
		height: auto;
		padding-right: 0
	}
	.store-list>li {
		zoom: 1;
		border-bottom: 1px solid #eee
	}
	.store-list>li:before {
		content: '';
		display: block
	}
	.store-list>li:after {
		content: '';
		display: table;
		clear: both
	}
	.store-list .is-active .icon-arr-down-big {
		display: none
	}
	.store-list .is-active .icon-arr-up-big {
		display: block
	}
	.store-link {
		padding: 20px 0;
		margin-right: 0;
	}
	.store-list-info {
	    display: block;
	    position: relative;
	}
	.store-info {
		float: none;
		display: block;
		padding-right: 100px;
	}
	.store-call-link {
	    position: absolute;
	    top: 40px;
	    transform: translateY(-50%);
	    right: 50px;
	    width: 40px;
	    height: 40px;
	}	

  .store-img-call{
    width: 40px;
    height: 40px;
  }
	.store-info .icon-arr-down-big {
		display: block
	}
	.store-map {
		position: relative;
		top: auto;
		right: auto;
		bottom: auto;
		width: auto;
		height: 0;
		-webkit-transition: height .5s ease-out;
		-moz-transition: height .5s ease-out;
		-o-transition: height .5s ease-out;
		transition: height .5s ease-out
	}
	.store-map .map-container {
		height: 280px
	}
	.is-active .store-map {
		height: 280px
	}
}

@media only all and (max-width:1023px) and (max-height:480px) {
	.is-active .store-map,
	.store-map .map-container {
		height: 180px
	}
}

@media only all and (max-width:1023px) and (min-height:481px) {
	.is-active .store-map,
	.store-map .map-container {
		height: 250px
	}
}

@media only all and (max-width:1023px) and (min-height:640px) {
	.is-active .store-map,
	.store-map .map-container {
		height: 280px
	}
}

@media only all and (max-width:1023px) and (min-height:680px) {
	.is-active .store-map,
	.store-map .map-container {
		height: 320px
	}
}

.login-wrap {
	position: relative;
	height: 420px;
	border: 40px solid #eee;
	background-color: #fff;
	text-align: center;
	white-space: nowrap
}

.login-wrap:after {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle
}

.login-box {
	display: inline-block;
	vertical-align: middle;
	width: 400px
}

.login-box .h {
	margin-bottom: 7.5%;
	color: #333;
	font: normal 3.4em/1.2 Theinhardt, NotoSans, sans-serif,serif;
}

.login-box .func {
	margin-top: 7.5%;
	font-size: 1.4em
}

.login-box .btn {
	display: block;
	width: 100%;
	color: #fff;
	background: #333
}

.login-box .btn:focus,
.login-box .btn:hover {
	color: #333;
	background: #fff
}

.login-box .common-menu {
	padding-top: 1.2em;
	margin-top: 12.5%;
	border-top: 1px solid #ccc;
	font-size: 1.4em
}

.login-box .common-menu a {
	padding-left: 1.2em;
	margin-left: 1.2em;
	border-left: 1px solid #e5e5e5;
	color: #999;
	line-height: 1.1;
	vertical-align: top
}

.login-box .common-menu a:first-child {
	border-left: 0;
	padding-left: 0;
	margin-left: 0
}

.login-input {
	position: relative;
	margin-bottom: 15px
}

.login-input input {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	padding: 14px 10px 13px 10px;
	border: 1px solid #ccc;
	color: #555;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease
}

@media only all and (max-width:767px) {
	.login-wrap {
		border-width: 20px
	}
	.login-box .h {
		font-size: 2.6em
	}
	.login-box .func .btn {
		padding: 17px 0
	}
	.login-input {
		margin-bottom: 10px
	}
	.login-input input {
		padding-top: 12px;
		padding-bottom: 11px
	}
}

@media only all and (max-width:599px) {
	.login-box {
		width: 280px
	}
	.login-box .func .btn {
		padding: 14px 0
	}
	.login-box .common-menu {
		font-size: 1.2em
	}
	.login-input input {
		padding-top: 10px;
		padding-bottom: 9px
	}
}

@media only all and (max-width:384px) {
	.login-box {
		width: 230px
	}
	.login-box .func .btn {
		padding: 12px 0
	}
	.login-input input {
		padding-top: 8px;
		padding-bottom: 7px
	}
}

@media only all and (min-height:768px) {
	.login-wrap {
		height: 450px
	}
}

@media only all and (min-height:800px) {
	.login-wrap {
		height: 480px
	}
}

@media only all and (min-height:860px) {
	.login-wrap {
		height: 500px
	}
}

.sitemap-wrap {
	padding: 7.27272727% 0;
	border: 40px solid #eee;
	background-color: #fff;
	font-size: .9em
}

.sitemap-inner {
	overflow: hidden;
	position: relative
}

.sitemap-inner .line {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	border-left: 1px solid #ddd
}

.sitemap-inner .line1 {
	left: 20%
}

.sitemap-inner .line2 {
	left: 40%
}

.sitemap-inner .line3 {
	left: 60%
}

.sitemap-inner .line4 {
	left: 80%
}

.sitemap-set {
	display: inline-block;
	vertical-align: top;
	width: 16%;
	padding: 0 0 0 4%;
	margin-left: -.2em
}

.sitemap-set .h {
	position: relative;
	height: 95px;
	z-index: 10;
	color: #191919;
	font: normal 2.5em/1.2 Theinhardt, NotoSans, sans-serif,serif;;
	letter-spacing: 0;
	background-color: #fff;
	vertical-align: top;
	white-space: nowrap
}

.sitemap-set .h a {
	color: #191919
}

.sitemap-set ul>li {
	margin-bottom: 18.5%;
	letter-spacing: 0
}

.sitemap-set ul>li:last-child {
	margin-bottom: 0
}

.sitemap-set ul>li>a {
	font-size: 1.6em;
	color: #555;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	font-weight: 400;
	line-height: 1.2
}

.sitemap-set ul>li li {
	margin-top: 8%;
	margin-bottom: 0
}

.sitemap-set ul>li li>a {
	font-size: 1.3em;
	color: #999;
	font-family: NotoSans, 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic', '나눔 고딕', '돋움', dotum, sans-serif
}

@media only all and (max-width:1023px) {
	.sitemap-wrap {
		border-width: 30px
	}
	.sitemap-inner .line1 {
		left: 33.33333333%
	}
	.sitemap-inner .line2 {
		left: 66.66666667%
	}
	.sitemap-inner .line3,
	.sitemap-inner .line4 {
		display: none
	}
	.sitemap-set {
		width: 29.33333333%
	}
	.sitemap-set ul>li {
		margin-bottom: 18.5%
	}
	.sitemap .s-news .h,
	.sitemap .s-utility .h {
		height: 70px;
		padding-top: 60px
	}
}

@media only all and (max-width:767px) {
	.sitemap .l-wrap {
		padding: 0
	}
	
	.sitemap-inner {
		padding: 0 7.8125%
	}
	.sitemap-inner .line {
		display: none
	}
	.sitemap-set {
		display: block;
		width: 100%;
		margin: 1em 0 15.625% 0;
		padding-left: 0;
		padding-top: 15.625%;
		border-top: 1px solid #ddd
	}
	.sitemap-set .h {
		height: auto;
		margin-bottom: 1.2em
	}
	.sitemap-set .h br {
		display: none
	}
	.sitemap-set ul>li {
		margin-bottom: 2em
	}
	.sitemap-set ul>li li {
		margin-top: 5%
	}
	.sitemap .s-about {
		padding-top: 0;
		border-top: 0
	}
	.sitemap .s-news .h,
	.sitemap .s-utility .h {
		height: auto;
		padding-top: 0
	}
}

@media only all and (max-width:599px) {
	.sitemap-wrap {
		border-width: 20px
	}
	.sitemap-set ul>li>a {
		font-size: 1.8em
	}
}

@media only all and (min-width:1280px) {
	.sitemap-wrap {
		font-size: 1em
	}
	.sitemap-set .h {
		font-size: 2.6em
	}
}

.familysite-set {
	zoom: 1;
	margin-bottom: 5%
}

.familysite-set:before {
	content: '';
	display: block
}

.familysite-set:after {
	content: '';
	display: table;
	clear: both
}

.familysite-set h2.h {
	color: #191919;
	font-size: 1.8em;
	text-indent: 25px;
	padding: 8px 0;
	background-color: #f9f9f9
}

.familysite-set h2.h a {
	color: #191919;
	text-decoration: none
}

.familysite-set .item {
	zoom: 1;
	display: inline-block;
	text-indent: 25px;
	vertical-align: top
}

.familysite-set .item:before {
	content: '';
	display: block
}

.familysite-set .item:after {
	content: '';
	display: table;
	clear: both
}

.familysite-set span {
	display: block;
	color: #333;
	font-size: 16px;
	text-indent: 25px;
	margin: .5em 0;
	margin-left: 10px
}

.familysite-set span a {
	color: #333;
	text-decoration: none
}

.familysite-set p {
	color: #333;
	font-size: 16px;
	margin-bottom: .5em
}

.familysite-set p a {
	color: #333;
	text-decoration: none
}

.familysite-set .fs-list li {
	color: #999;
	font-size: 14px;
	margin: 5px 0 0 0;
	padding-left: 10px;
	position: relative
}

.familysite-set .fs-list li:before {
	content: '-';
	position: absolute;
	left: 0;
	margin-top: -2px
}

.familysite-set .fs-list li a {
	color: #999;
	text-decoration: none
}

.familysite .f-group {
	float: left;
	width: 74%
}

.familysite .f-group .item {
	width: 32.83333333%
}

.familysite .f-relative {
	float: right;
	width: 24%
}

.familysite .f-brand {
	clear: both
}

.familysite .f-brand .item {
	width: 24.5%
}

.familysite .national {
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	width: 18px;
	height: 13px;
	background: url(/my/en/resource/img/misc/icon_national.png) no-repeat;
	display: none
}

.familysite .national.ko {
	background-position: 0 0
}

.familysite .national.global {
	background-position: 0 -20px
}

.familysite .national.en {
	background-position: 0 -40px
}

.familysite .national.jp {
	background-position: 0 -60px
}

.familysite .national.cn {
	background-position: 0 -80px
}

.familysite .national.th {
	background-position: 0 -100px
}

.familysite .national.hk {
	background-position: 0 -120px
}

.familysite .national.sg {
	background-position: 0 -140px
}

.familysite .national.tw {
	background-position: 0 -160px
}

.familysite .national.fr {
	background-position: 0 -180px
}

.familysite .national.uk {
	background-position: 0 -200px
}

.familysite .national.vn {
	background-position: 0 -220px
}

.familysite .national.id {
	background-position: 0 -240px
}

.familysite .national.my {
	background-position: 0 -260px
}

.familysite .national.ph {
	background-position: 0 -280px
}

@media only all and (max-width:1023px) {
	.familysite-set {
		display: block!important;
		width: auto!important;
		float: none!important
	}
	.familysite .f-brand .item,
	.familysite .f-group .item {
		width: 49%
	}
	.familysite .f-relative .item {
		width: 100%
	}
	.familysite .f-relative .item p {
		float: left;
		width: 50%
	}
}

@media only all and (max-width:599px) {
	.familysite-set .item {
		display: block!important;
		width: auto!important;
		float: none!important
	}
	.familysite-set .item p {
		float: none!important;
		width: 100%!important
	}
}

.search-section .h {
	padding: 5px 0 5px 20px;
	color: #fff;
	background: #aaa;
	font-weight: 400;
	font-size: 2em;
	border-bottom: 1px solid #ddd
}

.search-content {
	zoom: 1;
	padding: 1.81818182% 0 4.54545455% 0
}

.search-content:before {
	content: '';
	display: block
}

.search-content:after {
	content: '';
	display: table;
	clear: both
}

.search-content .item {
	padding-bottom: 1.81818182%;
	margin-bottom: 1.81818182%;
	border-bottom: 1px solid #eee
}

.search-content .item a {
	zoom: 1;
	display: block;
	text-decoration: none
}

.search-content .item a:before {
	content: '';
	display: block
}

.search-content .item a:after {
	content: '';
	display: table;
	clear: both
}

.search-content .item-not-search {
	text-align: center;
	padding: 4.54545455% 0 6.36363636% 0
}

.search-content .category {
	display: block;
	font-size: 1.3em;
	margin-bottom: .5em
}

.search-content .name {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	display: block;
	max-height: 26px;
	font-size: 1.8em;
	font-weight: 400
}

.search-content .p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	word-wrap: normal;
	max-height: 62px;
	font-size: 1.4em
}

.search-content .link {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
	display: block;
	font-size: 1.3em
}

.search-content .func {
	margin-top: 0
}

.search-content .func .btn {
	font-size: 1.3em;
	font-weight: 400
}

.search-content mark {
	background: 0;
	color: #caa58e
}

.search-products-list .item a {
	padding-left: 150px
}

.search-products-list .thumb {
	float: left;
	max-width: 150px;
	margin-left: -150px
}

.search-products-list .cont {
	padding: 3.63636364% 2.72727273% 0 2.72727273%
}

.rituals-item {
	height: 253px
}

@media only all and (max-width:599px) {
	.search-content {
		padding: 3.125% 0 9.375% 0
	}
	.search-content .item {
		padding-bottom: 3.125%;
		margin-bottom: 3.125%
	}
	.search-content .name {
		font-size: 1.6em
	}
	.search-content .p {
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		word-wrap: normal;
		max-height: 41px;
		margin: .5em 0
	}
	.search-products-list .item a {
		padding-left: 100px
	}
	.search-products-list .thumb {
		float: left;
		max-width: 100px;
		margin-left: -100px
	}
	.search-products-list .cont {
		padding: 6.25% 6.25% 0 6.25%
	}
}

.search-paging {
	padding-top: 20px;
	font-family: Theinhardt, NotoSans, sans-serif,serif;;
	text-align: center;
	line-height: 0
}

.search-paging:after {
	display: block;
	clear: both;
	content: ""
}

.search-paging .page-num {
	display: inline-block;
	margin: 0 2px;
	padding-top: 3px
}

.search-paging .page-num:after {
	display: block;
	clear: both;
	content: ""
}

.search-paging .page-num li {
	display: table;
	float: left
}

.search-paging .page-num li+li {
	margin-left: 2px
}

.search-paging .page-num li a {
	display: table-cell;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	font-size: 1.4em;
	line-height: 0;
	text-align: center;
	text-indent: -1px
}

.search-paging .page-num li a:hover {
	text-decoration: none;
	background: #f5f5f5
}

.search-paging .page-num li.current a {
	border: 1px solid #767676
}

.search-paging .page-num li.current a:hover {
	background: 0
}

.search-paging .btn-common {
	display: inline-block;
	vertical-align: top
}

.search-paging .btn-common.off {
	visibility: hidden
}

.search-paging .btn-common a {
	display: inline-block;
	width: 26px;
	height: 26px;
	font-size: 0;
	background: #dbdbda;
	text-indent: -9999px;
	-webkit-transition: background-color .2s ease-out;
	-moz-transition: background-color .2s ease-out;
	-o-transition: background-color .2s ease-out;
	transition: background-color .2s ease-out
}

.search-paging .btn-common a:focus,
.search-paging .btn-common a:hover {
	background: #333
}

.search-paging .btn-common a.btn-first {
	padding-right: 2px
}

.search-paging .btn-common a.btn-next {
	padding-right: 2px
}

.search-paging .btn-common a span {
	display: block;
	width: 100%;
	height: 100%;
	background: url(/my/en/resource/img/misc/icon_paging.png) no-repeat 0 0
}

.search-paging .btn-common a.btn-first span {
	background-position: -2px -2px
}

.search-paging .btn-common a.btn-prev span {
	background-position: -36px -2px
}

.search-paging .btn-common a.btn-next span {
	background-position: -70px -2px
}

.search-paging .btn-common a.btn-last span {
	background-position: -104px -2px
}

/* 20200820 뷰티리츄얼 */
.rituals-list .ritual_section{height:220px;}

@media all and (max-width:768px){
	.rituals-list .ritual_section{height:180px;}
}
@media all and (max-width:375px){
	.rituals-list .ritual_section{height:150px;}
}
.magazine-h{word-wrap: break-word;}