@charset "UTF-8";
/* CSS Document */
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;font-size:16px;}table{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}
input[type="button"],input[type="text"],input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}
body {
	color: #1A1A1A;
	font-family: "Avenir Next", -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic,'Yu Gothic', Verdana, Meiryo, sans-serif;
	overflow-x : hidden;
	background-color:#fff;
}
a:link {
	color: #448ACA;
	text-decoration: none;
}
a:visited {
	color:  #448ACA;
}
a:hover {
	color: coral;
}
a:active {
	color: coral;
}
body>img{
	display:none;
}
.page_nav{
	font-size: 20px;
	margin: 20px 10px 10px;
	border: 3px solid #dddddd;
	text-align: center;
	padding: 10px 0;
}
img{
	max-width: 100%;
	height: auto;
}
img.tate{
	width:70%;
	margin:0 15%;
	height: auto;
	text-align:center;
}
.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%;
}
.ad1{
  width: 1050px;
  max-width: 100%;
	margin:0 auto 3em;
}
table.info {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	table-layout: fixed;
	width: 100%;
}
table.info tr {
	border: 1px solid #ddd;
	display: block;
}
table.info th {
	display:none;
}
table.info td {
	font-size:80%;
	line-height:1.5;
	display: block;
	padding:.2em .6em;

}
table.info td:before {
        content: attr(aria-label);
        float: left;
        margin-right:.3em;
}
table.price{
        border-collapse:collapse;
}
table.price th{
	background: #ddd;
}
table.price th,table.price td{
	border: solid 1px #aaa;
	padding: .2em .8em;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.big{
	font-size:150%;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing: -.1em;
	padding:0 .3em;
}
.small{
	font-size:12px;
	line-height: 12px;
}
.code{
	padding:1em;
	background:#2e3639;
	border-radius:3px;
	color:#94b8d7;
}
.box-shadow{
    box-shadow:0 0 5px 3px rgba(100,100,100,0.2);
}
.mab2{
	margin-bottom:2em;
}
.cntr{
	text-align:center;
}
.right{
	float:right;
}
.navPager a{
	top:80% !important;
}
.oldentry{
	border:solid #448aca 1px !important;
	border-radius: 3px;
	padding: 3px;
	min-height: 120px;
	margin-bottom: 3em;
}
.oldentry .input_img{
	border: none !important;
	background: none !important;
	height: auto !important;
	margin-right: 1em;
}
.input_date, .input_title, .input_body{
	font-size:80%;
	line-height: 1.3;
}
.input_title{
	margin-top: 1em;
}
.menber{
	padding: 1em;
	margin-bottom: 5em;
}
.menber li i{
	 font-size:80%;
	 color:#666;
	 margin: 0 .5em 0 1em;
}
#wrap{
	overflow:hidden;
/*	background-image:url(http://img01.naturum.ne.jp/usr/e/d/i/edi/bg.gif);ナビとフッターとの隙間対策*/
}
/*ヘッダー*/
#blog_header {
        position:absolute !important;
}
#blog_header a{
        display:none;
}
#top_d {
	margin-bottom:3em;
	padding:1em 1em 2em 1em;
	background-color:#f9f9f9;
	text-shadow:0 1px 1px #fff;
	box-shadow:0 1px 1px #eee;
	/*background-color:#448ACA;*/
}
/*ブログタイトル*/
#header_top{
	position:relative;
}
h1.blogtitle{
	color:#8AB3CF;
	font-size:200%;
	font-family: 'lora', serif;
	text-shadow: 0px 1px 1px #fff;
	letter-spacing: .1em;
	margin-bottom: .3em;
}
h1.blogtitle span{
	font-size: 50%;
	letter-spacing: 0;
	text-shadow: none;
	margin-left: 1em;
	display:none;/*スマフォでは消す*/
}
h1.blogtitle span i{
	margin:0 5px;
	font-size:60%;
	vertical-align:middle;
}
h1.blogtitle a{
	color: #1a1a1a;
	text-decoration:none;
}
h1.blogtitle a:hover{
	color:#8AB3CF;
	text-decoration:none;
}
/*ブログタイトル下のテキスト*/
#description {
	font-size:80%;
	line-height:1;
}
input#searchsubmit {
	font-family: FontAwesome;
	text-align:center;
	padding:.5em .5em;
	border-radius:50%;
}
input#searchsubmit :hover{
	background:#FFBF00;
}
form div.search{
	text-align:right;
	margin:2em .5em 0;
}
/*ヘッダー終わり*/

/*ミドル*/
article{
	padding:0 0 1em;
	background:#fff;
}
section{
	margin-bottom: 3em;
}
/*トップページ*/
/*トップ-タイル部分*/
#grid-contnt{
	margin-bottom:10em;
}
#grid-contnt section center{
	display: none;
}
#grid-contnt .topnews{
	margin-bottom:3em;
	padding-bottom: 1em;
	border-bottom: dashed 1px #1a1a1a;
	position: relative;
}
#grid-contnt .topnews:last-of-type{
	border: none;
}
#grid-contnt .topnews .img img{
	width: 100%;
	height:250px;
	border-radius:3px;
	object-fit:cover;
}
.topnews h2{
    font-size: 120%;
    line-height: 1;
    background: rgba(0,0,0,0.3);
    position: absolute;
    top: calc( 250px - 3em );
    left: 0;
    height: 2em;
    width: calc( 100% - 1em);
    padding: .5em;
    border-radius: 0 0 3px 3px;
}
.topnews h2 ,.topnews h2 a{
	color:#fff;
}
.topnews h2 a{
    text-decoration: none;
}
.topnews h2 a:hover{
    color: #FFDB3D;
}
.blog_info{
	font-size: 90%;
	display: flex;
	justify-content:space-between;
	margin-bottom: 1em;
}
.day span:first-child{
	margin-right: .3em;
}
.blog_info .fa-tag{
	color: dimgray;
	font-size: 80%;
	margin: 0 .3em;
}
#grid-contnt p.intro{
	line-height:1.2;
	margin-bottom:.5em;
}
.rm_btn {
	color: #fff !important;
    position: relative;
    display: inline-block;
    padding: 7px 10px 10px 10px;
    text-decoration: none;
    background: #95C6E9;
    border-radius: 3px;
    transition: .4s;
	margin: 1em auto 2em;
}
.rm_btn>span {
    border-bottom: solid 2px #FFF;
}
.rm_btn:hover {
    background: #448ACA;
}
.coment{
	font-size: 80%;
	text-align: right;
}
/*トップ-タイル部分終わり*/

/*個別記事*/
article{
	width: 96%;
	margin: 0 2%;
}
/*記事タイトル*/
h1.entry-title  {
	font-size: 150%;
}
/*記事タイトル下の日付部分*/
.blogbox {
    margin-bottom: 3em;
    padding: 5px .2em;
	overflow:hidden;
}
.blogbox p{
	font-size:85%;
}
.blogbox .right{
	float:right;
}
.blogbox .right i{
	margin-right:.3em;
}
.blogbox .left{
	float:left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, "serif";
}
.blogbox a{
	margin-right: .5em;
}
/*記事内容*/
.blogbody>center{
	margin-bottom:5em;
}
.blogbody>center p{
	display:inline-block;
}
.main div.cntnt.main{
	margin-bottom: 5en;
}
div.cntnt,.main div.cntnt2{
	line-height:1.8;
	word-wrap: break-word;
	word-break: break-all;
}
.cntnt>div:first-child,.cntnt2>div:first-child img{
    display: block;
    margin: 0 auto;
    border-radius: 5px;/*記事中画像の角丸値*/
}
.blogbody h2,.blogbody h3 {
	color: #95C6E9;
	font-size: 24px;
	font-weight: bold;
	position: relative;
	line-height: 1;
	width: calc(100% - 36px);
	margin:0 auto 1em;
	padding:0.25em 18px;
	display: inline-block;
	top:0;
}

.blogbody h2:before,.blogbody h3:before,.blogbody h2:after,.blogbody h3:after{
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
}
.blogbody h2:before,.blogbody h3:before{
	border-left: solid 3px #95C6E9;
	border-top: solid 3px #95C6E9;
	border-bottom: solid 3px #95C6E9;
	left: 0;
}
.blogbody h2:after,.blogbody h3:after{
	content: '';
	border-right: solid 3px #95C6E9;
	border-top: solid 3px #95C6E9;
	border-bottom: solid 3px #95C6E9;
	right: 0;
}
.blogbody h4 {
	font-size: 18px;
	position: relative;/*相対位置*/
	padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
	line-height: 1.4;/*行高*/
	border-top: dotted 1px gray;
	border-bottom: dotted 1px gray;
	margin-bottom: 1em;
}

.blogbody h4:before{ font-family: FontAwesome;/*忘れずに*/
	content: "\f138";/*アイコンのユニコード*/
	position: absolute;/*絶対位置*/
	font-size: 1em;/*サイズ*/
	left: 0.25em;/*アイコンの位置*/
	top: 0.5em;/*アイコンの位置*/
	color: #a7d6ff; /*アイコン色*/
}
.blogbody  h5{
	font-size:120%;
	margin-bottom:0.5em;
}
div.cntnt>div,div.cntnt2>div:first-child{
	margin-bottom: 6em;
}
div.cntnt>div>div,div.cntnt2>div:first-child>div{
	margin-bottom: 6em;
}
div.cntnt>div>p,div.cntnt2>div:first-child p{
	margin:0 0 4em;
}
div.main div.tag_list{
	margin-bottom:1em;
}
div.photobox,div.photobox-tate{
	font-size:90%;
	margin:0 auto 2em !important;
	line-height:1.2;
}
div.photobox-tate{
	width:70%;
}
div.photobox p,div.photobox-tate p{
	margin-bottom: 0.2em;
}
div.cntnt>div> div.photobox p, div.cntnt2>div:first-child div.photobox p,div.cntnt>div> div.photobox-tate p, div.cntnt2>div:first-child div.photobox-tate p{
	margin-bottom:0.2em ;
}
div.photobox img.smartphon{
    width:320px;
	margin:0 auto;
}
span.code{
	display:block;
	width:80%;
	padding:1em;
	margin:.5em auto;
}
.maru,.batsu{
	margin-bottom:2em;
}
.maru li,.batsu li{
	line-height:1.2;
	margin-bottom:1em;
	padding:.5em 1em;
/*	background:#f9f9f9;
*/}
.maru li:before,.batsu li:before{
  font-family: FontAwesome;
  font-size:140%;
  margin-right:.5em;
}
.maru li:before{
  content: '\f10c';
}
.batsu li:before{
  content: '\f00d';
}
/* 関連記事 */
.kannren {
	padding:10px;
	margin:0;
	background:url(http://img01.naturum.ne.jp/usr/e/d/i/edi/bg.gif);
	border-radius:3px;
	position:relative;
	box-shadow:0 1px #ccc inset;
}
.kannren h4{
	font-size:100%;
	margin-bottom:5px;
	border:none;
}
.kannren li{
	line-height:1.5;
}
.kannren span{
	font-size:80%;
}
.kannren li a {
	text-decoration:none;
}
.kannren .qu-le,.kannren .qu-ri{
	color:#fff;
	font-size:18px;
}
.kannren .qu-le{
	position:absolute;
	left:5px;
	top: 5px;
}
.kannren .qu-ri{
	position:absolute;
	right:5px;
	bottom:5px;
}
.kannren li i{
	font-size:10px;
	margin-right:5px;
}
div.input_area>div{
	overflow: hidden;
	border-bottom: #ccc dashed 1px;;
	margin-bottom: .5em;
	padding-bottom: .5em;
}
div.input_area :last-of-type{
	border: none;
}

/* ソーシャルボタン */
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;
}
/*タグ　前のページ　次のページ*/
ul.menu{
	text-align: center;
}
ul.menu li{
	font-size: 1.5em;
	color: #95C6E9;
	display: inline-block;
	text-align: center;
	font-weight: bold;
}
ul.menu li a{
	color: #95C6E9;
	text-decoration: none;
}
.fa-home{
	font-size: 150% !important;
	color: #95C6E9;
	padding: 0 .1em;
}
ul.menu li .fa-chevron-left{
	font-size: 90% !important;
	padding-right: .3em;
}
ul.menu li .fa-chevron-right{
	font-size: 90% !important;
	padding-left: .3em;
}
.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;
}
div.category-bar:first-letter,div.comments-head:first-letter{
	font-size: 150%;
}
div.category-bar,div.comments-head{
	line-height: 1;
	color:#1a1a1a;
	font-weight:normal;
	background:none;
	margin:20px 0 10px;
	padding: 0 0 .2em;
	border-bottom: solid 1px #1a1a1a;
}
div.category-bar a:link{
	color:#1a1a1a;
}
div.cntnt2 div:last-of-type{
	border: none;
}
.text-relevance{
	font-size: 50%;
}
.text-relevance a{
	font-size: 180% !important;
}
/*　コメント　*/
.comments-box .comments-body{
	width:90%;
	margin:0 auto;
	border:solid 2px #DBDFE4;
	border-radius:5px;
	padding:.5em;
}
.comments-body{
	font-size:13px;
	line-height:145%;
	margin: 20px 0 5px;
}

.comments-post{
	color:#666;
	font-size:88%;
	text-align:right;
	margin:1em 0 2em;
	padding-bottom:1em;
	border-bottom: 1px dotted #ccc;
}
.comments-post .comments-author{
    text-align:right;
	font-size:75%;
}
.comments-post .comments-prof{
    height:40px;
    border-radius:5px;
}
.comments-box:last-child {
	border:none;
}
/*　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}

/*コメント入力欄*/
#respond{
	width:96%;
	margin-bottom:5em;
	background:url(http://img01.naturum.ne.jp/usr/e/d/i/edi/bg.gif);
	padding:.5em;
	border-radius:3px;
}
form{
}
form p{
	margin-bottom:1em;
}
#respond label{
	font-size: 70%;
	font-family: 'Josefin Sans', sans-serif;
	display: inline-block !important;
}
#respond input #text{
	color:#1a1a1a;
	padding: 3px;
    border: 0 none;
	border:1px solid #999CCC;
	border-radius:3px;
    background: rgba(0,0,0,.1);
    font-size: 100%;
}
#author, #url{
	color:#1a1a1a;
	display: block !important;
	width:60%;
	max-width:300px;
	margin-right:1em;
	border:1px solid #999CCC;
	border-radius:3px;
}
#bake{
	width: 13px;
	margin-right: .2em;
}
#bake{
	display: inline-block !important;
}
#text{
	font-size:88%;
	width:98%;
	height:200px;
	border:1px solid #999CCC;
	border-radius:3px;
}
/*コメント・メール登録送信ボタン*/
#respond .submit,input.button{
	background:#95C6E9;
	color:#fff;
	padding:.2em 2em;
	border:none;
	border-radius:3px;
}
#respond .submit:hover,input.button:hover{
	background:#FFBF00;
}
input.input_general_box{
	border:#ccc solid 1px;
	border-radius:3px;
	padding:2px;
	background-color:#fff;
}
#respond input[type=submit]{
font-family: FontAwesome ;
}
/*　rightculumm start　*/
aside{
	color:#fff;
	background-color:#448ACA;
	width:100%;
	padding:3em 0;
	margin:0;
}
aside a{
	color:#fff;
}
aside a:link{
	color:#fff;
	text-decoration:none;
}
aside a:visited{
	color:#fff;
}
aside a:activ{
	color:#fff;
}
aside>div{
	width:96%;
	margin:0 2% 2em;
}
aside>div.custom1{
	width:100%;
	margin:0 0 2em;
}
.side{
	width:96%;
	margin:0 2%;
}
div.sidetitle {
	letter-spacing:.5;
	padding-left:1em;
	padding-bottom: .1em;
	border-bottom: 1px solid #ccc;
	margin-bottom:1em;
}
div.sidetitle:first-letter {
	margin-right: .1em;
	font-size: 1.5em;
}
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;
}
/* 上部年月日表示 */
.calendarhead{
	text-align: center;
	font-weight: bold;
	margin-bottom: 3px;
	font-size: 14px;
}
/* 枠 */
.calendartable{
	color:#1a1a1a;
	width: 100%;
	border-collapse:collapse;
	margin-right: auto;
	margin-left: auto;
}
.calendartable th,.calendartable td{
	width: 24px;
	height: 24px;
	padding: 2px;
	text-align: center;
	background:#fff;
	border: solid 1px #f1f1f1;
}
/* 曜日枠 */
.calendarwd{
	background: #fcfcfc;
}
/* 曜日 */
.calendarweek{}
/* 日付枠 */
.calendard{
	color: #999999;
	font-size:70%;
}
/* 日曜日 */
.sun{
	color: #FF3366;
}
/* 土曜日 */
.sat{
	color: #0099CC;
}
/* 今日 */
.today{
	font-weight: bold;
}
.calendartable a{
	color: #fff !important;
	font-weight:bold;
	text-align:center;
	line-height:20px;
	width:20px;
	height:20px;
	display:inline-block;
	border-radius:50%;
	background: #C91A27;
}
.calendartable a:active{
	color: #fff;
}
/* カレンダー ここまで ----------*/
a.arss{color:#666;text-decoration:underline;}
a.arss:hover{color:#666;text-decoration:none;}
/*プロフィール*/
.photo img{
	text-align:center;
	border-radius:5px;
}
.photo,.nickname{
	text-align:center;
}
.message{
	font-size:80%;
}
div.profile span img{
	width: 30px;
}
div.greet{
	font-size:100%;
	line-height:1.2;
	margin-bottom:1em;
	padding:10px;
	background:#fff;
	border:solid 1px #eee;
	border-radius:3px;
}
div.button{
	margin:1em 0;
}
div.button a{
	color:#fff;
	background-color: #333;
	border-radius:5px;
	display: inline-block;
	width: 100%;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
}
div.button a:hover{
	background-color: #59b1eb;
}
div.button a::before,
div.button a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
div.button a,
div.button a::before,
div.button a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.sidebox{
	display:none;
}
/*ツイッタータイムライン*/
div.twitter-timeline{
	width:80%;
	margin:1em 10%;
}
.sidebody {
	margin-bottom: 1px;
	line-height: 1.3em;
	padding-bottom: 1px;
	padding-top: 1px;
}
div.image-aside{
	border-radius:5px;
}
.text-aside,.aside{
	font-size:80%;
}
.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;
}
img, video, object {
    border: medium none;
    height: auto;
    max-width: 100%;
	max-height:100%
}
.custom1_ad>div{
	margin: 0 auto;
}
.ad {
    padding-bottom: 10px;
}
.ad-bottom{
	text-align:center;
	display:flex;
	flex-wrap:wrap;
}
.ad-bottom>div{
	margin: auto;
}
aside .sidebox{
	text-align:center;
}
aside .rakutenwid{
	width: 200px;
	margin: 0 auto;
}
/*footer*/
#bottom {
	text-shadow:0 1px 1px #fff;
	background-image:url(http://img01.naturum.ne.jp/usr/e/d/i/edi/bg.gif);
	margin: 0px ;
	padding:5em 2%;
}

#copyright{
	font-size:13px;
	color:#fff;
	position: fixed;
	bottom: 0;
	width: 100%;
	line-height:15px;
	text-align:center;
	padding: 3px 0;
	background:rgba(58,58,58,.9);
}
#copy{
	margin-top: .5em;
}
/*footer end*/
/* ページトップへ戻る */
#navbar {
	display: flex;
	justify-content: center;
}
#navbar a:link {
	color: #fff;
	text-decoration: none;
}
#navbar a:visited {
	color:  #fff;
}
#navbar a:hover {
	color: #448ACA;
}
#navbar a:active {
	color: #448ACA;
}
#navbar li{
	font-size: 80%;
	text-align: center;
	margin: 0 .5em;
	line-height: 1;
}
#navbar i{
	font-size: 140%;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
#pageTop a {
	float:right;
	display: block;
	z-index: 999;
	border-radius: 50%;
	background-color: #95C6E9;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height:1.2;
	padding:15px;
	overflow:hidden;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}
/* ----------------------------------------------- */
/*

      BlogRoll css

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

.blogroll-channel,
.blogroll-channel * {
    max-width: 1280px;
	width:100%;
    margin: 0;
    padding: 0;
    text-align: left;
}
.blogroll-channel a:link{
	color: #1a1a1a;
	text-decoration:none;
}
.blogroll-channel a:visited {
	color:  #1a1a1a;
}
.blogroll-channel a:hover {
	color: coral;
}
.blogroll-channel a:active {
	color: coral;
}
footer .blogroll-category-name{
	width: 100% !important;
}
.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
    width: 100%;
}
.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    line-height: 1.3;
}
.blogroll-channel .blogroll-list:nth-last-child(1),.blogroll-channel .blogroll-list:nth-last-child(2),.blogroll-channel .blogroll-list:nth-last-child(3){
	border:none;
}
.blogroll-channel .blogroll-list:before{
  font-family: FontAwesome;
  font-size:80%;
  color:#A5A497;
  margin-right:.5em;
}
.blogroll-channel .blogroll-list:before{
  content: '\f02e';
}
.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}
.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

/*/////////////
　タブレット
/////////////*/
@media all and (min-width: 627px){
	.navPager a{
		top:50% !important;
	}
	h1.blogtitle{
		font-size:300%;
	}
	h1.blogtitle span{
		display:inherit;
	}
	#description{
		margin-left:2em;
	}
	/*トップページ*/
	#grid-contnt section{
		display:flex;
		display:-webkit-flexbox;
		display:-ms-flexbox;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	section>br{
		display:none;
	}
	#grid-contnt .topnews {
		width:48%;
		height:100%;
	}
	#grid-contnt .topnews{
		border: none;
	}
	.blog_info span{
		font-size: 80%;
	}
	/*記事ページ*/
	.blogbox{
		padding:5px .2em;
	}
	h1.entry-title{
		font-size:230%;
		margin-bottom: .2em;
	}
	.main div.cntnt{
		max-width: 720px;
		margin: auto;
	}
	.blogbody h2,.blogbody h3{
		font-size: 34px;
		width: calc(100% - 68px);
		padding: .5em 1em;
	}
	table.info {
		border:solid 1px #ccc;
		table-layout:auto;
	}
	table.info tr {
		width:100%;
		border:none;
		display: inherit;
	}
	table.info th {
		font-size:80%;
		display: table-cell;
		padding:.3em 1em;
		background:#ddd;
	}
	table.info td {
		font-size:80%;
		line-height:1.5;
		display: table-cell;
		padding:.2em .6em;
	}
	table.info td:before {
	  display:none;
	}

	/*同じカテゴリーの記事*/
	div.set-relevance{
		border:none;
	}
	div.image-relevance{
		margin:0;
	}
	div.text-relevance{
		font-size: 60%;
		margin-left:1em;
	}
	div.text-relevance a{
		vertical-align:bottom;
	}
	/*コメント*/
	.comments-box{
		display:flex;
		flex-direction:row-reverse;
		margin-bottom:3em;
	}
	.comments-box .comments-body{
		width:670px;
		margin:0;
		border:solid 2px #DBDFE4;
		border-radius:5px;
		padding:.5em;
	}
	.comments-post{
		margin-right:1em;
		width:80px;
		border:none;
	}
	.comments-author{
		font-size:80%;
	}
	.comments-author a.aposted{
		font-size:14px;
	}
	.comments-post .comments-prof{
		width:80px;
		height:80px;
	}
	/*コメント入力欄*/
	#respond{
		width:80%;
		margin:0 auto 6em;
		padding:1.5em;
	}

	/*コメント終わり*/
	/*navi*/
	aside{
	}
	.message{
		width:70%;
		margin:0 auto;
	}
	aside .profile div.twitter-timeline{
	}
	.recententry_img .side{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-around;
	}
	.recententry_img .side>.sidebody{
		width:19%;
	}
	.image-aside {
		float: none;
		margin:0 auto 3px;;
		width:100%;
		max-width: 140px;
		max-height: 80px;
		overflow: hidden;
	}
	.text-aside {
		float: none;
		width:98%;
		margin:0 1%;
		line-height:1;
		word-wrap: break-word;
	}
	.search .side{
		text-align:center;
	}
	.ad-bottom{
		width:100%;
		margin-bottom:5em;
		display:flex;
		justify-content:space-between;
	}
	/*ライブドア相互rss*/
	.blogroll-channel,
	.blogroll-channel * {
		max-width: 1280px;
		width:100%;
		margin: 0;
		padding: 0;
		text-align: left;
		overflow:hidden;
	}
	.blogroll-channel .blogroll-list {
		margin:0 1px ;
		padding:1em 10px 0;
		width:calc(25% - 22px);
		height:4em;
		font-size: 14px;
		line-height: 1.2;
		display:block;
		float:left;
		vertical-align:top;
		border-bottom: dashed 1px #666;
	}
	.blogroll-channel .blogroll-list span{
		font-size:10px;
	}
	.blogroll-channel .blogroll-ad-text {
		width:70%;
		border:none;
		clear:both;
	}
}
/*/////////////
パソコン
/////////////*/
@media all and (min-width: 801px){
  #blog_header {
          position:fixed !important;
  }
  #blog_header a{
          display:inline;
  }
	#wrap{
		background:#fff;
	}
	#header_top{
		max-width:1280px;
		margin:4em auto;
		padding-bottom:.5em;
		border-bottom:solid 1px #ccc;
		box-shadow:0 1px 1px #FFFFFF;
		overflow:hidden;
	}
	.title{
		float:left;
	}
	form div.search{
		float:right;
	}

	#middle{
		display:flex;
		justify-content:space-between;
		max-width:1290px;
		margin:0 auto;
	}
	#middle2{
		display:flex;
		justify-content:space-between;
		max-width:1050px;
		margin:0 auto;
	}
	/*top article横幅*/
	#grid-contnt{
		max-width:960px;
	}
	#grid-contnt .topnews{
		min-width:200px;
		width:32%;
	}
	#grid-contnt .topnews dl{
		height:100%;
		min-width:200px;
	}
	#grid-contnt div.topnews :hover{
		transition-duration:.5s;
		box-shadow: none;
	}
	#grid-contnt div.topnews{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 3s;
		transition: all 3s;
	}
	#rowgrid-contnt{
		max-width:800px;
	}
	article{
		width:calc(100% - 330px);
    margin: 0;
	}
	aside{
		width:300px;
		background:none;
		color:#1a1a1a;
		padding:0;
		margin:0 0 30px 30px;
	}
	aside a:link{
		color:#1a1a1a;
	}
	aside a:visited{
		color:#1a1a1a;
	}
	aside a:hover{
		color:#448ACA;
	}
	aside a:activ{
		color:#448ACA;
	}
	aside .sidebody{
		color:#1a1a1a;
	}
	.message{
		width:100%;
	}
	.greet{
		margin-bottom:1em;
	}
	aside .sidebody .button{
		color: #fff;
	}
	aside .sidebody .button a:link{
		color: #fff;
	}
	aside .sidebody .button a:visited{
		color: #fff !important;
	}
	aside .button a:hover{
		color: #fff;
	}
	aside .sidebody .button a:aclive{
		color: #fff;
	}
	div.twitter-timeline{
		width:280px;
		margin:0 10px;
	}
	.recententry_img .side{
		display:inherit;
	}
	.recententry_img .side>.sidebody{
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
	.image-aside {
		margin:0 0 3px;
		width:48%;
		max-width: 140px;
		max-height: 80px;
		overflow: hidden;
	}
	.text-aside {
		font-size:90%;
		width:48%;
		line-height:1;
		word-wrap: break-word;
	}
	aside #album-link a:link{
		color:#fff;
	}
	#bottom{
		padding-top:2em;
		box-shadow: 0 0px 5px 0 rgba(0,0,0,0.1) inset;

	}
	footer{
		max-width:1280px;
		margin:0 auto;
	}
	#pageTop {
	  position: fixed;
	  bottom: 20px;
	  right: 60px;
	}
	.footer .sidetitle{
		font-family: 'Noto Serif', serif;
		letter-spacing:.3em;
	}
	.blogroll-channel .blogroll-list {
		height:3em;
	}
	.blogroll-channel .blogroll-list a:hover{
	}
	.blogroll-channel .blogroll-list:hover{
		background:rgba(15,70,100,.12);
		text-shadow:none;
	}
	.blogroll-channel .blogroll-ad-text:hover {
		background:none;
	}
}