@charset "utf-8";

/* css setting */
*{box-sizing:border-box}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}li,nav,ul{list-style:none}a{margin:0;padding:0;font-size:100%;text-decoration:none;vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}input,select{width:100%;margin:0;padding:3px;vertical-align:middle;background:#fff;border:#c9c9c9 1px solid;border-radius:3px}input[type=checkbox],input[type=radio]{width:1pc;height:1pc;border:#c9c9c9 1px solid}img{vertical-align:bottom}


/*=======================================================*/


/* ---------- disabled時の設定 ---------- */
input:disabled {
  background:#ccc!important;
  border-color:hsla(0,0%,46%,.3);
}
input[type=checkbox]:disabled,input[type=radio]:disabled {
  opacity: 0;
}
input[type=checkbox]:disabled + label,
input[type=radio]:disabled + label{
  position: relative;
}
input[type=checkbox]:disabled + label::before,
input[type=radio]:disabled + label::before{
  content: '';
  position: absolute;
  top: 1px;
  left: -20px;
  width: 14px;
  height: 14px;
  background: #ccc;
  border:1px solid hsla(0,0%,46%,.3);
  border-radius: 2px;
}
input[type=radio]:disabled + label::before{
  border-radius: 50%;
}


body{
    font-size: 14px;
    color: #000;
    word-wrap: break-word;
    text-size-adjust: none;
    webkit-text-size-adjust: none;
}

div#main.wrapper{
    min-width: 860px;
    margin: 0;
}
div#main.wrapper .wrap{
    position: relative;
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
div#main.wrapper .sec{
    position: relative;
    padding: 20px 0;
}

/*ヘッダー*/
#site-header{
    padding: 20px 0;
    border-bottom: 1px solid #aa6600;
}
#site-header h1{
    font-size: 24px;
    font-weight: bold;
    color: #ffaa66;
}
#site-header h1 a{
    text-decoration: none;
    color: #ffaa66;
    font-weight: bold;
    transition: opacity 0.3s;
}
#site-header h1 a:hover{
    opacity: 0.7;
}
#site-header p{
    position: absolute;
    top: 0;
    right: 20px;
    bottom: 0;
    width: 156px;
    height: 37px;
    margin: auto;
}
#site-header p a{
    transition: opacity 0.3s;
}
#site-header p a:hover{
    opacity: 0.7;
}


/* フッター */
#site-footer{
    padding: 10px;
    color: #fff;
    background: #e9b15c;
}
#site-footer .wrap{
    overflow: hidden;
    max-width: 640px!important;
    padding: 0;
}
#site-footer .site-seal{
    float: left;
}
#site-footer table{
    float: left;
    width: 136px;
    margin-right: 30px;
    text-align: center;
    background: #fff;
}
#site-footer table img{
    max-width: 80px;
    width: 100%;
}
#site-footer table a.ssl-font{
    display: block;
    margin: -2px 0 5px;
    font-family: verdana,sans-serif;
    color:#000;
    font-weight: bold;
    text-decoration: none;
    font-size:10px;
    white-space:nowrap;
    letter-spacing: -0.03em;
    transform: scale(0.8);
}
#site-footer ul{
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
#site-footer ul li a{
    color: #fff;
    text-decoration: none;
}
#site-footer .copyright{
    font-size: 12px;
}
#site-footer a:hover{
    text-decoration: underline;
}



/* メインコンテンツ */
div#main.wrapper h2{
    margin: 0 0 20px 0;
    padding: 0;
    font-size: 16px;
    font-weight: normal;
    color: #ffaa66;
    background: none;
}

#site-main{
    padding-bottom: 80px;
}


/* --------------------
   トップページ
-------------------- */
#site-main .message{
    width: 640px;
    margin: 55px auto 50px;
}
div#main.wrapper #site-main .message h2{
    margin-bottom: 5px;
    font-size: 30px;
    color: #fd7a06;
    font-weight: normal;
}
#site-main .message p:not(.notes){
    /*margin-bottom: 20px;*/
    margin: 20px;
    font-size: 11px;
    text-align: right;
}
#site-main .link-btns li{
    padding: 20px 0;
    border-top: 1px solid #aa6600;
}
#site-main .link-btns li p + p{
    margin: 10px 0 0 20px;
    text-indent: -20px;
    font-size: 12px;
}
#site-main .link-btns li a{
    position: relative;
    display: block;
    width: 266px;
    padding: 12px 0 12px 55px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    transition: opacity 0.3s;
}
#site-main .link-btns li a::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 58px;
    height: 47px;
    border-right: 1px solid #fff;
}
#site-main .link-btns li a:hover {
    opacity: 0.7;
}

/* 会員サイトへログイン */
#site-main .link-btns li .login-link a {
    background: #4887c9;
}
#site-main .link-btns li .login-link a::before {
    background: url(../img/icon_login.png) no-repeat left top / 100% auto;
}

/* 新規会員登録 */
#site-main .link-btns li .regist-btn a {
    background: #e9b15c;
}
#site-main .link-btns li .regist-btn a::before {
    background: url(../img/icon_regist.png) no-repeat left top / 100% auto;
}

/* お問い合わせ */
#site-main .link-btns li .inquiry-btn a {
    background: #8880b3;
}
#site-main .link-btns li .inquiry-btn a::before {
    background: url(../img/icon_inquiry.png) no-repeat left top / 100% auto;
}

/* 有害事象情報連絡 */
#site-main .report-btn {
    margin-bottom: 50px;
}
#site-main .report-btn a {
    display: block;
    width: 367px;
    margin: 0 auto;
    padding: 18px 0;
    font-size: 20px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    border-radius: 3px;
    background: #ffaa66;
    border: 1px solid #ffaa66;
    transition: color 0.3s, background 0.3s;
}
#site-main .report-btn a:hover {
    color: #ffaa66;
    background: #fff;
    cursor: pointer;
}

/* --------------------
   電子調詳細査票（PDF）ダウンロードページ
-------------------- */
div#main.wrapper #site-main .message2 h2{
    margin-bottom: 5px;
    font-size: 30px;
    color: #fd7a06;
    font-weight: normal;
    text-align: center;
}

div#main.wrapper #site-main .message2 h3{
    font-size: 16px;
    font-weight: bold;
}

#site-main .message2 .report-btn {
    margin-bottom: 0px;
}

#site-main .message2 .report-flex {
    display: flex;
}

#site-main .message2 .report-btn a {
    position: relative;
    display: block;
    width: 367px;
    margin: 0 auto;
    padding: 9px 0;
    font-size: 20px;
    text-align: center;
    color: #ffaa66;
    font-weight: bold;
    text-decoration: none;
    border-radius: 10px;
    background: #fff;
    border: 3px solid #ffaa66;
    transition: color 0.3s, background 0.3s;
}
#site-main .message2 .report-btn a:hover {
    color: #fff;
    background: #ffaa66;
    cursor: pointer;
}

#site-main .message2 .report-btn img {
    position: absolute;
    top: 10%;
    left: 2%;
    height: 40px;
    width: 40px;
}

#site-main .message2{
    /*width: 640px;*/
    margin: 55px auto 50px;
}

#site-main .message2 .notes{
    margin: 10px;
    /*font-size: 11px;*/
    text-align: center;
}

#site-main .message2 .notes .notes-attention img{
    margin: 0 4px;
    vertical-align: middle;
}

#site-main .message2 .term_notes{
    padding-left: 40px;
}

#site-main .message2 .term_notes img{
    margin: 0 4px;
    vertical-align: middle;
}

#site-main .term {
    font-size: 16px;
    font-weight: bold;
}

#site-main .manual_pic_area {
    display: flex;
    margin: 10px 0;
}

#site-main .manual_pic{
    text-align: center;
    margin: auto;
}

#site-main .manual_pic .title{
    margin: 10px 0;
}

#site-main .manual_pic img{
    border: solid black 1px;
}

#site-main .inquiry_notes{
    text-align: center;
    margin-top: 20px;
}

#site-main .attention{
    position: relative;
    padding: 12px 0 12px 30px;
    text-align: center;
    background: red;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

#site-main .attention .term{
    padding-bottom: 5px;
}

#site-main .attention::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 68px;
    background: url(../img/icon_attention.png) no-repeat left top / 100% auto;
    background-position: center center;
    margin-left: 5px;
}

#site-main .message2 .notes-attention{
    color: red;
}

/* --------------------
   入力画面
-------------------- */
/* テーブルのレイアウト */
#site-main table{
    width: 100%;
    table-layout: fixed;
}
#site-main table th,
#site-main table td {
    padding: 8px;
    text-align: left;
}
#site-main table th {
    width: 25%;
    color: #aa6600;
    vertical-align: middle;
    border: 1px solid #aa6600;
    background: #e9d19d;
}
#site-main table td {
    vertical-align: top;
    border: 1px solid #aa6600;
    background: #fff;
}
#site-main table td th,
#site-main table td td{
    border: none;
}
#site-main table.table02 th {
    width: initial;
}
#site-main table.table02 td {
    font-size: 12px;
}
#site-main table td.delete {
    vertical-align: middle;
}

/* 「入力のしおりPDF」 */
#site-main .form-input_guidebook {
    width: 700px;
    margin: 30px auto 0;
    font-size: larger;
    text-align: center;
}

/* ---------- 勤務先の検索 ---------- */
#site-main .work-place-search_data {
    position: relative;
    line-height: 2.4;
}
#site-main .work-place-search_data dl {
    display: inline-block;
    float: none;
    margin: 0;
}
#site-main .work-place-search_data dt {
    display: inline-block;
    width: 65px;
}
#site-main .work-place-search_data dd {
    display: inline-block;
}
#site-main .work-place-search_data dl:first-of-type {
    margin-right: 20px;
}
#site-main div.direct_input_form {
    margin: 20px auto;
    max-width: 600px;
}
#site-main div.direct_input_form table th{
    color: #000;
    background: #ffe4ce;
    border: 1px solid #ccc;
    border-left: none;
}
#site-main div.direct_input_form table td{
    background: #fff;
    border: 1px solid #ccc;
    border-right: none;
}
/* ボタン */
#site-main .work-place-search_btns {
    position: absolute;
    right: 7px;
    bottom: 4px;
    width: auto;
    min-width: inherit;
    max-width: inherit;
    padding: 0;
}
#site-main .work-place-search_btns input,
#site-main .work-place-search_btns button {
    width: 80px;
    margin: 0 5px;
    padding: 6px 0;
    text-align: center;
    font-size: 12px;
    color: #fff;
    line-height: 1;
    border-radius: 3px;
    border: none;
    outline: none;
    transition: color 0.3s, background 0.3s;
}
#site-main .work-place-search_btns input {
    -webkit-appearance: none;
    background: #ff6e02;
    border: 1px solid #ff6e02;
}
#site-main .work-place-search_btns input:hover {
    color: #ff6e02;
    background: #fff;
    cursor: pointer;
}
#site-main .work-place-search_btns button {
    background: #777;
    border: 1px solid #777;
}
#site-main .work-place-search_btns button:hover {
    color: #777;
    background: #fff;
    cursor: pointer;
}
/* 検索後に表示されるテーブル */
#site-main .mvp-search-box-list{
    width: 90%;
    margin: 0 auto;
}
#site-main .mvp-search-box-list #institution_search_list_head{
    margin-top: 20px;
}
#site-main .mvp-search-box-list #institution_search_list_head th{
    color: #000;
    background: #ffe4ce;
    border: 1px solid #ccc;
}
#site-main .mvp-search-box-list #institution_search_list_body{
    overflow-y: scroll;
}
#site-main .mvp-search-box-list #institution_search_list_body tr:first-of-type td{
    border-top: none;
}
#site-main .mvp-search-box-list table td{
    border: 1px solid #ccc;
}
#site-main .mvp-search-box-list table .no{
    width: 8%;
    text-align: center;
    vertical-align: middle;
}
#site-main .mvp-search-box-list table .select{
    width: 8%;
    text-align: center;
    vertical-align: middle;
}
#site-main .mvp-search-box-list table .name{
    width: 42%;
}
#site-main .mvp-search-box-list table .address{
    width: 42%;
}


/* ---------- 年齢 ---------- */
#site-main .age_data th {
    width: 80px;
    color: #000;
    vertical-align: top;
    background: none;
}
#site-main .age_data td label {
    width: 80px;
    color: #000;
    vertical-align: top;
    background: none;
}
#site-main .age_data td ul{
    margin-top: 5px;
}
#site-main .age_data td li{
    display: inline-block;
    margin-bottom: 10px;
}
#site-main .age_data td li + li{
    margin-left: 14px;
}
#site-main .age_data td li:nth-child(6),
#site-main .age_data td li:nth-child(11){
    margin-left: 0;
}
#site-main .age_data td li:last-child{
    margin-bottom: 0;
}


/* ---------- 重篤性・重篤性判定基準・転帰 ---------- */
#site-main .severity_data li + li,
#site-main .severity-criteria_data li + li,
#site-main .outcome_data li + li,
 #site-main .factor_data  li + li{
  margin-top: 5px;
}


/* 有害事象の説明文 */
#site-main .reaction-notes{
    margin-bottom: 20px;
    padding: 0 16px;
}
#site-main .reaction-notes p + p{
    margin-top: 10px;
}
#site-main .reaction-notes .example{
    margin-left: 28px;
    text-indent: -28px;
}


/* 「進む」ボタン上の注意事項 */
#site-main .form-notes {
    width: 700px;
    margin: 10px auto 50px;
}


/* 必須アイコン */
#site-main table th.required{
    padding: 0;
}
#site-main table th.required div{
    position: relative;
    padding: 8px;
}
#site-main table th.required div::after{
    content: '必須';
    position: absolute;
    right: 5px;
    padding: 2px 4px;
    color: #fff;
    font-size: 10px;
    background: #f21818;
}
#site-main table th.required div div.field_with_errors{
    padding: 0;
}
#site-main table th.required div div.field_with_errors::after{
    content: none;
}


/* ---------- inputのサイズ ---------- */
/* 名前 */
#institution_search_info_name{
  width: 178px;
}
/* 所属（診療科） */
#adr_report_department{
  width: 280px;
}
/* イニシャル */
#adr_report_patient_initial{
  width: 178px;
}
/* 年齢 */
#div_patient_age_type_nenrei input{
  width: 50px;
}
/* 医薬品名 */
.adr_report_drug_name{
  width: 245px;
}
/* 有害事象名 */
#tbl_adr_report_reaction input[id*='_name'] {
  width: 100px;
}
/* 発現日 */
#tbl_adr_report_reaction input[id*='_onset_date'] {
  width: 70px;
}
/* 転帰日 */
#tbl_adr_report_reaction input[id*='_outcome_date'] {
  width: 70px;
  margin-left: -5px;
}
/* その他の発現要因 */
#tbl_adr_report_relation textarea[id*='_other_factor'] {
  width: 100%;
}


/* 削除ボタン */
#site-main table td.delete_cell{
  padding: 8px 0;
  vertical-align: middle;
}
.del_adr_report_drug,
.del_adr_report_reaction{
  appearance: none;
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 auto;
  padding: 0;
  font: normal 20px Arial;
  line-height: 20px;
  color: #aa6600;
  background-color: transparent;
  border: #aa6600 1px solid;
  border-radius: 3px;
  cursor: pointer;
  outline: none;
}


/* 追加するボタン */
#site-main .add_button {
  display: block;
	margin-top: 5px;
}
#site-main .add_button button {
  padding: 4px 8px;
  color: #ffaa66;
  font-size: 12px;
	border: 1px solid #ffaa66;
  border-radius: 3px;
  background: #fff;
  outline: none;
  transition: color 0.3s, background 0.3s;
}
#site-main .add_button button:disabled {
  opacity: 0.3;
}
#site-main .add_button button:hover {
  color: #fff;
  background: #ffaa66;
  cursor: pointer;
}
#site-main .add_button button:disabled:hover {
  cursor: default;
}

/* 進むボタン */
#site-main button[name*='confirm_button']{
  display: block;
	width: 170px;
  margin: 0 auto;
  padding: 6px 0;
  color: #e9b15c;
  text-align: center;
  font-size: 16px;
	border: 1px solid #e9b15c;
  border-radius: 3px;
  background: #fff;
  outline: none;
  transition: color 0.3s, background 0.3s;
}
#site-main button[name*='confirm_button']:hover {
  color: #fff;
  background: #e9b15c;
  cursor: pointer;
}
#site-main button[name*='confirm_button'] span{
  font-size: 12px;
}


/* エラーメッセージ */
div.notice {
    max-width: 820px;
    margin: 40px auto 20px;
    padding: 10px 0;
}



/* --------------------
   確認画面
-------------------- */
#site-main .confirm_btns{
  margin-top: 40px!important;
}
#main div.submit {
    padding-top: 0;
}
/* 確認画面：戻るボタン */
#site-main div.confirm_btn_back {
  position: absolute;
  left: 20px;
  bottom: 0;
}
#site-main div.confirm_btn_back input{
  -webkit-appearance: none;
  display: block;
	width: 80px;
  padding: 5px 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
  border-radius: 3px;
  background: #777;
  border: 1px solid #777;
  outline: none;
  transition: color 0.3s, background 0.3s;
}
#site-main div.confirm_btn_back input:hover {
  color: #777;
  background: #fff;
  cursor: pointer;
}
/* 確認画面：送信ボタン */
#site-main div.confirm_btn_submit input{
  -webkit-appearance: none;
  display: block;
	width: 256px;
  margin: 0 auto;
  padding: 12px 0;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
  border-radius: 3px;
  background: #ffaa66;
  border: 1px solid #ffaa66;
  outline: none;
  transition: color 0.3s, background 0.3s;
}
#site-main div.confirm_btn_submit input:hover {
  color: #ffaa66;
  background: #fff;
  cursor: pointer;
}



/* --------------------
   完了画面
-------------------- */
#site-main .thanks-message{
    width: 520px;
}
div#main.wrapper #site-main .thanks-message h2{
    margin-bottom: 40px;
    font-size: 24px;
    color: #ffaa66;
}
#site-main .close-btn button {
    display: block;
    width: 256px;
    margin: 0 auto;
    padding: 12px 0;
    font-size: 16px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    background: #777;
    border: 1px solid #777;
    outline: none;
    transition: color 0.3s, background 0.3s;
}
#site-main .close-btn button:hover {
    color: #777;
    background: #fff;
    cursor: pointer;
}





/*

    TB

**********************************************************/
@media screen and (max-width: 859px) {
    .wrapper {
        min-width: 768px;
    }
    .wrap {
        max-width: 100%;
    }
}