/* ===============[ ここからスマホ用CSS ]=============== */
@media only screen and (max-width : 640px),
only screen and (max-device-width : 640px){

* {margin: 0px; padding: 0px;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body{margin:0; padding:0; color:#333; font-size:12px;
font-family: Helvetica, Arial, Verdana, Geneva, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
line-height: 1.6; *font-size:small; *font:x-small; background:#FFF; letter-spacing:0.07em;

background-color: #EFEFEF;
    background-image: url('../images/right_strip_pattern.png');
    background-position: top center;
    background-repeat: repeat;
    background-attachment: fixed}
table, th, tr, td{font-size:inherit; font:100%; line-height: 1.4; text-align: left; letter-spacing:0em;}
input, textarea, select, option {font-size:inherit; font:100%;}

li, ul{ margin:0; padding:0; list-style:none;}
img {
max-width:100%;
width /***/:auto; /* IE8のみ */
height:auto;
vertical-align:bottom;
}

/******共通******/
a:link{text-decoration:none; color:#333;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}


/* pager */
.pager{margin-top:20px; text-align:center; padding-bottom:25px;}
.pager a{color:#AAAAAA;}
.pager .num{display:inline-block; padding:3px 10px; font-size:14px !important;}
.pager .num a{color:#AAAAAA;display:inline-block; border:1px solid #AAAAAA; padding:3px 10px;}
.pager .num a:hover{background:none; background-color:#AAAAAA; color:#FFFFFF; padding:4px 11px; border:none; text-decoration:none;}
.pager .num .current_page{display:inline-block; border:1px solid #333333; background-color:#333333; color:#ffffff; padding:3px 10px;}


/* ===============[ float解除 ]=============== */
.clearfix:after {
	content: "."; 
	display: block;
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac ?*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ===============[ 全体枠 ]=============== */

.container{
background-image: url('../images/shadow.png');
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}

/* ===============[ ヘッダー（SP） ]=============== */
.header{
width:100%;
text-align:left;
background:#FFFFFF;
margin-top:0px;
padding-bottom:10px;
border-top:5px solid #222;
}

.h1box{
background:#FFFFFF;
text-align:left;
float:right;
width:70%;
padding:20px 15px 0 10px;
}
.h1box h1{
font-size:80%;
color:#666666;
font-weight:normal;
}

.logo{
width:80px;
margin-left:15px;
margin-bottom:10px;
float:left;
}

.logo img{
width:80px;
}

.menubox{
width:100%;
background:#FFFFFF;
}

.menubox nav {
width: 100%;
overflow: hidden;	
border-top:1px solid #DDD;
border-left:1px solid #DDD;
}

.menubox nav ul {
width: 100%;
padding:0;
}

.menubox nav li {
vertical-align:middle;
width:50%;
float:left;
border-right:1px solid #DDD;
border-bottom:1px solid #DDD;
padding:10px;

}

.menubox nav li a {
color: #222;
display: block;
font-family: 'Lato', sans-serif;
font-weight: 400;
border-right: none;
font-size:130%;
text-align:center;
width: 100%;
font-weight:bold;
line-height:1.1;
text-transform: uppercase;
	
/*TRANSISTIONS*/
-webkit-transition: background 0.5s ease;
-moz-transition: background 0.5s ease;
-o-transition: background 0.5s ease;
-ms-transition: background 0.5s ease;
transition: background 0.5s ease;
}

.jap{
color: #AAA;
font-size:65%;
font-weight:normal;
}

/* ===============[ フッター（SP） ]=============== */
.footer{
width:100%;
text-align:left;
background:#000000;
color:#FFFFFF;
margin-top:5px;
margin-bottom:0px;
padding-bottom:30px;
border-top:1px solid #EEEEEE;
}

.footertxtbox{
background:#000000;
color:#FFFFFF;
text-align:left;
padding:15px;
}
.footertxtbox p{
font-size:80%;
color:#CCCCCC;
font-weight:normal;
}

.footerlogo{
width:100%;
margin-left:0px;
}

.footerlogo img{
display:block;
margin-left:auto;
margin-right:auto;
width:120px;
}

.menubox2{
width:100%;
background:#000000;
color:#FFFFFF;
margin-top:30px;
}

.menubox2 nav {
width: 100%;
margin: 0px auto;
overflow: hidden;	
}

.menubox2 nav ul {
width: 100%;
dislay:table;
padding:0 10px;
float:left;
}

.menubox2 nav li {
display:table-cell;
vertical-align:middle;
width:50%;
margin-bottom:10px;
float:left;
}

.menubox2 nav li a {
padding-left:15px;
padding-right:0px;
border-right: none;
border-left: 1px solid #999;
font-size:140%;
text-align:left;
width: 100%;
color:#FFF;
font-weight:bold;
font-family: 'Lato', sans-serif;
font-weight: 400;
line-height:1.1;
display: block;
}

.copy{
width:100%;
font-size:65%;
text-align:center;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
color:#CCCCCC;
padding:7px;
margin:25px 0px 0 0px;
float:right;
}

.link_wrap3{display:none;}

/* ===============[ メイン枠（SP） ]=============== */
.main{
width:100%;
text-align:left;
background:#FFFFFF;
}

/* ===============[ コンテンツ枠 ]=============== */

.contents{
padding:0 30px 30px 30px;
}
.contents2{
padding:15px 30px 30px 30px;
}

/* ===============[ サイド（SP） ]=============== */
.contents_left{
width:100%;
}

.contents_left h3{
width:100%;
font-size:130%;
font-weight:normal;
border-bottom:1px solid #333;
margin-top:25px;
}

.side_scbox{
margin-bottom:15px;
}

.side_sctitle{
font-size:120%;
line-height:1.3;
margin-top:20px;
margin-bottom:10px;
border-left:5px solid #333;
padding-left:8px;
}

.side_scbox ul{
border-bottom:1px dotted #AAAAAA;
padding:0 0 20px 0;
}

.side_scbox li.side_scph{
float:left;
width:90px;
border:1px solid #CCCCCC;
}

.side_scbox li.side_scph img{
vertical-align:top;
}

.side_scbox li.side_sctext{
float:right;
text-align:left;
width:65%;
}

.side_scdate{
font-size:140%;
margin-bottom:3px;
}

.side_scplace{
font-size:80%;
line-height:1.3;
}

.side_scdetail{
font-size:90%;
text-align:center;
border:1px solid #333333;
padding:3px;
margin-top:8px;
width:60%;
}

.side_scdetail a{
color:#333333;
}

.side_scall{
font-size:80%;
text-align:right;
margin-top:5px;
}

.side_scall a{
color:#333333;
}

.side_topicsbox{
margin-top:15px;
}
.side_topicsbox img{
display:block;
margin:0 auto 15px auto;
}

.side_storebox{
background:#EFEFEF;
padding:15px;
margin:15px 0;
width:100%;
}
.side_storename{
font-size:140%;
}
.side_storetel{
font-size:120%;
}
.side_storeadd{
font-size:100%;
margin-bottom:5px;
}
.side_storetext{
font-size:100%;
}
.side_storebox img{
width:100%;
border:2px solid #FFF;
margin-top:10px;
}
.side_storedetail{
width:100%;
font-size:100%;
text-align:center;
background:#333333;
color:#FFF;
padding:3px;
margin-top:10px;
}
.side_storedetail a{
color:#FFF;
}

.side_archivebox{
margin-bottom:20px;
}
.side_archivebox li:first-child{
font-size:120%;
padding:15px 0 2px;
}
.side_archivebox li{
font-size:120%;
padding:5px 0 2px;
}
.side_archivebox li a{
color:#333;
text-decoration:none;
}
.side_archivebox li a:hover{
color:#CC0000;
text-decoration:none;
}


/* ===============[ コンテンツ右枠（SP） ]=============== */
.contents_right{
width:100%;
padding-bottom:20px;
}

.contents_right h2.top{
font-size:135%;
margin-bottom:15px;
margin-top:5px;
color:#9C712D;
font-weight:normal;
}
.contents_right h2.store{
font-size:25px;
color:#333;
border-bottom:1px solid #333;
border-left:6px solid #333;
padding-left:10px;
padding-bottom:3px;
padding-top:0px;
line-height:1.0;
font-weight:700;
font-family: 'Lato', sans-serif;
}

.h2-s{
font-size:60%;
padding-left:10px;
font-weight:normal;
}

.contents_right h3{
font-size:18px;
font-weight:normal;
border-bottom:1px solid #333;
}

.contents_right h3.store{
margin:30px 0 20px 0;
font-size:18px;
font-family: 'Lato', sans-serif;
font-weight:400;
color:#FFF;
background-image:-moz-linear-gradient(top, #666666, #000000);
background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#666666), to(#000000), color-stop(1,#000000));
border:2px solid #DDDDDD;
padding:5px 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px; 
    border-radius: 5px;
}

.contents_right h4.store{
font-size:18px;
margin-bottom:15px;
margin-top:5px;
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
color:#9C712D;
font-weight:normal;
border-bottom:0px solid #333;
}

.contents_right h3.guidance{
border-left:5px solid #9C712D;
padding-left:10px;
font-size:18px;
color:#9C712D;
border-bottom:1px solid #9C712D;
font-weight:normal;
margin-bottom:20px
}

.contents_right h2.sc{
font-size:18px;
margin-bottom:15px;
margin-top:5px;
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
color:#9C712D;
font-weight:normal;
border-bottom:0px solid #333;
}

/* ===============[ TOPページ（SP） ]=============== */

.featurebox{
margin:20px 0 30px 0;
}

.featurebox li{
margin-top:20px;
margin-bottom:0px;
}

.featurebox li img{
width:100%;
}
.featurebox li.left{
float:left;
width:100%;
}
.featurebox li.right{
float:right;
width:100%;
}
.featuretitle{
font-size:120%;
width:100%;
border-left:3px solid #9C712D;
border-bottom:1px dotted #9C712D;
padding-left:5px;
margin:8px 0;
color:#9C712D;
}
.featuretext{
font-size:100%;
width:100%;
color:#666666;
}

.topstorebox ul{
margin-top:15px;
}

.topstorebox li img{
width:100%;
}
.topstorebox li.left{
width:100%;
background:#F3F3F3;
padding:15px;
margin-bottom:20px;
}
.topstorebox li.right{
width:100%;
background:#F3F3F3;
padding:15px;
}
.topstorename{
font-size:130%;
}
.topstoretel{
font-size:110%;
}
.topstoreadd{
font-size:100%;
margin-bottom:15px;
}
.topstoretext{
font-size:100%;
}
.topstoredetail{
width:100%;
font-size:10px;
text-align:center;
background:#333333;
color:#FFF;
padding:6px 3px 3px 3px;
margin-top:10px;
}
.topstoredetail a{
color:#FFF;
}


/* ===============[ パンくず ]=============== */

.panlist{
border-bottom:1px dotted #AAAAAA;
font-size:90%;
color:#AAAAAA;
padding:0 0 5px 0;
margin-bottom:30px;
}

/* ===============[ 店舗案内（SP） ]=============== */
.storeinfo li{
display:block;
liststyle:none;
}
.storeinfo{
margin-top:10px;
}
.storeinfo li.storetel{
font-size:22px;
margin-top:10px;
color:#08A700;
font-family: 'Montserrat', sans-serif;
border-right:0px solid #CCCCCC;
padding-right:0px;
}
.storeinfo li.storeadd{
font-size:100%;
padding-left:0px;
}
.jyo{
font-size:70%;
font-weight:normal;
}

.studiobox{
margin-top:20px;
}
.st_ph1{
width:100%;
}
.st_ph1 img{
width:100%;
display:block;
margin:0 auto;
}

.studiobox ul{
margin-top:30px;
}
.studiobox li.studiotext{
width:100%;
font-size:100%;
line-height:1.7;
}
.p-name{
font-size:130%;
margin-bottom:15px;
padding-bottom:15px;
border-bottom:1px dotted #AAAAAA;
}

.studiobox li.studiophoto{
width:100%;
font-size:100%;
color:#666666;
}
.studiobox li.studiophoto img{
margin-bottom:5px;
width:100%;
}
.st_ph2{
width:100%;
margin-top:20px;
margin-bottom:20px;
}
.st_ph3{
width:100%;
margin-bottom:20px;
}

.storedetail{
width:50%;
font-size:110%;
text-align:center;
background:#333;
padding:8px 0 5px;
margin:10px auto 0;
}

.storedetail a{
color:#FFF;
}

.pricebox{
margin-top:30px;
}
.price-normal table{
width:100%;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
}
.price-normal th{
background:#E4EAF6;
text-align:center;
font-size:13px;
font-weight:normal;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:15px;
}
.price-normal td{
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:10px;
text-align:center;
}
.price-normal td.price{
width:40%;
}
.price-normal p{
text-align:left;
font-size:12px;
line-height:1.6;
}
.price-pack table{
width:100%;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
margin-top:20px;
}
.price-pack th{
background:#E5F6E4;
text-align:center;
font-size:13px;
font-weight:normal;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:15px;
}
.price-pack td{
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:10px;
text-align:center;
}
.price-pack td.price{
width:40%;
}

.optionbox{
margin-top:30px;
}
.optionbox table{
width:100%;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
}
.optionbox th{
background:#FEE4F0;
text-align:center;
font-size:13px;
font-weight:normal;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:15px;
}
.optionbox td{
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:10px;
text-align:center;
}
.optionbox td.price{
width:35%;
}
.optionbox td.koumoku{
background:#F6F6F6;
font-weight:bold;
width:15%;
}
.optionbox td.catering{
background:#FFF7D8;
font-weight:bold;
}
.optionbox td.koumoku2{
font-weight:bold;
text-align:left;
}
.optionbox p{
text-align:left;
font-size:12px;
line-height:1.6;
}
.optionbox p.setsumei{
text-align:left;
font-size:12px;
line-height:1.6;
margin:20px 0;
}

.accessbox{
margin-top:30px;
}
.accessbox li{
float:left;
list-style:none;
}
.accessbox li.map{
width:100%;
margin-bottom:15px;
}
.accessbox li.map img{
width:100%;
}
.accessbox li.g-map{
width:100%;
}
.accesstext{
margin-top:20px;
}
.storename{
font-size:16px;
margin:15px 0;
}

/* ===============[ ご予約／ご利用方法（SP） ]=============== */

.guidancebox ul{
margin-bottom:30px;
}
.guidancebox li.text{
width:100%;
}
.guidancebox li.photo{
width:100%;
margin-top:20px;
}
.guidancebox li.photo img{
display:block;
margin:0 auto;
}
.cancelbox{
margin:20px 0 30px 0;
}
.cancelbox table{
width:100%;
border-left:solid 1px #CCCCCC;
border-top:solid 1px #CCCCCC;
margin-top:10px;
}
.cancelbox th{
background:#EEEEEE;
text-align:center;
font-size:100%;
font-weight:normal;
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:15px;
}
.cancelbox td{
border-right:solid 1px #CCCCCC;
border-bottom:solid 1px #CCCCCC;
padding:10px;
text-align:center;
}
.cancelbox td.price{
width:40%;
}

/* ===============[ 公演情報TOP（SP） ]=============== */
.contents_right h2.sc{
font-size:150%;
color:#9C712D;
font-weight:normal;
margin-bottom:5px;
}
.contents_right h2.sc2{
font-size:150%;
color:#9C712D;
font-weight:normal;
margin-bottom:5px;
}

.contents_right h3.sc{
font-size:140%;
margin-bottom:0px;
margin-top:5px;
color:#9C712D;
font-weight:normal;
border-bottom:0px solid #333;
}

.top_sctitle{
font-size:130%;
line-height:1.3;
margin-top:25px;
margin-bottom:0px;
border-left:5px solid #C70000;
padding-left:8px;
color:#C70000;
}

.top_sctitle2{
font-size:130%;
line-height:1.3;
margin-top:25px;
margin-bottom:0px;
border-left:5px solid #123691;
padding-left:8px;
color:#123691;
}


.top_scbox{
margin-bottom:30px;
}

.top_scbox ul{
border-bottom:1px dotted #AAAAAA;
padding:0 0 20px;
}

.top_scbox li{
display:block;
}

.top_scbox li.top_scph{
width:70%;
border:1px solid #CCCCCC;
margin-bottom:15px;
display:block;
margin:15px auto 0;
}

.top_scbox li.top_scph img{
vertical-align:top;
}

.top_scbox li.top_sctext{
width:100%;
text-align:left;
margin-top:15px;
}

.top_scdate{
font-size:160%;
font-weight:bold;
margin-bottom:12px;
}

.top_scplace{
font-size:100%;
line-height:1.3;
margin-bottom:8px;
}

.top_sctime{
font-size:100%;
line-height:1.3;
}

.top_scdetail{
width:100%;
font-size:100%;
text-align:center;
background:#333;
padding:3px;
margin-top:12px;
}

.top_scdetail a{
color:#FFF;
}

/* ===============[ 公演個別ページ（SP） ]=============== */

.sctitle{
font-size:140%;
line-height:1.3;
margin-bottom:10px;
border-left:5px solid #333;
padding-left:10px;
}

.scbox ul{
border-bottom:1px dotted #AAAAAA;
padding:5px 0;
}

.scbox li{
display:block;
}

.scbox li.scdate{
font-size:140%;
margin-bottom:12px;
padding-right:0px;
border-right:0 solid #CCCCCC;
width:100%;
}

.scbox li.scplace{
font-size:100%;
line-height:1.3;
margin-bottom:8px;
padding:0;
border-right:0 solid #CCCCCC;
width:100%;
}

.scbox li.sctime{
font-size:100%;
line-height:1.3;
padding-left:0px;
width:100%;
margin-bottom:15px;
}

.scdetail{
border-bottom:1px dotted #AAAAAA;
padding:20px 0
}

.scback{
font-size:100%;
text-align:right;
margin-top:12px;
}

.scback a{
color:#333333;
}

.tyui_text{padding-top:20px; color: #ee0000;}
.tyui_pdf{padding: 15px 0 10px; text-align: center; border: 1px solid #EE0000;}
.tyui_pdf img{width: 60px; margin-bottom: 5px; vertical-align:middle;}
.tyui_pdf a{color: #ee0000;}

/* ===============[ サロンコンサート出演者募集ページ（SP） ]=============== */

.contents_right h2.bosyu{
font-size:120%;
color:#9C712D;
line-height:1.6;
font-weight:normal;
margin-bottom:0px;
}

.contents_right h3.bosyu{
margin:20px 0 20px 0;
font-size:120%;
font-family: 'Lato', sans-serif;
font-weight:normal;
color:#FFF;
background: -webkit-linear-gradient(top,#666666 0%,#000000 100%);
background: -moz-linear-gradient(top,#666666 0%,#000000 100%);
background: -ms-linear-gradient(top,#666666 0%,#666666 50%,#000000 50%,#000000 100%);
background: linear-gradient(top,#666666 0%,#666666 50%,#000000 50%,#000000 100%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#000000);
border:2px solid #DDDDDD;
padding:5px 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-khtml-border-radius: 5px; 
border-radius: 5px;
}

.bosyu_day a{
color:#000000;
text-decoration:underline;
}

.bosyu_day table{
width:100%;
border-left:solid 1px #AAAAAA;
border-top:solid 1px #AAAAAA;
margin-bottom:15px;
}
.bosyu_day th.c-day{
background:#F6F6F6;
text-align:center;
font-weight:normal;
border-right:solid 1px #AAAAAA;
border-bottom:solid 1px #AAAAAA;
padding:15px 0;
font-size:140%;
font-weight:bold;
width:70px;
line-height:1.0;
}
.bosyu_day td.gaiyou{
border-right:solid 1px #AAAAAA;
border-bottom:solid 1px #AAAAAA;
padding:15px 15px 5px 15px;
text-align:left;
font-size:100%;
line-height:1.6;
}
.bosyu_day td.gaiyou p{
margin-bottom:10px;
line-height:1.4;
}
.c-yellow{
color:#9C712D;
}
.c-youbi{
font-size:80%;
}
.c-year{
font-size:100%;
color:#AAAAAA;
border:1px solid #AAAAAA;
padding:5px;
margin-bottom:10px;
width:70px;
text-align:center;
}
.simekiri{
color:#C70000;
font-size:110%;
}

.bosyu_pdf{
margin-top:15px;
}
.bosyu_pdf ul{
width:100%;
margin-top:15px;
}
.bosyu_pdf li.kichijoji{
border:solid 1px #AAAAAA;
padding:15px;
text-align:center;
font-size:100%;
line-height:1.4;
width:100%;
color:#C70000;
margin-bottom:10px;
}
.bosyu_pdf li.denenchofu{
border:solid 1px #AAAAAA;
padding:15px;
text-align:center;
font-size:100%;
line-height:1.4;
width:100%;
color:#C70000;
}

.bosyu_pdf li img{
width:60px;
display:block;
margin:0 auto;
margin-top:10px;
}

.contents_right h4.bosyu{
font-size:160%;
color:#333;
border-bottom:1px solid #333;
padding-bottom:3px;
padding-top:0px;
line-height:1.0;
font-family:"ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝", serif;
font-weight:normal;
}

.bosyuinfo{
margin-bottom:20px;
}
.bosyuinfo li{
display:block;
liststyle:none;
}
.bosyuinfo li.bosyutel{
font-size:150%;
margin-top:10px;
color:#08A700;
font-family: 'Montserrat', sans-serif;
padding-right:15px;
}
.bosyuinfo li..bosyuadd{
font-size:100%;
padding-left:15px;
}

}