/* CSS Document */

/*
Theme Name:Temple_Thrid-4
Theme URI: http://saitou.debug-japan.com/
Description: The second ten pre by which Mr. Saito did a custom!
Author: Ysaito
Author URI: http://saitou.debug-japan.com/
Version: 1.0
*/
	
body {
}
/*大枠*/
#container {
	background:#fbfbfb;
}
/*ヘッダー*/
#header {
}
#header .MainImage{
	box-shadow:0px 0px 1px #333;
	display:block;
	margin:0px auto;
}
#wrapper {
}
/*リンク*/
a{
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

/*サイドバー*/
#side {
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
.MainContent {
}

#Content {
	background:#FFFFFF;
	box-shadow:0px 0px 1px #333;
}
#Content a {
	color:#0058f8;
	font-weight:bold;
	text-decoration:underline;
}
#Content a:hover {
	text-decoration:none;
}

/*フッター*/
#footer {
	background:#ff569a;
	color:#FFF;	
}
#footer a{
	color:#fcffc4;
	text-decoration:underline;
}
#footer a:hover{
	text-decoration:none;
}
/*ウィジェット*/

.widget-area {
}
.widget-area aside {
}

widget-area aside div {
}
.widget-area aside div.SideTitle {
	position:relative;
	padding: 12px 0px 12px 50px;
	background:#ff569a;
	color:#FFFFFF;
	border-radius:5px 5px 0px 0px;
}
.widget-area aside div.SideTitle:before {
content: '';
    display: block;
    position: absolute;
    bottom: 6px;
    background: url('images/Side-18.png') no-repeat;
    background-position: center;
    width: 28px;
    height: 30px;
    left: 11px;
}
.widget-area aside div.SideTitle:after {
/*	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 18px;
	border-color: transparent transparent transparent #FFFFFF;
	width: 0;
	height: 0;
	border-width: 10px 0 10px 8px;
	border-style: solid;
	margin: auto;
	content: "";*/
}
.widget-area aside div.SideTitle + ul {
	margin-top: -5px;
	padding-top:5px;
	border-radius: 5px;
	background:#FFFFFF;
	border-left:3px solid #ff569a;
	border-right:3px solid #ff569a;
	border-bottom:3px solid #ff569a;
	box-sizing:border-box;	
}
.widget-area aside div.SideTitle + ul li {
	border-bottom:1px dotted #ff569a;
	font-size:14px;
}
.widget-area aside div.SideTitle + ul li:last-child {
	border-bottom:none;
}
#PagiNation {
	margin:10px 0px;
}
#PagiNation a {
	color:#238acc;
}
#PagiNation div > span {
}

#PagiNation .prev {
	width:50%;
	float:left;
}
#PagiNation .next {
	width:50%;
	float:right;
}

/*見出し1*/

/*#Content h1,#Content h2,.PostTitle {
	color: #FFFFFF;
	font-size: 24px;
	position: relative;
	padding: 8px 16px;
	background: #ff569a;
	box-shadow:0px 0px 2px #333 inset;
	
}
#Content h1:before,#Content h2:before,.PostTitle:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border: 8px solid #fff;
    border-top: 8px solid rgba(0, 0, 0, 0.5);
    border-left: 8px solid rgba(0, 0, 0, 0.5);
}
*/


/*見出し2*/

/*#Content h1,#Content h2,.PostTitle {
	color: #ff569a;
    font-size: 24px;
    line-height: 1.6em;
    padding: 0 0 2px 12px;
    border-left: 4px solid #ff569a;
	border-bottom: 1px solid #ff569a;
}
*/

/*見出し3*/
#Content h1,#Content h2,.PostTitle{
	color:#ff569a;
	padding:10px 5px;
	background:#FFFFFF;
	border-top:3px double #ff569a;
	border-bottom:3px double #ff569a;
	box-shadow:0px 2px 0px #FFF inset,0px -2px 0px #FFF inset;
	
}


#Content h2 > a{
	color:#ff569a;
	text-decoration:none;
}
#Content h2 > a:hover{
	text-decoration:underline;
}

/*タグ関係*/

.SiteTitle{
	background:#ff569a;
}
.SiteTitle a{
	color:#FFFFFF;
}
.Description {
	background:#ff569a;
	box-shadow:0px 2px 0px #ff569a;
	border-bottom:3px solid #FFFFFF;
	margin-bottom:2px;
}
.Description > span {
	color:#FFFFFF;
}
.PostTitle {
}
.PostContent {
}
.widget-area a {
	color:#333333;
}
ul.ArchivePostContent > li,ul.SearchPostContent > li {
	border-bottom:1px solid #dddddd;	
}

/*アーカイブ、検索ページのhr*/
.CustomLine {

}

/*検索フォーム*/

.screen-reader-text {
	display: none;
}
.CustomSerach #searchform #s{
	width:70%;
	box-sizing:border-box;
}
.PageNation{
	padding:10px 0px 25px;	
}
span.DaySearch {
}
/*エラーページ*/
.ErrorTitle{
}
.ErrorPage{
}
.ErrorPage .Font1{
}
.ErrorPage .Font2{
}
.ErrorPage .Font3{
}
/*ページトップ*/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: rgba(255,86,154,1);
	border:2px solid #FFFFFF;
	box-shadow:0px 0px 5px rgba(111,111,111,0.5);
	text-decoration: none;
    color: #FFFFFF;
    width: 100px;
    padding: 15px 10px 15px 30px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    background: rgba(255,86,154,0.8);
    text-decoration:none;
	border:2px solid #FFFFFF;
	box-shadow:0px 0px 5px rgba(32,57,111,0.5);
    color: #FFF;
}

#page-top a:before{
	display: block;
	position: absolute;
	top: 10px;
	bottom: 0px;
	left: 15px;
	width: 10px;
	height: 10px;
	margin: auto;
	content: "";
	background:#ffffff;
}
#page-top a:after{
	display: block;
	position: absolute;
	top: 0px;
	bottom: 10px;
	left: 10px;
	width: 0;
	height: 0;
	border-width: 0px 10px 10px 10px;
	border-style: solid;
	margin: auto;
	content: "";
	border-color: transparent transparent #FFFFFF transparent;
}
#Content section div h2{
	margin:10px 0px;
/*	padding:10px 0px 10px 10px;
*/}
#Content section:first-child div h2{
	position:relative;
	margin:0px 0px 10px;
}
#Content p{
	margin:10px 0px;
}
#Content section div h2:before,#Content .PostList h2:before, #Content h1.PostTitle:before{
/*	position:absolute;
	top:0;
	left:-4px;
	content:"";
	background:rgba(255,255,255,0.8);
	display:block;
	width:2px;
	height:100%;*/
}
/*#Content section div h2:after,#Content .PostList h2:after, #Content h1.PostTitle:after{
	position:absolute;
	top:0;
	left:-5px;
	content:"";
	background:rgba(255,255,255,0.8);
	display:block;
	width:1px;
	height:100%;
}*/