@charset "UTF-8";

/* --------------------------------------------------------------------

# www共通 #

-------------------------------------------------------------------- */

/* --------------------------------------------------------------------
  定石
-------------------------------------------------------------------- */
* {
	margin:0;
	padding:0;
	font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
img {
	border:none;
}
ul, ol, li, dl, dt, dd{
	list-style-type:none;
}
table {
	border-collapse:collapse;
  border-spacing:0;
}
th, td {
	font-weight:normal;
	text-align:left;
}



/* 汎用クラス : Base
-------------------------------------------------------------------- */
.pc-on	{	display: block; }
.pc-off	{	display: none;	}


/* 汎用クラス : Mobile
-------------------------------------------------------------------- */
@media screen and ( max-width:479px ) {

.pc-off	{	display: block;	}
.pc-on	{	display: none;	}

}



/* 共通スタイル : Base
-------------------------------------------------------------------- */
body {
	font-size:0;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	color: #333;
	line-height: 1.5;
	width: 100%;
	text-align:center;
}
@media all and (-ms-high-contrast:none) {
	body {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

a {
	color:#4a6b23;
}
a:hover {
	text-decoration:none;
}

/* 共通スタイル : Mobile
-------------------------------------------------------------------- */
@media screen and ( max-width:479px ) {

}



/* --------------------------------------------------------------------

# 共用パーツ #

-------------------------------------------------------------------- */

/* header : Base
-------------------------------------------------------------------- */
header{
	background:url(/media/_images/bg_header.jpg) repeat-x;
	background-size:contain;
	white-space:nowrap;
}
	header #container{
		width:100%;
		max-width: 1200px;
		margin:0 auto;
		position:relative;
		height:80px;
	}
	header .logo{
		width:230px;
		position:absolute;
		bottom:16px;
		left:16px;
	}
	
	header .sp_menu{
		display: none;
	}
	
	header #gnav{
		position:absolute;
		bottom:16px;
		right:16px;
		text-align:right;
	}
	
		header #gnav ul{
			font-size:15px;
			color:#7f7f7f;
		}
			header #gnav ul:before{
				content:"｜";
			}
		header #gnav li{
			display:inline;
		}
			header #gnav li:after{
				content:"｜";
			}
			header #gnav li a{
				text-decoration:none;
				margin:0 7px;
				color:#333;
			}
				header #gnav li a:hover {
					text-decoration:underline;
				}
		header #gnav #btn_menu_close {
			display: none;
		}

.mask_surface {
	display: none;
}


/* header : Mobile
-------------------------------------------------------------------- */
@media screen and ( max-width:990px ) {
	
	header #container{
		height:50px;
	}
	header .logo{
		width:180px;
		top:10px;
		bottom:auto;
		left:10px;
		
	}
		header .logo img{
			width:100%;
		}
		
	header .sp_menu{
		display: block;
		position:absolute;
		top:10px;
		bottom:auto;
		right:10px;
	}
	
	header #gnav{
		width: 60%;
		height:160px;
		display: none;
		background: #4D4D4D;
		padding: 10px 15px;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 9999;
		margin:0;
	}
		header #gnav li{
			display:block;
		}
			header #gnav li:after{
				content: none;
			}
			header #gnav li a{
				display: block;
				color: #fff;
				font-size: 16px;
				padding: 6px 0px;
				margin:0;
				text-align:center;
				background: url(/common/__images/arrow_sp_menu.png) right no-repeat;
			}
			
		header #gnav #btn_menu_close {
			background: #fff;
			display: table;
			margin-top: 1rem;
		}
			header #gnav #btn_menu_close img {
				width: 69%;
				display: table-cell;
				vertical-align:middle;
			}
			header #gnav #btn_menu_close span {
				display:table-cell;
				vertical-align:middle;
				color: #000;
				font-size: 13px;
				text-align: center;
				width: 75%;
			}

.mask_surface {
	display: none;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background-color:rgba(0, 0, 0, 0.5);
}

}



/* footer : Base
-------------------------------------------------------------------- */

footer{
	text-align:center;
}
	footer a{
		text-decoration:none;
	}
		footer a:hover{
			text-decoration:underline;
		}

	footer nav{
		background:#c1943d;
	}
		footer nav ul{
			width: 960px;
			margin:0 auto;
			padding:10px 0;
		}
		footer nav li{
			display:inline-block;
			font-size:14px;
			line-height:14px;
			border-right:#eee 1px solid;
		}
			footer nav li:last-child{
				border-right:none;
			}
			footer nav li a{
				color:#fff;
				margin:0 8px;
			}
			footer nav li a:hover{
				color:#fff;
			}

	footer #registry{
		padding:40px 0 10px 0;
		background-color:#191919;
	}
		footer #registry p{
			width:960px;
			margin:0 auto;
			font-family: "游明朝", "YuMincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
			font-size: 16px;
			color:#ac9352;
		}
			footer #registry p#copyright{
				margin-top:40px;
				font-size: 14px;
			}


/* footer : Mobile
-------------------------------------------------------------------- */
@media screen and ( max-width:990px ) {

		footer nav ul{
			width:auto;
		}
		footer nav li{
		
			line-height:24px;
			border-right:none;
		}
			footer nav li a:hover{
				color:#fff;
			}
	
	footer #registry{
		padding:40px 0 10px 0;
		background-color:#191919;
	}
		footer #registry p{
			width:auto;
			margin:0 10px;
		}

}



/* pagetop : Base
-------------------------------------------------------------------- */
.pagetop{
	display: none;
	position: fixed;
	right: 30px;
	bottom: 60px;
}
.pagetop a{
	display: block;
	font-size: 0;
	width: 50px;
	height: 35px;
	text-align: center;
	background-color: #545454;
	border-radius: 50%;
	padding-top:15px;
}

@media print{

.pagetop a{
	display: none;
}

}


/* pagetop : Mobile
-------------------------------------------------------------------- */
@media screen and ( max-width:990px ) {

.pagetop a{
	display:none;
}

}



/* main : Base
-------------------------------------------------------------------- */
main{
	max-width:1200px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:30px;
	position:relative;
}

#content{
	text-align:left;
	border:solid 1px #ccc;
	padding:30px;
	width:auto;
	margin-left:10px;
	margin-right:350px;
	box-sizing: border-box;
}













	#content h1{
		font-size:26px;
		margin:20px 0 40px;
	}
	#content h2{
		font-size:22px;
		margin:2em 0 1em;
    padding-bottom: 10px;
		color:#c0943d;
		border-bottom: 2px solid #c0a27b;
	}
	#content h3{
		font-size:18px;
		margin:30px 0 20px;
    border-left: 5px solid #c0a27b;
    letter-spacing: 2px;
    line-height: 1.5;
    padding-left: 10px;		
	}
	#content h4{
		font-size:18px;
    letter-spacing: 2px;
    line-height: 2;
	}
	#content p{
		font-size:18px;
		line-height:2;
		text-indent:1em;
		margin-bottom:1em;
	}
		#content p.update{
			font-size:14px;
			color:#aaa;
			text-align:right;
			text-indent:0;
			margin-bottom:0;
		}
	#content>figure{
		max-width:100%;
		margin-top:30px;
		margin-bottom:16px;
		text-align:center;
	}
		#content>figure img{
			max-width:100%;
		}
		#content>figure figcaption{
			font-size:18px;
			color:#666;
			font-weight:bold;
			text-align:center;
		}
		#content>figure p.src{
			font-size:14px;
			color:#888;
			text-align:right;
		}
		#content figure.thumbnail{
			float:right;
			width:320px;
			margin:0 0 16px 0;
			text-align:right;
			background-color:#fff;
		}
			#content figure.thumbnail img{
				width:300px;
			}
		#content figure.half{
			max-width:50%;
			width:auto;
			float:right;
		}
		
@media screen and ( max-width:450px ) {
		#content figure.thumbnail{
			float:none;
			width:auto;
			margin:0;
			padding:0;
		}
			#content figure.thumbnail img{
				width:100%;
			}
			
		#content figure.half{
			max-width:100%;
			width:100%;
			float:none;
		}
			#content figure.half img{
				max-width:100%;
				width:auto;
			}
}
	
	#content ul{
		margin-left:36px;
		margin-bottom:18px;
	}
	#content li{
		font-size:18px;
		line-height:2;
		list-style-position:outside;
		list-style-type: disc;
		
	}




#sidebar{
	width:300px;
	box-sizing: border-box;
	position:absolute;
	right:10px;
	top:20px;
}
	#sidebar .banner{
		width:300px;
		margin:0 auto 50px auto;
	}
	
	#sidebar #ranking{
		width:300px;
		margin:0 auto 50px auto;
	}
		#sidebar #ranking h2{
			font-size:18px;
			color:#fff;
			background-color:#c0943d;
			padding:6px;
			letter-spacing:0.2em;
			text-indent:0.2em;
		}
		#sidebar #ranking ul{
			border:1px solid #c0943d;
			padding:0 20px;
		}
		#sidebar #ranking li{
			padding:20px 0;
			text-align:left;
			border-bottom:dotted #ccc 1px;
		}
			#sidebar #ranking li:last-child{
				border-bottom:none;
				
			}
			#sidebar #ranking li a{
				font-size:18px;
				text-decoration:none;
				color:#545454;
			}



#curve_chart{
	width:100%;
	height:500px;
	font-size:14px;
}


/* main : Mobile
-------------------------------------------------------------------- */
@media screen and ( max-width:990px ) {

main{
	padding-top:10px;
}

#content{
	border:none;
	padding:10px;
	width:auto;
	margin-left:10px;
	margin-right:10px;
	box-sizing: border-box;
}






#sidebar{
	width:auto;
	
	
	box-sizing: border-box;
	position:relative;
	right:auto;
	top:auto;
}



#curve_chart{
	height:300px;
}


}











/* title : Base
-------------------------------------------------------------------- */
/*.tit_mv_01{
	font-family: "游明朝 Demibold", "游明朝", "YuMincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:60px;
	color:#fff;
	text-shadow: 1px 2px 0 #111;
	background-size: cover;
	background-position:center center;
	height:420px;
}
	.tit_mv_01 a{
		display:block;
	}

.tit_mv_02{
	font-family: "游明朝 Demibold", "游明朝", "YuMincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:60px;
	color:#fff;
	text-shadow: 1px 2px 0 #111;
	background-size: cover;
	background-position:center center;
	height:210px;
}
	.tit_mv_02 a{
		display:block;
	}

.tit_text_01_gold{
	font-family: "游明朝 Demibold", "游明朝", "YuMincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:44px;
	color:#86740d;
	letter-spacing:0.2em;
	text-indent:0.2em;
	width:940px;
	margin:30px auto;
}

.tit01{
	width:100%;
	height: 30vh;
	background-size: cover;
	background-position: center center;
	position:relative;
}
	.tit01 span{
		font-size:40px;
		color:#fff;
		font-weight:normal;
		letter-spacing: .26em;
		position:absolute;
		left:50%;
		top:50%;
		transform: translate(-50%, -50%);
		text-align:center;
		width:90%;
		font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
    text-shadow: 0 0 8px #111;
	}
.tit02{
	font-size: 40px;
	line-height: 1.2;
	color: #333;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-weight:normal;
	text-align:center;
	margin:0 auto 8px auto;
	padding:30px 0 7px 0;
}
	.tit02 span.sub_green{
		display:block;
		margin-top:10px;
		text-align:center;
		font-family:Hiragino Sans, "ヒラギノ角ゴシック", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", Roboto, "Droid Sans", "游ゴシック Medium", YuGothic, YuGothicM, Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
		font-size:24px;
		letter-spacing:0.1em;
		color:#029b45;
		font-weight:bold;
	}
	.tit02 span.sub_gold{
		display:block;
		margin-top:6px;
		text-align:center;
		font-family: "EB Garamond",serif;
		font-size:20px;
		color: #857839;
		font-weight:normal;
	}
*/






/* title : Mobile
-------------------------------------------------------------------- */
/*
@media screen and ( max-width:479px ) {

.tit_mv_01{
	height: 30vh;
	font-size:24px;
}

.tit_mv_02{
	height: 30vh;
	font-size:24px;
}

.tit_text_01_gold{
	font-size:24px;
	letter-spacing:0.05em;
	text-indent:0.05em;
	width:94%;
	margin:20px auto;
}
	.tit01 span{
		font-size:24px;
	}
.tit02{
	font-size: 26px;
	width:100%;
	border-bottom:1px #ccc solid;
}
	.tit02 span.sub_green{
		font-size:18px;
		letter-spacing:0em;
	}
	.tit02 span.sub_gold{
		font-size:16px;
	}
}
*/