@charset "utf-8";
@import url("reset.css");
@import url("dropdown.css");
@import url("/apps/font-awesome/css/font-awesome.min.css");
/*--京base.css--*/

/*----------------*/
a:link{
	color:#1e4682;
	text-decoration:none;
}
a:visited{
	color:#1e4682;
	text-decoration:none;
}
a:hover{
	color:#1e4682;
	text-decoration:underline;
}
a:active{
	color:#1e4682;
	text-decoration:underline;
}
/*----------------*/

img{
	vertical-align: bottom;
}

/*##########     共通     ##########*/

body{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif ;
	font-size:small;
	background:#fff;
	color:#222;
}

/*#######container#######*/
#container{
	width:100%;
}

#container_inner{}

			
/*#######main_box#######*/
#main_box{
	width:100%;
	overflow:hidden;
	clear:both;
}

	#main_box_inner{
		width:950px;
		margin:0 auto;
        display: flex;
	}
	
	#main_column{
		width:665px;
		margin-left:20px;
        position: relative;
        z-index: 0;
	}
	
	#sub_column{
		width:260px;
		padding:0;
		margin:0;
		border-left:4px solid #ca3842;
		background:url(../shared/sc_bottom_bg.png) repeat-y top;
        position: relative;
        z-index: 1;
	}
	
	#side_nav{
		margin:0;
		background:url(../shared/sub_column_bg.png) repeat-y top;
		padding-right:10px;
	}
	
	#side_nav li{
		margin:0;
		border-bottom:1px solid #c5c5c5;
	}
	
	#side_nav li a{
		display:block;
	}
	
	#side_nav li ul{
		border-top:1px solid #c5c5c5;
	}
	
	#side_nav li li{
		margin:0;
		border-bottom:1px solid #c5c5c5;
		width:224px;
	}
	
	#side_nav li li a{
		display: block;
		padding: 5px 5px 5px 16px;
		width: 203px;
		text-decoration: none;
		color: #222;
		background:url(../shared/arr_02.gif) no-repeat 6px 10px #ffffff;
	}
	
	#side_nav li li a:hover{
		background:url(../shared/arr_02.gif) no-repeat 6px 10px #fffdf9;
	}
	
	
	#side_bottom_list{
		background:url(../shared/sc_bottom_bg.png) repeat-y top;
		padding:30px 10px 180px 0;
	}
	
	#side_bottom_list li{
		margin:0 0 20px 30px;
	}
	
	#side_bottom_list li a{
		display:block;
	}

	
	
	
/*#######footer#######*/
#footer{
	width:100%;
	background:url(../shared/footer_bg.gif) repeat-x top;
	clear:both;
}

	#footer_inner{
		width:940px;
		height:300px;
		margin:0 auto;
		position:relative;
		top:0;
		left:0;
	}
	
	#page_top{
		width:80px;
		height:60px;
		position:absolute;
		top:-8px;
		right:20px;
	}
	
	
		
		
		/*#######f_nav#######*/
        #f_title{
            padding:23px 0 15px 20px;
            color:#fff;
            font-size:1.2em;
            font-weight:bold;
            background:url(../shared/f_title_bg.gif) repeat-x bottom;
            display: flex;
            align-items: center;
        }

                #f_title .lbl_ichisha{
                    font-size: 0.8em;
                    margin-right: 0.3em;
                }
			
			#f_title .f_title_en{
				padding-left:30px;
				font-size:12px;
				font-weight:normal;
			}
			
			#f_nav{
				width:940px;
				padding-top:12px;
				overflow:hidden;
				margin-bottom:13px;
			}
			
			#f_nav li{
				padding-left:13px;
				margin:0 0 5px 15px;
				background:url(../shared/arr_01.gif) no-repeat left 5px;
				font-weight:bold;
			}
			
			#f_nav li ul{
				margin:5px 0 0 0;
			}
			
			#f_nav li li{
				padding-left:10px;
				background:url(../shared/sq_01.gif) no-repeat left 7px;
				font-weight:normal;
			}

			#f_nav li.home{
				border-left:none;
			}

			
				#f_nav li a{
					color:#fff;
				}
				
			
			.f_nav_01{
				width:225px;
				float:left;
				background:url(../shared/f_nav_bg.gif) repeat-y top right;
				min-height:200px;
				padding-top:5px;
			}
			
			.f_nav_02{
				width:235px;
				float:left;
				background:url(../shared/f_nav_bg.gif) repeat-y top right;
				min-height:200px;
				padding-top:5px;
			}
			
			.f_nav_03{
				width:275px;
				float:left;
				background:url(../shared/f_nav_bg.gif) repeat-y top right;
				min-height:200px;
				padding-top:5px;
			}
			
			.f_nav_04{
				width:205px;
				float:left;
				min-height:200px;
				padding-top:5px;
			}
			
			
			
		
			#pagetop{
				width:950px;
				text-align:right;
				height:80px;
				margin:30px auto 0px auto;
			}
			
			
			
			/*#######copyright#######*/
			#copyright{
				text-align:center;
				width:100%;
				height:13px;
				padding:23px 0 24px 0;
				color:#fff;
				background:url(../shared/copyright_bg.gif) repeat-x top;
			}
			
	
	

/*##########     各ページ共通    ##########*/
#pages{}


	
/*pagenate_pager*/

.pagenate{
	clear:both;
	text-align:center;
	overflow:hidden;
	line-height:24px;
	margin:20px 0;
}

	.pagenate ul{
		line-height:24px;
		margin:0;
		padding:0;
	}

	.pagenate ul li{
		display:inline;
	}
	
	.pagenate ul li span{
		font-weight:bold;
		background:#ffe8ea;
	}
	
	
	.pagenate ul li span ,.pagenate ul li a{
		padding:0 0.8em;
		color:#000;
	}
		.entry_metas{
			margin-right:20px;
			text-align:right;
	}
	
	.new{
		vertical-align:sub;
	}

.side_archive_box{
	margin-top:30px;
}

		/*ログイン前*/
		#h_link{
			width:170px;
			overflow:hidden;
			margin:0 auto;
		}
		
		#h_link li{
			margin:0 0 5px 0;
			width:170px;
			height:31px;
		}
		
		
		#h_link li a{
			display:block;
		}

		/*ログイン後*/
		#h_loggedin{
			width:170px;
			overflow:hidden;
			margin:0 auto;
		}
		
			#h_loggedin p{
				text-align:center;
				line-height:1.5em;
				margin-bottom:3px;
			}
			
			#h_loggedin ul{
				width:170px;
				overflow:hidden;
			}
			
				#h_loggedin ul li{
					width:170px;
					height:31px;
					text-align:center;
					margin-bottom:4px;
				}
				
				#h_loggedin ul li.btn_logout{
					width:170px;
					height:16px;
					line-height:16px;
					margin-bottom:0;
				}

/*2017追加*/
#side_bottom_list.ud2017{
	padding-bottom:40px;
}

#side_facebook{
	padding-left:25px;
	margin-bottom:30px;
}

#side_office_info{
	padding:0 0 20px 10px;
	font-size:1.1em;
	overflow:hidden;
}

	#side_office_info > .box_header{
		background:#8e001c;
		color:#fff;
		font-weight:bold;
		padding:2px 0;
		width:230px;
		text-align:center;
	}
	
	#side_office_info > .box_inner{
		background:#fff;
		width:210px;
		padding:10px;
		overflow:hidden;
	}
	
	#side_office_info > .box_inner p{
		line-height:1.4em;
		margin-bottom:10px;
	}
	
	#side_office_info > .box_inner dl{
		line-height:1.4em;
	}
	
	#side_office_info > .box_inner dl.office_mail{
		margin-bottom:5px;
	}
	
	#side_office_info > .box_inner dl.office_mail dt:before,
	#side_office_info > .box_inner dl.office_tel dt:before{
		content:"\203A";
		color:#ca3842;
		margin-right:4px;
		font-weight:bold;
	}
	
	#side_office_info > .box_inner dl.office_mail dd{
		padding-left:10px;
	}
	
	#side_office_info > .box_inner dl.office_tel{
		letter-spacing:-0.4em;
	}
	
	#side_office_info > .box_inner dl.office_tel dt,
	#side_office_info > .box_inner dl.office_tel dd{
		letter-spacing:0;
		display:inline-block;
	}
	
	#side_office_info > .box_inner dl.office_tel dt{
		width:50px;
	}
	
	#side_office_info > .box_footer{
		background:#fff;
		width:230px;
		text-align:center;
		padding:0 0 10px 0;
	}
	
	#side_office_info > .box_footer a{
		display:inline-block;
		padding:2px 10px;
		background:#eee;
		color:#111;
		text-decoration:none;
	}
	
	#side_office_info > .box_footer a:hover{
		background:#ddd;
	}

.btn_mypage_movie{
    margin-top: 1.5em;
    margin-bottom: 3em;
    display: flex;
    justify-content: center;
    padding-right: 0.5em;
}

    .btn_mypage_movie a{
        display: flex;
        flex-direction: column;
        align-items: center;
        background: #26539d;
        padding: 0.9em 4em 0.5em;
        font-weight: bold;
        text-decoration: none;
        line-height: 1;
        box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
        position: relative;
        color: #fff;
        transition: .3s all ease;
    }

    .btn_mypage_movie a:hover{
        filter: brightness(1.1);
    }

        .btn_mypage_movie a .lbl1,
        .btn_mypage_movie a .lbl2{
            position: relative;
            z-index: 2;
        }

        .btn_mypage_movie a .lbl1{
            font-size: 1.14em;
            margin-bottom: 0.3em;
        }


	

/*##########     汎用    ##########*/

.bg_png{}/*背景透過PNG用*/

/*文字色*/
.fc_red{color:#C03;}
.fc_blue{color:#0000ff;}
.fc_gray{color:gray;}
.fc_orange{color:orange;}

/*フォントスタイル*/
.fw_bold{font-weight:bold;}

/*揃え*/
.ta_center{text-align:center;}
.ta_right{text-align:right;}
.ta_left{text-align:left;}

/*フロート*/
.fl_right{float:right;}
.fl_left{float:left;}
.fl_clear{clear:both;}

/*幅指定（％）適宜追加*/
.wpe05{width:5%;}
.wpe08{width:8%;}
.wpe10{width:10%;}
.wpe15{width:15%;}
.wpe20{width:20%;}
.wpe25{width:25%;}
.wpe30{width:30%;}
.wpe33{width:33%;}
.wpe40{width:40%;}
.wpe50{width:50%;}
.wpe60{width:60%;}
.wpe70{width:70%;}
.wpe80{width:80%;}
.wpe90{width:90%;}
.wpe100{width:100%;}

/*幅指定（Em）適宜追加*/
.wem01{width:1em;}
.wem02{width:2em;}
.wem03{width:3em;}
.wem04{width:4em;}
.wem05{width:5em;}
.wem06{width:6em;}
.wem07{width:7em;}
.wem08{width:8em;}
.wem09{width:9em;}
.wem10{width:10em;}

/*フォントサイズ（Em）適宜追加*/
.fsem085{font-size:0.85em;}
.fsem09{font-size:0.9em;}

/*その他*/
.td_underline{
	text-decoration:underline;
}

/*202101メンテ表示用*/
/*
#h_link ul li:nth-child(1) a,
#h_link ul li:nth-child(2) a{
	position:relative;
	cursor:text;
}

	#h_link ul li:nth-child(1) a img,
	#h_link ul li:nth-child(2) a img{
		position:relative;
		z-index:1
	}

	#h_link ul li:nth-child(1) a:before,
	#h_link ul li:nth-child(2) a:before{
		position:absolute;
		z-index:2;
		top:0;
		left:0;
		display:flex;
		justify-content:center;
		align-items:center;
		background:rgba(255,255,255,0.95);
		color:#000;
		content:"現在メンテナンス中です";
		width:100%;
		height:100%;
		font-size:0.9em;
	}

.mainte_info{
	border:1px solid #aaa;
	padding:1em;
	margin:0 1em;
}

	.mainte_info dt{
		text-align:center;
		font-weight:bold;
		margin-bottom:0.4em;
	}
*/

body{
	position: relative;
}

header.tab_sp{
	display: none;
}

.nav_oc,
.side_nav{
    display: none;
}