@charset "UTF-8";

/*----------------------------------------
 * 基本設定
 *----------------------------------------*/

p {
	margin:0;
}

.std_width {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

/* リンク */
a {
	color:#00AFFF;
	text-decoration:none;
}

a:visited,
a.std_link:visited {
	color:#00A7FF;
}

a:hover,
a.std_link:hover {
	color:#0772a9;
}


/*----------------------------------------
 * ヘッダー
 *----------------------------------------*/
header {
	position:relative;
}

header div.opa_alphabet span {
	color:#00A7FF;
}

header .member_login {
	color:#D65088;
	padding:13px 13px 13px 30px;
}

header .member_login:before {
	content:"";
	display:block;
	position:absolute;
	top:13px;
	left:13px;
	width:14px;
	height:14px;
	background:url(/res/images/common/member_icon.png) no-repeat center top;
	background-size:contain;
}

header form {
	float:right;
	padding:17px 5px 0 0;
	position:relative;
}

header form input[type=text]{
	position: absolute;
	top: 15px;
	right: 42px;
	width: 200px;
	display: none;
	border:1px solid #0571bd; 
	padding-left:5px;
}

header form input[type=submit]{
	font-family: "font awasome free";
	border:none;
	background-color:white;
	font-size:1.5rem;
	color:#0571bd;
}

/* グローバルメニュー */

header nav ul li a {
	display:block;
	color:#0071B4;
	/*
	padding:5px 5px 12px 5px;
	*/
	padding: 5px 4px 12px 4px;
}

header nav ul li.active a {
	color:#00A7FF;
}

header nav ul li.active:after {
	color:#00A7FF;
}

header nav ul li a:hover {
	background-color:#F1F5F7;
	color:#00A7FF;
}

header nav ul li a:visited {
	color:#0071B4;
}

/*
header nav ul li.nav_home { width:70px;}
header nav ul li.nav_kenmin { width:111px;}
header nav ul li.nav_kankei { width:196px;}
*/
header nav ul li.nav_kenmin span {
	background-color:#80C40F;
	color:white;
}

header nav ul li.nav_kenmin.active:after { color:#80C40F;}

header nav ul li.nav_kankei span {
	background-color:#08A01F;
	color:white;
}

header nav ul li.nav_kankei.active:after { color:#08A01F;}

header nav ul li.nav_kenmin a:hover span,
header nav ul li.nav_kankei a:hover span {
	color:yellow;
}

header nav ul li.nav_kaihou span {
	background-color:#ff456a;
	color:white;
}

header nav ul li.nav_kaihou.active:after { color:#ff456a;}



/* サブナビゲーション */
header nav ul li .sub_nav {
	border-top:1px solid #0071BC;
	border-bottom:1px solid #0071BC;
	background-color:#F1F5F7;
}

.sub_nav ul li a {
	color:#0071BC;
}

.sub_nav ul li a:hover {
	background-color:#ddecff;
}

header nav ul li #sub_nav_kenmin.sub_nav {
	border-top:1px solid #87CC0F;
	border-bottom:1px solid #87CC0F;
}

#sub_nav_kenmin.sub_nav ul li a {
	color:#87CC0F;
}

#sub_nav_kenmin.sub_nav ul li a:hover {
	background-color:#fbfff8;
}

header nav ul li #sub_nav_kankei.sub_nav {
	border-top:1px solid #08A81F;
	border-bottom:1px solid #08A81F;
}

#sub_nav_kankei.sub_nav ul li a {
	color:#08A81F;
}

header nav ul li #sub_nav_kaihou.sub_nav {
	border-top:1px solid #ff456a;
	border-bottom:1px solid #ff456a;
}

#sub_nav_kaihou.sub_nav ul li a {
	color:#ff456a;
}


#sub_nav_kankei.sub_nav ul li a:hover {
	background-color:#fbfff8;
}

.sub_nav ul li a.ex_link:after {
	content:"";
	display:inline-block;
	padding-right:15px;
	background:url(/res/images/common/ex_link_blue.png?date=0514) no-repeat right center;
	background-size:contain;
	height:13px;
}

section.main_body .sub_nav {
	text-align:center;
}

section.main_body .sub_nav ul li a:first-child {
	border:1px solid #ccc;
}


/* パンくずナビゲーション */
nav.pan_nav {
	background:url(/res/images/common/bg_pan_nav.png) repeat left top;
}



/*----------------------------------------
 * 本文
 *----------------------------------------*/

/* 基本書式 */

/* 見出し */
section.main_body .std_h1 {
	border-bottom:3px solid #0071B4;
}

section.main_body .std_h1 span.category {
	background-color:#0772a9;
}

/* 基本書式 県民の皆様へ */
.body_page_kenmin section.main_body .std_h1 {
	border-bottom-color:#80C40F;
}

.body_page_kenmin section.main_body .std_h1 span.category {
	background-color:#80C40F;
}


/* 基本書式 薬剤師・医療関係者の皆様へ */
.body_page_kankei section.main_body h1.std_h1 {
	border-bottom-color:#08A81F;
}

.body_page_kankei section.main_body .std_h1 span.category {
	background-color:#08A81F;
}

section.main_body .std_h2 {
}

/* 基本書式 県民の皆様へ */
.body_page_kenmin section.main_body .std_h2 {
	background-color:#80C40F;
}

/* 基本書式 薬剤師・医療関係者の皆様へ */
.body_page_kankei section.main_body h1.std_h2 {
	background-color:#08A81F;
}



/* 文字色 */
.col_kenmin { color:#80C40F;}
.col_kankei { color:#08A01F;}

/* 文字色 リンクのhoverで色を変えない場合*/

/* 背景色 */

/* 背景画像 */
.bg_border1 {
	background:url(../images/common/bg_border_1.png) repeat left top;
}

/* リストカラー */
.list_col_1 {
	background-color:#fcfcfc;
}

.list_col_1:nth-child(2n) {
	background-color:#f1f5f7;
}

/* 囲み */
.std_kakomi_kankei {
	padding:12px;
	border-radius:12px;
	border:4px solid #08A01F;
}

.std_kakomi_blue {
	padding:20px;
	border-radius:20px;
	border:2px solid #0071bc;
}

.std_kakomi_bg_light_green {
	padding:12px;
	border-radius:12px;
	background-color:#e6f6e8;
}

.std_kakomi_bg_form {
	padding:12px;
	border-radius:12px;
	background-color:#f1f5f7;
}

/* 表 */

/* リンクボタン */
a.std_button {
	color:white;
	background-color:#00AFFF;
	transition: background-color 0.5s;
}

a.std_button:hover {
	color:white;
	background-color:#0772a9;
	transition: background-color 0.5s;
}

/* 前のページに戻るリンク */

/* イラスト3列 */
.std_column3.illust_3col .column .inner .midashi a {
	color:#0772a9;
}

.std_column3.illust_3col .column .inner .midashi a:hover {
	color:#00AFFF;
}

/* リストテーブル */
table.std_list_table tr th {
	color:#0772a9;
}

/* ページレイアウト 左ナビゲーションがあるセカンドページのパターン */
.std_column2.std_second .std_second_left {
	width:210px;
}

.std_column2.std_second .std_second_right {
	width:730px;
}

.std_column2.std_second .std_second_left nav {
	padding-bottom:80px;
}

.std_column2.std_second .std_second_left nav ul li a:hover {
	color:#00AFFF;
}

.std_column2.std_second .std_second_left nav ul li a.active:before {
	color:#0772a9;
}

.std_column2.std_second .std_second_left nav ul ul{
	background-color:#eff5ff;
}

.std_column2.std_second .std_second_left nav ul ul li {
	border-bottom:1px solid #eff5ff;
}

.std_column2.std_second .std_second_left nav ul ul li a:before {
	color:#eff5ff;
}




.std_column2.std_second .std_second_left nav ul ul{
	background-color:#eff5ff;
}

.std_column2.std_second .std_second_left nav ul ul li {
	border-bottom:1px solid #c9cfda;
}

.std_column2.std_second .std_second_left nav ul ul li a:before {
	color:#c9cfda;
}




/* ページレイアウト セカンドページの左ナビゲーション */
.std_column2.std_second .std_second_left nav .page_category {
	background-color:#0772a9;
	color:white;
}

/* 左ナビゲーション ページカテゴリーの色変更 県民の皆様へ */
.body_page_kenmin .std_column2.std_second .std_second_left nav .page_category {
	background-color:#80C40F;
}

/* 左ナビゲーション ページカテゴリーの色変更 薬剤師・医療関係者の皆様へ */
.body_page_kankei .std_column2.std_second .std_second_left nav .page_category {
	background-color:#08A81F;
}


/* 左ナビゲーション ページカテゴリーの色変更 県民の皆様へ */
.body_page_kenmin .std_column2.std_second .std_second_left nav ul li.active a:before {
	color:#80C40F;
}

/* 左ナビゲーション ページカテゴリーの色変更 薬剤師・医療関係者の皆様へ */
.body_page_kankei .std_column2.std_second .std_second_left nav ul li.active a:before {
	color:#08A01F;
}

/* フォーム */
/* dl */
.std_form dl dt {
	color:#0772a9;
}

/* table */
.std_form table th {
	color:#0772a9;
}


/*----------------------------------------
 * Home（トップページ）
 *----------------------------------------*/
.page_top .main_image {
	padding:10px 0;
	background:url(../images/common/bg_border_1.png) repeat left top;
}

.page_top .main_image img {
}

/* お知らせ */
.page_top .top_oshirase {
	display:flex;
}

.page_top .top_oshirase .left {
	width:49.5%;
	margin-right:1%;
}

.page_top .top_oshirase .right {
	width:49.5%;
}

.page_top .top_oshirase.body {
	margin-top:-5px;
}

.page_top .top_oshirase h2 {
	color:white;
}

.page_top .top_oshirase h2.mb {
	display:none;
}

.page_top .top_oshirase .kenmin h2 {
	background-color:#80C40F;
}

.page_top .top_oshirase .kenmin h2:before {
	background-image:url(../images/top/h2_kenmin.png);
}

.page_top .top_oshirase .kankei h2 {
	background-color:#08A01F;
}

.page_top .top_oshirase .kankei h2:before {
	background-image:url(../images/top/h2_kankei.png);
}

.page_top .top_oshirase .news h2 {
	color:black;	
}

.page_top .top_oshirase .news h2:before {
	background-image:url(../images/top/h2_news.png);
}

.page_top .top_oshirase .yakuji h2 {
	color:black;	
}

.page_top .top_oshirase .yakuji h2:before {
	background-image:url(../images/top/h2_yakuji.png);
}

.page_top .top_oshirase .news h2:after,
.page_top .top_oshirase .yakuji h2:after {
	content:"";
	display:block;
	position:absolute;
	right:-15px;
	top:7px;
	width:16px;
	height:16px;
	background:url(../images/common/member_icon.png) no-repeat left top;
	background-size:cover;
	
}

.page_top .top_info_area_outer {
	background-color:#f7f7f7;
}

.top_info_area dl:last-of-type {
	margin-bottom:45px;
}

.top_info_area dl dt,
.top_info_area dl dd {
	padding:5px 3px
}
.page_top .top_oshirase2 {
	margin-top:32px;
	font-size:0.875rem;
}

.page_top .top_oshirase2 .oshirase_tab {
	position:relative;
}


.page_top .top_oshirase2 .oshirase_tab:before {
	content:"";
	display:block;
	position:absolute;
	right:10px;
	top:5px;
	width:18px;
	height:18px;
	background:url(../images/common/member_icon.png) no-repeat left top;
	background-size:cover;
}

.page_top .top_oshirase2 .oshirase_tab:after {
	content:"";
	display:block;
	clear:both;
	border-bottom:2px solid #00AFFF;
}

.top_info_area .button_position {
	position:absolute;
	width:100%;
	bottom:10px;
	text-align:center;
}

.page_top .top_oshirase2 .oshirase_tab a {
	float:left;
	display:block;
	padding:5px;
	background-color:white;
}

.page_top .top_oshirase2 .oshirase_tab a.tab_news {
	padding-left:4em;padding-right:4em;
}

.page_top .top_oshirase2 .oshirase_tab a.tab_yakuji {
	padding-left:1em;padding-right:1em;
}

.page_top .top_oshirase2 .oshirase_tab a.active {
	background-color:#00AFFF;
	color:white;
}

.page_top .top_oshirase2 .oshirase_tab a:hover {
	background-color:#0772a9;
	color:white;
}

.page_top .top_oshirase2 .top_info_area {
	border-radius:0 0 5px 5px;
}

.page_top .top_oshirase2 .top_info_area:after {
	content:"";
	display:block;
	clear:left;
}

.page_top .top_oshirase2 .tab_body_yakuji {
	display:none;
}

.page_top .top_oshirase2 .tab_body .button_position {
	position:relative;
	margin:1em auto;
}
.page_top .key_icon_desc {
	font-size:0.875rem;
}

/* 新着情報部分 */
.page_top .top_oshirase2 .top_info_area .partsOpa_download_mini_icon {
	text-align:left;
	padding-top:4px;
/*
	font-size:1rem;
*/
	font-size:0.875rem;
}

.page_top .top_oshirase .top_info_area .partsOpa_download_mini_icon img,
.page_top .top_oshirase2 .top_info_area .partsOpa_download_mini_icon img {
	display:block;
	margin:1px auto 0 auto;
	vertical-align:middle;
	line-height:18px;
	float:left;
}

.page_top .top_oshirase .top_info_area .partsOpa_download_mini_icon a,
.page_top .top_oshirase2 .top_info_area .partsOpa_download_mini_icon a {
	background:none;
	padding: 0;
	line-height:1.4em;
	margin-bottom:0;
	margin-left:25px;
	display:block;
}

.page_top .top_oshirase .top_info_area .partsOpa_download_mini_icon a:hover,
.page_top .top_oshirase2 .top_info_area .partsOpa_download_mini_icon a:hover {
	background-image: none;
}

.page_top .top_oshirase .top_info_area .partsOpa_download_mini_icon div.filesize,
.page_top .top_oshirase2 .top_info_area .partsOpa_download_mini_icon div.filesize {
	display:none;
	font-size:0.85em;
	line-height:18px;;
}

.page_top .top_oshirase .top_info_area a.std_link:beforem
.page_top .top_oshirase2 .top_info_area a.std_link:before {
	content:"";
}


.page_top .illust_3col p {
	font-size:0.875rem;
	margin-top:10px;
	line-height:1.5em;
}

.page_top .std_column4.illust_3col .column .inner .midashi a {
	color:black;
}

.page_top .std_column4.illust_3col .column .inner .midashi a:hover {
	color:#0772a9;
}

.page_top .top_info_area a.std_button {
	width:6em;
	padding-left:1em;
	padding-right:1em;
}

/*----------------------------------------
 * 県民の皆様へ
 *----------------------------------------*/

/* 情報BOX */
.body_page_kenmin .std_form table.table_jyouhoubox_search th {
	width:6em;
	vertical-align:top;
	text-align:left;
}

.body_page_kenmin .std_form table.table_jyouhoubox_search td div.city:after {
	content:"";
	display:block;
	clear:both;
}

.body_page_kenmin .std_form table.table_jyouhoubox_search td div.city div {
	float:left;
	width:8em;
}




/*----------------------------------------
 * 薬剤師・医療関係者の皆様へ
 *----------------------------------------*/
/* お知らせ */
.body_page_kankei .std_list_table .member_link:before {
	top:4px;
}
/* 求人情報 */
.body_page_kyuujin .std_form table.table_kyuujin_search th {
	width:6em;
	vertical-align:top;
	text-align:left;
}

.body_page_kyuujin .std_form table.table_kyuujin_search td div.city:after,
.body_page_kyuujin .std_form table.table_kyuujin_search td div.other:after {
	content:"";
	display:block;
	clear:both;
}

.body_page_kyuujin .std_form table.table_kyuujin_search td div.city div {
	float:left;
	width:10em;
}

.body_page_kyuujin .std_form table.table_kyuujin_search td div.other div {
	float:left;
	width:9em;
}

/* 情報BOX送信フォーム */
body .ui-datepicker {
	display:none;
}

.body_page_formjyouhoubox .table_jyouhoubox_form th{
	vertical-align:top;
	text-align:left;
}

.body_page_formjyouhoubox .table_jyouhoubox_form p.chk {
    float: left;
    margin-right: 1em;
}

.body_page_formjyouhoubox .table_jyouhoubox_form th{
	vertical-align:top;
	text-align:left;
}




/*----------------------------------------
 * 保健薬局を探す
 *----------------------------------------*/
/* 扉ページ キーワード検索 */
.body_page_hokenyakkyoku .std_form.form_keyword dd {
	height:60px;
}

.body_page_hokenyakkyoku .std_form.form_keyword dd input[type=text]{
	width:550px;
}

/* 扉ページ 地図から検索 */
.body_page_hokenyakkyoku .std_form.form_map dt{
	float:none;
	display:block;
}

.body_page_hokenyakkyoku .std_form.form_map dd{
	display:block;
	position:relative;
}

.body_page_hokenyakkyoku .std_form.form_map dd .map_area .pref_text {
	margin-top:20px;
}

.body_page_hokenyakkyoku .std_form.form_map dd .map {
	position:relative;
	/*
	width:441px;
	height:472px;
	*/
	/*
	width:400px;
	*/
	width:441px;
	height:auto;
	transform: scale(0.9);
	transform-origin: top left;
}

.body_page_hokenyakkyoku .std_form.form_map dd .map img {
	position:absolute;
	width:100%;
	height:auto;
}

.body_page_hokenyakkyoku .std_form.form_map dd .map img.map_click {
	z-index:40;
}

.body_page_hokenyakkyoku .std_form.form_map dd .map img.map_name {
	z-index:30;
}

.body_page_hokenyakkyoku .std_form.form_map dd .map img.map_base {
	z-index:10;
}

.body_page_hokenyakkyoku .std_form.form_map dd .map img.map_part {
    z-index:20;
    opacity:0;
    transition: opacity 0.2s;
}
.body_page_hokenyakkyoku .std_form.form_map dd .map img.map_part.is-active {
    opacity:1;
}

.body_page_hokenyakkyoku .std_form.form_map dd .ck_area {
	position:absolute;
	/*
	top:100px;
	*/
	top:0px;
	right:50px;
	color:#0772a9;
	font-weight:bold;
}

.body_page_hokenyakkyoku .std_form.form_map dd .ck_area img {
	vertical-align:middle;
	margin-right:10px;
}

.body_page_hokenyakkyoku .std_form.form_map dd .ck_area div {
	margin-bottom:50px;
	color:#00AFFF;
	font-size:2rem;
	line-height:1.6em;
}

/* 地図から検索ページ */
.body_page_hokenyakkyoku .form_keyword.map_search .area_name {
	margin-top:14px;
	margin-bottom:14px;
	font-size:1.25rem;
	font-weight:bold;
}

.body_page_hokenyakkyoku .form_keyword.map_search dd input[type=text] {
	width:403px;
}

.body_page_hokenyakkyoku .form_keyword.map_search dd .zaitaku-area {
	color:#0772a9;
}

.body_page_hokenyakkyoku .form_keyword.map_search dd .zaitaku-area img {
	vertical-align:middle;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result {
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left {
	width:300px;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .page_link_num {
	text-align:center;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .page_link_box {
	font-family: 'font awasome free';
	text-align:center;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .page_link_box span {
	display:inline-block;
	width:2em;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .store-list {
	padding:5px;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .store-list .icon-area {
	display:block;
	float:left;
	padding-top:3px;
	width:22px;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .store-list .yakkyoku_info {
	margin-left:69px;
	line-height:1.5em;
	font-size:0.875rem;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .store-list .yakkyoku_info strong {
	font-size:1rem;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .store-list .yakkyoku_link {
	text-align:right;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .store-list .yakkyoku_link a {
	margin-left:1em;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .left .store-list .yakkyoku_link a:before {
	content:"\f138";
	font-family: 'font awasome free';
	margin-right:3px;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .right {
	width:640px;
}

.body_page_hokenyakkyoku .std_column2.std_second.map_search_result .right #gmap {
	width:100%;
	height:1200px;
}

/* キーワードで検索ページ */
.body_page_hokenyakkyoku table.pc.std_list_table {
	display:table;
}

.body_page_hokenyakkyoku table.mb.std_list_table {
	display:none;
}

.body_page_hokenyakkyoku .std_list_table.yakkyoku img {
	vertical-align:middle;
}

/* 薬局詳細ページ */
.body_page_hokenyakkyoku .yakkyoku_detail {
}

.body_page_hokenyakkyoku .yakkyoku_detail h1 {
	font-size:1.375rem;
	position:relative;
	line-height:1.5em;
	margin:0 0 0 35px;
}

.body_page_hokenyakkyoku .yakkyoku_detail h1:before {
	content:"";
	position:absolute;
	width:31px;
	height:31px;
	background:url(../images/yakkyoku/yakkyoku_name_icon.png) no-repeat left top;
	background-size:cover;
	top:0;
	left:-35px;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table1 {
	width:100%;
	border-collapse:collapse;
	vertical-align:middle;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table1 th {
	width:4em;
	color:#0772a9;
	background-color:#f1f5f7;
	border-top:2px solid white;
	padding:5px;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table1 td {
	background-color:#f1f5f7;
	border-top:2px solid white;
	line-height:1.5em;
	padding:5px;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table2 {
	width:100%;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table2 th {
	width:60px;
	padding:5px;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table2 th img {
	display:block;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table2 td {
	padding:5px;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table2 .taiou24 strong {
	display:block;
	line-height:1.5em;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table2 .taiou24 span{
	display:block;
	font-size:0.875rem;
	line-height:1.5em;
}

.body_page_hokenyakkyoku .yakkyoku_detail table.table2 .zaitaku {
}

.body_page_hokenyakkyoku .yakkyoku_detail .map_midashi strong {
	display:block;
	float:left;
	color:#0772a9;
}

.body_page_hokenyakkyoku .yakkyoku_detail .map_midashi a {
	float:right;
}

.body_page_hokenyakkyoku .yakkyoku_detail #yakkyoku-gmap {
	width:100%;
	height:650px;
}

/* 在宅 検索ページ */
.body_page_hokenyakkyoku .std_form.form_zaitaku dt {
	font-size:1.125rem;
	width:12em;
	line-height:1em;
}

.body_page_hokenyakkyoku .std_form.form_zaitaku dl.address dd div {
	width:8em;
	float:left;
	font-size:0.875rem;
	line-height:1.5em;
}

.body_page_hokenyakkyoku .std_form.form_zaitaku dl dd div input[type=checkbox] {
	margin-right:5px;
}

.body_page_hokenyakkyoku .std_form.form_zaitaku dl dd input[type=text] {
	width:600px;
}

.body_page_hokenyakkyoku .std_form.form_zaitaku dl.chusya dd {
	padding-top:15px;
}

.body_page_hokenyakkyoku .std_list_table.zaitaku td.name {
	padding-left:1em;
}

/*
.body_page_hokenyakkyoku .std_form.form_zaitaku dd {
	height:60px;
}

.body_page_hokenyakkyoku .std_form.form_zaitaku dd input[type=text]{
	width:550px;
}
*/

/* 在宅可能薬局詳細ページ */
/* 薬局詳細ページのCSSをオーバーライドする */
.body_page_hokenyakkyoku .yakkyoku_detail h1 {
	padding-top:3px;
	margin:0 0 0 45px;
}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku h1:before {
	width:41px;
	height:41px;
	background-image:url(../images/yakkyoku/icon_zaitaku_82.png) ;
	top:0;
	left:-45px;

}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku h2 {
	margin:0;
	font-size:1.125rem;
	color:#0772a9;
}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku table.zaitaku_table1 th {
	width:8em;
	text-align:left;
}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku table.zaitaku_table2 th {
	width:20em;
	text-align:left;
}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku table.zaitaku_table2 td {
	text-align:center;
}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku dl.kanou { margin:0.5em 0;line-height:1.4em;}
.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku dl.kanou dt {}
.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku dl.kanou dd {margin-left:1em;}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku table.zaitaku_table3 th,
.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku table.zaitaku_table3 td {
	border-right:2px solid white;
	border-bottom:2px solid white;
}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku table.zaitaku_table3 th {
	width:3.5em;
}

.body_page_hokenyakkyoku .yakkyoku_detail.zaitaku table.zaitaku_table3 th.w7em {
	width:7em;
}


/*----------------------------------------
 * 保健薬局を探す 2025
 *----------------------------------------*/

/* 保険薬局を探す（プレフィクス sc_ph *search phermacy）*/
.sc_ph {}

.pub_parts_1:has(.sc_ph) {
	margin-top:-10px;
	padding-bottom:50px;
}

.sc_ph {}
.sc_ph .map_part  { pointer-events: none; }  ;

/* ##### 全体共通書式 ##### */
.sc_ph .ph_width {
	padding:20px;
}

.sc_ph .sec_blue,
.sc_ph.sec_blue {
	background-color:#ecf4f8;
/*
	padding:20px 20px 0 20px;
*/
}

.sc_ph h2 {
	font-size:1.25rem;
	color:#0c72a9;
	margin-bottom:0.5em;
}

.sc_ph .std_flex2 {
	display:flex;

}
/* モーダルウィンドウ */
.modal__hokenyakkyoku_2025[hidden] { display:none !important; }
.modal__hokenyakkyoku_2025 {
	position: fixed;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1000;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility .3s ease;
	width:100%;
}

.modal__hokenyakkyoku_2025 ul {
	margin-left:2em;
}

.modal__hokenyakkyoku_2025.is-open {
	opacity: 1;
	visibility: visible;
}

.modal__hokenyakkyoku_2025 .modal__backdrop {
	position: absolute;
	inset: 0;
	background: rgba(0,0,0,.4);
	width:100%;
}

.modal__hokenyakkyoku_2025 .modal__dialog {
	position: relative;
	max-width: 720px;
	width: min(92vw, 720px);
	max-height: 86vh;
	overflow: auto;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 10px 30px rgba(0,0,0,.25);
	padding: 24px 24px 28px;
	transform: translateY(8px);
	transition: transform .6s ease;
}

@media screen and (max-width: 768px) {
	.modal__hokenyakkyoku_2025 .modal__dialog {
		width:90%;
		box-sizing:border-box;
	}
}

.modal__hokenyakkyoku_2025:not([hidden]) .modal__hokenyakkyoku_2025 .modal__dialog {
	opacity: 1;
	transform: translateY(0);
}

.modal__hokenyakkyoku_2025 .modal.is-open .modal__dialog {
	transform: translateY(0);
}

.modal__hokenyakkyoku_2025 .modal__title {
	font-size: 1.25rem;
	margin: 0 0 .5em;
}

.modal__hokenyakkyoku_2025 .modal__body {
	line-height: 1.8;
	font-size: .95rem;
}

.modal__hokenyakkyoku_2025 .modal__close {
	position: absolute;
	top: 8px;
	right: 8px;
	width: 36px;
	height: 36px;
	border: none;
	border-radius: 50%;
	background: #f2f4f7;
	font-size: 20px;
	cursor: pointer;
}
.modal__hokenyakkyoku_2025 .modal__close:hover { background:#e8ebf0; }

/* 背景スクロールロック用 */
html.is-modal-open, body.is-modal-open { overflow: hidden; }



/* ##### 検索画面共通（プレフィクス co_sc common search）##### */
.co_sc {
	padding:20px 20px 0 20px;
}

.sc_ph.co_sc .method_button_area {
	position:relative;
	padding:0 10px;
	border-bottom:6px solid #0c72a9;
}

.sc_ph.co_sc .method_button_area a.btn {
	display:inline-block;
	padding:0.3em 1em;
	width:10em;
	text-align:center;
	background-color:white;
	color:#0c72a9;
	margin-right:5px;
	/*
	font-size:1.25rem;
	*/
	font-size:1.15rem;
}

.sc_ph.co_sc .method_button_area a.btn.active {
	background-color:#0c72a9;
	color:white;
}

.sc_ph.co_sc .method_button_area .holiday {
	display:inline-block;
	position:relative;
}

.sc_ph.co_sc .method_button_area .holiday a {
	position:absolute;
	display:inline-block;
	top:-27px;
	left:4px;
	width:10em;;
	background-color:#00AFFF;
	text-align:right;
	padding:0.18em 2em 0.18em 0;
	font-size:1.15rem;
	color:white;;
}

.sc_ph.co_sc .method_button_area .holiday a span {
	position:relative;
}

.sc_ph.co_sc .method_button_area .holiday a span:before {
	content:'';
	position:absolute;
	left:-50px;
	top:0px;
	width:46px;
	height:26px;
	background:url(/res/images/yakkyoku/2025/icon_holiday.png) no-repeat center center;
	background-size:cover;
	
}

.sc_ph.co_sc .method_button_area a.txt.about {
	float:right;
	padding-top:0em;
}

.sc_ph.co_sc .std_flex2 {
	display:flex;
	justify-content:space-between;
}

/* パネル切り替え（クイック・詳細） */
.sc_ph.co_sc #panel-detail { display:none; }
.sc_ph.co_sc #panel-quick.is-active,
.sc_ph.co_sc #panel-detail.is-active { display:block !important; }

.sc_ph.co_sc #panel-quick,
.sc_ph.co_sc #panel-detail {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.8s ease;
	position: relative; /* とりあえず据え置き */
	pointer-events: none; /* 非表示時にフォーカス・クリックを拾わない */
}

/* パネル切り替え 表示状態 */
.sc_ph.co_sc #panel-quick.is-active,
.sc_ph.co_sc #panel-detail.is-active {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

/* hidden属性を使うので、これが無いと両方見える場合がある */
.sc_ph.co_sc [role="tabpanel"][hidden] { display: none; }

/* 選択エリア、チップなど選択関連 */

.sc_ph .qk_sc .std_flex2 .column .select_area {
	background-color:#ecf4f8;
	border-radius:15px;
	width:90%;
	margin:30px auto 0 auto;
	box-sizing:border-box;
	padding:10px;
	position:relative;
}

.sc_ph .qk_sc .std_flex2 .column .select_area strong {
	color:#0c72a9
	}

.sc_ph .qk_sc .std_flex2 .column .select_area .reset {
		color:#0c72a9;
		position:absolute;
		right:2em;
		cursor:pointer;
}

.sc_ph .qk_sc .std_flex2 .column .select_area .reset span {
		background-color:#0c72a9;
		color:white;
		display:inline-block;
		width:1em;
		line-height:1em;
		padding:3px;
		border-radius:100px;
	}

.sc_ph .qk_sc .std_flex2 .column .select_area .selected {
		background-color:#0c72a9;
		color:white;
		display:inline-block;
		padding:2px 5px;
		border-radius:10px;
		font-size:0.875rem;
		margin-right:10px;
		margin-bottom:10px;
	}

.sc_ph .qk_sc .std_flex2 .column .select_area .selected a,
.sc_ph .qk_sc .std_flex2 .column .select_area .selected .chip-close {
		background-color:white;
		color:#0c72a9;
		display:inline-block;
		width:1em;
		line-height:1em;
		padding:3px;
		border-radius:100px;
		cursor:pointer;
		margin-left:5px;
		border:none;
		box-sizing:content-box;
		font-size:0.875rem;
  		-webkit-appearance: none;  /* フォーム特有の見た目を無効化 */
  		appearance: none;
		font-family: inherit;
	}




/* フォームのパーツ */
.sc_ph.co_sc form .std_button {
	width:auto;
	text-align:center;
}

.sc_ph.co_sc form .std_button input[type=submit]{
	display:inline-block;
	border:none;
	background-color:#0c72a9;
	font-size:2em;
	color:white;
	padding:0.5em 2em;
	border-radius:100px;
}

.sc_ph input[type="text"]{
	font-size:1.25rem;
	box-sizing:border-box;
	width:100%;
	padding:10px;
	background-color:white;
	border:1px solid #70afce; 
	font-size:1.25em;
}

.sc_ph .bg_white_waku {
	padding:20px;
	background-color:white;
	border-radius:10px;
}

.sc_ph .reset {
	font-size:1rem;
	font-weight:normal;
	color:#0c72a9;
	position:absolute;
	right:2em;
	cursor:pointer;
}

.sc_ph .reset span {
	background-color:#0c72a9;
	color:white;
	display:inline-block;
	width:1em;
	line-height:1em;
	padding:3px;
	border-radius:100px;
}

.sc_ph label {
	margin-right:1em;
	display:inline-block;
}

/* ##### クイック検索（プレフィクス qk_sc ※quick search）##### */
.qk_sc {}

.sc_ph .qk_sc .std_flex2 .column {
	background-color:white;
	/*
	border-radius:15px;
	*/
	padding:2em 0; 
}

.sc_ph .qk_sc .std_flex2 .column.left,
.sc_ph .qk_sc .std_flex2 .column.right {
	padding-top:0.5em;
}

.sc_ph .qk_sc .std_flex2.ky_area {
	display:block;
}

.sc_ph .qk_sc .std_flex2.ky_area .column dl {
/*
	width:95%;
*/
	margin-left:auto;
	margin-right:auto;
	display:flex;
}

.sc_ph .qk_sc .std_flex2.ky_area .column dl dt {
	flex-grow:0.05;
	padding-top:6px;
}

.sc_ph .qk_sc .std_flex2.ky_area dl dd {
	aspect-ratio:unset;
	flex-grow:0.85;
}

.sc_ph .qk_sc .std_flex2 dl dt.midashi {
	text-align:left;
	margin-right:0;
	margin-left:0.5em;
	position:relative;
	z-index:5;
}

.sc_ph .qk_sc .std_flex2 dl dt.midashi span {
	position:relative;
	/*
	border:2px solid #0c72a9;
	*/
	display: inline-block;
	padding:0 1em;
	font-size:0.95em;
	line-height: 1.5;
	color: #0c72a9;;
	font-weight:normal;
	background-color:#d6ecfa;
	border-radius:50px;
}

.sc_ph .qk_sc .std_flex2 .column.right dl {
	font-size:0.95rem;
}





/*
.sc_ph .qk_sc .std_flex2 dl dt.midashi span::before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	border-style: solid;
	border-width: 20px 10px 0 10px;
	border-color: #0c72a9 transparent transparent;
	translate: -50% 100%;
	z-index:1;
}

.sc_ph .qk_sc .std_flex2 dl dt.midashi span::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	border-style: solid;
	border-width: 15.5px 7.8px 0 7.8px;
	border-color: #ffffff transparent transparent;
	translate: -50% 100%;
	z-index:2;
}
*/

.sc_ph .qk_sc .std_flex2 dl dd{
		border:1px solid white;
		/*
		aspect-ratio: 441 / 500 ;
		*/
		aspect-ratio: 441 / 400 ;
	}

.sc_ph .qk_sc .std_flex2 dl dd{
	margin-left:0;
}

.sc_ph .qk_sc .std_flex2 .column .map {
	margin-left:20px;
	margin-right:auto;
	margin-top:0px;
}
/*
.sc_ph .qk_sc .std_flex2 .column .mokuteki_icon_flex {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:2%;
}

.sc_ph .qk_sc .std_flex2 .column .mokuteki_icon_flex div.column {
	width:30%;
	text-align:center;
	line-height:1.5em;
}

*/

.sc_ph .qk_sc .std_flex2 .column .mokuteki_icon_block {
	display:block;
	width:100%;
}

.sc_ph .qk_sc .std_flex2 .column .mokuteki_icon_block div.column {
	width:100%;
	/*
	text-align:center;
	*/
	text-align:left;
	line-height:1.5em;
}


.sc_ph .qk_sc .area_part.is-selected {
	opacity: 1; /* hoverと同じ効果をここに書く */
	/* 例：fill の色や背景画像の切り替えでもOK */
}

/* 色付きレイヤがマウスイベントを奪わないようにする（mouseoutが発火する） */
.sc_ph .qk_sc .map_part { pointer-events: none; }


/* 目的アイコンの“箱”を作る（はみ出し防止） */
/* コンテナ全体は枠なしで中央寄せ */
.sc_ph .qk_sc .std_flex2 .js-purpose {
	/*
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: .4rem;
	cursor: pointer;
	*/
	display: inline-flex;
	flex-direction:row;
	align-items: center;
	gap: 1rem;
	
	padding:0;
	margin-bottom:5px;
}

.sc_ph .qk_sc .std_flex2 .js-purpose,
.sc_ph .qk_sc .std_flex2 label {
	cursor: pointer;
}

/* アイコン部分だけをラップ（HTMLで <span class="js-purpose__icon"><img …></span> とする） */
.sc_ph .qk_sc .js-purpose__icon {
	/*
	display: inline-block;
	*/
	width:15%;
	/*
	padding: .3rem;
	*/
	padding: 0rem;
	border:2px solid white;
	border-radius: 15px;
	transition: border-color .2s ease, background-color .2s ease;
}

.sc_ph .qk_sc .js-purpose__icon img {
	display:block;
}

.sc_ph .qk_sc .text_area {
	width:82%;
}

/* 選択状態：枠＋背景色はここだけ */
.sc_ph .qk_sc .js-purpose__icon.is-active {
	border: 2px solid #0c72a9;
	background-color: #e8f4fb; /* PNG透過部分に色が見える */
}


/* ×リンクの見栄え（任意） */
.sc_ph .qk_sc #select-areas .selected a,
.sc_ph .qk_sc #select-purposes .selected a {
	text-decoration: none;
	line-height: 1;
}
.sc_ph .qk_sc #select-areas .selected a:hover,
.sc_ph .qk_sc #select-purposes .selected a:hover {
	text-decoration: underline;
}

.sc_ph .qk_sc map area {
	cursor:pointer;
}

.sc_ph_pager {
}

.sc_ph_pager ul {
	text-align:center;
}

.sc_ph_pager ul li {
	display:inline-block;
	margin:0 1em;
}


/* ##### 詳細検索（プレフィクス dt_sc *detail search）##### */
.dt_sc {}

.sc_ph .dt_sc .bg_white_waku.pref  {
	padding-right:10px;
}

.sc_ph .dt_sc .bg_white_waku.pref label {
	margin-right:0;
}

.sc_ph .dt_sc .select_pref label {	width:7.5em;}
.sc_ph .dt_sc .select_purpose label {	width:calc(50% - 3em)}
.sc_ph .dt_sc .select_detail label {	width:calc(50% - 3em)}

/* チェックボックスを“チップ風”に */
/*
.sc_ph .dt_sc label.chk{
*/
.sc_ph label.chk{
	display:inline-flex;
	align-items:center;
	gap:.5em;
	padding:.45em .75em;
	background:#fff;
	cursor:pointer;
	line-height:1.2;
	position: relative;
}

/* ネイティブ見た目を整える（カスタムチェック） */
/*
.sc_ph .dt_sc label.chk > input[type="checkbox"]{
*/
.sc_ph label.chk > input[type="checkbox"]{
	appearance:none;
	-webkit-appearance:none;
	width:18px;
	height:18px;
	border:2px solid #0c72a9;
	border-radius:3px;
	display:inline-block;
	position:relative;
	flex:0 0 18px;
}

/* チェックマーク */
/*
.sc_ph .dt_sc label.chk > input[type="checkbox"]:checked{
*/
.sc_ph label.chk > input[type="checkbox"]:checked{
	background:#0c72a9;
	border-color:#0c72a9;
}
/*
.sc_ph .dt_sc label.chk > input[type="checkbox"]:checked::after{
*/
.sc_ph label.chk > input[type="checkbox"]:checked::after{
	content:"";
	position:absolute;
	left:4px; top:1px;
	width:6px; height:10px;
	border:2px solid #fff;
	border-top:none; border-left:none;
	transform:rotate(45deg);
}

/* ←ここがポイント：チェックされてたら“チップ”全体を強調 */
/*
.sc_ph .dt_sc label.chk:has(> input[type="checkbox"]:checked){
*/
.sc_ph label.chk:has(> input[type="checkbox"]:checked){
background:#e8f4fb;           /* 薄い水色の塗り */
	border-color:#0c72a9;         /* 枠も濃いめ */
	color:#0c72a9;                /* 文字色も合わせる */
	font-weight:600;
}

.sc_ph .std_flex2 .js-purpose label{
	margin-right:0em;
}

/* ちょっとしたホバー */
.sc_ph .dt_sc label.chk:hover{
	border-color:#79a9c8;
}

/* Googleマップ */
.body_page_hokenyakkyoku .search-results #result-map {
	border-radius: 12px;
	height:360px;
}

.body_page_hokenyakkyoku .search-results #result-map {
	height:500px;
}

/* ##### 一覧ページ（プレフィクス ph_pg *pharmacy page） ##### */
.body_page_hokenyakkyoku .search-results table th {
	text-align:left;
	font-size:1rem;
}



/* ##### 薬局ページ（プレフィクス ph_pg *pharmacy page） ##### */

.ph_pg{
	padding:0 15px;
}

/* 上部：薬局名・基本情報 ph_std */
.ph_pg .ph_std{
	/*
	display:grid;
	grid-template-columns: 1.05fr 0.95fr;
	gap:24px;
	*/
	display:flex;
	align-items:stretch;
	flex-wrap:wrap;
	justify-content: space-between;
}

.ph_pg .ph_std .left { width: 53%;}
.ph_pg .ph_std .right { width: 45%;}


.ph_pg .ph_std .h1_opa_member {
	color:#4668b0;
	/*
	font-size:0.875rem;
	*/
	font-size:1rem;
}

.ph_pg .ph_std .h1_opa_member img {
	vertical-align:middle;
}

.ph_pg .ph_std .h1_wrapper:after {
	content:'';display:block;clear:both;
}

.ph_pg .ph_std h1 {
	display:block;
	float:left;
	font-size:1.375rem;
	position:relative;
	line-height:1.5em;
	/*
	margin:5px 0 5px 35px;
	*/
	margin:5px 0;
}

/*
.ph_pg .ph_std h1:before {
	content:"";
	position:absolute;
	width:31px;
	height:31px;
	background:url(../images/yakkyoku/yakkyoku_name_icon.png) no-repeat left top;
	background-size:cover;
	top:0;
	left:-35px;
}
*/

.ph_pg .ph_std .left dl {
	display:flex;
	padding:1em 0;
	border-bottom:1px solid #0c72a9;
}

.ph_pg .ph_std .left dl:first-of-type {
	border-top:1px solid #0c72a9;
}

.ph_pg .ph_std .left dl dt {
	color:#0c72a9;
	width:8em;
	text-align:center;
}

.ph_pg .ph_std .left dl dd {
	width:calc(100% - 12em);
}

.ph_pg .ph_std .left dl dd.word_wrap {
	word-break: break-all;
	line-height:1.2em;
}

.ph_pg .ph_std .right {
}

.ph_pg .ph_std .right .ph-map {
	height:100%;
}



.ph_pg .ph_std .ph-badges-area {
	display:block;
	float:right;
	vertical-align:middle;
	float:right;
}

.ph_pg .ph_std .ph-badges-area .ph-badge {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	padding-top:5px;
	position:relative;
	cursor:pointer;
}


.ph_pg .ph_std .ph-badges-area img {
	width:auto;
	height:30px;
}


.body_page_hokenyakkyoku .ph-badge:hover .chip {
	opacity:1;
	visibility: visible;
}

.body_page_hokenyakkyoku .ph-badge.text,
.body_page_hokenyakkyoku .ph-badge.text .ico {
	display:inline-block;
}

.body_page_hokenyakkyoku .ph-badge.text .ico {
	border:2px solid #6798ff;
	color:#6798ff;
	background-color:white;
	border-radius:5px;
	width:1.5em;
	line-height:1.5em;
	text-align:center;
	font-size:0.8em;
}

.body_page_hokenyakkyoku .ph-badge.text .ico:hover {
	cursor:pointer;
}

.body_page_hokenyakkyoku .chip {
	position:absolute;
	opacity:0;
	font-size:1rem;
	top:38px;
	left:-10px;
	border:1px solid #4668b0;
	background-color:white;
	padding:5px;
	visibility: hidden;
	width:max-content;
	border-radius:5px;
	background-color: #dae6ff;
	transition:all 0.3s;
	z-index: 2;
	max-width: 380px;
}

.body_page_hokenyakkyoku .ph-badge.text .chip {
	font-weight:normal;
	display:block;
	padding:10px;
	width:400px;
	text-align:left;
	line-height:1.5em;
	color:black;
	/*
	left:-200px;
	*/
}

.body_page_hokenyakkyoku .chip.is-open {
  opacity: 1;
  visibility: visible;
}

.body_page_hokenyakkyoku .chip div {
	}

	
.body_page_hokenyakkyoku img:hover .chip {

}

.ph_pg .right .ph-badges-area:after {
	content:'';display:block;clear:both;
}

.ph_pg .right .ph-badge {
	float:right;

}

/*
.ph_pg .ph_std .right .ph-badge {
	display:grid;
	grid-template-columns:70px 1fr;
	gap:15px;
	align-items:center;
	margin-bottom:15px;
}

.ph_pg .ph_std .right .ph-badge img {
	display:block;
}

.ph_pg .ph_std .right .ph-badge .ttl{
	font-size:1rem;
	font-weight:700;
}
*/


.ph_pg .ph_std .right .ph-badge .ttl.online { color:#ff9202;}
.ph_pg .ph_std .right .ph-badge .ttl.taiou_24 { color:#e51c24;}
.ph_pg .ph_std .right .ph-badge .ttl.saigai { color:#3d93d0;}
.ph_pg .ph_std .right .ph-badge .ttl.zaitaku { color:black;}

.ph_pg .ph_std .right .ph-badge .txt{
	font-size:.875rem;
	text-indent:-1em;
	margin-left:1em;
	line-height:1.6em;
}

.ph_pg .oshirase {
	padding-left:10px;
}


/* 営業時間（曜日カード） */
.ph_pg .ph-hours {
	display:flex;
	gap:10px;
}

.ph_pg .ph-hours .card{
	width:12%;
	min-height:110px;
	box-sizing:border-box;
	text-align:center;
	background:#ecf4f8;
	border-radius:12px;
	padding:12px 6px;
}

.ph_pg .ph-hours .card .day{
	display:inline-block;
	font-size:1.125rem;
	font-weight:normal;
	width:2em;
	height:2me;
	text-align:center;
	line-height:2em;
	border-radius:2em;
	background-color:white;
	color:#2a5570;
	margin-bottom:15px;
}

.ph_pg .ph-hours .card.sat { background-color:#dce5f5;}
.ph_pg .ph-hours .card.sun { background-color:#f5dfdc;}
.ph_pg .ph-hours .card.hol { background-color:#ffead0;}



.ph_pg .ph-hours .time{
	/*
	font-weight:700;
	*/
	font-size:0.875rem;
}

/* 地図 */
.ph-map{
	border-radius:12px;
	overflow:hidden;
	border:1px solid #e3eef7;
	height:420px;
}

/* パネル切り替え（詳細情報・在宅詳細） */
.ph_pg #panel-homecare { display:none; }
.ph_pg #panel-detailinfo.is-active,
.ph_pg #panel-homecare.is-active { display:block !important; }


/* タブ */
.ph_pg .result-tabs{
	padding:0 10px;
	border-bottom:6px solid #0c72a9;
}
.ph_pg .result-tabs a.btn{
	display:inline-block;
	padding:1em;
	width:9em;
	text-align:center;
	background:white;
	color:#0c72a9;
	margin-right:5px;
	font-size:1.25rem;
}
.ph_pg .result-tabs a.btn.active{
	background-color:#0c72a9;
	color:white;
}

/* パネル（フェード） */
.sc_ph .tab-panel{
	opacity:0;
	visibility:hidden;
	transition:opacity .35s ease;
	position:relative;
	pointer-events:none;
}
.sc_ph .tab-panel.is-active{
	opacity:1;
	visibility:visible;
	pointer-events:auto;
}
[role="tabpanel"][hidden]{display:none;}

.sc_ph .tab-panel.no-active{
	display:none;
}

/* 情報グリッド（白カード） */
.ph_pg .info-grid{
	display:grid;
	grid-template-columns:1fr 1fr;
	grid-auto-flow: column;
	gap:12px 16px;
	padding:16px 0;
	border-radius:12px;
}
.ph_pg .info-grid .row{
	display:grid;
	grid-template-columns:1.3fr 0.7fr;
	align-items:center;
	background:white;
	border-radius:6px;
	padding:.4rem 1rem;
}

.ph_pg .info-grid .row.mailaddress {
	grid-template-columns:7em calc(100% - 6.5em);
	gap:0.5em;
}

.ph_pg .info-grid .row.mailaddress .td {
	text-align:left;
	word-break: break-all;
	line-height:1.2em;
}

.ph_pg .info-grid .th{
	font-weight:700;
	color:#0c72a9;
}
.ph_pg .info-grid .td{
	font-weight:700;
	color:black;
	text-align:center;
}

.ph_pg .info-grid .td a:hover {
	color:#77d1fb;
}

/* 営業時間のグリッド */
.ph_pg .info-grid.gr-kaikyoku {
	grid-template-rows: repeat(2, auto);
}

/* 詳細情報のグリッド */
.ph_pg .info-grid.gr-syousai {
	grid-template-rows: repeat(6, auto);	
}

/* 在宅情報のグリッド */
.ph_pg .info-grid.gr-zaitaku {
	grid-template-rows: repeat(7, auto);
}

/* 在宅：ボックス2列＋下段の曜日テーブル風 */
/* 営業時間（曜日カード） */
.ph_pg .ph-zaitaku-hours {
	display:flex;
	gap:10px;
}

.ph_pg .ph-zaitaku-hours .card{
	width:14%;
	min-height:110px;
	box-sizing:border-box;
	text-align:center;
	background:white;
	border-radius:12px;
	padding:12px 6px;
}

.ph_pg .ph-zaitaku-hours .card .day{
	display:inline-block;
	font-size:1.125rem;
	font-weight:normal;
	width:2em;
	height:2me;
	text-align:center;
	line-height:2em;
	border-radius:2em;
	background-color:#ecf4f8;
	color:#0c72a9;
	margin-bottom:15px;
}

.ph_pg .ph-zaitaku-hours .card.sat { background-color:#dce5f5;}
.ph_pg .ph-zaitaku-hours .card.sun { background-color:#f5dfdc;}
.ph_pg .ph-zaitaku-hours .card.hol { background-color:#ffead0;}

.ph_pg .ph-zaitaku-hours .card.sat .day,
.ph_pg .ph-zaitaku-hours .card.sun .day,
.ph_pg .ph-zaitaku-hours .card.hol .day {
	background-color:white;
}

.ph_pg .ph-zaitaku-hours .time{
	/*
	font-weight:700;
	*/
}

.ykr-note{
	background:#fff; border:1px solid #e3eef7; border-radius:10px; padding:12px 14px;
}

/* モバイル */
@media (max-width: 960px){
	.ykr-head{grid-template-columns:1fr;}
}
@media (max-width: 768px){
	.ykr-hours{grid-template-columns: repeat(3,1fr);}
	.info-grid{grid-template-columns:1fr;}
	.ykr-home-grid{grid-template-columns:1fr;}
}

.body_page_hokenyakkyoku table.std_list_table table.yk_eigyou_table {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	margin-top:0px;
	color:#389dd4;
	border-collapse: separate;
	border-spacing: 5px;
}

.body_page_hokenyakkyoku table.std_list_table table.yk_eigyou_table td {
	width:11%;
	padding:0.5em;
	font-size:0.9rem;
	border-radius:10px;
	background-color:#e4eef2;
	vertical-align:top;
}

.body_page_hokenyakkyoku table.std_list_table table.yk_eigyou_table td.sat { background-color:#dce5f5;}
.body_page_hokenyakkyoku table.std_list_table table.yk_eigyou_table td.sun { background-color:#f5dfdc;}
.body_page_hokenyakkyoku table.std_list_table table.yk_eigyou_table td.hol { background-color:#ffead0;}

.body_page_hokenyakkyoku table.std_list_table table.yk_eigyou_table td span {
	display:inline-block;
	width:1em;
	height:1em;
	line-height:1em;
	text-align:center;
	background-color:white;
	border-radius:1em;
	padding:5px;

}

/*----------------------------------------
 * 薬と中毒のはなし
 *----------------------------------------*/
/* 検索フォーム */
.body_page_kusuri form .table_kusuri_search th {
	width:10em;
	text-align:left;
}

.body_page_kusuri form .table_kusuri_search td input[name=keyword] {
	width:400px;
}

.body_page_kusuri .std_list_table.kusuri th {
	text-align:left;
}

.body_page_kusuri span.category {
	display:inline-block;
	width:10em;
	text-align:center;
	color:white;
	border-radius:5px;
	background-color:#0772a9;
	font-size:0.875rem;
}

/* 質問投稿フォーム */
.body_page_kusuri form .table_kusuri_search.toukou th{
	vertical-align:top;
}

.body_page_kusuri form .table_kusuri_search.toukou td input[type=text],
.body_page_kusuri form .table_kusuri_search.toukou td textarea {
	width:95%;
}

.body_page_kusuri form .table_kusuri_search.toukou td textarea {
	height:8em;
}

.body_page_kusuri .std_kakomi_bg_form.kusuri_q {
	padding:20px;
	border-radius:20px;
	border:2px solid #f1f5f7;
}

.body_page_kusuri dl.kusuri_q_a {
	margin:0;
}

.body_page_kusuri dl.kusuri_q_a:after {
	content:"";
	display:block;
	clear:both;
}

.body_page_kusuri dl.kusuri_q_a dt {
	width:110px;
	float:left;
}

.body_page_kusuri dl.kusuri_q_a dt img {
	display:block;
}
.body_page_kusuri dl.kusuri_q_a dd {
	margin-left:125px;
	font-size:1.375rem;
	font-weight:bold;
	padding-top:10px;
	line-height:1.4em;
}

/*----------------------------------------
 * 特別会員（学生会員）申し込み
 *----------------------------------------*/
.body_page_formkaiin .table_kaiin th{
	vertical-align:top;
	text-align:left;
}

.body_page_formkaiin .table_kaiin td span.w3em {
	display:inline-block;
	width:3em;
	text-align:center;
}

.body_page_formkaiin  div.pre-text {
    height: 150px;
    border: 1px solid #ccc;
    margin-bottom: 1em;
    width: 95%;
    padding: 10px;
    font-size: 95%;
    overflow: auto;
    line-height: 1.05em;
}

.body_page_formkaiin .std_form pre {
    white-space: pre-wrap;
    word-wrap: break-word;
}


/*----------------------------------------
 * 新着情報
 *----------------------------------------*/
.body_page_news table.std_list_table.news td {
	vertical-align:top;
}
 
.body_page_news table.std_list_table.news .partsOpa_download_mini_icon {
	text-align:left;
	padding-top:4px;
	font-size:1rem;
}

.body_page_news table.std_list_table.news .partsOpa_download_mini_icon img {
	display:block;
	margin:1px auto 0 auto;
	vertical-align:middle;
	line-height:18px;
	float:left;
}

.body_page_news table.std_list_table.news .partsOpa_download_mini_icon a {
	background:none;
	padding: 0;
	line-height:1.4em;
	margin-bottom:0;
	margin-left:25px;
	display:block;
}

.body_page_news table.std_list_table.news .partsOpa_download_mini_icon a:hover {
	background-image: none;
}

.body_page_news table.std_list_table.news .partsOpa_download_mini_icon div.filesize {
	display:none;
	font-size:0.85em;
	line-height:18px;;
}


/*----------------------------------------
 * フッター
 *----------------------------------------*/

/* 公開側共通バナー */
.common_banner {
	background:url(../images/common/common_banner_bg.png) repeat-x center bottom;
	padding-bottom:170px;
}

.common_banner .std_column3{
	width:630px;
	margin-left:auto;
	margin-right:auto;
} 

.common_banner .std_column3 .column {
	width:180px;
	margin-right:45px;
	margin-top:20px;
	text-align:center;
}

.common_banner .std_column3 .column:nth-child(3n) {
	margin-right:0;
}

.common_banner .std_column3 .column:nth-child(3n+1) {
	clear:left;
}

/* サイトマップ */

.sitemap .sitemap_column.column1 { width:220px;}
.sitemap .sitemap_column.column2 { width:290px;}
.sitemap .sitemap_column.column3 { width:180px;}
.sitemap .sitemap_column.column4 { width:190px;}

.sitemap .kenmin {
	background-color:#80C40F;
	color:white;
	text-align:center;
	display:inline-block;
	padding:3px 10px;
}

.sitemap .kankei {
	background-color:#08A01F;
	color:white;
	text-align:center;
	display:inline-block;
	padding:3px 10px;
}

.sitemap .std {
	color:#0071b4;
}

.sitemap ul a,
.sitemap ul a:visited,
.sitemap ul a:before {
	color:#8095a0;
}

.sitemap ul a:hover {
	color:#0772a9;
}