@charset "utf-8";
@import url(css/template_6thgen.css);
@import url(css/default2.css);


body {
	font-family: Helvetica,Verdana,sans-serif;
	background: url(sakalog/imgs/4/2/4258d7a2.png);
	background-repeat : repeat;
	background-attachment: fixed;
	overflow-x: hidden;
}


/* -----------------------------------------------
リセット　他のCSSが影響している場合にここでリセットします
----------------------------------------------- */

/* reset for template_6thgen.css
----------------------------------------------- */

body.layout-2col .message-board{
	margin-top:0;
}


/* reset for template.css
----------------------------------------------- */

.article-social-btn > a, .article-social-btn > span, .article-social-btn > div, .article-social-btn > iframe{
	margin: 0 ;
}

.sidewrapper .blogroll-channel{
	border:1px solid #b0b0b0;
	margin-bottom:10px;
	padding: 3px 0;
}

.sidewrapper .blogroll-channel .blogroll-list{
	padding:5px !important;
	list-style-type: none;
	line-height: 1.3;
	font-size: 13px;
	border-bottom: 1px dashed #c2c2c2;
	padding: 3px 0;
	line-height: 1.3;
	padding-top:0;/*追加*/
}


/* -----------------------------------------------
ヘッダー
----------------------------------------------- */

#blog-header01{
	width: 100%;
	height: 100%;
	background:#fff;
	position: relative;
	border-top: 6px solid;
	border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
	border-image-slice: 1;
}
#blog-header01 .header-inner01{
	margin:0 auto;
	width:1060px;
	display:table;
	padding:11px 0;
}
#blog-header02{
	zoom:100%;
	background: #FFC1E5; /* Old browsers */
}

#blog-header02 .header-inner02{
	margin:0 auto;
	width:1060px;
}

#blog-header02 .header-inner02:after {
	 content:".";
	 height:0;
	 clear:both;
	 display:block;
	 visibility:hidden;
}


/* ヘッダー　タイトル
----------------------------------------------- */
hgroup{
	margin-right:11px;
	width:242px;
	*width:252px;
	display:table-cell;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
}
hgroup h1{
	width:242px;
	*width:412px;
}
hgroup h1 {
	color:#fff;
	font-size:14px;
	line-height:1.2;
	text-decoration:none;
}
hgroup h2{
	height:100px;
	padding-top:20px;
	color:#333333;
}
hgroup h2 a{
	text-decoration: none;
	height:100px;
	font-size: 49px;
	font-weight: bold;
	color: #FF8C00;
	background: -webkit-linear-gradient(0deg, #40E0D0, #FF8C00, #FF0080);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


/* ヘッダー　タイトル横広告（横:728px）
----------------------------------------------- */
.header-inner01 .ads01{
	width:728px;
	text-align: right;
	display:table-cell;
	vertical-align:middle;
	*display:inline;
	*zoom:1;
}


/* ヘッダー　グローバルメニュー
----------------------------------------------- */
#gbmenu {
	list-style-type: none;
	width: auto;
	margin: 0px auto 0px;
	padding: 0;
	float:left;
}
#gbmenu li {
	position: relative;
	float: left;
	margin: 0;
	text-align: center;
}
#gbmenu li a {
	display: block;
	margin: 0;
	padding: 13px 17px;
	background: #FFC1E5;
	color: #000;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
#gbmenu li ul {
	list-style: none;
	position: absolute;
	z-index: 100;
	top: 100%;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
#gbmenu li ul li {
	overflow: hidden;
	width: 200px;
	height: 0;
	color: #fff;
	transition: .2s;
}
#gbmenu li ul li a {
	padding: 13px 15px;
	background: #FFC1E5;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}
#gbmenu > li:hover > a {  background: #FF5B79 }
#gbmenu > li:hover li:hover > a {  background: #FF5B79 }
#gbmenu > li:hover > ul > li {
	overflow: visible;
	height: 38px;
}
#gbmenu li ul li ul {
	top: 0;
	left: 100%;
}
#gbmenu li:last-child ul li ul {
	left: -100%;
	width: 100%;
}
#gbmenu li ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: -20px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left-color: #3498db;
}
#gbmenu li:last-child ul li ul:before {
	position: absolute;
	content: "";
	top: 13px;
	left: 200%;
	margin-left: -20px;
	border: 5px solid transparent;
	border-right-color: #3498db;
}
#gbmenu li ul li:hover > ul > li {
	overflow: visible;
	height: 38px;
}

#gbmenu li ul li ul li a {  background: #FFC1E5 }
#gbmenu li:hover ul li ul li a:hover {  background: #FFC1E5 }

.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
}


/* グローバルメニュー Twitter,RSS,検索窓
----------------------------------------------- */
.header-sarch{
	width:auto;
	float:right;
	padding-top:13px;
}
.header-sarch img{
	margin-top:-9px;
        width:30px;
}
.header-sarch img:hover{
	opacity: 0.6;
}
.header-sarch li{
	float:left;
	list-style:none;
	margin-left:10px;
}


/* 検索 */
.header-sarch input.sf {
	background: url(https://sakurazaka46matome.com/site.css?_=20240718105825) 0 0 no-repeat;
}

.header-sarch input.sf,
.header-sarch input.sfbtn {
	margin-top:-3px;
	border: 1px solid #aaa;
	height: 18px;
	line-height: 18px;
	outline: 0;
	font-size:12px;
}

.header-sarch input.sf {
	background-color: #fff;
	background-position: 4px -264px;
	border-radius: 10px 0 0 10px;
	box-shadow: inset 2px 1px 2px 1px rgba(0,0,0,0.2);
	display: block;
	float: left;
	margin-top:-3px;
	padding: 0 5px 0 12px;
	vertical-align: top;
	width: 130px;
	*width: 130px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.header-sarch input.sfbtn {
	border-left: 0;
	border-radius: 0 10px 10px 0;
	float:right;
	text-shadow: 0 1px 0 #fff;
	width: 55px;
	background: #f1f1f1;
	background: -webkit-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:    -moz-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:     -ms-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:      -o-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	background:         linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
	-webkit-transition: color 0.2s ease;
	   -moz-transition: color 0.2s ease;
	    -ms-transition: color 0.2s ease;
	     -o-transition: color 0.2s ease;
	        transition: color 0.2s ease;
}
.header-sarch input.sfbtn:hover,
.header-sarch input.sfbtn:focus {
	color: #2e90c5;
}


/* -----------------------------------------------
ヘッダー下人気記事（画像付き）
----------------------------------------------- */

.nkkj{
	margin:10px 0 0px;
	text-align:center;
}
.popularArticleWithImage{
	background: #000; 
	overflow:hidden;
}
.popularArticleWithImage img{
 	transition:1s all;
}
.popularArticleWithImage img:hover {
	transform:scale(1.2,1.2);
	transition:1s all;
}
.nkkj li{
	margin-bottom:5px !important;
	background-color: #000;
}
.nkkj li:hover{

	background-color: #000 !important;
}
.nkkj div.popularArticlesWithImage.A ul li{
	border: 1px solid #FFC1E5;
	background-color: #000 !important;
}
.nkkj div.popularArticlesWithImage.A ul li a{
	border: 2px solid #ffffff !important;
	background-color: #000 !important;
}
.nkkj div.popularArticlesWithImage.A div.title{
	color: #fff !important;
	padding-bottom: 2px;
}


/* -----------------------------------------------
コンテンツ
----------------------------------------------- */
#wrapper{
	margin-top: 10px;
}


/* コンテンツのカラム幅
----------------------------------------------- */
/* コンテンツ全体 */
#container{
	width:1060px;
	margin:0 auto;
	position: relative;
	display: flex;
}

/* 左側のカラム（3カラムの場合） */
.left-container{
        border: solid 0px #E6E6E6; 
	width:200px;
	float:left;
	margin-right:10px;
}
.left-container:after {
	content: "."; 
	display: block; 
	visibility:hidden;
}

/* 中央メインのカラム */
.main-container{
	width:750px;
	float:left;
	margin-right:10px;
}
.main-container a{
	color: #333;
	text-decoration: none;
}

/* 右側のカラム */
.right-container{
	width:310px;
	float:left;
}
.right-container .side a{
	color: #333 ;
}
.right-container .side a:hover{
	text-decoration: none;
	color:#E8822A;
}


/* -----------------------------------------------
人気記事(画像付き) 1
----------------------------------------------- */

/*画像付きRTorコメントリスト*/
.listWithImage{
	margin-left:0px;
}
.listWithImage li{
	margin-bottom:5px !important;
}
.listWithImage li:hover{
	opacity: 0.6;
}
.listWithImage div.popularArticlesWithImage.A ul li{
	border: 1px solid #cfcfcf;
}
.listWithImage div.popularArticlesWithImage.A ul li a{
	border: 2px solid #ffffff !important;
}
.listWithImage div.popularArticlesWithImage.A div.title{
	color: #333333 !important;
	padding-bottom: 2px;
}

/*画像付きRTorコメントリスト （中央メインのカラム）*/
.main-container div.popularArticlesWithImage.A div.title{
	padding-bottom: 6px;
}

div.popularArticlesWithImage.A div.retweet,
div.popularArticlesWithImage.A div.comment{
	padding: 3px 6px 0px 5px;
	text-shadow: none !important;
}

.listWithImage div.popularArticlesWithImage.A div.retweet,
.listWithImage div.popularArticlesWithImage.A div.comment{
	background:#ffffff !important;
}


/* -----------------------------------------------
人気記事（画像付き）2
----------------------------------------------- */
.plugin-popular_articles_with_image li:hover{
	opacity: 0.6;
}

div.popularArticlesWithImage.B:hover a,
div.popularArticlesWithImage.C:hover a{
	text-decoration:none !important;
}

.listWithImage .plugin-popular_articles_with_image .title{
	color: #333333 !important;
	line-height: 1.1 !important;
	background:#EBEBEB !important;
}

div.popularArticlesWithImage.B div.comment,
div.popularArticlesWithImage.B div.retweet,
div.popularArticlesWithImage.C div.comment,
div.popularArticlesWithImage.C div.retweet{
	display: inline !important;
	text-shadow:none !important;
}

div.popularArticlesWithImage.B div.title{
	background:none !important;
	margin:10px 0 0 10px;
}
div.popularArticlesWithImage.C div.title{
	background:none !important;
	margin:10px 0 0 0;
}


/* -----------------------------------------------
カレンダー
----------------------------------------------- */
/*カレンダー共通設定*/
.plugin-calendar_default{
	font-size:14px;
	margin:0 0 11px 0;
	border: 1px solid #e6e6e6;
	background: #fff; 
}



/*カレンダー年月*/
.calendarheadbody{
	font-size:15px;
	font-weight: bold;
	padding:10px 13px;
	background-image: linear-gradient(-90deg, #FFC1E5, #FF8EA3);
	color: #FFF;
}
.calendarheadbody a{
	color: #ffffff;
}

/*カレンダーの体裁*/
.plugin-calendar_default table{
	border-collapse: separate;
	border-spacing: 1px;
}
.calbody{
	color:#8d8d8d;
}
table.caltblday td{
	border: 1px solid #eeeeee;
}

/*リンク背景*/
table.caltblday td a{
	color:#333333;
	background:#ffc600;
}
table.caltblday td a:hover{
	text-decoration:underline;
}

/*曜日*/
.sun{
	color:#ff5d59;
	font-weight:bold;
}
.sat{
	color:#4e8cff;
	font-weight:bold;
}
.weekday{
	font-weight:bold;
}


/* -----------------------------------------------
メッセージボード
----------------------------------------------- */
.message-board-outer{
	margin-bottom:10px !important;
	padding:10px;
	border:3px solid #ffc100;
	background:#fff2c6;
	font-size:16px;
	line-height:1.6;
}
.message-board-outer a{
	text-decoration:none;
}
.message-board-outer a:hover{
	text-decoration:underline;
}


/* -----------------------------------------------
ギャラリー
----------------------------------------------- */
/*ギャラリー共通スタイル*/
.plugin-recent_images .side{
	margin-bottom: 0;
}
.galleryThumbnail li{
	float: left;
	padding: 0 10px 0 0;
}

/*ギャラリー左カラム*/
.left-container .plugin-recent_images .side{
	padding: 0 0 0 10px;
}
.left-container .plugin-recent_images li{
	width: 53px;
	height: 62px;
	*width: 51px;
	*height: 51px;
}
.left-container .plugin-recent_images img{
	width: 51px;
	height: 51px;
}

/*ギャラリーが右カラム*/
.right-container .plugin-recent_images .side{
	width: 300px
}
.right-container .plugin-recent_images li{
	width: 93px;
	height: 103px;
	*width: 91px;
	*height: 91px;
}
.right-container .plugin-recent_images img{
	width: 91px;
	height: 91px;
}


/* -----------------------------------------------
カテゴリーアーカイブ　月別アーカイブ
----------------------------------------------- */
/*アーカイブのタイトルの全体設定*/
.archives-header{
	background: #fff;
	color: #333333;
	padding: 10px;
	margin-bottom: 10px;
	border:1px solid #e6e6e6;
}

/*アーカイブのタイトル*/
.archives-header h1{
	margin: 0 auto;
	text-align: center;
	font-weight: bold;
}



/* -----------------------------------------------
BlogRoll (上部)
----------------------------------------------- */
/*全体の設定*/
.rss-blogroll:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	width:100%;
}
.rss-blogroll {
	zoom:100%;
	border:1px solid #E6E6E6;
	margin-bottom:10px;
	background: #fff; 
}

/*チャンネル単位の設定*/
.rss-blogroll .blogroll-channel{
	margin:0px;
	width:50%;
	height:347px;
	overflow: auto;
	float: left;
	font-size: 9px;
	padding:0 0 0 0;/*追加*/
	margin-bottom:0;/*追加*/
}

/*リストの設定*/
.rss-blogroll .blogroll-channel .blogroll-list {
	list-style-type: none;
	font-size: 13px;
	border-bottom: 1px solid #E6E6E6;
	line-height: 1.6;
	padding-top:0;/*追加*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background:url("sakalog/imgs/c/5/c57c4fdc.png") 5px 50% no-repeat;
}

/*テキスト部分の設定*/
.rss-blogroll .blogroll-channel .blogroll-list a{
	color: #333333;
	text-decoration: none;
	padding-left: 25px;
}
.rss-blogroll .blogroll-channel .blogroll-list a:hover{
	text-decoration: none;
	color: #E8822A;
}

/*NEWの文字の設定*/
.rss-blogroll .blogroll-new-entry{
	color: #ff0a00;
	font-size: 10px;
	font-weight: bold;
}


/* -----------------------------------------------
BlogRoll (下部)
----------------------------------------------- */
.bt-rss:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
	width:100%;
}
.bt-rss{
	zoom:100%;
	border:1px solid #E6E6E6;
	margin-bottom:10px;
	padding: 0;
	background: #fff; 
}
.bt-rss .blogroll-channel{
	height:700px;
	overflow: auto;
	margin:0;
}
.bt-rss .blogroll-channel .blogroll-list {
	font-size: 14px;
	border-bottom: 1px solid #E6E6E6;
	line-height: 1.7;
	padding:0;/*追加*/
	font-weight: bold;
}
.bt-rss .blogroll-channel .blogroll-list a:hover{
	text-decoration: none;
	color: #E8822A;
}


/* -----------------------------------------------
上部RSS下＆個別記事下 広告挿入用
----------------------------------------------- */
.googleads{
	padding:7px 0px 7px 0px;
	background: #fff;
	text-align: center;
	margin-bottom: 10px;
	border:1px solid #e6e6e6;
}



/* -----------------------------------------------
個別記事
----------------------------------------------- */
#topArticle {
	background-color: #fff;
	border:1px solid #e6e6e6;
	margin-bottom:10px;
}

/*パンくず*/
.pankuzu {padding:10px;font-size: 12px;}
.pankuzu a:hover{color: #E8822A;}


/*記事タイトル*/
.article-title a{
	color:#333333;
	font-weight:bold;
	text-decoration:none;
}
.article-title a:hover{
	color: #E8822A;
}
.article-title {
	font-weight: bold;
	font-size: 23px;
	position: relative;
	padding: 1em 0;
	 padding-left: 10px;
	padding-right: 10px;

}
.article-title::before,
.article-title::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
	box-sizing: border-box;
}
.article-title::before {
	top: 0;
	border-top: 2px solid #333;
	border-bottom: 1px solid #333;
}
.article-title::after {
	bottom: 0;
	border-top: 1px solid #333;
	border-bottom: 2px solid #333;
}


/*記事タイトル下の記事情報*/
.article-header-inner:after {
	border-bottom: 1px dashed #c2c2c2;
	display:block;
	visibility:hidden;
	clear:both;
	height:0;
	content:".";
}

/*ソーシャルボタンの余白*/
.article-header-inner {
	margin-bottom:15px;
	padding:13px 5px 5px 10px;
	zoom:100%;
}

/*投稿時間 カテゴリー 部分*/
.article-header-top:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.article-header-top {
	zoom:100%;
}

/*記事下タグ-ブログランキング*/
.article-bt{
	margin: 30px 10px 0px;
	background-color:#fff;
	font-size:14px;
	font-weight: bold;
}
.article-bt-tag {
	text-align:right;
}
.blogranking{
	float:right;
	margin-bottom:15px;
}

/*投稿時間 - 記事タイトル下の記事情報*/
.article-header-date{
	padding-left:18px;
	margin:0px 15px 15px 5px;
	font-size:12px;
	line-height: 1.3;
	float: left;
	background: url(sakalog-sohazwlh/imgs/7/8/786be23d.png) no-repeat left 50%;
}

/*カテゴリー - 記事タイトル下の記事情報*/
.article-header-category{
	padding-left:16px;
	margin:0px 10px 15px 0;
	font-size:12px;
	line-height: 1.3;
	float: left;
	background: url(sakalog-sohazwlh/imgs/6/2/62c557cc.png) no-repeat left 50%;
}
.article-header-category li{
	list-style:none;
}
.article-header-category dt{
	display:none;
}
.article-header-category dd{
	padding: 0 5px;
	float:left;
}
.article-header-category dd a {
	color:#333;
	text-decoration:none;
}
.article-header-category dd a:hover{
	color: #E8822A;
}
.ah-com {
	margin-top:-2px;
	font-size:12px;
	float: left;
	padding-left:19px;
	color:#000;
	display:inline;
	background:url(sakalog-sohazwlh/imgs/a/8/a8e68190.png) left center no-repeat;
}
.ah-com a:hover{
	color: #E8822A;
}


/* -----------------------------------------------
記事本文
----------------------------------------------- */
.article-text {
	margin-top:25px;
}
.article-body{
	margin-top:10px;
	margin-bottom:10px;
	padding: 0 10px;
}
#topArticle .article-body{
	padding: 0 20px;
}
.article-body a{
	text-decoration:none;
}
.article-body a:hover{
	color: #E8822A;
}

/*引用*/
.article-body-inner blockquote {
	padding: 0.8em 1em;
	margin: 15px 0;
	color: #232323;
	background: #FFF2FA;
	border-left: solid 10px #ff66cc;
	box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.article-body-inner blockquote:before {
	content: none;　　　　　　　　/* 引用符「”」を非表示に */
}
.article-body-inner blockquote p {
	margin: 0; 
	padding: 0;
}

/*続きを読む*/
.article-body-continue{
	margin:30px 0 0;
	padding:17px 22px;
	font-size:24px;
	font-weight:bold;
	line-height:1.4;
	background:#fff9dd;
	display:block;
}


/* -----------------------------------------------
ソーシャルボタン - 記事タイトル下
----------------------------------------------- */
#share ul{
	height:auto;
	margin-left:7px;
}
#share li{
	font-size:14px;
	float:left;
	text-align:center;
	width:84px;
	margin-right:1%;
	margin-bottom:0px;
	border-radius:3px;
	list-style:none;
}
#share li.share-twitter{
	background:#55acee;
	box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
	background:#83c3f3;
}
#share li.share-facebook{
	background:#3b5998;
	box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
	background:#4c70ba;
}
#share li.share-google{
	background:#dd4b39;
	box-shadow:0 2px #c23321;
}
#share li.share-google:hover{
	background:#e47365;
}
#share li.share-hatena{
	background:#2c6ebd;
	box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
	background:#4888d4;
}
#share li.share-pocket{
	background:#f13d53;
	box-shadow:0 2px #e6152f;
}
#share li.share-pocket:hover{
	background:#f26f7f;
}
#share li.share-line{
	background:#00C300;
	box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
	background:#2bd92b;
}
#share a{
	display:block;
	height:20px;
	padding-top:6px;
	color:#ffffff;
	text-decoration:none;
}
#share a:hover{
	text-decoration:none;
	color:#ffffff;
}


/* -----------------------------------------------
カテゴリの最新記事　article-sub-category related-articles
人気記事ランキング article-sub-popular
----------------------------------------------- */

/*サブリストの共通タイトル*/
.article-sub-category h3 {
	margin:5px 10px 10px 10px;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
	font-weight: bold; 
	font-size:19px;
}
.article-sub-category h3::before {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 1px;
	background-color: #0c1654;
}


/*カテゴリの最新記事 , 人気記事ランキング */
.related-articles,
.article-sub-popular {
	padding-bottom: 0px;
	float:center;
}
.article-sub-category {
	margin-bottom: 15px;
	float:center;
}

/*文字の装飾 - カテゴリの最新記事 , 人気記事ランキング*/
.article-sub-category a,
.article-sub-popular a{
	font-size: 14px;
	color:#333;
	text-decoration: none;
}
.article-sub-category a:hover,
.article-sub-popular a:hover{
	color:#E8822A;
}


/*カテゴリの最新記事*/
.article-sub-category ul{
	padding-left: 14px;
	line-height:21px;
}
.article-sub-category li{
	padding: 0 10px 5px 20px;
	background: url(sakalog-sohazwlh/imgs/7/e/7e9d2965.gif) no-repeat left 4px;
	list-style: none;
}
.related-articles.with-image ul {
    padding: 0 5px;
}
/*人気記事ランキング*/
.article-sub-popular .popularArticlesWithImage.A ul{
	text-align: center;
}



/* -----------------------------------------------
コメント
----------------------------------------------- */
.article-option-title{
	margin-bottom: 15px;
	padding:10px 0 10px 10px;
	color: #333333;
	font-size: 16px;
	border-left: 5px solid #000000;
	background: #fff;
}

.article-option{
	border: 1px solid #e6e6e6;
	margin-bottom:10px;
	background: #fff;
	padding-top:10px;
}

.comment-form-author,
.comment-form-body{
	background-color: #f9f9f9;
}

.cmnks{
	padding: 0 10px 5px 30px;
	background: url(sakalog/imgs/f/1/f1b47830.png)  left 0px;
	background-repeat : no-repeat;
	font-weight: bold; 
	font-size:19px;
	margin-left:18px;
}
.cmsyu{
	font-size:12px;
	color:#666;
	padding:0px 0px 5px 15px;
}

/*コメントエリア*/
#comments ol,
#trackbacks ol{
	margin-bottom: 30px;
	padding:5px 20px 0;

}

/*コメントのセット*/
.comment-set{
	padding: 10px 0px;
	color: #333333;
	font-size: 15px;
	list-style: none;
	margin-bottom:0px;
	border-bottom:dotted 1px #ccc;
}

/*コメントの番号*/
.comment-number{
	margin-right: 10px;
}

/*コメント主の名前*/
.comment-author{
	color: #227a22;
	margin-right: 0px;
	font-weight: bold;
}
.comment-author a{
	color: #ff6600;
	text-decoration: none;
}
.comment-author a:hover{
	color: #ff6600;
}

/*コメントの日時とID*/
.comment-date{
	color: #666666;
}
.comment-body{
	line-height: 25px;
	padding-bottom: 0;
	font-size: 15px;
	color: #333333;
}
.comment-url a{
	color: #ff6600;
}


/* -----------------------------------------------
コメント投稿フォーム
----------------------------------------------- */
.comment-form-title{
	margin:5px 10px 5px 10px;
	position: relative;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
	font-weight: bold; 
	padding-left:5px;
	font-size:19px;
}

.comment-form-title::before {
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 1px;
	background-color: #0c1654;
}

#comment-form{
	margin: 5px 20px 20px 20px;
	padding: 20px 0;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
}
/*コメント入力欄*/
#comment-form textarea{
	resize: vertical;
}
#comment-form .comment-form-body .facemark,
#comment-form .comment-form-body .rating {
	display: none;
}


/* -----------------------------------------------
コメント（ポップアップ機能）
----------------------------------------------- */
#mypopup {
	display: none;
	position: absolute;
	border:1px solid #bbb;
	padding:5px 8px 8px;
	font-size:12px;
	color:#111;
	background-color:#ffc;
	list-style-type:none;
	line-height:1.2;
	text-align:left;
	max-width:700px;
	min-width:250px;
	box-shadow: 3px 3px 3px #ccc;
	-moz-box-shadow: 3px 3px 3px #ccc;
	-webkit-box-shadow: 3px 3px 3px #ccc;
}
#mypopup li.comment-date, #mypopup li.comment-author{
	display: inline;
	color:#666;
}


/* -----------------------------------------------
次のページ　前のページ
----------------------------------------------- */
.prev-next-link a {
	border-bottom: 1px #ddd solid;
	display: block;
	text-decoration: none;
	padding: 14px 40px;
	color: #333;
}
.prev-next-link a:hover {
	background-color: #f6f6f6;
	color: #E8822A;
}
.prev-next-link a:first-child {
	border-top: 1px #ddd solid;
}
.prev-next-label {
	font-size: .825rem;
	color: #000;
	margin-bottom: 10px;
}

/* Larger devices */
@media ( min-width: 600px) {
.prev-next-link {
	display: flex;
	background-color: #fff;
	border:1px solid #e6e6e6;
}
.prev-next-link a {
	flex: 1;
}
.prev-next-link a,
.prev-next-link a:first-child {
	border: none;
}
.next-link {
	text-align: right;
}


/* -----------------------------------------------
ページ送り
----------------------------------------------- */
/*初期設定*/
.pager{
	font-size:16px;
}

/*数字の色*/
.pager a{
	color:#333;
}

/* 背景の色(グレー) */
ol.paging-number li,
li.paging-prev,
li.paging-next,
li.paging-first,
li.paging-last{
	display: inline-block;
	padding: 0px 9px;
	margin-right: 4px;
	border-radius: 3px;
	border: solid 1px #c0c0c0;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
	font-size: .875em;
	font-weight: bold;
	text-decoration: none;
	color: #717171;
	background: #f4f4f4;
	text-shadow: 0px 1px 0px rgba(255,255,255, 1);
	background: rgb(247,247,247); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(231,231,231,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%,rgba(231,231,231,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%,rgba(231,231,231,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e7e7e7',GradientType=0 ); /* IE6-9 */
}

/* マウスホバー時の背景の色(白) */
li.paging-prev:hover,
li.paging-next:hover,
li.paging-first:hover,
li.paging-last:hover,
.index-navigator li li:hover,
ol.paging-number li li:hover{
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
ol.paging-number li.current{
	border: none;
	background: #616161;
	box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
	color: #f0f0f0;
	text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}

/* ページング幅調節 */
ul.index-navigator li a, ul.index-navigator li span,
ul.index-navigator li a, ul.index-navigator li.current span{
	margin: 0 0 0 0px;
	padding:0 6px;
	line-height: 34px;
}
ul.index-navigator{
	height:34px;
	margin:0 0 13px 0;
}

ul.index-navigator li.paging-number{
	margin: 0 0 !important;
}

/* 間をあける */
ul.index-navigator li, ul.index-navigator li ol {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 3px !important;
}




/* -----------------------------------------------
サイドカラム共通設定
----------------------------------------------- */
/*サイドバーの右上広告*/
.right-container-ads{
	margin-bottom: 10px;
}

.sidewrapper{
    font-size:14px;
    border: 1px solid #e6e6e6;
    margin-bottom: 11px;
}
.sidewrapper a{
	color:#0030ff;
	text-decoration:none;
}
.sidewrapper a:hover{
	text-decoration: underline;
}


/* plugin全体への設定 */
.side:after {
	content:".";
	height:0;
	clear:both;
	display:block;
	visibility:hidden;
}
.side {
	zoom:100%;
	padding:10px;
	background: #fff;
	font-size:13px;
}

.sidetitlebody{
	font-size:15px;
	font-weight: bold;
	padding:10px 13px;
	background-image: linear-gradient(-90deg, #FFC1E5, #FF8EA3);
	color: #FFF;
}
.sidetitle a{
	color: #333 ;
}

.sidebody{
	padding-top:10px;
	padding-bottom:10px;
	line-height:1.2;
}
.sidebody:first-child{
	border-top:none;
}


/* -----------------------------------------------
サイドプラグイン 初期設定
----------------------------------------------- */

/* 追従 */
.plugin-rss{
	border: 1px solid #e6e6e6;
	margin-bottom:11px;
	position: sticky;
	top: 0px;
	background: #fff; 
}
.plugin-l-t{
	border: 1px solid #e6e6e6;
	margin-bottom:11px;
	position: sticky;
	top: 0px;
	background: #fff; 
}
.side-rss {
	zoom:100%;
	padding:10px;
	font-size: 13px;
}

/* タグクラウド */
.plugin-tag_cloud .side{
	height: 600px;
	overflow: auto;
	overflow-y: scroll;
	font-size:12px;
}
.plugin-tag_cloud a{
	font-size:13px;
}



/* 最新記事（画像付き） */
.left-container .plugin-recent_articles_image{
	font-size: 12px;
	line-height: 1.2;
}
.plugin-recent_articles_image .side{padding-bottom:2px;}

.recent-article-image a{
	font-size:13px;
} 

/* 最新記事 */
.plugin-recent_articles .sidebody{
margin:0 0 10px;
padding:10px 5px 15px;
border-bottom: 1px solid #e6e6e6;
margin-bottom: -1px;}

.plugin-recent_articles .sidebody:last-child{border:none;}

/* 月別アーカイブ */
.plugin-monthly .side .sidebody:last-child{border:none;}
.plugin-monthly select{width:100%;}

/* カテゴリ */
.plugin-categorize .side .sidebody:last-child a{border:none;}
.plugin-categorize .side{padding-top:0px !important;}
.plugin-categorize .sidebody{padding-top:0;padding-bottom:0;}

/* サイト内検索 */
.side select {
	border: 2px solid #e6e6e6;
	color: #666;
	font-size: 14px;
	height: 40px;
	background-color: #f9f9f9
}

/* リンク集 */

.plugin-link .sidebody{padding-top:0;padding-bottom:0;}

.left-container .plugin-link .side {padding:0px 10px 10px;}
.plugin-link .side {padding:0px 10px 10px;}
.plugin-link .side .sidebody a{
display:block;
transition: all 0.2s ease;
margin:0;padding:13px 5px 5px 15px ;
border-bottom: 1px dotted #aaa;
font-size:13px;
background: url(sakalog/imgs/e/d/edd7ceb5.gif) 0 15px no-repeat;
}
.plugin-link .side .sidebody:last-child a{border:none;}


.plugin-link .side .sidebody:last-child a:hover {
    border-bottom: 0px solid #E8822A;
}


.plugin-link .side .sidebody a:hover {
    border-bottom: 1px solid #E8822A;
}


/* フリーエリア */
.plugin-memo .side{ text-align: left;}


/* -----------------------------------------------
サイドバー広告挿入用
----------------------------------------------- */
.sideads {
	width: 300px;
	height: 250px;
	background: #e6e6e6;
	margin-bottom:11px;
}


/* -----------------------------------------------
タグクラウド
----------------------------------------------- */
.side ul.tagcloud{
	margin: 0;
	padding: 0;
	list-style: none;
}
.side ul.tagcloud li{
	display: inline-block;
	padding: 0;
	margin: 0;
}
.side ul.tagcloud li a{
	display: inline-block;
	max-width: 220px;
	height: 23px;
	line-height: 23px;
	padding: 0px 8px;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;
	border-radius: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666;
	text-decoration: none;
	-webkit-transition: .2s;
	transition: .2s;
}
.side ul.tagcloud li a:hover{
	background-color: #3498db;
	border: 1px solid #3498db;
	color: #fff;
}


/* -----------------------------------------------
カテゴリ、アーカイブ
----------------------------------------------- */
.category-parent a{
   display:block;
transition: all 0.2s ease;
margin:0;padding:13px 5px 5px 15px ;
border-bottom: 1px dotted #aaa;
font-size:13px;
background: url(sakalog/imgs/e/d/edd7ceb5.gif) 0 15px no-repeat;
}
.category-parent a:hover {
    border-bottom: 1px solid #E8822A;
}

.category-child a{
   display:block;
transition: all 0.2s ease;
margin:0;padding:10px 5px 5px 33px;
border-bottom: 1px dotted #aaa;
font-size:13px;
background: url(sakalog/imgs/e/d/edd7ceb5.gif) 15px 12px no-repeat;
}
.category-child a:hover {
    border-bottom: 1px solid #E8822A;
}


.plugin-monthly .side .sidebody{margin:0;padding:10px 5px;border-bottom: 1px solid #e6e6e6;}


/* -----------------------------------------------
左カラム専用スタイル(非表示中)
----------------------------------------------- */
/*左カラムの共通設定*/
.left-container .side{
	padding: 10px;
}
.left-container .side a{
	color: #333 ;
}
.left-container .side a:hover{
	text-decoration: none;
	color: #E8822A;
}



/* -----------------------------------------------
フッター
----------------------------------------------- */

/*フッターの全体設定*/
#blog-footer{
	width:100%;
	margin-top:10px;
	height : 570px;
	background: #232323; /* Old browsers */
	border-bottom: 6px solid;
	border-image: linear-gradient(to right, #00dbde 0%, #fc00ff 100%);
	border-image-slice: 1;
}


/*フッターのコピーライト部分*/
#blog-footer #footer{
	margin: 0 auto;
	color:#fff;
	height:490px;
	width:1060px;
	border-bottom:1px solid #898686;
	padding-top:20px;
	bottom: 0;
}
#blog-footer #footer a{
	color:#f7f4f4;
}
#blog-footer #footer a:hover{
	text-decoration: underline;
}

.footer-left{
	width:706px;
	height:490px;
	float:left;
	border:0px solid #323232;
}

.footer-left-1{
	width:350px;
	height:490px;
	float:left;
	border-right:0px solid #323232;
	text-align: left;
}
.footer-left-1 p {
	margin-bottom:10px;
	font-size:13px;
}
.footer-left-txt {
	padding:0px 20px 0px 15px;
	margin-bottom:15px;
}

.footer-left-2{
	width:350px;
	height:490px;
	float:right;
	border-right:0px solid #323232;
	text-align: left;
}
.footer-right{
	width:350px;
	height:490px;
	float:right;
	border:0px solid #323232;
	text-align: left;
}

.footer-title {
	padding: 0px 10px;/*文字周りの余白*/
	color: #fff;/*文字色*/
	font-size:17px;
	font-weight: bold;
	border-left: solid 5px #FF5B79;/*左線（実線 太さ 色）*/
	margin-bottom:10px;
}

.footer-menu {
	text-align:left;
	margin-bottom:20px;
	padding:0px;
	border:0px solid #D1D1D1;
}

.footer-menu ul{
	margin:0;
	padding:0;
	list-style: none;
	border-top:0px solid #ddd;
}

.footer-menu li {
	font-size:13px;
	line-height:5px;
	padding:10px 0 10px 10px;
}

.copyright{
	width:1060px;
	color: #666;
	height:15px;
	margin: 0 auto;
	text-align:right;
	padding:10px 0px;
}


/*トップへ戻る*/
.page-top{
	position: fixed;
	bottom: 16px;
	right: 16px;
}
.page-top a{
	display: block;
	text-decoration: none;
}
.page-top:hover{
	opacity: 0.85 ;
}


/* -----------------------------------------------
記事一覧　画像＆メタ情報＆タイトル＆コメント数 部分
----------------------------------------------- */
.article-tile{
	border:1px solid #e6e6e6;
	margin-bottom:10px;
	background: #fff; 
}

.postTxt{
	width:475px;
	height:154px;
	float:right;
	border:0px solid #e6e6e6;
}

.postTitle {
	width:475px;
	height:80px;
	float:left;
	border:0px solid #e6e6e6;
	line-height: 150%;
}
.postTitle a {
	font-size: 23px;
	color:#333;
	font-weight:bold;
}
.postTitle a:hover{
	text-decoration: none;
	color: #E8822A;
}

.postImg{
	width:234px;height:154px;
	background: #000; 
	float:left;
	margin-left:0px;
	border: 1px solid #e6e6e6;
	overflow:hidden;
}
.postImg img{
	transition:1s all;
}
.postImg img:hover{
	transform:scale(1.2,1.2);
	transition:1s all;
}

.post-cate{
	height:35px;
	font-size:12px;
	border: 0px solid #eeeeee;
}
.post-cate a{
	color: #333 ;
}
.post-cate  a:hover{
	text-decoration: none;
	color: #E8822A;
}

.article-date {
  	float: left;
  	padding-left:19px;
  	color:#000;
  	display:inline;
  	background:url(sakalog-sohazwlh/imgs/7/8/786be23d.png) left center no-repeat;
  	margin-right:15px;
}
dl.article-category {
	float: left;
	padding-left:5px;
	margin:0px 0px 0px 0px;
	font-size:12px;
	line-height: 1.3;
	float: left;
	background: url(sakalog-sohazwlh/imgs/6/2/62c557cc.png) no-repeat left 50%;
}
dl.article-category dt {
  	display:none;
	margin:0px;
	padding: 0px;
}
dl.article-category dd {
	padding: 0px 0px 0px 2px;
	float:left;
}
.post-com {
  	float: left;
  	padding-left:19px;
  	color:#000;
  	display:inline;
  	background:url(sakalog/imgs/8/b/8bd18099.png) left center no-repeat;
  	margin-left:15px;
}


/* -----------------------------------------------
記事一覧　タグリスト＆続きを読む部分
----------------------------------------------- */
.morepost {
  	width:475px;
	height:39px;
	float:left;
	border:0px solid #e6e6e6;
}
.morepost a {
	color: #fff;
	text-decoration: none;
}
.morepost a:hover{
    text-decoration: none;
	color: #fff;
}
.mp-right{
	float:right;
	text-align:right;
	width:102px;
	padding-top:7px;
}
.mp-right a{
	color: #333;
}
.mp-right a:hover{
	color: #333;
}
.mp-left{
    float:left;
　　text-align:left;
  	width:300px;
	border:0px solid #e6e6e6;
	font-size:12px;
}


/* -----------------------------------------------
タグリスト（全体共通）
----------------------------------------------- */
.article-tags{
  	margin:0px;
  	padding: 0px;
}
dl.article-tags {
  	margin-top: 10px;
}
dl.article-tags dt{
  	display:none;
}
dl.article-tags dd{
  	background:url(sakalog-sohazwlh/imgs/9/4/941174b5.gif) left center no-repeat;
  	padding-left:20px;
  	margin:0 10px 0 0;
}
dl.article-tags dd a{
  	color:#333;
}
dl.article-tags dd a:hover {
  	color:#E8822A;
}


/* -----------------------------------------------
記事一覧　続きを読むボタン
----------------------------------------------- */
.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4d524c;
	padding: 7px 11px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 53%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 53%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 53%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
	border: 1px solid #b4b5b3;
	box-shadow:
	0px 0px 0px rgba(000,000,000,0),
	inset 0px 0px 3px rgba(255,255,255,0.9);
	text-shadow:
	0px 0px 0px rgba(000,000,000,0),
	0px 0px 0px rgba(255,255,255,0);
}
.css3button:hover{
	opacity: 0.6;
}


/* -----------------------------------------------
スマホ用
----------------------------------------------- */
.spcenter{
	text-align:center;
}