@charset "UTF-8";


body	{
	width:100%;
	margin: 0;
	padding:0;
	border:0;
	font-family: 'ヒラギノ角ゴ Pro W3',HiraKakuPro-W3,'メイリオ',Meiryo,Georgia,sans-serif;
	font-size:11px;
	color:#5B4A3F;
	text-align:center;
	}

h1	{
	font-size:12px;
	padding:20px;
	margin:0;
	}

p	{
	margin:2px;
	}
.header, .news, .news-title, .blands, .blands-title, .shops, .shops-title, .company, .company-title, .menu-cover
	{
	text-align:center;
	width: 100%;
	margin:0;
	padding:0;
	border:0;
	}
.news, .blands, .shops, .company
	{
	min-height:200px;
	}
/* サイト名 */
.header	{
	background-color:#F29CA6;
	}
.menu-cover, .company	{
	background-color:#FADBD9;
	}
.news, .shops	{
	background-color:#E0D7C2;
	}
.blands	{
	background-color:#A18C74;
	}


/* ヘッダー画像 */
.topimg	{max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border:0;
	padding:0;
	margin:0;
	}
.header p {
	color: black;/*文字は白に*/
	width:100%;
	font-size: 120%;
	font-weight:500;
	margin:0 auto;
	padding-top:0;
	padding-bottom:8px;
  }

.news-topics	{
	background-color:#ffffff;
	color:#000000;
	border:1px solid #F29CA6;
	width:490px;height:auto;
	margin:0 auto;
	padding:12px;
	}

.blands-c p	{
	color:#ffffff;
	}

.blands-c img	{
	border:1px solid #ffffff;
	height:auto;
	margin-bottom:40px;
	}



#fixedTop {
    right: 8px;
    bottom: 8px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    display: none;
    background: #ccc;
    position: fixed;
    z-index: 9999;
    border-radius: 3px;
    -webkit-transform: translateZ(0);
}
#fixedTop:hover {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.7;
}
.sp	{display: none}
/* ########### 794px以下 ########### */
@media (max-width: 794px) {

/* ナビゲーション */
.menu li a	{padding: 10px 7px;
	font-size: 11px}


/* トグルボタン */
#menubtn	{padding: 6px 12px;
	border: solid 1px #aaaaaa;
	border-radius: 5px;
	background-color: #ffffff;
	position: absolute;
	top: 20px;
	right: 15px;
	cursor: pointer}

#menubtn:hover	{background-color: #dddddd}

#menubtn:focus	{outline: none}

#menubtn i	{color: #888888;
	font-size: 18px}

#menubtn span	{display: inline-block;
	text-indent: -9999px}

/* ナビゲーションメニュー（縦並び） */
.menu	{display: none}

.menu ul	{margin: 0;
	padding: 0;
	list-style: none}

.menu li a	{display: block;
	padding: 5px;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.menu li a:hover	{background-color: #ffffff}




.news-topics	{
	width:80%;
	height:auto;
	}

.header img {
	height:30px;
	margin:20px;
	padding:10px auto;
	}
.blands-c	{
	padding:20px;
	}
.blands-c img	{
	width:50%;
	max-width: 170px;
	margin-bottom:10px;
	}
.shops	{
	margin:auto;
	}
.shops-c	{
	padding-left:10%;
	width:80%;
	text-align:left;
	clear:both;
	margin-bottom:10px;
}
.shops-c img	{
	width:100%;
	max-width: 170px;
	padding-left:10%;
	margin-bottom:10px;
	}
.top	{
    overflow: hidden;
    width: 100%;
    position: relative;
}
.topimg	{max-width: 250%;
	height: auto;
	border:0;
	margin: auto;
	padding:auto;
	}
}
/* ########### 794px以上 ########### */
@media (min-width: 794px) {
/* トグルボタン */
#menubtn	{display: none}

/* ナビゲーション */
#menu	{display: block !important}

.menu ul	{
	text-align:center;
	list-style: none;
	margin:0;
	padding:0;
	}

.menu li	{
	display:inline-block;
	padding:0;}

.menu li a	{display: block;
	padding: 10px 15px;
	color: #000000;
	font-size: 12px;
	text-decoration: none}

.menu li a:hover	{background-color: #ffffff}



/* ########### スタイル ########### */
.blands-c img	{
	width:70%;
	}

/* 全体の横幅を固定 */
.blands-cover, .shops-cover	{
	width:794px;
	display:inline-block;
	}

.header img {
	height:40px;
	margin:30px;
	}

.blands:after	{
	content:"";
	display:block;
	clear:both;
	}
.blands-c	{
	float:left;
	width:33%;
	}
}

.shops:after	{
	content:"";
	display:block;
	clear:both;
	
	}
.shops-c	{
	float:left;
	
	}

.shops-c p	{
	text-align:left;
	margin-left:40px;
	}

.shops-c img	{
	width:80%;
	
	}

}