@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/*************************************
 * HOMEに対してのカスタマイズ
*************************************/

.page-id-34 #header-container,
.page-id-34 .header-container {
background:none;
}

.page-id-34 .header {
    width: 100%;
    height: 100vh;
    background: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/bg3_v2.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-id-34 #header-in,
.page-id-34 .logo-header {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.page-id-34 .logo-header {
    max-width: 341px;
    max-height: 283px;
    height: 60%;
    background: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/top_logo_bg.png');
    background-size:contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.page-id-34 .logo-header a {
    display: none;
}

.page-id-34 .logo-header {
	animation:fdin-top 3s;
}
@keyframes fdin-top{
    0% {
    opacity:0;
    transform: translateY(-20px);
    }
   100% {
    opacity:1;
    transform: translateY(0);
    }
}

/*************************************
 * メニューページに対してのカスタマイズ
*************************************/
/*
.page-id-899 .elementor-text-editor {
	padding:10px 10px 20px 10px;
    background-image: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/waku_lu.png'),
                      url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/waku_ru.png'),
                      url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/waku_ld.png'),
                      url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/waku_rd.png');
    background-repeat: no-repeat,
                       no-repeat,
                       no-repeat,
                       no-repeat;
    background-position: left top,
                         right top,
                         left bottom,
                        right bottom;
}
*/

.page-id-899 .elementor-element-bb07015 .elementor-text-editor,
.page-id-899 .elementor-element-cc39cfa .elementor-text-editor {
	background:none;
}

#menu-com-div {
	margin-top:10px;
	height:30px;
	text-align:right;
    background-image: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/08/kakaku_bg.png');
    background-repeat: no-repeat;
	background-position:center right;
	background-size:contain;
}

#menu-com-div2 {
	margin-top:10px;
	height:40px;
    background-image: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/08/kakaku_bg.png');
    background-repeat: no-repeat;
	background-position:top right;
}
#menu-com-div3 {
	margin-top:10px;
	height:30px;
	text-align:center;
    background-image: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/08/kakaku_bg.png');
    background-repeat: no-repeat;
	background-position:center center;
	background-size:contain;
}

#menu-com-kakaku {
    padding: 0px 10px;
    color: #008000;
}
#menu-com-kakaku2 {
	position:absolute;
	right:0px;
    padding: 0px 10px;
    color: #008000;
}

#menu_hr {
	border-top:1px dashed #E0EDC2;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
}

#menu-com-gentei {
	margin:0 auto;
	width:100px;
	text-align:center;
	background:red;
	color:#fff;
	border-radius:10px;
}
#menu-com-lunch {
	margin:0 auto;
	width:160px;
	text-align:center;
	background:red;
	color:#fff;
	border-radius:10px;
}
#menu-com-bg {
	border-radius:10px;
	padding:6px;
	background-image: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/08/menu-bg.png');
    background-repeat: no-repeat;
	background-position:center center;
	background-size:cover;
}
#menu-subtitle {
	text-align:center;
	font-size:14px;
	color:#1D8E1D;
}
/*************************************
 * お持ち帰りページに対してのカスタマイズ
*************************************/
.page-id-775 #header {
    width: 100%;
    height: 100vh;
    background: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/takeout_pict1.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.page-id-775 #header-in,
.page-id-775 .logo-header {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.page-id-775 .logo-header {
    max-width: 330px;
    max-height: 454px;
    height: 60%;
    background: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/rice_croquette_logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.page-id-775 .logo-header a {
    display: none;
}

.page-id-775 .logo-header {
    animation: fdin-take 4s;
}
@keyframes fdin-take{
    0% {
    opacity:0;
    transform: translateY(0px);
    }
   100% {
    opacity:1;
    transform: translateY(0);
    }
}

.page-id-775 #take-com-div {
	margin-top:10px;
	height:30px;
	text-align:right;
    background-image: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/kakaku_bg.png');
    background-repeat: no-repeat;
	background-position:center right;
}

.page-id-775 #take-com-kakaku {
    padding: 0px 10px;
    color: #008000;
}

/*************************************
 * アクセスページに対してのカスタマイズ
*************************************/

#ac-com {
	margin-top:20px;
	display:block;
	width:300px;
	color:#6A3906;
	padding:0px 10px;
    border-left:4px #D1C0A5 solid;
}


/*************************************
 * 全ページに対してのカスタマイズ
*************************************/

#content {
    background-image: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/line_bg2.png');
	background-size:auto;
	background-repeat: repeat-x;
	background-position: center bottom;
}

#content-in {
	padding-bottom:100px;
}

.home.page .entry-title,
.post-date,
.entry-title,
.page .date-tags,
.page .author-info {
    display: none;
}

.content {
margin-top: 6px;
}

/*************************************
 * メニューのカスタマイズ
*************************************/

nav#navi, .menu-header .sub-menu{
	background: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/menu_bg1.jpg');
	background-size:auto;
	background-repeat: repeat;
	box-shadow: 0px 1px 3px rgba(209,192,165,0.9);
}
.navi-in ul li:hover {
/*    background: rgba(106,57,6,0.3);*/
    background: rgba(179,212,101,0.3);
	transition: .2s ease-in-out;
}

.sub-menu .menu-item {
	border-top:1px #D1C0A5 dashed;
}

.sub-menu .menu-item:hover{
	border-top:1px #D1C0A5 dashed !important;
}


/*************************************
 * フッターの調整
*************************************/

#footer {
	background: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/footer_bg1.jpg');
	background-size:auto;
	background-repeat: repeat;
	background-position: center;
}

.footer {
	margin-top:0px;
	padding-top:0px;
}

/* フッター内上部の余白を詰める */
.footer-bottom {
    margin-top:0px;
}

/* ロゴの位置調整 */
.footer-bottom-logo {
    float: none;
    bottom: auto;
    position: static;
    margin-bottom: 10px;
}

.footer-bottom-logo .logo-image {
    padding: 0;
    margin:0 auto;
}
.footer-bottom-logo .logo-image {
	max-width: 300px;
}
.footer-bottom-logo img {
	width:120px;	
	height:78px !important;
}
.footer-bottom-logo a:hover {
	background:none !important;	
}
/* メニュー＆クレジットの位置調整 */
.footer-bottom-content {
  float: none;
  text-align: center;
}
/* メニューの位置調整 */
.navi-footer-in > .menu-footer {
  justify-content: center;
  margin-bottom: 1em;
}
/* メニューのマウスホバー時の指定 */
/*
.navi-footer-in a:hover {
    color: #fff;
}
*/
/* メニューの区切りボーダーの高さを1文字分にする */
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1;
}
/* フッターメニュー 各項目 */
.navi-footer-in > .menu-footer li {
	margin:2px;
/*	border-left: 1px #D1C0A5 solid;*/
	border:1px #D1C0A5 dashed;
	border-radius:10px;
}
/* フッターメニュー 最後の項目 */
.navi-footer-in > .menu-footer li:last-child {
/*    border-right: 1px solid #D1C0A5;*/
	border:1px #D1C0A5 dashed;
	border-radius:10px;
}

.navi-footer-in > .menu-footer li:hover {
	background:rgb(106,57,6,0.3);
	transition: .2s ease-in-out;
}
.navi-footer-in > .menu-footer a:hover {
	background:none !important;
}

/* モバイル閲覧時のボーダーを消す */
@media screen and (max-width: 768px) {
  .navi-footer-in > .menu-footer li,
  .navi-footer-in > .menu-footer li:last-child {
	  	margin:2px !important;
	  	border:1px #D1C0A5 dashed !important;
        border-radius:10px;
  }
}

/*　モバイル閲覧時のフッダーメニューを１カラムにする */
@media screen and (max-width: 768px) {
  .navi-footer-in > .menu-footer li.menu-item { 
	  margin:0;
    width: 100%;
    display: block;
    flex: auto;
    padding: 10px 0px;
  }
}


/*************************************
 * メニューページサイドバー調整
*************************************/

/* News Ticker お知らせ項のデザイン */
#sidebar > #media_image-2 {
	display:none;
}
#sidebar > #text-5 {
	display:none;
}

/*
#sidebar > #media_image-2 {
	margin:0 auto;
	text-align:center;
}
#sidebar > #text-5 p {
	margin:0;
}
#sidebar > #text-5 iframe {
	border:0;
}
*/
#mtphr-dnt-677-widget h3 {
	padding:0px 0px 0px 10px;
	border-left:4px #6a3906 solid;
	border-radius:0px;
	color:#6a3906;
	font-weight:normal;
	background:#D1C0A5;
}
.mtphr-dnt-wrapper {
	border-bottom:1px #D1C0A5 dashed;
}

#nav_menu-2 h3,
#nav_menu-3 h3 {
	padding:0;
	text-align:center;
	color:#fff;
	background:#6A3906;
	border-radius:20px;
	font-weight:normal;
}

#nav_menu-2 {
	padding-top:50px;
}

/*****/

#dc_jqaccordion_widget-2,
#bellows_navigation_widget-2 {
	padding-top:30px;
}

/* 大分類項目のデザイン */
.dcjq-parent-li {
	display:inline-block;
	width:100%;
    border:1px #B3D465 solid;
	border-radius:20px !important;
}
.bellows {
	display:inline-block;
	margin: 0px 0px !important;
	--bellows-item-padding-v: 4px !important;
	--bellows-item-padding-h: 10px !important;
	--bellows-sub-item-padding-v: 6px !important;
	width:100%;
    border:1px #B3D465 solid !important;
	border-radius:20px !important;
}

.dcjq-parent {
	display:inline-block;
	width:100%;
	color:#007130 !important;
	text-decoration:none;
    padding-left:10px;
}

.bellows-target {
	display:inline-block;
	width:100%;
	color:#007130 !important;
	text-decoration:none;
    padding-left:10px;
}
.bellows-submenu .bellows-target {
	font-size: 14px;
}

/*リストスタイルを削除・項目の余白を削除*/
.dcjq-accordion ul {
	padding-left:0;
	list-style-type: none;
}

/* メニュー小分類のスタイル */
#menu-menu_saidebar_udon_menu .bellows-submenu li,
#menu-menu_saidebar_udon_menu .bellows-submenu li:hover,
#menu-menu_saidebar_saide_menu .bellows-submenu li,
#menu-menu_saidebar_saide_menu .bellows-submenu li:hover {
	margin:0 auto;
	width:96%;
	font-size:14px;
    padding:4px 6px;
	border-top:none !important;
	border-bottom:1px #B3D465 dashed;
}
#menu-menu_saidebar_udon_menu .bellows-submenu li#menu-item-308,
#menu-menu_saidebar_saide_menu .bellows-submenu li#menu-item-406 {
	border-bottom:0px #B3D465 dashed;
}
/*
#menu-menu_saidebar_udon_menu .sub-menu a,
#menu-menu_saidebar_saide_menu .sub-menu a {
	display:block;
	color:#6A3906;
	text-decoration:none;
}
*/
#menu-menu_saidebar_udon_menu .bellows-submenu li:hover,
#menu-menu_saidebar_saide_menu .bellows-submenu li:hover {
	background: rgba(179,212,101,0.3);
	text-decoration:none;
	transition: .2s ease-in-out;
}

#menu_drink {
	display:block;
	width:100%;
	padding-left:30px;
	color:#007130;
	border:1px #B3D465 solid;
	border-radius:20px;
	text-decoration:none;	
}

.mobile-header-menu-buttons img {
	display:none;
}

li.logo-menu-button {
	background: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/mobile_logo.png');
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
}

/*************************************
 * モバイル時のメニューカスタマイズ
*************************************/
#navi-menu-content {
	background:none;
    transform: translateY(-105%);
}

#navi-menu-content label {
	background:#fff;
}

.menu-content {
	max-width:none;
	overflow:auto;
}

.menu-content .menu-drawer {
	padding:2em 1em 30px;
}

.menu-content li a {
	color:#6A3906;
	text-align:center;
	border-radius:20px;
	background: url('https://www.yamabo-shi.jp/wp/wp-content/uploads/2019/07/footer_bg1.jpg');
	background-size:auto;
	background-repeat: repeat;
}
.menu-content li a:hover {
	color:orange;
	transition: .2s;
}
.menu-drawer li {
	margin-bottom:20px;
}
.menu-drawer a {
	padding:10px;
}
/* 全ページのページタイトルを非表示 */
.page .entry-title {
  display: none;
}