#BLOG.archive .container{max-width:1050px;padding:0 25px clamp(50px,10vw,100px);margin:clamp(50px,10vw,100px) auto;display:grid;grid-template-columns:2.8001fr 1fr;gap:0 clamp(25px,5vw,50px)}#BLOG.archive .container .panel-group{grid-column:1;grid-row:1/3}#BLOG.archive .container .panel-group .panel{display:none}#BLOG.archive .container .panel-group .panel.is-show{display:block;min-height:900px}#BLOG.archive .container .panel-group .panel ul.grid_box{display:grid;grid-template-columns:repeat(2,1fr);column-gap:min(3vw,25px);justify-content:space-between;transition:all .5s ease-in-out}#BLOG.archive .container .panel-group .panel ul.grid_box li{margin:0 0 clamp(30px,5vw,50px) 0;transition:all .2s linear}#BLOG.archive .container .panel-group .panel ul.grid_box li.is-hidden{opacity:0;height:0;margin:0;overflow:hidden}#BLOG.archive .container .panel-group .panel ul.grid_box li h2{font-size:clamp(14px,1.8vw,18px);margin:clamp(10px,1vw,20px) 0 clamp(5px,1vw,10px) 0}#BLOG.archive .container .panel-group .panel ul.grid_box li p{font-size:clamp(12px,1.6vw,16px)}#BLOG.archive .container .panel-group .panel.is-show+.btn_more{display:block !important}#BLOG.archive .container .panel-group .more_btn,#BLOG.archive .container .panel-group .more_btn2{font-size:16px;width:clamp(200px,13vw,250px);display:block;margin:0 auto;border-radius:25px;padding:14px 0;border:none;background:#efefef;text-align:center;transition:all .2s linear}#BLOG.archive .container .panel-group .more_btn:hover,#BLOG.archive .container .panel-group .more_btn2:hover{cursor:pointer;opacity:.6}#BLOG.archive .container .category_box{grid-column:2;grid-row:1;background:#efefef;padding:clamp(15px,2vw,30px);margin:0 0 clamp(30px,3vw,50px) 0}#BLOG.archive .container .category_box h2{font-size:clamp(16px,2vw,20px);text-align:center;border-bottom:1px solid #d4cece;padding:0 0 20px;margin:0 0 clamp(20px,3vw,30px) 0}#BLOG.archive .container .category_box li{display:inline-block;background:#fff;padding:0 10px;margin:0 2px 7px;font-size:clamp(14px,1.6px,16px);cursor:pointer;border-radius:3px}#BLOG.archive .container .category_box li.is-active{background:#010204;color:#fff}#BLOG.archive .container .category_box li ul li span{font-size:clamp(14px,1.6vw,16px)}#BLOG.archive .container .rank_list{grid-column:2;grid-row:2/4}#BLOG.archive .container .rank_list h2{text-align:center;font-size:clamp(16px,2vw,20px);border-bottom:1px solid #d4cece;padding:0 0 20px;margin:0 0 clamp(30px,4vw,40px) 0}#BLOG.archive .container .rank_list span.rank-count{position:absolute;background:#000;width:24px;height:24px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:space-around;font-size:10px;top:-12px;left:-12px}#BLOG.archive .container .rank_list ul li .left_box{width:clamp(55px,7vw,70px)}#BLOG.archive .container .rank_list ul li .right_box{font-size:clamp(11px,1.2vw,12px);padding:0 0 0 10px;width:calc(100% - clamp(55px,7vw,70px));margin:0}#BLOG.archive .container .rank_list ul li a{display:flex;justify-content:space-between;align-items:center;margin:0 0 10px;border-bottom:1px solid #d4cece;padding:0 0 10px;position:relative}#BLOG.archive .container .rank_list ul li a:last-child{border:none}#BLOG.archive .container .rank_list ul li a p.ttl_box{font-size:clamp(12px,1.4vw,14px);font-weight:700}#BLOG.archive .container .rank_list ul li a p{font-size:clamp(10px,1.2vw,12px)}#BLOG.archive .container .rank_list ul li a img{display:block;height:auto}#BLOG.single .container{max-width:1050px;padding:0 25px clamp(50px,10vw,100px);margin:clamp(50px,10vw,100px) auto}#BLOG.single .container .ttl_box{display:grid;grid-template-columns:1fr 100px;border-bottom:1px solid #707070;padding:0 0 10px;margin:0 0 clamp(20px,5vw,50px) 0}#BLOG.single .container .ttl_box .title_post{font-size:clamp(20px,2.4vw,24px);font-weight:500;grid-column:1;grid-row:1}#BLOG.single .container .ttl_box .date_time_post{font-size:clamp(12px,1.4vw,14px);font-weight:400;grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:flex-end}#BLOG.single .container .prev_next{max-width:900px;margin:clamp(50px,10vw,100px) auto 0;display:grid;grid-template-columns:1fr clamp(180px,2vw,210px) 1fr;gap:30px 0;align-items:center}#BLOG.single .container .prev_next div.btn_prev{grid-column:1;grid-row:1}#BLOG.single .container .prev_next div.btn_prev a{padding:0 0 0 30px;position:relative}#BLOG.single .container .prev_next div.btn_prev a:before{position:absolute;content:"";left:0;width:22px;height:22px;background:url(//template.bluesound.jp/wp-content/themes/template2023/assets/css/../images/arrow_prev_next.png) no-repeat center left/22px auto}#BLOG.single .container .prev_next div.btn_list{grid-column:2;grid-row:1;display:flex;justify-content:center}#BLOG.single .container .prev_next div.btn_list a{display:flex;justify-content:center;align-items:center;width:clamp(180px,2vw,210px);height:46px;border-radius:30px;font-size:clamp(12px,1.5vw,15px);color:#2a2c2c;background:#d5d5d5;transition:all .4s ease}#BLOG.single .container .prev_next div.btn_next{grid-column:3;grid-row:1;display:flex;justify-content:flex-end;align-items:flex-end}#BLOG.single .container .prev_next div.btn_next a{padding:0 30px 0 0;position:relative}#BLOG.single .container .prev_next div.btn_next a:before{position:absolute;content:"";right:0;width:22px;height:22px;background:url(//template.bluesound.jp/wp-content/themes/template2023/assets/css/../images/arrow_prev_next.png) no-repeat center right/22px auto;transform:rotate(180deg)}@media screen and (max-width:640px){#BLOG.archive .container{grid-template-columns:repeat(1,1fr);gap:clamp(25px,5vw,50px) 0}#BLOG.archive .container .panel-group{grid-row:2;grid-column:1}#BLOG.archive .container .category_box{grid-row:1;grid-column:1;margin:0}#BLOG.archive .container .rank_list{grid-row:3;grid-column:1;margin:70px 0 0}}@media screen and (max-width:480px){#BLOG.archive .container{flex-direction:column-reverse}#BLOG.archive .container .panel-group{width:100%}#BLOG.archive .container .panel-group ul{grid-template-columns:repeat(1,1fr)}#BLOG.single .container .ttl_box{grid-template-columns:1fr;border-bottom:none;padding:0}#BLOG.single .container .ttl_box .title_post{grid-column:1;grid-row:1;border-bottom:1px solid #707070;padding:0 0 5px}#BLOG.single .container .ttl_box .date_time_post{grid-column:1;grid-row:2;padding:5px 0 0}#BLOG.single .container .prev_next{grid-template-columns:repeat(1,1fr) 1fr}#BLOG.single .container .prev_next div.btn_prev{grid-column:1;grid-row:1}#BLOG.single .container .prev_next div.btn_next{grid-column:2;grid-row:1}#BLOG.single .container .prev_next div.btn_list{grid-column:1/3;grid-row:2}}