@charset "utf-8";
/*********************************************************************
 *
 *  IT・コミュニケーションページ
 *
*********************************************************************/
/* gNav */
/* --------------------------------------------------------------------------- */
#gNav li a#linkPortal {
	color: #eacb43;
}
/* cNav */
/* --------------------------------------------------------------------------- */
#cNav {
	display: block;
	background-color: #eacb43;
}
#cNav .inner div.menu-cnavportal-container {
	display: block;
}
#cNav .arrow {
	left: 600px;
	background-image: url(./common/img/cnav/arrow_yellow.png);
}
#cNav li a:hover, #cNav li.current-menu-item a {
	color: #683800;
}
/* contents section *
/* --------------------------------------------------------------------------- */
#line1 .img {
	padding-left: 30px;
}
@media (max-width: 1020px) {
#line1 .box {
	float: none !important;
	width: 100% !important;
	margin: 0 0 10px !important;
}
#line1 .img {
	margin-left:0 !important;
	padding-left: 0;
	text-align: center;
}
}
/*@media*/
/* --------------------------------------------------------------------------- */
/* メール・チャットサービス　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2021.09.13 古川追記 
/* --------------------------------------------------------------------------- */
div#two-column {
   margin: auto;
   text-align: left;
   width: 100%;
}
div#left-column {
   display: inline-block;
   padding: 0px;
   width: 320px;

}
div#right-column {
   display: inline-block;
   padding: 0px;
   width: 320px;
   vertical-align: top;
}
/* --------------------------------------------------------------------------- */
/* 2021.09.13 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* コールセンター事業社の選び方　*/  
/* 2019.04.23 古川追記 
/* --------------------------------------------------------------------------- */
p.content-choice {
      line-height: 1.7;
      font-size: 109% 
}
/* --------------------------------------------------------------------------- */
/* 2019.04.23 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* コラムページ　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 　*/  
/* 2019.06.21 古川追記 
/* --------------------------------------------------------------------------- */
div#two-pic {
   margin: auto;
 /*  text-align: left;  */
   width: 100%;
}
div#left-pic {
   display: inline-block;
   padding: 0px;
}
div#right-pic {
   display: inline-block;
   padding: 0px;
}
/* --------------------------------------------------------------------------- */
/* 2019.06.21 古川追記 終了
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* コラムページ パソコン横４列、スマホ横２列に。上記のinline-block と組み合わせて使用 　 　*/  
/* 2019.06.24 古川追記 
/* --------------------------------------------------------------------------- */
div.cc-column2 {
 width: 100%;
 column-count: 2;
 }
/* --------------------------------------------------------------------------- */
/* 2019.06.24 古川追記 終了
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* 2020.05.11 古川追記 関西電力グループニュース
/* --------------------------------------------------------------------------- */
.kg-news-category {
    /* width: 980px;*/
    margin: 10px auto 0;
line-height: 250%;
}
.kg-news-category ul {
    display: table;
    font-size: 14px;
}
.kg-news-category ul li {
    margin: 0px 3px 0 3px;
    font-size: 14px;
    float: left;
}
.kg-news-category ul li:first-child::before {
    padding: 0 3px 0 5px;
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
}
.kg-news-category ul li::before {
    padding: 0 3px 0 0;
    content: "｜";
    font-family: FontAwesome;
    font-size: 14px;
}

/* --------------------------------------------------------------------------- */
/*   カテゴリのリンク 
/* --------------------------------------------------------------------------- */
a.noline2020kg:link{
   text-decoration: none;
   color : #ffffff; 
}
a.noline2020kg:visited {
   text-decoration : none; 
   color : #ffffff; 
}
a.noline2020kg:active {
   text-decoration : none; 
   color : #ffffaa;

}
a.noline2020kg:hover {
/*text-decoration : underline; */
   text-decoration : none;
   color : #ffffaa; 
}


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

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


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



.kg-news-category-2020-old ul li:first-child::before {
    padding: 0 3px 0 5px;
    content: "";
    font-family: FontAwesome;
    font-size: 12px;
}
.kg-news-category-2020-old ul li::before {
    padding: 0 3px 0 0;
    content: "｜";
    font-family: FontAwesome;
    font-size: 12px;
}


.kg-news-category-2020 {
    /* width: 980px;*/
  /*  margin: 10px auto 0;  */
    line-height: 250%;
    height:40px;
}
.kg-news-category-2020 ul {
    display: table;
    font-size: 12px;
 cursor: pointer; /*iOSでクリックするために必要*/
}
.kg-news-category-2020 ul li {
    margin: 0px 7px 0 7px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #333333;
    /*border-bottom: solid 5px #5989cf; */
 cursor: pointer; /*iOSでクリックするために必要*/
}
.kg-news-category-2020 ul li:first-child {
    margin: 0px 7px 0 15px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #333333;
border-bottom: solid 0px;
 cursor: pointer; /*iOSでクリックするために必要*/
}
.kg-news-category-2020 ul li:nth-child(even){
   margin: 0px 7px 0 7px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #bbbbbb;
    border-bottom: solid 0px;
 cursor: pointer; /*iOSでクリックするために必要*/
}
.kg-news-category-2020 ul li:hover:nth-child(2n+1){
   margin: 0px 7px 0 7px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #333333;
 
    border-bottom: solid 5px #5989cf;
 cursor: pointer; /*iOSでクリックするために必要*/
}
.kg-news-category-2020 ul li:hover:first-child{
    margin: 0px 7px 0 15px;
    font-size: 12px;
    float: left;
    vertical-align: top;
    color: #333333;
 
    border-bottom: solid 5px #5989cf;
 cursor: pointer; /*iOSでクリックするために必要*/
}


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

.kg-news-container{
    display: flex;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}
.kg-news-1-left{
/*    flex: 1;   */

    width: 600px;
/*    min-width: 200px; */
  
    border: solid 1px #eeeeee;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}
.kg-news-2-right{
    flex: 1;

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

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

/*-----------------------------------------------------------------*/
/* 画面の幅が 1024px 以上の場合 ＜ニュースタイトルのリスト＞       */
/*----------------------------------------------------------------*/

.kg-news-11-list{
    display: flex;

    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}
.kg-news-11-list-hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #eeeeee;  !important;

}
.kg-news-111-pic{
    width: 220px; 
 
    padding: 0px 0px 0px 0px;
    margin:  10px 10px 5px 10px;
    vertical-align: middle;
}
.kg-news-112-title{
   width: 380px;

   padding: 0px 0px 0px 0px;
    margin: 20px 15px 5px 0px;
   font-size: 16px;

   line-height: 1.4;

   font-weight: 700;
}
.kg-news-list-company {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 5px 5px 5px 0px;
   font-weight: 400;
   font-size: 12px;
}
.kg-news-list-date {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 5px 10px 5px 0px;
   font-weight: 400;
   font-size: 12px;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 1024px 以上の場合 ＜記事＞                           */
/*-----------------------------------------------------------------*/
.kg-news-article-pic {
   display: flex;

   padding: 0px 0px 0px 0px;
    margin: 0px 0px px 0px;
}
.kg-news-article-title {
   vertical-align:middle;
   text-align: left;
/*   display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: 20px 20px 0px 20px;

   color: #222222;

   font-size: 20px;
   font-weight: 700; 
   line-height: 1.4;
}
.kg-news-article-date {
 /*  color: #aaaacc;  */
   vertical-align:middle;
   text-align: right;
/*   display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: 10px 20px 5px 20px;
/*   font-weight: 400; */
   font-size: 14px;
}
.kg-news-article-text {
   vertical-align:top;
   text-align: left;
   display: inline-block;
   padding: 0px 0px 0px 0px;
   margin: 15px 20px 5px 20px;
   font-size: 15px;
   line-height: 1.5;
color : #333333; 
}
.kg-news-to-top{
   display: inline-block;

   heigt: 20px;
   vertical-align: top;

   text-align: left;
   padding: 5px 0px 0px 0px;
   margin: 0px 0px 0px 10px;
   font-size: 14px;
   color : #333333; 
}

}


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

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



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

   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;
}



/* ▼タブ(共通装飾＋非選択状態の装飾) */
.kg-news-category-2020 ul {  

     display: inline-block;  
 cursor: pointer; /*iOSでクリックするために必要*/
 
  table-layout: fixed; 

     background: #5566aa;


      font-weight: bold; 
      font-size: 14px;


} 

.kg-news-category-2020 ul li{  
     display: inline-block;  
 cursor: pointer; /*iOSでクリックするために必要*/
    margin: 15px 2px 0px 1px;
    padding: 15px 3px 0 3px;
      width: 80px;
      height:30px; 

  /*    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: 14px;

      text-align: center;
/*      vertical-align: middle;  */

}
::-webkit-scrollbar{   
    display: none;      
 }                       

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

}




                    


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

.kg-news-container{
     width: 100%;  
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;

/* overflow-x: hidden;  */
/* position: fixed; */

}
.kg-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;

 /*background-color: #ff0000; */

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

/*-----------------------------------------------------------------*/
/* 画面の幅が 1023px 以下の場合 ＜ニュースタイトルのリスト＞        */
/*-----------------------------------------------------------------*/

.kg-news-11-list{
    width:100%;  
display: flex; 

   /* width:300px; */ 
   /*overflow-x:hidden;*/

   /* white-space:normal;    */

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

 /*   background-color: #ffffff;*/

}
.kg-news-11-list-hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #eeeeee;  !important;

}
.kg-news-111-pic{
 
　　/*　min-width:100px; */

    width: 33%;
    padding: 0px 0px 0px 0px;
    margin:  10px 5px 5px 5px;
    vertical-align: middle;
}
.kg-news-112-title{
  /*  flex: 1;   */
   
    width: 66%;  

    padding: 0px 0px 0px 0px;
    margin: 10px 5px 5px 5px;
    font-size: 16px;
    font-weight: 700;

   line-height: 1.4;
white-space:normal;

}
.kg-news-list-company {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 3px 0px 0px 0px;
   font-weight: 400;
   font-size: 12px;
}
.kg-news-list-date {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 3px 10px 0px 0px;
   font-weight: 400;
   font-size: 12px;
}

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

.kg-news-article-pic {
   
 width: 100%;
   padding: 0px 0px 0px 0px;
    margin: 0px 0px px 0px;
}
.kg-news-article-title {

   vertical-align:middle;
   text-align: left;
/*   display: inline-block;  */
   padding: 0px 0px 0px 0px;
    margin: 20px 20px 0px 20px;
   
   color : #222222; 
   font-size: 20px;
   font-weight: 700; 
   line-height: 1.4;
}
.kg-news-article-date {
/*   color: #aaaacc;  */
   vertical-align:middle;
   text-align: right;
/*   display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: 5px 30px 5px 20px;
   font-weight: 400;
   font-size: 14px;
}
.kg-news-article-text {
   vertical-align:top;
    word-wrap: break-word;
   text-align: left;
/*   display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: 15px 20px 5px 20px;
   font-size: 16px;
   line-height: 1.7;
color : #333333; 
}
.kg-news-to-top{
   display: inline-block;

   heigt: 20px;
   vertical-align: top;

   text-align: left;
   padding: 5px 0px 0px 0px;
   margin: 0px 0px 0px 10px;
   font-size: 14px;
   color : #333333; 
}

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


/* --------------------------------------------------------------------------- */
/* 2020.05.11 古川追記 関西電力グループニュース 終わり
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* 2020.06.15 古川追記 関西電力グループニュース 記事ページ
/* --------------------------------------------------------------------------- */
.kg-news-2020 {
    /* width: 980px;*/
/*    margin: 10px auto 0;*/
    line-height: 170%;  
}
.kg-news-2020 ul {
  /*  display: table;  */
    font-size: 15px;
    margin: 5px 10px 5px 10px;
    list-style-type: square;
}
.kg-news-2020 ul li {
    margin: 5px 10px 5px 30px;
    font-size: 15px;
 /*   float: left;  */
    vertical-align: top;
   color : #333333; 
}
/* --------------------------------------------------------------------------- */
/* 2020.06.15 古川追記 関西電力グループニュース 記事ページ　おわり
/* --------------------------------------------------------------------------- */



/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* 2020.07.17 古川追記  写真で見る水都大阪
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
.photo-osaka-category {
    /* width: 980px;*/
    margin: 10px auto 0;
line-height: 250%;
}
.photo-osaka-category ul {
    display: table;
    font-size: 14px;
}
.photo-osaka-category ul li {
    margin: 0px 2px 0 2px;
    font-size: 14px;
    float: left;
}
.photo-osaka-category ul li:first-child::before {
    padding: 0 2px 0 4px;
    content: "";
    font-family: FontAwesome;
    font-size: 14px;
}
.photo-osaka-category ul li::before {
    padding: 0 2px 0 0;
    content: "｜";
    font-family: FontAwesome;
    font-size: 14px;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 660px 以上の場合       写真で見る水都大阪                               */
/*-----------------------------------------------------------------*/

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


/*-----------------------------------------------------------------------*/
/* 画面の幅が 660px 以上の場合 ＜カテゴリー・メニュー＞  写真で見る水都大阪   */
/*---------------------------------------------------------------------*/

.photo-osaka-category-2020-old ul li:first-child::before {
    padding: 0 3px 0 5px;
    content: "";
    font-family: FontAwesome;
    font-size: 12px;
}
.photo-osaka-category-2020-old ul li::before {
    padding: 0 3px 0 0;
    content: "｜";
    font-family: FontAwesome;
    font-size: 12px;
}


.photo-osaka-category-2020 {
    /* width: 980px;*/
  /*  margin: 10px auto 0;  */
    line-height: 250%;
    height:40px;
}
.photo-osaka-category-2020 ul {
    display: table;
    font-size: 11px;
 cursor: pointer; /*iOSでクリックするために必要*/
}
.photo-osaka-category-2020 ul li {
    margin: 0px 4px 0 4px;
    font-size: 11px;
    float: left;
    vertical-align: top;
    color: #333333;
    /*border-bottom: solid 5px #5989cf; */
 cursor: pointer; /*iOSでクリックするために必要*/
}
.photo-osaka-category-2020 ul li:first-child {
    margin: 0px 4px 0 6px;
    font-size: 11px;
    float: left;
    vertical-align: top;
    color: #333333;
border-bottom: solid 0px;
 cursor: pointer; /*iOSでクリックするために必要*/
}
.photo-osaka-category-2020 ul li:nth-child(even){
   margin: 0px 4px 0 4px;
    font-size: 10px;
    float: left;
    vertical-align: top;
    color: #bbbbbb;
    border-bottom: solid 0px;
 cursor: pointer; /*iOSでクリックするために必要*/
}
.photo-osaka-category-2020 ul li:hover:nth-child(2n+1){
   margin: 0px 4px 0 4px;
    font-size: 11px;
    float: left;
    vertical-align: top;
    color: #333333;
 
    border-bottom: solid 5px #5989cf;
 cursor: pointer; /*iOSでクリックするために必要*/
}
.photo-osaka-category-2020 ul li:hover:first-child{
    margin: 0px 4px 0 6px;
    font-size: 11px;
    float: left;
    vertical-align: top;
    color: #333333;
 
    border-bottom: solid 5px #5989cf;
 cursor: pointer; /*iOSでクリックするために必要*/
}


/*----------------------------------------------------------------------------*/
/* 画面の幅が 660px 以上の場合 ＜カテゴリーメニューより下部＞   写真で見る水都大阪  */
/*----------------------------------------------------------------------------*/

.photo-osaka-container{
    display: flex;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;
}
.photo-osaka-1-left{
/*    flex: 1;   */

    width: 600px;
/*    min-width: 200px; */
  
    border: solid 1px #eeeeee;
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;

/*    background-color: #ffffcc;  */

    background-color: #777777;


}
.photo-osaka-2-right{
    flex: 1;

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

    background-color: #eeeeee; 

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

/*------------------------------------------------------------------------*/
/* 画面の幅が 660px 以上の場合 ＜ニュースタイトルのリスト＞ 写真で見る水都大阪  */
/*------------------------------------------------------------------------*/

.photo-osaka-11-list{
    display: flex;

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

    background-color: #ffffff;
}
.photo-osaka-11-list-hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #eeeeee;  !important;
}
.photo-osaka-111-pic{
    width: 220px; 
 
    padding: 0px 0px 0px 0px;
    margin:  10px 10px 5px 10px;
    vertical-align: middle;
}
.photo-osaka-112-title{
   width: 380px;

   padding: 0px 0px 0px 0px;
    margin: 20px 15px 5px 0px;
   font-size: 16px;

   line-height: 1.4;

   font-weight: 700;
}
.photo-osaka-list-company {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 5px 5px 5px 0px;
   font-weight: 400;
   font-size: 12px;
}
.photo-osaka-list-date {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 5px 10px 5px 0px;
   font-weight: 400;
   font-size: 12px;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 660px 以上の場合 ＜記事＞  写真で見る水都大阪            */
/*-----------------------------------------------------------------*/
.photo-osaka-article-title {
   vertical-align:middle;
   text-align: left;

   display: inline-block;  
   padding: 0px 0px 0px 0px;
   margin: 10px 10px 8px 15px;

/*   color: #888800;*/

   color: #ffffff;

   font-size: 16px;
   font-weight: 700; 
   line-height: 1.4;
}
.photo-osaka-article-date {
 /*  color: #aaaacc;  */
   vertical-align:middle;
   text-align: right;

   display: block; 
 /*  display: inline-block; */
   padding: 0px 0px 0px 0px;
   margin: -3px 10px 12px 10px;
/*   font-weight: 400; */
   font-size: 12px;

/*   color: #888800; */
   color: #ffffff;
}
.photo-osaka-article-pic {
   display: flex;

   padding: 0px 0px 0px 0px;
    margin: 0px 0px px 0px;
}
.photo-osaka-article-text {
   vertical-align:top;
   text-align: left;

   display: block;
   padding: 15px 20px 25px 20px;
   margin: -10px 0px 0px 0px;
   font-size: 14px;
   line-height: 1.5;
   color : #333333; 
   background-color: #ffffff;

}
.photo-osaka-to-top{
   display: inline-block;

   heigt: 20px;
   vertical-align: top;

   text-align: left;
   padding: 5px 0px 0px 0px;
   margin: 0px 0px 0px 10px;
   font-size: 14px;
   color : #333333; 
}

}


/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* 画面の幅が 659px 以下の場合    写真で見る水都大阪                  */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/

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



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

   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;
}



/* ▼タブ(共通装飾＋非選択状態の装飾) */
.photo-osaka-category-2020 ul {  

     display: inline-block;  
 cursor: pointer; /*iOSでクリックするために必要*/
 
  table-layout: fixed; 

     background: #5566aa;


      font-weight: bold; 
      font-size: 12px;


} 

.photo-osaka-category-2020 ul li{  
     display: inline-block;  
 cursor: pointer; /*iOSでクリックするために必要*/
    margin: 10px 2px 0px 1px;
    padding:10px 3px 0 3px;
      width: 80px;
      height:30px; 

  /*    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: 11px;

      text-align: center;
/*      vertical-align: middle;  */

}
::-webkit-scrollbar{   
    display: none;      
 }                       

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

}

                


/*--------------------------------------------------------------------------*/
/* 画面の幅が 659px 以下の場合 ＜カテゴリーメニューより下部＞ 写真で見る水都大阪  */
/*--------------------------------------------------------------------------*/

.photo-osaka-container{
     width: 100%;  
    padding: 0px 0px 0px 0px;
    margin:  0px 0px 0px 0px;

/* overflow-x: hidden;  */
/* position: fixed; */

}
.photo-osaka-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;

    background-color: #777777; 

 /* background-color: #ffffcc; */
 /* background-color: #ff0000; */

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

/*-------------------------------------------------------------------------*/
/* 画面の幅が 659px 以下の場合 ＜ニュースタイトルのリスト＞  写真で見る水都大阪  */
/*-------------------------------------------------------------------------*/

.photo-osaka-11-list{
    width:100%;  
display: flex; 

   /* width:300px; */ 
   /*overflow-x:hidden;*/

   /* white-space:normal;    */

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

    background-color: #ffffff;
 /*   background-color: #ffffff;*/

}
.photo-osaka-11-list-hr {
    display: block;
    width: 100%;
    height: 1px;
    border: 0;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #eeeeee;  !important;

}
.photo-osaka-111-pic{
 
　　/*　min-width:100px; */

    width: 33%;
    padding: 0px 0px 0px 0px;
    margin:  10px 5px 5px 5px;
    vertical-align: middle;
}
.photo-osaka-112-title{
  /*  flex: 1;   */
   
    width: 66%;  

    padding: 0px 0px 0px 0px;
    margin: 10px 5px 5px 5px;
    font-size: 16px;
    font-weight: 700;

   line-height: 1.4;
white-space:normal;

}
.photo-osaka-list-company {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 3px 0px 0px 0px;
   font-weight: 400;
   font-size: 12px;
}
.photo-osaka-list-date {
   vertical-align:middle;
   text-align: left;
   display: inline-block; 
   padding: 0px 0px 0px 0px;
   margin: 3px 10px 0px 0px;
   font-weight: 400;
   font-size: 12px;
}

/*-----------------------------------------------------------------*/
/* 画面の幅が 659px 以下の場合 ＜記事＞  写真で見る水都大阪            */
/*-----------------------------------------------------------------*/

.photo-osaka-article-pic {
   
   width: 100%;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px px 0px;
}
.photo-osaka-article-title {

   vertical-align:middle;
   text-align: left;

  display: inline-block;  
   padding: 0px 0px 0px 0px;
    margin: 5px 10px 5px 10px;
   
   color: #ffffff;  

/*   color: #888800;  */
/*   color : #222222; */
   font-size: 16px;
   font-weight: 700; 
   line-height: 1.4;
}
.photo-osaka-article-date {
/*   color: #aaaacc;  */
   vertical-align:middle;
   text-align: right;

    display: block;  
 /*  display: inline-block;  */
    padding: 0px 0px 0px 0px;
    margin: -3px 10px 10px 10px;
    font-weight: 400;
    font-size: 12px;
    color: #ffffff;  
  /*  color: #888800; */
}
.photo-osaka-article-text {
    vertical-align:top;
    word-wrap: break-word;
    text-align: left;
/*   display: inline-block; */

   display: block; 

   padding: 10px 10px 20px 10px;
   margin: -10px 0px 0px 0px;
   font-size: 14px;
   line-height: 1.7;
color : #333333; 
    background-color: #ffffff;
}
.photo-osaka-to-top{
   display: inline-block;

   heigt: 20px;
   vertical-align: top;

   text-align: left;
   padding: 5px 0px 0px 0px;
   margin: 0px 0px 0px 10px;
   font-size: 14px;
   color : #333333; 
}

}
/*-----------------------------------------------------------------*/
/* 画面の幅が 659px 以下の場合  おわり    写真で見る水都大阪           */
/*-----------------------------------------------------------------*/


.photo-osaka-2020 {
    /* width: 980px;*/
/*    margin: 10px auto 0;*/
    line-height: 170%;  
}
.photo-osaka-2020 ul {
  /*  display: table;  */
    font-size: 15px;
    margin: 5px 10px 5px 10px;
    list-style-type: square;
}
.photo-osaka-2020 ul li {
    margin: 5px 10px 5px 30px;
    font-size: 15px;
 /*   float: left;  */
    vertical-align: top;
   color : #333333; 
}
/* --------------------------------------------------------------------------- */
/* 2020.07.17 古川追記 写真で見る水都大阪　おわり　写真で見る水都大阪
/* --------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------- */
/* 2020.09.10 古川追記 パブリックドメインのコンテンツ
/* --------------------------------------------------------------------------- */
.flex-box-photo {
    background-color: #eee;     /* 背景色指定 */
    padding:  10px;             /* 余白指定 */

    display: flex;
    align-items: center;
}
.flex-item-photo {
    padding: 0px;
    color:  #fff;             /* 文字色 */
    margin:  0px;             /* 外側の余白 */
  /* border-radius: 5px;  */  /* 角丸指定 */
}
.flex-item-photo:nth-child(1) {
  /*  background-color:  #4CAF50;*/  /* 背景色指定 */
    width: 5%;
}
.flex-item-photo:nth-child(2) {
  /*  background-color:  #4CAF50;*/  /* 背景色指定 */
   width: 90%;
}
.flex-item-photo:nth-child(3) {
  /*  background-color:  #4CAF50;*/  /* 背景色指定 */
   width: 5%;
 }
.flex-item-photo img {
    /* 幅もしくは高さを最大100%に設定、もう一方はauto */
    width: auto;
    height: auto;
}
.photo-comment{
    font-size: 15px;
    line-height: 1.7;
    letter-spacing: 0.5em
}
/* --------------------------------------------------------------------------- */
/* 2020.09.10 古川追記 パブリックドメインのコンテンツ　おわり
/* --------------------------------------------------------------------------- */