/*共通*/  

html {
     height: 100%;
 }
  body{
      /*font-family: "メイリオ";*/
      font-weight:normal;
  }
  .side-color{
      background-color: #F2F2F2;
  }
  .main-background{
      /*background: url(/image/sea3.jpg) no-repeat fixed;*/
      background-color: #eeeeee;
      background-size: cover;
      padding: 100px 0 0 0;
  }
  .header-search-title{
      margin: 7px 5px 0 5px;
      padding: 0;
  }
  .header-search-box{
      width: 400px !important;
      background-color: white;
      color: black;
      padding-left: 5px;
  }
  .header-search-btn{
      color: black;
      height: 30px;
      width: 30px;
      padding: 0;
      background-color: #58D3F7;
      border-radius: 70px;
      -moz-border-radius: 70px;
      -webkit-border-radius: 70px;
  }
  .panel-header-text{
      text-align: center;
  }
  .panel-body-style{
      padding: 0;
  }
  .menu-icon{
      margin-right: 5px;
  }
  .menu-medical-text{
      font-size: 14px;
  }
  .main-padding{
      padding: 0;
  }
  #menu ul{ 
    margin: 0; 
    padding: 0; 
    list-style: none; 
  }
  #menu li{ 
    display: inline; 
    padding: 0; 
    margin: 0; 
    width: 220px;
  }
  .menu-search-type{
    display: block; 
    border-left: 16px solid #990033;
    border-bottom: 8px solid #C97556;
    border-top: 1px solid #FA5858;
    background-color: white;
    padding: 3px 10px;
    text-decoration: none;
    color: #FA5858;
    width: 100%; 
    margin: 0px 0px;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
  }
  .menu-select-search-type{
       border-left: 16px solid #01DF01 !important;
  }
  #menu li a:hover{
    background-color: #2E2E2E;
    color: white;
    text-decoration: none;
  }
  #menu li a#menu-search-keyword{
    color: #2E64FE;
  }
  #menu li a#menu-search-keyword:hover{
    background-color: #2E2E2E;
    color: white;
  }
  .menu-search-keyword-icon{
      color: #01DF3A;
  }
  .menu-max-width{
      max-width: 240px;
  }
  .search-result-maxwidth{
      max-width: 870px;
  }
  .surround{
      border-style: solid;
      border-width: 1px;
      border-radius: 10px;
      border-color: white;
      background-color: white;
      padding: 10px 10px;
  }
  .tenpu-surround{
      border-style: solid;
      border-width: 1px;
      border-radius: 10px;
      border-color: white;
      background-color: #F2F2F2;
      padding: 3%;
  }
  .search-result-header-text{
    font-size: 18px;  
  }
  .nomiawase-btn-color{
      background-color: #F7D358;
      color: #424242;
  }
  .search-result-body-margin{
      margin-top: 20px;
  }
  .search-result-font-align{
      margin: 2% 0;
      float: left;
  }
  .search-result-drugname{
      font-size: large;
      font-weight: bolder;
      color: #0404B4;
  }
  .search-result-drugtext{
      font-size: small;
      color: #585858;
  }
  img.search-result-img-size{
      height: 70px;
      object-fit: contain;
  }
  .nomiawase-btn{
      text-align: right;
      margin: 30px 20px 0 0;
  }
  table#search-result{
      margin-bottom: 0;
  }
  table#search-result tr{
      height: 125px;
  }
  table#search-result tr td{
      vertical-align: middle;
  }
  table#search-result tr td#img{
      text-align: center;
  }
  table#search-result tr td#checkbox{
      text-align: center;
  }
  .drug-info-text{
      font-size: 16px;
      color: black;
  }
  .drug-info-yakkou-margin{
      margin-top: 10px;
  }
  .drug-info-drug-name{
      font-size: large;
      font-weight: bolder;
      color: #0040FF;
  }
  .print-btn-position{
      text-align: right;
      margin-top: 2%;
  }
  .print-btn{
      background-color: #FA5858;
      color: white;
      height: 30px;
      width: 60px;
      padding: 0 10px;
  }
  .tab-all-margin{
      margin-top: 2%;
  }
  .tab-frame{
      border-style: solid;
      border-width: 1px;
      border-radius: 10px;
      border-color: #FA5858;
      background-color: white;
      padding: 3%;
  }
  .tab-style{
      font-size: 14px;
      background-color: white;
      border-radius: 5px;
  }
  .language-tab-style{
      font-size: 14px;
      background-color: #D8D8D8;
      border-radius: 5px;
  }
  .drug-info-tenpu-font{
      color: black;
      font-size: larger;
  }
  .drug-info-tenpu-title{
      font-weight: bolder;
      font-size: large;
  }
  .drug-info-tenpu-btn{
      margin-top: 10%;
      width: 100%;
  }
  .check-result-icon{
      float: left;
      width: 6%;
      object-fit: contain;
      margin-right: 5px
  }
  .check-result-text{
      font-size: 16px;
      padding-top: 3px;
  }
  .check-result-img-surround{
      margin-top: 12px;
      border-style: solid;
      border-width: 1px;
      border-color: black;
      background-color: white;
      height: 100px;
      padding: 1%;
  }
  .check-result-drug-text{
      margin: 2% 0;
  }
  .check-result-drug-name{
      font-size: large;
      font-weight: bolder;
      color: #0404B4;
  }
   .drug-info-drug-risk{
      color: #FE2E2E;
  }
  .check-result-height{
      height: 100%;
  }
  .check-result-text-color{
      color: black;
  }
  .check-result-table{
      color: black;
      margin-top: 3%;
      border: solid; 
      border-width: 1px; 
      border-color: #D8D8D8;
  }
  .check-result-table-title{
      background-color: #F2F2F2;
      font-size: large;
      font-weight: bolder;
      color: black;
      text-align: center;
      background-color: #F2F2F2;
  }
  .check-result-table-bgcolor{
      background-color: white;
  }
  .check-result-cell-size{
      height: 50px;
  }
  table#check-result tr{
      border: 1px #808080 solid;
  }
  
/*ログイン画面*/
  .login-header-icon{
       margin-left: 5px;
       font-size: 16px
  }
  div.login-center{
    margin-top:0%;
    margin-left:0%;
  }
  div.login_spacer{
    margin-top:130px;
  }
  .login-title{
    color:#868686;
    font-size:23px;
    font-weight:600;
  }
  div.panel-size{
      max-width: 300px;
      max-height: 300px;
      
  }
  div.panel-size-policy{
      max-width: 80%;
      text-align:left;
  }
  .policy-title{
      margin:50px;
  }
  div.panel-body{
    box-shadow:1px 1px 3px;
  }
  .login-text-font{
      font-size: large;
  }
  .login-btn{
      background:#4cb050;
      color:#FFFFFF;
      margin-top: 10%;
      max-width: 250px;
      width:80%;
  }
  @media screen and (max-width: 863px) {
        .login_service_logo {
            height: 300px;
            width: auto;
            max-width: 100%;
            object-fit: contain;
            margin-bottom: 44px;
            padding-top: 40px;
            padding-bottom: 40px;
        }
  }
  div.login_footer{
      text-align:center;
      width:500px;
      max-width:100%;
      height:200px;
  }
  @media  screen and (max-width: 479px) {
        div.login_footer {
            display: flex;
            flex-direction: column;
        }
        div.login_footer img {
            width: 158px;
            margin: 0 auto;
        }
  }
  .form-control{
      max-width: 250px;
      width:80%;
  }
  /*トップ画面*/
  .menu-style{
      margin-top: 50px;
      padding: 0;
  }
  .change-btn-align{
      text-align: center;
  }
  .change-btn{
      height: 40px;
      width: 40px;
      margin-right: 10px;
      padding: 0;
      border-radius: 70px;
      border-width: 2px;
      line-height: 15px;
      font-size: 12px;
      font-weight: 600;
      -moz-border-radius: 70px;
      -webkit-border-radius: 70px;
    /* ボタンの影の指定 
     * 影の横幅を2px 
     * 縦長を2px 
     * ぼかしを3px 
     * 広がりを1px 
     * 色を#666（グレー）に指定 */
      box-shadow: 2px 2px 3px 1px #666; 
      -moz-box-shadow: 2px 2px 3px 1px #666; 
      -webkit-box-shadow: 2px 2px 3px 1px #666; 
  }
  .action-btn{
      background-color: white;
      color: #F78181;
  }
  .drug-box-shadow{
      box-shadow:5px 5px 3px #424242;
      -moz-box-shadow:5px 5px 3px #424242;
      -webkit-box-shadow:5px 5px 3px #424242;
  }
  .drug-box-body-first{
      width: 55%;
      float:left;
      text-align: center;
  }
  .see-box-style{
      margin-bottom: 30px;
      margin-top: 10px;
  }
  .drug-box-first-img{
      width: 90%;
      oject-fit: contain;
      margin-top: 20px;
      margin-bottom: 10px;
  }
  .drug-box-first-name{
      font-size: large;
      font-weight: bold;
      color: black;
      margin-bottom: 10px;
  }
  .drug-box-body-second{
      width: 45%;
      float:left;
      text-align: center;
  }
  .drug-box-second-img{
      width: 90%;
      oject-fit: contain;
      margin-top: 10px;
      margin-bottom: 5px;
  }
  .drug-box-second-name{
      font-size: larger;
      font-weight: bold;
      color: black;
      margin-bottom: 5px;
  }
  .attention-box-style{
      margin-bottom: 30px;
      margin-top: 50px;
  }
  .search-history{
      font-size: larger;
      font-weight: bold;
      color: black;
      margin-bottom: 10px;
  }
  .text-style{
      color: #2E2E2E;
      text-align: left;
      font-size: 14px;
      padding: 0 10px;
  }
  .top-drug-table{
      text-align: center;
  }
  .top-drug-table tr td{
      width: 33%;
  }
  .eve-img{
      width: 85%;
      oject-fit: contain;
      margin-top: 40px;
      margin-bottom: 8px;
  }
  .rokiso-img{
      width: 85%;
      oject-fit: contain;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .luna-img{
      width: 85%;
      oject-fit: contain;
      margin-top: 40px;
      margin-bottom: 30px;
  }
  /*OTC薬品名検索*/
  label.radio-margin{
      margin-right: 10px;
  }
  /*OTC症状検索*/
  .otc-symptom-text{
      color: black;
      margin: 10px 0 10px 10px;
  }
  .otc-symptom-img{
      width: 90%;
      margin: 0 0 20px 30px;
  }
  /*otc情報提供*/
  .menu-drug-name{
    display: block; 
    border-left: 50px solid #C97556;
    border-top: 1px solid #FA5858;
    background-color: white;
    padding: 3px 5px;
    text-decoration: none;
    color: black;
    width: 100%; 
    margin: 0px 0px;
    text-align: left;
    font-size: 14px;
  }
  #menu li a.menu-drug-name:hover{
    background-color: #2E2E2E;
    color: white;
  }
  .menu-arrow{
    display: block; 
    border-left: 50px solid #C97556;
    border-top: 1px solid #FA5858;
    background-color: white;
    padding: 3px 5px;
    text-decoration: none;
    color: #FA5858;
    width: 100%; 
    margin: 0px 0px;
    text-align: center;
    font-size: 14px;
  }
  #menu li a.menu-arrow:hover{
    background-color: #2E2E2E;
    color: white;
  }
  .menu-select-drug-name{
      background-color: #2E2E2E;
      color: white;
      border-left-color: #990033;
  }
  .menu-search-keyword-name{
    display: block; 
    border-top: 1px solid #FA5858;
    background-color: white;
    padding: 3px 5px;
    text-decoration: none;
    color: #2E64FE;
    width: 100%; 
    margin: 0px 0px;
    text-align: left;
    font-size: 14px;
  }
  .drug-info-table{
      color: black;
  }
  .otc-info-drug-img{
      width: 90%;
      max-width: 180px;
      margin: 10px 10% 10px 15%;
  }
  .self-medi-img{
      width: 100%; max-width: 80px; margin-top: 10px
  }
  .otc-info-dosage-backgroundcolor{
      background-color: #DDDDFF;
  }
  table#dosage tr td{
      padding: 3px;
  }
   .otc-info-taboo-backgroundcolor{
      background-color: #F3F781;
  }
  .drug-info-checkbox-style{
      width: 25px;
      height: 25px;
      float: left;
  }
  .check{
      margin-bottom: 5px;
  }
  .check-text{
      margin-top: 5px;
  }
  .check-icon-style{
      float: left;
      width:72px;
      height:40;
  }
  .check_answer{
      color: red;
      display:none;
      padding-left:25px;
  }
  /*医療用情報提供*/
  .medical-info-drug-img{
      height: 150px;
      padding: 0 10px;
      margin: 10px 10% 5px 15%;
  }
  .medicaldrug-info-emphasis{
      font-weight: bold;
  }
  /*otc禁忌タブ*/
  .otc-taboo-tab-img{
      height: 140px;
      margin: 10px 10% 10px 25%;
  }
  /*飲み合わせ選択*/
  .check-select-text{
      font-size: 16px;
      color: black;
  }
  .check-select-btn-position{
      text-align: right;
      margin-top: 10px;
  }
  .check-select-table-position{
      padding: 15px
  }
  .checkbox-size{
      width: 25px;
      height: 25px;
  }
  /*飲み合わせ結果（重複）*/
  .check-result-surround{
      border-style: solid;
      border-width: 1px;
      border-radius: 10px;
      border-color: #F2F5A9;
      background-color: #F2F5A9;
      padding: 1%;
  }
  .check-result-img-upper{
      width: 180px;
      object-fit: contain;
      margin-top: 2px;
  }
  .check-result-img-lower{
      height: 80px;
      object-fit: contain;
      margin-left: 20%;
  }
  /*飲み合わせ結果（禁忌）*/
  .check-result-danger-surround{
      border-style: solid;
      border-width: 1px;
      border-radius: 10px;
      border-color: #F6CECE;
      background-color: #F6CECE;
      padding: 1%;
  }
  .check-danger-img-upper{
      height: 80px;
      object-fit: contain;
      margin-left: 18%;
  }
  /*禁忌成分含む薬品*/
  .danger-component-img-surround{
      margin-top: 0px;
      border-style: solid;
      border-width: 1px;
      border-color: black;
      background-color: white;
      height: 100px;
      padding: 1%;
  }
  .danger-component-table{
      color: black;
      margin-top: 1%;
      border: solid; 
      border-width: 1px; 
      border-color: #D8D8D8;
  }
  .danger-component-search-surround{
      border-style: solid;
      border-width: 1px;
      border-radius: 10px;
      border-color: white;
      background-color: white;
      padding: 10px 10px;
      margin-top: 40px;
  }
  .danger-component-search-text{
      font-size: 18px;
      font-weight: bold;
      padding: 0;
  }
  .danger-component-table-surround{
      border-style: solid;
      border-width: 1px;
      border-radius: 10px;
      border-color: white;
      background-color: white;
      padding: 10px 10px;
      margin-top: 20px;
  }
  .login-container{
    width: 640px;
  }
  .login-panel{
    height:100%;
    margin-bottom: 0px;
  }
  .login-panel-body{
    height:100%;
  }
  .movie-list{
    text-align: left;
  }
  .movie-list ul{
    padding-left: 10px;
  }
  .movie-block{
    z-index:100;
  }
  .movie-back{
    z-index:50;
    background-color:black;
    opacity:0.5; 
  }
  .movie-list a{
    color: black;
    text-decoration:underline;
  }
  #modal-content{
	width:50%;
	margin:1.5em auto 0;
	padding:10px 20px;
	z-index:2;
	position:fixed;
	display:none;
	text-align:right;
}
  #modal-content a{
	font-size:42px;
	color:rgba(50,50,50,1);
	text-decoration:none;
  }
.modal-p{
	margin-top:1em;
}

.modal-p:first-child{
	margin-top:0;
}

.button-link{
	color:#00f;
	text-decoration:underline;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}
#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.55);
}