/*トピックス内基本形*/
.info-temp{
    margin: 5em auto;
    width:100%;
    max-width: 400px;}
.info-temp h3{
    text-align: left;}
.card{
        width:380px;
        height: 475px;
        margin:1em auto 3em;
        padding:1.5em 2em;
        box-sizing: border-box;
        position: relative;
        }
.card div{
        position: absolute;
        right:1em;
        bottom:0;
        }
.talk{width:100%;
margin-top: 1em;}
.talk h4{font-size: 1em;font-weight: bolder;margin: 0;}
.talk ul{
    margin: 1em;
}
/*舟越作品集*/
#funakoshi{
font-size: 1.3em;}
#funakoshi::after{
content: " \0bb";}
#funakoshi-a{
position: relative;
display: block;
padding-bottom: 1em;  
background: linear-gradient(115deg, rgba(226,224,255,0.4) 0%, rgba(138,170,198,0.2) 64%, rgba(78,158,191,0.3) 100%);transition: 5s;}

#funakoshi-a::before{
content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
background: linear-gradient(115deg, rgba(226,224,255,0.4) 0%, rgba(138,170,198,0.2) 24%, rgba(78,158,191,0.3) 100%);
opacity: 0;
    transition: opacity 0.5s;
}
#funakoshi-a:hover::before{
opacity: 1;}

/*舟越*/
.funakoshi .subtitle{
margin-right: 1em;font-size: 1.1em;}
.funakoshi h3 span:last-of-type{font-size: 1.1em;}
.funakoshi .card div>span{
writing-mode: vertical-rl;font-size: 1.2em;font-weight: bolder;font-family:"游ゴシック", "メイリオ","MSゴシック";line-height: 1.8em;
margin-right: -.7em;text-shadow: 0 0 0.2em rgb(209, 209, 209);color: #fff;}
.funakoshi .card{
width: 330px;
        height: 480px;
        margin:1em auto 3em;
        padding:1.5em 2em;
        box-sizing: border-box;
        background: url("https://www.nagaragawagarou.com/img/funakoshi-card-back.jpg") left bottom no-repeat;
        background-size: 100%;
        color: #1d1c1c;
        position: relative;
}

/*実篤*/
.saneatsu .subtitle{font-size: .9em;display: block;}
.saneatsu h3>span:last-of-type{
font-size: 1.2em;}
.saneatsu .card{
width: 324px;
        height: 480px;
        margin:1em auto 3em;
        padding:1.5em 2em;
        box-sizing: border-box;
        background: url("https://www.nagaragawagarou.com/img/saneatsu-card-back.jpg") left bottom no-repeat;
        background-size: 100%;
        color: #1d1c1c;
        position: relative;
}
.saneatsu .card div{
position: absolute;
bottom:-1.5em;
}

.saneatsu .card div{
font-size: .8em;}
.saneatsu .card > div span:first-of-type{
margin-right: .5em;}
/*叡智*/    
.eichi .subtitle{
    font-size: 1.1em;
        display: block;    
    }
.eichi h3>span:last-of-type{
      font-size: .9em;
    }
.eichi .card{
        width:380px;
        height: 475px;
        margin:1em auto 3em;
        padding:1.5em 2em;
        box-sizing: border-box;
        background: url("https://www.nagaragawagarou.com/img/eichi-for-web-back.jpg") left bottom no-repeat;
        background-size: 100%;
        color: #1d1c1c;
        position: relative;
        }
.eichi .card div{
        position: absolute;
        left:2em;
        bottom:1em;
        }
        
.eichi .card span{
        display: block;
        letter-spacing: 0.1em;
        font-size: 2em;
        letter-spacing: 0;
        text-shadow: 1px 1px 4px #636060,0.5px 0.5px 6px #6b6565;}
.eichi .card div span:nth-of-type(2){
        font-size:.9em;}
.eichi .talk{background-color: rgb(255, 250, 232);
padding: .5em;
box-sizing: border-box;}        

/*アッバ*/
.abba-inori{
margin: 5em auto;
width:100%;
max-width: 400px;}
.abba-inori h3{
text-align: left;}
.abba-inori-subtitle{
font-size: 0.8em;
display: block;

}
.abba-inori > h3{
margin-bottom: 0;}

.abba-inori-card{
width:380px;
height: 475px;
margin:1em auto 3em;
padding:1.5em 2em;
box-sizing: border-box;
background: url("https://www.nagaragawagarou.com/img/inoue-shinpu-portrait.jpg") left bottom no-repeat;
background-size: 100%;
color: #fff;
position: relative;
}
.abba-inori-card div{
position: absolute;
right:1em;
bottom:0;
}

.abba-inori-card span{
display: block;
letter-spacing: 0.1em;
font-size: 1em;
letter-spacing: 0;
text-shadow: 1px 1px 4px #f7f4f4,0.5px 0.5px 6px #fff;}
.abba-inori-card div span:first-of-type{
font-size: xx-small;}


.reimeiten{
margin: 5em auto;
width:100%;
max-width: 400px;}
.reimeiten h3{
text-align: center;}
.reimeiten-subtitle{
font-size: 0.8em;
display: block;

}
.reimeiten-card{
width:380px;
height: 475px;
margin: 3em auto;
padding:4em 15%;
box-sizing: border-box;
background: url("https://www.nagaragawagarou.com/img/reimeiten-img.jpg") left bottom no-repeat;
color: #fff;
writing-mode:vertical-rl;
}


.reimeiten-card span{
font-size: .6em;
letter-spacing: 0.1em;
text-shadow: 4px 4px 5px #000,0.5px 0.5px 6px #fff;}
.reimeiten-card span:nth-of-type(2){
writing-mode: horizontal-tb;
letter-spacing: 0;}
.reimeiten-card span:last-of-type,.reimeiten-card span:nth-last-child(2){
display: block;}
.reimeiten-card span:nth-last-child(2){
font-size:1.1em;
line-height: .7em;}
.reimeiten-card span:last-of-type{
margin-top: 2.2em;
line-height: 2em;
font-size: 0.8em;}

@media (max-width: 500px) {
.reimeiten-card,.tsubaki-card,.abba-inori-card{
transform: scale(0.8) translateY(-4em);
}
.reimeiten-dlbox, .tsubaki-dlbox,.abba-inori-dlbox{
transform: translateY(-5em);}
}
@media (min-width: 501px){
.reimeiten-dlbox, .tsubaki-dlbox,.abba-inori-dlbox{
transform: translateY(-2em);}
}
.tsubaki{
margin: 5em auto;
width:100%;
max-width: 400px;}
.tsubaki h3{
margin: 0 auto 2em 1.5em;
font-weight: bolder;}
.tsubaki h3 p:first-of-type::first-letter{
font-size: 2.6em;
line-height: 1;
float: left;}
.tsubaki-subtitle{
display: block;
position: relative;
font-weight: lighter;
font-size: 1.4rem;
margin-left: 2em;
  }
.tsubaki-subtitle::before, .tsubaki-subtitle::after{
    content: '-';
}

.tsubaki-card{
background-color:#171f2b;
padding-bottom:.5em;
}
.tsubaki-card img{
width:100%;
height:auto;

}
.tsubaki-card p{
color: white;
width: 90%;
margin: 1em auto;}
.tsubaki-ref{
width: 90%;
color: white;
display: block;
text-align: right;
margin: 0 auto;
letter-spacing: .1em;}
.tsubaki dd{margin-bottom: 1em;}
.tsubaki-zuroku{
margin-left: -2em;
margin-top: 2em;
}




.yanagi{
background: rgba(231, 177, 177, 0.2);
padding:0 1em 1em 1em;}
.yanagi-attention{
background-color: rgba(17, 121, 31, 0.822);}
.yanagi-dlbox{
max-width: 600px;
margin: 1em auto;
}
.yanagi dl{
margin-bottom: 0;}


.yanagi-img{width: 90%;
text-align: center;}
.yanagi-img img{
margin: 1em auto;}
.info .yanagi p{
margin: 0 auto;}
.yanagi-zuroku{
margin-left: 1em;}
.yanagi-ref{
display: block;
width:95%;
text-align: right;}
@media (min-width: 500px) {
.yanagi-img{width: 90%;
text-align: right;}
    
}
@media (min-width: 768px){
.yanagi-dlbox{
max-width: 800px;
display: flex;
flex-direction: row;
margin-top: -1em;
}
.yanagi dl{
margin-top: 10%;
margin-bottom: 2em;
}

.yanagi-img{
width:300px;
margin-left: 1em;}
.yanagi-zuroku{
margin-left:0;
}
.yanagi dd:last-of-type{
margin-top: 1em;}
}