@charset "UTF-8";

/* マージン
----------------------------------------------------------------------- */
#main .main-contents .mt-0  {margin-top: 0 !important;}
#main .main-contents .mt-5  {margin-top: 5px !important;}
#main .main-contents .mt-10 {margin-top: 10px !important;}
#main .main-contents .mt-12 {margin-top: 12px !important;}
#main .main-contents .mt-15 {margin-top: 15px !important;}
#main .main-contents .mt-20 {margin-top: 20px !important;}
#main .main-contents .mt-25 {margin-top: 25px !important;}
#main .main-contents .mt-30 {margin-top: 30px !important;}
#main .main-contents .mt-35 {margin-top: 35px !important;}
#main .main-contents .mt-40 {margin-top: 40px !important;}
#main .main-contents .mt-45 {margin-top: 45px !important;}
#main .main-contents .mt-50 {margin-top: 50px !important;}

#main .main-contents .mr-0  {margin-right: 0 !important;}
#main .main-contents .mr-5  {margin-right: 5px !important;}
#main .main-contents .mr-10 {margin-right: 10px !important;}
#main .main-contents .mr-12 {margin-right: 12px !important;}
#main .main-contents .mr-15 {margin-right: 15px !important;}
#main .main-contents .mr-20 {margin-right: 20px !important;}
#main .main-contents .mr-25 {margin-right: 25px !important;}
#main .main-contents .mr-30 {margin-right: 30px !important;}
#main .main-contents .mr-35 {margin-right: 35px !important;}
#main .main-contents .mr-40 {margin-right: 40px !important;}
#main .main-contents .mr-45 {margin-right: 45px !important;}
#main .main-contents .mr-50 {margin-right: 50px !important;}

#main .main-contents .mb-0  {margin-bottom: 0 !important;}
#main .main-contents .mb-5  {margin-bottom: 5px !important;}
#main .main-contents .mb-10 {margin-bottom: 10px !important;}
#main .main-contents .mb-12 {margin-bottom: 12px !important;}
#main .main-contents .mb-15 {margin-bottom: 15px !important;}
#main .main-contents .mb-20 {margin-bottom: 20px !important;}
#main .main-contents .mb-25 {margin-bottom: 25px !important;}
#main .main-contents .mb-30 {margin-bottom: 30px !important;}
#main .main-contents .mb-35 {margin-bottom: 35px !important;}
#main .main-contents .mb-40 {margin-bottom: 40px !important;}
#main .main-contents .mb-45 {margin-bottom: 45px !important;}
#main .main-contents .mb-50 {margin-bottom: 50px !important;}

#main .main-contents .ml-0  {margin-left: 0 !important;}
#main .main-contents .ml-5  {margin-left: 5px !important;}
#main .main-contents .ml-10 {margin-left: 10px !important;}
#main .main-contents .ml-12 {margin-left: 12px !important;}
#main .main-contents .ml-15 {margin-left: 15px !important;}
#main .main-contents .ml-20 {margin-left: 20px !important;}
#main .main-contents .ml-25 {margin-left: 25px !important;}
#main .main-contents .ml-30 {margin-left: 30px !important;}
#main .main-contents .ml-35 {margin-left: 35px !important;}
#main .main-contents .ml-40 {margin-left: 40px !important;}
#main .main-contents .ml-45 {margin-left: 45px !important;}
#main .main-contents .ml-50 {margin-left: 50px !important;}

/* パディング
----------------------------------------------------------------------- */
#main .main-contents .pt-0  {padding-top: 0 !important;}
#main .main-contents .pt-5  {padding-top: 5px !important;}
#main .main-contents .pt-10 {padding-top: 10px !important;}
#main .main-contents .pt-12 {padding-top: 12px !important;}
#main .main-contents .pt-15 {padding-top: 15px !important;}
#main .main-contents .pt-20 {padding-top: 20px !important;}
#main .main-contents .pt-30 {padding-top: 30px !important;}

#main .main-contents .pr-0  {padding-right: 0 !important;}
#main .main-contents .pr-5  {padding-right: 5px !important;}
#main .main-contents .pr-10 {padding-right: 10px !important;}
#main .main-contents .pr-12 {padding-right: 12px !important;}
#main .main-contents .pr-15 {padding-right: 15px !important;}
#main .main-contents .pr-20 {padding-right: 20px !important;}
#main .main-contents .pr-30 {padding-right: 30px !important;}

#main .main-contents .pb-0  {padding-bottom: 0 !important;}
#main .main-contents .pb-5  {padding-bottom: 5px !important;}
#main .main-contents .pb-10 {padding-bottom: 10px !important;}
#main .main-contents .pb-12 {padding-bottom: 12px !important;}
#main .main-contents .pb-15 {padding-bottom: 15px !important;}
#main .main-contents .pb-20 {padding-bottom: 20px !important;}
#main .main-contents .pb-30 {padding-bottom: 30px !important;}

#main .main-contents .pl-0  {padding-left: 0 !important;}
#main .main-contents .pl-5  {padding-left: 5px !important;}
#main .main-contents .pl-10 {padding-left: 10px !important;}
#main .main-contents .pl-12 {padding-left: 12px !important;}
#main .main-contents .pl-15 {padding-left: 15px !important;}
#main .main-contents .pl-20 {padding-left: 20px !important;}
#main .main-contents .pl-30 {padding-left: 30px !important;}

/* 幅
----------------------------------------------------------------------- */
#main .main-contents .w-50   {width: 50px !important;}
#main .main-contents .w-100  {width: 100px !important;}
#main .main-contents .w-150  {width: 150px !important;}
#main .main-contents .w-200  {width: 200px !important;}
#main .main-contents .w-250  {width: 250px !important;}
#main .main-contents .w-300  {width: 300px !important;}
#main .main-contents .w-auto {width: auto !important;}

/* 位置調整
----------------------------------------------------------------------- */
#main .main-contents .v-top {vertical-align: top !important;}
#main .main-contents .v-mdl {vertical-align: middle !important;}
#main .main-contents .v-btm {vertical-align: bottom !important;}

/* デバイス表示切替
----------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
	#main .main-contents .hide-pc {
		display: none !important;
	}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
	#main .main-contents .hide-tb {
		display: none !important;
	}
}

@media only screen and (max-width: 480px) {
	#main .main-contents .hide-sp {
		display: none !important;
	}
}

/* リスト入れ子
----------------------------------------------------------------------- */
#main .main-contents .list-a > li > .list-a > li:before {
	border: solid 1px #000;
	background: #fff;
}

/* 改行なし
----------------------------------------------------------------------- */
#main .main-contents .nowrap {
	white-space: nowrap !important;
}

/* インラインブロック
----------------------------------------------------------------------- */
#main .main-contents .inlineblock {
	display: inline-block !important;
}

/* YouTube
----------------------------------------------------------------------- */
.youtube {
	margin: 34px auto !important;
	max-width: 800px;
}

.youtube > div {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* コンテンツ幅980px
----------------------------------------------------------------------- */
#main .main-contents .contents-wrapper {
	margin: 0 auto;
	max-width: 980px;
}

/* お知らせ日付
----------------------------------------------------------------------- */
#main .main-contents .list-news-a .date {
	width: 13rem;
}

/* テキストカラー
----------------------------------------------------------------------- */
#main .main-contents .hdg-d {
	color: #000 !important;
}

#main .main-contents .diff-color-a {
	color: #a30b1a !important;
}