/*1024px以上*/
@media screen and (min-width:1024px) 
{
		/*ヘッダーメニューとスライダー間の余白を消す*/
		.content-top, .content-bottom {
			 margin: 0em 0; !important;
		}
}

/*1300px以上*/
@media screen and (min-width: 1300px){
		/*--------------------------------
		目次
		--------------------------------*/	
			.toc {
			border: 0px solid #ccc;
			font-size: 1rem;
			font-weight: 300;
			padding: 1em 0em;
			display: table;
		}
	
			.search-box {
				width:100%; 
				display: inline-block;left:5px;top:25px;
			}
			input::placeholder{
				font-size:0.75em;/*「サイト内を検索」の文字サイズ*/
			}
			.search-edit{
				border-radius:10px;/*検索ボックスの角のまるさ*/
				height:30px;
			}
			.search-submit{
				top:0px;
				line-height:1.6em;
				bottom:0;
			}
			.search-submit:hover::before{
				color:#ffbc00;/*検索ボタンホバー時の色*/
			}

			.add-header-contents{display:inline-block;top:5px;bottom:0;left:2px;right:2px;margin:2px;
			}
			.fixed-header{
				top:0px；
			}
			.related-entry-card-snippet, .entry-card-snippet {
				line-height:1.6em;
			}

			/*ブログカードの上下余白はスマートフォンとPC分ける*/
			.blogcard {
			margin-bottom:12px; width:100%;margin-top:5px;font-weight: 500;
			}
				/*ヘッダーの高さを指定する*/
			.header-container-in.hlt-top-menu {
				height:90px;
			}
			.fz-14px{
			font-size:1.0rem;line-height:1.6em;color:#000;
			}
			.home.page .entry-title{
			font-size: 1em;
			font-weight: 500;line-height:1.6em;
		}
				/*ヘッダー一番上左の検索窓「検索」文字消す*/	
				.search-menu-caption.menu-caption{display:none;}
	
			.article h1 {
		  margin-top:45px;
		  padding-top: 10;
		}
			/* 見出し2 */
		.article h2{
			background:none;
			padding:0;margin:0;
			border-top: 25px solid #ffffff;
			border-bottom: 15px solid #ffffff;
			font-size: 1.1em !important;
			font-weight: 600;
		}

		.entry-title-primary{font-size: 1.1rem;}
		.subtitle{font-size: 1.0rem;font-weight:500;line-height:1.8rem;}

}


/*1299px以下*/
@media screen and (max-width: 1299px){
			.search-box {
				width:100%; 
				display: inline-block;left:5px;top:25px;
			}
			.content-in {
				 flex-wrap: nowrap; 
			}
		.search-menu-button.menu-button{
			right:5px;top:3px;
			}
			input::placeholder{
			display: none;
			}	
			.add-header-contents{
			display: none;
			}
		/************************************
		**モバイルスライドインメニュー
		************************************/
		span.fas.fa-times::before{
		font-family: "Font Awesome 5 Free";
		content: "\f00b";
		color:#000;
		}
		/*--------------------------------
		目次
		--------------------------------*/	
			.toc {
			border: 0px solid #ccc;
			font-size: 0.8rem;
			font-weight: 300;
			padding: 1em 0em;
			display: table;
		}

		/************************************
		**モバイルスライドインメニュー終わり
		************************************/

		/*ブログカードの上下余白はスマートフォンとPC分ける*/
	    .blogcard {margin-bottom:8px; width:100%;margin-top:2px;}

		  main.main,
		  div.sidebar {
			padding-top: 5px;
			margin-top: 0px;
			border-width: 0;
			font-size: 1.0em;
			font-weight: 300;
			/*line-height:1.8rem;*/
			color:#000;
		  }
		  .blogcard-title{
			font-size: 1em;
			font-weight: 500;
			color:#000; 
		  }
	.site-logo-image.header-site-logo-image{
			display:none;
		  }
	

		/*タイトルの文字の大きさ変更*/		
			.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
				line-height: 1.6em;
			}
		/*タイトルの文字の大きさ変更*/		
			.article h1 {
				font-size: 1.2rem;
				font-weight: 600;
				line-height: 1.6em;
				margin-top:40px;
			}
		/* 見出し2 */
		.article h2{
			background:none;
			padding:0;margin:0;
			border-top: 25px solid #ffffff;
			border-bottom: 15px solid #ffffff;
			font-size: 1.1em !important;
			font-weight: 600;
		}
			#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium 		.sbi_header_text h3 {
			font-size: 1em;
			font-weight: 600;
		}
	
		/*「関連記事」を非表示*/
		.related-entry-main-heading.main-caption{display:none;}
		.related-entry-card-thumb-image.card-thumb-image.wp-post-image{
		  border-radius: 10px;
		  width: 200px;
		  height: 80px;
		  object-fit: cover; 
		  border: dashed 1px silver; align-content;		 
		}
		/*ブログカードの文字の大きさを変更*/
			.blogcard-snippet {
			 font-size: 1em; 
		}	
		/*	.logo-menu-button img {
			display:none;
		}*/
			.fz-14px{
		font-size:1em;line-height: 1.6em;
		}
			/*本文の行間を調整する*/
		.entry-content>*, .demo .entry-content p {
			 line-height: 1.8rem; font-size: 1em;
		}
			.home.page .entry-title{
			font-size: 1em;line-height: 1.6em;
			font-weight: 600;
		}
	.search-menu-caption.menu-caption{font-size: .8rem;color:#fff;right:5px;top:3px;}
	.entry-title-primary{font-size: 1.1rem;}
	.subtitle{font-size: 1.0rem;font-weight:500;}
}



/*1023px以下*/
@media screen and (max-width: 1023px) 
{
				.entry-card-thumb-image.card-thumb-image.wp-post-image{
				  width: 100px;
				  height: 100px;
				  object-fit: cover; 
				  border: dashed 1px silver; align-content;
				}
				/*スマホスライダートップの余白をとる*/
				.content-top, .content-bottom {
					margin: -25px  0 0 0;
				}
				.footer-bottom{
				font-size:11px;
				}
				.navi-footer-in a{
				font-size:12px;
				}
				.mobile-header-menu-buttons {
				box-shadow: 0 0 0px darkgrey;
				}

			a:where(:not(.wp-element-button)) {
			text-decoration:none;
		}
				.navi-menu-content.menu-content{
			font-size:1.0em;color:#000;line-height: 1.6em;
			}
					/*ヘッダー一番上左の検索窓リストマークを消す*/
					/*.search-pc-button.pc-button{display:none;}*/
					/*ヘッダー一番上左の検索窓「検索」文字消す*/	
					/*.search-menu-caption.menu-caption{display:none;}*/
}



/*834px以下*/
@media (min-width: 590px) and (max-width: 834px) 
{
				.navi-footer-in > .menu-footer {
				  flex-wrap: nowrap;
				}
				.gt_selector.notranslate{top:10px}
	
			.article h1 {
				line-height: 1.4em;
				margin-top:20px;
			}
			/*--------------------------------
		目次
		--------------------------------*/	
			.toc {
			border: 0px solid #ccc;
			font-size:0.8rem;
			font-weight: 300;
			padding: 1em 0em;
			display: table;
		}
		.entry-title-primary{font-size: 1.0rem;}
		.subtitle{font-size:0.9rem;font-weight:500px;}
}


/************************************
**共通css
************************************/

		body,h2,h3,h4,h5{
		font-family:"メイリオ","Meiryo",Verdana ;
		}

		body{
			font-weight: 300;
			font-style: normal;
			line-height:1.6em;
		}

		.logo-menu-button img {
			width: 100px;
		}
		
		.main {
			width: 860px;
			padding: 0px 15px;
		}

		/*日付*/
		.post-date{
			font-size:0.9em;
		}
		/*サイドバーのタイトルを非表示*/
		.widget-sidebar-scroll-title.widget-title{
			display: none;
		}

		/*--------------------------------
		固定ページの日付を消す
		--------------------------------*/
		.post-3969 .date-tags,.post-8782 .date-tags,.post-8791 .date-tags,.post-767 .date-tags,.post-8789 .date-tags,
		.post-10732 .date-tags,.post-10754 .date-tags,.post-10769 .date-tags,.post-10756 .date-tags,
		.post-10767 .date-tags,.post-10758 .date-tags,.post-10752 .date-tags,.post-10750 .date-tags,
		.post-10732 .date-tags,.post-10748 .date-tags,.post-10744 .date-tags,.post-10746 .date-tags,
		.post-10774 .date-tags,.post-00000 .date-tags{
		display: none;
		}
		/*--------------------------------
		固定ページの日付を消すend
		--------------------------------*/
		/*--------------------------------
		カテゴリーのカスタマイズ
		--------------------------------*/
		.widget_categories ul li a{
		  border-bottom: dotted 2px  #CCCCCC;
		}
		.menu-item{
		 /* border-bottom: dotted 1px  #CCCCCC;ヘッダーメニューの下の棒線を消す*/
		}
		.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
		  font-family: "Font Awesome 5 Free"; /*バージョン指定*/
		 /* content: "\f5ce"; /*FontAwesomeのユニコード*/
		  content: "\f105";
		  color: #000; /*色*/
		  padding-right: 6px; /*右側空間*/
		  font-weight: 600; /*太さ*/
		}
		.top_category{
			margin:0px;padding: 0px;
			list-style-type:none;
			text-align:center;
		}
		/*カテゴリー一覧ページのアイキャッチ画像を表示しない*/
		img.eye-catch-image.wp-category-image{display:none;}
		/*--------------------------------
		/* ブログカード */
		--------------------------------*/
		.internal-blogcard::after{
			position: absolute;
			bottom: .5rem;
			margin-top: 20px;	margin-bottom: 15px;
			padding: 3rem 3rem;
			color: #fff; /* 内部リンク右下枠の文字色 */
			border-radius: 2px;
		}
		/*.blogcard-domain.external-blogcard-domain{display:none;}*/
		/*ブログカード、下のnogibota.comを消す、左に寄せる（幅を100％にする）、ボトムに空間をつくる*/
		/*.blogcard-site {
		  display: none;
		}*/
		.blogcard-wrap { width:100%;}
		strong.toc-content{font-weight:500;}
		 /*.cat-item{font-size: 1rem;}*/
		.blogcard-snippet {
			/*font-size: 100%; */
			/*line-height:1.4em;*/
		}
		/*--------------------------------
		Instagram Feedのサムネイル画像を丸くする
		--------------------------------*/
		#sb_instagram #sbi_images .sbi_item{border-radius:200px;} 
		/*--------------------------------
		目次
		--------------------------------*/
		.toc-list {
		  list-style: none;
		}
		/*目次のリンクからジャンプする位置を調整する*/
		:target::before {
			content:"";
			display:block;
			height:170px;       /* 移動する距離*/
			margin:-60px 0 0;  /* heightのマイナス値と0　0 */
		}

		/* 目次アイコン */
		.toc-title {
		  background-image: url(https://www.nogibotanical.com/wp-content/uploads/indexrogo-2.bmp);
		  background-repeat: no-repeat;
		  text-align:right;
		  background-position: left top;
		  height:80px;
		  color:#ffffff;
		}
		/*トップページのタイトルを消す*/
		.home.page .entry-title{
		  display: none;top:0px;
		}
		/*ライブラリのトップページのタイトルを消す*/
		.page-id-3969 h1.entry-title{
		display:none;
		}
		/*フロント固定ページの投稿日を非表示*/
		.home.page .date-tags{
		  display: none;top:0px;
		}
		/*フロント固定ページの投稿日の位置を右寄せに調整*/
		.home.page.entry-date{
		  right:3px;
		}
		/*フロント固定ページの更新日を非表示*/
		.home.page .post-update{
		  display: none;top:0px;
		}

		/*管理画面の「サイト名：サプリメントショップノギボタニカル...」を非表示*/
		#wp-admin-bar-site-name{
		  display: none;
		}
		/*カテゴリー別ページのタイトル*/
		.archive-title{
			font-size: 1.1em;
			font-weight: 500;
		}


		.attachment-alm-thumbnail.size-alm-thumbnail.wp-post-image{
			float:left;
			border-radius: 10px;
			height: 100px;
			width: 100px;
			margin-right:20px;
			margin-top:20px;
		}

		/*カテゴリー別ページの各記事のサムネイル*/
		.entry-card-title.card-title.e-card-title{
			line-height:1.6em;
			font-weight: 600;
			font-size: 1em;
		}

		.cat-label {
			display: none;
		}

		/*各ページの表題を非表示*/
		.site-name-text{display:none;}

		.alm-top-list{
		top:5px;
		line-height:1.8em;
		font-size:14px;
		}

		.alm-clear{
			clear:both;
		}
		/*「関連記事」を非表示*/
		.related-entry-main-heading.main-caption{display:none;}
		.related-entry-card-thumb-image.card-thumb-image.wp-post-image{
		  border-radius: 10px;
		  width: 200px;
		  height: 80px;
		  object-fit: cover; 
		  border: dashed 1px silver; align-content;		 
		}


		/*記事タイトルの文字の大きさを変更（PCサイズ）*/
			.article h1{
			font-size: 1.2em;
			font-weight: 600;
			line-height:1.2em;
			}

		.article h3 {
			font-size: 1em;
			font-weight: 400;
			border-left: 0px;
			border-right: 0px; 
			border-top: 0px; 
			border-bottom: 0px;
		}
		.article h4 {
			border-top: 0px solid #ddd;
			border-bottom: 0px solid #ddd;
			font-size: 0.95em;
			font-weight: 200;
		}
		.article h5 {
			padding-bottom:10px;padding-top: 8px;border:0px;
			font-size: 0.9em;
			line-height:1.6em;
			font-weight: 200;
		}
		.article h6 {
			font-size: 0.8em;
			padding: 0px;
		}
		.widget_pageContent.entry-body{
	        margin:10px;
		}
		.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {line-height:1.4em;}

		.header-container-in.hlt-top-menu .logo-header img{max-height:90px;height:auto;}

		.entry-title-primary{font-weight: 550;}

		/*--------------------------------
		画像キャプション
		--------------------------------*/
		/* 画像キャプション内で改行を反映 */
		.wp-caption .wp-caption-text, .gallery .gallery-caption {
			font-size: 0.9em;line-height:1.4rem;
			margin-top: 0px;padding-bottom: 2px;padding-top: 2px;margin-left:5px;
		}
		.wp-caption img {
			padding-bottom:0.1rem;margin-left:0rem;;
		}
		/* 画像キャプションの左側に入るマージンを解除 */
		.article dd { margin-left: 0px;	padding-top:1em;}
		/* 画像キャプションの文字の大きさを変更 */
		.wp-caption {	
			margin:0.5px;
			border: 0px;
			border-radius: 3px;
			background-color: white;
			max-width: 100%;
		}

		/* 管理画面表示用--画像キャプションの文字の位置を変更 */
		.wp-caption-dd {
			font-size: 0.9em;
			margin:0.5px;
			border: 0px;
			border-radius: 3px;
			background-color: white;
			max-width: 100%;
		}

		.nocaption {	
			margin-left:5px;margin-top:10px;margin-bottom:3px;
			border: 0px;
			border-radius: 3px;
			/* max-width: 100%;*/
		}

		.box {
			margin: 0.5em;
			padding: 1em;
			border-radius: 10px;
			box-shadow: 0 0 0 10px #faf0e6;
			border: 2px dashed #555555;
			background-color: #ffffff;    max-width: 100%;
		}

		.related-entry-card-title, .entry-card-title {
			font-weight: 500;
		}


	   .blogcard-snippet.internal-blogcard-snippet{
			font-size: 0.9em;
		}
		/*固定ページ上部の余白を消す*/
		#main {
		  margin-top: 0;
		}
		.content {
		  margin-top: 10;
		}

		.entry-card-content {
			margin-left:0px; !important;
		}

		/*「カテゴリーページの画像の大きさを変更する*/
		.category .entry-card-thumb {
		  width: min(38%, 200px);
		  height: min(38%, 100px);
		}

		/*管理画面左上のブロックメニューを消す*/
		.components-popover.block-editor-block-popover .components-popover__content {
			display: none;
		}

		/*ヘッダーメニューの文字をかえる*/
		#navi .navi-in a, #navi .navi-in a:hover {
			text-decoration:underline;
			font-size:0.8em;
			color: #383838;
		}

		/*検索窓*/
		.search-menu-content,.share-menu-content,.follow-menu-content{top:0%;}

		/*トップページのメインコンテンツのみメインコンテンツの位置を下げる*/
		.entry-content {
			margin-top: 2rem; 
			margin-bottom: 0em; 
		}

		/*カテゴリの外枠の大きさを変更*/
		a.cat-link {
			color: #000;
			text-decoration: none;
			display: inline-block;
			margin-right: 5px;
			padding: 1px 1px;
			font-size: 12px;
			background-color: var(--cocoon-white-color);
			border-radius: var(--cocoon-badge-border-radius);
			word-break: break-all;
		}

		/*本文上のカテゴリ表示　行間を調整*/
			.entry-categories{line-height:1.2rem;}

		/*翻訳メニューの改行を制止*/
		.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a, .widget_block ul li a {
			display: inline-block;
		}

		/*ヘッダー一番上の乃木生薬リンク*/
		.header-nogi-link{
		   text-align: center;
			padding-top: 0.5rem;
			margin: 0;
			letter-spacing: .0rem;
			font-size:.8rem;
			border-bottom: .1rem solid;color:#d3d3d3;
		}
		.header-nogi-link a{
		  color:#000;
			transform: translate(2px, 2px);
		}
		.header-nogi-link:hover{
			transform: translate(2px, 2px);
		}

			/*ヘッダー一番上左の検索窓リストマークを消す*/
				.search-pc-button.pc-button{list-style: none;}


			/*トップページ新着記事の日付表示*/
			.new-entry-card-date{
		  display: flex;    float: right;
			}

		.cat-link:hover {
		 opacity: 0.5;
		color: #000;
		}

		strong{font-weight:550;font-size:1.05rem;padding-bottom: 5;line-height:1.1rem;}

	
		.new-entry-card-title.widget-entry-card-title.card-title{font-weight:550;}
		/*.new-entry-card-content{ text-decoration:underline dotted gray;}*/


/************************************
**共通cssここまで
************************************/


/************************************
**管理ページwp-adminここから
************************************/
		/**管理バー　フロントの「編集ガイド：SHOW」消す***/
		#wp-admin-bar-veu_disable_admin_edit{display:none;}
		#wp-admin-bar-comments{display:none;}
		.hide-if-no-customize{display:none;}
		#wp-admin-bar-updraft_admin_node{display:none;}
		/************************************
		**User Role Editor⇒固定ページ⇒エディター⇒「他のユーザーの固定ページ」編集のチェックをはずして編集権限を調整する。
		**wordpress 管理画面の追加cssは、/public_html/nogibota.com/wp-content/themes/cocoon-master/admin.cssに集約した。*/
/************************************
**管理ページwp-adminここ
************************************/