@charset "UTF-8";
/*!
Theme Name: castouch blog.css
Version:20190218
*/



#blog_content {
    width: 1300px;
    padding: 0;
	margin: 100px auto 80px;
    text-align: left;
}
#blog_dayarea{
	width:10%;
	float:left;
	margin-right:40px;
	text-align:center;
}

#blog_lcenter {
    width: 63%;
    padding: 0;
    float: left;
    margin-right: 40px;
}
#blog_rside {
    width: 20%;
    padding: 0;
    float: right;
    margin-right: 0px;
}
#archive_left {
    width: 76%;
    margin-right: 40px!important;
    float: left;
}
/*#archive_dayarea {
    width: 13%;
    float: left;
    margin-right: 40px;
    text-align: center;
}
#archive_lcenter {
    width: 81%;
    padding: 0;
    float: left;
}*/

/** blog_dayarea **/
.dateday{
	font-family: 'Montserrat', sans-serif;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 120%;
}


/** blog_lcenter **/
ul.blog_box {
    list-style-type: none;
    margin-left: 0px!important;
	margin-bottom:150px;
    /*border-bottom: 1px solid #ccc;*/
}
li.blog_box_list {
    padding: 0px;
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.blog_top_photo{
	width:100%;
}
h2.blog_ttl {
    font-size: 175%;
	font-weight:600;
	/*font-family: 'Sawarabi Mincho', sans-serif;*/
	line-height:170%;
    text-decoration: none;
    /*border-bottom: 2px solid #666;*/
	margin:25px 0px 25px 0px;
	/*padding-bottom:10px;*/
}
h2.blog_ttl a {
    text-decoration: none;
    color: #444;
}
span.blog_day {
	display:none;
}
span.blog_day:after {
    content: none;
}
span.blog_category {
/*background:  #e95a5a;*/
    color: #fff;
    /*margin-right: 5px;*/
}
span.blog_category a {
    background:  #e95a5a;
    text-decoration: none;
    color: #fff;
    padding: 0px 4px;
    margin-right: 5px;
}
span.blog_category a:hover {
    background: #ccc;
}
figure.blog_top_photo {
    margin: 0 auto;
object-fit: cover;
font-family: 'object-fit: cover;'
}
figure.blog_top_photo img{
    width:800px;
	    max-height: 500px;
	object-fit: cover; 
}
.blog_cont {
    margin: 50px 0px;
    font-size: 110%;
    line-height: 1.9em;
}
.blog_cont img {
    margin: 20px 20px 20px 0px;
}
/******* アーカイブ *******/
.blog_yearmonth {
    margin-bottom: 30px;
    /*background: #91a1d2;*/
    display: inline-block;
    padding: 0px 3px;
    color:  #91a1d2;
}
.blog_yearmonth_ttl:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1ea";
    color:  #91a1d2;
    font-weight: 900;
    margin-right: 6px;
}
.blog_catname {
    margin-bottom: 30px;
    /*background: #999;*/
    display: inline-block;
    padding: 0px;
    color: #91a1d2;
}
.blog_catname_ttl:before {
    font-family: "Font Awesome 5 Free";
    content: "\f02b";
    color: #91a1d2;
    font-weight: 900;
    margin-right: 6px;
}
ul.blogarchive {
    width: 100%;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
ul.blogarchive li{
    width: 308px;
	margin-right:25px;
	margin-bottom:40px;
	/*float:left;*/
    vertical-align:top; /* 上端揃え */
	    position: relative;
}
ul.blogarchive li:nth-child(3n){
	margin-right:0px;
}
    /* IE6 */
    * html ul.blogarchive li{
        display:inline; /* IEではinline-blockと同じ表現になる */
    }
 
    /* IE7 */
    *+ html ul.blogarchive li{
        display:inline; /* IEではinline-blockと同じ表現になる */
    }

.blogarchive_img{
	width:304px;/*308px*/
    height: 190px;/*154px;*/
	margin:0 auto 10px;
	object-fit: cover;
	font-family: 'object-fit: cover;'
}
.blogarchive_ttl{
	font-size:100%;
	line-height:150%;
	margin:0 0 5px 0px;
	    font-weight: 600;
}
.blogarchive_ttl a{
	color:#444;
	text-decoration:none;
}
.blogarchive_ttl a:hover{
	color:#91a1d2;
}
.blogarchive_day{
	color:#7B7B7B;
	font-size:80%;
	margin:0px 0px 5px 0px;
}
/*.blogarchive_cat:before {
    font-family: FontAwesome;
    content: '\f02b';
    color: #7B7B7B;
    font-weight: normal;
    margin-right: 6px;
	font-size:70%;
}
.blogarchive_cat a{
	font-size:80%;
	text-decoration:none;
	color:#7B7B7B;
}
.blogarchive_cat a:hover{
    color: #e95a5a;
}*/
ul.blogarchive_cat_ul li.blogarchive_cat_li{
	display:inline-block;
	width:auto;
	margin-right:5px;
    border-bottom: none;
    margin-bottom: 0px;
    line-height: 120%;
}

ul.blogarchive_cat_ul li:before {
    font-family: "Font Awesome 5 Free";
    content: "\f02b";
    color: #7B7B7B;
    font-weight: 900;
    margin-right: 6px;
	font-size:70%;
}
ul.blogarchive_cat_ul li a{
	font-size:80%;
	text-decoration:none;
	color:#7B7B7B;
}
ul.blogarchive_cat_ul li a:hover{
    color: #e95a5a;
}



/*** カスタッチブログsingle内prevnext前次記事へ ***/
.prevnextarea{
	margin:100px 0px 100px;
}
.prevnextarea .prev_blog{
	float:left;
}
.prevnextarea .next_blog{
	float:right;
}
.prevnextarea .prev_blog,.prevnextarea .next_blog{
    background: -moz-linear-gradient(left, #91a1d2, #91a1d2, #91a1d2, #91a1d2);
    background: -webkit-linear-gradient(left, #91a1d2, #91a1d2, #91a1d2, #91a1d2);
    background: linear-gradient(to right, #91a1d2, #91a1d2, #91a1d2, #91a1d2);
    background-size: 400%;
    height: 50px;
    border-radius: 25px;
    color: #FFFFFF;
    padding: 0.9em 1.5em;
  width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.prevnextarea .prev_blog a,.prevnextarea .next_blog a{
	color:#fff;
	text-decoration:none;
	font-weight:600;
}
.prevnextarea .prev_blog a:hover,.prevnextarea .next_blog a:hover{
	color:#fff;
	text-decoration:none;
	font-weight:600;
}
.prenx_blog_sp{
	display:none;
}


/** カスタッチブログ右サイドバー　blog_rside **/
.blog_info {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 50px;
}
figure.blog_info_logo {
    margin: 5px auto 5px;
    width: 90%;
}
p.blog_info_p01 {
    font-size: 90%;
    letter-spacing: -0.03rem;
    line-height: 150%;
}
.blog_rside_cont {
    /* border-top: 1px solid #666666; */
    /* padding-top: 10px; */
}
h2.blog_rside_ttl {
    border-bottom: 2px solid #666;
	padding-bottom: 10px;
    margin-bottom: 10px;
	font-family: 'Sawarabi Mincho', sans-serif;
	font-size:125%;
}
h2.blog_rside_ttl {
    border-bottom: none;
    /*background: #91a1d2;*/
    background: #e95a5a;
    color: #fff;
    line-height: 200%;
    margin-bottom: 10px;
    font-family: 'Sawarabi Mincho', sans-serif;
    font-size: 100%;
    padding: 4px 0 4px 10px;
}
.blog_rside_ttl_sub {
    font-size: 75%;
    color: #666;
    font-weight: normal;
}
.b_r_cat {
    font-size: 90%;
	line-height:150%;
	margin-bottom:10px;
}
.b_r_cat a {
    text-decoration: none;
    color: #666;
}
.b_r_cat a:hover {
    text-decoration: none;
    color: #e95a5a;
}
.b_r_cat:before {
    font-family: "Font Awesome 5 Free";
    content: "\f02b";
    color: #666;
    font-weight: 900;
    margin-right: 6px;
}
.blog_rside_cont02 {
    /* border-top: 1px solid #666666; */
    /* padding-top: 10px; */
    margin-top: 50px;
}
ul.b_r_backnumber {
    list-style-type: none;
    padding-left: 0!important;
    margin-left: 0!important;
}
ul.b_r_backnumber li.b_r_bnlist {
    padding-left: 0;
    margin-left: 0;
	line-height: 150%;
    font-size: 90%;
    padding: 10px 0px;
    /*margin-bottom: 10px;*/
    border-bottom: 1px dashed #ccc;
}
.b_r_bnlistphoto {
    float: left;
    margin-right: 5px;
}
ul.b_r_backnumber li.b_r_bnlist a {
    color: #666;
    text-decoration: none;
}
ul.b_r_achive {
    list-style-type: none;
    padding-left: 0!important;
    margin-left: 0!important;
}
ul.b_r_achive li {
    padding:10px 0px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #ccc;
    font-size: 90%;
    line-height: 120%;
}
ul.b_r_achive li a {
    text-decoration: none;
    color: #666;
}
















/*** home pagenation ***/
.home_pagination{
    text-align: center;
	margin-bottom:35px;
	margin-top: 50px;
}
.home_pagination a.page-numbers,
.home_pagination .current{
    background: #fff;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
	color:#666;
}
home_pagination a.page-numbers :hover{
    background: #fff;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
	color:#d7244e;	
}
.home_pagination .current{
    background: #666;
    border: solid 1px #666;
    color: #fff;
}


/* 園からのおしらせ前次ブログ記事リンク */
/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next{
width:100%;
margin: 136px 0 24px;
padding:0;
display: table;
}
#prev_next  #prev, #prev_next  #next{
width: 50%;
padding:30px 10px 30px;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
display: table-cell;
position:relative;
text-decoration:none;
}
#prev_next #prev p, #prev_next #next p{
font-size:90%;
line-height:1.5;
	color: #666;
}
#prev_next img{
object-fit: cover;
font-family: 'object-fit: cover;'
}
#prev_next #prev p a, #prev_next #next p a{
color: #1a224d;
}
#prev_next #prev:hover, #prev_next #next:hover{
background-color:  #f1f0ef;
}
#prev_next #prev{
border-right:#ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title{
font-size:90%;
top:-1em;
position:absolute;
border: 1px #ccc solid;
background:#fff;
text-align: center;
padding:3px;
color:#666;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img, #prev_next #next img{
margin:0 auto;
}
#prev_next #prev_no, #prev_next #next_no{
width: 50%;
/*height:100px;*/
padding:0 10px;
display: table-cell;
}
#prev_next #prev_no{
border-right:#ccc 1px solid;
}
#prev_next_home{
margin:0 auto;
/*background-color: #39f;
border: solid 9px #fff;
width: 100px;
height:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
border-radius: 100px;
box-shadow: 0 0 0 3px #39f;
-webkit-box-shadow: 0 0 0 3px #39f;
-moz-box-shadow: 0 0 0 3px #39f;*/
text-align:center;
}
#prev_next_home:hover{
background-color:  #f1f0ef;
}
#prev_next_home i{
color:#91a1d2;
margin:10px auto ;
font-size:50px;
    vertical-align: middle;
}
#prev_next_home{
display: none;	
}
#prev_next_home:hover{
display: none;
}
#prev_next_home i{
display: none; 
}
a#next {
    text-align: right;
}


/*-- ここまで --*/
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {
}
/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (min-width: 380px) {
}
/*media Queries PCサイズ
----------------------------------------------------*/
@media only screen and (min-width: 780px) {
/*-- ここから --*/
/*--------------------------------------
768px PREV NEXT
--------------------------------------*/
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .3s;
transition: all .3s;
}
#prev_next #prev_title, #prev_next #next_title{
padding:3px 10px;
    background: #91a1d2;
    color: #fff;
}
#prev_next #next_title{
right:10px;
}
#prev_next #prev img{
float:left;
margin-right:10px
}
#prev_next #next img{
float:right;
margin-left: 10px;
}
/*-- ここまで --*/
}