@charset "utf-8";


#main {
}


/* ページタイトルここから */
#main_head_ttl {
	width: 100%;
	height: 85px;
	position: relative;
}

#main_head_ttl img {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#main_head_ttl2 {
	width: 100%;
	height: 85px;
	position: relative;
}

#main_head_ttl2 img {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

#main_head_ttl3 {
	width: 100%;
	height: 85px;
	position: relative;
}

#main_head_ttl3 img {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
/* ページタイトルここまで */


/* サキ読み説明ここから */
#setsumei {
	width: 100%;
}

#setsumeiIn1 {
	float: left;
	color: #bd7a3a;
	font-size: 1.6rem;
	font-weight: bold;
}

#setsumeiIn2 {
	float: right;
	margin-bottom: -8px;
}

#setsumeiIn2 img {
	margin-left: 18px;
}
/* サキ読み説明ここまで */


/* サキ読みについてここから */
#sakiinfo {
	margin-top: 14px;
}

.sakiinfo_dtlIn {
	text-align: left;
}

#sakiinfo_dtlIn1 {
	font-size: 1.5rem;
}

#sakiinfo_dtlIn2 {
	font-size: 1.3rem;
	margin-top: 20px;
}

#sakiinfo_dtlIn2 a {
	text-decoration: underline;
}

#sakiinfo_dtlIn2 a:hover {
	text-decoration: underline;
	opacity: 0.5;
}

.sakiinfospan1 {
	color: #bd7a3a;
	font-weight: bold;
}

.sakiinfospan2 {
	color: #436c8f;
	font-weight: bold;
}
/* サキ読みについてここまで */


/* サキ読みリストここから */
#sakibooks {
	margin: 12px 0px;
}

.sakibooksno {
	margin: 40px 0px;
	font-size: 1.5rem;
}

.main_dtlIn {
}

.main_dtlInul {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:100%;
}

.sakibooks_left {
	width:25%;
	list-style:none;
}

.sakibooks_left a:hover {
	text-decoration: none;
	opacity: 0.5;
}

.sakibookschk {
	position: relative;
	width: 140px;
	height: 42px;
	margin: 20px auto;
	background: url(../imgs/sakibooks/sbkchkbg_pc.png);
	background-repeat: no-repeat;
	text-align: left;
	cursor: pointer;
}

.sakibookschk:hover {
	opacity: 0.5;
}

.sakibookschk_checkbox {
	top: 11px;
	left: 11px;
	position: absolute;
}

.sakibookslabel {
	cursor: pointer;
}

.sakibooks_right {
	width:72%;
	padding-right: 30px;
	text-align: left;
}

.sakibookstokki {
	font-size: 1.5rem;
	font-weight: bold;
	color: #ed8d2d;
}

.sakibooksttl {
	margin-top: 10px;
	font-size: 2.0rem;
	font-weight: bold;
}

.sakibookschosha {
	margin: 20px 0px;
	font-size: 1.5rem;
}

.sakibooksdtl {
	font-size: 1.5rem;
}

.sakibooks_morelabel {
	display: none;
}
/* サキ読みリストここまで */


/* フォームへのボタンここから */
#sakibookstoform {
	margin: 30px 0px;
	cursor: pointer;
}
/* フォームへのボタンここまで */


/* 立ち読みここから */
#tachiyomi {
	margin-top: 15px;
}

.tachiyomi_dtlIn {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width: 100%;
	margin: 0 auto;
}

.tachiyomi_dtlInlist {
	width: 250px;
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
	padding-bottom: 33px;
	position:relative; 
}

.tachiyomi_dtlInlist:nth-child(4n) {
	border-right: 0px;
}

.tachiyomi_dtlInlist:nth-child(n + 5) {
	box-sizing: border-box;
	border-top: 1px solid #e5e5e5;
}

.tachiyomi_dtlInlistIn1 {
	height: 100%;
    box-sizing: border-box;
padding-bottom: 33px;
}

.tachiyomi_dtlInlistIn1 a {
	display: block;
	padding: 20px 10px 16px 10px;
	height: 100%;
}

.tachiyomi_dtlInlistIn1 a:hover {
	text-decoration: none;
	opacity: 0.5;
}

.tachiyomi_dtlInlist_tokki {
	color: #ff7e02;
}

.tachiyomi_dtlInlistIn2 {
	width: 100%;
	position:absolute; 
	bottom:0;
	padding-bottom: 10px;
}

#tachiyomi_next {
	text-align: right;
	margin-top: 10px;
}
/* 立ち読みここまで */


/* SNSボタンここから */
#tosns {
	text-align: right;
	/*margin-top: -10px;*/
	margin-top: 10px;
}

#tosns img {
	margin-left: 18px;
	vertical-align: middle;
}
/* SNSボタンここまで */


.listbook {
	max-width: 110px;
	height: auto;
	margin: 10px 0px;
}

.sakibooksbook {
	max-width: 149px;
	height: auto;
	vertical-align: middle;
}

.main_ttl {
	background: url(../common/imgs/h3_ttlbg_pc.png),#f4f4f3;
	background-repeat: no-repeat;
	background-position: left center;
	padding: 10px 10px 10px 20px;
	text-align: left;
	font-size: 1.8rem;
	font-weight: bold;
}

.main_ttl2 {
	text-align: left;
	font-size: 1.5rem;
	font-weight: bold;
}

.main_dtl {
	margin: 12px 0px 20px 0px;
}

.sakibooks_hr {
	width: 100%;
	height: 1px;
	background: #bfbeb9;
	border: none;
	color: #bfbeb9;
}

/* この本を～ここから */
.morebook {
	max-width: 110px;
	height: auto;
	margin: 10px 0px;
}

.main_contents_kochiramo {
	margin-top: 20px;
}

#main_contents_kochiramoIn {
	width: 100%;
	margin: 0 auto;
}

#main_contents_kochiramo_ttl h2  {
	font-size: 2.2rem;
	font-weight: bold;
}

.main_contents_kochiramo_dtl {
    width: 100vw;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

.main_contents_kochiramo_dtlIn {
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
    width: 100%;
	margin: 0 auto;
}


.main_contents_kochiramo_dtlInlist {
	/*width: 250px;*/
	width: 200px;
	box-sizing: border-box;
	border-right: 1px solid #e5e5e5;
	/*background: #f9f9f9;*/
	position:relative;
}

.main_contents_kochiramo_dtlInlist:nth-child(4n) {
	/*border-right: 0px;*/
}
.main_contents_kochiramo_dtlInlist:nth-child(6n) {
	border-right: 0px;
}
.main_contents_kochiramo_dtlInlist:last-child {
	border-right: 0px;
}

.main_contents_kochiramo_dtlInlistR {
	width: 200px;
}

.shinkan_dtlInlist2 {
	width: 250px;
	box-sizing: border-box;
	border-top: 1px solid #e5e5e5;
	padding-bottom: 33px;
	position:relative; 
}

.main_contents_kochiramo_dtlInlistIn {
	height: 100%;
}

.main_contents_kochiramo_dtlInlistIn a {
	display: block;
	padding: 20px 10px 16px 10px;
	/*height: 100%;*/
}

.main_contents_kochiramo_dtlInlistIn a:hover {
	text-decoration: none;
	opacity: 0.5;
}

.main_contents_kochiramo_tokki {
	color: #ff7e02;
}
/* この本を～ここまで */

@media screen and (max-width: 768px) {
	#main {
	}


	/* ページタイトルここから */
	#main_head_ttl {
		width: 100%;
		height: 60px;
		position: relative;
	}

	#main_head_ttl img {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 92px;
	}

	#main_head_ttl2 {
		width: 100%;
		height: 60px;
		position: relative;
	}

	#main_head_ttl2 img {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 290.5px;
	}

	#main_head_ttl3 {
		width: 100%;
		height: 60px;
		position: relative;
	}

	#main_head_ttl3 img {
		position: absolute;
		display: block;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		max-width: 290.5px;
	}
	/* ページタイトルここまで */


	/* サキ読み説明ここから */
	#setsumei {
		width: 90%;
		margin: 0 auto;
		padding-bottom: 0px;
	}

	#setsumeiIn1 {
		width: 100%;
		float: left;
		color: #bd7a3a;
		font-size: 1.4rem;
		font-weight: bold;
		text-align: left;
	}

	#setsumeiIn2 {
		margin-top: 10px;
		margin-bottom: 0px;
		width: 100%;
		float: right;
		text-align: right;
	}

	#setsumeiIn2 img {
		margin-left: 9px;
		width: 40px;
		vertical-align: middle;
	}
	/* サキ読み説明ここまで */


	/* サキ読みについてここから */
	#sakiinfo {
		width: 90%;
		margin: 0 auto;
		margin-top: 17px;
	}

	.sakiinfo_dtlIn {
		text-align: left;
	}

	#sakiinfo_dtlIn1 {
		font-size: 1.5rem;
	}

	#sakiinfo_dtlIn2 {
		font-size: 1.2rem;
		margin-top: 20px;
	}

	#sakiinfo_dtlIn2 a {
		text-decoration: underline;
	}

	#sakiinfo_dtlIn2 a:hover {
		text-decoration: underline;
		opacity: 1;
	}

	.sakiinfospan1 {
		color: #bd7a3a;
		font-weight: bold;
	}

	.sakiinfospan2 {
		color: #436c8f;
		font-weight: bold;
	}
	/* サキ読みについてここまで */


	/* サキ読みリストここから */
	#sakibooks {
		width: 90%;
		margin: 15px auto;
	}

	.sakibooksno {
		margin: 40px auto;
		font-size: 1.4rem;
	}

	.main_dtlIn {
	}

	.main_dtlInul {
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width:100%;
	}

	.sakibooks_left {
		width:100%;
		list-style:none;
	}

	.sakibooks_left a:hover {
		text-decoration: none;
		opacity: 1;
	}

	.sakibookschk {
		position: relative;
		width: 95px;
		height: 30px;
		margin: 20px auto;
		background: url(../imgs/sakibooks/sbkchkbg_sp.png);
		background-size: 95px 30px;
		background-repeat: no-repeat;
		text-align: left;
		cursor: pointer;
	}

	.sakibookschk:hover {
		opacity: 1;
	}

	.sakibookschk_checkbox {
		top: 5.5px;
		left: 5.5px;
		position: absolute;
	}

	.sakibookslabel {
		display: none;
	}

	.sakibooks_right {
		width:100%;
		padding-right: 0px;
		text-align: left;
	}

	.sakibookstokki {
		font-size: 1.4rem;
		font-weight: bold;
		color: #ed8d2d;
	}

	.sakibooksttl {
		margin-top: 10px;
		font-size: 1.8rem;
		font-weight: bold;
	}

	.sakibookschosha {
		margin: 10px 0px;
		font-size: 1.4rem;
	}

	.sakibooksdtl {
		font-size: 1.4rem;
	}

	.sakibooks_morelabel {
		display: block;
		float: right;
		max-width: 77px;
		margin-top: 10px;
	}

	.sakibooks_morelabel img {
		width: 100%;
		vertical-align: middle;
	}
	/* サキ読みリストここまで */


	/* フォームへのボタンここから */
	#sakibookstoform {
		margin: 20px 0px;
		cursor: pointer;
	}

	#sakibookstoform img {
		max-width: 280px;
	}
	/* フォームへのボタンここまで */


	/* 立ち読みここから */
	#tachiyomi {
		width: 90%;
		margin: 0 auto;
		margin-top: 10px;
	}

	.tachiyomi_dtlIn {
		display:-webkit-box;
		display:-moz-box;
		display:-ms-box;
		display:-webkit-flexbox;
		display:-moz-flexbox;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:-ms-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		width: 100%;
		margin: 0 auto;
	}

	.tachiyomi_dtlInlist {
		width: 50%;
		box-sizing: border-box;
		border-right: 1px solid #e5e5e5;
		padding-bottom: 33px;
		position:relative; 
	}

	.tachiyomi_dtlInlist:nth-child(4n) {
		border-right: 1px solid #e5e5e5;
	}

	.tachiyomi_dtlInlist:nth-child(n + 5) {
		box-sizing: border-box;
		border-top: 1px solid #e5e5e5;
	}

	.tachiyomi_dtlInlistIn1 {
		height: 100%;
	}

	.tachiyomi_dtlInlist:nth-child(2n) {
		border-right: 0px;
	}

	.tachiyomi_dtlInlist:nth-child(n + 3) {
		box-sizing: border-box;
		border-top: 1px solid #e5e5e5;
	}

	.tachiyomi_dtlInlistIn1 a {
		display: block;
		padding: 20px 10px 16px 10px;
		height: 100%;
	}

	.tachiyomi_dtlInlistIn1 a:hover {
		text-decoration: none;
		opacity: 1;
	}

	.tachiyomi_dtlInlist_tokki {
		color: #ff7e02;
	}

	.tachiyomi_dtlInlistIn2 {
		width: 100%;
		position:absolute; 
		bottom:0;
		padding-bottom: 10px;
	}

	.tachiyomi_dtlInlistIn2 img {
		max-width: 85px;
	}

	#tachiyomi_next {
		text-align: right;
		margin-top: 30px;
	}

	#tachiyomi_next img {
		width: 50%;
		max-width: 170px;
	}
	/* 立ち読みここまで */


	/* SNSボタンここから */
	#tosns {
		width: 90%;
		margin: 10px auto 0;
		text-align: right;
	}

	#tosns img {
		margin-left: 9px;
		vertical-align: middle;
		width: 40px;
	}
	/* SNSボタンここまで */


	.listbook {
		max-width: 110px;
		height: auto;
		margin: 10px 0px;
	}

	.sakibooksbook {
		width: 110px;
		height: auto;
		vertical-align: middle;
	}

	.main_ttl {
		background: url(../common/imgs/h3_ttlbg_sp.png),#f4f4f3;
		background-size: 12.5px 9px;
		background-repeat: no-repeat;
		background-position: left center;
		padding: 5px 10px 5px 18px;
		text-align: left;
		font-size: 1.5rem;
		font-weight: bold;
	}

	.main_ttl2 {
		text-align: left;
		font-size: 1.4rem;
		font-weight: bold;
	}

	.main_dtl {
		margin: 6px 0px 10px 0px;
	}

	.sakibooks_hr {
		width: 90%;
		height: 1px;
		background: #bfbeb9;
		border: none;
		color: #bfbeb9;
	}

	/* この本を～ここから */
	.morebook {
		max-width: 110px;
		height: auto;
		margin: 10px 0px;
	}

	.main_contents_kochiramo {
		/*width: 90%;*/
        width: 100%;
		margin: 0 auto;
		margin-top: 10px;
	}

	#main_contents_kochiramoIn {
		width: 100%;
		margin: 0 auto;
	}

	#main_contents_kochiramo_ttl h2 {
		font-size: 1.6rem;
		font-weight: bold;
	}

	.main_contents_kochiramo_dtl {
		width: 100vw;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
	}

    .main_contents_kochiramo_dtlIn {
        display:-webkit-box;
        display:-moz-box;
        display:-ms-box;
        display:-webkit-flexbox;
        display:-moz-flexbox;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:-moz-flex;
        display:-ms-flex;
        display:flex;
        -webkit-box-lines:multiple;
        -moz-box-lines:multiple;
        -webkit-flex-wrap:wrap;
        -moz-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        width: 1000px;
        margin: 0 auto;
    }

	.main_contents_kochiramo_dtlInlist {
		/*width: 50%;*/
        width: calc(100% / 5);
		box-sizing: border-box;
		border-right: 1px solid #e5e5e5;
		/*background: #f9f9f9;*/
		position:relative; 
	}

	.main_contents_kochiramo_dtlInlist:nth-child(2n) {
		/*border-right: 0px;*/
	}

    .main_contents_kochiramo_dtlInlist:nth-child(6n) {
        border-right: 0px;
    }
    .main_contents_kochiramo_dtlInlist:last-child {
        border-right: 0px;
    }

    .main_contents_kochiramo_dtlInlistR {
        width: calc(100% / 5);
    }
	.main_contents_kochiramo_dtlInlistIn {
		height: 100%;
	}

	.main_contents_kochiramo_dtlInlistIn a {
		display: block;
		padding: 20px 10px 16px 10px;
		/*height: 100%;*/
	}

	.main_contents_kochiramo_dtlInlistIn a:hover {
		text-decoration: none;
		opacity: 1;
	}

	.main_contents_kochiramo_tokki {
		color: #ff7e02;
	}
	/* この本を～ここまで */

}