@charset "utf-8";

body{
	font-size:14px;
	line-height:1.6;
}

img{
	width:100%;
	max-width: 100%;
	height: auto;
}
#container{
	position:relative;
	width:100%;
	display:block;
	opacity:0;
	overflow:hidden;
}
header {
	height:48px;
	background:#000;
}

header .logo_bentz {
	float:left;
	padding-top:9px;
	margin-left:15px;
}

header .logo_bentz  img{
	width:139px;
	auto;
}

header .btn_menu{
	float:right;
	margin-top:17px;
	margin-right:15px;
}

header .btn_menu img{
	width:25px;
}

.sec_inner{
	width:90%;
	margin:0 auto;
}

#sec0{
	margin-top:78px;
	margin-bottom:30px;
}

#sec0 h1{
	float:right;
	width:77.9%;
	margin-top:1%;
}

#sec0 .h1_container{
	margin-top:30px;
}

#sec0 .banner{
	float:left;
	width:18.8%;
	margin-top:-1%;
}

#sec0 .date{
	margin-top:2%;
	margin-bottom:30px;
}


#sec1{
}

#sec1 .banner_cam{
	margin-bottom:30px;
}

#sec1 h2.title{
	border-top:solid 1px #B0B0B0;
	padding-top:40px;
	margin-bottom:30px;
}

#sec1 h2.title img{
	max-width:143px;
}

#sec1 .model_box{
	margin-bottom:30px;
}

#sec1 .model_box figure{
	margin-bottom:20px;
}

#sec1 .model_box h3.title{
	margin-bottom:20px;
}

#sec1 .model_box01 h3.title img{
	max-width:167px;
}
#sec1 .model_box02 h3.title img{
	max-width:122px;
}
#sec1 .model_box03 h3.title img{
	max-width:227px;
}
#sec1 .model_box04 h3.title img{
	max-width:190px;
}

.btn{
	position:relative;
	background-color:#00ADEF;
	line-height:1;
	text-align:center;
	color:#FFF;
	padding:15px 0;
	background-image:url(../img/btn_icon01.png);
	background-repeat:no-repeat;
	background-size:7px 11px;
	background-position:94% center;
}

#sec1 .models{
	border-top:solid 1px #B0B0B0;
}

#sec1 li.btn_models{
	background-color:#000;
	font-size:19px;
	line-height:1.5;
	text-align:left;
	border-bottom:solid 1px #B0B0B0;
	background-image:url(../img/icon_blank.png);
	background-size:13px 10px;
}

#sec1 li.btn_models p{
	margin-left:10px;
}

.btn a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#sec2{
	margin-bottom:40px;
}

#sec2 h2.title{
	padding-top:40px;
	margin-bottom:30px;
}

#sec2 h2.title img{
	max-width:150px;
}

#sec2 .banner_cam{
	margin-bottom:30px;
}




#sec2 .text01{
	margin-bottom:20px;
}

#sec2 .text01 img{
	max-width:240px;
}

#sec2 .text02{
}

#sec2 .text02 img{
	max-width:333px;
}

#sec2 .img01{
	margin-bottom:30px;
}

#sec2 .img02{
	margin-bottom:30px;
	text-align:center;
}

#sec2 .img02 img{
	max-width:212px;
}



#sec2 p.body{
	margin-bottom:30px;
}

#sec2 .card{
	text-align:center;
	margin-bottom:20px;
}

#sec2 .card img{
	max-width:305px;
}

#sec2 p.caption{
	text-align:center;
	font-size:12px;
}

#sec2 .caution{
	background:#555;
	padding:15px;
	box-sizing:border-box;
	text-align:center;
	margin-bottom:20px;
	font-size:12px;
}


#sec3{
	margin-bottom:20px;
}

#sec3 h2.title{
	border-top:solid 1px #B0B0B0;
	padding-top:40px;
	margin-bottom:30px;
}

#sec3 h2.title img{
	max-width:230px;
}

#sec3 ul.shops{
}

#sec3 li.shop{
	position:relative;
	float:left;
	width:47.7%;
	margin-bottom:20px;
}

#sec3 li.shop a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

#sec3 li.shop:nth-child(odd){
	margin-right:4.6%;
}

#sec3 li figure{
	margin-bottom:10px;
}

#sec3 li p{
	font-size:12px;
	line-height:1.4;
}

#sec4{
}

#sec4 h2.title{
	border-top:solid 1px #B0B0B0;
	padding-top:40px;
	margin-bottom:30px;
}

#sec4 h2.title img{
	max-width:54px;
}

#sec4 .banner{
	position:relative;
	margin-bottom:30px;
}

#sec4 .banner a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}


#sec4 .banner figure{
	margin-bottom:10px;
}

#sec4 .banner p{
	font-size:12px;
}

#sec5{
}

#sec5 h2.title{
	border-top:solid 1px #B0B0B0;
	padding-top:40px;
	margin-bottom:30px;
}

#sec5 h2.title img{
	max-width:68px;
}

#sec5 .g_map {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
#sec5 .g_map iframe,
#sec5 .g_map object,
#sec5 .g_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#sec5 p.address{
	margin-top:10px;
}

#sec5 .btn{
	line-height:1.4;
	text-align:left;
	padding:15px 20px;
	box-sizing:border-box;
	margin-top:20px;
}

#sec6{
	margin-bottom:40px;
}

#sec6 h2.title{
	border-top:solid 1px #B0B0B0;
	padding-top:40px;
	margin-bottom:30px;
}

#sec6 h2.title img{
	max-width:334px;
}

#sec6 .img{
	margin-bottom:30px;
}

#sec6 p{
	margin-bottom:30px;
}

#sec7{
	margin-bottom:40px;
}

#sec7 h2.title{
	border-top:solid 1px #B0B0B0;
	padding-top:40px;
	margin-bottom:30px;
}

#sec7 h2.title img{
	max-width:319px;
}

#sec7 .img{
	margin-bottom:30px;
}

#sec7 p{
	margin-bottom:30px;
}

.banner_christmas{
	margin-bottom:40px;
}

footer .sec_inner{
	margin-top:40px;
	padding-top:40px;
	border-top:solid 1px #B0B0B0;
}

footer ul.banners li{
	float:left;
	width:31%;
	margin-left:3.5%;
}

footer ul.banners li:first-child{
	margin-left:0;
}

footer ul.sns {
    margin-top: 30px;
    text-align: center;
}

footer ul.sns li {
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 16px;
    overflow: hidden;
    margin-left: 18px;
}

footer ul.sns li img{
	width:133px;
	height:auto;
	max-width:133px;
}

footer ul.sns li:first-child {
    margin-left: 0;
}

footer ul.sns li:nth-child(2) img {
    margin-left: -38px;
}

footer ul.sns li:nth-child(3) img {
    margin-left: -76px;
}

footer ul.sns li:nth-child(4) img {
    margin-left: -114px;
}

footer p.copyright{
	font-size:10px;
	text-align:center;
	margin:20px 0;
}

#sec0 .mv{
	width:400%;
}

#sec0 .mv li{
	float:left;
	width:25%;
}

#sec0 .pointer{
	text-align:center;
	margin-top:5px;
	margin-bottom:30px;
}
#sec0 .pointer span{
	display:inline-block;
	width:8px;
	height:8px;
	margin:0;
	padding:0;
	margin-left:10px;
	font-size:0;
	line-height:1;
    -webkit-border-radius:50%;/* width,heightの半分 */
    -moz-border-radius:50%;
    border-radius:50%;
    background-color: #FFF;/* 円の色 */
	opacity:.5;
}

#sec0 .pointer span.current{
	opacity:1;
}


nav{
	position:fixed;
	width:100%;
	height:100%;
	background:#000;
	z-index:10000;
	left:100%;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

nav.open{
	left:0;
}

nav ul{
	width:78.6%;
	margin:0 auto;
	margin-top:100px;
}
nav li{
	margin-bottom:30px;
	position:relative;
	background:url(../img/icon_menu.png) no-repeat;
	background-size:8px 13px;
	background-position:right center;
}
nav li a{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

nav li:first-child img{
	width:43px;
}
nav li:nth-child(2) img{
	width:99px;
}
nav li:nth-child(3) img{
	width:104px;
}
nav li:nth-child(4) img{
	width:104px;
}
nav li:nth-child(5) img{
	width:67px;
}

header{
	position:fixed;
	z-index:10001;
	width:100%;
}




