@charset "utf-8";

body{
color:#333;
font:13pt verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:1.9;
-webkit-text-size-adjust: none;
background:#fff;
}

/* #wrapper */
#wrapper{
border-left:5px solid #358cac;
border-right:5px solid #358cac;
border-top:5px solid #358cac;
border-bottom:5px solid #358cac;
}
/* Smart Phone */
@media only screen and (max-width: 1000px){
	#wrapper{
		margin:0 auto;
		width:100%-10px;
	}
}

/* PC */
@media only screen and (min-width: 1001px){
	#wrapper{
		margin:0 auto;
		width:1000px;
	}
}



nav{margin-bottom:5px;}


.menu1, .menu2{
	margin:0 auto;
	width:907px;
}
@media only screen and (max-width: 912px){
	.menu1, .menu2{
		margin:0 auto;
		width:679px;
	}
}
@media only screen and (max-width: 684px){
	.menu1, .menu2{
		margin:0 auto;
		width:451px;
	}
}
@media only screen and (max-width: 456px){
	.menu1, .menu2{
		margin:0 auto;
		width:223px;
		padding-top:20px;
	}
}





nav ul li{
	display: inline-block;
}



/* Menu Trigger */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  background-color:#66ffff;
  border-radius: 4px;
}
.menu-trigger {
  position: relative;
  width: 50px;
  height: 34px;
}
.menu-trigger span {
  position: absolute;
  left: 15%;
  width: 70%;
  height: 4px;
  background-color: #fff;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 5px;
}
.menu-trigger span:nth-of-type(2) {
  top: 15px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 5px;
}

.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
	.menu1{
			display: none;
	}

}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}

nav ul li{
	width:220px;
	height:110px;
	text-align:center;
	line-height:18px;
	vertical-align:middle;
	margin:5px 0 0 0;
}

/* Smart Phone */
@media only screen and (max-width: 768px){
	.btn{
		float:right;
		margin:10px 5px 0 0;
	}

}

/* PC */
@media only screen and (min-width: 769px){
	.btn{
		float:right;
		margin:10px 5px 0 0;
		/*display:none;*/
	}
}

#pagetop{
	position:fixed;
	bottom:0px;
	right:0px;
}

footer{
	text-align:center;
	font-size:10pt;
}

ul.switch{
    text-align: center;　/*ulの中身を中央揃え*/
    padding:0;
}

ul.switch li{
    display: inline-block; /*インラインブロック表示*/
    /display:inline; /*IE対策*/
    /zoom:1; /*IE対策*/
    padding: 0;
	font-size:10px;
}

#btnPC{
   /* background: #ccc;
    color: #fff;
	color:#000;*/
}
 
#btnSP{
    /*background: #726d6d;
    color: #fff;
	color:#000;*/
}