@charset "UTF-8";
   .top_search {
background:#333333;
padding:20px 0;
}
.top_search .box .search_box {
position:relative;
float:left;
width:605px;
height:40px;
}
.top_search .box .cat_box {
position:relative;
float:right;
width:605px;
height:40px;
}
.top_search .box .searchandfilter ul ,
.top_search .box .searchandfilter li ,
.top_search .box .searchandfilter label {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.top_search .box .searchandfilter li.sf-field-submit {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
display: inline-block;
}
.top_search .box .searchandfilter li.sf-field-submit:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
font-family: "Font Awesome 5 Free";
content: "\f002";
font-size:2.4rem;
font-weight: 700;
line-height:1.1;
color:#4d4d4d;
display: inline-block;
}
.top_search .box .searchandfilter input ,
.top_search .box .search_box input {
width:100%;
height:40px;
font-size:1.8rem;
line-height:1.1;
padding:.7em .5em;
padding-right:2em;
background:#FFF;
border: solid 1px #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.top_search .box .searchandfilter input:focus ,
.top_search .box .search_box input:focus {
outline: 0;
background:#FFF;
border: solid 1px #666666;
}
.top_search .box .search_box input[type="submit"] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
background:none;
border:none;
display: inline-block;
cursor:pointer;
padding:0;
margin:0;
text-decoration:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-size:0;
line-height:1.1;
width: 40px;
height: 40px;
}
.top_search .box .search_box button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
background:none;
border:none;
display:block;
cursor:pointer;
padding:0;
margin:0;
text-decoration:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-size:2.4rem;
line-height:1.1;
color:#4d4d4d;
}
.top_search .box .search_box button:focus ,
.top_search .box .search_box button:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
:-moz-placeholder {
color: #808080;
opacity: 1;
}
::-moz-placeholder {
color: #808080;
opacity: 1;
}
:-ms-input-placeholder {
color: #808080;
}
::-ms-input-placeholder {
color: #808080;
}
::-webkit-input-placeholder {
color: #808080;
}
::placeholder {
color: #808080;
}
.top_search .box .cat_box .drop_box {
position:relative;
width:100%;
height:40px;
overflow:hidden;
display:block;
background:#FFF;
border: solid 1px #000000;
padding:0;
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.top_search .box .cat_box .drop_box select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
margin:0;
background:transparent;
border:0;
outline:none;
font-size:1.8rem;
line-height:1.1;
padding:.6em .5em 0;
width: 100%;
color: #808080;
}
.top_search .box .cat_box .drop_box:before {
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight:700;
position:absolute;
z-index:2;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:20px;
font-size:1.6rem;
line-height:1;
}
.tag_list {
text-align: center;
padding: 30px 0 70px;
font-size: 0;
}
.tag_list ul {
display: inline-block;
text-align: center;
}
.tag_list ul li {
display: inline-block;
margin: 0 5px;
}
.tag_list ul li a {
display: block;
border:  solid 1px #808080;
background: #4d4d4d;
line-height: 1.1;
font-size: 1.4rem;
padding: .6em 1.1em;
border-radius: 1.2em;
color: #e6e6e6;
text-decoration: none;
}
.tag_list ul li a:hover {
border:  solid 1px #808080;
background: #FFF;
color: #808080;
}
.top_new_books {
margin-bottom:100px;
}
.top_new_books h3 {
position:relative;
line-height:1.1;
margin-bottom:60px;
text-align:center;
}
.top_new_books h3:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:0;
z-index:-1;
width:100%;
height:1px;
background:#333333;
display:block;
content:'';
}
.top_new_books h3 span {
display:inline-block;
font-size:2.4rem;
font-weight:700;
padding:0 1.2em;
background:#fbfbfb;
}
.top_new_books .box {
margin-bottom:40px;
}
.top_new_books .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_new_books .box section {
float:left;
width:23.38%;
margin-right:2.16%;
margin-bottom:90px;
}
.top_new_books .box section:nth-child(4n) {
margin-right:0;
}
.top_new_books .box section:nth-child(4n+1) {
clear:both;
}
.top_new_books .box section:nth-last-child(-n+4) {
margin-bottom:0;
}
.top_new_books .box section .tag {
height:40px;
line-height:40px;
}
.top_new_books .box section .tag span {
display:block;
font-size:1.4rem;
text-align: center;
}
.top_new_books .box section .category {
font-size:1.3rem;
font-weight:600;
color:#808080;
text-align:center;
padding:.8em 0;
}
.top_new_books .box section .img {
margin-bottom:20px;
height: 280px;
overflow: hidden;
}
.top_new_books .box section .img span {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 280px; text-align: center;
}
.top_new_books .box section .img span img {
width: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.top_new_books .box section h4 {
margin-bottom:10px;
text-align:center;
}
.top_new_books .box section h4 a {
font-size:1.6rem;
font-weight:600;
}
.top_new_books .box section h4 a span.icon_new {
display: inline-block;
background: #e50c00;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.1;
padding: .3em .5em;
margin-right: .6em;
border-radius: .3em;
color: #FFF;
}
.top_new_books .box section h4 a em {
display: block;
text-align:center;
font-size:1.5rem;
font-weight:600;
}
.top_new_books .box section h5 {
font-size:1.4rem;
font-weight:600;
text-align:center;
color:#808080;
}
.top_new_books .box section .simple_comment {
margin-top: .4em;
padding: .3em .4em;
border-radius: .4em;
font-size:1.4rem;
text-align:center;
color:#808080;
}
.top_new_books .more_btn {
text-align:center;
}
.top_new_books .more_btn a {
display:inline-block;
padding:1.2em 6.5em;
font-size:1.4rem;
background:#f2f2f2;
border: solid 1px #f2f2f2;
text-decoration:none;
}
.top_new_books .more_btn a span {
display:block;
white-space:nowrap;
font-weight:700;
}
.top_new_books .more_btn a:hover {
background:#FFF;
border: solid 1px #f2f2f2;
text-decoration:none;
}
.top_news {
margin-bottom:100px;
}
.top_news h3 {
position:relative;
line-height:1.1;
margin-bottom:60px;
text-align:center;
}
.top_news h3:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:0;
z-index:-1;
width:100%;
height:1px;
background:#333333;
display:block;
content:'';
}
.top_news h3 span {
display:inline-block;
font-size:2.4rem;
font-weight:700;
padding:0 1.2em;
background:#fbfbfb;
}
.top_news .box {
margin-bottom:40px;
}
.top_news .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_news .box section {
float:left;
width:23.38%;
margin-right:2.16%;
margin-bottom:90px;
}
.top_news .box section:nth-child(4n) {
margin-right:0;
}
.top_news .box section:nth-child(4n+1) {
clear:both;
}
.top_news .box section:nth-last-child(-n+4) {
margin-bottom:0;
}
.top_news .box section .img a {
position: relative;
display: block;
overflow: hidden;
height:0;
padding-top: 75%;
}
.top_news .box section .img a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: block;
object-fit: contain;
}
.top_news .box section time {
display:block;
font-size:1.4rem;
font-weight:600;
margin-bottom:.3em;
}
.top_news .box section time span.icon_new {
display: inline-block;
background: #e50c00;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.1;
padding: .3em .5em;
margin-left: .6em;
border-radius: .3em;
color: #FFF;
}
.top_news .box section .category {
margin-bottom:10px;
}
.top_news .box section .category a {
display:block;
font-size:1.4rem;
padding:.4em .5em;
text-align:center;
}
.top_news .box section .category a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.top_news .box section h4 a {
font-size:1.6rem;
font-weight:600;
}
.top_news .box section .event_day {
font-size:1.4rem;
font-weight:400;
text-align:center;
color:#808080;
padding-top: .5em;
}
.top_news .more_btn {
text-align:center;
}
.top_news .more_btn a {
display:inline-block;
padding:1.2em 6.5em;
font-size:1.4rem;
background:#f2f2f2;
border: solid 1px #f2f2f2;
text-decoration:none;
}
.top_news .more_btn a span {
display:block;
white-space:nowrap;
font-weight:700;
}
.top_news .more_btn a:hover {
background:#FFF;
border: solid 1px #f2f2f2;
text-decoration:none;
}
.top_banner {
margin-bottom:100px;
}
.top_banner h3 {
position:relative;
line-height:1.1;
margin-bottom:60px;
text-align:center;
}
.top_banner h3:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:0;
z-index:-1;
width:100%;
height:1px;
background:#333333;
display:block;
content:'';
}
.top_banner h3 span {
display:inline-block;
font-size:2.4rem;
font-weight:700;
padding:0 1.2em;
background:#fbfbfb;
}
.top_banner ul {
margin-bottom: 40px;
}
.top_banner ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_banner ul li {
float:left;
width:23.38%;
margin-right:2.16%;
margin-bottom:20px;
}
.top_banner ul li:nth-child(4n) {
margin-right:0;
}
.top_banner ul li:nth-child(4n+1) {
clear:both;
}
.top_banner ul li:nth-last-child(-n+4) {
margin-bottom:0;
}
.top_banner ul li a {
display: block;
text-decoration: none;
}
.top_banner ul li a span {
display: block;
font-size: 1.3rem;
line-height: 1.5;
padding: .3em .5em;
background: #666666;
color: #FFF;
text-align: center;
}
.top_banner ul li a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.top_banner .more_btn {
text-align:center;
}
.top_banner .more_btn a {
display:inline-block;
padding:1.2em 6.5em;
font-size:1.4rem;
background:#f2f2f2;
border: solid 1px #f2f2f2;
text-decoration:none;
}
.top_banner .more_btn a span {
display:block;
white-space:nowrap;
font-weight:700;
}
.top_banner .more_btn a:hover {
background:#FFF;
border: solid 1px #f2f2f2;
text-decoration:none;
}
.top_sns {
margin-bottom:100px;
}
.top_sns h3 {
position:relative;
line-height:1.1;
margin-bottom:60px;
text-align:center;
}
.top_sns h3:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:0;
z-index:-1;
width:100%;
height:1px;
background:#333333;
display:block;
content:'';
}
.top_sns h3 span {
display:inline-block;
font-size:2.4rem;
font-weight:700;
padding:0 1.2em;
background:#fbfbfb;
}
.top_sns .sns_box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility:
}
.top_sns .sns_box .twitter {
float: left;
width: 290px;
margin-right: 28px;
}
.top_sns .sns_box .twitter iframe {
width: 100% !important;
height: 630px !important;
}
.top_sns .sns_box .note {
float: left;
width: 290px;
padding: 25px 20px;
background: #f2f2f2;
}
.top_sns .sns_box .note ul li:not(:last-of-type) {
margin-bottom: 20px;
}
.top_sns .sns_box .note ul li img {
margin-bottom: 5px;
}
.top_sns .sns_box .note ul li a ,
.top_sns .sns_box .note ul li p {
font-size: 1.4rem;
font-weight: 700;
color: #808080;
}
.top_sns .sns_box .insta {
float: right;
width: 604px;
padding: 15px;
background: #f2f2f2;
}
.top_about {
margin-bottom:100px;
}
.top_about h3 {
position:relative;
line-height:1.1;
margin-bottom:60px;
text-align:center;
}
.top_about h3:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:0;
z-index:-1;
width:100%;
height:1px;
background:#333333;
display:block;
content:'';
}
.top_about h3 span {
display:inline-block;
font-size:2.4rem;
font-weight:700;
padding:0 1.2em;
background:#fbfbfb;
}
.top_about .box {
display:table;
width:100%;
}
.top_about .box .img ,
.top_about .box .box_r {
display:table-cell;
vertical-align:middle;
}
.top_about .box .img {
width:605px;
}
.top_about .box .box_r {
padding-left:90px;
}
.top_about .box .box_r h4 {
font-size:1.6rem;
font-weight:600;
margin-bottom:1em;
}
.top_about .box .box_r p {
font-size:1.4rem;
font-weight:600;
margin-bottom:1em;
}
.top_about .box .box_r ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_about .box .box_r ul li {
float:left;
width:49%;
}
.top_about .box .box_r ul li:last-child {
float:right;
}
.top_about .box .box_r ul li a {
display:block;
border:solid 1px #4d4d4d;
text-decoration:none;
text-align:center;
padding:1em 0;
font-size:1.4rem;
font-weight:700;
background: #FFF;
}
.top_about .box .box_r ul li a:hover {
border:solid 1px #4d4d4d;
background:#4d4d4d;
color:#FFF;
text-decoration:none;
}
.top_company {
margin-bottom:100px;
}
.top_company h3 {
position:relative;
line-height:1.1;
margin-bottom:60px;
text-align:center;
}
.top_company h3:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
left:0;
z-index:-1;
width:100%;
height:1px;
background:#333333;
display:block;
content:'';
}
.top_company h3 span {
display:inline-block;
font-size:2.4rem;
font-weight:700;
padding:0 1.2em;
background:#fbfbfb;
}
.top_company ul {
display: flex;
justify-content: center;
}
.top_company ul li {
width:32%;
}
.top_company ul li:not(:last-of-type) {
margin-right: 2%;
}
.top_company ul li a {
position:relative;
display:block;
border:solid 1px #4d4d4d;
text-decoration:none;
text-align:center;
height:135px;
background: #FFF;
}
.top_company ul li a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.top_company ul li a img {
width:auto;
max-width:100%;
}
.top_company ul li a span {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display:inline-block;
font-family: 'Open Sans', sans-serif;
font-size:1.4rem;
font-weight:300;
color:#808080;
text-align:center;
white-space:nowrap;
letter-spacing:.2em;
line-height:1.1;
}
.top_company ul li a span em {
display:block;
text-align:center;
font-family: 'Noto Serif JP', serif;
font-size:2.6rem;
letter-spacing:.2em;
margin-bottom:.2em;
}
.top_company ul li p {
text-align:center;
font-size:1.4rem;
font-weight:600;
padding-top:.5em;
} .special main .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.special main .box section {
float:left;
width:23.5%;
margin-right:2%;
margin-bottom:100px;
}
.special main .box section:nth-child(4n) {
margin-right:0;
}
.special main .box section:nth-child(4n+1) {
clear:both;
}
.special main .box section:nth-last-child(-n+4) {
margin-bottom:0;
}
.special main .box section a ,
.special main .box section a:hover {
text-decoration:none;
}
.special main .box section h4 {
background:#4d4d4d;
text-align:center;
color:#FFF;
padding: .3em .5em;
margin-bottom:.5em;
font-size:1.3rem;
font-weight:500;
}
.special main .box section h5 {
color:#808080;
font-size:1.4rem;
font-weight:500;
} .category-list .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.category-list .box section {
float:left;
width:23.5%;
margin-right:2%;
margin-bottom:100px;
}
.category-list .box section:nth-child(4n) {
margin-right:0;
}
.category-list .box section:nth-child(4n+1) {
clear:both;
}
.category-list .box section:nth-last-child(-n+4) {
margin-bottom:0;
}
.category-list.correction .box section {
float:none;
width:100%;
margin-right:0;
margin-bottom:0;
padding:10px;
background:#FFF;
}
.category-list.correction .box section:nth-child(even) {
background:#edf4f7;
}
.category-list .box section .img a {
position: relative;
display: block;
overflow: hidden;
height:0;
padding-top: 75%;
}
.category-list .box section .img a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: block;
object-fit: contain;
}
.category-list .box section time {
display:block;
font-size:1.4rem;
font-weight:600;
margin-bottom:.3em;
}
.category-list .box section time span.icon_new {
display: inline-block;
background: #e50c00;
font-size: 1.3rem;
font-weight: 500;
line-height: 1.1;
padding: .3em .5em;
margin-left: .6em;
border-radius: .3em;
color: #FFF;
}
.category-list.correction .box section time {
display:block;
float:left;
width:100px;
font-size:1.4rem;
font-weight:500;
padding-top: .2em;
}
.category-list .box section .category {
margin-bottom:10px;
}
.category-list .box section .category a {
display:block;
font-size:1.4rem;
padding:.4em .5em;
text-align:center;
text-decoration:none;
}
.category-list .box section .category a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.bookstore main section .box section h4 {
float:left;
width:calc(100% - 100px);
font-size:1.6rem;
font-weight:500;
padding:0 15px;
padding-top: .2em;
}
.category-list .box section h4 a {
font-size:1.6rem;
font-weight:600;
}
.category-list .box section .event_day {
font-size:1.4rem;
font-weight:400;
text-align:center;
color:#808080;
padding-top: .5em;
} .category-detail main .wrap {
margin-bottom: 100px;
}
.category-detail main .wrap:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.category-detail main .wrap article {
float: left;
width: 70%;
}
.category-detail main .wrap aside {
float: right;
width: 20%;
}
.category-detail main .wrap h3 {
font-size: 1.8rem;
font-weight: 700;
line-height: 1.4;
margin-bottom: .2em;
}
.category-detail main .wrap time {
display:block;
font-size:1.4rem;
font-weight:600;
margin-bottom:1.1em;
}
.category-detail main .wrap .thum {
margin-bottom: 40px;
}
.category-detail main .wrap .thum img {
width: auto;
max-width: 100%;
}
.category-detail main .wrap aside h4 {
font-size: 1.6rem;
font-weight: 700;
line-height: 1.4;
margin-bottom: 1em;
text-align: center;
}
.category-detail main .wrap aside section {
padding: 0 5px;
}
.category-detail main .wrap aside section:not(:last-of-type) {
margin-bottom: 30px;
padding-bottom: 30px;
border-bottom: solid 1px #e6e6e6;
}
.category-detail main .wrap aside section .img {
margin-bottom: 10px;
}
.category-detail main .wrap aside section h5 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: .2em;
}
.category-detail main .wrap aside section h6 {
font-size: 1.4rem;
font-weight: 700;
}
.category-detail main .wrap aside section .com {
padding-top: .8em;
font-size: 1.2rem;
}
.category-detail .new_list .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.category-detail .new_list .box section {
float:left;
width:23.5%;
margin-right:2%;
}
.category-detail .new_list .box section:nth-child(4n) {
margin-right:0;
}
.category-detail .new_list .box section .img a {
position: relative;
display: block;
overflow: hidden;
height:0;
padding-top: 75%;
}
.category-detail .new_list .box section .img a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: block;
object-fit: contain;
}
.category-detail .new_list .box section time {
display:block;
font-size:1.4rem;
font-weight:600;
margin-bottom:.3em;
}
.category-detail .new_list .box section .category {
margin-bottom:10px;
}
.category-detail .new_list .box section .category a {
display:block;
font-size:1.4rem;
padding:.4em 0;
text-align:center;
text-decoration:none;
}
.category-detail .new_list.box section .category a:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.category-detail .new_list .box section h4 a {
font-size:1.6rem;
font-weight:600;
}
.category-detail .new_list .box section .event_day {
font-size:1.4rem;
font-weight:400;
text-align:center;
color:#808080;
padding-top: .5em;
}  .bookstore main .btn {
text-align: center;
margin-bottom:50px;
}
.bookstore main .btn ul {
display: inline-block;
text-align: center;
font-size: 0;
}
.bookstore main .btn ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.bookstore main .btn ul li {
float:left;
width:290px;
margin-right: 30px;
}
.bookstore main .btn ul li:last-of-type {
margin-right: 0;
}
.bookstore main .btn a {
display:block;
text-decoration:none;
border: solid 1px #0062a1;
background:#0062a1;
text-align:center;
font-size:1.4rem;
font-weight:500;
color:#FFF;
padding:.9em 0;
transition: .5s;
}
.bookstore main .btn a:hover {
transition: .5s;
background:#FFF;
color:#0062a1;
}
.bookstore main section:not(:last-child) {
margin-bottom:100px;
}
.bookstore main section .box {
margin-bottom:40px;
}
.bookstore main section .box section {
padding:10px;
margin:0;
background:#FFF;
}
.bookstore main section .box section:nth-child(even) {
background:#edf4f7;
}
.bookstore main section .box section:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.bookstore main section .box section time {
display:block;
float:left;
width:100px;
font-size:1.4rem;
font-weight:500;
padding-top: .2em;
}
.bookstore main section .box section p {
display:block;
float:left;
width:100px;
font-weight:500;
background:#FFF;
border: solid 1px #0062a1;
color:#0062a1;
padding:.2em 0;
text-align:center;
}
.bookstore main section .box section h4 {
float:left;
max-width:700px;
font-size:1.6rem;
font-weight:500;
padding:0 15px;
padding-top: .2em;
}
.bookstore main section .box section ul {
float:right;
width:310px;
}
.bookstore main section .box section ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.bookstore main section .box section ul li {
float:left;
width:100px;
margin-right:5px;
background:#FFF;
}
.bookstore main section .box section ul li:last-child {
margin-right:0;
}
.bookstore main section .box section ul li a ,
.bookstore main section .box section ul li span {
display:block;
font-weight:500;
text-decoration:none;
color:#FFF;
padding:.3em 0;
text-align:center;
}
.bookstore main section .box section ul li a {
background:#666666;
border: solid 1px #666666;
transition: .5s;
}
.bookstore main section .box section ul li a:hover {
background:#FFFFFF;
color:#666666;
transition: .5s;
}
.bookstore main section .box section ul li span {
background:#cccccc;
border: solid 1px #cccccc;
}
.bookstore main section .more_btn {
text-align:center;
}
.bookstore main section .more_btn a {
display:inline-block;
border: solid 1px #f2f2f2;
background:#f2f2f2;
padding:1em 6.5em;
font-weight:700;
text-decoration:none;
white-space:nowrap;
transition: .5s;
}
.bookstore main section .more_btn a:hover {
background:#FFFFFF;
transition: .5s;
} .books-list main {
padding-top: 0;
}
.books-list main .sub_search {
background:#333333;
padding:20px 0;
margin-bottom: 50px;
}
.books-list main .sub_search .box .search_box {
position:relative;
float:left;
width:605px;
height:40px;
}
.books-list main .sub_search .box .cat_box {
position:relative;
float:right;
width:605px;
height:40px;
}
.books-list main .sub_search .box .searchandfilter ul ,
.books-list main .sub_search .box .searchandfilter li ,
.books-list main .sub_search .box .searchandfilter label {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.books-list main .sub_search .box .searchandfilter li.sf-field-submit {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
display: inline-block;
}
.books-list main .sub_search .box .searchandfilter li.sf-field-submit:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
font-family: "Font Awesome 5 Free";
content: "\f002";
font-size:2.4rem;
font-weight: 700;
line-height:1.1;
color:#4d4d4d;
display: inline-block;
}
.books-list main .sub_search .box .searchandfilter input ,
.books-list main .sub_search .box .search_box input {
width:100%;
height:40px;
font-size:1.8rem;
line-height:1.1;
padding:.7em .5em;
padding-right:2em;
background:#FFF;
border: solid 1px #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.books-list main .sub_search .box .searchandfilter input:focus ,
.books-list main .sub_search .box .search_box input:focus {
outline: 0;
background:#FFF;
border: solid 1px #666666;
}
.books-list main .sub_search .box .search_box input[type="submit"] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
background:none;
border:none;
display: inline-block;
cursor:pointer;
padding:0;
margin:0;
text-decoration:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-size:0;
line-height:1.1;
width: 40px;
height: 40px;
}
.books-list main .sub_search .box .search_box button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
background:none;
border:none;
display:block;
cursor:pointer;
padding:0;
margin:0;
text-decoration:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-size:2.4rem;
line-height:1.1;
color:#4d4d4d;
}
.books-list main .sub_search .box .search_box button:focus ,
.books-list main .sub_search .box .search_box button:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.books-list main .sub_search .box .cat_box .drop_box {
position:relative;
width:100%;
height:40px;
overflow:hidden;
display:block;
background:#FFF;
border: solid 1px #000000;
padding:0;
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.books-list main .sub_search .box .cat_box .drop_box select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
margin:0;
background:transparent;
border:0;
outline:none;
font-size:1.8rem;
line-height:1.1;
padding:.6em .5em 0;
width: 100%;
color: #808080;
}
.books-list main .sub_search .box .cat_box .drop_box:before {
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight:700;
position:absolute;
z-index:2;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:20px;
font-size:1.6rem;
line-height:1;
}
.books-list main .sub_tag_list {
text-align: center;
padding: 30px 0 70px;
font-size: 0;
}
.books-list main .sub_tag_list ul {
display: inline-block;
text-align: center;
}
.books-list main .sub_tag_list ul li {
display: inline-block;
margin: 0 5px;
}
.books-list main .sub_tag_list ul li a {
display: block;
border:  solid 1px #808080;
background: #4d4d4d;
line-height: 1.1;
font-size: 1.4rem;
padding: .6em 1.1em;
border-radius: 1.2em;
color: #e6e6e6;
text-decoration: none;
}
.books-list main .sub_tag_list ul li a:hover {
border:  solid 1px #808080;
background: #FFF;
color: #808080;
}
.books-list main .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.books-list main .box section {
float:left;
width:23.38%;
margin-right:2.16%;
margin-bottom:90px;
}
.books-list main .box section:nth-child(4n) {
margin-right:0;
}
.books-list main .box section:nth-child(4n+1) {
clear:both;
}
.books-list main .box section:nth-last-child(-n+4) {
margin-bottom:0;
}
.books-list main .box section .tag {
height:40px;
line-height:40px;
}
.books-list main .box section .tag span {
display:block;
font-size:1.4rem;
text-align: center;
}
.books-list main .box section .category {
font-size:1.3rem;
font-weight:600;
color:#808080;
text-align:center;
padding:.8em 0;
}
.books-list main .box section .img {
margin-bottom:20px;
height: 280px;
overflow: hidden;
}
.books-list main .box section .img span {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 280px; text-align: center;
}
.books-list main .box section .img span img {
width: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.books-list main .box section h4 {
margin-bottom:10px;
text-align:center;
}
.books-list main .box section h4 a {
font-size:1.6rem;
font-weight:600;
}
.books-list main .box section h4 a span.icon_new {
display: inline-block;
background: #e50c00;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.1;
padding: .3em .5em;
margin-right: .6em;
border-radius: .3em;
color: #FFF;
}
.books-list main .box section h4 a em {
display: block;
text-align:center;
font-size:1.5rem;
font-weight:600;
}
.books-list main .box section h5 {
font-size:1.4rem;
font-weight:600;
text-align:center;
color:#808080;
}
.books-list main .box section .simple_comment {
margin-top: .4em;
padding: .3em .4em;
border-radius: .4em;
font-size:1.4rem;
text-align:center;
color:#808080;
} .books-detail main {
padding-top: 0;
}
.books-detail main .sub_search {
background:#333333;
padding:20px 0;
margin-bottom: 50px;
}
.books-detail main .sub_search .box .search_box {
position:relative;
float:left;
width:605px;
height:40px;
}
.books-detail main .sub_search .box .cat_box {
position:relative;
float:right;
width:605px;
height:40px;
}
.books-detail main .sub_search .box .searchandfilter ul ,
.books-detail main .sub_search .box .searchandfilter li ,
.books-detail main .sub_search .box .searchandfilter label {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.books-detail main .sub_search .box .searchandfilter li.sf-field-submit {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
display: inline-block;
}
.books-detail main .sub_search .box .searchandfilter li.sf-field-submit:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
font-family: "Font Awesome 5 Free";
content: "\f002";
font-size:2.4rem;
font-weight: 700;
line-height:1.1;
color:#4d4d4d;
display: inline-block;
}
.books-detail main .sub_search .box .searchandfilter input ,
.books-detail main .sub_search .box .search_box input {
width:100%;
height:40px;
font-size:1.8rem;
line-height:1.1;
padding:.7em .5em;
padding-right:2em;
background:#FFF;
border: solid 1px #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.books-detail main .sub_search .box .searchandfilter input:focus ,
.books-detail main .sub_search .box .search_box input:focus {
outline: 0;
background:#FFF;
border: solid 1px #666666;
}
.books-detail main .sub_search .box .search_box input[type="submit"] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
background:none;
border:none;
display: inline-block;
cursor:pointer;
padding:0;
margin:0;
text-decoration:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-size:0;
line-height:1.1;
width: 40px;
height: 40px;
}
.books-detail main .sub_search .box .search_box button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
background:none;
border:none;
display:block;
cursor:pointer;
padding:0;
margin:0;
text-decoration:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-size:2.4rem;
line-height:1.1;
color:#4d4d4d;
}
.books-detail main .sub_search .box .search_box button:focus ,
.books-detail main .sub_search .box .search_box button:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.books-detail main .sub_search .box .cat_box .drop_box {
position:relative;
width:100%;
height:40px;
overflow:hidden;
display:block;
background:#FFF;
border: solid 1px #000000;
padding:0;
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.books-detail main .sub_search .box .cat_box .drop_box select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
margin:0;
background:transparent;
border:0;
outline:none;
font-size:1.8rem;
line-height:1.1;
padding:.6em .5em 0;
width: 100%;
color: #808080;
}
.books-detail main .sub_search .box .cat_box .drop_box:before {
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight:700;
position:absolute;
z-index:2;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:20px;
font-size:1.6rem;
line-height:1;
}
.books-detail main h3.book_detail_title {
margin-bottom: 1em;
font-size: 2.2rem;
font-weight: 700;
}
.books-detail main h3.book_detail_title em {
display: block;
font-size: 1.8rem;
font-weight: 700;
}
.books-detail main .books_info {
display: table;
margin-bottom:50px;
}
.books-detail main .books_info:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.books-detail main .books_info .books_info_l {
display: table-cell; width: 400px;
max-width: 400px;
}
.books-detail main .books_info .books_info_l .img_tag {
display: inline-block;
margin-bottom: 10px;
}
.books-detail main .books_info .books_info_l .img { overflow: hidden; }
.books-detail main .books_info .books_info_l .img span {
position: relative;
display: flex;
flex-direction: column;
align-items: flex-start;  text-align: center;
}
.books-detail main .books_info .books_info_l .img span img {
width: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.books-detail main .books_info .books_info_l .tag {
margin-bottom: 5px;
}
.books-detail main .books_info .books_info_l .tag span {
display: block;
text-align: center;
font-size: 1.3rem;
padding: .4em 0;
}
.books-detail main .books_info .books_info_l dl {
display: table;
}
.books-detail main .books_info .books_info_l dl dt ,
.books-detail main .books_info .books_info_l dl dd {
display: table-cell;
}
.books-detail main .books_info .books_info_l dl dt {
white-space: nowrap;
}
.books-detail main .books_info .books_info_l dl dd a {
color: #0071bc;
}
.books-detail main .books_info .books_info_l dl dd a[target="_blank"]:after {
font-family: "Font Awesome 5 Free";
content: "\f35d";
color: #b3b3b3;
display: inline-block;
margin-left: 1em;
}
.books-detail main .books_info .books_info_l .sub_info {
padding-top: 1em;
}
.books-detail main .books_info .books_info_l .sub_info .sub_info_in {
padding-top: .8em;
} .books-detail main .books_info .books_info_l .link_btn {
padding-top: 2em;
display: flex;
}
.books-detail main .books_info .books_info_l .link_btn .special_link { }
.books-detail main .books_info .books_info_l .link_btn .special_link:not(:last-of-type){
margin-right: 10px;
}
.books-detail main .books_info .books_info_l .link_btn .special_link a {
display: block;
text-align: center;
border:  solid 1px #4d4d4d;
padding: .8em 2em;
text-decoration: none;
}
.books-detail main .books_info .books_info_l .link_btn .special_link a:hover {
background: #4d4d4d;
color: #FFF;
}
.books-detail main .books_info .books_info_r {
display: table-cell; max-width: calc(100% - (400px + 50px));
padding-left: 50px;
}
.books-detail main .books_info .books_info_r .cat_tag {
margin-bottom: 2em;
}
.books-detail main .books_info .books_info_r .cat_tag ul:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.books-detail main .books_info .books_info_r .cat_tag ul li {
float: left;
margin-right: 1em;
margin-bottom: 1em;
}
.books-detail main .books_info .books_info_r .cat_tag ul li a {
text-decoration: none;
border:  solid 1px #808080;
font-size: 1.3rem;
padding: .4em 1.5em;
}
.books-detail main .books_info .books_info_r .cat_tag ul li.tag a {
border:  solid 1px #4d4d4d;
background: #4d4d4d;
color: #FFF;
}
.books-detail main .books_info .books_info_r .simple_comment {
font-size:1.4rem;
margin-bottom: 1.6em;
}
.books-detail main .books_info .books_info_r .simple_comment p {
padding: .3em .4em;
border-radius: .4em;
color:#808080;
display: inline-block;
}
.books-detail main .books_info .books_info_r h4 {
font-size: 2.0rem;
font-weight: 700;
margin-bottom: 2.5em;
}
.books-detail main .photo { margin-bottom: 40px;
}
.books-detail main .photo img {
width: auto;
max-width: 100%;
display: inline-block !important;
margin: 0 auto;
}
.books-detail main .photo .slider {
margin: 0 auto;
}
.books-detail main .photo .slider .slick-slide {
margin: 0 auto;
text-align: center;
}
.books-detail main .photo .slider.thumb-item {
margin-bottom: 10px;
}
.books-detail main .photo .slick-prev:before,
.books-detail main .photo .slick-next:before {
color: #666;
}
.books-detail main .kanren {
margin-bottom: 50px;
}
.books-detail main .kanren .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.books-detail main .kanren .box section {
float: left;
width: 23.5%;
margin-right: 2%;
margin-bottom: 50px;
}
.books-detail main .kanren .box section:nth-child(4n) {
margin-right: 0;
}
.books-detail main .kanren .box section:nth-child(4n+1) {
clear: both;
}
.books-detail main .kanren .box section:nth-last-child(-n+4) {
margin-bottom: 0;
}
.books-detail main .kanren .box section .img a {
position: relative;
display: block;
overflow: hidden;
height:0;
padding-top: 75%;
}
.books-detail main .kanren .box section .img a img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
display: block;
object-fit: contain;
}
.books-detail main .kanren .box section time {
display: block;
font-size: 1.2rem;
margin-bottom: .3em;
}
.books-detail main .kanren .box section .category {
margin-bottom: .5em;
}
.books-detail main .kanren .box section .category a {
display: block;
text-decoration: none;
text-align: center;
padding: .4em 0;
}
.books-detail main .kanren .box section .event_day {
font-size:1.4rem;
font-weight:400;
text-align:center;
color:#808080;
padding-top: .5em;
}
.books-detail main .syoten_data {
margin-bottom: 50px;
}
.books-detail main .syoten_data .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.books-detail main .syoten_data .box dl {
float: left;
width: 48%;
display: table;
border-collapse: collapse;
}
.books-detail main .syoten_data .box dl:nth-of-type(2) {
float: right;
}
.books-detail main .syoten_data .box dl dt {
display: table-cell;
width: 30%;
vertical-align: middle;
}
.books-detail main .syoten_data .box dl dd {
display: table-cell;
width: 70%;
padding-left: 2%;
vertical-align: middle;
}
.books-detail main .syoseki_data {
margin-bottom: 50px;
}
.books-detail main .syoseki_data .box:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.books-detail main .syoseki_data .box section {
float: left;
width: 23.5%;
margin-right: 2%;
margin-bottom: 30px;
}
.books-detail main .syoseki_data .box section:nth-child(4n) {
margin-right: 0;
}
.books-detail main .syoseki_data .box section:nth-child(4n+1) {
clear: both;
}
.books-detail main .syoseki_data .box section:nth-last-child(-n+4) {
margin-bottom: 0;
}
.books-detail main .syoseki_data .box section .img {
height: 280px;
overflow: hidden;
}
.books-detail main .syoseki_data .box section .img a {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 280px; text-align: center;
}
.books-detail main .syoseki_data .box section .img a img {
width: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.books-detail main .syoseki_data .box section h5 {
margin-bottom: .5em;
text-align: center;
}
.books-detail main .syoseki_data .box section h5 a {
color: #0062a1;
font-weight:600;
}
.books-detail main .syoseki_data .box section h5 a span.icon_new {
display: inline-block;
background: #e50c00;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.1;
padding: .3em .5em;
margin-right: .6em;
border-radius: .3em;
color: #FFF;
}
.books-detail main .syoseki_data .box section h5 a em {
display: block;
text-align:center;
font-size:1.4rem;
font-weight:600;
}
.books-detail main .syoseki_data .box section h6 {
font-weight: 700;
text-align: center;
}
.books-detail main .syoseki_data .box section .simple_comment {
margin-top: .4em;
padding: .3em .4em;
border-radius: .4em;
font-size:1.4rem;
text-align:center;
color:#808080;
}
.books-detail main .buy_link {
position: fixed;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right: 0;
line-height: 1.1;
z-index:100; }
.books-detail main .buy_link li {
position: relative; margin-bottom: .8em;
background: #FFF;
width: 50px;
}
.books-detail main .buy_link li:last-child {
margin-bottom: 0;
}
.books-detail main .buy_link li a span {
display: none;
}
.books-detail main .buy_link li a span em {
display: block;
} .search main {
padding-top: 0;
}
.search main .sub_search {
background:#333333;
padding:20px 0;
}
.search main .sub_search .box .search_box {
position:relative;
float:left;
width:605px;
height:40px;
}
.search main .sub_search .box .cat_box {
position:relative;
float:right;
width:605px;
height:40px;
}
.search main .sub_search .box .searchandfilter ul ,
.search main .sub_search .box .searchandfilter li ,
.search main .sub_search .box .searchandfilter label {
position: relative;
display: block;
margin: 0;
padding: 0;
}
.search main .sub_search .box .searchandfilter li.sf-field-submit {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
display: inline-block;
}
.search main .sub_search .box .searchandfilter li.sf-field-submit:before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
font-family: "Font Awesome 5 Free";
content: "\f002";
font-size:2.4rem;
font-weight: 700;
line-height:1.1;
color:#4d4d4d;
display: inline-block;
}
.search main .sub_search .box .searchandfilter input ,
.search main .sub_search .box .search_box input {
width:100%;
height:40px;
font-size:1.8rem;
line-height:1.1;
padding:.7em .5em;
padding-right:2em;
background:#FFF;
border: solid 1px #000000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.search main .sub_search .box .searchandfilter input:focus ,
.search main .sub_search .box .search_box input:focus {
outline: 0;
background:#FFF;
border: solid 1px #666666;
}
.search main .sub_search .box .search_box input[type="submit"] {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
background:none;
border:none;
display: inline-block;
cursor:pointer;
padding:0;
margin:0;
text-decoration:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-size:0;
line-height:1.1;
width: 40px;
height: 40px;
}
.search main .sub_search .box .search_box button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:10px;
z-index:5;
background:none;
border:none;
display:block;
cursor:pointer;
padding:0;
margin:0;
text-decoration:none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0;
font-size:2.4rem;
line-height:1.1;
color:#4d4d4d;
}
.search main .sub_search .box .search_box button:focus ,
.search main .sub_search .box .search_box button:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
}
.search main .sub_search .box .cat_box .drop_box {
position:relative;
width:100%;
height:40px;
overflow:hidden;
display:block;
background:#FFF;
border: solid 1px #000000;
padding:0;
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.search main .sub_search .box .cat_box .drop_box select {
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
z-index:2;
display:block;
margin:0;
background:transparent;
border:0;
outline:none;
font-size:1.8rem;
line-height:1.1;
padding:.6em .5em 0;
width: 100%;
color: #808080;
}
.search main .sub_search .box .cat_box .drop_box:before {
font-family: "Font Awesome 5 Free";
content: "\f107";
font-weight:700;
position:absolute;
z-index:2;
top: 50%;
-webkit-transform: translateY(-50%); transform: translateY(-50%);
right:20px;
font-size:1.6rem;
line-height:1;
}
.search main .sub_search .box .cat_box .drop_box .sf-field-submit {
display: none;
}
.search main .sub_tag_list {
text-align: center;
padding: 30px 0 70px;
font-size: 0;
}
.search main .sub_tag_list ul {
display: inline-block;
text-align: center;
}
.search main .sub_tag_list ul li {
display: inline-block;
margin: 0 5px;
}
.search main .sub_tag_list ul li a {
display: block;
border:  solid 1px #808080;
background: #4d4d4d;
line-height: 1.1;
font-size: 1.4rem;
padding: .6em 1.1em;
border-radius: 1.2em;
color: #e6e6e6;
text-decoration: none;
}
.search main .sub_tag_list ul li a:hover {
border:  solid 1px #808080;
background: #FFF;
color: #808080;
}
.search main .sort {
text-align: center;
font-size: 0;
padding-bottom: 60px;
color: #808080;
}
.search main .sort p {
display: inline-block;
font-size: 1.3rem;
margin-right: 1em;
}
.search main .sort dl {
display: inline-block;
font-size: 1.3rem;
}
.search main .sort dl dt ,
.search main .sort dl dd ,
.search main .sort div {
display: inline-block;
font-size: 1.3rem;
}
.search main .sort dl ul ,
.search main .sort dl li ,
.search main .sort dl label {
margin: 0;
padding: 0;
border: none;
}
.search main .sort dl .sf-field-search ,
.search main .sort dl input[type="text"] ,
.search main .sort dl .sf-field-taxonomy-books_cat ,
.search main .sort dl .sf-input-select {
display: none;
}
.search main .sort dl .searchandfilter input[type="submit"] {
position: relative;
width:auto;
height:auto;
font-size:1.3rem;
line-height:1.1;
padding:0;
margin: 0;
background: none;
color:#808080;
border:none;
box-sizing: border-box;
appearance: none;
border-radius: 0;
outline: 0;
cursor: pointer;
}
.search main .sort dl .searchandfilter input[type="submit"]:hover ,
.search main .sort dl .searchandfilter input[type="submit"]:focus {
outline: 0;
background: none;
border-bottom: solid 1px #808080;
}
.search main .sort dl .active .searchandfilter input[type="submit"] {
color:#666666;
border-bottom: solid 1px #666666;
}
.search main .sort dl + p {
margin: 0 1.2em;
}
.search main .list .box h4 {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 3em;
}
.search main .list .box .box_in:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.search main .list .box .box_in section {
float:left;
width:23.38%;
margin-right:2.16%;
margin-bottom:90px;
}
.search main .list .box .box_in section:nth-child(4n) {
margin-right:0;
}
.search main .list .box .box_in section:nth-child(4n+1) {
clear:both;
}
.search main .list .box .box_in section:nth-last-child(-n+4) {
margin-bottom:0;
}
.search main .list .box .box_in section .tag {
height:40px;
line-height:40px;
}
.search main .list .box .box_in section .tag span {
display:block;
font-size:1.4rem;
text-align: center;
}
.search main .list .box .box_in section .category {
font-size:1.3rem;
font-weight:600;
color:#808080;
text-align:center;
padding:.8em 0;
}
.search main .list .box .box_in section .img {
margin-bottom:20px;
height: 280px;
overflow: hidden;
}
.search main .list .box .box_in section .img span {
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 280px; text-align: center;
}
.search main .list .box .box_in section .img span img {
width: auto;
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.search main .list .box .box_in section h5 {
margin-bottom:10px;
text-align:center;
}
.search main .list .box .box_in section h5 a {
font-size:1.6rem;
font-weight:600;
}
.search main .list .box .box_in section h5 a span.icon_new {
display: inline-block;
background: #e50c00;
font-size: 1.4rem;
font-weight: 500;
line-height: 1.1;
padding: .3em .5em;
margin-right: .6em;
border-radius: .3em;
color: #FFF;
}
.search main .list .box .box_in section h5 a em {
display: block;
text-align:center;
font-size:1.5rem;
font-weight:600;
}
.search main .list .box .box_in section h6 {
font-size:1.4rem;
font-weight:600;
text-align:center;
color:#808080;
}
.search main .list .box .box_in section .simple_comment {
margin-top: .4em;
padding: .3em .4em;
border-radius: .4em;
font-size:1.4rem;
text-align:center;
color:#808080;
} .mm main .com01 {
margin-bottom: 50px;
}
.mm main .com02 a {
color: #0062a1;
}
.mm main .bg {
background: #f7f7f7;
margin-bottom: 30px;
padding: 80px 70px;
}
.mm main .bg:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.mm main .bg p {
float: left;
margin-right: 100px;
padding-top: .9em;
}
.mm main .bg dl {
float: left;
}
.mm main .bg dl dt {
margin-bottom: 20px;
}
.mm main .bg dl dt input {
width:500px;
padding:1em 4px;
line-height: 1.1;
font-size:1.4rem;
background:#FFF;
border:solid 1px #b3b3b3;
box-sizing: border-box;
appearance: none;
border-radius: 0;
margin:0;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.mm main .bg dl dt input:focus {
outline: 0;
border:none;
border:solid 1px #666666;
}
.mm main .bg dl dt input:-moz-placeholder {
color: #AAA;
opacity: 1;
}
.mm main .bg dl dt input::-moz-placeholder {
color: #AAA;
opacity: 1;
}
.mm main .bg dl dt input:-ms-input-placeholder {
color: #AAA;
}
.mm main .bg dl dt input::-ms-input-placeholder {
color: #AAA;
}
.mm main .bg dl dt input::-webkit-input-placeholder {
color: #AAA;
}
.mm main .bg dl dt input::placeholder {
color: #AAA;
}
.mm main .bg dl dd input {
position:relative;
background:none;
border:none;
display:block;
cursor:pointer;
color:#ffffff;
background: #0062a1;
padding:1em 6em;
text-decoration:none;
width:auto;
text-align:center;
font-size:1.4rem;
line-height: 1.1;
margin:0;
border-radius: 0;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.mm main .bg dl dd input:focus ,
.mm main .bg dl dd input:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
} .release main .com01 {
margin-bottom: 50px;
}
.release main .bg {
background: #f7f7f7;
padding: 80px 70px;
}
.release main .bg:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.release main .bg p {
float: left;
margin-right: 100px;
padding-top: .9em;
}
.release main .bg dl {
float: left;
}
.release main .bg dl dt {
margin-bottom: 20px;
}
.release main .bg dl dt input {
width:500px;
padding:1em 4px;
line-height: 1.1;
font-size:1.4rem;
background:#FFF;
border:solid 1px #b3b3b3;
box-sizing: border-box;
appearance: none;
border-radius: 0;
margin:0;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.release main .bg dl dt input:focus {
outline: 0;
border:none;
border:solid 1px #666666;
}
.release main .bg dl dt input:-moz-placeholder {
color: #AAA;
opacity: 1;
}
.release main .bg dl dt input::-moz-placeholder {
color: #AAA;
opacity: 1;
}
.release main .bg dl dt input:-ms-input-placeholder {
color: #AAA;
}
.release main .bg dl dt input::-ms-input-placeholder {
color: #AAA;
}
.release main .bg dl dt input::-webkit-input-placeholder {
color: #AAA;
}
.release main .bg dl dt input::placeholder {
color: #AAA;
}
.release main .bg dl dd input {
position:relative;
background:none;
border:none;
display:block;
cursor:pointer;
color:#ffffff;
background: #0062a1;
padding:1em 6em;
text-decoration:none;
width:auto;
text-align:center;
font-size:1.4rem;
line-height: 1.1;
margin:0;
border-radius: 0;
outline: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.release main .bg dl dd input:focus ,
.release main .bg dl dd input:hover {
text-decoration:none;
opacity:0.65;
filter: alpha(opacity=65); -ms-filter: "alpha(opacity=65)"; -moz-opacity:0.65; -khtml-opacity: 0.65; zoom:1;
} .order main .com01 {
margin-bottom: 3em;
}
.order main .box section:not(:last-of-type) {
margin-bottom: 60px;
}
.order main .box section h4 {
background: #f7f7f7;
padding: .8em 1em;
margin-bottom: 1em;
font-size: 2.0rem;
font-weight: 700;
}
.order main .box section ul:not(:last-of-type) {
margin-bottom: 1.2em;
}
.order main .box section ul li:not(:last-of-type) {
margin-bottom: 1.2em;
}
.order main .box section ul li {
position: relative;
padding-left: 1.1em;
}
.order main .box section ul li:before {
position: absolute;
left: 0;
content: '・';
}
.order main .box section ul.caution li:not(:last-of-type) {
margin-bottom: 0;
}
.order main .box section ul.caution li {
position: relative;
padding-left: 1.1em;
}
.order main .box section ul.caution li:before {
position: absolute;
left: 0;
content: '＊';
}
.order main .box section ol {
counter-reset: number;
margin-bottom: 1.2em;
}
.order main .box section ol li {
position: relative;
padding-left: 1.3em;
}
.order main .box section ol li:before {
position: absolute;
left: 0;
counter-increment: number;
content: counter(number) ".";
}
.order main .box section p:not(:last-of-type) {
margin-bottom: 1.5em;
}
.order main .box section p.nmb {
margin-bottom: 0;
}
.order main .box section p.company_info {
border:  solid 1px #333333;
padding: 1em 2.5em;
margin-bottom: 2em;
}
.order main .box section p.company_info span {
margin-right: 1em;
}
.order main .box section table {
width: 100%;
}
.order main .box section table tr:not(:last-of-type) th ,
.order main .box section table tr:not(:last-of-type) td {
padding-bottom: .8em;
}
.order main .box section table th {
white-space: nowrap;
padding-right: 3em;
}
.order main .box section table td span {
margin-right: 1.5em;
}
.order main .box section table td em {
margin:0 1em;
} .company main .box section:not(:last-of-type) {
margin-bottom: 60px;
}
.company main .box section h4 {
background: #f7f7f7;
padding: .8em 1em;
margin-bottom: 1em;
font-size: 2.0rem;
font-weight: 700;
}
.company main .box section p {
padding: 0 1.5em;
}
.company main .box section p:not(:last-of-type) {
margin-bottom: 1.5em;
}
.company main .box section p span {
font-weight: 700;
}
.company main .box section p em {
margin-right: 1em;
}
.company main .box section p a[target="_blank"]:after {
font-family: "Font Awesome 5 Free";
content: "\f35d";
font-weight: 700;
margin-left: 1em;
color: #999999;
}
.company main .box section table {
}
.company main .box section table tr:not(:last-of-type) th ,
.company main .box section table tr:not(:last-of-type) td {
padding-bottom: .2em;
}
.company main .box section table th {
white-space: nowrap;
padding-left: 1.5em;
}
.order main .box section table td span {
padding-right: 1.5em;
} .copyrighted-materials main .box .com01 {
margin-bottom: 3em;
}
.copyrighted-materials main .box .com01 p:not(:last-of-type) {
margin-bottom: 1.2em;
}
.copyrighted-materials main .box ol {
margin-bottom: 3em;
counter-reset: number;
}
.copyrighted-materials main .box ol li {
position: relative;
padding-left: 1.3em;
}
.copyrighted-materials main .box ol li:not(:last-of-type) {
margin-bottom: .5em;
}
.copyrighted-materials main .box ol lispan {
display: block;
font-weight: 700;
}
.copyrighted-materials main .box ol li:before {
position: absolute;
left: 0;
counter-increment: number;
content: counter(number) ".";
}
.copyrighted-materials main .box .link_btn {
text-align: center;
margin-bottom: 3em;
}
.copyrighted-materials main .box .link_btn a {
display: inline-block;
border:solid 1px #4d4d4d;
text-decoration:none;
text-align:center;
padding:1em 3.5em;
font-size:1.4rem;
font-weight:700;
}
.copyrighted-materials main .box .link_btn a:hover {
border:solid 1px #4d4d4d;
background:#4d4d4d;
color:#FFF;
text-decoration:none;
}
.copyrighted-materials main .box h4 {
background: #f7f7f7;
padding: .8em 1em;
margin-bottom: 1em;
font-size: 2.0rem;
font-weight: 700;
}
.copyrighted-materials main .box .com02 p:not(:last-of-type) {
margin-bottom: 1.2em;
}
.copyrighted-materials main .box .com02 span {
margin-right: 1em;
}
.copyrighted-materials main .box .com02 address {
display: block;
margin-bottom: 1.2em;
}
.copyrighted-materials main .box .com02 address span {
margin-right: 1em;
} .recruit main .box section:not(:last-of-type) {
margin-bottom: 60px;
}
.recruit main .box section h4 {
background: #f7f7f7;
padding: .8em 1em;
margin-bottom: 1em;
font-size: 2.0rem;
font-weight: 700;
}
.recruit main .box section p {
padding: 0 1.5em;
}
.recruit main .box section p:not(:last-of-type) {
margin-bottom: 1.5em;
} .privacy main .com {
margin-bottom: 3em;
}
.privacy main .box section:not(:last-of-type) {
margin-bottom: 60px;
}
.privacy main .box section h4 {
background: #f7f7f7;
padding: .8em 1em;
margin-bottom: 1em;
font-size: 2.0rem;
font-weight: 700;
}
.privacy main .box section ul {
padding: 0 1.5em;
}
.privacy main .box section ul li {
position: relative;
padding-left: 1.1em;
}
.privacy main .box section ul li:before {
position: absolute;
left: 0;
content: '・';
} .contact main .com {
margin-bottom: 3em;
}
.contact main .com span {
color: #0062a1;
}
.contact main .com + .caution {
margin-bottom: 4em;
border: solid 1px #333;
padding: 30px;
}
.contact main .com + .caution p {
font-weight: 700;
margin-bottom: .4em;
}
.contact main .com + .caution ul li {
position: relative;
padding-left: 1.2em;
font-weight: 500;
}
.contact main .com + .caution ul li::before {
position: absolute;
top: 0;
left: .3em;
content: '・';
}
.contact main .bg {
background: #f7f7f7;
padding: 50px 70px;
}
.contact main .bg table {
width: 100%;
margin-bottom: 40px;
}
.contact main .bg table th {
width: 260px;
padding: .7em 0 0;
}
.contact main .bg table th span {
color: #0062a1;
margin-left: 1em;
}
.contact main .bg table th em {
display: block;
font-size: .8em;
}
.contact main .bg table td {
width: calc(100% - 260px);
padding: 0 0 2em;
}
.contact main .bg table tr.middle th ,
.contact main .bg table tr.middle td {
vertical-align: middle;
padding: 0 0 2em;
}
.contact main .bg table tr.caution_box td p {
margin-bottom: .3em;
font-size: .9em;
}
.contact main .bg table tr.caution_box td ul {
font-size: .9em;
width: 100%;
}
.contact main .bg table tr.caution_box td ul li {
position: relative;
padding-left: 1em;
float: none;
margin: 0;
width: 100%;
}
.contact main .bg table tr.caution_box td ul li::before {
position: absolute;
top: 0;
left: .2em;
content: '・';
}
.contact main .bg table tr:last-of-type th ,
.contact main .bg table tr:last-of-type td {
padding: 0;
}
.contact main .bg.form .select_box01 ,
.contact main .bg.form .select_box01 select {
min-width: inherit;
max-width: 100%;
font-size: 1.3rem;
} .contact-list main {
padding-bottom: 200px;
}
.contact-list main .box > .com {
margin-bottom: 3em;
}
.contact-list main .box > .btn_list {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.contact-list main .box > .btn_list section:not(:last-of-type) {
margin-bottom: 120px;
}
.contact-list main .box > .btn_list section h4 {
background: #f7f7f7;
padding: .8em 1em;
font-size: 2.0rem;
font-weight: 700;
margin-bottom: 1.5em;
}
.contact-list main .box > .btn_list section h4 + .com {
margin-bottom: 1.2em;
}
.contact-list main .box > .btn_list section h4 + .com + ul {
margin-bottom: 2.5em;
}
.contact-list main .box > .btn_list section h4 + .com + ul li {
position: relative;
padding-left: 1.2em;
font-weight: 500;
}
.contact-list main .box > .btn_list section h4 + .com + ul li::before {
position: absolute;
top: 0;
left: .3em;
content: '・';
}
.contact-list main .box > .btn_list section .btn {
width: 300px;
margin: 0 auto;
}
.contact-list main .box > .btn_list section .btn a {
border: solid 1px #333;
text-decoration: none;
padding: .8em 1em;
text-align: center;
display: block;
width: 100%;
font-weight: 500;
}
.contact-list main .box > .btn_list section .btn a:hover {
border: solid 1px #333;
background: #333;
color: #FFF;
}
.contact-list main .box > .btn_list section .caution {
border: solid 1px #333;
padding: 30px;
margin-top: 3em;
}
.contact-list main .box > .btn_list section .caution p {
position: relative;
padding-left: 1.2em;
margin-bottom: .2em;
}
.contact-list main .box > .btn_list section .caution p::before {
position: absolute;
top: 0;
left: 0;
content: '※';
}
.contact-list main .box > .btn_list section .caution ul {
padding-left: .5em;
}
.contact-list main .box > .btn_list section .caution ul:not(:last-of-type) {
margin-bottom: .8em;
}
.contact-list main .box > .btn_list section .caution ul li {
position: relative;
padding-left: 1.2em;
font-weight: 500;
}
.contact-list main .box > .btn_list section .caution ul li::before {
position: absolute;
top: 0;
left: .3em;
content: '・';
}
.contact-list main .box > .btn_list section .caution ul li a {
text-decoration: underline;
font-weight: 500;
}
.contact-list main .box > .btn_list section .caution ul li a:hover {
text-decoration: none;
} .catalog main .pdf_btn {
width:290px;
margin:0 auto;
margin-bottom:80px;
}
.catalog main .pdf_btn a {
display:block;
text-decoration:none;
border: solid 1px #0062a1;
background:#0062a1;
text-align:center;
font-size:1.4rem;
font-weight:500;
color:#FFF;
padding:.9em 0;
transition: .5s;
}
.catalog main .pdf_btn a:hover {
transition: .5s;
background:#FFF;
color:#0062a1;
}
.catalog main .com {
margin-bottom: 3em;
}
.catalog main .com span {
color: #0062a1;
}
.catalog main .bg {
background: #f7f7f7;
padding: 50px 70px;
}
.catalog main .bg table {
width: 100%;
margin-bottom: 40px;
}
.catalog main .bg table th {
width: 260px;
padding: .7em 0 0;
}
.catalog main .bg table th span {
color: #0062a1;
margin-left: 1em;
}
.catalog main .bg table td {
width: calc(100% - 260px);
padding: 0 0 2em;
}
.catalog main .bg table tr.middle th ,
.catalog main .bg table tr.middle td {
vertical-align: middle;
padding: 0 0 2em;
}
.catalog main .bg table tr:last-of-type th ,
.catalog main .bg table tr:last-of-type td {
padding: 0;
} @media screen and (max-width: 1400px) { .books-detail main .books_info .books_info_l {
width: 30%;
}
.books-detail main .books_info .books_info_r {
width: 70%;
padding-right: 5%;
padding-left: 5%;
}
.books-detail main .photo {
padding: 0 5%
}
} @media screen and (max-width: 1260px) { .top_search .box .search_box {
width:48%;
}
.top_search .box .cat_box {
width:48%;
}
.top_sns .sns_box .twitter {
width: 25%;
margin-right: 4%;
}
.top_sns .sns_box .twitter iframe {
width: 100%;
height: 50vw !important;
}
.top_sns .sns_box .note {
width: 25%;
padding: 1.5vw 2vw;
}
.top_sns .sns_box .note ul li:not(:last-of-type) {
margin-bottom: 2vw;
}
.top_sns .sns_box .note ul li img {
margin-bottom: .5vw;
}
.top_sns .sns_box .note ul li a ,
.top_sns .sns_box .note ul li p {
font-size: 1.4rem;
}
.top_sns .sns_box .insta {
width: 42%;
padding: 1.5vw 3vw;
}
.top_sns .sns_box .insta #sb_instagram.sbi_width_resp {
padding-bottom: 0 !important;
}
.top_sns .sns_box .insta #sb_instagram #sbi_images {
padding: 0 !important;
}
.top_sns .sns_box .insta #sb_instagram #sbi_images .sbi_item {
padding: 2vw !important;
}
.top_about .box .img {
width:50%;
}
.top_about .box .box_r {
width:50%;
padding-left:5%;
} .bookstore main section .box section h4 {
float:left;
max-width: auto;
width: calc(100% - (100px + 100px + 310px));
font-size:1.6rem;
font-weight:500;
padding:0 15px;
padding-top: .2em;
} .books-list main .sub_search .box .search_box {
width:48%;
}
.books-list main .sub_search .box .cat_box {
width:48%;
} .books-detail main .sub_search .box .search_box {
width:48%;
}
.books-detail main .sub_search .box .cat_box {
width:48%;
}
.books-detail main .books_info .books_info_l {
width: 30%;
}
.books-detail main .books_info .books_info_r {
width: 70%;
padding-right: 5%;
padding-left: 5%;
}
.books-detail main .photo {
padding: 0 5%
} .search main .sub_search .box .search_box {
width:48%;
}
.search main .sub_search .box .cat_box {
width:48%;
}
} @media screen and (max-width: 1080px) { .mm main .bg dl dt input {
width:40vw;
} .release main .bg dl dt input {
width:40vw;
} .books-detail main .books_info .books_info_l .link_btn .special_link:not(:last-of-type){
margin-right: 10px;
}
.books-detail main .books_info .books_info_l .link_btn .special_link a {
padding: .6em 1.2em;
}
} @media screen and (max-width: 940px) { .top_new_books .box section {
width:32%;
margin-right:2%;
}
.top_new_books .box section:nth-child(4n) {
margin-right:2%;
}
.top_new_books .box section:nth-child(4n+1) {
clear:none;
}
.top_new_books .box section:nth-last-child(-n+4) {
margin-bottom:90px;
}
.top_new_books .box section:nth-child(3n) {
margin-right:0;
}
.top_new_books .box section:nth-child(3n+1) {
clear:both;
}
.top_new_books .box section:nth-last-child(-n+3) {
margin-bottom:0;
}
.top_news .box section {
width:32%;
margin-right:2%;
}
.top_news .box section:nth-child(4n) {
margin-right:2%;
}
.top_news .box section:nth-child(4n+1) {
clear:none;
}
.top_news .box section:nth-last-child(-n+4) {
margin-bottom:90px;
}
.top_news .box section:nth-child(3n) {
margin-right:0;
}
.top_news .box section:nth-child(3n+1) {
clear:both;
}
.top_news .box section:nth-last-child(-n+3) {
margin-bottom:0;
}
.top_banner ul li {
width:32%;
margin-right:2%;
}
.top_banner ul li:nth-child(4n) {
margin-right:0;
}
.top_banner ul li:nth-child(4n+1) {
clear:none;
}
.top_banner ul li:nth-last-child(-n+4) {
margin-bottom:20px;
}
.top_banner ul li:nth-child(3n) {
margin-right:0;
}
.top_banner ul li:nth-child(3n+1) {
clear:both;
}
.top_banner ul li:nth-last-child(-n+3) {
margin-bottom:0;
} .special main .box section {
width:32%;
margin-right:2%;
}
.special main .box section:nth-child(4n) {
margin-right:2%;
}
.special main .box section:nth-child(4n+1) {
clear:none;
}
.special main .box section:nth-last-child(-n+4) {
margin-bottom:100px;
}
.special main .box section:nth-child(3n) {
margin-right:0;
}
.special main .box section:nth-child(3n+1) {
clear:both;
}
.special main .box section:nth-last-child(-n+3) {
margin-bottom:0;
} .category-list .box section {
width:32%;
margin-right:2%;
}
.category-list .box section:nth-child(4n) {
margin-right:2%;
}
.category-list .box section:nth-child(4n+1) {
clear:none;
}
.category-list .box section:nth-last-child(-n+4) {
margin-bottom:100px;
}
.category-list .box section:nth-child(3n) {
margin-right:0;
}
.category-list .box section:nth-child(3n+1) {
clear:both;
}
.category-list .box section:nth-last-child(-n+3) {
margin-bottom:0;
} .category-detail main .wrap article {
width: 70%;
}
.category-detail main .wrap aside {
width: 25%;
}
.category-detail .new_list .box section {
width:32%;
margin-right:2%;
margin-bottom: 50px;
}
.category-detail .new_list .box section:nth-child(3n) ,
.category-detail .new_list .box section:last-child {
margin-right:0;
}
.category-detail .new_list .box section:nth-child(3n+1) {
clear: both;
}
.category-detail .new_list .box section:nth-last-child(-n+3) {
margin-bottom: 0;
} .bookstore main .btn {
width: 96%;
margin: 0 auto;
margin-bottom: 50px;
}
.bookstore main .btn ul {
display: block;
}
.bookstore main .btn ul li {
width:32%;
margin-right: 2%;
}
.bookstore main section .box section h4 {
float:left;
max-width: auto;
width: calc(100% - (100px + 60px + 220px));
font-size:1.6rem;
font-weight:500;
padding:0 15px;
padding-top: .2em;
}
.bookstore main section .box section p {
width:60px;
}
.bookstore main section .box section ul {
float:right;
width:220px;
}
.bookstore main section .box section ul li {
width:70px;
} .books-list main .box section {
width:32%;
margin-right:2%;
margin-bottom:90px;
}
.books-list main .box section:nth-child(4n) {
margin-right:2%;
}
.books-list main .box section:nth-child(4n+1) {
clear:none;
}
.books-list main .box section:nth-last-child(-n+4) {
margin-bottom:90px;
}
.books-list main .box section:nth-child(3n) {
margin-right:0;
}
.books-list main .box section:nth-child(3n+1) {
clear:both;
}
.books-list main .box section:nth-last-child(-n+3) {
margin-bottom:0;
} .books-detail main .kanren .box section {
width:32%;
margin-right:2%;
margin-bottom: 50px;
}
.books-detail main .kanren .box section:nth-child(4n) {
margin-right:2%;
}
.books-detail main .kanren .box section:nth-child(4n+1) {
clear: none;
}
.books-detail main .kanren .box section:nth-last-child(-n+4) {
margin-bottom: 50px;
}
.books-detail main .kanren .box section:nth-child(3n) {
margin-right:0;
}
.books-detail main .kanren .box section:nth-child(3n+1) {
clear: both;
}
.books-detail main .kanren .box section:nth-last-child(-n+3) {
margin-bottom: 0;
}
.books-detail main .syoseki_data .box section {
width:32%;
margin-right:2%;
margin-bottom: 30px;
}
.books-detail main .syoseki_data .box section:nth-child(4n) {
margin-right:2%;
}
.books-detail main .syoseki_data .box section:nth-child(4n+1) {
clear: none;
}
.books-detail main .syoseki_data .box section:nth-last-child(-n+4) {
margin-bottom: 30px;
}
.books-detail main .syoseki_data .box section:nth-child(3n) {
margin-right: 0;
}
.books-detail main .syoseki_data .box section:nth-child(3n+1) {
clear: both;
}
.books-detail main .syoseki_data .box section:nth-last-child(-n+3) {
margin-bottom: 0;
} .search main .list .box .box_in section {
width:32%;
margin-right:2%;
margin-bottom:90px;
}
.search main .list .box .box_in section:nth-child(4n) {
margin-right:2%;
}
.search main .list .box .box_in section:nth-child(4n+1) {
clear:none;
}
.search main .list .box .box_in section:nth-last-child(-n+4) {
margin-bottom:90px;
}
.search main .list .box .box_in section:nth-child(3n) {
margin-right:0;
}
.search main .list .box .box_in section:nth-child(3n+1) {
clear:both;
}
.search main .list .box .box_in section:nth-last-child(-n+3) {
margin-bottom:0;
} .mm main .bg p {
float: none;
margin-right:0;
padding-top:0;
margin-bottom: .5em;
}
.mm main .bg dl {
float: none;
}
.mm main .bg dl dt input {
width:100%;
} .release main .bg p {
float: none;
margin-right:0;
padding-top:0;
margin-bottom: .5em;
}
.release main .bg dl {
float: none;
}
.release main .bg dl dt input {
width:100%;
} .contact main .bg table th {
width: auto;
white-space: nowrap;
padding-right: 2em;
}
.contact main .bg table th span {
}
.contact main .bg table td {
width:auto;
}
.contact main .bg table tr.middle th {
padding-right: 2em;
} .catalog main .bg table th {
width: auto;
white-space: nowrap;
padding-right: 2em;
}
.catalog main .bg table th span {
}
.catalog main .bg table td {
width:auto;
}
.catalog main .bg table tr.middle th {
padding-right: 2em;
}
} @media screen and (max-width: 767px) { .top_search {
padding:5vw 4%;
}
.top_search .box .search_box {
float:none;
width:100%;
height:12vw;
margin-bottom: 5vw;
}
.top_search .box .cat_box {
float:none;
width:100%;
height:12vw;
}
.top_search .box .searchandfilter li.sf-field-submit {
right:4vw;
}
.top_search .box .searchandfilter li.sf-field-submit:before {
right:0;
font-size:1.8rem;
}
.top_search .box .searchandfilter input ,
.top_search .box .search_box input {
height:12vw;
font-size:1.6rem;
padding:.7em .5em;
padding-right:12vw;
}
.top_search .box .search_box input[type="submit"] {
right:0;
width: 10vw;
height: 10vw;
}
.top_search .box .cat_box .drop_box {
height:12vw;
}
.top_search .box .cat_box .drop_box select {
font-size:1.6rem;
padding:.8em .5em 0;
}
.top_search .box .cat_box .drop_box:before {
right:4vw;
}
.tag_list {
text-align: left;
padding: 5vw 4% 7vw;
}
.tag_list ul {
display: inline-block;
text-align: left;
}
.tag_list ul li {
display: inline-block;
margin: 0 2vw 3vw;
}
.tag_list ul li a {
font-size: 1.4rem;
padding: .6em 1em;
}
.top_new_books {
margin-bottom:20vw;
}
.top_new_books h3 {
margin-bottom:10vw;
}
.top_new_books h3 span {
font-size:1.8rem;
padding:0 .6em;
}
.top_new_books .box {
margin-bottom:8vw;
}
.top_new_books .box section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.top_new_books .box section:nth-child(4n) {
margin-right:6%;
}
.top_new_books .box section:nth-child(4n+1) {
clear:none;
}
.top_new_books .box section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.top_new_books .box section:nth-child(3n) {
margin-right:6%;
}
.top_new_books .box section:nth-child(3n+1) {
clear:none;
}
.top_new_books .box section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.top_new_books .box section:nth-child(2n) {
margin-right:0;
}
.top_new_books .box section:nth-child(2n+1) {
clear:both;
}
.top_new_books .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.top_new_books .box section .tag {
height:10vw;
line-height:10vw;
}
.top_new_books .box section .tag span {
font-size:1.3rem;
}
.top_new_books .box section .category {
font-size:1.3rem;
padding:.8em .5em;
}
.top_new_books .box section .img {
margin-bottom:4vw;
height: 40vw;
}
.top_new_books .box section .img span {
height: 40vw;
}
.top_new_books .box section h4 {
margin-bottom:4vw;
}
.top_new_books .box section h4 a {
font-size:1.4rem;
}
.top_new_books .box section h5 {
font-size:1.3rem;
}
.top_new_books .more_btn a {
padding:1em 4em;
font-size:1.3rem;
}
.top_news {
margin-bottom:20vw;
}
.top_news h3 {
margin-bottom:10vw;
}
.top_news h3 span {
font-size:1.8rem;
padding:0 .6em;
}
.top_news .box {
margin-bottom:8vw;
}
.top_news .box section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.top_news .box section:nth-child(4n) {
margin-right:6%;
}
.top_news .box section:nth-child(4n+1) {
clear:none;
}
.top_news .box section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.top_news .box section:nth-child(3n) {
margin-right:6%;
}
.top_news .box section:nth-child(3n+1) {
clear:none;
}
.top_news .box section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.top_news .box section:nth-child(2n) {
margin-right:0;
}
.top_news .box section:nth-child(2n+1) {
clear:both;
}
.top_news .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.top_news .box section time {
font-size:1.2rem;
}
.top_news .box section .category {
margin-bottom:4vw;
}
.top_news .box section .category a {
font-size:1.3rem;
padding:.4em .5em;
}
.top_news .box section h4 a {
font-size:1.4rem;
}
.top_news .more_btn a {
padding:1em 4em;
font-size:1.3rem;
}
.top_banner {
margin-bottom:20vw;
}
.top_banner h3 {
margin-bottom:10vw;
}
.top_banner h3 span {
font-size:1.8rem;
padding:0 .6em;
}
.top_banner ul {
margin-bottom: 8vw;
}
.top_banner ul li {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.top_banner ul li:nth-child(4n) {
margin-right:6%;
}
.top_banner ul li:nth-child(4n+1) {
clear:none;
}
.top_banner ul li:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.top_banner ul li:nth-child(3n) {
margin-right:6%;
}
.top_banner ul li:nth-child(3n+1) {
clear:none;
}
.top_banner ul li:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.top_banner ul li:nth-child(2n) {
margin-right:0;
}
.top_banner ul li:nth-child(2n+1) {
clear:both;
}
.top_banner ul li:nth-last-child(-n+2) {
margin-bottom:0;
}
.top_banner ul li a span {
font-size: 1.3rem;
padding: .3em .5em;
}
.top_banner .more_btn a {
padding:1em 4em;
font-size:1.3rem;
}
.top_sns {
margin-bottom:20vw;
}
.top_sns h3 {
margin-bottom:10vw;
}
.top_sns h3 span {
font-size:1.8rem;
padding:0 .6em;
}
.top_sns .sns_box .twitter {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 5vw;
}
.top_sns .sns_box .twitter iframe {
width: 100%;
height: 60vh !important;
}
.top_sns .sns_box .note {
float: none;
width: 100%;
padding: 4vw 3vw;
margin-bottom: 5vw;
}
.top_sns .sns_box .note ul li:not(:last-of-type) {
margin-bottom: 4vw;
}
.top_sns .sns_box .note ul li:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.top_sns .sns_box .note ul li a {
float: left;
display: block;
}
.top_sns .sns_box .note ul li a:first-of-type {
width: 35%;
}
.top_sns .sns_box .note ul li a:last-of-type {
float: right;
width: 60%;
}
.top_sns .sns_box .note ul li img {
margin-bottom: 0;
}
.top_sns .sns_box .note ul li a ,
.top_sns .sns_box .note ul li p {
font-size: 1.3rem;
}
.top_sns .sns_box .insta {
float: none;
width: 100%;
padding: 4vw 3vw;
}
.top_about {
margin-bottom:20vw;
}
.top_about h3 {
margin-bottom:10vw;
}
.top_about h3 span {
font-size:1.8rem;
padding:0 .6em;
}
.top_about .box {
display:block;
}
.top_about .box .img ,
.top_about .box .box_r {
display:block;
}
.top_about .box .img {
width:100%;
margin-bottom: 5vw;
}
.top_about .box .box_r {
width:100%;
padding-left:0;
}
.top_about .box .box_r h4 {
font-size:1.6rem;
}
.top_about .box .box_r p {
font-size:1.4rem;
}
.top_about .box .box_r ul li {
width:48%;
}
.top_about .box .box_r ul li a {
padding:.8em 0;
font-size:1.3rem;
}
.top_company {
margin-bottom:20vw;
}
.top_company h3 {
margin-bottom:10vw;
}
.top_company h3 span {
font-size:1.8rem;
padding:0 .6em;
}
.top_company ul {
flex-direction: column;
}
.top_company ul li {
width:100%;
}
.top_company ul li:not(:last-of-type) {
margin-right: 0;
margin-bottom: 5vw;
}
.top_company ul li a {
height:auto;
padding: 4vw 0;
}
.top_company ul li:last-of-type a {
padding: 4vw 25vw;
}
.top_company ul li a img {
width:auto;
max-width:100%;
}
.top_company ul li a span {
position: relative;
top: inherit;
left: inherit;
-webkit-transform: translate(0,0); transform: translate(0,0);
display:block;
font-size:1.4rem;
}
.top_company ul li a span em {
font-size:2.6rem;
margin-bottom:.2em;
}
.top_company ul li p {
font-size:1.3rem;
} .special main .box section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.special main .box section:nth-child(4n) {
margin-right:6%;
}
.special main .box section:nth-child(4n+1) {
clear:none;
}
.special main .box section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.special main .box section:nth-child(3n) {
margin-right:6%;
}
.special main .box section:nth-child(3n+1) {
clear:none;
}
.special main .box section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.special main .box section:nth-child(2n) {
margin-right:0;
}
.special main .box section:nth-child(2n+1) {
clear:both;
}
.special main .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.special main .box section h4 {
padding: .3em .5em;
font-size:1.3rem;
}
.special main .box section h5 {
font-size:1.3rem;
} .category-list main .box section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.category-list main .box section:nth-child(4n) {
margin-right:6%;
}
.category-list main .box section:nth-child(4n+1) {
clear:none;
}
.category-list main .box section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.category-list main .box section:nth-child(3n) {
margin-right:6%;
}
.category-list main .box section:nth-child(3n+1) {
clear:none;
}
.category-list main .box section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.category-list main .box section:nth-child(2n) {
margin-right:0;
}
.category-list main .box section:nth-child(2n+1) {
clear:both;
}
.category-list main .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.category-list.correction .box section {
padding:2vw 3vw;
}
.category-list .box section time {
font-size:1.2rem;
}
.category-list.correction .box section time {
float:none;
width:100%;
font-size:1.2rem;
padding-top: .3em;
}
.category-list .box section .category {
margin-bottom:4vw;
}
.category-list .box section .category a {
font-size:1.4rem;
}
.category-list .box section h4 a {
font-size:1.4rem;
} .category-detail main .wrap {
margin-bottom: 15vw;
}
.category-detail main .wrap article {
float: none;
width: 100%;
margin-bottom: 10vw;
}
.category-detail main .wrap aside {
float: none;
width: 100%;
}
.category-detail main .wrap h3 {
font-size: 1.6rem;
margin-bottom: .2em;
}
.category-detail main .wrap time {
font-size:1.2rem;
margin-bottom:1.1em;
color: #AAA;
}
.category-detail main .wrap .thum {
margin-bottom: 5vw;
}
.category-detail main .wrap aside h4 {
font-size: 1.6rem;
}
.category-detail main .wrap aside section {
padding: 0;
}
.category-detail main .wrap aside section:not(:last-of-type) {
margin-bottom: 4vw;
padding-bottom: 4vw;
border-bottom: solid 1px #e6e6e6;
}
.category-detail main .wrap aside section:after {
content: " ";
font-size: 0.1rem;
display: block;
clear: both;
line-height: 0;
height: 0;
visibility: hidden;
}
.category-detail main .wrap aside section .img {
float: left;
width: 30%;
margin-bottom: 0;
}
.category-detail main .wrap aside section .aside_title {
float: right;
width: 65%;
}
.category-detail main .wrap aside section h5 {
font-size: 1.5rem;
margin-bottom: .2em;
}
.category-detail main .wrap aside section h6 {
font-size: 1.4rem;
}
.category-detail main .wrap aside section .com {
padding-top: .8em;
font-size: 1.2rem;
}
.category-detail .new_list .box section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.category-detail .new_list .box section:nth-child(4n) {
margin-right:6%;
}
.category-detail .new_list .box section:nth-child(4n+1) {
clear:none;
}
.category-detail .new_list .box section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.category-detail .new_list .box section:nth-child(3n) {
margin-right:6%;
}
.category-detail .new_list .box section:nth-child(3n+1) {
clear:none;
}
.category-detail .new_list .box section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.category-detail .new_list .box section:nth-child(2n) {
margin-right:0;
}
.category-detail .new_list .box section:nth-child(2n+1) {
clear:both;
}
.category-detail .new_list .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.category-detail .new_list .box section time {
font-size:1.2rem;
}
.category-detail .new_list .box section .category {
margin-bottom:4vw;
}
.category-detail .new_list .box section .category a {
font-size:1.4rem;
}
.category-detail .new_list .box section h4 a {
font-size:1.4rem;
}  .bookstore main .btn {
width: 96%;
margin: 0 auto;
margin-bottom:20vw;
}
.bookstore main .btn ul {
display: block;
}
.bookstore main .btn ul li {
float:none;
width:100%;
margin-right: 0;
margin-bottom: 5vw;
}
.bookstore main .btn ul li:last-of-type {
margin-bottom: 0;
}
.bookstore main .btn a {
font-size:1.3rem;
padding:.9em 0;
}
.bookstore main section:not(:last-child) {
margin-bottom:16vw;
}
.bookstore main section .box {
margin-bottom:8vw;
}
.bookstore main section .box section {
padding:2vw 3vw;
}
.bookstore main section .box section time {
float:left;
width:48%;
font-size:1.4rem;
padding-top:.3em;
margin-right: 4%;
}
.bookstore main section .box section p {
width:48%;
padding:.2em 0;
}
.bookstore main section .box section h4 {
float:none;
clear: both;
max-width: none;
width: 100%;
font-size:1.5rem;
padding:0;
padding-top: .6em;
padding-bottom: .6em;
}
.bookstore main section .box section ul {
float:none;
width:100%;
}
.bookstore main section .box section ul li {
width:32%;
margin-right:2%;
}
.bookstore main section .box section ul li a ,
.bookstore main section .box section ul li span {
padding:.3em 0;
}
.bookstore main section .more_btn {
text-align:center;
}
.bookstore main section .more_btn a {
display:inline-block;
border: solid 1px #f2f2f2;
background:#f2f2f2;
padding:1em 6.5em;
font-weight:700;
text-decoration:none;
white-space:nowrap;
transition: .5s;
}
.bookstore main section .more_btn a:hover {
background:#FFFFFF;
transition: .5s;
} .books-list main .sub_search {
padding:5vw 4%;
margin-bottom: 10vw;
}
.books-list main .sub_search .box .search_box {
float:none;
width:100%;
height:12vw;
margin-bottom: 5vw;
}
.books-list main .sub_search .box .cat_box {
float:none;
width:100%;
height:12vw;
}
.books-list main .sub_search .box .searchandfilter li.sf-field-submit {
right:4vw;
}
.books-list main .sub_search .box .searchandfilter li.sf-field-submit:before {
right:0;
font-size:1.8rem;
}
.books-list main .sub_search .box .searchandfilter input ,
.books-list main .sub_search .box .search_box input {
height:12vw;
font-size:1.6rem;
padding:.7em .5em;
padding-right:12vw;
}
.books-list main .sub_search .box .search_box input[type="submit"] {
right:0;
width: 10vw;
height: 10vw;
}
.books-list main .sub_search .box .cat_box .drop_box {
height:12vw;
}
.books-list main .sub_search .box .cat_box .drop_box select {
font-size:1.6rem;
padding:.8em .5em 0;
}
.books-list main .sub_search .box .cat_box .drop_box:before {
right:4vw;
}
.books-list main .sub_tag_list {
text-align: left;
padding: 5vw 4% 7vw;
}
.books-list main .sub_tag_list ul {
display: inline-block;
text-align: left;
}
.books-list main .sub_tag_list ul li {
display: inline-block;
margin: 0 2vw 3vw;
}
.books-list main .sub_tag_list ul li a {
font-size: 1.4rem;
padding: .6em 1em;
}
.books-list main .box section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.books-list main .box section:nth-child(4n) {
margin-right:6%;
}
.books-list main .box section:nth-child(4n+1) {
clear:none;
}
.books-list main .box section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.books-list main .box section:nth-child(3n) {
margin-right:6%;
}
.books-list main .box section:nth-child(3n+1) {
clear:none;
}
.books-list main .box section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.books-list main .box section:nth-child(2n) {
margin-right:0;
}
.books-list main .box section:nth-child(2n+1) {
clear:both;
}
.books-list main .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.books-list main .box section .tag {
height:10vw;
line-height:10vw;
}
.books-list main .box section .tag span {
font-size:1.3rem;
}
.books-list main .box section .category {
font-size:1.3rem;
padding:.8em .5em;
}
.books-list main .box section .img {
margin-bottom:4vw;
height: 40vw;
}
.books-list main .box section .img span {
height: 40vw;
}
.books-list main .box section h4 {
margin-bottom:4vw;
}
.books-list main .box section h4 a {
font-size:1.4rem;
}
.books-list main .box section h5 {
font-size:1.3rem;
} .books-detail main .sub_search {
padding:5vw 4%;
margin-bottom: 10vw;
}
.books-detail main .sub_search .box .search_box {
float:none;
width:100%;
height:12vw;
margin-bottom: 5vw;
}
.books-detail main .sub_search .box .cat_box {
float:none;
width:100%;
height:12vw;
}
.books-detail main .sub_search .box .searchandfilter li.sf-field-submit {
right:4vw;
}
.books-detail main .sub_search .box .searchandfilter li.sf-field-submit:before {
right:0;
font-size:1.8rem;
}
.books-detail main .sub_search .box .searchandfilter input ,
.books-detail main .sub_search .box .search_box input {
height:12vw;
font-size:1.6rem;
padding:.7em .5em;
padding-right:12vw;
}
.books-detail main .sub_search .box .search_box input[type="submit"] {
right:0;
width: 10vw;
height: 10vw;
}
.books-detail main .sub_search .box .cat_box .drop_box {
height:12vw;
}
.books-detail main .sub_search .box .cat_box .drop_box select {
font-size:1.6rem;
padding:.8em .5em 0;
}
.books-detail main .sub_search .box .cat_box .drop_box:before {
right:4vw;
}
.books-detail main h3.book_detail_title {
margin-bottom: 1em;
font-size: 2.2rem;
font-weight: 700;
}
.books-detail main h3.book_detail_title em {
display: block;
font-size: 1.8rem;
font-weight: 700;
}
.books-detail main .books_info {
display: block;
margin-bottom:10vw;
}
.books-detail main .books_info .books_info_l {
display: block;
float: none;
width: 100%;
max-width: 100%;
margin-bottom:8vw;
}
.books-detail main .books_info .books_info_l .img_tag {
display: block;
margin-bottom: 3vw;
}
.books-detail main .books_info .books_info_l .img {
height: auto;
margin-bottom: 1vw;
text-align: center;
}
.books-detail main .books_info .books_info_l .img span {
display: inline-block;
height: auto;
}
.books-detail main .books_info .books_info_l .tag span {
font-size: 1.2rem;
padding: .4em .5em;
} .books-detail main .books_info .books_info_l .sub_info {
padding-top: 1em;
} .books-detail main .books_info .books_info_l .link_btn {
padding-top: 2em;
display: flex;
flex-direction: column;
}
.books-detail main .books_info .books_info_l .link_btn .special_link {
width: 100%;
}
.books-detail main .books_info .books_info_l .link_btn .special_link:not(:last-of-type){
margin-right: 0;
margin-bottom: 5vw;
}
.books-detail main .books_info .books_info_l .link_btn .special_link a {
padding: .8em 0;
}
.books-detail main .books_info .books_info_r {
display: block;
float: none;
max-width: 100%;
width: 100%;
padding: 0;
}
.books-detail main .books_info .books_info_r .cat_tag {
margin-bottom: 2em;
}
.books-detail main .books_info .books_info_r .cat_tag ul li {
margin-right: 1em;
margin-bottom: 1em;
}
.books-detail main .books_info .books_info_r .cat_tag ul li a {
font-size: 1.2rem;
padding: .4em 1em;
}
.books-detail main .books_info .books_info_r h4 {
font-size: 1.8rem;
margin-bottom: 1.5em;
}
.books-detail main .photo { margin-bottom: 5vw;
}
.books-detail main .photo .slider.thumb-item {
margin-bottom: 3vw;
} .books-detail main .kanren {
margin-bottom: 10vw;
}
.books-detail main .kanren .box section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.books-detail main .kanren .box section:nth-child(4n) {
margin-right:6%;
}
.books-detail main .kanren .box section:nth-child(4n+1) {
clear:none;
}
.books-detail main .kanren .box section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.books-detail main .kanren .box section:nth-child(3n) {
margin-right:6%;
}
.books-detail main .kanren .box section:nth-child(3n+1) {
clear:none;
}
.books-detail main .kanren .box section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.books-detail main .kanren .box section:nth-child(2n) {
margin-right:0;
}
.books-detail main .kanren .box section:nth-child(2n+1) {
clear:both;
}
.books-detail main .kanren .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.books-detail main .kanren .box section time {
font-size: 1.2rem;
}
.books-detail main .kanren .box section .category a {
font-size:1.3rem;
padding:.8em .5em;
}
.books-detail main .syoten_data {
margin-bottom: 10vw;
}
.books-detail main .syoten_data .box dl {
float: none;
width: 100%;
margin-bottom: 5vw;
}
.books-detail main .syoten_data .box dl:last-of-type ,
.books-detail main .syoten_data .box dl:nth-of-type(2) {
float: none;
margin-bottom: 0;
}
.books-detail main .syoten_data .box dl dt {
width: 30%;
}
.books-detail main .syoten_data .box dl dd {
width: 70%;
padding-left: 2%;
}
.books-detail main .syoseki_data {
margin-bottom: 10vw;
}
.books-detail main .syoseki_data .box section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.books-detail main .syoseki_data .box section:nth-child(4n) {
margin-right:6%;
}
.books-detail main .syoseki_data .box section:nth-child(4n+1) {
clear:none;
}
.books-detail main .syoseki_data .box section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.books-detail main .syoseki_data .box section:nth-child(3n) {
margin-right:6%;
}
.books-detail main .syoseki_data .box section:nth-child(3n+1) {
clear:none;
}
.books-detail main .syoseki_data .box section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.books-detail main .syoseki_data .box section:nth-child(2n) {
margin-right:0;
}
.books-detail main .syoseki_data .box section:nth-child(2n+1) {
clear:both;
}
.books-detail main .syoseki_data .box section:nth-last-child(-n+2) {
margin-bottom:0;
}
.books-detail main .syoseki_data .box section .img {
height: 40vw;
}
.books-detail main .syoseki_data .box section .img a {
height: 40vw;
}
.books-detail main .syoseki_data .box section h5 {
margin-bottom: .5em;
}
.books-detail main .buy_link {
position: fixed;
top: inherit;
-webkit-transform: translateY(0); transform: translateY(0);
bottom: 0;
right: inherit;
left: 0;
z-index:10;
background: #FFF;
display: flex;
justify-content: space-between;
width: 100%;
}
.books-detail main .buy_link li {
position: relative;
display: block;
width: 100%;
margin-bottom:0;
background: #1a1a1a;
text-align: center;
}
.books-detail main .buy_link li:not(:last-of-type) {
border-right: solid 1px #fff;
}
.books-detail main .buy_link li a {
display: block;
padding: .8em .2em;
font-size: 1.3rem;
font-weight: 700;
white-space: normal;
color: #FFF;
text-decoration: none;
}
.books-detail main .buy_link li a span {
display: block;
font-weight: 700;
}
.books-detail main .buy_link li a em {
display: none;
} .search main .sub_search {
padding:5vw 4%;
}
.search main .sub_search .box .search_box {
float:none;
width:100%;
height:12vw;
margin-bottom: 5vw;
}
.search main .sub_search .box .cat_box {
float:none;
width:100%;
height:12vw;
}
.search main .sub_search .box .searchandfilter li.sf-field-submit {
right:4vw;
}
.search main .sub_search .box .searchandfilter li.sf-field-submit:before {
right:0;
font-size:1.8rem;
}
.search main .sub_search .box .searchandfilter input ,
.search main .sub_search .box .search_box input {
height:12vw;
font-size:1.6rem;
padding:.7em .5em;
padding-right:12vw;
}
.search main .sub_search .box .search_box input[type="submit"] {
right:0;
width: 10vw;
height: 10vw;
}
.search main .sub_search .box .cat_box .drop_box {
height:12vw;
}
.search main .sub_search .box .cat_box .drop_box select {
font-size:1.6rem;
padding:.8em .5em 0;
}
.search main .sub_search .box .cat_box .drop_box:before {
right:4vw;
}
.search main .sub_tag_list {
text-align: left;
padding: 5vw 4% 7vw;
}
.search main .sub_tag_list ul {
display: inline-block;
text-align: left;
}
.search main .sub_tag_list ul li {
display: inline-block;
margin: 0 2vw 3vw;
}
.search main .sub_tag_list ul li a {
font-size: 1.4rem;
padding: .6em 1em;
}
.search main .sort {
padding-bottom: 0;
margin-bottom: 10vw;
padding: 0 4%;
}
.search main .sort p {
display: block;
font-size: 1.5rem;
font-weight: 700;
margin-right: 1em;
}
.search main .sort dl {
font-size: 1.4rem;
}
.search main .sort dl dt ,
.search main .sort dl dd ,
.search main .sort div {
font-size: 1.4rem;
}
.search main .sort dl .searchandfilter input[type="submit"] {
font-size:1.4rem;
}
.search main .sort dl + p {
display: inline-block;
font-weight: 400;
margin: 0 .2em;
}
.search main .list .box h4 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 3em;
}
.search main .list .box .box_in section {
float:left;
width:47%;
margin-right:6%;
margin-bottom:5vw;
}
.search main .list .box .box_in section:nth-child(4n) {
margin-right:6%;
}
.search main .list .box .box_in section:nth-child(4n+1) {
clear:none;
}
.search main .list .box .box_in section:nth-last-child(-n+4) {
margin-bottom:5vw;
}
.search main .list .box .box_in section:nth-child(3n) {
margin-right:6%;
}
.search main .list .box .box_in section:nth-child(3n+1) {
clear:none;
}
.search main .list .box .box_in section:nth-last-child(-n+3) {
margin-bottom:5vw;
}
.search main .list .box .box_in section:nth-child(2n) {
margin-right:0;
}
.search main .list .box .box_in section:nth-child(2n+1) {
clear:both;
}
.search main .list .box .box_in section:nth-last-child(-n+2) {
margin-bottom:0;
}
.search main .list .box .box_in section .tag {
height:10vw;
line-height:10vw;
}
.search main .list .box .box_in section .tag span {
font-size:1.3rem;
}
.search main .list .box .box_in section .category {
font-size:1.3rem;
padding:.8em .5em;
}
.search main .list .box .box_in section .img {
margin-bottom:4vw;
height: 40vw;
}
.search main .list .box .box_in section .img span {
height: 40vw;
}
.search main .list .box .box_in section h5 {
margin-bottom:4vw;
}
.search main .list .box .box_in section h5 a {
font-size:1.4rem;
}
.search main .list .box .box_in section h6 {
font-size:1.3rem;
} .mm main .com01 {
margin-bottom: 10vw;
}
.mm main .bg {
margin-bottom: 10vw;
padding: 5vw 4vw;
}
.mm main .bg p {
float: none;
margin-right: 0;
padding-top:0;
}
.mm main .bg dl {
float: none;
}
.mm main .bg dl dt {
margin-bottom: 5vw;
}
.mm main .bg dl dt input {
width:100%;
padding:1em 4px;
font-size:1.4rem;
}
.mm main .bg dl dd input {
width: 50%;
text-align: center;
padding:1em 0;
font-size:1.4rem;
} .release main .com01 {
margin-bottom: 10vw;
}
.release main .bg {
padding: 5vw 4vw;
}
.release main .bg p {
float: none;
margin-right: 0;
padding-top:0;
}
.release main .bg dl {
float: none;
}
.release main .bg dl dt {
margin-bottom: 5vw;
}
.release main .bg dl dt input {
width:100%;
padding:1em 4px;
font-size:1.4rem;
}
.release main .bg dl dd input {
width: 50%;
text-align: center;
padding:1em 4px;
font-size:1.4rem;
} .order main .com01 {
margin-bottom: 3em;
}
.order main .box section:not(:last-of-type) {
margin-bottom: 10vw;
}
.order main .box section h4 {
padding: .4em .6em;
font-size: 1.6rem;
}
.order main .box section p.company_info {
padding: 1em 1.5em;
}
.order main .box section p.company_info span {
display: block;
}
.order main .box section table tr:not(:last-of-type) th ,
.order main .box section table tr:not(:last-of-type) td {
padding-bottom: 1.5em;
}
.order main .box section table th {
display: block;
white-space: normal;
padding-right: 0;
font-weight: 700;
padding-bottom: .2em !important;
}
.order main .box section table td {
display: block;
}
.order main .box section table td span {
display: block;
margin-right: 0;
}
.order main .box section table td em {
margin:0 1em;
} .company main .box section:not(:last-of-type) {
margin-bottom: 10vw;
}
.company main .box section h4 {
padding: .4em .6em;
font-size: 1.6rem;
}
.company main .box section p {
padding: 0 1em;
}
.company main .box section p em {
display: block;
margin-right: 0;
} .copyrighted-materials main .box .com02 address span {
display: block;
margin-right: 0;
} .recruit main .box section:not(:last-of-type) {
margin-bottom: 10vw;
}
.recruit main .box section h4 {
padding: .4em .6em;
font-size: 1.6rem;
}
.recruit main .box section p {
padding: 0 1em;
} .privacy main .box section:not(:last-of-type) {
margin-bottom: 10vw;
}
.privacy main .box section h4 {
padding: .4em .6em;
font-size: 1.6rem;
}
.privacy main .box section ul {
padding: 0 1em;
} .contact main .com + .caution {
padding: 4vw 5vw;
}
.contact main .bg {
padding: 4vw 5vw;
}
.contact main .bg table {
margin-bottom: 8vw;
}
.contact main .bg table th {
display: block;
width: 100%;
padding:0;
font-weight: 700;
}
.contact main .bg table td {
display: block;
width: 100%;
padding:.2em 0 1em;
}
.contact main .bg table tr.middle th ,
.contact main .bg table tr.middle td {
padding:0;
}
.contact main .bg table tr.middle td {
padding:.2em 0 1em;
}
.contact main .bg table tr:last-of-type th ,
.contact main .bg table tr:last-of-type td {
padding: 0;
}
.contact main .bg table tr:last-of-type td {
padding:.2em 0 0;
}
.contact main .bg.form .select_box01 ,
.contact main .bg.form .select_box01 select {
min-width: inherit;
width: 100%;
font-size: 1.3rem;
} .contact-list main .box > .btn_list section .btn {
width: 80%;
} .catalog main .pdf_btn {
width:80%;
margin:0 auto;
margin-bottom:10vw;
}
.catalog main .pdf_btn a {
font-size:1.4rem;
padding:.9em 0;
}
.catalog main .bg {
padding: 4vw 5vw;
}
.catalog main .bg table {
margin-bottom: 8vw;
}
.catalog main .bg table th {
display: block;
width: 100%;
padding:0;
font-weight: 700;
}
.catalog main .bg table td {
display: block;
width: 100%;
padding:.2em 0 1em;
}
.catalog main .bg table tr.middle th ,
.catalog main .bg table tr.middle td {
padding:0;
}
.catalog main .bg table tr.middle td {
padding:.2em 0 1em;
}
.catalog main .bg table tr:last-of-type th ,
.catalog main .bg table tr:last-of-type td {
padding: 0;
}
.catalog main .bg table tr:last-of-type td {
padding:.2em 0 0;
}
.catalog main .bg.form .select_box01 ,
.catalog main .bg.form .select_box01 select {
min-width: inherit;
width: 100%;
font-size: 1.3rem;
}
} main.temp01 {
}
main.temp01:not(:last-child) {
margin-bottom: .5em;
}
main.temp01 .com01:not(:last-child) {
margin-bottom: 2em;
}
main.temp01 .com01 p:not(:last-of-type) {
margin-bottom: 1.2em;
}
main.temp01 h4 {
background: #f7f7f7;
padding: .8em 1em;
margin-bottom: 1em;
font-size: 2.0rem;
font-weight: 700;
}
main.temp01 h5 {
color:#808080;
font-size:1.4rem;
font-weight:500;
}
main.temp01 .com02:not(:last-child) {
margin-bottom: 2em;
}
main.temp01 .com02 ul {
padding: 0 1.5em;
}
main.temp01 .com02 ul li {
position: relative;
padding-left: 1.1em;
}
main.temp01 .com02 ul li:before {
position: absolute;
left: 0;
content: '・';
}
main.temp01 a {
color: #0071bc;
}
main.temp01 a[target="_blank"]:after {
font-family: "Font Awesome 5 Free";
content: "\f35d";
color: #b3b3b3;
display: inline-block;
margin-left: 1em;
}