@charset "utf-8";
/*
 * 書籍 page-id-112
 *
 */
/*
 * ページ内共通
 */
/*
 * KV周辺
 */
.page-id-112 .kv_background {
  --left-color: #fdfcfa;
  --right-color: #fdfcfa;
  /* 背景色をグラデーションにして、KVの画像の切れ目を見えなくする */
  background: -webkit-gradient(linear, left center, right center, color-stop(0.50, var(--right-color)), color-stop(0.50 var(--left-color)));
  background: -webkit-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -moz-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -o-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -ms-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: linear-gradient(to right, var(--left-color) 50%, var(--right-color) 50%);
}
/* 画像を中央に揃える */
.page-id-112 .kv {
  margin: 0px -480px; /* 左右marginは((画像横幅 - 960) / 2)にする */
}
/* ページ背景 */
.page-id-112 .site-content {
  background-color: #f2f1ed;
}
/*
 * 書籍・カレンダー関連
 */
/* 書籍等タイトル */
.page-id-112 .container > div.item .title {
  font-size: 20px;
  font-weight: bold;
}
/* 書籍等著者 */
.page-id-112 .container > div.item .author {
  font-size: 12px;
}
/* 書籍等説明 */
.page-id-112 .container > div.item .desc {
  font-size: 14px;
}
/* 説明内見出し */
.page-id-112 .container > div.item .desc h3 {
  margin: 0px;
  font-size: 14px;
  font-weight: bold;
}
/* 画像のベースラインを上下中央へ */
.page-id-112 .container .pics{
	width: 298px;
}
.page-id-112 .container .pics img {
	width: 100%;
	height: auto;
  vertical-align: middle;
}
/* 購入ページへボタンの上下マージン */
.page-id-112 .container .single .bears_button {
  margin: 35px 0px;
	background: #e4007f;
}
/* 購入ページへボタンの上下マージン */
.page-id-112 .container .double .bears_button {
  margin: 16px 0px;
	background: #e4007f;
}
.page-id-112 .container .double .bears_button .button_text,
.page-id-112 .container .single .bears_button .button_text{
	color: #fff;
}
/* 書籍・カレンダーの白箱のコンテナ */
.page-id-112 .container {
  display: flex;
  flex-wrap: wrap;
}
/* 白箱 */
.page-id-112 .container > div.item {
  background-color: #ffffff;
  padding: 40px;
  margin-bottom: 20px;
}
/* singleの白箱 */
.page-id-112 .container > div.item.single {
  width: 100%;
  display: flex;
}
/* タイトルエリアの幅を決める */
.page-id-112 .container > div.item.single .title_area {
  width: max-content;
}
/* single内右側 */
.page-id-112 .container > div.item.single .right {
  /* 上下中央揃え、左にマージン */
  margin: auto 0px auto 35px;
}
/* doubleの白箱 */
.page-id-112 .container > div.item.double {
  width: 470px;
}
/* doubleの白箱（左側） */
.page-id-112 .container > div.item.double.left {
  margin-right: auto;
}
/* doubleの白箱（左側） */
.page-id-112 .container > div.item.double.right {
  margin-left: auto;
}
/* double内の上側 */
.page-id-112 .container > div.item.double .top {
  display: flex;
  margin-bottom: 16px;
}
/* double内のタイトルエリア */
.page-id-112 .container > div.item.double .title_area {
  margin: auto 0px auto 16px;
}
/*
 *  * リンク
 *   */
/* 前コンテンツとのマージン */
.links {
  margin-top: 52px;
  margin-bottom: 90px;
}
.links .link-item {
  margin-bottom: 40px;
}
/* 説明文フォント */
.links .text {
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
}
.links .text .sp{
	display: none;
}


@media screen and (max-width: 767px) {
	h2{
		font-size: 16px;
		margin: 20px 37px 10px;
	}
	.kv,
	.kv_container{
		width: 100%;
	}
	.page-id-112 .kv{
		margin: 0;
	}
	.kv_container .pc{
		display: none;
	}
	.kv_container .sp{
		display: block;
	}
	.page-id-112 .container{
		padding: 0 37px;
	}
	.page-id-112 .container > div.item.single,
	.page-id-112 .container > div.item{
		display: block;
		padding: 30px 20px;
	}
	.page-id-112 .container > div.item.double,
	.page-id-112 .container > div.item.single .title_area,
	.page-id-112 .container > div.item.single .right,
	.page-id-112 .container > div.item.double .top{
		display: block;
		width: 100%;
	}
	.page-id-112 .container > div.item.single .right,
	.page-id-112 .container > div.item.double .title_area{
		margin: 17px 0 0;
	}

	.page-id-112 .container > div.item .title{
		font-size: 16px;
	}
	.page-id-112 .container > div.item .author{
		margin-top: 7px;
		font-size: 10px;
	}
	.page-id-112 .container .pics{
		width: 177px;
		margin: 0 auto;
		text-align: center;
	}

	.page-id-112 .container .double .bears_button,
	.page-id-112 .container .single .bears_button{
		margin: 22px auto 20px;
	}

	.links{
		margin-top: 20px;
		margin-bottom: 0;
	}
	.links .text .sp{
		display: block;
	}
}