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



body.page-id-4142 #wrapper {
width: 1024px;
}


/*.userdata_box */

#left-box{
  width:100%;
  margin:8px;
}

#pickup{overflow: hidden;}

#pickup li{float:left;margin-left: 5px;}

.userdata_box{
	width:33%;
  margin-right: 2px;
  padding: 6px;
  box-sizing: border-box;  

}

.userdata_box img{
  width:80px;
  margin-bottom: 5px;
}

.author-link{
background: rgb(236, 173, 78);
text-align: center;
padding: 8px;
border-radius: 8px;
clear: left;
margin-top: 5px;
}

.author-link a{
color: #FFF;
font-size: 1.1em;
}

}



@media screen and (max-width: 1023px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

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

body{
position:relative;
}


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

header ul{position:absolute;right:0;top:0;}





#wrapper{
width: 100%;
position:static;
padding-bottom:0;
}

body.page-id-4142 #wrapper {
width: 100%;
}



/*nav*/

nav {width:auto;height:auto;margin:0;padding:0;overflow: hidden;}
nav ul#nav_menu {margin:0}
nav ul#nav_menu li{padding:0;margin:3px;width:48%;}
nav li.mbtn a{
  color:#FFF; 
  font-size: 1em;
  font-weight:bold;
  text-indent: 0%;
  padding: 8px 2px;
  height:22px;
  border-radius: 4px;
  text-align:center;
  width:auto;
  }
  
nav li.mbtn.reports a{ background:#D7A131;}
nav li.mbtn.special a{ background:#C15D59;}
nav li.mbtn.editorblog a{ background:#9470B3;}
nav li.mbtn.shoplog a{ background:#319AAF;}
nav li.mbtn.info a{ background:#CD7F45;}
nav li.mbtn.chief a{ background:#8BAC41;}

nav#header-blog{margin:0;padding:0;height:auto;}
#header-blog ul {width:auto;}
nav#header-blog ul li{margin:3px 0;}

nav#header-blog ul li.reports a:after{content:"100マイルブロガー";}
nav#header-blog ul li.special a:after{content:"スペシャル";}
nav#header-blog ul li.editorblog a:after{content:"耳寄り情報";}
nav#header-blog ul li.shoplog a:after{content:"お店からのお知らせ";}
nav#header-blog ul li.info a:after{content:"お知らせ";}
nav#header-blog ul li.chief a:after{content:"編集長ブログ";}


/*blog_top ブログのタイトル画像をしている人用*/

#blog_top{
  width: auto;
  margin:0;
  }

#blog_top img{
  max-width: 100%;
  border:none;
  border-top:5px solid #FFF;
  border-bottom:5px solid #FFF;
  
  margin:0;
}

#blog_top h1,#blog_top h2{display:none;}


/*top_main*/

.sec{margin-bottom: 0px;}


#top_main_box{
width:auto;
margin: 10px 5px;
float:none;
}


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

#top_main:last-child {
margin-bottom: 50px;

}

#top_main section h3{
  font-size:1.3em;
  margin:0px 5px 10px 0px;
  padding-left: 2.3em;
}


#hotbana li{
  margin-top: 0px;
    margin-bottom: 5px;
}
  


.post_thmb_small{
  width:31%;
  margin:0px 3px 3px 0 !important;
  padding:3px;
  position:relative;

}

.post_thmb_small .pts_dates{
  text-align:left;
}

.post_thmb_small .pts_auther{
  float:none;
  font-size: 1em;
  width:auto !important;
  height: auto !important;
  text-align:left;
}

 .pts_icons{

 }

/*sidebar-top*/

#sidebar-top{
  width:auto;
  margin:6px;
  padding:0;

  clear:both;
  float:none;
  overflow:hidden;
}  

#sidebar-top .widget{
  margin:10px 0 0 10px !important;
  padding: 0;  
  display:block;
  width: 30%;
  box-sizing: border-box;
}


#sidebar-top .widget>div>div>div{
  text-align:center !important;
}

/*sidebar-blog  BLOGHOMEのsidey用*/

#sidebar-blog{
  width:100%;
  float:none;
  background:#FFF;
  overflow:hidden;
  border-top:1px solid #9DC47F;
}

#sidebar-blog .widget{
  width: auto;
  width:31%;
  background:none;
  border:none;
    border-radius: 0px;
}

.searchform{
display:none;
}


#fb-box{
width: 280px;
float:left;
}


  

  
#fblikebox iframe{
width: 100% !important;
margin:0 !important;
padding:0 !important;
}
  
footer{
background: #FFF;
width: auto;
overflow:hidden;
padding: 5px;
margin:0;
clear:both;
}

footer div.content_in{
  color:#333;
  font-size: 0.9em;
  width:auto;
  }

footer div.content_in li{}

footer div.content_in a{  font-weight:normal;}

footer div.content_in dt a{font-weight:bold;}
footer div.content_in dd{
  font-size: 0.9em;
  margin:0;}

footer p.copyright{ 
  color:#666;
  font-size: 0.8em;
  text-align:center;
  margin-top: 20px;}

/*blog*/



#main{

  width:auto;
  margin:3px;
  float:none;
}

.authorInfo{width:auto;}

.post{
margin:0;padding:5px;
}
.post p{margin:0;padding:0;}

.post img {
max-width: 96%;
height: auto;

}


/*ブログ個別ページ　side用*/

#sidebar-left,#sidebar-right{
  margin:0;padding:0 0 30px 0;clear:none;width: 100%;
  background:#FFF;
    border-top:1px solid #9DC47F;
  }
  
#sidebar-right .widget,#sidebar-left .widget{
  width:50%;
  background:none;
  border:none;
  margin:0;
  padding:0;}

#sidebar-right .widget h3,#sidebar-left .widget h3{
margin: 8px 5px 10px 5px;
}
  
#sidebar-right .widget>*,#sidebar-left .widget>*{
margin: 2px 6px;
}


/*****   イベント - 美人ランチ用    *****/

#main-event{
width: auto;
padding: auto;
margin: auto;
}

/*****   イベント - ペペサ＾レ用    *****/
.shopbox-s {
    width: 31%;
}

/*blog widgetのカレンダーを非表示にする！*/
#sidebar-left .widget:first-child{display:none;} 

#sidebar-right .widget ul{margin-right: 5px;}

#sidebar-right .widget li{float:left; list-style:none;width: 30px;text-align:right;}

/*カテゴリー用*/
#sidebar-left .category>ul>li,#sidebar-blog .category>ul>li{width:40%; float:left;}

form#searchform li{float:left;}
.form-control{height:auto;}


/*search*/
/* search input field */

header li.search{display:block;margin-top:20px;margin-right:5px;}


input[type=search] {
	background: #fff url(../img/search.png) no-repeat 9px center;
	border: solid 1px #1abc9c;
	padding: 9px 10px 9px 32px;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {

	background-color: #fff;


}

/* placeholder */
input:-moz-placeholder {
	color: #999;

}
input::-webkit-input-placeholder {
	color: #999;
}







}