@charset "utf-8";
/* CSS Document */


:root{
--bg_color:#f5f5f5;
--ac_color:#d63334;
--border_color:#ddd;
--header_h:60px;
--drag_area:400px;
--drop_reset:240px;
--slide_navi_h:calc(40px + (var(--slide_navi_p) * 2));
--slide_navi_p:1.5rem;
--drag_control_h:70px;
}
@media screen and (max-width: 767px){
:root{
--min_width: inherit;
--slide_navi_p: 1rem;
}}


.body{position:relative;overflow: hidden;}
.visible_tablet{display:none;}
.hidden_min767{display:none;}
@media screen and (max-width: 900px){.vis_tablet{display:inline-block;}}
@media screen and (max-width: 767px){.hidden_min767{display:block}.visible_min767{display:none;}}
@media screen and (max-width: 470px){.range_text .hidden_phone{display:none;}}

/**/
.loading {background:var(--bg_color);display: flex;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 20000;}
.spinner {margin: auto;max-width: 300px;text-align: center;}
.spinner > div {height: 12px;background-color: #9d3c3c;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;margin: 3px;width: 12px;}
.spinner .bounce1 {
  -webkit-animation-delay: -0.64s;
  animation-delay: -0.64s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.48s;
  animation-delay: -0.48s;
}
.spinner .bounce3 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.spinner .bounce4 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

/**/
header{background:#fff;position: fixed;width: 100%;z-index: 9999;}
.header_area{display: flex;align-items: center;box-shadow: 0 0 5px #eee;height:var(--header_h);justify-content: space-between;}
.header_area a {display: block;padding: 0.4rem;}
.header_logo{display: block;height: 44px;}
.header_ttl {display: flex;font-weight: bold;gap:1rem;letter-spacing: 1px;line-height: 1em;align-items: center;justify-content: center;}
.header_ttl_img{height:calc(var(--header_h)/4 + 1px);}
.header_ttl .header_ttl_img + span::before{content:"\07C　";}
.header_man{align-items: center;cursor:pointer;display: flex;font-size: .9em;font-weight: 600;gap: .5rem;justify-content: flex-end;margin-right: 1rem;}
.header_man_img{height: 21px;width: 21px;}
@media screen and (max-width: 767px){.header_ttl{display:none;}}

/**/
.main_wrap{padding-top:var(--header_h);}
.range_block{align-items: center;bottom:0;display: flex; height: calc(100vh - var(--header_h));justify-content: center;opacity:1;position: relative;padding: 0 2rem;transition:.5s;width: 100%;}
.range_box{align-content: center;background: #fff;height: calc(83vh - var(--header_h));max-width: 1450px;overflow: hidden;padding:3rem 1.5rem;text-align: center;width: 100%;}
.range_box > * {width: 100%;}
.range_ttl{align-items: center;display: flex;gap:1.5rem;justify-content: center;margin-bottom: 2.8rem;}
.range_ttl span {font-size: 1.5rem;font-weight: bold;letter-spacing: 1px}
.range_ttl_logo{display: block;height:28px;}
.range_text{font-size: .97em;font-weight: 600;letter-spacing: 1px;line-height: 1.8em;}
.range_imglist{display: flex;gap: 1.1rem;justify-content: center;margin:1.5em 0 2.5rem;max-height: 142px;transition: .5s;}
.range_imglist img{height:auto;width: auto;}
.range_inputbox{align-items: center;display: flex;font-weight: bold;font-size: 1.05em;justify-content: center;margin: 3rem auto;transition: .5s;}
.range_inputbox li::after {content: "\0D7";margin-right: 1rem;}
.range_inputbox li:last-child::after{content:"";}
.range_inputbox > li > span:first-child {width: 40px;display: inline-block;text-align: left;}
.range_input{/*border: 1px #ccc solid;*/ box-shadow: 0 0 3px #aaa; border-radius: 5px;font-weight: normal;height: 36px;margin: 0 .5em;width: 90px;}
.range_btn{border: 2px #555 solid;border-radius: 60px;cursor: pointer;font-weight: bold;margin: 0 auto;max-width: 310px;padding: .8rem; transition:.3s;}
.range_btn:hover{transform:scale(1.05)}
.range_btn.disabled{background: #ddd;border-color: #ddd;color: #fff;cursor: auto;}
.range_btn.disabled:hover{transform:scale(1)}
@media screen and (max-width: 1100px){.range_block{height: calc(100vh - var(--header_h) - 20px);}}
@media screen and (max-width: 900px){
.range_ttl {margin-bottom: 2rem;}
.range_imglist {max-width: 670px;margin: 1rem auto;}
.range_inputbox {flex-wrap: wrap;font-size: 1em;gap: .8rem;margin: 2rem auto;max-width: 220px;}
.range_inputbox li::after{display:none;}}
@media screen and (max-width: 767px){
.range_block{height: calc(100vh - var(--header_h) - 20px);}
.range_box {padding: 3rem 1.8rem;}
.range_ttl {display: block;margin-bottom: 2.5rem;}
.range_ttl span{font-size: 1.1rem;}
.range_ttl_logo{margin: 0 auto .6rem;height: 32px;}
.range_text {font-size: .9em;letter-spacing: 0;}
.range_imglist{max-width: 350px;}
.range_imglist:has(li:nth-child(4)) li:first-child, .range_imglist:has(li:nth-child(4)) li:last-child{display: none;}}
@media screen and (max-height: 870px){
.range_block{height: 100%;padding: 4rem 3rem;}
.range_ttl{margin-bottom: 1.3rem;}
.range_box{height: 100%;}
.range_imglist{max-height: 132px;}}
@media screen and (max-width: 450px){.range_block{padding:2.5rem 1rem;}.range_box{padding:3rem 1.8rem;}}

/**/
.drag_block{position: fixed;bottom: -120vh;left:0;top: auto;transition:.5s;width: 100vw;opacity:1;}
.drag_block_wrap{align-items: stretch;display:flex;justify-content: space-between;position: relative;}
.drop_area{align-items: center;display: flex;justify-content: center;height: calc(100vh - var(--header_h));padding: 2rem;width:calc(100% - var(--drag_area));}
.drag_body {height: calc(100% - var(--drag_control_h));}
.drag_body:not(:has(.slick-slide:nth-child(2))) .slide{height:0;padding:.5rem;}
.drag_body:not(:has(.slick-slide:nth-child(2))) .drag_tab{display:none;}
.drop_ttl_area{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.drop_ttl_box{width:calc(100% - var(--drop_reset));}
.drop_ttl{font-size: 1.4rem;font-weight: bold;letter-spacing: 2px;}
.drop_size{font-size: .95em;font-weight: 600;letter-spacing: 1px;}
.drop_reset{background: #fff;border: 3px #555 solid;border-radius: 50px;cursor: pointer;font-size: .95em;font-weight: bold;letter-spacing: 1px;min-width: var(--drop_reset);padding: .3em 1rem;text-align: center;}
.drop_box{background: #fff;border: 1px #ccc solid;margin: 0 auto;transition:.3s;}
.drop_desc{display: flex;align-items: center;gap:.8rem;height:100%;justify-content: center;padding: 2rem 1rem;overflow: hidden;}
.drop_desc > img{display: block;}
.drop_desc > span{color: #999;display: block;font-size: .95em;font-weight: 600;line-height: 1.4em;letter-spacing: 1px;}
.drop_menu_area{position: absolute;display: none;z-index: 999;}
.drop_menu_box {display: flex;gap: .7rem;}
.drop_menu_box > img {cursor:pointer;}
.drop_info{color: #666;font-size: .85em;font-weight: 500;letter-spacing: 1px;margin-top: 1.5rem;}
.drop_info li{line-height: 1.4em;padding:.3rem 0 0 1.2rem;position: relative;}
.drop_info li::before {content: "\0203B ";left: 0;position:absolute;}
.btm_flag {opacity: 0;}
.rotate_info {align-items: center;background:rgb(163 0 0 / 90%);bottom: -100px;color:#fff;display: flex;font-size: 1em;font-weight: bold;height: 72px;justify-content: center;left: 0;position: fixed;transition:.3s;width: calc(100% - var(--drag_area));z-index:9999;padding: 1rem;}
.rotate_info.active{bottom:0;}
@media screen and (max-width: 1000px){
.drag_block_wrap{display:block;}
.drop_area{height: auto;width:100%;padding-bottom: 1rem;}
.drop_body{width:100%;}
.drop_ttl_area {display: block;text-align: center;margin-bottom:2.1rem;}
.drop_ttl_box{width: 100%;margin-bottom: 1.2rem;}
.drop_ttl {font-size: 1.25rem;}
.drop_size{font-size: .9em;letter-spacing: 1px;margin-top: .3rem;}
.drop_reset {font-size: .9em;max-width: 300px;margin: 0 auto;border-width:2px;}
.drop_desc{font-size: .9em;width:100%;}
.drop_info {bottom: 70px;left: 0;padding: 1rem 2rem;position: absolute;margin-top: .5rem;}
.drop_info li{font-size:.8rem;margin-bottom: .5rem;}
.rotate_info{width:100%;}.rotate_info {z-index:998;}}
@media screen and (max-width: 767px){.rotate_info {font-size: .9em;}.drop_info {padding: 1rem;}}

/**/
.drag_area{background: #fff;height:calc(100vh - var(--header_h));overflow: hidden;width:var(--drag_area);}
.drag_tab{align-items: center;background: #f4f4f4;border-radius: 5px;display: flex;font-weight: 600;height: 40px;letter-spacing: 5px;justify-content: center;margin: 0 auto;max-width: 240px;text-indent: 5px;width: 80%;}
.drag_box {align-items: stretch;display: flex;gap: 1.5rem;margin:1.5rem auto 2rem;padding: 0 2rem;overflow: hidden;}
.drag_box .drag .drag_item_img{cursor: move;}
.drag_root{width:120px;height: 120px;}
.drag{position: relative;z-index: 99;}
.drop_box .drag{z-index:100;}
.drag_item_desc {width: calc(60% - (1.5rem / 2));min-width: 140px;}
.drag_item_name {font-size: .9em;font-weight: 500;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin-bottom: .3em;}
.drag_item_size {font-size: .9em;font-weight: 500;line-height: 1.3em;}
.drag_item_img{transform-origin: 0 0;}
.drag_menu {display: flex;gap: 0 .8rem;z-index: 100;position: relative;}
.drag_menu img{cursor:pointer;height: 38px;margin-top: .6rem;width: auto;}
.drag_control{border-top: 7px var(--bg_color) solid;height:var(--drag_control_h);display: flex;align-items: center;justify-content: center;gap: .5rem;text-align: center;}
.drag_total{background:#d63334;border-radius: 10px;color: #fff; cursor:pointer; font-size: .95rem;font-weight: 600;height: 44px;letter-spacing: 2px;line-height: 1rem;padding: 0 1rem;width:65%;}
.drag_total:disabled{background: #ddd;cursor: no-drop;}
.drag_total span {align-items: center;display: flex;gap: .5rem;justify-content: center;}
.drag_total > span::before{background:url(https://livingut.info/all/simulation/img/icon_count.png);background-size: 20px;content:"";display: block;height:20px;width:20px;}
.drag_reset{background:#aaa;border-radius: 10px;color: #fff;cursor:pointer;font-size: .95rem;font-weight: 600;height: 44px;padding: 0 .5rem;width:25%;}
.drag_total.onpush{background: var(--ac_color);cursor:pointer;}
.slide_tab > .list{display:none;transition: 0.5s;}
.slide_tab > .list.tab_active{display:block;animation: show .3s linear 0s;}
.drag.ui-draggable-dragging .drag_item_img, .drop_box .drag_item_img {height: 100%;width: 100%;}
.drop_box .drag_item_img{max-block-size: initial;position: absolute;transform-origin: left top;}
.drag_box .drag_item_img{position: relative;transform-origin: left top;max-width: 120px;max-height: 120px;/*max-block-size: max-content;*/z-index: 99;}
.drag_select::before {content: "";border: 4px #333 solid;border-radius: 8px;display: block;width: 100%;height: 100%;position: absolute;z-index: 1;}
.select_wrap{position: relative;}
.select_wrap::before,
.select_wrap::after {background-color: #535353;content: '';height: 4px;pointer-events: none;position: absolute;right: .5rem;width: 7px;}
.select_wrap::before {clip-path: polygon(50% 0, 100% 100%, 0 100%);top: calc(50% - 6px);z-index: 100;}
.select_wrap::after {bottom: calc(50% - 6px);clip-path: polygon(0 0, 50% 100%, 100% 0);z-index: 100;}
.select_color {appearance: none;border: 1px solid #d0d0d0;border-radius: 3px;background-color: #fff;color: #333333;cursor: pointer;font-size: .93em;margin-top: .8rem;margin-bottom: .3rem;min-height: 28px;padding: .2rem .5rem;position: relative;width: 100%;z-index: 99;}

/*.drag_box .drag.ui-draggable-dragging{max-width: max-content;}*/
.ui-draggable-disabled .drag_item_img:hover{cursor: no-drop;}
.ui-draggable-dragging::before{content: "";border: 3px rgb(175 199 209 / 67%) dotted;border-radius: 8px;display: block;width: 100%;height: 100%;position: absolute;z-index: 1;}
@media screen and (max-width: 1000px){
.drag_area{width: 97%;margin: 0 auto;border-radius: 15px;height: auto;}
.drag_box{flex-wrap: wrap;gap: 1rem;margin: .5rem 0;padding: 0;width: 140px;overflow: initial;}
.drag_root{width:140px;}
.drag_box > *{width:100%;}
.drag_item_name{font-size: .83em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;width: 100%;white-space: initial;text-overflow: initial;line-height: 1.2em;margin-bottom: .5em;min-height: 32px;}
.drag_item_size{font-size: .85em;}
.drag_control {align-items: flex-start;border-top-width: 13px;background:var(--bg_color);position: fixed;bottom: 0;width: 100%;z-index: 999;left:0;}
.drag_menu img{margin-top: 1rem;}}
@media screen and (max-width: 767px){.total_price{font-size: 1.2em;}}

/**/
.slide {height: var(--slide_navi_h);padding: var(--slide_navi_p) 0;}
.slick-next, .slick-prev{height:35px;width:35px;z-index: 10;}
.slick-next{right: 1.5rem;}
.slick-prev{left: 1.5rem;}
.slick-next:before, .slick-prev:before{height: 35px;position: absolute;top: 0;width: 35px;}
.slick-next:before{content: url(https://livingut.info/all/simulation/img/icon_arrow.png);}
.slick-prev:before{content: url(https://livingut.info/all/simulation/img/icon_arrow.png);transform: scale(-1, 1);}
.list_block {height:calc(100vh - var(--header_h) - var(--slide_navi_h) - var(--drag_control_h) - 10px);overflow-y: auto;overflow-x: hidden;}
.list_block::-webkit-scrollbar {background: #ddd; border-radius: 5px;width: 6px;}
.list_block::-webkit-scrollbar-thumb {background: #555;border-radius: 5px;}
@media screen and (max-width: 1000px){
.slide.slick-slider {border-top: 0px var(--bg_color) solid;}
.list_block{display: flex;align-items: flex-start;gap: 1.4rem;height: auto;overflow-y: hidden;overflow-x: auto;padding: 0 1.5rem 1rem;width: 100%;}
.list_block::-webkit-scrollbar {height: 6px;}}
@keyframes show {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/**/
.popup_wrap{display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.popup_wrap::after{background: rgba(0, 0, 0, .6);content: "";display: block;height: 100%;width: 100%;}
.itemlist_block,.manual_block {display:none;background: #fff;border-radius: 10px;height: 72vh;left: calc(50% - 28vw);overflow: hidden;padding:1.2rem 1.5rem 3rem;position: absolute;top: calc(50% - 36vh);width: 56vw;}
.manual_box{overflow-y: auto;overflow-x: hidden;height: calc(100% - 1.5rem);border-bottom: 1px #ddd dotted;scroll-behavior:smooth;}
.item_area{overflow-y:auto;overflow-x:hidden;height:calc(100% - 6rem);/*-ms-overflow-style:none;scrollbar-width:none;*/border-bottom: 1px #ddd dotted;}
/*.item_area::-webkit-scrollbar{display:none;}*/
.item_area::-webkit-scrollbar, .manual_box::-webkit-scrollbar{background: #ddd; border-radius: 5px;width: 6px;height: 6px;}
.item_area::-webkit-scrollbar-thumb, .manual_box::-webkit-scrollbar-thumb{background: #555;border-radius: 5px;}
.item_list {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:0 .5rem;}
.item_button {max-width:210px;width:calc((100% - (1rem * 3)) / 4);transition:.3s;cursor:pointer;border: 1px #ddd solid;padding:1.3rem 1rem;border-radius: 15px;}
.item_ttl {font-size:1.25em;font-weight:700;letter-spacing:1px;padding-bottom:2rem;}
.item_ttl::after {border:1px var(--border_color) dotted;border-right:0;border-left:0;content:"";display:block;height:0;margin-top:.4rem;width:100%;}
.item_ttl_total {float: right;color: var(--ac_color);}
.item_id {font-size:.76em;letter-spacing:1px;text-align:center;line-height: 1.1rem;}
.item_button img {display:block;margin-bottom:.8rem;padding:.3rem;transition:.4s;}
.item_name {font-size:.83em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:43px;width:100%;line-height: 1.2em;margin-bottom: .5em;/*min-height: 31px;*/}
.item_color {font-size: .83em;margin-top: .4rem;}
.item_color::before {content: "種類：";}
.item_button:hover img {transform:scale(1.06);}
.item_close{border:2px #333 solid;border-radius:50px;cursor:pointer;font-family:sans-serif;font-size:1.1em;font-weight:bold;height:25px;line-height:1.3em;position:absolute;right:1.1rem;text-align:center;top:1rem;width:25px;}
.item_btn {background:#fff;border:1px var(--border_color) solid;border-radius:50px;color:#999;font-size:.8em;font-weight:500;max-width:150px;padding:.3rem .5rem;text-align:center;margin:.9rem auto .4rem;transition:.5s;}
.item_button:hover .item_btn {background:var(--ac_color);border-color: var(--ac_color);color:#fff;}
.item_numbox {display: flex;justify-content:flex-start;margin-top: 1.2rem;}
.item_price {font-size: 1em;font-weight: 600;}
.item_tax{font-size: .7em;padding-left: .2em;}
.item_count{font-size: .9em;font-weight: bold;}
.item_count::before{content: "\0D7";}
.item_num{font-size: 1rem;padding-left: .2em;}
.popup_close{background: #636a6c;border-radius: 50px;bottom: 1.4rem;color: #fff;cursor:pointer;font-size: .9em;font-weight: bold;left: calc(50% - 60px);text-align: center;padding: .2rem 1rem;position: absolute;width: 120px;}
@media screen and (max-width: 1499px){.itemlist_block,.manual_block{left:calc(50% - 37vw);width:74vw;}}
@media screen and (max-width: 1049px){.item_button{width: calc(100% / 3 - 1rem);}}
@media screen and (max-width: 899px){.itemlist_block,.manual_block{left: calc(50% - 42vw);width: 84vw;}.item_button{width: calc(100% / 3 - 1rem);}}
@media screen and (max-width: 767px){
.manual_box{height: calc(100% - 1.8rem);}
.item_list{gap:2rem .5rem;/*justify-content: flex-start;*/}
.item_button:hover img {transform:scale(1);}
.item_button{width: calc(100% / 2 - .5rem);}}
@media screen and (max-width: 599px){
.manual_box{height: calc(100% - 3.8rem);}
.item_area{/*height:calc(100% - 11rem);*/ height:auto;overflow-x: auto;}
.itemlist_block,.manual_block{height: 78vh;padding:1.2rem 1rem 0;}
.item_list{gap: 2.5rem .8rem;padding-top: .5rem;flex-wrap: nowrap;width: fit-content;}
.item_button{border-radius: 10px;width: calc(100% / 1 - .3rem);min-width: 185px;padding: 1rem;}
.item_button img {max-width: 120px;margin: 0 auto .8rem;}
.item_id,.item_name{font-size:.8em;}
/*.item_name,.item_button > img{margin-bottom: .8rem;}*/
.item_ttl{font-size: 1rem;padding-bottom:1rem;}
.item_ttl_total {float: initial;border: 1px var(--ac_color) solid;border-radius: 10px;padding: .4rem .5rem;text-align: center;margin: .5rem 0 1rem;}
.item_btn {font-size: .75em;margin-top: .6rem;}
.item_numbox {font-size: .9em;}
.item_count {font-size: .8em;}
.item_num{font-size: .95rem;}
.popup_close{bottom: 1.1rem;}}
@media screen and (max-width: 374px){
.item_button{width:100%;}
.item_list{justify-content:center;}}

/**/

.manual_menu_area{display: flex;justify-content:center;flex-wrap: wrap;align-items: stretch;gap: 1.5rem;height:calc(100% + 5px);align-content: center;max-width: 1000px;margin:0 1rem 0 0;}
.manual_menu_area li{width: calc(100% / 4 - 1.5rem);}
.manual_menu_box{display: inline-block;border: 4px #e1dfdf solid;border-radius: 15px;padding: 1rem;height: 100%;transition:.3s;width: 100%;text-align: center;}
.manual_menu_box:hover{transform:scale(1.03);}
.manual_menu_name {font-weight: bold;text-align: center;max-width: 140px;margin: 0 auto;}
.manual_wrap{min-height:100%;margin-top: 3rem;}
.manual_ttl {font-size: 1.2rem;font-weight: bold;text-align: center;margin: 1.5rem auto;background: #eaf5f9;border-radius: 10px;padding: .8em 1rem;max-width: 98%;}
.manual_ttl_sub {font-weight: bold;text-align: center;background: #fff;padding: .5em;margin: 0 auto;width: 85%;border-bottom: 4px #dbdfdf double;border-top: 4px #dbdfdf double;margin:1.9rem auto .7em;max-width: 440px;}
.manual_img{margin-bottom: 1rem;text-align: center;}
.manual_img img {border: 1px #ddd solid;border-radius: 20px;display: block;max-width: 680px;margin:2.3rem auto 1.6rem;width: calc(90% - 2rem);}
.manual_img .manual_img_s{max-width: 440px;}
.manual_text {font-weight: 500;text-align: center;margin-bottom: 2rem;}
.manual_text p {line-height: 2em;font-size: .95em;}
.important{font-weight: bold;font-size: 1.1em;padding: 0 .5rem;}
.popup_index {background: #eee;border-radius: 50px;bottom: 5.6rem;display: block;font-size: .8em;font-weight: 600;height: 35px;padding: .45rem 1rem;position: absolute;right: 2.8rem;text-align: center;width: 106px;}
.manual_body .sp{display:none;}
@media screen and (max-width: 1100px){.manual_menu_area{gap: 1rem;font-size: .95em;}}
@media screen and (max-width: 1000px){
.manual_menu_area {gap: .7em;margin-bottom: 5rem;align-content: flex-start;}
.manual_menu_area li {width: calc(100% / 3 - 0.7rem);height: calc(100% / 3 - 1rem);}
.manual_menu_box {display: inline-block;border: 4px #e1dfdf solid;border-radius: 15px;padding: 1rem;height: 100%;transition: .3s;}
.manual_menu_name {font-size: .9em;}
.manual_img img{max-width:350px;}
.manual_img .manual_img_s{max-width:320px;}
.manual_body .pc{display:none;}
.manual_body .sp{display:block;}
}
@media screen and (max-width: 767px){
.manual_menu_area {gap: .7em;margin: 0 0 3rem;height: auto;align-content: flex-start;padding:.5rem 0 3rem;}
.manual_menu_area li {width: calc(100% / 3 - 0.7rem);height: auto;}
.manual_menu_box > img {max-width: 160px;width: 100%;}
.manual_text p {padding:.3rem .5rem;text-align: left;line-height: 1.5em;width: 98%;margin: 0 auto;}
}
@media screen and (max-width: 600px){
.manual_menu_area{padding-bottom: 1rem;}
.manual_menu_area li {width: calc(100% / 2 - 0.7rem);}
.popup_index {bottom: 16px;right: 13px;height: 30px;padding: .35rem 1rem;}
.manual_block .popup_close {left: 14px;}
.manual_menu_name{font-size: .85em;}
.manual_wrap{min-height: auto;margin-top: 2rem;}
.manual_ttl {font-size: 1.05rem;margin: 0;max-width: 100%;line-height: 1.4em;}
.manual_img img{width: 92%;margin: 1.5rem auto .8rem;}
.manual_text p {font-size: .9em;}
.manual_ttl_sub {width: 98%;font-size: .95em;letter-spacing: -1px;}
}




/* info協調アニメーション */
.buruburu {
  animation:rumble 0.1s linear;
  animation-iteration-count: 6;
}
@keyframes rumble {
  0%   { transform:translate(0); }
  25%  { transform:translate(5px); }
  50%  { transform:translate(0); }
  75%  { transform:translate(-5px); }
  100% { transform:translate(0); }
}