@charset "UTF-8";
/*================================================================================================*/
/* ***                    ニュースレター / 夢飛行                                                 */
/*================================================================================================*/
/*================================================================================================*/
/* ***                           INIT_MEDIA                                                       */
/*================================================================================================*//**/
/*================================================================================================*/
/*  ***                              DATA COLOR                                                    */
/*================================================================================================*/

/*================================================================================================*/
/* ***                             DATA FONT                                                    */
/*================================================================================================*/

/*================================================================================================*/
/* ***                          DATA_MIXINS                                                       */
/*================================================================================================*//**/
#NewsLetter #yearIndex-wrapper #yearIndex ul, #Yumehiko #yearIndex-wrapper #yearIndex ul {
  border: solid 2px white;
  padding: 0.2em 0.5em;
  margin-left: 7em;
  max-width: 860px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  #NewsLetter #yearIndex-wrapper #yearIndex ul li, #Yumehiko #yearIndex-wrapper #yearIndex ul li {
    font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: bold;
    font-size: 120%;
    width: 10rem;
    line-height: 3rem;
    text-align: center;
    background-color: #3fa9f5;
    margin: 3px; }
    #NewsLetter #yearIndex-wrapper #yearIndex ul li a, #Yumehiko #yearIndex-wrapper #yearIndex ul li a {
      color: white; }

#NewsLetter section, #Yumehiko section {
  width: 100%; }
  #NewsLetter section h2, #Yumehiko section h2 {
    float: left;
    padding-left: 20px; }
  #NewsLetter section ul.cards-wrap, #Yumehiko section ul.cards-wrap {
    background-color: rgba(255, 255, 255, .6);
    box-shadow: 0px 0px 5px 2px rgba(128, 128, 128, .1);
    margin-left: 7em;
    border-left-style: solid;
    border-left-width: 2px; }
    #NewsLetter section ul.cards-wrap li.card, #Yumehiko section ul.cards-wrap li.card {
      border-bottom: 1px solid #e3dddd;
      min-height: 145px;
      padding: 5px;
      display: table;
      width: 100%; }
      #NewsLetter section ul.cards-wrap li.card:hover, #Yumehiko section ul.cards-wrap li.card:hover {
        background-color: rgba(63, 169, 245, .1); }
      #NewsLetter section ul.cards-wrap li.card .img-wrap, #Yumehiko section ul.cards-wrap li.card .img-wrap {
        width: 180px;
        line-height: 1;
        display: table-cell;
        vertical-align: middle; }
        #NewsLetter section ul.cards-wrap li.card .img-wrap img, #Yumehiko section ul.cards-wrap li.card .img-wrap img {
          width: 180px; }
        #NewsLetter section ul.cards-wrap li.card .img-wrap .arrow, #Yumehiko section ul.cards-wrap li.card .img-wrap .arrow {
          margin: -15px 0 0 159px; }
      #NewsLetter section ul.cards-wrap li.card .text-wrap, #Yumehiko section ul.cards-wrap li.card .text-wrap {
        display: table-cell;
        vertical-align: top;
        padding: 1rem 2rem; }
        #NewsLetter section ul.cards-wrap li.card .text-wrap h3 span.spBR, #Yumehiko section ul.cards-wrap li.card .text-wrap h3 span.spBR {
          color: #f9c559; }
        #NewsLetter section ul.cards-wrap li.card .text-wrap h3 span, #Yumehiko section ul.cards-wrap li.card .text-wrap h3 span {
          font-size: 1.4rem;
          color: #b3b3b3;
          padding-left: 1rem;
          text-indent: -1rem; }
        #NewsLetter section ul.cards-wrap li.card .text-wrap p, #Yumehiko section ul.cards-wrap li.card .text-wrap p {
          color: #404040;
          margin-left: 2rem;
          margin-bottom: .5rem;
          text-indent: -1rem; }
          #NewsLetter section ul.cards-wrap li.card .text-wrap p a, #Yumehiko section ul.cards-wrap li.card .text-wrap p a {
            color: #404040; }
          #NewsLetter section ul.cards-wrap li.card .text-wrap p:before, #Yumehiko section ul.cards-wrap li.card .text-wrap p:before {
            content: '\73';
            font-family: "myfont";
            color: #3fa9f5;
            display: inline-block;
            margin-right: .4em; }

#NewsLetter #yearIndex-wrapper #yearIndex ul {
  background: rgba(116, 128, 225, .2);
  box-shadow: 0px 0px 0px 5px rgba(116, 128, 225, .4); }

#Yumehiko #yearIndex-wrapper #yearIndex ul {
  background: rgba(120, 189, 212, .2);
  box-shadow: 0px 0px 0px 5px rgba(120, 189, 212, .4); }

@media (max-width: 959px) {
  #NewsLetter #yearIndex-wrapper #yearIndex ul, #Yumehiko #yearIndex-wrapper #yearIndex ul {
    margin-left: 0; }
  #NewsLetter section h2, #Yumehiko section h2 {
    float: none; }
  #NewsLetter section ul.cards-wrap, #Yumehiko section ul.cards-wrap {
    margin-left: 0; } }

@media (max-width: 639px) {
  #NewsLetter section h2, #Yumehiko section h2 {
    text-align: center;
    padding-left: 0; }
  #NewsLetter section ul.cards-wrap li.card, #Yumehiko section ul.cards-wrap li.card {
    text-align: center; }
    #NewsLetter section ul.cards-wrap li.card .text-wrap, #NewsLetter section ul.cards-wrap li.card .img-wrap, #Yumehiko section ul.cards-wrap li.card .text-wrap, #Yumehiko section ul.cards-wrap li.card .img-wrap {
      display: block; }
    #NewsLetter section ul.cards-wrap li.card .text-wrap h3 span, #Yumehiko section ul.cards-wrap li.card .text-wrap h3 span {
      display: block;
      padding-left: 0; }
    #NewsLetter section ul.cards-wrap li.card .text-wrap p, #Yumehiko section ul.cards-wrap li.card .text-wrap p {
      display: none; }
    #NewsLetter section ul.cards-wrap li.card .img-wrap, #Yumehiko section ul.cards-wrap li.card .img-wrap {
      width: 100%;
      margin-bottom: 1rem; }
      #NewsLetter section ul.cards-wrap li.card .img-wrap .arrow, #Yumehiko section ul.cards-wrap li.card .img-wrap .arrow {
        display: none; } }

/*# sourceMappingURL=../../map/NewsLetter/CSS/page.css.map */