@charset "UTF-8";
/*--font--*/
html {
  font-size: 62.5%; }

body {
  font-size: 1.6rem;
  font-size: 16px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }

/*IE10以降に適用されるCSSハック（一応）*/
@media all and (-ms-high-contrast: none) {
  body {
    line-height: normal !important; } }

/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast: none) {
  body {
    line-height: normal !important; } }

ul,
li {
  list-style: none; }

a {
  text-decoration: none; }

/*--color--*/
/*--a--*/
/*--wrap--*/
#wrap {
  min-width: 1140px; }

/*--cse--*/
.gsc-control-cse {
  padding: 0 !important;
  border: 0 !important; }

/* - - - - - -
menu
- - - - - - -*/
#menu-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 20%;
  min-width: 228px;
  height: 100vh;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  z-index: 99999; }
  #menu-wrap h1 {
    position: absolute;
    top: calc(25% - 40px);
    width: 100%;
    margin: 0;
    padding: 0 20px;
    text-align: center; }
    #menu-wrap h1 .sp-logo {
      display: none; }
    #menu-wrap h1 img {
      width: 100%;
      max-width: 240px;
      text-align: center; }
  #menu-wrap #menu-btn {
    display: none; }
  #menu-wrap ul {
    position: absolute;
    top: 50%;
    width: 100%; }
    #menu-wrap ul li {
      height: 60px;
      line-height: 60px;
      font-size: 1.8rem;
      font-size: 18px;
      font-weight: 600;
      text-align: center;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      border-top: 1px solid #cccccc; }
      #menu-wrap ul li:last-child #cse-search-box {
        width: 90%;
        height: 40px;
        margin: 20px auto;
        border: 1px solid #cccccc;
        overflow: hidden; }
        #menu-wrap ul li:last-child #cse-search-box input {
          width: calc(100% - 40px);
          height: 40px;
          line-height: 40px;
          font-size: 1.6rem;
          font-size: 16px;
          text-align: left;
          text-indent: 0.5em;
          vertical-align: top;
          background: #fff;
          float: left; }
        #menu-wrap ul li:last-child #cse-search-box .l-search__btn {
          width: 40px;
          height: 40px;
          float: left; }
          #menu-wrap ul li:last-child #cse-search-box .l-search__btn img {
            width: 24px;
            height: 24px;
            margin: 8px;
            vertical-align: top; }
      #menu-wrap ul li a {
        color: #333333;
        display: block;
        width: 100%;
        height: 100%; }
        #menu-wrap ul li a:hover, #menu-wrap ul li a:active, #menu-wrap ul li a:focus {
          color: #666666; }
        #menu-wrap ul li a:hover {
          -webkit-transition: .4s;
          -o-transition: .4s;
          transition: .4s;
          opacity: 1;
          background: #EBE7E2; }
  #menu-wrap .copy {
    position: absolute;
    bottom: 5px;
    width: 100%;
    font-size: 1.2rem;
    font-size: 12px;
    text-align: center; }

/* - - - - - -
pankuzu
- - - - - - -*/
.pankuzu-wrap {
  height: 40px;
  line-height: 40px;
  background: #EBE7E2; }
  .pankuzu-wrap .pankuzu {
    width: 880px;
    margin: 0 auto; }
    .pankuzu-wrap .pankuzu a {
      color: #333333;
      font-size: 1.4rem;
      font-size: 14px;
      font-weight: 600; }
      .pankuzu-wrap .pankuzu a:hover, .pankuzu-wrap .pankuzu a:active, .pankuzu-wrap .pankuzu a:focus {
        color: #666666; }
    .pankuzu-wrap .pankuzu span {
      padding: 0 15px;
      color: #B69251; }

/* - - - - - -
contents
- - - - - - -*/
#contents {
  width: 80%;
  min-height: 100vh;
  margin-left: 20%;
  padding: 0;
  background: #F5F5F5;
  overflow: hidden;
  /*--top--*/
  /*--inner--*/ }
  #contents section {
    width: calc(50% - 1px);
    height: 100vh;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left; }
    #contents section:first-child {
      border-right: 1px solid #fff; }
    #contents section a {
      position: relative;
      display: block;
      display: block;
      width: 100%;
      height: 100%;
      color: #fff;
      text-align: center;
      overflow: hidden; }
      #contents section a:hover, #contents section a:active, #contents section a:focus {
        color: white; }
      #contents section a h2 {
        position: relative;
        top: 20%;
        display: block;
        width: 100%;
        text-align: center;
        z-index: 99; }
        #contents section a h2 img {
          max-width: 546px;
          width: 80%; }
      #contents section a .top-btn {
        position: absolute;
        top: calc(50% + 165px);
        left: calc(50% - 90px);
        display: inline-block;
        width: 180px;
        margin: 50px 0;
        padding: 10px 40px;
        font-size: 2.0rem;
        font-size: 20px;
        border-radius: 30px;
        background: rgba(0, 0, 0, 0.8);
        z-index: 99; }
      #contents section a:hover span {
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s;
        opacity: .7; }
      #contents section a:hover:after {
        opacity: 0.7;
        -webkit-transition: .4s;
        -o-transition: .4s;
        transition: .4s; }
    #contents section .top-kouhou:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100vh;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s;
      background: url(../../img/common/hero01.jpg) no-repeat;
      background-size: cover;
      background-position: 50%; }
    #contents section .top-ayumi:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100vh;
      -webkit-transition: .4s;
      -o-transition: .4s;
      transition: .4s;
      background: url(../../img/common/hero02.jpg) no-repeat;
      background-size: cover;
      background-position: 50%; }
  #contents .contents-hero {
    width: 100%;
    height: 300px;
    margin: 0;
    padding: 0; }
    #contents .contents-hero h2 {
      margin: 0;
      padding: 30px 0;
      text-align: center; }
  #contents .kouhou {
    background: url(../../img/common/contents-hero01.jpg) no-repeat;
    background-size: cover;
    background-position: 50%; }
  #contents .ayumi {
    background: url(../../img/common/contents-hero02.jpg) no-repeat;
    background-size: cover;
    background-position: 50%; }
  #contents .page-ttl {
    width: 100%;
    margin: 50px 0;
    color: #333333;
    text-align: center;
    font-size: 4.2rem;
    font-size: 42px;
    font-weight: 600;
    text-indent: 1.2rem;
    letter-spacing: 1.2rem; }
  #contents .contents-box {
    width: 880px;
    margin: 0 auto;
    padding: 30px 0;
    overflow: hidden;
    /* - - - - - -
		広報紙で見る市政
		- - - - - - -*/
    /* - - - - - -
		市政のあゆみ
		- - - - - - -*/ }
    #contents .contents-box .contents-ttl {
      width: 30px;
      height: 480px;
      min-height: 480px;
      line-height: 34px !important;
      margin: 20px 40px;
      font-size: 3.0rem;
      font-size: 30px;
      font-weight: 600;
      text-align: center;
      border-top: 2px solid #B69251;
      float: left; }
      #contents .contents-box .contents-ttl .Vw-sub {
        margin-top: 15px !important;
        color: #B69251;
        font-size: 1.8rem;
        font-size: 18px;
        line-height: 24px !important;
        letter-spacing: 0.5px; }
      #contents .contents-box .contents-ttl ._r_oc {
        overflow: inherit !important; }
      #contents .contents-box .contents-ttl ._r_e {
        margin-top: 20px !important;
        margin-left: 0 !important;
        margin-right: 0 !important; }
    #contents .contents-box .kouhou-nagaoka-wrap {
      background: #fff;
      overflow: hidden; }
      #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-img {
        width: 240px;
        height: 240px;
        margin: 30px;
        text-align: center;
        border: 1px solid #cccccc;
        border-radius: 3px;
        float: left; }
        #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-img img {
          height: calc(100% - 10px) !important;
          margin: 5px; }
      #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box {
        width: calc(100% - 330px);
        /*				height: 240px;*/
        margin: 30px 30px 30px 0;
        float: left; }
        #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box .kouhou-nagaoka-title {
          height: 100px;
          /*					margin: 35px 0;*/
          margin: 10px 0; }
          #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box .kouhou-nagaoka-title span {
            display: block;
            color: #B69251;
            font-size: 24px;
            font-weight: bold;
            padding-bottom: 10px; }
          #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box .kouhou-nagaoka-title p {
            font-size: 32px;
            font-weight: bold;
            letter-spacing: 3px; }
        #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box a {
          display: block;
          width: 100%;
          height: 50px;
          line-height: 50px;
          margin-top: 15px;
          color: #fff;
          text-align: center;
          border-radius: 3px;
          background: #B94C4D; }
          #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box a:hover, #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box a:active, #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box a:focus {
            color: white; }
          #contents .contents-box .kouhou-nagaoka-wrap .kouhou-nagaoka-box a:hover {
            -webkit-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            opacity: .7; }
    #contents .contents-box .kouhou-nagaoka-old {
      display: block;
      width: 100%;
      margin-top: 30px;
      padding: 15px 0;
      color: #000;
      font-weight: bold;
      text-align: center;
      background: #EAE6E2; }
      #contents .contents-box .kouhou-nagaoka-old:hover, #contents .contents-box .kouhou-nagaoka-old:active, #contents .contents-box .kouhou-nagaoka-old:focus {
        color: #333333; }
      #contents .contents-box .kouhou-nagaoka-old:hover {
        opacity: .7; }
    #contents .contents-box .kouhou-other-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: distribute;
      justify-content: space-around; }
      #contents .contents-box .kouhou-other-wrap li {
        width: 20%; }
        #contents .contents-box .kouhou-other-wrap li a {
          position: relative;
          display: block;
          width: 100%;
          height: 210px;
          margin-bottom: 30px;
          text-align: center;
          color: #000; }
          #contents .contents-box .kouhou-other-wrap li a:hover, #contents .contents-box .kouhou-other-wrap li a:active, #contents .contents-box .kouhou-other-wrap li a:focus {
            color: #333333; }
          #contents .contents-box .kouhou-other-wrap li a img {
            position: absolute;
            bottom: 20px;
            left: calc(50% - 65px);
            -webkit-transition: .4s;
            -o-transition: .4s;
            transition: .4s; }
          #contents .contents-box .kouhou-other-wrap li a span {
            position: absolute;
            bottom: 0;
            left: 5px;
            display: block;
            width: calc(100% - 10px);
            min-width: 140px;
            padding: 10px 0;
            font-size: 18px;
            font-weight: bold;
            border-top: 2px solid #B69251;
            background: #EBE7E2; }
          #contents .contents-box .kouhou-other-wrap li a:hover img {
            bottom: 60px;
            -webkit-transition: .4s;
            -o-transition: .4s;
            transition: .4s; }
    #contents .contents-box .article-box {
      width: calc(100% - 110px);
      float: left; }
    #contents .contents-box .inner-wrap {
      margin: 0 40px 40px 0;
      /*IE10以降に適用されるCSSハック（一応）*/
      /*IE11だけに適用されるCSSハック*/ }
      #contents .contents-box .inner-wrap .inner-ttl {
        margin-top: 20px;
        padding: 20px;
        font-size: 3.4rem;
        font-size: 34px;
        text-align: center;
        text-indent: 1.2rem;
        letter-spacing: 1.2rem;
        border-top: 2px solid #B69251; }
        #contents .contents-box .inner-wrap .inner-ttl br {
          display: none; }
      @media all and (-ms-high-contrast: none) {
        #contents .contents-box .inner-wrap .inner-ttl {
          line-height: 34px !important; } }
      @media all and (-ms-high-contrast: none) {
        #contents .contents-box .inner-wrap .inner-ttl {
          line-height: 34px !important; } }
    #contents .contents-box .paper-list-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #contents .contents-box .paper-list-wrap li {
        width: calc(25% - 20px);
        margin: 10px;
        border: 1px solid #cccccc; }
        #contents .contents-box .paper-list-wrap li a {
          display: block;
          padding: 5px 10px;
          color: #000; }
          #contents .contents-box .paper-list-wrap li a:hover, #contents .contents-box .paper-list-wrap li a:active, #contents .contents-box .paper-list-wrap li a:focus {
            color: #333333; }
          #contents .contents-box .paper-list-wrap li a:hover {
            -webkit-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            background: #B69251; }
            #contents .contents-box .paper-list-wrap li a:hover .paper-list-year {
              color: #fff; }
            #contents .contents-box .paper-list-wrap li a:hover .paper-list-num {
              color: #fff; }
          #contents .contents-box .paper-list-wrap li a .paper-list-year {
            color: #B69251;
            font-size: 1.2rem;
            font-size: 12px; }
          #contents .contents-box .paper-list-wrap li a .paper-list-num {
            display: block;
            font-size: 1.6rem;
            font-size: 16px;
            font-weight: 600; }
    #contents .contents-box .paper-wrap li {
      padding: 40px;
      border-bottom: 1px solid #cccccc;
      overflow: hidden; }
      #contents .contents-box .paper-wrap li:last-child {
        border-bottom: 0; }
      #contents .contents-box .paper-wrap li .paper-img-box {
        width: 170px;
        height: 170px;
        margin: 0;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: 1px solid #cccccc;
        float: left; }
        #contents .contents-box .paper-wrap li .paper-img-box img {
          max-width: 150px;
          max-height: 150px; }
      #contents .contents-box .paper-wrap li .paper-article-box {
        width: 480px;
        margin-left: 30px;
        float: left; }
        #contents .contents-box .paper-wrap li .paper-article-box h4 {
          padding-bottom: 15px;
          font-size: 2.6rem;
          font-size: 26px;
          text-indent: .5rem;
          letter-spacing: .5rem; }
        #contents .contents-box .paper-wrap li .paper-article-box a {
          display: block;
          width: 100%;
          margin-top: 15px;
          padding: 10px 0;
          color: #fff;
          text-align: center;
          border-radius: 3px;
          background: #B94C4D; }
          #contents .contents-box .paper-wrap li .paper-article-box a:hover, #contents .contents-box .paper-wrap li .paper-article-box a:active, #contents .contents-box .paper-wrap li .paper-article-box a:focus {
            color: white; }
          #contents .contents-box .paper-wrap li .paper-article-box a:hover {
            -webkit-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            opacity: .7; }
    #contents .contents-box .era-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      #contents .contents-box .era-wrap li {
        width: calc(100% / 3 - 10px);
        height: 350px;
        margin: 5px; }
        #contents .contents-box .era-wrap li a {
          display: block;
          height: 100%;
          color: #fff;
          text-align: center; }
          #contents .contents-box .era-wrap li a:hover, #contents .contents-box .era-wrap li a:active, #contents .contents-box .era-wrap li a:focus {
            color: white; }
          #contents .contents-box .era-wrap li a img {
            margin: 20px 0; }
          #contents .contents-box .era-wrap li a aside {
            font-size: 1.8rem;
            font-size: 18px;
            text-indent: 0.5rem;
            letter-spacing: 0.5rem; }
          #contents .contents-box .era-wrap li a:hover {
            -webkit-transition: .4s;
            -o-transition: .4s;
            transition: .4s;
            opacity: .9;
            background-color: rgba(255, 255, 255, 0.3); }
      #contents .contents-box .era-wrap .era01 {
        background: url(../../img/ayumi/era01.jpg) no-repeat;
        background-size: cover;
        background-position: 50%; }
      #contents .contents-box .era-wrap .era02 {
        background: url(../../img/ayumi/era02.jpg) no-repeat;
        background-size: cover;
        background-position: 50%; }
      #contents .contents-box .era-wrap .era03 {
        background: url(../../img/ayumi/era03.jpg) no-repeat;
        background-size: cover;
        background-position: 50%; }
      #contents .contents-box .era-wrap .era04 {
        background: url(../../img/ayumi/era04.jpg) no-repeat;
        background-size: cover;
        background-position: 50%; }
      #contents .contents-box .era-wrap .era05 {
        background: url(../../img/ayumi/era05.jpg) no-repeat;
        background-size: cover;
        background-position: 50%; }
      #contents .contents-box .era-wrap .era06 {
        background: url(../../img/ayumi/era06.jpg) no-repeat;
        background-size: cover;
        background-position: 50%; }
      #contents .contents-box .era-wrap .era07 {
        background: url(../../img/ayumi/era07.jpg) no-repeat;
        background-size: cover;
        background-position: 50%; }
    #contents .contents-box .bg-ayumi {
      width: 100%;
      background: url(../../img/ayumi/ayumi-bg.png) no-repeat;
      background-position: 50%;
      background-size: contain; }
    #contents .contents-box .city-ayumi-wrap {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -ms-flex-pack: distribute;
      justify-content: space-around;
      -ms-flex-line-pack: distribute;
      align-content: space-around;
      height: 340px; }
      #contents .contents-box .city-ayumi-wrap li {
        width: 150px;
        height: 150px;
        line-height: 150px;
        text-align: center;
        border-radius: 75px;
        background: rgba(255, 255, 255, 0.8); }
        #contents .contents-box .city-ayumi-wrap li a {
          display: block;
          width: 100%;
          height: 100%;
          color: #000;
          font-size: 1.8rem;
          font-size: 18px;
          border-radius: 75px;
          -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2); }
          #contents .contents-box .city-ayumi-wrap li a:hover, #contents .contents-box .city-ayumi-wrap li a:active, #contents .contents-box .city-ayumi-wrap li a:focus {
            color: #333333; }
        #contents .contents-box .city-ayumi-wrap li:hover {
          opacity: .7; }
    #contents .contents-box .era-event {
      margin-bottom: 40px; }
      #contents .contents-box .era-event dl {
        width: 100%;
        overflow: hidden; }
        #contents .contents-box .era-event dl:nth-of-type(even) {
          background: #F8F8F8; }
        #contents .contents-box .era-event dl dt {
          width: 100px;
          padding: 10px 20px 10px 5px;
          text-align: right;
          float: left; }
          #contents .contents-box .era-event dl dt a {
            color: #2E4A99;
            text-decoration: underline; }
            #contents .contents-box .era-event dl dt a:hover, #contents .contents-box .era-event dl dt a:active, #contents .contents-box .era-event dl dt a:focus {
              color: #5e7ccf; }
        #contents .contents-box .era-event dl dd {
          width: calc(100% - 125px);
          padding: 10px;
          float: left; }
    #contents .contents-box .ty-event {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      margin-top: 20px; }
      #contents .contents-box .ty-event img {
        display: block;
        width: 325px; }
      #contents .contents-box .ty-event article {
        width: 365px;
        margin-left: 30px; }
        #contents .contents-box .ty-event article .ty-event-ttl {
          padding-bottom: 10px;
          font-size: 2.2rem;
          font-size: 22px;
          font-weight: 600; }
      #contents .contents-box .ty-event .ty-data {
        width: 100%;
        margin: 30px 0;
        padding: 40px 20px;
        vertical-align: middle;
        background: #EBE7E2;
        overflow: hidden; }
        #contents .contents-box .ty-event .ty-data span {
          width: 200px;
          font-size: 1.8rem;
          font-size: 18px;
          font-weight: 600; }
          #contents .contents-box .ty-event .ty-data span:before {
            content: '';
            position: relative;
            top: 4px;
            display: inline-block;
            width: 26px;
            height: 26px;
            margin-right: 4px;
            background: url(../../img/common/data.png); }
        #contents .contents-box .ty-event .ty-data ul {
          width: 100%;
          /*IE10以降に適用されるCSSハック（一応）*/
          /*IE11だけに適用されるCSSハック*/ }
          #contents .contents-box .ty-event .ty-data ul li {
            display: inline-block;
            margin-right: 10px; }
            #contents .contents-box .ty-event .ty-data ul li:nth-child(2) {
              padding: 0 5px;
              border: 1px solid #000; }
          #contents .contents-box .ty-event .ty-data ul .ty-spot-data {
            display: block;
            padding-bottom: 10px; }
          @media all and (-ms-high-contrast: none) {
            #contents .contents-box .ty-event .ty-data ul li {
              display: inline-block;
              margin-right: 10px; }
              #contents .contents-box .ty-event .ty-data ul li:nth-child(2) {
                padding: 3px 5px 0 5px;
                border: 1px solid #000; } }
          @media all and (-ms-high-contrast: none) {
            #contents .contents-box .ty-event .ty-data ul li {
              display: inline-block;
              margin-right: 10px; }
              #contents .contents-box .ty-event .ty-data ul li:nth-child(2) {
                padding: 3px 5px 0 5px;
                border: 1px solid #000; } }
      #contents .contents-box .ty-event .ty-town-data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%;
        overflow: hidden; }
        #contents .contents-box .ty-event .ty-town-data .ty-town-data-box {
          width: 220px; }
          #contents .contents-box .ty-event .ty-town-data .ty-town-data-box img {
            width: 220px; }
          #contents .contents-box .ty-event .ty-town-data .ty-town-data-box span {
            display: block;
            width: 100%;
            padding-top: 10px;
            font-size: 18px;
            font-weight: bold;
            text-align: center; }
    #contents .contents-box .ty-ayumi {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -ms-flex-align: start;
      align-items: flex-start; }
      #contents .contents-box .ty-ayumi .ty-ayumi-list {
        width: calc(100% - 240px); }
        #contents .contents-box .ty-ayumi .ty-ayumi-list dl {
          width: 100%; }
          #contents .contents-box .ty-ayumi .ty-ayumi-list dl:nth-of-type(even) {
            background: #F8F8F8; }
          #contents .contents-box .ty-ayumi .ty-ayumi-list dl dt {
            display: inline-block;
            width: 100px;
            padding: 5px 20px 5px 5px;
            text-align: right;
            vertical-align: top; }
          #contents .contents-box .ty-ayumi .ty-ayumi-list dl .ty-ayumi-title {
            width: 100% !important;
            font-size: 18px;
            font-weight: bold;
            text-align: center;
            padding: 20px;
            background: #fff;
            border-top: 2px solid #f8f8f8; }
            #contents .contents-box .ty-ayumi .ty-ayumi-list dl .ty-ayumi-title:before {
              content: '-';
              padding-right: 10px; }
            #contents .contents-box .ty-ayumi .ty-ayumi-list dl .ty-ayumi-title:after {
              content: '-';
              padding-left: 10px; }
          #contents .contents-box .ty-ayumi .ty-ayumi-list dl dd {
            display: inline-block;
            width: calc(100% - 120px);
            padding: 5px; }
          #contents .contents-box .ty-ayumi .ty-ayumi-list dl:first-child .ty-ayumi-title {
            border: none; }
      #contents .contents-box .ty-ayumi .ty-ayumi-img {
        width: 220px;
        margin-left: 20px; }
        #contents .contents-box .ty-ayumi .ty-ayumi-img img {
          max-width: 220px; }
        #contents .contents-box .ty-ayumi .ty-ayumi-img aside {
          padding: 10px 0;
          font-size: 1.2rem;
          font-size: 12px; }
          #contents .contents-box .ty-ayumi .ty-ayumi-img aside div {
            font-size: 1.4rem;
            font-size: 14px;
            font-weight: 600; }
    #contents .contents-box .ty-ayumi-world {
      padding: 30px 0;
      overflow: hidden; }
      #contents .contents-box .ty-ayumi-world .ty-ayumi-world-ttl {
        font-size: 1.8rem;
        font-size: 18px;
        font-weight: 600;
        text-indent: 0.5em;
        border-left: 3px solid #B69251; }
      #contents .contents-box .ty-ayumi-world .ty-ayumi-world-box {
        width: 50%;
        height: 240px;
        padding: 20px 0;
        float: left; }
        #contents .contents-box .ty-ayumi-world .ty-ayumi-world-box ul {
          padding: 15px 0; }
          #contents .contents-box .ty-ayumi-world .ty-ayumi-world-box ul li {
            margin: 0 40px 0 20px;
            padding-bottom: 5px;
            list-style: circle; }
      #contents .contents-box .ty-ayumi-world .ayumi-jp {
        background: url(../../img/ayumi/ayumi-jp.png) no-repeat; }
      #contents .contents-box .ty-ayumi-world .ayumi-world {
        background: url(../../img/ayumi/ayumi-world.png) no-repeat; }
  #contents .bg-view {
    background-color: #fff; }
  #contents .bg-section {
    background-color: #EBE7E2; }

/*# sourceMappingURL=style.css.map */