@charset "UTF-8";

/*----------------------------------------
 * フォント
 *----------------------------------------*/
 
@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 100;
	font-display: swap;
	src: url(/res/webfonts/NotoSansJP-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url(/res/webfonts/NotoSansJP-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url(/res/webfonts/NotoSansJP-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(/res/webfonts/NotoSansJP-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans JP';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url(/res/webfonts/NotoSansJP-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'font awasome free';
	font-style: normal;
	font-weight: 900;
	font-display: swap;
	src: url(/res/webfonts/fa-solid-900.ttf) format('opentype');
}

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

body {
	font-family:"Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
	font-size:1rem;
	color:black;
	line-height:1.75em;
}

/* リンク */
.member_link {
	display:inline-block;
	position:relative;
	margin-left:22px;
}

.member_link:before {
	content:"";
	display:block;
	position:absolute;
	width:15px;
	height:15px;
	background:url(../images/common/member_icon.png) no-repeat left top;
	background-size:cover;
	left:-22px;
}

a.ex_link:after {
	font-family: "font awasome free";
	font-weight: 900;
	content: "\f35d"; 
	margin-left:5px;
}

a.std_link {
	display:inline-block;
	line-height:1.4em;
	margin-left:1.2em;
}

a.std_link:before {
	display:inline-block;
	font-family: "font awasome free";
	font-weight: 900;
	content: "\f138"; 
	margin-left:-1.2em;
	margin-right:0.2em;
}

a.std_link_csv,
a.std_link_excel,
a.std_link_gif,
a.std_link_image,
a.std_link_jpg,
a.std_link_link,
a.std_link_other,
a.std_link_png,
a.std_link_ppt,
a.std_link_word,
a.std_link_pdf {
	display:inline-block;
	position:relative;
	margin-left:22px;
}

a.std_link_csv:before,
a.std_link_excel:before,
a.std_link_gif:before,
a.std_link_image:before,
a.std_link_jpg:before,
a.std_link_link:before,
a.std_link_other:before,
a.std_link_png:before,
a.std_link_ppt:before,
a.std_link_word:before,
a.std_link_pdf:before {
	content:"";
	display:block;
	position:absolute;
	width:19px;
	height:18px;
	background-repeat:no-repeat;
	background-position:left top;
	background-size:cover;
	left:-22px;
	top:6px;
}


a.std_link_csv:before { background-image:url(../images/common/fileicons/icon_csv_s.gif);}
a.std_link_excel:before { background-image:url(../images/common/fileicons/icon_excel_s.gif);}
a.std_link_gif:before { background-image:url(../images/common/fileicons/icon_gif_s.gif);}
a.std_link_image:before { background-image:url(../images/common/fileicons/icon_image_s.gif);}
a.std_link_jpg:before { background-image:url(../images/common/fileicons/icon_jpg_s.gif);}
a.std_link_link:before { background-image:url(../images/common/fileicons/icon_link_s.gif);}
a.std_link_other:before { background-image:url(../images/common/fileicons/icon_other_s.gif);}
a.std_link_png:before { background-image:url(../images/common/fileicons/icon_png_s.gif);}
a.std_link_ppt:before { background-image:url(../images/common/fileicons/icon_ppt_s.gif);}
a.std_link_word:before { background-image:url(../images/common/fileicons/icon_word_s.gif);}
a.std_link_pdf:before { background-image:url(../images/common/fileicons/icon_pdf_s.gif);}



/*----------------------------------------
 * ヘッダー
 *----------------------------------------*/
header h1 {
	width:200px;
	height:50px;
	margin:5px 0 0 0;
	background:url(/res/images/header/opa_logo.png) no-repeat left top;
	background-size:cover;
	float:left;
}

header div.opa_alphabet {
	float:left;
	font-size:0.8125rem;
	color:#a0a0a0;
	font-weight:300;
	line-height:1em;
	margin:20px 0 0 12px;
}

header .member_login {
	position:relative;
	float:right;
	background-color:#F4F4F4;
	font-size:0.875rem;
	line-height:1em;
	margin-top:10px;
}

/* グローバルメニュー */
header nav:before {
	content:"";
	display:block;
	clear:both;
}

header nav ul {
	margin:0 0 0 12px;
	padding:0;
}

header nav ul:after {
	content:"";
	display:block;
	clear:both;
}

header nav ul li {
	position:relative;
	float:left;
	font-weight:500;
	font-size:0.875rem;
	text-align:center;
	margin-right:0px;
	line-height:1em;
}

header nav ul li.active:after {
	content:"\f0d8";
	display:block;
	font-family: 'font awasome free';
	position:absolute;
	width:100%;
	bottom:-2px;
	left:0;
	font-size:14px;
	line-height:14px;
	text-align:center;
	color:#FF0074;
}

header nav ul li a span {
	display:inline-block;
	padding:5px 7px ;
}



/* サブナビゲーション */
header nav ul li .sub_nav {
	position:absolute;
	width:100vw;
	padding:25px 0 11px 0;
	z-index:10;
}

.sub_nav ul {
	width:860px;
	margin:0 auto;
}

.sub_nav ul li {
	display:block;
	float:left;
	width:200px;
	margin-right:14px;
	margin-bottom:14px;
	background-color:white;
}

.sub_nav ul li a {
	display:block;
	padding:10px 0;
	font-size:14px;
	line-height:20px;
}

.sub_nav ul li a.std_link {
	margin-left:0;
}

.sub_nav ul li a.pad2 {
	padding:20px 0;
}


/* パンくずナビゲーション */
nav.pan_nav {
	font-size:0.75rem;
}

nav.pan_nav span {
	padding-right:1em;
}

nav.pan_nav span:first-of-type {
	padding-left:2em;
}

nav.pan_nav div a {
}

nav.pan_nav div span:after {
	content:'>';
	padding-left:1em;
	color:#999;
}

/*----------------------------------------
 * 本文
 *----------------------------------------*/
 
 /* 基本書式 */


section.main_body .std_h1 {
	position:relative;
	font-size:1.75rem;
	line-height:1.5em;
	font-weight:bold;
	margin:0;
	padding-left:3px;
/*
	padding-right:160px;
*/
	padding-right:3px;
	padding-bottom:10px;
	margin-bottom:1em;
}

section.main_body .std_h1 span.category {
	color:white;
	/*
	display:inline-block;
	*/
	display:block;
	float:left;
	margin-top:-3px;
	font-size:1rem;
	padding:2px 2em;
	font-weight:normal;
	margin-right:1.5em;
}

section.main_body .std_h1.right_illust {
	padding-right:160px;
}

section.main_body .std_h1.right_illust:after {
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	width:150px;
	height:60px;
	background:url(/res/images/common/h1_right_illust.png) no-repeat left top;
	background-size:cover;
}

/* 初期値 */
/*
section.main_body .std_h2 {
	font-size:1.5rem;
	margin-top:2em;
	margin-bottom:1em;
	padding-bottom:10px;
	border-bottom:1px solid #e2e9ec;
}
*/

section.main_body .std_h2 {
	font-size:1.5rem;
	margin-top:2em;
	margin-bottom:1em;
	padding:5px 10px;
	background-color:#acdbf3;
	color:black;
}

section.main_body .std_h3 {
	font-size:1.25rem;
	margin-top:2em;
	padding-bottom:10px;
	border-bottom:1px solid #e2e9ec;
	margin-bottom:1em;
}

section.main_body .std_h4 {
	font-size:1.125rem;
	margin-top:1em;
	margin-bottom:0.5em;
}


section.main_body .std_h1.std_margin_top0,
section.main_body .std_h2.std_margin_top0,
section.main_body .std_h3.std_margin_top0 {
	margin-top:0;
}


/* 文字色 */
.col_red { color:#e51c24;}
.col_white { color:white;}
.col_member { color:#d65088;}
.col_gray { color:#b5b5b5;}
.col_dark_blue { color:#0772a9;}

/* 文字色 リンクのhoverで色を変えない場合*/
.col_red.no_hover:hover { color:#e51c24;}
.col_white.no_hover:hover{ color:white;}

/* 背景色 */
.bg_red { background-color:#e51c24;}
.bg_white {  background-color:white;}
.bg_light_green {  background-color:#e6f6e8;}
.bg_light_blue {  background-color:#f1f5f7;}

/* 背景画像 */

/* リストカラー */

/* 囲み */
.std_kakomi_red {
	border:4px solid #e51c24;
	padding:12px;
	border-radius:12px;
}

.std_kakomi_bg_light_gray {
	padding:12px;
	border-radius:12px;
	background-color:#f1f1f1;
}

/* 表 */

.std_table,
.partsSimpletable .std_table {
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
}

.std_table th.w4em,
.partsSimpletable .std_table th.w4em {
	width:4em;
}

.std_table td,
.partsSimpletable .std_table td {
	background-color:#f7f7f7;
	padding:10px;
}

.std_table2,
.partsSimpletable .std_table2 {
	width:100%;
	border-collapse:separate;
	border-spacing:2px;
}

.std_table2 th,
.partsSimpletable .std_table2 th {
	background-color:#e6e6e6;
	padding:10px;
}

.std_table2 td,
.partsSimpletable .std_table2 td {
	background-color:#f7f7f7;
	padding:10px;
}

.std_table3,
.partsSimpletable .std_table3 {
	width:100%;
	border-collapse:collapse;
}

.std_table3 th,
.partsSimpletable .std_table3 th {
	background-color:#f7f7f7;
	padding:10px;
	border-bottom:2px solid white;
}

.std_table3 td,
.partsSimpletable .std_table3 td {
	background-color:#f7f7f7;
	padding:10px;
	border-bottom:2px solid white;
}

.std_table th, .partsSimpletable .std_table th,
.std_table td, .partsSimpletable .std_table td,
.std_table2 th, .partsSimpletable .std_table2 th,
.std_table2 td, .partsSimpletable .std_table2 td,
.std_table3 th, .partsSimpletable .std_table3 th,
.std_table3 td, .partsSimpletable .std_table3 td {
	border:none;
}


.std_table .w1em, .std_table2 .w1em, .std_table3 .w1em { width:1em;}
.std_table .w2em, .std_table2 .w2em, .std_table3 .w2em { width:2em;}
.std_table .w3em, .std_table2 .w3em, .std_table3 .w3em { width:3em;}
.std_table .w4em, .std_table2 .w4em, .std_table3 .w4em { width:4em;}
.std_table .w5em, .std_table2 .w5em, .std_table3 .w5em { width:5em;}
.std_table .w6em, .std_table2 .w6em, .std_table3 .w6em { width:6em;}
.std_table .w7em, .std_table2 .w7em, .std_table3 .w7em { width:7em;}
.std_table .w8em, .std_table2 .w8em, .std_table3 .w8em { width:8em;}
.std_table .w9em, .std_table2 .w9em, .std_table3 .w9em { width:9em;}
.std_table .w10em, .std_table2 .w10em, .std_table3 .w10em { width:10em;}
.std_table .w11em, .std_table2 .w11em, .std_table3 .w11em { width:11em;}
.std_table .w12em, .std_table2 .w12em, .std_table3 .w12em { width:12em;}
.std_table .w13em, .std_table2 .w13em, .std_table3 .w13em { width:13em;}
.std_table .w14em, .std_table2 .w14em, .std_table3 .w14em { width:14em;}
.std_table .w15em, .std_table2 .w15em, .std_table3 .w15em { width:15em;}
.std_table .w16em, .std_table2 .w16em, .std_table3 .w16em { width:16em;}
.std_table .w17em, .std_table2 .w17em, .std_table3 .w17em { width:17em;}
.std_table .w18em, .std_table2 .w18em, .std_table3 .w18em { width:18em;}
.std_table .w19em, .std_table2 .w19em, .std_table3 .w19em { width:19em;}
.std_table .w20em, .std_table2 .w20em, .std_table3 .w20em { width:20em;}
.std_table .w21em, .std_table2 .w21em, .std_table3 .w21em { width:21em;}
.std_table .w22em, .std_table2 .w22em, .std_table3 .w22em { width:22em;}
.std_table .w23em, .std_table2 .w23em, .std_table3 .w23em { width:23em;}
.std_table .w24em, .std_table2 .w24em, .std_table3 .w24em { width:24em;}
.std_table .w25em, .std_table2 .w25em, .std_table3 .w25em { width:25em;}


/* リンクボタン */
a.std_button {
	display:inline-block;
	text-align:center;
	padding:5px 2em;
	border-radius:10px;
}

/* 前のページに戻るリンク */
a.page_back {
	display:inline-block;
}

a.page_back:before {
	font-family: "font awasome free";
	font-weight: 900;
	content: "\f137"; 
	margin-right:0.2em;
}

/* お知らせなどで日付を添える場合 */
.page_back_date:after {
	content:"";
	display:block;
	clear:both;
}

.page_back_date span {
	display:block;
	float:right;
}

/* イラスト3列 */
.std_column3.illust_3col {
}

.std_column3.illust_3col .column{
	width:280px;
	margin-right:60px;
}

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

.std_column3.illust_3col .column .illust_area {
	background-color:white;
	border-radius:10px;
}

.std_column3.illust_3col .column .inner {
	padding:10px;
}

.std_column3.illust_3col .column .inner .midashi {
	margin:0;
	font-size:1.375rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

/* イラスト4列 */
.std_column4.illust_3col {
}

.std_column4.illust_3col .column{
	width:222px;
	margin-right:24px;

}

.std_column4.illust_3col .column:nth-child(4n){
	margin-right:0;
}

.std_column4.illust_3col .column .illust_area {
	background-color:white;
	border-radius:10px;
}

.std_column4.illust_3col .column .inner {
	padding:10px;
}

.std_column4.illust_3col .column .inner .midashi {
	margin:0;
	font-size:1.375rem;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}

.std_column4.illust_3col .column.top_kenyaku_mail .illust_area {
	background-color:#c0e4f5;
}

.std_column4.illust_3col .column.top_kenyaku_mail .illust_area img {
	border-radius:10px;
}

.std_column4.illust_3col .column.top_kenyaku_mail .col_member {
	text-align:center;
}

.page_top .std_column4.illust_3col .column.top_kenyaku_mail .inner .midashi a {
	color:#486dbc;
}

.page_top .std_column4.illust_3col .column.top_kenyaku_mail .inner .midashi a:hover {
	color:#0095ff;
}

.std_column3.illust_3col .column.top_kenyaku_mail .illust_area {
	background-color:#c0e4f5;
}

.std_column3.illust_3col .column.top_kenyaku_mail .illust_area img {
	border-radius:10px;
}

.std_column3.illust_3col .column.top_kenyaku_mail .col_member {
	text-align:center;
}

.page_top .std_column3.illust_3col .column.top_kenyaku_mail .inner .midashi a {
	color:#486dbc;
}

.page_top .std_column3.illust_3col .column.top_kenyaku_mail .inner .midashi a:hover {
	color:#0095ff;
}


/* リストテーブル */
.std_list_table {
	line-height:1.4em;
}

table.std_list_table tr th,
table.std_list_table tr td {
  word-break : break-all;
}


table.std_list_table tr th {
	border-top:1px solid #d0d0d0;
}

.std_list_table.page_link:after {
	content:"";
	display:block;
	clear:both;
}

.std_list_table.page_link .page_link_num {
	float:left;
}

.std_list_table.page_link .page_link_button {
	float:right;
}

.std_list_table.page_link .page_link_button span {
	display:inline-block;
	width:2em;
	text-align:center;
}

table.std_list_table {
	width:100%;
	border-collapse:collapse;
	vertical-align:middle;
}

table.std_list_table tr th {
	text-align:center;
	font-size:0.875rem;
	line-height:1.3em;
	padding:10px 3px;
}

table.std_list_table tr td {
	padding:10px 3px;
}

table.std_list_table tr .w1em { width:1em;}
table.std_list_table tr .w2em { width:2em;}
table.std_list_table tr .w3em { width:3em;}
table.std_list_table tr .w3_5em { width:3.5em;}
table.std_list_table tr .w4em { width:4em;}
table.std_list_table tr .w5em { width:5em;}
table.std_list_table tr .w6em { width:6em;}
table.std_list_table tr .w7em { width:7em;}
table.std_list_table tr .w8em { width:8em;}
table.std_list_table tr .w9em { width:9em;}
table.std_list_table tr .w10em { width:10em;}
table.std_list_table tr .w11em { width:11em;}
table.std_list_table tr .w12em { width:12em;}
table.std_list_table tr .w13em { width:13em;}
table.std_list_table tr .w14em { width:14em;}
table.std_list_table tr .w15em { width:15em;}
table.std_list_table tr .w16em { width:16em;}
table.std_list_table tr .w17em { width:17em;}
table.std_list_table tr .w18em { width:18em;}
table.std_list_table tr .w19em { width:19em;}
table.std_list_table tr .w20em { width:20em;}
table.std_list_table tr .w21em { width:21em;}
table.std_list_table tr .w22em { width:22em;}
table.std_list_table tr .w23em { width:23em;}
table.std_list_table tr .w24em { width:24em;}
table.std_list_table tr .w25em { width:25em;}

table.std_list_table a.std_link_csv:before,
table.std_list_table a.std_link_excel:before,
table.std_list_table a.std_link_gif:before,
table.std_list_table a.std_link_image:before,
table.std_list_table a.std_link_jpg:before,
table.std_list_table a.std_link_link:before,
table.std_list_table a.std_link_other:before,
table.std_list_table a.std_link_png:before,
table.std_list_table a.std_link_ppt:before,
table.std_list_table a.std_link_word:before,
table.std_list_table a.std_link_pdf:before {
	top:2px;
}

table.std_list_table .partsOpa_download_mini_icon {
	text-align:left;
	padding-top:4px;
	font-size:0.875rem;
}

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

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

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

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





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

.std_column2.std_second:after {
	content:"";
	display:block;
	clear:both;
}

.std_column2.std_second .std_second_left {
	float:left;
	padding-bottom:
}

.std_column2.std_second .std_second_right {
	float:right;
}

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

.std_column2.std_second .std_second_left nav .page_category_illust {
	display:block;
}

.std_column2.std_second .std_second_left nav ul {
	margin:0;
	padding:0;
}

.std_column2.std_second .std_second_left nav ul li {
	line-height:1.5em;
	padding:10px 0;
	border-bottom:1px solid #e2e9ec;
}

.std_column2.std_second .std_second_left nav ul li a {
	position:relative;
	display:inline-block;
	margin-left:1em;
	color:black;
	margin-bottom:10px;
}

.std_column2.std_second .std_second_left nav ul li a:before {
	font-family: "font awasome free";
	font-weight: 900;
	content: "\f0da"; 
	margin-left:0;
	position:absolute;
	left:-1em;
	top:0;
	color:#e2e9ec;
}

.std_column2.std_second .std_second_left nav ul li a.active {
	font-weight:900;
}

.std_column2.std_second .std_second_left nav ul ul{
	font-size:0.875rem;
}

.std_column2.std_second .std_second_left nav ul ul ul{
	margin-top:-10px;
}

.std_column2.std_second .std_second_left nav ul.child-ul li {
	padding-bottom:0;
}

.std_column2.std_second .std_second_left nav ul.child-ul li a {
}

.std_column2.std_second .std_second_left nav ul li.topLi {
	padding-bottom:0;
}

.std_column2.std_second .std_second_left nav ul ul li {
	padding-right:5px;
}

.std_column2.std_second .std_second_left nav ul ul li:last-of-type {
	border-bottom:none;
}


/* ページレイアウト セカンドページの左ナビゲーション */
.std_column2.std_second .std_second_left nav .page_category {
	font-size:1.125rem;
	text-align:center;
	font-weight:900;
	line-height:1.5em;
	padding:15px 0;
}

/* フォーム */
.std_form .form-err {
	font-weight:bold;
	color:red;
}

.hissu {
	color:#e51c24;
	font-weight:bold;
}

.std_form .info {
	color:#08A01F;
}

.std_form input[type=image] {
	vertical-align:middle;
	transition: filter 0.5s;
}

.std_form input[type=image]:hover {
	filter: brightness(120%);
	transition: filter 0.5s;
}

.submit_button_area {
	text-align:center;
}

.submit_button_area input[type=submit],
.submit_button_area input[type=button]{
	font-size:1.125rem;
	padding:5px 2em;
	background-color:#dedede;
	border:1px solid #666;
	border-radius:5px;
	box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.21);
}

/* 入力確認画面に戻るか送信するかなど、ボタンを並べる時 */
.submit_button_area .button_margin {
	display:inline-block;
	width:3em;
}


/* dl */
.std_form dl {
	margin:0;
}

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

.std_form dl dt {
	display:table-cell;
	vertical-align:middle;
	font-size:1.25rem;
	font-weight:bold;
	float:left;
	margin-right:1em;
}

.std_form dl dt img {
	vertical-align:middle;
}

.std_form dl dd {
	display:table-cell;
	vertical-align:middle;
}

.std_form dl dd input[type=text] {
	padding:3px;
	font-size:1.4rem;
	vertical-align:middle;
	margin-right:1em;
}

.std_form dl dd input[type=image] {
	vertical-align:middle;
}

/* table */
.std_form table {
	width:100%;
}

.std_form table,
.std_form table td,
.std_form table th,
.std_form table input[type=image],
.std_form table input[type=text]{
	vertical-align:middle;
}

.std_form table input[type=text]{
	padding:3px;
	font-size:1.4rem;
	margin-right:1em;
}

.std_form table input[type=checkbox]{
	margin-right:5px;
}

.std_form table select {
	font-size:1.2rem;
	padding:5px;
}

.std_form table th {
	font-size:1.125rem;
}

.std_form table  th,
.std_form table  td {
	padding:0.5em 0.1em;
}

.std_form th.w1em { width:1em;}
.std_form th.w2em { width:2em;}
.std_form th.w3em { width:3em;}
.std_form th.w4em { width:4em;}
.std_form th.w5em { width:5em;}
.std_form th.w6em { width:6em;}
.std_form th.w7em { width:7em;}
.std_form th.w8em { width:8em;}
.std_form th.w9em { width:9em;}
.std_form th.w10em { width:10em;}
.std_form th.w11em { width:11em;}
.std_form th.w12em { width:12em;}
.std_form th.w13em { width:13em;}
.std_form th.w14em { width:14em;}
.std_form th.w15em { width:15em;}
.std_form th.w16em { width:16em;}
.std_form th.w17em { width:17em;}
.std_form th.w18em { width:18em;}
.std_form th.w19em { width:19em;}
.std_form th.w20em { width:20em;}

/* 入力卵 */
.std_form input[type=text].w1em { width:1em;}
.std_form input[type=text].w2em { width:2em;}
.std_form input[type=text].w3em { width:3em;}
.std_form input[type=text].w4em { width:4em;}
.std_form input[type=text].w5em { width:5em;}
.std_form input[type=text].w6em { width:6em;}
.std_form input[type=text].w7em { width:7em;}
.std_form input[type=text].w8em { width:8em;}
.std_form input[type=text].w9em { width:9em;}
.std_form input[type=text].w10em { width:10em;}

.std_form input[type=text].w95p { width:95%;}

.std_form textarea.w95p { width:95%;}

.std_form textarea.h5em { height:5em;}
.std_form textarea.h6em { height:6em;}
.std_form textarea.h7em { height:7em;}
.std_form textarea.h8em { height:8em;}
.std_form textarea.h9em { height:9em;}
.std_form textarea.h10em { height:10em;}




/*----------------------------------------
 * Home（トップページ）
 *----------------------------------------*/
.top_oshirase h2 {
	position:relative;
	font-size:1.25rem;
	display:inline-block;
	line-height:1em;
	padding:5px 10px;
	margin-left:68px;
	font-weight:500;
}

.top_oshirase h2:before {
	content:"";
	position:absolute;
	width:68px;
	height:58px;
	top:-16px;
	left:-68px;
	bockground-size:cover;
}

.top_info_area_outer {
	border-radius:10px;
	padding:6px 6px;
	height:103%;
}

.top_info_area {
	position:relative;
	background-color:white;
	padding:5px;
	height:97%;
	border-radius:5px;
}

.top_info_area dl {
	margin:0;
	font-size:0.875rem;
	line-height:1.2em;
	margin-bottom:0px;
}


.top_info_area dl:after {
	content:"";
	clear:both;
}

.top_info_area dl dt {
	width:5.5em;
	float:left;
	font-size:0.75rem;
}

.top_info_area dl dd {
	margin-left:5.5em;
}

.top_info_area .button_position a.std_button {
	font-size:0.875rem;
}

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

/*----------------------------------------
 * フッター
 *----------------------------------------*/
/* サイトマップ */
.sitemap {
}

.sitemap .std_width:after {
	content:"";
	display:block;
	clear:left;
}

.sitemap .sitemap_column {
	float:left;	
	margin-right:18px;
}

.sitemap .std {
	display:inline-block;
	padding:3px 0;
}

.sitemap ul {
	margin:0;
	padding:0;
}

.sitemap ul li {
	font-size:14px;
	list-style-type:none;
	line-height:17px;
	margin-bottom:10px;
}


.sitemap ul li a{
	display:inline-block;
	margin-left:14px;
	position:relative;
}

.sitemap ul li a:before {
	content:"\0BB";
	position:absolute;
	top:0;
	left:-14px;
	top:-1px;
	color:#8095a0;	
}

/* フッター */
footer {
	background-color:#f4f4f4;
	text-align:center;
}

footer span {
	color:#919191;
}


/*----------------------------------------
 * サイト内検索
 *----------------------------------------*/
 .body_page_site_search {
}

.body_page_site_search dl.result_dl dd {
	margin-left:1em;
	margin-top:5px;	
}

.body_page_site_search .col_hit_blue {
	color:#179dda;
}

.body_page_site_search a:hover .col_hit_blue {
	color:#2ba3db;
}

.body_page_site_search .title_tag {
	margin-bottom:5px;	
}



.body_page_site_search a.search_tag  {
	display:inline-block;	
}

.body_page_site_search a.search_tag span {
	display:inline-block;
	font-size:0.875rem;
	line-height:1em;
	padding:5px 0.5em;
}

.body_page_site_search a.search_tag span.kenmin { background-color:#80C40F; color:white;}
.body_page_site_search a.search_tag span.kankei { background-color:#08A01F; color:white;}
.body_page_site_search a.search_tag span.pub_gen { background-color:#0071B4; color:white;}
.body_page_site_search a.search_tag span.member { background-color:#D65088; color:white;}

.body_page_site_search a.search_tag.member_link:before { top:7px;}

.body_page_site_search .search_gmap {
	width:100%;
	height:300px;
}

.body_page_site_search table.zaitaku_youbi {
	width:100%;
	font-size:0.85rem;
	line-height:1.3em;
	border-collapse:separate;
	border-spacing:2px;
}

.body_page_site_search table.zaitaku_youbi th,
.body_page_site_search table.zaitaku_youbi td {
	background-color:#f1f5f7;
	padding:2px 0;
}

.body_page_site_search .yakuji_result .category {
	display:inline-block;
	border:1px solid black;
	padding:0 1em;
} 

.body_page_site_search .partsOpa_download_mini_icon {
	text-align:left;
}

.body_page_site_search .partsOpa_download_mini_icon a{
	padding:0;
}

.body_page_site_search .partsOpa_download_mini_icon img{
	display:inline;
}


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

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

/* リンク */


/*----------------------------------------
 * ヘッダー
 *----------------------------------------*/
div.g_header {
	width:100%;
}

header {
	padding-bottom:5px;
}

header:after {
	content:"";
	display:block;
	clear:both;
}

header .mobile_button {
    position: absolute;
    top: 4px;
    right: 5px;

    border: 1px solid #ccc;
    border-radius: 3px;

	font-size: 35px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    text-align: center;
    z-index: 10010;
    background-color: white;
}

header .member_button {
    right: 55px;
}

header .mobile_button:hover {
	cursor:pointer;
}

/* グローバルメニュー */
header nav {
	display:none;
	position:absolute;
	z-index:1000;
	top:60px;
	background-color:white;
	width:100%;
	padding-bottom:2em;
	border-bottom:5px solid #fafafa;
}

header nav ul {
	margin-left:0;
}

header nav ul li {
	float:none;
	width:100%;
	text-align:left;
}

header nav ul li.active:after {
	display:none;
}

header nav ul li a {
	padding:10px 5px;
	position:relative;
}

header nav ul li a.sub_menu_button {
	position:absolute;
	top:0;
	right:5px;
	font-size:1.2rem;
	width:1.5em;
	text-align:center;
	color:#ccc;
}

/* モバイルメニューのカテゴリーナビゲーション */
header nav #category_nav img{
	display:block;
	width:70%;
	height:auto;
	margin:0 auto;
}

header nav #category_nav div.page_category {
	text-align:center;
	font-size:1.1rem;
	font-weight:bold;
	color:white;
	background-color:#0772a9;
	margin:0 5px;
	padding:10px 0;
	
}

header nav #category_nav div.page_category.kenmin {
	background-color:#80C40F;
}

header nav #category_nav div.page_category.kankei {
	background-color:#08A01F;
}

.member_site header nav #category_nav div.page_category {
	background-color:#d65088;
}

header nav #category_nav ul {
	padding-bottom:20px;
	border-bottom:1px solid #cacaca;
	margin:0 5px 10px 5px;
}

header nav #category_nav ul li {
	margin-bottom:2px;	
}

header nav #category_nav ul li a {
	padding:13px 7px;
	display:block;
	background-color:#f1f1f1;
}

/* サブナビゲーション */
header nav ul li .sub_nav {
	position:relative;
	width:100%;
	padding:0;
}

.sub_nav ul {
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-left:0;
}

.sub_nav ul li {
	width:100%;
	margin-right:0;
	margin-bottom:5px;
}

.sub_nav ul li a {
	padding-left:10px;
}

.sub_nav ul li a.pad2 {
	padding:10px;
}

header nav .member_login {
	float: none;
    display: block;
    width: 13em;
    margin: 20px auto 0 auto;
}

header nav .public_top {
	float: none;
    display: block;
    width: 13em;
    margin: 20px auto 0 auto;
}

header nav a.public_top { color:#00AFFF;}
header nav a.public_top:hover { color:#0772a9;}

/* 左カラムのリンク（スマホの開閉メニューに追加） */
header nav .mb.left_nav_link img {
	display:block;
	width:50%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

header nav .mb.left_nav_link  .page_category {
	texxt-align:center;
	font-size:1.1rem;
	display:block;
	margin-left:10px;
	margin-right:10px;
	background-color:#d65088;
	text-align:center;
	color:white;
	padding:10px;
}

header nav .mb.left_nav_link ul {
    margin: 0 10px 20px 10px;
    padding: 0;
}

header nav .mb.left_nav_link ul li {
	padding:10px 0;
	background-color:#f1f1f1;
	margin-bottom:1px;
}

header nav .mb.left_nav_link ul li.active a {
	color:black;
}

/* パンくずナビゲーション */
/*
nav.pan_nav {
	border-bottom:1px solid #ccc;
}

nav.pan_nav div {
	display:none;
}
*/
nav.pan_nav  {
	padding:10px 0;
	line-height:1.6em;
	margin-bottom:6px;
}

nav.pan_nav span {
	padding-right:0.5em;
}

nav.pan_nav span:first-of-type {
	padding-left:0.5em;
}

/*----------------------------------------
 * 本文
 *----------------------------------------*/
/* 基本書式 */

/* 見出し */
section.main_body .std_h1 {
	font-size:1.1rem;
	padding-left:0px;
/*
	padding-right:80px;
*/
	padding-right:0px;
	padding-bottom:10px;
	margin-bottom:1em;
}

section.main_body .std_h1.right_illust {
	padding-right:0;	
}

section.main_body .std_h1.right_illust:after {
	display:none;
/*
	content:"";
	position:absolute;
	display:block;
	float:right;
	width:75px;
	height:30px;
	bottom:0;
	right:0;
	background:url(/res/images/common/h1_right_illust.png) no-repeat right top;
	background-size:contain;
*/
}

section.main_body .std_h2 {
	font-size:1.1rem;
	margin-top:1em;
	margin-bottom:0.5em;
	padding-bottom:5px;
	border-bottom:1px solid #e2e9ec;
}

section.main_body .std_h3 {
	font-size:1.1rem;
	margin-top:1em;
	margin-bottom:0.5em;
}

/* 基本書式 県民の皆様へ */

/* 基本書式 薬剤師・医療関係者の皆様へ */

/* 文字色 */

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

/* 背景色 */

/* 背景画像 */

/* リストカラー */

/* 囲み */
.std_kakomi_red {
	border:2px solid #e51c24;
	padding:6px;
	border-radius:6px;
	font-size:1rem;
}

.std_kakomi_bg_light_gray {
	padding:6px;
	border-radius:6px;
}

.std_kakomi_kankei {
	padding:6px;
	border-radius:6px;
}

.std_kakomi_blue {
	padding:10px;
	border-radius:10px;
}

.std_kakomi_bg_light_green {
	padding:6px;
	border-radius:6px;
}

.std_kakomi_bg_form {
	padding:6px;
	border-radius:6px;
}

/* 表 */
.std_table3 th,
.std_table3 td {
	border-bottom:none;
	width:100%;
}

/* リンクボタン */

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

/* イラスト3列 */

/* リストテーブル */

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

body .std_column2.std_second .std_second_right {
	width:100%;
}

/* ページレイアウト セカンドページの左ナビゲーション */

/* フォーム */
/* dl */
.std_form dl {
	margin-bottom:1em;
}

.std_form dl dt {
	font-size:1.1rem;
	width:100%;
	margin-right:0;
	display:block;
	float:none;
}

.std_form dl dd {
	display:block;
	margin:0;
	padding:0;
}

.std_form dl dt img {
	width:40px;
	height:auto;
}

/* table */
.std_form table,
.std_form table tbody,
.std_form table tr,
.std_form table td,
.std_form table th {
	display:block;
}

.std_form table th {
	font-size:1.1rem;
	padding-bottom:0;
}


/* 画像 */
.mb_image {
	width:90%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}



/*----------------------------------------
 * トップページ
 *----------------------------------------*/


.top_info_area_outer {
    border-radius: 5px;
    padding: 2px;
}

.top_info_area {
    padding: 2px;
}













}/* @media screen and (max-width: 768px)  */