@charset "Shift_JIS";
* {
	margin: 0;
	padding: 0;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body {
	font-family: "���C���I", Meiryo, Osaka, "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "�l�r �o�S�V�b�N", "MS PGothic", sans-serif;
	text-align: center;
	margin: 0 auto;
	background-color: #fff;
	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 {
	border: 0;
	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_sp {
	display: none;
}
#submenu {
	display: none;
}
#header_menu_base {
	position: fixed;
	
	width: 100%;
	height: 64px;
	margin: 0 auto;
	z-index: 4;
}
#header_menu_base_s {
	position: relative;
	width: 980px;
	height: 64px;
	text-align: center;
	margin: 0 auto;
}
#header_menu {
	position: absolute;
	left: 50%;
	margin-left:-103px;
	width: 205px;
	padding-top: 64px;
}
#main_menu_backnumber {
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 20px 0px 20px 0px;
	width: 123px;
	text-align: center;
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	background: url(../images/b_main_bg.png) no-repeat;
	background-position: 0 0;
	display: block;
	cursor: pointer;
}
#main_menu_top {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 20px 0px 20px 0px;
	display: block;
	width: 82px;
	text-align: center;
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	background: url(../images/b_main_bg.png) no-repeat;
	background-position: 0 0;
	cursor: pointer;
}
#main_menu_backnumber a, #main_menu_top a {
	color: #533a1b;
	text-decoration: none;
}
#main_menu_backnumber.hv ,#main_menu_top.hv {
		background: url(../images/b_main_bg.png) no-repeat;
	background-position: 0 -60px;
}
ul.main_menu ul.sub {
	display: none;
	z-index: 4;
}
ul.main_menu li ul.sub {
	position: absolute;
	left: 0px;
	top: 50px;
	width: 123px;
}
ul.main_menu li ul.sub li {
	width: 123px;
	line-height:36px;
	display: block;
}
ul.main_menu li ul.sub li a {
	padding: 4px 0px 0px 0px;
	width: 123px;
	display: block;
	
}
ul.main_menu li ul.sub li a:hover {
	width: 123px;
	display: block;
}
*+html ul.main_menu li {
	display: block;
	zoom: 1;
}
*+html ul.main_menu ul.sub {
	zoom: 1;
	position: relative;
}
.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
}

#header_base {
	position: fixed;
	width: 100%;
	height: 335px;
	margin: 0 auto;
	min-width: 1000px;
	background-color: #f3ece5;
		overflow: visible;
	z-index: 1;
}
#header {
	position: relative;
	width: 980px;
	height: 335px;
	text-align: center;
	overflow: visible;
	margin: 0 auto;
}






#header #at_logo_sp {
	display:none;
	
}
#header #at_logo {
	position: absolute;
	top: 20px;
	left: 22px;
	width: 82px;
	height: 82px;
}
#header #at_txt {
	position: absolute;
	top: 46px;
	right: 0px;
	width: 125px;
	height: 28px;
}
#header #title {
	position: absolute;
	top: 110px;
	left: 18px;
	width: 424px;
}
#header #lead_title {
	position: absolute;
	top: 135px;
	left: 475px;
	width: 505px;
}
#header #lead_title_base {
	position: absolute;
	top: 20px;
	width: 505px;
	height: 11px;
	background-color: #d1b99f;
}
#header #lead_title_txt {
	position: absolute;
	top: 7px;
	left: 0px;
	margin: 0px 0px 0px 10px;
	font-size: 26px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
}
h1 {
	position: absolute;
	top: 46px;
	left: 10px;
	font-size: 14px;
	line-height: 24px;
	color: #000;
	font-weight: normal;
	text-align: left
}


#b_pro_s  {
	position: absolute;
	bottom:0px;
	right: 0px;
	width: 205px;
	height: 50px;
	background: url(../images/b_pro.png) no-repeat;
	background-position: 0 0px;
	display: block;
	cursor: pointer;
	overflow: hidden;
}
#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 {
	position: fixed;
	top: 335px;
	width: 100%;
	height: 360px;
	min-width: 1000px;
	background-color: #3b3026;
	overflow:visible;
	z-index: 2;
}






#current_movie {
	width: 980px;
	height: 360px;
	text-align: center;
	margin: 0 auto;
	overflow: visible;
	position: relative
}
#banner_sp {
	display: none
}
#banner {
	position:absolute;
	top: -14px;
	left: 5px;
	width: 450px;


	background-color: #fff;
	border: #f33 1px solid;
}

#banner img:hover{
		  opacity: 0.7;
	-ms-filter: "alpha( opacity=0.7 )";
	filter: alpha(opacity=70);
}






#current_title {
	display: table-cell;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	width: 480px;
	height: 360px;
	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 {
	display: table-cell;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	width: 500px;
	height: 360px;
}
#b_current {
	position: relative;
	width: 480px;
	height: 270px;
}
#b_current_arr {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
	height: 270px;
	-ms-filter: "alpha( opacity=0.5 )";
	opacity: 0.5;
}
#content_space {
	position: absolute;
	z-index: 3;
}
#content_area {
	position: absolute;
	width: 100%;
	margin: 0px auto 0px auto;
	margin-top: 695px;
	min-width: 1000px;
	z-index: 3;
}
#content_area_base {
	
}
#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%;
	padding: 0px 0px 20px 0px;
	min-width: 1000px;
	
	overflow: auto;
}
.bg_2026 {
	background-color: #e9d1e9;
	color: #4b0a4c;
}
.bg_2025 {
	background-color: #f2d89b;
	color: #053a0b;
}
.bg_2024 {
	background-color: #c0ffeb;
	color: #22144f;
}
.bg_2023 {
	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: 980px;
	text-align: center;
	margin: 0 auto;
}
.bn_title {
	margin: 30px 0px 26px 10px;
	font-size: 18px;
	color: #564e38;
	font-family: 'NovelSansRdPro-Bold';
	text-align: left;
}
.bn_block {
		display: flex;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 auto;
}
.bn_button {
	position: relative;
	text-align: center;
	width: 240px;
	float: left;
	margin: 0px 2px 14px 3px;
}
.bn_arr {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 240px;
	-ms-filter: "alpha( opacity=0.0 )";
	opacity: 0.0;
}
.bn_ts {
	margin: 10px 0px 4px 0px;
	font-size: 11px;
	font-family: 'NovelSansRdPro-Bold';
}
.bn_tl {
	font-size: 15px;
	font-family: 'NovelSansRdPro-Bold';
}



#footer {
	clear: both;
	width: 100%;
	height: 100px;
	margin: 0px auto 0px auto;
	padding: 20px 0px 0px 0px;
	font-size: 80%;
	background-color: #d1b99f;
	font-family: 'NovelSansRdPro-Bold';
}
#footer_link {
	height: 30px;
	line-height: 24px;
	margin: 0 auto;
	color: #533a1b;
}
#footer_link_sp {
	display:none
}
#footer_link a {
	color: #533a1b;
	text-decoration: none;
	padding: 0px 8px 0px 8px;
}
#footer_link 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: 24px;
	color: #533a1b;
	
}

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

div#modal_mov {
	display: none;
	position: fixed;
	top: 0px;
	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: 720px;
	height: 457px;
	z-index: 9;
	
}
.iframe_box iframe {
	width: 720px;
	height: 405px;
}
.close_mov {
	margin: 16px auto;
	width: 121px;
	height: 32px;
	color: #d1b99f;
	font-size:16px;
	font-family: 'NovelSansRdPro-Bold';
	display: block;
	cursor: pointer;
}
video{
	width: 720px;
	height: 405px;
}
.close_mov.hv {
	color: #fff;
}
/* prof
-----------------------------------------------*/
#prof_base {
	display:none;
	position: fixed;
	top: 335px;
	width: 100%;
	height: 360px;
	min-width: 1000px;
	background-color: #3b3026;
	overflow: hidden;
	z-index: 3;
}





#prof {
	width: 980px;
	height: 352px;
	background-color: #f3ece5;
	z-index: 11;
	position:relative;
	margin:  4px auto 4px auto;
	
}

#p_tam {
	position:absolute;
	top: 46px;
	left: 30px;
	width: 180px;
		height: 180px;
}
#prof_txt_s{
position: absolute;
	top: 105px;
	left: 235px;
	font-size: 16px;
	color: #533a1b;
	font-weight:bold;
	}
#prof_txt_l{
	position: absolute;
	top: 130px;
	left: 235px;
	font-size: 24px;
	color: #770678;
	font-family: 'NovelSansRdPro-Bold';
	}
#link a{
	position: absolute;
	top: 170px;
	left: 235px;
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	text-decoration:underline
	}
	
	#link a:hover{
	
	color: #885e2a;
	font-family: 'NovelSansRdPro-Bold';
	}
	
	
#prof_body_j{
	position: absolute;
	top: 20px;
	left: 520px;
	width: 410px;
	
	background-color: #ffb759;
	text-align:left;
	}
#prof_body_j_txt{
	font-size: 12px;
	color: #533a1b;

padding: 14px;
line-height:17px;
font-weight:bold;
	}
#prof_body_e{
	position: absolute;
		top: 190px;
	left: 460px;
	width: 420px;
	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 {
		position: absolute;
		bottom: 10px;
		right: 20px;
	font-size: 14px;
	color: #533a1b;
	font-family: 'NovelSansRdPro-Bold';
	padding-top: 10px;
	line-height: 20px;
	cursor:pointer;
	text-decoration:underline
}