@charset "utf-8";
/* CSS Document */
ul, li, p {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
h1, h2, h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}
#page-top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none;
	z-index: 10;
}
#container {
	padding: 0;
}
#sec-wrap {
	max-width: 640px;
	margin: auto;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	line-height: 1.6;
	font-size: 14px;
}
#main {
	background: none !important;
}
.bg-index {
	/*background-image: url(../img/index/bg_index.jpg);*/
	background-repeat: repeat;
	background-position: center top;
}
.bg-swimwear {
	background-image: url(../img/swimwear/bg_swimwear.jpg);
	background-repeat: repeat;
	background-position: center top;
}
.bg-yukata {
	background-image: url(../img/yukata/bg_yukata.jpg);
	background-repeat: repeat;
	background-position: center top;
}
#sec-header {
	position: relative;
}
#sec-header p {
	position: absolute;
	width: 100%;
	left: 0;
	top: 28%;
}
.w100 {
	width: 100%;
}
.lnav {
	overflow: hidden;
}
.lnav li {
	float: left;
}
.lnav li.w1 {
	width: 100%;
}
.lnav li.w2 {
	width: 50%;
}
.nav-btm {
	margin-bottom: 40px;
}
.nav {
	overflow: hidden;
}
.nav li {
	float: left;
}
.nav li.w-a {
	width: 34.375%;
}
.nav li.w-b {
	width: 31.25%;
}
.nav li.w-c {
	width: 25%;
}
#wrap-info {
	margin: 0 3%;
	background: #E8E3CA;
	padding: 3% 3% 7%;
}
#wrap-info .tit {
	margin-bottom: 3%;
}
.nav-map {
    margin: 2% 18.359375% 6%;
    overflow: hidden;
    background: #E8E3CA;
    padding: 1.8%;
}
.nav-map p {
    float: left;
    width: 50%;
}
.modal-in {
    background: #FFF;
    padding: 6.5% 6.5% 2%;
}
.modal-in img {
    width: 100%;
}
#rss {
	overflow: hidden;
}
#rss li {
}
#rss li a {
	display: block;
	text-decoration: none;
	color: #333;
	text-align: left;
	padding: 2%;
}
#rss li a .cat {
	display: none;
}
#rss li a .img {
	margin-bottom: 3%;
	overflow: hidden;
}
#rss li a .img img {
	width: 100% !important;
}
@media screen and (max-width:640px) {
	#rss li a .img {
		margin-bottom: 3%;
		overflow: hidden;
	}
	#rss li a .img img {
		width: 100%;
		height: 8em;
	}
}
#rss li a .date {
	display: none;
}
@media screen and (max-width:640px) {
	.list-item .single .in .copy {
		font-weight: bold;
		margin: 0.5em 0;
		font-size: 4.0vw;
	}
	.list-item .single .in .spec {
		margin: 0.5em 0;
		font-size: 3.0vw;
	}
}
@media screen and (min-width:641px) {
	.list-item .single .in .copy {
		font-weight: bold;
		margin: 0.5em 0;
		font-size: 130%;
	}
	.list-item .single .in .spec {
		margin: 0.5em 0;
		font-size: 110%;
	}
}
#main {
    margin: auto;
    width: 100%;
    max-width: 750px;
}
#main img {
	width: 100%;
	height: auto;
}