@charset "utf-8";
/***********************************************************
sphone common.css
ページカラー定義
***********************************************************/
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css');

body{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	font-family: Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust:100%;
	height:100%;
	color: #333333;
	line-height: 1.5;
	letter-spacing: 0.3px;
	position:relative;
	width:100%;
	}

body * {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	}
a {text-decoration:none;}

/*  g_header.html
**********************************************************/
#g_header {
	background-color:#000000;
	left:0px;
	padding:5px 0px;
	position:fixed;
	top:0px;
	transform:translate3d(0,0,10000px);
	width:100%;
	z-index:10001;
	}
div#g_search_icon {
	bottom:0px;
	height:27px;
	position:absolute;
	margin:auto 0px;
	right:10px;
	top:0px;
	width:27px;
	}
#g_header_inner {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	display:table;
	padding:0px 5px 0px 10px;
	width:100%;
	}
#g_header_inner div.g_h_block {
	display:table-cell;
	height:55px;
	vertical-align:middle;
	}
#g_header_inner div.g_h_block.left {width:60px;}
#g_header_inner div.g_h_block.right {width:125px;}
#g_header_inner div.g_h_block a {
	display:inline-block;
	text-indent:-9999px;
	}
#g_header_inner div.g_h_block.right a {margin:0px 10px;}
#g_header_inner div.g_h_block.right a:nth-of-type(3) {margin:0px 0px 0px 15px;}

#g_header_inner div.g_h_block_sub {
	display:table-cell;
	height:55px;
	vertical-align:middle;
	width:33%;
	}
#g_header_inner div.g_h_block a.logo {
	background:url(../s_images/common/g_logo.png) no-repeat;
	background-size:cover;
	display:block;
	height:45px;
	width:60px;
	}
#g_header_inner div.g_h_block a.search {
	background:url(../s_images/common/g_icon_search.png) no-repeat;
	background-size:cover;
	height:40px;
	position:relative;
	width:40px;
	}
#g_header_inner div.g_h_block a.search:after {
	content:'';
	background:url(../s_images/common/g_icon_search.png) no-repeat 0 -40px;
	background-size:cover;
	height:40px;
	left:0px;
	opacity:0;
	position:absolute;
	transition:all 0.5s;
	top:0px;
	width:40px;
	}
#g_header_inner div.g_h_block a.search.on:after {opacity:1;}

#g_header_inner div.g_h_block a.search.on {background-position:0px -40px;}
#g_header_inner div.g_h_block a.menu {
	background:url(../s_images/common/g_icon_menu.png) no-repeat 0 0;
	background-size:cover;
	height:40px;
	position:relative;
	width:40px;
	}
#g_header_inner div.g_h_block a.menu:after {
	content:'';
	background:url(../s_images/common/g_icon_menu.png) no-repeat 0 -40px;
	background-size:cover;
	height:40px;
	left:0px;
	opacity:0;
	position:absolute;
	transition:all 0.5s;
	top:0px;
	width:40px;
	}
#g_header_inner div.g_h_block a.menu.on:after {opacity:1;}


/*****メインメニュー*****/
#g_menu {
	background-color: rgba(0,0,0,0.9);
	color:#ffffff;
	display:none;
	height:100%;
	left:0px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:20px 0px;
	position: fixed;
	top:65px;
	transform: translate3d(0,0,90px);
	width: 100%;
	z-index: 90;
	-webkit-overflow-scrolling:touch;
	}

#g_menu_inner {}
#g_menu_inner .g_menu_bt {width:100%;}
#g_menu_inner .g_menu_bt:after{content:''; display:table; clear:both;}
#g_menu_inner .g_menu_bt a {
	display:block;
	float:left;
	padding:5px 0px;
	width:33%;
	}
#g_menu_inner .g_menu_bt a div{
	display:block;
	text-indent:-9999px;
	height:100px;
	margin:0px auto;
	width:100px;
	}
#g_menu_inner .g_menu_bt a.g_menu_movie div{
	background:url(../s_images/common/g_menu_movie.png) no-repeat center center;
	background-size:cover;
	}
#g_menu_inner .g_menu_bt a.g_menu_works div{
	background:url(../s_images/common/g_menu_works.png) no-repeat center center;
	background-size:cover;
	}
#g_menu_inner .g_menu_bt a.g_menu_package div{
	background:url(../s_images/common/g_menu_package.png) no-repeat center center;
	background-size:cover;
	}
#g_menu_inner .g_menu_bt a.g_menu_tv div{
	background:url(../s_images/common/g_menu_tv.png) no-repeat center center;
	background-size:cover;
	}
#g_menu_inner .g_menu_bt a.g_menu_studio div{
	background:url(../s_images/common/g_menu_studio.png) no-repeat center center;
	background-size:cover;
	}
#g_menu_inner .g_menu_bt a.g_menu_report div{
	background:url(../s_images/common/g_menu_report.png) no-repeat center center;
	background-size:cover;
	}
#g_menu_inner .g_menu_txt {border-top:1px dotted #555555; margin-top:20px;}
#g_menu_inner .g_menu_txt a {
	border-bottom:1px dotted #555555;
	display:block;
	color:#ffffff;
	letter-spacing:2px;
	padding:15px 30px 15px 30px;
	position:relative;
	text-decoration:none;
	width:100%;
	}
#g_menu_inner .g_menu_txt a[href]:after{
	background:url(../s_images/common/g_icon_arrow01.png) no-repeat;
	background-size:cover;
	bottom: 0px;
	content: '';
	height: 16px;
	position: absolute;
	margin-top: auto;
	margin-right:15px;
	margin-bottom: auto;
	right: 0px;
	top: 0px;
	width:9px;
	}
#g_menu_inner .g_menu_txt a[href] {color:rgba(255,255,255,1);}


/*****検索*****/
select {
	-webkit-appearance: button;
	appearance: button;
	}

#g_search {
	background-color: rgba(0,0,0,0.9);
	color:#ffffff;
	display:none;
	height:100%;
	left:0px;
	overflow-y:auto;
	overflow-x:hidden;
	padding:20px 0px;
	position: fixed;
	top:65px;
	transform: translate3d(0,0,90px);
	width: 100%;
	z-index: 90;
	-webkit-overflow-scrolling:touch;
	}
#g_search_inner {color:#cccccc; margin: 0px auto; width: 95%;}
#g_search_inner ul.media {border: 2px solid #ffffff; border-radius:5px; margin-bottom:20px}
#g_search_inner ul.media:after {clear:both;content:'';display:table;}
#g_search_inner ul.media li {
	color:#ffffff;
	float:left;
	padding:5px 0px;
	text-align:center;
	width: 50%;
	}
#g_search_inner ul.media li:nth-of-type(1) {border-right: 2px solid #ffffff;}
#g_search_inner ul.media li.on {background-color:#ffffff;color:#000000;}

#g_search_inner .search_text {
	position: relative;
	border-bottom: 2px solid #bbbbbb;
	padding: 10px 0px 10px 35px;
	margin-bottom: 20px;
	}
#g_search_inner .search_text:before {
	content: '';
	background: url(../s_images/common/g_icon_glass.png) no-repeat;
	background-size:cover;
	bottom:0px;
	height: 20px;
	margin:auto 0px;
	position: absolute;
	left: 5px;
	top:0px;
	width: 20px;
	}
#g_search_inner .search_text input {background-color:inherit;border-radius: 5px;border: none;padding: 10px;color: #cccccc;width:100%;}
#g_search_inner .innerArea_wrap {padding-bottom:30px;width:100%;}
#g_search_inner .innerArea_wrap:after {clear:both;content:'';display:table;}
#g_search_inner .innerArea {float:left; padding-right:10px; width:50%;}
#g_search_inner .innerArea:last-of-type {padding-right:0px;}

#g_search_inner #genre {
	background-color:#444444;
	border-radius: 5px;
	border: none;
	color: #cccccc;
	padding: 10px 0px 10px 5px;
	position:relative;
	width:100%;
	}

#g_search_inner .select_wrap{position:relative;}
#g_search_inner .select_wrap:after{
	background:url(../s_images/common/g_icon_arrow06.png) no-repeat;
	background-size:cover;
	bottom:0px;
	content:'';
	height:6px;
	margin:auto 0px;
	position:absolute;
	right:10px;
	top:0px;
	width:10px;
	}
#g_search_inner #national {
	background-color:#444444;
	border-radius: 5px;
	border: none;
	color: #cccccc;
	padding:10px 0px 10px 5px;
	position:relative;
	width:100%;
	}


#g_search_inner #g_search_release_year {
	display:none;
	padding-bottom:20px;
	}
#g_search_inner #g_search_release_year.on {display:block;}

#g_search_inner #g_search_dvd {
	display:none;
	border-top:1px solid #333333;
	margin-bottom:20px;
	padding-top:20px;
	padding-bottom:20px;
	}
#g_search_inner #g_search_dvd.on {display:block;}


/***** 入力フォーム（映画・DVD共通）ここから*****/
#g_search_inner .subtitle {color:#ffffff;padding-bottom:20px;font-size:120%;}

#g_search_inner .slider {margin:0px auto;position:relative;width:90%;}
#g_search_inner .slider .slider_begin{height:40px; margin-bottom:30px; position:relative;}
#g_search_inner .slider .slider_end{height:40px; margin-bottom:30px; position:relative;}
#g_search_inner .slider .pos {
	background-color:#ffffff;
	border-radius:50%;
	height:20px;
	position:absolute;
	width:20px;
	z-index:10;
	}
#g_search_inner .slider .slider_disp {
	padding:0px 10px;
	width:100%;
	}
#g_search_inner .slider .slider_disp .graph {
	background-color:#cc0033;
	border-radius:2.5px;
	height:5px;
	position:relative;
	top:8px;
	width:100%;
	}
#g_search_inner .slider .slider_disp .year_from {
	bottom:-15px;
	font-size:80%;
	left:0px;
	position:absolute;
	}
#g_search_inner .slider .slider_disp .year_to {
	bottom:-15px;
	font-size:80%;
	position:absolute;
	right:0px;
	}

#g_search_inner .slider_input {text-align:center;}
#g_search_inner input[name="from_movie_begin"],
#g_search_inner input[name="from_movie_end"],
#g_search_inner input[name="from_dvd_begin"],
#g_search_inner input[name="from_dvd_end"] {
	background-color:#444444;
	border-radius:5px;
	border:0;
	padding:10px;
	font-size:1.3em;
	font-family:Arial, sans-serif;
	color:#aaa;
	margin:0 0 20px;
	width:100px;
	}
#g_search_inner .slider_input span {padding:0px 10px;}
/***** 入力フォーム（映画・DVD共通）ここまで*****/


#g_search_inner .search_submit {
	border:1px solid #ffffff;
	margin:0px auto 30px auto;
	position:relative;
	text-align:center;
	width:80%;
	}

#g_search_inner input[type="submit"] {
	border: none;
	background-color: inherit;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 10px 0px;
	width: 100%;
	}

#g_search_inner .search_submit:after {
	background:url(../s_images/common/g_icon_arrow05.png) no-repeat;
	background-size: cover;
	bottom: 0px;
	content:'';
	height:11px;
	position:absolute;
	right: 10px;
	top: 0px;
	margin: auto 0px;
	width:20px;
	}

#g_search_inner .bt_close { font-size:1.2em;text-align:center; }


#g_search_inner input[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	margin: 7.5px 0;
	height: 5px;
	border-radius: 2px;
	background: #cc0033;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	-webkit-touch-callout:none;
}
#g_search_inner input[type=range]:focus {
	outline: none;
}
#g_search_inner input[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	/*box-shadow: 0px 0px 0.1px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);*/
	background: #cc0033;
	border-radius: 2px;
	border: 0px solid rgba(1, 1, 1, 0);
}
#g_search_inner input[type=range]::-webkit-slider-thumb {
	/*box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);*/
	border: 0px solid rgba(0, 0, 0, 0);
	height: 30px;
	width: 30px;
	border-radius:50%;
	background: #ffffff;
	cursor: pointer;
	-webkit-appearance: none;
	margin-top: -11.5px;
}
#g_search_inner input[type=range]:focus::-webkit-slider-runnable-track {
	background: #cc0033;
}
#g_search_inner input[type=range]::-moz-range-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
/*	box-shadow: 0px 0px 0.1px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);*/
	background: #cc0033;
	border-radius: 2px;
	border: 0px solid rgba(1, 1, 1, 0);
}
#g_search_inner input[type=range]::-moz-range-thumb {
	/*box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);*/
	border: 0px solid rgba(0, 0, 0, 0);
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background: #ffffff;
	cursor: pointer;
}
#g_search_inner input[type=range]::-ms-track {
	width: 100%;
	height: 5px;
	cursor: pointer;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
#g_search_inner input[type=range]::-ms-fill-lower {
	background: #cc0033;
	border: 0px solid rgba(1, 1, 1, 0);
	border-radius: 2px;
	box-shadow: 0px 0px 0.1px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
#g_search_inner input[type=range]::-ms-fill-upper {
	background: #cc0033;
	border: 0px solid rgba(1, 1, 1, 0);
	border-radius: 2px;
	box-shadow: 0px 0px 0.1px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
}
#g_search_inner input[type=range]::-ms-thumb {
	box-shadow: 0px 0px 0px rgba(0, 0, 0, 0), 0px 0px 0px rgba(13, 13, 13, 0);
	border: 0px solid rgba(0, 0, 0, 0);
	height: 20px;
	width: 20px;
	border-radius: 10px;
	background: #ffffff;
	cursor: pointer;
	height: 5px;
}
#g_search_inner input[type=range]:focus::-ms-fill-lower {
	background: #cc0033;
}
#g_search_inner input[type=range]:focus::-ms-fill-upper {
	background: #cc0033;
}


#g_main {width:100%;word-wrap:break-word;}
.g_main_inner {
	margin:0px auto;
	padding:15px 0px;
	position:relative;
	width:95%;
	}


/*  g_footer.html
**********************************************************/
#g_footer {
	background-color:#f4f4f4;
	position:relative;
	width:100%;
	}

#g_footer #g_footer_menu {}
#g_footer #g_footer_menu .g_footer_menu_list{overflow:hidden; width:100% !important;}
#g_footer #g_footer_menu .g_footer_menu_list:after{clear:both;content:'';display:table;}
#g_footer #g_footer_menu .g_footer_menu_list .g_footer_menu_list_group {
	display:block;
	float:left;
	width:50%;
	}
#g_footer #g_footer_menu .g_footer_menu_list a {
	border-left:1px dotted #bbbbbb;
	border-bottom:1px dotted #bbbbbb;
	color:#333333;
	background-color:#f4f4f4;
	display:block;
	font-size:0.8em;
	height:60px;
	line-height:1.2em;
	padding:0px 30px 0px 10px;
	position:relative;
	text-decoration:none;
	width:100%;
	}
#g_footer #g_footer_menu .g_footer_menu_list_group a div{display:table-cell;height:60px;vertical-align:middle;}
#g_footer #g_footer_menu .g_footer_menu_list_group:nth-of-type(2n) a{ border-right:1px dotted #bbbbbb; }
#g_footer #g_footer_menu .g_footer_menu_list:nth-of-type(3) .g_footer_menu_list_group a{ border-right:1px dotted #bbbbbb; }
#g_footer #g_footer_menu .g_footer_menu_list_group a[href]:after {
	background:url(../s_images/common/g_icon_arrow01.png) no-repeat;
	background-size:cover;
	bottom: 0px;
	content: '';
	height: 15px;
	position: absolute;
	margin-top: auto;
	margin-right: 10px;
	margin-bottom: auto;
	right: 0px;
	top: 0px;
	width:9px;
	}
#g_footer .sp-arrows{
	border-bottom:1px dotted #bbbbbb;
	height: 70px;
}
#g_footer .sp-arrows.sp-fade-arrows {
	height:70px;
	position:relative;
	text-align:center;
	}
#g_footer .sp-arrows .pro-controls_title {
	font-size:1.0em;
	text-align:center;
	width:100%;
	padding-top:10px;
	}
#g_footer .sp-arrow.sp-previous-arrow,
#g_footer .sp-arrow.sp-next-arrow{
	background-color:#cccccc;
	display:block !important;
	height:50px;
	position:absolute;
	text-indent:-9999px;
	width:50px;
	}
	#g_footer .sp-previous-arrow{left:10px;top:10px;}
	#g_footer .sp-next-arrow{right:10px;top:10px;}
	#g_footer .sp-previous-arrow:after,
	#g_footer .sp-next-arrow:after{
		content:'';
		height:26px;
		top:0px;left:0px;right:0px;bottom:0px;
		margin:auto;
		position:absolute;
		width:15px;
		}
	#g_footer .sp-previous-arrow:after{
		background:url(../s_images/common/g_icon_arrow03.png) no-repeat;
		background-size:cover;
		}
	#g_footer .sp-next-arrow:after{
		background:url(../s_images/common/g_icon_arrow02.png) no-repeat;
		background-size:cover;
		}

#g_footer .sp-buttons {position:absolute;width:60%;text-align:center;top:30px;left:50%;margin-left:-30%;}
#g_footer .sp-buttons .sp-button {display:inline-block;}
#g_footer .sp-buttons .sp-button:not(:last-of-type){margin-right:10px;}
#g_footer .sp-buttons .sp-button {
	background-color:#777777;
	border-radius:50%;
	height:10px;
	text-indent:-9999px;
	width:10px;
	border:none;
	}
#g_footer .sp-buttons .sp-button:not(.sp-selected-button){background-color:#cccccc;}

#g_footer #btn-sbm {
	background-color:#333333;
	text-align:center;
	padding:20px 0px 5px 0px;
	}
#g_footer ul#btn-sbm_inner {
	display:inline-block;
	}
#g_footer ul#btn-sbm_inner .btnFaceBook {padding-left: 10px; text-align: center;}
#g_footer ul#btn-sbm_inner:after {
	content: '';
	clear: both;
	display: table;
	}
#g_footer ul#btn-sbm_inner li {float: left;}
#g_footer .fb_iframe_widget > span {vertical-align: baseline !important;}

#g_footer_inner {
	background-color:rgba(0,0,0,1);
	padding:25px 0px 10px 0px;
	width:100%;
	}
#g_pagetop {
	background:url(../s_images/common/g_icon_pagetop.png) no-repeat center center;
	background-size:cover;
	display:block;
	height:45px;
	margin:0px auto;
	width:45px;
	}

#g_copyright {
	background-color:rgba(0,0,0,1);
	color:#ffffff;
	font-size:80%;
	padding:10px 0px;
	text-align:center;
	width:100%;
	}

/*  グローバル共通パーツ
**********************************************************/
.g_loading .loading {
    background-color: rgba(255,255,255,0.8);
    display:none;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 100;
	}

.g_loading .loading.on {display:block;}

.g_loading .loading.on .loading_icon{
	animation:g_ani_loading_opacity 0.1s linear infinite;
	bottom:0px;
	display:block;
	height:100px;
	left:0px;
	margin:auto;
	position:absolute;
	right:0px;
	top:0px;
	width:100px;
	}

.g_loading .loading.on .loading_rotate {
	border:4px solid #bbbbbb;
	border-radius:50%;
	border-right-color:transparent;
	height:30px;
	margin:auto;
	position:absolute;
	top:0px;left:0px;right:0px;bottom:0px;
	width:30px;
	}

.g_loading .loading.on .loading_rotate.out {
	animation:g_ani_loading_rotate_out 1s linear infinite;
	}

@keyframes g_ani_loading_rotate_out {
	0%{transform:rotate(0deg);}
	50%{transform:rotate(180deg);}
	100%{transform:rotate(360deg);}
	}

@keyframes g_ani_loading_opacity {
	0%{opacity:1;}
	50%{opacity:0.5;}
	100%{opacity:1;}
	}

/* グローバル共通 タイトル  ****************************************/
#g_main h3.title{
	border-bottom:5px solid #cccccc;
	color:#333333;
	display: block;
	font-weight:bold;
	margin-bottom:15px;
	padding:15px 0px 15px 5px;
	font-size:1.2em;
	}
#g_main h3.title span{color:#afafaf; font-size:0.8em; padding-left:20px;}