@charset "utf-8";
@import url("/wedding/common/css/nav.css");
@import url("/wedding/common/css/footer.css");
@font-face {
	font-family: 'spirequal';
	src:  url('/wedding/common/fonts/spirequal-Light.ttf.woff') format('woff'),
    url('/wedding/common/fonts/spirequal-Light.ttf.svg#spirequal-Light') format('svg'),
    url('/wedding/common/fonts/spirequal-Light.ttf.eot'),
    url('/wedding/common/fonts/spirequal-Light.eot?#iefix') format('embedded-opentype');
}
@font-face {
	font-family: 'benne';
	src: url('/wedding/common/fonts/Benne-Regular.otf') format('opentype');	
}
@font-face {
	font-family: 'cinzel';
	src: url('/wedding/common/fonts/Cinzel-Decorative-Regular.ttf.woff') format('woff'),
    url('/wedding/common/fonts/Cinzel-Decorative-Regular.ttf.svg#Cinzel-Decorative-Regular') format('svg'),
    url('/wedding/common/fonts/Cinzel-Decorative-Regular.ttf.eot'),
    url('/wedding/common/fonts/Cinzel-Decorative-Regular.eot?#iefix') format('embedded-opentype'); 
}
@font-face {
	font-family: "quil";
	src:  url('/wedding/common/fonts/Quilline-Script-Thin.ttf.woff') format('woff'),
    url('/wedding/common/fonts/Quilline-Script-Thin.ttf.svg#Quilline-Script-Thin') format('svg'),
    url('/wedding/common/fonts/Quilline-Script-Thin.ttf.eot'),
    url('/wedding/common/fonts/Quilline-Script-Thin.eot?#iefix') format('embedded-opentype'); 
}
@font-face {
	font-family: 'noto serif';
	src: url('/wedding/common/fonts/NotoSerifCJKjp-ExtraLightNEW.woff') format('woff'),
	url('/wedding/common/fonts/NotoSerifCJKjp-ExtraLightNEW.otf') format('opentype');
}

body,html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-size: 100%;
	display: block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
html {
	background: #fff;
}
a, a:hover, a:focus { text-decoration: none; color: #4a3a30; outline: 0; }
img { border: 0; outline: 0; max-width: 100%; }
p { letter-spacing: 0.1em; }
ul { list-style: none; 	overflow: hidden; }
h1, h2, h3, h4, h5, h6 { margin: 0 auto; }
h1, h2, h3, h4, h5,
.title p,.jp_title,.equalh2,.same_title,#ceremony_main section p,#cuisine_main section p,.clickme span,#report_page section p,#report_page section h3,.formTable tr th,.banquet_slide .slick-prev:before,.banquet_slide .slick-next:before,.mincho,a.more:after, .more a:after,#index #concept a:after,.paging .slick-prev:before,.paging .slick-next:before,.gallery_nav .second li p:before,.certification .normal  {
	font-family: "noto serif", 游明朝体, 'Yu Mincho', YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
header,section,nav,footer { width: 100%; margin: 0 auto; position: relative; overflow: hidden; }
nav{
  position: fixed;
  left:0;
  top:0;
}


input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
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;
}

.lazy div { opacity: 0; }
.lazy div.stay-steps{
	display: flex ;
	flex-direction: row ;
	flex-wrap: wrap ;
	justify-content: center ;
	align-items: center ;
	align-content: center ;
}
.lazy div.stay-steps img{
	margin: 0 5px;
}
@media screen and (max-width: 768px) {
	body,html {font-size: 90%;}
	.lazy div {opacity: 1;}
	.lazy div.stay-steps{
		display: flex ;
		flex-direction: row ;
		flex-wrap: wrap ;
		justify-content: space-around ;
		align-items: center ;
		align-content: center ;
	}
	.lazy div.stay-steps img{
		width: 28%;
		margin: 0;
	}
}
@media screen and (max-width: 640px) {
	body,html {font-size: 85%;}
	#ceremony_main section p,#cuisine_main section p,#report_page section p,.formTable tr th,p.mincho,table.mincho,.topics_slide h3.mincho,.point.mincho p,.special p,#always .normal,#family .small,#family .normal {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		letter-spacing: normal !important;
	}
}
@media screen and (max-width: 360px) {
	body,html {font-size: 80%;}
}
/*-*-*-*-*-Header-*-*-*-*-*/
header .container {
	padding-top: 0 !important;
	max-width: 100%;
	transition: all 0.6s;
}
header.after {
	height: 50px;
	position: fixed;
	background: none !important;
}
header.after .container {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 50px;
	width: 1280px;
	display: block;
}
header.after .homevent { display: block; }
.homevent {
	width: 100% !important;
	position: absolute;
	left: 15%;
	top: 43%;
	z-index: 9000;
	overflow: hidden;
	color:  #4a3a30;
	display: none;
}
.homevent img { float: left; width: 15px; }
.homevent a:after {
	content: 'フェアを見る';
	font-size: .9em;
	background: #956253;
	color: #fff;
	padding: 2px 5px 1px;
	border-radius: 5px;
	margin-left: 0.5%;
}
.homevent p {
	font-size: .6em;
	letter-spacing: .1em;
	float: left;
	margin: 0 0 0 1%;
	width: 90%;
}
.logo,#index .after .logo {
	display: none;
}
.shortcut {
  /*
	width: 50%;
  */
  width:58%;
	position: absolute;
	right: 0;
	top: 15%;
	z-index: 9000;
	overflow: hidden;
}
.shortcut ul {
	width: 71%;
	padding: 0;
	margin: 1.5% 0 1.5% -1%;
	float: left;
}
.shortcut li {
	float: right;
/*	width: 22%;*/
  width:17%;
	text-align: center;
	background: rgba(193,122,119,0.8);
	border-radius: 3px;
	padding: 1% 0 0.7%;
	margin: 0 1%;
}
.shortcut li a {
	display: block;
	font-size: .8em;
	color: #fff;
}
.call {
	float: left;
/*	width: 31%;*/
  width:25%;
	font-family: "spirequal";
}
.call a {
	color: #4a3a30;
	text-align: left;
	margin: 1.7% 0 0 3%;
	float: right;
	font-weight: bold;
	line-height: 1.3;
	font-size: 1.8em;
	z-index: 8888;
	letter-spacing: 0.1em;
}
.call img {
	width: 20px;
	float: right;
	margin: 6% 2% 0;
}
.call span {
	color: #4a3a30;
	font-size: .5em;
	letter-spacing: .4em;
	line-height: 1;
	padding-top: 2px;
	border-top: 1px solid #71655d;
}
.call span:before {
	content: '受付';
	font-size: .7em;
	font-weight: normal;
	letter-spacing: normal;
	margin-right: 3%;
	background: #4a3a30;
	border-radius: 3px;
	padding: 1px 3px;
	color: #fff;
}
@media screen and (max-width:1280px) {
	header { display: none; }
}
/*-*-*-*-*-SameParts-*-*-*-*-*/
.viewport { max-width: 1920px; margin: 0 auto; overflow: hidden; }
.main {position: fixed; top: 0; left: 0; width: 100%; z-index: -1; overflow: hidden;	transform: translate3d(0, 0, 0);}
.left { float: left; }
.right { float: right; }
.pc { display: block; }
.sp { display: none !important; }
.pd6 {padding: 0.6em !important;}
.pd85 {padding: 0.85em !important;}
.container { width: 1100px; max-width: 100%; margin: 0 auto; position: relative; z-index: 8888;	overflow: hidden; padding-top: 5%;}
.quil {font-family: "quil" !important;}
.benne {font-family: 'benne' !important;}
.cinzel {font-family: 'cinzel' !important;}
.spirequal { font-family: 'spirequal' !important;}
.big {font-size: 1.7em; font-weight: bold;}
.title, .title2, .title3 { text-align: center; background-size: 100% 100% !important; position: relative; top: 0; z-index: 9000; width: 100%; font-size: 120%;}
.title { color: #fff; padding-bottom: 3%;}
.title2 { color: #fff; }
.title3 { color: #6c6a6c; }
.title1 .container, .title2 .container, .title3 .container { padding: 0; }
.title h1, .title1 h1, .title2 h1, .title3 h1 {background-size: auto 100% !important; z-index: 9000; position: relative; font-size: 4em; text-transform: none; letter-spacing: .1em; font-weight: 500; }
.title1 h1, .title2 h1, .title3 h1 {line-height: 0.8; padding: 7% 0; margin: 5% auto;}
.title h1 {background: url('/wedding/common/images/title_liner.png') center center no-repeat; line-height: 2; padding: 3% 0 2%; margin: 5% auto 8%; }
.title1 h1 {background: url('/wedding/common/images/title_liner1.png') center center no-repeat; font-weight: bold; padding-top: 8%; }
.title2 h1 {background: url('/wedding/common/images/title_liner2.png') center center no-repeat; }
.title3 h1 {background: url('/wedding/common/images/title_liner3.png') center center no-repeat; }
.title1 span, .title2 span, .title3 span { font-size: 0.3em; }
.title p {margin: 10% auto !important; line-height: 2.3 !important; letter-spacing: 0.2em; font-size: 1.1em;}
.title .jp_title {font-size: 1.8em; letter-spacing: 0.1em;}
.scroll {margin: 6% auto 0 !important;font-size: .8em !important;font-weight: normal;display: inline-block;}
h2.quil { font-size: 5em; margin: 10% auto 5%;}
.part_title { font-family: 'benne';	letter-spacing: .4em; text-align: center; margin: 5% auto; text-transform: uppercase; font-size: 3em; }
.blank { height: 1px; width: 1px; padding-bottom: 35%; z-index: 999; position: relative; overflow: hidden;}
.jp_title {	font-size: 2em;	margin: 0 auto; }
.jp_title.serve { font-weight: normal; font-size: 1.5em; color: #6c6a6c; margin: 0 auto 7% !important; }
.subtitle {border-bottom: 1px solid #9a9a9a;padding-bottom: 3%;}
.subtitle h3 {letter-spacing: 0.1em;margin: 2% auto;color: #4a3a30;font-size: 2em;}
.subtitle h3 span {font-family: "quil"; display: block; font-size: .6em; letter-spacing: normal; margin: 2% auto; font-weight: bold;}
.pnk {color: #e18383 !important;}
.bpnk {color: #f2d4d4 !important;}
.grn {color: #c5d2b2 !important;}
.gallery {text-align: center; padding: 5% 0 2%;}
.gallery ul {width: 1280px; max-width: 95%; margin: 5% auto 0 !important; padding: 0;}
.gallery ul li {width: 23.5%; float: left;margin: 1%;display: inline-block;position: relative;}
.gallery ul li img {width: 100%;}
.gallery ul li:nth-child(4n+1){margin-left: 0;}
.gallery ul li:nth-child(4n){margin-right: 0;}
.gallery ul li a {display: block;}
.gallery .more {margin: 2% auto !important;float: right;text-align: right;border: 0;font-size: 1.5em;}
.gallery .more a {border: none;color:#fff;padding: 0;}
.round h4 {font-size: 300%;margin: 1% auto;opacity: 0;font-family: "quil";}
.round h4 span {font-size: .4em;opacity: 0;display: block;}
.round li, .round li a {border-radius: 50%;background-size: 100%;}
.round li:hover {background-size: 105%;transition: background 0.6s;}
.round a {display: block;z-index: 8889;transition: background 0.6s;padding: 39% 0;position: relative;}
.round h4:after {content: 'Click \A ▼';white-space: pre; font-size: .4em;position: absolute;left: 0;right: 0;text-align: center;bottom: 3%; opacity: 0; line-height: 1.2; font-family: 'benne'; letter-spacing: 0.1em;}
.round a:hover h4,.round a:hover h4:after,.round a:hover h4 span {opacity: 1;transition: all 0.6s;}
.round .serenade {background: url('/wedding/common/images/concept/serenade.jpg') center center no-repeat;}
.round .figaro {background: url('/wedding/common/images/concept/figaro.jpg') center center no-repeat;}
.round .waltz {background: url('/wedding/common/images/concept/waltz.jpg') center center no-repeat;}
.round .concerto {background: url('/wedding/common/images/concept/concerto.jpg') center center no-repeat;}
.round .rhapsody {background: url('/wedding/common/images/concept/rhapsody.jpg') center center no-repeat;}
.round .aube {background: url('/wedding/common/images/concept/aube.jpg') center center no-repeat;}
.round .muse {background: url('/wedding/common/images/concept/muse.jpg?v=200702') center center no-repeat;}
.round .concord {background: url('/wedding/common/images/concept/concord.jpg') center center no-repeat;}
.clickme {background-color: rgba(0, 0, 0, 0.5); color: #fff !important; font-family: "quil" !important; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto !important; padding: 35% 0; font-size: 2.5em !important; font-weight: bold; opacity: 0; line-height: normal !important; border-radius: 10px;}
.clickme span {font-weight: normal;font-size: .4em; display: block;}
.clickme:after {content: '▼';font-size: .3em;}
.calendar[id] {width: 50%;float: left; text-align: center; margin: 3% auto 5%;}
.calendar[id] .article {width: 90%; text-align: center; margin: 0 auto 3%; overflow: hidden;position: relative; color: #2d0808;}
.calendar[id] p {margin: 0 auto; width: 100%;}
.calendar[id] .article strong {font-size: 2em; line-height: 1.2;}
.calendar[id] .article .right {position: absolute; top: 50%; bottom: 0; margin: auto; left: 60%; display: inline-block; width: auto;}
.calendar[id] table {background: #fff;overflow: hidden;margin: 0 auto; width: 90%;padding: 2em;table-layout:fixed;}
.calendar[id] th {height: 50px;font-weight: normal;color: #514b4b;font-size: 0.9em;}
.calendar[id] td {width: 60px; height: 70px;font-size: 1.3em; position: relative; box-sizing: border-box; padding: 10px 0;}
.calendar[id] a {border-bottom: 1px solid; color: #514a4a;}
.calendar[id] .inline {height: 15px; border-top: 1px solid;}
.calendar[id] .day6, .calendar[id] .day6 a,.calendar[id] .day6.today:after {color:#96c0cc;}
.calendar[id] .day0, .calendar[id] .day0 a,.calendar[id] .day0.today:after {color:#f57575;}
.calendar[id] .today a {background: url("/wedding/common/images/fair/today_bg01.png") 50% 50% no-repeat; color: #fff; background-size: 100% !important; padding: 0.3em; border: 0;}
.calendar[id] .day6.today a {background: url("/wedding/common/images/fair/today_bg02.png") 50% 50% no-repeat;}
.calendar[id] .day0.today a {background: url("/wedding/common/images/fair/today_bg03.png") 50% 50% no-repeat;}
.calendar[id] .today:after {content: '今日';position: absolute;bottom: 0; left: 0; right: 0; margin: auto; font-size: 0.5em;}
.past {opacity: .3;}
.pickup_list {border: 1px solid #dcdcdc; padding: 2em; position: relative; width: 100%; overflow: hidden; box-sizing: border-box;}
.pickup_list:before {background: url('/wedding/common/images/fair/ribbon_pu.png') 0 0 no-repeat; content: ""; position: absolute; z-index: 9000; top: 0; left: 0; display: block; padding: 7%; background-size: contain;}
.pickup_list div.left {width: 40%;}
.pickup_list div.right {width: 58%;}
.pickup_list .fairLabel {width: 100%; margin: 1% auto 4%;}
.pickup_list .fairLabel p {margin: 0 auto;}
.pickup_list h3, .paragraph,.item_block h3,.right.catch,.item_block .fairLabel p {text-align: left !important;}
.pickup_list h3,.item_block h3 {font-size: 1.3em !important;}
.pickup_list .paragraph {padding: 0 1em; color: #6c6a6c;}
.paragraph br {display: none;}
.pickup_list .schedule_text {border: 0; width: 100%; margin: 4% auto 3%;}
.pickup_list .schedule_text li {overflow: hidden; margin: 1% auto; display: inline-block; width: 100%;}
.pickup_list .schedule_text li .right {width: 83%; font-weight: bold; letter-spacing: 0.1em;}
.pickup_list .formButton {margin-top: 0.5em;}
.pickup_list .formButton li {margin: 0 auto;}
.pickup_list input {width: 60%;}
.more {	margin: 10% auto !important; font-family: 'cinzel' !important; }
.more a { display: inline-block; border: 1px solid; border-radius: 7px; padding: .3em 3em; letter-spacing: normal; width: 30%;}
a.more:after, .more a:after {content: "▶"; margin-left: 3%;}
.second_title {background: rgba(0,0,0,0.3); color: #fff; text-align: center;position: relative;overflow: hidden;z-index: 8888;}
.second_title .same_title {background: url('/wedding/common/images/small_liner.png') center bottom no-repeat; background-size:100%; font-size: 1.3em; display: inline-block; letter-spacing: 0.1em; padding: 0.7em 2em;}
.second_title h1 { font-size: 5em; margin: 12% auto 0; text-transform: capitalize; }
.second_title h1 span {font-size: 0.3em; display: block; letter-spacing: 0.1em; margin: 1% auto;}
.second_title .scroll {margin: 20% auto 12% !important;}
#photo {z-index: 8888;overflow: hidden;position: relative;padding: 0;margin-top: -5%;}
#photo .container{width: 100%; padding: 0;}
#photo h3,.movie_area h3 { margin: 0 auto; font-size: 3em;}
#photo h3 span,.movie_area h3 span { font-size: .6em; margin: 1% auto; display: block; color: #333; letter-spacing: 0.1em;}
.nobg {background: url('/wedding/common/images/blur2.png') 0 0 repeat-x;  background-size:100% 100%; margin: 0 auto; padding: 8% 0 2%;}
#photo .nobg p,.movie_area p {font-size: 1.2em; margin: 5% auto 3%;}
#photo ul {margin: 0 auto !important;}
#photo ul li {position: relative;}
#photo .article {width: 1330px; max-width: 100%; background: #fff; margin: 0 auto; padding: 1% 0;}
.equalh2 {font-size: 2em !important; font-weight: bold; margin: 5% auto;line-height: 2 !important;display: inline-block; color: #333 !important;}
.wht_area { background: #fff; margin: 0; padding: 3% 0; z-index: 8888; }
/*.gal:hover {background: rgba(0,0,0,0.3); display: inline-block;}*/
.gal:hover .clickme {border-radius: 10px; opacity: 1;}
.gal img,.gal:hover img {border-radius: 10px;}
p.left strong,p.right strong,.color strong,.concord strong { font-size: 1.5em; text-transform: capitalize; }
.banquet_nav { background-size:100% !important; z-index: 9; position: relative; overflow: hidden; width: 100%;}
.banquet_nav h3 { letter-spacing: 0.1em; font-weight: normal; }
.banquet_nav .container {background: rgba(0,0,0,0.5); width: 100%; text-align: center; color: #fff; padding-top: 3%;}
.banquet_nav .article {background: rgba(255,255,255,0.2); width: 100%; overflow: hidden; margin: 2% auto 5%;}
.banquet_nav .round {padding: 0; margin: 2% auto;font-size: 90%; max-width: 1920px; width: 85%;}
.banquet_nav .round li {float: left;width: 18.6%;padding: 0;margin: 0 .5%;}
.banquet_nav .round a {color: #fff;padding: 36% 0 !important;}
.banquet_nav .round a:hover {background: rgba(0,0,0,0.5);}
h2.quil.color {margin: 5% auto 0; text-transform: capitalize; font-size: 4em !important; }
h2.quil.color span { font-weight: normal; font-size: 0.4em; display: block; margin: 2% auto; color: #6c6a6c;}
.information {margin-top: -12%; padding-top: 10%;}
.information .container {width: 1235px; max-width: 95%; overflow: hidden;}
.information .container .left,.information .container .right {width: 50%; overflow: hidden; padding: 0;}
.information .article {overflow: hidden;clear: both;margin: 0 auto;display: inline-block;width: 100%;}
.information p { font-size: 1.1em; line-height: 2.5; color: #6c6a6c; font-weight: bold;}
.information li {margin: 5% auto;display: inline-block;width: 100%;}
.banquet_theme .center { text-align: center; padding: 3% 0; background-size: 100% !important; }
.banquet_theme { position: relative; z-index: 9;}
.banquet_theme .container {width: 100%; padding: 23% 0 7%;}
.banquet_theme p {font-size: 1.4em;line-height: 2.2;font-weight: bold;}
.movie_area {position: relative; background: #fff; z-index: 9; text-align: center;}
.movie_area .container {padding-top: 0 !important;}
.movie_area .article {margin: 3% auto 10%; width: 60%; position: relative; padding: 34% 0 0; display: inline-block;}
.movie_area .article iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
@media screen and (min-width: 1921px) { 
	.main { background-size: auto 90% !important; }
	.concept_theme,.chapel_theme,.banquet_theme,.dress_salon,.family_theme,.somemore {background-size: cover !important;}
}
@media screen and (max-width: 1440px) {
	.information {margin-top: -20%;}
}
@media screen and (max-width: 1280px) and (min-width: 769px) {
	.round a {padding: 36% 0;}
	.round h4 {font-size: 250%;}
	.banquet_nav {background-size: auto !important;}
	.banquet_nav .round h4 {font-size: 200%;}
}
@media screen and (max-width: 1280px) {
	.title {padding: 5% 0 0; font-size: 95%;}
	.title p {margin: 6% auto !important;}
	.title1,.title2,.title3 {padding-top: 7%;}
}
@media screen and (max-width: 1100px) {
	.information li.pc {width: 50%;} 
}
@media screen and (max-width: 768px) {
	h2.quil {font-size: 4em; margin-bottom: 2%;}
	.pc {display: none !important;}
	.sp {display: block !important;}
	.big {font-size: 1.5em;}
	.part_title {font-size: 2em; margin: 3% auto;}
	.main {background-size: auto 100% !important;}
	.blank {padding-bottom: 50%;}
	.jp_title.serve	{font-size: 2em !important;}
	.subtitle { max-width: 90%; margin: 0 auto;}
	.round a {padding: 35% 0 !important;}
	.second_title {display: none;}
	.information {margin-top: 0;}
	.information .container {padding-top: 10%;}
	.information .article {width: 95%; margin: 2% auto;}
	.information .container .left, .information .container .right {width:48%;}
	.information p {font-size: 1.2em; text-align: left;}
	.banquet .round li {width: 32% !important; margin: 1.5% .5% !important;}
	.banquet_theme {background-size: auto 100% !important; background-attachment: local !important;}
	.banquet_theme .container {padding: 25% 0 15%;}
	.banquet_theme .center {padding: 1% 0 !important; background-size: auto 100% !important; background-position: right center !important;}
	.banquet_nav {background-size: auto 100% !important; background-attachment: local !important;}
	.banquet_nav .round {width: 90%;}
	.banquet_nav .round li {width: 32%; margin: 1.5% .5%; background-position: center bottom !important;}
	.banquet_nav .round li a {background: rgba(255,255,255,0.5); color: #141414; font-weight: bold;}
	.round a h4, .round a h4:after, .round a h4 span {opacity: 1;}
	.round h4 span {font-size: 0.5em;}
	p.color {display: none;}
	.pickup_list input {width: 90%;}
	.pickup_list:before {padding: 10%;}
	.calendar[id] table {padding: 1em 2em;}
	.calendar[id] td {height: auto; padding: 5% 0;}
	.calendar[id] th {height: auto; padding: 2.5% 0 4%;}
	.calendar[id] .today:after { bottom: -10%;}
}
@media screen and (max-width: 640px) {
	.round h4 {font-size: 2em; line-height: 1;}
	.gallery ul li { width: 31.5%; }
	.equalh2 {font-size:1.7em !important; letter-spacing: 0.05em !important; width: 95%; font-weight: bold !important;}
	.information {padding-top: 15%; margin-top: -5%;}
	.information .container {padding-top : 30%;}
	.information .container .left, .information .container .right {width: 100%; box-sizing: border-box;}
	.information p {font-size: 1.5em; font-weight: normal;}
	.nomargin {margin: 0 auto !important; width: 100% !important; box-sizing: border-box;}
	.banquet_theme p {color: #333; text-align: left; width: 90%; margin: 3% auto; letter-spacing: 0.1em;}
	.banquet_theme p br {display: none;}
	.nobg {padding-top: 13%;}
	#photo .nobg p,.movie_area p {font-size: 1.5em; margin: 9% auto 5%;}
	#photo .nobg span,.movie_area span {display: block;}
	.gallery ul li:nth-child(3n+1){margin-left: 0 !important;}
	.gallery ul li:nth-child(3n){margin-right: 0;}
	.gallery ul li:nth-child(4n){margin-right: 1%;}
	.gallery ul li:nth-child(4n+1){margin-left: 1%;}
	.title1 h1,.title2 h1,.title3 h1 {padding: 11% 0 9% !important; font-size: 3em; margin: 3% auto;}
	.pickup_list:before {padding: 15%;}
	.movie_area .container {padding-top: 5% !important;}
	.movie_area .article {width: 80%; padding: 45% 0 0;}
}
@media screen and (max-width: 480px) {
	.title1, .title2, .title3 {padding-top: 17%;}
	.equalh2 br {display: none;}
	.round h4:after {content: '▼';}
}
@media screen and (max-width: 380px) {
	.round h4 {font-size: 1.8em;}
	.subtitle h3 {font-size: 1.7em;}
}
/*-*-*-*-*-Main page style-*-*-*-*-*/
/*-*-*-*-*-Header*-*-*-*-*/
#index header {
	background: transparent;
	background: -webkit-linear-gradient(to bottom, #fff, rgba(255,255,255,0));  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #fff, rgba(255,255,255,0)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#index nav { padding: 0; background: #fff; float: none; margin: 0 auto;}
#index nav ul {	width: 100%; }
#index nav ul li { margin: 1% auto; }
#index nav.after { padding: 1.2% 0 0; }
#index nav.after ul { width: 87%; }
#index .container {	padding-top: 0; }
#index .fixed_logo { opacity: 0; }
#index .after .fixed_logo {	opacity: 1; }
#index .logo { width: 150px; margin: 3% auto; text-align: center; overflow: hidden; position: relative; z-index: 9999; display: block; }
#index .logo a { display: block; }
#index .logo img { width: 100%; max-width: 150px; }
.firstview {top: 7% !important;}
.firstview .call {display: none;}
.firstview ul {float: right !important; width: 90% !important;font-size: 0.9em;}
.firstview ul li {background: none; text-align: center;border-right: 1px solid; border-radius: 0; padding: 0;margin: 0 auto;font-weight: bold;letter-spacing: 0.1em;width: 23%;}
.firstview ul li a {color: #4a3a30; }
.firstview ul li:first-child{border: 0;}
@media screen and (max-width: 1280px) {
	#index .blank {padding-bottom: 60%;}
	#index nav {background: rgba(255,255,255,0.8);}
}
/*-*-*-*-*-Main Slide-*-*-*-*-*/
#main {position: fixed; top: 0; height: 100%; min-height: 860px; z-index: 1;}
.main .slide {list-style: none; margin: 0; padding: 0; width: 100%; overflow: hidden;}
.main img {width: 100%;}
@media screen and (max-width:768px) {
	#main, #index .main {position: relative; height: auto; min-height: auto;}
}
/*-*-*-*-*-Concept-*-*-*-*-*/
#index #concept {
	background: url("/wedding/common/images/concept.jpg") center center no-repeat fixed;
	background-size: auto;
	position: relative;
	z-index: 8888;
	text-align: center;
	overflow: hidden;
	font-family: 'benne';
}
#index #concept h3, #index #concept p { margin: 3% auto; }
#index #concept:before {
	content: "";
	padding: 50% 0;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	background: url("/wedding/common/images/con02.png") top right no-repeat;
}
#index #concept .article { width: 50%; margin: 0 auto; padding: 20% 0; color: #141414; line-height: 2; letter-spacing: .1em; }
#index #concept a { font-size: 2.5em; color: #a8bcd4; opacity: 0.5; }
#index #concept a:hover { opacity: 1; border-bottom: 1px solid; }
#index #concept a:after { content: "▶";	font-size: .5em; margin-left: 1%; }
@media screen and (max-width: 1280px) {
	#index #concept {background-size: auto 100%;}
}
@media screen and (max-width: 1100px) {
	#index #concept { background: url("/wedding/common/images/concept.jpg") left top no-repeat fixed; background-size: auto 100%;}
	#index #concept .container {background: rgba(255,255,255,0.7); background-size: 100% auto; border: solid #eee; border-width: 1px 0 1px 0;}
}
@media screen and (max-width: 768px) {
	#index #concept { background-attachment: local;}
	#index #concept:before {display: none;}
	#index #concept .article {padding: 3% 0 7%; width: 100%;}
	#index #concept a {opacity: 1;}
}
@media screen and (max-width: 640px) {
	.ip {display: none !important;}
	#index #concept p {font-size: 1.3em; text-align: left; width: 90%;}
	#index #concept p br {display: none;}
}
/*-*-*-*-*-fair-*-*-*-*-*/
#index .calendar[id] { margin: 0 auto; }
#fair { overflow: hidden; position: relative; padding: 3% 0; z-index: 8888;	background: url("/wedding/common/images/fair01.jpg") top center no-repeat fixed; background-size: cover; }
#fair h2 {color: #4a3a30; margin: 2% auto;}
#fair h4 {font-size: 1.2em; margin: 0 auto; letter-spacing: 0.1em;}
#fair .container {width: 1280px;}
#fair .contents {overflow: hidden; margin: 3% auto;}
.paging .slick-arrow.slick-disabled {display: none !important;}
.paging .slick-prev,.paging .slick-next{z-index:9999;position:absolute;bottom:-10%;cursor:pointer;color:transparent;border:none;outline:none;background:transparent;opacity: 1;width: 23%;}
.paging .slick-prev {left: 4%;}
.paging .slick-next {right: 4%;}
.paging .slick-prev:before{float: left; content: '◀ PREV';}
.paging .slick-next:before{float:right; content: 'NEXT ▶';}
.paging .slick-prev:before,.paging .slick-next:before {color: #fff; background: #f57575; font-size: 1.3em; border-radius: 1em; padding: 0.2em 0 0.15em; width: 100%;}
#fair .pickup_list {border: 0 !important; padding: 1.2em; background: rgba(0,0,0,0.1); margin-top: 3%; display: inline-block;}
#fair .inline { border-color: #f3f3f3; }
.index_fair.left { width: 53%; }
.pickup_fair { overflow: hidden; background: #fff; padding: 1em; }
.pickup {overflow: hidden; background: #fff; padding: 0.5em; position: relative;}
.reco_fair { width: 40%; text-align: center; float: left; position: absolute; top: 0; bottom:0; left: 2%; margin: auto; max-height: 250px; }
.reco_fair img { max-width: 100%; max-height: 100%; }
.reco_text { width: 56%; padding: 1em; box-sizing: border-box; float: right; color: #333; }
.reco_text p.mincho {padding : 0 1em; font-size: 0.9em;}
.reco_text p br { display: none; }
.reco_text button {
	border: 0;
	outline: 0;
	background: #f57575;
	color: #fff;
	padding: .75em 0;
	border-radius: 7px;
	line-height: 1.25;
	font-size: 1em;
	font-weight: bold;
	margin: 0.25em 0 0;
	position: relative;
	letter-spacing: 0.1em;
	width: 100%;
	opacity: 0.7;
}
.reco_text button:hover {background: #a5cd68;}
.reco_text button:active {top: 1px;box-shadow: 0 2px 1px 0 #d8d9d4;}
.recently_title {background: url("/wedding/common/images/icon/flag.png") top left no-repeat; background-size: contain;padding-left: 2em;}
.recently {	padding: 0;	overflow: hidden;}
.flag {font-size: 0.8em; color: #e58181; padding: 0.2em 0.5em 0.1em; text-align: center; display: inline-block; width: auto; margin: 2% 5% 0 0 !important; border: 1px solid; float: right;}
.recently a {display: inline-block; color: #141414;}
.recently li {float: left; width: 48%; margin: 0 auto; border: solid #ddd; border-width: 5px 0 5px 0; padding-top: 1.5%; box-sizing: border-box; background: rgba(255,255,255,0.7);}
.recently li:first-child {margin-right: 4%;}
.recently img {	width: 100px;max-width: 100%;}
.recently .left {width: 35%;text-align: center;}
.recently .right { width: 65%; font-size: 0.9em;}
.recently .right p {margin: 0 auto; box-sizing: border-box;}
.recently .right .mincho {clear: both; padding: 0.5em; letter-spacing: 0.1em;font-size: 0.95em;color: #333;}
#fair a.mincho {display: inline-block; padding: 0.3em 1em 0.4em 1.3em;color: #fff; background: #a5cd68;font-size: 0.9em; transition: background 0.4s; border-radius: 3px;opacity: 0.8;line-height: 1;}
#fair a.mincho:hover {background: #f57575;}
#fair .calendar.right {	width: 43%; padding: 3% 0 7%; background: rgba(255,255,255,0.5);}
#fair .calendar table {	width: 90%;	margin: 0 auto;	text-align: center;}
#fair .calendar a {	border-bottom: 1px solid;}
#fair .calendar.right p.mincho {text-align: center;color: #333;}
.calendar .article span {display: block;}
.float_banner {position: fixed; bottom: 0; right: 3%; z-index: 9999;}
.float_banner .left {margin-right: 1px; position: relative;}
.float_banner .right {position: relative;}
.float_banner img {width: 100%;}
@media screen and (max-width: 1100px) {
	.float_banner .left, .float_banner .right {float: none;}
	.float_banner .right {background: rgba(255,255,255,0.9); border-radius: 6px 6px 0 0;}
}
@media screen and (max-width:768px) {
	.index_fair.left { width: 60%; }
	.paging { overflow: hidden; }
	#fair {background-attachment: local; padding-bottom: 0;}	
	#fair .contents { width: 95%; text-align: center; margin: 5% auto 0;}
	#fair .calendar.right { width: 38%; background: none; padding: 1% 0 !important;}
	#fair .calendar table { width: 100%; padding: 0 1.5em 1.5em;}
	#fair .calendar th { height: auto; padding: 5% 0;}
	#fair .calendar td { height: auto; padding: 3% 0 !important;}
	#fair .today:after {display: none;}
	#fair .inline {padding: 0;}
	#fair .slick-prev, #fair .slick-next {display: none;}
	.reco_fair {position: relative; width: 38%; max-height: none;}
	.reco_text {width: 100%; float: none;}
	.reco_text h4 {width: 55%; float: right; font-size: 1.55em !important;}
	.reco_text button {margin: 1em auto 0;}
	.sp.link {overflow: hidden; width: 90%; margin: 3% auto; display: inline-block !important;}
	#fair a.mincho {font-size: 1.5em !important; padding: 1em 0 !important; margin: 1% auto; width: 49%; text-align: center; position: relative;}
	#fair a.mincho:before { background-size: auto 50% !important; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; }
	#fair a.mincho.left:before {background: url("/wedding/common/images/icon/list.png") 10% 50% no-repeat;}
	#fair a.mincho.right:before {background: url("/wedding/common/images/icon/cal.png") 10% 50% no-repeat;}
	#fair a.mincho span {margin-left: 10%;}
	#index .calendar[id] {width:100%;}
	.calendar[id] .article .right {top: 35%;}
	#fair .calendar .article span {display: inline-block; position: absolute; top: 35%; left: 25%;}
	.float_banner {position: relative; right: 0; padding: 2% 0; z-index: 8888; background: #eee;}
	.float_banner .right {background: none;}	
}
@media screen and (max-width: 640px) {
	#index .calendar[id] {width: 85%; float: none;}
	.index_fair.left { width: 95%; }
	#fair .calendar.right { width: 90%; }
	.index_fair.left, #fair .calendar.right { float: none; margin: 2% auto;}
	#fair a.mincho {width: 90%; float: none;}
	.reco_fair, .reco_text h4 {float: none; position: relative; left: auto !important;}
	.reco_fair {width: 50%;}
	.reco_text h4 {width: 100%; text-align: left;}
	.reco_text button {font-size: 1.3em;}
	.paging .slick-prev:before,.paging .slick-next:before {font-size: 1.1em;}
	.calendar[id] .today:after { display: none;}
	.calendar[id] td {padding: 4% 0;}
	#index .part_title {letter-spacing: .3em;}
}
/*-*-*-*-*-topics-*-*-*-*-*/
#index #topics {
	position: relative;
	z-index: 8888;
	padding: 2% 0;
	background: url("/wedding/common/images/topics.jpg") 0 0 no-repeat fixed;
	background-size: auto;
	overflow: hidden;
}
#index #topics .container { width: 100%; margin: 0 auto 5%; }
#index #topics .jp_title {
	font-size: 1.5em;
	border-bottom: 1px dashed #edeae6;
	display: inline-block;
	width: auto;
	padding: 0 0.5em 0.2em;
	letter-spacing: 0.1em;
}
.float { background: rgba(167,152,138,0.7); overflow: hidden; margin: 10% auto;	width: 50%;	float: left; padding: 13% 0; text-align: center; position: relative; color: #f6f2ee; }
.float ul { margin: auto; padding: 0; position: absolute; bottom: 10%; left: 0; right: 0; list-style: none; overflow: hidden; max-height: 70%;}
.float ul li { padding-bottom: 16vw; box-sizing: border-box; overflow: hidden;}
.float h2 { color: #fff; margin: auto; position: absolute; top: 3.5vw; left: 0; right: 0; line-height: 1; }
.float .block {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
#index #topics p { color: #f6f2ee; text-align: center; letter-spacing: .1em;}
.topics_slide p, .topics_slide a:after { opacity: 0;}
.topics_slide p.mincho {opacity: 1;}
#index #topics .detail { margin: 3% auto; }
.benefit {
	background: rgba(255,255,255,0.1);
	font-size: 0.8em;
	display: inline-block;
	width: auto;
	box-sizing: border-box;
	padding: 0.5em 3em;
	margin: 0 auto !important;
}
.topics_area {
	position: relative;
	width: 50%;
	margin: 10% auto;
	overflow: hidden;
	z-index: 9998;
	box-sizing: border-box;
	float: right;
}
.slide img, .topics_slide img { margin: 0 auto; width: 100%; max-width: 100%; }
.topics_slide {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	overflow: hidden;	
}
.topics_slide .slick-center, .topics_slide .slick-current { opacity: 1 !important; background: rgba(167,152,138,0.5);}
.topics_slide .slick-center p, .topics_slide .slick-center a:after {opacity: 1 !important;}
.topics_slide .slick-slide {
	padding: 6% 0;
	margin: 0;
	opacity: .5;
	position: relative;
}
.topics_slide img {position: absolute; top: 0; left: 0;}
.topics_slide .slick-slide .text_data {position: absolute; top: 80%; transition: all 0.4s;}
.topics_slide .slick-center .text_data { top: 68%; }
.topics_slide.slick-dotted { padding-bottom: 3%; }
.topics_slide li { position: relative; }
.topics_slide .slick-slide a:after {
	content: "もっと見る ＞";
	position: absolute;
	bottom: 1%;
	right: 3%;
	font-size: 0.5em;
	color: #faf6f2;
}
.topics_slide h3.mincho {
	font-size: 1.1em;
	text-align: center !important;
	color: #faf6f2;
	margin: 0 auto 1vw;
	letter-spacing: 0.1em;
}
.topics_slide p {
	width: 80%;
	margin: 0 auto;
	font-size: .8em;
	text-align: left !important;
}
.topics_slide p br {display: none;}
#index #topics .more {
	width: 100%;
	text-align: center;
	margin: 0 auto !important;
	position: absolute;
	bottom: 0;
}
#index #topics .more a { color: #f6f2ee; padding: 0.5em 0 !important; width: 30%; box-sizing: border-box;}

@media screen and (max-width: 1600px) and (min-width: 1441px) {
	.float {padding: 13.8% 0;}
	.float ul li {padding-bottom: 18vw;}
	.topics_slide .slick-slide { padding: 6.3% 0; }
	.topics_slide .slick-center .text_data {top: 64% !important;}
}
@media screen and (max-width: 1440px) {
	.float {display: none;}
	.topics_area {width: 100%;}
	.topics_area .text_data {opacity: 1 !important;}
}
@media screen and (max-width:1280px) {
	#index #topics {background-size: auto 100%;}
	.topics_slide .slick-slide {padding-bottom: 7%;}
}
@media screen and (max-width: 768px) {
	#index #topics {background: #5E4E43; padding-top: 5%;}
	#index #topics p {color: #5E4E43;}
	#index #topics .container {margin: 0 auto !important;}
	.topics_area {width: 100%; margin: 0 auto;}
	.topics_slide {margin: 0 auto;}
	.topics_slide .slick-slide { background: #f6f2ee; opacity: 0.7; padding: 0 0 6%;}
	.topics_slide .slick-slide img {position: relative;}
	.topics_slide .mincho {font-weight: bold;}
	.topics_slide .text_data,.topics_slide .slick-center .text_data  { top: 60% !important; }
	.topics_slide p {font-size: 1em !important; width: 85%;}
	.topics_slide h3.mincho {font-size: 1.1em !important; margin: 1em auto; letter-spacing: normal;}
	.topics_slide .slick-slide h3,.topics_slide .slick-slide p, .topics_slide .slick-center a:after,.topics_slide .slick-current a:after {opacity: 1 !important; color: #5E4E43; }
	.topics_slide .slick-slide a:after { bottom: 2%; right: 5%; font-size: 1em;}
}
@media screen and (max-width: 640px) {
	.topics_slide .slick-slide {padding-bottom: 1%;}
	.topics_slide .slick-slide .text_data {position: relative; text-align: center;}
	.topics_slide h3.mincho {font-size: 1.1em !important; margin: 3% auto 7%;}
	.topics_slide p {width: 100%;}
	.topics_slide .slick-slide a:after {opacity: 1 !important; color: #5E4E43; display: block; text-align: center; bottom: 0 !important; right: 0 !important; left: 0; background: rgba(255,255,255,0.8); font-size: 1em; padding: 0.3em 0;}
	.topics_slide.slick-dotted {padding-bottom: 5%;}
}
/*-*-*-*-*-menu-*-*-*-*-*/
.menu_area {
	background: url('/wedding/common/images/menu/menu_bg.png') 0 0 no-repeat;
	background-size: 100%;
	padding: 7.2% 0;
	width: 100%;
	margin: -7.2% auto 0; 
	overflow: hidden;
	position: relative;
	z-index: 8888;
	text-align: center;
	box-sizing: border-box;
}
.menu_area .viewport {position: relative;}
.menu_area a { display: inline-block; }
.menu_area img { width: 100%;}
.menu_title {
	position: absolute;
	width: 35%;
	max-width: 665px;
	max-height: 640px;
	top: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
}
.menu_title:before { content: ""; width: 1px; height: 1px; padding: 50% 0; display: block; }
.menu_title .inner {
	position: absolute;
	display: inline-block;
	width: auto;
	height: 80%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.menu_title h3 { font-size: 5em; margin: 7% auto; }
.menu_title h4 { margin: 0 auto 1.5em; font-weight: normal; }
.menu_title p { margin: 3% auto; font-size: 1.2em; line-height: 2; }
.menu_title .more {
	position: absolute;
	bottom: 5%;
	left: 0;
	right: 0;
	margin: auto !important;
}
.menu_area button {
	border: 1px solid #555;
	outline: 0;
	background: none;
	cursor: pointer;
	margin: 3% auto 10%;
	font-size: 1.5em;
	border-radius: 10px;
	width: 60%;
	padding: .3em 0 .2em .5em;
}
#ceremony .menu_title { left:15%; background: rgba(178,213,203,0.7); }
#index #banquet .menu_title {
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: rgba(62,30,16,0.7);
	max-height: 80%;
}
#index #dress .menu_title {
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: rgba(255,255,255,0.3);
}
#index #dress h3 { font-size: 4.5em; }
#index #dress h3 span { font-size: 0.4em; }
#index #cuisine .menu_title {
	left: 7%;
	background: rgba(62,30,16,0.7);
}
.menu_title, .menu_title a { color: #fff; }
.menu_area div[id] { overflow: hidden; }
.menu_area .container { width: 100%; }
#index #ceremony,#index #dress { margin-bottom: 7%; }
#index #banquet { margin-bottom: 10%; }
@media screen and (max-width: 1440px) {
	.menu_title h3 { margin: 0 auto 7%;	}
	.menu_title h4 {margin-bottom: 1em;}
}
@media screen and (max-width: 1280px) {
	.menu_title h3 {font-size: 4em;}
	.menu_title .jp_title {font-size: 1.5em;}
	.menu_title .more a {padding: 0.3em 0; width: 70%;}
}
@media screen and (max-width: 768px) {
	.menu_area {background: #fff; padding: 5% 0; margin: 0 auto;}
	.menu_area img {display: none;}
	.menu_area .container { background-size: cover !important; position: relative; padding: 23% 0 !important; width: 100%; }
	.menu_area #ceremony .container {background: url("/wedding/common/images/menu/ceremony.jpg") right top no-repeat; }
	.menu_area #banquet .container {background: url("/wedding/common/images/menu/banquet.jpg") center top no-repeat; }
	.menu_area #dress .container {background: url("/wedding/common/images/menu/dress.jpg") center top no-repeat; background-size: auto 150% !important;}
	.menu_area #cuisine .container {background: url("/wedding/common/images/menu/cuisine.jpg") left top no-repeat; }
	#ceremony .menu_title, #dress .menu_title {left: 0 !important; right: auto !important; width: 50%;}
	#banquet .menu_title, #cuisine .menu_title {right: 0 !important; left: auto !important; width: 50%;}
	#index #banquet .menu_title {max-height: none;}
	#index #ceremony,#index #banquet, #index #dress { margin-bottom: 5%; }
	.menu_title h3 { font-size: 4em; margin: 2% auto; }
	.menu_title .more { bottom: 0; }
}
@media screen and (max-width: 640px) {
	.menu_title h3,#index #dress h3 {font-size: 3em;}
	.menu_title h4 {margin-bottom: 5%; font-size: 1.5em;}
	.menu_title p {line-height: 1.7;}
	.menu_title .inner {height: 70%;}
	.menu_area .more a {border: 0; background: rgba(255,255,255,0.3); padding: .3em; width: 80%; box-sizing: border-box;}
}
@media screen and (max-width: 480px) {
	.menu_title h3, #index #dress h3 {font-size: 2.7em;}
}
/*-*-*-*-*-Report-*-*-*-*-*/
#report {
	margin: 0 auto;
	position: relative;
	z-index: 888;
	background: url('/wedding/common/images/report_bg.png') rgba(240,232,227,0.9) 0 0 no-repeat;
	/*background: #BEB1A8;*/
	background-size: 100% 100%;
	text-align: center;
}
#report .container { width: 100%; padding: 2% 0;}
#report .part_title { color: #faf6f2; }
.report {
	width: 1200px;
	max-width: 95%;
	padding: 0 0 3%;
	list-style: none;
	overflow: hidden;
	margin: 3% auto 0;
}
.report .slick-slide { float: left; margin: 0 .3%; }
.report img {
	max-width: 100%;
	border: 1px solid #D3CBC4;
}
.report.slick-dotted { padding-bottom: 2%; }
.report .title {font-size: 1.2em;font-weight: bold;padding: 0;color: #faf6f2;}
.report .title span {display: block;}
.report .theme {text-align: left; width: 95%; margin: 0 auto;color: #faf6f2;}
.report .theme br {display: none;}
#report h3 {
	margin-top: 5%;
	color: #faf6f2;
	font-size: 1.5em;
	letter-spacing: .2em;
	line-height: 2;
}
#report h3 span {
	font-size: .8em;
	letter-spacing: normal;
	font-family: "quil";
	color: #D9CFC9;
	line-height: 1.5;
}
#report h3:after { content: '▼'; font-size: .5em; color: #D9CFC9; margin-top: 3%; }
#movies {
	background: rgba(240,232,227,0.9);
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	z-index: 8888;
	text-align: center;
}
#movies .mincho {margin: 3% auto 0; font-weight: bold; color: #4a3a30;}
.movies { margin: 3% auto 7%; background: rgba(255,255,255,0.3); padding: 1%; }
.movies li { margin: 0 0.2%; position: relative; overflow: hidden;}
.movies .caption {font-size: .8em; font-weight: bold; background: rgba(255,255,255,0.5); position: absolute; bottom: 0; left: 0; margin: 0; width: 100%; padding: 0.3em 0 0.2em;}
.columns { background: rgba(75,47,30,0.9); position: relative; z-index: 8888; }
@media screen and (min-width: 1921px) { .menu_area .viewport:before { content: ""; position: absolute; top: 0; left: 0; z-index: 9777; width: 100%; padding: 100% 0; display: block; background: url("/wedding/common/images/bg.png") 50% 50% repeat-y;}}
@media screen and (max-width: 768px) {
	#report {background: #BEB1A8; }
}
@media screen and (max-width: 640px) {
	.report .title span {display: none;}
	.report.slick-dotted { padding-bottom: 4%; }
	.report .slick-arrow {top: 20% !important;}
	#report .container {padding: 5% 0;}
}
/*-*-*-*-*-instagram-*-*-*-*-*/
.instagram {
	background: url('/wedding/common/images/bg06.jpg') center center no-repeat fixed;
	position: relative;
	z-index: 8888;
	overflow: hidden;
	width: 100%;
	padding: 7% 0;
	text-align: center;
}
.instagram ul {
	background: rgba(255,255,255,0.8);
	list-style: none;
	margin: 2% auto;
	overflow: hidden;
	border-radius: 3px;
	padding: 2% 4%;
	text-align: left;
}
.instagram .part_title { margin: 0 auto; width: 25%;}
.instagram h2 img { margin-right: 2%; }
.instagram h3 { text-align: center; display: inline-block; width: 25%; background: rgba(255,255,255,0.5); padding: 0.1em 0 0.3em; margin-top: .5%; border-radius: 3px;}
.instagram .thumb { width: 16%;	float: left; margin: .3%; padding-bottom: 16%; position: relative;}
.instagram .thumb a { display: block; }
.instagram .thumb img { width: 100%; max-width: 100%; border-radius: 7px;  position: absolute; top: 0; height: 100% !important; }
.instagram ul li:first-child { width: 32.7%; content: ""; padding-bottom: 32.7%; position: relative; }
@media screen and (max-width:768px) {
	.instagram {background: url('/wedding/common/images/dotted.png');}
	.instagram .part_title { width: 55%;}
	.instagram h3 {width: auto; background: none;}
	.instagram .thumb { width: 24%; padding-bottom: 24%; margin: 0.5%;}
	.instagram ul {background: none; padding: 3%; }
	.instagram ul li:nth-child(n+6) { display: none !important; }
	.instagram ul li:first-child { width: 49% ; padding-bottom: 49%; }
}

/*-*-*-*-*-Concept Page Style-*-*-*-*-*/
#concept .main { margin: 0; padding: 50% 0; background: url('/wedding/common/images/bg03.jpg') top center no-repeat; }
#concept .title { background: url('/wedding/common/images/concept/memb.png') bottom center no-repeat; }
#concept section { text-align: center; }
.concept h2.quil { color: #b0cbc4; }
div.concept,.banquet,div.ceremony,div.cuisine,.information { z-index: 8888; position: relative; overflow: hidden; text-align: center; }
div.concept,div.ceremony,div.cuisine,.information { padding-bottom: 10%; background: url('/wedding/common/images/blur2.png') top center no-repeat; background-size: 100% 100% !important; }
.concept .article, .banquet .article { width: 95%; margin: 0 auto;	overflow: hidden; line-height: 2; letter-spacing: .1em;	font-size: 1em; }
.concept .article p,.banquet .article p { margin: 5% auto !important; }
.concept .article {max-height: 400px;}
.concept .first .left, .concept .second .right {max-width: 38%;}
.concept .first .right,.concept .second .left {width: 60%; position: relative; padding: 25% 0; box-sizing: border-box; overflow: hidden;}
.concept .text {position: absolute; max-height: 90%; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.deco {
	background: #f7f1ec;
	color: #5E4E43;
	padding: 1% 4% 0;
	font-weight: bold;
	border-radius: 3px;
}
.concept_theme {
	background: url('/wedding/common/images/concept/theme.jpg') bottom center no-repeat fixed;
	background-size: auto;
	width: 100%;
	z-index: 9;
	position: relative;
	padding: 5% 0 30%;
}
.concept_theme .container {	padding-top: 3%; width: 100%; background: rgba(255,255,255,0.7); }
.concept_theme p { margin: 2% auto !important; }
.hotel,.chapel,.banquet,.hospitality {
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 8888;
}
#concept section p { margin: 3% auto; line-height: 2.2; }
.hotel ul, .hospitality ul { margin: 5% auto; padding: 0; list-style: none; }
.hotel ul li img, .hospitality ul li img{
	width: 100%;
}
.hotel ul li, .hospitality ul li {
	margin: 0 .1%;
	position: relative;
	overflow: hidden;
}
.hotel ul li p, .hospitality ul li p { position: absolute; bottom: 0; left: 0; margin: 0 auto !important; background: rgba(255,255,255,0.5); width: 100%; text-align: right; font-weight: bold; padding-right: .5em; line-height: 1.7 !important; box-sizing: border-box; color: #4a3a30;}
div.chapel img { width: 100%; margin: 2% auto; }
#concept a.more {
	display: inline-block;
	padding: 0.4em 0;
	border-radius: 5px;
	margin: 2% auto !important;
	font-size: 1.2em;
	color: #141414;
	border: 1px solid #888; opacity: 0.9; width: 30%;
}
#concept a.more:hover { opacity: 1; box-shadow: 3px 3px 3px rgba(0,0,0,0.1); }
#concept .always .more {width: 17%;}
.banquet .round { width: 70%; max-width: 1280px; margin: 3% auto; padding: 0; }
.banquet .round li { width: 31%; max-width: 400px; margin: 2% 1%; float: left; }
.banquet .round a {color: #471f0d;}
.banquet .round a:hover { background: rgba(255,255,255,0.5); }
.banquet .waltz a:hover, .banquet .concerto a:hover,.banquet .aube a:hover { background: rgba(255,255,255,0.7) !important; }
#concept .cuisine { background: #beb1a8; z-index: 8888;	position: relative;	color: #f7f2ef !important; }
#concept .cuisine .subtitle { border-color: #f7f2ef; }
#concept .cuisine h3, #concept .cuisine p { color: #fff; font-weight: normal; }
#concept .cuisine img { margin: 3% auto 0; width: 100%;}
#concept .cuisine a { color: #f7f2ef; border-radius: 5px; border: 1px solid #f2ebe7; margin: 2% auto !important; }
#concept .cuisine a:hover, #concept .cuisine a:active { box-shadow: 3px 3px 3px rgba(0,0,0,0.1); }
#concept .always {background: url("/wedding/common/images/concept/always.jpg") #000 center center no-repeat; background-size: 100%; position: relative; z-index: 8888;}
#concept .always .container {padding: 3% 0; color: #fff !important; background: rgba(0,0,0,0.3); width: 100%;}
#concept .always .subtitle {width: 1100px; margin: 0 auto; border-color: #fff; padding-bottom: 1%; max-width: 90%;}
#concept .always h3, #concept .always a {color: #fff; border-color: #fff;}
#concept .always a {margin: 0 auto !important;}
#concept .always p {margin: 2% auto;}
@media screen and (max-width: 1280px) and (min-width: 769px) {
	#concept .always .container {padding: 4% 0;}
	#concept .always .more {width: 33%;}
	.banquet .round {width: 95%;}
}
@media screen and (max-width: 768px) {
	#concept section p {font-size: 1.2em;}
	.concept .container {padding-top: 20%;}
	.concept .text {line-height: normal; text-align: left; margin: 0 auto;}
	.concept .text br {display: none;}
	.concept .text p {margin-top: 0 !important;}
	.concept_theme {background-size: auto 100% !important; background-attachment: local;}
	.concept_theme img {max-width: 15% !important;}
	.concept_theme p {line-height: 1.7;}
	.banquet .round {width: 95%;}
	.banquet .round li {background-position: center bottom;}
	.banquet .round a {color: #fff; background: rgba(0,0,0,0.3);}
	.banquet .round h4, .banquet .round h4 span {opacity: 1;}
	#concept .always {background-size: auto 100%; background-position: left center; background-attachment: local;}
	#concept .always .container {padding: 15% 0; background: rgba(0,0,0,0.6); }
}
@media screen and (max-width: 768px) and (min-width: 641px) {
	#concept .text p {font-size: 1.1em;}
}
@media screen and (max-width: 640px) {
	#concept p.jp_title {font-size: 1.5em;}
	#concept section .container,#concept .always .container {width: 90%;}
	.concept .first .left, .concept .second .right,	.concept .first .right, .concept .second .left,.concept .text {width: 95%; max-width: 95%; position: relative; float: none; margin: 0 auto; padding: 0;}
	.concept .text {padding: 3%;}
	.concept_theme .container {width: 100% !important;}
	div.concept, .banquet, div.ceremony, div.cuisine, .information {text-align: center;}
	.hotel p,.chapel p,.banquet p,.cuisine p,.hospitality p,.always p {text-align: left; display: inline-block;}
	.concept_theme p br, .hotel p br,.chapel p br,.banquet p br,.cuisine p br,.hospitality p br,.always p br {display: none;}
	#concept .always .container {width: 100% !important;}
	#concept .always p {width: 90%;}
	#concept a.more,#concept .always .more {width: 60%;}
	.concept_theme p {width: 90%; text-align: left;}
	.hotel ul li p, .hospitality ul li p { font-size: 1em !important; padding-right: 0;}
}
@media screen and (max-width: 480px) {
	#concept .subtitle { max-width: 100%; text-align: left;	}
	#concept .subtitle h3 { letter-spacing: 0.05em;	}
	.hotel ul li p, .hospitality ul li p { text-align: left; font-weight: normal; background: rgba(255,255,255,0.7); }
}
/*-*-*-*-*-Ceremony page style-*-*-*-*-*/
#ceremony_main .main {background: url('/wedding/common/images/ceremony/bg.jpg') top center no-repeat; margin: 0; padding: 50% 0;}
#ceremony_main .title {background: url('/wedding/common/images/ceremony/memb.png') top center no-repeat;}
.ceremony h2.quil, #chapel .detail .quil,#chapel .detail .mincho { color: #d4e3f2; }
.ceremony .container {width: 100%; max-width: 1920px; background: url('/wedding/common/images/ceremony/lace_bg.jpg') bottom no-repeat; background-size:100%;}
.ceremony .article {margin: 5% auto 0; text-align: left; overflow: hidden; max-height: 1065px;}
.ceremony .left, .ceremony .right,#shrine .left,#shrine .right {width: 50%; overflow: hidden; padding: 0;}
.ceremony ul {text-align: left; margin: 0 auto; position: relative; max-height: 1090px;}
.ceremony ul:before {padding: 56% 0; content: ""; width: 100%; display: block;}
.ceremony ul p {text-align: center; line-height: 2; margin: 5% auto; font-size: 1.1em; color: #6c6a6c; letter-spacing: 0.1em;}
.ceremony ul li { margin: 0 auto; position: absolute; width: 100%; display: inline-block; box-sizing: border-box;}
.ceremony ul img { max-width: 100%; }
.ceremony ul li:first-child { top:0; }
.ceremony ul li:last-child { bottom: 0;}
.ceremony ul li:last-child img { max-width: 42%; }
.ceremony .left li:first-child { padding: 4% 0; left: 0; right: 0; margin: auto;}
.ceremony .left li:last-child { right: 0; padding-right: 3%; text-align: right;}
.underline { border-bottom: 1px solid; width: auto; padding: 0 4em; line-height: 2; font-size: 1.3em; letter-spacing: 0.1em; display: inline-block; font-family: "benne" !important; font-weight: normal; }
.brown { color: #bb8968 !important; border-color: #d7c7b8; }
.green { color: #6f9148; border-color: #d5ddcb; }
.chapel_theme { background: url('/wedding/common/images/bg02.jpg') center bottom fixed no-repeat; position: relative; z-index: 9; padding: 23% 0 10%; }
.chapel_theme .container { width: 100%; background: rgba(255,255,255,0.7); padding: 1.5% 0 !important; }
.chapel_theme .center { width: 1100px; max-width: 100%; text-align: center; margin: 0 auto; }
.chapel_theme h3 {color: #3e3731 !important; font-size: 3em; margin: 2% auto 1%;}
.chapel_theme h3 span { display: block; font-size: 0.45em; margin-top: 1%; letter-spacing: 0.1em;}
#chapel,#shrine { background: #fff; position: relative; z-index: 8888; overflow: hidden; }
#chapel .left, #chapel .right {width: 50%; text-align: center;}
#chapel .container {width: 1050px;}
#chapel p, #shrine .right p { line-height: 2; font-size: 1.2em; letter-spacing: 0.1em; color: #6c6a6c;}
#chapel h4 { margin: 0 auto;}
#chapel img { max-width: 100%; }
#chapel .article {overflow: hidden; margin: 3% auto;}
#chapel p {display: inline-block; margin: 0 auto;}
#chapel ul {padding: 0; margin: 0 auto;}
#chapel ul li {margin-bottom: 6%;}
#chapel ul li.text { padding:18% 0;}
#chapel div.right {padding-top: 10%;}
#chapel div.right p {margin-top: 15%;text-align: left;}
#chapel .detail {font-size: 90%;}
#chapel .detail .quil { font-size: 2em; text-align: right;display: inline-block; margin: 2% auto; float: right; font-weight: bold; line-height: normal;}
#chapel .detail .mincho {font-size: 1.4em; clear: both; text-align: left; margin-left: 0.3em; width: 100%; font-weight: bold;}
#chapel .detail .info {line-height: 1.3; background: #f3f9ff; font-weight: bold; padding:1em 2em; float: right;margin: 0 auto; text-align: left; font-size: 1.1em; width: auto;}
#chapel .detail .block {width: 70%; margin: 0 auto;}
.fairy .right {padding-top: 2% !important;}
.fairy li {margin-bottom: 2% !important;}
.fairy p {text-align: center !important; margin-top: 10% !important; font-size: 1.3em;}
#ceremony_main .gallery {width: 100%; overflow: hidden;margin: 5% auto 0;position: relative;z-index: 8888;}
#ceremony_main .gallery h4 {color: #fff; font-size: 2em;}
#ceremony_main .gallery h4 span {display: block; font-size: 0.7em; margin-bottom: .5%;}
#chapel .gallery {background: #d4e3f2;}
#chapel .gallery ul li {margin: 1%;}
#chapel .gallery ul li:nth-child(4n+1){margin-left: 0;}
#chapel .gallery ul li:nth-child(4n){margin-right: 0;}
#shrine {text-align: center; color: #6c6a6c;}
#shrine img {width: 100%;}
#shrine .container {width: 100%; max-width: 1920px; padding: 5% 0;}
#shrine .container h3 {margin: 1% auto 6%; font-size: 2em;}
#shrine .right {margin: 3% auto;}
#shrine .right p  {margin: 3% auto;}
#shrine .gallery {background: #d6d1cf;}
@media screen and (max-width: 1280px) {	.ceremony ul p {margin: 3% auto;}}
@media screen and (max-width: 1024px) {
	.ceremony .container {padding-top: 20%;}
	.ceremony ul:before {display: none;}
	.ceremony ul li {position: relative;}
	.ceremony ul li.pc {display: none;}	
	.chapel_theme {background-position: center center; background-size: 100%; background-attachment: local;}
	.detail .info {border: 0;}
	#shrine .left, #shrine .right {width: 100%;}
	#shrine .container {padding-bottom:0;}
}
@media screen and (max-width: 768px) {
	.ceremony .left, .ceremony .right { width: 100%; float: none;}
	.chapel_theme {background-size: cover;}
	.chapel_theme h3 {font-size: 2.5em; margin: 0 auto 2%;}
	.chapel_theme h3 span {font-size: .6em; margin: 0;}
	#chapel .left, #chapel .right {width: 100%; float: none; margin: 0 auto;}
	#chapel .article {position: relative;}
	#chapel p { display: block; font-size: 1.3em;}
	#chapel div.right {padding: 0; margin-bottom: 5%;}
	#chapel div.right p {margin-top: 5%; text-align: center;}
	#chapel ul.left {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(255,255,255,0.5);}
	#chapel ul li {margin-bottom: 0;}
	#chapel .detail .quil,#chapel .detail .info {float: none;}
	#chapel .detail .block {width: 100%;}
	#chapel .detail .info {background: rgba(255,255,255,0.7); font-size: 1.3em; line-height: 1.7; text-align: center; font-weight: normal;}
	#chapel .detail .quil, #chapel .detail .info {color: #333;}
	.fairy ul.left {position: relative !important;}
	.ceremony ul p, #shrine .right p {font-size: 1.3em;}
}
@media screen and (max-width: 640px) {
	#chapel .gallery ul li {margin: 1% !important;}
	#chapel .gallery ul li:nth-child(3n) {margin-right: 0 !important;}
}
/*-*-*-*-*-Banquet page style-*-*-*-*-*/
/*-*-*-*-*-Banquet main page-*-*-*-*-*/
#banquet_main .main { background: url('/wedding/common/images/banquet/bg.jpg') #fff top center no-repeat; margin: 0; padding: 50% 0;}
#banquet_main .title { background: url('/wedding/common/images/banquet/memb.png') bottom center no-repeat; }
.banquet h2 { margin: 0 auto 5% !important; }
.banquet .container .article { width: 100%;	background: url('/wedding/common/images/banquet/building.jpg') top left no-repeat;	background-size: 60%; padding: 10% 0; }
#banquet_main .banquet { background: url("/wedding/common/images/blur.png") top center no-repeat; padding-top: 5%; background-size: 100% 100%; }
#banquet_main .article p { margin-top: 7% !important; }
#banquet_main .subtitle h3, #banquet_main .left p, #banquet_main .right p { color: #6c6a6c; font-weight: normal;}
.fake { position: fixed; top: 0; left: 0; z-index: 9000; width: 100%; height: 100%; background: rgba(255,255,255,0.3); }
.slidearea .article {width:100%;overflow: hidden; padding: 5% 0; background: #fff;}
.wht_area {background: #fff;padding: 2% 0; overflow: hidden;position: relative;}
.slidearea ul{margin: 0 auto;padding:0;}
.slidearea .slick-slide img {max-width: 100%;}
.banquet_slide_thumb { width: 1280px; max-width: 95%; margin: 0 auto; }
.banquet_slide_thumb .slick-slide {width: 19% !important;cursor: pointer; margin-left: 1%;}
.banquet_slide_thumb .slick-slide:first-child {margin-left: 0%;}
.banquet_slide_thumb img {opacity: 1;}
.banquet_slide_thumb p {color: #b2c4cf; font-size: 1.3em;font-weight: bold; padding-bottom: 0.8em;}
.banquet_slide_thumb span {font-size: 0.5em; line-height: 0.2;}
.banquet_slide_thumb .slick-current p,.banquet_slide_thumb .slick-slide:hover p { display: block !important; color: #6c6a6c;}
.banquet_slide {width: 100%; max-width: 1920px; margin: 0 auto;}
.banquet_slide h3 {margin: 0 auto; font-size: 1.5em;}
.banquet_slide h3 span{font-size: .9em; font-weight: bold; margin-bottom: 0;}
.banquet_slide .left {width: 35%; box-sizing: border-box; margin: 2.5% 2.5% 0;}
.banquet_slide .right, #banquet_main #musebar .left, #planet .right, .gall .right { width: 60%; }
#banquet_main section img { width: 100%; }
#banquet_main #musebar,#planet,.gall {
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 8888;
	padding: 3% 0;
	text-align: center;
}
#musebar .more a,#planet .more a ,.gall .more a,.banquet_slide .more a {
	background: #b2c4cf;
	color: #fff;
	border-radius: 5px;
	text-align: center;
	display: inline-block;
	position: relative;
	width: auto;
}
#musebar .more a,.gall .more a,.banquet_slide .more a { padding: .4em 0; width: 40%; }
#planet .more a { padding: .4em 3em .4em 2em; }
#banquet_main #musebar .right, #planet .left,.gall .left { width: 35%; margin: 5% 2.5%; overflow: hidden; letter-spacing: 0.1em; }
#banquet_main #musebar p,#planet p,.gall p,.slidearea p { margin: 5% auto; line-height: 2; }
#planet a:after {
	content: url('/wedding/common/images/icon/window_wht.png');
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0 auto 3%;
	height: 17px;
}
.blu { color: #b2c4cf; }
.gall {	padding-bottom: 10%; }
@media screen and (min-width: 1921px) {
	#banquet_main .main {background-size: auto !important;}
	#figaro .main, #aube .main, #serenade .main,#rhapsody .main,#concerto .main,#waltz .main, #musebar .main {background-size: auto 65% !important;}
}
@media screen and (max-width: 1280px) {
	.banquet_slide .left {margin: 0 2.5%;}
	#banquet_main .article p {margin-top: 5%;}
	#musebar .more a, .gall .more a, .banquet_slide .more a {width: 60%;}
	.banquet_slide h3 {line-height: 1.7;}
	#banquet_main #musebar .right, #planet .left, .gall .left {margin: 2% 2.5%;}
}
@media screen and (max-width:1100px) and (min-width: 769px) {
	#banquet_main .banquet {padding-top: 20%;}
	#banquet_main .cmt {padding-top: 3%;}
	#banquet_main .article p {margin: 2% auto !important;}	
	#banquet_main #musebar p br, #planet p br, .gall p br { display:none; }
}
@media screen and (max-width: 1100px) {
	.jp_title.serve {margin: 0 auto !important;}
	.banquet_slide .right, .banquet_slide .left {width: 90%; float: none; margin: 0 auto;}
	.banquet_slide .subtitle {width: 30%; float: left; font-size: .8em; border: 0; margin: 7% auto; padding: 0;}
	.banquet_slide .mincho {display: inline-block;}
	.banquet_slide .pc.mincho {float: right; padding: 1% 5%; background: #f9f9f9;}
}
@media screen and (max-width: 768px) {
	#banquet_main .main {background-size: 100% auto !important;}
	#banquet_main .blank {padding-bottom: 35%;}
	#banquet_main .banquet {padding-top: 15%;}
	#banquet_main .subtitle {width: 30%; float: left; font-size: .8em; border: 0; margin: 7% auto; padding: 0;}		
	.banquet .container .article {width: 85%; padding: 0; background-size: auto 100%;}
	.banquet_slide_thumb { width: 80%;}
	.banquet_slide_thumb .slick-slide p{display: none;}
	.banquet_slide_thumb .slick-slide:before {content: "●"; display: block; font-size: 2em; color: #b2c4cf; line-height: 1;}
	.banquet_slide_thumb .slick-current:before,.banquet_slide_thumb .slick-slide:hover:before { display:inline-block; color: #6c6a6c;}
	.banquet_slide h3 {font-size: 2em; line-height: normal;}
	.banquet_slide .slick-arrow {opacity: 0.7 !important; bottom: 17%; height: 10% !important; width: 10% !important; top: auto !important;}
	#banquet_main #musebar .left,#banquet_main #musebar .right, #planet .right, #planet .left, .gall .right, .gall .left {width: 90%; float: none; margin: 0 auto;}
	#banquet_main section .left p, #banquet_main section .right p {font-size: 1.2em; width: 70%; float: right; text-align: left;}
	#banquet_main p.more {margin: 0 auto !important; width: 100% !important; float: none !important; text-align: center !important; overflow: hidden;}
}
@media screen and (max-width:640px) {
	#banquet_main .banquet { padding-top: 20%;}
	.banquet .container .article {width: 95%; font-size: 1.2em; background-size: 100%;}
	#banquet_main section .left p, #banquet_main section .right p {width: 95%; margin: 0 auto !important; float: none;}
	.banquet_slide_thumb {margin: 0 auto 3% !important;}
	.banquet_slide_thumb .slick-slide p{display: none !important;}
	#banquet_main .subtitle { float: none; margin-bottom: 3%; width: auto;}
	.banquet_slide h3 {font-size: 2.2em;}
	.banquet_slide .left .mincho { font-size: 1.5em !important; width: 80% !important; }
	#musebar .more a, .gall .more a, .banquet_slide .more a { margin: 4% auto 0;}
	#banquet_main #musebar p, #planet p, .gall p {font-size: 1.5em !important; width: 90% !important;}
	#banquet_main #musebar p br, #planet p br, .gall p br {display: none;}
}
/*-*-*-*-*-Aube page-*-*-*-*-*/
#aube .main {background: url('/wedding/common/images/banquet/bg02.jpg') top center no-repeat; margin: 0; padding: 50% 0; }
#aube .color {color: #8ac0d9;}
.aube .article .left p.right {background: #8ac0d9; color: #fff; text-align: left;padding-left: 1em;box-sizing: border-box;width: 40%;}
.aube .article .left p.left {text-align: right; width: 50%; margin-right: 10%;}
#aube #photo .container { background: rgba(237, 242, 252, 0.9); }
#aube .banquet_theme {background: url('/wedding/common/images/banquet/aube/bg02.jpg') center top fixed no-repeat;}
#aube .banquet_theme .center {background: url('/wedding/common/images/banquet/aube/theme_bg.png') center center no-repeat;}
@media screen and (max-width: 640px) {
	.aube .article .left p.left {line-height: normal; letter-spacing: 0.1em;}
	.aube .article .left p.left strong {font-size: 1.3em;}
	.aube .nomargin {border: 1px solid #8ac0d9;}
}
/*-*-*-*-*-Concerto page-*-*-*-*-*/
#concerto .main {background: url('/wedding/common/images/banquet/bg05.jpg') top center no-repeat; margin: 0; padding: 50% 0; }
#concerto .second_title p.mincho,#waltz .second_title p.mincho {font-size: 1.2em; padding: .5em 0; text-align: center; color: #fff; font-weight: bold; background: rgba(0,0,0,0.3);} 
#concerto .color {color: #e3b494;}
.concerto .article .right p.left {background: #e3b494; color: #fff; text-align: right;padding-right: 1em;box-sizing: border-box;width: 30%;}
.concerto .article .right p.right {text-align: left; width: 60%;}
#concerto #photo .container { background: rgba(230,221,209,0.9); }
#concerto .banquet_theme { background: url('/wedding/common/images/banquet/concerto/bg02.jpg') center top fixed no-repeat;}
#concerto .banquet_theme .center {background: url('/wedding/common/images/banquet/concerto/theme_bg.png') center center no-repeat;}
@media screen and (max-width: 768px) {
	.plusNotice {width: 100% !important;}
	.blank.sp .mincho {position: absolute; top: 25vw; color: #fff; font-size: 1.5em; font-weight: bold; text-align: center; width: 100%; background: rgba(0,0,0,0.3); padding: .5em 0;}	
}
@media screen and (max-width: 640px) {
	.concerto .article .right p.right {line-height: normal; letter-spacing: 0.1em;}
	.concerto .article .right p.right strong {font-size: 1.3em;}
	.concerto .nomargin {border: 1px solid #e3b494;}
}
/*-*-*-*-*-Figaro page-*-*-*-*-*/
#figaro .main { background: url('/wedding/common/images/banquet/bg01.jpg') top center no-repeat; margin: 0;padding: 50% 0; }
#figaro .color {color: #dacee1;}
.figaro .article .right p.left {background: #dacee1; color: #fff; text-align: right;padding-right: 1em;box-sizing: border-box;width: 30%;}
.figaro .article .right p.right {text-align: left; width: 60%; }
#figaro #photo .container { background: rgba(231,218,213,0.9);}
#figaro .banquet_theme { background: url('/wedding/common/images/banquet/figaro/bg02.jpg') center top fixed no-repeat;}
#figaro .banquet_theme .center {background: url('/wedding/common/images/banquet/figaro/theme_bg.png') center center no-repeat;}
@media screen and (max-width: 640px) {
	.figaro .article .right p.right {line-height: normal; letter-spacing: 0.1em;}
	.figaro .article .right p.right strong {font-size: 1.3em;}
	.figaro .nomargin {border: 1px solid #dacee1;}
}
/*-*-*-*-*-Musebar page-*-*-*-*-*/
#musebar .main { background: url('/wedding/common/images/banquet/bg07.jpg') top center no-repeat; margin: 0; padding: 50% 0; }
#musebar .color { color: #941a28; }
.musebar .article .right p.left { background: #941a28; color: #fff; text-align: right; padding-right: 1em; box-sizing: border-box; width: 30%;}
.musebar .article .right p.right { text-align: left; width: 60%;}
#musebar #photo .container { background: rgba(190,180,181,0.9); }
#musebar .banquet_theme { background: url('/wedding/common/images/banquet/musebar/bg02.jpg') center top fixed no-repeat; }
#musebar .banquet_theme .center { background: url('/wedding/common/images/banquet/musebar/theme_bg.png') center center no-repeat; }
@media screen and (max-width: 640px) {
	.musebar .article .right p.right {line-height: normal; letter-spacing: 0.1em;}
	.musebar .article .right p.right strong {font-size: 1.3em;}
	.musebar .nomargin {border: 1px solid #941a28;}
}
/*-*-*-*-*-Rhapsody page style-*-*-*-*-*/
#rhapsody .main {background: url('/wedding/common/images/banquet/bg04.jpg') top center no-repeat; margin: 0; padding: 50% 0;}
#rhapsody .color {color: #659c0d;}
.rhapsody .article .left p.right {background: #659c0d; color: #fff; text-align: left;padding-left: 1em;box-sizing: border-box; width: 40%;}
.rhapsody .article .left p.left {text-align: right; width: 50%; margin-right: 10%;}
#rhapsody #photo .container { background: rgba(241,248,218, 0.9); }
#rhapsody .banquet_theme { background: url('/wedding/common/images/banquet/rhapsody/bg02.jpg') center top fixed no-repeat; }
#rhapsody .banquet_theme .center { background: url('/wedding/common/images/banquet/rhapsody/theme_bg.png') center center no-repeat; }
@media screen and (max-width: 640px) {
	.rhapsody .article .left p.left {line-height: normal; letter-spacing: 0.1em;}
	.rhapsody .article .left p.left strong {font-size: 1.3em;}
	.rhapsody .nomargin {border: 1px solid #659c0d;}
}
/*-*-*-*-*-Serenade page style-*-*-*-*-*/
#serenade .main { background: url('/wedding/common/images/banquet/bg03.jpg') top center no-repeat; margin: 0; padding: 50% 0; }
#serenade .color {color: #f4b1a9;}
.serenade .article .right p.left {background: #f4b1a9; color: #fff; text-align: right;padding-right: 1em;box-sizing: border-box;width: 30%;}
.serenade .article .right p.right {text-align: left; width: 60%; }
#serenade #photo .container{background: rgba(245,224,221,0.9); width: 100%; padding: 0;}
#serenade .banquet_theme { background: url('/wedding/common/images/banquet/serenade/bg02.jpg') center top fixed no-repeat; }
#serenade .banquet_theme .center { background: url('/wedding/common/images/banquet/serenade/theme_bg.png') center center no-repeat; }
@media screen and (max-width: 640px) {
	.serenade .article .right p.right {line-height: normal; letter-spacing: 0.1em;}
	.serenade .article .right p.right strong {font-size: 1.3em;}
	.serenade .nomargin {border: 1px solid #f4b1a9;}
}
/*-*-*-*-*-Waltz page style-*-*-*-*-*/
#waltz .main { background: url('/wedding/common/images/banquet/bg06.jpg') top center no-repeat; margin: 0; padding: 50% 0;}
#waltz .color { color:#963423; }
.waltz .article .left p.right {background: #963423; color: #fff; text-align: left;padding-left: 1em;box-sizing: border-box;width: 40%;}
.waltz .article .left p.left {text-align: right; width: 50%; color: #6c6a6c; margin-right: 10%;}
#waltz #photo .container{ background: rgba(193,176,173, 0.9); }
#waltz .banquet_theme { background: url('/wedding/common/images/banquet/waltz/bg02.jpg') center top fixed no-repeat; }
#waltz .banquet_theme .center { background: url('/wedding/common/images/banquet/waltz/theme_bg.png') center center no-repeat; }
@media screen and (max-width: 640px) {
	.waltz .article .left p.left {line-height: normal; letter-spacing: 0.1em;}
	.waltz .article .left p.left strong {font-size: 1.3em;}
	.waltz .nomargin {border: 1px solid #963423;}
}
/*-*-*-*-*-Concord page style-*-*-*-*-*/
#concord .main { background: url('/wedding/common/images/banquet/bg09.jpg') top center no-repeat; margin: 0; padding: 50% 0; }
#concord .color {color: #e9b66d;}
.concord .article .right p.left {background: #e9b66d; color: #fff; text-align: right;padding-right: 1em;box-sizing: border-box;width: 30%;}
.concord .summary {margin: 3% auto; overflow: hidden;}
.concord .summary .bg {background: #e9b66d; color: #fff; text-align: center; box-sizing: border-box;width: 30%; margin: 0 auto;}
.concord .summary span {display: block; font-size: 1.5em; color: #996418; line-height: 1; }
.concord .article .right p.right {text-align: left; width: 60%; }
#concord #photo .container{background: rgba(245,224,221,0.9); width: 100%; padding: 0;}
#concord .banquet_theme { background: url('/wedding/common/images/banquet/concord/bg02.jpg') center top fixed no-repeat; }
#concord .banquet_theme .center { background: url('/wedding/common/images/banquet/concord/theme_bg.png') center center no-repeat; }
@media screen and (max-width: 768px) {
	#concord .banquet_nav {background-size: auto !important;}
}
@media screen and (max-width: 640px) {
	#concord .information {margin-top: 20%;}
	#concord .information .container {padding-top: 10%;}
	.concord .article .right p.right {line-height: normal; letter-spacing: 0.1em;}
	.concord .article .right p.right strong {font-size: 1.3em;}
	.concord .nomargin {border: 1px solid #e9b66d;}
	.concord .summary {margin: 5% auto; display: inline-block;}
	.concord .summary .mincho {clear: both;}
	.concord .summary .bg {float: left;}
}
@media screen and (max-width: 380px) {
	.concord .summary span {font-size: 1.2em;}
}
/*-*-*-*-*-Cuisine page style-*-*-*-*-*/
#cuisine_main .main {background: url('/wedding/common/images/cuisine/bg01.jpg?v=200702') top center no-repeat; margin: 0; padding: 50% 0;}
#cuisine_main .title {background: url('/wedding/common/images/cuisine/memb.png') top center no-repeat;}
#cuisine_main .cuisine .article {line-height: 2;font-size: 1.3em;letter-spacing: 0.1em; color: #6a6c6c; font-weight: 400; margin: 10% auto; max-width: 95%;}
#cuisine_main h4 {border-bottom: 1px solid;padding: 0 1% 0.5%;letter-spacing: 0.1em;display: inline-block;font-size: 1.3em;}	
#cuisine_main section img {margin: 0 auto;}
#cuisine_main .cuisine {padding-bottom: 0 !important;}
#cuisine_main .theme {background: url('/wedding/common/images/cuisine/bg02.jpg?v=200702') center top fixed no-repeat;background-size:100%; position: relative; z-index: 9;}
.cuisine_theme {padding-top:23%;}
.cuisine_theme .container {width: 100%; background: rgba(255,255,255,0.7); padding: 1.5% 0 !important; overflow: hidden; margin-bottom:10%;}
.cuisine_theme .center {width: 1100px; text-align: center;margin: 0 auto; max-width: 100%;}
.cuisine_theme p {font-size: 1.1em; color: #3e3731; line-height: 2; letter-spacing: 0.05em;}
.chef {overflow: hidden;}
.chef .wht_area{background: #fff;padding-top: 7%;}
.chef .container {background: rgba(255,255,255,0.8) !important;width: 100%;padding: 0;}
.chef .article { width: 1140px; max-width: 95%; margin: 0 auto; text-align: center; overflow: hidden; position: relative;}
.chef .left { width: 43%; }
.chef .right { width:55%; background: #fff; position: absolute; top: 0; bottom: 0;right: 0; margin: auto; padding: 6% 0; letter-spacing: 0.1em; box-sizing: border-box;}
.chef h3 { font-size: 2em; }
.chef span { font-size: .6em; }
.chef p { line-height: 2.2; margin: 10% auto;font-size: 1.3em;}
.french,.japanese { background: #fff; width: 100%; position: relative; z-index: 8888; color: #2b171b;}
.french p, .japanese p { color: #6c6a6c; }
.chinese { background: #ddc3c3; width: 100%; position: relative; z-index: 8888; color: #fff !important;}
#cuisine_main .gallery h3 { font-size: 3em; margin:4% auto 0; }
#cuisine_main .gallery h3 span { font-size: .5em; display: block;}
#cuisine_main .underline { margin: 0 auto !important; padding: 0 1em; }
#cuisine_main .gallery p { font-size: 1.4em; margin: 3% auto; line-height: 2; letter-spacing: 0.1em;}
#cuisine_main .gallery ul { margin: 0 auto 5% !important; }
@media screen and (max-width: 1280px) and (min-width: 769px){
	.chef .right {padding: 4% 0;}
	.chef p {font-size: 1.1em; text-align: left; max-width: 90%;}
	.chef p br {display: none;}
	.chef .right img {position: absolute; height: 40%; bottom: 0; left: 0; right: 0; margin: auto;}
}
@media screen and (max-width: 768px) {
	#cuisine_main .cuisine .container { padding-top: 15%;}
	#cuisine_main .cuisine .article {font-size: 1.2em;}
	#cuisine_main .theme { background-attachment: local; background-size: auto 100%;}
	#cuisine_main .theme .center img {max-width: 15% !important;}
	.cuisine_theme .container { padding-bottom: 0!important;}
	.chef {background: #fff;}
	.chef .right {padding: 0; position: relative;}
	.chef p,#cuisine_main .gallery p  {font-size: 1.2em; margin: 5% auto;}
	#cuisine_main .gallery h3 {font-size: 2em;}
	#cuisine_main .gallery h3 span {font-size: .7em;}
}
@media screen and (max-width : 640px) {
	#cuisine_main section p {font-size: 1.3em;}
	#cuisine_main .cuisine .article {font-size: 1em; margin: 3% auto;}
	.chef {background: none;}
	.chef .container {padding: 5% 0;}
	.chef .left {float: none; margin: 0 auto;}
	.chef .right { float: none; width: 100%; margin: 0 auto 3%; background: none;}
	.chef p {text-align: left; width: 90%;}
	.chef p br {display: none;}
	#cuisine_main .gallery p {font-size: 1.3em;}
}
@media screen and (max-width: 480px) {
	.cuisine_theme p {text-align: left !important; width: 90% !important; margin: 3% auto !important;}
	#cuisine_main .gallery p.mincho { display: inline-block; text-align: left; max-width: 90%;}
}

/*-*-*-*-*-Dressup page style-*-*-*-*-*/
/*-*-*-*-*-Main page-*-*-*-*-*/
#dressup .main { background: url("/wedding/common/images/dress/bg01.jpg") center top no-repeat; margin: 0; padding: 50% 0;}
#dressup .title2 {background: rgba(0,0,0,0.3);}
#dressup .title2 .part_title { padding: 8% 0; }
.dress_salon {background: url("/wedding/common/images/dress/bg02.jpg") #fff center top no-repeat fixed; position: relative; z-index: 8888; padding-bottom: 5%;}
.dress_salon h2 {text-align: center; font-size: 2em; letter-spacing: 0.1em; margin-bottom: 5%;}
.dress_salon h2 span {display: block; font-size: 0.6em; letter-spacing: normal; color: #9bbcbc; margin: 1% auto;}
.dress_salon p,.tuxedo p { font-size: 1.2em; text-align: center; line-height: 2; margin: 3% auto; display: inline-block; width: 100%;}
.dress_slide { padding: 0; overflow: hidden; width: 70%; margin: 5% auto; }
.dress_slide li { margin: 0 0.1%; }
.korean{padding-top:22.5%; background:  url("/wedding/common/images/dress/korean_bnr.jpg") top center no-repeat;background-size: 100%; overflow: hidden; position: relative; margin: 5% auto 0; z-index: 8888;}
@media screen and (max-width: 768px) {
  .korean{
    padding-top:74%;
    background:  url("/wedding/common/images/dress/korean_bnr_sp.jpg") top center no-repeat;
    background-size: 100%;
    margin: 0 5%;
  }
}

.kimono { background: url("/wedding/common/images/dress/bg03.jpg") top center no-repeat; background-size: 100%; overflow: hidden; padding: 0; position: relative; margin: 5% auto; z-index: 8888;}
.kimono .container { padding: 13% 0; width: 100%;}
.kimono .left { width: 50%; position: absolute; top: 25%; bottom: 0; left: 0;}		
.fitting { background: url("/wedding/common/images/dress/bg04.jpg") top center no-repeat; background-size: 100%; overflow: hidden; padding: 0; position: relative; margin: 5% auto;}		
.fitting .container { padding: 13% 0; width: 100%;}
.fitting .right { width: 50%; position: absolute; top: 25%; bottom: 0; right: 0;}
.kimono h2, .fitting h2 {margin-bottom: 0 !important;}
#dressup .coordinate {background: url("/wedding/common/images/dotted_b.png") repeat; margin: 0 auto;}
#dressup .coordinate .container {width: 80%; margin: 0 auto; background: url("/wedding/common/images/dress/bg05.jpg") #fff left top no-repeat; background-size: auto 100%; position: relative; padding: 13.5% 0;}
#dressup .coordinate .right {position: absolute; right: 8%; top: 20%; bottom: 0; margin: auto;}
.tuxedo { background: url("/wedding/common/images/dress/mens.jpg") center bottom no-repeat fixed; background-size: 100%; z-index: 8888; position: relative; padding: 17% 0;}
.tuxedo .container { background: rgba(0,0,0,0.6); position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 30%; height: 65%;}
.tuxedo h2 {color: #fff; text-align: center; font-size: 2em; font-weight: normal; letter-spacing: 0.1em; margin-bottom: 10%;}
.tuxedo h2 span {display: block; font-size: 0.6em; letter-spacing: normal; font-weight: bold; margin: 1% auto;}
.tuxedo p {color: #fff;}
#makeup, #artist { background: #fff; position: relative; z-index: 8888; margin: 0 auto; padding: 5% 0 0; text-align: center;}
#makeup h2, #artist h2, #brides h2 {text-align: center; font-size: 2em; letter-spacing: 0.1em; margin-bottom: 4%;}
#makeup h2 span, #artist h2 span, #brides h2 span {display: block; font-size: 0.6em; letter-spacing: normal; color: #9bbcbc; margin: 1% auto;}
#makeup p { font-size: 1.2em; text-align: center; line-height: 2; margin: 0 auto 5%; display: inline-block; width: 100%;}
#makeup .container {width: 100%; background: url("/wedding/common/images/dress/bg06.jpg") center bottom no-repeat fixed; background-size: 100%; padding: 1.5% 0;}
#makeup .first, #makeup .second {overflow: hidden; width: 1100px; max-width: 95%; margin: 1% auto;}
#makeup .first .right, #makeup .second .left { width: 45%; }
#makeup .first .left, #makeup .second .right { width: 55%; position: relative; padding: 13% 0;}
#makeup .first p, #makeup .second p {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 50%;}
#artist h3 {text-align: center; font-weight: normal; letter-spacing: 0.1em; margin: 1% auto;}
#artist h4 {font-size: 1.8em;}
#artist h4 span {display: block; font-size: 0.8em; line-height: normal;}
#artist .container {padding: 0; width: 80%; margin: 1% auto 5%; display: inline-block;}
#artist .left {line-height: 2; text-align: right; width: 48%; }
#artist .right { width: 50%; }
#artist h4, #artist p { margin: 3% auto; display: inline-block; width: 100%;}
#artist .cmt {font-size: 1.3em; margin: 5% auto;}
#brides { width: 100%; background: url("/wedding/common/images/dress/brides.jpg") center top no-repeat; background-size: 100%; position: relative; padding: 1% 0 10%; z-index: 8888; margin: 0 auto;}
#brides .container {padding: 12% 0 15%;}
#brides .center {position: absolute; font-size: 1.3em; line-height: 2; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background: rgba(255,255,255,0.75); display: inline-block; width: 45%; text-align: center; padding: 7% 0;}
@media screen and (max-width: 1660px) {
	#dressup .coordinate .right {top: 10%; right: 5%;}
	.tuxedo .container {width: 40%; height: 75%;}
	.dress_slide {width: 85%;}
}
@media screen and (max-width: 1280px) {
	#dressup .main { background-size: auto 50% !important;}
	.dress_slide {width: 95%;}
	.dress_salon {background-attachment: local;}
	.dress_salon h2,#makeup h2, #artist h2, #brides h2 {font-size: 1.5em;}
	.dress_salon h2 span,#makeup h2 span, #artist h2 span, #brides h2 span {font-size: .8em;}
	.kimono {background-size: auto 100% !important; background-position: right center;}
	.kimono .container {padding: 2% 0;}
	.fitting .container {padding: 5% 0;}
	.kimono .left, .fitting .right {position: relative; text-align: center;}
	.dress_salon p, .tuxedo p, #makeup p {font-size: 1.1em;}
	.dress_salon p, .tuxedo p {margin: 6% auto;}
	.kimono p, .fitting p { text-align: left; width: 90%; }
	.kimono p br, .fitting p br {display: none;}
	#dressup .coordinate {background: #fff;}
	#dressup .coordinate .container {width: 100%; padding: 0; background-size: 100%; background-position: center 30%;}
	#dressup .coordinate .right {position: relative; padding: 2em 2em 1em; background: rgba(255,255,255,0.5);}
	.tuxedo {background-attachment: local; background-position: center; padding: 7% 0;}
	.tuxedo .container {position: relative; width: 50%;}
	.tuxedo h2 {margin: 0 auto;}
	#makeup .container {background-attachment: local;}
	#artist .container {margin: 5% auto; width: 95%;}
	#artist h4 {font-size: 1.5em;}
	#artist h4, #artist p {margin: 0 auto;}
	#artist .cmt {font-size: 1.1em;}
	#brides {padding: 5% 0 10%; text-align: center; background-size: auto 100%; background-position: center;}
	#brides .container {padding: 0; margin-bottom: 10%;}
	#brides .center {position: relative; width: 50%; font-size: 1.1em; padding: 1% 0;}
}
@media screen and (max-width: 768px) {
	#dressup .main {background-size: auto 100% !important;}
	.dress_salon h2, #makeup h2, #artist h2, #brides h2 {font-size: 2em;}
	.dress_salon p, .tuxedo p, #makeup p {font-size: 1.3em;}
	.dress_salon p {margin: 3% auto;}
	.dress_salon .container {width: 95%;}
	.dress_salon p br {display: none;}
	.kimono .left, .fitting .right{width: 100%; padding: 5% 0; float: none; background: rgba(255,255,255,0.7); box-sizing: border-box;}
	.fitting {background-size: auto 100%; background-position: left center;}
	.fitting .container {padding: 2% 0;}
	#dressup .coordinate .container {padding: 3% 0;}
	#dressup .coordinate .right {width: 95%; right: auto !important; top: auto !important; padding: 5% 0; float: none; text-align: center;}
	#dressup .coordinate p {width: 90%;}
	.tuxedo .container {width: 90%;}
	#makeup, #artist {padding-top: 15%;}
	#makeup .left, #makeup .right {width: 100% !important;}
	#makeup .first p, #makeup .second p {position: relative;}
	#makeup .first .left, #makeup .second .right { padding: 0; margin: 5% auto;}
	#artist .left, #artist .right { width: 100%; text-align: center;}
	#artist .left {margin-top: 10%;}
	#artist h4 {font-size: 2em;}
	#artist .cmt {font-size: 1.3em; box-sizing: border-box; padding: 3% 0; background: #f5f5f5; margin-top: 2%;}
	#brides .center {width: 95%; padding: 3% 0;}
	#brides .center p {width: 90%; margin: 2% auto; font-size: 1.2em; text-align: left;}
	#brides .center br {display: none;}
}
@media screen and (max-width: 480px) {
	#artist h2 {font-size: 1.8em;}
	.tuxedo {background-size: cover;}
}
/*-*-*-*-*-Wedding Plan page style-*-*-*-*-*/
@font-face {
	font-family: "NotoSansCJKJP";
	font-style: "normal";
	font-weight: 400;
	src: url("/wedding/common/fonts/NotoSansCJKjp-Regular.otf") format("opentype"),
	url("/wedding/common/fonts/NotoSansCJKjp-Regular.woff") format("woff");
}
@font-face {
	font-family: "NotoSansCJKJP_bold";
	font-style: "normal";
	font-weight: 400;
	src: url("/wedding/common/fonts/NotoSansCJKjp-Bold.otf") format("opentype"),
	url("/wedding/common/fonts/NotoSansCJKjp-Bold.woff") format("woff");
}
#plan {color: #606060;}
#plan .main { background: url("/wedding/common/images/plan/bg01.jpg") center top no-repeat; margin: 0; padding: 50% 0;}
#plan .title2 {background: rgba(0,0,0,0.3);}
#plan .title2 .part_title { padding: 8% 0; }
#plan .notice {background: #fff; padding: 4% 0;}
#plan .notice h2 {text-align: center; font-size: 1.6em; letter-spacing: 0.1em; margin-bottom: 2%;}
#plan .notice h2 span {display: block; font-size: 0.8em; letter-spacing: normal; color: #9bbcbc; margin: 0 auto 0.2%;}
#plan .notice p {margin: 0; font-size: 1em; text-align: center; line-height: 2; width: 100%;}
#plan .planlist {background: #fff;}
#plan .planlist_inner {max-width:1140px; margin: 0 auto; padding-bottom: 80px; box-sizing: border-box;}

#plan .post {padding: 0 calc(16/1140*100%);padding-bottom:80px;}
#plan .post:not(:first-child) {
  /*
	margin-top: 80px;
  */
}
#plan .post_inner {padding: 60px calc(63/1108*100%); background-color: #F5F2F0;}

#plan .post_head {display: flex; align-items: center; margin-bottom: 30px;}
#plan .post_head h3 {font-size: 1.5em ;letter-spacing: 0.1em; line-height: 1.6;}
#plan .post_head h3 span {background:linear-gradient(transparent 40%, rgba(203,115,152,0.2) 40%);}
#plan .post_head_icon {position: relative; display: flex; align-items: center; justify-content: center; width: 90px; height: 90px; border-radius: 50px; background: #CB7398;}
#plan .post_head_icon span {width: 82%; text-align: center; font-size: 1.125em; font-family: "NotoSansCJKJP_bold";	letter-spacing: 0.1em; font-weight: bold; color: #fff; background:linear-gradient(transparent 30%, rgba(255,255,255,0.3) 30%); white-space: nowrap; z-index: 1;}
#plan .post_head_icon:before {position: absolute; content: ''; display: block; width: 107%; height: 108%; background-image: url("/wedding/common/images/plan/deco_circle.png"); background-size: contain; background-position: center; background-repeat: no-repeat;}
#plan .post_head h3 {margin: 0 0 0 20px;}

#plan .basicinfo {display: flex; justify-content: space-between; line-height: 1.6;}
#plan .basicinfo_img {width: calc(396/982*100%);}
#plan .basicinfo_img figure {margin: 0;}
#plan .basicinfo_txt {width: calc(522/982*100%);}

#plan .price_wrap {padding: 20px; background-color: #ECE7E3; font-family: "NotoSansCJKJP";}
#plan .price_type {display: inline-block; padding: 8px 10px; font-size: 0.75rem; background-color: #fff; letter-spacing: 0.1em; line-height: 1;}
#plan .price_main {margin-top: 5px; font-size: 2.5rem; font-family: "NotoSansCJKJP_bold"; letter-spacing: 0.05em; line-height: 1;}
#plan .price_main span {margin-right: 15px; font-size: 1.125rem; font-family: "NotoSansCJKJP_bold"; letter-spacing: 0.05em;}
#plan .price_usual {margin-top: 15px; padding-top: 10px; border-top: 1px solid #CBC1BC; font-size: 1rem; font-family: "NotoSansCJKJP"; letter-spacing: 0.05em;}

#plan .catch {margin-top: 20px; font-size: 1.125em; font-family: 'noto serif'; color: #CB7398; letter-spacing: 0.1em;}
#plan .desc {margin: 5px 0 0; font-size: 0.875em; letter-spacing: 0.1em;}

#plan .detail {display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
margin: 20px 0 0;}
	#plan .detail dt {width: 20%;
    padding: 7px 0;
    background: #AF998B;
		border-radius: 30px;
		font-size: 0.8125rem;
		font-family: "NotoSansCJKJP_bold";
		color: #fff;
		letter-spacing: 0.1em;
    line-height: 1;
		text-align: center;}
		#plan .detail dt:not(:first-child) {margin-top: 10px;}
	#plan .detail dd {width: 76%;
	margin-left: 4%;
	font-size: 0.875rem;
letter-spacing: 0.05em;}
#plan .detail dd:not(:nth-child(2)) {margin-top: 10px;}

#plan .otherinfo {margin-top: 40px;}
#plan .otherinfo_head {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	font-size: 1rem;}
	#plan .otherinfo_head:before,
	#plan .otherinfo_head:after {
		border-top: 2px solid #606060;
		content: "";
		flex-grow: 1;
		height: 1px;
	}
#plan .otherinfo_head:before {
	margin-right: 1.6%;
}
#plan .otherinfo_head:after {
	margin-left: 1.6%;
}


#plan .package_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0 calc(75/982*100%);
}
#plan .package_item {
	display: flex;
    flex-direction: column;
		align-items: center;
		flex-wrap: wrap;
	width: calc(1/8*100%);
	margin-top: 20px;
}
#plan .package_item_icon {
	width: 40px;
	max-width: 100%;
}
#plan .package_item_name {
	margin-top: 5px;
	font-size: 0.6875rem;
	letter-spacing: 0.1em;
	text-align: center;
}


#plan .specialoffer {
	margin: 0;
	font-size: 0.875rem;
	line-height: 2;
}

#plan .announcement {
	margin-top: 40px;
	padding: 15px 16px;
	background-color: #ECE7E3;
}
#plan .announcement p {
	margin: 0;
	font-size: 0.75rem;
	line-height: 1.6;
}


@media screen and (max-width: 1280px) {
	#plan .main { background-size: auto 50% !important;}
}

/* basic width : 1140px */
@media screen and (max-width: 1139px) {
	#plan .basicinfo_img {width: 35%}
	#plan .basicinfo_txt {width: 58%;}
}

@media screen and (max-width: 768px) {
	#plan .mainwrap .mincho {font-weight: 600;}
	#plan .main {background-size: auto 100% !important;}
	#plan .notice {padding: 8% 3.2%;}
	#plan .notice p {font-size: 1.03806em;}

	#plan .planlist_inner {padding-bottom: 40px;}
	#plan .post {padding: 0 calc(16/750*100%);padding-bottom:30px;}
	#plan .post:not(:first-child) {
	/*	margin-top: 10px;*/
	}
	#plan .post_inner {padding: 30px calc(40/718*100%);}

	#plan .post_head {justify-content: space-between;}
	#plan .post_head_icon {width: 10vw; height: 10vw;}
	#plan .post_head_icon span {width: 84%; font-size: 1.125em;}
	#plan .post_head h3 {width: 84%; margin: 0 0 0 2%;}
	#plan .post_head h3 span {letter-spacing: 0.05em;}

	#plan .basicinfo {
		flex-direction: column;
	}
	#plan .basicinfo_img {width: 100%;}
	#plan .basicinfo_txt {width: 100%;}

	#plan .price_wrap  {padding: calc(24/670*100%);}
	#plan .price_type {padding: 6px 8px; font-size: 0.88235rem;}
	#plan .price_main {text-align: right;}
	#plan .price_main span {margin-right: 10px;}
	#plan .price_usual {text-align: right;}

	#plan .detail dt {width: 23%;}
	#plan .detail dd {width: 75%; margin-left: 2%;}

	#plan .package_list {padding: 0;}
}

/* reset common font setting */
@media screen and (max-width: 640px) {
	#plan p.mincho {font-family: "noto serif", 游明朝体, 'Yu Mincho', YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
}

@media screen and (max-width: 480px) {
	#plan .post_head {margin-bottom: 20px;}
	#plan .post_head_icon {width: 15vw; height: 15vw;}
	#plan .post_head_icon span {width: 100%; font-size: 1em; letter-spacing: 0.05em;}
	#plan .post_head h3 {width: 80%; margin: 0 0 0 2%;}

	#plan .price_main {font-size: calc(60/750*100vw);}
	#plan .price_main span {font-size: calc(28/750*100vw);}
	#plan .price_usual {margin-top: 10px; padding-top: 5px;}

	#plan .catch {margin-top: 20px; font-size: calc(32/750*100vw);}
	#plan .desc {margin-top: 10px; font-size: calc(24/750*100vw);}
	#plan .detail {margin-top: 20px;}
	#plan .detail dt {font-size: calc(22/750*100vw); letter-spacing: 0.05em;}
	#plan .detail dd {font-size: calc(24/750*100vw);}

	#plan .package_item {margin-top: 15px; width: calc(1/4*100%);}
	#plan .package_item_name {font-size: calc(20/750*100vw);}

	#plan .specialoffer {font-size: calc(24/750*100vw);}

	#plan .otherinfo {margin-top: 30px;}
	#plan .otherinfo_head {margin-bottom: 10px;}

	#plan .announcement {margin-top: 30px;}
	#plan .announcement p {font-size: calc(20/750*100vw);}
}

/*-*-*-*-*-disney page-*-*-*-*-*/
#disney section div {overflow: hidden;}		
#disney .main {background: url("/wedding/common/images/dress/disney/img/main.jpg") center -10% no-repeat; margin: 0; padding: 50% 0;background-size: 100% !important;}
#disney .blank { padding-bottom: 50%;}
#disney h1 {font-size: 2vw; color: #7D6B55;}
#disney .information {padding: 8% 0 3%;}
#disney .information p { font-size: 1.15vw; line-height: 2; margin: 3% auto; font-weight: normal; color: #333;}
#disney .information:after {content: "© Disney"; position: absolute; bottom: 3%; right: 5%; font-family: "benne";}
#disney .article {position: relative; z-index: 8888; overflow: hidden; padding: 5% 3%;}
#disney .article div.left {width: 28%; margin-right: 1%;}
#disney .article .left.pc img {width: 98%;}
#disney .top {margin-bottom: 3.5%;}
#disney .half {width: 98%; margin-top: 2%;}
#disney .half img {width: 48% !important;}
#disney .article div.right {width: 42%; position: relative; padding: 3vw 0 22vw; box-sizing: border-box;}
#disney h3 {font-size: 2vw; font-style: italic; padding: 0 0 .5vw 1vw; border-bottom: 1px solid; color: #333; box-sizing: border-box;}
#disney h3 .quil {font-size: .7em; font-style: normal;}
#disney h3 .mincho {font-size: .5em; margin-left: 1em; letter-spacing: 0.1em;}
.d_title p {font-size: 1.1vw; width: 95%; margin: 1% auto; line-height: 2; color: #333;}
#disney .right ul {padding: 0; position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
#disney .animation {width: 32% !important;}		
#disney .right ul li {width: 33%; float: left; display: inline-block;}
#disney .center {margin: 0 1%;}
#bell {background: #fffff3;}
#cinderella {background: #f3ffff;}
#snow_white {background: #fff3f3;}
#ariel {background: #f1fef7;}
#ariel div.right {padding-bottom: 20vw !important;}
#aurora {background: #fff3fd;}
#rapunzel {background: #f6eefb;}
#disney_gallery {background: #fff;}
#disney_gallery h2 {text-align: center; color: #7D6B55; font-size: 2.5em; margin: 4% auto 2% !important;}
#disney_gallery ul {background: none !important; padding: 0;}
#disney_gallery ul li {width: 14%; float: left; border: 1px solid #ebebeb; margin: 0 1% 1%; display: inline-block;}
#disney_gallery img {border-radius: 0 !important;}
@media screen and (max-width: 1280px) {
	#disney .main { background-position: center top;}
	#disney .blank { padding-bottom: 75%;}
}
@media screen and (max-width: 768px) {
	#disney .blank {padding-bottom: 75%;}
	#disney h1 {font-size: 3vw;}
	#disney .information p {font-size: 2vw; width: 90%;}
	#disney .article div.left, #disney .article div.right {width: 49%;}
	#disney h3 {font-size: 3vw;}
	.d_title p {font-size: 2vw;}
	#disney .article div.right {padding: 5vw 0 33vw;}
	#ariel div.right {padding-bottom: 28vw;}
	#disney_gallery ul li {width: 22.5%; margin-bottom: 2%;}
}
@media screen and (max-width: 640px) {
	#disney .blank {padding-bottom: 85%;}
	#disney .information {padding-top: 20%;}
	#disney .information p {text-align: left; font-size: 1.2em;}
	#disney h1 {font-size: 1.3em;}	
	#disney .article {padding: 2em;}
	#disney .article div.left, #disney .article div.right {width: 100%; float: none;}
	#disney .article div.right {padding: 0 !important; margin: 5% auto 0;}
	#disney h3 {font-size: 2em; text-align: center; padding: 0 0 .5em;}
	.d_title p {font-size: 1.2em; margin: 4% auto 0;}
	#disney_gallery ul { margin-bottom: 10%;}
	#disney_gallery ul li {width: 30.5%;}	
}
@media screen and (max-width: 480px) {
	#disney h3 .mincho {letter-spacing: normal;}
}

/*-*-*-*-*-Report page style-*-*-*-*-*/
/*-*-*-*-*-main page-*-*-*-*-*/
#report_top .main { background: url('/wedding/common/images/report/bg01.jpg') top center no-repeat; margin: 0; padding: 50% 0;}
#report_top .title2 { background: rgba(0,0,0,0.5); }
#report_top .title2 .part_title { line-height: 1; padding-top: 8%; }
.report_list {position: relative; z-index: 8888; background: #fff;}
.report_list .article {overflow: hidden; width: 980px; margin: 2% auto;position: relative; max-width: 95%;}
.report_list .article .img {width: 40%; text-align: center;}
.report_list .article .txt {width: 55%; position: relative; margin: 0 auto; max-height: 380px; padding: 5% 0 10%; box-sizing: border-box; text-align: center; background: url('/wedding/common/images/report/liner_black.png') center top no-repeat; background-size: auto;}
.report_list .txt p { margin: 0 auto; line-height: 2; display: inline-block; width: auto; }
.report_list .title {color: #333; font-weight: bold; text-align: center; padding-bottom: 0; font-size: 1.7em; margin-bottom: 3%;}
.report_list .title span {display: block; font-size: 0.8em;}
.report_list .title .space {font-size: .6em; line-height: 3; }
.report_list .text { text-align: left; font-weight: normal; color: #333; padding: 1em 2em; box-sizing: border-box; max-width: 95%; border: dotted #aaa; border-width: 1px 0 1px 0;}
.report_list .txt.right {right: 0;}
.report_list .txt.left {left: 0;}
.report_list .article .img img{max-width: 100%;}
.report_list .container {padding: 1% 0; width: 100%;}
.report_list.rightside {background: #f5f5f5;}
.report_list .more { position: absolute; bottom: 0; left: 0; right: 0; margin: auto !important;}
.report_list .more a { border: 1px solid #EF9999; background: #EF9999; color: #fff; font-size: 1.2em; transition: all 0.2s; padding: 0.1em 0; width: 60%;}
.report_list .more a:hover { color: #EF9999; background: #fff; border: 1px solid; }
.report_list:first-of-type {padding-top: 10%;}
.report_movies, .rehearsal {width: 100%; overflow: hidden;z-index: 8888;position: relative;background: #fcf9f7; padding: 2% 1%;color: #5e4e43; line-height: 1.7; box-sizing: border-box;}
.report_movies h2, .rehearsal h2 { font-size: 2em; margin: 3% auto; }
.report_movies span, .rehearsal span { display: block; line-height: 1;}
.report_movies .mincho, .rehearsal .mincho {display: inline-block; background: rgba(94, 78, 67,0.5); color: #fcf9f7; margin: 0 auto; padding: 0.2em 1em;}
.report_movies .left, .report_movies .right, .rehearsal .left, .rehearsal .right { width: 50%; box-sizing: border-box; padding: 0; text-align: center;}
.report_movies ul, .rehearsal ul { padding: 0; width: 98%; margin: 0 auto;}
.report_movies img { width: 100%; max-width: 100%; }
.report_movies .left ul {background: #fff; margin: 5% auto 0; width: 100%;}
.report_movies .caption,.rehearsal .caption {font-size: .8em; margin: 3% auto 0; font-weight: bold;}
.report_movies .left li { float: left; width: 18%; margin: 1%; display: inline-block; position: relative; box-sizing: border-box; transition: all 0.4s; cursor: pointer;}
.report_movies .left .on img,.report_movies .left li:hover img {opacity: 0.7;}
.report_movies .left .on:before,.rehearsal .left .on:before { position: absolute; border: 15px solid transparent; border-top: 15px solid #eb8080; border-left: 15px solid #eb8080; top: 0; left: 0; content: ""; z-index: 9000;}
.report_movies .left .on,.rehearsal .left .on {border-bottom: 3px solid #eb8080;}
.report_movies .right ul, .rehearsal .right ul {padding: 1em; box-sizing: border-box;}
.report_movies .right li, .rehearsal .right li { display: none; opacity: 0; position: relative; width: 100%; padding: 28% 0;}
.report_movies .right li:first-child, .rehearsal .right .relation li:first-child { display: block; opacity: 1; }
.report_movies iframe, .rehearsal iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
@media screen and (max-width:1280px) {
	.report_movies .caption {text-align: left;}
}
@media screen and (max-width: 1100px) {
	.report_movies .left ul { width: 100%; }
	.report_movies .right ul { margin: 5% auto; }
}
@media screen and (max-width:768px) {
	.report_movies .left, .report_movies .right,.rehearsal .left, .rehearsal .right { float: none; }
	.report_movies .left, .rehearsal .left { width: 97%; margin: 0 auto; }
	.report_movies .left ul {margin: 3% auto; background: none; padding: 0;}	
	.report_movies .right, .rehearsal .right { width: 95%; margin: 5% auto 0;}
	.report_movies .right ul, .rehearsal .right ul {margin: 0 auto !important; padding: 0; width: 100%;}
}
@media screen and (max-width: 640px) {
	#report_top .title2 .part_title {font-size: 3em;}
	.report_list .article .img {float: none; margin: 2% auto 3%;}
	.report_list .article .txt {width: 80%; float: none; padding: 5% 0;}
	.report_list .text {padding: 1em;}
	.report_list .text br {display: none;}
	.report_list .txt p {padding-top: 5%;}
	.report_list .more {position: relative; width: 80% !important;}
	.report_list .more a {width: 100%;}
}
@media screen and (max-width: 480px) {
	.report_list .article .txt {width: 85%;}
}
/*-*-*-*-*-Report Detail-*-*-*-*-*/
#report_page .main { background: url('/wedding/common/images/report/bg02.jpg') center top no-repeat; padding: 50% 0; }
#report_page .title2 {background: rgba(0,0,0,0.3);}
#report_page h1.mincho { font-size: 2em; font-weight: bold; line-height: 1.5; letter-spacing: 0.1em; padding: 8% 0; margin: 3% auto;}
#report_page h1 span {font-size: .8em; display: block; }
.report_title {background: #fff; z-index: 8888;position: relative;}
.report_title h2 {text-align: center; letter-spacing: 0.1em; line-height: 2;font-weight: normal;}
.report_title ul {overflow: hidden; margin: 5% auto; width: 80%;}
.report_title li {float: left;overflow: hidden; width: 50%;}
.report_title li a {display: block; overflow: hidden;}
.report_title li .left { max-width: 20%;}
.report_title li .right{width: 75%;}
.report_title li p {margin: 1% auto 0;font-size: 1.5em;font-weight: bold;}
.report_article {background: #fff; z-index: 8888;position: relative; padding: 3% 0;}
.report_article h3 {font-size: 1.5em; line-height: 2; border-bottom: 1px solid #d0d0d0; padding: 0 1em 1em;margin: 0 auto;}
.report_article .container {padding-top: 0; text-align: center;}
.report_article .question {overflow: hidden; margin: 5% auto;display: inline-block; max-width: 95%;}
.report_article .article {width: 61%; box-sizing: border-box;}
.report_article .images {width: 39%; box-sizing: border-box;}
.report_article .article {padding: 0 2em;overflow: hidden;}
.report_article .article p { font-size: 1.1em; line-height: 2; width: 92%; margin: 5% auto; font-weight: bold; color: #111; text-align: left;}
.report_article .article.left h3 {text-align: right;}
.report_article .article.right h3 {text-align: left;}
.report_article .final .article{width: 100%; padding: 0; position: relative;}
.report_article .final .left {width: 30%;height: 100%;color: #fff;border-color: #fff; background: #dcaaaa; position: absolute;}
.report_article .final .right {background: #fff; width: 70%;}
.report_article .final p {margin: 3% auto; width: 85%; font-size: 1.1em;}
.report_article .final h3 {width: auto; display: inline-block; border-color: #fff; margin: 15%;}
#report_page .gallery {background: #fef6f6; position: relative; z-index: 8888;}
#report_page h4 {text-transform: capitalize; font-size: 1.5em; color: #e4a3a3; font-family: 'quil';}
#report_page h4 span {font-size: 1.2em; color:#180b02; display: block; margin: 1% auto;}
#report_page .gallery ul {margin: 3% auto !important;}
#report_page .images img {width: 100%;}
.return_list {background: #fff;position: relative;z-index: 8888; text-align: center;}
.return_list .container{padding: 5% 0;}
.return_list button {background: url("/wedding/common/images/return.png") #dcaaaa 10% 50% no-repeat; background-size: 10%; font-size: 1.5em; color: #fff; border: 0; outline:0; font-weight: bold; cursor: pointer; border-radius: 5px; padding: 0.5em 2em 0.7em 4em;}
.return_list button:hover { background-color: #e3a6a6; }
@media screen and (max-width: 768px) {
	.report_title li p {font-size: 1.2em;}
	.report_article h3 {font-size: 1.3em;}
	.report_article .article {padding: 0 1em;}
	.report_article .final .left {width: 20%;}
	.report_article .final .left br {display: none;}
	.report_article .final .right {width: 80%;}
	.return_list .container {padding: 7% 0;}
.report_article .article.left h3 {text-align: left; line-height:1.6em; }
.report_article .article.right h3 {text-align: left; line-height:1.6em;}

}
@media screen and (max-width:640px) {
	.report_title ul {width: 65%; padding: 2% 3%; background: #f9f9f9;}
	.report_title ul li {width: 100%; margin: 1% auto;}
	.report_title li .left {max-width: 17%;}
	.report_title li .right {width: 80%;}
	.report_article .article, .report_article .images,.report_article .final .left {float: none; width: 100%; position: relative;}
	.report_article h3 {font-size: 1.5em;}
	.report_article .article p {font-size: 1.2em;}
	.report_article .final .right {width: 99%; margin: 0 auto; float: none;}
	.report_article .final h3 {margin: 0 auto; padding: .8em 1.2em; border-color: transparent}
	.report_article .final p {padding: 3%;}
	#report_page section p {font-weight: normal; letter-spacing: 0.1em;}
}
@media screen and (max-width: 480px) {
	#report_page h1.mincho {font-size: 1.7em; padding: 11% 0 !important;}
	.report_title h2 {width: 90%; font-size:1.2rem;}
	.report_title h2 br {display: none;}
}

/*-*-*-*-*-Gallery page style-*-*-*-*-*/
#gallery section ul li {float: left; color: #6c6a6c;}
.gallery_nav {width: 1280px; margin: 0 auto; overflow: hidden; max-width: 100%;}
.gallery_nav ul {padding: 0; overflow: hidden; width:70%; margin: 0 auto; border: solid #eee; border-width: 0 1px;}
.gallery_nav .first li {width: 33%; font-size: 1.3em;text-align: center;}
.gallery_nav .first .wide {width: 20%;}
.gallery_nav .first li:first-child p {border-left: 0;}
.gallery_nav .second {border: 0; margin:0 auto; box-sizing: border-box; z-index: 9000; position: absolute;background: rgba(255,255,255,0.9);padding: 1em 1em 0.2em;display: none;}
.gallery_nav .second li {clear: both; color:#b7c8d9 !important;font-size: .8em;text-align: left;letter-spacing: 0.05em; border-left: 0;width:100% !important;margin: 3% auto;}
.gallery_nav .second li p:before {content: '▶'; margin-right: 0.5em;font-size: .3em;float: left;}
.gallery_nav .second li p {border: 0; padding: 0.5em; width: 100%; border-bottom: 1px solid #fff;box-sizing: border-box;}
.gallery_nav p {margin: 0 auto !important; border-left: 1px solid #eee; cursor: pointer; padding-bottom: 0.15em;}
.gallery_nav p:hover, .gallery_nav .active {color: #fff;background: #a6c6e6;}
.gallery_nav .second p:hover {background: none; color: inherit; border-bottom: 1px solid;}
#gallery .gallery ul {margin: 3% auto;}
.gallery {position: relative;}
.gallery h2 { font-size: 1.8em; text-align: center; color: #6c6a6c; text-transform: capitalize; letter-spacing: 0.05em;}
.gallery h2 span { color: #d4e3f2; display: block; margin-bottom: 1%; letter-spacing: normal;}
.jump_top {text-align: center;margin: 2% auto 5%; max-width: 15%; display: block; cursor: pointer; position: relative;}
.jump_top a {display: inline-block;}
@media screen and (max-width: 768px) {
	.gallery_nav p {padding: .3em 0;}
	.gallery_nav .first li,.gallery_nav .first .wide {width: 33%; margin: .5% auto;}
	.gallery_nav .first .wide p {border: 0;}
	.gallery_nav .second li {font-size: 1em;}
}
@media screen and (max-width: 640px) {
	#gallery .title3 h1 {padding: 10% 0; font-size: 3em;}
	.gallery_nav ul {width: 100%;}
	/*.gallery_nav .first li, .gallery_nav .first .wide {width: 50%;}
	.gallery_nav .first li p {border-left: 1px solid #eee !important;}
	.gallery_nav .first li:nth-child(2n+1) p {border-left: 0 !important;}*/
}
/*-*-*-*-*-Access page style-*-*-*-*-*/
#access {color: #4b3b31;}
#access .main {position: fixed;top: 0;overflow: hidden;margin: 0;padding: 50% 0 50%;z-index: -1;width: 100%;background: url('/wedding/common/images/access/bg01.jpg') top center no-repeat;background-size: 100%;}
#access .block {background: #fdf7f7;padding:1em 2.2em;font-weight: bold;overflow: hidden;}
#access .block p{text-align: left; font-size: 1em; margin: 0 auto; line-height: 2.2;}
#access h3 { color: #4b3b31; font-size: 1.5em; font-weight: bold; border-bottom: 1px solid; padding-bottom: 0.5em; margin-top: 7%; }
#access h3:before{ content: "◆"; margin-right: 3%; }
.address,.subway,.car {background: #fff;z-index: 8888;width: 100%;overflow: hidden;position: relative;}
.floor {background: #bb9798; z-index: 8888 ;width: 100%; overflow: hidden; position: relative; color: #fff; }
.address {text-align: center;}
#access section h2 { font-size: 2em; }
#access section h2 span { display: block; font-size: 0.7em; margin: 1% auto;}
.address .article {width: 80%; margin: 7% auto 0;overflow: hidden;position: relative;}
.address .left { width: 30%; }
.address .right { width: 70%; text-align: left; padding: 1em 0; position: absolute; top: 0; bottom: 0; right:0; margin: auto;}
.address th { font-size: 1.1em; width: 30%; padding-left: 3em; }
.address td { font-size: 1.3em; letter-spacing: 0.1em; font-weight: bold; padding: 0.3em 0;}
.subway p,.car p { text-align: center; font-size: 1.5em; margin: 10% auto; line-height: 1.7;}
.subway .left,.car div.right{width: 40%;}
.subway .right,.car .left{ max-width: 58%;}
.subway h3 {text-align: right;}
.car { padding-bottom: 5%; }
.car h3 { margin-top: 3% !important; }
.floor td {cursor: default;}
.floor a { color: #fff; padding: 0 0.5em; cursor: pointer; background: none;}
.floor h3 { margin-top: 5% !important; text-align: center; }
.floor h2 { text-align: center; }
.floor .container { width: 1520px; max-width: 95%; background: url('/wedding/common/images/access/hoteliner.png') 42% 70% no-repeat; background-size: 55%; padding-bottom: 10%; margin: 0 auto; position: relative; }
.floor .right { width: 26%; padding-top: 10%; position: relative;}
.floor .left{ width: 18%; padding-top: 10%; position: relative; }
.floor td a:hover { background: #e5d1d2; color: #8b484a; font-weight: bold; border-radius: 3px; }
.floor .right th { width: 10%; }
.floor .left th { width: 13%; }
.floor .left td { text-align: right; }
.floor .info {border: 0;}
.thumbnails { opacity: 0; position: absolute; transition: opacity 0.6s; margin-top: 3%;}
.thumbnails a { display: inline-block; }
@media screen and (max-width: 1280px) {
	.floor .container {background-size: 50%; background-position: 46% 70%;}
}
@media screen and (max-width: 768px) {
	.address .article { width: 90%; }
	.address .left {width: 25%;}
	.address .right {width: 75%;}
	.address .container,.subway .container, .car .container {width: 95%; padding: 5% 0;}
	#access h3, .subway p,.car p {font-size: 1.3em;}
	#access h3 {margin-top: 0 !important;}
	.subway p, .car p {margin: 5% auto;}
	.subway .left, .car div.right {width: 50%;}
	.subway .right, .car .left {max-width: 48%;}
	.floor .left, .floor .right {width: 48% !important;}
	.floor table.sp {width: 4%; font-weight: bold; text-align: center;}
	.floor .sp td {padding: 0;}
	.floor table { font-size: 1.2em; line-height: 3; border-collapse: collapse; overflow: hidden; float: left; margin: 5% auto 0; background: rgba(187,151,152,0.7); border-top: 1px solid #fff;}
	.floor table th {display: none;}
	.floor table td { border-bottom: 1px solid #fff; padding: 0 1em; box-sizing: border-box;}
	.floor .right {text-align: left;}
	.floor span.sp {display: inline-block !important; font-weight: normal;}
}
@media screen and (max-width: 640px) {
	.floor .left, .floor .right {width: 46% !important;}
	.address .right {width: 100%; position: relative; float: none; }
	.address .article {width: 95%;}
	.address th {color: #fff; background: #4b3b31; padding: 0; text-align: center;}
	.address td {padding-left: 1em;}
	.address td span {display: block;}
	.floor table { line-height: 2; font-size: 1em; }
	.floor table.sp {width: 7%;}
	.floor .br {display: block;}
	.floor a {display: inline-block;}
	.floor table td {padding: 0;}
	.floor .info {text-align: right;}
	.subway .left, .subway .right,.car .right, .car .left {width: 100% !important; max-width: 100% !important; margin: 1% auto;}
	.subway .block p {text-align: center !important;}
	.subway span,.car .block br {display: none;}
	#access .block p {font-size: 1.3em;}
	#access h3 {font-size: 1.7em;}
	.floor td a:hover { background: none; color: inherit; font-weight: normal;}
}
/*-*-*-*-*-Guest page style-*-*-*-*-*/
#guest .main {background: url("/wedding/common/images/banquet/bg08.jpg") center top no-repeat; margin: 0; padding: 50% 0;}
#guest .title3 {background: rgba(255,255,255,0.6);}
#guest .title3 .part_title {color: #000; padding: 9% 0; margin: 2% auto;}
#guest span.quil {color: #f08997; display: block; font-size: .6em;}
#guest section h2 {font-size: 2em; text-align: center; line-height: 2;}
.guest {padding: 0;}
.guest .intro {padding-top: 0 !important; background: 0;}
.guest .container p {text-align: center; line-height: 2.2; margin: 4% auto 5%;}
.guest .article p {text-align: left; margin: 2% auto;}
.guest .article .container {width: 75%; margin: 0 auto; padding: 10% 0; text-align: center;}
.guest h3 {color: #331411; text-align: left;}
.guest .odd, .guest .even {position: relative; overflow: hidden; max-height: 420px; background-color: rgba(255,255,255,0.7) !important;}
.guest .text {width: 55%; position: absolute; height: 50%; top: 0; bottom: 0; margin: auto;}
.guest .odd .text { left: 5%;}
.guest .even .text { right: 0; padding-left: 1em; width: 45%;}
.guest .check01 {background: url("/wedding/common/images/guest/bg01.png") right center no-repeat; background-size: auto;}
.guest .check01 .text {height: 75%; width: 80%;}
.guest .check02 {background: url("/wedding/common/images/guest/bg02.png") left center no-repeat; background-size: auto;}
.guest .check03 {background: url("/wedding/common/images/guest/bg03.png") right center no-repeat; background-size: auto;}
.guest .check04 {background: url("/wedding/common/images/guest/bg04.png") left center no-repeat; background-size: auto;}
.service {width: 100%; background: rgba(197,187,183,0.3); }
.service h3 {color: #000;}
.service ul {width: 100%; padding: 0; margin: 5% auto 7%; overflow: hidden;}
.service li {width: 48%; margin: 2% 1%; float: left;}
.service .caption {font-size: .9em; letter-spacing: normal; text-align: left !important;}
.service .caption:before {content: "・"; display: inline-block;}
.service .left {width: 28%;}
.service .right {width: 68%; padding-bottom: 10%; box-sizing: border-box; max-height: 150px;}
.service .extra {margin: 5% 1%;}
.service span {display: block; font-size: 0.8em;}
.service span.right {text-align: right;}
.service p {font-size: 0.9em; text-align: left !important; letter-spacing: normal; line-height: 2 !important; margin-bottom: 1% !important;}
.view_access {background: rgba(255,255,255,0.5); position: relative; z-index: 8888; overflow: hidden; padding-bottom: 3%;}
.view_access h2 {margin-bottom: 5%;}
.view_access ul {width: 60%; margin: 1% auto; padding: 0; overflow: hidden;}
.view_access p { margin: 1% auto !important; font-weight: bold; }
.view_access .left {width: 34%; background: #5e4e43; color: #fff; }
.view_access .right {width: 60%;}
.view_access .right p { text-align: left !important;}
.view_access span {line-height: normal;}
.view_access .jpn_button {background: #c78784; width: 30%;}
@media screen and (max-width:1440px) {
	.guest .article .container {padding: 15% 0;}
}
@media screen and (max-width:1440px) and (min-width: 1025px) {
	.guest .odd, .guest .even {background-position: center center !important;}
}
@media screen and (max-width:1280px) {
	.guest .article .container {width: 80%;}
	.guest .odd .text {left: 0;}
	.guest .even .text {width: 55%;}
	.guest .text {height: 60%;}
}
@media screen and (max-width: 1100px) {
	.mater_flow, .free_campaign, .performance, .with, div.guest {background-image: none !important;}
	div.guest {padding: 0 !important;}
	.guest .article .container {width: 95%; padding: 7% 0;}
	.check01 .container {padding: 5% 0 !important;}
	.guest .odd, .guest .even {margin: 2% auto; display: inline-block; width: 100%; max-height: none;}
	.guest .text {position: relative; width: 70% !important; left: 0 !important; padding: 2em 2em 1em; display: inline-block; background: rgba(255,255,255,0.7); font-size: 1.1em;}
	.guest h3,.guest .article p {text-align: center;}
	.guest .check04 {margin-bottom: 0;}
	.view_access ul {width: 70%;}
	.view_access .jpn_button {width: 50%;}
	.service ul {width: 90%;}
	.service ul li br {display: none;}
	.service .left, .service .right {width: 95%; float: none; margin: 0 auto;}
	.service li {overflow: hidden; position: relative; content: ""; padding: 4% 0 35%; background: rgba(255,255,255,0.5); margin: 1% !important;}
	.service div.right { position: absolute; top: 50%; left: 0; right: 0; margin: auto;}
	.service .caption {text-align: center!important;}
	.service .right p {width: 85%; font-size: 1em;}
}
@media screen and (max-width: 640px) {
	.guest .intro {max-width: 90%; font-size: 1.3em; padding-top: 5% !important;}
	.guest .intro p,.guest .article p { line-height: 1.7; text-align: left; letter-spacing: normal;}
	.guest .intro br { display: none; }
	.guest .article p { margin: 5% auto;}
	.guest .article p br,.service .caption { display: none; }
	.guest .article h3 {font-size: 1.4em; text-align: left;}
	.check01 .container {padding: 7% 0 !important;}
	.guest .text {font-size: 1.3em; width: 75% !important;}
	.guest .even .text { padding-left: 2em;}
	.service h3 {font-size: 1.5em;}
	.service ul {width: 95%;}
	.service li {width: 100%; padding-bottom: 4%;}
	.service p {font-size: 1.2em !important; margin: 2% auto !important;}
	.service div.left img { max-width: 30%; }
	.service div.right { position: relative; padding: 0 !important; max-height: none !important; float: none; margin-top: 3%;}
	.view_access ul {width: 90%; font-size: 1.3em;}
	.view_access li {width: 100% !important; float: none; margin: 2% auto;}
	.view_access .right p { font-size: 1.2em; font-weight: normal; text-align: center !important; line-height: 1.7;}
	.view_access span.right {float: none;}
	.view_access .jpn_button {width: 70%;}
	.guest .odd.check01 {background-position: 70% center !important; background-size: auto 100% !important; max-height: none !important;}
}

/*-*-*-*-*-Topics page style-*-*-*-*-*/
/*-*-*-*-*-main page-*-*-*-*-*/
#topics .main {background: url('/wedding/common/images/topics/bg01.jpg') top center no-repeat; margin: 0; padding: 50% 0; }
#topics .title2 {background: rgba(0,0,0,0.5);}
#topics .title2 .part_title { line-height: 1; }
#topics .detail h2 { color: #7a5356; }
.topics_list { background: url("/wedding/common/images/fair01.jpg") #fff top center fixed no-repeat; background-size:100% auto; z-index: 8888; position: relative;}
.topics_list .container {padding-top: 0;}
.topics_list p.mincho {text-align: center; font-size: 1.2em; margin: 0 auto 2%; padding-top: 5%;}
.list_block {padding: 0; overflow: hidden; width: 95%; margin: 0 auto 5%;}
.list_block li {overflow: hidden; margin: 5% auto; display: inline-block; width: 100%; box-sizing: border-box; position: relative;}
.list_block .detail {overflow: hidden; background: #f5f5f5;position: absolute; padding: 2em 0; box-sizing: border-box; margin: auto; max-height: 94%; top: 0; bottom: 0; left: 0; right: 0; width: 98%;}
.list_block .text {position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; height: 50%; max-width: 90%;}
.list_block div.left {width: 36%; background: rgba(193,122,119,0.8); padding: 0.7em; box-sizing: border-box; text-align: center;}
.img_block {background: #fff;margin: 0 auto !important; padding: 1em;}
.list_block div.right {padding-bottom: 36%; position: relative; width: 62%;text-align: center; box-sizing: border-box; border: solid #dcdcdc; border-width: 1px 0 1px 0;}
.list_block .benefit {background: rgba(255,255,255, 0.5);}
.list_block .more {position: absolute; bottom: 2em; left: 0; right: 0; display: inline-block; width: auto; margin: auto !important;}
.list_block .more a {color: #fff; padding: 0.7em !important; border: 0; border-radius: 0; background: rgba(193,122,119,0.8); width: 50%;}
.pr { text-align: center; background: url("/wedding/common/images/topics/family/p_bg05.jpg") #fff left top no-repeat; background-size: auto 100%; position: relative; z-index: 8888; overflow: hidden;}
.pr .container {background: none; width: 70%;}
.pr .right {text-align: right; font-size: 1.2em; padding-top: 3%;}
.pr p { margin: 3% auto; line-height: 2; color: #333; font-weight: bold;}
.pr ul { padding: 0; margin: 0 auto 3%; width: 100%; overflow: hidden;}
.pr ul li {width: 45%; margin: 0 2.5%; float: left;}
.pr ul li .jpn_button {width: 100%; margin: 2% auto;}
.pr ul li .jpn_button.pnk {color: #fff !important; background: rgb(193,122,119);}
@media screen and (max-width: 1024px) {
	.list_block .benefit {display: none;}
	.pr .container {width: 100%; background: url("/wedding/common/images/dotted_b.png") rgba(255,255,255,0.8) 0 0 repeat;}
	.pr .right {float: none; max-width: 80%; text-align: left; margin: 0 auto; text-indent: 1em;}
	.pr .right br {display: none;}
	.pr .right p {font-size: 1.1em;}
	.pr span {display: block; text-indent: 1em;}
	.pr ul {width: 85%;}
	.pr ul li {float: none; width: 100%; margin: 0 auto;}
	.pr ul li .jpn_button.pnk {background: #a9c372;}
	.pr ul li .jpn_button {background: #f57575;}
	.pr ul li a {font-size: 1.7em;}
	.pr ul li a br {display: none;}	
}
@media screen and (max-width: 768px) {
	.topics_list {background-size: auto 100% !important;}
	.list_block {margin-bottom: 0;}
	.list_block .text {text-align: left; max-width: 80%; line-height: 2;}
	.list_block .text br {display: none;}
}
@media screen and (max-width: 640px) {
	.list_block li { border: 1px solid #dcdcdc;}	
	.list_block div.left,.list_block div.right {float: none;}
	.list_block div.left {width: 45%; margin: 0 auto; background: none; padding: 0;}
	.list_block div.right {width: 100%; padding: 1% 0;}
	.list_block .detail,.list_block .text,.list_block .more {position: relative;}
	.list_block .more {bottom: 0; width: 100%;}
	.pr .right p {text-align: left;}
	.pr ul {width: 90%;}
	.pr ul li a {font-size: 1.4em;}
}
/*-*-*-*-*-Same parts-*-*-*-*-*/
.intro {background: #fff; position: relative; z-index: 8888; text-align: center;}
.point { background: #fff; position: relative; z-index: 8888; letter-spacing: 0.05em; padding: 5% 0 0;}
.point h2, .special h2 {font-size: 2.3em; text-align: center; line-height: 1.5; margin-bottom: 3%;}
.point h2 span, .special h2 span {display: block; font-size: 0.8em; font-weight: normal;}
.point h3 { position: absolute; top: 0;bottom: 0; left: 0; margin: auto; padding: 2% 0;}		
.point h3 img {height: 100%; max-height: 165px;}
.point .data {overflow: hidden; width: 80%; line-height: 1.5; float: right;}
.point .chk_title {margin-bottom: 0; font-size: 1.7em; font-weight: bold;}
.point .left,.point .right {width: 50%; position: relative; overflow: hidden;}
.point .small {line-height: 2;}
.point .odd,.point .even { background-size: auto 100% !important; position: relative; overflow: hidden; margin: 5% auto; }
.point .even {padding: 6% 0 7%;}
.point .even .left {margin-left: 10%;}
.jpn_button {border: 0; outline: 0; background: #7fabdd; text-align: center; font-size: 1.3em; display: inline-block; padding: 0.4em 0 0.6em; color: #fff; box-sizing: border-box; width: 50%; margin: 5%; border-radius: 5px; letter-spacing: 0.1em;}
.jpn_button:after {content: "▶"; margin-left: 2%; color: #fff; }
.jpn_button:hover, .jpn_button:visited { color: #fff; opacity: 0.8;}
.view_fair .container { padding: 0; }
.view_fair .left { line-height: 2;}
.view_fair .left .jpn_button { width: 60%; }
.return_list.topics a {background: url("/wedding/common/images/return.png") #f57575 15% 50% no-repeat; background-size: 7%; font-size: 1.3em; font-weight: normal; padding: 0.5em 3.5em 0.7em 5em; letter-spacing: 0.1em; color: #fff !important; border-radius: 5px;}
.return_list.topics a:hover {background-color: #a5cd68;}
.return_list.topics a:active { top: 1px; box-shadow: 0 2px 1px 0 #d8d9d4; }
@media screen and (max-width: 1680px) and (min-width: 1281px) {
	.point .left,.point .right {width: 45%;}
	.point .data {width: 70%;}
}
@media screen and (max-width: 1280px) {
	.point .left,.point .right {width: 60%;}
	.point .data {width: 75%;}
	.point .even .left {margin-left: 5%;}
	.point h3 img {height: 60%;}
	.data .jpn_button {width: 75%;}
	.odd.check01 {background-size: auto 70% !important;}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
	.point h3 {left: 2%;}
	.point h3 img {height: 50%; max-height: 96px;}
	.point .chk_title {font-size: 1.5em;}
	.point .left,.point .right {float: none; margin: 0 auto !important; background: rgba(255,255,255,0.7); }
	.point .data {width: 80%;}
}
@media screen and (max-width: 768px) {
	.point {padding-top: 10%;}
	.point .left, .point .right {width: 70%;}
	.point h3 {position: relative; float: left; padding: 0 !important; max-width: 17%;}
	.point h3 img {height: auto !important;}
	.point .chk_title {margin: 0 auto; font-size: 1.5em;}
	.point .even {padding: 7% 0;}
	.point .odd, .point .even {width: 100%;}
	.view_fair .container {max-width: 90%;}
	.view_fair .left .jpn_button {width: 80%; margin: 5% auto; padding: 0.4em 0;}
	.return_list.topics a {font-size: 1.5em;}
	.view_fair p {font-size: 1.2em !important;}
}
@media screen and (max-width: 640px) {
	.point h2, .special h2 {font-size: 1.7em;}
	.point .left, .point .right {width: 90%; padding: 1em 1.5em 0; margin: 0 auto; float: none; background: rgba(255,255,255,0.7); box-sizing: border-box;}
	.point .even .left {margin-left: auto !important;}
	.point .data {width: 100%; text-align: center;}
	.point h3 {margin: 0 auto 5%; float: none;}
	.point p {text-align: left;}
	.point .small {font-size: 1.3em; line-height: 1.7;}
	.point .small br {display: none;}
	.point .jpn_button {width: 100%; margin: 0 auto;}
	.view_fair {text-align: center;}
	.view_fair p {text-align: left;}
	.return_list.topics a {font-size: 1.2em;}
	.view_fair .left .jpn_button {width: 100%; font-size: 1.5em;}
}
/*-*-*-*-*-Maternity page-*-*-*-*-*/
#maternity .main { background: url("/wedding/common/images/topics/maternity/bg01.jpg") center top no-repeat fixed; margin: 0; padding: 50% 0;}
#maternity .title2 { background: rgba(0,0,0,0.3); }
#maternity .title2 .part_title {padding: 10% 0; line-height: 1;}
#maternity .normal {font-size: 1.2em;}
#maternity .intro .catch { font-size: 1.7em; font-weight: bold; padding: 0.7em 1em; width:  auto; border-bottom: 1px solid #dadada; display: inline-block; margin: 0 auto;}
#maternity .intro p {line-height: 2; display: inline-block; margin: 3% auto; width: 100%;}
#maternity .intro .small {line-height: 2.7; margin-top: 10%;}
#maternity .intro .small span { display: none; }
#maternity .intro .quil { font-size: 1.3em; color: #a7c4ec; letter-spacing: normal; margin-bottom: 1% !important;}
#maternity .intro .big {margin-top: 0; font-size: 1.8em; margin-bottom: 10%;}
.mater_theme {background: url("/wedding/common/images/topics/maternity/bg02.jpg?v=2020") 50% 50% no-repeat fixed; background-size: 100%; z-index: 9; position: relative; text-align: center; padding: 25% 0 3%;}
.mater_theme .container {width: 100%; background: rgba(255,255,255,0.7); padding: 1% 0 0; line-height: 1.5;}
#maternity .check01 { background: url("/wedding/common/images/topics/maternity/p_bg01.jpg") left center no-repeat; padding: 3% 0 7%;}
#maternity .check01 h3 { padding: 3% 0 11%;}
#maternity .check01 .small {padding-left: 3%; box-sizing: border-box;}
#maternity .check02, #family .check02 { background: url("/wedding/common/images/topics/maternity/p_bg02.jpg") right center no-repeat; }
#maternity .check03 { background: url("/wedding/common/images/topics/maternity/p_bg03.jpg") left center no-repeat; padding: 5.5% 0;}
#maternity .check03 h3 {padding: 4% 0 3%;}
#maternity .check04 { background: url("/wedding/common/images/topics/maternity/p_bg04.jpg") right center no-repeat; margin-bottom: 0;}
.certification {width: 1100px; max-width: 90%; text-align: center; margin: 0 auto 5%; overflow: hidden;}
.certification .left {width: 35%; text-align: center;}
.certification .right {width: 65% !important; text-align: left;}
.certification .normal {font-size: 1.3em !important; font-weight: bold; line-height: 1.7; margin-top: 0 !important;}
.mater_flow, .free_campaign,.performance, .with, div.guest {position: relative; z-index: 9; background: url("/wedding/common/images/shape.jpg") #fff 90% 90% no-repeat fixed; background-size: auto 80%; padding: 5% 0 0; text-align: center;}
.mater_flow h2 {display: inline-block; width: auto; padding: 2.2em 2em; background: url("/wedding/common/images/liner_simple.png") center top no-repeat; background-size: auto; letter-spacing: 0.1em; font-size: 2em;}
.mater_flow h2 strong {font-size: 1.2em;}
.mater_flow .article {overflow: hidden; background: rgba(0,0,0,0.1); padding: 3% 0 0;}
.mater_flow .container {width: 75%; padding: 1% 0;}
.mater_flow .odd { background: rgba(255,255,255,0.5);}
.mater_flow .odd .left, .mater_flow .even .right {width: 33%;}
.mater_flow .odd .right, .mater_flow .even .left {width: 65%;}
.mater_flow .odd .right {text-align: left;}
.mater_flow .even .left {text-align: right;}
.mater_flow h3 {font-size: 2em; margin: 5% auto;}
.mater_flow h3 span {font-size: 0.7em; display: block; text-indent: 0.2em;}
.mater_flow p {font-size: 1.2em; line-height: 2;}
.d_day {background: url("/wedding/common/images/topics/maternity/bg03.jpg") center center no-repeat fixed; background-size: 100%; padding: 10% 0;}
.d_day .center {background: rgba(40,12,0,0.5); color: #fff; padding: 1% 0;}
.d_day h3 {margin: 0 auto;}
.special { background: url("/wedding/common/images/topics/maternity/bg04.jpg") center top no-repeat; background-size: 100%; z-index: 8888; position: relative; padding: 5% 0; text-align: center;}
.special ul {padding: 0; overflow: hidden; width: 70%; margin: 2% auto; display: inline-block;}
.special li {float: left; margin: 0 1.5%; width: 30%; box-sizing: border-box; border: 1px solid #bfbfbf; background: rgba(255,255,255,0.5); padding: 2%; max-height: 636px; overflow: hidden;}
.special li:first-child {margin-left: 2%;}
.prs_title { margin: 3% auto 5%; overflow: hidden;}
.prs_title .left {width: 18%;}
.prs_title h3 {font-size: 2.7vh; text-align: left; width: 80%; float: right; line-height: 2;}
.prs_title .mincho {display: block; font-size: 0.8em;}
.prs_title span {line-height: 1; display: block;}
.prs_img {width: 90%; margin: 5% auto; display: inline-block;}
.special p {width: 88%; margin: 5% auto; text-align: left; line-height: 2; font-size: 1.1em;}
#maternity .view_fair {background: url("/wedding/common/images/topics/maternity/bg05.jpg?v=2020") center center no-repeat; background-size: cover; position: relative; z-index: 8888; overflow: hidden; padding: 3% 0;}
@media screen and (max-width: 1680px) and (min-width: 1101px) {
	.special ul {width: 80%;}
	.prs_title {margin: 0 auto;}
	.prs_title .left {float: none; margin: 0 auto 5%;}
	.prs_title h3 {width: 100%; text-align: center;}
}
@media screen and (max-width: 1100px) {
	.special {background-size: auto 100% !important;}
	.special ul {width: 90%;}
	.special ul li {width: 100%; float: none; margin: 1% auto !important; padding: 4%; border-color: #f1f1f1;}
	.prs_title, .special p {float: left; width: 70%;}
	.prs_title .left {width: 15%;}
	.prs_title {margin: 0 auto 2%;}
	.prs_title h3 {float: left; margin: 0 0 2% 2%; width: auto;}
	.prs_title .mincho {font-size: 1em;}
	.prs_img {float: right; width: 25%; margin: 0 auto;}
	.special p {margin: 0 auto; padding: 0 5%; box-sizing: border-box;}
	.certification .normal {font-size: 2vw;}
	.certification .right:not(.normal) {font-size: 1.5vw;}
	.certification .left img {max-width: 70%;}
}
@media screen and (max-width: 768px) {
	#maternity .big {font-size: 1.5em !important;}
	.mater_theme {background-attachment: local; padding-bottom: 5%;}
	#maternity .check01 {background-size: 100% !important;}
	.mater_flow .container {width: 90%; padding: 3% 0;}
	.mater_flow p {margin-bottom: 0;}
	.mater_flow p br {display: none;}
	.mater_flow h3 {margin-top: 0;}
	.mater_flow .odd .right, .mater_flow .even .left {width: 63%;}
	.prs_title h3 {font-size: 3.8vw;}
	.d_day {background-attachment: local; padding: 12% 0;}
	.d_day .center {width: 75%; box-sizing: border-box; padding: 3% 5%; margin: 0 auto; text-align: left;}
	#maternity .view_fair {background-size: auto 100%; background-position: right center;}
}
@media screen and (max-width: 640px) {
	#maternity .title2 .part_title {font-size: 2em;}
	#maternity .intro .catch {font-size: 1.5em; text-align: left;}
	#maternity .intro .small {font-size: 1.2em; text-align: left; letter-spacing: normal; background: #f9f9f9; padding: 0 1em;}
	#maternity .intro p {width: 90%; box-sizing: border-box; text-align: left;}
	#maternity .intro br {display: none;}
	#maternity .intro .small span {display: inline-block !important;}
	.mater_theme .center {width: 90%; margin: 0 auto; text-align: left;}
	.mater_theme .center br {display: none;}
	#maternity .check01, #family .check01 {background-size: 150% !important; border-top: 1px solid #f5f5f5;}
	.certification .left {margin-bottom: 5% !important;}
	.certification .right {width: 100% !important;}
	.certification .right:not(.normal) {font-size: 2vw;}
	.certification .left img {max-width: 70%;}
	.mater_flow .odd .right, .mater_flow .even .left {width: 100%;}
	.mater_flow .left, .mater_flow .right {float: none; margin: 0 auto;}
	.mater_flow .even .left {text-align: left;}
	.prs_title, .special p {width: 100%; float: none;}
	.prs_img {float: none; width: 30%;}
	.prs_title h3 {margin-bottom: 0;}
	.special p {font-size: 1.3em; line-height: 1.7; margin: 2% auto;}
	.view_fair .left {background: rgba(255,255,255,0.7); font-size: .9em; padding: 0 1em;}
	.view_fair .small {font-size: 1.3em !important;}
	.view_fair .small br { display: none; }
	#maternity .check02, #family .check02 {background-position: 80% center;}
}
@media screen and (max-width: 480px) {
	.certification .left img {max-width: 100%;}
	.certification .right:not(.normal) {font-size: 1.2em;}
	#maternity .main {background-size: auto 30% !important;}
}
/*-*-*-*-*-Maedori page-*-*-*-*-*/
#maedori .main {background: url("/wedding/common/images/topics/maedori/bg01.jpg") center top no-repeat; margin: 0; padding: 50% 0;}
#maedori .title2 .part_title {font-family: "noto serif" !important; font-weight: bold; line-height: 1.2; padding: 8% 0; font-size: 3.5em;}
#maedori .title2 span { font-size: 0.5em; }
#maedori .big {font-size: 1.7em; font-weight: bold; line-height: 1.7;}
#maedori .bold {font-weight: bold; font-size: 1.2em;}
#maedori .normal {font-size: 1.2em;}
#maedori strong {font-size: 1.7em;}
#maedori .bold.mincho {margin: 10% auto 3%;}
.maedori {background: url("/wedding/common/images/topics/maedori/bg02.jpg") #fff center center no-repeat fixed; background-size: 100%; overflow: hidden; z-index: 8888; position: relative;}
.maedori p { line-height: 2;}
.maedori .container {text-align: center;}
.maedori .container .big {margin-bottom: 5%;}
.maedori .article {background: rgba(255,255,255,0.7); overflow: hidden; margin: 5% auto 0;}
.maedori .odd, .maedori .even { width: 80%; overflow: hidden; margin: 0 auto;}
.maedori .left, .maedori .right {width: 50%;}
.maedori .odd .right, .maedori .even .left { position: relative; overflow: hidden; padding: 15% 0; }
.maedori .text {position: absolute; top: 0; bottom: 0; left: 15%; right: 0; margin: auto; overflow: hidden; height: 50%;}
.free_campaign h2 {line-height: 1.7; letter-spacing: 0.1em; font-weight: bold; }
.free_campaign h2 span {display: block; font-size: 0.7em; color: #eca8a8; letter-spacing: normal}
.free_campaign .container {background-color: rgba(239, 234, 234, 0.7); padding: 1% 0; line-height: 2; margin: 3% auto 5%;}
.free_campaign .container .big {margin: 5% auto;}
.free_campaign .article {background: rgba(255,255,255,0.9); overflow: hidden; position: relative; z-index: 8888;}
.free_campaign .article .container {width: 80%; margin: 0 auto; padding: 0 0 3%; background: none;}
.free_campaign .article h2 { background: url("/wedding/common/images/icon/heart.png") 13% top no-repeat; background-size: 10%; margin: 0 auto 2%; padding: 3% 0 1%;}
.free_campaign .left {width: 33%;}
.free_campaign .right {text-align: left; font-size: 1.1em; width: 65%; position: relative; padding: 5% 0 0%;}
.free_campaign .right p {margin: 0 auto; letter-spacing: normal; line-height: 2 !important;}
#maedori .view_fair {background: url("/wedding/common/images/dotted_b.png") rgba(255,255,255,0.6) 0 0 repeat fixed; position: relative; z-index: 8888; padding: 2% 0;}
#maedori .view_fair .big {line-height: 2; margin-bottom: 0;}
#maedori .jpn_button {background-color: #5d483a; width: 55%;}
@media screen and (max-width: 768px) {
	.maedori {background-attachment: local; background-size: auto 100%;}
	#maedori .big, #maedori strong {font-size: 1.5em;}
	.maedori .odd, .maedori .even {width: 95%;}
	.maedori .odd .right, .maedori .even .left {text-align: center; padding: 1% 0;}
	.maedori .text {position: relative; left: 0; text-align: left; width: 90%;}
	.maedori .text br {display: none;}
	.maedori .small {font-size: 1.1em;}
	.free_campaign {background: rgb(239, 234, 234);}
	.free_campaign .container {background: rgba(255,255,255,0.7);}
	.free_campaign .container .big {margin: 1% auto; padding: 0.5em 1em; display: inline-block; border: solid #EFEAEA; border-width: 1px 0 1px 0;}
	.free_campaign .left, .free_campaign .right {width: 100%; float: none;}
	.free_campaign .article h2 {background-size: auto 90%;}
	.free_campaign .right {padding: 0; margin: 5% auto 0;}
	.free_campaign .right p {font-size: .9em; position: relative; height: auto;}
	.free_campaign .right p br {display: none;}
	#maedori .view_fair {background: url("/wedding/common/images/topics/maedori/bg01.jpg") center top no-repeat; background-size: cover; padding: 0;}
	#maedori .view_fair .container {max-width: 100%;}
	#maedori .view_fair .left {float: none; margin: 0 auto; text-align: center; color: #fff; background: url("/wedding/common/images/dotted_b.png") rgba(255,255,255,0.1) 0 0 repeat; padding-top: 1%;}
	#maedori .jpn_button {width: 80%;}
}
@media screen and (max-width: 640px) {
	#maedori .title2 .part_title {font-size: 2.5em;}
	.maedori p { width: 90%; margin: 0 auto; text-align: left; letter-spacing: normal;}
	.maedori .left, .maedori .right {width: 100%; float: none;}
	#maedori .bold.mincho { margin: 3% auto; padding: 1em; background: #f9f9f9; width: 95%; box-sizing: border-box;}
	.maedori .text {margin: 5% auto;}
	.maedori .small {font-size: 1.3em; line-height: 1.7; margin: 2% auto;}
	.free_campaign .article .container {width: 90%;}
	.free_campaign .right p {font-size: 1.1em; line-height: 1.7;}
	#maedori .view_fair p {font-size: 1.5em !important;}
	#maedori .view_fair br {display: none;}
	#maedori .view_fair {background-size: auto 100%;}
	#maedori .jpn_button {width: 100%;}
}
/*-*-*-*-*-Family page-*-*-*-*-*/
#family .main {background: url("/wedding/common/images/topics/family/bg01.jpg") center top no-repeat fixed; margin: 0; padding: 50% 0;}
#family .title2 {background: rgba(0,0,0,0.3);}
#family .title2 .part_title {padding: 10% 0 9%;}
#family strong {font-size: 1.5em;}
#family .intro {letter-spacing: 0.2em; background: url("/wedding/common/images/topics/family/bg02.jpg") #fff 90% 120% no-repeat; background-size: auto;}
#family .intro h2 {background: url("/wedding/common/images/topics/family/catch_bg.png") center center no-repeat; background-size: 100%; display: inline-block; width: auto; color: #ffb400; padding: 0 3em .2em; margin-bottom: 3%;}
#family .intro p {color: #2d1205; line-height: 2.2; display: inline-block; width: 100%;}
#family .intro .small {margin: 5% auto;}
#family .normal {font-size: 1.2em; font-weight: bold; margin: 0 auto 3%;}
#family .normal.mincho {line-height: 1.8; margin-bottom: 10%;}
.family_theme {background: url("/wedding/common/images/topics/family/bg03.jpg") center center no-repeat fixed; position: relative; z-index: 9; padding-top: 25%; text-align: center;}
.family_theme .container {width: 100%; background: rgba(255,255,255,0.7); padding: 1% 0;}
.family_theme .small {line-height: 1.7; letter-spacing: 0.2em;}
#family .check01 {background: url("/wedding/common/images/topics/family/p_bg01.jpg") left center no-repeat; padding: 3.5% 0 7.5%; }
#family .check01 .jpn_button {background: #d39795; }
#family .point .chk_title {margin-top: 0;}
#family .check03 {background: url("/wedding/common/images/topics/family/p_bg03.jpg") left center no-repeat; padding: 5% 0;}
#family .check04 {background: url("/wedding/common/images/topics/family/p_bg04.jpg") right bottom no-repeat; }
#family .check05 {background: url("/wedding/common/images/topics/family/p_bg05.jpg") left top no-repeat; padding: 7% 0; background-size: auto 100% !important;}
#family .check05 h3 {padding: 0;}
#family .mikihouse {position: relative; padding: 7% 0; margin-bottom: 0;}
#family .mikihouse::before {content: ""; position: absolute; top: 10px; left: 0; width: 100%; height: 30px; background-image: url("/wedding/common/images/topics/family/mikihouse_bg.png"); background-repeat: repeat-x; background-size: contain;}
#family .mikihouse::after {content: ""; position: absolute; bottom: 10px; left: 0; width: 100%; height: 30px; background-image: url("/wedding/common/images/topics/family/mikihouse_bg.png"); background-repeat: repeat-x; background-size: contain;}
#family .mikihouse_inner {width: 1000px; max-width: 90%; margin: 0 auto;}
#family .mikihouse h2 {font-size: 1.7em; letter-spacing: 0.1em;}
#family .mikihouse .desc {margin: 0 0 40px; text-align: center; font-size: 1.2em; line-height: 2;}
#family .mikihouse .about {display: flex; justify-content: space-between; align-items: center;}
#family .mikihouse .about p {margin: 0; padding: 60px 0; font-size: 0.9em; width: 35%; line-height: 2; background: url(/wedding/common/images/topics/family/mikihouse_bg02.png); background-size: contain; background-repeat: no-repeat;}
#family .mikihouse .about figure {margin: 0; width: calc(275/1000*100%);}
@media screen and (max-width: 768px) {
	#family .mikihouse {padding: 14% 0;}
	#family .mikihouse h2 {margin-bottom: 30px;}
	#family .mikihouse .desc {margin-bottom: 15px; text-align: left;}
	#family .mikihouse .about {flex-wrap: wrap; padding: 0 8%;}
	#family .mikihouse .about figure {width: 46%;}
	#family .mikihouse .about p {width: 100%; margin: 0 auto; padding: 30px 0; font-size: 1em; background-position: center;}
}
.performance {overflow: hidden;}
.performance h2 {font-size: 2em; text-align: left; display: inline-block; width: auto; background: url("/wedding/common/images/topics/family/title_heart.png") 0 50% no-repeat; background-size: auto 90%; padding:0.3em 0 0 2.5em; letter-spacing: 0.1em;}
.performance h2 span {font-size: 0.7em; display: block;}
.performance h3 {font-size: 1.7em;}
.performance h3 span {display: block; font-size: 0.8em; line-height: 1.5;}
.performance .small {line-height: 2.2; margin: 3% auto;}
.performance .article {background: rgba(255,255,255,0.7); overflow: hidden; widows: 100%;}
.performance .odd, .performance .even {width: 100%; margin: 0 auto; padding: 2% 0; border-bottom: 1px solid #f1f1f1; overflow: hidden;}
.performance .container {padding: 0;}
.performance .odd .left, .performance .even .right {width: 28%;}
.performance .odd .right, .performance .even .left {width: 67%; position: relative; padding: 5% 0;}
.performance .odd .right {text-align: left;}
.performance .even .left {text-align: right;}
.performance p {font-size: 1.1em; line-height: 2;}
.somemore { background: url("/wedding/common/images/topics/family/bg04.jpg") center center no-repeat fixed; z-index: 9; position: relative; text-align: center; padding: 5% 0;}
.somemore .container {display: inline-block; width: auto; padding: 1em 3em 2em 3.5em; background: rgba(255,255,255,0.7); line-height: 2;}
.somemore .small {font-size: 1.1em; line-height: 2.5; margin-top: 7%;}
#family .view_fair {background: url("/wedding/common/images/topics/family/bg05.jpg") center center no-repeat; background-size: 100%; position: relative; z-index: 8888; padding: 3% 0;}
@media screen and (max-width: 768px) {
	.family_theme {background-attachment: local; background-position: center 60%; padding-top: 30%;}
	.performance .odd, .performance .even {width: 100%;}
	.performance .article {background: none;}
	.performance .article .container {width: 95%;}
	.performance .odd {background: #f9f9f9;}
	.somemore {background-attachment: local;}
	#family .view_fair {background-size: auto 100%; background-position: right center;}
}
@media screen and (max-width: 640px) {
	#family .title2 .part_title {font-size: 2em;}
	#family .small, #family .normal,.performance p {font-size: 1.3em; text-align: left;}
	#family .intro .small br {display: none;}
	#family .intro p, .family_theme p {width: 90%; text-align: left;}
	.family_theme {background-size: auto 200%;}
	.family_theme p {margin: 3% auto;}
	.performance h2 {background: none !important; padding: 0 0 .5em !important; margin: 3% auto; border-bottom: double #dcdcdc;}
	.performance p {width: 90%;}
	.performance .odd .left, .performance .even .right {float: none; margin: 0 auto; width: 35%;}
	.performance .odd .right, .performance .even .left {width: 100%; float: none; padding-bottom: 0;}
	.performance .article .container {width: 85%; text-align: left !important; margin-top: 5%;}
	.performance h3 {text-align: left;}
	.performance p br {display: none;}
	.somemore {padding: 0; background-size: auto 100%;}
	#family .view_fair .big {font-size: 1.5em !important; padding: 0 .5em; margin-bottom: 0;}
	#family .view_fair .big br {display: none;}
	#family .view_fair .jpn_button {width: 100%; font-size: 1.5em;}
}
/*-*-*-*-*-Always page-*-*-*-*-*/
#always {color: #2d1205;}
#always .main {background: url("/wedding/common/images/topics/always/bg01.jpg") center top no-repeat; margin: 0; padding: 50% 0; }
#always .title2 .part_title {padding: 10% 0 9%; margin: 1% auto;}
#always .intro {padding: 5% 0;}
#always .intro ul {padding: 0; overflow: hidden; margin: 0 auto;}
#always .intro li {width: 50%; line-height: 2; display: inline-block; position: relative; overflow: hidden;}
#always .odd .right, #always .even .left {padding: 17% 0 16%;}
#always .intro .text { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; height: 50%;}
#always .intro h2, #always .intro .big {margin: 5% auto; font-size: 2vw;}
#always .intro h2 {margin-top: 0;}
#always .intro .normal {font-size: 1.5vw; line-height: 2.2;}
.always_theme {background: url("/wedding/common/images/topics/always/bg02.jpg") center center no-repeat fixed; background-size: cover; padding: 6% 0; position: relative; z-index: 9;}
.always_theme .container {width: 100%; padding: 1% 0; color: #fff; background: rgba(0,0,0,0.3); text-align: center; line-height: 2.2; font-size: 1.1em;}
#always .middle {background: #fff; position: relative; z-index: 8888;}
#always .middle .container {width: 30%; margin: 0 auto; font-size: 1.1em; padding-bottom: 5%;}
#always .middle p {width: 100%; overflow: hidden; margin: 0.5% auto;}
#always .middle .left {text-align: left;}
#always .middle .center {text-align: center;}
#always .middle .right {text-align: right;}
#always .middle .article {overflow: hidden; width: 100%; background: url("/wedding/common/images/topics/always/bg03.jpg") center top no-repeat; background-size: cover;}
#always .middle .article .right {background: rgba(255,255,255,0.6); position: relative; width: 35%; text-align: left; line-height: 2.2; font-weight: bold; right: 5%; overflow: hidden; padding: 25vh 0;}
#always .middle .article .right p {position: absolute; top: 17vh; bottom: 0; left: 0; right: 0; margin: auto; font-size: 1.8vh; width: 80%;}
.with {text-align: center;}
.with h2 {font-size: 2em; line-height: 1.7; letter-spacing: 0.1em;}
.with h2 span {display: block; font-size: .7em; letter-spacing: 0.2em;}
.with strong {font-size: 1.4em;}
.with ul {margin: 5% auto; padding: 0; text-align: center; overflow: hidden;}
.with li {display: inline-block; width: 33.33%; padding: 15% 0; background-size: 100% 100% !important; position: relative; overflow: hidden; box-sizing: border-box; transition: all 0.4s;}
.with li:hover {padding: 0;}
.with li:hover h3 {padding: 49% 0;}
.with a {display: block; color: #fff;}
.with h3 {font-size: 1.7em; padding: 1em 0; transition: all 0.4s;}
.with span {display: block; font-size: 0.8em;}
.with .left {background: url("/wedding/common/images/topics/always/ban01.jpg") center center no-repeat;}
.with .left h3 {background: rgba(142,118,102,0.5);}
.with .center {background: url("/wedding/common/images/topics/always/ban02.jpg") center center no-repeat;}
.with .center h3 {background: rgba(19,10,5,0.5);}		
.with .right {background: url("/wedding/common/images/topics/always/ban03.jpg?v=200703") center center no-repeat;}
.with .right h3 {background: rgba(19,10,5,0.7);}
.with .big {line-height: 1.7;}
.with .big.bg {background: url("/wedding/common/images/topics/always/text_bg.png") center center no-repeat; background-size: 100%; width: auto;
display: inline-block; padding: 0 3em .8em;}
.view_hotel {background: url("/wedding/common/images/topics/always/bg04.jpg") center bottom no-repeat fixed; background-size: cover; position: relative; z-index: 9; text-align: center;}
.view_hotel .container {padding: 4% 0;}
.view_hotel h2 {font-size: 3em; text-align: center; font-weight: normal; color: #fff; letter-spacing: 0.05em; line-height: 1.7;}
.view_hotel h2 span {display: block; font-size: 0.6em; letter-spacing: normal;}
.view_hotel img {display: block; margin: 0 auto; max-width: 30%;}
.view_hotel .jpn_button {margin: 5% auto 0; background: #ce9393; width: 38%; padding: 0.5em 0 0.7em;}
@media screen and (max-width: 1280px) {
	#always .intro .text {height: 75%;}
}
@media screen and (max-width: 1024px) {
	#always .intro .text {width: 90%; height: 100%;}
	#always .intro .normal br {display: none;}
	#always .middle .article .right p {top: 15vh;}
}
@media screen and (max-width: 900px) {
	#always .middle .article .right p {top: 10vh;}
}
@media screen and (max-width: 768px) {
	.with li:hover {padding: 15% 0;}
	.with li:hover h3 {padding: 1em 0;}
	#always .intro h2, #always .intro .big {font-size: 1.5em;}
	#always .odd .right, #always .even .left {padding: 0;}
	#always .intro .text {position: relative; width: 90%; margin: 3% auto 0; font-size: .9em;}
	#always .even .left {margin: 4% auto 0;}
	#always .intro .normal {text-align: left; width: 90%; margin: 0 auto; font-size: 1.2em;}
	.always_theme {background-attachment: local;}
	#always .middle .article {background-size: auto 100%;}
	#always .middle .container {width: 50%;}
	#always .middle .article .right p {position: relative; top: auto;}
	#always .middle .article .right {width: 45%; padding: 10% 0;}
	.view_hotel {background-attachment: local;}
}
@media screen and (max-width: 640px) {
	#always .title2 .part_title {font-size: 2em;}
	#always .intro {padding: 0;}
	#always .intro li {width: 100%; float: none;}
	#always .odd .right, #always .even .left {margin: 3% auto; line-height: 1.7;}
	#always .intro .normal {font-size: 1.3em;}
	#always .middle .container,.always_theme .container {font-size: 1.3em;}
	#always .middle .container,#always .middle .article .right {width: 80%;}
	#always .middle .article {padding: 5% 0;}
	#always .middle .article .right {float: none; margin: 0 auto; font-size: 1.3em; right: 0; font-weight: normal; letter-spacing: 0.1em;}
	#always .middle .article .right br,.with .big br {display: none;}
	#always .middle .article .right p {width: 90%;}
	.with li {width: 100%; background-size: 100% !important; margin: 1% auto;}
	.with .big {text-align: left; width: 90%; margin: 2% auto;}
	.view_hotel {background-size: auto 100%;}
	.view_hotel .container {padding: 10% 0;}
	.view_hotel h2 {font-size: 2em;}
	.view_hotel .jpn_button {width: 70%;}
}
/*-*-*-*-*-Already page-*-*-*-*-*/
#already .main {margin: 0; padding: 50% 0; background: url('/wedding/common/images/already/bg01.jpg') top center no-repeat; }
#already .title2 {background: rgba(0,0,0,0.3);}
#already .title2 .part_title {font-size: 2.5em; font-family: "noto serif"; padding-bottom: 8%;}
#already .title2 .part_title span {display: block; font-size: .9em; line-height: 1.7; letter-spacing: 0.05em;}
.already,.insta_event {background: #fff; position: relative; z-index: 8888; text-align: center; padding-bottom: 5%;}
.already p {font-size: 1.2em; line-height: 1.7; font-weight: bold;}
.rehearsal .left {margin: 1% auto;}
.rehearsal .left .thumb {margin: 1% auto; background: rgba(255,255,255,0.5); display: inline-block; width: 100%;}
.rehearsal h3 {background: #CD9491; color: #fff; font-weight: normal; letter-spacing: .1em; padding: .2em 0 .4em; cursor: pointer;}
.rehearsal h3:after {content: "▼"; font-size: .8em; margin-left: 1%;}
.rehearsal .left li { float: left; width: 23%; margin: 1%; display: inline-block; position: relative; box-sizing: border-box; transition: all 0.4s; cursor: pointer; border-bottom: 3px solid transparent;}
.rehearsal .left span {color: #7a5356;}
/*.rehearsal .left ul.civil {display: none;}*/
.insta_event h2 {font-size: 2em;}
.insta_event h2 span {display: block;}
.insta_event h2 img {margin-bottom: 3%;}
.insta_event .left {width: 35%;}
.insta_event .right { width: 62%;}
.insta_event .text {margin: 5% auto; display: inline-block; width: 100%; line-height: 1.7; border: dashed #eee; border-width: 1px 0;}
.insta_event h3 {color: #D25166; margin-bottom: 3%;}
.insta_event .howto {margin: 0 auto;}
.insta_event .howto p {text-align: left; line-height: 1.7; background: rgba(255, 231, 230, 0.2); padding: 1em 2em; box-sizing: border-box; width: 90%; margin: 3% auto;}
.insta_event .howto span {display: block;}
.insta_event strong {font-size: 1.1em; border-bottom: 1px solid #D25166; padding-bottom: 0.1em;}
.insta_event .bg { background: url("/wedding/common/images/icon/more2.png") right center no-repeat;background-size: auto 70%; display: inline-block; width: auto; padding: 0.5em 2em 0.5em .5em; margin-bottom: 1px; font-size: 1.3em;}
.insta_event .bg a {display: block;}
.insta_event .bg:hover {border-bottom: 1px solid #ffe7e6;margin-bottom: 0;}
#stay .main{
	background: url("/wedding/common/images/topics/stay.jpg") center top no-repeat; 
	margin: 0; 
	padding: 50% 0;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
}
#stay .maedori{
	background-image: url("/wedding/common/images/topics/maedori/bgr012.jpg"); 
	background-position: center center;
	background-size: auto;
	background-repeat: repeat;
}
@media screen and (max-width:1280px) {
	.rehearsal {padding-bottom: 5%;}
	.rehearsal .left, .rehearsal .right { float: none; }
	.rehearsal .left { width: 70%; margin: 0 auto; }
	.rehearsal .right { width: 70%; margin: 5% auto 2%;}
	.rehearsal .right ul {margin: 0 auto !important; padding: 0; width: 100%;}
	.rehearsal .left .thumb {margin: 1% auto;}
}		
@media screen and (max-width: 1100px) {
	.already .container,.insta_event .container {max-width: 90%;}
	.insta_event h2 {font-size: 1.5em;}
	.insta_event .howto p {width: 100%;}
	.insta_event .right { width: 64%;}
}
@media screen and (max-width: 768px) and (min-width: 641px){
	.insta_event .pc {display: block !important;}	
}
@media screen and (max-width: 768px) {
	.insta_event .bg {padding: 0; width: 100%; text-align: center;}
	.insta_event .bg a {background: #E99190; padding: 1em 0; width: 100%; font-weight: bold; color: #fff; border-radius: 5px;}
	.rehearsal .caption {font-size: 1em;}
	.rehearsal .left { width: 97%; margin: 0 auto; }
	.rehearsal .left li {width: 48%;}
	.rehearsal .right { width: 97%;}
	.rehearsal .right ul {margin: 0 auto !important; padding: 0; width: 100%;}
}
@media screen and (max-width: 640px) {
	#already .title2 {padding-top: 15%;}
	#already .title2 h1 {padding: 8% 0 10% !important;}
	.insta_event .left, .insta_event .right {width: 100%; float: none; font-size: 1.2em;}
	.insta_event .sp {margin: 0 auto;}
}
@media screen and (max-width: 480px) {
	#already .title2 .part_title {font-size: 1.7em;}
	.already p,.insta_event p {text-align: left;}
	.insta_event h2 .mincho {display: inline;}
	.insta_event br {display: none;}
}


#plan .plan_reserve{
	display: block;
	background: #f57575;
	color: #fff;
	border-radius: 0.3em;
	line-height: 1.25;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0.25em 0 0;
	position: relative;
	letter-spacing: 0.1em;
	text-align: center;
	width:100%;
	margin-top:30px;
}
#plan .plan_reserve a{
	color: #FFF;
	padding: 1em 0;
	display: block;
	height: 100%;
	line-height: 100%;
	width:100%;
}
#plan .plan_reserve:hover{
	display: block;
	background: #a5cd68;
	color: #fff;
}
#plan .details_btn{
  text-align: right;
  color:#CB7398;
  padding:5px; cursor: pointer;
  margin-top:30px;
  font-weight: 600;
}
#plan .details_btn:hover{
  color: #a5cd68;
}
#plan .details_btn:before,#plan .details_btn:after{
  border-top: 2px solid #CB7398;
}  
#plan .details_btn:hover:before,#plan .details_btn:hover:after{
  border-top: 2px solid #a5cd68;
}  
  

#plan .details_btn span span{
  display: block;
  width: 10px;
  height: 10px;
  border-left: 1px solid #CB7398;
  border-bottom: 1px solid #CB7398;
  transform: rotate(-45deg);
  position: relative;
  transform-origin: center center;
  margin: 0 auto;
}
#plan .details_btn:hover span span{
  border-left: 1px solid #a5cd68;
  border-bottom: 1px solid #a5cd68;
}



.wari_bnr{
  background: #FFF;
  padding: 0 0 30px;
}
.bnr_img{
  max-width: 1128px;
  margin: -30px auto 0;
  text-align: center;
}
.bnr_img img{
  width:calc(100% - 30px);
}
.discount{
  color: #f57575;
  font-weight: 600;
  margin-right:30px;
}
  
.details_text{
  display: none;
}
@media screen and (max-width: 768px){
  .discount{
    margin-right:0;
    display: block;
  }  
  .wari_bnr{
    background: #FFF;
    padding: 0 0 15px;
  }
  .bnr_img{
    max-width:calc(100% - calc(16/1140*100%) * 2);
    height: 0;
    padding-top:13.5%;
    background: url(/wedding/common/images/offbnr10.gif) no-repeat center top;
    background-size:100% auto;
    margin: -45px  auto 0;
  }
  .bnr_img img{
    display: none;
  }
  
  
	.plan_reserve{
		margin-top:15px;
	}
}

/* 2022/06/30 */
#plan .title_margin{
  display: block;
  margin-top:10px;
}
@media screen and (max-width: 768px) {
  #plan .title_margin{
    margin-top:5px;
  }      
}
#plan .category{
  background: #FFF;
  margin: 0;
  padding: 0  calc(16/1140*100%) 60px;
}
#plan .category ul{
/*  padding: 0;*/
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
  max-width: 1100px;
  justify-content: center;
  padding: 30px 0;
  background: #F5F2F0;  
}
#plan .category ul li{
  padding: 10px 15px;
  border-radius: 5px;
  margin: 5px;
  cursor: pointer;
  font-size:14px;
  background: #FFF;
}
#plan .category ul li:hover{
  opacity: 0.8;
}
#plan .category ul .target_li{
  background: #CB7398;
  color: #FFF;
  cursor: default;
}

@media screen and (max-width: 768px) {
  #plan .category ul{
    padding:4% 1%;
    justify-content:center;
  }
  #plan .category ul li{
    font-size: 11px;
    width:38%;
    text-align: center;
  }
}
.grecaptcha-badge{
  display: none !important;
}

.color_set {
  background: #CB7398;
  color: #FFF;
  border-radius: 16px;
  font-size:13px;
  font-family: "NotoSansCJKJP_bold";
  padding: 4px 20px;
}
@media screen and (max-width: 768px) {
  .color_set {
    padding: 4px 15px;
    font-size:calc(22/750*100vw);
    font-weight: normal;
  }
}
#plan .detail .color_p{
  background: #CB7398;
  color: #FFF;
}
/*
.add_label{
  position: relative;
}
.add_label:after{
  position: absolute;
  content:"";
  display: block;
  width:100%;
  height: 100%;
  left: 0;
  top:-2px;
  background: url("../images/10offlabel.png") no-repeat left top;
  background-size:100% auto;
}
*/