@charset "UTF-8";
/*****************************************************
	
	全ての要素をリセット
	各ブラウザの表示を統一するための設定です
	
*****************************************************/
html {overflow-y: scroll;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin: 0;padding: 0;outline:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
table {	border-collapse: collapse;border-spacing: 0;}
caption,p {text-align: left;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;text-align:left;}
img,abbr,acronym,fieldset {border: 0;}
li {list-style-type: none;}
img{vertical-align:middle;}
.line {font-size:1px;line-height:1px;}

 /* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"],
input[type="reset"] {
	width:100%;
	max-width:150px;
  border-radius: 5px;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing:border-box;
  cursor: pointer;
  background:#efefef;
  color:#444;
  border:1px solid #444;
  padding:5px;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
submit:hover {
	background: gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -webkit-gradient(linear, center top, center bottom, from(#FFF), to(#CCC));
	background: -moz-linear-gradient(top, #FFF, #CCC);
	background: -ms-linear-gradient(top, #FFF 0%, #CCC 100%);
	box-shadow: 0px 2px 15px #CCC;
}

/*--- default ---*/
body {
	color: #000;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	line-height:1.7em;
	letter-spacing:0.05em;
	-webkit-text-size-adjust: 100%;
}
.en{
	font-family: 'Lexend', sans-serif;
	font-weight:300;
}
body,
html {
  height: 100%;
  margin: 0 auto;
}
table{
	border-collapse:collapse;
}
.clear{clear:both;}


/*****************************************************
	
	ベース
	
*****************************************************/

a:link {
	color:#414141;
	text-decoration:none;
}
a:visited{
	color:#414141;
	text-decoration:none;
}
a:hover{                     
	text-decoration: none;
}
a:active{
	text-decoration:none;
}

.clear:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content:"";
	clear: both;
	height: 0;
}
* html .clear            { zoom: 1; } /* IE6 */
*:first-child+html .clear { zoom: 1; } /* IE7 */
a,a img {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
a img:hover,a:hover{
    opacity: 0.6;
    filter: alpha(opacity=60);
}

a[href^="tel:"] {
    pointer-events: none;
}

.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#wrap{
	width: 100%;
	height: auto;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

.bt{
	text-align:center;
	margin:50px auto 70px;
}
.bt a{
	background:#8c8278;
	color:#fff;
	border-radius:50px;
	padding:15px 2em;
	min-width: 270px;
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	
}
.bt a:after{
	content:'▶︎';
	font-size:60%;
	position:absolute;
	right:35px; -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.bt a:hover{
	background:#655d54;
	
}
.bt a:hover:after{
	right:25px;
	
}
/*****************************************************

	ページトップ
	
*****************************************************/

.full{
	width:100%;
	max-width:800px;
	margin: 0px auto;
}
.full li {
  background-size: cover!important;
  padding: 70% 0;
  margin: 0 auto;
  position:relative;
}
.full li span {
	display:block;
	position:absolute;
	bottom:8%;
	left:0%;
	width:100%;
	
}
.full li span p{
	display:none;
	font-size:210%;
	line-height:1.7em;
	color:#fff;
	text-shadow: 1px 0px 3px #555;
	text-align:center;
	width: 100%;
	background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.1), rgba(60, 46, 46, 1) 20% 80%, rgba(0, 0, 0, 0));
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.full .slick-dots {
	position:relative;
    bottom: 3%;
    z-index:50;
}

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

.full li span {	
	bottom:10%;
	left:5%;
}
.full li span p{
	line-height:1.5em;
}
.slick-dots li {
    height: 12px!important;
    width: 12px!important;
}

}
@media screen and (max-width: 335px){
.full li {
  background-size: 100%!important;
  padding: 70% 0;
}
}


/*****************************************************

	content
	
*****************************************************/
#front-content{
	width:100%;
	color:#000;
}
#front-content h2{
	width: 100%;
	max-width:180px;
	margin:0 auto;
	padding: 50px 0;
}
#front-content h2 img{
	width:100%;
}
#messarea{
	width: 100%;
	max-width:800px;
	margin:0 auto;
}
#messarea p{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.0rem;
	line-height: 2em;
	letter-spacing: 0.1em;
	font-weight: 500;
	color: #000;
	text-align:center;
	width: 95%;
	margin: 0 auto;
}

.shinro-box,.shinpu-box{
	width:100%;
	max-width:800px;
	margin:0 auto;
	padding: 50px 0;
}
.shinro-kaza{
	color:#076bb0;
	text-align:center;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 250%;
	margin-bottom: -28px;
}
.shinro-kaza span{
	font-family: 'Nothing You Could Do', cursive;
    font-size: 70%;
	margin:0 5px 0;
	vertical-align:top;
}
.shinpu-kaza{
	color:#f534e3;
	text-align:center;
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 250%;
	margin-bottom: -28px;
}
.shinpu-kaza span{
	font-family: 'Nothing You Could Do', cursive;
    font-size: 70%;
	margin:0 5px 0;
	vertical-align:top;
}
.shinro-box .shinro-ph{
	width:100%;
	max-width: 300px;
	margin: -20px auto 20px;
	padding: 28% 0;
	background-size: cover!important;
}

.shinpu-box .shinpu-ph{
	width:100%;
	max-width: 300px;
	margin:-20px auto 20px;
	padding:28% 0;
	background-size: cover!important;
}
.shinro-ful,.shinpu-ful,
.shinro-txt,.shinpu-txt,
.shinro-name,.shinpu-name{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 2.0rem;
	letter-spacing: 0.1em;
    font-weight: 500;
    margin-bottom: 5px;
    margin-top: 5px;
	text-align:center;
}
.shinro-ful,.shinpu-ful{
	font-size: 100%;
	margin-bottom: 5px;
}

.shinro-txt,.shinpu-txt{
	font-size: 100%;
	line-height: 2em;
	padding: 20px 0 0;
}

#eventarea{
	width:100%;
	background:#020044;
}
.event-top-kazari{
	width:100%;
	max-width:440px;
	margin:0 auto;
}
.event-top-kazari img{
	width:100%;
}

.kazari-ph{
	width:100%;
	max-width:92px;
	margin:0 auto;
}
.kazari-ph img{
	width:100%;
}

#front-content h3{font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;font-size: 1.6rem;line-height: 1.0em;letter-spacing: 0.05em;font-weight: 500;color: #ffffff;text-align:center;padding: 50px 0 0;}
#front-content h3 span{
	display:block;
}
#eventarea ul {
	width:100%;
	max-width:400px;
	margin: 0% auto;
}
.kirakira{
	width:100%;
	max-width:400px;
	margin: 50px auto 80px;
	padding: 30px 0;
	background:url(../images/kazari/kirakira.png)no-repeat bottom;
	background-size:100%;
}
#eventarea ul li{
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size: 2.1rem;
line-height: 1.2em;
letter-spacing: 0.05em;
font-weight: 500;
color: #ffffff;
margin-top: 15px;
margin-bottom: 0px;
	text-align:center;
}
#eventarea ul li:first-child{
	font-size: 1.5rem;
	border-bottom:1px solid;
	padding:10px 0;
	margin:0 0 20px;
}
#eventarea ul li:last-child{
	font-size:1.2rem;
}
.ceremony-title02 {
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    font-weight: 500;
    color: #ffffff;
	margin-bottom: 10px;
}
.map{
	width:100%;
	max-width:400px;
	margin:0 auto ;
	padding:0 0 8%;
	color: #fff;	
}
iframe {
  width: 100%;
  aspect-ratio: 16/9; //アスペクト比（縦横比）を指定
}

.jyusyo{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 1.2rem;
	letter-spacing: 0.05em;
	font-weight: 500;
	color: #fff;
	text-align:center;
	padding: 0 0 50px;
}
.jyusyo a{
	color: #fff;
}

.jyusyo span{
	display:block;
	color: #cf8b2b;
	padding: 0 0 20px;
	font-size: 150%;
}
#renraku{
	width:100%;
	max-width:800px;
	margin:0 auto;
}
#renraku .renraku-ph{
	width:100%;
	max-width:400px;
	margin: 5% auto 8%;
	padding: 25px 0;
	background: url(../images/kazari/kazarikei01.png)no-repeat center;
	background-size:100%;
}

#renraku ul li{
	text-align:center;
}

#renraku ul li span{
	color:#ff0000;
}
#renraku ul li:first-child{
	padding:0 0 20px;
}
#renraku ul li:last-child{
	font-size:1.5rem;
	font-family:'book antiqua', palatino, serif;
}
#renraku p{
text-align:center;	
}

.pagetop a{
	color:#fff;
	background:#001393;
	position:fixed;
	z-index: 100;
	right:30px;
	bottom: 30px;
	font-size: 18px;
	line-height: 20px;
	width: 45px;
	height: 45px;
	text-align: center;
	padding: 12px;
	cursor: pointer;
	border-radius: 50%;
}

.renraku-box{
	width:100%;
	max-width:350px;
	margin:50px auto;
}

.counter{
	font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size: 160%;
	line-height: 1.0em;
	letter-spacing: 0.05em;
	text-align:center;
	padding: 0 0 100px;
}
#front-content .counter h2{
	max-width: 280px;
}
.counter-txt{
	padding: 0 0 50px;
}
.counter .counter-txt p{
	text-align:center;
	font-size:1.5em;
}
.countdown{
	width:95%;
	margin:0 auto;
	color:#ecbd0b;
	text-shadow: 1px 1px 2px rgba(0,0,0,.14);
	font-weight:bold;
	line-height:1.5em;
}
.countdown ul{
	width:100%;
	max-width:600px;
	margin: 0px auto;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.countdown ul li{
	width:25%;
	font-size:150%;
	font-weight:normal;
	color:#000;
}

.countdown span{
	font-family: serif;
	display:block;
	line-height: 1.4em;
}
.countdown__time{font-size:180%;}
.countdown__unit{font-size:50%;}

@media screen and (max-width:800px){
.shinpu-box .shinpu-ph,.shinro-box .shinro-ph{
	margin: -20px auto 20px;
	padding:180px 0;
}
	
}
@media screen and (max-width:480px){
#messarea,.shinro-box,.shinpu-box,.shinro-box,.shinpu-box{
	width:90%;
}
.shinro-txt,.shinpu-txt {
	text-align:center;
	width: 93%;
	margin: 0 auto;
	line-height: 180%;
}
.shinro-txt br,.shinpu-txt br{
	/* display:none; */
}
.countdown ul{
	width:100%;
}
.countdown ul li{
	width:50%;
	padding:10px 0;
}
#front-content .counter h2{
	max-width: 180px;
}
#renraku{
	width:90%;
}
}
@media screen and (max-width:335px){
body{min-width: 0px;}	
}