@charset 'UTF-8';

body {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.pc,
body.tablet {
	min-width: 1000px;
	padding-top: 56px;
	background: #000000;
}

body.sp {
	min-width: 100%;
	padding-top: 0;
	font-size: 100%;
	background: #000000;
}

/* header
-------------------------------------------------- */
body.pc #headerPosition,
body.sp #headerPosition,
body.tablet #headerPosition {
	position: fixed !important;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
}

body #headerArea {
	height: auto;
}

#headerArea .header .id_none {
	padding: 5px 0 0;
	width: 187px;
	height: auto;
}

#headerArea .header p.user {
	height: auto;
	margin: 5px 16px 0 0;
	padding: 0 16px 0 0;
	width: 150px;
	word-break: break-all;
}

#headerArea.s {
	height: auto;
	background: none;
	display: block;
}

#headerArea.s .header {
	width: 100%;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #666666;
	background: #242423;
}

#headerArea.s .header h1 {
	width: 31.25%;
	padding: 20px;
	box-sizing: border-box;
	border-right: 2px solid #666666;
}

#headerArea.s .header .id {
	width: 68.75%;
	padding: 20px;
	box-sizing: border-box;
	display: block;
	text-align: left;
}

#headerArea.s .header .id .table {
	color: #ffffff;
}

#headerArea.s .header .id .table .table-cell.img {
	width: 10.7%;
	padding: 0;
}

#headerArea.s .header .id .table .table-cell.img img {
	width: 100%;
	height: auto;
}

#headerArea.s .header .id .table .table-cell.txt {
	font-size: 24px;
	padding: 0 0 0 20px;
	font-weight: bold;
}

#headerArea.s .header2 {
	width: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	background: rgba(36,36,35,0.75);
}

#headerArea.s .header2 .logo {
	width: 87.5%;
	padding: 0;
	margin: 0;
	float: left;
}

#headerArea.s .header2 .logo a,
#headerArea.s .header2 .logo a:link,
#headerArea.s .header2 .logo a:visited,
#headerArea.s .header2 .logo a:hover,
#headerArea.s .header2 .logo a:active {
	color: #ffffff;
	text-decoration: none;
	font-size: 24px;
	font-weight: bold;
	vertical-align: middle;
}

#headerArea.s .header2 .logo a img {
	width: 100%;
	padding: 20% 10%;
    box-sizing: border-box;
}

#headerArea.s .header2 .logo a span {
	width: 80%;
	text-align: left;
}

#headerArea.pc {
	background: rgba(36,36,35,0.9);
	display: block;
}

#headerArea.pc:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#headerArea.pc .header {
	width: 1000px;
	padding: 10px 0;
}

#headerArea.pc .header .logo {
	width: 470px;
	margin: 0 0 0 15px;
	text-align: left;
	float: left;
}

#headerArea.pc .header .logo a,
#headerArea.pc .header .logo a:link,
#headerArea.pc .header .logo a:visited,
#headerArea.pc .header .logo a:hover,
#headerArea.pc .header .logo a:active {
	color: #ffffff;
	text-decoration: none;
}

#headerArea.pc .header .logo img {
	/*width: ;*/
	padding: 0 15px 0 0;
}

#headerArea.pc .header .logo span {
	width: 331px;
	font-size: 20px;
	font-weight: bold;
}

#headerArea .header .id_none .fukidasipop,
#headerArea .header .id ul.fukidasipop {
	top: 47px;
	text-align: left;
}

#headerArea .header .id ul.fukidasipop li a {
	font-size: 12px;
	line-height: 1.85;
	font-weight: normal;
}

#menuCast {
display: none;
}

/* メニュー周り */

@font-face {
	font-family: 'shiki_menu';
	src:  url('/applause/operaza/shared/fonts/shiki_menu.eot?cuhhbi');
	src:  url('/applause/operaza/shared/fonts/shiki_menu.eot?cuhhbi#iefix') format('embedded-opentype'),
	url('/applause/operaza/shared/fonts/shiki_menu.ttf?cuhhbi') format('truetype'),
	url('/applause/operaza/shared/fonts/shiki_menu.woff?cuhhbi') format('woff'),
	url('/applause/operaza/shared/fonts/shiki_menu.svg?cuhhbi#shiki_menu') format('svg');
	font-weight: normal;
	font-style: normal;
}
#headerArea .menu .icon_menu {
	display: block;
	position: relative;
	cursor: pointer;
	width: 102px;
	background: #510200;
	color: #fff;
	font-size: 16px;
	text-align: center;
}
.sp #headerArea .menu .icon_menu {
	height: 126px;
}
#headerArea .menu .icon_menu::before {
	font-family: 'shiki_menu';
	content: "\e910";
	width: 70px;
	height: 60px;
	margin: 0 auto 4px;
	display: block;
	overflow: hidden;
	font-size: 48px;
}
.sp #headerArea .menu .icon_menu::before {
	padding-top: 20px;
}
#headerArea .menu .icon_menu:hover {
	color: rgba(255,255,255,.5);
}
#headerArea .menuBox {
	width: 100%;
	padding: 10px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #ccc;
	z-index: 1111;
	box-sizing: border-box;
}
#headerArea .mCSB_inside > .mCSB_container {
	margin-right: 0;
}
.menuBox .body {
	padding: 5px 0 5px;
	margin: 0;
	position: relative;
	width: 0;
	height: 0;
	top: 50%;
	left: 50%;
	opacity: 0;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #510200 url(/applause/operaza/shared/images/bg_menu_1.png) right top no-repeat;
    background-size: cover;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
    box-sizing: border-box;
}
.menuBoxFrame {
	width: 100%;
	height: 100%;
	top: 0;
	position: absolute;
	background: #510200;
	pointer-events: none;
}
.closeBtn {
	min-width: 32px;
	padding: 0;
	font-size: 93%;
	cursor: pointer;
	display: inline-block;
	position: fixed;
	text-align: center;
	top: 20px;
	right: 20px;
	opacity: 0;
	color: #fff;
}
.closeBtn:before {
	font-family: 'shiki_menu' !important;
	font-size: 29px;
	content: "\e90f";
	width: 32px;
	height: 34px;
	margin: 0 auto 11px;
	display: block;
	overflow: hidden;
}
.closeBtn:hover {
	color: rgba(255,255,255,.5);
}
.closeBtn:hover:before {
	background-position: left bottom;
}
.menuBox .mCSB_container .menuListBtn,
.menuBox .mCSB_container .menuListBox {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.menuBox .mCSB_container .menuListBox {
	margin-top: 20px;;
}
.menuBox .menuListBtn li a {
	font-weight: bold;
	border: solid 1px #fff;
	color: #fff;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	line-height: 1.375;
}
.menuBox .menuListBtn li a:not(.menu_stageSchedule) {
	width: 168px;
	padding: 20px 0 0;
	font-size: 123.1%;
	background: transparent;
}
.menuBox .menuListBtn li a.menu_staff,
.menuBox .menuListBtn li a.menu_cast {
	padding-top: 40px;
}
.menuBox .menuListBtn li .menu_stageSchedule {
	background: #fff;
	color: #510200;
	border: 1px solid #fff;
}
.menuBox .menuListBtn li a:hover {
	text-decoration: none;
}
.menuListBtn a::before {
	overflow: hidden;
	font-family: 'shiki_menu';
	font-weight: normal;
}
.menuListBtn a.menu_stageSchedule::before {
	margin: 0;
}
.menuListBtn a.menu_shop::before {
    content: "";
}
.menuListBtn a.menu_shop::before {
    background: url(/applause/operaza/shared/fonts/svg/tshirt.svg) center no-repeat;
    background-size: 32px auto; 
}
.pc .menuListBtn a.menu_shop:hover::before {
    opacity: 0.5;
}
.sp .menuListBtn a.menu_shop::before {
    background-size: 56px auto;
    background-position-x: left;
}
[class^="menu_"], [class*=" menu_"] {
	font-family: 'shiki_menu' !important;
	speak: none;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.menuListBtn .menu_stageSchedule::before {
	content: "\e90c";
}
.menuListBtn .menu_home:before {
	content: "\e906";
}
.menuListBtn .menu_event:before {
	content: "\e903";
}
.menuListBtn .menu_news:before {
	content: "\e90b";
}
.menuListBtn .menu_about:before {
	content: "\e90a";
}
	.menuListBtn .menu_story:before {
	content: "\e907";
}
.menuListBtn .menu_gallery:before {
	content: "\e900";
}
.menuListBtn .menu_character:before {
	content: "\e901";
}
.menuListBtn .menu_comment:before {
	content: "\e90d";
}
.menuListBtn .menu_musicnumber:before {
	content: "\e909";
}
.menuBox .menuListBox dt {
	margin: 0 0 20px;
	font-size: 138.5%;
	font-weight: bold;
	color: #fff;
}
.menuBox .menuListBox dd li a {
	color: #fff;
}
.menuBox .menuListTxt a {
	padding: 0 0 0 22px;
	position: relative;
}
.menuBox .menuListTxt a:before {
	font-family: 'shiki_menu' !important;
	font-size: 26px;
	content: "\e90e";
	width: 26px;
	height: 26px;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 0;
	top: -6px;
}
.menuBox .menuListTxt a:hover:before {
	background-position: left bottom;
}
.menuBox .menuListBlock li a {
	display: block;
}
/* PC*/
.pc #headerArea .menu {
	position: absolute;
	top: 0;
	-webkit-rtl-ordering: none;
	right: 11px;
	width: 84px;
}
.pc #headerArea .menu .icon_menu {
	margin: 58px 0 0;
	height: 102px;
}
.pc #headerArea .menu .icon_menu::before {
	padding-top: 5px;
}
.pc .menuBox .mCSB_container {
	padding: 55px 20px 55px;
}
.pc .menuBox .menuListBtn {
	margin: 0 auto;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.pc .menuBox .menuListBtn li {
	margin:0 40px 30px 0;
	text-align: center;
}	
.pc .menuBox .menuListBtn li:nth-child(5n) {
	margin-right: 0;
}
.pc .menuBox .menuFix li:nth-child(4n) {
	margin-right: 0;
}
.pc .menuBox .menuListBtn li a {
	height: 105px;
	display: block;
	border-radius: 4px;
}
.pc .menuBox .menuListBtn li a:hover {
	color: rgba(255,255,255,.5);
}
.pc .menuBox .menuListBtn li .menu_stageSchedule {
	padding-top: 35px;
	width: 376px;
	font-size: 153.9%;
}
.pc .menuBox .menuListBtn li .menu_stageSchedule:hover {
	color: rgba(81,2,0,.5);
}
.pc .menuListBtn a::before {
	width: 35px;
	height: 35px;
	font-size: 28px;
}
.pc .menuListBtn a:not(.menu_stageSchedule)::before {
	margin: 0 auto 10px;
	display: block;
}
.pc .menuListBtn a.menu_stageSchedule::before {
	padding: 0 20px 0 0;
}
.pc .menuBox .menuListBox dd ul {
	margin: 0 0 44px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.pc .menuBox .menuListBox dd li {
	margin: 0 50px 10px 0;
	width: 30%;
}
.pc .menuBox .menuListBox dd li:nth-child(3n) {
	margin-right: 0;
}
.pc .menuBox .menuListBox dd li a:hover {
	color: rgba(183,227,247,.5);
}
.pc .menuBox .menuListTxt {
	font-size: 108%;
}
.pc .menuBox .menuListBlock dd li {
	margin-bottom: 48px;
	border-radius: 4px;
	border: 1px solid #fff;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	overflow: hidden;
	font-size: 123.1%;
	line-height: 1.5;
}
.pc menuBox .menuListBlock li a {
	width: 100%;
}
.pc .menuBox .menuListBlock li a:hover {
	text-decoration: none;
}
.pc .menuBox .menuListBlock .menuSpecialImg {
	display: block;
}.pc .menuBox .menuListBlock .menuSpecialTitle {
	padding: 15px;
	display: table-cell;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	width: 298px;
}

.pc .menuBox .menuListBlock .menu_learn_more {
    padding: 15px;
    display: table-cell;
    height: 50px;
    text-align: center;
    vertical-align: middle;
    width: 298px;
}

/* SP */
.sp #headerArea .menu {
	position: absolute;
	right: 0;
	top: 0;
	-webkit-rtl-ordering: none;
	height: 126px;
}
.sp #headerArea .menu > dt:hover {
	color: #000000;
}
.sp #headerArea .menu > dt:hover:after {
	background-position: 0 -780px;
}
.sp #headerArea .menuBox {
	padding: 5px;
}
.sp #headerArea .menu > dt + .menuBox {
	padding: 20px;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #ccc;
	z-index: 1111;
}
.sp .menuBox .mCSB_container {
	padding: 168px 40px 200px;
}
.sp .menuBox .body {
	padding: 0;
	display: block;
	border-radius: 16px;
}
.sp .closeBtn {
	padding: 10px;
	top: 20px;
	right: 30px;
	z-index: 2;
	font-size: 26px;
	background: #510200;
}
.sp .closeBtn:before {
	width: 70px;
	height: 80px;
	top: 11px;
	right: 11px;
	font-size: 65px;
}
.sp .closeBtn:hover {
	color: #000000;
}
.sp .closeBtn:hover:before {
	background-position: 0 0;
}
.sp .menuBox .menuListBtn {
	margin: 0;
	width: 100%;
}
.sp .menuBox .menuListBtn li {
	width: 100%;
	margin: 0 0 15px;
	text-align: left;
}
.sp .menuBox .menuFix li:first-child {
	margin-bottom: 30px;
}
.sp .menuBox .menuListBtn li a {
	width: 100%;
	height: auto;
	padding: 40px 30px;
	font-size: 42px;
	display: table;
	*overflow:auto;
	table-layout: fixed;
	border-radius: 10px;
	line-height: 1.5;
}
* .sp  #headerArea .menuBox .menuListBtn li a {
	position: relative;
}
*+html .sp  #headerArea .menuBox .menuListBtn li a {
	position: relative;
}
.sp .menuListBtn a::before {
	padding-right: 30px;
	width: 60px;
	height: 60px;
	display: table-cell;
	vertical-align: middle;
	font-size: 55px;
}
.sp .menuListBtn a::after {
	content: "\e90e";
	width: 100px;
	height: 100px;
	font-size: 85px;
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 10px;
}
.sp .menuBox .menuListBox {
	padding: 0 0 10px;
}
.sp .menuListBtn + .menuListBox {
	margin-top: 60px;
}
.sp .menuBox .menuListBox dl {
	width: 100%;
	margin: 0;
	float: none;
	border: 1px solid #fff;
}
.sp .menuBox .menuListTxt,
.sp .menuBox .menuListBlock {
	padding: 0 0 10px;
}
.sp .menuBox .menuListTxt dt,
.sp .menuBox .menuListBlock dt{
	margin: 11px 0 0;
	padding: 20px 25px;
	font-size: 32px;
	cursor: pointer;
	position: relative;
}
.sp .menuBox .menuListTxt dt:after,
.sp .menuBox .menuListBlock dt:after{
	font-family: 'shiki_menu' !important;
	font-size: 35px;
	font-weight: normal;
	content: "\e912";
	width: 40px;
	height: 40px;
	overflow: hidden;
	display: block;
	position: absolute;
	right: 20px;
	top: 15px;
}
.sp .menuBox .menuListTxt dt.open:after {
	content: "\e911";
}
.sp .menuBox .menuListTxt dd,
.sp .menuBox .menuListBlock dd{
	margin: 11px 20px;
	display: none;
}
.sp .menuBox .menuListTxt dd ul,
.sp .menuBox .menuListBlock dd ul {
	margin: 0;
	font-size: 35px;
}
.sp .menuBox .menuListTxt dd li,
.sp .menuBox .menuListBlock dd li{
	margin: 0 0 1px;
	display: block;
	border: 1px solid #510200;
}
.sp .menuBox .menuListTxt li a,
.sp .menuBox .menuListBlock li a {
	padding: 40px 30px;
	background: #73130e;
	display: block;
}
.sp .menuBox .menuListTxt li a::after,
.sp .menuBox .menuListBlock li a::after {
	font-family: 'shiki_menu' !important;
	content: "\e90e";
	width: 70px;
	height: 70px;
	font-size: 60px;
	font-weight: normal;
	position: absolute;
	right: 0;
	top: 20px;
}
.sp .menuBox .menuListTxt li a:hover {
	text-decoration: none;
}
.sp .menuBox .menuListTxt li a:before {
	display: none;
}
.sp .menuBox .menuListBlock .menuSpecialImg {
	display: none;
}

/* bodyArea
-------------------------------------------------- */

#bodyArea,
body.tablet #bodyArea {
	width: 1000px;
	padding: 0;
	margin: 0 auto 42px;
	overflow-x: visible;
}

body.sp #bodyArea {
	width: 100%;
	margin: 0 auto 10%;
}

.section {
	min-width: 1000px;
	padding: 61px 0 75px;
	text-align: left;
	color: #e5e5e5;
}

body.sp .section {
	min-width: 100%;
	padding: 1% 0;
}

.section .body {
	width: 960px;
	padding: 0 20px;
	margin: 0 auto;
}

body.sp .section .body {
	width: 96%;
	padding: 0 2%;
	max-height: 999999px;	
}

body.sp #section_6 .body {
	width: 96%;
	padding: 0 2%;
	max-height: 999999px;
}

.section .pageTitle {
	padding: 0;
	line-height: 0;
	text-align: center;
}

.section h2,
.section .title2 {
	padding: 0;
	margin-bottom: 28px;
	font-size: 30px;
	line-height: 1.4;
	text-align: center;
}

body.sp .section h2,
body.sp .section .title2 {
	font-size: 325%;
}

.section h3.roseBg {
	clear: both;
	padding: 0 17px;
	margin: 0 0 49px;
	font-size: 20px;
	line-height: 1.4;
	text-align: left;
	color: #f8ea86!important;
	background: url(/applause/operaza/shared/images/title_bg_bottom.png) bottom left no-repeat;
    border-bottom: none!important;
}

.section h3.roseBg span {
	min-height: 28px;
	padding: 21px 0 18px 59px;
	display: block;
	background: url(/applause/operaza/shared/images/title_bg.png) top left no-repeat;
}

body.sp .section h3.roseBg {
	width: 104%;
	padding: 0 1.7% 1.8%;
	margin: 0 -2% 4.9%;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	box-sizing: border-box;
}

body.sp .section h3.roseBg span {
	min-height: 35px;
	padding: 0 0 25px 78px;
	background: url(/applause/operaza/shared/images/title_bg.png) center left no-repeat;
	-webkit-background-size: 60px auto;
	-moz-background-size: 60px auto;
	background-size: 60px auto;
}

.section .title2 {
	padding: 0 0 6px;
	font-size: 20px;
	line-height: 1.4;
	border-bottom: 1px solid #c3a05a;
	text-align: left;
}

.section .title2 span {
	min-height: 32px;
	padding: 0 0 0 48px;
	display: block;
	background: url(/applause/operaza/shared/images/title_bg.png) center left no-repeat;
}

body.sp .section .title2 {
	border-bottom: 4px dotted #7e0dbb;
}

body.sp .section .title2 span {
	min-height: 60px;
	padding: 0 0 0 78px;
	-webkit-background-size: 42px auto;
	-moz-background-size: 42px auto;
	background-size: 42px auto;
}

.section h3 {
	margin-bottom: 27px;
	font-size: 34px;
	line-height: 1.353;
}

.section .title3 {
	margin: 0 0 8px;
	font-size: 20px;
	line-height: 1.4;
}

.section p {
	margin-bottom: 29px;
	font-size: 16px;
	line-height: 1.75;
}

body.sp .section p {
	width: 100%;
	font-size: 240%;
    box-sizing: border-box;
}

.section p.caption {
	margin: 0;
	color: #999999;
	font-size: 14px;
	line-height: 1.429;
}

body.sp .section p.caption {
	font-size: 210%;
}

/* twoColumnsType
-------------------------------------------------- */
.twoColumnsType {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

body.sp .twoColumnsType {
	width: 100%;
}

.twoColumnsType .imgLeft {
	width: 320px;
	margin: 0 30px 29px 0;
	padding: 2px 0 0;
	float: left;
}

.twoColumnsType .imgRight {
	width: 320px;
	margin: 0 0 29px 30px;
	padding: 2px 0 0;
	float: right;
}

.twoColumnsType .image {
	margin: 0;
	padding: 5px 0 6px;
}

body.sp .twoColumnsType {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

body.sp .twoColumnsType .imgLeft,
body.sp .twoColumnsType .imgRight {
	width: 100%;
	margin: 0 0 29px;
	padding: 2px 0 0;
	float: none;
	text-align: center;
}

body.sp .twoColumnsType .imgLeft img,
body.sp .twoColumnsType .imgRight img {
	width: 80%;
	margin: 0 auto;
}

/* twoColumnsType1
-------------------------------------------------- */
.twoColumnsType1 {
	width: 686px;
	margin: 0 auto 75px;
	padding: 0;
}

.twoColumnsType1 .column {
	width: 313px;
	margin: 0;
	padding: 0;
	float: left;
}

.twoColumnsType1 .columnEnd {
	width: 313px;
	margin: 0;
	padding: 0;
	float: right;
}

/* threeColumnsType1
-------------------------------------------------- */
.threeColumnsType1 {
	width: 960px;
	margin: 48px auto 22px;
}

body.sp .threeColumnsType1{
	width: 96%;
	margin: 0 2%;
}

.threeColumnsType1 h2.contentTit {
	width: 100%;
	padding: 0;
	margin-bottom: 30px;
	background: url(/applause/operaza/shared/images/sub_title_bg.gif) center center repeat-x;
	text-align: center;
}

body.sp .threeColumnsType1 h2.contentTit {
	-webkit-background-size: 2px auto;
	-moz-background-size: 2px auto;
	background-size: 2px auto;
}

body.sp .threeColumnsType1 h2.contentTit img {
	width: 40%;
}

.threeColumnsType1 .column {
	width: 300px;
	padding: 0px;
	margin: 0 30px 0 0;
	float: left;
	color: #ffffff;
	text-align: left;
}

.threeColumnsType1 .columnEnd {
	width: 300px;
	padding: 0px;
	margin: 0;
	float: left;
	color: #ffffff;
	text-align: left;
}

body.sp .threeColumnsType1 .column,
body.sp .threeColumnsType1 .columnEnd {
	width: 45%;
	padding: 0;
	margin: 0 2.5%;
	float: left;
}

.threeColumnsType1 .column .image,
.threeColumnsType1 .columnEnd .image {
	margin: 0 0 10px;
}

body.sp .threeColumnsType1 .column .image img,
body.sp .threeColumnsType1 .columnEnd .image img {
	width: 100%;
}

.threeColumnsType1 p.caption {
	margin-top: 2px;
	margin-bottom: 0;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.429;
}

body.sp .threeColumnsType1 p.caption {
	font-size: 210%;
}

/* threeColumnsType2
-------------------------------------------------- */
.threeColumnsType2 {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}


body.sp .threeColumnsType2 {
	width: 96%;
	text-align: center;
}

.threeColumnsType2 .column {
	margin: 0px 30px 0px 0px;
	float: left;
	
}

.threeColumnsType2 .columnEnd {
	float: right;
}

.threeColumnsType2 .column,
.threeColumnsType2 .columnEnd {
	width: 300px;
}

.threeColumnsType2 .column a,
.threeColumnsType2 .columnEnd a {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px; 
	background-color: #222;
	border: solid 2px #666;
	color: #ffffff;
	text-decoration: none;
}

body.sp .threeColumnsType2 .column,
body.sp .threeColumnsType2 .columnEnd {
	width: 120px;
	float: none;
	display: inline-block;
}

body.sp .threeColumnsType2 .column {
	margin: 0 5% 0 0;
}

.threeColumnsType2 .column .image,
.threeColumnsType2 .columnEnd .image {
	width: 78px;
	padding: 18px;
	box-sizing: border-box;
}

body.sp .threeColumnsType2 .column .image,
body.sp .threeColumnsType2 .columnEnd .image {
	width: 63px;
	padding: 27.5px;
}

body.sp .threeColumnsType2 .column .image img,
body.sp .threeColumnsType2 .columnEnd .image img {
	width: 63px;
}

.threeColumnsType2 .table .table-cell.txt {
	font-size: 18px;
	font-weight: bold;
}

body.sp .threeColumnsType2 .table .table-cell.txt {
	width: 0%;
	display: none;
}

/* pageBtnBox
-------------------------------------------------- */
.pageBtnBox {
	width: 960px;
	margin: 45px auto 41px;
	padding: 0;
}

body.sp .pageBtnBox{
	width: 96%;
	text-align: center;
}

.pageBtnBox .backBtn {
	float: left;
	
}

.pageBtnBox .nextBtn {
	float: right;
}
body.sp .pageBtnBox {
	width: 96%;
	margin: 0 2%;
}
body.sp .pageBtnBox .backBtn,
body.sp .pageBtnBox .nextBtn {
    margin: 0 2.5%;  
}
body.sp .pageBtnBox .backBtn img,
body.sp .pageBtnBox .nextBtn img {
	width: 100%;
}
/* footer
-------------------------------------------------- */
#footer {
	width: 100%;
	min-width: 1000px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	background:#444444;
}

#footer * {
	max-height: 999999px;	
}

#footer .body {
	width: 1000px;
	padding: 30px 0 20px;
	margin: 0 auto;
}

body.sp #footer,
body.sp #footer .body {
	width: 100%;
	min-width: 100%;
}

body.sp #footer .body {
	width: 100%;
	padding: 2% 0 1%;
}

#footer .body table {
	width: 960px;
	margin: 0 auto 10px;
}

body.sp #footer .body table {
	width: 96%;
	margin: 0 2% 2%;
}

body.sp #footer .body table {
	width: 90%;
	margin: 0 auto 10%;
}

#footer .body th {
	width: 151px;
	margin: 0;
	padding: 12px 0;
	text-align: center;
	color: #b8b8b8;
	font-size: 14px;
	line-height: 1.357;
	font-weight: bold;
	background: #242424;
	float: left;
}

body.sp #footer .body th {
	width:100%;
	margin: 0;
	padding: 3% 0;
	font-size: 210%;
}

#footer .body td {
	width: 779px;
	margin: 0;
	padding: 12px 15px;
	text-align: laft;
	color: #b8b8b8;
	font-size: 12px;
	line-height: 1.583;
	font-weight: bold;
	background: #000000;
	float: left;
}

body.sp #footer .body td {
	width:100%;
	padding: 3% 4%;
	font-size: 180%;
}

#footer .body .cooperation {
	width: 900px;
	padding: 12px 30px 2px;
	margin: 0 auto 10px;
	text-align: laft;
	color: #b8b8b8;
	font-size: 12px;
	line-height: 1.25;
	font-weight: bold;
	background: #000000;
}

body.sp #footer .body .cooperation {
	width: 90%;
	padding: 1.2% 3% 0.2%;
	margin: 0 auto 1%;
	font-size: 180%;
}

#footer .body .cooperation p {
	font-size: 12px;
	padding: 0;
	margin: 0 0 10px;
	vertical-align: middle;
	background: #000000;
}

body.sp #footer .body .cooperation p {
font-size: 20px;
}

#footer .body .cooperation p .disney {
	padding: 0;
	margin: 0;
}

#footer .body .cooperation p a {
	padding-left:1em;
	text-decoration:underline;
	}

#footer .body .hr {
	height: 2px;
	padding: 0;
	margin: 20px 0 30px;
	background: #000000;
}

#footer .body .attention {
	padding: 0 20px;
	font-size: 18px;
	line-height: 1.444;
	color: #cccccc;
}

#footer .body .attention p {
	margin: 0 0 20px;
	background: #444444;
}

#footer .body .attention p.bold {
	padding: 14px 0;
	margin: 0 0 20px;
	font-size: 20px;
	line-height: 1.1;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: #3d3d3d;
}

#footer .body .attention p.bold span {
	padding: 0 0 0 37px;
	margin: 0;
	background: url(/applause/operaza/shared/images/s/footer_attention_bg.gif) left center no-repeat;
}

#footer .body .attention a {
	color: #ffffff;
}

#footer .body .attention ul {
	margin: 0 0 20px;
}

#footer .body .attention ul li {
	padding: 0 30px 0 0;
	margin: 0 30px 0 0;
	float: left;
	border-right: 1px solid rgba(255,255,255,0.1);
}

#footer .body .attention ul li:last-child {
	padding: 0;
	margin: 0;
	border-right: none;
}

body.pc .copyright,
body.tablet .copyright {
	width: 960px;
	padding: 30px 20px;
	margin: 0 auto;
	font-size: 12px;
	line-height: 1.25;
	color: #b8b8b8;
	text-align: center;
}

body.sp .copyright {
	width: 100%;
	padding: 1% 0;
	margin: 0 auto;
	font-size: 180%;
	line-height: 1.222;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	background: #2e2e2e;
}

#footer .body .cooperation p .bunka {
	padding: 0;
	margin: 0;
}

body.sp .licence {
	font-size: 50% !important;
}

/* tabBox
-------------------------------------------------- */

body.sp .section .tabBox p{
  background: #171717;
}

.tab{
	width: 960px;
	margin: 0 auto;
}

body.sp .tab {
	width: 100%;
}

.tab li {
	padding: 37px 18px 34px;
	margin: 0 15px 15px 0;
	font-size: 18px;
	line-height: 1.555;
	color: #ffffff;
	background: #910000;
	border: none;
	float: left;
	cursor: pointer;
}

.tab li {
	width: 268px;
}

.tab.two li {
	width: 428px;
}

.tab.two li.select {
	width: 428px;
}

.tab li:hover {
	background: #ac0000;
}

.tab li.select{
	padding: 35px 24px 51px;
	margin: 0 15px -2px 0;
	background: #171717;
	border: 2px solid #2e2e2e;
	border-bottom: none;
	cursor: none;
}

body.sp .tab li,
body.sp .tab li.select {
	font-size: 240%;
	margin-right: 2%;
	box-sizing: border-box;
}

body.sp .tab.two li,
body.sp .tab.two li.select {
	width: 49%;
}

body.sp .tab li,
body.sp .tab li.select {
	width: 32%;
}

.tab li:last-child,
body.sp .tab li:last-child {
	margin-right: 0;
}

.tab li span {
	width: 100%;
	padding-right: 43px;
	display: block;
	background: url(/applause/aladdin/shared/images/tab_bg.png) center right no-repeat;
	-webkit-background-size: 13px 7px;
	-moz-background-size: 13px 7px;
	background-size: 13px 7px;
	box-sizing: border-box;
}

body.sp .tab li span {
	-webkit-background-size: 26px 14px;
	-moz-background-size: 26px 14px;
	background-size: 26px 14px;
}

.tabBox {
	width: 100%;
	background: #171717;
	border-top: 2px solid #2e2e2e;
	border-bottom: 2px solid #2e2e2e;
}

/*.content {
	width: 960px;
	padding: 58px 0 0;
	margin: 0 auto;
}

body.sp .content {
	width: 96%;
	padding: 58px 2% 0;
}

.content li {
	width: 100%;
	margin: 0;
	padding: 0;
}*/

.hide {
	display: none;
}

/* table
-------------------------------------------------- */
.table {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.table .table-cell {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}

.table .table-cell.right {
	text-align: right;
}

/* link
-------------------------------------------------- */

a {
	outline-style: none;
}

a:link {
	color: #ead482;
	text-decoration: none;
}

a:visited {
	color: #ead482;
	text-decoration: none;
}

a:hover {
	color: #ead482;
	text-decoration: underline;
}

a:active {
	color: #ead482;
	text-decoration: underline;
}

ul.link {
	padding: 0;
	margin: 0;
	font-size: 125%;
	line-height: 1.75;
}

ul.link li {
	background: none;
}

ul.link a {
	padding: 0px 0px 0px 11px;
	margin: 0px;
	background: url(/applause/operaza/shared/images/arrow_right.gif) left center no-repeat;
}

body.sp ul.link a {
	padding: 0px 0px 0px 22px;
	-webkit-background-size: 12px 16px;
	-moz-background-size: 12px 16px;
	background-size: 12px 16px;
}

.content {
    padding: 58px 0 0;
    margin: 0 auto;
}