/* 2020.11.27追記.ss */
/* copyright　サイズ・書体指定 */
#copyright { font-size: 18px; font-weight: 500;font-family: "MS Pゴシック",  "Arial", "メイリオ";}
/* グローバルメニューfont-size:20拡大 */
/*#global_menu > ul > li > a { color:#fff; font-size:15px; }*/
#global_menu ul li a { color:#fff; font-weight: 600; font-size:18px; line-height:20px;
display: -webkit-flex;      /* 2020.12.29naviボタン行間追記 */
display: flex;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}





/** ▼ここからグリッド外枠1〜4用（携帯用） **/

 .post_content table{margin: 0 0 10px 0;} /**▼携帯用追加テスト中／上部のすき間縮小 **/
  
 .gt-1grid-bg td,.gt-2grid-bg td,.gt-3grid-bg td, .gt-3grid-bg-index td{ 
      padding:0px 0px 0px 0px;
      vertical-align: top;
      border: 0px solid;
      background: transparent ;
	  height: auto; /* 携帯用追加テスト中 */
    }
	
 .gt-1grid-bg tr,.gt-2grid-bg tr,.gt-3grid-bg tr, .gt-3grid-bg-index tr{ height:auto;}
 .gt-1grid-bg,.gt-2grid-bg,.gt-3grid-bg, .gt-3grid-bg-index {height: auto;}
 div.wp-block-group { height: auto;} 
 div.wp-block-group__inner-container{ height: auto; } 
 table.gt-1grid-bg,table.gt-2grid-bg, table.gt-3grid-bg, table.gt-3grid-bg-index{ height:auto;} 
 tbody{ height:auto;} 	
 div.wp-block-group tr{ height: auto;}
 tr,td{ height: 100px;}
 td.tomei{ height: auto; } /* 携帯用天地余白削除中  */	
 /** ▲ここまで携帯用追加テスト中／上部のすき間縮小 **/
  





/* ▼ここから　検索結果に日時を出さないCSS案（別案にて実施中→非表示/php側を削除につきCSSは休止中souno） */


/* .entry-date.updated{ text-indent:100%; white-space:nowrap; overflow:hidden;background-color:white;font-size:20px; }


.blog_list clearfix artcle.item div.tittle_area ul.post_meta clearfix{ 
text-indent:100%; white-space:nowrap; overflow:hidden; background-color:red;font-size:20px; }

.blog_list clearfix artcle.item div.tittle_area ul.post_meta clearfix{ 
text-indent:100%; white-space:nowrap; overflow:hidden;color:red;font-size:20px; }  */

/**下の3行でパスが通った。下地と文字******
time.entry-date.updated datetime{ text-indent:100%; white-space:nowrap; overflow:hidden;background-color:pink; font-size:30px; } 

.blog_list .post_meta li{ text-indent:100%; white-space:nowrap; overflow:hidden;background-color:blue; color:white;font-size:20px; }  
time.entry-date.updated{ text-indent:100%; white-space:nowrap; overflow:hidden;background-color:green;color:red; font-size:5px; } 

/* ▲ここまで検索結果に日時を出さない（非表示） */




/**フッターメニュー一覧の左右／行間を整える。*********************************************************/

#return_top a { background-color:#f4f0ec;font-size:50px; font-weight: 700;}　/**上に上がるボタン**/

ul.menu{ line-height:14px; }/**menu一覧枠**/

#footer_menu{ padding:10px 10px 60px 10px;  margin:20px; text-align:center; border-top:0px; line-height:14px; }
div#footer_logo{ padding:0px; margin:15px 0 15px 0;letter-spacing:4px;}
#footer_top {padding: 5px 0 5px 0; background-color:#81d742; }

#footer_logo.pc_logo_text{ letter-spacing:4px;margin:15px 0 0px 0; text-align:center;} /**フッター会社名の文字間隔**/
#footer_logo.mobile_logo_text{ letter-spacing:10px;margin:0px 0 0px 0;text-align:center;} /**フッター会社名の文字間隔**/
#company_info{ font-size:12px; line-height:14px;letter-spacing:0.5px;margin:15px 0 30px 0; } /**フッター会社名の下、住所、電話、fax**/


/**ここまで　フッターメニュー一覧の左右／行間を整える。***********************************************/

/*********************************************************************************************/
/* 会社概要と沿革それぞれの表組調節用  */

.wp-block-table table tbody tr td:nth-child(1){ background-color:#eee;width:24%;　line-height:0.3em; font-size:80%;}
.wp-block-table table tbody tr td:nth-child(2){ background-color:#fff; font-size:85%;}

.post_content td, .post_content th { padding:10px 1px 10px 3px; }

table.hyou01 tbody tr td:nth-child(1){ background-color:#eee; font-size:90%;width:4%;text-align:center;}
table.hyou01 tbody tr td:nth-child(2){ background-color:#fff; font-size:85%;width:48%; white-space: pre-wrap;}
table.hyou01 tbody tr td:nth-child(3){ background-color:#fff; font-size:85%;width:48%; white-space: pre-wrap;}

/********* ブレイクポイント510以上の場合、下記適応 ********/
@media screen and (min-width:510px) { 
.wp-block-table table tbody tr td:nth-child(1){ background-color:#eee;width:30%;　line-height:0.3em;letter-spacing:0em; font-size:100%;}
.wp-block-table table tbody tr td:nth-child(2){ background-color:#fff; font-size:100%;}

.post_content td, .post_content th { padding:10px 10px; }

table.hyou01 tbody tr td:nth-child(1){ background-color:#eee; font-size:90%;width:4%;text-align:center;}
table.hyou01 tbody tr td:nth-child(2){ background-color:#fff; font-size:85%;width:48%;line-height:1.3em;white-space: pre-wrap;}
table.hyou01 tbody tr td:nth-child(3){ background-color:#fff; font-size:85%;width:48%;line-height:1.3em;white-space: pre-wrap;}

}

/* 会社概要と沿革それぞれの表組調節用  */





.wp-block-table table tbody tr td:nth-child(2){ background-color:#fff;}

.post_content td, .post_content th{ line-height:1.5em;}

/* 

th.gaiyou-l{ background-color:#888 ; width:20%;}
th.gaiyou-r{ background-color:green; width:80%;}
*/

/* 
table tbody tr td:nth-child(2){ color:red; width:30%;}
table td:nth-child(2){ color:red; width:30%;}
table th:nth-child(2){ color:red; width:30%;}
.clearfix td{ color:red; width:30%;}
.clearfix td{ color:red; width:30%;}
.wp-block-table table tbody tr td{ color:red; width:30%;}
.wp-block-table tbody tr{ color:red; width:30%;} */






/* ▼ここから　トップのスライダー内の文字を太くする */


#index_slider .catch {
    line-height: 1.3; 
    word-wrap: break-word;
    position: relative;
    font-weight: 700; 
    margin: 0;
}


/* ▲ここまで　トップのスライダー内の文字を太くする */




/* トップの3つの横並びのバナー／カテゴリー紹介の幅を狭める  */

@media screen and (min-width: 896px) { 
 #index_box_content .title { font-size: 18px; line-height: 1.4em; height: 100px; top:200px;}
 #index_box_content .desc{height: 100px;}
 
 /* トップの3つの横並びの文字と背景(黄緑#81D742)  */
 #index_box_content .desc p {
font-size:25px;	
font-weight:600; 
line-height: 1.4em;
background-color:#81D742; border-radius:0 0 20px 20px; padding:19px 7px;
top:40%;
  -ms-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
 }


 div#index_box_content.clearfix div.item:nth-child(1){ padding:30px 15px 30px 50px;}  
 div#index_box_content.clearfix div.item:nth-child(2){ padding:30px 15px 30px 15px;}  
 div#index_box_content.clearfix div.item:nth-child(3){ padding:30px 50px 30px 15px;}
 }
 
 
 
 
 @media screen and (max-width: 896px) {
	 
	 
	  
/* 3つのカテゴリーの一覧表のアイコンの天地つめる。*/ 
 table.gt-3grid-bg tbody td, table.gt-3grid-bg tbody tr, table.gt-3grid-bg tbody td.tomei{ height:80px; }

   
	 
	 
 #index_box_content .title { font-size: 16px;line-height: 1.4em;  top:90px; }
 div#index_box_content.clearfix div.item:nth-child(1){ padding:15px 15px 15px 30px;}  
 div#index_box_content.clearfix div.item:nth-child(2){ padding:15px 15px 15px 15px;}  
 div#index_box_content.clearfix div.item:nth-child(3){ padding:15px 30px 15px 15px;} 
 
 
/* トップの3つの横並びの文字と背景 モバイルよこ用(黄緑#81D742)  */
 #index_box_content .desc p {
font-size:25px;	
font-weight:600; 
line-height: 1.4em;
background-color:#81D742; border-radius:0 0 20px 20px; padding:19px 7px;
top:10%;
  -ms-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
 
 }
 
}

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

  
/* 3つのカテゴリーの一覧表のアイコンの天地つめる。*/ 

table.gt-1grid-bg , table.gt-2grid-bg , table.gt-3grid-bg{background:transparent;}/* 背景枠のみ透明 */
table.gt-1grid-bg tr, table.gt-2grid-bg tr, table.gt-3grid-bg tr{background:transparent;}/* 背景枠のみ透明 */
 
 #index_box_content .title { font-size:17px!important; line-height: 1.0em; top:72px;}/*写真の上のタイトル上下  */
 div#index_box_content.clearfix	div.item:nth-child(1){ padding:8px 2px 2px 4px;height: 20px;}  
 div#index_box_content.clearfix div.item:nth-child(2){ padding:8px 2px 2px 2px;height: 20px;}  
 div#index_box_content.clearfix div.item:nth-child(3){ padding:8px 4px 2px 2px;height: 20px;} 

/* トップの3つの横並びの文字と背景 モバイルたて用(黄緑#81D742)  */
 #index_box_content .desc p {
font-size:25px;	
font-weight:600; 
line-height: 1.4em;
background-color:#81D742; border-radius:0 0 20px 20px; padding:30px 7px;
top:50%;
  -ms-transform: translateY(-30%);
  -webkit-transform: translateY(-30%);
  transform: translateY(-30%);
  -webkit-box-sizing:border-box;
  box-sizing:border-box;

 }
 
 
#index_box_content .image { width: 100%; height: 65% !important;} /*アイコン写真サイズ  */

div.image_wrap　{height: 30px;}
 
a link animate_background {height: 300px;}
 
p.title.rich_font {height: 120px; padding:-50px 0 0 0;}
 
 div#index_box_content.clearfix	{height: 330px;}/*アイコン3つをまとめている箱  */
 
#index_box_content .item {height: 220px;}/*アイコン3つをまとめている箱  */
 
#index_box_content .image_wrap {height: 150px;} /*アイコン写真の高さ  */
 
#index_box_content {height: 330px;}/*アイコン写真の高さ  */
 
div.item{ height: 0px; border:0px; }

#index_box_content .desc {
    height: 0px; 
    line-height: 2.4;
    border-right: 0px solid #ddd;
	border-bottom:0px;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
 }
 
/* ▲ここまで　3つのカテゴリー紹介の幅を狭める  */


}

/* ここまで　3つのカテゴリー紹介の幅を狭める  */







/* ▼トップバナー下にコンセプト画像を挿入  */


div#contents_builder {
  position: relative;/*相対配置*/
}

div#contents_builder:before {/*スペースを作る*/
  content: '';
  top: 0;
  left: 0;
  width: 100%;/*指定したい幅*/
  padding-top: 60%;/*画像の幅に対する高さ比率*/
  display: block;
  
}

div#contents_builder:after {/*画像を絶対配置*/
  position: absolute;
  content: '';
  top: 0;
  left:0;
  display: block;
  width: 100%;/*幅*/
  height: 100%;/*高さ指定*/
  background-image: url(../wp-content/uploads/pdf/hp-top-cspt0001.jpg);
  background-size: contain;
  background-repeat: no-repeat;/*画像を繰り返さない*/
  
  }






/* ここまで▲ トップバナー下にコンセプトの画像を挿入  */

/*********************************************************************************************/


/* 　GOTO TAIKI  小見出し */

td.gt-mds-01 {  font-size:25px; font-weight: 700;  color:#777;  border-radius: 20px 20px 3px 3px;  border-collapse: collapse; border-spacing: 0; border: 0px solid #aaa;  box-shadow: 3px 3px 5px #ccc; }
.post_content td, {border: 0px;}


** 表の調節よこ1〜4列用 ▼ここから 20210121　.gt-1grid〜.gt-3grid　使用中／重要souno

 /** グリッド外枠0用（透明） **/

.gt-0grid-bg { background: #fff; 
vertical-align:top; 
border: 3px  #555;
box-shadow: 3px 3px 5px #ccc; }

 /** .gt-0grid-bg tdの表（l・r）指示あり **/

.gt-0grid-bg td.bg-l{ 
vertical-align:top; 
border: 0px ;
padding:5px 5px 5px 10px;
box-shadow: 3px 3px 5px #ccc;
}

.gt-0grid-bg td.bg-r{ 
vertical-align:top; 
border: 0px ;
padding:5px 5px 5px 0px;
box-shadow: 3px 3px 5px #ccc;
}

.gt-0grid-bg td{ 
vertical-align:top; 
padding:0px 0px 0px 5px;
border: 0px  #555; 
}

/** 写真 **/
.gt-0grid th img{ width: 100%; height:auto; background: #fff; }

/** 写真周りのPを無効化 height:0px **/
.gt-0grid th p{  display: block;  content: "";  margin: 0px 0px 0px 0px;  }  

 /** 表の最上部(写真) **/
.gt-0grid th{
padding:5px 5px 5px 0px; 
background: #fff;
border: 0px solid #c0c0c0;
position: absolute;
}

.gt-0grid td .ttl {  /** 表の中央部(品番) **/
      line-height: 1.2em;
      color:black;
      font-weight: 600; 
      font-size:16px;
      background: #fff;
       }

.gt-0grid td {  /** 表の下部(詳細) **/
      padding:0px 0px 0px 0px;
      font-size:12px;
      line-height: 1.3em;
      color:#555;
    z-index: 30;  position: relative;
       }



/** ここからグリッド外枠1〜4用（透明） **/

 .post_content table {margin: 0 0 10px 0;} /**▼携帯用追加テスト中／上部のすき間縮小 **/

 table.gt-1grid-bg,table.gt-2grid-bg, table.gt-3grid-bg, table.gt-3grid-bg-index{ height:auto; background-color:transparent;} /* 携帯用追加テスト中 */
  
 .gt-1grid-bg td,.gt-2grid-bg td,.gt-3grid-bg td, .gt-3grid-bg-index td  {  /** グリッド外枠1〜4用（透明） **/
      padding:0px 0px 0px 0px;
      vertical-align: top;
      border: 0px solid;
      background:transparent ;
	  height: auto; /* 携帯用追加テスト中 */
    }
 .gt-1grid-bg tbody tr,.gt-2grid-bg tbody tr,.gt-3grid-bg tbody tr{ height:auto;}/* 携帯用追加テスト中tr */		
 .gt-1grid-bg tr,.gt-2grid-bg tr,.gt-3grid-bg tr, .gt-3grid-bg-index tr{ height:auto;}/* 携帯用追加テスト中tr */	
 .gt-1grid-bg,.gt-2grid-bg,.gt-3grid-bg, .gt-3grid-bg-index {height: auto;}	/* 携帯用追加テスト中 */	
 div.wp-block-group__inner-container{  height: auto; } /* 携帯用天地余白削除中 */		
 div.wp-block-group, div.wp-block-group tr{ height: auto !important;} /* 携帯用天地余白削除中  */	
 td.tomei,td{ height: auto !important; } /* 携帯用天地余白削除中  */	
 
 
  /** ▲ここまで携帯用追加テスト中／上部のすき間縮小 **/
  

 .gt-1grid th img,.gt-2grid th img,.gt-3grid th img, .gt-3grid-index th img{ /** 写真 **/
       padding:0px 0px 0px 0px;
       width: 100%; height:100%;
       background: #fff;
    }	 

.gt-0grid th p, .gt-1grid th p, .gt-2grid th p, .gt-3grid th p, .gt-3grid-index th p{  display: block;  content: "";  margin: 2px 2px -10px 2px; }  /** 写真周りのPを無効化 height:0px **/

.gt-1grid th,.gt-2grid th,.gt-3grid th{  /** 表の最上部(写真) **/
      padding:5px 5px 5px 5px; 
      background: #fff;
      border: 0px solid #c0c0c0;
      box-shadow: 3px 3px 5px #ccc;
   z-index: 20; position: absolute;
       }

.gt-0grid td .ttl, .gt-1grid td .ttl,.gt-2grid td .ttl, .gt-3grid td .ttl{  /** 表の中央部(品番) **/
      line-height: 1.2em;
      color:black;
      font-weight: 600; 
      font-size:16px;
      background: #fff;
　  box-shadow: 3px 3px 5px #ccc;
       }
	   
	   
.gt-0grid td .ttl a,.gt-1grid td .ttl a,.gt-2grid td .ttl a, .gt-3grid td .ttl a{  /** 表の中央部(PDF) **/
      
  /* PDFの表示　円の基本形 */
  display: inline-flex; justify-content: center; align-items: center; border-radius: 10%; flex-flow: column; 
  /* vertical-align: text-bottom; */
  width: 30px;height: 30px;
  border: 4px solid pink;
  line-height: 1.2em;
  background-color:#fff; 
  color:red;
  font-weight: 600; 
  font-size:11px;
  box-shadow: 3px 3px 5px #ccc;
  position:absolute; top:-20px; right:10px; 
 
 }	   
	
.gt-0grid td .ttl a:hover,.gt-1grid td .ttl a:hover,.gt-2grid td .ttl a:hover, .gt-3grid td .ttl a:hover{  /** 表の中央部(PDF) **/
      
  box-shadow: 1px 1px 1px #ccc;
  background-color:pink; 
  position:absolute; top:-20px; right:10px; /*リンクにマウスが乗ったら背景色を変更する*/
  
}

.gt-0grid td .ttl a:before, .gt-1grid td .ttl a:before, .gt-2grid td .ttl a:before, .gt-3grid td .ttl a:before{ 
  content:'図面\A';white-space:pre;
  font-size:12px;
  line-height: 1.0em;
}/** 表の中央部(PDF)  可能→content:'図面\A PDF';white-space:pre  **/


	
	   
	
/** .gt-3grid-indexのみ 3組のアイコン用**/   
.gt-3grid-index td .ttl{  padding:0px 0px 10px 0px; line-height: 1.2em; color:black;  font-weight: 600;  text-align:center;  font-size:20px; background: #fff; box-shadow: 3px 3px 5px #ccc; z-index: 60;  position: relative; border-radius:0 0 20px 20px;}

/** 写真  .gt-3grid-index  **/
.gt-3grid-index th img{ 
       padding:0px 0px 0px 0px;
       width: 100%; height:auto;
	   border-radius: 18px ;
       background: #fff;
    }
	
.gt-3grid-index th{  /** 3組のアイコン用上部四方角丸 **/
      padding:5px 5px 5px 5px; 
      background: #fff;
      border: 0px solid #c0c0c0;
      box-shadow: 3px 3px 5px #ccc;
	  border-radius: 20px 20px 0px 0px;
   z-index: 20; position: absolute;
       }	
		 
.gt-3grid-index.ttl{  /** 3組のアイコン用下部角丸 **/
	  border-radius: 0px 0px 20px 20px;
       }	
		 		 
		 
		 

/** モバイル時 キャプション／写真の余白変更 **/   
@media screen and (max-width: 509px ){ 
.gt-3grid-index td .ttl{  padding:2px 1px 3px 1px; font-size:12px; }
.gt-1grid td .ttl,.gt-2grid td .ttl, .gt-3grid td .ttl{ font-size:12px; }
.gt-1grid th,.gt-2grid th,.gt-3grid th, .gt-3grid-index th{  padding:2px 2px 2px 2px; }

.gt-0grid-bg td.bg-l{ padding:2px 2px 2px 4px;}
.gt-0grid-bg td.bg-r{ padding:2px 2px 2px 0px; }
.gt-0grid-bg td{      padding:0px 0px 0px 4px; }

}


.gt-1grid td, .gt-2grid td, .gt-3grid td{  /** 表の下部(詳細) **/
      padding:0px 4px 8px 8px;
      font-size:12px;
      line-height: 1.3em;
      color:#555;
      border-top: 0px solid;
      background: #fff;
      box-shadow: 3px 3px 5px #ccc;
    z-index: 60;  position: relative;
	word-break: break-word;/** 文字の折り返しbreak-word使用中 **/
       }
	   


/** ブレイクテスト用
@media screen and (min-width:950px){
body{     background-color:red    ;}
}
ブレイクテスト用 **/

/**▼１〜４組表の写真キャプション用 影付き(cptn)  **/

 .gt-0grid  th, .gt-1grid  th, .gt-2grid  th, .gt-3grid  th, .gt-3grid-index th {  position: relative; }
   .gt-0grid tr .cptn p, .gt-1grid tr .cptn p, .gt-2grid tr .cptn p, .gt-3grid tr .cptn p, .gt-3grid-index tr .cptn p  { position: absolute; bottom: 25px;  left: 10px; color: white;  font-weight: bold;   font-size: 0.8em;   line-height: 1.2em;  text-align: left; 
 font-family :Quicksand, sans-serif;  text-shadow: 4px 0 6px #333,    0 4px 6px #333,    -2px 0 3px #555,    0 -2px 3px #555   }
 .gt-1grid img, .gt-2grid img,   .gt-3grid img, .gt-3grid-index img,  { width: 100%; }  

/**▲１〜４組表の写真キャプション用 (cptn)  **/

/***********************************************************************
** 表の調節よこ1〜4列用 ▲ここまで 20210121　使用中／重要
************************************************************************/



/************************************
** フッターメニュー付加＋調整用　そうの
************************************/
#footer-menu ul{
  text-align:left;
  margin: 10px 0 0 10px;
}
 

/** list-style: outside none none;**/
#footer-menu ul li {
  display: inline;
  list-style: inside none ;

}
 
#footer-menu ul li::before {
    content: "|";
    padding: 0 0.6em;
}
 
#footer-menu ul li:first-child::before{
  content: "";
  padding: 0;
}
 
#footer-menu ul .sub-menu{
 display: inline-block;
    width: 50%;
    margin: 10px auto;
}

/************************************
** フッターメニュー付加＋調整用 ▲ここまで
************************************/
/** ここから　フッターメニュー付加＋ブロック調整用      （携帯エラーにつき削除 .sub-menu,  ） **/
#footer-menu ul li,   .foot-wrap .menu-left, .menu-center, .menu-right  {
    display: inline-block;
    width: 20%;
    margin: 10px auto;
}

.foot-wrap ul {
    list-style: none;
    padding: 0;
    line-height:15px;
}

/** ▲ここまで　フッターメニュー付加＋ブロック調整用 **/

/***********************************************************************
** フッターメニュー付加（foot-left / menu-left）＋調整用 ▼ここから
************************************************************************/
#footer-menu ul li #menu-item-1151.menu-left {
    list-style: none;
    padding: 0;
    line-height:15px;

 display: inline;
  list-style: inside none ;
  color:red;
}

#footer-menu ul li #menu-item-1151.menu-left  a{
  
color:red;
}
#footer-menu   a{
  
color:red;
}

/**▲ここまで***********************************************************/





/* ▼ここから　ヘッダーロゴの位置とサイズ変更 */
@media screen and (max-width: 1250px ){ #header_logo img {margin : -5px 0 0 -15px ;}  .p_catch{ color:red;  z-index: 7;  }}
@media screen and (max-width: 1249px ){ #header_logo img {margin : -5px 0 0 0;  width:280px; height:auto;} }
@media screen and (max-width: 950px   ){ #header_logo img {margin : -5px 0 0 0;  width:240px; height:auto;} .p_catch{ z-index: 7;  } }
/* ▲ここまで　ヘッダーロゴの位置とサイズ変更 */

/* ▼ここから　TOPスライド画像の高さ変更 */
@media screen and (max-width: 2000px ){#index_slider .item { width: 100%;  height: 200px;  width:auto; height:400px;}  #index_slider { width: 100%;  height: 420px; } #index_slider_wrap { background: #6db03c ; } }
@media screen and (max-width: 1249px ){#index_slider .item { width: 100%;  height: 290px; }   #index_slider { width: 100%;  height: 300px; } #index_slider_wrap { background: #6db03c ; }}
@media screen and (max-width: 950px ){#index_slider .item { width: 100%;  height: 240px; }   #index_slider { width: 100%;  height: 250px; } #index_slider_wrap { background: #6db03c ; } }
/* ▲ここまで　TOPスライド画像の高さ変更 */

/* ▼ここから　TOPスライド下の３点画像の高さと文字変更 */
@media screen and (max-width: 3000px ){ #index_box_content .title{ font-size:20px;  font-weight:700;  text-shadow: 3px 2px 10px #336600;}
#index_box_content desc{ line-height:1.6;} }
@media screen and (max-width: 1151px ){ #index_box_content .title{ font-size:17px;  font-weight:900;  text-shadow: 2px 2px 10px  #336600; } #index_box_content .desc p{ font-size:15px; line-height:1.6;  padding:30px 14px 20px; text-align:justify;} }
@media screen and (max-width: 950px ){ #index_box_content .title{ font-size:18px;  font-weight:900; }  #index_box_content desc p { font-size:13px; line-height:1.2;  padding:1px 0px 1px; }   p.title.rich_font{font-weight:500;}  }
/* ▲ここまで　TOPスライド下の３点画像の高さと文字変更 */



/* headline見出しの文字のウエイト変更 */
div.headline{ font-size:25px;height:6px; font-weight: 700; line-height:40px; }
#page_header .headline {  font-size:46px; font-weight: 700;  }


/* ▼ここから　page_headline写真の高さと見出し文字の調整 */
@media screen and (max-width: 1250px ){ #page_header { height: 150px; }   #page_header .headline {  font-size: 30px; font-weight: 700; }   }
@media screen and (max-width: 950px   ){ #page_header { height:  80px; }   }
/* ▲ここまで　page_headline写真の高さと見出し文字の調整整 */


/* ▼ここから　ウィジェット　見出し帯の高さ変更 */
    .widget_headline{ height:36px; font-weight: 700; line-height:40px;  border-radius: 20px 20px 0px 0px; }
/* ウィジェット　写真の隙間変更 */
    .widget_content img  {margin:0 0px 0 3px;  height: auto;  max-width: 95%;}
/* ウィジェット間の隙間変更(検索の欄・複数あり)重要 */
    .clearfix.widget_search {margin: -20px 0px 20px 0px; }
/* ウィジェット間の隙間変更(全体)重要 */
    .widget_content { margin: 0 0 0px 0; }
/* ▲ここまで　ウィジェット　調整 */


/* header border-top color */
#header {border-top: 8px solid #81d742;}  

/* テスト　横幅を広げて表示000 */
@media screen and (min-width:1250px){  

#blog_archive{ width:1250px;}
#main_contents{  width:1250px;  margin:100px auto 150px; }
#main_col{  width:900px; float: left; }

/* 写真の横幅を["wp-image-"］が含まれていれば850→900に */
.wp-block-image img[loading*="lazy"]{ width:1250px;  }

/* テスト固定ページ　本文の幅を広げて表示850→1250に */
#page_no_side { width: 1250px; }

}


@media screen and (min-width:1250px){  
#blog_archive{ width:1250px;}
#main_contents{  width:1250px;  margin:100px auto 150px; }
#main_col{  width:900px; float: left; }

/* 写真の横幅を["wp-image-"］が含まれていれば850→900に */
.wp-block-image img[loading*="lazy"]{ width:1250px;  }

/* テスト固定ページ　本文の幅を広げて表示850→1250に */
#page_no_side { width: 1250px; )
}


/* 2020.12.29naviボタン行間追記 */

#index_box_content .image {
	margin:  5px 0px 0px 0px;
    width: 100%;
    height: 100% !important;
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

#index_box_content .title {
		padding:   -20px;
    font-size: 22px;
    color: #ffffff;
    background: rgba(118,206,30,0.5);
}


#index_box_content .clearfix {
		margin:  50px;
    font-size: 22px;
    color: #ffffff;
    background: rgba(118,206,30,0.5);
}


#page_header { height: 200px;}

/* margin: 60px→30pxに  */
#page_no_side { margin-top: 10px;}

/* mobile_menuモバイル修正中 */
#menu_button:before {
  color:#000; font-family:'design_plus'; display:block; position:absolute; top:0px; bottom:0; left:0px; right:0; margin:auto;
  font-size:24px; width:24px; height:24px; line-height:24px;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}

/* ページ上部へ戻るボタン */
#return_top a { background:#81d742; border-top:1px solid #ddd; display:block; width:100%; height:58px; line-height:58px; text-decoration:none; z-index:100; position:relative; }
#return_top span { text-indent:100%; white-space:nowrap; overflow:hidden; display:block; }
#return_top a:before {
  color:#000; font-family:'design_plus'; content:'\e911'; font-size:14px; display:block; width:14px; height:14px;
  position:absolute; left:0; right:0; top:1px; margin:auto;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
#return_top a:hover { background:#f4f4f4; }
/*▲ページ上部へ戻るボタン */


/* 2020.12.7サイドカラムを削除。アドレス別テストnewsを付加 */

/*#side_col {display: none;}
#main_col {width: 100%!important;}*/

.page-id-253 #side_col {display: none;}
.page-id-253 #main_col {width: 100%!important;}

.page-id-286 #side_col {display: none;}
.page-id-286 #main_col {width: 100%!important;}

.postid-279 #side_col {display: none;}
.postid-279 #main_col {width: 100%!important;}

.postid-300 #side_col {visibility: visible;}
.category-10 #main_col {width:50%!important;}



/* 2020.12.8classにある文字の一部一致。*="文字列"にて実行 */
[class*="archive post-type-archive post-type-archive-news logged-in admin-bar no_site_desc use_mobile_header_fix customize-support"] #side_col{ display: none;}

[class*="archive post-type-archive post-type-archive-news logged-in admin-bar no_site_desc use_mobile_header_fix customize-support"] #main_col {width: 100%!important;}

/* 2020.12.8classにある文字の前半一致。^="文字列"にて実行 */
[class^="news-template-default single single-news postid"] #side_col{ display: none;}

/*   class="news-template-default single single-news postid   */
/*タグ名[属性名="指定したURL"]{/ 適用するCSSの内容 */}*/

ul.post_meta clearfix{:;}
/*  商品一覧のカテゴリー一覧*/




 /* OK カテゴリー一覧の表示枠調節 ipad, iphone  */
@media screen and (max-width:768px){ .blog_list .item { height:300px; background:red;}  }
   
@media screen and (max-width:750px){ .blog_list .item { height:180px; background:pink;} 
.image_wrap {height: 180px; padding:0 0 10px 0; }

}


/*    [class*="category-ctgr-sports"] .title {position:relative; }   */    /* OK 指定文字が含まれるページを実行*/
/* OK 商品名の文字ボックス高さ変更中*/


/* OK 商品番号のみ囲む 検討中！！！！！！*/


/* OK 商品一覧のカテゴリー一覧の商品名の文字サイズ　sport 絞り込み案　*/
/*   [class*="category-ctgr-sports"].blog_list .title_area span {font-size:105px;  font-weight:600; }    */

/* カテゴリ一覧の文字の位置を少し上部へ移動。　*/
 .title_area  { margin-top:-20px; }   

 .blog_list .item { height:180px; } 　 /* カテゴリー枠の色（テストOK）　*/

 .blog_list.title:hover{ color: #ff4f02;}　　　　　  /* オーバー時にオレンジ（テストOK）*/

/*  a[href*="ctgr-sports"] article.item{line-height:1.2em;  background: green; } */
/*  a[href*="sports"]{line-height:1.2em;  background: pink; }*/



/* OK 商品一覧  sport 絞り込み案　*/

/*  a[href*="sports"] h4.title span{line-height:1.0em;  background: pink;  padding:5px; margin:0px; }  */   /* OKサムネイル用 */

/*  a[href*="sports"] p:first-line{line-height:1.2em; background: white; border:2px solid; border-color:red; margin:40px;  }  */   /* OK カテゴリーtop用oo1   display:table; */

/*   a[href*="sports"] span{line-height:1.0em;  background: red;  padding:0px; margin:0px;   border-color:red;  }  */   /* OKウィジット文字用 */


 /* OK カテゴリー番号の前に色のついた●をつける。 */
a[href*="ctgr-pao"] span::before{content:"●"; color: green; }  
a[href*="sports"] span::before{content:"●"; color: blue; }  
a[href*="park"] span::before{content:"●"; color: red; }   

/* テスト20201223〜：ギャラリーの吹き出しのサイズを検討中001 */
/* 書き換えテスト中　〜　souno　20201224  */

.gallery-caption {
  background-color:rgba(0, 0, 0, 0.7);
	color: red;          /* 書き換えテストsouno  #fff  */
	font-size:12px; 
	line-height:1; margin:0; 
	max-height:0%;      /* 書き換えテストsouno 50%  */
   opacity:0;
	padding:0px 0px; 
	margin:-0px 0px; 
	border:10px;
	position:absolute  bottom:90px;  left:-35px;    /* 書き換えテストsouno  absolute  relative  */
	     /* 追加書き換えテストsouno */
           /* 書き換えテストsouno　　　　元はbottom:0; 　　 */
	bottom:0; text-align:center; 
	z-index:5; 
	width:10%;
 
}


/*ここから　 吹き出し書き加えテスト中　〜　souno　20201224    dt.gallery-icon landscape     */
.gallery-caption {
  position: relative;
  display: inline-block;
  margin: -70px;
  padding: 0px;
  min-width: 150%;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px red;
  box-sizing: border-box;
  border-radius: 15px;
	width:100%;
	
}

.gallery-caption :before {
  content: "";
  position: absolute top: -24px center: 0%;
  margin-left: -4px;
  min-width: 150%;
  border: 12px solid transparent;
  border-top: 10px solid #fff;
	z-index:2;
}

.gallery-caption:after {
  content: "";
  position: absolute  top: -100px  center: 0%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 20px solid red;
  z-index:1; 
}

.gallery-item {
    FONT-WEIGHT: 600;
    float: right;
     margin: 0 0px 0px 0; 
    overflow: visible;
    position: absolute top: -50px  ;
}


/* ここまで　書き換えテスト中　〜　souno　20201224  */

/* ▲ここまで　テスト20201223〜：ギャラリーの吹き出しのサイズを検討中001 */


/* ▼ここから　テスト20210105〜：納入実績の表と文字の調整 */
@media screen and (max-width:250px) {
.post_content td, .post_content th {
    border: 1px solid red;
    padding: 10px 0px; 
background-color: #00FF00; /*緑色*/

   }
}

/* ▲ここまで　テスト20210105〜：納入実績の表と文字の調整 */

/*ウィンドウ幅が最大479pxまでの場合に適用*/
@media screen and (max-width: 479px) { 
border: 1px solid #ccc;
background-color: #00FF00; /*緑色*/
}
}


