@charset "utf-8";
 @import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP&family=Noto+Sans+JP:wght@100..900&family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");  html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} body {
line-height:1;
} article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}  ol, ul {
list-style: none;
} blockquote, q {
quotes:none;
} blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
} a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
} ins {
background-color:#ff9;
color:#000;
text-decoration:none;
} mark {
background-color:#ff9;
color:#000;
font-style:italic;
font-weight:bold;
} del {
text-decoration: line-through;
} abbr[title], dfn[title] {
border-bottom:1px dotted;
cursor:help;
} table {
border-collapse:collapse;
border-spacing:0;
} hr {
display:block;
height:1px;
border:0;  
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
} input, select {
vertical-align:middle;
} img {
vertical-align: top;
font-size: 0;
line-height: 0;
} *, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.clearfix:after{
content: "."; 
display: block; 
height: 0; 
font-size:0;
clear: both; 
visibility:hidden;
}
.none{
display:none;
}
body{
min-height: 100vh;
}
.ibm-plex-sans-jp-regular {
font-family: "IBM Plex Sans JP", serif;
font-weight: 400;
font-style: normal;
}
.spectral-extralight {
font-family: "Spectral", serif;
font-weight: 200;
font-style: normal;
}
.spectral-light {
font-family: "Spectral", serif;
font-weight: 300;
font-style: normal;
}
.spectral-regular {
font-family: "Spectral", serif;
font-weight: 400;
font-style: normal;
}
.spectral-medium {
font-family: "Spectral", serif;
font-weight: 500;
font-style: normal;
}
.spectral-semibold {
font-family: "Spectral", serif;
font-weight: 600;
font-style: normal;
}
.spectral-bold {
font-family: "Spectral", serif;
font-weight: 700;
font-style: normal;
}
.spectral-extrabold {
font-family: "Spectral", serif;
font-weight: 800;
font-style: normal;
}
.spectral-extralight-italic {
font-family: "Spectral", serif;
font-weight: 200;
font-style: italic;
}
.spectral-light-italic {
font-family: "Spectral", serif;
font-weight: 300;
font-style: italic;
}
.spectral-regular-italic {
font-family: "Spectral", serif;
font-weight: 400;
font-style: italic;
}
.spectral-medium-italic {
font-family: "Spectral", serif;
font-weight: 500;
font-style: italic;
}
.spectral-semibold-italic {
font-family: "Spectral", serif;
font-weight: 600;
font-style: italic;
}
.spectral-bold-italic {
font-family: "Spectral", serif;
font-weight: 700;
font-style: italic;
}
.spectral-extrabold-italic {
font-family: "Spectral", serif;
font-weight: 800;
font-style: italic;
}
.noto-sans-jp-regular {
font-family: "Noto Sans JP", serif;
font-optical-sizing: auto;
font-weight: var(--font-weight-Regular);
font-style: normal;
}
:root {
--primary-font-set: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'Noto Sans JP', Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic" serif;
--plex-font-set: 'IBM Plex Sans JP', serif;
--spectral-font-set: 'Spectral', sans-serif;
--font-weight-Regular: 400;
--font-weight-Medium: 500;
--font-weight-SemiBold: 600;
--font-weight-Bold: 700;
--font-weight-Black: 900;
} body{
font-family: var(--primary-font-set);
font-size:14px;
font-weight: var(--font-weight-Regular);
}
.mincho{
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
a:hover{
opacity:0.9;
} .pc{
display:block;
}
.pc2{
display:block;
}
.sp{
display:none; }
.sp2{
display:none; }
@media(max-width:1024px){
.pc{
display: none;
}
.sp{
display: block;
}
}
@media(max-width:768px){
.pc2{
display:none;
}
.sp2{
display:block;
}
} @keyframes fade-in {
from {
opacity: 0;
}
}
@keyframes fade-out {
to {
opacity: 0;
}
}
@keyframes slide-in-from-left {
from {
translate: -100%;
}
}
@keyframes slide-in-from-right {
from{
translate:100%;
}
}
@keyframes slide-out-to-left {
to {
translate:-100%;
}
}
@keyframes slide-out-to-right {
to {
translate: 100%;
}
}
@keyframes slide-in-from-bottom {
from {
translate: 0 100%;
}
}
@keyframes slide-in-from-top {
from {
translate: 0 -100%;
}
}
@keyframes slide-out-to-bottom {
to {
translate: 0 100%;
}
}
@keyframes slide-out-to-top {
to {
translate: 0 -100%;
}
}  .g-ms {
position: fixed;
top: 0;
left: 0;
z-index: 9999; pointer-events: none; transition: none;
}
.g-ms_i {
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border-radius: 15px;
transition: transform .1s ease;
background: rgba(204,204,204,.5);
opacity: .1;
} .g-ms.g-ms-active .g-ms_i {
opacity: 1;
} .g-ms.g-ms-hover { }
.g-ms.g-ms-hover .g-ms_i {
background: rgba(247,200,99,.9);
transform: scale(3);
margin: -20px 0 0 -20px;
}
.g-ms.g-ms-hover.g-ms-hover2 .g-ms_i{
transform: scale(1);
margin: -10px 0 0 -10px;
}
.grecaptcha-badge,
.grecaptcha-logo{
visibility: hidden;
box-shadow: none !important;
} header{
width:100%;
}
header .inner{
max-width:1200px;
margin-inline: auto;
position:relative;
font-size: 0;
padding:100px 0 56px 0;
}
header .logo{
margin:0;
display: inline-block;
vertical-align: middle;
width: 180px;
}
header .logo img{
width:58px;
height: auto;
display: inline-block;
vertical-align: middle;
}
header .logo img.pc2{
display: inline-block;
}
header .logo img.sp2{
display: none;
}
header .logo span{
font-size:26px;
line-height: 1;
font-weight: bold;
display: inline-block;
vertical-align: middle;
margin:0 0 0 12px;
margin:0;
color:#333333;
}
header nav{
display: inline-block;
vertical-align: middle;
margin:18px 0 0 0;
text-align: right;
width:calc(100% - 180px);
}
header nav ul{
}
header nav li{
display: inline-block;
vertical-align: top;
font-family: var(--plex-font-set);
font-size:16px;
margin:0 0 0 30px;
}
header nav li a{
text-decoration: none;
color: #333333;
}
header nav li span{
}
header .inq{
border:1px solid #26B6B9;
display: inline-block;
position: absolute;
top:40px;
right: 0;
border-radius:22px;
}
header .inq a{
font-size:14px;
font-family: var(--plex-font-set);
width:184px;
display: inline-block;
text-decoration: none;
color:#26B6B9;
text-align: center;
}
header .inq span{
display: inline-block;
padding:15px 0 15px 34px;
background-image: url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_contact.png);
background-repeat: no-repeat;
background-position: left center;
background-size:22px auto;
}
header .splogo,
header .spmenu{
display: none;
}
@media(max-width:1240px){
header{
padding:0 20px;
}
}
@media(max-width:860px){ header{
height:18.66666667vw; padding:0;
position: relative;
}
header .splogo{
display: block;
position:absolute;
top:6.4vw; left:6.4vw; }
header .splogo a{
color:#333333;
}
header .splogo img{
width:7.73333333vw; margin:0;
display: inline-block;
vertical-align: middle;
}
header .splogo span{
font-size:3.46666667vw; line-height: 1;
font-weight: bold;
display: inline-block;
vertical-align: middle;
margin:0 0 0 1.6vw; margin:0
color:#333333;
}
header .spmenu{
display: block;
position:fixed;
top:7.46666667vw; right:6.4vw; width: 4.8vw; height: 4.8vw; cursor: pointer;
z-index: 100;
}
header .spmenu span{
background-color:#1B2D75;
height:0.53333333vw; width:4.8vw; display: block;
position:absolute;
transition: all 0.3s;
}
header .spmenu span:nth-child(1){
top:0.53333333vw; left:0;
}
header .spmenu span:nth-child(2){
top:2.13333333vw; left:0;
}
header .spmenu span:nth-child(3){
top:3.7333333vw; left:0;
}
header.open .spmenu span{
background-color:#fff;
}
header.open .spmenu span:nth-child(1){
transform: rotate(45deg);
top:2.13333333vw; }
header.open .spmenu span:nth-child(2){
opacity: 0;
}
header.open .spmenu span:nth-child(3){
transform: rotate(-45deg);
top:2.13333333vw; }
header .inner{
display: none;
padding:0;
position: fixed;
top:0;
left:0;
height: 100dvh;
width:100dvw;
overflow-y: scroll;
background-color:#1B2D75;
z-index: 100;
}
header.open .inner{
}
header .logo{
margin:0;
display: block;
width: auto;
position:absolute;
top:6.4vw; left:6.4vw; }
header .logo img{
width:7.73333333vw; margin:0;
display: inline-block;
vertical-align: middle;
}
header .logo img.sp2{
display: inline-block;
}
header .logo img.pc2{
display: none;
}
header .logo span{
font-size:3.46666667vw; line-height: 1;
font-weight: bold;
display: inline-block;
vertical-align: middle;
margin:0 0 0 1.6vw; color:#fff;
}
header nav{
display: block;
padding:24vw 0 16vw 0; margin:0;
text-align: right;
width:100%;
}
header nav ul{
text-align: center;
}
header nav li{
display: block;
font-size:3.7333333vw; margin:0 0 8vw 0 ; }
header nav li:last-of-type{
margin:0;
}
header nav li a{
text-decoration: none;
color: #fff;
}
header nav li span{
}
header .inq{
width:44.8vw; height: 10.66666667vw; border-radius:5.33333333vw; margin-inline: auto;
border:none;
background-color:#fff;
display: block;
position: static;
}
header .inq a{
display: block;
font-size:3.7333333vw; color:#26B6B9;
text-align: center;
width:100%;
height: 100%;
}
header .inq span{
display: inline-block;
background-position: left center;
background-size:5.066666667vw auto; padding:0 0 0 9.33333333vw; height: 100%;
align-content: center;
}
} footer{
background-color:#1B2D75;
}
footer .inner{
max-width:1200px;
margin-inline: auto;
padding:100px 0;
font-size:0;
position: relative;
}
footer .ft1{
width:415px;
display: inline-block;
vertical-align: top;
}
footer .ft2{
width:calc(100% - 415px);
display: inline-block;
vertical-align: top;
}
footer .copy{
font-size:20px;
line-height: 34px;
color: #fff;
font-family: var(--plex-font-set);
margin:0 0 40px 0;
}
footer .logo{
margin:0 0 20px 0;
}
footer .logo img{
width:58px;
height: auto;
display: inline-block;
vertical-align: middle;
}
footer .logo span{
font-size:26px;
font-weight: bold;
margin:0 0 0 12px;
margin:0;
display: inline-block;
vertical-align: middle;
color:#fff;
}
footer .address{
font-size:13px;
line-height: 20px;
color:#fff;
font-family: var(--plex-font-set);
}
footer nav{
}
footer nav ul{
}
footer nav ul li{
display: inline-block;
vertical-align: top;
font-size:14px;
font-weight: var(--font-weight-Medium);
margin:0 40px 0 0;
}
footer nav ul li:last-of-type{
margin:0;
}
footer nav ul li a{
color:#fff;
text-decoration: none;
}
footer nav ul li span{
display: inline-block;
margin:0 0 24px 0;
font-weight: bold;
}
footer nav ul li .sub{
}
footer nav ul li .sub ul{
}
footer nav ul li .sub li{
display: block;
font-weight: var(--font-weight-Regular);
margin:0 0 20px 0;
}
footer nav ul li .sub li a{
}
footer nav ul li .sub li span{
font-weight: normal;
}
footer .privacy{
position: absolute;
left:415px;
bottom: 100px;
}
footer .privacy a{
font-size:13px;
font-family: var(--plex-font-set);
color:#748AA7;
display: inline-block;
vertical-align: middle;
text-decoration: none;
}
footer .privacy a:after{
content:" | ";
display: inline-block;
vertical-align: middle;
padding:0 10px;
}
footer .privacy a:last-of-type::after{
content:"";
}
footer .privacy span{
}
footer .copyright{
font-size:11px;
font-family: var(--plex-font-set);
color:#748AA7;
position:absolute;
right:0;
bottom: 100px;
}
@media(max-width:1240px){
footer{
padding:0 20px;
}
footer .ft1{
width:100%;
margin:0 0 110px 0;
}
footer .ft2{
width: 100%;
}
}
@media(max-width:800px){
footer nav ul{
position:relative;
}
footer nav ul li{
padding:0 0 0 166px;
width:calc(100% - 166px);
}
footer nav ul li .sub li{
width:100%;
padding:0;
}
footer nav ul li .sub li:first-of-type{
position:static;
}
footer nav ul li:first-of-type{
position:absolute;
top:0;
left:0;
padding:0;
width:166px;
}
footer .privacy{
position: static;
margin:136px 0 57px 0;
}
footer .copyright{
position: static;
}
}
@media(max-width:750px){
footer{
padding:0;
}
footer .inner{
padding:13.33333333vw 13.6vw; }
footer .ft1{
width:100%;
margin: 0 0 14.66666667vw 0; }
footer .ft2{
width:100%;
}
footer .copy{
font-size:4.26666667vw; line-height: 8.266666667vw; margin:0 0 5.33333333vw 0; }
footer .logo{
margin:0 0 2.66666667vw 0; }
footer .logo img{
width:14.13333333vw; }
footer .logo span{
font-size:4.8vw; margin:0 0 0 2.66666667vw; margin:0;
}
footer .address{
font-size:2.66666667vw; line-height: 4.26666667vw; }
footer nav{
}
footer nav ul{
}
footer nav ul li{
font-size:3.46666667vw; margin:0;
padding:0 0 0 36.4vw; width:100%;
}
footer nav ul li:last-of-type{
margin:0;
}
footer nav ul li:first-of-type{
width:36.4vw; padding:0;
}
footer nav ul li a{
color:#fff;
text-decoration: none;
}
footer nav ul li span{
display: inline-block;
margin:0 0 8vw 0; }
footer nav ul li .sub{
}
footer nav ul li .sub ul{
}
footer nav ul li .sub li{
margin:0 0 6.66666667vw 0; }
footer nav ul li .sub li a{
}
footer nav ul li .sub li span{
}
footer .privacy{
position: static;
width:100%;
margin: 18.13333333vw 0 7.6vw 0; text-align: center;
}
footer .privacy a{
font-size:3.2vw; }
footer .privacy a:after{
content:" | ";
padding:0 2.66666667vw; }
footer .privacy a:last-of-type::after{
content:"";
}
footer .privacy span{
}
footer .copyright{
font-size:2.93333333vw; position: static;
width:82.93333333vw; margin:0 0 0 -5.06666667vw; text-align: center;
}
} .refference{
background-color:#fff;	
}
.refference .inner{
margin-inline: auto;
padding:160px 0;
font-size:0;
position: relative;
}
.refference ul{
text-align: center;
}
.refference ul li{
background-size:46px auto;
background-repeat: no-repeat;
background-position:center top 34px;
display: inline-block;
vertical-align: top;
height: 300px;
width: 322px;
position:relative;
margin:0 36px 0 0;
}
.refference ul li:last-of-type{
margin:0;
}
.refference ul li:before{
content:" ";
display: inline-block;
vertical-align: top;
margin:0 18px;
width:1px;
height: 100%;
background-color:#2846A5;
position:absolute;
top:0;
left:-36px;
}
.refference ul li:first-of-type:before{
content:"";
display: none
}
.refference ul li:nth-child(1){
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_store.png);
}
.refference ul li:nth-child(2){
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_make.png);
}
.refference ul li:nth-child(3){
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_inq.png);
}
.refference ul li a{
display: inline-block;
vertical-align: top;
position:relative;
text-decoration: none;
height: 100%;
}
.refference ul li p{
font-size:28px;
line-height: 32px;
font-family: var(--plex-font-set);
color:#1B2D75;
margin:100px 0 20px 0;
height: 64px;
align-content: center;
}
.refference ul li div{
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
color:#333333;
height: 48px;
align-content: end;
}
.refference ul li i{
background-color:#1B2D75;
background-position:center center;
background-repeat: no-repeat;
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_arrow.png);
background-size: 10px auto;
width:48px;
height: 48px;
border-radius:24px;
position:absolute;
bottom:0;
left: calc(50% - 24px);
}
@media(max-width:1040px){
.refference ul li:last-of-type,
.refference ul li{
display: block;
margin:0 auto 60px auto;
}
.refference ul li::before{
width: 100%;
height: 1px;
top: 0;
left: 0;
}
}
@media(max-width:750px){
.refference .inner{
padding:21.33333333vw 0 29.33333333vw 0; }
.refference ul{
text-align: center;
margin-inline: auto;
width: 64vw; }
.refference ul li{
background-size:11.46666667vw auto; background-position:center top 8vw; height: 62.66666667vw; width: 64vw; margin:0 0 8vw 0; }
.refference ul li:last-of-type{
margin:0;
}
.refference ul li:last-of-type:after,
.refference ul li::before{
content:" ";
display: inline-block;
vertical-align: top;
margin:0 2.4vw; width:100%;
height: 0.266666667vw; background-color:#2846A5;
position:absolute;
top: 0;
left: 0;
}
.refference ul li:last-of-type:after{
top: inherit;
left: 0;
bottom: -8vw; }
.refference ul li a{
display: inline-block;
vertical-align: top;
position:relative;
text-decoration: none;
height: 100%;
}
.refference ul li p{
font-size:4.8vw; line-height: 5.86666667vw; margin:22.26666667vw 0 4vw 0; height: auto;
}
.refference ul li div{
font-size:3.2vw; line-height: 4.8vw; height: auto;
}
.refference ul li i{
background-size: 2vw auto; width:10.4vw; height: 10.4vw; border-radius:5.2vw; position:absolute;
bottom:0;
left: calc(50% - 5.2vw); }
} .mainvisual{
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/mainvisual.png);
background-size:cover;
background-repeat: repeat-x;
background-position: top left;
width:100%;
}
.mainvisual .inner{ background-size:1400px auto;
background-repeat:no-repeat;
max-width:100%;
margin-inline: auto;
position:relative;
}
.topmain .inner{
height: 600px;
background-position:right 40px top;
}
.topmain .copy{
top:78px;
left:130px;
position: absolute;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.topmain .copy img{
width:72px;
height: auto;
}
.topmain .copy span{
font-size:24px;
line-height: 1;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Bold);
display: block;
color:#1b2d74;
}
.topmain .copy span:first-of-type{
margin:0 0 0 26px;
}
.topmain .swiper-container{
max-width:100%;
margin-inline: auto;
overflow: hidden;
}
.topmain .swiper-container ul{
}
.topmain .swiper-container ul li{
display: block;
position:relative;
}
.topmain .swiper-container ul li a{
display: block;
width:100%;
height: 600px;
padding:40px 0 80px 0;
}
.topmain .swiper-container ul li .slidebox{
width:72.1429vw; position:absolute;
right:0;
}
.topmain .swiper-container ul li img{
width:auto;
height:34.2857vw; max-height:480px;
position:absolute;
top:0;
left:0;
max-width:23.571vw; object-fit: contain;
}
.topmain .swiper-container ul li .text{
width:44.4286vw; height: 360px;
background-color: #fff;
position: absolute;
top:100px;
right:0;
padding:40px 60px;
overflow: hidden;
}
.topmain .swiper-container ul li .text .textbox{
width:100%;
height: 100%;
overflow: hidden;
}
.topmain .swiper-container ul li .text .label{
margin:0 0 20px 0;
}
.topmain .swiper-container ul li .text .label .new{
font-size:16px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
color:#FF704A;
display: inline-block;
vertical-align: top;
margin:0 20px 0 0;
}
.topmain .swiper-container ul li .text .label .category{
font-size:16px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
display: inline-block;
vertical-align: top;
}
.topmain .swiper-container ul li .text .title{
font-size:40px;
line-height: 44px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
color:#333333;
margin:0 0 20px 0;
overflow: hidden;
}
.topmain .swiper-container ul li .text .author{
font-size:16px;
line-height: 1;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#333333;
margin:0 0 50px 0;
}
.topmain .swiper-container ul li .text .lead{
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#333333;
width:100%;
padding:0 180px 0 0;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
height: 72px;
}
.swiper-button-next, 
.swiper-button-prev
{
border:none;
background-color:#071B59;
width:80px !important;
height: 80px !important;
background-size:10px auto;
background-repeat: no-repeat;
background-position: center center;
}
.swiper-button-prev{
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_arrow_r.png);
}
.swiper-button-next{
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_arrow.png)
}
.swiper-button-next::after, 
.swiper-button-prev::after
{
content:"";
display: none;
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
left:0 !important;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
right: 0 !important;
}
.swiper-container span{
transition:all 0.3s;
transform: translate(0,1.5em);
opacity:0;
display:inline-block;
}
.swiper-container span.done{
transform: translate(0,0);
opacity:1;	
}
.swiper-container .label span.done{
transform: translate(0,1px);
}
.swiper-container span:has(br){
display: block;
height: 0.4em;
}
.topmain .topnews{
max-width:1040px;
width:100%;
margin:-40px auto 0 auto;
background-color:#1B2D75;
padding:25px 40px;
}
.topmain .topnews a{
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
font-size:14px;
line-height: 32px;
color:#fff;
display: inline-block;
vertical-align: middle;
text-decoration: none;
width: 100%;
height: 100%;
padding:0 100px 0 0;
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_arrow2.png);
background-size: 10px auto;
background-repeat: no-repeat;
background-position: right center;
}
.topmain .topnews span{
font-size:12px;
line-height: 32px;
color:#8D9CCC;
display: inline-block;
vertical-align: middle;
margin:0 10px 0 0;
}
.topmain .topnews span::after{
content:"ー";
display: inline-block;
vertical-align: middle;
padding:0 10px;
}
.submain{
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/submainvisual.png);;
}
.submain .inner{
height: 200px;
max-width:1200px;
background-position:right  top;
background-size:890px auto;
}
.submain h2{
padding:80px 0 0 0;
font-size:40px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
color:#1B2D75;
}
@media(max-width:1300px){
.topmain .inner{
background-position: right -400px top;
}
.topmain .topnews{
left:40px;
max-width:100%;
width:calc(100% - 80px);
}
.submain .inner{
background-position: right -400px top;
background-size:118.66666667vw auto; }
}
@media(max-width:1200px){
.topmain .swiper-container ul li .text .title{
font-size:30px;
line-height: 36px;
}
.topmain .swiper-container ul li .text .lead{
padding: 0 90px 0 0;
}
}
@media(max-width:980px){
.topmain .swiper-container ul li .text .title{
font-size:24px;
line-height: 28px;
}
}
@media(max-width:750px){
.mainvisual{
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/mainvisual_sp.png);
background-size:100vw auto; }
.mainvisual.submain{
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/submainvisual_sp.png);
background-size:100vw auto; }
.mainvisual .inner{
padding: 0;
}
.topmain .inner{
height: 133.3333333vw; background-position:top 40vw center; }
.topmain .copy{
top:5.33333333vw; left: 6.66666667vw; }
.topmain .copy span{
font-size:3.2vw; }
.topmain .copy span:first-of-type{
margin: 0 0 0 3.466666667vw; }
.topmain .swiper-container ul li a{
padding:0;
height: 133.33333333vw; }
.topmain .swiper-container ul li .slidebox{
width: 100vw; padding: 5.33333333vw 0 10.66666667vw 0; height: calc(100% - 16vw); }
.topmain .swiper-container ul li img{
width:auto;
height: 57.33333333vw; margin-inline: auto;
position: static;
display: block;
}
.topmain .swiper-container ul li .text{
width:93.6vw; height: 47.2vw; top: 66.66666667vw; right: 0;
padding: 5.33333333vw; }
.topmain .swiper-container ul li .text .textbox{
overflow: visible;
}
.topmain .swiper-container ul li .text .label{
margin:0 0 3.2vw 0; }
.topmain .swiper-container ul li .text .label .new{
font-size:3.2vw; margin: 0 2.66666667vw 0 0; }
.topmain .swiper-container ul li .text .label .category{
font-size:3.2vw; }
.topmain .swiper-container ul li .text .title{
font-size:5.33333333vw; line-height: 5.866666667vw; margin:0 0 3.2vw 0; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.topmain .swiper-container ul li .text .author{
font-size:3.2vw; line-height: 4.266666667vw; margin:0 0 2.66666667vw 0; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.topmain .swiper-container ul li .text .lead{
font-size:2.933333333vw; line-height: 4.266666667vw; padding:0;
height: 12.8vw; ;
}
.swiper-button-next, .swiper-button-prev{
width: 10.66666667vw !important; height: 10.66666667vw !important; background-size: 1.33333333vw auto; top:45.33333333vw !important; }
.swiper-container span:has(br){
height:0;
}
.topmain .topnews{
padding: 4.8vw; margin:0 6.4vw; width:calc(100% - 12.8vw); left:0;
bottom:-13.33333333vw; position: absolute;
}
.topmain .topnews a{
font-size: 3.46666667vw; line-height: 5.33333333vw; padding: 0 10.66666667vw 0 0; background-size: 2.66666667vw auto; }
.topmain .topnews span{
font-size: 2.66666667vw; line-height: 4.8vw; display: block;
margin: 0 0 2.66666667vw 0; }
.topmain .topnews span::after{
padding: 0 1.33333333vw; }
.submain .inner{
height: 26.66666667vw; background-position: right -69.6vw top; }
.submain h2{
padding: 10.66666667vw 9.6vw 0 9.6vw; font-size: 5.33333333vw; }
} .breadcrumb{
padding:20px 0 28px 0;
}
.breadcrumb .inner{
max-width:1040px;
width:100%;
margin-inline:auto;
}
.breadcrumb ul{
}
.breadcrumb li{
display: inline-block;
vertical-align: top;
font-size:11px;
color:#333333;
font-weight: var(--font-weight-Medium);
}
.breadcrumb li a{
text-decoration: none;
font-weight: var(--font-weight-Regular);
color:#999999;
}
.breadcrumb li:before{
content:"/";
display: inline-block;
vertical-align: top;
margin:0 10px 0 0;
padding:0 0 0 10px;
}
.breadcrumb li:first-of-type:before{
display: none;
}
@media(max-width:1080px){
.breadcrumb{
padding:20px 20px 28px 20px;
}
}
@media(max-width:750px){
.breadcrumb{
padding:2.66666667vw 9.6vw; }
.breadcrumb li{
font-size:2.66666667vw; line-height: 4.266666667vw; text-wrap: wrap;
display: inline;
}
.breadcrumb li:before{
margin:0 2.66666667vw 0 0; padding:0 0 0 2.66666667vw; }
} .content{
}
.content h2{
text-align: center;
font-size:40px;
font-family: var(--plex-font-set);
color:#333333;
font-weight: var(--font-weight-Regular);
margin:0 0 80px 0;
}
.content h2 span{
font-family: var(--spectral-font-set);
font-size:16px;
color:#2846A5;
margin:0 0 18px 0;
display: block;
}
.mainbody h2{
text-align:left;
margin:0;
}
.mainbody h2:after{
content:"";
display: block;
width: 40px;
height: 1px;
border-bottom:4px solid #2846A5;
padding:0 0 40px 0;
margin:0 0 40px 0;
}
a.learn-more {
position: relative;
display: inline-block;
cursor: pointer;
outline: none;
border: 0;
vertical-align: middle;
text-decoration: none;
background: transparent;
padding: 0;
font-size: inherit;
font-family: inherit;
width: 242px;
height: auto;
}
a.learn-more .circle {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: relative;
display: block;
margin: 0;
width: 48px;
height: 48px;
background: #1B2D75;
border-radius: 24px;
}
a.learn-more .circle .icon {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background: #fff;
}
a.learn-more .circle .icon.arrow {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
left: 16px;
width: 12px;
height: 1px;
background: none;
}
a.learn-more .circle .icon.arrow::before {
position: absolute;
content: "";
top: -0.29rem;
right: 0;
width: 0.625rem;
height: 0.625rem;
border-top: 0.125rem solid #fff;
border-right: 0.125rem solid #fff;
transform: rotate(45deg);
}
a.learn-more .button-text {
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 0.75rem 0;
margin: 0 0 0 1.85rem;
color: #1B2D75;
line-height: 1.6;
text-align: center;
text-transform: uppercase;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
}
a:hover .circle {
width: 100%;
}
a:hover .circle .icon.arrow {
background: #fff;
transform: translate(1rem, 0);
}
a:hover .button-text {
color: #fff;
}
@media(max-width:750px){
.content h2{
font-size:7.46666667vw; margin:0 0 10.66666667vw 0; }
.content h2 span{
font-size:2.93333333vw; margin:0 0 3.73333333vw 0; }
.mainbody h2:after{
width: 10.66666667vw; height: 0.13333333vw; border-bottom:1.06666667vw solid #2846A5; padding:0 0 6.66666667vw 0; margin:0 0 6.66666667vw 0; }
a.learn-more {
font-size: 3.46666667vw; width: 66.93333333vw; }
a.learn-more .circle {
width: 10.66666667vw; height: 10.66666667vw; border-radius: 5.33333333vw; }
a.learn-more .circle .icon.arrow {
left: 4.26666667vw; width: 2vw; height: 0.26666667vw; background: none;
}
a.learn-more .circle .icon.arrow::before {
top: -0.8vw; right: 0;
width: 2vw; height: 2vw; border-top: 0.26666667vw solid #fff; border-right:0.26666667vw solid #fff; transform: rotate(45deg);
}
a.learn-more .button-text {
padding: 2.93333333vw 0; margin: 0 16vw; color: #1B2D75;
text-align: center;
}	
a:hover .circle {
width: 100%;
}
a:hover .button-text {
color: #fff;
}
} .mainbody{
padding:100px 0 0 0;
}
.mainbody .inner{
max-width:1040px;
width:100%;
margin-inline: auto;
}
@media(max-width:1080px){
.mainbody .inner{
padding:0 20px;
}
}
@media(max-width:750px){
.mainbody{
padding:13.33333333vw 0 0 0; }
.mainbody .inner{
padding:0 9.6vw; }
} #pager{
text-align: center;
}
#pager span.page-numbers,
#pager a.page-numbers{
width:44px;
height:44px;
border-radius:22px;
text-align: center;
align-content: center;
font-size:18px;
border:1px solid #777777;
color:#777777;
display: inline-block;
vertical-align: top;
margin:0 12px;
text-decoration: none;
}
#pager a.page-numbers:hover,
#pager span.page-numbers.current,
#pager a.page-numbers.current{
border:1px solid #2846A5;
background-color:#2846A5;
color:#fff;
}
#pager span.page-numbers.dots,
#pager a.page-numbers.dots{
border:none;
}
#pager a.page-numbers.prev,
#pager a.page-numbers.next{
font-size:0;
width:23px;
height: 44px;
background-position: center center;
background-repeat: no-repeat;
background-size:23px auto;
border:none;
}
#pager a.page-numbers.prev:hover,
#pager a.page-numbers.next:hover{
border:none;
background-color: transparent;
}
#pager a.page-numbers.prev{
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_prev.png);
margin:0 32px 0 0;
}
#pager a.page-numbers.next{
background-image:url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_next.png);
margin:0 0 0 32px;
}
@media(max-width:750px){
#pager{
font-size: 0;
}
#pager span.page-numbers,
#pager a.page-numbers{
width:8.8vw; height:8.8vw; border-radius:4.4vw; font-size:3.2vw; border:0.266666667vw solid #777777; margin:0 2vw; }
#pager a.page-numbers:hover,
#pager span.page-numbers.current,
#pager a.page-numbers.current{
border:0.266666667vw solid #2846A5; }
#pager a.page-numbers.prev,
#pager a.page-numbers.next{
width:3.066666667vw; height: 8.8vw; background-size:3.066666667vw auto; }
#pager a.page-numbers.prev{
margin:0 4vw 0 0; }
#pager a.page-numbers.next{
margin:0 0 0 4vw; }
} .information{
padding:200px 0 100px 0;
}
.information .inner{
max-width:1040px;
width:100%;
margin-inline:auto;
}
.information .inner2{
margin:0 0 60px 0;
}
.information .inner2 h3{
text-align: center;
font-size:20px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
color:#2846A5;
padding:0 0 28px 0;
margin:0 0 30px 0;
border-bottom:1px solid #2846A5;
}
.information .inner2 .topics{
display: grid;
gap:30px 60px;
grid-template-columns: 1fr 1fr;
margin:0 0 40px 0;
}
.information .inner2 .topics li{
display: inline-block
}
.information .inner2 .topics li a{
display: block;
width: 100%;
height: 100%;
font-size:0;
text-decoration: none;
}
.information .inner2 .topics li .fig{
width:193px;
height: 101px;
display: block;
float: left;
margin:0 20px 0 0;
overflow: hidden;
}
.information .inner2 .topics li .fig img{
width:100%;
object-fit: cover;
height: auto;
}
.information .inner2 .topics li .date{
font-size:12px;
font-family: var(--plex-font-set);
color:#2846A5;
margin:0 0 20px 0;
}
.information .inner2 .topics li .date:after{
content:"ー";
display: inline-block;
vertical-align: middle;
padding:0 10px;
}
.information .inner2 .topics li p{
font-size:14px;
line-height: 24px;
color:#333333;
overflow: hidden;
}
@media(max-width:1080px){
.information .inner{
padding:0 20px;
}
}
@media(max-width:750px){
.information{
padding:35.46666667vw 0 21.33333333vw 0; text-align: center;
}
.information .inner{
padding:0 6.4vw; }
.information .inner2{
margin:0 0 18.66666667vw 0; }
.information .inner2 h3{
font-size:4.266666667vw; padding:0 0 4vw 0; margin:0 0 5.33333333vw 0; border-bottom:0.26666667vw solid #2846A5; }
.information .inner2 .topics{
text-align: left;
display: grid;
gap:5.33333333vw; grid-template-columns: 1fr;
margin:0 0 10.66666667vw 0; }
.information .inner2 .topics li .fig{
width:100%;
height: 46.4vw; float: none;
margin:0 0 5.33333333vw 0; }
.information .inner2 .topics li .fig img{
width:100%;
}
.information .inner2 .topics li .date{
font-size:2.6666667vw; margin:0 0 4vw 0; }
.information .inner2 .topics li .date:after{
padding:0 2.6666667vw; }
.information .inner2 .topics li p{
font-size:3.46666667vw; line-height: 5.33333333vw; }
} .news li{
margin:0 0 30px 0 ;
padding:0 0 30px 0;
border-bottom:1px solid #CCCCCC;
}
.news li a{
text-decoration: none;
}
.news li .date{
font-size:12px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
margin:0 0 20px 0;	
}
.news li .date:after{
content:"ー";
display: inline-block;
vertical-align: middle;
padding:0 10px;
}
.news li p{
font-size:16px;
line-height: 28px;
color:#333333;
}
@media(max-width:750px){
.news {
margin:0 0 13.33333333vw 0; }
.news li{
text-align: left;
margin:0 0 5.33333333vw 0 ; padding:0 0 5.33333333vw 0; border-bottom:0.266666667vw solid #CCCCCC; }
.news li .date{
font-size:2.66666667vw; margin:0 0 30px 0; }
.news li .date:after{
padding:0 2.66666667vw; }
.news li p{
font-size:3.466666667vw; line-height: 5.33333333vw; }
} .topbooks{
padding:100px 0;
background-color:#F8F4F0;
text-align: center;
}
.topbooks .inner{
max-width:1040px;
width:100%;
margin-inline:auto;
}
.topbooks ul{
display: grid;
gap:40px;
grid-template-columns: 1fr 1fr 1fr;
margin:0 0 30px 0;
}
.topbooks ul li{
text-align: left;
}
.topbooks ul li a{
display: block;
text-decoration: none;
width:100%;
height: 100%;
}
.topbooks ul li .fig{
width:100%;
height:240px;
padding:20px 0;
background-color:#fff;
margin:0 0 30px 0;
text-align: center;
}
.topbooks ul li .fig img{
width:auto;
height: 200px;
margin-inline:auto;
}
.topbooks ul li .title{
font-size:20px;
line-height: 26px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
color:#333333;
margin:0 0 20px 0;
}
.topbooks ul li .tags{
}
.topbooks ul li .tags span{
display: inline-block;
vertical-align: top;
margin:0 10px 0 0;
}
.topbooks ul li .tags span a{
font-size:14px;
color:#2846A5;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
background-color:#E1E5ED;
border-radius:8px;
padding:13px 20px;
}
@media(max-width:1080px){
.topbooks .inner{
padding:0 20px;
}
}
@media(max-width:750px){
.topbooks{
padding:13.33333333vw 0 16vw 0; }
.topbooks .inner{
padding:0 6.4vw; }
.topbooks ul{
display: grid;
gap:8vw; grid-template-columns: 1fr;
margin:0 0 13.33333333vw 0; }
.topbooks ul li .fig{
width:100%;
height:65.33333333vw; padding:8vw 0; margin:0 0 5.33333333vw 0; }
.topbooks ul li .fig img{
height: 49.33333333vw; }
.topbooks ul li .title{
font-size:5.33333333vw; line-height: 7.46666667vw; margin:0 0 4vw 0; }
.topbooks ul li .tags{
}
.topbooks ul li .tags span{
margin:0 2.66666667vw 0 0; }
.topbooks ul li .tags span a{
font-size:3.46666667vw; border-radius:2.13333333vw; padding:3.46666667vw 5.33333333vw; }
} .about .catch{
font-size:28px;
line-height: 32px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Black);
margin:0 0 30px 0;
}
.about p{
font-size:16px;
line-height: 28px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
margin:0 0 100px 0;
}
.about p strong{
font-weight: var(--font-weight-Bold);
}
.about .profile{
margin:0 0 100px 0;
}
.about .profile h3{
font-size:20px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
border-bottom:1px solid #2846A5;
padding:0 0 14px 0;
margin:0 0 10px 0;
}
.about .profile h3 span{
font-size:14px;
font-family: var(--spectral-font-set);
font-weight: var(--font-weight-Regular);
margin:0 0 0 20px;
display: inline-block;
vertical-align: middle;
color:#999999;
}
.about dl{
font-size:0;
}
.about dl:after{
content:"";
display: block;
border-bottom:1px solid #CCCCCC;
}
.about dl dt{
font-size:16px;
line-height: 36px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
width:192px;
display: inline-block;
vertical-align: top;
padding:30px 0;
}
.about dl dd{
font-size:16px;
line-height: 36px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
width:calc(100% - 192px);
display: inline-block;
vertical-align: top;
padding:30px 0;
}
.about .access{
}
.about .access .map{
margin:0 0 30px 0 ;
}
.about .access .map iframe{
width:100%;
height: 500px;
}
.about .access .train{
max-width:1040px;
width:100%;
margin-inline:auto;
padding:0 0 0 50px;
background-image: url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_train.png);
background-repeat: no-repeat;
background-position:left top;
background-size:31px auto;
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
}
.about form input[type=text],
.about form textarea{
width:100%;
}
.about form p{
margin:0;
}
.about form input[type=submit]{
display: inline-block;
vertical-align: middle;
margin: 50px 30px 0 0;
border: none;
padding: 10px 30px;
border-radius: 8px;
}
.about form .required{
color:#ff0000;
font-size:80%;
margin:0 0 0 10px;
}
@media(max-width:1080px){
.about .access .train{
padding: 0 20px 0 70px;
background-position: left 20px top;
}
}
@media(max-width:750px){
.about .catch{
font-size:4.8vw; line-height: 1;
margin:0 0 8vw 0; }
.about p{
font-size:3.466666667vw; line-height: 5.86666667vw; margin:0 0 16vw 0; }
.about .profile{
margin:0 0 16vw 0; }
.about .profile h3{
font-size:4.266666667vw; border-bottom:0.26666667vw solid #2846A5; padding:0 0 2.66666667vw 0; margin:0 0 2.66666667vw 0; }
.about .profile h3 span{
font-size:2.93333333vw; }
.about dl:after{
border-bottom:0.26666667vw solid #CCCCCC; }
.about dl dt{
font-size:3.2vw; line-height: 4.8vw; width:25.6vw; padding:4vw 0; }
.about dl dd{
font-size:3.2vw; line-height: 4.8vw; width:calc(100% - 25.6vw); padding:4vw 0; }
.about .access .map{
margin:0 0 4vw 0 ; }
.about .access .map iframe{
width:100%;
height: 100vw; }
.about .access .train{
padding:9.6vw 9.6vw 0 9.6vw; background-position:left 9.6vw top; background-size:4.13333333vw auto; font-size:3.2vw; line-height: 4.8vw; }
} .booklist{
}
.booklist h2{
font-size:20px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
border-bottom:1px solid #2846A5;
padding:0 0 14px 0;
margin:0 0 10px 0;
}
.booklist h2:after{
display: none;
}
.booklist h2 span{
font-size:14px;
font-family: var(--spectral-font-set);
font-weight: var(--font-weight-Regular);
margin:0 0 0 20px;
display: inline-block;
vertical-align: middle;
color:#999999;
}
.booklist h2 form{
float: right;
margin: -24px 0 0 0;
}
.booklist h2 form input{
font-size:14px;
line-height: 1;
font-family: var(--plex-font-set);
color:#333333;
background-color:#EEEEEE;
padding:5px 20px;
border-radius:12px;
height: 24px;
border:none;
}
.booklist h2 form button{
display: inline-block;
vertical-align: middle;
margin:0 0 0 4px;
background-color: transparent;
border:none;
}
.booklist h2 form button img{
width:16px;
height: auto;
}
.booklist .cond{
margin:40px 0 60px 0;
padding:0 0 40px 0;
border-bottom:1px solid #CCCCCC;
}
.booklist .cond ul{
display: grid;
gap:20px 60px;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.booklist .cond ul li{
font-size:14px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
}
.booklist .cond ul li a{
text-decoration: none;
color:#333333;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
padding:6px 10px;
}
.booklist .cond ul li.active a{ color: #fff;
background-color: #2846A5;
}
.booklist .result{
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
margin:0 0 20px 0;
}
.booklist .result ul{
display: grid;
gap:60px 40px;
grid-template-columns: 1fr 1fr 1fr;
margin:0 0 100px 0;
}
.booklist .result ul li{
position:relative;
}
.booklist .result ul li a{
text-decoration: none;
}
.booklist .result ul li .category{
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
margin:0 0 8px 0;
}
.booklist .result ul li .category a{
color:#2846A5;
}
.booklist .result ul li .new{
position:absolute;
top:32px;
left:0;
font-size:14px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#fff;
background-color:#FA4D0D;
border-radius:0 0 8px 0;
padding:8px 13px;
z-index: 10;
}
.booklist .result ul li .fig{
border:1px solid #E1E5ED;
padding:20px;
text-align: center;
margin:0 0 30px 0;
}
.booklist .result ul li .fig img{
width:auto;
height: 200px;
object-fit: cover;
}
.booklist .result ul li .txt{
}
.booklist .result ul li .txt .category{
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
margin:0 0 20px 0;
}
.booklist .result ul li .txt h3{
font-size:20px;
line-height: 26px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
color:#333333;
margin:0 0 20px 0;
}
.booklist .result ul li .txt p{
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#333333;
margin:0 0 20px 0;
}
.booklist .result ul li .txt .tags{
}
.booklist .result ul li .txt .tags a{
font-size:14px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
text-decoration: none;
color:#2846A5;
background-color:#E1E5ED;
border-radius:8px;
padding:13px 20px;
display: inline-block;
vertical-align: top;
margin:0 10px 0 0;
}
@media(max-width:1080px){
.booklist .cond ul{
grid-template-columns: 1fr 1fr 1fr;;
}
.booklist .result ul{
grid-template-columns: 1fr 1fr;
}
}
@media(max-width:750px){
.booklist h2{
font-size:4.26666667vw; border-bottom:0.266666667vw solid #2846A5; padding:0 0 2.66666667vw 0; margin:0 0 8vw 0; }
.booklist h2 span{
font-size:2.93333333vw; margin:0 0 0 4vw; }
.booklist h2 form{
margin: -5.3333333vw 0 0 0; }
.booklist h2 form input{
font-size:2.66666667vw; padding:1.33333333vw 5.3333333vw; border-radius:3.2vw; height: 6.4vw; width:33.33333333vw; }
.booklist h2 form button{
margin:0 0 0 1.066666667vw; }
.booklist h2 form button img{
width:4.26666667vw; }
.booklist .cond{
margin:0 0 13.33333333vw 0; padding:0 0 8vw 0; border-bottom:0.266666667vw solid #CCCCCC; }
.booklist .cond ul{
gap:4.26666667vw 2.66666667vw; grid-template-columns: 1fr 1fr;
}
.booklist .cond ul li{
font-size:3.2vw; }
.booklist .cond ul li a{
padding:1.6vw 2.66666667vw; }
.booklist .result ul{
display: grid;
gap:8vw 3.46666667vw; grid-template-columns: 1fr 1fr;
margin:0 0 13.33333333vw 0; }
.booklist .result ul li .category{
font-size:2.93333333vw; line-height: 3.46666667vw; margin:0 0 2.66666667vw 0; }
.booklist .result ul li .new{
font-size:3.2vw; border-radius:0 0 2.13333333vw 0; padding:1.33333333vw 1.6vw; top:6.133333333vw; text-align: center;
margin:0 0 4vw 0; }
.booklist .result ul li .fig img{
height: 26.66666667vw; }
.booklist .result ul li .txt .category{
font-size:2.93333333vw; line-height: 3.46666667vw; margin:0 0 2.66666667vw 0; }
.booklist .result ul li .txt h3{
font-size:4.26666667vw; line-height: 5.86666667vw; margin:0 0 2.66666667vw 0; }
.booklist .result ul li .txt p{
font-size: 3.2vw; line-height: 4.8vw; margin:0 0 4vw 0; }
.booklist .result ul li .txt .tags a{
font-size:3.46666667vw; border-radius:2.13333333vw; padding:2.26666667vw 2.66666667vw; margin:0 1.33333333vw 1.33333333vw 0; }
} .bookdetail{
}
.bookdetail .bookinfo{
font-size:0;
}
.bookdetail .bookinfo .fig{
border:1px solid #E1E5ED;
padding:20px;
text-align: center;
width:452px;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.bookdetail .bookinfo .fig img{
width:auto;
height: 300px;
object-fit: cover;
object-position: 50% 50%;
}
.bookdetail .bookinfo .txt{
width:calc(100% - 452px);
display: inline-block;
vertical-align: top;
padding:0 0 0 60px;
}
.bookdetail .bookinfo .txt .new{
font-size:14px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#fff;
background-color: #FA4D0D;
width:60px;
height: 30px;
align-content: center;
text-align: center;
border-radius:8px;
margin:0 0 20px 0;
}
.bookdetail .bookinfo .txt .title{
font-size:20px;
line-height: 26px;
color:#333333;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
margin:0 0 20px 0;
}
.bookdetail .bookinfo .txt .author{
font-size:14px;
line-height: 26px;
color:#333333;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
margin:0 0 20px 0;
}
.bookdetail .bookinfo .txt .category{
font-size:14px;
line-height: 26px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
margin:0 0 20px 0;
}
.bookdetail .bookinfo .txt .detailtxt{
display: grid;
gap:10px 30px;
grid-template-columns: 1fr 1fr;
margin:0 0 24px 0;
}
.bookdetail .bookinfo .txt .detailtxt dl{
}
.bookdetail .bookinfo .txt .detailtxt dl dt{
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
display: inline-block;
vertical-align: top;
padding:0;
margin:0 16px 0 0;
}
.bookdetail .bookinfo .txt .detailtxt dl dd{
font-size:14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
display: inline-block;
vertical-align: top;
}
.bookdetail .bookinfo .txt .shop{
margin:0 0 24px 0;
}
.bookdetail .bookinfo .txt .shop a{
text-decoration: none;
font-size:14px;
display: inline-block;
vertical-align: top;
margin:0 20px 0 0;
background-color:#2846A5;
color:#fff;
border-radius: 8px;
}
.bookdetail .bookinfo .txt .shop a span{
display: block;
padding:13px 30px 13px 20px;
background-position: right 10px center;
background-repeat: no-repeat;
background-image: url(//www.seiryusyuppan.co.jp/wp/wp-content/themes/seiryu/img/icon_arrow.png);
background-size: 8px auto;
}
.bookdetail .bookinfo .txt ul{
margin:0 0 24px 0;
}
.bookdetail .bookinfo .txt ul li{
display: inline-block;
vertical-align: top;
margin:0 15px 0 0;
}
.bookdetail .bookinfo .txt ul li a{
text-decoration: none;
}
.bookdetail .bookinfo .txt ul li img{
width:40px;
height: auto;
}
.bookdetail .bookinfo .txt .tags{
}
.bookdetail .bookinfo .txt .tags a{
font-size:14px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
text-decoration: none;
color:#2846A5;
background-color:#E1E5ED;
border-radius:8px;
padding:13px 20px;
display: inline-block;
vertical-align: top;
margin:0 10px 0 0;
}
.bookdetail .bookinfo .description{
padding:40px 40px 160px 40px;
font-size:16px;
line-height: 28px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
}
.bookdetail .bookinfo .description p{
font-size:16px;
line-height: 28px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
}
.bookdetail .bookinfo .description strong{
width:calc(100%+80px);
font-size:20px;
line-height: 1;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
display: block;
padding:60px 0 14px 0;
margin:0 -40px 40px -40px;
border-bottom:1px solid #2846A5;
}
.bookdetail .bookinfo .description span{
font-size:16px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
margin:0 0 20px 0;
display: inline-block;
}
.bookdetail .relinfo{
background-color: #F5F7FC;
padding:100px 0;
}
.bookdetail .relinfo .relation{
max-width:1040px;
width:100%;	
margin-inline:auto;
}
.bookdetail .relinfo .relation .title{
font-size:20px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#2846A5;
margin:0 0 40px 0;
}
.bookdetail .relinfo .relation.relbook{
margin:0 auto 100px auto;
}
.bookdetail .relinfo .relation:last-of-type{
margin: 0 auto
}
.bookdetail .relinfo .relation.relbook ul{
display: grid;
gap:40px;
grid-template-columns: 1fr 1fr 1fr;
}
.bookdetail .relinfo .relation.relbook ul li{
}
.bookdetail .relinfo .relation.relbook ul li a{
text-decoration: none;
}
.bookdetail .relinfo .relation.relbook ul li .fig{
padding:20px;
background-color:#fff;
text-align: center;
margin:0 0 30px 0;
}
.bookdetail .relinfo .relation.relbook ul li .fig img{
width:auto;
height: 200px;
object-fit: cover;
}
.bookdetail .relinfo .relation.relbook ul li .category{
font-size: 14px;
line-height: 26px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color: #2846A5;
margin: 0 0 20px 0;
}
.bookdetail .relinfo .relation.relbook ul li h3{
font-size: 20px;
line-height: 26px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Medium);
color:#333333;
margin:0 0 20px 0;
}
.bookdetail .relinfo .relation.relbook ul li p{
font-size: 14px;
line-height: 24px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#333333;
margin:0 0 20px 0;
}
.bookdetail .relinfo .relation.relbook ul li .tags{
}
.bookdetail .relinfo .relation.relbook ul li .tags a{
font-size:14px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
text-decoration: none;
color:#2846A5;
background-color:#E1E5ED;
border-radius:8px;
padding:13px 20px;
display: inline-block;
vertical-align: top;
margin:0 10px 0 0;
}
.bookdetail .relinfo .relation.relnews{
}
.bookdetail .relinfo .relation.relnews ul{
display: grid;
gap:30px 60px;
grid-template-columns: 1fr 1fr;
margin:0 0 40px 0;
}
.bookdetail .relinfo .relation.relnews ul li{
display: inline-block
}
.bookdetail .relinfo .relation.relnews ul li a{
display: block;
width: 100%;
height: 100%;
font-size:0;
text-decoration: none;
}
.bookdetail .relinfo .relation.relnews ul li .fig{
width:193px;
height: 101px;
display: block;
float: left;
margin:0 20px 0 0;
}
.bookdetail .relinfo .relation.relnews ul li .fig img{
width:fit-content;
object-fit: cover;
height: auto;
}
.bookdetail .relinfo .relation.relnews ul li .date{
font-size:12px;
font-family: var(--plex-font-set);
color:#2846A5;
margin:0 0 20px 0;
}
.bookdetail .relinfo .relation.relnews ul li .date:after{
content:"ー";
display: inline-block;
vertical-align: middle;
padding:0 10px;
}
.bookdetail .relinfo .relation.relnews ul li p{
font-size:14px;
line-height: 24px;
color:#333333;
overflow: hidden;
}
@media(max-width:1080px){
.bookdetail .bookinfo .fig{
width:200px;
}
.bookdetail .bookinfo .fig img{
height: 160px;
object-fit: cover;
}
.bookdetail .bookinfo .txt{
width:calc(100% - 200px);
}
.bookdetail .relinfo{
padding: 100px 20px;
}
}
@media(max-width:750px){
.bookdetail .bookinfo .fig{
border:0.266666667vw solid #E1E5ED; padding:2.66666667vw; width:100%;
margin:0 0 6.666666667vw 0; }
.bookdetail .bookinfo .fig img{
width:auto;
height: 55.333333333vw; }
.bookdetail .bookinfo .txt{
width:100%;
padding:0;
}
.bookdetail .bookinfo .txt .new{
font-size:3.46666667vw; width:14.266666667vw; height: 6.666666667vw; border-radius:2.133333333vw; margin:0 0 4vw 0; }
.bookdetail .bookinfo .txt .title{
font-size:4.266666667vw; line-height: 5.8666666667vw; margin:0 0 4vw 0; }
.bookdetail .bookinfo .txt .author{
font-size:3.2vw; line-height: 4.8vw; margin:0 0 4vw 0; }
.bookdetail .bookinfo .txt .category{
font-size:2.933333333vw; line-height: 4.266666667vw; margin:0 0 4vw 0; }
.bookdetail .bookinfo .txt .detailtxt{
display: grid;
gap:2.133333333vw; grid-template-columns: 1fr;
margin:0 0 4vw 0; }
.bookdetail .bookinfo .txt .detailtxt dl dt{
font-size:3.2vw; line-height: 4.8vw; margin:0 3.46666667vw 0 0; }
.bookdetail .bookinfo .txt .detailtxt dl dd{
font-size:3.2vw; line-height: 4.8vw; }
.bookdetail .bookinfo .txt .shop{
margin:0 0 5.33333333vw 0; }
.bookdetail .bookinfo .txt .shop a{
font-size:3.2vw; margin:0 5.33333333vw 0 0; border-radius: 2.13333333vw; }
.bookdetail .bookinfo .txt .shop a span{
display: block;
padding:3.46666667vw 6.66666667vw 3.46666667vw 4vw; background-position: right 2.66666667vw center; background-size: 2.133333333vw auto; }
.bookdetail .bookinfo .txt ul{
margin:0 0 4vw 0; }
.bookdetail .bookinfo .txt ul li{
margin:0 4vw 0 0; }
.bookdetail .bookinfo .txt ul li img{
width:10.66666667vw; height: auto;
}
.bookdetail .bookinfo .txt .tags a{
font-size:3.46666667vw; border-radius:2.133333333vw; padding:2.266666667vw 4vw; margin:0 1.33333333vw 1.33333333vw 0; }
.bookdetail .bookinfo .description{
padding:0 0 21.33333333vw 0; font-size:3.46666667vw; line-height: 5.8666666667vw; }
.bookdetail .bookinfo .description p{
font-size:3.46666667vw; line-height: 5.8666666667vw; padding:0;
}
.bookdetail .bookinfo .description strong{
width:100%;
font-size:4.266666667vw; line-height: 1;
padding:16vw 0 2.66666667vw 0; margin:0;
border-bottom:0.266666667vw solid #2846A5; }
.bookdetail .bookinfo .description span{
font-size:3.733333333vw; line-height: 4.8vw; margin:0 0 4vw 0; }
.bookdetail .relinfo{
padding:16vw 9.6vw; }
.bookdetail .relinfo .relation .title{
font-size:4.266666667vw; margin:0 0 5.33333333vw 0; }
.bookdetail .relinfo .relation.relbook{
margin:0 auto 16vw auto; width:100%;
}
.bookdetail .relinfo .relation:last-of-type{
margin:0 auto;
}
.bookdetail .relinfo .relation.relbook .wrap{
overflow-x: scroll;
width:calc(100vw - 9.6vw); }
.bookdetail .relinfo .relation.relbook ul{
display: grid;
gap:4vw; grid-template-columns: 1fr 1fr 1fr;
width:124vw; }
.bookdetail .relinfo .relation.relbook ul li .fig{
padding:2.66666667vw; margin:0 0 4vw 0; }
.bookdetail .relinfo .relation.relbook ul li .fig img{
height: 26.66666667vw; }
.bookdetail .relinfo .relation.relbook ul li .category{
font-size: 2.933333333vw; line-height: 3.46666667vw; margin: 0 0 2.66666667vw 0; }
.bookdetail .relinfo .relation.relbook ul li h3{
font-size: 4.266666667vw; line-height: 5.8666666667vw; margin:0 0 4vw 0; }
.bookdetail .relinfo .relation.relbook ul li p{
font-size: 3.2vw; line-height: 4.8vw; margin:0 0 4vw 0; }
.bookdetail .relinfo .relation.relbook ul li .tags a{
font-size:3.46666667vw; border-radius:2.133333333vw; padding:2.266666667vw 2.66666667vw; margin:0 1.33333333vw 1.33333333vw 0; }
.bookdetail .relinfo .relation.relnews ul{
display: grid;
gap:5.33333333vw; grid-template-columns: 1fr;
margin:0;
}
.bookdetail .relinfo .relation.relnews ul li .fig{
width:100%;
height: 42.13333333vw; float: none;
margin:0 0 4vw 0; }
.bookdetail .relinfo .relation.relnews ul li .fig img{
object-fit: cover;
width:auto;
height: 100%;
}
.bookdetail .relinfo .relation.relnews ul li .date{
font-size:2.66666667vw; margin:0 0 4vw 0; }
.bookdetail .relinfo .relation.relnews ul li .date:after{
padding:0 2.66666667vw; }
.bookdetail .relinfo .relation.relnews ul li p{
font-size:3.46666667vw; line-height: 5.33333333vw; }
} .newslist{
max-width:1040px;
width:100%;
margin-inline: auto;
padding:100px 0 0 0;
}
.newslist .news{
margin:0 0 100px 0;
}
.newsdetail{
}
.newsdetail .inner{
max-width:1040px;
width:100%;
margin-inline: auto;
padding:100px 0 0 0;
text-align: center;
}
.newsdetail .mainfig{
text-align: center;
margin:0 0 60px 0;
}
.newsdetail .mainfig img{
max-width:980px;
width:auto;
height: auto;
}
.newsdetail .date{
font-size:12px;
font-family: var(--plex-font-set);
color:#2846A5;
margin:0 0 30px 0;
text-align: left;
}
.newsdetail .date:after{
content:"ー";
display: inline-block;
vertical-align: middle;
padding:0 10px;
}
.newsdetail .title{
font-size:40px;
line-height: 60px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
color:#333333;
margin:0 0 80px 0;
text-align: left;
}
.newsdetail .txt{
max-width:960px;
width:100%;
margin-inline: auto;
font-size:16px;
line-height: 28px;
font-family: var(--plex-font-set);
font-weight: var(--font-weight-Regular);
margin:0 auto 100px auto;
text-align: left;
}
.newsdetail .txt p{
margin:0 0 60px 0;
}
.newsdetail .txt .fig{
text-align: center;
margin:0 0 60px 0;
}
.newsdetail .txt .fig img{
max-width:960px;
width:100%;
height: auto;
margin:0 0 10px 0;
}
.newsdetail .txt .fig p{
margin:0;
}
.newsdetail .txt .fig .caption{
font-size:12px;
line-height: 18px;
font-family: var(--plex-font-set);
color:#333333;
text-align: left;
}
@media(max-width:1080px){
.newslist{
padding:100px 20px 0 20px;
}
.newsdetail .inner{
padding:100px 20px 0 20px;
}
}
@media(max-width:750px){
.newslist{
padding:13.33333333vw 6.4vw 0 6.4vw; }
.newslist .news{
margin:0 0 10.66666667vw 0; }
.newsdetail .inner{
padding:9.066666667vw 9.6vw 0 9.6vw; }
.newsdetail .mainfig{
margin:0 0 8vw 0; }
.newsdetail .date{
font-size:2.66666667vw; margin:0 0 5.33333333vw 0; }
.newsdetail .date:after{
padding:0 2.66666667vw; }
.newsdetail .title{
font-size:7.466666667vw; line-height: 10.66666667vw; margin:0 0 10.66666667vw 0; }
.newsdetail .txt{
font-size:3.466666667vw; line-height: 5.866666667vw; margin:0 auto 13.33333333vw auto; text-align: left;
}
.newsdetail .txt p{
margin:0 0 8vw 0; }
.newsdetail .txt .fig{
text-align: center;
margin:0 0 8vw 0; }
.newsdetail .txt .fig img{
margin:0 0 2.66666667vw 0; }
.newsdetail .txt .fig .caption{
font-size:3.2vw; line-height: 4.8vw; }
}