@charset "utf-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 リセット 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

*,*:before,*:after { box-sizing: border-box; }
h1,h2,h3,h4,h5,h6 { font-weight: inherit; margin-top: 0; margin-bottom: 0; }
ol,ul { list-style: none; padding-left: 0; margin-top: 0; margin-bottom: 0; }
dl { margin-top: 0; margin-bottom: 0; }
dd { margin-left: 0; }
p { margin-top: 0; margin-bottom: 0; }
img { width: 100%; height: auto; vertical-align: top; }
a { word-break: break-all; }
a:link { outline: 0; }
table { border-collapse: collapse; }
table tr th { text-align: left; vertical-align: top; padding: 0; }
table tr td { vertical-align: top; padding: 0; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 基礎スタイル 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

html { overflow: hidden; overflow-y: scroll; scroll-behavior: smooth; font-size: 62.5%; line-height: 1; }
main#editCtr { font-family: "Yu Gothic", "游ゴシック体", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Arial", sans-serif; color: #333333; font-weight: 500; font-feature-settings: "palt"; }



/* ――――――――――――――――――――――――――――――
［ 再設定 ］
―――――――――――――――――――――――――――――― */

.yab_credit,
.yab_sponsored { font-size: 1.2rem; line-height: 1.4rem; }

@media screen and (max-width: 767px) {
	.yab_credit { font-size: 1rem; line-height: 1.2rem; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 汎用フォント関連 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.fwN { font-weight: 500; }
.fwB { font-weight: 700; }
.fcR { color: #cc0000; }
.tdL { text-decoration: line-through; }
.tdU { text-decoration: underline; }
.wsN { white-space: nowrap; }
.taR,.taRL,.taRC { text-align: right; }
.taC,.taCL { text-align: center; }

@media screen and (max-width: 767px) {
	.taRL,.taCL { text-align: left; }
	.taLC,.taRC { text-align: center; }
}



/* ――――――――――――――――――――――――――――――
［ font：文字サイズ個別指定 ］
―――――――――――――――――――――――――――――― */

.font11 { font-size: 1.1rem; line-height: 1.8rem; }



/* ――――――――――――――――――――――――――――――
［ commonAnn：注釈 ］
―――――――――――――――――――――――――――――― */

.commonAnn { display: table; }
.commonAnn dl { display: table-row; }
.commonAnn dt,
.commonAnn dd { display: table-cell; }
.commonAnn dt { white-space: nowrap; }





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 汎用レイアウト関連 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ diB：各種 display inline-block ］
―――――――――――――――――――――――――――――― */

.diIB { display: inline; }
.diB  { display: inline-block; }
.diBI { display: inline-block; }
.diBB { display: inline-block; }
.dbI  { display: block; }
.dbIB { display: block; }

@media screen and (max-width: 767px) {
	.diIB { display: inline-block; }
	.diB  { display: inline-block; }
	.diBI { display: inline; }
	.diBB { display: block; }
	.dbI  { display: inline; }
	.dbIB { display: inline-block; }
}



/* ――――――――――――――――――――――――――――――
［ maxW：max-width指定かつセンタリング ］
―――――――――――――――――――――――――――――― */

.maxW780 { max-width: 780px; margin-right: auto; margin-left: auto; }
.maxW1030 { max-width: 1030px; margin-right: auto; margin-left: auto; }

@media screen and (max-width: 767px) {
	.maxW780,
	.maxW1030 { max-width: 500px; }

}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 汎用画像処理関連 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ changeImg：2点の画像入れ替え ］
―――――――――――――――――――――――――――――― */

.changeImg img:nth-child(2) { display: none; }

@media screen and (max-width: 767px) {
	.changeImg img:nth-child(1) { display: none; }
	.changeImg img:nth-child(2) { display: block; }
}





/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
【 コンテンツ間隔 】
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ――――――――――――――――――――――――――――――
［ margin-bottom ］
―――――――――――――――――――――――――――――― */

.mb05 { margin-bottom: 5px; }
.mb06 { margin-bottom: 6px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb90 { margin-bottom: 90px; }
.mb100 { margin-bottom: 100px; }
.mb120 { margin-bottom: 120px; }
.mb140 { margin-bottom: 140px; }
.mb160 { margin-bottom: 160px; }
.mb180 { margin-bottom: 180px; }
.mb200 { margin-bottom: 200px; }

@media screen and (max-width: 767px) {
	.mb10 { margin-bottom: 5px; }
	.mb15 { margin-bottom: 10px; }
	.mb20 { margin-bottom: 10px; }
	.mb25 { margin-bottom: 15px; }
	.mb30 { margin-bottom: 20px; }
	.mb35 { margin-bottom: 20px; }
	.mb40 { margin-bottom: 20px; }
	.mb50 { margin-bottom: 25px; }
	.mb60 { margin-bottom: 30px; }
	.mb70 { margin-bottom: 35px; }
	.mb80 { margin-bottom: 40px; }
	.mb90 { margin-bottom: 45px; }
	.mb100 { margin-bottom: 50px; }
	.mb120 { margin-bottom: 60px; }
	.mb140 { margin-bottom: 70px; }
	.mb160 { margin-bottom: 80px; }
	.mb180 { margin-bottom: 90px; }
	.mb200 { margin-bottom: 100px; }
}



/* ――――――――――――――――――――――――――――――
［ articleMargin ］
―――――――――――――――――――――――――――――― */

.articleMargin30 article:not(:last-child) { margin-bottom: 30px; }
.articleMargin40 article:not(:last-child) { margin-bottom: 40px; }
.articleMargin50 article:not(:last-child) { margin-bottom: 50px; }
.articleMargin60 article:not(:last-child) { margin-bottom: 60px; }
.articleMargin70 article:not(:last-child) { margin-bottom: 70px; }
.articleMargin80 article:not(:last-child) { margin-bottom: 80px; }
.articleMargin90 article:not(:last-child) { margin-bottom: 90px; }
.articleMargin100 article:not(:last-child) { margin-bottom: 100px; }
.articleMargin120 article:not(:last-child) { margin-bottom: 120px; }

@media screen and (max-width: 767px) {
	.articleMargin30 article:not(:last-child) { margin-bottom: 20px; }
	.articleMargin40 article:not(:last-child) { margin-bottom: 20px; }
	.articleMargin50 article:not(:last-child) { margin-bottom: 25px; }
	.articleMargin60 article:not(:last-child) { margin-bottom: 30px; }
	.articleMargin70 article:not(:last-child) { margin-bottom: 35px; }
	.articleMargin80 article:not(:last-child) { margin-bottom: 40px; }
	.articleMargin90 article:not(:last-child) { margin-bottom: 45px; }
	.articleMargin100 article:not(:last-child) { margin-bottom: 50px; }
	.articleMargin120 article:not(:last-child) { margin-bottom: 60px; }
}



/* ――――――――――――――――――――――――――――――
［ sectionMargin ］
―――――――――――――――――――――――――――――― */

.sectionMargin30 section:not(:last-child) { margin-bottom: 30px; }
.sectionMargin40 section:not(:last-child) { margin-bottom: 40px; }
.sectionMargin50 section:not(:last-child) { margin-bottom: 50px; }
.sectionMargin60 section:not(:last-child) { margin-bottom: 60px; }
.sectionMargin70 section:not(:last-child) { margin-bottom: 70px; }
.sectionMargin80 section:not(:last-child) { margin-bottom: 80px; }
.sectionMargin90 section:not(:last-child) { margin-bottom: 90px; }
.sectionMargin100 section:not(:last-child) { margin-bottom: 100px; }
.sectionMargin120 section:not(:last-child) { margin-bottom: 120px; }

@media screen and (max-width: 767px) {
	.sectionMargin30 section:not(:last-child) { margin-bottom: 20px; }
	.sectionMargin40 section:not(:last-child) { margin-bottom: 20px; }
	.sectionMargin50 section:not(:last-child) { margin-bottom: 25px; }
	.sectionMargin60 section:not(:last-child) { margin-bottom: 30px; }
	.sectionMargin70 section:not(:last-child) { margin-bottom: 35px; }
	.sectionMargin80 section:not(:last-child) { margin-bottom: 40px; }
	.sectionMargin90 section:not(:last-child) { margin-bottom: 45px; }
	.sectionMargin100 section:not(:last-child) { margin-bottom: 50px; }
	.sectionMargin120 section:not(:last-child) { margin-bottom: 60px; }
}