/*common.css overwrite*/

body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#header {
/*   margin: 18px 0 20px 0; */
margin:0 auto;
padding:18px 0 20px 0;
}

#logo {
	margin-top:12px;
}

#hnavi a {
font-size:15px;
color:#555;
}

#hnavi li:before {
color:#aaa;
}

#search {
padding-top: 19px;
}

#search #hnaviSearchWord {
width: 335px;
font-size:14px;
}

#overlay {
  backdrop-filter: blur(1px);
  -webkit-backdrop-filter: blur(1px);
}


.sidebox .ttl {
font-size: 16px;
padding-left:12px;
}

#fotNavi .inner dt {
	border-color:#ccc;
	font-size:17px;
}

#fotNavi .inner a {
font-size:14px;
}

#copyright {
color:#999;
}


.custommenu > ul > li a  {
padding-top: 13px;
padding-bottom: 13px;
  font-size: 123%;
}

.custommenu > ul > li a:hover {
  color:#000;
  background-color: #ddd;
}
.custommenu > ul > li.selected > div > span > a {
  color:#000;
  background-color: #ddd;
}

.custommenu li.entry .submenublock > span:last-child {
border-bottom: solid 1px #dddddd;
}

.slideType2 .image {
/* padding:12px 5px 5px; */
margin-top:7px;
}

.slideType2 .ttl {
font-size:14px;
padding:0 15px;
margin-bottom:5px;
margin-top:-10px;
}

.slideType2 .price {
text-align:left;
padding:0 15px;
margin-bottom:3px;
}

.slideType2 .author {
text-align:left;
padding:0 15px;
}

.slideType2 .bx-wrapper {
position:relative;
}

.slideType2 ul li{
background:#fff;
padding-bottom:3px;
}

.sectionType1 .ttlWrap h2 {
font-size: 19px;
padding: 8px 0 8px 10px;
}

.sectionType1 .ttlWrap h2 img {
display:none;
}

#main div.entry {
font-size:14px;
}

#gnavi .cur > ul{
width:210px;
z-index:200;
/* background:#FDFDFD; */
box-shadow:0px 1px 3px #ddd;
}
#gnavi .cur > ul li{
	border-bottom:solid 1px #ddd;
}
#gnavi .cur > ul li a{
padding: 15px 10px;
}
#gnavi .cur > ul li a:hover{
  color:#000;
  background-color: #ddd;
}

#gnavi .cur > ul li:last-of-type {
border-bottom: solid 1px #ddd;
}

.sectionType1.newsListType2 .content {
padding: 0 10px;
}
.sectionType1.newsListType2 .content p.text a{
color:#022377;
}

/* 3/10徳間書店様 役員会対策（あとで物理的削除）*/
/*
#genre_tree.custommenu > ul.category_tree > li.entry:last-child {
 display:none;
}

#genre_tree.custommenu > ul.category_tree > li.entry:nth-last-child(2){
 display:none;
}
*/
/* ここまで */

/* 3/19徳間書店様 役員会対策 検索結果種別削除（あとで物理的削除）*/
#sub #category {
display:none;
}

/* 3/25徳間書店様 検索結果ページタグ削除（あとで物理的削除）*/
#sub #tag {
display:none;
}


/*top.css*/

#pickup {
margin-top: 35px;
margin-bottom: 22px;
}

#pickup .slideWrapper {
border:none;
}

#pickup .list .image {
height:92px;
overflow:hidden;
}

#pickup .list ul li img {
max-height:none;
height:auto;
}

.news_img {
background-color:#eee;
min-height:149px;
overflow:hidden;
}

h2.ttl {
font-size: 160%;
padding-left:12px;
}

/* 20200311 matuo add*/
#main_column .ttlWrap .ttl{
	margin-bottom:30px;
}
#webmedia_banner_zone .ttl{
	margin-bottom:20px;
}


.news_top ul.to li {
border-color:#ddd;
}

.news_top ul.to li a{
/* font-size:15px; */
}
ul.to li .news_data .news_ttl {
line-height:1.3;
}

ul.bo li .news_data p.news_ttl {
font-size:15px;
padding:1px 0 5px;
}
ul.bo li .news_data p.news_ttl a{
color:#022377;
/* color:#3b94d9; */
}

ul.to li .news_data .status span {
padding-top:3px;
padding-bottom:3px;
font-weight:normal;
}

ul.bo li .news_data .status span {
padding:3px;
font-weight:normal;
}



.news_top .news_more >a {
padding: 0.6em 0.6em 0.6em 1.1em;
width: 200px;
font-size: 16px;
box-shadow:0px 0px 2px rgba(0, 0, 0, 0.2);
}

.news_top .news_more >a::before {
	content: "";
    width: 0;
    height: 0;
    top: 22px;
    border: 5px solid transparent;
    border-top: 6px solid #555;   /* 好みで色を変えてください */  
}

.book_data .ttlWrap .series_ttl {
font-size:160%;
}

.book_data .list { 
margin-top:10px;
}

.book_data .list li {
border-color:#ddd;
}
.book_data .list li .image {
margin-top:12px;
}
.book_data .list li .book_info {
margin-top:5px;
}

.book_data .list li .book_info .book_title{
padding:5px 10px 5px;
}
.book_data .list li .book_info .book_author {
padding: 0 10px 12px 10px
}


#webmedia_banner_zone {
margin-bottom:50px;
}
#webmedia_banner_zone ul li .footer_banner img{
box-shadow:0px 0px 2px #ddd;
}
#twitter.custommenu {
	border:1px solid #eee;
	margin-bottom:1em;
}

/*search.css*/

#main .conditionsWrap .btn a {
width: auto;
background-position-x: 1.2em;
padding: 10px 2.5em 10px 3.8em;
border-radius: 3px;
box-shadow: 0px 1px 1px #eee;
background-color:#022377;
}
#main .conditionsWrap .btn a:hover {
	opacity:0.8;
}
#main .resultWrap .pagingWrap {
font-size:14px;
}

#main .resultWrap .pagingWrap .right{
	color:#ccc;
}
#main .resultWrap .bookWrap .image {
	padding: 10px 5px 0;
	margin-bottom:0;
}
#main .resultWrap .bookWrap .ttl {
font-size:14px;
}

#main .resultWrap .bookWrap .price {
margin-bottom:3px;
}

#main .resultWrap .bookWrap .txt {
margin-bottom:10px;
}

/*serial_common.css*/


.serial_box .category_box{
margin-top:10px;
}


.serial_box .category_box .heading{
font-size:19px;
}
.serial_box .category_box .news_page {
font-size:14px;
border-bottom:dotted 1px #999;
padding:3px 5px 3px;
}

.serial_box .category_box .news_page .date{
color:#555;

}


.serial_box .category_box .news_more >a{
padding:7px 15px 7px 7px;
font-size:15px;
}

.serial_box .category_box .text a:hover{
text-decoration:underline;
}

.serial_box .category_box .news_more >a:before{
left:25px;
}

.serial_box .category_box .news_more >a span{
margin-left:25px;
}


/*news.css*/
#main .newsWrap .pagingWrap {
font-size:14px;
}

#main .pagingWrap .right {
color:#ccc;
}

#main .newsListType1 .txt a{
color:#022377;
font-size:15px;
}
#main .newsListType1 .txt span{
color:#555;
}
#main .newsListType1 .txt {
padding-top:0;
}

.entry a span {
border-radius:10px;
}

#newsCategory .entry > ul > li > .category > span{
border-radius:10px;
}
/*eizo*/

.info {
margin-top: 30px;
font-size: 15px;
padding: 15px 15px;
color: #ccc;
}

a.ayumi_link{
font-size:15px;
}

.video_list {
margin-top:25px;
padding-bottom:10px;
}

.video_archive_list {
margin-top:25px;
  padding-bottom: 40px;
	border-bottom: 1px solid #666666;
}

.video_list ul li {
margin-right:80px;
width:calc((100% / 3) - 87px);
max-height:none;
margin-bottom:50px;
}

.video_list .image {
background-color: #fff;
padding: 15px;
}
.video_list .image img  {
height:auto;
}

.video_list .status {
margin-bottom:5px;
}
.video_list .name {
margin-top:5px;
}

.video_list .staff {
margin-bottom:10px;
}

.video_list .official_link, .video_list .recommend_link {
border-radius:3px;
font-size:14px;
padding:6px 0;
}

.video_list .recommend_link { 
color:#ccc;
}

.video_archive_list ul li{
margin-right:20px;
width:calc((100% / 4) - 29px);
margin-bottom:50px;
}
.video_archive_list ul .image{
width:196px;
height:auto;
}
.video_archive_list ul .image img {
width:auto;
height:auto;
padding-top:0;
border-top:15px solid #fff;
border-bottom:15px solid #fff;
}

.video_archive_list .status {
margin-bottom:5px;
}
.video_archive_list ul .name {
margin-top:5px;
font-size:16px;
height:auto;
}

.video_archive_list ul .staff {
margin-bottom:15px;
height:auto;
min-height:26px;
}

.video_archive_list .official_link, .video_archive_list .recommend_link {
border-radius:3px;
font-size:14px;
padding:6px 0;
}

.video_archive_list .recommend_link { 
color:#ccc;
}

table.anime_history_table {
margin-top:30px;
font-size:15px;
}

table.anime_history_table th,table.anime_history_table td {
    border-bottom:dotted 1px #555;
    padding:0.5em 0;
    vertical-align:top;
}

table.anime_history_table a {
/*     text-decoration:underline; */
    color:#fed;
}


/* 映像ページ：白に戻して、右カラム消す */

body #body_temp {
background-color: white;
}
body #body_temp #main {
color:#000;
}

h2.video_ttl{
font-weight:bold;
}
.video_list, .video_archive_list {
border-bottom: 1px solid #ccc;
}
.video_list .recommend_link {
color: #ccc;
}
.video_list .recommend_link::before {
border-left: 5px solid #333;
}
.video_list .recommend_link {
color: #333;
}
.video_list .image {
background-color: #eee;
}
.archive_link a {
background-color:#ccc;
border-radius:4px;
}

body #body_temp #sub{
background-color: white;
}
body #body_temp #sub #company,body #body_temp #sub #newsCategory{
display:none;
}
body #body_temp #sub #side_company_info,body #body_temp #sub #side_news{
display:none;
}
table.anime_history_table a {
color:#800;
}
.video_archive_list .recommend_link {
color: #ccc;
}
.video_archive_list .recommend_link::before {
border-left: 5px solid #333;
}
.video_archive_list .recommend_link {
color: #333;
}
.video_archive_list ul .image{
background-color: #eee;
}
.video_archive_list ul .image img{
background-color: #eee;
border-top:15px solid #eee;
border-bottom:15px solid #eee;
max-width:172px;
}
table.anime_history_table th,table.anime_history_table td {
    border-bottom: dotted 1px #ccc;
}




/* cms.css */
#main .entry.cms {
font-size:15px;
line-height:1.6;
}



/*lower*/
#shopping .cart .price {
font-size:150%;
margin-bottom:0;
}

#shopping .cart .price + .btns {
margin-bottom:0;
}

#sub {
width:210px;
}

#sub #recommend {
display:none;
}

#sub > div h2 {
padding: 7px 10px;
font-size: 15px;
}

#shopping .netshop .wrap {
padding: 0px 14px;
}

#sub > div.ebook_shop .wrap {
padding: 15px 15px;
}


/*book.css*/
#main {
/* width:620px; */
}
#shopping .cart {
margin-bottom:0;
}
#main .titleWrap p {
font-size:123%;
}
#main .iconWrap {
  *zoom: 1;
  margin-bottom: 10px;
}
#main .iconWrap div {
	background:#ddd;
	font-size: 14px;
}

#main .detail .left .cover img {
border: none;
}

#shopping .netshop {
margin-bottom:0;
}

#main .detail {
  margin-bottom: 45px;
}


#main .detail .left {
	float:left;
	width: 250px;
}

#main .detail .right {
  width: 340px;
}

#main .detail .right a {
color:#022377;
}


#main .detail .right > p {
line-height: 1.3;
font-size:117%;
}

#main .detail .right table th,
#main .detail .right table td {
  padding: 13px 0;
  font-size: 110%;
  line-height:1.3;
}

.meter {
width:auto;
border-radius: 5px;
padding:5px 5px;
background-color:#fff;
}

.meter .btn_decoration > .triangle {
	border-width: 3px 0 4px 4px;
	top: 19px;
	right: 160px;
}

.meter >.hed> img {
margin-bottom:5px;
}

.meter >.hed> .all_review {
font-size:13px;
}

.meter .review .text {
font-size:14px;
line-height:1.4;
}




#main .textWrap .wrap > div {
line-height:1.5;
font-size:117%;
}

#main .textWrap .tab div {
border-radius: 3px 3px 0px 0px;
font-size:117%;
}

#main .titleWrap .titleType1 {
font-size:28px;
}

#main > .titleType1 + .sectionType1 .ttlWrap {
display:none;
}
#main > .titleType1 + .sectionType1 .ttlWrap h2 {
display:none;
}

.cms #authorProfile ul {
	margin: 0;
	padding:0;
}


.entry.cms a {
color:#022377;
text-decoration:underline;
}

.entry.cms h2 {
	font-size:24px;
	background:#022377;
	color:#ffffff;
	padding:10px 15px;
	line-height:1.2;
}

.entry.cms h3 {
  font-size: 113.3%;
  font-weight: bold;
  margin-top:1em;
  margin-bottom:0.5em;
  padding: 0em 0.5em;
  border-left: solid 5px orange;
}

.entry.cms h4 {
  font-size: 106.6%;
  font-weight: bold;
  margin-top:1em;
  margin-bottom:1em;
}

.entry.cms h5 {
  font-size: 100%;
  font-weight: bold;
  margin-top:1em;
  margin-bottom:1em;
}

.entry.cms h6 {
  font-size: 100%;
  font-weight: bold;
  margin-top:1em;
  margin-bottom:1em;
}


.entry.cms .profile dl {
	border-bottom:1px dotted #ddd;
	margin:0 auto;
	padding:5px;
	line-height: 1.2;
}

.entry.cms  .profile dl dt{
	float:left;
	margin:0 10px 0 0;
	width:80px;
	padding:5px 0;
	font-weight:bold;
}

.entry.cms  .profile dl dd{
	float:left;
	margin:0;
	padding:5px 0;
	line-height: 1.2;
}

.entry.cms h3 {
font-size:140%;
font-weight:bold;
}


#main .detail .tableType1{
font-size:14px;
}


.entry.cms .enkaku dl {
	border-bottom:1px dotted #ddd;
	margin:0 auto;
	padding:5px;
}

.entry.cms .enkaku dl dt{
	float:left;
	margin:0 10px 0 0;
	width:130px;
	padding:5px 0;
	white-space:nowrap;
}

.entry.cms .enkaku dl dd.month{
	float:left;
	width:30px;
	margin:0 10px 0 0;
	padding:5px 0;
	white-space:nowrap;
}

.entry.cms .enkaku dl dd.data{
	float:left;
	width:650px;
	margin:0;
	padding:5px 0;
}


.entry.cms .q_list{
	background-color:#ebebeb;
	padding:10px;
	margin-bottom:25px;
}

.entry.cms .q_list .q_listIn{
	background-color:#ffffff;
	padding:10px;
}

.entry.cms .q_list .q_listIn dl{
	margin:5px 0;
}

.entry.cms .q_list .q_listIn dl dt{
	float:left;
	width:50px;
	font-weight:bold;
	color:#002378;
	text-align:right;
}

.entry.cms .q_list .q_listIn dl dd{
	float:left;
	width:calc( 100% - 70px );
}


.entry.cms .links dl{
	clear: both;
}

.entry.cms .links dt{
	float: left;
	display: inline;
	width: 250px;
	padding: 0 0 6px;
	white-space: nowrap;
}

.entry.cms .links dd{
	border-bottom: 1px dotted #ddd;
	padding: 0 0 6px 250px;
	margin-bottom: 19px;
	margin-left:0;
}


/* お問い合わせ */
.entry.cms .contact_list .list_bg{
/* 
	width: 512px;
	background-color:#F1F1F1;
	padding:10px;
 */
}

.entry.cms .contact_list .list_bg ul.list01 li{
	margin-bottom:1em;
}

.entry.cms .contact_list .list_bg h4 {
margin:0;
}

.entry.cms .contact_list .icon01 {
	color:#933;
}

.entry.cms .contact_list .list_bg ul.list02{
	padding:0 0 1em 0;
	margin:0 0 0 1em;
}

.entry.cms .contact_list .list_bg ul.list02 li{
	float:left;
	width: 100%;
	margin:0 15px 0 0;
	padding:0;
}

.entry.cms .contact_list .list_bg ul.list02 li dl{
	margin:5px 0;
/* 	border-bottom:1px dotted #ddd; */
}

.entry.cms .contact_list .list_bg ul.list02 li dl dt{
	float:left;
	width:250px;
	margin:0 5px 0 0;
}

.entry.cms .contact_list .list_bg ul.list02 li dl dd{
	float: left;
	width: auto;
}




/* */






.entry.cms table th {
font-weight:bold;
}

.entry.cms ol.none,.entry.cms ul.none {
list-style-type:none;

  padding-left: 0;
}

.entry.cms ul.sns {
clear:both;
margin:0;
padding:0;
display: flex;
flex-wrap: wrap;
}

.entry.cms ul.sns li {
width:270px;
border: 1px solid #ccc;
background-color:#f9f9f9;
/* float:left; */
margin:0 20px 20px 0;
box-sizing: border-box;
padding:15px 15px 10px;
list-style-type:none;
position:relative;
/* min-height:190px; */
}

.entry.cms ul.sns li:nth-child(3n) {
	margin-right:0;
}

.entry.cms ul.sns li img.sns_icon {
position:absolute;
top:15px;
left:15px;
max-width:64px;
max-height:64px;
width:64px;
border-radius:32px;
border:1px solid #eee;
}


.entry.cms ul.sns li p.sns_name {
margin:0 0 5px 75px;
font-weight:bold;
font-size:16px;
line-height:1.2;
}
.entry.cms ul.sns li p.sns_profile {
margin:0 0 10px 75px;
font-size:13px;
line-height:1.4;
/* max-height:70px; */
min-height:3em;
overflow:hidden;
}

.entry.cms ul.sns li a.sns_twitter  {
background-image:url(/images/custom/sns/icon_sq_twitter.png);
background-size:cover;
width:30px;
height:30px;
display:inline-block;
line-height:1;
}

.entry.cms ul.sns li a.sns_facebook  {
background-image:url(/images/custom/sns/icon_sq_facebook.png);
background-size:cover;
width:30px;
height:30px;
display:inline-block;
line-height:1;
}

.entry.cms ul.sns li a.sns_instagram {
background-image:url(/images/custom/sns/icon_sq_instagram.png);
background-size:cover;
width:30px;
height:30px;
display:inline-block;
line-height:1;
}

.entry.cms ul.sns li a.sns_youtube  {
background-image:url(/images/custom/sns/icon_sq_youtube.png);
background-size:cover;
width:30px;
height:30px;
display:inline-block;
line-height:1;
}

.entry.cms ul.sns li a.sns_pixiv  {
background-image:url(/images/custom/sns/icon_sq_pixiv.png);
background-size:cover;
width:30px;
height:30px;
display:inline-block;
line-height:1;
}

.entry.cms ul.sns li a.sns_line {
background-image:url(/images/custom/sns/icon_sq_line.png);
background-size:cover;
width:30px;
height:30px;
display:inline-block;
line-height:1;
}

.entry.cms ul.sns li a.sns_other {
display:inline-block;
line-height:1;

}




.entry.cms ul.magazine {
clear:both;
margin:0;
padding:0;
display: flex;
flex-wrap: wrap;
}

.entry.cms ul.magazine li {
width:270px;
border: 1px solid #ccc;
background-color:#fff;
margin:0 20px 20px 0;
box-sizing: border-box;
padding:15px 15px 10px;
list-style-type:none;
position:relative;
text-align:center;
}

.entry.cms ul.magazine li:nth-child(3n) {
	margin-right:0;
}

.entry.cms ul.magazine li img.magazine_logo {
height:60px;
margin-bottom:10px;
}

.entry.cms ul.magazine li img.magazine_image {
width:160px;
height:auto;
}

.entry.cms ul.magazine li p.magazine_periodical {
background-color:#000;
color:#fff;
border-radius:12px;
margin:10px 0 0;
}
.entry.cms ul.magazine li p.magazine_title {
font-size:16px;
font-weight:bold;
margin:8px 0 5px;
line-height:1.2;
}
.entry.cms ul.magazine li p.magazine_detail {
line-height:1.3;
margin:0 0 10px;
font-size:14px;
}

.entry.cms ul.magazine li a.magazine_media img{
border:1px solid #eee;
width:180px;
}


.entry.cms a.btn{
display:inline-block;
/* border:1px solid #ccc; */
padding:9px 15px 9px 35px;
border-radius:5px;
font-size:17px;
text-decoration:none;
font-weight:bold;
position:relative;
background-color:#333;
color:#fff;
margin-right:0.5em;
}

.entry.cms a.btn:hover{
opacity:0.8;
}

.entry.cms a.btn::before {
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color:#fff;
	transform: translateY(-50%) rotate(45deg);
	top: 50%;
	left: 15px;
}

.entry.cms a.btn::after {
	content: '';
	position: absolute;
	left: 20px;
	box-sizing: border-box;
	width: 3px;
	height: 3px;
	border: 3px solid transparent;
	border-left: 5px solid #000;
	transform: translateY(-50%);
	top: 50%;
}




/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }