/* =========================================================
トップページCSS
=============================================================*/
.p-top-logo {
  font-size: 20px;
  line-height: 1.4;
  max-width: 90%;
  margin: 0px auto;
  text-align: center;
padding: 30px 0}

.p-top-logo a {
  display: block;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-top-logo a:hover {
  opacity: .66;
}

.p-top-logo a:active {
  opacity: 1;
}

#p-slider .bx-controls-direction a {
  z-index: 100;
}

#p-slider .bx-viewport {
  top: 0;
  left: 0;
  border: 0;
  background: #f8f8f8;
  box-shadow: none;
}

#p-slider .bx-wrapper img {
  margin: 0 auto;
width: 100vw;
}

#p-slider .bx-caption {
  top: 0;
  bottom: auto;
  background: rgba(0, 0, 0, .3);
}

#p-slider .bx-caption span {
  padding: 1.5em;
}

#p-slider .bx-pager {
  bottom: 10px;
  padding-top: 0;
}

#p-slider .bx-pager a {
  background: #fff;
}

#p-slider .bx-pager a:hover,
#p-slider .bx-pager a.active {
  background: #fd7f23;
}


.p-news {
  line-height: 1.5;
  margin: 0;
  text-align: left;
  border-bottom: 1px dotted #333;
}

.p-news::after {
  display: block;
  clear: both;
  content: '';
}

.p-news__label {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  width: 180px;
  margin: 0;
  letter-spacing: 1px;
  border-top: 1px dotted #333;
}

.p-news__content {
  line-height: 1.6;
/*  margin: 5px 0 20px 10px;*/
  border-top: 1px dotted #333;
  padding: 10px 0 10px;
}

.p-news__content p:nth-child(1) {
  margin-top: 0;
}
.p-news .p-news__content:first-of-type {
  border-top: none;
}

.p-news__label {
  font-family: 'Montserrat', sans-serif;
  padding: 10px 0 10px;
}
.p-news  .p-news__label:first-of-type {
  border-top: none;
}
.p-info {
  line-height: 1.5;
}

.p-contents {
  line-height: 1.5;
  margin-bottom: 40px;
}

.p-contents__list {
  margin: 0 0 20px;
  padding: 0;
  list-style-type: none;
}

.p-contents__list::after {
  display: block;
  clear: both;
  content: '';
}

.p-contents__list li {
  position: relative;
  box-sizing: border-box;
  padding: 0 2em 0 1em;
}

.p-contents__list li::before {
  position: absolute;
  top: .5em;
  left: 0;
  content: '-';
}

.p-contents__list a {
  display: block;
  max-width: 100%;
  padding: .5em 0;
  transition: opacity .2s;
  text-decoration: none;
  color: #333;
}

.p-contents__list a:hover {
  opacity: .66;
}

.p-contents__list a:active {
  opacity: 1;
}

.p-custom-banner {
  margin-top: 50px;
  text-align: center;
}

.p-custom-banner__unit {
  background: #f8f8f8;
}

.p-custom-banner__unit--text {
  font-family: 'Montserrat', sans-serif;
  padding: 30px 10px;
  color: #f8f8f8;
  background: #333;
}

.p-custom-banner__unit--text a {
  color: #f8f8f8;
}

.p-custom-banner__image {
  width: 100%;
}

.p-custom-banner__heading {
  font-size: 24px;
  padding: 10px 0;
}

.p-custom-banner__body {
  line-height: 1.5;
  padding: 10px 0;
}

@media screen and (min-width: 600px) {
  .p-top-logo {
    display: none;
  }

  #p-slider .bx-pager {
    bottom: 30px;
  }

  .p-contents__list li::before {
    top: 0;
  }

  .p-contents__list li {
    float: left;
    width: 50%;
    margin-bottom: 20px;
  }

  .p-contents__list li:nth-child(2n + 1) {
    clear: left;
  }

  .p-contents__list a {
    display: inline-block;
    padding: 0;
  }

  .p-custom-banner {
    display: table;
    width: 100%;
    margin-top: 100px;
    table-layout: fixed;
  }

  .p-custom-banner__unit {
    display: table-cell;
    box-sizing: border-box;
    width: 50%;
    max-width: 50%;
    vertical-align: middle;
    word-break: break-all;
  }

  .p-custom-banner__unit--text {
    padding: 10px 20px;
  }
}

@media screen and (max-width: 550px) {
.p-news__content {
     margin: 5px 0 20px 0px; 
	 border-top: none;
	    padding: 0px;
}
.p-news__label {
    width: 100%;
}
}
@media screen and (min-width: 960px) {
  .p-news__label {
    float: left;
    clear: left;
  }

  .p-news__content {
    overflow: hidden;
/*    margin: 0 0 20px;*/
  }
  .p-news__content a{
    text-decoration: none;
/*	  color: #333;*/
  }

  .p-custom-banner__heading {
    font-size: 30px;
  }
}
/* =========================================================
追加スタイル
=============================================================*/
.c-section{
	margin: 0 auto;
}
.p-layout-container {
    text-align: center;
}
.p-page-content {
    padding-bottom: 0em;
}
/*お知らせ-------------------------------------------------------------------------------------*/
.news_box{
	background-color: #F5F5F5;
	padding-bottom: 100px;
	text-align: center;
}
@media screen and (max-width: 900px) {
	.p-news__label {
    width: 100%;
    margin: 0;
    letter-spacing: 1px;
    border-top: 1px dotted #333;
}
	.p-news__content {
    border-top: none;
	margin: 0;
	padding: 0px 0 10px;
}
}
/*催事情報-------------------------------------------------------------------------------------*/
.saiji_box{
	padding-bottom: 100px;
	text-align: center;
}
.saiji_box a{
	text-decoration:none; 
}
.saiji_box table,
.saiji_box table tr,
.saiji_box table td {
	border: none;
}
.saiji_box table {
	width: 100%;
	border-bottom: 1px dotted #333;
}
.saiji_box table tr {
	display: flex;
    justify-content: space-between;
}
.saiji_box table tr.bg {
	background: #F6F6F6;
}
.saiji_box table tr td {
	padding: 10px 0 10px;
	vertical-align: top;
}
.saiji_box table tr td.date {
	padding: 10px 0 10px;
	white-space: nowrap;
	font-family: 'Montserrat', sans-serif;
}
@media screen and (max-width: 900px) {
.saiji_box table,
.saiji_box table tr,
.saiji_box table td {
	text-align: left;
}
.saiji_box table tr td.date {
	padding: 10px 0 0px;
}
.saiji_box table tr {
	flex-wrap: wrap;
}
.saiji_box table tr td {
	width: 100%;
	padding: 0;
}
.saiji_box table tr td:last-of-type{
	width: 100%;
	padding:0 0 10px;
}
}

/*バナー-------------------------------------------------------------------------------------*/
.banner_box{
	margin: 0em;
	background-color: #F2F1E9;
	padding: 3em 0;
}
.banner_box_inner{
	display: flex;
	justify-content: space-between;
  max-width: 1300px;
	margin: 0 auto;
}
.banner_box a{
	width: 32.5%;
	height: 100%;
		display: block;
}
@media screen and (max-width: 550px) {
.banner_box_inner{
	flex-wrap: wrap;
}
.banner_box a{
	width: 100%;
	height: 100%;
	padding: 1em;
	display: block;
}
}
/*お知らせバナー-------------------------------------------------------------------------------------*/
.banner_box_info{
	margin: 3em 0 0;
}
.banner_box_info_inner{
	display: flex;
	justify-content: space-between;
	max-width: 1240px;
	margin: 0 auto;
}
.banner_box_info a{
	width: 49%;
	height: 100%;
		display: block;
}
@media screen and (max-width: 550px) {
.banner_box_info_inner{
	flex-wrap: wrap;
}
.banner_box_info a{
	width: 100%;
	height: 100%;
	padding: 1em;
	display: block;
}
}
/*創業110年菓匠 松栄堂-------------------------------------------------------------------------------------*/
.company{
	background-image: url(https://file001.shop-pro.jp/PA01177/368/images/top/company_bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	text-align: center;
	padding: 3.857em 0 ;
	margin: 3em auto;
}

.company h2,.company p{
	color: #fff;
}
/*
.company h2 {
    font-size: 2.543em;
    font-family: 'ten-mincho-text', '\Ò\é\®\ÎÌÀÄ« ProN','Hiragino Mincho ProN','Yu Mincho Light','YuMincho','Yu Mincho','ÞâÌÀÄ«ÂÎ',sans-serif;
    letter-spacing: 2px;
    line-height: 0.55;
    font-weight: 400;
}
*/
.company h2 {
    font-size: 2.543em;
    font-family:'YuMincho','Yu Mincho','Noto Serif JP', serif;
    letter-spacing: 2px;
    line-height: 0.55;
    font-weight: 400;
}
.company p{
	line-height: 1.857;
	font-weight: 200;
}
.company .more_btn{
	text-align: center;
	max-width: 230px;
/*	margin: 0 auto;*/
}
.company .more_btn:hover p{
	background-color: #fff;
}
.company .more_btn p{
	border: 1px solid #fff;
}
.company .more_btn p::before{
	border-top: 1px solid#fff;
	border-right: 1px solid#fff;
}
.company .more_btn a{
	color: #fff;
}
.more_btn:hover p::before{
	border-top: 1px solid #333;
    border-right: 1px solid #333;
}
.company .more_btn:hover a{
	color: #333;
}
@media screen and (max-width: 550px) {
	.company h2 {
    font-size: 1.543em;
    letter-spacing: 2px;
    line-height: 1;
}
	.company p {
    line-height: 1.6;
    font-weight: 200;
		
}
}
/*定番商品-------------------------------------------------------------------------------------*/
.classic_item{
	background-image: url(https://file001.shop-pro.jp/PA01177/368/images/top/classic_item_bg.png);
	background-size: cover;
	padding: 10px 0 60px;
}
/*ごま摺り団子*/
.classic_item_box{
	position: relative;
	height: 610px;
	margin: 3em 0 5em;
}
.classic_item_img{
	max-width: 716px;
	position: absolute;
	top: 7%;
	width: 70%;
}
.classic_item_text{
	background: url(https://file001.shop-pro.jp/PA01177/368/images/top/classic_item_text_bg.png),rgba(236,236,217,0.80);
	background-repeat: no-repeat;
	background-position: 119% -50%;
	padding: 3em 20px 5em;
	max-width: 626px;
	width: 50%;
	position: absolute;
	right: 0;
	box-sizing: border-box;
}
/*
.classic_item_text .classic_item_name{
	font-family: "ten-mincho-text","ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, sans-serif;
	font-size: 2.857em;
	font-weight: bold;
	margin: 1em 0 -0.3em;
	
}
*/
.classic_item_text .classic_item_name{
	font-family:'YuMincho','Yu Mincho','Noto Serif JP', serif;
	font-size: 2.857em;
	font-weight: bold;
	margin: 1em 0 -0.3em;
	
}
/*
.classic_item_text .classic_item_catch{
	font-family:"ten-mincho-text","ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, sans-serif;
	font-size: 1.429em;
	font-weight: bold;
	line-height: 1.6;
}
*/
.classic_item_text .classic_item_catch{
	font-family:'YuMincho','Yu Mincho','Noto Serif JP', serif;
	font-size: 1.429em;
	font-weight: bold;
	line-height: 1.6;
}
.classic_item_text .classic_item_explanation{
	line-height: 2;
	margin-bottom: 3.214em;
}
.classic_item_img2{
	position: absolute;
	bottom:0;
	right: 36%;
	filter: drop-shadow(5px 5px 5px #888);
}
/*田村の梅*/
	.tamura .classic_item_text{
	left: 0;
}
	.tamura	.classic_item_img {
	right: 0;
}
/*ボタンcss*/
.classic_item .more_btn{
	max-width: 230px;
	text-align: center;
	margin: 0 auto;
}
.classic_item .more_btn p{
	border:1px solid #466426;
}
.classic_item .more_btn a{
	color:#466426;
}
.classic_item .more_btn p::before{
    border-top:1px solid #466426;
    border-right:1px solid #466426;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.classic_item .more_btn:hover p::before{
    border-top:1px solid #fff;
    border-right:1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.classic_item .more_btn:hover a{
    color: #fff;
}
.classic_item .classic_item_box.tamura .more_btn p{
	border:1px solid #982A2A;
}
.classic_item .classic_item_box.tamura .more_btn a{
	color:#982A2A;
}
.classic_item .classic_item_box.tamura .more_btn:hover p{
    background: #982A2A;
}
.classic_item .classic_item_box.tamura .more_btn p::before{
    border-top:1px solid #982A2A;
    border-right:1px solid #982A2A;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.classic_item .classic_item_box.tamura .more_btn:hover p::before{
	border-top:1px solid #fff;
    border-right:1px solid #fff;
}
.classic_item .classic_item_box.tamura .more_btn:hover a{
	color:#fff;
	padding: 1em 0em;
}
@media screen and (max-width: 768px) {
	.classic_item_box {
    height: auto;
}
.classic_item_text .classic_item_name {
    font-size: 2.157em;
}
	.classic_item_img{
	max-width: 100%;
	position: static;
	width: 100%;
}
	.classic_item_text{
	max-width: 100%;
	width: 100%;
	position: static;
}
.pc_img {
    display: none;
}
}
/*sns-------------------------------------------------------------------------------------*/
.c-section__heading {
    font-family: 'Montserrat', sans-serif;
}
.sns-wrap{
	background-color: #FBFAF8;
	padding-bottom: 8em;
}
.sns{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sns div.content{
	width: 100%;
	max-width: 30%;
/*	margin: 0 1em;*/
}
.sns .instagram .snapWidget{
	position: relative;
	max-width: 340px;
	margin: 0 auto;
}
.sns .instagram a{
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	
}

/*
.sns .instagram iframe{
	max-width: 340px;
}
*/
.sns .c-section__heading--sub-title {
    font-size:25px;
	font-weight: 300;
	padding: 0 75px;
}
.sns .c-section__heading--sub-title::before,.sns .c-section__heading--sub-title::after {
    content: '';
    position: absolute;
    top: 51%;
	display: inline-block;
	width: 15%;
    height: 1px;
    background-color: black;
}
.sns .c-section__heading {
    margin: 0px 0px 20px;
display: block;
}
.sns .c-section__heading::before {
    display: none;
}
.sns .c-section__heading::after {
    display: none;
}
/*
.sns_box{
    background-color: #F8F7F3;
}
*/
.sns_box .p-layout-container::after {
    display: none;
}
@media screen and (max-width: 768px) {
.sns .c-section__heading--sub-title::before,.sns .c-section__heading--sub-title::after {
    width: 50px;
}
.sns{
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.sns div.content{
	width: auto;
	max-width: 320px;
/*	margin: 0 1em;*/
	margin: 15px auto;
}
.sns .c-section__heading--sub-title {
    padding: 0 0px;
    width: 100%;
    max-width: 320px;
	margin: 30px auto 0px;
}
}
/*
#p-slider {
    position: relative;
    left: 50%;
    width: 3000px;
    margin-left: -1500px;
}
*/
/*
#slider div{
	margin: 0 3em;	
}
*/
/*フェードイン-------------------------------------------------------------------------------------*/
/* 画面外にいる状態 */
/*
.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
*/

/* 画面内に入った状態 */
/*
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
*/
/* 2つ目の要素に200msのdelayをかける */
/*
#effect > div .fadein:nth-of-type() {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }
*/
/* 2つ目の要素に200msのdelayをかける */
/*
#effect > div .fadein:nth-of-type(2) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
    }
*/
/* 3つ目の要素に400msのdelayをかける */
/*
#effect > div .fadein:nth-of-type(3) {
    -moz-transition-delay:700ms;
    -webkit-transition-delay:700ms;
    -o-transition-delay:700ms;
    -ms-transition-delay:700ms;
    }
*/
.page_title{
	display: none;
}
/*Delighters js-------------------------------------------------------------------------------------*/
/* 基本のスタイル */
   .content.delighter {
       opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
   }
  
/* スタート時のスタイル */
   .content.delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .content.delighter.started.ended {
/*      border: solid red 10px;*/
   }
 .c-section .lity-iframe-container {
    width: 100%;
    height: 90vh;
    /* padding-top: 56.25%; */
}