@charset "UTF-8";
/* CSS Document */
/* naturog responsivtenplate customized edi　ver2.02 */
<meta name="google-site-verification" content="NjMXvhbVCH4A9zSrD_JNqBykLQd64xe8n19gVi_pRh8" />

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}

body {
	color: #333;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff;
	overflow-x : hidden;
	margin-top:29px;
}
a{
	color:#333;
}
a:link{
	color:#333;
}
a:visited{
	color:#333;
}
a:active{
	color:#333;
}
a:hover{
	color:orange;
}
.page_nav{
	font-size: 20px;
	margin: 20px 10px 10px;
	border: 3px solid #dddddd;
	text-align: center;
	padding: 10px 0;
}
.youtube{
	position:relative;
	height:0;
	padding-top:56.25%;
	font-size:12px;
}
div.youtube>iframe{
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.map{
	width:90%;
	margin:0 auto 30px;
}
.map>div{
	position:relative;
	height:0;
	padding-top:75%;
	font-size:12px;
}
div.map>div>iframe{
	height:100%;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}
.right{
	float: right;
}
.left{
	float: left;
}
.kadomaru{
	border-radius:10px;
}
#blog_header {
        position:absolute !important;
}
#blog_header a{
        
}
ol li{
	list-style-position: inside;
}
/*/////////////
　スマートフォン
/////////////*/
.navPager a{
	top:80% !important;
}
/*ヘッダー*/
#top_d {
	max-width:1000px;
	margin:0 auto;
}
#header_top{
	height:0;
	padding-top:50%;/*背景画像の高さ÷長さ×100%を入力*/
	background: url("https://img01.naturum.ne.jp/usr/z/e/r/zero21kei/top_31_2.jpg") 0 0 no-repeat;/*背景画像*/
	background-size:cover;
	margin-bottom:1em;
	position:relative;
}
/*ブログタイトル*/
h1.blogtitle{
	color:#fff;
	font-size:90%;
	font-weight:bold;
	position:absolute;
	top:78%;/*位置　上からどれぐらいか　文字数などによって適正な位置が変わるので適宜変更してください*/
	right:10%;/*位置　左からどれぐらいか*/
}
.blogtitle a{
	color:#fff;
	text-decoration:none;
}
.blogtitle a:hover{
	text-decoration: underline;
}
/*ブログタイトル下のテキスト*/
#description {
	font-size:60%;
	line-height:1;
	color: #fff;
	position:absolute;
	top:90%;/*位置　上からどれぐらいか　文字数などによって適正な位置が変わるので適宜変更してください*/
	right:2%;/*位置　左からどれぐらいか*/
	
}
/* main */
#middle{
}
#work1 {
	width: 100%;
	overflow: hidden;
}

/*トップページ*/
#content {
	background-color: #fff;
	width:100%;
	padding:1em 0.5em ;
	margin-bottom:2em;
	border-radius: 10px;
	box-sizing: border-box;
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}
/*#work1 */
#work1 section>div{
    border-bottom: 1px dotted #999;
    margin-bottom: 2em;
    padding-bottom: 2em;
}
#work1 section>div:last-of-type{
	border: none;
}
#work1-1 #topnews dl {
	box-sizing:border-box;
	-moz-box-sizing:border-box; /* Firefox */
	-webkit-box-sizing:border-box;
}
#work1 #topnews dl {
	display: flex;
	justify-content:space-between;
}
#work1 #topnews dt{
	width: 40%;
	float: left;
	height:100px;
	min-height: 100px;
}
#work1 #topnews dt img{
	width:100%;
	object-fit:cover;
}
#work1 #topnews dd {
	width:55%;
	float: right;
}
#work1 #topnews dd h3 {
    font-size: 100%;
	line-height:1.2;
	margin-bottom:0.5em;
}
#work1 #topnews dl h3 a{
    text-decoration: none;
}
#work1 #topnews dl h3 a:hover{
    color: #b22222;
}
#work1 #topnews dd .blog_info{
	font-size: 80%;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	margin-bottom: .5em;
	padding: 3px 5px;
	overflow: hidden;
	}
#work1 #topnews dd .blog_info .left{
	display: none;
	}
#topnews dd .smanone {
	display: none;
}
/*#work1 */
a.acontinues {
	margin-bottom: 20px;
	color: #FFF;
	padding: 6px 16px;
	font-size: 90%;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top: 10px;
	background-color: #1e0fbe;
}
a.acontinues:link {
	background-color: #000;
	color: #FFF;
}
a.acontinues:hover {
	background-color: #3399CC;
	color: #FFF;
}
a.acontinues:visited {
	background-color: #000;
	color: #FFF;
}

/*個別記事*/
/*記事タイトル*/
.entry-title {
    color: #333;
    font-weight: 800;
    font-size: 120%;
    line-height: 1.5;
    margin-bottom: 5px;
}
/*記事タイトル下の日付部分*/
.fa-clock-o::before {
    content: "□";
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}
.fa-tags::before {
    content: "□";
}
.blog_info {
	font-size:80%;
    border-bottom: #ddd solid 1px;
    border-top:solid 1px #ddd;
    margin-bottom: 1.5em;
    padding: 5px 1em;
    overflow: hidden;
}
.blog_info a{
	margin-right: .5em;
}

/*記事内容*/
.blogbody{
	margin:0.8em 0 3em;
}
.main{
	line-height:1.7em;
	margin-top: 20px;
	margin-bottom: 5px;
	word-wrap: break-word;
	word-break: break-all;
}
.main>div:first-child{
	width: 96%;
	margin:0 2%;
}
.main>div:first-child p{
	margin-bottom: 2em;
}
.main img{
	margin: 1em 0;
}
.blogbody h2{
	font-size: 140%;
	padding: .5em;
	margin-bottom:1.5em;
	border-top:solid 1px #1a1a1a;
	border-bottom:solid 1px #1a1a1a;
}
.tag_list{
	margin-bottom: 1em;
}
/*過去記事リンク*/
div.oldentry{
  position: relative;
	border:solid #666666 1px !important;
	border-radius: 0 3px 3px 3px;
	padding: 3px;
	min-height: 120px;
	margin-bottom: 3em;
}
div.oldentry::before {
  content: '関連記事';
  color: #fff;
  font-size: 80%;
  display:block;
  position: absolute;
  top:-1.8em;
  left: -1px;
  height: 1.8em;
	line-height: 1.8em;
  background: #666666;
  padding: 0 1em;
  border-radius: 3px 3px 0 0;
  text-shadow: none;
}
.oldentry .input_img{
	border: none !important;
	background: none !important;
	height: auto !important;
	margin-right: .5em;
}
.input_date, .input_title, .input_body{
	font-size:80%;
	line-height: 1.3;
}
.input_title{
  font-size: 100%;
}
/* ソーシャルボタン */
div.main>div.c3_social_button{
	margin:0 auto;
	padding:inherit;
	text-align:center;
}
div.c3_social_button ul{
	margin:0 auto;
}
div.c3_social_button ul li.c3_social_button:nth-child(2n+1){
	clear:none !important;
}
li.c3_social_button:nth-child(3),li.c3_social_button:nth-child(4){
	width:85px !important;
}
.category-bar a{
	color:inherit !important;
}
.category-bar,.comments-head{
  color: inherit !important;
  background: #fff !important;
  font-size: 120% !important;
  line-height: 1 !important;
  border-bottom :2px solid #555 !important;
  margin-bottom: 2em !important;
  padding: 0 0 .3em 1em !important;
}
div.set-relevance:last-of-type{
	border:none;
}
.image-relevance{
	margin-left:0 !important;
}
.image-relevance img{
	margin-top:0 !important;
}
/*タグ　前のページ　次のページ*/
.inside {
    display: table-cell;
    margin: 0;
    padding: 0;
    text-align: center;
	vertical-align:middle;
    transition: all 0.8s ease 0s;
}
.insideout {
	float:left;
	margin-right: 0.5em;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.insideout2 {
	float: right;
	margin-top: 1em;
	margin-bottom: 0.5em;
}
.inside p,.inside2 p{
	font-size: 120%;
    font-weight: bold;
}

/*タグ*/
a.amenu{
	clear:both;
	color:#fff;
	background-color: #aaa;
	text-decoration:none;
	padding:7px 20px;
	margin-right: 10px;
	margin-bottom: 5px;


}
a.amenu:link{
	clear:both;
	text-decoration:none;
}

a.amenu:hover{
	text-decoration:none;
	background-color:#333;
	box-shadow:200px 0 0 0px #ddd inset;
	border-radius: 3px;
}

a.amenu:visited{
	clear:both;
	text-decoration:none;
}
/*次へ前へボタン*/
a.amenu2{
	clear:both;
	color:#fff;
	text-decoration:none;
	background-color: #aaa;
	border-radius: 3px;
	padding: 7px; 20px;
	margin: 0 5px 0 10px;
	font-weight: bold;
}
a.amenu2:link{
	clear:both;
	text-decoration:none;
	font-weight: bold;
}
a.amenu2:visited{
	clear:both;
	text-decoration:none;
	font-weight: bold;
}
a.amenu2:hover{
	clear:both;
	text-decoration:none;
	background-color: #333;
	border-radius: 3px;
	font-weight: bold;
	box-shadow:200px 0 0 0px #ddd inset;
}
.menu{
	color:#333;
	font-size:88%;
	text-align:center;
	margin-bottom: 20px;
}
.date{
	letter-spacing:0;
	text-align:left;
	color: #1e90ff;
	font-size: 10px;
	padding-top: 3px 0 2px;
}
.main-continues{
	font-size:100%;
	margin-bottom: 20px;
	padding: 5px;
	display: block;
}

.posted{
	font-size:11px;
	text-align:right;
	margin-top: 5px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

/*　コメント　*/
.comments-head{
	padding:10px 0 0 10px;
	text-align:left;
	color: #FFFFFF;
	background-color: #333333;
	padding-bottom: 10px;
	font-weight: bold;
}
.comments-box{
	border-bottom: 1px dotted #ccc;
	margin-bottom:3em;
	padding-bottom:2em;
}
.comments-body{
	font-size:13px;
	line-height:145%;
	margin: 20px 0 5px;
}

.comments-post{
	color:#666;
	font-size:88%;
	text-align:right;
}
div.comments-box:last-of-type{
	border:none !important;
}
.comments-post .comments-author{
    width:100%;
    text-align:right;
}
.comments-post .comments-prof{
    height:40px;
    border-radius:5px;
}
/*コメント入力欄*/
#respond{
	margin-bottom: 4em;
	}
#respond form p input{
	margin:0 .5em .5em 0;
	padding:.3em;
	border-radius:3px;
}
#respond form p textarea{
	border-radius:3px;
	padding:.5em;
}
table.form{
    box-sizing:border-box;
	width: 100%;
	min-width:300px;
	margin-top: 25px;
	margin-left: 13px;
}
label{
	font-size:80%;
	font-weight:normal;
	color:#666;
}
#author, #email, #url{
	max-width:200px;
	width:calc(100% - 120px);
	border:1px solid #999CCC;
}
#text{
	font-size:88%;
	width:calc(100% - 100px);
	height:200px;
	border:1px solid #999CCC;
}
/*　trackback　*/
.trackback-url{
	color:#000;
	font-size:88%;
	font-weight:bold;
	margin-top: 10px;
	margin-bottom: 30px;
}
.trackback-body{
	font-size:88%;
	font-weight:normal;
	line-height:135%;
	width:370px;
	margin-top: 20px;
	margin-bottom: 5px;
}
.trackback-post{
	color:#666;
	font-size:88%;
	text-align:right;
	margin-top: 0;
	margin-bottom: 25px;

}
a.atrackback-post{color:#666;text-decoration:none;}
a.atrackback-post:hover{text-decoration:underline}


/*　rightculumm start　*/
#navi {
	width:100%;
}
#navi_220 {
}
#links{
}
aside{
	width:80%;
	margin:0 10%;
	padding:2em 0;
}
.sidetitle {
    border-bottom: 2px solid #cccccc;
    font-size: 110%;
    font-weight: bold;
    letter-spacing: 2px;
    margin: 1.5em 0 0.8em;
    padding: 0;
    text-align: left;
}
ul.rss{
	width:100%;
	text-align:center;
}
ul.rss li{
	border-right:#999 1px solid;
	display:inline;
	font-size:88%;
	font-style:normal;
	font-weight:bold;
	letter-spacing:0.2px;
	margin-right:0.3em;
	padding-right:0 0.5em 0 0.2em;
}
ul.rss a:link, ul.rss a:visited, ul.rss a:hover, ul.rss a:active{
}
a#clogBtnAlbum{
	text-decoration:none;
}
/* カレンダー ここから ----------*/
/* 大枠 */
.calender{
	text-align: center;
	margin-bottom: 10px;
	margin-top: 15px;
}
/* 上部年月日表示 */
.calendarhead{
	text-align: center;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 14px;
}
/* 枠 */
.calendartable{
	border: 0px solid #006699;
	font-size: 70%;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.calendartable th,.calendartable td{
	width: 24px;
	height: 24px;
	padding: 2px;
	text-align: center;
	border: solid 1px #f1f1f1;
}
/* 曜日枠 */
.calendarwd{
	background: #fcfcfc;
}
/* 曜日 */
.calendarweek{}
/* 日付枠 */
.calendard{
	text-align: center;
	color: #999999;
	background-color: #FFFFFF;
}
/* 日曜日 */
.sun{
	color: #FF3366;
}
/* 土曜日 */
.sat{
	color: #0099CC;
}
/* 今日 */
.today{
	font-weight: bold;
	color: #666;
	text-align:center;
	line-height:24px;
	width:24px;
	height:24px;
	display:inline-block;
	border-radius:24px;
	background: #ddd;
}
.calendartable a{
	color: #fff;
	text-align:center;
	line-height:24px;
	width:24px;
	height:24px;
	display:inline-block;
	border-radius:24px;
	background: #C91A27;
}

/* カレンダー ここまで ----------*/

.side{
	font-size:14px;
	line-height:1.4em;
	padding:0px;
	 -webkit-border-bottom-right-radius: 2px;
	 -webkit-border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	border-bottom-left-radius: 2px;
	margin-bottom: 10px;
}
.side .text{width:80px;}
a.arss{color:#666;text-decoration:underline;}
a.arss:hover{color:#666;text-decoration:none;}
.photo{text-align:center;}
.nickname{
	font-weight:bold;
	margin:10px 0;
	text-align:center;
}
.message{
	font-size:13px;
	color:#333;
	padding:10px;
	background:#eeeeee;
	border:1px solid #dcdcdc;
}
.checkers{
	font-size:78%;
	margin-top:10px;
}
.sidebody {
	margin-bottom: 1px;
	line-height: 1.3em;
	padding-bottom: 1px;
	padding-top: 1px;
}
.counter .side .sidebody {
	float: left;
	font-size: 12px;
	margin-right: 5px;
	margin-top: 5px;
	font-weight: bold;
	padding: 0px;
	margin-left: 5px;
}
.counter .side {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.counter_format {
	font-weight: normal;
}
.sidebody .aside {
}
img, video, object {
    border: medium none;
    height: auto;
    max-width: 100%;
	max-height:100%
}
.ad {
    padding-bottom: 10px;
}

/*footer*/
#bottom {
	margin: 0px;
	padding: 0px;
	background-color:#f2f2f2;
}
#copyright{
	font-size:13px;
	color:#1a1a1a;
	line-height:15px;
	text-align:center;
	opacity:0.5;
	padding: 10px 0;
}
/*footer end*/

/*/////////////
　タブレット
/////////////*/
@media all and (min-width: 627px){
	body{
	background-color:#f2f2f2;
	}
	.navPager a{
		top:50% !important;
	}
	/*header*/
	h1.blogtitle{
		font-size:140%;
		top:80%;/*位置　上からどれぐらいか　文字数などによって適正な位置が変わるので適宜変更してください*/
		right:10%;/*位置　左からどれぐらいか*/
	}
	#description {
		display:inherit;
		font-size:90%;
		top:89%;/*位置　上からどれぐらいか　文字数などによって適正な位置が変わるので適宜変更してください*/
		right:4%;/*位置　左からどれぐらいか*/
	}

	/*top-maincontents*/
	#work1 #content{
		width: 98%;
		margin: 0 1%;
		padding:40px 20px;
		margin-bottom:3em;
	}
	#work1 #topnews dl{
		overflow:hidden;
	}
	#work1 #topnews dl dt{
		float:left;
		width:200px;
		height:130px;
	}
	#work1 #content #topnews dl dd{
		width:calc(100% - 220px);
		float: right;
	}
	#work1 #content #topnews dl dd h3{
		font-size: 120%;
		font-weight:bold;
		line-height: 1.5;
		margin-bottom: 5px;
	}
	#work1 #topnews dd .blog_info .left{
		display:inherit;
		}
	#topnews  dd div.smanone{
		display:inherit;
	}
	/*個別記事*/
	.entry-title {
		font-size:150%;
	}
	.menu{
		padding:0 1.5em;
	}
	#navi{
		border-radius: none;
		background: #fff;
	}
}

/*/////////////
パソコン
/////////////*/
@media all and (min-width: 801px){
	#blog_header {
					position:fixed !important;
	}
	#blog_header a{
					display:inline;
	}
	#top_d,#middle{
		padding-top:1em;
	}
	#header_top{
		max-width:1000px;
		max-height:250px;
		margin:auto;
		border-radius:10px;
	}
	h1.blogtitle {
		color: #fff;
		font-size: 25px;
		font-weight: bold;
		line-height: 24px;
		margin: 0;
	}
	#work1{
		width:100%;
		max-width:1000px;
		margin:1em auto auto;
		overflow:hidden;
	}
	#work1 #content{
		margin: 0;
		float:left;
		width:calc(100% - 320px);
	}
	#topnews dd h3 {
		font-size: 150%;
	}
	#topnews .fa{
		font-size:100%;
	}
	#work1 #navi{
		width:300px;
		float:right;
		border-radius:10px;
	}

}