@charset "UTF-8";
/* Scss Document */
/* Scss Document */
/* Scss Document */
/* アニメーション記述用 */
@keyframes headerFixed { 0% { transform: translateY(-80px); }
  100% { transform: translateY(0px); } }
/*メインイメージ*/
.mainimg .mainimg__img-box { background: url("/oyako/img/spot/titleimg_02.png") center top 30%/cover no-repeat; }

/*京都における食と行事 共有ソース*/
.shop { margin-bottom: 80px; }

.common-parts { position: relative; margin-bottom: 40px; }
.common-parts h2 { font-size: 2.3rem; margin-bottom: 20px; letter-spacing: normal; }
@media (min-width: 769px) { .common-parts h2 { font-size: calc( 2.3rem + ( 1vw - 7.69px ) * 2.5440313112 ); } }
@media (min-width: 1280px) { .common-parts h2 { font-size: 3.6rem; } }
.common-parts ul { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: -25px; }
.common-parts ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; flex: 0 1 48%; width: 48%; max-width: 48%; margin-right: 4%; margin-bottom: 25px; position: relative; padding-bottom: 48px; letter-spacing: normal; }
.common-parts ul li:nth-child(even) { margin-right: 0; }
.common-parts ul li > * { flex: 0 1 100%; width: 100%; max-width: 100%; }
.common-parts ul li figure { margin-bottom: 10px; }
.common-parts ul li p { font-size: 1.2rem; color: #808080; text-align: left; }
@media (min-width: 769px) { .common-parts ul li p { font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.782778865 ); } }
@media (min-width: 1280px) { .common-parts ul li p { font-size: 1.6rem; } }
.common-parts ul li p.common__adress { word-break: break-all; }
.common-parts ul li .common__txt { margin-bottom: 20px; }
.common-parts ul li .btn { margin: auto auto 0; }
.common-parts ul li .btn a { max-width: 250px; }
.common-parts .common__shop-name { font-size: 1.5rem; padding-bottom: 5px; margin-bottom: 5px; text-align: left; font-family: "A1 Gothic M", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; border-bottom: solid 1px #4f536c; }
@media (min-width: 769px) { .common-parts .common__shop-name { font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 1.7612524462 ); } }
@media (min-width: 1280px) { .common-parts .common__shop-name { font-size: 2.4rem; } }
.common-parts .common__notes { font-size: 1.2rem; margin-top: 10px; }
.common-parts:nth-child(odd) { padding: 60px 0; background: #f4fbfb; }

/*掲載希望の方はこちら*/
.pub { margin-bottom: 80px; }
.pub h2 { font-size: 2.3rem; padding: 10px 0; color: #fff; background: #e5d132; font-family: "A1 Gothic M", YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }
@media (min-width: 769px) { .pub h2 { font-size: calc( 2.3rem + ( 1vw - 7.69px ) * 2.3696682464 ); } }
@media (min-width: 980px) { .pub h2 { font-size: 2.8rem; } }
.pub .pub__wrap { text-align: center; background: #fdfbf0; padding: 20px; }
.pub .pub__txt { margin-bottom: 20px; font-size: 1.4rem; color: #000; line-height: 1.8; }
@media (min-width: 769px) { .pub .pub__txt { font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 ); } }
@media (min-width: 1280px) { .pub .pub__txt { font-size: 1.6rem; } }
.pub .yellow a { font-size: 1.8rem; }
@media (min-width: 769px) { .pub .yellow a { font-size: calc( 1.8rem + ( 1vw - 7.69px ) * -0.9478672986 ); } }
@media (min-width: 980px) { .pub .yellow a { font-size: 1.6rem; } }
.pub .yellow a::after { border-width: 7.5px 0 7.5px 7px; }

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) { /*京都における食と行事 共有ソース*/
  .common-parts { margin-bottom: 80px; }
  .common-parts h2 { margin-bottom: 40px; }
  .common-parts ul { margin-bottom: 0; }
  .common-parts ul li { flex: 0 1 31%; width: 31%; max-width: 31%; margin-right: 3.5%; margin-bottom: 0; }
  .common-parts ul li:nth-child(even) { margin-right: 3.5%; }
  .common-parts ul li:nth-child(3n) { margin-right: 0; }
  .common-parts ul li figure { margin-bottom: 20px; border-radius: 10px; }
  .common-parts .common__txt { margin-bottom: 30px; }
  .common-parts .common__shop-name { padding-bottom: 10px; margin-bottom: 10px; }
  .common-parts:nth-child(odd) { padding: 80px 0; }
  /*掲載希望の方はこちら*/
  .pub .pub__wrap { padding: 30px; }
  .pub .pub__txt { margin-bottom: 30px; }
  .pub .yellow a { max-width: 400px; } }
/*------------------------------
		981px以上
------------------------------*/
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/

/*# sourceMappingURL=style.css.map */