@charset "utf-8";
   .postlist {
border: none;
padding: 20px;
} #header {
overflow: hidden;
background-image: url(//conductor-vocal.com/struct/wp-content/uploads/header_img001bw.jpg);
background-position: bottom;
}
nav#mainNav:before{
position: absolute;
content: "";
background: url(//conductor-vocal.com/struct/wp-content/uploads/mainImage-bottom.jpg) repeat-x bottom left;
width: 100%;
height: 18px;
left: 0;
top: 0;
}
#header .logo {
display: block; padding: 2% 0;
text-align: center;
}
#header .logo img {
max-height: 140px;
}
@media print, screen and (max-width:1023px) { 
nav#mainNav:before{
background:none;
}
}
@media print, screen and (max-width:640px) { 
#header {
background-size: cover;
background-position: center;
} }
body {
background: #eeddb9;
} @media print, screen and (min-width: 1024px){
nav#mainNav ul li{
border: 0px;
}
nav#mainNav ul li:first-child{
border: 0px;
}
nav#mainNav ul li a {
height: 35px;
padding: 30px 35px 5px 35px;
}
nav#mainNav ul li a span, nav#mainNav ul li a b {
line-height: normal;
}
nav#mainNav {
background-color: rgba(255,255,255,0.0);
}
nav#mainNav ul li.current-menu-item a, nav#mainNav ul li a:hover, nav#mainNav ul li.current-menu-parent a {
height: 31px;
}
nav#mainNav ul li li a, nav#mainNav ul li.current-menu-item li a, nav#mainNav ul li.current-menu-ancestor li a, nav#mainNav ul li li.current-menu-item li a{
height: 40px;
}
nav#mainNav ul li li a:hover, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-ancestor li.current-menu-item a, nav#mainNav ul li.current-menu-ancestor li a:hover{
background-color: rgba(255,255,255,1);
}
} #breadcrumb{
background: none;
padding: 30px 0 10px 0;
}
#breadcrumb ul li {
font-size: 0.8em;
} #footer div.inner {
max-width: 960px;
width: auto;
margin: 0 auto;
}
#footer{
position: relative;
background-image: url(//conductor-vocal.com/struct/wp-content/uploads/footer_img002.jpg);
max-height: 500px;
}
#footer:before{
position: absolute;
content: "";
background: url(//conductor-vocal.com/struct/wp-content/uploads/mainImage-bottom.jpg) repeat-x bottom left;
width: 100%;
height: 18px;
left: 0;
top: 0;	
}
#footer .inner{
padding: 3% 17% 3% 7%;
}
#footer ul {
font-size: 16px !important;
}
#footer ul ul {
padding: 0;
}
#footer ul li {
padding: 3px 0px;
font-weight: bold;
z-index: 1;
height: auto;
width: 30%;
}
#footer ul li li {
width: 100%;
margin: 0;
}
#footer ul li::before {
top: 18px;
left: 0%;
height: 10px;
background: url(//conductor-vocal.com/wp-content/themes/mrp04/images/arrow.png) no-repeat 0 50%;
}
@media print, screen and (max-width: 1300px){
#footer ul {
padding: 4%;
}
#footer ul li{
width: 32.5%;
}
}
@media print, screen and (max-width: 959px){
#footer div.inner{
width: 95%;
padding: 3% 0;
}
}
@media print, screen and (max-width:640px) { 
#footer {
height: auto;
background-color: #E6D7B6;
padding-bottom: 20%;
background-size: cover;
}
#footer ul li {
width: 100%;
margin-top: -10px;
}
#footer ul{
padding: 10% 0;
}
#footer div.inner {
width: 80%;
}
} .widget_sp_image img {
margin-bottom: 0;
}
#widget_sp_image-2,
#widget_sp_image-3,
#widget_sp_image-4,
#widget_sp_image-5 {
background: none;
}
section.widget li:last-child a {
border-bottom: 1px dashed #DCDCDC;
}
section.widget li li {
font-size: 14px; }
section.widget .short_lin a {
width: 30%; }
section.widget .short_lin li a{
width: 100%; } section.widget li a {
border-bottom: none;
font-weight: bold;
}
section.widget li li {
border-bottom: 1px dashed #DCDCDC;
}
section.widget li li a {
font-weight: normal;
}
section.widget li:last-child a {
border-bottom: none;
}
section.widget ul, .widget_search, #calendar_wrap, .textwidget {
padding: 0 10px 10px 10px;
} .qrcode {
padding: 10px;
text-align: center;
} h1.title {
background: #ffffff;
padding: 3%;
}
.post h2 {
padding: 3% 0 10px 1%;
}
.post h3 {
border-top: none;
border-bottom: none; background-color: #f7e4b4;
text-align: center;
padding: 1%;
}
.post h4{
color: #773C1E;
}
section.widget h2, section.widgetInfo h2 {
font-family: "Tenor Sans", "Hannari", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E" , "Times New Roman" , "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.name{
font-size: 1.3em;
line-height: 1.5em;
font-family: "Tenor Sans", "Hannari", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E" , "Times New Roman" , "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
width: 80%;
margin: 0 auto;
padding-top: 15%;
}
.name span{
font-size:1.5em;
line-height:1.8em;
} .page-contact .post h2 {
font-size: 130%;
font-weight: bold;
padding: 12px 8px;
color: #5c4532;
border-color: #5c4532;
margin-bottom: 30px;
border-top: 2px solid #878787;
border-bottom: 1px solid #CCCCCC;
line-height: 1.2;
background-color: rgba(255,255,255,1);
margin-top: 30px !important;
}
.post .link_btn {
width: 50%;
text-align: center;
margin: 30px auto;
}
@media print, screen and (max-width:640px) { 
.post .link_btn {
width: auto;
}}
.post .column2_50 .link_btn {
width: 80%;
}
.post .column2_70 .link_btn {
width: 100%;
}
.post .column2_70 .link_btn + .link_btn {
margin-top: -10px;
}
.post .link_btn.column2_50 {
padding: 0 10px;
box-sizing: border-box;
width: 49.5%;
}
.post .link_btn a {
padding: 0.6em 1.5em 0.6em 0.5em;
font-size: 110%;
font-family: "Lato" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: bold;
border-radius: 6px;
letter-spacing: 0.05em;
}
.link_btn a {
display: inline-block;
width: 100%;
box-sizing: border-box;
background: #0B3861;
border: 2px solid #0B3861;
color: #fff;
padding: 0.5em;
text-align: center;
position: relative;
}
.link_btn a:after {
position: absolute;
top: 50%;
right: .2em;
content: '';
margin-top: -5px;
border: 7px solid transparent;
border-top-width: 5px;
border-bottom-width: 5px;
border-left-color: #fff;
transition: all .3s;
}
.link_btn a:hover {
background: #e9ffae;
color: #0B3861;
text-decoration: none;
}
.link_btn a:hover:after {
border-left-color: #0B3861;
} .post .contactBox {
padding: 15px 15px;
text-align: center;
background-color: #f6e4d7;
box-sizing: border-box;
border-radius: 20px;
margin: 0px 5%;
}
.post .contactBox p, .post .contactBox .link_btn {
margin: 0 auto 10px;
line-height: 1.5;
}
.post .contactBox .link_btn a {
font-size: 140%;
padding: 2% 0;
position: relative;
padding-left: 20%;
line-height: 1.4;
text-align: left;
}
.post .contactBox .link_btn a:before {
font-family: FontAwesome;	
content: "\f095"; position: absolute; font-size:1.5em; left:10%; top: 0; color: #ffffff; }
@media print, screen and (max-width:960px) { 
.post .contactBox {
padding: 15px 0;
margin: 0px 0%;
}
}
@media print, screen and (max-width:640px) { 
.post .contactBox .link_btn a:before {
left: 6%;
}
.link_btn a {
font-size: 50%;
}
span.wpcf7-form-control.wpcf7-checkbox {
text-align: left;
}
}
@media print, screen and (max-width:350px) { 
.post .contactBox .link_btn a {
font-size: 120%;
}
}
.contactBox span{
color: #D86F3C;
font-size: 120%;
font-weight: bold;
}
div.wpcf7 {
padding: 0 1%;
} .wpcf7-form .must {
color: #f94e4e;
font-weight: bold;
}
.wpcf7-form b {
color: #5c4532;
}
.wpcf7-form .submit {
text-align: center; 
}
.wpcf7-form input[type=submit] {
font-size: 110%;
padding: 6px 40px; 
}
.wpcf7-form input[type=submit]:hover {
cursor: pointer; 
}
.wpcf7-form span.wpcf7-not-valid-tip {
background: #fffde0; 
}
.wpcf7-form div.wpcf7-validation-errors {
background: #fffde0;
}
@media only screen and (max-width: 640px) {
.childpost .column2_50 {
width: 100%;
margin: 0 0 30px;
}
.post .gairai_flow .link_btn {
width: 100%;
}
} .center{
text-align:center;
}
.post img {
border: none !important;
}
.post {
border: none;
}
.post p {
padding: 1% 5%;
}
.color_Box {
padding: 15px 15%;
background-color: #f6e4d7;
box-sizing: border-box;
border-radius: 20px;
}
.page-vocal-lesson .color_Box {
padding: 15px 15%;
margin: 7% auto;
border-radius: 20px;
text-align: center;
border: 2px solid #773c1e;
font-weight: bold;
background-color:#ffffff;
}
@media print, screen and (max-width:640px) { 
.color_Box {
padding: 15px 3%;
}
}
.music ul {
list-style: none;
}
.music li:before {
font-family: FontAwesome;
content: '\f001'; 
color:#773C1E;
padding-right: 2%;
padding-left: 1%;
}
.white_line {
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffff 0%) repeat scroll 0 0;
} p.linkBtn.frontBottomCat {
margin: 0 auto;
text-align: center;
padding-bottom: 1em;
padding-top: 1em;
}
.linkBtn.frontBottomCat a {
width: 80%;
padding: 0.8em 2em;
border-radius: 10px;
}
.linkBtn.frontBottomCat a:hover {
padding: 0.8em 2em;
}
.linkBtn a {
display: inline-block;
background: #773c1e;
background: -webkit-linear-gradient(top, #773c1e 0%, #773c1e 100%);
background: linear-gradient(to bottom, #773c1e 0%, #773c1e 100%);
padding: 1em 3em;
color: #fff;
border-bottom: 3px solid #111111;
}
.linkBtn a:hover {
display: inline-block;
background: #fff;
background: -webkit-linear-gradient(top, #fff 0%, #fff 100%);
background: linear-gradient(to bottom, #fff 0%, #fff 100%);
padding: 1em 3em;
color: #773c1e;
border: 1px solid #773c1e;
border-bottom: 3px solid #773c1e;
}
h1.title {
position: relative;
line-height: 1.4;
padding: 0.25em 1em; top: 0;
background: none;
margin: 25px 0;
font-size: 170%;
}
h1.title:before,h1.title:after{ 
position: absolute;
top: 0;
content:'';
width: 8px;
height: 100%;
display: inline-block;
}
h1.title:before{
border-left: solid 1px black;
border-top: solid 1px black;
border-bottom: solid 1px black;
left: 0;
}
h1.title:after{
content: '';
border-top: solid 1px black;
border-right: solid 1px black;
border-bottom: solid 1px black;
right: 0;
} @media print, screen and (min-width: 1024px){
.childpost1b .column2_30{
float:left;
}
.childpost1b .column2_70 {
margin-bottom: 12%;
}
}
input[type="text"], input[type="tel"], input[type="email"], input[type="date"], input[type="url"], input[type="number"], select, textarea {
font-family: "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "メイリオ" , Meiryo , "Meiryo UI" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-size:16px;
} div.wpcf7 .wpcf7-spinner {
display: block;
margin: 0 auto;
}