/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/


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

body {
	margin:0;
}

img {
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

/* head */

#head_box{
	width:100%;
	margin:0 auto;
}

#logo{
	float:none;
	text-align:center;
	padding-bottom:10px;
}

#head_bnr{
	float:none;
	text-align:center;
}

#gnavi_bg{
	width:100%;
	height: auto;
	background:none;
	padding:0 0 0 0;
}

#gnavi_box{
	width:100%;
	margin:0;
	border-left:none;
	border-right:none;
}

ul.slimmenu li {
    position: relative;
    display: inline-block;
    background-color: #482b02;
	width:100%;
	height: auto;
}

ul.slimmenu li.h {
	width:100%;
	height: auto;
	text-align:left;
	border-left:none;
}

ul.slimmenu li.h a {
    display: block;
	width:100%;
    color: #FFF;
	padding:2%;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
	text-align: left;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}

ul.slimmenu > li { margin-right: -5px; border-left: 1px solid #999 }
ul.slimmenu > li:first-child { border-left: 0 }
ul.slimmenu > li:last-child { margin-right: 0 }
ul.slimmenu li.n a {
    display: block;
	height:auto;
	background:#FFF;
	border-bottom:#666 1px solid;
	border-left:#666 1px solid;
	border-right:#666 1px solid;
    color: #000;
    padding: 12px 16px 10px 16px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
	text-align:left;
    font-weight: 400;
    text-shadow: 0 1px 0 rgba(255,255,255,0.2);
    transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    -moz-transition: background-color 0.5s ease-out;
    -webkit-transition: background-color 0.5s ease-out;
}

#contents{
	width:96%;
	margin:10px auto;
}

#top_box01{
	width:100%;
	padding-bottom:5px;
}

#main_v{
	float:none;
	width:100%;
	text-align:center;
}

#top_infobox{
	float:none;
	width:100%;
	margin:5px 0;
}

#top_bar{
	display:none;
	width:100%;
}

#top_bar_s{
	display: block;
}

#top_info{
	width:95%;
	height:200px;
	padding:10px;
}

#top_info ul{
	width:93%;
	padding:0;
	margin:0 0 0 20px;
}

#top_info li{
	padding-bottom:10px;
	font-size:14px;
	line-height:1.5em;
}

#top_info li a{
	font-size:14px;
}

#top_btn01{
	width:100%;
	padding-bottom:18px;
	text-align:center;
}

#qr{
	display:none;
}

.top_main{
	display:none;
}

.top_mains{
	display:block;
	width:100%;
}

#footer{
	width:100%;
	background:url(../../images/bg01.gif) repeat;
	padding:20px 0
}

#footbox{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:14px;
}

.foot_outer_content {
	margin-left: 0;
}

#pankuzu{
	width:100%;
	padding-bottom:5px;
	text-align:left;
}

#title_box{
	width:96%;
	background:#482b02;
	padding:2%;
	margin-bottom:10px;
}

#title_text{
	border-left:4px solid #caca8a;
}

#title_text h2{
	font-size:18px;
	color:#FFF;
	padding-left:10px;
	font-weight:normal;
}

#koshin{
	width:100%;
	padding-bottom:10px;
	text-align:right;
	font-size:12px;
}

#incontents{
	width:96%;
	background:#FFF;
	border:1px solid #999;
	padding:2%;
	margin:0 auto;
}

.hidden_pc {
	display: block;
}
.hidden_sp {
	display: none;
}
.imghdn_pc {
	display: inline;
}
.imghdn_sp {
	display: none;
}

/* aisatsu
---------------------------------------------------------- */

.aisatsu_img{
	float:none;
	padding-bottom:15px;
}

.aisatsu_txtbox{
	width:100%;
	float:none;
	
}

.aisatsu_mtxt span{
	font-size:20px;
}


/* 回り込み画像
---------------------------------------------------------- */
.layout1 div.imgleft p {
	float:none;
	text-align:center;
	margin-right: 0;
}

.layout1 div.imgright p {
	float:none;
	text-align:center;
	margin-left: 0;
}


/* calendar
---------------------------------------------------------- */
#calendar {
	display: none;
}

#calendar_sp {
	display: block;
	font-size:12px;
}

#calendar_sp table, 
#calendar_sp td.calsstcell {
	height: 100%;
}

.calsstng {
	height: 100%;
}




}