/*!
 Theme Name:     4x4LIFE
 Theme URI:      http://4x4life.jp
 Description:    Description: 4x4life2018
 Author:         Kisakit Design
 Author URI:     http://kisaki-design.com/
 Template:       4x4life2018
 Version:        18.0.1
 Main Color: #320406
*/


/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Type
   ========================================================================== */

html {
font-size: 62.5%; } /* 1.0em ≒ 10px */

body {
	font-family: Arial, Helvetica,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}

p {
  font-size: 14px;
  font-size: 1.4rem;
  margin: 0 0 1.5rem;
  line-height: 1.5rem;
}

p small {
  font-size: -1em;
}

p em {
  font-family: "Proxima Nova Italic";
}

p:empty {
  display: none;
}


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


h1 {
  font-size: 22.5px;
  font-size: 2.25rem;
  line-height: 2.25rem;
  margin-bottom: 1.125rem;
}

h2 {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  margin-bottom: 1.125rem;
}

h3 {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6rem;
  margin-bottom: 0.5625rem;
}

h4, h5, h6 {
  font-size: 14px;
  line-height: 1.4rem;
  margin-bottom: 0.5625rem;
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
}

h5 {
  font-size: 14px;
  font-size: 1.4rem;
}

h6 {
  font-size: 12px;
  font-size: 1.2rem;
  color: #dfdfdf;
  text-transform: uppercase;
}

strong {
  font-family: "Proxima Nova Bold";
  font-weight: normal;
}

em {
  font-style: normal;
  font-family: "Proxima Nova Italic";
}


.mincho {
    font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    }

.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}


/* ==========================================================================
   Link
   ========================================================================== */

a:link, a:visited {
    color: #111;
    text-decoration: none;
}
a:hover {
    color: #b8a049;
    text-decoration: none;
}

/* ==========================================================================
   Reset
   ========================================================================== */
/*
 * Removes default margin.
 */
* {
  margin: 0;
  padding: 0;
}

ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ol{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* ==========================================================================
   Layout
   ========================================================================== */
   
   /* 配置確認 */	
 /*#container{
	background-color: gray
}

#container_inner{
	background-color: maroon
}
#contents{
	background-color: aqua
}
aside{
	background-color: blue
}
#btn_side{
	background-color: green
}

#mainpage_bloglist{
	background-color: lime
} */



#container{
	position: absolute;
	top:0;
	width: 100%;
}
	
#container_inner{
	position: relative;
	width: 1140px;
	margin: auto;	
}

#contents{
	position: relative;
	width: 940px;	
	left: 160px;
}

#contents_inner{
	margin: 0px 0px 0px 60px
}

aside{
	position: absolute;
	width: 160px;
	top: 0;
}

#btn_side{
	position: absolute;
	width: 40px;
	top: 0;
	right: 0;
}

.clear{
	clear: both
}

/* 絶対配置 */
#btn_side_contents{
	position: fixed;
	top: 0;
	}	
	
#header_fixed{
	position: fixed;
	top: 0;
}

/* 表示順序 */
#google_translate_element{
	z-index: 8
}
aside{
	z-index: 7
}

#btn_side{
	z-index: 7
}

#header_menu_btn{
	z-index: 6
}

header{
	z-index: 5
}
#header_fixed{
	z-index: 3
}

/* 画面サイズが1141px以上の場合に適用 */
@media only screen and (min-width: 1141px) {
	
header #header_menu_btn,aside #aside_menu_btn,aside input#open{
	display: none;
}
}

/* 画面サイズが1140px以下の場合に適用 */
@media only screen and (max-width: 1140px) {
#container_inner{
	width: 100%;	
}
#contents{
	width: 100%;	
	left: 0
	}

#btn_side{
	display: none
}
}

/* 画面サイズが768px以下の場合に適用 */
@media only screen and (max-width: 1140px) {
#contents_inner{
	margin: 0px 10px 0px 10px
}	
}

/* YOUTUBE レスポンシブ対応 */
.movie_res {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.movie_res iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ==========================================================================
   Header
   ========================================================================== */
header{
	position: relative;
	background-color: #fff;
}

#header_fixed{
	width: 100%;
	padding: 7px 0px 10px 0px;
	background-color: #fff;
	}

#header_fixed a{
        width:220px;
        height:0;
        overflow:hidden;
        display:block;
        padding:32px 0px 0px 0px;
        background:url(/css/image/title_logo_220px.png) no-repeat 0 0;
        }


 #google_translate_element{
	position: fixed;
	top: 2px;
	margin:10px 0px 0px -200px
 }
 
 header div.wrap h1 a {
        width:360px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top:129px;
        background:url(/css/image/title_logo_360px.png) no-repeat 0 0;
        margin: auto;
}

header div.wrap h2{
	display:none;
}

#header_about{
	position: absolute;
	top: 30px;
	left: 60px;
}
#header_about a{
        width:51px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top:67px;
        background:url(/css/image/button_about.png) no-repeat 0 0;	
}

/* 画面サイズが1130px以下の場合に適用 */
@media only screen and (max-width: 1130px) {
#header_fixed{
	padding: 7px 0px 10px 35px;
}
#google_translate_element{
	margin: 0px 60px 0px 0px;
	right: 0;
}

#header_about{
	display: none;
}
}

/* 画面サイズが600px以下の場合に適用 */
@media only screen and (max-width: 600px) {
header{
	height: 100px;
	background: none 
}

header div.wrap h1 a {
	display: none;
    }
    
#google_translate_element{
	position: absolute;
	top: 30px;
	margin:10px 0px 0px 0px
 }
}


/* ==========================================================================
   LOGO
   ========================================================================== */
.logo_hallshot a{
        width:138px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 39px;
        background:url(/css/image/banner160_hallshot.png) no-repeat 0 0;
        }

.logo_phoenixauto a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 19px;
        background:url(/css/image/banner160_phoenixauto.png) no-repeat 0 0;
        }

.logo_navic a{
        width:98px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 26px;
        background:url(/css/image/banner160_navic.png) no-repeat 0 0;
        }

.logo_springroad a{
        width:136px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 31px;
        background:url(/css/image/banner160_springroad.png) no-repeat 0 0;
        }

.logo_tandt a{
        width:90px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 31px;
        background:url(/css/image/banner160_tandt.png) no-repeat 0 0;
        }

.logo_garagebilt a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 36px;
        background:url(/css/image/banner160_garagebilt.png) no-repeat 0 0;
        }

.logo_kisakidesign a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 23px;
        background:url(/css/image/banner160_kisakidesign.png) no-repeat 0 0;
        }


/* ==========================================================================
   左メニュー：aside
   ========================================================================== */
#aside_contents{
position: fixed;
overflow-y: scroll;  
z-index: 99;
top:0;
width:200px;
height:100%;
 -webkit-overflow-scrolling: touch;   // 慣性スクロールを追加
 -ms-overflow-style:none;
 }

#aside_contents::-webkit-scrollbar {
  display: none;
}

/* Firefoxのみスクロールが消えないので固定解除 */
@-moz-document url-prefix(){
 #aside_contents{
	position: relative;
    overflow-y: hidden
  }
}

#aside_inner{
	width: 160px;
	background-color: #fff;
	margin-top: 50px
	}

#aside_contents h3{
	display: block;
	color: #fff;
	background-color: #320406;
	font-size: 10px;
	font-size: 1.0rem;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 3px 5px;
	font-weight: 700;
	width: 155px
}

#aside_contents a:link, #aside_contents a:visited {
    color: #320406;
    text-decoration: none;
    }
    
#aside_contents nav{
	 font-family: 'Quattrocento', serif;
	 font-size: 14px;
	 font-size: 1.4rem;
	 color: #320406
 }
 
 #aside_contents nav ul{
	 margin: 10px 0px 10px 0px;
 }
 
 #aside_contents nav li{
	 padding: 15px 0px 15px 0px
 }
 
 #aside_contents .menu_sns{
	 font-size: 30px;
	 font-size: 3.0rem;
	 padding-left: 5px
 }
 
 #aside_contents .menu_sns li{
	 display: inline-block;
	 margin: 20px 0px 20px 0px
 }
 
 
 #menu_links{
	font-size: 12px;
	font-size: 1.2rem;
 }
 
#menu_links li{
	margin: 15px 0px 15px 0px
	
}

#menu_ocjc{
	padding: 20px 0px 30px 0px;
}
	
.menu_4x4life_shop{
	padding: 20px 0px 0px 0px;
}
 
#menu_garagebilt{
	 padding-bottom: 20px
 }
 
#menu_solidracing{
	padding: 20px 0px 30px 0px;
	}
	
	
 #menu_ocjc a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 64px;
        background:url(/css/image/banner160_ocjc.png) no-repeat 0 0;
        }

 #menu_hallshot a{
        width:138px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 39px;
        background:url(/css/image/banner160_hallshot.png) no-repeat 0 0;
        }

#menu_phoenixauto a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 19px;
        background:url(/css/image/banner160_phoenixauto.png) no-repeat 0 0;
        }

#menu_navic a{
        width:98px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 26px;
        background:url(/css/image/banner160_navic.png) no-repeat 0 0;
        }

#menu_springroad a{
        width:136px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 31px;
        background:url(/css/image/banner160_springroad.png) no-repeat 0 0;
        }

#menu_tandt a{
        width:90px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 31px;
        background:url(/css/image/banner160_tandt.png) no-repeat 0 0;
        }

#menu_garagebilt a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 36px;
        background:url(/css/image/banner160_garagebilt.png) no-repeat 0 0;
        }
        
#menu_solidracing a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 30px;
        background:url(/css/image/banner160_solidracing.png) no-repeat 0 0;
        }

/* 画面サイズが1140px以下の場合に適用 */
@media only screen and (max-width: 1140px) {
#aside_contents {
  position: fixed;
  top: 0;
  left: -200px; /* メニューのwidth + padding */
  width: 200px; /* メニューのwidth */
  height: 100%;
  transition: left .5s, right .5s; /* アニメーション */
}

#aside_inner{
  color: #fff;
  padding: 0px 20px;
  background-color: rgba(50,4,6,0.95);	
  margin-top: 0px
}

#aside_contents h3{
	color: #320406;
	background-color: #fff
}

#aside_contents a:link, #aside_contents a:visited {
    color: #fff;
}
 
 #menu_ocjc a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 64px;
        background:url(/css/image/banner160w_ocjc.png) no-repeat 0 0;
        }

 #menu_hallshot a{
        width:138px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 39px;
        background:url(/css/image/banner160w_hallshot.png) no-repeat 0 0;
        }

#menu_phoenixauto a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 19px;
        background:url(/css/image/banner160w_phoenixauto.png) no-repeat 0 0;
        }

#menu_navic a{
        width:98px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 26px;
        background:url(/css/image/banner160w_navic.png) no-repeat 0 0;
        }

#menu_springroad a{
        width:136px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 31px;
        background:url(/css/image/banner160w_springroad.png) no-repeat 0 0;
        }

#menu_tandt a{
        width:90px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 31px;
        background:url(/css/image/banner160w_tandt.png) no-repeat 0 0;
        }

#menu_garagebilt a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 36px;
        background:url(/css/image/banner160w_garagebilt.png) no-repeat 0 0;
        }
        
#menu_solidracing a{
        width:160px;
        height:0;
        overflow:hidden;
        display:block;
        padding-top: 30px;
        background:url(/css/image/banner160w_solidracing.png) no-repeat 0 0;
        }

/* トグルボタン */
.toggle {
  cursor: pointer;
}
 
.toggle:hover {
  text-decoration: underline;
}

#open {
  display: none;
}
 
/* :checked 擬似クラスを使って、#openがチェック状態になった時に、#menuが「right: 0;」になります。 */
#open:checked + #aside_contents{
  left: 0px;
}

}

/* ==========================================================================
   右メニュー：btn_side
   ========================================================================== */
#btn_side_contents{
	padding-left: 10px;
	font-size: 30px;	
	font-size: 3.0rem;
}
 /* ==========================================================================
   aside button
   ========================================================================== */
 
 	/* ヘッダー部分のボタン */
  #header_menu_btn{
	position: fixed;
	top:0;
	font-size: 30px;
	font-size: 3.0rem;
	margin-top: 7px
}
  
   /* アサイド部分の閉めるボタン */
#aside_menu_btn{
	font-size: 30px;
	font-size: 3.0rem;
	color: #fff;
}  
   
 /* 画面サイズが1140px以上の場合に適用 */
@media only screen and (min-width: 1141px) {
#header_menu_btn{
	display: none;
}
}


/* ==========================================================================
   center content
   ========================================================================== */


#main_content img {
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
}

ul.breadcrumb-list {
  list-style:none;
  padding-left:0;
  font-size: 12px;
  font-size: 1.2rem;
}

ul.breadcrumb-list > li {
  display:inline;
}

ul.breadcrumb-list > li:not(:nth-child(1)):before {
  content:" | ";
  color:silver;
}

/* ==========================================================================
   BLOG MAIN PAGE
   ========================================================================== */
#toppage_hottopics{
	color: #fff;
	background-color: #320406;
	border: 1px solid #555;
	padding: 18px 18px 0px 18px;
	text-align: center
	}

#toppage_hottopics h4{
	margin: 10px 0px 16px 0px
}

#toppage_hottopics h4 a{
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

#toppage_hottopics .hottopics_category{
	margin: 10px 0px 10px 0px;
	font-family: 'Quattrocento', serif;
	font-size: 16px;
	font-size: 1.6rem
}

#mainpage_bloglist{
	margin-bottom: 30px;
	}

#mainpage_bloglist h3{
	font-size: 30px; 	
	font-weight: normal;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #320406;
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 10px 0px
}

#mainpage_bloglist img{
	display: block;
    width: 100%;
    height: 170px;
   object-fit: cover;
   object-position: 0% 0% ;
}

.bloglist_table{
	display: table;
	width: 100%;
}

.bloglist_tablecell{
	display: table-cell;
	width: 24%;
	color: #fff;
	background-color: #320406;
	border: 1px solid #fff;
	padding: 18px 18px 0px 18px;
	}

.bloglist_tablecell a img{
	display: block;
    width: 180px;
    height: 180px;
   object-fit: cover;
   object-position: 0% 0% ;
   margin-top: 10px;
   margin-bottom: 15px;
}

.bloglist_image img{
    height: 180px;
}

.bloglist_tablecell h4{
	margin-bottom: 15px
}

.bloglist_tablecell h5{	
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 15px	
	}

.bloglist_tablecell a:link, .bloglist_tablecell a:visited{
	color: #fff;
	font-weight: normal;
	}

.bloglist_entrylink{
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.bloglist_entrylink a:link, .bloglist_entrylink a:visited{	
	color: #fff;
	}

.bloglist_entrylink a:hover {
	}  
	
	
	
/* 画面サイズが600px以下の場合に適用 */
@media only screen and (max-width: 600px) {
.bloglist_table{
	display:block;
}	
.bloglist_tablecell{
	display:block;
	width: auto
	}	
	
#mainpage_bloglist h3{
	font-size: 20px; 	
}

.bloglist_tablecell h4{
	margin-bottom: 5px
}

.bloglist_tablecell h5{
	margin-bottom: 5px
}

	}	 

/* ==========================================================================
   BLOG
   ========================================================================== */   
#blog_content{
	position: relative;
	padding: 0px 0px 0px 0px
}

.blog_entrant{
	margin: 25px 0px 50px 0px
}

article .asset-header h2.entry-title{
	font-size: 45px;
	font-size: 4.5rem;
	margin: 0px 0px 60px 0px;
	line-height: 10rem;
	font-weight: normal
}

#header_sns .share_sns{
	position: absolute;
	top: 25px;
	right: 0;
	color: #989898;
}

#header_sns .share_sns ul{
	margin-left: 120px
}

#header_sns .share_sns li{
	display:inline;
	margin-right: 30px
}

#header_sns .share_sns li a{
	font-size: 30px;
	font-size: 3.0rem;
	color: #989898
	}
	
.entry-content{
	margin: 25px 0px 25px 0px;
	font-size: 14px;
	font-size: 1.4rem;
}

.entry-content img {
  max-width: 100%;
  height: auto;
  display: block;
  position: relative;
  margin: 25px 0px 25px 0px;
}

/* 画面サイズが600px以下の場合に適用 */
@media only screen and (max-width: 600px) {
article .asset-header h2.entry-title{
	margin: 0px 0px 20px 0px;
	}
	
#header_sns .share_sns{
	top: -40px;
}

#header_sns .share_sns li{
		margin-right: 10px
}	
}

/* ショップ・フッター */

#shop_footer{
	font-size: 12px;
	font-size: 1.2rem;
	margin: 10px 0px 30px 0px;
	padding: 30px 0px 50px 0px;
	border-top: 1px solid #c4c4c4;
	border-bottom: 1px solid #c4c4c4;
}
.shop_footer_table{
	display: table;
	width: 100%
}
.shop_footer_title{
	display: table-cell;
	width: 50%;
	vertical-align: middle
}
.shop_footer_content{
	display: table-cell;
	width: 50%;
	}

.shop_footer_map{
	display: block;
	width: 100%
}

.shop_footer_title h3{
	margin: 5px 0px 15px 30px
}

.shop_footer_title .shop_footer_url{
	margin: 05px 0px 0px 30px
}

#shop_footer .blog_footer_entrant{
	font-size: 14px;
	font-size: 1.4rem	
}

#shop_footer dl{
width: 100%;
}

#shop_footer dt{
display: block;
width: 20%;
clear: left;
float: left;
margin-bottom: 20px
}

#shop_footer dd{
display: block;
width: 80%;
float: left;
margin-bottom: 10px
}

/* 画面サイズが600px以下の場合に適用 */
@media only screen and (max-width: 600px) {
.shop_footer_table{
	display: inline;
	width: 100%
}
.shop_footer_title{
	display: inline;
	width: 100%;
	vertical-align: middle
}
.shop_footer_content{
	display: inline;
	width: 100%;
	}
	
}

/* ナビゲーション：前の記事、次の記事 */
nav.page-navigation{
	width: 100%;
	text-align: center;
	margin-bottom: 80px
}

nav.page-navigation li{
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem
}

nav.page-navigation li a:link, nav.page-navigation li a:visited{
	border: 1px solid #320406;
	margin: 0px 10px 30px 10px;
	padding: 5px 10px 5px 10px;
	}

nav.page-navigation li a:hover {
    color: #fff;
    background-color: #320406
}

/* SHOP LATEST */
#blog_footer_latest5_onaji{
	margin-top: 50px;
	padding-top: 10px;
	border-top: 1px solid #c4c4c4
}

#blog_footer_latest5_onaji h3{
	font-size: 30px; 	
	font-weight: normal;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #320406;
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 10px 0px
}

#blog_footer_latest5_onaji h3 span.blog_footer_latest_link,#blog_footer_latest5 h3 span.blog_footer_latest_link{
	position: absolute;
	right: 0
}

#blog_footer_latest5_onaji h3 span.blog_footer_latest_link a,#blog_footer_latest5 h3 span.blog_footer_latest_link a{
	font-size: 10px
}

.blog_footer_latest_table{
	display: table;
	width: 100%
}

.blog_footer_latest_tablecell{
	display: table-cell;
	width: 24%;
	color: #fff;
	background-color: #320406;
	border: 1px solid #fff;
	padding: 18px 18px 0px 18px
}

.blog_footer_latest_tablecell img{
	display: block;
    width: 100%;
    height: 180px;
   object-fit: cover;
   margin-top: 10px;
   margin-bottom: 15px;
}

.blog_footer_latest_tablecell h4{
	margin-bottom: 15px
}

.blog_footer_latest_tablecell h5{	
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 15px	
	}

.blog_footer_latest_tablecell a:link, .blog_footer_latest_tablecell a:visited{
	color: #fff;
	font-weight: normal;
	}

.blog_footer_latest_entrylink{
	text-align: center;
	margin: 20px 0px 20px 0px;
}

.blog_footer_latest_entrylink a:link, .blog_footer_latest_entrylink a:visited{	
	color: #fff;
	}

.blog_footer_latest_entrylink a:hover {
	}
	
/* LATEST */
#blog_footer_latest5{
	margin: 0px 0px 50px 0px
}
#blog_footer_latest5 h3{
	font-size: 30px; 	
	font-weight: normal;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #320406;
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 10px 0px
}

/* 画面サイズが1140px以下の場合に適用 */
@media only screen and (max-width: 1140px) {
.blog_footer_latest_tablecell img{
    height: 140px;
}
}

/* 画面サイズが600px以下の場合に適用 */
@media only screen and (max-width: 600px) {

#blog_footer_latest5_onaji{
	margin-top: 50px;
	padding-top: 0px;
	border-top: 1px solid #c4c4c4
}

#blog_footer_latest5 h3,#blog_footer_latest5_onaji h3{
	font-size: 18px; 
	border-bottom: 0px;
	}
	
#blog_footer_latest5_onaji h3 span.blog_footer_latest_link,#blog_footer_latest5 h3 span.blog_footer_latest_link{
	display: block
}

.blog_footer_latest_tablecell{
	display: inline;
	width: 100%;
	color: #320406;
	background-color: #fff;
	border: 0px;
	padding: 18px 0px 0px 0px
}
.blog_footer_latest_tablecell img{
	display: block;
    width: 100%;
    height: 60px;    
   margin:2px 0px 5px 0px
}

.blog_footer_latest_tablecell h4{
	margin-bottom: 0px
}

.blog_footer_latest_tablecell h5{	
	font-weight: normal;
	font-size: 12px;
	font-size: 1.2rem;
	margin-bottom: 15px	
	}

.blog_footer_latest_tablecell time{
	margin: 0;
	padding: 0
}

.blog_footer_latest_tablecell a:link, .blog_footer_latest_tablecell a:visited{
	color: #320406;
	font-weight: normal;
	}
	
.blog_footer_latest_entrylink{
	margin: 5px 0px 20px 0px;
}
}
		
/* footer SNS */
#footer_sns .share_sns{
	position: relative;
	color: #989898;
	margin-bottom: 50px
}

#footer_sns .share_sns ul{
	margin-left: 120px
}

#footer_sns .share_sns li{
	display:inline;
	margin-right: 30px
}

#footer_sns .share_sns li a{
	font-size: 30px;
	font-size: 3.0rem;
	color: #989898
	}

#footer_inner{
	width: 100%
}
	
#footer_title{
	width: 220px;
	margin: 100px auto;
}

#footer_title a{
        width:220px;
        height:0;
        overflow:hidden;
        display:block;
        padding:32px 0px 0px 0px;
        background:url(/css/image/title_logo_220px.png) no-repeat 0 0;
        }
        
#mainpage_footer h4{
	margin: 20px 0px 5px 0px
}

ul.mainpage_footerlist{
  list-style:none;
  padding-left:0;
  font-size: 12px;
  font-size: 1.2rem;
  }

ul.mainpage_footerlist > li {
  display:inline;
  }

ul.mainpage_footerlist > li:not(:nth-child(1)):before {
  content:" | ";
  color:silver;
  padding: 0px 10px 0px 10px
}

/* 画面サイズが600px以下の場合に適用 */
@media only screen and (max-width: 600px) {
	#footer_sns .share_sns li{
		margin-right: 10px
}	
}
   
/* ショップ別 */
/* ホールショット */
#entrybody_hallshot p{
	line-height: 4.0rem /*  本文行間を修正 */
}

#entrybody_hallshot img{
	width: 100%;
	height: auto
}

/* スプリングロード */
#entrybody_springroad .stock_mainimg_sp img{
	width: 800px;
	height: auto;
	margin: 0
}

#entrybody_springroad .stock_subimg_sp img{
	display: inline;
	width: 197px;
	height: auto
}

/* ガレージ・ビルト */
#entrybody_garagebilt a img{
	width: 800px;
	height: auto
}

/* All LIST*/
ul.alllist{
	width: 100%;
	font-size: 14px;
	font-size: 1.4rem;
}

li.alllist_list{
	border-bottom: 1px dotted #ccc;
	margin-bottom: 5px
	}

li.alllist_list time{
	display: inline-block;
	width: 10%
}

li.alllist_list span.alllist_shop{
	display: inline-block;
	width: 18%
}

li.alllist_list span.alllist_title{
	display: inline-block;
	width: auto
}




/* ==========================================================================
   アーカイブ
   ========================================================================== */
 #archive_content{
	 padding:0px 60px 0px 60px
	 }
	 
#archive_content h2{
	font-size: 30px; 	
	font-weight: normal;
	letter-spacing: 0.05em;
	border-bottom: 1px solid #320406;
	margin: 30px 0px 10px 0px;
	padding: 0px 0px 10px 0px
}

section#archive_bloglist{
	margin: 0px 0px 30px 0px
}

#archivepage_footer{
	margin-bottom: 30px
}

/* ==========================================================================
   Kisaki Design SP
   ========================================================================== */
  #kd_writing h3{
	font-family: "ヒラギノ明朝 ProN W3", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 300;
	margin-top: 20px
  }
  
   .kd_contents{
	   position: static;
	   margin: 0px 0px 60px 240px;
	   }
   
    .kd_contents p{
	   font-size: 16px;
	   font-size: 1.6rem;
	   line-height: 180%;
	}
	
	.kd_image{
		margin: 0px 0px 60px 0px
	}
	
	.kd_image img{
		margin: 0px 0px 5px 0px;
		pointer-events: 0
	}
	
	.kd_image span.kd_image_caption,
	.kd_image_table span.kd_image_caption	{
		position: absolute;
		right: 0;	    
		font-size: 12px;
		font-size: 1.2rem;
    }
	
	.kd_image_table{
		position: relative;
		margin: 20px 0px 40px 0px
	}
	.kd_main_image img{
		margin: 0px 0px 6px 0px;
		padding: 0;
	}
	
	.kd_tham_image:after{
		content: "";
		clear: both;
		display: block;
	}
	
	.kd_tham_image img{
		float: left;
		margin: 0px 6px 6px 0px
	}
	
	/* 画面サイズが600px以下の場合に適用 */
@media only screen and (max-width: 600px) {
	   .kd_contents{
	   margin: 0px;
	   width: 100%
	   }
}