@charset "utf-8";
@media only screen and (max-width:767px) {

body {
	background: none;
}


#wrap {
	width: 100%;
	margin: 0;
	overflow: hidden;
}

header {
	overflow: hidden;
	height: 4rem;
	z-index:998;
	clear:both;
	background: #ffffff;
	padding: 2rem 0;
}

.hide {
	display: none;
}

/*-----------------

 grid 共通 CSS

******************/

/*--

.grid の詳細cssは

 CSSフォルダ→effect.css内に記載

--*/

.grid,
.grid_box {
	overflow: hidden;
}

.grid h2,
.grid_box h2 {
	margin-bottom: 0px;
	padding: 0 0 6px 10px;
	font-family: 'Oxygen', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #5c5c5c;
	border-bottom: solid 1px #979797;
}

.grid_box img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}




/**-- width --**/

.w160,
.w320,
.w480,
.w640,
.w800,
.w960 {
	width: 100%;
}

/**-- height --**/

.h160,
.h320,
.h480,
.h640,
.h800,
.h960 {
	height: auto;
}


/**-- float --**/

.f_left,
.f_right {
	float: none;
}

/**-- 背景色 --**/

.bg_blue {
	background: #3b5997;
}

.bg_blue a:hover {
	background: #234282;
}



.bg_green {
	background: #3b9762;
}

.bg_green a:hover {
	background: #257547;
}



.bg_gray {
	background: #212121;
}

.bg_gray a:hover {
	background: #0e0e0e;
}

/*-----------------

 トップSNS等

******************/


.text_position {
	font-family: 'Oxygen', sans-serif;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
}

.text_position a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
	padding: 14px 0;
}




/*-----------------

 ヘッダー＆ナビゲーション

******************/

header {
	width: 100%;
	background: #FFFFFF;
}

#h_inner {
	width: 100%;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


#head_logo {
	float: none;
	width: 100%;
	height: 40px;
	text-align: center;
}

#head_logo h1 {
	margin: 0;
	padding: 0;
	font-family: 'Oxygen', sans-serif;
	font-size: 18px;
	font-weight: 400;
}

#head_logo h1 span {
	font-size: 10px;
}

#head_logo a {
	width: 100%;
	height: 100%;
	display: block;
	color: #5c5c5c;
}

nav {
	width: 100%;
	float: none;
	z-index: 999;
	position: absolute;
	background: #FFFFFF;
	clear: both;
}

nav a.menu {
	width: 100%;
	display: block;
	line-height: 30px;
	color: #5c5c5c;
	border-top: solid 1px #ccc;
}

nav a#menu span {
	height: 30px;
	font-size: 14px;
	padding-left: 20px;
}

nav .panel {
	width:100%;
	z-index: 999;
	float: none;
}

nav ul {
	overflow: hidden;
}

nav ul li {
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	line-height: 1.2;
	border-top: solid 1px #ccc;
}

nav ul li a {
	padding: 14px 0 12px 20px;
	font-size: 14px;
	display: block;
	color: #5c5c5c;
}


/*-----------------

 メイン画像

******************/

#main {
	margin-bottom: 200px;
}

#main,
#portfolio {
	width: 100%;
	height: auto;
}

#portfolio img {
	width: 100%;
	height: auto;
}


/*-----------------

 トップ小さなスライド

******************/

ul.topslide {
	display: none;
}

/*-----------------

 フッター

******************/


#footer {
	clear: both;
	padding: 14px 0;
	font-size: 10px;
	text-align: center;
}

#topback a {
	width: 100%;
	padding: 10px 0;
	display: block;
	background: #187290;
	text-align: center;
	color: #FFFFFF;
	font-size: 1.2rem;
	margin-bottom: 10px;
}


/*-----------------

 2p目以降のCSS

******************/

.page_wrap {
	width: 94%;
	margin: 0 auto;
}

.page_wrap h2 {
	margin-bottom: 0px;
	padding: 0 0 6px 10px;
	font-family: 'Oxygen', sans-serif;
	font-size: 18px;
	font-weight: 400;
	color: #5c5c5c;
	border-bottom: solid 1px #979797;
}


.c_box {
	width: 100%;
	margin-bottom: 20px;
}

.c_box img {
	width: 100%;
	height: auto;
}




ul.gridimg {
	overflow: hidden;
}


ul.gridimg li {
	margin: 0 0 1% 0;
	width: 49%;
	float: left;
}

ul.gridimg li:nth-child(even) {
	float: right;
}

ul.gridimg li img {
	width: 100%;
	height: auto;
}



/*-----------------

 Profile CSS

******************/


ul.profile {
	overflow: hidden;
	font-size: 14px;
	color: #5c5c5c;
}

ul.profile li {
	width: 100%;
	float: none;
}

ul.profile li img {
	width: 100%;
	height: auto;
}

ul.profile li.p10 {
	padding: 4%;
	width: 92%;
	float: none;
}

ul.profile li.p10 img {
	width: 15px;
	height: 15px;
}




}