@charset "UTF-8";
@media screen and (max-width: 767px) {
  /*****************************************
     * メルマガ一覧
     *****************************************/
  .mailmagazines-header {
    margin-bottom: 20px;
    padding: 0 20px;
  }

  .mailmagazines-header .snses {
    display: flex;
    justify-content: flex-start;
  }

  .mailmagazines-header .snses .sns:not(:last-child) {
    margin-right: 8px;
  }

  .mailmagazines-contents .mailmagazines-content {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 1px dotted #9a9a9a;
    padding: 0 20px;
  }

  .mailmagazines-contents .mailmagazines-content .thumbnail {
    margin-right: 32px;
    border: 1px solid #bdbdbd;
    width: 120px;
    height: 120px;
    overflow: hidden;
  }

  .mailmagazines-contents .mailmagazines-content .thumbnail img {
    max-width: unset;
    max-height: unset;
  }

  .mailmagazines-contents .mailmagazines-content .thumbnail.portrait img {
    width: 120px;
    height: auto;
  }

  .mailmagazines-contents .mailmagazines-content .thumbnail.landscape img {
    width: auto;
    height: 120px;
  }

  .mailmagazines-contents .mailmagazines-content .thumbnail.square img {
    width: 120px;
    height: auto;
  }

  .mailmagazines-contents .mailmagazines-content .data {
    width: auto;
  }

  .mailmagazines-contents .mailmagazines-content .data .header {
    margin-bottom: 8px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }

  .mailmagazines-contents .mailmagazines-content .data .header .group {
    margin-right: 20px;
  }

  .mailmagazines-contents .mailmagazines-content .data .header .company {
    margin-right: 8px;
    font-size: 12px;
    font-weight: bold;
  }

  .mailmagazines-contents .mailmagazines-content .data .header .company a {
    color: #14B1BA;
  }

  .mailmagazines-contents .mailmagazines-content .data .header .date {
    font-size: 11px;
  }

  .mailmagazines-contents .mailmagazines-content .data .title {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700;
    color: #2845a4;
    word-wrap: break-word;
  }

  .mailmagazines-contents .mailmagazines-content .data .excerpt {
    font-size: 14px;
    line-height: 1.6;
    word-wrap: break-word;
  }

  .mailmagazines-footer {
    margin: 0 auto 40px;
    padding-top: 20px;
    width: auto;
    padding: 0 20px;
  }

  .mailmagazines-footer .links {
    display: flex;
  }

  .mailmagazines-footer .links .link:not(:last-child) {
    margin-right: 32px;
  }

  .mailmagazines-pager-wrapper {
    margin-bottom: 20px;
    border-bottom: 1px dotted #9a9a9a;
  }

  .mailmagazines-pager-wrapper .mailmagazines-pager {
    margin: 0 auto;
    padding-bottom: 40px;
    width: auto;
  }

  .mailmagazines-pager-wrapper .mailmagazines-pager .pages {
    width: auto;
    padding: 0 20px;
  }

  .mailmagazines-pager-wrapper .mailmagazines-pager .pager {
    width: auto;
  }

  .mailmagazines-pager-wrapper .mailmagazines-pager .pager .current:before {
    content: '[';
  }

  .mailmagazines-pager-wrapper .mailmagazines-pager .pager .current:after {
    content: ']';
  }

  /*****************************************
   * メルマガ詳細
   *****************************************/
  #mailmagazine-sidebar {
    margin-top: 20px;
    /*width: auto;*/
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }

  #mailmagazine-sidebar .mailmagazines {
    margin-bottom: 40px;
  }

  #mailmagazine-sidebar .mailmagazines .caption {
    margin-bottom: 8px;
    border-top: 5px solid #4F4F4F;
    padding-top: 8px;
    border-bottom: 1px dotted #B0B0B0;
    padding-bottom: 8px;
    font-size: 15px;
    font-weight: bold;
  }

  #mailmagazine-sidebar .mailmagazines .mailmagazine {
    margin-bottom: 8px;
    border-bottom: 1px dotted #B0B0B0;
    padding-bottom: 8px;
    display: block;
  }

  #mailmagazine-sidebar .mailmagazines .mailmagazine .date {
    margin-bottom: 2px;
    font-size: 10px;
    color: #767676;
  }

  #mailmagazine-sidebar .mailmagazines .mailmagazine .title {
    color: #1B3880;
    font-size: 13px;
    line-height: 1.4;
  }

  .mailmagazine-detail {
    margin-top: 20px;
    border: 1px solid #bdbdbd;
    width: auto;
  }

  .mailmagazine-detail img {
    width: 100%;
    height: auto;
  }
	

  .mailmagazines .accordion {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
  }
  .mailmagazines .accordion ul, .accordion li {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .mailmagazines .accordion .inner {
    display: none;
  }

  .mailmagazines .accordion .inner.open {
    display: block;
  }

  .mailmagazines .accordion p {
    margin: 0;
    padding: 10px 5px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
  }

  .mailmagazines .accordion p.year {
    background: #E0E0E0;
    border-bottom: 1px solid #ADADAD;
  }

  .mailmagazines .accordion p.year span {
    color: #D50003;
  }

  .mailmagazines .accordion .inner li {
    padding: 5px 0;
    font-size: 14px;
  }

  .mailmagazines .accordion .inner li a {
    text-decoration: none;
    margin-bottom: 8px;
    border-bottom: 1px dotted #B0B0B0;
    padding-bottom: 8px;
    display: block;
  }

  .mailmagazines .accordion .inner li a .date {
    margin-bottom: 2px;
    font-size: 10px;
    color: #767676;
  }

  .mailmagazines .accordion .inner li a .title {
    color: #1B3880;
    font-size: 13px;
    line-height: 1.4;
  }

  .mailmagazines .accordion .inner li span {
    display: inline-block;
    background-color: #DC0003;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding-left: 5px;
    padding-right: 5px;
    line-height: 1.6em;
  }
	
	
	
}