body {
  min-width: auto;
}

body .wrapBottom {
  overflow: auto;
}

#aw-1___pre_order___200722 {
  font-family: 'Crimson Text';
  display: block;
}

#aw-1___pre_order___200722 img {
  width: auto;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

.main_contents .lazyload {
  opacity: 0;
  transition: opacity .3s ease;
}

.main_contents .lazyloaded {
  opacity: 1;
}

.main_contents .fade-in {
  opacity: 0;
  transform: translateY(50px);
  transition: all  800ms ease 300ms;
}

.main_contents .fade-in.fade-in-show {
  opacity: 1;
  transform: translateY(0);
}

.border___topleft {
  position: relative;
}

.border___topleft::after {
  content: '';
  position: absolute;
  width: 96%;
  height: 97.5%;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-right: none;
  border-bottom: none;
}

.border___rightbtm {
  position: relative;
}

.border___rightbtm::after {
  content: '';
  position: absolute;
  width: 96%;
  height: 97.5%;
  left: 0;
  top: 0;
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-left: none;
  border-top: none;
}

.pc___none {
  display: none;
}

.main_contents {
  max-width: 1100px;
  margin: 0 auto;
  padding-top: 22px;
}

.main_visual {
  position: relative;
  width: 90.90909%;
  margin: 0 auto 60px;
}

.main_visual .page___title {
  width: 36.3%;
  position: absolute;
  left: 8%;
  top: 47%;
  transform: translateY(-50%);
}

.codinate___box {
  position: relative;
}

.codinate___box .codinate___img > a {
  display: block;
  position: relative;
  z-index: 1;
}

.codinate___box .codinate___credit {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  opacity: 0;
  transition: opacity 800ms;
}

.codinate___box .codinate___credit .modal_bg_link {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 0;
  left: 0;
}

.codinate___box .codinate___credit .modal_bg_link a {
  display: block;
  width: 100%;
  height: 100%;
}

.codinate___box .codinate___credit:hover {
  opacity: 1;
}

.codinate___box .credit___list {
  position: relative;
  z-index: 1;
}

.codinate___box .credit___list .credit___list_li {
  margin-bottom: 4px;
}

.codinate___box .credit___list .credit___list_li a {
  color: #fff;
  font-size: 1.3rem;
  letter-spacing: 0.015em;
  line-height: 2;
  border-bottom: 1px solid #fff;
}

.section___cmn {
  margin-bottom: 90px;
}

.section___pattern_01 .section___content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.section___pattern_01 .codinate___box:first-child {
  margin-right: 5.45455%;
}

.section___pattern_01 .small___box {
  width: 32%;
}

.section___pattern_01 .large___box {
  width: 36.54545%;
}

.section___pattern_01.diagonal .codinate___box:nth-child(2) {
  margin-top: 60px;
}

.section___pattern_01.diagonal .small___box {
  width: 34.54545%;
}

.section___pattern_01.btm___alignment .section___content {
  align-items: flex-end;
}

.section___pattern_02 {
  position: relative;
}

.section___pattern_02::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  height: 76.88889%;
  background-color: #f1f1f1;
}

.section___pattern_02 .visual___titile_box {
  margin-bottom: 32px;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
}

.section___pattern_02 .visual___titile_box .codinate___box {
  width: 32.72727%;
  margin-left: 11.09091%;
  margin-right: 7.45455%;
}

.section___pattern_02 .visual___titile_box .title___box {
  padding-top: 10%;
  width: 49.27273%;
}

.section___pattern_02 .visual___titile_box .title___box .section___title {
  padding-top: 5.66667%;
  width: 84.50185%;
  margin-left: 0;
  margin-bottom: 20.56075%;
}

.section___pattern_02 .visual___titile_box .title___box .section___datecaption {
  width: 42.98893%;
  margin-left: auto;
  margin-right: 5.53506%;
}

.section___pattern_02 .section___content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.section___pattern_02 .section___content .codinate___box {
  width: 20%;
  margin-right: 2.90909%;
}

.section___pattern_02 .section___content .codinate___box:last-child {
  margin-right: 0;
}

.section___pattern_02.inverse .visual___titile_box .codinate___box {
  order: 2;
  margin-right: 10.90909%;
  margin-left: auto;
}

.section___pattern_02.inverse .visual___titile_box .title___box {
  order: 1;
}

.section___pattern_02.inverse .visual___titile_box .title___box .section___title {
  padding: 100px 0 0 18.45018%;
}

.section___pattern_02.inverse .visual___titile_box .title___box .section___datecaption {
  margin-right: 0;
  margin-left: 5.53506%;
}

.section___pattern_02.inverse.section___024 .title___box .section___title {
  width: 98.89299%;
  padding-left: 9.22509%;
}

.section___pattern_03 {
  position: relative;
}

.section___pattern_03::before {
  content: "";
  position: absolute;
  left: 0;
  right: -11.09091%;
  top: 0;
  bottom: 0;
  z-index: 1;
  margin: auto;
  width: 48.36364%;
  height: 88.37438%;
  border: 1px solid #b2b2b2;
}

.section___pattern_03::after {
  content: "";
  position: absolute;
  left: 0;
  right: -11.09091%;
  top: 0;
  bottom: 0;
  z-index: 2;
  margin: auto;
  width: 46.42909%;
  height: 86.16502%;
  border: 1px solid #cbcbcb;
}

.section___pattern_03 .visual___titile_box {
  position: relative;
  z-index: 3;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 42px;
  margin-left: 20.36364%;
}

.section___pattern_03 .visual___titile_box .codinate___box {
  width: 36.36364%;
  margin-right: 9.54545%;
}

.section___pattern_03 .visual___titile_box .title___box {
  width: 7.90909%;
  align-self: flex-end;
}

.section___pattern_03 .visual___titile_box .title___box .section___title {
  margin-bottom: 0;
}

.section___pattern_03 .section___content {
  position: relative;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.section___pattern_03 .section___content .codinate___box {
  width: 22.72727%;
  margin-right: 2.90909%;
}

.section___pattern_03 .section___content .codinate___box:last-child {
  margin-right: 0;
}

.section___pattern_03.section___010 .visual___titile_box {
  margin-left: 25.90909%;
}

.section___pattern_03.section___010 .visual___titile_box .codinate___box {
  margin-right: 4.09091%;
}

.section___pattern_04 {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.section___pattern_04 .title___box {
  width: 4.09091%;
  margin-left: auto;
  margin-right: 2.72727%;
}

.section___pattern_04 .title___box .section___title {
  margin-bottom: 0;
}

.section___pattern_04 .section___content {
  width: 57.27273%;
  margin: 0 auto 0 0;
  display: flex;
  flex-wrap: wrap;
}

.section___pattern_04 .section___content .codinate___box {
  width: 47.61905%;
  margin-right: 4.7619%;
  margin-bottom: 30px;
}

.section___pattern_04 .section___content .codinate___box:nth-child(even) {
  margin-right: 0;
}

.section___pattern_04 .section___content .codinate___box:nth-child(n + 3) {
  margin-bottom: 0;
}

.section___pattern_04.section___018 .title___box, .section___pattern_04.section___027 .title___box {
  width: 9.45455%;
}

.section___pattern_05 {
  padding: 20px 0;
}

.section___pattern_05 .section___content {
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.section___pattern_05 .section___content .codinate___box {
  width: 29.09091%;
  margin-right: 1.81818%;
}

.section___pattern_05 .section___content .codinate___box:last-child {
  margin-right: 0;
}

.section___pattern_06 {
  width: 85.45455%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: stretch;
  background-color: #f1f1f1;
}

.section___pattern_06 .visual___titile_box {
  padding-top: 8.51064%;
  padding-bottom: 3.19149%;
  width: 50%;
  height: 100%;
}

.section___pattern_06 .visual___titile_box .codinate___box {
  width: 72.34043%;
  margin: 0 auto 10.6383%;
}

.section___pattern_06 .visual___titile_box .title___box {
  width: 71.91489%;
  margin: 0 auto;
}

.section___pattern_06 .visual___titile_box .title___box .section___title {
  margin-bottom: 0;
}

.section___pattern_06 .section___content {
  width: 50%;
  height: 100%;
}

.section___pattern_06.inverse .visual___titile_box {
  order: 2;
}

.section___pattern_06.inverse .section___content {
  order: 1;
}

.section___pattern_06.section___011 .visual___titile_box, .section___pattern_06.section___019 .visual___titile_box, .section___pattern_06.section___026 .visual___titile_box {
  padding-top: 6.38298%;
}

.section___pattern_06.section___011 .visual___titile_box .codinate___box, .section___pattern_06.section___019 .visual___titile_box .codinate___box, .section___pattern_06.section___026 .visual___titile_box .codinate___box {
  width: 68.08511%;
  margin: 0 auto 12.76596%;
}

.all___item___link {
  width: 54.54545%;
  margin: 90px auto 90px;
}

.all___item___link a {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #898989;
  background-color: #fff;
  font-size: 1.1rem;
  line-height: 154.54545%;
  padding: 1.5em 0;
  text-align: center;
}

#aw-1___pre_order___200722 {
  overflow: hidden;
}

#aw-1___pre_order___200722 .section___001 .section___content .codinate___001 {
  width: 31.81818%;
}

#aw-1___pre_order___200722 .section___001 .section___content .codinate___002 {
  width: 36.36364%;
}

#aw-1___pre_order___200722 .section___002::before {
  top: -3%;
}

#aw-1___pre_order___200722 .section___002 .visual___titile_box {
  margin-bottom: 29px;
}

#aw-1___pre_order___200722 .section___002 .visual___titile_box .codinate___003 {
  width: 33.18182%;
  margin-left: 10.90909%;
}

#aw-1___pre_order___200722 .section___002 .visual___titile_box .title___box {
  padding-top: 10.7%;
}

#aw-1___pre_order___200722 .section___002 .visual___titile_box .title___box .section___title {
  margin-bottom: 23%;
}

#aw-1___pre_order___200722 .section___002 .section___content .codinate___box {
  margin-right: 2.72727%;
}

#aw-1___pre_order___200722 .section___002 .section___content .codinate___box.codinate___005 {
  margin-right: 0;
}

#aw-1___pre_order___200722 .section___003 .visual___titile_box {
  margin-bottom: 40px;
}

#aw-1___pre_order___200722 .section___005 .title___box {
  width: 4%;
  margin-left: 18.27273%;
  margin-right: 2.90909%;
}

#aw-1___pre_order___200722 .section___005 .section___content {
  width: 57.36364%;
}

#aw-1___pre_order___200722 .section___007 .visual___titile_box .codinate___box {
  margin-bottom: 11.48936%;
}

#aw-1___pre_order___200722 .section___008 .section___content .large___box {
  width: 36.36364%;
}

#aw-1___pre_order___200722 .section___008 .section___content .small___box {
  width: 31.81818%;
}

#aw-1___pre_order___200722 .section___009::before {
  top: -3%;
}

#aw-1___pre_order___200722 .section___009 .visual___titile_box {
  margin-bottom: 29px;
}

#aw-1___pre_order___200722 .section___009 .visual___titile_box .codinate___003 {
  width: 33.18182%;
  margin-left: 10.90909%;
}

#aw-1___pre_order___200722 .section___009 .visual___titile_box .title___box {
  padding-top: 8.81818%;
}

#aw-1___pre_order___200722 .section___009 .visual___titile_box .title___box .section___title {
  width: 79.33579%;
  margin-bottom: 14%;
}

#aw-1___pre_order___200722 .section___009 .section___content .codinate___box {
  margin-right: 2.72727%;
}

#aw-1___pre_order___200722 .section___009 .section___content .codinate___box.codinate___022 {
  margin-right: 0;
}

#aw-1___pre_order___200722 .section___011 .visual___titile_box .codinate___box {
  margin-bottom: 13.61702%;
}

#aw-1___pre_order___200722 .section___011 .visual___titile_box .title___box {
  width: 74.46809%;
}

#aw-1___pre_order___200722 .section___012 .title___box {
  width: 3.95455%;
  margin-left: 18.27273%;
  margin-right: 2.90909%;
}

#aw-1___pre_order___200722 .section___012 .section___content {
  width: 57.36364%;
}

#aw-1___pre_order___200722 .section___013 .section___content .codinate___031 {
  width: 31.81818%;
}

#aw-1___pre_order___200722 .section___013 .section___content .codinate___032 {
  width: 36.36364%;
}

#aw-1___pre_order___200722 .section___015 .visual___titile_box .codinate___box {
  margin-bottom: 11.48936%;
}

#aw-1___pre_order___200722 .section___015 .visual___titile_box .title___box {
  width: 79%;
  position: relative;
  left: -1%;
}

#aw-1___pre_order___200722 .section___016::before {
  top: -3%;
}

#aw-1___pre_order___200722 .section___016 .visual___titile_box {
  margin-bottom: 30px;
}

#aw-1___pre_order___200722 .section___016 .visual___titile_box .codinate___037 {
  width: 32.90909%;
  margin-left: 10.90909%;
  margin-right: 10%;
}

#aw-1___pre_order___200722 .section___016 .visual___titile_box .title___box {
  padding-top: 11.2%;
  width: 41%;
}

#aw-1___pre_order___200722 .section___016 .visual___titile_box .title___box .section___title {
  margin-bottom: 27%;
}

#aw-1___pre_order___200722 .section___016 .visual___titile_box .title___box .section___datecaption {
  width: 51.5%;
  margin-right: -6%;
}

#aw-1___pre_order___200722 .section___016 .section___content .codinate___box {
  margin-right: 2.72727%;
}

#aw-1___pre_order___200722 .section___016 .section___content .codinate___box.codinate___039 {
  margin-right: 0;
}

#aw-1___pre_order___200722 .section___018 .title___box {
  width: 9.38182%;
  margin-left: 15.72727%;
  margin-right: 2.72727%;
}

#aw-1___pre_order___200722 .section___018 .section___content {
  width: 57.27273%;
}

#aw-1___pre_order___200722 .section___019 .visual___titile_box {
  padding-top: 5.3%;
  padding-bottom: 0;
}

#aw-1___pre_order___200722 .section___019 .visual___titile_box .codinate___box {
  width: 72.5%;
  margin-bottom: 9.3617%;
}

#aw-1___pre_order___200722 .section___019 .visual___titile_box .title___box {
  width: 76.59574%;
}

#aw-1___pre_order___200722 .section___020 .section___content .codinate___047 {
  width: 31.81818%;
}

#aw-1___pre_order___200722 .section___020 .section___content .codinate___048 {
  width: 36.36364%;
}

#aw-1___pre_order___200722 .section___021 .visual___titile_box {
  margin-bottom: 40px;
}

#aw-1___pre_order___200722 .section___022 .visual___titile_box .codinate___box {
  margin-bottom: 11.91489%;
}

#aw-1___pre_order___200722 .section___022 .visual___titile_box .title___box {
  width: 80%;
}

#aw-1___pre_order___200722 .section___024::before {
  top: -3%;
}

#aw-1___pre_order___200722 .section___024 .visual___titile_box {
  margin-bottom: 30px;
}

#aw-1___pre_order___200722 .section___024 .visual___titile_box .codinate___056 {
  width: 32.72727%;
}

#aw-1___pre_order___200722 .section___024 .visual___titile_box .title___box {
  padding-top: 9%;
}

#aw-1___pre_order___200722 .section___024 .visual___titile_box .title___box .section___title {
  margin-bottom: 14%;
}

#aw-1___pre_order___200722 .section___026 .visual___titile_box {
  padding-top: 6.5%;
  padding-bottom: 0;
}

#aw-1___pre_order___200722 .section___026 .visual___titile_box .codinate___box {
  width: 68.1%;
  margin-bottom: 13.82979%;
}

#aw-1___pre_order___200722 .section___026 .visual___titile_box .title___box {
  width: 71.2766%;
}

#aw-1___pre_order___200722 .section___027 .title___box {
  width: 9.38182%;
  margin-left: 15.72727%;
  margin-right: 2.72727%;
}

#aw-1___pre_order___200722 .section___027 .section___content {
  width: 57.27273%;
}

@media all and (-ms-high-contrast: none) {
  #aw-1___pre_order___200722 .section___005 .title___box,
  #aw-1___pre_order___200722 .section___012 .title___box,
  #aw-1___pre_order___200722 .section___018 .title___box,
  #aw-1___pre_order___200722 .section___027 .title___box {
    margin-left: 0;
  }
}