@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 fafIllust 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.fafIllust { overflow: hidden; max-width: 720px; border-radius: 200px; margin-right: auto; margin-left: auto; }
.fafIllust2 { overflow: hidden; max-width: 960px; margin-right: auto; margin-left: auto; }




/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 fafList 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ fafList1 ］
―――――――――――――――――――――――――――――― */

.fafList1 { font-size: 0; line-height: 0; }
.fafList1 .listInner:not(:last-child) { margin-bottom: 120px; }
.fafList1 .listImg { display: inline-block; width: calc( 430 / 960 * 100% ); vertical-align: top; }
.fafList1 .listTxt { display: inline-block; width: calc( 480 / 960 * 100% ); vertical-align: top; margin-left: calc( 50 / 960 * 100% ); }
.fafList1 .listTxt dl { margin-bottom: 40px; }
.fafList1 .listTxt dl dt { font-size: 2rem; line-height: 3rem; font-weight: 700; margin-bottom: 15px; }
.fafList1 .listTxt dl dd { font-size: 1.6rem; line-height: 3rem; }
	.fafList1 .listTxt dl dd .fafMV { padding-top: 30px; }
.fafList1 .listTxt a { width: 260px; }
.fafCaTitle { font-size: 2.8rem; line-height: 4.0rem; font-weight: 500; margin-bottom: 25px; }
.fafList1 .listTxt .txtBtn { text-align: right; margin-top: 30px; }
.fafList1 .listTxt .txtBtn a { display: inline-block; width: 210px; border: solid 1px #333333; font-size: 1.8rem; line-height: 1; text-align: center; padding: 13px; }


@media screen and (min-width: 769px) {
	.fafList1 .listTxt .txtBtn a { transition: 0.3s ease; }
	.fafList1 .listTxt .txtBtn a:hover  { background-color: #333333; color: #ffffff; }
}


@media screen and (max-width: 767px) {
	.fafList1 { max-width: 430px; }
	.fafList1 .listInner:not(:last-child) { margin-bottom: 70px; }
	.fafList1 .listImg { width: 100%; margin-bottom: 20px; }
	.fafList1 .listTxt { width: 100%; margin-left: 0; }
	.fafList1 .listTxt dl { margin-bottom: 25px; }
	.fafList1 .listTxt dl dt { font-size: 1.8rem; line-height: 2.8rem; }
	.fafList1 .listTxt dl dd { line-height: 2.6rem; }
	.fafList1 .listTxt a { margin-right: auto; margin-left: auto; }
	.fafCaTitle { font-size: 2.2rem; line-height: 3.2rem; margin-bottom: 15px; }
	.fafList1 .listTxt .txtBtn { text-align: center; }
	.fafList1 .listTxt .txtBtn a { font-size: 1.6rem; }
}



/* ――――――――――――――――――――――――――――――
［ fafList2 ］
―――――――――――――――――――――――――――――― */

.fafList2 { font-size: 0; line-height: 0; }
.fafList2:not(:last-child) { margin-bottom: 80px; }
.fafList2 .listName { margin-bottom: 20px; }
.fafList2 dl.listName dt { font-size: 2rem; line-height: 3rem; font-weight: 700; margin-bottom: 10px; }
.fafList2 dl.listName dd { font-size: 1.6rem; line-height: 3rem; }
.fafList2 div.listName { width: 100%; font-size: 2rem; line-height: 3rem; font-weight: 700; }
.fafList2 .listInner { display: inline-block; width: calc( 430 / 960 * 100% ); vertical-align: top; }
.fafList2 .listInner:nth-child(even) { margin-left: calc( 100 / 960 * 100% ); }
.fafList2 .listInner:nth-child(n+3) { margin-top: 70px; }
.fafList2 .listImg { border: solid 1px #cccccc; margin-bottom: 20px; }
.fafList2 dl.listTxt dt { font-size: 2rem; line-height: 3rem; font-weight: 700; margin-bottom: 10px; }
.fafList2 dl.listTxt dd { font-size: 1.6rem; line-height: 3rem; }
.fafList2 div.listTxt { font-size: 1.6rem; line-height: 3rem; }
.fafList2 div.listTxt dl { display: table; margin-top: 15px; }
.fafList2 div.listTxt dl dt,
.fafList2 div.listTxt dl dd { display: table-cell; }


@media screen and (max-width: 767px) {
	.fafList2 { max-width: 430px; }
	.fafList2:not(:last-child) { margin-bottom: 60px; }
	.fafList2 .listInner { display: block; width: 100%; }
	.fafList2 .listInner:nth-child(even) { margin-left: 0; }
	.fafList2 .listInner:nth-child(n+2) { margin-top: 50px; }
	.fafList2 .listImg { margin-bottom: 20px; }
	.fafList2 dl.listTxt dt { font-size: 1.8rem; line-height: 2.8rem; }
	.fafList2 dl.listTxt dd { line-height: 2.6rem; }
	.fafList2 div.listTxt { line-height: 2.6rem; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 fafInfo 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.fafInfo { background: #f5f5f5; font-size: 0; line-height: 0; padding: calc( 60 / 960 * 100% ); }
.fafInfo:not(:last-child) { margin-bottom: 40px; }
.fafInfo .infoName { display: table; margin-bottom: 40px; }
.fafInfo .infoName div { display: table-cell; width: 210px; vertical-align: top; padding-right: 30px; }
.fafInfo .infoName dl { display: table-cell; width: calc( 100% - 210px ); vertical-align: middle; }
.fafInfo .infoName dl dt { font-size: 1.8rem; line-height: 2.4rem; font-weight: 700; margin-bottom: 10px; }
.fafInfo .infoName dl dd { width: 100%; font-size: 1.6rem; line-height: 2.2rem; }
.fafInfo .infoMovie a { display: inline-block; width: calc( 390 / 840 * 100% ); }
.fafInfo .infoMovie a:nth-child(even) { margin-left: calc( 60 / 840 * 100% ); }
.fafInfo .infoName .txtBtn { padding-top: 15px; }
.fafInfo .infoName .txtBtn a { display: inline-block; width: 180px; border: solid 1px #333333; font-size: 1.6rem; line-height: 1; text-align: center; padding: 10px; }

@media screen and (min-width: 769px) {
	.fafInfo .infoName .txtBtn a { transition: 0.3s ease; }
	.fafInfo .infoName .txtBtn a:hover  { background-color: #333333; color: #ffffff; }
}


@media screen and (max-width: 767px) {
	.fafInfo { padding: calc( 20 / 280 * 100% ); }
	.fafInfo:not(:last-child) { margin-bottom: 30px; }
	.fafInfo .infoName { display: block; margin-bottom: 20px; }
	.fafInfo .infoName div { display: block; width: 160px; padding-right: 0; margin: 0 auto 20px; }
	.fafInfo .infoName dl { display: block; width: 100%;  }
	.fafInfo .infoName dl dt { font-size: 1.6rem; line-height: 2.2rem; }
	.fafInfo .infoName dl dd { font-size: 1.4rem; line-height: 2rem; }
	.fafInfo .infoMovie a { display: block; max-width: 390px; width: 100%; margin-right: auto; margin-left: auto; }
	.fafInfo .infoMovie a:nth-child(even) { margin-left: auto; }
	.fafInfo .infoMovie a:not(:last-child) { margin-bottom: 20px; }
	.fafInfo .infoName .txtBtn { margin: 0 auto 20px 0; }
	.fafInfo .infoName .txtBtn a { font-size: 1.5rem; }
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 fafBanner 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */



.fafBanner { display: block; max-width: 960px; margin-right: auto; margin-left: auto; }
.fafBanner_sp { display: none; }

@media screen and (min-width: 769px) {
.fafBanner a { transition: 0.3s; }
.fafBanner a:hover { opacity: 0.6; }
}


@media screen and (max-width: 767px) {

.fafBanner { display: none; }
.fafBanner_sp { display: block; max-width: 960px; margin-right: auto; margin-left: auto; }

}