@charset "utf-8";

.cmp-lst006.img-shadow .cmp-thmb001 .wrp img {
  padding: 5px;
  box-shadow: 0 0 5px 5px #ddd;
  margin: 0 auto;
}
.l-column>.wrp {
  margin-bottom: 30px;
}
.current .cmp-txt004 a{
  font-weight: bold;
}
.cmp-misc001 .cmp-frm006 .btn .txt{
  font-size: 1.4rem;
}
.cmp-hdg005+[class^=cmp-lst] .list li {
  margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
  .cmp-hdg005 {
    margin-top: 20px;
  }
  .cmp-m-catelst001{
    margin-top: 40px;
  }
  .cmp-misc001{
    margin-top: 20px;
  }
  .cmp-lst002 {
    padding-top: 30px;
  }

  .cmp-misc001 .l-column>.wrp {
    width: 100%;
  }
  .cmp-misc001 .l-column>.wrp:nth-child(1) {
    margin-bottom: 10px;
  }
  .l-column>.wrp {
    width: 100%;
  }
}

/* 会員登録のメリット */
.cmp-txt001 .txt.callout {
  font-size: 280%;
  line-height: 1.5;
}
.cmp-txt001 .txt.callout .pink {
  color:#e96d92;
}
.cmp-txt001 .txt.callout .green {
  color:#8ec220;
}
.cmp-txt001 .txt.callout .blue {
  color:#029edb;
}
.txt-center .cmp-thmb001 .wrp.lv1 .detail-info {
  text-align: center;
}
@media screen and (min-width: 640px) {
  .l-column.pc-col-2>.wrp.btn-single{
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 640px) {
  .cmp-txt001 .txt.callout {
    font-size: 240%;
    line-height: 1.5;
  }
  .cmp-lst006.img-shadow .cmp-thmb001 .wrp .detail p {
    text-align: center;
  }
}

/* 会員の種類と利用範囲 */
.badge-premium {
  position: relative;
  width: 75px;
  height: 14px;
  line-height: 0;
}
.badge-premium img{
  position: absolute;
  top: 50%;
  left: 4px;
  margin-top: -12px;
}
.box-attention {
  background-color: #FDF0F4;
  border: 1px solid #F9CFDB;
  padding: 10px;
  margin-top: 20px;
}
.box-attention p{
  color: #ff0000;
  font-size: 140%;
}
.cmp-lst007 .list p {
  display: inline;
}

.cmp-tbl001 .tbl-member th,
.cmp-tbl001 .tbl-member td { 
  text-align: center;
}
.cmp-tbl001 .tbl-member th{
  background-color: #fff;
}
.cmp-tbl001 .tbl-member .tbl-headline th{
  background-color: #f2f3f5;
}
.cmp-tbl001 .tbl-member th,
.cmp-tbl001 .tbl-member td { 
  text-align: center;
  vertical-align: middle;
}
.cmp-tbl001 .tbl-member th{
  background-color: #fff;
}
.cmp-tbl001 .tbl-member .tbl-headline th{
  background-color: #f2f3f5;
}
.cmp-tbl001 .tbl-member .tbl-headline th:nth-child(3) {
    background-color: #fad36d;
}
.cmp-tbl001 .tbl-member td:nth-child(3) {
    background-color: #fdf1d0;
}
.cmp-tbl001 .tbl-member td.no {
    background-color: #eee;
}

@media screen and (max-width: 640px) {
	.cmp-tbl001 .tbl-member th,
	.cmp-tbl001 .tbl-member td {
		display: table-cell;
		padding: 10px;
		font-size: 1.0rem;
		vertical-align: middle;
	}
}

/* 一般会員登録の手順 */
.item.blue .cmp-thmb001 .wrp img {
	padding: 0;
	box-shadow: none;
    border: 5px solid #0d328a;
}
.item.blue .cmp-thmb001 .cmp-hdg004 {
	padding-top: 0px;
	color: #0d328a;
}
.item.blue .cmp-thmb001 .cmp-txt001 {
    padding-top: 10px;
}

@media screen and (max-width: 640px) {
	.item.blue .cmp-thmb001 .wrp.lv3 {
		flex-wrap: wrap;
	}
	.item.blue .cmp-thmb001 .wrp.reverse .thumb {
		padding: 0;
		width: 100%;
		flex: auto;
		margin-bottom: 15px;
  }
  .item.blue .cmp-thmb001 .cmp-hdg004 {
    margin-bottom: 15px;
  }
  .item.blue .cmp-thmb001 .cmp-hdg004 .hdg{
    font-size: 1.6rem;
  }
  .item.blue .cmp-thmb001 .cmp-txt001 {
    padding-top: 0;
  }
}

/* プレミアム会員とは */
.cmp-thmb002.icon-layout .cmp-txt002 .txt {
  font-size: 1.4rem;
}
@media screen and (min-width: 640px) {
  .cmp-thmb002.icon-layout>.wrp .thumb.left {
    width: 100px;
  }

}
@media screen and (max-width: 640px) {
  .cmp-thmb002.icon-layout>.wrp .thumb.left {
    width: 100px;
  }
  .cmp-thmb002>.wrp .thumb.left {
    margin-right: 5px;
    float: left;
  }
  .cmp-thmb002.icon-layout>.wrp .cmp-txt002{
    padding-top: 0;
  }
  .cmp-thmb002.icon-layout>.wrp .cmp-txt002 p{
    display: inline;
  }
}

/* 各コンテンツの概要 */
.item.about-contents .cmp-tbl001{
	padding-top: 5px;
}
.item.about-contents .cmp-thmb001 .cmp-hdg004 {
	padding-top: 0px;
	color: #0d328a;
}
.item.about-contents .cmp-thmb001 .cmp-txt001 {
    padding-top: 10px;
}
.item.about-contents .cmp-thmb001 .cmp-txt001 p{
	line-height: 1.5;
}

.item.about-contents .cmp-tbl001 th,
.item.about-contents .cmp-tbl001 td {
	font-size: 1.2rem;
	padding: 5px;
}
.item.about-contents .cmp-tbl001 th{
	text-align: right;
    color: #07139c;
}
.item.about-contents .cmp-tbl001 th.free{
    color: #999;
}
.item.about-contents .cmp-tbl001 th.prem{
    color: #f90;
}

@media screen and (max-width: 640px) {
	.item.about-contents .cmp-thmb001 .wrp.lv3 {
		flex-wrap: wrap;
	}
	.item.about-contents .cmp-thmb001 .wrp.reverse .thumb {
		padding: 0;
		width: 100%;
		flex: auto;
		margin-bottom: 15px;
	}
	.item.about-contents .cmp-tbl001 th{
	text-align: left;
	}
}


/* is-darkmode START */
.is-darkmode .cmp-tbl001 .tbl .tbl-headline th,
.is-darkmode .cmp-tbl001 .tbl-member td:nth-child(3),
.is-darkmode .cmp-tbl001 .tbl-member td.no {
  color: #000;
}


@media screen and (max-width: 640px) {
}
/* is-darkmode END */