@charset "utf-8";
/* CSS Document */

/* ブログ */
/* コンテンツボックス */
.blog-contentsbox01 {
	margin: 80px 0 60px;
}
.blog-contentsbox01:after { content:""; display:block; clear:both; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.blog-contentsbox01 {
	margin: 20px 0;
}
.blog-contentsbox01:after { content:""; display:block; clear:both; }
}
/* //コンテンツボックス */
    
/* ヘッドイメージ */
#blogheadimgbox01 { width:1008px; margin:0 auto; padding:0 0 15px; position: relative; }
#blogheadimgbox02 { width: 100%; position: relative; }

#blogheadtitle {
	display: block;
	text-align: center;
	width: 94%;
	font-size: 50px;
	line-height: 100%;
	font-weight: 600;
	color: #FFFFFF;
	position: absolute;
	top: 47%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.76);
	-webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.76);
	-ms-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.76);
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.76);
}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#blogheadimgbox01 { width:100%; margin: 0 auto; padding:0; position: relative; }
#blogheadimgbox02 { width: 100%; position: relative; }

#blogheadtitle {
	display: none;
	text-align: center;
	width: 96%;
	font-size: 40px;
	line-height: 100%;
	font-weight: 600;
	color: #FFFFFF;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	-moz-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.76);
	-webkit-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.76);
	-ms-text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.76);
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.76);
}
}
/* //ヘッドイメージ */

.blogwrap01 { width: 70%; margin: 0 auto; padding:0 0 40px; font-size: 14px; font-weight: 400; line-height: 160%; }
.blogwrap01:last-child { padding:0; }
.blogwrap01:after { content:""; display:block; clear:both; }

.blogwrap01 h1 {
    font-size: 20px;
    font-weight: 600;
}
.blogwrap01 h2 {
    font-size: 18px;
    font-weight: 600;
}
.blogwrap01 h3 {
    font-size: 16px;
    font-weight: 500;
}

.blogbox01 { display: block; }
.blogbox01:nth-child(1) { width: 610px; float: left; }
.blogbox01:nth-child(2) { width: 285px; float: right; padding: 22px 0 0; }
.blogbox01:after { content:""; display:block; clear:both; }

.blogbox02 { display: block; }
.blogbox02:nth-child(1) { width: 610px; float: left; padding: 10px 0 0; }
.blogbox02:nth-child(2) { width: 285px; float: right; padding: 0; }
.blogbox02:after { content:""; display:block; clear:both; }

#newblogwrap { display: block; padding: 0 0 30px; }

.bloginner01 { display: block; padding: 0 0 15px; }

.blogname01 { text-align:center; font-size:32px; padding:0 0 30px; }
.blogname01 p { display: block; letter-spacing: 0.1em; }
.blogname01 p:before { content: "-"; padding: 0 0.5em 0 0; }
.blogname01 p:after { content: "-"; padding: 0 0 0 0.5em; }

.bloginfowrap { width: 98%; display: table; margin: 0 auto 5px; }
.blogdate01 { width: 50%; display: table-cell; text-align: left; }
.blogcategory01 { width: 50%; display: table-cell; text-align: right; }
.blogtitle01 { font-size: 20px; font-weight: 600; padding: 0 0 5px; margin: 0 0 10px; }
.blogtitle01 p { background: #9bb6c2; color: #FFFFFF; padding: 0.2em 0.5em; }
.blogtitle01 h2 { font-size: 20px; font-weight: 600; text-align: left; background: #9bb6c2; color: #FFFFFF; padding: 0.2em 0.5em; }
.blogdetail01 { width: 98%; margin: 0 auto; padding: 0 0 15px; }

/* 画像サイズ */
.blogdetail01 img { width:auto; height:auto; image-rendering: auto; }

#pagenation { display: block; text-align: center; padding: 15px 0; }

.bloglinkwrap01 {
    width: 28%;
    float: left;
	background: #FFFFFF;
	padding: 2%;
	margin: 0 2% 20px 0;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(102,102,102,0.55);
	-moz-box-shadow: 0px 4px 8px 0px rgba(102,102,102,0.55);
	box-shadow: 0px 4px 8px 0px rgba(102,102,102,0.55);
    font-size: 14px;
}
.bloglinkwrap01:nth-child(3) { margin: 0 0 20px; }

.bloglinktitile01 { display: block; font-size: 16px; font-weight: 600; margin: 0 0 10px; text-align: center; }
.bloglinktitile01 p { background: #9bb6c2; color: #FFFFFF; padding: 0.25em 0.5em; }

.bloglinkwrap01 ul { width: 94%; margin: 0 auto; line-height: 160%; }

/* 記事ページのページネーション */
#singlepagenation { width: 98%; margin: 0 auto; display: table; }
.next { width: 50%; display: table-cell; }
/*.next a:before { content: "<< "; }*/
.prev { width: 50%; display: table-cell; text-align: right; }
/*.prev a:after { content: " >>"; }*/
/* //記事ページのページネーション */

/* ブログ一覧 */
.bloglistinfowrap { width: 100%; display: table; margin: 0 auto; }
.bloglistinfowrap li { width: 100%; display: table; padding: 0 0 10px; }
.bloglistinfowrap li:last-child { padding: 0; }
.bloglistinfowrap li p { display: table-cell; }
.bloglistinfowrap li p:nth-child(1) { width: 11em; display: table-cell; }

.lcp_paginator { display: table; margin: 30px auto 0; }

.bloglistdate01 { width: 11em; display: table-cell; text-align: left; }
.bloglistcategory01 { width: auto; display: table-cell; text-align: left; }
.bloglisttitle01 { width: 98%; font-size: 16px; font-weight: 600; padding: 0; margin: 0 auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.bloglistinfowrap { width: 100%; display: table; margin: 0 auto; }
.bloglistinfowrap li { width: 100%; display: block; padding: 0 0 10px; }
.bloglistinfowrap li:last-child { padding: 0; }
.bloglistinfowrap li p { display: block; }
.bloglistinfowrap li p:nth-child(1) { width: 100%; display: block; }

.lcp_paginator { display: table; margin: 20px auto 0; }

.bloglistdate01 { width: 11em; display: table-cell; text-align: left; }
.bloglistcategory01 { width: auto; display: table-cell; text-align: left; }
.bloglisttitle01 { width: 98%; font-size: 12px; font-weight: 600; padding: 0; margin: 0 auto; }
}
/* //ブログ一覧 */

/* 記事一覧ページのページネーション */
.pagination{
clear:both;
display: table;
margin: 0 auto;
padding:20px 0;
position:relative;
font-size:14px;
line-height:14px;
text-align:center;
}
.pagination-box{
display:inline-block;
}
.pagination span, .pagination a{
display:block;
float:left;
margin:2px 2px 2px 0;
padding:10px 15px 10px 15px;
text-decoration:none;
width:auto;
color:#fff;/* 文字色 */
background:#2d4d55;/* 背景色 */
}
.pagination a:hover{
color:#2d4d55;/* マウスホバー時の文字色 */
background:#F9D635;/* マウスホバー時の背景色 */
}
.pagination .current{
padding:10px 15px 10px 15px;
background:#F9D635;/* 現在のページの文字色 */
color:#2d4d55;/* 現在のページの背景色 */
}

.lcp_paginator{
clear:both;
padding:20px 0;
position:relative;
font-size:14px;
line-height:14px;
text-align:center;
}
.lcp_paginator li{
display:inline-block;
border: 0px !important;
margin: 0 !important;
padding: 0 !important;
vertical-align: middle;
}
li.lcp_currentpage{
clear:both;
padding:10px 14px !important;
margin:2px 2px 2px 0 !important;
position:relative;
font-size:14px !important;
line-height:14px !important;
text-align:center !important;
color:#2d4d55;/* マウスホバー時の文字色 */
background:#F9D635;/* マウスホバー時の背景色 */
}
.lcp_paginator span, .lcp_paginator a{
display:block;
float:left;
margin:2px 2px 2px 0;
padding:10px 15px 10px 15px;
text-decoration:none;
width:auto;
color:#fff;/* 文字色 */
background:#2d4d55;/* 背景色 */
}
.lcp_paginator a:hover{
color:#2d4d55;/* マウスホバー時の文字色 */
background:#F9D635;/* マウスホバー時の背景色 */
}
.lcp_paginator .current{
padding:10px 15px 10px 15px;
background:#F9D635;/* 現在のページの文字色 */
color:#2d4d55;/* 現在のページの背景色 */
}


#search-2 input.checkbox{
	display: none;
}
#search-2 label{
	width: 100%;
	height: 41px;
	display: inline-block;
	position: static;
	cursor: pointer;
	margin-left: 0;
	padding:0;
	border-radius: 0;
	font-size: 16px;
	text-align: left;
	line-height: 1;
	vertical-align:middle;
}
#search-2 label:before{
	display: none;
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -10px;
	background: #ffffff;
	border-radius: 5%;
	border:1px solid #353535;
}
@media only screen and (max-width: 413px){
.pagination{
font-size:12px;
line-height:12px;
}
.pagination span, .pagination a{
padding:8px 10px 8px 10px;
}
.pagination .current{
padding:8px 10px 8px 10px;
}
}
/* 記事一覧ページのページネーション */
@media screen and (min-width: 0px) and (max-width: 768px)  {
.blogwrap01 { width: 100%; margin: 0 auto; padding:0 0 20px; font-size: 14px; font-weight: 500; line-height: 160%; }
.blogwrap01:last-child { padding:0; }
.blogwrap01:after { content:""; display:block; clear:both; }

.blogwrap01 h1 {
    font-size: 16px;
    font-weight: 600;
}
.blogwrap01 h2 {
    font-size: 16px;
    font-weight: 600;
}
.blogwrap01 h3 {
    font-size: 16px;
    font-weight: 500;
}

.blogbox01 { display: block; }
.blogbox01:nth-child(1) { width: 100%; float: none; }
.blogbox01:nth-child(2) { width: 100%; float: none; }
.blogbox01:after { content:""; display:block; clear:both; }

.blogbox02 { display: block; }
.blogbox02:nth-child(1) { width: 100%; float: none; padding: 0; }
.blogbox02:nth-child(2) { width: 100%; float: none; padding: 0; }
.blogbox02:after { content:""; display:block; clear:both; }

#newblogwrap { display: block; padding: 0 0 30px; }

.bloginner01 { display: block; padding: 0 0 15px; }

.blogname01 { text-align:center; font-size:16px; padding:0 0 10px; }
.blogname01 p { display: block; letter-spacing: 0.1em; }
.blogname01 p:before { content: "-"; padding: 0 0.5em 0 0; }
.blogname01 p:after { content: "-"; padding: 0 0 0 0.5em; }

.bloginfowrap { width: 98%; display: block; margin: 0 auto 5px; }
.blogdate01 { width: auto; display: inline-block; text-align: left; padding: 0 1em 0 0; }
.blogcategory01 { width: auto; display: inline-block; text-align: left; }
.blogtitle01 { font-size: 16px; font-weight: 600; padding: 0 0 10px; }
.blogtitle01 p { background: #9bb6c2; color: #FFFFFF; padding: 0.2em 0.5em; }
.blogtitle01 h2 { font-size: 16px; font-weight: 600; text-align: left; background: #9bb6c2; color: #FFFFFF; padding: 0.2em 0.5em; }
.blogdetail01 { padding: 0 0 10px; }

#pagenation { display: block; text-align: center; padding: 15px 0; }

.bloglinkwrap01 {
    width: 92%;
    float: none;
	background: #FFFFFF;
	padding: 4%;
	margin: 0 0 15px;
	-webkit-box-shadow: 0px 4px 8px 0px rgba(102,102,102,0.55);
	-moz-box-shadow: 0px 4px 8px 0px rgba(102,102,102,0.55);
	box-shadow: 0px 4px 8px 0px rgba(102,102,102,0.55);
    font-size: 12px;
}
.bloglinkwrap01:nth-child(3) { margin: 0 0 15px; }
.bloglinkwrap01:last-child { margin: 0; }

.bloglinktitile01 { display: block; font-size: 16px; font-weight: 600; margin: 0 0 10px; text-align: center; }
.bloglinktitile01 p { background: #9bb6c2; color: #FFFFFF; padding: 0.2em 0.5em; }

.bloglinkwrap01 ul { width: 94%; margin: 0 auto; line-height: 160%; }

/* 記事ページのページネーション */
#singlepagenation { width: 98%; margin: 0 auto; display: table; }
.next { width: 50%; display: table-cell; }
/*.next:before { content: "<<"; padding-right: 0.5em; }*/
.prev { width: 50%; display: table-cell; text-align: right; }
/*.prev:after { content: ">>"; padding-left: 0.5em; }*/
/* //記事ページのページネーション */
}
/* //ブログ */