@charset "utf-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}
/* ========================================
	font 
======================================== */
@font-face {
	font-family: 'Garamond Premier Pro';
	font-style: normal;
	font-weight: 400; /* regular */
	src: url('font/GaramondPremrPro-Regular.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/GaramondPremrPro-Regular.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/GaramondPremrPro-Regular.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}
@font-face {
	font-family: 'Garamond Premier Pro';
	font-style: normal;
	font-weight: 600; /* semi-bold */
	src: url('font/GaramondPremrPro-Bold.woff') format('woff'), /* woff - Modern Browsers */
	     url('font/GaramondPremrPro-Bold.ttf') format('truetype'), /* truetype - Android, iOS, safari */
	     url('font/GaramondPremrPro-Bold.eot') format('embedded-opentype'); /* IE9 Compat Modes */
}

html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #000;
}
body {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", 'Garamond Premier Pro', serif;
	position: relative;
	letter-spacing: .04em;
	color: #333;
	width: 100%;
/* 	height: 100%; */
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.85;
	font-weight: 400;
}
main {
	position: relative;
	min-height: 120vh;
}
*,*:focus {
	outline: none;
	tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	box-sizing: initial;
}
h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: 400;
	line-height: 1.5;
}
ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
dl,dd {
	margin: 0;
}
button {
	border-style: none;
	background-color: transparent;
}
table {
	margin: 0;
}
a {
	cursor: pointer;
	transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
}
a,a:hover,a:active,a:visited,a:focus {
	color: #333;
	text-decoration: none;
}
.news__article_txt a {
	text-decoration: underline;
}
.news__article_txt a:hover {
	opacity: 0.6;
}
a:focus {
	outline: none;
}
p {
	margin: 0;
	padding: 0;
	hanging-punctuation: allow-end;
}
.wp-edit p {
	font-size: 14px;
}
.wp-edit img {
	margin-bottom: 20px;
}
.en {
	font-family: 'Garamond Premier Pro', serif !important;
/* 	font-size: 14px; */
	letter-spacing: 0.05em;
}
.movie-item__ttl span {
	font-family: 'Garamond Premier Pro', serif !important;
/* 	font-size: 14px; */
	letter-spacing: 0.05em;
}
.fancybox-infobar {
	font-family: 'Garamond Premier Pro', serif !important;
	letter-spacing: 0.05em;
}
.txt-en {
	letter-spacing: 0.05em;
	line-height: 1.5;
	display: block;
}
.ja {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif !important;
	font-size: 14px;
}
.italic {
	font-style: italic;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 14px;
}
/*
.navmenu li a {
	font-size: 22px;
	line-height: 44px;
	display: block;
}
.navmenu li a::after {
	font-size: 12px;
}
*/

.box-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
#prayer .box-wrapper:last-child .box__inner {
	padding-bottom: 0;
}
.box-wrapper:nth-of-type(1) .box__inner {
	padding-top: 0;
}
.box {
	width: 50%;
}
.box-white {
	background-color: #fff;
}
.box__inner {
	padding: 0 30px 60px 30px;
}
.box__ttl {
	margin-bottom: 10px;
	font-size: 16px;
}
.box__ttl_en {
	display: inline-block;
	margin-left: 6px;
	font-size: 12px;
}
@media screen and (max-width: 767px) {

	.box-wrapper {
		flex-direction: column;
	}
	.box {
		width: 100%;
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
	.box__inner {
		padding: 40px 20px;
	}
	
	.box-wrapper .box:last-child .box__inner {
		padding-bottom: 0;
	}
	
}
.ruby-wrapper {
/* 	font-size: 16px; */
}
[data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -1.5em) scale(0.7);
    -webkit-transform: translate(-50%, -1.5em) scale(0.7);
    -ms-transform: translate(-50%,-1.5em) scale(0.7);
    -moz-transform: translate(-50%,-1.5em) scale(0.7);
    font-size: 10px;
    font-weight: 400;
    white-space: nowrap;
    letter-spacing: 0;
}
.section__header {
	margin-bottom: 30px;
	text-align: center;
}

.section__body {
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:575px) {
	.ruby-wrapper {
/* 		font-size: 14px; */
	}
	[data-ruby]::before {
		content: attr(data-ruby);
	    position: absolute;
	    left: 50%;
	    top: 0;
	    transform: translate(-50%, -1.4em) scale(0.6);
	    -webkit-transform: translate(-50%, -1.4em) scale(0.6);
	    -ms-transform: translate(-50%,-1.4em) scale(0.6);
	    -moz-transform: translate(-50%,-1.4em) scale(0.6);
	    font-size: 10px;
	    font-weight: 400;
	    white-space: nowrap;
	    letter-spacing: 0;
	}
	.ruby-wrapper.goeika {
		margin-top: 10px;
	}
}

/*
#prayer-offering .section__ttl {
	margin-bottom: 60px;
}
#top-column .section__ttl {
	margin-bottom: 60px;
}
*/
#top-column .link-box {
	margin-top: 50px;
}
@media screen and (max-width:767px) {
	
/*
	#prayer-offering .section__ttl {
		margin-bottom: 30px;
	}
*/
	
/*
	#top-column .link-box {
		margin-top: 30px;
	}
*/
		
}
.page__ttl {
	text-align: center;
}
.page__ttl_img {
	display: block;
	width: auto;
	height: 26px;
	margin-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
}
.page__ttl_en {
	font-size: 14px;
	display: block;
	color: #b8a57b;
}
.module__ttl_ja {
	display: block;
	margin-bottom: 4px;
	line-height: 1;
}
.module__ttl_en {
	font-size: 14px;
	display: block;
	color: #b8a57b;
}
.block__ttl_ja {
	display: block;
	margin-bottom: 4px;
	line-height: 1;
}
.block__ttl_en {
	font-size: 16px;
	display: block;
}
.block__ttl_attention {
	display: inline-block;
	font-size: 14px;
	margin-left: 14px;
	vertical-align: bottom;
}

.single-article__ttl { /*h4*/
	display: block;
}
.single-article__ttl_ja { /*h4*/
	display: block;
	margin-bottom: 4px;
	line-height: 1;
}
.single-article__ttl_en {
	font-size: 16px;
}

.concept__ttl {
	margin-bottom: 14px;
}
.concept-section__ttl {
	margin-bottom: 30px;
}
.section__nav_ttl_en {
	font-size: 14px;
}
.section__nav_ttl_ja {
	font-size: 12px;
}
/*
.concept__ttl_ja {
	font-size: 21px;
	color: #fff;
}
.concept__ttl_en {
	font-size: 18px;
	display: inline-block;
	margin-left: 20px;
}
*/

@media screen and (max-width:991px) {
/*
	h2 {
		font-size: 20px;
	}
	h3 {
		font-size: 20px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 14px;
	}
*/
	.page__ttl_img {
		width: auto;
		height: 22px;
	}
	.page__ttl_en {
		font-size: 14px;
	}
	.module__ttl {
		display: block;
	}
	.module__ttl_en {
		font-size: 14px;
	}
	.block__ttl {
		display: block;
	}
	.block__ttl_en {
		font-size: 14px;
	}
	.block__ttl_attention {
		font-size: 12px;
		margin-left: 12px;
	}
	
	.single-article__ttl {
		display: block;
	}
	.single-article__ttl_en {
		font-size: 14px;
	}
	
/*
	.section__nav_ttl_en {
		font-size: 13px;
	}
	.section__nav_ttl_ja {
		font-size: 11px;
	}
*/
/*
	.navmenu__ul {
		margin-left: 45px;
	}
	.navmenu li a {
		font-size: 18px;
		line-height: 36px;
	}
	.navmenu li a::after {
		font-size: 11px;
	}
*/
	
}

@media screen and (max-width:767px) {
/*
	.section__nav {
		display: none;
	}
*/
}

@media screen and (max-width:575px) {
	.module__ttl {
		display: block;
	}
	
	.page__ttl {
		display: block;
	}
	.page__ttl_ja {
		margin-bottom: 4px;
	}
	.page__ttl_en {
		display: block;
		margin-left: 0px;
	}
}
.nolink {
	pointer-events: none !important;
/* 	opacity: 0.4; */
}
.navmenu li#menu-item-15531 a {
	pointer-events: none !important;
}
.navmenu li#menu-item-15531 a::before,.navmenu li#menu-item-15531 a::after {
	opacity: 0.4;
}
.navmenu li#menu-item-15531 a {
}

.bold {
	font-weight: 600;
}
.italic {
	font-style: italic;
}
.pc-diagram-display {display: block}
.tb-diagram-display {display: none}
.sp-diagram-display {display: none}


@media screen and (max-width:767px) {
	.pc-diagram-display {display: none}
	.tb-diagram-display {display: block}
	.sp-diagram-display {display: none}
}
@media screen and (max-width:575px) {
	.pc-diagram-display {display: none}
	.tb-diagram-display {display: none}
	.sp-diagram-display {display: block}
}
@media screen and (max-width:991px) {
	.pc-none{display: block}
	.sp-none{display: none !important}
	.br-sp{display: block}
	.br-pc{display: none !important}	
}
@media screen and (min-width:992px) {
	.pc-none{display: none !important}
	.sp-none{display: block}
	.br-sp{display: none !important}
	.br-pc{display: block}
}

@media screen and (max-width:575px) {
	.banner-pc-none{display: block}
	.banner-sp-none{display: none !important}	
}
@media screen and (min-width:576px) {
	.banner-pc-none{display: none !important}
	.banner-sp-none{display: block}	
}

/*	No Script
--------------------------*/
.browser-alert {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 10;
}
.browser-alert p {
	color: #000;
	font-size: 0.75rem;
    font-weight: 400;
    letter-spacing: 0.085em;	
}
.browser-alert a {
	text-decoration: none;
	color: #000;
}

/*	State
--------------------------*/
.h-resize {
	height: 100%;
}
.w-resize {
	width: 100%;
}
.is-hidden {
	display: none;
}
.header.is-hidden {
	display: none;
}
.scroller.is-hidden {
	display: none;
}
.contents.is-fadeout {
	opacity: 0;
}
.is-fadeout {
	opacity: 0;
}
.loading.is-fadeout {
	opacity: 0;
    transition: 2s ease-in-out;
	-webkit-transition: 2s ease-in-out;
}
.scroller.is-fadeout {
	opacity: 0;
}
.header .logo-bg.is-fadeout {
	opacity: 0;
}
.header .logotype-bg.is-fadeout {
	opacity: 0;
}
.section__nav.is-fadeout {
	opacity: 0 !important;
}
.preload, .preload * {
	transition: none !important;
	-webkit-transition: none !important;
}

/*	animation
--------------------------*/
@keyframes top_arrow {
  0%, 6% {
    -webkit-transform: translateY(-240px); /* for iOS and Chrome */
    -ms-transform: translateY(-240px); /* for IE */
    transform: translateY(-240px); }
  33%, 66% {
    -webkit-transform: translateY(0); /* for iOS and Chrome */
    -ms-transform: translateY(0); /* for IE */
    transform: translateY(0); }
  94%, 100% {
    -webkit-transform: translateY(240px); /* for iOS and Chrome */
    -ms-transform: translateY(240px); /* for IE */
    transform: translateY(240px); }
}
@-webkit-keyframes top_arrow {
  0%, 6% {
    -webkit-transform: translateY(-240px); /* for iOS and Chrome */
    -ms-transform: translateY(-240px); /* for IE */
    transform: translateY(-240px); }
  33%, 66% {
    -webkit-transform: translateY(0); /* for iOS and Chrome */
    -ms-transform: translateY(0); /* for IE */
    transform: translateY(0); }
  94%, 100% {
    -webkit-transform: translateY(240px); /* for iOS and Chrome */
    -ms-transform: translateY(240px); /* for IE */
    transform: translateY(240px); }
}

@keyframes top_arrow-sp {
  0%, 6% {
    -webkit-transform: translateY(-120px); /* for iOS and Chrome */
    -ms-transform: translateY(-120px); /* for IE */
    transform: translateY(-120px); }
  33%, 66% {
    -webkit-transform: translateY(0); /* for iOS and Chrome */
    -ms-transform: translateY(0); /* for IE */
    transform: translateY(0); }
  94%, 100% {
    -webkit-transform: translateY(120px); /* for iOS and Chrome */
    -ms-transform: translateY(120px); /* for IE */
    transform: translateY(120px); }
}
@-webkit-keyframes top_arrow-sp {
  0%, 6% {
    -webkit-transform: translateY(-120px); /* for iOS and Chrome */
    -ms-transform: translateY(-120px); /* for IE */
    transform: translateY(-120px); }
  33%, 66% {
    -webkit-transform: translateY(0); /* for iOS and Chrome */
    -ms-transform: translateY(0); /* for IE */
    transform: translateY(0); }
  94%, 100% {
    -webkit-transform: translateY(120px); /* for iOS and Chrome */
    -ms-transform: translateY(120px); /* for IE */
    transform: translateY(120px); }
}


/*	scroller
--------------------------*/
.scroller {
	display: block;
	color: #fff;
    position: absolute;
    top: auto;
    left: 50%;
    top: -120px;
    width: 30px;
    height: 240px;
    background-color: transparent;
    z-index: 4;
    -webkit-backface-visibility: "hidden"; /* for iOS and Chrome */
    backface-visibility: "hidden";
    -webkit-tap-highlight-color: transparent; /* for iOS and Chrome */
    opacity: 1;
    -moz-opacity: 1; /* for Firefox */
    -khtml-opacity: 1;
    filter: alpha(opacity=100); /* for IE6 and IE7 */
    -ms-filter: "alpha(opacity=100)"; /* for IE8 and IE9 */
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); /* for iOS and Chrome */
    -ms-transform: translateX(-50%); /* for IE */
    -moz-transform: translateX(-50%); /* for Firefox */
    -o-transform: translateX(-50%); /* for Opera */
    overflow: hidden;
    cursor: pointer;
    transition: .8s ease-in-out;
	-webkit-transition: .8s ease-in-out;
}
.scroller__inner {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 1px;
    height: 100%;
    background-color: transparent;
    z-index: 3;
    overflow: hidden;
}
.scroller__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    z-index: 3;
    opacity: .8;
    -moz-opacity: .8; /* for Firefox */
    -khtml-opacity: .8;
    filter: alpha(opacity=40); /* for IE6 and IE7 */
    -ms-filter: "alpha(opacity=40)"; /* for IE8 and IE9 */
}
.scroller__line::before {
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #999;
	margin: 0 auto;
	padding: 0;
}
.scroller__line::after {
	content: '';
	display: block;
	padding: 0;
	width: 1px;
	height: 100%;
	background: #fff;
	margin: -240px auto 0;
	-webkit-animation: top_arrow 2.8s cubic-bezier(0.42, 0, 0.58, 1) infinite; /* for iOS and Chrome */
	animation: top_arrow 2.8s cubic-bezier(0.42, 0, 0.58, 1) infinite;	
}
.footer-scroller {
	display: block;
    position: absolute;
    left: 50%;
    bottom: -80px;
    width: 30px;
    height: 160px;
    background-color: transparent;
    z-index: 4;
    -webkit-backface-visibility: "hidden"; /* for iOS and Chrome */
    backface-visibility: "hidden";
    -webkit-tap-highlight-color: transparent; /* for iOS and Chrome */
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%); /* for iOS and Chrome */
    -ms-transform: translateX(-50%); /* for IE */
    -moz-transform: translateX(-50%); /* for Firefox */
    -o-transform: translateX(-50%); /* for Opera */
    overflow: hidden;
    cursor: pointer;
}
.footer-scroller__inner {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    width: 1px;
    height: 100%;
    z-index: 3;
    overflow: hidden;
}
.footer-scroller__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background-color: #fff;
    z-index: 3;
}
/*
.scroller__txt {
	font-size: 12px;
	line-height: 1;
	color: #fff;
	letter-spacing: 0.05em;
	transform: rotate(90deg);
	position: absolute;
	transform-origin: right bottom;
	left: -19px;
	bottom: 0;
}
*/

@media screen and (max-width:991px) {
	.scroller {
	    height: 120px;
	}
	.scroller__inner {
	    height: 120px;
	}
	.scroller__line {
	    height: 120px;
	}
	.scroller__line::after {
		margin: -120px auto 0;
		-webkit-animation: top_arrow-sp 2.4s cubic-bezier(0.42, 0, 0.58, 1) infinite; /* for iOS and Chrome */
		animation: top_arrow-sp 2.4s cubic-bezier(0.42, 0, 0.58, 1) infinite;	
	}
}

/*	iframe style
--------------------------*/
.iframe-wrapper {
	position: relative;
	height: 0;
	width: 100%;
	padding-top: 66.666%;
}
.iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-movie-wrapper {
	position: relative;
	width: calc(480px * 1.777);
	height: 480px;
	margin-left: auto;
	margin-right: auto;
}
.iframe-movie-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.iframe-grayscale {
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}



@media screen and (max-width:991px) {
	.iframe-movie-wrapper {
		width: 100%;
		height: 0;
		padding-top: 56.25%;
	}
}
/*	Swiper style
--------------------------*/
.swiper-container {
/* 	overflow: hidden; */
}
.swiper-container.swiper-module {
/*
	width: 100%;
	height: 100%;
	margin-left: 0;
	margin-right: auto;
	max-width: 1080px;
	overflow: visible;
*/
}
.block .swiper-container.swiper-module {
	overflow: hidden;
}
.swiper-wrapper {
/*
	overflow: visible;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
*/
}
.swiper-slide {
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
/*
.swiper-button {
	z-index: 11;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
	font-size: 12px;
	cursor: pointer;
	color: #000;
}
*/
@media screen and (max-width:991px) {
	#top-column .swiper-wrapper {
		margin-bottom: 15px;
	}
}
.swiper-module .swiper-prev-button,.swiper-module .swiper-next-button {
	width: 40px;
	height: 40px;
	background-color: rgba(0,0,0,1);
	opacity: 0.6;
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
}
.swiper-button-disabled {
	opacity: 0 !important;
	pointer-events: none;
}
.swiper-module .swiper-prev-button {
	position: absolute;
	top: calc(50% - 15px);/* pagination */
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	left: 0;
	z-index: 2;
	cursor: pointer;
	background-image: url(../images/img_arrow-left-white.png);
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: center center;
}
.swiper-module .swiper-next-button {
	position: absolute;
	top: calc(50% - 15px);/* pagination */
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	right: 0;
	z-index: 2;
	cursor: pointer;
	background-image: url(../images/img_arrow-right-white.png);
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: center center;
}

/*
.article-swiper .swiper-prev-button {
	top: auto;
	bottom: 6px;
	left: auto;
	right: 40px;
	transform: none;
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-image: url(../images/img_arrow-left-black.png);
}
.article-swiper .swiper-next-button {
	top: auto;
	bottom: 6px;
	transform: none;
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-image: url(../images/img_arrow-right-black.png);
}
*/
.swiper-container-horizontal>.swiper-pagination-bullets.post-swiper-pagination {
	left: 0;
	text-align: center;
}
#concept .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after {
	background-color: rgba(255,255,255,1);
}
.post-swiper-prev-button {
	position: absolute;
	top: auto;
	bottom: 6px;
	left: 0px;
	transform: none;
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-image: url(../images/img_arrow-left-black.png);
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: center center;
	transition: background-position,opacity 0.22s ease-in-out;
	-webkit-transition: background-position,opacity 0.22s ease-in-out;
	opacity: 0.6;
}
.post-swiper-prev-button:hover {
	opacity: 1;
/* 	background-position: 0% center; */
}

.post-swiper-next-button {
	position: absolute;
	top: auto;
	bottom: 6px;
	right: 0px;
	transform: none;
	width: 30px;
	height: 30px;
	background-color: transparent;
	background-image: url(../images/img_arrow-right-black.png);
	background-repeat: no-repeat;
	background-size: 18px auto;
	background-position: center center;
	transition: background-position,opacity 0.22s ease-in-out;
	-webkit-transition: background-position,opacity 0.22s ease-in-out;
	opacity: 0.6;
}
.post-swiper-next-button:hover {
	opacity: 1;
/* 	background-position: 100% center; */
}
@media screen and (max-width:991px) {
	.post-swiper-prev-button {
		left: 90px;
	}
	.post-swiper-next-button {
		right: 90px;
	}
}
@media screen and (max-width:767px) {
	.post-swiper-prev-button {
		left: 30px;
	}
	.post-swiper-next-button {
		right: 30px;
	}
	
}
.swiper-module .swiper-prev-button:hover,.swiper-module .swiper-next-button:hover {
	opacity: 1;
}
.swiper-button-disabled.swiper-prev-button:hover,.swiper-button-disabled.swiper-next-button:hover {
	opacity: 0 !important;
	pointer-events: none;
/*
	visibility: hidden;
	-webkit-visibility: hidden;
*/
}
.swiper-prev-line {
	position: absolute;
	top: calc(50% - 30px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 0;
	z-index: 2;
	padding: 20px 16px 20px 0;
	font-size: 13px;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.22s ease-in-out;
	-webkit-transition: opacity 0.22s ease-in-out;
}
.swiper-next-line {
	position: absolute;
	top: calc(50% - 30px);
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
/* 	bottom: -10px; */
	right: 0;
	z-index: 2;
	padding: 20px 0 20px 16px;
	font-size: 13px;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.22s ease-in-out;
	-webkit-transition: opacity 0.22s ease-in-out;
}
.swiper-prev-line:hover {
	opacity: 1;
}
.swiper-next-line:hover {
	opacity: 1;
}

.swiper-line__inner {
	width: 80px;
	height: 1px;
	background: #999;
	vertical-align: middle;
	margin-top: -1px;
	display: inline-block;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.swiper-prev-line .swiper-line__inner {
	margin-right: 20px;
}
.swiper-next-line .swiper-line__inner {
	margin-left: 20px;
}
@media screen and (max-width:991px) {
	.swiper-prev-line {
		top: auto;
		bottom: -14px;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
	.swiper-next-line {
		top: auto;
		bottom: -14px;
		transform: translateY(0);
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
	}
}

/*  post-nav
------------------------------------------ */
.post-nav {
	overflow: hidden;
	height: 100px;
	position: relative;
	padding-left: 120px;
	padding-right: 120px;
}
.post-nav__prev {
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	padding: 20px 16px 20px 0;
	font-size: 12px;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.22s ease-in-out;
	-webkit-transition: opacity 0.22s ease-in-out;
	
}
/*
.post-nav__prev img {
	vertical-align: baseline;
	margin-right: 10px;
	width: 16px;
	height: auto;
}
*/
.post-nav__back {
	display: inline-block;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.post-nav__next {
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	padding: 20px 0 20px 16px;
	font-size: 12px;
	cursor: pointer;
	opacity: 0.6;
	transition: opacity 0.22s ease-in-out;
	-webkit-transition: opacity 0.22s ease-in-out;
}
/*
.post-nav__next img {
	vertical-align: baseline;
	margin-left: 10px;
	width: 16px;
	height: auto;
}
*/
.post-nav__prev:hover {
	opacity: 1;
}
.post-nav__next:hover {
	opacity: 1;
}

.post-nav__line {
	width: 80px;
	height: 1px;
	background: #999;
	vertical-align: middle;
	margin-top: -1px;
	display: inline-block;
	transition: all .4s linear;
	-webkit-transition: all .4s linear;
}

.post-nav__prev .post-nav__line {
	margin-right: 20px;
}
.post-nav__next .post-nav__line {
	margin-left: 20px;
}

@media screen and (max-width:1400px) {
	
	.swiper-line__inner {
		width: 60px;
	}
	.post-nav__line {
		width: 60px;
	}
}

@media screen and (max-width:1200px) {
	.post-nav {
		padding-left: 90px;
		padding-right: 90px;
	}
}

@media screen and (max-width:991px) {
	.post-nav {
		padding-left: 30px;
		padding-right: 30px;
	}
	.swiper-prev-button {
		left: -90px;
	}
	.swiper-next-button {
		right: -90px;
	}
	.swiper-prev-line .swiper-line__inner {
		margin-right: 10px;
	}
	.swiper-next-line .swiper-line__inner {
		margin-left: 10px;
	}
	.post-nav__prev .post-nav__line {
		margin-right: 10px;
	}
	.post-nav__next .post-nav__line {
		margin-left: 10px;
	}
	
}
@media screen and (max-width:767px) {	
	.swiper-prev-button,.swiper-next-button {
		width: 30px;
		height: 30px;
	}	
	.swiper-prev-button {
		background-size: 14px auto;
	}
	.swiper-next-button {
		background-size: 14px auto;
	}
}
@media screen and (max-width:575px) {
	.swiper-line__inner {
		width: 40px;
	}
	.post-nav__line {
		width: 40px;
	}
}
.swiper-pagination-custom, .swiper-pagination-fraction {
	width: auto;
	left: auto;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0px;
	padding: 0;
	position: relative;
	max-width: 160px
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet::after {
	content: "";
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	width: 6px;
	height: 6px;
	background-color: #222;
	border-radius: 50%;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	left: -9px;
	bottom: 0;
}
.swiper-pagination {
	position: relative;
	text-align: left;
	z-index: 1;
}
.swiper-pagination-bullet {
	width: 24px;
	height: 24px;
	position: relative;
	font-size: 12px;
	display: inline-block;
	background-color: transparent;
	box-sizing: border-box;
	border-radius: 0;
}
.swiper-pagination-bullet-active {
}
.swiper-slide-active .products__item_caption {
	opacity: 1;
}

/*  lading page
------------------------------------------ */
.loading {
	z-index: 10;
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: #000;
}
.loading__inner {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%,-50%);
	height: auto;
}
.loading__img {
	width: 60px;
	height:100%;
}

/* block / section
------------------------------------------ */
.contents {
    transition: 2s ease-in-out;
    -webkit-transition: 2s ease-in-out;
	position: relative;
	width: 100%;
	height: 100%; /* fall back */
    -webkit-backface-visibility: "hidden"; /* for iOS and Chrome */
    backface-visibility: "hidden";
    z-index: 1;
}
.section {
	padding-left: 120px;
	padding-right: 120px;
	overflow: hidden;
	position: relative;
}
.slide-section {
	position: relative;
	overflow: hidden;
	padding-left: 120px;
	padding-right: 120px;
}
.slide-section .swiper-container {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.header-section {
	padding-left: 120px;
	padding-right: 120px;
	overflow: hidden;
	position: relative;
	padding-top: 30px;
	margin-bottom: 20px;
}
#about .header-section {
	margin-bottom: 60px;
}
.vl-section {
	background-color: #fff;
	padding-top: 160px;
}
.load-section.vl-section {
	padding-top: 0;
	background-color: #f5f5f5;
}
.concept {
	width: 100%;
/* 	height: 100vh; */
/* 	height: 140vh; */
	position: relative;
}
.concept__mv {
	width: 100%;
	height: 100vh;
}

.section__inner {
	padding-top: 120px;
	padding-bottom: 120px;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: 100%;
	position: relative;
}
.section-upper__inner {
	padding-top: 120px;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
.section-bottom__inner {
	margin-bottom: 120px;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.header-section__inner {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
#contact .section__inner {
	max-width: 800px;
}
.vl-section__inner {
	position: relative;
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #f5f5f5;
}
.load-section .vl-section__inner {
	background-color: #fff;
}
.concept__inner {
	padding-top: 240px;
	padding-bottom: 240px;
/*
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%)
*/;
	color: #fff;
	width: 100%;
}
.concept__inner .swiper-outer__contents {
	max-width: 800px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
.post-section__inner {
	overflow: hidden;
	padding-top: 60px;
	padding-bottom: 120px;
}

.section-line {
	padding-left: 120px;
	padding-right: 120px;
}


.body-section .header-section__inner {
	margin-left: 0;
}

.page-section .section__inner {
	padding-top: 0;
}
.section:last-child .section__inner {
	padding-bottom: 120px;
}
.section-line__inner {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}


@media screen and (max-width:1200px) {
	
	.section {
		padding-left: 90px;
		padding-right: 90px;
	}
	.slide-section {
		padding-left: 90px;
		padding-right: 90px;
	}
	
	.section-line {
		padding-left: 90px;
		padding-right: 90px;
	}
	
	.concept__inner .swiper-outer__contents {
		padding-left: 90px;
		padding-right: 90px;
	}
	
}

@media screen and (max-width:991px) {
	
	.header-section {
		padding-top: 30px;
		padding-left: 90px;
		padding-right: 90px;
	}
	
	.slide-section {
		padding-left: 0;
		padding-right: 0;
	}	
	.slide-section .swiper-container {
		padding-left: 90px;
		padding-right: 90px;
	}
	.section__inner {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.section-upper__inner {
		padding-top: 80px;
	}
	.section-bottom__inner {
		margin-bottom: 80px;
	}
	.section:last-child .section__inner {
		padding-bottom: 80px;
	}
	.header-section {
		overflow: hidden;
		position: relative;
	}
	.concept__inner .swiper-outer__contents {
		width: calc(100% - 180px);
	}
	.vl-section__inner {
		padding-bottom: 80px;
	}
	.post-section__inner {
		padding-top: 40px;
		padding-bottom: 80px;
	}
}

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

	.section__inner {
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-upper__inner {
		padding-top: 60px;
	}
	.section-bottom__inner {
		margin-bottom: 60px;
	}
	.vl-section__inner {
		padding-bottom: 60px;
	}
	.post-section__inner {
		padding-top: 30px;
		padding-bottom: 60px;
	}
	.header-section {
		padding-top: 15px;
		padding-left: 70px;
		padding-right: 70px;
		margin-bottom: 0;
	}

}
@media screen and (max-width:575px) {
	
	#about .header-section {
		margin-bottom: 20px;
	}

}

/* パンくずリスト */
.bread-wrapper {
	z-index: 1;
	margin-bottom: 90px;
/*
	padding-top: 90px;
	padding-left: 120px;
	padding-right: 120px;
*/
}
/*
.bread-wrapper .module {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:1200px){
	.bread-wrapper {
	padding-left: 90px;
	padding-right: 90px;
	}
}
@media screen and (max-width:767px){
	.bread-wrapper {
	padding-left: 30px;
	padding-right: 30px;
	}
}
*/
.bread-wrapper li {
	font-size: 12px;
	display: inline-block;
}
.bread-wrapper li + li:before{
	content: "/";
	display: inline-block;
	margin-left: 6px;
	margin-right: 6px;
	position: relative;
	top: -1px;
	opacity: 0.6;
}

.bread-wrapper li a {
	opacity: 0.6;
}

.bread-wrapper li a:hover {
	opacity: 1;
}


@media screen and (max-width:767px) {
	.navmenu__aside {
		display: none;
	}
	.section__nav_ttl {
		left: -9px;
	}
	.section {
		padding-left: 30px;
		padding-right: 30px;
	}
	.slide-section .swiper-container {
		margin-left: 0;
		margin-right: 0;
		padding-left: 30px;
		padding-right: 30px;
	}
	.header-section {
/*
		padding-top: 160px;
		padding-left: 30px;
		padding-right: 30px;
*/
	}
	.section-line {
		padding-left: 30px;
		padding-right: 30px;
	}
	.concept__inner .swiper-outer__contents {
		padding-left: 30px;
		padding-right: 30px;
		width: calc(100% - 60px);
	}
	.vl-section {
		padding-top: 100px;
	}
	.vl-section__inner {
		padding-top: 80px;
		padding-bottom: 80px;
	}
	
	.sidebar-section {
		padding-left: 30px;
		padding-right: 30px;
	}
	.body-section {
		padding-top: 0;
	}
	
	
}

@media screen and (max-width:767px) {
	.bread-wrapper {
		margin-bottom: 60px;
	}
}


@media screen and (max-width:575px) {
	.bread-wrapper li {
		font-size: 11px;
	}

}

/* concept section */

.aside-fix {
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 30px;
	z-index: 0;
	opacity: 0;
}
.page-aside-fix {
	top: 258px;
}
.aside-fix.is-show {
	opacity: 1;
}

.navmenu__aside {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	left: 42px;
	z-index: 2;
}
.navmenu__aside_ttl {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateX(-50%) rotate(90deg);
	transform-origin: top center;
	white-space: nowrap;
}
.navmenu__aside_ttl span {
	display: inline-block;
	color: #fff;
	font-size: 13px;
}

.section__nav {
    transition: .8s ease-in-out;
	-webkit-transition: .8s ease-in-out;
}
.section__nav_ttl {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	white-space: nowrap;
	line-height: 1.2;
}
.section__nav_ttl.is-white {
	color: #fff;
}
.section__nav_ttl.active {
	opacity: 1;
}
.section__nav_ttl span {
	display: inline-block;
}

.section__nav_ttl_vl {
	width: 1px;
	height: 15px;
	background-color: #ccc;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: -3px;
}
.section__nav_ttl_ja {
	color: #666;
	margin-bottom: -5px;
	vertical-align: text-bottom;
}

/* module / area
------------------------------------------ */
/* module */
.module {
	overflow: hidden;
}
.module__left {
	float: left;
/* 	min-height: 350px; */
}

.module__txt {
	width: 320px;
}
.module__left.module__txt {
	margin-right: 80px;
}
.module__right.module__txt {
	margin-left: 80px;
}
.module__right {
	float: right;
}
.module__img {
	width: calc(100% - 400px); /* width + margin */
}

.module__header {
	margin-bottom: 40px;
}
.module__body {
	overflow: hidden;
}
.module__right-slide {
	float: left;
	width: calc(100% - 400px);
	overflow: hidden;
}
.module .swiper-container {
	width: 100%;
}
.module-grid {
	min-height: 1120px;
}
.module__right-grid {
	position: absolute;
	top: 120px;
	left: 400px;
	width: calc(100vw - 10vw - 400px);
/* 	margin-left: 10%; */
	margin-bottom: 30px;
	max-width: 815px;
}
.module p {
/*
	line-height: 1.85;
	text-align: justify;
*/
}
/* area */
.area {
	box-sizing: border-box;
}
.area-white {
	padding: 60px 60px;
	background-color: #fff;
	max-width: 840px;
	margin-left: auto;
	margin-right: auto;
}
.area-white .area__inner {
	padding-top: 30px;
	padding-bottom: 80px;
	border-top:solid 2px #999;border-bottom:solid 1px #999;
}
.area-border {
	border: solid 1px #999;
}
@media screen and (max-width:991px) {
	.module__body {
		overflow: visible;
	}
	.module__header {
		margin-bottom: 30px;
		float: left;
		display: inline-block;
/* 		margin-right: 50px; */
	}
	.module__left {
		float: none;
		margin-bottom: 40px;
	}
	.module__left.module__txt {
		width: 100%;
		margin-right: 0px;
	}
	.module__right.module__txt {
		width: 100%;
		margin-left: 0px;
	}
	
	.top-module__header {
		float: none;
		display: block;
	}
	.top-module__body {
		overflow: hidden;
	}
	.top-module__left {
		margin-bottom: 0;
	}
	
	.module__left-txt {
		width: 320px;
		float: right;
	}
	.module__right {
		float: none;
	}
	.module__img {
		width: 100%;
	}
	
	.module__right-slide {
		width: 100%;
	}
	.module__right-slide {
		margin-bottom: 50px;
	}
	.module__right-grid {
		position: relative;
		top: 0;
		left: 0;
		width: calc(100vw - 10vw);
	}
	
	.module-grid {
		min-height: auto;
	}
	
	.area-white {
		padding: 80px 60px;
	}
	.area__inner {
	}
	
	
}

@media screen and (max-width:767px) {
	.module__header {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.module__body {
		overflow: hidden;
	}
	.module__left {
		width: 100%;
		margin-bottom: 40px;
	}
	.area-white {
		padding: 80px 30px;
	}
	.area__inner {
	}
	
}
@media screen and (max-width:575px) {
	.module__left {
		margin-bottom: 25px;
	}
	.module__right-intro_img {
		height: 300px;
	}
}
/* ------------------------------------------
	header
------------------------------------------ */
.header {
	position: fixed;
	top: 0;
	width: 100%;
/* 	height: 100%; */
	z-index: 4;
    transition: .8s ease-in-out;
	-webkit-transition: .8s ease-in-out;
	z-index: 100;
}
.header__ttl {
	position: absolute;
	top: 30px;
	left: 40px;
	z-index: 3;
	font-weight: 400;
}
.header__ttl_link {
	font-size: 14px;
	transition: .25s linear;
	-webkit-transition: .25s linear;
}
.header__ttl_link.is-white {
	color: #fff;
}
.header__ttl_link.is-black {
	color: #222;
}
.header__aside {
	z-index: 3;
	
	position: fixed;
	bottom: 60px;
	left: 0;
	width: 100%;
	text-align: center;
	display: block;
/*
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	transition: .25s linear;
	-webkit-transition: .25s linear;
*/
}
.is-open .header__aside {
	visibility: visible;
	opacity: 1;
	pointer-events: auto;
}
.header__aside_sns {
	display: inline-block;
	vertical-align: middle;
}
.header__aside_store {
	display: inline-block;
	vertical-align: bottom;
	transition: .25s linear;
	-webkit-transition: .25s linear;
	color: #fff;
}
.header__aside_line {
	display: inline-block;
	vertical-align: middle;
	width: 1px;
	height: 30px;
	background-color: #ccc;
	margin-bottom: 4px;
	transition: .25s ease-in-out;
	-webkit-transition: .25s ease-in-out;
	margin: 0 15px 2px 15px;
}
.store-img {
	display: inline-block;
	width: 21px;
	height: 21px;
	margin-left: 5px;
	margin-bottom: -1px;
	background-size: contain;
	transition: .25s linear;
	-webkit-transition: .25s linear;
	background-repeat: no-repeat;
}
.store-txt {
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	font-weight: 500;
	
}
.sns-txt {
	display: block;
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 18px;
}
.sns-link {
	display: inline-block;
	transition: opacity .25s linear;
	-webkit-transition: opacity .25s linear;
	margin-left: 12px;
	margin-right: 12px;
	opacity: 0.4;
}
.sns-link:hover {
	opacity: 1;
}
.sns-link:last-child {
	margin-right: 0;
}
.sns-link__img {
	vertical-align: middle;
	width: auto;
	height: 24px;
	transition: opacity 
}
.sns-link-yt .sns-link__img {
	height: 22px;
	margin-top: 1px;
}
@media screen and (max-width:991px) {
	.sns-link {
		margin-left: 10px;
		margin-right: 10px;
	}
	.sns-txt {
		margin-bottom: 16px;
	}
	.sns-link__img {
		vertical-align: middle;
		width: auto;
		height: 22px;
	}
	.sns-link-yt .sns-link__img {
		height: 20px;
		margin-top: 1px;
	}
}
@media screen and (max-width:575px) {
	.header__aside {
		bottom: 30px;
	}
	.sns-txt {
		margin-bottom: 10px;
	}
	.sns-link__img {
		vertical-align: middle;
		width: auto;
		height: 20px;
	}
	.sns-link-yt .sns-link__img {
		height: 18px;
		margin-top: 1px;
	}
}

/* ------------------------------------------
	parts - menu -
------------------------------------------ */
/* menubtn */
.header__menubtn {
	display: block;
	position: fixed;
	top: 30px;
	left: 30px;
	width: 32px;
	height: 36px;
	cursor: pointer;
}
.header__menubtn_inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 32px;
	height: 19px;
	margin: 0 auto;
}

.header__menubtn::after {
	content: "menu";
	font-size: 14px;
	line-height: 1;
	display: block;
	position: absolute;
	bottom: -3px;
	left: 50%;
	transform-origin: center center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;	
}

.is-open .header__menubtn::after {
	content: "close";
}
.is-white.header__menubtn::after {
	color: #fff;
}
.is-black.header__menubtn::after {
	color: #222;
}

.menubtn__line {
	width: 36px;
	height: 1px;
	background-color: #000;
}
.menubtn__line {
	position: absolute;
	width: 100%;
	height: 1px;
	background-color: #000;
	border-radius: 1px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.header__menubtn.is-black .menubtn__line {
	background-color: #000;
}

.header__menubtn.is-white .menubtn__line {
	background-color: #fff;
}

.menubtn__line:nth-of-type(1) {
	top: 0;
	opacity: 1;
}
.menubtn__line:nth-of-type(2) {
	top: 9px;
	left: 50%;
	transform: translateX(-50%) rotate(0);
	-webkit-transform: translateX(-50%) rotate(0);
}
.menubtn__line:nth-of-type(3) {
	top: 9px;
	left: 50%;
	transform: translateX(-50%) rotate(0);
	-webkit-transform: translateX(-50%) rotate(0);
}
.menubtn__line:nth-of-type(4) {
	bottom: 0;
	opacity: 1;
}

body.is-open .menubtn__line:nth-of-type(1),body.is-open .menubtn__line:nth-of-type(4) {
	opacity: 0;
}
body.is-open .menubtn__line:nth-of-type(2) {
	width: 36px;
	transform: translateX(-50%) rotate(45deg);
	-webkit-transform: translateX(-50%) rotate(45deg);
}
body.is-open .menubtn__line:nth-of-type(3) {
	width: 36px;
	transform: translateX(-50%) rotate(-45deg);
	-webkit-transform: translateX(-50%) rotate(-45deg);
}



/* header-menu */
.navmenu {
	visibility: hidden;
	-webkit-visibility: hidden;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background-color: transparent;
	opacity: 0;
	transition: ease-in-out 0.3s;
	overflow-y: scroll;
}

.navmenu__inner {
	position: absolute;
	display: inline-block;
	top: 50%;
	left: 0;
	width: 100%;
	padding-left: 120px;
	padding-right: 120px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	overflow: scroll;
	box-sizing: border-box;
}
.navmenu__body {
	overflow: hidden;
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}

/*
.navmenu__ul {
	margin-left: 100px;
}
*/
.navmenu__ul li:last-child {
	margin-bottom: 0;
}
/*
.sub-menu {
	margin-left: 0;
	padding-left: 20px;
	position: relative;
}
.sub-menu::before {
	content: '';
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 1px;
	height: 140px;
	background-color: #999;
}
*/

.navmenu li a::before {
	transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
}
.navmenu li a:hover::before {
	opacity: 0.6;
}
.footer li a:hover {
	opacity: 0.6;
}


.navmenu__left {
	float: left;
/* 	width: calc(100% / 3 * 2); */
	padding-right: 0;
	box-sizing: border-box;
}

.navmenu__left_1 {
	float: left;
	margin-right: 70px;
	text-align: left;
}
.navmenu__left_2 {
	float: left;
	margin-right: 90px;
	text-align: left;
}


.navmenu__ul {
	overflow: hidden;
	margin-left: 0;
}
.navmenu__ul li {
	margin-bottom: 45px;
}
.navmenu__left #menu-grobal-2 li:last-child {
	margin-bottom: 0;
}

.navmenu__ul li a {
	width: 180px;
	height: 46px;
	display: block;
	overflow: hidden;
	position: relative;
	color: #fff;
	font-size: 18px;
	transition: ease-in-out 0.25s opacity;
	-webkit-transition: ease-in-out 0.25s opacity;
}
.navmenu__ul li a:hover {
	opacity: 0.6;
}
.navmenu__ul li a::after {
	content: "";
/* 	color: #cacaca; */
	color: #b8a57b;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 14px;
	font-family: 'Garamond Premier Pro', serif !important;
	line-height: 1;
	letter-spacing: 0.05em;
}
/* header */
.navmenu li#menu-item-83 a::after { /* 宝珠山 北室院 */
	content: "About";
}
.navmenu li#menu-item-78 a::after { /* お知らせ */
	content: "News";
}
.navmenu li#menu-item-95 a::after { /* ご祈祷／ご供養 */
	content: "Prayer and Offering";
}
.navmenu li#menu-item-85 a::after { /* ご供養 */
	content: "Offering";
}
.navmenu li#menu-item-90 a::after { /* 交通案内 */
	content: "Access";
}
.navmenu li#menu-item-78 a::after { /* お知らせ */
	content: "News";
}
.navmenu li#menu-item-82 a::after { /* 境内案内 */
/* 	content: "Precinct Guide"; */
	content: "Precinct Guide";
}
.navmenu li#menu-item-91 a::after { /* 宝 珠 */
	content: "Column";
}
/* header-1 */
.navmenu li#menu-item-97 a::after { /* 宝珠山 北室院 */
	content: "About";
}
.navmenu li#menu-item-98 a::after { /* お知らせ */
	content: "News";
}

.navmenu li#menu-item-99 a::after { /* 宝 珠 */
	content: "Column";
}

.navmenu li#menu-item-100 a::after { /* ご祈祷・ご供養 */
	content: "Prayer and Offering";
}
.navmenu li#menu-item-101 a::after { /* 境内案内 */
	content: "Precinct Guide";
}
.navmenu li#menu-item-104 a::after { /* 交通案内 */
	content: "Access";
}
.navmenu li#menu-item-103 a::after { /* お問合せ */
	content: "Contact";
}

.navmenu__right {
	float: left;
/* 	width: calc(100% / 3); */
	padding-left: 80px;
	box-sizing: border-box;
	text-align: left;
	border-left: solid 1px #999;
}

.navmenu__right li {
	margin-bottom: 38px;
}

.navmenu__right li a {
	position: relative;
	display: block;
	width: 158px;
	height: 38px;
	color: transparent;
}
.navmenu li#menu-item-15531 a {
	background-image: url(../images/img_link-jump-white-opacity.png);
	background-size: auto 13px;
	background-position: right 5px;
	background-repeat: no-repeat;
}
.navmenu li#menu-item-15531 a:hover {
	background-image: url(../images/img_link-jump-white-hover.png);
}

.navmenu__right li a::before {
	content: "";
	font-size: 16px;
	line-height: 1;
	color: #fff;
}


.navmenu__right li a::after {
	position: absolute;
	left: 0;
	bottom: 0;
	color: #cacaca;
	display: block;
	font-family: 'Garamond Premier Pro', serif !important;
	letter-spacing: 0.05em;
	line-height: 1;
	font-size: 12px;
}


@media screen and (max-width: 1200px) {
	.navmenu__inner {
		padding-left: 90px;
		padding-right: 90px;
	}	
}

@media screen and (max-width:991px) {
	
	.navmenu__inner {
		margin-top: 160px;
		padding-bottom: 80px;
		top: 0;
		transform: translate(0);
		-webkit-transform: translate(0);
		-moz-transform: translate(0);
		-ms-transform: translate(0);
	}
	.navmenu__ul li {
		margin-bottom: 20px;
	}

	.navmenu__left {
		padding-right: 0;
		padding-bottom: 0px;
		box-sizing: border-box;
		margin-bottom: 50px;
	}
	.navmenu__left_2 {
		margin-right: 0;
	}
		
	.navmenu__left li {
		margin-bottom: 50px;
	}
	.navmenu__left li a {
		width: 155px;
		height: 40px;
	}
	
	.navmenu__left li a::before {
		height: 22px;
	}
	.navmenu__left li a::after {
		font-size: 12px;
	}
	
	.navmenu__right {
		width: 100%;
		padding-top: 50px;
		padding-left: 0;
		border-top: 1px solid #999;
		border-left: none;
	}
	.navmenu__right li {
		float: left;
		margin-bottom: 30px;
	}
	.navmenu__right li:nth-of-type(3),.navmenu__right li:nth-of-type(4) {
		margin-bottom: 0;
	}
		
	.navmenu__right li:nth-of-type(1),.navmenu__right li:nth-of-type(2n+1) {
		margin-right: 70px;
	}
	.navmenu__right li a {
		width: 155px;
		height: 36px;
	}
	.navmenu li#menu-item-15531 a {
		background-size: auto 12px;
		background-position: 125px 7px;
	}
	
	.navmenu__right li a::before {
		font-size: 14px;
	}
	.navmenu__right li a::after {
		font-size: 10px;
	}
}

@media screen and (max-width: 767px) {
	.navmenu__inner {
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (max-width:575px) {
	.navmenu__inner {
		margin-top: 120px;
/* 		width: 315px; */
		width: 100%;
		padding-bottom: 30px;
		position: relative;
		left: 0;
		top: 0;
		transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
	}
	.navmenu__left {
		margin-bottom: 35px;
	}	
	.navmenu__right {
		padding-top: 35px;
	}	
	.navmenu__left_1 {
		float: none;
		margin-bottom: 30px;
		width: 100%;
		
	}
	.navmenu__left_2 {
		float: none;
	}
	.navmenu__left li {
/* 		margin-bottom: 40px; */
		margin-bottom: 30px;
	}
	.navmenu__left li a {
		width: 100%;
	}
	.navmenu__left_1 {
/* 		margin-right: 35px; */
		margin-right: 0px;
	}
	.navmenu__left li a::before {
		height: 18px;
	}
	
	.navmenu__right li:nth-of-type(1),.navmenu__right li:nth-of-type(2n+1) {
/* 		margin-right: 35px; */
		margin-right: 0px;
	}
	.navmenu__right li a {
		width: 157px;
		height: 34px;
		font-size: 16px;
	}
	
	.navmenu__right li a::after {
		font-size:12px;
	}
	
	
	
	
}



body.is-open .navmenu {
	opacity: 1;
	visibility: visible;
	-webkit-visibility: visible;
	pointer-events: auto;
	z-index: 10;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background-color: rgba(0,0,0,0.6);	
}

body.no-scroll {
	overflow: hidden;
}

.header__logo {
	position: fixed;
	top: 30px;
	right: 20px;
/*
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
*/
}
.header__logo_inner {
	width: 70px;
	height: 270px;
}
.header__logo_img {
	width: 100%;
	height: 100%;
}

.logo-bg {
	width: 100%;
	height: 56px;
	transition: opacity 0.8s ease-in-out;
	-webkit-transition: opacity 0.8s ease-in-out;
	margin-bottom: 20px;
}
.logo-bg div {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/logo-mon-gold.svg);
	transition: background-image 0.3s ease-in-out;
	-webkit-transition: background-image 0.3s ease-in-out;
}
.logotype-bg {
	width: 100%;
	height: 190px;
	transition: opacity 0.8s ease-in-out;
	-webkit-transition: opacity 0.8s ease-in-out;
}
.logotype-bg div {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-position: 65% 50%;
	background-repeat: no-repeat;
	background-image: url(../images/logotype-black.png);
	transition: background-image 0.3s ease-in-out;
	-webkit-transition: background-image 0.3s ease-in-out;
}

body.is-open .logo-bg div,.header__logo.is-black .logo-bg div {
	background-image: url(../images/logo-mon-black.svg);
	background-image: url(../images/logo-mon-gold.svg);
}
body.is-open .logotype-bg div,.header__logo.is-black .type-bg div {
	background-image: url(../images/logotype-black.png);
}

.header__logo.is-white .logo-bg div {
	background-image: url(../images/logo-mon-white.svg);
	background-image: url(../images/logo-mon-gold.svg);
}
.header__logo.is-white .logotype-bg div {
	background-image: url(../images/logotype-white.png);
}
@media screen and (max-width:575px) {
	.header__logo {
		top: 15px;
		right: 15px;
	}
	.header__menubtn {
		top: 20px;
		left: 20px;
	}
	.header__logo_inner {
		width: 50px;
		height: 235px;
	}
	.logo-bg {
		height: 48px;
		margin-bottom: 15px;
	}
	.logotype-bg {
		height: 170px;
	}
	
	
}

/* white */
.header__aside.is-white .header__aside_store {
	color: #fff;
}
.header__aside.is-white .header__aside_sns {
	color: #fff;
}
.header__aside.is-white .header__aside_line {
	background-color: #ccc;
}
.header__aside.is-white .sns-img__instagram {
/* 	background-image: url(../images/img_instagram-white.png); */
}
.header__aside.is-white .sns-img__youtube {
/* 	background-image: url(../images/img_youtube-white.png); */
}

/* black */
.header__aside.is-black .header__aside_store {
	color: #000;
}
.header__aside.is-black .header__aside_line {
	background-color: #999;
}
.header__aside.is-black .sns-img__instagram {
/* 	background-image: url(../images/img_instagram-black.png); */
}
.header__aside.is-black .sns-img__youtube {
/* 	background-image: url(../images/img_youtube-black.png); */
}

@media screen and (max-width:767px) {
		
	.sub-menu {
		padding-left: 20px;
	}
	.sub-menu::before {
		height: 110px;
	}
	.header__ttl {
		left: 20px;
	}
}

.section__header_tab {
	text-align: right;
	margin-bottom: 10px;
}

.btn-tab {
	display: inline-block;
	color: #ccc;
	padding: 0 0;
	cursor: pointer;
}

.tab-slash {
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.tab-slash::after {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	transform-origin: center center;
	transform: translate(-50%,-50%) rotate(-45deg);
	width: 100%;
	height: 1px;
	background-color: #999;
}
.btn-tab.is-active {
	color: #222
}
.section__body_tab {
	display: none;
}
.section__body_tab.is-show {
	display: block;
}
@media screen and (max-width:991px) {
	.section__header_tab {
		margin-bottom: 25px;
	}

}

/* ------------------------------------------
	footer
------------------------------------------ */
.footer {
	background-color: #000;
	overflow: hidden;
	color: #ccc;
	height: 260px;
	position: relative;
}
#home .footer{
	background-image:url(../images/img_footer-bg.jpg);background-position: 50% 50%;background-size:cover;
}
.footer__inner {
	position: relative;
	height: 100%;
	margin-left: 30px;
	margin-right: 30px;
}
.footer__txt {
	font-size: 12px;
	margin-bottom: 20px;
}
.link_txt-white,.link_txt-white:visited {
	color: #fff;
}
.link_txt-white:hover {
	opacity: 0.6;
}
.link_txt-black,.link_txt-black:visited {
	color: #000;
}
.link_txt-black:hover {
	opacity: 0.6;
}
.footer__txt_sub {
	font-size: 10px;
}

.footer__copy {
	font-size: 12px;
	position: absolute;
	bottom: 25px;
	left: 30px;
}
.footer__txt_logo {
	width: 120px;
	position: absolute;
	bottom: 46px;
	right: 0;
}
@media screen and (max-width:767px) {
	.footer {
		height: auto;
/* 		height: auto; */
	}
	.footer__inner {
	}
	.footer__copy {
		left: 30px;
	}
	.footer__txt_logo {
		width: 40px;
	}
}

.bg::after {
	content: "";
	position: absolute;
	top:0;
	left: 0;
	background-color: rgba(0,0,0,0.2);
	width: 100%;
	height: 100%;
	z-index: 0;
}

/* Main Visual
------------------------------------------ */
.mv {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.mv__logo {
	position:absolute;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transition: opacity ease-in-out 0.8s;
	-webkit-transition: opacity ease-in-out 0.8s;
	z-index: 1;
}
.mv__logo_img {
	width: 65px;
	height: auto;
}
@media screen and (min-width:1300px) and (orientation:landscape) {
	.mv__logo {
		top: 200px;
	}
	.mv__logo_img {
		width: 75px;
		height: auto;
	}
}
@media screen and (max-width:1400px) {
}

@media screen and (max-width:991px) {
/*
	.mv__logo_img {
		width: 100px;
	}
*/
}
@media screen and (max-width:575px) {
	.mv__logo {
		top: 120px;
	}
	.mv__logo_img {
		width: 55px;
	}
}
/*
@media screen and (max-width:1400px) and (orientation:portrait) {
	.mv__logo {
		position:absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}
}
@media screen and (max-width:767px) and (orientation:landscape) {
	.mv__logo {
		position:absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
	}
}
*/

/* ------------------------------------------
	main
------------------------------------------ */



/* bg
------------------------------------------ */
video {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	height: auto;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%); /* for iOS and Chrome */
	-ms-transform: translate(-50%,-50%); /* for IE */
	-moz-transform: translate(-50%,-50%); /* for Firefox */
}
.bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh; /* fall back */
	overflow: hidden;
	backface-visibility: "hidden";
	-webkit-backface-visibility: "hidden"; /* for iOS and Chrome */
	z-index:0;
	position: sticky;
	margin-top:-100vh;	
}
.bg__overlay {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.7);
	z-index: 2;
	opacity: 0;
}
.bg__video-sp {
	display: none;
}
.bg__video-pc {
	display: block;
}
@media screen and (max-width:991px) {
	.bg__video-sp {
		display: block;
	}
	.bg__video-pc {
		display: none;
	}
}


/* movie section */
.movie-section {
	overflow: hidden;
	background-color: #000;
	margin-top: 80px;
	padding-left: 0px;
	padding-right: 0px;
}
.movie-section__inner {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.movie {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
}
.movie__iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*
@media screen and (max-width:991px) {
	.movie-section {
		padding-left: 90px;
		padding-right: 90px;
	}
}
@media screen and (max-width:767px) {
	.movie-section {
		padding-left: 30px;
		padding-right: 30px;
	}
}
*/
.movie__ttl_en {
	font-family: 'Garamond Premier Pro', serif !important;
	font-size: 16px;
	margin-bottom: 60px;
	color: #ccc;
	text-align: center;
}
.movie__youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
	margin-bottom: 60px;
	margin-left: auto;
	margin-right: auto;
}
.movie__youtube_iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.movie__credit_ja {
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", serif !important;
	font-size: 10px;
	text-align: center;
	color: #999;
	word-break: keep-all;
}
.movie__credit_en {
	font-family: 'Garamond Premier Pro', serif !important;
	font-size: 11px;
	text-align: center;
	color: #999;
	word-break: keep-all;
}
.bg__ytb {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 10;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}
.bg__ytb.is-fadein {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}
.bg__video.is-fadeout {
	opacity: 0;
}
.bg__ytb_iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	transform: translate(-50%,-50%);
	overflow: hidden;
}
.bg__ytb_iframe iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* moviebtn / open btn / close btn
------------------------------------------ */

/* moviebtn */
.moviebtn {
	position: absolute;
	left: 30px;
	bottom: 30px;
	transition: opacity 0.8s ease-in-out;
	-webkit-transition: opacity 0.8s ease-in-out;
	z-index: 3;
	cursor: pointer;
}
.moviebtn__img {
	display: inline-block;
	width: 33px;
	height:auto;
	margin-right: 10px;
}
.moviebtn__txt {
	display: inline-block;
	color: #fff;
	line-height: 1.2;
}
.moviebtn__txt_ja {
}
.moviebtn__txt_en {
	
}


/* open btn */
.modal-open-wrapper {
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 3;
}
.modal-open {
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 12px;
/* 	border: 1px solid #fff; */
}
.modal-open__txt {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
}
.modal-open__icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-position: center bottom;
	background-size: contain;
	background-image: url(../images/img_icon-movie-open-white-3.svg);
	margin-bottom: -11px;
}
@media screen and (max-width:575px) {
	.moviebtn {
		left: 19px;
	}
	.moviebtn__img {
		width: 30px;
		margin-right: 5px;
	}
	.moviebtn__txt {
		font-size: 12px;
	}
}

/* close btn */
.modal-close-wrapper {
	position: absolute;
	left: 30px;
	bottom: 30px;
	z-index: 1;
}
.modal-close {
	display: inline-block;
	padding-top: 20px;
	padding-bottom: 12px;
}
.modal-close__txt {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	margin-left: 10px;
}
.modal-close__icon {
	display: inline-block;
	width: 32px;
	height: 32px;
	background-position: center bottom;
	background-size: contain;
	background-image: url(../images/img_icon-movie-close-white-3.svg);
	margin-bottom: -11px;
}

/* link txt */
.link_underline {
	text-decoration:underline;
	display:block;
	color:#333;	
}
.link_img {
	width: 14px;
	vertical-align: text-bottom;
/* 	margin-bottom: 3px; */
	margin-left: 4px;
}
.link_img-arrow {
	width: 13px;
	vertical-align: text-bottom;
	margin-bottom: 2px;
	margin-left: 4px;
}
.link-txt {
	display: inline-block;
	transition: ease-in-out 0.25s opacity;
	-webkit-transition: ease-in-out 0.25s opacity;
	line-height: 1.75;
}
.link-txt:hover {
	opacity: 0.6;
}
/* link-box */
.link-box {
	width: 240px;
	height: 48px;
	margin-left: 0;
	margin-right: auto;
	text-align: left;
	display: block;
	border: solid 1px #999;
	position: relative;
	box-sizing: border-box;
	position: relative;
	margin-top: 40px;
	border-radius: 24px;
}
.post-nav__back .link-box {
	margin-top: 0;
}
.link-box__inner {
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	display: block;
	line-height: 46px;
}

.link-box-dark {
	border: solid 1px #999;
	background-color: transparent;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}
.link-box-dark:hover {
	background-color: rgba(255,255,255);
}
.link-box-white {
	border: solid 1px #fff;
	background-color: transparent;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}
.link-box-white:hover {
	background-color: rgba(255,255,255,0.3);
}
#top-prayer .link-box-dark,#top-contact .link-box-dark {
	border: solid 1px #999;
	background-color: transparent;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}
#top-prayer .link-box-dark:hover,#top-contact .link-box-dark:hover {
	background-color: #f2f2f2;
}
.link-box-center {
	margin-left: auto;
	margin-right: auto;
}
.link-box__txt {
	position: relative;
	top: -1px;
	font-size:12px;
}
.link-box__img {
	position: absolute;
	top: 50%;
	right: 16px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	width: 12px;
	height: auto;
	transition: right 0.22s ease-in-out;
	-webkit-transition: right 0.22s ease-in-out;
}
.link-box__img.link-box__img-left {
	left: 16px;
	right: auto;
	transition: left 0.22s ease-in-out;
	-webkit-transition: left 0.22s ease-in-out;
}
.link-box:hover .link-box__img {
	right: 10px;
}
.link-box,.link-box:active,.link-box:visited,.link-box:focus {
	color: #333;
}
@media screen and (max-width:991px) {
	.link-box {
		width: 200px;
	}
}

.link-inline {
	border-bottom: 1px solid #333;
}
.link-inline__txt {
	font-size: 12px;
}


#pagetop {
	visibility: visible;
	-webkit-visibility: visible;
	transition: 0.3s linear;
	-webkit-transition: 0.3s linear;
	opacity: 0.8;
}
#pagetop.is-fadeout {
	opacity: 0 !important;
	visibility: hidden;
	-webkit-visibility: hidden;
	pointer-events: none;
}
.flow-line {
	position: absolute;
	top: -70px;
	left: 50%;
	z-index: 2;
	display: block;
	height: 140px;
	width: 1px;
	margin-left: auto;
	margin-right: auto;
	background-color: #999;
}
@media screen and (max-width:767px) {
	.flow-line {
		top: -60px;
		height: 120px;
	}
}
/* ------------------------------------------
	page top
------------------------------------------ */
.main-wrapper {
	position: relative;
	background-color: #fff;
}
/* ------------------------------------------
	page about
------------------------------------------ */
#about {
	background-color: #fff;
}
/* ------------------------------------------
	news / column
------------------------------------------ */
#top-news,#news-archive,#news-category,#news-single {
	position: relative;
	background-color: #fafaf0;
}
#top-column,#column-archive,#column-category,#column-single {
	position: relative;
	background-color: #fafaf0;
}

.capsule {
	display: inline-block;
	text-align: center;
}
.capsule__txt {
	font-size: 10px;
	border-radius: 8px;
	border: 1px solid #999;
	padding: 2px 10px;
	display: inline-block;
	line-height: 1;
	min-width: 65px;
	box-sizing: border-box;
}
.archive-cloud {
	margin-bottom: 30px;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.archive-cloud li {
	display: inline-block;
	margin-bottom: 10px;
	margin-left: 8px;
	margin-right: 8px;
}

.capsule__link {
	font-size: 12px;
	border-radius: 2px;
	border: 1px solid #bbb;
	padding: 2px 8px;
	transition-property: background-color,color;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
}

.archive-cloud li a {
	font-size: 12px;
	border: 1px solid #bbb;
	padding: 4px 10px;
	transition-property: background-color,color;
	transition: 0.3s ease-in-out;
	-webkit-transition: 0.3s ease-in-out;
	border-radius: 12px;
}
.capsule__link:hover {
	border: 1px solid #000 !important;
}
.archive-cloud li a:hover {
	background-color: #fff;
}
.archive-cloud li.current-cat a {
	background-color: #fff;
}
@media screen and (max-width:991px) {
	.news__sidebar {
		position: relative;
		top: auto;
		left: auto;
		width: 100%;
		margin-bottom: 50px;
	}
	.news__sidebar .cat-item {
		display: inline-block;
		margin-right: 10px;
	}
	.news__body {
		margin-left: 0;
		width: 100%;
	}
}

@media screen and (max-width:575px) {
	.archive-cloud ul {
		max-height: 98px;
		overflow: hidden;
	}
}



/* ------------------------------------------
	Grid
------------------------------------------ */
.module__grid-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: repeat(11,100px);
	gap: 2px;
	height: 100%;
}
.module__grid_item {
	
}
.module__grid_item div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
}

@media screen and (max-width:575px) {
	.module__grid-wrapper {
		grid-template-rows: repeat(11,60px);
	}
}

/* hover */
.module__grid_item:hover {
	
}
.module__grid_item div::after {
	opacity: 0;
	transition: opacity 1s cubic-bezier(.2,.87,.48,.93);
	content: "";
	background-color: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.module__grid_item:hover div::after {
	opacity: 0.4;
}



/* pagenavi / fanccybox
 * ------------------------------------------------------------*/
/* pagenavi  */
.wp-pagenavi {
	margin-top: 40px;
	text-align: center;
	margin-left: -8px;
}
.wp-pagenavi a, .wp-pagenavi span {
    font-family: 'Garamond Premier Pro', serif;
    border: none;
    color: #999;
    padding: 4px 8px;
    margin: 0;
    font-size: 14px;
    transition: ease-in-out 0.25s;
    -webkit-transition: ease-in-out 0.25s;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border: none;
    color: #333;
}

 
 
 /* fanccybox  */
 .fancybox-image, .fancybox-spaceball {
	height: auto;
/* 	max-width: 80%; */
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}

.fancybox-slide {
	padding: 120px 120px;
}
@media screen and (max-width:991px) {
	.fancybox-slide {
		padding: 60px 90px;
	}
}
@media screen and (max-width:767px) {
	.fancybox-slide {
		padding: 60px 30px;
	}
}

@media screen and (max-width:767px) {
	.fancybox-image, .fancybox-spaceball {
/* 		max-width: 90%; */
	}
}
.fancybox-container {
	transition-timing-function: cubic-bezier(.22, .61, .36, 1);
/*
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
*/
	background-color: #fff;
	opacity: 0;
}

.fancybox-container.fancybox-is-open {
	opacity: 1;
}
.fancybox-bg {
	background-color: transparent;
}
.fancybox-content {
/* 	width: 100%; */
}
.fancybox-caption {
	color: #333;
	background: transparent;
	padding-left: 120px;
	padding-right: 120px;
/*
	max-width: 1204px;
	margin-left: auto;
	margin-right: auto;
*/
}
@media screen and (max-width:991px) {
	.fancybox-caption {
		padding-left: 90px;
		padding-right: 90px;
	}
}
@media screen and (max-width:767px) {
	.fancybox-caption {
		padding-left: 30px;
		padding-right: 30px;
	}
}
 .fancybox-button {
	 background-color: transparent;
 }
 .fancybox-navigation .fancybox-button--arrow_right { /* <button> */
	 padding: 0;
 }
 .fancybox-navigation .fancybox-button--arrow_left { /* <button> */
	 padding: 0;
 }
 .fancybox-navigation .fancybox-button div { /* fancybox-button__inner */
	width: 100%;
	height: 1px;
	overflow: hidden;
	padding: 0;
 }
.fancybox-button__line {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #999;
 }
.fancybox-button__line::after {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 2;
	transition: 0.22s linear;
	-webkit-transition: 0.22s linear;
}

.fancybox-container .fancybox-button__line::after {
	background-color: #fff;
}

@media screen and (max-width:767px) {
	.fancybox-button__line::after {
		transition: 0.18s linear;
		-webkit-transition: 0.18s linear;
	}
}
@media screen and (max-width:575px) {
	.fancybox-navigation .fancybox-button {
		width: 50px;
	}
}

.fancybox-navigation .fancybox-button--arrow_left {
	left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
	right: 0;
}


.fancybox-button--arrow_left .fancybox-button__line::after {
	transform: translateX(100%);
}
.fancybox-button--arrow_right .fancybox-button__line::after {
	transform: translateX(-100%);
}

.fancybox-button--arrow_left:hover .fancybox-button__line::after {
	transform: translateX(0);
}

.fancybox-button--arrow_right:hover .fancybox-button__line::after {
	transform: translateX(0);
}

/* fancybox-button--close */
.fancybox-toolbar,.fancybox-infobar,fancybox-button { outline:none; }
.fancybox-toolbar {
	top: 0px;
	right: 0;
}
.fancybox-button.fancybox-button--zoom,.fancybox-button.fancybox-button--play {
	display: none !important;
}
.fancybox-infobar {
	top: auto;
	left: auto;
	right: 30px;
	bottom: 82px;
	height: auto;
	line-height: 1;
	padding: 0;
	min-width: auto;
	font-size: 12px;
}
@media screen and (max-width:767px) {
	.fancybox-toolbar {
		top: 0;
		right: 0;
	}
}
.fancybox-button--close {
	position: absolute;
	top: 12px;
	right: 18px;
	width: 48px;
	height: 48px;
	padding: 0;
}
.fancybox-button--close::after {
	content: "close";
	font-size: 13px;
	font-family: 'Garamond Premier Pro', serif !important;
	letter-spacing: 0.05em;
	display: block;
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform-origin: center center;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	color: #333;
}
.fancy-button--close__inner {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	display: block;
	margin: 0 auto;
	width: 36px;
	height: 19px;
}
.fancybox-button--close span {
	position: absolute;
	top: 9px;
	right: 0px;
	width: 100%;
	height: 1px;
	background-color: #333;
	transform-origin: center;
	-webkit-transform-origin: center;
}
.fancybox-container .fancybox-button--close span {
	background-color: #333;
}
.fancybox-button--close span:nth-of-type(1) {
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);

}
.fancybox-button--close span:nth-of-type(2) {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}


/* 404
--------------------------*/

#no-page {
	min-height: calc(100vh - 250px);
	position: relative;
}
.no-page__txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	text-align: center;
}








/*	.item / .top-item / .movie-item
---------------------------------------- */
.item {
	float: left;
	width: calc(100% / 3);
}

.archive-item {
	display: flex;
	flex-direction: column;
	width: calc(100% / 3);
	margin-bottom: 30px;
}
.movie-item {
	float: left;
	width: calc(100% / 3);
	margin-bottom: 4px; /* 48px + 8px = 56px */
}
.movie-item:nth-of-type(1),.movie-item:nth-of-type(4),.movie-item:nth-of-type(5) {
	width: calc(100% / 3);
}
.movie-item:nth-of-type(2),.movie-item:nth-of-type(3),.movie-item:nth-of-type(6) {
	width: calc(100% / 3 * 2);
}

.item__inner {
	padding-left: 15px;
	padding-right: 15px;
}
.archive-item__inner {
	padding-left: 15px;
	padding-right: 15px;
}
.movie-item__inner {
	padding-left: 2px;
	padding-right: 2px;
	position: relative;
}

.item-wrapper {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
}
.archive-item-wrapper {
	overflow: hidden;
	margin-left: -15px;
	margin-right: -15px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
.movie-item-wrapper {
	overflow: hidden;
	margin-left: -2px;
	margin-right: -2px;
}

.movie-caption__ttl {
	text-align: left;
	font-size: 14px;
	margin-bottom: 4px;
}
.movie-caption__ttl span {
	display: block;
	font-size: 12px;
	line-height: 1;
}
.movie-caption__txt {
	text-align: left;
	font-size: 12px;
	max-width: 280px;
/* 	max-width: 300px; */
}

.movie-item__ttl {
	position: absolute;
	left: 20px;
	bottom: 15px;
	color: #eee;
	z-index: 3;
	font-size: 14px;
	width: calc(100% - 40px);
}
.movie-item__ttl span {
	display: block;
	font-size: 12px;
	line-height: 1;
}
.movie-item__excerpt {
	margin-top: 10px;
	font-size: 14px;
	color: #666;
}
.movie-item a {
}
/*
.movie-item__link {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	z-index: 3;
	color: #fff;
	font-size: 12px;
	padding: 8px 14px;
	background-color: rgba(0,0,0,0.6);
	transition: 0.22s ease-in-out;
	-webkit-transition: 0.22s ease-in-out;
	opacity: 0.6;
}
.movie-item__link img {
	width: 12px;
	vertical-align: text-bottom;
	margin-left: 8px;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	transition: 0.22s ease-in-out;
	-webkit-transition: 0.22s ease-in-out;
}
.movie-item a:hover .movie-item__link {
	opacity: 0.8;
}
.movie-item a:hover .movie-item__link img {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-ms-transform: translateX(4px);
}
*/

/* article */
.article__box {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 20px;
	padding-top: 15px;
}
.article__box {
	min-height: 120px;
	margin-bottom: 0;
}
.archive-item .article__box {
	min-height: 120px;
}
.article__ttl {
	max-height: 48px;
	overflow: hidden;
}
#top-news .article__ttl {
	height: 48px;
}
.article__excerpt {
	margin-top: 10px;
	font-size: 12px;
	color: #ccc;
	line-height: 1.5;
}

.article__bg {
	height: 0;
	padding-top: 66.666%;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.movie-item__bg {
	height: 0;
	padding-top: 100%;
	position: relative;
	overflow: hidden;
	width: 100%;
}
.movie-item:nth-of-type(2) .movie-item__bg,.movie-item:nth-of-type(3) .movie-item__bg,.movie-item:nth-of-type(6) .movie-item__bg {
	padding-top: calc(50% - 2px);
}

.swiper-module .swiper-slide__inner {
	height: 0;
	padding-top: 66.666%;
	position: relative;
	overflow: hidden;
	width: 100%;
}

.article__bg_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	transition: transform 0.4s ease-in-out;
	-webkit-transition: transform 0.4s ease-in-out;
}
.movie-item__bg_img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) scale(1);
	-webkit-transform: translate(-50%,-50%) scale(1);
	-ms-transform: translate(-50%,-50%) scale(1);
	-moz-transform: translate(-50%,-50%) scale(1);
	transform-origin: center center;
	-webkit-transform-origin: center center;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.4s ease-in-out;
	-webkit-transition: transform 0.4s ease-in-out;
	
}
.swiper-module .swiper-slide__inner img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}

.article__bg::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	transition: background-color 0.4s ease-in-out;
	-webkit-transition: background-color 0.4s ease-in-out;
}
.movie-item__bg::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	transition: background-color 0.6s ease-in-out;
	-webkit-transition: background-color 0.6s ease-in-out;
}
.swiper-module .swiper-slide__inner::after {
	content: "";
	width: 100%;
	height: 100%;
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}


a:hover .article__bg::after {
	background-color: rgba(0,0,0,0.2);
}
a:hover .movie-item__bg::after {
	background-color: rgba(0,0,0,0.2);
}

a:hover .article__bg_img {
	transform-origin: center center;
	-webkit-transform-origin: center center;
	transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-moz-transform: scale(1.02);
}
a:hover .movie-item__bg::after {
	background-color: rgba(0,0,0,0.2);
}
a:hover .movie-item__bg_img {
	transform-origin: center center;
	-webkit-transform-origin: center center;
	transform: translate(-50%,-50%) scale(1.02);
	-webkit-transform: translate(-50%,-50%) scale(1.02);
	-ms-transform: translate(-50%,-50%) scale(1.02);
	-moz-transform: translate(-50%,-50%) scale(1.02);
}


.article__box-white {
	background-color: #fff;
	padding: 15px;
}

.article__caption {
	display: block;
	color: #333;
	margin-bottom: 10px;
	overflow: hidden;
}
.article__header {
	overflow: hidden;
}
.article__header_left {
	float: left;
}
.article__header_right {
	float: right;
}

.single-article__header {
	overflow: hidden;
	margin-bottom: 50px;
}
.single-article__header_left {
	float: left;
}
.single-article__header_right {
	float: right;
}

.single-article__caption {
	display: block;
	color: #333;
	margin-bottom: 40px;
	overflow: hidden;
}


.single-article__content p {
	margin-bottom: 20px
}
.single-article__content h4 {
	margin-bottom: 10px;
}

.article__caption_date {
	font-size: 12px;
}

.article__caption_category {
	float: right;
	margin-left: 8px;
}
.article__caption_category .capsule {
	margin-right: 0;
}
.article__caption_category .capsule__link {
	font-size: 10px;
	border-radius: 12px;
	border: 1px solid #bbb;
	padding: 2px 6px;
}

.list-article {
	border-bottom:1px solid #999;
}
.list-article a {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	padding-right: 15px;
	transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	background-color: transparent;
}
.list-article a:hover {
	background-color: #fff;
}
.list-article__date {
	margin-right: 20px;
}
.list-article__category {
	display: inline-block;
	margin-right: 20px;
	margin-top: -2px;
}
.list-article__ttl {
	display: inline-block;
}
@media screen and (max-width:767px) {
	.list-article__date {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.list-article__category {
		display: inline-block;
		float: right;
		margin-right: 0;
	}
	.list-article__ttl {
		display: block;
	}
	
}

/* .top-item style */
.top-item__ttl {
	text-align: center;
	margin-bottom: 20px;
}
.top-item__ttl_img {
	display: block;
	width: auto;
	height: 20px;
	margin-bottom: 2px;
	margin-left: auto;
	margin-right: auto;
}
.top-item__ttl_en {
	display: block;
	font-size: 12px;
}

.ttl-line {
	height: 1px;
	width: 40px;
	background-color: #999;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
.top-item__txt {
	margin-bottom: 30px;
}
.top-item__link {
	text-align: center;
}
.top-item__link_inner {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2px;
	border-bottom: solid 2px #96222a;
	font-size: 12px;
}
@media screen and (max-width:1400px) {
	.archive-navigation__left {
		float: left;
		width: calc(100% / 3 - 15px);
	}
	.archive-navigation__right {
		float: left;
		width: calc(100% / 3 * 2 - 15px);
		padding-left: 30px;
	}
	.single-navigation__left {
		float: left;
		width: calc(100% / 3 - 15px);
	}
	.single-navigation__right {
		float: left;
		width: calc(100% / 3 * 2 - 15px);
		padding-left: 30px;
	}
	
}
@media screen and (max-width:991px) {
	#news-single .module__left {
		width: 100%;
	}
	.header-section__navigation {
		width: 100%;
		overflow: hidden;
	}
	.archive-navigation__left {
		float: none;
		width: 100%;
	}
	.archive-navigation__right {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	.single-navigation__left {
		float: none;
		width: 100%;
	}
	.single-navigation__right {
		float: none;
		width: 100%;
		padding-left: 0;
	}
	
	.item {
		width: calc(100% / 2);
	}
	.top-item {
		width: 100%;
		margin-bottom: 120px;
	}
	.archive-item {
		width: calc(100% / 2);
		margin-bottom: 20px;
	}
	
	.item__inner {
		padding-left: 10px;
		padding-right: 10px;
	}
	.top-item__inner {
		padding-left: 0px;
		padding-right: 0px;
	}
	.movie-item__inner {
	}
	.item-wrapper {
		margin-left: -10px;
		margin-right: -10px;
	}
	.movie-item-wrapper {
		margin-left: -4px;
		margin-right: -4px;
	}
	.top-item__ttl_img {
		height: 22px;
	}
	.contents-wrapper {
		max-width: 480px;
		margin-left: auto;
		margin-right: auto;
	}
	.movie-item__excerpt {
		font-size: 12px;
	}
	.article-swiper .swiper-slide {
		width: 260px !important;
	}
	.member-swiper .swiper-slide {
		width: 260px !important;
	}
	.article__ttl {
		max-height: 42px;
	}
	#top-news .article__ttl {
		height: 42px;
	}
}
@media screen and (max-width:767px) {
	.member-swiper .swiper-slide {
		width: 240px !important;
	}
}

@media screen and (max-width:575px) {
	.archive-item {
		width: 100%;
	}
	
	#precinct .page-section {
		padding-left: 0;
		padding-right: 0;
	}
	
	.movie-item-wrapper {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, auto);
		margin-left: 0;
		margin-right: 0;
		gap: 4px;
	}
	
	.movie-item {
		float: none;
		margin-bottom: 0;
		width: 100% !important;
	}
	
	.movie-item:nth-of-type(1) {
		grid-column:1 / 2;
		grid-row:1 / 2;
	}
	.movie-item:nth-of-type(2) {
		grid-column:2 / 3;
		grid-row:1 / 2;
	}
	.movie-item:nth-of-type(3) {
		grid-column:1 / 2;
		grid-row:2 / 3;
	}
	.movie-item:nth-of-type(4) {
		grid-column:2 / 3;
		grid-row:2 / 3;
	}
	.movie-item:nth-of-type(5) {
		grid-column:1 / 2;
		grid-row:3 / 4;
	}
	.movie-item:nth-of-type(6) {
		grid-column:2 / 3;
		grid-row:3 / 4;
	}
	.movie-item__inner {
		padding-left: 0;
		padding-right: 0;
	}
	.movie-item:nth-of-type(1) .movie-item__bg,.movie-item:nth-of-type(6) .movie-item__bg {
		height: 0;
		padding-top: 100%;
	}
	.movie-item:nth-of-type(2) .movie-item__bg,.movie-item:nth-of-type(3) .movie-item__bg,.movie-item__bg,.movie-item:nth-of-type(4) .movie-item__bg,.movie-item:nth-of-type(5) .movie-item__bg {
		height: 0;
/* 		padding-top: calc(200% + 4px); */
		padding-top: 100%;
	}
	
	
	
	
	
}





.movie-start {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	z-index: 3;
}
.movie-start__img {
	display: block;
	width: 40px;
	height: auto;
	
}

img {
	vertical-align: top;
	width: 100%;
}

.fancybox__body {
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

.module__page-slide {
	overflow: hidden;
	max-width: 480px;
}
.module__page-slide .swiper-module {
	overflow: hidden;
	max-width: 480px;
	margin-bottom: 40px;
}

/* top-precient 境内案内
-------------------------------------------*/
#top-precient {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/img_top-precient-bg.jpg);
}



/* top-iroha
-------------------------------------------*/
#top-iroha {
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/img_top-kuyou-bg.jpg);
}

@media screen and (max-width: 767px) {
	
	#top-iroha {
		
	}
	
}

@media screen and (max-width: 575px) {
	
	#top-iroha {
		
	}
	
}

.banner-wrapper {
	width: 100%;
	max-width: 320px;
	margin-left: auto;
	margin-right: auto;
}
.banner__txt {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
}
.banner__txt span {
	color: #fff;
}
/*
.banner {
	display: block;
	width: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 0;
	padding-top: 50%;
	background-color: #666;
	position: relative;
}
*/

@media screen and (max-width: 767px) {
	
/*
	.banner {
		margin-bottom: 40px;
	}
*/
	
}


.link-box-white .link-box__txt {
	color: #fff;
}


.footer__link {
	position: absolute;
	bottom: 30px;
	right: 0;
	overflow: hidden;
}
.footer__link_inner {
/* 	float: right; */
}
	.footer__exlink_inner {
		text-align: right;
	}

.footer__link li {
	position: relative;
	display: inline-block;
	font-size: 12px;
	padding-right: 14px;
	margin-right: 6px;
}
.footer__link li::after {
	content: "";
	position: absolute;
	top: 5px;
	right: 0;
	width: 1px;
	height: 12px;
	background-color: rgba(204,204,204,0.6);
}

.footer__link li:last-child {
	padding-right: 0;
	margin-right: 0;
	border-right: none;
}
.footer__link li:last-child::after {
	content: none;
}

.footer__link a {
	color: #ccc;
}
@media screen and (max-width: 767px) {
	.footer__link {
		padding-top: 40px;
		padding-bottom: 120px;
		position: relative;
		left: 0;
		bottom: auto;
		right: auto;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}
	.footer__link li {
		padding-right: 12px;
		margin-right: 4px;
	}
	.footer__link {
		padding-top: 120px;
		padding-bottom: 80px;
		max-width: 400px;
	}
	.footer__exlink_inner {
		text-align: left;
	}
	
}



.module__tab {
	margin-bottom: 100px;
	overflow: hidden;
}
.module__tab_ja {
	font-size: 18px;
	display: block;
}
.module__tab_en {
	font-size: 16px;
	display: block;
}
@media screen and (max-width:991px) {
	.module__tab_ja {
		font-size: 16px;
	}
	.module__tab_en {
		font-size: 14px;
	}
	
}
.module__tab_body {
	visibility: hidden;
	height: 0;
	opacity: 0;
}
.module__tab_body.is-show {
	visibility: visible;
	height: auto;
	opacity: 1;
}



.module__tab_list {
	font-size: 12px;
	border-bottom: solid 2px #999;
	padding-top: 10px;
	padding-bottom: 10px;
	display: inline-block;
	width: 50%;
	text-align: center;
	float:left;
	cursor: pointer; 
	color: #999;
	float: left;
	box-sizing: border-box;
}
.module__tab_list.is-active {
	font-weight: bold;
	color: #222;
/*
	border-top: solid 2px #222;
	border-left: solid 2px #222;
	border-right: solid 2px #222;
*/
	border-bottom: solid 2px #222;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.module__tab_list .module__ttl_ja {
	margin-bottom: 0;
}
/*
.module__tab_list .module__ttl_en {
	font-size: 18px;
}
*/
@media screen and (max-width:991px) {
	.module__tab {
		margin-bottom: 80px;
	}
/*
	.module__tab_list h3 {
		font-size: 18px;
	}
	.module__tab_list .module__ttl_en {
		font-size: 16px;
	}
*/
	
}
/* swiper */

/*
.swiper-info {
	overflow: hidden;
}
*/
.swiper-module .swiper-pagination {
	height: 24px;
	width: 50%;
}
.swiper-pagination-bullet {
	margin-right: 10px;
}
.swiper-outer {
	position: relative;
}


.swiper-captions {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	padding: 60px 20px 20px;
	text-align: center;
	box-sizing: border-box;
	opacity: 0;
	transition: 0.25s ease-in-out;
	-webkit-transition: 0.25s ease-in-out;
	visibility: hidden;
	-webkit-visibility: hidden;
	background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);
}

.swiper-captions__txt {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
}
.swiper-module-single .swiper-captions,.swiper-slide-active .swiper-captions {
	opacity: 1;
	visibility: visible;
	-webkit-visibility: visible;
}
.swiper-module-single .swiper-prev-button,.swiper-module-single .swiper-next-button {
	display: none;
}
@media screen and (max-width:991px) {
	.swiper-module-single .swiper-pagination {
		display: none;
	}
}
.swiper-pagination {
	margin-top: 8px;
}

.swiper-news.swiper-container-horizontal>.swiper-pagination-bullets {
/* 	text-align: right; */
	margin-top: 20px;
}