@charset "utf-8";

/* モバイル対応 */
header, nav, #graphic, #contents, footer {
	width: 100%;
}
#graphic {
	height: auto;
	padding-top: 10px;
}
#graphic ul li {
	width: 100%;
}
#graphic ul li img {
	max-width: 100%;
	width: 100%;
}
#main, #news ul li, h2 {
	width: auto;
	float: none;
}
nav ul li#nav_about,
nav ul li#nav_menu,
nav ul li#nav_trimming,
nav ul li#nav_column {
	width: 100%;
}
nav ul li#nav_about,
nav ul li#nav_menu,
nav ul li#nav_trimming {
	border-bottom: 1px solid var(--base-color);
}

nav ul li#nav_about a,
nav ul li#nav_menu a,
nav ul li#nav_trimming a,
nav ul li#nav_column a {
	height: 44px;
	margin-bottom: 0px;
	padding-top: 0px;
	background: var(--main-color) none;
	color: var(--base-color);
	font-size: 14px;
	text-align: center;
	text-decoration: none;
	line-height: 3;
}
nav ul li#nav_about a:hover,
nav ul li#nav_menu a:hover,
nav ul li#nav_trimming a:hover,
nav ul li#nav_column a:hover {
	opacity: 0.7;
}
#news h2 {
	margin-bottom: 0;
}
#contents #main {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.article .image_right,
.article .image_left {
	max-width: 80%;
	height: auto;
	margin-left: 10%;
	float: none;
}
.box ul li {
  margin-top: 8px;
	font-size: 14px;
  text-indent: 0;
}
.trimming_box {
  width: 92%;
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.trimming_box div p {
	padding-bottom: 16px;
}
.trimming_menu {
	font-size: 14px;
}
#sub {
	margin: 0 auto;
	float: none;
}
footer {
	padding-top: 30px;
}
#pagetop {
	position: static;
	text-align: right;
}
#schedule h3 {
	width: 84%;
	margin: 0 auto;
}
#schedule table {
	margin-right: auto;
	margin-left: auto;
}