@charset "utf-8";

html{
    -webkit-text-size-adjust: none;
	min-height:100%;
	}

body{
	width:100%;
	min-height:100%;
	margin:0;
	padding:0;
	background-color:#f5f9ed;
	font-size:10px;
	font-family: Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	line-height:200%;
	-webkit-text-size-adjust:none;
	color:#43403F;
	position:relative;
	}
a{ color:#333333; }
/*
	a:hover{ color:#29A9E0; }
a img:hover{
	opacity:.5;
	}
*/
pre{
	font-family:Verdana,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	}

#wrapper{
	width:100%;
	height:100%;
	margin:0 auto;
	position:relative;
/*	border-left:10px solid #FCE5CE;*/
/*	background:url(../images/wood_bg.png) top left repeat-y;*/
	}
/*
#wrapper:before{
	content:"";
	width:15px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/wood_bg.png) top left repeat-y;
	z-index:1;
	}
*/
p{ letter-spacing:.1em; }
mark{ background:none; color:#C00; }
/*///////////////////////////////////////////////////////////////////
//
//	header
//
///////////////////////////////////////////////////////////////////*/
header{
	width:166px;
	position:absolute;
	}
	header h1{
		width:70px;
		margin-top:36px;
		margin-left:58px;
		}
/*///////////////////////////////////////////////////////////////////
//
//	container
//
///////////////////////////////////////////////////////////////////*/

#container{
	width:900px;
	margin:0 auto;
	margin-top:160px;
	}
	#container h3.p_title{
		width:100%;
		max-width: 900px;
		margin:0 auto;
		margin-top:10px;
		padding-bottom:8px;
		/*border-bottom:1px solid #3E3A39;*/
		font-size:14px;
		overflow:visible;
		display:block;
		height:15px;
		position:relative;
		}
	#container h3.p_title img{
		position:absolute;
		display:block;
		float:left;
		left:50%;
		top:-65px;
		margin-left:-25.5px;
		}
	#container h3.p_title div.twitter{
		width:20px;
		height:20px;
		position:absolute;
		right:8px;
		bottom:8px;
		overflow:hidden;
		background:#000;
		opacity:0.5;
		}
		#container h3.p_title div.twitter img{
			width:12px;
			position:absolute;
			left:0;
			bottom:0;
			right:0;
			top:1px;
			padding:4px;
			}
	#container h3.p_title div.instagram{
		width:20px;
		height:20px;
		position:absolute;
		right:38px;
		bottom:8px;
		overflow:hidden;
		opacity:0.5;
		}
		#container h3.p_title div.instagram img{
			width:20px;
			position:absolute;
			left:0;
			bottom:0;
			right:0;
			top:0;
			background:#fff;
			}
	#container ul.pankuzu{
		max-width:900px;
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0 auto;
		margin-top:2px;
		padding-left:10px;
		padding-right:10px;
		font-size:9px;
		overflow:hidden;
		}
		#container ul.pankuzu li{
			float:left;
			margin-right:2em;
			}
		#container ul.pankuzu li img{
			vertical-align:middle;
			margin-right:.5em;
			display: none;
			}
	#article_box{
		max-width:900px;
		width: 95%;
		margin:0 auto;
		margin-top:40px;
		overflow:hidden;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		align-content: stretch;
		}
		#article_box .menu{
			width: 100%;
			text-align: center;
		}
	.col{
		overflow:hidden;
		}
		#article_box article{
			width:45%;
			margin:0 auto;
			margin-bottom:60px;
			}
			#article_box article h2{
				width:100%;
				text-align:center;
				}
			#article_box article h1{
				width:100%;
				text-align:center;
				}
			#article_box article div.img_box{
				width:100%;
				height: 250px;
				margin:0 auto;
				background:rgba(255,255,255,0.8);
				margin-top:10px;
				margin-bottom:10px;
				overflow:hidden;
				display: flex;
				flex-flow: column;
				justify-content: center;
				}
			#article_box article div.img_box img{
				width:100%;
				}
			#article_box article p.content{
				width:100%;
				height:8em;
				margin:0 auto;
				margin-left:20px;
				float:left;
				margin-top:20px;
				font-size:10px;
				text-align:center;
				}

#container article p{
	font-size:10px;
	}

/*
#container.single{
	width:770px;
}
*/
	#container.single h3.title{
		margin-left:100px;
		width:100%;
		font-size:15px;
		margin-top:40px;
		text-align:left;
		}
	#container.single article{
		margin-left:100px;
		width:600px;
		text-align:left;
		}
	.date{
		text-align:left;
		margin-bottom:40px;
		font-size:11px;
		}

ul#pagenation{
	width:100%;
	max-width: 900px;
	margin:0 auto;
	margin-top:60px;
	padding-top:10px;
	padding-bottom:80px;
	border-top:1px #3E3A39 solid;
  clear: both;
	}
	ul#pagenation li{
		width:33%;
		height:20px;
		float:left;
		}
	ul#pagenation li span.current{
		font-size:17px;
		font-weight:bold;
		}
		ul#pagenation li img{
			display:inline;
			vertical-align:middle;
			margin:0 10px;
			}
	ul#pagenation li#pre{
		text-align:left;
		}
	ul#pagenation li#arc{
		text-align:center;
		}
	ul#pagenation li#nex{
		text-align:right;
		}


#profil{
	padding-top:50px;
	font-size:9px;
	}

#container #photo{
	overflow:visible;
	width:900px;
	margin: 20px auto 0;
	}



/*
#photo a img{
	max-height: 500px !important;
	max-width: 150px !important;
	display:block;
	float:left;
	margin-left:10px;
	margin-bottom:10px;
	}
*/

#shoplist{
	margin-bottom:50px;
	overflow:hidden;
	}
#shoplist a{
	font-size:1.3em;
	margin-top:15px;
	padding-bottom:10px;
	display:block;
	}
/*///////////////////////////////////////////////////////////////////
//
//	#contact
//
///////////////////////////////////////////////////////////////////*/

#contact{
	margin-top:40px;
	text-align:left;
	margin-bottom:80px;
	}

#form{
	margin-top:40px;
	}
	#form ul{
		margin-top:20px;
		}
textarea{
	width:300px;
	height:5em;
	}
textarea,input{
	font-size:10px;
	}
	#contact ul{
		width:500px;
		}
	#contact ul li:nth-child(2n){
		margin-bottom:10px;
		}
#submit{
	margin-top:20px;
	width:52px;
	height:10px;
	background-image:url(../images/submit.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-99999px;
	border:none;
	cursor:pointer;
	background-color:transparent;
	padding:10px 0;
	}
#back{
	margin-top:20px;
	width:34px;
	height:10px;
	background-image:url(../images/back.png);
	background-repeat:no-repeat;
	background-position:center;
	text-indent:-99999px;
	border:none;
	cursor:pointer;
	background-color:transparent;
	padding:10px 0;
	}
#submit:hover,#back:hover{
	opacity:.5;
	}

#send_box{
	margin:0 auto;
	}
#send_box input{
	margin-right:50px;
	}

/*///////////////////////////////////////////////////////////////////
//
//	sidebar
//
///////////////////////////////////////////////////////////////////*/

#sidebar{
	width:120px;
	top:160px;
	position:absolute;	
	margin-left:46px;
	}
	#sidebar nav{
		width:120px;
		margin-top:100px;
		}
		#sidebar nav ul{
			width:120px;
			}
			#sidebar nav ul li{
				width:20px;
				margin-right:20px;
				float:left;
				}
			#sidebar nav ul li:nth-child(n+3){
				margin-bottom:90px;
				}
				#sidebar nav ul li img{
					width:10px;
					margin:0 5px;
					}

/*///////////////////////////////////////////////////////////////////
//
//	footer
//
///////////////////////////////////////////////////////////////////*/

#header_bridal_btn{
  clear: both;
  margin-left: 18px;
}

#footer_bridal_btn{
  width: 60px;
  height: 84px;
  position: absolute;
  bottom: 50%;
  left: 60px;
  margin-bottom:-204px;
}

footer{
	width:100%;
	position:fixed;
	background-color:#f5f9ed;
	bottom:0;
	right:0;
	}
	footer p{
		text-align:right;
		margin-right:1em;
		}


/*///////////////////////////////////////////////////////////////////
//
//	bridal
//
///////////////////////////////////////////////////////////////////*/
#container.bridal{
  margin-top: 94px;
}
#container.bridal .p_title{
  height: 180px;
  margin-top: 0;
}
footer p{
	background-color:#ffffff;
	}
body{
	background-color:#ffffff;
}


.photo_area{
	width: 900px;
	margin: 0 auto;
}


.photo_area li{
	width: 204px;
}

.boxer_list {
	margin-bottom: 25px;
}

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

	#container,
	#container #photo{
		width: 100%;
	}

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

	.photo_area{
		width: 100%;
		padding: 0;
	}

	#container ul.pankuzu li a,
	#article_box article h2{
		font-size: 6px;
	}

	#container h3.p_title img{
		width: 30px;
		top: 0;
		margin-left: -15px;
	}

	#container.bridal .p_title{
		margin-top: -10px;
	}

	#container.bridal{
		margin-top: 30px;
	}


	.photo_area ul{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.photo_area .boxer_list{
		width: 120px;
		margin-bottom: 10px;
	}

	.photo_area .boxer_list img{
		width: 100%;
		height: auto;
	}

	.copyright{
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		text-align: center;
		font-size: 0.6rem;
		margin: 0;
		padding: 10px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#article_box article{
		margin-bottom: 20px;
	}

	#article_box article div.img_box{
		height: 100px;
	}

	ul#pagenation{
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		font-size: 6px;
	}

}

}

@media screen and (max-width:321px) {
	.photo_area .boxer_list{
		width: 100px;
		margin-bottom: 10px;
	}
}