@charset "utf-8";
body{overflow-y:scroll;direction: rtl;}
header{position:absolute; background:none; border-bottom:none;box-shadow: none;}
.language_area {position:relative;width:120px;margin: 0 auto 0 5%;font-size:16px;}
.language_btn{width:100%; height:20px; padding:0; border:none; background:url("../images/bg_language.png") left center no-repeat; background-size:75px auto; cursor:pointer;}
.language_btn:focus {outline: none;}
.language_btn.active{background:url("../images/bg_language_on.png") left center no-repeat; background-size:75px auto;}
.language_list{display:none; position:absolute; top:30px; left:0; border:1px solid #000; background:#fff;}
.language_list li a{display:block; padding: 5px 10px; line-height: 1.3; font-weight:bold; font-size: 12px;}
.language_list li a:hover, .language_list li.active a {color:#fff; background-color:#bb162b;}
.language_list .rtl{text-align:right;}

section{min-height: calc(100vh - 74px); color:#fff; background:#262626;}
section .wrap{width: 100%;}

.cover{display:block;}
.cover .cover_img{position:relative;}
.cover .model{position:absolute; bottom:15px; left:5%; font-size:16px; line-height:130%; color:#fff; text-align: right;}
.cover_list{display:flex; padding:20px; flex-wrap:wrap; text-align:center; line-height:1.2; font-size:16px; color:#fff;}
.cover_list li{width:32%; margin-left:2%; margin-bottom:2%;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%);}
.cover_list li:nth-child(3n){margin-left:0;}
.cover_list a{display:block; width:100%; height:100%; background:#58595b; box-sizing:border-box;}
.cover_list img{display:block; max-width:45px; margin:0 auto; padding:10% 0 15% 0;}
.cover_list p{width:90%; padding-bottom:15%; line-height:1.3; font-size:12px; margin:0 auto; word-break: break-word;}
.cover_list li.hover a{color:#05141F; background-color:#fff;}

.caution_txt {padding:0 5% 5vh; line-height:1.3; font-size:12px;}

footer{box-shadow: 0 0 60px rgb(0 0 0 / 30%);}


@media screen and (min-width:600px) {
	.language_btn{background-size:100px auto;}
	.language_btn.active{background-size:100px auto;}
	.language_list li a{font-size: 16px;}
	.cover .model{font-size: 24px;}
	.cover_list p{font-size:16px;}
	.cover_list img{max-width:65px; padding:10% 0;}
	.caution_txt{padding:0 0 5vh;font-size: 14px;}
}

@media screen and (min-width: 768px) {
	header .wrap{width:84%}
	section .wrap{width:90%; max-width:1024px; margin:0 auto;}
	.cover_list{padding:20px 0;}	
	.cover_list li{width:19.2%; margin-left:1%; margin-bottom:1%;}
	.cover_list li:nth-child(3n){margin-left:1%;}
	.cover_list li:nth-child(5n){margin-left:0;}
}