@charset "utf-8";

/*------------------------------------------------------------
  page-search.php
------------------------------------------------------------*/

#sec-search-box { border:2.56vw #eef3f9 solid; margin:0 5.13vw; padding:10.25vw 5.13vw; }
#sec-search-tit { text-align:center; padding:0 0 10.25vw; font-size:4.87vw; color:#2e70b0; font-weight:600; }
#sec-search-dl { margin:0 0 5.13vw; }
#sec-search-dl dt { line-height:1.875; padding:0 0 5.13vw; font-size:4.1vw; font-weight:600; }
#sec-search-dl dd { line-height:1.875; border-bottom:1px #e5e5e5 solid; margin:0 0 5.13vw; padding:0 0 5.13vw; font-size:3.59vw; }
#sec-search-dl dd span { display:inline-block; margin:0 2.05vw 0 0; }
#sec-search-dl dd select { width:100%; height:12.82vw; background:#eef3f9; border:none; padding:0 3.33vw; font-size:3.59vw; }
#btn-search-box { text-align:center; margin:0 auto; }
#btn-search-box input { width:80%; height:12.82vw; background:#2e70b0 url("../img/common/ico_search01.svg") 8.97vw center/4.1vw auto no-repeat; border:none; border-radius:100vw; padding:0 3.85vw 0 7.69vw; font-size:4.1vw; color:#fff; font-weight:600; }

@media screen and (min-width:900px){
#sec-search-box { border:0.72vw #eef3f9 solid; margin:0; padding:3.62vw 4.35vw; }
#sec-search-tit { padding:0 0 3.62vw; font-size:1.45vw; }
#sec-search-dl { display:flex; flex-flow:row wrap; margin:0 0 2.17vw; }
#sec-search-dl dt { width:20%; border-bottom:1px #e5e5e5 solid; margin:0 0 1.16vw; padding:0 0 1.16vw; font-size:1.09vw; }
#sec-search-dl dd { width:80%; margin:0 0 1.16vw; padding:0 0 1.16vw; font-size:1.09vw; }
#sec-search-dl dd span { margin:0 0.58vw 0 0; }
#sec-search-dl dd select { height:2.9vw; padding:0 0.87vw; font-size:1.01vw; }
#btn-search-box {}
#btn-search-box input { width:20.28vw; height:3.62vw; background:#2e70b0 url("../img/common/ico_search01.svg") 2.17vw center/1.16vw auto no-repeat; padding:0 1.09vw 0 2.17vw; font-size:1.16vw; }
#btn-search-box input:hover { opacity:0.7; transition:1s ease; cursor:pointer; }
}
@media screen and (min-width:1380px){
#sec-search-box { border:10px #eef3f9 solid; margin:0; padding:50px 60px; }
#sec-search-tit { padding:0 0 50px; font-size:20px; }
#sec-search-dl { margin:0 0 30px; }
#sec-search-dl dt { margin:0 0 16px; padding:0 0 16px; font-size:15px; }
#sec-search-dl dd { margin:0 0 16px; padding:0 0 16px; font-size:15px; }
#sec-search-dl dd span { margin:0 8px 0 0; }
#sec-search-dl dd select { height:40px; padding:0 12px; font-size:14px; }
#btn-search-box {}
#btn-search-box input { width:280px; height:50px; background:#2e70b0 url("../img/common/ico_search01.svg") 30px center/16px auto no-repeat; padding:0 15px 0 30px; font-size:16px; }
}




/*------------------------------------------------------------
  search.php
------------------------------------------------------------*/

#search-hits { line-height:1.875; text-align:center; padding:7.69vw 0 5.13vw; font-size:3.85vw; }
#search-hits span { display:inline-block; color:#ff7800; font-weight:600; }

@media screen and (min-width:900px){
#search-hits { padding:0 0 2.9vw; font-size:1.16vw; }
#search-hits span { margin:0 0.29vw 0 0; font-size:1.3vw; }
}
@media screen and (min-width:1380px){
#search-hits { text-align:left; padding:0 0 40px; font-size:16px; }
#search-hits span { margin:0 4px 0 0; font-size:20px; }
}




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

.blog-archive-ul { padding:0 5.13vw; }
.blog-archive-ul > li { border-bottom:1px #D9EBF0 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:column nowrap; }
.blog-archive-ul dt { width:80%; margin:0 auto 5.13vw; }
.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 3.62vw; padding:0 0 2.17vw; }
.blog-archive-ul dl {}
.blog-archive-ul dt { position:absolute; top:0; left:0; width:11.23vw; margin:0; }
.blog-archive-ul dt a {}
.blog-archive-ul dt img {}
}
@media screen and (min-width:1380px){
.blog-archive-ul { padding:0; }
.blog-archive-ul > li { margin:0 0 50px; padding:0 0 30px; }
.blog-archive-ul dl {}
.blog-archive-ul dt { position:absolute; top:0; left:0; width:155px; margin:0; }
.blog-archive-ul dt a {}
.blog-archive-ul dt img {}
}



.blog-archive-ul dd {}
.blog-archive-time { display:block; padding:0 0 5.13vw; font-size:3.59vw; color:#464646; }
.blog-archive-tit { padding:0 0 6.15vw; }
.blog-archive-tit a { line-height:1.6; font-size:4.1vw; color:#2e70b0; font-weight:600; text-decoration:none; }
.blog-archive-excerpt { line-height:1.875; padding:0 0 6.15vw; font-size:3.85vw; }
.blog-archive-excerpt a { color:#cc4e0a; }
.blog-archive-cat { display:flex; flex-flow:row wrap; }
.blog-archive-cat li { min-width:25.64vw; }
.blog-archive-cat li:not(:last-child) { margin:0 1.05vw 0 0; }
.blog-archive-cat li a { display:flex; justify-content:center; align-items:center; height:7.18vw; background:#2e70b0; padding:0 2.56vw; font-size:3.33vw; color:#fff; text-decoration:none; }

@media screen and (min-width:900px){
.blog-archive-ul dd { padding:0 0 0 14.49vw; }
.blog-archive-time { padding:0 0 1.45vw; font-size:1.01vw; }
.blog-archive-tit { padding:0 0 2.17vw; }
.blog-archive-tit a { font-size:1.23vw; }
.blog-archive-tit a:hover { text-decoration:underline; }
.blog-archive-excerpt { padding:0 0 2.17vw; font-size:1.09vw; }
.blog-archive-excerpt a {}
.blog-archive-cat {}
.blog-archive-cat li { min-width:7.97vw; }
.blog-archive-cat li:not(:last-child) { margin:0 0.29vw 0 0; }
.blog-archive-cat li a { height:2.03vw; padding:0 0.51vw; font-size:1.01vw; }
.blog-archive-cat li a:hover { opacity:0.7; transition: all 1s; }
}
@media screen and (min-width:1380px){
.blog-archive-ul dd { padding:0 0 0 200px; }
.blog-archive-time { padding:0 0 20px; font-size:14px; }
.blog-archive-tit { padding:0 0 30px; }
.blog-archive-tit a { font-size:17px; }
.blog-archive-excerpt { padding:0 0 30px; font-size:15px; }
.blog-archive-excerpt a {}
.blog-archive-cat {}
.blog-archive-cat li { min-width:110px; }
.blog-archive-cat li:not(:last-child) { margin:0 4px 0 0; }
.blog-archive-cat li a { height:28px; padding:0 7px; font-size:14px; }
}




/* ----------------------------------------------
 ! page-nav
 ---------------------------------------------- */

#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:#2e70b0; text-decoration:none; }
.page-numbers { display:block; min-width:8vw; height:8vw; line-height:8vw; background:#eef3f9; text-align:center; margin:0 1.03vw; padding:0 2.56vw; font-size:3.59vw; color:#2e70b0; }
#page-nav .current { background:#2e70b0; font-size:3.07vw; color:#fff; }
#page-nav .dots { font-size:3.07vw; color:#2e70b0; }

@media screen and (min-width:900px){
#page-nav { padding:2.9vw 0 5.8vw; }
#page-nav a {}
#page-nav a:hover { background:#2e70b0; color:#fff; transition: all 1s; }
.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:1380px){
#page-nav { padding:40px 0 80px; }
#page-nav a {}
.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; }
}




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

#single-content { position:relative; z-index:1; }
#single-content .wp-block-image { margin:0 5.13vw; padding:0 0 10.25vw; }
#single-content .wp-block-image img { max-width:100%; height:auto; }
#single-content p { line-height:1.8; margin:0 3.85vw; padding:0 0 10.25vw; font-size:3.85vw; font-weight:400; }
#single-content p:not(:last-of-type) {}
#single-content .btn-detail { margin:0 auto; }

@media screen and (min-width:900px){
#single-content {}
#single-content .wp-block-image { text-align:center; margin:0 auto; padding:0 0 2.9vw; }
#single-content p { margin:0; padding:0 0 2.9vw; font-size:1.09vw; }
#single-content p:not(:last-of-type) {}
}
@media screen and (min-width:1380px){
#single-content {}
#single-content .wp-block-image { padding:0 0 40px; }
#single-content p { padding:0 0 40px; font-size:15px; }
#single-content p:not(:last-of-type) {}
}




#single-mainview { padding:0 5.13vw 7.69vw; }
#single-mainview img { width:100%; height:auto; }
#single-time-cat-wrap { position:relative; }
#archive-single-time { display:block; padding:0 5.13vw 7.69vw; font-size:3.85vw; color:#2e70b0; }
#archive-single-cat { position:absolute; top:0; right:5.13vw; }
#archive-single-cat a { display:flex; justify-content:center; align-items:center; height:7.69vw; background:#2e70b0; padding:0 4.1vw; font-size:3.07vw; color:#fff; text-decoration:none; }
#single-content-tit { line-height:1.3; border-bottom:1px #e7e7e7 solid; margin:0 5.13vw 10.25vw; padding:0 0 7.69vw; font-size:6.15vw; font-weight:600; }
#single-content .author { width:auto !important; text-align:right; margin:0 5.13vw 5.13vw; font-size:3.07vw; }

@media screen and (min-width:900px){
#single-mainview { padding:0 0 2.17vw; }
#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 { height:2.17vw; padding:0 1.45vw; font-size:0.87vw; }
#single-content-tit { margin:0 0 2.9vw; padding:0 0 2.17vw; font-size:1.74vw; }
#single-content .author { margin:0 0 2.17vw; font-size:0.87vw; }
}
@media screen and (min-width:1380px){
#single-mainview { padding:0 0 30px; }
#single-time-cat-wrap {}
#archive-single-time { padding:0 0 30px; font-size:14px; }
#archive-single-cat {}
#archive-single-cat a { height:30px; padding:0 20px; font-size:12px; }
#single-content-tit { margin:0 0 40px; padding:0 0 30px; font-size:24px; }
#single-content .author { margin:0 0 30px; font-size:12px; }
}




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

.main-select-archive { margin:0 0 10.3vw; padding: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:9.74vw; background:#2e70b0 url(../img/common/ico_arrow_down_whitek.webp) right 4.54% top 50% no-repeat; background-size:3.59vw auto; text-align:center; padding:0 5.13vw; font-size:3.85vw; color:#fff; 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; }
.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); overflow:hidden; }

@media screen and (min-width:900px){
.main-select-archive { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:center; margin:0 0 2.17vw; padding:1.45vw 0; }
.main-select-archive div { padding:0; }
.main-select-archive div:hover { opacity:0.7; transition: all 1s; }
.main-select-archive select { width:25.36vw; height:3.62vw; background-size:1.01vw auto; padding:0 1.45vw; font-size:1.01vw; }
.main-select-archive select:hover { cursor:pointer; }
.main-select-archive option {}
.main-select-archive #select { margin:0; }
}
@media screen and (min-width:1380px){
.main-select-archive { margin:0 0 30px; padding:20px 0; }
.main-select-archive div {}
.main-select-archive select { width:350px; height:50px; background-size:14px auto; padding:0 20px; font-size:14px; }
.main-select-archive option {}
.main-select-archive #select {}
}




/* ----------------------------------------------
 ! nav-prev-next
 ---------------------------------------------- */

#nav-prev-next { display:flex; flex-flow:row nowrap; justify-content:space-between; align-items:start; margin:0 5.13vw; padding:20.51vw 0 12.82vw; position:relative; }
.prev-next-box { width:40%; }
.prev-next-box a { display:block; font-size:3.33vw; color:#464646; text-decoration:none; }
.prev-next-box a:hover { opacity:0.7; }
#nav-prev {}
#nav-next { }
.prev-next-box dl { display:flex; flex-flow:column; }
#nav-prev dl {}
#nav-next dl {}
.prev-next-box dt { text-align:right; padding:0 0 5.13vw; }
.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:4.1vw; color:#2E70B0; font-weight:600; }
#nav-prev dd span { left:0; }
#nav-next dd span { right:0; }

@media screen and (min-width:900px){
#nav-prev-next { margin:0; padding:7.24vw 0 3.62vw; }
.prev-next-box { width:45%; }
.prev-next-box a { font-size:1.01vw; }
.prev-next-box a:hover {}
#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; padding:0; }
.prev-next-box dt img { width:10.1vw; height:10.1vw; }
.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.3vw; }
#nav-prev dd span {}
#nav-next dd span {}
}
@media screen and (min-width:1380px){
#nav-prev-next { padding:100px 0 50px; }
.prev-next-box {}
.prev-next-box a { font-size:14px; }
.prev-next-box a:hover {}
#nav-prev {}
#nav-next {}
.prev-next-box dl {}
#nav-prev dl {}
#nav-next dl {}
.prev-next-box dt { width: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:18px; }
#nav-prev dd span {}
#nav-next dd span {}
}




/*------------------------------------------------------------
  single other
------------------------------------------------------------*/

#single-sns-ul { display:flex; flex-flow:row nowrap; padding:10.25vw 5.13vw; }
#single-sns-ul li { width:25.12vw; list-style:none; }
#single-sns-ul li:not(last-oy-type) { margin:0 1.05vw 0 0; }
#single-sns-ul li a { display:block; }
#single-sns-ul li a img { width:100%; height:auto; }

@media screen and (min-width:900px){
#single-sns-ul { padding:2.9vw 0; }
#single-sns-ul li { width:7.1vw; }
#single-sns-ul li:not(last-oy-type) { margin:0 0.29vw 0 0; }
#single-sns-ul li a {}
#single-sns-ul li a img {}
}
@media screen and (min-width:1380px){
#single-sns-ul { padding:40px 0; }
#single-sns-ul li { width:98px; }
#single-sns-ul li:not(last-oy-type) { margin:0 4px 0 0; }
#single-sns-ul li a {}
#single-sns-ul li a img {}
}




#single-other { padding:0 5.13vw; }
#single-other h3 { border-left:0.77vw #2e70b0 solid; margin:0 0 5.89vw; padding:0 0 0 3.07vw; font-size:4.61vw; font-weight:600; letter-spacing:0.05em; }
#single-other ul { border-top:1px #e7e7e7 solid; }
#single-other li { display:flex; flex-flow:column nowrap; justify-content:center; align-items:start; border-bottom:1px #e7e7e7 solid; padding:6.15vw 0; }
#single-other li span { margin:0 0 3.33vw; font-size:3.33vw; }
#single-other li a { line-height:1.875; font-size:4.1vw; color:#2e70b0; text-decoration:none; }

@media screen and (min-width:900px){
#single-other { padding:2.9vw 0 0; }
#single-other h3 { border-left:0.21vw #2e70b0 solid; margin:0 0 1.66vw; padding:0 0 0 1.3vw; font-size:1.45vw; }
#single-other ul {}
#single-other li { flex-flow:row nowrap; justify-content:space-between; align-items:center; padding:2.17vw 0; }
#single-other li span { width:20%; margin:0; font-size:1.01vw; }
#single-other li a { width:80%; font-size:1.09vw; }
}
@media screen and (min-width:1380px){
#single-other { padding:40px 0 0; }
#single-other h3 { border-left:3px #2e70b0 solid; margin:0 0 23px; padding:0 0 0 18px; font-size:20px; }
#single-other ul {}
#single-other li { padding:30px 0; }
#single-other li span { font-size:14px; }
#single-other li a { font-size:15px; }
}




/*------------------------------------------------------------
  single case
------------------------------------------------------------*/

#case-before-after { background:#eef3f9; padding:5.13vw; }
#tab-before-after { display:flex; flex-flow:row nowrap; margin:0 0 6.92vw; }
#tab-before-after li { display:flex; justify-content:center; align-items:center; width:50%; height:12.82vw; background:#fff; font-size:4.1vw; color:#2e70b0; font-weight:600; letter-spacing:0.05em; position:relative; }
.is-active { background:#2e70b0 !important; color:#fff !important; }
.is-active:after { content:""; position:absolute; bottom:-2vw; left:calc(50% - 1.92vw); width:0; height:0; border-style:solid; border-width:2.3vw 1.92vw 0 1.92vw; border-color:#2E70B0 transparent transparent transparent; }
#box-before-after { background:#fff; }
#box-before-after figure { display:none; }
.is-show { display:block !important; }
#box-before-after figure img { width:100%; height:auto; }

@media screen and (min-width:900px){
#case-before-after { padding:1.23vw; }
#tab-before-after { margin:0 0 1.95vw; }
#tab-before-after li { height:4.35vw; font-size:1.3vw; cursor:pointer; }
#tab-before-after li:hover { cursor:pointer; }
.is-active:after { bottom:-0.65vw; left:calc(50% - 0.58vw); border-width:0.72vw 0.58vw 0 0.58vw; }
#box-before-after {}
#box-before-after figure {}
#box-before-after figure img {}
}
@media screen and (min-width:1380px){
#case-before-after { padding:17px; }
#tab-before-after { margin:0 0 27px; }
#tab-before-after li { height:60px; font-size:18px; }
.is-active:after { bottom:-9px; left:calc(50% - 8px); border-width:10px 8px 0 8px; }
#box-before-after {}
#box-before-after figure {}
#box-before-after figure img {}
}