@charset "utf-8";

/* 書店様向け情報 ===================================== */
section#forStore {
	/* padding-top: 210px;
	margin-top: -210px; */
	/* background-color: #CCC; */
}

section#forStore {
	padding: 220px 0px 0;
	padding: 240px 0px 0;
	/* background-color: #AAA; */
}

@media screen and (max-width:630px) {
	section#forStore {
		/* padding: 64px 0px 20px; */
		padding: 90px 0px 0;
	}
}

@media screen and (max-width:430px) {
	section#forStore {
		/* padding: 50px 0px 20px; */
	}
}

@media screen and (max-width:630px) {
	section#forStore {
		/* padding-top: 100px;
		margin-top: -100px;
		padding-top: 90px;
		margin-top: -90px; */
	}
}

@media screen and (max-width:430px) {
	section#forStore {
		/* padding-top: 60px;
		margin-top: -60px; */
	}
}

/* ### リンクカラー ### */
section#forStore a:link {
	color: #FFF;
	color: #000;
	text-decoration: underline;
}
section#forStore a:visited {
	color: #FFF;
	color: #000;
	color: #222;
	text-decoration: underline;
}
section#forStore a:hover {
	color: #F70;
	color: #F60;
	text-decoration: underline;
}
section#forStore a:active {
	color: #F00;
	text-decoration: underline;
}

section#forStore .secH2 {
	padding-bottom: 101px;
	padding-bottom: 54px;
}

section#forStore section#chumon .secH3,
section#forStore section#POP .secH3,
section#forStore section#zosatsu .secH3 {
	display: block;
	text-align: left;
	font-size: 1.6rem;
	/*font-weight: normal;*/
	line-height: 1;
	margin: 0;
	padding: 0 0 0px 0;
	/* background-color: #DDD; */
}

section#forStore section#chumon .secH3 {
	margin-left: -10px;
	padding: 0 0 38px 0;
}

section#forStore section#POP .secH3 {
	margin-left: -3px;
	padding: 0 0 28px 0;
	padding: 0 0 32px 0; /* 検索ボックス無し */
	padding: 4px 0 32px 0;
	/* background-color: #AAA; */
}

section#forStore section#zosatsu .secH3 {
	margin-left: -1px;
	padding: 0 0 33px 0;
}


/* ページ内ナビゲーション ==================================== */
section#forStore nav#fsNav {
	width: 59.93%;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 43px;
	/* background-color: #DDD; */
}

section#forStore nav#fsNav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

section#forStore nav#fsNav li {
	width: 184px;
	width: 28.22%;
	padding: 4px 0;
	text-align: center;
	letter-spacing: 0.1em;
	line-height: 1;
	color: #FFF;
	background-color: #5A5A5A;/*  */
}

/* #fsNav li:last-child {
	border-right: none;
} */
section#forStore nav#fsNav a:link {
	color: #FFF;
	text-decoration: underline;
	text-decoration: none;
}
section#forStore nav#fsNav a:visited {
	color: #FFF;
	text-decoration: underline;
	text-decoration: none;
}
section#forStore nav#fsNav a:hover {
	color: #F60;
	color: #F90;
	text-decoration: underline;
}
section#forStore nav#fsNav a:active {
	color: #F00;
	text-decoration: underline;
}

@media screen and (max-width:400px) {
	section#forStore nav#fsNav {
		width: 100%;
		width: 59.93%;
		max-width: 160px;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 43px;
		margin-bottom: 24px;
		background-color: #DDD;/*  */
	}
	section#forStore nav#fsNav ul {
		display: block;
	}
	section#forStore nav#fsNav li {
		width: 184px;
		width: 28.22%;
		width: auto;
		margin-bottom: 10px;
		padding: 4px 0;
		text-align: center;
		font-size: 1.3rem;
		letter-spacing: 0.1em;
		line-height: 1;
		color: #FFF;
		background-color: #5A5A5A;/*  */
	}
	section#forStore nav#fsNav li:last-child {
			margin-bottom: 0px;
	}/*  */
}


/* fsBox ================================================ */
.fsBox {
	width: 880px;
	width: 80.88%;
	margin: 0px auto 40px;
	margin: 0px auto 56px;
	height: auto;
	/*max-height: 160px;
	overflow: auto;*/
	border: solid #B4B4B4 1px;
	padding: 56px 64px 32px;
	padding: 56px 5.88% 32px; /* 5.88≒64÷1088×100 */
	background-color: #FFF;
	/*scrollbar-base-color: #ff0000;
	scrollbar-track-color: #ff0000;*/
}

section#forStore section#chumon div.fsBox {
	/* margin-top: 180px; */
	padding: 56px 78px 91px 78px;
	padding: 56px 7.17% 91px 7.17%;
}

section#forStore section#POP div.fsBox {
	padding: 52px 71px 58px 71px;
	padding: 52px 6.53% 58px 6.53%;
	padding: 58px 6.53% 58px 6.53%; /* 検索ボックス無し */
}

section#forStore section#POP div.fsBoxS {
	padding: 52px 71px 58px 71px;
	padding: 58px 6.53% 58px 6.53%; /* 検索ボックス無し */
	padding: 52px 55px 58px 71px;
	padding: 58px 5.06% 58px 6.53%; /* 検索ボックス無し */
	padding: 58px 0% 58px 6.53%; /* 検索ボックス無し */
}

section#forStore section#zosatsu div.fsBox {
	padding: 55px 69px 55px 69px;
	padding: 55px 6.34% 55px 6.34%;
}

/*@media screen and (max-width:830px) {
	.fsBox {
		padding: 40px 5.88% 16px;
	}
}*/


/* 注文書 ================================================ */
section#forStore section#chumon {
	margin-top: -180px;
	padding-top: 180px;
}

@media screen and (max-width:630px) {
	section#forStore section#chumon {
		margin-top: -80px;
		padding-top: 80px;
	}
}

@media screen and (max-width:400px) {
	section#forStore section#chumon {
		margin-top: -70px;
		padding-top: 70px;
	}
}

section#forStore section#chumon dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.2em;
}

section#forStore section#chumon dl:last-child {
	margin-bottom: 0;
}

section#forStore section#chumon dt {
	margin-right: 1em;
}

section#forStore section#chumon dd span {
	display: inline-block;
}

section#forStore section#chumon dd span.shurui {
	width: auto;
	width: 15em;
	padding: 3px 0;
	text-align: center;
	letter-spacing: 0.03em;/*  */
	font-size: 1.3rem;
	line-height: 1;
	color: #FFF;
	background-color: #231815;/*  */
}

@media screen and (max-width:1000px) {
	section#forStore section#chumon dd span {
		display: block;
	}
}

@media screen and (max-width:630px) {
	section#forStore section#chumon .secH3 {
		margin-left: 0px;
		padding: 0 0 16px 0;
		font-size: 1.5rem;
	}
	section#forStore section#chumon dl {
		display: block;
	}
	section#forStore section#chumon div.fsBox {
		width: 880px;
		width: 80.88%;
		margin: 0px auto 92px;
		margin: 0px auto 13.65%;
		padding: 14px 20px 6px;
		padding: 28px 24px 24px;
		font-size: 1.2rem;
		font-size: 1.3rem;
	}
	section#forStore section#chumon dd span.shurui {
		font-size: 1.3rem;
		font-size: 1.2rem;
		line-height: 1;
	}
}


/* POP ================================================= */
section#forStore section#POP {
	margin-top: -180px;
	padding-top: 180px;
}

@media screen and (max-width:630px) {
	section#forStore section#POP {
		margin-top: -80px;
		padding-top: 80px;
	}
}

@media screen and (max-width:400px) {
	section#forStore section#POP {
		margin-top: -70px;
		padding-top: 70px;
	}
}

section#forStore section#POP div.popCol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;/*  */
	/* background-color: #DDD; */
}

section#forStore section#POP div.popCol:last-child {
	margin-bottom: 0;
}

section#forStore section#POP dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.2em;
	width: 50%;
	width: 49%;
	max-width: 362px;
	/* background-color: #DDD; */
}

section#forStore section#POP dt {
	width: 158px;
	margin-right: 23px;
	margin-right: 6.2%;
	margin-right: 5%;
}

section#forStore section#POP dd {
	flex: 1;
	font-size: 1.4rem;
	line-height: 1.6;
	/* background-color: #DDD; */
}

section#forStore section#POP dd span.cat {
	font-size: 1.3rem;
}

section#forStore section#POP dd span.dLink {
	display: inline-block;
	width: auto;
	width: 10em;
	width: 6em;
	padding: 3px 0;
	text-align: center;
	letter-spacing: 0.03em;/*  */
	font-size: 1.2rem;
	line-height: 1;
	color: #FFF;
	background-color: #231815;/*  */
}

section#forStore section#POP dd span.dL-l {
	margin-right: 8px;
}

section#forStore section#POP a:link {
	color: #FFF;
	text-decoration: underline;
	text-decoration: none;
}
section#forStore section#POP a:visited {
	color: #FFF;
	text-decoration: underline;
	text-decoration: none;
}
section#forStore section#POP a:hover {
	color: #F60;
	color: #F90;
	text-decoration: underline;
}
section#forStore section#POP a:active {
	color: #F00;
	text-decoration: underline;
}

@media screen and (max-width:1000px) {
	section#forStore section#POP div.popCol {
		display: block;
		margin-bottom: 0px;/*  */
	}
	section#forStore section#POP dl {
		width: 50%;
		width: 100%;
		max-width: none;
		/* width: auto; */
		margin-bottom: 16px;/*  */
		/* background-color: #DDD; */
	}
}

@media screen and (max-width:630px) {
	section#forStore section#POP .secH3 {
		margin-left: 0px;
		/*padding: 0 0 16px 0;*/
		padding: 4px 0 24px 0;
		font-size: 1.5rem;
	}
	section#forStore section#POP div.fsBox {
		width: 880px;
		width: 80.88%;
		margin: 0px auto 92px;
		margin: 0px auto 13.65%;
		padding: 14px 20px 6px;
		padding: 28px 24px 24px;
		font-size: 1.2rem;
		font-size: 1.3rem;
	}
}

@media screen and (max-width:510px) {
	section#forStore section#POP dl {
		display: block;
		margin-bottom: 18px;/*  */
		/* background-color: #DDD; */
	}
	section#forStore section#POP dt {
		width: auto;
		max-width: 300px;
		margin-right: 0;
	}
}


/* 増刷情報 ============================================== */
section#forStore section#zosatsu {
	margin-top: -180px;
	padding-top: 180px;
}

@media screen and (max-width:630px) {
	section#forStore section#zosatsu {
		margin-top: -80px;
		padding-top: 80px;
	}
}

@media screen and (max-width:400px) {
	section#forStore section#zosatsu {
		margin-top: -70px;
		padding-top: 70px;
	}
}

section#forStore section#zosatsu div.zoCol {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	margin-bottom: 60px;/*  */
	/* background-color: #DDD; */
}

section#forStore section#zosatsu div.zoCol:last-child {
	margin-bottom: 0;
}

section#forStore section#zosatsu dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 1.2em;
	width: 50%;
	width: 49.3%;
}

section#forStore section#zosatsu dt {
	width: 113px;
	margin-right: 23px;
	margin-right: 6.2%;
	margin-right: 5%;
	margin-right: 4.5%;
}

section#forStore section#zosatsu dd {
	flex: 1;
	font-size: 1.4rem;
	line-height: 1.6;
	/* background-color: #DDD; */
}


section#forStore section#zosatsu dl.zoBoxW {
	display: block;
	margin-bottom: 1.2em;
	width: 50%;
	width: 49%;
}

section#forStore section#zosatsu dl.zoBoxW dt {
	width: 195px;
	/* margin-right: 23px;
	margin-right: 6.2%;
	margin-right: 5%; */
}

section#forStore section#zosatsu dl.zoBoxW dd {
	/* flex: 1; */
	font-size: 1.4rem;
	line-height: 1.6;
	/* background-color: #DDD; */
}


section#forStore section#zosatsu dd span.cat {
	font-size: 1.3rem;
}

section#forStore section#zosatsu dd span.sLink {
	display: inline-block;
	width: auto;
	width: 10em;
	padding: 3px 0;
	text-align: center;
	letter-spacing: 0.03em;/*  */
	font-size: 1.2rem;
	line-height: 1;
	color: #FFF;
	background-color: #231815;/*  */
}

section#forStore section#zosatsu a:link {
	color: #FFF;
	text-decoration: underline;
	text-decoration: none;
}
section#forStore section#zosatsu a:visited {
	color: #FFF;
	text-decoration: underline;
	text-decoration: none;
}
section#forStore section#zosatsu a:hover {
	color: #F60;
	color: #F90;
	text-decoration: underline;
}
section#forStore section#zosatsu a:active {
	color: #F00;
	text-decoration: underline;
}

@media screen and (max-width:1000px) {
	section#forStore section#zosatsu div.zoCol {
		display: block;
		margin-bottom: 0px;/*  */
	}
	section#forStore section#zosatsu dl,
	section#forStore section#zosatsu dl.zoBoxW {
		width: 50%;
		width: 100%;
		/* width: auto; */
		margin-bottom: 16px;/*  */
		/* background-color: #DDD; */
	}
}

@media screen and (max-width:630px) {
	section#forStore section#zosatsu .secH3 {
		margin-left: 0px;
		padding: 0 0 16px 0;
		font-size: 1.5rem;
	}
	section#forStore section#zosatsu div.fsBox {
		width: 880px;
		width: 80.88%;
		margin: 0px auto 92px;
		margin: 0px auto 13.65%;
		padding: 14px 20px 6px;
		padding: 28px 24px 24px;
		font-size: 1.2rem;
		font-size: 1.3rem;
	}
}

@media screen and (max-width:400px) {
	section#forStore section#zosatsu dl {
		display: block;
		margin-bottom: 18px;/*  */
		/* background-color: #DDD; */
	}
	section#forStore section#zosatsu dt {
		width: auto;
		width: 60%;
		/*max-width: 300px;
		max-width: 160px;*/
		margin-right: 0;
	}
	section#forStore section#zosatsu dl.zoBoxW dt {
		width: auto;
		max-width: 440px;
		/*max-width: 160px;*/
		margin-right: 0;
	}
}


section#forStore section#POP div.formCover {
	display: flex;/*  */
	margin-bottom: 8px;
	/* background-color: #DDD; */
}

@media screen and (max-width:918px) {
	section#forStore section#POP div.formCover {
		margin-bottom: 14px;
		/* background-color: #DDD; */
	}
}

section#forStore section#POP div.formCover form {
	margin-left: 24px;
	/*display: inline-block;*/
	/* background-color: #BBB; */
}

section#forStore section#POP div.formCover form input.tArea {
	width: 20em;
	/*height: 24px;*/
	font-size: 1.3rem;
	max-width: 100%;
	box-sizing: border-box;
}

section#forStore section#POP div.formCover form input.button {
	font-size: 1.2rem;
	padding: 1px 6px;
	box-sizing: border-box;
}

@media screen and (max-width:470px) {
	section#forStore section#POP div.formCover form {
		margin-left: 24px;
		margin-left: 16px;
		width: 100%;
		/* background-color: #BBB; */
	}
	section#forStore section#POP div.formCover form input.tArea {
		width: 20em;
		width: 100%;
	}
}

@media screen and (max-width:350px) {
	section#forStore section#POP div.formCover form {
		margin-left: 16px;
		margin-left: 8px;
		/* background-color: #BBB; */
	}
}

section#forStore section#POP p.kekka {
	/* background-color: #DDD; */
	font-size: 1.3rem;
	margin: 0em 0 2em 0;
	text-align: center;
}

section#forStore section#POP div.popColS {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	/* background-color: #DDD; */
}

section#forStore section#POP div.popColS dl {
	margin-right: 16px;/*  */
	margin-bottom: 60px;/*  */
	/* background-color: #DDD; */
}

@media screen and (max-width:1000px) {
	section#forStore section#POP div.popColS {
		display: block;
		/* margin-bottom: 0px; */
	}
	section#forStore section#POP div.fsBoxS {
		padding: 58px 5.06% 58px 6.53%; /* 検索ボックス無し */
	}
	section#forStore section#POP div.popColS dl {
		width: 50%;
		width: 100%;
		max-width: none;
		/* width: auto; */
		margin-bottom: 16px;/*  */
		/* background-color: #DDD; */
	}
}



.searchBox {
	display: inline-block;
 	position: relative;
}

.searchBox::before {
	content: "";
	width: 16px;
	height: 16px;
	width: 14px;
	height: 14px;
	background: url(../for_store/images/loupe.svg) no-repeat center center / auto 100%;
	display: inline-block;
	position: absolute;
	top: 4px;
	top: 5px;
	left: 5px;
	left: 6px;
	/* background-color: #DDD; */
}

/*.searchBox input {
	padding: 3px 0 3px 2em;
}*/
section#forStore section#POP div.formCover form input.tArea {
	width: 20em;
	/*height: 24px;*/
	font-size: 1.3rem;
	max-width: 100%;
	padding-left: 1.8em;
	box-sizing: border-box;
}

.sNotice {
	font-size: 1.2rem;
	line-height: 1.2;
	padding-top: 2px;
}


/* 「POP」のページング（手動） */
section#forStore section#POP p.poPaging {
	margin: 0em auto 0em;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.5;
}

section#forStore section#POP p.poPaging a:link {
	color: #FFF;
	color: #000;
	text-decoration: none;
	text-decoration: underline;
}
section#forStore section#POP p.poPaging a:visited {
	color: #FFF;
	color: #000;
	text-decoration: none;
	text-decoration: underline;
}
section#forStore section#POP p.poPaging a:hover {
	color: #F60;
	color: #F90;
	text-decoration: underline;
}
section#forStore section#POP p.poPaging a:active {
	color: #F00;
	text-decoration: underline;
}

section#forStore section#POP p.poPaging span.nPage {
	font-weight: bold;
}

/* 「増刷情報」のページング（手動） */
section#forStore section#zosatsu p.zPaging {
	margin: 0em auto 0em;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.5;
}

section#forStore section#zosatsu p.zPaging a:link {
	color: #FFF;
	color: #000;
	text-decoration: none;
	text-decoration: underline;
}
section#forStore section#zosatsu p.zPaging a:visited {
	color: #FFF;
	color: #000;
	text-decoration: none;
	text-decoration: underline;
}
section#forStore section#zosatsu p.zPaging a:hover {
	color: #F60;
	color: #F90;
	text-decoration: underline;
}
section#forStore section#zosatsu p.zPaging a:active {
	color: #F00;
	text-decoration: underline;
}

section#forStore section#zosatsu p.zPaging span.nPage {
	font-weight: bold;
}