/* CSS Document */
@media screen and (max-width: 1062px) {
  #header .header_menu ul li a {
    padding: 0px 15px;
    font-size: 12px;
  }
  #admin_full_order_deadline_year,
  #admin_full_order_deadline_month,
  #admin_full_order_deadline_day {
    width: 80px !important;
    display: block !important;
  }
  #admin_full_order_deadline_year,
  #admin_full_order_deadline_month {
    margin-bottom: 10px !important;
  }
  .scale {
    display: none;
  }

  #header .header_top h2 {
    font-size: 11px;
  }

  #header .header_sub h1 img {
    width: 248px;
  }

}
@media screen and (min-width: 1088px) {
  .br {
    display: none;
  }
}
@media screen and (max-width: 1059px) {
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group .download_btn {
    font-size: 13px;
  }
  #detail_sec1 .draft_option > ul {
    grid-template-columns: repeat(2,1fr);
  }
}
@media screen and (max-width: 1010px) {
  #header .header_menu ul li a {
    font-size: 12px;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body {
    margin-left: 0;
  }
}
@media screen and (max-width: 996px) {
  #sec1 .part1 .main_content .main_part1 .block .content a h3 {
    font-size: 14px;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .items_piece .item {
    width: initial;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group .download_btn img {
    left: 15px;
  }
  #sec1 .part1 .main_content .main_part6 .block .header h2 a {
    justify-content: flex-start;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img .small_imgs {
    justify-content: center;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body {
    width: auto;
    max-width: none;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body {
    margin-left: 0;
  }
}
@media screen and (max-width: 958px) {
  #header .header_menu ul li a {
    font-size: 11px;
  }
  #sec1 .part1 .main_content .main_part6 .block .content ul li .title {
    font-size: 12px;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group.case_group label {
    font-size: 12px;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td {
    font-size: 10px;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group label {
    font-size: 13px;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul,
  #sec1 .part1 .main_content .main_part5 .block .content > ul {
    grid-template-columns: repeat(2, 1fr);
  }
  .search button,
  .search2 button {
    font-size: 14px;
  }
}
@media screen and (max-width: 906px) {
  #header .header_menu ul li a {
    font-size: 10px;
    padding: 0 20px;
  }
  .method_list ul {
    grid-template-columns: repeat(2,1fr);
  }
  .search_ctg ul li {
    display: block;
  }
  .search_ctg ul li .form {
    width: 90%;
  }
  #detail_sec1 .category_part .category_body {
    grid-template-columns: repeat(4,1fr);
  }
}
@media screen and (max-width: 855px) {
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group.case_group label {
    font-size: 10px;
  }
  #sec1 .part1 .main_content .main_part1 .block h2 {
    font-size: 20px;
  }
  #sec1 .part1 .main_content .main_part1 .block h2 a {
    font-size: 12px;
  }
  .search .ser_button, .search2 .ser_button {
    width: 60%;
  }
  #sec1 .part1 .main_content .main_part1 .block .content {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(3, 1fr);
    gap: 5vw 3vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img {
    width: 100%;
  }
  /* フルオーダー */
  #sec1.fullorder .step_list.print {
    grid-template-columns: repeat(3,1fr);
  }
  #sec1.fullorder .input input.two {
    margin-left: 29px;  
  }
  #sec1.fullorder .input .size-right p {
    margin: 0 34px;
  }
  #sec1.fullorder .sp_block .input label {
    width: 150px;
    min-width: 150px;
  }

  #detail_sec1 .flex_part .flex_img_left {
    display: block;
  }
  #detail_sec1 .part1 .main_content .detail_part {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  .sp {
    display: none !important;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul li a {
    margin-left: 10px;
  }
  #detail_sec1 .cart_part .cart_body .desc_part .block ul li {
    margin-left: 1em;
    text-indent: -0.95em;
  }    
}
@media screen and (max-width: 800px) {
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group .download_btn {
    font-size: 10px;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 3.8vw;
  }
  .pc {
    display: none !important;
  }
  .fixedcontainer {
    width: 100%;
  }
  .br {
    display: none;
  }
  .body {
    font-size: 3.8vw;
  }
  .flex_part .flex_img_left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .flex_part .flex_img_right {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .sp_drag {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
  }
  .sp_drag_part {
    text-align: center;
    padding: 2vw 5px 1.5vw;
  }
  ul.sp_drag_btns {
    list-style: none;
    width: 100%;
  }
  ul.sp_drag_btns li {
    float: left;
    width: 50%;
  }
  ul.sp_drag_btns li a {
    display: block;
    width: 96%;
    display: block;
    margin: 0 auto;
  }
  ul.sp_drag_btns li a img {
    width: 100%;
    vertical-align: middle;
  }
  .top {
    margin-top: 66px;
    height: 133vw;
  }
  .top .container {
    width: 100%;
  }
  .loopSliderWrap1 {
    width: 100%;
    height: 133vw;
  }
  .loopSlider1 {
    width: 100%;
    height: 133vw;
  }
  .loopSlider1 ul {
    width: 100%;
    height: 133vw;
  }
  .loopSlider1 ul li {
    width: 100vw;
    height: 133vw;
  }
  .loopSlider1 ul li div {
    width: 100vw;
    height: 133vw;
  }
  #pc_menu2 {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    padding: 35px 0;
    background: #f6f6f6;
    text-align: center;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
  }
  #pc_menu2 .top_menu_link {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 1.4;
    font-size: 3.6vw;
    color: #814900;
    padding: 0 30px;
    border-right: 1px solid #ccc;
  }
  #pc_menu2 .top_menu_link span {
    font-size: 4.8vw;
    font-weight: bold;
    color: #444;
  }
  #pc_menu2 .top_menu_link:hover {
    opacity: 0.3;
  }
  #pc_menu2 .top_menu_link:last-child {
    border-right: 0px solid #ccc;
  }
  #sec1.fullorder .step_list.print label{
    font-size:13px;
  }
  #sec1.fullorder .step_list.cloth{
    font-size:14px;
  }
  #sec1.fullorder .step_list li{
    font-size:15px;
  }
  .spec_btn {
    cursor: pointer;
    z-index: 9;
    position: absolute;
    bottom: 2.8vw;
    right: 2.8vw;
    width: 4.8vw;
    z-index: 10;
  }
  .spec_close {
    position: absolute;
    top: -8vw;
    right: 8vw;
  }
  .spec_close img {
    width: 7vw;
  }
  .spec_box {
    width: 73%;
    display: block;
  }
  .spec_main_box {
    height: auto;
  }
  .pricing {
    padding-left: 50px;
  }
  .spec_box_img {
    width: 100%;
    height: 92vw;
  }
  .spec_box_text {
    width: 100%;
    margin-top: 3vw;
    margin-left: 0;
  }
  .sidebar_btn_group {
    position: fixed;
    width: 10.9vw;
    right: 0;
    z-index: 100;
    top: 40%;
  }
  @-webkit-keyframes discoverAnimatin {
    0% {
      background-position: bottom 0 center;
    }
    20% {
      background-position: bottom 40.8vw center;
    }
    60% {
      background-position: bottom 40.8vw center;
    }
    80% {
      background-position: bottom 81.6vw center;
    }
    100% {
      background-position: bottom 81.6vw center;
    }
  }
  @keyframes discoverAnimatin {
    0% {
      background-position: bottom 0 center;
    }
    20% {
      background-position: bottom 40.8vw center;
    }
    60% {
      background-position: bottom 40.8vw center;
    }
    80% {
      background-position: bottom 81.6vw center;
    }
    100% {
      background-position: bottom 81.6vw center;
    }
  }
  #header .header_top {
    background: white;
    position: fixed;
    z-index: 10000;
    top: 0;
    width: 100%;
    text-align: right;
    height: 70px;
    margin-top: 0;
    padding: 0 4vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
  }
  #header .header_top .logo_image {
    width: 50%;
  }
  #header .header_top .menu {
    width: 50%;
  }
  #header .header_top .menu ul li a {
    padding: 0 2.4vw;
  }
  #header .header_top .menu ul li a img {
    width: 20px;
    margin-right: 8px;
  }
  #header .header_top .menu ul li a::after {
    content: none;
  }
  #header .header_top h1 {
    padding-bottom: 10px;
    top: 0;
    left: 10px;
    overflow: hidden;
    display: flex;
    align-items: center;
    line-height: 0;
  }
  #header .header_top h1 img {
    max-width: 250px;
    max-height: 60px;
    width: 100%;
  }
  #header .header_top h1 img.logo_upload {
    max-width: 240px;
    max-height: 40px;
    width: auto;
    display: block;
    margin: 0 auto;
  }
  #header .menu-trigger {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    margin-top: 0;
    width: 40px;
    height: 40px;
    z-index: 10002;
  }
  #header .menu-trigger:hover {
    opacity: 1;
  }
  #header .menu-trigger span {
    display: inline-block;
    transition: all 0.4s;
    box-sizing: border-box;
    cursor: pointer;
    /* float: right; */
    position: absolute;
    width: 24px;
    height: 2px;
    left: 0;
    background: #333333;
    right: 0;
    margin: auto;
  }
  #header .menu-trigger span:nth-of-type(1) {
    top: 12px;
  }
  #header .menu-trigger span:nth-of-type(2) {
    top: 0;
    bottom: 0;
  }
  #header .menu-trigger span:nth-of-type(3) {
    bottom: 12px;
  }
  #header .menu-trigger.active span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
  }
  #header .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  #header .menu-trigger.active span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
  }
  #header .g_nav {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 10000;
    left: 0;
    display: none;
    background: white;
    height: 100%;
    border-bottom: 1px solid #ddd;
    padding-top: 65px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
  #header .g_nav ul {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    letter-spacing: 0.1em;
    padding-bottom: 5vw;
    border-top: 1px solid #fff;
    height: 100vh;
    background: white;
  }
  #header .g_nav .menu {
    padding-right: 40px;
    display: flex;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: white;
    justify-content: center;
    z-index: 1;
    box-shadow: 0 2px 2px #DDD;
  }
  #header .g_nav .menu ul {
    display: flex;
    height: auto;
    padding-bottom: 0;
    margin: 0 20px;
    gap: 10px;
  }
  #header .g_nav .menu ul li {
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
  }
  #header .g_nav .menu ul li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    height: 50px;
    padding: 0 12px;
    background: #EA7318;
  }
  #header .g_nav .menu ul li a p {
    font-size: 14px;
    color: white;
  }
  /*#header .g_nav .menu ul li a::after {*/
  /*  content: "";*/
  /*  height: 22px;*/
  /*  background: #DDD;*/
  /*  width: 1px;*/
  /*}*/
  #header .g_nav .sidebar .ttl {
    text-align: left;
    background-color: #F8F8F8;
  }
  #header .g_nav .sidebar .ttl h3 {
    padding: 20px 20px;
    background: #F8F8F8;
    font-size: 20px;
    font-weight: normal;
    color: #919191;
  }
  #header .g_nav .sidebar .ttl .features {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 0 20px;
    background: #F8F8F8;
    gap: 10px;
  }
  #header .g_nav .sidebar .ttl .features a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border: 1px solid #EA7318;
    color: #EA7318;
  }
  #header .g_nav .sidebar dl {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: -1px;
  }
  #header .g_nav .sidebar dl dt {
    padding: 0 20px;
    border-bottom: 1px solid #DDD;
  }
  #header .g_nav .sidebar dl dt a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    padding: 20px 0;
  }
  #header .g_nav .sidebar dl dt a::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #F37A02;
    border-right: 2px solid #F37A02;
    top: 50%;
    transform: rotate(135deg);
    transition: all 0.3s ease;
  }
  #header .g_nav .sidebar dl dt a.active::after {
    transform: rotate(-45deg);
    transition: all 0.3s ease;
  }
  #header .g_nav .sidebar dl dt span {
    color: #333;
    flex: 1;
    text-align: left;
  }
  #header .g_nav .sidebar dl dd {
    display: none;
  }
  #header .g_nav .sidebar dl dd ul {
    height: auto;
    padding: 0;
  }
  #header .g_nav .sidebar dl dd ul li {
    border-bottom: 1px solid #DDD;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #333;
    font-size: 14px;
  }
  #header .g_nav .sidebar dl dd ul li a span {
    color: #333;
    flex: 1;
    text-align: left;
    font-size: 14px;
  }
  #header .g_nav .sidebar_content dl dd ul li a {
    color: #333;
    flex: 1;
    text-align: left;
    font-size: 13px;
  }
  #header .g_nav .sidebar dl dd ul li a::after {
    top: 50%;
    right: 15%;
    transform: rotate(-45deg) translateY(-50%);
  }
  #header .g_nav .sidebar dl dd ul li a.sale::after {
    top: 50%;
    right: 0;
    border-right: 2px solid #F37A02;
    border-bottom: 2px solid #F37A02;
    transform: rotate(-45deg);
    transition: all 0.3s ease;
  }
  #header .g_nav .sidebar.sidebar_menu dl dt a::after {
    transform: rotate(45deg);
  }
  #header .g_nav ul li:not(.sp-more) {
    float: none;
    width: 100%;
    font-size: 15px;
    margin: 0;
    border-bottom: 1px solid #fff;
    text-align: left;
  }
  #header .g_nav ul dt:not(.sp-more) {
    float: none;
    width: 100%;
    font-size: 15px;
    margin: 0;
    border-bottom: 1px solid #fff;
    text-align: left;
  }
  #header .g_nav ul li {
    display: block;
    padding: 1.2em 0px;
    color: #333;
    text-decoration: none;
    color: white;
  }
  #header .g_nav .sidebar_content ul li {
    padding: 1.2em 20px;
  }
  #header .g_nav ul dt {
    display: block;
    padding: 1.2em 20px;
    color: #333;
    text-decoration: none;
    color: white;
  }
  #header .g_nav ul li a:hover {
    opacity: 0.9;
    color: #333;
    background: #fff;
  }
  #header #top_sp {
    margin-top: 66px;
  }  
  body {
    padding-top: 66px;
  }
  #sec_fv .part1 {
    text-align: center;
  }
  #sec_fv .part1 img {
    width: 100%;
    margin: auto;
    height: auto;
  }
  #sec_fv .part2 {
    margin-top: 4vw;
    background: #EA7318;
    padding: 3.2vw 0;
    margin-bottom: 6vw;
  }
  #sec_fv .part2 li {
    line-height: 1;
    color: white;
    padding: 0 4vw;
    font-size: 3.6vw;
  }
  #sec_fv .part2 li span {
    color: #F5FF00;
  }
  #sec_fv .part3 .banner_group {
    display: grid;
    align-items: center;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
  }
  #sec_fv .part3 .banner_group a {
    display: inline-flex;
  }
  #sec_fv .part3 .banner_group a img {
    width: 100%;
  }
  #sec_fv .ctg_mv {
    border-top: none;
  }
  .sidebar {
    margin-right: 0;
    width: 100%;
  }
  .sidebar_ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #484848;
    padding: 2vw;
    border-radius: 3px;
    margin-bottom: 4vw;
  }
  .sidebar_ttl h3 {
    color: white;
    font-size: 4.4vw;
    text-align: center;
  }
  .sidebar_ttl p {
    font-size: 3.6vw;
    color: white;
    text-align: center;
  }
  .sidebar_ttl img {
    margin-right: 10px;
    width: 5vw;
    height: 5vw;
  }
  .sidebar_content {
    display: none;
  }
  .sidebar_content.active {
    display: block;
  }
  .sidebar_content dl {
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
  }
  .sidebar_content dl dt {
    font-size: 15px;
  }
  /* .sidebar_content dl dd ul li {
    margin-top: 15px;
  } */
  .sidebar_content dl dd ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #333;
    font-size: 3.3vw;
    width: calc(100% - 30px);
    position: relative;
  }
  .sidebar_content dl dd ul li img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 9px;
  }
  .sidebar_content dl dd ul li a::after {
    content: "";
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 8px;
    height: 8px;
    transform: rotate(-45deg);
    position: absolute;
    right: 0;
    top: 5px;
  }
  .sidebar_content dl dd ul li a .color {
    width: 5vw;
    height: 5vw;
    /* border-radius: 50%; */
    margin-right: 2vw;
  }
  #sec1 {
    background: #F8F8F8;
    margin-top: 4vw;
  }
  #sec1 .part1 {
    padding: 6vw 0;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #sec1 .part1 .main_content {
    flex: 1;
    width: 100%;
  }
  #sec1 .part1 .main_content .banner_part a img {
    width: 100%;
  }
  #sec1 .part1 .main_content .main_part1 .block h2 {
    font-size: 25px;
    margin-top: 10vw;
    margin-bottom: 4vw;
    display: block;
    align-items: center;
    justify-content: space-between;
  }
  #sec1 .part1 .main_content .main_part1 .block h2.column-top {
    margin-top: 0;
  }
  #sec1 .part1 .main_content .main_part1 .block h2 a,
  a.category-top-show-more {
    font-size: 20px;
    color: #F37A02;
    display: flex;
    align-items: center;
  }
  #sec1 .part1 .main_content .main_part1 .block h2 a::after,
  a.category-top-show-more::after
  {
    content: "";
    margin-left: 4vw;
    width: 6px;
    height: 6px;
    border-right: 1px solid #F37A02;
    border-bottom: 1px solid #F37A02;
    transform: rotate(-45deg);
  }
  a.category-top-show-more {
    font-size: 3.6vw!important;
    justify-content: flex-end!important;
    background: white!important;
    padding-right: 15px!important;
    display: flex!important;
    font-weight: 700;
    padding-bottom: 15px;
  }
  #sec1 .part1 .main_content .main_part1 .block .content {
    display: grid;
    align-items: flex-start;
    grid-template-columns: repeat(3, 1fr);
    gap: 5vw 2vw;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a {
    display: block;
    flex: 1;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a img {
    width: 150px;
    max-width: 150px;
    margin: auto;
    margin-bottom: 5px;
    display: block;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a h3 {
    padding-top: 2.4vw;
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: 0;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p {
    letter-spacing: 0;
    padding-top: 0;
    margin-top: 2vw;
    font-size: 16px;
    line-height: 1.5;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p small {
    font-size: 12px;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a .item_detail .bound_title {
    height: 65px;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p.title {
    height: auto;
    -webkit-line-clamp: 3;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p.price {
    font-size: 3.8vw;
    letter-spacing: 0;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p.price .price {
    font-weight: bold;
    line-height: 1;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p.price .tax {
    font-size: 15px;
  }
  #sec1 .part1 .main_content .main_part1 .block .content.features_content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 2vw;
  }
  #sec1 .part1 .main_content .main_part1 .block .content.features_content a {
    display: block;
  }
  #sec1 .part1 .main_content .main_part1 .block .content.features_content a img {
    width: 100%;
    height: auto;
  }
  #sec1 .part1 .main_content .main_part1 .block .content.features_content.features_content2 {
    margin-top: 10vw;
    height: auto;
  }
  #sec1 .part1 .main_content .main_part1 .block.pickup_block .content {
    background: white;
    padding-bottom: 4vw;
    gap: 5vw 2vw;
  }
  #sec1 .part1 .main_content .main_part1 .block.pickup_block .pick_up_image {
    display: block;
  }
  #sec1 .part1 .main_content .main_part1 .block.pickup_block .content p {
    padding: 0 3vw;
  }
  #sec1 .part1 .main_content .main_part2 .block h2 {
    font-size: 25px;
    margin-top: 10vw;
    margin-bottom: 4vw;
    display: block;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #sec1 .part1 .main_content .main_part2 .block h2 a {
    font-size: 20px;
    color: #F37A02;
    /* display: block; */
    align-items: center;
    margin-top: none;
    justify-content: flex-start;
  }
  #sec1 .part1 .main_content .main_part2 .block h2 a::after {
    content: "";
    margin-left: 4vw;
    width: 6px;
    height: 6px;
    border-right: 1px solid #F37A02;
    border-bottom: 1px solid #F37A02;
    transform: rotate(-45deg);
  }
  #sec1 .part1 .main_content .main_part2 .block .content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: flex-start;
    gap: 0;
    flex-wrap: wrap;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a {
    /* padding-bottom: 4vw; */
    background: white;
    display: block;
    flex: 1;
    height: 100%;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a:nth-child(2) {
    border-top: none;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a:nth-child(even) {
    border-left: 1px solid #dddddd;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a img {
    width: 100%;
    margin-bottom: 5px;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a h3 {
    padding-top: 12px;
    font-size: 3.6vw;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: 0;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a p {
    letter-spacing: 0;
    padding-top: 0;
    margin-top: 11px;
    font-size: 16px;
    padding: 0 3vw;
    line-height: 1.5;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a p small {
    font-size: 12px;
  }
  /* #sec1 .part1 .main_content .main_part2 .block .content a p.title {
    height: auto;
  } */
  #sec1 .part1 .main_content .main_part2 .block .content a p.price {
    margin-top: 15px;
    font-size: 3.8vw;
    letter-spacing: 0;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a p.price .price {
    font-weight: bold;
    line-height: 1;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a p.price .tax {
    font-size: 15px;
  }
  #sec1 .part1 .main_content .main_part2 .block .content.features_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  #sec1 .part1 .main_content .main_part2 .block .content.features_content a {
    display: block;
  }
  #sec1 .part1 .main_content .main_part2 .block .content.features_content a img {
    width: 100%;
  }
  #sec1 .part1 .main_content .main_part2 .block .content.features_content.features_content2 {
    margin-top: 10vw;
  }
  #sec1 .part1 .main_content h2 {
    font-size: 25px;
    margin-top: 10vw;
    margin-bottom: 4vw;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  #sec1 .part1 .main_content .main_part3 .block h2 a {
    font-size: 3.6vw;
    color: #F37A02;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #sec1 .part1 .main_content .main_part3 .block h2 a::after {
    content: "";
    margin-left: 20px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #F37A02;
    border-bottom: 1px solid #F37A02;
    transform: rotate(-45deg);
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul li a {
    padding: 3vw 0;
    margin: 0 25px;
    font-size: 15px;
    height: auto;
    align-items: center;
    justify-content: flex-start;
  }
  #sec1 .part1 .main_content .main_part3 .block .content > ul > li {
    border: none;
    border-top: 1px solid #dddddd;
  }
  #sec1 .part1 .main_content .main_part3 .block .content > ul > li:last-child {
    border-bottom: 1px solid #dddddd;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul .category a::after {
    content: "";
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    position: absolute;
    right: 6%;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul li .img_wrapper {
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* #sec1 .part1 .main_content .main_part3 .block .content ul li a::after {
    content: "";
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    position: absolute;
    right: 0;
  } */
  #sec1 .part1 .main_content .main_part4 .block h2 {
    font-size: 25px;
    margin-top: 80px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #sec1 .part1 .main_content .main_part4 .block h2 a {
    font-size: 20px;
    color: #F37A02;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
  }
  #sec1 .part1 .main_content .main_part4 .block h2 a::after {
    content: "";
    margin-left: 4vw;
    width: 6px;
    height: 6px;
    border-right: 1px solid #F37A02;
    border-bottom: 1px solid #F37A02;
    transform: rotate(-45deg);
  }
  #sec1 .part1 .main_content .main_part4 .block .content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    gap: 4vw 2vw;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a {
    display: block;
    flex: 1;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a img {
    width: 100%;
    /* height: 40vw; */
    margin-bottom: 5px;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a h3 {
    padding-top: 12px;
    font-size: 3.6vw;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: 0;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a p {
    letter-spacing: 0;
    padding-top: 0;
    margin-top: 11px;
    font-size: 18px;
    line-height: 1.5;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a p small {
    font-size: 12px;
  }
  /* #sec1 .part1 .main_content .main_part4 .block .content a p.title {
    height: auto;
  } */
  #sec1 .part1 .main_content .main_part4 .block .content a p.price {
    font-size: 3.8vw;
    letter-spacing: 0;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a p.price .price {
    font-weight: bold;
    line-height: 1;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a p.price .tax {
    font-size: 15px;
  }
  #sec1 .part1 .main_content .main_part4 .block .content.features_content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
  }
  #sec1 .part1 .main_content .main_part4 .block .content.features_content a {
    display: block;
  }
  #sec1 .part1 .main_content .main_part4 .block .content.features_content a img {
    width: 100%;
  }
  #sec1 .part1 .main_content .main_part4 .block .content.features_content.features_content2 {
    margin-top: 90px;
  }
  #sec1 .part1 .main_content .main_part4 .block.pickup_block .content {
    background: white;
    padding-bottom: 4vw;
    gap: 4vw 0;
  }
  #sec1 .part1 .main_content .main_part4 .block.pickup_block .content p {
    padding: 0 15px;
  }
  #sec1 .part1 .main_content .banner_part2 {
    margin-top: 10vw;
  }
  #sec1 .part1 .main_content .main_part5 {
    margin-top: 6vw;
  }
  #sec1 .part1 .main_content .main_part5 .block h2 {
    font-size: 4.8vw;
    margin-top: 10vw;
    margin-bottom: 4vw;
    display: grid;
    grid-template-columns: 1fr;
    align-items: center;
    justify-content: space-between;
  }
  #sec1 .part1 .main_content .main_part5 .block h2 a {
    font-size: 3.6vw;
    color: #F37A02;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #sec1 .part1 .main_content .main_part5 .block h2 a::after {
    content: "";
    margin-left: 20px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #F37A02;
    border-bottom: 1px solid #F37A02;
    transform: rotate(-45deg);
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul {
    grid-template-columns: 1fr;
    gap: 1vw;
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul li a {
    height: auto;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    padding: 3vw 0;
    margin: 0 1rem;
    font-size: 15px;
    height: auto;
    align-items: center;
    justify-content: flex-start;
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul li .category-ttl-sub {
    padding: 3vw 0;
    margin: 0 1rem;
    font-size: 15px;
    height: auto;
    align-items: center;
    justify-content: flex-start;
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul li .img_wrapper img {
    width: 6vw;
    height: 6vw;
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul li .img_wrapper {
    width: 8vw;
    height: 8vw;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul li a .img_wrapper {
    width: 8vw;
    height: 8vw;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul li a .img_wrapper img {
    width: 6vw;
    height: 6vw;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul li a::after {
    content: "";
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    position: absolute;
    right: 5%;
    top: 45%;
  }
  #sec1 .part1 .main_content .main_part6 {
    margin-top: 10vw;
  }
  #sec1 .part1 .main_content .main_part6 .block {
    align-items: flex-start;
    padding: 4vw;
    background: white;
  }
  #sec1 .part1 .main_content .main_part6 .block .header h2 {
    font-size: 25px;
    padding-top: 0;
  }
  #sec1 .part1 .main_content .main_part6 .block .header h2 a {
    font-size: 20px;
    color: #F37A02;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1vw;
  }
  #sec1 .part1 .main_content .main_part6 .block .header h2 a::after {
    content: "";
    margin-left: 20px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #F37A02;
    border-bottom: 1px solid #F37A02;
    transform: rotate(-45deg);
  }
  #sec1 .part1 .main_content .main_part6 .block .content {
    width: 100%;
  }
  #sec1 .part1 .main_content .main_part6 .block .content ul li {
    padding: 4vw 0;
    border-bottom: 1px solid #DDDDDD;
  }
  #sec1 .part1 .main_content .main_part6 .block .content ul li .date {
    color: #888888;
    font-size: 2.6vw;
  }
  #sec1 .part1 .main_content .main_part6 .block .content ul li .title {
    line-height: 1.8;
    font-size: 2.6vw;
    color: #333333;
    margin-top: 3vw;
    cursor: pointer;
    position: relative;
  }
  #sec1 .part1 .main_content .main_part6 .block .content ul li  .title::after{
    content: "";
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    position: absolute;
    right: 10px;
    top: 5px;
    transition: all 0.3s ease;
  }
  #sec1 .part1 .main_content .main_part6 .block .content ul li  .title.open::after{
    transform: rotate(-135deg);
    transition: all 0.3s ease;
  }
  #sec1 .part1 .main_content .main_part6 .block .content ul li .description {
    line-height: 1.5;
    font-size: 13px;
    color: #333333;
    margin-top: 17px;
    display: none;
  }
  #sec1.detail_sec1 {
    margin-top: 0;
    background: white;
    border-top: 1px solid #DDDDDD;
  }
  .item_detail {
    position: relative;
  }
  .item_detail .new_mark {
    right: 8px;
    margin-top: -38px;
    background: #25AED6;
    color: white;
    width: 45px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }
  .item_detail .sale_mark {
    right: 8px;
    margin-top: 50px;
    background: #D73D51;
    color: white;
    width: 45px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
  }
  .top_ranking a:first-child .item_detail .sale_mark {
    margin-top: -38px;
  }
  .rank {
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    background: url(./../img/rank4.png) no-repeat;
    background-size: contain;
    color: white;
    font-size: 3.6vw;
    padding-left: 9px;
    padding-top: 3px;
  }
  .rank.rank1 {
    background-image: url(./../img/rank1.png);
  }
  .rank.rank2 {
    background-image: url(./../img/rank2.png);
  }
  .rank.rank3 {
    background-image: url(./../img/rank3.png);
  }
  #detail_sec1 {
    margin-top: 0;
    background: white;
    border-top: 1px solid #DDDDDD;
  }
  #detail_sec1 .part1 {
    padding: 20px 15px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #detail_sec1 .part1 .sidebar {
    margin-right: 0;
    width: 100%;
  }
  #detail_sec1 .part1 .sidebar_ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #484848;
    padding: 2vw;
    border-radius: 3px;
    margin-bottom: 4vw;
  }
  #detail_sec1 .part1 .sidebar_ttl h3 {
    color: white;
    font-size: 4.4vw;
    text-align: center;
  }
  #detail_sec1 .part1 .sidebar_ttl p {
    font-size: 3.6vw;
    color: white;
    text-align: center;
  }
  #detail_sec1 .part1 .sidebar_ttl img {
    margin-right: 10px;
    width: 5vw;
    height: 5vw;
  }
  #detail_sec1 .part1 .sidebar_content {
    display: none;
  }
  #detail_sec1 .part1 .sidebar_content dl {
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
  }
  #detail_sec1 .part1 .sidebar_content dl dt {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .sidebar_content dl dd ul li {
    margin-top: 15px;
  }
  #detail_sec1 .part1 .sidebar_content dl dd ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #333;
    font-size: 3.3vw;
    width: 100%;
    position: relative;
  }
  #detail_sec1 .part1 .sidebar_content dl dd ul li a img {
    width: 5vw;
    margin-right: 9px;
  }
  #detail_sec1 .part1 .sidebar_content dl dd ul li a::after {
    content: "";
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    position: absolute;
    right: 0;
    top: 5px;
  }
  #detail_sec1 .part1 .sidebar_content dl dd ul li a .color {
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    margin-right: 2vw;
  }
  #detail_sec1 .part1 .main_content {
    flex: 1;
    width: 100%;
  }
  #detail_sec1 .part1 .main_content .breadcrumb ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #detail_sec1 .part1 .main_content .breadcrumb ul li {
    padding-right: 12px;
    font-size: 12px;
    color: #888888;
  }
  #detail_sec1 .part1 .main_content .breadcrumb ul li a {
    color: #25AED6;
    font-size: 12px;
  }
  #detail_sec1 .part1 .main_content .detail_part {
    padding-top: 35px;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img {
    width: 100%;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img .big_img {
    text-align: center;
    height: auto;
    align-items: center;
    justify-content: center;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img .zoom_btn {
    text-align: right;
    margin-bottom: 6vw;
    margin-top: -4vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img .zoom_btn button {
    border: none;
    outline: none;
    margin-left: auto;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img .zoom_btn button img {
    width: 9vw;
    height: 9vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img .small_imgs {
    display: grid;
    grid-template-columns: repeat(5,1fr);
    align-items: flex-start;
    gap: 2vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img .small_imgs .img {
    flex: 1;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_img .small_imgs .img img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body {
    margin-left: 0;
    padding: 5vw 20px;
    max-width: initial;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block {
    position: relative;
    margin-bottom: 4vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block h3 {
    font-size: 3.4vw;
    line-height: 1.5;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block p {
    font-size: 4.6vw;
    font-weight: bold;
    margin-top: 5px;
    line-height: 1.5;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block p .tax {
    font-size: 15px;
    font-weight: normal;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block .favorite {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block .favorite img {
    width: 4.8vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block .prs .p div {
    font-size: 12px;
    width: 90%;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .desc_block {
    padding-top: 6vw;
    padding-bottom: 10vw;
    border-top: 1px solid #dddddd;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .desc_block h4 {
    font-size: 25px;
    font-weight: bold;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .desc_block p {
    font-size: 18px;
    line-height: 1.8;
    margin-top: 4vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .spec_block {
    background: #F8F8F8;
    padding: 5vw 4vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .spec_block dl {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
    padding: 2vw 0;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .spec_block dl dt {
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    width: 20vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .spec_block dl dd {
    flex: 1;
    font-size: 18px;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .share_block {
    padding-bottom: 6vw;
    margin-top: 6vw;
    border-bottom: 1px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8vw;
    gap: 8px;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .share_block p {
    font-size: 2.6vw;
    margin-right: 4vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .share_block ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .share_block ul li img {
    width: 8vw;
    height: 8vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part {
    background: #F7F7F7;
    padding: 6vw 4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .flex_part {
    display: block;
  }
  #detail_sec1 .part1 .main_content .mitumori_part h2 {
    font-size: 25px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 5vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part h2 img {
    width: 3vw;
    margin-right: 2.4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece {
    margin-bottom: 15px;
    padding: 25px;
    background: white;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece h3 {
    font-size: 20px;
    font-weight: normal;
    padding-left: 2vw;
    border-left: 4px solid #F37A02;
    margin-bottom: 4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .count_piece dl {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 4px;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .count_piece dl dt {
    color: #ED1B3C;
    font-size: 20px;
    font-weight: bold;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .count_piece dl dd {
    color: #ED1B3C;
    font-size: 20px;
    font-weight: bold;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece > p {
    margin-top: 4vw;
    font-size: 18px;
    font-weight: bold;
    color: #888888;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece input[type=checkbox] {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    width: 3.2vw;
    height: 3.2vw;
    background: url(./../img/uncheck.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 2vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece input[type=checkbox]:checked {
    background-image: url(./../img/check.png);
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece input[type=radio] {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    width: 4vw;
    height: 4vw;
    background: url(./../img/radio_unchecked.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 8px;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece input[type=radio]:checked {
    background-image: url(./../img/radio_checked.png);
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts label {
    font-size: 18px;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .sample_count {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .items_piece {
    flex-wrap: wrap;
    display: flex;
    margin-top: 5vw;
    padding-bottom: 4vw;
    border-bottom: 1px solid #dddddd;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .items_piece .item {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 2.6vw;
    margin-bottom: 2.4vw;
    white-space: nowrap;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .items_piece .item input[type=text] {
    width: 10vw;
    height: 6.6vw;
    border: 1px solid #B5B5B5;
    border-radius: 3px;
    margin-right: 2vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .sum_piece p {
    text-align: right;
    font-size: 20px;
    padding-top: 2vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .sum_piece p .count {
    font-size: 35px;
    color: #ED1B3C;
    font-weight: bold;
    padding: 0 1vw 0 2vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece {
    padding-bottom: 4vw;
    border-bottom: 1px solid #B5B5B5;
    margin-bottom: 4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_label {
    font-size: 25px;
    font-weight: bold;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group label {
    min-width: 15vw;
    line-height: 1;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group select {
    width: 100%;
    height: 9vw;
    border: 1px solid #F37A02;
    font-size: 20px;
    padding-left: 3vw;
    border-radius: 3px;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group textarea {
    border: 1px solid #B5B5B5;
    border-radius: 3px;
    width: 100%;
    height: 25vw;
    padding: 2vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group .download_btn {
    width: 100%;
    height: 10vw;
    border-radius: 3px;
    background: white;
    border: 1px solid #888888;
    font-size: 3vw;
    font-weight: bold;
    position: relative;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group .download_btn img {
    left: 6vw;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4vw;
    position: absolute;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group p {
    font-size: 20px;
    margin-top: 4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group p.alert {
    color: #888888;
    font-weight: bold;
    margin-bottom: 4vw;
    margin-top: 4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group.case_group label {
    width: 50%;
    font-size: 0.7rem;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group.case_group label:nth-child(3) {
    width: 100%;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece:last-child {
    border-bottom: none;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .calculate_btn {
    width: 100%;
    height: 10vw;
    border-radius: 3px;
    background: #393939;
    border: none;
    font-size: 3.6vw;
    font-weight: bold;
    position: relative;
    color: white;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .calculate_btn img {
    left: 6vw;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    position: absolute;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece.calculate_piece {
    padding: 0;
    padding-top: 5px;
    background: none;
    margin-bottom: 0;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body {
    margin-left: 0;
    margin-top: 6vw;
    min-width: auto;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece {
    margin-bottom: 3vw;
    padding: 5vw;
    background: white;
    border-radius: 3px;
    box-shadow: 0 0 8px rgba(243, 122, 2, 0.35);
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece h3 {
    font-size: 25px;
    font-weight: bold;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .calculate_table {
    margin-top: 4vw;
    margin-bottom: 4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .calculate_table table {
    width: 100%;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .calculate_table table th {
    width: 14vw;
    font-weight: normal;
    font-size: 20px;
    text-align: left;
    padding: 5px 0;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .calculate_table table td {
    font-size: 20px;
    text-align: center;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .calculate_table table td:last-child {
    text-align: right;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .sum_price {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid #dddddd;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .sum_price h4 {
    font-size: 3.6vw;
    font-weight: bold;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .sum_price p {
    font-size: 12px;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .sum_price .price {
    flex: 1;
    color: #ED1B3C;
    font-size: 5.6vw;
    font-weight: bold;
    text-align: right;
    line-height: 1;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece.cart_piece {
    background: none;
    box-shadow: none;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece.cart_piece p {
    font-size: 2.3vw;
    color: #888888;
    line-height: 1.8;
    font-weight: bold;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece.cart_piece .download_btn {
    width: 100%;
    height: 60px;
    border-radius: 3px;
    border: 1px solid #888888;
    font-weight: bold;
    position: relative;
    margin-top: 2.4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece.cart_piece .download_btn img {
    left: 6vw;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    position: absolute;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece.cart_piece .cart_btn {
    width: 100%;
    height: 60px;
    border-radius: 3px;
    border: none;
    color: white;
    font-weight: bold;
    position: relative;
    margin-top: 2.4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece.cart_piece .cart_btn img {
    left: 6vw;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block h2 {
    font-size: 25px;
    margin-top: 10vw;
    margin-bottom: 4vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block h2 a {
    font-size: 20px;
    /* margin-top: 2vw; */
    color: #F37A02;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block h2 a::after {
    content: "";
    margin-left: 20px;
    width: 6px;
    height: 6px;
    border-right: 1px solid #F37A02;
    border-bottom: 1px solid #F37A02;
    transform: rotate(-45deg);
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    align-items: flex-start;
    gap: 2vw;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a {
    display: block;
    flex: 1;
    position: relative;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a img {
    width: 100%;
    margin-bottom: 5px;
    /* height: 40vw; */
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a h3 {
    padding-top: 12px;
    font-size: 3.6vw;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: 0;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p {
    letter-spacing: 0;
    padding-top: 0;
    margin-top: 11px;
    font-size: 18px;
    line-height: 1.5;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p small {
    font-size: 12px;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p.title {
    height: auto;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p.price {
    font-size: 3.8vw;
    letter-spacing: 0;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p.price .price {
    font-weight: bold;
    line-height: 1;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p.price .tax {
    font-size: 15px;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block.pickup_block .content {
    background: white;
    padding-bottom: 4vw;
    gap: 4vw 0;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block.pickup_block .content p {
    padding: 0 15px;
  }
  #detail_sec1 .part1 .main_content .others_part {
    display: flex;
    flex-wrap: wrap;
    gap: 2vw;
    margin-top: 10vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul {
    flex: none;
    width: 100%;
  }
  #detail_sec1 .part1 .main_content .others_part ul li {
    width: 100%;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block {
    margin-bottom: 4vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_header h3 {
    background: #F0F0F0;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 3.3vw;
    padding: 10px;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_header h3 img {
    width: 18px;
    height: 18px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
    margin-right: 6px;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block img {
    width: 100%;
    max-width: 300px;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body {
    padding-top: 3.2vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content {
    font-size: 12px;
    line-height: 1.9;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .link_btn {
    color: #F37A02;
    display: flex;
    align-items: center;
    margin-top: 3vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .link_btn::after {
    content: "";
    border-right: 1px solid #F37A02;
    border-bottom: 1px solid #F37A02;
    width: 6px;
    height: 6px;
    transform: rotate(-45deg);
    right: 0;
    top: 5px;
    margin-left: 4vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .banner {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 10vw;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D6D6D6;
    line-height: 1.4;
    margin-bottom: 3vw;
    margin-top: 3vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .banner img {
    width: 8vw;
    height: auto;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .banner:first-child {
    margin-top: 0;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .margin_content {
    margin-top: 6vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .custom1 {
    margin-top: 4vw;
    margin-bottom: 2vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .custom2 {
    margin-top: 8vw;
    margin-bottom: 2vw;
  }
  #detail_sec1 .part1 .main_content .others_part ul li .block .block_body .content .custom3 {
    margin-top: 0;
    margin-bottom: 3.2vw;
  }
  #detail_sec1 .part1 .main_content .banner_part a img {
    width: 100%;
  }
  #detail_sec1 .category_part h2 {
    font-size: 3.8vw;
    font-weight: bold;
  }
  #detail_sec1 .category_part h2 span {
    font-size: 3.6vw;
    font-weight: normal;
    margin-left: 45px;
    display: inline-block;
  }
  #detail_sec1 .category_part .category_body {
    display: grid;
    margin-top: 50px;
    grid-template-columns: repeat(2, 1fr);
    gap: 2vw;
  }
  #detail_sec1 .category_part .category_body a {
    display: block;
    flex: 1;
    position: relative;
    margin-bottom: 30px;
  }
  #detail_sec1 .category_part .category_body a img {
    width: 40vw;
    margin-bottom: 5px;
    height: 40vw;
    border: 1px solid #DDDDDD;
  }
  #detail_sec1 .category_part .category_body a h3 {
    padding-top: 2.4vw;
    font-size: 3.6vw;
    line-height: 1.5;
    font-weight: normal;
    letter-spacing: 0;
  }
  #detail_sec1 .category_part .category_body a p {
    letter-spacing: 0;
    padding-top: 0;
    margin-top: 2vw;
    font-size: 16px;
    line-height: 1.5;
  }
  #detail_sec1 .category_part .category_body a p small {
    font-size: 12px;
  }
  #detail_sec1 .category_part .category_body a p.price {
    font-size: 3.8vw;
    letter-spacing: 0;
  }
  #detail_sec1 .category_part .category_body a p.zeikomi {
    font-size: 3vw;
  }
  #detail_sec1 .category_part .category_body a p.price .price {
    font-weight: bold;
    line-height: 1;
  }
  #detail_sec1 .category_part .category_body a p.price .tax {
    font-size: 15px;
  }
  #detail_sec1 .category_part .navigation_part {
    display: flex;
    justify-content: center;
    margin-top: 8vw;
  }
  #detail_sec1 .category_part .navigation_part ul {
    display: flex;
    align-items: center;
    height: 8vw;
  }
  #detail_sec1 .category_part .navigation_part ul li {
    padding: 0 3vw;
  }
  #detail_sec1 .category_part .navigation_part ul li span {
    width: 7vw;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #F37A02;
    height: 7vw;
    border-radius: 50%;
    color: white;
    font-size: 3.6vw;
  }
  #detail_sec1 .category_part .navigation_part ul li a {
    font-size: 3.6vw;
    color: #C1C1C1;
    line-height: 1;
  }
  #detail_sec1 .category_part .navigation_part ul li a.next {
    display: flex;
    width: 6px;
    height: 6px;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    transform: rotate(-45deg) translateY(3px);
  }
  #detail_sec1 .mypage_part h2 {
    font-size: 3.8vw;
    font-weight: bold;
    margin-top: 5vw;
  }
  #detail_sec1 .mypage_part h2 span {
    font-size: 3.2vw;
    font-weight: normal;
    margin-left: 4vw;
    display: inline-block;
  }
  #detail_sec1 .mypage_part .mypage_body .tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 5vw;
  }
  #detail_sec1 .mypage_part .mypage_body .tabs li {
    flex: 1;
    margin-left: -1px;
  }
  #detail_sec1 .mypage_part .mypage_body .tabs li a {
    border: 1px solid #888888;
    height: 13.75vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3vw;
    padding: 0 2vw;
    text-align: center;
    line-height: 1.4;
    background: #FFFFFF;
    cursor: pointer;
  }
  #detail_sec1 .mypage_part .mypage_body .tabs li a.active {
    background: #F37A02;
    color: white;
    border: 1px solid #F37A02;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents {
    margin-top: 6vw;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content {
    display: none;
    overflow: auto;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content.active {
    display: block;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table {
    /* min-width: 600px; */
    width: 100%;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table thead tr {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "C D E F F G G";
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents #tab_content2.tab_content table thead tr {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "C D E F F F F";
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table thead tr th:not(.A,.B) {
    background: #F8F8F8;
    font-size: 2.5vw;
    height: 10vw;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table thead tr th.A {
    display: none;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table thead tr th.B {
    display: none;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents #tab_content2.tab_content table tbody tr {
    width: 87vw;
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
        "A B B B B B B"
        "C D E F F F F";
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr {
    display: grid;
    grid-auto-columns: 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:
        "A B B B B B B"
        "C D E F F G G";
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td {
    font-size: 2vw;
    text-align: center;
    padding: 2vw 0;
    border-bottom: 1px solid #dddddd;
  }
  .item_td.B {
    width: auto;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td.A {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td.item_td {
    width: 60vw;
  } */
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td .item_block {
    align-items: center;
    /* max-width: 60vw; */
    text-align: left;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td .flex_img {
    padding: 3.2vw;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .flex_img img,
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td .flex_img img {
    width: 70px;
    height: 100px;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td .flex_body .title {
    font-size: 2.6vw;
    font-weight: bold;
    padding-bottom: 1vw;
  }
  #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td .flex_body p {
    color: #333;
    font-size: 2.6vw;
    padding-top: 0;
  }
  /* #detail_sec1 .mypage_part .mypage_body .tab_contents .tab_content table tbody tr td a {
    color: #25AED6;
    text-decoration: underline;
  } */
  #detail_sec1 .cart_part h2 {
    font-size: 4.8vw;
    font-weight: bold;
    margin-top: 5vw;
  }
  #detail_sec1 .cart_part h2 span {
    font-size: 3vw;
    font-weight: normal;
    margin-left: 0;
    display: inline-block;
  }
  #detail_sec1 .cart_part .cart_body .steps {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin: auto;
    margin-top: 6vw;
    padding: 0 4vw;
    padding-bottom: 20vw;
  }
  #detail_sec1 .cart_part .cart_body .steps li {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
  }
  #detail_sec1 .cart_part .cart_body .steps li:last-child {
    flex: none;
  }
  #detail_sec1 .cart_part .cart_body .steps li a {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  #detail_sec1 .cart_part .cart_body .steps li a p {
    width: 8vw;
    height: 8vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    background: #dddddd;
    font-size: 4vw;
  }
  #detail_sec1 .cart_part .cart_body .steps li a span {
    position: absolute;
    top: 10vw;
    font-size: 12px;
    text-align: center;
    margin-top: 6px;
    line-height: 19px;
    font-weight: bold;
    color: #888888;
  }
  #detail_sec1 .cart_part .cart_body .steps li a.active p {
    background: #F37A02;
    color: white;
  }
  #detail_sec1 .cart_part .cart_body .steps li a.active span {
    color: #F37A02;
  }
  #detail_sec1 .cart_part .cart_body .steps li::after {
    position: absolute;
    left: 8vw;
    top: 4vw;
    content: "";
    width: calc(100% - 8vw);
    height: 2px;
    background: #dddddd;
    z-index: 0;
  }
  #detail_sec1 .cart_part .cart_body .desc_part {
    padding: 4vw;
    border: 1px dotted #F37A02;
  }
  #detail_sec1 .cart_part .cart_body .desc_part .block ul li {
    font-size: 18px;
    display: block;
    margin-bottom: 4px;
    position: relative;
    padding-left: 3vw;
  }
  #detail_sec1 .cart_part .cart_body .desc_part .block ul li::before {
    position: absolute;
    top: 2vw;
    left: 0;
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #F37A02;
    margin-right: 6px;
  }
  #detail_sec1 .cart_part .cart_body .desc_part .block h3 {
    color: #333;
    font-size: 3vw;
    font-weight: bold;
    margin-top: 4vw;
    margin-bottom: 2vw;
  }
  #detail_sec1 .cart_part .cart_body .detail_block {
    margin-top: 6vw;
    overflow: auto;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table {
    width: 100%;
    /* min-width: 600px; */
  }
  #detail_sec1 .cart_part .cart_body .detail_block table thead tr th {
    padding: 0 5px;
    background: #F8F8F8;
    font-size: 3vw;
    height: 40px;
    color: #333;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td {
    font-size: 2.5vw;
    text-align: center;
    padding: 15px 0;
    border-bottom: 1px solid #dddddd;
  }
  /* #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td.item_td {
    width: 75vw;
  } */
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .item_block {
    align-items: center;
    max-width: 75vw;
    text-align: left;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .flex_img {
    padding: 3.2vw;
    margin-right: 0;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .flex_img img {
    width: 100%;
    height: 100px;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .flex_body .title {
    font-size: 3vw;
    font-weight: bold;
    padding-bottom: 1vw;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .flex_body p {
    color: #333;
    font-size: 2vw;
    padding-top: 0;
  }
  /* #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td a {
    color: #25AED6;
    text-decoration: underline;
  } */
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .delete_btn {
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    display: inline-block;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .delete_btn span {
    position: absolute;
    height: 2px;
    width: 15px;
    background: #888888;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .delete_btn span:last-child {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td.counts .btns {
    margin-top: 2vw;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td.counts .btns a {
    color: #333;
    width: 30px;
    height: 30px;
    display: inline-flex;
    margin: 0 4px;
    cursor: pointer;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td.counts .btns a img {
    width: 100%;
  }
  #detail_sec1 .cart_part .cart_body .sum_price {
    margin-top: 3vw;
    text-align: right;
  }
  #detail_sec1 .cart_part .cart_body .sum_price p {
    font-size: 3.4vw;
    font-weight: bold;
  }
  #detail_sec1 .cart_part .cart_body .sum_price p .price {
    font-size: 6.8vw;
    font-weight: bold;
    color: #ED1B3C;
  }
  #detail_sec1 .cart_part .cart_body .btn_block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 3vw;
    margin-top: 8vw;
    margin-bottom: 8vw;
  }
  #detail_sec1 .cart_part .cart_body .btn_block a {
    flex: auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    letter-spacing: 0.04em;
    height: 10vw;
  }
  #detail_sec1 .cart_part .cart_body .btn_block a.pay_btn {
    background: #F37A02;
    color: white;
    font-size: 3.6vw;
  }
  #detail_sec1 .cart_part .cart_body .btn_block a.continue_btn {
    border: 1px solid #393939;
    background: white;
    font-size: 3.6vw;
    color: #393939;
  }
  #detail_sec1 .cart_part .cart_body p {
    font-size: 3vw;
  }
  #detail_sec1 .cart_part .cart_body p a {
    color: #25AED6;
    text-decoration: underline;
  }
  footer {
    background: #484848;
  }
  footer .part1 {
    padding: 10vw 15px;
  }
  footer .part1 .block_header p {
    font-size: 12px;
    color: white;
  }
  footer .part1 .block_header h2 {
    margin-top: 6vw;
    text-align: center;
  }
  footer .part1 .block_header h2 img {
    width: 48vw;
  }
  footer .part1 .block_header .follow {
    color: white;
    font-size: 3.6vw;
  }
  footer .part1 .block_header ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-right: auto;
  }
  footer .part1 .block_header ul li {
    margin-right: 0;
    text-align: center;
    padding: 0 2vw;
  }
  footer .part1 .block_header ul li a img {
    width: 8vw;
    height: auto;
  }
  footer .part1 .block_header ul li:first-child {
    width: 100%;
    padding: 3.6vw 0;
  }
  footer .part1 .block_body {
    max-width: 100%;
    width: 100%;
  }
  footer .part1 .block_body .menu_piece {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 6vw;
    border-bottom: 1px solid #727272;
  }
  footer .part1 .block_body .menu_piece ul {
    flex: 1;
    margin-top: 6vw;
  }
  footer .part1 .block_body .menu_piece ul li {
    padding: 7px 0;
    line-height: 1;
  }
  footer .part1 .block_body .menu_piece ul li h4 {
    font-size: 3.6vw;
    color: white;
    text-align: left;
    margin-bottom: 12px;
  }
  footer .part1 .block_body .menu_piece ul li a {
    color: white;
    font-size: 12px;
  }
  footer .part1 .block_body .menu_piece ul:first-child {
    max-width: 100%;
    margin-right: 4vw;
    border-right: 1px solid #727272;
  }
  footer .part1 .block_body .menu_piece ul:last-child {
    display: flex;
    flex-wrap: wrap;
  }
  footer .part1 .block_body .menu_piece ul:last-child li {
    width: 100%;
  }
  footer .part1 .block_body .menu_piece ul:last-child li:first-child {
    width: 100%;
  }
  footer .part1 .block_body .piece {
    margin-top: 6vw;
  }
  footer .part1 .block_body .piece h4 {
    font-size: 3.6vw;
    color: white;
    text-align: left;
    margin-bottom: 2.4vw;
  }
  footer .part1 .block_body .piece .piece_body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  footer .part1 .block_body .piece .piece_body ul {
    flex: none;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
  }
  footer .part1 .block_body .piece .piece_body ul li {
    padding: 7px 0;
    line-height: 1;
    width: 50%;
  }
  footer .part1 .block_body .piece .piece_body ul li a {
    font-size: 12px;
    color: white;
  }
  footer .part2 {
    font-size: 12px;
    color: white;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #727272;
  }
  .ui-dialog {
    top: 10vh;
  }
  .ui-dialog-titlebar {
    display: none;
  }
  .ui-dialog .dialog {
    padding: 4vw;
    height: 70vh !important;
    margin: auto;
    overflow: auto;
    position: fixed;
    top: 14vh;
    z-index: 1002;
    background: white;
    width: 80vw !important;
  }
  .ui-dialog .modal_header h2 {
    font-size: 5vw;
    font-weight: bold;
    text-align: center;
  }
  .ui-dialog .modal_header h2 span {
    font-size: 4vw;
    display: inline-block;
    margin-left: 2vw;
  }
  .ui-dialog .modal_body {
    padding-top: 30px;
  }
  .ui-dialog .modal_body .search_input_wrapper input {
    width: 100%;
    height: 8vw;
    border: 1px solid #DDDDDD;
    font-size: 3.2vw;
    padding: 0 4vw;
  }
  .ui-dialog .modal_body .block {
    margin-top: 4vw;
  }
  .ui-dialog .modal_body .block h3 {
    font-size: 3.6vw;
    font-weight: bold;
    text-align: left;
    line-height: 1;
  }
  .ui-dialog .modal_body .block_body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    background: #F8F8F8;
    padding: 4vw;
    margin-top: 18px;
  }
  .ui-dialog .modal_body .block_body ul {
    flex: none;
    width: 100%;
  }
  .ui-dialog .modal_body .block_body > ul {
    grid-template-columns: repeat(2,1fr) !important;
  }
  .ui-dialog .modal_body .block_body ul li {
    margin-bottom: 3vw;
  }
  .ui-dialog .modal_body .block_body ul li label {
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 12px;
  }
  .ui-dialog .modal_body .block_body ul li label .color {
    width: 3.2vw;
    height: 3.2vw;
    border-radius: 50%;
    margin-right: 2vw;
  }
  .ui-dialog .modal_body .block_body ul li label input {
    -moz-appearance: none;
         appearance: none;
    -webkit-appearance: none;
    background: url(./../img/uncheck.png) no-repeat;
    background-size: 100% 100%;
    margin-right: 8px;
  }
  .ui-dialog .modal_body .block_body ul li label input:checked {
    background-image: url(./../img/check.png);
  }
  .ui-dialog .modal_body .submit_btn {
    width: 100%;
    border: none;
    outline: none;
    background: #F37A02;
    height: 10vw;
    border-radius: 3px;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    position: relative;
    font-size: 3.6vw;
    font-weight: bold;
    margin-top: 6vw;
  }
  .ui-dialog .modal_body .submit_btn img {
    position: absolute;
    width: 4vw;
    height: 4vw;
    left: 4vw;
    top: 50%;
    transform: translateY(-50%);
  }
  .category-list-sub {
    position: static;
  }
  .category-list-sub li span {
    width: auto;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul li .category-ttl-sub {
    padding: 3vw 0;
    margin: 0 25px;
    font-size: 15px;
    height: auto;
    /* display: flex; */
    align-items: center;
    justify-content: flex-start;
    position: relative;
  }
  .more {
    margin-left: 1rem;
  }
  .sp-more {
    margin-left: 35px;
  }
  .category-ttl {
    margin-left: 10px;
    font-weight: bold;
  }
  /* .category-list li a span {
    margin-left: 58px;
  } */

  .shipping-date-estimate-block {
    margin: 10px 20px 2px 20px;
    border: 4px solid #e67e22;
    background-color: #fff;
    padding: 16px 16px 0px 16px;
    box-sizing: border-box;
  }

  .shipping-date-estimate-block .estimate-title {
    font-size: 18px;
    font-weight: bold;
    color: #e67e22;
    letter-spacing: 0.08em;
    text-align: center;
  }

  .shipping-date-estimate-block .estimate-sub {
    margin: 0 0 8px;
    font-size: 10px;
    color: #333;
    text-align: center;
  }

  .shipping-date-estimate-block .estimate-date-row {
    background-color: #fff3e5;
    padding: 8px 0 0 0;
    border-top: 1px solid #e67e22;
    text-align: center;
    margin: 0 -16px 0px;
  }

  .shipping-date-estimate-block .estimate-date {
    font-size: 18px;
    font-weight: bold;
    color: #e67e22;
    letter-spacing: 0.08em;
  }

  .shipping-date-estimate-block .estimate-note {
    font-size: 8px;
    color: #666;
    text-align: end;
    margin-right: 8px;
  }

  .shipping-date-estimate-block-sub .estimate-caution {
    display: flex;
    align-items: flex-start;
    font-size: 8px;
    color: #333;
  }

  .shipping-date-estimate-block-sub .estimate-caution-icon {
    display: flex;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background-color: #fff;
    color: #e67e22;
    border-radius: 50%;
    border: 1px solid #e67e22;
    line-height: 10px;
    font-size: 20px;
    margin: 8px 0px 8px 30px;
    justify-content: center;
    padding: 3px;
  }

  .shipping-date-estimate-block-sub .estimate-caution-title {
    margin: 0;
    font-weight: bold;
    margin: 8px;
    font-size: 12px;
  }

  .shipping-date-estimate-block-sub .estimate-caution-text {
    margin: 0 30px;
    line-height: 1.4;
    font-size: 10px;
  }

  .sidebar_sp .sidebar_content ul li .category-ttl::after {
    content: "";
    width: 10px;
    height: 10px;
    border-top: 2px solid #F37A02;
    border-right: 2px solid #F37A02;
    /* top: 50%; */
    transform: rotate(135deg);
    transition: all 0.3s ease;
    position: absolute;
    /* margin: 0.5rem 0.3rem; */
    right: 35px;
  }
  .sidebar_sp .sidebar_content ul li div.close::after {
    transform: rotate(-45deg);
  }
  .big-cate {
  margin-bottom: -1px;
  }
  .sidebar_content dl dd ul li a {
    margin-left: 10px;
    font-weight: bold;
  }
  .sidebar_content dl dd ul ul li a {
    margin-left: 25px;
    font-weight: normal;
  }
  #sec1 .part1 .main_content .main_part2 .block .content {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 500px 1fr; 
    grid-template-areas: 
    "A A A"
    "A A A"
    "B C D"
    "E F G";
    align-items: flex-start;
    gap: 0;
    flex-wrap: wrap;
  }
  .header_top > .menu ul li:nth-of-type(3):after {
    content: "";
    position: absolute;
    top: 15%;
    right: 25%;
  }
  #header .g_nav .sidebar dl dd ul .category-list li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
  .header_top .menu ul li {
    padding: 18px 0;
  }
  #sec1.ctg1 .part1 .main_content .main_part1 .block .content {
    gap: 20px 0;
  }
  p.title {
    height: 45px;
  }
  #sec1.ctg1 .part1 .main_content .main_part1 .block .content .slide_btn {
    display: none;
  }
  #sec1.ctg1 .part1 .main_content .banner_part a img {
    margin: 90px 0 0;
  }
  .search ul li {
    display: block;
  }
  .search ul li .form {
    width: 100%;
  }
  .search_ctg_ttl {
    font-size: 18px;
  }
  #sec1.fullorder .step_list {
    grid-template-columns: repeat(3,1fr);
  }
  #sec1.fullorder .input .size-right {
    display: block;
  }
  #sec1.fullorder .input .size-right span {
    justify-content: end;
    width:140px;
  }
  #sec1.fullorder input[type=checkbox] {
    bottom: -5px;
  }

  #sec1.fullorder input[type=radio] {
    bottom: -4px;
  }

  #sec1.fullorder .step_list .type_name>input[type=radio] {
    bottom: 0px;
  }
  #sec1.fullorder .img_up .up_txt {
    text-align: center;
  }
  #sec1.fullorder .img_up {
    display: block;
  }
  #sec1.fullorder .img_up .up_btn {
    margin: auto;
    margin-top: 15px;
    display: block;
  }
  #sec1.fullorder .step1 .input {
    display: block;
  }
  #sec1.fullorder .input .red {
    margin-left: 0;
  }
  #sec1.fullorder .input .input_txt {
    width: 50%;
  }
  #sec1.fullorder .input #tell {
    width: 28%;
  }
  #sec1.fullorder .step .size-txt {
    font-size: 15px;
  }
  #sec1.fullorder .input label {
    width: 80px;
    min-width: 59px;
    font-size: 11px;
    display: block;
  }
  #sec1.fullorder .form_parts .input {
    display: block;
  }
  #sec1.fullorder .form_parts .input label {
    width: auto;
  }
  #sec1.fullorder .print_parts.sp_block .red {
    padding: 0 0 15px 0;
    display: block;
  }
  #sec1.fullorder .sp_block .input {
    display: block;
  }
  #sec1.fullorder .step_list.more label {
    width: auto;
    min-width: auto;
  }
  #sec1.fullorder h3 {
    font-size: 14px;
  }
  #sec1.fullorder h4 {
    font-size: 13px !important;
  }
  /* guide */
  #detail_sec1 .guide_item .btn_flex.three {
    grid-template-columns: repeat(1,1fr);
  }
  #detail_sec1 .guide_item .btn_flex.four {
    grid-template-columns: repeat(1,1fr);
  }
  .header_top > .menu ul li:nth-of-type(3):after {
    top: 15%;
  }
  #detail_sec1 .flex {
    display: block;
  }
  #detail_sec1 .flex .right {
    width: 100%;
  }
  .card_payment img {
    width: 50%;
}
button.cart_btn.add-cart {
    width: 83%;
}
.banner_part {
  padding: 0 15px;
}
#header .header_top h2 {
    padding: 0;
    position: static;
    padding-top: 10px;
    text-align: left;
}
.copy_detail h5 {
    height: auto;
}
.search,
.search2 {
  padding: 20px;
}
#sec1 .part1 .main_content .ec-newItemRole {
  padding: 0 15px;
  grid-template-columns: repeat(1,1fr);    
}
.breadcrumb {
    display: none;
}
.color {
    width: 20px;
    height: 20px;
}
.sp-box {
    font-size: 13px;
}
.sp-box .ec-off1Grid {
    padding: 0 15px;
}
.sp-box h1 {
    padding-right: 15px;
    padding-left: 15px;
}
.sp-box p {
    margin-bottom: 10px;
}
.sp-box .ec-off1Grid {
    margin-top: 30px;
}
#detail_sec1 .part1 .main_content .mitumori_part .calculate_btn .pay-cal {
    pointer-events: unset;
}
.h2-flex_img {
    display: block;
}
#sec1 .part1 .main_content h2.h2-flex {
    display: block;
}
#sec1 .part1 .ctg-top .main_part1 .block:first-child {
    max-width: 500px;
    width: 100%;
}
.ctg_product-list {
    grid-template-columns: repeat(2,1fr);
}
}
@media screen and (max-width: 575px) {
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .calculate_table table th {
    width: 18vw;
  }
  #detail_sec1 .category_part .category_body.recently a img {
    width: 120px;
    height: 120px;
  }
}
@media screen and (max-width: 500px) {
  .visible-500 {
    display: block;
  }
  .hidden-500 {
    display: none;
  }
  #sec1 .part1 .main_content .main_part1 .block h2 {
    font-size: 4.8vw;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a h3 {
    font-size: 3.6vw;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p {
    font-size: 3.3vw;
  }
  #sec1 .part1 .main_content .main_part1 .block h2 a {
    font-size: 3.6vw;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p.price .tax {
    font-size: 2.3vw;
  }
  #sec1 .part1 .main_content .main_part2 .block h2 {
    font-size: 4.8vw;
    margin-top: 10vw;
    margin-bottom: 4vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a p {
    font-size: 3.3vw;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a p.price .tax {
    font-size: 2.3vw;
  }
  #sec1 .part1 .main_content .main_part2 .block h2 a {
    font-size: 3.6vw;
    color: #F37A02;
    align-items: center;
    margin-top: none;
    justify-content: flex-start;
  }
  #sec1 .part1 .main_content .main_part1 {
    padding: 0 15px;
  }
  #sec1.fullorder .part1 .main_content .main_part1 {
    padding: 0 7px;
  }
  #sec1 .part1 .main_content .main_part2 .block .content a p.price {
    font-size: 4.8vw;
  }
  #sec1 .part1 .main_content .main_part1 .block .content a p.price {
    font-size: 4.8vw;
  }
  #sec1 .part1 .main_content .main_part1 .block .content {
    grid-template-columns: repeat(2, 1fr);

  }
  #sec1 .part1 .main_content h2 {
    font-size: 4.8vw;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul li div {
    font-size: 3.6vw;
  }
  #sec1 .part1 .main_content .main_part4 .block h2 {
    font-size: 4.8vw;
  }
  #sec1 .part1 .main_content .main_part4 .block h2 a {
    font-size: 3.6vw;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul li a {
    font-size: 3.6vw;
  }
  #sec1 .part1 .main_content .main_part3 .block .content ul li span {
    font-size: 3.6vw;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a p {
    font-size: 3.3vw;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a p.price .tax {
    font-size: 2.3vw;
  }
  #sec1 .part1 .main_content .main_part4 .block .content a p.price {
    font-size: 4.8vw;
  }
  #sec1 .part1 .main_content .main_part5 .block .content ul li a {
    font-size: 3.6vw;
  }
  #sec1 .part1 .main_content .main_part6 .block .header h2 {
    font-size: 4.8vw;
    padding-top: 0;
  }
  #sec1 .part1 .main_content .main_part6 .block .header h2 a {
    font-size: 3.6vw;
  }
  .rank {
    width: 42px;
    height: 42px;
  }
  .sidebar_content dl dt {
    font-size: 3.6vw;
  }
  #header .g_nav .sidebar .ttl h3 {
    font-size: 18px;
  }
  #header .g_nav .sidebar dl dd ul li a span {
    font-size: 0.9rem;
  }
  #header .g_nav ul li:not(.sp-more) {
    font-size: 3.6vw;
  }
  #detail_sec1 .category_part .category_body a p {
    font-size: 14px;
  }
  #detail_sec1 .category_part .category_body a p.price {
    font-size: 4.8vw;
  }
  #detail_sec1 .category_part .category_body a p.zeikomi {
    font-size: 12px;
  }
  #detail_sec1 .category_part .category_body a p.price .tax {
    font-size: 2.3vw;
  }
  #detail_sec1 .category_part .category_body.recently a img {
    width: 100px;
    height: 100px;
  }
  #detail_sec1 .cart_part .cart_body .desc_part .block ul li {
    font-size: 3vw;
  }
  #detail_sec1 .cart_part .cart_body .steps li a span {
    width: 23vw;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td.counts .btns a {
    display: inline;
  }
  #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td.counts .btns a {
    display: inline;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .desc_block h4 {
    font-size: 4vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block h3 {
    font-size: 4.4vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block p .tax {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .desc_block p {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .spec_block dl dt {
    font-size: 3.3vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .spec_block dl dd {
    font-size: 3.3vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .header_block p {
    font-size: 5.6vw;
  }
  #detail_sec1 .part1 .main_content .detail_part .flex_body .share_block p {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part h2 {
    font-size: 4.4vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece h3 {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .count_piece dl dt {
    font-size: 3.3vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .count_piece dl dd {
    font-size: 3.3vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece > p {
    font-size: 3.3vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece label {
    font-size: 3vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .sum_piece p {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .sum_piece p .count {
    font-size: 5.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_label {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group select {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .form_piece .form_group p {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece h3 {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .calculate_table table th {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .mitumori_part .block .flex_body .piece .calculate_table table td {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block h2 {
    font-size: 4.8vw;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block h2 a {
    font-size: 3.6vw;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p {
    font-size: 3.3vw;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p.price .tax {
    font-size: 3.3vw;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content a p.price {
    font-size: 4.8vw;
  }
  #detail_sec1 .part1 .main_content .main_part1 .block .content {
    grid-template-columns: repeat(2,1fr);
  }
  #sec1 .part1 .main_content .main_part2 .block .content {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 250px 1fr; 
    grid-template-areas: 
    "A A"
    "A A"
    "B C"
    "D E"
    "F G";
  }
  #sec1 .part1 .main_content .main_part4 .block .content {
    grid-template-columns: repeat(2, 1fr);
  }
  #detail_sec1 .mypage_part h2 {
    font-size: 4.8vw;
  }
  #detail_sec1 .category_part h2 {
    font-size: 4.8vw;
  }
  /* シミュレーターページ */
  #budget {
    margin-right: 5px;
  }
  .search2 ul li {
    display: block;
  }
  .copy_detail a p:after {
    right: 0;
  }
  .copy_detail>p {
    font-size: 12px;
    height: 75px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden; 
  }
  .search .ser_button, .search2 .ser_button {
    width: 100%;
  }
  .copy_detail h5 {
    font-size: 14px;
  }
  .copy_detail h5 span {
    font-size: 10px;
  }
  .color_scale {
    height: 25px;
  }
  .color_scale .scale {
    height: 25px;
  }
  .color_scale img.full,
  .color_scale img.laser {
    margin-left: 5px;
  }
  .search_result {
    display: block;
  }
  .result_stats {
    width: auto;
  }
  .search_result button:not(.reset) {
    width: 100%;
  }
  .reset_button {
    width: auto;
    margin-top: 30px;
  }
  .search_ctg ul {
    display: block;
  }
  /* フルオーダー */
  #sec1.fullorder .step_list {
    grid-template-columns: repeat(2,1fr);
  }
  #sec1.fullorder .step_list.cloth {
    grid-template-columns: repeat(2,1fr);
  }
  #sec1.fullorder .input label {
    font-size: 13px;
  }
  #sec1.fullorder .step_list.cloth{
    font-size:14px;
  }
  #sec1.fullorder .step_list.print label{
    font-size:15px;
  }
  #sec1.fullorder .step_list.print {
    grid-template-columns: repeat(2,1fr);
  }
  #sec1.fullorder .input .unit {
    margin-left: 10px;
    font-size: 11px;
  }
  #sec1.fullorder .input .full-order-unit {
    margin-left: 20px;
    font-size: 11px;
  }
  #detail_sec1 .draft_option > ul {
    grid-template-columns: repeat(1,1fr);
  }
  #sec1.fullorder .part1 .main_content .main_part1 .block .content {
    grid-template-columns: repeat(2,1fr);
  }
  /* guide */
  #detail_sec1 .guide_item .guide_table {
    font-size: 10px;
  }
  #detail_sec1 .guide_item .guide_table th {
    padding: 17px 10px;
  }
  #detail_sec1 .guide_item .guide_table td {
    padding: 17px 10px;
  }
  .method_list ul {
    grid-template-columns: repeat(1,1fr);
  }
  .card_payment img {
    width: 100%;
    }
    #detail_sec1 .info_delivery {
      width: 100%;
    }
    #detail_sec1 .part1 .main_content .mitumori_part .block .counts .piece .items_piece {
      display: block;
    }
    .br500 {
        display:block;
    }
    .br500_pc {
        display: none;
    }
    #header .header_top h2 {
        font-size: 10px;
    }
    #detail_sec1 .cart_part .cart_body .detail_block table tbody tr td .flex_body .title {
      font-size: 13px;
    }
    .h2-flex_img {
        width: 100%;
    }
}

@media screen and (max-width: 450px) {
  #detail_sec1 .category_part .category_body.recently a img {
    width: 80px;
    height: 80px;
  }
}