@charset "UTF-8";
/*…………………………………………………………………
　定義
…………………………………………………………………*/
/*…………………………………………………………………
　カラー
…………………………………………………………………*/
.colorRed {
  color: #f00; }

/*…………………………………………………………………
　レイアウト
…………………………………………………………………*/
.Left {
  float: left; }

.Right {
  float: right; }

.contentsBlock {
  width: calc(100% - 50px);
  max-width: 1024px;
  margin: 0 auto; }

.md-16 {
  font-size: 16px !important; }

.md-18 {
  font-size: 18px !important; }

.md-24 {
  font-size: 24px !important; }

.md-36 {
  font-size: 36px !important; }

.md-48 {
  font-size: 48px !important; }

div#pageTopButton {
  position: fixed;
  bottom: 50px;
  right: 0px; }

/*…………………………………………………………………
　スペース
…………………………………………………………………*/
.margin0 {
  margin: 0; }

.marginTop5 {
  margin-top: 5px; }

.marginTop15 {
  margin-top: 15px; }

.marginTop30 {
  margin-top: 30px; }

.marginTop45 {
  margin-top: 45px; }

.marginTop60 {
  margin-top: 60px; }

.marginTop75 {
  margin-top: 75px; }

.marginTop90 {
  margin-top: 90px; }

.marginRight10 {
  margin-right: 10px !important; }

.marginRight15 {
  margin-right: 15px !important; }

.marginRight30 {
  margin-right: 30px !important; }

@media all and (min-width: 840px) {
  .marginTop15_sp {
    margin-top: 15px !important; } }
/*…………………………………………………………………
　フォント
…………………………………………………………………*/
.fontS {
  font-size: .75em; }

.fontM {
  font-size: 1em; }

.fontL {
  font-size: 1.25em; }

/*…………………………………………………………………
　ヘッダー
…………………………………………………………………*/
header {
  padding: 15px 0 15px 15px;
  border-bottom: 1px solid #999;
  box-shadow: 0px 0px 5px; }

a#a_headerLogo {
  padding: 5px 0 5px 30px;
  color: #333;
  font-size: 1.25em;
  text-decoration: none;
  background-image: url(../common/logo.svg);
  background-position: 0px 4px;
  background-size: 24px auto;
  background-repeat: no-repeat; }

@-moz-document url-prefix() {
  a#a_headerLogo {
    background-position: 0px 4px; } }
/*…………………………………………………………………
　フッター
…………………………………………………………………*/
footer {
  width: 100%;
  margin-top: 105px; }

footer nav#nav_footerLink {
  padding: 5px 0 0 0 !important;
  color: #999;
  background-color: #333; }

small#smallCopyright {
  display: block;
  padding: 5px;
  text-align: center;
  color: #ddd;
  background-color: #000; }

div#div_footerRouteLink a {
  color: #0b3789;
  text-decoration: none; }

ul#ul_footerStates {
  margin: -10px 0 -30px 0 !important; }

ul#ul_footerStates li {
  float: left;
  width: 120px; }

ul#ul_footerStates li a {
  color: #fff;
  text-decoration: none; }

.mdl-badgeFin {
  position: relative;
  white-space: nowrap;
  margin-right: 24px; }

.mdl-badgeFin:not([data-badge]) {
  margin-right: auto; }

.mdl-badgeFin[data-badge]:after {
  content: attr(data-badge);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: -11px;
  right: -24px;
  font-family: "Roboto", "Helvetica", "Arial", sans-serif;
  font-weight: 600;
  font-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fff;
  color: #00f; }

.mdl-button .mdl-badgeFin[data-badge]:after {
  top: -10px;
  right: -5px; }

/*…………………………………………………………………
　トップページ
…………………………………………………………………*/
div#div_topTitleFrame {
  position: relative;
  background-color: #f4f4dd;
  overflow: hidden; }
  div#div_topTitleFrame .mdl-grid {
    padding: 0; }

div#div_topTitleBlock {
  width: calc(100% - 30px);
  margin: 0 auto; }
  div#div_topTitleBlock .mdl-cell--12-col {
    margin-top: 0px;
    margin-bottom: 0px; }

div#div_topTitleBlock h1 {
  margin: 20px 0 10px 0;
  color: #0b3789;
  font-size: 2em !important;
  font-weight: bold; }

div#div_topTitleBlock p {
  margin-top: 0px;
  font-size: 1em !important; }

div#representative .mdl-grid,
div#book01 .mdl-grid,
div#book02 .mdl-grid,
div#book03 .mdl-grid,
div#book04 .mdl-grid,
div#book05 .mdl-grid,
div#book06 .mdl-grid,
div#book07 .mdl-grid,
div#book08 .mdl-grid,
div#book09 .mdl-grid,
div#book10 .mdl-grid,
div#book11 .mdl-grid,
div#book12 .mdl-grid,
div#book13 .mdl-grid,
div#book14 .mdl-grid,
div#book15 .mdl-grid,
div#book16 .mdl-grid,
div#book17 .mdl-grid,
div#book18 .mdl-grid,
div#book19 .mdl-grid,
div#book20 .mdl-grid {
  padding: 0; }

@media all and (min-width: 0px) {
  .dd_30per {
    width: 100% !important; } }
@media all and (min-width: 840px) {
  .dd_30per {
    width: 30% !important; } }
p.p_topAlert {
  margin: 10px 0 0 0 !important;
  color: #f00 !important;
  font-size: 1.25em;
  font-weight: bold !important; }

p.p_topAlert > i {
  display: block;
  margin-top: -1px;
  float: left; }

div.div_subjectTitleBlock {
  width: 100% !important;
  margin: 0;
  background-color: #f0f; }

div.div_subjectTitleBlock h3 {
  margin: 0;
  padding: 0 0 0 15px;
  font-size: 1.25em;
  font-weight: bold; }

div.div_bookBottomLink {
  width: 100% !important;
  border-top: 1px solid #ccc;
  margin: 15px 0 0 0 !important;
  padding: 15px 0 !important; }

div.div_bookBottomLink button {
  width: 100% !important; }

ul.ul_bookFunctionBlock a {
  color: #0b3789 !important;
  text-decoration: none !important; }

div#div_representativeTitle {
  width: 100% !important;
  padding: 5px 0 5px 15px;
  background-color: #666; }

div.div_bookTitle {
  width: 100% !important;
  padding: 5px 0 5px 15px;
  background-color: #0b3789; }

div#div_representativeTitle h2,
div#div_thankTitle h2,
div.div_bookTitle h2 {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.5em !important;
  font-weight: bold;
  color: #fff; }

.mdl-card__supporting-text {
  width: 100% !important; }

div#div_thankTitle {
  width: 100% !important;
  padding: 5px 0 5px 15px;
  background-color: #0a3789; }

/*…………………………………………………………………
　入力
…………………………………………………………………*/
div.div_bookCategoryBlock01,
dl.dl_bookCategoryBlock01 {
  background-color: #fffcdb; }

dl.dl_bookCategoryBlock02 {
  background-color: #fadce9; }

.dl_bookCategoryBlock03 {
  background-color: #d3edfb; }

.dl_bookCategoryBlock03 input[readonly] {
  background-color: #ccc;
  content: "○"; }

label.label_inputSelect {
  position: relative;
  display: block;
  width: 100%;
  border: 1px solid #333;
  border-radius: 5px;
  background: #fff; }

label.label_inputSelect:before {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  width: 0;
  height: 0;
  margin: -2px 0 0 0;
  border: 5px solid transparent;
  border-top: 7px solid #333; }

.label_inputSelect select {
  font-size: 1.125em;
  cursor: pointer;
  position: relative;
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  padding: 0.5em 1em;
  color: #333;
  border: none;
  border-radius: 5px;
  background: transparent; }

::-ms-expand {
  display: none; }