/*===============================================
●smart.css  画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:540px){

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

}

.content_in{
width:100%;
margin: 0px auto;
}

table,table td{
  width: 100% !important;
  height: auto !important;
  table-layout: fixed;
}

/*header*/


header{
background: url('../img/header_bg_01.jpg') repeat-x scroll 0px 0px transparent;


}

h1 img{
height:50px;
}

header ul li img{height:50px;}

header li.search{display:block;margin-top:7px;margin-right:3px;}

/* search */
input[type=search] {
	background: #2CC1A4 url(../img/search.png) no-repeat 9px center;
}


input[type=search] {
	width: 35px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
input[type=search]:hover {
	background-color: #39C5A9;

}
input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
input:-moz-placeholder {
	color: transparent;
}
input::-webkit-input-placeholder {
	color: transparent;
}

/*wrapper*/

#wrapper{}

#top_main,#home_main{
width:100%;
padding:0;
}

#pickup li {

    width: 100%;
}

/*.userdata_box */

#newblog_box {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}


.userdata_box{
  height: auto;
	width:48%;
  margin-right: 2px;

}
.userdata_box_inner{padding:5px;}

.userdata_box img{
  width:80px;
  float:none;
}
.userdata_box a{
  display:block;
 	font-size:1.1em;
  line-height:1.1em; }
.userdata_box p.description{display:none;}

.userdata_box p{
  line-height:1.1em; }

.userdata_box p.author-link{ display: none;
}
  

nav li.mbtn a{
font-size: 0.9em;

}  
nav#header-blog ul li{margin:0;padding:0;width:30px;height:27px;overflow:hidden;border:none;}

#blog_top img{
  border-top:3px solid #FFF;
  border-bottom:3px solid #FFF;
}

#top_main{
  margin: 0px;
}

#top_main section h3{
  font-size:1.2em;
}



#sidebar-top .widget{
  width:auto;
  float:none;
  margin-right: 10px !important;
}

.post_thmb_small{
  width:100% !important;
  height:auto !important;
  box-sizing: border-box;
  }
  
.post_home{
  width:95% !important;
  height: 300px;
}

.post_thmb_small .pts_info{position:relative;overflow:hidden;}

.post_thmb_small .pts_icons{
  position:absolute;top:2px;right:0; 
 }

.post_thmb_small .pts_title{
  width:auto;
  margin-right: 110px;
  margin-top: 0px;
  overflow: hidden;
  }

.post_thmb_small .thumbnail{
  float: right;
}
.post_thmb_small .thumbnail img{
  display:block;
  clip: rect(0px 100px 76px 0px);
  clear:none;
  max-height: 150px;
  height: auto;
  width: auto;
  max-width: 100px;
  
  }

#home_main .pts_info{height: 110px;}
#home_main .pts_title{top:10px;}
#home_main .thumbnail img{top:25px;}

#hotbana ul{
text-align:center;}

#hotbana li{
  float:none;
  margin:auto auto 5px;
}

#hotbana li a img{
  margin: 0;
}

#top_main section h3 {margin: 5px 5px 5px 0px;line-height: 40px;}
#sec_special_yellow h3{ line-height: 1em;height:33px;}


#sidebar-blog{ 
  width: auto;
}

/*****   イベント    *****/

#main-event{
  width: auto;
  padding: 5px;
  margin: 0px;
  box-shadow: none;
  float: none;
}

#main-event.bijinlaunch {
  width: auto;
}

#main-event h2.posttitle{
  font-size: 1.8em;
  padding-bottom: 6%;
}

#main-event h3{
  font-size: 1.8em;
  padding: 0px;
  margin: 0px;
}

#main-event .postbody{
  margin: 10px;
}

#main-event .postbody>div.firstChild{
  margin: 0px;
  padding: 0px !important;
  background-size:100% auto !important;
  }

#main-event .postbody div.post-blog{
  width: 100%;
  margin-bottom: 5px;
  margin-right: 0;
  float: none;
}

#main-event .postbody .restaurant{
  clear: both;
  display: block;
}

#main-event .postbody .restaurant-img{
  display: block;
  text-align: center;
}

#main-event .postbody .restaurant-img img{
  float: none;
  margin: 0;
}

#main-event .postbody .healthydo img.alignleft,#main-event .postbody .healthydo img.alignright,#main-event .postbody .restaurant img.alignright
{
float: none;
box-sizing: border-box;
}




#sidebar-event{
  float: none;
  box-shadow: none;
  width: auto;
  padding: 20px;
  overflow: hidden;
}

#main-event iframe.lastChild{
  height: 350px;
}

/*士別用*/

#main-event #post-4469 .postbody h3{
  line-height: 1.2;
  padding: 10px;
  margin: 0px;
  text-align: left !important;
}

#main-event #post-4469 .postbody h3 *{
  font-size: 90% !important;
}
#main-event #post-4469 .postbody h3 span.lastChild{
margin-top: 15px;
display: block;
}

/*ペペサーレ*/
.shopbox{
width: 100% !important;
padding: 20px;
margin: 0 0 10px 0;
}



/*イベント用　お問合せフォーム*/

#main-event form dl{
margin: 0;
}
#main-event form dl dt{ float: none;}
#main-event form dl dd{ width: auto;}

#main-event form input {
    max-width: 280px; /* レスポンシブの場合の対策 */
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

#main-event form textarea {
    max-width: 280px;
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

#main-event form input[type="submit"]  {
    width: 100%;
    max-width: 260px; /*送信ボタンの幅を指定*/
    margin: 0;
}

/*#sidebar-left,#sidebar-right { display:none;}*/

#sidebar_smart{
  display:block;
  background:#FFF;
  border-top:1px solid #F89E0C;
}

#sidebar_smart li{
  line-height: 3em;
  border-bottom:1px solid #F89E0C;
  padding-left: 1.5em;
  
}

#sidebar-left, #sidebar-right {
  width:100%;
  margin:0;
  background:#FFF;
}



.widget{
  width:95% !important;
  border:none;
    background:none;
    border-radius: 0px;
}

.searchform{
top:-5px;
right: 60px;
}

#fb-box{
width: auto;
float:none;
}

#fb-box iframe{
width: 100% !important;
}


fooer *{width:auto;clear:both;}
section.spotList{
width:100%;
display:none;
}


}