/* ///////////////////////////////////////////////// 1.common setting 	- css reset
	- font family
	- font size
	- image float -align
	- tags base setting
 2.universal class - font size
	- float clear - text align - vertical align - margin set
///////////////////////////////////////////////// */
/* common setting (ver 2.1)
==================================================*/
/* css reset
------------------------------------------------*/
body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, caption, form, fieldset, input, textarea, select, pre, address, blockquote, embed, object { margin: 0px; padding: 0px; }

/* font family
------------------------------------------------*/
body, form textarea { font-family: "hiragino kaku gothic pro", osaka, "ms p gothic", sans-serif; }

/* body
------------------------------------------------*/
body { color: #333; font-size: 62.5%; }

/* font size
------------------------------------------------*/
/*universal class > font size > ftmedium*/
h1, h2, h3, h4, h5, h6, p, dt, dd, li, caption, fieldset, input, textarea, select, pre, address, blockquote { font-size: 1.2em; line-height: 1.5em; }

/*universal class > font size > ftMedium*/
ul li ul li { font-size: 1.0em; }

table td table td { font-size: 1.0em; }

dl dd ul li { font-size: 1.0em; }

dl dd p { font-size: 1.0em; }

/* image float
------------------------------------------------*/
.imageleft { float: left; margin: 5px 10px 5px 0px; }

.imageright { float: right; margin: 5px 0px 5px 10px; }

/* align
------------------------------------------------*/
.txtalignl { text-align: left   !important; }

.txtalignc { text-align: center !important; }

.txtalignr { text-align: right  !important; }

/* tags base setting
------------------------------------------------*/
/*h*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/*p*/
p { font-weight: normal; }

/*em || strong*/
em, strong { font-style: normal; font-weight: bold; }

/*ul || ol*/
ul, ol { line-height: 0px; }

ul { list-style: none; }

li { display: list-item; }

li img { vertical-align: bottom; }

/*dl*/
dl { line-height: 0px; }

dt img, dd img { vertical-align: bottom; }

/*table*/
table { border-collapse: separate; border-spacing: 0; empty-cells: show; }

/*img*/
img { border: 0px; }

/*form*/
form { font-weight: normal; }

/* link
------------------------------------------------*/
a { outline: none; }

a:link { color: #404040; }

a:visited { color: #666666; }

a:hover { color: #898989; text-decoration: none; }

a:active, a:focus { color: #898989; }

/* universal class (ver 1.5)
==================================================*/
/* font size
------------------------------------------------*/
/*common setting > font size > ftmedium*/
.ftsmallxx, table.ftsmallxx th, table.ftsmallxx td { font-size: 0.7em      !important; line-height: 1.5em !important; }

.ftsmallx, table.ftsmallx th, table.ftsmallx td { font-size: 0.8em      !important; line-height: 1.5em !important; }

.ftsmall, table.ftsmall th, table.ftsmall td { font-size: 0.9em      !important; line-height: 1.5em !important; }

.ftmedium, table.ftmedium th, table.ftmedium td { font-size: 1.0em     !important; line-height: 1.6em !important; }

.ftlarge, table.ftlarge th, table.ftlarge td { font-size: 1.1em     !important; line-height: 1.6em !important; }

.ftlargex, table.ftlargex th, table.ftlargex td { font-size: 1.2em     !important; line-height: 1.6em !important; }

.ftlargexx, table.ftlargexx th, table.ftlargexx td { font-size: 1.3em     !important; line-height: 1.6em !important; }

.ftlargexxx, table.ftlargexxx th, table.ftlargexxx td { font-size: 1.6em     !important; line-height: 1.9em !important; }

/*common setting > font size > ftmedium*/
.ft10, table.ft10 th, table.ft10 td { font-size: 1.1em      !important; line-height: 1.5em !important; }

.ft12, table.ft12 th, table.ft12 td { font-size: 1.25em      !important; line-height: 1.5em !important; }

.ft14, table.ft14 th, table.ft14 td { font-size: 1.42em     !important; line-height: 1.6em !important; }

.ft16, table.ft16 th, table.ft16 td { font-size: 1.6em     !important; line-height: 1.6em !important; }

.ft18, table.ft18 th, table.ft18 td { font-size: 1.8em     !important; line-height: 1.6em !important; }

.ft20, table.ft20 th, table.ft20 td { font-size: 2.0em     !important; line-height: 1.6em !important; }

/* align (with table)
------------------------------------------------*/
.txtalignl, table.txtalignl th, table.txtalignl td { text-align: left   !important; }

.txtalignc, table.txtalignc th, table.txtalignc td { text-align: center !important; }

.txtalignr, table.txtalignr th, table.txtalignr td { text-align: right  !important; }

/* image float
------------------------------------------------*/
.imageleft { float: left; margin: 0px 15px 15px 0px; }

.imageright { float: right; margin: 0px 0px 15px 15px; }

/* valign (table)
------------------------------------------------*/
.valignt, table.valignt th, table.valignt td { vertical-align: top    !important; }

.valignm, table.valignm th, table.valignm td { vertical-align: middle !important; }

.valignb, table.valignb th, table.valignb td { vertical-align: bottom !important; }

/* float clear
------------------------------------------------*/
br.clearfloat, img.clearfloat { clear: both; height: 0px; }

div.clearfloat { clear: both; font-size: 0px; line-height: 0px; height: 0px; width: 0px; }

/* margin set
------------------------------------------------*/
/*reset*/
.margreset { margin: 0px !important; }

/*0px*/
.margt00 { margin-top: 0px !important; }

.margr00 { margin-right: 0px !important; }

.margb00 { margin-bottom: 0px !important; }

.margl00 { margin-left: 0px !important; }

/*5px*/
.margt05 { margin-top: 5px !important; }

.margr05 { margin-right: 5px !important; }

.margb05 { margin-bottom: 5px !important; }

.margl05 { margin-left: 5px !important; }

/*10px*/
.margt10 { margin-top: 10px !important; }

.margr10 { margin-right: 10px !important; }

.margb10 { margin-bottom: 10px !important; }

.margl10 { margin-left: 10px !important; }

/*15px*/
.margt15 { margin-top: 15px !important; }

.margr15 { margin-right: 15px !important; }

.margb15 { margin-bottom: 15px !important; }

.margl15 { margin-left: 15px !important; }

/*20px*/
.margt20 { margin-top: 20px !important; }

.margr20 { margin-right: 20px !important; }

.margb20 { margin-bottom: 20px !important; }

.margl20 { margin-left: 20px !important; }

/*25px*/
.margt25 { margin-top: 25px !important; }

.margr25 { margin-right: 25px !important; }

.margb25 { margin-bottom: 25px !important; }

.margl25 { margin-left: 25px !important; }

/*30px*/
.margt30 { margin-top: 30px !important; }

.margr30 { margin-right: 30px !important; }

.margb30 { margin-bottom: 30px !important; }

.margl30 { margin-left: 30px !important; }

/*40px*/
.margt40 { margin-top: 40px !important; }

.margr40 { margin-right: 40px !important; }

.margb40 { margin-bottom: 40px !important; }

.margl40 { margin-left: 40px !important; }

/*50px*/
.margt50 { margin-top: 50px !important; }

.margr50 { margin-right: 50px !important; }

.margb50 { margin-bottom: 50px !important; }

.margl50 { margin-left: 50px !important; }

/*60px*/
.margt60 { margin-top: 60px !important; }

.margr60 { margin-right: 60px !important; }

.margb60 { margin-bottom: 60px !important; }

.margl60 { margin-left: 60px !important; }

/*65px*/
.margt65 { margin-top: 65px !important; }

.margr65 { margin-right: 65px !important; }

.margb65 { margin-bottom: 65px !important; }

.margl65 { margin-left: 65px !important; }

/* width
==========================================================*/
/*w350*/
.w350 { width: 350px; }

/*w300*/
.w300 { width: 300px; }

/*w150*/
.w150 { width: 150px; }

/* a.hover
==========================================================*/
/*a.hover*/
body, html { text-align: center; }

body, div, dd, dl, dt, li, p, ol, ul { line-height: 1; }

.hover img { transition: opacity .6s; }
.hover:hover img { opacity: .6; }

html, body { height: 100%; min-height: 875px; min-width: 1200px; }

body { overflow-y: hidden; }

#loading { background-color: #fff; display: table; height: 100%; left: 0; position: fixed; top: 0; transition: opacity .8s; width: 100%; z-index: 50000; }
#loading p { display: table-cell; height: 100%; text-align: center; vertical-align: middle; width: 100%; }
#loading p img { visibility: hidden; }

body[data-loaded] #loading { opacity: 0; }

.header { left: 0; position: absolute; top: 0; width: 100%; z-index: 1000; }
.header h1, .header span { position: absolute; }
.header h1 { left: 23px; top: 15px; }
.header span { background-color: #1f1f1f; background-image: url("../../image/btn_menu_open.png"); background-position: 0 0; cursor: pointer; display: inline-block; height: 94px; right: 0; top: 0; width: 94px; }
.header span img { left: 0; opacity: 0; position: absolute; top: 0; transition: all .5s; }

body[data-menu-open="opened"] .header span img { opacity: 1; }

.footer { background-color: #1f1f1f; bottom: 0; height: 48px; left: 0; position: fixed; width: 100%; min-width: 1200px; z-index: 1000; }
.footer .official-site, .footer .copyright, .footer .hashtag, .footer .sns { position: absolute; top: 12px; }
.footer .official-site { left: 19px; }
.footer .copyright { left: 176px; }
.footer .hashtag { right: 183px; }
.footer .sns { display: flex; justify-content: left; right: 33px; width: 134px; }
.footer .sns li { width: 24px;margin-right:10px; }

.navigator { left: 13px; margin-top: -110px; position: fixed; top: 50%; }
.navigator ul { display: flex; flex-flow: column nowrap; height: 142px; justify-content: space-between; }
.navigator li { height: 10px; width: 10px; }
.navigator a { background-color: #818181; display: block; height: 10px; text-decoration: none; width: 10px; transition: all .5s; }
.navigator a:hover, .navigator a.current { background-color: #de5366; }

#menu { background-color: #dadada; border-left: 1px #dadada solid; border-right: 1px #dadada solid; box-sizing: border-box; height: 100%; overflow: hidden; position: fixed; width: 275px; z-index: 1001; }
#menu .inner { height: 100%; overflow-y: auto; overflow-x: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 150; }
#menu .img01, #menu .img02, #menu .img03, #menu .img04, #menu .img05, #menu .img06, #menu .img07 { border-bottom: 1px #dadada solid; text-align: left; }
#menu .img01 { border-top: 1px #dadada solid; }
#menu .img03, #menu .img05 { border-right: 1px #dadada solid; }
#menu .img08 { padding: 15px 0; }
#menu .horizontal { display: flex; }

#header, #footer, #navigator, #contents, #menu { transition-property: all; }

[data-menu-open] #header, [data-menu-open] #footer, [data-menu-open] #navigator, [data-menu-open] #contents, [data-menu-open] #menu, [data-menu-open] .movie iframe { transition-duration: .5s !important; }

#header { opacity: 0; top: -94px; }
#header.slideIn { opacity: 1; top: 0; transition-duration: .8s; }

#navigator { left: -36px; opacity: 0; }
#navigator.slideIn { left: 13px; opacity: 1; transition-duration: .8s; }

#footer { bottom: -48px; opacity: 0; }
#footer.slideIn { bottom: 0; opacity: 1; transition-duration: .8s; }

#header, #footer, #navigator, #contents { transform: translateX(0); }

#menu { right: -275px; }

body[data-menu-open="opened"] #header, body[data-menu-open="opened"] #footer, body[data-menu-open="opened"] #navigator { transform: translateX(-275px); }
body[data-menu-open="opened"] #contents, body[data-menu-open="opened"] #contents .movie iframe { left: -275px; }
body[data-menu-open="opened"] #menu { right: 0; }

#contents { height: 100%; left: 0; min-height: 875px; min-width: 1200px; overflow: hidden; position: absolute; top: 0; width: 100%; }
#contents .content-lebel01 { display: table; height: 100%; width: 100%; }
#contents .content-lebel02 { display: table-cell; text-align: center; vertical-align: middle; }
#contents .content-lebel03 { display: inline-block; height: 700px; position: relative; width: 100%; }
#contents .content-lebel04 { height: 100%; margin: 0 auto; position: relative; width: 1060px; }
#contents .content-lebel04 .move-out { display: flex; flex-wrap: wrap; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#contents .content-lebel04 .move-out span { display: block; height: 100px; position: relative; width: 106px; }
#contents .content-lebel04 .move-out span span { background-color: #fff; height: 100%; position: absolute; top: 0; width: 0; }
#contents .content-lebel04 .move-out span[data-row="1"] span, #contents .content-lebel04 .move-out span[data-row="3"] span, #contents .content-lebel04 .move-out span[data-row="5"] span, #contents .content-lebel04 .move-out span[data-row="7"] span { left: 0; }
#contents .content-lebel04 .move-out span[data-row="2"] span, #contents .content-lebel04 .move-out span[data-row="4"] span, #contents .content-lebel04 .move-out span[data-row="6"] span { right: 0; }
#contents .mainvisual .img01, #contents .mainvisual .img02 { position: fixed; z-index: 100; }
#contents .mainvisual .img02 { background-color: #fff; bottom: 0; height: 100px; min-width: 1200px; width: 100%; }
#contents .mainvisual .img02-01, #contents .mainvisual .img02-02, #contents .mainvisual .img02-03 { position: absolute; }
#contents .mainvisual .img02-01 { left: 20px; top: 8px; }
#contents .mainvisual .img02-02 { left: 468px; top: 24px; }
#contents .mainvisual .img02-03 { right: 10px; top: -66px; }
#contents .mainvisual .img03 { background-image: url("../../image/img_top_03.jpg"); background-position: 0 0; background-repeat: no-repeat; background-size: contain; display: flex; flex-wrap: wrap; width: 100%; }
#contents .mainvisual .img03 span { display: block; }
#contents .mainvisual .img03 > span { width: 3.86555%; }
#contents .mainvisual .img03 > span > span { padding-top: 100%; position: relative; }
#contents .mainvisual .img03 > span > span > span { background-color: #fff; box-sizing: border-box; height: 100%; left: 0; padding: 0; position: absolute; top: 0; width: 100%; }
#contents .mainvisual .img03 > span > span > span > span { height: 100%; overflow: hidden; width: 100%; }
#contents .mainvisual .img03 > span[data-column='26'] { width: 3.35714%; }
#contents .mainvisual .img03 > span[data-column='26'] > span { padding-top: 115%; }
#contents .mainvisual .img03 > span[data-row='17'] > span { padding-top: 111%; }
#contents .mainvisual .img03 > span[data-row='17'][data-column='26'] > span { padding-top: 127%; }
#contents .concept h2 { left: 0; position: absolute; top: -25px; z-index: 100; }
#contents .concept .img01 { margin-bottom: 10px; }
#contents .concept .img02 { margin-bottom: 25px; }
#contents .concept .img03 { margin-bottom: 22px; }
#contents .nail h2 { left: 0; position: absolute; top: -25px; z-index: 100; }
#contents .nail .img01-01, #contents .nail .btn-purchase01-01, #contents .nail .img01-02, #contents .nail .img01-03, #contents .nail .img01-04, #contents .nail .img02-01, #contents .nail .btn-purchase02-01, #contents .nail .img02-02, #contents .nail .btn-purchase02-02, #contents .nail .img02-03, #contents .nail .btn-purchase02-03, #contents .nail .img02-04, #contents .nail .img02-05, #contents .nail .img02-06, #contents .nail .img03-01, #contents .nail .btn-purchase03-01, #contents .nail .img03-02, #contents .nail .img03-03, #contents .nail .img04-01, #contents .nail .btn-purchase04-01, #contents .nail .img04-02, #contents .nail .img04-03 { position: absolute; }
#contents .nail .img01-01 { left: 31px; top: 37px; }
#contents .nail .btn-purchase01-01 { left: 35px; top: 102px; }
#contents .nail .img01-02 { left: 438px; top: 35px; }
#contents .nail .img01-03 { left: 31px; top: 115px; }
#contents .nail .img01-04 { left: 25px; top: 285px; }
#contents .nail .img02-01 { left: 569px; top: 44px; }
#contents .nail .btn-purchase02-01 { left: 743px; top: 37px; }
#contents .nail .img02-02 { left: 569px; top: 83px; }
#contents .nail .btn-purchase02-02 { left: 743px; top: 79px; }
#contents .nail .img02-03 { left: 569px; top: 123px; }
#contents .nail .btn-purchase02-03 { left: 743px; top: 120px; }
#contents .nail .img02-04 { left: 569px; top: 159px; }
#contents .nail .img02-05 { left: 923px; top: 32px; }
#contents .nail .img02-06 { left: 569px; top: 115px; }
#contents .nail .img03-01 { left: 569px; top: 359px; }
#contents .nail .btn-purchase03-01 { left: 777px; top: 362px; }
#contents .nail .img03-02 { left: 945px; top: 359px; }
#contents .nail .img03-03 { left: 569px; top: 450px; }
#contents .nail .img04-01 { left: 569px; top: 519px; }
#contents .nail .btn-purchase04-01 { left: 777px; top: 523px; }
#contents .nail .img04-02 { left: 991px; top: 520px; }
#contents .nail .img04-03 { left: 569px; top: 588px; }
#contents .eyes h2 { left: 0; position: absolute; top: -25px; z-index: 100; }
#contents .eyes .mascara .img01, #contents .eyes .mascara .btn-purchase, #contents .eyes .mascara .img02, #contents .eyes .mascara .img03, #contents .eyes .mascara .img04, #contents .eyes .eyes .img01, #contents .eyes .eyes .btn-purchase, #contents .eyes .eyes .img02, #contents .eyes .eyes .img03, #contents .eyes .eyes .img04 { position: absolute; }
#contents .eyes .mascara .img01 { left: 31px; top: 37px; }
#contents .eyes .mascara .btn-purchase { left: 35px; top: 103px; }
#contents .eyes .mascara .img02 { left: 31px; top: 118px; }
#contents .eyes .mascara .img03 { left: 30px; top: 245px; }
#contents .eyes .mascara .img04 { left: 371px; top: 272px; }
#contents .eyes .eyes .img01 { left: 569px; top: 37px; }
#contents .eyes .eyes .btn-purchase { left: 573px; top: 103px; }
#contents .eyes .eyes .img02 { left: 569px; top: 118px; }
#contents .eyes .eyes .img03 { left: 560px; top: 245px; }
#contents .eyes .eyes .img04 { left: 879px; top: 445px; }
#contents .cheeks h2 { left: 0; position: absolute; top: -25px; z-index: 100; }
#contents .cheeks .cheeks .img01, #contents .cheeks .cheeks .btn-purchase, #contents .cheeks .cheeks .img02, #contents .cheeks .cheeks .img03, #contents .cheeks .cheeks .img04, #contents .cheeks .lips .img01, #contents .cheeks .lips .btn-purchase, #contents .cheeks .lips .img02, #contents .cheeks .lips .img03, #contents .cheeks .lips .img04 { position: absolute; }
#contents .cheeks .cheeks .img01 { left: 31px; top: 37px; }
#contents .cheeks .cheeks .btn-purchase { left: 35px; top: 103px; }
#contents .cheeks .cheeks .img02 { left: 31px; top: 118px; }
#contents .cheeks .cheeks .img03 { left: 18px; top: 245px; }
#contents .cheeks .cheeks .img04 { left: 266px; top: 470px; }
#contents .cheeks .lips .img01 { left: 569px; top: 37px; }
#contents .cheeks .lips .btn-purchase { left: 573px; top: 103px; }
#contents .cheeks .lips .img02 { left: 569px; top: 118px; }
#contents .cheeks .lips .img03 { left: 570px; top: 245px; }
#contents .cheeks .lips .img04 { left: 913px; top: 287px; }
#contents .pattern h2 { left: 0; position: absolute; top: -25px; z-index: 100; }
#contents .pattern .pattern01, #contents .pattern .pattern02, #contents .pattern [class^='img'] { position: absolute; }
#contents .pattern .pattern01, #contents .pattern .pattern02 { height: 614px; left: 0; top: 0; width: 499px; }
#contents .pattern .pattern01 { transition-delay: .2s; }
#contents .pattern .pattern01 .img01-01 { left: 0; top: 0; }
#contents .pattern .pattern01 .img01-02 { left: 289px; top: 40px; }
#contents .pattern .pattern01 .img01-03, #contents .pattern .pattern01 .img01-04, #contents .pattern .pattern01 .img01-05, #contents .pattern .pattern01 .img01-06 { border-left: 1px #000 solid; left: 281px; width: 237px; }
#contents .pattern .pattern01 .img01-03 { height: 108px; top: 93px; }
#contents .pattern .pattern01 .img01-03 .img01-03-01 { left: 16px; top: 0; }
#contents .pattern .pattern01 .img01-03 .img01-03-02 { left: 15px; top: 27px; }
#contents .pattern .pattern01 .img01-03 .img01-03-03 { left: 88px; top: 79px; }
#contents .pattern .pattern01 .img01-04 { height: 140px; top: 227px; }
#contents .pattern .pattern01 .img01-04 .img01-04-01 { left: 16px; top: 0; }
#contents .pattern .pattern01 .img01-04 .img01-04-02 { left: 17px; top: 35px; }
#contents .pattern .pattern01 .img01-04 .img01-04-03, #contents .pattern .pattern01 .img01-04 .img01-04-04, #contents .pattern .pattern01 .img01-04 .img01-04-05, #contents .pattern .pattern01 .img01-04 .img01-04-06, #contents .pattern .pattern01 .img01-04 .img01-04-07 { left: 88px; }
#contents .pattern .pattern01 .img01-04 .img01-04-03 { top: 17px; }
#contents .pattern .pattern01 .img01-04 .img01-04-04 { top: 55px; }
#contents .pattern .pattern01 .img01-04 .img01-04-05 { top: 76px; }
#contents .pattern .pattern01 .img01-04 .img01-04-06 { top: 112px; }
#contents .pattern .pattern01 .img01-04 .img01-04-07 { top: 138px; }
#contents .pattern .pattern01 .img01-05 { height: 67px; top: 402px; }
#contents .pattern .pattern01 .img01-05 .img01-05-01 { left: 16px; top: 0; }
#contents .pattern .pattern01 .img01-05 .img01-05-02 { left: 15px; top: 24px; }
#contents .pattern .pattern01 .img01-05 .img01-05-03 { left: 88px; top: 39px; }
#contents .pattern .pattern01 .img01-06 { height: 116px; top: 495px; }
#contents .pattern .pattern01 .img01-06 .img01-06-01 { left: 16px; top: 0; }
#contents .pattern .pattern01 .img01-06 .img01-06-02 { left: 24px; top: 20px; }
#contents .pattern .pattern01 .img01-06 .img01-06-03 { left: 88px; top: 102px; }
#contents .pattern .pattern02 { left: 545px; transition-delay: .2s; }
#contents .pattern .pattern02 .img02-02 { left: 270px; top: 40px; }
#contents .pattern .pattern02 .img02-03, #contents .pattern .pattern02 .img02-04, #contents .pattern .pattern02 .img02-05, #contents .pattern .pattern02 .img02-06 { border-left: 1px #000 solid; left: 274px; width: 237px; }
#contents .pattern .pattern02 .img02-03 { height: 108px; top: 93px; }
#contents .pattern .pattern02 .img02-03 .img02-03-01 { left: 16px; top: 0; }
#contents .pattern .pattern02 .img02-03 .img02-03-02 { left: 14px; top: 26px; }
#contents .pattern .pattern02 .img02-03 .img02-03-03 { left: 101px; top: 79px; }
#contents .pattern .pattern02 .img02-04 { height: 149px; top: 227px; }
#contents .pattern .pattern02 .img02-04 .img02-04-01 { left: 16px; top: 0; }
#contents .pattern .pattern02 .img02-04 .img02-04-02 { left: 16px; top: 35px; }
#contents .pattern .pattern02 .img02-04 .img02-04-03, #contents .pattern .pattern02 .img02-04 .img02-04-04, #contents .pattern .pattern02 .img02-04 .img02-04-05 { left: 87px; }
#contents .pattern .pattern02 .img02-04 .img02-04-03 { top: 78px; }
#contents .pattern .pattern02 .img02-04 .img02-04-04 { top: 116px; }
#contents .pattern .pattern02 .img02-04 .img02-04-05 { top: 137px; }
#contents .pattern .pattern02 .img02-05 { height: 67px; top: 402px; }
#contents .pattern .pattern02 .img02-05 .img02-05-01 { left: 16px; top: 0; }
#contents .pattern .pattern02 .img02-05 .img02-05-02 { left: 16px; top: 24px; }
#contents .pattern .pattern02 .img02-05 .img02-05-03 { left: 87px; top: 39px; }
#contents .pattern .pattern02 .img02-06 { height: 116px; top: 495px; }
#contents .pattern .pattern02 .img02-06 .img02-06-01 { left: 16px; top: 0; }
#contents .pattern .pattern02 .img02-06 .img02-06-02 { left: 23px; top: 20px; }
#contents .pattern .pattern02 .img02-06 .img02-06-03 { left: 87px; top: 102px; }
#contents .pattern .img03 { left: 404px; top: 648px; transition-delay: .2s; }
#contents .movie .content-lebel02 { position: relative; }
#contents .movie h2 { left: 0; position: absolute; top: -25px; z-index: 100; }
#contents .movie iframe { height: 100%; left: 0; position: fixed; top: 0; width: 100%; }