@charset "Shift_JIS";
* {
	margin: 0;
	padding: 0;
}
html {
	-webkit-text-size-adjust: 100%;
	width: 100%;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: "���C���I", "�q���M�m�p�S Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	width: 100%;
	line-height: 1;
}
@font-face {
	font-family: 'NovelSansRdPro-Bold';
	src: url('webfonts/313102_0_0.eot');
	src: url('webfonts/313102_0_0.eot?#iefix') format('embedded-opentype'), url('webfonts/313102_0_0.woff2') format('woff2'), url('webfonts/313102_0_0.woff') format('woff'), url('webfonts/313102_0_0.ttf') format('truetype');
}
img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
}

/* loader */
#loader_base {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: #b300ba;
	z-index: 12;
-ms-filter: "alpha( opacity=0.6 )";
	opacity: 0.6;
}
#loader {
	display: none;
	margin: auto;
	width: 100px;
	height: 80px;
padding: 40px 0px 0px 0px;
	text-align: center;
	
	z-index: 13;
}
#floatingCirclesG {
	position: relative;
	width: 64px;
	height: 64px;
	margin: auto;
	transform: scale(0.6);
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
}
.f_circleG {
	position: absolute;
	background-color: rgb(255,255,255);
	height: 11px;
	width: 11px;
	border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	animation-name: f_fadeG;
	-o-animation-name: f_fadeG;
	-ms-animation-name: f_fadeG;
	-webkit-animation-name: f_fadeG;
	-moz-animation-name: f_fadeG;
	animation-duration: 1.2s;
	-o-animation-duration: 1.2s;
	-ms-animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;
	-moz-animation-duration: 1.2s;
	animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-direction: normal;
	-o-animation-direction: normal;
	-ms-animation-direction: normal;
	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
}
#frotateG_01 {
	left: 0;
	top: 26px;
	animation-delay: 0.45s;
	-o-animation-delay: 0.45s;
	-ms-animation-delay: 0.45s;
	-webkit-animation-delay: 0.45s;
	-moz-animation-delay: 0.45s;
}
#frotateG_02 {
	left: 7px;
	top: 7px;
	animation-delay: 0.6s;
	-o-animation-delay: 0.6s;
	-ms-animation-delay: 0.6s;
	-webkit-animation-delay: 0.6s;
	-moz-animation-delay: 0.6s;
}
#frotateG_03 {
	left: 26px;
	top: 0;
	animation-delay: 0.75s;
	-o-animation-delay: 0.75s;
	-ms-animation-delay: 0.75s;
	-webkit-animation-delay: 0.75s;
	-moz-animation-delay: 0.75s;
}
#frotateG_04 {
	right: 7px;
	top: 7px;
	animation-delay: 0.9s;
	-o-animation-delay: 0.9s;
	-ms-animation-delay: 0.9s;
	-webkit-animation-delay: 0.9s;
	-moz-animation-delay: 0.9s;
}
#frotateG_05 {
	right: 0;
	top: 26px;
	animation-delay: 1.05s;
	-o-animation-delay: 1.05s;
	-ms-animation-delay: 1.05s;
	-webkit-animation-delay: 1.05s;
	-moz-animation-delay: 1.05s;
}
#frotateG_06 {
	right: 7px;
	bottom: 7px;
	animation-delay: 1.2s;
	-o-animation-delay: 1.2s;
	-ms-animation-delay: 1.2s;
	-webkit-animation-delay: 1.2s;
	-moz-animation-delay: 1.2s;
}
#frotateG_07 {
	left: 26px;
	bottom: 0;
	animation-delay: 1.35s;
	-o-animation-delay: 1.35s;
	-ms-animation-delay: 1.35s;
	-webkit-animation-delay: 1.35s;
	-moz-animation-delay: 1.35s;
}
#frotateG_08 {
	left: 7px;
	bottom: 7px;
	animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	-ms-animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
}
 @keyframes f_fadeG {
 0% {
 background-color:rgba(0,0,0,0.5);
}
 100% {
 background-color:rgb(255,255,255);
}
}
 @-o-keyframes f_fadeG {
 0% {
 background-color:rgba(0,0,0,0.5);
}
 100% {
 background-color:rgb(255,255,255);
}
}
 @-ms-keyframes f_fadeG {
 0% {
 background-color:rgba(0,0,0,0.5);
}
 100% {
 background-color:rgb(255,255,255);
}
}
 @-webkit-keyframes f_fadeG {
 0% {
 background-color:rgba(0,0,0,0.5);
}
 100% {
 background-color:rgb(255,255,255);
}
}
 @-moz-keyframes f_fadeG {
 0% {
 background-color:rgba(0,0,0,0.5);
}
 100% {
 background-color:rgb(255,255,255);
}
}

#load_txt {
	margin-top: 4px;
	width: 100px;
	text-align:center;
	font-family: 'NovelSansRdPro-Bold';
	font-size: 15px;
	color:#fff;
-webkit-animation:blink 1s ease-in-out infinite alternate;
    -moz-animation:blink 1s ease-in-out infinite alternate;
    animation:blink 1s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0.5;}
    100% {opacity:1;}
}


/* ------- */







#header_menu_base {
	display: none;
}
.header_menu_base_sp {
	position: fixed;
	top: -100px;
	width: 100%;
	height: 60px;
	margin: 0 auto;
	background-color: #d1b99f;
	z-index:7;
}
#header_menu_sp {
	position:relative;
	margin: 0 auto;
	width: 320px;
	
}
#main_menu_new_sp {
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	display: inline-block;
	cursor: pointer;
	background-color: #E2CBB3;
	padding: 0px 10px 0px 10px;
}
#main_menu_backnumber_sp {
	
	height: 60px;
	line-height: 60px;
	width: 120px;
	text-align: center;
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	display: inline-block;
	cursor: pointer;
	z-index:7;
}
#main_menu_top_sp {
	height: 60px;
	display: inline-block;
	line-height: 60px;
	text-align: center;
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	cursor: pointer;
	background-color: #E2CBB3;
	padding: 0px 10px 0px 10px;
}
#main_menu_new_sp a, #main_menu_backnumber_sp a, #main_menu_top_sp a {
	color: #533a1b;
	text-decoration: none;
}

#submenu {
	position: fixed;
	left: 50%;
	margin-left:-55px;
	top: -800px;
	width: 120px;
	transition: top .5s;
	-webkit-transition: top .5s;
	-moz-transition: top .5s;
	z-index: 6;
}


#submenu li {
	width: 130px;
	line-height: 36px;
	display: block;
	text-align: center;
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
}
#submenu li a {
	text-decoration:none;
	padding: 4px 0px 0px 0px;
	color: #533a1b;
	display: block;
}
.b2026 {
	background-color: #ebc4fa
}
.b2026 a:hover {
	background-color: #e14fe1
}
.b2025 {
	background-color: #f2d89b
}
.b2025 a:hover {
	background-color: #fdbf00
}
.b2024 {
	background-color: #c0ffeb
}

.b2024 a:hover {
	background-color: #6bd5b3
}

.b2023 {
	background-color: #fbd6d6
}
.b2023 a:hover {
	background-color: #ff9898
}
.b2022 {
	background-color: #ddf7b8
}
.b2022 a:hover {
	background-color: #a4dc55
}
.b2021 {
	background-color: #ebc4fa
}
.b2021 a:hover {
	background-color: #e14fe1
}
.b2020 {
	background-color: #f2d89b
}
.b2020 a:hover {
	background-color: #fdbf00
}
.b2019 a:hover {
	background-color: #6bd5b3
}
.b2019 {
	background-color: #c0ffeb
}
.b2018 {
	background-color: #fbd6d6
}
.b2018 a:hover {
	background-color: #ff9898
}
.b2017 {
	background-color: #ddf7b8
}
.b2017 a:hover {
	background-color: #a4dc55
}
.b2016 {
	background-color: #ebc4fa
}
.b2016 a:hover {
	background-color: #e14fe1
}
.b2015 {
	background-color: #f2d89b
}
.b2015 a:hover {
	background-color: #fdbf00
}
.b2014 {
	background-color: #c0ffeb
}
.b2014 a:hover {
	background-color: #6bd5b3
}
.b2013 {
	background-color: #fbd6d6
}
.b2013 a:hover {
	background-color: #ff9898
}
.b2012 {
	background-color: #ddf7b8
}
.b2012 a:hover {
	background-color: #a4dc55
}
.b2011 {
	background-color: #ebc4fa
}
.b2011 a:hover {
	background-color: #e14fe1
}
.b2010 {
	background-color: #f2d89b
}
.b2010 a:hover {
	background-color: #fdbf00
}
.b2009 {
	background-color: #c0ffeb
}
.b2009 a:hover {
	background-color: #6bd5b3
}
.bhpnavi a {
	background-color: #fbd6d6;
			font-size: 11px;
	line-height: 18px
}
.bhpnavi a:hover {
	background-color: #ff9898;
			font-size: 11px;
	line-height: 18px
}


.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	margin: 0 auto;
	z-index: 4;
	animation-duration: 1.0s;
	animation-name: fade-in;
	-moz-animation-duration: 1.0s;
	-moz-animation-name: fade-in;
	-webkit-animation-duration: 1.0s;
	-webkit-animation-name: fade-in;
}
 @keyframes fade-in {
 0% {
 display: none;
 opacity: 0;
}
 20% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}
 @-moz-keyframes fade-in {
 0% {
 display: none;
 opacity: 0;
}
 20% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}
 @-webkit-keyframes fade-in {
 0% {
 display: none;
 opacity: 0;
}
 20% {
 display: block;
 opacity: 0;
}
 100% {
 display: block;
 opacity: 1;
}
}
#header_base {
	width: 100%;
	text-align: center;
	background-color: #f3ece5;
	min-width: 320px;
	z-index: 1;
}
#header {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	position:relative
}

#header #at_logo_sp {
	margin: 0 auto;
	width: 80%;
	min-width: 290px;
}
#header #at_logo {
	display:none;
	
}

#header #at_txt {
	display:none;
}

#banner_sp  {
margin: 10px auto;
	width: 80%;
	min-width: 300px;
	border: #f33 1px solid;
	padding-bottom: 1px
}

#banner{
display: none
}


#header #title {
	
	margin: 0 auto;
	width: 80%;
	min-width: 300px;
}
#header #lead_title {
	margin: 0 auto;
	width: 80%;
	min-width: 300px;
}
#header #lead_title_base {
	display: none
}
#header #lead_title_txt {
	margin: 0px 0px 10px 0px;
	font-size: 14px;
	padding: 6px 0px 2px 0px;
	background-color: #d1b99f;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
}
h1 {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	font-weight: normal;
	text-align: left;
	padding: 6px auto 6px auto;
}

#b_pro_s {
	text-align: center;
	margin: 20px auto 0px auto;
	width: 205px;
	height: 50px;
	background: url(../images/b_pro.png) no-repeat;
	background-position: 0 0;
	display: block;
	cursor: pointer;
	text-decoration: none;
}


#b_pro_s.hv {
	
	background: url(../images/b_pro.png) no-repeat;
	background-position: 0 -50px;
	
}


.b_pro_txt_s {
	font-size: 10px;
	color: #533a1b;
	margin: 0px 0px 8px 0px;
	text-decoration: none;
}
.b_pro_txt_l {
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	text-decoration: none;
}




#current_movie_base {
	width: 100%;
	min-width: 320px;
	background-color: #3b3026;
	z-index: 2;
}
#current_movie {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 60px 0px 30px 0px;
}
#current_title {
	padding: 36px 0px 36px 0px;
	background-color: #3b3026;
	font-family: 'NovelSansRdPro-Bold';
	letter-spacing: 1px;
}
#current_date {
	font-size: 16px;
	color: #d1b99f;
	margin: 0px 0px 14px 0px;
	text-shadow: 2px 2px 2px #000;
}
#current_title_txt {
	font-size: 30px;
	color: #fff;
	text-shadow: 2px 2px 3px #000;
}
#current_button {
	text-align: center;
	margin: 0 auto;
	width: 80%;
	min-width: 300px;
}
#b_current {
	position: relative;
	width: 100%;
	padding: 0px 0px 36px 0px;
}
#b_current_arr {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	-ms-filter: "alpha( opacity=0.5 )";
	opacity: 0.5;
}
#content_area {
	position: absolute;
	width: 100%;
	margin: 0px auto 0px auto;
	z-index: 3;
}
#content_2026,#content_2025,#content_2024,#content_2023,#content_2022,#content_2021,#content_2020,#content_2019,#content_2018,#content_2017,#content_2016,#content_2015,#content_2014,#content_2013,#content_2012,#content_2011,#content_2010,#content_2009,#content_hpnavi {
	width: 100%;
	margin: 0 auto;
	text-align: center;

	padding: 60px 0px 30px 0px;
	overflow: auto;
	z-index: 3;
}
.bg_2026 {
	background-color: #e9d1e9;
	color: #4b0a4c;
}
.bg_2025 {
	background-color: #f2d89b;
	color: #053a0b;
}
.bg_2024 {
	background-color: #c0ffeb;
	color: #22144f;
}
.bg_2018 {
	background-color: #fbe8d6;
	color: #3f250c;
}
.bg_2022 {
	background-color: #ddf7b8;
	color: #14053a;
}
.bg_2021 {
	background-color: #e9d1e9;
	color: #4b0a4c;
}
.bg_2020 {
	background-color: #f2d89b;
	color: #053a0b;
}
.bg_2019{
	background-color: #c0ffeb;
	color: #22144f;
}
.bg_2018 {
	background-color: #fbe8d6;
	color: #3f250c;
}
.bg_2017 {
	background-color: #ddf7b8;
	color: #14053a;
}
.bg_2016 {
	background-color: #e9d1e9;
	color: #4b0a4c;
}
.bg_2015 {
	background-color: #f2d89b;
	color: #053a0b;
}
.bg_2014 {
	background-color: #c0ffeb;
	color: #22144f;
}
.bg_2013 {
	background-color: #fbe8d6;
	color: #3f250c;
}
.bg_2012 {
	background-color: #ddf7b8;
	color: #14053a;
}
.bg_2011 {
	background-color: #e9d1e9;
	color: #4b0a4c;
}
.bg_2010 {
	background-color: #f2d89b;
	color: #053a0b;
}
.bg_2009 {
	background-color: #c0ffeb;
	color: #22144f;
}
.bg_hpnavi {
	background-color: #fbe8d6;
	color: #3f250c;
}
.bn {
	width: 320px;
	text-align: center;
	margin: 0 auto;
}
.bn_title {
	padding: 20px 0px 16px 0px;
	font-size: 18px;
	text-align: center;
	color: #564e38;
	font-family: 'NovelSansRdPro-Bold';
}
.bn_block {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 auto;

}
.bn_button {
	position: relative;
	text-align: center;
	width: 150px;
	float: left;
	margin: 0px 0px 14px 7px;
	
}
.bn_button img {
	width: 100%;
}
.bn_arr {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	-ms-filter: "alpha( opacity=0.0 )";
	opacity: 0.0;
}
.bn_ts {
	margin: 10px 0px 4px 0px;
	font-size: 10px;
	font-family: 'NovelSansRdPro-Bold';
}
.bn_tl {
	font-size: 14px;
	font-family: 'NovelSansRdPro-Bold';
}

.cr {
	clear: both
}



#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	height: 80px;
	font-size: 12px;
	background-color: #d1b99f;
	font-family: 'NovelSansRdPro-Bold';
}
#footer_link_sp {
	height: 30px;
	line-height: 24px;
	margin: 0 auto;
	color: #533a1b;
}
#footer_link {
	display:none
}
#footer_link_sp a {
	color: #533a1b;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
}
#footer_link_sp a:hover {
	color: #533a1b;
	text-decoration: underline;
}


#foot_c {
	clear: both;
	display: block;
	text-align: center;
	margin: 0px auto 0px auto;
	font-size: 85%;
	line-height: 20px;
	color: #533a1b;
}

/* modal
-----------------------------------------------*/

div#modal_mov {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 7;
}
div#modal_mov div.background_mov {
	position: fixed;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.90;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	z-index: 8;
}
div#modal_mov div.container_mov {
	position: relative;
	width: 320px;
	height: 226px;
	z-index: 9;
}
.iframe_box iframe {
	width: 320px;
	height: 180px;
}
.close_mov {
	margin: 16px auto;
	width: 121px;
	height: 32px;
	color: #d1b99f;
	font-size: 14px;
	font-family: 'NovelSansRdPro-Bold';
	display: block;
	cursor: pointer;
}
video{
	width: 320px;
	height: 180px;
}
.close_mov.hv {
	color: #fff;
}
/* prof
-----------------------------------------------*/

#prof_base {
	display:none;
	z-index: -1;
}

#prof {
	width: 300px;

	
	background-color: #f3ece5;
	z-index: 11;
	position:relative;
	overflow:scroll;
}

#prof {
		width: 100%;
	
	
	margin:  auto;
	
	background-color: #fff;
	padding: 10px 0px 10px 0px;
	

	overflow: scroll;
}

#prof_head{
	position: relative;
		margin: 0 auto;
	width: 80%;
	min-width: 300px;

}

#p_tam {
	width: 80px;
	height: 80px;
	margin: 4px 4px 4px 0px;
}
#prof_txt_s {
	position: absolute;
	top: 20px;
	left: 90px;
	font-size: 12px;
	color: #533a1b;
	font-weight: bold;
}
#prof_txt_l {
	position: absolute;
	top: 38px;
	left: 90px;
	font-size: 12px;
	color: #770678;
	font-family: 'NovelSansRdPro-Bold';
}
#link a {
	position: absolute;
	top: 58px;
	left: 90px;
	font-size: 12px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	text-decoration: underline
}
#prof_body_j {

		margin: 0 auto;
	width: 80%;
	min-width: 300px;
	background-color: #ffb759;
	text-align: left;
}
#prof_body_j_txt {
	font-size: 12px;
	color: #533a1b;
	padding: 10px;
	line-height: 17px;
	font-weight: bold;
}
#prof_body_e {
	margin: 0px auto 0px auto;
	width: 80%;
	min-width: 300px;
	
	text-align: left;
	background-color: #dabad9;
}
#prof_body_e_txt {
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	padding: 10px;
	line-height: 20px;
}
#prof_base_close {
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	padding-top: 10px;
	line-height: 20px;
	cursor:pointer;
	text-decoration:underline
}