@charset "UTF-8";
/*
Theme Name: TITF
Theme URI: http://titf.jp/wp-content/themes/titf/
Description: Tokyo International Tap Festival Theme
Author: Coco-Factory
Version: 1.1
License: Coco-Factory
License URI: http://coco-factory.jp
*/

/* =common
-----------------------------------------------------------------------------*/


body{
	background:#f8faef url("https://titf.jp/common/img/bg.png");
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	-webkit-text-size-adjust:none;
}

a{
	color:#e81f18;
	text-decoration:underline;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	outline:none;
}
a:hover{
	color:#fa403a;
	text-decoration:none;
}

.font-big{
	font-size:18px;
}

.font-s{
	font-size:12px;
}

.font-red{
	color:#e81f18;
	font-size:12px;
}

/* -----wp----- */

.aligncenter{
	display: block;
	clear: both;
	margin:0 auto;
	text-align:center;
}

.alignleft{
	float:left;
	margin:0 10px 10px 0;
}

.alignright{
	float:right;
	margin:0 0 10px 10px;
}


/* =responsive
-----------------------------------------------------------------------------*/

.img-block img,
.top-link li img,
.supported-list img,
#logo img,
.under-heading02 img,
.ticket-list li img,
.teacher-area img,
.profile-img img{
  width: auto;
  max-width: 100%;
}

.img-block img,
.top-link li img,
#logo img,
.under-heading02 img,
.ticket-list li img,
.teacher-area img,
.profile-img img{
  height: auto;
}

.iframe-area{ position:relative; padding-bottom:51%; padding-top:30px; margin:0 0 20px 0; height:0; overflow:hidden; border:1px solid #ccc;}
.iframe-area iframe,.iframe-area object,.iframe-area embed{ position:absolute; top:0; left:0; width:100%; height:100%; }
.widget-block{ margin:0 0 20px 0;}
.fb-like-box,.fb-like-box span, .fb-like-box iframe,.twtr-doc{width: 100% !important;}


/* =outline
-----------------------------------------------------------------------------*/

#identity{
	text-indent:-10000px;
	overflow:hidden;
}

/*\*/
#identity{
	width:0;
	height:0;
	overflow:hidden;
	position:absolute;
}/**/

#logo{
	float:left;
	width:45%;
	margin:15px 0;
}

.row,
.pagetop{
	width:100%;
	max-width:986px;
	margin:0 auto;
	overflow:hidden;
}

#main-area{
	float:left;
	width:69.7768%;
}

#sub-area{
	float:right;
	width:26.9776%;
}

#container{
	margin:20px 0 0 0;	
}

.map-description{
	float:left;
	width:51%;
}

.map{
	float:right;
	width:47%;
	margin:50px 0 0 0;
}

.ws-price01{
	float:left;
	width:48%;
	margin:0 0 40px 0;
}

.ws-price02{
	float:right;
	width:48%;
}

.ws-cap{
	position: relative;
	background: #eeeeee;
	padding:3%;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	behavior: url("https://titf.jp/common/js/for_ie/PIE.htc");
}
.ws-cap:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.ws-cap:after {
	border-color: rgba(238, 238, 238, 0);
	border-bottom-color: #eeeeee;
	border-width: 15px;
	left: 50%;
	margin-left: -15px;
}

p.lead,
.description-content p{
	margin:0 0 20px 10px;
}

.description-content p.cap{
	border-bottom:1px solid #ccc;
	margin:0 0 20px 10px;
	padding:0 0 20px 0;
	
}

.description-content p.cap02,.description-content p.cap03,.description-content p.cap04{
	float:left;
	padding:0 6% 0 2%;
}

.description-content p.cap02 span,
.description-content p.cap04 span{
	display:block;
	font-weight:bold;
	font-size:18px;
}

.description-content p.cap03{
	font-weight:bold;
	font-size:30px;
	margin:20px 0 0 0;
}

.description-content p.cap05{
	clear:both;
	background:#ccc;
	padding:3%;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	behavior: url("https://titf.jp/common/js/for_ie/PIE.htc");
	text-align:center;
	font-weight:bold;
	font-size:18px;
}

#header,
article,
#main-area section,
.description-block header,
.description-content,
.teacher-area,
.price-cap,
.profile-block{
	overflow:hidden;
}

.description-block footer{
	clear:both;
}

/* --profile-area-- */

#performers-area{
	position:relative;
	margin:0 0 20px 0;
}

.profile-img{
	float:left;
	width:42%;
}

.profile-detail{
	float:right;
	width:53%;
}

.performer-link li.pre{
	position:absolute;
	left:0;
	top:30%;
}

.performer-link li.next{
	position:absolute;
	right:0;
	top:30%;
}

#performers-indexlist{
	overflow:hidden;
}

#performers-indexlist li{
	float:left;
	width:164px;
	height:180px;
	position:relative;
	text-align:center;
}

#performers-indexlist li a{
	text-decoration:none;
}


#performers-indexlist li img{
	border-radius:56px;
	-webkit-border-radius:56px;
	-moz-border-radius:56px;
	behavior: url("https://titf.jp/common/js/for_ie/PIE.htc");
}

/* --teacher-area-- */

.teacher-area{
	margin:0 0 40px 0;
}

.teacher-area section{
	float:left;
	margin:0 2% 0 0;
	width:23.5%;
}

.teacher-area section.lastitem{
	margin:0;
}

/* --g-nav-- */

#g-nav{
	background:#000;
	border-top:#e81f18 5px solid;
	font-family:'Monda', sans-serif;
	text-align:center;
	text-transform:uppercase;
}

#g-nav ul{
	overflow:hidden;
	font-size:14px;
	background:url("/2013/wp-content/themes/titf/common/img/gnav_border.png") no-repeat right;
}

#g-nav ul li{
	float:left;
	background:url("/2013/wp-content/themes/titf/common/img/gnav_border.png") no-repeat left;
	letter-spacing:0.1em;
	width:14.2%;
}

#g-nav ul span{
	display:block;
	font-size:12px;
}

#g-nav ul li a{
	display:block;
	color:#999;
	text-decoration:none;
	padding:10% 0;
}

#g-nav ul li a:hover,
#g-nav ul li.current-menu-item a,
#g-nav ul li.current-menu-item a:hover,
.single-post #g-nav ul li.current-menu-item01 a,
.single-post #g-nav ul li.current-menu-item01 a:hover,
.single-performer #g-nav ul li.current-menu-item02 a,
.single-performer #g-nav ul li.current-menu-item02 a:hover{
	background:url("/2013/wp-content/themes/titf/common/img/gnav_tr.png") no-repeat top center;
	color:#fff;
}

/* --footer-- */

.pagetop{
	text-align:right;
	padding:0 0 10px 0;
	font-size:13px;
}

.pagetop img{
	margin:0 10px 0 0;
}

.pagetop a{
	color:#333;
	text-decoration:none;
}

.pagetop a:hover{
	color:#e81f18;
}


#footer{
	background:#000;
	color:#999;
	border-top:5px solid #e81f18;
}

#footer p{
	text-align:center;
	margin:20px 0;
}

#footer ul{
	text-align:center;
	border-bottom:1px solid #333;
	padding:20px 0;
}

#footer ul li{
	display:inline;
	margin:0 20px 0 0;
}

#footer a{
	color:#999;
	text-decoration:none;
}

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

/* --topic-path-- */

#topic-path{
	background:#ccc;
	padding:5px 0;
	font-size:12px;
}

#topic-path span{
	display:block;
}


/* =table
-----------------------------------------------------------------------------*/

table.mt{
	margin:40px 0 20px 0;
}

.ws-table01{
	width:100%;
}

.ws-table01 caption{
	font-size:16px;
	font-weight:bold;
	margin:0 0 0 10px;
	text-align:left;
}

.ws-table01 th{
	background:#ccc;
	padding:2% 5%;
	width:35%;
}

.ws-table01 td{
	background:#fff;
	padding:2% 5%;
}


/* =list
-----------------------------------------------------------------------------*/

/* --ban-list-- */

.ban-list01{
	overflow:hidden;
	margin:0 0 20px 0;
}

.ban-list01a{
	overflow:hidden;
	float:right;
	width:50%;
	margin:15px 0;
}

.ban-list01 li,
.ban-list01a li{
	float:left;
	width:48%;
	font-size:13px;
}

.ban-list01 li.lastitem,
.ban-list01a li.lastitem{
	float:right;
}

.ban-list01 li a,
.ban-list01a li a{
	overflow:hidden;
	display:block;
	background:#e81f18;
	color:#000;
	text-decoration:none;
	padding:5px 0 5px 3%;
}

.ban-list01 li a:hover,
.ban-list01a li a:hover{
	background:#333;
}

.ban-list01 li img,
.ban-list01a li img{
	float:left;
	margin:5px 13px 0 3px;
}

.ban-list01 li.lastitem img,
.ban-list01a li.lastitem img{
	margin:12px 10px 0 0;
}

.ban-list01 li .link-block,
.ban-list01a li .link-block{
	background:#fff url("/2013/wp-content/themes/titf/common/img/ico_dl.png") 98% 90% no-repeat;
	width:80%;
	padding:12px 1% 9px 3%;
	display:block;
	float:left;
}

.ban-list01a li .link-block{
	width:75%;
	padding:5px 1% 5px 3%;
}

.ban-list01 li.lastitem .link-block,
.ban-list01a li.lastitem .link-block{
	background:#fff url("/2013/wp-content/themes/titf/common/img/ico_tr.png") 98% 90% no-repeat;
	padding:5px 1% 5px 3%;
}

.ban-list01a li.lastitem .link-block{
	padding:3px 1% 3px 3%;
}

.ban-list01 li .font-big{
	font-size:20px;
}

.ban-list01a li .font-big{
	font-size:16px;
}

.ban-list01 li .font-small{
	font-size:11px;
}

/* --normal-list-- */

ul.normal-list{
	list-style:disc;
	margin:0 0 10px 2em;
}

/* --ticket-list-- */

.ticket-list{
	overflow:hidden;
	margin:0 0 40px 0;
}

.ticket-list li{
	float:left;
	background:#fff;
	padding:20px 2%;
	min-height:280px;
	width:19.5%;
	margin:0 2% 0 0;
}

.ticket-list li.last-item{
	margin:0;
}

.ticket-list li dt{
	text-align:center;
	margin:0 0 20px 0;
}

.ticket-list li dd.tl{
	font-weight:bold;
	text-align:center;
	margin:0 0 20px 0;
}

/* --buy-list-- */

ol.buy-list{
	list-style:decimal;
}

ol.buy-list li{
	margin:0 0 10px 2.5em;
}

/* --archive-list-- */

#sub-area ul{
	margin:0 0 30px 0;
}

#sub-area ul li{
	border-bottom:1px solid #ccc;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
}

#sub-area ul li a{
	background:url("/2013/wp-content/themes/titf/common/img/ico_tr_bk.png") no-repeat 10px 50%;
	display:block;
	color:#000;
	text-decoration:none;
	padding:0 0 0 25px;
}

#sub-area ul li a:hover,
#sub-area ul li.current-cat a{
	color:#e81f18;
}

/* --return-link-- */

.return-link{
	margin:20px 0;
}

/* --official-link-- */

.official-link{
	margin:20px 0 30px 0;
}

.official-link a{
	background:#e81f18 ;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:1% 5%;
	behavior: url("https://titf.jp/common/js/for_ie/PIE.htc");
	color:#fff;
	text-decoration:none;
}

.official-link a:hover{
	background:#f96a65;
}

/* --footer next pre list-- */

.description-block footer ul{
	overflow:hidden;
	clear:both;
	padding:30px 0;
}

.description-block footer ul li{
	background:#ccc;
	float:right;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:1% 5%;
	behavior: url("https://titf.jp/common/js/for_ie/PIE.htc");
}


.description-block footer ul li.pre{
	float:left;
}


.description-block footer ul li a{
	color:#000;
}

.description-block footer ul li a:hover{
	color:#e81f18;
}


/* =heading
-----------------------------------------------------------------------------*/
.heading-block{
	border-bottom:3px solid #e81f18;
	margin:0 0 20px 0;
	overflow:hidden;
	line-height:inherit;
}

.heading-block h2{
	font-size:16px;
	letter-spacing:0.1em;
	float:left;
	margin:0 0 0 10px;
	width:30%;
}

.heading-block ul{
	float:right;
	width:25%;
}

.heading-block ul a{
	background:#e81f18 url("/2013/wp-content/themes/titf/common/img/ico_arrow.png") no-repeat 5% 50%;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:3% 10% 1% 15%;
}

.heading-block ul a:hover{
	background:#333 url("/2013/wp-content/themes/titf/common/img/ico_arrow.png") no-repeat 5% 50%;
}


.description-content h4{
	margin:0 0 10px 10px;
}

.description-content .teacher-area h4{
	margin:10px 0 10px 10px;
}

.description-content .teacher-area h4 span{
	display:block;
	font-size:12px;
}

.profile-heading{
	font-size:22px;
	margin:0 0 10px 0;
	letter-spacing:0.1em;
}

.profile-heading span{
	display:block;
	font-size:12px;
}

.cat-heading{
	text-align:right;
	background:url("/2013/wp-content/themes/titf/common/img/bg_p_tl.png") no-repeat right;
	color:#fff;
	text-transform:uppercase;
	font-size:22px;
	font-family:'Monda', sans-serif;
	letter-spacing:0.1em;
	font-weight:bold;
	padding:10px 12% 10px 0;
	margin:0 0 20px 0;
}

.heading{
	font-weight:bold;
	margin:0 0 10px 0;
	font-size:17px;
}

.heading span{
	font-size:14px;
}

aside .heading{
	letter-spacing:0.2em;
}

.heading01{
	border-bottom:3px solid #e81f18;
	margin:0 0 20px 0;
	padding:0 0 0 10px;
	font-size:16px;
	letter-spacing:0.1em;
}

.description-content .heading01{
	width:50%;
}

.description-content .map-description .heading01{
	width:auto;
}

.heading02{
	padding:0 0 20px 0;
	font-size:15px;
}

.under-heading{
	margin:0 0 20px 0;
	font-family:'Monda', sans-serif;
	font-size:28px;
	text-transform:uppercase;
	letter-spacing:0.1em;
}

.under-heading span{
	font-size:14px;
}

.under-heading02{
	margin:0 0 10px 0;
}

/* =contact
-----------------------------------------------------------------------------*/

.contact-form ol{
	margin:20px 0 0 0;
	overflow:hidden;
}

.contact-form li{
	background:url("/2013/wp-content/themes/titf/common/img/icon_c_red.png") no-repeat left 0.3em;
	padding:0 0 0 15px;
	margin:0 0 15px 0;
	overflow:hidden;
	width:46%;
	float:left;

}

.contact-form li.contactarea{
	width:100%;
	float:none;
	clear:both;
}

.contact-form li label{
	display:block;
	margin:0 0 5px 0;
}

.contact-form li input{
	width:90%;
	height:20px;
}

.contact-form li input#sum,
.contact-form li input#tapsum,
.contact-form li input#stagesum,
.contact-form li input#address,
.contact-form li input#address02{
	width:30%;
}

.contact-form li input#address03{
	margin:10px 0 0 0;
}

.contact-form li textarea{
	width:90%;
	height:140px;
	font-size:14px;
}

p.submit-btn,
.description-content p.submit-btn{
	text-align:right;
	margin:0 50px 20px 0;
}

.submit-btn input{
	padding:5px 10px;
	cursor:pointer;
}

.wpcf7-checkbox label{
	cursor:pointer;
	display:block;
	padding:5px 0;
}

.ws-table02,
.ws-table03{
	margin:0 0 40px 0;
	width:99%;
}

.ws-table02 thead,
.ws-table03 thead{
	font-size:23px;
}


.ws-table02 thead span,
.ws-table03 thead span{
	font-size:12px;
}

.ws-table02 tbody,
.ws-table03 tbody{
	background:#fff;
	text-align:center;
	border-right:1px solid #aaa;
}

.ws-table02 tbody th,
.ws-table03 tbody th{
	background:#666;
	color:#fff;
	vertical-align:middle;
	padding:5px 1%;
	width:10%;
}

.ws-table02 tbody td,
.ws-table03 tbody td{
	padding:0 0 10px 0;
	width:40%;
	border:1px solid #aaa;
}

.ws-table03 tbody td{
	width:30%;
}

.ws-table03.pt02 tbody td{
	width:90%;
}

.ws-table02 span.bg-bk,
.ws-table03 span.bg-bk{
	background:#ccc;
	display:block;
	padding:5px 2%;
}

.total{
	text-align:right;
}

.total input{
	width:150px;
	height:25px;
}

.total span.font-s{
	margin:10px 0;
	display:block;
}

.wpcf7-list-item-label{
	padding:0 1% 0 0;
	display:block;
}

/* =only top
-----------------------------------------------------------------------------*/
/* --top-link-- */

.top-link{
	overflow:hidden;
	margin:0 0 20px 0;
}

.top-link li{
	float:left;
	width:32.5%;
	margin:0 1% 0 0;
}

.top-link li.last{
	margin:0;
}

/* --news-area-- */

#news-area{
	margin:0 0 20px 0;
}

#news-area img{
	float:left;
	margin:0 20px 20px 0;
}

#news-area article{
	margin:0 0 10px 0;
}

#news-area article a img{
	border:3px solid #333;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
}

#news-area article a:hover img{
	border:3px solid #fff;
}

#news-area article h3{
	font-size:16px;
	margin:5px 0 10px 0;
}

/* --event-- */

.event-description{
	margin:0 0 20px 0;
}

.event-description p{
	margin:0 0 15px 0;
}

.event-description p.signiture{
	text-align:right;
}

/* --supported by-- */

.supported-list{
	overflow:hidden;
	text-transform:uppercase;
	margin:0 0 20px 0;
}

.supported-list dt{
	background:url("/2013/wp-content/themes/titf/common/img/border_support.png") repeat-x left;
	text-align:center;
	font-weight:bold;
	font-family:'Monda', sans-serif;
	margin:0 0 20px 0;
	letter-spacing:0.2em;
}

.supported-list dt span{
	background:#f5f7ec;
	padding:0 3%;
}

.supported-list dd{
	float:left;
	margin:0 2.3% 0 0;
	width:23.2%;
}

.supported-list dd a{
	background:#fff;
	border:1px solid #ccc;
	display:block;
}

.supported-list dd.lastban{
	margin:0;
}


/* --slider-- */

#slider-area{
	background:#000;
}

.rslides {
  background:url("/2013/wp-content/themes/titf/common/img/loading.gif") no-repeat center center;
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
   margin: 0 auto;
  }

.rslides li {
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  }

.rslides_container {
  position: relative;
  width: 100%;
  }

.large-btns_nav {
  z-index: 3;
  position: absolute;
  text-indent: -9999px;
  overflow: hidden;
  top: 0;
  bottom: 0;
  left: 0;
  background:url("/2013/wp-content/themes/titf/common/img/prev.png") no-repeat left 50%;
  width:36px;
  }

.large-btns_nav:active {
  opacity: 1.0;
  }

.large-btns_nav.next {
  left: auto;
  background:url("/2013/wp-content/themes/titf/common/img/next.png") no-repeat right 50%;
  right: 0;
  }

/* iPad Smaller than 1024px ----------- */
@media only screen and (max-width : 1024px) {

.performer-link{padding:20px 0 0 0; overflow:hidden; clear:both;}
.performer-link li.pre,
.performer-link li.next{position:static;}
.performer-link li.pre{float:left;}
.performer-link li.next{text-align:right;}

}

/* iPad Smaller than 990px ----------- */
@media only screen and (max-width : 985px) {

#container,
#footer,
#header{
	padding:0 20px;
}

#topic-path{
	padding:5px 20px;
}

.layer,
.row,
.pagetop{
	max-width:985px;
}

.pagetop{
	text-align:center;
}

#g-nav ul{
	background:none;
}

#g-nav ul li{
	width:25%;
}

#main-area,#sub-area,#logo,.ban-list01a,.map-description,.map{
	float:none;
	width:auto;
}

#logo{
	text-align:center;
}

#footer ul{
	overflow:hidden;
}

#footer ul li{
	display:block;
	margin:0 0 10px 0;
	float:left;
	width:50%;
}

#footer a{
	display:block;
	padding:5px 0;
}

#footer a:hover{
	background:#333;
}

.ban-list01a li img{
	margin:2px 13px 0 3px;
}

.ban-list01a li.lastitem img{
	margin:8px 10px 0 0;
}

.description-content .heading01{
	width:auto;
}

.profile-img{
	text-align:center;
}

.ws-price01,
.ws-price02,
.profile-img,
.profile-detail{
	float:none;
	width:auto;
	margin:0 0 20px 0;
}

.profile-heading,
.official-link{
	text-align:center;
}

.cat-heading{
	text-align:center;
	background:url("/2013/wp-content/themes/titf/common/img/bg_p_tl.png") no-repeat center;
	padding:10px 12%;
}

}

/* =Responsive Mobile (landscape)
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {

#container,
#footer,
#header{
	padding:0 10px;
}

#topic-path{
	padding:5px 10px;
}

.layer,
.row,
.pagetop{
	max-width:767px;
}

#g-nav ul li{
	width:50%;
	background:none;
}

#g-nav ul li a{
	padding:5% 0;
}

.top-link li,
.top-link li.last,
.ban-list01 li,
.ban-list01 li.lastitem{
	float:none;
	width:auto;
	margin:0 0 10px 0;
}

.ban-list01 li .link-block,
.ban-list01 li.lastitem .link-block{
	padding:10px 3% 10px 2%;
}

.ban-list01 li .font-big,
.ban-list01 li .font-small{
	font-size:13px;
}

.supported-list dd{
	width:48%;
	margin:0 2% 10px 0;
	text-align:center;
}

.heading-block ul{
	width:40%;
}

.contact-form li.contactarea{
	float:none;
}

.contact-form li{
	width:100%;
}

p.submit-btn,
.description-content p.submit-btn{
	text-align:center;
	margin:0 0 20px 0;
}

.font-red{
	display:block;
}

.ticket-list li{
	width:40%;
	text-align:center;
	margin:0 2% 20px 0;
}

.teacher-area section{
	float:none;
	width:auto;
	margin:0 0 20px 0;
}

.ws-table02,
.ws-table03{
	width:97%;
}

}

/* Smartphones (portrait) ----------- */

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

.layer,
.row,
.pagetop{
	max-width:479px;
}

.heading-block ul{
	width:60%;
}

.ban-list01a li,
.ban-list01a li.lastitem{
	float:none;
	width:auto;
	margin:0 0 10px 0;
}

.under-heading span,time{
	display:block;
}

.ticket-list li{
	float:none;
	width:auto;
	margin:0 0 20px 0;
	text-align:center;
}

.ws-table02 thead,
.ws-table03 thead{
	font-size:12px;
}

.ws-table02 thead td,
.ws-table02 tbody th,
.ws-table03 thead td,
.ws-table03 tbody th{
	display:none;
}

#performers-indexlist li{
	float:none;
	margin:0 auto;
}

}


/***** iphone4 *****/

@media only screen and (-webkit-min-device-pixel-ratio : 2),
only screen and (min-device-pixel-ratio : 2){



}