/*
Theme Name:bakes-and-cakes-child
Template:bakes-and-cakes
Version: 1.2.1

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
	--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.site-footer{
	background: #007218;
	padding: 20px 0 0;
	color: #ffffff;
	position: relative;
}





.site-footer .three-cols{
	text-align: center;
	width: 100%;
	height: 0;

}

.site-footer:before{
	background: url(images/bg-footer.png) repeat-x;
	top: -9px;
	left: 0;
	width: 100%;
	height: 9px;
	content: '';
	position: absolute;
}





.site-info a{
	display:none;
}


/*ヘッダー葉っぱ模様*/
.header-t {
    padding: 10px 0 0;
	background: url(https://cafe.pandepark.com/wp-content/uploads/2020/01/heder2.jpg) repeat-x;
}


/*トップ営業時間*/
.featured {
    background: #f6a8c6;
    color: #fff;
    text-align: center;
    padding: 10px 0;
}

.featured .header .main-title {
    font-size: 60px;
    line-height: 66px;
    font-family: 'Niconne', cursive;
    font-weight: normal;
    margin: 0;
}
.featured .header p{
    margin-bottom: 0.5em;
    margin-top: 0;
}


/*ブログ日付等の非表示*/
.blog-section .post .posted-on {
    font-size: 18px;
    line-height: 30px;
    display: block;
    margin: 0 0 15px;
	display: none;
}
.content-area .post .entry-header .posted-on,
.content-area .post .entry-header .byline,
.content-area .post .entry-header .tags,
.content-area .post .entry-header .entry-meta .comments-link {
    margin-right: 37px;
	display: none;
}


/*iphone番号対策*/
.site-info a {
    color:#fff;
    text-decoration:none;
    }
	

/*テイクアウト*/	

.our-staff {
 background: #fff;
}

.our-staff:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}

.our-staff .header .main-title {
    font-size: 60px;
    font-family: 'Niconne', cursive;
    line-height: 62px;
    font-weight: normal;
    color: #f6a8c6;
    margin: 0 0 10px;
}
.our-staff .header p{
    color: #666;

}

.our-staff .columns-2  {
    max-width: 50%;
	  float: left;

    padding-left: 10px;
    padding-right: 10px;
}

.our-staff .btn-holder {
    text-align: center;
    margin: 27px 0 0;
}

.our-staff .btn-holder a {
    display: inline-block;
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    color: #555;
    border: 2px solid #555;
    text-transform: uppercase;
    padding: 11px 37px;
    letter-spacing: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
	margin: 50px 0 20px 0;
}

.our-staff .btn-holder a:hover {
    background: #555;
    color: #fff;
    text-decoration: none;
}

.our-staff .btn-holder a:focus{
    outline-offset: 2px;
}



.our-staff .columns-3  {
    max-width: 50%;
	  float: left;
 padding-top: 100px;
    padding-left: 20px;
    padding-right: 20px;
}


@media only screen and (max-width: 767px){
.special .header .main-title{
	font-size: 40px;
	font-family: 'Niconne', cursive;
	line-height: 42px;
	font-weight: normal;
	color: #f6a8c6;
	margin: 0 0 10px;
	
}

.blog-section .post .entry-title a{
		font-size: 15px;
		line-height: 18px;
		color: #ffffff;
		text-stroke: 0.5px #000;
  -webkit-text-stroke: 0.5px #000;
		

}



	.blog-section .post .posted-on time{
			color: #ffffff;
		text-stroke: 0.2px #000;
  -webkit-text-stroke: 0.2px #000;
	}
	
	
#primary .post .entry-content h2,
#primary .page .entry-content h2 {
    font-size: 44px;
    font-weight: 700;
    line-height: 52px;
    margin: 0 0 13px;
}


#primary .post .entry-content h1,
#primary .page .entry-content h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 10px;
}

#primary .post .entry-content h2,
#primary .page .entry-content h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 22px;
}

#primary .post .entry-content h3,
#primary .page .entry-content h3 {
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
    margin: 0 0 22px;
}

#primary .post .entry-content h4,
#primary .page .entry-content h4 {
    font-size: 18px;
    font-weight: 700;
    line-height: 26px;
    margin: 0 0 20px;
}


.blog-section .post {
        width: 90%;
		margin: 0px auto 20px;
       
    }
	
	
	
/*ヘッダー葉っぱ模様*/
	.header-t {
    padding: 10px 0 0;
	background: url(https://cafe.pandepark.com/wp-content/uploads/2020/01/heders.jpg) repeat-x;
}


/*トップおすすめ*/
.blog-section .header .main-title {
    font-size: 40px;
    font-family: 'Niconne', cursive;
    line-height: 62px;
    font-weight: normal;
    color: #f6a8c6;
    margin: 0 0 10px;
}


/*トップこだわり*/
.intro .columns-2 .heading .main-title {
    font-size: 40px;
    font-family: 'Niconne', cursive;
    line-height: 62px;
    font-weight: normal;
    color: #f6a8c6;
    margin: 0;
}


/*トップ営業時間*/
.featured .header .main-title {
    font-size: 40px;
    line-height: 46px;
    font-family: 'Niconne', cursive;
    font-weight: normal;
    margin: 0;
}

/*ブログ日付等の非表示*/
.blog-section .post .posted-on {
        font-size: 15px;
        line-height: 18px;
        margin: 0 0 10px;
		display: none;
		
    }	
	
.content-area .post .entry-header .posted-on,
.content-area .post .entry-header .byline,
.content-area .post .entry-header .tags,
.content-area .post .entry-header .entry-meta .comments-link {
        display: block;
        margin: 0 0 5px;
		display: none;
    }
	
	
	
	/*テイクアウト*/	


.our-staff:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}

.our-staff .header .main-title {
    font-size: 40px;
    font-family: 'Niconne', cursive;
    line-height: 42px;
    font-weight: normal;
    color: #f6a8c6;
    margin: 0 0 10px;
}

.our-staff .header p{
    color: #666;

}

.our-staff #carousel img {
    width: 30%;
    border-radius: 50%;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) inset;
    cursor: pointer;
}

.our-staff .columns-2  {
    max-width: 95%;
	    float: left;

    padding-left: 10px;
    padding-right: 10px;

}

.our-staff {
 background: #fff;
}

.our-staff:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
}


.our-staff .columns-2 .heading .main-title {
    font-size: 40px;
    font-family: 'Niconne', cursive;
    line-height: 62px;
    font-weight: normal;
    color: #f6a8c6;
    margin: 0;
}

.our-staff .columns-3  {
    max-width: 95%;
	    float: left;

    padding-left: 10px;
    padding-right: 10px;
	    margin-left: 30px;
    margin-right: 30px;
	 padding-top: 20px;
}

.our-staff .btn-holder {
    margin: 5px 0 0;
}

	
}