/*
Theme Name: Liv/giant
Theme URI: http://www.giant.co.jp/
Author: Giant Japan
Author URI: http://www.giant.co.jp
Description: リブジャイアント用のテーマです。
Version: 1.0
*/

/* 基本タグ修正 */

p{
line-height:1.6em;
}


ul,ol{
	list-style-position:outside;
	margin:0px;
	padding:0px;
}

a:link,a:visited{
	text-decoration:none;
}

a:link{ color:#570054;}
a:visited{ color:#570054;}
a:hover{ text-decoration:underline;}

strong{
	font-weight:bold;
}

.img-border {
    border: solid 1px #ccc;
}


/* 右寄せ：左寄せ */
.left{
	float:left;
}
.right{
	float:right;
}

p.text-right{
text-align:right;
}

.center,
.aligncenter {
	text-align:center;
}

/* テキスト小さく */
.caption{
font-size:0.8em;
}

/* 色文字 */
.red{
color:#CC3333;
}
.pink{
color:#f25197;
}
.blue{
color:#004098;
}
.green{
color:#2fbfa6;
}
.orange{
color:#f37e00;
}

/* 矢印アイコン */
.arrow {
	background:url(images/ico_arrow.gif) no-repeat 0 center;
	padding-left:8px;
}

/* マージン、パディング */
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt20{
	margin-top:20px;
}
.mr10{
	margin-right:10px;
}
.ml10{
	margin-left:10px;
	padding-left:10px\9;
}
.mb2{
	margin-bottom:2px;
}
.mb8{
	margin-bottom:8px;
}
.mb10{
	margin-bottom:10px;
}
.mtb10{
	margin:10px 0 15px 0;
}
.pt10{
	padding-top:10px;
	display:block;
}


/* 英文 */
.arial{
	font-family: 'arial narrow';
	letter-spacing:0.1em;
}

/* 不可視クラス  */
.img-alt{
	display: none;
}

/* クリアフィックス */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 1px;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */



/*  ぱんくず　*/
.pan{
	font-size:92%;
	margin-left:10px;
	clear:both;
	position:relative;
	top:15px;
}
/* ラッパー */
.liv-news .wrapper {
    background: #fff;
    margin-top: 100px;
    padding-bottom: 40px;
}

.liv-news {
	background: #fff;
}

/* フッター */
.liv-news  #wrapper-footer {
    margin-top: 0;
}


.inner {
    max-width: 1170px;
    margin: 0 auto;
}

#cnt {
	float: left;
	width: 75%;
	margin: 0;
	padding: 0 0 20px 0;
	background: #fff;
}


#nav-liv {
	float: right;
	overflow: hidden;
	margin: 81px 0 0 0;
	padding: 0;
	position:relative;
	background: #fff;
	border-left: solid 1px #ddd;
  padding-left: 15px;
	width: 25%;
}

.category #nav-liv {
	margin: 85px 0 0 0;
}

.archive #nav-liv {
	margin: 70px 0 0 0;
}




/* メイン（右部分）全体 */
#blog_main{
	margin-top:0;
	padding-right: 15px;
	/*
	box-shadow:rgba(194, 194, 194, 0.690196) 0px 0px 3px 1px;
	-webkit-box-shadow:rgba(194, 194, 194, 0.690196) 0px 0px 3px 1px;
	-moz-box-shadow:rgba(194, 194, 194, 0.690196) 0px 0px 3px 1px;
	*/
}
#blog_main.liv-news-top {
	margin-top: 0;
}
#blog_main.detail-page {
	margin-top:18px;
}

.pageset {
	margin-bottom: 15px;
}

.blog_body {
	background:#FFF;
	position:relative;
}


.blog_body .mov {
    width: 100%;
    padding-bottom: 56.25%;
    margin-right: 10px;
    position: relative;

}

.blog_body iframe {
position: absolute;
width: 99% !important;
height: 100% !important;
}

.blog_body video {
position: absolute;
width: 100% !important;
height: 100% !important;
}


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

.cate_name{
	margin:4px 0 0 10px;
}
.cate_name p{
	font-size:10px;
}
#liv_news {
  margin: 12px 0 -12px 0;
  font-size: 30px;
  color:#570054;
}

#list_table{
}

#kiji_navi{
	height:auto;
	margin-bottom:40px;
}

#kiji_navi p.cate_title{
	float:left;
	margin:0;
	padding:0;
	line-height:0;
	height:auto;
}

#kiji_navi ul{
	margin-left:0px;
}
#kiji_navi ul li{
	margin:0 0 0 0;
	padding:10px 0 10px 5px;
	border-top:solid 1px #ddd;
	list-style: none;
}
#kiji_navi ul li:last-child{
	border-bottom:solid 1px #ddd;
}


#kiji_navi ul li a{
	color:#5c6f7c !important;
}

#blog_navi {
	margin-top: 20px;
}

.breadcrumb-container {
	margin: 0!important;
	padding: 0!important;
}
.breadcrumb-container li:first-child a {
    margin: 0 5px 0 0;
    padding: 5px 10px 5px 0;
}

/* サイドバー記事一覧 */
.sidebar-post-list {
	margin:0 0 0 0;
	padding:10px 0;
	border-top:solid 1px #ddd;
}
.thumb img{
	width:60px;
	height:auto;
}
.thumb-l {
	margin: 0!important;
}
.thumb-l img{
	width:120px;
	height:auto;
	margin: -1px 0 -2px -1px;
}

/* 月別アーカイブ */
#monthly_archive{
	margin-top:40px;
}

/* トップ一覧 */
.liv_cate_name {
	font-size:16px;
	margin-left:15px;
	color:#570054;
}

#mycategoryorder-2 h3.widgetTitle{
	display:none;
}
#nav-liv h3.widgetTitle{
	color: #570054;
	font-size: 1.6em;
	line-hight: 1em;
	font-weight:normal;
	margin: 0px 0 5px 0;
	padding: 1px 0 1px 0;
	border-left: none;
	display:block;
}

.blog_kiji{
	margin:10px 0 0 0;
	border:solid 1px #cccccc;
}

.blog_kiji .image {
	max-width: 120px;
}

.blog_kiji_inner{
	margin-bottom:0 !important;
	padding-top: 15px;
	padding-right: 15px;
}
.list_title {
	padding:0 0 0 0;
	margin:2px 0 5px 0 !important;
}
.list_title a{
	font-size:14px!important;
}
.blog_kiji .blog-meta {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	margin-bottom: 4px;
}
.blog_kiji .data{
	font-size:13px;
	color:#666666;
	margin:6px 0!important;
}
.blog_kiji .cate {
	font-size:13px;
	color:#666666;
	margin:5px 0 6px 10px!important;
}
.blog_kiji .cate span {
    border-radius: 4px;
    padding: 2px 6px;
		font-size: 10px;
}
.blog_kiji .cate .team,
.blog_kiji .cate .interview {
	color: #fff;
	background: rgba(0,112,190,1);
}
.blog_kiji .cate .bike {
	color: #fff;
	background: rgba(33, 157, 221,1);
}
.blog_kiji .cate .gear {
	color: #fff;
	background: rgba(255, 165, 0,1);
}
.blog_kiji .cate .event {
	color: #fff;
	background: rgba(117,188,19,1);
}
.blog_kiji .cate .other,
.blog_kiji .cate .store_info {
	color: #fff;
	background: #570054;
}



.blog_kiji_inner div.blog_cap{
	line-height:1.8px;
	margin-bottom:-15px !important;
}

.blog_kiji_inner div.blog_cap p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


.blog_body .u-line {
  text-decoration: underline!important;
}

.blog_body h2.title-bar {
  position: relative;
  font-weight: bold;
  padding-left: 0.8em;
}

.blog_body h2.liv-ppl {
  color: #570054!important;
}


.blog_body h3.title-bar {
  position: relative;
  font-weight: bold;
  padding-left: 0.8em;
}

h3.title-bar::before {
  content: "";
  width: 7px;
  height: 100%;
  background: #570054;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  position: absolute;
  left: 0;
}

/* ページトップボタン */
#pagetop {
	width: 70%;
	border: none;
	padding: 10px 0;
	position:relative;
	right: -27px;
}
#pagetop a{
	float:right;
	padding-right: 20px;
	position: relative;
}

#pagetop a::after {
	content: "";
	display: block;
	width: 12px;
  height: 12px;
  border: 3px solid;
  border-color: #570054 #570054 transparent transparent;
  transform: rotate(-45deg);
	position: absolute;
	top: 8px;
	bottom: 0;
	right: 0;
	margin: auto;
}

/* 前後記事へリンク */
#post_nav{
	width:100%;
	margin-bottom:0 !important;
}
.blog_body div#post_nav div{
	margin-bottom:0 !important;
}

.prev_post {
	float:left;
}

.next_post {
	float:right;
}

/* ページング */
.pageset {
	text-align:right;
	margin-top:2px;
	margin-right:0px;
	font-size:10px;
}

.pageset-bottom {
	margin-top: 15px;
}

.pageset a{
	color:#444;
	font-size:10px;
	padding:0 3px 0 5px;
	border-left:1px solid #ccc;
}

.pageset .current{
	color:#111;
	font-size:10px;
	padding:0 3px 0 5px;
	font-weight:bold;
	border-left:1px solid #ccc;
}

.pageset a.prev{
	color:#444;
	font-size:10px;
	padding:0 3px;
	border-left:none!important;
}


.pageset span{
	font-weight:bold;
	font-size:10px;
}

.pageset2 {
	text-align:right;
	margin-top:2px;
	margin-right:16px;
	font-size:10px;
}

.pageset2 a{
	color:#444;
	font-size:10px;
}

.pageset2 span{
	font-weight:bold;
	font-size:10px;
}


.f14{
        font-size:14px;
}

.cap{
        display:bloc;
        width:290px;
        margin-top:-5px;
        font-size:11px;
        line-height:12px;
}

.cap2{
        display:bloc;
        width:200px;
        margin-top:-5px;
        font-size:11px;
        line-height:12px;
}

.cap3{
        display:bloc;
        width:680px;
        margin-top:-5px;
        font-size:11px;
        line-height:12px;
}

/* 記事詳細 */
.blog_kiji2{
	width:100%;
	margin:10px 0 0 0;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
}


#blog_title{
	background:#570054;
	padding:10px 0;
}

#blog_title h2{
	margin:0 0 0 10px!important;
	display:block;
	font-size:16px;
	font-weight:300;
	color:#FFF;
}
#blog_title p.data{
	display:block;
	margin:2px 0 0 10px;
	color:#FFF;
        font-size: 12px;
        font-weight: 100;
}

.blog_kiji2 .blog_body{
	width:100%;
	margin:0px auto 0 auto;
	padding: 29px 10px;
}

/* ビジュアルリッチテキストエディタ */
.blog_body h1
{
	font-size:250%;
	line-height:normal;
	padding:5px 0;
}

.blog_body h2
{
	font-size:180%;
	padding:5px 0;
	line-height:normal;
	letter-spacing:-0.1rem;
  font-family: Helvetica,Arial,sans-serif;
}

.blog_body h3
{
	font-size:135%;
	line-height:normal;
	background-image:none;
	background-color:none;
}

.blog_body h4
{
	font-size:105%;
	padding:5px 0;
	line-height:normal;
	font-weight:normal;
}

.blog_body h5
{
	font-size:83%;
	padding:5px 0;
	line-height:normal;
	font-weight:normal;
}

.blog_body h6
{
	font-size:72%;
	padding:5px 0;
	line-height:normal;
	font-weight:normal;
}

.blog_body em{
	font-style:oblique;
}

.blog_body ul{
	list-style:disc;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
}

.blog_body ol{
	list-style:decimal;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:10px;
}
.blog_body ol li,.blog_body ul li{
	line-height:1.5em;
}

.blog_body blockquote{
	padding:0px 30px;
	font-style:oblique;
}

.blog_body div{
	margin-bottom:15px;
}

.blog_body p{
	margin-bottom:20px;
}

.blog_body a{
	color:#570054 !important;
}


#cboxClose {
    top: 5px;
    right: 5px!important;
    padding: 5px;
    width: 12px;
    height: 12px;
    line-height: 12px;
    border-radius: 50%;
    background: #fff;
    border: solid 3px #666;
    box-sizing: content-box;
    text-align: center;
}

@media (max-width: 767px){
    .liv-news .wrapper {
        margin-top: 61px;
    }
#blog_main{
	padding-right: inherit;
}

#cnt {
    float: none;
    width: 100%;
    padding: 0 0 20px 0;
}


#nav-liv {
	float: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
}

#blog_title h2 {
    margin: 0 2.5%!important;
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #FFF;
}
#blog_title p.data {
	margin: 5px 2.5% 0 2.5%!important;
}

.blog_body {
    padding: 4% 0 10%;
}

 .blog_body p br {
        display: none;
}
.blog_body p br.sp {
    display: block!important;
}

img.size-full,
img.size-medium{
    width: 100%;
    height: auto;
}

#kiji_navi {
    width: 100%;
    margin-bottom: 0;
}

#pagetop {
    width: 100%;
}

.list_title {
	overflow: hidden;
	text-overflow: ellipsis;
  white-space: nowrap;
	margin:0px 0 0px 0 !important;
}
.blog_kiji .blog-meta {
	margin-bottom: 0;
}
.blog_kiji .data {
	margin: 3px 0 0!important;
}
.blog_kiji .cate {
	margin: 2px 0px 6px 10px!important;
}

.blog_kiji_inner div.blog_cap p {
	display: -webkit-box;
	-webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
		white-space: normal;
}

#nav-liv {
	border-left: none;
	margin-top: 50px;
}

.blog_kiji2 .blog_body{
	padding: 15px 0;
}



}


#fancybox-close span {
  display: none!important;
}