@charset "UTF-8";
/*
 *= require_tree .
 *= require_self
 */
ul.disc {
  margin-left: 2rem;
  list-style-type: disc;
}
ul.disc li {
  margin-right: 1rem;
}

.top-banner {
  color: black;
  background-color: #edfbff;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid;
  border-color: #00b8f4;
  border-radius: 5px;
}
.top-banner:visited {
  color: black;
}

#announcements {
  width: 720px;
  margin: 0 auto;
}
#announcements .page-description {
  margin-bottom: 4em;
}
#announcements .articleArea {
  border: 0;
  height: auto;
}
#announcements .articleArea.announcements {
  padding: 0;
  border: unset;
  height: unset;
}
#announcements .articleArea.announcements dl {
  display: flex;
  margin: 0.5em 0;
  font-size: 1.17em;
}
#announcements .articleArea.announcements dl dt {
  font-weight: normal;
  margin-right: 1em;
}
#announcements .body {
  white-space: pre-wrap;
}
#announcements .value a {
  margin: 0 0.5rem;
}

#annual-payments {
  width: 720px;
  margin: 0 auto;
}
#annual-payments .unpaid {
  display: flex;
  align-items: center;
  padding: 0.5em 0;
}
#annual-payments .unpaid .name {
  padding: 0.5em;
  border-left: 4px solid #00b8f4;
}
#annual-payments .unpaid .value {
  padding: 0 1em;
}
#annual-payments .unpaid .remark {
  padding: 0.5em 1em;
  background-color: #edfbff;
}

#answers {
  width: 720px;
  margin: 0 auto;
}
#answers dl {
  display: flex;
  align-items: center;
  padding: 0.5rem;
}
#answers dl dt {
  padding: 1rem;
  text-align: center;
}
#answers dl dd {
  flex: 1;
  display: flex;
  align-items: center;
}
#answers dl dd a {
  margin: 0 1rem 0 0;
  padding: 1rem 1rem 1rem 3rem;
  font-size: 1em;
}
@media only screen and (max-width: 720px) {
  #answers {
    width: unset;
  }
}

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

    CommonElements

======================================= */
body {
  min-width: 1020px;
  font-size: 1em;
  line-height: 180%;
  color: #000;
  text-align: center;
  background: #FFF;
}

a:link {
  text-decoration: underline;
  color: #107ebd;
}

a:visited {
  text-decoration: underline;
  color: #107ebd;
}

a:active {
  text-decoration: underline;
  color: #107ebd;
}

a:hover {
  text-decoration: none;
  color: #107ebd;
}

.pngFix {
  width: 90px;
  height: 70px;
  display: block;
  background: url("../img/pagetop.png") no-repeat;
}

@media only screen and (max-width: 720px) {
  body {
    min-width: initial;
    min-width: auto;
  }
  a img {
    filter: alpha(opacity=100) !important;
    -moz-opacity: 1 !important;
    opacity: 1 !important;
  }
}
/* ------------------------------------
    header
------------------------------------ */
header {
  margin: 0 auto;
}

header .inner {
  width: 1020px;
  margin: 0 auto;
  overflow: hidden;
}

header h1 {
  float: left;
  margin: 15px 0 0 30px;
}

header .headerTop {
  padding: 0 6px;
  overflow: hidden;
}

header ul#fontSize {
  padding: 6px 15px 9px;
  float: right;
  border-right: 1px solid #eaeaea;
  border-bottom: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  box-shadow: 0 0 5px #eaeaea;
  -moz-box-shadow: 0 0 5px #eaeaea;
  -webkit-box-shadow: 0 0 5px #eaeaea;
}

header ul#fontSize li {
  margin: 0 0 0 3px;
  float: right;
}

header ul#fontSize li.last {
  margin: 0 4px 0 0;
  line-height: 34px;
}

header ul#fontSize li a {
  width: 30px;
  height: 30px;
  color: #00b8f4;
  display: inline-block;
  text-decoration: none;
  line-height: 30px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border: 1px solid #00b8f4;
}

header ul#fontSize a.textresizer-active {
  color: #FFF;
  background: #00b8f4;
}

header ul.headerLink {
  margin: 18px 15px 0 0;
  float: right;
}

header ul.headerLink li {
  margin: 0 0 0 12px;
  float: right;
}

header ul.headerLink li span {
  padding: 0 0 0 12px;
  background: url("../img/arrow_o.png") left center no-repeat;
}

header ul.headerLink li a {
  text-decoration: none;
  color: #686868;
}

header ul.headerLink li a:hover {
  text-decoration: underline;
}

header .search {
  margin: 0 0 12px 0;
  float: right;
  position: relative;
}

header .search .field {
  width: 270px;
  margin: 0;
  padding: 7px 15px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  background: #f6f6f6;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2) inset;
  border: none;
}

header .search .searchBtn {
  position: absolute;
  top: 7px;
  right: 15px;
}

header #global {
  height: 56px;
  margin: 0 0 1px 0;
  clear: both;
  background: #00b8f4;
}

header #global ul {
  width: 1020px;
  margin: 0 auto;
}

header #global li {
  height: 56px;
  float: left;
  position: relative;
}

header #global li a {
  display: block;
  text-indent: -9999px;
}

header #global li#home {
  width: 146px;
  background: url("../img/home_ov.png") no-repeat;
}

header #global li#about {
  width: 145px;
  background: url("../img/about_ov.png") no-repeat;
}

header #global li#meeting {
  width: 146px;
  background: url("../img/meeting_ov.png") no-repeat;
}

header #global li#step {
  width: 145px;
  background: url("../img/step_ov.png") no-repeat;
}

header #global li#authorization {
  width: 146px;
  background: url("../img/authorization_ov.png") no-repeat;
}

header #global li#publication {
  width: 145px;
  background: url("../img/publication_ov.png") no-repeat;
}

header #global li#citizens {
  width: 147px;
  background: url("../img/citizens_ov.png") no-repeat;
}

header #global li#home a {
  background: url("../img/home_pc.png") no-repeat;
}

header #global li#about a {
  background: url("../img/about_pc.png") no-repeat;
}

header #global li#meeting a {
  background: url("../img/meeting_pc.png") no-repeat;
}

header #global li#step a {
  background: url("../img/step_pc.png") no-repeat;
}

header #global li#authorization a {
  background: url("../img/authorization_pc.png") no-repeat;
}

header #global li#publication a {
  background: url("../img/publication_pc.png") no-repeat;
}

header #global li#citizens a {
  background: url("../img/citizens_pc.png") no-repeat;
}

header #global li a:hover,
header #global li.active img {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-filter: opacity(0);
  -moz-filter: opacity(0);
}

header #global li#home img,
header #global li#about img,
header #global li#meeting img,
header #global li#citizens img {
  display: none;
}

header #global li ul {
  width: 200px;
  position: absolute;
  top: 56px;
  left: 0;
  display: none;
  z-index: 5000;
}

header #global li#citizens ul {
  position: absolute;
  top: 56px;
  left: auto;
  right: 0;
}

header #global li ul li {
  height: auto;
  float: none;
  text-align: left;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #000000;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.8);
}

header #global li ul li a {
  height: auto;
  padding: 5px 10px 5px 20px;
  display: block;
  color: #FFF;
  text-indent: 0;
  font-size: 1.17em;
  text-decoration: none;
  background: url("../img/arrow_global.png") no-repeat left 0.8em !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  -webkit-filter: opacity(1) !important;
  -moz-filter: opacity(1) !important;
}

header #global li#about ul li:hover {
  background: #f09d28;
}

header #global li#meeting ul li:hover {
  background: #4483d9;
}

header #global li#step ul li:hover {
  background: #78c81b;
}

header #global li#authorization ul li:hover {
  background: #a277cb;
}

header #global li#publication ul li:hover {
  background: #c7aa34;
}

header #global li#citizens ul li:hover {
  background: #de6b99;
}

@media only screen and (max-width: 720px) {
  header .inner {
    width: 94%;
    margin: 10px auto;
  }
  header h1 {
    width: 80%;
    margin: 0;
    float: left;
    text-align: left;
  }
  header h1 img {
    width: 100%;
    height: auto;
  }
  header ul#fontSize {
    display: none;
  }
  header .search {
    display: none;
  }
  header .headerTop {
    width: 15%;
    margin: 0;
    padding: 0;
    float: right;
  }
  header ul.headerLink {
    margin: 0;
    float: none;
  }
  header ul.headerLink li {
    display: none;
  }
  header ul.headerLink li#menu {
    width: 100%;
    height: auto;
    display: block;
  }
  header ul.headerLink li#menu a {
    padding: 50%;
    display: block;
    background: url("../img/menu.png") no-repeat center center;
    background-size: 100%;
  }
  header #global {
    height: auto;
    margin: 0 0 1px 0;
    display: block !important;
    background: #FFF;
  }
  header #global ul {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  header #global li {
    width: 25%;
    height: auto;
  }
  header #global li a {
    height: auto;
  }
  header #global li a span {
    display: none;
  }
  header #global li a img {
    width: 100%;
    height: auto;
    display: block;
  }
  header #global li img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  header #global li#step,
  header #global li#authorization,
  header #global li#publication {
    display: none;
  }
  header #global li#home a,
  header #global li#about a,
  header #global li#meeting a,
  header #global li#step a,
  header #global li#authorization a,
  header #global li#publication a,
  header #global li#citizens a {
    background: none;
  }
  header #global li#home img,
  header #global li#about img,
  header #global li#meeting img,
  header #global li#citizens img {
    display: block;
  }
  header #global li a:hover,
  header #global li.active img {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-filter: opacity(1);
    -moz-filter: opacity(1);
  }
  header #global li#home,
  header #global li#about,
  header #global li#meeting,
  header #global li#citizens {
    width: 25%;
  }
  header #global li ul {
    width: auto;
    position: static;
  }
  header #global li ul li {
    display: none;
  }
}
/* meanmenu
------------------------------------ */
a.meanmenu-reveal {
  display: none;
}

.mean-container .mean-bar {
  width: 100%;
  height: 4px;
  padding: 0;
  position: relative;
  z-index: 1000;
}

.mean-container a.meanmenu-reveal {
  padding: 25px 0;
  background: #00b8f4;
}

.mean-container a.meanclose span {
  padding: 25px 0;
  display: block !important;
  border-right: 10px solid #00b8f4;
  background: #00b8f4 url("../img/sp_menu_close.png") no-repeat right center !important;
  background-size: 20% !important;
}

.mean-container a.meanmenu-reveal span.menuline {
  display: none;
}

.mean-container a.meanmenu-reveal span.menutitle {
  padding: 7%;
  float: right;
  display: block;
  position: absolute;
  top: 15px;
  right: 3% !important;
  background: url("../img/menu.png") no-repeat center center;
  background-size: 100% auto;
}

.mean-container .mean-nav {
  width: 100%;
  background: #f0f0f0;
}

.mean-container .mean-nav > ul {
  margin: 0;
  width: 100%;
  list-style-type: none;
  border-bottom: 2px #00b8f4 solid;
}

.mean-container .mean-nav ul li {
  position: relative;
  width: 100%;
}

.mean-container .mean-nav ul li#home img,
.mean-container .mean-nav ul li#about img,
.mean-container .mean-nav ul li#meeting img,
.mean-container .mean-nav ul li#citizens img {
  display: none;
}

.mean-container .mean-nav ul li a {
  display: block;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #000;
  border-top: 1px solid #c1bfbd;
  text-decoration: none;
  text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px dashed #c1bfbd;
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
  background: #e7e7e7;
}

.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
  background: #D8D8D8;
}

.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}

.mean-container .mean-nav ul li a.mean-expand {
  width: 23px;
  height: 23px;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  border-top: 0;
  border-left: 1px solid #C1BFBD;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
  background: none;
}

.mean-container .mean-push {
  float: left;
  height: 10px;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}

.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}

/* ------------------------------------
    #footer
------------------------------------ */
footer nav.ftTop {
  background: #01a1ec;
}

footer nav.ftTop ul {
  width: 1020px;
  margin: 0 auto;
  padding: 13px 0;
  text-align: left;
}

footer nav.ftTop ul li span {
  padding: 0 0 0 20px;
  background: url("../img/arrow_lb02.png") left center no-repeat;
}

footer nav.ftTop ul li span a {
  text-decoration: none;
  color: #FFF;
  font-weight: bold;
  font-size: 1.17em;
  line-height: 1.17em;
}

footer nav.ftMid {
  padding: 46px 0;
  background: #00b8f4;
  text-align: left;
}

footer nav.ftMid .inner {
  width: 1020px;
  margin: 0 auto;
  overflow: hidden;
  background: url("../img/footer_bg.png") right top repeat-y;
}

footer nav.ftMid a {
  color: #FFF;
  text-decoration: none;
}

footer nav.ftMid a:hover {
  text-decoration: underline;
}

footer nav.ftMid ul li.category a:hover {
  text-decoration: none;
}

footer nav.ftMid .row {
  float: left;
  background: url("../img/footer_bg.png") left top repeat-y;
}

footer nav.ftMid ul {
  width: 215px;
  padding: 0 20px;
}

footer nav.ftMid ul li {
  margin: 0 0 0 15px;
  padding: 0 0 0 12px;
}

footer nav.ftMid ul li a {
  font-size: 1.08em;
}

footer nav.ftMid ul li.category {
  margin: 0 0 10px 0;
  padding: 6px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

footer nav.ftMid ul li.category a {
  padding: 0 0 0 20px;
  font-weight: bold;
  font-size: 1.17em;
  display: block;
}

footer nav.ftMid ul li.category span {
  padding: 0 0 0 20px;
}

footer nav.ftMid ul.about li {
  background: url("../img/arrow_o.png") left 7px no-repeat;
}

footer nav.ftMid ul.about li.category {
  background: #f09d28;
}

footer nav.ftMid ul.about li.category a {
  background: url("../img/arrow_o02.png") left center no-repeat;
}

footer nav.ftMid ul.meeting li {
  background: url("../img/arrow_b.png") left 7px no-repeat;
}

footer nav.ftMid ul.meeting li.category {
  background: #4483d9;
}

footer nav.ftMid ul.meeting li.category a {
  background: url("../img/arrow_b02.png") left center no-repeat;
}

footer nav.ftMid ul.step li {
  background: url("../img/arrow_g.png") left 7px no-repeat;
}

footer nav.ftMid ul.step li.category {
  background: #78c81b;
}

footer nav.ftMid ul.step li.category a {
  background: url("../img/arrow_g02.png") left center no-repeat;
}

footer nav.ftMid ul.authorization li {
  background: url("../img/arrow_p.png") left 7px no-repeat;
}

footer nav.ftMid ul.authorization li.category {
  background: #a277cb;
}

footer nav.ftMid ul.authorization li.category a {
  background: url("../img/arrow_p02.png") left center no-repeat;
}

footer nav.ftMid ul.publication li {
  background: url("../img/arrow_y.png") left 7px no-repeat;
}

footer nav.ftMid ul.publication li.category {
  background: #c7aa34;
}

footer nav.ftMid ul.publication li.category a {
  background: url("../img/arrow_y02.png") left center no-repeat;
}

footer nav.ftMid ul.citizens li {
  background: url("../img/arrow_r.png") left 7px no-repeat;
}

footer nav.ftMid ul.citizens li.category {
  background: #de6b99;
}

footer nav.ftMid ul.citizens li.category a {
  background: url("../img/arrow_r02.png") left center no-repeat;
}

footer nav.ftMid ul.meeting,
footer nav.ftMid ul.authorization,
footer nav.ftMid ul.citizens {
  margin: 0 0 30px 0;
}

footer nav.ftMid ul.other li {
  margin: 0 0 20px 13px;
  padding: 0 0 0 20px;
  background: url("../img/arrow_o03.png") left center no-repeat;
}

footer nav.ftMid ul.other li a {
  font-weight: bold;
  font-size: 1.17em;
}

footer .ftBottom {
  background: #f3f3f3;
}

footer .ftBottom .inner {
  width: 960px;
  margin: 0 auto;
  padding: 35px 0 30px 0;
  overflow: hidden;
}

footer .ftBottom .inner address {
  float: left;
  text-align: left;
  font-size: 1.33em;
}

footer .ftBottom .inner address span {
  font-size: 0.69em;
  color: #686868;
}

footer .ftBottom .inner small {
  font-size: 1em;
  color: #686868;
}

footer .ftBottom .inner p {
  margin: 12px 0 0 0;
  float: right;
  text-align: right;
}

@media only screen and (max-width: 720px) {
  footer nav.ftTop ul {
    width: 100%;
    padding: 0;
  }
  footer nav.ftTop ul li span {
    padding: 0;
    display: block;
    background: none;
  }
  footer nav.ftTop ul li span a {
    padding: 16px 3% 16px 40px;
    display: block;
    background: url("../img/ft_home.png") 15px center no-repeat;
    -moz-background-size: auto 35%;
    background-size: auto 35%;
  }
  footer nav.ftMid {
    padding: 0;
    background: #FFF;
  }
  footer nav.ftMid .inner {
    width: 100%;
    background: none;
  }
  footer nav.ftMid .row {
    float: none;
    background: none;
  }
  footer nav.ftMid ul {
    width: 100%;
    padding: 0;
  }
  footer nav.ftMid ul li {
    display: none;
  }
  footer nav.ftMid ul li.category {
    margin: 0;
    padding: 0;
    display: block;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
  }
  footer nav.ftMid ul li.category span {
    display: block;
  }
  footer nav.ftMid ul li.category a {
    padding: 13px 3% 13px 63px;
    display: block;
  }
  footer nav.ftMid ul.other li {
    display: block;
  }
  footer nav.ftMid ul.meeting,
  footer nav.ftMid ul.authorization,
  footer nav.ftMid ul.citizens {
    margin: 0;
  }
  footer nav.ftMid ul li.category span {
    padding: 0;
  }
  footer nav.ftMid ul.about li.category {
    background: #f09d28 url("../img/ft_arrow.png") no-repeat right center;
  }
  footer nav.ftMid ul.about li.category a {
    background: url("../img/ft_about.png") 38px center no-repeat;
  }
  footer nav.ftMid ul.meeting li.category {
    background: #4483d9 url("../img/ft_arrow.png") no-repeat right center;
  }
  footer nav.ftMid ul.meeting li.category a {
    background: url("../img/ft_meeting.png") 38px center no-repeat;
  }
  footer nav.ftMid ul.step li.category {
    background: #78c81b url("../img/ft_arrow.png") no-repeat right center;
  }
  footer nav.ftMid ul.step li.category a {
    background: url("../img/ft_step.png") 38px center no-repeat;
  }
  footer nav.ftMid ul.authorization li.category {
    background: #a277cb url("../img/ft_arrow.png") no-repeat right center;
  }
  footer nav.ftMid ul.authorization li.category a {
    background: url("../img/ft_authorization.png") 35px center no-repeat;
  }
  footer nav.ftMid ul.publication li.category {
    background: #c7aa34 url("../img/ft_arrow.png") no-repeat right center;
  }
  footer nav.ftMid ul.publication li.category a {
    background: url("../img/ft_publication.png") 38px center no-repeat;
  }
  footer nav.ftMid ul.citizens li.category {
    background: #de6b99 url("../img/ft_arrow.png") no-repeat right center;
  }
  footer nav.ftMid ul.citizens li.category a {
    background: url("../img/ft_citizens.png") 38px center no-repeat;
  }
  footer nav.ftMid ul.about li.category,
  footer nav.ftMid ul.meeting li.category,
  footer nav.ftMid ul.step li.category,
  footer nav.ftMid ul.authorization li.category,
  footer nav.ftMid ul.publication li.category,
  footer nav.ftMid ul.citizens li.category {
    -moz-background-size: auto 35%;
    background-size: auto 35%;
  }
  footer nav.ftMid ul.about li.category a,
  footer nav.ftMid ul.meeting li.category a,
  footer nav.ftMid ul.step li.category a,
  footer nav.ftMid ul.authorization li.category a,
  footer nav.ftMid ul.publication li.category a,
  footer nav.ftMid ul.citizens li.category a {
    -moz-background-size: auto 35%;
    background-size: auto 35%;
  }
  footer nav.ftMid ul.other {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  footer nav.ftMid ul.other li.ftFaq {
    display: none;
  }
  footer nav.ftMid ul.other li {
    width: 50%;
    float: left;
    margin: 0 0 1px 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    background: #00b8f4 url("../img/ft_arrow.png") no-repeat right center;
    -moz-background-size: auto 35%;
    background-size: auto 35%;
  }
  footer nav.ftMid ul.other li.ftPrivacy,
  footer nav.ftMid ul.other li.ftSitemap {
    margin: 0 0 1px 0;
    border-right: 1px solid #FFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  footer nav.ftMid ul.other li a {
    padding: 13px 0 13px 6%;
    display: block;
  }
  footer nav.ftMid a:hover {
    text-decoration: none;
  }
  footer .ftBottom .inner {
    width: 100%;
    padding: 0;
  }
  footer .ftBottom .inner address {
    padding: 20px 0;
    float: none;
    text-align: center;
    background: #FFF;
  }
  footer .ftBottom .inner p {
    margin: 0;
    padding: 20px 0;
    float: none;
    text-align: center;
    background: #f6f6f6;
    border-top: 1px dotted #d0d0d0;
  }
  footer .ftBottom .inner small {
    font-size: 0.72em;
  }
}
/* ------------------------------------
    hover
------------------------------------ */
#sub .banArea a,
.btnBasic,
.btnLarge,
.adobe a,
.glossarySearch .btnSearch,
.idx dd li,
footer nav.ftMid ul li.category {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

#sub .banArea a:hover,
.btnBasic:hover,
.btnLarge:hover,
.adobe a:hover,
.glossarySearch .btnSearch:hover,
.idx dd li:hover,
footer nav.ftMid ul li.category:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-filter: opacity(0.6);
  -moz-filter: opacity(0.6);
}

.idx li.empty:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  -webkit-filter: opacity(1);
  -moz-filter: opacity(1);
}

@media only screen and (max-width: 720px) {
  #global li a img:hover,
  #sub .banArea a:hover,
  .btnBasic:hover,
  .btnLarge:hover,
  .adobe a:hover,
  .glossarySearch .btnSearch:hover,
  .idx li:hover,
  footer nav.ftMid ul li.category:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-filter: opacity(1);
    -moz-filter: opacity(1);
  }
}
/* =====================================
SPMENU
===================================== */
@media only screen and (max-width: 720px) {
  #spMenuOverlay {
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    position: absolute;
    z-index: 9998;
  }
  #spMenu {
    top: 0;
    left: 0;
    width: 100%;
    display: none;
    position: absolute;
    border-bottom: #00b8f4 2px solid;
    z-index: 9999;
  }
  #spMenu #menuClose {
    width: 100%;
    height: 40px;
    background: #00b8f4;
    position: relative;
  }
  #spMenu #menuClose span {
    top: 0;
    right: 0;
    width: 100px;
    height: 40px;
    text-indent: -9999px;
    background: transparent url("../img/sp_menu_close.png") no-repeat center center;
    background-size: 75px 20px;
    display: block;
    position: absolute;
  }
  #spMenu a {
    padding: 15px 20px;
    text-align: left;
    border-bottom: #00b8f4 1px solid;
    background: #f0f0f0 url("../img/sp_menu_arw.png") no-repeat right center;
    background-size: 19px 14px;
    display: block;
  }
  #spMenu a:link {
    text-decoration: none;
    color: #0092bc;
  }
  #spMenu a:visited {
    text-decoration: none;
    color: #0092bc;
  }
  #spMenu a:active {
    text-decoration: none;
    color: #0092bc;
  }
  #spMenu a:hover {
    text-decoration: none;
    color: #0092bc;
  }
}
/* =====================================
    ClearFixElements
===================================== */
.clearfix:before,
.clearfix:after,
header #global:before,
header #global:after {
  content: " ";
  display: table;
}

.clearfix:after,
header #global:after {
  clear: both;
}

.clearfix,
header #global {
  *zoom: 1;
}

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

ContentsElements

======================================= */
#wrapper {
  width: 1020px;
  margin: 20px auto 100px;
  overflow: hidden;
}

@media only screen and (max-width: 720px) {
  #wrapper {
    width: 94%;
    margin: 20px auto;
  }
}
/* ------------------------------------
header
------------------------------------ */
.pgTitle {
  height: 64px;
}

.pgTitle.clAbout {
  background: url("../img/about/title_bg.jpg") repeat-x;
}

.pgTitle.clAuthorization {
  background: url("../img/authorization/title_bg.jpg") repeat-x;
}

.pgTitle.clCitizens {
  background: url("../img/citizens/title_bg.jpg") repeat-x;
}

.pgTitle.clMeeting {
  background: url("../img/meeting/title_bg.jpg") repeat-x;
}

.pgTitle.clPublication {
  background: url("../img/publication/title_bg.jpg") repeat-x;
}

.pgTitle.clStep {
  background: url("../img/step/title_bg.jpg") repeat-x;
}

.pgTitle.clContact {
  background: url("../img/contact/title_bg.jpg") repeat-x;
}

.pgTitle.clFaq {
  background: url("../img/faq/title_bg.jpg") repeat-x;
}

.pgTitle.clLink {
  background: url("../img/link/title_bg.jpg") repeat-x;
}

.pgTitle.clPrivacy {
  background: url("../img/privacy/title_bg.jpg") repeat-x;
}

.pgTitle.clSitemap {
  background: url("../img/sitemap/title_bg.jpg") repeat-x;
}

.pgTitle.clNews {
  background: url("../news/img/title_bg.jpg") repeat-x;
}

.pgTitle.clSearch {
  background: url("../img/search/title_bg.jpg") repeat-x;
}

.pgTitle .inner {
  width: 1020px;
  margin: 0 auto;
  text-align: left;
}

.pgTitle .inner h1 {
  padding: 18px 0 0 0;
  float: none;
  font-size: 1em !important;
}

.pgTitle .inner h1 img {
  width: auto;
  max-width: 100%;
  height: auto;
}

.breadCrumbs {
  margin: 7px 0 0 0;
}

.breadCrumbs .inner {
  width: 1020px;
  margin: 0 auto;
  text-align: left;
}

@media only screen and (max-width: 720px) {
  .pgTitle .inner {
    width: 94%;
  }
  .breadCrumbs {
    display: none;
  }
}
/* ------------------------------------
main
------------------------------------ */
#main {
  width: 730px;
  float: right;
  text-align: left;
  font-size: 1.17em;
}

#main section {
  margin: 0 0 40px 0;
}

p {
  margin: 0 0 20px 0;
}

#main h1 {
  margin: 0 0 20px 0;
  padding: 17px 0 17px 10px;
  font-weight: bold;
  font-size: 1.28em;
  border-bottom: 1px dotted #9a9a9a;
  background: #FFF url("../img/inner_title_bg.jpg") repeat-x left top;
}

h1.clAbout {
  border-top: 4px solid #f09d28;
}

h1.clAuthorization {
  border-top: 4px solid #a277cb;
}

h1.clCitizens {
  border-top: 4px solid #de6b99;
}

h1.clMeeting {
  border-top: 4px solid #4483d9;
}

h1.clPublication {
  border-top: 4px solid #c7aa34;
}

h1.clStep {
  border-top: 4px solid #78c81b;
}

h1.clContact,
h1.clFaq,
h1.clLink,
h1.clPrivacy,
h1.clSitemap {
  border-top: 4px solid #00b8f4;
}

h1.clNews {
  border-top: 4px solid #999999;
}

h1.clSearch {
  border-top: 4px solid #999999;
}

#main h2 {
  margin: 0 0 20px 0;
  padding: 5px 0 5px 10px;
  font-size: 1.14em;
  font-weight: bold;
}

h2.clAbout {
  border-left: 4px solid #f09d28;
}

h2.clAuthorization {
  border-left: 4px solid #a277cb;
}

h2.clCitizens {
  border-left: 4px solid #de6b99;
}

h2.clMeeting {
  border-left: 4px solid #4483d9;
}

h2.clPublication {
  border-left: 4px solid #c7aa34;
}

h2.clStep {
  border-left: 4px solid #78c81b;
}

h2.clContact,
h2.clFaq,
h2.clLink,
h2.clPrivacy,
h2.clSitemap {
  border-left: 4px solid #00b8f4;
}

h2.teikan {
  text-align: center;
}

h2.clNews {
  border-left: 4px solid #999999;
}

h2.clSearch {
  border-left: 4px solid #999999;
}

#main h3 {
  margin: 0 0 20px 0;
  padding: 7px 15px;
  color: #2e2e2e;
  font-weight: bold;
  font-size: 1em;
  background: #f3f3f3;
}

#main h3.attention {
  background: #FFFBCE;
}

.ttlWrap {
  position: relative;
}

.ttlLink {
  padding: 15px 0;
  position: absolute;
  top: 0;
  right: 0;
}

.ttlLink a {
  float: right;
}

@media only screen and (max-width: 720px) {
  #main {
    width: 100%;
    float: none;
  }
  .ttlLink {
    position: static;
    text-align: center;
  }
  .ttlLink a {
    float: none;
  }
}
/* ------------------------------------
parts
------------------------------------ */
.fsS {
  font-size: 0.78em;
}

.note {
  margin: 0 0 20px 0;
  text-align: right;
}

/* ------------------------------------
layout
------------------------------------ */
.contentBox {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.contentBox img {
  float: left;
}

.contentBox .content {
  width: 483px;
  padding: 30px 30px 15px 30px;
  float: right;
  border: 3px solid #e9e9e9;
  background: #fbfbfb;
}

@media only screen and (max-width: 720px) {
  .contentBox {
    text-align: center;
  }
  .contentBox img {
    float: none;
  }
  .contentBox .reduction img {
    float: none;
    width: 100%;
  }
  .contentBox .content {
    width: 100%;
    padding: 3%;
    float: none;
    text-align: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/* ------------------------------------
btn
------------------------------------ */
.btnArea {
  margin: 0 0 20px 0;
}

.btnAreaCenter {
  text-align: center;
}

.btnSelected {
  color: #ffffff !important;
  background: #107ebd !important;
  background-image: url("../img/arrow_b02.png") !important;
  background-position: 10px center !important;
  background-repeat: no-repeat !important;
}

a.btnBasic {
  margin: 0 10px 10px 0;
  padding: 4px 10px 4px 32px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-size: 0.86em;
  overflow: hidden;
  border: 1px solid #107ebd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  background: #FFF;
}

a.iconArrow {
  background-image: url("../img/arrow_b03.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}

a.iconPdf {
  background-image: url("../img/icon_pdf.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}

a.iconWord {
  background-image: url("../img/icon_word.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}

a.iconPpt {
  background-image: url("../img/icon_ppt.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}

a.iconExternal {
  background-image: url("../img/icon_external.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}

a.iconCross {
  background-image: url("../img/icon_cross.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}

a.btnLarge {
  margin: 0 10px 10px 0;
  padding: 12px 15px 12px 35px;
  display: inline-block;
  font-size: 1.14em;
  font-weight: bold;
  color: #FFF;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  border: 1px solid #00b8f4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  background-image: url("../img/arrow_b03.png") no-repeat 10px center;
  background-color: #5cd3f6;
}

a.btnLarge span.nml {
  font-weight: normal;
}

/* ------------------------------------
border bottom dotted
------------------------------------ */
.bbd {
  margin: 0 0 20px 0;
  border-bottom: 1px dotted #9a9a9a;
}

.bbd p {
  margin: 0 0 10px 0;
}

.twoClm {
  overflow: hidden;
}

.twoClm .bbd {
  width: 48%;
  margin: 0 4% 20px 0;
  float: left;
  border-bottom: 1px dotted #9a9a9a;
}

.twoClm .bbd.odd {
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 720px) {
  .twoClm .bbd {
    width: 100%;
    margin: 0 0 20px 0;
    float: none;
    border-bottom: 1px dotted #9a9a9a;
  }
}
/* ------------------------------------
dl
------------------------------------ */
.dlTable {
  margin: 0 0 20px 0;
}

.dlTable dl {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  overflow: hidden;
  border-bottom: 1px dotted #9a9a9a;
}

.dlTable dl dt {
  width: 120px;
  margin: 0 20px 0 0;
  float: left;
  font-weight: bold;
}

.dlTable dl dd {
  width: 590px;
  float: left;
}

@media only screen and (max-width: 720px) {
  .dlTable dl dt {
    width: 100%;
    margin: 0 0 10px 0;
    float: none;
  }
  .dlTable dl dd {
    width: 100%;
    float: none;
  }
}
.dlside {
  margin: 0 0 20px 20px;
  border-top: 1px solid #b3b3b3;
}

.dlside dl {
  margin: 5px 0;
  padding: 5px 0;
  border-bottom: 1px solid #b3b3b3;
  /*border-bottom: 1px dotted #9a9a9a;*/
}

.dlside dl dt {
  margin: 0 0 5px 0;
  font-weight: bold;
  border-bottom: 1px dotted #cecece;
}

.dlside dl dd {
  padding: 5px 0 5px 0;
}

/* ------------------------------------
text
------------------------------------ */
span.attention {
  color: #db4d43;
}

span.bold {
  font-weight: bold;
  /*color: #2e2e2e;*/
}

p.signature {
  text-align: right;
}

p.center {
  text-align: center;
}

p.document {
  padding-left: 1em;
  text-indent: -1em;
}

.annotation {
  font-size: 80%;
}

p.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

p.indent2 {
  padding-left: 2em;
  text-indent: -2em;
}

p.indent3 {
  padding-left: 3em;
  text-indent: -3em;
}

p.indent4 {
  padding-left: 4em;
  text-indent: -4em;
}

p.indent5 {
  padding-left: 5em;
  text-indent: -5em;
}

/* ------------------------------------
table
------------------------------------ */
.type01 {
  width: 100%;
  margin: 0 0 20px 0;
  border-top: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
}

.type01 th {
  padding: 7px;
  text-align: center;
  background: #b6e8f9;
  border-right: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}

.type01 td {
  padding: 7px;
  text-align: center;
  border-right: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}

.type01 td.first {
  font-weight: bold;
}

.type02 {
  width: 100%;
  margin: 0 0 20px 0;
  border-top: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
}

.type02 th {
  padding: 7px;
  text-align: center;
  font-weight: bold;
  background: #b6e8f9;
  border-right: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}

.type02 td {
  padding: 7px 15px;
  text-align: left;
  border-right: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}

.type03 {
  width: 100%;
  margin: 0 0 20px 0;
  border-top: 1px solid #d0d0d0;
  border-left: 1px solid #d0d0d0;
}

.type03 tr.even {
  background: #f6f6f6;
}

.type03 th {
  padding: 7px;
  text-align: center;
  font-weight: bold;
  color: #FFF;
  background: #818181;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
  background: url("../img/bg_dia.png");
}

.type03 td {
  padding: 7px 10px;
  text-align: left;
  border-right: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}

.type03 td.first {
  border-right: 1px dotted #d0d0d0;
}

.type04 {
  width: 100%;
  margin: 0 0 20px 0;
}

.type04 th {
  padding: 7px;
  text-align: center;
}

.type04 td {
  padding: 7px;
  text-align: left;
}

.emp {
  background: #e9e9e9 !important;
}

@media only screen and (max-width: 720px) {
  .tableWrap {
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
  }
  .tableWrap table {
    width: 730px;
  }
}
/* ------------------------------------
table option
------------------------------------ */
.middle th, .middle td {
  vertical-align: middle;
}

.center th, .center td {
  text-align: center;
  vertical-align: middle;
}

.left th, .left td {
  text-align: left;
}

th.right, td.right {
  text-align: right;
}

th.left, td.left {
  text-align: left;
}

th.center, td.center {
  text-align: center;
}

/* ------------------------------------
ban pdf
------------------------------------ */
.pdf {
  padding: 0 0 0 20px;
  background: url("../img/icon_pdf.png") no-repeat left center;
}

.word {
  padding: 0 0 0 20px;
  background: url("../img/icon_word.png") no-repeat left center;
}

.ppt {
  padding: 0 0 0 20px;
  background: url("../img/icon_ppt.png") no-repeat left center;
}

.external {
  padding: 0 0 0 20px;
  background: url("../img/icon_external.png") no-repeat left center;
}

.noteArea {
  margin-bottom: 30px;
  padding: 15px 10px;
  border: 3px solid #e9e9e9;
  background: #fbfbfb;
}

.noteArea img {
  padding: 0 10px 0 0;
  float: left;
}

.noteArea p {
  margin: 10px 10px 20px 10px;
}

.noteAreaAttention {
  margin-bottom: 30px;
  padding: 15px 10px;
  border: 3px solid #E7E2AD;
  background: #FFFBCE;
}

.noteAreaAlert {
  margin-bottom: 30px;
  padding: 15px 10px;
  border: 3px solid #f59a9a;
  background: #fff0f0;
}

@media only screen and (max-width: 720px) {
  .noteArea {
    text-align: center;
  }
  .noteArea img {
    padding: 0 0 10px 0;
    float: none;
  }
  .noteArea p {
    text-align: left;
  }
}
/* ------------------------------------
list
------------------------------------ */
ul.liBasic {
  margin: 10px 0 10px 0;
  font-size: 1em;
}

ul.liBasic li {
  margin: 0 0 7px 0;
  padding: 0 0 0 15px;
  background: url("../img/circle_b01.png") no-repeat left 7px;
}

ul.liBasic li.last {
  /*margin: 0;*/
}

ul.liBasic li span {
  font-weight: bold;
  /*margin: 0 20px 0 0;*/
}

@media only screen and (max-width: 720px) {
  ul.liBasic li span {
    display: block;
  }
}
ul.liNone {
  margin: 10px 0 10px 0;
  font-size: 1em;
}

ul.liNone li {
  margin: 0 0 7px 0;
  padding: 0 0 0 15px;
}

/*ul.liNone li.last {
margin: 0;
}*/
ul.liNone li span {
  font-weight: bold;
  /*margin: 0 20px 0 0;*/
}

@media only screen and (max-width: 720px) {
  ul.liBasic li span {
    display: block;
  }
}
ol.liBasic {
  margin: 0 0 7px 25px;
  padding: 0 0 0 0;
  font-size: 1em;
  list-style-type: decimal;
}

#kitei ol.liBasic {
  margin: 0 0 20px 2em;
  font-size: 1em;
  list-style-type: decimal;
}

#kitei h1 {
  margin: 50px 0 20px 0;
}

/*ol.liBasic li {
margin: 0 0 7px 25px;
padding: 0 0 0 0px;
}*/
/*ol.liBasic li.last {
margin: 0;
}*/
ol.liBasic li span {
  font-weight: bold;
  /*margin: 0 20px 0 0;*/
}

@media only screen and (max-width: 720px) {
  ol.liBasic li span {
    display: block;
  }
}
li br {
  line-height: 1.7em;
}

ul.indent1 {
  padding-left: 1em;
  text-indent: -1em;
}

ul.indent2 {
  padding-left: 2em;
  text-indent: -2em;
}

ul.indent3 {
  padding-left: 3em;
  text-indent: -3em;
}

ul.indent4 {
  padding-left: 4em;
  text-indent: -4em;
}

ul.indent5 {
  padding-left: 5em;
  text-indent: -5em;
}

li.none {
  list-style-type: none;
}

/* ------------------------------------
form
------------------------------------ */
form.inquiry th {
  width: 25%;
  text-align: left;
  padding-left: 10px;
}

form.inquiry input {
  border: 0;
  padding: 5px;
  border: solid 1px #ccc;
  margin: 5px 10px 5px 10px;
  font-size: 105%;
  background-color: #f8f8f8;
}

form.inquiry textarea {
  width: 400px;
  height: 200px;
  border: 0;
  padding: 5px;
  border: solid 1px #ccc;
  margin: 5px 10px 5px 10px;
  font-size: 105%;
  background-color: #f8f8f8;
}

form.inquiry textarea.small {
  width: 300px;
  height: 100px;
  border: 0;
  padding: 5px;
  border: solid 1px #ccc;
  margin: 5px 10px 5px 10px;
  font-size: 105%;
  background-color: #f8f8f8;
}

form.inquiry input.input0 {
  width: 50px;
}

form.inquiry input.input1 {
  width: 100px;
}

form.inquiry input.input2 {
  width: 200px;
}

form.inquiry input.input3 {
  width: 300px;
}

form.inquiry button {
  margin: 0 10px 10px 0;
  padding: 5px 10px 5px 10px;
  display: inline-block;
  font-size: 1.14em;
  font-weight: bold;
  color: #FFF;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  border: 1px solid #00b8f4;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
  background-color: #5cd3f6;
}

form.inquiry button.cancel {
  border: 1px solid #949494;
  background-color: #ababab;
}

form.inquiry span.es {
  color: #db4d43;
  font-size: 80%;
  font-weight: normal;
}

form.inquiry select {
  /*    -webkit-appearance:none;
      -moz-appearance:none;
      appearance:none;*/
  /*text-indent: .01px;*/ /*Firefox用*/
  /*text-overflow: "";*/ /*Firefox用*/
  /*color: #B3B3B3;*/
  height: 30px;
  font-size: 100%;
  padding: 0px 50px 0px 10px;
  margin: 5px 10px 5px 10px;
  border: 1px solid #ccc;
  /*border-radius: 4px;*/
  /*    -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;*/
  text-indent: 0.01px;
  /*text-overflow: "";*/
  background-color: #f8f8f8;
}

/* ------------------------------------
chart
------------------------------------ */
.chart h4 {
  font-size: 1.05em;
  color: #db4d43;
  font-weight: bold;
  margin: 15px 0 10px 0;
}

.chart table {
  margin: 0 0 0 0;
}

/* ------------------------------------
glossarySearch
------------------------------------ */
.glossarySearch {
  padding: 30px;
  text-align: center;
  border: 3px solid #e9e9e9;
  background: #fbfbfb;
}

.glossarySearch .text {
  width: 421px;
  margin: 0 20px 0 0;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #b7b7b7;
}

.glossarySearch .select {
  width: 179px;
  padding: 10px;
  border-radius: 3px;
  border: 1px solid #b7b7b7;
}

.glossarySearch .radioArea {
  display: block;
  padding: 15px 0;
}

.glossarySearch .radio {
  margin: 0 5px 0 15px;
}

.glossarySearch .btnSearchBox {
  padding: 20px 0 0 0;
  border-top: 1px dotted #d0d0d0;
}

.glossarySearch .btnSearch {
  padding: 6px 50px;
  font-size: 1em;
  cursor: pointer;
  background: #5cd3f6;
  border: 1px solid #00b8f4;
  border-radius: 5px;
}

.glossarySearch .btnSearch span {
  padding: 0 0 0 20px;
  font-size: 1.07em;
  color: #FFF;
  background: url("../img/icon_search02.png") no-repeat left center;
}

@media only screen and (max-width: 720px) {
  .glossarySearch {
    padding: 5%;
    border: 3px solid #e9e9e9;
  }
  .glossarySearch .text {
    width: 64%;
    margin: 0 0 20px 0;
    padding: 3%;
  }
  .glossarySearch .select {
    width: 24%;
    padding: 3%;
  }
}
/* ------------------------------------
idx
------------------------------------ */
.idx {
  padding: 30px;
  text-align: center;
  overflow: hidden;
  border: 3px solid #e9e9e9;
  background: #fbfbfb;
}

.japanese {
  width: 346px;
  float: left;
}

.english {
  width: 276px;
  float: right;
}

.idx dt {
  margin: 0 0 12px 0;
  padding: 0 0 8px 0;
  color: #686868;
  text-align: left;
  font-size: 1.08em;
  font-weight: bold;
  border-bottom: 1px dotted #d0d0d0;
}

.idx .wordList {
  margin: 0 -4px -4px 0;
  overflow: hidden;
}

.idx .wordList ul {
  float: left;
}

.idx li {
  width: 29px;
  height: 29px;
  margin: 0 4px 4px 0;
  font-size: 1.25em;
  background: #5dd3fa;
  border: 1px solid #0fbcf4;
  border-radius: 5px;
}

.idx .english li {
  float: left;
}

.idx li.empty {
  color: #FFF;
  background: #d0d0d0;
  border: 1px solid #b1b1b1;
}

.idx li.empty span {
  padding: 4px 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  font-weight: bold;
}

.idx dd a {
  padding: 4px 0;
  color: #FFF;
  font-weight: bold;
  text-decoration: none;
  display: block;
}

@media only screen and (max-width: 720px) {
  .idx {
    padding: 0;
    border: none;
    background: #FFF;
  }
  .japanese {
    width: 100%;
    float: none;
  }
  .english {
    width: 100%;
    float: none;
  }
  .idx .wordList {
    margin: 0 -2% -4px 0;
  }
  .idx .wordList ul {
    float: none;
    clear: both;
  }
  .idx li {
    width: 18%;
    height: auto;
    margin: 0 2% 2% 0;
    float: left;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  .idx li.empty span {
    padding: 25% 0;
    display: block;
  }
  .idx dd a {
    padding: 25% 0;
  }
}
/* ------------------------------------
Q&A
------------------------------------ */
.tglBox dl {
  margin: 0 0 10px 0;
  padding: 15px 30px;
  cursor: pointer;
  border: 3px solid #e9e9e9;
  background: url("../img/citizens/icon_show.png") no-repeat right top #fbfbfb;
}

.tglBox dt {
  padding: 8px 0 8px 50px;
  font-size: 1.14em;
  font-weight: bold;
  background: url("../img/citizens/question.png") no-repeat left center;
}

.tglBox dd {
  display: none;
}

.tglBox dl.switch {
  padding: 30px;
  background: url("../img/citizens/icon_hide.png") no-repeat right top #fdf0f6;
}

.tglBox dl.switch dt {
  margin: 0 0 10px 0;
  background: url("../img/citizens/question.png") no-repeat left center;
}

.tglBox dl.switch dd {
  padding: 10px 0 0 50px;
  border-top: 1px dotted #9a9a9a;
  background: url("../img/citizens/answer.png") no-repeat left 10px;
}

@media only screen and (max-width: 720px) {
  .tglBox dl,
  .tglBox dl.switch {
    padding: 15px 30px 15px 15px;
  }
  /*.tglBox dl.switch dt {
  background: url("../img/citizens/question.png") no-repeat left 10px;
  }*/
}
/* ------------------------------------
News
------------------------------------ */
.topicImp h2 {
  padding: 13px;
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background: #e60900;
}

.topicImp .articleArea {
  margin: 0 0 20px 0;
  padding: 0 19px;
  text-align: left;
  border-right: 1px solid #e60900;
  border-bottom: 1px solid #e60900;
  border-left: 1px solid #e60900;
}

.pager ul li.pnAcv a {
  background: #26b9e4;
  border: #00b8f4 1px solid;
}

.topicImp .articleArea article {
  overflow: hidden;
  border-bottom: 1px dotted #9a9a9a;
}

.topicImp .articleArea article.last {
  border-bottom: none;
}

.topicImp .articleArea article span {
  padding: 10px 0;
  display: block;
  float: left;
}

.topicImp .articleArea article span.date {
  margin: 0 15px 0 0;
  font-size: 1.17em;
}

.topicImp .articleArea article span.title {
  width: 570px;
  margin: 0;
  font-size: 1.17em;
}

.topic .articleArea article a,
.topicImp .articleArea article a {
  text-decoration: underline;
}

.topic .articleArea article a:hover,
.topicImp .articleArea article a:hover {
  text-decoration: none;
}

/*.topic h2 {
padding: 13px;
font-size: 1.5em;
text-align: left;
font-weight: bold;
color: #000000;
border: 1px solid #00b8f4;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
background: url("../img/bg01.png");
}*/
/*.topic .articleArea {
height: 340px;
margin: 0 0 20px 0;
padding: 0 19px;
text-align: left;
overflow-y: auto;
border-right: 1px solid #00b8f4;
border-bottom: 1px solid #00b8f4;
border-left: 1px solid #00b8f4;
}*/
.topic .articleArea article {
  overflow: hidden;
  border-bottom: 1px dotted #9a9a9a;
  margin: 5px 0 5px 0;
}

.topic .articleArea article.last {
  border-bottom: none;
}

.topic .articleArea article span {
  padding: 10px 0;
  display: block;
  float: left;
}

.topic .articleArea article span.date {
  margin: 0 15px 0 0;
  /*font-size: 0.9em;*/
}

.articleArea article span.topicIcon {
  width: 78px;
  margin: 10px 15px 10px 0;
  padding: 0;
  display: block;
  float: left;
  text-align: center;
  color: #FFF;
  font-size: 0.8em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.articleArea article span.about {
  background: #f09d28;
}

.articleArea article span.meeting {
  background: #4483d9;
}

.articleArea article span.seminar {
  background: #4483d9;
}

.articleArea article span.step {
  background: #78c81b;
}

.articleArea article span.authorization {
  background: #a277cb;
}

.articleArea article span.publication {
  background: #c7aa34;
}

.articleArea article span.citizens {
  background: #de6b99;
}

.articleArea article span.info {
  background: #35c1f4;
}

.topic .articleArea article span.title {
  /*width: 455px;*/
  margin: 0;
  /*  font-size: 1.17em;*/
}

.articleArea article span.new {
  margin: 0 0 0 10px;
  padding: 0 5px;
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #FFF;
  font-size: 0.6em;
  background: #e02d26;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* ------------------------------------
Search
------------------------------------ */
.search .articleArea article {
  border-bottom: 1px dotted #9a9a9a;
}

.search .articleArea article p.resulttitle {
  margin: 15px 0 5px 0;
  font-size: 1.2em;
}

.search .articleArea article p.resulttitle a {
  text-decoration: none;
}

.search .articleArea article p.resulturl {
  margin: 0 0 0 0;
}

.search .articleArea article p.resulturl a {
  margin: 0 0 0 0;
  text-decoration: none;
}

.search .articleArea article p.resulthead {
  margin: 0 0 15px 0;
  font-size: 0.9em;
  color: #666666;
}

div#committee p {
  text-indent: 1em;
}

div#committee .dlTable {
  margin-bottom: 35px;
}

div#committee .dlTable dt {
  text-indent: 2em;
}

/* ------------------------------------
googlemap
------------------------------------ */
.gmap {
  margin: 0 0 0 0px;
}

.gmap iframe {
  width: 100%;
}

/* ------------------------------------
.pagiNation
------------------------- */
.pager {
  margin: 10px 0;
  text-align: center;
}

.pager ul {
  display: inline;
}

.pager ul li {
  display: inline;
}

.pager ul li {
  margin: 0 1px;
  padding: 6px 8px;
  font-size: 100%;
  font-weight: bold;
  color: #FFF;
  display: inline-block;
  background: #5cd3f6;
  border: #00b8f4 1px solid;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.pager ul li a:link,
.pager ul li a:visited,
.pager ul li a:active,
.pager ul li:hover {
  text-decoration: none;
  color: #FFF;
}

.pager ul li:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-filter: opacity(0.6);
  -moz-filter: opacity(0.6);
}

.pager ul li.pnAcv {
  background: #26b9e4;
  border: #00b8f4 1px solid;
}

/* ------------------------------------
sub
------------------------------------ */
#sub {
  width: 260px;
  float: left;
  font-size: 1.17em;
}

#sub h2 {
  padding: 15px 10px;
  text-align: left;
  color: #FFF;
  font-size: 1em !important;
  background: #00b8f4;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
}

.sideNav {
  margin: 0 0 50px 0;
}

.sideNav > li {
  margin-bottom: -1px;
  text-align: left;
  border: 1px solid #00b8f4;
}

.sideNav > li ul {
  display: none;
}

.sideNav > li > a {
  padding: 11px 25px 11px 11px;
  display: block;
  color: #101111;
  text-decoration: none;
  background: #edfbff url("../img/side_arrow01.png") no-repeat right center;
}

.sideNav > li.here > a {
  background: #beefff url("../img/side_arrow01.png") no-repeat right center;
}

.sideNav > li > a:hover {
  background: #beefff url("../img/side_arrow01.png") no-repeat right center;
}

.sideNav > li.toggle > a {
  border-bottom: 1px dotted #00b8f4;
}

.sideNav > li > ul {
  display: none;
}

.sideNav > li > ul > li {
  font-size: 0.85em;
  border-bottom: 1px dotted #00b8f4;
}

.sideNav > li > ul > li.last {
  border-bottom: none;
}

.sideNav > li > ul li a:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -webkit-filter: opacity(0.6);
  -moz-filter: opacity(0.6);
}

.sideNav > li > ul > li a {
  padding: 7px 25px 7px 11px;
  display: block;
  color: #101111;
  text-decoration: none;
  background: #f3f3f3 url("../img/side_arrow02.png") no-repeat right center;
}

.sideNav > li.toggle > a {
  background: #edfbff url("../img/side_arrow01active.png") no-repeat right center;
}

.sideNav > li.active > a {
  border-bottom: 1px dotted #00b8f4;
  background: #beefff url("../img/side_arrow01active.png") no-repeat right center;
}

.sideNav > li.active.toggle > a {
  border-bottom: none;
  background: #beefff url("../img/side_arrow01.png") no-repeat right center;
}

.sideNav > li.active > ul {
  display: block;
}

.sideNav > li.active > ul > li.present > a {
  color: #107ebd;
  font-weight: bold;
  background: #f3f3f3 url("../img/side_arrow02now.png") no-repeat right center;
}

.sideNav > li.active > ul > li.now > a {
  color: #107ebd;
  font-weight: bold;
  background: #f3f3f3 url("../img/side_arrow02active.png") no-repeat right center;
}

.sideNav > li > ul > li.toggle > a {
  background: #f3f3f3 url("../img/side_arrow02active.png") no-repeat right center;
}

.sideNav > li.active > ul > li.now.toggle > a {
  background: #f3f3f3 url("../img/side_arrow02now.png") no-repeat right center;
}

.sideNav > li.active > ul > li.now > ul li.current a {
  color: #107ebd;
  background: #f3f3f3 url("../img/side_arrow02now.png") no-repeat right center;
}

.sideNav > li.active > ul > li.now > ul {
  display: block;
}

.sideNav > li.active > ul > li.now > ul > li {
  border-bottom: none;
}

.sideNav > li > ul > li > ul > li a {
  padding: 7px 25px 7px 25px;
}

@media only screen and (max-width: 720px) {
  #sub {
    display: none;
  }
}
#error {
  margin: 4em auto;
  text-align: center;
}
#error h2,
#error p {
  margin-bottom: 1em;
}

#home .menu {
  display: flex;
  margin-bottom: 20px;
  justify-content: center;
}
#home .menu .menu1 {
  display: flex;
  flex-wrap: wrap;
  background-color: #edfbff;
  border-radius: 5px;
  padding: 10px 25px;
}
#home .menu .menu1 .box {
  display: inline-block;
  width: 200px;
  margin: 10px;
  background-color: white;
  border-radius: 5px;
}
#home .menu .menu1 .box a {
  text-decoration: none;
}
#home .menu .menu1 .box a img {
  width: 100%;
  border-radius: 5px 5px 0 0;
}
#home .menu .menu1 .box a .label {
  text-align: center;
  padding: 0.2em 0;
  font-size: 1.12em;
  font-weight: bold;
  line-height: 2em;
}
#home .menu .menu2 {
  display: flex;
  flex-direction: column;
  width: 480px;
  margin-left: 20px;
}
#home .menu .menu2 h2 {
  padding: 1em 0.5em;
  color: white;
  background-color: #00b8f4;
  border: 1px solid #00b8f4;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  font-size: 18px;
}
#home .menu .menu2 .banner {
  padding: 1em;
  background-color: #edfbff;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #00b8f4;
  cursor: pointer;
  color: #107ebd;
}
#home .menu .menu2 .banner:hover {
  background-color: #beefff;
}
#home .menu .menu2 .banner.disable {
  background-color: #f3f3f3;
  pointer-events: none;
  color: gray;
}
#home .menu .menu2 a {
  text-decoration: none;
}
#home .menu .menu2 img {
  width: 250px;
  margin: 10px;
}
#home .menu .ondemand {
  padding: 1em 1em 0 1em;
  font-size: 1.12em;
  font-weight: bold;
}
#home .topic .articleArea {
  height: auto;
}
#home .topic .articleArea dl {
  display: flex;
  margin: 0.5em 0;
  font-size: 1.17em;
}
#home .topic .articleArea dl dt {
  font-weight: normal;
  margin-right: 1em;
}
#home .image img {
  width: 200px;
  height: 150px;
  object-fit: cover;
}

@media screen and (max-width: 720px) {
  #home .menu .menu2 {
    margin-left: 0;
  }
}
/* =======================================

IndexElements

======================================= */
.topicImp h2 {
  padding: 13px;
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
  color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background: #e60900;
}

.topicImp .articleArea {
  margin: 0 0 20px 0;
  padding: 0 19px;
  text-align: left;
  border-right: 1px solid #e60900;
  border-bottom: 1px solid #e60900;
  border-left: 1px solid #e60900;
}

.topicImp .articleArea article {
  overflow: hidden;
  border-bottom: 1px dotted #9a9a9a;
}

.topicImp .articleArea article.last {
  border-bottom: none;
}

.topicImp .articleArea article span {
  padding: 10px 0;
  display: block;
  float: left;
}

.topicImp .articleArea article span.date {
  margin: 0 15px 0 0;
  font-size: 1.17em;
}

.topicImp .articleArea article span.title {
  width: 570px;
  margin: 0;
  font-size: 1.17em;
}

.topic .articleArea article a,
.topicImp .articleArea article a {
  text-decoration: underline;
}

.topic .articleArea article a:hover,
.topicImp .articleArea article a:hover {
  text-decoration: none;
}

.topic h2 {
  padding: 13px;
  font-size: 1.5em;
  text-align: left;
  font-weight: bold;
  color: #000000;
  border: 1px solid #00b8f4;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  background: url("../img/bg01.png");
}

.topic .articleArea {
  height: 340px;
  margin: 0 0 20px 0;
  padding: 0 19px;
  text-align: left;
  overflow-y: auto;
  border-right: 1px solid #00b8f4;
  border-bottom: 1px solid #00b8f4;
  border-left: 1px solid #00b8f4;
}

.topic .articleArea article {
  overflow: hidden;
  border-bottom: 1px dotted #9a9a9a;
}

.topic .articleArea article.last {
  border-bottom: none;
}

.topic .articleArea article span {
  padding: 10px 0;
  display: block;
  float: left;
}

.topic .articleArea article span.date {
  margin: 0 15px 0 0;
  font-size: 1.17em;
}

.articleArea article span.topicIcon {
  width: 86px;
  margin: 10px 15px 10px 0;
  padding: 0;
  display: block;
  float: left;
  text-align: center;
  color: #FFF;
  font-size: 0.92em;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.articleArea article span.about {
  background: #f09d28;
}

.articleArea article span.meeting {
  background: #4483d9;
}

.articleArea article span.seminar {
  background: #4483d9;
}

.articleArea article span.step {
  background: #78c81b;
}

.articleArea article span.authorization {
  background: #a277cb;
}

.articleArea article span.publication {
  background: #c7aa34;
}

.articleArea article span.citizens {
  background: #de6b99;
}

.articleArea article span.info {
  background: #39CAFF;
}

.topic .articleArea article span.title {
  width: 455px;
  margin: 0;
  font-size: 1.17em;
}

.articleArea article span.new {
  margin: 0 0 0 10px;
  padding: 0 6px;
  float: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  color: #FFF;
  font-size: 0.7em;
  background: #e02d26;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.btnArea {
  text-align: right;
}

a.btnBasic {
  padding: 4px 10px 4px 32px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  border: 1px solid #107ebd;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  text-decoration: none;
}

a.iconArrow {
  background-image: url("../img/arrow_b03.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 720px) {
  .topicImp .articleArea article span.date,
  .topic .articleArea article span.date {
    padding: 10px 0 0;
  }
  .topicImp .articleArea article span.title,
  .topic .articleArea article span.title {
    width: 100%;
    padding: 0 0 10px;
  }
  .topic .articleArea {
    margin: 0 0 10px 0;
  }
  .btnArea {
    text-align: center;
  }
  .btnArea a {
    display: block;
    background: #d8e7f0;
  }
}
p.no-data {
  padding: 10px 0;
  font-size: 1.17em;
}

/* ------------------------------------
#main
------------------------------------ */
#wrapper {
  width: 1020px;
  margin: 0 auto 100px;
  overflow: hidden;
}

#main {
  width: 710px;
  margin: 0 0 30px 0;
  float: left;
}

@media only screen and (max-width: 720px) {
  #wrapper {
    width: 94%;
    margin: 30px 3% 50px;
  }
  #main {
    width: 100%;
    float: none;
  }
}
/* ------------------------------------
#sub
------------------------------------ */
#sub {
  width: 280px;
  float: right;
}

#sub ul.banArea li {
  margin: 0 0 10px 0;
}

@media only screen and (max-width: 720px) {
  #sub {
    width: 100%;
    float: none;
  }
  #sub .banArea li a img {
    max-width: 100%;
    height: auto;
  }
}
/* ------------------------------------
SLIDER
------------------------------------ */
.flexslider {
  height: 332px;
  margin: 0;
  padding: 0;
  position: relative;
  background: #FFF;
}

.flexslider .slides > li {
  height: 332px;
  display: none;
  text-align: center;
  -webkit-backface-visibility: hidden;
}

.flexslider .slides li .inner {
  width: 100%;
}

.flexslider .slides li#slide01 .inner {
  background: url("../img/slide/01/bg.jpg") no-repeat top center;
  background-size: cover;
  position: relative;
}

.flexslider .slides li#slide02 .inner {
  background: url("../img/slide/02/bg.jpg") no-repeat top center;
  background-size: cover;
  position: relative;
}

.flexslider .slides li#slide03 .inner {
  background: #fed600;
}

.flexslider .slides li#slide04 .inner {
  background: url("../img/slide/04/bg.jpg") no-repeat top center;
  background-size: cover;
  position: relative;
}

.flexslider .slides li#slide06 .inner {
  background: url("../img/slide/06/bg.jpg") no-repeat top center;
  background-size: cover;
  position: relative;
}

.flexslider .slides li#slide07 .inner {
  background: url(http://jsgcs.or.jp/files/uploads/bg072.jpg) no-repeat top center;
  background-size: cover;
  position: relative;
}

/*
.flexslider .slides li#slide02 .inner .obj {
float: right;
}
*/
.flexslider .slides li#slide03 .inner .obj {
  float: right;
}

.flexslider .slides li .inbox {
  width: 1020px;
  margin: 0 auto;
  position: relative;
}

.flexslider .slides li#slide01 .inbox {
  width: 1020px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -510px;
}

.flexslider .slides li#slide04 .inbox {
  width: 1020px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -510px;
}

.flexslider .slides li#slide06 .inbox {
  width: 1020px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -510px;
}

.flexslider .slides li#slide07 .inbox {
  width: 1020px;
  position: absolute;
  top: 0;
  left: 50%;
  margin: 0 0 0 -510px;
}

.flexslider .slides li#slide01 .inbox .text {
  position: absolute;
  top: 55px;
  right: 45px;
}

.flexslider .slides li#slide02 .inbox .text {
  position: absolute;
  top: -10px;
  left: 10px;
}

.flexslider .slides li#slide03 .inbox .text {
  position: absolute;
  top: 35px;
  left: 0;
}

.flexslider .slides li#slide04 .inbox .text {
  position: absolute;
  top: 45px;
  right: 70px;
}

.flexslider .slides li#slide06 .inbox .text {
  position: absolute;
  top: 10px;
  right: 60px;
}

.flexslider .slides li#slide07 .inbox .text {
  position: absolute;
  top: 10px;
  right: 60px;
}

.flexslider .slides li .grad {
  width: 100%;
  height: 31px;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../img/slide_grad.png") repeat-x;
}

.flexslider .slides img {
  margin: 0 auto;
  display: block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.no-js .slides > li:first-child {
  display: block;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
  display: none;
}

/* Control Nav */
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: 35px;
  left: 0;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 4px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 9px;
  height: 9px;
  display: block;
  background: #FFF;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}

.flex-control-paging li a:hover {
  background: #f68b00;
}

.flex-control-paging li a.flex-active {
  background: #f68b00;
  cursor: default;
}

.flex-active-slide {
  min-width: 980px;
}

@media screen and (max-width: 720px) {
  .flexslider {
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
  }
  .flexslider .slides > li {
    height: auto;
  }
  .flexslider .slides img {
    width: 100%;
    vertical-align: bottom;
  }
  .flexslider .slides li .bottom {
    display: none;
  }
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
  .flex-control-nav {
    position: absolute;
    bottom: 0;
    left: 0;
  }
  .flex-control-nav {
    display: none;
  }
  .flexslider .slides li .inner {
    height: auto;
    margin: 0;
  }
  .flexslider .slides li .inbox {
    display: none;
  }
  .flexslider .slides li .grad {
    display: none;
  }
  .flex-active-slide {
    min-width: initial;
    min-width: auto;
  }
}
/* Clearfix for the .slides element */
.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}

#journal {
  width: 720px;
  margin: 0 auto;
}
#journal ol {
  list-style: decimal;
  margin-left: 2em;
  margin-top: 1em;
}

#mail-magazines {
  width: 720px;
  margin: 0 auto;
}
#mail-magazines .articleArea {
  border: 0;
  height: auto;
}
#mail-magazines .articleArea.mail_magazines {
  padding: 0;
  border: unset;
  height: unset;
}
#mail-magazines .articleArea.mail_magazines dl {
  display: flex;
  margin: 0.5em 0;
  font-size: 1.17em;
}
#mail-magazines .articleArea.mail_magazines dl dt {
  font-weight: normal;
  margin-right: 1em;
}
#mail-magazines .body {
  white-space: pre-wrap;
}
#mail-magazines .value a {
  margin: 0 0.5rem;
}

#management .form {
  display: flex;
  align-items: center;
}
#management .form .search {
  display: flex;
  align-items: center;
}
#management .form .search label {
  width: 10em;
  text-align: right;
}
#management .status {
  background-color: #f3f3f3;
  margin: 15px 0;
  padding: 1em;
  border-radius: 5px;
}
#management .pagination {
  margin: 1em 0;
}
#management .import {
  padding-bottom: 10px;
}
#management .import #csv_file {
  margin: 0.5em;
  padding: 0.5em;
}
#management .link .btn.submit {
  color: white;
  text-decoration: none;
  padding: 1em;
  height: unset;
}

#management-payments .form {
  display: flex;
}
#management-payments .form .download {
  display: flex;
  align-items: center;
}
#management-payments .form .download label {
  text-align: right;
}
#management-payments .form .download .datetime {
  width: 15em;
}
#management-payments .status {
  background-color: #f3f3f3;
  margin: 15px 0;
  padding: 1em;
  border-radius: 5px;
}
#management-payments .pagination {
  margin: 1em 0;
}
#management-payments .import {
  padding-bottom: 10px;
}
#management-payments .import #csv_file {
  margin: 0.5em;
  padding: 0.5em;
}
#management-payments .link .btn.submit {
  color: white;
  text-decoration: none;
  padding: 1em;
  height: unset;
}

#management-payment {
  width: 720px;
  margin: 0 auto;
}
#management-payment .header {
  border-bottom: 1px solid white;
}

#managers .account {
  width: 400px;
  margin: 20px auto;
}
#managers .account .field {
  margin-bottom: 2em;
}
#managers .account .buttons {
  margin: 2em auto;
}
#managers .message {
  text-align: center;
}

#member-info {
  width: 720px;
  margin: 0 auto;
}
#member-info h1 {
  margin-bottom: 10px !important;
}
#member-info .last-updated {
  text-align: right;
  font-size: 0.8em;
}
#member-info .footnote ul {
  list-style-type: "※ ";
  margin-left: 2em;
}
#member-info h2.block-title {
  margin-top: 10px !important;
}
#member-info .block2-title {
  margin: 10px 0 10px 0 !important;
}
#member-info .btn.submit.hold {
  color: #107ebd;
  background-color: #cef;
}
#member-info .accepted {
  color: #856505;
  background-color: #fff3cd;
  line-height: 3em;
}
#member-info .member-info-nav ul {
  display: flex;
}
#member-info .member-info-nav ul li {
  flex: 1;
  display: flex;
  align-items: stretch;
  justify-content: center;
}
#member-info .member-info-nav ul li a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.5em;
  width: 100%;
  color: white;
  text-decoration: unset;
  border-left: 1px solid white;
  border-right: 1px solid white;
  font-size: 0.9em;
  font-weight: bold;
  background-color: #00b8f4;
  text-align: center;
}
#member-info .member-info-nav ul li a.active {
  background-color: #107ebd;
}
#member-info .member-info-nav ul li a:hover {
  background-color: #107ebd;
}
#member-info #addresses {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#member-info #org-address {
  margin-right: 0.5em;
}
#member-info #home-address {
  margin-left: 0.5em;
}

@media only screen and (max-width: 720px) {
  #top header .inner {
    position: relative;
  }
  #top header .inner .headerTop {
    display: none;
  }
  #top header .inner #mobile_menu {
    display: block !important;
    position: absolute;
    right: 0;
    top: 0;
    width: 16%;
    height: auto;
  }
  #top header .inner #mobile_menu img {
    width: 100%;
    height: 100%;
  }
  #top header #global {
    display: none !important;
  }
  #top header #mobile-account {
    display: block;
  }
  #top #mobile {
    position: absolute;
    top: 0;
    width: 100%;
  }
  #top #mobile a {
    display: block;
    text-decoration: none;
    font-size: 1em;
    padding: 15px;
    text-align: left;
    color: black;
    background-color: #f0f0f0;
    border-bottom: 1px solid #c1bfbd;
  }
  #top #mobile a.close {
    text-align: right;
    color: white;
    background-color: #00b8f4;
  }
  #top .notice {
    margin: 1em 0;
    padding: 0;
  }
  #wrapper {
    width: unset !important;
    margin-bottom: 2em !important;
    padding: 0 5px;
  }
  #wrapper h1 {
    text-align: center;
    line-height: 1.5em;
  }
  #wrapper h2.block-title {
    margin-top: 1em !important;
  }
  #wrapper .block2-title {
    margin-top: 1em !important;
  }
  #wrapper .message-title {
    margin-top: 0 !important;
  }
  #wrapper .attr {
    flex-direction: column;
  }
  #wrapper .attr .name {
    width: unset !important;
  }
  #wrapper #users .account {
    width: unset !important;
    padding: 0 1em;
  }
  #wrapper #users .troubleshooting {
    width: unset !important;
  }
  #wrapper #home .menu {
    flex-wrap: wrap;
  }
  #wrapper #home .menu .menu1 {
    flex-direction: column;
  }
  #wrapper #home .menu .menu2 {
    padding: 20px 0;
  }
  #wrapper #announcements {
    width: unset;
  }
  #wrapper #member-info {
    width: unset;
  }
  #wrapper #member-info #addresses {
    display: block;
  }
  #wrapper #member-info #org-address {
    margin-right: 0;
  }
  #wrapper #member-info #home-address {
    margin-left: 0;
  }
  #wrapper #annual-payments {
    width: unset;
  }
  #wrapper #journal {
    width: unset;
  }
  #wrapper #request {
    width: unset;
  }
  #wrapper #request .block, #wrapper #request .block3 {
    display: flex;
    justify-content: space-around;
  }
  #wrapper #request .block .block2, #wrapper #request .block3 .block2 {
    display: flex;
    flex-direction: column;
  }
  #wrapper #mail-magazines, #wrapper #workshops {
    width: unset;
  }
  footer nav#global-mobile {
    display: block !important;
  }
  footer nav#global-mobile ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  footer nav#global-mobile ul li {
    position: relative;
    width: 50%;
    height: 44px;
    background: #00b8f4;
    box-sizing: border-box;
  }
  footer nav#global-mobile ul li a {
    color: white;
  }
  footer nav#global-mobile ul li:nth-of-type(odd) {
    border-right: 1px solid white;
    border-bottom: 1px solid white;
  }
  footer nav#global-mobile ul li:nth-of-type(even) {
    border-left: 1px solid white;
    border-bottom: 1px solid white;
  }
  footer nav#global-mobile .nav-inner {
    width: 100%;
    font-weight: bold;
    font-size: 12pt;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    background-position: 10px center;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 3em;
  }
  footer nav#global-mobile .nav-inner.home {
    background-image: url("/img/icon-home.png");
  }
  footer nav#global-mobile .nav-inner.member-info {
    background-image: url("/img/icon-pen.png");
  }
  footer nav#global-mobile .nav-inner.annual-payments {
    background-image: url("/img/icon-annual.png");
  }
  footer nav#global-mobile .nav-inner.request {
    background-image: url("/img/icon-file.png");
  }
  footer nav#global-mobile .nav-inner.request:after {
    margin-top: -0.7em;
  }
  footer nav#global-mobile .nav-inner.journal {
    background-image: url("/img/icon-note.png");
  }
  footer nav#global-mobile .nav-inner.mail-magazine {
    background-image: url("/img/icon-mail.png");
    background-size: 20px 20px;
  }
  footer nav#global-mobile .nav-inner.logout {
    background-image: url("/img/icon-logout.png");
  }
  footer nav#global-mobile .nav-inner:after {
    content: "⟩";
    float: right;
    margin-right: 10px;
  }
  footer nav#global-mobile .nav-space {
    background-color: white;
  }
}
#wrapper .pagy {
  gap: 0.5em;
}
#wrapper .pagy a:not([href]) {
  background-color: #f3f3f3;
}
#wrapper .pagy .current {
  background-color: #26b9e4;
}
#wrapper .pagy a:first-child,
#wrapper .pagy a:last-child {
  width: 4em;
}
#wrapper .pagy a {
  width: 2em;
  line-height: 2em;
  text-decoration: none;
  background-color: #4fcef7;
  color: white;
  border: #00b8f4 1px solid;
  border-radius: 5px;
}
#wrapper .pagy a:hover {
  background-color: #00b8f4 !important;
}

#payment {
  width: 720px;
  margin: 0 auto;
}
#payment .notice {
  display: none;
}
#payment .table {
  border-width: 1px 0 0 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#payment .table tr {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #9a9a9a;
}
#payment .table .header {
  color: black !important;
  background-color: #b6e8f9 !important;
  border-right-width: 1px;
  border-right-style: solid;
  border-color: #9a9a9a !important;
}
#payment .table .value {
  display: flex;
  justify-content: center;
}
#payment .table .value#p-method {
  text-align: center;
}
#payment .table .value .box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#payment .radio {
  text-align: left;
}
#payment .remarks {
  margin-left: 1rem;
  margin-right: 1rem;
}
#payment .remarks h2 {
  margin-bottom: 1rem;
  color: red;
}
#payment .remarks li {
  margin: 0.5rem 1rem;
}
#payment .remarks em {
  text-decoration: underline;
  font-weight: bold;
}

@media only screen and (max-width: 720px) {
  #payment {
    width: unset;
  }
}
#request {
  width: 720px;
  margin: 0 auto;
}
#request .block {
  display: grid;
  grid-template-rows: 0.5fr 1fr 0.5fr 1fr;
  grid-template-columns: 3em 1fr 1fr;
  grid-template-areas: "type area1-title area3-title" "type area1-links area3-links" "type area2-title area4-title" "type area2-links area4-links";
  margin: 0 !important;
}
#request .block2 {
  display: grid;
  grid-template-rows: 0.5fr 1fr;
  grid-template-columns: 3em 1fr 1fr;
  grid-template-areas: "type area1-title area2-title" "type area1-links area2-links";
}
#request .type {
  grid-area: type;
  justify-content: center;
  align-content: center;
  padding: 0.5em 1em;
  background-color: #b6e8f9;
  font-weight: bold;
  border: 1px solid #9a9a9a;
}
#request .area1-title {
  grid-area: area1-title;
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .area1-links {
  grid-area: area1-links;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .area2-title {
  grid-area: area2-title;
}
#request .area2-title.area-title {
  border-right: 1px solid #9a9a9a;
}
#request .area2-title .area-title {
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .area2-links {
  grid-area: area2-links;
}
#request .area2-links.area-links,
#request .area2-links .area-link {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .area3-title {
  grid-area: area3-title;
}
#request .area3-title.area-title {
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .area3-title .area-title {
  border-width: 1px 1px 0 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .area3-links {
  grid-area: area3-links;
}
#request .area3-links.area-links {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .area3-links .area-link {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .area4-title {
  grid-area: area4-title;
}
#request .area4-links {
  grid-area: area4-links;
}
#request .area-title {
  display: flex;
  justify-content: center;
  align-items: end;
  color: black;
  background-color: white;
  font-weight: bold;
}
#request .area-links {
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-content: center;
  padding: 0 0.5em 0.5em;
  background-color: white;
}
#request .area-links-grow {
  grid-row: span 3;
}
#request .area-links-grow .button {
  display: flex;
  justify-content: center;
  align-items: center;
  height: unset;
}
#request .area-link {
  display: flex;
  padding: 0 0.5em 0.5em;
}
#request .area-link .button {
  flex: 1;
}
#request .area-blank {
  background-color: white;
}
#request .payment {
  background-color: #edfbff;
}
#request .payment2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #edfbff;
}
#request .payment2 .area-title {
  background-color: #edfbff;
}
#request .button {
  width: unset;
}
#request .block-ce {
  display: grid;
  grid-template-rows: 0.5fr 0.5fr 1fr;
  grid-template-columns: 3em 1fr 1fr;
  grid-template-areas: "type ce-area1-title ce-area1-title" "type ce-area2-title ce-area3-title" "type ce-area2-links ce-area3-links" "type ce-area4-title ce-area4-title" "type ce-area5-title ce-area6-title" "type ce-area5-links ce-area6-links";
}
#request .ce-area1-title {
  grid-area: ce-area1-title;
  padding: 0.5em 1em;
  justify-content: start;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .ce-area2-title {
  grid-area: ce-area2-title;
  border-right: 1px solid #9a9a9a;
}
#request .ce-area2-links {
  grid-area: ce-area2-links;
  border-right: 1px solid #9a9a9a;
}
#request .ce-area3-title {
  grid-area: ce-area3-title;
  border-right: 1px solid #9a9a9a;
}
#request .ce-area3-links {
  grid-area: ce-area3-links;
  border-right: 1px solid #9a9a9a;
}
#request .ce-area4-title {
  grid-area: ce-area4-title;
  padding: 0.5em 1em;
  justify-content: start;
  border-width: 1px 1px 1px 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .ce-area5-title {
  grid-area: ce-area5-title;
  padding-top: 0.5em;
  border-right: 1px solid #9a9a9a;
}
#request .ce-area5-links {
  grid-area: ce-area5-links;
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .ce-area6-title {
  grid-area: ce-area6-title;
}
#request .ce-area6-title .area-title {
  border-right: 1px solid #9a9a9a;
}
#request .ce-area6-links {
  grid-area: ce-area6-links;
}
#request .ce-area6-links .area-link {
  border-width: 0 1px 1px 0;
  border-style: solid;
  border-color: #9a9a9a;
}
#request .block-gcp {
  display: grid;
  grid-template-columns: 3em 1fr;
  grid-template-areas: "type gcp-comment";
}
#request .gcp-area1-comment {
  grid-area: gcp-comment;
}

@media screen and (max-width: 720px) {
  #request .block, #request .block2, #request .block-ce {
    display: flex;
    flex-direction: column;
    border-left: 1px solid #9a9a9a;
  }
  #request .type {
    display: flex;
    flex-direction: colum;
    border-left: 0;
  }
  #request .area-title {
    display: flex;
    padding-top: 0.5em;
    border-top: 0;
  }
  #request .area-title .inline {
    display: inline;
  }
  #request .area2-title .area-title {
    border-top: 0;
  }
  #request .area3-title.area-title,
  #request .area3-title .area-title {
    border-top: 0;
  }
  #request .ce-area2-links,
  #request .ce-area3-links {
    border-bottom: 1px solid #9a9a9a;
  }
  #request .block-gcp {
    grid-template-columns: 0 1fr;
  }
}
/* =======================================

	 CSS BrowserReset BaseElements

 ======================================= */
html, body, div, span, nav, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  font-style: inherit;
  font-weight: inherit;
  background: transparent;
}

html {
  font-size: 0.75em;
  overflow-y: scroll;
  color: #333;
}

img {
  vertical-align: text-bottom;
}

strong {
  font-weight: bold;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  /*	border-collapse: separate;*/
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  /*\*/
  overflow: hidden;
  /**/
}

option {
  padding-right: 10px;
}

/* ------------------------------
	HTML5 ELEMENTS
------------------------------ */
header, article, aside, section, footer,
nav, menu, details, hgroup, summary, figcaption, figure {
  display: block;
}

#users .account {
  width: 400px;
  margin: 20px auto;
}
#users .account .field {
  margin-bottom: 2em;
}
#users .account .buttons {
  margin: 2em auto;
}
#users .notice {
  width: unset;
  text-align: center;
}
#users .troubleshooting {
  width: 720px;
  margin: 0 auto;
}
#users .troubleshooting ol {
  list-style-type: decimal;
  margin: 20px 0;
  font-weight: bold;
}
#users .troubleshooting ol li {
  margin-left: 2em;
  margin-bottom: 2em;
}
#users .birthday4 {
  width: 4.5em !important;
  text-align: right;
}
#users .birthday2 {
  width: 3.5em !important;
  text-align: right;
  margin-left: 0.5em;
}

#workshops {
  width: 720px;
  margin: 0 auto;
}
#workshops .articleArea {
  border: 0;
  height: auto;
}
#workshops .articleArea.workshops {
  padding: 0;
  border: unset;
  height: unset;
}
#workshops .articleArea.workshops dl {
  display: flex;
  margin: 0.5em 0;
  font-size: 1.17em;
}
#workshops .articleArea.workshops dl dt {
  font-weight: normal;
  margin-right: 1em;
}
#workshops .body {
  white-space: pre-wrap;
}
#workshops h2.block-title {
  margin-top: 20px !important;
}
#workshops .value a {
  margin: 0 0.5rem;
}

* {
  box-sizing: inherit;
}

a.button {
  display: inline-block;
  margin: 0.5em;
  width: 10em;
  height: 3em;
  text-align: center;
  vertical-align: middle;
  line-height: 3em;
  border-radius: 5px;
  text-decoration: none;
  padding: auto;
  color: white;
  background-color: #00b8f4;
  border: 1px solid #00b8f4;
  font-weight: bold;
}
a.button:hover {
  background-color: #107ebd;
}
a.button.disable {
  color: #707070;
  background-color: #cbcbcb;
  border: 1px solid #cbcbcb;
  pointer-events: none;
}

a.btnBasic {
  text-decoration: none;
}
a.btnBasic.disable {
  color: #707070;
  border: 1px solid #cbcbcb;
  pointer-events: none;
}

.spacer {
  padding: 1em;
}

.table-fixed {
  table-layout: fixed;
}

#top {
  position: relative;
}
#top header .headerTop {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  float: right;
}
#top header #mobile_menu {
  display: none;
}
#top #mobile {
  display: none;
  z-index: 1;
}
#top hr {
  border: none;
  background: linear-gradient(to bottom, #e2e2e2, white);
  height: 6px;
}
#top .management_menu {
  height: 100px;
  margin-bottom: 12px;
}
#top .management_menu ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 70px;
  margin-right: 30px;
  padding-top: 15px;
}
#top .management_menu ul li {
  margin: 0 0.5rem;
}
#top .notice {
  margin: 0.5em auto;
  padding: 1rem;
  color: white;
  font-weight: bold;
  text-align: center;
}
#top .notice .notice-message {
  display: inline-block;
  padding: 1em 2rem;
  color: #276535;
  background-color: #d4edda;
  border-radius: 5px;
}
#top .notice .alert {
  display: inline-block;
  padding: 1em 2rem;
  color: #856505;
  background-color: #fff3cd;
  border-radius: 5px;
}
#top span.sbr {
  display: inline-block;
}
#top span.spbr {
  display: inline-block;
  margin: 0 0.225em;
}
#top #cover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(128, 128, 128, 0.5);
}
#top #cover .center-fixed {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#top #cover .center-fixed .status {
  font-size: 2em;
  color: black;
  background-color: white;
  padding: 1em;
  border-radius: 5px;
}

#global ul {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#global ul li {
  float: unset;
}
#global ul li a {
  text-indent: unset !important;
  text-decoration: none;
  padding: 6px 0;
  color: white;
}
#global ul li a:hover {
  opacity: 1;
  filter: unset;
  -webkit-filter: unset;
  -moz-filter: unset;
  background-color: #107ebd;
}
#global ul li a.active {
  background-color: #107ebd;
}
#global .nav-border {
  position: relative;
  width: 150px;
  height: 44px;
  border-left: 1px dotted white;
}
#global .nav-border.last {
  border-right: 1px dotted white;
}
#global .nav-border .nav-inner {
  width: 100%;
  padding-left: 1em;
  padding-top: 0.1em;
  font-weight: bold;
  font-size: 12pt;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-position: 1.25em center;
  background-repeat: no-repeat;
  text-indent: 0;
}
#global .nav-border .nav-inner.home {
  background-image: url("/img/icon-home.png");
}
#global .nav-border .nav-inner.member-info {
  background-image: url("/img/icon-pen.png");
}
#global .nav-border .nav-inner.annual-payments {
  background-image: url("/img/icon-annual.png");
}
#global .nav-border .nav-inner.request {
  background-image: url("/img/icon-file.png");
}
#global .nav-border .nav-inner.journal {
  background-image: url("/img/icon-note.png");
}
#global .nav-border .nav-inner.mail-magazine {
  background-image: url("/img/icon-mail.png");
  background-size: 20px 20px;
}
#global .nav-border .nav-inner.logout {
  background-image: url("/img/icon-logout.png");
}

#wrapper {
  width: 1020px;
  margin: 0 auto 100px;
  overflow: hidden;
  text-align: left;
  font-size: 1.17em;
}
#wrapper h1 {
  margin: 20px 0 20px 0;
  padding: 17px 10px 17px 10px;
  font-weight: bold;
  font-size: 1.28em;
  border-bottom: 1px dotted #9a9a9a;
  background: #FFF url("/img/inner_title_bg.jpg") repeat-x left top;
  border-top: 4px solid #00b8f4;
  color: #000;
  line-height: 1.5em;
}
#wrapper .page-description {
  font-size: 1.17em;
}
#wrapper .page-description .footnote {
  font-size: 80%;
}
#wrapper .block {
  margin-bottom: 20px;
}
#wrapper h2.block-title {
  margin: 40px 0 10px 0;
  padding: 5px 0 5px 10px;
  font-size: 1.14em;
  font-weight: bold;
  color: #000;
  border-left: 4px solid #00b8f4;
}
#wrapper .block-description {
  margin: 5px 0;
}
#wrapper .block2-title {
  margin: 10px 0 10px 0;
  padding: 10px;
  font-size: 1.14em;
  font-weight: bold;
  background-color: #f3f3f3;
  border-radius: 5px;
}
#wrapper .block-link {
  text-align: right;
}
#wrapper form.member_info {
  padding-bottom: 10px;
}
#wrapper input,
#wrapper select {
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;
  border: 2px solid #4fcef7;
  border-radius: 5px;
  font-size: inherit;
}
#wrapper input[type=text],
#wrapper input[type=email],
#wrapper input[type=password],
#wrapper textarea {
  width: 100%;
  border: 2px solid #4fcef7;
  box-sizing: border-box;
  padding: 8px;
}
#wrapper textarea {
  height: 25em;
}
#wrapper input[type=file] {
  width: 20em;
  margin: 0.5em;
  padding: 0.5em;
}
#wrapper .radio_label {
  margin: 0 15px 0 5px;
}
#wrapper .buttons {
  text-align: center;
}
#wrapper .btn {
  display: inline-block;
  margin: 0.5em;
  width: 10em;
  height: 3em;
  text-align: center;
  vertical-align: middle;
  line-height: 3em;
  border-radius: 5px;
}
#wrapper .btn.cancel {
  text-decoration: none;
  padding: auto;
  border: 1px solid #107ebd;
}
#wrapper .btn.submit {
  color: white;
  font-weight: bold;
  background-color: #4fcef7;
  text-shadow: unset;
  border: 1px solid #00b8f4;
  background-image: url("/img/arrow_b03.png");
  background-position: 10px center;
  background-repeat: no-repeat;
  padding: 0;
  line-height: 1.5em;
}
#wrapper .btn.edit {
  color: white;
  background-color: #4fcef7;
  text-decoration: none;
  padding: auto;
  background-image: url("/img/arrow_b03.png");
  background-position: 10px center;
  background-repeat: no-repeat;
}
#wrapper .btn#preview {
  line-height: 1em;
  background-color: #107ebd;
  text-shadow: unset;
  border: 1px solid #00b8f4;
  background-image: none;
  color: white;
}
#wrapper .links {
  text-align: center;
}
#wrapper .normal {
  font-weight: normal;
}
#wrapper .bold {
  font-weight: bold;
}
#wrapper .pagination {
  float: none;
  font-size: unset;
  margin-left: unset;
  margin-top: 1em;
  text-align: center;
}
#wrapper .pagination nav {
  display: flex;
  justify-content: center;
}
#wrapper .pagination nav .page {
  margin: 0.1em;
}
#wrapper .message-title {
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  margin-top: 40px;
  padding: 10px 0;
  background-color: #f3f3f3;
  border-radius: 5px;
}
#wrapper .message {
  text-align: center;
  margin: 40px 0;
}
#wrapper .table {
  width: 100%;
  text-align: center;
  padding: 5px;
}
#wrapper .table th,
#wrapper .table td {
  vertical-align: middle;
}
#wrapper .table .header {
  text-align: center;
  color: white;
  padding: 5px;
  background-color: #00b8f4;
  border-left: 1px solid #fff;
  font-weight: bold;
  vertical-align: middle;
}
#wrapper .table .header.top {
  border-left: unset;
}
#wrapper .table .nowrap {
  white-space: nowrap;
}
#wrapper .table td {
  padding: 5px;
  text-align: center;
}
#wrapper .table td.name {
  font-weight: bold;
}
#wrapper .table td.value a span {
  text-decoration: underline;
}
#wrapper .table td.item {
  border-left: 1px solid #f8f8f8;
}
#wrapper .table td.item.top {
  border-left: unset;
}
#wrapper .table .tr:nth-child(odd) {
  background-color: #edfbff;
}
#wrapper .attr {
  display: flex;
  flex-wrap: wrap;
}
#wrapper .attr .name {
  width: 10em;
  margin: 0;
  padding: 5px;
  background-color: #edfbff;
  display: flex;
  align-items: center;
  font-weight: bold;
}
#wrapper .attr .value {
  flex: 1;
  margin: 0;
  padding: 5px;
}
#wrapper .attr .value.diff {
  background-color: #fffae5;
}
#wrapper .article .post-at {
  margin-bottom: 10px;
}
#wrapper .article .post-at dd.border {
  padding: 5px;
  border: 1px solid #00b8f4;
}
#wrapper .article .title {
  margin-bottom: 10px;
}
#wrapper .article .title dd.border {
  padding: 5px;
  border: 1px solid #00b8f4;
}
#wrapper .article .body {
  margin-bottom: 20px;
}
#wrapper .article .body dd.border {
  padding: 5px;
  border: 1px solid #00b8f4;
}
#wrapper .article .body textarea {
  height: 20em;
}
#wrapper select {
  height: 2em;
}
#wrapper ins {
  text-decoration: none;
}
#wrapper .keep-all {
  word-break: keep-all;
}
#wrapper form .title {
  margin-top: 1em;
}
#wrapper form .body {
  margin-top: 1em;
}

footer nav#global-mobile {
  display: none;
}

.spacer {
  padding: 1em;
}

#header-logout {
  display: flex;
  align-items: center;
}

#mobile-account {
  display: none;
}

.login-account {
  margin: 0 0.5em;
  padding: 0.5em 1em;
  font-size: 1.2em;
  font-weight: bold;
  border: 2px solid #00b8f4;
}

.caution {
  padding: 1rem;
  border: 3px solid red;
  font-size: 1.5rem;
}

.red {
  color: red;
}

.bg-yellow {
  background-color: yellow;
}

.underline {
  text-decoration: underline;
}

.flatpickr-calendar {
  background: transparent;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  -webkit-animation: none;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  background: #fff;
  -webkit-box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}

.flatpickr-calendar.open,
.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-calendar .hasWeeks .dayContainer,
.flatpickr-calendar .hasTime .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:before,
.flatpickr-calendar:after {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}

.flatpickr-calendar.rightMost:before,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.arrowRight:after {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:before,
.flatpickr-calendar.arrowCenter:after {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:before,
.flatpickr-calendar.arrowTop:after {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:before,
.flatpickr-calendar.arrowBottom:after {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-months .flatpickr-month {
  background: transparent;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}

.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,
.flatpickr-months .flatpickr-next-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-prev-month i,
.flatpickr-months .flatpickr-next-month i {
  position: relative;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  left: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  /*
        /*rtl:begin:ignore*/
  /*
        */
  right: 0;
  /*
        /*rtl:end:ignore*/
  /*
        */
}

/*
      /*rtl:begin:ignore*/
/*
      /*rtl:end:ignore*/
.flatpickr-months .flatpickr-prev-month:hover,
.flatpickr-months .flatpickr-next-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-prev-month svg,
.flatpickr-months .flatpickr-next-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-prev-month svg path,
.flatpickr-months .flatpickr-next-month svg path {
  -webkit-transition: fill 0.1s;
  transition: fill 0.1s;
  fill: inherit;
}

.numInputWrapper {
  position: relative;
  height: auto;
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}

.numInputWrapper span svg {
  width: inherit;
  height: auto;
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  font-size: 135%;
  line-height: inherit;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0 ;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}

.flatpickr-current-month input.cur-year {
  background: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 0.5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: transparent;
  pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  background: transparent;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: none;
  padding: 0 0 0 0.5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:focus,
.flatpickr-current-month .flatpickr-monthDropdown-months:active {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 28px;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: transparent;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: bolder;
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0;
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 307.875px;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  opacity: 1;
}

.dayContainer + .dayContainer {
  -webkit-box-shadow: -1px 0 0 #e6e6e6;
  box-shadow: -1px 0 0 #e6e6e6;
}

.flatpickr-day {
  background: none;
  border: 1px solid transparent;
  border-radius: 150px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
  -ms-flex-preferred-size: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.flatpickr-day.inRange,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day:focus,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.nextMonthDay:focus {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: #569ff7;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}

.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange,
.flatpickr-day.endRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange,
.flatpickr-day.endRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
  -webkit-box-shadow: -10px 0 0 #569ff7;
  box-shadow: -10px 0 0 #569ff7;
}

.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange,
.flatpickr-day.endRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
  box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}

.flatpickr-day.week.selected {
  border-radius: 0;
  -webkit-box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
  box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  -webkit-box-shadow: 1px 0 0 #e6e6e6;
  box-shadow: 1px 0 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: transparent;
  cursor: default;
  border: none;
}

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}

.flatpickr-time .numInputWrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: bold;
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}

.flatpickr-time .flatpickr-time-separator,
.flatpickr-time .flatpickr-am-pm {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: bold;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}

.flatpickr-time input:hover,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time .flatpickr-am-pm:focus {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@-webkit-keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fpFadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}