*{
margin:0;
padding:0;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
a img{
border:none;
}
img{
vertical-align:bottom;
}
li{
list-style-type: none;
}
.responsive{
max-width:100%;
}
#container{
position:relative;
min-width:960px;
overflow: hidden;
}

header{
position:fixed;
top:0;
width:100%;
z-index:999;
}
header .nakayabooks{
padding:0.5% 0 0 0;
text-align:center;
background-color:#4678F2;
}
header .btn{
padding:1% 0;
background-color:rgba(255,255,255,0.8);
}
header .btn img{
display: inline-block;
width: 30%;
margin: 0px 0.5%;
}

#main{
opacity:0;
}

.content{
position:relative;
margin:0 auto;
width:935px;
text-align:center;
}

h1{
position:relative;
z-index:-1;
margin:0 auto;
width:960px;
}

.catch{
margin:50px auto 0 auto;
}

.cm .eizoArea{
position: relative;
margin:5% auto 0 auto;
width: 100%;
aspect-ratio:16/9;
}
.cm .eizoArea iframe{
border-radius:20px;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#new ul{
display:table;
table-layout:fixed;
margin:20px auto 0 auto;
width:933px;
}
#new li{
display:table-cell;
text-align:left;
}

.border > ul{
display:table;
margin:0 auto;
width:100%;
}
.border > ul > li{
vertical-align:top;
display:table-cell;
padding:30px;
width: 251px;
}

/*1列*/
.border_dot1{
margin:5px auto 0 auto;
width:933px;
}
#donguri .border_dot1{
background:url(images/dot_donguri_w.png),url(images/dot_donguri_h_1.png),url(images/dot_donguri_w.png);
background-repeat:repeat-x,repeat-y,repeat-x;
background-position:50% 0%,50% 50%,50% 100%;
}
#soramame .border_dot1{
background:url(images/dot_soramame_w.png),url(images/dot_soramame_h_1.png),url(images/dot_soramame_w.png);
background-repeat:repeat-x,repeat-y,repeat-x;
background-position:50% 0%,50% 50%,50% 100%;
}
#kirikabu .border_dot1{
background:url(images/dot_kirikabu_w.png),url(images/dot_kirikabu_h_1.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-x,repeat-y,repeat-x;
background-position:50% 0%,50% 50%,50% 100%;
}
.title{
margin-top:10px;
}
/*3列*/
.border_dot3{
margin:30px auto 0 auto;
width:933px;
}
#donguri .border_dot3{
background:url(images/dot_donguri_w.png),url(images/dot_donguri_h_3.png),url(images/dot_donguri_w.png);
background-repeat:repeat-x,repeat-y,repeat-x;
background-position:50% 0%,50% 50%,50% 100%;
}
#soramame .border_dot3{
background:url(images/dot_soramame_w.png),url(images/dot_soramame_h_3.png),url(images/dot_soramame_w.png);
background-repeat:repeat-x,repeat-y,repeat-x;
background-position:50% 0%,50% 50%,50% 100%;
}
#kirikabu .border_dot3{
background:url(images/dot_kirikabu_w.png),url(images/dot_kirikabu_h_3.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-x,repeat-y,repeat-x;
background-position:50% 0%,50% 50%,50% 100%;
}

/*2行目以降*/
.border_dot3_middle{
position:relative;
width:933px;
}
#donguri .border_dot3_middle{
background:url(images/dot_donguri_h_3.png),url(images/dot_donguri_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
#soramame .border_dot3_middle{
background:url(images/dot_soramame_h_3.png),url(images/dot_soramame_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
#kirikabu .border_dot3_middle{
background:url(images/dot_kirikabu_h_3.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
/*最終行の1列バージョン*/
.border_end_dot1{
position:relative;
width:312px;
}
#donguri .border_end_dot1{
background:url(images/dot_donguri_w.png),url(images/dot_donguri_h_3.png),url(images/dot_donguri_w.png);
background-repeat:repeat-x,repeat-y,repeat-x;
background-position:50% 0%,0% 50%,50% 100%;
}
#soramame .border_end_dot1{
background:url(images/dot_soramame_h_3.png),url(images/dot_soramame_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
#kirikabu .border_end_dot1{
background:url(images/dot_kirikabu_w.png),url(images/dot_kirikabu_h_3.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-x,repeat-y,repeat-x;
background-position:50% 0%,0% 50%,50% 100%;
}
/*最終行の2列バージョン*/
.border_end_dot2{
position:relative;
width:622px;
}
#donguri .border_end_dot2{
background:url(images/dot_donguri_h_3.png),url(images/dot_donguri_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
#soramame .border_end_dot2{
background:url(images/dot_soramame_h_3.png),url(images/dot_soramame_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
#kirikabu .border_end_dot2{
background:url(images/dot_kirikabu_h_3.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
.border_end_dot2 > ul{
display:table;
table-layout:fixed;
margin-right:auto;
width:100%;
}
/*最終行の3列バージョン*/
.border_end_dot3{
position:relative;
width:933px;
}
#donguri .border_end_dot3{
background:url(images/dot_donguri_h_3.png),url(images/dot_donguri_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
#soramame .border_end_dot3{
background:url(images/dot_soramame_h_3.png),url(images/dot_soramame_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}
#kirikabu .border_end_dot3{
background:url(images/dot_kirikabu_h_3.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-y,repeat-x;
background-position:0% 50%,50% 100%;
}

#illust{
position:absolute;
bottom:30px;
left:680px;
width: 200px;
}
#illust2{
position:absolute;
bottom:30px;
left:680px;
width: 250px;
}
#illust_0972682{
position:absolute;
bottom:30px;
left:420px;
width: 515px;
}
#illust_donguri{
position:absolute;
bottom:30px;
left:680px;
width: 250px;
}
p{
margin-top:10px;
font-size:14px;
line-height:19px;
}
.note{
font-size:12px;
}
.button{
margin-top:15px;
}
.button > ul > li:nth-child(2){
margin-top:10px;
}
#large{
margin-top:5px;
font-size:14px;
line-height:19px;
}
footer > ul{
display:table;
margin:20px auto 0 auto;
width:970px;
}
footer > ul > li{
display:table-cell;
}
footer #left{
width:259px;
}
footer #middle,footer #right{
padding-bottom:20px;
vertical-align:bottom;
}
footer #middle{
width:452px;
text-align:center;
}
footer #right{
padding-right:20px;
width:239px;
text-align:right;
}
footer > ul > li > ul{
display:table;
table-layout: fixed;
margin:20px auto 0 auto;
width:50%;
}
footer > ul > li > ul > li{
padding:0 10px;
display:table-cell;
}

#c{
margin-top:20px;
font-size:10px;
line-height:14px;
}

#link{
margin-top:20px;
text-align:center;
}
#link > ul > li{
display:inline-block;
}
#link > ul > li > a{
border-right: 1px solid #427232;
padding:0 10px 0 5px;
font-size:0.8rem;
line-height:1.4;
color:#427232;
}
#link > ul > li:nth-child(1) > a{
border-left: 1px solid #427232;
padding-left: 10px;
}
.mobile{
display:none;
}
.mobile_inline{
display:none;
}


/*swiper*/
.swiper{
margin-top:40px;
}
#main .swiper-slide-prev, #main .swiper-slide-next, #main .swiper-slide-visible{
opacity:0.2;
}
.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {
bottom: unset;
}
.swiper-wrapper {
transition-timing-function: linear;
align-items: flex-end;
}
.swiper-slide {
text-align: center;
}
#donguri .swiper-slide {
width: 320px;
}
#soramame .swiper-slide {
width: 250px;
}
#kirikabu .swiper-slide {
/*width: 200px;*/
}
#kirikabu .swiper {
width: 550px;
}


@media (max-width: 640px) {
#container{
min-width: unset;
background-size:180%;
}

header .nakayabooks{
padding:1% 0 0 0;
}
header .nakayabooks img{
margin:0 auto;
width:40%;
}
header .btn{
padding:0 0 2% 0;
}

.content{
width:100%;
}

h1{
position:relative;
z-index:-1;
margin:0 auto;
width:100%;
height:auto;
}

.catch{
margin:10vw auto 0 auto;
width:94%;
}

.cm .eizoArea{
width:94%;
}

#new ul{
width:94%;
}

.border_dot1{
padding:0 3% 30px 3%;
width:86%;
}
#donguri .border_dot1{
background:url(images/dot_donguri_w.png),url(images/dot_donguri_h.png),url(images/dot_donguri_h.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-x,repeat-y,repeat-y,repeat-x;
background-position:50% 0%,0% 50%,100% 50%,50% 100%;
}
#soramame .border_dot1{
background:url(images/dot_soramame_w.png),url(images/dot_soramame_h.png),url(images/dot_soramame_h.png),url(images/dot_soramame_w.png);
background-repeat:repeat-x,repeat-y,repeat-y,repeat-x;
background-position:50% 0%,0% 50%,100% 50%,50% 100%;
}
#kirikabu .border_dot1{
background:url(images/dot_kirikabu_w.png),url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-x,repeat-y,repeat-y,repeat-x;
background-position:50% 0%,0% 50%,100% 50%,50% 100%;
}
.border_dot3{
padding:0 3% 0 3%;
width:86%;
}
#donguri .border_dot3{
background:url(images/dot_donguri_w.png),url(images/dot_donguri_h.png),url(images/dot_donguri_h.png);
background-repeat:repeat-x,repeat-y,repeat-y;
background-position:50% 0%,0% 50%,100% 50%;
}
#soramame .border_dot3{
background:url(images/dot_soramame_w.png),url(images/dot_soramame_h.png),url(images/dot_soramame_h.png);
background-repeat:repeat-x,repeat-y,repeat-y;
background-position:50% 0%,0% 50%,100% 50%;
}
#kirikabu .border_dot3{
background:url(images/dot_kirikabu_w.png),url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_h.png);
background-repeat:repeat-x,repeat-y,repeat-y;
background-position:50% 0%,0% 50%,100% 50%;
}

/*2行目以降*/
.border_dot3_middle{
margin:0 auto 0 auto;
padding:0 3% 0 3%;
width:86%;
}
#donguri .border_dot3_middle{
background:url(images/dot_donguri_h.png),url(images/dot_donguri_h.png);
background-repeat:repeat-y,repeat-y;
background-position:0% 50%,100% 50%;
}
#soramame .border_dot3_middle{
background:url(images/dot_soramame_h.png),url(images/dot_soramame_h.png);
background-repeat:repeat-y,repeat-y;
background-position:0% 50%,100% 50%;
}
#kirikabu .border_dot3_middle{
background:url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_h.png);
background-repeat:repeat-y,repeat-y;
background-position:0% 50%,100% 50%;
}
/*最終行の1列バージョン*/
.border_end_dot1{
margin:0 auto 0 auto;
padding:0 3% 30px 3%;
width:86%;
}
#donguri .border_end_dot1{
background:url(images/dot_donguri_w.png),url(images/dot_donguri_h.png),url(images/dot_donguri_h.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-x,repeat-y,repeat-y,repeat-x;
background-position:50% 0%,0% 50%,100% 50%,50% 100%;
}
#soramame .border_end_dot1{
background:url(images/dot_soramame_h.png),url(images/dot_soramame_h.png),url(images/dot_soramame_w.png);
background-repeat:repeat-y,repeat-y,repeat-x;
background-position:0% 50%,100% 50%,50% 100%;
}
#kirikabu .border_end_dot1{
background:url(images/dot_kirikabu_w.png),url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-x,repeat-y,repeat-y,repeat-x;
background-position:50% 0%,0% 50%,100% 50%,50% 100%;
}
/*最終行の2列バージョン*/
.border_end_dot2{
margin:0 auto 0 auto;
padding:0 3% 30px 3%;
width:86%;
}
#donguri .border_end_dot2{
background:url(images/dot_donguri_h.png),url(images/dot_donguri_h.png),url(images/dot_donguri_w.png);
background-repeat:repeat-y,repeat-y,repeat-x;
background-position:0% 50%,100% 50%,50% 100%;
}
#soramame .border_end_dot2{
background:url(images/dot_soramame_h.png),url(images/dot_soramame_h.png),url(images/dot_soramame_w.png);
background-repeat:repeat-y,repeat-y,repeat-x;
background-position:0% 50%,100% 50%,50% 100%;
}
#kirikabu .border_end_dot2{/*きりかぶのみ*/
margin: 30px auto 0 auto;
background:url(images/dot_kirikabu_w.png),url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-x,repeat-y,repeat-y,repeat-x;
background-position:50% 0%,0% 50%,100% 50%,50% 100%;
}
/*最終行の3列バージョン*/
.border_end_dot3{
margin:0 auto 0 auto;
padding:0 3% 30px 3%;
width:86%;
}
#donguri .border_end_dot3{
background:url(images/dot_donguri_h.png),url(images/dot_donguri_h.png),url(images/dot_donguri_w.png);
background-repeat:repeat-y,repeat-y,repeat-x;
background-position:0% 50%,100% 50%,50% 100%;
}
#soramame .border_end_dot3{
background:url(images/dot_soramame_h.png),url(images/dot_soramame_h.png),url(images/dot_soramame_w.png);
background-repeat:repeat-y,repeat-y,repeat-x;
background-position:0% 50%,100% 50%,50% 100%;
}
#kirikabu .border_end_dot3{
background:url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_h.png),url(images/dot_kirikabu_w.png);
background-repeat:repeat-y,repeat-y,repeat-x;
background-position:0% 50%,100% 50%,50% 100%;
}
.border > ul{
display:block;
}
.border > ul > li{
display:block;
padding:30px 3% 0 3%;
width: 94%;
}

.button ul{
display:table;
table-layout:fixed;
width:100%;
}
.button li{
padding:0 1%;
display:table-cell;
vertical-align:top;
}
.button > ul > li:nth-child(2){
margin-top:0;
}
.border_dot_w{
margin-top:30px;
height:3px;
}

#donguri .border_dot_w{
background:url(images/dot_donguri_w.png) repeat-x 50% 0%;
}
#soramame .border_dot_w{
background:url(images/dot_soramame_w.png) repeat-x 50% 0%;
}
#kirikabu .border_dot_w{
background:url(images/dot_kirikabu_w.png) repeat-x 50% 0%;
}

footer > ul{
display:block;
width:100%;
}
footer > ul > li{
display:block;
}
footer #left,footer #middle,footer #right{
width:100%;
text-align:center;
}
footer > ul > li > ul{
margin:0 auto 0 auto;
display:block;
width:70%;
}
footer > ul > li > ul > li{
padding:0;
display:block;
}
footer > ul > li > ul > li:nth-child(2){
margin-top:10px;
}

.mobile{
display:block;
}
.mobile_inline{
display:inline;
}
.pc{
display:none;
}

/*swiper*/
#donguri .swiper-slide {
width: 60%;
}
#soramame .swiper-slide {
width: 50%;
}
#kirikabu .swiper-slide {
width: 50%;
}
#kirikabu .swiper {
width: 100%;
}

}