/*
Theme Name:yes-theater
Theme URI: http://yes-theater.com/
Description: YES THEATERのオリジナルテーマ
Version: 
License:
License URI:
Tags: 
Version: 1.0
Author: TREVO
*/

/*===== CSS RESET =====*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,cite,code,del,dfn,img,ins,kbd,q,s,samp,strike,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{outline:none;border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}.clear{clear:both}.clearfix{display:inline-block}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;line-height:0;font-size:0}* html .clearfix{height:1%}.clearfix{display:block}p,li,td{background:url('')}
ul, ol {list-style: none;}

/*===== COMMON =====*/

*,
*:before,
*:after{
	margin: 0;
	padding: 0
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

html, body {
	width: 100%;
	min-height: 100%;
}

body {
	font-size: 14px;
	font-family: "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Helvetica, Arial, "メイリオ", Osaka,"MS PGothic", "ＭＳ Ｐゴシック", sans-serif;
	color: #666666;
	-webkit-text-size-adjust: none;
	background: #f2f2ef;
}

a {
	color: #4c4a4a;
	text-decoration: none;
}

.trans {
	opacity: 1;
}
.trans:hover,
.trans:hover img {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	-moz-opacity: 0.85;
	-khtml-opacity: 0.85;
	opacity: .85;
}
.container{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

.debug {position:fixed;background:red;color:#fff;z-index:9999999}
header,
footer,
.wrapContentMain{
}
.mb25{
	padding-bottom: 25px;
}
.mb30{
	padding-bottom: 30px;
}
.mt30{
	padding-top: 30px;
}
.center{
	text-align: center;
	width: 100%;
}
.text-r-b{
	padding-top: 30px;
	font-size: 120%;
	font-weight: bold;
	color: #E6182E;
}
.bg01{
	background-color: #FBFBF9;
}

/*===== HEADER =====*/
header{
}
.wrapHeader{
	background: #fff;
}
header .container{
	padding: 2px 0 11px;
}
header img{
	display: block;
	max-width: 100%
}
header .logo{
	width: 100px;
	margin: 0;
	float: left;
}
header .menusm{
	display: none;
	width: 30px;
	float: right;
}
header .social{
	float: right;
	margin-top: 35px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
header .social a{
	margin: 0 0 0 20px;
	float: left;
}
nav.nav_md{
	float: left;
	position: relative;
	margin: 25px 0 0 30px;
}
nav ul,
nav ul li{
	position: relative;
	display: block;
	list-style: none
}
nav ul.nav li{
	float: left;
	padding: 0;
	margin-top: 10px;
}
nav ul.nav li a{
	display: block;
	padding-right: 45px;
}
nav ul.nav li img{
	display: block;
}
nav ul{
	padding-left: 25px;
}
.nav_sm{
	display: none;
	position: relative;
}
.nav_sm ul{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 0;
	background: #fff;
	border-top: 1px solid #dcdcdc;
	z-index: 1000;
	display: none;
	font-size: 1.5em
}
.nav_sm ul li{
	border-bottom: 1px solid #dcdcdc;
}
.nav_sm ul li a{
	display: block;
	padding: 14px;
	line-height: 1em;
	color: #666
}
.nav-line{
	position: relative;
	background-image: url(img/common/nav-line.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
}
.archive{
	padding-top: 15px;
}
.archive select{
	width: 100%;
	font-size: 110%;
}
footer{
	margin: 80px 0 0;
	background: #353535;
	font-size: 10px;
	line-height: 150%;
	color: #FFF;
}
footer a{
	color: #FFF;
	text-decoration: underline;
}
footer .container{
	position: relative;
	padding: 18px 0 16px
}
footer .logoft{
	float: left;
	width: 58px;
	display: block;
}
footer img{
	display: block;
	max-width: 100%
}
footer .footerR{
	float: left;
	margin: 4px 0 0 20px;
}
footer .copyright{
	font-size: 10px;
	color: #fff;
	margin: 8px 0 0;
	font-family: "Meiryo", sans-serif;
}
footer .gototop{
	width: 108px;
	height: 45px;
	position: absolute;
	top: -45px;
	right: 0
}
.img{
	display: block;
	max-width: 100%
}
.wrapContentMain{
	margin: 30px 0 0;
}
.colum_main{
	width: 700px;
	float: left;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	padding: 0 0 30px
}
.sidebar{
	width: 270px;
	float: right;
}
.sidebar .box{
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
.pTitle{
	-webkit-border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-ms-border-radius: 6px 6px 0 0;
	-o-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
	padding: 13px 14px 12px 44px;
	color: #fff;
	line-height: 1em;
	font-weight: bold;
	position: relative;
	display: block;
	font-size: 15px;
	font-family: "Meiryo", sans-serif;
}
.bgClor01{
	background: #0085ea
}
.bgClor02{
	background: #a9cb1f
}
.bgClor03{
	background: #ff8224
}
.bgClor04{
	background: #f30195
}
.pTitle img{
	position: absolute;
	left: 14px;
	top: 9px;
}
.box.noties{
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 30;
	margin-left: 0;
}
.noties .info{
	line-height: 2em;
    padding: 7px 15px 8px;
}
.calendar .info{
	padding: 8px 0 19px;
	width: 208px;
	margin: 0 auto;
}
.calendar img{
	display: block;
	max-width: 100%
}
.ulCategory,
.ulCategory li{
	position: relative;
	display: block;
	list-style: none;
}
.ulCategory{
	padding: 0 18px 16px
}
.ulCategory li{
	border-bottom: 1px dotted #dcdcdc
}
.ulCategory li a{
	color: #666666;
	padding: 15px 17px;
	line-height: 1em;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	background: url(img/common/bullet01.png) no-repeat 0  center;
}
.facebook01,
.tweets{
	padding: 13px
	max-width: 100%;



}
.adv{
	display: block;
	margin: 30px 0 0;
}
.adv img{
	max-width: 100%;
	display: block;
}
.social_sm{
	display: none
	max-width: 100%;

height:800px;
}
.social_sm a{
	display: block
height:800px;

}
.social_sm img{
	display: block;
	max-width: 100%;


}
.colum_main .pTitle{
	padding: 21px 10px 21px 58px;
	font-size: 18px;
	margin-bottom: -4px
}
.colum_main .pTitle img{
	width: 47px;
	left: 5px
}
.itemNews{
	position: relative;
	padding: 28px 8px;
	margin: 0 20px;
	border-bottom: 1px solid #e3e3e3;
	overflow: hidden;
}
.itemNews .phead{
	display: block;
	margin-bottom: 25px;
	position: relative;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 65px;
}
.itemNews .phead h2{
	font-size: 150%;
	font-weight: bold;
	text-decoration: underline;
	line-height: 120%;
}
.itemNews .test{
	font-size: 16px;
	margin-top: 15px
}
.itemNews .date{
	position: absolute;
	left: 0;
	top: 0;
	width: 58px;
	height: 58px;
	background: url(img/common/date.png) no-repeat 0 0;
	padding: 20px 5px 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	font-size: 13px
}
.itemNews img{
	display: block;
	max-width: 100%
}
.itemNews .infoNews{
	float: left;
	width: 100%;
	margin-right: -260px
}
.itemNews .info{
	line-height: 28px;
	margin: -5px 290px 0 0;
	padding: 0 0 0 0
}
.itemNews .info3{
	line-height: 28px;
	padding: 0;
	margin-top: -5px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
}
.itemNews .pImg{
	width: 260px;
	float: right;
	display: block;
}
.itemNews .ulList,
.itemNews .ulList li{
	list-style: none;
	display: block;
}
.itemNews .ulList{
	margin-top: 12px
}
.itemNews .ulList li{
	line-height: 20px;
	font-size: 12px;
	padding: 7px 0 0;
	overflow: hidden;
}
.itemNews .ulList li a{
	display: inline-block;
	color: #fff;
	background: #ff03a5;
	padding: 0 5px;
	width: 70px;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	margin-right: 10px;
	cursor: default;
}
.itemNews .btn{
	width: 215px;
	display: block;
	clear: both;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.main-subcon{
	width: 100%;
	display: block;
	clear: both;
	padding-bottom: 30px;
}
.info2{
	width: 100%;
	display: block;
	clear: both;
	line-height: 28px;
	padding-bottom: 30px;
	padding-top: 30px;
}
.info2 img{
	padding-bottom: 15px;
	padding-top: 30px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.itemNews2{
	position: relative;
	overflow: hidden;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 28px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 8px;
}
.ad{
	width: 230px;
	float: right;
	display: block;
}
.ad a{
	text-decoration: underline;
}
#contact{
	width: 100%;
}
#contact input{
	padding: 3px;
}
#contact textarea{
	padding: 3px;
}
#contact table{
	width: 100%;
}
#contact th{
	width: 25%;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
	vertical-align: middle;
	color: #000;
}
#contact td{
	width: 75%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E8E8E8;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.contact-btn{
	width: 90%;
	display: block;
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
.contact-btn button{
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #FFF;
	margin: 0px;
	cursor:pointer ;
}
.contact-text {
	clear: both;
	width: 100%;
	line-height: 200%;
	margin-top: 30px;
}
.contact-text p{
	clear: both;
	padding-top: 15px;
	padding-right: 10px;
}
.contact-text a{
	text-decoration: underline;
}
.contact-text-pn{
	color: #F30195;
	font-weight: bold;
	font-size: 100%;
}
.mfp_phase_confirm_inner{
	font-size: 90%;	
}
.privacy {
	clear: both;
	width: 100%;
	line-height: 200%;
}
.privacy dl{
	width: 100%;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	margin-top: 30px;
}
.privacy dt{
	width: 100%x;
	color: #F30195;
	font-weight: bold;
	font-size: 100%;
	padding-top: 30px;
}
.privacy dd{
	width: 100%;
}
.about01{
	width: 100%;
	text-align: center;
	color: #E6182E;
	line-height: 200%;
}
.about02{
	width: 100%;
	margin-top: 60px;
	line-height: 160%;
}
.about02 li{
	width: 100%;
	background-image: url(img/common/about07.png);
	background-position: left 3px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 10px;
	background-repeat: no-repeat;
}
.about02 table{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #E0E0E0;
	border-right-color: #E0E0E0;
}
.about02 td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
	padding: 10px;
	text-align: center;
}
.about02 th{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	background-color: #666;
}
.about03{
	width: 100%;
	margin-top: 60px;
	line-height: 160%;
}
.about03 table{
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #E0E0E0;
	border-right-color: #E0E0E0;
}
.about03 td{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
	padding: 10px;
	text-align: center;
}
.about03 th{
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #E0E0E0;
	border-left-color: #E0E0E0;
	padding: 10px;
	color: #666;
	font-weight: bold;
}
.a-box{
	display: none;
}
.wid{
	width: 80%;
}
.sub-title{
	width: 100%;
	display: block;
	font-size: 120%;
	padding-top: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	color: #F30195;
}
.pageNav{
	width: 90%;
	display: block;
	clear: both;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}
.pageNav a{
	color: #FF84C1;
}
.old{
	width: 40%;
	text-align: left;
	float: left;
}
.new{
	width: 40%;
	text-align: right;
	float: right;
}
.map{
	width: 60%;
	float: left;
}
.map-l{
	width: 30%;
	float: left;
}
#calendar_wrap table{
	width: 100%;
}
#calendar_wrap td{
	text-align: center;
}
#calendar_wrap th{
	text-align: center;
	font-weight: bold;
}
#calendar_wrap a{
	text-decoration: underline;
}
.sun{
	text-align: center;
	background-color: #FDD0C1;
}
.sat{
	text-align: center;
	background-color: #DAF2FE;
}
.holiday{
	text-align: center;
	background-color: #FDD0C1;
}
#wp_page_numbers ,#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	font-size: 100%;
}
#wp_page_numbers {
	clear:both;
	margin:0;
	width: 100%;
	display:inline-block;
	text-align:center;
	vertical-align: bottom;
	padding-top: 20;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#wp_page_numbers ul {
	width: 100%;
	margin-bottom: 10px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding: 0;
}
#wp_page_numbers li {
	display:inline-block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
}
#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: 5px;
	color: #333;
	display:inline;
	text-align:center;
	border: 1px solid #E0E0E0;
	background-color:#FFF
}
#wp_page_numbers li a:hover {
	text-decoration: underline;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	background-color: #E6E6E6;
}
#wp_page_numbers li.active_page a {
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
}
#wp_page_numbers li.active_page a:hover  {
	color: black; /* IE fix */
	text-decoration: underline;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
}
#wp_page_numbers li.page_info {  display:inline;
  padding: 3px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 2px;
  color: #666;
  font-size: 11px;
  border: 1px solid #bfbfbf
  }