@charset "utf-8";
/* CSS Document */
button:focus { outline:0; }
@font-face {
  font-family:'twfont';
  src:url('../font/twfont.eot');
  src:url('../font/twfont.eot?#iefix') format('embedded-opentype'),
      url('../font/twfont.woff') format('woff'), 
      url('../font/twfont.ttf') format('truetype'),
      url('../font/twfont.otf') format('opentype');
}
.clearfix::after {
	content: "";
	clear: both;
	overflow: hidden;
}
.left {
	float: left;
}
* {
	box-sizing: border-box;
}
/*body {
	background-color: #fff;
	background-image: url("../images/punc/main_bg_wh.jpg");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
}*/
body{
	background-color: #000;
}
header {
	background-color: #fff;
}
main{
	clear:both;
	overflow:hidden;
}
footer{
	clear:both;
	overflow:hidden;
}
#pagetop {
	width: 50px;
	height: 60px;
	position: fixed;
	right: 10px;
	bottom: 0px;
	cursor: pointer;
	z-index: 100;
}
.pagetop_sp {
	display: none;
}
.logo_sp_wh {
	display: none;
	/*    position: relative;
    z-index: 110;
    top: 64px;
    left: 20px;    */
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝

ここからメインコンテンツ

＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.coupon{
    width: 1200px;
    height: 84px;
    margin: 32px auto 8px;
    background-color: #bf0000;
    color: #FFFFFF;
    border-radius: 40px;
    text-align: center;
    font-size: 25px;
    font-weight: 900;
    line-height: 35px;
    padding-top: 0.4%;
    font-family: "Noto Sans Japanese";
}
.springcoupon_bn{
	width: 1160px;
	height: auto;
	margin: 0 auto 100px;
}
.coupon_bn {
	background-image: url(../images/19inch/5p_off_june.jpg);
	wdth: 100%;
	background-repeat:no-repeat;
	background-position:center center;
	
}


.coupon_bn{
	width:800px;
	height:120px;
	margin:70px auto;
	/*animation-iteration-count: infinite;*/ /*連続させる時*/
	animation-duration: 1s; /* アニメーションの時間 */
	animation-delay: 1s; /* アニメーション開始時間 */
	animation-fill-mode: both;/*アニメーションの再生中・再生後のスタイルを指定する*/
}
.leonis_top_wrap01{
	width:100%;
	height:550px;
	background-image:url(../images/leonis21/main_bg.jpg);
	background-position:right center;
	background-repeat:no-repeat;
	overflow:hidden;
	background-color:#000000;
}
.leonis_top_main01{
	width:1300px;
	height:550px;
	margin:0 auto;
}
.leonis_top_main01_01{
	width:1300px;
	height:550px;
	/*animation-iteration-count: infinite;*/ /*連続させる時*/
	animation-duration: 2s; /* アニメーションの時間 */
	animation-delay: 1s; /* アニメーション開始時間 */
	animation-fill-mode: both;/*アニメーションの再生中・再生後のスタイルを指定する*/
}
.leonis_top_main01_01_sp{
	display: none;
}
.leonis_top_main01_img_sp{
	display: none;
}

.weds_top_main02{
	width:1200px;
	height:250px;
	margin:0 auto;
}
.weds_top_main02_01{
	width:1200px;
	height:250px;
}
.weds_top_main03{
	width:1200px;
	height:170px;
	margin:0 auto;
}
.weds_top_main03_01{
	width:600px;
	height:120px;
	float:left;
	/*animation-iteration-count: infinite;*/ /*連続させる時*/
	animation-duration: 1s; /* アニメーションの時間 */
	animation-delay: 1.5s; /* アニメーション開始時間 */
	animation-fill-mode: both;/*アニメーションの再生中・再生後のスタイルを指定する*/
}
.weds_top_main03_02{
	width:600px;
	height:120px;
	float:right;
	/*animation-iteration-count: infinite;*/ /*連続させる時*/
	animation-duration: 1s; /* アニメーションの時間 */
	animation-delay: 1.8s; /* アニメーション開始時間 */
	animation-fill-mode: both;/*アニメーションの再生中・再生後のスタイルを指定する*/
}
.weds_top_main03_03{
	width:1200px;
	height:50px;
	clear:both;
	/*animation-iteration-count: infinite;*/ /*連続させる時*/
	animation-duration: 1s; /* アニメーションの時間 */
	animation-delay: 2s; /* アニメーション開始時間 */
	animation-fill-mode: both;/*アニメーションの再生中・再生後のスタイルを指定する*/
}
.weds_top_wrap02{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #FFFFFF;
    padding: 2%;
}
a:hover {
     opacity: 1 !important; 
}
.pop_text{
	text-align: center;
    font-weight: 600;
    font-size: 1.5em;
    color: #333;
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    margin: 1% auto 3%;
    padding: 1.2%;
    width: 1200px;
}
.tire_lineup_wrap{
	width:1200px;
	height:380px;
	margin:0 auto;
}
.tire_lineup01{
	width: 25%;
	height: auto;
	float: left;
}
.tire_lineup02{
    width: 20%;
    height: auto;
	float:left;
}
.tire_lineup01 p,.tire_lineup02 p{
	text-align: center;
	font-weight: 600;
	font-size: 1.2em;
	color: #bf0000;
	margin-top: 4%;
}
.tire_lineup01 img,.tire_lineup02 img{
	width:100%;	
}

img.hvr{
-moz-transition: -moz-transform 0.1s linear;
    -webkit-transition: -webkit-transform 0.1s linear;
    -o-transition: -o-transform 0.1s linear;
    -ms-transition: -ms-transform 0.1s linear;
    transition: transform 0.1s linear;
}
a:hover img.hvr{
-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.leonislogo{
	width:80%;
	height:auto;
	margin:0 auto;
}
.inch_qa{
	text-align: center;
	font-size: 1.1em;
    padding: 2.4em 1.2em;
	font-weight: 600;
	background-color: #fff;
}
.inch_qa a{
	FONT-WEIGHT: 600;
    color: #bf0000 !important;
    font-size: 1.2em;
    border-bottom: solid 1px #bf0000;
}

.inch_qa img{
	margin-top:2%;
	width:960px;
}
.inch_qa p{
	margin-top: 2%;
    font-weight: 600;
    font-size: 1.4em;
}
.leonis_line{
	width:100%;
	height:240px;
	background: rgb(191,0,0);
	background: -moz-linear-gradient(45deg,  rgb(191,0,0) 0%, rgb(191,0,0) 50%, rgb(0,0,0) 51%, rgb(0,0,0) 100%);
	background: -webkit-linear-gradient(45deg,  rgb(191,0,0) 0%,rgb(191,0,0) 50%,rgb(0,0,0) 51%,rgb(0,0,0) 100%);
	background: linear-gradient(45deg,  rgb(191,0,0) 0%,rgb(191,0,0) 50%,rgb(0,0,0) 51%,rgb(0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf0000', endColorstr='#000000',GradientType=1 );

}
h2.leonis_line_wrap{
	padding-top: 75px;
	margin-top: -75px;
	height:auto;
}
.leonis_line_img{
	width:1300px;
	height:240px;
	margin:0 auto;
}
.owl-dots {
  text-align: center;
  width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  margin-top:20px;
}

.owl-dot {
  border-radius: 50px;
  height: 10px;
  width: 10px;
  display: inline-block;
  background: rgba(127,127,127, 0.5) !important;
  margin-left: 5px;
  margin-right: 5px;
}

.owl-dot.active {
  background-color: #ea5514 !important;
}
.owl-nav{
	display:none;
}
.owl-carousel{
	width:100%;
	height:500px;
	clear:both;
	background-image:url(../images/leonis21/bg_blue_layer.png);
	overflow:hidden;
	padding:50px 0 80px;
}
/*3段ver*/
/*.item{
	width:300px;
	height:550px;
	background-repeat:no-repeat;
	overflow:hidden;
}*/
/*2段ver*/
.item{
	width:300px;
	height:360px;
	background-repeat:no-repeat;
	overflow:hidden;
	border-bottom: 3px solid #444444;
}
.carbg_01{
	background-image:url(../images/leonis21/item_kei.jpg);
}
.carbg_02{
	background-image:url(../images/leonis21/item_hustler.jpg);
}
.carbg_03{
	background-image:url("../images/leonis21/item_aqua.jpg");
}
.carbg_04{
	background-image:url("../images/leonis21/item_roomy.jpg");
}
.carbg_05{
	background-image:url("../images/leonis21/item_note.jpg");
}
.carbg_06{
	background-image:url("../images/leonis21/item_fit.jpg");
}
.carbg_07{
	background-image:url("../images/leonis21/item_rav4.jpg");
}
.carbg_08{
	background-image:url("../images/leonis21/item_xtrail.jpg");
}
.carbg_09{
	background-image:url("../images/leonis21/item_delicad5.jpg");
}

.gx_01{
	background-image:url(../images/leonis21/item_car/item_kei.gif);
}
.gx_02{
	background-image:url(../images/leonis21/item_car/item_hustler.gif);
}
.gx_03{
	background-image:url("../images/leonis21/item_car/item_alphard.gif");
}
.gx_04{
	background-image:url("../images/leonis21/item_car/item_vellfire.gif");
}
.gx_05{
	background-image:url("../images/leonis21/item_car/item_aqua.gif");
}
.gx_06{
	background-image:url("../images/leonis21/item_car/item_voxy.gif");
}
.gx_07{
	background-image:url("../images/leonis21/item_car/item_roomy.gif");
}
.gx_08{
	background-image:url("../images/leonis21/item_car/item_note.gif");
}
.gx_09{
	background-image:url("../images/leonis21/item_car/item_fit.gif");
}
.gx_10{
	background-image:url("../images/leonis21/item_car/item_freed.gif");
}
.gx_11{
	background-image:url("../images/leonis21/item_car/item_raize.gif");
}
.gx_12{
	background-image:url("../images/leonis21/item_car/item_harrier.gif");
}
.gx_13{
	background-image:url("../images/leonis21/item_car/item_rav4.gif");
}
.gx_14{
	background-image:url("../images/leonis21/item_car/item_xtrail.gif");
}
.gx_15{
	background-image:url("../images/leonis21/item_car/item_crv.gif");
}
.gx_16{
	background-image:url("../images/leonis21/item_car/item_vezel.gif");
}
.gx_17{
	background-image:url("../images/leonis21/item_car/item_forester.gif");
}
.gx_18{
	background-image:url("../images/leonis21/item_car/item_delicad5.gif");
}
.gx_19{
	background-image:url("../images/leonis21/item_car/item_cx5.gif");
}
.gx_20{
	background-image:url("../images/leonis21/item_car/item_cx8.gif");
}

.pr_01{
	background-image:url("../images/leonis21/item_car/item_alphard_2.gif");
}
.pr_02{
	background-image:url("../images/leonis21/item_car/item_vellfire_2.gif");
}
.pr_03{
	background-image:url("../images/leonis21/item_car/item_harrier.gif");
}
.pr_04{
	background-image:url("../images/leonis21/item_car/item_rav4.gif");
}
.pr_05{
	background-image:url("../images/leonis21/item_car/item_xtrail_2.gif");
}
.pr_06{
	background-image:url("../images/leonis21/item_car/item_vezel_2.gif");
}
.pr_07{
	background-image:url("../images/leonis21/item_car/item_forester.gif");
}
.pr_08{
	background-image:url("../images/leonis21/item_car/item_delicad5.gif");
}
.pr_09{
	background-image:url("../images/leonis21/item_car/item_cx5.gif");
}
.pr_10{
	background-image:url("../images/leonis21/item_car/item_cx8.gif");
}

.lo_01{
	background-image:url("../images/leonis21/item_car/item_alphard_2.gif");
}
.lo_02{
	background-image:url("../images/leonis21/item_car/item_vellfire_2.gif");
}
.lo_03{
	background-image:url("../images/leonis21/item_car/item_harrier.gif");
}
.lo_04{
	background-image:url("../images/leonis21/item_car/item_rav4.gif");
}
.lo_05{
	background-image:url("../images/leonis21/item_car/item_xtrail_2.gif");
}
.lo_06{
	background-image:url("../images/leonis21/item_car/item_vezel_2.gif");
}
.lo_07{
	background-image:url("../images/leonis21/item_car/item_forester.gif");
}
.lo_08{
	background-image:url("../images/leonis21/item_car/item_delicad5.gif");
}
.lo_09{
	background-image:url("../images/leonis21/item_car/item_cx5.gif");
}
.lo_10{
	background-image:url("../images/leonis21/item_car/item_cx8.gif");
}

.fl_01{
	background-image:url("../images/leonis21/item_car/item_alphard_2.gif");
}
.fl_02{
	background-image:url("../images/leonis21/item_car/item_vellfire_2.gif");
}
.fl_03{
	background-image:url("../images/leonis21/item_car/item_harrier.gif");
}
.fl_04{
	background-image:url("../images/leonis21/item_car/item_rav4.gif");
}
.fl_05{
	background-image:url("../images/leonis21/item_car/item_xtrail_2.gif");
}
.fl_06{
	background-image:url("../images/leonis21/item_car/item_vezel_2.gif");
}
.fl_07{
	background-image:url("../images/leonis21/item_car/item_forester.gif");
}
.fl_08{
	background-image:url("../images/leonis21/item_car/item_delicad5.gif");
}
.fl_09{
	background-image:url("../images/leonis21/item_car/item_cx5.gif");
}
.fl_10{
	background-image:url("../images/leonis21/item_car/item_cx8.gif");
}

.evo_01{
	background-image:url("../images/leonis21/item_car/item_alphard_2.gif");
}
.evo_02{
	background-image:url("../images/leonis21/item_car/item_vellfire_2.gif");
}
.evo_03{
	background-image:url("../images/leonis21/item_car/item_harrier.gif");
}
.evo_04{
	background-image:url("../images/leonis21/item_car/item_rav4.gif");
}
.evo_05{
	background-image:url("../images/leonis21/item_car/item_xtrail_2.gif");
}
.evo_06{
	background-image:url("../images/leonis21/item_car/item_crv.gif");
}
.evo_07{
	background-image:url("../images/leonis21/item_car/item_forester.gif");
}
.evo_08{
	background-image:url("../images/leonis21/item_car/item_delicad5.gif");
}
.evo_09{
	background-image:url("../images/leonis21/item_car/item_cx5.gif");
}
.evo_10{
	background-image:url("../images/leonis21/item_car/item_cx8.gif");
}

/*↓ここから使ってる↓*/

/*.off_btn_blu:before{
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:2em;
	height:2em;
	background:url("../images/leonis21/item_car/toku.png") no-repeat;
	background-size:contain;
}*/

.off_btn_blu{
	width: 250px;
    height: 70px;
	background-color: #082e52;
    margin: 0 auto;
    border-radius: 10px;
	text-align:center;
    color: #FFFFFF;
	font-family:  "twfont","Noto Sans Japanese";
	padding:25px 0;
	box-shadow: 0 6px 0 #021527, 0 12px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	margin-top:260px;
}
.off_btn_blu a{
	width: 250px;
    height: 70px;
	background-color: #082e52;
    margin: 0 auto;
    border-radius: 10px;
	text-align:center;
    color: #FFFFFF;
	font-family:  "twfont","Noto Sans Japanese";
	padding:25px 0;
	box-shadow: 0 6px 0 #021527, 0 12px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	margin-top:260px;
}
.off_btn_blu a:hover {
	background-color: #082e52;
	box-shadow: 0 3px 0 #021527, 0 6px 0px rgba(0,0,0,1);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}


.off_btn_red{
	width: 250px;
    height: 70px;
    background-color: #bf0000;
    margin: 0 auto;
    border-radius: 10px;
	text-align:center;
    color: #FFFFFF;
	font-family:  "twfont","Noto Sans Japanese";
	padding:25px 0;
	box-shadow: 0 6px 0 #770506, 0 12px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	margin-top:25px;
}
.off_btn_red a{
	width: 250px;
    height: 70px;
    background-color: #bf0000;
    margin: 0 auto;
    border-radius: 10px;
	text-align:center;
    color: #FFFFFF;
	font-family:  "twfont","Noto Sans Japanese";
	padding:25px 0;
	box-shadow: 0 6px 0 #770506, 0 12px 0 rgba(0,0,0,0.2);
	-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
	transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
	margin-top:25px;
}
.off_btn_red a:hover {
	background-color: #bf0000;
	box-shadow: 0 3px 0 #770506, 0 6px 0px rgba(0,0,0,1);
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}


.btn_text01{
	font-weight: bold;
	margin: -22px 0 -12px;
	text-shadow: 1px 1px 2px #000;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}
.btn_text02{
	font-size: 40px;
    font-style: italic;
	text-shadow: 1px 1px 2px #000;
}


.sp_line {
	display: none;
}
.title {
	pointer-events: none;
}
.animated{
	animation-duration: 1s !important;
}
.attemtion{
    font-size: 1em;
    text-align: center;
    margin-bottom: 1%;
    padding: 1%;
    background-color: #fff;
	font-weight: 600;
}
@media (min-width:1400px) {
	.weds_top_main02{
		width:1400px;
	}
	.weds_top_main02_01{
		width:1400px;
	}
}
@media (min-width:980px) {
	.spview{
		display:none;
	}
	.footer-sp-copyright {
		display: none;
		width: 100%;
	}
}
@media (max-width:1400px) {
	.weds_top_main01{
		width:100%;
		height: auto;
	}
	.weds_top_main01_01{
		width:100%;
		height: auto;
	}
	.weds_top_main01_01 img{
		width: 100%;
	}
	.pop_text{
		width:100%;
	}
}
/*@media (max-width:480px) {*/
@media (max-width:980px) {
	.pcview{
		display:none;
	}
	.leonis_top_main01_sp{
	display: block;
	width:100%;
	height:auto;
	background-image:url("../images/leonis21/leonis_main_sp_bg.jpg");
	background-size: cover;
	}
	.leonis_top_main01_img_sp{
	display: block;
	width:100%;
	height:auto;
	}
	.weds_top_wrap02{
		height:auto;
	}
	.tire_lineup_wrap{
		width:98%;
		height:auto;
		margin:0 1%;
	}
	.tire_lineup01{
		height:auto;
	}
	.tire_lineup02{
		height:auto;
	}
	.tire_lineup03{
		height:auto;
	}
	.tire_lineup01 p,.tire_lineup02 p {
		font-size: 0.9em;
	}
	.leonis_line_img{
		width:100%;
		height:auto;
	}
	a:hover img.hvr{
		margin-top:0;
	}
	.owl-carousel{
		height: 650px;
		padding:10px 0 80px;
	}
	.inch_qa a {
    	font-size: 1em;
	}
	.inch_qa p {
    	font-size: 1.2em;
	}
	.inch_qa img {
    	width: 80%;
	}
	.coupon {
    	width: 96%;
    	height: auto;
    	font-size: 1em;
    	line-height: 1.2em;
    	padding: 10px;
	}
	.springcoupon_bn{
		width: 100%;
	}
	.logo_sp_wh {
		display: inline-block;
		width: 50%;
	}
	/*smart.cssの打ち消し*/
	.bar {
		padding: 2% !important;
	}
	.nav {
		display: none!important;
		;
	}
	.mynav {
		display: none !important;
	}
	.spnav {
		top: 70px !important;
	}
	._zkjwrapper {
		display: none !important;
	}
	.hover_global {
		display: none !important;
	}
	#chamo-window {
		display: none;
	}
	.menubtn {
		width: 40px !important;
		padding: 20px !important;
		top: 36px !important;
	}
	/*smart.cssの打ち消し*/
	.top_wrap1 {
		height: auto;
	}
	.top_img {
		display: none;
	}
	.top_img_sp {
		display: block;
		width: 100%;
	}

	.footer-sp-copyright {
		display: block;
		width: 100%;
		height: auto;
		font-size: 12px;
		color: #fff;
		text-align: center;
		background-color: #565656;
	}
	.coupon_bn{
		width: 90%;
		height:auto;
		margin: 30px auto;
	}
}
@media (max-width:480px) {
	/*=======共通=======*/
	#pagetop {
		width: 35px;
		height: 45px;
	}
	.pagetop_pc {
		display: none;
	}
	.pagetop_sp {
		display: block;
	}
	.bar {
		padding: 4% 2% 5% 4%!important;
	}
	/*=======共通=======*/
	h3 {
		line-height: 1.4em;
		font-size: 1.4em;
	}
	h4 {
		color: #fff100;
		font-size: 1.3em;
		margin: 5% 0;
		font-weight: 600;
		line-height: 1.4em;
	}
	.pop_text {
	width: 90%;
    font-size: 1em;
    margin: 4%;
    padding: 4% 0;
}
	.tire_lineup01 {
   		height: auto;
		width: 50%;
		margin: 5% 0 0;
	}
	/*.tire_lineup01 p, .tire_lineup02 p {
    	position: relative;
    	top: -330px;
		font-size: 1.4em;
	}*/
	.coupon{
		font-size: 0.9em;
		border-radius: 10px;
	    line-height: 1.4em;
	}
	.inch_qa p {
    margin-top: 5%;
    font-size: 1em;
    padding: 0 11%;
    line-height: 1.2em;
	}
	.inch_qa img {
    width: 100%;
	}
	.owl-dots {
    	width: 55%;
    	margin: 20px auto 0;
    	line-height: 1.2em;
	}
	/*.search_link_inner p {
		margin-top: 5%;
		font-size: 1.1em;
	}
	.search_link_inner span {
		font-size: 1.1em;
	}
	.btn-square-pop {
		margin-top: 8%;
		font-size: 1.3em;
		padding: 1em;
	}*/
	.attemtion {
    font-size: 1em;
    margin-bottom: 1%;
    padding: 2%;
    margin: 2%;
    line-height: 1.4em;
	}
	.spclear{
		clear:both;
	}
	.leonis_line{
	height:auto;
	}
	.owl-carousel{
		height: 440px;
		padding:10px 0 80px;
	}
	h2.leonis_line_wrap{
		padding-top: 100px;
		margin-top: -100px;
		height:auto;
	}

}
@media (max-width:350px) {
	.bar {
		padding: 5% 2% 6% 4%!important;
	}
	.logo {
		width: 78px !important;
		height: 24px !important;
		margin: 13px 0 !important;
		float: left !important;
	}
	img[src$="header_logo.png"] {
		width: 78px !important;
		height: 24px !important;
	}
	.spnav {
		top: 65px !important;
	}
	/*.tire_lineup01 p, .tire_lineup02 p {
    	position: relative;
    	top: -280px;
	}*/
	.inch_qa p {
    padding: 0 4%;
	}
	.owl-dots {
    	width: 65%;
	}
}