/* ================================================================================
common style
================================================================================ */

/*    tab    */
.tab_wrap{margin: 5rem 0 0;}
.tab_wrap input[type="radio"]{display:none;}

.tab_area{margin:10px 0;}
.tab_area label{display:inline-block; padding:20px; color:#999; text-align:center;cursor:pointer; transition:ease 0.2s;font-weight:100;background: #eee;}

.tab_area label:hover,
.tab_area2 label:hover,
.tab_area3 label:hover,
.tab_area4 label:hover{opacity:0.5;}

.panel_area,
.panel_area2,
.panel_area3,
.panel_area4{background:#fff;}

.tab_panel,
.tab_panel2,
.tab_panel3,
.tab_panel4{width:100%; padding:0; display:none;}

#tab1:checked ~ .tab_area .tab1_label,
#tab2:checked ~ .tab_area .tab2_label,
#tab3:checked ~ .tab_area .tab3_label,
#tab4:checked ~ .tab_area .tab4_label{background: #000;color:#fff;}

#tab1:checked ~ .panel_area #panel1,
#tab2:checked ~ .panel_area #panel2,
#tab3:checked ~ .panel_area #panel3,
#tab4:checked ~ .panel_area #panel4{display:block;}

@media screen and (max-width:980px){
.tab_area label{padding:10px; margin: 5px;}
}

/* ================================================================================
top page
================================================================================ */

/* Banner */
.front__view_wrap {position: relative;text-align: center;height: 100vh;}
body.is-loading .front__view_wrap .more {-moz-transform: translateY(8.5em);-webkit-transform: translateY(8.5em);-ms-transform: translateY(8.5em);transform: translateY(8.5em);opacity: 0;}

.front__view_wrap h2{position: absolute;
top: auto;
left: 4vw;
width: auto;
height: auto;
background-color: transparent;
z-index: 2;
-webkit-transform: scaleY(.94);
transform: scaleY(.94);
bottom: 250px;
font-size: 28px;
font-weight: 900;
letter-spacing: -1px;
line-height: 1.3;
color: #fff;text-align: left;}
.front__view_wrap h2 span {
display: block;
font-family: artless_grotesklight, sans-serif;
font-size: 12px;
font-weight: 100;
letter-spacing: 0;
margin-bottom: 20px;
}


@media screen and (max-width:980px){
.front__view_wrap h2 {
bottom: 250px;
left: 20px;
right: 20px;
letter-spacing: -2px;
font-size: 20px;
}
}


.front__view_bar {width: 100vh;height: 45px;padding: 15px 0;box-sizing: border-box;position: absolute;right: 0px;top: 0;transform-origin: left top;transform: translate(100%,0) rotate(90deg);}
.front__view_bar .copyright {position: relative;text-align: center;color: #fff;letter-spacing: 0.12em;float: right;padding-right: 82px;}
.front__view_bar .copyright:after {content: '';display: block;width: 40px;height: 1px;background: #ccc;position: absolute;right: 0;top: 6px;}

/* movie */
#background_video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);object-fit: cover;}
#overlay {position: absolute;top: 0; right: 0; left: 0; bottom: 0;background-image: url('../../images/dot.png');background-repeat: repeat;background-size: 4px;opacity: .08;}

/* Edge */
@supports (-ms-ime-align: auto) {
#background_video {height: auto;}
}

/*スクロールダウン全体の場所*/
.scrolldown2{position:absolute;bottom:10px;left:50%;}
.scrolldown2 span{position: absolute;left:10px;bottom:10px;color: #eee;font-size: 0.7rem;letter-spacing: 0.05em;-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl;}
.scrolldown2:before {content: "";position: absolute;bottom:0;left:-4px;width:10px;height:10px;border-radius: 50%;background:#eee;animation:circlemove 1.6s ease-in-out infinite,cirlemovehide 1.6s ease-out infinite;}
.scrolldown2:after{content:"";position: absolute;bottom:0;left:0;width:1px;height: 100px;background:#eee;}

@keyframes circlemove{
0%{bottom:45px;}
100%{bottom:-5px;}
}
@keyframes cirlemovehide{
0%{opacity:0}
50%{opacity:1;}
80%{opacity:0.9;}
100%{opacity:0;}
}

.swiper-wrapper .swiper-slide .swiper-post-img{background-size: cover;background-color: #f5f5f5;background-position: center center;display: block;height: 400px;}
.swiper-wrapper .swiper-slide .swiper-post-img:hover{opacity: 0.8;transition-duration: 0.3s;}
.swiper-wrapper .topics_box-inner{padding: 10px 0 0;}
.swiper-wrapper .topics_box-inner .post_tag{color: #111;}
.swiper-wrapper .topics_box-inner .postDate{margin: 0;}
.swiper-wrapper .topics_box-inner .postTitle{display: block;margin-top: 10px;}
.swiper-wrapper .topics_box-inner .postTitle:hover{text-decoration: underline;}

@media screen and (max-width:980px){
.swiper-wrapper .swiper-slide .swiper-post-img{height: 300px;}
}

/* About US */
#front-about-banner {background-image: url(../../images/S__45547537.jpeg); background-position: top center;background-repeat: no-repeat;background-size: cover;-webkit-background-size: cover;-moz-background-size: cover;-ms-background-size: cover;-o-background-size: cover;padding-top: 0;}
#front-about-banner .inner {background-image: url(../../images/pattern-line.png);background-repeat: repeat;}
.about_box h3{
font-size: 2rem;
font-weight: 900;
padding: 100px 0;
line-height: 50px;
letter-spacing: 0px;
word-spacing: 0px;
-webkit-text-stroke-width: 0px;
stroke-width: 0px;
-webkit-text-stroke-color: #000;
stroke: #000;
color: #fff}
.about_box h3 span{display: block;}

@media screen and (max-width:980px){
.about_box h3{padding: 100px 20px;}
}

/* btn */
.moreBtnFront{text-align:right;clear:both;}
.moreBtnFront a{display:block;padding:5px 20px;text-decoration:underline;}

/* movie */
.top_movie {position: relative;}
.top_movie .movie {position: relative;width: 100%;overflow: hidden;}
.top_movie .movie video {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.top_movie .top_movie-btn a{display: flex;flex-wrap: wrap;align-items: center;background-color: rgba(255,255,255,0.9);position: absolute;right: 15px;bottom: 15px;text-decoration: underline;}
.top_movie .top_movie-btn a span{width: 100%;overflow-wrap: break-word;line-height: 1;padding: 10px;}

/* schedule */
.schedule_box_front .schedule_ul{margin: 0;padding: 0;}
@media screen and (min-width:980px){
.schedule_box_front .schedule_ul{margin: 0;padding: 0;max-height: 400px;overflow: scroll;}
}
.schedule_box_front .schedule_ul li{list-style-type: none;padding: 7px 10px;margin-bottom: 5px;border-bottom: 1px solid #f5f5f5;}
.schedule_box_front .schedule_ul li .scheduleBox-date{margin-right: 1em;}
.schedule_box_front .schedule_ul li .scheduleBox-date span{padding-left: 5px;}
.schedule_box_front .schedule_ul li p{margin: 0;display: inline-block;}
.schedule_box_front .schedule_ul li .scheduleBox-tit a{text-decoration: underline;}
.schedule_box_front .schedule-more{margin: 0;padding: 0;text-align: right;}
.schedule_box_front .schedule-more a{display: block;padding: 10px;text-decoration: underline;color: #555;}

@media (max-width:768px){
.schedule_box_front .schedule_ul li .scheduleBox-date{padding: 0;display: inline-block;}
}



/* ================================================================================
news
================================================================================ */

.flex {
display: -webkit-flex;
display: flex;
}
.news_inner ul, .news_inner ul {border-top: 1px solid #e7e7e7;padding: 20px 0;}

.news_inner li,
.news_inner li {
align-items: center;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #e7e7e7;
}

.news_time {
align-items: center;
}

.news_archive li:last-child {
margin-bottom: 0;
}
.news_cat {
gap: 5px 10px;
}

.news_archive time {
font-family: 'Oswald', 'Bebas Neue', sans-serif;
letter-spacing: 0.05em;
text-transform: uppercase;
padding: 0 20px 0 0;
color: #7f7f7f;
width: 95px;
}

.news_archive span.tag, .single_news_cat span.tag {
background: #7bc379;
color: #fff;
}

.news_archive li span, .single_news_cat span {
font-size: 12px;
padding: 6px 10px;
min-width: 111px;
text-align: center;
line-height: 1;
background: var(--m_color);
color: #fff;
}
.news_archive .news_ttl {
margin-left: 20px;
}


@media screen and (max-width:980px){
.news_inner ul, .news_inner ul {padding: 10px;}
}

@media screen and (max-width: 550px) {
.news_archive li {display: block;}
.news_archive .news_ttl {margin-left: 0;margin-top: 7px;}
}



/* ================================================================================
recruit
================================================================================ */
/*    Hero    */
.hero{width: 100%;height: 750px;position: relative;}
.hero .caption{padding: 350px 0 0;}
.hero .caption .mean_cap{display: flex;flex-wrap: wrap;align-items: center;width: 200px;height: 135px;background-color: #fff;position: absolute;right: 15px;bottom: 15px;letter-spacing: 0;text-align: left;}
.hero .caption .mean_cap .en{width: 41%;font-size: 3em;overflow-wrap: break-word;line-height: 1;padding: 5px;}
.hero .caption .mean_cap .numb{font-size: 1.5em;width: 59%;text-align: center;}
.hero .caption .mean_cap .numb i{display: block;font-style: normal;font-size: 4.5rem;line-height: 1;letter-spacing: -2px;}
.hero .caption .btn_details span{display: inline-block;color: #fff;position: relative;margin-right: 5px;border-bottom: 1px dashed #ffffff;padding-bottom: 3px;}
.hero .caption .btn_details .arrow{-webkit-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;}
.hero .caption .btn_details:hover .arrow{-webkit-transform:translateX(3px);-ms-transform:translateX(3px);-o-transform:translateX(3px);transform:translateX(3px);}
.site_tit{position: absolute;top: 40vw;left: 3vw;writing-mode: vertical-rl;letter-spacing: 2px;width: auto;height: 80vw;margin: 0;font-weight: 100;color: rgba(255,255,255,0.3);}
.sign_img img{width: 80%;margin: 0 auto;display: block;}

/*    Section    */
.recruit{clear: both;padding: 100px 0;}

.gray{background: url(../../images/recruit/studio.jpg) no-repeat 50% 50%;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;padding: 0 !important;}
.gray p{color: #fff !important;text-align: left !important;}
.gray .pattern {padding: 100px 0;background-image: url(../../images/pattern-line.png);background-repeat: repeat;}
.recruit .recruit_list .serv_icon{margin-bottom: 60px;}
.recruit .recruit_list p{color: #454545;line-height: 2;}
.recruit .title{color: #454545;margin-bottom: 20px}
.btn_holder{text-align: center;}
.recruit .btn_fancy{margin-top: 100px;	}

/*    quote    */
.quote,.quote2,.quote3{display: table;width: 100%;color: #eee;}
.quote .pattern,.quote2 .pattern,.quote3 .pattern{background-image: url(../../images/pattern-line.png);background-repeat: repeat;padding: 100px 0;}
.quote blockquote,.quote2 blockquote,.quote3 blockquote{display:table-cell;vertical-align:middle;}
.quote blockquote p,.quote2 blockquote p{color: #4c4b4b;margin: 0;}
.quote blockquote .strong,.quote2 blockquote .strong,.quote3 blockquote .strong{font-weight: bold;}
.quote hr,.quote2 hr,.quote3 hr{display: inline-block;padding: 0;margin: 0;border: 0;width: 20px;height: 1px;background-color: #4b4b4b;}
.quote .author,.quote2 .author,.quote3 .author{display: block;color: #4c4b4b;font-size: 14px;margin: 20px 0 0 0;}

/*    Responsive CSS    */
@media only screen and (max-width: 40em){
.hero .caption h1.mean_cap,.hero .caption h2.sub_cap{font-size: 45px;line-height: 60px;}
}

.social_icons{margin: 0;padding: 0;list-style-type: none;text-align: right;position: absolute;right: 20px;}
.social_icons li{}
.social_icons li a{font-size: 20px;}
.social_icons li a i{color: #fff;}

.profile-content-01 {}
.profile-content-01 p {text-align: left;text-align: -webkit-left;font-size: 10px;letter-spacing: 0.12vw;line-height: 1.6vw;margin: 0;}
.profile-content-02,.profile-content-02 h1 {text-align: left;}
.profile-content-02 {text-align: -webkit-left;}
.profile-content-02 h1 {text-align: -webkit-left;font-size: 1.2vw;font-weight: 700;letter-spacing: 0.2vw;line-height: 2vw;margin: 0 2vw 0 0;}
.profile-content-02 h2,.profile-content-03 h1 {font-weight: 500;letter-spacing: 0.08vw;margin: 0}
.profile-content-02 h2 {text-align: left;text-align: -webkit-left;font-size: 1vw;line-height: 1.4vw}
.profile-content-03,.profile-content-03 h1 {}
.profile-content-03 {text-align: left;text-align: -webkit-left;}
.profile-content-03 h1 {text-align: left;text-align: -webkit-left;font-size: 0.8vw;line-height: 1.6vw}

.aboutus .aboutus__inner{padding:10px 0;display: table;width: 100%; text-align: left;}
.aboutus .aboutus__inner .aboutus__inner-tit{width: 75px; margin-bottom:10px;display:inline-block;display: table-cell;}
.aboutus .aboutus__inner .aboutus__inner-answer{margin:0;display:table;display: table-cell;padding-left: 10px;}
.aboutus .aboutus__inner .aboutus__inner-answer span{padding-left:5px;}

.textbg{background: linear-gradient(transparent 60%,#d14 60%);}
.textbg2{background: linear-gradient(transparent 60%,#f5f5f5 60%);}

.advantage_ul{text-align: center;margin: 0;padding: 0;}
.advantage_ul li{list-style-type: none;color: #fff;border: 1px solid #fff;background: rgba(0,0,0,0.5);display: inline-block;width: 49%;padding: 10px 0;margin: 2px 0px;}

.flow{padding: 0;text-align: center;}
.flow li{list-style-type: none;border: 1px solid #000;display: inline-block;width: 100%;padding: 10px;margin: 2px 0px;text-align: left;}
.flow li p{padding: 10px 0 0;margin: 0;}
.flow li .number{display: inline-block;text-align: center;background: #000;color: #fff;padding: 5px;}
.flow li .flow_tit{background: #eee;display: inline-block;padding: 5px 20px;}

.youtube {width: 100%;aspect-ratio: 16 / 9;}
.youtube iframe {width: 100%;height: 100%;}

/*    entry btn    */
.flex__box{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;margin: 50px 0;}
.flex__box .flex__box-inner{position: relative;display: block;width: 100%;text-align: center;line-height: 1.2;}
.flex__box .flex__box-inner a{display: block;overflow: hidden;width: 100%;margin: 0 auto;padding: 10px 0;background-color: #fefefe;box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);color: #fff;}
.flex__box .flex__box-inner a span{display: block;}
.flex__box .flex__box-inner a.flex__box-inner-line{background: #d14;}
.flex__box .flex__box-inner a.flex__box-inner-tel{background: #000;}

/*    entry btn foot    */
.bottom-nav {line-height: 1.2;position: fixed;z-index: 2;right: 0;bottom: 0;width: 100%;padding: 0.3em 0.1em;background: rgba(255,255,255,.35)}
.bottom-nav.is-footer {display: none}
.bottom-nav .bottom-nav-flex {-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex}
.bottom-nav .bottom-nav-flex .bottom-nav-btn {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;flex-direction: column;width: calc(16.6% - 0.2em);height: 51px;margin: 0 0.1em;color: #fff;border-radius: 3px;background: #111;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column}
.bottom-nav .bottom-nav-flex .bottom-nav-btn .bottom-nav-btn-txt {}
.bottom-nav .bottom-nav-flex .bottom-nav-btn .bottom-nav-btn-txt span {display: block;font-size: 0.5em}
.bottom-nav-recruit .bottom-nav-flex .bottom-nav-btn {width: calc(50% - 0.2em);height: 70px}
.bottom-nav-btn-line {background: #d14 !important}
.bottom-nav-btn-tel {background: #000 !important}
.bottom-nav-btn-line .bottom-nav-btn-txt,.bottom-nav-btn-tel .bottom-nav-btn-txt {font-weight: 600}
/* ================================================================================
service / menu
================================================================================ */
.menu{padding:0 0 10px;margin:0 0 20px;}
.menu-title, .menu-price, .menu-detail{margin:0 0 10px;padding: 0;}
.menu .menu-detail{color:#999;width: 100%;}
.txtcolor_2{color:#de9610;padding:10px 0;display:block;}
.credit__card{max-width: 250px;display: block;margin: 20px auto 0;}
.credit__card img{width: 100%;}
/* ================================================================================
staff 
================================================================================ */
.features {display: -moz-flex;display: -webkit-flex;display: -ms-flex;display: flex;-moz-flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-moz-justify-content: left;-webkit-justify-content: left;-ms-justify-content: left;justify-content: left;list-style: none;padding: 0;width: 100%;}
body .daily li {max-width: 500px;width: 100%;height: auto;}
body .daily li p {padding: 20px;text-align: right;background: none;text-shadow: 2px 2px 3px rgba(0,0,0,.6);}
.features li {padding: 0 5px;margin: 20px 0 0;display: block;position: relative;text-align: left;width: 20%;}
.features li:nth-child(2n) {}
.features li:before {display: block;color: #00ffcc;position: absolute;left: 1.75em;top: 2.75em;font-size: 1.5em;}
@media screen and (max-width: 980px) {
.features li:before {left: 0;margin: 0 0 1em 0;position: relative;top: 0;}
}
@media screen and (max-width: 736px) {
.features{justify-content: space-evenly;}
.features li {background-color: transparent !important;width: 50%;}
}
.features li a{display:block;outline:none;}
.features li h3{margin:0;text-align:center;}
.features li p{margin:0;padding:10px 0;text-align:center;color:#fff;width:100%;}
.features p span{padding-left:5px;}
.features img{width:100%;height:auto;display:block;}
.size-full{width:100%;height:auto;display: block;}
.numbers{display:inline-block;color:#eee;padding:7px 10px 5px;position:absolute;left:0;bottom:0;-ms-writing-mode:tb-rl;text-align:center;background:rgba(0,0,0,0.9);}
.grid figure{position:relative;overflow:hidden;background:#3085a3;text-align:center;cursor:pointer;background-size: cover !important;display: block;height: 25vw;background-position: top center !important;}
.grid figure img{position:relative;display:block;max-width:100%;opacity:0.8;}
.grid figure figcaption{padding:2em;color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;}
.grid figure figcaption::before,
.grid figure figcaption::after{pointer-events:none;}
.grid figure figcaption, .grid figure figcaption a{position:absolute;top:0;left:0;width:100%;height:100%;}
.grid figure figcaption a{z-index:99;text-indent:200%;white-space:nowrap;font-size:0;opacity:0;}
.grid figure h2{word-spacing:-0.15em;font-weight:300;}
.grid figure h2 span{font-weight:800;}
.grid figure h2,
.grid figure p{margin:0;}
.grid figure p{}
figure.effect-apollo{background:#ccc;}
figure.effect-apollo img{opacity:0.95;-webkit-transition:opacity 0.35s, -webkit-transform 0.35s;transition:opacity 0.35s, transform 0.35s;-webkit-transform:scale3d(1.05,1.05,1);transform:scale3d(1.05,1.05,1);}
figure.effect-apollo figcaption::before{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5);content:'';-webkit-transition:-webkit-transform 0.6s;transition:transform 0.6s;-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);}
figure.effect-apollo p{position:absolute;left:0;bottom:40%;padding:0 1em;border-right:1px solid #fff;opacity:0;-webkit-transition:opacity 0.35s;transition:opacity 0.35s;}
figure.effect-apollo h2{color: rgba(255,255,255,0.7);position: absolute;bottom: 25px;width: 100%;margin: 0 auto;left: 0;}
figure.effect-apollo:hover img{opacity:0.6;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
figure.effect-apollo:hover figcaption::before{-webkit-transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);transform:scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);}
figure.effect-apollo:hover p{opacity:1;-webkit-transition-delay:0.1s;transition-delay:0.1s;}
figure.effect-apollo:hover h2{opacity:0;}
figure.effect-apollo:hover .numbers{background:rgba(0,0,0,0.1);}
.cast-date{margin: 10px 0;position: relative;}
.cast-date:before {content: "";background: url(../../images/upper-right.svg) no-repeat center / contain;background-size: 1.5rem;width: 3rem;height: 3rem;display: block;position: absolute;top: 0;right: 0;}
.cast-date .cast-date-shop{}
.cast-date .cast-date-name{margin-top: 5px;margin: 0;}
.cast-date .cast-date-position{margin-top: 5px;}

@media screen and (max-width: 736px) {
.grid figure{height: 70vw !important;}
}
/* ================================================================================
staff detail
================================================================================ */
.author-detail-head {padding: 30px 0 40px;}
.author-detail-head-inner {}
.author-detail-head-tit {position: relative;margin: 0;font-size: 2em;}
.author-detail-head-tit:before {width: 1px;height: 36px;top: -49px;left: 50%;}
.author-detail-head-tit:before {position: absolute;content: '';display: block;background-color: #181818;}
.author-detail-head-subtit {margin: 1px 0 0;}

.staff_detail{margin: 0 0 100px;}
    
.staff_detail .staff_detail_photo{margin: 0 0 50px;}
.staff_detail .staff_detail_photo figure{}
.staff_detail .staff_detail_photo figure img{}

.staff_detail .staff_detail_profile{padding: 0 50px;}

.staff_detail .staff_detail_profile .profileBox{}
.staff_detail .staff_detail_profile .profileBox .profileBoxInnerName{margin-bottom: 100px;}
.staff_detail .staff_detail_profile .profileBox .profileBoxInnerName h3{font-size: 3em;}
.staff_detail .staff_detail_profile .profileBox .profileBoxInnerName h3 span{display: block;margin: 0;padding-left: 5px;font-size: 1.6rem;}

.author-detail-career {max-width: 100%;-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;list-style: none;letter-spacing: 0;text-align: left;padding: 0;}
.author-detail-career-item {display: inline-block;margin: 1px 0;padding: 0;background: #000;color: #fff;}
.author-detail-career-title {display: block;margin: 3px 2px;padding: 0 13px;font-weight: 900;}

.staff_detail .staff_detail_profile .profileBox .profileBoxInner{padding:10px 0;display: table;}
.staff_detail .staff_detail_profile .profileBox .profileBoxInner .profileBoxTit{width: 100px;margin-bottom:10px;display:inline-block;display: table-cell;}
.staff_detail .staff_detail_profile .profileBox .profileBoxInner .profileBoxAnswer{margin:0;display:table;display: table-cell;padding-left: 10px;}
.staff_detail .staff_detail_profile .profileBox .profileBoxInner .profileBoxAnswer span{padding-left:5px;}

.staff_detail_gallery{margin: 0 0 100px;overflow: hidden;}
.staff_detail_movie{margin: 0 0 100px;overflow: hidden;}

.author-detail-social{}
.author-detail-social ul{list-style-type: none;}
.author-detail-social ul li{display: inline-block;padding: 15px;}
.author-detail-social ul li a{margin:0;padding:0;display: block;}
.author-detail-social ul li span{margin:0;padding:0;display: block;}
.author-detail-social ul li img{width: 25px;}

@media screen and (max-width:980px){
.staff_detail .staff_detail_profile{padding: 0;}
.staff_detail .staff_detail_profile .profileBox{text-align: center;}
.staff_detail .staff_detail_profile .profileBox .profileBoxInner{width: 70%;margin: 0 auto;}
.author-detail-social ul li img{width: 20px;}
}



/* ================================================================================
ranking
================================================================================ */
.custom{margin: 0 0 30px;padding: 0 5px;position: relative;width: 200px;}
.custom form{padding:0;margin:0;}
.custom select{background:#fff;color:#000;border-radius:0px;border:1px solid #111;}
.custom form::before {border-bottom: 4.5px solid #000;border-left: 4px solid transparent;border-right: 4px solid transparent;content: "";position: absolute;right: 20px;top: 12px;width: 0;}
.custom form::after {border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4.5px solid #000;content: "";position: absolute;right: 20px;top: 24px;width: 0;}

/* ranking archive */
.archive_box ul li{padding:0;border-bottom:1px solid #eee;list-style-type: none;}
.archive_box ul li a{display:block;padding:10px 0;text-decoration:underline;color:#111;}
.archive_box ul li a p{margin:0;}

/* ================================================================================
shop detail
================================================================================ */
.shopData{margin-bottom: 50px;}
.shopData .shopImg{vertical-align: top;}
.shopData .shopImg .shopImgMain{position: relative;}
.shopData .shopImg .shopImgMain .shopImgMainImg{width: 100%;height: auto;vertical-align:top;}
.shopData .shopImg .shop_logo{position: absolute;bottom: 15px;left: 10px;width: 20%;max-width: 150px;height: auto;}

.shopData .shopInfo{}
.shopData .shopInfo .shopInfoInner{display: table;width: 100%;}
.shopData .shopInfo .shopInfoInner:nth-child(odd) {border-bottom: 1px solid #f5f5f5;}
.shopData .shopInfo .shopInfoInner:nth-child(even) {border-bottom: 1px solid #f5f5f5;}
.shopData .shopInfo .shopInfoInner .shopInfoInnerTit{margin: 0;padding: 0;text-align: center;display: table-cell;width: 100px;}
.shopData .shopInfo .shopInfoInner .shopInfoInnerTxt{margin: 0;padding: 15px 0;display: table-cell;}
.shopRankingTit{font-size: 2em;text-align: center;}
.shopRankingTit span{}

.recBox{padding: 40px 20px;background: #f5f5f5;text-align: center;}
.recBox h2{margin: 0;}
.recBox p{margin: 0;}
.recBox .recBtn{}
.recBox .recBtn a{color: #fff;background-color: #000;display: block;text-align: center;padding: 10px;width: 100%;max-width: 250px;margin: 20px auto 0;}

/* ================================================================================
faq
================================================================================ */
.qaBox{background:#fafafa;padding:10px;margin:0 5px 10px;overflow:hidden;}
@media screen and (max-width:980px){
.qaBox{margin:0 0 10px !important;}
}
.qaBox .qaTit{border-bottom:1px solid #f5f5f5;padding:0 0 10px;margin:0 0 10px;}
.qaBox .qaTit span{display:block;}
.qaBox .qaAnswer{margin:0;}
.qaBox .qaAnswer .qaAnswerIcon{width:50px;height:50px;border-radius:50%;overflow:hidden;float:left;margin-right:15px;margin-bottom:10px;}
.qaBox .qaAnswer .qaAnswerIcon img{width:100%;height:auto;}
.qaBox .qaAnswer .qaAnswerTxt{margin:0 0 10px;color:#000;overflow: hidden;}
.qaBox .qaAnswer .qaAnswerTxt a{color:#555;text-decoration: underline;}
/* ================================================================================
contact
================================================================================ */
#recForm{clear:both;overflow:hidden;}
.contactFormBox .col-sm-12 {margin-bottom: 20px;overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #eee;}
@media (max-width:768px){
.contactFormBox .col-sm-12 {margin-bottom: 0;}
}
.contactFormBox .col-sm-3{float: left;}
.contactFormBox .col-sm-8{float: right;}
.contactFormBox .contactTit{padding:10px 0;margin:0;color:#333;text-align: left;}
.contactFormBox input[type="checkbox"]{cursor: pointer;}
.contactFormBox label span {display: inline-block;}
.contactFormBox label input[type="checkbox"] {opacity: 0;}
.contactFormBox label input[type="checkbox"] + span::before, .contactFormBox label input[type="checkbox"] + span::after {display: inline-block;content: '';box-sizing: border-box;}
.contactFormBox label input[type="checkbox"] + span::after {z-index: 1;margin: 2px 10px;position: absolute;border: 1px solid #ccc;height: 15px;width: 15px;}
.contactFormBox label input[type="checkbox"]:checked + span::before {background-color: #616161;}
.contactFormBox label input[type="checkbox"]:checked + span::after {border: 2px solid #000;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);position: absolute;height: 14px;width: 7px;margin: 0 15px;}
.check_style label{margin: 0;padding: 0;}
.check_style .wpcf7-list-item{display: block;padding: 10px 0;border-bottom: 1px solid #fafafa;}
.contactFormBox input[type="date"]{width: 100%;margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;border: 1px solid #eee;padding: 0 5px;height: 2.75em;color: #999;border-radius: 3px;}
.contactFormBox .contactSubmit{margin:0;padding:20px 0 0;}
.contactFormBox .contactSubmit input[type="submit"]{background-color: #111;border: #111 solid 1px;color: #fff;}
.contactFormBox .contactSubmit input[type="submit"]:hover{background-color: #ccc;border: #ccc solid 1px;color: #100804;}
.contactFormBox .contactTit .errow{color:#ff6347;margin:0 5px;}
.screen-reader-response{display:none;}
.contactFormClass{max-width:640px;width:99%;margin:0 auto;}
.notice{padding:20px 0 0;margin:0;text-align:center;color:#ccc;}
.notice a{text-decoration:underline;padding:0 2px;}
/* ================================================================================
privacy
================================================================================ */
.ruletext{background: #fafafa;padding: 20px 10px;}
.ruletext p{margin: 0;}
.ruletext p a{text-decoration: underline;}
.ruletext p span{display: block;padding: 10px 0 0;text-align: right;color: #999;}
/* ================================================================================
sitemap
================================================================================ */
.sq_sitemap li{list-style-type: none;}
.sq_sitemap li a{text-decoration:underline;display:block;padding:5px;color:#555;}
.sq_sitemap li a:hover{color:#999;}
.sq_sitemap .children li{display:block;}
/* ================================================================================
category
================================================================================ */
.topics_box{width:100%;}
.topics_box_ul{margin:0 0 20px;padding:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.topics_box ul li{padding:10px;}
.topics_box ul li a{display:block;padding:5px 0;overflow: hidden;}
.topics_box ul li .topics_box-img{background-size: cover;display: block;height: 200px;background-position: center center;background-color: #f5f5f5;}
.topics_box .topics_box_ul li .post-right{margin:0;padding:10px 0;}
.post-center{padding:0;margin:0;}

.topics_box .topics_box-inner{padding: 10px 0 0;}
.topics_box .topics_box-inner .post_tag{}
.topics_box .topics_box-inner .postDate{padding-left: 5px;}
.topics_box .topics_box-inner .postTitle{display: block;}
.topics_box .topics_box-inner .postTitle:hover{text-decoration: underline;}

.topics_box li a .post_tag{margin:0;padding:5px 0;}
.topics_box li a .post_tag span{padding-right:5px;}

@media screen and (max-width:768px){
.topics_box .topics_box_ul li .post-right {padding: 10px;}
.topics_box .topics_box_ul li .post-right .postTitle2{margin: 0;}
.topics_box ul li{width: 50%;}
.topics_box ul li a {padding: 10px 0 0;}
.topics_box li a .post-right .post_excerpt {padding: 0 0 10px;}
.topics_box li a .post_tag {text-align: right;}
}

/* shop */
.shop-date {}
.shop-date .shop-date__inner {-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: row;-ms-flex-direction: row;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;margin: 0 0 5px}
.shop-date .shop-date__inner .shop-date__head {-webkit-box-flex: 0;-webkit-flex: 0 0 30%;-ms-flex: 0 0 30%;flex: 0 0 30%;position: relative;vertical-align: middle;}
.shop-date .shop-date__inner .shop-date__body {-webkit-box-flex: 0;-webkit-flex: 0 0 70%;-ms-flex: 0 0 70%;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;flex: 0 0 70%;justify-content: flex-end;}
.shop-date .shop-date__inner p{margin: 0}
.shop-date .shop-date__inner p a{text-decoration: underline;padding: 0}

/* serch */
.no_search_results{padding:0 10px;}
.no_search_results .no_search_results_tit{margin:0;}

/* Page Nation */
.pagenation{overflow:hidden;text-align:center;padding:40px 0 0;width:100%;}
.pagenation ul{list-style:none;float:none;text-align:center;padding:0;}
.pagenation ul li{margin:0 1px;padding:0 !important;float:none !important;display:inline-block;vertical-align: middle;border: none;width: auto !important;}
.pagenation ul li span,
.pagenation ul li a{display:block;color:#eee;padding:7px 13px;background:#fafafa;height: auto;}
.pagenation ul li a{background: #000;color: #fff !important;text-decoration:none;padding:5px 13px !important;}
.pagenation ul li a:hover{background:#333;color:#FFF;}
/* ================================================================================
post
================================================================================ */
.single__head{}
.single__head .single__head-thumbnail{}
.single__head .single__head-thumbnail img{width: 100%;height: auto;vertical-align: top;}

article .postInner iframe{width: 100%;max-width: 640px;margin: 0 auto;display: block;}
article  .postInner .upload-image{display: block;width: 100%;height: auto;max-width: 640px;margin: 0 auto;}

article .postInner h1, article .postInner h2, article .postInner h3, article .postInner h4, articl .postInner h5{}
article .postInner h1{font-size: 2em;}

article .postInner .article-details-loop .staff_box{padding: 20px 0;}
article .postInner .article-details-loop .staff_box .staff_box_img{display: inline-block;width: 70px;height: 70px;vertical-align: middle;-webkit-border-radius: 50%;-moz-border-radius: 50%;-ms-border-radius: 50%;border-radius: 50%;background-size: cover;background-repeat: no-repeat;background-position: center center;}
article .postInner .article-details-loop .staff_box .staff_box_pr{display: inline-block;vertical-align: middle;}
article .postInner .article-details-loop .staff_box .staff_box_pr .staff_box_pr-name{padding-left: 10px;margin: 0;}
article .postInner .article-details-loop .staff_box .staff_box_pr span{display: block;}

.prev-next-link{position: fixed;bottom: 20px;right: 20px;z-index:2;}
.prev-next-link-inner{color:#4e4852;width:50%}
.prev-next-link-inner a{background: #000;text-decoration: none;color: #fff;width: 50px;padding: 13px 0;text-align: center;display: block;border: 1px solid #333;}
/* copy */
.post_copy_txt{border: 1px solid #f5f5f5;padding: 20px 15px;background: #fafafa;margin-bottom: 20px;}
.post_copy_txt p{margin: 0;}
.post_copy_txt p span{margin: 0;color: #999;}

/* related */
.related_tit{margin: 40px 0 0;font-weight: 900;}
.related{display: -moz-flex;display: -webkit-flex;display: -ms-flex;display: flex;-moz-flex-wrap: wrap;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-moz-justify-content: left;-webkit-justify-content: left;-ms-justify-content: left;justify-content: left;list-style: none;padding: 0;width: 100%;}
.related .related_inner{padding: 15px;margin: 0;display: block;position: relative;text-align: left;width: 50%;border-right: 1px solid #fafafa;border-bottom: 1px solid #fafafa;}
.related .related_inner a{}
.related .related_inner a img{width: 100%;}
.related .related_inner a h3{font-weight: 700;}
/* ================================================================================
gallery
================================================================================ */
.m-p-g__thumbs-img:after {}
.m-p-g__name{clear: both;text-align: center;margin: 0 0 50px;padding: 10px 0;text-decoration: underline;}
.m-p-g{width:100%;}.m-p-g__thumbs-img{margin:0;float:left;vertical-align:bottom;cursor:pointer;z-index:1;position:relative;opacity:0;-webkit-filter:brightness(100%);filter:brightness(100%);-webkit-tap-highlight-color:transparent;will-change:opacity,transform;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1);transition:all .5s cubic-bezier(.23,1,.32,1)}.m-p-g__thumbs-img.active{z-index:50}.m-p-g__thumbs-img.layout-completed{opacity:1}.m-p-g__thumbs-img.hide{opacity:0}.m-p-g__thumbs-img:hover{-webkit-filter:brightness(110%);filter:brightness(110%)}.m-p-g__fullscreen{position:fixed;z-index:10;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background:0 0;visibility:hidden;-webkit-transition:background .25s ease-out,visibility 10ms .5s linear;transition:background .25s ease-out,visibility 10ms .5s linear;will-change:background,visibility;-webkit-backface-visibility:hidden;backface-visibility:hidden}.m-p-g__fullscreen.active{-webkit-transition:background .25s ease-out,visibility .01s 0s linear;transition:background .25s ease-out,visibility .01s 0s linear;visibility:visible;background:rgba(0,0,0,.95)}.m-p-g__fullscreen-img{pointer-events:none;position:absolute;-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;top:50%;left:50%;max-height:100vh;max-width:100%;visibility:hidden;will-change:visibility;-webkit-transition:opacity .5s ease-out;transition:opacity .5s ease-out}.m-p-g__fullscreen-img.active{visibility:visible;opacity:1!important;-webkit-transition:-webkit-transform .5s cubic-bezier(.23,1,.32,1),opacity .5s ease-out;transition:transform .5s cubic-bezier(.23,1,.32,1),opacity .5s ease-out}.m-p-g__fullscreen-img.almost-active{opacity:0;-webkit-transform:translate3d(0,0,0)!important;transform:translate3d(0,0,0)!important}.m-p-g__controls{position:fixed;top:0;left:0;width:100%;z-index:200;height:20vh;background:-webkit-linear-gradient(bottom,transparent 0,rgba(0,0,0,.55) 100%);background:linear-gradient(to top,transparent 0,rgba(0,0,0,.55) 100%);opacity:0;visibility:hidden;-webkit-transition:all .5s cubic-bezier(.23,1,.32,1);transition:all .5s cubic-bezier(.23,1,.32,1)}.m-p-g__controls-arrow,.m-p-g__controls-close{position:absolute;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-p-g__controls.active{opacity:1;visibility:visible}.m-p-g__controls-arrow,.m-p-g__controls-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:0 0;width: auto;}.m-p-g__controls-arrow:focus,.m-p-g__controls-close:focus{outline:0}.m-p-g__controls-arrow{z-index:1;top:0;width:20%;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;opacity:0}.m-p-g__controls-arrow:hover{opacity:1;background: none;}.m-p-g__controls-arrow--prev{left:0;padding-left:3vw;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.m-p-g__controls-arrow--next{right:0;padding-right:3vw;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}.m-p-g__controls-close{position:fixed;bottom:0px;left:0px;z-index:5}.m-p-g__btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.07);-webkit-transition:all .25s ease-out;transition:all .25s ease-out}.m-p-g__btn:hover{background:rgba(255,255,255,.15)}.m-p-g__alertBox{position:fixed;z-index:999;max-width:700px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:#fff;padding:25px;border-radius:3px;text-align:center;box-shadow:0 6px 12px rgba(0,0,0,.23),0 10px 40px rgba(0,0,0,.19);color:grey}.m-p-g__alertBox h2{color:red}
/* ================================================================================
404
================================================================================ */
.errorLink{}
.errorLink .link{list-style-type: none;margin: 0;padding: 0;}
.errorLink .link li{padding: 0;}
.errorLink .link li a{display: inline-block;padding: 2px 0;text-decoration: underline;}
.errorLink .link li i{color: #ccc;width: 25px;height: 25px;overflow: hidden;display: inline-block;text-align: center;vertical-align: top;margin-right: 10px;margin-left: 5px;}
/* ================================================================================
sidebar
================================================================================ */
/* widget */
.widget{}
/* 検索フォーム */
.widget form{padding:0 10px;margin:20px 0;}
.widget .search-box{overflow:hidden;max-width: 350px;width: 100%;}
.widget .search-box input{width:70%;background:none;color:#555;}
.widget .search-box button{width: 25%;height: 40px;line-height: 0;background: none;box-shadow: none;border-radius: 0;color: #999;border: 1px solid #000;margin-left: auto;}
.widget .search-box button:hover{background:#eee;}
.widget .categories{}
.widget .categories .cat-item{margin:0;padding:0;position:relative;width: 100%;}
.widget .categories .cat-item a{display:block;padding:10px 0;}
.widget .categories .cat-item a:hover{background:#fafafa;}
.widget .categories .cat-item:before{display:block;content:'';position:absolute;}
.widget .categories .cat-item:before{top:15px;right:20px;width:10px;height:10px;border-right:1px solid #555;border-bottom:1px solid #555;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
/*tag*/
.tag-list{margin:0;padding:20px 10px;}
.tag-list li{display:inline-block;margin:0;padding:0;}
.tag-list li a{border:1px solid #f5f5f5;color:#555;margin:1px;padding:4px 15px;border-radius: 100px; display:block;}
.tag-list li a:hover{background:#f5f5f5;}

/*access*/
.widget .access_cast{list-style-type: none;}
.widget .access_cast a{display: block;height: 100%;overflow: hidden;position: relative;}
.widget .access_cast li{clear: both;margin: 0;padding: 5px 0 0;border-bottom: 1px solid #eee;}
.widget .access_cast li .access_cast-img{background-size: cover;display: block;height: 100px;width: 100px;background-position: center center;display: inline-block;background-color: #f5f5f5;}
.widget .access_cast li .access_cast-inner{display: inline-block;display: inline-block;padding: 0;vertical-align: top;padding: 20px 10px 0px;}
.widget .access_cast li .access_cast-inner .access_cast_num{position: absolute;left: 0;bottom: 0;background: #000;color: #fff;padding: 0 10px;}
.widget .access_cast li .access_cast-inner .access_cast_name{font-weight: 900;}
.widget .access_cast li .access_cast-inner .access_cast_position{margin-top: 5px;display: block;}

/* ================================================================================
operation
================================================================================ */
.copy_area{background: #f5f5f5; padding: 10px 20px 20px; margin-bottom: 20px;}
.op_list_txt{margin: 20px 0 0;}
.op_list{margin: 0;}
.staff_id{list-style-type: none;padding: 0; }