/*=================
PC
==================*/

body {
	min-width: 100%;
	background-color: #DC2800;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.kei-h1 {
	background: #fff000;
	color: #0d0b01;
	text-align: center;
	margin: 40px 80px;
	padding: 10px 4px;
	border-radius: 8px;    
}

#MV{
	width: 1100px;
	margin: 0 auto;
}
#MV img{
	vertical-align:top;
}
#sub-MV{
	width: 900px;
	margin: 0 auto 25px;
	padding-bottom: 50px;
	border-bottom: #000000 1px solid;
}
#point, #present, #chirashi{
	width: 930px;
	margin: 0 auto;
}
#point h2, #present h2,#chirashi h2{
	width: 620px;
	margin: 0 auto;
}
#point ul{
	width: 100%;
	border-bottom: #000000 1px solid;
	padding-bottom: 45px;
	margin-bottom: 30px;
}
#point ul::after{
	clear: both;
	display: block;
	content: "";
}
#point ul li{
	width: 280px;
	margin: 0 15px;
	float: left;
}
#present div{
	width: 100%;
}
#present-nav{
	width: 100%;
	margin: 0;
	display: block;
}
#present-nav h2{
	width: 1000px;
	margin: 0 auto;
}
.present-back{
	background-image:url("../img/present-area-back.jpg");
}
#MOVEarea{
	padding: 100px 0;
	width: 100%;
	margin: 0;
	background-color: #000000;
}
.TVCMtitle{
	width: 1000px;
	margin: 0 auto;
}
.movie_block {
	text-align: center;
	margin: 80px auto 0 auto;
	width: 1000px;
}
.movie_block iframe{
	width: 900px;
	height: 506px;
}
.korona{
	position: relative;
	width: 1000px;
	margin: 50px auto;
	text-align: center;
	background-color: #ffffff;
}
.korona .img{
	display: block;
	width: 900px;
	margin: 0 auto;
}
#button-area{
	background-color: #000000;
}
#button-area ul{
	width: 1000px;
	margin: 0 auto;
	display: table;
}
#button-area ul li{
	width: 50%;
	display: table-cell;
}
#mishiyousya{
	width: 1000px;
	position: relative;
	margin: 75px auto 100px auto;
	background-color: #ffffff;
	border: #009FE8 5px solid;
	border-radius: 14px;
}
#mishiyousya h2{
	position: absolute;
	width: 614px;
	top: -50px;
	left: 50%;
	transform: translateX(-50%);
}
#mishiyousya div{
	width: 614px;
	margin: 55px auto 0 auto;
}
#mishiyousya ul{
	display: table;
	padding: 30px 50px 50px 50px;
}
#mishiyousya li{
	display: table-cell;
	width: 33%;
}
#orei-area{
	width: 100%;
	background-color: #ffffff;
}
#orei-area ul{
	width: 1060px;
	margin: 0 auto;
	padding: 30px 0 0;
	display: table;
}
#orei-area ul li{
	display: table-cell;
	vertical-align: middle;
}
#orei-area ul li .info{
	width: 95%;
}
#orei-area ul li .info h2{
	font-size: 20px;
	color: #DB2800;
	margin: 0 0 7px 0;
}
#orei-area ul li .info p{
	margin-bottom: 7px;
	line-height: 24px;
}
#orei-area ul .text{
	font-size: 17px;
	line-height: 30px;
	padding: 0 0 30px 30px;
}
#orei-area .button{
	width: 459px;
}
#orei-area .button img{
	margin: 0 30px 30px 0;
}
#orei-area .button a:hover{
	filter: drop-shadow(5px 5px 5px #aaa);
}
#flyer{
	width: 1000px;
	margin: 0 auto;
}
#flyer h2{
	width: 560px;
	margin: 0 auto;
}
#flyer ul{
	margin-bottom: 25px;
}
#flyer ul li{
	margin-bottom: 25px;
}

.web-zaiko_pc{
	width: 800px;
	margin: 25px auto 25px auto;
	text-align: right
}
.web-zaiko_pc img{
	width: 790px;
}
.web-zaiko_sp{
	display: none;
}
.web-zaiko_sp2{
	display: none;
}

.line_box{
	width: 1000px;
	height: 200px;
	margin: 50px auto 100px auto;
	position: relative;
}
.line_box .line-back{
	position: absolute;
	top: 0;
	left: 0;
}
.line_box .tomodachi-btn{
	position: absolute;
	width: 210px;
	top: 92px;
	left: 593px;
}
.footer-title_box{
	width: 1000px;
	margin: 50px auto 100px auto;
}
#present-area{
	width: 100%;
	margin: 0;
}
#present-area .inner{
	width: 1000px;
	margin: 0 auto;
	background-image:url("../img/present-inner-back.png");
	background-repeat: repeat-y;
}
#present-area .inner li{
	margin: 0;
}
footer {
	width: 100%;
	margin-top: 170px;
	padding: 10px 0 0;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.5;
	color: #ffffff;
}
footer #ftr1{
	background-color: #6FB92C;
}
footer #ftr1 .back_top{
	width: 1000px;
	margin: 0 auto;
	padding: 26px 0;
	position: relative;
}
footer #ftr1 .back_top img{
	width: 80px;
	position: absolute;
	float: right;
	right: 0px;
	top: 90px;
}
footer #ftr1 .back_top p{
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	font-weight: 400;
}
footer #ftr1 strong{
	font-size: 23px;
	font-weight: bold;
}
footer #ftr1 .back_top .line{
	display: block;
	width: fit-content;
	padding:8px 16px;
	margin-top: 10px;
	border-radius: 4px;
	background-color: #00AA00;
}
footer #ftr1 .back_top .line a{
	color: #ffffff;
}
footer #ftr2{
	background-color: #009844;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}
footer #ftr2 img{
	width: 640px;
}
/*====================================
セール会場のご案内
====================================*/
#map-area{
	background-color:#5c0000;
}
#map-area h2{
	width: 510px;
	margin: 0 auto;
	padding-top: 2%;
}
#sall-area {
  padding: 0 0 100px;
}
  #sall-area section {
    width: 1200px;
    margin: 0 auto; }
    #sall-area section div {
      width: 1000px;
      text-align: center;
      margin: 20px auto 0 auto; }
      #sall-area section div p {
        font-size: 18px;
        margin-bottom: 7px;
		color: #ffffff;
}
      #sall-area section div h3 {
        font-size: 21px;
        margin-bottom: 7px;
		color: #ffffff;
		font-weight: bold;
}
      #sall-area section div iframe {
        margin-top: 20px;
		  border-radius: 10px;
		  width: 1000px;
		  height: 510px;
}
    #sall-area section .L-side {
      float: left;
}
    #sall-area section .R-side {
      float: right;
	  }
  #sall-area section:after {
    content: "";
    clear: both;
    display: block; }

/*MV下ボタンエリア*/
#top-btn{
	background-color: #6FB92C;
	width: 100%;
	padding: 20px 0;
	margin: 0 0 40px;
	border-top: #009844 10px solid;
	border-bottom: #009844 10px solid;
}
#top-btn ul{
	width: 900px;
	margin: 0 auto;
}
#top-btn ul::after{
	clear: both;
	display: block;
	content: "";
}
#top-btn ul li{
	width: 350px;
	text-align: center;
	padding: 0 50px;
	margin: 0 auto;
	float:left;
}


/*チラシエリア*/
#chirashi{
	margin-top: 50px;
	border-top: #000000 1px solid;
}

#chirashi ul{
	width: 900px;
	margin: 0 auto;
}
#chirashi ul li{
	width: 100%;
	margin: 0 0 25px;
}
#chirashi ul .zaiko-btn{
	width: 540px;
	margin: 0 auto 75px;
}
/*目玉車エリア*/
#medama{
	width: 100%;
	margin: 100px 0 40px;
	background-image: url("../img/back-medama.jpg");
	padding-top: 45px;
}
#medama h3{
	width: 570px;
	margin: 0 auto 20px;
}
#medama ul{
	width: 900px;
	margin: 0 auto;
}
#medama ul::after{
	clear: both;
	display: block;
	content: "";
}
#medama ul li{
	width: 250px;
	margin: 0 0 25px;
	float: left;
	padding: 25px;
	text-align: center;
}
#medama ul li .button{
	width: 80%;
	margin: 0 auto;
}
#medama ul li .notice{
	color: #666666;
	font-size: 13px;
}

/*動画*/
#douga{
	width: 100%;
	background-color: #000000;
}
#douga h2{
	width: 450px;
	margin: 0 auto;
	padding-top: 2%;
}
#douga div{
	width: 900px;
	height: auto;
	margin: 0 auto;
	padding: 1% 0 5%;
}
#douga div iframe{
	width: 100%;
	height: 600px;
}
#douga video{
	width: 1000px;
	height: auto;
	display: block;
	margin: 15px auto 0;
	padding-bottom: 30px;

}

/*お知らせ*/
#oshirase{
	background-color:#ffffff;
	width: 100%;
	margin: 25px auto 35px;
}
#oshirase .naiyou{
	width: 900px;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 15px;
	text-align: center;
}
#oshirase .naiyou h3{
	font-size: 25px;
	margin-bottom: 15px;
}
#oshirase .naiyou p{
	font-size: 17px;
	margin-bottom: 10px;
}
#oshirase .naiyou strong{
	font-size: 21px;
	margin-bottom: 10px;
	color: #E60012;
}


/*表示・非表示*/
.sp_only{ display:none;}




/*=================
sp
==================*/
@media screen and (max-width: 500px) {

body {
	min-width: 100%;
	background-color: #DC2800;
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}

.kei-h1 {
	margin: 20px 14px 10px;
	padding: 8px 0px;
	font-size: 16px;
}

#MV{
	width: 100%;
	margin: 0;
}
#MV img{
	vertical-align:top;
}
#sub-MV{
	width: 100%;
	margin: 0 auto 25px;
	padding: 0 0 25px;
	border-bottom: #000000 1px solid;
}
#point, #present, #chirashi{
	width: 100%;
	margin: 0 auto;
}
#point h2, #present h2, #chirashi h2{
	width: 100%;
	margin: 0 auto 10px;
}
#point ul{
	width: 100%;
}
#point ul::after{
	clear: none;
}
#point ul li{
	width: 90%;
	margin: 0 auto 2vh;
	float: none;
}
#present div{
	width: 90%;
	margin: 0 auto;
}
#present-nav{
	width: 100%;
	margin: 0 0 3% 0;
	display: block;
}
#present-nav h2{
	width: 100%;
	margin: 0;
}
.present-back{
	background-image:url("../img/present-area-back.jpg");
}

#MOVEarea{
	padding: 5vw 0;
	width: 100%;
	margin: 0;
	background-color: #000000;
}
.TVCMtitle{
	width: 100%;
	margin: 0;
}
.movie_block {
	text-align: center;
	margin: 5vw auto 0 auto;
	width: 90%;
}
.movie_block iframe{
	width: 95%;
	height: auto;
}
.korona{
	position: relative;
	width: 95%;
	margin: 25px auto;
	background-color: #ffffff;
}
#button-area{
	background-color: #000000;
}
#button-area ul{
	width: 90%;
	margin: 0 auto;
	display: block;
	padding: 3% 0;
}
#button-area ul li{
	width: 100%;
	display: block;
}
#mishiyousya{
	width: 90%;
	position: relative;
	margin: 28% auto 20% auto;
	background-color: #ffffff;
	border: #009FE8 5px solid;
	border-radius: 14px;
}
#mishiyousya h2{
	position: absolute;
	width: 90%;
	top: -8%;
	left: 50%;
	transform: translateX(-50%);
}
#mishiyousya div{
	width: 100%;
	margin: 15% auto 0 auto;
}
#mishiyousya ul{
	display: block;
	padding: 5% 2% 5% 2%;
}
#mishiyousya li{
	display: block;
	width: 100%;
}
#orei-area{
	width: 100%;
	background-color: #ffffff;
}
#orei-area ul{
	width: 100%;
	margin: 0 auto;
	padding: 5% 0 0;
	display: block;
}
#orei-area ul li{
	display: block;
	vertical-align: middle;
}
#orei-area ul li .info{
	width: 100%;
}
#orei-area ul li .info h2{
	font-size: 17px;
	color: #DB2800;
	margin: 0 0 7px 0;
	text-align: center;
}
#orei-area ul li .info p{
	margin-bottom: 7px;
	line-height: 24px;
}
#orei-area ul .text{
	font-size: 4vw;
	line-height: 2;
	padding: 0 5%;
}
#orei-area .button{
	width: 80%;
	margin: 0 auto;
}
#orei-area .button img{
	margin: 5% 10% 10% 0;
}
#orei-area .button a:hover{
	filter: drop-shadow(5px 5px 5px #aaa);
}
#flyer{
	width: 100%;
	margin: 0;
}
#flyer h2{
	width: 90%;
	margin: 0 auto;
}
#flyer ul{
	margin-bottom: 7vw;
}
#flyer ul li{
	margin-bottom: 3vw;
}

.web-zaiko_pc{
	display: none;
}
.web-zaiko_sp{
	width: 100%;
	display: block;
	position: fixed;
	bottom: 0;
	text-align: right;
	background-image: url("../img/sp-footer-back.png");
	background-position: bottom;
	background-repeat: repeat-x;
}
.web-zaiko_sp img{
	width: 98%;
}
.web-zaiko_sp2{
	width: 80%;
	margin: 4vw auto;
	text-align: right;
	display: block;
}
.web-zaiko_sp2 img{
	width: 98.5%;
}



.line_box{
	width: 360px;
	height: 380px;
	margin: 50px auto 50px auto;
	position: relative;
}
.line_box .line-back{
	position: absolute;
	top: 0;
	left: 0;
}
.line_box .tomodachi-btn{
	position: absolute;
	width: 269px;
	top: 237px;
	left: 43px;
}
.footer-title_box{
	width: 375px;
	margin: 50px auto 100px auto;
}
#present-area{
	width: 100%;
	margin: 0;
}
#present-area .inner{
	width: 100%;
	margin: 0;
	background-image: none;
	background-repeat: no-repeat;
}
#present-area .inner li{
	margin: 0;
}
footer {
	width: 100%;
	margin-top: 40px;
	padding: 10px 0 10px;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 80px;
	color: #ffffff;
}
footer #ftr1{
	background-color: #6FB92C;
}
footer #ftr1 .back_top{
	width: auto;
	height: auto;
	margin: 0;
	padding: 10px;
	position: relative;
}
footer #ftr1 .back_top img{
	position: absolute;
	right: 2.5%;
	top: 70%;
	display: block;
	}
footer #ftr1 .back_top small{
	font-size: 18px;
	line-height: 30px;
	text-align: left;
	font-weight: 400;
}
footer #ftr1 .back_top .line{
	display: block;
	width: fit-content;
	padding:8px 16px;
	margin-top: 10px;
	border-radius: 4px;
	background-color: #00AA00;
}
footer #ftr1 .back_top .line a{
	color: #ffffff;
}
footer #ftr2{
	background-color: #009844;
	width: 100%;
	text-align: center;
	padding: 15px 0;
}
footer #ftr2 img{
	width: 90%;
}
/*====================================
セール会場のご案内
====================================*/
#map-area{
	background-color:#5c0000;
}
#map-area h2{
	width: 90%;
	margin: 0 auto;
	padding-top: 2%;
}
#sall-area {
  padding: 25px 0;
}
  #sall-area section {
    width: 95%;
    margin: 0 auto; }
    #sall-area section div {
      width: auto;
      text-align: center;
      margin-top: 10px; }
      #sall-area section div p {
        font-size: 18px;
        margin-bottom: 7px;
		color: #ffffff;
}
      #sall-area section div h3 {
        font-size: 21px;
        margin-bottom: 7px;
		color: #ffffff;
		font-weight: bold;
}
      #sall-area section div iframe {
        margin-top: 20px;
		  border-radius: 10px;
		  width: 100%;
		  height: 500px;
}
    #sall-area section .L-side {
      float: none;
}
    #sall-area section .R-side {
      float: none;
		margin-top: 25px;
	  }

/*　フッター固定Navi　*/
#foot{ padding-bottom:70px; }
.sp_foot_contact{
	padding: 0 !important}
.sp_foot_contact{
	background-color:#fff;
	width:100%;
	right:0;
	bottom:0px;
	text-align:center;
	position:fixed;
	z-index:100;

}

.sp_foot_contact ul{
	display:flex;
	list-style-type: none;
	}
.sp_foot_contact ul li{
	padding: 2% 0 !important;
	}
.sp_foot_contact ul li img{vertical-align:middle;}		
.sp_foot_contact ul li.btn_foot-contact{ width:46%; background:#04b31d;}
.sp_foot_contact ul li.btn_foot-chirashi{  width:40%; background:#ffa316;}
.sp_foot_contact ul li.btn_foot-pagetop{ width: 14%; background:#facd89;}
.sp_foot_contact ul li a{padding:0;}

/* TEL ポップアップ */
#access-toggle-btn {
    font-size: 20px;
    margin-top: 10px;
}

#popup_contact .tel_list{}
#popup_contact .tel_list *{ box-sizing:border-box;}
#popup_contact .tel_list p{
	text-align: center;
	font-weight: bold;
}
#popup_contact .tel_list ul{
	list-style-type:none;
	background: #6FB92C;
	color:#FFF;
	border-radius: 8px;
	}
#popup_contact .tel_list ul li{
  padding: 1em;

/*  display:flex;
  align-items: center;
  justify-content: center;*/


  }
#popup_contact .tel_list ul li a{
	color:#fff;
  }
#popup_contact .tel_list ul li span{
   font-weight:bold;
}
#popup_contact .tel_list ul li .tenpo_name{
  text-align:center;
  width:30%;
  background:#FFF000;
  color:#DC2800;
  border:0;
  border-radius: 4px;
  /*line-height:1.2em;*/
  padding:0.4em;
  font-size:4vw; 
  }
#popup_contact .tel_list ul li .tel_no{
 /* width:65%;*/
  padding:0.3em;
  /*margin-left:2%;*/
  font-size:5vw;
  }

#popup_contact .tel_list ul li .open_time{
  background: #009844;
  color:#FFF;
  padding:10px;
  line-height: 1.25em;
  border-radius: 4px;
}

.teikyubi::before {
    content: "\A";
    white-space: pre;
}

.caution{font-size: 12px;}
.call_free{
    background-color: #3F170B;
    color: #fff;
    padding: 4px 0;
}



/*  2020.08.05 */
#popup_contact .tel_list ul li .tenpo_name{
	display:block;
  width:100%;
	margin-bottom:8px
  }
	
#popup_contact .tel_list ul li .tel_no{
	display:block;
	text-align:center;
	padding:5px;
	margin-bottom:10px;
  font-size:5.5vw;
	
	}
#popup_contact .tel_list ul li .tel_no a{
	display:block;
	text-align:center;
	padding:0;
	} 
	
#popup_contact .tel_area{ }

#popup_contact .tel_list .tel_part .tel_title{
	padding:5px;
}

.tel_part .tel_title{
	padding:4px 5px 2px 5px;
	color:#FFF;
	text-align:center;
	margin-bottom:7px;
	border-radius: 4px;
	font-size: 16px;

}

.tel_buy .tel_title{ background:#DC2800; }
.tel_tenken .tel_title{ background:#7030A0; /*7030A0*/}
.tel_part .tel{ margin-bottom:10px; }

/*MV下ボタンエリア*/
#top-btn{
	background-color: #69CF00;
	width: 100%;
	padding: 0;
	margin: 0 0 10px;
	border-top: #009844 10px solid;
	border-bottom: #009844 10px solid;
}
#top-btn ul{
	width: auto;
	margin: 0 auto;
	padding: 5% 0;
}
#top-btn ul::after{
	clear: none;
	display: none;
	content: "";
}
#top-btn ul li{
	width: auto;
	text-align: center;
	float: none;
	padding: 0;
}
#top-btn ul li img{
	max-width: 90%;
	height: auto;
	margin: 0 auto;
}
#top-btn ul li:last-child{
	margin: 15px auto 0;
}

/*チラシエリア*/
#chirashi{
	border-top: #000000 1px solid;
	margin-top:30px;
	padding-top:25px;
}
#chirashi ul{
	width: 100%;
	margin: 0 auto;
}
#chirashi ul li{
	width: 100%;
	margin: 0 0 5px;
}
#chirashi ul .zaiko-btn{
	width: 90%;
	margin: 0 auto 3vh;
}

/*目玉車エリア*/
#medama{
	width: 100%;
	margin: 40px 0 40px;
	background-image: url("../img/back-medama.jpg");
	background-size: 5%;
	padding-top: 20px;
}
#medama h3{
	width: 90%;
	margin: 0 auto 10px;
}
#medama ul{
	width: 100%;
	margin: 0 auto;
}
#medama ul::after{
	clear: both;
	display: block;
	content: "";
}
#medama ul li{
	width: 40%;
	margin: 0;
	float: left;
	padding: 5%;
	text-align: center;
}
#medama ul li .button{
	width: 100%;
	margin: 0 auto;
}
#medama ul li .notice{
	color: #666666;
	font-size: 13px;
}

/*動画*/
#douga{
	width: 100%;
	background-color: #000000;
}
#douga h2{
	width: 100%;
	margin: 0 auto 10px;
}
#douga div{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 5% 0;
	text-align: center;
}
#douga div iframe{
	width: 90%;
	height: auto;
	margin: 0 auto;
}
#douga video{
	width: 90%;
	height: auto;
	display: block;
	margin: 15px auto 0;
	padding-bottom: 30px;

}

/*お知らせ*/
#oshirase{
	background-color:#ffffff;
	width: 100%;
	margin: 25px auto 35px;
}
#oshirase .naiyou{
	width: 80%;
	margin: 0 auto;
	padding-top: 25px;
	padding-bottom: 15px;
	text-align: center;
}
#oshirase .naiyou h3{
	font-size: 25px;
	margin-bottom: 15px;
}
#oshirase .naiyou p{
	font-size: 17px;
	line-height: 25px;
	margin-bottom: 10px;
}
#oshirase .naiyou strong{
	font-size: 24px;
	margin-bottom: 10px;
	color: #E60012;
}

/*表示・非表示*/
.sp_none{ display:none !important;}
.sp_only{ display:block;}

}/*sp end*/