@charset "UTF-8";

/*------------------------------------------------------------
レイアウト
-------------------------------------------------------------*/

html,body{ width: 100%; }


/*--------------------------------------------------------
1カラムレイアウト
--------------------------------------------------------*/

#container,
#top,
#header,
#main-visual,
#global-nav,
#main,
#main-image,
#footer,
.footer-nav,
.footer-bnr,
.copyright{
	width: 100%;
	min-width: 980px;
}

#top-in,
#header-in,
#global-nav-in,
#main-visual-in,
#main-image-in,
.main-contents,
#breadcrumbs ol,
.footer-nav-in,
.footer-bnr-in,
.copyright p{
	width: 980px;
	margin: auto;
}



/*--------------------------------------------------------
モバイル用レイアウト
------------------------------------------------------*/


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

#container,
#top,
#header,
#main-visual,
#global-nav,
#main,
#main-image,
#footer,
.footer-nav,
.footer-bnr,
.copyright{
	width: 100%!important;
	min-width: 100%!important;
	box-sizing: border-box;
	padding-left: 5px;
	padding-right: 5px;
}

#top-in,
#header-in,
#global-nav-in,
#main-visual-in,
#main-image-in,
.main-contents,
#breadcrumbs ol,
.footer-nav-in,
.footer-bnr-in,
.copyright p{
	width: 98%!important;
	margin: 0 1%!important;
}

#sub-contents,
#sidebar,
#main-and-sub,
#main-contents{
	float: none!important;
	width: 100%!important;
}

#main-image img{ width: 100%!important; }

}