@charset "utf-8";

/*３層*/
.LayerA{
	width:100%;
	height:130px;
	padding-top:1px;
	
	background-image:url(../img/header-back.jpg);
	background-size:auto;
	background-position:0 bottom;
	background-repeat:repeat;
}
	
.LayerB{
	width:100%;
	background-color:#fff;
	text-align:left;
	padding-top:1px;
	margin-top:-10px;
}

.LayerC{
	width:100%;
	background:url(../img/footer-back.jpg) top left repeat-x;
	height:84px;
	padding-top:1px;
	}
	
	
/*ヘッダー部分------------------*/
.Header{
	width:100%;
	margin:0 auto;
	position:relative;
	height:130px;
	padding-top:1px;
	}
.Title{
	margin:35px 0 8px 20px;
	width:70%;
}

.Title img{
	width:100%;
	height:auto;
}

.Name{
	margin:-42px 0 0 220px;
	width:22%;
}

.Name img{
	width:100%;
	height:auto;
}

.Logo{
	position:absolute;
	top:3px;
	right:20px;
	width:25%;
}

.Logo img{
	width:100%;
	height:auto;
}
.LeftLine{
	position:absolute;
	width:2px;
	height:101px;
	top:10px;
	left:10px;
}

.LeftLine img{
	width:100%;
	height:auto;
}

.RightLine{
	position:absolute;
	width:2px;
	height:101px;
	top:10px;
	right:10px;
}

.RightLine img{
	width:100%;
	height:auto;
}
.pcFooter{
	width:30%;
	margin:16px auto;
}
.pcFooter img{
	width:100%;
	height:auto;
}

	
/*投稿コンテンツ部分-------------*/	
.MainContent{
	width:100%;
	margin:0 auto;
	padding:0 10px;
	padding-bottom:10px;
}
.ContentLeft{
	width:100%;
	padding-top:20px;
}
.ContentRight{
	width:100%;
	margin-left:0;
	padding-top:10px;
	font-size:1.1em;
}

h1.MainTitle{
	font-weight:bold;
	font-size:1.4em;
	background-color:#333;
	color:#fff;
	padding:3px 0 1px 20px;
	position:relative;
}
h1.MainTitle a{
	color:#FFF;
}
h1.MainTitle a:hover{
	color:#ccc;
}
span.DateBox{
	width:120px;
	position:absolute;
	bottom:-24px;
	color:#333;
	right:10px;
	text-align:right;
	font-size:0.68em;
	font-weight:normal;
}
span.Dt1{
	position:absolute;
	top:3px;
	left:-4px;
	width:12px;
	height:14px;
}

span.Dt1 img{
	width:100%;
	height:auto;
}

/*投稿コンテンツ*/
.PostContent{
	margin:40px 0 25px 0;
	width:100%;
	
}
.PostContent p{
	width:100%;
	margin:0;
	line-height:1.6em;
}
.PostContent p.phSub{
	width:100%;
	margin-top:-5px;
	line-height:1.4em;
	text-align:center;
	margin-bottom:15px;
}
.Photo1{
	width:85%;
	margin:15px auto;
	text-align:center;
}
.Photo1 img{
	width:100%;
	height:auto;
}
.Photo2{
	margin:15px auto;
	width:68%;
	text-align:center;
}
.Photo2 img{
	width:100%;
	height:auto
	
}

	
/*カテゴリーと投稿日*/
.postBottom1{
	margin:20px auto 10px auto;
	border-top:#333 solid 2px;
	padding-top:10px;
}
.categoryBox{
	width:50%;
	float:left;
}

ul.post-categories{
	width:70%;
	float:left;
}

ul.post-categories li{
	/*display:inline;*/
	padding:0 10px 0 0;
	width:22%;
	float:left;
}
.dateBox{
	width:50%;
	float:left;
	text-align:right;
}

/*投稿次と前*/
.postBottom2{
	margin:10px auto;
}
.beforeBox{
	text-align:right;
	padding-right:20px;
	border-right:#333 solid 2px;
	float:left;
	width:50%;
}
.nextBox{
	padding-left:20px;
	border-left:#333 solid 2px;
	float:left;
	width:50%;
}

.postBottom3{
	border-top:#333 solid 4px;
	padding-top:10px;
	margin:10px auto;
}

/*サイドメニュー*/
.MenuTitleBar{
	width:100%;
	position:relative;
	background-color:#FCF7F1;
	height:4px;
	background-color:#E9EBE3;
	margin-top:20px;
}

span.LeftDt{
	display:block;
	position:absolute;
	width:12px;
	top:-8px;
	left:0;
	z-index:10;
	height:8px;
}

span.RightDt{
	display:block;
	position:absolute;
	width:12px;
	top:-4px;
	right:0;
	z-index:10;
	height:8px;
}

span.LeftDt img,
span.RightDt img{
	width:100%;
	height:auto;
}




hr.SideLime{
	width:100%;
	height:0;
	border-top:#DFE2D6 6px solid;
	border-left:#DFE2D6 1px solid;
	border-right:#DFE2D6 1px solid;
}

ul.MenuLine{
	width:100%;
	margin:15px 0 15px 0;
	font-size:0.96em;
}

ul.MenuLine li{
	width:100%;
	margin:8px 0;
	clear:both;
}

ul.MenuLine li span.Sq{
	display:block;
	float:left;
	margin:0 6px 0 0;
	width:8px;
	height:8px;
	
}

ul.MenuLine li span.Sq img{
	width:100%;
	height:auto;
}

ul.MenuLineFl{
	width:100%;
	margin:15px 0 15px 0;
	font-size:0.96em;
}


ul.MenuLineFl li{
	width:50%;
	float:left;
	margin:6px 0;
}

ul.MenuLineFl li span.Sq{
	display:block;
	float:left;
	margin:0 6px 0 0;
	width:8px;
	height:8px;
	
}

ul.MenuLineFl li span.Sq img{
	width:100%;
	height:auto;
}





.ToList{
	margin-top:20px;
	width:100%;
	border-top:#DBDBDB 1px solid;
	border-bottom:#DBDBDB 1px solid;
}

.ToList a{
	display:block;
	text-align:center;
	padding:8px 0 4px 0;
}

.ToList a img{
	width:26%;
}

.ToHome{
	margin-top:8px;
	width:100%;
	border-top:#DBDBDB 1px solid;
	border-bottom:#DBDBDB 1px solid;
}

.ToHome a{
	display:block;
	text-align:center;
	padding:8px 0 4px 0;
}

.ToHome a img{
	width:11%;
}



.TenraiBox{
	width:100%;
	margin-top:20px;
	padding-top:1px;
}
.ToBlog{
	width:49%;
	height:50px;
	background-color:#FDFAF6;
	border:#D9D9D9 solid 1px;
	text-align:center;
	float:left;
	
}

.ToBlog img{
	width:70%;
	margin:15px 0 0 0;
	
}
.ToTenrai{
	width:49%;
	height:50px;
	background-color:#00BA95;
	text-align:center;
	margin-top:0;
	float:left;
	margin-left:2%;
	
}

.ToTenrai img{
	width:38%;
	margin:18px 0 0 0;
	
}


/*ホーム用*/
.PostContentHome{
	margin:0;
	width:100%;
	/*background-color:#F3F5F1;*/
	padding:15px 10px 10px 10px;
	border-bottom:#ddd solid 1px;
	border-right:#ccc solid 1px;
	border-left:#ccc solid 1px;
}

.HomePhoto1{
	width:72%;
	float:none;
	margin:10px auto;
}

.HomePhoto1 img{
	width:100%;
	height:auto;
}

/*p.ContentHome1{
	width:96%;
	float:none;
	margin-left:0;
	margin:15px auto;
	
}*/

.Excerpt1{
	width:96%;
	float:none;
	margin:0;
	margin-left:0;
	margin:15px auto;
	
}

.NewBox{
	width:60px;
	font-weight:bold;
	text-align:center;
	background-color:#5F94C9;
	height:22px;
	border-radius:11px;
	line-height:22px;
	color:#FFF;
	margin-top:-22px;
	margin-left:-10px;
	margin-bottom:10px;
	letter-spacing:-2px;
}

/*過去のリスト*/
.PostListBox{
	width:100%;
	margin:0 auto;
}


.PostListEach{
	width:100%;
	margin:15px 0;
	border-bottom:1px #ddd solid;
}

span.homeDt1{
	position:absolute;
	top:0;
	left:0;
	width:10px;
	height:12px;
}

span.homeDt1 img{
	width:100%;
	height:auto;
}






h2.PostList{
	font-weight:bold;
	font-size:1.2em;
	text-align:left;
	padding:2px 0 0 15px;
	position:relative;
	
}

.ListContent{
	margin-top:5px;
	padding:5px 0 5px 0;

	
}

.HomePhoto2{
	width:25%;
	float:left;
	margin-right:3%;
}

.HomePhoto2 img{
	width:100%;
	height:auto;
}

.ContentList1{
	width:68%;
	float:left;
	margin:0;
	margin-left:0;
	
}

.DateBoxList{
	text-align:right;
	width:38%;
	float:right;
}
.categoryBoxList{
	margin-top:10px;
	text-align:right;
	width:100%;
	border-top:1px #ddd dotted;
	padding-top:3px;
}

a.more{
	color:#999;
	font-size:0.94em;
}

a.more:hover{
	color:#bbb;
}







/*SP用戻るボタン*/
.BackT{
	width:15%;
	margin:15px auto;
	padding-top:1px;
}

.BackT img{
	width:100%;
	height:auto;
}





/*トップへのアイコンスマホで見た時*/

.pagetop {
	display:none;
}

#pageTop {
  display:block;
}
#pageTop {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 42px;
  line-height:42px;
  background:url(../img/to-top.png) top left no-repeat;
  color: #fff;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}