@charset "utf-8";

//
// bootstrap fix
//
body {
	margin: 0 auto;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-right: 10px;
padding-left: 10px;
}
.row {
margin-right: -10px;
margin-left: -10px;
}

.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	width: 100%;
}


#carousel-example-generic {
	background: #CCC;
//	margin: 0 -18px;
	.inner {
		max-width: 400px;
		max-height: 250px;
		overflow: hidden;
		margin: 0 auto;

		.carousel-caption {
			top: 0;
			height: 0;//クリックできなくなる対策
		}
	}
}

//ドロップダウンメニューの入れ子
ul.dropdown-submenu {
	padding-left: 10px;
	list-style: none;
	&>li>a {
		display: block;
		padding: 3px 20px;
		clear: both;
		font-weight: 400;
		line-height: 1.42857143;
		color: #333;
		white-space: nowrap;
	}
}

//アコーディオン クリック範囲の修正
.panel-group > .panel > .panel-heading {
  padding: 0;
}
.panel-group > .panel > .panel-heading a:active,
.panel-group > .panel > .panel-heading a:hover,
.panel-group > .panel > .panel-heading a:focus {
  text-decoration: none;
}
a.accordion-toggle {
  display: block;
  padding: 8px 15px;//8px 15px;
}
//ボタン クリック範囲の修正
.btn-group-lg > .btn {
	padding: 0;
	a {
		display: inline-block;
		padding: 10px 16px;
	}
}

//
// buddypress fix
//
body {
	/*max-width: 1250px;*/
	max-width: 970px;
}

//ページ範囲外の表示
div.page {
	overflow: visible;
}

//本文行間など修正
.entry p {
	line-height: 1.7em;
	margin-bottom: 20px;
}

// editor.min.css fix
.wp-editor-area {
	background: #FFD;
}

//
// 共通
//

a.opa {
	&:hover {
		img {
			opacity:0.8
		}
	}
}
div.post-content {
	margin-bottom: 50px;
}


//会社概要
#company {
	> dl {
		margin-left: 0;
	}
	dl {
		dd {
			.groups {
				margin-left: 10px;
			}
		}
	}
}





//
@media only screen and (max-width: 979px) {
	// コンテンツ左余白の除去
	div.post-content {
		margin-left: 0;
	}
	.entry {
		clear: both;
	}
}

//
@media screen and (min-width: 769px) {
	//右カラム幅の修正
	div#content .padder {
		margin-right: 301px;
	}
	div#sidebar {
		margin-left: -302px;
		width: 300px;
	}
}

//タブレット未満
@media only screen and (max-width: 768px) {
	body {
		margin-top: 0!important;
	}
	// 
	#wpadminbar {
		display: block;
	}
	// メニューの修正
	ul#nav {
		padding-bottom: 0;
		background: #3A9;
		li {
			width: auto;
			margin-top: 8px;
			margin-bottom: 0;
		}
		li:nth-child(even) {
			margin-left: 5px;
		}
	}
	// メイン/サイドの余白
	.padder {
		padding: 10px;
	}
}
//
// admin-bar.min.css fix
//
#wp-admin-bar-new-content > a {
	//新規ボタンをハイライト
	background: #4C0 !important;
}

@media screen and (max-width: 782px) {
	//ログイン・登録ボタンの非表示を解除
	#wp-toolbar>ul>li {
		display: block;
	}
	//プルダウンメニューの前後表示fix
	html #wpadminbar {
//		z-index: 1000!important;
	}
	#wpadminbar {
		// ボタンの非表示
		li#wp-admin-bar-wp-logo,
		li#wp-admin-bar-updates,
		li#wp-admin-bar-wangguard-admbar-splog,
		li#wp-admin-bar-all-in-one-seo-pack {
			display: none;
		}
		// ボタンの表示
		#wp-admin-bar-search {
			display: block;
		}
	}
	// 検索ボタンの大きさ修正
	#wpadminbar #adminbarsearch:before {
		top: 3px;
		font-size: 40px!important;
	}
	#wpadminbar>#wp-toolbar>#wp-admin-bar-top-secondary>#wp-admin-bar-search #adminbarsearch input.adminbar-input {
		font-size: 26px;
		height:46px;
		width:48px;
		padding-left: 40px;
	}
	// メンバーor投稿 検索の非表示
	#search-bar {
		.padder {
			form {
				display: none;
			}
		}
	}
}

////////

#nav {
	margin-top: 20px;
	margin-right: 0;
}

//ヘッダー／バナー／メイン間の余白修正
#header {
	background: url(/img/common/header.jpg) no-repeat;
	margin-bottom: 0;
	padding-top: 40px;
//	z-index: 0;
	#search-bar {
		display: none;
	}
}
div#content .padder {
	padding-top: 10px;
}
div#sidebar .padder {
	padding-top: 10px;
}

//カスタムメニュー(bootstrap)
.navbar {
	margin-bottom: 10px;
	min-height: 40px;
	.container {
		width: auto;
		background-color: #FB0;
	}
}
.navbar-brand {
	padding: 10px 15px;//15px 15px
	font-size: 14px;
	font-weight: bold;
}
.navbar-nav > li > a {
	line-height: 10px;//20px
}
.navbar-toggle {
	margin-top: 2px;
	margin-bottom: 2px;
}
.navbar-default {
//	background-color:#FB0;//#CDF;
	background-color: transparent;//#FB0;
	border: 0;
	.navbar-brand {
		color: #339;//#999
	}
	.navbar-nav>li>a {
		color: #339;//#999;
		font-weight: bold;
		&:hover {
			color: #FFF;
		}
	}
	.navbar-toggle {
		border-color: #9BF;//#333
		.icon-text {
			display:block;
			float: left;
			margin-right: 5px;
			color: #339;
			line-height: 1em;
		}
		.icon-img {
			float: right;
		}
		.icon-bar {
			background-color: #339;//#FFF
		}
	}
	.navbar-toggle:hover,
	.navbar-toggle:focus {
		background-color: #9BF;//#333
	}
	.navbar-collapse,
	.navbar-form {
		border-color: #9BF;//#101010
	}
}
span.icon-text {
	display: block;
	float: left;
	margin-right: 5px;
	color: rgb(51, 51, 153);
	line-height: 1em;
}
.icon-img {
	float: right;
}

//フッター
#info-nav {
	background:#6AF;
	padding:8px 16px;
	clear: both;
	ul {
		margin-bottom:0;
		li {
			a {
				color: #FFF;
			}
		}
	}
}

//
// サイドバー
//
div#sidebar {
	.ads {
		margin: 0 -19px 10px -19px;
		text-align: center;
	}
}

.bnr-optour {
	position: fixed;
	z-index: 999;
	right: 0;
	bottom: 60px;
//	opacity: 0.8;
}

//
//
//

//記事の日時
p.date {
	color: #EEE;
}

//続きを読む
.more-link {
	display: block;
	background: #7B2;
	color: #fff;
	padding: 8px;
	text-align: center;
	border-radius: 6px;
	margin-top: 20px;

	font-size: 1.2em;
	text-decoration: none !important;
	font-weight: bold;
}
//
.meta-nav {
	background: #090;
	padding: 0 5px 4px 5px;
	color:#FFF;
	display: inline-block;
}

#blog-page,#blog-latest {
	h2.pagetitle {
		display:none;
//		font-size: 10px;
//		margin-bottom: -30px;
	}
	//
	#cont-head {
		.copy {
			background: #333;
			color: #FFF;
			padding: 10px;
		}
	}

	#menu-pickup {
		a {
			display: block;
			&:hover {
				opacity: 0.75;
				text-decoration: none;
			}
			img {
				border-radius: 0 15px 0 0;
			}
		}
		dl {
			margin: 0;
		}
		dt {
			p {
			    font-size: 18px;
			    color: #FFF;
				background: #036EB8;
			    padding: 6px;
			    line-height: 1.2em;
				margin-bottom: 6px;
				border-radius: 0 0 0 15px;
			}
		}
	}

	//お店一覧/カテゴリー
	#myTab {
		margin: 0 0 18px 0;
		background: #EEE;
	}
	#categories,
	#database {
		padding: 10px;
		border-radius: 8px;
		h4 {
				color: #FFF;
		}
		ul.content-index {
			margin: 0 0 0 -15px;
			li {
				display: inline-block;
				padding-left: 15px;
				color: #FFF;
				a {
					display: block;
					color: #FFF;
					line-height: 2em;
					&:before {
						content: '▶';
					}
				}
			}
		}
	}
	#categories {
		background: #5BF;
	}
	#database {
		background: #F76;
	}

	//新着
	#news,
	#forum {
		ul.list-image {
			list-style: none;
			margin: 0;
			li {
				position: relative;
				padding: 0;
			}
		}
		ul.list-text {
			list-style: none;
			margin: 0;
			li {
				padding: 4px;
				height: 28px;
				font-size: 14px;
				overflow: hidden;
				border-bottom: 1px dotted #9CF;
				a {
					&:before {
						content:'▶';
					}
				}
			}
		}
	}
	#comment {
		ul.list-text {
			list-style: none;
			margin: 0;
			li {
				background: url(/img/common/comment_fukidasi.png) no-repeat;
				padding-left: 18px;
				margin-bottom: 4px;
				a {
					background: #F88;
					display: block;
					border-radius: 6px;
					padding: 5px;
					color: #FFF;
				}
			}
		}
	}
	#forum {
		background: #070;//#FDD;
		color: #EEE;
		padding: 8px;
		h3 {
			margin-top: 0;
		}
		a {
			color: #AEF;
		}
	}
	//ランキング7days
	#ranking {
		ul.wpp-list-image {
			list-style: none;
			margin: 0;
			li {
				position: relative;
				padding: 0;
//				margin: 0 0 2px;
//				background: #FDC;
				a {
					display:block;
					img {
						max-width: 100%;
						height: auto;
					}
				}
				span {
					margin-left: 110px;
					margin-right: 10px;
					position: absolute;
					top: 8px;
				}
			}
			p {
				display: none;
			}
		}
		ul.wpp-list-text {
			list-style: none;
			margin: 0;
			li {
				padding: 4px;
				height: 28px;
				font-size: 14px;
				overflow: hidden;
				border-bottom: 1px dotted #9CF;
//				background: #FDC;
				a {
//					display:block;
					&:before {
						content:'▶';
					}
				}
			}
			p {
				display: none;
			}
		}
	}

	//ショップ検索一覧
	.search-list {
		dl.item {
			margin: 0;
			padding: 20px 10px;
			border-top: 1px dashed #AAA;
			background: rgb(229,249,229);
			background: -moz-linear-gradient(top, rgba(229,249,229,1) 0%, rgba(255,255,255,1) 33%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,249,229,1)), color-stop(33%,rgba(255,255,255,1)));
			background: -webkit-linear-gradient(top, rgba(229,249,229,1) 0%,rgba(255,255,255,1) 33%);
			background: -o-linear-gradient(top, rgba(229,249,229,1) 0%,rgba(255,255,255,1) 33%);
			background: -ms-linear-gradient(top, rgba(229,249,229,1) 0%,rgba(255,255,255,1) 33%);
			background: linear-gradient(to bottom, rgba(229,249,229,1) 0%,rgba(255,255,255,1) 33%);
			dt {
				float: left;
				width: 100px;
			}
			dd {
				margin-left: 100px;
				h3 {
					margin: 0;
					font-size: 20px;
				}
			}
		}
	}
}

//
div.entry img {
	max-width: 100%;
	height: auto;
}

#detail {
	.name-kana {
		font-size: 12px;
		margin: 0;
	}
	h2.name {
		margin: 0 0 20px 0;
		color: #F52;
		font: normal 18pt "HGS明朝E","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro",serif;
	}
	.copy {
		margin: 0 0 20px 0;
		color: #555;
		font: normal 16pt "HGS明朝E","ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro",serif;
	}
	#news {
		margin: 0 0 20px 0;
	}
	.dl-horizontal {
		margin: 0 0 20px 0;
		dt {
			width: 80px;
		}
		dd {
			margin-left: 100px;
		}
	}
}


//タブレット未満
@media only screen and (max-width: 768px) {

	#blog-page,#blog-latest {
		// socialbookmark-light を隠す
		.wp_social_bookmarking_light,
		br.wp_social_bookmarking_light_clear {
			display: none;
		}
	}

	div#sidebar {
		.ads {
//			margin: 0 auto 10px auto;
		}
	}

}
//メニューのスクロール化
.btn a {
	color: inherit;
}
	.scroll {
		background: #DDD;
	}

@media only screen and (max-width: 768px) {
	.scroll {
	    overflow: auto!important;
	    white-space: nowrap;
//		background: #DDD;
	}

	.scroll::-webkit-scrollbar{　　//tableにスクロールバーを追加
		height: 10px;
	}
	.scroll::-webkit-scrollbar-track{
		background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		background: #BCBCBC;
	}

	.navbar-nav>li {
//		display: inline-block;
//		float: none;
	}
	//ヘッダーメニューのフローティング化
	.navbar {
	  position: fixed;
	  z-index: 1000;
	  top: 44px;
	  right: 0;
		.container {
			background-color: transparent;
		}
	}
	.navbar-default .navbar-toggle {
		background: #FB0;
		border-radius: 22px;
		min-width:44px;
		min-height:44px;
	}
	.navbar-default .navbar-collapse {
		background: #FB0;
		border-radius: 22px;
	}
}

//@import "archive.less";
#blog-archives,
#blog-latest {
	div.post-content {
		margin-left: 0;
		margin-right: 165px;
	}
}
.archive-list {
//	div.hentry {
		position:relative;
		border-top: 1px solid #999;
		padding: 15px 0;
		margin: 0;
//	}
	&:hover {
//	div.hentry:hover {
		background-color: #FFD;
	}
	.thumb {
//	div.hentry .thumb {
		float: right;
		min-height: 150px;
		max-height: 150px;
	}
	a.linkblock {
//	div.hentry a.linkblock {
		display:block;
		width:100%;
		height:100%;
		position:absolute;
		left:0;
		top:0;
	}

	.thumb a img {
//	div.hentry .thumb a img {
		float: right;
	}

	h2.posttitle {
//	div.hentry h2.posttitle {
//		font-size: 20px;
		font-weight: bold;
	}

	div.post-content .date {
		position: absolute;
		bottom: 0;
	}
	a.tfe {
		display: block;
		max-height: 150px;
		overflow: hidden;
	}
}

//bbpress
#bbpress-forums {
	font-size: 14px;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
	font-size: 14px;
}
.bbp-topic-permalink {
	font-size: 170%;
}
//経過時間を隠してタイトル幅を広げる
li.bbp-forum-info,
li.bbp-topic-title {
	width: 77%;
}
li.bbp-forum-freshness,
li.bbp-topic-freshness {
	display: none;
}
//
#bbpress-forums div.bbp-forum-author img.avatar,
#bbpress-forums div.bbp-topic-author img.avatar,
#bbpress-forums div.bbp-reply-author img.avatar {
	max-width: 40px;
}

//投稿欄
form#new-post {
	background-color: #EEF6FF;
	padding: 10px 20px;
}
#bbpress-forums fieldset.bbp-form {
	border: 0;
	padding: 0;
}
//bugfix
#bbpress-forums fieldset.bbp-form select {
	width:100%;
}