.pc-f-white { color:#fff; }

main {
	padding-top:72px;
}



div.mainvisual-wrapper {
	width: 100%;
	min-width: 1366px;
	margin: 0 0 60px;
	background: url(/7-series/images/overview/mainvisual.jpg) center no-repeat;
	background-size: cover;
	color: #fff;
}
section.mainvisual {
	position: relative;
	width: 1266px;
	height: 683px;
	margin: 0 auto;
}
section.mainvisual .headline {
	position: absolute;
	bottom: 40px;
	left: 0;
	font-size: 78px;
	letter-spacing: .040em;
	line-height: 1;
}
section.mainvisual .banner {
	position: absolute;
	bottom: 39px;
	right: 0;
	width: 400px;
	height: 100px;
	background: #fff;
}
section.mainvisual .banner a{
	background: url(/7-series/images/overview/mv_banner.jpg) top 10px left 10px no-repeat;
	background-size: 152px 80px;
	box-sizing: border-box;
	padding: 10px;
	display: block;
	width:  100%;
	height: 100%;
}
section.mainvisual .banner a:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0);
	transition: background .3s ease;
}
section.mainvisual .banner:hover a:after{
	background: rgba(0, 0, 0, .1);
}
section.mainvisual .banner .bodycopy {
	position: absolute;
	top: 50%;
	left: 182px;
	transform: translateY(-50%);
}
section.mainvisual .banner::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	right: 15px;
	width: 9px;
	height: 15px;
	background: url(/7-series/images/overview/mv_banner_arrow.png) no-repeat;
	transform: translateY(-50%);
}



section.concept {
	width: 1266px;
	margin: 0 auto 100px;
}
section.concept .headline {

}
section.concept .bodycopy {
	width: 890px;
	/* letter-spacing: 0.04em; */
}
section.concept .bodycopy span {
	display: block;
	margin: 0 0 20px;
}
section.concept .banner {
	position: relative;
	height: 271px;
	background: #000;
	overflow: hidden;
}
section.concept .banner a{
	height: 271px;
	color: #fff;
	display: block
}
section.concept .banner a .figure{
	display: block;
	overflow: hidden;
	width: 760px;
	height: 271px;
	position: absolute;
	top: 0;
	right: 0;
}
section.concept .banner a .figure figure {
	height: 100%;
	background: url(/7-series/images/overview/concept_banner.jpg) top right no-repeat/cover;
	transition: all .3s ease;
}
section.concept .banner a:hover figure{
	opacity: .6;
  transform: scale(1.1);
}




section.concept .banner .headline {
	position: absolute;
	top: 54px;
	left: 40px;
	line-height: 28px;
}
section.concept .banner .button {
	position: absolute;
	top: 164px;
	left: 40px;
}


div.keyvisual-wrapper {
	width: 1265px;
	margin: 0 auto 120px;
}
section.keyvisual {
	position:relative;
	/* width:100%;
	min-width:1366px; */
	width: 1265px;
	height: 500px;
	margin: 0 auto;
	/* text-align: center; */
}
section.keyvisual .kv-slider {
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}

section.keyvisual .kv-slider .kv-slider-wrap {
	position:relative;
	width:100%;
	height:100%;
}
section.keyvisual .kv-slider .kv-slider-wrap:after {
	content: "";
	display: table;
	clear: both;
}
section.keyvisual .kv-slider .kv-slider-wrap > .slide {
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	position:relative;
	float: left;
}
section.keyvisual .kv-slider .kv-slider-wrap > .slide.seven-740d {
	background-image:url(/7-series/images/overview/kv_740d.jpg);
}
section.keyvisual .kv-slider .kv-slider-wrap > .slide.seven-m760li {
	background-image:url(/7-series/images/overview/kv_m760li.jpg);
}
section.keyvisual .kv-slider .kv-slider-wrap > .slide.seven-740e {
	background-image:url(/7-series/images/overview/kv_740e.jpg);
}
section.keyvisual .kv-slider .kv-slider-wrap > .slide.seven-750i {
	background-image:url(/7-series/images/overview/kv_750i.jpg);
}
section.keyvisual .kv-slider .kv-slider-wrap > .slide.seven-740i {
	background-image:url(/7-series/images/overview/kv_740i.jpg);
}
section.keyvisual .kv-slider .kv-slider-wrap > .slide.seven-740iDE {
	background-image:url(/7-series/images/overview/kv_740iDE.jpg);
}

/* section.keyvisual .kv-slider:after {
	content:"";
	display:inline-block;
	width:100%;
	height:198px;
	background-image:url(/7-series/images/overview/kv_shadow.jpg) top right;
	background-repeat:repeat-x;
	position:absolute;
	bottom:0;
	left:0;
} */

/* section.keyvisual nav.kv-nav li .pic {
	width:252px;
	height:80px;
} */

/* section.keyvisual nav.kv-nav li.thumb1 .pic { background-image:url(/7-series/images/overview/nav_thumb_01.jpg); }
section.keyvisual nav.kv-nav li.thumb2 .pic { background-image:url(/7-series/images/overview/nav_thumb_02.jpg); }
section.keyvisual nav.kv-nav li.thumb3 .pic { background-image:url(/7-series/images/overview/nav_thumb_03.jpg); }
section.keyvisual nav.kv-nav li.thumb4 .pic { background-image:url(/7-series/images/overview/nav_thumb_04.jpg); }
section.keyvisual nav.kv-nav li.thumb5 .pic { background-image:url(/7-series/images/overview/nav_thumb_05.jpg); } */

section.keyvisual .cto {
	position:absolute;
	top:0px;
	left:50%;
	width: 1265px;
	height: 100%;
	margin-left: -632px;
	padding:0 40px;
}
section.keyvisual .cto h1 {
	/* margin-top:138px;
	margin-bottom:10px; */
	position: absolute;
	bottom: 146px;
}
section.keyvisual .cto h1 + p {
	/* margin-bottom:20px; */
	position: absolute;
	bottom: 109px;
}
section.keyvisual .cto .button {
	position: absolute;
	bottom: 40px;
	width:240px;
	height:40px;
}
section.keyvisual .cto .banner {
	background-color:#000;
	width:350px;
	height:93px;
	position:absolute;
	bottom:217px;
}
section.keyvisual .cto .banner .pic {
	display:inline-block;
	width:350px;
	height:93px;
	background-image:url(/7-series/images/overview/kv_banner.jpg);
}
section.keyvisual .cto .banner p {
	padding:10px;
}

section.keyvisual .kv-nav {
	position: absolute;
	bottom: -19px;
	right: 0;
	width: 316px;
	height: 4px;
}
section.keyvisual .kv-nav li .pic {
	display: block;
	width: 50px;
	height: 4px;
	margin: 0 0 0 4px;
	background: #e6e6e6;
}
section.keyvisual .kv-nav li .pic.active {
	background: #806e4f;
}

/* section.keyvisual nav {
	width:1266px;
	position:absolute;
	bottom:20px;
	left:50%;
	margin-left:-633px;
	z-index:5;
}
section.keyvisual nav ul.thumb-nav > li {
	display:block;
}

section.keyvisual nav ul.thumb-nav > li a .pic {
	opacity:.5;
	transition:opacity .3s ease;
}
section.keyvisual nav ul.thumb-nav > li a .pic.active {
	opacity:1;
}
section.keyvisual nav ul.thumb-nav > li a:hover .pic {
	opacity:1;
} */

section.keyvisual nav .progress-line {
	display: none;
	/* width:100%;
	height:1px;
	background-color:rgba(255,255,255, .3);
	position:absolute;
	top:27px; */
}
/* section.keyvisual nav .progress-line span {
	display:inline-block;
	width:0%;
	height:1px;
	background-color:#fff;
	position:absolute;
	top:0px;
	left:0px;
} */

section.keyvisual .paddle-nav li {
	position: absolute;
	top: 50%;
	opacity: 0.7;
	width: 40px;
	height: 40px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	transform: translateY(-50%);
	transition: all .3s;
}
section.keyvisual .paddle-nav li:hover {
	opacity: 1;
}
section.keyvisual .paddle-nav li.paddle-left {
	left: 0;
	background-image: url(/7-series/images/overview/nav_arrow_left.png);
}
section.keyvisual .paddle-nav li.paddle-right {
	right: 0;
	background-image: url(/7-series/images/overview/nav_arrow_right.png);
}
section.keyvisual .paddle-nav li a {
	display: inline-block;
	width: 100%;
	height: 100%;
}


/* section.keyvisual nav .paddle-nav {
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
section.keyvisual nav .paddle-nav li {
	position:absolute;
	width:50px;
	height:120px;
	top:0px;
	background-repeat:no-repeat;
	background-position:center 70px;
}
section.keyvisual nav .paddle-nav li a {
	display:inline-block;
	width:100%;
	height:100%;
}
section.keyvisual nav .paddle-nav li.paddle-left {
	left:-50px;
	background-image:url(/7-series/images/overview/nav_arrow_left.png);
}
section.keyvisual nav .paddle-nav li.paddle-right {
	right:-50px;
	background-image:url(/7-series/images/overview/nav_arrow_right.png);
} */


section.information .grid > .grid-wrapper p {
	margin-bottom: 24px;
}

section.information .grid > .grid-wrapper figure {
	width:316px;
	height:560px;
	background-size:cover;
	background-repeat:no-repeat;
}
section.information .grid > .grid-wrapper figure.pic01 { background-image:url(/7-series/images/overview/information_pic01.jpg); }
section.information .grid > .grid-wrapper figure.pic02 { background-image:url(/7-series/images/overview/information_pic02.jpg); }
section.information .grid > .grid-wrapper figure.pic03 { background-image:url(/7-series/images/overview/information_pic03.jpg); }
section.information .grid > .grid-wrapper figure.pic04 { background-image:url(/7-series/images/overview/information_pic04.jpg); }

/*
section.perfect figure {
	display:inline-block;
}

section.perfect figure a {
  display: block;
  position: relative;
  overflow: hidden;
	width:1266px;
	height:506px;
  background: #000;
}

section.perfect figure a .headline {
  position: absolute;
  top: 40px;
  right: 40px;
  z-index: 1;
}

section.perfect figure a .headline-ja {
  position: absolute;
  top: 94px;
  right: 40px;
  z-index: 1;
}

section.perfect figure a .subheads {
  position: absolute;
  top: 144px;
  right: 40px;
  z-index: 1;
}

section.perfect figure a .button {
  position: absolute;
  top: 186px;
  right: 40px;
  z-index: 1;
}

section.perfect figure a > img {
  position: relative;
  z-index: 0;
  transition: all .3s;
}

section.perfect figure a:hover > img {
  opacity: .5;
  transform: scale(1.1);
}
*/

section.rubuchon {
}
section.rubuchon > .inner {
}
section.rubuchon h2 {
	font-weight: 400;
}
section.rubuchon .row {
	display: -weblit-flex;
	display: flex;
	margin-left: -1px;
}
section.rubuchon .row .col a {
	display: block;
	position: relative;
	margin-left: 1px;
}
section.rubuchon .row .col a .text {
	box-sizing: border-box;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 40px;
}
section.rubuchon .row .col.reverse .text {
	color: #fff;
}
section.rubuchon .row .col a .text h3 {
	font-size: 40px;
	font-weight: 400;
	line-height: 1.0;
}
section.rubuchon .row .col a .text .lead {
	margin-top: 10px;
	font-size: 18px;
}
section.rubuchon .row .col a .text .btn {
	margin-top: 15px;
}
section.rubuchon .row .col a .text .btn > span {
	display: inline-block;
	width: 286px;
	padding: 7px 0;
	color: #fff;
	background-color: #897655;
	text-align: center;
  transition: all .3s;
}
section.rubuchon .row .col a:hover .text .btn > span {
	background-color: #7d6b4d;
}
section.rubuchon .row .col a figure {
	background-color: #000;
	overflow: hidden;
}
section.rubuchon .row .col a figure img {
  transform: scale(1);
  opacity: 1;
  transition: all .3s;
}
section.rubuchon .row .col a:hover figure img {
  transform: scale(1.1);
  opacity: .6;
}


section.gkl .grid > .grid-wrapper > * {
	padding-right:1px;
	position:relative;
}
section.gkl .grid > .grid-wrapper p {
	position:absolute;
	left: 40px;
	bottom: 40px;
}
section.gkl .grid > .grid-wrapper figure {
	width:632px;
	height:390px;
	background-size:cover;
	background-repeat:no-repeat;
}
section.gkl .grid > .grid-wrapper figure.pic01 { background-image:url(/7-series/images/overview/gkl_banner_01.jpg); }
section.gkl .grid > .grid-wrapper figure.pic02 { background-image:url(/7-series/images/overview/gkl_banner_02.jpg); }


section.individual {
	min-width:1366px;
	min-height:650px;
	background-image:url(/7-series/images/overview/individual_bg.jpg);
	background-size:cover;
	background-position:center bottom;
	background-repeat:no-repeat;
	position:relative;
}
@media screen and ( min-width:1367px ){
	section.individual {
		min-height:auto;
		padding-bottom:26.6%;
	}
}

section.individual p {
	/* width:510px; */
}

section.models .column > * {
	width:50%;
	height:390px;
}

section.models .column figure {
	/*width:632px;*/
	background-position:center;
	/*background-size:632px 390px;*/
	height:100%;
	background-repeat:no-repeat;
	background-size: cover;
}

section.models .column.beauty figure { background-image:url(/7-series/images/overview/models_pic01.jpg); }
section.models .column.diamonds figure { background-image:url(/7-series/images/overview/models_pic02.jpg); }
section.models .column.perfection figure { background-image:url(/7-series/images/overview/models_pic03.jpg); }

aside.banner.individual .inner a {
	position:relative;
	background: #000;
}
aside.banner.individual figure.pic {
	box-sizing:border-box;
	width:1266px;
	height:271px;
	background-image:url(/7-series/images/overview/banner_individual.jpg);
}
aside.banner.individual .content {
	position:absolute;
	background-color:transparent;
	top:0px;
	left:0px;
}
aside.banner.individual .button { background-color:#000; }
aside.banner.individual a figure.pic{
	transition: all .3s ease;
}
aside.banner.individual a:hover figure.pic{
	opacity: .6;
}
section.campaign .button { width:286px; }

section.event figure {
	width:1266px;
	height:356px;
	background-image:url(/7-series/images/overview/event_pic.jpg);
}
section.event .button { width:286px; }

nav.footer-nav .button { height:50px; }