@charset "utf-8";


/*  
	Theme Name:  theme1
    Theme URI: 
    Description:  this is my original theme
    Author: Naomi Hashimoto
    Author URI: 
    Version: 1.0
*/
	
	/*ボディーメイン画像等*/
	
	html {
		height:100%;
	}

	body {
		word-break:break-all;
		font-family: sans-serif;
		background:#666;
		height:100%;	
	}
	
	#container{
		background:#fff;
		width:100%;
		height:auto;
		margin:0 auto;
	}

	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
	
	/*ヘッダー*/
	
	header {
		background: #0F6943;
		border-bottom: 10px solid #B9CE11;
	}
	
	header #image {
		width: 100%;
		display:none;
	}
	
	header #image2 {
		width:100%;
		display:block;
	}
	
	.relative {
		position: relative;
		max-width:1200px;
		margin:0px auto;
	}
	
	/*サイトタイトルとディスクリプション*/
	
	/*サイトタイトル1*/
	
/*	#container .relative h1.sitetitle, #container .relative div.sitetitle {
		position:absolute;
		top: 23%;
		left: 35%;
		transform: translate(-50%,-50%);
		font-size:4vw;
		letter-spacing:7px;
		text-shadow: 0 0 1px #98b6b9;
	}
	
	#container .relative h1.sitetitle a, #container .relative div.sitetitle a {
		text-decoration:none;
		color:#fff;
		font-weight:bolder;
		text-shadow: 1px 1px 3px #1574B9,-1px -1px 1px #0A6DC3,0px 0px 8px #ccc;
		transition:border;
		transition-duration:0.9s;
	}
	
	#container .relative h1.sitetitle a:hover, #container .relative div.sitetitle a:hover {
		text-shadow: 1px 1px 3px #1574B9,-1px -1px 1px #0A6DC3,0px 0px 10px #eee;
		opacity:1;
	}*/
	

#container .relative h1.sitetitle a, #container .relative div.sitetitle a {
		text-decoration:none;
		color:#2D2C2C;
		transition-property:all;
		transition-duration:0.5s;
		font-weight:bold;
	}
/*text-shadow:0px 2px 1px white,0px 1px 1px white,1px 1px 1px white,1px 0px 1px white,2px 0px 1px white,1px -1px 1px white,1px -2px 1px white,0px -2px 1px white,-1px -2px 1px white,-2px -2px 1px white,-2px -1px 1px white,-2px 0px 1px white,-2px 1px 1px white,-1px 1px 1px white,2px 2px 2px #333;	
*/
	
		#container .relative h1.sitetitle, #container .relative div.sitetitle {
		position: absolute;
		top: 35%;
		left: 30%;
		font-size: 35px;
		letter-spacing: 7px;
		text-shadow: 0 0 1px #747768;
	}

	#container .relative h1.sitetitle a:hover, #container .relative div.sitetitle a:hover {
		opacity:0.7;
	}
	
	#container .relative p{
		font-size: 16px;
		background: #fff;
		padding: 15px 40px;
		line-height: 1.5;
		letter-spacing: 3.5px;
		color: #5F5252;
		text-shadow: 0px 0px 1px #757575;
	}
	
	/*コンテンツ部分*/
	
	.contant {
		max-width:1200px;
		width:100%;
		margin:25px auto;
		background:#fff;
		box-sizing:border-box;
	}
	
	/*メイン、サイド部分*/
	
	#main {
		float:right;
		background:#fff;
		max-width: calc(100% - 325px);
		width:900px;
	}
	
	aside {
		float:left;
		background:#fff;
		width:290px;
		margin-left:10px;
	}
	
	/*記事一覧タイトル*/
	
	#main h1.archivetitle, #main h1.searchtitle {
		text-align: center;
		font-size: 1.6rem;
		margin:20px 0;
		letter-spacing: 1.5px;
		color: #4E7235;
	}
	
/*	#main h1.searchtitle  #main h1.hatena{
		width:900px;
		max-width:100%;
		margin:0px auto;
	}*/
	/*メイン部分 見出し装飾*/
	
/*	#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size:1.7rem;
		text-align:center;
		background:#fff;
		color:#414141;
		letter-spacing:1.5px;
		padding:16px 25px;
		line-height:35px;
	}*/
	
		/*メイン部分 見出し装飾2*/
	
/*	#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size: 23px;
		text-align: center;
		color: #5A5A5A;
		letter-spacing: 1.5px;
		padding: 13px 25px;
		border: 3px double #ccc;
		background: linear-gradient(to bottom, #ffffff 0%,#f4ebe3 100%);
		font-weight:lighter;
	}*/
	
			/*メイン部分 見出し装飾3*/
/*	
	#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size: 23px;
		text-align: center;
		color: #5A5A5A;
		letter-spacing: 1.5px;
		padding: 13px 25px 13px 40px;
		border-bottom: 3px solid #BFBBBB;
		background: #f5d7bd;
		font-weight: lighter;
		position: relative;
	}
	
	#main h1.page-title::before, #main h2::before,#main h2.page-title::before,#main h1.hatena::before {
		content:'';
		position: absolute;
		top: 27%;
		left: 1%;
		width: 9px;
		height: 23px;
		background: #fff;
}*/

			/*メイン部分 見出し装飾4*/
	
/*	#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size: 23px;
		text-align: center;
		color: #5A5A5A;
		letter-spacing: 1.5px;
		padding: 13px 25px 13px 40px;
		border-bottom: 3px solid #BFBBBB;
		background: #efeeba;
		font-weight: lighter;
		position: relative;
	}
	
	#main h1.page-title::before, #main h2::before,#main h2.page-title::before,#main h1.hatena::before {
		content: '';
		position: absolute;
		top: 0%;
		left: 0%;
		width: 6px;
		height: 30%;
		background: #c9ac81;
}

	#main h1.page-title::after, #main h2::after,#main h2.page-title::after,#main h1.hatena::after {
		content:'';
		position: absolute;
		top: 27%;
		left: 0%;
		width: 6px;
		height: 70%;
		background:#b94e4e;
}*/

			/*メイン部分 見出し装飾5*/
	
/*	#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size: 23px;
		text-align: center;
		color: #FFF;
		letter-spacing: 1.5px;
		padding: 13px 25px;
		border-bottom: 5px solid #BFBBBB;
		background: #27b355;
		font-weight: lighter;
	}*/
	
				/*メイン部分 見出し装飾6*/
	
/*	#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size: 23px;
		text-align: center;
		color: #FFF;
		letter-spacing: 1.5px;
		padding: 13px 25px;
		border: dashed 3px #fff;
		background: #1f8890;
		font-weight: lighter;
	}*/
					/*メイン部分 見出し装飾7*/
	
/*	#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size: 23px;
		text-align: center;
		color: #333;
		letter-spacing: 1.5px;
		padding:13px 25px 20px;
		font-weight: bold;
		position:relative;
	}
	
	#main h1.page-title::before, #main h2::before,#main h2.page-title::before,#main h1.hatena::before {
		content:'';
		position:absolute;
		bottom:0%;
		left:0%;
		width:100%;
		height:6px;
		background: #ffe032;
		background: linear-gradient(to right, #ffe032 0%,#ffe032 49%,#b7972d 100%);
	}
	
		#main h1.page-title::after, #main h2::after,#main h2.page-title::after,#main h1.hatena::after {
		content:'';
		position:absolute;
		bottom:0%;
		left:0%;
		width:10%;
		height:6px;
		background:transparent;
		border-bottom:dashed 5px #666;
	}*/
	
						/*メイン部分 見出し装飾7*/
	
/*	#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size: 23px;
		text-align: center;
		color: #333;
		letter-spacing: 1.5px;
		padding:13px 25px 20px;
		font-weight: bold;
		border-radius:18px;
		border-bottom:3px solid #45A3B3;
	}*/
		
						/*メイン部分 見出し装飾8*/
		
		#main h1.page-title, #main h2,#main h2.page-title,#main h1.hatena {
		font-size: 23px;
		text-align: center;
		color: #333;
		letter-spacing: 1.5px;
		padding:15px;
		font-weight: bold;
		border-radius:18px;
		border:3px double #45A3B3;
	}
	
	#main h1.page-title a, #main h2 a,#main h2.page-title a {
		text-decoration: none;
		color: #0000de;;
		font-weight: bold;
		text-shadow: 0 0 1px #e6e6e6;
	}
	
	#main h1.page-title a:hover, #main h2 a:hover,#main h2.page-title a:hover {
		color: #0000de;
		opacity:1;
	}
	
	
	#main p {
		font-size:19px;
		padding:15px 20px;
		line-height:1.6;
	}
	
	#main p.hatena2 a{
		text-decoration: none;
		color: #34BAC0;;
		font-weight: bolder;
		transition-property: all;
		transition-duration: 0.5s;
		text-shadow: 0 0 1px #e6e6e6;
	}
	
	#main p.hatena2 a:hover{
		color: #6e6c1b;
	}
	
	
	#main div a{
		text-decoration: none;
		color: #0000de;
		font-weight: bolder;
		transition-property: all;
		transition-duration: 0.5s;
		text-shadow: 0 0 1px #e6e6e6;	
	}
	
	#main div a:hover{
		opacity:0.7;
		text-decoration:underline;
	}
	
	/*アーカイブ記事一覧*/
		#main div.archive {
		margin-bottom:20px;
		}
	
	
	/*続きを読む*/
	
	.readmore {
		text-align:right;
		letter-spacing:2px;
	}
		
	/*ページネーション*/

	.page-number {
		text-align:center;
		margin:15px auto;
		width:100%;
		font-size:18px;
	}	
	
	.page-numbers, .dots ,.prev , .next {
		background:#fff;
		margin:0 0 0 8px;
		border:1px solid #ccc;
		display:inline-block;
		padding: 10px 20px;
	}
	.current {
		background:#98b6b9;
		color:#414141;
	}
	
/*	#container #main div a {
		font-weight:bold;
		color:#769FE9;
		text-shadow:none;
	}*/
	
	
	/*サイドバー*/

/*	.sidebar-title {
		text-align: center;
		background: #f0f0f0;
		color: #414141;
		font-weight: 900;
		padding: 10px 10px;
		font-size: 1.2rem;
		letter-spacing: 1.4px;
		border-bottom: 6px solid #dedd67;
	}*/
	
	/*サイドバー2*/
	
/*	.sidebar-title {
	text-align:center;
	color: #474974;
	position:relative;
	font-size:18px;
	padding:10px 10px;
	background:#88ccef;
	box-shadow:0 3px 3px 0 rgba(0,0,0,0.1);
	font-weight:bold;
	}
	
	.sidebar-title:before {
	content: '';
	position: absolute;
	top: -51%;
	left: 0%;
	width: 269px;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: transparent;
	border-bottom-color: #BDD717;	
	}
	*/
	
	/*サイドバー3*/
/*	
	.sidebar-title {
		padding: 10px 20px;
		font-weight: bold;
		font-size: 18px;
		color: #fff;
		background: #6E4040;
		position:relative;
	}
	.sidebar-title::before {
		content: '';
		background: #b79c9c;
		width: 54%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 46%;
	}*/
	
		/*サイドバー4*/
	
/*	.sidebar-title {
		padding: 10px 20px 10px 60px;
		font-size: 18px;
		border-bottom:4px solid #ccc;
		box-shadow:1px 1px 3px #ccc;
		color: #fff;
		font-weight:bold;
		background: #4C5E7A;
		position:relative;
	}
	.sidebar-title::before {
		content: '';
		background: #FFF no-repeat;
		width: 8%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 5%;	}*/
	
			/*サイドバー5*/
	
/*	.sidebar-title {
		padding: 10px 20px;
		font-size: 18px;
		color: #fff;
		font-weight:bold;
		background: #4C5E7A;
		position:relative;
		text-align:center;
	}
	.sidebar-title::before {
		content: '';
		height: 0;
		width: 0;
		border-style: solid;
		border-width: 0 0 21px 21px;
		border-color: transparent transparent #FFF;
		position: absolute;
		top: 46%;
		left: 93%;
		}
	.sidebar-title::after {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 21px 21px 0;
		border-color: transparent #fff transparent transparent;
		position: absolute;
		top: -2%;
		left: 93%;
		}*/
	
				/*サイドバー6*/
	
/*	.sidebar-title {
		padding: 10px 20px;
		font-size: 18px;
		color: #fff;
		font-weight:bold;
		background: #4C5E7A;
		position:relative;
		text-align:center;
	}
	.sidebar-title::before {
		content: '';
		height: 10px;
		width: 10px;
		background: #5DBAD1 no-repeat;
		border-radius: 30px;
		position: absolute;
		top: 39%;
		left: 7%;
		}*/
					/*サイドバー7*/
	
/*	.sidebar-title {
		padding: 10px 20px;
		font-size: 18px;
		color: #fff;
		font-weight:bold;
		background: #4C5E7A;
		position:relative;
		border-bottom:4px solid #ccc;
		text-align:center;
	}
	.sidebar-title::before {
		content: '';
		height: 30%;
		width: 6px;
		background: #e6b060;
		position: absolute;
		top: 0%;
		left: 0%;
		}
	.sidebar-title::after{
		content: '';
		height: 70%;
		width: 6px;
		background: #b94e4e;
		position: absolute;
		top: 29%;
		left: 0%;
		}*/
		
							/*サイドバー8*/
	
/*	.sidebar-title {
		padding: 10px 20px;
		font-size: 18px;
		color: #666;
		font-weight: bold;
		background: #fff;
		position: relative;
		box-shadow: 0px 3px 5px #CECECE;
		text-align: center;
	}
	.sidebar-title::before {
		content: '';
		height: 24px;
		width: 11px;
		background: #e6b060;
		position: absolute;
		top: -13%;
		left: 0%;
		transform: rotate(-144deg);
		}*/
								/*サイドバー9*/
	
/*	.sidebar-title {
		padding: 10px 20px;
		font-size: 18px;
		color: #757474;
		font-weight: bold;
		background: #fff;
		border: double 4px #e6e6e6;
		box-shadow: 0px 3px 5px #C9C9C9 inset;
		text-align: center;
		border-radius: 18px;
		text-shadow: 0px 0px 1px #ccc;
	}*/
	
									/*サイドバー10*/
	
/*	.sidebar-title {
		padding: 10px 20px 20px;
		font-size: 18px;
		color: #333;
		text-align: center;
		border-radius: 18px;
		text-shadow: 0px 0px 1px #ccc;
		font-weight: bold;
		position:relative;
	}

	
	.sidebar-title::before {
		content:'';
		position:absolute;
		bottom:0%;
		left:0%;
		width:100%;
		height:6px;
		background: #ffe032;
		background: linear-gradient(to right, #ffe032 0%,#ffe032 49%,#b7972d 100%);
	}
	
	.sidebar-title::after {
		content:'';
		position:absolute;
		bottom:0%;
		left:0%;
		width:30%;
		height:6px;
		background:transparent;
		border-bottom:dashed 5px #666;
	}*/
	
										/*サイドバー10*/
	
/*	.sidebar-title {
		padding: 10px 20px 20px;
		font-size: 18px;
		color: #333;
		text-align: center;
		border-radius: 18px;
		border-bottom:3px solid #BF0206;
		text-shadow: 0px 0px 1px #ccc;
		font-weight: bold;
	}*/
	
											/*サイドバー11*/
	
	.sidebar-title {
		padding: 15px;
		font-size: 18px;
		color: #333;
		text-align: center;
		border-radius: 18px;
		border:3px double #BF0206;
		text-shadow: 0px 0px 1px #ccc;
		font-weight: bold;
	}
	
	aside #recent-posts-3,aside #archives-3 {
		margin-bottom:20px;
	}
	
	aside #recent-posts-3,aside #archives-3 {
		border:0px solid #98b6b9;
	}
	
	aside ul {
		margin:10px;
	}
	
	aside ul li {
		text-align:center;
		padding:10px 5px;
		line-height:1.5;
		border-bottom:1px dotted #98b6b9;
	}


	aside ul li:last-child{
		border:none;	
	}
	
	aside ul li a{
		text-decoration: none;
		color: #747575;
		font-weight: bolder;
		display:inline-block;
		transition-property: all;
		transition-duration:0.3s;
		position:relative;
		padding-left:20px;
		
	}
	
/*◇のリストメニュー*/
/*	aside ul li a::after{
		content: '';
		position: absolute;
		top: 33%;
		left: -1%;
		width: 10px;
		height: 10px;
		transform: rotate(45deg);
		background: #666;	
	}
	*/
	
/*長方形のリストメニュー*/
	aside ul li a::after{
		content: '';
		position: absolute;
		top: 30%;
		left: -1%;
		width: 10px;
		height: 10px;
		background: #666;	
	}
	
	aside ul li a:hover::after{
		background:#A2B10D;
	}
	
	aside ul li a:hover{
		color: #5A8EDB;
	}
	
	/*検索フォーム*/

	#searchform {
		text-align:center;
		margin:30px auto;
	}
	
	.s {
		font-size:1rem;
		height:25px;
		margin-left:15px;
	}
	
	.searchsubmit {
		width:35px;
		height:35px;
		padding-left:8px;
	}
	
	.searchsubmit:hover {
		opacity:0.7;
	}
	
	/*フッター*/
	
	footer {
		color:#fff;
		background:#515451;
		text-align:center;
		font-size:1.3rem;
		padding:10px;
		position:relative;
		margin-top:80px;
	}
	
	footer a{
		color:#fff;
	}
	
	footer a:hover{
		text-decoration:none;
	}
	
	p#pagetop {
		background: #515451;
		padding: 15px 34px 20px 65px;
		position: absolute;
		right: 2%;
		top: -129%;	
	}
	
	p#pagetop a{
		position:relative;
		text-decoration:none;
		color:#fff;
		display:inline-block;
		transition-property:all;
		transition-duration:0.3s;	
	}
	
	p#pagetop a:before{
		content:'';
		width:50px;
		height:50px;
		position:absolute;
		top: -6px;
		left: -40px;
		background:url(image/yajirusi.png) no-repeat;
		background-size: 35px 35px;
		
	}
	
	.footertext{
		margin:10px;
	}
	
	p#pagetop a:hover{
		opacity:0.8;	
	}
	
/*スマホ用*/

@media screen and (max-width:910px){

	
	header #image {
		width: 100%;
		display:block;
	}
	
	header #image2 {
		width:100%;
		display:none;
	}
	/*メイン、サイド部分*/
	
	#main {
		float:none;
		background:#fff;
		max-width:100%;
		width:100%;
	}
	
	aside {
		float:none;
		background:#fff;
		width:100%;
		margin-left:0px;
		margin-top:30px;
	}
/*.sidebar-title::before {
	display:none;
	}*/
/*.sidebar-title::after {
	display:none;
	}*/
#container .relative h1.sitetitle, #container .relative div.sitetitle {
	position:static;
	background:#fff;
	text-align:center;
	font-size:20px;
	padding:15px 10px;
}
#container .relative p {
	padding:5px 40px 15px;
	font-size:14px;
}

#container .relative h1.sitetitle a, #container .relative div.sitetitle a {
	text-shadow:0px 0px 3px #ccc;
}

#main h1.page-title, #main h2, #main h2.page-title, #main h1.hatena {
	font-size:18px;
	text-shadow:0px 0px 8px #ccc;
	font-weight: bolder;
}

#main p{
	padding:15px 20px;
	}
#main h1.archivetitle, #main h1.searchtitle {
	font-size:18px;
	font-weight: bolder;
}

	aside ul li {
		text-align:left;
		padding:10px 5px 10px 40px;
	}

}

@media screen and (max-width:555px){
	p#pagetop {
		top:-90%;
	}
	#container .relative h1.sitetitle, #container .relative div.sitetitle {
	font-size:13px;	
	}
}