.city .container-in{
	/* background-color:#E5FDFF; */
	/* background-image:url(../img/bg_01.png); */
	background-repeat: repeat;
	background-size: 100%;
  animation-name: wave;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
	/* position:relative;
	overflow:hidden;
	box-shadow:0 4px 20px rgba(0, 0, 0, 0.2);
	margin:0 auto; */
	/* background: linear-gradient(0deg, rgb(215, 255, 248), rgb(150, 215, 241)); */
	background-image: linear-gradient(90deg, rgba(106, 232, 254, 1) 0%, rgba(209, 253, 254, 1));
	
}

/* 背景動かす */
/* @keyframes wave {
  0% {
    background-position: 0 0, 0 0, 0 0;
  }

  10% {
    background-position: 4px 15px, -4px 20px, 0 30px;
  }

  20% {
    background-position: 0 30px, 0 40px, 3px 60px;
  }

  30% {
    background-position: -4px 45px, 4px 60px, 0 90px;
  }

  40% {
    background-position: 0 60px, 0 80px, 3px 120px;
  }

  50% {
    background-position: 3px 75px, -3px 100px, 0 150px;
  }

  60% {
    background-position: 0 90px, 0 120px, -4px 180px;
  }

  70% {
    background-position: -2px 105px, 2px 140px, 0 210px;
  }

  80% {
    background-position: -1px 120px, 1px 160px, 2px 240px;
  }

  90% {
    background-position: 1px 135px, -1px 180px, 1px 270px;
  }

  100% {
    background-position: 0% 150px, 0% 200px, 0% 300px;
  }
} */

/* .container-in{
	position: relative;
	width: 100vw;
	height: 100vh;
	margin: 0 auto;
	overflow: hidden;
	&::before {
        position: absolute;
        top: 50%;
        left: -50%;
        width: 200%;
        aspect-ratio: 1 / 1;
        transform-origin: center center;
		transition: top 2s ease;
    	animation: anime linear 12s infinite;
		background-image: linear-gradient(90deg, #0083cf 0%, #76e5e1 50%, #bbe6ff 100%);
        border-radius: 50% 50% / 50% 80%;
        content: "";
    }
}

@keyframes anime {
  from {
        transform: rotate(0);
    }
    to {
        transform: rotate(360deg);
    }
} */
	

/* .city .container-in::before{
	position:absolute;
		top:-150%;
		left:-50%;
		border-radius:70% 70% / 70% 70%;
		width:200%;
		height:200%;
		content:"";
		background-color:#3168dd;
		animation:wave linear 10s infinite;
}





@keyframes wave {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
} */

/*SPとタブレット*/
/* @media screen and (max-width:1279px){
	.city .container-in{
	background-image:url(../img/bg_02.png);
}
} */

/* a:hover{
	opacity: 0.8;
	transition: 0.3s;
	
} */





.city .container-in .contents-main{
	background-color:#fff;
}
.city .container-in .c-ttl-head-01{
	color:#1957E0;
}
/* 大見出し */
.city .container-in h2.c-ttl-cmn-02{
	/* background: linear-gradient(transparent 70%, #FDFE7A 70%);
    color: #1957E0; */
	/* padding: .5em .7em;
    border-top: 3px solid #6fa1d3;
    border-bottom: 3px solid #6fa1d3;
    background-image: linear-gradient(45deg, #6fa1d312 25%, transparent 25%, transparent 50%, #6fa1d312 50%, #6fa1d312 75%, transparent 75%, transparent), linear-gradient(-45deg, #6fa1d312 25%, transparent 25%, transparent 50%, #6fa1d312 50%, #6fa1d312 75%, transparent 75%, transparent);
    background-color: #6fa1d30d;
    background-size: 20px 20px;
    color: #3B8DFD; */
	padding: 12px 16px;
  	margin-bottom: 20px;
  	border: 4px solid;
  	border-image: linear-gradient(45deg, #36A0F4, #FBFF2E) 1;
  	border-radius: 6px;
  	color: #3B8DFD;
}

/* リード文 */
.city .container-in .font_blue {
	color: #1957E0;
}

.city .container-in h3.c-ttl-linkblock .c-ttl-cmn-03__in{
	color:#dd1b73;
}

/* 商品名 */
.c-ttl-cmn-05{
	color: #105cc5;
}
.city .container-in .font110 {
	font-size: 110%;
}



.c-mod-tab-button__item.is-active {
	color: #fff;
	border: 1px solid #0273E3;
	border-bottom-width: 3px;
	border-bottom-color: #004d7c;
	background-color: #0273E3;
}
/* .c-mod-tab-button__item:hover{
	transform: translateY(-5px);
} */
/*.city .container-in h2.c-ttl-cmn-02:before{
	content: url(../img/icon_red.png);
	padding-right:5px;
	position:relative;
	top:10px;
}*/
.store-detail::before{
	transform-origin: right top;
  transform: scale(0, 1);
  transition: transform .3s;
}
.store-detail:hover::before{
	transform-origin: left top;
  transform: scale(1, 1);
}

/* .ice:before{
	content: url(../img/icon.png);
	padding-right:4px;
	position:relative;
	top:8px;
}

.ice:after{
	content: url(../img/icon.png);
	padding-left:5px;
	position:relative;
	top:8px;
} */

.store-box{
	border: #004d7c 3px solid;
}
/* .c-box-border-02{
	padding: 0.5em 1em;
    margin: 2em 0;
    border-left: double 7px #A8f7ff;
    border-right: double 7px #A8f7ff;
	background-color: #f5ffff;
} */

/* 店舗詳細 */
 .c-box-border-02{
	padding: 0.5em 1em;
    background: #f9ffff;
    border-left: solid 10px #A9F7FF;
	border-right: solid 1px #A9F7FF;
	border-top:solid 1px #A9F7FF;
	border-bottom:solid 1px #A9F7FF;
}

/* .anim-box{
 	animation-name: fadein;
    animation-duration: 3s;
} */

/* @keyframes fadein{
    from{
    opacity: 0;
    transform: translatey(20px);
    }
    to{
    opacity: 1;
    transform: translatey(0);
    }
} */

/* CMSの画像に枠を付ける場合 */
/* .c-fig-cmn-01{
	border: #dd1b73 solid 3px;
} */

/* .c-box-attention{
	border: #2a6fbe solid 8px;
} */
.c-box-content-bg.is-bg-content-light {
	background-color: #f7f9ff;
}


.c-ttl-bg-01{
	background-color: #1957E0;
	font-size: 16px;
	font-weight: bold;
}

/* アンカーリンク */
.ico-anchor-01:before {
	top: 10px;
	left: 20px;
}
.ico-anchor-01 {
	border: 1px solid #55E2FE;
	background-color: #D4FDFF;
	/* border-bottom: #55E2FE solid 3px; */
    padding: 5px 15px 6px 26px;
	border-radius: 10px;
	margin-right: 5px;
	text-align: center;
	color: rgb(41, 41, 41);
}
a.c-link-01.is-break-all:hover{
	text-decoration: none;
	opacity: 0.7;
	transition: 0.3s;
	transform: translateY(10px);
  	box-shadow: none;
}

.ico-anchor-01:before {
	left: 5px;
}