@media screen and (max-width: 640px){

/*--------------------------------------------------------
サイト全体の横幅
--------------------------------------------------------*/

html,
body,
#top,
#header,
#global-menu,
#breadcrumbs,
#main,
#footer{
	width: 100%;
	min-width: 320px;
}


#top-in,
#header-in,
#breadcrumbs ol,
#global-menu ul,
#main-in,
#footer-in{
	margin: auto;
	width: 100%;
}


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

/*ヘッダーロゴ*/
#header-logo a img{
     max-width: 50%;
     height: auto;
}


/*ヘッダーテキスト*/
#header-in #header-text{
	text-align: right;
	padding-top: 50px;
	font-size: 60%;
}


/*--------------------------------------------------------
グローバルメニュー
--------------------------------------------------------*/

#global-menu{
	position: absolute;
	top: 85px;/*▲ページ最上部からの距離*/
	left: 0;
}


#global-menu li{
	float: left;
	height: 21px;
	width: 100px;
	border-right: 1px solid #666;
	margin-bottom: 10px;
}


#global-menu ul li.b01{
	margin-left: 0;
	border-left: 1px solid #666;
}


#global-menu ul li a{
	display: block;
}


#global-menu ul li a img{
	height: 0;
	overflow: hidden;
}


/*メインイメージ*/
#main-image{
	width: 100%;
}


#main-contents{
	float: none;
	width: 100%;
}


/*--------------------------------------------------------
パン屑ナビ
--------------------------------------------------------*/

#breadcrumbs{
	position: absolute;
	top: 147px;/*▲ページ最上部からの距離*/
	left: 0;
}


#breadcrumbs li{
	float: left;
	padding: 0 10px 0 15px;
	background: url(../images/icon-breadcrumbs.gif) left 5px no-repeat;
	font-size: 1.3em;
}


/*パン屑ナビの先頭*/
#breadcrumbs li.first{
	padding-left: 0;
	background: none;
}


#breadcrumbs ol li a{ text-decoration: none; }
#breadcrumbs ol li a:link,
#breadcrumbs ol li a:visited{ color: #666; }
#breadcrumbs ol li a:hover,
#breadcrumbs ol li a:active{ color: #666; text-decoration: underline; }


/*--------------------------------------------------------
サイドバー
--------------------------------------------------------*/

#sidebar{
	float: none;
	width: 100%;
}


/*画像の伸縮設定*/
img{
     max-width: 100%;
     height: auto;
}



}