/*
Theme Name: Yakuji Nippo 20240619
Theme URI: https://www.yakuji.co.jp/
Description: Yakuji Nippo
Author: YakujiNippo LTD
*/

/*
---------------------------------------------------------------------
薬事日報ウェブサイト　基本スタイルシート
製作者：株式会社 薬事日報社
更新日2024年06月19日
バージョン：0.02
---------------------------------------------------------------------
*/


/* リセット
---------------------------------------------------------------------*/

@charset "utf-8";

*{margin: 0; padding: 0;}

a {text-decoration: none;}
ul,ol {list-style: none;}
img {vertical-align: top;}


/* サイト横幅最大値、センタリング、URL等の長い英数字の改行、-webkit-text-size-adjust
---------------------------------------------------------------------*/

body {
	max-width: 1020px;
	margin: 0 auto;
	word-wrap: break-word;
	-webkit-text-size-adjust: 100%;
	}


/* フルードイメージ（Fluid Image）
---------------------------------------------------------------------*/

img {
	max-width : 100% !important;
	height : auto !important;
	border-style: none;
	image-rendering: -webkit-optimize-contrast;
	} /* Chromeでの縮小画像が他のモダンブラウザに比べてぼやけて表示される問題をimage-renderingプロパティで対応（ただし、2022年04月27日時点ではベンダープレフィックスで対応） */


/* タイポグラフィ（文字周り）
---------------------------------------------------------------------*/

html {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 100%;
line-height : 1.5;}


/* h1〜h6　フォントサイズと行の高さ
---------------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 { margin-bottom : 24px}

h1 {
font-size: 48px;
line-height: 1;} /* 48px */

h2 {
font-size: 36px;
line-height : 1.3333;} /* 48px */

h3{
font-size: 24px;
line-height : 1;} /* 24px */

h4,h5,h6 {
font-size: 16px;
line-height : 1.5;} /* 24px */

.hgroup h1 {
font-size: 12px;
line-height : 1.0909;} /* 12px Exception　ヘッダーの題字下のキャッチフレーズ・h1（トップページのみで使用） */


/* catchphrase　フォントサイズと行の高さ
---------------------------------------------------------------------*/

.catchphrase {
font-size: 12px;
line-height : 1.0909;} /* 12px Exception　ヘッダーの題字下のキャッチフレーズ・クラス：catchphrase（トップページ以外で使用） */


/* ヘッダー　テキストを中央揃え　余白　題字とメニューの枠（薬事日報ウェブサイト用に編集）
---------------------------------------------------------------------*/

#header { text-align : center;padding-top : 2px;}
#header h1 { color : #999;margin-bottom : 8px;margin-top : 6px;}
#header .catchphrase { color : #999;margin-bottom : 8px;margin-top : 6px;}





/* コンテンツ
---------------------------------------------------------------------*/

#contents {
width: 94%;
margin: 0 auto;
text-align: left;}
#contents p {
margin-bottom: 16px;
text-align: left;}
#contents img {
margin-bottom: 8px; 
box-shadow: 0 0 0 #999;} /* 薬事日報ウェブサイト用 */


/* フッター　background : url(../images/footer_bg.png)}
---------------------------------------------------------------------*/

#footer {
color: #333;
text-align: center;
padding: 12px 4px 12px 4px;
font-size: 14px;
line-height: 1.5;} /* 24px Exception */


/* ブレイクポイント（Break Point）
---------------------------------------------------------------------*/

/* 768px */
@media screen and (min-width: 768px){
#contents { text-align: left;}
}

/* 1040px */
@media screen and (min-width: 1040px){
html { font-size: 16px;}
.nav ul {
width: 1020px; /* 1020/1040 */
margin: 0 auto;}
#contents {
overflow: hidden;
width: 1020px;} /* 1020/1040 */
#contents #main,
#contents #sub {
float: left;
margin: 0 10px;} /* 10/1020 */
#contents #main { width: 680px;} /* 680/1020 */
#contents #sub { width: 300px;} /* 300/1020 */
#footer {
width: 1020px; /* 1020/1040 */
padding: 0;
margin: 0 auto;}
}



/* グリッド画像の配置（作業用）
---------------------------------------------------------------------*/

/* 
html {
font-family: verdana, sans-serif;
font-size: 100%;
line-height: 1.5;
background: url(../images/960_grid_12_col.png) repeat-y top center;}
 */




/* 追加（ここ以下が追加）
---------------------------------------------------------------------*/


/* 追加　ナビゲーションバー　フッター（PC）
---------------------------------------------------------------------*/

#footer .nav-footer ul li { width: 25%; float : left;}
#footer .nav-footer ul li a { display: block;}

#footer .nav-footer {
margin-bottom: 12px;
background-color: #003;
}

#footer .nav-footer ul { overflow: hidden;}

#footer .nav-footer ul li a { display: block; padding: 12px 0;}

#footer .nav-footer ul li a {
display: block;
color: white;
padding: 12px 0;}

#footer .nav-footer ul li a:hover {
color: #f93;
background-color: #003;}

#footer .nav-footer {
font-size: 16px;} /* footer nav Only */




/* 追加　ナビゲーションバー　フッター（モバイル　mobile）
---------------------------------------------------------------------*/

#footer .nav-footer-mobile {
font-size: 16px;
margin-bottom: 12px;
background-color: #003;
}

#footer .nav-footer-mobile ul {
	line-height: 2.4;
}

#footer .nav-footer-mobile ul li a {
color: white;
}

#footer .nav-footer-mobile ul li a:hover {
color: #f93;
}




/* 追加　class
---------------------------------------------------------------------*/

/* 骨格（親子関係のルールはない） */

.hgroup {
	padding: 0;
	margin: 0 0 0 5px;
	text-align: left;
	} /* ヘッダーの題字下のキャッチフレーズ周り */

.article {
	margin: 10px 0 20px 0;
	padding: 0;
	} /* 記事であることを示す */

.aside {
	margin: 10px 0 20px 0;
	padding: 0;
	} /* 余談・補足情報のセクションであることを示す */

.section {
	margin: 10px 0 15px 0;
	padding: 0;
	} /* １つのセクションであることを示す。現時点では使用せず。HTML5化の際にタグ化して使用する。 */


/* 個別（親子関係のルールはない） */

.category {
	margin: 0;
	padding: 0;
	}


/* カテゴリーページ、アーカイブページ、タグページ、検索結果ページなど専用　サブタイトル部分（トップページ、記事ページ、固定ページ以外） */
/* 「.category-list」とfont-size以外同じ */
.category h1 {
	border-left: 8px solid #003;
	margin: 0 0 24px 0;
	padding: 5px;
	font-size: 23px;
	color: #000;
	font-weight: bold;
	background-color: #eee;
	line-height: 1.4;} /* 24px Exception */

/* タグページ専用h2　記事タイトル部分 */
.category h2 {
	border-bottom: solid 1px #999;
	margin: 0 0 12px 0;
	padding: 5px;
	font-size: 23px;
	color: #000;
	font-weight: bold;
	line-height: 1.4;} /* 24px Exception　薬事日報ウェブサイト用 */

/* タグページ専用h3　カテゴリー部分 */
.category h3 {
	margin: 0 0 23px 0;
	padding: 0;
	font-size: 15px;
	text-align: right;
	line-height: 1.0;} /* 24px Exception　薬事日報ウェブサイト用 */


/* 全カテゴリー用、「.category h1」とfont-size、margin以外同じ */
.category-list {
	border-left: 8px solid #003;
	margin: 0 0 16px 0;
	padding: 5px;
	font-size: 18px;
	color: #000;
	font-weight: bold;
	background-color: #eee;
	line-height: 1.4;} /* 24px Exception */




.title-top {
	margin: 0;
	padding: 0;}


/* トップページ専用　タイトル部分 */
.title-top h2 {
	border-bottom: solid 3px #999;
	margin: 0 0 12px 0;
	padding: 5px;
	position: relative;
	font-size: 23px;
	color: #000;
	font-weight: bold;
	line-height: 1.4;} /* 24px Exception　薬事日報ウェブサイト用　1色下ラインに戻す時は「position」を取る */

.title-top h2:after {
	padding: 5px;
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #003;
	bottom: -3px;
	left: 0;
	width: 84%;} /* 2色下ライン追加用 */




.title {
	margin: 0;
	padding: 0;}


/* 記事ページ、固定ページ専用　タイトル部分 */
.title h1 {
	border-bottom: solid 3px #999;
	margin: 0 0 12px 0;
	padding: 5px;
	position: relative;
	font-size: 23px;
	color: #000;
	font-weight: bold;
	line-height: 1.4;} /* 24px Exception　薬事日報ウェブサイト用　1色下ラインに戻す時は「position」を取る */

.title h1:after {
	padding: 5px;
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #003;
	bottom: -3px;
	left: 0;
	width: 84%;} /* 2色下ライン追加用 */




.text {
	margin: 15px 0 0 0;
	padding: 0;}






.time {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 15px;
	text-align: right;
	line-height: 1.0;} /* 24px Exception　薬事日報ウェブサイト用 */

.time-list {
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 15px;}


.nav-previous-next01 {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.4;} /* 24px Exception */


.nav-previous01,.nav-previous01 a,.nav-previous01 a:visited,.nav-previous01 a:hover,.nav-previous01 a:focus {
	margin: 6px 0;
	padding: 0 12px;
	float: left;
	text-align: center;
	background-color: #eee;
	}


.nav-next01,.nav-next01 a,.nav-next01 a:visited,.nav-next01 a:hover,.nav-next01 a:focus {
	margin: 6px 0;
	padding: 0 12px;
	float: right;
	text-align: center;
	background-color: #eee;
	}


.pan {
	margin: 14px 0 0 0;
	padding: 0;
	color: #666;
	font-size: 15px;} /* 薬事日報ウェブサイト用 */


.item {
	margin: 0;
	padding: 0;
	border-style: none;
	}


.icon {
	margin: 0 25px 0 0;
	padding: 0;
	vertical-align: middle;
	border-style: none;
	}


.ad {
	margin: 0;
	padding: 0;
	}

.ad-text01 {
	margin: 0 0 8px 16px;
	padding: 0;
	font-size: 15px;
	color: #666;
	} /* 薬事日報ウェブサイト・テキスト広告用 */

.ad-text02 {
	margin: 0 0 16px 0;
	padding: 0;
	font-size: 15px;
	text-align: right !important;
	color: #666;
	} /* 薬事日報ウェブサイト・特設ページ用 */

.ad-text-cancel {
	display: inline-block;
	} /* 薬事日報ウェブサイト・特設ページ用　PolymorphicAds　デフォルトのセンタリングを解除（＝左寄せ） */

.ad-text03 {
	margin: 0 0 0 12px;
	padding: 0;
	font-size: 15px;
	color: #666;
	font-weight: lighter !important;
	} /* 薬事日報ウェブサイト・おすすめ情報用 */


.more {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 2.2;
	text-align: right;
	border-style: none;
	}


.right {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 2.2;
	text-align: right !important;
	border-style: none;
	} /* .moreと同じ */


.center {
	text-align: center !important;
	} /* 広告、サブスクリプションページ、センタリング用 */


.more-link {
	margin: 6px 0 12px 0;
	padding: 6px 0;
	float: left;
	width: 100%;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	display: block;
	background-color: #eee;
	}


.btn01 {
	margin: 6px auto 12px auto;
	padding: 6px 0;
	width: 100%;
	font-size: 15px;
	line-height: 1.4;
	text-align: center;
	display: block;
	background-color: #eee;
	}


.copyright {
	margin: 0;
	padding: 6px 0 0 0;}


/* 追加　基本　★リセットの部分、タイポグラフィ（文字周り）との調整が必要★
---------------------------------------------------------------------*/


#contents {
	color: #333;
	}


/*------------------------------------------------------------
1、align・・・文字の横位置
-------------------------------------------------------------*/

.al-c{ text-align: center; }/*中央寄せ*/
.al-r{ text-align: right; }/*右寄せ*/
.al-l{ text-align: left; }/*左寄せ*/


/*------------------------------------------------------------
6、font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

.f08px{ font-size: 8px!important; }
.f09px{ font-size: 9px!important; }
.f10px{ font-size: 10px!important; }
.f11px{ font-size: 11px!important; }
.f12px{ font-size: 12px!important; }
.f13px{ font-size: 13px!important; }
.f14px{ font-size: 14px!important; }
.f15px{ font-size: 15px!important; }


/*------------------------------------------------------------
7、color・・・フォントカラーの設定
-------------------------------------------------------------*/

.red{ color: #ff0000!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #666!important; }/*灰*/
.white{ color: #fff!important; }/*白*/



/*------------------------------------------------------------
7、margin・・・マージンの設定
-------------------------------------------------------------*/

.m-t10px {
	margin: 10px 0 0 0;
	}

.m-t15px {
	margin: 10px 0 0 0;
	}

.m-t20px {
	margin: 10px 0 0 0;
	}

.m-t25px {
	margin: 10px 0 0 0;
	}

.m-t30px {
	margin: 10px 0 0 0;
	}

.m-t35px {
	margin: 10px 0 0 0;
	}

.m-t40px {
	margin: 10px 0 0 0;
	}

.m-t45px {
	margin: 10px 0 0 0;
	}

.m-t50px {
	margin: 10px 0 0 0;
	}


.m-b10px {
	margin: 10px 0 0 0;
	}

.m-b15px {
	margin: 10px 0 0 0;
	}

.m-b20px {
	margin: 10px 0 0 0;
	}

.m-b25px {
	margin: 10px 0 0 0;
	}

.m-b30px {
	margin: 10px 0 0 0;
	}

.m-b35px {
	margin: 10px 0 0 0;
	}

.m-b40px {
	margin: 10px 0 0 0;
	}

.m-b45px {
	margin: 10px 0 0 0;
	}

.m-b50px {
	margin: 10px 0 0 0;
	}








em,strong {
	font-weight: bold;
	}


a {
	color: #000080;
	}

a:link {
	color: #000080;
	}

a:visited {
	color: #000080;
	}

a:hover {
	color: #c60;
	}


#footer a:link {
	color: #333;
	}

#footer a:visited {
	color: #333;
	}

#footer a:hover {
	color: #333;
	}


/* 元のh3 */
.text h2 {
	clear: both;
	border-bottom: solid 1px #999;
	margin: 0 0 16px 0;
	padding: 5px;
	font-size: 21px;
	color: #000;
	font-weight: bold;
	line-height: 1.4;} /* 24px Exception　薬事日報ウェブサイト用 */


/* 元のh4 */
.text h3 {
	clear: both;
	margin: 0 0 16px 0;
	padding: 5px;
	font-size: 19px;
	color: #000;
	font-weight: bold;
	line-height: 1.4;} /* 24px Exception　薬事日報ウェブサイト用 */


/* 元のh5 */
.text h4 {
	clear: both;
	margin: 0 0 16px 0;
	padding: 5px;
	font-size: 17px;
	color: #444;
	font-weight: bold;
	line-height: 1.4;} /* 24px Exception　薬事日報ウェブサイト用 */




hr {
	margin: 0 auto 16px auto;
	width: 100%;
	border: dotted #666;
	border-width: 1px 0 0 0;
	height: 1px;
	overflow: hidden;
	clear: both;
	} /* 薬事日報ウェブサイト用 */


/* 追加　ul　ol　li（list-style:url(/images/ul_arrow_01.jpg);　background-repeat:no-repeat;）
---------------------------------------------------------------------*/

#contents ul,ol {
	margin: 0 0 16px 12px;
	padding: 0;
	line-height: 1.5;} /* 24px　　薬事日報ウェブサイト用 */

#contents li {
	margin: 0 0 12px 0;
	}


.text ul,.text ol {
	margin: 0 0 16px 28px !important;} /* 本文内のみ左マージン調整（olで二桁の場合リストの数字の10の位が見切れる為、28pxで調整）　薬事日報ウェブサイト用 */

.text ul li {
	list-style-type: square;} /* 本文内のみリスト先頭にマーカー文字表示　薬事日報ウェブサイト用 */

.text ol li {
	list-style-type: decimal;} /* 本文内のみリスト先頭にマーカー文字表示　薬事日報ウェブサイト用 */


/* 記事本文ページ分割
---------------------------------------------------------------------*/

.division {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	line-height: 3.2;} /* 24px Exception */


.page-numbers {
    margin: 0;
	padding: 0;
	color: #999;
	display: inline;
	}


.numbers {
    margin: 0 12px;
	padding: 8px 12px;
	background: #eee;
}


/* float　クリア（この他、hタグ、hrタグにも「clear: both;」を付加）
---------------------------------------------------------------------*/

.clear {
	clear: both;
	}

.clear hr {
	display: none;
	}


/* 画像　キャプション　※キャプションありの場合、width : auto !important; （自動で左右に入る5pxの無効）⇒最終的に⇒max-width: 100% !important;　で無効可能。フロートしている場合は、テキスト側に10px。但し、キャプションが回り込まなくなる…⇒解決済み？
---------------------------------------------------------------------*/

.wp-caption {
	max-width: 100% !important;
	height: auto !important;
	}

.wp-caption .wp-caption-text {
	font-size: 15px;
	text-align: left;
	line-height: 1.4;
	font-weight: bold;
	color: #666;
	}


/* img無は、キャプション有（キャプションに自動で付くpタグ無効をfunctions.phpに書く） */

.aligncenter {
	margin: 0 auto 16px auto !important;
	padding: 0;
	display: block !important;
	border-style: none;
	}

.alignright {
	margin: 0 0 2px 0px;
	padding: 0;
	display: inline !important;
	border-style: none;
	float: right;
	}

.alignleft {
	margin: 0 0 2px 0;
	padding: 0;
	display: inline !important;
	border-style: none;
	float: left;
	}


/* img有は、キャプション無 */
/* .wp-captionの左右に5pxが自動で入る（フロートしている場合は、テキスト側に10px）問題への対応。キャプション版0pxの対して、marginに10px加算。 */
/* ★センターは要確認 */


img.aligncenter {
	margin: 0 auto 16px auto !important;
	padding: 0;
	display: block !important;
	border-style: none;
	}


img.alignright {
	margin: 0 0 2px 10px;
	padding: 0;
	display: inline !important;
	border-style: none;
	float: right;
	}

img.alignleft {
	margin: 0 10px 2px 0;
	padding: 0;
	display: inline !important;
	border-style: none;
	float: left;
	}


/* 画面幅375px以下で画像の周り込み解除、画像をセンタリング（2020/10/06追加）
---------------------------------------------------------------------*/


@media screen and (max-width: 375px) {
  .alignleft {
    margin: 0 auto 16px auto !important;
    padding: 0;
    display: block !important;
    border-style: none;
    float: none;
  }
}


@media screen and (max-width: 375px) {
  .alignright {
    margin: 0 auto 16px auto !important;
    padding: 0;
    display: block !important;
    border-style: none;
    float: none;
  }
}


@media screen and (max-width: 375px) {
  img.alignleft {
    margin: 0 auto 16px auto !important;
    padding: 0;
    display: block !important;
    border-style: none;
    float: none;
  }
}


@media screen and (max-width: 375px) {
  img.alignright {
    margin: 0 auto 16px auto !important;
    padding: 0;
    display: block !important;
    border-style: none;
    float: none;
  }
}


/* サムネイル（アイキャッチ）
---------------------------------------------------------------------*/

.attachment-post-thumbnail {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	}

.attachment-product-post-thumbnail {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	} /* 薬事日報ウェブサイト用 */

.attachment-newspaper-post-thumbnail {
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	} /* 薬事日報ウェブサイト用 */

.list-box {
	margin: 0;
	padding: 0;
	height: auto;
	}


/* 「おすすめ情報」（特設ページ導線）と「おすすめ情報 アーカイブ ‐AD‐」のサムネイル（アイキャッチ）のブラウザ幅による表示、非表示制御
---------------------------------------------------------------------*/


/* 374pxまで非表示 */
@media screen and (max-width: 499px){
	.sp-area-pc {
	display:none;
   }
}


/* 375pxから非表示 */
@media screen and (min-width: 500px){
	.sp-area-mobile {
	display:none;
   }
}


/* ページネーション（ナビゲーション）
---------------------------------------------------------------------*/

.pagination {
clear: both;
padding: 0;
position: relative;
font-size: 15px;
}

.pagination span, .pagination a {
display: block;
float: left;
margin: 6px 12px 6px 0;
padding: 4px 14px 4px 14px;
text-decoration: none;
width: auto;
color: #fff;
background: #666;
}

.pagination a:hover{
color: #fff;
background: #003;
}

.pagination .current{
padding: 4px 14px 4px 14px;
background: #003;
color: #fff;
}


/* 検索フォーム
---------------------------------------------------------------------*/

.search-box{
	margin: 90px auto 0 auto;
	padding: 0;
	width: 100%;
	}

.search-box-pc{
	margin: 76px 0 0 0;
	padding: 0;
	width: 100%;
	}

.search-box-mobile{
	margin: 90px auto 0 auto;
	padding: 0;
	width: 94%;
	}

dl.search{
	position: relative;
}
dl.search dt{
	width: 70%;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #aaa;
	position: absolute;
	bottom: 20px;
	left: 0;
}
dl.search dt input{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: none;
	border: none;
	font-size: 16px;
}
dl.search dd{
	position: absolute;
	bottom: 20px;
	right: 0;
	width: 29%;
}
dl.search dd button{
	display: block;
	height: 40px;
	color: #fff;
	line-height: 40px;
	text-align: center;
	border: 1px solid #09c;
	background: #003;
	width: 100%;
	font-size: 16px;
}
dl.search dd button:hover {
	background: #006;
}


/* Contact Form 7　フォーム
---------------------------------------------------------------------*/

.form-width {
	max-width: 100%;
}


.wpcf7 select {
	width: 100%;
	height: 32px !important;
	line-height: 32px;
	font-size: 16px;
}


.wpcf7 input {
	width: 100%;
	height: 32px !important;
	line-height: 32px;
	font-size: 16px;
}

.wpcf7 textarea[name="your-message"] {
	width: 100%;
	height: 160px !important;
	line-height: 32px;
	font-size: 16px;
}


.wpcf7-submit {
	margin: 8px 0;
	background-color: #333;
	color: #fff;
	border-style: none;
}

.wpcf7-submit:hover:enabled {
	background-color: #666;
	color: #fff;
}


/* ナビゲーションボタン１（モバイル用）
---------------------------------------------------------------------*/

.nav-btn01 {
	margin: 0;
	padding: 0;
	z-index: 100;
	position: fixed;
	left: 0%;
	bottom: 0%;
	font-size: 15px;
	line-height: 2.0;} /* 24px Exception */

.nav-btn01-text {
	margin: 0;
	padding: 4px 12px;
	text-align: center;
	color: white !important;
	background-color: rgba(51,51,51,0.7);
}

.nav-btn01-text a,.nav-btn01-text a:visited {
	margin: 0;
	padding: 4px 12px;
	text-align: center;
	color: white !important;
}

.nav-btn01-text a:hover,.nav-btn01-text a:focus {
	margin: 0;
	padding: 4px 12px;
	text-align: center;
	color: #f93 !important;
}


/* ナビゲーションボタン２（PC用）
---------------------------------------------------------------------*/

.nav-btn02 {
	margin: 0;
	padding: 0;
	z-index: 100;
	position: fixed;
	right: 3%;
	bottom: 3%;
	font-size: 15px;
	line-height: 2.0;} /* 24px Exception */

.nav-btn02-text {
	margin: 0;
	padding: 0 12px;
	text-align: center;
	color: white !important;
	background-color: rgba(51,51,51,0.7);
}

.nav-btn02-text a,.nav-btn02-text a:visited {
	margin: 0;
	padding: 0 12px;
	text-align: center;
	color: white !important;
}

.nav-btn02-text a:hover,.nav-btn02-text a:focus {
	margin: 0;
	padding: 0 12px;
	text-align: center;
	color: #f93 !important;
}


/* ナビゲーションボタン３（モバイル・ロゴ用）　※2021年10月07日時点でボタンを外した
---------------------------------------------------------------------*/

.nav-btn03 {
	margin: 0;
	padding: 0;
	z-index: 100;
	position: absolute;
	left: 5px;
	top: 12px;}


/* 特設ページ・ボタン
---------------------------------------------------------------------*/

/* ▼画像ボタン（2019年04月05日現在、使用なし） */

.ab-mg {
	margin: 0 auto;
	width: 400px;
	}

.ab-a a {
	display: block;
	width: 400px;
	height: 51px;
	background: url(/images/004_w400px.png) no-repeat 0 0;
}

.ab-a a:hover {
	background-position: 0 bottom;
}

/* ▲画像ボタン */


/* ▼CSSボタン001（申込み、登録） */

.yn-btn-001 {
	margin: 0 auto 0 auto;
	padding: 0;
	height: 30px;
	width: 300px;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	border-top: 1px solid #003;
	border-right: 1px solid #003;
	border-bottom: 1px solid #003;
	border-left: 1px solid #003;
	background-color: #fff;
	clear: both;
	display: block;
	position: relative;
	}

.yn-btn-001 a {
	color: #000080;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.yn-btn-001 a:link {
	color: #000080;
	}

.yn-btn-001 a:visited {
	color: #000080;
	}

.yn-btn-001 a:hover {
	color: #c60;
	}

/* ▲CSSボタン001 */

/* ▼CSSボタン002（特設ページ用） */

.yn-btn-002 {
	margin: 0 auto 0 auto;
	padding: 0;
	height: 30px;
	width: 300px;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color: #c60;
	clear: both;
	display: block;
	position: relative;
	}

.yn-btn-002 a {
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.yn-btn-002 a:link {
	color: #fff;
	}

.yn-btn-002 a:visited {
	color: #fff;
	}

.yn-btn-002 a:hover {
	color: #fff;
	}

/* ▲CSSボタン002 */

/* ▼CSSボタン003（未使用） */

.yn-btn-003 {
	margin: 0 auto 0 auto;
	padding: 0;
	height: 30px;
	width: 280px;
	font-size: 15px;
	line-height: 30px;
	text-align: center;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	background-color: #003;
	clear: both;
	display: block;
	position: relative;
	}

.yn-btn-003 a {
	color: #fff;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	}

.yn-btn-003 a:link {
	color: #fff;
	}

.yn-btn-003 a:visited {
	color: #fff;
	}

.yn-btn-003 a:hover {
	color: #fff;
	}

/* ▲CSSボタン003 */


/* サイドバー・アーカイブ
---------------------------------------------------------------------*/

.archive {
	margin: 0;
	padding: 0 0 0 15px;
	}


/* レスポンシブテーブル
---------------------------------------------------------------------*/

.table-responsive {
    width: 100%;
    overflow-x: auto;
}


/* Youtubeなどの外部サービスを埋め込む際のレスポンシブ対応
---------------------------------------------------------------------*/

.move {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	}

.move iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	}


/* ヘッダメニュー用BOX（薬事日報 電子版 会員入口、オンラインショップ）
---------------------------------------------------------------------*/

.header-box {
	margin: 0;
	padding: 0;
	height: 60px;
	width: 960px;
}

.header-box-left {
	height: 60px;
	float: left;
}

.header-box-right {
	height: 60px;
	float: right;
}

.header-box-right ul li {
	display: inline;
}

.header-box-right ul li a {
	margin: 25px 25px 0 0;
	padding: 0;
	display: block;
	float: left;
}


/* ヘッダメニュー用BOX（モバイル用　題字、※【2021年10月07日時点　以下は検討中】薬事日報 電子版 会員入口、オンラインショップ、お問合せ、サイトマップ）※検討中につき、header-box01-left、header-box01-right　は未使用
---------------------------------------------------------------------*/

.header-box01 {
	margin: 0;
	padding: 0;
	height: 60px;
}

.header-box01-left {
	height: 60px;
	float: left;
}

.header-box01-right {
	height: 60px;
	float: right;
}

.header-box01-right ul li {
	display: inline;
}

.header-box01-right ul li a {
	margin: 25px 25px 0 0;
	padding: 0;
	display: block;
	float: left;
}






/* ヘッダメニュー用BOX（PC、モバイル共用：新着、全カテゴリー、検索、購読・購入・登録）
---------------------------------------------------------------------*/


/* 320pxまでの幅の場合に適応される */

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

.header-box02 {
	display: flex;
	justify-content: center;
	background-color: #006;
}

.header-box02 ul {
	list-style: none;
}

.header-box02 li {
	font-size: 13px;
	text-align: center;
	height: 36px;
	line-height: 36px;
}

.header-box02 li a {
	color: #fff !important;
	text-decoration: none;
	padding: 0 10px;
}

}




/* 画面サイズが321pxから375pxまではここを読み込む */

@media screen and (min-width: 321px) and ( max-width: 375px) {

.header-box02 {
	display: flex;
	justify-content: center;
	background-color: #006;
}

.header-box02 ul {
	list-style: none;
}

.header-box02 li {
	font-size: 15px;
	text-align: center;
	height: 36px;
	line-height: 36px;
}

.header-box02 li a {
	color: #fff !important;
	text-decoration: none;
	padding: 0 10px;
}

}




/* 画面サイズが376pxからはここを読み込む */

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

.header-box02 {
	display: flex;
	justify-content: right;
	background-color: #006;
}

.header-box02 ul {
	list-style: none;
}

.header-box02 li {
	font-size: 16px;
	text-align: right;
	height: 36px;
	line-height: 36px;
}

.header-box02 li a {
	color: #fff !important;
	text-decoration: none;
	padding: 0 10px;
}

}




/* ヘッダメニュー（グローバルメニュー）
---------------------------------------------------------------------*/


/* ----------- HEADER MENU ----------- */

#menu-pc {
	font-size: 16px;
	border: 0; margin: 0; padding: 0;
	width: 1020px; /* 薬事日報ウェブサイト用・リニューアル時に新規追加 */
	height: 76px;
	}

#menu-pc ul,
#menu-pc li {
	border: 0; padding: 0; margin: 0; list-style: none;
	}

/* ----------- NAVIGATION ----------- */

#navigation {
	background: #003; 
	height: 36px;
	margin: 0 auto;
	width: auto;
	}

#navigation ul {
	height: 36px;
	line-height: 36px;	
	}

#navigation ul li {
	display: inline;
	}

#navigation ul li a,
#navigation ul li a:visited {
	background: #003;
	padding: 0 18px;
	display: block;
	text-decoration: none;
	float: left;
	color: #fff;
	}

#navigation ul li a:hover {
	color: #f93;
	}

/* ----------- SUBLINKS ----------- */

#sublinks {
	width: auto;
	margin: 0 auto;
	background: #006;
	height: 36px;
	font-size: 15px;
	}

#sublinks ul {
	height: 36px;
	line-height: 36px;
	}

#sublinks ul li {
	display: inline;
	}

#sublinks ul li a,
#sublinks ul li a:visited {
	padding: 0 10px;
	display: block;
	text-decoration: none;
	float: left;
	color: #fff;
	}

#sublinks ul li a:hover {
	text-decoration: none;
	color: #f93;
	}

/* ----------- SUBMENU ----------- */

#s2, #s3, #s4, #s5, #s6 {
	display: none;
	}




/* PolymorphicAds　テキスト広告01-09、テキスト広告10のデフォルトのセンタリングを左寄せへ
---------------------------------------------------------------------*/

#tl .polyAdTargetElem, .polyAd-block {
	margin: 0 !important;
	}




/* CLS（Cumulative Layout Shift）への対応　※class：adをrb、pdに変更
---------------------------------------------------------------------*/


/* レスポンシブバナー（Responsive Banner）　※2022年04月27日にCLSに完全に対応
---------------------------------------------------------------------*/

.rb {
	max-width : 100% !important;
	width: 728px;
	height : auto !important;
	margin: 0 auto;
	aspect-ratio: 728/90;
}


/* プライムディスプレイ１、２、３（Prime Display 1,2,3）　※2022年04月27日にCLSに完全に対応
---------------------------------------------------------------------*/

.pd {
	max-width : 100% !important;
	width: 300px;
	height : auto !important;
	margin: 0 auto;
	aspect-ratio: 300/250;
}




/* 【2023年3月17日にテーマ側で使用中止。様子見期間終了後に削除】テキスト広告、おすすめ情報　※2022年05月06日にCLSに対応　※2022年09月16日に日本語・英語混じりのテキスト広告原稿テキストが変な位置で途中改行する為、２箇所、540→600に変更
---------------------------------------------------------------------*/

.tx {
	max-width : 100% !important;
	width: 600px;
	height : auto !important;
	margin: 0 0 22px 0;
	aspect-ratio: 600/22;
}





/* ◆薬事日報ウェブサイト用・旧サイトからの引き継ぎ分（のちにファイル分離）
---------------------------------------------------------------------*/


blockquote {
	margin: 15px;
	padding: 10px;
	font-size: 15px;
	color: #666;
	background-color: #eee;
	border: solid 1px #ccc;
}








.table_blue{
width:95%;margin:0px 0px 10px 20px;
padding:0px;
border-collapse:collapse;
}

.table_blue th{
white-space: nowrap;
padding:4px 2px 2px 4px;
text-align:left;vertical-align:top;color:#3366CC;
background-color:#99CCFF;
border:1px solid #6699CC;
}

.table_blue td{
padding:4px 2px 2px 4px;
background-color:#EEEEEE;
border:1px solid #6699CC;
}


.table_blue_c{
width:95%;margin:0px 0px 10px 20px;
padding:0px;
border-collapse:collapse;
}

.table_blue_c th{
white-space: nowrap;
padding:4px 2px 2px 4px;
text-align:center;vertical-align:top;color:#3366CC;
background-color:#99CCFF;
border:1px solid #6699CC;
}

.table_blue_c td{
padding:4px 2px 2px 4px;
background-color:#EEEEEE;
border:1px solid #6699CC;
text-align:center;
}




.small{ font-size: 0.8em!important; }






/* 新聞　タイトルリスト
---------------------------------------------------------------------*/


/* ----------- 新聞 ----------- */


.np-title01 {
	margin: 20px auto;
	padding: 5px 0 5px 8px;
	font-size: 17px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	line-height: 100%;
	}

.np-title02 {
	margin: 15px 0 0 15px;
	padding: 0;
	font-size: 15px;
	line-height: 100%;
	}

.np-title03 {
	margin: 4px 0 0 15px;
	padding: 0;
	font-size: 15px;
	line-height: 100%;
	}







/* 2009/04/17 以前　登録販売者
---------------------------------------------------------------------*/

.toroku {
	color: #333;
	font-size: 12px;
	line-height: 1em;
	text-align: center;
}

.ttr1{
	background-color: #ddddff;
}

.ttr2{
	background-color: #99ccff;
}

.toroku a{
        color: #fff;
	background-color: #006;
}









/* モバイル・メニュー（CSSのみ）　※テスト
---------------------------------------------------------------------*/


header {
	padding:10px;
	background: #003;
}

#nav-drawer {
	position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}

/*アイコンのスペース*/
#nav-open {
	display: inline-block;
	width: 30px;
	height: 22px;
	vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
	position: absolute;
	height: 3px;/*線の太さ*/
	width: 25px;/*長さ*/
	border-radius: 3px;
	background: #fff;
	display: block;
	content: '';
	cursor: pointer;
}

#nav-open span:before {
	bottom: -8px;
}

#nav-open span:after {
	bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 90%;
	max-width: 330px;/*最大幅（お好みで調整を）*/
	height: 100%;
	background: #fff;
	transition: .3s ease-in-out;
	-webkit-transform: translateX(-105%);
	transform: translateX(-105%);
	text-align: left;/*追加*/
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
	display: block;
	opacity: .5;
}

#nav-input:checked ~ #nav-content {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu {
	display: flex;
	display: -moz-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: -ms-flex;
	flex-direction: row;
	-moz-flex-direction: row;
	-o-flex-direction: row;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
}

/*ロゴやサイトタイトルをセンタリング*/
.logo-area {
	text-align:right !important;
	margin:auto 3px auto auto;
}




/* モバイル・メニュー（CSSのみ）内アコーディオン・メニュー　※テスト
---------------------------------------------------------------------*/

.accordion-01 {
    max-width: 500px;
    margin-bottom: 7px;
    border-bottom: 2px solid #d6dde3;
}

.accordion-01 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion-01 summary::-webkit-details-marker {
    display: none;
}

.accordion-01 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-01[open] summary::after {
    transform: rotate(225deg);
}

.accordion-01 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-01[open] p {
    transform: none;
    opacity: 1;
}




/* モバイル・メニュー（CSSのみ）内アコーディオン・メニューの装飾　※テスト
---------------------------------------------------------------------*/


#nav-content ul,ol {
	margin: 0 0 0 34px;
	padding: 0;
	line-height: 1.5;
}

#nav-content li {
	margin: 0 0 12px 0;
	list-style-type: none;
	font-size: 16px;
}







/* 虫眼鏡アイコン
---------------------------------------------------------------------*/





/* PC、Mobileのヘッダーメニュー、フッターメニュー等の各メニューをそれぞれ非表示にさせる横幅を指定
---------------------------------------------------------------------*/


/* 1040pxまで非表示 */
@media screen and (max-width: 1040px){
	#menu-pc,#navigation,#sublinks {
	display:none;
   }
	.nav-footer {
	display:none;
   }
}


/* 1041pxから非表示 */
@media screen and (min-width: 1041px){
	header,.header-box02 {
	display:none;
   }
	.nav-footer-mobile {
	display:none;
   }
}








/* 検索フォームのブラウザ幅による表示、非表示制御
---------------------------------------------------------------------*/


/* 1040pxまで非表示 */
@media screen and (max-width: 1040px){
	.search-box-pc {
	display:none;
   }
}


/* 1041pxから非表示 */
@media screen and (min-width: 1041px){
	.search-box-mobile {
	display:none;
   }
}






/* レスポンシブバナー・HTML版（テキスト版）のブラウザ幅による表示、非表示制御
---------------------------------------------------------------------*/


/* 320pxまでの幅の場合に適応される */

@media screen and (max-width: 320px) {
.rpsb-001,.rpsb-002 {
	display:none;
	}
}


/* 画面サイズが321pxから727pxまではここを読み込む */

@media screen and (min-width: 321px) and ( max-width: 727px) {

.rpsb-001,.rpsb-003 {
	display:none;
	}
}


/* 画面サイズが728pxからはここを読み込む */

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

.rpsb-002,.rpsb-003 {
	display:none;
	}
}