@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/



/*ここにレスポンシブのスタイルを書く*/

/*@media*/
/*------------------------------------------------------------------------*/
/* 2023.06.11 水都大阪ホッとなニュース＆ブログ                            */
/*------------------------------------------------------------------------*/

/**************************************************************************/
/*  スマホ用のＣＳＳ                                                      */
/**************************************************************************/

/*-----------------------------------------------------------------*/
/* 画面の幅が 499px 以下の場合                                    */
/*-----------------------------------------------------------------*/


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


/* 元のロゴ画像を非表示 */
.logo > a img {
		visibility: hidden;
}
/* ページ毎にロゴ画像を指定 */
.logo > a .site-name-text {
	display: inline-block;
	background: url("https://osaka-news.jp/wp-content/uploads/2023/06/468-100.jpg") no-repeat;
	background-size: contain;
	background-position: center;
}
.logo img {
    width: 600px!important;  
	margin: -20px 0 0 0;
    height: 80px;
    max-width: 100%;
}


/*---------------------------------*/
/*アーカイブページのタイトル       */
/*---------------------------------*/
	
.archive-title{
   margin: 0px 0px 0px 0px ;
   padding: 10px 10px 10px 10px ;
   color: #ffffff;
   font-size:16px;
   background: #2098a8;
   line-height:1.5em;
   font-weight:bold;
}



/*---------------------------------*/
/*記事タイトル                    */
/*--------------------------------*/
	
/*****************************************/
/*    　本文記事タイトル　H1    cocoon   */
/*****************************************/
header.article-header.entry-header {
    text-align:left;
    margin: 0px 0px 0px 0px;
}

.article-header h1 {
    /* position: static; */
    font-size: 1.4em;
    font-size:14px;
    color: #ffffff;
    background: #2098a8 !important;
    line-height:1.8em;
    text-shadow: none;
    margin:0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;

}

*---------------------------------*/
/*記事タイトルを小さく           */
/*--------------------------------*/
.entry-title h1 {
   margin: -2px 0px -15px 0px;
/*  margin: 25px 0px -15px 0px; */
   padding: 10px 10px 10px 10px;
   color: #ffffff;
   font-size:14px;
   background: #2098a8 !important;
   line-height:1.5em;
}

/************************************
** スマホ表示（続きを見る無し）
************************************/

.entry-read a{
    display:none;
}

.entry-snippet{
    display:none;
}

/************************************/
/* オリジナル　トップページ         */
/************************************/

/* ▼タブ機能の掲載領域の装飾*/
.osaka-news-category{

     width:100%;
     margin: 0px 0px 0px 0px;
     padding: 0 0 0 0;
   /*  padding: 1em; */

   white-space:nowrap;
/*     background: #5566aa;  */

     overflow: hidden;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
}


/* ▼タブ(共通装飾＋非選択状態の装飾) */
.osaka-news-category ul {
	 padding: 5px,0px,5px,0px;
      margin: 0px 0px 10px -25px;
   /*   display: inline-block; */
      cursor: pointer; /*iOSでクリックするために必要*/
      table-layout: fixed;
    /*  background: #5566aa; */
      font-weight: bold;
      font-size: 12px;
}

.osaka-news-category ul li{
      display: inline-block;
      cursor: pointer; /*iOSでクリックするために必要*/
      margin: 0px 1px 0px 1px;
      padding: 8px 2px 8px 2px;
      width: 88px;
      height:35px;
   /*    white-space: nowrap;*/
      table-layout: fixed;
   /* display: table; */
      color: #ffffff;
      background: #6495ed;
      border-radius: 3px 3px 0 0;
      box-shadow: -1px 1px 0px -0px rgba(150,150,150,0.8) inset, 1px 1px 0px 0px rgba(200,200,200,0.8) inset;
      font-weight: bold;
      font-size: 12px;
      text-align: center;
      vertical-align: middle;  
}
::-webkit-scrollbar{
     display: none;
  }

.osaka-news-category ul li:nth-child(even){
display:none;

}

.osaka-news-pagenation-space {
  /*  display:none; */
}


/*----------------------------------------------------------------*/
/* 画面の幅が 499px 以下の場合 ＜トップページ＞　　　　           */
/*----------------------------------------------------------------*/

#tabpage1 {
    display: none;
}

#tabpage2 {
    display: none;
}

#tabpage3 {
    display: none;
}

#tabpage4 {
    display: none;
}

#tabpage5 {
    display: none;
}

#tabpage6 {
    display: none;
}

#tabpage7 {
    display: none;
}

#tabpage8 {
    display: none;
}
	
#tabpage9 {
    display: none;
}

#tabpage10 {
    display: none;
}

#tabpage11 {
    display: none;
}

#tabpage12 {
    display: none;
}

#tabpage13 {
    display: none;
}

#tabpage14 {
    display: none;
}

/*----------------------------------------------------------------------------*/
/* 画面の幅が 499px 以下の場合 ＜トップページ・カテゴリーメニューより下部＞   */
/*----------------------------------------------------------------------------*/

.osaka-news-container{
     width: 100%;
     padding: 0px 0px 0px 0px;
     margin:  0px 0px 0px 0px;
    /* overflow-x: hidden;  */
    /* position: fixed; */

}

.osaka-news-1-left{
     display:block;
     width: 100%;
     /* overflow-x:hidden; */
     /* word-wrap: break-word;  */
     /* border: solid 1px #eeeeee;  */
     padding: 0px 0px 0px 0px;
     margin:  0px 0px 0px 0px;
     /*	border: solid 1px #eeeeee; */
     /* background-color: #ff0000; */
}

.osaka-news-1-left-toppage{
     display:none;
     width: 100%;
     padding: 0px 0px 0px 0px;
     margin:  0px 0px 0px 0px;
/*	    border: solid 1px #eeeeee; */
}

.osaka-news-2-right{
     display:none;
}

.osaka-news-pagenation-space{
     padding: 5px 5px 5px 5px;
		
}
	

	
.osaka-div-p1s0{
	text-align: left;
	margin: 0 1em 0 0em;
}

.osaka-div-p2s0{
	text-align: left;
	margin: 0 1em 0 0em;
}

.osaka-div-p3s0{
	text-align: left;
	margin: 0 1em 0 0em;
}

.osaka-div-p2s1{
	text-align: left;
	margin: 0 1em 0 1em;
}

.osaka-div-p3s1{
	text-align: left;
	margin: 0 1em 0 1em;
}

.osaka-small{
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	display: block;
}

.osaka-small img{

}

.osaka-table {
   /* border-collapse:  collapse;*/   /* セルの線を重ねる */
    width:  100%;               /* 幅指定 */
    table-layout: auto;        /* セルの幅計算指定 */
}

.osaka-table th,td {
     font-size:14px;
	 background-color:#ffffff;

    border: none;
    text-align: left;
    vertical-align: top;
    padding-left: 1em;
  }

.osaka-table td:first-child {
    position: relative;
	   border: none;
    white-space: nowrap; /* テキストの折り返し禁止 */
	      width: 1%; /* 最小幅を設定 */
  }

.osaka-table td:nth-child(2) {
    /*word-wrap: break-word;*/  /* テキストの折り返し設定 */
	word-break: break-all;
    border: none;
  }
	
/************************************
** エントリーカードの設定  cocoon
************************************/
.a-wrap {
    text-decoration: none;
    display: block;
    color: var(--cocoon-text-color);
    padding: 1.5%;
    margin-bottom: 3%;
    transition: all 0.3s ease-in-out;
}
.a-wrap:hover {
    background-color: #f5f8fa;
    transition: all 0.3s ease-in-out;
    color: var(--cocoon-text-color);
}


/*------------------------------------*/
/* 記事 一覧  cocoon new_list         */
/*------------------------------------*/

.new-entry-card{
    /* background-color: #afc5dc; */ /*背景色*/
    /* border: solid 1px #ccc; */ /*枠線形状・色*/
    /* display: flex;  */
    width: 100%;
    /* background-color:#ffff00; */
    padding:0 0 10px 0;
}

.new-entry-card-thumb{
    display: block;
    width: 100%;
    margin-top: 3px;
    /* background-color:#ff0000; */
}
.new-entry-card-title{
    width: 100%;
　  display: block;
    padding: 5px 5px 5px 5px;
    color: #4488aa;
    font-weight: bold;
    line-height: 1.5;
	font-size: 14px;
    /* background-color:#00ff00; */
}

.new-entry-card-date {
    width: 100%;
    display: block;
    margin: 0 0 0 10px;
    /* background-color:#0000ff; */
}

.new-entry-card:hover { /*マウスオン時*/
    background-color: #deeeff; /*背景色*/
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
    box-shadow: 0 0 10px #3d5069; /*影の色*/
}

.new-entry-card-content { /*自作*/
    margin: 0 0px 0 120px;
   /*  width: 100%; */
    
   overflow: hidden; 
    /* background-color:#00ffff; */
}

.new-entry-card img{
   /* float: left; */
   padding: 5px 5px 5px 10px;  /*アイキャッチが左端にくっつくので少し余白*/
   width: 150px!important;
   height: 110px!important;
   object-fit: cover; 
  
   -webkit-transition: all 0.5s ease;
   transition: all 0.5s ease;
}

.new-entry-card img:hover {
  /* -webkit-transform: rotate(-10deg); */
  /* transform: rotate(-10deg); */
  transform: scale(1.1); /* 拡大 */
}



/* =================================================== */
/* entry_by_ids の表示調整（[new_list type=2] 風） */
/* =================================================== */
	
  .entry-by-ids-list > a.entry-by-ids {
    display: block;
    border: 1px solid #d8d8d8;
    border-radius: 4px;
    background-color: #fff;
    margin-bottom: 10px;
    box-sizing: border-box;
    text-decoration: none;
  }

  .entry-by-ids-card {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 10px;
  }

  .entry-by-ids-thumb {
    width: 100px !important;
    height: 100px !important;
    margin: 0;
    padding: 0;
    flex-shrink: 0;
  }

  .entry-by-ids-thumb img.entry-by-ids-thumb-img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    padding: 0;
    display: block;
  }

  .entry-by-ids-content {
    margin-left: 10px;
    padding: 0;
    flex: 1;
    overflow: hidden;
  }

  .entry-by-ids-title {
    font-size: 14px;
    font-weight: bold;
    color: #4488aa;
    line-height: 1.4;
    margin-bottom: 5px;
  }

  .entry-by-ids-date {
    font-size: 12px;
    color: #444;
    margin: 0;
  }


/****************************/
/*  一覧（その他）          */
/****************************/

.widget-entry-card-thumb, .carousel-entry-card-thumb {
  float: left;
  margin-top: 3px;
  position: relative;
}

.e-card-meta .e-card-categorys {
    display: none;
}

.e-card-info .post-author {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.e-card-info > span {
    margin-right: 4px;
}

.e-card-meta .e-card-categorys {
  display: none;
}

.e-card-info .post-author {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.post-author-image {
  margin-right: 3px;
}
.post-author-image img {
  border-radius: 50%;
}

.e-card-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.e-card-info > span {
  margin-right: 4px;
}

.fpt-columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}


.ect-vertical-card .entry-card-wrap {
  max-width: 83%;
  padding: 0;
  border-radius: 3px;
  box-shadow: 0 2px 4px rgb(0 0 0 / 25%);
}

.ect-vertical-card .entry-card-wrap .entry-card-content {
  margin: 8px 12px 9px;
}


.ect-vertical-card {
  justify-content: space-around;
   font-size: 4px; 
}

	
/*-----------------------------------------------*/
/*パンくずリスト（/tmp/content.phpに手書き）     */
/*-----------------------------------------------*/
.breadcrumbs-osaka {
    font-size: 14px;
	display: inline;
    margin: 0px 0px 0px 0px;
 
}
	
.breadcrumbs-osaka a {
    text-decoration: none;
    color: #333; /* リンクのテキストカラーを指定 */
}

.breadcrumbs-osaka a:hover {
    text-decoration: none; /* ホバー時にも下線を非表示に */
    color: #22cc00; /* リンクのテキストカラーを指定 */
}
	

/************************************
** 日付関係のスタイル
************************************/
.entry-date {
  margin-left: 3px;
}

.date-tags {
  line-height: 0.8;
  text-align: right;
  margin-bottom: 1em;
}

.post-date,
.post-update,
.post-author,
.amp-back {
  margin-right: 8px;
}


/*  cocoon */

.entry-category, 
.post-update,
.post-author,
.amp-back {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: inline;  

  font-size:14px;
}

	
.top-button{
    font-size:12px;
    background-color:#eeeeee;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin: 0px 0px 3px 0px;
    padding: 3px 5px 3px 5px;
    vertical-align: middle;
}

.top-button2{
/*  vertical-align: sub; */
}


.js-check{
    vertical-align: sub;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 499px 以下の場合 ＜記事＞                            */
/*-----------------------------------------------------------------*/

/*  日付 記事  cocoon */
.post-date{
    margin: 0px 0px 0px 50px;
    padding: 0px 0px 0px 0px;
    display: inline;  
    font-size:14px;
}
	

.osaka-news-article-pic {
    display: block;
    text-align:center;
	width:100%;
    margin: -20px 0px 0px 0px;
	padding: 0;
	vertical-align: bottom;
	line-height: 0;
	background-color: #000000;!important;
}


.osaka-news-article-name {
	display:block;
	color:#000000;
    vertical-align:middle;
    text-align: center;
    padding: 10px 20px 10px 20px;
    margin: -30px 0px 10px 0px;
    font-weight: 700;
    font-size: 14px;
	background-color: #dddd88;!important;
}


.osaka-news-article-text {
     vertical-align:top;
     word-wrap: break-word;
     text-align: left;
/*   display: inline-block; */
     padding: 0px 0px 0px 0px;
     margin: 5px 2px 5px 2px;
     font-size: 14px;
     line-height: 1.7;
     color : #333333;
}


.pager-post-navi a {/*ページ送りナビ*/
  color: #4086bf;/*文字色*/
  line-height: 1.5;/*行間*/
  font-size: 1em;/*文字の大きさ*/
  font-weight: bold;/*文字の太さ*/
  font-size: 14px;

}
	
	
/******************************************
** 人気記事ランキング表示のカスタマイズ
*******************************************/
/*ランキング順位表示*/
ul.wpp-list li {
    border-bottom: 1px dashed #77776E;
    position: relative;
    list-style: none;
	margin:0 0 10px -20px;
	
}

	/*記事タイトル*/
ul.wpp-list li a.wpp-post-title {
    display: block;
	text-align:top;
    text-decoration: none;
    font-size: 14px;
    color: #333;
    margin: 35px 5px 10px 0px;
	padding:0;
}
ul.wpp-list li a.wpp-post-title:hover {
    color: #3fa3ff;
}
/*アイキャッチ*/
ul.wpp-list li img {
    margin: 35px 10px 10px 0px;
}
	
/*ランキングカウンター*/
ul.wpp-list li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 12px;
    border-radius:50%;
    z-index: 1;
}
/*カウント数*/
ul.wpp-list li {
    counter-increment: wpp-count;
}
/*ランキング1〜3の色変更*/
ul.wpp-list li:nth-child(1):before{
    background-color: #EFAF00;
}
ul.wpp-list li:nth-child(2):before{
    background-color: #9EACB4;
}
ul.wpp-list li:nth-child(3):before{
    background-color: #BA6E40;
}

.wpp-views {
    /*  配置設定 */
    position:absolute;
    /*  上位置 */
    top:3px;
    /* 左位置  */
    left:50px;
    /* 背景色  */
  /*  background-color: #FFFFFF;  */
	
}
	
/* 11位からカウント開始 */
ul.wpp-list-11-20 {
    counter-reset: wpp-count 10;
}
	
ul.wpp-list-11-20 li {
    text-align: left;
    margin-left: -40px !important;
}


/* ランキングバッジ */
ul.wpp-list-11-20 li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius: 20%;
    z-index: 1;
    margin-top: 5px;
}

/* 順位色（11〜13位でも通常色） */
ul.wpp-list-11-20 li:nth-child(1):before,
ul.wpp-list-11-20 li:nth-child(2):before,
ul.wpp-list-11-20 li:nth-child(3):before {
    background-color: #555 !important;
}

/* その他は元のCSSと共通 */

/* 21位からカウント開始 */
ul.wpp-list-21-50 {
    counter-reset: wpp-count 20;
}
	
ul.wpp-list-21-50 li {
    text-align: left;
    margin-left: -40px !important;
}


/* ランキングバッジ */
ul.wpp-list-21-50 li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius: 20%;
    z-index: 1;
    margin-top: 5px;
}

/* 順位色（21〜23位でも通常色） */
ul.wpp-list-21-50 li:nth-child(1):before,
ul.wpp-list-21-50 li:nth-child(2):before,
ul.wpp-list-21-50 li:nth-child(3):before {
    background-color: #555 !important;
}

/* その他は元のCSSと共通 */

	
/* 51位からカウント開始 */
ul.wpp-list-51 {
    counter-reset: wpp-count 50;
}
	
ul.wpp-list-51 li {
    text-align: left;
    margin-left: -40px !important;
}


/* ランキングバッジ */
ul.wpp-list-51 li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius: 20%;
    z-index: 1;
    margin-top: 5px;
}

/* 順位色（51〜53位でも通常色） */
ul.wpp-list-51 li:nth-child(1):before,
ul.wpp-list-51 li:nth-child(2):before,
ul.wpp-list-51 li:nth-child(3):before {
    background-color: #555 !important;
}

/* その他は元のCSSと共通 */	

/************************************
****　本文下　関連記事
************************************/

.related-entry-card-content {
    padding-bottom: 1.2em;
}
.e-card-title {
   font-size: 13px!important;
   line-height: 1.8;
}


/******************************************
** ギャラリー（写真一覧）
*******************************************/

/* スマホでは1列に切り替える */

.responsive-gallery {
    grid-template-columns: repeat(1, 1fr); /* 1列 */
}


/* 各画像とタイトルのセット（1つのアイテム） */
.gallery-item {
  text-align: center;       /* タイトルを中央揃えに */
}

/* 画像のスタイル */
.gallery-item img {
  width: 100%;              /* 親要素の幅に合わせる（グリッドセル） */
  height: auto;             /* 高さは自動調整（縦横比保持） */
  display: block;           /* 画像下の余白（inline要素の隙間）を消す */
  transition: transform 0.3s ease; /* ホバー時に滑らかに拡大 */
}

/* ホバー時に拡大する */
.gallery-item img:hover {
  transform: scale(1.05);   /* 5%拡大 */
}

/* タイトルのスタイル */
.image-title {
  font-size: 14px;          /* フォントサイズ */
  margin-top: 5px;          /* 画像との間隔 */
  color: #333;              /* 文字色 */
}


}
/*-----------------------------------------------------------------*/
/* 画面の幅が 499px 以下の場合  おわり                             */
/*-----------------------------------------------------------------*/





/********************************************************************/
/*  パソコンPC用                                                    */
/********************************************************************/
/*@media*/

/*-----------------------------------------------------------------*/
/* 画面の幅が 500px 以上の場合                                     */
/*-----------------------------------------------------------------*/

@media screen and (min-width: 500px){

	


a.site-name-text-link{
    padding: 0;
}

.site-name-text-link{
    padding: 0;
}

.site-name{
    padding: 0;
}

.site-name-text{
    padding: 0;
}

.site-name-text-link{
    padding: 0;
}

.logo{
    padding: 20px 0 0!important;
    width: 100%;
}

.logo-header{
    padding: 20px 0 0!important;
}

.logo-image {
    padding: 20px 0 0!important;
    margin: 0 auto; /* 左右の余白を自動的に調整する */
    font-size: inherit;
    max-width: 100%; /* 幅の最大値を親要素に合わせる */
}


	
.osaka-div-p1s0{
	text-align: left;
	margin: 0 1em 0 1em;
}

.osaka-div-p2s0{
	text-align: center;
	margin: 0 1em 0 2em;
}

.osaka-div-p3s0{
	text-align: left;
	margin: 0 1em 0 3em;
}

.osaka-div-p2s1{
	text-align: left;
	margin: 0 1em 0 2em;
}

.osaka-div-p3s1{
	text-align: left;
	margin: 0 1em 0 3em;
}

.osaka-small{
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	display: block;
}

.osaka-small img{
	
}

	
.osaka-table {
   /* border-collapse:  collapse;*/   /* セルの線を重ねる */
    width:  100%;               /* 幅指定 */
    table-layout: auto;        /* セルの幅計算指定 */
　  border: none;
}

.osaka-table th,td {
     font-size:14px;
	 background-color:#ffffff;

    border: none;
    text-align: left;
    vertical-align: top;
    padding-left: 1em;
    border: none;
 }

.osaka-table td:first-child {
    position: relative;
    white-space: nowrap; /* テキストの折り返し禁止 */
	      width: 1%; /* 最小幅を設定 */
    border: none;
}

.osaka-table td:nth-child(2) {
    /* word-wrap: break-word;*/  /* テキストの折り返し設定 */
	word-break: break-all;
    border: none;
  }

/*------------------------------------*/
/* 記事 一覧  cocoon new_list         */
/*------------------------------------*/

.widget-entry-card figure {
    width: 260px;
}

.widget-entry-cards figure {
    width: 260px;
}

.new-entry-card{
  /* background-color: #afc5dc; */ /*背景色*/
  /* border: solid 1px #ccc; */ /*枠線形状・色*/
/*  display: flex; */
  width: 100%;
  /* background-color:#ffff00; */
  padding:0 0 0px 0;
}

.new-entry-card-thumb{
   display: block;  
   margin-top: 3px;
 /* position: relative; */
/*  background-color:#ff0000; */
}

.new-entry-card-title{
/*  width: 60%; */
　 display: inline-block;
   padding: 10px 10px 10px 10px;
   color: #4488aa;
   font-weight: bold;
   line-height: 1.8;
 /*  background-color:#00ff00; */
}

.new-entry-card-date {
/*  width: 60%;  */
   display: block;
   margin: 0 0 10px 10px;
 /*  background-color:#0000ff; */
}

.new-entry-card:hover { /*マウスオン時*/
   background-color: #deeeff; /*背景色*/
   -webkit-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   transform: translateY(-3px);
   box-shadow: 0 0 10px #3d5069; /*影の色*/
}

.new-entry-card-content { /*自作*/
   margin: 0 20px 0 260px;
 /* width: 500px; */
   overflow: hidden;
  /* background-color:#00ffff; */
}

/*オンマウスで写真を傾ける→拡大する*/
.new-entry-card img{
  /* float: left; */
   padding: 5px 5px 5px 30px;  /*アイキャッチが左端にくっつくので少し余白*/
   width: 260px;
   height: 120px;
   object-fit: cover; 
  
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.new-entry-card img:hover {
  /* -webkit-transform: rotate(-10deg); */
  /* transform: rotate(-10deg); */
  transform: scale(1.1); /* 拡大 */
}


/* =================================================== */
/* entry_by_ids の表示調整（[new_list type=2] 風） */
/* =================================================== */

/* 外枠（aタグ）に枠線とhover背景を当てる */
.entry-by-ids.a-wrap.border-square {
  display: block;                  /* ブロック要素として扱う */
  border: 1px solid #d8d8d8;       /* 枠線の色と太さ */
  border-radius: 4px;              /* 角を少し丸める */
  padding: 0;                      /* 内側余白なし */
  background-color: #fff;          /* 背景白 */
  box-sizing: border-box;          /* padding含めたサイズ指定 */
  transition: all 0.3s ease;       /* hover時のスムーズ変化 */
  margin-bottom: 0px;             /* 下に余白 */
	 background-color:#00ff00; 
}

/* hover時：水色背景＋影 */
.entry-by-ids.a-wrap.border-square:hover {
  background-color: #deeeff;       /* 背景色：水色 */
  box-shadow: 0 0 10px #3d5069;    /* 影の設定 */
}

/* ============================================== */
/* entry_by_ids 表示最終調整（間の余白を整える） */
/* ============================================== */

.entry-by-ids-list > a.entry-by-ids {
  display: block;
  margin-bottom: 10px !important;  /* ここを調整するだけでOK */
}

.entry-by-ids-card {
  margin: 0 !important;  /* 念のため article 側もリセット */
}

/* =========================================== */
/* カードの中身構造 (.entry-by-ids-card 以下) */
/* =========================================== */

/* 中身の構造用（枠線などは aタグに付与しているため不要） */
.entry-by-ids-card {
  display: flex;                   /* 横並び */
  align-items: flex-start;         /* 上にそろえる */
  padding: 5px 5px 5px 5px;
  border: none;
  background: none;
  box-shadow: none;
  width: 100%;

}
	

/* 外枠（常時表示） */
/* .entry-by-ids-container {*/
/*   border: 1px solid #ccc;*/
/*   border-radius: 4px;*/
/*   padding: 0px 0px 0px 0px; */
/*   margin-bottom: 5px; */
/*   background-color: #fff;*/
/*   transition: box-shadow 0.3s ease;*/
/* }*/


	
/* 画像部分 */
.entry-by-ids-thumb{
   display: block;  
   margin-top: 3px;
   width: 260px!important;

 /* position: relative; */
/*  background-color:#ff0000;  */
}
	
.entry-by-ids-content {
  margin-left: 20px; 
	/* margin: 0 20px 0 260px; */
  padding: 10px 0; 
  overflow: hidden;
  flex: 1;  
/*  box-sizing: border-box; */

}

.entry-by-ids-title{
/*  width: 60%; */
   display: inline-block;
   padding: 0px 10px 0px 10px;
   color: #4488aa; 
   font-weight: bold;
   line-height: 1.8;
	  font-size: 16px;
 /*  background-color:#00ff00; */
}

.entry-by-ids-date {
  display: block;
  font-size: 13px;
   margin: 0px 0px 0px 10px;
  color: #444;
	 /*  background-color:#0000ff; */
}

.entry-by-ids:hover { /*マウスオン時*/
   background-color: #deeeff; /*背景色*/
   -webkit-transform: translateY(-3px);
   -ms-transform: translateY(-3px);
   transform: translateY(-3px);
   box-shadow: 0 0 10px #3d5069; /*影の色*/
}

	
.entry-by-ids-thumb img.entry-by-ids-thumb-img {
  width: 260px;
  height: 120px;
  object-fit: cover;
  display: block;
   padding: 5px 5px 5px 30px; /*アイキャッチが左端にくっつくので少し余白*/
/*  box-sizing: border-box; */
  transition: all 0.5s ease;
}

.entry-by-ids img:hover {
  /* -webkit-transform: rotate(-10deg); */
  /* transform: rotate(-10deg); */
  transform: scale(1.1); /* 拡大 */
}



/*------------------------------------*/
/* 記事 一覧  cocoon popular_list     */
/*------------------------------------*/


.popular-entry-card{
  /* background-color: #afc5dc; */ /*背景色*/
  /* border: solid 1px #ccc; */ /*枠線形状・色*/
/*  display: flex;  */
/*  width: 100%; */
/*   background-color:#ffff00; */
  padding:0 0 0 0;
}
	
.popular-entry-card-thumb{
  display: block;  
 /* width: 100px; */
  /* height: 200px; */
  margin-top: 3px;
 /* position: relative; */
/*  background-color:#ff0000; */
}

.popular-entry-card-title{
/*  width: 60%; */
　display: inline-block;
  padding: 10px 10px 10px 10px;
  color: #4488aa;
  font-weight: bold;
  line-height: 1.8;
 /*  background-color:#00ff00; */
}

.popular-entry-card-date {
/*  width: 60%;  */
  display: block;
  margin: 0 0 10px 10px;
 /*  background-color:#0000ff; */
}

.popular-entry-card:hover { /*マウスオン時*/
  background-color: #deeeff; /*背景色*/
  -webkit-transform: translateY(-3px);
  -ms-transform: translateY(-3px);
  transform: translateY(-3px);
  box-shadow: 0 0 10px #3d5069; /*影の色*/
}

.popular-entry-card-content { /*自作*/
  margin: 0 10px 0 160px;
  overflow: hidden;
  /* background-color:#00ffff; */
}

/*オンマウスで写真を傾ける→拡大する*/
.popular-entry-card img{
  /* float: left; */
  padding: 5px 5px 5px 5px;  /*アイキャッチが左端にくっつくので少し余白*/
  width: 100px;
/*  height: 100%; */
   object-fit:cover; 
  
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.popular-entry-card img:hover {
  /* -webkit-transform: rotate(-10deg); */
  /* transform: rotate(-10deg); */
  transform: scale(1.1); /* 拡大 */
}


/*-----------------------------------------------------------------*/
/* 画面の幅が 768px 以上の場合 ＜カテゴリー・メニュー＞           */
/*----------------------------------------------------------------*/

.osaka-news-category{
	background-color:#ffffff;
     width: 100%;
    /* margin: 3px auto 0; */
}
.osaka-news-category ul {
  /*   vertical-align:bottom;*/
	margin: 25px 0px 3px -28px;
     line-height:1.5;
     font-size: 13px;
     cursor: pointer;   /*iOSでクリックするために必要*/
	user-select: none;
}
.osaka-news-category ul li {
	display:inline-block;
	vertical-align:bottom;
	/*   vertical-align:bottom; */
	list-style-type: none;
	margin: 0px 8px 10px 0px;
     font-size: 13px;
     color: #333333;
     border-bottom: solid 5px #ffffff;
     cursor: pointer;  /*iOSでクリックするために必要*/
}
.osaka-news-category ul li:first-child {
     display:inline-block;
     vertical-align:bottom;
     font-size: 13px;
     cursor: pointer;  /*iOSでクリックするために必要*/
}
.osaka-news-category ul li:nth-child(even){
	display:inline-block;
     vertical-align:bottom;
     font-size: 13px;
     cursor: pointer;  /*iOSでクリックするために必要*/
}
.osaka-news-category ul li:hover:nth-child(2n+1){
	display:inline-block;
	  vertical-align:bottom;
     font-size: 13px;
     color: #333333;
     cursor: pointer;  /*iOSでクリックするために必要*/
}
.osaka-news-category ul li:hover:first-child{
	display:inline-block;
     vertical-align:bottom;
     font-size: 13px;
     color: #333333;
     cursor: pointer;  /*iOSでクリックするために必要*/
}

	
/*----------------------------------------------------------------*/
/* 画面の幅が 500px 以上の場合 ＜トップページ＞　　　　           */
/*----------------------------------------------------------------*/

#tabpage1 {
    display: none;
}

#tabpage2 {
    display: none;
}

#tabpage3 {
    display: none;
}

#tabpage4 {
    display: none;
}

#tabpage5 {
    display: none;
}

#tabpage6 {
    display: none;
}

#tabpage7 {
    display: none;
}

#tabpage8 {
    display: none;
}
	
#tabpage9 {
    display: none;
}

#tabpage10 {
    display: none;
}

#tabpage11 {
    display: none;
}

#tabpage12 {
    display: none;
}

#tabpage13 {
    display: none;
}

#tabpage14 {
    display: none;
}


/*----------------------------------------------------------------*/
/* 画面の幅が 500px 以上の場合 ＜カテゴリーメニューより下部＞     */
/*----------------------------------------------------------------*/

.osaka-news-container{
     display: flex;
     width: 100%;
     padding: 0px 0px 0px 0px;
     margin:  -8px 0px 0px 0px;

}
.osaka-news-1-left{
     /*    flex: 1;   */
     width: 100%;
     /* width: 600px;  */
     /*    min-width: 200px; */

     border: solid 1px #eeeeee;
     padding: 0px 0px 0px 0px;
     margin:  0px 0px 0px 0px;
	display: block;  /*テスト */
}

.osaka-news-1-left-toppage{
     display:none;
     width: 100%;
     border: solid 1px #eeeeee;
     padding: 0px 0px 0px 0px;
     margin:  0px 0px 0px 0px;
}

.osaka-news-2-right{
     flex: 1;

     text-align: center;
     background-color: #dddddd;

     padding: 0px 0px 0px 0px;
     margin:  0px 0px 0px 0px;
}

.osaka-news-pagenation-space{
     padding: 10px 10px 10px 10px;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 500px 以上の場合 ＜記事＞                           */
/*-----------------------------------------------------------------*/
/************************************
****　本文記事タイトル　H1
************************************/
header.article-header.entry-header {
   text-align:left;
   margin: 0px 0px 0px 0px;
}
.article-header h1 {
/*   position: static;  */
   font-size: 1.4em;
   color: #333333;
   background-color:#fff;
   line-height:1.8em;
   text-shadow: none;
   margin:0px 0px 0px 0px;
   padding: 20px 30px 20px 30px;
}

	
a.cat-link, a.tag-link{
   font-size:.7em;
   border-radius:10px;
   border:0;
   margin:0.5em;
   padding:0 0.5em 0;
   background:#000000!important;/*タグ色の変更はこちら*/
   color:#fff!important;
}
.cat-link:hover ,.tag-link:hover {
   opacity: .5;
   transition: all .3s ease-in-out;
}
.entry-categories-tags {
/*   margin-bottom: 0.4em; */
}
.osaka-news-article-pic {
     display: block;
     text-align:center;
	/* width: auto;  */
	margin: -4px -1px 0px -1px;
	padding: 0;
	vertical-align: bottom; 
	line-height: 0;  
	background-color: #000000;!important;
}
.osaka-news-article-name {  /* 企業名 */
     display: block;
     text-align:center;
	/* width: auto;  */
	margin: -25px -1px 20px -1px;
	padding: 20px 20px 20px 20px;
	vertical-align: middle; 
	line-height: 0;
	font-size: 16px;
	font: bold;
	color:#ffffff;
	background-color: #aa9955;!important;
}

.osaka-news-article-text {
    vertical-align:top;
    text-align: left;
    display: inline-block;
    padding: 10px 10px 0px 10px;
    margin: 0px 20px 0px 20px;
    font-size: 14px;
    line-height: 2.0;
color : #333333;
}

.pager-post-navi a {/*ページ送りナビ*/
  color: #4086bf;/*文字色*/
  line-height: 1.5;/*行間*/
  font-size: 1em;/*文字の大きさ*/
  font-weight: bold;/*文字の太さ*/
  font-size: 14px;

}

/************************************
** ■日付のカスタマイズ
************************************/
.date-tags{
  margin 0px 0 0px 0;
  line-height: 1.4; /*行間設定*/
  color: #666; /*文字色*/
  background-color: #FFFFFF;
}
.post-date, .post-update{

  font-size: 14px; /*フォントサイズ*/
  padding-right: 4px; /*右余白*/
  display: inline; /*横並びで縦中央揃え*/
}
.post-date::before{ /*アイコンの変更*/
  font-family: FontAwesome;
  content: "\f093"; /*fa-uploadアイコン*/
  padding-right: 4px; /*右余白*/
}
.post-update::before{ /*アイコンの変更*/
  font-family: FontAwesome;
  content: "\f148"; /*fa-level-upアイコン*/
  padding-right: 4px; /*右余白*/
}

/****************************************
** ■記事ページ（手書きのパンくずリスト
*****************************************/
.breadcrumb-osaka{
   font-size: 14px; /*フォントサイズ*/
}

/*--------------------------------------------------------------------*/
/*  記事ページ　おわり                                                */
/*--------------------------------------------------------------------*/

/*---------------------------------*/
/*アーカイブページのタイトル       */
/*---------------------------------*/
	
.archive-title{
   margin: 0px 0px 0px 0px ;
   padding: 10px 10px 10px 10px ;
   color: #ffffff;
   font-size:16px;
   background: #2098a8;
   line-height:1.5em;
   font-weight:bold;
}


/*---------------------------------*/
/*記事タイトルを小さく           */
/*--------------------------------*/
.article h1 {
   margin: -2px 0px -15px 0px;
/*  margin: 25px 0px -15px 0px; */
   padding: 10px 10px 10px 10px;
   color: #ffffff;
   font-size:16px;
   background: #2098a8;
   line-height:1.5em;
}

/*-----------------------------------------------*/
/*パンくずリスト（/tmp/content.phpに手書き）     */
/*-----------------------------------------------*/
.breadcrumbs-osaka {
    font-size: 14px;
	display: inline;
    margin: 0px 0px 0px 0px;
 
}
	
.breadcrumbs-osaka a {
    text-decoration: none;
    color: #333; /* リンクのテキストカラーを指定 */
}

.breadcrumbs-osaka a:hover {
    text-decoration: none; /* ホバー時にも下線を非表示に */
    color: #22cc00; /* リンクのテキストカラーを指定 */
}



/************************************
****　サイドバーブログカード
************************************/
.sidebar a.popular-entry-card-link.a-wrap{
margin:0;
padding:0;
}
.sidebar figure.popular-entry-card-thumb.widget-entry-card-thumb.card-thumb{
margin:.5em 0em .5em .2em;
}
.sidebar div.popular-entry-card-content.widget-entry-card-content.card-content{
padding:.5em .5em .5em .8em;
text-align: justify;
line-height:1.3;
}
.sidebar .popular-entry-cards.widget-entry-cards.no-icon.cf {
margin-bottom: 0;
}
	
/******************************************
** 人気記事ランキング表示のカスタマイズ
*******************************************/
/*ランキング順位表示*/
ul.wpp-list li {
    border-bottom: 1px dashed #77776E;
    position: relative;
    list-style: none;

}

	/*記事タイトル*/
ul.wpp-list li a.wpp-post-title {
    display: block;
	text-align:top;
    text-decoration: none;
    font-size: 14px;
    color: #333;
	padding:0;
	margin: 28px 0px 0px 0px;
}
ul.wpp-list li a.wpp-post-title:hover {
    color: #3fa3ff;
}
/*アイキャッチ*/
ul.wpp-list li img {
	margin:30px 10px 25px 15px;
}

/*ランキングカウンター*/
ul.wpp-list li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius:20%;
    z-index: 1;
	margin-top: 5px;
}
	
	
/*カウント数*/
ul.wpp-list li {
    counter-increment: wpp-count;
}
/*ランキング1〜3の色変更*/
ul.wpp-list li:nth-child(1):before{
    background-color: #EFAF00;
}
ul.wpp-list li:nth-child(2):before{
    background-color: #9EACB4;
}
ul.wpp-list li:nth-child(3):before{
    background-color: #BA6E40;
}

.wpp-views {
    font-weight: bold;
    color: #555555;
    /*  配置設定 */
    position:absolute;
    /*  上位置 */
    top:10px;
    /* 左位置  */
    left:50px;
    /* 背景色  */
  /*  background-color: #FFFFFF;  */
}

/* 11位からカウント開始 */
ul.wpp-list-11-20 {
    counter-reset: wpp-count 10;
}
	
ul.wpp-list-11-20 li {
    text-align: left;
    margin-left: -40px !important;
}


/* ランキングバッジ */
ul.wpp-list-11-20 li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius: 20%;
    z-index: 1;
    margin-top: 5px;
}

/* 順位色（11〜13位でも通常色） */
ul.wpp-list-11-20 li:nth-child(1):before,
ul.wpp-list-11-20 li:nth-child(2):before,
ul.wpp-list-11-20 li:nth-child(3):before {
    background-color: #555 !important;
}

/* その他は元のCSSと共通 */

/* 21位からカウント開始 */
ul.wpp-list-21-50 {
    counter-reset: wpp-count 20;
}
	
ul.wpp-list-21-50 li {
    text-align: left;
    margin-left: -40px !important;
}


/* ランキングバッジ */
ul.wpp-list-21-50 li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius: 20%;
    z-index: 1;
    margin-top: 5px;
}

/* 順位色（21〜23位でも通常色） */
ul.wpp-list-21-50 li:nth-child(1):before,
ul.wpp-list-21-50 li:nth-child(2):before,
ul.wpp-list-21-50 li:nth-child(3):before {
    background-color: #555 !important;
}

/* その他は元のCSSと共通 */	
	
/* 51位からカウント開始 */
ul.wpp-list-51 {
    counter-reset: wpp-count 50;
}
	
ul.wpp-list-51 li {
    text-align: left;
    margin-left: -40px !important;
}


/* ランキングバッジ */
ul.wpp-list-51 li:before {
    content: counter(wpp-count);
    display: block;
    position: absolute;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #555;
    padding: 3px 10px;
    border-radius: 20%;
    z-index: 1;
    margin-top: 5px;
}

/* 順位色（51〜53位でも通常色） */
ul.wpp-list-51 li:nth-child(1):before,
ul.wpp-list-51 li:nth-child(2):before,
ul.wpp-list-51 li:nth-child(3):before {
    background-color: #555 !important;
}

/* その他は元のCSSと共通 */	


/************************************
****　本文下　関連記事
************************************/

.related-entry-card-content {
    padding-bottom: 1.2em;
}
.e-card-title {
   font-size: 13px!important;
   line-height: 1.8;
}

/******************************************
** 検索結果一覧
*******************************************/


	
/******************************************
** ギャラリー全体（写真一覧をグリッドで表示）
******************************************/
.responsive-gallery {
  display: grid; /* グリッドレイアウトにする */
  grid-template-columns: repeat(2, 1fr); /* PC画面では2列表示 */
  gap: 10px; /* 写真の間に10pxの余白（行・列とも） */
}


/******************************************
** 各ギャラリー項目（画像＋タイトル）
******************************************/
.gallery-item {
  text-align: center; /* タイトル（p要素）を中央揃えにする */
 /* overflow: hidden; */  /* ホバー拡大時に画像がはみ出ないように */
}

/******************************************
** 写真のスタイル設定（白い枠と影あり）
******************************************/
.gallery-item img {
  width: 100%; /* グリッドセルいっぱいに広げる */
  height: auto; /* アスペクト比を保ったまま高さ自動調整 */
  display: block; /* 下の隙間（inline-blockの隙間）を消す */

  border: 6px solid #fff; /* 写真らしい白い縁（フレーム） */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* 写真の下にやや濃い影 */
  border-radius: 4px; /* 角を少し丸めて柔らかくする */

  transition: transform 0.3s ease; /* ホバー時の拡大をなめらかに */
}

/* ホバー時に拡大（写真をズーム） */
.gallery-item img:hover {
  transform: scale(1.05); /* 5%拡大する */
}

/******************************************
** タイトル文字のスタイル
******************************************/
.image-title {
  font-size: 14px; /* 少し小さめの文字サイズ */
  margin-top: 5px; /* 画像との間に5pxの余白を入れる */
  color: #333; /* 文字色はやや濃いグレー */
}



}
/*---------------------------------------*/
/* 画面幅 500px以上 終わり               */
/*---------------------------------------*/



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	
table th,td {
     font-size:14px!important;
	 background-color:#ffffff!important;
}

}
/*834px以下 おわり*/

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}



/*-------------------------------------*/
/* ページの日付・更新日を非表示にする  */
/*-------------------------------------*/
.post-2 .date-tags,
.post-3 .date-tags {
display: none;
}


.post-371 .date-tags,
.post-384 .date-tags,
.post-388 .date-tags,
.post-391 .date-tags,
.post-394 .date-tags,
.post-398 .date-tags,
.post-402 .date-tags,
.post-406 .date-tags,
.post-683 .date-tags,
.post-691 .date-tags,
.post-922 .date-tags,
.post-958 .date-tags,
.post-1410 .date-tags,
.post-1770 .date-tags,
.post-1857 .date-tags,
.post-1930 .date-tags,
.post-2215 .date-tags,
.post-2218 .date-tags,
.post-2405 .date-tags,
.post-4115 .date-tags,
.post-4118 .date-tags,
.post-4301 .date-tags,
.post-3125 .date-tags,
.post-6006 .date-tags,
.post-6044 .date-tags,
.post-6066 .date-tags,
.post-6179 .date-tags,
.post-6193 .date-tags,
.post-6197 .date-tags,
.post-6202 .date-tags,
.post-6234 .date-tags,
.post-6276 .date-tags,
.post-6332 .date-tags,
.post-6355 .date-tags,
.post-6399 .date-tags,
.post-6452 .date-tags,
.post-6474 .date-tags
{
    display: none;
}

.osaka-h{
  color: #333333 !important;
  border-left: 10px solid #2098a8;
  background: #eeeeee !important;
  font-size:18px !important;
  padding: 10px 15px !important;
  margin: 20px 0 !important;
  font-weight: bold !important;
}


.osaka-h2{
  color: #333333 !important;
  border-left: 10px solid #aaaaaa;
  background: #eeeeee !important;
  font-size:18px !important;
  padding: 10px 15px !important;
  margin: 20px 0 !important;
  font-weight: bold !important;
}

.umeda-guide-table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  table-layout: fixed;
}

.umeda-guide-table th,
.umeda-guide-table td {
  border: 1px solid #ccc;
  padding: 12px;
}

.umeda-guide-table th {
  background-color: #f2f2f2;
  font-weight: bold;
}