@charset "utf-8";

/*----------------------------------------
 追加用のスタイルを下記へ記載
----------------------------------------*/

/* JHORNページ　見出しカラーブラウン */
.heading01--brown{
  color: #905e36;
}

/* footer 共通 */
.fa-youtube-play { color: #404040; }


/* /horn/ */
.new_banner { list-style: none; padding: 0; }
.new_banner__visual { margin-top: 12px; }
@media screen and ( min-width: 769px ) {
	.jumbotron { display: flex; }
	.jumbotron__visual--ld:nth-of-type(1):not(.modal_btn) { margin-right: 35px; }
	.new_banner { display: flex; margin: 20px 0 0 0; padding: 0; list-style: none; }
	.new_banner__visual { margin-top: 0; }
	.new_banner__visual:nth-of-type(1) { margin-right: 35px; }
}

/* modal_window */
.modal_btn { cursor: pointer; }
#cover { position: absolute; z-index: 999; top: 0; left: 0; display: none; min-width: 100%; min-height: 100%; background: rgb(35,24,21,0.75); }
#modal { position: absolute; z-index: 1000; top: 50%; left: 50%; display: none; width: 70%; height: auto; padding: 0 30px 50px; background: rgba(255,255,255, 1); transform: translateX(-50%); }
#close { position: absolute; top: 10px; right: 10px; font-size: 50px; color: #737373; line-height: 0.5; cursor: pointer; }
@media screen and ( min-width: 769px ) {
	#modal { width: 50%; padding: 0 0 50px; }
}