/*
Theme Name: アキ・ピアノ教室
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/*モバイル固定ウィジェットが表示されるとコピーライトが隠れるので調整*/
@media(max-width: 991.98px){
:root :where(body) {
		padding-bottom:30px;
		padding-top:61px;
	}
}


/*グローバルメニューの一番左側の線を消す*/
.global-nav--layout--penetration .global-nav-list>li:first-child{
	border-left:none;
}
/*グローバルメニューの右の線を消す*/
.global-nav--layout--penetration .global-nav-list>li{
	border-right:none;
}
.site-header {
    box-shadow: none;
}
.header_scrolled .site-header-logo img {
        max-height: 75px !important;
    }


.vk-mobile-nav-menu-btn {
    border: none;
    background-image: url("https://xs274261.xsrv.jp/aki-pianolesson/wp-content/uploads/hamburger-close.png");
	  background-size: cover;
}
.vk-mobile-nav-menu-btn.menu-open {
    border: none;
    background-image: url("https://xs274261.xsrv.jp/aki-pianolesson/wp-content/uploads/hamburger-open.png");
	  background-size: cover;
}

@media (max-width: 782px) {
    .admin-bar .vk-mobile-nav-menu-btn {
        top: calc(48px + 15px);
    }
}


/*---------------------topに戻るボタンカスタマイズ--------------------------*/
.page_top_btn {
	width: 70px;/*ボタンの大きさ*/
	height:70px;
	border: solid #ff9e9e;/*ボーダーの種類と色*/
	background-color:#fff4ff; /*ボタンの背景色*/
	border-radius: 50%;/*ボタンの丸み*/
	background-image: url("https://xs274261.xsrv.jp/aki-pianolesson/wp-content/uploads/page-top.png");/*ボタンの中の画像*/
	background-size:80%;/*ボタンの中の画像サイズと位置など*/
	background-repeat: no-repeat;
	background-position: center;
 	box-shadow: none;/*シャドウ効果なし*/
}



/* --- お問い合わせフォーム --- */
/* デザインカスタマイズ */
.contact-center{
	text-align:center;
}

div.wpcf7 { background:#fafafa; border:1px solid #ddd; padding:0px; -moz-border-radius:10px; -khtml-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; margin:0 0 30px 0; }
div.wpcf7 p { padding:20px 20px 0; margin:0; font-size:14px; }
div.wpcf7 input, .wpcf7 textarea { border:1px solid #ccc; padding:8px; font-size:14px; }
div.wpcf7 textarea { height:300px; }
div.wpcf7 input.wpcf7-submit {
cursor:pointer; color:#fff; font-weight:bold; font-size:14px; width:200px; height:45px; margin:0 auto; display:block;
-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
background:#333; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #808080; border:1px solid #666;
}
div.wpcf7 input.wpcf7-submit:hover { background:#db7093; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.5), inset 0px 32px 0px -12px #ffb6c1; border:1px solid #db7093; }
.wpcf7 input.wpcf7-submit:active { box-shadow:none; bottom:-2px; position:relative; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }


/* エラー個所をわかりやすく表示 */
.wpcf7 .wpcf7-not-valid { background: #ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 .wpcf7-response-output {margin: 10px 0 0; padding: 8px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.wpcf7 .wpcf7-validation-errors {color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok {color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1;}

/* 必須赤色表示 */
.wpcf7 .required { color: #f00;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}