@charset "UTF-8";


/*▼▼▼▼▼▼▼▼▼▼基本▼▼▼▼▼▼▼▼▼▼*/
BODY {
	font-family:		"小塚ゴシック Pro R","Kozuka Gothic Pro R","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック","Yu Gothic","YuGothic","メイリオ","Meiryo",sans-serif;
	font-size:			12pt;
	line-height:		150%;
	margin:				0;
	padding:			0;
	color:				#333333;
	background-color:	#f4ffcc;
	width:				100%;
	min-width:			300px;
}

BODY, TH, TD {
	font-size:			midium;
}

HEADER {
	color:				#ffffff;
	width:				100%;
	background-color:	#ff8800;
	background-image:	linear-gradient(to right, #ea7a00 0%, #ff8800 20%, #ff8800 80%, #ea7a00 100%);
	margin:				0;
	padding:			0;
	text-align:			center;
	text-decoration:	underline solid #ffffff;
}

#title_container {
	width:				100%;
	background-color:	#ff8800;
	background-image:	linear-gradient(to right, #ea7a00 0%, #ff8800 20%, #ff8800 80%, #ea7a00 100%);
	margin:				0;
	padding:			0;
}

.archive_container {
	justify-content:	center;
	display:			flex;
	flex-wrap:			wrap;
}

#title_container H1 {
	font-size:			700%;
	color:				#ffffff;
	font-weight:		bold;
	line-height:		150%;
	margin:				0;
	padding:			0;
	text-shadow:		1px 1px 1px #000000;
}

@media screen and (max-width: 500px) {
	 #title_container H1{
		font-size:		200%;
		padding-right:	auto;
		padding-left:	auto;
		text-shadow:	1 1 0 #000000;
		display:		flex;
		justify-content:center;
	}
}

#linkicons {
	display:			flex;
	justify-content:	right;
	text-arign:			right;
	float:				right;
	align-items:		flex-end;
	top:				0;
	right:				0;
}


#linkicons A:hover {
	background-color:	#ffaa22;
}

H2 {
	line-height:		1.3em;
	text-align:			center;
	color:				#ffffff;
	text-decoration:	none;
	font-weight:		bold;
	font-size:			15pt;
	padding:			0;
	margin:				0.3em 0 0.3em 0;
	width:				200px;
	text-shadow:		1px 1px 1px #000000;
}

#container {
	max-width:			800px;
	margin:				auto;
}

H3.infopar, H3.commentpar {/*「この記事の情報」「コメント」のタイトルバー*/
	text-align:			center;
	color:				#ffffff;
	text-decoration:	none;
	font-size:			10pt;
	margin:				0;
	padding:			1em;
	background-color:	#ff8800;
	background-image:	linear-gradient(to right, #ea7a00 0%, #ff8800 20%, #ff8800 80%, #ea7a00 100%);
	cursor:				pointer;
	letter-spacing:		0.3em;
	border-radius:		2px;
	box-shadow:			1px 1px 3px rgba(0,0,0,0.2);
	border:				1px solid #dd7700;
}

H3.infopar {
	margin-top:			2em;
	margin-bottom:		1px;
}

H3.infopar:hover, H3.commentpar:hover {
	background-color:	#ffaa22;
	background-image:	linear-gradient(to right, #faa01a 0%, #ffaa22 20%, #ffaa22 80%, #faa01a 100%);
}

.infochi {/*「この記事の情報」の中身*/
	padding-bottom:		1em;
}

.commentchi ul {
	padding:			0;
}

A {
	color:				#3333cc;
	text-decoration:	none;
	line-height:		100%;
}

HR { 
	border:				none;
	border-top:			1px solid #333333;
	margin:				0;
}

HR.pause {/*大きい空行*/
	margin:				5em;
	border:				none;
}

IMG {
	border:				none;
	margin:				0;
}

DIV.entryblock {
	margin:				0 0 1em 0;
	padding:			2em;
	text-align:			left;
	border:				none;
	background-color:	#ffffff;
}

DIV.entrytitle {
	width:				200px;
	height:				320px;
	float:				left;
	background-color:	#ff8800;
	background-image:	linear-gradient(to right, #ea7a00 -50%, #ff8800 20%, #ff8800 80%, #ea7a00 150%);
	position:			relative;
	margin:				0.7em;
	padding:			0;
	border-radius:		2px;
	border:				1px solid #dd7700;
}

DIV.entrytitle:hover {
	background-color:	#ffaa22;
	background-image:	linear-gradient(to right, #faa01a 0%, #ffaa22 20%, #ffaa22 80%, #faa01a 100%);
}

DIV.entryinfo {
	font-size:			10pt;
	text-decoration:	none;
	color:				#ffffff;
	text-shadow:		0 0 1px #000000;
	margin:				0;
	padding:			0;
}

.entryinfo A {
	color:				#ffffff;
}

.jumper {
	background-color:	#ff8800;
	color:				#ffffff;
	width:				none;
	width:				32px;
	height:				32px;
	border-radius:		2px 0 0 2px;
	position:			fixed;
	right:				0;
	display:			flex;
	justify-content:	center;
	align-items:		center;
	border:				1px solid #dd7700;
	box-shadow:			1px 1px 3px rgba(0,0,0,0.2);
}

.jumper:hover {
	background-color:	#ffaa22;
}
.single_entrytitle {
	width:				800px;
	height:				200px;
	background-color:	#ff8800;
	background-image:	linear-gradient(to right, #ea7a00 -50%, #ff8800 20%, #ff8800 80%, #ea7a00 150%);
	padding:			0;
	float:				none;
	margin:				auto;
}

.single_entrytitlechar {
	float:				right;
	width:				100%;
	max-width:			580px;
	z-index:			1;
}

.single_entryimg {
	width:				200px;
	height:				200px;
	float:				left;
	bottom:				0;
	left:				0;
	z-index:			0;
}

H2.single_title {
	width:				100%;
	font-size:			20pt;
}

@media screen and (max-width: 800px) {
	.single_entrytitle {
		width:			200px;
		height:			320px;
		float:			none;
		background-color:#ff8800;
		position:		relative;
		margin:			0 auto 0.7em auto;
		padding:		0;
	}
	
	.single_entrytitlechar {
		float:			none;
		width:			100%;
		max-width:		200px;
		z-index:		1;
		position:		absolute;
	}
	
	.single_entryimg {
		width:			200px;
		height:			200px;
		float:			left;
		bottom:			0;
		left:			0;
		z-index:		0;
		position:		absolute;
	}
	
	H2.single_title {
		font-size:		15pt;
	}
}

P {
	margin:				0;
	padding:			0;
}

DIV.ps {/*追記(廃止予定)*/
	background-color:	#e0e0e0;
	color:				#333333;
	padding:			0.5em;
}

SPAN.ps {/*追記(廃止予定)*/
	background-color:	#e0e0e0;
	color:				#333333;
}

INS {/*追記*/
	text-decoration:	none;
	background-color:	#e0e0e0;
	color:				#333333;
}

.colored_list li:nth-child(odd) {/*リストの偶数行に色をつける*/
	background-color:	rgba(230,230,230,0.5);
}

.colored_list li:nth-child(even) {/*リストの奇数行に色をつける*/
	background-color:	rgba(250,250,250,0.5);
}

.invisible {/*余談(廃止予定)*/
	opacity:			0.5;
	filter:				alpha(opacity=50);
	-ms-filter:			"alpha( opacity=50 )";
}

ASIDE {/*余談*/
	opacity:			0.5;
	filter:				alpha(opacity=50);
	-ms-filter:			"alpha( opacity=50 )";
}

BLOCKQUOTE {
	border:				none;
	border-left:		5px solid #ff8800;
	padding-left:		1em;
	margin:				1em 0 1em 1em;
}

.main_point_map {/*主要地点の地図*/
	margin:				0;
	padding:			0;
	list-style-type:	none;
}

.reference {/*参考文献*/
	margin:				0;
	padding:			0;
	list-style-type:	none;
}

.update_history {/*更新履歴*/
	margin:				0;
	padding:			0;
	list-style-type:	none;
}

INPUT#author {/*コメント投稿フォーム*/
	style:				width:50%;
	border:				1px inset #000000;
}

TEXTAREA#comment {
	width:				100%;
	border:				1px inset #000000;
}

INPUT#submit {
	display:			block;
	margin:				0 auto 0 auto;
	color:				#ffffff;
	background-color:	#ff8800;
	background-image:	linear-gradient(to right, #ea7a00 -50%, #ff8800 20%, #ff8800 80%, #ea7a00 150%);
	border:				1px solid #dd7700;
	padding:			1em	30px 1em 30px;
	font-size:			20px;
	border-radius:		2px; 
	letter-spacing:		0.3em;
	box-shadow:			1px 1px 3px rgba(0,0,0,0.2);
	cursor:				pointer;
	font-weight:		bold;
}

INPUT#submit:hover {
	background-color:	#ffaa00;
	background-image:	linear-gradient(to right, #faa01a 0%, #ffaa22 20%, #ffaa22 80%, #faa01a 100%);
}

.pagenation {/*ページネーションのコンテナ*/
	text-align:			center;
	margin:				1em auto 1em auto;
}
.page-numbers {/*ページネーションの文字*/
	border:				1px solid #dd7700;
	color:				#ffffff;
	background-color:	#ff8800;
	background-image:	linear-gradient(to right, #ea7a00 -50%, #ff8800 20%, #ff8800 80%, #ea7a00 150%);
	border-radius:		2px;
	font-size:			12pt;
	line-height:		150%;
	margin:				0 5px 0 5px;
	padding:			5px;
}

.current {/*ページネーションの文字（カレントはハイライトする）*/
	background-color:	#ffaa22;
	background-image:	linear-gradient(to right, #faa01a 0%, #ffaa22 20%, #ffaa22 80%, #faa01a 100%);
}

.page-numbers:hover {/*ページネーションの文字（マウスオーバー）*/
	background-color:	#ffaa22;
	background-image:	linear-gradient(to right, #faa01a 0%, #ffaa22 20%, #ffaa22 80%, #faa01a 100%);
}

.dots:hover {/*ページネーションの文字（…の時はマウスオーバー時にハイライトしない）*/
	background-color:	#ff8800;
	background-image:	linear-gradient(to right, #ea7a00 -50%, #ff8800 20%, #ff8800 80%, #ea7a00 150%);
}

/*▲▲▲▲▲▲▲▲▲▲基本▲▲▲▲▲▲▲▲▲▲*/

/*▼▼▼▼▼▼▼▼▼▼colorbox▼▼▼▼▼▼▼▼▼▼*/
/*
	ColorBox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
	position:			absolute;
	top:				0;
	left:				0;
	z-index:			9999;
	overflow:			hidden;
}

#cboxOverlay {
	position:			fixed;
	width:				100%;
	height:				100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
	clear:				left;
}

#cboxContent {
	position:			relative;
}

#cboxLoadedContent {
	overflow:			auto;
}

#cboxTitle {
	margin:				0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	height:
	100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
	cursor:				pointer;
}

.cboxPhoto {
	float:				left;
	margin:				auto;
	border:				0;
	display:			block;
	max-width:			none;
	cursor:				pointer;
}

.cboxIframe {
	width:				100%;
	height:				100%;
	display:			block;
	border:				0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
	box-sizing:			content-box;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
	background:			#000000;
}

#colorbox {
	
}

#cboxContent {
	margin-top:			0px;
	overflow:			visible;
}

.cboxIframe {
	background:			#ffffff;
	color:				#cccccc;
	cursor:				pointer;
}

#cboxError {
	padding:			50px;
	background:			#ff8800;
	border:				none;
	color:				#ffffff;
	cursor:				pointer;
	text-align:			center;
}

#cboxError:hover {
	padding:			50px;
	background:			#ffaa22;
	border:				none;
	color:				#ffffff;
	cursor:				pointer;
	text-align:			center;
}

#cboxLoadedContent {
	background:			#000;
	padding:			0px;
}

#cboxLoadingGraphic {
	background:			url(loading.svg) no-repeat center center;
}

#cboxLoadingOverlay {
	/*background:#000000;*/
}

#cboxTitle {
	position:			absolute;
	top:				-22px;
	left:				0;
	color:				#000000;
}

#cboxCurrent {
	position:			absolute;
	top:				-22px;
	right:				205px;
	text-indent:		-9999px;
}

#cboxSlideshow, #cboxPrevious, #cboxNext, #cboxClose {
	/*text-indent:		-9999px;
	width:				20px;
	height:				20px;
	position:			absolute;
	top:				-20px;
	background:			url(images/controls.png) no-repeat 0 0;*/
}

#cboxPrevious {
	background-position:0px 0px;
	right:44px;
}

#cboxPrevious:hover {
	background-position:0px -25px;
}

#cboxNext {
	background-position:-25px 0px;
	right:22px;
}

#cboxNext:hover {
	background-position:-25px -25px;
}

#cboxClose {
	background-position:-50px 0px;
	right:				0;
}

#cboxClose:hover {
	background-position:-50px -25px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
	right:				66px;
}

.cboxSlideshow_on #cboxSlideshow {
	background-position:-75px -25px;
	right:44px;
}

.cboxSlideshow_on #cboxSlideshow:hover {
	background-position:-100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
	background-position:-100px 0px;
	right:44px;
}

.cboxSlideshow_off #cboxSlideshow:hover {
	background-position:-75px -25px;
}
        
/*▲▲▲▲▲▲▲▲▲▲colorbox▲▲▲▲▲▲▲▲▲▲*/
