@charset "utf-8";

.seriesEntryWrap {
  max-width: 45rem;
  margin: 0 auto;
  padding: 0 0 30px 0;
  font-size: 16px;
}

.seriesEntry a:link,
.seriesEntry a:visited,
.seriesEntry a:hover,
.seriesEntry a:active,
.seriesEntry a:focus {
  color: #333;
  border-bottom: 1px dotted;
}
.seriesEntry a:hover {
  border: 0;
  text-decoration: none;
}
.seriesEntry a .acms-icon-tooltip {
  font-size: 14px;
  margin: 0 5px;
}

.btnArrow {
  margin: 0 0 0 20px;
}

.btnArrow:before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 8px;
  margin: 0 10px 0 -20px;
  border-top: 4px solid #c40f32;
  border-right: 4px solid #c40f32;
  transform: rotate(45deg);
}


.seriesEntry h2,
.seriesEntry h3,
.seriesEntry h4,
.seriesEntry h5,
.seriesEntry h6 {
  line-height: 1.5;
}

.seriesEntry h2 {
  margin-top: 45px;
  margin-bottom: 20px;
  font-size: 24px;
  color: #c40f32;
  font-weight: normal;
}

.seriesEntry h2.headingIcon {
  font-size: 24px;
}
.seriesEntry h3 {
  color: #c40f32;
  font-size: 20px;
}

.seriesEntry h4 {
  font-size: 18px;
}

.seriesEntry p {
  margin-bottom: 30px;
}

.seriesEntry .caption {
  margin: 5px 0 5px !important;
  font-size: 14px !important;
}

.seriesEntry ul {
  margin-bottom: 30px;
}

.seriesEntry pre {
  margin: 0 0 20px;
}

.seriesEntry [class*="column-image-"] a {
  border: 0;
  transition: opacity .2s;
}
.seriesEntry [class*="column-image-"] a:hover {
  opacity: .8;
}


/* エントリー内コンテナー */
.seriesEntry .entry-container {
  margin: 0 10px;
  overflow-x: auto;
}


.seriesEntry .entryColumn hr:not([class]) {
  margin-top: 30px;
  margin-bottom: 30px;
  border: 0;
  padding: 20px 0;
  text-align: center;
}

.seriesEntry .entryColumn hr:not([class]):before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #b7aa77;
  transform: rotate(45deg);
  margin: 0 2px;
}
.seriesEntry .entryColumn hr:not([class]):after {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background: #b7aa77;
  transform: rotate(45deg);
  margin: 0 2px;
}

@media screen and (min-width: 768px) {
  .seriesEntryWrap {
    padding: 0 0 75px 0;
    font-size: 18px;
  }

  .seriesEntry h2 {
    margin-top: 60px;
    margin-bottom: 25px;
    font-size: 26px;
  }

  .seriesEntry h2.headingIcon {
    font-size: 24px;
  }

  .seriesEntry h3 {
    margin-top: 30px;
  }

  .seriesEntry .ugSupplement {
    padding: 25px 20px;
  }

  .seriesEntry .ugSupplement h3[id],
  .seriesEntry .ugSupplement h4[id] {
    margin-top: -35px;
    padding-top: 35px;
  }

}

.icon-arrow-circle {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 10px 0 0;
  vertical-align: middle;
  background: url("/themes/series@www@acms/images/icon-arrow-circle.svg");
}

/* ユニットグループ */

/* 背景色：白 */
.ugBgWhite {
  margin: 0 0 20px 0;
  padding: 15px 5px 10px 5px;
  background: #fff;
}

.ugBgWhite h2 {
  margin-top: 0;
}

@media screen and (min-width: 768px) {
  .ugBgWhite {
    padding: 30px 20px 15px 20px;
  }

}

/* 補足事項 */
.seriesEntry .ugSupplement {
  margin-bottom: 30px;
  padding: 15px 5px;
  background: #ede8d9;
}

.seriesEntry .ugSupplement + .ugSupplement {
  margin-top: -20px;
}

.seriesEntry .ugSupplement h3 {
  margin-top: 0;
  font-size: 18px;
}

.seriesEntry .ugSupplement h4 {
  margin-top: 0;
  font-size: 16px;
}
.seriesEntry .ugSupplement p {
  font-size: 14px;
}

.seriesEntry .ugSupplement h3[id],
.seriesEntry .ugSupplement h4[id] {
  margin-top: -85px;
  padding-top: 85px;
}

.ugSupplement *:first-child {
  margin-top: 0;
}
.ugSupplement *:last-child {
  margin-bottom: 0;
}

/* モジュールユニット */
.seriesEntry .seriesMediaList {
  margin: 0 auto;
  padding: 0 5px;
  /*max-width: 640px;*/
}

.seriesEntry .seriesMediaList .seriesMediaListItem {
  margin: 0 0 5px 0;
  padding: 0 5px;
  background: 0;
}

.seriesEntry .seriesMediaDate {
  margin: 0;
}

.seriesEntry .seriesMediaTitle {
  margin: 0;
}


/* 見出し */
.seriesEntry .headingMain {
  font-size: 26px;
  font-weight: normal;
}
.seriesEntry .headingSub {
  margin-bottom: 5px;
  font-size: 18px;
}

/* ヘッダー */
.seriesEntryHeader {
  padding: 20px 0 10px 0;
}

.seriesEntryHeaderMainImageWrap {
  margin: 0;
}

@media screen and (min-width: 1024px) {
  .seriesEntryHeaderMainImageWrap {
    margin: 0 calc(calc(1024px - 45rem) / -2);
  }
}

.seriesEntryHeaderMainImage {
  margin: 0 0 15px 0;
}

.seriesEntryHeaderTitle,
.entryTitle .seriesEntryHeaderTitle {
  margin: 30px 0 15px 0;
  font-size: 20px;
  line-height: 1.5;
}

.seriesEntryHeaderTime,
.seriesEntry .seriesEntryHeaderTime {
  margin: 0 0 10px 0;
  color: #707070;
  font-size: 14px;
  line-height: 1.3;
}
.seriesEntryHeaderAuthor,
.seriesEntry .seriesEntryHeaderAuthor {
  margin: 0 0 10px 0;
  color: #707070;
  font-size: 14px;
  line-height: 1.3;
}

@media screen and (min-width: 768px) {
  .seriesEntryHeader {
    padding: 40px 0 30px 0;
  }

  .seriesEntryHeaderMainImage {
    margin: 0 0 30px 0;
  }

  .seriesEntryHeaderTitle,
  .entryTitle .seriesEntryHeaderTitle {
    margin: 40px 0 20px 0;
    font-size: 30px;
  }
}


/*前置きセクション*/
.seriesEntryIntro {
  position: relative;
  left: -50vw;
  width: 100vw;
  margin-left: 50%;
  margin-bottom: 30px;
  padding: 35px 10px;
  background: #fff;
}
.seriesEntryIntroContainer {
  max-width: 45rem;
  width: 100%;
  margin: 0 auto;

}
.seriesEntryIntroDesc,
.seriesEntry .seriesEntryIntroDesc {
  margin: 0 0 20px 0;
}

.seriesEntryArticleIntro {
  padding: 20px 20px 10px 20px;
  background: #f7f4eb;
  border-radius: 10px;
}

.seriesEntryArticleDesc,
.seriesEntry .seriesEntryArticleDesc {
  margin:  0;
}

.seriesEntryInterviewee,
.seriesEntry .seriesEntryInterviewee {
  margin: 0;
  font-size: 14px;
}

.seriesEntryIntroListWrap {
  padding: 10px 0;
  background: #f7f4eb;
}
.column-module .seriesEntryIntroListWrap {
  margin: 0 10px 30px 10px;
  background: #fff;
}
.seriesEntryListTitle,
.commonEntry h2.seriesEntryIntroTitle {
  color: #333;
  font-size: 18px;
  font-weight: bold;
}
.seriesEntryIntroTitleIcon {
  margin: 0 10px 0 0;
  vertical-align: top;
}
.seriesEntryIntroList,
.commonEntry ul.seriesEntryIntroList {
  margin: 0;
  padding: 0 0 0 20px;
}
.seriesEntryIntroListItem,
.commonEntry ul li.seriesEntryIntroListItem {
  position: relative;
  margin: 10px 0;
  padding: 0 10px 0 20px;
  background: 0;
  font-size: 16px;
}
.seriesEntryIntroListItem.stay {
  font-weight: bold;
}
.seriesEntryIntroListItem:before {
  position: absolute;
  top: 5px;
  left: -10px;
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 4px solid #e5dfcf;
  border-right: 4px solid #e5dfcf;
  transform: rotate(45deg);
}

.seriesEntryIntroListItem.stay:before {
  border-color: #c40f32;
}
.seriesEntryIntroListItem.-locked-entry {
  position: relative;
  color: #909090;
}
.seriesEntryIntroListLockedIcon {
  position: absolute;
  margin-left: -25px;
  margin-top: 2px;
  color: #909090;
}
.seriesEntryIntroListLink {
  display: block;
  color: #4a4a4a;
}

.seriesEntry .seriesEntryIntroListLink:link,
.seriesEntry .seriesEntryIntroListLink:visited,
.seriesEntry .seriesEntryIntroListLink:active,
.seriesEntry .seriesEntryIntroListLink:focus,
.seriesEntry .seriesEntryIntroListLink:hover {
  color: #4a4a4a;
  border: 0;
}

.seriesEntry .seriesEntryIntroListLink:hover {
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .seriesEntryIntroList,
  .commonEntry ul.seriesEntryIntroList {
    padding: 0 0 0 30px;
  }
}


/* シェアボタン */
.seriesEntryShareWrap {
  position: relative;
  left: -50vw;
  display: flex;
  width: 100vw;
  margin-left: 50%;
  padding: 20px 10px 15px 10px;
  border-top: 1px solid #e5dfcf;
}
.seriesEntryShareHeading,
.seriesEntry .seriesEntryShareHeading {
  margin: 0;
  font-size: 16px;
}
.seriesEntryShare,
.seriesEntry ul.seriesEntryShare {
  display: inline-block;
  max-width: 45rem;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  text-align: right;
}

.seriesEntryShareItem,
.seriesEntry ul li.seriesEntryShareItem {
  display: inline-block;
  margin: 0;
  padding: 0 5px;
  background: 0;
}

@media screen and (min-width: 768px) {
  .seriesEntryIntro {
    padding: 45px 10px;
  }

  .seriesEntryShareWrap {
    margin-top: 40px;
    padding: 30px 20px 15px 20px;
  }

  .seriesEntryShareItem,
  .seriesEntry ul li.seriesEntryShareItem {
    padding: 0 10px;
  }
}


/* 著者について */
.seriesEntryAuthor {
  width: 100%;
  margin: 20px auto 0;
}
.seriesEntryAuthorHeading {
  margin: 0 0 10px 0;
  color: #333;
  font-size: 14px;
}
.seriesEntryAuthorInner {
  display: flex;
  background: #fff;
}
.seriesEntryAuthorInfo {
  width: 100%;
  padding: 15px;
}
.seriesEntryAuthorImage {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.seriesEntryAuthorName {
  margin: 10px 0 0 0;
  color: #333;
  font-size: 16px;
}
.seriesEntryAuthorInfoMain {
  display: flex;
  flex-direction: column;
  flex: 3;
}
.seriesEntryAuthorSns {
  list-style: none;
  margin: 0;
  padding: 0;
}
.seriesEntryAuthorSnsItem {
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 16px;
}
.seriesEntryAuthorSnsLink {
  color: #4a4a4a;
}
.seriesEntryAuthorSnsLink:link,
.seriesEntryAuthorSnsLink:visited,
.seriesEntryAuthorSnsLink:active,
.seriesEntryAuthorSnsLink:focus {
  color: #4a4a4a;
}

.seriesEntryAuthorProfile {
  padding: 10px 0 10px 0;
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

.seriesEntryAuthorProfile p {
  margin: 0 0 10px 0;
}


@media screen and (min-width: 480px) {
  .seriesEntryAuthorInner {
    align-items: center;
    flex-direction: row;
  }

  .seriesEntryAuthorInfo {
    display: flex;
    flex-wrap: wrap;
    flex: 150px;
  }

  .seriesEntryAuthorImage {
    margin: 0 20px 0 0;
  }

  .seriesEntryAuthorProfile {
    flex: 3;
  }
}


/* サジェスト */
.seriesEntrySuggest {
  position: relative;
  left: -50vw;
  width: 100vw;
  margin-left: 50%;
  background: #fff;
}
.seriesEntrySuggestInner {
  padding: 30px 0;
}
.seriesEntrySuggest + .seriesEntrySuggest .seriesEntrySuggestInner {
  border-top: 1px solid #efefef;
}
.seriesEntrySuggestHeading {
  margin: 0 0 10px 0;
  color: #365899;
  font-size: 22px;
}
.seriesEntrySuggestLead {
  max-width: 780px;
  margin: 0 auto 20px auto;
  font-size: 14px;
}
.seriesEntrySuggestLead a:link,
.seriesEntrySuggestLead a:hover,
.seriesEntrySuggestLead a:visited,
.seriesEntrySuggestLead a:active,
.seriesEntrySuggestLead a:focus {
  color: #006cd8;
}

.seriesEntrySuggestContents {
  display: flex;
  flex-direction: column;
  padding: 15px;
  background: #d5eaff;
  border-radius: 6px;
}
.seriesEntrySuggestImage {
  text-align: center;
}
.seriesEntrySuggestImage p {
  margin: 0;
}
.seriesEntrySuggestImage.-book {
  position: relative;
  text-align: center;
}
.seriesEntrySuggestImageBook {
  display: inline-block;
}
.seriesEntrySuggestImageBook img {
  max-width: 200px;
  margin: 0 auto;
}
.seriesEntrySuggestImageLink {
  display: inline-block;
  transition: .2s opacity;
}
.seriesEntrySuggestImageLink:hover {
  opacity: .7;
}
.seriesEntrySuggestImageBadge {
  position: absolute;
  bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  color: #333;
  font-weight: bold;
  line-height: 1.4;
  border-radius: 100%;
  background: #ffee69;
}
.seriesEntrySuggestMain {
  flex: 1;
}
.seriesEntrySuggestText {
  margin: 0 0 15px 0;
  font-size: 14px;
}
.seriesEntrySuggestTitle {
  font-size: 16px;
}
.seriesEntrySuggestList {
  padding-left: 5px;
}
.seriesEntrySuggestListItem {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 0 0 0 13px;
  line-height: 1.5;
  background: url(/themes/acms/images/entry/list.gif) no-repeat 0 6px;
}
.seriesEntrySuggestBtnWrap {
  text-align: center;
}
.seriesEntrySuggestBtn {
  display: block;
  padding: 8px 10px;
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #365899;
  border-radius: 3px;
  transition: background-color .2s;
}
.seriesEntrySuggestBtn:link,
.seriesEntrySuggestBtn:visited,
.seriesEntrySuggestBtn:active,
.seriesEntrySuggestBtn:focus {
  color: #fff;
}

.seriesEntrySuggestBtn:hover {
  text-decoration: none;
  background: #304a85;
}

.seriesEntrySuggestMicroCopy {
  margin: 15px 0 0 0;
  font-size: 14px;
}
.seriesEntrySuggestMicroCopyBlock {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .seriesEntrySuggest {
    padding: 0 40px;
  }

  .seriesEntrySuggestInner {
    padding: 60px 0 40px;
  }

  .seriesEntrySuggestContents {
    flex-direction: row;
    padding: 30px 25px;
    background: #d5eaff;
  }

  .seriesEntrySuggestMain {
    padding: 0 10px;
  }

  .seriesEntrySuggestHeading {
    font-size: 28px;
    text-align: center;
  }

  .seriesEntrySuggestLead {
    font-size: 18px;
    text-align: center;
  }

  .seriesEntrySuggestImage {
    padding: 0 10px;
  }

  .seriesEntrySuggestImagePlaceholder {
    position: relative;
    width: 260px;
    height: 0;
    padding-top: 75.4789272%;
    overflow: hidden;
  }

  .seriesEntrySuggestImagePlaceholderInner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .seriesEntrySuggestImageBook {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }

  .seriesEntrySuggestImageBook img {
    max-width: inherit;
    transform: scale(1.05);
  }

  .seriesEntrySuggestText {
    margin: 0 0 25px 0;
    font-size: 15px;
  }

  .seriesEntrySuggestBtn {
    display: inline-block;
    padding: 8px 30px;
    font-size: 16px;
  }
}


/* 記事下エントリーリスト */
/*.seriesEntryListSection {*/
/*	margin: 40px 20px;*/
/*}*/
/*.seriesEntryListTitle {*/
/*	display: inline-block;*/
/*	padding: 10px 25px;*/
/*	color: #FFF;*/
/*	font-size: 18px;*/
/*	background: #C40F32;*/
/*}*/

/*.seriesEntryList {*/
/*	padding: 0;*/
/*}*/
/*.seriesEntryListTitle {*/
/*	position: relative;*/
/*	margin-left: -20px;*/
/*	line-height: 1.3;*/
/*}*/
/*.seriesEntryListTitle:before {*/
/*	position: absolute;*/
/*	left: 6px;*/
/*	top: calc(100% - 15px);*/
/*	content: "";*/
/*	border: 15px solid transparent;*/
/*	border-left: 15px solid #A30726;*/
/*	transform: rotate(-45deg);*/
/*}*/
/*.seriesEntryListItem {*/
/*	border-bottom: 1px solid #EAEAEA;*/
/*}*/
/*.seriesEntryListItem.-locked-entry {*/
/*	position: relative;*/
/*	display: block;*/
/*	padding: 10px 10px 10px 40px;*/
/*	color: #9a9a9a;*/
/*	background: #f9f9f9;*/
/*}*/
/*.seriesEntryListLockedIcon {*/
/*	position: absolute;*/
/*	margin-top: 3px;*/
/*	margin-left: -25px;*/
/*	color: #4A4A4A;*/
/*}*/
/*.seriesEntryListLink {*/
/*	display: block;*/
/*	padding: 10px;*/
/*	color: #707070;*/
/*	background: #FFF;*/
/*	transition: background .2s ease;*/
/*}*/
/*.seriesEntryListLink:link,*/
/*.seriesEntryListLink:visited,*/
/*.seriesEntryListLink:hover,*/
/*.seriesEntryListLink:active,*/
/*.seriesEntryListLink:focus {*/
/*	color: #707070;*/
/*}*/
/*.seriesEntryListLink:hover {*/
/*	background: #EEE;*/
/*	text-decoration: none;*/
/*}*/

/*@media screen and (min-width: 768px){*/
/*	.seriesEntryListSection {*/
/*		margin: 80px 0;*/
/*	}*/
/*	.seriesEntryListLink {*/
/*		padding: 10px 40px;*/
/*	}*/
/*	.seriesEntryListItem.-locked-entry {*/
/*		padding: 10px 40px;*/
/*	}*/
/*}*/

.seriesOtherSection {
  margin: 40px 0;
}

.seriesOtherTitle {
  margin: 0 0 10px 0;
  padding: 10px 10px;
  font-size: 16px;
  line-height: 1.3;
  background: #ede8d9;
}

@media screen and (min-width: 768px) {
  .seriesOtherSection {
    margin: 80px 0;
  }

  .seriesOtherTitle {
    font-size: 18px;
  }
}

/* 見出し */
.seriesInfoContainer {
  max-width: 940px;
  width: 100%;
  margin: 0 auto;
}
.seriesInfoHeading {
  font-size: 18px;
  margin: 20px 0 10px;
}
.seriesInfoHeadingIcon {
  margin: 0 15px 0 0;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .seriesInfo {
    padding: 30px;
  }

  .seriesInfoHeading {
    font-size: 22px;
  }
}

.seriesInfoDetail {
  margin: 0 0 15px 0;
  padding: 20px 20px 15px 20px;
  color: #707070;
  font-size: 14px;
  border-radius: 6px;
  background: #fff;
}
.seriesInfoDesc {
  margin: 0;
}


/* カードレイアウト */
.seriesEntry .seriesCardList,
.seriesCardList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  padding: 0;
}

.seriesEntry .seriesCardListItem,
.seriesCardListItem {
  display: flex;
  width: 50%;
  margin: 0;
  padding: 0 5px;
  background: 0;
}

.seriesEntry .seriesCard,
.seriesCard {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 10px 0;
  color: #707070;
  text-decoration: none;
  border: 0;
  background: #fff;
  transition: .3s;
}

.seriesEntry .seriesCard:link,
.seriesEntry .seriesCard:visited,
.seriesEntry .seriesCard:hover,
.seriesEntry .seriesCard:active,
.seriesEntry .seriesCard:focus,
.seriesCard:link,
.seriesCard:visited,
.seriesCard:hover,
.seriesCard:active,
.seriesCard:focus {
  color: #707070;
  text-decoration: none;
  border: 0;
}
.-locked-entry .seriesCard {
  color: #909090;
}
.seriesCardImage {
  overflow: hidden;
}
.seriesCardImage img {
  transition: .3s;
}
.seriesCard:link:hover {
  background: #efefef;
}
.seriesCard:link:hover .seriesCardImage img {
  transform: scale(1.1);
}
.seriesCardLabel {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  padding: 3px 5px;
  color: #999;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 3px;
  background: #eee;
}
.seriesCardLockedIcon {
  margin: 0 5px 0 0;
}
.seriesCardInnerMain {
  width: 100%;
  padding: 10px;
}
.seriesCardInnerSide {
  width: 100%;
  margin-top: auto;
  padding: 0 10px 10px 10px;
}
.seriesEntry .seriesCardDate,
.seriesCardDate {
  width: 100%;
  display: inline-block;
  margin: 0;
  font-size: 12px;
}
.seriesEntry .seriesTitle,
.seriesTitle {
  margin: 0;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .seriesInfoDetail {
    font-size: 16px;
  }

  .seriesCardList {
    margin: 0 -10px;
  }

  .seriesEntry .seriesCardListItem,
  .seriesCardListItem {
    margin: 0;
    padding: 0 10px;
  }

  .seriesEntry .seriesCard,
  .seriesCard {
    margin: 0 0 20px 0;
  }

  .seriesCardInnerMain {
    padding: 15px;
  }

  .seriesCardInnerSide {
    padding: 0 15px 15px 15px;
  }

  .seriesCardDate {
    font-size: 14px;
  }

  .seriesTitle {
    font-size: 18px;
  }
}

/* カードレイアウトのセクション */
.seriesCardSection {
  margin: 20px 0;
}
.seriesCardSectionHeading {
  margin: 0 0 10px 0;
  font-size: 18px;
  padding: 8px 15px 8px 8px;
  background: #fff;
}
@media screen and (min-width: 768px) {
  .seriesCardSectionHeading {
    margin: 0 0 20px 0;
  }
}


/* メディアレイアウト */
.seriesEntry .seriesMediaList,
.seriesMediaList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  padding: 0;
}

.seriesEntry .seriesMediaListItem,
.seriesMediaListItem {
  display: flex;
  width: 100%;
  margin: 0;
  padding: 0 5px;
  background: 0;
}

.seriesEntry .seriesMedia,
.seriesMedia {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 0;
  color: #707070;
  text-decoration: none;
  border: 0;
  background: #f5f7f7;
  transition: .3s;
}

.seriesEntry .seriesMedia:link,
.seriesEntry .seriesMedia:visited,
.seriesEntry .seriesMedia:hover,
.seriesEntry .seriesMedia:active,
.seriesEntry .seriesMedia:focus,
.seriesMedia:link,
.seriesMedia:visited,
.seriesMedia:hover,
.seriesMedia:active,
.seriesMedia:focus {
  color: #707070;
  text-decoration: none;
  border: 0;
}
.-locked-entry .seriesMedia {
  color: #909090;
}
.seriesMediaImage {
  width: 100%;
  overflow: hidden;
}
.seriesMediaBody {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.seriesMediaImage img {
  transition: .3s;
}
.seriesMedia:link:hover {
  background: #efefef;
}
.seriesMedia:link:hover .seriesMediaImage img {
  transform: scale(1.1);
}
.seriesMediaLabel {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  padding: 3px 5px;
  color: #999;
  font-size: 12px;
  line-height: 1.2;
  border-radius: 3px;
  background: #eee;
}
.seriesMediaLockedIcon {
  margin: 0 5px 0 0;
}
.seriesMediaInnerMain {
  width: 100%;
  padding: 10px;
}
.seriesMediaInnerSide {
  width: 100%;
  margin-top: auto;
  padding: 0 10px 10px 10px;
}
.seriesEntry .seriesMediaDate,
.seriesMediaDate {
  display: inline-block;
  margin: 0;
  font-size: 12px;
}
.seriesEntry .seriesMediaTitle,
.seriesMediaTitle {
  margin: 0;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .seriesInfoDetail {
    font-size: 16px;
  }

  .seriesMediaList {
    margin: 0 -10px;
  }

  .seriesEntry .seriesMediaListItem,
  .seriesMediaListItem {
    margin: 0;
    padding: 0 10px;
  }

  .seriesEntry .seriesMedia,
  .seriesMedia {
    flex-direction: row;
    margin: 0 0 2px 0;
  }

  .seriesMediaImage {
    width: 30%;
  }

  .seriesMediaBody {
    width: 70%;
  }

  .seriesMediaInnerMain {
    padding: 15px;
  }

  .seriesMediaInnerSide {
    padding: 0 15px 15px 15px;
  }

  .seriesMediaDate {
    font-size: 14px;
  }

  .seriesMediaTitle {
    font-size: 20px;
  }
}


/* プロフィール */
.seriesAuthor {
  width: 100%;
  margin: 20px auto 0;
}
.seriesAuthorHeading {
  margin: 0 0 10px 0;
  color: #333;
  font-size: 14px;
}
.seriesAuthorInner {
  display: flex;
  flex-direction: column;
  margin: 0 0 30px 0;
  background: #fff;
}
.seriesAuthorInfo {
  padding: 15px;
}
.seriesAuthorImage {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.seriesAuthorName {
  margin: 10px 0 5px 0;
  font-size: 16px;
  color: #333;
}
.seriesAuthorInfoMain {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.seriesAuthorSns {
  list-style: none;
  margin: 0;
  padding: 0;
}
.seriesAuthorSnsItem {
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 16px;
}
.seriesAuthorSnsLink {
  color: #4a4a4a;
}
.seriesAuthorSnsLink:link,
.seriesAuthorSnsLink:visited,
.seriesAuthorSnsLink:active,
.seriesAuthorSnsLink:focus {
  color: #4a4a4a;
}

.seriesAuthorProfile {
  color: #666;
  font-size: 13px;
  line-height: 1.5;
}

@media screen and (min-width: 480px) {
  .seriesAuthorInner {
    align-items: center;
    flex-direction: row;
  }

  .seriesAuthorInfo {
    display: flex;
  }

  .seriesAuthorImage {
    margin: 0 20px 0 0;
  }

  .seriesAuthorProfile {
    font-size: 14px;
  }
}


.column-module {
  padding: 0 10px;
}

@media screen and (min-width: 768px) {
  .column-module {
    padding: 0 5px;
  }
}

.seriesEntry .seriesModuleHeading,
.seriesModuleHeading {
  margin: 0 0 10px 0;
  font-size: 16px;
}