@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:930px;
	height:90%;
	/*margin-top: 55px;		2016.11.17 M.N modify 200->70*/
	/*margin-left:4px;		2016.09.23 M.N del*/
	position:fixed;
	display: none ;
	z-index: 10002 ;	/*	2016.11.17 M.N modify 2 -> 10002 */
	overflow:hidden;
	overflow-y: scroll;
	
	
	
}

/*スクロールバーの横幅指定*/
#modal-content::-webkit-scrollbar {
    width: 15px;
}
/*スクロールバーの背景色・角丸指定*/
#modal-content::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #f2f2f2;
}
/*スクロールバーの色・角丸指定*/
#modal-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#fcae00;
}
  
#modal-overlay {
	z-index: 10000 ;	/*	2016.11.17 M.N modify 0 -> 10000 */
	display: none ;
	position:fixed;
	top: 0 ;
	left: 0 ;

	/*2016.09.23 M.N modify
	width: 930px;
	height:1090px;
	margin: 70px 180px;
	*/
	width: 100%;	/*	2017.05.22 mori */
	height:120%;	/*	2016.11.17 M.N modify 1550->1420px*/ /*	2017.05.22 mori */
	margin: 0;

	background-color: rgba( 0,0,0, 0.75 ) ;
}

.button-link1 {
	color: #FFF ;
	text-decoration: underline ;
	float: right;
}
 
.button-link1:hover {
	cursor: pointer ;
	color: #f00 ;
}

.button-link2 {
	text-decoration: underline ;
}
 
.button-link2:hover {
	cursor: pointer ;
	color: #f00 ;
}

/*ここからオリジナル*/

.clear { 
    clear:both; 
	
}
.clear hr { 
    display: none; 
}

.pankuzu{
	color:#FFF;
	float:left;
	margin: 10px 0 0 20px;
}

.pankuzu ul li{
	list-style:none;
	float:left;
	margin-right:10px;
}

.pankuzu ul li a{
	
color:#FFF;

}

.close{
	float: right;
	margin-top: 15px;
	margin-right: 20px;
}

.back{
	float:left;
	margin-left:50px;
	margin-top: 30px;
}

.back img{
	float:left;
	
	
}

.back_img1{
	margin-left:-390px;
}

.back_img2{
	margin-left: -30px;
	margin-top: 170px;
}

.syousai{
	width:172px;
	
	float:left;
	margin: 26px 30px;
	
}

.s_table{
	padding: 5px 12px;
	background-color: #FFF;
	width: 165px;
}

.syousai table{
	background-color:#FFF;
	padding: 5px;
}

.syousai img{
	margin:0 1px;
}

.syousai table th{
	text-align: left;
	padding-top:3px;
}

.title{
	border-left:#b3d465 solid 5px;
}

.title p{
	margin-left:5px;
}

.no{
	font-weight:bold;
	font-size:14px;
}

.maker{
	font-weight:bold;
	font-size:15px;
}

.name{
	font-weight:bold;
	font-size:14px;
	width:150px;
	
}
.movie{
	padding-top: 10px;
	
}

.p_maker{
	margin-left: -1px;
	margin-top:10px;
	
}

.p_maker img{
	width: 189px;
}

.p_switching{
	margin-left: -1px;
	margin-top:5px;
}

.p_switching img{
	width: 187px;
}

.m_chirashi{
	width:430px;
	float: left;
	margin: 0 20px;
}

.p_kyouyu{
	float:right;
}

.p_hensyu{
	margin:0 auto;
	width:215px;
	margin-top: -50px;
}


.next{
	float:right;
	margin-right:40px;
	margin-top: 30px;
}

.next img{
	float:right;
	
	
}

.next_img1{
	margin-right:-390px;
}

.next_img2{
	margin-right: -30px;
	margin-top: 170px;
}

.p_footer{
	width:930px;
}

.f_title{
	border-top:#9a9a9a solid 1px;
	width:870px;
	margin:0 auto;
	padding-top: 5px;
	
}

.f_chirashi li img {
	margin:5px;	
}

.f_chirashi{
	clear:both;
	width:890px;	
	margin: 0 auto;
}

.f_chirashi img{
	float:left;
	
	
}



.pf_left_arrow{
	margin:86px 15px 0 5px;
	
}

.pf_right_arrow{
	margin:86px 5px 0 15px;
}


/*---------------
Nishimura-ya add
---------------*/

#left_item{
	position:absolute;
	top:60px;
	left:-340px;
	z-index:-1;
}

#main_item{
	position:absolute;
	top:60px;
	left:362px;
	z-index:-1;
}

#right_item{
	position:absolute;
	top:60px;
	left:840px;
	z-index:-1;
}