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

img {
    max-width: 100%;
}
/* */
div#headnav {
    line-height: 1.7;
    min-height: 40px;
}
div#headnav p {
    line-height: 1.7;
    padding: 0 50px 0 0;
}
/* */
header {
    position: static;
	width: auto;
}
header nav {
    border: 1px solid #333333;
    background: #FFFFFF;
    width: 90%;
    display: none;
    z-index: 10000;
    float: none;
    position: fixed;
    top: 42px;
    right: 5%;
    height: auto;
}
header nav.open {
    display: block;
}
header nav ul li {
    padding: 0 10px;
    border-left: none;
    border-top: 1px dotted #CCCCCC;
    text-align: left;
    float: none;
    width: auto;
}
header nav ul li a {
    color: #333333;
    line-height: 30px;
}
header nav ul li.sp {
    display: block;
}
header #banner {
    display: none;
}
/* Toggle Button */
#nav-toggle {
    position: absolute;
    right: 12px;
    top: 4px;
    width: 40px;
    height: 36px;
    cursor: pointer;
    z-index: 401;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 6px;
    width: 100%;
    background: #888888;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}
/* */
#slider {
    height: auto;
    margin: 0;
}
#slide_wrap {
    width: auto;
    position: static;
    left: 0;
    margin-left: 0;
    height:auto;
}
.slider_entry {
	opacity: 1.0;
}
.slider_entry img {
    width: auto;
    height: auro;
}
/* */
#content {
    padding: 0;
	border-left: none;
}
#content_inner {
    width: auto;
    margin: 0;
    padding: 10px;
}
footer .inner {
    width: auto;
}
/* */
#latest_info {
    float: none;
    width: auto;
    height: auto;
}
/* */
#youtube {
    margin: 0 auto 10px auto;
    width: 288px;
    float: none;
}
#youtube iframe {
    width: 288px;
    height: 162px;
}
/* */
section#now div,
section#online div,
section#show div {
    margin: 0 0 20px 0;
    float: none;
    width: auto;
}
section#show div {
    border-bottom: 1px solid #888888;
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
}
section#now div dt,
section#online div dt,
section#show div dt {
    padding: 10px 0;
    font-size: 16px;
}
section#now div dd.date,
section#now div dd.place,
section#online div dd.date,
section#online div dd.place,
section#show div dd.date,
section#show div dd.place {
    font-size: 14px;
}
section#now h2,
section#online h2,
section#show h2 {
    margin: 0 0 10px 0;
}
/* */
#member #login{
    float: none;
}
#member #resister {
    float: none;
}
#member #login,
#member #resister {
    width: auto;
    min-height: auto;
    margin: 0 0 10px 0;
    padding: 10px;
}
/* */
#sns {
    display: none;
}
/* */
#archives {
    margin: 0 0 20px 0;
}
#archives li {
    font-size: 12px;
    margin: 0 0 10px 0;
    float: none;
    width: auto;
}
#line_friend {
    margin: 0 0 10px 0;
    display: block;
	text-align:  center;
}
/* */
.youtube_iframe {
    width: 270px;
    height: 180px;
}
}