/*!
Theme Name: 湘南パンケーキ店舗サイト
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: 湘南パンケーキ店舗サイト
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: shounan-pancake-shop
Template: shounan-pancake
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

shounan-pancake-shop is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.partyimg{
	width: 50%;
	margin: 50px auto;
}

@media screen and (max-width: 768px) {

.partyimg{
	width: 80%;
}
}


.handmade{
      margin: 30px auto 0;
    width: 96%;
    max-width: 590px;
    border: 2px solid #CF2E92;
    color: #CF2E92;
    padding: 15px 3%;
    background: #ffffff;
}

.handmade p:last-of-type{
  margin-top:15px;
}

.handmade a{
      color: #CF2E92;
}
.handmade a:hover{
  	text-decoration:underline;

}


@media screen and (max-width: 768px) {
  .handmade{
    width: 96%;
}
  }

.ebina header .box-header nav .box-logo .box-txt .jp img ,
.odaiba header .box-header nav .box-logo .box-txt .jp img,
.osaka header .box-header nav .box-logo .box-txt .jp img {/*
    height: 32px;
    margin-bottom: 10px;*/
}

@media only screen and (max-width: 1024px){
.ebina header .box-header nav .box-logo .box-txt .jp img ,
    .odaiba header .box-header nav .box-logo .box-txt .jp img {
        height: 14px;/*
        margin-bottom: 0;*/
    }
}


/* 2021.11.22 [START]
--------------------------------- */
#slide-main {
  display: block;
}
#slide-main .slide img {
  position: relative;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: auto;
  left: auto;
  transform: none;
  margin-left: 0;
}
#slide-main-sp {
  display: none;
}
@media (max-width: 767px){
#slide-main {
  display: none;
}
#slide-main-sp {
  display: block;
  height: calc(66.6vh + 90px);
  overflow: hidden;
}
#slide-main-sp .slick-list,
#slide-main-sp .slick-track,
#slide-main-sp .slide {
  height: 100%;
}
#slide-main-sp .slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-left: 0;
}
.slick-slide {}

}
/* 2021.11.22 [END]
--------------------------------- */
/* 2021.12.06 [START]
--------------------------------- */
#sp_cv {
    display: none;
}
@media (max-width: 767px){
#page {
    padding-bottom: 20vw;
}
#sp_cv {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
#sp_cv_inner {
    display: flex;
    justify-content: center;
    width: calc(100% - 2px);
    margin: 1px auto;
}
#sp_cv_inner > div {
    width: calc(50% - 2px);
    margin: 1px;
}
#sp_cv_inner > div a {
    display: block;
    background-color: #85cbb6;
    color: #fff;
    font-size: 4vw;
    font-family: 'Alatsi', sans-serif;
    line-height: 1;
    padding: 3vw;
    text-align: center;
    transition: all. 5s;
}
#sp_cv_inner > div a:hover {
    background-color: #cf2e92;
}
#sp_cv_inner > div a img {
    height: 4vw;
    margin-right: 2vw;
}
#sp_cv_tel {}
#sp_cv_route {}
}
/* 2021.12.06 [END]
--------------------------------- */
/* 2022.07.28 [START]
--------------------------------- */
.season-menu {
    margin-bottom: 5rem;
    padding-bottom: 5rem;
}
.season-menu .box-menu {
    margin-bottom: 0;
}
#seasonal_menu {
    margin-bottom: 0;
    padding-bottom: 0;
}
@media (max-width:767px){
  .season-menu {
    margin-bottom: 5vw;
    padding-bottom: 5vw;
}
}
/* 2022.07.28 [END]
--------------------------------- */
/* 2023.04.18 [START]
--------------------------------- */
.note_item {
    border: 5px solid #f4aaae;
    padding: 1.5rem 2rem 2rem;
    background-color: rgb(255 255 255 / 50%);
    max-width: 750px;
    margin: 0 auto 5rem;
}
.note_title {}
.note_item h4 {
    text-align: center;
    font-size: 1.75rem;
    color: #ff6f77;
    margin-bottom: 0.5rem;
}
.note_item p {}
.remarks {
    max-width: 750px;
    margin: 0 auto 3rem;
    padding: 0 2rem;
    text-align: left;
}
@media (min-width:768px){
.note_item {
    padding: 2.25rem 3rem 3rem;
}
.note_item h4 {
    font-size: 2.75rem;
}
.note_item p {
    font-size: 1.75rem;
}
.remarks {
    text-align: center;
}
}
/* 2023.04.18 [END]
--------------------------------- */
/* 2023.07.07 [START]
--------------------------------- */
.con-contents {margin: 10vw auto;}
.con-contents-inner {
    width: 90%;
    margin: 0 auto;
}
.con-contents-item {
    margin-bottom: 10vw;
    box-shadow: 1vw 0 3vw rgba(0,0,0,0.3);
    background-color: #86cbb6;
}
.con-contents-item a {}
.con-contents-txt {
    color: #fff;
    padding: 2vw 4vw 4vw 5vw;
}
.con-contents-date {
    opacity: 0.5;
    font-size: 4vw;
}
.con-contents-title {
    line-height: 1.5;
    font-size: 4.25vw;
}
.con-contents-img {
    height: 61.8vw;
    overflow: hidden;
}
.con-contents-img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.single-contents .con-right {
    display: none;
}
.single-contents .btn-basic {
    margin-bottom: 5vw;
}

@media (min-width:768px){
.con-contents {
    margin: 5rem auto;
}
.con-contents-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.con-contents-item {
    width: 48%;
    box-shadow: 0.5rem 0 1rem rgba(0,0,0,0.3);
    margin-bottom: 3rem;
    transition: .5s;
}
.con-contents-item:hover {
    box-shadow: 0.5rem 0.5rem 2rem rgba(0,0,0,0.5);
}
.con-contents-txt {
    padding: 1rem 2rem 2rem;
	 transition: .5s;
}
.con-contents-item:hover .con-contents-txt {
	color: yellow;
}
.con-contents-date {
    font-size: 1.5rem;
}
.con-contents-title {
    font-size: 2rem;
}
.con-contents-img {
    height: 32vw;
    background-color: #fff;
}
.single-contents .con-right {}
.single-contents .btn-basic {}
}

@media (min-width:1025px){
.con-contents {
    max-width: 1280px;
    margin: 7.5rem auto;
}
.con-contents-inner {}
.con-contents-inner::after {
    content: '';
    display: block;
    width: 32%;
}
.con-contents-item {
    width: 32%;
}
.con-contents-txt {}
.con-contents-date {}
.con-contents-title {}
.con-contents-img {
    height: 266px;
}
.single-contents .con-right {
    display: block;
}
.single-contents .btn-basic {
    display: none;
}
}


.con-contents .box-pager {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  padding-top: 60px;
}
@media only screen and (max-width: 767px) {
  .con-contents .box-pager {
    padding-top: 2rem;
  }
}
.con-contents .box-pager .btn-arrow a {
  display: inline-block;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (min-width: 1025px) {
  .con-contents .box-pager .btn-arrow a:hover {
    color: #9ac4c2 /*#3166ad*/;
  }
}
@media print {
  .con-contents .box-pager .btn-arrow a:hover {
    color: #9ac4c2 /*#3166ad*/;
  }
}
.ie8 .con-contents .box-pager .btn-arrow a:hover {
  color: #9ac4c2 /*#3166ad*/;
}
.con-contents .box-pager .btn-arrow.prev a:before {
  content: "\f3d2";
  font-family: "Ionicons";
  margin-right: 1rem;
}
@media only screen and (max-width: 767px) {
  .con-contents .box-pager .btn-arrow.prev a:before {
    margin-right: .5rem;
  }
}
.con-contents .box-pager .btn-arrow.next a:after {
  content: "\f3d3";
  font-family: "Ionicons";
  margin-left: 1rem;
}
@media only screen and (max-width: 767px) {
  .con-contents .box-pager .btn-arrow.next a:after {
    margin-left: .5rem;
  }
}
.con-contents .box-pager ul {
  text-align: center;
  margin: 0 5vw;
}
.con-contents .box-pager ul li {
  display: inline-block;
}
.con-contents .box-pager ul li a {
  display: inline-block;
  font-size: 1.8rem;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 .25rem;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (min-width: 1025px) {
  .con-contents .box-pager ul {
    margin: 0 3rem;
  }
  .con-contents .box-pager ul li a:hover {
    background: #9ac4c2 /*#3166ad*/;
    color: #fff;
  }
}
@media print {
  .con-contents .box-pager ul li a:hover {
    background: #9ac4c2 /*#3166ad*/;
    color: #fff;
  }
}
.ie8 .con-contents .box-pager ul li a:hover {
  background: #9ac4c2 /*#3166ad*/;
  color: #fff;
}
@media only screen and (max-width: 767px) {
  .con-contents .box-pager ul li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    margin: 0;
    font-size: 1.5rem;
  }
}
.con-contents .box-pager ul li.active a {
  pointer-events: none;
  background: #a8c9e7;
}



/* 2023.07.07 [END]
--------------------------------- */