/*  ---------------------------------------------------------------------------------------------------------　　c-article__generalList  */
.c-article__generalsList{display: flex; flex-wrap: wrap; margin: 6.5rem 0 0 0;}
.c-article__generalsItem{-webkit-filter: drop-shadow(0 .1rem .5rem rgba(0, 0, 0, .2)); margin: 3rem 0 0 3rem; }
.c-article__generalsItem:hover{opacity: .8;}
.c-article__generalsItem:nth-child(1){margin: 3rem 0 0 0;}
.c-article__generalsItem:nth-child(6){margin: 3rem 0 0 0;}
.c-article__generalsItem:nth-child(11){margin: 3rem 0 0 0;}
.c-article__generalsItem:last-child{margin: 3rem auto 0 auto;}
@media screen and (max-width: 768px) {
	.c-article__header + .c-article__body{margin: 6.8rem 1.8rem 0 1.8rem;}
	.c-article__generalsItem{margin: 2rem 0 0 3rem; width: calc(33% - 2rem);}
	.c-article__generalsItem:nth-child(6){margin: 2rem 0 0 3rem; }
	.c-article__generalsItem:nth-child(11){margin: 2rem 0 0 3rem; }
	.c-article__generalsItem:nth-child(1) , .c-article__generalsItem:nth-child(4) , .c-article__generalsItem:nth-child(7) , .c-article__generalsItem:nth-child(10) , .c-article__generalsItem:nth-child(13){margin: 2rem 0 0 0; }
	.c-article__generalsItem:last-child{margin: 2rem auto 0 auto; width: 100%;}
}


/*  ---------------------------------------------------------------------------------------------------------　　c-article__general  */
.singlePage--generalsLower .c-article__body{margin: 10.2rem 0 0 0}
.c-article__generals{-webkit-filter: drop-shadow(0 .1rem .5rem rgba(0, 0, 0, .2)); margin: 0 auto; max-width: 96rem; position: relative;}
.c-article__generals:before{background-image: url(/generals/img/c_article__generalsBg--leftTop.png); background-size: contain; content: ""; height: 3rem; left: 0; position: absolute; top: 0; width: 3rem; z-index: 1;}
.c-article__generals:after{background-image: url(/generals/img/c_article__generalsBg--rightTop.png); background-size: contain; content: ""; height: 3rem; position: absolute; right: 0; top: 0; width: 3rem; z-index: 1;}
.c-article__generals__inner{background:linear-gradient(45deg, transparent 2rem, #fff 2rem), linear-gradient(315deg, transparent 2rem, #fff 2rem), linear-gradient(225deg, transparent 2rem, #fff 2rem), linear-gradient(135deg, transparent 2rem, #fff 2rem); background-position: bottom left, bottom right, top right, top left; background-size: 50% 51%; background-repeat: no-repeat; padding: .6rem .6rem .5rem .6rem; position: relative;}
.c-article__generals__inner:after{background-image: url(/generals/img/c_article__generalsBg--rightBottom.png); background-size: contain; bottom: 0; content: ""; height: 3rem; position: absolute; right: 0; width: 3rem; z-index: 3;}
.c-article__generalsContent{border: .2rem solid #000; border-radius: 2rem; display: flex; flex-wrap: wrap;}
.c-article__generalsImage{margin: 4.4rem 0 -.7rem -.8rem; position: relative; width: 50%;}
.c-article__generalsImage.etc{margin: -.8rem 0 -.7rem -.8rem; position: absolute; width: auto; z-index: 9;}
.c-article__generalsImage img { /*position: absolute;*/position: relative; bottom: 0; }
.c-article__generalsImage img.ab { /*position: absolute;*/position: absolute; bottom: 0; }
.c-article__generalsText{/*margin:21.8rem 0 0 1.2rem;*/margin:5rem 0 0 1.2rem; position: relative; text-align: left; /*width: calc(100% - 52rem);*/ width: 46%; z-index: 999;}
.c-article__generalsText.w100{width: 100%; padding: 3rem 8rem 0 8rem;}
.c-article__generalsText .group {
    /*display: flex;
    align-items: baseline;
	width: 100%*/;
}
.c-article__generalsText .group .c-aricle__generalsText--titleBirth {
    margin: 8px 0;
	display: block;
}
.c-article__generalsText .group .c-aricle__generalsText--voice {
    margin: 8px 0;
    /*display: flex;
    justify-content: center;
    align-items: center;*/
}
.c-aricle__generalsText--title {
    display: flex;
    align-items: flex-end;
    width: 100%;
}
.c-aricle__generalsText--title a {
	margin-left: 15px;
}
.c-aricle__generalsText--title.sound a img {
	width: 85%;
}
.c-aricle__generalsText--title img {/*display: block;*/ margin-bottom: 5px;}
.c-aricle__generalsText--titleBirth{display: block; font-size: 1.8rem; letter-spacing: .2rem; line-height: 1; margin: 8px 0;}
.c-aricle__generalsText--titleBirth-chara{display: inline-block; /*font-size: 1.6rem; letter-spacing: .2rem; line-height: 1; text-align: center;*/ font-size: 1.2rem; letter-spacing: .05rem; line-height: 1.5; margin: 1rem 0 0 0; width: 100%; text-align: left; font-feature-settings: "palt"; }
.c-aricle__generalsText--titleBirth-chara .birth{font-size: 1.4rem; letter-spacing: .2rem; }

/*.c-aricle__generalsText--titleBirth:nth-child(3){ width: 100%; border-top: 3px solid #000; padding-top: 6.3rem;}*/
.c-aricle__generalsText--voice{/*display: inline-block; padding: 0 0 0 15px;*/ margin: 5px 0;}
.c-aricle__generalsText--voice a{/*position:relative; display: block; font-size: 1.8rem; letter-spacing: .2rem; line-height: 1; margin: 2.3rem 20px 0 20px; margin: 10px;*/ margin-left: 10px; display: inline-block; }
.c-aricle__generalsText--voice a img{/*display: inline; position:absolute; top: 50%; margin: -26px 10px 0 10px;*/ display: inline-block;}
.c-article__generalsText--detail{/*line-height: 4.1rem;*/line-height: 2.7rem; margin: 2.0rem 0 5.3rem 0;/*margin: 2.3rem 0 5.3rem 0; margin: 6.8rem 0 29.5rem 0;*/}
.c-article__generalsText--detail.kashin{justify-content: space-between; display: flex;}
.c-article__generalsText--detail.kashinall{display: inherit;}
.c-article__generalsText--detail.end{/*margin: 2.3rem 0 10rem 0;*/margin: 2.0rem 0 10rem 0; /*display: block;*/ float: left;}
.c-article__generalsText--detail.end img.vbtn {
    width: 50%;
    margin-bottom: 7px;
}
.c-article__generalsText--detail.kashin p{width: 48%; margin: 0.5rem 0 0 0;}
.c-article__generalsText--detail.kashinall p{width: 100%; margin-bottom: 30px;}
.c-article__generalsText--detail.kashin.etc p,
.c-article__generalsText--detail.kashinall.etc p{width: 65%;}
.c-article__generalsText--detail.kashin.etc p.img,
.c-article__generalsText--detail.kashinall.etc p.img{width: auto; margin-left: 4rem;}
.c-article__generalsText--detail.kashin div.img{width: 48%;}
.c-article__generalsText--detail.kashinall div.img{width: 100%;}
.c-article__generalsText--detail.kashin div.img p{width: 100%; margin-bottom: 20px; margin-top: 20px;}
.c-article__generalsText--detail.kashinall div.img .chara{width: 45%; margin-bottom: 20px; margin-right: 5%; float: left;}
.c-article__generalsText--detail.kashinall div.img .chara .c-aricle__generalsText--title a{margin-left: 5px;}
.c-article__generalsText--ttl {border-bottom: 2px solid #a8161b; color: #a8161b; font-size: 27px; padding-bottom: 2px; margin-bottom: 4.0rem;}
.c-article__generalsText--detailAttention{font-size: 1.2rem;}
.c-article__generalsBtn{bottom: 4rem; display: flex; flex-wrap: wrap; justify-content:space-around; left: 7rem; margin: 0 auto; position: absolute; width: 27.4rem;}
.c-article__generalsBtn--prevFirst , .c-article__generalsBtn--nextLast{visibility: hidden;}

@media screen and (max-width: 960px) {
.c-aricle__generalsText--titleBirth{display: block;}
.c-aricle__generalsText--voice{padding: 0 0 0 0px; /*display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center;*/ display: flex; align-items: center; margin-top: 5px;}
.c-aricle__generalsText--voice a{/*margin: 2.3rem 0 0 0;*/ padding: 0;}
.c-article__generalsText--ttl {margin-top: 4.0rem;}
.c-article__generalsText--detail.kashin.etc p,
.c-article__generalsText--detail.kashinall.etc p{width:60%;}
.c-article__generalsText--detail.kashin.etc p.img,
.c-article__generalsText--detail.kashinall.etc p.img{width: auto; margin-left: 0;}

.c-article__generalsText .group {display: inline-block;}
.c-article__generalsText .group .c-aricle__generalsText--voice {
	padding: 0 0 0 0px; 
	display: flex;
    justify-content: left;
    align-items: center;
	width: 100%;}
.c-article__generalsText .group .c-aricle__generalsText--titleBirth {margin: 1.8rem 0 1.0rem 0;}
}

@media screen and (max-width: 768px) {
.singlePage--generalsLower .c-article__body{margin: 6.8rem 1.8rem 0 1.8rem;}
.c-article__generals__inner{background-size: 51% 51%; padding: .6rem .6rem .5rem .6rem; }
.c-article__generals__inner:before{background-image: url(/generals/img/c_article__generalsBg--leftBottom.png); background-size: contain; bottom: 0; content: ""; height: 3rem; left: 0; position: absolute; width: 3rem; z-index: 3;}
.c-article__generalsContent{/*display: block;*/}
.c-article__generalsImage{margin: 2.4rem 0 0 0; width: 82%;}
.c-article__generalsImage.etc{width: 100%;}
.c-article__generalsImage img { position: inherit; bottom: inherit; }
.c-article__generalsImage img.ab { position: inherit; bottom: inherit; }
.c-article__generalsText{box-sizing: border-box; display: block; margin:0 0 0 0; padding: 0rem 2rem 3rem 2rem; width: 100%;}
.c-aricle__generalsText--title{width: 100%; margin-top: 30px;}
.c-aricle__generalsText--title .blank{display: none;}
.c-aricle__generalsText--title img.chara01 {max-height: 8vh;}
.c-aricle__generalsText--title img.chara02 {max-height: 7vh;}
	
.c-article__generalsText--detail.kashinall div.img .chara .c-aricle__generalsText--title{margin-top: 0; display: inherit;}
.c-article__generalsText--detail.kashinall div.img .chara .c-aricle__generalsText--title a img{margin-left: 15px; margin-bottom: 5px; width: 90px;}
.c-article__generalsText--detail.kashinall div.img .chara .c-aricle__generalsText--title .c-aricle__generalsText--titleBirth-chara{width: auto;}
.c-aricle__generalsText--titleBirth{font-size: 1.5rem; margin: 1.8rem 0 1.0rem 0;}
	
.c-aricle__generalsText--title a img.vbtn {
	max-width: 20vw;
}
.c-article__generalsText--detail.kashin p{margin: 2.5rem 0 0 0;}
.c-article__generalsText .group .c-aricle__generalsText--voice {
    padding: 0 0 0 0px;
    display: flex;
    justify-content: left;
    align-items: center;
	width: 100%;
}
	
.c-aricle__generalsText--voice{/*display: inline-block;*/}
.c-aricle__generalsText--voice a{display: contents;}
.c-aricle__generalsText--voice a img{margin: 0 0 0 10px;}
.c-article__generalsText.w100{padding: 0rem 2rem 3rem 2rem;}
.c-article__generalsText--detail{line-height: 3rem; /*margin: 1.0rem 0 0 0; margin: 3.8rem 0 0 0;*/}
.c-article__generalsText--detail.end{/*margin: 2.3rem 0 5rem 0;*/margin: 0rem 0 5rem 0;}
.c-article__generalsText--detail.kashin,
.c-article__generalsText--detail.kashinall{justify-content: inherit; display: inherit;}
.c-article__generalsText--detail.kashin.etc p,
.c-article__generalsText--detail.kashinall.etc p{width: 100%;}
.c-article__generalsText--detail.kashinall p,
.c-article__generalsText--detail.kashin p,
.c-article__generalsText--detail.kashin div.img,
.c-article__generalsText--detail.kashinall div.img{width: 100%;}
.c-article__generalsText--detail.kashin div.img p,
.c-article__generalsText--detail.kashinall div.img .chara {margin-bottom: 15px; text-align: center; width: 44%; margin-left: 3%; margin-right: 3%;}
.c-article__generalsText--detail.kashin p.img,
.c-article__generalsText--detail.kashin div.img p img{margin: 3rem auto 0 auto; text-align: center;}
.c-article__generalsText--detail.kashinall p.img,
.c-article__generalsText--detail.kashinall div.img .chara img{margin: 0rem auto 0 auto; text-align: center;}
.c-article__generalsBtn{/*margin: 8rem auto 2rem;*/ margin: 2rem auto 2rem; position: unset; width: 100%;}
}