@charset "utf-8";

/*******************************************************************************************************************
 base 
 *******************************************************************************************************************/
.clearfix:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clearfix{ display:inline-table; *zoom:1; }
/* Hides from IE-mac \*/
* html .clearfix{ height:1%; }
.clearfix{ display:block; }
/* End hide from IE-mac */

/* 基本 */
@font-face {
    font-family: 'IPAex Mincho';
    src: url('../fonts/ipaexg.ttf') format('truetype');
    src: url('../fonts/ipaexm.ttf') format('truetype');
}
body {
	background-color:#000000;
	color:#fff;
	/*font-family:'ヒラギノ明朝 ProN W3', 'IPAex Mincho', 'Hiragino Mincho ProN', 'Times New Roman', 游明朝, YuMincho, HG明朝E, メイリオ, Meiryo, serif;*/
	font-family:'ヒラギノ明朝 ProN W3', 'IPAex Mincho', 'Hiragino Mincho ProN', Georgia, "游明朝", YuMincho, "HG明朝E", serif, メイリオ, Meiryo;
	line-height:2em;
	width:100%;
	overflow:auto;
}
/*
.gothic{font-family:'ヒラギノ角ゴ Pro W3', 'IPAex Gothic', 'Hiragino Kaku Gothic Pro','メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif !important;}
*/
.gothic{font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;}

 /*縦向き*/
@media all and (orientation: portrait) {  
html {
    font-size : 85%; 
	letter-spacing: 0.1em;
}
}
/*横向き*/
@media all and (orientation: landscape) {  
html {
    font-size : 130%; 
	letter-spacing: 0.2em;
}
}



h1 {}
h2 {
	/*font-size:1.6em;
	line-height:1.8em;*/
	font-size:2.1em;
	line-height:2em;
}
h3 {
	font-size:1.4em;
	line-height:1.5em;
    font-weight:bold;
}
h4 {
	font-size:1em;
	line-height:1.2em;
}

a {
	text-decoration:none;
	color:#fff;
}
a:hover {
	text-decoration:underline;
}

.center{
	text-align:center !important;	
}
.left{
	text-align:left !important;	
}
.right{
	text-align:right !important;	
}
.black{
	color:#000 !important;	
}

.ml3{
	margin-left:0.1875em;	
}
.ml5{
	margin-left:0.3125em;	
}
.ml5per{
	margin-left:5%;	
}
.ml10{
	margin-left:0.625em;	
}
.ml10per{
	margin-left:10%;	
}
.ml15{
	margin-left:0.9375em;	
}
.ml5per{
	margin-left:5%;	
}
.ml15per{
	margin-left:15%;	
}
.ml20{
	margin-left:1.25em;	
}
.ml25{
	margin-left:1.5625em;	
}
.ml30{
	margin-left:1.875em;	
}
.ml1em{margin-left:1em;}
.mr3{
	margin-right:0.1875em;	
}
.mr5{
	margin-right:0.3125em;	
}
.mr4per{
	margin-right:4%;	
}
.mr6{
	margin-right:0.375em;	
}
.mr10{
	margin-right:0.625em;	
}
.mr15{
	margin-right:0.9375em;	
}
.mr20{
	margin-right:1.25em;	
}
.mr30{
	margin-right:1.875em;	
}
.mr-10{
	margin-right:-0.625em;	
}
.mr-15{
	margin-right:-0.9375em;	
}
.mr-30{
	margin-right:-1.875em;	
}
.mt0{margin-top:0 !important;}
.mt-5{
	margin-top:-0.3125em;	
}
.mt-50em{
	margin-top:-5em;	
}
.mt-55em{
	margin-top:-5.5em;	
}
.mt-10{
	margin-top:-0.625em;	
}
.mt-15{
	margin-top:-0.9375em !important;	
}
.mt-20{
	margin-top:-1.25em;	
}
.mt-25{
	margin-top:-1.5625em;	
}
.mt5{
	margin-top:0.3125em;	
}
.mt10{
	margin-top:0.625em;	
}
.mt15{
	margin-top:0.9375em;	
}
.mt20{
	margin-top:1.25em;	
}
.mt20per{
	margin-top:20%;	
}
.mt25{
	margin-top:1.5625em;	
}
.mt30{
	margin-top:1.875em !important;	
}
.mt40{
	margin-top:2.5em !important;	
}
.mt50{
	margin-top:3.1257em !important;	
}
.mt60{
	margin-top:3.75em !important;	
}
.mt70{
	margin-top:4.375em !important;	
}
.mt80{
	margin-top:5em !important;	
}
.mt90{
	margin-top:5.625em !important;	
}
.mt100{
	margin-top:6.25em !important;	
}
.mt175{
	margin-top:10.9375em;	
}
.mt200{
	margin-top:12.5em;	
}
.mt1em{margin-top:1em}
.mb10{
	margin-bottom:0.625em;	
}
.mb15{
    margin-bottom:0.9375em;
}
.mb20{
	margin-bottom:1.25em;	
}
.mb25{
	margin-bottom:1.5625em;	
}
.mb30{
	margin-bottom:1.875em;	
}
.mb50{
	margin-bottom:3.125em !important;
}
.mb100{
	margin-bottom:6.25em !important;
}
.p10{padding:0.625em;}
.p15{
	padding:0.9375em;	
}
.pt0{
	padding-top:0 !important;	
}
.pt5{
	padding-top:0.3125em;	
}
.pt10{
	padding-top:0.625em;	
}
.pt15{
	padding-top:0.9375em;	
}
.pt20{
	padding-top:1.25em;	
}
.pt30{
	padding-top:1.875em;	
}
.pt50{
	padding-top:3.125em;
}
.pt60{
	padding-top:3.6em;
}
.pt70{
	padding-top:4.5em;
}
.pt80{
	padding-top:5em;
}
.pb10{
	padding-bottom:0.625em;	
}
.pb20{
	padding-bottom:1.25em;	
}
.pb30{
	padding-bottom:1.875em;	
}
.pb40{
	padding-bottom:2.5em;	
}
.pb50{
	padding-bottom:3.125em !important;	
}
.pb60{
	padding-bottom:3.75em !important;	
}
.pb70{
	padding-bottom:4.5em !important;	
}
.pb80{
	padding-bottom:5em !important;	
}
.pb100{
	padding-bottom:6.25em !important;	
}
.fs06{
	font-size:0.6em !important;
}
.fs07{
	font-size:0.7em !important;
}
.fs08{
	font-size:0.8em !important;
	line-height:1.2em !important;
    letter-spacing: 0;
}
.fs09{
	font-size:0.9em !important;
	line-height:1em !important;
}
.fs10{
	font-size:1em !important;
	line-height:1.2em !important;
}
.fs12{
	font-size:1.2em !important;
	line-height:1.2em !important;
}
.fs13{
	font-size:1.3em !important;
	line-height:1.3em !important;
}
.fs14{
	font-size:1.4em !important;
	line-height:1.4em !important;
}
.fs16{
	font-size:1.6em !important;
	line-height:1.6em !important;
}
.fs18{
	font-size:1.8em !important;
	line-height:1.8em !important;
}
.fs20{
	font-size:2.0em !important;
	line-height:2.0em !important;
}
.fs22{
	font-size:2.2em !important;
	line-height:2.2em !important;
}
.fs24{
	font-size:2.4em !important;
	line-height:2.4em !important;
}

.mt15em{margin-top:1.5em;}
.mt20px{margin-top:20px;}
.pt20px{padding-top:20px;}
.fs16px{font-size:16px;}
.fs18px{font-size:18px;}
.fs22{font-size:22px;}

.valignt{vertical-align:top;}
.valignm{vertical-align:middle;}
.fleft{float:left;}
.fright{float:right;}
.tleft{text-align: left;}
.tright{text-align: right;}
.tcenter{text-align: center;}

.white{color:#fff;}
.blue{color: #576895;}

.font-en{font-family:Georgia,"游明朝",YuMincho,"HG明朝E",serif}
.small{font-size:0.65em;letter-spacing: 0;}
.small2{font-size:0.8em;}
.big{font-size:1.2em;}
.big2{font-size:1.5em;line-height:1.5em;}

.normal{font-weight:normal;}
.bold{font-weight:bold;}

.bgb{background-color:#000000;}
.bgw{background-color:#ffffff !important;}
.bgy{background-color:#fbffd4 !important;}
.bgbe{background-color:#e8dece !important;}
.bgp{background-color:#e0deea !important;}
.bgbl{background-color:#f0f1f4 !important;}
.bgg{background-color:#616d81 !important;}
.bgg2{background-color:#f2f2f2 !important;}
.bgg3{background-color:#3e3e3e !important;}
.bbottom1{border-bottom:1px solid #d2d2d2;}
.bbottom2{border-bottom:2px solid #000000;}
.ballw{border:1px solid #ffffff;}
.ballb{border:1px solid #000000;}
.ball01{border: 1px solid #aaa}
.ls05{letter-spacing: -0.05em;}
.ls10{letter-spacing: 0em;}
.lh10{line-height:1em !important;}
.lh12{line-height:1.2em !important;}
.lh14{line-height:1.4em !important;}
.lh15{line-height:1.5em !important;}
.lh18{line-height:1.8em !important;}
.lh22{line-height:2.2em !important;}
.lh25{line-height:2.5em !important;}

.fleft{float:left !important;}
.fright{float:right !important;}
.preletive{position: relative;}

.width35per{width:35% !important;}
.width47per{width:47.5% !important;}
.width50per{width:50% !important;}
.width70per{width:70% !important;}
.width80per{width:80% !important;}
.width90{width:90% !important;}
.width90per{width:90% !important;}
.width100{width:100% !important;}
.width100per{width:100% !important;}

.zindex20{z-index:20 !important;}

.youtube_bury {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube_bury iframe {
  width: 100%;
  height: 100%;
}

.spec_07{
    color: #ff0000;
}

/* article section */
article {
	margin:0;
}
section {
	margin:0;
}

/* button */
.more{
	margin:0 auto;
	width:40%;
	height: 3.125em;
}
.more a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	height: 3.125em;
	outline: none;
	/*border:1px solid #ffffff;*/
}
.more p{
	margin-bottom:-0.1875em;
}
.button {
	display: inline-block;
	width: 40%;
	height: 3.125em;
	text-align: center;
	text-decoration: none;
	line-height: 3.125em;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #000;
	border: 1px solid #fff;
	color: #fff;
}
.button:hover {
	background-color: #fff;
	border-color: #fff;
	color: #000;
	text-decoration:none;
}
.button::before,
.button::after {
	top: 0;
	width: 40%;
	height: 100%;
	background-color: #000;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #000;
}

.button_w {
	display: inline-block;
	width: 40%;
	height: 3.125em;
	text-align: center;
	text-decoration: none;
	line-height: 3.125em;
	outline: none;
}
.button_w::before,
.button_w::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button_w,
.button_w::before,
.button_w::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button_w {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
}
.button_w:hover {
	background-color: #000;
	border-color: #000;
	color: #fff;
	text-decoration:none;
}
.button_w::before,
.button_w::after {
	top: 0;
	width: 40%;
	height: 100%;
	background-color: #fff;
}
.button_w::before {
	right: 0;
}
.button_w::after {
	left: 0;
}
.button_w:hover::before,
.button_w:hover::after {
	width: 0;
	background-color: #fff;
}




.button2 {
	display: inline-block;
	width: 100%;
	/*height: 2.75em;*/
	text-align: center;
	text-decoration: none;
	line-height: 2.75em;
	outline: none;
}
.button2::before,
.button2::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button2,
.button2::before,
.button2::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button2 {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 1px solid #000;
	color: #000;
	line-height: 2.75em;
}
.button2:hover {
	background-color: #000;
	border-color: #fff;
	color: #fff;
	text-decoration:none;
}
.button2::before,
.button2::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #fff;
}
.button2::before {
	right: 0;
}
.button2::after {
	left: 0;
}
.button2:hover::before,
.button2:hover::after {
	width: 0;
	background-color: #fff;
}

.button3 {
	display: inline-block;
	width: 100%;
	/*height: 2.75em;*/
	text-align: center;
	text-decoration: none;
	line-height: 2.75em;
	outline: none;
}
.button3::before,
.button3::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button3,
.button3::before,
.button3::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button3 {
	position: relative;
	z-index: 2;
	background-color: #000;
	border-top: 1px solid #fff;
	color: #fff;
	line-height: 2.75em;
}
.button3:hover {
	background-color: #fff;
	border-color: #000;
	color: #000;
	text-decoration:none;
}
.button3::before,
.button3::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #000;
}
.button3::before {
	right: 0;
}
.button3::after {
	left: 0;
}
.button3:hover::before,
.button3:hover::after {
	width: 0;
	background-color: #000;
}

.button4 {
	display: inline-block;
	width: 100%;
	/*height: 2.75em;*/
	text-align: center;
	text-decoration: none;
	line-height: 2.75em;
	outline: none;
}
.button4::before,
.button4::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button4,
.button4::before,
.button4::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button4 {
	position: relative;
	z-index: 2;
	background-color: #000;
	border: 1px solid #fff;
	color: #fff;
	line-height: 2.75em;
    margin-top:2.25em;
}
.button4:hover {
	background-color: #fff;
	border-color: #000;
	color: #000;
	text-decoration:none;
}
.button4::before,
.button4::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #000;
}
.button4::before {
	right: 0;
}
.button4::after {
	left: 0;
}
.button4:hover::before,
.button4:hover::after {
	width: 0;
	background-color: #000;
}

.button5 {
	display: inline-block;
	width: 100%;
	/*height: 2.75em;*/
	text-align: center;
	text-decoration: none;
	line-height: 2.75em;
	outline: none;
}
.button5::before,
.button5::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button5,
.button5::before,
.button5::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button5 {
	position: relative;
	z-index: 2;
	background-color: #000;
	border: 1px solid #fff;
	color: #fff;
	line-height: 2.75em;
    margin-top:0.6em;
}
.button5:hover {
	background-color: #fff;
	border-color: #000;
	color: #000;
	text-decoration:none;
}
.button5::before,
.button5::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #000;
}
.button5::before {
	right: 0;
}
.button5::after {
	left: 0;
}
.button5:hover::before,
.button5:hover::after {
	width: 0;
	background-color: #000;
}

.button6 {
	display: inline-block;
	width: 100%;
	/*height: 2.75em;*/
	text-align: center;
	text-decoration: none;
	line-height: 2.75em;
	outline: none;
}
.button6::before,
.button6::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button6,
.button6::before,
.button6::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button6 {
	position: relative;
	z-index: 2;
	background-color: #f2f2f2;
	border: 1px solid #000;
	color: #000;
	line-height: 2.75em;
    margin-top:0.6em;
}
.button6:hover {
	background-color: #000;
	border-color: #f2f2f2;
	color: #fff;
	text-decoration:none;
}
.button6::before,
.button6::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #f2f2f2;
}
.button6::before {
	right: 0;
}
.button6::after {
	left: 0;
}
.button6:hover::before,
.button6:hover::after {
	width: 0;
	background-color: #f2f2f2;
}

/* button caption1 */
figure {
	margin:-3px 0 0.625em 0;
	padding:0;
	position: relative;
	overflow: hidden;
	width: 100%;
}
figure img {
	width: 100%;
	float:left;
}
figcaption {
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}
figure:hover figcaption {
	bottom: 0;
	left: 0;
}
.figure_title{
	position:absolute;
	left:0;
	right:0;
	bottom:10px;
	margin:auto;
	width:100%;
}
.figure_title2{
	position:absolute;
	left:0;
	right:0;
	top:40px;
	margin:auto;
	width:100%;
}
/* button caption2 */
.figure2 {
	margin:0 0 0.625em 0;
	padding:0;
	position: relative;
	overflow: hidden;
	width: 50%;
	float:left;
}
.figure2 img {
	width: 50%;
}
.figure2 .img100 {
	width: 100%;
	float:left;
}
.figcaption2 {
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}
.figure2:hover figcaption2 {
	bottom: 0;
	left: 0;
}
/* button caption3 */
.figure3 {
	margin:0;
	padding:0;
	position: relative;
	overflow: hidden;
	width: 50%;
	float:left;
}
.figure3 img {
	width: 50%;
}
.figure3 .img100 {
	width: 100%;
	float:left;
}
.figcaption3 {
	position: absolute;
	bottom: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
}
.figure3:hover figcaption3 {
	bottom: 0;
	left: 0;
}

/* onmouse scale_up */
.scale_up {
	width: 100%;
	overflow: hidden;
}
.scale_up {
    -moz-transition: -moz-transform 0.3s linear;
    -webkit-transition: -webkit-transform 0.3s linear;
    -o-transition: -o-transform 0.3s linear;
    -ms-transition: -ms-transform 0.3s linear;
    transition: transform 0.3s linear;
}
.scale_up:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}



/*******************************************************************************************************************
 header 
 *******************************************************************************************************************/
/* .header{
	text-align: right;
	padding:0.75em 0.625em 0 0;
	background-color: rgba(0,0,0,1);
	-moz-box-sizing: border-box;
	box-sizing: border-box;	
	width: 100%;
	height: 3.125em;
	position: fixed;
	z-index:1000;
	
	top: 0;
}
.header.fixed{
	position: fixed;
	top: 0;
	left: 0;
}
.logo{
	width:6.25em;
	float:right;
}
.logo img{
	margin-top:0.0625em;
	height:1.5625em;
	width:auto;
}
.header h1 {
	width:6.25em;
	float:right;
} */
/* menu */

#menu, #tooltip{
margin:3.12em 0 0 0;	
}
#tooltip{
overflow:auto;
}
#menu dl{
}
#menu dl dt{
}
#menu dl dd{
margin: -5em 0 0 0;
padding: 0 0 1.625em 10.375em;
}
#menu .dd2{
margin-top: -80px !important;
margin-bottom: -10px !important;
}
#menu dl dd p{
}

#hamburger{
	box-sizing: border-box;
	display: block;
	width: 4.375em;
	height: 2.8125em;
	position: fixed;
	top: 0.3125em;
	left: 0;
	z-index: 1100;
}
#hamburger:before,
#hamburger:after,
#hamburger span{
	background: #fff;
	content: '';
	display: block;
	width: 1.875em;
	height: 0.3125em;
	position: absolute;
	left: 0.625em;
}
#hamburger:before{
	top: 0.4375em;
}
#hamburger span{
	top: 1.0625em;
}
#hamburger:after{
	top: 1.6875em;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span{
	-webkit-transition: none 0.3s ease 0.3s;
	transition: none 0.3s ease 0.3s;

	-webkit-transition-property: transform, top, bottom, left, opacity;
	transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after{
	top: 1.25em;	
}
html.mm-opening #hamburger span{
	left: -3.125em;
	opacity: 0;
}
html.mm-opening #hamburger:before{
	transform: rotate( 45deg );
}
html.mm-opening #hamburger:after{
	transform: rotate( -45deg );
}

/*******************************************************************************************************************
 top 
 *******************************************************************************************************************/
#top{margin-top: -0.8em;width:100%;height:61vh;position: relative;}
#top .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.5em;/*border:1px solid #ff0000;*/}
#top .main_img_campaign_outdoor{
	background:url(../top/main_img_campaign_outdoor.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_freshers{
	background:url(../top/main_img_freshers.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_brand-value{
	background:url(../top/main_img_brand-value.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_sports{
	background:url(../top/main_img_sports.jpg) no-repeat top -1em center;
	background-size: 133% auto;
}
#top .main_img_classic_mechanical-moon-phase{
	background:url(../top/main_img_classic_mechanical-moon-phase.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_ladies_semi-skeleton-contemporary{
	background:url(../top/main_img_ladies_semi-skeleton-contemporary.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_skeleton{
	background:url(../top/main_img_skeleton.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_heritage-gothic{
	background:url(../top/main_img_04.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_semi-skeleton-contemporary{
	background:url(../top/main_img_semi-skeleton-contemporary.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_retrograde{
	background:url(../top/main_img_retrograde.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_classic-semi-skeleton{
	background:url(../top/main_img_05.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_modern-skeleton{
	background:url(../top/main_img_modern-skeleton.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_moving-blue{
	background:url(../top/main_img_moving-blue.jpg) no-repeat top 0em center;
	background-size: 126% auto;
}
#top .main_img_contemporary_mechanical-moon-phase{
	background:url(../top/main_img_contemporary_mechanical-moon-phase.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_avant-garde-skeleton{
	background:url(../top/main_img_avant-garde-skeleton.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}
#top .main_img_layered-skeleton{
	background:url(../top/main_img_layered-skeleton.jpg) no-repeat top -2em center;
	background-size: 140% auto;
}

#slider-prev01_top{
	font-size:1.75em;
	border:1px solid #fff;
	padding:0 0.3125em 0 0.25em;
	position:absolute;
	top:30vh;
	left:0.3125em;
    z-index: 999;
}
#slider-next01_top{
	font-size:1.75em;
	border:1px solid #fff;
	padding:0 0.25em 0 0.3125em;
	position:absolute;
	top:30vh;
	right:0.3125em;
    z-index: 999;
}

.campaign_link{
	position:absolute;
    width:80%;
	top:1.5em;
	left:10%;
	z-index: 100;
}
.campaign_link a{
	width:100%;
	height:16.5em;
	display:block;
	border:0px solid #ff0000;
}

#div1{
margin-top:0;
padding-top:0.75em;
background-color:#000000;
}

.back_white{background-color: #ffffff;}


/* parallax */
#wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto 0 auto;
	padding:  0 0;
}
.parallax {
  width: 100%;
	min-height: 200px;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;	
	text-align: center;
	padding: 0;
	background-color: rgba(0,0,0,0.5);
}
.parallax.bg-01 {
	background-image: url(../top/bg_img_01.jpg);
	background-position:20% 0;
    background-size: 100%;
}
.parallax.bg-02 {
	background-image: url(../top/bg_img_02.jpg);
	background-position:20% 0;
    background-size: 100%;
}
.parallax.bg-03 {
	background-image: url(../top/bg_img_03.jpg);
	background-position:20% 0;
    background-size: 100%;
}


#div1 {
	background-color:#000;
}
#div2 {
	background-color:#fff;
    /*padding:50px;*/
}
#div3 {
	background-color:#000;
}
#div5 {
	background-color:#000;
	margin:-2em auto 2em auto;
	padding:0.5em;
}

h3.product1{
	position:relative;
}
h3.product1 img{
	width:100%;
	float:left;
}
h3.product1 p{
	position: absolute;
	top: 2.1875em;
	left: 0;
	width: 45%;
	color:#000000;
	font-size:0.8em;
	text-align:right;
	letter-spacing:0;
	/*border:1px solid #ff0000;*/
}
h3.product1_2{
	position:relative;
}
h3.product1_2 img{
	width:100%;
	float:left;
}
h3.product1_2 p{
	position: absolute;
	top: 3.125em;
	left: 0;
	width: 45%;
	color:#000000;
	font-size:0.8em;
	text-align:right;
	letter-spacing:0;
	/*border:1px solid #ff0000;*/
}
h3.product1_3{
	position:relative;
}
h3.product1_3 img{
	width:100%;
	float:left;
}
h3.product1_3 p{
	position: absolute;
	top: 3.125em;
	left: 0;
	width: 50%;
	color:#000000;
	font-size:0.8em;
	text-align:right;
	letter-spacing:0;
	/*border:1px solid #ff0000;*/
}
h3.product2{
	position:relative;
}
h3.product2 img{
	width:100%;
	float:left;
}
h3.product2 p{
	position: absolute;
	top: 3.125em;
	right: 0;
	width: 45%;
	color:#ffffff;
	font-size:0.8em;
	text-align:left;
	letter-spacing:0;
	/*border:1px solid #ff0000;*/
}
h3.product2_2{
	position:relative;
}
h3.product2_2 img{
	width:100%;
	float:left;
}
h3.product2_2 p{
	position: absolute;
	top: 2.1875em;
	right: 0;
	width: 45%;
	color:#ffffff;
	font-size:0.8em;
	text-align:left;
	letter-spacing:0;
	/*border:1px solid #ff0000;*/
}

.top_news{
	background-color: #000000;
	margin-top:-3px;
}
.top_news_p{padding:1em 1em 2em 1em;}
.top_news p{
    line-height: 1.4em;
    padding: 0.5em 0;
    font-size: 14px;
    color:#ffffff;
    text-align: left;
}
.top_news a{color:#ffffff;}

.top_movie_logo{position: absolute;bottom: 0.5em;left: 0;right: 0;z-index: 999;text-align: center;}
.top_movie_link{left: 0;position: absolute;top: 0;z-index:1001;width:100%;height:100%;}
.width100_height100{width:100%;height:100%}
.top_pickup{font-size:65px;font-weight: normal;line-height: 0.79em !important;color:#e3e3e3;text-align: left;padding-top: 50px;}
.top_new{position: absolute;top:0;left:0;width:20%;}
.top_contents{background-color:#fff;color:#000;padding:20px 0;}
.top_shop{background-color:#fff;color:#000;padding:50px 5px; margin-top: -15px;}
.black{color:#000000 !important;}
.ARCHIVE{background-color:#fff;color:#000;padding:0;}



/*******************************************************************************************************************
cat_classic
*******************************************************************************************************************/
#cat_classic{margin-top: -1em;width:100%;height:auto;position: relative;}
#cat_classic .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#cat_classic .main_img_01{background:url(../cat/main_img_classic.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#cat_classic img.cover{position:absolute;top:80%;left:50%;margin-top:-0.5em;margin-left:-2.7em;width:5.8em;z-index: 999;}


/*******************************************************************************************************************
cat_contemporary
*******************************************************************************************************************/
#cat_contemporary{margin-top: -1em;width:100%;height:auto;position: relative;}
#cat_contemporary .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#cat_contemporary .main_img_01{background:url(../cat/main_img_contemporary.jpg) no-repeat top -1.3125em center;background-size: 129% auto;}
#cat_contemporary img.cover{position:absolute;top:80%;left:50%;margin-top:-0.5em;margin-left:-5em;width:10.5em;z-index: 999;}


/*******************************************************************************************************************
cat_sports
*******************************************************************************************************************/
#cat_sports{margin-top: -1em;width:100%;height:auto;position: relative;}
#cat_sports .block1 li {display: block;top: 0;left: 0;width: 100%;height: 18.25em;/*border:1px solid #ff0000;*/}
#cat_sports .main_img_01{background:url(../cat/main_img_sports.jpg) no-repeat top -1.3125em center;background-size: 134% auto;}
#cat_sports img.cover{position:absolute;top:80%;left:50%;margin-top:-0.5em;margin-left:-2.8em;width:5.5em;z-index: 999;}
.cat_sports01{margin:0 0 0.5em 0;text-align: center;font-size: 2em;}
.cat_sports02{width:90%;margin-left:5%;}
.cat_sports03{width:100%;margin-top:2em;}
.cat_sports04{width:60%;float: left;margin:0 1em 0 0;}
.cat_sports05{width:100%;line-height: 1.4em;}
.cat_sports06{width:100%;margin-top:3em;}
.cat_sports07{width:60%;float: right;margin:0 0 0 1em;}
.cat_sports08{margin:2em 0 0.5em 0;text-align: center;font-size: 2em;}
.cat_sports09{width:90%;margin-left:5%;}
.cat_sports10{width:100%;margin-top:2em;}
.cat_sports11{width:60%;float: left;margin:0 1em 0 0;}
.cat_sports12{width:100%;line-height: 1.4em;}
.cat_sports13{width:100%;margin-top:3em;}
.cat_sports14{width:60%;float: right;margin:0 0 0 1em;}
.cat_sports15{width:100%;line-height: 1.4em;}
.cat_sports16{background-color:#e1eaf1 !important;padding:0.1% 2.5% 15% 2.5%;}
.cat_sports17{margin:2em 0 0.5em 0;text-align: center;font-size:1.6em;line-height:1.6em;color:#000;}
.cat_sports18{width:100%;float:left;}
.cat_sports19{width:100%;float:left;margin-top:1em;}
.cat_sports20{width:47.5%;float:left;margin-top:1em;}
.cat_sports21{width:47.5%;float:left;margin-top:1em;margin-left:1em;}
.cat_sports22{width:47.5%;float:left;margin-top:-12.5em;}
.cat_sports23{font-size:1.6em;line-height:1.6em;}


/*******************************************************************************************************************
cat_ladies
*******************************************************************************************************************/
#cat_ladies{margin-top: -1em;width:100%;height:auto;position: relative;}
#cat_ladies .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#cat_ladies .main_img_01{background:url(../cat/main_img_ladies.jpg) no-repeat top 1em center;background-size: 129% auto;}
#cat_ladies img.cover{position:absolute;top:85%;left:50%;margin-top:-0.5em;margin-left:-2.5em;width:5.5em;z-index: 999;}
.cat_pict01{width:95%;float:left;margin-left:10px;}
.cat_pict02{width:42.5%;float:left;margin-top:10px;margin-left:10px;}
.cat_pict03{width:49%;float:left;margin-top:10px;margin-left:12px;}
.cat_height{background-color: #fff;height:30px;}
#cat_ladies .bx-wrapper{margin:-10px auto 10px;}

/*******************************************************************************************************************
 prod_slim-skeleton 
 *******************************************************************************************************************/
#prod_slim-skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_slim-skeleton .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_slim-skeleton .main_img_01{background:url(../slim-skeleton/slim-skeleton_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_slim-skeleton img.cover{position:absolute;top:50%;left:50%;margin-top:-0.5em;margin-left:-5.5em;width:11em;z-index: 999;}

.prod_slim-skeleton_01{margin-top:-1em;}



/*******************************************************************************************************************
prod_classic_skeleton 
*******************************************************************************************************************/
#prod_classic_skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_classic_skeleton .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:5px solid #ff0000;*/}
#prod_classic_skeleton .main_img_01{background:url(../skeleton/skeleton_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_classic_skeleton img.cover{position:absolute;top:50%;left:50%;margin-top:-2em;margin-left:-3.5em;width:7em;z-index: 999;}
#prod_classic_skeleton .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_concept_skeleton{position: relative; width:80%; height:340em; margin:0 auto; border:0px solid #ff0000; background:rgba(255,255,255,0.7); padding:50px 10px; font-weight:700;}
.prod_classic_skeleton_01{width:57%;}
.prod_classic_skeleton_02{background-color:#000  !important;padding:0.1% 2.5% 15% 2.5%;}
.prod_classic_skeleton_03{background-color:#fff; color:#000; text-align:center;}

.prod_gallery_title{margin:2em 0 -0.5em 0;text-align: center;font-size:1.6em;font-weight:bold;}
.prod_gallery_title2{margin:0 0 -0.5em 0;text-align: center;font-size:1.6em;font-weight:bold;}

/*******************************************************************************************************************
prod_classic_mechanical-moon-phase
*******************************************************************************************************************/
#prod_classic_mechanical-moon-phase{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_classic_mechanical-moon-phase .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_classic_mechanical-moon-phase .main_img_01{background:url(../classic_mechanical-moon-phase/classic_mechanical-moon-phase_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_classic_mechanical-moon-phase img.cover{position:absolute;top:50%;left:50%;margin-top:-1.64em;margin-left:-4.7em;width:9.4em;z-index: 999;}
#prod_classic_mechanical-moon-phase .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_concept_classic_mechanical-moon-phase {position: relative; width: 100%; height: 42em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_classic_mechanical-moon-phase .src {background: url(../classic_mechanical-moon-phase/concept_img_01.png) no-repeat top 120px center; background-size: 90%;}
.prod_concept_classic_mechanical-moon-phase2{position: absolute; top:50px; left:0; width:90%; height:42em; margin-left:5%; border:0px solid #ff0000; text-align: center;}
.prod_concept_classic_mechanical-moon-phase3 {position: relative; width: 100%; height: 240em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_classic_mechanical-moon-phase3 .src2 {background: url(../classic_mechanical-moon-phase/concept_img_02.jpg) repeat-y top center; background-size: 100%;}
.prod_concept_classic_mechanical-moon-phase4{position: absolute; top:50px; left:0; width:90%; height:240em; margin-left:5%; border:0px solid #ff0000;color:#000;}
.prod_concept_classic_mechanical-moon-phase5 {position: relative; width: 90%; margin: auto; overflow: hidden; background-color: #fff; color:#000; padding:4em 5% 5em 5%;}
.prod_classic_mechanical-moon-phase_01{font-size:0.8em;position:absolute;top:57vh;right:0;z-index: 999;}
.prod_classic_mechanical-moon-phase_02{background-color:#000 !important;padding:0.1% 2.5% 15% 2.5%;color:#000000 !important;}
.prod_classic_mechanical-moon-phase_03{background-color:#fff !important;padding:0.1% 2.5% 15% 2.5%;color:#000000 !important;margin-top: -12px !important;}
.with-os{width:100%; height:auto; margin:0 auto; position:relative; overflow: hidden;}
/*.with-os .img:nth-child(2){
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
   -webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;
}
.with-os:hover .img:nth-child(2){
  opacity: 0;
  transition: opacity 1s;
}*/
.with-os p{position:absolute; top:55%; left:30%;}
.with-os .with-os_logo{position:absolute; top:30%; left:13%; width:75%;}
.with-os .with-os_line{position:absolute; top:70%; left:48%;}

.inner {width: 100%;height: auto;margin: 0 auto;}
.image-wrap {width: 100%;margin: 0 auto;}
.cloudimage-360-view-360-icon {display: block !important;}



img.cover{z-index: 10 !important}

/*******************************************************************************************************************
prod_classic_mechanical-moon-phase-m45
*******************************************************************************************************************/
#prod_classic_mechanical-moon-phase-m45{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_classic_mechanical-moon-phase-m45 .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_classic_mechanical-moon-phase-m45 .main_img_01{background:url(../classic_mechanical-moon-phase-m45/classic_mechanical-moon-phase-m45_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_classic_mechanical-moon-phase-m45 img.cover{position:absolute;top:50%;left:50%;margin-top:4em;margin-left:-6.5em;width:13em;z-index: 999;}


/*******************************************************************************************************************
prod_contemporary_mechanical-moon-phase
*******************************************************************************************************************/
#prod_contemporary_mechanical-moon-phase{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_contemporary_mechanical-moon-phase .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_contemporary_mechanical-moon-phase .main_img_01{background:url(../contemporary_mechanical-moon-phase/contemporary_mechanical-moon-phase_main_img_01.jpg) no-repeat top -1.3125em center;background-size: 129% auto;}
#prod_contemporary_mechanical-moon-phase img.cover{position:absolute;top:50%;left:50%;margin-top:-1.64em;margin-left:-4.7em;width:9.4em;z-index: 999;}
#prod_contemporary_mechanical-moon-phase .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_concept_contemporary_mechanical-moon-phase {position: relative; width: 100%; height: 100em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_contemporary_mechanical-moon-phase .src {background: url(../contemporary_mechanical-moon-phase/concept_img_00.jpg) no-repeat top center; background-size: 205%;}
.prod_concept_contemporary_mechanical-moon-phase2{position: absolute; top:50px; left:0; width:90%; height:100em; margin-left:5%; border:0px solid #ff0000; text-align: center;}
.prod_concept_contemporary_mechanical-moon-phase3 {position: relative; width: 100%; height: 230em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_contemporary_mechanical-moon-phase3 .src2 {background: url(../contemporary_mechanical-moon-phase/concept_img_03.jpg) no-repeat top center; background-size: cover;}
.prod_concept_contemporary_mechanical-moon-phase4{position: absolute; top:0px; left:0; width:90%; height:230em; margin-left:5%; border:0px solid #ff0000; text-align: center;}
.prod_concept_contemporary_mechanical-moon-phase_01{padding:20px; background-color: rgba(0,0,0,0.8);}
.prod_concept_contemporary_mechanical-moon-phase_02{background-color:#e1eaf1  !important;padding:0.1% 2.5% 15% 2.5%;}


/*******************************************************************************************************************
prod_layered-skeleton
*******************************************************************************************************************/
#prod_layered-skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_layered-skeleton .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_layered-skeleton .main_img_01{background:url(../layered-skeleton/layered-skeleton_main_img_01.jpg) repeat-y top center;background-size: 100%;}
#prod_layered-skeleton img.cover{position:absolute;top:50%;left:50%;margin-top:-1.94em;margin-left:-4em;width:8em;z-index: 999;}
#prod_layered-skeleton .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}

.prod_layered-skeleton01{background-image: url(../layered-skeleton/background.jpg);
background-position: center center;
background-repeat: repeat;
background-size: 300%;}
.prod_layered-skeleton02{margin:0 auto;border:0px solid #ff0000;}
.prod_layered-skeleton03{z-index:5;width:90%;color:#fff;line-height:1.6em;padding:5%;margin-top:50px;
background-image: url(../layered-skeleton/background2.jpg);
background-position: center center;
background-repeat: repeat;
background-size: 200%;
text-align:center;box-sizing: content-box;}
.prod_layered-skeleton04{width:90%;box-sizing: content-box;}
.prod_layered-skeleton05{font-size: 1.2em;font-weight:bold;line-height:1.6em;margin:15px 0;}
.prod_layered-skeleton06{z-index:5;width:90%;color:#fff;line-height:1.6em;padding:5%;margin-top:50px;margin-bottom:20px;
background-image: url(../layered-skeleton/background2.jpg);
background-position: center center;
background-repeat: repeat;
background-size: 200%;
text-align:center;box-sizing: content-box;}
.prod_layered-skeleton07{width:90%;padding:5%;text-align:center;box-sizing: content-box;}
.prod_layered-skeleton08{z-index:5;width:90%;color:#fff;line-height:1.6em;padding:5%;margin-top:20px;
background-image: url(../layered-skeleton/background2.jpg);
background-position: center center;
background-repeat: repeat;
background-size: 200%;
text-align:center;box-sizing: content-box;}
.prod_layered-skeleton09{z-index:5;width:90%;color:#fff;line-height:1.6em;padding:5%;margin-top:50px;margin-bottom:50px;
background-image: url(../layered-skeleton/background2.jpg);
background-position: center center;
background-repeat: repeat;
background-size: 200%;
text-align:center;box-sizing: content-box;}
.prod_layered-skeleton10{background-color:#000 !important;padding:0.1% 2.5% 15% 2.5%;}





/*******************************************************************************************************************
 prod_modern-skeleton 
 *******************************************************************************************************************/
#prod_modern-skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_modern-skeleton .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;content: "";/*border:1px solid #ff0000*/;}
#prod_modern-skeleton .main_img_01{background:url(../modern-skeleton/modern-skeleton_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_modern-skeleton img.cover{position:absolute;top:50%;left:50%;margin-top:-1.64em;margin-left:-3.7em;width:7.4em;z-index: 999;}


/*******************************************************************************************************************
 prod_heritage-gothic 
 *******************************************************************************************************************/
#prod_heritage-gothic{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_heritage-gothic .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_heritage-gothic .main_img_01{background:url(../heritage-gothic/heritage-gothic_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_heritage-gothic img.cover{position:absolute;top:50%;left:50%;margin-top:-1.64em;margin-left:-3.6em;width:7.2em;z-index: 999;}
#prod_heritage-gothic .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}


/*******************************************************************************************************************
prod_semi-skeleton-classic
*******************************************************************************************************************/
#prod_semi-skeleton-classic{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_semi-skeleton-classic .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_semi-skeleton-classic .main_img_01{background:url(../semi-skeleton-classic/semi-skeleton-classic_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_semi-skeleton-classic img.cover{position:absolute;top:50%;left:50%;margin-top:-1.44em;margin-left:-5.5em;width:11em;z-index: 999;}


/*******************************************************************************************************************
prod_semi-skeleton-contemporary
*******************************************************************************************************************/
#prod_semi-skeleton-contemporary{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_semi-skeleton-contemporary .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_semi-skeleton-contemporary .main_img_01{background:url(../semi-skeleton-contemporary/semi-skeleton-contemporary_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_semi-skeleton-contemporary img.cover{position:absolute;top:50%;left:50%;margin-top:-1.44em;margin-left:-5.5em;width:11em;z-index: 999;}


/*******************************************************************************************************************
prod_classic-semi-skeleton
*******************************************************************************************************************/
#prod_classic-semi-skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_classic-semi-skeleton .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_classic-semi-skeleton .main_img_01{background:url(../classic-semi-skeleton/classic-semi-skeleton_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_classic-semi-skeleton img.cover{position:absolute;top:50%;left:50%;margin-top:-1.64em;margin-left:-5.5em;width:11em;z-index: 999;}
#prod_classic-semi-skeleton .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_classic-semi-skeleton_01 {position: relative; width: 100%; height: 308em; margin: auto; overflow: hidden; background-color: #000;}
.prod_classic-semi-skeleton_01 .src {background: url(../classic-semi-skeleton/concept_img_00.jpg) no-repeat top center; background-size: 255%;}
.prod_classic-semi-skeleton_02{position: absolute; top:50px; left:0; width:100%; height:45.1em; border:0px solid #ff0000; text-align: center;}
.prod_classic-semi-skeleton_03{width: 90%; margin:0 5%;}
.prod_classic-semi-skeleton_04{}
.prod_classic-semi-skeleton_05{}
.prod_classic-semi-skeleton_06{}
.prod_classic-semi-skeleton_07{}
.prod_classic-semi-skeleton_08{}
.prod_classic-semi-skeleton_09{background-color:#e0deea !important;padding:0.1% 2.5% 5% 2.5%;color:#000000 !important;}
.prod_classic-semi-skeleton_10{background-color:#e0deea !important;padding:0.1% 2.5% 15% 2.5%;color:#000000 !important;}


/*******************************************************************************************************************
prod_classic 
*******************************************************************************************************************/
#prod_classic{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_classic .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_classic .main_img_01{background:url(../classic/classic_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_classic img.cover{position:absolute;top:50%;left:50%;margin-top:-1.64em;margin-left:-6.2em;width:12.4em;z-index: 999;}


/*******************************************************************************************************************
prod_somes 
*******************************************************************************************************************/
#prod_somes{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_somes .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_somes .main_img_01{background:url(../somes/somes_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_somes img.cover{position:absolute;top:50%;left:50%;margin-top:-1.84em;margin-left:-4.7em;width:9.4em;z-index: 999;}


/*******************************************************************************************************************
prod_ladies_classic-semi-skeleton 
*******************************************************************************************************************/
#prod_ladies_classic-semi-skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_ladies_classic-semi-skeleton .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_ladies_classic-semi-skeleton .main_img_01{background:url(../ladies_classic-semi-skeleton/ladies_classic-semi-skeleton_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_ladies_classic-semi-skeleton img.cover{position:absolute;top:50%;left:50%;margin-top:-1.64em;margin-left:-5.5em;width:11em;z-index: 999;}


/*******************************************************************************************************************
prod_ladies_classic-semi-skeleton2
*******************************************************************************************************************/
#prod_ladies_classic-semi-skeleton2{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_ladies_classic-semi-skeleton2 .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_ladies_classic-semi-skeleton2 .main_img_01{background:url(../ladies_classic-semi-skeleton2/ladies_classic-semi-skeleton2_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_ladies_classic-semi-skeleton2 img.cover{position:absolute;top:50%;left:50%;margin-top:-1.64em;margin-left:-5.5em;width:11em;z-index: 999;}
#prod_ladies_classic-semi-skeleton2 .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_ladies_classic-semi-skeleton2_01{background-color:#e0deea !important;padding:0.1% 2.5% 15% 2.5%;color:#000000 !important;}


/*******************************************************************************************************************
prod_ladies_semi-skeleton-contemporary 
*******************************************************************************************************************/
#prod_ladies_semi-skeleton-contemporary{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_ladies_semi-skeleton-contemporary .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_ladies_semi-skeleton-contemporary .main_img_01{background:url(../ladies_semi-skeleton-contemporary/ladies_semi-skeleton-contemporary_main_img_01.jpg) no-repeat top -1.3125em center;background-size: 129% auto;}
#prod_ladies_semi-skeleton-contemporary img.cover{position:absolute;top:50%;left:50%;margin-top:-0.94em;margin-left:-5.5em;width:11em;z-index: 999;}


/*******************************************************************************************************************
prod_ladies_standard 
*******************************************************************************************************************/
#prod_ladies_standard{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_ladies_standard .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_ladies_standard .main_img_01{background:url(../ladies_standard/ladies_standard_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_ladies_standard img.cover{position:absolute;top:50%;left:50%;margin-top:-0.94em;margin-left:-3.8em;width:7.6em;z-index: 999;}


/*******************************************************************************************************************
prod_outdoor 
*******************************************************************************************************************/
#prod_outdoor{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_outdoor .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_outdoor .main_img_01{background:url(../outdoor/outdoor_main_img_01.jpg) no-repeat top -0.8125em center;background-size: 129% auto;}
#prod_outdoor img.cover{position:absolute;top:50%;left:50%;margin-top:-0.94em;margin-left:-3.7em;width:7.4em;z-index: 999;}
#prod_outdoor .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}

.prod_outdoor01{position: relative;
  width: 100%;
  height: 85em;
  margin: auto;
  overflow: hidden;
  background-image: url(../outdoor/main_img_outdoor02.jpg);
  background-size: cover;}
.prod_outdoor02{ 
  position: absolute;
  top:100px;
  left:0;
  width:90%;
  height:700px;
  margin-left:5%;}  
.prod_outdoor04{margin:0 0 0.5em 0;text-align: center;font-size: 2em;}
.prod_outdoor05{width:90%;margin-left:5%;}
.prod_outdoor06{width:100%;margin-top:1em;line-height:1.4em;}
.prod_outdoor07{width:60%;float: left;margin:0 1em 0 0;}
.prod_outdoor08{width:100%;margin-top:1em;line-height:1.4em;}
.prod_outdoor09{width:100%;}
.prod_outdoor10{width:60%;float: right;margin:0 0 0 1em;}
.prod_outdoor11{width: 100%;margin-top: 2em;}
.prod_outdoor12{width: 100%;margin-top: 3em;}

.prod_outdoor16{background-color:#e8efe8 !important;padding:0.1% 2.5% 15% 2.5%;}
.prod_outdoor17{margin:2em 0 0.5em 0;text-align: center;font-size:1.6em;line-height:1.6em;color:#000;}
.prod_outdoor18{width:100%;float:left;}
.prod_outdoor19{width:100%;float:left;margin-top:1em;}
.prod_outdoor20{width:47.5%;float:left;margin-top:1em;margin-left:1em;}
.prod_outdoor21{width:47.5%;float:left;margin-top:0.6em;margin-left:1em;}
.prod_outdoor22{width:47.5%;float:left;margin-top:1em;}


/*******************************************************************************************************************
prod_diver 
*******************************************************************************************************************/
#prod_diver{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_diver .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_diver .main_img_01{background:url(../diver/diver_main_img_01.jpg) no-repeat top -1.3125em center;background-size: 129% auto;}
#prod_diver img.cover{position:absolute;top:50%;left:50%;margin-top:0em;margin-left:-2.7em;width:5em;z-index: 999;}
#prod_diver .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_concept_diver { position: relative; width: 100%; height: 150em; margin: auto; overflow: hidden; background-color: #000; }
.prod_concept_diver .src { background-image: url(../cat/main_img_sports02.jpg); background-size: cover; }
.prod_concept_diver2{ position: absolute; top:50px; left:0; width:90%; height: 150em; margin-left:5%; border:0px solid #ff0000;}
.prod_diver_01{background-color:#e1eaf1 !important;padding:0.1% 2.5% 15% 2.5%;}

.bgimg {position: absolute; top: 0; left: 0; bottom: 0; right: 0; opacity: 0; animation: bganime 5s forwards; -webkit-animation: bganime 5s forwards;}
@-webkit-keyframes bganime {0% {opacity: 0;} 100% {opacity: 1;}}
@keyframes bganime {0% {opacity: 0;} 100% {opacity: 1;}}


/*******************************************************************************************************************
prod_diver-1964
*******************************************************************************************************************/
#prod_diver-1964{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_diver-1964 img.cover{position:absolute;top:50%;left:50%;margin-top:-1em;margin-left:0;width:5em;z-index: 999;}
#prod_diver-1964 .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_concept_diver-1964 { position: relative; width: 100%; height: 12em; margin: auto; overflow: hidden; background-color: #000; }
.prod_concept_diver-1964 .src { background-image: url(../diver-1964/concept_img_01.jpg); background-size: cover; }
.prod_diver-1964_01{width:90%; margin:2em 5%;}
.prod_diver-1964_02{background-color:#000  !important;padding:0.1% 2.5% 15% 2.5%;
position: relative;
    width: 100%;
    height: 1800px;
}
.prod_concept_diver-1964_3 {position: relative; width: 100%; height: 80em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_diver-1964_3 .src {background: url(../diver-1964/gallery_img_01.jpg) no-repeat; background-position:top center; background-size: 100%; /*background-attachment: fixed;*/}
.prod_concept_diver-1964_4{position:absolute; top:0; left:0; z-index: 100;}
.prod_concept_diver-1964_5 {position: relative; width: 100%; height: 100em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_diver-1964_5 .src {background: url(../diver-1964/history_img_01.jpg) no-repeat; background-position:center; background-size: cover;}


/*******************************************************************************************************************
prod_diver-1964_2nd-edition
*******************************************************************************************************************/
#prod_diver-1964_2nd-edition{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_diver-1964_2nd-edition img.cover{position:absolute;top:45%;left:47%;margin-top:3.5em;margin-left:-6em;width:5em;z-index: 999;}
#prod_diver-1964_2nd-edition .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_diver-1964_2nd-edition_01 {position: relative; width: 100%; height: 78em; margin: auto; overflow: hidden; background-color: #fefdfb;}
.prod_diver-1964_2nd-edition_01 .src {background: url(../diver-1964_2nd-edition/concept_img_00.jpg) no-repeat top center; background-size: 650px;}
.prod_diver-1964_2nd-edition_02{position: absolute; top:8px; left:0; width:90%; height: 80em; margin-left:5%; border:0px solid #ff0000;}
.prod_diver-1964_2nd-edition_03{position:absolute; top:110px; left:15px; width:220px;}
.prod_diver-1964_2nd-edition_04{position:absolute; top:180px; left:15px; width:275px;}
.prod_diver-1964_2nd-edition_05{position:absolute; top:390px; left:0px; width:180px;}
.prod_diver-1964_2nd-edition_06{position:absolute; top:385px; left:0px; width:295px;}
.prod_diver-1964_2nd-edition_07{position:absolute; top:590px; right:-10px; width:200px;}
.prod_diver-1964_2nd-edition_08{position:absolute; top:680px; right:20px; width:260px;}
.prod_diver-1964_2nd-edition_09{position:absolute; top:920px; right:10px; width:170px;}
.prod_diver-1964_2nd-edition_10{position:absolute; top:870px; right:15px; width:270px;}

.prod_diver-1964_2nd-edition_11 {position: relative; width: 100%; height: 50em; margin: auto; overflow: hidden; }
.prod_diver-1964_2nd-edition_11 .src {background-image: url(../diver-1964_2nd-edition/concept_img_03.jpg); background-size: cover; }
.prod_diver-1964_2nd-edition_12{position: absolute; top: 500px; left: 5%; width: 90%;}

.prod_diver-1964__01{width:90%; margin:2em 5%;}
.prod_diver-1964__02{background-color:#000  !important;padding:0.1% 2.5% 15% 2.5%;
position: relative;
    width: 100%;
    height: 1800px;
}
.prod_concept_diver-1964_3 {position: relative; width: 100%; height: 80em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_diver-1964_3 .src {background: url(../diver-1964/gallery_img_01.jpg) no-repeat; background-position:top center; background-size: 100%; /*background-attachment: fixed;*/}
.prod_concept_diver-1964_4{position:absolute; top:0; left:0; z-index: 100;}
.prod_concept_diver-1964_5 {position: relative; width: 100%; height: 100em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_diver-1964_5 .src {background: url(../diver-1964/history_img_01.jpg) no-repeat; background-position:center; background-size: cover;}


/*******************************************************************************************************************
prod_diver-1964_1st-edition
*******************************************************************************************************************/
#prod_diver-1964_1st-edition{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_diver-1964_1st-edition img.cover{position:absolute;top:45%;left:47%;margin-top:3.5em;margin-left:-6em;width:5em;z-index: 999;}
#prod_diver-1964_1st-edition .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_diver-1964_1st-edition_01 {position: relative; width: 100%; height: 78em; margin: auto; overflow: hidden; background-color: #fefdfb;}
.prod_diver-1964_1st-edition_01 .src {background: url(../diver-1964_2nd-edition/concept_img_00.jpg) no-repeat top center; background-size: 650px;}
.prod_diver-1964_1st-edition_02{position: absolute; top:8px; left:0; width:90%; height: 80em; margin-left:5%; border:0px solid #ff0000;}
.prod_diver-1964_1st-edition_03{position:absolute; top:110px; left:15px; width:220px;}
.prod_diver-1964_1st-edition_04{position:absolute; top:180px; left:15px; width:275px;}
.prod_diver-1964_1st-edition_05{position:absolute; top:390px; left:0px; width:180px;}
.prod_diver-1964_1st-edition_06{position:absolute; top:385px; left:0px; width:295px;}
.prod_diver-1964_1st-edition_07{position:absolute; top:590px; right:-10px; width:200px;}
.prod_diver-1964_1st-edition_08{position:absolute; top:680px; right:20px; width:260px;}
.prod_diver-1964_1st-edition_09{position:absolute; top:920px; right:10px; width:170px;}
.prod_diver-1964_1st-edition_10{position:absolute; top:870px; right:15px; width:270px;}

.prod_diver-1964_1st-edition_11 {position: relative; width: 100%; height: 50em; margin: auto; overflow: hidden; }
.prod_diver-1964_1st-edition_11 .src {background-image: url(../diver-1964_2nd-edition/concept_img_03.jpg); background-size: cover; }
.prod_diver-1964_1st-edition_12{position: absolute; top: 500px; left: 5%; width: 90%;}



/*******************************************************************************************************************
prod_contemporary_skeleton
*******************************************************************************************************************/
#prod_contemporary_skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_contemporary_skeleton img.cover{position:absolute;top:45%;left:47%;margin-top:3.5em;margin-left:-6em;width:5em;z-index: 999;}
#prod_contemporary_skeleton .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_contemporary_skeleton_01 {position: relative; width: 90%; margin-left:5%; height: 88em; margin: auto; overflow: hidden; background-color: #fefdfb;}
.prod_contemporary_skeleton_01 .src {background: url(../contemporary_skeleton/concept_img_00.jpg) no-repeat top center; background-size: 650px;}
.prod_contemporary_skeleton_02{position: absolute; top:50px; left:-15px; width:90%; height: 90em; margin-left:5%; border:0px solid #ff0000;}
.prod_contemporary_skeleton_03{position:absolute; top:390px; left:-7px; width:105%;}
.prod_contemporary_skeleton_04{position:absolute; top:275px; left:0; width:100%;}
.prod_contemporary_skeleton_05{position:absolute; top:660px; left:-4px; width:105%;}
.prod_contemporary_skeleton_06{position:absolute; top:840px; left:10px; width:100%;}
video {display:block;}
#bg-video {
position:fixed;
right:0;
bottom:0;
min-width:100%;
min-height:100%;
width:auto;
height:auto;
z-index:-1;
}





/*******************************************************************************************************************
prod_sports_semi-skeleton 
*******************************************************************************************************************/
#prod_sports_semi-skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_sports_semi-skeleton .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_sports_semi-skeleton .main_img_01{background:url(../sports_semi-skeleton/sports_semi-skeleton_main_img_01.jpg) no-repeat top -1.3125em center;background-size: 129% auto;}
#prod_sports_semi-skeleton img.cover{position:absolute;top:50%;left:50%;margin-top:-0.94em;margin-left:-5.5em;width:11em;z-index: 999;}
.prod_concept_sports_semi-skeleton { position: relative; width: 100%; height: 113em; margin: auto; overflow: hidden; background-color: #000; }
.prod_concept_sports_semi-skeleton .src { background: url(../sports_semi-skeleton/concept_img_00.jpg) no-repeat top left 53%; background-size: 680%; }
.prod_concept_sports_semi-skeleton2{ position: absolute; top:50px; left:0; width:90%; height: 113em; margin-left:5%; border:0px solid #ff0000;}
.prod_sports_semi-skeleton_01{background-color: rgba(255,255,255,0.5);}
.prod_sports_semi-skeleton_02{padding: 0 1em 1em 1em;}
.prod_sports_semi-skeleton_03{background-color:#e1eaf1  !important;padding:0.1% 2.5% 15% 2.5%;}


/*******************************************************************************************************************
prod_avant-garde-skeleton_basic
*******************************************************************************************************************/
#prod_avant-garde-skeleton_basic{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_avant-garde-skeleton_basic .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_avant-garde-skeleton_basic .main_img_01{background:url(../avant-garde-skeleton_basic/avant-garde-skeleton_main_img_01.jpg) no-repeat top -1.3125em center;background-size: 129% auto;}
#prod_avant-garde-skeleton_basic img.cover{position:absolute;top:50%;left:50%;margin-top:-1.94em;margin-left:-5.5em;width:11em;z-index: 999;}
#prod_avant-garde-skeleton_basic .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_concept_avant-garde-skeleton_basic {position: relative; width: 100%; height: 88em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_avant-garde-skeleton_basic .src {background: url(../avant-garde-skeleton_basic/concept_img_00.jpg) no-repeat top center; background-size: 650px;}
.prod_concept_avant-garde-skeleton_basic2{position: absolute; top:58px; left:0; width:90%; height: 88em; margin-left:5%; border:0px solid #ff0000;}
.prod_concept_avant-garde-skeleton_basic3 {position: relative; width: 100%; height: 60em; margin: auto; overflow: hidden; background-color: #000;}
.prod_concept_avant-garde-skeleton_basic .src2 {background-color:#ff0000;}
.prod_concept_avant-garde-skeleton_basic4{position: absolute; top:0px; left:0; width:90%; height:62em; margin-left:5%; border:0px solid #ff0000;}
.prod_gallery_avant-garde-skeleton_basic .src {background: url(..//avant-garde-skeleton_basic/gallery_img_00.jpg) no-repeat top center; background-size: 650px;}
.prod_avant-garde-skeleton_basic_01{position:absolute; top:18px; left:0px; width:220px;}
.prod_avant-garde-skeleton_basic_02{position:absolute; top:105px; left:0px; width:275px;}
.prod_avant-garde-skeleton_basic_03{position:absolute; top:410px; left:0px; width:210px;}
.prod_avant-garde-skeleton_basic_04{position:absolute; top:320px; left:0px; width:322px;}
.prod_avant-garde-skeleton_basic_05{position:absolute; top:590px; right:0px; width:170px;}
.prod_avant-garde-skeleton_basic_06{position:absolute; top:730px; right:0px; width:222px;}
.prod_avant-garde-skeleton_basic_07{position:absolute; top:1022px; right:0px; width:190px;}
.prod_avant-garde-skeleton_basic_08{position:absolute; top:897px; right:0px; width:375px;}
.prod_avant-garde-skeleton_basic_09{padding:0.5em 0 5em 0; margin-bottom: -0.5em; background: url(..//avant-garde-skeleton_basic/gallery_img_00.jpg) no-repeat top center; background-size: 2500px;}


/*******************************************************************************************************************
prod_avant-garde-skeleton 
*******************************************************************************************************************/
#prod_avant-garde-skeleton{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_avant-garde-skeleton .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_avant-garde-skeleton .main_img_01{background:url(../avant-garde-skeleton_basic/avant-garde-skeleton_main_img_01.jpg) no-repeat top -1.3125em center;background-size: 129% auto;}
#prod_avant-garde-skeleton img.cover{position:absolute;top:50%;left:50%;margin-top:-1.94em;margin-left:-5.5em;width:11em;z-index: 999;}
#prod_avant-garde-skeleton .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
.prod_concept_avant-garde-skeleton {position: relative; top:0; left:0; width:90%; height: 70em; margin-left:5%; background-color: #000; overflow: hidden;}
.prod_concept_avant-garde-skeleton .src {background: url(../avant-garde-skeleton/concept_img_00.png) no-repeat top -50px center; background-size: 650px;}
.prod_concept_avant-garde-skeleton2{position: relative; top:0; left:0; width:90%; height: 31em; margin-left:5%; background-color: #000; overflow: hidden;}
.prod_concept_avant-garde-skeleton2 .src2 {background: url(../avant-garde-skeleton/concept_img_01.jpg) no-repeat top center; background-size: 650px;}
.prod_concept_avant-garde-skeleton4{position: absolute; top:0px; left:0; width:90%; height:62em; margin-left:5%; border:0px solid #ff0000;}
.prod_gallery_avant-garde-skeleton {background: url(..//avant-garde-skeleton/gallery_img_00.jpg);}


/*******************************************************************************************************************
prod_retrograde 
*******************************************************************************************************************/
#prod_retrograde{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_retrograde .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_retrograde .main_img_01{background:url(../retrograde/retrogrand_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_retrograde img.cover{position:absolute;top:50%;left:50%;margin-top:-0.94em;margin-left:-4.7em;width:9.4em;z-index: 999;}
#prod_retrograde .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}
#prod_retrograde_classic{margin-top: 1em;width:100%;height:auto;position: relative;}
#prod_retrograde_classic .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_retrograde_classic .main_img_01{background:url(../retrograde_classic/retrogrand_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_retrograde_classic img.cover{position:absolute;top:50%;left:50%;margin-top:-0.94em;margin-left:-4.7em;width:9.4em;z-index: 999;}

#gallery{margin-top:0;padding-top:0.75em;background-color:#000;}
#gallery2{margin-top:0;padding-top:0.75em;background-color:#fefdfb;color:#000;}

.list {overflow: hidden;position: relative;}
.list ul {list-style: none outside none;float: left;margin: 0;padding: 0;position: relative;left: 50%;}
.list ul li {float: left;margin-right: 0.3125em;padding: 0;position: relative;left: -50%;}

.bx-pager a.active img{border:2px solid #aaa;display:block;}
.bx-pager a img{border:2px solid #fff;display:block;}

.item dl {margin:0 auto;width:21em;}
.item dt {float:left;}
.item dd {padding-top:0.5em;margin-left:5em;}

.btn_spec,.btn_spec_WZ0111DE,.btn_spec_WZ0091DE,.btn_spec_WZ0101DE{margin-top:1em;}
.btn_spec span,.btn_spec_WZ0111DE span,.btn_spec_WZ0091DE span,.btn_spec_WZ0101DE span{width:7.8em;margin:0 auto;padding:0.3em 0.1em;background-color:#000;font-size:0.9em;display:block;}

.retail_price{font-size: 0.9em;line-height:1.4em;text-align: right;margin:0 0 3em 0;color:#000;}


/*******************************************************************************************************************
prod_ladies_standard 
*******************************************************************************************************************/
#prod_ladies_standard{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_ladies_standard .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_ladies_standard .main_img_01{background:url(../ladies_standard/ladies_standard_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_ladies_standard img.cover{position:absolute;top:50%;left:50%;margin-top:-0.94em;margin-left:-3.8em;width:7.6em;z-index: 999;}


/*******************************************************************************************************************
prod_standard 
*******************************************************************************************************************/
#prod_standard{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_standard .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_standard .main_img_01{background:url(../standard/standard_main_img_01.jpg) no-repeat top -0.3125em center;background-size: 129% auto;}
#prod_standard img.cover{position:absolute;top:50%;left:50%;margin-top:-0.94em;margin-left:-3.8em;width:7.6em;z-index: 999;}


/*******************************************************************************************************************
line-up_sp 
 *******************************************************************************************************************/
.line-up_sp_01{position: relative;}
.line-up_sp_02{position: absolute;bottom:20px;left:0;}
.line-up_sp_03{position: absolute; top: 15px; left: 27%;}
.line-up_sp_04{width:9em !important; margin-top: 20px;}
.red{color:#ff0000}

.p-item-btn02 a {
	font-size: 14px;
	line-height: 14px;
    letter-spacing: 0.2em;
	color: #f0f0f0;
	display: block;
	background-color: #646464;
	background-image: url(/orientstar/common/sp/spec_btn_ar02.png);
	background-repeat: no-repeat;
	background-position: right 30px center;
    background-size:10px auto;
	padding-top: 14px;
	padding-right: 43px;
	padding-bottom: 14px;
	padding-left: 33px;
	margin-top:30px;
	float: right;
	text-decoration: none;
}
.p-item-btn02_2 a {
	font-size: 14px;
	line-height: 14px;
    letter-spacing: 0.2em;
	color: #f0f0f0;
	display: block;
	background-color: #505050;
	background-image: url(/orientstar/common/sp/spec_btn_ar02.png);
	background-repeat: no-repeat;
	background-position: right 30px center;
    background-size:10px auto;
	padding-top: 14px;
	padding-right: 43px;
	padding-bottom: 14px;
	padding-left: 33px;
	margin-top:30px;
	float: right;
	text-decoration: none;
}
.p-item-btn03 a {
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0;
	color: #f0f0f0;
	display: block;
	background-color: #646464;
	background-image: url(/orientstar/common/new/images/share/spec_btn_ar02.png);
	background-repeat: no-repeat;
	background-position: right 30px center;
	background-size:10px auto;
	padding-top: 14px;
	padding-bottom: 14px;
	margin: 5px auto;
	width: 50%;
	clear: both;
	text-decoration: none;
}
.p-item-btn02 a:hover, .p-item-btn02_2 a:hover, .p-item-btn03 a:hover {
    background-color: #101010;
    background-image: url(/orientstar/common/sp/spec_btn_ar02.png);
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -o-transition:.5s;
    transition:.5s;
}


/*******************************************************************************************************************
detail
 *******************************************************************************************************************/
.detail_01{width:7.1875em !important;}
.detail_02{width:3.75em !important;}
.detail_03{background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==');height:250%;}
.detail_04{width:90% !important;margin-left:5%;}
.detail_05{z-index:20;position: absolute;top: 1.5em;right: 2em;}
.detail_06{width:100% !important;}
.detail_07{z-index:20;position: absolute;top: 4.5em;right: 0.5em;}




/*******************************************************************************************************************
CATEGORY 
 *******************************************************************************************************************/
#div7 {
	background-color:#000;
	margin:0;
	padding:0 0.5em 2em 0.5em;
}
#div7_2 {
	background-color:#e8dece;
	margin:0;
	padding:0 0.5em 2em 0.5em;
    color:#000;
}
.cat_title{
font-size:1.4em !important;
line-height:1.4em !important;
font-weight:600;
}



/*******************************************************************************************************************
 moving-blue
 *******************************************************************************************************************/
#moving-blue{margin-top: -1em;width:100%;height:auto;position: relative;}
#moving-blue h2{
position:absolute;
top:50%;
left:37%;
margin-top:-1.5em;
margin-left:-2.7em;
text-align: center;
z-index: 999;
color:#ffffff;
line-height: 1.3em;
font-size:32px;
font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
#moving-blue h2 span{font-size: 0.6em;vertical-align: 15%;}
.shoplist_banner{margin-top:2em;}
.shoplist_banner img{width:100%;}

.bg_duration {
  animation:slide 3s ease-in-out infinite alternate;
  background-image: linear-gradient(0.25turn,transparent 30%,#c4dbe6 50%,transparent 70%);
  bottom:0;
  left:-50%;
  opacity:.5;
  position:fixed;
  right:-50%;
  top:0;
  z-index:-1;
}
.bg_duration2 {
  animation-direction:alternate-reverse;
  animation-duration:4s;
}
.bg_duration3 {
  animation-duration:5s;
}
@keyframes slide {
  0% {
    transform:translateX(-40%);
  }
  100% {
    transform:translateX(40%);
  }
}



/*******************************************************************************************************************
 brand-value 
 *******************************************************************************************************************/
.main-visual {
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 90vh;
}
    .main-visual {
		height: 100%;
		width:100%;
		overflow: hidden;
    }
	#bg-video{
		width:327vw;
		margin-left:-105vw;
        margin-top:0;
	}
.main-visual .overlay {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
	background: rgba(0,0,0,0.4);
}
.main-visual video {
    margin: 0 auto;
    z-index: 1;
    width: 100%;
}

#brand-value{margin-top: -0.8em;width:100%;height:45vh;position: relative;/*border:1px solid #ff0000;*/}
/*android*/
/*html.android #brand-value{
    margin-top: -0.8em;width:100%;height:900px;position: relative;
}*/
#brand-value .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:5px solid #ff0000;*/}
#brand-value img.cover{width:100%;z-index: 999;}
#brand-value h3.txt{z-index: 999;}
#brand-value h3.ani70th{margin: auto;width:100%;z-index: 999;text-align: center;}
#brand-value .movie {position:absolute;top:50%;left:50%;margin-top:3.5em;margin-left:-6.5em;width:70%;z-index: 999;}

#div6{
margin-top:-1em;
padding:1.5em 0;
color:#000;
background-color:#fff;
}

.brand-value_h3{margin-bottom:30px;text-align:center;font-size:28px;font-weight:600;line-height:0.8em;}
.brand-value_box3{background:#055a8e;color:#fff;margin-top:-10px;padding:5px 1px;}
.brand-value_blue{color:#055a8e;}
.brand-value_blue_border{border:1px solid #055a8e;}

.brand-value_box1{background-color:#000;color:#fff;padding:50px 5px;}
.title1{font-size:22px; font-weight:bold; vertical-align: top;}
.title2{font-size:36px; font-weight:bold; margin-left:5px;}
.brand-value_box1_2{border:1px solid #fff; margin:5px 0 0 0; padding:20px 10px;}
.brand-value_box_title{font-size:22px; font-weight:bold;}
.brand-value_box_copy1{font-weight:bold;margin-top:30px;}
.brand-value_box_pict01{width:100%;margin-top:30px;}
.brand-value_box_pict02{float:right; width:50%; margin-left:10px;}
.brand-value_box_pict03{float:left; width:50%; margin-right:10px;}
.brand-value_box_copy2{line-height:1.5em; margin-top:10px;}
.brand-value_box2{background-color:#fff;color:#000;padding:50px 5px;}
.brand-value_box2_2{border:1px solid #000; margin:5px 0 0 0; padding:20px 10px;}
.brand-value_box_pict04{width:10em !important;margin-left:2em;}
.brand-value_box_pict05{width:100%;}

.brand-value_item dl {
	margin:0 auto;
  width:100%;
}
.brand-value_item dt {
  float:left;
}
.brand-value_item dd {
  padding-top:0.5em;
  margin-left:5em;
}

.brand-value_btn_spec{
	margin-top:1em;
}
.brand-value_btn_spec span{
	width:7.8em;
	margin:0 auto;
padding:0.3em 0.1em;
border:1px solid #fff;
	font-size:0.9em;
display:block;
}
a.button_brand-value{color:#fff;border: 1px solid #fff;font-size:16px;line-height:1.4em;text-align:center;display: block;margin:7px auto 0 auto;width:60%;}
a.button_brand-value:hover{color:#000;text-decoration: none;background-color: #cdcdcd;display: block;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
a.button_brand-value2{color:#fff;border: 1px solid #fff;width:100%;height:40px;padding-top:10px;display: block;}
a.button_brand-value2:hover{color:#000;background-color:#ccc;text-decoration: none;}
a.button_brand-value2_2{color:#000;background-color:#ccc;border: 1px solid #fff;width:100%;height:40px;padding-top:10px;display: block;}
a.button_brand-value2_2:hover{color:#000;background-color:#ccc;text-decoration: none;}
a.button_brand-value3{position: relative;color:#fff;font-size:20px;text-align:center;display: block;margin:0 auto;width:100%;height: 0;padding-top: calc(322 / 1000 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */}
a.button_brand-value3:hover{color:#000;text-decoration: none;background-color: #cdcdcd;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}

.button_youtube{margin:-11px 0 10px 0;padding:20px 0 0 0;background-color:#595757;z-index:5;display:block;text-align:center;}
.button_youtube:hover{background-color: #858585;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.button_youtube img{width:60%;}

#brand-value h3 img{width:60%;}

/*******************************************************************************************************************
 freshers
 *******************************************************************************************************************/
#freshers{margin-top: 1em;width:100%;height:auto;position: relative;}
#freshers .block1 li {display: block;top: 0;left: 0;width: 100%;height: 15.25em;/*border:1px solid #ff0000;*/}
#freshers .main_img_01{background:url(../freshers/main_img_01.jpg) no-repeat top -0.3125em center;background-size: 105% auto;}
.freshers_box1{background-color:#fff;color:#fff;padding:30px 5px 10px 5px;}
.freshers_box1_2{margin:5px 0 0 0; padding:10px 0 20px 20px;background:url(../freshers/pict01_2.jpg) no-repeat top center;}
.freshers_box_copy1{font-weight:bold;margin-top:30px;}
.freshers_box_pict01{width:100%;margin-top:30px;}
.freshers_box2{background-color:#fff;color:#fff;padding:0 5px 10px 5px;}
.freshers_box3{background-color:#fff;color:#000;margin:70px 0 0 0;padding:0 5px 10px 5px;}
.freshers_btn_spec{margin-top:1em;}
.freshers_btn_spec span{width:7.8em;margin:0 auto;padding:0.3em 0.1em;border:1px solid #000;color:#000;font-size:0.9em;display:block;}
#div8{
margin-top:-1em;
padding:1.5em 0;
color:#000;
background-color:#fff;
}

.freshers_01{text-align:center;font-size:24px;font-weight:600;line-height:1.5em;color:#055a8e;margin:0.2em;padding:0.5em;border:1px solid #055a8e;}
.freshers_02{width:40%;margin:0 auto;}









/*******************************************************************************************************************
 brand-story 
 *******************************************************************************************************************/
#concept{margin-top: 1em;width:100%;height:auto;position: relative;}
#concept .block1 li {display: block;top: 0;left: 0;width: 100%;height: 15.25em;/*border:1px solid #ff0000;*/}
#concept .main_img_01{background:url(../about/main_img_01.jpg) no-repeat top -0.3125em center;background-size: 105% auto;}
#concept h2 {position:absolute;top:50%;left:50%;font-size:2.4em;margin-top:-1.5em;margin-left:-3.8em;width:7.8em;z-index: 999;/*border:1px solid #ff0000;*/}
#concept img {position:absolute;top:50%;left:50%;margin-top:0.85em;margin-left:-0.75em;width:1.5em;z-index: 999;}
#div4{
margin:0em auto 0 auto;
padding:0.75em 0.5em 0 0.5em;
background-color:#000000;
}

.brand_01{margin-bottom:30px;text-align:center;}
.brand_02{font-size:22px;line-height:1.4em;}
.brand_03{margin:60px auto 0 auto;padding:30px 0 0 0 ;text-align:center;background-color:#44312a;}
.brand_04{background: url(../classic_mechanical-moon-phase/concept_img_02.jpg); background-size: contain; padding:2.5em;}
.brand_05{text-align: left;font-size:22px;z-index: 3;}
.brand_06{height:155px;width:100%;z-index: 2;}
.brand_07{width:100%;height:100px;background-color: #61534d;font-size:16px;font-weight:bold;padding-top:70px;}
.brand_08{height:50.5px;background-color: #766a64;font-size:14px;line-height: 1.4em;padding-top:15px;}
.brand_09{text-align: right;font-size:22px;z-index: 3;margin-top:30px;}
.brand_10{width:100%;height:100px;background-color: #61534d;font-size:16px;font-weight:bold;padding-top:55px;}
.brand_11{width:100%;height:100px;background-color: #61534d;font-size:16px;font-weight:bold;padding-top:55px;}
.brand_12{height:155px;width:100%;z-index: 2;margin-top:10px;}
.brand_13{background-color: #342621;margin-top:30px;padding:30px 0;}
.brand_14{text-align: center;font-size:22px;z-index: 3;}
.brand_15{width:100%;height:50px;background-color: #61534d;font-size:16px;font-weight:bold;padding-top:30px;}
.brand_16{padding-top:15px;background-color: #000;}




/*******************************************************************************************************************
 shop 
 *******************************************************************************************************************/
#shop{margin-top: 1em;width:100%;height:auto;position: relative;}
#shop .block1 li {display: block;top: 0;left: 0;width: 100%;height: 15.25em;/*border:1px solid #ff0000;*/}
#shop .main_img_01{background:url(../shop/main_img_01.jpg) no-repeat top -7.3125em center;background-size: 300% auto;}
#shop h2 img {position:absolute;top:50%;left:50%;margin-top:-2em;margin-left:-4em;width:8em;z-index: 999;}

/* tab */
.hide {
	display:none;
}
#shop .list-wrap {
	background: #ffffff;
	padding: 0.625em;
	margin: 1.25em 0 0.9375em 0;
	color:#000000;
}
#shop .list-wrap a{
	color:#000000;
}

#shop ul {
	list-style: none;
}
#shop ul li a {
	display: block;
	padding: 0.25em;
	color: #ffffff;
}
#shop ul li a:hover {
}
#shop ul li:last-child a {
}

#shop .nav {
	overflow: hidden;
}
#shop .nav li {
	float: left;
	margin: -0.0625em;
	width:49.9%;
	border:1px solid #ffffff;
}
#shop .nav li.last {
	margin-right: 0;
}
#shop .nav li a {
	display: block;
	padding: 1.125em 0.9375em 0.9375em 0.9375em;
	background-color: #000000;
	background-image: -webkit-linear-gradient(top, #000000, #000000);
	background-image: linear-gradient(to bottom, #000000, #000000);
	color: #fff;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 0.0625 0.0625 rgba(0, 0, 0, .3);
}

#shop li a.current,
#shop li a.current:hover {
	color: #000000;
	background-color: #ffffff;
	background-image: -webkit-linear-gradient(top, #dddddd, #dddddd);
	background-image: linear-gradient(to bottom, #dddddd, #dddddd);
}
#shop .nav li a:hover, 
#shop .nav li a:focus {
	color:#000000;
	background-image: -webkit-linear-gradient(top, #dddddd, #dddddd);
	background-image: linear-gradient(to bottom, #dddddd, #dddddd);
	text-decoration:none;
}


#shop .nav li a,
#shop .nav li a::before,
#shop .nav li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.cp_iptxt select,
.cp_iptxt input[type=text]{
	box-sizing: border-box;
	width: 90% !important;
	height: 50px !important;
	margin: 0 5%;
	padding: 0.3em;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	border: 1px solid #1b2538;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	outline: none;
	float:left;
	font-size:1.2em;
}
.cp_iptxt input[type=submit]
{
	box-sizing: border-box;
	width: 50% !important;
	height: 50px !important;
	margin: 10px 10px 10px 25%;
	padding: 0.3em;
	border: 1px solid #1b2538;
	outline: none;
	float:left;
	background-color: #000;
	color: #fff;
	font-size:1.2em;
}
.is-shop #shop-list .area-box .store-name-1, .is-shop #shop-list .area-box .store-name-2 {
max-width: 100% !important;
line-height: 1.4em !important;
}
.is-shop #shop-list .area-box .store-date {
min-height: 10px !important;
}
.is-shop #shop-list .area-box .store-name-1, .is-shop #shop-list .area-box .store-name-2 {
height: auto !important;
}
.is-shop #shop-list .area-box {
margin-bottom:100px;
}
.is-shop #shop-list .area-box .store-date2{
color:#3e3e3e;font-size:14px;line-height:1.5em;margin-top:-10px;border-bottom: 1px solid #d2d2d2;
}
.shop_category1{
background: -webkit-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
background: -moz-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
background: -o-linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
background: linear-gradient(to right, #c9a746, #f5e4b3, #c9a746);
padding:10% 10%;
}
.shop_category2{
background: -webkit-linear-gradient(to right, #bbc2ca, #e8ecf0, #bbc2ca);
background: -moz-linear-gradient(to right, #bbc2ca, #e8ecf0, #bbc2ca);
background: -o-linear-gradient(to right, #bbc2ca, #e8ecf0, #bbc2ca);
background: linear-gradient(to right, #bbc2ca, #e8ecf0, #bbc2ca);
padding:10% 10%;
}
/* チェックボックス01 */
input[type=checkbox] {
    display: none;
}
.checkbox01 {
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 15px 30px;
    position: relative;
    width: auto;
    color: #000;
    margin-left: 16%
}
.checkbox01::before {
    background: #fff;
    border: 1px solid #231815;
    content: '';
    display: block;
    height: 16px;
    left: 5px;
    margin-top: -8px;
    position: absolute;
    top: 50%;
    width: 16px;
}
.checkbox01::after {
    border-right: 3px solid #31a3ff;
    border-bottom: 3px solid #31a3ff;
    content: '';
    display: block;
    height: 9px;
    left: 10px;
    margin-top: -7px;
    opacity: 0;
    position: absolute;
    top: 52%;
    transform: rotate(45deg);
    width: 7px;
}
input[type=checkbox]:checked + .checkbox01::after {
    opacity: 1;
}


/*******************************************************************************************************************
 fan-meeting
 *******************************************************************************************************************/
#fan-meeting{margin-top: 1em;width:100%;height:auto;position: relative;}
#fan-meeting .block1 li {display: block;top: 0;left: 0;width: 100%;height: 15.25em;/*border:1px solid #ff0000;*/}
#fan-meeting .main_img_01{background:url(../fan-meeting/main_img_01.jpg) no-repeat top -0.3125em center;background-size: 105% auto;}
#fan-meeting h2 {position:absolute;top:5%;left:2%;font-size:2.4em;line-height:1.4em;z-index: 999;/*border:1px solid #ff0000;*/}
.fan-meeting .movie {position:absolute;top:53%;left:15%;margin-top:3.5em;width:70%;z-index: 999;}


/*******************************************************************************************************************
 j-wave
 *******************************************************************************************************************/
.menu_j-wave{float:left; width:32%; height:110px; display: table; background: url('../j-wave/menu_outline.png') no-repeat top center;background-size:100% 100%;}
.menu_j-wave_in{font-size:16px;text-align: center; display: table-cell; vertical-align: middle;line-height: 1.4em;}
.menu_j-wave_in a{width:100%;height:110px;padding-top:15px; display: block;color:#ffffff;}
.menu_j-wave_in a:hover{text-decoration: none;background-color: #ffffff; color:#000000;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;transition:.5s;}
.menu_j-wave_in a p{line-height:1em !important;}
.ml2per{margin-left:2%;}
a .bg-image{-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;transition:.8s;width:100%;height:auto;display:block}
a:hover .bg-image{-webkit-transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}
.contents_inner {
    padding-top: 80px;
    margin-top:-80px;
}

.j-wave_01{font-size:1.4em;line-height: 1.6em;margin:10px 5% 10px 5%;}
.j-wave_02{margin:0 5%;line-height:1.6em;}
.j-wave_03{padding:1em 0;}
.j-wave_04{float:none;vertical-align: -5px;margin-left: 5px;width: 5%;}
.j-wave_05{background: url('../j-wave/interview_line.png') repeat-x top 23px center;}
.j-wave_06{background-color:#000000;padding:0 3%;}
.j-wave_07{position: relative;width: 100%;overflow: hidden;}
.j-wave_08{position:absolute;top:5px;right:5px;z-index: 50;width: 10%;}
.j-wave_09{position: relative;width: 100%;overflow: hidden;}
.j-wave_10{background-color:#f2f2f2;color:#000000;padding-top:50px;}
.j-wave_11{background: url('../j-wave/owners_line.png') repeat-x top 27px center;line-height:1.4em;}
.j-wave_12{background-color:#f2f2f2;margin:0 15%;}
.j-wave_13{padding:0 5%;}
.j-wave_14{padding:0.3em 0;}
.j-wave_15{float:none;vertical-align: -5px;margin-left: 5px;width: 5%;}
.j-wave_16{background-color:#ffffff;color:#000000;padding-top:50px;}
.j-wave_17{background: url('../j-wave/cm_line.png') repeat-x top 23px center;}
.j-wave_18{background-color:#fff;padding:0 3%;}
.j-wave_19{position:absolute; top:10px; left:10px; border:2px solid #000000; width:100%; height:95%;}
.j-wave_20{float:right; width:30%;margin-top:-50px;}
.j-wave_21{text-decoration: underline;color:#000000;}
.j-wave_22{float:right; width:30%;margin-top:-60px;}

.width40per{width:40%;}
.width48per{width:48%;}
.width49per{width:49%;}
.width50per{width:50%;}
.width70per{width:70%;}
.width100per{width:100%;}

.accordion-title{
  position: relative;
  width:80px;
  margin:0 auto;
  padding:16px 23px 16px 35px;
  font-size:16px;
  color: #fff;
  background: #000;
  cursor: pointer;
  border:1px solid #848484;
}
.accordion-title:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 16px;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.accordion-title:hover {
  background: #999;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
}
.accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
}
.accordion-content{
border-top:1px solid #fff;
width:100%;
padding: 40px 0;
display:none;
}

.accordion-title2{
  position: relative;
  width:80px;
  margin:0 auto;
  padding:16px 23px 16px 35px;
  font-size:16px;
  color: #000;
  background: #f2f2f2;
  cursor: pointer;
  border:1px solid #000;
}
.accordion-title2:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 16px;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 10px;
  height: 10px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.accordion-title2:hover {
  background: #999;
  -webkit-transition:.5s;
  -moz-transition:.5s;
  -o-transition:.5s;
  transition:.5s;
}

.accordion-title2.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 22px;
}

.accordion-content2{
border-top:1px solid #000;
width:100%;
padding: 40px 0;
display:none;
}



/*******************************************************************************************************************
 hodinkee
 *******************************************************************************************************************/
.hodinkee_01{width:90%; margin-left:5%;font-size:15px; color:#cccccc;line-height: 1.4em;}
.hodinkee_02{background-color:#222222;}
.hodinkee_03{width:90%; margin-left:5%;}
.hodinkee_04{font-size: 26px;padding:20px 0;line-height: 1.2em;}
.hodinkee_05{font-size: 16px; color:#cccccc; line-height: 1.4em; margin: 15px 0 35px 0;}
.hodinkee_06{width:100%; margin:0 auto; padding:15px 0 17px 0; font-size:11.5px; line-height:1.6em; text-align:left; color:#cccccc; border-top:1px solid #999999; border-bottom:1px solid #999999;}
.hodinkee_07{width:9.5%;float:left; margin:1px 10px 0 0;}
.hodinkee_08{margin-top:0;}
.hodinkee_09{font-size: 16px;line-height: 1.7;margin: 20px 0;}
.hodinkee_10{font-size: 16px;line-height: 1.7;margin: 50px 0;}
.hodinkee_11{margin-top:0;padding-top:75px;}
.hodinkee_11_2{margin-top:0;padding-top:15px;}
.hodinkee_12{margin:0 15px;}
.hodinkee_12_2{margin:70px 15px 0 15px;}
.hodinkee_13{border-top: 1px solid #cccccc; width: 80px !important; margin-left:0;}
.hodinkee_14{font-size: 20px;line-height:1.4em;margin-right:1.25em;}
.hodinkee_15 a{margin:50px 20% 10px 20%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background-color: #222222;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 22px;
	letter-spacing: 0.1em;
}
.hodinkee_15 a:hover{margin:50px 20% 10px 20%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    background-color: #ffffff;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 22px;}
.hodinkee_15_2 a{margin:50px 5% 10px 5%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background-color: #222222;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 10px;}
.hodinkee_15_2 a:hover{margin:50px 5% 10px 5%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    background-color: #ffffff;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 10px;}
.hodinkee_15_3 a{margin:50px 15% 10px 20%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background-color: #222222;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 10px;}
.hodinkee_15_3 a:hover{margin:50px 15% 10px 20%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    background-color: #ffffff;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 10px;}
.hodinkee_15_4 a{margin:50px 10% 10px 15%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background-color: #222222;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 10px;}
.hodinkee_15_4 a:hover{margin:50px 10% 10px 15%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    background-color: #ffffff;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 10px;}

.hodinkee_17 a{margin:50px 19% 10px 19%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: white;
    background-color: #222222;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 22px;}
.hodinkee_17 a:hover{margin:50px 19% 10px 19%;
    display: inline-block;
	text-align: center;
    text-decoration: none;
    border-radius: 25px;
    font-weight: bold;
    font-size: 16px;
    color: #222222;
    background-color: #ffffff;
    border: 2px solid white;
    transition: all .5s;
    padding: 6px 22px;}
.hodinkee_18{text-align: right; margin-top:30px; padding-bottom: 10px;}
.hodinkee_gallery01l{width:48%; float:left; font-size:12px; color:#cccccc; margin-top:50px; margin-right:4%;}
.hodinkee_gallery01r{width:48%; float:left; font-size:12px; color:#cccccc; margin-top:50px;}
.hodinkee_gallery02l{width:48%; float:left; font-size:12px; color:#cccccc; margin-top:15px; margin-right:4%;}
.hodinkee_gallery02r{width:48%; float:left; font-size:12px; color:#cccccc; margin-top:15px;}
.hodinkee_21{font-size:15px; color:#cccccc;line-height: 1.4em;}

a.cursor-zoom{cursor:-moz-zoom-in;
    cursor:-webkit-zoom-in;
    cursor: zoom-in;}


#cboxOverlay {
  background: #000 !important;
}
#cboxLoadedContent {
  background: #fff;
}
#cboxLoadedContent {
  padding: 0;
  overflow: auto;
  -moz-box-shadow: 0px 1px 10px #000000;
  -webkit-box-shadow: 0px 1px 10px #000000;
  box-shadow: 0px 1px 10px #000000;
}
#cboxContent{margin-top:0px;background:#000;}
#cboxLoadingGraphic{background:none;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose , #cboxTitle {
  top: -30px;
}
#colorbox, #cboxOverlay, #cboxWrapper {
  overflow: visible ;
}
#cboxTitle {
  color: #fff;
}
#inline-content {/* インラインを使用する時のみ */
  margin: 20px;
}
#ajax-wrap {/* ajaxを使用する時のみ */
  margin: 20px;
}


/*******************************************************************************************************************
 70th-anniversary
 *******************************************************************************************************************/
#prod_anv70th{margin-top: -1em;width:100%;height:auto;position: relative;}
#prod_anv70th .block1 li {display: block;top: 0;left: 0;width: 100%;height: 19.25em;/*border:1px solid #ff0000;*/}
#prod_anv70th .main_img_01{background:url(../anv70th/main_img_01.jpg) no-repeat top -1.3125em center;background-size: 129% auto;}
#prod_anv70th img.cover{position:absolute;top:25%;left:0;width:100%;z-index: 999;}

#roop1 {
    width: 100%;
    height: 1400px;
    background: url(../70th-anniversary/background_pict_01.jpg) repeat-x;
    background-position: 0 0;
    background-size: cover;
    -webkit-animation: bgroop1 300s linear infinite;
    animation: bgroop1 300s linear infinite;
}
@-webkit-keyframes bgroop1 {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1920px 0;
    }
}
@keyframes bgroop1 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1920px 0;
    }
}
#roop2 {
    width: 100%;
    height: 1450px;
    background: url(../70th-anniversary/background_pict_02.jpg) repeat-x;
    background-position: 0 0;
    background-size: cover;
    -webkit-animation: bgroop2 300s linear infinite;
    animation: bgroop2 300s linear infinite;
}
@-webkit-keyframes bgroop2 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 1920px 0;
    }
}
@keyframes bgroop2 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 1920px 0;
    }
}
#roop3 {
    width: 100%;
    height: 2300px;
    background: url(../70th-anniversary/background_pict_03.jpg) repeat-x;
    background-position: 0 0;
    background-size: cover;
    -webkit-animation: bgroop3 300s linear infinite;
    animation: bgroop3 300s linear infinite;
}
@-webkit-keyframes bgroop3 {
    from {
        background-position: 0  0;
    }
    to {
        background-position: -1920px 0;
    }
}
@keyframes bgroop3 {
    from {
        background-position: 0 0;
    }
    to {
        background-position: -1920px 0;
    }
}

.articles-padding {
  padding-top: 98px;
  padding-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  .articles-padding {
    padding-top: 75px;
	padding-bottom: 40px;
  } 
}









