@charset "UTF-8";

@media print{
  #gnav {display:none;}
}

/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/


/* ------ General Settings ------ */

img {
	max-width: 100%;
	height: auto;
	width: auto\9;
}
body {
	background-color:#F5EED8;
}
#wrapper {
	min-width:980px;
}

/* ------ Header ------ */

header {
	width: 100%;
	position:relative;
	background:url(../images/header_bg.png) repeat-x center 108px;
}
#header {
	width: 100%;
	border-bottom:3px #c9b091 solid;
	background-color:#F4EED7;
	box-shadow:0 3px 10px rgba(0,0,0,0.1);
}
#header-inner {
	width: 980px;
	height:108px;
	margin: 0 auto;
	padding:0;
	position:relative;
	background:url(../images/header_img.png) no-repeat right top;
}
#logo {
	padding:24px 0 0;
}
#logo a {
	display: block;
	width: 404px;
}
#gnav-btn {
	display :none;
}
#gnav nav ul li a:link,
#gnav nav ul li a:visited {
	text-decoration: none;
}
#gnav nav ul li a:hover,
#gnav nav ul li a:active,
#gnav nav ul li a.current {
	text-decoration: none;
}
#gnav nav ul li.shadeBtn span {
	display:none;
}

/* ------ Mainvisual ------ */

#mainvisual {
	width: 100%;
	padding-bottom:30px;
}
#mainvisual-inner {
	position: relative;
	width: 960px;
	margin:0 auto;
	padding:0 5px;
	overflow: hidden;
}
#mainvisual .img {
	position: absolute;
	display: none;
	width: 960px;		/* 画像の幅 */
	top: 0;
}
#mainvisual .img img {
	border:5px #fff solid;
	box-sizing:border-box;
}
#mainvisual-inner .img:first-child {
	position: relative;
	display: block;
}
#mainvisual-btn {
	width: 100%;
	height: 10px;
	padding:10px 0;
	text-align: center;
	position:absolute;
	bottom:0;
	left:0;
	z-index:99;
}
#mainvisual-btn div {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	overflow: hidden;
	vertical-align: top;
}
#mainvisual-btn div {
	*display: inline;
}
#mainvisual-btn a {
	display: block;
	width: 10px;
	height: 20px;
}
#mainvisual-btn a.current {
	margin-top: -10px;
}
#mainvisual-btn img {
	vertical-align: top;
}
.mainvisual-under {
	width:100%;
	margin-bottom:10px;
	padding:20px 0;
	text-align:center;
	font-style:italic;
	/*font-family: 'Domine', serif;*/
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:20px;
	color:#fff;
	background-color:#002359;
}
.mainvisual-under h2 {
	font-size:28px;
	padding-bottom:10px;
}
.mainvisual-under p {
	font-size:16px;
	line-height:150%;
	color:#ddd;
}

#secondvisual {
	width: 100%;
}
#secondvisual-inner {
	position: relative;
	width: 100%;
	margin:0 auto;
	overflow: hidden;
	z-index:-1 !important;
}
#secondvisual-inner .img {
	width: 1600px;
	margin-left: -800px;
	padding-left: 50%;
}

/* ------ Contents ------ */

#contents-body {
	width:100%;
	padding-bottom: 40px;
}
#contents {
	width: 960px;
	margin: 0 auto;
	padding:20px 0 0;
}
#home #contents-body {
	position:relative;
	padding-bottom: 0;
	box-shadow:0 -2px 5px rgba(0,0,0,0.1);
}
#home #contents {
	padding:30px 0 0;
	width: 980px;
}

#full-col {
	width: 100%;
	padding:20px 20px 10px 20px;
	background-color:#fff;
	box-shadow:3px 3px 0 rgba(0,0,0,0.1);
	box-sizing:border-box;
}
#main-col {
	width:630px;
	float:right;
	padding:20px 20px 10px 20px;
	background-color:#fff;
	box-shadow:3px 3px 0 rgba(0,0,0,0.1);
}
#side-col {
	width:240px;
	float:left;
	padding:20px 10px 10px;
	background-color:#fff;
	box-shadow:3px 3px 0 rgba(0,0,0,0.1);
}

.title-lv1 {
	padding:8px;
	margin:0 0 20px;
	font-size: 24px;
	font-weight:bold;
	/*line-height: 110%;
	letter-spacing:0.1em;*/
	background-color:#DFDCCD;
}
.title-lv2 {
	padding: 0 10px 5px 30px;
	margin:0 0 15px;
	font-size: 20px;
	/*letter-spacing:0.4em;*/
	border-bottom:1px #683803 solid;
	background:url(../images/h2_icon.png) no-repeat 2px top;
}
.title-lv3 {
	padding:0 0 0 10px;
	margin-bottom:10px;
	font-size: 18px;
	line-height: 140%;
	border-left:5px #a4bd62 solid;
}

.column-set-1,
.column-set-2,
.column-set-3,
.column-set-4 {
	padding-bottom:10px;
	overflow: hidden;
	box-sizing:border-box;
}

.column-set-1 .column1 {
	padding: 0 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.column-set-2 .column1 {
	float: left;
	width: 50%;
	padding: 0 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.column-set-3 .column1 {
	float: left;
	width: 33.33%;
	padding: 0 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.column-set-3 .column2 {
	float: left;
	width: 66.66%;
	padding: 0 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.column-set-4 .column1 {
	float: left;
	width: 25%;
	padding: 0 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.column-set-4 .column2 {
	float: left;
	width: 50%;
	padding: 0 10px 10px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.box {
	padding-bottom:15px;
}
.column-set-2 .column1 img,
.column-set-3 .column1 img,
.column-set-4 .column1 img {
	/*border-radius:10px;*/
}
.home-contents {
	width:980px;
	margin:0 auto;
	padding:30px 0;
}
#home .column1 h2 {
	padding: 10px 0 8px;
	font-weight: bold;
}
#service-block {
	color:#fff;
	background-color:#A8754B;
}
#service-block p {
	line-height:1.4;
	font-size:13px;
}
#service-block img {
	max-width:100%;
	border:5px #ddd solid;
	box-sizing:border-box;
}

#home-news-block {
	width:65%;
	float:left;
}
.top-news h2,
.pickup-box h2 {
	font-size:20px;
	margin-bottom:15px;
}
.top-news {
	padding:20px 20px 10px 20px;
	background-color:#fff;
	box-shadow:3px 3px 3px rgba(0,0,0,0.1);
}
.top-news dt {
	clear:left;
	float:left;
	width:100px;
}
.top-news dd {
	margin-bottom:12px;
	padding-bottom:10px;
	padding-left:100px;
	border-bottom:1px #ccc dotted;
}
.news-icon-new,
.news-icon-activity,
.news-icon-class {
	display:inline-block;
	border-radius:5px;
	width:100px;
	text-align:center;
	margin-left:10px;
	font-size:12px;
}
.news-icon-new {
	color:#f3643f;
	border:1px #f3643f solid;
}
.news-icon-activity {
	color:#68be39;
	border:1px #68be39 solid;
}
.news-icon-class {
	color:#45addc;
	border:1px #45addc solid;
}

#home-pickup-block {
	width:32%;
	float:left;
	margin-left:3%;
	padding-bottom:20px;
}
.pickup-box {
	padding:20px 20px 15px;
	background-color:#fff;
	box-shadow:3px 3px 3px rgba(0,0,0,0.1);
}
.pickup-box h3 {
	font-size:16px;
	color: #fff;
	padding:5px 10px;
	background-color:#000;
}

.catch {
	font-size:20px;
	font-weight:bold;
	color:#AD6C17;
	padding-bottom:10px;
}
.fees {
	width:100%;
	display:table;
}
.fees dt {
	width:80%;
	display:table-cell;
}
.fees dd {
	width:20%;
	display:table-cell;
	text-align:right;
}
.bank-info {
	width:100%;
	display:table;
}
.bank-info dt {
	width:20%;
	display:table-cell;
}
.bank-info dd {
	width:80%;
	display:table-cell;
	text-align:right;
}

.sitemap {
	margin-bottom:15px;
	padding:10px 15px 15px;
	border:1px #ccc solid;
}
.sitemap li {
	padding-top:5px;
	padding-left:20px;
	background:url(../images/ya01.jpg) no-repeat left 5px;
}
.sitemap li ul {}
.sitemap li ul li {
	padding-left:20px;
	background:url(../images/ya02.jpg) no-repeat left center;
}

.ind1 {
	padding-left:1em;
	text-indent:-1em;
}

.btn {
	display:inline-block;
	height: 30px;
	margin: 20px auto 0;
	border-radius:5px;
	background-color: #971E37;
	position:relative;
}
.btn:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 5px solid transparent;
	border-left-color: #fff;
	left: 10px;
	top: 10px;
}
.btn a {
	display: block;
	height: 30px;
	padding:0 14px 0 22px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
.btn a {
	color: #fff;
	text-decoration: none;
}
.btn:hover {
	opacity:0.8;
}
.btn-more {
	width: 108px;
	height: 30px;
	margin: 20px auto 0;
	border:1px #714519 solid;
	background-color: #F4EED7;
	position:relative;
}
.btn-more:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 5px solid transparent;
	border-left-color: #714519;
	left: 10px;
	top: 10px;
}
.btn-more a {
	display: block;
	width: 108px;
	height: 30px;
	padding-left:6px;
	line-height: 30px;
	text-align: center;
}
.btn-more a:link,
.btn-more a:visited {
	color:#714519;
	text-decoration: none;
}
.btn-more a:hover,
.btn-more a:active {
	color:#714519;
	text-decoration: none;
}

.list-disc li {
	padding-left:20px;
	padding-bottom:3px;
	/*list-style:disc;*/
	position:relative;
}
.list-disc li:before {
	content: '･';
	position: absolute;
	left: 5px;
	top: 0px;
}
.list-pdf li {
	padding:5px 0 5px 20px;
	position:relative;
}
.list-pdf li:before {
	content: "";
	position: absolute;
	top:12px;
	left:8px;
	border: 4px solid transparent;
	border-left: 6px solid #1779db;
}
a[href$=".pdf"] {
	/*background:url(../images/pdf_icon.png) no-repeat right center;
	padding-right:24px;*/
}

/*表組み*/
dl.table-style {
	background-color:#eeefef;
	border: 1px solid #cccccc;
	border-top: none;
	width: 100%;
}
dl.table-style dt {
	clear: left;
	float: left;
	width: 22%;
	font-weight:bold;
}
dl.table-style dd {
	margin-left: 22%;
}
dl.table-style dt .th {
	padding:10px;
	border-top: 1px solid #cccccc;
}
dl.table-style dd .td {
	padding: 10px;
	background: #fff;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
}

table.tb01 {
	width: 100%;
	margin-bottom:5px;
}
table.tb01 th {
	width:170px;
	padding:10px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px #cccccc dotted;
	background-color:#E9EFDA;
}
table.tb01 td {
	padding: 10px 15px;
	background: #F5F5F5;
	border-bottom:1px #cccccc dotted;
	border-left:8px #fff solid;
}
table.tb02 {
	width: 100%;
	margin-bottom:5px;
}
table.tb02 th {
	padding: 10px 15px;
	text-align:center;
	font-weight:bold;
	border:1px #777 solid;
	background-color:#E9EFDA;
}
table.tb02 td {
	padding: 8px 15px;
	text-align:center;
	border:1px #777 solid;
}
table.tb02 th.bg1 {
	background-color:#fcf6e2;
}
table.tb03 {
	width: 100%;
	margin-bottom:5px;
}
table.tb03 th {
	padding: 5px;
	text-align:center;
	font-weight:bold;
	border:1px #777 solid;
	background-color:#DCDDDD;
}
table.tb03 td {
	padding: 8px 15px;
	text-align:center;
	border:1px #777 solid;
}
table.tb03 .bg1 {
	background-color:#fcf6e2;
}
table.tb03 .bg2 {
	background-color:#E9EFDA;
}
table.tb03 .bg3 {
	background-color:#FDEEF7;
}

/*　フォーム　*/
.form-block {
	width:540px;
	margin:0 auto;
}
dl.form_tb {
	width: 100%;
	padding:20px;
	background-color:#eeefef;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
dl.form_tb dt {
	clear: left;
	float: left;
	width: 31%;
	font-weight:bold;
}
dl.form_tb dd {
	margin-left: 31%;
}
dl.form_tb dt .th {
	padding:10px;
}
dl.form_tb dd .td {
	padding: 10px;
}
.form-block input[type=text] {
	width:95%;
	border:0;
	margin:0;
	padding:2px;
	font-size:1.1em;
	border:solid 1px #ccc;
	outline:none;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 2px rgba(0, 0, 0, 0.2);
}
.form-block textarea {
	width:95%;
	height:10em;
	border:0;
	margin:0;
	padding:2px;
	font-size:1.1em;
	border:solid 1px #ccc;
	outline:none;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 2px rgba(0, 0, 0, 0.2);
}
.form-block select {
	width:95%;
	margin: 0;
  padding:2px;
	font-size:1.1em;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border:solid 1px #ccc;
  vertical-align: middle;
  box-sizing: content-box;
	-moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
	box-shadow: inner 0 0 2px rgba(0, 0, 0, 0.2);
	outline:none;
	position:relative;
	background-color:#fff;
}
.select {
	position:relative;
}
.form-block .select:after {
  position: absolute;
  top: 17px;
  right: 9%;
	font-size:10px;
  display: block;
  content: "▼";
  pointer-events: none;
}
.form-block select:focus,
.form-block input:focus,
.form-block textarea:focus {
	border:solid 1px #0052a5;
}
select::-ms-expand {
  display: none;
}
.submit-btn {
	margin-top:15px;
	text-align:center;
}
.submit-btn input {
	padding: 12px 5px;
	font-size: 1.1em;
	background-color:#ffb400;
	color: #fff;
	text-align:center;
	width:30%;
	margin:0 5% 8px;
	cursor:pointer;
	border:0px;
	/*border-radius:10px;*/
	-moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.5);
}
.submit-btn input:hover {
	background-color:#0052a5;
	color: #fff;
}
.error_messe {
	color:#CC3300;
}

.breadcrumb {
	margin-bottom:20px;
	padding:0 10px;
}
.breadcrumb ul {
	padding:0 0 8px;
	border-bottom:1px #c7c7c7 solid;
}
.breadcrumb ul li {
	margin-right:10px;
	padding-right:16px;
	float:left;
	font-size:14px;
	background:url(../images/breadcrumb_arrow.png) no-repeat right 50%;
}
.breadcrumb ul li:last-child {
	margin-right:0;
	padding-right:0;
	background:none;
}
.breadcrumb ul li a {
	text-decoration:underline;
}

.page-nav {
	text-align:center;
}
.no_open {
	text-align:center;
	padding:150px 0;
	font-size:16px;
}
.tel, .tel a { color:#961E38; }
.entry_body img {
	vertical-align:middle;
	margin:5px 0;
}

.caution {
	border:2px #E40F13 solid;
	padding:10px;
	margin:5px 10px 10px;
	font-weight:bold;
}

/* ------ Side Menu ------ */
.side-block {
	padding-bottom:20px;
}
.side-title {
	font-size:18px;
	color: #fff;
	padding:8px 5px;
	text-align:center;
	line-height:130%;
	background-color:#604C3F;
}
.side-menu {}
.side-menu li {
	font-size:14px;
}
.side-menu li a {
	display:block;
	padding:15px 10px 15px 23px;
	border-bottom:1px #ccc solid;
	position:relative;
}
.side-menu li a:before {
	content: "";
	position: absolute;
	top:20px;
	left:10px;
	border: 4px solid transparent;
	border-left: 6px solid #aaa;
}
.side-menu li:last-child a {
	border-bottom:0px #ccc solid;
}
.side-menu li a:hover,
.side-menu li a.now {
	background-color:#DFDCCD;
}
.side-menu li a:hover:before,
.side-menu li a.now:before {
	/*border-left: 6px solid #fff;*/
}

/* ------ Footer ------ */

footer {
	width: 100%;
}
#footer-body {
	padding:30px 0;
	background-color:#DFDCCC;
	box-shadow:0 0 5px rgba(0,0,0,0.1) inset;
}
#footer-inner {
	width: 960px;
	margin: 0 auto;
	padding:0;
	display:table;
	position:relative;
}
#footer-inner .footer-logo {
	width:20%;
	display:table-cell;
	vertical-align:middle;
}
#footer-inner .footer-contact {
	width:48%;
	display:table-cell;
	vertical-align:top;
	padding-right:30px;
	font-size:14px;
}
#footer-inner .footer-nav {
	width:52%;
	display:table-cell;
	vertical-align:top;
}

footer .title {
	font-size:16px;
	padding-bottom:5px;
	font-weight:bold;
}
footer ul {
	text-align:right;
}
footer ul li {
	display:inline-block;
	margin:0 0 0 20px;
	padding: 0 0 0 20px;
	line-height:1.1;
	border-left:1px #666 solid;
}
footer ul li:first-child {
	border-left:0px #666 solid;
}
footer ul li a:link,
footer ul li a:visited {
}
footer ul:last-child {
	padding-top: 5px;
}
#page-top {
	position:absolute;
	bottom:0;
	right:0;
	background-color: #971E37;
	border-radius:5px;
}
#page-top a {
	display:block;
	width:105px;
	height:25px;
	padding:5px 0 0 12px;
	font-size:14px;
	color:#fff;
	border-radius:5px 5px 0 0;
	text-decoration:none;
}
#page-top a span {
	padding-left:25px;
	background:url(../images/pagetop_icon.png) no-repeat left center;
}
#copyright {
	text-align:center;
	padding:10px 0;
	font-size:12px;
}

@media screen and (min-width: 641px) {
	
	#gnav nav ul {
		width:960px;
		margin:0 auto;
		padding:20px 0;
		display: table;
	}
	#gnav nav ul li {
		padding:0 6px;
		display: table-cell;
		vertical-align:middle;
		text-align:center;
		border-right: 1px #c6b29a solid;
		box-sizing:border-box;
	}
	#gnav nav ul li:first-child {
		border-left:1px #c6b29a solid;
	}
	#gnav nav ul li a {
		height:100%;
		padding:3px 6px;
		display:block;
		vertical-align:middle;
		text-align:center;
		line-height:1.3;
		font-size:16px;
		color:#fff;
	}
	#gnav nav ul {
		position:relative;
	}
	#gnav nav ul.sub-menu {
		float:none;
		/*min-height:130px;*/
		margin:0 auto;
		padding:15px;
		position:absolute;
		border:2px #C96 solid;
		background-color:rgba(255,255,255,1.0);
		display:none;
		z-index:9999;
		box-shadow:2px 2px 5px rgba(0,0,0,0.3);
	}
	#gnav nav ul.sub-menu.sub-01 {}
	#gnav nav ul.sub-menu.sub-02 {
		width:260px;
		margin-left:-7px;
		top:70px;
	}
	#gnav nav ul.sub-menu.sub-03 {
		width:180px;
		margin-left:-7px;
		top:70px;
	}
	#gnav nav ul.sub-menu.sub-04 {}
	#gnav nav ul.sub-menu.sub-05 {}
	#gnav nav ul.sub-menu li {
		float:none;
		display:block;
		position:relative;
		border:none;
	}
	#gnav nav ul.sub-menu li:before {
		content: ' ';
		width: 0;
		height: 0;
		position: absolute;
		border: 5px solid transparent;
		border-left-color: #C79664;
		left: 0px;
		top: 12px;
	}
	#gnav nav ul.sub-menu li a {
		width:100%;
		height:auto;
		padding:8px 0 8px 10px;
		text-align:left;
		display:block;
		font-size:15px;
		color: #444;
	}
	#gnav nav ul li a:hover,
	#gnav nav ul li a.current {
		background-color:rgba(255,255,255,0.2);
		border-radius:5px;
	}
	#gnav nav ul li ul.sub-menu li a:hover,
	#gnav nav ul li ul.sub-menu li a.current {
		background:none;
		text-decoration:underline;
	}
	#gnav nav ul li a span {
		display:none;
	}
	
	#hnav {
		position:absolute;
		top:66px;
		right:0px;
		text-align:right;
	}
	#hnav p {
		font-size:10px;
		color:#111;
	}
	.sp { display:none; }
	
	#top_info {
		min-height:240px;
	}
	#map {
		width:274px;
		height:250px;
		margin-bottom:5px;
	}
	
	.press_box {
		display:table;
		margin-bottom:15px;
	}
	.press_box p {
		display:table-cell;
		vertical-align:middle;
		text-align:center;
		padding-left:15px;
	}
}

/*-----------------------------------------------------	*/
/*	for - 640px					*/
/*-----------------------------------------------------	*/

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

	#wrapper {
		width: 100%;
		min-width:100%;
	}
	header {
		background:url(../images/header_bg.png) repeat-x center top;
	}
	#header-inner {
		width: 100%;
		height:56px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		background:none;
	}
	#logo {
		width: 240px;
		padding: 10px 0 0 10px;
	}
	#logo a {
		width: 240px;
	}

	#gnav {
		position: absolute;
		top: 58px;
		width: 100%;
	}
	#gnav-btn {
		width: 24px;
		height: 24px;
		padding:8px;
		position:absolute;
		right:8px;
		top:8px;
		display: block;
		background-color:#fff;
		border-radius:5px;
	}
	#gnav-btn a {
		display: block;
		width: 24px;
		height: 24px;
	}
	#gnav-btn a:link,
	#gnav-btn a:visited {}
	#gnav-btn a:hover,
	#gnav-btn a:active,
	#gnav-btn a.current {}
	#gnav nav {
		width: 100%;
		overflow: hidden;
		position:relative;
		z-index:999;
		padding:0;
	}
	#gnav nav ul {
		display: none;
		float: none;
		width: 100%;
		border-left: none;
		border-right: none;
		margin:0;
		background-color:#5d4434;
		/*padding-top:14px;*/
	}
	#gnav nav ul li {
		float: none;
		width: 100%;
		position:relative;
	}
	#gnav nav ul li br {
		display:none;
	}
	#gnav nav ul li:first-child {
		/*border-top: solid 1px #0a2d55;*/
	}
	#gnav nav ul li a {
		width: 100%;
		height:auto;
		display: block;
		padding: 12px 15px;
		font-size: 14px;
		border-left: none;
		border-right: none;
		border-bottom: solid 1px #ddd;
		text-align:left;
		color:#fff;
	}
	#gnav nav ul li a span {
		display:inline-block;
	}
	#gnav nav ul li a:hover,
	#gnav nav ul li a.current {}
	#gnav nav ul li.shadeBtn span {
		display:block;
		width:14px;
		height:14px;
		padding:10px 20px;
		position:absolute;
		right:0px;
		top:5px;
		z-index:9999;
		text-align:right;
	}
	#gnav nav ul li.shadeBtn span.shadeClose {
		background:url(../images/sp/gnav_shadeClose.png) no-repeat center center;
		background-size:14px;
	}
	#gnav nav ul li.shadeBtn span.shadeOpen {
		background:url(../images/sp/gnav_shadeOpen.png) no-repeat center center;
		background-size:14px;
	}
	#gnav nav ul li li {
		background-color:#fff;
		position:relative;
	}
	#gnav nav ul li li a {
		color:#111;
		padding-left:30px;
	}
	#gnav nav ul li li a:before {
		content: "";
		position: absolute;
		top:18px;
		left:20px;
		border: 4px solid transparent;
		border-left: 6px solid #333;
	}
	#hnav {
		display:none;
	}
	#mainvisual {
		padding-top:0;
	}
	#mainvisual-inner {
		width: 100%;
		padding:0;
		box-sizing:border-box;
	}
	#mainvisual .img {
		width: 100%;
	}
	#mainvisual .img img {
		border:0;
	}
	
	#contents {
		width: 100%;
		padding:0;
		line-height: 160%;
	}
	#main-col {
		width: 100%;
		float:none;
		padding:20px 15px 10px 15px;
		background-color:#fff;
		box-shadow:3px 3px 0 rgba(0,0,0,0.1);
		box-sizing:border-box;
	}
	#side-col {
		width: 100%;
		float:none;
		padding:10px 15px 10px 15px;
		background-color:#fff;
		box-shadow:3px 3px 0 rgba(0,0,0,0.1);
		box-sizing:border-box;
	}
	#full-col {
		padding:20px 10px 10px;
	}
	
	.home-contents {
		width: 100%;
	}
	#home .column1 h2 {
		font-size:18px;
	}
	.title-lv1 {
		font-size:20px;
		border-bottom: 1px #999 dashed;
		border-top: 1px #999 dashed;
	}
	.title-lv2 {
		font-size:18px;
	}
	.title-lv3 {
		font-size: 16px;
	}
	.column-set-1 .column1 {
		padding: 0 10px 10px;
	}
	.column-set-2 .column1,
	.column-set-3 .column1,
	.column-set-3 .column2 {
		width: 100%;
	}
	.column-set-4 .column1 {
		width: 100%;
		padding: 0 10px 30px;
	}
	.column-set-2,
	.column-set-3,
	.column-set-4 {
		padding:0 0;
	}
	.box {
		padding-bottom:10px;
	}
	#home-news-block,
	#home-pickup-block {
		width:100%;
		float:none;
		margin-left:0;
		padding:0 15px 20px;
		box-sizing:border-box;
	}
	.top-news h2,
	.pickup-box h2 {
		font-size:18px;
		margin-bottom:10px;
	}
	.top-news,
	.pickup-box {
		padding:10px 15px 10px 15px;
	}
	#map {
		width:100%;
		height:250px;
	}
	
	.press_box {}
	.press_box p.img {
		float:left;
		width:50%;
		text-align:center;
		padding-bottom:15px;
	}
	.press_box p.txt {
		text-align:center;
	}
	
	.btn-more {
		margin: 10px auto 0;
	}
	
	.breadcrumb {
		padding:0;
	}
	.breadcrumb ul {
		padding:5px 10px;
	}
	.breadcrumb ul li {
		font-size:12px;
	}
	
	table.tb01 {
		display: block;
		position: relative;
	}
	table.tb01 th {
		width:100%;
		display: block;
		box-sizing:border-box;
	}
	table.tb01 td {
		width:100%;
		display: block;
		border-left:0;
		box-sizing:border-box;
	}
	.scroll table.tb02,
	.scroll table.tb03 {
		width:100%;
		min-width:580px;
	}
	.scroll {
		overflow: auto;　　　　/*tableをスクロールさせる*/
		white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
	}
	.scroll::-webkit-scrollbar {　　/*tableにスクロールバーを追加*/
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track {　　/*tableにスクロールバーを追加*/
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
		background: #BCBCBC;
	}
	
	.form-block {
		width: 100%;
	}
	dl.form_tb {
		width: 100%;
		padding:10px;
		background-color:#eeefef;
	}
	dl.form_tb dt {
		float:none;
		width: 100%;
	}
	dl.form_tb dd {
		margin-left: 0%;
	}
	dl.form_tb dt .th {
		padding:5px 5px 0;
	}
	dl.form_tb dd .td {
		padding:5px;
	}
	.form-block .select:after {
		top: 8px;
		right: 9%;
		font-size:10px;
	}
	.form-block input[type=text],
	.form-block textarea {
		width:100%;
		padding:5px;
		font-size:1.1em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.form-block select {
		width:100%;
		padding:5px;
		font-size:1.1em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	.form-block .select:after {
		top:10px;
		right:7%;
	}
	input[type="text"],
	input[type="submit"],
	input[type="button"] {
    border-radius: 0;
    -webkit-appearance: none;
  }
	
	.side-menu li a:before {
		top:22px;
	}
	#footer-body {
		padding:20px 0 0;
	}
	#footer-inner {
		width:100%;
		padding:20px 0 15px;
		color:#333;
	}
	#footer-inner .footer-logo {
		width:100%;
		display:block;
		text-align:center;
		padding-bottom:15px;
	}
	#footer-inner .footer-logo img {
		width:100px
	}
	#footer-inner .footer-contact {
		width:100%;
		float:none;
		display:block;
		padding-right:0px;
		padding:0 10px 15px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	footer .title {
		font-size:14px;
	}
	#footer-inner .footer-nav {
		width:100%;
		display:block;
	}
	footer ul {
		width:92%;
		margin: 0 auto;
		text-align:center;
	}
	footer ul li {
		width:50%;
		float:left;
		margin: 0;
		padding: 0;
		border:0;
	}
	footer ul li a {
		width:90%;
		display:block;
		margin: 0 auto 5px;
		padding:5px 0;
		font-size:12px;
		border:1px #ccc solid;
		border-radius:10px;
		background-color:#f1f0e6;
  }
	footer ul:last-child li {
    width:100%;
	}
	footer ul:last-child li a {
		width:100%;
		display:block;
		margin: 0 auto;
		padding:10px 0 5px;
		font-size:12px;
		border:0;
		border-radius:0;
		background-color:#DFDCCC;
	}
	#page-top {
		width:100%;
		height:40px;
		right:0;
		top:-40px;
		border-radius:0;
		text-align:center;
		background-color:#008cf8;
	}
	#page-top a {
		width:100%;
		border-radius:0;
		padding:10px 0 0;
	}
	
	.tb-change{
		display: block;
	}
	.tb-change thead{
		display: none;
	}
	.tb-change tbody{
		display: block;
	}
	.tb-change tbody tr{
		display: block;
		margin-bottom: 1.5em;
	}
	.tb-change tbody tr.class-type{
		margin-bottom: 0em;
	}
	.tb-change tbody th,
	.tb-change tbody td{
		display: list-item;
		border: none;
	}
	.tb-change tbody th{
		margin-bottom: 5px;
		list-style-type: none;
		border-bottom:1px #000 solid;
		border-top:1px #000 solid;
	}
	.tb-change tbody .class-type th{
		margin-bottom: 0;
		color: #fff;
		border-bottom:0px #000 solid;
		background-color:#008cf8;
	}
	.tb-change tbody td{
		margin-left: 10px;
		list-style-type: none;
		padding: 0;
	}
	.tuition-fees tbody td:nth-of-type(1):before { content: "[1st Term] "; }
	.tuition-fees tbody td:nth-of-type(2):before { content: "[2nd Term] "; }
	.tuition-fees tbody td:nth-of-type(3):before { content: "[3rd Term] "; }
	.tuition-fees tbody td:nth-of-type(4):before { content: "[Annual] "; }
	
	.class-info {
		font-size:14px;
	}
	.facilities-photo p {
		font-size:12px;
		line-height:1.2;
	}
	
	.pc {
		display:none;
	}
	.sp {
		display:block;
	}
}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

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

	.mainvisual-under {
		padding:20px;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#secondvisual-inner .img {
		/*width: 520px;
		margin-left: -260px;*/
	}
	#contents {
		/*line-height: 150%;
		font-size:14px;*/
	}
	.top-news h2 {
		font-size:18px;
	}
	.top-news dt {
		float:none;
	}
	.top-news dd {
		margin-left:0;
	}
	.submit-btn input {
		width:60%;
	}
	
	.fees dt {
		width:100%;
		display:block;
	}
	.fees dd {
		width:100%;
		display:block;
	}
	.bank-info dt {
		width:100%;
		display:block;
	}
	.bank-info dd {
		width:100%;
		display:block;
	}
	
}