@charset "UTF-8";
/*
Theme Name: TITF
Theme URI: /2015/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:#000;
	color:#fff;
	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;
}

#wrapper{
	background:url("/2015/wp-content/themes/titf/img/bg.gif") no-repeat center top;
	background-size:cover;
	padding:230px 0 0 0;
}

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

/* -----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
-----------------------------------------------------------------------------*/

#identity img,
nav ul img,
.row img{
  max-width: 100%;
  width: auto;
  height: auto;
}

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

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

.row{
	width:100%;
	max-width:988px;
	margin:0 auto 50px auto;
	overflow:hidden;
}

.row p{
	margin:0 0 10px 2%;
}

#identity{
	background:url("/2015/wp-content/themes/titf/img/bg_white.png");
	text-align:center;
	margin:0 0 50px 0;
	padding:50px 0;
}

.heading01{
	margin:0 0 20px 0;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:26px;
	text-align:center;
	letter-spacing:0.2em;
}

.heading02{
	margin:0 0 20px 0;
	padding:5px 0 5px 2%;
	background:url("/2015/wp-content/themes/titf/img/bg_hl_l.png") no-repeat left;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:22px;
	color:#000;
	letter-spacing:0.2em;
}

.heading02a{
	margin:20px 0;
	padding:5px 0 5px 2%;
	background:url("/2015/wp-content/themes/titf/img/bg_hl.png") no-repeat left;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:18px;
	color:#000;
	letter-spacing:0.2em;
}

.heading03{
	margin:0 0 10px 2%;
	color:#fff;
	font-size:18px;
	letter-spacing:0.2em;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.heading04{
	margin:0 0 50px 0;
	background:url("/2015/wp-content/themes/titf/img/bg_red.png");
	text-align:center;
}

.heading05{
	margin:0 0 20px 0;
	font-size:18px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

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

.heading06{
	margin:0 0 20px 0;
	text-align:center;
	color:#000;
	font-size:25px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.heading07{
	margin:0 0 50px 0;
	color:#fff;
	text-align:center;
	font-size:35px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
}

nav{
	margin:0 0 60px 0;
}

nav ul{
	text-align:center;
}

nav ul li{
	display:inline;
	margin:0 1%;
}

nav ul li:hover{
	opacity:0.8;
}

.leftcon{
	float:left;
	width:48%;
}

.rightcon{
	float:right;
	width:48%;
}

.rightcon figure{
	text-align:center;
}

#concept{
	background:url("/2015/wp-content/themes/titf/img/bg_black.png");
	padding:20px 0;
	marin:0 0 50px 0;
	line-height:2;
}

#concept p{
	margin:0 0 20px 0;
}

.pict{
	margin:0 0 20px 0;
	text-align:center;
}

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

.attention li{
	list-style:disc;
	margin:0 0 20px 2em;
}

.graybox{
	background:#ccc;
	padding:20px;
	color:#000;
}

.graybox a{
	color:#000;
}

.graybox dl{
	margin:0 0 20px 0;
	overflow:hidden;
}

.graybox dt{
	float:left;
	width:70px;
	border:2px solid #333;
	background:#fff;
	text-align:center;
}

.border-box{
	clear:both;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	padding:10px 2% 0 2%;
	margin:20px 0 50px 0;
}

.graybox dd{
	margin:0 0 0 70px;
	padding:0 0 0 20px;
}

.row p.st,
.row .border-box p,
.row .graybox p,
#sp{
	margin:0 0 20px 0;
}

.price{
	font-size:20px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
}

.wsarea{
	background:url("/2015/wp-content/themes/titf/img/bg_form.gif") no-repeat center top;
	background-size:cover;
	color:#000;
	padding:50px 0;
}

.font-red{
	color:#f00;
	text-align:center;
}

.bgwhite{
	background:url("/2015/wp-content/themes/titf/img/bg_white.png");
	padding:2%;
}

#contact{
	border-top:1px solid #fff;
	padding:30px 0 0 0;
	margin:0 0 50px 0;
}

.telfax{
	text-align:center;
	font-size:25px;
	margin:0 0 20px 0;
}

.telfax span{
	background:#333;
	padding:10px;
}

footer p{
	text-align:right;
	margin:50px 2% 20px 0;
}

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

footer dl dt,
footer dl dd{
	display:inline;
	padding:0 10px 0 0;
}

small{
	display:block;
	text-align:center;
}

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

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

.contact-form li{
	background:url("https://titf.jp/2014/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#psum,
.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:94%;
	height:140px;
	font-size:14px;
}

p.submit-btn,
.description-content p.submit-btn{
	text-align:right;
	margin:0 10px 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;
}

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

.row{
	width:96%;
}

#identity img{
	width:90%;
	height:auto;
}

.heading01{
	font-size:20px;
}

#wrapper{
	background-size:contain;
}

}

@media only screen and (max-width:830px){
nav ul li img{
		width:300px;
		height:auto;
}


}

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

.leftcon,
.rightcon{
	float:none;
	width:auto;
	margin:0 0 20px 0;
}

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

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

p.submit-btn,
.description-content p.submit-btn{
	text-align:center;
	margin:0 0 20px 0;
}
.ws-table02,
.ws-table03{
	width:97%;
}

}

@media only screen and (max-width:650px){
nav ul li{
	display:block;
	margin:0 0 20px 0;
}

.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;
}

.heading04 img{
	max-width:80%;
	height:auto;
	margin:0 auto;
}

.heading06,
.heading07{
	font-size:18px;
}

.telfax{
	font-size:16px;
}

.contact-form li{
	padding:0 0 0 4%;
}

}