@charset "UTF-8";

/* 000=parts.css list========
   001=header  setting
   002=navi    setting
   003=sidebar setting
   004=footer  setting
===========================*/



.left{float:left;}
.right{float:right;}


@media (min-width:751px) {

/*001=header setting------------------------------------------*/
#header{width:960px; margin:0 auto; padding:10px 0 5px;}
#header .left{width:760px;}
#header .right{width:200px; text-align:right;}
#header .logo_mark{ float:left;}
#header .logo{padding:10px 0 0; float:left;}
#header h1{ float:left; font-size:80%; color:#AFAFAD; margin:10px 0 0; text-align:left; float:left;}
#header .link_english{ margin:10px 0 30px;}
#header .link_english a{ margin-left: 20px;}
#header .link_member{}

#topicpath{text-align:left; padding:5px 0; width:960px; margin:0 auto; font-size:80%;}

/*002=navi setting--------------------------------------------*/
#navi{background:url(../img/common/bg_navi.gif) repeat-x; margin:0 0 10px;}
#navi .inner{ width:960px; margin:0 auto;}
#navi ul li{ display:inline;}

/*003=sidebar setting-----------------------------------------*/
#sidebar{width:224px; float:right;}
#sidebar #movie_bottom{background:url(../img/common/bg_movie-side_bottom.gif) no-repeat bottom;}
#sidebar #movie{background:url(../img/common/bg_movie-side.gif) repeat-y;}
#sidebar #movie_contents{padding:0 30px 60px;}
#sidebar #movie_contents a{display:block; padding:0 0 0 20px; background:url(../img/common/icon_arrow-movie.gif) 5px no-repeat; margin:5px 0 0;}
#sidebar #movie_contents p a{background:none; padding:0; width:141px; margin:0 0 0 5px;}
#sidebar #movie_contents p{margin:10px 0 0;}
#sidebar #sub_news{padding:10px 20px;}
#sidebar #sub_news .date{display:block;font-size:80%; color:#999; margin:10px 0 0;}
#sidebar #sub_news .news{display:block; padding:0 0 10px; border-bottom:1px dotted #CCC;}
#sidebar .sub_category{background:url(../img/common/bg_white-sub.gif) repeat-y;}
#sidebar .sub_category_bottom{background:url(../img/common/bg_white-sub_bottom.gif) no-repeat bottom; margin:0 0 10px;}
#sidebar .sub_category h2{width:224px; height:41px; background:url(../img/common/bg_h2-sub.gif) no-repeat; color:#FFF; padding:15px 0 0 20px;font-size:123.1%;}
* html #sidebar .sub_category h2{width:204px; height:41px; background:url(../img/common/bg_h2-sub.gif) no-repeat; color:#FFF; padding:15px 0 0 20px;}
#sidebar .sub_category img{margin:0 0 10px;}
#sidebar .sub_category_contents{padding:5px 20px 10px;}
#sidebar .sub_category ul{margin:0 0 10px;}
#sidebar .sub_category ul li{ padding:0 0 0 15px; background:url(../img/common/icon_arrow.gif) no-repeat;}

/*004=footer setting------------------------------------------*/
.totop{ margin:50px 0 0; padding:0 20px 10px 0; background:url(../img/common/icon_arrow-up.gif) no-repeat right top; text-align:right;}
#footer{ background:#333; color:#ccc; padding:20px;}
#footer a{color:#ccc; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration: underline;}
#footer .inner{width:960px; margin:0 auto; text-align:left;}
#footer ul li{display:inline; background:url(../img/common/bg_footer-link.gif) left no-repeat; padding:0 10px 0 10px; font-size:80%;}
#footer p{text-align:right; font-size:80%; margin:20px 0 10px; color:#ccc;}

/*004=contents setting------------------------------------------*/
#contents{width:716px; float:left; background:url(../img/common/bg_white.gif) repeat-y;}
#contents_top{background:url(../img/common/bg_white_top.gif) no-repeat top;}
#contents_bottom{background:url(../img/common/bg_white_bottom.gif) no-repeat bottom;}
#contents_inner{padding:35px;}



/*s001=contents setting------------------------------------------*/

		#navi_sp{display: none;}

}
	

/*s001=contents setting------------------------------------------*/
@media (max-width:750px) {
	
	

#header{width:100%; margin:0 auto; padding:10px 10px 5px; box-sizing: border-box;}
#header .left{width:100%; float: left;}
#header .right{width:10%; text-align:right; display: none;}
#header .logo_mark{ float:left; width: 11%;}
	#header .logo_mark img{width: 100%; height: auto;}
#header .logo{padding:10px 0 0; float:left; width: 89%;}
#header .logo img{ width: 100%; height: auto;}
#header h1{ float:left; font-size:90%; color:#AFAFAD; margin:10px 0 0; text-align:left; float:left; display: none;}
#header .link_english{ margin:10px 0 30px; }
#header .link_member{}
#topicpath{text-align:left; padding:5px 10px; width:100%; margin:0 auto; font-size:80%; box-sizing: border-box;}
	
/*002=navi setting--------------------------------------------*/
#navi{background:url(../img/common/bg_navi.gif) repeat-x; margin:0 0 10px; display: none;}
#navi .inner{ width:100%; margin:0 auto;}
#navi ul li{ display:block;}
	
	#navi_sp {
    z-index: 1000;
    position: fixed;
		bottom:0;
		left: 0;
}
#navi_sp nav {
	position: absolute;　
	padding: 10px;　
	background: #ffdddd;
	display:none;
	}
	
#navi_sp {
    width: 100%;
}
#navi_sp .menu_button {
	background-image: url(../img/common/menu_sp.png);
	background-size: 45px auto;
	position: fixed;
	z-index: 1001;
	bottom: 10px;
	right: 10px;
    width: 45px;
	height: 45px;
}
#navi_sp nav {
    background-color: #EF874B;
    width: 100%;
	bottom: 0;　/* この部分を追加 */
	}
#navi_sp nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
	}
#navi_sp nav ul li:first-child {
}
#navi_sp nav ul li {
    border-bottom: dotted 1px #FFFFFF;
    text-align: center;
    padding: 1em;
}
	#navi_sp nav ul a{
    color: #FFFFFF;
	}
	#navi_sp nav ul a:hover{
		text-decoration: none;
	}
	#navi_sp nav ul li span{
		padding: 6px;
		float: left;
		margin: 2% 1% 0;
		line-height: 1.2;
		font-size: 12px;
		  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
		color: white;
	}
	#navi_sp nav ul li span.class1{
		background:#42A4C1;
		width: 25%;
	}
	#navi_sp nav ul li span.class2{
		background:#4F981E;
		width: 25%;
	}
	#navi_sp nav ul li span.class3{
		width: 31%;
		background: #C98832;
	}
	
/*003=sidebar setting-----------------------------------------*/
#sidebar{width:100%; float:none; background-color: #fff; display: none;}
#sidebar #movie_bottom{background:none;}
#sidebar #movie{background:none;}
	#sidebar #movie h2{display: none;}
	#sidebar #movie #movie_contents:before{content: "MOVIE"; font-size: 18px; font-weight: bold; color: #F04342;}
	#sidebar #movie #movie_contents img{width: 100%; height: auto;}
	#sidebar #movie #movie_contents p a{width: 96%;}

#sidebar #movie_contents{padding:20px 20px 20px; background-color: beige; margin-bottom:20px; }
#sidebar #movie_contents a{display:block; padding:0 0 0 20px; background:url(../img/common/icon_arrow-movie.gif) 5px no-repeat; margin:5px 0 0;}
#sidebar #movie_contents p a{background:none; padding:0; width:141px; margin:0 0 0 5px;}
#sidebar #movie_contents p{margin:10px 0 0;}
#sidebar #sub_news{padding:10px 20px;}
#sidebar #sub_news .date{display:block;font-size:80%; color:#999; margin:10px 0 0;}
#sidebar #sub_news .news{display:block; padding:0 0 10px; border-bottom:1px dotted #CCC;}
#sidebar .sub_category{background:none;}
#sidebar .sub_category_bottom{background:none; margin:0 0 10px;}
#sidebar .sub_category h2{width:100%; height:41px; background:none; background-color:#F15151;  padding:15px 0 0 20px;font-size:123.1%;}
* html #sidebar .sub_category h2{width:100%; height:41px; background:none; color:#FFF; padding:15px 0 0 20px;}
#sidebar .sub_category img{margin:10px 0 10px;}
#sidebar .sub_category_contents{padding:5px 20px 10px;}
#sidebar .sub_category ul{margin:0 0 10px;}
#sidebar .sub_category ul li{ padding:0 0 0 0; background:url(../img/common/icon_arrow.gif) no-repeat center left; }
	#sidebar .sub_category ul li a{border-bottom: 1px dotted #ddd; display: block; padding: 15px 18px;}

/*004=footer setting------------------------------------------*/
.totop{ margin:50px 10px 0; padding:0 20px 10px 0; background:url(../img/common/icon_arrow-up.gif) no-repeat right top; text-align:right;}
#footer{ background:#333; color:#ccc; padding:20px;}
#footer a{color:#ccc; text-decoration:none;}
#footer a:hover{color:#fff; text-decoration: underline;}
#footer .inner{width:100%; margin:0 auto; text-align:left;}
#footer ul li{display:inline; background:url(../img/common/bg_footer-link.gif) left no-repeat; padding:0 10px 0 10px; font-size:80%;}
#footer p{text-align:left; font-size:80%; margin:20px 0 10px; color:#ccc;}

/*004=contents setting------------------------------------------*/
#contents{width:100%; float:none; background:none; background-color: #fff;}
#contents_top{background:none;}

#contents_bottom{background:none;}
#contents_inner{padding:15px; box-sizing:border-box;}

	
#contents .left{float:none !important; margin: 0;}
#contents .right{float:none !important; margin: 0;}
	#contents img.sp_full{width: 100%; height: auto;}
	#contents h2 img.sp_half{width: 50%;}
	#contents h2 {max-width: 300px;}
	#contents h2 img{max-width: 100%;}

}