#wrap:not(:root){
  overflow-x: clip;
}

#contents{
  background: #fff;
  max-width: inherit;
  margin-top: max(30px, min(7vw, 70px));
  margin-top: 2.5vw;
}

.contents-wrap{
  margin: 0 auto max(5em, min(7vw, 6em));
  max-width: 1020px;
  position: relative;
  font-family: var(--font-notosans);
  color: #2c2c2c;
}

h1{
  margin: 0 auto;
  position: relative;
  z-index: 1;
  max-width: 1020px;
  display: block;
  background: var(--color-smart_em);
}

h1 img[src*="title"]{
  /* max-width: 300px; */
  margin-inline: auto;
  /* width: 67%; */
}

.contents-wrap img{
  width: 100%;
}

h1 .count-info{
  font-size: max(14px, min(2.5vw, 22px));
  font-weight: 600;
  font-family: var(--font-rounded);
  /* margin: max(20px, min(3.5vw, 25px)) 0 max(25px, min(4.5vw, 35px)); */
  margin: 0;
  text-align: center;
}
h1 .count-info strong{
  font-size: 160%;
  position: relative;
  top: max(2px, min(.5vw, 3px));
  margin: 0 max(8px, min(1.5vw, 12px)) 0 max(6px, min(1.5vw, 8px));
}

.contents{
  margin-bottom: 20px;
  margin-top: 65px;
}
.contents#free-contents{
  margin-top: max(70px, min(8vw, 80px));
}

.contents p{
  line-height: 1.9;
}

h2.head2{
  margin-bottom: 0;
  font-weight: 700;
  font-family: var(--font-rounded);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: max(22px, min(3.5vw,27px));
  line-height: 1.4;
  letter-spacing: max(7px, min(1.5vw, 15px));
}

#free-contents .head2{
  margin: 0 0 16px;
  display: flex;
  gap: max(5px, min(1.5vw, 10px));
  white-space: nowrap;
  align-items: center;
}
#free-contents .head2 img[src*="free"]{
  width: max(45px, min(7vw, 62px));
  position: relative;
  top: -4px;
}

#search-area{
  border: none;
  margin: 0 auto 0;
  padding: 0;
  width: max(260px, min(28vw, 335px));
  position: relative;
}
#search-area::before{
  content: '';
  position: absolute;
  background: url(/jikkenigaku/articles/images/title-smaton.png) no-repeat;
  right: 12px;
  top: -44px;
  width: 70px;
  height: 85px;
  background-size: contain;
}
#search-area .input-group{
  border: 3px solid;
  border-radius: 50px;
}
#search-area input{
  border: none;
  border-right: none;
  border-radius: 50px 0 0 50px;
  font-size: 16px;
  background: #f8f7f4;
  padding: 10px 20px 8px;
}
#search-area input::placeholder {
  font-size: max(14px, min(2.5vw, 16px));
  font-weight: 500;
  color: #a3a39f;
}
#search-area button{
  border: none;
  border-radius: 0 50px 50px 0;
  background: #222;
  color: #fff;
  /* font-size: 31px; */
  font-size: 28px;
  line-height: 1;
  /* width: 57px; */
  width: 47px;
  padding: 0;

}
#search-area input, #search-area button{
  /* height: 43px; */
  height: 36px;
}
.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
  margin-left: 0;
}

.book-info-tab-wrap {
  display: grid;
  gap: 50px;
  margin: max(1.2em, min(3vw,2em)) auto 0;
  list-style: none;
  padding-left: 0;
  justify-content: center;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: .6em;

}
#free-contents .book-info-tab-wrap{
  grid-template-columns: auto;
  justify-content: center;
  max-width: 650px;
}
.book-info-tab-content {
  display: block;
  margin-top: 12px;
  position: relative;
  transition: all .25s;
}
#free-contents .book-info-tab-content{
  display: grid;
  grid-template-columns: 1fr max(120px, min(20vw, 180px));
  gap: max(15px, min(4vw, 30px));
  align-items: flex-start;
}

.article-tag {
  border-bottom: 3px solid;
}
.article-tag span {
  font-size: max(14px, min(2vw, 15px));
  font-weight: 500;
  font-family: var(--font-rounded);
  color: #fff;
  padding: 3px 8px 0px;
  border-radius: 4px 4px 0 0;
  transition: all .15s;
  display: inline-block;
}
.article-tag span.hovered {
  padding-bottom: 3px;
  margin-top: -3px;
}

/* 特集 */
.article-tag-special span {
  background: var(--color-special);
}
/* 特集2 */
.article-tag-special2 span {
  background: var(--color-special2);
}
/* 今知り */
.article-tag-imashiri span {
  background: var(--color-imashiri);
}
/* 彼トピ */
.article-tag-topics span {
  background: var(--color-topics);
}
/* ラボレポート */
.article-tag-labreport span {
  background: var(--color-labreport);
}
/* C&W */
.article-tag-candw span {
  background: var(--color-candw);
}
/* 基礎科学を讃える賞 */
.article-tag-awardnews span {
  background: var(--color-awardnews);
}
/* 最終講義のその先 */
.article-tag-finallecture span {
  background: var(--color-finallecture);
}
/* python論文グラフ講座 */
.article-tag-manepy span {
  background: var(--color-manepy);
}
/* サイレントエラー */
.article-tag-silent span {
  background: var(--color-silent);
}
/* 研究留学の技法2023 */
.article-tag-ryugakugiho span {
  background: var(--color-ryugakugiho);
}
/* 型で学ぶ生物画像解析 */
.article-tag-kataimage span {
  background: var(--color-kataimage);
}
/* 挑戦する人 */
.article-tag-challenger span {
  background: var(--color-challenger);
}
/* 配列探偵 */
.article-tag-seqdetective span {
  background: var(--color-seqdetective);
}
/* AI時代に試してみたい論文執筆術 */
.article-tag-aipaper span {
  background: var(--color-aipaper);
}
/* 臨床バイオインフォ */
.article-tag-clinicalbioinfo span {
  background: var(--color-clinicalbioinfo);
}
/* 増刊 */
.article-tag-extra span {
  background: var(--color-extra);
}
/* 特別記事 */
.article-tag-interview span {
  background: var(--color-interview);
}
/* 特別記事 */
.article-tag-howtoswimacademia span {
  background: var(--color-howtoswimacademia);
}
/* 知の冒険 */
.article-tag-knowledgequest span {
	background: var(--color-knowledgequest);
}
.article-tag-closeup span {
	background: var(--color-closeup);
}
.article-tag-dounani span {
	background: var(--color-dounani);
}
.article-tag-nhpd span {
	background: var(--color-nhpd);
}
.article-tag-opinion span {
	background: var(--color-opinion);
}
.article-tag-lab100 span {
	background: var(--color-lab100);
}

.book-info-img-wrap {
  align-items: center;
}

.book-info-tab-img {
  transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  display: grid;
  justify-content: center;
  margin: auto;
}
.book-info-tab-img img {
  transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  margin: 0 auto;
  box-shadow: max(7px, min(1.5vw, 10px)) max(7px, min(1.5vw, 10px)) rgb(0 0 0 / 20%);
  border: 1px solid #231815;
}

@media (hover: hover) {
  .book-info-tab-content:hover .book-info-tab-img img {
    transform: scale(1.15)rotate(6deg);
    -webkit-transform: scale(1.15)rotate(6deg);
    -moz-transform: scale(1.15)rotate(6deg);
  }
}

.book-info-tab-txt {
  font-weight: 500;
}
.book-info-tab-txt p {
  margin: 0;
  text-indent: 0;
  line-height: 1.5;
  font-size: max(16px, min(2.5vw, 19px));
  color: #2c2c2c;
  word-break: break-all;
  transition: all .25s;
}
.book-info-tab-txt p:not(.title) {
  font-size: max(13px, min(2vw, 14px));
  margin-top: 0.7em;
  font-weight: 400;
}
.book-info-tab-txt .period:not(:root){
  font-weight: 600;
  font-size: max(100%, min(3vw, 105%));
}
.book-info-tab-txt .title,
.purchased .title {
  position: relative;
  display: inline;
  background-image: -webkit-linear-gradient(
    to right,
    transparent 0%,
    var(--color-smart_em) 0%
  );
  background-image: -moz-linear-gradient(
    to right,
    transparent 50%,
    var(--color-smart_em) 50%
  );
  background-image: linear-gradient(to right, transparent 50%, var(--color-smart_em) 50%);
  background-color: initial;
  background-repeat: repeat-x;
  background-size: 200% 1em;
  background-position: 0 0.31em;
  transition: all .5s ease;
  padding: 0;
}
@media (hover: hover) {
  .book-info-tab-content:hover .title,
  .purchased .article-link:hover .title,
  .more-btn a:hover {
    background-position: -100% 0.8em;
    background-position: -100% 0.31em;
  }

  .book-info-tab-content:hover,
  .more-btn a:hover {
    text-decoration: none;
  }
}


.more-btn{
  display: inline-block;
  margin-top: 1.2em;
  border: 2px solid black;
  border-radius: 1em;
  overflow: hidden;
  position: relative;
  height: 24px;
  line-height: 19px;
  /* width: max(92px, min(12vw, 108px)); */
  /* text-align: center; */
  flex-shrink: 0;
}
.contents.temporary .more-btn,
.liner-news .more-btn{
  margin-top: 0;
  white-space: nowrap;
  margin-left: .5em;
}
.popular .more-btn{
  margin-top: 1.6em;
}
.more-btn a{
  font-size: max(12px, min(1.5vw, 14px));
  font-weight: 600;
  color: inherit;
  transition: all .3s ease;
  z-index: 2;
  position: relative;
  width: max(90px, min(11vw, 105px));
  display: inline-flex;
  justify-content: center;
  /* padding: 0 1em; */
}
.more-btn .btn-eff{
  width: 100%;
  height: 100%;
  left: -100%;
  background: #222;
  position: absolute;
  transition: all .3s ease;
  z-index: 0;
}
@media (hover: hover) {
  .more-btn a:hover{
    color: #fff;
  }
.more-btn:hover .btn-eff{
  left:0;
}
}

.update{
  margin-top: 4em;
}
.update.downselect{
  margin-top: 4.5em;
}

.update-head{
  font-size: max(16px, min(3vw, 20px));
  margin: 0;
  font-family: var(--font-rounded);
  display: flex;
  align-items: center;
}
.update-head img{
  width: 22px;
  margin-right: 8px;
}
.downselect-list,
.backnumber-list{
  list-style: none;
  text-align: center;
  display: flex;
  gap: max(15px, min(3vw, 20px));
  flex-flow: wrap;
  font-size: max(14px, min(2vw,17px));
  margin-top: max(15px, min(3vw, 20px));
  padding: 0;
}

.update li a{
  transition: all .2s;
  color: inherit;
  display: inline-block;
  font-weight: 500;
}
.update li a:hover{
  text-decoration: none;
}
.downselect-list li a{
  background: #e1dacd;
  padding: 6px 10px;
  border-radius: 7px;
  min-width: max(65px, min(9vw, 80px));
  transition: .25s;
}
.downselect-list li a:hover{
  background: #d1c9bb;
  transform: translateY(-3px);
}

.backnumber-list{
  gap: 10px max(20px, min(4vw, 30px));
}
.backnumber-list:not(:first-of-type){
  margin-top: 0;
}
.backnumber-list a{
  border-bottom: 2px dashed;
  padding-bottom: 2px;
  transition: 0s;
}
.backnumber-list a:hover{
  border-bottom: 2px dashed #fbc601;
}

@media (min-width: 768px){
  .contents.temporary .more-btn,
  .liner-news .more-btn{
    margin-left: 1.2em;
  }
}

@media (min-width: 900px){
  h1{
    display: grid;
    grid-template-columns: 240px auto auto;
    justify-content: space-between;
    align-items: end;
    padding: .5em 1em;
  }
}

@media not all and (min-width: 900px){
  #contents{
    margin-top: 0;
  }

  .book-info-tab-wrap.pre {
    grid-template-columns: repeat(2, 1fr);
  }

  h1{
    margin: 0 calc(50% - 50vw);
    padding: max(.5em, min(4vw, 2em)) 0;
  }

  h1 img[src*="title"]{
    max-width: 280px;
    width: 58%;
  }
  h1 .count-info{
    margin: max(20px, min(3.5vw, 25px)) 0 max(25px, min(4.5vw, 35px));
  }

  #search-area{
    max-width: 420px;
    width: 78%;
  }
  #search-area input, #search-area button{
    height: 39px;
  }
  #search-area button{
    width: 54px;
    font-size: 29px;
  }
}

@media not all and (min-width: 768px) {
  h1 img[src*="title"] {
    max-width: 250px;
  }

  #search-area {
    max-width: 360px;
  }
  #search-area input, #search-area button {
    height: 37px;
  }
  #search-area button {
    width: 52px;
    font-size: 28px;
  }

  .book-info-tab-wrap:not(:root){
    gap: 30px;
  }

  .book-info-tab-img {
    max-height: none;
  }

  .book-info-tab-content{
    align-items: center;
  }

  .article-tag span.hovered {
    padding-bottom: 2px;
    margin-top: -2px;
  }
}

@media not all and (min-width: 680px) {
  .update-list{
    gap: 15px 20px;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
  }
}

@media not all and (min-width: 540px){
  .book-info-tab-wrap.pre{
    grid-template-columns: auto;
    gap: 35px;
  }
  .article-tag span.hovered {
  padding-bottom: 2px;
  margin-top: -2px;
  }

  .contents.purchased ul li:not(:root):not(:last-child){
    margin-bottom: 1.6em;
  }
  .contents.purchased:not(.temporary) ul li .article-link:not(:root){
    padding-left: 23px;
  }
  .contents.purchased ul li .article-link:not(:root)::before{
    width: 16px;
    top: 6px;
  }
}

@media (max-width: 600px) {
  #search-area input{
  font-size: 14px;
  height: 34px;
  }
  #search-area button{
  font-size: 24px;
  height: 34px;
  width: 43px;
  }
}


/* 管理要素
-------------------------------*/
#search-articles h3 {
  margin: 2em 0;
}
#pickup-theme {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 20px;gap: max(15px, min(3vw, 20px));
  list-style-type: none;
  padding: 0;
  margin-top: max(14px, min(2vw, 17px));
}
#pickup-theme li a {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  aspect-ratio: 2;
  background: #e1dacd;
  border-radius: 1rem;
  font-size: 1.2em;
  font-family: var(--font-notosans);
  font-weight: 500;
  color: #2c2c2c;
}
#pickup-theme li a span {
  font-size: 1.2em;
  text-align: center;
  display: inline-block;
  width: 3.2em;
}
#pickup-theme li a:hover {
  text-decoration: none;
  background: #d1c9bb;
  transform: translateY(-3px);
  transition: all .25s;
}
#pickup-theme img {
  width: 34%;
  aspect-ratio: 1;
  padding: 0%;
}
#search-articles .update {
  margin-top: 0;
}
h2.purchased-head{
  margin-top: 2.4em;
  font-size: max(20px, min(3vw,25px));
}
h2.purchased-head,
.liner-news h2 {
  font-size: max(16px, min(3vw, 20px));
  letter-spacing: .2em;
}
h2.purchased-head::before,
.liner-news h2::before{
  content: '';
  background: #222;
  width: max(10px, min(1.5vw, 15px));
  height: max(10px, min(1.5vw, 15px));
  display: inline-block;
  border-radius: 100%;
  margin-right: 12px;
}

.contents.purchased{
  margin-top: max(1em, min(2vw,1em));
}
.contents.temporary {
  margin-top: .6em;
}

.contents.purchased ul{
  list-style: none;
  padding-left: 0;
  font-size: 16px;
  margin-bottom: 0;
}

.temporary li, .liner-news-content {
  display: flex;
  align-items: baseline;
}

.contents.purchased ul li:not(:last-child){
  margin-bottom: 1.4em;
}
.contents.purchased ul li:not(:last-child) {
  margin-bottom: .6em;
}

.contents.purchased ul li .article-link{
  color: inherit;
  font-weight: 500;
  position: relative;
  z-index: 0;
  transition: all .25s;
  padding-left: 30px;
  display: inline-block;
  width: fit-content;
}
.contents.temporary ul li .article-link,
.liner-news-content p{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0;
}

.contents.purchased ul li a.article-link::before{
  content: '';
  background: url(/jikkenigaku/articles/images/articles-arrow.svg) no-repeat;
  width: 19px;
  height:100%;
  position: absolute;
  left: 0;
  top: 7px;
  background-size: contain;
}
main:not(.archive-wrap) .purchased ul li a.article-link::before {
  background: none;
  content: none;
}
.contents.popular ul li a.article-link::before {
    content: '';
    background: url(/jikkenigaku/articles/images/articles-arrow.svg) no-repeat;
    width: 19px;
    /* height: -webkit-fill-available; */
    position: absolute;
    left: 0;
    top: 7px;
    background-size: contain;
}
.contents.purchased ul li a .corner{
  /* display: block; */
  font-size: max(14px, min(2vw, 15px));
  color: #fff;
  /* margin-bottom: 0.3em; */
  font-weight: 500;
  display: inline-block;
  margin-right: 5px;
  white-space: nowrap;
}
.contents.purchased ul li a .corner span{
  line-height: 1;
  display: inline-block;
  padding: 2px 5px 3px;
  position: relative;
  top: -1px;
}
.contents.temporary ul li a .corner span {
  background-color: #000;
}
.contents.purchased ul li a .title{
  font-size: max(14px, min(2.5vw, 16px));
  line-height: 1.5;
  font-weight: 600;
}
.contents.purchased ul li a .author{
  display: block;
  font-size: max(13px, min(2vw, 14px));
  font-weight: 400;
  margin-top: 0.3em;
}
.contents.purchased ul li a .author{
  display: inline;
  margin-left: 1em;
}
.contents.purchased ul li a:hover{
  text-decoration: none;
}

@media (min-width: 768px){
  h2.purchased-head, .liner-news h2{
    margin-left: 2em; 
  }
  .temporary li, .liner-news-content{
    margin-right: 3em;
  }
  .contents.temporary,
  .liner-news p{
    margin-left: 5em;
  }
  .liner-news p{
    margin-left: 4.2em;
  }
}

@media not all and (min-width: 900px){
  h2.purchased-head{
    /* margin-top: 2.8em; */
  }
}

@media not all and (min-width: 768px){
  .contents.purchased ul{
    font-size: 14px;
  }
}


/* よく読まれている記事
-------------------------------*/
h2.ranking-head{
  margin-top: 2em;
  font-size: max(18px, min(3vw, 24px));
  letter-spacing: .4px;
  font-weight: 600;
}

.contents.popular{
  margin-top: max(1.2em, min(2vw, 1.5em));
}

@media not all and (min-width: 560px) {
  h2.ranking-head{
    margin-top: 3em;
  }
}


/* 概要欄
-------------------------------*/
.contents.end{
  border-radius: 10px;
  margin-top: max(80px, min(9vw, 90px));
  padding: 1.6em max(1.2em, min(2vw, 1.8em));
  display: grid;
  gap: 50px;
  color: #000;
  background: #eceded url(/jikkenigaku/articles/images/title-smaton.png) no-repeat bottom 10px right 10px;
  background-size: 140px;
}

.contents.end h2{
  font-size: 21px;
  font-family: var(--font-rounded);
  font-weight: 600;
  margin: 0 0 1em;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  gap: 8px;
  line-height: 1.2;
}
.contents.end h2::before{
  content: '';
  background: #fff;
  width: 25px;
  height: 25px;
  display: inline-block;
  border-radius: 100%;
  position: relative;
  top: -1px;
}
.contents.end h2 small{
  color: inherit;
  font-weight: 600;
  font-size: 80%;
}

.contents.end .column2{
  font-weight: 300;
}
.contents.end .column2 h2{
 font-size: 18px;
 margin-bottom: .5em;
}
.contents.end .column2 h2::before{
  width: 20px;
  height: 20px;
  top: 0px;
}

.contents.end a{
  color: inherit;
  border-bottom: dashed 1px;
}
.contents.end a:hover{
  text-decoration: none;
  border-bottom: none;
}

.contents.end :not(h2):not(h2>span){
  line-height: 1.7;
}

ol.howto{
  list-style: none;
  counter-reset: number 0;
  padding-left: 50px;
}
ol.howto>li::before{
  content:counter(number);
  counter-increment: number;
  position: absolute;
  left: -23px;
}
ol.howto>li{
  border-left: 4px solid;
  position: relative;
  padding-left: 8px;
  font-weight: 700;
  font-size: 16px;
}
ol.howto>li:not(:last-of-type){
  margin-bottom: 1.5em;
}
ol.howto>li:not(:last-of-type)>span:first-of-type{
  margin-bottom: .4em;
  display: block;
}
ol.howto>li ul{
  font-weight: 400;
  font-size: 14px;
  list-style: none;
  padding-left: 1em;
}
ol.howto>li ul li:not(:last-of-type),
ol.howto>li ul li>p:not(:last-of-type){
  margin-bottom: .2em;
}
ol.howto>li ul li>p{
  padding-left: 2em;
  text-indent: -1em;
  margin: 0;
}
.list-type-disc>li{
  text-indent: -1em;
  margin-left: 1em;
}
.list-type-disc>li::before{
  content: '・';
}
.contents.end dl{
  margin-bottom: 0;
}
.contents.end dt{
  float: left;
}

.column2-content{
  margin-left: 25px;
}

@media (min-width: 900px) {
  .contents.end{
    grid-template-columns: 1fr .65fr;
    gap: 30px;
  }
}

@media not all and (min-width: 900px) {
  .contents.end{
    background-size: 90px;
  }
  .contents.end .column2{
    margin-bottom: 100px;
  }
}

@media not all and (min-width: 560px) {
  #pickup-theme {
    grid-template-columns: repeat(2, 1fr);
  }
  .contents.end h2{
    font-size: 18px;
  }
  .contents.end h2::before{
    width: 21px;
    height: 21px;
  }
  ol.howto{
    padding-left: 20px;
  }
  .column2-content{
    margin-left: 0;
  }
}


/* アーカイブ一覧
-------------------------------*/
.archive-wrap .contents-wrap{
  max-width: 800px;
}

.archive-wrap h1{
  grid-template-columns: auto;
  justify-content: center;
}
.archive-wrap h1 img[src*="title"]{
  max-width: 240px;
}

.archive-wrap h2{
  margin-top: 2em;
}

.archive-wrap .contents.purchased{
  margin-top: max(1em, min(3vw, 1.6em));
}

.archive-wrap .contents.purchased ul li:not(:last-child){
  margin-bottom: 1.2em;
}

.archive-wrap .contents.purchased ul li a::before{
  background: url(/jikkenigaku/articles/images/articles-arrow.svg) no-repeat;
}
.archive-wrap .contents.purchased ul li a .small-info{
  font-size: max(13px, min(2vw, 14px));
  font-weight: 400;
}

@media not all and (min-width: 900px) {
  .archive-wrap h1 img[src*="title"]{
    width: 50%;
  }
}


/* 無料記事（上部）
-------------------------------*/

.contents-wrap .temporary+.liner-news{
  margin-top: max(2em, min(3vw, 2.5em));
}

.contents-wrap .liner-news{
  color: inherit;
  margin-top: max(2.8em, min(4vw, 3.2em));
  display: block;
}

.liner-news h2{
  display: inline-block;
  font-weight: 600;
  margin-top: 0;
}
.liner-news p{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
  font-weight: 600;
  font-size: max(14px, min(2.5vw, 16px));
}



/* 購入記事一覧見出し_start */
.by-kikakuname-head {
	letter-spacing: max(5px, min(1.0vw, 2px)) !important;
	margin-bottom: 0.5em !important;
}
.by-kikakuname-head strong {
	background-image: linear-gradient(
		transparent 90%,
		var(--color-subtext) 90%
	);
	background-repeat: no-repeat; /* 繰り返しなし */
	background-size: 100% 100%; /* 全体に広がるが、gradientで制御 */
}
/* 購入記事一覧見出し_end */

/* 購入記事一覧_ログイン_start */
.contents.purchased.login {
	background-color: #eceded;
	border-radius: 10px;
	font-size: medium;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
.contents.purchased.login .btn-default {
	margin-top: 1em;
}
/* 購入記事一覧_ログイン_end */