@charset "utf-8";


/*---------リンク青色-------------*/
	.link_color001 {
    color: #1c68cf !important;
	}
/*---------リンク青色ここまで-------*/


/*---------下に余白-------------*/
	/*10px*/
	.mb10 {
    display: block;
	margin-bottom: 10px;
}
	/*20px*/
	.mb20 {
    display: block;
	margin-bottom: 20px;
}
/*---------下に余白ここまで-------*/


/*---------大きめ文字-------------*/
	.size01{
		font-size: 16px;
	}
	@media only screen and (max-width: 767px) {
		.size01{
		font-size: 14px;
	}
	}
/*---------大きめ文字ここまで-------*/


/*---------小さめ文字-------------*/
	.size02{
		font-size: 12px;
	}
@media only screen and (max-width: 767px) {
	.size02{
		font-size: 10px;
	}
	}
/*---------小さめ文字ここまで-------*/


/*---------マーカー-------------*/
	.marker{
	background: linear-gradient(transparent 50%, #fffdae 50%) !important;
	}
/*---------マーカーここまで-------*/


/*---------インデント-------------*/
	.indent {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}
	/*2マス分*/
	.indent-2rem {
    display: block;
    padding-left: 2em;
    text-indent: -2em;
}
	/*3マス分*/
	.indent-3rem {
    display: block;
    padding-left: 3em;
    text-indent: -3em;
}
	/*4マス分*/
	.indent-4rem {
    display: block;
    padding-left: 4em;
    text-indent: -4em;
}
/*---------インデントここまで-------*/


/*---------
スマホのみ表示 → クラス名：sp
PCのみ表示 → クラス名：pc
-------------*/
	.sp{
		display: none;
	}
	@media only screen and (max-width: 767px) {
		.sp{
		display: block;
	}
		.pc{
		display: none;
		}
	}
/*---------スマホ・PCここまで-------*/


/*---------グレー背景-------------*/
	.bg-gray{
	background: #f3f3f3;
    display: block;
    padding: 10px;
    max-width: 90%;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #b9b9b9;
	}
@media only screen and (max-width: 767px) {
	.bg-gray{
    max-width: 100%;
	}
	}
/*---------グレー背景ここまで-------*/


/*---------黒枠線-------------*/
.border01{
	display: block;
    width: 90%;
    padding: 20px;
	border: 1px solid #9a9a9a;
	}
@media only screen and (max-width: 767px) {
	.border01{
    width: 100%;
	}
	}
/*---------黒枠線ここまで-------*/


/*---------商品紹介画像-------------*/
	.img-width01{
		width: 80%;
		box-shadow: 1px 1px 4px #959595;
	}
@media only screen and (max-width: 767px) {
	.img-width01{
		width: 100%;
	}
	}
/*---------商品紹介画像ここまで-------*/


/*---------関連書籍紹介-------------*/
.flex{
	display: flex;
	}
.flex a{
	display: block;
	margin-right: 50px;
	}
@media only screen and (max-width: 767px) {
		.flex{
		display: block;
	}
	}
/*---------関連書籍紹介ここまで-------*/


/*---------オウンドメディア記事紹介-------------*/
	.om-img{
		width: 60%;
	}
@media only screen and (max-width: 767px) {
	.om-img{
		width: 100%;
	}
	}
	
	/*サムネイル画像にシャドウ → クラス名：img-shadow 追加*/
	.img-shadow{
		box-shadow: 4px 3px 5px 0px #bfbfbf;
    	margin: 0 0 5px 0;
	}
/*---------オウンドメディア記事紹介ここまで-------*/


/*---------動画入れる時用（HTMLいじる必要なし）-------------*/
@media only screen and (max-width: 767px) {
	iframe{
		width: 100%;
	}
	}
/*---------動画入れる時用（HTMLいじる必要なし）ここまで-------*/


/*---------A＋画像-------------*/
.aplus{
 max-width: 70%;
 margin: 0 auto;
 display: block;
 }
@media only screen and (max-width: 767px) {
 .aplus{
  max-width: 100%;
 }
/*---------A＋画像-------------*/
	
	
/*---------割引施策バナー-------------*/
	.bnr01{
		width: 90%;
		display: block;
		margin: 0 auto;
	}
@media only screen and (max-width: 767px) {
	.bnr01{
		width: 100%;
	}
	}
/*---------割引施策バナー-------------*/

	
/*---------関連書籍-------------*/
.productContents .slider {
	display: none
}
.productContents.productContentsNew .slider {
	display: block
}
.productContents .section .content .slider h3 {
	font-size: 18px;
	padding-bottom: 0px;
	margin-top: 2em;
	margin-bottom: 0px;
	border-bottom: none;
	color: #384;
}
.productContents .section .content .slider {
	line-height: 0;
}
.productContents .section .content .slider ul li +li:before {
	display: none;
}

@media (max-width: 767px) {
.productContents.productContentsNew {
	margin-left: -6.25%;
	margin-right: -6.25%
}
.productContents.productContentsNew .slider .container ul li {
	width: 29.5%;
}
}
/*---------関連書籍ここまで-------*/