@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:900px){
#sec-archive-txt { padding:0 0 5.8vw; }
#sec-archive-txt p { font-size:1.16vw; }
}
@media screen and (min-width:1380px){
#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:1px #E5E5E5 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:100%; height:auto; }

@media screen and (min-width:900px){
.blog-archive-ul { padding:0; }
.blog-archive-ul li { margin:0 0 2.17vw; padding:0 0 2.17vw; }
.blog-archive-ul dl {}
.blog-archive-ul dt { width:11.6vw; }
.blog-archive-ul dt a {}
.blog-archive-ul dt a:hover { opacity:0.7; transition: all 1s; }
.blog-archive-ul dt img {}
}
@media screen and (min-width:1380px){
.blog-archive-ul {}
.blog-archive-ul li { margin:0 0 30px; padding:0 0 30px; }
.blog-archive-ul dl { width:800px; margin:0 auto; }
.blog-archive-ul dt { width:160px; }
.blog-archive-ul dt a {}
.blog-archive-ul dt img {}
}



.blog-archive-ul dd { width:52.56vw; }
.blog-archive-time { display:block; padding:0 0 2.82vw; font-size:3.07vw; color:#384658; font-weight:500; }
.blog-archive-tit { padding:0 0 3.85vw; }
.blog-archive-tit a { line-height:1.6; font-size:4.1vw; color:#384658; font-weight:600; text-decoration:none; }
.blog-archive-excerpt { line-height:1.8; font-size:3.33vw; }
.blog-archive-excerpt a { color:#384658; }
.blog-archive-cat { position:absolute; top:0; right:0; }
.blog-archive-cat a { display:block; height:4.1vw; line-height:4.1vw; border-radius:0.51vw; background:#2971A9; text-align:center; padding:0 4.1vw; font-size:2.56vw; color:#fff; text-decoration:none; }

@media screen and (min-width:900px){
.blog-archive-ul dd { width:calc(100% - 13.04vw); }
.blog-archive-time { padding:0 0 1vw; font-size:0.87vw; }
.blog-archive-tit { padding:0 0 1vw; }
.blog-archive-tit a { font-size:1.16vw; }
.blog-archive-tit a:hover { text-decoration:underline; }
.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; border-radius:0.29vw; padding:0 1.3vw; font-size:0.87vw; }
.blog-archive-cat a:hover { opacity:0.7; transition: all 1s; }
}
@media screen and (min-width:1380px){
.blog-archive-ul dd { width:calc(100% - 180px); }
.blog-archive-time { padding:0 0 15px; font-size:12px; }
.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; border-radius:4px; padding:0 18px; font-size:12px; }
}




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

#single-content { position:relative; z-index:1; }
#single-content .wp-block-image { margin:0 7.69vw; padding:0 0 12.8vw; }
#single-content .wp-block-image img { max-width:100%; height:auto; }
#single-content p { line-height:1.8; margin:0 7.69vw; padding:0 0 12.8vw; font-size:3.85vw; font-weight:400; }
#single-content .btn-detail { margin:0 auto; }

@media screen and (min-width:900px){
#single-content {}
#single-content .wp-block-image { margin:0; padding:0 0 3.62vw; }
#single-content p { margin:0; padding:0 0 3.62vw; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#single-content {}
#single-content .wp-block-image { padding:0 0 50px; }
#single-content p { padding:0 0 50px; font-size:15px; }
}




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

@media screen and (min-width:900px){
#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 { border-radius:0.29vw; padding:0.29vw 1.45vw; font-size:0.87vw; }
#single-content-tit { padding:0 0 3.62vw; font-size:2.17vw; }
}
@media screen and (min-width:1380px){
#single-time-cat-wrap {}
#archive-single-time { padding:0 0 20px; font-size:14px; }
#archive-single-cat {}
#archive-single-cat a { border-radius:4px; padding:4px 20px; font-size:12px; }
#single-content-tit { padding:0 0 50px; font-size:30px; }
}




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

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

}