@charset "UTF-8";

/* 下層ページ　- 2カラム用
=======================================*/

/* サイドナビ
------------------------------------*/
article div.wrapper > nav{
	width:260px;
	float:left;
	font-family:"Hiragino Maru Gothic W6 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

article div.wrapper > nav div.title{
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:17px;
	font-weight:600;
	color:#333333;
	background-color:#EDEDED;
}

article div.wrapper > nav > ul{
	width:100%;
	margin-top:15px;
}

article div.wrapper > nav > ul > li.parent{
	width:100%;
}

article div.wrapper > nav > ul > li.parent > a{
	display:block;
	width:100%;
	padding:12px 20px 12px 34px;
	margin-top:-1px;
	border-top:2px solid #b49b46;
	border-right:2px solid #b49b46;
	border-bottom:1px solid #b49b46;
	border-left:2px solid #b49b46;
	box-sizing:border-box;
	position:relative;
	font-size:15px;
	font-weight:600;
	color:#b49b46;
	line-height:140%;
}

article div.wrapper > nav > ul > li.parent.active > a,
article div.wrapper > nav > ul > li.parent.fix > a{
	background-color:#b49b46;
	color:#FFF;
}

article div.wrapper > nav > ul > li.parent:last-child > a{
	border-bottom:2px solid #b49b46;
}

article div.wrapper > nav > ul > li.parent > a::before{
	position:absolute;
	top:18px;
	left:20px;
	margin:auto 10px auto 0;
	content:"";
	width:0;
	height:0;
	border:5px solid transparent;
	/*border-left:8px solid #b49b46;*/
	border-left:8px solid #FFF;
	box-sizing:border-box;
}

article div.wrapper > nav > ul > li.parent > a[href^="javascript:"]::before{
	border-left:8px solid #b49b46;
}

article div.wrapper > nav > ul > li.parent.active > a::before,
article div.wrapper > nav > ul > li.parent.fix > a::before{
	border:5px solid transparent;
    border-left:5px solid #b49b46;
	/*border-top:10px solid #FFF;*/
	border-top:10px solid #b49b46;
	left:20px;
    top:19px;
}

article div.wrapper > nav > ul > li.parent.active > a[href^="javascript:"]::before,
article div.wrapper > nav > ul > li.parent.fix > a[href^="javascript:"]::before{
	border-top:8px solid #FFF;
}

article div.wrapper > nav > ul > li.parent ul{
	display:none;
	border-top:1px solid #b49b46;
	padding:10px 0;
}

article div.wrapper > nav > ul > li.parent.active ul{
	display:block;
}

article div.wrapper > nav > ul > li.parent.fix ul{
	display:block;
}

article div.wrapper > nav > ul > li.parent:last-child ul{
	border-top:0;
}

article div.wrapper > nav > ul > li.parent ul li{
	width:100%;
}

article div.wrapper > nav > ul > li.parent ul li a{
	display:block;
	width:100%;
	/*padding:12px 4px 12px 38px;*/
	padding:6px 4px 6px 38px;
	box-sizing:border-box;
	position:relative;
	font-size:15px;
	font-weight:600;
	color:#000;
	line-height:140%;
}

article div.wrapper > nav > ul > li.parent ul li a::before{
	position:absolute;
	top:12px;
	left:23px;
	margin:auto 10px auto 0;
	content:"";
	width:8px;
	height:8px;
	border:5px solid transparent;
	border-left:8px solid #b49b46;
	box-sizing:border-box;
}

article div.wrapper > nav > ul > li.parent ul li a span{
	font-size:12px;
	font-weight:300;
}


article div.wrapper > nav > div.pickup{
	width:100%;
	margin-top:60px;
}

article div.wrapper > nav > div.pickup p{
	color:#b49b46;
	font-size:15px;
	font-weight:600;
	margin-bottom:20px;
}

article div.wrapper > nav > div.pickup img{
	margin-bottom:15px;
	width: 100%;
}

@media screen and (max-width:980px){
	article div.wrapper > nav{
		margin-left:3%;
	}
}

@media screen and (max-width:768px){
	article div.wrapper > nav{
		display:none;
	}
}

/* メインコンテンツ
------------------------------------*/
article div.wrapper div.content{
	width:660px;
	float:right;
}

@media screen and (max-width:980px){
	article div.wrapper div.content{
		width:calc(100% - 320px - 6%);	/* 画面幅 - サイドナビ - 両端の余白	*/
		margin-right:3%;
	}
}

@media screen and (max-width:768px){
	article div.wrapper div.content{
		width:94%;
		margin:0 auto;
		float:none;
		padding-bottom:40px;
	}
}