@charset "utf-8";
  html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,q,pre,table,caption,colgroup,col,tbody,thead,tfoot,tr,th,td,ul,ol,li,dl,dt,dd,form,fieldset,legend,label,span,a,img,em,ins,del,cite,abbr,sup,sub,dfn,code,var,samp,kbd,object,script,noscript,style,iframe,embed,param,map,area,menu,hr,address,small,strong,i,b,article,aside,figure,footer,header,hgroup,nav,section,figcaption,time,video,audio,mark,ruby,rt,rp,bdo,source,canvas,details,summary,command,datalist,keygen,output,progress,meter{margin:0;padding:0;outline:0;}
address,article,aside,figure,figcaption,footer,header,hgroup,hr,legend,menu,nav,section,summary{display:block;}
h1,h2,h3,h4,h5,h6{font-size:100%;} body{
color:#fff;
line-height:1.5;
font-size:100%; font-family:"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
font-weight: 500;
word-break:break-all;
background: #0D253A;
--neon-border-color: #08f;
}
@media screen and (orientation:landscape){
body{
-webkit-text-size-adjust:100%;
}
} a:link{color:#0070ad;text-decoration:underline;}
a:visited{color:#865d86;text-decoration:underline;}
a:hover{color:#288ec6;text-decoration:none;} img{border:none;max-width:100%;}
p{margin:0 0 1.5rem 0;}
hr{border:none;border-top:1px solid #ccc;margin:3rem auto;clear:both;}
table{empty-cells:show;border:none;border-collapse:collapse;max-width:100%;}
.cover-img img{width: 100%; height: 100%; object-fit: cover; vertical-align: top;} .smaller{font-size:75%;} .larger{ display: inline-block;font-size:175%; margin:0 0.25rem;} .bold{font-weight:bold;}
.normal{font-weight:normal;}
.red{color:#f00;}
.gray{color:#666;}
.t_orange{color:#E27B30;}
.highlight{background:-webkit-gradient(linear, left top, left bottom, from(#ffec95), to(#ffec95));background:linear-gradient(transparent 55%, #ffec95 55%);} li{list-style:none;}
ul.list_mark{margin-bottom:1.5rem;}
ul.list_mark li{list-style:disc;margin-left:1.5em;}
ol.list_mark{margin-bottom:1.5rem;}
ol.list_mark li{list-style:decimal;margin-left:1.5rem;}
dl.dl_default{margin-bottom:1.5rem;}
dl.dl_default dt{font-weight:bold;}
dl.dl_default dd{margin-left:1em;} .ac{text-align:center;}
.al{text-align:left;}
.ar{text-align:right;}
.vam{vertical-align:middle;}
.vat{vertical-align:top;} .fl{float:left;}
.fr{float:right;}
.cl{clear:both;} .ma{margin-right:auto;margin-left:auto;}
.ml{margin-left:1rem;}
.mr{margin-right:1rem;}
.mb{margin-bottom:1rem;}
.mb0{margin-bottom:0;}
.mb-s{	margin-bottom: 2.5rem;}
.mb-m{	margin-bottom: 3.75rem;}
.mb-l{	margin-bottom: 7rem;}
.mt-s{	margin-top: 2.5rem;}
.mt-m{	margin-top: 3.75rem;}
.mt-l{	margin-top: 7rem;}
@media print, screen and (max-width: 639px){
.mb-s{	margin-bottom: 1.75rem;}
.mb-m{	margin-bottom: 2.75rem;}
.mb-l{	margin-bottom: 4rem;}
.mt-s{	margin-top: 1.75rem;}
.mt-m{	margin-top: 2.75rem;}
.mt-l{	margin-top: 4rem;}
}
.p-both-s{
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.p-both-m{
padding-top: 5rem;
padding-bottom: 5rem;
}
.p-both-l{
padding-top: 7rem;
padding-bottom: 7rem;
} .fade:hover{opacity:0.8;transition:0.2s;} .trg{
cursor:pointer;
} .bg_light{
background-color: #0E2F48;
}
.flex{ 
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
} #header{
width: 100%;
display: flex;
justify-content:space-between;
align-items: center;
line-height: 1.0;
z-index: 99;
top: 0;
left: 0;
}
.header_wrap{
width: 100%;
justify-content: flex-end;
}
#header_logo_wrap{
width:12rem;
margin: 0.5rem;
}
.header_wrap a{
color: #fff;
text-decoration: none;
margin-left: auto;
}
#header.nav_fixed {
position: fixed;
} #logo01{
}
.home #header{
position: absolute;
}
.home #header.nav_fixed {
position: fixed;
}
.home #header_logo_wrap,
.home #sp_nav_trg{
display: none;
}
.home #header.nav_fixed #header_logo_wrap,
.home .nav_fixed #sp_nav_trg{
display: block;
}
.site_description{
display: block;
width: 100%;
text-align: center;
position: relative; z-index: 100;
font-size: 0.75rem;
letter-spacing: 1px;
margin-bottom: 0;
padding: 0.5rem 0;
}
@media print, screen and (min-width: 640px){
#header_logo_wrap{
width:13rem;
margin: 0.5rem;
}
.home .nav_fixed #sp_nav_trg{
display: none;
}
.site_description{
position: absolute;
top: 0.75rem;
padding: 0;
}
} #sp_nav_trg{
width: 4rem;
padding: 1rem 0;
margin-left: auto;
font-size: 125%;
text-align: center;
background: rgba(0,0,0,0.2);
}
#sp_nav_trg::after{
content: "SEARCH";
display: block;
font-size: 0.5rem;
margin-top: 0.5rem;
}
@media print, screen and (min-width: 980px){
#sp_nav_trg{
display: none;
}
} #pc_nav{
display: none;
}
@media print, screen and (min-width: 980px){
#header{ }
.home #header{ 
background: none;
}
.home .header_wrap{
justify-content: flex-end;
}
#header_logo_wrap{
display: block;
max-width: 13rem;
}
#pc_nav{
display: block; text-align: center;
}
.header_wrap{
width: 100%;
max-width: 1280px;
margin: 0 auto;
justify-content: space-between;
}
#pc_nav li{
display: inline-block;
}
#pc_nav a{
display: block;
padding: 1rem 1.5rem;
text-decoration: none;
color: #fff;
transition: 0.2s;
}
#pc_nav a:hover{
background: rgb(0 0 0 / 50%);
}
#pc_nav .icon{
display: inline-block;
margin-left: 0.5rem;
}
} #sp_nav{
display: none;
width: 100%;
} #sp_nav_close_top{
float: right;
font-size: 200%;
padding: 1rem 0.5rem;
}
#sp_nav_close_bottom{
max-width: 60%;
margin: 0 auto;
text-align: center;
border-radius: 3px;
background: #bcdeff;
padding: 1rem 0;
} #sp_nav ul{
clear: both;
border-top: 1px solid #000;
margin-bottom: 2rem;
}
#sp_nav li{
border-bottom: 1px solid #000;
}
#sp_nav li a{
display: block;
padding: 1rem;
} #footer{
background: #041321;
}
#footer #f_logo{
max-width: 55%;
margin: 0 auto;
}
#footer #youtube_logo{
max-width: clamp(5rem, 3.409rem + 7.95vw, 9.375rem);
margin: 1rem auto;
}
#footer #f_banner{
max-width: 200px;
margin: 0.5rem auto 0;
} #footer_link li{
border-bottom: 1px solid #000;
}
#footer_link li a{
display: block;
padding: 1rem;
}
@media print, screen and (min-width: 640px){
#footer #f_logo{
max-width: 14rem;
}	
}
@media print, screen and (min-width: 980px){
#footer_link{
text-align: center;
}
#footer_link li{
border-bottom: none;
display: inline-block;
}
#footer #f_logo{
max-width: 18rem;
}
#footer #f_banner{
max-width: 220px;
}
} #cpr{
text-align: center;
padding: 0.5rem 0;
font-size: 0.875rem;
}  #main{
margin: 0;
}
.single #main,
.search #main{
margin: 2rem 0 0;
}
.section{ overflow: hidden;
}
.section,.section_wide{
padding-left: 1.25rem;
padding-right: 1.25rem;
}
@media print, screen and (min-width: 500px){
.section,.section_wide{
padding-left: 4rem;
padding-right: 4rem;
}
}
@media print, screen and (min-width: 960px){
.single #main,
.search #main{
margin: 3rem 0 0;
}
.section,.section_wide{
padding-left: 2rem;
padding-right: 2rem;
}
.section{
max-width: 960px;
margin-left:auto;
margin-right:auto;
}
.section_wide{
max-width: 1120px;
margin-left:auto;
margin-right:auto;
}
} #path{
font-size: 75%;
background: #efefef;
padding: 0.5rem;
} #mv{
background: #f00;
text-align: center;
font-size: 150%;
} .h01{
font-size: 175%;
}
.h02{
font-size: 1.75rem;
}
.neon{
--interval: 2s;
color: #ffffff;
text-shadow: 0 0 10px var(--color1), 0 0 20px var(--color2), 0 0 40px var(--color3), 0 0 80px var(--color4);
will-change: filter, color;
-webkit-filter: saturate(60%);
filter: saturate(60%); --color1: #53aaeb;
--color2: #65bfff;
--color3: #122085;
--color4: #051625;
}
.h03{
font-size: 1.5rem;
}
.sub_title{
font-size: 0.825rem;
font-weight: 300;
text-indent: 8px;
letter-spacing: 8px;
}
@keyframes flicker {
50% {
color: white;
filter: saturate(200%) hue-rotate(20deg);
}
}
@media print, screen and (min-width: 960px){	
.h02{
font-size: 2.25rem;
}
.h03{
font-size: 1.5rem;
}
.sub_title{
font-size: 1.25rem;
font-weight: 300;
text-indent: 8px;
letter-spacing: 8px;
}
} .btn{
display: block;
border-radius: 1rem;
text-align: center;
background: #216EA1;
transition: 0.2s;
text-decoration: none;
color: #fff;
padding: 0.5rem 3rem;
border-bottom: 8px solid rgba(0,0,0,0.7);
box-sizing: border-box;
}
a.button:hover{
background: #bcdeff;
}
input.button{
display: inline-block;
border-radius: 5px;
border: none;
text-align: center;
background: #abcdef;
transition: 0.2s;
text-decoration: none;
color: #fff;
padding: 0.8rem 3rem;
}
input.button_submit{
font-size: 125%;
background: #f90;
}
input.button_cancel{
font-size: 87.5%;
background: #ccc;
} .ta{
width: 100%;
margin-bottom: 2rem;
}
.ta th{
border: 1px solid #ccc;
background: #efefef;
text-align: left;
padding: 0.5rem;
width: 30%;
}
.ta td{
padding: 0.5rem;
border: 1px solid #ccc;
} input,textarea,select{
font-family:Meiryo, sans-serif;
font-size: 100%;
}
input, select {
-webkit-appearance: none;
appearance: none;
}
input[type=button],input[type=submit],input[type=cancel],textarea{
-webkit-appearance:none;
}
input[type=button],input[type=submit],input[type=cancel],input[type=file], select,label{
cursor: pointer;
}
input::placeholder{ color: #ccc;
font-size: 87.5%;
}
input, select {
-webkit-appearance: none;
appearance: none;
border: 1px solid #000;
border-radius: 0px;
}
select{
position: relative;
z-index: 0;
}
.select {
display: block;
position: relative;
vertical-align: middle;
}
.select select {
width: 100%;
appearance: none;
padding:1rem;
border: none;
outline: 0;
background: #fff;
background-image: none;
box-shadow: none;
text-indent: 0.01px;
text-overflow: ellipsis;
cursor: pointer;
}
.select::before {
display: block;
position: absolute;
top: 50%;
right: 1rem;
width: 0;
height: 0;
border-width: 0.75rem 0.5rem 0 0.5rem;
border-style: solid;
border-color: #696969 transparent transparent transparent;
content: "";
pointer-events: none;
z-index: 99;
transform: translateY(-50%);
}
.textbox{ border: 1px solid #999;
padding: 3px;
margin: 1px;
box-shadow: 1px 1px 5px rgba(0,0,0,0.1) inset;
}
.required{ color: #f00;
font-weight: normal;
font-size: 75%;
}
.note{ color: #999;
font-size: 87.5%;
} .submit_area{
text-align: center;
margin: 2rem 0;
}
.submit_area .button{
display: block;
margin: 0 auto 3rem auto;
} div.error{
color: #f00;
font-weight: bold;
}
td.error{
background: #ffd;
}  #main-img{
background: url(//pachinkolabo.com/wp-content/themes/pachinko-labo/share/img/main.jpg) no-repeat center / cover;
text-align: center;
padding:2rem 0;
}
#main-img::before {
content: "";
display: block;
width: 100%;
height: 2rem;
border: 0.2rem solid #fff;
position: absolute;
left: 0;
top: -1.8rem;
animation: flicker 1.5s infinite alternate;
box-sizing: border-box;
}
#main-img .main_wrap{
position: relative;
max-width: 1256px;
margin: 0 auto;
padding: 0 2rem;
}
#main-img .main_wrap .main_img{
width: 100%;
margin-top: 0;
position: relative;
}
#main-img .main_wrap .main_img_h{
width: 100%;
position: relative;
}
#main-img .main_h_wrap{
margin-bottom: 1rem;
flex-flow: column-reverse;
}
#main-img .main_ph_wrap{ }
#main-img .main_ph_wrap .main_ph{
width: calc(100% / 3 - 1rem);
position: relative;
}
#main-img .main_wrap .total_count{
width: auto; background: url(//pachinkolabo.com/wp-content/themes/pachinko-labo/share/img/bg_total.png) no-repeat center / contain;
color: #fff;
box-sizing: border-box;
position: absolute;
right: 3%;
bottom: 23%;
}
#main-img .main_wrap .total_count a{
display: flex;
flex-flow: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding:10% 1rem;
color: #fff;
text-decoration: none;
}
#main-img .main_wrap .total_count .larger{
display: block;
width: 85%;
font-size: 155%;
font-weight: bold;
line-height: 1;
letter-spacing: 0;
}
.main_img_h::before{
content: "";
display: inline-block;
background: url(//pachinkolabo.com/wp-content/themes/pachinko-labo/share/img/mv_t_ornament.png) no-repeat top / contain;
width: 6rem;
height: 100%;
position: absolute;
top: -1rem; left: 0;
transform: scale(-1, 1);
}
.main_img::before{
content: "";
display: inline-block;
width: 4rem; height:4rem;
background: url(//pachinkolabo.com/wp-content/themes/pachinko-labo/share/img/mv_main_ornament.png) no-repeat top / contain;
position: absolute;
top: -1rem; left: -1rem;
}
.main_wrap::after{
content: "";
background: url(//pachinkolabo.com/wp-content/themes/pachinko-labo/share/img/mv_ornament.png) no-repeat top / contain;
display: block;
position: absolute;
bottom: 0; right: 0;
width: 3rem; height: 90%;
z-index: 1;
}
@media print, screen and (min-width: 640px){
#main-img{
padding:4rem 0 2rem;
}
#main-img .main_wrap{
padding: 0 2rem;
}
#main-img .main_wrap .main_img{
width: 50%;
margin-top: 0;
}
#main-img .main_wrap .main_img_h{
margin: 0;
width: calc(50% - 2rem);
}
#main-img .main_wrap .total_count{
font-size: 1.25rem;
}
#main-img .main_wrap .total_count .larger{
font-size: 170%;
}
#main-img .main_ph_wrap{ }
#main-img .main_ph_wrap .main_ph{
width: calc(100% / 4 - 1rem);
}
#main-img .main_wrap .total_count{
width: calc(100% / 4 - 1rem);
position: inherit;
}
#main-img .main_h_wrap{
flex-flow: row;
}
.main_img::before{
width: 6rem; height:6rem;
top: -2rem; left: -2rem;
}
.main_wrap::after{
width: 4rem;
height: 100%;
background-position: bottom;
bottom: 0; right: 0;
}
.main_img_h::before{
width: 9rem;
height: 100%;
top: -2rem; left: inherit; right: -1rem;
transform: scale(1, 1);
}
}
@media print, screen and (min-width: 960px){
#main-img .main_wrap .total_count .larger{
font-size: 240%;
}
} .catch_wrap{
gap:0 4rem;
flex-flow: column-reverse;
}
.catch_wrap .t{
font-size: 1rem;
line-height: 1.75;
}
.catch_wrap .img_wrap{
width: 85%;
margin: 0 auto;
}
.catch_wrap .text_wrap{
width: 90%;
margin: 0 auto 2rem;
}
@media print, screen and (min-width: 640px){
.catch_wrap{
flex-flow: row;
}
.catch_wrap .t{
font-size: 1.125rem;
}
.catch_wrap .img_wrap{
flex: 1;
width: auto;
}	
.catch_wrap .text_wrap{
width: 50%;
margin: 0;
}
} .bg_youtube{
background: url(//pachinkolabo.com/wp-content/themes/pachinko-labo/share/img/bg_youtube.jpg) no-repeat center / cover;
}
.bg_youtube a{
display: block;
width: calc(100% - 2rem);
margin: 0 auto;
}
@media print, screen and (min-width: 640px){
} .pick-up_wrap{
justify-content: flex-start;
align-items: flex-start;
gap:2rem;
}  .pick-up_wrap a{
color: #fff;
text-decoration: none; 
display: flex;
flex-wrap: wrap;
align-items: center;
}
.pick-up_box{
display: block;
width: 100%;
padding-top: 0.25rem;
position: relative;
z-index: 0;
}
.pick-up_box .thumbnail{
width: 35%;
height: 6rem;
border: 3px solid #fff;
margin-bottom: 0;
position: relative;
top: -3px;
}
.pick-up_box .text_wrap{
width: 100%;
flex: 1;
margin-left: 1rem;
}
.pick-up_box .h_wrap{
width: 100%;
margin-bottom:0.25rem;
display: flex;
flex-flow: column;
justify-content: flex-end;
min-height: 3.5rem;
}
.pick-up_box .h_wrap .h03{
font-size: 1.25rem;
letter-spacing: 1px;
}
.pick-up_box .sub_title{ font-weight: bold;
text-indent: 4px;
font-size: 1rem;
}
.pick-up_box .post_slug{
display: none;
}
.pick-up_box .pick-up_btn .btn_t::before{
display: inline-block;
content: "MORE";
}
.pick-up_box .icon{
display: inline-block;
margin-left: 0.5rem;
}
.detail_list{	
width: 100%;
font-size: 1rem;
}
.list_group{
width: 100%;
justify-content: flex-start;
align-items: center;
border-bottom: 1px solid #555;
padding-bottom: 0.5rem;
margin-bottom: 0.5rem;
}
.detail_list dt{
max-width: 4rem;
width: 100%;
margin-right: 1rem;
color: #fff;
text-align: center;
padding: 0 0.5rem;
border-radius: 0.5rem;
}
.detail_list dd{
flex: 1;
}
@media print, screen and (max-width: 639px){ .pick-up_box .h_wrap .h03{
font-size: 1.125rem;
}
.pick-up_box .text_img_wrap{
margin-bottom: 0.75rem;
align-items: center;
position: relative;
padding-right: 1.7rem;
}
.pick-up_box .text_img_wrap .detail_list{
font-size: 0.875rem;
}
.pick-up_box .text_img_wrap .detail_list div:not(:last-of-type){
margin-bottom: 0.25rem;
}
.pick-up_box .text_img_wrap .detail_list dt{
margin-right: 0.75rem;
text-align: left;
background: none;
padding: 0;
}
.pick-up_box .btn{
font-size: 0.75rem;
margin-left: auto;
margin-right: auto;
margin-top: 1rem;
margin-bottom: 1rem;
padding: 0.125rem 0.25rem;
margin: 0;
position: absolute; border-bottom: none;
border-radius: 0;
top: 0; right: 0;		
height: 55%;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
letter-spacing: 5px;
line-height: 1; opacity: 0.8;
}
.pick-up_box .pick-up_btn .btn_t::before{
content: "";
}
.pick-up_box .icon{
margin-left: 0;
}
}
@media print, screen and (min-width: 640px){
.pick-up_wrap{
gap:3rem;
}
.pick-up_box{
width: calc(100% / 2 - 2rem);
padding-top: 0;
}
.pick-up_box .thumbnail{
width: 70%;
height: 120px;
border: 3px solid #fff;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.pick-up_box .text_wrap{
width: 100%;
margin-left: 0;
flex: initial;
}
.pick-up_box .pick-up_btn{
margin-bottom: calc(0.5rem + 8px);
transition: 0.5s;
}
.pick-up_box .pick-up_btn .btn_t::before{
content: "詳細はこちらから";
}
.pick-up_box:hover .btn{
background-color: #154a6d;
}
.pick-up_box .h_wrap{
width: 100%;
margin-top: 0.5rem;
margin-bottom:0.5rem;
text-align: center;
justify-content: center;
min-height: 5rem;
}
.pick-up_box .post_slug{
display: block;
color: #999;
font-size: 0.875rem;
letter-spacing: 1px;
}
.detail_list{
font-size: 1rem;
}
.list_group dt{
max-width: 5rem;
width: 100%;
}
.list_group{
margin-bottom: 0.75rem;
align-items: center;
}
}
@media print, screen and (min-width: 960px){
.pick-up_box{
width: calc(100% / 3 - 2rem);
}
} .search_area{
}
.count_wrap{
font-weight: bold;
justify-content: center;
align-items: flex-end;
margin-bottom: 2rem;
}
.count_wrap .h_wrap{
width: 100%;
text-align: center;
margin-bottom: 2rem;
}
.search_area .h02{
font-size: 1.25rem;
}
.count_wrap .keyword_h{
text-align: center;
font-size: 1.25rem;
margin-bottom: 0.75rem;
}
.count_wrap .key_h{
display: inline-block;
text-align: center;
margin-bottom: 0.5rem;
margin-right: 0.5rem;
}
.count_wrap .key_h::after{
content: ":";
display: inline-block;
margin: 0 0.25rem;
}
.count_wrap .search_keyword{
width: 100%;
font-weight: 500;
text-align: left;
margin-bottom: 1rem;
}
.count_wrap .search_keyword .key_tag {
display: inline;
padding: 0 0 0.25rem 0;
border-bottom: 1px dashed;
margin: 0.25rem;
font-weight: bold;
}
.count_wrap .search_keyword p{
text-align: left;
margin-bottom: 0;
}
.count_wrap .search_keyword p:not(:last-of-type){
margin-bottom: 0.5rem;
}
.count_wrap .count_t{
font-size: 1rem;
font-weight: 500;
line-height: 1;
margin-left: auto;
}
.count_wrap .count_t .t_orange{
display: inline-block;
margin-left: 0.5rem;
}
.search .count_wrap .larger{
font-size: 1.5rem;
}
.search_wrap{
display: flex;
justify-content: center;
align-items: inherit;
}
.search_area .h_wrap{
justify-content: center;
}
input#search_box{
width: 100%;
max-width: 720px;
flex: 1;
padding: 1rem 1.5rem;
}
button#search_submit{
width: 5rem; height: 4rem;
color: #fff;
background-color: #E27B30;
border: none;
box-sizing: border-box;
cursor:pointer;
}
@media (max-width: 649px) {
input#search_box{
padding: 0.5rem 1.5rem;
}
button#search_submit{
width: 4rem; height: 3rem;
}	
}
.all_list .h03{
margin-bottom: 1.5rem;
}
.filter_list{ 
font-weight: bold;
margin-bottom: 3rem;
gap:2rem;
justify-content: flex-start;
}
.filter_list input[type="checkbox"]{
display: none;
}
.filter_list input[type="checkbox"]:checked + label {
background: #E27B30; color: #ffffff; }
.filter_list label{
display: block;
width: 100%;
height: 100%;
padding: 1rem 0.25rem;
box-sizing: border-box;
color: #333;
font-size: 0.75rem;
text-align: center;
background: #fff;
}
.year_list.sp_list{
display: block;
width: 85%;
margin: 0 auto 4rem;
}
.year_list.pc_list{
display: none;
}
.year_list li{
width: calc(100% / 4 - 2rem);
}
.maker_list{ 
font-weight: bold;
gap:1rem;
justify-content: flex-start;
}
.maker_list li{
width: calc(100% / 3 - 0.5rem - 3px);
}
.more {  text-align: center;
position: relative;
z-index: 0;
}
.more .text{
display: inline-block;
background: #0D253A;
padding: 0.25rem 1.5rem;
box-sizing: border-box;
position: relative;
z-index: 1;
}
.more::before{
content: "";
display: block;
width: 80%;
border: 1px solid #888;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.more .text::after{
content: "-";
display: inline-block;
font-size: 1rem;
margin-left: 1rem;
width: 1.5rem; height: 1.5rem;
background: #E27B30;
position: relative;
z-index: 1;
}
.more.closed .text::after{
content: "+";
}
@media (max-width: 649px) {
.all_list .h03{
font-size: 1.25rem;
margin-bottom: 0.75rem;
}
}  #filter_submit{
display: inline-flex;
justify-content: center;
align-items: center;
width: 60%; font-size: 1rem;
text-align: left;
color: #fff;
font-weight: bold;
line-height: 1.4;
background: #E27B30;
padding: 1rem 0.75rem;
border: none;
cursor:pointer;
}
.search_area .btn_wrap{
justify-content: space-between;
align-items: normal;
}
#filter_reset{
width: 35%; padding: 1rem 0.5rem;
color: #888;
background: #fbfbfb;
font-weight: bold;
}
#filter_submit .pc-show{
display: none;
}
#filter_submit .icon{
margin-left: 0.5rem;
}
@media print, screen and (min-width: 640px){
.search_area .h02{
font-size: 1.75rem;
}
.count_wrap{
font-weight: bold;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 4rem;
}
.count_wrap .keyword_h{
font-size: 1rem;
margin-right: 1rem;
text-align: left;
margin-bottom: 0;
}
.count_wrap .key_h{
display: inline-block;
text-align: left;
margin-bottom: 0;
margin-right: 0;
}
.count_wrap .key_h::after{
content: ":";
display: inline-block;
margin: 0 0.25rem;
}
.count_wrap .search_keyword p:not(:last-of-type){
margin-bottom: 0;
}
.count_wrap .search_keyword{
display: flex;
flex-wrap: wrap;
width: 65%;
align-items: flex-end;
row-gap: 1rem;
text-align: left;
margin-bottom: 0;
}
.count_wrap .search_keyword .key_tag {
margin: 0 0.5rem 0.75rem;
}
.count_wrap .h_wrap{
width: auto;
text-align: left;
margin-bottom: 0;
}
.count_wrap .count_t{
font-size: 1rem;
line-height: 1;
margin-right: 0;
}
.search .count_wrap .larger{
font-size: 1.5rem;
}
}
@media print, screen and (min-width: 960px){
.filter_list label{
font-size: 1rem;
}
.year_list.sp_list{
display: none;
}
.year_list.pc_list{
display: flex;
}
.maker_list{ 
gap:1.5rem;
}
.maker_list li{
width: calc(100% / 6 - 1.5rem);
}
.search_area .btn_wrap{
justify-content: center;
column-gap: 5%;
}
#filter_submit{ width: auto;
padding: 1rem 4rem;
font-size: 1.25rem; }
#filter_submit .pc-show{
display: inline;
}
#filter_reset{
width: 25%;		
margin-bottom: 0;  }
#filter_submit .icon{
margin-left: 1.5rem;
}
} .pachinko_single .h_wrap{
justify-content: flex-start;
column-gap: 0.5rem;
flex-flow: column;
padding-bottom: 0.5rem;
border-bottom: 0.25rem solid;
}
.pachinko_single .h_wrap .h01{
text-align: left;
}
.pachinko_single .h_wrap .sub_title{
font-size: 1.5rem;
}
.pachinko_single .post_slug{
width: 100%;
font-size: 1rem;
font-weight: bold;
text-align: right;
letter-spacing: 2px;
text-indent: 3px;
color: #0bf1f2;
color: #0d253a;
-webkit-text-stroke: 1px #0bf1f2;
}
@media print, screen and (max-width: 639px){
.pachinko_single .h_wrap{
position: relative;
align-items: flex-start;
padding-top: 1rem;
}
.pachinko_single .h_wrap .h01{
font-size: 1.5rem;
}
.pachinko_single .post_slug{
font-size: 0.875rem; }
.pachinko_single .ta th{
display: flex;
justify-content: center;
align-items: center;
}
}
.pachinko_single .ta,
.pachinko_single tbody,
.pachinko_single th,
.pachinko_single td{
margin: 0;
display: block;
}
.pachinko_single tr{
display: flex;
flex-wrap: wrap;
}
.pachinko_single .ta th,
.pachinko_single .ta td{ border:none; border-bottom: 1px solid #555;
padding: 0.75rem 1rem;
text-align: left;
box-sizing: border-box;
}
.pachinko_single .ta th{
width: 40%;
padding: 0.75rem 0.5rem; text-align: center;
background: rgba(0,0,0,0.3);
}
.pachinko_single .ta td{
width: 60%;
} .pachinko_single .youtube_main,
.pachinko_single .youtube_short{
border: 6px solid rgb(0 0 0 / 60%);
box-sizing: border-box;
position: relative;
z-index: 0;
}
.pachinko_single .youtube_main::before,
.pachinko_single .youtube_short::before{
content: "";
display: block;
width: 100%;
height: 100%;
position: absolute;
z-index: 1;
background-color: rgba(0,0,0,0.2);
transition: .5s;
}
.pachinko_single .youtube_main::after,
.pachinko_single .youtube_short::after{
content: "";
display: block;
width: 3rem;
height: 3rem;
background: url(//pachinkolabo.com/wp-content/themes/pachinko-labo/share/img/play.png) no-repeat center / contain;
opacity: 0.8;
position: absolute;
top: 50%; left: 53%;
transform: translate(-50%,-50%);
z-index: 2;
}
.pachinko_single .movie_wrap{
flex-wrap: nowrap;
justify-content: center;
column-gap: 1rem;
}
.pachinko_single .youtube_main,
.pachinko_single .movie_wrap .no-img{
width: 72%;
aspect-ratio:16/9;
}
.pachinko_single .youtube_short{
width: 23%;
aspect-ratio:9/16;
}
@media print, screen and (max-width: 639px){
.pachinko_single .single_shorts .youtube_short{
width: 45%;
}
}
@media print, screen and (min-width: 640px){
.pachinko_single .h_wrap{
flex-flow: row;
flex-wrap: wrap;
}
.pachinko_single .h_wrap .h01{
font-size: 2.5rem;
}
.pachinko_single .h_wrap .sub_title{
font-size: 1.75rem;
}
.pachinko_single .post_slug{
width: 100%;
font-size: 1.25rem;
margin-left: auto;
}
.pachinko_single .ta,
.pachinko_single tbody{
width: 100%;
display: table;
}
.pachinko_single .ta th,
.pachinko_single .ta td{
width: auto;
display: table-cell;
padding: 1rem; }
.pachinko_single .ta th{
width: calc(100% / 4);
}
.pachinko_single tr{
display: table-row;
}
.pachinko_single .youtube_main:hover::before, .pachinko_single .youtube_short:hover::before{
background-color: rgba(0,0,0,0.7);
}
.pachinko_single .youtube_main::after,
.pachinko_single .youtube_short::after{
width: 4rem;
height: 4rem;
}
} .pamphlet_gallery{
gap:1rem;
}
.pamphlet_gallery a{
display: inline-block;
width: calc(100% / 2 - 0.5rem);
aspect-ratio: 3 / 2.05;
}
.pamphlet_gallery a,
.lb-container{
position: relative; z-index: 1;
}
.pamphlet_gallery a::before,
.lb-container::before{
content: "";
position: absolute;
z-index: 2;
top: 0; left: 0;
width: 100%; height: 100%;
cursor: not-allowed;	
}
.pamphlet_gallery img {
object-position: top;
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-touch-callout:none;
-moz-user-select:none;
user-select:none;
}
.lb-container,
.lb-image{
user-select: none;
} .back_btn .btn{
max-width: 70%;
padding: 1.25rem 0.5rem;
margin: 0 auto;
font-size: 1.25rem;
background-color: #E27B30;
color: #fff;
text-decoration: none;
}
@media print, screen and (min-width: 640px){
.pamphlet_gallery{
gap:2rem;
}
.pamphlet_gallery a{
width: calc(100% / 2 - 1rem);
}
.pamphlet_gallery img {
object-position: top;
}
} .wp-pagenavi{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
margin: 1rem auto 3rem;
column-gap: 0.5rem;
}
.wp-pagenavi .page,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last,
.wp-pagenavi .current{
display: inline-flex;
justify-content: center;
align-items: center; padding: 0.25rem 0.75rem;
margin: 0;
font-size: 1.25rem;
color: #fff; font-weight: bold; border-bottom: 3px solid rgba(0, 0, 0, 0.7); box-sizing: border-box;
text-decoration: none;
}
.wp-pagenavi .extend{
color: #888;
}
.wp-pagenavi .page,
.wp-pagenavi .current{
margin:0 0.25rem;
}
.wp-pagenavi .pages{
display: inline-flex;
justify-content: center;
font-size: 0.75rem;
margin-right: 2rem;
position: relative;
z-index: 1;
color: #fff;
}
.wp-pagenavi .pages::after{
content: "";
width: 3rem;
height: 100%;
padding: 0.75rem 1rem;
border-radius: 2rem;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%,-50%);
background: #888;
z-index: -1;
}
.wp-pagenavi .first,
.wp-pagenavi .last{
font-size: 0.75rem;
width: auto;
height: auto;
background: transparent;
border: none;
padding: 1rem 1rem;
}
.wp-pagenavi .current{
color: #216ea1;
background: #fff;
}
@media print, screen and (max-width: 639px){
.wp-pagenavi{
flex-flow: wrap-reverse;
column-gap: 0;
}
.wp-pagenavi .page, .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink, .wp-pagenavi .first, .wp-pagenavi .last, .wp-pagenavi .current{
font-size: 1rem; padding: 0.25rem;
}
.wp-pagenavi .current{
padding: 0.5rem;
}
.wp-pagenavi .pages{
width: 100%;
margin-top: 2rem;
margin-right: 0;
}
.wp-pagenavi .first,
.wp-pagenavi .last{
width: auto;
font-size: 0.75rem;
}
}
#page-top{
background: rgba(33, 110, 161,0.5);
position: fixed;
bottom: 0;
right: 0;
}
#page-top a {
display: inline-flex;
justify-content: center;
flex-flow: column-reverse;
align-items: center;
width: 4rem;
height: 4rem;
text-decoration: none;
font-size: 0.75rem;
color: #fff;
font-weight: 500;
line-height: 1;
}
#page-top a::after{
content: "＞";
font-size: 1.5rem;
font-weight: bold;
transform: rotate(270deg);
color: #ffffff;
text-shadow: 0 0 10px var(--color1), 0 0 20px var(--color2), 0 0 40px var(--color3), 0 0 80px var(--color4);
will-change: filter, color;
} .error404 .btn{
background: #E27B30;
padding: 1.5rem 1rem;
color: #fff;
}
.error404 a.btn{
text-decoration: none;
color: #ffff;
}
@media print, screen and (min-width: 640px){
.error404 .btn{
max-width: 80%;
margin: 0 auto;
}
} @keyframes flicker {
0%, 19%, 21%, 23%, 25%, 54%, 56%, 100% {
text-shadow:
-0.2rem -0.2rem 1rem #fff,
0.2rem 0.2rem 1rem #fff,
0 0 2rem var(--neon-text-color),
0 0 4rem var(--neon-text-color),
0 0 6rem var(--neon-text-color),
0 0 8rem var(--neon-text-color),
0 0 10rem var(--neon-text-color);
box-shadow:
0 0 .5rem #fff,
inset 0 0 .5rem #fff,
0 0 2rem var(--neon-border-color),
inset 0 0 2rem var(--neon-border-color),
0 0 4rem var(--neon-border-color),
inset 0 0 4rem var(--neon-border-color);        
}
20%, 24%, 55% {        
text-shadow: none;
box-shadow: none;
}    
}