@charset "utf-8";


body {
font-family:'Lucida Grande', Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
background:#333;
margin:0;
padding:0;
}

.clearfix:after{  
visibility:hidden;
height:0;
display: block;
font-size: 0;  
content: " ";  
clear: both;  
}

a {
	text-decoration: none;
	color:#000;
	padding:0;
	margin:0;
}
a:visited {
	text-decoration: none;
	color:#000;
	padding:0;
	margin:0;
}
a:hover {
	text-decoration: underline;
	color:#000;
	padding:0;
	margin:0;
}


.sp-br {
	display: none;
}
.pc-br {
	display: inline;
}

h2 {font-size:18px; margin:0; padding:0;}

.main {
margin:0 auto;
padding:0;
width:1100px;
background:#000;
}

#header {
min-width:1100px;
min-height:1160px;
margin:0 0 0 0;
overflow:hidden;
background:url(images/top_bg3.jpg) top center no-repeat #000;
color:#fff;
position: relative;
}

#header_logo {
    position:absolute;
    top:30px;
    right:20px;
}

.txt_block {
	margin:660px 0 0 0;
	color:#fff;
	text-align: left;
    text-align:center;
}

.txt_block p {
	margin:60px 0;
	color:#fff;
	font-size:16px;
	line-height:30px;
}

h1 {
margin:0px 0;
padding:0;
text-align:center;
color:#fff;
}


#contents {
background:#000;
width:100%;
padding:60px 0 0;
position:relative;
}


#video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

#video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#thumb {
	overflow: hidden;
	margin:15px auto 0;
	width: 840px;
}
#thumb li {
	float: left;
	width: 200px;
	margin: 0 5px;
	text-align: center;
	color: #999;
	font-size: 13px;
}
#thumb li a {
	display: block;
	margin:0 0 5px 0;
}
#thumb li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#shoplist {
color:#fff;
background:#fff;
text-align: center;
padding:80px;
}


#footer {
color:#fff;
background:#000;
font-size:11px;
text-align:center;
overflow:hidden;
margin:0px 0 0 0;
padding:120px 0;
}

#shoplist a:hover,
#footer a:hover {
	opacity:0.7;
}


.pagetop {
display:none;
margin:0;
padding:0;
cursor:pointer;
}
 
.pagetop p {
margin:0;
padding:0;
position: fixed ;
right:30px;
bottom:30px;
z-index:200;
}
 
.gotopagetop {
display:block;
/* background:#6fba2c; */
/* background:#fff; */
width:60px;
height:60px;
/* color:#6fba2c; */
/* line-height:50px; */
text-decoration:none;
text-align:center;
-webkit-transition:all0.3s;
-moz-transition:all0.3s;
transition:all0.3s;
}
.gotopagetop:hover {
opacity:0.85;
text-decoration:none;
color:#6fba2c;
}

.gotopagetop img {
	width:100%;
}


#socialbuttons {
margin:0 auto;
width:220px;
}
#socialbuttons div {
float:left;
}

#socialbuttons2 {
/* margin:0 auto; */
margin:0 auto;
width:500px;
}
#socialbuttons2 div {
float:right;
}


.accor {
	margin:0 0;
	padding:0;
}
.accor dt {
	height:240px;
	position: relative;
}



.accor dt.p1_btn { background:url(images/p1_btn.jpg) no-repeat bottom right; }
.accor dt.p2_btn { background:url(images/p2_btn.jpg) no-repeat bottom right; }
.accor dt.p3_btn { background:url(images/p3_btn.jpg) no-repeat bottom right; }

.accor dt a {
	text-align: center;
	display: block;
	color:#fff;
	font-size:20px;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	position: absolute;
	top:46px;
	left:140px;
}

.accor dt a:hover {
}

.accor dt a i {
	width:30px;
	display: block;
	font-style:normal;
	padding:18px;
	border:1px solid #fff;
	float:left;
	font-size:24px;
}

.accor dt a span {
	float:left;
	margin:60px 0 0 0;
	font-size:24px;
	text-align: left;
	filter: drop-shadow(3px 3px 10px rgba(0,0,0,0.6));
}

.accor dt a span strong {
	display: block;
	font-size:42px;
}

.accor dd {
	display: block;
	margin:0;
	padding:0;
}

.accor dd p {
	width:450px;
	margin:30px 0;
	font-size: 14px;
	line-height:22px;
	text-align: left;
}

.pbblock {
	width:1100px;
	height:920px;
	overflow: hidden;
	margin:0;
	position: relative;
}

.pbblock .txt {
	width:100%;
}

.pbblock .txtleft {
	text-align:left;
	margin:100px 0 0 180px;
}

.pbblock .txtright {
	text-align:left;
	margin:100px 0 0 540px;
	width:380px;
}

.pbblock .txtright p {
	width:520px;
}

.pbblock p {
	margin:50px 0 0 0;
	font-size:16px;
	line-height:30px;
}

.bgwhite {
    background:#fff;
}

.bgblack {
    background:#000;
}

.taiou {
	margin:40px 0 0 0;
}

.white {
    color:#fff;
}
.black {
    color:#000;
}


.p1_1 { background:url(images/p1_all.jpg) no-repeat 0 0 #000; color:#fff; }
.p1_2 { background:url(images/p1_all.jpg) no-repeat 0 -930px #fff; color:#000; }
.p1_3 { background:url(images/p1_all.jpg) no-repeat 0 -1860px #000; color:#fff; }
.p1_4 { background:url(images/p1_all.jpg) no-repeat 0 -2790px #fff; color:#000; }
.p1_5 { background:url(images/p1_all.jpg) no-repeat 0 -3720px #000; color:#fff; }

.p2_1 { background:url(images/p2_all.jpg) no-repeat 0 0 #000; color:#fff; }
.p2_2 { background:url(images/p2_all.jpg) no-repeat 0 -930px #fff; color:#000; }
.p2_3 { background:url(images/p2_all.jpg) no-repeat 0 -1860px #000; color:#fff; }
.p2_4 { background:url(images/p2_all.jpg) no-repeat 0 -2790px #fff; color:#000; }
.p2_5 { background:url(images/p2_all.jpg) no-repeat 0 -3720px #000; color:#fff; }

.p3_1 { background:url(images/p3_all.jpg) no-repeat 0 0 #000; color:#fff; }
.p3_2 { background:url(images/p3_all.jpg) no-repeat 0 -930px #fff; color:#000; }
.p3_3 { background:url(images/p3_all.jpg) no-repeat 0 -1860px #000; color:#fff; }
.p3_4 { background:url(images/p3_all.jpg) no-repeat 0 -2790px #fff; color:#000; }
.p3_5 { background:url(images/p3_all.jpg) no-repeat 0 -3720px #000; color:#fff; }
.p3_6 { background:url(images/p3_all.jpg) no-repeat 0 -4650px #fff; color:#000; }


.product_info {
	background:#ccc;
	padding:40px 100px 120px;
}


.product_info_ttl h1 {
	display: block;
	position: relative;
	width:1100px;
	height:240px;
	background:url(images/lineup_btn.jpg) no-repeat bottom right;
	color:#fff;
	margin:0;
	padding:0;
}

.product_info_ttl h1 span {
	position: absolute;
	top:130px;
	left:140px;
	display: block;
	font-size:42px;
	filter: drop-shadow(3px 3px 6px rgba(0,0,0,0.3));
}

.product_info div {
	padding:430px 0 0 0;
	margin:80px 0 0 0;
}

.product_info .premio {
	background:url(images/premio3.jpg) no-repeat top center;
	background-size: 100%;
}

.product_info .agile {
	background:url(images/agile3.jpg) no-repeat top center;
	background-size: 100%;
}

.product_info div h2 {
	text-align: left;
	margin:0;
	padding: 0;
}

.product_info p {
	font-size:18px;
	font-weight:bold;
}
.product_info p span {
	font-size:15px;
	font-weight:normal;
	display: block;
	margin:20px 0 0;
}
.product_info a.productpage {
	display: inline-block;
	padding:16px 24px;
	border:4px solid #000;
	font-size:20px;
	font-weight: bold;
	cursor: pointer;
}
.product_info a.productpage:hover {
	opacity:0.7;
}




.section-left_front{
    
	width:100%;
    position: absolute;
    z-index:20;
}

.section-right_rear{
	width:100%;
    position: absolute;
    z-index:10;
}

.section-left_rear{
	width:100%;
    position: absolute;
    z-index:10;
}

.section-right_front{
	width:100%;
    position: absolute;
    z-index:20;
}

.left_inner {
    margin:140px 0 0 140px;
    min-height: 500px;
}

.right_inner {
    margin:140px 0 0 540px;
    min-height: 500px;
}


.Footer__btnTop {
	position: fixed;
	bottom:20px;
	right:40px;
	width:60px;
	z-index:100;
	-webkit-transition:all0.3s;
	-moz-transition:all0.3s;
	transition:all0.3s;
}
.Footer__btnTop a img {
	width: 100%;
}

.Footer__sns {
  padding: 70px 0 0px; }
  .Footer__sns ul {
    text-align: center;
    font-size: 0;
	padding:0;
	margin:0; }
    .Footer__sns ul li {
      text-align: center;
      display: inline-block;
      margin: 0 15px; }
      .Footer__sns ul li:first-child {
        margin-left: 0; }
      .Footer__sns ul li:last-child {
        margin-right: 0; }
      .Footer__sns ul li i {
        margin: 0 auto;
        font-size: 30px; }
      .Footer__sns ul li a {
        color: #FFF;
        width: 54px;
        height: 54px;
        border-radius: 27px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        transition: opacity .5s ease; }
        .Footer__sns ul li a:hover {
          opacity: 0.6; }
      .Footer__sns ul li.-facebook a {
        background-color: #3d477c; }
      .Footer__sns ul li.-twitter a {
        background-color: #00b4e4; }
      .Footer__sns ul li.-youtube a {
        background-color: #e00000; }
      .Footer__sns ul li.-instagram a {
        background-color: #e2219d; }
      .Footer__sns ul li.-line {
        display: none; }

.Footer__snsText {
  width: 340px;
  margin: 20px auto 0;
  text-align: center; }
  .Footer__snsText p {
    font-size: 12px;
    line-height: 2;
	color:#000; }


@media screen and (max-width: 767px) {

}


@media screen and (max-width: 640px) {

.sp-br {
	display: inline;
}
.pc-br {
	display: none;
}

h2 {font-size:18px; margin:0; padding:0;}

.main {
margin:0 auto;
padding:0;
width:100%;
background:#000;
}

#header {
min-width:100%;
min-height:auto;
margin:0 0 50px 0;
overflow:hidden;
background:url(images/top_bg3.jpg) top center no-repeat #000;
background-position: center 50px;
color:#fff;
position: relative;
background-size:110%;
}

#header_logo {
    position:absolute;
    top:15px;
    right:15px;
	width: 120px;
}

#header_logo img {
	width: 100%;
}

.txt_block {
	margin:280px 0 0 0;
	color:#fff;
	text-align: left;
    text-align:center;
}

.txt_block p {
	margin:10px 20px 0;
	color:#888;
	font-size:13px;
	line-height:20px;
	text-align: justify;
}

.txt_block p img {
	width:300px;
	display: block;
	margin:60px auto 0;
}

h1 {
margin:0px 0;
padding:0;
text-align:center;
color:#fff;
}

h1 img {
	width:80%;
}


#contents {
background:#000;
width:100%;
padding:40px 0 0;
position:relative;
}


#video {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

#video iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

#thumb {
	overflow: hidden;
	margin:15px auto 0;
	width: 100%;
}
#thumb li {
	float: left;
	width: 200px;
	margin: 0 5px;
	text-align: center;
	color: #999;
	font-size: 13px;
}
#thumb li a {
	display: block;
	margin:0 0 5px 0;
}
#thumb li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#shoplist {
color:#fff;
background:#fff;
text-align: center;
padding:70px 40px;
}

#shoplist a img {
	width: 100%;
}


#footer {
color:#fff;
background:#000;
font-size:11px;
text-align:center;
overflow:hidden;
margin:0px 0 0 0;
padding:80px 0;
}

#footer a {
}

#footer a img {
	width: 220px;
}

#shoplist a:hover,
#footer a:hover {
	opacity:0.7;
}


.pagetop {
display:none;
margin:0;
padding:0;
cursor:pointer;
}
 
.pagetop p {
margin:0;
padding:0;
position: fixed ;
right:30px;
bottom:30px;
}
 
.gotopagetop {
display:block;
/* background:#6fba2c; */
/* background:#fff; */
width:50px;
height:50px;
/* color:#6fba2c; */
/* line-height:50px; */
text-decoration:none;
text-align:center;
-webkit-transition:all0.3s;
-moz-transition:all0.3s;
transition:all0.3s;
}
.gotopagetop:hover {
opacity:0.85;
text-decoration:none;
color:#6fba2c;
}


#socialbuttons {
margin:0 auto;
width:220px;
}
#socialbuttons div {
float:left;
}

#socialbuttons2 {
/* margin:0 auto; */
margin:0 auto;
width:500px;
}
#socialbuttons2 div {
float:right;
}


.accor {
	margin:0 0;
	padding:0;
}
.accor dt {
	height:auto;
	position: relative;
}



.accor dt.p1_btn { background:url(images/p1_btn.jpg) no-repeat bottom right; background-size: 140%; }
.accor dt.p2_btn { background:url(images/p2_btn.jpg) no-repeat bottom right; background-size: 140%; }
.accor dt.p3_btn { background:url(images/p3_btn.jpg) no-repeat bottom right; background-size: 140%; }

.accor dt a {
	text-align: left;
	display: block;
	color:#fff;
	font-size:14px;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
	position: static;
	padding:38px 0 15px 20px;
}

.accor dt a:hover {
}

.accor dt a i {
	width:30px;
	display: block;
	font-style:normal;
	padding:18px;
	border:1px solid #fff;
	float:left;
	font-size:24px;
}

.accor dt a span {
	float:none;
	margin:0 0 0 0;
	font-size:14px;
	text-align: left;
}

.accor dt a span strong {
	margin:0;
	padding:0;
	display: block;
	font-size:22px;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4));
}

.accor dd {
	display: block;
	margin:0;
	padding:0;
}

.accor dd p {
	width:100%;
	margin:20px  0;
	font-size: 13px;
	line-height:18px;
	text-align: left;
}

.pbblock {
	width:100%;
	height:450px;
	overflow: hidden;
	margin:0;
	position: relative;
}

.longblock {
	height:600px;
}

.pbblock .txt {
	width:100%;
}

.pbblock .txtleft {
	text-align:left;
	margin:100px 0 0 180px;
}

.pbblock .txtright {
	text-align:left;
	margin:100px 0 0 540px;
	width:380px;
}

.pbblock .txtright p {
	width:520px;
}

.pbblock p {
	margin:50px 0 0 0;
	font-size:16px;
	line-height:30px;
}

.bgwhite {
    background:#fff;
}

.bgblack {
    background:#000;
}

.taiou {
	margin:20px 0 0 0;
}

.white {
    color:#fff;
}
.black {
    color:#000;
}


.p1_1 { background:url(images/p1_all.jpg) no-repeat 0 0 #000; color:#fff; }
.p1_2 { background:url(images/p1_all.jpg) no-repeat 0 -930px #fff; color:#000; }
.p1_3 { background:url(images/p1_all.jpg) no-repeat 0 -1860px #000; color:#fff; }
.p1_4 { background:url(images/p1_all.jpg) no-repeat 0 -2790px #fff; color:#000; }
.p1_5 { background:url(images/p1_all.jpg) no-repeat 0 -3720px #000; color:#fff; }

.p2_1 { background:url(images/p2_all.jpg) no-repeat 0 0 #000; color:#fff; }
.p2_2 { background:url(images/p2_all.jpg) no-repeat 0 -930px #fff; color:#000; }
.p2_3 { background:url(images/p2_all.jpg) no-repeat 0 -1860px #000; color:#fff; }
.p2_4 { background:url(images/p2_all.jpg) no-repeat 0 -2790px #fff; color:#000; }
.p2_5 { background:url(images/p2_all.jpg) no-repeat 0 -3720px #000; color:#fff; }

.p3_1 { background:url(images/p3_all.jpg) no-repeat 0 0 #000; color:#fff; }
.p3_2 { background:url(images/p3_all.jpg) no-repeat 0 -930px #fff; color:#000; }
.p3_3 { background:url(images/p3_all.jpg) no-repeat 0 -1860px #000; color:#fff; }
.p3_4 { background:url(images/p3_all.jpg) no-repeat 0 -2790px #fff; color:#000; }
.p3_5 { background:url(images/p3_all.jpg) no-repeat 0 -3720px #000; color:#fff; }
.p3_6 { background:url(images/p3_all.jpg) no-repeat 0 -4650px #fff; color:#000; }


.ttl_p1_1 { width:200px; }
.ttl_p1_2 { width:240px; }
.ttl_p1_3 { width:260px; }
.ttl_p1_4 { width:150px; }
.ttl_p1_5 { width:170px; }
.ttl_p2_1 { width:230px; }
.ttl_p2_2 { width:230px; }
.ttl_p2_3 { width:240px; }
.ttl_p2_4 { width:150px; }
.ttl_p2_5 { width:240px; }
.ttl_p3_1 { width:190px; }
.ttl_p3_2 { width:190px; }
.ttl_p3_3 { width:110px; }
.ttl_p3_4 { width:290px; }
.ttl_p3_5 { width:320px; }


.product_info {
	background:#ccc;
	padding:20px;
}

.product_info div {
	padding:180px 0 0 0;
	margin:80px 0 40px 0;
}

.product_info .premio {
	background:url(images/premio3.jpg) no-repeat top center;
	background-size: 100%;
}

.product_info .agile {
	background:url(images/agile3.jpg) no-repeat top center;
	background-size: 100%;
}

.product_info div img {
	width:100%;
}

.product_info_ttl h1 {
	display: block;
	position: relative;
	width:100%;
	height:auto;
	background:url(images/lineup_btn.jpg) no-repeat bottom righ; background-size:130%;
	color:#fff;
	margin:0;
	padding:0;
	text-align: left;
	padding:48px 0 17px 0;
}

.product_info_ttl h1 span {
	position: static;
	display: block;
	font-size:22px;
	padding: 0 0 0 30px;
	filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.4));
}

.product_info div h2 {
	text-align: left;
	margin:0;
	padding: 0;
}

.product_info div h2 img {
	width:60%;
}

.product_info p {
	font-size:14px;
	font-weight:bold;
}
.product_info p span {
	font-size:13px;
	font-weight:normal;
	display: block;
	margin:20px 0 0;
}
.product_info a.productpage {
	display: inline-block;
	padding:12px 20px;
	border:2px solid #000;
	font-size:16px;
	font-weight: bold;
	cursor: pointer;
	margin:0 auto;
}
.product_info a.productpage:hover {
	opacity:0.7;
}




.section-left_front{
    
	width:100%;
    position: absolute;
    z-index:20;
}

.section-right_rear{
	width:100%;
    position: absolute;
	bottom:0;
    z-index:10;
}

.section-right_rear_top {
	position: absolute;
    z-index:10;
	top:0;
}

.section-right_rear img {
	width:102%;
	display:block;
	/* margin:110px 0 0 0; */
}

.section-left_rear{
	width:100%;
    position: absolute;
	bottom:0;
    z-index:10;
}

.section-left_rear img {
	width:102%;
	display:block;
	/* margin:100px 0 0 0; */
}


.section-right_front{
	width:100%;
    position: absolute;
    z-index:20;
}

.left_inner {
    margin:80px 20px 0 20px;
    min-height: 350px;
}

.left_inner_3d {
	margin:160px 0 0 20px;
	min-height: 360px;
}


img.taiou {
	display:block;
}

img.premio {
	width:90px;
}

img.agile {
	width:80px;
}

img.premio_agile {
	width:170px;
}


.right_inner {
    margin:80px 15px 0 20px;
    min-height: 300px;
}


.Footer__btnTop {
	position: fixed;
	bottom:20px;
	right:20px;
	width:50px;
}
.Footer__btnTop a img {
	width: 100%;
}


Footer__sns {
  padding: 70px 0 0px; }
  .Footer__sns ul {
    text-align: center;
    font-size: 0;
	padding:0;
	margin:0; }
    .Footer__sns ul li {
      text-align: center;
      display: inline-block;
      margin: 0 15px; }
      .Footer__sns ul li:first-child {
        margin-left: 0; }
      .Footer__sns ul li:last-child {
        margin-right: 0; }
      .Footer__sns ul li i {
        margin: 0 auto;
        font-size: 30px; }
      .Footer__sns ul li a {
        color: #FFF;
        width: 54px;
        height: 54px;
        border-radius: 27px;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
            align-items: center;
        transition: opacity .5s ease; }
        .Footer__sns ul li a:hover {
          opacity: 0.6; }
      .Footer__sns ul li.-facebook a {
        background-color: #3d477c; }
      .Footer__sns ul li.-twitter a {
        background-color: #00b4e4; }
      .Footer__sns ul li.-youtube a {
        background-color: #e00000; }
      .Footer__sns ul li.-instagram a {
        background-color: #e2219d; }
      .Footer__sns ul li.-line {
        display: none; }

.Footer__snsText {
  width: 100%;
  margin: 20px auto 0;
  text-align: center; }
  .Footer__snsText p {
    font-size: 12px;
    line-height: 2;
	color:#000; }


}