@media (min-width: 767px) {
	.pc {
		display: block;
	}
	.sp {
		display: none;
	}
}
@media (max-width: 767px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}

@media (max-width: 767px) {

/* ヘッダー */
body {
	min-width: 100%;
}

/*ハンバーガーメニュー
===========================*/
	.inner {
		width: 980px;
		margin: 0 auto;
	}
	.inner:after {
		content: "";
		clear: both;
		display: block;
	}

	/* header */
	#top-head {
		top: -100px;
		position: absolute;
		width: 100%;
		margin: 100px auto 0;
		padding: 30px 0 0;
		line-height: 1;
		z-index: 999;
	}
	#top-head a,
	#top-head {
		text-decoration: none;
	}
	#top-head .inner {
		position: relative;
	}
	#global-nav {
		display:none;
	}
	#global-nav ul {
		list-style: none;
		position: absolute;
		right: 0;
		bottom: 0;
		font-size: 14px;
		padding-top:50px;
	}
	#global-nav ul li {
		float: left;
	}
	#global-nav ul li a {
		padding: 0 30px;
	}

	/* Fixed */
	#top-head.fixed {
		margin-top: 0;
		top: 0;
		position: fixed;
		padding-top: 10px;
		height: 55px;
		transition: top 0.65s ease-in;
		-webkit-transition: top 0.65s ease-in;
		-moz-transition: top 0.65s ease-in;
	}
	#top-head.fixed #global-nav ul li a {
		color: #333;
		padding: 0 20px;
	}

	/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 30px;
		top: 30px;
		width: 34px;
		height: 36px;
		cursor: pointer;
		z-index: 101;
	}
	#nav-toggle div {
		position: relative;
	}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #000;
		left: 0;
		-webkit-transition: .35s ease-in-out;
		-moz-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#nav-toggle span.toggle_1 {
		top: 0;
	}
	#nav-toggle span.toggle_2 {
		top: 11px;
	}
	#nav-toggle span.toggle_3 {
		top: 22px;
	}
    #top-head,.inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
        width: 100%;
        z-index: 999;
        position: relative;
    }
    #global-nav {
		display:block;
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -576px;
        background: #fff;
        width: 100%;
        text-align: center;
        padding: 10px 0 20px;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
		width: 100%;
		height: 300px;
		overflow: scroll;
    }
    #global-nav ul li {
		width: 95%;
		margin: 0 auto;
		padding: 10px 0;
		box-sizing: border-box;
        float: none;
        position: static;
		border-bottom: 1px #ccc solid;
    }
	#global-nav ul li:last-child{
		border-bottom: none;
	}
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #000000;
				font-size:20px;
        padding: 7px 0;
    }
	.global-nav_sns {
		width:80px;
		margin:15px auto;
	}
	.global-nav_sns img {
		width: 30px;
	}
	.global-nav_sns p {
		float:left;
	}
	.global-nav_sns p.sns_r {
		margin-left:20px;
	}
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span.toggle_1 {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span.toggle_2 {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span.toggle_3 {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(576px);
        -webkit-transform: translateY(576px);
        transform: translateY(576px);
    }
	.open #global-nav ul {
		
	}
	
/*--------------------------------------------------------
BG
--------------------------------------------------------*/
#bg {
	width: 100%;
	height: 0;
	background: url(../img/img_2016.jpg) center top no-repeat;
	background-size: 100%;
	position: fixed;
	z-index: -2;
	padding: 0 0 105%;
	margin: -75% 0 0;
}

/*--------------------------------------------------------
MESSAGE
--------------------------------------------------------*/
#message_sp {
	width: 100%;
	margin: -20px auto 0;
}
#message_sp .message_top {
	width: 100%;
	margin-top: 80%;
}
#message_sp .message_top img {
	width: 100%;
}
#message_sp .message_in {
	width: 100%;
	background: url(../img/bg_message_sp.jpg) center top no-repeat;
	background-size: 100%;
	margin: 0 auto 0;
	padding: 10% 0 100%;
}
#message_sp .message_in p.bird {
	margin-top: -50%;
	padding-top: 10%;
	text-align: center;
}
#message_sp .message_in p.bird img {
	width: 35%;
}


/*--------------------------------------------------------
BIRD
--------------------------------------------------------*/
#bird_sp {
	width:100%;
	background: url(../img/bg_bird_sp.jpg) center top no-repeat;
	background-size: 100%;
	padding: 0 0 295%;
}

/*--------------------------------------------------------
GEMBA
--------------------------------------------------------*/
#gemba_sp {
	width:100%;
	background: url(../img/bg_map_sp.jpg) center top no-repeat;
	background-size: 100%;
	padding: 12% 0 27%;
}
#gemba_sp .gemba_in {
	width: 95%;
	margin: 0 auto;
}
#gemba_sp .gemba_in h2 {
	text-align: center;
	font-size: 23px;
	letter-spacing: 5px;
	font-family:"ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
}
#gemba_sp .map {
	margin: 0 auto;
	box-sizing: border-box;
	text-align: center;
}
#gemba_sp .map .btn {
	margin: 110% auto 0;
	font-size: 12px;
}
#gemba_sp .map .btn a{
	background: #5677c7;
	padding: 10px 20px;
}

/*--------------------------------------------------------
SHARE
--------------------------------------------------------*/
#share_sp {
	width:100%;
	background: url(../img/bg_share_sp.jpg) center top no-repeat;
	background-size: 100%;
	padding:14% 0;
	margin: 0;
	box-sizing: border-box;
}
#share_sp .share_in ul {
	width: 87%;
	margin: 0 auto;
	margin-left: 13%;
}
#share_sp .share_in ul li{
	float: left;
	margin-right: 13%;
}
#share_sp .share_in ul li:last-child{
	margin-right: 0;
}
	


/*--------------------------------------------------------
footer
--------------------------------------------------------*/
#footer_wrap_sp{
	width:100%;
	background: url(../img/bg_foot_sp.jpg) center top no-repeat;
	background-size: 100%;
	padding: 0 0 5%;
	margin-top: -1%;
}
	
#footer_wrap_sp .footer_in {
	width:100%;
	min-width: 100%;
	margin:0 auto;
}
#footer_wrap_sp .footer_in .topbtn {
	width: 100%;
	text-align: center;
}
#footer_wrap_sp .footer_in .topbtn img {
	width: 40%;
}
#footer_wrap_sp .footer_in .copy {
	width: 100%;
	text-align: center;
	font-size: 10px
}

/*--------------------------------------------------------
ページトップ用
--------------------------------------------------------*/

}