@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap');

.ShowSP{
display: none;
}
.HideSP{
display: block;
}

#Contents,
#Contents *,
body .l-page{
font-family: "Noto Sans JP", sans-serif;
}
div#Contents {
overflow: hidden;
}
.l-main .l-section + .l-section{
margin-top: 40px;
}
.Grid1 .BoxPatternA h2,
.Grid1 .JS .BoxPatternA h2,
body > .l-page .Grid1 .BoxPatternA h2{
margin: -15px 0 15px;
padding: 8px 15px;
background-color: #737373;
/*font-size: 13.28px;*/
font-size: 94.85714286%;
}

.OptionWideRWD #Contents .fvBg img,
body .l-main .fvBg img,
body > .l-page .fvBg img,
.fvBg img{
width: 1364px;
max-width: max-content;
}

/**h1 set**/
.l-page-inner.-outside {
position: relative;
}
.fvBg {
position: absolute;
top: 0;
right: 0;
}
.l-main-inner {
padding-top: 160px;
}

h1{
text-align: center;
}

@media screen and (min-width: 995px) and (max-width: 1304px){
.OptionWideRWD #Contents .builkaraH1Set h1 img{
max-width: 402px;
}
}
@media screen and (max-width: 994px){
.JS #Contents .builkaraH1Set h1 img{
max-width: 402px;
height: auto;
}
}
@media screen and (max-width: 767px) {
.l-page-inner.-outside {
width: 100%;
padding: 0;
}
.fvBg {
position: relative;
}
h1.l-main-title.c-title-xl.c-image {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.l-main-inner {
padding-top: 20px;
}
}

/**magazine index**/
.builkaraTitleSet{
display: grid;
grid-template-columns: 1fr auto; 
grid-template-rows: auto auto; 
grid-template-areas: 
"title media"
"desc media";
column-gap: 30px;
align-items: start; 
}

.builkaraTitleSet__title{
grid-area: title;
margin: 0;
border-bottom: 1px solid #333;
padding-bottom: 5px;
}

.builkaraTitleSet__media{
grid-area: media;
width: 200px;
}

.bilkaraTitleSet__desc{
grid-area: desc;
margin: -50px 0 0;
padding-top: 0;
}

.l-main .c-title-l{
line-height: 1.3em;
}
.l-main .l-section-title{
padding-bottom: 8px;
margin-top: 0;
margin-bottom: 0;
}
.l-main .l-section-title::after{
display: none;
}
body .l-page .l-main h2{
width: 100%;
/*font-size: 26px;*/
font-size: 162.5%;
line-height: 1.3em;
font-weight: 700;
border-bottom: 1px solid #231815;
margin: 18px 0;
}

.l-main h2.l-section-title.builkara-section-title{
/*font-size: 38px;*/
font-size: 237.5%;
}









.magazinListBoxWrap{
display: flex;
flex-wrap: wrap;
gap: 36px 0;
margin-top: 18px;
}
.magazinListBoxWrap > div.builkara_image{
width: calc(92% / 3);
position: relative;
display: flex;
flex-direction: column;
}
.magazinListBoxWrap > div.builkara_image img{
margin-top: auto;
}
.magazinListBoxWrap > div.arrow{
width: calc(8% / 2);
display: flex;
align-items: center;
justify-content: center;
}
.magazinListBoxWrap > div.arrow img{
width: 16px;
height: 22px;
}
body .l-page .l-main p.builkara-text{
/*font-size: 16px;*/
font-size: 114.2857143%;
line-height: 1.6em;
}
/*buck number*/
.magazinListBoxWrap.-bucknumber{
gap: 36px 4%;
}
.magazinListBoxWrap > div.-bucknumber-card{
width: calc(92% / 3);
position: relative;
cursor: pointer;
}
.-bucknumber-card .-bucknumber-img{
display: block;
margin-bottom: 5px;
}
.-bucknumber-title{
/*font-size: 19.14px;*/
font-size: 119.625%;
font-weight: 700;
margin-top: 8px;
margin-bottom: 10px;
}
.-bucknumber-text{
/*font-size: 12.63px;*/
font-size: 90.21428571%;
font-weight: 400;
}
.-bucknumber-text a{
text-decoration: none;
}


.thmbBuilcare{
/*border: 1px solid #C6C3C2;*/
width: 282px;
}
.thmbBuilcare{
width: 100%;
}

.l-main .-bucknumber-text a.c-link:visited,
.l-main .-bucknumber-text a.c-link:visited{
color: #222222;
}



@media screen and (max-width: 1260px){
.bilkaraTitleSet__desc{
margin: -20px 0 0;
}
}

@media screen and (max-width: 978px) {
.bilkaraTitleSet__desc {
margin: 0;
}
}
@media screen and (max-width: 767px){
.ShowSP{
display: block;
}
.HideSP{
display: none !important;
}
.builkaraTitleSet{
display: flex;
flex-direction: column;
gap: 0 16px;
}

.builkaraTitleSet__title{
order: 1; /* 1番目 */
border-bottom: 1px solid #333;
padding-bottom: 5px;
margin: 0;
}

.builkaraTitleSet__media{
order: 2; /* 2番目 */
text-align: center;
width: 100%;
}

.builkaraTitleSet__media img{
max-width: 100%;
height: auto;
}
.JS #Contents .builkaraTitleSet__media img{
max-width: 284px;
}

.bilkaraTitleSet__desc{
order: 3; /* 3番目 */
margin: 20px 0 0;
/*font-size: 16px;*/
font-size: 114.2857143%;
}

.l-main .c-add-icon.-arrow::after{
border-style: solid;
border-width: 0 2px 2px 0;
border-color: #b1000e;
display: inline-block;
position: static;
right: auto;
top: auto;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-left: 0.625em;
}

body .l-page .l-main h2.l-section-title.c-title-l{
/*font-size: 22px;*/
font-size: 157.1428571%;
}


/**bucknumber**/
.magazinListBoxWrap.-bucknumber{
display: flex;
flex-direction: column;
}
.magazinListBoxWrap > div.-bucknumber-card{
width: 100%;
}
.-bucknumber-title{
/*font-size: 20px;*/
font-size: 142.8571429%;
}
.title-vol0{
margin-bottom: 30px;
}
#bkNum00sp{
overflow: visible;
}
.-bucknumber-card .-bucknumber-img{
margin-bottom: 15px;
}
.-bucknumber-text{
/*font-size: 16px;*/
font-size: 114.2857143%;
}

/****/
.c-column-set__item:has(.thmbBuilcare){
width: 100%;
text-align: center;
}
.l-division:has(.c-button-red){
text-align: center;
}
body > .l-page p.thmbBuilcare{
max-width: 220px;
margin: 0 auto;
}
}