@charset "UTF-8";
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.42857143;
	color: #333;
	background-color: #fff;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight: bold; }
.container { max-width: 100%; }
.container #header { margin: 0 -15px 15px; }
.container #header div.menuitem { padding: 0px !important; }
.container #header div#h01 {
	padding: 15px !important;
	background-color: #f9f9f9;
}
.container #header div img {
/*	max-width: 38%; */
	height: auto;
}
#header .menuitem a {
	display: block;
	height: 45px;
	font-size: 16px;
	font-weight: bold;
	padding: 5px 10px;
	background-color: #F5F5F5;
	line-height: 1.1em;
	color: #FFFFFF;
}
#header #m01 a { background-color: #AA1330; }
#header #m02 a { background-color: #042430; }
#header #m03 a { background-color: #0A4659; }
#header #m04 a { background-color: #0D546B; }
#header #m05 a { background-color: #15637D; }
#header #m06 a { background-color: #257C99; }
#header #m07 a { background-color: #4492AB; }
.page_id_m01 #header #m01 a, .page_id_m02 #header #m02 a, .page_id_m03 #header #m03 a, .page_id_m04 #header #m04 a, .page_id_m05 #header #m05 a, .page_id_m06 #header #m06 a, .page_id_m07 #header #m07 a {
	color: #042430;
	background-color: #FFF;
}
.page_id_m01 #categorymenu .list-group-item#cm01, .page_id_m02 #categorymenu .list-group-item#cm02, .page_id_m03 #categorymenu .list-group-item#cm03, .page_id_m04 #categorymenu .list-group-item#cm04, .page_id_m05 #categorymenu .list-group-item#cm05, .page_id_m06 #categorymenu .list-group-item#cm06, .page_id_m07 #categorymenu .list-group-item#cm07 {
  z-index: 2;
  color: #fff;
  background-color: #5582a8;
  border-color: #5582a8;
}
#header .menuitem a:hover {
	opacity: 0.8;
}
#orderbtn {
	padding: 0px;
	margin: 15px 0px;
}
#orderbtn li {
	margin-right: 15px;
	margin-bottom: 15px;
}
.marks {
	font-size: 0.8em;
	padding-top: 15px;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 8em;
}
.marks .dl-horizontal dt {
	width: auto;
	text-align: left;
	white-space: normal;
}
.marks .dl-horizontal dd { margin: 0; }
.marks .dl-horizontal dt img {
	display: inline-block;
	margin-right: 5px;
}
#sidemenu #sm00 {
/*	font-weight: bold;
	background-color: #f9f9f9;
	color: #000000;
*/}
#sidemenu ul li { padding: 0; }
#sidemenu a {
	font-weight: bold;
	display: block;
	padding: 10px 15px 10px 13px;
	background-color: #f9f9f9;
}
#sidemenu #sm01 a { border-left: solid 2px #AA1330; }
#sidemenu #sm02 a { border-left: solid 2px #042430; }
#sidemenu #sm03 a { border-left: solid 2px #0A4659; }
#sidemenu #sm04 a { border-left: solid 2px #0D546B; }
#sidemenu #sm05 a { border-left: solid 2px #15637D; }
#sidemenu #sm06 a { border-left: solid 2px #257C99; }
#sidemenu #sm07 a { border-left: solid 2px #4492AB; }
#sidemenu #sm08 a { border-left: solid 2px #f9f9f9; }
.page_id_m01 #sidemenu #sm01 a, .page_id_m02 #sidemenu #sm02 a, .page_id_m03 #sidemenu #sm03 a, .page_id_m04 #sidemenu #sm04 a, .page_id_m05 #sidemenu #sm05 a, .page_id_m06 #sidemenu #sm06 a, .page_id_m07 #sidemenu #sm07 a {
	border-left-width: 5px !important;
	padding-left: 10px;
	background-color: #FFF;
}
#sidemenu a:hover {
	border-left-width: 5px !important;
	padding-left: 10px;
}
#mark-top { float: right; }
#bnr20thcamp {
	background-position: center top;
	background-size: contain;
	padding: 0px;
	background-repeat: no-repeat;
}
.container #bnr20thcamp img.img-responsive {
	border-radius: 18px;
}
.container #bnr20thcamp p { margin: 1em; }
.camp_c .col-sm-4 .img-responsive { margin: auto; }
.jumbotron.jumbotron-nopad {
	padding: 0px;
	position: relative;
}
.jumbotron.jumbotron-nopad #movieplay {
	display: inline-block;
	padding: 40px 20px;
	border: solid 4px #fff;
	border-radius: 3px;
	background: rgba(0,0,0,0.2);
	color: #fff;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 36px;
	position: absolute;
	left: 15px;
	bottom: 15px;
	width: 250px;
}
.jumbotron.jumbotron-nopad #movieplay:hover { background-color: rgba(255,255,255,0.20); }
/*20周年キャンペーン*/
.row.camp_c { margin: 4em 0px; }
#camp_7h20th .bookcrumbs, #camp_7h20th .bookinfo.row { margin: 30px 0; }
#camp_7h20th .bookcrumbs .col-sm-3 { padding: 0; }
#camp_7h20th .bookcrumbs .bookname {
	border-radius: 4px;
	border: 1px solid #74C0E1;
	padding: 9px 0;
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	display: block;
	text-align: center;
}
#camp_7h20th .glyphicon.glyphicon-arrow-right {
	font-size: 36px;
	width: 36px;
	margin: auto;
	color: #57CBDD;
}
#camp_7h20th .bookcrumbs .col-sm-1.hidden-xs, .bookinfo .col-sm-1.hidden-xs {
	text-align: center;
	padding: 0;
}
#camp_7h20th .bookinfo h4 {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#camp_7h20th .bookinfo p.caption { font-size: 12px; }
#camp_7h20th .bookinfo img { margin: auto; }
h1 .h1e {
	font: 60px/1 'Oswald', sans-serif;
	color: #A1A1A1;
}
h3.h3e, h3 .h3e {
	font: 30px 'Oswald', sans-serif;
	color: #A1A1A1;
}
#footer {
	background-color: #E6E6E6;
	padding: 15px;
	margin-top: 60px;
	text-align: center;
	font-size: 12px;
}
.booklink {
	font-weight: bold;
	letter-spacing: 0.2em;
}
.bg_h2 {
	padding-left: 1em;
	text-indent: -1em;
}
.bookcrumbs.row div .label {
	padding: 10px 0;
	display: block;
	font-weight: normal;
}
.bg_00s .col-sm-6 a {
	display: block;
	margin-bottom:15px;
}
.bg_00s .col-sm-6 a img {
	margin-bottom:0.5em;
}
.bg_00s .col-sm-6 a img:hover {
	opacity: 0.8;
}
.bg_00s .col-sm-6 a .glyphicon.glyphicon-chevron-right.list-chevron {
	font-size: 2em;
	opacity: 0.5;
}
img.bookimg-main {
	max-height: 250px;
	height: auto;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	border-top: 1px solid rgba(0,0,0,0.05);
	border-left: 1px solid rgba(0,0,0,0.05);
}
.table.table-striped.table-bookinfo { margin: 30px 0;
border-bottom: 1px solid #ddd; }
.link_list .list-group .list-group-item { padding: 0px; }
.link_list .list-group .list-group-item a {
	padding: 10px 15px;
	display: block;
}
.link_list {
	padding: 5px 15px;
	border-radius: 5px;
	margin: 30px 0;
	background-color: #f9f9f9;
}
.navbar-brand.navbar-brand-kb { padding: 0 15px; }
.navbar-brand.navbar-brand-kb .pull-left.img-responsive { max-width: 80%; }
.marks.marks-xs .dl-horizontal dt { float: left; }
.booklist .thumbnail img {
	max-height: 200px;
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	box-shadow: 4px 4px 4px rgba(0,0,0,0.30);
	border-top: 1px solid rgba(0,0,0,0.05);
	border-left: 1px solid rgba(0,0,0,0.05);
}
.booklist .thumbnail .caption p { font-size: 12px; }
.booklist .thumbnail .caption h4 .small {
	color: #000000;
	font-weight: bold;
}
.page_id_top #carousel1 .carousel-caption {
	background-color: rgba(0,0,0,0.20);
	padding-right: 15px;
	padding-left: 15px;
	width: 90%;
	left:5%;
}
.page_id_top #carousel1 .carousel-inner > .item > a > img { width: 70%; }
.bookcategory {
	border-top: 1px dotted #CCCCCC;
	padding-top: 15px;
	margin-top: 15px;
}
.samples a.inside {
	position: relative;
	display: block;
}
.samples a.inside img {
	border:1px solid #DADADA;
}
.samples a.inside .glyphicon.glyphicon-zoom-in {
	display:block;
	height:14px;
	position: absolute;
	right: 5px;
	bottom: 5px;
	top:auto;
}
.text-sub { font-size: smaller; }
.bookinfo_body ul li { list-style: none; }

.jumbotron.bnr4dx {
	background-image: url(../4dx/img/top-img-back.jpg);
	background-size: cover;
	padding: 0px;
	background-position: center center;
}
.jumbotron.bnr4dx .bnr4dx-inner {
	padding: 30px;
	background-image: url(../4dx/img/white-stripe.png);
}

.jumbotron.bnr7hwc {
	background-image: url(../img/bnr-7hwc-back.jpg);
	background-size: cover;
	padding: 0px;
	background-position: center center;
}
.jumbotron.bnr7hwc .bnr7hwc-inner {
	padding: 30px;
	background-image: url(../4dx/img/white-stripe.png);
}
.mov_link .list-group .list-group-item::after { content: ">"; display: block; float: right; font-weight: bold;}
.row.mov_link .list-group .list-group-item {
	font-size: 20px;
	font-weight: bold;
}
.jumbotron.bnr8h {
	background-image: -webkit-linear-gradient(90deg,rgba(137,164,229,1.00) 0%,rgba(0,61,141,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(137,164,229,1.00) 0%,rgba(0,61,141,1.00) 100%);
}



@media (min-width: 768px) and (max-width: 991px) {

.bg_00s .col-sm-6 a h4 {
	font-size:14px !important;
}
#header .menuitem a {
	font-size: 12px;
}

}


@media (max-width: 767px) {
.page_id_top #carousel1 .carousel-inner > .item > a > img { width: 100%; }
.thumbnail>img {
	float: left;
	max-height: 180px;
	width: auto;
	margin: 1em;
}
#header .menuitem a {
	font-size: 12px;
}

/*20周年キャンペーン*/
#camp_7h20th .bookinfo .thumbnail {
	width: 60%;
	margin: auto;
}
#camp_7h20th .visible-xs { margin: 15px; }
#camp_7h20th .glyphicon.glyphicon-arrow-down {
	font-size: 36px;
	display: block;
	margin: auto;
	text-align: center;
	top: 0px !important;
	color: #57CBDD;
}
#orderbtn li {
	float: left;
}

}


@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}





/* ヘッダ再開発 2018.0417 */
.vaf-overwrite{
	height:75px;
}
.vaf-overwrite .navbar-brand-kb,
.vaf-overwrite .pub-logo{
	display:inline-block;
	padding:5px;
}
.vaf-overwrite .navbar-brand-kb{
	width:200px;
}
.vaf-overwrite .pub-logo{
	width:150px;
	position: absolute;
	right: 0;
	top: -5px;
}
.vaf-overwrite button{
	clear:both;
	margin:-20px 5px 0 0;
}


/* ニュースモジュール追加 2019.0926 */
#MOD_NEWS{}
#MOD_NEWS .mod_head{
	display:flex;
	justify-content: space-between;
	align-items: flex-end;
}
#MOD_NEWS .mod_head a{
	color:#333;
	display: inline-block;
	padding:10px 15px 10px 20px;
	background:#ccc;
}
#MOD_NEWS .mod_head a:after{
	content:"＞";
	display: inline-block;
	margin-left:5px;
}
#MOD_NEWS .mod_head a:hover{
	opacity: 0.75;
}
#MOD_NEWS .mod_body{
	border:1px solid #ccc;
	padding:20px 15px 15px;
}
#MOD_NEWS .mod_body ul,#MOD_NEWS .mod_body li{
	list-style: none;
	margin:0; padding:0;
}
#MOD_NEWS .mod_body li:not(:last-of-type){
	margin-bottom:15px;
}

#MOD_NEWS .mod_body li a{
	color:#666;
	display: flex;
	align-items: center;
	width: 100%;
	text-decoration: none;
}
#MOD_NEWS .mod_body li span{
	display: inline-block;
}
#MOD_NEWS .mod_body li span.date{
	color:#666;
	margin-right:10px;
}
#MOD_NEWS .mod_body li span.tips {
    background: #d4145a;
    border-radius: 3px;
    color: #fff;
    margin-right: 5px;
    padding: 5px 10px 3px;
    min-width: 110px;
    text-align: center;
    font-size: 12px;
}
#MOD_NEWS .mod_body li span.tips.sorry {
    background: #e6e6e6;
    color: #000;
}
#MOD_NEWS .mod_body li a:hover span.text{
	text-decoration: underline;
}
@media(max-width:798px){
	#MOD_NEWS .mod_body li a{
		flex-wrap: wrap;
	}
	#MOD_NEWS .mod_body li span.text{
		display: block;
		width:100%;
		padding-top:5px;
	}
	#MOD_NEWS .mod_body li:not(:last-of-type) span.text{
		margin-bottom:20px;
	}
}

#NEWS_DETAIL h3{
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}
#NEWS_DETAIL h3 span{
	font-size:14px;
	font-weight:normal;
	display: inline-block;
}
#NEWS_DETAIL h3 span.tips{
	background: #d4145a;
	border-radius: 3px;
	color: #fff;
	margin-right: 5px;
	padding: 5px 10px 3px;
	min-width: 110px;
	text-align: center;
	font-size: 12px;
	margin-left:10px;
}
#NEWS_DETAIL h3 span.tips.sorry{
	background: #e6e6e6;
  color: #000;
}
#NEWS_DETAIL h3 strong.title{
	display: block;
	width: 100%;
	margin-top:15px;
	margin-bottom:35px;
}
.detail_body p{
	line-height: 1.7;
	margin-bottom:20px;
}

.btn_back{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.btn_back a{
	display: inline-block;
	padding:10px 15px;
	background:#efefef;
	color:#333;
}
#MOD_NEWS .btn_back{
	padding-top:35px;
}


/* プライバシーポリシー追加に伴う修正：2019.11.1  - VAF */
#footer .row .col-xs-12{
	display: flex;
	align-items: center;
	justify-content: space-between;
	align-content: center;
}
#footer .row .col-xs-12 p{
	margin-bottom:0;
}
#footer .row .col-xs-12 a{
	text-decoration: underline;
}

#privacy_body{
	margin:45px auto 0;
}
#privacy_body *{
	line-height:1.7;
}
#privacy_body h2{
	font-size:24px;
}
#privacy_body p,#privacy_body dl dd{
	font-size:14px;
}
#privacy_body h3{
	font-size:18px;
}
#privacy_body dt{
	font-size:16px;
}
.privacy_wrap{
	margin-bottom:45px;
}
#privacy_body ol,#privacy_body li{
	list-style: none;
	margin-left:0;
	padding-left:0;
}