﻿@charset "utf-8";

body {
	margin:0;
	padding:0;
}

a {
	color:#a40000;
	text-decoration:none;
}
a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
	text-decoration:none;
}

hr.hr_gray {border-color:#2B291A !important;}

.tx_lt { text-align:left !important;}
.tx_ct { text-align:center !important;}
.tx_rt { text-align:right !important;}

.mg50 {margin:50px auto !important;}
.mg100 {margin:100px auto !important;}

.pdtp20 { padding-top:20px !important;}
.pdtp50 { padding-top:50px !important;}

.pdrl80 {
	padding-right:80px;
	padding-left:80px;
}
.bt_auto {
	padding-right:0;
	padding-left:0;
	min-width:360px !important;
}

.imga:hover {
	opacity:0.6 !important;
	cursor:pointer;
	}
	
h1 { padding:0 !important; margin:0 !important}
h2 { padding:0 !important; margin:0 !important}
h3 { padding:0 !important; margin:0 !important}

.h2ct {font-size:26px; font-weight:bold !important; line-height:260% !important; text-align:center; display:block; padding-top:30px !important; letter-spacing:8px;}
.h2st {font-size:20px; font-weight:bold; line-height:160% !important; text-indent:10px; border-left:#CCC 5px solid; display:block; margin:20px 0 0 0px !important;}
.h3st {font-size:16px; font-weight:bold; line-height:140% !important; margin:30px 0 10px !important;  border-bottom:#CCC solid 1px; text-indent:0; border-left:none;}


.nblist { 
list-style:inherit;
list-style-type:decimal;
text-align:left !important;}

.sm640 { display:none !important; }
.sm999 { display:none !important; }
.pc640 { display:inherit !important; }
	
/* ?J???? -------------------------------------------------------------- */

html, body {
	height:100%;
	background-color:#fff;
}


.inner {position:relative; padding:20px 0; margin:0 auto; text-align:center !important;}


#Wrapper {
	position:relative;
	width:100%;
	text-align:center;
	padding:0;
	margin:0;
	
}

#Wmain {
	width:1000px;
	margin:0 auto 20px auto !important
}


/* ?g?b?v?X???C?h?V???[********************************************************/
#sds {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden !important;
	background-color:transparent;
}

/*#sds .logo {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 273px;
	height: 250px;
	background-color:transparent;
	background-size: cover !important;
}*/
#sds .logo {
	position: absolute;
	top: 20px;
	left: 50px;
	margin: auto;
	width: 273px;
	height: 250px;
	background-color:transparent;
	background-size: cover !important;
}

#dct {
	width:100%;
	text-align:center;
	padding:10px 0;
	margin-bottom:-25px !important;
}
#dct div a img:hover {
	opacity:0.8 !important;
	cursor:pointer;
	}

#foot_pgbt {
	width:100%;
	text-align:center;
	margin-bottom:40px;
}
	
#foot {
	position:relative;
	width:100%;
	background-color:#000;
}
#footer {
	margin:0 auto;
	width:1000px;
	padding:20px 0 50px 0;
	color:#FFF;
	text-align:center;
}
@media screen and (max-width:999px) {
#footer {
	width:100% !important;
	}
}
#footer #link {
	color:#FFF;
	padding:0 10px;
	text-align:center;
}
#footer #link a {
	color:#FFF;
	text-decoration:none;
	margin:0 2%;
}
#footer #link a:hover {
	text-decoration:underline;
}

#footer #logo {
	text-align:center;
	width:100%;
	padding:50px 0;
	margin:0;
}

#footer #add {
	color:#FFF;
	padding:10px;
	text-align:center;
}
#footer #add span {
	font-size:200%;
	font-weight:bold;
}

#footer #copy {
	color:#FFF;
	padding:10px;
	text-align:center;
}
	
/*?`???y??********************************************************/

#chapel {
	text-align:center;
	width:100%;
	padding:0;
	margin:0 auto;
	z-index:2 !important;
	margin-bottom:2% !important;
}

#chapel div {
	height:600px;
}
#chapel a:hover {
	opacity:0.5;
}
#chapel .inner {
    z-index: 1;
    position: relative;
	padding:0 !important;
	margin:0 auto !important;
}

#chapel .bt01, #chapel .bt02 {
	position: relative;
    overflow: hidden;
	width:100%;
}
#chapel .bt01:hover:after, #chapel .bt02:hover:after {
    opacity: .8;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
#chapel .bt01:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../chapel/img/bg_bt01.jpg) no-repeat 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    transition: all .6s ease-out;
}
#chapel .bt02:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../chapel/img/bg_bt02.jpg) no-repeat 50% center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    transition: all .6s ease-out;
}

.inlinephoto {
	width:100% !important;
	background-color:#FFF !important;
}
.inlinetext {
	padding:20px;
	text-align:center;
}

.clapel_tx {
	background-color:#FFF;
	padding:20px;
	height:inherit !important;
}

@media screen and (max-width:639px) {
	#chapel div {
	height:300px;
}
#chapel .inner img {
	height:300px;
}
#chapel .bt01:after {
	background-size: auto 100%;
	background-position: -80px 0 !important;
}
#chapel .bt02:after {
	background-size: auto 100%;
}
}

/*?K?[?f??********************************************************/
.sc_arrow {
	position:absolute;
	bottom:0px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}
.box1 {
	background-color:rgba(255,255,255,0.8);
	padding:20px 0;
}

/*???j???[********************************************************/

#intro{
    background:url(../menu/img/img01.jpg) 50% 50% no-repeat fixed;
	background-size:cover;
    height: 600px;
    margin: 0;
    padding: 0;
}
#third{
    background:url(../menu/img/img02.jpg) 50% 50% no-repeat fixed;
	background-size:cover;
    height: 600px;
    margin: 0;
    padding: 0;
}
#second, #fourth {
	background-color:#FFF;
	padding:50px;
}
@media screen and (max-width:639px) {
	#intro{
		background:url(../menu/img/img01s.jpg) 50% 50% no-repeat fixed;
		background-size:100%;
		height:500px;}
	#third{
		background:url(../menu/img/img02s.jpg) 50% 50% no-repeat;
		background-size:100%;
		height:500px;}
	#second, #fourth {
	padding:10px;
}
}
@media screen and (max-width:480px) {
	#intro{
		height:300px;}
	#third{
		height:400px;}
}


/*?R???Z?v?g********************************************************/
#bg_concept {
	height:700px;
	background:url(../concept/img/bg_main.jpg) no-repeat 50% center;
	background-size:cover;
}
#bg_concept_sm { display:none;}

.con_copy { margin-left:-50px !important;}

#bg_concept .content {
	position:relative !important;
}
#bg_concept #rd_con {
	position:absolute;
	right:150px;
	top:110px;
}
#bg_concept #bt_con {
	position:absolute;
	width:600px;
	right:0px;
	top:400px;
}

#bg_concept2 {
	height:400px;
	background:url(../concept/img/bg_02.jpg) no-repeat 50% center;
	background-size:cover;
}

#bg_concept3 {
	height:400px;
	background:url(../concept/img/bg_03.jpg) no-repeat 50% center;
	background-size:cover;
	text-align:right;
}

#bg_concept3 #con_logo a:hover {
	opacity:0.6;
	text-align:center !important;
}

#bg_concept4 {
	height:400px;
	background:url(../concept/img/bg_04.jpg) no-repeat 50% center;
	background-size:cover;
}


.season {
	position:relative;
	height:820px;
	width:100%;
	overflow:hidden;
	margin-bottom:100px !important;
}
.season img {
	min-width:100% !important;
	min-height:100% !important;
}
.posi {
	position:absolute;
	overflow:hidden;
}

.sp01 {height:40%;width:60%;top:0;left:0;}
.sp02 {height:35%;width:60%;top:40%;left:0;}
.sp03 {height:25%;width:60%;top:75%;left:0;}
.sp04 {height:100%;width:40%;top:0;right:0;}

.sm01 {height:100%;width:40%;top:0;left:0;}
.sm02 {height:50%;width:60%;top:0;right:0;}
.sm03 {height:50%;width:35%;top:50%;right:25%;}
.sm04 {height:50%;width:25%;top:50%;right:0;}

.fl01 {height:50%;width:50%;top:0;left:0;}
.fl02 {height:50%;width:50%;top:50%;left:0;}
.fl03 {height:100%;width:50%;top:0;right:0;}

@-moz-document url-prefix() {
	#con_logo {
		margin-top:20px !important;
	}
}

@media screen and (max-width: 1000px) {
.season {
	height:600px;
	margin-bottom:50px !important;
}
.con_copy { margin-left:0 !important;}
}
@media screen and (max-width: 768px) {
#bg_concept .content p { padding:0 !important; margin:0 auto !important; text-align:center !important;}
#bg_concept_sm {display:block; margin-bottom:50px;}
#bg_concept{
		background:none;
		background-size:100%;
		background-position:bottom;
		height:auto;
		}
#bg_concept #rd_con {
	position:inherit;
	display:block;
	right:inherit;
	top:inherit;
	margin-bottom:0;
	margin-left: auto;
	margin-right:auto;
}
#bg_concept #bt_con {
	position:inherit;
	width:100%;
	right:inherit;
	top:inherit;
}
#bg_concept2 {
	height:400px;
	background:url(../concept/img/bg_02sm.jpg) no-repeat 50% center;
	background-size:cover;
}
#bg_concept3 {
	height:400px;
	background:url(../concept/img/bg_03sm.jpg) no-repeat 50% center;
	background-size:cover;
	text-align:right;
}
#bg_concept4 {
	height:400px;
	background:url(../concept/img/bg_04sm.jpg) no-repeat 50% center;
	background-size:cover;
}

#con_logo { text-align:center !important; margin:0 auto !important; width:100%;}
#con_logo .col1 {
	width:10% !important;
}

}

@media screen and (max-width: 480px) {
.con .mg_100 {margin:0px auto !important;}
#con_logo { text-align:center !important; margin:0 auto !important; width:100%;}
#con_logo .col1 {
	width:25% !important;
}

.season {
	height:auto !important;
	position:inherit;
	height:inherit;
	width:100%;
	overflow:inherit;
	margin-bottom:30px !important;
	display:block !important;
}
.season img {
	min-width:100% !important;
	min-height:inherit!important;
	height:auto !important;
}
.posi {
	position:inherit;
	overflow:inherit;
}
.sp01, .sp02, .sp03, .sp04, .sm01, .sm02, .sm03, .sm04, .fl01, .fl02, .fl03 {
	height:auto !important; width:100%; top:inherit; left:inherit; right:inherit;
	}
	
#wor, #exp {margin-top:20px !important}
}


/*?`???y??********************************************************/
@media screen and (max-width: 693px) {
.orderbox {
   display: flex;           /* Flex?R???e?i?? */
   flex-direction: column; /* ?c??????z?u */
}
.orderbox .p1 { order: 1; }
.orderbox .p2 { order: 3; }
.orderbox .p3 { order: 2; }

.orderbox .p1, .orderbox .p2, .orderbox .p3 { height:500px; margin-bottom:0px !important; padding-bottom:0 !important;}
.party1 .mg_50, .items mg_100 {margin:0px auto !important;}
}

/*?A?C?e??********************************************************/
.item {
	text-align:center !important;
	margin:0 auto !important;
	width:1100px;
}
.bg_item {
	height:750px;
	background-size:cover !important;
}
.bg_item_sm { display:none;}

.bg_item .content {
	position:relative !important;
}
.ti_item {
	position:absolute;
	left:0;
	top:50px;
}

.i_dress01 { background:url(../items/img/bg_dress01.jpg) no-repeat 50% center;}
.i_dress02 { background:url(../items/img/bg_dress02.jpg) no-repeat 50% center; height: 400px;}

.i_make01 { background:url(../items/img/bg_make01.jpg) no-repeat 50% center;}
.i_make02 { background:url(../items/img/bg_make02.jpg) no-repeat 50% center; height: 400px;}

.i_flower01 { background:url(../items/img/bg_flower01.jpg) no-repeat 50% center;}
.i_flower02 { background:url(../items/img/bg_flower02.jpg) no-repeat 50% center; height: 400px;}

.i_photo01 { background:url(../items/img/bg_photo01.jpg) no-repeat 50% center;}
.i_photo02 { background:url(../items/img/bg_photo02.jpg) no-repeat 50% center; height: 400px;}

.i_gift01 { background:url(../items/img/bg_gift01.jpg) no-repeat 50% center;}
.i_gift02 { background:url(../items/img/bg_gift02.jpg) no-repeat 50% center; height: 400px;}

.i_stay01 { background:url(../items/img/bg_stay01.jpg) no-repeat 50% center;}
.i_stay02 { background:url(../items/img/bg_stay02.jpg) no-repeat 50% center; height: 400px;}

@media screen and (max-width:1100px) {
.item {
	text-align:center !important;
	margin:0 auto !important;
	width:100%;
}
.col2-1 {
  width: 30% !important;
  margin-left:0.5% !important;
  margin-right:0.5% !important;
  margin-bottom:20px !important; 
}
}

@media screen and (max-width: 768px) {
.item {
	text-align:center !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
.col2-1 {
	text-align:center !important;
	margin-left:auto !important;
	margin-right:auto !important;
}
.bg_item_sm {display:block;
		margin-bottom:10px !important;
		height:auto !important;}
.bg_item{
		background:none;
		background-size:100%;
		background-position:bottom;
		height:auto !important;
		}
.ti_item {
	position:inherit;
	display:block;
	right:inherit;
	top:inherit;
	margin-bottom:10px !important;
}
.items .mg_50, .items mg_100 {margin:0px auto !important;}

.gallery .colorbox img {
	width:90% !important;
}
}

/*?C?x???g???t?F?A********************************************************/

.hp {
	border-top:#FF009C solid 2px;
	color:#FF009C;
	font-weight:bold;
	padding:0 10px;
	margin:0 3px;
	border-bottom:#FF009C solid 2px;
	vertical-align:top;
}

.mainimg {
	height:400px;
	overflow:hidden;
	position:relative;
}
.mainimg img {
	position:absolute;
	top: -200px;
}

.fairbn_sm { display:none;}

@media screen and (max-width: 1000px) {
.mainimg {
	height:inherit;
	overflow:auto;
	position:inherit;
}
.mainimg img {
	position:inherit;
	top:inherit;
}
}
@media screen and (max-width: 639px) {
	.fairbn { display:none;}
	.fairbn_sm { display:inherit;}
/*span.fll_b {
	display:block;
	line-height:2;
	margin-bottom:-20px;
	padding:0;
}*/



/*?t?F?A?J?????_?[********************************************************/
table.cals {   
?@?@margin: 0;
    padding: 0px;
    color: #000;  
    background-color: #fff;
	width:100%;
	border-collapse:collapse !important;
	background:url(../img/bg_cal.png) no-repeat top left;
}
table.cals td {
	padding:2px;
	margin:0;
    text-align: center;
	vertical-align:middle;
	text-align:center;
	width:14.28%;
	height:35px;
}
table.cals caption {   
    color: #F2EFE6;   
        text-align: right;
}

/* ???^?C?g???s */  
table.cals tr.dow2 {
	font-weight:bold !important;
}
table.cals tr.dow2 td {
	background-color:transparent !important;
	font-size:90% !important;
		text-align:right !important;
		padding-bottom:3px !important;
		vertical-align:bottom !important;
		text-indent:8px !important;
} 
table.cals tr.dow2 td p {
	border-bottom:#F39 1px solid !important;
	text-align:right !important;
}
table.cals tr.dow2 td span {
	font-size:140% !important;
	
	
}

/* ?j???^?C?g???s */  
table.cals tr.dow, table.cals tr.dow td, table.cals tr.dow td.sat, table.cals tr.dow td.sun {   
    background-color:transparent !important;  
	color:#F39 !important;
}
/* ?????N????? */  
table.cals td a {
	font-weight:normal;
	color:#A0072B;
	display:block;
}
table.cals td a:hover {
	text-decoration:underline;
	color:#fff !important;
}

/* ?????N??o?b?N?F */  
table.cals td a {   
background-color:#F5F5F5;
/*border-bottom:2px solid #ccc;*/
text-align:center;
top:50%;
display:block;
width:100%;
height:35px;
line-height:35px;
}

/* ?????N??o?b?N?F */
table.cals td a:hover {   
background-color:#B3B3B3;
border-bottom:3px solid #F39;
}

/* ???j????????F */  
table.cals td .sun {   
    color: #dc143c !important; 
	background-color:#F8E9F0;
}

/* ?y?j????????F */  
table.cals td .sat {   
    color: #0000cd !important;   
	background-color:#E2DFEE;
}


/*?A?N?Z?X***********************************************************/
div.cutbox {
}
div.cutbox p {
}
div.cutbox table {
	width:100%;
	border-collapse: collapse;
}
div.cutbox table th {
	background-color:#f7f7f7;
	padding:3px 0 1px;
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
	text-align:center;
	font-weight:bold;
}
div.cutbox table th.sub {
	background-color:#f7f7f7;
	font-weight:normal;
	padding:0;
}
div.cutbox table td {
	background-color:#fdfdfd;
	border-top:#e9e9e9 1px solid;
	border-left:#e9e9e9 1px solid;
	padding:2px 0 2px 5px;
}
div.cutbox table td.hour {
	background-color:#fdfdfd;
	border-top:#e9e9e9 1px solid;
	border-left: none;
	text-align:center;
	padding:2px;
}
div.cutbox table td.lbtm {
	border-bottom:#999999 1px solid;
}
div.cutbox table td.llft_n {
	border-left: none;
}
div.cutbox table td.ltop_n {
	border-top: none;
}




@media screen and (max-width: 639px) {
.map_pc { display:none !important; }
.map_sm { display:block !important;}

.pdrl80 {
	padding-right:inherit;
	padding-left:inherit;
}
}


/*?????N?{?^??********************************************************/
.linkbtnw {
	text-align:left;
	margin:5px 10px;
}
.linkbtnw a {
	display:block;
	width:27.5%;
	float:left;
	background-color:#777;
	color:#FFF;
	text-decoration:none;
	line-height:180%;
	text-align:center;
	margin:5px 10px;
	border-radius:5px;
}
.linkbtnw a:hover{
background-color:#A0072B;
}


/*?Q???********************************************************/



#chapel:after, #W002:after, #W003:after, #social:after, #W005:after, #W006:after, #W007:after, #social:after, #container:after, #head:after, #Wmain:after{
	content:""; height:0; display:block; clear:both;
	}
	
	
	
	

/* General small screen Mobile 
	============================================================================================== */
	
#foot_smp { display:none; }
	
@media screen and (max-width:999px) {
	
.sm999 { display:inherit !important; }

#footer {
	width:100% !important;
	}
  
#mp_cont {
	display:block;
	width:100%;
}
#mp_fair {
	display:block;
	text-align:center;
	width:100%;
	height:438px;
	background:#F4F1EC url(../img/mp_con_fair.png) center no-repeat;
}

#foot_pgbt span {
	display:block;
}
#social {
	padding:50px 0;
}
#social img {
	margin:0 4%;
}

#foot {
	width:100%;
	text-align:center;
}
#footer {
	text-align:center;
}
#footer #link {
	display:block;
	float:none;
	text-align:center;
	padding-bottom:5px;
}
#footer #link a {
	color:#FFF;
	text-decoration:none;
}
#footer #link a:hover {
	text-decoration:underline;
}

#footer #copy {
	text-align:center;
	clear:both;
	float:none !important;
}

#footer #add {
	display:block;
	float:none !important;
}

#footer #logo {
	display:block;
	float:none !important;
}
#footer #logo img {
}

}



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

.pc640 { display:none !important; }
.sm640 { display:inherit !important; }


span { text-align:left !important;}
span br { display:none !important;}

#foot_pgbt { display:none; }


#footer #add, #footer #link, #footer #copy {
	font-size:11px;
	text-align:center;
}

#foot_smp:hover, #foot_smp.touch {
	/*display:block;*/
	background-color:#fff;
    position: fixed;
    bottom: 0;
    z-index: 1;
	width:100%;
	padding:0;
	margin:0;
	border-top:#DDD5C6 solid 1px;
}

#foot_smp {
	/*display:block;*/
	background-color:#fff;
    position: fixed;
    bottom: 0;
    z-index: 1;
	width:100%;
	padding:0;
	margin:0;
	border-top:#DDD5C6 solid 1px;
}
#foot_smp_img {
	padding-top:7px;
	text-align:center;
	width:100%;
}
#foot_smp_img img {
	width:85%;
	margin:0 auto !important;
}
#foot_bt {
	padding:1% !important;
	text-align:center;
	width:100%;
}
#foot_bt img {
	text-align:center;
	margin:1% 3% !important;
	width:24% !important;
}

#pc_menu { display:none }
#mp_menu { display:block }

.hno { padding-left:15px;}

/*contact us mobile*****************/

#reserv_sm {
	margin:15px 15px;
	width:100%;
	position:fixed;
	bottom:0px;
	color:#FFF;
	z-index:99;
	text-align:left;
}
#reserv_sm a {
	background-color:rgba(0, 0, 0, 0.8);
	color:#FFF;
	border-radius:8px 8px 0 0;
	padding:18px 22px;
}

#reserv_sm a:hover, #reserv_sm a:active, #reserv_sm a:visited {
	color:inherit !important;
	}

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

}
/* Clear Helpers 
	============================================================================================== */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
/* Media - Fluid Images - Video 
	============================================================================================== */

figure {
  margin: 0;
}
object,
embed,
video {
  max-width: 100%;
  _width: 100%;
}
/* Fluid images */

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}
/* Improve IE's resizing of images */

svg:not(:root) {
  overflow: hidden;
}
/* Correct IE9 overflow */

.container img {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;
  _width: 100%;
  height: auto;
  vertical-align: middle;
}
img[src*="maps.gstatic.com"],
img[src*="googleapis.com"] {
  max-width: none;
}

.content img {
	margin-bottom:5px;
	}
/*.content a img {
	border:#EEE solid 6px;
	}*/
	
	
	
/*レイアウト----------------------------------------------------------------------------*/

.content1 {
	clear:both;
	background-color:#FAF5EE;
	padding:20px;
}