@charset "UTF-8" ;

/********************************************************************************

	SYNCER 〜 知識、感動をみんなと同期(Sync)するブログ

	* 配布場所
	https://syncer.jp/jquery-modal-window

	* 最終更新日時
	2015/08/17 15:47

	* 作者
	あらゆ

	** 連絡先
	Twitter: https://twitter.com/arayutw
	Facebook: https://www.facebook.com/arayutw
	Google+: https://plus.google.com/114918692417332410369/
	E-mail: info@syncer.jp

	※ バグ、不具合の報告、提案、ご要望など、お待ちしております。
	※ 申し訳ありませんが、ご利用者様、個々の環境における問題はサポートしていません。

********************************************************************************/


@charset "UTF-8";


#modal-content {
	width: 80% ;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	position: fixed ;
	display: none ;
	z-index: 14000 ;
    overflow-y: auto;
    max-height: 90%;
}
  
#modal-overlay {
	z-index: 12000 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link {
	text-decoration: underline ;
}
 
.button-link:hover {
	cursor: pointer ;
}

#modal_title{
	font-size:17px;
	font-weight:bold;
	padding:12px 0 12px 0;
	text-align:center;
}

#modal_foot{
	font-size:15px;
	font-weight:bold;
	color:#fff;
	padding:17px 0 12px 0;
	text-align:center;
}

#modal-navi{
	width:100%;

}

#modal-navi li{
	list-style:none;
	color:#FFF;
	font-size:15px;
	padding:9px 0 9px 0.4em;
	font-weight:bold;
}

.link_none2 {
	font-size:15px;
	text-decoration:none;
	display:block;
}

.li_link2 {
	background:url(../img/menu_arrow2.png) no-repeat;
	background-size:15px;
	background-position:96% 50%;
}

#modal-navi li a{
	font-size:15px;
	text-decoration:none;
	display:block;
}

#modal-navi li a:hover{
	font-size:15px;
	text-decoration:none;
	font-weight:bold;
}



/* 以下カスタム用CSS */


/* 背景色 */
#modal-content {
background: radial-gradient(#06AE17,#047410);
}

/* CONTENTS MENUの色 */
#modal_title{
color:#FFF;
}

#modal_title a{
color:#FFF;
text-decoration:none;
}

/* 各ページタイトルの色 */
#modal-navi li a{
	color:#FFF;
}

/* 各ページタイトル・マウスオーバー時の色 */
#modal-navi li a:hover{
	color:#FED411;
}

/* 各ページタイトル下線の色 */
#modal-navi li{
	border-bottom:1px solid #dddddd;
}

/* 閉じる（Close）の色 */
.button-link {
	color: #FFF;
}
 
/* 閉じる（Close）マウスオーバー時の色 */
.button-link:hover {
	color: #FED411;
}