/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
img{
max-width: 100%;
height: auto;
width /***/:auto;
}
#wrapper{
width:100%;
max-width: 640px;
}

.iframe-content{display:none;}

p{overflow:hidden;}

div#head{display:none;}
div#navi{display:none;}
div#foot{display:none;}

div#main{width:100%}

div#s-head {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
div#s-head iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

div#s-foot {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 75% 0 0 0;
}
div#s-foot iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}




div#picks {
width: 100%;
display: block;
}

div#picks p{
font-size:13px;
width: 95%;
padding:10px;
display: block;
}



div#picks img{
width: 80%;
margin:50px 0 0 10px;
}
	
hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}



div#favo{
width: 100%;
display: block;
padding:0}

.img_box{
width: 100%;
display: block;
	
	}
	
.img_box img{
width:100%;
margin-top:1px;
margin-bottom:10px;
z-index:-1;
}
	
.txt_box{
width: 90%;
margin:10px 15px 10px 15px;
display: block;}

.f_box{
	width:50%;
	display:block;
	margin:0 0 50px 0;
	float:left;
	}
.f_box img{width:80%}	


/*手帳メニュー*/
.diary-nav {
  margin: 0 0 30px;
  padding: 0;
  border-top: 1px solid #aaa;
  font-size: 13px;
  list-style-type: none;
}
/*clearfix*/
.diary-nav:after {
  content: "";
  clear: both;
  display: block;
}
.diary-nav li {
  float: left;
  width: 50%;
  text-align: center;
  border-bottom: 1px solid #aaa;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*奇数のli要素に適応*/
.diary-nav li:nth-child(odd) {
  border-right: 1px solid #aaa;
}
.diary-nav a {
  display: block;
  line-height: 44px;
  color: #000;
  text-decoration: none;
}
.diary-nav a:hover {
  color: #000;
  background: #e6e6e6;
}

/*sp top*/
.rstCmnCntsBoxUdr {
	display:none;
}