@charset "UTF-8";
/* CSS Document */

/* 共通 */
body{
	background: #fce6ed;
}
li{
	list-style: none;
}
/* マウスオーバー時 */
a:hover img{
	opacity:0.8; /* opera firefox safari */
	filter: alpha(opacity=80); /* ie */
	zoom: 1; /* IE6、IE7用 */
}




header{
	overflow: hidden;
}
header h1{
	padding-top: 22px;
	float: left;
}
#sns-box{
	float: right;
}
.header-sns li{
	padding-top: 46px;
	padding-left: 20px;
	float: left;
}
.header-nav{
	text-align: center;
}
.header-nav li{
	float: left;
}
.main-img{
	width: 1200px;
	margin: 0 auto;
}

#content{
	padding-bottom: 70px;
}
#content-box{
	padding-top: 70px;
}
#content #content-box h2{
	font-size: 14px;
	color: #f549a3;
	padding: 10px 0 0 0;
	font-weight: bold;
}
#content #content-box .content-box-txt{
	font-size: 14px;
	color: #3e3a39;
}

#shop{
	padding: 40px 0;
	background: #FFFFFF;
	font-size: 18px;
	color: #5c6666;
	margin-bottom: 40px;
}
#convention{
	padding: 60px 0 1px 0;
	background: #FFFFFF;
	font-size: 18px;
	color: #5c6666;
	margin-bottom: 40px;
}
#insta{
	padding: 20px 0;
}
.insta-title{
	background: linear-gradient(#fce6ed, #f6a7c4);
	padding: 10px 0;
}
footer{
	border-top: solid 1px #f549a3;
	background: #fdf2f7;
	padding: 40px 0;
}
.footer-adrs{
	font-size: 20px;
}
#adrs{
	font-size: 12px;
	color: #3e3a39;
	line-height: 200%;
}
.adrs-box ul{
	padding: 0;
}
.adrs-box li img{
	padding-right: 5px;
}
.copylight{
	background: #f549a3;
	color: #FFFFFF;
	font-size: 10px;
	padding: 10px;
}


/*- - - - - - - - - - - - - - - - - - - */ 
/* wedding-----event
/*- - - - - - - - - - - - - - - - - - - */
.wed-title h2{
	width: 100%;
	border-bottom: #f549a3 solid 2px;
}
.wed-title h2 img{
	padding-bottom: 5px;
}
.wed-title p{
	color: #3e3a39;
	font-size: 95%;
}
.photo-box{
	overflow: hidden;
}
.photo-box img{
	width: 100%;
}
.photo-main{
	width: 66.1%;
	float: left;
	padding: 10px;
}
.photo-main2{
	width: 49.5%;
	float: left;
	padding: 10px;
}
.photo-thum{
	width: 16.6%;
	float: left;
	padding: 10px;
}

/*- - - - - - - - - - - - - - - - - - - */ 
/* スライドショー
/*- - - - - - - - - - - - - - - - - - - */
#slideshow {
position:relative;
height: 500px;
}
#slideshow img {
position:absolute;
top:0;
left:0;
z-index:8;
}
#slideshow img.active {
z-index:10;
}
#slideshow img.last-active {
z-index:9;
}

/*- - - - - - - - - - - - - - - - - - - */ 
/* グリーティング
/*- - - - - - - - - - - - - - - - - - - */

.gree-box{
	background: url(../images/greeting/greeting_bnr02.png) center bottom no-repeat;
	background-size: contain;
}
.gree-box-txt{
	width: 60%;
	margin: 0 auto;
	color: #b29245;
	padding: 20px 0;
}
.gree-box-btn{
	padding-bottom: 150px;
}

/*- - - - - - - - - - - - - - - - - - - */ 
/* contact
/*- - - - - - - - - - - - - - - - - - - */

#contact #main-block {
	width:100%;
	margin:60px auto 10px auto;
	padding:0px 0px 0px 0px;
	clear:both;
}
#contact #formBox{
	background:#FFFFFF;
	padding:40px 0;
}
#contact #formBox .formBody{
	width:80%;
	margin:0 auto;
}
	table {
		width:100%;
		margin-bottom:10px;
		font-size:14px;
		color:#5c6666;
	}
	
	tr{
		border-bottom:#f6f2f1 solid 1px;
	}
	.last{
		border-bottom:none;
	}
	
	th {
		padding:10px 10px 10px 30px;
		text-align: left;
		font-weight:bold;
		width:25%;
	}
	
	td {
		padding:10px 10px 10px 10px;
		text-align: left;
	}
	
		/* 記入例 */
	.sample {
		color:#5c6666;
		padding-left:0px;
		font-size:12px;
	}

/*- - - - - - - - - - - - - - - - - - - */ 
/* ボタン
/*- - - - - - - - - - - - - - - - - - - */
	.button-block {
		padding:0px 0px 0px 0px;
		text-align:center;
	}
	
	.button {
		vertical-align: middle;
	}


/*- - - - - - - - - - - - - - - - - - - */ 
/* レスポンシブ用
/*- - - - - - - - - - - - - - - - - - - */

@media only screen and (max-width: 1199px) {
.main-img{
	width: 100%;
	margin: 0 auto;
}
.gree-box-txt{
	width: 100%;
	margin: 0 auto;
	color: #b29245;
	padding: 20px 0;
}
.gree-box-btn{
	padding-bottom: 150px;
}
#slideshow {
position:relative;
height: auto;
padding-bottom:40%;
}
}
@media only screen and (max-width: 767px) {	
header h1{
	padding-top: 22px;
	float: none;
	text-align: center;
}
#sns-box{
	float: none;
	margin: 0 auto;
	padding:0 0 10px 0;
	overflow: hidden;
	text-align: center;
}
#sns-box li{
	display: inline;
}
#content-box{
	width: 50%;
}
.photo-main{
	width: 100%;
	float: left;
	padding: 10px;
}
.photo-main2{
	width: 100%;
	float: left;
	padding: 10px;
}
.photo-thum{
	width: 33.3%;
	float: left;
	padding: 10px;
}
.gree-box-txt{
	width: 60%;
	margin: 0 auto;
	color: #b29245;
	padding: 20px 0;
}
.gree-box-btn{
	padding-bottom: 150px;
}
}


/*- - - - - - - - - - - - - - - - - - - */ 
/* グローバルナビ
/*- - - - - - - - - - - - - - - - - - - */
#g-navi{
	width: 100%;
}
	#menu {
		width: 100%;
		max-width: 1024px;
		margin: 0px auto 0px auto;
		padding: 0;
		text-align: center;
	}
	#menu li {
		display: inline-block;
		height: 66px;
		line-height: 65px;
		text-align: center;
		letter-spacing: 0;
		color: #FFFFFF;
		font-size: 100%;
	}
	#menu li a {
		display: block;
		color: #fff;
		padding: 0 30px;
		text-decoration: none;
	}
	#toggle {
		display: none;
	}

@media only screen and (max-width: 1000px) {
	#g-navi{
	width: 100%;
}
	#menu {
		width: 100%;
		max-width: 1020px;
		margin: 0px auto 0px auto;
		padding: 0;
		text-align: center;
	}
	#menu li {
		display: inline-block;
		height: 66px;
		line-height: 65px;
		text-align: center;
		letter-spacing: 0;
		color: #FFFFFF;
		font-size: 100%;
	}
	#menu li a {
		display: block;
		color: #fff;
		padding: 0 10px;
		text-decoration: none;
	}
	#toggle {
		display: none;
	}
}

	@media only screen and (max-width: 768px) {
		#menu {
			display: none;
			margin-top: 0px;
		}
		.kugiri{
			display: none;
		}
		#toggle {
			display: block;
			line-height: 30px;
			text-align: center;
			font-size: 160%;
		}
		#toggle a {
			display: block;
			color: #fff;
			font-size: 18px;
			letter-spacing: 1.5px;
			text-decoration: none;
			background: #de4a95;
			padding: 10px 0;
		}
		#toggle a::before {
			margin-right: 5px;
		}
		#menu li {
			width: 100%;
			height: 40px;
			line-height: 40px;
			text-align: left;
			border-bottom: 1px solid #ccc;
		}
		#menu li a {
			color: #444;
			padding-left: 20px;
			background: #fff;
		}
		#menu .kugiri{
			display: none;
		}

	}