@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/**/
.article h3 {
    border: none;
	font-size: 12px;
	font-weight: normal;
}
/*固定ページだけタイトルを非表示にする*/
.page .entry-title {
display: none;
}
/*ページの日付を非表示にする*/
.post-12 .date-tags {
display: none;
}
/*縦書きにする*/
.tategaki {
	writing-mode: vertical-rl;
	margin: 0 auto;
}
/*コンテンツの白背景透明化*/
#main {
  background: transparent;
}
/*1行の文字数制限*/
.about-p{
	width: 80%;
}
/*リンクホバー*/
.widget_nav_menu ul li a {
	display: inline-block;
	border-bottom: 1px solid #000;
}
.widget_nav_menu ul li a:hover {
	background-color: #000;
	border-bottom: 1px solid #C77EB5;
}
/*サイト全体ページ内リンクジャンプ*/
html{
	scroll-behavior: smooth;
}
/*サイトタイトル文字の非表示*/
.site-name-text {
	display: none;
}
.header-container {
	display: none;
}
/*上部スライダー*/
.slider1 {
  margin: 0 calc((100% - 100vw)/2) 1.5em;
  width: auto;
}
/*埋め込みgooglemap真ん中寄*/
.amy-map-container-outer-box {
   text-align: center;
   margin: 0 auto;
}
/*各店キャッチコピー*/
.article h4 {
	border: none;
}
/*各店背景帯*/
.entry-content .wp-block-cover,
.entry-content .wp-block-cover-image {
  margin: 0 calc((100% - 100vw)/2) 1.5em;
  width: auto;
}
/*フッター*/
.footer-mobile {
	text-align: center;
	font-size: small;
}
/*フッター内容幅*/
.footer-in.wrap.cf{
	width: 800px;
}
/*フッター上部空白消し*/
.entry-content {
    margin-top: 0;
    margin-bottom: 0;
}
.footer {
    margin-top: 0;
}
.entry-content>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
    margin-bottom: 0;
}
/*ヘッダー*/
.header-container-in.hlt-top-menu {
	display:none; 
}
.logo-header {
	display:none; 
}
.mobile-header-menu-buttons {
	display: flex; 
	bottom: auto; 
	top: 0; 
}
.mobile-menu-buttons{
	box-shadow: none;
	height:50px;
}
#header-container {
	background-color: transparent;
}
#menu-headermenu-button {
	background-color: transparent;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.follow-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}
.mobile-menu-buttons .menu-icon {
    display: block;
	position: absolute;
	top: 0;
	transform:translateX(-45%);
}
/*上部空白消し*/
.header-in {
    flex-direction: initial;
}
.tagline {
    margin: 0;
}
.logo-image{
    padding: 0;
}
.mblt-header-mobile-buttons {
	margin-top: 0;
}
.content{
	margin-top: 0;
}
.main{
	padding: 0;
}
/*ABOUT背景*/
.about-oya {
	position: relative;
}
.bg-mv {
	margin: 0 calc((100% - 100vw)/2) 1.5em;
	width: auto;
	height: 750px;
}
#about {
	position: absolute;
	display: block;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
}
.article h2 {
	background-color: transparent;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/*上下空白消し*/
	main.main, div.sidebar {
		padding: 0;
		margin: 0;
	}
	/*背景動画*/
	.wp-block-video video {
	    height: 542px;
	    object-fit: cover;
	    margin: 10vh 0;
	}
}

/*769px以下*/
@media screen and (max-width: 769px){
  /*必要ならばここにコードを書く*/
	
	/*about下各店バナー*/
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
    	flex-basis: 15%!important;
	}
	#brand .is-layout-flex {
    	gap: 10px;
	}
	#brand{
		width: 80%;
		margin: 0 auto;
	}
	/*menuボタン*/
	.mobile-menu-buttons .menu-icon {
		transform:translateX(-45%);
	}
	/*フッター内容幅*/
	.footer-in.wrap.cf{
		width: 80%;
	}
	/*上下空白消し*/
	main.main, div.sidebar {
		padding: 0;
		margin: 0;
	}
	/*各店内容*/
	.shop-box {
		width: 80%;
	}


}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	/*about下各店バナー*/
	.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
		flex-basis: 45%!important;
	}
	#brand .amarimono{
		width: 49%;
	}
	/*ボタン：店サイトへ*/
	.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    	width: calc(60% - var(--wp--style--block-gap, .5em)*.75);
	}
	.wp-block-button .wp-block-button__link.is-style-outline, .wp-block-button.is-style-outline>.wp-block-button__link {
    border: 1px solid;
	}
	/*メニューボタン*/
	.mobile-menu-buttons .menu-icon {
		transform:translateX(-40%);
	}
	/*上下空白消し*/
	main.main, div.sidebar {
		padding: 0;
		margin: 0;
	}
	/*各店帯上ロゴ*/
	.shop-logo{
		width: 180px;
		height: auto;
	}
	.shop-box h4{
    	font-size: 20px;
    	line-height: 1.5;
    	letter-spacing: 0.1rem;
	}
	/*about家紋マーク*/
	.wp-image-47{
		width: 45px;
		height: auto;
	}
	/*h4*/
	.article h4 {
    	font-size: 20px;
    	line-height: 1.5;
    	letter-spacing: 0.1rem;
	}

}