*{
color:#221815;
}

body,html{
color:#221815;
font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}


@-ms-viewport
{
width: auto;
initial-scale: 1;
}
@viewport
{
width: device-width;
initial-scale: 1;
}

.btn.active{
box-shadow:none;
}


/*brand-image*/

.navbar-brand {
float: left;
height: 65px;
font-size: 18px;
line-height: 20px;
padding: 15px;
padding-right:35px
}

.navbar-brand img{
width:166px;
height:35px;
}
/*icon*/
.icon{
padding-left:5px;
}


/*nav*/
.navbar-default {
background-color:#fff;
border-radius:0;
box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}

navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus{
background-color:#fff;
}

.dropdown-menu{
text-align:center;
border-radius:0;
}

.navbar{
margin-bottom:0;
}
.navbar-nav img{
height:15px;
}

.navbar-nav .nav-search_btn img{
height:18px;
margin-top:-3px;
}
/*search btn*/

.btn.nav-search_btn {
height: 34px;
display: inline-block;
padding: 2px 12px;
margin-bottom: 0px;
font-weight: normal;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
-moz-user-select: none;
background-image: none;
 border: 1px solid #CCC;
border-radius: 4px;
}

.navbar-toggle{
border-radius:0;
margin-top:15px;
}

.navbar-toggle span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}

.navbar-toggle.active  span:nth-of-type(2) {
-webkit-transform: translateY(6px) rotate(-45deg);
transform: translateY(6px) rotate(-45deg);
}
.navbar-toggle.active  span:nth-of-type(3) {
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
.navbar-toggle.active span:nth-of-type(4) {
opacity: 0;
} 

.navbar-default .navbar-nav .open a.dropdown-toggle:first-child,
.navbar-default .navbar-nav .open .dropdown-menu > li a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li a:focus,
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
color: #555;
background-color: #E7E7E7; !important;
}



.container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}

.navbar-nav > li > a{
line-height:35px;
}

/*search*/
.ion-search{
font-size:16px;
line-height:1;
}

.navbar-form {
padding:15px;
margin: 0px;
margin-bottom:0;
border:none;
}


.navbar-default .navbar-nav .open .dropdown-menu > li{
position:relative;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a{
line-height: 35px;
border-bottom:1px dashed #E7E7E7;
text-align:left;
}

.navbar-default .navbar-nav .open .dropdown-menu > li:last-child > a{
border-bottom:1px solid #E7E7E7;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:after{
display: block;
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 10px;
height: 10px;
margin: -4px 0 0 0;
border-top: solid 2px #337AB7;
border-right: solid 2px #337AB7;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.fab{
font-size:24px;
color: #746c6a;
}

.navbar-nav > li.menu-insta > a,
.navbar-nav > li.menu-fb > a,
.navbar-nav > li.menu-tw >a{
padding-top:18px;
padding-bottom:12px;
}



/*-------------
 slider
---------------*/
#slider{
width: 100%;
background: #003f7e none repeat scroll 0% 0%;
padding: 10px 0px;
background-image:url("/images/top/seidosha_top.png");
background-size:cover;
background-position:top right;
}

#slider .container{
padding: 0px;
padding-bottom:20px;
}

#slider .inner-box{
background:#fff;
text-align:center;
width:100%;
margin:15px 0;
padding:10px 0px;
}


 .slick-slider{
margin-bottom: 0px;
}
.slick-slide a{
display:block;
padding:10px;
}

.slick-slide img{
width:100%;
box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
-moz-box-shadow:rgba(194, 194, 194, 0.65) 0px 0px 6px 3px;
}




/*isotope*/
.parent{
padding:10px 0;
}

.iso-items h2{
border-bottom:1px solid #333;
line-height:1.6em;
}

.iso-items h2 img{
height:20px;
}

.col-link-items .row{
margin:0 -10px;
}




.col-link-items img{
width: 100%;
height: auto;
border:1px solid #dedede;
}


.col-link-items .col-xs-1, .col-link-items .col-sm-1, .col-link-items .col-md-1, .col-link-items .col-lg-1, .col-link-items .col-xs-2, .col-link-items .col-sm-2, .col-link-items .col-md-2, .col-link-items .col-lg-2, .col-link-items .col-xs-3, .col-link-items .col-sm-3, .col-link-items .col-md-3, .col-link-items .col-lg-3, .col-link-items .col-xs-4, .col-link-items .col-sm-4, .col-link-items .col-md-4, .col-link-items .col-lg-4, .col-link-items .col-xs-5, .col-link-items .col-sm-5, .col-link-items .col-md-5, .col-link-items .col-lg-5, .col-link-items .col-xs-6, .col-link-items .col-sm-6, .col-link-items .col-md-6, .col-link-items .col-lg-6, .col-link-items .col-xs-7, .col-link-items .col-sm-7, .col-link-items .col-md-7, .col-link-items .col-lg-7, .col-link-items .col-xs-8, .col-link-items .col-sm-8, .col-link-items .col-md-8, .col-link-items .col-lg-8, .col-link-items .col-xs-9, .col-link-items .col-sm-9, .col-link-items .col-md-9, .col-link-items .col-lg-9, .col-link-items .col-xs-10, .col-link-items .col-sm-10, .col-link-items .col-md-10, .col-link-items .col-lg-10, .col-link-items .col-xs-11, .col-link-items .col-sm-11, .col-link-items .col-md-11, .col-link-items .col-lg-11, .col-link-items .col-xs-12, .col-link-items .col-sm-12, .col-link-items .col-md-12, .col-link-items .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}

.col-link-items{
padding-top:10px;
padding-bottom:10px;
}

.col-link-items a{
position: relative;
min-height: 1px;
}
.col-link-items a:hover h3,
.col-link-items a:hover p{
text-decoration:underline;
}

.col-link-items p{
font-size:12px;
line-height:22px;
margin-bottom:0;
}

.iso-items .col-link-items p:last-child, .iso-items .col-link-items:last-child {
margin-bottom: 0px;
}

/*info-block*/
.info-block p.date{
color:#898989;
}

#new_mag .info-block p.date{
text-align:right;
}

.info-block .h5{
font-weight:bold;
color:#004286;
line-height:22px;
margin-top:0;
margin-bottom:5px;
}

#topics .info-block .h5{
margin-bottom:0;
}


/*footer*/
#footer{
box-shadow:rgba(0, 0, 0, 0.12) 0px -8px 12px -1px;
-webkit-box-shadow:rgba(0, 0, 0, 0.12) 0px -8px 12px -1px;
-moz-box-shadow:rgba(0, 0, 0, 0.12) 0px -8px 12px -1px;
margin-top:50px;
padding:30px 0;
border-top:1px solid #E7E7E7;
}

#footer ul{
padding-left:0;
list-style-position:inside;
line-height:22px;
font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 13px;

}

#footer ul ul{
list-style:none outside;
}

#footer ul li a{
color:#221815;
}

#footer ul li a:hover{
color:#337AB7;
text-decoration:none;
}


 /* top top btn*/
.top-to{
width: 60px;
height: 60px;
position: fixed;
bottom: 50px;
right: 4%;
display: none;
background-color: #004286;
color: #fff;
text-align:center;
}

.top-to a span{
color: #fff;
font-size:30px;
line-height:60px;
}


/*bredcrumb*/

.breadcrumb > li + li::before {
    padding: 0px 5px;
    color: #CCC;
    content: "> ";
}
.breadcrumb{
background:none;
border-radius:0;
margin-left:-15px;
margin-bottom:0;
}

/*second contents-area*/

.detail-body{
margin-top:40px;
}

.detail-body h2{
font-weight:bold;
font-size:28px;
}

.detail-body .indivi h2{
font-weight:bold;
font-size:24px;
margin-bottom:20px;
}

.detail-body .payment h2{
font-weight:bold;
font-size:24px;
}

.detail-body .payment .title{
margin-bottom:20px;
}

.detail-body h2.indivi{
margin-top:5px;
padding-bottom:10px;
//border-bottom: dotted 1px #221815;
  background-image: linear-gradient(to right, #333 20%, rgba(255, 255, 255, 0) 0%);
  background-position: bottom;
  background-size: 5px 1px;
  background-repeat: repeat-x;
margin-bottom:30px;
}

.detail-body h2.indivi img{
height:22px;
}

.contents-main.indivi h3{
font-size:16px;
line-height:28px;
}


.detail-body .header-contents{
margin-bottom:20px;
}


/*map*/
#map_canvas{
width: 100%;
height: 380px;
margin:30px 0;
}

#gaiyou.table > tbody > tr:first-child >th,
#gaiyou.table > tbody > tr:first-child >td{
border-top:none;
}



/*sns-btn*/
.sns-btn ul{
margin:0;
margin-top: 20px;
text-align:center;
padding-left: 0px;
list-style: outside none none;
}

.sns-btn ul li{
display:inline-block;
height:40px;
width:40px;
border-radius:1px;
color:#fff;
vertical-align:middle;
text-align:center;
}



.sns-btn ul li a img{
height:40px;
width:40px;
}



/* book detail*/

td.b-name{
width:45%;
}

td.b-author{
width:25%;
}


td.b-price{
width:12em;
}

td.b-ibsn{
width:12em;
}

.book-detail{
margin:30px 0;
}

.book-info-text{
margin-top:0;
}


.book-detail p{
border-bottom:1px solid #221815;
font-size:16px;
padding-left:4em;
line-height:40px;
margin:0;
min-height:40px;
}

.book-detail p:first-child{
border-top:1px solid #221815;
}

.capture img{
margin-bottom:10px;
border:1px solid #dedede;
}
.book-detail p span{
position:absolute;
left:15px;
font-weight:bold;
}

/* pre-page-btn*/
.page{
text-align:right;
margin:30px 0;
margin-bottom:0;
margin-right:-5px;
}

.page a{
text-align:center;
color :#221815;
border-radius:4px;
border:1px solid #221815;
font-size:16px;
font-weight:bold;
line-height:40px;
display:inline-block;
padding:0 20px;
text-decoration:none;
margin:5px;
}

.page a:hover{
background:#E7E7E7;;

}

/* back-page-btn*/
.page.back{
text-align:center;

}

.page.back a{
width:260px;
font-size:20px;
line-height:50px;
}


/*buy-btn*/
.buy-btn{
margin-bottom:50px;
}
.buy-btn a{
background-color: #004286;
color: #FFF;
text-align: center;
border-radius:4px;
border:1px solid #023871;
font-size:20px;
line-height:48px;
display:block;
font-weight:bold;
text-decoration:none;
}

.buy-btn a:hover{
background-color: #023871;
}

/*stores*/
.store_list .title{
background: #004286;
color: #FFF;
margin:10px 0;
padding-top:10px;
padding-bottom:10px;
margin-top:40px;
}

.store_list .title h3{
font-size:20px;
margin:0;
color: #FFF;
font-weight:bold;
}

.store_list .title p{
margin:0;
color: #FFF;
padding-top:5px;
text-align:left;
}


.store_list ul{
text-align:center;
padding-left:0;
list-style:none;
position:relative;
margin:0px -5px;
margin-bottom:20px;
}

.store_list ul li{
padding:5px;
float:left;
width:50%;
}

.store_list ul li img{
width:100%;
}

.store_list ul::after{
display: table;
content: " ";
clear:both;}


.tel{
font-size:18px;
font-weight:bold;
background:url(/images/book/tel-icon.png) no-repeat left center;
background-size:21px 16px;
padding-left:30px;
}

/*book-genru*/
.genru_list{
margin:-15px 0
}
.genru_list ul{
text-align:center;
padding-left:0;
list-style:none;
position:relative;
margin:0px -15px;
}

.genru_list ul li{
padding:15px;
float:none;
width:100%;
}

.genru_list ul li a{
border: 1px solid #CCC;
border-radius: 4px;
padding:10px 0;
display:block;
font-weight:bold;
text-decp
}

.genru_list ul li a:hover{

}

.genru_list ul::after{
display: table;
content: " ";
clear:both;}



/*review*/
#backnumber .panel-heading{
padding:0;
border:none;
border-bottom:1px solid #ddd;
border-radius:0;
}

#backnumber.panel-group .panel{
border-radius:0;
border:none;
border-bottom:1px solid #ddd;
box-shadow:none;
margin-bottom:20px;
}

#backnumber.panel-group .panel-body{
 border:none;
}

#backnumber .panel-title a {
display:block;
padding: 10px 20px;
}
#backnumber .panel-title a:hover{
text-decoration:none;
}

#backnumber h3{
font-size:16px;
position:relative;
}

#backnumber h3 span{
font-weight:bold;
color:#000039;
position:absolute;
top:10px;
left:20px;
font-size:30px;
font-weight: normal;
}

#backnumber h3 span.pull-right{
float:none !important;
position:absolute;
top:50%;
right:15px;
left:auto;
margin-top:-15px;
}




/*backnumber*/
.backnumber_list .title{
background: #004286;
color: #FFF;
margin:10px 0;
padding-top:10px;
padding-bottom:10px;
margin-top:40px;
}

.backnumber_list .title h3{
font-size:20px;
margin:0;
color: #FFF;
font-weight:bold;
}

.backnumber_list .title p{
margin:0;
color: #FFF;
padding-top:5px;
text-align:left;
}


.backnumber_list ul{
text-align:center;
padding-left:0;
list-style:none;
position:relative;
margin:0px -15px;
}

.backnumber_list ul li{
padding:15px;
float:left;
width:50%;
}

.backnumber_list ul li a{
display:block;
border:1px solid #ddd;
padding:15px 0;
border-radius:4px;
}

.backnumber_list ul::after{
display: table;
content: " ";
clear:both;}




@media (min-width: 580px) {
.store_list .title p{
padding-top:0px;
text-align:right;
}
.store_list ul li{
width:33.333%;
}


.backnumber_list .title p{
padding-top:0px;
text-align:right;
}
.backnumber_list ul li{
width:33.333%;
}




}




@media (min-width: 768px){ 
#slider .container{
padding: 0 15px;
}

#slider .inner-box{
padding:20px;
}

/*sns-btn*/
.sns-btn ul{
text-align:right;
width:100%;
}


.sns-btn ul li{
display:inline-block;
height:30px;
width:30px;
border-radius:1px;
color:#fff;
vertical-align:middle;
text-align:center;
}

.sns-btn ul li a img{
height:30px;
width:30px;
}

/*book-detail*/
.book-info-text{
margin-top:30px;
}

.genru_list ul li{
padding:15px;
float:left;
width:50%;
}


}

@media (max-width: 991px){
.navbar-header{
float:none;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}

.navbar .f{
width:auto !important;
}


.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
margin-left: 0px;
}

.navbar-toggle {
display: block;
}

.navbar-nav {
float: none;
margin: 0px -15px;
}

.navbar-nav > li {
float: none;
}

.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0px;
background-color: transparent;
border: 0px none;
box-shadow: none;
}

.navbar-collapse.collapse.in{
display:block !important;
}

.navbar-collapse.collapse{
display:none !important;
}

.navbar-nav > li.menu-insta,
.navbar-nav > li.menu-fb,
.navbar-nav > li.menu-tw {
float:none;
display:inline-block;
}

.navbar-nav{
zoom: 1; /* float解除 for IE6/7  */
}

.navbar-nav > li:last-child::before{
    content: "";
    clear: both;
    display: block;
}

.navbar-form .form-group{
display:block;
}


.navbar-form .input-group .input-group-btn{
width: 1%;
}


.navbar-form .input-group-addon,.navbar-form .input-group-btn,.navbar-form .input-group .form-control {
display: table-cell;
width: 100%;
}

/*gaiyou*/
#gaiyou.table > tbody > tr > td,
#gaiyou.table > tbody > tr > th{
display: block;
max-width: 100%;
width: 100%;
}

#gaiyou.table > tbody > tr:first-child >td{
border-top: 1px solid #ddd;
}

}



@media (min-width: 992px) {
/*nav*/

.navbar-default .navbar-nav .open .dropdown-menu > li a{
border:none;
text-align:center;
line-height:1.5em;
}

.navbar-default .navbar-nav .open .dropdown-menu > li:last-child a{
border:none;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a:after{
border:none;
}

.navbar-toggle {
display: none;
}

.dropdown-toggle .icon{
display:none;
}

.container {
width:990px;
}


.navbar-form{
max-width:220px;
margin-right:-15px;
}

.btn.nav-search_btn {
padding: 2px 6px;
}


.dropdown-menu{
text-align:center;
left:-50px !important;
border-radius:0;
width:240px;
}

ul.navbar-nav ul::after ,
ul.navbar-nav ul:before {
  right: 50%;
  top: -14px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.active.search-icon::before{
  top: 0px;
}

ul.navbar-nav ul::after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 8px;
  margin-right: -8px;
}
ul.navbar-nav ul::before {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #898989;
  border-width: 7px;
  margin-right: -7px;
}


/*book detail*/

.book-info-text{
margin-top:0px;
}
.store_list ul li{
width: 16.66666667%;
}

 .genru_list ul li{
padding:15px;
float:left;
width:33.333%;
}

/*backnumber*/

.backnumber_list ul li{
width:20%;
}
}