@charset "UTF-8";

/* ===============================================
    ! Foundation !
=============================================== */
/* =====================================
    * setting for animation style *
===================================== */
.fadeIn {
	opacity: 0;
	-webkit-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	/* 縦方向に下げておくことで、下から上に上がってくるようなアニメーションになります */
	-webkit-transition: all 2s;
	transition: all 2s;
}

.figure_wrap{
  overflow: hidden;
}

.figure_wrap::before{
	content: "";
	position: absolute;
	top: 0;
	left:0;
	display: block;
	width: 100%;
	height: calc(654 * (100vw / 750 ));
	background-color: #fff;
	z-index: 100;
	transition: all .7s;
	transition-delay: .2s;
}

.figure_wrap.is-anim-start::before {
    width: 0;
}

.js-scroll-fadein figure{
	position: relative;
	visibility: hidden;
	opacity: 0;
	transform: scale(1.25);
	will-change: opacity, transform;
	transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s;
	transition: all .8s;
	-webkit-transform: scale(1.25);
	-webkit-transition: all .8s;
	overflow: hidden;
	transition-delay: .4s;
}

.js-scroll-fadein.is-anim-start figure {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

/* jQueryでスクロール量に応じて付与された 'scrollIn' のスタイル */
.fadeIn.scrollIn {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}

#aw1st_all .fadetop {
	opacity: 0;
	-webkit-transition: all .7s;
	transition: all .7s;
}

#aw1st_all .fadetop.show {
  opacity: 1;
}

#aw1st_all .bx-wrapper {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: none;
	background: none;
	margin-bottom: 0;
}

/* =================
	all
================= */

.pc_only {
	display: none !important;
}

.aw1st_price {
	font-family: imperial-urw, sans-serif;
	font-size: calc(20 * (100vw / 750));
	letter-spacing: 0.055em;
	line-height: 1.58;
	padding-top: calc(30 * (100vw / 750));
	color: #595857;
}

.flexbox {
	display: flex;
}

/* =================
	title(top)
================= */

.main-area{
  overflow: visible;
}

.main-area .main-inner {
	width: 100%;
	max-width: none;
}

#aw1st_all {
	max-width: calc(750 * (100vw / 750));
	margin: 0 auto;
	font-feature-settings: "palt";
	box-sizing: border-box;
	font-weight: 400;
	font-style: normal;
}

#aw1st_all img {
	width: 100%;
}

#aw1st_all video {
	width: 100%;
}

#aw1st_all .aw1st_back {
	background-color: rgba(255, 255, 255, 0);
}

#aw1st_all .aw1st_top {
	position: sticky;
  top: calc(275   * (100vw / 750 ));
	width: calc(750 * (100vw / 750));
	margin: 0 auto;
	padding-bottom: calc(28 * (100vw / 750));
  z-index: -1;
}

#aw1st_all .aw1st_top.sticky{
/*    padding-top: calc(275   * (100vw / 750 ));*/
}

#aw1st_all .aw1st_top h2 {
  opacity: 0;
	position: absolute;
	width: calc(305 * (100vw / 750));
	top: calc(31 * (100vw / 750));
	left: calc(31 * (100vw / 750));
	z-index: 10;
  -webkit-transform: translate(0, -30px);
  -ms-transform: translate(0, -30px);
  transform: translate(0, -30px);
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
  z-index: 105;
}

#aw1st_all .aw1st_top h2.show{
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}

#aw1st_all .aw1st_top figure {
	width: calc(750 * (100vw / 750));
	margin: 0 auto;
	z-index: 1;
}

#aw1st_all .aw1st_top h3 {
	position: absolute;
	font-family: ivypresto-text, serif;
	text-align: end;
	font-size: calc(20 * (100vw / 750));
	line-height: 1.151;
	letter-spacing: 0.045em;
	color: #ED6D25;
	bottom: calc(66 * (100vw / 750));
	right: calc(35 * (100vw / 750));
	z-index: 10;
}

#aw1st_all .aw1st_top_txt {
	width: calc(750 * (100vw / 750));
	margin: 0 auto;
	padding-bottom: calc(58 * (100vw / 750));
	padding-left: calc(34 * (100vw / 750));
	font-family: ivypresto-headline, serif;
	font-size: calc(22 * (100vw / 750));
	color: #ED6D25;
	line-height: 1.42;
	letter-spacing: 0.082em;
}

#aw1st_all .aw1st_top_txt h3 {
	font-size: calc(22 * (100vw / 750));
	font-weight: 300;
	padding-bottom: calc(24 * (100vw / 750));
}

#aw1st_all .aw1st_top_txt p {
	font-size: calc(20 * (100vw / 750));
	font-weight: 100;
	line-height: 1.68;
	letter-spacing: 0.056em;
	padding-left: calc(37 * (100vw / 750));
}

#aw1st_all .aw1st_top_txt span {
	font-weight: 100;
	letter-spacing: 0.05em;
}

#aw1st_all .aw1st_top_txt .oomoji {
	font-size: calc(24 * (100vw / 750));
}

#aw1st_all .aw1st_top_txt .spac {
	margin-left: calc(-35 * (100vw / 750));
	letter-spacing: 0.063em;
}

#aw1st_all .aw1st_top_txt .ialic {
	font-weight: 100;
	letter-spacing: 0.1em;
	font-style: italic;
}

#aw1st_all .aw1st_top_txt .txt_bd {
	position: relative;
}

#aw1st_all .aw1st_top_txt .txt_bd::before {
	content: '';
	position: absolute;
	width: calc(30 * (100vw / 750));
	height: calc(2 * (100vw / 750));
	background-color: #ed6d25;
	top: calc(13 * (100vw / 750));
	left: calc(-35 * (100vw / 750));
}

#aw1st_all .aw1st_top_goods {
	width: calc(750 * (100vw / 750));
	margin: 0 auto;
	padding-bottom: calc(44.5 * (100vw / 750));
}

#aw1st_all .aw1st_top_goods .aw1st_price {
	padding-top: calc(20 * (100vw / 750));
	margin-left: calc(-10 * (100vw / 750));
}

#aw1st_all .aw1st_top_goods .aw1st_price.none{
	opacity: 0.5;
}

#aw1st_all .aw1st_top_goods .aw1st_top_fix {
	width: calc(548 * (100vw / 750));
	margin: 0 auto;
	padding-bottom: calc(34 * (100vw / 750));
}

/* =================
	section1
================= */
#aw1st_all .aw1st_bkcolor{
	background-color: #ffffff;
	padding-top: calc(44.5 * (100vw / 750));
}
#aw1st_all .aw1st_sec01 {
	width: calc(750 * (100vw / 750));
	display: block;
	margin-bottom: calc(112 * (100vw / 750));
}

#aw1st_all .aw1st_sec01 .sec01_blk1 {
	width: calc(545 * (100vw / 750));
	margin-right: auto;
	;
}

#aw1st_all .aw1st_sec01 .sec01_blk1 .aw1st_price {
	padding-left: calc(36 * (100vw / 750));
}

#aw1st_all .aw1st_sec01 .sec01_blk2 {
	width: calc(479 * (100vw / 750));
	margin-top: calc(100 * (100vw / 750));
	margin-right: calc(35 * (100vw / 750));
	margin-left: auto;
}

#aw1st_all .aw1st_sec01 .sec01_blk2 .aw1st_price {
	padding-top: calc(34 * (100vw / 750));
}

/* =================
	section2
================= */
#aw1st_all .aw1st_sec02 {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(195 * (100vw / 750));
}

#aw1st_all .sec02_blk1 {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(110 * (100vw / 750));
}

#aw1st_all .sec02_blk1 .aw1st_price {
	padding-left: calc(35 * (100vw / 750));
}

#aw1st_all .sec02_blk2 {
	flex-wrap: wrap-reverse;
	width: calc(545 * (100vw / 750));
}

#aw1st_all .sec02_credit._002 {
	margin-bottom: calc(110 * (100vw / 750));
	margin-left: calc(205 * (100vw / 750));
}

#aw1st_all .sec02_blk2 .aw1st_price {
	padding-top: calc(33 * (100vw / 750));
	padding-left: calc(2 * (100vw / 750));
}

#aw1st_all .sec02_blk2.flexbox .sec02_credit.fcd {
	width: calc(473 * (100vw / 750));
	margin-left: calc(60 * (100vw / 750));
}

#aw1st_all .sec02_blk2.flexbox .bx-wrapper {
	width: calc(545 * (100vw / 750));
}

/* =================
	section3
================= */
#aw1st_all .aw1st_sec03 {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(115 * (100vw / 750));
}

#aw1st_all .aw1st_sec03 .flexbox {
	flex-wrap: wrap;
}

#aw1st_all .aw1st_sec03 .sec03_movie {
	width: calc(306 * (100vw / 750));
	margin-top: calc(-220 * (100vw / 750));
	order: 3;
	z-index: 20;
}

#aw1st_all .aw1st_sec03 .sec03_img_1 {
	width: calc(470 * (100vw / 750));
	margin-top: calc(-580 * (100vw / 750));
	margin-left: calc(283 * (100vw / 750));
	order: 2;
	z-index: 10;
}

#aw1st_all .aw1st_sec03 .sec03_img_2 {
	width: calc(306 * (100vw / 750));
	margin-top: calc(-20 * (100vw / 750));
	order: 1;
	z-index: 20;
}

#aw1st_all .aw1st_sec03 .aw1st_price {
	padding-top: calc(110 * (100vw / 750));
	padding-left: calc(35 * (100vw / 750));
	order: 4;
}

/* =================
	section4
================= */
#aw1st_all .aw1st_sec04 {
	margin-left: calc(260 * (100vw / 750));
	margin-bottom: calc(110 * (100vw / 750));
}

#aw1st_all .aw1st_sec04 .flexbox {
	display: block;
}

#aw1st_all .aw1st_sec04 .flexbox img {
	width: calc(432 * (100vw / 750));
}

#aw1st_all .aw1st_sec04 .flexbox .aw1st_price {
	text-align: end;
	padding-right: calc(59 * (100vw / 750));
}

/* =================
	section5
================= */
#aw1st_all .aw1st_sec05 {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(113 * (100vw / 750));
}

#aw1st_all .aw1st_sec05 .flexbox {
	justify-content: center;
}

#aw1st_all .aw1st_sec05 .flexbox a:first-child {
	width: calc(390 * (100vw / 750));
}

#aw1st_all .aw1st_sec05 .flexbox a:nth-of-type(2) {
	width: calc(364 * (100vw / 750));
}

#aw1st_all .aw1st_sec05 .aw1st_price {
	padding-top: calc(32 * (100vw / 750));
	margin-left: calc(35 * (100vw / 750));
}

/* =================
	section6
================= */
#aw1st_all .aw1st_sec06 {
	width: calc(750 * (100vw / 750));
	margin: 0 auto;
	margin-bottom: calc(110 * (100vw / 750));
}

#aw1st_all .aw1st_sec06 .flexbox {
	flex-wrap: wrap-reverse;
}

#aw1st_all .sec06_blk1 {
	width: calc(502 * (100vw / 750));
	margin-bottom: calc(108 * (100vw / 750));
	margin-left: calc(35 * (100vw / 750));
}

#aw1st_all .sec06_blk2 {
	width: calc(459 * (100vw / 750));
	margin-bottom: calc(110 * (100vw / 750));
	margin-left: calc(257 * (100vw / 750));
}

#aw1st_all .sec06_blk2 .aw1st_price {
	padding-top: calc(32 * (100vw / 750));
	padding-left: calc(2 * (100vw / 750));
}

#aw1st_all .sec06_blk3 {
	width: calc(594 * (100vw / 750));
	margin-left: auto;
}

#aw1st_all .sec06_blk3 .aw1st_price {
	text-align: end;
	padding-top: calc(24 * (100vw / 750));
	margin-right: calc(40 * (100vw / 750));
}

/* =================
	section7
================= */
#aw1st_all .aw1st_sec07 {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(115 * (100vw / 750));
}

#aw1st_all .aw1st_sec07 .sec07_movie {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(118 * (100vw / 750));
}

#aw1st_all .aw1st_sec07 .flexbox {
	flex-wrap: wrap;
	margin-bottom: calc(99 * (100vw / 750));
}

#aw1st_all .sec07_blk1 {
	width: calc(319 * (100vw / 750));
	margin-left: calc(80 * (100vw / 750));
}

#aw1st_all .sec07_blk1 .aw1st_price {
	padding-top: calc(32 * (100vw / 750));
}

#aw1st_all .sec07_blk2 {
	width: calc(494 * (100vw / 750));
	margin-top: calc(123 * (100vw / 750));
	margin-left: calc(182 * (100vw / 750));
}

#aw1st_all .sec07_blk3 {
	width: calc(451 * (100vw / 750));
	margin-left: calc(70 * (100vw / 750));
}

/* =================
	section8
================= */
#aw1st_all .aw1st_sec08 {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(110 * (100vw / 750));
}

#aw1st_all .aw1st_sec08 .sec08_blk1 {
	width: calc(750 * (100vw / 750));
	margin: 0 auto;
	margin-bottom: calc(113 * (100vw / 750));
}

#aw1st_all .aw1st_sec08 .sec08_blk1 .aw1st_price {
	text-align: end;
	margin-right: calc(35 * (100vw / 750));
	padding-top: calc(32 * (100vw / 750));
}

#aw1st_all .aw1st_sec08 .flexbox._01 {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(110 * (100vw / 750));
	display: block;
}

#aw1st_all .aw1st_sec08 .sec08_blk2 {
	width: calc(319 * (100vw / 750));
	margin-left: calc(66 * (100vw / 750));
	margin-bottom: calc(86 * (100vw / 750));
}

#aw1st_all .aw1st_sec08 .sec08_blk3 {
	width: calc(488 * (100vw / 750));
	margin-left: auto;
}

#aw1st_all .aw1st_sec08 .flexbox._02 {
	width: calc(750 * (100vw / 750));
	justify-content: center;
}

#aw1st_all .aw1st_sec08 .sec08_blk4 {
	width: calc(391 * (100vw / 750));
}

#aw1st_all .aw1st_sec08 .sec08_blk4 .aw1st_price {
	margin-left: calc(35 * (100vw / 750));
	padding-top: calc(32 * (100vw / 750));
}

#aw1st_all .aw1st_sec08 .sec08_blk5 {
	width: calc(359 * (100vw / 750));
}

/* =================
	section9
================= */
#aw1st_all .aw1st_sec09 {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(112 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._01 {
	display: block;
}

#aw1st_all .aw1st_sec09 .flexbox._01,
#aw1st_all .aw1st_sec09 .flexbox._02 {
	width: calc(750 * (100vw / 750));
	display: block;
}

#aw1st_all .aw1st_sec09 .flexbox._01 .sec09_blk1 {
	width: calc(561 * (100vw / 750));
	margin-left: calc(35 * (100vw / 750));
	margin-bottom: calc(99 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._01 .sec09_blk1 .aw1st_price {
	padding-top: calc(32 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._01 .sec09_blk2 {
	width: calc(561 * (100vw / 750));
	margin-bottom: calc(111 * (100vw / 750));
	margin-left: auto;
}

#aw1st_all .aw1st_sec09 .flexbox._01 .sec09_blk2 .aw1st_price {
	text-align: end;
	padding-top: calc(32 * (100vw / 750));
	margin-right: calc(35 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._02 {
	display: block;
}

#aw1st_all .aw1st_sec09 .flexbox._02 .sec09_blk1 {
	width: calc(561 * (100vw / 750));
	margin-left: calc(154 * (100vw / 750));
	margin-bottom: calc(95 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._02 .sec09_blk1 .aw1st_price {
	text-align: end;
	padding-top: calc(32 * (100vw / 750));
	margin-right: calc(2 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._02 .sec09_blk2 {
	width: calc(561 * (100vw / 750));
	margin-right: auto;
	margin-right: calc(35 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._02 .sec09_blk2 .aw1st_price {
	margin-left: calc(35 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .aw1st_sec09_credit {
	width: calc(750 * (100vw / 750));
	margin: 0 auto;
}

/* #aw1st_all .aw1st_sec09 .aw1st_sec09_credit .aw1st_price.pdbox01{
	padding-top: 26px;
}
#aw1st_all .aw1st_sec09 .aw1st_sec09_credit .aw1st_price.pdbox02{
	padding-top: 19px;
} */
#aw1st_all .aw1st_sec09 .flexbox._03 {
	display: flex;
	flex-wrap: wrap-reverse;
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(114 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._03 .sec09_blk1 {
	width: calc(750 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._03 .sec09_blk1 .aw1st_price {
	margin-left: calc(35 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._03 .sec09_blk2 {
	width: calc(485 * (100vw / 750));
	margin-left: calc(35 * (100vw / 750));
	margin-bottom: calc(112 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._03 .sec09_blk2 .aw1st_price {
	padding-top: calc(32 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._04 {
	width: calc(634 * (100vw / 750));
	justify-content: space-between;
	margin-left: calc(58 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._04 .sec09_blk1 {
	width: calc(308 * (100vw / 750));
	margin-top: calc(62 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .flexbox._04 .sec09_blk2 {
	width: calc(308 * (100vw / 750));
}

#aw1st_all .aw1st_sec09 .aw1st_price._last {
	margin-left: calc(58 * (100vw / 750));
	padding-top: calc(33 * (100vw / 750));
	margin-bottom: calc(100 * (100vw / 750));
}

/* =================
	section10
================= */
#aw1st_all .aw1st_sec10 {
	width: calc(750 * (100vw / 750));
	margin: 0 auto;
	margin-bottom: calc(95 * (100vw / 750));
}

#aw1st_all .aw1st_sec10 .sec10_img_1 {
	width: calc(500 * (100vw / 750));
	margin-bottom: calc(115 * (100vw / 750));
	margin-left: calc(215 * (100vw / 750));
}

/* #aw1st_all .aw1st_sec10 .sec10_img_1 .aw1st_price{
	padding-top: 26px;
    padding-left: 4px;
} */
#aw1st_all .aw1st_sec10 .sec10_img_2 {
	width: calc(436 * (100vw / 750));
	margin: 0 auto;
	margin-bottom: calc(141 * (100vw / 750));
}

#aw1st_all .aw1st_sec10 .sec10_img_2 .aw1st_price {
	padding-top: calc(31 * (100vw / 750));
	margin-left: calc(-3 * (100vw / 750));
}

#aw1st_all .aw1st_sec10 .sec10_movie {
	width: calc(750 * (100vw / 750));
	margin-bottom: calc(110 * (100vw / 750));
}

#aw1st_all .aw1st_sec10 .aw1st_last {
	width: calc(750 * (100vw / 750));
	text-align: center;
}

#aw1st_all .aw1st_last h3 {
	font-family: ivypresto-text, serif;
	font-size: calc(22 * (100vw / 750));
	line-height: 1.4;
	letter-spacing: 0.06em;
	padding-left: calc(6 * (100vw / 750));
	color: #ED6D25;
	padding-bottom: calc(70 * (100vw / 750));
}

#aw1st_all .aw1st_last .aw1st_last_staff span {
	font-family: ivypresto-headline, serif;
	font-size: calc(20 * (100vw / 750));
	font-weight: 100;
	line-height: 1.8;
	letter-spacing: 0.07em;
	color: #231916;
}

#aw1st_all .aw1st_last .aw1st_last_staff span:first-child {
	letter-spacing: 0.2em;
	padding-left: calc(8 * (100vw / 750));
}

/* =================
	btn
================= */
#aw1st_all .aw1st_btn {
	text-align: center;
	text-decoration: underline;
	font-family: ivypresto-headline, serif;
	font-size: calc(21 * (100vw / 750));
	font-weight: 200;
	font-style: normal;
	letter-spacing: 0.076em;
	padding-left: calc(3 * (100vw / 750));
	color: #231916;
	margin-bottom: calc(200 * (100vw / 750));
}

#aw1st_all .aw1st_btn a {
	display: block;
}