@charset "UTF-8";
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dt, dd, figure {
  margin: 0;
  padding: 0;
}

ul, ol {
  list-style: none;
}

li {
  padding: 0;
}

img {
  border: 0;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  color: #333;
  font-size: 12px;
  line-height: 1;
}

article, footer, header, nav, section {
  display: block;
}

body, button, input, select, textarea {
  font-family: sans-serif;
}

button, input, select, textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: baseline;
}

a {
  color: #06c;
  text-decoration: none;
}
a:visited {
  color: #06c;
}

a, label {
  -webkit-tap-highlight-color: transparent;
}

.icon, .navlist_action:after, .navlist_action.navlist_action--prev:before, .btn_pagetop:before {
  display: inline-block;
  vertical-align: middle;
  background: url('/edit/rewrite/help/img/sprite/icon-.png') no-repeat;
  background-size: 16px, 42px;
}

.icon--left_arrow, .navlist_action.navlist_action--prev:before {
  width: 8px;
  height: 13px;
  background-position: 0 0;
}

.icon--pagetop, .btn_pagetop:before {
  width: 16px;
  height: 16px;
  background-position: 0 -26px;
}

.icon--right_arrow, .navlist_action:after {
  width: 8px;
  height: 13px;
  background-position: 0 -13px;
}

.l-section_h2 {
  margin-top: 25px;
}
.l-section_h2.l-section_h2--first {
  margin-top: 0;
}

.l-section_h3 {
  margin-top: 16px;
}

.l-pagetopsp {
  padding: 18px 10px;
  background-color: #fff;
}

@media screen and (min-width: 768px) {
  .l-section_h2 {
    margin-top: 0;
  }
  .l-section_h2.l-section_h2--navlist {
    display: none;
  }

  .l-section_h3 {
    margin-top: 20px;
  }

  .l-pagetopsp {
    display: none;
  }
}
.section_h1 {
  background-color: #fafafa;
}
.section_h1 .section_h1-header {
  font-weight: bold;
  padding: 11px 10px;
  background: #dbf5c4;
  line-height: 1.4;
}
.section_h1 .section_h1-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
}
.section_h1 .section_h1-title:before {
  content: '';
  display: block;
  width: 3px;
  background-color: #61aa12;
  border-radius: 1px;
}
.section_h1 .section_h1-title .section_h1-title-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  display: block;
  padding-left: 5px;
  font-size: 14px;
}

.section_h1 .section_h1-body {
  margin-top: 10px;
}
.section_h1.section_h1--nesthead .section_h1-body {
  margin-top: 20px;
}

.section_h2 .section_h2-header {
  font-weight: bold;
  padding: 0 10px;
  line-height: 1.4;
}
.section_h2 .section_h2-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
}
.section_h2 .section_h2-title:before {
  content: '';
  display: block;
  width: 3px;
  background-color: #5f5b5b;
  border-radius: 1px;
}
.section_h2 .section_h2-title .section_h2-title-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
  display: block;
  padding-left: 5px;
  font-size: 14px;
}
.section_h2 .section_h2-body {
  margin-top: 10px;
  padding: 0 10px;
}
.section_h2.section_h2--navlist .section_h2-body {
  padding: 0;
}

.section_h3 .section_h3-header {
  background-color: #eeeeee;
  min-height: 32px;
  box-sizing: border-box;
  padding: 4px 10px;
}
.section_h3 .section_h3-header .section_h3-header-title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.8;
}
.section_h3 .section_h3-body {
  margin-top: 10px;
  line-height: 1.4;
}

.contactread {
  font-size: 14px;
}
.contactread .contactread-text {
  font-size: 14px;
  line-height: 1.4;
  margin-top: 10px;
}
.contactread .contactread-text:first-child {
  margin-top: 0;
}
.contactread .contactread-list {
  margin-top: 12px;
  padding-left: 5px;
}
.contactread .contactread-list li {
  margin-top: 5px;
}

.contactread .contactread-action {
  text-decoration: underline;
}

.navlist li {
  border-top: 1px solid #dadada;
}

.navlist_action {
  display: flex;
  display: -webkit-flex;
  display: -webkit-box;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-pack: start;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  height: 50px;
  box-sizing: border-box;
  background-color: #fff;
  padding: 0 10px;
  font-size: 14px;
}
.navlist_action:link, .navlist_action:hover, .navlist_action:visited, .navlist_action:active {
  color: #333;
  text-decoration: none;
}
.navlist_action:after {
  content: "";
  display: block;
}
.navlist_action.is-active {
  background-color: #f1f0e8;
}
.navlist_action .navlist_action-text {
  display: block;
  flex: 1;
  -webkit-flex: 1;
  -webkit-box-flex: 1;
}
.navlist_action .navlist_action-label {
  border-radius: 10px;
  width: 40px;
  height: 18px;
  background-color: #c3bd9f;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  display: flex;
  display: -webkit-flex;
  display: -webkit-box;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-pack: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-align: center;
  margin-right: 13px;
}
.navlist_action.navlist_action--prev {
  background-color: #fafafa;
  font-weight: bold;
  font-size: 12px;
}
.navlist_action.navlist_action--prev:link, .navlist_action.navlist_action--prev:hover, .navlist_action.navlist_action--prev:visited, .navlist_action.navlist_action--prev:active {
  color: #004cca;
}
.navlist_action.navlist_action--prev:after {
  content: "";
  background: none;
}
.navlist_action.navlist_action--prev:before {
  content: "";
  display: block;
  margin-right: 12px;
  font-weight: bold;
}

.pagetopsp {
  text-align: right;
}

.btn_pagetop:link, .btn_pagetop:active, .btn_pagetop:visited, .btn_pagetop:hover {
  font-size: 14px;
  color: #666;
}
.btn_pagetop:before {
  margin-right: 7px;
  content: "";
}

/************************************************************
 * ↓↓↓ SP時出し分け用指定 ↓↓↓
 ************************************************************/
.sub {
  display: none;
}

.breadcrumb {
  display: none;
}

.ui-section--h1 > .ui-section-header {
  display: none;
}

.pc_header {
  display: none;
}

.sp_header {
  display: block;
}

.pc_footer {
  display: none;
}

.sp_footer {
  display: block;
}

.footer {
  margin-top: 0;
}

/************************************************************
 * ↑↑↑ SP時出し分け用指定 ↑↑↑
 ************************************************************/
@media screen and (min-width: 768px) {
  /************************************************************
   * ↓↓↓ PC時出し分け用指定 ↓↓↓
   ************************************************************/
  .sub {
    display: block;
  }

  .breadcrumb {
    display: block;
  }

  .ui-section--h1 > .ui-section-header {
    display: block;
  }

  .section_h1 {
    background-color: inherit;
  }
  .section_h1 .section_h1-header {
    display: none;
  }

  .section_h2 .section_h2-header {
    display: none;
  }
  .section_h2 .section_h2-body {
    padding: 0;
  }

  .section_h3 .section_h3-header {
    background-color: inherit;
    padding: 0;
    min-height: auto;
  }
  .section_h3 .section_h3-header .section_h3-header-title {
    background-color: inherit;
    font-size: 12px;
    line-height: inherit;
  }
  .section_h3 .section_h3-body {
    margin-top: 2px;
  }

  .contactread {
    font-size: 12px;
  }
  .contactread .contactread-text {
    font-size: 12px;
    line-height: 1.6;
  }
  .contactread .contactread-text:first-child {
    margin-top: 0;
  }
  .contactread .contactread-list {
    margin-top: 12px;
    padding-left: 10px;
  }
  .contactread .contactread-list li {
    margin-top: 10px;
  }

  .contactread .contactread-action {
    text-decoration: underline;
  }
  .pc_header {
    display: block;
  }

  .sp_header {
    display: none;
  }

  .pc_footer {
    display: block;
  }

  .sp_footer {
    display: none;
  }

  /************************************************************
  * ↑↑↑ PC時出し分け用指定 ↑↑↑
  ************************************************************/
  /************************************************************
   * ↓↓↓ PC時体裁CSS（そのまま持ってきています） ↓↓↓
   ************************************************************/
  .inquiry-icon--sprite, .inquiry-icon--icon01, .inquiry-icon--icon02, .inquiry-icon--icon03, .inquiry-icon--icon04, .inquiry-icon--icon_btn, .inquiry-icon--pict01, .action_label.action_label--type01, .inquiry-icon--pict02, .action_label.action_label--type02, .inquiry-icon--pict03, .action_label.action_label--type03, .inquiry-icon--pict04, .action_label.action_label--type04 {
    background-image: url("/edit/oudan/bukkentag/img/icon_btn.png");
    background-repeat: no-repeat;
  }
  /************************************************************
   * reset
   ************************************************************/
  html, body, div, span, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp,
  small, strong, sub, var,
  b, i,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary,
  time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
  }

  a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
  }

  a, img {
    border: none;
    vertical-align: top;
  }

  body {
    line-height: 1.2;
    -webkit-text-size-adjust: none;
  }

  article, aside, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section {
    display: block;
  }

  li {
    list-style: none;
  }

  input, select {
    vertical-align: middle;
    margin: 0;
    padding: 0;
  }

  input, select, textarea {
    font-size: 105%;
  }

  ul, ol, li {
    list-style-position: outside;
    vertical-align: bottom;
  }

  h1, h2, h3, h4, h5, h6 {
    font-size: 12px;
    font-weight: normal;
  }

  /* clearfix */
  .ui-media:after, .ui-list--hz:after, .ui-list--hz3:after, .ui-list--hz4:after, .ui-tab--base:after, .pickupbox .pickupbox-inner:after, .lightbox .lightbox-link:after, .lightbox .lightbox-areabtn:after, .lightboxitem:after, .lightboxitem .lightboxitem-amounttime:after, .lightbox_mylist:after, .stationsearch-name ul li:after, .breadcrumb .breadcrumb-list:after, .breadcrumb2:after, .breadcrumb2 dl:after, .sectionmore:after, .subsectionmore:after, .itemlinklisth:after, .itemlisth_singleline:after, .itemlisth:after, .itemlisth2:after, .itemlisthbox > ul:after, .subsmalllistbox > ul:after, .itemlisth3:after, .featuresearchlist:after, .bgbox:after, .seminarbox .seminarbox-link .seminarbox-linklist:after, .counter.counter--inner:after, .counter.counter--inner2:after, .counter .counter-header:after, .counterlink.counterlink--type1 > .counterlink-list:after, .counterlink.counterlink--type2:after, .searchareabox.searchareabox--itembox:after, .searchareabox.searchareabox--itembox dl:after, .searchareabox.searchareabox--itembox .searchareabox-title:after, .searchbox:after, .areabtnlist:after, .bglinkbox .bglinkbox-inner:after, .mobilebox:after, .simplesubbannerbox .simplesubbannerbox-list:after, .subitemlisth:after, .subitemlisth2:after, .addbox.addbox--pr:after, .prreadbox:after, .prlistbox > ul:after, .propertydata .propertydata-txt:after, .footbnr .footbnr-list:after, .navbox_group:after, .navbox.navbox--large .navbox-body:after, .navbox.navbox--hz:after, .linkbox_group:after, .linkbox.linkbox--route:after, .linkbox.linkbox--search:after, .linkbox.linkbox--hz:after, .linkbox.linkbox--zentop:after, .ppbox_group:after, .ppbox:after, .footlogo:after, .mylist .mylist-inner:after, .mylist .mylist-list:after, .mylist .mylist-member:after, .loginbox .loginbox-links:after, .browselist:after, .browselist .titlearea:after, .browselist .listarea--article:after, .browselist .historyarea:after, .siteheader .siteheader-inner:after, .desc:after, .logo:after, .visual:after, .contents:after, .contents_zen:after, .contents_han:after, .helpanchorlinklist:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

  .ui-media, .ui-list--hz, .ui-list--hz3, .ui-list--hz4, .ui-tab--base, .pickupbox .pickupbox-inner, .lightbox .lightbox-link, .lightbox .lightbox-areabtn, .lightboxitem, .lightboxitem .lightboxitem-amounttime, .lightbox_mylist, .stationsearch-name ul li, .breadcrumb .breadcrumb-list, .breadcrumb2, .breadcrumb2 dl, .sectionmore, .subsectionmore, .itemlinklisth, .itemlisth_singleline, .itemlisth, .itemlisth2, .itemlisthbox > ul, .subsmalllistbox > ul, .itemlisth3, .featuresearchlist, .bgbox, .seminarbox .seminarbox-link .seminarbox-linklist, .counter.counter--inner, .counter.counter--inner2, .counter .counter-header, .counterlink.counterlink--type1 > .counterlink-list, .counterlink.counterlink--type2, .searchareabox.searchareabox--itembox, .searchareabox.searchareabox--itembox dl, .searchareabox.searchareabox--itembox .searchareabox-title, .searchbox, .areabtnlist, .bglinkbox .bglinkbox-inner, .mobilebox, .simplesubbannerbox .simplesubbannerbox-list, .subitemlisth, .subitemlisth2, .addbox.addbox--pr, .prreadbox, .prlistbox > ul, .propertydata .propertydata-txt, .footbnr .footbnr-list, .navbox_group, .navbox.navbox--large .navbox-body, .navbox.navbox--hz, .linkbox_group, .linkbox.linkbox--route, .linkbox.linkbox--search, .linkbox.linkbox--hz, .linkbox.linkbox--zentop, .ppbox_group, .ppbox, .footlogo, .mylist .mylist-inner, .mylist .mylist-list, .mylist .mylist-member, .loginbox .loginbox-links, .browselist, .browselist .titlearea, .browselist .listarea--article, .browselist .historyarea, .siteheader .siteheader-inner, .desc, .logo, .visual, .contents, .contents_zen, .contents_han, .helpanchorlinklist {
    min-height: 1px;
    _height: 1px;
  }

  /************************************************************
  * sprites
  ************************************************************/
  .ui-section--h1 > .ui-section-body {
    margin-top: 20px;
  }

  .ui-section--h2 > .ui-section-body {
    margin-top: 10px;
  }

  .ui-btn {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    vertical-align: middle;
  }

  .ui-btn--search {
    background-color: #068BF1;
    border-bottom: 2px solid #0b6cba;
    border-radius: 3px;
    box-shadow: 0 2px 1px #d9d9d9;
  }

  .ui-btn--search:link, .ui-btn--search:visited {
    color: #ffffff;
  }

  .ui-btn--small {
    padding: 10px;
  }

  /************************************************************
   * common style
   ************************************************************/
  body, select, textarea, th, td, li, a, input {
    font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ丸ゴシック Pro W3','Hiragino maru Gothic Pro','Helvetica','sans-serif';
  }

  body, select, textarea {
    color: #333333;
    font-size: 12px;
    line-height: 1.4;
  }

  body {
    background-color: #FFFFFF;
  }

  div, p, table, td, th, dl, dt, dd, ul, ol, li, a, span {
    word-break: break-all;
  }

  /************************************************************
   * anchor-link
   ************************************************************/
  a:link {
    color: #004CCA;
    text-decoration: underline;
  }

  a:visited {
    color: #6219DB;
    text-decoration: underline;
  }

  input[type="text"] {
    padding: 5px;
    border: 1px solid #E6EDE0;
    border-radius: 3px;
  }

  /* bredcrumb */
  .breadcrumb {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .breadcrumb .breadcrumb-inner {
    width: 950px;
    margin: 0 auto;
  }

  .breadcrumb .breadcrumb-list li {
    float: left;
  }

  .item {
    margin-top: 30px;
  }

  body, body * {
    max-height: 1000000px;
  }

  .linkbox_group a:link {
    color: #FFFFFF;
    text-decoration: underline;
  }

  .linkbox_group a:visited {
    color: #FFFFFF;
    text-decoration: underline;
  }

  /* footer */
  .footer {
    margin-top: 50px;
  }

  .footer > div:first-child {
    margin-top: 0;
  }

  .wrapper {
    width: 950px;
    margin: 0 auto;
    background-color: #FFFFFF;
  }

  .contents--type2 .main {
    width: 700px;
    float: left;
  }

  .contents--type2 .sub {
    width: 230px;
    float: right;
  }

  .subtouchlistv {
    margin-top: 3px;
  }

  .subtouchlistv li {
    margin-top: 3px;
  }

  .subtouchlistv li:first-child {
    margin-top: 0;
  }

  .subtouchlistv li .subtouchlistv-link {
    display: block;
    padding: 20px 24px;
    font-size: 14px;
    border: 1px solid #D1D0C7;
  }

  .subtouchlistv li .subtouchlistv-link:link, .subtouchlistv li .subtouchlistv-link:hover, .subtouchlistv li .subtouchlistv-link:visited, .subtouchlistv li .subtouchlistv-link:active {
    color: #73705A;
    text-decoration: none;
  }

  .subtouchlistv li .subtouchlistv-link:hover, .subtouchlistv li .subtouchlistv-link.is-active {
    border-left: 6px solid #6FBA2C;
    border-right: 1px solid #6FBA2C;
    border-top: 1px solid #6FBA2C;
    border-bottom: 1px solid #6FBA2C;
    padding: 20px 24px 20px 19px;
    background-color: #F0F3EE;
  }

  .variablesublink {
    border-top: 4px solid #48890F;
    border-radius: 5px;
  }

  .variablesublink .variablesublink-header {
    background-color: #6FBA2C;
    padding: 20px 24px;
  }

  .variablesublink .variablesublink-header .variablesublink-header-title {
    color: #FFFFFF;
    font-weight: bold;
    font-size: 16px;
  }

  .inquiry-icon {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
  }

  .inquiry-icon--icon_btn {
    height: 8px;
    width: 8px;
  }

  .iconbox {
    position: relative;
  }

  .iconbox .iconbox-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -4px;
  }

  /************************************************************
   * ↑↑↑ PC時体裁CSS（そのまま持ってきています） ↑↑↑
   ************************************************************/
  }

