@charset "utf-8";
/* CSS Document */

/* base
-----------------------------------------------*/
/* ========== universal reset ========== */
/* ========== base style ========== */

/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* ========== border ========== */
/* ========== float ========== */
/* ========== display ========== */
/* ========== position ========== */
/* ========== overflow ========== */
/* ========== width ========== */
/* ========== margin ========== */
/* ========== device displaying ========== */
/* ========== animation for ScrollTrigger.min.js  ========== */

/* other style
-----------------------------------------------*/



/* base
-----------------------------------------------*/
/* ========== universal reset ========== */
/**
* html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
* Richard Clark (http://richclarkdesign.com)
* http://cssreset.com
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
button, input, select, textarea,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
body { line-height:1; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}
nav ul { list-style:none; }
blockquote, q {
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content:'';
content:none;
}
a {
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}


/* ========== base style ========== */
* { box-sizing: border-box; }

html { height: 100%; }

body {
height: 100%;
min-height: 100%;
background: #fff;
color: #000;
font-size: 2.66666666vw;
font-family: poppins, sans-serif;
font-style: normal;
font-weight: 500;
font-feature-settings: "palt";
letter-spacing: 0.025em;
}
@media (min-width:375px){
	body {
	font-size: 10px;
	}
}

a:link,
a:visited {
color: #000;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}

a:hover,
a:hover img,
button:hover img {
opacity: 0.80;
filter: alpha(opacity=80);
}

.modal__container *,
div,p,h1,h2,h3,h4,h5,h6,li,dt,dd,th,td {
line-height: 100%;
font-family: poppins, sans-serif;
font-style: normal;
font-weight: 500;
font-feature-settings: "palt";
letter-spacing: 0.025em;
}

div, article { box-sizing: border-box; }

ol, ul { list-style:none; }

img, picture, video {
width: 100%;
height: auto;
display: block;
margin-left: auto;
margin-right: auto;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}



/* common parts
-----------------------------------------------*/
/* ========== text ========== */
/* align */
.al_left { text-align: left; }
.al_center { text-align: center; }
.al_right { text-align: right; }

/* size */
.fs8 { font-size: 2.133333vw; }
.fs9 { font-size: 2.4vw; }
.fs10 { font-size: 2.666666vw; }
.fs11 { font-size: 2.933333vw; }
.fs12 { font-size: 3.2vw; }
.fs13 { font-size: 3.466666vw; }
.fs14 { font-size: 3.733333vw; }
.fs15 { font-size: 4vw; }
.fs16 { font-size: 4.266666vw; }
.fs17 { font-size: 4.533333vw; }
.fs18 { font-size: 4.8vw; }
.fs20 { font-size: 5.3333333vw; }
@media (min-width:375px){
	.fs8 { font-size: 8px; }
	.fs9 { font-size: 9px; }
	.fs10 { font-size: 10px; }
	.fs11 { font-size: 11px; }
	.fs12 { font-size: 12px; }
	.fs13 { font-size: 13px; }
	.fs14 { font-size: 14px; }
	.fs15 { font-size: 15px; }
	.fs16 { font-size: 16px; }
	.fs17 { font-size: 17px; }
	.fs18 { font-size: 18px; }
	.fs20 { font-size: 20px; }
}

/* weight */
.fw200 { font-weight: 200 !important; }
.fw300 { font-weight: 300 !important; }
.fw400 { font-weight: 400 !important; }
.fw500 { font-weight: 500 !important; }
.fw600 { font-weight: 600 !important; }
.fw700 { font-weight: 700 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900 !important; }

/* line height */
.lh100 { line-height: 100%; }
.lh120 { line-height: 120%; }
.lh130 { line-height: 130%; }
.lh140 { line-height: 140%; }
.lh150 { line-height: 150%; }
.lh160 { line-height: 160%; }
.lh170 { line-height: 170%; }
.lh180 { line-height: 180%; }
.lh190 { line-height: 190%; }
.lh200 { line-height: 200%; }
.lh210 { line-height: 210%; }
.lh225 { line-height: 225%; }

/* letter space */
.ltrspace0 { letter-spacing: 0; }
.ltrspace0025 { letter-spacing: 0.025em; }
.ltrspace005 { letter-spacing: 0.05em; }
.ltrspace0075 { letter-spacing: 0.075em; }
.ltrspace01 { letter-spacing: 0.1em; }
.ltrspace0125 { letter-spacing: 0.125em; }
.ltrspace015 { letter-spacing: 0.15em; }

.deco_line { text-decoration: underline !important; }


/* ========== float ========== */
/* clearfix */
.clearfix:before,
.clearfix:after {
display: table;
content: " ";
}
.clearfix:after { clear: both; }

/* float */
.float_left { float: left; }
.float_right { float: right; }


/* ========== display ========== */
.disp_block { display: block !important;}
.disp_iblock { display: inline-block !important;}
.disp_inline { display: inline !important;}
.disp_none { display: none;}
.disp_flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }


/* ========== position ========== */
.posi_relative { position: relative !important; }
.posi_absolute { position: absolute !important; }
.posi_fixed { position: fixed !important; }


/* ========== overflow ========== */
.overflow_hidden { overflow: hidden !important; }


/* ========== margin ========== */
/* margin-auto */
.mx_auto { margin-left: auto; margin-right: auto; }


/* ========== device displaying ========== */
.sp_none{ display: none; }
@media (min-width:768px){.sp_none{display: block;} .tab_none { display: none; }}
.sp_only{ display: block; }
@media (min-width:768px){.sp_only{display: none;}}
.spc_none{ display: block; }
@media (min-width:1099px){.pc_none{display: block;}}
.pc_only{ display: none; }
@media (min-width:1100px){.pc_none{display: none;}
.pc_only{display: block;}
.tab_none{ display: block; }
}


/* ========== animation for ScrollTrigger.min.js  ========== */
.invisible {
transition: opacity 1s ease;
opacity: 0.0;
}
.visible {
transition: opacity 1s ease;
opacity: 1.0;
}



/* other style
-----------------------------------------------*/
.allwrapper { /* Xscroll bar hidden */
position: relative;
width: 100%;
margin-bottom: -100vw;
background: #fff;
animation-delay: 0.75s;
overflow: hidden;
}
.ff_cezanne {
font-family: fot-cezanne-pron, sans-serif;
}
.fc_black,
.items_price,
.bottom_link,
.bottom_link a {
color: #000 !important;
}

.mv_title {
top: 36.26666666vw;
left: 21.06666666%;
width: 57.86666666%;
animation-delay: 1.5s;
}
.mv_flowimg01 {
width: 100%; height: 44.26666666vw;
background: url("../images/mv-img01_sp.jpg") repeat-x;
background-size: auto 100%;
animation: mv01_bgloop_sp 25s linear infinite;
}
.mv_flowimg02 {
width: 100%; height: 37.33333333vw;
background: url("../images/mv-img02_sp.jpg") repeat-x;
background-size: auto 100%;
animation: mv02_bgloop_sp 13s linear infinite;
}
.mv_flowimg03 {
width: 100%; height: 33.33333333vw;
background: url("../images/mv-img03_sp.jpg") repeat-x;
background-size: auto 100%;
animation: mv03_bgloop_sp 9s linear infinite;
}
@keyframes mv01_bgloop_sp {
	0% { background-position: 0 0; }
	100% { background-position: -200vw 0; }
}
@keyframes mv02_bgloop_sp {
	0% { background-position: 0 0; }
	100% { background-position: 149.86666666vw 0; }
}
@keyframes mv03_bgloop_sp {
	0% { background-position: 0 0; }
	100% { background-position: -100vw 0; }
}
@media (min-width:768px){
	.mv_title {
	top: 18.33vw;
	left: 35.208333335%;
	width: 29.58333333%;
	}
	.mv_flowimg01 {
	height: 22.5vw;
	background: url("../images/mv-img01_pc.jpg") repeat-x;
	background-size: auto 100%;
	animation: mv01_bgloop_pc 24s linear infinite;
	}
	.mv_flowimg02 {
	height: 18.91666666vw;
	background: url("../images/mv-img02_pc.jpg") repeat-x;
	background-size: auto 100%;
	animation: mv02_bgloop_pc 32s linear infinite;
	}
	.mv_flowimg03 {
	height: 16.83333333vw;
	background: url("../images/mv-img03_pc.jpg") repeat-x;
	background-size: auto 100%;
	animation: mv03_bgloop_pc 20s linear infinite;
	}
}
@keyframes mv01_bgloop_pc {
	0% { background-position: 0 0; }
	100% { background-position: -101.25vw 0; }
}
@keyframes mv02_bgloop_pc {
	0% { background-position: 0 0; }
	100% { background-position: 151.91666666vw 0; }
}
@keyframes mv03_bgloop_pc {
	0% { background-position: 0 0; }
	100% { background-position: -101.33333333vw 0; }
}

.intro { margin-top: 12vw; line-height: 222%; }
@media (min-width:768px){
	.intro { margin-top: 70px; line-height: 233%; }
}
@media (min-width:1100px){
	.intro { margin-top: 100px; font-size: 12px; }
}

.pricebox { position: relative; width: 44%; padding: 2.66vw 4vw; background: #e4dcc4; z-index: 2; }
.pricebox li { line-height: 210%; }
.imgtitle { font-size: 6.4vw; color: #002c57; z-index: 2; }
@media (min-width:768px){
	.pricebox { width: 165px; padding: 10px 15px; }
	.imgtitle { top: -14px !important; font-size: 30px; }
}
@media (min-width:1100px){
	.imgtitle { top: -22px !important; font-size: 40px; }
}

.look01_img01 { width: 72%; margin: 18.66vw auto 0; }
.look01_title01 { top: 13.33vw; left: 56.8vw; }
.look01_price01 { margin: -4vw auto 0 4%; }
.look01_img02 { width: 72%; margin: 4vw auto 0; }
.look01_title02 { top: 13.33vw; left: -10.13vw; }
.look01_price02 { margin: -4vw auto 0 52%; }
.look01_img03 { width: 88%; margin: 13.33vw auto 0; }
.look01_img03 picture { width: 50%; margin: 0; }
.look01_price03 { width: 36%; margin: 0 auto 0 58.13333333%; }
.interval01 { margin: 12vw auto 0 2.66%; color: #d1c49e; }
.look02_img01 { width: 100%; height: 133.33333333vw; margin: 21.33vw auto 0; }
.look02_title01 { top: 4.8vw; left: 71.2vw; }
.look02_price01 { margin: -20vw auto 0 4%; }
.look02_img02 {
width: 100%; height: 90.66666666vw; margin: 8vw auto 0;
background: url("../images/look02-img02_sp.jpg") repeat-x;
background-size: auto 100%;
animation: look02_img02_bgloop 20s linear infinite;
}
@keyframes look02_img02_bgloop {
	0% { background-position: 0 0; }
	100% { background-position: -204vw 0; }
}
.look02_title02 { top: 4vw; left: 4vw; }
.look02_price02 { margin: -5.33vw auto 0 52%; }
.look02_img03 { width: 88%; margin: 13.33vw auto 0; }
.look02_img03 picture { width: 50%; margin: 0; }
.look02_price03 { width: 41.33333333%; margin: 0 auto 0 52.8%; }
.look03_img01 {
width: 100%; height: 117.33333333vw; margin: 26.66vw auto 0;
background: url("../images/look03-img01_sp.jpg") repeat-x;
background-size: auto 100%;
animation: look03_img01_bgloop 13s linear infinite;
}
@keyframes look03_img01_bgloop {
	0% { background-position: 0 0; }
	100% { background-position: -176vw 0; }
}
.look03_title01 { top: 4.53vw; left: 4vw; }
.look03_price01 { margin: -10.66vw auto 0 52%; }
.look03_img02 { width: 80%; margin: 8vw auto 0; }
.look03_title02 { top: -3.2vw; left: -5.86vw; }
.look03_price02 { width: 40%; margin: -14.66vw auto 0 56%; }
.look03_img03 { width: 88%; margin: 13.33vw auto 0; }
.look03_img03 picture { width: 50%; margin: 0; }
.look03_price03 { width: 41.33333333%; margin: 0 auto 0 52.8%; }
.flowtext01 {
width: 100%; height: 5.86666666vw; margin-top: 13.33vw;
background: url("../images/flowtext01.png") repeat-x;
background-size: auto 100%;
animation: flowtext01_bgloop_sp 13s linear infinite;
}
@keyframes flowtext01_bgloop_sp {
	0% { background-position: 0 0; }
	100% { background-position: -173.7333333vw 0; }
}
.look04_img01 { width: 88%; margin: 13.33vw auto 0; }
.look04_title01 { top: 4.53vw; left: 65.33vw; }
.look04_price01 { margin: -10.66vw auto 0 4%; }
.look04_img02 { width: 100%; margin-top: 13.06vw; }
.look04_img02 picture { width: 50%; margin: 0; }
.look04_title02 { top: -2.66vw; left: 4vw; }
.look04_price02 { margin: -6.66vw auto 0 52%; }
.flowtext02 {
width: 100%; height: 5.86666666vw; margin-top: 13.33vw;
background: url("../images/flowtext02.png") repeat-x;
background-size: auto 100%;
animation: flowtext02_bgloop_sp 14s linear infinite;
}
@keyframes flowtext02_bgloop_sp {
	0% { background-position: 0 0; }
	100% { background-position: -189.06666666vw 0; }
}
.look04_img03 { width: 92%; margin: 14.66vw auto 0; }
.look04_price03 { margin: 2.66vw auto 0 52%; }
.look04_img04 { width: 88%; margin: 13.33vw auto 0; }
.look04_img04 picture { width: 50%; margin: 0; }
.look04_img04 picture:nth-child(2) { animation-delay: 0.5s; }
.look04_price04 { width: 38.66666666%; margin: 0 auto 0 55.2%; }
.look05_img01 { width: 80%; margin: 12vw 0 0 auto; }
.look05_title01 { top: 13.33vw; left: -16vw; }
.look05_price01 { margin-top: -17.33vw; }
.look05_img02 { width: 80%; margin: 10.66vw auto 0 0; }
.look05_title02 { top: 13.06vw; left: 63.73vw; }
.look05_price02 { margin: -21.33vw 0 0 auto; }
.look05_img03 { width: 88%; margin: 13.33vw auto 0; }
.look05_img03 picture { width: 50%; margin: 0; }
.look05_img03 picture:nth-child(2) { animation-delay: 0.5s; }
.look05_price03 { width: 41.6%; margin: 0 auto 0 52.53333333%; }
.look06_img01 {
width: 100%; height: 106.66666666vw; margin: 29.33vw auto 0;
background: url("../images/look06-img01_sp.jpg") repeat-x;
background-size: auto 100%;
animation: look06_img01_bgloop 11s linear infinite;
}
@keyframes look06_img01_bgloop {
	0% { background-position: 0 0; }
	100% { background-position: -160vw 0; }
}
.look06_title01 { top: -2.93vw; left: 37.33vw; }
.look06_price01 { margin: 4vw auto 0 52%; }
.look06_img02 { width: 84%; margin: 15.2vw auto 0; }
.look06_title02 { top: 10.4vw; left: -4.26666666vw; }
.look06_price02 { margin: -22.66vw auto 0 4%; }
.look06_img03 { width: 44%; margin: 13vw auto 0; }
.look06_price03 { width: 44%; margin: 0 auto; }
@media (min-width:768px){
	.look01_img01 { width: 330px; margin: 90px auto 0 calc(50% - 348px); }
	.look01_title01 { left: 18px; }
	.look01_price01 { margin: -20px auto 0 calc(50% - 330px); }
	.look01_img02 { width: 330px; margin: -545px auto 0 calc(50% + 18px); }
	.look01_title02 { left: 163px; }
	.look01_price02 { margin: -20px auto 0 calc(50% + 165px); }
	.look01_img03 { width: 402px; margin: 25px auto 0 calc(50% - 55px); }
	.look01_price03 { width: 135px; margin: 0 auto 0 calc(50% + 212px); }
	.interval01 { margin: 55px auto 0 calc(50% - 214px); font-size: 13px; }
	.look02_img01_wrapper {
	background: url("../images/flowtext01.png") repeat-x;
	background-size: auto 28px;
	animation: look02_img01_bgloop_tab 12s linear infinite;
	}
	.look02_img01 { width: 307px; height: auto; margin: 90px auto 0 calc(50% - 312px);}
	.look02_title01 { left: 98px; }
	.look02_img01 picture:nth-child(2) { margin-top: 7px; }
	.look02_price01 { margin: -30px auto 0 calc(50% - 330px); }
	.look02_img02_wrapper {
	background: url("../images/flowtext02.png") repeat-x;
	background-size: auto 28px;
	animation: look02_img02_bgloop_tab 15s linear infinite;
	}
	.look02_img02 { width: 264px; height: auto; margin: -620px auto 0 calc(50% + 47px); background: none; animation: none; }
	.look02_img02 picture { margin-top: 8px; }
	.look02_title02 { left: 58px; }
	.look02_price02 { margin: -30px auto 0 calc(50% + 33px); }
	.look02_img03 { width: 404px; margin-top: 36px; }
	.look02_price03 { width: 155px; margin-left: calc(50% + 47px); }
	.look03_img01 { width: 704px; height: auto; margin-top: 95px; background: none; animation: none; }
	.look03_img01 .sp_none { display: flex; }
	.look03_img01 picture { width: 50%; margin: 0; }
	.look03_img01 picture:nth-child(2) { animation-delay: 0.5s; }
	.look03_title01 { left: 36px; }
	.look03_price01 { margin: -20px auto 0 calc(50% + 170px); }
	.look03_img02 { width: 366px; margin: 0 auto 0 calc(50% - 288px); }
	.look03_title02 { left: -28px; }
	.look03_price02 { width: 152px; margin: -40px auto 0 calc(50% - 310px); }
	.look03_img03 { width: 404px; margin: 25px auto 0 calc(50% - 124px); }
	.look03_price03 { width: 155px; margin-left: calc(50% + 125px); }
	.look04_img01 { width: 402px; margin-top: 70px; }
	.look04_title01 { top: 20px !important; left: 298px; }
	.look04_price01 { margin: -120px auto 0 calc(50% - 230px); }
	.look04_img02 { width: 460px; margin: 115px auto 0; }
	.look04_title02 { left: 18px; }
	.look04_price02 { margin: -35px auto 0 calc(50% + 130px); }
	.look04_img03 { width: 420px; margin-top: 50px; }
	.look04_price03 { margin: -83px auto 0 calc(50% + 180px); }
	.look04_img04 { width: 402px; margin-top: 74px; }
	.look04_price04 { width: 145px; margin-left: calc(50% + 56px); }
	.interval02 { margin: 70px auto 0 calc(50% - 350px); }
	.look05_img01 { width: 366px; margin: 80px auto 0 calc(50% - 18px); }
	.look05_title01 { top: 58px !important; left: -92px; }
	.look05_price01 { margin: -60px auto 0 calc(50% + 205px); }
	.look05_img02 { width: 366px; margin: -62px auto 0 calc(50% - 348px); }
	.look05_title02 { top: 42px !important; left: 286px; }
	.look05_price02 { width: 150px; margin: -130px auto 0 calc(50% - 80px); }
	.look05_img03 { width: 402px; margin: 67px auto 0 calc(50% - 92px); }
	.look05_price03 { width: 155px; margin-left:calc(50% + 155px); }
	.look06_img01 { width: 438px; height: auto; margin: 80px auto 0; background: none; animation: none; }
	.look06_title01 { left: 18px; }
	.look06_price01 { margin: -65px auto 0 calc(50% - 250px); }
	.look06_img02 { width: 330px; margin: 50px auto 0 calc(50% - 330px); }
	.look06_title02 { left: 90px; }
	.look06_price02 { margin: -90px auto 0 calc(50% - 310px); }
	.look06_img02_02 { width: 264px; margin: -427px auto 0 calc(50% + 33px); }
	.look06_img03 { width: 202px; margin: 118px auto 0 calc(50% - 202px); }
	.look06_price03 { width: 155px; margin: 0 auto 0 calc(50% - 155px); padding-left: 0; padding-right: 0; }
}
@keyframes look02_img01_bgloop_tab {
	0% { background-position: 0 190px; }
	100% { background-position: -829px 190px; }
}
@keyframes look02_img02_bgloop_tab {
	0% { background-position: 0 930px; }
	100% { background-position: -903px 930px; }
}
@media (min-width:1100px){
	.look01_img01 { width: 450px; margin: 130px auto 0 calc(50% - 475px); }
	.look01_title01 { left: 25px; }
	.look01_price01 { margin: -25px auto 0 calc(50% - 450px); }
	.look01_img02 { width: 450px; margin: -700px auto 0 calc(50% + 26px); }
	.look01_title02 { left: 223px; }
	.look01_price02 { margin: -25px auto 0 calc(50% + 285px); }
	.look01_img03 { width: 550px; margin: 50px auto 0 calc(50% - 75px); }
	.look01_price03 { margin-left: calc(50% + 340px); }
	.interval01 { margin: 75px auto 0 calc(50% - 290px); font-size: 18px; }
	.look02_img01_wrapper {
	background-size: auto 38px;
	animation: look02_img01_bgloop_pc 15s linear infinite;
	}
	.look02_img01 { width: 420px; margin: 125px auto 0 calc(50% - 425px); }
	.look02_title01 { left: 133px; }
	.look02_img01 picture:nth-child(2) { margin-top: 10px; }
	.look02_price01 { margin: -40px auto 0 calc(50% - 445px); }
	.look02_img02_wrapper {
	background-size: auto 38px;
	animation: look02_img02_bgloop_pc 17s linear infinite;
	}
	.look02_img02 { width: 360px; margin: -800px auto 0 calc(50% + 65px); }
	.look02_img02 picture { margin-top: 10px; }
	.look02_title02 { left: 80px; }
	.look02_price02 { margin: -40px auto 0 calc(50% + 45px); }
	.look02_img03 { width: 550px; margin-top: 50px; }
	.look02_price03 { margin-left: calc(50% + 120px); }
	.look03_img01 { width: 960px; margin-top: 130px; }
	.look03_title01 { left: 50px; }
	.look03_price01 { margin: -25px auto 0 calc(50% + 290px); }
	.look03_img02 { width: 500px; margin: 17px auto 0 calc(50% - 393px); }
	.look03_title02 { left: -38px; }
	.look03_price02 { margin-left: calc(50% - 413px); }
	.look03_img03 { width: 550px; margin: 50px auto 0 calc(50% - 170px); }
	.look03_price03 { width: 155px; margin-left: calc(50% + 225px); }
	.look04_img01 { width: 550px; margin-top: 70px; }
	.look04_title01 { top: 27px !important; left: 408px; }
	.look04_price01 { margin: -125px auto 0 calc(50% - 315px); }
	.look04_img02 { width: 624px; margin-top: 158px; }
	.look04_title02 { left: 27px; }
	.look04_price02 { margin: -30px auto 0 calc(50% + 238px); }
	.look04_img03 { width: 575px; margin-top: 95px; }
	.look04_price03 { margin-left: calc(50% + 298px); }
	.look04_img04 { width: 550px; margin-top: 100px; }
	.look04_price04 { margin-left: calc(50% + 130px); }
	.interval02 { margin: 100px auto 0 calc(50% - 475px); }
	.look05_img01 { width: 500px; margin: 105px auto 0 calc(50% - 25px); }
	.look05_title01 { top: 80px !important; left: -128px; }
	.look05_price01 { margin: -50px auto 0 calc(50% + 290px); }
	.look05_img02 { width: 500px; margin: -62px auto 0 calc(50% - 475px); }
	.look05_title02 { top: 60px !important; left: 390px; }
	.look05_price02 { margin: -145px auto 0 calc(50% - 90px); }
	.look05_img03 { width: 550px; margin: 90px auto 0 calc(50% - 125px); }
	.look05_price03 { margin-left:calc(50% + 270px); }
	.look06_img01 { width: 600px; margin-top: 130px; }
	.look06_title01 { left: 25px; }
	.look06_price01 { margin: -145px auto 0 calc(50% - 340px); }
	.look06_img02 { width: 450px; margin: 170px auto 0 calc(50% - 450px); }
	.look06_title02 { left: 125px; }
	.look06_price02 { margin: -85px auto 0 calc(50% - 387px); }
	.look06_img02_02 { width: 360px; margin: -575px auto 0 calc(50% + 45px); }
	.look06_img03 { width: 275px; margin: 160px auto 0 calc(50% - 275px); }
}
@keyframes look02_img01_bgloop_pc {
	0% { background-position: 0 254px; }
	100% { background-position: -1125px 254px; }
}
@keyframes look02_img02_bgloop_pc {
	0% { background-position: 0 1270px; }
	100% { background-position: -1225px 1270px; }
}

.staffcredits_img { width: 72%; margin: 34.66vw auto 0 4vw; }
.staffcredits { width: 10%; margin: -63.072vw auto 0 82.66666666%; }
@media (min-width:768px){
	.staffcredits_img { width: 308px; margin: 80px auto 0; }
	.staffcredits { width: 33px; margin: -208.14px auto 0 calc(50% + 180px); }
}
@media (min-width:1100px){
	.staffcredits_img { width: 400px; margin-top: 110px; }
	.staffcredits { width: 38px; margin: -239.67px auto 0 calc(50% + 230px); }
}

.items {
justify-content: center;
align-items: stretch;
margin-top: 33.33vw;
border-bottom: 1px solid #000;
}
.items_box {
width: 49.866666vw;
border-top: 1px solid #000;
box-sizing: content-box;
}
.items_box:nth-child(even) {
border-left: 1px solid #000;
}
.items_box:nth-child(even) picture {
animation-delay: 0.2s;
}
.items_price {
line-height: 25px;
font-size: 11px;
border-top: 1px solid #000;
}
@media (min-width:768px){
	.items {
	width: 725px;
	margin-top: 80px;
	box-sizing: content-box;
	border-right: 1px solid #000;
	}
	.items_box {
	width: 180px;
	border-left: 1px solid #000;
	}
	.items_box:nth-child(4n - 2) picture {
	animation-delay: 0.2s;
	}
	.items_box:nth-child(4n - 1) picture {
	animation-delay: 0.4s;
	}
	.items_box:nth-child(4n) picture {
	animation-delay: 0.6s;
	}
}
@media (min-width:1100px){
	.items {
	width: 941px;
	margin-top: 110px;
	}
	.items_box {
	width: 234px;
	}
}

.bottomarea {
padding-top: 125px;
}
.sns {
width: 140px;
margin-top: 100px;
}
.sns li {
width: 40px;
}
.footerlogo {
width: 200px;
margin-top: 65px;
}
.copyright {
padding: 40px 0 60px;
}


