@charset "utf-8";

_::-webkit-full-page-media, _:future, :root .css_selector {
    background-color: red;
}


/*-----------------------------------------------------
ブリンク
-------------------------------------------------------*/

.blink {
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #f0f0f0 }
 100% { color: #999 }
}


/*-----------------------------------------------------
pc sp on off
-------------------------------------------------------*/

/* パソコンで見たときは"pc"のclassが、
スマホで見たときは"sp"のclassがついた画像が表示される */

.pcview { display: block !important; }
.spview { display: none !important; }
@media only screen and (max-width: 600px) {
.pcview { display: none !important; }
.spview { display: block !important; }
}

@media only screen and (max-width: 600px) {
img { max-width: 100%; }
}


/* スマホの時は非表示 */

@media screen and (max-width: 500px){
.spNone {display: none;}
}


/* PCの時は非表示 */

@media screen and (min-width: 640px){
.pcNone{display:none;}}
}


/*-----------------------------------------------------
swiper
-------------------------------------------------------*/

.swiper-container, .swiper-slide {
	width: 100%;
	height: auto px;
}
.pagination {
	text-align: right;
	padding: 5px 0;
}
 
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: 0 4px;
	background-color: #000;
	border: 1px solid #188A77;
	cursor: pointer;
	transition: all .25s linear;
}
 
.swiper-active-switch {
	background-color: #16AC94;
}

/* Localized */