@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
/* RETINA用のスタイル記述 */

/* ========== header ========== */
#header h1 {
	background-position: left bottom;
	background-size: 90px auto;
}
/* nav */
#nav ul li.nav01 a, #nav ul li.nav01 a:hover {
	background: url(../img/nav_spr1.png) no-repeat center;
}
#nav ul li.nav02 a, #nav ul li.nav02 a:hover {
	background: url(../img/nav_spr2.png) no-repeat center;
}
#nav ul li.nav03 a, #nav ul li.nav03 a:hover {
	background: url(../img/nav_spr3.png) no-repeat center;
}
#nav ul li.nav04 a, #nav ul li.nav04 a:hover {
	background: url(../img/nav_spr4.png) no-repeat center;
}
#nav ul li.nav05 a, #nav ul li.nav05 a:hover {
	background: url(../img/nav_spr5.png) no-repeat center;
}
#nav ul li.nav06 a, #nav ul li.nav06 a:hover {
	background: url(../img/nav_spr6.png) no-repeat center;
}
#nav ul li.nav01 a, #nav ul li.nav02 a, #nav ul li.nav03 a, #nav ul li.nav04 a, #nav ul li.nav05 a, #nav ul li.nav06 a, #nav ul li.nav01 a:hover, #nav ul li.nav02 a:hover, #nav ul li.nav03 a:hover, #nav ul li.nav04 a:hover, #nav ul li.nav05 a:hover, #nav ul li.nav06 a:hover {
	background-size: contain;
}

#nav ul li {
	background-color: #00506b;
}
/* ========== main ========== */
#main ul, #main ul img {
	width: 100%;
	height: auto;
}
#main .main_nav .prev {
	background: url(../images/prev_sp.png) no-repeat #75cad3;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
#main .main_nav .next {
	background: url(../images/next_sp.png) no-repeat #75cad3;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
/* ========== contents ========== */


/* banner */
.flex-prev {
	background: url(../images/prev_sp.png) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.flex-next {
	background: url(../images/next_sp.png) no-repeat;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
}
.flex-prev, .flex-next, .flex-prev:hover, .flex-next:hover {
	background-color: #75cad3;
}
/* news */
.news .ttl h1 {
	background: url(../images/news_ttl_sp.gif) no-repeat 0 0;
	background-size: 136px 15px;
	-webkit-background-size: 136px 15px;
	-moz-background-size: 136px 15px;
	-o-background-size: 136px 15px;
}
.ttl .more a {
	background: url(../images/news_btn_sp.gif) no-repeat 0 2px;
	background-size: 46px 12px;
	-webkit-background-size: 46px 12px;
	-moz-background-size: 46px 12px;
	-o-background-size: 46px 12px;
}
/* ========== footer ========== */
.sns .fb a span {
	background: url(../images/sns_fb_sp.png) no-repeat, url(../images/sns_arrow_sp.png) no-repeat;
	background-position: 20px center, right center;
	background-size: 87px 20px, 5px 9px;
	-webkit-background-size: 87px 20px, 5px 9px;
	-moz-background-size: 87px 20px, 5px 9px;
	-o-background-size: 87px 20px, 5px 9px;
}
.sns .tw a span {
	background: url(../images/sns_tw_sp.png) no-repeat, url(../images/sns_arrow_sp.png) no-repeat;
	background-position: 20px center, right center;
	background-size: 79px 20px, 5px 9px;
	-webkit-background-size: 79px 20px, 5px 9px;
	-moz-background-size: 79px 20px, 5px 9px;
	-o-background-size: 79px 20px, 5px 9px;
}
.footer_nav li a {
	background: url(../images/footer_arrow_sp.png) no-repeat 98% center;
	background-size: 5px 9px;
	-webkit-background-size: 5px 9px;
	-moz-background-size: 5px 9px;
	-o-background-size: 5px 9px;
}
}