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

.flex{ display: flex;}

.item-blog { padding-bottom: 50px; border-bottom: 1px solid #B1B1B1; margin-bottom: 50px;}

.item-blog .title { position: relative}
.item-blog .data { position: absolute; left:0; bottom: 0; width: 100%; padding: 0 15px;}
.item-blog .data a { color: #828282}
.item-blog .date {font-family: "FOT-UD角ゴC80 Pro M"; font-size: 14px;color: #828282}



.item-blog {width:100%}
.item-blog .photo{ width: 25%; padding-right: 15px; position: relative}
.item-blog .photo .ic-new{ width: 40px; height: 40px; position: absolute; top: -20px; right: -5px;}
.item-blog .title { width: 75%; padding-left: 15px; padding-bottom: 25px;}
.item-blog .title h1 { font-size: 19px; line-height: 32px;}



.item-blog.first .photo{ width: 50%; padding-right: 15px;}
.item-blog.first .title { width: 50%; padding-left: 15px; padding-bottom: 25px;}
.item-blog.first .title h1 { font-size: 29px; line-height: 50px;}

.item-blog .photo a:hover{ opacity: 0.75}
.item-blog .title a:hover{ opacity: 0.5; text-decoration: none}

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

.h-category{ background: #F2F2F2;font-family: "FOT-UD角ゴC80 Pro M"; font-size: 16px; text-align: center; padding: 20px 10px; border: 1px solid #B1B1B1; margin-bottom: 0; letter-spacing: 1px;}
.category-blog{ border: 1px solid #B1B1B1; padding: 0; margin: 0;margin-top: -1px; display: block }
.category-blog li { list-style: none; border: 1px solid #b1b1b1; margin: -1px; background: url(../images/arrow.png) no-repeat 15px 23px}
.category-blog li a { display: block; padding:20px 10px 20px 40px;}
.category-blog li a:hover { opacity: 0.5;}

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

.h-blog-single{font-size: 29px; line-height: 50px; border-bottom: 1px solid #B1B1B1; padding-bottom: 20px;}

#article { padding-bottom: 50px; border-bottom: 1px solid #B1B1B1; margin-bottom: 50px;line-height: 1.8 }
#article p { font-size: 17px; margin-bottom: 3em }
#article .photo { width: 100%; padding: 10px; background: #FFFFFF; text-align: center; margin-bottom: 3em; }
#article img[class*="wp-image-"],
#article img[class*="attachment-"] { max-width: 100% !important; height: auto;}
#article .aligncenter { display: block; margin: 0 auto; }
#article .alignright { float: right; }
#article .alignleft { float: left; }
#article .wp-caption-text { font-size: 12px; text-align: center; margin-bottom: 2em }
#article .wp-caption .photo { margin-bottom: 10px; }
#article .wp-caption { width: 100% !important;text-align: center;}
#article ul,
#article ol{ font-size: 17px; margin-bottom: 3em;}
#article table { border: 1px solid #ddd; width: 100%; max-width: 100%; margin-bottom: 3em; border-spacing: 0; border-collapse: collapse; }
#article table th { border: 1px solid #ddd; padding: 8px; line-height: 1.42857143; vertical-align: top; text-align: left; white-space: nowrap}
#article table td { border: 1px solid #ddd; padding: 8px; line-height: 1.42857143; vertical-align: top; }



/*----------------------------------------------------*/
.pagecounter .wp-pagenavi { margin-left: auto; margin-right: auto; text-align: center; }
.pagecounter .wp-pagenavi .first,
.pagecounter .wp-pagenavi .last,
.pagecounter .wp-pagenavi .nextpostslink,
.pagecounter .wp-pagenavi .previouspostslink,
.pagecounter .wp-pagenavi .extend,
.pagecounter .wp-pagenavi .page,
.pagecounter .wp-pagenavi .current { display: none }
.paging .wp-pagenavi { display: table; border-collapse: separate; border-spacing: 1px; table-layout: fixed; width: 100%; }
.paging .wp-pagenavi .pages { display: none }
.paging .wp-pagenavi a { display: table-cell; width: 25%; background: #B1B1B1; color: #121212; text-align: center; padding: 12px 6px }

.paging-single{display: table; border-collapse: separate; border-spacing: 1px; table-layout: fixed; width: 100%; margin-bottom: 50px;}
.paging-single div{ display: table-cell; width: 33.3%;text-align: center;  }
.paging-single div a {padding: 12px 6px; background:#C4C4C4; color: #121212; display: block }
/*----------------------------------------------------*/

.searchform { padding: 20px 10px; margin-bottom: 50px; border: 1px solid #b1b1b1; margin-top: -1px;}
.searchform ul { width: 100%;}
.searchform ul li:last-child { text-align: right}
.searchform input{  border: none; box-shadow:none !important;-webkit-border-radius: 0 !important;border-radius: 0 !important; border-bottom: 1px solid #737373;}
.searchform button { background: none;box-shadow: none !important; border: none;vertical-align: -6px;}

h1.result{ margin-bottom: 50px; font-size: 16px; font-weight: normal; padding: 8px; background: #333333; color: #FFFFFF}


@media only screen and (max-width: 768px) {

.flex{ display: block;}
.item-blog .photo{ width: 100%; padding-right: 0; position: relative; margin-bottom: 15px;}
.item-blog .title { width: 100%; padding-left: 0; padding-bottom: 0px;}
.item-blog .data { position: relative; left:auto; bottom:auto; width: 100%; padding: 0 0;}
.item-blog .photo .ic-new{ position: absolute; top: -20px; right: -5px;}


.item-blog.first .photo{ width: 100%; padding-right: 0;}
.item-blog.first .title { width: 100%; padding-left: 0; padding-bottom: 0;}

.item-blog.first .title h1 { font-size: 21px; line-height: 32px;}
/*---------------------------------------------------*/

.h-blog-single{font-size: 21px; line-height: 32px; border-bottom: 1px solid #B1B1B1; padding-bottom: 20px;}










}