@charset "utf-8";

/* common */
a,a:link, a:visited {color:#000;text-decoration: none;}

h1, h2, h3, h4, h5 {font-weight: bold; }

#wrapper img{
	width:100%;
	height:auto;
	margin:0 auto;
}

section{
	clear:both;
}

.sp_none{
	display:none;
}

/*flame*/
#wrapper { 
	width:100%;
	margin:0 auto;
	overflow:hidden;
}

header { 
	border-top: 5px solid #E6E3C6;
	padding:5px 0px 0px;
	border-bottom: 1px solid #b5b5b5;
	position:fixed;
	width:100%;
	top:0;
	z-index:500;
	background:rgba(255,255,255,.8);
	height:61px;
}

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

#news_bottom, #topics, #movie, #vignette, #newspaper, #books, #magazine{
	margin-bottom:15px;
}

#movie .top_box1, #topics ul, #topics .right_part2, #news_top .right_part1, #vignette .top_box1, #newspaper .top_box1, #books #flick, #magazine .top_box1, #pr .pr_bnr, #bnr ul, footer{
	padding:5px;
}

/*header*/
.header-inner p, .search{
	display:none;
}
h1{
	width:180px;
	margin: 0 auto;
	padding:5px;
}
.sp_menu{
	width:13%;
	position:absolute;
	top:5px;
	right:5px;
}

/*menu*/

#sp_nav {
	position:fixed;
	width:100%;
	overflow:auto;
	top:71px;
	z-index:400;
}

.active {
	height:100%;
}

#sp_btn{
	position:fixed;
	top:2%;
	right:14px;
	width:14%;
	z-index:999;
}

#sp_menu {
	overflow:auto;
	padding-bottom:58px;
}

span#btn{
    height: auto;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 14%;
	z-index:999;
}

#sp_nav span img{
	width:100%;
}
nav ul#pc_menu{
	display:none;
}

#sp_nav ul{
	display: none;
}

ul#sp_menu li ul{
}

ul#sp_menu li a{
	display:block;
}

ul#sp_menu li{
	color:#fff;
	border-bottom:#f1f1f1 1px solid;
	font-size:106%;
	padding:10px;
	background:url(../img/sp_toggle_down.png) no-repeat 95% center #8fc124;
	background-size: 3% 10px;
}

ul#sp_menu li a{
	color:#8fc124 !important;
}

ul#sp_menu a:link {
	text-decoration: none;
}

ul#sp_menu li.selected {
	background:url(../img/sp_toggle_up.png) no-repeat 95% 2% #9dd22c;
	background-size: 3% 10px;
	padding-bottom: 0;
}

ul#sp_menu li ul li{
	background:none !important;
	padding-left:20px;
}

/*silder*/
#keyVisual{
	margin:71px 0 5px 0;
}

/*info*/
p.smt_info{
	padding:2px 0 4px;
}
p.smt_info:before{
}

/*見出し*/
.left h2, .right h3{
	background-color:#ebe9d1;
	padding:6px;
	font-size:18px;
	margin-bottom:15px;
	font-weight: normal;
}

h2 span, h3 span{
	font-size:60%;
	font-weight: normal;
	padding-left:1.5em;
}

h4 {
    color: #ec6300;
}

/*天気*/

div.weather_box{
	padding:2px 0px;
	margin-bottom:15px;
}
div.weather_box em{
	width:13%;
	float:left;
	margin-left:5%;
}

div.weather_box p, div.weather_box div{
	float:right;
	width:80%;
	text-align:left;
	font-size:81%;
}
.sp_none{
	display:none;
}

/*軽井沢のニュース*/

#news_top h2 {
	margin:0;
}

#news_top {
	border-bottom:1px solid #cfcfcf;
}

#news_top .top_box1 .floatL{
	margin-bottom:5px;
}

#news_bottom dl a{
	width:100%;
	float:left;
	display:block;
	position:relative;
}

#news_bottom dl{
	border-bottom:1px solid #cfcfcf;
	padding:5px;
}

#news_bottom dl:last-child{
	border-bottom:none;
}

#news_bottom dl dt{
	display:none;
}

#news_bottom dl dd.news_title{
	width:70%;
	background:url(../img/new_list.gif) no-repeat 0px 5px;
	padding-left:12px;
	margin-right:10px;
}

#news_bottom dl dd.date{
	text-align:right;
	position:absolute;
	top:0;
	right:2em;
}

.news_thumb{
	display:none;
}

.date {
	color: #3EA11F;
	font-size:75%;
}

/*新着ブログ*/

#blogs h2 {
	margin:0;
}

#blogs {
	border-bottom:1px solid #cfcfcf;
}

#blogs .top_box1 .floatL{
	margin-bottom:5px;
}

#blogs dl a{
	width:100%;
	float:left;
	display:block;
	position:relative;
}

#blogs dl{
	border-bottom:1px solid #cfcfcf;
	padding:5px;
}

#blogs dl:last-child{
	border-bottom:none;
}

#blogs dl dt{
	display:none;
}

#blogs dl dd.news_title{
	width:70%;
	background:url(../img/new_list.gif) no-repeat 0px 5px;
	padding-left:12px;
	margin-right:10px;
}

#blogs dl dd.date{
	text-align:right;
	position:absolute;
	top:0;
	right:2em;
}

#blogs dl dd.category {
}

.blogs_thumb{
	display:none;
}

.category {
	color: #3EA11F;
	font-size:75%;
}

/*トピックス*/

#topics h2{
	margin:0;
}

#topics .top_box2{
	/*display:none;*/
}

#topics ul li{
	float:left;
	width:48%;
	margin-bottom:10px;
}

#topics ul li:nth-child(2n) {
	float:right !important;
}

#topics ul li:nth-child(n+5){
	display:none;
}

#topics .floatL, #topics ul li .topics_thumb{
	position:relative;
}

#topics .floatL:after, #topics ul li .topics_thumb:after{
	background:url(../img/arrow_topics.png) no-repeat right center / 100% auto;
	content:'';
	display:inline-block;
	position:absolute;
	right:0;
	height:28px;
	width:20px;
}

#topics .floatL:after{
	top:42%;
}

#topics ul li .topics_thumb:after{
	top:38%;
}

/*動画*/
#movie .top_box1 {
	border-bottom:1px solid #cfcfcf;
}
#movie .top_box1 .floatL{
	width:43%;
	float:left;
}

#movie .right_part3{
	float:right;
	width:53%;
}

#movie dl a{
	width:100%;
	float:left;
	display:block;
	position:relative;
	border-bottom:1px solid #cfcfcf;
	padding:5px;	
}

#movie dl a:last-child{
	border-bottom:none;
}

#movie dl dt{
	width:70%;
	background:url(../img/new_list.gif) no-repeat 0px 5px;
	padding-left:12px;
	margin-right:10px;
}

#movie dl dd{
	text-align:right;
	position:absolute;
	top:5px;
	right:2em;
	text-decoration:underline;	
}

/*ヴィネット*/

#vignette .top_box1 .floatL{
	width:25%;
	float:left;
}

#vignette .right_part3{
	float:right;
	width:70%;
}

#vignette span{
	display:none;
}

.sp_vignette{
	float:none !important;
	clear:both;
}

.sp_vignette ul{
	width:100%;
}

.sp_vignette a{
	display:block;
	padding:2%;
	margin-right:10px;
	margin-left:2%;
}

.sp_vignette a li{
	background:url(../img/new_list.gif) no-repeat 0px 5px;
	padding-left:12px;
}

.subscribe{
	display:none;
}

p.more{
	background:url(../img/book_more.gif) no-repeat 0px 22px;
	padding:15px;
	float:right;
}

/*軽井沢新聞*/
#newspaper .top_box1 .floatL{
	width:25%;
	float:left;
}

#newspaper .right_part3{
	float:right;
	width:70%;
}

#newspaper li{
	padding:0 0 2% 12px;
	background:url(../img/new_list.gif) no-repeat 0px 5px;
}

/*軽井沢新聞の本*/
#flick {
	width: 100%;
	overflow-x:auto;
	overflow-y: hidden;
}

#flick ul {
	display: block;
	width: 250%;
	margin: 0;
	padding: 0;
}

#flick ul li {
	float: left;
	list-style-type: none;
	width: 10%;
	margin-right:0.5%
}

/*軽井沢スタイル*/
#magazine .top_box1 .floatL{
	width:25%;
	float:left;
}

#magazine .top_box1 .floatR{
	float:right;
	width:70%;
}

#magazine .top_box1 ul{
	clear:both;
}

#magazine .top_box1 ul a {
	display:block;
	margin-left:2%;
	margin-right:10px;
	padding:2%;
}

#magazine .top_box1 ul a li{
	padding-left:12px;
	background:url(../img/new_list.gif) no-repeat 0px 5px;
}

/*おすすめコンテンツ*/
#pr .pr_bnr{
	overflow:hidden;
}

#pr .pr_thumb{
	float:left;
	width:25%;
	margin:0 10px 10px 0;
}

#pr .pr_text{
}

/*ブログ、求人、不動産*/
#blog, #recruit, #house{
	display:none;
}

/*バナー*/
#bnr li{
	width:48%;
	margin-right:2%;
	float:left;
}

#bnr li img {
	border:1px solid #E7E7E7;
}

#bnr li:nth-child(2n) {
	margin-right:0 !important;
}

/*facebook、twetter*/
#fb-root, .fb-page, #twetterBox, #pc_facebook {
	display:none;
}

/*フッター*/
footer h3, footer section{
	display:none;
}

footer div#sp_twitter{
	float:left;
	width:20%;
	margin-right:10%;
}

footer div#sp_facebook{
	float:left;
	width:20%;
}
.fb_iframe_widget > span {
  vertical-align: baseline !important;
}

footer p{
	color:#8fc124;
	font-size:60%;
	margin-top:20px;
}

footer img.pc_none{
	padding:10px 0px;
}

.sp-buttons{
	display:none!important;
}