/*
Theme Name: Bootstrap for MUSICA
Theme URI: 
Description: ムジカジャポニカ用Bootstrap BASE
Author: Yukari N
Author URI: 
Version: 0.7.0
Text Domain: 
License: 
License URI: 
.
*/


body {
overflow-x: hidden;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
letter-spacing:0.04em;
line-height:1.7em;
background:#7d0302 URL(./img/bg01.gif) ;
color:#f3e1e1;
font-size:15px;
}

.clear{clear:both;}

.bg-darkbrown{ background:#200000;}
.bg-beige{ background:#ffecde; color:#200000;}

.m0p0{margin:0; padding:0;}
.m0{margin:0;}
a{text-decoration:none;}
a:link{color:#f7d2d2; text-decoration:none;}
a:hover{color:#f3e1e1;}
a:visited{color:#ffd7d7;}
form span{color:#222;}
ul li{list-style:none;}
/* ==========================================================================
	$FONT Decoration
========================================================================== */
.deco {
font-family: 'Amarante', serif;
font-weight: 400;
}
.f_small{font-size:90%;}
.f_large{font-size:120%;}

/* ==========================================================================
	$Navigation
========================================================================== */
.navbar{border:none;}
.navbar-custom {
	background:#222 URL(./img/bg_wood.jpg) top center no-repeat  ;
	}

nav h1 {
margin:0; padding:0;
display:block;
width:326px;
height:116px;
background:URL(./img/logo.png) top left no-repeat ;
}
nav h1 a{
display:block;
width:300px;
height:86px!important;
text-indent:-9999px;
}
nav ul {
font-size:32px;
padding-top:1em;
}


@media (min-width:768px) {
nav ul {font-size:28px;}
.navbar-custom {
	padding: 25px 0;
	-webkit-transition: padding .3s;
	-moz-transition: padding .3s;
	transition: padding .3s;
	border: none
}

.navbar-custom.affix {
	background-color: #222;
	padding: 10px 0
}
}

/* navbar テキストカラー */
.navbar-default .navbar-nav > li > a {
color: #D56B32;
}
/* navbar hover,focus時のテキストカラー */
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #CA3A12;

}
/* navbar active設定時のカラー */
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
color: #26534c;

}
/* ==========================================================================
	$Container
========================================================================== */
div#top{ margin-top:116px;}

div.entry img{ margin:10px 0;}

/* ==========================================================================
	$Masonry
========================================================================== */

#Masonry {
width: 100%;
margin: 0 auto;
position: relative;
}
.tile {width: 375px;}
.panel{width:98%;}
@media (max-width: 1199px) {
.tile {width: 470px;}

}
@media (max-width: 991px) {
.tile {width: 360px;}
}
@media (max-width: 767px) {
div#top{ margin-top:56px;}
.tile {width: 570px;}
#Masonry {margin:0 auto; padding:0;}
.panel{width:100%;}
}
@media (max-width: 479px) {
.tile {width: 320px;}
#Masonry {margin:0 auto; padding:0;}
.panel{width:100%;}
}

/* ==========================================================================
	$CUSTOM
========================================================================== */

div.cont_pix{
height:340px;
overflow:hidden;
}
div.cont_pix img{
width:100%;
}


div.cont img{
width:100%;
height:auto;
overflow:hidden;
}

div.cont_bg h3{font-size:18px; margin:0.5em 0;}
div.cont_bg h4{text-align:right; margin:0.8em 0;}
div.cont_bg a{
display:block;
border:solid 1px rgba(0,0,0,0);;
height:170px;
padding:10px 20px;
}

div.cont_bg a:link,
div.cont_bg a:visited{background:rgba(32,0,0,0.6); color:#f3e1e1;}
div.cont_bg a:hover{background:rgba(32,0,0,0.8); color:#e9a3a3;}

.btn-lined{background:none; border:solid 1px;}
.btn-lined a:link,
.btn-lined a:visited{color:#f3e1e1;}
a.btn-lined:hover{color:#f3e1e1;}


.label-line{background:#00c900;}

iframe{height: 40vh;}
@media (max-width: 479px) {
.entry img{width:320px; height:auto;}
.ticket{margin-top:0.8em;}
}

.map iframe{height:150px;}
/* ==========================================================================
	$Contact Form
========================================================================== */
.wpcf7-submit,
.wpcf7-select,
.wpcf7-textarea{color:#222;}
.screen-reader-response{font-size:120%; margin:1em 0; padding:1em;}
input {color: #222;}

#note{padding:1em;}
/* ==========================================================================
	$SIDE BAR LIST 
========================================================================== */
.top_list a:link,
.top_list a:visited{color:#f3e1e1;}
.top_list a:hover{color:#222;}
.list-group-item{
background:none;
border-top:none;
border-left:none;
border-right:none;
border-bottom:dotted 1px;
}

.list-group ul {margin:0; padding:0;}
.list-group ul li{

}
.list-group ul li a{
display:block;
padding:0.7em ;
border-bottom:dotted 1px;
}
.list-group ul li a:hover{
background:#fbf1f1;
color:#222;
}

ul.social-buttons{margin-bottom: 0}
ul.social-buttons2{margin-bottom: 15px;}
ul.social-buttons li a{
	background-color:#222;
}
ul.social-buttons li a,
ul.social-buttons2 li a {
	display: block;
	height: 40px;
	width: 40px;
	border-radius: 100%;
	font-size: 20px;
	line-height: 40px;
	color: #fff;
	outline: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s
}
/* ==========================================================================
	$クラウドファンディング 
========================================================================== */
#supporter{
background:#fefefe;
padding:1em;
margin:1em 0;
}
#supporter ul{
font-weight:bold;
}


div#crowdfunding {
	background:#000 URL(./img/musica_crowd.jpg) top center  ;
margin:0 auto;
padding:1em;
	}
div#crowdfunding a{
color:#fff;
font-weight:bold;
line-height:2em;
}

dt{font-size:20px; font-weight:bold; }