@charset "utf-8";
/*-------------------------------------------*/
/*-------------------------------------------*/
/*	blogの設定
/*-------------------------------------------*/
/*-------------------------------------------*/

/*-------------------------------------------*/ 
/*   TOPページのBLOGなどの.infoListBox ここから
/*-------------------------------------------*/
/* TopページBlog部分の枠設定 */
.home .topBlog-wrapper {
 background-color: rgba( 192,210,210,0.5 ) !important;/*TopページBlogの背景色*/
 padding: 5px 10px 5px 10px !important;/*  TopページのBlog部分の記事の周りの余白　タイトル部分とのバランスをみる */
 /*TopページBlogの背景の角丸*/
 border-radius: 5px;        /* CSS3草案 */  
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px;   /* Firefox用 */
}

.home .content .infoList div.topBlog-wrapper .infoListBox {
 display:block;
 overflow:hidden;
 margin:0px 0px 0px !important;
 padding-top: 5px !important;/*  TopページのBlog部分の記事のタイトル周りの余白 */
 position:relative;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox {
 margin:0px;
 display:block;
 border-bottom:1px solid #ccc;/* TopページのInformation部分の下の線 */
 padding:8px 0px !important;/* TopページのInformationやBLOGのLINKMORE部分の下の線とタイトルの間隔 */
 list-style:none;
 margin-bottom:-10px !important;
 margin-top:-10px !important;
 overflow:hidden;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox.haveThumbnail {
 padding:0px !important; /*  */
 margin:0px !important; /*  */
 float:left;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox p {
 margin-bottom:3px;
 padding:0px;
 line-height:150%;
 word-wrap : break-word;/* Blog文章を折り返させる */
 overflow-wrap : break-word;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox p.entryMeta { 
margin-bottom:4px;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox p.entryMeta .infoDate,
.content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox p.entryMeta .infoCate	{
 color:#666;
 }

.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox h4.entryTitle {
 margin:0px 0px 5px !important;
 padding:10px 0px 2px;
 display:block;
 line-height:120%;
 font-size:114.3%;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox h4.entryTitle a {
 text-decoration:none;
 word-wrap : break-word;/* Blogタイトルを折り返させる */
 overflow-wrap : break-word;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox h4.entryTitle a:hover {
 text-decoration:none;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.entryTxtBox p.moreLink {
 margin:0px;
 padding:0px;
 }

.home .content .infoList div.topBlog-wrapper .infoListBox div.thumbImage {
 display:block;
 overflow:hidden;
 float:left;
 text-align:right;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.thumbImage div.thumbImageInner {
 display:block;
 overflow:hidden;
 margin:1px;
 }
 
.home .content .infoList div.topBlog-wrapper .infoListBox div.thumbImage div.thumbImageInner img {
 width:150px;
 height:auto;
 border:1px solid #ccc;
 }
/*-------------------------------------------*/ 
/*   TOPページのBLOGなどの.infoListBox ここまで
/*-------------------------------------------*/


/*-------------------------------------------*/ 
/*      Blog.infoListBox ここから
/*-------------------------------------------*/

/*	ループ記事の枠設定　ここから
/*-------------------------------------------*/
.blog .infoListBox {
 background-color: rgba( 192,210,210,0.5 ) !important;/*  Blog部分の個々の記事の背景色 */
 /*TopページBlogの背景の角丸*/
 border-radius: 5px;        /* CSS3草案 */  
 -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px;   /* Firefox用 */
 margin-top:10px;
 margin-bottom:20px;
 /*padding: 0px 10px 10px 10px !important;/*  Blogリスト部分の記事の周りの余白　タイトル部分とのバランスをみる */
 }

/*---画像なしの記事の調整---*/ 
.blog .entryTxtBox {
 /*padding: 10px !important; /* Blog部分の記事の周りの余白 */
 padding: 0px 10px 0px 5px !important;/*  Blogリスト部分の記事の周りの余白　タイトル部分とのバランスをみる */
 /*margin-bottom:20px; */
 }
/*	ループ記事の枠設定　ここまで
/*-------------------------------------------*/

.blog .content .infoList .infoListBox div.entryTxtBox,
.blog .content .infoList .infoListBox div.entryTxtBox.haveThumbnail{
 /*background-color: rgba( 192,210,210,0.5 ) !important;/*  Blog部分の個々の記事の背景色 */
 /*TopページBlogの背景の角丸*/
 /*border-radius: 5px;        /* CSS3草案 */  
 /*-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 /*-moz-border-radius: 5px;   /* Firefox用 */
 padding-left:5px !important;
 /*margin-bottom:20px;*/
 /*padding: 0px 0px 0px 10px !important;/*  Blogリスト部分の記事の周りの余白　タイトル部分とのバランスをみる */
 }
 
.blog .infoList {
 /*background-color: rgba( 192,210,210,0.5 ) !important;/*  Blog部分の個々の記事の背景色 */
 /*TopページBlogの背景の角丸*/
 /*border-radius: 5px;        /* CSS3草案 */  
 /*-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
 /*-moz-border-radius: 5px;   /* Firefox用 */
 /*margin-left:10px;*/
 /*margin-bottom:20px;*/
 /*padding: 0px 0px 0px 10px !important;/*  Blogリスト部分の記事の周りの余白　タイトル部分とのバランスをみる */
 }
 
.blog .content .infoList .infoListBox {
 display:block;
 overflow:hidden;
 padding:10px 0px !important; /* Blog記事部分の個々の上下の隙間 */
 /*border-bottom:1px solid #ccc;*/ /* Blog記事部分の個々のボーダー */
 position:relative;
 }
 
.blog .content .infoList .infoListBox div.entryTxtBox {
 margin:0px !important;
 display:block;
 overflow:hidden;
 }
 
/*	ループ記事の枠設定　を参照
/*-------------------------------------------*/
 /* ブログリストページの画像がある場合のreadmoreを含めた生地枠調整 */
.blog .content .infoList .infoListBox div.entryTxtBox.haveThumbnail {
 padding:0px 0px 0px 5px !important; /*  */
 margin:0px !important; /*  */
 }
 
.blog .content .infoList .infoListBox div.entryTxtBox h4.entryTitle {
 margin:0px 0px 5px 5px !important; /* 日付とタイトル部分の隙間 タイトル下の線の幅も調整 */
 padding:0px 0px 5px 5px !important;/* 日付とタイトル部分の隙間 */
 display:block;
 line-height:120%;
 font-size:114.3%;
 }
 
.blog .content .infoList .infoListBox div.entryTxtBox h4.entryTitle a {
 word-wrap : break-word;/* Blogタイトルを折り返させる */
 text-decoration:none;
 }
 
.blog .content .infoList .infoListBox div.entryTxtBox h4.entryTitle a:hover {
 text-decoration:none;
 }
 
.blog .content .infoList .infoListBox div.entryTxtBox p.entryMeta { 
 padding:0px 0px 0px 10px !important;/* 日付とタイトル部分の隙間 */
margin-bottom:4px; /* 日付と記事部分の隙間 */
 }
 
.blog .content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoDate,
.blog .content .infoList .infoListBox div.entryTxtBox p.entryMeta .infoCate {
 color:#222;
 }
 
.blog .content .infoList .infoListBox div.thumbImage  {
 padding:0px 0px 0px 10px !important;/* 日付とタイトル部分の隙間 */
 display:block;
 overflow:hidden;
 text-align:right;
 }
 
.blog .content .infoList .infoListBox div.thumbImage div.thumbImageInner {
 float:left;/*テキストが画像の横に来る*/
 display:block;
 overflow:hidden;
 margin:1px;
 }
 
.blog .content .infoList .infoListBox div.thumbImage div.thumbImageInner img {
 width:150px;/*ブログリスト内での画像の幅*/
 margin-bottom:10px;/*ブログリスト内での画像と文字の隙間*/
 height:auto;
 border:1px solid #ccc;
 }
 
  /* Blog記事部分の文字部分 */
.blog .content .infoList .infoListBox div.entryTxtBox p {
 margin-bottom:3px; /* Blog記事部分の文字とread moreの隙間 */
 margin-left:0px !important;/**/
 margin-right:0px !important;/**/
 padding:0px 0px 0px 10px !important;/* 日付とタイトル部分の隙間 */
 line-height:150%;/**/
 align: top;/**/
 word-wrap : break-word !important;/* Blog文章を折り返させる */
 overflow-wrap : break-word !important;/**/
 }

.blog .content .infoList .infoListBox div.entryTxtBox p.moreLink,
.blog-single .content .post p.moreLink {
 margin:0px;
 padding:0px;
 }
/*-------------------------------------------*/
/*      Blog.infoListBox ここまで
/*-------------------------------------------*/

/*-------------------------------------------*/
/*     Blog Singleページ ここから
/*-------------------------------------------*/

/*	ループ記事の枠設定　ここから
/*-------------------------------------------*/

 
/*	ループ記事の枠設定　を参照
/*-------------------------------------------*/
/* ブログリストページの画像がある場合のreadmoreを含めた生地枠調整 */
.blog-single .content .infoList .infoListBox div.entryTxtBox.haveThumbnail {
 padding:0px 0px 0px 5px !important; /*  */
 margin:0px !important; /*  */
 }
 
.blog-single .content .post h1.entryPostTitle {/*-----.content h1.entryPostTitleで設定-----*/
 /*margin:0px 0px 5px 0px !important; /* 日付とタイトル部分の隙間 タイトル下の線の幅も調整 */
 /*padding:0px 0px 5px 5px !important;/* 日付とタイトル部分の隙間 */
 /*display:block;*/
 /*line-height:120%;*/
 /*font-size:114.3%;*/
 }
 
.blog-single .content .post h4.entryPostTitle a {
 word-wrap : break-word;/* Blogタイトルを折り返させる */
 text-decoration:none;
 }
 
.blog-single .content .post .entry-meta { 
 padding:0px 0px 0px 10px !important;/* 日付とタイトル部分の隙間 */
margin-bottom:0px; /* 日付と記事部分の隙間 */
 }
 
.blog-single .content .post .entry-meta .published {
 color:#222;
 }

.blog-single .content .post .entry-content img {
 width:150px;/*ブログ内での画像の幅*/
 margin-bottom:10px;/*ブログ内での画像と文字の隙間*/
 height:auto;
 border:1px solid #ccc;
 clear:both;
 }

.blog-single .content .post p.moreLink {
 margin:0px;
 padding:0px;
 }
/*-------------------------------------------*/
/*      Blog Singleページ ここまで
/*-------------------------------------------*/

/*-------------------------------------------*/
/*	Blogサイドウィジェット　ここから
/*-------------------------------------------*/
.blog .sideTower .localHead,
.blog-single .sideTower .localHead {
 font-size:16px !important;/* blogのサイドウィジェットのタイトル文字のサイズ */
 /*border-top:2px solid #666;*//*  */
 /*border-bottom:1px solid #ccc;*//*  */
 padding:12px 10px 8px 10px !important;/* 記事のタイトル背景の形成 */
 margin-right:-10px;/* 記事のタイトル背景の形成 */
 font-weight:bold;
 position:relative;
 border: none;
 background-color: rgba( 192,210,210,0.5 ) !important;
 border-radius: 5px !important;        /* CSS3草案 */  
 -webkit-border-radius: 5px !important;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px !important;
 }
 
.blog .sideTower,
.blog-single .sideTower {
 background-color: rgba( 192,210,210,0.5 ) !important;/*  BlogsideTowerの背景色 */
 padding:0px 10px 0px 0px !important;/* メインカラムの上の高さをそろえたり周りの幅を調整 */
 margin:10px 10px 20px 0px !important;/* メインカラムの上の高さをそろえたり周りの幅を調整 */
   /*BlogsideTowerの背景の角丸*/
  border-radius: 5px !important;        /* CSS3草案 */  
 -webkit-border-radius: 5px !important;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px !important;
 }

.blog .sideTower li a,
.blog-single .sideTower li a {
 word-wrap : break-word !important;
 overflow-wrap : break-word !important;
  -webkit-transition: 0.7s;
 -moz-transition: 0.7s;
 -ms-transition: 0.7s;
 -o-transition: 0.7s;
 transition: 0.7s;
 text-decoration:none !important;
  }
  
/* blogページのリンクのマウスをのせた時の色 */
.blog .sideTower li a:hover,
.blog-single .sideTower li a:hover {
 background-color: rgba( 0, 0, 0, 0.2 ) !important;
 color:#C69989 !important;
}
  
.blog .sideTower ul,
.blog-single .sideTower ul {
 padding-right:-10px !important;/* sideTower内のリンク文字とsideTowerの隙間,右側の余白 */
 margin-right:-10px !important;/* sideTower内のリンク文字とsideTowerの隙間,右側の余白 */
  }
  
.blog .sideWidget,
.blog-single .sideWidget {
 margin-top:10px !important;/* sideTowerとlocalHeadの上の隙間 */
 margin-bottom:10px !important;/* sideTowerとlocalHeadの下の隙間 */
 padding-left:5px !important;/* sideTower内のsideWidgetの文字とlocalHeadの隙間,左側の余白 */
 margin-left:5px !important;/* sideTowerとlocalHeadの左側の隙間 */
 padding-right:5px !important;/* sideTower内のsideWidgetの文字とlocalHeadの隙間,右側の余白 */
 margin-right:5px !important;/* sideTowerとlocalHeadの右側の隙間 */
 }
/*-------------------------------------------*/
/*    Blogサイドウィジェット 全体　ここまで
/*-------------------------------------------*/ 


/* 　　Blogサイドウィジェットカレンダー
/*-------------------------------------------*/
.blog #wp-calendar,
.blog-single #wp-calendar {
    border-collapse: collapse;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #999;
    border-right-color: #999;
    min-width: 240px;/*190px > 240px*/
    margin-left: 0px;
}

.blog #wp-calendar thead tr th,
.blog-single #wp-calendar thead tr th {
    /*border-bottom-width: 1px;*/
    /*border-left-width: 1px;*/
    /*border-bottom-style: solid;*/
    /*border-left-style: solid;*/
    /*border-bottom-color: #999;*/
    /*border-left-color: #999;*/
        text-align: center;
	    font-weight: bold;
}

.blog #wp-calendar td,
.blog-single #wp-calendar td {
    text-align: center;
    padding: 0px;
 
}

.blog #wp-calendar caption,
.blog-single #wp-calendar caption {
    font-weight: bold;
    text-align: left;
}

.blog #wp-calendar tbody tr #today,
.blog-single #wp-calendar tbody tr #today {
    /*background-color: #CCC;*/
}

.blog tfoot,
.blog-single tfoot {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #ccc;
}

.blog tfoot td,
.blog-single tfoot td {
padding-top: 3px !important;
margin-top: 3px !important;
}

/* 　　Blogサイドウィジェットサーチ
/*-------------------------------------------*/
.blog form#searchform,
.blog-single form#searchform {
 padding:10px 0px 10px 5px;
 margin:10px -10px 10px 0px;
 background-color: rgba( 0, 0, 0, 0.2 ) !important;
 display:block;
 overflow:hidden;
 position:relative;
 }

.blog form#searchform input#s,
.blog-single form#searchform input#s {
 margin:0px 0px 0px 5px;
 padding:5px;
 width:60% !important;
 float:left;
 }
 
.blog .sideTower .localHead .rsswidget,
.blog-single .sideTower .localHead .rsswidget {
 color:#fff !important;
}

.blog .rss-widget-icon,
.blog-single .rss-widget-icon {
 float:right !important;
}

.blog span.rss-date,
.blog-single span.rss-date {
 padding:7px 0px 7px 32px;
 margin:5px 0px 10px 0px;
 color:#fff !important;
}

/*-----blogのループで非表示 ,シングルでは表示-----*/
.blog .gallery,
.home .gallery,
.blog .wp-playlist,
.home .wp-playlist {
 display:none !important;
}


/*    フルサイズ (PCのみに指定したい場合はここ)950px > 1121px
/*------------------------------------------------------*/
/*-----ここから-----*/
@media (min-width: 1121px) {
.blog #container,
.blog-single #container {
 display:inline-block;/* blogのsidetowerとの背景の高さを合わせる */
 }
}
/*-----ここまで-----*/

/*-----949px > 1120px-----*/
@media (max-width: 1120px) {
.blog .sideTower,
.blog-single .sideTower {
 margin:0px 2% !important; /* 追加 */
 margin-bottom:20px !important;/* メインカラムの上の高さをそろえたり周りの幅を調整 */
 }
}

/*スマホのみ*/
@media screen and (max-width: 480px) {
.blog .fb-comments,
.blog-single .fb-comments {
 /*margin:0px 2%;/*------追加-------*/
 margin-left:5px !important;/* メインカラムの上の高さをそろえたり周りの幅を調整 */
 }

.blog-single .content .post .entry-content img {
 width:260px !important;/*ブログリスト内での画像の幅*/
 margin-bottom: 10px !important;
 }

.entry-content	{
 width:260px !important;/*ブログリスト内での画像の幅*/
 }

.blog-single .content .post .entry-content .alignright {
	float: center !important;
	}
 
.blog-single .content .post .entry-content .alignleft {
	float: center !important;
	}
	
.content  .wp-caption img {
margin-bottom: 15px !important;
    max-width: 260px !important;

    width: 260px !important;
}

.content .wp-caption .alignleft {
     float: center !important;
}
 
.content .wp-caption .alignright {
     float: center !important;
}

}


/*-------------------------------------------*/
/*	WP Masonry Layoutの設定
/*-------------------------------------------*/
.wmle_container .wmle_item{
 border:0px solid #e5e5e5 !important;
 background-color: rgba( 192,210,210,0.5 ) !important;/*  Blog部分の個々の記事の背景色 */
 /*TopページBlogの背景の角丸*/
 border-radius: 5px !important;        /* CSS3草案 */  
 -webkit-border-radius: 5px !important;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px !important;   /* Firefox用 */
 margin:0px 10px 20px !important;
}

 .loop .content{
 padding-top:0px !important;
 margin:10px 10px 10px 20px !important;
 }

.wmle_container .wmle_item .wpme_image{
 text-align:center !important;
 }
 
.wmle_container .wmle_item .wpme_image img{
 border-radius:0px !important;
 box-shadow:none !important;
 border:1px solid #e5e5e5 !important;
 margin-bottom:6px !important;
 }

/*------Response 非表示-------*/
.wmle_container .wmle_item .wmle_post_meta{
display:none !important;
 }
 
.wmle_container .wmle_item .wmle_post_meta a{
 color:inherit;
 text-decoration:none;
 }
 
.wmle_container .wmle_item .wmle_post_meta a:hover{
 text-decoration:underline;
 }
 
.wmle_container .wmle_item .wmle_post_title{
 font-size:12px;
 color:#ccc !important;
 line-height:1.5;
 padding-bottom:6px;
 border-bottom:1px solid #f1f1f1;
 border-top:1px solid #f1f1f1;
 padding-top:5px;
 padding-bottom:5px;
 font-weight:bold;
 word-wrap : break-word !important;/* Blog文章を折り返させる */
 overflow-wrap : break-word !important;
 text-align:center !important;
 }
 
.wmle_container .wmle_item .wmle_post_title a{
 color:inherit;
 text-decoration:none;
 }
 
 .wmle_container .wmle_item .wmle_post_excerpt{
 font-size:12px;
 color:#ccc !important;
 padding-top:10px;
 padding-bottom:10px;
 word-wrap : break-word !important;/* Blog文章を折り返させる */
 overflow-wrap : break-word !important;
 text-align:center !important;
 }
 
.wmle_container .wmle_item .wmle_post_excerpt p{
 line-height:1.5;
 }
 
.wmle_container .wmle_item .wmle_post_excerpt p:last-child{
 padding-bottom:0px;
 margin-bottom:0px;
 }
 
.wmle_loadmore .wmle_loadmore_btn{
 border:0px solid #e5e5e5 !important;
 background-color: rgba( 192,210,210,0.5 ) !important;/*  Blog部分の個々の記事の背景色 */
 /*TopページBlogの背景の角丸*/
 border-radius: 5px !important;        /* CSS3草案 */  
 -webkit-border-radius: 5px !important;    /* Safari,Google Chrome用 */  
 -moz-border-radius: 5px !important;   /* Firefox用 */
 display:block !important;
 padding:5px 15px;
 border:1px solid #e5e5e5;
 margin:5px;
 -webkit-box-shadow: 0px 0px 3px -1px #959595;
 box-shadow: 0px 0px 3px -1px #959595;
 color:#454545;
 text-decoration:none;
 }
 
 .wmle_loadmore .wmle_loadmore_btn a{
 border:0px solid #000 !important;
 background-color: rgba( 192,210,210,0.9 ) !important;/*  Blog部分の個々の記事の背景色 */
 color:#ccc !important;
 }
 
  .wmle_loadmore .wmle_loadmore_btn a:hover{
 border:0px solid #fff !important;
 background-color: rgba( 192,210,210,0.1 ) !important;/*  Blog部分の個々の記事の背景色 */
 color:#ccc !important;
 }
 
/*  wp light snsボタン */ 
.wp_social_bookmarking_light{
    border: 0 !important;
    padding: 10px 0 20px 0 !important;
    margin: 0 !important;
}
.wp_social_bookmarking_light div{
    float: left !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 5px 0px 0 !important;
    min-height: 30px !important;
    line-height: 18px !important;
    text-indent: 0 !important;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
#fb-root{
    display: none;
}
.wsbl_twitter{
    width: 100px;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}
.wsbl_pinterest a{
    border: 0px !important;
}

/*非表示*/
.gallery .wp_social_bookmarking_light{
    display: none !important;
}