@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
*/

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

/*** 共通 ***/
/*フロント固定ページの投稿日、更新日、投稿者名を非表示*/
.home.page .post-date, .home.page .post-update, .home.page .author-info {
display: none;
}

/*固定ページの投稿日、更新日、投稿者名を非表示*/
.type-page .post-date, .type-page .post-update, .type-page .author-info {
display: none;
}

/*ホームリンク非表示*/
.post-type-page #breadcrumb {
display: none
}



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

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

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

/************************************
** お知らせカルーセル
************************************/
/*センタリング*/
.carousel-in{
	text-align: center;
}

/*画面サイズ1280px以上のときのセンタリング*/
@media screen and (min-width: 1280px){
#carousel-in {
	margin-left: -228px;
	}
}

/*タイトルフォント*/
.carousel .carousel-entry-card .carousel-entry-card-title.card-title {
    margin-top: 5px;
	margin-bottom: 20px;
    font-weight:bold; /*文字強調*/
}

/*カルーセル下ドットボタン非表示*/
.slick-dots li button:before{
	content: ''!important;
	height:100%!important;
　  width: 100%!important;
}

/*日付表示*/
.container-carousel-blog-date {
	width: 320px;
	margin: 0px auto;
}
.carousel-blog-date {
	font-size: 12px;
	margin-top: 0px;
	text-align: left;
}

/************************************
** 記事内アイキャッチ画像非表示
************************************/
.eye-catch {
display: none;
}

/************************************
** 記事一覧カードカスタマイズ
************************************/
.admin-pv {                    /*閲覧回数非表示*/
	display: none;
}
.entry-card-title.card-title.e-card-title {                    /*見出し文字サイズ*/
	font-size: 23px;
	text-align: left;
}
@media screen and (max-width: 834px) {
	.entry-card-title.card-title.e-card-title {                    /*見出し文字サイズ*/
	    font-size: 15px;
	    text-align: left;
    }
	.entry-card-snippet.card-snippet.e-card-snippet{                    /*本文文字サイズ*/
        font-size: 12px;
	    text-align:left;
	    margin-top:20px;
    }
}
.entry-card-snippet.card-snippet.e-card-snippet{                    /*本文文字サイズ*/
	font-size: 16px;
	text-align:left;
	margin-top:20px;
}
.entry-card-wrap.a-wrap.border-element.cf{                    /*左右幅*/
    padding-top: 1.5%;
	padding-bottom: 1.5%;
	padding-right: 10%;
	padding-left: 10%;
}

/************************************
** TOPバナーサイズ変更
************************************/
.box_top {
        display: flex;
        margin: 40px 0px;
		-webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
	    width: calc(100% + 40%);
        margin: 0 0 0 -20%;
}
.child_top {
    width: 49%;
}

@media screen and (max-width: 767px){
    .box_top {
        display: block;
		width: 100%;
		margin: 0 auto;
    }
    .child_top {
        width: 100%;
		margin-bottom: 10px;
    }
}
@media screen and (max-width: 1099px) and (min-width: 768px){
    .box_top {
        display: flex;
        margin: 40px 0px;
		-webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
	    width: calc(100% + 12%);
        margin: 0 0 0 -6%;
    }
}

/************************************
** 浅草背景固定
************************************/
.fixed-background {
    min-height: 35ch;
	margin: 0 calc(50% - 50vw);
	width: 120vw;
	background-attachment: fixed!important;
    background-size: cover!important;
    background-position: center!important;
}
@media screen and (max-width: 768px) {
	.fixed-background {
        min-height: 50ch;
	    margin: 0 calc(50% - 50vw);
	    width: 100vw;
	    background-attachment: fixed!important;
        background-size: cover!important;
        background-position: center!important;
    }
}
.asakusa_background {
		background: url(https://syntest.sakura.ne.jp/mangando/wp-content/uploads/2022/06/asakusa_background.jpg);
}

/************************************
** TOPページ芋きん＆焼いてる画像
************************************/
.box_top_img {
        display: flex;
        margin: 40px 0px;
		-webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: space-between;
        -ms-flex-pack: space-between;
        justify-content: space-between;
	    width: calc(100% + 40%);
        margin: 0 0 0 -20%;
}
@media screen and (max-width: 767px){
    .box_top_img {
        display: block;
		width: 100%;
		margin: 0 auto;
	}
}

/************************************
** 店舗案内　店舗画像位置
************************************/
.aligncenter_tenpo {
    display: block;
    margin-left: auto;
}