@charset "utf-8";
/* * * * * * * * * * *
#article_splash
* * * * * * * * * * */
#article_splash {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 12100;
	width: 100%;
	height: 100%;
	background: #fff;
	transition: all 1.0s 0s ease-out;
}
#article_splash .img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-top: auto;
	background: no-repeat center;
	background-size: contain;
	transition: all 0.8s 0s ease-out;
}
#article_splash .img span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	background: no-repeat center;
	background-size: contain;
	transition: all 1s ease;
	transform: scale(1, 1) translate(-0%, 20px);
	opacity: 0;
}
#article_splash.show .img span {
	transform: scale(1, 1) translate(-0%, 0px);
	opacity: 1;
}
#article_splash.show .img span:nth-child(1) {
	transition-delay: 0.1s;
}
#article_splash.show .img span:nth-child(2) {
	transition-delay: 0.2s;
}
#article_splash.show .img span:nth-child(3) {
	transition-delay: 0.3s;
}
#article_splash.show .img span:nth-child(4) {
	transition-delay: 0.4s;
}
#article_splash.out {
	opacity: 0;
	visibility: hidden;
}
#article_splash.out .img {
	transform: scale(1.10);
}
/* .cafe */
#article_splash .img.cafe {
	width: 491px;
	height: 410px;
	margin-left: -245px;
	margin-top: -205px;
}
#article_splash .img.cafe span:nth-child(1) {
	background-image: url(../img/cafe/cafe_splash_01.png);
}
#article_splash .img.cafe span:nth-child(2) {
	background-image: url(../img/cafe/cafe_splash_02.png);
}
#article_splash .img.cafe span:nth-child(3) {
	background-image: url(../img/cafe/cafe_splash_03.png);
}
/* .beautybar */
#article_splash .img.beautybar {
	width: 492px;
	height: 446px;
	margin-left: -246px;
	margin-top: -223px;
}
#article_splash .img.beautybar span:nth-child(1) {
	background-image: url(../img/beautybar/beautybar_splash_01.png);
}
#article_splash .img.beautybar span:nth-child(2) {
	background-image: url(../img/beautybar/beautybar_splash_02.png);
}
#article_splash .img.beautybar span:nth-child(3) {
	background-image: url(../img/beautybar/beautybar_splash_03.png);
}
#article_splash .img.beautybar span:nth-child(4) {
	background-image: url(../img/beautybar/beautybar_splash_04.png);
}
/* .studio */
#article_splash .img.studio {
	width: 586px;
	height: 386px;
	margin-left: -293px;
	margin-top: -193px;
}
#article_splash .img.studio span:nth-child(1) {
	background-image: url(../img/studio/studio_splash_01.png);
}
#article_splash .img.studio span:nth-child(2) {
	background-image: url(../img/studio/studio_splash_02.png);
}
#article_splash .img.studio span:nth-child(3) {
	background-image: url(../img/studio/studio_splash_03.png);
}
/* .museum */
#article_splash .img.museum {
	width: 622px;
	height: 375px;
	margin-left: -311px;
	margin-top: -187px;
}
#article_splash .img.museum span:nth-child(1) {
	background-image: url(../img/museum/museum_splash_01.png);
}
#article_splash .img.museum span:nth-child(2) {
	background-image: url(../img/museum/museum_splash_02.png);
}
#article_splash .img.museum span:nth-child(3) {
	background-image: url(../img/museum/museum_splash_03.png);
}
@media only screen and (max-width: 812px) {
	/* .cafe */
	#article_splash .img.cafe {
		width: 65.467vw;
		height: 54.667vw;
		margin-left: -32.733vw;
		margin-top: -27.333vw;
	}
	/* .beautybar */
	#article_splash .img.beautybar {
		width: 65.6vw;
		height: 61.867vw;
		margin-left: -32.8vw;
		margin-top: -30.933vw;
	}
	/* .studio */
	#article_splash .img.studio {
		width: 78.133vw;
		height: 51.467vw;
		margin-left: -39.067vw;
		margin-top: -25.733vw;
	}
	/* .museum */
	#article_splash .img.museum {
		width: 82.933vw;
		height: 50vw;
		margin-left: -41.467vw;
		margin-top: -25vw;
	}
}
/* * * * * * * * * * *
.article_breadcrumb
* * * * * * * * * * */
#article_breadcrumb {
	position: fixed;
	top: -1px;
	left: 50px;
	z-index: 1200;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	letter-spacing: normal;
}
#article_breadcrumb li {
	position: relative;
	margin-left: 1.5em;
	font-size: 11px;
	line-height: 50px;
}
#article_breadcrumb li:before {
	content: "/";
	position: absolute;
	left: -1em;
	top: 0;
	color: #a0a0a0;
}
#article_breadcrumb li a {
	color: #a0a0a0;
	transition: all 0.3s ease-out;
}
#article_breadcrumb li a:hover {
	color: #000;
}
#article_breadcrumb li:nth-child(1) {
	margin-left: 0;
}
#article_breadcrumb li:nth-child(1):before {
	display: none;
}
@media only screen and (max-width: 812px) {
	#article_breadcrumb {
		display: none;
	}
}
/* * * * * * * * * * * * * * * * * * * * *
.article-block
* * * * * * * * * * * * * * * * * * * * */
.article-block {
	font-family: "ShiseidoBeta3", heisei-kaku-gothic-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	font-weight: 300;
	padding-top: 51px;
}
.article-block a {
	/*transition: opacity 0.3s ease-out;*/
}
.article-block a:hover {
	/*opacity: 0.5;*/
}
.article-block .main {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 14px;
	line-height: 2;
}
.article-block .main * {
	font-weight: 300;
}
.article-block .main strong {
	font-weight: 600;
}
/* scroll animation */
.article-block *[data-scroll] {
	transform: translate3d(0, 30px, 0);
	transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-property: transform, opacity, visibility;
	opacity: 0;
	visibility: hidden;
}
.article-block *[data-scroll="show"] {
	transform: translate3d(0, 0, 0) !important;
	opacity: 1;
	visibility: visible;
}
.article-block .tricolore_cover {
	z-index: 1;
}
.article-block .tricolore_cover span {
	transition: none;
	opacity: 1;
	visibility: visible;
}
.article-block .tricolore_cover.view span {
	transition: all 0.6s 0.2s ease;
	opacity: 0;
}
@media only screen and (max-width: 812px) {
	.article-block {
		padding-top: 46px;
	}
	.article-block .main {
		width: 100%;
		font-size: 3.467vw;
		line-height: 1.846;
	}
	.article-block *[data-scroll] {
		transform: translate3d(0, 6.667vw, 0);
	}
}
/* * * * * * * * * * *
.article_booking
* * * * * * * * * * */
.article-block .article_booking {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 1100;
	width: 100%;
	height: 70px;
	box-sizing: border-box;
	text-align: center;
	transition: all 0.3s cubic-bezier(0.875, 0.005, 0.090, 0.990);
	transform: translate3d(0, 70px, 0);
}
.article-block .article_booking.show {
	transform: translate3d(0, 0, 0) !important;
}
.article-block .article_booking a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	font-size: 14px;
	line-height: 69px;
	border-top: 1px solid #000;
	font-weight: 500;
	letter-spacing: normal;
	transition: all 0.3s ease-out;
}
.article-block .article_booking a:hover {
	background: #000;
	color: #fff;
	text-decoration: none;
	opacity: 1;
}
.article-block .article_booking a.color_1:hover {
	background: #2231cb;
	border-top-color: #2231cb;
}
.article-block .article_booking a.color_2:hover {
	background: #8adcdc;
	border-top-color: #8adcdc;
}
.article-block .article_booking a.color_3:hover {
	background: #f5bec8;
	border-top-color: #f5bec8;
}
@media only screen and (max-width: 812px) {
	.article-block .article_booking {
		height: 16vw;
		transform: translate3d(0, 16vw, 0);
	}
	.article-block .article_booking a {
		font-size: 3.467vw;
		line-height: calc(16vw - 1px);
	}
	.article-block .article_booking a:hover ,
	.article-block .article_booking a.color_1:hover ,
	.article-block .article_booking a.color_2:hover ,
	.article-block .article_booking a.color_3:hover {
		background: #fff;
		color: #000;
		border-top-color: #000;
	}
}
/* * * * * * * * * * * * * * * *
.article_head
* * * * * * * * * * * * * * * */
.article-block .article_head {
}
/* * * * * * * * * * *
.mod_block
* * * * * * * * * * */
.article-block .article_head .mod_block {
}
/* * * * * * * * * * *
.mod_title
* * * * * * * * * * */
.article-block .article_head .mod_title {
	min-height: 170px;
	display: flex;
	/*
	justify-content: center;
	*/
	align-items: center;
	box-sizing: border-box;
	padding: 40px 0;
}
.article-block .article_head .mod_title .main {
	text-align: center;
}
.article-block.article-topic .article_head .mod_title .main {
	margin-top: -2px;
}
.article-block .article_head .mod_title .category {
	margin-bottom: 20px;
	font-weight: 500;
	line-height: 1;
	height: 14px;
	letter-spacing: normal;
}
.article-block .article_head .mod_title .title {
	font-size: 20px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_head .mod_title .title img {
	margin: 0 auto;
}
.article-block .article_head .mod_title .info {
	margin-top: 15px;
	font-size: 12px;
	line-height: 1.5;
	color: #a0a0a0;
}
.article-block .article_head .mod_title .info span {
	display: block;
}
/* .cafe */
.article-block .article_head .mod_title .title.cafe {
}
.article-block .article_head .mod_title .title.cafe img {
	width: 150px;
}
/* .beautybar */
.article-block .article_head .mod_title .title.beautybar {
}
.article-block .article_head .mod_title .title.beautybar img {
	width: 239px;
}
/* .studio */
.article-block .article_head .mod_title .title.studio {
}
.article-block .article_head .mod_title .title.studio img {
	width: 172px;
}
/* .museum */
.article-block .article_head .mod_title .title.museum {
}
.article-block .article_head .mod_title .title.museum img {
	width: 204px;
}
/* .beyondtime */
.article-block .article_head .mod_title .title.beyondtime img {
	width: 200px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_head .mod_title {
		height: auto;
		min-height: 26vw;
		padding: 10vw 0 11.333vw;
		padding: 5vw 0;
		box-sizing: border-box;
		margin-top: 0;
	}
	.article-block .article_head .mod_title .main {
		margin-top: 0;
	}
	.article-block .article_head .mod_title .category {
		margin-bottom: 2.667vw;
		font-size: 3.2vw;
		height: auto;
	}
	.article-block .article_head .mod_title .category:empty {
		display: none;
	}
	.article-block .article_head .mod_title .title {
		font-size: 4.267vw;
		line-height: 1.31;
		box-sizing: border-box;
		padding: 0 1em;
	}
	.article-block .article_head .mod_title .info {
		margin-top: 3.333vw;
		font-size: 2.933vw;
		line-height: 1.63;
		height: auto;
	}
	/* .cafe */
	.article-block .article_head .mod_title .title.cafe {
		margin-top: 0;
	}
	.article-block .article_head .mod_title .title.cafe img {
		width: 33.867vw;
	}
	/* .beautybar */
	.article-block .article_head .mod_title .title.beautybar {
		margin-top: 0;
	}
	.article-block .article_head .mod_title .title.beautybar img {
		width: 55.067vw;
	}
	/* .studio */
	.article-block .article_head .mod_title .title.studio {
		margin-top: 0;
	}
	.article-block .article_head .mod_title .title.studio img {
		width: 38.933vw;
	}
	/* .museum */
	.article-block .article_head .mod_title .title.museum {
		margin-top: 0;
	}
	.article-block .article_head .mod_title .title.museum img {
		width: 46.133vw;
	}
	/* .beyondtime */
	.article-block .article_head .mod_title .title.beyondtime img {
		width: 35vw;
	}
	/* .記事 */
	.article-block.article-topic .article_head .mod_title {
		min-height: 33.333vw;
	}
	/* .施設系ページ */
	.facility .article-block .article_head .mod_title {
		min-height: 33.333vw;
	}
	.article-block.article-beyondtime .article_head .mod_title {
		min-height: 33.333vw;
	}
	.article-block.article-beyondtime .article_head .mod_title .title {
		font-size: 5.120vw;
	}
}
/* * * * * * * * * * *
.mod_nav
* * * * * * * * * * */
.article-block .article_head .mod_nav {
	padding: 0 4vw 0;
}
.article-block .article_head .mod_nav .main {
	border-top: 1px solid #eee;
}
.article-block .article_head .mod_nav .main ul {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0 50px;
}
.article-block .article_head .mod_nav .main ul li {
	margin-left: 30px;
}
.article-block .article_head .mod_nav .main ul li:nth-child(1) {
	margin-left: 0;
}
.article-block .article_head .mod_nav .main ul li a {
	color: #a0a0a0;
}
.article-block .article_head .mod_nav .main ul li.current a {
	color: #000;
	font-weight: 500;
}
.article-block .article_head .mod_nav + .mod_block {
	margin-top: 0;
}
@media only screen and (max-width: 812px) {
	.article-block .article_head .mod_nav .main ul {
		justify-content: flex-start;
		align-items: center;
		width: calc(100%  + 8vw);
		padding: 6.667vw 8vw 10.667vw;
		margin-left: -4vw;
		overflow-x: scroll;
		box-sizing: border-box;
		-webkit-overflow-scrolling: touch;
	}
	.article-block .article_head .mod_nav .main ul li {
		margin-left: 6.667vw;
		white-space: nowrap;
	}
	.article-block .article_head .mod_nav .main ul li:last-child {
		padding-right: 8vw;
	}
	.article-block .article_head .mod_nav .main ul li a {
		color: #a0a0a0;
		text-decoration: underline;
	}
}
/* * * * * * * * * * * * * * * *
.article_visual
* * * * * * * * * * * * * * * */
.article-block .article_visual {
}
.article-block .article_visual + .article_body {
	margin-top: 75px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_visual + .article_body {
		margin-top: 10vw;
	}
}
/* * * * * * * * * * *
.mod_block
* * * * * * * * * * */
.article-block .article_visual .mod_block {
}
/* * * * * * * * * * *
.mod_visual
* * * * * * * * * * */
.article-block .article_visual .mod_visual {
	position: relative;
}
.article-block .article_visual .mod_visual .main {
	width: 100%;
	text-align: center;
}
.article-block .article_visual .mod_visual ul {
	position: relative;
	width: 100%;
	height: 100%;/*
padding-bottom: 56.25%;
*/
}
.article-block .article_visual .mod_visual ul li {
	/*
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
*/
}
.article-block .article_visual .mod_visual ul li img {
	width: 100%;
}
.article-block .article_visual .mod_visual .caption {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1;
	color: #a0a0a0;
}
/*
.article-block .article_visual .mod_visual .cursor {
position: absolute;
top: 90%;
left: 90%;
font-size: 14px;
line-height: 1;
color: #fff;
}
.article-block .article_visual .mod_visual .cursor .current {
}
.article-block .article_visual .mod_visual .cursor .total {
}
*/
.article-block .article_visual .mod_visual ul li .video {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.article-block .article_visual .mod_visual ul li .video .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.article-block .article_visual .mod_visual ul li .video .thum {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
}
.article-block .article_visual .mod_visual ul li .video .thum img {
	display: block;
	width: 100%;
}
.article-block .article_visual .mod_visual ul li .video .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.article-block .article_visual .mod_visual ul li .video .icon .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	transition: all 0.3s ease-out;
}
.article-block .article_visual .mod_visual ul li .video .icon .i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 20px;
	margin-left: -6px;
	margin-top: -10px;
	background: url(../img/common/icon_movie_play.png) no-repeat center;
	background-size: contain;
}
.article-block .article_visual .mod_visual ul li .video .icon:hover .bg {
	transform: scale(1.2);
}
/* .playing */
.article-block .article_visual .mod_visual ul li .video.playing {
}
.article-block .article_visual .mod_visual ul li .video.playing .thum {
	opacity: 0;
	visibility: hidden;
}
.article-block .article_visual .mod_visual ul li .video.playing .icon {
	opacity: 0;
	visibility: hidden;
}
/* * * * * .silde * * * * */
.article-block .article_visual .mod_visual .slide {
	position: relative;
	width: 100%;
	height: 100%;
}
.article-block .article_visual .mod_visual .slide li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 1.0s ease-out;
	opacity: 0;
	visibility: hidden;
}
.article-block .article_visual .mod_visual .slide li:nth-child(1) {
	position: relative;
}
.article-block .article_visual .mod_visual .slide li.current {
	opacity: 1;
	visibility: visible;
}
@media only screen and (max-width: 812px) {
	.article-block .article_visual .mod_visual .caption {
		margin-top: 2.667vw;
		font-size: 2.933vw;
	}
	.article-block .article_visual .mod_visual .cursor {
		display: none;
	}
	/* * * .video * * */
	.article-block .article_visual .mod_visual ul li .video .icon {
		width: 13.333vw;
		height: 13.333vw;
		margin-left: -6.667vw;
		margin-top: -6.667vw;
	}
	.article-block .article_visual .mod_visual ul li .video .icon .i {
		width: 3.2vw;
		height: 4vw;
		margin-left: -1.2vw;
		margin-top: -2vw;
	}
	.article-block .article_visual .mod_visual ul li .video .icon:hover .bg {
		transform: scale(1.0);
	}
}
/* * * * * * * * * * * * * * * *
.article_body
* * * * * * * * * * * * * * * */
.article-block .article_body {
	padding-bottom: 95px;
}
.article-block .article_body a {
	color: #a0a0a0;
	transition: color 0.3s ease-out;
}
.article-block .article_body a:hover {
	color: #000;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body {
		padding: 0 0 12.667vw;
	}
	.article-block .article_body a:hover {
		color: #a0a0a0;
	}
}
/* * * * * * * * * * *
.mod_block
* * * * * * * * * * */
.article-block .article_body .mod_block {
	margin-top: 75px;
}
.article-block .article_body .mod_block.ma_0 {
	margin-top: 0;
}
.article-block .article_body .mod_block:nth-child(1) {
	margin-top: 0;
}
/* * * .add_line * * */
.article-block .article_body.add_line {
	padding-bottom: 0;
}
.article-block .article_body.add_line .mod_block {
	margin-top: 0;
}
.article-block .article_body.add_line .mod_block .main {
	border-top: 1px solid #eee;
	padding: 75px 0;
}
.article-block .article_body.add_line .mod_block:nth-child(1) .main {
	border-top: none;
	padding-top: 0;
}
.article-block .article_body.add_line .mod_block:last-child .main {
	padding-bottom: 95px;
}
/* * * .add_color * * */
.article-block .article_body .mod_block.add_color {
	margin-top: 0;
	padding-top: 75px;
	background: #f8f8f8;
}
.article-block .article_body .mod_block.add_color.add_color_top {
	margin-top: 75px;
}
.article-block .article_body .mod_block.add_color.add_color_last {
	padding-bottom: 75px;
}
.article-block .article_body .mod_block.add_color .main {
	border-top: none;
	padding: 0;
}
.article-block .article_body .mod_block.add_color.add_color_last + .mod_block .main {
	border-top: none;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_block {
		margin-top: 10vw;
		padding: 0 4vw 0;
	}
	.article-block .article_body .mod_block.ma_0 {
		margin-top: 0;
	}
	/* * * .add_line * * */
	.article-block .article_body.add_line .mod_block .main {
		padding: 10.667vw 0;
	}
	.article-block .article_body.add_line .mod_block:last-child .main {
		padding-bottom: 12.667vw;
	}
	/* * * .add_color * * */
	.article-block .article_body .mod_block.add_color {
		padding-top: 10vw;
	}
	.article-block .article_body .mod_block.add_color.add_color_top {
		margin-top: 10vw;
	}
	.article-block .article_body .mod_block.add_color.add_color_last {
		padding-bottom: 10vw;
	}
	.article-block .article_body .mod_block.add_color .main {
		padding: 0;
	}
}
/* * * * * * * * * * *
.mod_title
* * * * * * * * * * */
.article-block .article_body .mod_title {
}
.article-block .article_body .mod_title .main {
	text-align: center;
}
.article-block .article_body .mod_title .category {
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_title .text {
	font-size: 22px;
	line-height: 1.35;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_title .category + .text {
	margin-top: 15px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_title .category {
		font-size: 3.2vw;
	}
	.article-block .article_body .mod_title .text {
		font-size: 4.267vw;
	}
	.article-block .article_body .mod_title .category + .text {
		margin-top: 2.667vw;
	}
}
/* * * * * * * * * * *
.mod_topic
* * * * * * * * * * */
.article-block .article_body .mod_topic {
}
.article-block .article_body .mod_topic .main {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_topic .main {
		display: block;
	}
}
/* * * * * *
.head
* * * * */
.article-block .article_body .mod_topic .head {
	width: 260px;
	padding-right: 50px;
	box-sizing: border-box;
}
.article-block .article_body .mod_topic .head .title {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block.article-terms .article_body .mod_topic .head .title {
	font-size: 16px;
}
.article-block.article-contact .article_body .mod_topic .head .title {
	font-size: 16px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_topic .head {
		width: auto;
		padding-right: 0;
	}
	.article-block .article_body .mod_topic.image_top .head {
		display: none;
	}
	.article-block .article_body .mod_topic .head .title {
		font-size: 4.267vw;
	}
	.article-block.article-terms .article_body .mod_topic .head .title {
		font-size: 4.267vw;
	}
	.article-block.article-contact .article_body .mod_topic .head .title {
		font-size: 4.267vw;
	}
	.article-block .article_body .mod_topic .head .title br {
		display: none;
	}
}
/* * * * * *
.contents
* * * * * */
.article-block .article_body .mod_topic .contents {
	width: 700px;
}
.article-block .article_body .mod_topic .contents > * {
	margin-top: 30px;
}
.article-block .article_body .mod_topic .contents > *:nth-child(1) {
	margin-top: 0;
}
.article-block .article_body .mod_topic .contents > .title {
	display: none;
}
.article-block .article_body .mod_topic .contents.head_adj {
	margin-top: -0.28em;
}
/* * * .detail * * */
.article-block .article_body .mod_topic .contents .detail {
}
.article-block .article_body .mod_topic .contents .detail > *:nth-child(1) {
	margin-top: 0 !important;
}
.article-block .article_body .mod_topic .contents .detail h4 {
	display: block;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_topic .contents .detail h4 .img_rga {
	width: 120px;
	margin-bottom: 10px;
}
.article-block .article_body .mod_topic .contents .detail p {
	display: block;
}
.article-block.article-terms .article_body .mod_topic .contents .detail p {
	line-height: 1.785;
}
.article-block .article_body .mod_topic .contents .detail p .small {
	font-size: 12px;
}
.article-block .article_body .mod_topic .contents .detail p .gray {
	color: #a0a0a0;
}
.article-block .article_body .mod_topic .contents .detail .link {
	margin-top: 10px;
}
.article-block .article_body .mod_topic .contents .detail .link a {
	display: block;
	font-size: 12px;
	line-height: 1.5;
	color: #a0a0a0;
	transition: color 0.3s ease-out;
}
.article-block .article_body .mod_topic .contents .detail .link a:hover {
	color: #000;
}
.article-block .article_body .mod_topic .contents .detail .info {
	margin-top: 15px;
	display: inline-block;
	font-size: 12px;
	line-height: 1.666;
}
.article-block .article_body .mod_topic .contents .detail .info.l {
	font-size: 14px;
}
.article-block .article_body .mod_topic .contents .detail .info li {
	text-align: left;
}
.article-block .article_body .mod_topic .contents .detail .info li .h {
	display: inline-block;
	vertical-align: top;
	text-align-last: justify;/*width: 65px;*/
}
.article-block .article_body .mod_topic .contents .detail .info li .t {
	display: inline-block;
	vertical-align: top;
	width: auto;
}
.article-block .article_body .mod_topic .contents .detail .info.single li .h {
	width: auto;
	display: inline;
}
.article-block .article_body .mod_topic .contents .detail .info.single li .t {
	width: auto;
	display: inline;
}
/* .small */
.article-block .article_body .mod_topic .contents .detail.small h5 {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_topic .contents .detail.small p {
	font-size: 12px;
	line-height: 1.66;
	margin-top: 5px;
}
/* * * .folding * * */
.article-block .article_body .mod_topic .contents .folding {
}
.article-block .article_body .mod_topic .contents .folding ul {
	border-top: 1px solid #eee;
}
.article-block .article_body .mod_topic .contents .folding ul li {
	border-bottom: 1px solid #eee;
}
.article-block .article_body .mod_topic .contents .folding ul li {
}
.article-block .article_body .mod_topic .contents .folding ul li .title {
	position: relative;
	display: block;
	line-height: 59px;
	cursor: pointer;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_topic .contents .folding ul li .title:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 9px;
	height: 6px;
	margin-top: -3px;
	background: url(../img/common/icon_folding.png) no-repeat center;
	background-size: contain;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_topic .contents .folding ul li .title.open:after {
	transform: rotate(180deg);
}
.article-block .article_body .mod_topic .contents .folding ul li .title:hover {
	background: #f9f9f9;
}
.article-block .article_body .mod_topic .contents .folding ul li .inner {
	display: none;
	padding: 20px 0;
}
.article-block .article_body .mod_topic .contents .folding ul li .inner p {
}
.article-block .article_body .mod_topic .contents .folding ul li .inner p br {
}
/* * * .image * * */
.article-block .article_body .mod_topic .contents .image {
	position: relative;
}
/* * * .video * * */
.article-block .article_body .mod_topic .contents .video {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.article-block .article_body .mod_topic .contents .video .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.article-block .article_body .mod_topic .contents .video .thum {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
}
.article-block .article_body .mod_topic .contents .video .thum img {
	display: block;
	width: 100%;
}
.article-block .article_body .mod_topic .contents .video .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
	transition: all 0.3s ease-in-out;
}
.article-block .article_body .mod_topic .contents .video .icon .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_topic .contents .video .icon .i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 20px;
	margin-left: -6px;
	margin-top: -10px;
	background: url(../img/common/icon_movie_play.png) no-repeat center;
	background-size: contain;
}
.article-block .article_body .mod_topic .contents .video .icon:hover .bg {
	transform: scale(1.2);
}
/* .playing */
.article-block .article_body .mod_topic .contents .video.playing {
}
.article-block .article_body .mod_topic .contents .video.playing .thum {
	opacity: 0;
	visibility: hidden;
}
.article-block .article_body .mod_topic .contents .video.playing .icon {
	opacity: 0;
	visibility: hidden;
}
/* * * .slide * * */
.article-block .article_body .mod_topic .contents .slide {
	position: relative;
}
/* * * .pointer * * */
.article-block .article_body .mod_topic .contents .pointer {
}
.article-block .article_body .mod_topic .contents .pointer ul {
	display: flex;
	justify-content: center;
	align-items: center;
}
.article-block .article_body .mod_topic .contents .pointer ul li {
	width: 7px;
	height: 7px;
	overflow: hidden;
	background: #000;
	margin-left: 25px;
	transform: rotate(45deg);
	transition: all 0.3s ease-out;
	opacity: 0.1;
	cursor: pointer;
}
.article-block .article_body .mod_topic .contents .pointer ul li.slick-active {
	opacity: 1.0;
}
.article-block .article_body .mod_topic .contents .pointer ul li:nth-child(1) {
	margin-left: 0;
}
.article-block .article_body .mod_topic .contents .pointer ul li button {
	-webkit-appearance: none;
	        appearance: none;
	outline: none;
	border: none;
	outline: none;
	padding: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
/* * * .column_menu * * */
.article-block .article_body .mod_topic .contents .column_menu {
}
.article-block .article_body .mod_topic .contents .column_menu ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	line-height: 1.66;
}
.article-block .article_body .mod_topic .contents .column_menu ul li {
	width: 335px;
	margin-top: 35px;
}
.article-block .article_body .mod_topic .contents .column_menu ul li:nth-child(-n + 2) {
	margin-top: 0;
}
.article-block .article_body .mod_topic .contents .column_menu ul li .img {
	position: relative;
	margin-bottom: 10px;
}
.article-block .article_body .mod_topic .contents .column_menu ul li .img img {
}
.article-block .article_body .mod_topic .contents .column_menu ul li .name {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_topic .contents .column_menu ul li .text {
	margin-top: 5px;
	font-size: 12px;
}
/* * * .column_2 * * */
.article-block .article_body .mod_topic .contents .column_2 {
	margin-top: 50px;
	line-height: 1.66;
}
.article-block .article_body .mod_topic .contents .column_2 ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.article-block .article_body .mod_topic .contents .column_2 ul li {
	width: 335px;
	margin-top: 40px;
}
.article-block .article_body .mod_topic .contents .column_2 ul li:nth-child(-n + 2) {
	margin-top: 0;
}
/* .column_2.column_contact */
.article-block .article_body .mod_topic .contents .column_2.column_contact {
	margin-top: 30px;
}
.article-block .article_body .mod_topic .contents .column_2.column_contact ul li .name {
	font-size: 18px;
}
/* * * .column_3 * * */
.article-block .article_body .mod_topic .contents .column_3 {
	margin-top: 30px;
}
.article-block .article_body .mod_topic .contents .column_3 ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	line-height: 1.66;
}
.article-block .article_body .mod_topic .contents .column_3 ul li {
	width: 220px;
	margin-top: 25px;
}
.article-block .article_body .mod_topic .contents .column_3 ul li:nth-child(-n+3) {
	margin-top: 0;
}
.article-block .article_body .mod_topic .contents .column_2 ul li .img ,
.article-block .article_body .mod_topic .contents .column_3 ul li .img {
	position: relative;
	margin-bottom: 10px;
}
.article-block .article_body .mod_topic .contents .column_2 ul li .img img ,
.article-block .article_body .mod_topic .contents .column_3 ul li .img img {
}
.article-block .article_body .mod_topic .contents .column_2 ul li .num ,
.article-block .article_body .mod_topic .contents .column_3 ul li .num {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_topic .contents .column_2 ul li .name ,
.article-block .article_body .mod_topic .contents .column_3 ul li .name {
	margin-top: 15px;
	font-size: 14px;
	line-height: 1;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_topic .contents .column_2 ul li .text ,
.article-block .article_body .mod_topic .contents .column_3 ul li .text {
	margin-top: 10px;
	font-size: 12px;
}
.article-block .article_body .mod_topic .contents .column_2 ul li .text .s ,
.article-block .article_body .mod_topic .contents .column_3 ul li .text .s {
	font-size: 10px;
}
/* * * 組み合わせ * * */
.article-block .article_body .mod_topic .contents .detail + .image ,
.article-block .article_body .mod_topic .contents .detail + .video {
	margin-top: 75px;
}
.article-block .article_body .mod_topic .contents .column_3 + .image ,
.article-block .article_body .mod_topic .contents .column_3 + .video {
	margin-top: 75px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_topic .contents {
		width: 100%;
		margin-top: 0;
	}
	.article-block .article_body .mod_topic .head + .contents {
		margin-top: 6vw;
	}
	.article-block .article_body .mod_topic.image_top .contents {
		margin-top: 0;
	}
	.article-block .article_body .mod_topic .contents > * {
		margin-top: 5.333vw;
	}
	.article-block .article_body .mod_topic .contents.head_adj {
		margin-top: 6vw;
	}
	/* * * .title * * */
	.article-block .article_body .mod_topic .contents > .title {
		display: block;
		font-size: 4.267vw;
		line-height: 1.5;
		font-weight: 500;
		letter-spacing: normal;
	}
	.article-block .article_body .mod_topic .contents > .title.ma_bottom {
		margin-bottom: 6vw;
	}
	.article-block .article_body .mod_topic .contents > .title br {
		display: none;
	}
	/* * * .detail * * */
	.article-block .article_body .mod_topic .contents > .title + .detail {
		margin-top: 1.333vw;
	}
	.article-block .article_body .mod_topic .contents .detail h4 {
		font-size: 4.267vw;
	}
	.article-block .article_body .mod_topic .contents .detail h4 .img_rga {
		width: 26.667vw;
		margin-bottom: 2.667vw;
	}
	.article-block .article_body .mod_topic .contents .detail p {
		margin-top: 0.667vw;
	}
	.article-block .article_body .mod_topic .contents .detail p .small {
		font-size: 2.933vw;
	}
	.article-block .article_body .mod_topic .contents .detail .link {
		margin-top: 4vw;
	}
	.article-block .article_body .mod_topic .contents .detail .link a {
		font-size: 2.933vw;
		line-height: 1.64;
	}
	.article-block .article_body .mod_topic .contents .detail .link a:hover {
		color: #a0a0a0;
	}
	.article-block .article_body .mod_topic .contents .detail .info {
		margin-top: 4vw;
		font-size: 2.933vw;
	}
	.article-block .article_body .mod_topic .contents .detail .info.l {
		font-size: 3.467vw;
	}
	.article-block .article_body .mod_topic .contents .detail .info li .h {
		/*width: 17.333vw;*/
	}
	/* .small */
	.article-block .article_body .mod_topic .contents .detail.small h5 {
		font-size: 3.733vw;
	}
	.article-block .article_body .mod_topic .contents .detail.small p {
		font-size: 2.933vw;
	}
	/* * * .folding * * */
	.article-block .article_body .mod_topic .contents .folding ul li .title {
		line-height: 15.733vw;
	}
	.article-block .article_body .mod_topic .contents .folding ul li .title:hover {
		background: #fff;
	}
	.article-block .article_body .mod_topic .contents .folding ul li .title:after {
		top: 50%;
		right: 2.933vw;
		width: 2.533vw;
		height: 1.467vw;
		margin-top: -0.667vw;
	}
	.article-block .article_body .mod_topic .contents .folding ul li .inner {
		padding: 5.333vw 0;
	}
	/* * * .video * * */
	.article-block .article_body .mod_topic .contents .video .icon {
		width: 13.333vw;
		height: 13.333vw;
		margin-left: -6.667vw;
		margin-top: -6.667vw;
	}
	.article-block .article_body .mod_topic .contents .video .icon .i {
		width: 3.2vw;
		height: 4vw;
		margin-left: -1.2vw;
		margin-top: -2vw;
	}
	.article-block .article_body .mod_topic .contents .video .icon:hover .bg {
		transform: scale(1.1);
	}
	.article-block .article_body .mod_topic .contents .pointer ul li {
		width: 1.867vw;
		height: 1.867vw;
		margin-left: 5.333vw;
	}
	.article-block .article_body .mod_topic .contents .column_menu ul {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		line-height: 1.66;
	}
	/* * * .column_2 * * */
	.article-block .article_body .mod_topic .contents .column_menu ul li {
		width: 100%;
		margin-top: 6.667vw;
	}
	.article-block .article_body .mod_topic .contents .column_menu ul li:nth-child(-n + 2) {
		margin-top: 6.667vw;
	}
	.article-block .article_body .mod_topic .contents .column_menu ul li:nth-child(1) {
		margin-top: 0;
	}
	.article-block .article_body .mod_topic .contents .column_menu ul li .img {
		margin-bottom: 4vw;
	}
	.article-block .article_body .mod_topic .contents .column_menu ul li .img img {
	}
	.article-block .article_body .mod_topic .contents .column_menu ul li .name {
		font-size: 3.467vw;
	}
	.article-block .article_body .mod_topic .contents .column_menu ul li .text {
		margin-top: 1.333vw;
		font-size: 2.933vw;
	}
	/* * * .column_2 * * */
	.article-block .article_body .mod_topic .contents .column_2 {
		margin-top: 10vw;
		width: calc(100%  + 8vw);
		margin-left: -4vw;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.article-block .article_body .mod_topic .contents .column_2 ul {
		justify-content: flex-start;
		flex-wrap: nowrap;/*width: 288.8vw;*/
	}
	.article-block .article_body .mod_topic .contents .column_2 ul li {
		width: 67.333vw;
		margin-top: 0;
		padding-left: 4vw;
	}
	.article-block .article_body .mod_topic .contents .column_2 ul li:last-child {
		padding-right: 4vw;
	}
	/* .column_2.column_contact */
	.article-block .article_body .mod_topic .contents .column_2.column_contact {
		margin-top: 10vw;
		width: 100%;
		margin: 10vw auto 0;
		overflow: initial;
	}
	.article-block .article_body .mod_topic .contents .column_2.column_contact ul {
		display: block;
	}
	.article-block .article_body .mod_topic .contents .column_2.column_contact ul li {
		width: 100%;
		padding: 0;
		margin-top: 10vw;
	}
	.article-block .article_body .mod_topic .contents .column_2.column_contact ul li:nth-child(1) {
		margin-top: 0;
	}
	.article-block .article_body .mod_topic .contents .column_2.column_contact ul li .name {
		font-size: 4vw;
	}
	/* * * .column_3 * * */
	.article-block .article_body .mod_topic .contents .column_3 {
		margin-top: 10vw;
		width: calc(100%  + 8vw);
		margin-left: -4vw;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.article-block .article_body .mod_topic .contents .column_3 ul {
		justify-content: flex-start;
		flex-wrap: nowrap;/*width: 646vw;*/
	}
	.article-block .article_body .mod_topic .contents .column_3 ul li {
		width: 67.333vw;
		margin-top: 0;
		padding-left: 4vw;
	}
	.article-block .article_body .mod_topic .contents .column_3 ul li:last-child {
		padding-right: 4vw;
	}
	.article-block .article_body .mod_topic .contents .column_2 ul li .img ,
	.article-block .article_body .mod_topic .contents .column_3 ul li .img {
		margin-bottom: 2vw;
	}
	.article-block .article_body .mod_topic .contents .column_2 ul li .num ,
	.article-block .article_body .mod_topic .contents .column_3 ul li .num {
		font-size: 3.2vw;
		margin-top: 2vw;
	}
	.article-block .article_body .mod_topic .contents .column_2 ul li .name ,
	.article-block .article_body .mod_topic .contents .column_3 ul li .name {
		font-size: 3.467vw;
		margin-top: 4vw;
	}
	.article-block .article_body .mod_topic .contents .column_2 ul li .text ,
	.article-block .article_body .mod_topic .contents .column_3 ul li .text {
		font-size: 2.933vw;
		line-height: 1.63;
		margin-top: 2vw;
	}
	.article-block .article_body .mod_topic .contents .column_2 ul li .text .s ,
	.article-block .article_body .mod_topic .contents .column_3 ul li .text .s {
		font-size: 2.667vw;
	}
	/* * * 組み合わせ * * */
	.article-block .article_body .mod_topic .contents .detail + .image ,
	.article-block .article_body .mod_topic .contents .detail + .video {
		margin-top: 10vw;
	}
	.article-block .article_body .mod_topic .contents .column_3 + .image ,
	.article-block .article_body .mod_topic .contents .column_3 + .video {
		margin-top: 10vw;
	}
}
/* * * * * *
.steps
* * * * * */
.article-block .article_body .mod_topic .steps {
	width: 100%;
	margin-top: 75px;
	line-height: 1.66;
}
.article-block .article_body .mod_topic .steps ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.article-block .article_body .mod_topic .steps ul li {
	width: 460px;
	margin-top: 40px;
}
.article-block .article_body .mod_topic .steps ul li:nth-child(-n+2) {
	margin-top: 0;
}
.article-block .article_body .mod_topic .steps ul li .img {
	position: relative;
}
.article-block .article_body .mod_topic .steps ul li .img img {
}
.article-block .article_body .mod_topic .steps ul li .num {
	font-size: 14px;
	line-height: 1;
	margin-top: 10px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_topic .steps ul li .name {
	font-size: 14px;
	line-height: 1;
	margin-top: 15px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_topic .steps ul li .text {
	font-size: 12px;
	margin-top: 10px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_topic .steps {
		width: calc(100%  + 8vw);
		margin-top: 10vw;
		margin-left: -4vw;/*
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		*/
	}
	.article-block .article_body .mod_topic .steps ul {
		justify-content: flex-start;
		flex-wrap: nowrap;
	}
	.article-block .article_body .mod_topic .steps ul li {
		width: 67.333vw;
		margin-top: 0;
		padding-left: 4vw;
	}
	.article-block .article_body .mod_topic .steps ul li:last-child {
		padding-right: 4vw;
	}
	.article-block .article_body .mod_topic .steps ul li .num {
		font-size: 3.2vw;
		margin-top: 2vw;
	}
	.article-block .article_body .mod_topic .steps ul li .name {
		font-size: 3.467vw;
		margin-top: 4vw;
	}
	.article-block .article_body .mod_topic .steps ul li .text {
		font-size: 2.933vw;
		line-height: 1.63;
		margin-top: 2vw;
	}
}
/* * * * * *
.btns
* * * * * */
.article-block .article_body .mod_topic .btns {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 45px;
}
.article-block .article_body .mod_topic .btns .btn {
	width: 335px;
	height: 70px;
}
.article-block .article_body .mod_topic .btns .btn a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 68px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #000;
	color: #000;
	font-weight: 600;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_topic .btns .btn a:hover {
	opacity: 0.5;
}
.article-block .article_body .mod_topic .btns .btn a .t {
	display: block;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_topic .btns .btn a .i {
	margin-left: 15px;
	display: block;
	width: 15px;
	height: 13px;
	background: url(../img/common/icon_blank.svg) no-repeat center;
	background-size: contain;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_topic .btns .btn.black a {
	border-color: #000;
	color: #fff;
	background: #000;
}
.article-block .article_body .mod_topic .btns .btn.black a .i {
	background-image: url(../img/common/icon_blank_wh.svg);
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_topic .btns {
		display: block;
		margin-top: 7.333vw;
	}
	.article-block .article_body .mod_topic .btns .btn {
		width: 100%;
		height: 16vw;
		margin-top: 4vw;
	}
	.article-block .article_body .mod_topic .btns .btn a {
		line-height: 15.733vw;
	}
	.article-block .article_body .mod_topic .btns .btn a .i {
		margin-left: 3.333vw;
		width: 4vw;
		height: 3.2vw;
	}
	.article-block .article_body .mod_topic .btns .btn a:hover {
		opacity: 1.0;
	}
}
/* * * * * * * * * * *
.mod_lead
* * * * * * * * * * */
.article-block .article_body .mod_lead {
}
.article-block .article_body .mod_lead .main {
	width: 700px;
	margin: 0 auto;
}
.article-block .article_body .mod_lead .lead {
	font-size: 18px;
	text-align: center;
	font-weight: 500;
	letter-spacing: normal;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_lead .main {
		width: 100%;
	}
	.article-block .article_body .mod_lead .lead {
		font-size: 4.267vw;
	}
}
/* * * * * * * * * * *
.mod_text
* * * * * * * * * * */
.article-block .article_body .mod_text {
}
.article-block .article_body .mod_text--note {
	margin-top: 30px;
	text-align: center;
}
.article-block .article_body .mod_text .main {
	width: 700px;
	margin: 0 auto;
}
.article-block .article_body .mod_text .main.long {
	width: 960px;
}
.article-block .article_body .mod_text .main .q {
	font-weight: 600;
}
.article-block .article_body .mod_text .main .a {
	margin-top: 30px;
}
.article-block .article_body .mod_text .main p .small {
	font-size: 12px;
}
.article-block .article_body .mod_text .main p .gray {
	color: #a0a0a0;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_text .main {
		width: 100%;
	}
	.article-block .article_body .mod_text .main .a {
		margin-top: 4vw;
	}
}
/* * * * * * * * * * *
.mod_date
* * * * * * * * * * */
.article-block .article_body .mod_date {
}
.article-block .article_body .mod_date .main {
}
.article-block .article_body .mod_date .date {
	text-align: center;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_text--note {
		text-align: left;
	}
}
/* * * * * * * * * * *
.mod_profile
* * * * * * * * * * */
.article-block .article_body .mod_profile {
}
.article-block .article_body .mod_profile .main {
	border-top: 1px solid #eee;
	padding-top: 75px;
}
.article-block .article_body .mod_profile .profile {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 700px;
	margin: 0 auto;
}
.article-block .article_body .mod_profile .profile .img {
	position: relative;
	width: 120px;
}
.article-block .article_body .mod_profile .profile .img img {
	width: 100%;
	display: block;
}
.article-block .article_body .mod_profile .profile .detail {
	line-height: 20px;
	width: calc(100% - 25px - 120px);
}
.article-block .article_body .mod_profile .profile .detail .name {
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1;
	margin-top: -2px;
}
.article-block .article_body .mod_profile .profile .detail .text {
	font-size: 12px;
	margin-top: 10px;
}
.article-block .article_body .mod_profile .profile .detail .link {
	display: block;
	font-size: 12px;
	margin-top: 10px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_profile .main {
		padding-top: 10.667vw;
	}
	.article-block .article_body .mod_profile .profile {
		width: auto;
	}
	.article-block .article_body .mod_profile .profile .img {
		width: 23.067vw;
	}
	.article-block .article_body .mod_profile .profile .detail {
		line-height: 4.8vw;
		width: calc(100% - 4vw - 23.067vw);
	}
	.article-block .article_body .mod_profile .profile .detail .name {
		font-size: 3.467vw;
		margin-top: -0.267vw;
	}
	.article-block .article_body .mod_profile .profile .detail .text {
		font-size: 2.933vw;
		margin-top: 2.667vw;
	}
	.article-block .article_body .mod_profile .profile .detail .link {
		font-size: 2.933vw;
		margin-top: 2vw;
	}
}
/* * * * * * * * * * *
.mod_media
* * * * * * * * * * */
.article-block .article_body .mod_media {
}
.article-block .article_body .mod_media .main {
	text-align: center;
}
/* * * * * .image * * * * */
.article-block .article_body .mod_media .image {
	position: relative;
	width: 100%;
}
.article-block .article_body .mod_media .image img {
	display: block;
	width: 100%;
}
/* * * * * .images * * * * */
.article-block .article_body .mod_media .images {
	position: relative;
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}
.article-block .article_body .mod_media .images .img {
	position: relative;
	width: calc(50% - 10px);
	margin-top: 20px;
}
.article-block .article_body .mod_media .images .img:nth-child(-n+2) {
	margin-top: 0;
}
.article-block .article_body .mod_media .images .img:nth-child(2n) {
	margin-left: 20px;
}
.article-block .article_body .mod_media .images .img img {
	display: block;
	width: 100%;
}
/* * * * * .slide * * * * */
.article-block .article_body .mod_media .slide {
	position: relative;
	width: 100%;
	height: 100%;
}
.article-block .article_body .mod_media .slide .img {
	position: absolute;
	top: 0;
	left: 0;
	transition: all 1.0s ease-out;
	opacity: 0;
	visibility: hidden;
}
.article-block .article_body .mod_media .slide .img:nth-child(1) {
	position: relative;
}
.article-block .article_body .mod_media .slide .img.current {
	opacity: 1;
	visibility: visible;
}
/* * * * * .change * * * * */
.article-block .article_body .mod_media .change {
	position: relative;
	width: 100%;
	height: 100%;
	cursor: none;
}
.article-block .article_body .mod_media .change li {
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.6s ease-out;
	opacity: 0;
	visibility: hidden;
}
.article-block .article_body .mod_media .change li:nth-child(1) {
	position: relative;
}
.article-block .article_body .mod_media .change li.current {
	opacity: 1;
	visibility: visible;
}
.article-block .article_body .mod_media .cursor {
	position: fixed;
	top: auto;
	left: auto;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	white-space: nowrap;
	pointer-events: none;
	transform: translate3d(-50%, -50%, 0);
	transition: opacity 0.3s ease-out;
	opacity: 0;
}
.article-block .article_body .mod_media .cursor.show {
	opacity: 1;
}
.article-block .article_body .mod_media .cursor .current {
}
.article-block .article_body .mod_media .cursor .total {
}
/* * * * * .video * * * * */
.article-block .article_body .mod_media .video {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	overflow: hidden;
}
.article-block .article_body .mod_media .video .player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.article-block .article_body .mod_media .video .player iframe ,
.article-block .article_body .mod_media .video .player video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.article-block .article_body .mod_media .video .thum {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_media .video .thum img {
	display: block;
	width: 100%;
}
.article-block .article_body .mod_media .video .icon {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-left: -40px;
	margin-top: -40px;
	border-radius: 50%;
	cursor: pointer;
	z-index: 1;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_media .video .icon .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	border-radius: 50%;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_media .video .icon .i {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 16px;
	height: 20px;
	margin-left: -6px;
	margin-top: -10px;
	background: url(../img/common/icon_movie_play.png) no-repeat center;
	background-size: contain;
}
.article-block .article_body .mod_media .video .icon:hover .bg {
	transform: scale(1.2);
}
/* .playing */
.article-block .article_body .mod_media .video.playing {
}
.article-block .article_body .mod_media .video.playing .thum {
	opacity: 0;
	visibility: hidden;
}
.article-block .article_body .mod_media .video.playing .icon {
	opacity: 0;
	visibility: hidden;
}
/* * * * * .map * * * * */
.article-block .article_body .mod_media .map {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}
.article-block .article_body .mod_media .map > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* * * * * .caption * * * * */
.article-block .article_body .mod_media .caption {
	margin-top: 10px;
	font-size: 12px;
	line-height: 1;
	color: #a0a0a0;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_media .main {
		width: 100%;
	}
	.article-block .article_body .mod_media .images .img {
		width: 100%;
		margin-top: 4vw;
	}
	.article-block .article_body .mod_media .images .img:nth-child(-n+2) {
		margin-top: 4vw;
	}
	.article-block .article_body .mod_media .images .img:nth-child(2n) {
		margin-left: 0;
	}
	.article-block .article_body .mod_media .images .img:nth-child(1) {
		margin-top: 0;
	}
	.article-block .article_body .mod_media .video .icon {
		width: 13.333vw;
		height: 13.333vw;
		margin-left: -6.667vw;
		margin-top: -6.667vw;
	}
	.article-block .article_body .mod_media .video .icon .i {
		width: 3.2vw;
		height: 4vw;
		margin-left: -1.2vw;
		margin-top: -2vw;
	}
	.article-block .article_body .mod_media .video .icon:hover .bg {
		transform: scale(1.0);
	}
	/* * * * * .change * * * * */
	.article-block .article_body .mod_media .change ,
	.article-block .article_body .mod_media .change .tricolore_cover {
		width: calc(100%  + 8vw);
		margin-left: -4vw;
	}
	.article-block .article_body .mod_media .cursor {
		display: none;
	}
	.article-block .article_body .mod_media .map {
		position: relative;
		width: calc(100%  + 8vw);
		margin-left: -4vw;
		padding-bottom: 56.25%;
	}
	.article-block .article_body .mod_media .caption {
		margin-top: 2.667vw;
		font-size: 2.933vw;
	}
}
/* * * * * * * * * * *
.mod_info
* * * * * * * * * * */
.article-block .article_body .mod_info {
}
.article-block .article_body .mod_info .main {
	text-align: center;
	border-top: 1px solid #eee;
	padding-top: 75px;
}
.article-block .article_body .mod_info .main .img {
}
.article-block .article_body .mod_info .main .img img {
	margin: 0 auto;
}
.article-block .article_body .mod_info .main .info {
	margin-top: 35px;
	display: inline-block;
	font-size: 12px;
	line-height: 1.666;
}
.article-block .article_body .mod_info .main .info li {
}
.article-block .article_body .mod_info .main .info li .h {
}
.article-block .article_body .mod_info .main .info li .t {
}
.article-block .article_body .mod_info .main .info li .s {
	font-size: 10px;
}
/* .cafe */
.article-block .article_body .mod_info .main .img.cafe img {
	width: 122px;
}
/* .beautybar */
.article-block .article_body .mod_info .main .img.beautybar img {
	width: 193px;
}
/* .studio */
.article-block .article_body .mod_info .main .img.studio img {
	width: 140px;
}
/* .museum */
.article-block .article_body .mod_info .main .img.museum img {
	width: 166px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_info .main {
		padding-top: 10.667vw;
	}
	.article-block .article_body .mod_info .main .info {
		margin-top: 4.667vw;
		font-size: 2.933vw;
	}
	.article-block .article_body .mod_info .main .info li .s {
		font-size: 2.667vw;
	}
	/* .cafe */
	.article-block .article_body .mod_info .main .img.cafe img {
		width: 33.867vw;
	}
	/* .beautybar */
	.article-block .article_body .mod_info .main .img.beautybar img {
		width: 55.067vw;
	}
	/* .studio */
	.article-block .article_body .mod_info .main .img.studio img {
		width: 38.933vw;
	}
	/* .museum */
	.article-block .article_body .mod_info .main .img.museum img {
		width: 46.133vw;
	}
}
/* * * * * * * * * * *
.mod_access
* * * * * * * * * * */
.article-block .article_body .mod_access {
}
.article-block .article_body .mod_access .main {
	white-space: nowrap;
	display: flex;
	justify-content: center;
}
.article-block .article_body .mod_access ul {
}
.article-block .article_body .mod_access ul li {
	margin-top: 40px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.article-block .article_body .mod_access ul li:nth-child(1) {
	margin-top: 0;
}
.article-block .article_body .mod_access ul li.line {
	margin-top: 10px;
}
.article-block .article_body .mod_access ul li .head {
	width: 90px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_body .mod_access ul li .text {
	width: calc(100% - 90px);
}
.article-block .article_body .mod_access ul li .text .s {
	font-size: 12px;
}
.article-block .article_body .mod_access ul li .text a {
	margin-left: 15px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_access .main {
		white-space: normal;
	}
	.article-block .article_body .mod_access ul li {
		margin-top: 4.667vw;
		flex-wrap: wrap;
	}
	.article-block .article_body .mod_access ul li:nth-child(1) {
		margin-top: 0;
	}
	.article-block .article_body .mod_access ul li.line {
		margin-top: 1.333vw;
	}
	.article-block .article_body .mod_access ul li .head {
		width: auto;
	}
	.article-block .article_body .mod_access ul li .text {
		width: auto;
		letter-spacing: 0.01em;
	}
	.article-block .article_body .mod_access ul li .text.width {
		width: 100%;
	}
	.article-block .article_body .mod_access ul li .text .s {
		font-size: 2.933vw;
	}
	.article-block .article_body .mod_access ul li .text a {
		display: block;
		margin-left: 0;
	}
	.article-block .article_body .mod_access ul li .text a[href^="tel:"] {
		display: inline-block;
	}
	.article-block .article_body .mod_access ul li .text.tel_cancel a[href^="tel:"] {
		pointer-events: none;
		color: #000;
	}
}
/* * * * * * * * * * *
.mod_list
* * * * * * * * * * */
.article-block .article_body .mod_list {
}
.article-block .article_body .mod_list .main {
	width: 1100px;
}
/* * * .categories * * */
.article-block .article_body .mod_list .categories {
	border-top: 1px solid #eee;
}
.article-block .article_body .mod_list .categories ul {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}
.article-block .article_body .mod_list .categories ul li {
	margin-left: 30px;
}
.article-block .article_body .mod_list .categories ul li:first-child {
	margin-left: 0;
}
.article-block .article_body .mod_list .categories ul li a {
	color: #a0a0a0;
	line-height: 1;
}
.article-block .article_body .mod_list .categories ul li a.current {
	color: #000;
}
/* * * .list * * */
.article-block .article_body .mod_list .list {
	margin-top: 40px;
}
.article-block .article_body .mod_list .list ul {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.article-block .article_body .mod_list .list ul li {
	width: 250px;
	margin-top: 45px;
}
.article-block .article_body .mod_list .list ul li:nth-child(-n + 4) {
	margin-top: 0;
}
.article-block .article_body .mod_list .list ul li a {
}
.article-block .article_body .mod_list .list ul li a .img {
}
.article-block .article_body .mod_list .list ul li a .img img {
}
.article-block .article_body .mod_list .list ul li a .category {
	color: #000;
	font-size: 14px;
	line-height: 1;
	margin-top: 10px;
}
.article-block .article_body .mod_list .list ul li a .name {
	color: #000;
	margin-top: 10px;
	line-height: 1.428;
}
.article-block .article_body .mod_list .list ul li a .info {
	font-size: 12px;
	line-height: 1.5;
	color: #a0a0a0;
	margin-top: 10px;
}
.article-block .article_body .mod_list .list ul li a .info .i {
	display: block;
}
/* * * .loading * * */
.article-block .article_body .mod_list .list .loading {
}
.article-block .article_body .mod_list .list .loading p {
}
/* * * * * * * * * * *
.mod_contact
* * * * * * * * * * */
.article-block .article_body .mod_contact {
	margin-top: 40px;
}
.article-block .article_body .mod_contact .main {
	position: relative;
	width: 700px;
	margin: 0 auto;
}
.article-block .article_body .mod_contact .item {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-top: 20px;
}
.article-block .article_body .mod_contact .item.adjacent {
	margin-top: 10px;
}
.article-block .article_body .mod_contact .item:first-child {
	margin-top: 0;
}
.article-block .article_body .mod_contact .item .head {
	width: 170px;
	line-height: 26px;
}
.article-block .article_body .mod_contact .item .head .small {
	font-size: 12px;
}
.article-block .article_body .mod_contact .item .head .gray {
	color: #a0a0a0;
}
.article-block .article_body .mod_contact .item .input {
	/*width: 530px;*/
	width: 500px;
	line-height: 26px;
}
.article-block .article_body .mod_contact .item .input input ,
.article-block .article_body .mod_contact .item .input select {
	height: 26px;
	box-sizing: border-box;
	border: 1px solid #b5b5b5;
	padding: 0 5px;
	font-family: "ShiseidoBeta3", heisei-kaku-gothic-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	font-weight: 300;
	font-size: 14px;
}
.article-block .article_body .mod_contact .item .input input.w_name {
	width: 225px;
}
.article-block .article_body .mod_contact .item .input input.w_long {
	width: 100%;
}
.article-block .article_body .mod_contact .item .input input.w_mid {
	width: 50%;
}
.article-block .article_body .mod_contact .item .input input.w_short {
	width: 25%;
}
.article-block .article_body .mod_contact .item .input.type_name {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.article-block .article_body .mod_contact .item .input.type_name .n {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.article-block .article_body .mod_contact .item .input.type_name .n .h {
	font-size: 12px;
	margin-right: 5px;
}
.article-block .article_body .mod_contact .item .input.type_name .n .i {
}
.article-block .article_body .mod_contact .item .input.type_name .n .i input {
}
.article-block .article_body .mod_contact .item .input.type_text {
}
.article-block .article_body .mod_contact .item .input.type_text .t {
	margin-top: 10px;
}
.article-block .article_body .mod_contact .item .input.type_text .t:first-child {
	margin-top: 0;
}
.article-block .article_body .mod_contact .item .input.type_text .t input {
}
.article-block .article_body .mod_contact .item .input.type_select {
}
.article-block .article_body .mod_contact .item .input.type_select .s {
}
.article-block .article_body .mod_contact .item .input.type_select .s select {
}
.article-block .article_body .mod_contact .item .input.type_select .s select option {
}
.article-block .article_body .mod_contact .item .input.type_date {
}
.article-block .article_body .mod_contact .item .input.type_date .d {
}
.article-block .article_body .mod_contact .item .input.type_date .d select {
}
.article-block .article_body .mod_contact .item .input.type_date .d select option {
}
.article-block .article_body .mod_contact .item .input.type_date .d span {
	vertical-align: sub;
}
.article-block .article_body .mod_contact .item .input.type_textarea {
}
.article-block .article_body .mod_contact .item .input.type_textarea .t textarea {
	width: 100%;
	height: 200px;
	box-sizing: border-box;
	font-family: "ShiseidoBeta3", heisei-kaku-gothic-std, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
	font-weight: 300;
	padding: 5px;
	border: 1px solid #b5b5b5;
	font-size: 14px;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_contact .main {
		width: 100%;
	}
	.article-block .article_body .mod_contact .item {
		display: block;
		margin-top: 3.333vw;
	}
	.article-block .article_body .mod_contact .item.adjacent {
		margin-top: 3.333vw;
	}
	.article-block .article_body .mod_contact .item:first-child {
		margin-top: 0;
	}
	.article-block .article_body .mod_contact .item .head {
		width: 100%;
		font-size: 2.933vw;
		line-height: 1.72;
	}
	.article-block .article_body .mod_contact .item .head .small {
		font-size: 2.933vw;
	}
	.article-block .article_body .mod_contact .item .head .gray {
	}
	.article-block .article_body .mod_contact .item .input {
		width: 100%;
		line-height: 7.2vw;
		margin-top: 2vw;
	}
	.article-block .article_body .mod_contact .item .input input ,
	.article-block .article_body .mod_contact .item .input select {
		height: 7.2vw;
		padding: 0 1.333vw;
		line-height: 7.2vw;
		/* font-size: 16px; */
		background: #fff;
		border: 1px solid #b5b5b5;
		margin-left: 0;
	}
	.article-block .article_body .mod_contact .item .input input {
		border-radius: 0;
		-webkit-appearance: none;
	}
	.article-block .article_body .mod_contact .item .input select {
	}
	.article-block .article_body .mod_contact .item .input input.w_name {
		width: 40.667vw;
	}
	.article-block .article_body .mod_contact .item .input input.w_long {
		width: 100%;
	}
	.article-block .article_body .mod_contact .item .input input.w_mid {
		width: 60%;
	}
	.article-block .article_body .mod_contact .item .input input.w_short {
		width: 35%;
	}
	.article-block .article_body .mod_contact .item .input.type_name {
	}
	.article-block .article_body .mod_contact .item .input.type_name .n {
		width: auto;
	}
	.article-block .article_body .mod_contact .item .input.type_name .n .h {
		font-size: 2.933vw;
		margin-right: 1.333vw;
	}
	.article-block .article_body .mod_contact .item .input.type_text .t {
		margin-top: 2.667vw;
	}
	.article-block .article_body .mod_contact .item .input.type_text .t:first-child {
		margin-top: 0;
	}
	.article-block .article_body .mod_contact .item .input.type_date .d {
		white-space: nowrap;
	}
	.article-block .article_body .mod_contact .item .input.type_date .d span {
		margin-left: -1.8vw;
		margin-right: 1.0vw;
	}
	.article-block .article_body .mod_contact .item .input.type_date .d select {
		padding: 0;
		margin-left: -1.1vw;
		transform-origin: left center;
		transform: scale(0.9);
	}
	.article-block .article_body .mod_contact .item .input.type_date .d select:first-child {
		margin-left: 0;
	}
	.article-block .article_body .mod_contact .item .input.type_textarea .t textarea {
		width: 100%;
		height: 64vw;
		border-radius: 0;
		background: #fff;
		border: 1px solid #b5b5b5;
		-webkit-appearance: none;
		/* font-size: 16px; */
	}
}
/* * * * * * * * * * *
.mod_btn
* * * * * * * * * * */
.article-block .article_body .mod_btn {
	margin-top: 35px;
}
.article-block .article_body .mod_btn .main {
}
.article-block .article_body .mod_btn .btns {
	display: flex;
	justify-content: center;
	align-items: center;
}
.article-block .article_body .mod_btn .btns .btn {
	width: 240px;
	height: 70px;
	margin-left: 20px;
}
.article-block .article_body .mod_btn .btns .btn:first-child {
	margin-left: 0;
}
.article-block .article_body .mod_btn .btns .btn a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #000;
	font-size: 14px;
	color: #000;
	transition: all 0.3s ease-out;
}
.article-block .article_body .mod_btn .btns .btn a:hover {
	color: #fff;
	background: #000;
}
@media only screen and (max-width: 812px) {
	.article-block .article_body .mod_btn {
		margin-top: 4.667vw;
	}
	.article-block .article_body .mod_btn .main {
	}
	.article-block .article_body .mod_btn .btns {
	}
	.article-block .article_body .mod_btn .btns .btn {
		width: 33.333vw;
		height: 10vw;
		margin-left: 4vw;
	}
	.article-block .article_body .mod_btn .btns .btn:first-child {
		margin-left: 0;
	}
	.article-block .article_body .mod_btn .btns .btn a {
		font-size: 2.8vw;
	}
	.article-block .article_body .mod_btn .btns .btn a:hover {
		color: #000;
		background: #fff;
	}
}
/* * * * * * * * * * * * * * * * * * * * *
.article-block.type-interview
* * * * * * * * * * * * * * * * * * * * */
.article-block.type-interview .article_head {
	display: none;
}
.article-block.type-interview .article_visual .mod_visual .main {
	height: calc(100vh - 51px);
}
.article-block.type-interview .article_visual .mod_visual .img {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: no-repeat center;
	background-size: cover;
}
.article-block.type-interview .article_visual .mod_visual .name {
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
}
.article-block.type-interview .article_visual .mod_visual .name .n {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center;
	background-size: contain;
	transition: 1.2s cubic-bezier(0.215, 0.61, 0.355, 1);
	opacity: 0;
	transform: translate3d(0, 25px, 0);
}
.splash_out .article-block.type-interview .article_visual .mod_visual .name .n {
	opacity: 1;
	transform: translate3d(0, 0, 0);
}
.splash_out .article-block.type-interview .article_visual .mod_visual .name .n.n1 {
	transition-delay: 0.75s;
}
.splash_out .article-block.type-interview .article_visual .mod_visual .name .n.n2 {
	transition-delay: 0.85s;
}
.splash_out .article-block.type-interview .article_visual .mod_visual .name .n.n3 {
	transition-delay: 0.95s;
}
.splash_out .article-block.type-interview .article_visual .mod_visual .name .n.n4 {
	transition-delay: 1.05s;
}
.article-block.type-interview .article_body .mod_media .main {
	width: calc(100% - 40px);
}
@media only screen and (max-width: 812px) {
	.article-block.type-interview .article_visual .mod_visual .main {
		height: auto;
	}
	.article-block.type-interview .article_visual .mod_visual .img {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: calc(100vh - 46px);
	}
	.article-block.type-interview .article_visual .mod_visual .name {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		height: auto;
		background: none !important;
		margin-top: 7.333vw;
		margin-bottom: 10.667vw;
	}
	.article-block.type-interview .article_visual .mod_visual .name img {
		margin: 0 auto;
	}
	.article-block.type-interview .article_body .mod_media .main {
		width: calc(100%);
	}
}
/* * * * * * * * * * * * * * * * * * * * *
.article-article_floor
* * * * * * * * * * * * * * * * * * * * */
.article-block .article_floor {
	width: 100%;
}
.article-block .article_floor .fix_area {
	background: #fff;
	position: relative;
}
.article-block .article_floor .fix_navigation {
	position: absolute;
	top: 312px;
	left: 50px;
	z-index: 2;
	margin-top: -50px;
}
.article-block .article_floor.fix .fix_navigation {
	position: fixed;
	top: 50%;
	left: 50px;
	z-index: 2;
}
.article-block .article_floor .fix_navigation ul {
	margin-bottom: 20px;
}
.article-block .article_floor .fix_navigation ul li {
	margin-bottom: 5px;
}
.article-block .article_floor .fix_navigation ul li a {
	font-size: 16px;
	color: #a0a0a0;
	position: relative;
	transition: color 0.3s ease-out;
}
.article-block .article_floor .fix_navigation ul li a:hover ,
.article-block .article_floor .fix_navigation ul li.active a ,
.article-block .article_floor .fix_navigation ul li.view a {
	color: #000;
}
.article-block .article_floor .fix_navigation ul li a span {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 1px;
	background: #a0a0a0;
	-webkit-transition: all 0.3s 0s ease;
	   -moz-transition: all 0.3s 0s ease;
	    -ms-transition: all 0.3s 0s ease;
	     -o-transition: all 0.3s 0s ease;
	        transition: all 0.3s 0s ease;
}
.article-block .article_floor .fix_navigation ul li a:hover span ,
.article-block .article_floor .fix_navigation ul li.active a span {
	width: 50px;
	background: #000;
}
.article-block .article_floor .fix_navigation a.sign {
	font-size: 12px;
	color: #a0a0a0;
	transition: color 0.3s ease-out;
}
.article-block .article_floor .fix_navigation a.sign:hover {
	color: #000;
}
.article-block .article_floor ul.fix_visual {
	position: absolute;
	top: 0;
	left: 0;
	width: 62.5%;
	height: 100%;
	z-index: 1;
	background: #f8f8f8;
	border-bottom: 1px solid #fff;
}
.article-block .article_floor.fix ul.fix_visual {
	position: fixed;
	top: 0;
	bottom: auto;
}
.article-block .article_floor ul.fix_visual > li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: no-repeat center center;
	background-size: contain;
	-webkit-transition: all 0.3s 0s ease;
	   -moz-transition: all 0.3s 0s ease;
	    -ms-transition: all 0.3s 0s ease;
	     -o-transition: all 0.3s 0s ease;
	        transition: all 0.3s 0s ease;
}
.article-block .article_floor ul.fix_visual > li.view {
	opacity: 1;
}
.article-block .article_floor ul.fix_visual > li.visual01 {
	display: none;
}
.article-block .article_floor ul.fix_visual > li.visual02 {
	display: none;
}
.article-block .article_floor ul.fix_visual > li.visual01_01 {
	background-image: url(../img/floorguide/floor_01_01.png);
}
.article-block .article_floor ul.fix_visual > li.visual01_02 {
	background-image: url(../img/floorguide/floor_01_02.png);
}
.article-block .article_floor ul.fix_visual > li.visual01_03 {
	background-image: url(../img/floorguide/floor_01_03.png);
}
.article-block .article_floor ul.fix_visual > li.visual01_04 {
	background-image: url(../img/floorguide/floor_01_04.png);
}
.article-block .article_floor ul.fix_visual > li.visual02_01 {
	background-image: url(../img/floorguide/floor_02_01.png);
}
.article-block .article_floor ul.fix_visual > li.visual02_02 {
	background-image: url(../img/floorguide/floor_02_02.png);
}
.article-block .article_floor ul.fix_visual > li.visual02_03 {
	background-image: url(../img/floorguide/floor_02_03.png);
}
.article-block .article_floor ul.fix_visual > li.visual02_04 {
	background-image: url(../img/floorguide/floor_02_04.png);
}
.article-block .article_floor ul.fix_visual > li.visual02_05 {
	background-image: url(../img/floorguide/floor_02_05.png);
}
.article-block .article_floor ul.fix_visual > li.visual02_06 {
	background-image: url(../img/floorguide/floor_02_06.png);
}
.article-block .article_floor ul.fix_visual > li.visual03 {
	background-image: url(../img/floorguide/floor03.png);
}
.article-block .article_floor .inner {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	-webkit-transition: all 0.3s 0s ease;
	   -moz-transition: all 0.3s 0s ease;
	    -ms-transition: all 0.3s 0s ease;
	     -o-transition: all 0.3s 0s ease;
	        transition: all 0.3s 0s ease;
}
.article-block .article_floor .list {
	position: fixed;
	top: 0;
	left: 62.5%;
	width: 37.5%;
}
.article-block .article_floor .column {
	position: relative;
	margin-bottom: 45px;
}
.article-block .article_floor .column:last-child {
	margin-bottom: 0;
	padding-bottom: 45px;
}
.article-block .article_floor #floor02 .column:last-child {
	padding-bottom: 90px;
}
.article-block .article_floor .column .floor_num {
	position: absolute;
	top: 0;
	left: 0;
	width: 36px;
	height: 36px;
	background: #000;
	text-align: center;
	line-height: 36px;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_floor .column .image {
	position: relative;
	margin-bottom: 30px;
}
.article-block .article_floor .column .column_title {
	padding: 0 30px;
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_floor .column p {
	padding: 0 30px;
	font-size: 14px;
	line-height: 1.857;
	margin-bottom: 10px;
}
.article-block .article_floor .column .more {
	padding: 0 30px;
	font-weight: 500;
	letter-spacing: normal;
}
.article-block .article_floor .column .more a {
	font-size: 14px;
	transition: all 0.3s ease-out;
}
.article-block .article_floor .column .more a:hover {
	opacity: 0.5;
}
@media only screen and (max-width: 812px) {
	.article-block .article_floor .fix_area {
	}
	.article-block .article_floor ul.fix_visual {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vw;
		z-index: 1;
		background: #f8f8f8;
	}
	.article-block .article_floor ul.fix_visual > li.visual01 {
		display: block;
		background-image: url(../img/floorguide/floor01_sp.png);
	}
	.article-block .article_floor ul.fix_visual > li.visual02 {
		display: block;
		background-image: url(../img/floorguide/floor02_sp.png);
	}
	.article-block .article_floor ul.fix_visual > li.visual03 {
		display: block;
		background-image: url(../img/floorguide/floor03_sp.png);
	}
	.article-block .article_floor ul.fix_visual > li.visual01_01 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual01_02 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual01_03 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual01_04 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual02_01 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual02_02 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual02_03 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual02_04 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual02_05 {
		display: none;
	}
	.article-block .article_floor ul.fix_visual > li.visual02_06 {
		display: none;
	}
	.article-block .article_floor .fix_navigation {
		position: relative;
		top: 0;
		left: 0;
		z-index: 2;
		margin-top: 0;
		width: 100%;
		text-align: center;
		/*padding: 30px 0;*/
		background: #fff;
		height: 46px;
		box-sizing: border-box;
	}
	.article-block .article_floor .fix_navigation ul {
		margin-bottom: 0;
		display: inline-block;
		vertical-align: top;
	}
	.article-block .article_floor .fix_navigation ul li {
		display: inline-block;
		vertical-align: top;
		margin: 0 10px;
		margin-bottom: 0;
	}
	.article-block .article_floor .fix_navigation a.sign {
		display: inline-block;
		vertical-align: top;
		margin: 0 10px;
	}
	.article-block .article_floor .fix_navigation a.sign:hover {
		color: #a0a0a0;
	}
	.article-block .article_floor .fix_navigation ul li a {
		display: block;
		font-size: 14px;
		color: #a0a0a0;
		position: relative;
	}
	.article-block .article_floor .fix_navigation ul li a:hover {
		color: #a0a0a0;
	}
	.article-block .article_floor .fix_navigation ul li.active a {
		color: #000;
	}
	.article-block .article_floor .fix_navigation ul li a span {
		display: none;
	}
	.article-block .article_floor .list {
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		padding-bottom: 0;
	}
	.article-block .article_floor .column {
		margin: 0 15px;
		margin-bottom: 0;
		padding-bottom: 45px;
	}
	.article-block .article_floor .column:last-child {
		margin-bottom: 0;
		padding-bottom: 45px;
	}
	.article-block .article_floor #floor02 .column:last-child {
		padding-bottom: 45px;
	}
	.article-block .article_floor .column .floor_num {
		font-size: 12px;
	}
	.article-block .article_floor .column .image {
		margin-bottom: 5.333vw;
	}
	.article-block .article_floor .column .column_title {
		padding: 0;
		margin-bottom: 1.333vw;
		font-size: 16px;
		line-height: 1.5;
	}
	.article-block .article_floor .column p {
		padding: 0;
		font-size: 3.467vw;
		/*line-height: 1.846;*/
		line-height: 5.067vw;
		margin-bottom: 10px;
	}
	.article-block .article_floor .column .more {
		padding: 0;
	}
	.article-block .article_floor .column .more a {
		font-size: 13px;
	}
	.article-block .article_floor .column .more a:hover {
		opacity: 1.0;
	}
}
/* * * * * * * * * * * * * * * * * * * * *
.add_footer
* * * * * * * * * * * * * * * * * * * * */
.add_footer {
	display: none;
	background: #f8f8f8;
	margin-bottom: 70px;
}
.add_footer .main {
	position: relative;
	width: 960px;
	height: 100px;
	box-sizing: border-box;
	margin: 0 auto;
	border-bottom: 1px solid #dfdfdf;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.add_footer .icon {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	height: 20px;
}
.add_footer .icon li {
	margin-left: 40px;
}
.add_footer .icon li:nth-child(1) {
	margin-left: 0;
}
.add_footer .icon li a {
	display: block;
	transition: opacity 0.3s ease-out;
}
.add_footer .icon li.current a ,
.add_footer .icon li a:hover {
	opacity: 0.25;
}
.add_footer .icon li.cafe {
}
.add_footer .icon li.cafe a img {
	width: 122px;
}
.add_footer .icon li.bar {
	margin-bottom: -5px;
}
.add_footer .icon li.bar a img {
	width: 193px;
}
.add_footer .icon li.studio {
}
.add_footer .icon li.studio a img {
	width: 140px;
}
.add_footer .icon li.museum {
}
.add_footer .icon li.museum a img {
	width: 166px;
}
.under.facility .add_footer {
	display: block;
}
/* active表示 */
.under.facility.cafe .add_footer .icon li.cafe ,
.under.facility.beautybar .add_footer .icon li.bar ,
.under.facility.studio .add_footer .icon li.studio ,
.under.facility.museum .add_footer .icon li.museum {
	opacity: 0.25;
}
/* .show */
.footer-block .add_footer .icon {
	transition: all 0.5s ease-out;
	transform: translate3d(0, 15px, 0);
	opacity: 0;
	visibility: hidden;
}
.footer-block.show .add_footer .icon {
	transition-delay: 0.5s;
	transform: translate3d(0, 0, 0);
	opacity: 1;
	visibility: visible;
}
@media only screen and (max-width: 812px) {
	.add_footer {
		margin-bottom: 12vw;
	}
	.add_footer .main {
		width: auto;
		padding: 0 0 11.333vw;
		margin: 0 4vw;
		display: block;
		height: auto;
	}
	.add_footer .icon {
		display: block;
		height: auto;
	}
	.add_footer .icon li {
		margin-left: 0;
		margin-top: 6vw;
		height: 4.533vw;
		text-align: center;
	}
	.add_footer .icon li:nth-child(1) {
		margin-top: 0;
	}
	.add_footer .icon li a:hover {
		opacity: 1.0;
	}
	.add_footer .icon li a img {
		margin: 0 auto;
	}
	.add_footer .icon li.cafe a img {
		width: 28vw;
	}
	.add_footer .icon li.bar {
		margin-bottom: 0;
	}
	.add_footer .icon li.bar a img {
		width: 44.8vw;
	}
	.add_footer .icon li.studio a img {
		width: 32.267vw;
	}
	.add_footer .icon li.museum a img {
		width: 38.133vw;
	}
	.footer-block .add_footer .icon {
		transform: translate3d(0, 2.667vw, 0);
	}
	.footer-block.show .add_footer .icon {
		transition-delay: 0.7s;
		transform: translate3d(0, 0, 0);
	}
}
/* * * * * * * * * * * * * * * * * * * * *
.under .topics-block
* * * * * * * * * * * * * * * * * * * * */
.article-block.article-list .topics-block {
	padding-top: 0;
	border-top: none;
}
.article-block.article-list .topics-block a:hover {
	text-decoration: none;
}
.article-block.article-list .topics-block .list {
	min-height: 400px;
	transition: opacity 0.3s ease-out;
}
.article-block.article-list .topics-block .list.hide {
	opacity: 0;
	pointer-events: none;
}
.article-block.article-list .topics-block .list .column {
	margin-top: 35px;
}
.article-block.article-list .topics-block .list .column:nth-child(4n) {
	margin-right: 0;
}
.article-block.article-list .topics-block .list .column:nth-child(-n+4) {
	margin-top: 0;
}
.undarticle-block.article-lister .topics-block .list .column:nth-child(4n+1) {
	clear: both;
}
/* .tricolore_cover */
.article-block .topics-block .list .column:nth-child(4n+1) {
	transition-delay: 0.2s;
}
.article-block .topics-block .list .column:nth-child(4n+2) {
	transition-delay: 0.3s;
}
.article-block .topics-block .list .column:nth-child(4n+3) {
	transition-delay: 0.4s;
}
.article-block .topics-block .list .column:nth-child(4n+4) {
	transition-delay: 0.5s;
}
.article-block .topics-block .list .column:nth-child(4n+1) .tricolore_cover.view span {
	transition-delay: 0.4s;
}
.article-block .topics-block .list .column:nth-child(4n+2) .tricolore_cover.view span {
	transition-delay: 0.5s;
}
.article-block .topics-block .list .column:nth-child(4n+3) .tricolore_cover.view span {
	transition-delay: 0.6s;
}
.article-block .topics-block .list .column:nth-child(4n+4) .tricolore_cover.view span {
	transition-delay: 0.7s;
}
.article-block .topics-block .list .column .tricolore_cover span ,
.article-block .topics-block .list .column .tricolore_cover.view span {
	opacity: 1 !important;
}
.article-block .topics-block .list .column .tricolore_cover.view span {
	transition-property: opacity, visibility;
}
.article-block .topics-block .list .column[data-scroll="show"] .tricolore_cover.view span {
	opacity: 0 !important;
}
.article-block .topics-block .loading {
	line-height: 1;
	text-align: center;
	margin-top: 75px;
}

@media only screen and (max-width: 812px) {
	.article-block.article-list .topics-block ul.menu {
	}
	.article-block.article-list .topics-block .list {
		padding: 0 4vw;
		flex-wrap: wrap;
		min-height: unset;
		min-height: 100vw;
	}
	.article-block.article-list .topics-block .list .column {
		margin: 13.333vw 0 0;
		float: none;
		width: 100%;
		padding: 0;
	}
	.article-block.article-list .topics-block .list .column:nth-child(-n+4) {
		margin: 13.333vw 0 0;
	}
	.article-block.article-list .topics-block .list .column:nth-child(1) {
		margin: 0;
	}
	.article-block.article-list .topics-block .list .column:last-child {
	}
	.article-block.article-list .topics-block .list .column ,
	.article-block.article-list .topics-block .list .column .tricolore_cover.view span {
		transition-delay: 0.1s;
	}
	.article-block.article-list .topics-block .more {
		margin-top: 10vw;
	}
	.article-block.article-list .topics-block .more a {
		font-size: 4.533vw;
		width: auto;
		height: auto;
		border: none;
		line-height: inherit;
	}
	.article-block.article-list .topics-block .loading {
		margin-top: 12.667vw;
	}
	/* .tricolore_cover */
	.article-block .topics-block .list .column:nth-child(4n+1) {
		transition-delay: 0.0s;
	}
	.article-block .topics-block .list .column:nth-child(4n+2) {
		transition-delay: 0.0s;
	}
	.article-block .topics-block .list .column:nth-child(4n+3) {
		transition-delay: 0.0s;
	}
	.article-block .topics-block .list .column:nth-child(4n+4) {
		transition-delay: 0.0s;
	}
	.article-block .topics-block .list .column:nth-child(4n+1) .tricolore_cover.view span {
		transition-delay: 0.2s;
	}
	.article-block .topics-block .list .column:nth-child(4n+2) .tricolore_cover.view span {
		transition-delay: 0.2s;
	}
	.article-block .topics-block .list .column:nth-child(4n+3) .tricolore_cover.view span {
		transition-delay: 0.2s;
	}
	.article-block .topics-block .list .column:nth-child(4n+4) .tricolore_cover.view span {
		transition-delay: 0.2s;
	}
}
/* * * * * * * * * * * * * * * * * * * * *
.footer-block
* * * * * * * * * * * * * * * * * * * * */
@media only screen and (max-width: 812px) {
	.under .footer-block {
		background-color: #f8f8f8;
	}
	.under.facility #wrapper {
		margin-bottom: 0 !important;
	}
	.under.facility .footer-block {
		position: relative;
	}
}
/* * * * * * * * * * * * * * * * * * * * *
.lang_en
* * * * * * * * * * * * * * * * * * * * */
.lang_en .article-block .main {
	line-height: 1.857;
}
@media only screen and (max-width: 812px) {
	.lang_en .article-block .main {
		line-height: 1.714;
	}
}
.lang_en .header-block .header-navigation .sub ul {
	letter-spacing: normal;
}
.lang_en .footer-block .bottom ul.menu {
	letter-spacing: normal;
}
.lang_en .article-block .article_body .mod_topic .head .title {
	text-transform: uppercase;
}
.lang_en .article-block .article_body .mod_topic .contents > .title {
	text-transform: uppercase;
}
.lang_en .article-block .article_body .mod_topic .contents .detail h4 {
	text-transform: uppercase;
}
.lang_en .article-block .article_body .mod_topic .contents .detail.small h5 {
	text-transform: uppercase;
}
.lang_en .article-block .article_body .mod_info .main .info li .h {
	width: 80px;
}
@media only screen and (max-width: 812px) {
	.lang_en .article-block .article_body .mod_info .main .info li .h {
		width: 20.333vw;
	}
}
.lang_en .article-block .article_body .mod_access ul li .head {
	width: 110px;
}
@media only screen and (max-width: 812px) {
	.lang_en .article-block .article_body .mod_access ul li .head {
		width: auto;
	}
}
@media only screen and (max-width: 812px) {
	.lang_en .article-block .article_floor .fix_navigation ul li a {
		margin-top: 0;
	}
	.lang_en .article-block .article_floor .fix_navigation a.sign {
		font-size: 14px;
	}
}