@import url("../webfonts/SnellRoundhand/stylesheet.css");
@import url("../webfonts/Garamond_Regular/stylesheet.css");
@import url("../webfonts/MADE_Evolve_Sans_Regular/stylesheet.css");
@import url("../webfonts/DJB_Brits_Thin_Pen/stylesheet.css");
html {
}

body {
	margin: auto;
	padding: 0px;
	font-size: 12px;
	color: #3E2B21;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "Sawarabi Mincho", serif;
	width: 100%;
	-webkit-text-size-adjust: 100%;
}
/* --------------------------------------------------------------------------------------
フォント
--------------------------------------------------------------------------------------- */
.Snell{	
    font-family: 'SnellRoundhand';
}
.Garamond {
	font-family: "Garamond Regular";
}
.MadeE {
    font-family: "MADE Evolve Sans Regular";
}
.Brits{
    font-family: "DJB Brits Thin Pen";
} 

/* --------------------------------------------------------------------------------------
本体
--------------------------------------------------------------------------------------- */
.flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
}

.innerWrp {
	width: 1050px;
	margin-left: auto;
	margin-right: auto;
}
.relative {
	position: relative;
}

header {
	background-color: #3E2B21;
	color: #FFFFFF;
	position: relative;
}
header h1 {
	text-align: center;
	font-size: 12px;
}
header .head_title {
	text-align: center;
	font-size: 10px;
	padding-top: 3px;
	letter-spacing: 1px;
	color: #8E7B70;
}
header h2 {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
}
header nav {
}
header nav ul {
	text-align: center;
	margin-top: 20px;
	padding-bottom: 10px;
}
header nav ul li {
	display: -moz-inline-box;
	display: inline-block;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}
header .rsv  {
	position: absolute;
	right: 50px;
	top: 15px;
}

main {
	position: relative;
	overflow: hidden;
}
main:before {
	content: '';
	position: absolute;
	top: -450px;
	left: 0;
	width: 120%;
	height: 500px;
	margin: 5% -10% 0;
	background-image: url(../img/top/bg.jpg);
	background-repeat: repeat-x;
	-webkit-transform-origin: right center;
	-ms-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: rotate(-10deg);
	-ms-transform: rotate(-10deg);
	transform: rotate(-10deg);
	z-index: -1;
}
main #pagetit  {
	text-align: center;
	margin-bottom: 100px;
}
main #pagetit h3#tit,
main #pagetit h1#tit  {
    text-align: center;
    margin-top: 100px;
    font-size: 50px;
    letter-spacing: 5px;
    border-bottom: 2px solid #3E2B21;
    display: inline-block;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    font-family: "Garamond Regular";
}
main #pagetit h4#txt  {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	letter-spacing: 2px;
	font-size: 12px;
}



footer {
	color: #FFFFFF;
	text-align: center;
	background-color: #3E2B21;
}
footer h2  {
	float: left;
	padding-top: 70px;
	padding-left: 30px;
}
footer .fnavi {
	float: left;
	padding-top: 50px;
	margin-left: 7%;
	padding-bottom: 30px;
}
footer .fnavi li {
	text-align: left;
	background-image: url(../img/common/footer_icon.png);
	background-repeat: no-repeat;
	padding-left: 13px;
	background-position: 0% 5px;
	margin-left: 2px;
	margin-bottom: 15px;
}
footer .fnavi li a {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	letter-spacing: 2px;
}

footer #gotop {
	float: right;
	margin-top: 80px;
	margin-right: 50px;
}
footer #copy {
	background-color: #000000;
	padding-top: 7px;
	clear: both;
	letter-spacing: 2px;
	padding-bottom: 7px;
}
footer #copy small {
	text-align: center;
}


/* ページ送り */
.paginator {
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 15px;
	padding-top: 55px;
	padding-bottom: 55px;
}
/* 全項目 */
.paginator li {
	display: inline-block;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: undefined;
}
/* 数字部分 */
.paginator .no {
	display: inline-block;
	margin-right: 5px;
	height: 15px;
	width: 15px;
	line-height: 26px;
	overflow: inherit;
}
.paginator .no a {
	display: inline-block;
	padding: 5px 8px;
	margin-right: 5px;
	overflow: inherit;
	background-color: #c6a367;
}
/* 現在位置 */
.paginator .now {
	color: #C8114F;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
}
/* 「…」 */
.paginator .gap {
	border: none;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0;
	margin-left: 0px;
}
/* 「戻る」 */
.paginator .back {
	margin-right: 15px;
	border-right: 2px solid #221A13;
	padding-right: 15px;
}
/* 「進む」 */
.paginator .next {
	margin-left: 10px;
	padding-top: 5px;
	border-left: 2px solid #221A13;
	padding-left: 15px;
}

.paginator .next a,
.paginator .prev a {
    border: none;
}	

.none {
	display: none;
}

.clear {
	clear: both;
	opacity: 1;
}
/* --------------------------------------------------------------------------------------
scrollbar
--------------------------------------------------------------------------------------- */
.content-holder {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	/*height: 420px;*/
	height: 650px;
	overflow: hidden;
	margin-bottom: 40px;
}
#default .ps-scrollbar-y { 
	background-color: #ffffff;
}
#default .ps-scrollbar-x {
	display: none;
	
}

/* --------------------------------------------------------------------------------------
 擬似クラス
--------------------------------------------------------------------------------------- */

/*未訪問のリンク*/
a:link {
	text-decoration: none;
	transition: color 0.3s, border-color 0.3s;
	color: #5C5C5C;
}
/*訪問済みのリンク*/
a:visited {
	color: #303030;
	text-decoration: none;
}
/*マウスオン*/
a:hover {
	color: #c1a471;
}

/* --------------------------------------------------------------------------------------
 マージン指定
--------------------------------------------------------------------------------------- */

/*上*/
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}

/*下*/
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb80 {
	margin-bottom: 80px;
}


/*右*/
.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr20 {
	margin-right: 20px;
}
.mr25 {
	margin-right: 25px;
}
.mr30 {
	margin-right: 30px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}
.mr70 {
	margin-right: 70px;
}

/* --------------------------------------------------------------------------------------
 パディング指定
--------------------------------------------------------------------------------------- */
/*上*/
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}

/*下*/
.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb50 {
	padding-bottom: 50px;
}


/*右*/
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr25 {
	padding-right: 25px;
}
.pr30 {
	padding-right: 30px;
}
.pr40 {
	padding-right: 40px;
}
.pr50 {
	padding-right: 50px;
}


/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
/*\*/
* html .clearfix { height:1%; }
.clearfix {
	display: block;
	margin-right: auto;
	margin-left: auto;
}