@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

/*================================================
 *  一般・共通設定
 ================================================*/

body {
	font-size:14px;
	color:#333;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	line-height:1.6;
	background:#fff;
}



.inner {
	position:relative;
	width:980px;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	height:70px;
}


.innerImg{
	position:relative;
	width:auto;
	height:100%;
	margin:0 auto;
	text-align:left;
	
}

.innermenu{
	position:relative;
	width:100%;
	height:40px;
	margin:0 auto;
	text-align:center;
	background-color :#012639;
	display: block;
	
}


header {
	box-sizing:border-box;
	position:relative;
	width:100%;
	background:#fff;
	
	
}




#main{
	width: 980px;
	height: auto;
	margin:35px auto;
	padding: 0;
	text-align: center;
    display: block;

}



#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:28%;
}




h1{
	font-family: 'Catamaran', sans-serif;
	font-size:17.8px;
	letter-spacing:5px;
	font-weight:100;
	color:#918746;
	 vertical-align:baseline;
}


h2 {
	font-family: 'Catamaran', sans-serif;
	font-size:17.8px;
	letter-spacing:0.6px;
	font-weight:100;
	color:#918746;
	 vertical-align:baseline;
	
}



h3 {
	margin-bottom:0.5em;
	padding:10px 0 10px 10px;
	font-size:30px;
	color:#333;
	border-left:8px double #857A32;
	
	font-family: 'Catamaran', sans-serif;
	letter-spacing:14px;
	font-weight:400;
}

h4 {
	font-family:"メイリオ";
font-size:15px;
	color:#333;
	font-weight:bold;
	display:block;
	letter-spacing:0.2em;
	margin-left:20px;
	width:220px;
	 

	
}

h5 {
	position:relative;
	margin-bottom:0.25em;
	padding-left:10px;
	color:#710000;
	font-size:14px;
	font-weight:bold;
}
h5:before {
    content:"";
    margin-top:-7px;
    position:absolute;
    top:50%;
    left:0;
    width:5px;
    height:14px;
    background:#8c0e0e;
}

h6 {
	font-family: 'Catamaran', sans-serif;
	font-size:12px;
	letter-spacing:5px;
	font-weight:200;
	color:#FFF;
	padding-left:20px;
}
h7{
	font-size:16px;
	color:#857A32;
	font-family: 'Catamaran', sans-serif;
	letter-spacing:3px;
	font-weight:300;
	
}


p {
	margin:0 0 1em 0;
}



em {
	font-weight:bold;
}

strong {
	font-weight:bold;

}

pre {
	margin:1em 0;
	padding:1em;
}

blockquote {
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}




.more{
	width:73em;
	display:block;
	margin:4em;
	padding:0;
	
}

.more_text{
	text-align:right;
	display:block;
	font-family: 'Catamaran', sans-serif;
	font-size:16.8px;
	letter-spacing:5px;
	font-weight:100;
	
	text-decoration:none;
	color:#857A32;
	
	}

.more_text:hover{
filter:alpha(opacity=70);
opacity:0.7;
color:#857A32;
	text-decoration:underline;
}

.morepress{
	width:77em;
	display:block;
	margin-top:0;
	padding-top:0;
	height:auto;
	clear:left;
}

.morepresstext{
	text-align:right;
	display:block;
	font-family: 'Catamaran', sans-serif;
	font-size:16.8px;
	letter-spacing:5px;
	font-weight:100;
	text-decoration:none;
	color:#857A32;
	
	}

.morepresstext:hover{
filter:alpha(opacity=70);
opacity:0.7;
color:#857A32;
text-decoration:underline;
}





/*================================================
 *  ヘッダー
 ================================================*/
header {
	padding:40px 10px;
}

.summary {
	position:absolute;
	top:0;
	right:10px;
	margin:0;
}

/*================================================
 *  メニュー
 ================================================*/

	.textMenuBox{
		display: block;
		width:1000px;
		height: auto;
		padding: 0  100px;
		margin: auto;
		text-align: center;
	}

	.textMenu ul{
		list-style-type: none;
	
    text-align:center;
	text-decoration: none;

		
		
	}
	
	
	
	.textMenu li{
		float:left;
    padding: 0 35px 0 35px;　 /* メニューとボーダー線の間の距離感 */
		 
	

	}
	
	
	
	.textMenu li + li{
    border-left:0;
    border-right: 1px solid #ffffff;/* ここがボーダー線指定しているところ */
			margin-top: 6px;
    　　
}
	
	
	.textMenu li a{ 
		display: block;
		text-align: left;
		
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-weight: 300;
		font-size: 10px;
		color: #ffffff;
	margin: 5px auto;
		text-decoration:none;
		letter-spacing: 1px;
		width: 100%;
		
	}
	
.textMenu li a:hover{
filter:alpha(opacity=70);
opacity:0.7;
	color: #C6C6C6;
	text-decoration:none;
}

	
	
	.textMenu li:first-child{
		border-left: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
			margin-top: 5px;
	}




/*================================================
 *  フッター
 ================================================*/
footer {
	
	width:100%;
	height: auto;
	display: block;
	text-align: center;
	
}

footer img{

	display: block;
	text-align: center;
	float: left;
	padding: 0;
	margin-left:130px;

	
}


.footmenu {
	width:100%;
	padding:20px 0;
	overflow:hidden;
	background:#efede9;
}
.footmenu ul {
	position:relative;
	float:left;
	left:50%;
	margin:0;
	padding:0;
}
.footmenu li {
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 15px;
	font-size:12px;
	text-align:center;
}



.footmenu a {
	color:#333;
	text-decoration:none;
}
.footmenu a:hover {
	color:#333;
	text-decoration:underline;
}

.copyright {
	font-family: 'Catamaran', sans-serif;
	letter-spacing:2px;
	font-weight:200;
	clear:both;
	padding:20px 0;
	font-size:10px;
	text-align:center;
	color:#000;
	background:#fff;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop {
	position:fixed;
	bottom:15px;
	right:15px;
	z-index: 2;
}
.totop a {
	display:block;
	text-decoration:none;
}
.totop img {
	background:#857A32;
}
.totop img:hover {
	background:#857A32;
}

/*================================================
 *  クラス
 ================================================*/
.list {
	padding:0 0 0 0.5em;
}
.list li {
	margin:0;
	padding:0 0 0 15px;
	list-style:none;
	background:url(../images/check.png) 0 5px no-repeat;
}

.textL {
	text-align:left;
}

.textR {
	text-align:right;
}


.info dt {
	border-bottom:none;
}
.info dd {
	padding-bottom:1em;
	border-bottom:1px solid #ddd;
}


#col figure {
	display:block;
	position: relative;
	overflow: hidden;
    float:left;
	margin-left:25px;
	margin-bottom:20px;
}
	
	
#col figure img {
　　width:100%;
	height:350px;
	
}

#col figcaption {
	position: absolute;
	bottom: 25px;
	right: 10px;
	z-index: 2;
	width: 100%;
	height: 50px;
	background: rgba(133,122,50,.5);
	-webkit-transition: .9s;
	transition: .9s;
}
#col figure:hover figcaption {
	right: 100%;
}


	
#ps figurebox{
		display:block;
		width:auto;
		height:100%;
		float:left;
	}
	

#ps figure{
			position: relative;
			overflow: hidden;
			float:left;
			margin-left:20px;
			
			
		}
		
#ps figure img{
			position: relative;
			z-index: 1;
			-webkit-transition: .9s;
			transition: .9s;
			width:325px;
			height:197px;
			float:left;
		
		}

#ps figcaption{
			position: absolute;
			bottom: 0;
			right: -230%;
			z-index: 2;
			width:230px;
			height:197px;
			background: rgba(133,122,50,.5);
			-webkit-transition: .9s;
			transition: .9s;
			float:left;
		}
#ps figcaption h6 {
			padding: 20px 0 5px 15px;
			font-size: 15px;
			text-align: left;
			color:#FFF;
			
			font-family: 'Noto Sans Japanese', sans-serif;
	 font-weight:400;
			
		
		}
#ps figcaption p {
			padding-left: 10px;
			padding-right:7px;
			text-align: left;
			line-height:1.9;
			color:#FFF;
			font-size:11px;
			font-family: 'Noto Sans Japanese', sans-serif;
	 font-weight:300;
		}
		
.figcaptionText {
			font-family: 'Noto Sans Japanese', sans-serif;
			padding:10px 0 5px 0;
			font-size: 12px;
			letter-spacing:1px;
		
			color:#333;
		　　font-weight:100;
		width:85%;
		height:auto;
		display:block;
		clear:both;
		margin-left:25px;
		
		}
		
.figcaptionTextBIG {
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 15px;
	letter-spacing:1px;
	color:#333;
	font-weight:600;
	width:85%;
	height:auto;
	display:block;
	clear:both;
	margin-left:25px;
	margin-bottom:55px;
		}
	
		
#ps figure:hover img {
			-webkit-transform: translateX(-60px);
			transform: translateX(-60px);
		}

#ps figure:hover figcaption {
			right: 0;
			-webkit-transform: translateX(-1px);
			transform: translateX(-1px);
		}
		

		



.collection {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:100%;
	height:100%;
	margin:60px auto 120px 60px;
}

.concept {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:100%;
	height:auto;
	margin:50px auto 120px 60px;
}


.concept p{
	 font-family: 'Noto Sans Japanese', sans-serif;
	 font-size:15px;
	font-weight:300;
	box-sizing:border-box;
	width:80%;
	height:auto;
	margin-left:30px;
	line-height:2.5em;
	margin-bottom:30px;
	display:block;
}

.press {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:100%;
	height:auto;
	margin:50px auto 60px 60px;
}


.border{
	border-bottom:4px double #857A32;
	width:100%;
	height:auto;
}

.dotted{
	border-top:#666 dotted 1px;
	width:100%;
	height:15px;
	
}


.contact{
	text-align:center;
	box-sizing:border-box;
	width:100%;
	height:auto;
	
	margin-bottom:30px;
}
.contact img{
text-align:center;
}

.contact img:hover{
	filter:alpha(opacity=60);
opacity:0.6;

}
.contact p{
	color:#000;
	font-size:11px;
	 font-family: 'Noto Sans Japanese', sans-serif;
	 font-weight:300;
	 margin-top:15px;
}

.title{
	width:100%;
	display:block;
	margin-bottom:30px;
	margin-top:60px;

}


.title_text_r {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-size: 14px;
		letter-spacing:1px;
		color:#333;
		font-weight:400;
		width:70%;
		height:auto;
		display:block;
		margin:70px auto;
		text-align:center;
		}





/*================================================
 *  スライドショー
 ================================================*/
/* スライドショー */
.slide {
	display:none;
	position:relative;
	overflow:hidden;
	margin:30px 0;
}

.slidePrev {
	position:absolute;
	cursor:pointer;
	z-index:2;
}

.slideNext {
	position:absolute;
	cursor:pointer;
	z-index:2;
}

.slidePrev img {
	position:absolute;
	width:50px !important;
	height:90px !important;
}

.slideNext img {
	position:absolute;
	width:50px !important;
	height:90px !important;
}

.slideInner {
	position:relative;
	margin:0 0 5px 0;
	padding:0;
}
.slideInner li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.slideInner li img {
	margin:0 5px;
	padding:0;
}

.filterPrev {
	position:absolute;
	left:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#fff;
}

.filterNext {
	position:absolute;
	right:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	background-color:#fff;
}

.controlNav {
	position:relative;
	float:left;
	left:50%;
}
.controlNav span {
	position:relative;
	left:-50%;
	float:left;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:7px;
	height:7px;
	overflow:hidden;
	background:#ccc;
	text-indent:-9999px;
	vertical-align:middle;
}
.controlNav span:hover {
	background:#999;
	cursor:pointer;
}
.controlNav span.current {
	background:#857A32;
}





/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and ( max-width:479px )
{
	.inner {
width: 100%;
	}



.innermenu{
	
	width:100%;
	
}