@charset "utf-8";

/*----幅768ピクセル未満のCSS（スマホ用）---*/

/*-------------------------------------------
　　　ベース
-------------------------------------------*/

body {
	font-size: 120%;
    line-height: 130%;
	-webkit-text-size-adjust: 100%;
}
#main {
	width: 100%;
}

/*-------------------------------------------
　　　ヘッダー
-------------------------------------------*/

#navibar_search {
	position: relative;
	float: left;
	width: 68%;
	padding-left: 2%;
}

/*----スマホメニュー----*/

#navibar_menu {
	position: relative;
	float: right;
	width: 30%;
	text-align: right;
}
#openMenu{
	position:absolute;
	top: 0;
	right: 2%;
}
#layerMenu {
	display: none;
	position: absolute;
	top: 35px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	font-size: 90%;
}
#layerMenu ul{
	border-top: solid 1px #CCC;
}
#layerMenu > ul > li {
	background: #666;
	list-style: none;
	border-bottom: solid 1px #CCC;
}
#layerMenu > ul > li > a {
	color: #FFF;
}
#layerMenu ul,.layerMenuInner ul {
	clear: both;
	padding: 0px;
	margin: 0px;
}
.layerMenuInner ul li {
	position: relative;
	float: left;
	width: 50%;
	background: #FFF;
}
.layerMenuInner ul li a {
	position: relative;
	padding: 5px;
	text-decoration: none;
	color: #333;
	border-bottom: solid 1px #333;
	display: block;
}
#layerMenu ul li a:hover{
	color: #EA0001;
}
#closeMenu {
	position: absolute;
	top: -35px;
	right: 0;
}


/*-------------------------------------------
　　　トップページ
-------------------------------------------*/

/*----臨時----*/

#top02_left_img {
	max-width: 90%;
    height:auto;
}
#top02_left {
	max-width: 100%;
}

/*----共通----*/

.typelistdescr,.newsdescr,.specialdescr {
	font-size: 90%;
	line-height: 110%;
}

/*----タイトル下----*/

#sitedescr {
	margin-bottom: 10px;
}

/*----エリア別----*/

.arealistbox {
	line-height: 200%;
}

/*----幅480ピクセル以上----*/

@media (min-width: 480px){
	.arealistbox ul {padding-left: 70px;}
	.area01 {background: url(https://awd.heteml.net/tokyobeergarden/img/p_01.jpg) no-repeat;}
	.area02 {background: url(https://awd.heteml.net/tokyobeergarden/img/p_02.jpg) no-repeat;}
	.area03 {background: url(https://awd.heteml.net/tokyobeergarden/img/p_03.jpg) no-repeat;}
	.area04 {background: url(https://awd.heteml.net/tokyobeergarden/img/p_04.jpg) no-repeat;}
	.area05 {background: url(https://awd.heteml.net/tokyobeergarden/img/p_05.jpg) no-repeat;}
	.area06 {background: url(https://awd.heteml.net/tokyobeergarden/img/p_06.jpg) no-repeat;}
}

/*----タイプ別----*/

@media (min-width: 480px){
.typelistbox {
	position: relative;
	float: left;
	width: 50%;
	margin-bottom: 10px;
}
}
@media (max-width: 479px){
	.typelistbox {clear: both;}
}
.typelistimg{
	width: 33%;
	max-width:120px;
	height:auto;
	margin-bottom: 10px;
}
.typelisttext {
	width: 63%;
}

/*----ニュース・特集----*/

.newsimg,.specialimg {
	width: 30%;
}
.newstext h3,.specialtext h3 {
	font-weight: normal;
	margin-bottom: 5px;
}
dl#newslist dt,dl#speciallist dt {
	padding: 3px 0px;
}
dl#newslist dd,dl#speciallist dd {
	border-bottom: 1px solid #CCC;
	padding: 2px 0px 5px 0px;
	margin-left: 0;
}

/*----管理人レポート・特集----*/

@media (max-width: 420px){
	.reportbox,.specialbox {width: 47%;margin-right:1%;}
}
.topreporttext {
	font-size: 80%;
	line-height: 100%;
}


/*-------------------------------------------
　　　フッター
-------------------------------------------*/

#footer_sitedescre {
	border-bottom: dotted #666 3px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#footer_info ul,#footer_link ul {
	line-height: 180%;
	padding: 3px 0 7px 10px;
}


/*-------------------------------------------
　　　カテゴリページ
-------------------------------------------*/

h2#pagetitle {
	font-size: 140%;
	line-height: 120%;
}
.entrydigest h3 {
	font-size: 120%;
	line-height: 110%;
	margin-bottom: 10px;
}
.digest_photo {
	margin-right: 2%;
	margin-bottom: 10px;
}
.digest01 .digest_photo {
	width: 300px;
}
.digest02 .digest_photo {
	width: 50%;
	max-width: 210px;
}
@media (min-width: 480px){
  .digest02 .digest_photo {
	position: relative;
	float: left;
}
}
.digest_photo img {
	width: 100%;
	height:auto;
}
.datalist {
	font-size: 90%;
}


/*-------------------------------------------
　　　記事ページ
-------------------------------------------*/

.photo02,.photo03,.photo04 {
	margin-bottom: 5px;
	width: 100%;
	margin-right: 0%;
}
.photo02 img,.photo03 img,.photo04 img {
	max-height: 555px;
}
.sitelink  {
	width:97%;
}