/* ---------- ---------- ---------- ---------- ---------- */
.section-index .tamatebako-index-list {
		list-style: none;
		margin: 0;
		padding: 0;
}

/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
/* ---------- ---------- ---------- ---------- ---------- */
.page-tamatebako .page-head .kv {
		background-image: url(../img/kv_saijiki.jpg);
}

.tamatebako-backnumber .page-head .kv {
		background-image: url(../img/kv_saijiki.jpg);
}

.tamatebako-syllabary .page-head .kv {
		background-image: url(../img/kv_saijiki.jpg);
}

.tamatebako-single .page-head .kv {
		background-image: url(../img/kv_saijiki.jpg);
}

.section-introduction {
		margin-bottom: 80px;
}

.section-introduction .description {
		/*margin-top: 3em;*/
}

.section-introduction:after {
		content: "";
		display: block;
		clear: both;
}

.section-introduction .section-title {
		float: left;
		margin-right: 20px;
}

.section-introduction .section-body {
		overflow: hidden;
		margin: 0 auto;
		/*padding-top: 120px;*/
		padding-top: 60px;
		max-width: 850px;
}

@media (max-width: 670px) {
		.section-introduction .section-title {
				margin-right: 10px;
		}
		.section-introduction .section-body {
				padding-top: 60px;
		}
}

.section-index {
		margin: 0 auto 130px;
}

.section-index .tamatebako-index-list {
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		justify-content: space-between;
}

@media (max-width: 670px) {
		.section-index .tamatebako-index-list {
				display: block;
		}
}

.section-index .tamatebako-index-item {
		flex-basis: 48%;
		height: 110px;
}

.section-index .tamatebako-index-item a {
		position: relative;
		display: block;
		margin-bottom: 20px;
		padding: 30px 20px 10px;
		height: 100%;
		border: 1px solid #c1cbd1;
		background: #c1cbd1;
		color: #575757;
		text-align: center;
}

.section-index .tamatebako-index-item a:after {
		content: "";
		position: absolute;
		bottom: 15px;
		left: 50%;
		display: block;
		margin-left: -12px;
		width: 24px;
		height: 12px;
		background: url(../img/icon_product_arrow.svg) no-repeat center;
		background-size: contain;
}

.section-index .tamatebako-index-item.is-active a {
		background: #c1cbd1;
}

.section-index .tamatebako-index-icon {
		margin-right: .5em;
		margin-bottom: 0;
}

.section-index .tamatebako-index-title {
		font-size: 22px;
		font-weight: bold;
}

@media screen and (max-width: 930px) {
		.section-index .tamatebako-index-item {
				margin-bottom: 10px;
				height: auto;
		}
		.section-index .tamatebako-index-item a {
				padding-top: 20px;
		}
		.section-index .tamatebako-index-icon {
				width: 45px;
		}
		.section-index .tamatebako-index-title {
				font-size: 18px;
		}
}

@media (max-width: 670px) {
		.section-index {
				margin: 0 0 60px;
		}
		.section-index .tamatebako-index-item a {
				text-align: left;
		}
		.section-index .tamatebako-index-item a:after {
				right: 10px;
				bottom: 50%;
				left: auto;
				margin-bottom: -9px;
				margin-left: 0;
				width: 18px;
				height: 18px;
				background: url(../img/icon_arrow.svg) no-repeat center;
		}
}

.tamatebako-backnumber .section-index,
.tamatebako-syllabary .section-index {
		/*margin-top: 120px;*/
		margin-top: 60px;
		max-width: 500px;
}

.tamatebako-backnumber .tamatebako-index-item,
.tamatebako-syllabary .tamatebako-index-item {
		flex-basis: 100%;
}

.tamatebako-syllabary .tab-body {
		margin: 0 auto;
		max-width: 700px;
}

/*# sourceMappingURL=tamatebako.css.map */