@charset "utf-8";
/* CSS Document */

/*TOPページ　クーポン説明-------------------------------------------------------------------------*/
.bold{font-weight: 800;}
#coupon{ padding: 0 5%;}
#coupon .titPhoto{width: 100%;}
#coupon .titPhoto img{width:100%; height: 100%; object-fit: cover; }
#coupon .summary-label{margin-bottom: 3%; background:url(../img/top/bnr/couponBnr_sp.jpg) no-repeat 0 0 / cover;padding-top:56.25%;}/*ここの高さはpadding-topで「画像の高さ/横の長さ」の％を入れる*/
#coupon .summary-label::before{
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	top:auto; bottom: 9px;
}
#coupon .summary-content{background: #fff;}
#coupon .summary-content span {
	font-size: 120%;
}
#coupon .process{width: 100%; max-width:685px; margin: 0 0 1em; border: 1px solid #ccc;}
#coupon .couponTit{width: 100%;}
#coupon .couponTxt{color:#fff;text-align: center; font-size:120%;}
#coupon .reserve{width: 100%;}
#coupon .btn-reserve{width: 250px;margin: 1em auto;}
#coupon .btn {
  display: inline-block;
  width: 250px;
  text-align: center;
  text-decoration: none;
  line-height: 50px;
  outline: none;
  color: #fff;
  background-color:#0c032b ;
  position: relative;
  border: 1px solid #0c032b;
  transition: color 0.5s ease;
}
#coupon .btn:hover {
  color: #942148;
}
#coupon .btn:hover::before {
  transform: scaleX(1);
  transform-origin: left;
}
#coupon .btn::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  transform: scaleX(0);
  transform-origin: right;
  transition: all 0.5s ease;
  transition-property: transform;
}
#coupon .text {
  position: relative;
}
/*気仙沼のおすすめ*/
.sec_recommend{ margin: 0 0 5%; padding:2% 5% 0 5%; background: #ebebeb; }
.sec_recommend p{margin-bottom: 5%;}
.sec_recommend h2{	
	padding-left: 25px;
	line-height:1;
	font-size:140%;
	font-family: 'Shippori Mincho', serif;
	position: relative;
}
.sec_recommend h2:before{
	content: "";
	position: absolute;
	left:0px;
	top:50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	border-radius:50%;
	background: #0169ae;
	display: inline-block;
	transition: 1s;
	animation: blinking03 4s ease-out infinite alternate;
}
@keyframes blinking03 {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.1;
	}
	100% {
		opacity: 1;
	}
}
.recommend-box{display: flex;flex-direction: column;justify-content: center;}
.recommend-box dl{display: flex;flex-direction: column; margin: 0 0 10%;}
.recommend-box dl dt{width: 100%; margin: 0 0 2%; }
.recommend-box dl dt img{width: 100%;}
.recommend-box dl a{color:#0169ae;}
.recommend-box dl h3{position: relative;padding: 0.5em 0.5em 0.5em 1em;font-size: 120%; color:#0c032b;background: #dae7f0;z-index: 1;}
.recommend-box dl h3:after{ position: absolute;content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #dae7f0;
  width: 0;
  height: 0;}
.recommend-box dl dd p{padding: 0 1em 1em;}

/*新着の写真複数間にする場合*/
.newsPhotoScroll{
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
}

.newsPhotoScroll img{
    width:100%;
    height:auto;
    object-fit:cover;
    scroll-snap-align:start;
    flex:0 0 90%;/*次の写真を少し見せる*/
    max-width:90%;
}





/*★★★768からはここから★★★*/
@media (min-width: 768px) {
	
/*TOPページ　クーポン説明-------------------------------------------------------------------------*/
#coupon .summary-label{/*max-width: 1260px;*/margin-bottom: 0%;background:url(../img/top/bnr/couponBnr.jpg) no-repeat 0 0 / cover;padding-top:16.8%;}/*ここの高さはpadding-topで「画像の高さ/横の長さ」の％17.46%を入れる*/
	
/*気仙沼のおすすめ*/
.recommend-outer{ max-width: 1200px;margin: 0 auto;}
.sec_recommend p{margin-bottom: 2%; }
.recommend-box{width: 100%;margin: 0 auto; display: flex;flex-direction: row; justify-content: space-between;}
.recommend-box dl{width: 49%; display: flex;flex-direction: column; margin: 0 0 10%;}
	


	
}
/*★1000からはここから*/
@media (min-width: 1000px) {

}
/*★1300からはここから*/
@media (min-width: 1300px) {

	
}