
@media (max-width: 769px) {
	.responsive-img {
		width: 100%;
	}
	.visibile-sp {
		display: block;
	}
	.hidden-sp {
		display: none;
	}
	.col2-sp, .col3-sp, .col4-sp, .col5-sp {
		float: left !important;
	}
	.col2-sp { width: 50% !important;}
	.col3-sp { width: 33.3333333% !important;}
	.col4-sp { width: 25% !important;}
	.col5-sp { width: 20% !important;}
	
	.col2, .col3, .col4, .col5 { width: 100% !important;} 
	
	a.slide-link:after {
		display: none;
	}
	
/* ------------------------------------------------------------------
レイアウト
------------------------------------------------------------------ */
	#main {
	}
	.container {
		width: 100%;
	}
	.container-inner {
		padding: 0 20px;
	}
	
/* ------------------------------------------------------------------
ヘッダー
------------------------------------------------------------------ */
	#top-head {
		padding: 0;
	}
	#top-head .container {
		width: 100%;
		padding: 0;
		height: 50px;
	}
	#mobile-head {
		background: #fff;
		width: 100%;
		height: 50px;
		z-index: 999;
		position: relative;
	}
	#top-head h1.logo {
		/*position: absolute;
		left: 13px;
		top: 13px;
		color: #333;*/
		padding: 15px 0 0 17px;
	}
	#top-head h1.logo img {
		width: 114px;
	}
	#top-head .g-logo {
		padding: 13px 70px 0 0;
	}
	#top-head .g-logo img {
		width: 92px;
	}
	
	
/* ------------------------------------------------------------------
グローバルナビ
------------------------------------------------------------------ */
	#global-nav {
		display: none;
		position: relative;
		z-index: 1000;
	}
	#global-nav ul {
		position: static;
		right: 0;
		bottom: 0;
		padding: 0;
		width: 100%;
		font-size: 0.875em;
		background-color: #FFF;
		border-top: 1px solid #DADADA;
		list-style: none;
		overflow: hidden;
	}
	#global-nav ul li {
		float: none;
		position: static;
		width: 100%;
		margin-left: 0;
		padding: 0 10px;
		border-bottom: 1px solid #DADADA;
	}
	#global-nav ul li a {
		width: 100%;
		display: block;
		padding: 18px;
		text-align: left;
	}
	#global-nav ul li ul {
		position: relative;
	}
	#global-nav ul li.col3-sp a {
		padding: 18px 0;
		text-align: center;
	}
	#global-nav ul li.col3-sp.center-nav {
		border-left: 1px solid #DADADA;
		border-right: 1px solid #DADADA;
	}
	#nav-toggle {
		display: block;
	}
	/* #nav-toggle 切り替えアニメーション */
	.open #nav-toggle span:nth-child(1) {
		top: 9px;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	.open #nav-toggle span:nth-child(2) {
		top: 9px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.open #nav-toggle .toggle-text {
		opacity: 0;
	}

/* ------------------------------------------------------------------
検索窓
------------------------------------------------------------------ */
	#global-nav ul li#search-wrap {
		margin-left: 0;
		padding-top: 15px;
		padding-bottom: 15px;
		clear: both;
	}
	#search {
		width: 100%;
	}
	#search .search-inner {
		border: 1px solid #CCC;
		position: static;
		height: 34px;
	}
	#search .search-box {
		width: 85%;
		border: none !important;
		height: 34px;
	}
	#search .search-btn {
	float: right;
	width: 24px;
	height: 34px;
	background: url(../images/common/search_btn_img.png) 5px 10px no-repeat;
	}
	
/* ------------------------------------------------------------------
フッター
------------------------------------------------------------------ */
	#footer .foot-nav-wrap {
		float: none;
		padding: 0;
	}
	#footer .main-nav {
	}
	#footer .foot-nav-wrap.foot-nav01,
	#footer .foot-nav-wrap.foot-nav02,
	#footer .foot-nav-wrap.foot-nav03,
	#footer .foot-nav-wrap.foot-nav04 {
		width: 100%;
	}
	#footer .main-nav > li {
		position: relative;
	}
	#footer .main-nav > li > a {
		display: block;
		height: 45px;
		padding: 10px 20px 0;
		border-bottom: 1px solid #DADADA;
	}
	#footer .main-nav ul {
		/*padding-left: 0;*/
	}
	#footer .sub-nav {
		display: none;
		padding: 5px 0;
		border-bottom: 1px solid #DADADA;
	}
	#footer .sub-nav a {
		display: block;
		padding: 3px 0;
	}
	#footer .foot-nav-toggle {
		display: block;
	}
	#footer .foot-nav-toggle.open span:nth-child(1) {
		top: 8px;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	#footer .foot-nav-toggle.open span:nth-child(2) {
		top: 8px;
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	#footer .foot-copy {
		padding: 20px 5px;
	}
	#footer .foot-copy ul li {
		margin: 5px 15px;
	}
	#footer .foot-copy-text {
		position: relative;
		margin: 10px 15px 0;
	}
	
	
/* ------------------------------------------------------------------
ページトップ
------------------------------------------------------------------ */
	.page-top a {
		width: 50px;
		height: 50px;
		right:0px;
	}
	
}
@media (max-width: 321px) {
	#global-nav ul li.col3-sp {
		font-size: 0.929em;
	}
}