/* 2020.11.27追記souno */
/* 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; /* 横方向中央揃え */
}

/*********************************************************************************************
** 途中　.child_menu_botton {  background: red;  padding:40px 40px 0px 0px;}
**********************************************************************************************/
.child_menu_botton {  background: red;  padding:40px 40px 0px 0px;}
/*********************************************************************************************



/* 　GOTO TAIKI  小見出し 260625 */

.gt-mds-01 {  font-size:25px; font-weight: 700;  color:#777;  border-radius: 30px 30px 0 0;  border: 0px solid #fff!important; 
  }


** 表の調節よこ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;
}

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

.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用（透明） **/

 .gt-1grid-bg td,.gt-2grid-bg td,.gt-3grid-bg td {  /** グリッド外枠1〜4用（透明） **/
      padding:0px 0px 0px 0px;
      vertical-align: top;
      border: 0px solid;
      background: transparent ;
    }

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

.gt-0grid th p, .gt-1grid th p, .gt-2grid th p, .gt-3grid th p{  display: block;  content: "";  margin: 2px 2px -12px 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-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-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: 30;  position: relative;
       }

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

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

 .gt-0grid  th, .gt-1grid  th, .gt-2grid  th, .gt-3grid  th {  position: relative; }
   .gt-0grid tr .cptn p, .gt-1grid tr .cptn p, .gt-2grid tr .cptn p, .gt-3grid 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,  { 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:4px 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:5px; 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:160px; background:pink; }   }


/*    [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:280px; background:    ; } 　 /* カテゴリー枠の色（テスト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; /*緑色*/
}
}