@charset "UTF-8";
/** reset */
.curvyIn,
.pagewrapper {
  -webkit-text-size-adjust: 100%;
}

.curvyIn p, .curvyIn li, .curvyIn dt, .curvyIn dd, .curvyIn th, .curvyIn td, .curvyIn input, .curvyIn textarea, .curvyIn select, .curvyIn h1, .curvyIn h2, .curvyIn h3, .curvyIn h4, .curvyIn h5, .curvyIn h6,
.pagewrapper p,
.pagewrapper li,
.pagewrapper dt,
.pagewrapper dd,
.pagewrapper th,
.pagewrapper td,
.pagewrapper input,
.pagewrapper textarea,
.pagewrapper select,
.pagewrapper h1,
.pagewrapper h2,
.pagewrapper h3,
.pagewrapper h4,
.pagewrapper h5,
.pagewrapper h6 {
  font-size: 100%;
}

.curvyIn .text10,
.pagewrapper .text10 {
  font-size: 77% !important;
}

.curvyIn .text11,
.pagewrapper .text11 {
  font-size: 85% !important;
}

.curvyIn .text12,
.pagewrapper .text12 {
  font-size: 93% !important;
}

.curvyIn .text13,
.pagewrapper .text13 {
  font-size: 100% !important;
}

.curvyIn .text14,
.pagewrapper .text14 {
  font-size: 108% !important;
}

.curvyIn .text15,
.pagewrapper .text15 {
  font-size: 116% !important;
}

.curvyIn .text16,
.pagewrapper .text16 {
  font-size: 123.1% !important;
}

.curvyIn .text17,
.pagewrapper .text17 {
  font-size: 131% !important;
}

.curvyIn .text18,
.pagewrapper .text18 {
  font-size: 138.5% !important;
}

.curvyIn .text19,
.pagewrapper .text19 {
  font-size: 146.5% !important;
}

.curvyIn .text20,
.pagewrapper .text20 {
  font-size: 153.9% !important;
}

.curvyIn .text21,
.pagewrapper .text21 {
  font-size: 161.6% !important;
}

.curvyIn .text22,
.pagewrapper .text22 {
  font-size: 167% !important;
}

.curvyIn .text23,
.pagewrapper .text23 {
  font-size: 174% !important;
}

.curvyIn .text24,
.pagewrapper .text24 {
  font-size: 184% !important;
}

.curvyIn .text25,
.pagewrapper .text25 {
  font-size: 189% !important;
}

.curvyIn .text26,
.pagewrapper .text26 {
  font-size: 197% !important;
}

.curvyIn .section,
.pagewrapper .section {
  padding-left: 0;
  padding-right: 0;
}

/**  */
.mono {
  font-family: "ＭＳ ゴシック", "Osaka−等幅","ヒラギノ角ゴ Pro W3",monospace;
}

.red {
  color: #cc1800;
}

.nowrap {
  white-space: nowrap;
}

.clearfix {
  overfloa: hidden;
  _zoom: 1;
}

.contents_wrap {
  overflow: hidden;
  _zoom: 1;
}

p.notice,
.notice li {
  text-indent: -1.2em;
  padding-left: 1.2em;
  font-size: 90%;
}

p.notice .mono,
.notice li .mono {
  padding-right: 0.2em;
}

.flt_l {
  float: left;
}

.flt_r {
  float: right;
}

.blk01 {
  width: 120px;
}

.blk02 {
  width: 255px;
}

.blk03 {
  width: 390px;
}

.blk04 {
  width: 525px;
}

.blk05 {
  width: 660px;
}

@media screen and (max-width: 767px) {
  #title {
    display: none;
    font-size: 1.231em !important;
  }
}

/** @media max-width: 767px */
a.btn-text,
a.btn-pdf,
span.btn-off {
  position: relative;
  display: block;
  background: #1a9fe3;
  color: #fff;
  padding: 1.5em 1em;
  border-radius: .3em;
  line-height: 1;
  text-align: center;
  font-weight: bold;
  font-feature-settings: "palt";
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
}

a.btn-text:hover,
a.btn-pdf:hover,
span.btn-off:hover {
  opacity: .86;
  text-decoration: none;
  box-shadow: none;
}

a.btn-text {
  padding-right: 2em;
}

a.btn-text::after {
  display: block;
  width: .5em;
  height: .5em;
  position: absolute;
  right: 1em;
  top: calc(50% - .3em);
  content: "";
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

a.btn-pdf::after {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  right: 1em;
  top: 50%;
  content: "";
  background: url("/traffic/specialtrain-goods/euphonium/i/btn-pdf.png") no-repeat center center;
  background-size: 100%;
  margin-top: -.5em;
}

span.btn-off {
  background: #ccc;
  text-decoration: none;
  box-shadow: none;
}

span.btn-off:hover {
  opacity: 1;
}

/** 
  コンテンツナビゲーション
*/
.contentNav {
  position: relative;
  /** @media max-width: 767px */
}

.contentNav a {
  margin: 3px .5% 0px 0;
  display: inline-block;
}

.contentNav .btns {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-between;
  margin: auto;
}

.contentNav .btns li {
  box-sizing: border-box;
  width: calc(25% - .5%);
  margin: 3px .5% 3px 0;
}

.contentNav a.btn {
  position: relative;
  display: block;
  background: #1a9fe3;
  color: #fff;
  padding: 1.5em 1em;
  border-radius: .3em;
  line-height: 1;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 1px;
  font-weight: bold;
  font-size: 1.08em;
}

.contentNav a.btn::after {
  display: block;
  width: .5em;
  height: .5em;
  position: absolute;
  right: .5em;
  top: calc(50% - .3em);
  content: "";
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.contentNav a.btn:hover {
  background: #75C5EE;
  text-decoration: none;
  box-shadow: none;
}

.contentNav a.btn.current {
  box-shadow: none;
  background: #3D81C0;
}

.contentNav a.btn._off {
  background: #ddd;
  color: #f0f0f0;
  pointer-events: none;
  box-shadow: none;
}

.contentNav a.btn._off:after {
  border-color: #f0f0f0;
}

.contentNav .btnOff {
  position: relative;
  display: block;
  background: #e0e0e0;
  color: #ccc;
  padding: 1em 1em;
  border-radius: .3em;
  line-height: 1;
  font-weight: bold;
  font-size: 1.08em;
}

@media screen and (max-width: 767px) {
  .contentNav .btns {
    flex-wrap: wrap;
    width: 100%;
  }
  .contentNav .btns li {
    width: 49%;
    margin-bottom: 0px;
    margin: 8px .5% 0px 0;
  }
  .contentNav .btns li:nth-of-type(-n+2) {
    margin-top: 0px;
  }
  .contentNav a.btn {
    padding: 1.5em 1em;
  }
}

/** .contentNav */
.slogan {
  text-align: center;
  margin-bottom: .5em;
  letter-spacing: .1em;
  font-feature-settings: "palt";
  /** @media max-width: 767px */
}

@media screen and (max-width: 767px) {
  .slogan {
    margin-top: 1em;
  }
}

.content-header:before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: url("../i/header-top.png") repeat-x left top;
}

.content-header:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: url("../i/header-bottom.png") repeat-x left bottom;
}

.content-header .context {
  position: relative;
  padding: 10px;
}

.content-header .contentNav {
  display: block;
}

@media screen and (max-width: 767px) {
  .content-header {
    background-repeat: repeat;
    margin-left: -20px;
    margin-right: -20px;
  }
  .content-header:after {
    display: none;
  }
  .content-header .context {
    display: block;
    background: #EBF7FE;
    padding: 30px 10px;
  }
  .content-header .context .logo {
    display: block;
    margin: 0 auto 0px;
  }
  .content-header .contentNav {
    display: none;
  }
}

/** .content-header */
.content-footer {
  display: none;
}

.content-footer:before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: url("../i/header-top.png") repeat-x left top;
}

.content-footer:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  background: url("../i/header-bottom.png") repeat-x left bottom;
}

.content-footer .context {
  position: relative;
  padding: 10px;
}

@media screen and (max-width: 767px) {
  .content-footer {
    display: block;
    background-repeat: repeat;
    margin-left: -20px;
    margin-right: -20px;
  }
  .content-footer .context {
    display: block;
    padding: 30px 10px;
  }
}

/** .content-footer */
.copyright {
  margin-top: .5em;
}