@charset "utf-8";


/*=============================================
	
	メインビジュアル
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#top_main {
		margin: 0;
		padding: 0;
		position: relative;
	}
	#top_main .message {
		position: absolute;
		z-index: 2;
		bottom: 60px;
		width: 100%;
		font-size: 3em;
		line-height: 1.2em;
		text-align: center;
		color: #FFF;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
	}
	#top_main .message span {
		font-size: 0.6em;
	}
	.slick_main .slick-dots {
		bottom: 20px !important;
	}
	.slick_main .slick-dots li {
		margin: 0 !important;
	}
	.slick_main .slick-dots li button:before {
		font-size: 30px !important;
		color: #FFF !important;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0 !important;
	}
	
	#top_main .bn_award {
        position: absolute;
        left: 80%;
        bottom: -3em;
        transform: translateX(-50%);
        width: 36%;
    }
}

@media print, screen and (min-width: 769px) {
	#top_main {
		margin: 0;
		padding: 0;
		position: relative;
	}
	#top_main .message {
		position: absolute;
		z-index: 2;
		bottom: 60px;
		width: 100%;
		font-size: 64px;
		line-height: 1.2em;
		text-align: center;
		color: #FFF;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.6);
	}
	#top_main .message span {
		font-size: 20px;
	}
	.slick_main .slick-dots {
		bottom: 20px !important;
	}
	.slick_main .slick-dots li {
		margin: 0 !important;
	}
	.slick_main .slick-dots li button:before {
		font-size: 40px !important;
		color: #FFF !important;
	}
	.slick-dotted.slick-slider {
		margin-bottom: 0 !important;
	}

	#top_main .bn_award {
        position: absolute;
        right: 5%;
        bottom: 30px;
        width: 18%;
        min-width: 220px;
    }

}

/*=============================================
	
	上部テキスト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#top_text {
		/** padding: 3.2em 3% 2.4em; **/
		padding: 4.2em 3% 2.4em;
		background: #EAEAEA;
		text-align: center;
	}
	#top_text p.eng {
		font-size: 2em;
		margin: 0 0 0.8em;
	}
	#top_text h2 {
		font-size: 1.4em;
		margin: 0 0 0.4em;
	}
	#top_text p.jpn {
		font-size: 0.9em;
		margin: 0 0 0;
	}
}

@media print, screen and (min-width: 769px) {
	#top_text {
		padding: 40px 0 50px;
		background: #EAEAEA;
		text-align: center;
	}
	#top_text p.eng {
		font-size: 36px;
		margin: 0 0 10px;
	}
	#top_text h2 {
		font-size: 20px;
		margin: 0 0 4px;
	}
	#top_text p.jpn {
		font-size: 14px;
		margin: 0 0 0;
	}
}

/*=============================================
	
	外部 バナー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.btn_covid19 {
		width:  90%;
		margin: 0 auto 0;
		padding: 3em 0 2em;
		text-align: center;
	}
	.btn_covid19 .arrow_right:after {
		right: 3%;
		top: 43%;
	    border-top: 1px solid #FFF;
	    border-right: 1px solid #FFF;
	}
	.btn_covid19 a {
		display: block;
		background: #444;
		padding: 10px 0;
		color: #FFF;
	}
}

@media print, screen and (min-width: 769px) {
	.btn_covid19 {
		width: 480px;
		margin: 0 auto 0;
		padding: 50px 0 0;
		text-align: center;
	}
	.btn_covid19 .arrow_right:after {
		right: 3%;
		top: 43%;
	    border-top: 1px solid #FFF;
	    border-right: 1px solid #FFF;
	}
	.btn_covid19 a {
		display: block;
		background: #444;
		padding: 10px 0;
		color: #FFF;
	}
}


/*=============================================
	
	上部バナー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#top_banner {
		padding: 2.4em 0 3.6em;
		margin: 0;
	}
	#top_banner .mid_banner {
		margin: 0 auto 1.5em;
	}
	#top_banner ul li {
		width: 90%;
		margin: 0 auto 2.8em ;
	}
	#top_banner ul li:last-child {
		margin: 0 auto 0;
	}
	#top_banner .lead {
		font-size: 1em;
		text-align: center;
		color: #DABF81;
		padding: 0.8em 0;
	}
}

@media print, screen and (min-width: 769px) {
	#top_banner {
		padding: 40px 0 60px;
		margin: 0;
	}
	#top_banner .mid_banner {
		width: 720px;
		margin: 0 auto 50px;
	}
	#top_banner ul {
		text-align: center;
	}
	#top_banner ul li {
		display: inline-block;
		width: 400px;
		margin: 0 30px;
	}
	#top_banner ul li:first-child {
		padding: 15px 0 0;
	}
	#top_banner .lead {
		font-size: 12px;
		text-align: center;
		color: #DABF81;
		padding: 6px 0;
	}
}


/*=============================================
	
	コンセプト
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#concept {
		position: relative;
	}
	#concept .img_wrap {
		width: 100%;
		position: relative;
	}
	#concept .text_wrap {
		position: relative;
		width: 80%;
		background: rgba(255,255,255,1);
		padding: 20px 5%;
		margin: -20px auto 0;
		z-index: 100;
	}
	#concept h3 {
		font-size: 1.1em;
		line-height: 2.0em;
		margin: 0 0 1.2em;
		font-weight: bold;
	}
	#concept p.lead {
		font-size: 1.0em;
		line-height: 2.0em;
		color: #666;
	}
}

@media print, screen and (min-width: 769px) {
	#concept {
		width: 90%;
		max-width: 1200px;
		margin: 0 auto;
		height: 480px;
		position: relative;
	}
	#concept .img_wrap {
		position: absolute;
		left: 50%;
		top: 0;
		margin-left: -600px;
		width: 720px;
	}
	#concept .text_wrap {
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: 50px;
		width: 420px;
		transform: translateY(-52%);
		background: rgba(255,255,255,1);
		padding: 60px 50px;
	}
	#concept h3 {
		font-size: 20px;
		line-height: 2.0em;
		margin: 0 0 30px;
		font-weight: bold;
	}
	#concept p.lead {
		font-size: 13px;
		line-height: 2.2em;
		color: #666;
	}
}

/*=============================================
	
	特典バナー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#tokuten_banner {
		padding: 1.6em 0;
		margin: 0;
	}
	#tokuten_banner a {
		display: block;
		margin: 0 auto 0;
	}
}

@media print, screen and (min-width: 769px) {
	#tokuten_banner {
		padding: 50px 0 50px;
		margin: 0;
	}
	#tokuten_banner a {
		display: block;
		width: 800px;
		margin: 0 auto 0;
	}
}


/*=============================================
	
	OUR WEDDING
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#ourwedding_wrap {
		padding: 2.4em 0 3.2em;
		margin: 0;
		background: #EAEAEA;
	}
	#ourwedding_wrap h3 {
		font-size: 2.2em;
		text-align: center;
		margin: 0 0 1.0em;
	}
	#ourwedding_wrap ul {
		position: relative;
		width: 90%;
		margin: 0 auto;
	}
	#ourwedding_wrap ul li {
		margin: 0 0 1.0em;
	}
	#ourwedding_wrap ul li:last-child {
		margin: 0;
	}
}

@media print, screen and (min-width: 769px) {
	#ourwedding_wrap {
		padding: 50px 0 50px;
		margin: 0;
		background: #EAEAEA;
	}
	#ourwedding_wrap h3 {
		font-size: 36px;
		text-align: center;
		margin: 0 0 30px;
	}
	#ourwedding_wrap ul {
		position: relative;
		min-height: 800px;
	}
	#ourwedding_wrap ul li {
		position: absolute;
		left: 50%;
	}
	#ourwedding_wrap ul li.pic01 {
		width: 326px;
		top: 0px;
		margin-left: -480px;
	}
	#ourwedding_wrap ul li.pic02 {
		width: 606px;
		top: 30px;
		margin-left: -130px;
	}
	#ourwedding_wrap ul li.pic03 {
		width: 443px;
		top: 430px;
		margin-left: -597px;
	}
	#ourwedding_wrap ul li.pic04 {
		width: 402px;
		top: 463px;
		margin-left: -124px;
	}
	#ourwedding_wrap ul li.pic05 {
		width: 240px;
		top: 463px;
		margin-left: 310px;
	}
}



/*=============================================
	
	中段バナー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#middle_banner {
		padding: 2.4em 0 3.6em;
		margin: 0;
	}
	#middle_banner ul li {
		width: 100%;
		margin: 0 auto 2.0em ;
	}
	#middle_banner ul li:last-child {
		margin: 0 auto 0;
	}
}

@media print, screen and (min-width: 769px) {
	#middle_banner {
		padding: 40px 0 40px;
		margin: 0;
	}
	#middle_banner ul {
		text-align: center;
	}
	#middle_banner ul li {
		display: inline-block;
		/** 1列時 width: 720px; **/
		width: 400px;
		margin: 0 30px;
	}
}

/*=============================================
	
	パーティレポート 
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#party_report_wrap {
		background: #EAEAEA;
		padding: 3.2em 0;
	}
	#party_report_wrap h3{
		font-size: 2.2em;
		margin: 0 0 0.8em;
		text-align: center;
	}
	#party_report_wrap .slick_partyreport {
		margin: 0 auto 2.4em;
	}
	#party_report_wrap .slick_partyreport li {
		margin: 0 10px;
		text-align: center;
		padding-top: 1.2em;
		position: relative;
	}
	#party_report_wrap .slick_partyreport li a {
		color: #000;
	}
	#party_report_wrap .slick_partyreport li div.pic {
		margin: 0 0 12px;
	}
	#party_report_wrap .btn_arrow a {
		background-color: #104B68;
	}

	#party_report_wrap .slick_partyreport li a span.icon_new {
		position: absolute;
		top: 0;
		right: -0.5em;
		background: #EB4556;
		border-radius: 3.8em;
		width: 3.8em;
		height: 3.8em;
		line-height: 3.8em;
		padding: 0;
		text-align: center;
		font-family: 'Lexend Mega', sans-serif;
		font-weight: 400;
		font-size: 11px;
		color: #FFF;
		letter-spacing: 0;
	}

}

@media print, screen and (min-width: 769px) {
	#party_report_wrap {
		background: #EAEAEA;
		padding: 40px 0;
	}
	#party_report_wrap h3{
		font-size: 36px;
		margin: 0 0 30px;
		text-align: center;
	}
	#party_report_wrap .slick_partyreport {
		width: 960px;
		margin: 0 auto 40px;
	}
	#party_report_wrap .slick_partyreport li {
		margin: 0 20px;
		text-align: center;
		padding-top: 1.2em;
		position: relative;
	}
	#party_report_wrap .slick_partyreport li a {
		color: #000;
	}
	#party_report_wrap .slick_partyreport li div.pic {
		margin: 0 0 12px;
	}
	#party_report_wrap .slick_partyreport li a span.icon_new {
		position: absolute;
		top: 0;
		right: -0.5em;
		background: #EB4556;
		border-radius: 3.8em;
		width: 3.8em;
		height: 3.8em;
		line-height: 3.8em;
		padding: 0;
		text-align: center;
		font-family: 'Lexend Mega', sans-serif;
		font-weight: 400;
		font-size: 11px;
		color: #FFF;
		letter-spacing: 0;
	}

}

/*=============================================
	
	大切にしている枠
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#approach_wrap {
		background: #E9E9DF;
		padding: 3.2em 0;
	}
	#approach_wrap h3{
		font-size: 1.6em;
		margin: 0 0 0.8em;
		text-align: center;
		color: #9b9b71;
	}
	#approach_wrap .slick_approach {
		margin: 0 auto 2.4em;
	}
	#approach_wrap .slick_approach li {
		margin: 0 10px;
		text-align: center;
		background-color: #FFF;
		position: relative;
	}
	#approach_wrap .slick_approach li div.thumb_img {
		margin: 0 0 0;
	}
	#approach_wrap .slick_approach li h4 {
		width: 84%;
		margin: 0 auto 10px;
		text-align: left;
		color: #9b9b71;
		font-size: 14px;
	}
	#approach_wrap .slick_approach li .body {
		width: 84%;
		margin: 0 auto 15px;
		text-align: left;
		font-size: 12px;
		min-height: 165px;
   	}
	#approach_wrap .slick_approach li .btn_arrow {
		width: 84%;
		margin: 0 auto 20px;
		text-align: center;
		font-size: 12px;
	}
	#approach_wrap .slick_approach li .point_title {
		width: 40%;
		margin: -15px auto 10px;
		padding: 5px 10px;
		background: #333;
		color: #FFF;
		text-align: center;
		position: relative;
		z-index: 100;
	}
}

@media print, screen and (min-width: 769px) {
	#approach_wrap {
		background: #E9E9DF;
		padding: 40px 0;
	}
	#approach_wrap h3{
		font-size: 24px;
		margin: 0 0 30px;
		text-align: center;
		color: #9b9b71;
	}
	#approach_wrap .slick_approach {
		width: 960px;
		margin: 0 auto 40px;
	}
	#approach_wrap .slick_approach li {
		margin: 0 20px;
		text-align: center;
		background: #FFF;
	}
	#approach_wrap .slick_approach li div.thumb_img {
		margin: 0 0 18px;
	}
	#approach_wrap .slick_approach li h4 {
		width: 84%;
		margin: 0 auto 10px;
		text-align: left;
		color: #9b9b71;
		font-size: 15px;
	}
	#approach_wrap .slick_approach li .body {
		width: 84%;
		margin: 0 auto 15px;
		text-align: left;
		font-size: 12px;
	}
	#approach_wrap .slick_approach li .btn_arrow {
		width: 84%;
		margin: 0 auto 15px;
		text-align: center;
		font-size: 12px;
	}
	#approach_wrap .slick_approach li .point_title {
		width: 40%;
		margin: -32px auto 10px;
		padding: 5px 10px;
		background: #333;
		color: #FFF;
		text-align: center;
		position: relative;
		z-index: 100;
	}
}


/*=============================================
	
	トピックス & ブログ
	
==============================================*/
@media print, screen and (max-width: 768px) {
	#info_list_wrap {
		background: #FFF;
		padding: 3.2em 0 1.6em;
	}
	#info_list_wrap .container {
		width: 80%;
	}
	#info_list_wrap .tw_cl {
		margin: 0 0 4.0em;
	}
	#info_list_wrap .tw_cl:last-of-type {
		margin: 0 0 0;
	}
	#info_list_wrap .tw_cl h4 {
		text-align: center;
		font-size: 2.4em;
		margin: 0 0 0.6em;
	}
	#info_list_wrap .tw_cl ul {
		margin: 0 0 2.4em;
	}
	#info_list_wrap .tw_cl ul li {
		margin: 0 0 1.0em;
		padding: 0 0 1.0em;
		border-bottom: 1px dotted #CCC;
	}
	#info_list_wrap .tw_cl ul li:last-child {
		border-bottom: none;
		padding: 0;
		margin: 0;
	}
	#info_list_wrap .tw_cl p.date {
		font-size: 0.9em;
		color: #999;
	}
	#info_list_wrap .tw_cl p.title a {
		text-decoration: underline;
		color: #000;
	}
	#info_list_wrap .tw_cl .body_excerpt {
		font-size: 10px;
		color: #999;
		line-height: 1.4em;
	}
	#info_list_wrap .tw_cl .btn_arrow a {
		padding: 10px 0;
		max-width: 220px;
	}
}

@media print, screen and (min-width: 769px) {
	#info_list_wrap {
		background: #FFF;
		padding: 40px 0 40px;
	}
	#info_list_wrap .container {
		width: 820px;
	}
	#info_list_wrap .tw_cl {
		width: 360px;
	}
	#info_list_wrap .topics_list {
		float: left;
	}
	#info_list_wrap .blog_list {
		float: right;
	}
	#info_list_wrap .tw_cl h4 {
		text-align: center;
		font-size: 36px;
		margin: 0 0 20px;
	}
	#info_list_wrap .tw_cl ul {
		margin: 0 0 40px;
	}
	#info_list_wrap .tw_cl ul li {
		margin: 0 0 12px;
		padding: 0 0 12px;
		border-bottom: 1px dotted #CCC;
	}
	#info_list_wrap .tw_cl ul li:last-child {
		border-bottom: none;
		padding: 0;
		margin: 0;
	}
	#info_list_wrap .tw_cl p.date {
		font-size: 11px;
		color: #999;
	}
	#info_list_wrap .tw_cl p.title a {
		text-decoration: underline;
		color: #000;
	}
	#info_list_wrap .tw_cl .body_excerpt {
		font-size: 10px;
		color: #999;
		line-height: 1.4em;
	}
	#info_list_wrap .tw_cl .btn_arrow a {
		padding: 10px 0;
		max-width: 220px;
	}
}

/*=============================================
	
	ムービー
	
==============================================*/
@media print, screen and (max-width: 768px) {
	.index_movie_wrap {
		background: #EAEAEA;
		padding: 3.2em 0 0;
	}
	.index_movie_wrap h3 {
		text-align: center;
		font-size: 2.6em;
		line-height: 1.0em;
		margin: 0 auto 1.0em;
	}
}

@media print, screen and (min-width: 769px) {
	.index_movie_wrap {
		background: #EAEAEA;
		padding: 50px 0 0;
	}
	.index_movie_wrap .container {
		width: 800px;
	}
	.index_movie_wrap h3 {
		text-align: center;
		font-size: 36px;
		line-height: 1.0em;
		margin: 0 0 40px;
	}

}


/*=============================================
	
	限定フェア バナー
	
==============================================*/
.special_fair_wrap {
	background-color: #f2f7f8;
	padding: 3em 0;
}
.special_fair_wrap a {
	width: 90%;
	margin: 0 auto;
	display: block;
}

@media print, screen and (min-width: 769px) {
	.special_fair_wrap {
		padding: 60px 0;
	}
	.special_fair_wrap a {
		width: 800px;
	}
}


/*=============================================
	
	フェスタ バナー
	
==============================================*/
.banner_one {
	padding: 3em 0 2em;
}
.banner_one a {
	width: 90%;
	margin: 0 auto;
	display: block;
}

@media print, screen and (min-width: 769px) {
	.banner_one {
		padding: 60px 0 30px;
	}
	.banner_one a {
		width: 960px;
	}
}