#masthead{ display: none; }
#colophon{ display: none; }

#content a,
#content a:visited{ color: #d4214b; font-weight: bold; border-bottom: solid 1px #d4214b; text-decoration: none; }

#content a:hover,
#content a:visited:hover{ color: #d4214b; text-decoration: none; border-bottom: solid 1px #fff; }

#content .c-mainvisual{ border-radius: 10px; margin-bottom: 30px; position: relative; max-width: 930px; margin-left: auto; margin-right: auto; }
#content .c-mainvisual img{ border-radius: 8px; }

.stamp{ background-color:#d4214b; color: #fff; border-radius: 300px; width: 130px; height: 130px; display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1.4em; position: absolute; right: 20px; bottom: -50px; overflow: hidden; padding: 0px; transform: rotate(-4deg); display:none; }
.stamp p{ padding-left: 10px; padding-top: 20px; }
.stamp i{ display: block; font-style: normal; font-weight: bold; font-size: 12px; line-height: 1.1em; color:#d4214b; background-color: #fff; padding: 5px 0px 5px; margin-right: 5px; border-radius: 3px; position: absolute; width: 100%; left: 0px; top: 0px; }
#content dl{ max-width: 930px; display: flex; flex-wrap: wrap; margin-left: auto; margin-right: auto; border-radius: 5px; overflow: hidden; background-color: #fff4d8; padding: 0px; border-top: solid 1px #fff; border-left: solid 1px #fff; margin-bottom: 40px; }
#content dl dt{ color: #534e24; width: 150px; padding: 12px 17px; margin: 0px; background-color: #ffde86; border-bottom: dotted 1px #fff; border-right: solid 1px #fff; }
#content dl dd{ color: #534e24; width: calc(100% - 150px); padding: 12px 17px; margin: 0px; border-bottom: dotted 1px #fff; border-right: solid 1px #fff; }

#content #mailform{ padding-top: 40px; }
#content #mailform h2{ line-height: 1.5em; font-size: 28px; margin-bottom: 50px; background-color: #000; color: #fdd835; border-radius: 10px; padding-top: 20px; padding-bottom: 15px; }
#content #mailform h2 span{ font-size: 18px; line-height: 1.2em; display: inline-block; }

#content #mailform .sanka input{ margin-bottom: 6px; }
#content #mailform .sanka input:last-child{ margin-bottom: 0; }
#content #mailform table td p{ padding-bottom: 0px; margin-bottom: 0; }
#content #mailform .doi{ background-color: #F2F2F2; color: #333; border-radius: 10px; padding: 25px 30px; padding-bottom: 20px; margin-bottom: 30px; text-align: left; }
#content #mailform .doi h3{ font-size: 16px; }
#content #mailform .doi p{ padding-bottom: 0px; margin-bottom: 5px; text-align: left; }
#content #mailform .doi p.center{ text-align: left; }

#content #mailform label{ display: inline-block; cursor: pointer; }

#mailform table.min tr th{ padding:8px; width: auto; }
#mailform table.min tr th:first-child{ padding:5px; width: 5px; }
#mailform table.min tr td{ padding:5px; }

#mailform .btns .btn {
    display: block;
    background-color: #fdbd35;
    border-radius: 10px;
    color: #fff;
    padding: 16px;
    font-size: 1.5rem;
    padding: 20px 45px;
    border: none;
    display: inline-block;
    min-width: 250px;
    font-weight: bold;
}

#mailform .btns a.btn {
    display: block;
    background-color: #fdbd35;
    border-radius: 10px;
    color: #fff;
    padding: 16px;
    font-size: 1.5rem;
    padding: 20px 45px;
    border: none;
    display: inline-block;
    min-width: 250px;
}

#content .chirashi{ display: flex; align-items: center; width: 500px; margin-left: auto; margin-right: auto; font-size: 20px; margin-bottom: 20px; }
#content .chirashi a{ display: flex; align-items: center; background-color: #fffdee; padding: 15px; border-radius: 10px; text-decoration: none; border: none; }
#content .chirashi a p{ margin-bottom: 0px; }
#content .chirashi img{ margin-right: 20px; width: 80px; }

.hisu{ color: #ff0000; font-size: 80%; padding-left: 3px; }

@media screen and (max-width: 640px){
  #content .c-mainvisual{ margin-left: 15px; margin-right: 15px; }
  #content dl{ margin-left: 15px; margin-right: 15px; }
  #content dl dt{ width: 80px; padding: 10px; }
  #content dl dd{ width: calc(100% - 80px); padding: 10px;  }

  #content #mailform{ padding-top: 0px; margin-left: 15px; margin-right: 15px; }
  #content #mailform h2{ font-size: 20px; padding-top: 15px; margin-bottom: 25px; }
  #content #mailform h2 span{ font-size: 16px; }
  #mailform table{ width: 100% !important; }
  #mailform table tbody{ display: block; width: 100% !important; }
  #mailform table tr{ width: 100% !important; display: block; }
  #mailform table tr th{ padding-bottom: 0px; line-height: 1.5em; }
  #mailform input.middle{ width: 100%; }
  #mailform .section{ padding-bottom: 25px; }

  #mailform table.min{ display: table !important; }
  #mailform table.min tr{ display: table-row !important; }
  #mailform table.min tr:first-child th,
  #mailform table.min tr:first-child td{ font-size: 11px; }
    #mailform table.min tr th,
    #mailform table.min tr td{ display: table-cell; padding-left: 0px; padding-right: 5px; }

    #mailform table.min tr th:first-child,
    #mailform table.min tr td:first-child{ width: 23px; padding-left: 0px; padding-right: 5px; display: table-cell; }

    #mailform table.min tr th:nth-child(2),
    #mailform table.min tr td:nth-child(2){
      min-width: 65px;
      width: 100%;
      width: 65px;
    }

    #mailform table.min tr th:nth-child(3),
    #mailform table.min tr td:nth-child(3){
      min-width: 65px;
      width: 100%;
      width: 65px;
    }

    #mailform table.min tr th:nth-child(4),
    #mailform table.min tr td:nth-child(4){
      min-width: 40px;
      width: 100%;
      width: 40px;
    }

    #mailform table.min tr th:nth-child(5),
    #mailform table.min tr td:nth-child(5){
      min-width: 70px;
      width: 100%;
      width: 70px;
    }
/*
    #mailform table.min tr th:nth-child(2),
    #mailform table.min tr td:nth-child(2){ width: 163px; padding-left: 0px; padding-right: 5px; display: table-cell; }

    #mailform table.min tr th:nth-child(3),
    #mailform table.min tr td:nth-child(3){ width: 163px; padding-left: 0px; padding-right: 5px; display: table-cell; }
*/

    #mailform table.min tr th:last-child,
    #mailform table.min tr td:last-child{ /*width: 100%; max-width: none;*/ padding-left: 0px; padding-right: 0px; display: table-cell; }

    #mailform table.middle2 input.middle2{ width: 80px; }
    #mailform table.min input.middle2{ width: 100%; max-width: auto; }
  #mailform table.min select{ font-size: 13px; /*appearance: none; width: auto;*/ appearance: none; padding: 5px;}

  #mailform table.min input.min{ width: 40px; }

  #mailform table.min tr th .select_wrap,
  #mailform table.min tr td .select_wrap{ max-width: 70px; width: 100%; overflow: hidden; position: relative; display: block; padding-right: 0px; border: solid 1px #ddd; }
  #mailform table.min tr th .select_wrap:before,
  #mailform table.min tr td .select_wrap:before{
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    position: absolute;
    top: 10px;
    right: 5px;
    transform: rotate(-45deg);
    pointer-events: none;
  }

  #mailform table.min tr th .select_wrap select,
  #mailform table.min tr td .select_wrap select{
    border: none;
    width: 100%;
    box-sizing: border-box;
  }

  #mailform .doi h3{ font-size: 14px; padding-bottom: 10px; }
  #content #mailform .doi:last-child{ margin-bottom: 0px; }
  #masthead{ height: 50px; }
  #masthead a.home-link{ height: 25px; width: 25px; }
  #masthead a.home-link:before{ height: 25px; width: 25px; }

  #content .c-mainvisual{ margin-bottom: 15px; }

  #content .chirashi{ display: flex; align-items: center; width: calc(100% - 30px); margin-left: 15px; margin-right: 15px; font-size: 14px; margin-bottom: 10px; }
  #content .chirashi a{ display: flex; align-items: center; width: 100%; background-color: #fffdee; padding: 8px; border-radius: 10px; text-decoration: none; border: none; }
  #content .chirashi a p{ margin-bottom: 0px; }
  #content .chirashi img{ margin-right: 20px; width: 50px; }

  #content #mailform label{ display: inline;}
}