/*
Theme Name: fukagawa_wedding
Author: Yukio Tsukui
Author URI:
Version: 1.0
*/



/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼CSS Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}*, *::before, *::after{box-sizing:border-box;}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼全体設定 */
body {
	font-size:16px;
	color: #333333;
	font-family:'Roboto Condensed',"Noto Sans JP", "メイリオ", sans-serif;
	-webkit-overflow-scrolling:touch;
	-webkit-text-size-adjust:100%;
	}
body:before{
	content:"";
	display: block;
	position: fixed;
	width: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	background:url(img/bg_sample.jpg) no-repeat center;
	background-size:cover;
	z-index:-1;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＠Media Queries＜for PC＞ */
@media (min-width:960px) {
	body:before{
		content:"";
		background:url(img/bg-pc_sample.jpg) no-repeat center;
		background-size:cover;
		}
	}

img {
	display: table-cell;
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
	border: none;
	box-sizing: border-box;
	list-style-type: none;
	vertical-align: middle;
	text-align: center;
	}
a:link {
	color:#FFFFFF;
	text-decoration: none;
	}
a:visited {
	color:#FFFFFF;
	}
a:hover {
	color:#FFFFFF;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼Clearfix設定 */
.clearfix::after {
    content: '';
    display: block;
    clear: both;
    }
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼flexbox設定 */
 /*折り返し*/
.flex-start,
.flex-center,
.flex-end,
.flex-between {
	display: flex;
	flex-wrap: wrap;
	}
    .flex-start {justify-content: flex-start;}
    .flex-center {justify-content: center;}
    .flex-end {justify-content: flex-end;}
    .flex-between {justify-content: space-between;}

 /*折り返し無し*/
.flex-nowrap-start,
.flex-nowrap-center,
.flex-nowrap-end,
.flex-nowrap-between,
.flex-nowrap-pconlybetween,
.flex-nowrap-pcnobetween {
	display: flex;
	flex-wrap: nowrap;
	}
    .flex-nowrap-start {justify-content: flex-start;}
    .flex-nowrap-center {justify-content: center;}
    .flex-nowrap-end {justify-content: flex-end;}
    .flex-nowrap-between {justify-content: space-between;}
    .flex-nowrap-pconlybetween {justify-content: flex-start;}
    .flex-nowrap-pcnobetween {justify-content: space-between;}

 /*PCのみ：折り返し無し*/
.flex-pcnowrap-start,
.flex-pcnowrap-center,
.flex-pcnowrap-end,
.flex-pcnowrap-between {
	display: flex;
	flex-wrap: wrap;
	}
    .flex-pcnowrap-start {justify-content: flex-start;}
    .flex-pcnowrap-center {justify-content: center;}
    .flex-pcnowrap-end {justify-content: flex-end;}
    .flex-pcnowrap-between {justify-content: space-between;}

 /*整列指定*/
.flex-stretch {
	align-items: stretch;
	}
.flex-aligncenter {
	align-items: center;
	}
 /*縦配列指定*/
.flex-y {
	flex-direction: column;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼新着マーク */
.new-icon{
	display: inline-block;
	flex-shrink: 0;
	padding: 0 10px;
	margin-right: 10px;
	color: #FFFFFF;
	font-size: 70%;
	text-align: center;
	line-height: 1.4em;
	background: #FF0000;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼ボタン設定 */
.button {
	width: 100%;
	height: auto;
	padding: 0 20px;
	text-align: center;
	}
.btn_center {
	margin: 0 auto;
	}
a.btn_more {
	position: relative;
	overflow: hidden;
	display: block;
	min-width: 150px;
	max-width: 300px;
	padding: 1.5em 2em;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background: #263A4D;
	border: 1px solid #FFFFFF;
	font-family: 'Noto Serif JP', serif;
	font-size: 80%;
    }
a.btn_more::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	background : #FFFFFF;
	opacity: 0.2;
	transition: .4s;
    }
a.btn_more:hover::before {
	left: 0;
    }
a.btn_more::after {
	position: absolute;
	content: '';
	width: 7px;
	height: 7px;
	top: 42%;
	right: 20px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	transform: rotate(45deg);
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼PC・Phoneエリア設定 */
.pc-area {
	display: none;
	}
.phone-area {
	display: block;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＠Media Queries＜for PC＞ */
@media (min-width: 760px) {
	.pc-area {
		display: block;
		}
	.phone-area {
		display: none;
		}
	}



/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼loading画面設定 */
#loading_section {
	position: fixed;
	width: 100%;
	height: 100%;
	background: #F6F5F4;
	z-index: 10000;
	}
#loading {
	position: fixed;
	width: 100px;
	height: auto;
	top: 50%;
	left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
.loading_logo {
	width: 100px;
	height: 80px;
	margin-bottom: 20px;
	}
.loading_mark {
	width: 100px;
	height: auto;
	margin: 0 auto;
	padding: 0 20px;
	}



/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼Topページ用コンテナ */
#container {
	position: relative;
	}

#top {
	width: 100%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	}
#top-container {
	position: relative;
	width: 100%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	background:rgba(255, 255, 255, 0.5);;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＠Media Queries＜for PC＞ */
@media (min-width:440px) {
		#top {
			overflow: visible;
			}
	#top-container{
		box-shadow: 0 0 30px rgba(0,0,0,0.8);
		}
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼TOP */
#top_section {
	position: relative;
	width: 100%;
	height: 100vh;
	height: calc((var(--vh, 1vh) * 100) - 65px);
	max-height: 700px;
	overflow: hidden;
	border-bottom: 1px solid #333333;
	}
#top_section .topImg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: #666666 url(img/top_sample.jpg) no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	background-blend-mode: overlay;
	opacity: 0;
	animation: topFocus 20s 1;
	animation-fill-mode: forwards;
	}
	@keyframes topFocus {
		0% { opacity: 0; transform: scale(1.0, 1.0);}
		5% { opacity: 1; transform: scale(1.0, 1.0);}
		50% { opacity: 1; transform: scale(1.1, 1.1);}
		100% { opacity: 1; transform: scale(1.1, 1.1);}
		}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼オーバーレイ */
.top_section_overlay {
	position: absolute;
	display: block;
	top: 45%;
	left: 0;
	right: 0;
	}
.top_section_overlay img {
	max-width: 320px;
	max-height: 320px;
	margin: 0 auto;
	}
.fadeIn_overlay {
	animation: fadeIn_top 10s 1;
	}
	@keyframes fadeIn_top {
		0% { opacity: 0;}
		20% { opacity: 0;}
		100% { opacity: 1;}
		}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼スクロール：アニメーション */
.scroll_arrow {
	position: absolute;
	height: 80px;
	left: 50px;
	bottom: 0;
	z-index: 99;
	animation: arrow 1s ease-in-out infinite;
	}
	@keyframes arrow {
		0% {bottom: 1%;}
		50% {bottom: 3%;}
		100% {bottom: 1%;}
		}
.scroll_arrow::before {
	content: "";
	position: absolute;
	width: 1px;
	height: 20px;
	right: -6px;
	bottom: 0;
	background: #FFFFFF;
	transform: skewX(-31deg);
	}
.scroll_arrow::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 80px;
	bottom: 0;
	right: 0;
	background: #FFFFFF;
	}
.scroll_arrow span {
	position: absolute;
	left: -25px;
	bottom: 15px;
	color: #FFFFFF;
	font-family: 'Unica One', cursive;
	font-size: 90%;
	letter-spacing: 0.2em;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼Message */
#message_section {
	width: 100%;
	height: auto;
	padding: 0 0 70px 0;
	}
#message {
	width: 100%;
	height: auto;
	}
.message_img {
	width: 100%;
	height: auto;
	box-shadow: 20px 20px 0 0 rgba(0,0,0,0.1);
	}
.message_img img {
	width: 100%;
	min-height: 300px;
	object-fit: cover;
	object-position: 100% 0%;
	}
.message_txt {
	width: 100%;
	height: auto;
	padding: 0 30px;
	}
.message_txt h3 {
	width: 100%;
	height: auto;
	margin-top: -50px;
	padding: 80px 0 30px 1em;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	font-size: 120%;
	line-height: 1.4em;
	color: #333333;
	border-left: 1px solid #333333;
	}
.message_txt p {
	padding: 30px 0;
	font-size: 90%;
	line-height: 1.8em;
	text-indent: 1em;
	color: #333333;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼HEADLINE */
#headline_section {
	width: 100%;
	height: auto;
	padding: 0 0 100px 0;
	}
#headline {
	width: 100%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	padding: 0 30px;
	}
.headline_posts {
	padding: 20px 0 30px 0;
	}
.headline_posts li {
	display: block;
	list-style: none;
	width: 100%;
	padding-bottom: 30px;
	}
.headline_post {
	width: 100%;
	height: auto;
	}
.headline_date {
	flex-shrink: 0;
	min-width: 140px;
	padding-right: 20px;
	font-size: 90%;
	text-align: left;
	vertical-align: middle;
	}
.headline_title {
	width: 100%;
	line-height: 2.0em;
	font-size: 90%;
	overflow-wrap: anywhere;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼タイトル：アローアニメーション */
.title_section {
	position: relative;
	width: 100%;
	height: 30px;
	}
.title_arrow {
	position: absolute;
	height: 50px;
	left: 50%;
	bottom: 0;
	z-index: 99;
	animation: title_arrow 1s ease-in-out infinite;
	}
	@keyframes title_arrow {
		0% {bottom: 1%;}
		50% {bottom: 30%;}
		100% {bottom: 1%;}
		}
.title_arrow::after {
	content: "";
	position: absolute;
	width: 1px;
	height: 50px;
	bottom: 0;
	right: 0;
	background: #333333;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼Share・Gallery・Movie */
#share_section {
	width: 100%;
	height: auto;
	padding: 0 0 100px 0;
	background:#FFDB79;
	}
#gallery_section {
	width: 100%;
	height: auto;
	padding: 0 0 100px 0;
	}
#movie_section {
	width: 100%;
	height: auto;
	padding: 0 0 100px 0;
	background:#F6F5F4;
	}

#share,
#gallery,
#movie {
	width: 100%;
	height: auto;
	}
#share h2,
#gallery h2,
#movie h2 {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 10px 0;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	font-size: 90%;
	line-height: 1.4em;
	color: #333333;
	}
#share h2 span,
#gallery h2 span,
#movie h2 span {
	font-family: "Faculty Glyphic", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 180%;
	color: #F08408;
	letter-spacing: 0.1em;
	}
#share h2 span::after,
#gallery h2 span::after,
#movie h2 span::after {
	content: "\A";
	white-space: pre;
	}
.sub_title {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 50px 0 10px 0;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	font-size: 80%;
	line-height: 1.4em;
	color: #333333;
	}
.sub_title span {
	font-family: "Faculty Glyphic", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 140%;
	color: #263A4D;
	letter-spacing: 0.1em;
	}
.sub_title span::after {
	content: "\A";
	white-space: pre;
	}
.share_txt,
.gallery_txt,
.movie_txt {
	width: 100%;
	height: auto;
	padding: 0 30px;
	}
.share_txt p,
.gallery_txt p,
.movie_txt p {
	padding: 30px 0;
	font-size: 90%;
	line-height: 1.8em;
	/* text-indent: 1em; */
	color: #333333;
	}
.share_txt li {
	padding-bottom: 10px;
	font-size: 70%;
	line-height: 1.6em;
	/* text-indent: 1em; */
	color: #333333;
	}

.youtube-lists {
	display: block;
	width: 100%;
	margin-bottom: 50px;
	}
.youtube-list {
	display: block;
	width: 100%;
	}
.youtube {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	overflow: hidden;
	}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼footer */
#footer_section {
	width: 100%;
	height: auto;
	padding: 0;
	background:#F08408;
	}
#footer {
	width: 100%;
	height: auto;
	color: #FFFFFF;
	}
#footer_contents {
	width: 100%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	padding: 60px 20px 0;
	}
.footer_company {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-top: 30px;
	}
.footer_company img {
	width: 100px;
	height: 80px;
	margin: 0 auto;
	}
.footer_company p {
	width: 100%;
	margin: 0 auto;
	padding: 10px 30px 20px 30px;
	font-family: 'Noto Serif', serif;
	font-size: 70%;
	line-height: 1.6em;
	}
.company_name {
	text-align: center;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼footerメニュー */
.menu  {
	width: 100%;
	height: auto;
	}
.menu_list {
	width: 100%;
	height: auto;
	padding: 20px 20px;
	font-size: 90%;
	text-align: center;
	}
.menu_list > li {
	width: calc(100% / 1);
	line-height: 40px;
	margin-bottom: 10px;
	}
.menu_list > li > a {
	display: block;
	font-family: 'Noto Serif', serif;
	color: #FFFFFF;
	text-shadow: 6px 6px 10px #000000;
	border-bottom: 1px solid rgba(0,0,0,0);
	transition: all .3s;
	}
.menu_list > li > a:hover {
	border-bottom: 1px solid #FFFFFF;
	transition: .7s;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼copyright */
#copyright {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	}
#copyright p {
	padding: 10px 0;
	font-size: 70%;
	color: #FFFFFF;
	text-align: center;
	}


/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼投稿ページ共通 */
#post {
	width: 100%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	}
#post-container {
	position: relative;
	width: 100%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	background:rgba(255, 255, 255, 0.5);
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼Gallery：ページ */
#gallery_page_section {
	width: 100%;
	height: auto;
	padding: 0 0 100px 0;
	}
#gallery_page {
	width: 100%;
	height: auto;
	}
#gallery_page h2 {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 50px 0 10px 0;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	font-size: 80%;
	line-height: 1.4em;
	color: #333333;
	}
#gallery_page h2 span {
	font-family: "Faculty Glyphic", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 150%;
	color: #F08408;
	letter-spacing: 0.1em;
	}
#gallery_page h2 span::after {
	content: "\A";
	white-space: pre;
	}
/* .gallery_page_txt {
	width: 100%;
	height: auto;
	padding: 0 30px;
	}
.gallery_page_txt p {
	padding: 30px 0;
	font-size: 90%;
	line-height: 1.8em;
	text-indent: 1em;
	color: #333333;
	} */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼ギャラリー枚数表示 */
.gallery-stats {
	width: 100%;
	height: auto;
	padding: 20px 0;
	text-align: center;
	font-family: 'Shippori Mincho', serif;
	font-size: 90%;
}
.gallery-stats span {
	font-weight: bold; 
	font-size: 150%;
}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼ギャラリー写真表示 */
.comment-media-gallery {
	width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); 
	}
.gallery-item {
	aspect-ratio: 1 / 1; /* 正方形に統一 */
    overflow: hidden;
    display: flex;
    border: 1px solid #FFFFFF;
    background: #000;
    justify-content: center;
    align-items: center;
	}
.gallery-item img, 
.gallery-item video {
	aspect-ratio: 1 / 1; /* 正方形に統一 */
    width: auto;
    height: 100%;
    max-height: 180px;
    object-fit: cover; /* 枠いっぱいに収める */
    transition: transform 0.3s ease;
    cursor: pointer;
	}
.gallery-item:hover img,
.gallery-item:hover video {
    transform: scale(1.1); /* ホバーで少し拡大 */
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼ギャラリー写真拡大表示（モーダル）設定 */
.img-modal-overlay {
    position: fixed;
    display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
    background: rgba(0,0,0,0.85); 
	align-items: center;
	justify-content: center;
    z-index: 9999;
	cursor: zoom-out;
    /* ：最初は透明で隠しておく */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, visibility 0.8s; 
	}
/* 表示された時の状態 */
.img-modal-overlay.is-active {
    opacity: 1;
    visibility: visible;
	}
/* 画像の動き（少し下からスッと出てくる演出） */
.img-modal-overlay img {
    max-width: 90%;
	max-height: 90%;
    border: 3px solid #FFFFFF; 
    box-shadow: 0 0 30px rgba(0,0,0,0.5);
    transform: translateY(20px); /* 最初は少し下に */
    transition: transform 0.4s ease;
	}
.img-modal-overlay.is-active img {
    transform: translateY(0); /* 表示時に定位置へ */
	}
.img-modal-items {
	width: 100%;
	max-width: 300px;
	text-align: center;
	color: #FFFFFF;
	}
.img-modal-caption {
	width: 100%;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	font-size: 80%;
	line-height: 1.4em;
	}
.modal-prev,
.modal-next {
	display: block;
	padding: 20px;
	font-size: 150%;
	font-weight: bolder;
	color: #F08408;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼CONTACTページ */
#contact-form_section {
	width: 100%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	padding: 0 20px 100px;
	}
#contact-form_page {
	width: 100%;
	height: auto;
	}
#contact-form_page h2 {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 50px 0 10px 0;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	font-size: 80%;
	line-height: 1.4em;
	color: #333333;
	}
#contact-form_page h2 span {
	font-family: "Faculty Glyphic", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 150%;
	color: #F08408;
	letter-spacing: 0.1em;
	}
#contact-form_page h2 span::after {
	content: "\A";
	white-space: pre;
	}
#contact-form {
	width: 100%;
	height: auto;
	}
#contact-form p {
	width: 100%;
	padding: 0;
	line-height: 1.6em;
	font-size: 90%
	}
.mailsend {
	max-width: 440px;
	margin: 0 auto;
	}
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼ContactForm7設定 */
.inquiry {
	width: 100%;
	font-size: 90%;
	}
.inquiry th,
.inquiry td {
	display: block;
	width: 100%;
	padding: 10px;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
.inquiry th {
	background: #F0F0F0;
	}
.inquiry td {
	margin-bottom: 30px;
	}
.inquiry td a:link,
.inquiry td a:visited {
	text-decoration: underline;
	color: #0000FF;
	}
.form_spacer {
	margin: 0 0 20px 20px;
	}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
	width: 100%;
	padding: 5px 10px;
		text-align: left;
	font-size: 16px;
	border-radius: 0;
	border: 0;
	outline: 1px solid #666666;
	box-shadow: none;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	}
.inquiry td textarea {
	display: block;
	resize: none;
	width: 100%;
	height: 300px;
	padding: 5px 10px;
	font-size: 16px;
	border-radius: 0;
	border: 0;
	outline: 1px solid #666666;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	}
.haveto,
.optional {
	position: relative;
	padding: 2px 5px;
	margin-right: 5px;
	bottom: 1px;
	font-size: 7px;
	color: #FFFFFF;
	}
.haveto {
	background: #CC0000;
	}
.optional {
	background: #333333;
	}
.verticallist .wpcf7-list-item {
	display: block;
	}
#formbtn {
	display: block;
	width: 200px;
	padding: 10px;
	margin: 25px auto 0;
	background: #263A4D;
	color: #FFFFFF;
	font-size: 100%;
	border: 1px solid #000000;
	border-radius: 0;
    -webkit-appearance: none;
	}
#formbtn:hover {
	background: #CCCCCC;
	}
/* #formbtn_2 {
	display: block;
	width: 250px;
	padding: 20px;
	margin: 30px auto 0;
	background: #333333;
	color: #FFFFFF;
	font-size: 100%;
	border: 1px solid #000000;
	border-radius: 0;
    -webkit-appearance: none;
	}
#formbtn_2:hover {
	background: #A89E83;
	} */
input[type="text"].wpcf7c-conf,
input[type="email"].wpcf7c-conf,
input[type="tel"].wpcf7c-conf,
.inquiry td textarea.wpcf7c-conf {
	outline: 0;
	background: #FFFFFF !important;
	}
input[type="text"].wpcf7c-conf::placeholder,
input[type="tel"].wpcf7c-conf::placeholder {
	color: #FFFFFF !important;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼投稿フォーム機能設定 */
.comment-form-author,
.comment-form-comment {
	display: none;
	}

#upload-form {
	width: 100%;
	height: auto;
	padding: 0 30px 20px 30px;
	}
.upload-form {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0 10px 10px 10px;
	}
.comment-form-display-name {
	margin-bottom: 15px;
	}
/*＿＿＿＿＿＿＿＿＿＿＿画像アップロード画面設定 */
.modern-upload-container {
	background: #F6F5F4;
	padding: 20px;
	border-radius: 12px;
	}
.drop-zone {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
	border: 1px dashed #333333;
	border-radius: 10px;
	background: #FFFFFF;
	cursor: pointer;
	transition: all 0.3s ease;
	}
.drop-zone:hover,
.drop-zone.is-dragover {
	border-color: #263A4D;
	background: #e3f2fd;
	}
.drop-zone-content {
	text-align: center;
	color: #666666;
	}
.drop-zone-text {
	width: 100%;
	}
.drop-zone-info {
	width: 100%;
	font-size: 80%;
	}
.upload-icon {
	font-size: 32px;
	display: block;
	margin-bottom: 10px;
	color: #263A4D;
	}
.file-preview-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(40px, 1fr));
	gap: 2px;
	margin-top: 15px;
	}
.preview-item {
	width: 40px;
	height: 40px;
	object-fit: cover;
	border: 1px solid #ddd;
	}
/*＿＿＿＿＿＿＿＿＿＿＿ステータスバー */
#upload-modal {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 20000;
	align-items: center;
	justify-content: center;
	background:rgba(0,0,0,0.7);
	color:#FFFFFF;
	}
#upload-view {
	width: 90%;
	max-width: 400px;
	padding: 30px;
	border-radius: 10px;
	text-align: center;
	background:#FFFFFF;
	box-shadow: 0 10px 30px rgba(0,0,0,0.5);
	color:#333333;
	}
#modal-status-title {
	margin-top: 0;
	color: #333333;
	}
#progress-bar {
	overflow:hidden;
	width: 100%;
	height: 20px;
	margin:20px 0;
	border-radius: 10px;
	background: #EEEEEE;
	}
#upload-progress-bar {
	width: 0%;
	height: 100%;
	background: linear-gradient(90deg, #0073AA, #00a0d2);
	transition: width 0.3s;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 20px;
	}
#upload-status-msg {
	color: #666666;
	font-size: 14px;
	}
#modal-close-btn {
	display: none;
	margin-top: 15px;
	padding: 10px 20px;
	background: #0073AA;
	color:#FFFFFF;
	border: none;
	border-radius: 5px;
	cursor: pointer;
	}

/*＿＿＿＿＿＿＿＿＿＿＿コメントフォーム設定（wordpressサイド） */
#respond label {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	font-size: 90%;
	}
#respond input,
#respond textarea {
	-webkit-appearance:none;
	border-radius: 0;
	display: block;
	width: 90%;
	margin: 0 auto;
	padding: 5px 10px;
	font-size: 16px;
	}
#respond textarea {
	font-size: 16px;
	}
#respond input[type="submit"] {
	-webkit-appearance:none;
	border-radius: 0;
	width: auto;
	display: block;
	min-width: 150px;
	max-width: 300px;
	padding: 1.5em 2em;
	text-align: center;
	text-decoration: none;
	color: #FFFFFF;
	background: #263A4D;
	border: 1px solid #FFFFFF;
	font-family: 'Noto Serif JP', serif;
	font-size: 80%;
	}
.says {
	display: none;
	}
.comment-author {
	display: none;
	}
.comment-meta {
	display: inline-block;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼Ultimate Memberページ共通 */
#um-page {
	width:100%;
	height:100%;
	margin:0 auto;
	padding:100px 50px 0 50px;
	position:fixed;
	top:0;
	left:0;
	z-index:30000;
	color:#333333;
	background:#F6F5F4;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼404・NOT FOUND */
#notfound_section {
	width: 100%;
	max-width: 440px;
	height: auto;
	margin: 0 auto;
	padding: 200px 30px;
	}
#notfound_page {
	width: 100%;
	height: auto;
	}
#notfound_page h2 {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 50px 0 10px 0;
	font-family: 'Shippori Mincho', serif;
	font-weight: 500;
	font-size: 80%;
	line-height: 1.4em;
	color: #333333;
	}
#notfound_page h2 span {
	font-size: 150%;
	color: #F08408;
	letter-spacing: 0.1em;
	}

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼フェードイン 設定 */
.fadeIn_message,
.fadeIn_headline,
.fadeIn_share,
.fadeIn_gallery,
.fadeIn_movie {
	opacity: 0;
	}

.fadeIn_message_animation,
.fadeIn_headline_animation,
.fadeIn_share_animation,
.fadeIn_gallery_animation,
.fadeIn_movie_animation {
	animation-duration: .7s;
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-fill-mode: forwards;
	}

.fadeIn_message_animation {
	animation-name: fadeIn_message;
	animation-delay: .3s;
	}
	@keyframes fadeIn_message {
		0% { opacity: 0; transform: translate3d(0, 150px, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
		}
.fadeIn_headline_animation {
	animation-name: fadeIn_headline;
	animation-delay: .3s;
	}
	@keyframes fadeIn_headline {
		0% { opacity: 0; transform: translate3d(0, 150px, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
		}
.fadeIn_share_animation {
	animation-name: fadeIn_share;
	animation-delay: .3s;
	}
	@keyframes fadeIn_share {
		0% { opacity: 0; transform: translate3d(0, 200px, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
		}
.fadeIn_gallery_animation {
	animation-name: fadeIn_gallery;
	animation-delay: .3s;
	}
	@keyframes fadeIn_gallery {
		0% { opacity: 0; transform: translate3d(0, 200px, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
		}
.fadeIn_movie_animation {
	animation-name: fadeIn_movie;
	animation-delay: .3s;
	}
	@keyframes fadeIn_movie {
		0% { opacity: 0; transform: translate3d(0, 200px, 0); }
		100% { opacity: 1; transform: translate3d(0, 0, 0); }
		}









	
	/* .comment-form-image {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:10000;
	justify-content:center;
	align-items:center;
	color:#fff;
}	 */

/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼ヘッダー＜header＞ */
/* #header {
	position:-webkit-sticky;
	position: sticky;
	width: 100%;
	height: 60px;
	top: 0;
	left: 0;
	background:rgba(255, 255, 255, 0);
	z-index: 100;
	}
#header-top {
	width: 100%;
	height: 60px;
	margin: 0 auto;
	}
#header-banner {
	float: left;
	width: 165px;
	height: 30px;
	margin: 15px 10px;
	}
#header-banner a {
	display: block;
	width: 165px;
	height: 30px;
	background:url(img/header_icon.png) no-repeat center;
	background-size: cover;
	} */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼Phone用メニュー */
/* #phone-menu {
	float:right;
	width:60px;
	height:60px;
	line-height:60px;
	margin:0 15px;
	text-align:right;
	color:#FFFFFF;
	} */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＠Media Queries＜for PC＞ */
/* @media (min-width:960px) {
	#header-banner {
		width:220px;
		height:40px;
		margin:10px 20px;
		}
	#header-banner a {
		width:220px;
		height:40px;
		}
	} */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼共通テーブル設定 */
/* .all_center-plain,
.all_center-leftgray,
.all_center-topgray,
.all_center-stripe,
.all_left-plain,
.all_left-leftgray,
.all_left-topgray,
.all_left-stripe,
.left_center-plain,
.left_center-leftgray,
.left_center-topgray,
.left_center-stripe {
	width:100%;
	height:auto;
	}
.all_center-plain table,
.all_center-leftgray table,
.all_center-topgray table,
.all_center-stripe table,
.all_left-plain table,
.all_left-leftgray table,
.all_left-topgray table,
.all_left-stripe table,
.left_center-plain table,
.left_center-leftgray table,
.left_center-topgray table,
.left_center-stripe table {
	width:100%;
	height:auto;
	margin:20px 0 30px 0;
	border-collapse:collapse;
	}
.all_center-plain td,
.all_center-leftgray td,
.all_center-topgray td,
.all_center-stripe td {
	padding:5px 10px;
	border:1px #666666 solid;
	text-align:center;
	vertical-align:middle;
	}
.all_left-plain td,
.all_left-leftgray td,
.all_left-topgray td,
.all_left-stripe td,
.left_center-plain td,
.left_center-leftgray td,
.left_center-topgray td,
.left_center-stripe td {
	padding:5px 10px;
	border:1px #666666 solid;
	text-align:left;
	vertical-align:middle;
	}
.left_center-plain tbody td:nth-child(1),
.left_center-leftgray tbody td:nth-child(1),
.left_center-topgray tbody td:nth-child(1),
.left_center-stripe tbody td:nth-child(1) {
	text-align:center;
	}
.all_center-leftgray tbody td:nth-child(1),
.all_center-topgray tbody tr:nth-child(1),
.all_center-stripe tbody tr:nth-child(odd),
.all_left-leftgray tbody td:nth-child(1),
.all_left-topgray tbody tr:nth-child(1),
.all_left-stripe tbody tr:nth-child(odd),
.left_center-leftgray tbody td:nth-child(1),
.left_center-topgray tbody tr:nth-child(1),
.left_center-stripe tbody tr:nth-child(odd) {
	color:#000000;
	background:#CCCCCC;
	} */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼PREV・MORE ナビゲーション */
/* #archive-btn,
#news-archive-btn {
	padding:30px;
	}
#archive-btn a:link,
#archive-btn a:visited,
#archive-btn a:hover{
	color:#FFFFFF;
	}
#news-archive-btn a:link,
#news-archive-btn a:visited,
#news-archive-btn a:hover{
	color:#000000;
	}
#archive-btn_prev,
#news-archive-btn_prev {
	float:left;
	}
#archive-btn_next,
#news-archive-btn_next {
	float:right;
	} */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼タイトル・サブタイトル */
/* #heading-title {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:20px 0;
	}
#heading-title h2 {
	font-family: 'Pathway Gothic One', sans-serif;
	font-size:20px;
	text-align:center;
	}
.subtitle h3 {
	position:relative;
	padding:15px 23px;
	font-size:80%;
	color:#000000;
	background:rgba(255,255,255,0.9);
	}
.subtitle h3:before {
	padding-right:10px;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	content:"\f144";
	font-style:normal;
	color:#CC9900;
	}
.subtitle h3:after {
	content:"";
	position:absolute;
	width:0;
	height:0;
	top:100%;
	left:20px;
	border:10px solid transparent;
	border-top:10px solid rgba(255,255,255,0.9);
	}
.subtitle h4 {
	margin:15px 10px 10px 10px;
	padding: .25em 0 .25em .5em;
	border-left: .2em solid #A68D7D;
	font-size:14px;
	text-align:left;
	}
.remarks {
	padding:5px 10px;
	line-height:1.6em;
	font-size:75%;
	} */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼スライドメニュー設定 */
/* #slide-right-container {
	width:100%;
	height:auto;
	margin:0 auto;
	}
.close-nav {
	float:right;
	width:100px;
	height:60px;
	line-height:60px;
	margin:0 15px;
	text-align:right;
	color:#FFFFFF;
	} */
/* ＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿▼スライドメニューコンテンツ */
/* .menu-single {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	color:#FFFFFF;
	border-bottom:1px solid #666666;
	}
.menu-single label {
	display:block;
	position:relative;
	margin:0;
	padding-left:20px;
	color:#FFFFFF;
	font-size:90%;
	line-height:3.5;
	cursor:pointer;
	}
.menu-single label:before {
	padding-right:10px;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	content:"\f101";
	font-style:normal;
	color:#CC9900;
	}
.menu-single label:hover {
	background:#333333;
	} */