/* CSS Document */

/* ALL_setting
================================================== */
*{
	margin:0;
	padding:0;
	font-family: Meiryo, sans-serif, monospace;
	font-size: 12px;
}

.clear{clear:both;}

a {outline:none;}

a img {outline:none;}

body{
	height: 100%;
	width: 100%;
}

#wrapper{
	width: 100%;
	height: 100%;
	background: url(../image/20th_main_bg.jpg) top center / cover no-repeat;
	background-attachment: fixed;
}

#wrapper_keybox{
	width: 100%;
	height: 100%;
	background: url(../image/key_box_bg.jpg) top center / cover no-repeat;
	background-attachment: fixed;
}


#loader {
	width: 14%;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 46%;
	left: 43%;
	margin-top: -64px; /* heightの半分のマイナス値 */
	z-index: 9999;
}

#fade {
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	width:100%;
	height:100%;
	display: none;
	background-color: white;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 9998;
}

@media screen and (max-width: 699px){
	#loader {
	width: 40%;
	display: none;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 46%;
	left: 30%;
	z-index: 9999;
}
}


/* TOP_image_setting
================================================== */

.top_wrapper{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url(../image/20th_main_image.jpg) top center / 100% auto no-repeat;
	z-index: 0;
	min-height: 1080px;
}

.key_logo{
	width: 8%;
	padding-top: 0.82%;
	padding-left: 1.5%;
}

/* menu_setting
================================================== */

.menu_logo{
	position: absolute;
	z-index: 2;
	margin-top: 34%;
	width: 300px;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%); 
}

.menu_wrapper{
	width: 100%;
	height: 93px;
	background:url(../image/20th_menu_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	z-index: 1;
	margin-top: 42%;
}

.menu_table_box{
	width: 1240px;
	margin: auto;
	display: table;
}

.menu_style1{
	width: 225px;
	height: 59px;
	padding-top: 17px;
	display: table-cell;
}
.menu_style2{
	width: 340px;
	display: table-cell;
}

.menu_wrapper_page{
	width: 100%;
	height: 93px;
	background:url(../image/20th_menu_bg.jpg);
	background-repeat: repeat-x;
	position: relative;
	z-index: 1;
}

.menu_table_box_page{
	width: 1125px;
	margin: auto;
	display: table;
}

@media screen and (max-width:1240px){

.menu_logo{
	position: absolute;
	z-index: 2;
	margin-top: 32%;
	width: 200px;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,0%);
	-moz-transform: translate(-50%,0%);
	-ms-transform: translate(-50%,0%);
	-o-transform: translate(-50%,0%);
	transform: translate(-50%,0%); 
}

.menu_wrapper{
	width: 100%;
	height: 70px;
	background:none;
	background-color: #d3101f;
	background-repeat: repeat-x;
	position: relative;
	z-index: 1;
	margin-top: 40%;
}

.menu_table_box{
	width: 840px;
	margin: auto;
	display: table;
}

.menu_style1{
	width: 150px;
	height: 39px;
	padding-top: 17px;
	display: table-cell;
}
.menu_style2{
	width: 240px;
	display: table-cell;
}



.menu_table_box_page{
	width: 1125px;
	margin: auto;
	display: table;
}

}


/* top_contents_1_setting
================================================== */

.top_contents_1{
	width: 100%;
	padding-bottom: 80px;
	background-color:#f3f4f7;
	position: relative;

}

.top_contents_1_text{
	width: 500px;
	margin: auto;
	padding-top: 60px;
}

.top_contents_1_title{
	width: 574px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

.top_contents_1_style1{
	text-align: center;
	font-size: 16px;
	padding-top: 10px;
	padding-bottom: 20px;
}

.top_contents_1_banner{
	width:272px;
	padding-top: 20px;
	margin: auto;
}

.special_banner_box{
	width: 70%;
	margin: auto;
	padding-top: 4%
}

.special_banner_1{
	width: 100%;
	margin: auto;
}

.special_banner_2_wrapper{
	width: 100%;
	display: table;
}

.special_banner_2{
	width: 50%;
	padding-right: 1%;
	display: table-cell;
}

.special_banner_3{
	width: 50%;
	display: table-cell;
}

/* topics_box_setting
================================================== */

.topics_title{
	width: 630px;
	margin: auto;
	padding-top: 6%;
	padding-bottom: 2%;
}

.topics_title2{
	width: 630px;
	margin: auto;
	padding-top: 6%;
	padding-bottom: 2%;
}

.topics_title_text{
	text-align: center;
	font-size: 18px;
	padding-bottom: 2%;
}

.topics_box{
	display: block;
	width: 100%;
}

.topics_box ul{
	margin: auto;
	width: calc(100% - 40px);
	max-width: 1300px;
	box-sizing: border-box;
}

.topics_box ul li{
	margin-right: 3%;
	width: calc((86% - 10px) / 4);
	letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
	list-style: none;
	padding-bottom: 3%;
}

.topics_text_box{
	background-color: #2b63c0;
	padding: 8px;
	font-weight: bold;	
}

.topics_text_box p{
	border: solid 1px white;
	padding: 8px;
	font-size: 16px;
}

.topics_text_box span{ color: yellow; font-size: 14px;}

.topics_box ul li a{text-decoration: none; color: white;}

.topics_more_bt{
	font-size: 24px;
	font-weight: bold;
	color: #2b63c0;
	width: 300px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: auto;
	text-align: center;
	border: 1px solid #2b63c0;
	background-image: url(../image/white_bg.png);
	background-repeat: repeat;
}

.btn_more{
	width: 30%;
	margin: 1% auto auto;
}

.btn_more a{
	width: 100%;
	position: relative;
	text-align: center;
	display: block;
	box-sizing: border-box;
	padding: 1em 0;
	outline: 1px solid #2b63c0;
	color: #2b63c0;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	background-image: url(../image/white_bg.png);
	background-repeat: repeat;
}

.btn_more a:hover{
	background-image: none;
	background-color: #2b63c0;
	color: white;
	
}

.key_cd_artworks{
	width: 100%;
	padding-bottom: 20px;
}

.key_cd_artworks_box{
	width: 16%;
	padding: 1%;
	margin-right: 1%;
	margin-bottom: 1%;
	display: inline-block;
	border: 1px solid #999;
}

.key_cd_artworks_text{
	text-align: center;
}

.key_cd_artworks_box a{
	font-size: 16px;
	color: red;
}

@media screen and (max-width:960px){

.key_cd_artworks_box{
	width: 90%;
	padding: 1%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 6%;
	display: block;
	border: 1px solid #999;
}

}



/* download_box_setting
================================================== */

.download_title{
	width: 322px;
	margin: auto;
	padding-top: 6%;
	padding-bottom: 2%;
}

.download_title2{
	width: 322px;
	margin: auto;
	padding-top: 3%;
	padding-bottom: 0%;
}

.download_text_style1{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	outline: 1px solid #2b63c0;
	color: white;
	background-color: #2b63c0;
	padding: 20px;
	width: 30%;
	margin: auto;
}

.download_text_style2{
	text-align: center;
	font-size: 18px;
	padding-top: 1%;
}


.download_box{
	width: 70%;
	margin: auto;
	display: table;
	background-image: url(../image/white_bg2.png);
	background-repeat: repeat;
	margin-top: 1%;
}

.download_style1{
	width: 50%;
	display: table-cell;
	text-align: right;
	padding: 2%;
}

.download_style2{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	padding: 2%;
}

.download_text_bt{
	padding-bottom: 2%;
}

.download_text_bt a{
	width: 100%;
	position: relative;
	text-align: center;
	display: block;
	box-sizing: border-box;
	padding: 10px;
	outline: 1px solid #2b63c0;
	color: #2b63c0;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	background-image: url(../image/white_bg.png);
	background-repeat: repeat;
	white-space: nowrap;
}

.download_wrapper{
	width: 90%;
	margin: auto;
	padding-top: 2%;
	padding-bottom: 2%;
}

/* information_box_setting
================================================== */

.information_box{
	background-color: white;
	width: 100%;
	margin-top: 10%;
	padding-top: 4%;
	padding-bottom: 4%;
}

.information_title{
	width: 348px;
	margin: auto;
}

.information_text_box{
	width: 920px;
	margin: auto;
	display: table;
	border-bottom: dotted 1px #000;
	padding:1% 0;
}

.information_data{
	width: 120px;
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	font-size: 16px;
}

.information_text{
	width: 800px;
	text-align: left;
	vertical-align: middle;
	display: table-cell;
	font-size: 16px;
}

.more_text{
	text-align: center;
	width: 200px;
	margin: auto;
	padding-top: 10px;
	padding-bottom: 10px;
	border: #000000 solid 1px;
	margin-top: 20px;
}

/* history_box_setting
================================================== */

.top_history_wrapper{
	background-color: #f3f4f7;
	width: 100%;
	padding-top: 4%;
	padding-bottom: 4%;
}

.top_history_title{
	width: 252px;
	margin: auto;
}

.top_history_style1{
	text-align: center;
	font-size: 16px;
	padding-top: 2%;
	line-height: 30px;
}



.history_title{
	width: 410px;
	margin: auto;
	padding-top: 4%;
	padding-bottom: 1%;
	font-size: 16px;
	text-align: center;
}


/* footer_setting
================================================== */

.footer_box{
	padding-top: 4%;
	padding-bottom: 4%;
}

.footer_box_white{
	padding-top: 2%;
	padding-bottom: 2%;
	background-color: white;
	margin-top: 4%;
}

.footer_key_logo{
	width: 100px;
	margin: auto;
}

.copyright{
	text-align: center;
}


/* special_contents_setting
================================================== */

.special_title{
	width: 592px;
	margin: auto;
	padding-top: 3%;
}

.special_title_text{
	font-size: 18px;
	text-align: center;
	padding-top: 1%;
}

/* key_cd_box_setting
================================================== */

.key_cd_box{
	padding-top: 2%;
	padding-bottom: 1%;
}

.key_cd_main_image{
	width: 100%;
	margin: auto;
}

.key_cd_onsale{
	width: 600px;
	margin: auto;
	padding-top: 1%;
	padding-bottom: 0.6%;
}
.key_cd_onsale2{
	width: 352px;
	margin: auto;
	padding-bottom: 1%;
}



.key_text_wrapper{
	width: 1000px;
	margin: auto;
	background-color: white;
	padding: 20px;
}

.key_box_title{
	background-color: #e60012;
	width: 900px;
	color: white;
	font-weight: bold;
	padding: 18px;
	text-align: center;
	margin: auto;
	margin-bottom: 2%;
	margin-top: 1%;
	font-size: 24px;
}

.key_cd_text_style1{
	background-color:#e60012;
	text-align: center;
	padding: 20px;
	font-size: 24px;
	color: white;
	font-weight: bold;
}

.key_cd_text_style2{
	font-size: 18px;
}

.key_cd_text_style3{
	font-size: 18px;
	text-align: center;
	border: 1px solid #000;
	padding: 10px;
}

.key_cd_box_image{
	width: 1000px;
	margin: auto;
}

.key_cd_text_style4{
	font-size: 18px;
	text-align: center;
	border-top: 1px solid #000;
	padding-top: 2%;
	padding-bottom: 1%;
	margin-top: 2%;
}


.key_cd_track_box{
	display: block;
	width: 100%;
}

.key_cd_track_box ul{
	margin: auto;
	width: calc(90% - 0px);
	max-width: 1200px;
	box-sizing: border-box;
}

.key_cd_track_box ul li{
	margin-right: 1%;
	width: calc((94% - 10px) / 2);
	letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
	list-style: none;
	padding: 1%;
	background-color: white;
	margin-bottom: 2%
}

.track_disc_title{
	background-color: black;
	color: white;
	font-weight: bold;
	padding: 10px;
	font-size: 16px;
}

.track_disc_text_style1{
	font-size: 16px;
	padding-top: 10px;
	line-height: 32px;
}




/* event_title_setting
================================================== */

.event_title_box{
	width:100%;
	padding-top:4px;
	padding-bottom:4px;
	background-color:#d3101f;	
	margin-top:10px;
}

.event_title_text_box{
	width:100%;
	border-top:solid 1px #fee754;
	border-bottom:solid 1px #fee754;
	padding-top:4px;
	padding-bottom:2px;
	background-color:#d3101f;
}

.event_title_text_style1{
	text-align:center;
	color:white;
	font-size:34px;	
	font-weight:bold;
}



.event_contents_box{
	width:940px;
	margin:auto;
	padding-top:10px;
	padding-bottom:20px;
}

.event_contents_left_box{
	width:400px;
	float:left;	
}

.event_contents_right_box{
	width:490px;
	padding:20px;
	float:right;
	background-image:url(../image/white_back_overlay_center.png);
	background-repeat:repeat;
	font-size:14px;
	line-height:26px;
}

.event_contents_center_wrapper{
	width:92%;
	padding: 4%;
	background-image:url(../image/white_back_overlay_center.png);
	background-repeat:repeat;
	font-size:14px;
	line-height:26px;
}

.event_kakudai_box{
	background-color:white;
	padding:10px;
	text-align:center;	
}

.event_space{
	width:100px;
	height:200px;	
}

.event_contents_center_box{
	padding-bottom:20px;	
}

.event_contents_center_text_box{
	background-image:url(../image/white_back_overlay_center.png);
	background-repeat:repeat;
	font-size:14px;
	line-height:26px;
	padding:20px;
}

@media screen and (max-width:960px){
.event_title_text_style1{
	text-align:center;
	color:white;
	font-size:200%;	
	font-weight:bold;
}
.event_contents_box{
	width:90%;
	margin:auto;
	padding-top:10px;
	padding-bottom:20px;
}

.event_contents_left_box{
	width:100%;
	float:none;
	margin: auto;
}

.event_contents_right_box{
	width:90%;
	margin: auto;
	padding:5%;
	float:none;
}
}


/* movie_setting
================================================== */

.movie_white_box{
	width: 80%;
	height: auto;
	margin: auto;
	padding: 0px;
	background-color: white;
	padding:2%; 
}

.movie_text_style1{
	font-size: 18px;
	line-height: 32px;
}

.movie_ranking_text_box{
	display: table;
	text-align: center;
	width: 100%;
	padding-bottom: 2%;
}

.movie_ranking_text_style1{
	font-size:20px;
	padding-right: 4%;
	width: 40%;
	text-align: right;
	display: table-cell;
}

.movie_ranking_text_style2{
	font-size:20px;
	width: 54%;
	text-align: left;
	display: table-cell;
}

.election_pict{
	width: 80%;
	margin: auto;
	padding-bottom: 1%;
}

.election_text{
	width: 80%;
	margin: auto;
	border: solid 1px #000;
	padding-top: 20px;
}

/* message_setting
================================================== */
.top_message_box{
	width: 400px;
	margin: auto;
}

.top_message_box a{ text-decoration: none;}

.message_text_box{
	padding: 8px;
	font-weight: bold;
/*	background-image:url(../image/key_20th_comment_1.jpg); */
	background-color: black;
	background-position: center center;
}

.message_text_box p{
	border: solid 1px white;
	padding: 8px;
	font-size: 22px;
	text-align: center;
	color: white;
}

.message_text_box:hover{
	
	color: #d3101f;
	padding: 8px;
	font-weight: bold;	
}
.message_text_box p:hover{
	border: solid 1px #fee754;
	padding: 8px;
	font-size: 22px;
	text-align: center;
	color: #fee754;
}

.message_text_box2{
	padding: 8px;
	font-weight: bold;
	background-position: center center;
}

.message_text_box2 p{
	border: solid 1px white;
	padding: 8px;
	font-size: 22px;
	text-align: center;
	color: white;
}

.message_text_box2:hover{
	
	color: #d3101f;
	padding: 8px;
	font-weight: bold;	
}
.message_text_box2 p:hover{
	border: solid 1px #fee754;
	padding: 8px;
	font-size: 22px;
	text-align: center;
	color: #fee754;
}

.bt_cygames1{
	background-image:url(../image/message_cygames_gyuudon_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_cygames2{
	background-image:url(../image/message_cygames_kyoukenqkou_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_cygames3{
	background-image:url(../image/message_cygames_kominami_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_cygames4{
	background-image:url(../image/message_cygames_maiasaura_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_cygames5{
	background-image:url(../image/message_cygames_mogumogu_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_cygames6{
	background-image:url(../image/message_cygames_moriryuu_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_cygames7{
	background-image:url(../image/message_cygames_gyuudon2_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_wfs1{
	background-image:url(../image/message_wfs_gomitihiro_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_wfs2{
	background-image:url(../image/message_wfs_tyesinu_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_wfs3{
	background-image:url(../image/message_wfs_hana_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_wfs4{
	background-image:url(../image/message_wfs_ekusatakahito_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor1{
	background-image:url(../image/message_actor_1_horie_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor2{
	background-image:url(../image/message_actor_2_midorikawa_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor3{
	background-image:url(../image/message_actor_3_inoue_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor4{
	background-image:url(../image/message_actor_4_nakahara_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor5{
	background-image:url(../image/message_actor_5_nakamura_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor6{
	background-image:url(../image/message_actor_6_sakaguti_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor7{
	background-image:url(../image/message_actor_7_suzuki_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor8{
	background-image:url(../image/message_actor_8_ono_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor9{
	background-image:url(../image/message_actor_9_issiki_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor10{
	background-image:url(../image/message_actor_10_tamiyasu_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor11{
	background-image:url(../image/message_actor_11_wakabayasi_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor12{
	background-image:url(../image/message_actor_12_sakurai_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor13{
	background-image:url(../image/message_actor_13_morita_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor14{
	background-image:url(../image/message_actor_14_kitamura_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor15{
	background-image:url(../image/message_actor_15_kamiya_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor16{
	background-image:url(../image/message_actor_16_mizusima_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor17{
	background-image:url(../image/message_actor_17_sakura_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_actor18{
	background-image:url(../image/message_actor_18_kohara_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime1{
	background-image:url(../image/message_horikawa_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime2{
	background-image:url(../image/message_hirata_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime3{
	background-image:url(../image/message_sekiguti_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime4{
	background-image:url(../image/message_iiduka_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime5{
	background-image:url(../image/message_asai_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime6{
	background-image:url(../image/message_aoi_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime7{
	background-image:url(../image/message_tuda_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime8{
	background-image:url(../image/message_taketi_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.bt_anime9{
	background-image:url(../image/message_ishihara_bt.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: cover;
}

.message_white_box{
	width: 80%;
	height: auto;
	margin: auto;
	padding: 0px;
	background-image: url(../image/white_bg2.png);
	padding-top:3%; 
}

.message_white_box ul{
	margin: auto;
	width: calc(100%);
	max-width: 1300px;
	box-sizing: border-box;
}

.message_white_box ul li{
	margin-right: 0%;
	width: calc((98%) / 2);
	letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
	list-style: none;
	padding-bottom: 3%;
	text-align: center;
}



/* page-top_setting
================================================== */
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #d3101f;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #d3101f;
opacity:0.5;
}


/* sp_setting
================================================== */
.tablet_menu{ display: none; }
.pc{display: inherit}
.sp{display: none;}

.humverger_menu a{color:white; font-size: 150%; font-weight: bold; text-decoration: none;}

.sp_top_title{
	position: absolute;
	top: 0;
	left: 20%;
	width: 60%;
	padding-top: 2%;
	z-index: 9;
}

.sp_top_logo{
	width: 50%;
	margin: auto;
	margin-top: -140px;
	z-index: 10;
	position: relative;
}

.sp_special_banner{
	width: 80%;
	margin: auto;
	padding-top: 10%;
	padding-bottom: 3%;
}

.sp_key_cd_main_image{
	width: 100%;
	margin-top: 30%;
}

@media screen and (max-width:960px){
	.sp{display: inherit;}
	.pc{display: none}
	.sp_top_wrapper{display: inherit;}
	.tablet_menu{ display: inherit;}
	.menu_wrapper{display: none;}
	.menu_logo{display: none;}
	#wrapper{
		width: 100%;
		height: 100%;
	}
	.top_contents_1_text{
		width: 90%;
		margin: auto;
		padding-top: 3%;
		z-index: 10;
		position: relative;
	}
	.top_contents_1_title{
		width: 90%;
		margin: auto;
		padding-top: 3%;
		padding-bottom: 2%;
		z-index: 10;
		position: relative;
	}
	.top_message_box{
	width: 90%;
	margin: auto;
	}
	.top_contents_1{
		padding-bottom: 30px;
	}

	.topics_title{
	width: 90%;
	margin: auto;
	padding-top: 2%;
	padding-bottom: 2%;
	}

	.topics_title2{
		width: 90%;
		margin: auto;
		padding-top: 30%;
		padding-bottom: 10%;
	}
	
	.topics_box ul{
	margin: auto;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	}

	.topics_box ul li{
		margin-right: auto;
		margin-left: auto;
		width: 80%;
		letter-spacing: normal;
		display: block;
		vertical-align: top;
		list-style: none;
		padding-bottom: 10%;
	}
		
	.information_title{
		width: 80%;
		margin: auto;
	}

	.information_text_box{
		width: 90%;
		margin: auto;
		display: table;
		border-bottom: dotted 1px #000;
		padding:1% 0;
	}

	.information_data{
		width: 90%;
		display: block;
		text-align: center;
		vertical-align: middle;
		font-size: 16px;
		line-height: 24px;
		margin: auto;
	}

	.information_text{
		width: 90%;
		text-align: center;
		vertical-align: middle;
		display: block;
		font-size: 16px;
		line-height: 24px;
		margin: auto;
	}

	.top_history_title{
		width: 60%;
		margin: auto;
		padding-bottom: 2%;
	}
	
	.btn_more{
	width: 80%;
	margin: 1% auto auto;
	}
	
	.footer_box{
	padding-top: 4%;
	padding-bottom: 40%;
	}

	.special_title{
	width: 90%;
	margin: auto;
	padding-top: 30%;
	}

	.download_title2{
	width: 90%;
	margin: auto;
	padding-top: 30%;
	padding-bottom: 0%;
	}

	.download_box{
	width: 70%;
	margin: auto;
	display: table;
	background-image: url(../image/white_bg2.png);
	background-repeat: repeat;
	margin-top: 1%;
	margin-bottom: 10%
	}

	.history_title{
	width: 90%;
	margin: auto;
	padding-top: 30%;
	padding-bottom: 1%;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	}

	.key_cd_onsale{
	width: 90%;
	margin: auto;
	padding-top: 1%;
	padding-bottom: 1%;
	}

	.key_text_wrapper{
		width: 90%;
		margin: auto;
		background-color: white;
		padding: 4%;
	}
	
	.key_cd_box_image{
	width: 90%;
	margin: auto;
	}

	.key_box_title{
		background-color: #e60012;
		width: 90%;
		color: white;
		font-weight: bold;
		padding: 4%;
		text-align: center;
		margin: auto;
		margin-bottom: 2%;
		margin-top: 1%;
		font-size: 18px;
		line-height: 30px;
	}

	.key_cd_text_style1{
		background-color:#e60012;
		text-align: center;
		padding: 10px;
		font-size: 18px;
		line-height: 30px;
		color: white;
		font-weight: bold;
	}

	.key_cd_track_box ul{
		margin: auto;
		width: 90%;
		max-width: 90%;
		box-sizing: border-box;
	}

	.key_cd_track_box ul li{
		margin-right: auto;
		margin-left: auto;
		width: 90%;
		letter-spacing: normal;
		display: block;
		vertical-align: top;
		list-style: none;
		padding: 4%;
		background-color: white;
		margin-bottom: 2%
	}


	body{
		height: 100vh;
		width: 100%;
	}

	#wrapper:before{
	  content:"";
	  display:block;
	  position:fixed;
	  top:0;
	  left:0;
	  z-index:-1;
	  width:100%;
	  height:100vh;
	  background: url(../image/20th_main_bg.jpg) top center / cover no-repeat;
	}

	#wrapper{
		width: 100%;
		height: 100%;
		background: none;
		background-attachment: fixed;
	}

	#wrapper_keybox{
		width: 100%;
		height: 100vh;
		background: none;
		background-attachment: fixed;
	}
	
	#wrapper_keybox:before{
	  content:"";
	  display:block;
	  position:fixed;
	  top:0;
	  left:0;
	  z-index:-1;
	  width:100%;
	  height:100vh;
	  background: url(../image/key_box_bg.jpg) top center / cover no-repeat;
	}

	.topics_text_box p{
		border: solid 1px white;
		padding: 8px;
		font-size: 16px;
		line-height: 24px;
	}

	.message_white_box ul{
		margin: auto;
		width: 100%;
		max-width: 1300px;
		box-sizing: border-box;
	}

	.message_white_box ul li{
		margin-right: 0%;
		width: 100%;
		letter-spacing: normal;
		display: inline-block;
		vertical-align: top;
		list-style: none;
		padding-bottom: 3%;
		text-align: center;
	}
	
	.election_pict{
		width: 100%;
		margin: auto;
		padding-bottom: 1%;
	}

	.election_text{
		width: 100%;
		margin: auto;
		border: solid 1px #000;
		padding-top: 20px;
	}

}