@charset "UTF-8";
.clearfix {
	overflow: hidden;
	height: 100%;
	min-height: 1px;
}
/* ------------------------------ */
/*共通調整                         */
/* ------------------------------ */
.returnTop {
	width: auto;
	max-width: 1000px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#header .hdrLogo {
	left: 0
}
#tellme-wrap a {
	transition: opacity .2s ease-out;
}


.is-animated {
  animation: .6s zoom-in;
}

.-bold {
	font-weight: bold;
}

@keyframes zoom-in {
  0% {
   transform: scale(.1);
  } 
  100% {
    transform: none;
  }
}


/* ------------------------------ */
/*PC用CSS                         */
/* ------------------------------ */
@media screen and (min-width: 769px), print {
	
	#tellme-wrap a:hover {
		text-decoration: none;
		opacity: .6;
	}
	
	#bodyInr {
		margin: 0 auto 15px;
		/*width: 1000px;*/
	}
	h1 {
		margin-bottom: 10px;
	}
	p.leadTxt {
		margin: 15px 8px;
		font-size: 110%;
	}
	div.cnpBnr {
		margin: 60px auto;
		text-align: center;
	}
	div.cnpBnr img {
		width: 950px;
		height: auto;
	}
	.anchorTop p {
		background: rgba(0, 0, 0, 0) url("/keitai_payment/common/images/icon_arrow_11.png") no-repeat scroll 100% center;
		font-size: 88%;
		padding-right: 18px;
		text-align: right;
	}
	#kebara a {
		color: #111;
		text-decoration: none;
	}
	#kebara div {
		margin-bottom: 15px;
	}
	#kebara #kebaraHowto {
		margin: 15px auto;
	}
	#kebara #kebaraHowto h3 {
		font-size: 130%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	/* ----- ▼ 以下特集コンテンツ領域 編集可能（PC） ▼ ----- */
	div.area {
		margin: 40px auto;
		width: 1000px;
		background-color: #ccc;
		text-align: center;
	}
	div.area p {
		padding: 500px 0;
		background-color: #ccc;
		font-size: 300%;
		font-weight: bold;
	}
	.-pc {
		display: block;
	}
	.-sp {
		display: none;
	}
	.linedisp-pc br {
		display: block;
	}
	.linedisp-sp br {
		display: none;
	}
	
	#slide {
		max-width: 1240px;
		margin: 0 auto;
	}
	#slide .slick-list::before,
	#slide .slick-list::after {
		content: "";
		display: block;
		width: 33%;
		height: 100%;
		background-color: rgba(255,255,255,0.7);
		position: absolute;
		top: 0;
		z-index: 10;
	}
	#slide .slick-list::before { left: 0;}
	#slide .slick-list::after { right: 0;}
	
	#slide .slider li {
		transition: all 0.3s linear;
    	padding: 0 20px;
	}
	#slide .slider li:focus { outline: none;}
	#slide .slider li a {
		text-decoration: none;
	}
	#slide .slider li img {
		width: 100%;
	}
	#slide .slider li p {
		font-size: 16px;
		text-align: left;
		margin-top: 15px;
	}
	
	#slide .slick-dots {
    	bottom: -45px;
	}
	#slide .slick-dots li {
		opacity: 1;
		width: 16px;
		height: 16px;
    	margin: 0 10px;
		padding: 0;
	}
	#slide .slick-dots li button {
		background-color: #cdcdcd;
		border-radius: 50%;
		width: 16px;
		height: 16px;
    	text-indent: -9999px;
	}
	#slide .slick-dots .slick-active button {
		background-color: #ACDADB;
	}	
	
	.tellme-title {
		background-image: url("../images/bg/bg-red.png");
		background-size: 1000px auto;
		background-position: center top;
		margin: 0;
	}
	.tellme-title h1 {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
	.tellme-title h1 img {
		width: 100%;
	}
	.tellme-read {
		position: relative;
		text-align: center;
		padding: 50px 0;
		margin-bottom: -15px;
		box-shadow: 0 7px 12px -12px #000000;
		font-size: 26px;
		z-index: 5;
	}
	.tellme-read p {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
	}
	/* ----- 記事一覧 :) ----- */
	.tellme-articleList {
		padding: 60px 0 60px 0;
		background-image: url("../images/bg/bg-orange.png");
		background-size: 1000px auto;
		background-position: center top;
		margin: 0;
		color: #4C362D;
	}
	.tellme-articleList h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 36px;
		margin: 0 0 40px;
		padding: 0;
	}
	.tellme-articleList h3 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 40px;
		margin: 0 0 40px;
		padding: 0;
	}
	.tellme-articleList h3 span {
		display: block;
		font-size: 28px;
	}
	/* ----- pickup :) ----- */
	.articleList-pickup {
		box-sizing: border-box;
		margin: 0 auto 40px;
		padding: 60px 20px;
		text-align: left;
		font-size: 16px;
		border-radius: 20px;
		background-image: url("../images/bg/bg-yellow.png");
		background-size: 1000px auto;
		background-position: center top;
	}
	.pickup-lists {
		margin: 0 auto;
		padding: 0;
		display: flex;
		justify-content: space-between;
		max-width: 960px;
	}
	.pickup-lists li {
		width: 48%;
		list-style: none;
    	background-color: #fff;
    	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	}
	.pickup-lists li a {
		display: flex;
		text-decoration: none;
		color: #4C362D;
	}
	.pickup-lists li figure {
		width: 180px;
		margin: 0;
	}
	.pickup-lists li figure img {
		width: 100%;
		height: auto;
	}
	.pickup-lists li dl {
		margin: 0;
    	padding: 20px 20px 30px;
		font-size: 22px;
		-webkit-flex: 1;
		flex: 1;
    	position: relative;
	}
	.pickup-lists li dt {
		color: #C19211;
    	font-size: 18px;
		line-height: 100%;
		margin-bottom: 6px;
		display: flex;
	}
	.pickup-lists li dt .-new {
		vertical-align: bottom;
		display: block;
		color: #CC0033;
		padding: 0;
    	font-size: 14px;
		margin-left: 10px;
		font-weight: bold;
		border-radius: 5px;
	}
	.pickup-lists li dd {
		margin: 0;
		padding: 0;
    	font-size: 20px;
		font-weight: bold;
		line-height: 1.5;
	}
	
	.pickup-lists li .catTag {
		display: flex;
		margin-top: 9px;
		position: absolute;
		bottom: 20px;
		left: 20px;
	}
	.pickup-lists li .catTag p {
		background-color: #88D1CD;
		color: #fff;
		font-size: 10px;
		padding: 2px 7px;
		border-radius: 2px;
	}
	.pickup-lists li .catTag p + p {
		margin-left: 6px;
	}
	
	/* ----- category-sort :) ----- */
	.category-sort {
    	margin-bottom: 60px;
	}
	.category-sort h4 {
		font-family: heisei-maru-gothic-std, sans-serif;
    	font-weight: 800;
		font-size: 22px;
		margin-bottom: 15px;
    	text-align: center;
	}
	.category-sort h4 span {
		position: relative;
		padding: 0 45px;
		display: inline-block;
	}
	.category-sort h4 span::before,
	.category-sort h4 span::after {
		content: "";
		width: 30px;
		height: 3px;
		background-color: #4C362D;
		display: block;
		position: absolute;
		top: 50%;
    	margin-top: -3px;
	}
	.category-sort h4 span::before { left: 0;}
	.category-sort h4 span::after { right: 0;}
	
	
	.category-sort ul {
		max-width: 960px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
	}
	.category-sort ul li {
		width: 120px;
		text-align: center;
		margin: 0 10px;
	}
	.category-sort ul li a {
		display: block;
		color: #fff;
		font-family: heisei-maru-gothic-std, sans-serif;
    	font-weight: 800;
		text-decoration: none;
		background-color: #88D1CD;
    	padding: 10px 0 7px;
		border-radius: 3px;
    	box-shadow: 0 3px 0 0 #49B7B1;
	}
	
	.category-sort ul li a.on {
		background-color: #49B7B1;
    	box-shadow: 0 0 0 0 #49B7B1;
	}
	
	
	
	/* ----- archive :) ----- */
	.archive-lists {
		margin: 0 auto;
		padding: 0;
		max-width: 960px;
		width: 90%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.archive-lists.-more {
		display: none;
	}
	.archive-lists li {
    	width: calc(100% / 3 - 20px);
    	min-height: 150px;
		/*margin-bottom: 30px;*/
		list-style: none;
		/*border-right: 1px solid #ccc;
		margin-right: 2%;
		padding-right: 1%;*/
    	position: relative;
    	margin: 0 10px 30px;
	}
	.archive-lists li.end a {
    	opacity: 0.8;
	}
	.archive-lists li.end::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
    	background-color: rgba(255,255,255,0.4);
	}
	
	.archive-lists li:nth-child(3n) {
		border-right: none;
		margin-right: 0;
	}
	.archive-lists li.noBdr {
		border-right: none;
		margin-right: 0;
	}
	.archive-lists .archive-list-inner {
		display: flex;
		text-decoration: none;
		color: #4C362D;
	}
	.archive-lists li figure {
		width: 112px;
		margin-right: 10px;
	}
	.archive-lists li figure img {
		width: 100%;
		height: auto;
		border: 1px solid #ccc;
	}
	.archive-lists li dl {
		margin: 3px 0 0 0;
		font-size: 16px;
		-webkit-flex: 1;
		flex: 1
	}
	.archive-lists li dt {
		color: #C19211;
		margin-bottom: 5px;
		line-height: 100%;
	}
	.archive-lists li dd {
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	.archive-lists li .catTag {
		display: flex;
		position: absolute;
		top: 128px;
		left: 0;
	}
	.archive-lists li .catTag p {
		background-color: #88D1CD;
		color: #fff;
		font-size: 10px;
		padding: 2px 4px;
		border-radius: 2px;
	}
	.archive-lists li .catTag p + p {
		margin-left: 3px;
	}
	.archive-button {
		margin-top: 0;
		text-align: right;
	}
	.archive-button .button-more a {
		display: block;
		margin: 0 auto;
		text-decoration: none;
		width: 50%;
		height: 70px;
		line-height: 70px;
		color: #fff;
		background-color: #C19211;
		font-size: 20px;
		border-radius: 50px;
		position: relative;
		text-align: center;
	}
	.archive-button .button-more a::after {
		width: 30px;
		height: 30px;
		content: "";
		background-image: url("../images/icon/icon-plus.png");
		background-size: 30px auto;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.archive-button .button-archive {
		margin: 0 auto 0;
		text-decoration: none;
		max-width: 960px;
		width: 96%;
		font-size: 18px;
		text-align: right;
	}
	.archive-button .button-archive a {
		color: #4C362D;
		padding-bottom: 5px;
	}
	.archive-button .button-archive a:after {
		display: inline-block;
		width: 22px;
		height: 22px;
		content: "";
		background-image: url("../images/icon/icon-arrow-brown.png");
		vertical-align: text-top;
		background-size: 20px auto;
		background-position: center center;
		background-repeat: no-repeat;
		margin-left: 3px;
	}
	@media screen and (max-width: 960px), print {
		.pickup-lists li figure {
			width: 126px;
		}
		.pickup-lists li dl {
			font-size: 17px;
		}
		.pickup-lists li dt {
			margin-bottom: 5px;
		}
		.pickup-lists li dt .-new {
			font-size: 16px;
			line-height: 18px;
		}
		.archive-lists li figure {
			width: 82px;
		}
		.archive-lists li dl {
			font-size: 14px;
			line-height: 130%;
		}
		.archive-lists li dt {
			margin-bottom: 5px;
			line-height: 100%;
		}
	}
	.grad-wrap {
		position: relative;
		padding-bottom: 0;
	}
	.grad-trigger {
		position: absolute;
		display: block;
		margin: 0 auto;
		text-decoration: none;
		width: 440px;
		height: 70px;
		line-height: 70px;
		color: #fff;
		background-color: #C19211;
		font-size: 20px;
		border-radius: 50px;
		text-align: center;
		bottom: 0;
		font-weight: bold;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		cursor: pointer;
		transition: opacity .2s ease-out;
	}
	.grad-trigger::before {
		content: "もっと見る" /*クリック前のボタンのラベル*/
	}
	.grad-trigger:hover {
		text-decoration: none;
		opacity: .6;
	}
	
	.grad-trigger .fa {
		margin-right: .5em;
	}
	.grad-item {
		position: relative;
		overflow: hidden;
	}
	/*.grad-item.is-hide {
		height: 150px;
	}
	@media screen and (max-width: 960px), print {
		.grad-item.is-hide {
			height: 120px;
		}
	}*/
	.grad-trigger.is-show::before {
		content: "閉じる" /*クリック後にボタンのラベルを変える*/
	}
	.grad-trigger.is-show + .grad-item::before {
		display: none;
	}
	.grad-trigger::after {
		width: 30px;
		height: 30px;
		content: "";
		background-image: url("../images/icon/icon-plus.png");
		background-size: 30px auto;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	.grad-trigger.is-show::after {
		width: 30px;
		height: 30px;
		content: "";
		background-image: url("../images/icon/icon-minus.png");
		background-size: 30px auto;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	/* ----- 特集 :) ----- */
	.tellme-topicsList {
		padding: 60px 0;
		background-size: 100% auto;
		background-position: center top;
		margin: 0;
		color: #4C362D;
	}
	.tellme-topicsList h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 32px;
		margin: 0 0 40px;
		padding: 0;
	}
	.topics-lists {
		margin: 0 auto;
		padding: 0;
		max-width: 960px;
		width: 90%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.topics-lists li {
		width: 30.3%;
		list-style: none;
		border-right: 1px solid #ccc;
		margin-right: 2%;
		padding-right: 1%;
	}
	.topics-lists li:last-child {
		border-right: none;
		margin-right: 0;
		padding-right: 1%;
	}
	.topics-lists li a {
		display: flex;
		text-decoration: none;
		color: #4C362D;
	}
	.topics-lists li figure {
		width: 112px;
		margin-right: 10px;
	}
	.topics-lists li figure img {
		width: 100%;
		height: auto;
		border: 1px solid #ccc;
	}
	.topics-lists li dl {
		margin: 0;
		font-size: 16px;
		-webkit-flex: 1;
		flex: 1
	}
	.topics-lists li dt {
		font-weight: bold;
		margin-bottom: 5px;
		line-height: 1.5;
	}
	.topics-lists li dd {
		margin: 0;
		padding: 0;
	}
	.topics-button {
		margin-top: 40px;
		text-align: center;
	}
	.topics-button a {
		display: block;
		margin: 0 auto;
		text-decoration: none;
		width: 440px;
		height: 70px;
		line-height: 70px;
		color: #fff;
		background-color: #4C362D;
		font-size: 20px;
		border-radius: 50px;
		position: relative;
		font-weight: bold;
	}
	.topics-button a:after {
		width: 30px;
		height: 30px;
		content: "";
		background-image: url("../images/icon/icon-arrow-white.png");
		background-size: 30px auto;
		position: absolute;
		right: 20px;
		top: 20px;
	}
	@media screen and (max-width: 960px), print {
		.topics-lists li figure {
			width: 82px;
		}
		.topics-lists li dl {
			font-size: 14px;
		}
		.topics-lists li dt {
			margin-bottom: 5px;
			line-height: 100%;
		}
		.topics-lists li dd {
			margin: 0;
			padding: 0;
		}
	}
	/* ----- 下部 :) ----- */
	.tellme-dbox {
		padding: 60px 0;
		background-image: url("../images/bg/bg-red.png");
		background-size: 1000px auto;
		background-position: center top;
		margin: 0;
		color: #4C362D;
	}
	.tellme-dbox h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 36px;
		margin: 0 0 40px;
		padding: 0;
	}
	.tellme-dbox h2 span {
		display: block;
		font-size: 20px;
	}
	.search-links {
		display: flex;
		width: 460px;
		margin: 0 auto 20px;
		padding: 0;
	}
	.search-links li {
		width: 210px;
		height: 210px;
		margin: 0 10px;
		list-style: none;
	}
	.search-links li a {
		display: block;
		width: 210px;
		height: 210px;
		color: #fff;
		text-decoration: none;
		border-radius: 105px;
		background-color: #CC0033;
		background-image: url("../images/icon/icon-arrow-white.png");
		background-size: 30px auto;
		background-repeat: no-repeat;
		background-position: center 155px;
	}
	.search-links li a figure {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 34px 0 0;
	}
	.search-links li a figure img {
		height: 80px;
		width: auto;
		margin-bottom: 8px;
	}
	.search-links li a figcaption {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		font-size: 20px;
	}
	.caption-links {
		margin: 0 auto 20px;
		padding: 0;
		display: flex;
		justify-content: center;
	}
	.caption-links li {
		width: 210px;
		margin: 0 10px;
		text-align: center;
	}
	.caption-links li a {
		color: #4C362D;
		padding-bottom: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		padding-bottom: 0;
	}
	.caption-links li a:after {
		display: inline-block;
		width: 22px;
		height: 22px;
		content: "";
		background-image: url("../images/icon/icon-arrow-brown.png");
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	.caption-text {
		color: #CC0033;
		text-align: center;
		font-size: 14px;
		margin-bottom: 40px;
	}
	.caption-text span {
		display: inline-block;
		padding-right: 10px;
	}
	.caption-text p {
		display: inline;
	}
	.dbox-application {
		box-sizing: border-box;
		max-width: 960px;
		width: 90%;
		margin: 0 auto 60px;
		padding: 30px;
		text-align: left;
		font-size: 16px;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0 7px 10px -12px #000000;
	}
	.dbox-application h3 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 20px;
		margin: 0 0 20px;
		padding: 0;
	}
	.dbox-application .-pc {
		display: flex;
		justify-content: center;
	}
	.dbox-application .-pc .icon-application {
		width: 80px;
		height: 80px;
		margin: 0 10px;
	}
	.dbox-application .-pc a {
		margin: 0 10px;
	}
	.dbox-application .-pc a img {
		height: 80px;
		width: auto;
	}
	.application-text {
		max-width: 960px;
		width: 90%;
		margin: 0 auto;
		font-size: 18px;
		text-align: right;
	}
	.application-text a {
		color: #4C362D;
	}
	.application-text a:after {
		display: inline-block;
		width: 22px;
		height: 22px;
		content: "";
		background-image: url("../images/icon/icon-arrow-brown.png");
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	/* ----- SNS :) ----- */
	.tellme-sns {
		padding: 60px 0;
		background-size: 100% auto;
		background-position: center top;
		margin: 0;
		color: #4C362D;
		display: flex;
		justify-content: center;
	}
	.tellme-sns h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 32px;
		padding: 0;
		margin-right: 40px;
		line-height: 60px;
	}
	.tellme-sns .sns-links {
		display: flex;
		justify-content: center;
		margin: 0 10px;
	}
	.tellme-sns .sns-links li {
		margin: 0 10px;
	}
	.tellme-sns .sns-links li a {
		text-decoration: none;
	}
	.tellme-sns .sns-links li img {
		width: 60px;
		height: 60px;
	}
	/* ----- 記事ヘッダー :) ----- */
	.tellme-articleHeader {
		background-image: url("../images/bg/bg-yellow.png");
		background-size: 1000px auto;
		background-position: center top;
		margin: 0;
	}
	.article-MV {
		margin: 0 auto;
		width: 100%;
		max-width: 1000px;
		display: flex;
		position: relative;
	}
	.article-MV figure {
		width: 30%;
		text-align: center;
		padding: 2.5% 0 0 0;
		margin: 0;
	}
	.article-MV figure img {
		width: 90%;
	}
	.article-MV figcaption {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
		font-size: 24px;
	}
	.article-MV .-visual {
		width: 70%;
	}
	.article-MV .-visual img {
		width: 100%;
	}
	.article-MV .catTag {
		display: flex;
    	justify-content: center;
    	position: absolute;
		top: 86%;
		left: 0;
		width: 30%;
	}
	.article-MV .catTag p {
		background-color: #88D1CD;
		color: #fff;
		font-size: 11px;
		padding: 2px 8px;
		border-radius: 2px;
    	letter-spacing: 0.05em;
	}
	.article-MV .catTag p + p {
		margin-left: 6px;
	}
	
	.tellme-articleTitle {
		position: relative;
		text-align: center;
		padding: 20px 0 15px;
		margin-bottom: -15px;
		box-shadow: 0 7px 12px -12px #000000;
		font-size: 26px;
		z-index: 5;
	}
	.tellme-articleTitle h1 {
		padding: 0;
		margin: 0;
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
		font-size: 28px;
	}
	/* ----- 記事まとめ :) ----- */
	.tellme-articleSumally {
		background-image: url("../images/bg/bg-red.png");
		background-size: 1000px auto;
		background-position: center top;
		margin: 0;
		padding: 60px 0;
	}
	
	.tellme-articleSumally .endTxt {
		text-align: center;
		max-width: 960px;
		margin: 0 auto 20px;
		color: #CC0033;
		font-size: 24px;
		font-weight: bold;
	}
	
	.sumally-inner {
		box-sizing: border-box;
		max-width: 960px;
		width: 90%;
		margin: 0 auto 20px;
		padding: 30px;
		text-align: left;
		font-size: 16px;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0 7px 10px -12px #000000;
		position: relative;
	}
	.sumally-inner h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
		font-size: 24px;
		width: 90%;
		max-width: 650px;
		margin: 0 auto 20px;
	}
	.sumally-inner ul {
		padding: 0 150px 0 0;
		margin: 0 auto 0;
		box-sizing: border-box;
		width: 90%;
		max-width: 650px;
		min-height: 234px;
		position: relative;
	}
	.sumally-inner ul:before {
		content: "";
		width: 130px;
		height: 234px;
		position: absolute;
		background-image: url("../images/article/sumally-pc.png");
		background-size: 130px auto;
		background-repeat: no-repeat;
		background-position: center center;
		bottom: 0;
		right: 0;
	}
	.sumally-inner li {
		list-style: none;
		background-image: url("../images/icon/icon-check.png");
		background-size: 30px auto;
		background-repeat: no-repeat;
		background-position: left 10px;
		padding-left: 34px;
		margin-bottom: 10px;
		font-size: 20px;
		font-weight: bold;
	}
	.sumally-inner li:last-child{
		margin-bottom: 0;
	}
	.sumally-inner li a{
		color: #CC0033;
		display: block;
		padding: 5px 0;
	}
	/* ----- 記事本文 :) ----- */
	.tellme-articleSection {
		padding: 60px 0 40px;
		width: 90%;
		max-width: 960px;
		margin: 0 auto;
		color: #4C362D;
		font-size: 16px;
		line-height: 170%;
		letter-spacing: 0.05em;
	}
	.article-innerSection {
		padding: 60px 0 0;
	}
	.article-innerSection:first-child {
		padding: 0 0 0;
	}
	.tellme-articleSection h2, .tellme-articleSection h3, .tellme-articleSection h4 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
		margin-bottom: 20px;
		text-align: center;
	}
	.tellme-articleSection h2 {
		font-size: 28px;
		text-align: center;
	}
	.tellme-articleSection h3 {
		font-size: 24px;
	}
	.tellme-articleSection h4 {
		font-size: 18px;
	}
	.tellme-articleSection p {
		margin-bottom: 20px;
	}
	.tellme-articleSection p.-small {
		font-size: 14px;
	}
	.tellme-articleSection .-imgLeft, .tellme-articleSection .-imgRight {
		display: flex;
		margin-bottom: 20px;
	}
	.tellme-articleSection .-imgRight {
		flex-direction: row-reverse;
	}
	.tellme-articleSection .-imgLeft .-textBox, .tellme-articleSection .-imgRight .-textBox {
		width: 70%;
	}
	.tellme-articleSection .-imgLeft .-img {
		width: 20%;
		margin: 0 5% 0 0;
	}
	.tellme-articleSection .-imgRight .-img {
		width: 20%;
		margin: 0 0 0 5%;
	}
	.tellme-articleSection .-imgLeft .-img img, .tellme-articleSection .-imgRight .-img img {
		width: 100%;
	}
	.tellme-articleSection .-imgCenter {
		margin: 0 0 40px;
		text-align: center;
		padding: 0;
	}
	.tellme-articleSection .-imgCenter img {
		width: 60%;
		margin-bottom: 10px;
	}
	.tellme-articleSection .-imgCenter figcaption {
		font-size: 14px;
		color: #C19211;
	}
	.tellme-articleSection a {
		color: #cc0033;
	}
	.tellme-articleSection .-link, .tellme-articleSection .-blank, .tellme-articleSection .-down {
		text-align: right;
		margin-bottom: 20px;
	}
	.tellme-articleSection .-link a, .tellme-articleSection .-blank a, .tellme-articleSection .-down a {
		display: inline-block;
		color: #cc0033;
	}
	.tellme-articleSection .-link a:after, .tellme-articleSection .-blank a:after, .tellme-articleSection .-down a:after {
		display: inline-block;
		width: 22px;
		height: 22px;
		content: "";
		background-image: url("../images/icon/icon-arrow-red.png");
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	.tellme-articleSection .-blank a:after {
		background-image: url("../images/icon/icon-window.png");
	}
	.tellme-articleSection .-down a:after {
		background-image: url("../images/icon/icon-down-red.png");
	}
	.tellme-articleSection .-linkText, .tellme-articleSection .-blankText {
		display: inline-block;
		color: #cc0033;
		margin-right: 5px;
	}
	.tellme-articleSection .-linkText:after, .tellme-articleSection .-blankText:after {
		display: inline-block;
		width: 22px;
		height: 22px;
		content: "";
		background-image: url("../images/icon/icon-arrow-red.png");
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	.tellme-articleSection .-blankText:after {
		background-image: url("../images/icon/icon-window.png");
	}
	.tellme-articleSection .-linkCenter, .tellme-articleSection .-linkCenterSmall {
		text-align: center;
		margin-bottom: 20px;
	}
	.tellme-articleSection .-link a {
		color: #cc0033;
	}
	.tellme-articleSection .-linkCenter a, .tellme-articleSection .-linkCenterSmall a {
		color: #cc0033;
	}
	.tellme-articleSection .-linkCenter a {
		font-size: 24px;
	}
	.tellme-articleSection .-button {
		margin-bottom: 20px;
	}
	.tellme-articleSection .-button a {
		display: block;
		margin: 0 auto;
		width: 60%;
		border-radius: 100px;
		padding: 20px 0;
		font-size: 20px;
		background-color: #cc0033;
		text-align: center;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
	.tellme-articleSection ol, .tellme-articleSection ul {
		list-style: none;
		font-size: 14px;
		margin-bottom: 20px;
	}
	.tellme-articleSection ol li, .tellme-articleSection ul li {
		margin-bottom: 10px;
	}
	.tellme-articleSection ol li:last-child, .tellme-articleSection ul li:last-child {
		margin-bottom: o;
	}
	.tellme-articleSection ol li span, .tellme-articleSection ul li span {
		padding-right: 10px;
	}
	.tellme-articleSection .-red {
		padding-right: 0;
		color: #cc0033;
	}
	
	/* ----- 会話文 :) ----- */
	.tellme-articleTark {
		width: 80%;
		max-width: 800px;
		background-image: url("../images/bg/bg-blue.png");
		background-size: 1000px auto;
		background-position: center top;
		margin: 0 auto;
		padding: 60px 0 40px;
		color: #4C362D;
	}
	.tellme-articleTark h2,
	.tellme-comicSection h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		margin: 0 0 40px;
		font-size: 28px;
		padding: 0;
	}
	.tellme-articleTark h2.quizTtl,
	.tellme-comicSection h2.quizTtl {
		font-size: 36px;
    	color: #4C362D;
	}
	.tellme-articleTark h2.quizTtl span {
		color: #cc0033;
	}
	.tellme-articleTark .-comic,
	.answer .-comic {
		width: 80%;
    	margin: 0 auto 30px;
	}
	.tellme-comicSection {
		width: 80%;
		max-width: 800px;
    	margin: 0 auto;
	}
	.tellme-comicSection .-comic {
		width: 80%;
    	margin: 0 auto 30px;
	}
	.tellme-articleTark .-comic img,
	.answer .answerImg img {
		width: 100%;
		height: auto;
	}
	.tellme-comicSection .-comic img {
		width: 100%;
		height: auto;
	}
	
	.answer .answerImg .actually {
		cursor: pointer;
		transition: opacity .3s ease-out;
	}
	.answer .answerImg .actually:hover {
		opacity: 0.5;
	}
	.answer {
		width: 80%;
    	max-width: 800px;
    	margin: 0 auto 80px;
	}
	.answer .answerWrap {
		width: 80%;
    	margin: 0 auto;
	}
	
	.answer .answerImg {
		max-width: 520px;
		margin: 0 auto 40px;
	}
	.answer .comment {
		margin-bottom: 60px;
	}
	.answer .comment p {
		font-size: 15px;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.answer .comment p:last-child {
		margin-bottom: 0;
	}
	.answer .comment .-link {
    	text-align: right;
	}
	.answer .comment .-link a {
    	color: #cc0033;
		font-size: 16px;
	}
	.answer .comment .-link a::after {
		display: inline-block;
		width: 22px;
		height: 22px;
		content: "";
		background-image: url(../images/icon/icon-arrow-red.png);
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 4px;
	}
	.answer .comment .-blank {
		text-align: right;
		margin-bottom: 20px;
	}
	.answer .comment .-blank a {
		display: inline-block;
		color: #cc0033;
	}
	.answer .comment .-blank a:after {
		display: inline-block;
		width: 22px;
		height: 22px;
		content: "";
		background-image: url("../images/icon/icon-window.png");
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 4px;
	}
	.result {
		padding-top: 0;
	}
	.scoreHead {
		background-color: #fff;
		padding: 40px 10% 0;
    	margin-bottom: 40px;
	}
	.scoreHead p {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		margin: 0;
		font-size: 32px;
		padding: 0;
	}
	.scoreHead p span {
    	color: #cc0033;
	}
	
	.-comic {
		position: relative;
	}
	.answerBtn {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.answerBtn.type01 li {
		position: absolute;
		height: 8.4%;
		width: 51.8%;
		right: 10.7%;
	}
	.answerBtn.type01 li.answerBtn01 { top: 46.5%; }
	.answerBtn.type01 li.answerBtn02 { top: 59%;}
	.answerBtn.type01 li.answerBtn03 { top: 71.5%;}
	.answerBtn.type01 li.answerBtn04 { top: 84.1%;}
	
	.answerBtn.type02 li {
		position: absolute;
		height: 15.4%;
		width: 51.8%;
		right: 10.7%;
	}
	.answerBtn.type02 li.answerBtn01 { top: 9.4%;}
	.answerBtn.type02 li.answerBtn02 { top: 31.4%;}
	.answerBtn.type02 li.answerBtn03 { top: 53.3%;}
	.answerBtn.type02 li.answerBtn04 { top: 75.2%;}
	
	.answerBtn li a {
		display: block;
		width: 100%;
		height: 100%;
		background-color: #fff;
		opacity: 0;
	}
	.answerBtn li a:hover {
		opacity: .5;
	}
	
	.answerNote {
		width: 80%;
    	margin: 0 auto;
		font-size: 14px;
		color: #cc0033;
	}
	
	.talk-harai, .talk-kessai {
		width: 80%;
		max-width: 650px;
		margin: 0 auto 20px;
		display: flex;
	}
	.talk-harai {
		flex-direction: row-reverse;
	}
	.talk-harai .-icon, .talk-kessai .-icon {
		width: 20%;
	}
	.talk-harai .-icon img, .talk-kessai .-icon img {
		width: 100%;
	}
	.talk-harai .-text, .talk-kessai .-text {
		width: 85%;
		box-sizing: border-box;
		padding: 20px;
		background-color: #fff;
		border-radius: 10px;
		margin: 0;
		font-weight: bold;
		display: flex;
		align-items: center;
		position: relative;
	}
	.talk-harai .-text p, .talk-kessai .-text p {
		padding: 0;
		margin: 0;
	}
	.talk-harai .-text {
		margin-right: 5%;
	}
	.talk-kessai .-text {
		margin-left: 5%;
	}
	.talk-harai .-text:before {
		content: "";
		position: absolute;
		top: 50%;
		left: 100%;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 15px solid #fff;
	}
	.talk-kessai .-text:before {
		content: "";
		position: absolute;
		top: 50px;
		left: -30px;
		margin-top: -15px;
		border: 15px solid transparent;
		border-right: 15px solid #fff;
	}
	.tellme-articleTark .-red {
		color: #cc0033;
	}
	.article-space {
		margin-bottom: 60px;
	}
	.tellme-like {
		width: 100%;
		background-image: url("../images/bg/bg-yellow.png");
		background-size: 1000px auto;
		background-position: center top;
		margin: 0 auto;
		padding: 60px 0;
		color: #4C362D;
	}
	.tellme-like .like-header {
		width: 90%;
		max-width: 800px;
		height: 200px;
		margin: 0 auto 40px;
		padding: 0;
		background-image: url("../images/article/like-pc.png"), url("../images/article/whiteboard-pc.png");
		background-repeat: no-repeat;
		background-size: 165px auto, 100% 100%;
		background-position: 50px 30px, center top;
		position: relative;
	}
	.tellme-like .like-header h2 {
		margin: 0;
		padding: 0;
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 32px;
		position: absolute;
		top: 40%;
		right: 5%;
	}
	.tellme-like #like-mark {
		width: 40px;
		height: auto;
		position: absolute;
		top: 30px;
		left: 220px;
	}
	.like-buttons {
		width: 650px;
		margin: 0 auto 60px;
		display: flex;
		justify-content: space-between;
		padding-top: 20px;
	}
	.like-buttons .button-yes, .like-buttons .button-no {
		width: 48%;
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
	}
	.like-buttons .button-yes a, .like-buttons .button-no a {
		text-decoration: none;
		color: #fff;
		display: block;
		position: relative;
	}
	.like-buttons .button-yes p, .like-buttons .button-no p {
		display: block;
		margin: 0;
		padding: 20px;
		background-color: #cc0033;
		border-radius: 100px;
		font-size: 28px;
		line-height: 100%;
	}
	.like-buttons .button-no p {
		background-color: #cccccc;
	}
	.like-buttons .button-yes p span, .like-buttons .button-no p span {
		display: block;
		font-size: 18px;
	}
	.like-buttons .button-yes img, .like-buttons .button-no img {
		width: 140px;
		position: absolute;
		bottom: 0;
		right: 20px;
	}
	.like-buttons .on {
		opacity: 1;
		pointer-events: none;
	}
	.like-buttons .off {
		opacity: 0.3;
		pointer-events: none;
	}
	.like-buttons .on:hover{
		opacity: 1 !important;
	}
	.like-buttons .button-yes .on p {
		box-sizing: border-box;
		border: 6px solid #5A0101;
		padding: 12px;
	}
	.like-buttons .button-no .on p {
		box-sizing: border-box;
		border: 6px solid #666;
		padding: 12px;
	}
	
	#understanding {
		display: none !important;
	}
	
	.article-tellers {
		box-sizing: border-box;
		max-width: 960px;
		width: 90%;
		margin: 0 auto;
		padding: 40px 0 20px;
		text-align: left;
		font-size: 16px;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0 7px 10px -12px #000000;
	}
	.article-tellers h3 {
		width: 100%;
		margin: 0 auto 20px;
		padding: 0;
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 22px;
	}
	.article-tellers .tellers-list {
		width: 650px;
    	max-width: 90%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.article-tellers .tellers-list .-teller {
		width: 48%;
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	
	.article-tellers .tellers-list .-teller figure {
		width: 90px;
		margin-right: 20px;
	}
	.article-tellers .tellers-list .-teller figure img {
		width: 100%;
	}
	.article-tellers .tellers-list .-teller dl {
		padding: 0;
		margin: 0;
		-webkit-flex: 1;
		flex: 1
	}
	.article-tellers .tellers-list .-teller dt {
		font-weight: bold;
	}
	.article-tellers .tellers-list .-teller dd {
		padding: 0;
		margin: 0;
	}
	.-shopList {
		display: flex;
		flex-wrap: wrap;
	}
	.-shopList figure {
		width: 20%;
		text-align: center;
		margin: 0 2.5% 20px;
		height: 80px;
	}
	.-shopList figure a {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #ccc;
		position: relative;
	}
	.-shopList figure img {
		width: 100px;
		height: auto;
	}
	.-shopList figure span {
		position: absolute;
		bottom: 3px;
		right: 3px;
		font-size: 12px;
		color: #999;
		line-height: 100%;
	}
}
/* ------------------------------------------------------ */
/* ------------------------------ */
/* SP用CSS                      */
/* ------------------------------ */
@media only screen and (max-width: 768px) {
	#bodyInr {
		margin: 0 auto 15px;
		width: 100%;
	}
	h1 {
		margin-bottom: 10px;
	}
	h1 img {
		width: 100%;
		height: auto;
	}
	p.leadTxt {
		margin: 10px 10px 23px;
		font-size: 100%;
		line-height: 1.5;
	}
	div.cnpBnr {
		margin: 30px 10px;
	}
	div.cnpBnr img {
		width: 100%;
		height: auto;
	}
	.anchorTop p {
		background: rgba(0, 0, 0, 0) url("/keitai_payment/common/images/icon_arrow_11.png") no-repeat scroll 100% center;
		font-size: 88%;
		padding-right: 18px;
		text-align: right;
	}
	#kebara {
		margin: 15px 10px;
	}
	#kebara a {
		color: #111;
		text-decoration: none;
	}
	#kebara img {
		width: 100%;
		height: auto;
	}
	#kebara div {
		margin-bottom: 15px;
	}
	#kebara #kebaraHowto {
		margin: 15px auto;
	}
	#kebara #kebaraHowto h3 {
		font-size: 130%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	/* ----- ▼ 以下特集コンテンツ領域 編集可能(SP) ▼ ----- */
	div.area {
		margin: 20px auto;
		width: 100%;
		background-color: #ccc;
		text-align: center;
	}
	div.area p {
		padding: 300px 0;
		background-color: #ccc;
		font-size: 180%;
		font-weight: bold;
	}
	.-pc {
		display: none;
	}
	.-sp {
		display: block;
	}
	.linedisp-pc br {
		display: none;
	}
	.linedisp-sp br {
		display: block;
	}
	.bodyInr {
		background-color: aqua;
		width: 100%;
	}
	#header .hdrLogo {
		left: 0
	}
	
	#slide .slick-list::before,
	#slide .slick-list::after {
		content: "";
		display: block;
		width: 20%;
		height: 100%;
		background-color: rgba(255,255,255,0.7);
		position: absolute;
		top: 0;
		z-index: 10;
	}
	#slide .slick-list::before { left: 0;}
	#slide .slick-list::after { right: 0;}
	
	#slide .slider li {
		transition: all 0.3s linear;
    	padding: 0 10px;
	}
	#slide .slider li:focus { outline: none;}
	#slide .slider li a {
		text-decoration: none;
	}
	#slide .slider li img {
		width: 100%;
	}
	#slide .slider li p {
		font-size: 14px;
		font-weight: bold;
		text-align: left;
		margin: 10px 0 0 0;
		padding: 0;
		width: 100%;
	}
	
	#slide .slick-dots {
    	bottom: -35px;
	}
	#slide .slick-dots li {
		opacity: 1;
		width: 16px;
		height: 16px;
    	margin: 0 10px;
		padding: 0;
	}
	#slide .slick-dots li button {
		background-color: #cdcdcd;
		border-radius: 50%;
		width: 16px;
		height: 16px;
    	text-indent: -9999px;
	}
	#slide .slick-dots .slick-active button {
		background-color: #ACDADB;
	}	
	
	.tellme-title {
		background-image: url("../images/bg/bg-red.png");
		background-size: 100% auto;
		background-position: center top;
		margin: 0;
	}
	.tellme-title h1 {
		margin: 0;
	}
	.tellme-read {
		text-align: center;
		padding: 30px 0 30px;
		font-size: 26px;
		color: #4C362D;
		margin-bottom: -15px;
		box-shadow: 0 7px 12px -12px #000000;
	}
	
	.tellme-read p {
		box-sizing: border-box;
		max-width: 420px;
		width: 90%;
		margin: 0 auto;
		padding: 20px;
		text-align: left;
		font-size: 16px;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0 7px 10px -12px #000000;
		color: #4C362D;
	}
	.tellme-read p br {
		display: none;
	}
	/* ----- 記事一覧 :) ----- */
	.tellme-articleList {
		padding: 40px 0 40px;
		background-image: url("../images/bg/bg-orange.png");
		background-size: 100% auto;
		background-position: center top;
		margin: 0;
		color: #4C362D;
	}
	.tellme-articleList h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 32px;
		margin: 0 0 20px;
		padding: 0;
	}
	.tellme-articleList h3 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 28px;
		margin: 0 0 20px;
		padding: 0;
    	line-height: 1.4;
	}
	.tellme-articleList h3 span {
		display: block;
		font-size: 20px;
	}
	.articleList-pickup {
		box-sizing: border-box;
		width: 100%;
		margin: 0 auto 30px;
		padding: 30px 15px;
		text-align: left;
		font-size: 16px;
		background-image: url(../images/bg/bg-yellow.png);
		background-size: 100% auto;
    	background-position: center top;
	}
	.pickup-lists {
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: space-between;
	}
	.pickup-lists li {
		width: 48%;
		list-style: none;
		position: relative;
		padding: 0 0 35px 0;
    	background-color: #fff;
    	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	}
	.pickup-lists li a {
		text-decoration: none;
		color: #4C362D;
	}
	.pickup-lists li img {
		width: 100%;
		height: auto;
		margin-right: 0;
	}
	.pickup-lists li dl {
		margin: 0;
		padding: 10px 5px 0 5px;
		font-size: 14px;
	}
	.pickup-lists li dt {
		color: #C19211;
		display: flex;
	}
	.pickup-lists li dt .-new {
		color: #CC0033;
		padding: 0;
		font-size: 12px;
		font-weight: bold;
		margin-left: 6px;
	}
	.pickup-lists li dd {
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	.pickup-lists li .catTag {
		display: flex;
		margin-top: 7px;
		position: absolute;
		bottom: 10px;
		left: 5px;
	}
	.pickup-lists li .catTag p {
		background-color: #88D1CD;
		color: #fff;
		font-size: 10px;
		padding: 2px 4px;
		border-radius: 2px;
	}
	.pickup-lists li .catTag p + p {
		margin-left: 5px;
	}
	
	
	/* ----- category-sort :) ----- */
	.category-sort {
		margin-bottom: 50px;
	}
	.category-sort h4 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-size: 16px;
		margin-bottom: 15px;
		text-align: center;
	}
	.category-sort h4 span {
		position: relative;
		padding: 0 45px;
		display: inline-block;
	}
	.category-sort h4 span::before,
	.category-sort h4 span::after {
		content: "";
		width: 30px;
		height: 3px;
		background-color: #4C362D;
		display: block;
		position: absolute;
		top: 50%;
    	margin-top: -3px;
	}
	.category-sort h4 span::before { left: 0;}
	.category-sort h4 span::after { right: 0;}
	
	.category-sort ul {
		max-width: 960px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
    	flex-wrap: wrap;
	}
	.category-sort ul li {
		width: 29%;
		text-align: center;
		margin: 0 1% 10px;
	}
	.category-sort ul li a {
		display: block;
		color: #fff;
		font-family: heisei-maru-gothic-std, sans-serif;
    	font-weight: 800;
		text-decoration: none;
		background-color: #88D1CD;
    	padding: 10px 0 7px;
		border-radius: 3px;
    	box-shadow: 0 3px 0 0 #49B7B1;
	}
	
	.category-sort ul li a.on {
		background-color: #49B7B1;
    	box-shadow: 0 0 0 0 #49B7B1;
	}
	
	
	.archive-lists {
		margin: 0 auto;
		padding: 0;
		max-width: 420px;
		width: 90%;
	}
	.archive-lists.-more {
		display: none;
	}
	.archive-lists li {
		list-style: none;
		padding: 10px 0 40px;
		border-top: 1px solid #ccc;
		position: relative;
	}
	.archive-lists li:last-child {
		margin-right: 0;
		padding-right: 1%;
	}
	.archive-lists .archive-list-inner {
		display: flex;
		text-decoration: none;
		color: #4C362D;
	}
	.archive-lists .end .archive-list-inner {
    	opacity: 0.8;
	}
	.archive-lists li.end::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: block;
		background-color: rgba(255,255,255,0.4);
	}
	.archive-lists li figure {
		width: 82px;
		height: 82px;
		margin-right: 10px;
	}
	.archive-lists li figure img {
		width: 100%;
		border: 1px solid #ccc;
	}
	.archive-lists li dl {
		margin: 0;
		padding: 0 0 0 0;
		font-size: 14px;
		-webkit-flex: 1;
		flex: 1
	}
	.archive-lists li dt {
		color: #C19211;
		margin-bottom: 5px;
	}
	.archive-lists li dd {
		margin: 0;
		padding: 0;
		font-weight: bold;
	}
	.archive-lists li .catTag {
		display: flex;
		margin-top: 0;
		position: absolute;
		bottom: 10px;
		left: 0;
	}
	.archive-lists li .catTag p {
		background-color: #88D1CD;
		color: #fff;
		font-size: 10px;
		padding: 2px 7px;
		border-radius: 2px;
	}
	.archive-lists li .catTag p + p {
		margin-left: 4px;
	}
	.archive-button {
		margin-top: 20px;
		text-align: center;
	}
	.archive-button .button-more a {
		display: block;
		margin: 0 auto;
		text-decoration: none;
		width: 60%;
		max-width: 340px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		background-color: #C19211;
		font-size: 18px;
		border-radius: 50px;
		position: relative;
	}
	.archive-button .button-more.icon-plus a:after {
		width: 20px;
		height: 20px;
		content: "";
		background-image: url("../images/icon/icon-plus.png");
		background-size: 20px auto;
		position: absolute;
		right: 20px;
		top: 15px;
	}
	.archive-button .button-more.icon-minus a:after {
		width: 20px;
		height: 20px;
		content: "";
		background-image: url("../images/icon/icon-minus.png");
		background-size: 20px auto;
		position: absolute;
		right: 20px;
		top: 15px;
	}
	.archive-button .button-archive {
		margin: 20px auto 0;
		text-decoration: none;
		max-width: 420px;
		width: 90%;
		text-align: right;
	}
	.archive-button .button-archive a {
		color: #4C362D;
	}
	.archive-button .button-archive a:after {
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		background-image: url("../images/icon/icon-arrow-brown.png");
		background-size: 16px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	.grad-wrap {
		position: relative;
	}
	.grad-trigger {
		position: absolute;
		display: block;
		margin: 0 auto;
		text-decoration: none;
		width: 240px;
		font-weight: bold;
		height: 50px;
		line-height: 50px;
		color: #fff;
		background-color: #C19211;
		font-size: 18px;
		border-radius: 50px;
		text-align: center;
		bottom: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		cursor: pointer;
		transition: opacity .2s ease-out;
	}
	.grad-trigger::before {
		content: "もっと見る" /*クリック前のボタンのラベル*/
	}
	.grad-trigger:hover {
		text-decoration: none;
		opacity: .6;
	}
	.grad-trigger .fa {
		margin-right: .5em;
	}
	.grad-item {
		position: relative;
		overflow: hidden;
	}
	.grad-trigger.is-show::before {
		content: "閉じる" /*クリック後にボタンのラベルを変える*/
	}
	.grad-trigger.is-show + .grad-item::before {
		display: none;
	}
	.grad-trigger:after {
		width: 20px;
		height: 20px;
		content: "";
		background-image: url("../images/icon/icon-plus.png");
		background-size: 20px auto;
		position: absolute;
		right: 20px;
		top: 15px;
	}
	.grad-trigger.is-show:after {
		width: 20px;
		height: 20px;
		content: "";
		background-image: url("../images/icon/icon-minus.png");
		background-size: 20px auto;
		position: absolute;
		right: 20px;
		top: 15px;
	}
	.tellme-topicsList {
		padding: 40px 0;
		margin: 0;
		color: #4C362D;
	}
	.tellme-topicsList h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 24px;
		margin: 0 0 20px;
		padding: 0;
	}
	.topics-lists {
		margin: 0 auto;
		padding: 0;
		max-width: 420px;
		width: 90%;
		border-bottom: 1px solid #ccc;
	}
	.topics-lists li {
		list-style: none;
		padding: 10px 0;
		border-top: 1px solid #ccc;
	}
	.topics-lists li:last-child {
		border-right: none;
		margin-right: 0;
		padding-right: 1%;
	}
	.topics-lists li a {
		display: flex;
		text-decoration: none;
		color: #4C362D;
	}
	.topics-lists li figure {
		width: 82px;
		height: 82px;
		margin-right: 10px;
	}
	.topics-lists li img {
		width: 100%;
		border: 1px solid #ccc;
	}
	.topics-lists li dl {
		margin: 0;
		padding: 0 0 0 0;
		font-size: 14px;
		-webkit-flex: 1;
		flex: 1;
	}
	.topics-lists li dt {
		font-weight: bold;
		margin-bottom: 5px;
	}
	.topics-lists li dd {
		margin: 0;
		padding: 0;
	}
	.topics-button {
		margin-top: 20px;
		text-align: center;
	}
	.topics-button a {
		display: block;
		margin: 0 auto;
		text-decoration: none;
		width: 300px;
		max-width: 340px;
		height: 50px;
		line-height: 50px;
		color: #fff;
		background-color: #4C362D;
		font-size: 18px;
		border-radius: 50px;
		position: relative;
		font-weight: bold;
	}
	.topics-button a:after {
		width: 20px;
		height: 20px;
		content: "";
		background-image: url("../images/icon/icon-arrow-white.png");
		background-size: 20px auto;
		position: absolute;
		right: 20px;
		top: 15px;
	}
	/* ----- 下部 :) ----- */
	.tellme-dbox {
		padding: 40px 0;
		background-image: url("../images/bg/bg-red.png");
		background-size: 100% auto;
		background-position: center top;
		margin: 0;
		color: #4C362D;
	}
	.tellme-dbox h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 32px;
		margin: 0 0 20px;
		padding: 0;
		line-height: 120%;
	}
	.tellme-dbox h2 span {
		display: block;
		font-size: 14px;
	}
	.search-links {
		display: flex;
		width: 320px;
		margin: 0 auto 20px;
		padding: 0;
	}
	.search-links li {
		width: 140px;
		height: 140px;
		margin: 0 10px;
		list-style: none;
	}
	.search-links li a {
		display: block;
		width: 140px;
		height: 140px;
		color: #fff;
		text-decoration: none;
		border-radius: 100px;
		background-color: #CC0033;
		background-image: url("../images/icon/icon-arrow-white.png");
		background-size: 20px auto;
		background-repeat: no-repeat;
		background-position: center 108px;
	}
	.search-links li a figure {
		display: block;
		margin: 0 auto;
		text-align: center;
		padding: 20px 0 0;
	}
	.search-links li a figure img {
		height: 50px;
		width: auto;
		margin-bottom: 8px;
	}
	.search-links li a figcaption {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		font-size: 18px;
	}
	.caption-links {
		margin: 0 auto;
		padding: 0;
		max-width: 420px;
		width: 90%;
		text-align: right;
	}
	.caption-links li {
		margin: 0 0 10px;
		list-style: none;
	}
	.caption-links li a {
		font-size: 14px;
		color: #4C362D;
	}
	.caption-links li a:after {
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		background-image: url("../images/icon/icon-arrow-brown.png");
		background-size: 16px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	.caption-text {
		margin: 0 auto;
		padding: 0 0 20px;
		max-width: 420px;
		width: 90%;
		box-sizing: border-box;
		color: #CC0033;
		font-size: 14px;
	}
	.caption-text span {
		display: inline-block;
		padding-right: 10px;
	}
	.caption-text p {
		display: inline;
	}
	.dbox-application {
		box-sizing: border-box;
		max-width: 420px;
		width: 90%;
		margin: 0 auto 20px;
		padding: 20px 0 0;
		text-align: left;
		font-size: 16px;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0 7px 10px -12px #000000;
	}
	.dbox-application h3 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 18px;
		margin: 0 0 20px;
		padding: 0;
	}
	.dbox-application #isiOS, .dbox-application #isAndroid {
		display: none;
		text-align: center;
		padding-bottom: 20px;
	}
	.dbox-application .-sp .-ios,
	.dbox-application .-sp .-android{
		display: flex;
		justify-content: center;
	}
	.dbox-application .-sp .icon-application {
		width: 60px;
		height: 60px;
		margin: 0 10px 0 0;
	}
	.dbox-application .-sp a {
		margin: 0;
	}
	.dbox-application .-sp a img {
		height: 60px;
		width: auto;
	}
	.application-text {
		max-width: 420px;
		width: 90%;
		margin: 0 auto;
		font-size: 14px;
		text-align: right;
	}
	.application-text a {
		color: #4C362D;
	}
	.application-text a:after {
		vertical-align: text-bottom;
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		background-image: url("../images/icon/icon-arrow-brown.png");
		background-size: 16px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	/* ----- SNS :) ----- */
	.tellme-sns {
		padding: 40px 0;
		background-size: 100% auto;
		background-position: center top;
		margin: 0;
		color: #4C362D;
	}
	.tellme-sns h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 24px;
		padding: 0;
		margin: 0;
	}
	.tellme-sns .sns-links {
		display: flex;
		justify-content: center;
		padding: 0;
		margin: 10px 0 0;
	}
	.tellme-sns .sns-links li {
		margin: 0 10px;
	}
	.tellme-sns .sns-links li a {
		text-decoration: none;
	}
	.tellme-sns .sns-links li img {
		width: 50px;
		height: 50px;
	}
	/* ----- 記事ヘッダー :) ----- */
	.tellme-articleHeader {
		background-image: url("../images/bg/bg-yellow.png");
		background-size: 100% auto;
		background-position: center top;
		margin: 0;
	}
	.article-MV {
		margin: 0 auto;
		width: 100%;
		display: flex;
		position: relative;
	}
	.article-MV figure {
		width: 39%;
		text-align: center;
		padding: 2.5% 0 0 0;
		margin: 0;
	}
	.article-MV figure img {
		width: 85%;
	}
	.article-MV figcaption {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
		font-size: 15px;
	}
	.article-MV .-visual {
		width: 61%;
	}
	.article-MV .-visual img {
		width: 100%;
	}
	
	.article-MV .catTag {
		display: flex;
		justify-content: center;
		position: absolute;
		top: 82%;
		left: 0;
		width: 39%;
	}
	.article-MV .catTag p {
		background-color: #88D1CD;
		color: #fff;
		font-size: 10px;
		padding: 1px 5px;
		border-radius: 2px;
		letter-spacing: 0.02em;
	}
	.article-MV .catTag p + p {
		margin-left: 4px;
	}
	.tellme-articleTitle {
		position: relative;
		text-align: center;
		padding: 13px 0;
		margin-bottom: -15px;
		box-shadow: 0 7px 12px -12px #000000;
		z-index: 5;
	}
	.tellme-articleTitle h1 {
		padding: 0;
		margin: 0;
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
		font-size: 22px;
    	line-height: 1.4;
	}
	/* ----- 記事まとめ :) ----- */
	.tellme-articleSumally {
		background-image: url("../images/bg/bg-red.png");
		background-size: 100% auto;
		background-position: center top;
		margin: 0;
		padding: 30px 0 30px;
	}
	
	.tellme-articleSumally .endTxt {
		text-align: left;
		margin: 0 5vw 5vw;
		color: #CC0033;
		font-size: 3.8vw;
		line-height: 1.6;
		font-weight: bold;
	}
	.sumally-inner {
		box-sizing: border-box;
	}
	.sumally-inner h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
		font-size: 22px;
		width: 90%;
		max-width: 420px;
		margin: 0 auto;
		padding: 20px 0 20px;
		background-image: url("../images/article/sumally-pc.png");
		background-size: 105px auto;
		background-repeat: no-repeat;
		background-position: right top;
	}
	.sumally-inner ul {
		margin: 0 auto;
		box-sizing: border-box;
		width: 90%;
		max-width: 420px;
		margin: 0 auto 20px;
		padding: 25px 30px;
		text-align: left;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0 7px 10px -12px #000000;
		position: relative;
	}
	.sumally-inner li {
		list-style: none;
		background-image: url("../images/icon/icon-check.png");
		background-size: 18px auto;
		background-repeat: no-repeat;
		background-position: left 8px;
		padding-left: 24px;
		margin-bottom: 10px;
		font-weight: bold;
		font-size: 16px;
	}
	.sumally-inner li:last-child {
		margin-bottom: 0;
	}
	.sumally-inner li a {
		color: #CC0033;
		display: block;
		padding: 5px 0;
	}
	/* ----- 記事本文 :) ----- */
	.tellme-articleSection {
		padding: 40px 0 20px;
		width: 86%;
		max-width: 420px;
		margin: 0 auto;
		color: #4C362D;
		font-size: 14px;
		line-height: 170%;
		letter-spacing: 0.05em;
	}
	.article-innerSection {
		padding: 20px 0 0;
	}
	.article-innerSection:first-child {
		padding: 0 0 0;
	}
	.tellme-articleSection h2, .tellme-articleSection h3, .tellme-articleSection h4 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		color: #4C362D;
		margin-bottom: 20px;
		text-align: center;
	}
	.tellme-articleSection h2 {
		font-size: 22px;
	}
	.tellme-articleSection h3 {
		font-size: 18px;
	}
	.tellme-articleSection h4 {
		font-size: 16px;
	}
	.tellme-articleSection p {
		margin-bottom: 20px;
	}
	.tellme-articleSection p.-small {
		font-size: 12px;
	}
	.tellme-articleSection .-imgLeft .-img, .tellme-articleSection .-imgRight .-img {
		text-align: center;
		margin-bottom: 20px;
	}
	.tellme-articleSection .-imgLeft .-img img, .tellme-articleSection .-imgRight .-img img {
		width: 60%;
	}
	.tellme-articleSection .-imgCenter {
		margin: 0 0 20px;
		text-align: center;
		padding: 0;
	}
	.tellme-articleSection .-imgCenter img {
		width: 100%;
	}
	.tellme-articleSection .-imgCenter figcaption {
		margin-top: 10px;
		font-size: 12px;
		color: #C19211;
	}
	.tellme-articleSection a {
		color: #cc0033;
	}
	.tellme-articleSection .-link, .tellme-articleSection .-blank, .tellme-articleSection .-down {
		text-align: right;
		margin-bottom: 20px;
	}
	.tellme-articleSection a {
		color: #cc0033;
	}
	.tellme-articleSection .-link a, .tellme-articleSection .-blank a, .tellme-articleSection .-down a {
		display: inline-block;
		color: #cc0033;
	}
	.tellme-articleSection .-link a:after, .tellme-articleSection .-blank a:after, .tellme-articleSection .-down a:after {
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		background-image: url("../images/icon/icon-arrow-red.png");
		background-size: 16px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	.tellme-articleSection .-blank a:after {
		background-image: url("../images/icon/icon-window.png");
	}
	.tellme-articleSection .-down a:after {
		background-image: url("../images/icon/icon-down-red.png");
	}
	.tellme-articleSection .-blankText, .tellme-articleSection .-linkText {
		color: #cc0033;
		margin-right: 5px;
	}
	.tellme-articleSection .-linkText:after, .tellme-articleSection .-blankText:after {
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		background-image: url("../images/icon/icon-arrow-red.png");
		background-size: 16px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	.tellme-articleSection .-blankText:after {
		background-image: url("../images/icon/icon-window.png");
	}
	.tellme-articleSection .-link a {
		color: #cc0033;
	}
	.tellme-articleSection .-linkCenter, .tellme-articleSection .-linkCenterSmall {
		text-align: center;
		margin-bottom: 20px;
	}
	.tellme-articleSection .-linkCenter a, .tellme-articleSection .-linkCenterSmall a {
		color: #cc0033;
	}
	.tellme-articleSection .-linkCenter a {
		font-size: 22px;
	}
	.tellme-articleSection .-button {
		margin-bottom: 20px;
	}
	.tellme-articleSection .-button a {
		display: block;
		margin: 0 auto;
		width: 80%;
		border-radius: 100px;
		padding: 10px 0;
		font-size: 16px;
		background-color: #cc0033;
		text-align: center;
		color: #fff;
		text-decoration: none;
		font-weight: bold;
	}
	.tellme-articleSection ol, .tellme-articleSection ul {
		list-style: none;
		font-size: 12px;
		margin-bottom: 20px;
	}
	.tellme-articleSection ol li, .tellme-articleSection ul li {
		margin-bottom: 10px;
	}
	.tellme-articleSection ol li:last-child, .tellme-articleSection ul li:last-child {
		margin-bottom: o;
	}
	.tellme-articleSection ol li span, .tellme-articleSection ul li span {
		padding-right: 10px;
		display: inline-block;
	}
	.tellme-articleSection .-red {
		padding-right: 0;
		color: #cc0033;
	}
	/* ----- 会話文 :) ----- */
	.tellme-articleTark {
		width: 100%;
		background-image: url("../images/bg/bg-blue.png");
		background-size: 100% auto;
		background-position: center top;
		margin: 0 auto;
		padding: 40px 0 20px;
		color: #4C362D;
	}
	.tellme-articleTark h2,
	.tellme-comicSection h2 {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		margin: 0 0 20px;
		font-size: 22px;
		padding: 0;
	}
	.tellme-articleTark .-comic {
		width: 90%;
		margin: 0 auto 20px;
	}
	.tellme-articleTark .-comic img {
		width: 100%;
		height: auto;
	}
	.talk-harai, .talk-kessai {
		width: 90%;
		max-width: 420px;
		margin: 0 auto 20px;
		display: flex;
	}
	.talk-harai {
		flex-direction: row-reverse;
	}
	.talk-harai .-icon, .talk-kessai .-icon {
		width: 20%;
	}
	.talk-harai .-icon img, .talk-kessai .-icon img {
		width: 100%;
	}
	.talk-harai .-text, .talk-kessai .-text {
		width: 85%;
		box-sizing: border-box;
		padding: 15px;
		background-color: #fff;
		border-radius: 10px;
		margin: 0;
		font-weight: bold;
		display: flex;
		align-items: center;
		position: relative;
	}
	.talk-harai .-text p, .talk-kessai .-text p {
		padding: 0;
		margin: 0;
	}
	.talk-harai .-text {
		margin-right: 5%;
	}
	.talk-kessai .-text {
		margin-left: 5%;
	}
	.talk-harai .-text:before {
		content: "";
		position: absolute;
		top: 30px;
		left: 100%;
		margin-top: -15px;
		border: 15px solid transparent;
		border-left: 15px solid #fff;
	}
	.talk-kessai .-text:before {
		content: "";
		position: absolute;
		top: 30px;
		left: -30px;
		margin-top: -15px;
		border: 15px solid transparent;
		border-right: 15px solid #fff;
	}
	.tellme-articleTark .-red {
		color: #cc0033;
	}
	.article-space {
		margin-bottom: 40px;
	}
	.tellme-like {
		width: 100%;
		background-image: url("../images/bg/bg-yellow.png");
		background-size: 100% auto;
		background-position: center top;
		margin: 0 auto;
		padding: 40px 0;
		color: #4C362D;
	}
	.tellme-like .like-header {
		width: 300px;
		height: 100px;
		margin: 0 auto 40px;
		padding: 0;
		background-image: url("../images/article/like-sp.png"), url("../images/article/whiteboard-sp.png");
		background-repeat: no-repeat;
		background-size: 115px auto, 70% 100%;
		background-position: left 10px, right top;
		position: relative;
	}
	.tellme-like .like-header h2 {
		margin: 0;
		padding: 0;
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 18px;
		position: absolute;
		top: 27px;
		right: 25px;
		text-indent: -3em;
	}
	.tellme-like #like-mark {
		width: 16px;
		height: auto;
		position: absolute;
		top: 45px;
		right: 15px;
	}
	.like-buttons {
		width: 90%;
		max-width: 420px;
		margin: 0 auto 40px;
		display: flex;
		justify-content: space-between;
	}
	.like-buttons .button-yes, .like-buttons .button-no {
		width: 48%;
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
	}
	.like-buttons .button-yes a, .like-buttons .button-no a {
		text-decoration: none;
		color: #fff;
		display: block;
		position: relative;
	}
	.like-buttons .button-yes p, .like-buttons .button-no p {
		display: block;
		margin: 0;
		padding: 8px 10px;
		background-color: #cc0033;
		border-radius: 100px;
		font-size: 16px;
		line-height: 100%;
	}
	.like-buttons .button-no p {
		background-color: #cccccc;
	}
	.like-buttons .button-yes p span, .like-buttons .button-no p span {
		display: block;
		font-size: 12px;
	}
	.like-buttons .button-yes img, .like-buttons .button-no img {
		width: 80px;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	.like-buttons .on {
		opacity: 1;
		transition: opacity .2s ease-out;
		pointer-events: none;
	}
	.like-buttons .off {
		opacity: 0.3;
		transition: opacity .2s ease-out;
		pointer-events: none;
	}
	.like-buttons .on:hover {
		opacity: 1 !important;
	}
	.like-buttons .button-yes .on p {
		box-sizing: border-box;
		border: 4px solid #5A0101;
		padding: 4px 12px;
	}
	.like-buttons .button-no .on p {
		box-sizing: border-box;
		border: 4px solid #666;
		padding: 4px 12px;
	}
	
	
	#understanding {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100vw;
		background-image: url(../images/bg/bg-yellow.png);
		background-size: 100% auto;
    	padding: 4vw 0 0;
    	z-index: 1;
	}
	#understanding p {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 4.8vw;
		margin-bottom: 3vw;
		color: #4C362D;
	}
	#understanding .like-buttons {
		margin-bottom: 4vw;
	}
	#understanding .like-buttons p {
		text-align: left;
    	padding-left: 6vw;
		color: #fff;
	}
	#understanding .like-buttons .button-yes img,
	#understanding .like-buttons .button-no img {
		width: 18vw;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	
	.article-tellers {
		box-sizing: border-box;
		max-width: 420px;
		width: 90%;
		margin: 0 auto;
		padding: 20px 0;
		text-align: left;
		font-size: 16px;
		border-radius: 20px;
		background-color: #fff;
		box-shadow: 0 7px 10px -12px #000000;
	}
	.article-tellers h3 {
		width: 100%;
		margin: 0 auto 20px;
		padding: 0;
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		font-size: 22px;
	}
	.article-tellers .tellers-list .-teller {
		width: 90%;
		margin: 0 auto 20px;
		display: flex;
		justify-content: space-between;
	}
	.article-tellers .tellers-list .-teller:last-child {
		margin: 0 auto;
	}
	.article-tellers .tellers-list .-teller figure {
		width: 80px;
		height: 80px;
		margin-right: 20px;
	}
	.article-tellers .tellers-list .-teller img {
		width: 100%;
	}
	.article-tellers .tellers-list .-teller dl {
		padding: 0;
		margin: 0;
		-webkit-flex: 1;
		flex: 1;
	}
	.article-tellers .tellers-list .-teller dt {
		font-weight: bold;
		font-size: 16px;
	}
	.article-tellers .tellers-list .-teller dd {
		padding: 0;
		margin: 0;
		font-size: 14px;
	}
	.-shopList {
		display: flex;
		flex-wrap: wrap;
	}
	.-shopList figure {
		width: 48%;
		text-align: center;
		margin: 0 1% 20px;
		height: 80px;
	}
	.-shopList figure a {
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #ccc;
		position: relative;
	}
	.-shopList figure img {
		width: 100px;
		height: auto;
	}
	.-shopList figure span {
		position: absolute;
		bottom: 3px;
		right: 3px;
		font-size: 12px;
		color: #999;
		line-height: 100%;
	}
	
	
	
	.tellme-articleTark h2.quizTtl,
	.tellme-comicSection h2.quizTtl {
		font-size: 24px;
		margin-bottom: 10px;
    	color: #4C362D;
	}
	.tellme-articleTark h2.quizTtl span {
		color: #cc0033;
	}
	.tellme-articleTark .-comic,
	.answer .-comic {
		width: 86%;
    	margin: 0 auto 15px;
	}
	.tellme-comicSection {
		width: 86%;
    	margin: 0 auto;
	}
	.tellme-comicSection .-comic {
		width: 100%;
    	margin: 0 auto 30px;
	}
	.tellme-articleTark .-comic img,
	.answer .answerImg img {
		width: 100%;
		height: auto;
	}
	.tellme-comicSection .-comic img {
		width: 100%;
		height: auto;
	}
	.answer {
		width: 86%;
    	margin: 0 auto 60px;
	}
	.answer .answerWrap {
    	width: 100%;
	}
	
	.answer .answerImg {
		max-width: 520px;
		margin: 0 auto 30px;
	}
	.answer .comment {
		margin-bottom: 60px;
	}
	.answer .comment p {
		font-size: 14px;
		line-height: 1.8;
		margin-bottom: 20px;
	}
	.answer .comment p:last-child {
		margin-bottom: 0;
	}
	.answer .comment .-link {
    	text-align: right;
	}
	.answer .comment .-link a {
    	color: #cc0033;
		font-size: 14px;
	}
	.answer .comment .-link a::after {
		display: inline-block;
		width: 20px;
		height: 20px;
		content: "";
		background-image: url(../images/icon/icon-arrow-red.png);
		background-size: 18px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 4px;
	}
	.answer .comment .-blank {
		text-align: right;
		margin-bottom: 20px;
	}
	.answer .comment .-blank a {
		display: inline-block;
		color: #cc0033;
	}
	.answer .comment .-blank a:after {
		display: inline-block;
		width: 18px;
		height: 18px;
		content: "";
		background-image: url(../images/icon/icon-window.png);
		background-size: 16px auto;
		background-repeat: no-repeat;
		background-position: center center;
		vertical-align: text-top;
		margin-left: 3px;
	}
	
	.result {
		padding-top: 0;
	}
	.scoreHead {
		background-color: #fff;
		padding: 20px 8% 0;
		margin-bottom: 30px;
	}
	.scoreHead p {
		font-family: heisei-maru-gothic-std, sans-serif;
		font-weight: 800;
		font-style: normal;
		text-align: center;
		margin: 0;
		font-size: 24px;
		padding: 0;
	}
	.scoreHead p span {
    	color: #cc0033;
	}
	
	.-comic {
		position: relative;
	}
	.answerBtn {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.answerBtn.type01 li {
		position: absolute;
		height: 8.4%;
		width: 51.8%;
		right: 10.7%;
	}
	.answerBtn.type01 li.answerBtn01 { top: 46.5%; }
	.answerBtn.type01 li.answerBtn02 { top: 59%;}
	.answerBtn.type01 li.answerBtn03 { top: 71.5%;}
	.answerBtn.type01 li.answerBtn04 { top: 84.1%;}
	
	.answerBtn.type02 li {
		position: absolute;
		height: 15.4%;
		width: 51.8%;
		right: 10.7%;
	}
	.answerBtn.type02 li.answerBtn01 { top: 9.4%;}
	.answerBtn.type02 li.answerBtn02 { top: 31.4%;}
	.answerBtn.type02 li.answerBtn03 { top: 53.3%;}
	.answerBtn.type02 li.answerBtn04 { top: 75.2%;}
	
	.answerBtn li a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.answerNote {
		width: 86%;
		margin: 0 auto;
		font-size: 12px;
		color: #cc0033;
	}
}

/* ------------------------------------------------------ */
/* End */
/* ------------------------------------------------------ */