@charset "utf-8";

body {
	font-family: "メイリオ","Meiryo", sans-serif;
}

h1#product_list_head1 {
	width : 960px ;
	height : auto ;
	margin : 25px auto 25px auto ;
	padding : 0px ;
	color : #000 ;
	font-size : 13pt ;
	font-weight : normal ;
	text-align : center ;
	position: relative;
}

@media screen and (max-width: 640px) {
	h1#product_list_head1 {
		width : auto ;
		background: #fff1f1;
/*		margin: 87px 0 0 0 ; */
		margin: 100px 0 0 0 ;
		padding: 10px ;
		border-bottom: 1px solid #fc8b8e;
		font-size: 14px;
		color: #ff7676;
		line-height : 1.5 ;
		font-weight : bold ;
	}
}

/* イントロダクション */
#introduction_area {
	width : 940px ;
	border-style: solid;
	border-width: 5px 0px 5px 0px;
	border-color: #ffb03b;
	background-color: #fffbf5;
	margin: 5px auto 50px auto;
	padding: 15px 10px 15px 10px;
	color: #000;
	font-size: 12pt;
	line-height: 1.5;
	text-align: left;
	position: relative;
}

@media screen and (max-width: 640px) {
	#introduction_area {
		width : auto ;
		margin: 5px auto 10px auto;
		font-size: 13px;
	}
}

h2.intro_head2 {
	margin: 20px 1em 30px 1em;
	padding: 0px;
	color: #f66;
	font-size: 115%;
	line-height: 1.5;
	font-weight: bold;
}

h3.intro_head3 {
	margin: 0px 1em 0px 1em;
	padding: 0px;
	color: #000;
	font-size: 100%;
	line-height: 1.5;
	font-weight: bold;
}

#introduction_area p {
	margin: 0 1em 1em 1em;
}

#introduction_area a {
	color:#3b91d6 ;
	text-decoration : none ;
}

@media screen and (min-width: 641px) {
	#introduction_area a:hover,
	#introduction_area a:active {
		color:#6ba7d6 ;
	}
}
/* イントロダクション_ここまで */




.list_headline {
	width : 960px ;
	margin : 0 auto ;
	text-align : center ;
}

@media screen and (max-width: 640px) {
	.list_headline {
		width : auto ;
		margin : 0 ;
		text-align : left ;
	}
}

h2.head2_type1 {
	border-style: solid;
	border-width : 0px 0px 4px 27px;
	border-color : #6a9ccd ;
	width : 820px ;
	margin : 50px auto 30px auto ;
	padding-left : 15px ;
	color : #000 ;
	font-size : 14pt ;
	line-height : 23px ;
	font-weight : bold ;
	letter-spacing : 0em ;
	text-align : left ;
}

@media screen and (max-width: 640px) {
	h2.head2_type1 {
		border : none ;
		margin : 30px auto 10px auto ;
		padding : 0 ;
		width : 90% ;
		color : #f66 ;
		font-size : 120% ;
		line-height : 1.5 ;
		text-align : left ;
	}
}



	/* スマホ用の外枠 */
.smp_frame01 {
	margin : 0 ;
	padding : 0 ;
}

@media screen and (max-width: 640px) {
	.smp_frame01 {
		width : 96% ;
		border : solid 2px #fee3d0 ;
		border-radius : 10px ;
		background-color : #fff ;
		margin : 10px auto 20px auto ;
		padding : 0px ;
		color : #000 ;
		font-size : 0px; /* 子要素のinline-blockの隙間対策 */
		line-height : 1.5 ;
		text-align : left ;
		position: relative;
	}
}



.list_pc_frame01 {
	width :960px ;
	border : solid 0px ;
	margin : 0px auto 0px auto ;
	text-align : center ;
	font-size : 0px; /* 子要素のinline-blockの隙間対策 */
	position: relative;
	border : solid 0px ;
}

@media screen and (max-width: 640px){
	.list_pc_frame01 {
		width : auto ;
		margin : 0px auto 0px auto ;
		text-align : center ;
		font-size : 0px; /* 子要素のinline-blockの隙間対策 */
		position: relative;
	}
}


.target_age_frame {
	margin : 0 0 30px 0 ;
	padding : 0 ;
}

.target_age {
	width : 960px ;
	margin : 20px auto 20px auto ;
	padding : 0 ;
	text-align : center ;
	font-size : 13pt;
	font-weight : normal;
}

.price_frame {
	width : 960px ;
	margin : 0px auto 20px auto ;
	padding : 0 ;
	font-size : 10pt;
	line-height : 16pt;
	font-weight : bold;
	text-align : center ;
}

@media screen and (max-width: 640px) {
	.target_age_frame {
		margin : 0 ;
		padding : 0 ;
	}

	.target_age {
		width : auto ;
		margin : 20px auto 20px 10px ;
		color : #000 ;
		font-size : 0.8rem;
		text-align : left ;
		font-weight : bold ;
	}

	.price_frame {
		width : auto ;
		margin : 0px auto 20px 10px ;
		text-align : left ;
		font-size : 13px ;
	}
}

.dvd_1 { /* DVD紹介の外枠 */
	width :230px ;
	border : solid 0px ;
	margin : 0px 6px 20px 6px ;
	font-size : 10pt;
	line-height : 16pt;
	font-weight : bold;
	color : #000 ;
	text-align : center ;
	position: relative ;
	display : inline-block ;
	vertical-align : top ;
}

.dvd_1_adjust {
	display : none ;
}

@media screen and (max-width: 640px) {
	.dvd_1 {
		width : 50% ;
		margin : 0 ;
		padding : 0 ;
		text-align : center ;
		font-size : 0.8rem ;
		line-height : 1.5 ;
	}

	.dvd_1_adjust {
		width : 50% ;
		display : inline-block ;
	}
}

.dvd_1:first-child {
	margin-left : 0 ;
}

.dvd_1:last-child {
	margin-right : 0 ;
}


.dvd_img1 {
	display : inline-block ;
	margin : 0 ;
	padding : 0 ;
	width : 100% ;
	vertical-align : bottom ; /* 画像下の隙間対策 */
}

.dvd_info1 {
	margin : 15px 0px 20px 0px  ;
	padding : 0px ;
}

@media screen and (max-width: 640px) {
	.dvd_img1 {
		width : 90% ;
	}

	.dvd_info1 {
		margin : 15px 5px 20px 5px  ;
	}
}


.dvd_discount_rate { /* 190708 */
	margin-right : 5px ;
	padding : 1px 3px 1px ;
	background-color : #f00 ;
	color : #fff ;
	letter-spacing : 0.05em ;
	font-weight : bold ;
}

.dvd_discount_rate2 { /* 190708 */
	margin-right : 10px ;
	padding : 1px 5px 1px ;
	background-color : #f00 ;
	color : #fff ;
	letter-spacing : 0.05em ;
	font-weight : bold ;
}

@media screen and (max-width: 640px) {
	.dvd_discount_rate{
		padding : 1px 3px 1px ;
		font-size : 9px ;
/*		position : relative ;
		top : -2px ; */
		vertical-align : middle ;
	}
}



.dvd_price {
	color : #df4513 ;
}

.dvd_sub {
	font-weight : normal;
}

a.dvd_title:link,
a.dvd_title:visited {
	color : #000 ;
	text-decoration:none ;
}

@media screen and (min-width: 641px) {
	a.dvd_title:active,
	a.dvd_title:hover {
		color : #555 ;
	}
}


	/* スマホ・1個表示の時にエリアの横幅を最大に */
@media screen and (max-width: 640px){
	.frame_top {
		width : 100% !important ;
	}

	.img_top {
		width : 45% !important ;
	}
}

/* 分割コメント・矢印 */
.divide_note1_frame {
	margin : 80px 10px 0 10px ;
	padding : 0 ;
	font-size : 0px ;
	display : inline-block ;
}

.divide_triangle {
	width : 0 ;
	display : inline-block ;
	border-top: 70px solid transparent;
	border-right: 0px solid transparent;
	border-bottom: 70px solid transparent;
	border-left: 40px solid #e5e5e5;
	vertical-align : middle ;
	position : relative ;
	left : -1px ;
}

p.divide_note1 {
	margin : 0 ;
	padding : 20px 10px 20px 20px ;
/*	background: url(../images_product/lineup_img25_bg.jpg) no-repeat; */
	background-color : #e5e5e5 ;
	font-size : 10pt ;
	line-height : 14pt ;
	text-align : left ;
	display : inline-block;
	vertical-align : middle ;
}

.divide_adjust1 {
	width : 180px ;
}

@media screen and (max-width: 640px) {
	.divide_note1_frame {
		margin : 0 ;
		padding : 0 ;
		font-size : 0px ;
		display : block ;
	}

	.divide_triangle {
		display : none ;
	}

	p.divide_note1 {
		width : auto ;
		height : auto ;
		margin : 10px 10px 10px 10px ;
		padding : 0 ;
		background : none ;
		display : block ;
		position: static ;
		text-align : center ;
	}

	.divide_adjust1 {
		width : auto ;
	}
}
/* 分割コメント・矢印_ここまで */


/* 分割コメント・通常 */
p.divide_note2b,
p.divide_note2 {
	margin : 0 ;
	padding : 20px 10px 30px 20px ;
	font-size : 11pt ;
	line-height : 14pt ;
	text-align : center ;
}

@media screen and (max-width: 640px) {
	p.divide_note2 {
		width : auto ;
		height : auto ;
		margin : 10px 10px 10px 10px ;
		padding : 0 ;
		font-size : 13px ;
		line-height : 1.5 ;
		text-align : center ;
	}

	p.divide_note2b {
		width : auto ;
		height : auto ;
		margin : 10px 10px 10px 10px ;
		padding : 0 ;
		font-size : 13px ;
		line-height : 1.5 ;
		text-align : left ;
	}
}


/* 分割コメント・通常_ここまで */




/* サンプル動画 */
.sample_movie_wide,
.sample_movie {
	text-align : center ;
	margin : 30px auto ;
}

.sample_movie iframe{
	width : 320px ;
	height : 240px ;
}

.sample_movie_wide iframe{
	width : 427px ;
	height : 240px ;
}

.sample_headline {
	margin : 0px auto 10px auto ;
	padding : 0 ;
	font-size : 11pt ;
	line-height : 1.5 ;
	font-weight : normal ;
}

.sample_info {
	margin : 10px auto 10px auto ;
	padding : 0 ;
	font-size : 11pt ;
	line-height : 1.5 ;
	font-weight : normal ;
}

.sample_info_text2 {
	font-size : 10pt ;
	font-weight : normal ;
}

@media screen and (max-width: 640px) {
	.sample_movie iframe{
/*		width : 240px ;
		height : 180px ; */
		width : 94vw ;
		height : calc((100vw * 0.94) * 0.75) ;
		max-width : 320px ;
		max-height : 240px ;
	}

	.sample_movie_wide iframe{
/*		width : 320px ;
		height : 180px ; */
		width : 94vw ;
		height : calc((100vw * 0.94) * 0.57) ;
		max-width : 320px ;
		max-height : 180px ;
	}

	.sample_headline {
	
	}
}
/* サンプル動画_ここまで */



.dvd_2 { /* DVD紹介の外枠 */
	width :230px ;
	border : solid 0px ;
	margin : 0px 70px 20px 70px ;
	font-size : 10pt;
	line-height : 16pt;
	font-weight : bold;
	color : #000 ;
	text-align : center ;
	position: relative ;
	display : inline-block ;
	vertical-align : top ;
}

@media screen and (max-width: 640px) {
	.dvd_2 {
		width : 50% ;
		margin : 0 ;
		padding : 0 ;
		text-align : center ;
		font-size : 0.8rem ;
		line-height : 1.5 ;
	}
}

.dvd_2:first-child {
	margin-left : 0 ;
}

.dvd_2:last-child {
	margin-right : 0 ;
}



.dvd_3 { /* DVD紹介の外枠 */
	width :230px ;
	border : solid 0px ;
	margin : 0px 50px 20px 50px ;
	font-size : 10pt;
	line-height : 16pt;
	font-weight : bold;
	color : #000 ;
	text-align : center ;
	position: relative ;
	display : inline-block ;
	vertical-align : top ;
}

.dvd_3_adjust {
	display : none ;
}

@media screen and (max-width: 640px) {
	.dvd_3 {
		width : 50% ;
		margin : 0 ;
		padding : 0 ;
		text-align : center ;
		font-size : 0.8rem ;
		line-height : 1.5 ;
	}

	.dvd_3_adjust {
		width : 50% ;
		display : inline-block ;
	}
}

.dvd_3:nth-child(3n+1) {
	margin-left : 0 ;
}

.dvd_3:nth-child(3n) {
	margin-right : 0 ;
}




































/* 171129追加 */
.discount_bnr01_bg {
	width : 960px ;
	min-height : 50px ;
	margin : 0px auto 5px auto ;
	padding-top : 4px ;
	padding-bottom : 3px ;
	background-color : #d60c32 ;
	font-size : 11pt ;
	line-height : 17pt ;
	font-weight : bold ;
	color : #fff ;
	text-align : left ;
	position: relative;
}

.img_dsct-1 {
	margin-left : 33px ;
	margin-right :20px ;
	float : left ;
}

p.discount_bnr01_text1 {
	margin : 0px ;
	padding-top : 4px ;
}
/* 170712追加_ここまで */

p.discount_note1 { /* 180707 */
	width : 960px ;
	border : solid 0px ;
	margin : 15px auto 0px auto ;
	padding : 0 ;
	color : #df4513 ;
	font-size : 11pt ;
	line-height : 20pt ;
	text-align : center ;
}

.discount_note1_text1b { /* 180707 */
	color : #f00 ;
	font-size : 12pt ;
	font-weight : bold ;
}




/* フラッシュ・ユニット_180704 */
h3.flash-unit_head3 {
	width : 100% ;
	min-width : 960px ;
	margin : 50px auto 15px auto ;
	padding : 10px 0px 8px 0px ;
	background-color : #f54d4c ;
	color : #fff ;
	font-size : 20pt ;
	line-height : 26pt ;
	font-weight : bold ;
	text-align : center ;
}

.flash-unit_head3_text2 {
	font-size : 11pt ;
	line-height : 18pt ;
	font-weight : normal ;
}

@media screen and (max-width: 640px) {
	h3.flash-unit_head3 {
		width : auto ;
		min-width : auto ;
		margin-top : 10px ;
		margin-bottom : 15px ;
		margin-left : 1em ;
		padding : 0 ;
		background : none ;
		color : #f66 ;
		font-size : 1rem ;
		line-height : 1.5 ;
		text-align : left ;
		display : block ;
	}

	.flash-unit_head3_text2 {
		color : #000 ;
		font-size : 80% ;
		line-height : 1.5 ;
		font-weight : normal ;
	}
}





.lineup_list_frame1 { /* フラッシュ3巻ユニット・小学ユニットの大枠 */
	border : solid 0px  ;
	width : 960px ;
	margin : 0px auto 0px auto ;
	text-align : center ;
	position: relative ;
	font-size : 0px ; /* 子要素のinline-blockの隙間対策 */
}

@media screen and (max-width: 640px){
	.lineup_list_frame1 {
		width : auto ;
	}
}


.flash-unit_box1c { /* フラッシュ3巻ユニット_正方形画像 */
	width : 222px ;
	margin : 0px 0px 30px 0px ;
	padding : 0px ;
	font-size : 10pt ;
	line-height : 16pt ;
	text-align : center ;
	display : inline-block ;
	vertical-align : top ;
}

@media screen and (max-width: 640px){
	.flash-unit_box1c {
		width : 50% ;
		margin-bottom : 20px ;
		font-size : 0.8rem ;
		line-height : 1.5 ;
	}
}

.flash-unit_box1c img {
	width : 193px ;
	margin-bottom : 15px ;
}

@media screen and (max-width: 640px){
	.flash-unit_box1c img {
		width : 90% ;
		margin-bottom : 0px ;
	}
}


.flash-unit_box2b { /* 小学ユニット_画像大 */
	width : 300px ;
	margin : 0px 0px 30px 0px ;
	padding : 0px ;
	font-size : 10pt ;
	line-height : 16pt ;
	text-align : center ;
	font-weight : bold;
	display : inline-block ;
	vertical-align : top ;
}

@media screen and (max-width: 640px) {
	.flash-unit_box2b {
		width : 50% ;
		margin : 0 ;
		padding : 0 ;
		text-align : center ;
		font-size : 0.8rem ;
		line-height : 1.5 ;
	}
}

.flash-unit_box2b img {
	width : 245px ;
/*	margin-bottom : 15px ; */
}

@media screen and (max-width: 640px) {
	.flash-unit_box2b img {
		width : auto ;
		margin-bottom : 0px ;
	}
}


a.dvd_title3 {
	color : #000 ;
	text-decoration:none ;
}

.flash-unit_box2_text2 {
	display : inline-block ;
	margin-top : 20px ;
	text-align : left ;
	font-size : 12pt ;
	line-height : 18pt ;
	font-weight : normal ;
}

@media screen and (max-width: 640px) {
	.flash-unit_box2_text2 {
		font-size : 0.8rem ;
		line-height : 1.5 ;
	}
}





ul.flash-unit_list1b {
	margin : 10px 0px 10px 0px ;
	padding : 0px ;
	color : #e0018e ;
	text-align : left ;
	font-weight : normal ;
	position: relative ;
	display : inline-block ;
}

@media screen and (max-width: 640px) {
	ul.flash-unit_list1b {
		margin-top : 15px ;
		margin-bottom : 20px ;
	}
}

ul.flash-unit_list1b li {
	margin : 0px  0px 0px 1.5em ;
	padding : 0px ;
}
/* フラッシュ・ユニット_ここまで */


/* リンク用画像_マウスオーバー設定 */
a.dvd_img_link {
	opacity : 1 ;
	display : block ;
	line-height : 0 ; /* 画像下の隙間対策 */
}

a.dvd_img_link:link,
a.dvd_img_link:visited {
	opacity : 1 ;
}

@media screen and (min-width: 641px){
	a.dvd_img_link:hover,
	a.dvd_img_link:active {
		opacity : 0.7 ;
	}
}
/* リンク用画像_マウスオーバー設定_ここまで */



/* 価格改訂対応_221101 */
p.note_newprice {
	margin : 15px 0 ;
	padding : 0 ;
	color : #f00 ;
	font-size : 13pt ;
	line-height : 1.5 ;
	text-align : center ;
}
@media screen and (max-width: 640px) {
	p.note_newprice {
		font-size : 13px ;
	}
}

.unit3_info1 {
	margin : 0  ;
	padding : 0 ;
	font-size : 10pt;
	font-weight : bold ;
}
@media screen and (max-width: 640px) {
	.unit3_info1 {
		margin : 0  ;
		font-size : 12px;
	}
}

/*売り切れマーク */
p.soldout {
	width : auto ;
	margin : 0 !important;
	padding : 3px 5px ;
	border : solid 2px #f00 ;
	border-radius : 5px ;
	background : rgba(255,255,255,0.7) ;
	color : #f00 ;
	font-size : 16px ;
	line-height : 1.3 ;
	font-weight : bold ;
	text-align : center ;
	text-shadow : 1px 1px 0 #fff,
				-1px -1px 0 #fff,
				-1px 1px 0 #fff,
				1px -1px 0 #fff,
				0px 1px 0 #fff,
				0-1px 0 #fff,
				-1px 0 0 #fff,
				1px 0 0 #fff ;
	opacity : 0.8 ;
	position : absolute ;
	top : -20px ;
	left : -5px ;
	pointer-events : none ;
	z-index : 1 ;
}
@media screen and (max-width: 640px) {
	p.soldout {
		font-size : 13px ;
		position : absolute ;
		top : -10px ;
		left : 5px ;
	}
}