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


body {
 text-align:center;
 background-color:#ffffff;
}

#container {
 width:100%;
 margin-left:5px;
 margin-right:5px;
 text-align:left;
}

#header {
 
}

#main-home {
 width:100%;
 clear:left;
 margin-left:10px;
}

#footer-home {
 width:100%;
 height:35px;
}

#main {
 width:100%;
 float:left;
 margin-left:5px;
 margin-right:5px;
 padding-bottom:25px;
}

#side {
 width:100%;
 float:left;
}

#footer {
 width:100%;
 clear:both;
}

/*グローバルメニュー*/

#global-menu {
 clear:left;
 height:55px;
}

#menu-1 {
 text-align:center; 
 height:;
 width:33%;
 display: inline;
 padding:0px 10px 0px 10px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-2 {
 text-align:center;
 height:;
 width:33%;
 display: inline;
 padding:0px 3px 0px 3px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-3 {
 text-align:center;
 height:;
 width:33%;
 display: inline;
 padding:0px 8px 0px 8px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-4 {
 text-align:center;
 height:;
 width:33%;
 display: inline;
 padding:0px 10px 0px 10px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-5 {
 text-align:center;
 height:;
 width:33%;
 display: inline;
 padding:0px 15px 0px 15px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-6 {
 text-align:center;
 height:;
 width:33%;
 display: inline;
 padding:0px 10px 0px 10px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-7 {
 text-align:center;
 height:;
 width:33%;
 display: inline;
 padding:0px 20px 0px 20px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-8 {
 text-align:center;
 height:;
 width:33%;
 display: inline;
 padding:0px 20px 0px 20px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

/*h1〜*/

h1.headline1 {
 font-size:17px;
 font-weight:normal;
 padding:5px 0px 3px 10px;
 margin:20px 0px 15px 0px;
 border-left:solid 4px #dcdcdc;
 background: linear-gradient(#ffffff, #dcdcdc);
 clear:both;
}

h2.headline2{
 font-size:16px;
 font-weight:normal;
 padding:5px 0px 3px 10px;
 margin:20px 0px 0px 0px;
 border-left:solid 4px #dcdcdc;
 background: linear-gradient(#ffffff, #dcdcdc);
 clear:both;
}

h2.headline2-2{
 font-size:16px;
 font-weight:normal;
 padding:5px 0px 3px 10px;
 margin:20px 0px 12px 0px;
 border-left:solid 3px #e9e9e9;
 background: linear-gradient(#ffffff, #e9e9e9);
 clear:both;
}

h3.headline3{
 font-size:16px;
 font-weight:normal;
 margin-top:40px;
 margin-bottom:-16px;
}

h3.headline3-2{
 font-size:16px;
 font-weight:normal;
 border-bottom:solid 3px #e9e9e9;
}

p {
 font-size:15px;
 margin:0px;
 padding:3px;
 line-height:28px;
 letter-spacing:1px;
 padding-left:6px;
 padding-bottom:15px;
}

p.site-exp {
 margin:0px;
 line-height:28px;
 letter-spacing:1px;
 padding-bottom:10px;
}

p#copyright {
 text-align:left;
}

p#contact {
 text-align:left;
}

/*リンク*/
a.title {
 text-decoration: none;
}

a.title:link { 
 color:#000000; 
}
a.title:visited { 
 color:#000000; 
}

/*リスト*/

nav#path{ 
 margin-left:10px;
}

li.list { 
 list-style-type: none;
 letter-spacing:1px;
 display:inline;
 margin: 0 13px;
 line-height:50px;
}

li.bread { 
 list-style-type: none;
 letter-spacing:1px;
 display:inline;
}

li.ind { 
 list-style-type: none;
 letter-spacing:1px;
}

/*画像*/
img.site { 
 margin:40px 10px 0px 6px;
 max-width:40%;
}

/*BOX*/

div.site-box {
 width:100%;
 height:230px;
 margin-bottom:-60px;
}

div.site-sum {
 width:100%;
 margin-right:0px;
 margin-bottom:-30px;
 padding-right:0px;
 padding-left:10px;
 float:left;
}

div.site-sum-bot {
 width:60%;
 margin-right:0px;
 padding-right:0px;
 padding-left:10px;
 padding-bottom:40px;
 float:left;
}

}


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

body {
 text-align:center;
 background-color:#ffffff;
}

#container {
 width:100%;
 margin-left:5px;
 margin-right:5px;
 text-align:left;
}

#header {
 
}

#main-home {
 width:100%;
 clear:left;
 margin-left:10px;
}

#footer-home {
 width:100%;
 height:35px;
}

#main {
 width:100%;
 float:left;
 margin-left:5px;
 margin-right:5px;
}

#side {
 width:100%;
 float:left;
}

#footer {
 width:100%;
 clear:both;
}

/*グローバルメニュー*/

#global-menu {
 clear:left;
 height:35px;
}

#menu {
 display: none;
}

#menu-0 {
 display: block;
 position: fixed;
 right:30px;
 top:20px;
}


#menu-1 {
 text-align:center; 
 height:;
 width:;
 display: inline;
 padding:3px 10px 3px 10px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-2 {
 text-align:center;
 height:;
 width:;
 display: inline;
 padding:3px 3px 3px 3px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-3 {
 text-align:center;
 height:;
 width:;
 display: inline;
 padding:3px 8px 3px 8px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-4 {
 text-align:center;
 height:;
 width:;
 display: inline;
 padding:3px 10px 3px 10px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-5 {
 text-align:center;
 height:;
 width:;
 display: inline;
 padding:3px 15px 3px 15px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-6 {
 text-align:center;
 height:;
 width:;
 display: inline;
 padding:3px 10px 3px 10px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-7 {
 text-align:center;
 height:;
 width:;
 display: inline;
 padding:3px 20px 3px 20px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}

#menu-8 {
 text-align:center;
 height:;
 width:;
 display: inline;
 padding:3px 20px 3px 20px;
 margin-top:8px;
 list-style-type: none;
 letter-spacing:1px;
}




/*h1〜*/

h1.headline1 {
 font-size:17px;
 font-weight:normal;
 padding:5px 0px 3px 10px;
 margin:20px 0px 15px 0px;
 border-left:solid 4px #dcdcdc;
 background: linear-gradient(#ffffff, #dcdcdc);
 clear:both;
}

h2.headline2{
 font-size:16px;
 font-weight:normal;
 padding:5px 0px 3px 10px;
 margin:20px 0px 0px 0px;
 border-left:solid 4px #dcdcdc;
 background: linear-gradient(#ffffff, #dcdcdc);
 clear:both;
}

h2.headline2-2{
 font-size:16px;
 font-weight:normal;
 padding:5px 0px 3px 10px;
 margin:20px 0px 12px 0px;
 border-left:solid 3px #e9e9e9;
 background: linear-gradient(#ffffff, #e9e9e9);
 clear:both;
}

h3.headline3{
 font-size:16px;
 font-weight:normal;
 margin-top:40px;
 margin-bottom:-16px;
}

h3.headline3-2{
 font-size:16px;
 font-weight:normal;
 border-bottom:solid 3px #e9e9e9;
}

p {
 font-size:15px;
 margin:0px;
 padding:3px;
 line-height:28px;
 letter-spacing:1px;
 padding-left:6px;
 padding-bottom:15px;
}

p.site-exp {
 margin:0px;
 line-height:28px;
 letter-spacing:1px;
 padding-bottom:10px;
}

p#copyright {
 text-align:left;
}

p#contact {
 text-align:left;
}

/*リンク*/
a.title {
 text-decoration: none;
}

a.title:link { 
 color:#000000; 
}
a.title:visited { 
 color:#000000; 
}

/*リスト*/

nav#path{ 
 margin-left:10px;
}

li.list { 
 list-style-type: none;
 letter-spacing:1px;
 display:inline;
 margin: 0 13px;
 line-height:50px;
}

li.bread { 
 list-style-type: none;
 letter-spacing:1px;
 display:inline;
}

li.ind { 
 list-style-type: none;
 letter-spacing:1px;
 display: block;
}

/*画像*/
img.site { 
 margin:40px 10px 0px 6px;
 max-width:40%;
}

/*BOX*/

div.site-box {
 width:100%;
 height:230px;
}

div.site-sum {
 width:100%;
 margin-right:0px;
 padding-right:0px;
 padding-left:10px;
 float:left;
}

div.site-sum-bot {
 width:60%;
 margin-right:0px;
 padding-right:0px;
 padding-left:10px;
 padding-bottom:40px;
 float:left;
}

/*メールフォーム*/

#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
input[type="text"], textarea {
	width:80%;
	padding:5px;
	font-size:110%;
	display:block;
}
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}

/*ハンバーガーメニュー*/

#nav-drawer {
 display: block;
 position: fixed;
 right:30px;
 top:30px;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 200px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
 transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}