@charset "UTF-8";

/*------------------------pg_column base---------------------------*/
article[class^="column"]{
padding-bottom:6rem;
background:#fff;
}
@media screen and (max-width:767px){}
@media screen and (min-width:768px){
  article[class^="column"] > .inner{
  display:grid;
  grid-template-columns:1fr 25rem;
  gap:3rem;
  }
}
article[class^="column"] > .inner section + section{
margin-top:3rem;
padding-top:3rem;
}


/*------------------------pg_column pagenav---------------------------*/
.column_pagenav{
margin-top:4rem;
padding-top:0.5rem;
border-top:1px #ccc solid;
}
.column_pagenav ul{
display:flex;
justify-content:space-between;
}
.column_pagenav ul li:first-child a::before,
.column_pagenav ul li:last-child a::after{
content:'';
display:inline-block;
background:url(../img/ico_arw02.svg);
width:0.7em;
height:0.7em;
margin:0 0.5em;
}
.column_pagenav ul li:first-child a::before{
transform: rotate(180deg)
}
.column_pagenav a[href='']{
opacity:0.3;
pointer-events:none;
cursor:default;
}


/*------------------------pg_column sidelink---------------------------*/
.column_list h3{
padding:0.25em;
border-bottom:2px #ff8e9c solid;
font-weight:500;
font-family:var(--maru);
}
.column_list ul{
margin-top:0.5em;
}
.column_list li{
line-height:1.5;
}
.column_list li+li{
margin-top:0.5em;
}
.column_list .date{
white-space:nowrap;
}
.column_list .date::before{
content:'[';
margin-top:0.5em;
}
.column_list .date::after{
content:']';
}
@media screen and (max-width:767px){
  .column_list{
  margin-top:4rem;
  padding:1rem 0 1rem;
  border-top:3px #999 solid;
  border-bottom:3px #999 solid;
  }
  .column_list h3{
  font-size:100%;
  text-align:center;
  }
  .column_list li{
  font-size:90%;
  }
}
@media screen and (min-width:768px){
  .column_list{
  margin-top:2rem;
  }
  .column_list h3{
  font-size:110%;
  }
}


/*------------------------pg_column contents---------------------------*/
.column_ttl{
width:100%;
background-position:center center;
background-size:cover;
}
.column_ttl .inner{
height:100%;
}
.column_ttl .ttl_box{
display:grid;
grid-template-rows:auto 1fr;
width:100%;
height:100%;
padding:1rem;
background:rgba(255,255,255,0.5);
}
.column_ttl .st{
background:#fff;
font-weight:500;
font-family:var(--maru);
}
.column_ttl .st .num{
padding-left:0.5em;
}
.column_ttl .ttl{
align-self:center;
font-weight:700;
line-height:1.5;
font-family:var(--mincho);
text-shadow:1px 1px 0 #fff;
}
.column_body .date{
margin-bottom:3rem;
text-align:right;
}
.column_body h3{
margin-bottom:2rem;
font-weight:500;
line-height:1.3;
}
.column_body h3::after{
content:'';
display:block;
margin-top:0.25em;
width:100%;
height:3px;
}
.column_body h4{
margin-bottom:0.5rem;
font-weight:700;
font-size:100%;
}
.column_body section > p{}
.column_body section > * + *{
margin-top:2rem;
}
.recommend{}
.category_box{
width:100%;
margin-top:4rem;
border:0.3rem #eee solid;
border-radius:1.5rem;
}
.category{
position:relative;
width:14em;
height:4rem;
line-height:4rem;
margin:0 0 2rem;
padding:0 0 0 2em;
/*
padding:0.5em 1em 0.5em 2em;
border-radius:0 0.25rem 0.25rem 0;
border-right:1px #ccc solid;
*/
border-bottom:1px #ccc solid;
background:#ff8e9c;
text-align:left;
font-weight:700;
font-family:var(--maru);
letter-spacing:0.25em;
color:#fff;
}
/*
.category::before{
content:'';
position:absolute;
top:100%;
left:0;
border:none;
border-bottom:solid 0.5rem transparent;
border-right:solid 0.5rem rgba(149,158,155,1);
}
*/
.category::after{
content:'';
position:absolute;
top:0;
right:0;
width:0;
height:0;
border-style:solid;
border-top:2rem solid transparent;
border-bottom:2rem solid transparent;
border-right:1rem solid #fff;
border-left:0;
}
.category .sub{
margin-right:1em;
font-weight:700;
font-size:80%;
letter-spacing:0.05em;
}
.item_box{
width:100%;
display:grid;
}
.item_box + .item_box{
margin-top:3rem;
padding-top:3rem;
border-top:0.3rem #ccc dotted;
}
.item_box .name{
font-weight:700;
margin-bottom:0;
}
.item_box .btn_box{
width:100%;
}
.item_box .btn{
width:100%;
background-color:#dd0000;
}
@media screen and (max-width:767px){
  .column_ttl{
  aspect-ratio:750/375;
  }
  .column_ttl .inner{
  padding:1.5rem 0;
  }
  .column_ttl .ttl{
  padding-left:1rem;
  font-size:130%;
  }
  .column_ttl .st{
  width:9em;
  height:3rem;
  line-height:3rem;
  padding-left:0.5em;
  border-radius:0.5rem 1.5rem 1.5rem 0.5rem;
  }
  .column_body h3{
  font-weight:700;
  font-size:130%;
  }
  .column_body h3::after{
  background:linear-gradient(90deg,#ff8e9c 50%,#eee 50%);
  }
  .category_box{
  padding:2rem 1rem;
  }
  .category_box + .category_box{
  margin-top:2rem;
  }
  .category{
  margin-left:calc(-1rem - 0.3rem);
  }
  .item_box{
  grid-template-columns:50% 1fr;
  grid-template-rows:auto auto 1fr;
  gap:1rem 0.5rem;
  align-items:center;
  }
  .item_box .name{
  grid-column:1/3;
  grid-row:1/2;
  text-align:center;
  font-size:125%;
  }
  .item_box .img{
  grid-column:1/2;
  grid-row:2/3;
  }
  .item_box .txt{
  grid-column:2/3;
  grid-row:2/3;
  align-items:center;
  }
  .item_box .btn_box{
  grid-column:1/3;
  grid-row:3/4;
  width:100%;
  }
}
@media screen and (min-width:768px){
  .column_ttl{
  aspect-ratio:1000/280;
  max-height:300px;
  }
  .column_ttl .inner{
  padding:3rem 0;
  }
  .column_ttl .ttl{
  padding:0 4rem 2rem;
  font-size:180%;
  }
  .column_ttl .st{
  width:10em;
  height:4rem;
  line-height:4rem;
  padding-left:1em;
  border-radius:0.5rem 2rem 2rem 0.5rem;
  }
  .column_body h3{
  font-size:135%;
  }
  .column_body h3::after{
  background: linear-gradient(90deg,#ff8e9c 30%,#eee 30%);
  }
  .category_box{
  padding:2rem 6rem;
  border-width:4px;
  }
  .category_box + .category_box{
  margin-top:4rem;
  }
  .category{
  margin-left:calc(-6rem - 0.3rem);
  }
  .item_box{
  grid-template-columns:30% 1fr;
  grid-template-rows:auto auto 1fr;
  gap:1.5rem 3rem;
  }
  .item_box .name{
  margin-top:1rem;
  font-size:125%;
  }
  .item_box .img{
  grid-column:1/2;
  grid-row:1/4;
  }
}



/*------------------------pg_column ToolTips---------------------------*/
.bg{
display:inline-block;
padding:1em;
background:rgba(194,219,234,0.5);
}
@media screen and (min-width:768px){
  .bg{
  padding:1em 2em;
  }
}
.box_itemlist{
display:inline-block;
padding:0.5em;
border:3px #333 double;
border-radius:0.5em;
overflow:hidden;
}
.box_itemlist h3{
display:inline-block;
font-weight:700;
font-size:1.2em;
line-height:1.3;
}
.box_itemlist h3::after{
display:none;
}
.box_itemlist ul{
display:inline-flex;
flex-wrap:wrap;
justify-content:center;
}
.box_itemlist li{
width:33%;
padding:0.5em;
}
.box_itemlist li a{
text-decoration:underline;
}
.box_itemlist li a:hover{
text-decoration:none;
}
.box_itemlist li h4{
margin-top:0.5em;
font-size:0.9em;
line-height:1.2;
}
.box_itemlist li .img{
border:1px #ccc solid;
}
@media screen and (min-width:768px){
  .box_itemlist li{
  width:25%;
  }
}


/*------------------------pg_column---------------------------*/
/*　　独自スタイルは各ページ内に。　　　　　　　　　　　　　　*/
/*------------------------------------------------------------*/
.column_number_202603 .xxx{}