/*
 * スタッフページ専用（旧サイトのページ別CSS「staff」を新しいクラス名に置き換えて引き継ぎ）
 */

/*２カラム*/
@media only screen and (min-width: 801px){
.col--1-2.left { border-right: 1px dotted #ccc;}}

@media only screen and (max-width: 800px){
.col--1-2.left { border-bottom: 1px dotted #ccc;}}

.left {padding-right:40px;}
.right {padding-left:40px;}

@media only screen and (max-width: 800px){
.left {padding-right:0px;}
.right {padding-left:0px;}}

.msg {
    font-size: 15px;
    text-align: justify; margin-bottom: 20px;}

p.profname { font-size: 16px; letter-spacing: 2px; margin-bottom: 0px; line-height: 20px; margin-top: 10px;}
span.profeng { font-size: 13px; padding-left: 12px;}
span.profjob { font-size: 11px; color: #E4E4E4; /*background-color: #4C2D07; padding: 4px 7px;*/ line-height: 0px;}
span.proftxt { font-size: 11px; color: #E4E4E4; /*padding: 4px 7px;*/ letter-spacing:1px; line-height: 0px;}
p.job1 {
    background-color: #4C2D07; vertical-align: middle;
    display: table-cell; border-right: 10px solid #261603;
    height: auto;
    width: auto; padding-right: 5px; padding-left: 5px;
    text-align: center !important; /*padding-top:2px;*/ margin-bottom: 12px; line-height: 9px;}
p.job2 {
    background-color: #4C2D07; vertical-align: middle;
    display: table-cell; border-right: 10px solid #261603;
    height: 20px;
    width: 90px;
    text-align: center !important; /*padding-top:2px;*/ margin-bottom: 12px; line-height: 9px;}
p.job {
    background-color: #4C2D07; vertical-align: middle;
    display: table-cell;
    height: 20px;
    width: 72px;
    text-align: center !important; /*padding-top:2px;*/ margin-bottom: 12px; line-height: 9px;}
h4.title-heading-left { font-weight: normal !important; letter-spacing: 3px;}
.title-sep.sep-single.sep-solid { padding-top: 2px;}
.fusion-title.title.fusion-title-size-four { margin-top: 0px !important; margin-bottom: 0px !important;}
p.profhobby {
    font-size: 13px;
    line-height: 22px;
    margin-top: 8px;
    color: #eee;
    margin-bottom: 16px;}

h4.title-heading-left {
    border: none;
    padding: 2px 10px;
    font-size: 11px !important;
    line-height: 16px !important;
    background-color: #4C2D07;
    color: #DAD8DD !important;
    letter-spacing: 2px;}

h4.title-heading-center {
    z-index: 1000;
    margin-left: -220px;
    letter-spacing: 2px;
    font-weight: normal;
    padding-left: 10px !important;
    padding-right: 10px !important;}

.fusion-title.title.fusion-title-center.fusion-title-size-two {
    max-width: 1085px;
    margin-right: auto;
    margin-left: auto;}

h2.title-heading-center {
    font-family: 'Libre Baskerville', serif !important;
    letter-spacing: 3px;
    font-weight: 400 !important;
    font-size: 22px !important;
    line-height: 35px !important;
    color: #fff !important;}

p.info1 {
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 15px;
    letter-spacing: 0px;
    padding-left: 5em !important;
    text-indent: -5em !important;
    text-align: left !important;}

.yoyaku{    background-color: #382003; padding: 15px 15px 25px; margin: 0 -20px;}
p.yoyakutxt {
    text-align: center !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: bold;
    line-height: 24px;
    margin-bottom: 0px !important; color: #8A602E !important;}

/*電話番号*/
.phone {
    max-width: 230px;
    margin: 35px auto 0;}
.phone .fusion-li-item-content { color: #ffffff; letter-spacing: 2px; font-weight: bold; font-size: 21px; margin-left: 36px !important; margin-top:-30px;}
.phone .fusion-checklist .fusion-li-icon { font-size: 28px; color: #fff !important; }
.phone span.icon-wrapper.circle-no { margin-right: 5px !important;}
p.info { font-size: 12px; float: right; margin-bottom: 0px; margin-top: -10px; letter-spacing: 1px; line-height: 18px; }
.fusion-checklist .fusion-li-item {
    margin-bottom: 0px;
    height: 42px;}


.instagram-link {
  color: #E1306C;
  text-decoration: none;
}

.instagram-link:hover {
  opacity: 0.8;
}


/* 写真が横に流れ続ける帯（旧 Placid Slider「staff」。1周 約60秒） */
.photo-scroller {
    max-width: 1040px;
    margin: 0 auto;
    overflow: hidden;
}

.photo-scroller__track {
    display: flex;
    width: max-content;
    animation: photo-scroller 60s linear infinite;
}

.photo-scroller__list {
    display: flex;
    list-style: none;
}

.photo-scroller__list li {
    flex: 0 0 auto;
    margin: 0 10px;
}

.photo-scroller__list img {
    display: block;
    width: 270px;
    height: 180px;
    object-fit: cover;
}

.photo-scroller:hover .photo-scroller__track {
    animation-play-state: paused;
}

@keyframes photo-scroller {
    from { transform: translateX(0); }
    to { transform: translateX(-50%); }
}

@media (prefers-reduced-motion: reduce) {
    .photo-scroller__track { animation: none; }
}

/* スマホでは、プロフィール末尾の文章と下の点線の間を旧サイトと同じ空きにする（文章の下余白 16px＋1px） */
@media (max-width: 800px) {
    .profilewaku + .sep {
        margin-top: calc(var(--mt, 0px) + 17px);
    }
}