@charset "utf-8";
/* CSS Document */

#r_navi {display:none;}
.responsive {display:none;}

@media (max-width:600px) {
#content .c_box .left,
#content .c_box .right {
	float: none;
	width: 100%;
}
#content .c_box div.right,
#content .c_box p.right {
	width: 100%;
	margin-top: 20px;
}

#content .profile th, #content .profile td,
#content .contact th, #content .contact td {
	display: block;
	width: 100%;
	border-left: none;
	border-right: none;
	border-top: none;
	text-align-last: center;
}
#content .profile tr:first-child th,
#content .contact tr:first-child th {
	border-top: 1px solid #8dad4b;
}
}

@media (min-width:601px) and (max-width:900px) {
#content .c_box div.right,
#content .c_box p.right {
	width: 55%;
	padding-right: 0;
}
}

@media (max-width:900px) {
img, input, textarea {
	max-width: 100%;
}

.responsive {display:block;}
.responsive.top {margin:20px auto;}

#header, #content {
	width: 100%;
}
#header {padding: 0 10px;}

#header .left,
#header .right {
	float: none;
}
#header .right {
	text-align: center;
}
#header .link li {
	float: none;
	display: inline-block;
}

#navigation {display: none;}

#r_navi {display:block;}

#content {
	padding: 0 5px;
}
#content h2, #content h3 {
	margin-left: -5px;
	margin-right: -5px;
}

#content .example img {
	float: none;
	display: block;
	margin: 0 auto;
}
#content .example div.right,
#content .example div.left {
	float: none;
	width: 100%;
	margin-top: 0;
	padding-bottom: 1px;
}
#content .example p {
	padding-left: 20px;
}

#content .profile,
#content .contact {table-layout:fixed;}

#r_navi {
	display: block;
	float: right;
	width: 65px;
	height: 65px;
}
a.slicknav_btn {
	display: block;
	height: 0;
	padding-top: 100%;
	text-indent: -9999px;
	background: url(images/menu_icon.png) no-repeat center;
	background-size: 80%;
}
ul.slicknav_nav {
	z-index: 1;
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #8dad4b;
	margin-top: 0;
}
ul.slicknav_nav li {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid #fff;
}
ul.slicknav_nav li div {
	display: none;
}
ul.slicknav_nav a {
	display: block;
	padding: 10px 0;
	color: #fff;
	text-decoration: none;
}
}