@charset "utf-8";

@media screen and (min-width: 736px) {
  :root{
    --content_width: 750px;
    --menu_scale: 1px;
  }
  html, body{
    height: 100%;
    overscroll-behavior: none;
  }
  a, button{
    transition: opacity .4s;
  }
  a:hover, button:hover {
    opacity: .6;
    text-decoration: none;
  }
  footer .footer_link_block .footer_link:hover{
    text-decoration: underline;
  }
  .content_outer .content_inner{
    position: relative;
    height: 100%;
    overflow: auto;
    z-index: 50;
    margin-left: calc((100% - var(--content_width)) / 2);
    width: var(--content_width);
    background-color: #fff;
    border-left: 5px solid #440106;
    border-right: 5px solid #440106;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
  }

  .content_wrapper{
    width: 100%;
  }
  .kv_block{
    padding-bottom: calc(275 * var(--content_width) / 750);
  }
  .kv_block .kv_img{
    width: calc(706 * var(--content_width) / 750);
    line-height: 0;
    margin-bottom: calc(70 * var(--content_width) / 750);
  }
  .kv_block .btn_start{
    display: none;
  }
  .kv_block .txt_onlysp{
    display: block;
    width: calc(539 * var(--content_width) / 750);
    margin: 0 auto calc(75 * var(--content_width) / 750);;
  }
  
  .content_outer .pc_wrapper{
    display: block;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    margin-top: -100dvh;
    height: 100dvh;
    overflow: hidden;
    
    background-color: #fdeb66;
    background-image: url(../images/pc_bg_pattern.png);
    background-size: calc(324 * var(--menu_scale)) calc(324 * var(--menu_scale));
    background-position: center bottom;
    background-repeat: repeat;
  }
  .content_outer .pc_wrapper::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(140 * var(--menu_scale));
    background-color: #c5a449;
    background-image: url(../images/pc_bg_pattern.png);
    background-size: calc(324 * var(--menu_scale)) calc(324 * var(--menu_scale));
    background-position: center bottom;
    background-repeat: repeat;
  }
  
  .content_outer .pc_wrapper .pc_content_block{
    position: absolute;
    top: 0;
    width: calc((100% - var(--content_width)) / 2);
    height: 100%;
    
    

  }
  .content_outer .pc_wrapper .pc_content_block.pc_left_block{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    left: 0;
    background-image: url(../images/pc_bg_char.png);
    background-size: calc(350 * var(--menu_scale)) calc(173 * var(--menu_scale));
    background-position: bottom calc((140 * var(--menu_scale)) - (50 * var(--menu_scale))) center;
    background-repeat: no-repeat;
    z-index: 100;
    padding-bottom: calc(150 * var(--menu_scale));
  }
  .content_outer .pc_wrapper .pc_content_block.pc_left_block .pc_link_menu{
    display: none;
    flex-direction: column;
    gap: calc(30 * var(--menu_scale));
  }
  .top .content_outer .pc_wrapper .pc_content_block.pc_left_block .pc_link_menu{
    display: flex;
  }
  .content_outer .pc_wrapper .pc_content_block.pc_left_block .pc_link_menu .btn_pc_link{
    display: block;
    line-height: 0;
  }
  .content_outer .pc_wrapper .pc_content_block.pc_left_block .pc_link_menu .btn_pc_top{ width: calc(161 * var(--menu_scale)); }
  .content_outer .pc_wrapper .pc_content_block.pc_left_block .pc_link_menu .btn_pc_howto{ width: calc(186 * var(--menu_scale)); }
  .content_outer .pc_wrapper .pc_content_block.pc_left_block .pc_link_menu .btn_pc_target{ width: calc(341 * var(--menu_scale)); }
  .content_outer .pc_wrapper .pc_content_block.pc_left_block .pc_link_menu .btn_pc_download{ width: calc(374 * var(--menu_scale)); }

  .content_outer .pc_wrapper .pc_content_block.pc_right_block{
    right: 0;
  }
  .content_outer .pc_wrapper .pc_content_block.pc_right_block .pc_qr_block{
    position: absolute;
    bottom: calc((140 * var(--menu_scale)) - (34 * var(--menu_scale)));
    left: calc(40 * var(--menu_scale));
    right: 0;
    width: calc(434 * var(--menu_scale));
    height: calc(475 * var(--menu_scale));
    margin: 0 auto;
    background-image: url(../images/pc_qr_bg.png);
    background-size: 100% 100%;
  }
  .content_outer .pc_wrapper .pc_content_block.pc_right_block .pc_qr_block .pc_qr_img{
    position: absolute;
    left: calc(44* var(--menu_scale));
    bottom: calc(44 * var(--menu_scale));
    width: calc(147 * var(--menu_scale));
    height: calc(147 * var(--menu_scale));
  }
  .section2,
  .section3{
    display: none;
  }
  .section4 .download_image_wrapper{
    height: calc(750 * var(--content_width) / 750);
  }
  .section4 .download_image_wrapper .download_image_inner .download_image_block{
    justify-content: flex-start;
    align-items: center;
    gap: calc(30 * var(--content_width) / 750);
  }
  .section4 .download_image_wrapper .download_image_inner .download_image_block .btn_download{
    display: block;
    width: calc(299 * var(--content_width) / 750);
    line-height: 0;
  }
  .section4 .download_text{
    display: none;
  }
}

@media screen and (min-width: 736px) and  (max-height: 1500px){
  :root{
    --content_width: 50dvh;
  }
}