@media screen and (max-width: 480px){
body,header, #wrapper, #header01, #footer01, #footer01 #footer ,header #button ,#wrapper #main,footer{

	width:100%;
}

#nav01 a,#nav02 a,#nav03 a,#nav03 a,#nav04 a,#nav05 a,#nav06 a,#nav07 a,#nav08 a{
	width:90%;
}
header{
	max-width:0;/*マックスサイズは指定一度0にしないとまずいかも*/
	min-width:0;
	max-width:480px;/*マックスサイズは指定*/
	/*min-width:auto;*/
	width:100%;
			max-height:120px;/*ボタン分マイナス*/
}

#wrapper header #header01{
	width:100%;
	padding:0;
	margin:0;
	text-align:center;}
	


header #header01 img{
	max-width:200px;
	padding-top:50px;
}

header #header01 .img03{
	display:inherit;
	max-width:460px;
	width:90%;


}
footer #footer01{
	background-image: none;
height:223px;
}
#main {
	/*margin-top:-80px;*/
	clear:both;
}
#adress{
	font-size:smaller;
}
#adress h3{
	font-size: 16px;
}

#aboutBox{
	padding-top:0;
}
#day #day_t02 img{
	width:100%;
}
/*------------*/
/*
#index_photo,#about_photo,#day_photo,#toku_photo,{
		margin-left:0;
	margin-left:10px;
}*/

#index_top p{
	font-size: 16px;
	font-weight: normal;
	color: #FBA404;
	padding-top:15px;
	text-align:center;
	margin:0;
}
#index #i_box01 table,#about #a_box01 table,#hiroba #h_box01 table,#annai #an_box01 table,#annai #an_box02 table{
	width:100%;
	padding-top:0;
	margin-right:0;
	margin-left:0;

}


#year_y01 .y_box01,#year_y01 .y_box02,#year_y01 .y_box03,#year_y01 .y_box04{
	margin-left:10px;
	margin-bottom:10px;
	/*padding:10px;*/
	border:1px dashed #aaa;
	width:96%;
	/*background-color:#FFC;*/
	list-style:none;
	text-align:center;
	clear:both;
    }
#map{
	margin-left:10px;
}
/**//**/
.year_photo01{
	margin-right:auto;
	margin-left:auto;
	
	padding-left:10px;}
.day_photo01{
	margin-right:auto;
	margin-left:auto;
	padding-left:0px;
}
.year_photo01 img,.day_photo01 img{
	max-width:480px;
	padding:3px;
	width:95%;
	float:none;
}
#year_01{
	margin-left:5px;;
}
#year_02{
	max-width:460px;
		width:100%;
		padding:0;

}
/**/

#day_b01 table tr th{
	width:40%;

}

/**/
#blog_photo img,#album_photo img{
	max-width:240px;
	width:43%;
	padding:2px;
}


#about #about02 p{
	padding-left:10px;
}

#about #about03 img{
	display:none;
}







#blog .blogkiji h2,#album .albumkiji h2{
	font-size:18px;
	line-height:21px;

}
#blogside h2{
	margin-right:20px;
	width:80%;
}
#blogside ul,#albumside ul{

	width:100%;
	margin-left:10px;
}
/*---------------bottan-------------------*/

#button01{
	display:none;
	height:0;
}
#button{
	display:none;
	
	clear:both;
}
 #button,#button ul,#button ul li,#button li a{
	height:0;
}
 
  /*  #menuList {
        display: none;
    }*/
 
    #rwdMenuWrap {
        width: 100%;
        border-bottom: #aaa 1px solid;
    }
 
    #rwdMenuWrap #switchBtnArea {
	width: 100%;
	height: 60px;
	position: relative;
	background-image: url(../img/button_bg.png);
    }
 /*トップボタン部分*/
    #rwdMenuWrap #switchBtnArea #switchBtn {
	/*top: 10px;*/
	top:10px;
	right: 10px;
	width: 100px;
	height: 40px;
	display: block;
	position: absolute;
	border-radius: 5px;
	background-color:#fff;

    }

/**/
#rwdMenuWrap #switchBtnArea #switchBtn{	background-image: url(../img/menu.png);
	background-repeat: no-repeat;
	background-position: center center;


}
#rwdMenuWrap #switchBtnArea #switchBtn.btnClose{	background-image: url(../img/menu_c.png);
	background-repeat: no-repeat;
	background-position: center center;


}
/*通常のハンバーガー オープンクローズ*/ 
  /*#rwdMenuWrap #switchBtnArea #switchBtn span {
        left: 20%;
        width: 60%;
        height: 4px;
        display: block;
        position: absolute;
        background-color: #fff;
        border-radius: 5px;
        transition: all 0.2s linear;
    }

    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(1) {top:10px;transform: rotate(0);}
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(2) {top:18px;transform: scale(1);}
    #rwdMenuWrap #switchBtnArea #switchBtn span:nth-of-type(3) {bottom:10px;transform: rotate(0);}
 
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(1) {top:18px;transform: rotate(-45deg);}
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(2) {transform: scale(0);}
    #rwdMenuWrap #switchBtnArea #switchBtn.btnClose span:nth-of-type(3) {bottom:18px;transform: rotate(45deg);}*/
	

	/*------------------------*/
 
    #rwdMenuWrap ul {
        width: 100%;
        display: none;

    }
 
    #rwdMenuWrap ul li {

        border-bottom: #aaa 1px solid;
		background: #fcecce;/*メニューバックカラー*/
				background-image: url(../img/button_bg01.png);
    }
 
    #rwdMenuWrap ul li a, #rwdMenuWrap ul li a:hover {
	padding: 15px 20px;
	text-align: left;
	display: block;
	position: relative;
	color: #666; width:auto;
    }
     #rwdMenuWrap ul li a.stay, #rwdMenuWrap ul li a.still{
		 display:block;
		 width:auto;
	 }
    #rwdMenuWrap ul li a:after {
        content: '';
        margin-top: -4px;
        top: 50%;
        right: 15px;
        width: 8px;
        height: 8px;
        color: #888;
        font-size: 1em;
        font-weight: bold;
        line-height: 1.2em;
        display: block;
        position: absolute;
        border-top: 2px solid #b0b0b0;
        border-right: 2px solid #b0b0b0;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
		
    }
 
    #contents {
        width: 100%;
    }
 
    #contents p {
        padding: 0 20px 2em 20px;
    }
}
 
/* ------------------------------
   CLEARFIX ELEMENTS
------------------------------ */
#button > ul:before,
#button > ul:after {
    content: " ";
    display: table;
}
#button > ul:after {clear: both;}
#button> ul {*zoom: 1;}



}