/*
Theme Name: みさとと。Pay
Theme URI: 
Template: lightning
Description: 
Author: 
Tags: 
Version: 0.6.0
*/

/* =============================================
フッター
============================================= */
/*wpコピーライト非表示*/
.site-footer-copyright p:nth-child(2) {
	display:none;
}
.site-footer {
background-color: #2C5E55;
border-top: none;
color: #fff;
}
.site-footer-content a {
	color: #ffffff !important;
border-bottom: none;
text-decoration: none;
}
.site-footer-content {
padding-bottom: 24px;
}

/* =============================================
ヘッダー
============================================= */
/* ロゴとヘッダーメニューを上下に */
div#site-header-container {
display: block;
}
@media (max-width: 991.98px) {
/* モバイル：ロゴ画像の大きさを調整 */
.site-header--layout--nav-float .site-header-logo img {
max-height: 40px;
}
}
/* パソコン用 */
@media (min-width: 992px) {
/* ヘッダーメニューをセンターに */
.global-nav--layout--float-right .global-nav-list {
margin: 0 auto 20px;
}
/* ロゴをセンターに */
.site-header--layout--nav-float .site-header-logo a {
margin: 0 auto;
}
/* ロゴ画像の大きさを調整 */
.site-header--layout--nav-float .site-header-logo img {
width: 300px;
max-height: 100%;
}
}
.site-header {
background-color: #2C5E55;
}
.global-nav-list>li .global-nav-name {
color: #fff;
}
.header_scrolled .site-header {
	background-color: #2C5E55;
}
.site-header--layout--nav-float {
	padding-top: 20px;
}

/* =============================================
メニューボタン
============================================= */
ul li.menu-btn a {
display: inline-flex;
line-height: 1;
border-radius: 30px;
transition: background-color 0.3s;
}
.global-nav-list > li.contact-btn .global-nav-name,
.global-nav-list > li.zandaka-btn .global-nav-name {
  color: #2C5E55 !important;
}
ul li.contact-btn a {
background-color: #fff;
margin-left: 10px;
}
ul li.zandaka-btn a {
background-color: #f3c7b8;
margin-left: 20px;
}
.global-nav-list>li.menu-btn:before {
border-bottom: none;
}
@media (max-width: 768px) {
ul li.menu-btn a {
	width: 120px;
	margin: 15px 0;
	line-height: 20px;
}
}
@media (max-width: 768px) {
li.menu-btn {
	text-align: center;
}
}
@media (max-width: 768px) {
ul li.contact-btn a {
	background-color: #2C5E55;
}
}
@media (max-width: 768px) {
ul li.zandaka-btn a {
	background-color: #ff9993;
}
}
.vk-mobile-nav .widget_nav_menu ul li a, .vk-mobile-nav nav ul li.menu-btn a {
color: #fff;
}

/* =============================================
ページトップへ戻るボタン
============================================= */
.page_top_btn {
width: 60px;
height: 60px;
border: solid #fff;
background: rgba(44, 94, 85, .8);
border-radius: 50%;
background-image: var(--ver_page_top_button_url);
background-size:60%;
background-repeat: no-repeat;
background-position: center;
box-shadow: none;
}

/* =============================================
ページヘッダー
============================================= */
.page-header-title {
	color: #2c5e55;
}

/* =============================================
よくある質問
============================================= */
.vk_faq .vk_faq_title:before {
color: #ff9993;
}
.vk_faq .vk_faq_content:before {
color: #2c5e55;
}

/* =============================================
コンタクトフォーム
============================================= */
.smf-action .smf-button-control__control[data-action="complete"] {
background: #f3c7b8;
color: #2c5e55;
border-radius: 30px;
border: none;
padding: 10px 60px;
font-size: 1.1em;
font-weight: bolder;
}
.smf-action .smf-button-control__control[data-action="complete"]:hover {
opacity: 0.7;
}

/* =============================================
投稿関連
============================================= */
.vk_posts.next-prev {
display:none;
}
.entry-meta-item-author {
display: none;
}
.entry-meta-item-updated {
display: none;
}
.vk_post_btn {
color: #2c5e55;
}

/* =============================================
地図
============================================= */
#shopMap {
width: 100%;
height: 520px;
min-height: 420px;
}

#shopDetailMap {
width: 100%;
height: 360px;
min-height: 300px;
}