﻿@charset "UTF-8";
body,div,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ul,li,brockquote,pre,table,caption,address,form,object,img,span,a,strong,em,q,ins,del,site,code,dfn,abbr,acronym,section,header,footer,nav,aside,article,address,figure,hgroup,menu{margin:0;padding:0}
body{color:#000;text-align:center;word-break:break-all;font-family:'Noto Sans JP', sans-serif;margin:0;padding:0;background:#fff;font-size:1em;line-height:1.8em;}
@media screen and (max-width:767px) {
body{font-size:1em;line-height:2em}
}
figure img{width:100%;height:auto;vertical-align:bottom}

#popstaff {width:1200px;height:600px;margin:auto;display:flex;justify-content:center;align-items:center;overflow-y: auto}
#popstaff-in {padding:30px 0;text-align:left;width:90%;margin:auto;letter-spacing:-.4em}
#popstaff-in2 {padding:15px 0 30px;text-align:left;width:90%;margin:auto;letter-spacing:normal}
#popstaff-in .pop-img {letter-spacing:normal;width:31%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;margin:0 2% 0 0;}
#popstaff-in .pop-txt {letter-spacing:normal;width:66%;display:inline-block;/display:inline;/zoom:1;vertical-align:top;text-align:left;}
#popstaff-in .txt-katagaki,#popstaff-in2 .txt-katagaki {font-size:.7em;font-weight:normal}
#popstaff-in .txt-namae,#popstaff-in2 .txt-namae {font-size:1.8em}
#popstaff-in span.txt-furigana,#popstaff-in2 span.txt-furigana {font-size:.7em;font-weight:normal}
#popstaff-in .txt-furigana,#popstaff-in2 .txt-furigana,{font-size:0.8em;font-weight:lighter;letter-spacing:.1em}
#popstaff-in .pop-txt2 {letter-spacing:normal;width:100%;text-align:left;}
#popstaff-in-in {text-align:left;font-size:.9em;line-height:1.5em;letter-spacing:normal;margin-top:20px}
#popstaff-in .txt-oni {font-size:1.2em;margin:0 0 5px;color:#baa475}
#popstaff-in h1,#popstaff-in2 h1 {font-size:1.6em;margin:0 0 15px;line-height:1.2em}
#popstaff-in h1 span.txt-s,#popstaff-in2 h1 span.txt-s, {font-size:.7em;color:#d9a74d;}
.txt-popstaff-katagaki {font-size:.8em;color:#d70c19;font-weight:normal;text-align:center;line-height:1.2em}
@media screen and (max-width:1200px) {
#popstaff {width:auto;height:auto;margin:15px;}
#popstaff-in {padding:30px 20px 60px;}
}
@media screen and (max-width:580px) {
#popstaff-in {width:90%;padding:15px 0;}
#popstaff-in .pop-img {width:100%;display:block;margin:0 auto 15px}
#popstaff-in .pop-txt {width:100%;display:block;}
#popstaff-in h1 {text-align:center;font-size:1.2em;}
#popstaff-in .txt-oni {text-align:center;}
#popstaff-in .txt-s {text-align:center}
}

@media screen and (min-width:768px) {
.pc-only{display:block}
.sp-only{display:none}
}

@media screen and (min-width: 0px) and (max-width:767px) {
.pc-only{display:none}
.sp-only{display:block}
}

