@charset "UTF-8";

img {
	max-width: 100%;
	height: auto;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
	
ul, li {
	margin:0px;
	padding:0px;
	list-style: none;
	}
	

/*--------------------------
モジュール
--------------------------*/
#page {
	position: relative;
}

/* ■ヘッダー■■■■■■■■■■ */

#header {
	background:#CF0010;
	border-bottom:8px solid #E60012;
	z-index:100;
	box-shadow:0px 0px 4px 0px #000;
	-moz-box-shadow:0px 0px 4px 0px #000;
	-webkit-box-shadow:0px 0px 4px 0px #000;
}
.header_top {
	background:#1A2027;
	height:50px;
	overflow:hidden;
	color:#CCC;
}
.header_topL {
	float:left;
	font-size:0.8rem;
	height:50px;
	padding-top:17px;
	padding-right:40px;
	background:url(../img/icon_bicycle.png) no-repeat right bottom;
}
.header_topR {
	float:right;
	padding-top:10px;
}
.header_topR ul {
	display:inline;
	margin-left:0.5rem;
}
.zilabo_list li,
.sns_list li {
	display:inline-block;
}
.zilabo_list li {
	padding:0 0.5rem;
}
.zilabo_list img {
	padding-bottom:5px;
}

.sns_list li a {
	display:block;
	background:#ccc;
	margin:0 0.2rem;
	font-size:1.3rem;
	width:1.4em;
	height:1.4em;
	text-align:center;
	color:#1A2027;
	/* 角丸 */
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
	border-radius: 10%;
}
.sns_list li a:hover {
	background:#FFF;
}

/* .header_main */
.header_main {
	overflow:hidden;
	padding:20px 10px;
	border-top:8px solid #E60012;
	border-bottom:1px solid #EB3341;
	box-shadow:0px 6px 4px -4px #960009 inset;
	-moz-box-shadow:0px 6px 4px -4px #960009 inset;
	-webkit-box-shadow:0px 6px 4px -4px #960009 inset;
}
.header_main a {
	color:#FFF;
}
.header_title {
	float:left;
	padding-right:20px;
}
.header_title h1,
.header_title p {
	margin:0;
font-size:inherit;
}

/* ナビゲーション */
.gNav {
	display:table;
	float:left;
	display:inline-block;/*IE用*/
	padding:17px 0 0 8px;
}
.gNav li {
	display:table-cell;
	text-align:center;
}
.gNav li a {
	/*font-family: 'Hind', sans-serif;*/
	padding:1rem 0.7rem;
	font-weight: bold;
}

/* 店舗ボタン */
.header_btn {
	float:right;
}
.header_btn ul {
	display:table;
}
.header_btn li {
	display:table-cell;
	border-right:1px solid #E78088;
}
.header_btn li:first-child {
	border-left:1px solid #E78088;
}
.header_btn li a {
	font-size:12px;
	display:block;
	width:4rem;
	padding:8px 0;
	text-align:center;
}
.header_btn li a:hover {
	background:#E78088;
	text-decoration:none;
}

.header_btn li a i {
	display:block;
	font-size:18px;
	padding:3px 0;
}

/* ■フッター■■■■■■■■■■ */
#footer {
	padding:2rem 1rem 1rem;
	background:#CF0010;
	color:#FFF;
	font-size:0.8em;
}
#footer li {
	display:inline-block;
}
#footer a {
	color:#fff;
}

.footer_bottom {
	border-top:1px solid #D93340;
	padding-top:20px;
}
.footer_bottom > *{
	margin-bottom:0;
}
.copyright {
	padding-top:12px;
}
/* .gotop
----------------------------------------------------*/
.gotop {
	position: fixed;
  right: 5%;
  bottom: 0;
	z-index:50;
}	
.gotop a {
	width: 90px;
  height: 80px;
  display: block;
}


/* ■コンテンツ■■■■■■■■■■ */
#content {
	display:block;
	overflow:hidden;
	margin:0 0 100px;
}
.content_inner {
	margin:2rem 1rem 0;
}

.content_inner > .container {
	/*display:table;*/
	/*width:100%;*/
}

#main,
#side {
	/*display:table-cell;*/
	margin-bottom:40px;
	/*vertical-align:top;*/
}

.side_ari #main {
	float:left;
	width:75%;
}
/* ■サイド■■■■■■■■■■ */
#side {
	float:right;
	width:23%;
	/*padding-left:3%;*/
	/*border-left:1px solid #ddd;*/
}

.submenu {
	border-top:4px solid #E60012;
}

.submenu h2 {
margin-bottom:0;

}
.submenu h2 a {
	display:block;
	padding:1.5em 0;
	font-size:1.2rem;
	color:#333;
}

.submenu ul a {
	display:block;
	padding:1em 0;
	border-bottom:1px solid #ddd;
	color:#333;
	padding-left:1.2em;
	text-indent:-1.2em;
}
.submenu ul a:before {
  content: "\f054";
  font-family: FontAwesome;
	color: #E60012;
	padding-right:.5em;
}
.submenu h2 a:hover,
.submenu ul a:hover {
	text-decoration:none;
	background:#fafafa;
}
.submenu ul {
	border-top:1px solid #ddd;
}
.submenu time,
.submenu small {
	display:block;
	font-size:0.7em;
	padding-left:1.9em;
}
.submenu ul ul {
	margin-left:1rem;
	border-top:none;
}
.submenu ul ul a {
	font-size:0.8rem;
}

/* ■メイン■■■■■■■■■■ */
.side_ari #main {
	padding-right:3%;
}
.entry_header {
	border-bottom:3px solid #333;
	margin-bottom:2rem;
}
.entry_header time {
	display:block;
	margin-bottom:1em;
}
.entry_body {
	margin-bottom:4%;
	overflow:hidden;
}

/* -------------------------------------
エントリー
------------------------------------- */
.entry {
	margin-bottom:40px;
}
.entry_info {
	border-top:1px solid #ddd;
	padding:0.8rem 0;
}
.entry_info .row > *{
	margin-bottom:0;
}
.entry_info time {
	margin-right:0.5rem;
}

.cat,
.cat_shop {
	display:inline-block;
}

.cat li,
.cat_shop li {
	display:inline-block;
	padding:2px 10px;
	font-size:12px;
	/*font-weight:bold;*/
	background:#1A2027;
	color:#fff;
	text-align:center;
}
.cat_shop li {
	background:#E60012;
	-webkit-border-radius:10px;
	-moz-border-radius:10px; 
	border-radius:10px;
}
.cat a {
	color:#fff;
}

.cat_shop li.honten,
span.honten {
	background:#EA7770;
}
.cat_shop li.chihaya,
span.chihaya {
	background:#31A5B2;
}

.twitter-share-button {
    vertical-align: middle;
}
.author-box {
	padding:20px;
	border:2px solid #ccc;
	margin-bottom:4%;
}
.author-box .avatar {
	float:left;
	margin-right:20px;
}
/*----------------------------------------------------
	ページ分割
----------------------------------------------------*/
.wp-pagenavi {
	clear: both;
	margin:30px 0 30px;
}

.wp-pagenavi a, .wp-pagenavi span {
	display:inline-block;
	text-decoration: none;
	background:#e9e9ed;
	padding: 5px 12px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background:#1A2027;
	color:#fff;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


/*----------------------------------------------------
	コンタクトフォーム7
----------------------------------------------------*/
.wpcf7-form p {
  display:none;
}
.wpcf7-form .row > *  {
	margin-bottom:0 ; 
}


@media only screen and (max-width: 1024px) {/*1024px未満*/
	.header_title {
		width:160px;
		margin-top: 10px;
		padding-right: 10px;
	}
}
@media only screen and (max-width: 991px) {/*10インチ未満*/
	/* ヘッダー */
	#header {
    border-bottom: 0;
		position: fixed;
		width:100%;
		height:56px;
	}
	.header_title {
		width:140px;
		margin: 0;
	}
	.header_main {
			padding: 12px 0 9px;
			border-top-width: 0px;
			box-shadow:none;
    border-bottom: 0;
	}
	.gNav {
		padding-top:5px;
	}
	.gNav li a {
		font-size: 0.8rem;
    padding: 0 0.45em;
	}

	#content {
		padding-top:56px;
	}
	.side_ari #main {
		padding-right:0;
		width:100%;
	}
	#side {
		display:none;
	}
	/*店舗ボタン*/
	.header_btn li a {
		font-size:10px;
		width:50px;
		padding:0px 5px;
	}

}
@media only screen and (max-width: 767px) {/*8インチ未満*/
	/*店舗ボタン*/
	.header_btn {
		padding-right:42px;
		margin-top: -3px;
	}

	/* スマホメニュー */
	.sp-menu {
		padding:40px 20px 20px;
		text-align:center;
	}
	.gNav {
		width:100%;
		margin-bottom:40px;
	}
	.gNav li,
	.gNav li a {
		display:block;
	}
	.gNav li a {
		font-size:1.1rem;
		padding:0.8em 0 ;
		border-bottom: 1px solid #333;
	}

	.sns_list {
		margin-bottom:40px;
	}

	.content_inner {
		margin:40px 0 0;
	}
}
@media only screen and (max-width: 543px) {/*スマホ以下*/

	body {
		font-size:15px;
	}
	.content_inner {
		margin-top:20px;
	}
	.box-image {
    margin-bottom: 20px;
    text-align: center;
	}
	.entry_sns {
		margin-top:10px;
	}
	.entry_header {
		margin-bottom:1rem;
	}
	.entry_header time {
		margin-bottom:0.5em;
	}

	#footer {
		padding-left:0;
		padding-right:0;
	}
}