@charset "utf-8";

/*============================
#pageSet
============================*/
#pageSet { background: #fff; position: relative; }

/*============================
#header
============================*/
#header {}

/*============================
#headerPC
============================*/
#headerPC  { display: block; min-width: 260px; min-height: 100%; height: 100%; }
#headerPC #navArea {
	width: 280px;
	min-height: 100%;
	position: fixed;
	background-color: rgba(238,238,238,0.95);
	z-index: 1;
}
#headerPC #navArea .logo { text-align: center; padding-top: 40px; }
#headerPC #navArea .logo h1 {}
#headerPC #navArea .logo h1 img {}
#headerPC #navArea .logo .name { margin-top: 30px; font-size: 1.5em; letter-spacing: 0.25em; }
#headerPC #navArea .logo .en {}
#headerPC #navArea ul.mainMenu { padding: 45px 35px 0; text-align: center; }
#headerPC #navArea ul.mainMenu li {}
#headerPC #navArea ul.mainMenu li a { display: block; color: #000; font-size: 0.875em; padding: 15px 0; line-height: 1.5; border-top: 1px solid #ddd; }
#headerPC #navArea ul.mainMenu li:last-child a { border-bottom: 1px solid #ddd; }
#headerPC #navArea .scroll_block {
	height: 275px;
}
#headerPC #navArea ul.subMenu { text-align: center;
	height: 100%;
}
#headerPC #navArea ul.subMenu li {}
#headerPC #navArea ul.subMenu li .btn.app { padding: 35px 0; }
#headerPC #navArea ul.subMenu li .btn.app a { display: inline-block; width: 190px; padding: 15px 0; color: #fff; font-size: 0.875em; background: #c3b589; }
#headerPC #navArea ul.subMenu li a { display: inline-block; padding-bottom: 30px; }
#headerPC #navArea ul.subMenu li a .img {}
#headerPC #navArea ul.subMenu li a .img img {}
#headerPC #navArea ul.subMenu li a .name { padding-top: 10px; font-size: 0.875em; }
#headerPC #navArea .menuFooter {
	margin: 0 35px;
	padding: 20px 0;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	margin-bottom: 40px;
}
#headerPC #navArea .menuFooter a { color: #000; font-size: 0.875em; }

/*============================
#headerSP
============================*/
#headerSP { display: none; }

/*============================
#footer
============================*/
#footer { min-width: 1020px; background: #28313a; padding: 15px 0 15px 260px; }
#footer .pad { width: 100%; margin: 0 auto; color: #fff;  text-align: center; }

/*============================
ClearFix
============================*/
.clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

/*============================
global
============================*/
.ttlMain { font-family: "Calisto MT"; font-style: italic; font-size: 2.5em; color: #5a504a; }
.ttlSub { font-style: italic; color: #a9975b; }

/*============================
accordionbox
============================*/
.accordionbox{
	width: 1000px;
	background:#e1d9c8;
	margin: 0 auto;
}
.accordionlist dt{
    display:block;
    padding: 20px 0 10px 5px;
    border-top: 1px solid #DFDFDF;
}
.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
    padding-left: 10px;
	float: left;
}
.accordionlist dd{
    display:none;
	background: #fcfcfc;
}
.accordion_icon,
.accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: absolute;
	width: 30px;
	height: 30px;
    top: 30%;
	right: 3%;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 50%;
	height: 2px;
    background-color: #5a504a;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	display:none ;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/*============================
#mainPanelArea
============================*/
#mainPanelArea { position: relative; min-width: 1280px; height: 1000px; }
#mainPanelArea .logo { display: none; }
#mainPanelArea .logo h1 {}
#mainPanelArea .logo h1 img {}
#mainPanelArea::before { content: ""; display: block; width: 1px; height: 45px; background: #fff; position: absolute; left: 50%; bottom: 0; z-index: 2; margin-left: 140px; }
#mainPanelArea ul li.panel01 { background: url(../../imageFile/mainPanel01.jpg) no-repeat center; background-size: cover; position: relative; min-width: 1020px; height: 1000px; z-index: 2; -webkit-overflow-scrolling: touch; }
#mainPanelArea ul li.panel02 { background: url(../../imageFile/mainPanel02.jpg) no-repeat center; background-size: cover; position: relative; min-width: 1020px; height: 1000px; z-index: 2; -webkit-overflow-scrolling: touch; }
#mainPanelArea .scroll { position: relative; }
#mainPanelArea .scroll .pad { position: absolute; left: 50%; bottom:50px; color: #fff; font-size: 0.875em; margin-left: 110px; }

/*============================
#catchArea
============================*/
#catchArea { position: absolute; top: 50%; width: 100%; text-align: left; }
#catchArea .tagLineBig { margin-left: 420px; color: #fff; font-size: 2.5em; line-height: 2; letter-spacing: 0.5em; }
#catchArea .tagLineSmall { margin-left: 420px; color: #fff; font-size: 1em; line-height: 2; letter-spacing: 5px; }

/*============================
#movieArea
============================*/
#movieArea { position: absolute; top: 12%; right: 6%; }

/*============================
#aboutArea
============================*/
#aboutArea { min-width: 1020px; margin-left: 260px;  }
#aboutArea .pad { width: 1020px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
#aboutArea .pad .content { position: relative; text-align: center; }
#aboutArea .pad .ttlMain { position: relative; padding-top: 70px; }
#aboutArea .pad .ttlMain::after { position: absolute;  left: 10%;  top: 78%; content: "";  background: url(../../imageFile/deco_about_L.png) no-repeat center;  width: 233px;  height: 202px; opacity: 0.8; }
#aboutArea .pad .ttlMain::before { position: absolute;  right: 10%;  top: 78%; content: "";  background: url(../../imageFile/deco_about_L.png) no-repeat center;  width: 233px;  height: 202px; opacity: 0.8; }
#aboutArea .pad .ttlSub { padding-top: 10px; }
#aboutArea .pad .copy { padding: 40px 0 30px; font-size: 1.125em; line-height: 2; }
#aboutArea .pad .btn.about { position: relative; }
#aboutArea .pad .btn.about a { display: inline-block; width: 220px; padding: 15px 0; color: #fff; font-size: 0.875em; background: #c3b589; }
 

/*============================
#doshishaChapelArea
============================*/
#doshishaChapelArea { min-width: 1280px; margin-top: 80px; }
#doshishaChapelArea .subPanel { height: 420px;  background: url(../../imageFile/subPanel_okazakiShrine.jpg) no-repeat center; background-size: cover; position: relative; }
#doshishaChapelArea .subPanel .ttlArea { margin-left: 260px; text-align: center; }
#doshishaChapelArea .subPanel .ttlArea .ttlMain { padding-top: 175px; font-size: 2.25em; }
#doshishaChapelArea .subPanel .ttlArea .ttlMain h2 { color: #fff; }
#doshishaChapelArea .subPanel .ttlArea .ttlSub { padding-top: 20px; font-size: 1.125em; color: #ffff; font-family: "Calisto MT"; }
#doshishaChapelArea .pad { min-width: 1020px; margin-top: 70px; margin-left: 260px; }
#doshishaChapelArea .pad .content { width: 1020px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
#doshishaChapelArea .pad .content .info {}
#doshishaChapelArea .pad .content .info .textBox.doshishaChapel { float: left; width: 50%; text-align: left; padding-top: 40px; }
#doshishaChapelArea .pad .content .info .textBox.doshishaChapel .copy {}
#doshishaChapelArea .pad .content .info .textBox.doshishaChapel .copy p { text-align: left; line-height: 1.5; }
#doshishaChapelArea .pad .content .info .textBox.doshishaChapel .btn.doshishaChapel { position: relative; padding-top: 30px; }
#doshishaChapelArea .pad .content .info .textBox.doshishaChapel .btn.doshishaChapel a { display: inline-block; width: 285px; padding: 15px 0; color: #fff; font-size: 0.875em; background: #c3b589; text-align: center; }
#doshishaChapelArea .pad .content .info .movieBox.doshishaChapel { float: left; width: 50%; text-align: right; }
#doshishaChapelArea .pad .content .info .imgBox.doshishaChapel { padding-top: 50px; }
#doshishaChapelArea .pad .content .info .imgBox.doshishaChapel ul {}
#doshishaChapelArea .pad .content .info .imgBox.doshishaChapel ul li { float: left; width: 123px; margin-right: 2px; box-sizing: border-box; }
#doshishaChapelArea .pad .content .info .imgBox.doshishaChapel ul li:nth-child(n+9) { margin: 2px 2px 0 0; }
#doshishaChapelArea .pad .content .info .imgBox.doshishaChapel ul li .subImg {}
#doshishaChapelArea .pad .content .info .imgBox.doshishaChapel ul li .subImg img {}

/*============================
#clarkeArea
============================*/
#clarkeArea { min-width: 1280px; margin-top: 75px; }
#clarkeArea .subPanel { min-width: 100%; height: 420px;  background: url(../../imageFile/subPanel_chapel.png) no-repeat center; background-size: cover; position: relative; }
#clarkeArea .subPanel .ttlArea { margin-left: 260px; text-align: center; }
#clarkeArea .subPanel .ttlArea .ttlMain { padding-top: 175px; font-size: 2.25em; }
#clarkeArea .subPanel .ttlArea .ttlMain h2 { color: #fff; }
#clarkeArea .subPanel .ttlArea .ttlSub { padding-top: 20px; font-size: 1.125em; color: #ffff; font-family: "Calisto MT"; }
#clarkeArea .pad { min-width: 1020px; margin-top: 70px; margin-left: 260px; }
#clarkeArea .pad .content { width: 1020px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
#clarkeArea .pad .content .info {}
#clarkeArea .pad .content .info .textBox.clarke { float: right; width: 50%; text-align: left; padding-top: 40px; }
#clarkeArea .pad .content .info .textBox.clarke .copy {}
#clarkeArea .pad .content .info .textBox.clarke .copy p { text-align: left; line-height: 1.5; }
#clarkeArea .pad .content .info .textBox.clarke .btn.clarke { position: relative; padding-top: 30px; }
#clarkeArea .pad .content .info .textBox.clarke .btn.clarke a { display: inline-block; width: 285px; padding: 15px 0; color: #fff; font-size: 0.875em; background: #c3b589; text-align: center; }
#clarkeArea .pad .content .info .movieBox.clarke { float: right; width: 50%; }
#clarkeArea .pad .content .info .imgBox.clarke { padding-top: 50px; }
#clarkeArea .pad .content .info .imgBox.clarke ul {}
#clarkeArea .pad .content .info .imgBox.clarke ul li { float: left; width: 123px; margin-right: 2px; box-sizing: border-box; }
#clarkeArea .pad .content .info .imgBox.clarke ul li:last-child { margin-right: 2px; }
#clarkeArea .pad .content .info .imgBox.clarke ul li .subImg {}
#clarkeArea .pad .content .info .imgBox.clarke ul li .subImg img {}

/*============================
#instagramArea
============================*/
#instagramArea { min-width: 1020px; margin-top: 90px; margin-left: 260px; }
#instagramArea .pad { width: 1020px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
#instagramArea .pad .content { text-align: center; }
#instagramArea .pad .ttlMain {}
#instagramArea .pad .ttlSub { padding-top: 10px; }
#instagramArea .pad .wrapper { width: 1000px; margin: 0 auto; }
#instagramArea .pad .wrapper .instaImage {}
#instagramArea .pad .wrapper .instaImage .imageList {}
#instagramArea .pad .wrapper .instaImage .imageList ul 
#instagramArea .pad .wrapper .instaImage .imageList ul li { float: left; width: 227px; margin-left: 30px; }
#instagramArea .pad .btn.instagram { position: relative; padding-top: 50px; text-align: center; }
#instagramArea .pad .btn.instagram a { display: inline-block; width: 285px; padding: 15px 0; color: #fff; font-size: 0.875em; background: #c3b589; text-align: center; }

/*============================
#scheduleArea
============================*/
#scheduleArea { min-width: 1020px; margin-top: 70px; margin-left: 260px; }
#scheduleArea .pad { width: 1020px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
#scheduleArea .pad .content {}
#scheduleArea .pad .content .accordionbox {}
#scheduleArea .pad .content .accordionbox .accordionlist {}
#scheduleArea .pad .content .accordionbox .accordionlist .clearfix {}
#scheduleArea .pad .content .accordionbox .accordionlist .clearfix .titleArea { position: relative; text-align: center; }
#scheduleArea .pad .content .accordionbox .accordionlist .clearfix .titleArea .ttlMain {}
#scheduleArea .pad .content .accordionbox .accordionlist .clearfix .titleArea .ttlSub { padding-top: 10px; }
#scheduleArea .pad .content .accordionbox .accordionlist dd {}
#scheduleArea .pad .content .accordionbox .accordionlist dd .first { padding: 50px 50px 30px 50px; font-size: 1.375em; color: #a9975b; }
#scheduleArea .pad .content .accordionbox .accordionlist dd ul.step {}
#scheduleArea .pad .content .accordionbox .accordionlist dd ul.step li { padding: 20px 50px 20px 50px; border-top: 1px solid #d9cfba; }
#scheduleArea .pad .content .accordionbox .accordionlist dd ul.step li:last-child { border-bottom: 1px solid #d9cfba; }
#scheduleArea .pad .content .accordionbox .accordionlist dd ul.step li .stepName { font-size: 1.125em; }
#scheduleArea .pad .content .accordionbox .accordionlist dd ul.step li .stepName span { padding-right: 15px; font-family: "Calisto MT"; font-style: italic; ;font-size: 1.25em; color: #a9975b; }
#scheduleArea .pad .content .accordionbox .accordionlist dd ul.step li .stepDetail { padding-top: 10px; line-height: 1.5; }
#scheduleArea .pad .content .accordionbox .accordionlist ul.caution { padding: 20px 50px; }
#scheduleArea .pad .content .accordionbox .accordionlist ul.caution li { line-height: 1.5; }

/*============================
#reservationArea
============================*/
#reservationArea  { min-width: 1020px; margin-left: 260px; }
#reservationArea .pad { width: 1020px; margin: 0 auto; padding: 0 10px; box-sizing: border-box; }
#reservationArea .pad .content { text-align: center; }
#reservationArea .pad .content .ttlMain { padding-top: 70px; }
#reservationArea .pad .content .ttlSub { padding-top: 10px; }
#reservationArea .pad .content .copy { padding: 40px 0 0; font-size: 1.125em; line-height: 1.5; }
#reservationArea .pad .content .btn.app { position: relative; padding: 30px 0 90px; }
#reservationArea .pad .content .btn.app a { display: inline-block; width: 340px; padding: 15px 0; color: #fff; font-size: 1.125em; background: #c3b589; text-align: center; }
#reservationArea .pad .link { display: none; }

/*============================
#photoPlanArea
============================*/
#photoPlanArea { min-width: 1020px; margin-top: 70px; margin-left: 260px; }
#photoPlanArea .pad { position: relative; width: 1000px; margin: 0 auto; padding: 40px; box-sizing: border-box; border: 1px solid #c3b589; }
#photoPlanArea .pad .content { float: left; width: 670px; }
#photoPlanArea .pad .content .titleArea {}
#photoPlanArea .pad .content .titleArea .ttlMain { font-size: 1.75em; font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho"; font-weight: bold; }
#photoPlanArea .pad .content .titleArea .ttlSub { padding-top: 10px; }
#photoPlanArea .pad .content .copy { padding: 25px 0 0; font-size: 1.0125em; line-height: 1.5; }
#photoPlanArea .pad .button { position: absolute; top: 50%; right: 40px; transform: translateY(-50%); }
#photoPlanArea .pad .button span {}
#photoPlanArea .pad .button span a { display: inline-block; width: 260px; padding: 20px 20px 18px 0; color: #fff; font-size: 1.125em; background: #c3b589; text-align: center; }
#photoPlanArea .pad .button span a:before { content: ''; position: absolute; background-image: url("../../imageFile/icon_pdf.svg"); background-repeat: no-repeat; background-size: contain; right: 40px; top: 50%; transform: translateY(-50%); width: 16px; height: 18px; }

/*============================
md_lightbox_aboutInf
============================*/
.md_lightbox_aboutInf {
  display: none;
  background: #fff;
  width: 900px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1001;
  margin-left: -320px;
  border: 4px solid #a9975b;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
}

.md_lightbox_aboutInf .close-panel {
  font-size: 2em;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 32px;
  color: #fff;
  position: absolute;
  top: -30px;
  right: -30px; 
  border-top: none!important; }
#aboutInfModal01 .aboutInfbox { width: 900px; }
#aboutInfModal01 .aboutInfbox .pad { width: 100%; margin-left: 0!important; }
#aboutInfModal01 .aboutInfbox .pad .content {}
#aboutInfModal01 .aboutInfbox .pad .content::after { position: absolute; left: 0;  top: 28%; content: "";  background: url(../../imageFile/deco_about_M.png) no-repeat center; width: 100%; height: 65px; opacity: 0.8; }
#aboutArea .pad .content::before { display: none; }
#aboutInfModal01 .aboutInfbox .pad .content .ttlMainPanel { padding-top: 50px; font-family: "Calisto MT"; font-style: italic; font-size: 2.5em; color: #5a504a; }
#aboutInfModal01 .aboutInfbox .pad .content .ttlSubPanel { padding-top: 10px; font-style: italic; color: #a9975b; }
#aboutInfModal01 .aboutInfbox .pad .content .copy { padding: 80px 0 50px; }
#aboutInfModal01 .aboutInfbox .pad .content .copy span { display: block; padding: 10px 0; }

/*============================
md_lightbox_plan
============================*/
.md_lightbox_plan {
  display: none;
  background: #fff;
  width: 900px;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1001!important;
  margin-left: -320px;
  border: 4px solid #a9975b;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); 
 }

.md_lightbox_plan .close-panel {
  font-size: 2em!important;
  width: 30px;
  text-align: center;
  height: 30px;
  line-height: 32px!important;
  color: #fff!important;
  position: absolute;
  top: -30px;
  right: -30px; 
  border-top: none!important; 
  padding:0!important; }
  
.planInfbox { height: 600px; overflow-y:scroll; }
.planInfbox .pad { margin-left: 0!important; }
.planInfbox .content { position: relative; }
.planInfbox .content::after { position: absolute;  left: 0;  top: 7.5%; content: "";  background: url(../../imageFile/deco_about_M.png) no-repeat center;  width: 100%; height: 65px; }
.planInfbox .content .ttlMain { padding-top: 60px; text-align: center; }
.planInfbox .content .ttlSub { padding: 10px 0 30px; text-align: center; }
.planInfbox .content .ttlBorder { margin-top: 20px; padding: 15px 35px; background: #a9975b; color: #fff; text-align: left; }
.planInfbox .content .ttlBorder span { padding-right: 10px; text-align: left; font-style: italic; font-size: 1.75em; }
.planInfbox .content .planText { text-align: left; }
.planInfbox .content .planText .price { padding: 30px 0 0 40px; }
.planInfbox .content .planText .price span { display: inline-block; padding-left: 10px; font-size: 1.75em; }
.planInfbox .content .planText .price em { font-size: 0.875em; }
.planInfbox .content .planText .planInfo { padding: 30px 0 0 40px; }
.planInfbox .content .planText .planInfo .ttl { position: relative; padding-left: 30px; font-size: 1.125em; color: #a9975b; }
.planInfbox .content .planText .planInfo .ttl::after { position: absolute;  left: 0%;  top: -20%; content: "";  background: url(../../imageFile/deco_about_S.png) no-repeat center;  width: 23px;  height: 25px; }
.planInfbox .content .planText .planInfo .ttl::before { position: absolute;  left: 15%;  top: -20%; content: "";  background: url(../../imageFile/deco_about_S.png) no-repeat center;  width: 23px;  height: 25px; }
.planInfbox .content .planText .planInfo ul { padding-top: 10px; }
.planInfbox .content .planText .planInfo ul li { line-height: 2; }

.planInfbox .content .cautionText { margin-top: 60px; background: #f8f8f8; padding-bottom: 60px; }
.planInfbox .content .cautionText .pad { padding: 40px 40px 0; }
.planInfbox .content .cautionText .pad .ttl { padding-bottom: 4px; border-bottom: 1px solid #a9975b; color: #a9975b; text-align: left; font-size: 1.125em; }
.planInfbox .content .cautionText .pad ul { padding-top: 20px; }
.planInfbox .content .cautionText .pad ul li { text-align: left; line-height: 2em; }
.planInfbox .content .cautionText .pad .btn { position: relative; margin-top: 15px; text-align: left; }
.planInfbox .content .cautionText .pad .btn a { display: inline-block; width: 180px; padding: 10px 0!important; color: #fff!important; font-size: 0.875em; background: #c3b589; text-align: center; }



/* Lightbox表示時に背景を黒に */
#BlackWindow{ display:none; background:#000000;
opacity:0.7;/*黒地の背景の調整はこの数値で調整*/
filter:alpha(opacity=70);/*黒地の背景の調整はこの数値で調整*/
position:fixed; top:0px; left:0px; min-width:100%; min-height:100%; z-index:1000!important; }