@charset "utf-8";

/* ----------------------------------------------
 ! archive
 ---------------------------------------------- */


#sec-archive-txt { padding:0 6.67vw 13.33vw; }
#sec-archive-txt p { line-height:1.8; font-size:3.73vw; }

@media screen and (min-width:769px){
#sec-archive-txt { padding:0 0 5.8vw; }
#sec-archive-txt p { font-size:1.16vw; }
}
@media screen and (min-width:1381px){
#sec-archive-txt { padding:0 0 80px; }
#sec-archive-txt p { font-size:16px; }
}




.blog-archive-ul { padding:0 6.67vw; }
.blog-archive-ul li { border-bottom:0.5px #B8B1AE solid; margin:0 0 6.41vw; padding:7.69vw 0 6.41vw; list-style:none; position:relative; }
.blog-archive-ul dl { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; }
.blog-archive-ul dt { width:28.2vw; }
.blog-archive-ul dt a { display:block; }
.blog-archive-ul dt img { width:28.2vw; height:28.2vw; object-fit:cover; }

@media screen and (min-width:769px){
.blog-archive-ul { padding:0; }
.blog-archive-ul li { width:57.97vw; margin:0 auto 2.17vw; padding:0 0 2.17vw; }
.blog-archive-ul dl {}
.blog-archive-ul dt { width:11.6vw; height:11.6vw; overflow:hidden; }
.blog-archive-ul dt a {}
.blog-archive-ul dt a:hover { opacity:0.7; transition: all 1s; }
.blog-archive-ul dt img { width:11.6vw; height:11.6vw; transition:transform 0.6s ease; }
.blog-archive-ul dt a:hover img { transform:scale(1.1); }
}
@media screen and (min-width:1381px){
.blog-archive-ul {}
.blog-archive-ul li { width:800px; margin:0 auto 30px; padding:0 0 30px; }
.blog-archive-ul dl {}
.blog-archive-ul dt { width:160px; height:160px; }
.blog-archive-ul dt a {}
.blog-archive-ul dt img { width:160px; height:160px; }
}




.blog-archive-ul dd { width:52.56vw; }
.blog-archive-time { display:block; padding:0 0 2.82vw; font-size:2.82vw; color:#EC6D4E; }
.blog-archive-tit { padding:0 0 3.85vw; }
.blog-archive-tit a { line-height:1.5; font-size:3.59vw; color:#262525; font-weight:500; text-decoration:none; }
.blog-archive-excerpt { line-height:1.6; font-size:3.07vw; }
.blog-archive-excerpt a { color:#71A1B7; }
.blog-archive-cat { position:absolute; top:0; right:0; }
.blog-archive-cat a { display:block; height:4.1vw; line-height:4.1vw; background:#EC6D4E; text-align:center; padding:0 4.1vw; font-size:2.56vw; color:#fff; text-decoration:none; }

@media screen and (min-width:769px){
.blog-archive-ul dd { width:calc(100% - 13.04vw); }
.blog-archive-time { padding:0 0 1vw; font-size:1.01vw; }
.blog-archive-tit { padding:0 0 1vw; }
.blog-archive-tit a { font-size:1.16vw; }
.blog-archive-tit a:hover { opacity:0.7; color:#EC6D4E; text-decoration:underline; transition: all 1s; }
.blog-archive-excerpt { font-size:0.94vw; }
.blog-archive-excerpt a:hover { opacity:0.7; transition: all 1s; }
.blog-archive-cat {}
.blog-archive-cat a { height:1.16vw; line-height:1.16vw; padding:0 1.3vw; font-size:0.87vw; }
.blog-archive-cat a:hover { opacity:0.7; transition: all 1s; }
}
@media screen and (min-width:1381px){
.blog-archive-ul dd { width:calc(100% - 180px); }
.blog-archive-time { padding:0 0 15px; font-size:14px; }
.blog-archive-tit { padding:0 0 15px; }
.blog-archive-tit a { font-size:16px; }
.blog-archive-excerpt { font-size:13px; }
.blog-archive-cat {}
.blog-archive-cat a { height:16px; line-height:16px; padding:0 18px; font-size:12px; }
}




#page-nav { display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; margin:0 auto; padding:10.3vw 6.67vw; }
#page-nav a { color:#5E5E5E; text-decoration:none; }
#page-nav a:hover { background:#EC6D4E; color:#fff; transition: all 1s; }
.page-numbers { display:block; min-width:8vw; height:8vw; line-height:8vw; background:#fff; border:1px #5E5E5E solid; text-align:center; margin:0 1.03vw; padding:0 2.56vw; font-size:3.59vw; color:#5E5E5E; }
#page-nav .current { background:#EC6D4E; font-size:3.07vw; color:#fff; }
#page-nav .dots { font-size:3.07vw; color:#5E5E5E; }

@media screen and (min-width:769px){
#page-nav { padding:2.9vw 0 5.8vw; }
#page-nav a {}
#page-nav a:hover {}
.page-numbers { min-width:2.9vw; height:2.9vw; line-height:2.9vw; margin:0 0.29vw; padding:0 0.72vw; font-size:1.01vw; }
#page-nav .current { font-size:1.01vw; }
#page-nav .dots { font-size:1.01vw; }
}
@media screen and (min-width:1381px){
#page-nav { padding:40px 0 80px; }
#page-nav a {}
#page-nav a:hover {}
.page-numbers { min-width:40px; height:40px; line-height:40px; margin:0 4px; padding:0 10px; font-size:14px; }
#page-nav .current { font-size:14px; }
#page-nav .dots { font-size:14px; }
}




/* ----------------------------------------------
 ! select category & archive
 ---------------------------------------------- */

.main-select-archive {padding:4.1vw 5.13vw 7.69vw; }
.main-select-archive div { padding:0 0 5.13vw; position:relative; }
.main-select-archive div.select-a-on:after { transform:rotate(0) !important; }
.main-select-archive select { width:100%; height:12.82vw; background:url(../img/common/ico_arrow_down.svg) right 4.54% top 50% no-repeat; background-size:2.56vw auto; border:1px #5E5E5E solid; text-align:center; padding:0 5.13vw; font-size:3.85vw; color:#5E5E5E; font-weight:400; appearance:none; }
.main-select-archive option { background:#F2F4FA; text-align:center; color:#1E1F29; }
.main-select-archive #select { margin:0 0 2.56vw; }

@media screen and (min-width:769px){
.main-select-archive { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; padding:0 0 3.62vw; }
.main-select-archive div { padding:0; }
.main-select-archive div:hover { opacity:0.7; transition: all 1s; }
.main-select-archive select { width:27.53vw; height:4.35vw; background-size:0.87vw auto; padding:0 1.45vw; font-size:1.01vw; }
.main-select-archive select:hover { opacity:0.7; color:#EC6D4E; transition:1s ease; cursor:pointer; }
.main-select-archive option {}
.main-select-archive #select { margin:0; }
}
@media screen and (min-width:1381px){
.main-select-archive { padding:0 0 50px; }
.main-select-archive div {}
.main-select-archive select { width:380px; height:60px; background-size:12px auto; padding:0 20px; font-size:14px; }
.main-select-archive option {}
.main-select-archive #select {}
}




/* ----------------------------------------------
 ! single
 ---------------------------------------------- */

#single-content { margin:0 5.13vw; position:relative; z-index:1; }
#single-content .wp-block-gallery { justify-content:center; padding:0 0 10.25vw; }
#single-content .wp-block-image { text-align:center; padding:0 0 4.1vw; }
#single-content .wp-block-image img { display:inline-block; max-width:100%; height:auto; }
#single-content p { line-height:1.8; padding:0 0 12.8vw; font-size:3.85vw; font-weight:400; }
#single-content .wp-block-image figcaption { text-align:center; word-break:break-word; font-size:0.9em; }
#single-content .btn-detail { margin:0 auto; }

@media screen and (min-width:769px){
#single-content { margin:0; }
#single-content .wp-block-gallery { justify-content:start; padding:0 0 3.62vw; }
#single-content .wp-block-image { padding:0 0 1.45vw; }
#single-content p { padding:0 0 3.62vw; font-size:1.09vw; }
}
@media screen and (min-width:1381px){
#single-content {}
#single-content .wp-block-gallery { padding:0 0 50px; }
#single-content .wp-block-image { padding:0 0 20px; }
#single-content p { padding:0 0 50px; font-size:15px; }
}




#single-time-cat-wrap { position:relative; }
#archive-single-time { display:block; padding:0 5.13vw 4.1vw; font-size:3.59vw; color:#EC6D4E; }
#archive-single-cat { position:absolute; top:-1.03vw; right:5.13vw; }
#archive-single-cat a { display:block; background:#EC6D4E; padding:2.05vw 4.1vw; font-size:2.82vw; color:#fff; text-decoration:none; }
#single-content-tit { line-height:1.3; padding:0 0 12.8vw; font-size:7.68vw; font-weight:400; }

@media screen and (min-width:769px){
#single-time-cat-wrap {}
#archive-single-time { padding:0 0 1.45vw; font-size:1.01vw; }
#archive-single-cat { top:0; right:0; }
#archive-single-cat a { padding:0.29vw 1.45vw; font-size:0.87vw; }
#archive-single-cat a:hover { opacity:0.7; transition:1s ease; }
#single-content-tit { padding:0 0 3.62vw; font-size:2.17vw; }
}
@media screen and (min-width:1381px){
#single-time-cat-wrap {}
#archive-single-time { padding:0 0 20px; font-size:14px; }
#archive-single-cat {}
#archive-single-cat a { padding:4px 20px; font-size:12px; }
#single-content-tit { padding:0 0 50px; font-size:30px; }
}




#nav-prev-next { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; margin:0 5.13vw; padding:20.6vw 0 10.3vw; position:relative; }
.prev-next-box { width:40%; }
.prev-next-box a { display:block; font-size:3.08vw; color:#5E5E5E; text-decoration:none; }
#nav-prev {}
#nav-next { text-align:right; }
.prev-next-box dl { display:flex; flex-flow:column; }
#nav-prev dl {}
#nav-next dl {}
.prev-next-box dt { padding:0 0 4.1vw; }
.prev-next-box dt img { width:30vw; height:30vw; object-fit:cover; }
.prev-next-box dd { line-height:1.6; }
#nav-prev dd {}
#nav-next dd {}
.prev-next-box dd span { position:absolute; top:7.69vw; font-size:5.13vw; color:#EC6D4E; font-weight:500; }
#nav-prev dd span { left:0; }
#nav-next dd span { right:0; }

@media screen and (min-width:769px){
#nav-prev-next { margin:0; padding:8.7vw 0 2.9vw; }
.prev-next-box { width:45%; }
.prev-next-box a { font-size:1.01vw; }
.prev-next-box a:hover { opacity:0.7; transition:1s ease; }
#nav-prev {}
#nav-next {}
.prev-next-box dl { align-items:center; }
#nav-prev dl { flex-flow:row nowrap; }
#nav-next dl { flex-flow:row-reverse nowrap; }
.prev-next-box dt { width:10.1vw; height:10.1vw; overflow:hidden; padding:0; }
.prev-next-box dt img { width:10.1vw; height:10.1vw; transition:transform 0.6s ease; }
.prev-next-box a:hover dt img { transform:scale(1.1); }
.prev-next-box dd { width:14.49vw; }
#nav-prev dd { padding:0 0 0 1.45vw; }
#nav-next dd { padding:0 1.45vw 0 0; }
.prev-next-box dd span { top:4.35vw; font-size:1.45vw; }
#nav-prev dd span {}
#nav-next dd span {}
}
@media screen and (min-width:1381px){
#nav-prev-next { padding:120px 0 40px; }
.prev-next-box {}
.prev-next-box a { font-size:14px; }
#nav-prev {}
#nav-next {}
.prev-next-box dl {}
#nav-prev dl {}
#nav-next dl {}
.prev-next-box dt { width:140px; height:140px; }
.prev-next-box dt img { width:140px; height:140px; }
.prev-next-box dd { width:200px; text-align:left; }
#nav-prev dd { padding:0 0 0 20px; }
#nav-next dd { padding:0 20px 0 0; }
.prev-next-box dd span { top:60px; font-size:20px; }
#nav-prev dd span {}
#nav-next dd span {}
}





@media screen and (min-width:769px){

}
@media screen and (min-width:1381px){

}