@charset "utf-8";
/*
Theme Name: t-onkyo
Description:
Author: 株式会社アジタス
*/

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
.grecaptcha-badge { visibility: hidden; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;

	font-size: 1em;
	word-wrap: break-word;
}

html {
	font-size: 62.5%;
}

body,
table,
input, textarea, select, option {
	font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
	line-height: 1.1;
}

table,
input, textarea, select, option {
	line-height: 1.1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

a:link {
	color: #01335F;
	text-decoration: underline;
}

a:visited {
	color: #01335F;
	text-decoration: underline;
}

a:hover {
	color: #01335F;
	text-decoration: none;
}

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

/*------------------------------------------------------------
	書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/*------------------------------------------------------------
	微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }

/*------------------------------------------------------------
	clearfix
------------------------------------------------------------*/
* html .clearfix {
	zoom: 1;
}

*+html .clearfix {
	zoom: 1;
}

.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

img {
	vertical-align: top;
}

li img,
dl img {
	display: block;
	vertical-align: baseline;
}

.img70,
.img90 {
	display: block;
	background: #000;
	text-align: center;
	overflow: hidden;
}

.img90 {
	width: 90px;
	height: 90px;
}

.img70 {
	width: 70px;
	height: 70px;
}

.img70 img,
.img90 img {
	display: inline!important;
}

.inline {
	display: inline!important;
}

.align-left {
	text-align: left!important;
}

.align-right {
	text-align: right!important;
}

.align-center {
	text-align: center!important;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #111;
	line-height: 1.5;
	min-width: 966px;
	text-align: center;
	background: url(img/common/template/body_bg.png) repeat left top;
}

#container {
	background: url(img/common/template/container_bg.png) repeat-x center top;
	text-align: left;
}

#main {
	margin: 0 auto 37px;
	width: 966px;
}

* html #main {
	zoom: 1;
}

*+html #main {
	zoom: 1;
}

#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#header {

}

#header .inner {
	margin: 0 auto;
	width: 960px;
	height: 98px;
	position: relative;
}

#header .logo {
	position: absolute;
	top: 18px;
	left: 0;
}

#header .copy {
	padding: 7px 0;
	font-size: 1.1em;
	line-height: 1.5;
	border-bottom: 1px solid #EEE;
	color: #333;
}

#header .copy h1,
#header .copy p {
	width: 960px;
	margin: 0 auto;
	font-weight: normal;
}

#header .header_nav {
	position: absolute;
	top: 28px;
	right: 0;
}
#header .header_nav li {
	margin-left: 1px;
	float: left;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

#header .header_nav li a:hover img {
	opacity:0.8;filter:alpha(opacity=80);
}

/*------------------------------------------------------------
	グローバルナビ
------------------------------------------------------------*/
#gNavi {
	background: url(img/common/bg/ttl_bg.png) repeat;
}

#gNavi ul {
	width: 960px;
	margin: 0 auto;
}

#gNavi ul li {
	float: left;
	position: relative;
}

#gNavi ul li {
	float: left;
	position: relative;
}

#gNavi ul li:hover .subMenu{
	display: block;
}

#gNavi ul.subMenu {
	width: 190px;
	position: absolute;
	top: 69px;
	left: 1px;
	z-index: 100;
	background-color: #FFF;
	display: none;
}

#gNavi ul.subMenu li {
	font-size: 13px;
	float: none;
	border-bottom: 1px dotted #999;
}

#gNavi ul.subMenu li:last-child {
	border: none;
}

#gNavi ul.subMenu li a {
	display: block;
	padding: 12px 15px 9px 45px;
	color: #111111;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFF;
	background-position: 14px 10px;
	background-repeat: no-repeat;
}

#gNavi ul.subMenu li a:hover {
	background-color: #F6F6F6;
}

#gNavi ul.subMenu li.genre-concert a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon05.png');
}

#gNavi ul.subMenu li.genre-classic a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon06.png');
}

#gNavi ul.subMenu li.genre-family a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon40.png');
}

#gNavi ul.subMenu li.genre-stage a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon38.png');
}

#gNavi ul.subMenu li.genre-event-and-other a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon39.png');
}

#gNavi ul.subMenu li.event-calendar a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon10.png');
}

#gNavi ul.subMenu li.pre a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon11.png');
}

#gNavi ul.subMenu li.general a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon12.png');
}

#gNavi ul.subMenu li.day-ticket a {
	background-image: url('/wp-content/themes/t-onkyo/img/common/icon/icon13.png');
}

/*------------------------------------------------------------
	検索
------------------------------------------------------------*/
#search {
	background: url(img/common/bg/search_bg.png) repeat;
	margin-bottom: 30px;
}

#search .inner {
	width: 960px;
	/*height: 80px;*/
	height: 60px;
	margin: 0 auto;
}

#search .inner p {
	padding: 23px 0 0 20px;
	float: left;
}

.searchbox {
	margin: 0 0 0 220px;
	padding: 15px 0;
	position: relative;
}

.searchbox input{
	width: 652px;
	height: 22px;
	border: 1px solid #CCC;
	padding: 3px;
	background-color: #fff;
	font-size: 14px;
	line-height: 22px;
}

.searchbox button{
	width: 80px;
	height: 30px;
	padding: 0;
    margin: 0;
    background: none;
    border: 0;
    overflow: hidden;
    cursor: pointer;
	position: absolute;
	top: 15px;
	right: 0;
}
.searchbox .search_btn button:hover {
	background-position:left bottom;
}

#search .select-box-block {
	padding: 8px 0 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

#search .select-box-block label {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
	margin-right: 20px;
	color: white;
}

.searchbox input[type="radio"]{
	width: auto;
}

/*------------------------------------------------------------
	パンクズリスト
------------------------------------------------------------*/
#pagePath {
	margin: 0 auto 12px;
	width: 960px;
	font-size: 1.1em;
}

#pagePath li {
	display: inline;
}

#pagePath li a {
	margin-right: 4px;
}

/*------------------------------------------------------------
	コンテンツ
------------------------------------------------------------*/
#conts {
	width: 716px;
	float: right;
}

/*------------------------------------------------------------
	サイドバー
------------------------------------------------------------*/
#sideBar {
	width: 220px;
	float: left;
}

#sideBar .sideNavi {
	width: 220px;
	margin-bottom: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
#sideBar .sideNavi li {
	border-bottom: 1px dotted #999;
}

#sideBar .sideNavi li:last-child {
	border: none;
}

#sideBar .news_box {
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}

#sideBar .news_box dl {
	font-size: 1.3em;
	line-height: 1.5;
}

#sideBar .news_box dl dt {
	padding: 20px 20px 10px 20px;
}

#sideBar .news_box dl dt .date {
	margin-right: 10px;
	display: inline-block;
	vertical-align: middle;
}

#sideBar .news_box dl dt .label {
	width: 80px;
	font-size: 10px;
	display: inline-block;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

.label-news {
	background: #666;
}

.label-ticket {
	background: #03345F;
}

.label-important {
	background: #B00000;
}

#sideBar .news_box dl dd {
	padding: 0 20px 20px 20px;
	border-bottom: 1px dotted #999;
}

#sideBar a:link {
	text-decoration: none;
	color: #00335F;
}

#sideBar a:hover {
	text-decoration: underline;
}

#sideBar .news_box dl dd.link {
	text-align: center;
	padding: 10px 0;

}

#sideBar .news_box dl dd.link a {
	font-size: 11px;
	padding-left: 20px;
	margin-left: -20px;
	background: url(img/common/icon/icon14.gif) no-repeat left center;
}

/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#footer {
	margin-top: -3px;
	position: relative;
	background: url(img/common/template/footer_bg.png) repeat-x left top;
}

#footer .ftNavi {
	margin: 0 auto 19px;
	padding: 32px 0 0;
	width: 960px;
}

#footer ul {
	width: 196px;
	float: left;
}

#footer li {
	padding-bottom: 10px;
	font-size: 1.1em;
}

#footer li a {
	padding-left: 9px;
	display: inline-block;
	background: url(img/common/icon/icon21.gif) no-repeat left 4px;
}

#footer .lastNavi {
	width: 150px;
}

#footer .copyright {
	padding: 16px 0 17px;
	background: url(img/common/template/copy_right_bg.png) repeat left top;
}

#footer .copyright p {
	margin: 0 auto;
	width: 960px;
	color: #FFF;
	font-size: 1.1em;
	text-align: center;
}

#footer .recap p {
	margin: 0 auto;
	width: 960px;
	color: #FFF;
	font-size: 1.1em;
	text-align: center;
}

#footer .recap a {
	margin: 0 auto;
	width: 960px;
	color: #FFF;
	font-size: 1.1em;
	text-align: center;
}

/*------------------------------------------------------------
	pageTop
------------------------------------------------------------*/
.pageTop {
	margin: 0 auto;
	width: 966px;
	clear: both;
	text-align: right;
}

.pageTop a {
	background: #FFF;
}

.pageTop a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	見出し
------------------------------------------------------------*/
.heading01 {
	margin-bottom: 20px;
	padding: 18px 18px 15px;
	overflow: hidden;
	zoom: 1;
	background: #03345F url(img/common/bg/ttl_bg.png) repeat;
}

.heading01 h1 {
	margin: 0;
	padding: 5px 0 5px 50px;

	display: block;
	color: #FFF;
	font-weight: bold;
	font-size: 2.2em;
}

/*カテゴリページ*/
.heading01 .ico_cat {
	background: url(img/common/icon/icon22.png) no-repeat left top;
}

.heading01 .ico_concert {
	background: url(img/common/icon/icon-concert.png) no-repeat left top;
}

.heading01 .ico_classic {
	background: url(img/common/icon/icon-classic.png) no-repeat left top;
}

.heading01 .ico_family {
	background: url(img/common/icon/icon-family.png) no-repeat left top;
}

.heading01 .ico_traditional-arts {
	background: url(img/common/icon/icon-traditionalarts.png) no-repeat left top;
}

.heading01 .ico_stage {
	background: url(img/common/icon/icon-stage.png) no-repeat left top;
}

.heading01 .ico_event-and-other {
	background: url(img/common/icon/icon-event.png) no-repeat left top;
}

/*公演ページ*/
.heading01 .ico_ticket {
	background: url(img/common/icon/icon31.png) no-repeat left top;
}

/*イベントカレンダー*/
.heading01 .ico_cal {
	background: url(img/common/icon/icon15.png) no-repeat left top;
}
/*先行受付*/
.heading01 .ico_pre {
	background: url(img/common/icon/icon18.png) no-repeat left top;
}

/*一般発売*/
.heading01 .ico_general {
	background: url(img/common/icon/icon19.png) no-repeat left top;
}

/*当日券情報*/
.heading01 .ico_day {
	background: url(img/common/icon/icon20.png) no-repeat left top;
}

/*東京音協のご紹介*/
.heading01 .ico_about {
	background: url(img/common/icon/icon27.png) no-repeat left top;
}

/*ご利用方法*/
.heading01 .ico_guide {
	background: url(img/common/icon/icon17.png) no-repeat left top;
}

/*イベントスタッフ募集*/
.heading01 .ico_recruit {
	background: url(img/common/icon/icon-recruit.png) no-repeat left top;
}

/*よくあるご質問*/
.heading01 .ico_faq {
	background: url(img/common/icon/icon25.png) no-repeat left top;
}

/*お問い合わせ*/
.heading01 .ico_contact {
	background: url(img/common/icon/icon01.png) no-repeat left top;
}

/*過去の公演情報*/
.heading01 .ico_archive {
	background: url(img/common/icon/icon22.png) no-repeat left top;
}

/*お知らせ*/
.heading01 .ico_news {
	background: url(img/common/icon/icon02.png) no-repeat left top;
}

/*サイトのご利用について*/
.heading01 .ico_term {
	background: url(img/common/icon/icon04.png) no-repeat left top;
}

/*プライバシーポリシー*/
.heading01 .ico_privacy {
	background: url(img/common/icon/icon17.png) no-repeat left top;
}

/*検索*/
.heading01 .ico_search {
	background: url(img/common/icon/icon37.png) no-repeat left top;
}

.heading02 {
	margin-bottom: 12px;
	background: url(img/common/bg/h2_bg.png) no-repeat left top;
}

.heading02 h2 {
	padding: 17px 0 13px 18px;
	font-size: 1.8em;
	font-weight: bold;
}

.heading02 .ico_01 {
	padding: 17px 0 13px 53px;
	background: url(img/common/icon/icon35.png) no-repeat 14px 14px;
}

.heading02 .ico_02 {
	padding: 17px 0 13px 53px;
	background: url(img/common/icon/icon33.png) no-repeat 14px 14px;
}

.heading02 .ico_03 {
	padding: 17px 0 13px 53px;
	background: url(img/common/icon/icon36.png) no-repeat 14px 14px;
}

#conts .headLine01 {
	margin-bottom: 12px;
	padding-bottom: 4px;
	font-size: 1.8em;
	font-weight: bold;
	background: url(img/common/bg/h2_bottom_bg.png) no-repeat left bottom;
}

#conts .headLine01 span {
	padding: 15px 18px 11px;
	display: block;
	background: url(img/common/bg/h2_bg.png) no-repeat left top;
}

/*------------------------------------------------------------
	comText
------------------------------------------------------------*/
#conts .comText {
	padding-left: 3px;
	font-size: 1.4em;
	line-height: 1.75;
}

#conts .comText li {
	padding-left: 13px;
	background: url(img/common/icon/icon03.gif) no-repeat left 10px;
}

/*------------------------------------------------------------
	comTable
------------------------------------------------------------*/
#conts .comTable {
	padding-top: 1px;
	width: 100%;
	background: #FFF;
	border-collapse: collapse;
}

#conts .comTable th,
#conts .comTable td {
	padding: 17px 5px 12px 15px;
	text-align: left;
	vertical-align: middle;
	border: 1px dotted #999;
}

#conts .comTable th:first-child,
#conts .comTable td:first-child {
	border-left: none;
}

#conts .comTable th:last-child,
#conts .comTable td:last-child {
	border-right: none;
}

#conts .comTable .bg th,
#conts .comTable .bg td {
	padding: 0;
	height: 1px;
	zoom: 1;
	background: url(img/common/bg/line01.png) repeat-x left bottom;
}

#conts .comTable th {
	background-color: #EDF0F3 !important;
	font-size: 1.4em;
}

#conts .comTable td {
	padding: 15px 5px 11px 15px;
	font-size: 1.2em;
	vertical-align: top;
	line-height: 1.5;
}

#conts .comTable td span {
	display: block;
}

#conts .comTable th span {
	display: block;
	margin-top: 7px;
}

#conts .comTable2 {
	padding-top: 1px;
	width: 100%;
	background: #FFF;
	border-collapse: separate;
	border-spacing: 0;
}

#conts .comTable2 th,
#conts .comTable2 td {
	padding: 17px 10px 12px;
	text-align: left;
	vertical-align: middle;
	border-right: 1px dotted #999;
	border-bottom: 1px dotted #999;

}

#conts .comTable2 th {
	background-color: #EDF0F3 !important;
	font-size: 1.4em;
}

#conts .comTable2 td {
	padding: 15px 10px 11px;
	font-size: 1.2em;
	line-height: 1.5;
}

#conts .comTable td a.ttl,
#conts .comTable2 td a.ttl {
	font-size: 1.167em;
	font-weight: bold;
	background: url("img/common/icon/icon21.gif") no-repeat scroll left 6px;
    padding-left: 9px;
	display: inline-block;
}

#conts .comTable2 th.none,
#conts .comTable2 td.none {
	border-right: none;
}
#conts .comTable2 td .icon {
	margin-bottom: 5px;
}




/*------------------------------------------------------------
	baseTable
------------------------------------------------------------*/
#conts .comTabBox {
	margin: 0 3px;
	clear: both;
}

#conts .baseTable th,
#conts .baseTable td {
	vertical-align: middle;

}

#conts .baseTable .none {
	padding: 15px 5px;
	background: none;
}

#conts .baseTable td {
	/*padding-bottom: 7px;*/
}

#conts .baseTable td a {
	text-decoration: underline;
}

#conts .baseTable td a:hover {
	text-decoration: none;
}

#conts .baseTable td a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#conts .baseTable .none {
	padding: 15px 10px;
}

#conts .preTable td {
	padding: 15px 10px 11px;
}

/*------------------------------------------------------------
	pageList
------------------------------------------------------------*/
.pager {
	margin: 40px 0 0;
	text-align: center;
}

.pager a,
.pager span {
	width: 25px;
	padding: 3px 0 2px;
	display: inline-block;
	text-align: center;
	background: #124068;
	color: #FFF;
	font-size: 1.3em;
	border: 1px solid #124068;
}

.pager a:hover {
	text-decoration: none;
	background: #FFF;
	color: #00335F;
}

.pager .current {
	background: #fff;
	color: #00335F;
}

.pager a.prev {
	width: auto;
	padding: 3px 10px 2px 25px;
	padding-right: 10px;
	background: #124068 url(img/common/icon/icon23.gif) no-repeat 12px center;
}

.pager a.prev:hover {
	background: #FFF url(img/common/icon/icon23_ov.gif) no-repeat 12px center;
	color: #00335F;
}

.pager a.next {
	width: auto;
	padding: 3px 25px 2px 10px;
	background: #124068 url(img/common/icon/icon24.gif) no-repeat 56px center;
}

.pager a.next:hover {
	background: #FFF url(img/common/icon/icon24_ov.gif) no-repeat 56px center;
	color: #00335F;
}

.btn_prev {
	margin: 40px 0 0;
	text-align: center;
	font-size: 1.3em;
}

.btn_prev a {
	border: 1px solid #124068;
	padding: 3px 10px 2px 25px;
	display: inline-block;
	color: #FFF;
	background: #124068 url(img/common/icon/icon23.gif) no-repeat 12px center;
	text-decoration: none;
}

.btn_prev a:hover {
	color: #00335F;
	background: #FFF url(img/common/icon/icon23_ov.gif) no-repeat 12px center;
}

/*------------------------------------------------------------
	comSection
------------------------------------------------------------*/
#conts .comSection {
	padding-bottom: 6px;
	background: url(img/common/bg/section_btm_bg.png) no-repeat left bottom;
}

#conts .comSection .inner {
	padding: 32px 22px 16px;
	zoom: 1;
	background: url(img/common/bg/section_top_bg.png) no-repeat left top;
}

/*------------------------------------------------------------
	アイコン
------------------------------------------------------------*/
.icon {
	width: 70px;
	padding: 7px 0;
	display: block;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
}

.icon-r {
	background: #D34343;
}
.icon-r2 {
	background: #e86d5f;
}

.icon-o {
	background: #E18115;
}

.icon-g {
	background: #5CAF47;
}

.icon-b {
	background: #2B8DAE;
}
.icon-b2 {
	background: #4c8e90;
}
.icon-p {
	background: #6972C2;
}
.icon-p2 {
	background: #ff4da6;
}

.single-ticket .eventIcon .icon-p {
	width: 100px;
}


.preTable .icon {
	margin-bottom: 5px;
}

/*------------------------------------------------------------
	ラベル
------------------------------------------------------------*/
.label {
	width: 80px;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	display: inline-block;
}

/*公演迫る！*/
.label-1 {
	background: #9C670E;
}

/*イチオシ！*/
.label-2 {
	background: #D34343;
}

/*本日千秋楽*/
.label-3 {
	background: #E18114;
}

/*発売中*/
.label-4 {
	background: #5CAF47;
}

/*新着情報*/
.label-5 {
	background: #003557;
}

/*公演当日・公演中*/
.label-6 {
	background: #0E1AF1;
}

/*オススメ！*/
.label-7 {
	background: #145E17;
}

/*先行*/
.label-8 {
	background: #59114D;
}

/*公演初日*/
.label-9 {
	background: #0E70E7;
}

/*発売初日*/
.label-10 {
	background: #B00065;
}

/*予定枚数終了*/
.label-11 {
	background: #005C7B;
}

/*完売御礼*/
.label-12 {
	background: #B00000;
}

/*公演中止*/
.label-14 {
	background: #fff;
    color: #D34343;
    font-weight: bold;
    border: 1px solid;
    box-sizing: border-box;
}

/*公演延期*/
.label-15 {
	background: #fff;
    color: #9C670E;
    font-weight: bold;
    border: 1px solid;
    box-sizing: border-box;
}

/*------------------------------------------------------------
	TOP
------------------------------------------------------------*/
#mainVisual {
	height: 320px;
	margin-bottom: 20px;
	padding: 2px 3px 1px;
	background: url(img/index/main_visual_bg.png) no-repeat left top;
}

#mainVisual .detail {
	width: 490px;
}

#mainVisual .detail a:hover img {
	opacity:0.8;filter:alpha(opacity=80);
	background: #FFF;
}

#mainVisual .detail dl {
	padding: 11px 5px 13px 15px;
	width: 470px;
	left: 0;
	position: absolute;
	bottom: 0;
	background: url(img/index/detail_bg.png) repeat-y left top;
}

#mainVisual .detail dt {
	margin-bottom: 1px;
	color: #fff;
	font-size: 1.7em;
}

#mainVisual .detail dt span {
	vertical-align: middle;
}

#mainVisual .detail dd {
	color: #fff;
	font-size: 1.2em;
}

#mainVisual .detail dd span {
	padding-top: 5px;
	display: block;
	font-size: 0.9em;
}

#mainVisual .sliderkit-nav ul li {
	float: left;
}

#mainVisual .sliderkit-nav ul li span {
	display: block;
}

#mainVisual .sliderkit-nav ul li a {
	padding: 10px 0px 0 15px;
	height: 81px;
	width: 210px;
	display: block;
	overflow: hidden;
	zoom: 1;
	color: #fff;
	background: url(img/index/navi01_bg_out.png) no-repeat left bottom;
}

#mainVisual .sliderkit-nav ul li a .photo {
	width: 70px;
	float: left;
}

#mainVisual .sliderkit-nav ul li a .textBox {
	width: 130px;
	float: right;
}

#mainVisual .sliderkit-nav ul li a .name {
	margin-bottom: 3px;
	padding-right: 7px;
	font-size: 1em;
	word-wrap: break-word;
}

#mainVisual .sliderkit-nav ul li a .text {
	font-size: 1.1em;
}

#mainVisual .sliderkit-nav ul li a:hover {
	background: url(img/index/navi01_bg_over2.png) no-repeat left bottom;
}

body.home .home_left {
	width: 510px;
	float: left;
}

body.home .home_right {
	width: 180px;
	float: right;
}

body.home .home_right .twitter {
	margin-bottom: 20px;
}
body.home .home_right ul.bnr li {
	margin-bottom: 20px;
}

body.home .home_right ul.bnr li a img{
	width: 100%;
	height: auto;
}

body.home .home_right .home_right-sns ul{
	width: 100%;
	display: grid;
	grid-template-columns: repeat(3, 30px);
	align-items: center;
	justify-content: center;
	gap: 20px;
	margin-bottom: 20px;
}

body.home .home_right .home_right-sns ul li a {
	display: block;
}

body.home .home_right .home_right-sns ul li a img{
	width: 100%;
	height: auto;
}

body.home .home_right a:hover {
	opacity: .6;
}

body.home #conts .emergency {
	margin-bottom: 27px;
	border: 1px solid #B00000;
	background: #FFF;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

body.home #conts .emergency dt {
	padding: 21px 23px 0;
	color: #660000;
	font-size: 1.7em;
	font-weight: bold;

}

body.home #conts .emergency dt span {
	padding-left: 24px;
	display: block;
	background: url(img/common/icon/icon29.gif) no-repeat left 2px;
}

body.home #conts .emergency dd {
	padding: 10px 15px 19px 23px;
	font-size: 1.3em;
}

body.home #conts .ticketInfo {
	margin-bottom: 24px;
}

body.home #conts .ticketInfo .btmImg img,
body.home #conts .ticketInfo .topImg img {
	display: block;
	vertical-align: baseline;
}

body.home #conts .ticketInfo .ticketInfoTab {
	padding: 13px 3px;
	background: #FFF;
	position: relative;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

body.home #conts .ticketInfo .ticketInfoTab h2 {
	margin: 0 0 10px 15px;
	background: none;
	padding: 0;
}

body.home #conts .ticketInfo .ticketInfoTab .tab {
	margin-bottom: -3px;
	padding: 0 0 0 11px;
	position: relative;
	background: url(img/index/tab_bg.png) no-repeat left 52px;
}

body.home #conts .ticketInfo .ticketInfoTab .tab li {
	float: left;
	margin-right: 5px;
}

body.home #conts .ticketInfo .ticketInfoTab .tab li.ui-state-default {
	position: relative;
	z-index: 10;
}

body.home #conts .ticketInfo .ticketInfoTab .tab li.ui-tabs-active {
	position: relative;
	z-index: 30;
}

body.home #conts .ticketInfo .ticketInfoTab .tabBox {
	position: relative;
	z-index: 20;
}

body.home #conts .ticketInfo .ticketInfoTab .tab li a {
	display: block;
	text-indent: -9999px;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_all a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi06_out.png) no-repeat left top;
}


body.home #conts .ticketInfo .ticketInfoTab .tab .navi_all a:hover,
body.home #conts .ticketInfo .ticketInfoTab .tab .navi_all.ui-tabs-active a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi06_over.png) no-repeat left top;
}

/* body.home #conts .ticketInfo .ticketInfoTab .tab .navi_all a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi01_out.png) no-repeat left top;
}


body.home #conts .ticketInfo .ticketInfoTab .tab .navi_all a:hover,
body.home #conts .ticketInfo .ticketInfoTab .tab .navi_all.ui-tabs-active a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi01_over.png) no-repeat left top;
}
 */
body.home #conts .ticketInfo .ticketInfoTab .tab .navi_concert a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi02_out.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_concert a:hover,
body.home #conts .ticketInfo .ticketInfoTab .tab .navi_concert.ui-tabs-active a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi02_over.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_classic a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi03_out.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_classic a:hover,
body.home #conts .ticketInfo .ticketInfoTab .tab .navi_classic.ui-tabs-active a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi03_over.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_family a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi07_out.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_family a:hover,
body.home #conts .ticketInfo .ticketInfoTab .tab .navi_family.ui-tabs-active a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi07_over.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_stage a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi04_out.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_stage a:hover,
body.home #conts .ticketInfo .ticketInfoTab .tab .navi_stage.ui-tabs-active a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi04_over.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_event-and-other a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi05_out.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab .tab .navi_event-and-other a:hover,
body.home #conts .ticketInfo .ticketInfoTab .tab .navi_event-and-other.ui-tabs-active a {
	height: 58px;
	width: 93px;
	background:url(img/index/tabNavi05_over.png) no-repeat left top;
}

body.home #conts .ticketInfo .ticketInfoTab #tab-all {
	padding-top: 20px;
	/* border-top: 3px solid #0C6F9E; */
	border-top: 3px solid #B00000;
}

body.home #conts .ticketInfo .ticketInfoTab #tab-concert {
	padding-top: 20px;
	border-top: 3px solid #D34343;
	display: none;
}

body.home #conts .ticketInfo .ticketInfoTab #tab-classic {
	padding-top: 20px;
	border-top: 3px solid #E18115;
	display: none;
}

body.home #conts .ticketInfo .ticketInfoTab #tab-family {
	padding-top: 20px;
	border-top: 3px solid #E18115;
	display: none;
}

body.home #conts .ticketInfo .ticketInfoTab #tab-stage {
	padding-top: 20px;
	border-top: 3px solid #2B8DAE;
	display: none;
}

body.home #conts .ticketInfo .ticketInfoTab #tab-event-and-other {
	padding-top: 20px;
	border-top: 3px solid #6972C2;
	display: none;
}

body.home #conts .ticketInfo .ticketInfoTab .list {
	margin-left: 20px;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

body.home #conts .ticketInfo .ticketInfoTab .list li {
	margin-bottom: 17px;
	width: 235px;
	/* float: left; */
}

body.home #conts .ticketInfo .ticketInfoTab .list li.boxL {
	/* margin-right: 10px; */
}


body.home #conts .ticketInfo .ticketInfoTab .list li a {
	padding: 10px;
	display: block;
	text-decoration: none;
}

body.home #conts .ticketInfo .ticketInfoTab .list li a span {
	display: block;
}

body.home #conts .ticketInfo .ticketInfoTab .list li a:hover {
	background: #f0f0f0;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .thumb {
	width: 90px;
	float: left;
	position: relative;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .thumb .label {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .info {
	margin-left: 100px;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .info span {
	color: #02335F;
	font-size: 1.3em;
	word-break : break-all;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .info .title {
	font-weight: bold;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .info .sub {
	color: #111;
	font-size: 1.2em;
	margin-bottom: 3px;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .date {
	padding-top: 5px;
}

.date-venue {
	font-size: 1em!important;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .info dl dt {
	float: left;
	clear: both;
}

body.home #conts .ticketInfo .ticketInfoTab .list li .info dl dd {
	margin-left: 55px;
	margin-bottom: 5px;
}

body.home #conts .ticketInfo .ticketInfoTab .list li dl dd li {
	padding: 5px 0 0 0;
	width: 230px;
}

body.home #conts .ticketInfo .ticketInfoTab .list li dl dd li .text {
	width: 179px;
	float: right;
	font-size: 1.1em;
	line-height: 1.2;
}

body.home #conts .ticketInfo .ticketInfoTab .noticket {
	font-size: 1.3em;
	margin-left: 20px;
	margin-bottom: 20px;
}

body.home #conts .ticketInfo .ticketInfoTab .link {
	padding: 18px 20px 0 0;
	text-align: right;
	background: url(img/index/line01.gif) repeat-x left top;
}

body.home #conts .ticketInfo .ticketInfoTab .link a {
	padding-left: 17px;
	display: inline-block;
	color: #01335F;
	font-size: 1.1em;
	background: url(img/common/icon/icon35.gif) no-repeat left center;
}

body.home #conts .topics {
	margin-bottom: 24px;
}

body.home #conts .topics h2 {
	position: relative;
}

body.home #conts .topics h2 .more {
	right: 23px;
	position: absolute;
	top: 30px;
}

body.home #conts .topics h2 .more a {
	padding-left: 18px;
	display: inline-block;
	color: #02335F;
	font-size: 1.1em;
	background: url(img/common/icon/icon35.gif) no-repeat left top;
}

body.home #conts .topics .comDl {
	padding: 18px 22px 7px;
	background: url(img/index/topics_bg.png) no-repeat left bottom;
}

body.home #conts .topics .comDl dd {
	margin-bottom: 0;
	padding-bottom: 15px;
	background: none;
}

body.home #conts .sns {
}

body.home #conts .sns .subSns {
	width: 242px;
	background: #FFF;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}

body.home #conts .sns .subSnsL {
	float: left;
}

body.home #conts .sns .subSnsR {
	float: right;
}

body.home #conts .sns .subSns .inner {
	padding: 4px 0 20px;

}

body.home #conts .sns .subSns .inner ul {
	margin: 0 auto;
	width: 93px;
}

body.home #conts .sns .subSns .inner ul li {
	padding-top: 16px;
	text-align: center;
	letter-spacing: -1px;
}

body.home #conts .sns .subSns .inner ul li img {
	padding-bottom: 6px;
}

body.home #conts .sns .subSns .inner ul li a {
	color: #00335F;
	font-size: 1.2em;
}

body.home #conts .sns .subSns .inner ul li .ico {
	padding: 0 0 0 3px;
	display: inherit;
	vertical-align: 1px;
}

body.home #conts .sns .subSns .banner {
	padding: 16px 43px 4px 23px;
	clear: both;
}

body.home #conts .sns .subSns .banner2 {
	padding: 16px 0 4px 36px;
	clear: both;
}

body.home #conts .sns .subSns .banner2 img {
	margin-bottom: 5px;
}

body.home #conts .sns .subSns .banner .photoBox {
	float: left;
}

body.home #conts .sns .subSns .banner .textBox {
	width: 100px;
	float: right;
}

body.home #conts .sns .subSns .banner .textBox p {
	font-size: 1.2em;
}

body.home #conts .sns .subSns .banner .textBox p a {
	color: #01335F;
}

body.home #conts .sns .subSns .banner .textBox p img {
	padding-left: 4px;
	vertical-align: 0;
}

body.home #conts .sns .subSns .banner .textBox .size {
	color: #666;
	font-size: 1.1em;
	word-break : break-all;
}

body.home #conts .sns .subSns a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

/*------------------------------------------------------------
	ニュース
------------------------------------------------------------*/
#conts .comDl {
	font-size: 1.3em;
}

#conts .comDl dt {
	padding-right: 100px;
	float: left;
}

#conts .comDl dt.post-news {
	background: url(img/common/icon/icon_news.png) no-repeat right center;
}

#conts .comDl dt.post-ticket {
	background: url(img/common/icon/icon_ticket.png) no-repeat right center;
}

#conts .comDl dt.post-important {
	background: url(img/common/icon/icon_important.png) no-repeat right center;
}

#conts .comDl dt img {
	padding: 1px 0 0 11px;
	float: left;
}

#conts .comDl dd {
	margin-bottom: 18px;
	padding: 0 0 18px 210px;
	background: url(img/common/bg/line01.png) repeat-x left bottom;
}

.entry {
	font-size: 1.3em;
	line-height: 1.75;
}

.entry .entryMeta {
	margin-bottom: 10px;
}

.entry.post-news .entryMeta {
	background: url(img/common/icon/icon_news.png) no-repeat left 3px;
}

.entry.post-ticket .entryMeta {
	background: url(img/common/icon/icon_ticket.png) no-repeat left 3px;
}

.entry.post-important .entryMeta {
	background: url(img/common/icon/icon_important.png) no-repeat left 3px;
}

.entry .entryDate {
	padding-left: 100px;
	text-align: left;
}

.entry .entryBody p {
	margin-bottom: 1em;
}

.entry .entryBody ul {
	margin: 15px 0 15px 20px;
	list-style: disc;
}

.entry .entryBody ol {
	margin: 15px 0 15px 25px;
	list-style: decimal;
}

.entry .entryBody table {
	margin: 15px 0;
	border-collapse: collapse;
}

.entry .entryBody table th,
.entry .entryBody table td {
	border: 1px solid #CCC;
}

.entry .entryBody table th {
	background: #f0f0f0;
}

/*------------------------------------------------------------
	カテゴリページ
------------------------------------------------------------*/
body.search-results #conts .comSection .inner,
body.tax-genre #conts .comSection .inner {
	padding: 20px 20px 10px;
}

.ticketList .ticket {
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(img/common/bg/line01.png) repeat-x left bottom;
}

.ticketList .ticket.last {
	margin: 0;
	padding: 0;
	background: none;
}

.ticketList .ticket .thumb {
	width: 152px;
	float: left;
}

.ticketList .ticket .info {
	margin-left: 172px;
}

.ticketList .ticket .info .tagList {
	margin-bottom: 10px;
}

.ticketList .ticket .info .tagList li {
	margin-right: 3px;
	margin-bottom: 3px;
}

.ticketList .ticket .info .tagList li,
.ticketList .ticket .info .tagList li span {
	display: inline-block;
}



.ticketList .ticket .info h2 {
	margin-bottom: 10px;
	font-size: 	1.8em;
	font-weight: bold;
	line-height: 1.2;
}

.ticketList .ticket .info dl {
	font-size: 1.4em;
}

.ticketList .ticket .info dl dt {
	font-weight: bold;
	float: left;
}

.ticketList .ticket .info dl dd {
	padding-left: 7em;
}


/*------------------------------------------------------------
	公演ページ
------------------------------------------------------------*/
body.single-ticket #conts .heading01 {
	margin-bottom: 20px;
}

body.single-ticket #conts .eventInfo {
	margin-bottom: 28px;
}

body.single-ticket #conts .eventInfo .photo {
	width: 710px;
	margin: 0 auto 20px;
}

body.single-ticket #conts .eventInfo .caption {
	font-size: 1.3em;
	margin: 5px 0 0 3px;
	text-align: left!important;
}

body.single-ticket #conts .eventInfo .eventIcon {
	margin: 0 0 20px 3px;
}

body.single-ticket #conts .eventInfo h2 {
	margin: 0 0 9px 3px;
	color: #063560;
	font-size: 2em;
}

body.single-ticket #conts .eventInfo .content {
	margin: 0 0 0 3px;
	font-size: 1.4em;
	line-height: 1.75;
}

body.single-ticket #conts .headLine01 {
	margin-bottom: 20px;
	overflow: hidden;
	zoom: 1;
}

body.single-ticket #conts .headLine01 span {
	padding: 18px 13px 14px;
	line-height: 1.2;
}

body.single-ticket #conts .headLine01 span img {
	margin: -5px 11px 0 0;
	float: left;
	position: relative;
	zoom: 1;
}

body.single-ticket #conts .comTabBox {
	margin-bottom: 35px;
}

body.single-ticket #conts .comTable .spec td {
	padding-top: 10px;
	line-height: 1.5;
}

body.single-ticket #conts .comTable td a {
	text-decoration: underline;
}

body.single-ticket #conts .comTable td a:hover {
	text-decoration: none;
}

body.single-ticket #conts .baseTable td {
	font-size: 1.2em;
	line-height: 1.6;
}

body.single-ticket #conts .baseTable .tdImg {
	padding: 7px 0;
	text-align: center;
	color: #D24343;
	font-weight: bold;
}

body.single-ticket #conts .baseTable .tdImg span {
	padding: 0 10px;
	text-align: left;
	font-size: 0.917em;
}

body.single-ticket #conts .socialBtn {
	margin-left: 3px;
}

.sosialbtngroup div {
	float: left;
	margin-right: 10px;
	margin-bottom: 60px;
}

.sosialbtngroup div.twitter {
	width: 85px;
	overflow: hidden;
}

#conts .columnBox {
	margin: 0 -25px 22px 3px;
	width: 735px;
	overflow: hidden;
}

#conts .columnBox li {
	margin-right: 25px;
	width: 220px;
	float: left;
}

#conts .columnBox li .photo {
	margin-bottom: 10px;
}

#conts .columnBox li .photo a {
	display: block;
	width: 220px;
	height: 220px;
	background: #f0f0f0;
	text-align: center;
}

#conts .columnBox li .photo a img {
	display: inline!important;
}

#conts .columnBox li .photo a:hover img {
	opacity:0.8;
	filter:alpha(opacity=80);
}

#conts .columnBox li .statusName {
	margin-bottom: 7px;
}

#conts .columnBox li .statusName span {
	width: 100%;
}

#conts .columnBox li .statusName span.label01 {
	background: #D34343;
}

#conts .columnBox li .statusName span.label02 {
	background: #E18114;
}

#conts .columnBox li .statusName span.label03 {
	background: #5CAF47;
}

#conts .columnBox li .statusName span.label04 {
	background: #2B8DAE;
}

#conts .columnBox li dt {
	margin-bottom: 3px;
	color: #00335F;
	font-size: 1.5em;
	font-weight: bold;
}

#conts .columnBox li dd {
	font-size: 1.2em;
}


/*------------------------------------------------------------
	イベントカレンダー
------------------------------------------------------------*/
#calendarTabs {
	width: 715px;
	overflow: hidden;
}

#calendarTabs .tab {
	width: 720px;
	margin: 0 -5px 20px 0;
}

#calendarTabs .tab li {
	width: 116px;
	margin-right: 4px;
	float: left;
	font-size: 1.4em;
	text-align: center;
}

#calendarTabs .tab li a {
	padding: 20px 0 21px;
	display: block;
	background: url(img/common/bg/tab_bg_out.png) no-repeat;
}

#calendarTabs .tab li a:hover,
#calendarTabs .tab li.ui-tabs-active a {
	background: url(img/common/bg/tab_bg_over.png) no-repeat;
	color: #FFF;
	text-decoration: none;
}

.eventCalendar {
	width: 100%;
	border-collapse: collapse;
}

.eventCalendar th,
.eventCalendar td {
	border: 1px dotted #999;
	font-size: 1.2em;
}

.eventCalendar thead th {
	width: 102px;
	padding: 10px 0;
	background: #006699;
	color: #FFF;
	text-align: center;
	font-size: 1.167em;
	border-top: none;
}

.eventCalendar thead th.mon {
	border-left: none;
}

.eventCalendar thead th.sun {
	background: #660000;
	border-right: none;
}

.eventCalendar thead th.sut {
	background: #063661;
}

.eventCalendar tbody th {
	padding: 10px 0;
	background: #EDF0F3;
	font-size: 1.167em;
	text-align: center;
}

.eventCalendar tbody th.mon {
	border-left: none;
}

.eventCalendar tbody th.sun {
	background: #E8D9D9;
	border-right: none;
}

.eventCalendar tbody th.sut {
	background: #DAE1E7;
}

.eventCalendar tbody th.none {

}

.eventCalendar tbody td {
	background: #FFF;
	vertical-align: top;
}

.eventCalendar tbody td.mon {
	border-left: none;
}

.eventCalendar tbody td.sun {
	background: #F4EDED;
	border-right: none;
}

.eventCalendar tbody td.sut {
	background: #EDF1F4;
}

.eventCalendar tbody td.none {

}

.eventCalendar tbody td .inner {
	min-height: 50px;
}

.eventCalendar tbody td p {
	padding: 7px;
	border-bottom: 1px dotted #999;
	font-size: 0.833em;
	line-height: 1.5;
}

.eventCalendar tbody td p:last-child {
	border: none;
}


/*------------------------------------------------------------
	先行受付
	一般発売
	当日券情報
	過去の公演情報
------------------------------------------------------------*/
#conts .baseTable .none {
	padding: 15px 10px;
}


/*------------------------------------------------------------
	東京音協のご紹介
------------------------------------------------------------*/
body.page-about #conts p {
	margin: 0 3px 22px;
	font-size: 1.4em;
	line-height: 1.75;
}

body.page-about #conts .comTable td {
	line-height: 1.5;
	padding-bottom: 4px;
}

body.page-about #conts .comTable .comText {
	padding: 0;
}

body.page-about #conts .comTable .comText li {
	padding-left: 1.6em;
	text-indent: -1.6em;
	font-size: 0.7em;
	background: none;
}

body.page-about #conts .comTable .comText li span {
	display: inline;
	color: #083862;
	font-weight: bold;
}

body.page-about #conts .catch {
	margin: 0 0 15px;
	color: #111;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
}

body.page-about #conts .catch.min {
	font-size: 18px;
}

body.page-about #conts .indent {
	padding-left: 1em;
}

body.page-about #conts .heading02 {
	margin-bottom: 20px;
}

body.page-about #conts .heading03 {
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-size: 15px;
	border-bottom: 2px solid #0C6F9E;
	line-height: 1.2;
}

body.page-about #conts .heading04 {
	margin-bottom: 20px;
	padding: 10px 15px;
	background: #EDF0F3;
	color: #03345F;
	font-size: 16px;
	line-height: 1.2;
}

body.page-about #conts .borderBox {
	margin-bottom: 20px;
	display: flex;
}

body.page-about #conts .borderBox.schedule05 {
	margin-bottom: 35px;
}

body.page-about #conts .borderBox dl {
	line-height: 1.75;
}

body.page-about #conts .borderBox.schedule01 dl {
	width: 408px;
}

body.page-about #conts .borderBox.schedule02 dl {
	width: 480px;
}

body.page-about #conts .borderBox.schedule03 dl {
	width: 549px;
}

body.page-about #conts .borderBox.schedule04 dl {
	width: 495px;
}

body.page-about #conts .borderBox.schedule05 dl {
	width: 535px;
}

body.page-about #conts .borderBox dl dt {
	font-size: 18px;
}

body.page-about #conts .borderBox dl dt.min {
	font-size: 17px;
}

body.page-about #conts .borderBox dl dd {
	margin-bottom: 11px;
	padding-bottom: 11px;
	border-bottom: 1px dotted #999;
	font-size: 14px;
}

body.page-about #conts .borderBox dl dd:last-child {
	margin-bottom: 0;
}

body.page-about #conts .borderBox.schedule05 dl dd:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

body.page-about #conts .borderBox .imageL {
	margin-right: 15px;
	float: left;
}

body.page-about #conts .borderBox .imageR {
	margin-left: 15px;
	float: right;
}

/*------------------------------------------------------------
	ご利用方法
------------------------------------------------------------*/
body.page-guide #conts .heading01 {
	margin-bottom: 16px;
}

body.page-guide #conts .comSection {
	margin-bottom: 28px;
}

body.page-guide #conts .comSection .inner {
	padding-top: 25px;
}

body.page-guide #conts p {
	margin-bottom: 29px;
	font-size: 1.4em;
	line-height: 1.75;
}

body.page-guide #conts p a {
	text-decoration: underline;
}

body.page-guide #conts p a:hover {
	text-decoration: none;
}

body.page-guide #conts .notes {
	font-size: 1.1em;
	line-height: 1.75;
}

body.page-guide #conts .news dt {
	float: left;
}

body.page-guide #conts .news dd {
	margin-bottom: 15px;
	padding: 2px 0 17px 86px;
	font-size: 1.4em;
	line-height: 1.6;
	background: url(img/common/bg/line01.png) repeat-x left bottom;
}

body.page-guide #conts .news dd a {
	color: #111;
}

body.page-guide #conts .news .last {
	padding-bottom: 0;
	margin-bottom: 0;
	background: none;
}

body.page-guide #conts h3 {
	margin-bottom: 10px;
	padding-bottom: 4px;
	font-size: 1.5em;
	border-bottom: 2px solid #0C6F9E;
}

body.page-guide #conts h4 {
	margin-bottom: 17px;
	padding: 7px 11px;
	clear: both;
	color: #03345F;
	font-size: 1.6em;
	overflow: hidden;
	zoom: 1;
	background-color: #EDF0F3;
}

body.page-guide #conts h4 img {
	float: left;
}

body.page-guide #conts h4 span {
	padding: 6px 5px 0 46px;
	display: block;
}

body.page-guide #conts .imgBox {
	margin-bottom: 33px;
	clear: both;
}

body.page-guide #conts .imgBox .photoBox {
	float: left;
}

body.page-guide #conts .imgBox .textBox {
	width: 210px;
	float: right;
}

body.page-guide #conts .imgBox .textBox .dlSpec {
	margin-bottom: 0!important;
}

body.page-guide #conts .dlSpec {
	margin-bottom: 22px;
	font-size: 1.4em;
}

body.page-guide #conts .dlSpec dt {
	float: left;
	padding-top: 2px;
	color: #00335F;
	font-weight: bold;
}

body.page-guide #conts .dlSpec dd {
	padding: 0 0 0 2.8em;
	font-weight: bold;
	line-height: 1.7;
}

body.page-guide #conts .imgBox .textBox dd a {
	text-decoration: underline;
}

body.page-guide #conts .imgBox .textBox dd a:hover {
	text-decoration: none;
}

body.page-guide #conts .dlSpec dd span {
	padding-left: 0.9em;
	display: block;
	font-size: 0.85em;
	font-weight: normal;
	text-indent: -0.9em;
}

body.page-guide #conts .imgBox01 {
	margin-bottom: 18px;
}

body.page-guide #conts .baseTable {
	margin-bottom: 18px;
}

body.page-guide #conts .baseTable th {
	font-size: 1.3em;
}

body.page-guide #conts .baseTable td {
	font-size: 1.3em;
	line-height: 1.5;
	vertical-align: top;
}

body.page-guide #conts .baseTable td span {
	margin-bottom: 2px;
	display: block !important;
	font-weight: bold;
}

body.page-guide #conts .baseTable td span span {
	display: inline !important;
	font-size: 0.8em;
}

body.page-guide #conts .baseTable .none span {
	display: block;
	font-weight: normal;
	text-indent: -1em;
	margin-left: 1em;
}

body.page-guide #conts .imgBox02 .textBox {
	width: 210px;
}

body.page-guide #conts h5 {
	margin-bottom: 5px;
	font-size: 1.4em;
}

body.page-guide #conts .comText {
	margin-bottom: 17px;
	font-size: 1em;
}

body.page-guide #conts .comText01 {
	padding: 16px 20px 14px 17px;
	font-size: 1.2em;
	background: url(img/common/bg/guide_bg.png) repeat-y left top;
}

body.page-guide #conts .comText li {
	padding-left: 12px;
	background: url(img/common/icon/icon03.gif) no-repeat left 7px;
}

body.page-guide #conts .list {
	margin: 0 0 16px 1em;
	font-size: 1.4em;
	line-height: 1.75;
	text-indent: -1em;
}

body.page-guide #conts .h3Ttl {
	margin-bottom: 30px;
}

body.page-guide #conts .text {
	margin-bottom: 11px;
	font-weight: bold;
}

body.page-guide #conts .comTable01 {
	margin-bottom: 32px;
}

body.page-guide #conts .comTable td span {
    display: inline;
	font-weight: bold;
}

body.page-guide #conts .text01 {
	margin-bottom: 22px;
}

body.page-guide #conts .list01 {
	font-size: 1.2em;
}

body.page-guide #conts .guide {
	width: 670px;
}

body.page-guide #conts .guide img {
	display: block;
	vertical-align: baseline;
}

body.page-guide #conts .comTable td {
	padding: 15px 5px 15px 15px;
}


/*------------------------------------------------------------
	イベントスタッフ募集
------------------------------------------------------------*/
body.page-recruit #conts p {
	margin-bottom: 29px;
	font-size: 1.4em;
	line-height: 1.75;
}

body.page-recruit #conts h3 {
	margin-bottom: 10px;
	padding-bottom: 4px;
	font-size: 1.5em;
	border-bottom: 2px solid #0C6F9E;
}
body.page-recruit #conts h4 {
	margin-bottom: 17px;
	padding: 10px 11px 7px;
	clear: both;
	color: #03345F;
	font-size: 1.6em;
	overflow: hidden;
	zoom: 1;
	background-color: #EDF0F3;
}
body.page-recruit #conts .dlSpec {
	margin-bottom: 22px;
	font-size: 1.4em;
}

body.page-recruit #conts .dlSpec dt {
	float: left;
	padding-top: 2px;
	color: #00335F;
	font-weight: bold;
}

body.page-recruit #conts .dlSpec dd {
	padding: 0 0 0 2.8em;
	font-weight: bold;
	line-height: 1.7;
}
body.page-recruit #conts .comSection {
	margin-bottom: 50px;
}
body.page-recruit #conts .comTable {
	margin-bottom: 32px;
}
body.page-recruit #conts .comTable td dl {
	width: 200px;
	float: left;
}

body.page-recruit #conts .comTable td dt {
	float: left;
	padding-top: 5px;
}

body.page-recruit #conts .comTable td dd {
	padding-left: 2.7em;
}
body.page-recruit #conts .comTable td .notes {
	margin-top: 5px;
}
body.page-recruit #conts .comTable td .wpcf7-form-control-wrap span {
	display: inline-block;
}
body.page-recruit #conts .comTable td .wpcf7-form-control-wrap input[type="radio"] {
 display: none;
}

body.page-recruit #conts .comTable td .wpcf7-form-control-wrap input[type="radio"] + span{
	padding-left: 20px;
	position:relative;
	margin-right: 20px;
}
body.page-recruit #conts .comTable td .wpcf7-form-control-wrap input[type="radio"] + span:before{
	content: "";
	margin: auto 0;
	display: block;
	position: absolute;
	top: 2px;
	left: 0;
	width: 12px;
	height: 12px;
	border: 1px solid #999;
	border-radius: 50%;
}
body.page-recruit #conts .comTable td .wpcf7-form-control-wrap input[type="radio"]:checked + span:after{
	content: "";
	display: block;
	position: absolute;
	top: 6px;
	left: 4px;
	width: 6px;
	height: 6px;
	background: #0C6F9E;
	border-radius: 50%;
}

body.page-recruit #conts .comTable td.select {
	padding-top: 20px;
    padding-bottom: 20px;
	border: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

body.page-recruit #conts .comTable td span.birthday {
	margin: 0 30px 0 10px;
	line-height: 2em;
}

body.page-recruit #conts .comTable td input {
	width: 375px;
}

body.page-recruit #conts .comTable th.job label {
	font-size:0.9em;
}

body.page-recruit #conts .submit {
	text-align: center;
}
body.page-recruit #conts .mailForm {
	margin: 0 3px 28px;
}
body.page-recruit #conts .pText {
	text-align: center;
}
body.page-recruit #conts .inConts {
	margin-top: 30px;
}
body.page-recruit #conts .comText {
	font-size: 1.4rem;
}
body.page-recruit #conts .comText.mb {
	margin-bottom: 10px;
}
body.page-recruit #conts .comText li{
	background: url(img/common/icon/icon03.gif) no-repeat left 8px;
}
body.page-recruit #conts .cautionList {
	margin: 5px 0;
}
body.page-recruit #conts .cautionList li {
	padding-left: 15px;
	position: relative;
	font-weight: normal;
	font-size: 1.3rem;
}
body.page-recruit #conts .cautionList li:before {
	content: '※';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	left: 0;
}
body.page-recruit #conts .noMb {
	margin-bottom: 0;
}
body.page-recruit #conts .vermdl {
	vertical-align: middle;
}

/*------------------------------------------------------------
	よくあるご質問
------------------------------------------------------------*/
body.page-faq #conts .dlBox {
	margin-bottom: 14px;
	padding-top: 10px;
	background: url(img/common/bg/dl_top_bg.png) no-repeat left top;
}

body.page-faq #conts .dlBox dl {
	padding: 0 3px 3px;
	background: url(img/common/bg/dl_bg.png) no-repeat left bottom;
}

body.page-faq #conts .dlBox dt {
	padding: 0px 15px 7px;
	overflow: hidden;
	zoom: 1;
	background-color: #EDF0F3;
}

body.page-faq #conts .dlBox dt img {
	float: left;
}

body.page-faq #conts .dlBox dt span {
	padding-top: 7px;
	float: right;
	width: 634px;
}

body.page-faq #conts .dlBox dt a {
	color: #03345F;
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

body.page-faq #conts .dlBox dt a:hover {
	text-decoration: none;
}

body.page-faq #conts .dlBox dd {
	padding: 15px 10px 13px 20px;
	display: none;
	font-size: 1.4em;
	line-height: 1.75;
}

body.page-faq #conts .spcDlBox {
	margin-bottom: 35px;
}

/*------------------------------------------------------------
	お問い合わせ
------------------------------------------------------------*/
body.page-contact .leadBox {
	margin-bottom: 40px;
	border: 1px dotted #999;
}

body.page-contact .leadBox .comTable {
	margin-bottom: 0!important;
}

body.page-contact .leadBox table th,
body.page-contact .leadBox table td {
	border: none!important;
}

body.page-contact .leadBox table td {
	line-height: 1.5;
}

body.page-contact .leadBox table td span {
	font-weight: bold;
	font-size: 1.231em;
	display: inline!important;
}

body.page-contact #conts .comText {
	margin-bottom: 23px;
}

body.page-contact #conts .comText li a {
	color: #111;
}

body.page-contact #conts .pText {
	font-size: 1.4em;
	text-align: center;
}

body.page-contact #conts .pText a {
	text-decoration: underline;
}

body.page-contact #conts .pText a:hover {
	text-decoration: none;
}

body.page-contact #conts .mailForm {
	margin: 0 3px 28px;
}

body.page-contact #conts .mailForm td input {
	width: 360px;
}

#conts .mailForm #fSei,
#conts .mailForm #fSeiKana,
#conts .mailForm #fMei,
#conts .mailForm #fMeiKana {
	width: 138px;
}

#conts .mailForm #fContent {
	width: 520px;
	height: 110px;
	resize: vertical;
	font-size: 1em;
}

body.page-contact #conts .comTable {
	margin-bottom: 30px;
}

body.page-contact #conts .comTable td dl {
	width: 200px;
	float: left;
}

body.page-contact #conts .comTable td dt {
	float: left;
	padding-top: 5px;
}

body.page-contact #conts .comTable td dd {
	padding-left: 2.7em;
}

body.page-contact #conts .comTable td .notes {
	margin-top: 5px;
}

body.page-contact #conts .submit {
	text-align: center;
}

body.page-contact #conts .submit input:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.wpcf7-not-valid-tip {
	font-size: 0.714em!important;
}

/*------------------------------------------------------------
	サイトのご利用について
------------------------------------------------------------*/
body.page-term #conts p {
	margin: 0 3px 8px;
	font-size: 1.4em;
	line-height: 1.75;
}

body.page-term #conts .comText {
	margin-bottom: 31px;
}

body.page-term #conts .comText li a {
	color: #00335F;
	text-decoration: underline;
}

body.page-term #conts .comText li a:hover {
	text-decoration: none;
}

body.page-term #conts .text01 {
	margin-bottom: 30px;
}


/*------------------------------------------------------------
	プライバシーポリシー
------------------------------------------------------------*/
body.page-privacy #conts p {
	margin: 0 3px 29px;
	font-size: 1.4em;
	line-height: 1.75;
}

body.page-privacy #conts .comText {
	margin-bottom: 31px;
}

body.page-privacy #conts .comText li a {
	color: #00335F;
	text-decoration: underline;
}

body.page-privacy #conts .comText li a:hover {
	text-decoration: none;
}

body.page-privacy #conts .text01 {
	margin-bottom: 8px;
}

body.page-privacy #conts .text02 {
	margin-bottom: 22px;
}

body.page-privacy #conts .detail {
	margin: 0 auto;
	width: 510px;
}

body.page-privacy #conts .detail dt {
	padding: 11px 0;
	font-size: 1.8em;
	font-weight: bold;
	text-align: center;
	background: url(img/common/bg/detail_bg01.png) no-repeat left top;
}

body.page-privacy #conts .detail dd {
	padding: 15px 0;
	font-size: 1.4em;
	line-height: 1.75;
	text-align: center;
	word-break: break-all;
	background: url(img/common/bg/detail_bg02.png) no-repeat left bottom;
}

body.page-privacy #conts .detail dd span {
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.5;
}

/*------------------------------------------------------------
	検索
------------------------------------------------------------*/
.notfound {
	font-size: 1.8em;
    font-weight: bold;
    line-height: 1.2;
	margin-bottom: 15px;
}

.retry {
	margin-left: 10px;
	font-size: 1.3em;
}

/*------------------------------------------------------------
	404
------------------------------------------------------------*/
.error404 #conts p {
	font-size: 1.3em;
}

/*------------------------------------------------------------
	スライダーキット
------------------------------------------------------------*/
.sliderkit{display:none;position:relative;overflow:hidden;text-align:left; height: 320px; width: 716px;}
.sliderkit a,
.sliderkit a:hover{text-decoration:none;}
.sliderkit img{border:0;}
.sliderkit .sliderkit-nav{z-index:10;position:absolute;text-align: left; right: 6px; top: 0;}
.sliderkit .sliderkit-nav-clip{position:relative;overflow:hidden;margin:0 auto; top: 21px !important;}
.sliderkit .sliderkit-nav-clip ul{position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li{float:left;}
.sliderkit .sliderkit-nav-clip ul li a{display:block;overflow:hidden;}
#mainVisual .sliderkit-nav .sliderkit-selected a {
	background: url(img/index/navi01_bg_over.png) no-repeat right bottom !important;
}
.sliderkit .sliderkit-btn{z-index:10;}
.sliderkit-go-prev {
	padding-bottom: 1px;
	position: absolute;
	right: 0;
	top: 0;
	background: url(img/index/s_photo_bg.png) no-repeat right bottom;
}
.sliderkit-go-next {
	position: absolute;
	right: 0;
	bottom: -42px;
}

.sliderkit .sliderkit-panel{
	width: 490px;
	height: 315px;
	z-index:1;
	position:absolute;
	overflow:hidden;
	background: url(img/common/template/body_bg.png) repeat;
}
.sliderkit .sliderkit-panel a {
	display: block;
}
.sliderkit .sliderkit-panel-active{z-index:5;}
.sliderkit .sliderkit-panel-old{z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox{position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text{position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay{position:absolute;z-index:2;top:0;left:0;}
.sliderkit .sliderkit-count{position:absolute;top:5px;right:5px;z-index:10;padding:5px;color:#fff;background:#000;}
.sliderkit .sliderkit-timer{position:absolute;top:0;left:0;z-index:10;height:3px;background:#ccc;}
.sliderkit-nav-clip img {
	/*width: 70px;*/
	object-fit: cover;
}

/*------------------------------------------------------------
	その他（微調整用）
------------------------------------------------------------*/
.mt0 { margin-top: 0!important; }
.mt5 { margin-top: 5px!important; }
.mt10 { margin-top: 10px!important; }
.mt15 { margin-top: 15px!important; }
.mt20 { margin-top: 20px!important; }
.mr0 { margin-right: 0!important; }
.mr5 { margin-right: 5px!important; }
.mr10 { margin-right: 10px!important; }
.mr15 { margin-right: 15px!important; }
.mr20 { margin-right: 20px!important; }
.mb25{margin-bottom:25px!important;}
.mb0 { margin-bottom: 0!important; }
.mb5 { margin-bottom: 5px!important; }
.mb10 { margin-bottom: 10px!important; }
.mb15 { margin-bottom: 15px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.ml0 { margin-left: 0!important; }
.ml5 { margin-left: 5px!important; }
.ml10 { margin-left: 10px!important; }
.ml15 { margin-left: 15px!important; }
.ml20 { margin-left: 20px!important; }

.textField p {
	margin-bottom: 1em;
}

.textField span {
	display: inline!important;
}

.textField p:last-child {
	margin-bottom: 0;
}

.textField ul {
	margin: 15px 0 15px 20px;
	list-style: disc;
}

.textField ol {
	margin: 15px 0 15px 25px;
	list-style: decimal;
}

.textField table {
	margin: 15px 0;
	border-collapse: collapse;
}

.textField table th,
.textField table td {
	border: 1px solid #CCC;
}

.textField table th {
	background: #f0f0f0;
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption {
	background: #f1f1f1;
	border: none;
	-khtml-border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	color: #888;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}

.wp-caption img {
	margin: 5px;
}

.wp-caption p.wp-caption-text {
	margin: 0 0 4px;
}

.wp-smiley {
	margin: 0;
}

.pText--ecap {
	padding-top: 30px;
}

.recruit_text {
	text-align: center;
	font-size: 1.4rem;
}