@charset "utf-8";
/* CSS Document */

/*===============================================

Grid >> 12 Columns

===============================================*/
.ClearFix:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    line-height: 0;
    content: ".";
}
/*●PC　画面の横幅が769px以上*/
.grid_1 {width: 60px;}
.grid_2 {width: 150px}
.grid_3 {width: 240px}
.grid_4 {width: 330px}
.grid_5 {width: 420px}
.grid_6 {width: 510px}
.grid_7 {width: 600px}
.grid_8 {width: 690px;}
.grid_9 {width: 780px;}
.grid_10 {width: 870px;}
.grid_11 {width: 960px;}
.grid_12 {width: 1050px;}

/*●sp・タブレット　画面の横幅が768pxまで*/
@media screen and (max-width:768px){
.grid_1,.grid_2 {width: 50%;}
.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12  {width: 100%;}
}
	
/* ==============================================

   header

===============================================*/

/*●PC　画面の横幅が769px以上*/
#header{position:fixed; top: 0; background:#FFF;width:100%; min-width:1050px; z-index: 1000; }
#header .wrap{width:100%;background:#FFF; border-bottom: 1px solid #CCC;height:80px;}
#header h1{width:150px; position: absolute; top: 20px; left: 20px; display: block;}
#sp_menu{display:none;}
#sp_favo{display:none;}

/*●sp・タブレット　画面の横幅が768pxまで*/
@media screen and (max-width:768px){
#header{position:relative;min-width:auto; height:70px;}
#header .wrap{height:auto;}
#header h1{width:160px; top:15px; left:15px;}
#sp_menu{ display: block; width:70px; position: absolute; top:0; right:0;}
#sp_favo{ display: block; width:70px; position: absolute; top:0; right:70px;}
}

/* 2018-09-09 h1タグの位置変更用 */
#header #title_h1{width:150px;position:absolute;top:20px;left:20px;display:block;}
@media screen and (max-width: 768px){
#header #title_h1{width:160px;top:15px;left:15px;}
}

/* ==============================================

  グローバルナビ

===============================================*/

/*●PC　画面の横幅が769px以上*/
#nav_box {position: relative; float: right;}
#nav_box #g_nav { padding-top: 30px; float:right;}
#nav_box #g_nav li{ float:left; margin-right:16px;}
#nav_box #g_nav li a{ color: #000;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;transition: all  1s ease;outline: none;}
#nav_box #g_nav li a:hover{text-decoration: none;color:#46B052;}
#nav_box #sns_nav { float:right; padding-top: 20px; margin-right:160px;}
#nav_box #sns_nav li{ float:left; margin-right:5px;}
#nav_box #sns_nav li a{ color: #2a430b;}
#nav_box #seach{ position: absolute;width:150px;top: 0; right: 0; z-index: 10000;}  
#nav_box #seach a{text-align: center;color: #FFF;display: block; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all  0.4s ease;width: 100%;height:50px; padding-top: 30px;background: url(../sl_images/common/head_icon_01_off.png) no-repeat left #2a430b; font-size: 120%; padding-left:12px; font-weight: bold; letter-spacing: 0.1em;}
#nav_box #seach a:hover{color:#000;background: url(../sl_images/common/head_icon_01_on.png) no-repeat left #ffea00;}
#seach_list{ position: absolute;width:150px;top:80px; right: 0; padding:5px 0;background:#ffea00; display: none; border-top: 1px dotted #000;}
#seach_list li a{text-align: center;color: #000;display: block;width:90%;padding:8% 5%; font-size:110%; padding-left:12px; font-weight: bold; letter-spacing: 0.1em; border-bottom: 1px dotted #000;}
#seach_list li:last-child a{ border: none;}
/*g_nav*/
#sp_kensaku{display:none;}


/*●sp・タブレット　画面の横幅が768pxまで*/
@media screen and (max-width:768px){
#nav_box {float: none; z-index: 1000; position: absolute;top:70px;width: 100%; display: none;}
#nav_box #g_nav {float:none; padding-top: 0; float:none; margin-right:0;width:100%; clear:both;}
#nav_box #g_nav li{ float:left; margin-right:0;width: 100%;float: left;border-bottom: 1px solid  #c0c5b9;background: rgba(22,49,6,0.9); text-align: center; position: relative;}
#nav_box #g_nav li.sp_limit{width: 100%; display: block;}
#nav_box #g_nav li a{ color: #FFF; font-weight: bold; padding: 15px 15px; display: block;}
#nav_box #sns_nav { display: none;}
/*#nav_box #seach{  position: static;padding: 20px 0;width:100%; height:auto;}*/
#nav_box #g_nav .second_nav{display: none;}
	
#to_top a { display: none;}
	
/* sp_nav */
#sp_nav{display:block;position:absolute; top:70px; width:100%; color:#FFF; z-index:100;display:none;background:rgba(0,0,0,0.9);}
#sp_nav.clicked{position:fixed; top:0; padding:10px 0;}
#sp_nav ul{width:100%; clear:both;}
#sp_nav ul li{width: 100%;float:none;border-bottom: 1px solid #333; background: url( ../sl_images/common/arrow_02.png) no-repeat right;}
#sp_nav ul li:last-child{ border: none;}
#sp_nav ul li a{ color:#FFF; padding:12px 0; text-align:center; display:block; font-size:110%;}
#sp_nav ul li a:hover{ text-decoration:none;}

/* sp_在庫検索*/
#sp_kensaku{display:block;position:absolute; top:0; width:100%; z-index:100;display:none;background:rgba(0,0,0,0.9);position: fixed;width: 100%;} 
#sp_kensaku p { padding:20px 0; font-size: 130%; text-align: center;border-bottom: 1px solid #333;background: url(../sl_images/common/head_icon_01_on.png) no-repeat left #ffea00;background-position:23%;}
#sp_kensaku ul{width:100%; clear:both;}
#sp_kensaku ul li{width: 100%;float:none;border-bottom: 1px solid #333; background: url( ../sl_images/common/arrow_02.png) no-repeat right;color:#FFF; }
#sp_kensaku ul li:last-child{ border: none;}
#sp_kensaku li a{ color:#FFF; padding:12px 0; text-align:center; display:block; font-size:110%;}
#sp_kensaku li a:hover{ text-decoration:none;}
}

/* ==============================================

  footer

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#footer{color:#FFF; background:#163106; padding-top:60px; margin-top:0px;}
#footer .wrap{ position:relative; margin-bottom: 40px;}
#footer #footer_nav{float: right;}
#footer #footer_nav ul{ float: left; font-size:85%; padding:0 10px}
#footer #footer_nav ul li.arrow{ background: url( ../sl_images/common/arrow_03.png) no-repeat left; padding-left: 14px;color: #FFF; margin-bottom: 10px;}
#footer #footer_nav ul li.blank{ background: url( ../sl_images/common/foot_blank.png) no-repeat left; padding-left: 14px;color: #FFF; margin-bottom: 10px;}
#footer #footer_nav ul li a{ color:#FFF;margin: 0 5px;}
#footer #footer_nav ul li.arrow a,
#footer #footer_nav ul li.blank a{color: #FFF;}
#footer #footer_nav ul li a:hover{ text-decoration: none; opacity: 0.6;}
#footer .logo { float: left;}
#footer .copyright{ text-align: center; font-size: 70%; padding:15px 0 10px; }
#footer .btn_recruit{margin:38px auto 0; width:180px;}
#footer .btn_contact{margin:15px auto 0; width:180px;}
/*#footer .btn_contact{ background: url( ../sl_images/common/mail.png) no-repeat left rgba(0,0,0,0.4);background-position:15%;color: #FFFF; margin-top:70px; border:2px solid #FFF; border-radius: 6px; text-align: center; width:180px;}
#footer .btn_contact a{ display: block;padding:10% 0 10% 15%; color: #FFF; width:85%; height:80%;}*/

#footer .dealerlist{width:1050px;margin:auto;}
#footer .dealerlist ul li{display:inline-block}
#footer .dealerlist ul li a{color:#FFF;}
#footer .dealerlist ul li+li{padding-left:15px}
#footer .dealerlist ul li a:hover{ text-decoration: none; opacity: 0.6;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#footer{padding-top:20px;}
#footer .wrap{ margin-bottom: 20px;}
#footer #footer_nav{/* display: none;*/}
#footer .logo { float:none; text-align: center;}
#footer .btn_recruit{margin:15px auto 0;}
#footer .btn_contact{margin:15px auto 0;}
#footer #footer_nav ul{width:50%; padding:0}
#footer #footer_nav{float:none;margin-top:20px}
#footer #footer_nav a{padding:5px;display:block}
#footer .dealerlist{width:100%;margin-bottom:20px;text-align:center;}
#footer .dealerlist p{border-bottom:1px solid #FFF;font-size:18px;padding-bottom:5px}
#footer .dealerlist ul li{padding:5px 0;display:block}
#footer #footer_nav ul.footerSp{width:100%!important}
}
	


/* ==============================================

  共通セレクタ（全ページ共通で使う基本レイアウト）

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*共通レイアウト*/
#contents{margin:0px auto}
.wrap{margin:0px auto;width:1050px; clear:both}
h1.PageName{ background: url(../sl_images/common/bg.jpg) repeat; text-align: center; padding: 30px; margin-bottom: 70px; font-size:150%; color: #fff; overflow: hidden;height:25px;}
h2.PageName{ background: url(../sl_images/common/bg.jpg) repeat; text-align: center; padding: 30px; margin-bottom: 70px; font-size:150%; color: #fff; overflow: hidden}
h3.Title{ padding-bottom:15px; margin:70px auto 35px; font-size:200%; border-bottom:1px solid #a0a0a0; text-align: center;}
.entry{text-align: center; margin-bottom: 50px; font-size: 120%; line-height: 1.6em;}

/*リスト2列*/
.list_2 li{ float: left; margin-right: 30px; width:510px; margin-bottom: 15px;}
.list_2 li:last-child{ margin-right: 0;}
.list_2 li img{max-width: 100%;height:auto;width:100%;}
/*リスト3列*/
.list_3 li{ float: left; margin-right: 30px; width:330px; margin-bottom: 15px; /*max-height:465px*/}
.list_3 li:last-child{ margin-right: 0;}
/*.list_3 li img{ width: 100%; height: 100%;}*/
.list_3 li img{max-width: 100%;height:auto;max-height:250px;}
.list_3 li a .pic:hover { opacity: 0.8;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all  0.4s ease;}

/*リスト4列*/
.list_4 li{ float: left; margin-right:30px; width:240px; margin-bottom: 15px;}	
.list_4 li:nth-child(4n){ margin-right: 0;}
.list_4 li img{width:100%;max-width:240px;max-height:145px;object-fit:cover;}
.list_4 li .title{ margin: 8px auto 10px; line-height: 1.5em;}
.list_4 li.snap{ margin-bottom: 30px}
.list_4 li.snap a{display:block;}
.list_4 li a .pic:hover { opacity: 0.8;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all  0.4s ease;}
.picbox{margin-bottom:20px;display:block}
.picbox>img{object-fit:cover!important;height:100%!important;width:100%;}

/*在庫情報リスト*/
#ZAIKO .list_4 .pic a{display:block;}
#ZAIKO .list_4 li{ float: left;margin-bottom:30px}
#ZAIKO .list_4 li img{ width: 100%; height:auto !important;}
#ZAIKO .list_4 .pic {overflow: hidden;position:relative;width:100%;margin-bottom:7px}
#ZAIKO .list_4 .pic a{display:block;}
#ZAIKO .list_4 .pic:after{content:"";display:block;padding-top:66%}
#ZAIKO .list_4 .pic img{position:absolute}
#ZAIKO .list_4 .detail { font-size:80%; font-weight: bold;}
#ZAIKO .list_4 .name {color: #306799;line-height: 1.5em; margin-bottom:5px}
#ZAIKO .list_4 .name span{font-size:inherit;}
#ZAIKO .list_4 .name span.type{display:block;}
#ZAIKO .list_4 .kakaku .price {font-weight: bold;color:#d60000; font-size:170%;}

#PLAY .list_4 li{ float: left; margin-right:30px; width:240px; margin-bottom: 15px; min-height: 335px;}
#PLAY .list_4 li:nth-child(4n){ margin-right: 0;}


#ajax-load-more .alm-btn-wrap .done{display:none}


/*PCのみのセレクタ*/
#sp_nav,.sp_foot_nav {display:none;}
.pc_hidden{display:none;}
.sp_hidden{display:block;}
.sp_hidden.inline{display:inline;} 

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
/*共通レイアウト*/
#contents{margin:0px auto;padding-top:0}
.wrap{width:90%; margin: 0 auto;}
h1.PageName{ padding:20px; margin-bottom:30px; font-size:140%; font-weight: bold;}
h2.PageName{ padding:20px; margin-bottom:30px; font-size:140%; font-weight: bold;}
h3.Title{ padding-bottom:10px; margin:30px auto 15px; font-size:150%;}
.entry{text-align:left; margin-bottom: 30px; font-size: 100%;}
	
/*リスト2列*/
.list_2 li{ float:none;width:100%;}
.list_2 li:nth-child(2n) { margin-right: 0;}
	
/*リスト3列*/
.list_3 li{ float:none;width:100%;}
.list_4 li{ float: left; margin-right:4%;width:48%;}
.list_4 li:nth-child(2n) { margin-right: 0;}
.picbox{display:block}

/*在庫情報リスト*/
#ZAIKO {margin:0 auto 40px;}
#ZAIKO .list_4 li{ width:calc(50% - 6px); margin: 0 5px 40px 0}
#ZAIKO .list_4 li:nth-child(2n){ margin-right:0;}
#ZAIKO .list_4 .name {line-height: 1.2em;}
#ZAIKO .list_4 .name span{font-size:inherit;}
#ZAIKO .list_4 .kakaku {font-size:80%;}
#ZAIKO .list_4 .kakaku .price {font-size:120%;}

#PLAY .list_4 li{margin-right:4%;width:48%; min-height: auto;}
#PLAY .list_4 li:nth-child(2n) { margin-right: 0;}
/*SPのみのセレクタ*/
.sp_foot_nav {display: block; position: relative;}
.sp_foot_nav_01{position: fixed;left: 0;bottom:0;display: block;width: 70px; border: 1px solid #CCC; z-index: 100;}
.sp_foot_nav_02{position: fixed;right: 0;bottom:0;display: block;width: 70px;border: 1px solid #CCC; z-index: 100;}
.sp_hidden,.sp_hidden.inline{display:none;} 
.pc_hidden{display:block;}	
}	
	

/* ==============================================

  リンクボタン

===============================================*/

/*緑から白*/
.alm-load-more-btn{border:none;margin-bottom:30px!important}
.alm-btn-wrap button,
.btn_01 {margin: 0 auto;}
.alm-btn-wrap button,
.btn_01 a{background: #163106 url(../sl_images/common/arrow_02.png) no-repeat right;text-align: center;padding: 15px 0;display: block;letter-spacing: 0.1em;font-size: 120%; -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all  0.4s ease;color:#FFF;display: block;width: 100%;cursor: pointer;position:relative;z-index:1;}
.alm-btn-wrap button:hover,
.btn_01 a:hover{color:#000;background: #ffea00 url(../sl_images/common/arrow_01.png) no-repeat right;}
/*白から緑*/
.btn_02 {margin: 0 auto;border:2px solid #163106;}
.btn_02 a{color:#163106;background: #FFF url(../sl_images/common/arrow_01.png) no-repeat right;text-align: center;padding: 10px 0;display: block;letter-spacing: 0.1em;font-size: 120%;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all  0.4s ease;display: block;width: 100%;cursor: pointer;}
.btn_02 a:hover{color:#FFF;background: #163106 url(../sl_images/common/arrow_02.png) no-repeat right;}



/*===============================================

人気ランキングページ

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*一覧・詳細共通*/
#RANKING .pic_01{ width:510px; height: 320px; overflow: hidden; margin-bottom: 30px;}
#RANKING .pic_01 img{ width:100%; height: auto !important}
#RANKING .pic_02{width:330px; height:200px; overflow: hidden; margin-bottom: 20px;}
#RANKING .plice_box{font-size: 150%; text-align:left; margin: 30px 0;}
#RANKING .minprice{color:#d60000; font-size:200%; font-weight: bold; padding-left:5px;}
#RANKING .maxprice{color:#d60000; font-weight: bold;}
#RANKING .btn_01{margin:40px auto 60px;}
#RANKING .switch {background: #163106 url(../sl_images/common/arrow_02.png) no-repeat right;text-align: center;padding: 20px 0;letter-spacing: 0.1em;font-size: 120%;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all  0.4s ease;color:#FFF;width: 100%; margin: 0 auto 70px; font-weight: 100;}

/*一覧ページ*/
#RANKING .crown{ width:90px;float: left; padding: 10px 15px 15px 0;}
#RANKING .name_box{float: left;}
#RANKING .maker{ font-size:160%; font-weight: bold; padding: 20px 0 0 0;}
#RANKING .list_3 .crown{ width:65px;float: left; padding: 10px 15px 15px 0;}
#RANKING .list_3 li{ height:410px; overflow: hidden;}
#RANKING .list_3 li:nth-child(3n){ margin-right: 0 !important;}
#RANKING .list_3 .name_box { font-size: 90%;}
#RANKING .list_3 .maker{ font-size:120%; font-weight: bold; padding:10px 0 0 0;}
#RANKING .list_3 .plice_box{font-size:100%;}


/*詳細ページ*/
#RANKING h3.Title{ margin-top: 14px;padding-top :86px;}
#RANKING h3.CarTitle{ font-size:180%; text-align: center; font-weight: bold;}
#RANKING h3.CarTitle .maker{ font-size:100%;}
#RANKING h3.CarTitle .katashiki{ font-size:70%;font-weight: bold; padding: 10px;}
#RANKING .txt_01{ font-size:200%; text-align: center; margin:50px auto 70px;}
#RANKING .txt_02{ font-size:80%; margin-right: 10px;}
#RANKING .box_03 .list_2 .txt_box{ padding:0 0 0 30px; margin-bottom: 0;}
#RANKING .count_box{ background-color:#f5f4f0; padding:40px 0; margin-top:20px;}
#RANKING .count_box h3{ font-size:140%;}
#RANKING .count_box ul{ width: 780px; margin: 20px auto 0;}
#RANKING .count_box ul li{float: left; margin-right: 30px; width: 240px; background: url(../sl_images/common/bg.jpg) repeat; height: 110px; text-align: center;}
#RANKING .count_box ul li a{display:inline;}
#RANKING .count_box ul li h4{ margin:18px auto 15px; color: #ffea00; font-weight:bold; font-size: 120%;}
#RANKING .count_box ul li h4 span{color:inherit;font-weight:inherit;}
#RANKING .count_box ul li div span{font-size:240%; padding:0 10px;}
#RANKING .count_box ul li div{ background: #FFF; width: 96%; height:57px;margin: 0 auto; font-weight: bold; padding-top: 15px}
#RANKING .count_box ul li:last-child {margin-right: 0;}
#RANKING #footer{margin-top: 0;}




#RANKING .pic_01:hover,
#RANKING .pic_02:hover{ opacity: 0.8;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;transition: all  0.4s ease;}

#RANKING .tel_wrap {border: 1px solid #FFD600; text-align: center; margin: 50px auto;}
#RANKING .tel_wrap div {background:#FFD600; width: 100%; padding: 15px 0;}
#RANKING .tel_wrap h4 { font-weight: bold; font-size:120%; background: #FFF;padding: 15px 0;}
#RANKING .tel_wrap span { font-size:230%; font-weight: bold; margin-left: 15px;cursor: pointer;margin-top: 10px;}

#RANKING #ZAIKO .list_4 li{ height:240px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#RANKING .pic_01{ width:300px; height:180px; overflow: hidden; margin: 0 auto 15px;}
#RANKING .pic_02{width:300px; height:180px; overflow: hidden; margin: 0 auto 15px;}
#RANKING .plice_box{font-size:130%; text-align: center;}
#RANKING .minprice{color:#d60000; font-size:150%;}
	
/*一覧ページ*/	
#RANKING .box_01{ background: url( ../sl_images/common/bg.jpg)  repeat; text-align:center; height:auto;}
#RANKING .list_2 {width:300px;  margin: 0 auto 30px;}
#RANKING .list_2 li{ height:auto; width:300px; margin-bottom: 15px;}
#RANKING .list_3 {width:300px;  margin: 0 auto 30px;}
#RANKING .list_3 li{ height:auto;width:300px; margin-bottom: 15px;}
/*詳細ページ*/
#RANKING h3.Title{ margin-top:40px;padding-top :20px;}
#RANKING h3.CarTitle{ font-size:150%;}
#RANKING h3.CarTitle .katashiki{padding:20px 0 0; display: block;}
#RANKING .box_03 .list_2 .txt_box{ padding:0 0 30px 0;}
#RANKING .txt_01{ font-size:160%; text-align:left; margin:30px auto; line-height: 1.6em;}
	
#RANKING .count_box{ background-color:#f5f4f0; margin-top:30px;}
#RANKING .count_box h3{ font-size:140%;}
#RANKING .count_box ul{ width:96%;}
#RANKING .count_box ul li{ margin-right:3%; width:31%;height:150px; position: relative; padding:1%;}
#RANKING .count_box ul li a{display:inline;}
#RANKING .count_box ul li h4{ margin:10px auto;font-weight:bold; font-size:130%; height: 40px; padding: 0; line-height: 1.5em;}
#RANKING .count_box ul li h4 span{color:inherit;font-weight:inherit;}
#RANKING .count_box ul li .sp_br{ display: block; line-height: 1.2em;}
#RANKING .count_box ul li div span{font-size:150%; padding:0 4px;}
#RANKING .count_box ul li div{width:95%; height:57px;padding-top: 15px; position: absolute; bottom:5px;font-size: 90%;}
#RANKING .btn_01{margin:40px auto 60px;}
#RANKING .btn_02 { width:292px;}
#RANKING .tel_wrap {border: 1px solid #FFD600; text-align: center; margin: 50px auto;}
#RANKING .tel_wrap span { font-size:230%; font-weight: bold; margin-left: 15px;cursor: pointer;margin-top: 10px; display: block;}
#RANKING #ZAIKO .list_4 li{ height:160px;}
} 

/* ==============================================

 アコーディオンメニュー(ブログ一覧)

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#news .accordion,
#blog .accordion,
#media .accordion{margin:40px auto 100px;}

#news .accordion ul,
#blog .accordion ul,
#blog .accordion ul { height:240px; overflow-y: auto; margin:0 auto; padding: 30px 0;}

#news .accordion ul li,
#blog .accordion ul li,
#blog .accordion ul li{ border-bottom: 1px dotted #999; margin-bottom: 6px; padding-bottom: 3px; position: relative; }

#news .accordion ul li span,
#blog .accordion ul li span,
#blog .accordion ul li span{ color: #204e02; font-size:90%; font-weight: bold; position: absolute;top: 0; left: 0; }

#news .accordion ul li p,
#blog .accordion ul li p,
#blog .accordion ul li p{width:700px; line-height: 1.6em; margin-left:100px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#news .accordion,
#blog .accordion,
#blog .accordion {margin:30px auto;}
	
#news .accordion ul li p,
#blog .accordion ul li p,
#blog .accordion ul li p{width:70%; line-height: 1.6em; margin-left:30%;}
}


/* ==============================================

  スタッフブログ

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#blog .head{background:url(../sl_images/blog/ttl.jpg) no-repeat left center;background-size:cover;padding:60px 0 90px;text-align:center;color:#fff;margin:0 0 139px;}
#blog .head h1{margin:0 0 26px;font-size:36px;}
#blog .head h2{margin:0 0 26px;font-size:36px;}
#blog .head .headtex{font-size:16px;line-height: 30px;margin:40px 0 0;}
#blog .shoptitle{color:#000000;text-align:center;font-size:24px;margin:0 0 26px;letter-spacing:3px;}
#blog .pic_02{margin:0 0 18px;}
#blog .first{margin-bottom: 100px;}
#blog .second{margin-bottom: 170px;}
#SNAP div.PageName,
#blog div.PageName{ background: url(../sl_images/common/bg.jpg) repeat; text-align: center; padding:17px; margin-bottom: 70px; font-size:140%; color: #fff; overflow: hidden; height: 51px;}
#SNAP .pagetex,
#blog .pagetex{color:#fff001; margin:5px 0 0; font-size:80%;}
#blog .listtitle{font-size:24px;color:#232323;margin:90px 0 70px;text-align:center;}
#blog .mainbox .fl{float:right;}
#blog .mainbox .fr{float: left;}
#blog .bloglist .pic{text-align:center;margin-bottom: 24px;}

#blog .bloglist .day{margin-bottom: 15px;}
#blog .bloglist .title{font:110%;line-height:1.5em;margin-bottom: 30px;}
#blog .bloglist .info{font-size:14px;line-height: 24px;margin-bottom: 70px;height: 68px;overflow:hidden;}
#blog .bloglist li{/*min-height: 365px;*/ height:440px;margin-top:10px;}
#blog .bloglist li:nth-child(3n){margin-right: 0;}
.displayNone {display: none;}
#blog .mainbox{float: left;width: 67%;padding-bottom: 60px;}
#blog .mainbox img{max-width:100%;height:auto;}
#blog .mainbox .blogtitle{font-size:30px;line-height: 48px;margin-bottom: 35px;}
#blog .mainbox .blogtex{font-size:16px;line-height: 24px;overflow: hidden;}
#blog .subbox{width: 23%;float: right;}
#blog .subbox .subtitle{padding:15px 0;text-align:center;color:#010000;background:#ffea00;}
#blog .subbox .blogtitle{font-size:16px;line-height: 25px;}
#blog .subbox ul li:nth-child(odd){width: 100%;display:block;margin-bottom: 90px;}
#blog .subbox ul li:nth-child(even){width: 100%;display:block;margin-bottom: 90px;}
#blog .mainbox ul li{list-style:disc;list-style-position:inside;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#blog .head{padding:5% 3% 5%;margin:0 0 20%;}
#blog .head h1{margin:0 0 3%;font-size:20px;}
#blog .head h2{margin:0 0 3%;font-size:20px;}
#blog .head .headtex{font-size:1.0rem;line-height: 1.8rem;margin:3% 0 0;text-align:left;}
#blog .shoptitle{margin:0 0 3%;}
#blog .first{margin-bottom: 0px;}
#blog .first li{margin-bottom: 10%;}
#blog .second{margin-bottom: 10%;}
#blog .second li{margin-bottom: 10%;}
#blog .pagetex{margin:1% 0 0;}
#blog .listtitle{font-size:1.6rem;line-height: 2.4rem;margin:10% 0 10%;}
#blog .bloglist .pic{margin-bottom: 3%;}
#blog .bloglist .day{margin-bottom: 2%;}
#blog .bloglist .title{margin-bottom: 3%;height: 100%;}
#blog .bloglist .info{margin-bottom: 20%;}
#blog .bloglist li{/*min-height: auto;*/min-height: 365px;height:auto}
#blog .bloglist li:last-child .info{margin-bottom: 0;}
#blog .mainbox{width: 100%;padding-bottom: 60px;}
#blog .mainbox .blogtitle{font-size:1.6rem;line-height: 2.6rem;margin-bottom: 4%;}
#blog .mainbox .blogtex{font-size:1.0rem;line-height: 1.8rem;margin-bottom: 3%;}
#blog .mainbox .blogtex iframe{width: 100%;}
#blog .mainbox .blogday{margin-bottom: 3%;}
#blog .mainbox .blogpic{margin-bottom: 3%;}
#blog .subbox{width: 100%;margin-top: 10%;}
#blog .subbox .blogtitle{font-size:1.0rem;line-height: 1.6rem;}
#blog .subbox ul li img{max-width: 100%;height:auto;}
#blog .subbox ul li:nth-child(odd){width: 48%;float: left;height: 250px;margin-right: 2%;}
#blog .subbox ul li:nth-child(even){width: 48%;float: right;height: 250px;}
#blog .mainbox ul li{list-style:disc;list-style-position:inside;}
}

	
/* ==============================================

  店舗情報

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#shop #footer{margin-top: 0;}
#shop .shoptop{margin:75px 0 85px;text-align:center}
#shop .shoptitle{color:#000000;text-align:center;font-size:23px;margin:0 0 17px;font-weight: bold;}
#shop .shoptex{margin-top: 20px;font-size:14px;line-height: 20px;}
#shop .pic_02{margin:0 0 9px;}
#shop .first{margin-bottom: 105px;}
#shop .second{margin-bottom: 125px;}
#shop .list_3 li .pic_02:hover { opacity: 0.8;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all  0.4s ease;}
#shoplist h3.Title{padding-top : 86px;}
#shoplist .shoplink{width: 100%;background:#f5f4f0;padding:55px 0;}
#shoplist .list_4 li .title{font-size:16px;line-height: 21px;color:#306799;margin:10px 0;}
#shoplist .list_4 li .day{font-size:80%;}
#shoplist h1.PageName {margin-bottom: 0;}
#shoplist h2.PageName {margin-bottom: 0;}
#shoplist .list_4 li {margin-bottom:30px;margin-top:10px}
#shoplist .shopslide{float: left;}
#shoplist .slidertex{float: right;font-size:14px;line-height:22px;}
#shoplist .slidertitle{font-size:23px;line-height:33px;margin-bottom:20px;}
#shoplist .shopslidebox{margin-top: 80px;}
#shoplist .infomap{width:100%;float: left;}
#shoplist .infoview{float: right;width: 40%;}
#shoplist .infotable table tr td:first-child{width: 82px;background:#ffea00;font-size:14px;text-align:center;padding:5px 0;border-bottom:4px solid #fff;}
#shoplist .infotable table tr td:last-child{padding:5px 15px;border-bottom:4px solid #fff;}
#shoplist .info{margin-bottom: 60px;}
/*スライドギャラリー*/
ul.bxslider02 li a img{/*サムネイルの画像*/display:block;width:115px;height:auto;}
div.controlWrap { width:595px;position:relative;margin:0 auto;}
div.controlWrap p#PrevIcon a{/*矢印画像（前へ）*/display:none;width:13px;height:19px; position:absolute;  background: url(../img/btn_prev.png) left center no-repeat;color:#fff;top:20px;left:20px; text-indent:-9999px;}
div.controlWrap p#NextIcon a{/*矢印画像（次へ）*/display:none;width:13px;height:19px;position:absolute;background: url(../img/btn_next.png) left center no-repeat;color:#fff; top:20px;right:20px;text-indent:-9999px;}
.switch {font-weight: bold;}
.trigger{
	cursor:pointer;
}
@media all and (-ms-high-contrast:none){
  #modal img{
	display:block;
  }
}


#shoplist .bxslider li {
  display: none;
}
#shoplist .bx-viewport .bxslider li {
  display: block !important;
}
#shoplist .btn_01 br.sp{display:none}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#shop .shoptop{margin:7% 0 7%;text-align:left}
#shop .shoptex{margin-top: 3%}
#shop .first{margin-bottom: 0px;}
#shop .first li{margin-bottom: 10%;}
#shop .second{margin-bottom: 10%;}
#shop .second li{margin-bottom: 10%;}
#shoplist .shoplink{padding:7% 0;}
#shoplist .shoplink ul li:last-child{margin-bottom: 0;}
#shoplist .list_4 li .title{font-size: 100%;line-height: 18px;}
#shoplist .list_4 li {margin-bottom:20px}
#shoplist .shopslide{width: 100%;float: none;margin-bottom: 10%;}
#shoplist .slidertex{width: 100%;float: none;font-size:100%}
#shoplist .slidertitle{font-size:130%;line-height:150%;margin-bottom:20px;}
#shoplist .slidertitle br{ display:none;}
#shoplist .shopslidebox{margin-top: 10%;}
#shoplist .infomap{width: 100%;float: none;}
#shoplist .infomap iframe{width: 100%;margin-bottom: 10%;}
#shoplist .infoview{float: none;width: 100%;}
#shoplist .infoview iframe{width: 100%;margin-bottom: 7%;}
/*スライドギャラリー*/
div.controlWrap { width:100%;display:block;}
#shoplist h1.PageName {margin-bottom: 0;}
#shoplist h2.PageName {margin-bottom: 0;}
#shoplist .infotable table tr td{display:block;text-align:left}
#shoplist .infotable table tr td:first-child{padding:3px 5px 1px;width:100%;text-align:left;font-weight:bold;background:none;font-size:14px;border-left:10px solid #fe0;border-bottom:1px solid #fe0;}
#shoplist .infotable table tr td:last-child{padding:5px 15px;border-bottom:10px solid #fff;font-size:16px;}
#shoplist .btn_01 a{padding: 15px;box-sizing:border-box}
#shoplist .btn_01 br.sp{display:block}
}
	
/* ==============================================

  NEWS

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

#news .listtitle{font-size:24px;color:#232323;margin:90px 0 70px;text-align:center;}
#news .bloglist .pic{text-align:center;margin-bottom: 24px;}
#news .bloglist .day{margin-bottom: 15px;}
#news .bloglist .title{font:110%;line-height:1.5em;margin-bottom: 30px;height: 66px;overflow: hidden;}
#news .bloglist .info{font-size:14px;line-height: 24px;margin-bottom: 70px;height: 66px;overflow:hidden;}
#news .list_3 li .pic, #TOP .box_03 .list_4 li .pic {position: relative; min-height: 220px; max-height: 220px; max-width: 330px;}
#news .list_3 li .pic span {background: #ffea00 none repeat scroll 0 0;bottom: 10px;font-size: 90%;font-weight: bold;left: -10px;padding: 5px 15px; position: absolute;}
#news .bloglist li:nth-child(3n){margin-right: 0;}
#newsblog .mainbox{float: left;width: 67%;padding-bottom: 60px;}
#newsblog .mainbox img{max-width:100%;height:auto;}
#newsblog .mainbox .blogtitle{font-size:30px;line-height: 48px;margin-bottom: 35px;}
#newsblog .mainbox .blogtex{font-size:16px;line-height: 24px;}
#newsblog .subbox{width: 23%;float: right;}
#newsblog .subbox .subtitle{padding:15px 0;text-align:center;color:#010000;background:#ffea00;}
#newsblog .subbox .blogtitle{font-size:16px;line-height: 25px;}
#newsblog .mainbox .pick {background: #ffea00 none repeat scroll 0 0;font-size: 90%; font-weight: bold;padding: 5px 15px;}
#newsblog .subbox .pick { background: #ffea00 none repeat scroll 0 0;font-size: 90%;font-weight: bold; padding: 5px 15px;margin:15px 0;display:inline-block;}
#newsblog .subbox ul li:nth-child(odd){width: 100%;display:block;margin-bottom: 90px;}
#newsblog .subbox ul li:nth-child(even){width: 100%;display:block;margin-bottom: 90px;}
#newsblog .mainbox .fl{float:left;}
#newsblog .mainbox .fr{float: right;}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#news .listtitle{font-size:1.3rem;line-height: 1.8rem;margin:10% 0 10%;}
#news .bloglist .pic{margin-bottom: 3%;}
#news .bloglist .day{margin-bottom: 2%;}
#news .bloglist .title{margin-bottom: 3%;height: 100%;}
#news .bloglist .info{font-size:14px;line-height: 24px;margin-bottom: 20%;}
#news .bloglist li:last-child .info{margin-bottom: 0;}
#news .list_3 li .pic, #TOP .box_03 .list_4 li .pic {min-height: auto;}
#newsblog .mainbox{width: 100%;}
#newsblog .mainbox img{max-width:100%;height:auto;}
#newsblog .mainbox iframe{max-width:100%;height:auto;}
#newsblog .mainbox .blogtitle{font-size:1.6rem;line-height: 2.6rem;margin-bottom: 4%;}
#newsblog .mainbox .blogtex{font-size:1.0rem;line-height: 1.8rem;margin-bottom: 3%;}
#newsblog .mainbox .blogday{margin-bottom: 3%;}
#newsblog .mainbox .blogpic{margin-bottom: 3%;}
#newsblog .subbox{width: 100%;margin-top: 10%;}
#newsblog .subbox .blogtitle{font-size:1.0rem;line-height: 1.6rem;}
#newsblog .subbox ul li img{max-width:100%;height:auto;}
#newsblog .subbox ul li:nth-child(odd){width: 48%;float: left;height: 350px;}
#newsblog .subbox ul li:nth-child(even){width: 48%;float: right;height: 350px;}
}

	
/* ==============================================

  メディア情報

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#media .listtitle{font-size:16px;line-height: 30px;color:#232323;margin:90px 0 70px;text-align:center;}
#media .bloglist .pic{text-align:center;margin-bottom: 24px;}
#media .bloglist .day{margin-bottom: 15px;}
#media .bloglist .title{font:110%;line-height:1.5em;margin-bottom: 30px;}
#media .bloglist .info{font-size:14px;line-height: 24px;margin-bottom: 70px;height: 66px;overflow:hidden;}
#media .list_3 li .pic { position: relative;min-height: 220px;}
#TOP .box_03 .list_4 li .pic { position: relative;min-height: 160px;}

#media .list_3 li .pic span { background: #ffea00 none repeat scroll 0 0; bottom: 10px;font-size: 90%; font-weight: bold;left: -10px;padding: 5px 15px; position: absolute;}
#media .bloglist li:nth-child(3n){margin-right: 0;}
#media .cm{background:#f5f4f0;padding:77px 0 130px;margin-top: 111px;}
#media .cm .Title{margin-bottom: 60px;}
#media #footer{margin-top: 0;}
#media .cmlist li{margin-bottom: 65px;}
#media .cmlist li:nth-child(even){margin-right: 0;}
#media .cmlist li .caption{margin-top:5px;font-size:120%;color:#000;}
#media .cm iframe{width: 100%;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#media .listtitle{font-size:1.2rem;line-height: 1.8rem;color:#232323;margin:10% 0 10%;text-align:left;}
#media .bloglist .pic{text-align:center;margin-bottom: 3%;}
#media .bloglist .day{margin-bottom: 2%;}
#media .bloglist .title{margin-bottom: 1%;height: 100%;}
#media .bloglist .info{font-size:14px;line-height: 24px;margin-bottom: 20%;height: 66px;overflow:hidden;}
#media .bloglist li:last-child .info{margin-bottom: 0;}
#media .bloglist li:nth-child(3n){margin-right: 0;}
#media .list_3 li .pic, #TOP .box_03 .list_4 li .pic {min-height:auto !important;}
#media .list_3 li .pic span {background: #ffea00 none repeat scroll 0 0;bottom: 10px;font-size: 90%;font-weight: bold; left: -10px;padding: 5px 15px;position: absolute;}
#media .cm{background:#f5f4f0;padding:5% 0 5%;margin-top: 111px;}
#media .cm iframe{width: 100%;}
#media .suvchannel iframe{width: 100%;}
#media .cm .Title{margin-bottom:40px;}

#media #footer{margin-top: 0;}
}

/*===============================================

SNAPページ

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#SNAP h3.Title { padding-bottom:15px; margin:-16px auto 35px; font-size:200%; border-bottom:none; text-align: center;padding-top: 86px;}
#SNAP .list_4 li{ float: left; margin-right:30px; width:240px; margin-bottom: 15px;}

#SNAP .list_4 li:nth-child(4n){ margin-right: 0;}
#SNAP .bxslider li .txt{padding: 15px; }
#slide_box{ width: 100%; max-width: 800px; margin: 30px auto 0;}
#SNAP .btn_01{ margin: 40px auto 100px;}
#SNAP #head_nav .list_4 li{ margin-bottom: 5px !important; margin-top: 5px !important;}
#SNAP .list_4 li .title{ margin: 8px auto 10px; line-height: 1.5em; height: 65px; overflow: hidden;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#SNAP h3.Title { margin:30px auto 0;padding-top:0px;}
#SNAP .list_4 li{ float: left; margin-right:4%;width:48%;}
#SNAP .list_4 li:nth-child(2n){ margin-right: 0;}
}


/*===============================================

404ページ

===============================================*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#notfound #contents .wrap{
	padding:0 0 100px;
}
#notfound #contents h2.PageName{
	height:auto;
}
#notfound #contents h1.PageName{
	height:auto;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#notfound #contents .wrap img{
	padding:0 0 5%;
	max-width:100%;
}
}
/*===============================================

クルマを売るページ

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#SALE h3.Title{ margin:0 auto 20px;border-bottom:none;padding-top: 86px;font-weight:bold;font-size:36px;}
#SALE h4.Title{ margin:0 auto 35px;border-bottom:none;text-align:center;font-size:30px;}
#SALE dl.point{overflow:hidden;background:url(../sl_images/sale/point_bg02.gif) repeat;margin-bottom:18px;}
#SALE dl.point dt{background:url(../sl_images/sale/point_bg.gif) repeat;width:31.5%;float:left;box-sizing:border-box;padding:3.5% 0;}
#SALE dl.point dd{width:68.5%;float:left;box-sizing:border-box;padding:2%;}
#SALE dl.point h3{text-align:center;margin-bottom:5%;}
#SALE dl.point h4{font-size:26px;text-align:center;color:#fff;line-height:130%;}
#SALE .box{width:330px;float:left;margin-right:30px;}
#SALE .box:last-child{margin-right:0px;}
#SALE .box h3{color:#fff;text-align:center;padding:0 0 10px;}
#SALE .box .inner{background-color:#429902;padding:15px 15px 20px;}
#SALE .box_01 { background: url(../sl_images/sale/01.jpg) center;background-size: cover; text-align: center;padding:130px 20px; font-size: 120%; line-height: 2.0em;}
#SALE .box_01 h3 { font-size:200%; margin-bottom: 30px;}
#SALE .box_01 h3 span { font-size: 240%; color: rgba(203,0,3,1.00)}
#SALE .list_2 { margin-bottom:50px; font-size: 110%;}
#SALE .list_2 h4{ font-size:240%; margin: 20px 0; color: #3e6712;}
#SALE .list_2 h5{ font-size:200%; border-bottom: 1px solid #CCC; margin-bottom:20px; padding-bottom: 10px;}
#SALE .bg_01 { padding:20px 0 50px;}
#SALE .assessment_container {max-width: 850px;}
#SALE .box_02_container{display: flex; justify-content: center;}
#SALE .box_02{width:300px;margin-left:auto;margin-right:auto;margin-bottom:100px;padding: 1%;}
#SALE span.txt{font-size:18px;}
@media screen and (min-width:769px){#SALE .clear {display:none;}}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#SALE .box_01 {padding:50px 20px;font-size:100%; }
#SALE .box_01 h3 { font-size:100%; margin-bottom:20px;}
#SALE .list_2 {margin-bottom:80px;}
#SALE .list_2 h4{ font-size:180%; text-align: center;}
#SALE .list_2 h5{ font-size:130%;text-align: center;}
#SALE .bg_01 { padding:30px;}
#SALE h3.Title { margin:0 auto;padding:5% 0;font-size:180%;}
#SALE h4.Title{ margin:0 auto 5%;border-bottom:none;text-align:center;font-size:140%;}
#SALE dl.point{overflow:hidden;background:url(../sl_images/sale/point_bg02.gif) repeat;margin-bottom:18px;}
#SALE dl.point dt{background:url(../sl_images/sale/point_bg.gif) repeat;width:100%;float:none;box-sizing:border-box;padding:3.5% 0;}
#SALE dl.point dd{width:100%;float:none;box-sizing:border-box;padding:2% 5%;}
#SALE dl.point dd img{max-width:100%;margin-top:2%;}
#SALE dl.point h3{text-align:center;margin-bottom:3%;}
#SALE dl.point h4{font-size:180%;text-align:center;color:#fff;line-height:130%;}
#SALE .box{width:100%;float:none;margin:0 auto 5%;}
#SALE .box:last-child{margin-right:0px;}
#SALE .box h3{color:#fff;text-align:center;padding:0 0 10px;}
#SALE .box .inner{background-color:#429902;padding:5% 5% 8%;text-align:center;}
#SALE .box .inner img{max-width:100%;}
#SALE .box_02_container{display: flex; flex-wrap: wrap; justify-content: center;}
#SALE .box_02{width:50%;margin-right:auto;margin-left:auto;margin-bottom:7%;box-sizing:border-box;padding:2%;}
#SALE .box_02 img{width:100%;}

#SALE span.txt{font-size:140%;}

}

/*===============================================

SUV LAND とは

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#ABOUT .PageName{margin-bottom:0;}
#ABOUT .box_01 { height:726px;background:url(../sl_images/about/bg.jpg) center no-repeat; background-size:cover; }
#ABOUT h3.title{font-size:32px; text-align:center;padding:150px 0 40px;font-weight:bold;}
#ABOUT .ph{width:605px;}
#ABOUT .txtbox{width:420px;}
#ABOUT .txtbox h3{font-size:24px;font-weight:bold;line-height:120%;margin-top:30px;}

#ABOUT .bg_01{background-color:#f8f8e3;padding-bottom:100px;}
#ABOUT .box_01 p { margin-bottom:20px;}
#ABOUT .box_01 p span { font-size:180%; font-weight: bold;}
#ABOUT .box_02 {padding: 60px 0; border-bottom: 1px solid #CCC;}
#ABOUT .box_02 .item_01 { width: 210px; height:145px;background: url( ../sl_images/about/pic_01.png) no-repeat; background-size: cover; text-align: center; font-size:200%; color: #FFF; float: left; line-height:1.4em;padding-top:65px; text-align: center;}
#ABOUT .box_02 .txt { font-size:110%; padding:15px 0; line-height:1.7em;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#ABOUT img{max-width:100%;}
#ABOUT .box_01 { height:auto;background:url(../sl_images/about/bg_sp.jpg) center no-repeat; background-size:contain; padding-top:148.1632%; }
#ABOUT h3.title{font-size:180%; text-align:center;padding:10% 0 5%;font-weight:bold;}
#ABOUT .txtbox h3{font-size:120%;font-weight:bold;line-height:120%;margin-top:30px;}
#ABOUT .ph{width:100%;float:none;}
#ABOUT .txtbox{width:100%;float:none;}
#ABOUT .MB100{margin-bottom:15%;}
#ABOUT .MB50{margin-bottom:5%;}
#ABOUT .MB80{margin-bottom:8%;}
.not_br br{display:none;}
}
/*===============================================

私たちの強み

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#STRENGTH .PageName{margin-bottom:120px;}
#STRENGTH h3.title{font-size:36px; text-align:center;padding:30px 0 30px;font-weight:bold;background:url(../sl_images/strength/dotted.png) repeat-x left bottom;}
#STRENGTH h3.title2{font-size:30px;line-height:140%;text-align:center;padding:90px 0 40px;}
#STRENGTH .box { overflow:hidden; padding:30px 0 50px 20px;}
#STRENGTH .ph1{width:200px;float:left;}
#STRENGTH .ph2{float:right;}
#STRENGTH .txtbox{width:765px;float:right;margin-top:20px;}
#STRENGTH .txtbox .txt{width:400px;float:left;}
#STRENGTH .txtbox .txt span{font-size:12px;}
#STRENGTH .txtbox h3{font-size:24px;font-weight:bold;line-height:120%;margin-top:30px;}

#STRENGTH .bg_01{background-color:#f2f2f2;padding-bottom:100px;}
#STRENGTH .box02 { width:510px;float:left;}
#STRENGTH .box02 { width:510px;float:right;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#STRENGTH img{max-width:100%;}
#STRENGTH .PageName{margin-bottom:10%;}
#STRENGTH h3.title{font-size:120%; text-align:center;padding:0 0 5%;font-weight:bold;}
#STRENGTH h3.title2{font-size:120%;line-height:140%;text-align:center;padding:5% 0;}
#STRENGTH .box { overflow:hidden; padding:5% 0;margin-bottom:10%;}
#STRENGTH .txtbox{width:100%;float:none;margin:0 0 3%;}
#STRENGTH .txtbox .txt{width:100%;float:none;margin-bottom:3%;}
#STRENGTH .txtbox h3{font-size:120%;font-weight:bold;line-height:120%;margin-top:30px;}
#STRENGTH .box_01 { height:726px;background:url(../sl_images/about/bg_sp.jpg) center no-repeat; background-size:cover; }
#STRENGTH .ph1{width:200px;float:none;margin:0 auto 3%;}
#STRENGTH .ph2{float:none;text-align:center;}
#STRENGTH .box02 { width:100%;float:none;}
#STRENGTH .box02 { width:100%;float:right;}
}

/* ==============================================

  sitemap

===============================================*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●PC　画面の横幅が769px以上
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#SITEMAP{ margin-top:0px;}
#SITEMAP .wrap{ position:relative; margin-bottom: 160px; margin-top: 100px;}
#SITEMAP #sitemap_nav{ width:960px; margin:auto;}
#SITEMAP #sitemap_nav ul{ float: left; width:280px; font-size:100%; margin-right: 60px; font-weight:normal;}
#SITEMAP #sitemap_nav ul:last-child{ float: left; width:280px; font-size:100%; margin-right: 0px;}
#SITEMAP #sitemap_nav ul li.title{ color:#130; font-size:120%; margin-bottom: 10px; border-bottom: 1px solid #DDD;}
#SITEMAP #sitemap_nav ul li.title a{ color:#130; padding:2px 0;}
#SITEMAP #sitemap_nav ul li:not(.title){ margin-left:15px; padding-bottom:3px}
#SITEMAP #sitemap_nav ul li.title.mg{ margin-bottom: 34px;}
#SITEMAP #sitemap_nav ul li.mg{ margin-bottom: 34px;}
#SITEMAP #sitemap_nav ul li a{ color:#333333;margin: 0 5px;}
#SITEMAP #sitemap_nav ul li a:hover{ text-decoration: none; opacity: 0.6;}
#SITEMAP #sitemap_nav ul li.link_mg{ margin-bottom: 10px;}
#SITEMAP #sitemap_nav ul .text_title{padding-left: 5px;}
#SITEMAP #sitemap_nav ul .link_sub{padding-left: 15px;}
#SITEMAP #sitemap_nav ul .link_sub ul a{font-size:12px;color:#555;}

/*#sitemap .btn_contact{ background: url( ../sl_images/common/mail.png) no-repeat left rgba(0,0,0,0.4);background-position:15%;color: #FFFF; margin-top:70px; border:2px solid #FFF; border-radius: 6px; text-align: center; width:180px;}
#sitemap .btn_contact a{ display: block;padding:10% 0 10% 15%; color: #FFF; width:85%; height:80%;}*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
●sp・タブレット　画面の横幅が768pxまで
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width:768px){
#SITEMAP .wrap{ margin-bottom: 50px; margin-top: 50px;}
#SITEMAP #sitemap_nav{ width:100%; margin:auto;}
#SITEMAP #sitemap_nav ul{ float: none; width:100%; font-size:110%; margin-bottom: 15px; margin-left:auto ; margin-right: auto; display:block;}
#SITEMAP #sitemap_nav ul:last-child{ float: none; width:100%; font-size:110%; margin-bottom: 0px; margin-left:auto ; margin-right: auto;}
#SITEMAP #sitemap_nav ul li.title,#SITEMAP #sitemap_nav ul:last-child li.title{ line-height: 200%;}
#SITEMAP #sitemap_nav ul li.title a,#SITEMAP #sitemap_nav ul:last-child li.title a{ color:#130; }
#SITEMAP #sitemap_nav ul li.title.mg{ margin-bottom: 15px;}
#SITEMAP #sitemap_nav ul li.mg{ margin-bottom: 15px;}
#SITEMAP .logo { float:none; text-align: center;}
#SITEMAP .btn_recruit{margin:15px auto 0;}
#SITEMAP .btn_contact{margin:15px auto 0;}
}


#newsblog .mainbox .fl a,
#newsblog .mainbox .fr a,
#blog .mainbox .fl a,
#blog .mainbox .fr a{
	display:block;
	border:1px solid #163106;
	padding:5px 10px;
}
.addtoany_share_save_container{
	margin-top:50px!important;
}

*{font-weight: initial;}
.blogtex *{
	color: unset;
	list-style: unset;
	width: unset;
	list-style-type: unset;
	list-style-position: inside;
	line-height: 170%;
}
.blogtex a{color: #0000EE; text-decoration:underline;}
.blogtex ol{list-style-type: decimal;}
.blogtex p.blog_title1{position:relative;font-size:20px;padding:10px;margin-bottom:20px;}
.blogtex p.blog_title1:before{position:absolute;content:"";top:0;left:0;width:5px;height:100%;background:#163106}

.blogtex p.blog_title2{position:relative;font-size:20px;margin-bottom:20px;padding:10px}
.blogtex p.blog_title2:before{position:absolute;content:"";top:0;left:0;width:100%;border-top:5px double #163106}
.blogtex p.blog_title2:after{position:absolute;content:"";bottom:0;left:0;width:100%;border-bottom:5px double #163106}

.blogtex p.blog_title3{position:relative;font-size:20px;margin-bottom:20px;padding:10px 10px 10px 15px;}
.blogtex p.blog_title3:before{position:absolute;content:"";bottom:0;left:0;width:8px;height:100%;background:#163106}
.blogtex p.blog_title3:after{position:absolute;content:"";bottom:0;left:0;width:100%;border-bottom:1px solid #163106;}

.blogtex p.blog_title4{position:relative;font-size:20px;margin: 0 0 1.5em;padding: 0.5em 0.5em 0.5em 1.7em;border-bottom: 3px solid #163106;}
.blogtex p.blog_title4:before{content:"";position:absolute;background:#163106;bottom:1.5em;left:0.4em;height:12px;width:12px;transform:rotate(45deg);-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
.blogtex p.blog_title4:after{content:"";position:absolute;background:#163106;bottom:0.5em;left:0;height:8px;width:8px;transform:rotate(15deg);-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);-o-transform: rotate(15deg);-ms-transform: rotate(15deg);}

.blogtex p.blog_title5{position:relative;margin:0 0 1.5em;padding: 0.8em;background: #163106;color:#fff;}
.blogtex p.blog_title5:after{content:"";position:absolute;bottom:-15px;left:10%;z-index:90;margin-left:-15px;border-top:15px solid #163106;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:0;}

h3.blog_title1{position:relative;font-size:20px;padding:10px;margin-bottom:20px;}
h3.blog_title1:before{position:absolute;content:"";top:0;left:0;width:5px;height:100%;background:#163106}

h3.blog_title2{position:relative;font-size:20px;margin-bottom:20px;padding:10px}
h3.blog_title2:before{position:absolute;content:"";top:0;left:0;width:100%;border-top:5px double #163106}
h3.blog_title2:after{position:absolute;content:"";bottom:0;left:0;width:100%;border-bottom:5px double #163106}

h3.blog_title3{position:relative;font-size:20px;margin-bottom:20px;padding:10px 10px 10px 15px;}
h3.blog_title3:before{position:absolute;content:"";bottom:0;left:0;width:8px;height:100%;background:#163106}
h3.blog_title3:after{position:absolute;content:"";bottom:0;left:0;width:100%;border-bottom:1px solid #163106;}

h3.blog_title4{position:relative;font-size:20px;margin: 0 0 1.5em;padding: 0.5em 0.5em 0.5em 1.7em;border-bottom: 3px solid #163106;}
h3.blog_title4:before{content:"";position:absolute;background:#163106;bottom:1.5em;left:0.4em;height:12px;width:12px;transform:rotate(45deg);-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);}
h3.blog_title4:after{content:"";position:absolute;background:#163106;bottom:0.5em;left:0;height:8px;width:8px;transform:rotate(15deg);-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);-o-transform: rotate(15deg);-ms-transform: rotate(15deg);}

h3.blog_title5{position:relative;margin:0 0 1.5em;padding: 0.8em;background: #163106;color:#fff;}
h3.blog_title5:after{content:"";position:absolute;bottom:-15px;left:10%;z-index:90;margin-left:-15px;border-top:15px solid #163106;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:0;}

.blogtex tr > td,
.blogtex tr > th,
.blogtex tbody > tr > td,
.blogtex tbody > tr > th,
.blogtex thead > tr > td,
.blogtex thead > tr > th,
.blogtex tfoot > tr > td,
.blogtex tfoot > tr > th
{border:1px solid #999!important; border-collapse: collapse;padding:5px}
.blogtex tr > th,
.blogtex tbody > tr > th,
.blogtex thead > tr > th,
.blogtex tfoot > tr > th
{background:#555;color:#FFF;}
.blogtex h3 {
	font-style: normal !important;
	font-size:20px;
	font-weight:bold;
	line-height:24px;
}
.blogtex h4 {
	background-color:#240;
	color:#FFF;
	font-size:16px;
	margin:15px 0;
	padding:5px;
	line-height:20px;
}
.blogtex h5 {
	background-color:#AAA;
	color:#FFF;
	margin:15px 0;
	padding:5px;
	font-size:12px;
	line-height:14px;
}
.blogtex h6 {
	background-color:#DDD;
	color:#555;
	margin:15px 0;
	padding:5px;
	font-size:12px;
	line-height:14px;
}
.blogtex .marker
{
	background-color: Yellow;
}