.zen-maru-gothic { font-family:"Zen Maru Gothic", serif !important;}
.josefin { font-family:"Josefin Sans", serif;font-optical-sizing:auto;font-style:normal;}
.merriweather { font-family:"Noto Sans JP", serif;font-optical-sizing:auto;font-weight:bold;font-style:normal;}

a{text-decoration:none;}

body { letter-spacing:1px;font-family:"Cabin","M PLUS 1p"!important;--sb-track-color:#ffffff;--sb-thumb-color:#00a199;--sb-size:12px;}
body::-webkit-scrollbar { width:var(--sb-size)}
body::-webkit-scrollbar-track { background:var(--sb-track-color);border-radius:5px;}
body::-webkit-scrollbar-thumb { background:var(--sb-thumb-color);border-radius:5px;}
@supports not selector(::-webkit-scrollbar) { body { scrollbar-color:var(--sb-thumb-color) var(--sb-track-color);}}

img{max-width:100%}

h1,h2,h3,h4,h5,h6,p,a,label,input,textarea,table,ul,li,select,button{transform:rotate(0.05deg)}

:root{
    --theme-color-1:#0097e0;
    --theme-color-2:#e60012;
    --theme-color-3:#f08300;
    --theme-color-4:#ffd900;
    --theme-color-5:#57b33d;
}

.header_product.isnew{position:relative;}
.header_product.isnew:before{content:"New!";position:absolute;bottom:-6px;left:calc(50% - 30px);background:#ef5332;color:#fff;border-radius:3px;padding:3px 10px 2px;font-size:15px;z-index: 1}

.bg-theme-1 { background:#e2f5ff!important;}
.bg-theme-2 { background:#f5a9ba!important;}
.bg-theme-3 { background:#f3bd67!important;}
.bg-theme-4 { background:#abd475!important;}
.bg-theme-5 { background:#75aedf!important;}

.fc-theme-1 { color:#0068b7!important;}
.fc-theme-2 { color:#00a199!important;}
.fc-theme-3 { color:#8dc21f!important;}
.fc-theme-4 { color:#e17c11!important;}
.fc-theme-5 { color:#ec6d84!important;}

.water-color{color:#0097e0;}

.container-xs{max-width:756px;margin:auto;}
.container-sm{max-width:991px;margin:auto;}
.container-md{max-width:1200px;margin:auto;}
.container-lg{max-width:1400px;margin:auto;}
.container-xl{max-width:1640px;margin:auto;}

/* button */
.btn-solid, .btn-outline, .btn-special {
    font-weight: 500;
    font-size:18px;
    line-height: 23px;
    background-color: #0097e0;
    padding:12px 40px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    transition: all 0.3s;
    cursor:pointer;
}

.btn-solid:not(.line-none)::after, .btn-outline:not(.line-none)::after, .btn-special:not(.line-none)::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 2.5px;
    background-color: inherit;
    left: 50%;
    transform: translateX(-50%);
    bottom: -6px;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-solid:hover::after, .btn-outline:hover::after, .btn-special:hover::after {
    width: 0;
}
.btn-solid.line-none{
    border:1px solid var(--theme-color-1);
}
.btn-solid.line-none:hover{
    background-color: #fff;
    color:var(--theme-color-1);
}
.btn-outline {
	display: inline-block;
    border: 1px solid #0097e0;
    background-color: #fff;
    color: #0097e0 !important;
    text-align: center;
}

.btn-outline .arrow {
    background-color: #0097e0;
    transition: all 0.2s
}

.btn-outline::after {
    display: none
}
.btn-outline:hover {
    background-color: #0097e0;
    color: #fff !important
}

.btn-outline:hover .arrow {
    background-color: #fff
}

.wish-Added-btn{background:#0097e0;color:#fff!important;}

.prod-shadow-s{filter:drop-shadow(0 0 3px rgba(0,0,0,0.4));}
.slide-shadow-m{filter:drop-shadow(0 0 10px rgba(0,0,0,0.3));}

/*ぱんくず*/
.banner{position:relative;display:flex;align-items:center;justify-content:center;}
.on-bread{position:absolute;}
.banner .on-bread +img{width:100%;}
.on-bread h2{font-size:1.5rem;margin-bottom:5px;}
.bread-item{margin:1px 5px;color:#606060;font-weight:900;}


.circle-heading { position:relative;color:#333;text-shadow:0 0 2px white;font-size:1.5rem;padding-left:1rem;margin-bottom:1.5rem }
.circle-heading:before { content:"";position:absolute;background:#00a199;width:50px;height:50px;border-radius:50%;top:50%;left:-10px;transform:translateY(-50%);z-index:-1;}
.circle-heading2 { position:relative;color:#e17c11;font-size:20px;padding:10px 0;text-align:center;margin:1.5em 0;}
.circle-heading2:before { content:"";position:absolute;top:-8px;left:50%;width:150px;height:58px;border-radius:50%;border:5px solid #e17c1190;border-left-color:transparent;border-right-color:transparent;-webkit-transform:translateX(-50%);transform:translateX(-50%);}

.heading { border-bottom:solid 3px #00a19990;position:relative;display:inline-block;}
.heading:after { position:absolute;content:" ";display:block;border-bottom:solid 3px #00a199;bottom:-3px;width:30%;}
.heading-num { position:relative;padding:1.5em 0 0 1em;color:#333333;}
.heading-num::before { opacity: .6; position:absolute;bottom:-5%;left:0;z-index:-1;color:#00a199;font-size:2.75em;font-weight:600;font-style:italic;line-height:1;content:attr(data-number);pointer-events:none;font-family:"Josefin Sans", serif;}

.irregular-shape-wrapper{ margin:30px auto;width:150px;height:150px;position:relative;}
.irregular-shape-text, .irregular-shape-text2, .irregular-shape-text3, .irregular-shape-text4{ position:absolute;width:100%;height:100%;font-size:18px;font-weight:bold;text-align:center;display:flex;justify-content:center;align-items:center;z-index:1;}
.irregular-shape-1{ width:150px;height:150px;background-color:#d8ebf2;border-radius:89% 38% 63% 50% / 53% 29% 40% 80%;animation:15s linear infinite rotation1;}

.list-style-none { list-style:none;}
.list-style-alpha { list-style:lower-alpha;}

.newline { display:inline-block;}

.overflow-auto-container { overflow:auto;height:500px;}
.overflow-wrap-anywhere { overflow-wrap:anywhere;}

.transform05 {transform:rotate(0.05deg);}
.z-10{z-index:10;}

.border-radius10 { border-radius:10px;}
.border-radius20 { border-radius:20px;}


/*ボタン*/
.blue-kaku-button { color:#fff;background:#2d6be6;padding:20px 30px;border-radius:1vh;transition:all 0.3s ease-out;letter-spacing:3px;display: inline-block; text-align: center;}
.blue-kaku-button:hover { color:#2d6be6;background:#fff;border:1px solid #2d6be6;transform:rotate(0.05deg);}
.usupink-kaku-button { color:#fff;background:#ec6d84;padding:20px 30px;border-radius:1vh;transition:all 0.3s ease-out;letter-spacing:3px;display: inline-block; text-align: center;}
.usupink-kaku-button:hover { color:#ec6d84;background:#fff;border:1px solid #ec6d84;transform:rotate(0.05deg);}
.blue-button { color:#fff;background:#0068b7;padding:20px 25px;border-radius:100vh;transition:all 0.3s ease-out;letter-spacing:3px;display: inline-block; text-align: center;}
.blue-button:hover { color:#0068b7;background:#fff;border:1px solid #0068b7;transform:rotate(0.05deg);}
.hisui-button { color:#fff;background:#00a199;padding:20px 25px;border-radius:100vh;transition:all 0.3s ease-out;letter-spacing:3px;display: inline-block; text-align: center;}
.hisui-button:hover { color:#00a199;background:#fff;border:1px solid #00a199;transform:rotate(0.05deg);}
.green-button { color:#fff;background:#8dc21f;padding:20px 25px;border-radius:100vh;transition:all 0.3s ease-out;letter-spacing:3px;display: inline-block; text-align: center;}
.green-button:hover { color:#8dc21f;background:#fff;border:1px solid #8dc21f;transform:rotate(0.05deg);}
.orange-button { color:#fff;background:#e17c11;padding:20px 25px;border-radius:100vh;transition:all 0.3s ease-out;letter-spacing:3px;display: inline-block; text-align: center;}
.orange-button:hover { color:#e17c11;background:#fff;border:1px solid #e17c11;transform:rotate(0.05deg);}
.pink-button { color:#fff;background:#b35d6c;border:1px solid transparent;padding:24px 60px 23px;border-radius:100vh;transition:all 0.3s ease-out;letter-spacing:3px;display: inline-block; text-align: center;}
.pink-button:hover { color:#b35d6c;background:#fff;border:1px solid #b35d6c;transform:rotate(0.05deg);}

/*コンテント*/
.main-content{transition:.5s;background:linear-gradient(220deg,#1ba5b310 0%,#1ba5b342 4%,#fff3e1 28%,#fbf5f3 100%);}
.main-content:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-image:url('../../assets/images/top/bg_moya2.webp');background-repeat:repeat;background-size:contain;}

.main-content,.main-content2{position:relative;}

.required-square{background:#e60012;padding:3px 5px 3px 5px;color:#fff;font-size:.85rem;margin-left: 10px;}
.not-required{background:#0097e0;padding:3px 5px 3px 5px;color:#fff;font-size:.85rem;margin-left: 10px;}


/*セクション*/
.about-section {padding:140px 0;}
.beginner-section, .customervoice-section, .faq-section, .guide-section, .history-section, .ideas-adopted-section, .policy-section, .ranking-section, .shashin-de-flow-section, .idea_voice-section  { position:relative;padding:10rem 0;}
.description-section{position:relative;padding:100px 0 200px;}
.features-section { padding:5rem 2rem;}
.giftcard-section {position:relative;padding:100px 0 200px;background:#fbfeff}
.productlist-section { position:relative;padding:100px 0;}
.link-section { padding-bottom:8rem;}
.news-section { position:relative;padding:10rem 0;background:#fff;}
.login-section { position:relative;padding:10rem 0;}
.rank-set-section {position:relative;}
.ryomen-section, .naire-section, .kirinuki-section { padding:8rem 0;}
.shashin-de-section { position:relative;padding:10rem 0;background:#fff;}

.top-news-section {position:relative;padding:40px 0;}

/*ヘッダー*/
.header{box-sizing:border-box;position:fixed;background:transparent;top:0;left:0;width:100%;padding:24px 40px;display:flex;flex-direction:column;z-index:12;transition:.3s;}
.header.white-header{background:#ffffffda;backdrop-filter:blur(5px);}
.header-top{display:flex;justify-content:space-between;}
.header-top .right-nav{display:flex;flex-wrap:wrap;gap:7px;padding-right:50px}
.header-top .right-nav .nav-inner{display:flex;align-items:center;position:relative;}
.header-top .right-nav .nav-item{display:inline-block;font-size:18px;color:#505050;padding:9px 20px 8px;background:transparent;border-radius:8px;transform:rotate(0.05deg);}
.header-top .right-nav .nav-item.hasdrop + .nav-dropdown{position:absolute;top:calc(100% - 10px);left:0;width:220px;display:flex;flex-wrap:wrap;flex-direction:column;background:#fff;border-radius:8px;padding:18px 16px;opacity:0;z-index:5;transition:.3s;box-shadow:0 0 22px rgba(120,140,200,0.1)}
.us-none{user-select:none;pointer-events:none;}
.nav-bottom-item{margin:0 3px;padding:8px;}
.nav-dropdown a{display:inline-block;transform:rotate(0.05deg);}
.header-top .right-nav .nav-item.hasdrop:hover + .nav-dropdown,.header-top .right-nav .nav-item.hasdrop + .nav-dropdown:hover{opacity:1;z-index:5}
.header-tel{display:flex;align-items:center;margin:0 12px;}

.header_product_name{font-size:14px}

.header-shopname{font-size:13px}

.site-header { width:100%;box-sizing:border-box;padding:0;background:#fff;position:fixed;top:0;left:0;z-index:998;transition:.3s;}
.site-header_double_inner{background:#fff;padding-top:14px;}
.site-header__inner {display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;border-bottom:solid 2px currentColor;padding:0 16px 10px;transition:.3s}
.site-header .site-logo { width:74vw;margin:0 auto;line-height:1;font-size:1em;order:2;text-align: center;}
.site-header .site-logo img { vertical-align:middle;max-width:180px;}
.site-header .header-search_sp { width:5.2vw;order:1;}
.site-header .header-search_sp .scoop-icon { vertical-align:middle;width:20px;}
.site-header .header-nav_sp { width:5.3vw;height:4.1vw;position:relative;z-index:1;order:3;}
.site-header .header-nav_sp .middle-line, .site-header .header-nav_sp .under-line, .site-header .header-nav_sp .upper-line { width:100%;height:.5vw;min-height:2px;background:#000;position:absolute;left:0;}
.site-header .header-nav_sp .upper-line { top:0;}
.site-header .header-nav_sp .middle-line { top:50%;transform:translateY(-50%);}
.site-header .header-nav_sp .under-line { bottom:0;}
.site-header .header-sns_pc { display:none;}
.site-header .header-login_pc { display:none;}
.site-header .pc-global { display:none;padding:0 30px;transition:.2s;}
.site-header .pc-global .g-nav-list { font-size:0.95em;}
.site-header .pc-global .g-nav-list .nav-item{transition:.3s}
.site-header .header-search_sp.cart-item { position:relative;background:#fff;border:1px solid #3e3a39;box-shadow:2px 2px 0 #3e3a39;width:36px;height:36px;border-radius:50%}
.site-header .header-search_sp.cart-item span { position:absolute;top:-35%;left:75%;width:22px;height:22px;line-height:1.25;background:#f39800;border-radius:50%;text-align:center;}
#js-pc-header-search{width:20px}
.full-dropdown-box{width:100%;padding:20px 40px;background:#fff;position:absolute;top:-150px;left:0;z-index:-1;transition:.2s}
.full-dropdown-box.open{top:100%;box-shadow:0px 7px 7px -10px #000000;}
.full-dropdown-box-inner{max-width:1280px;margin:auto;}
.dropdown-overlay{width:100vw;height:100vh;background:rgba(0,0,0,0.3);z-index:-2;top:-99vh;position:absolute;}
.full-dropdown-box.open + .dropdown-overlay,.dropdown-overlay.sp-open{top:0;transition:.1s;}

.dropdown-inner-content{display:none;}
.dropdown-inner-content.open{display:flex;flex-wrap:wrap;}
.dropdown-inner-content .ddItem-wrap{display:flex;flex-wrap:wrap;flex-direction:column;}
.dropdown-inner-content .ddItem{color:rgb(0,163,231);display: inline-block;margin:4px 12px;transition:.3s}
.dropdown-inner-content .ddItem:hover{color:rgb(174,90,200);}
.site-header .pc-global .g-nav-list a {position:relative;display:inline-block;text-decoration:none;color:#1c0001;padding:20px 7px;transition:color .25s ease;}
.site-header .pc-global .g-nav-list a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:transparent;transition:.2s}
.site-header .pc-global .g-nav-list .nav-item.open a:after{background:#00a199}
/*.site-header.noTop .g-nav-list .nav-item{font-size:0.94em}*/
.site-header.noTop .site-header__inner{padding:0 14px 15px}
.site-header.noTop{padding:0;}
.site-header.noTop .pc-global .g-nav-list a{padding:16px 7px 17px;}

.sp-global{position:absolute;display:block;top:-100vh;right:0;width:100%;background:#fff;padding:35px 14px 8px;transition:.36s;z-index:-1;}
.sp-global.open{top:90px;}
.sp-global .g-nav-list .sp-nav-wrap{width:100%;text-align:center;background:#daf3ff;border-radius:8px;padding:8px;margin:5px 0;}
.sp-global .g-nav-list .sp-nav-wrap .sp-nav-item{color:#00021f;display:inline-block}
.sp-global .g-nav-list .sp-nav-wrap:last-child { background:#00a199 }
.sp-global .g-nav-list .sp-nav-wrap:last-child .sp-nav-item { color:#fff; }


.sp-nav-accordion{display: none;}

/*ペジネーション*/
.pagination-wrap { display:flex;align-items:center;margin-top:20px;margin-bottom:-1px;}
@media (max-width:576px){
    .pagination-wrap nav{width:100%;overflow-x:scroll;}
}
.pagination { list-style:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:5px;}
.pagination li { display:inline;text-align:center;}
.pagination li:not(:last-child) { margin-right:6px;}
.page-link {padding:.375reb .75rem;position:relative;display:block;color:#0d6efd;text-decoration:none;background-color:#fff;border:1px solid #dee2e6;transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out;}
.page-item.disabled .page-link { color:#6c757d;pointer-events:none;background-color:#fff;border-color:#dee2e6;}
.page-item:first-child .page-link { border-top-left-radius:.25rem;border-bottom-left-radius:.25rem;}
.page-item.active .page-link { background-color:#75aedf;color:#fff;border-color:rgba(221,221,221,0.5);border-radius:5px;}
.pagination a { float:left;display:block;font-size:14px;text-decoration:none;padding:5px 12px;color:#262834;margin-left:-1px;line-height:1.5;border:1px solid rgba(221,221,221,0.5);color:#262834;background:#fff;border-radius:5px;transition:all 0.5s ease;}
.page-item:not(:first-child) .page-link { margin-left:-1px;}
.page-item:last-child .page-link { border-top-right-radius:.25rem;border-bottom-right-radius:.25rem;}



/*固定バナー*/
.tairyo { position:absolute;right:0;max-width:150px;}
.fixed_banner { position:fixed;bottom:20px;right:30px;max-width:200px;z-index:10;}
.fixed_banner a, .tairyo a { transition:.25s ease;}
.fixed_banner a:hover, .tairyo a:hover { opacity:.6;}

/*トップページ*/

.bathwaterwrap{position:absolute;bottom:0;left:0;height:50%;width:100%;z-index:2;transition:0.7s}
.bathwrapbtn{position:absolute;z-index:2;right:80px;bottom:-10px;background:#75aedf;font-size:22px;font-weight:bold;color:#fff;border-radius:5px 5px 10px 10px;padding:12px 36px;}
.bathbtn{font-weight:bold;font-size:22px;position:absolute;background:rgb(255,162,162);text-decoration:none;color:#646464;padding:15px 42px;border-radius:5px;transition:.4s;overflow:hidden;}
.bathbtn span{position:relative;z-index:2;}
.bathbtn:before{content:"";position:absolute;width:100%;height:100%;top:100%;left:0;background:#75aedf;transition:.4s;z-index:1}
.bathbtn:hover{transition:0.4s ease;color:#fff;border-radius:35px;}
.bathbtn:hover:before{top:0;transition:0.7s ease;}

.board { position:relative;border-radius:10px;z-index:1;margin:60px 0;}
.board-circle { content:'';position:absolute;top:-85px;left:50%;transform:translateX(-50%);width:200px;height:150px;box-shadow:8px 2px 0 #e8ddad;border-bottom:none;border-radius:150px 150px 0 0;z-index:-1}
.board .board-img { position:absolute;top:-7%;left:40%;width:18% }
.idea-box { background-color:#d8ebf2;box-shadow:6px 7px 0 #e8ddad;width:100%;max-width:800px;padding:40px;margin:0 auto;border-radius:10px;}
.voice-box { background-color:#fff9b1;box-shadow:6px 7px 0 #e8ddad;width:100%;max-width:800px;padding:40px;margin:0 auto;border-radius:10px;}
.board.idea .board-circle { background-color:#d8ebf2;}
.board.voice .board-circle { background-color:#fff9b1;}

.category-item{display:block;height:34px;font-size:15px;text-align:center;padding:3px 5px;margin-bottom:5px;color:#fff;border:1px solid transparent;border-radius:3px;transform:rotate(0.05deg);line-height:185%;}
.category-item.empty{background:transparent;color:#fff;opacity:.3}
.category-item-wrap:nth-child(1) .category-item { background:#24a9d4;}
.category-item-wrap:nth-child(2) .category-item { background:#4e7fb5;}
.category-item-wrap:nth-child(3) .category-item { background:#c68fb8;}
.category-item-wrap:nth-child(4) .category-item { background:#6baf61;}
.category-item-wrap:nth-child(5) .category-item { background:#b5c967;}
.category-item-wrap:nth-child(6) .category-item { background:#f09b4a;}
.category-item a { color:#fff;}
.set-item-title{font-size:18px;font-weight:bold;color:#505050;min-height: 66px;}
.set-item-text{color:#505050;margin-bottom:30px;}
.ranking-subtitle{z-index:1;text-align:center;margin:auto;}


.dotted_line { display:block;width:100vw;height:6px;border-top:20px dotted #daf4ff;background-repeat:repeat-x;background-size:32px;width:100%;}
.dotted_line2 { display:block;width:100vw;height:6px;border-top:20px dotted #dc3545;background-repeat:repeat-x;background-size:32px;width:100%;}

.mask-main{position:absolute;top:0;left:1px;right:1px;margin:auto;mask:url(#bathshape);width:900px;height:340px;overflow:hidden;margin:auto;}
.mask-sub1{position:absolute;top:30px;left:-460px;mask:url(#bathshape);width:900px;height:340px;overflow:hidden;transform:rotate(-3deg);}
.mask-sub2{position:absolute;top:30px;right:-460px;mask:url(#bathshape);width:900px;height:340px;overflow:hidden;transform:rotate(3deg);}
.mask-inner{position:relative;}

@keyframes maskMove{
  0%{
    z-index:2;
    transform:translateX(0);
  }
  30%{
    z-index:2;
    transform:translateX(-100%);
  }
  31%{
    z-index:1;
    transform:translateX(-100%);
  }
  32%{
    z-index:1;
    transform:translateX(0);
  }
}
.mask-inner-item{position:absolute;left:0;top:0;z-index:1;}
.mask-inner-item:nth-of-type(1){z-index:3;}
.mask-inner-item:nth-of-type(2){z-index:2;}
.mask-inner-item:nth-of-type(3){z-index:1;}
.mask-inner-item.slideEnd{transform:translateX(-100%);transition:.5s}
.news-label{display:flex;background:transparent;color:#fff;padding:0;gap:10px}
.news-label .date{position:relative;display:flex;flex-grow:0;align-items:center;justify-content:center;width:160px;height:160px;background:#75aedf;font-size:18px;font-weight:bold;text-align:center;padding:20px 12px 30px;border-radius:5px 100px 95px 100px;z-index:2}
.news-label .content{position:relative;display:flex;flex-grow:1;align-items:center;height:160px;background:#75aedf;font-size:22px;font-weight:bold;padding:40px 40px 40px 60px;border-radius:10px 10px 60px 60px;}

.ofurode-section{position:relative;padding:0 5px 10px;}
.ofurode-white{padding-top:208px;overflow: hidden;}
.ofurode-white > .d-flex{background:#fff;padding-bottom:100px;}
.ofurode-wrap{position:relative;padding-top:10px;padding-left:40px;padding-right:40px;z-index:2;}
.ofurode-wrap:after{content:"";position:absolute;top:-205px;left:-10%;display:block;width:120%;height:900px;border-radius:50%;background:#fff;}
.ofurode-subtitle{position:relative;top:-80px;text-align:center;z-index:1;}
.ofurode-title{position:relative;font-weight:800;font-size:40px;text-align:center;letter-spacing:2px;color:#3e3a39;margin-bottom:25px;z-index:2;font-style:italic;}
.ofurode-text{position:relative;max-width:960px;font-weight:400;font-size:20px;text-align:center;letter-spacing:2px;color:#3e3a39;margin:0 auto 40px;z-index:2;line-height:1.75}
.ofurodebtn{font-weight:bold;font-size:22px;position:relative;text-decoration:none;color:#231815;background:#fff;padding:30px 110px 28px;border-radius:60px;transition:.4s;display:inline-block;box-shadow:2px 4px 0 #231815;border:1px solid #231815;}
.ofurodebtn:hover{background:#231815;color:#2dc5e6;box-shadow:2px 4px 0 #2dc5e6;}

.voice-box {
  --sb-thumb-color:#ec6d84!important;
}




.owls1 .owl-dots{display:none}
.owl-nav{position:absolute;top:34%;width:100%;}
.owl-nav .owl-prev,.owl-nav .owl-next{position:absolute;width:42px;height:42px;background:#ffffff !important;border:1px solid #2dc5e6!important;border-radius:30px;box-shadow:3px 3px 0 #2dc5e6;transition:0.2s}
.owl-nav .owl-prev:hover,.owl-nav .owl-next:hover{opacity:0.9;background:#2dc5e6!important;transform:scale(1.2);box-shadow:none;}
.owl-nav .owl-prev{left:-8px}
.owl-nav .owl-next{right:-8px;}
.owl-nav .owl-prev i,.owl-nav .owl-next i{color:#2dc5e6;transition:.2s}
.owl-nav .owl-prev:hover i,.owl-nav .owl-next:hover i{color:#ffffff;}
.owl-item-inner{padding:8px;overflow:hidden;}
.owls1 .owl-item-img{max-width:200px;max-height:150px}
.owls1 .owl-stage{display:flex;}
.owl-item-img{border-radius:20px 20px 8px 20px;}
.owl-item-detail{padding:15px 0px;}

.owl-item-title{font-size:18px;font-weight: bold;color: #505050;min-height: 66px;}
.owl-item-price{font-weight:bold;font-size:22px;color:#ff939f;margin-bottom:0}
.owl-item-caption{font-size:18px;font-weight:bold;color:#646464;}

.post-button a {background:#75aedf;font-size:22px;font-weight:bold;color:#fff;border-radius:5px 5px 10px 10px;padding:12px 36px;transition:.2s;}
.post-button a:hover{opacity:0.8}
.products-wrap{padding-top:10px;padding-left:16px;padding-right:16px;z-index:2;}
.products-subtitle{position:absolute;left:2%;top:20px;z-index:1;font-weight:bold;font-size:200px;letter-spacing:30px;opacity:0.3;line-height:120%;text-shadow:1px 1px 0 #aaa;color:#bceb87;margin-left:4px;margin-bottom:0;pointer-events:none;}
.products-title{position:relative;font-weight:bold;font-size:55px;letter-spacing:1px;color:#ff939f;margin-bottom:4rem;z-index:2;}
.products-text{position:relative;z-index:2;max-width:560px;font-weight:bold;font-size:24px;letter-spacing:2px;color:#ff939f;margin-bottom:40px;}



.right_btn{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#fff;border:2px solid #3e3a39;border-radius:80px;box-shadow:4px 5px 0 #3e3a39;transition:.3s;}
.right_btn:hover{transform:translateX(-5px);background:#3e3a39;box-shadow:0 0 0 #3e3a39;color:#fff;}
.right_btn_icon{font-size:40px;color:#3e3a39;transition:.3s;}
.right_btn:hover .right_btn_icon{font-size:46px;color:#fff;}


.top_left_circle{position:absolute;top:-5%;left:-5%;width:80%;}

.yuge{position:fixed;border-radius:100px;pointer-events:none;background:rgba(255,255,255,0.5);box-shadow:10px 15px 30px rgba(255,255,255,0.5) inset;}
.yuge1{width:160px;height:160px;bottom:-50px;left:300px;z-index:10;animation:yuge1 16s infinite;}
.yuge2{width:180px;height:180px;bottom:-50px;left:300px;z-index:10;animation:yuge2 16s infinite;}
.yuge3{width:200px;height:200px;bottom:-50px;left:5%;z-index:10;animation:yuge3 11s infinite;}
.yuge4{width:160px;height:160px;bottom:-50px;left:300px;z-index:10;animation:yuge4 14s infinite;}
@keyframes yuge1{
  0%{
    transform:scale(0.8);
    bottom:-50px;
    left:6%;
    opacity:0;
  }
  30%{
    transform:scale(0.8);
    bottom:-50px;
    left:6%;
    opacity:0;
  }


  43%{
    opacity:1;
  }
  
  80%{
    transform:scale(1.2);
    bottom:80px;
    left:4%;
    opacity:0;
  }
  100%{
    bottom:85px;
    left:4%;
    opacity:0;
  }
}

@keyframes yuge2{
  0%{
    transform:scale(0.8);
    bottom:-55px;
    left:240px;
    opacity:0;
  }

  50%{
    opacity:1;
  }
  

  
  100%{
    transform:scale(1.25);
    bottom:100px;
    left:220px;
    opacity:0;
  }
}

@keyframes yuge3{
  0%{
    transform:scale(1.1);
    bottom:-200px;
    left:4%;
    opacity:0.5;
  }

  40%{
    transform:scale(1.2);
    opacity:1;
  }
  

  
  100%{
    transform:scale(1.5);
    bottom:80px;
    left:1%;
    opacity:0;
  }
}

@keyframes yuge4{
  0%{
    transform:scale(1.2);
    bottom:3%;
    left:-10%;
    opacity:0.5;
  }
  10%{
    transform:scale(1.2);
    bottom:3%;
    left:-10%;
    opacity:0.5;
  }

  40%{
    transform:scale(1.3);
    opacity:1;
  }
  
  

  
  100%{
    transform:scale(1.5);
    bottom:28%;
    left:5%;
    opacity:0;
  }
}



/*商品アイデア募集*/
.article-wrap { margin-top:2rem;}
.article-item { display:flex;-webkit-box-align:start;align-items:flex-start;gap:calc(12px + (15 - 12) * ((100vw - 320px) / (1920 - 320)));-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.05);box-shadow:0 0 10px rgba(0, 0, 0, 0.05);transform:translateY(0);padding:calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));border:1px solid rgba(221, 221, 221, 0.5);border-radius:10px;background-color:#fff;border-bottom:1px solid #d9d0bf;margin-bottom:1rem}
.article-item .img-box { width:calc(40px + (65 - 40) * ((100vw - 320px) / (1920 - 320)));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;overflow:hidden;object-fit:cover;}
.article-item .img-box img { width:100%;height:100%;}
.man { color:#0097e0;}
.woman { color:#e60012;}


/*初めての方へ*/
.logo-bg { position:absolute;top:1px;left:1px;right:1px;bottom:1px;margin:auto;opacity:.2;width:50%;}
.main-bg { background:linear-gradient(220deg,  #fff3e1 28%, #fbf5f3 100%);}



/*ギフトカード*/


.giftcard-section .banner-inner { background:#fff9de;overflow:hidden;}
.giftcard-section .banner-inner .text_wrapper { padding:50px 7vw;}
.giftcard-section .banner-inner .text_wrapper .desc_wrap { text-align:left;line-height:1.8;}
.banner-inner .text_wrapper .ysbanner_button { display:inline-block;margin-top:25px;background:#ffa564;color:#fff;border-radius:100px;text-align:center;font-size:1.25rem;padding:10px 70px;pointer-events:all;transform:rotate(0.05deg);}
.gift-item img { box-shadow: 5px 3px 12px -8px #777777; }

.soap_wrap {position:relative;height:260px;}
.soap {position:absolute;left:calc(50% - 250px);top:calc(50% - 250px);width:500px;height:500px;border-radius:50% 46% 48% 44%;overflow:hidden;background:radial-gradient(at 46% 54%, #ffffff18 50%, rgba(2, 172, 253,0.3) 70%, transparent 100%) 50% 50% no-repeat;z-index:1;animation:soap_poyo 14s infinite;}
.soap::before{content:"";position:absolute;right:-10%;bottom:-10%;width:30%;height:60%;border-radius:60% 0;background:radial-gradient(at 0 0, rgba(0, 130, 255, 0.3) 40%, rgba(255, 154, 204, 0.7) 50%);transform-origin:0 0;animation:soap_rotate 15s 0s ease-in-out infinite;filter:blur(25px);}
.soap::after{content:"";position:absolute;opacity:0.7;left:-10%;top:-10%;width:40%;height:60%;border-radius:50% 0;background:radial-gradient(at 100% 100%, rgba(255, 255, 100, 0.5) 10%, rgba(120, 255, 140, 0.7) 30%);transform-origin:100% 100%;animation:soap_rotate2 9s 0s ease-in-out infinite;filter:blur(25px);}
@keyframes soap_rotate{
  0%{transform:rotate(0);}
  50%{transform:translateX(-200px) translateY(170px) rotate(160deg);}
}
@keyframes soap_rotate2{
  0%{transform:rotate(0);}
  25%{transform:translateX(100px) translateY(-80px) rotate(80deg);}
  28%{transform:translateX(100px) translateY(-80px) rotate(80deg);}
  37%{transform:translateX(90px) translateY(-70px) rotate(70deg);}
  58%{transform:translateX(200px) translateY(-170px) rotate(160deg);}
}
@keyframes soap_poyo{
  0%{border-radius:50% 46% 48% 44%;}
  10%{border-radius:50% 45% 49% 42%;}
  15%{border-radius:50% 45% 49% 42%;}
  30%{border-radius:50% 50% 50% 50%;}
  40%{border-radius:48% 50% 46% 50%;}
  48%{border-radius:47% 50% 45% 50%;}
  56%{border-radius:42% 49% 40% 50%;}
  70%{border-radius:50% 49% 48% 49%;}
  85%{border-radius:50% 50% 50% 50%;}
  100%{border-radius:50% 46% 48% 44%;}
}

.gift-purchase { background:skyblue;padding:2rem;color:#fff;font-size:2rem;text-align:center;font-weight:bold;margin-top:3rem}
.gift-item { border:1px solid skyblue;border-radius:5px;padding:2rem;}
.gift-desc { color:skyblue;}
.gift-price { font-size:1.5rem;font-weight:bold;}
input[type=radio].hide-radiobtn{display:none;}
.gift-item.selected { border:1px solid #bceb87;background:#bceb8730;}
.gift-item.selected .gift-desc { color:#000000 } 
textarea.message { width:100%;min-height:100px;}
.preview { background:deepskyblue;font-size:22px;font-weight:bold;color:#fff;border-radius:5px 5px 10px 10px;padding:12px 36px;}



/*ご利用ガイド*/
.container-sm.guide-wrap { max-width:800px;overflow:hidden;padding-top:24px;}
.guide-wrap .faq-content { overflow:visible;display:block }
.guide-section #flow .circle-heading:before { background:#0068b799;}
.guide-section #payment .circle-heading:before { background:#00a19999;}
.guide-section #shipping .circle-heading:before { background:#8dc21f99;}
.guide-section #giftcard .circle-heading:before { background:#e17c1199;}
.guide-section .heading-num::before { color:#0068b799;width: 100%}
.irregular-shape-2{ width:150px;height:150px;background-color:#00a19930;border-radius:42% 85% 44% 62% / 46% 81% 35% 42%;animation:11s linear infinite rotation2;}
.irregular-shape-3{ width:150px;height:150px;background-color:#8dc21f30;border-radius:63% 50% 89% 38% / 40% 80% 53% 29%;animation:16s linear infinite rotation1;}
.irregular-shape-4{ width:150px;height:150px;background-color:#e17c1130;border-radius:44% 62% 42% 85% / 35% 42% 46% 81%;animation:9s linear infinite rotation2;}
#shipping .heading { border-bottom:solid 3px #8dc21f90;}
#shipping .heading:after { border-bottom:solid 3px #8dc21f;}
@keyframes rotation1{ 0%{ transform:rotate(0);} 100%{ transform:rotate(360deg);}}
@keyframes rotation2{ 0%{ transform:rotate(0);} 100%{ transform:rotate(-360deg);}}

/*サイズ表*/
.no-print { color:#0000004f!important; }

/*運営会社*/
.history-section table td:nth-child(1) { min-width:110px;}

/*ポリシー関連*/
.table>:not(caption)>*>* { padding:1.5rem .5rem;}
.box-line { padding:3rem;border:1px solid #000;border-radius:5px;text-align:center;margin:5rem;}

/*フッター*/
#page_footer {position:relative;background:#75aedf40;}
#page_footer .footer-inner a { color:#505050;}
#page_footer .footer-info a { color:#fff;}
#page_footer .footer-inner { border-bottom:1px solid #fff;padding:9.33vw 2.75vw 4.67vw;}
#page_footer .footer-info {  background:#333 }
#page_footer .footer-nav__main { display:flex;flex-wrap:wrap;text-align:left;}
#page_footer .footer-nav .nav-block { width:50%;margin:0 0 8.67vw;}
#page_footer .footer-nav__sub { padding:7.33vw 0 0;border-top:1px solid #aaa;}
#page_footer .footer-info strong { display:block;text-align:center;}
#page_footer .footer-info strong img { width:100% }
#page_footer .footer-link { display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;width:90.6666666667%;margin:28px auto;}
#page_footer .footer-link li { position:relative;text-align:center;margin-bottom:1rem;width:50%;}
#page_footer .footer-banner { display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;width:81.0666666667%;margin:0 auto;}
#page_footer .footer-banner li { width:47.3684210526%;height:21.3333333333vw;margin:0 0 10px;}
#page_footer .footer-banner li:nth-child(1) a { background-color:#c30000;}
#page_footer .footer-banner a { display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%;background-color:#fff;}
#page_footer .footer-banner img { width:100%;}
.footer-info ul { list-style:none }
.footer-logo { width:48.4vw;margin:0 0 10vw;line-height:1 }
.footer-title { border-bottom:1px solid #505050;padding-bottom:8px;font-size:1.25rem;display:block;font-weight:500 }
.contents-nav { list-style:none;margin-top:1rem;padding-left:1rem;}
.contents-nav a i { position:relative;display:inline-block;color:#00a199;}
.footer-link{color:#fff;}

/*カレンダー*/
#calendar{ text-align:center;width:100%;}
#calendar-wrapper{max-width:320px;padding:14px 23px 15px;background:#fff;position:relative;box-shadow:0 0 20px rgba(0,0,0,0.1);}
#calendar table { border-collapse:collapse;width:100%;}
#calendar th { color:#000;}
#calendar th,#calendar td { border:1px dashed #777;padding-top:6px;padding-bottom:6px;text-align:center;}
/*日曜日*/
#calendar td:first-child { color:red;}
/*土曜日*/
#calendar td:last-child { color:blue;}
#calendar .holiday { color:red;background:#f39800;}
/*前後月の日付*/
#calendar td.disabled { color:#ccc;}
#calendar td.today { background-color:#75aedf;color:#fff;}
#next-prev-button { position:relative;}
#next-prev-button button{ background:#222;color:#fff;font-size:1.4rem;padding:0.1rem 1.2rem 0.4rem;border-radius:4px;margin:.4rem 0 .7rem;transition:.4s;line-height:130%;}
#next-prev-button button:disabled{ cursor:disabled;background:#888;}
#next-prev-button button:not(:disabled):hover{ opacity:.8;}
#prev { float:left;}
#next { float:right;}
#page_footer .footer_nami{position:absolute;top:0;left:0;width:100%}

/*auth関係*/
.login-wrapper { width:100%;max-width:360px;margin:0 auto; background-color:#fff;border:1px solid rgba(8,19,26,0.15);padding:35px 32px 32px;}
.register-wrapper, .kiyaku-wrapper { width:100%;max-width:600px;margin:0 auto; background-color:#fff;border:1px solid rgba(8,19,26,0.15);padding:35px 32px 32px;}
.signup-wrapper { width:100%;max-width:360px;margin:0 auto; background-color:#fff;border:1px solid rgba(8,19,26,0.15); padding:24px 32px 32px;border-top:none}
.login-section .input-box { margin-bottom:1rem }
.login-section .showHidePassword { width:calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));height:calc(18px + (20 - 18) * ((100vw - 320px) / (1920 - 320)));right:15px;position:absolute;top:50%;transform:translateY(-50%);}
.login-section .signup, .register-wrapper p, .register-wrapper .signup {transform:rotate(0.05deg)}


@media  (min-width:992px){
  #page_footer .footer-nav { display:flex;align-items:start;margin:0 0 44px;}
  #page_footer .footer-nav__main { width:70%;justify-content:space-between;padding-right:4.0909%;box-sizing:border-box;}
  #page_footer .footer-nav__sub { width:30%;box-sizing:border-box;border-top:0;border-left:1px solid #505050;padding:0 0 0 50px;}
  #page_footer .footer-nav .nav-block {  min-width:250px }
  .submission-wrapper .simpleimg .card { padding-top:1rem;padding-bottom:1rem;margin-top:-1rem;}
  .products-wrap{padding-left:40px;padding-right:40px;}
  .owl-nav{top:40%;}
  .owl-nav .owl-prev,.owl-nav .owl-next{width:50px;height:50px;}
}



/* PC版 */

@media (min-width:768px){

    .site-header { padding:0 0 0;box-shadow:0px 7px 7px -10px #000000;}
    .site-header__inner { align-items:start;padding:0 16px 18px;}
    .site-header .site-logo { width:31%;max-height:77px;margin:0 4%;text-align:center;}
    .site-header .site-logo img { max-height:52px;max-width:200px;}
    .site-header .header-search_sp { display:none;}
    .site-header .header-nav_sp { display:none;}
    .site-header .header-sns_pc { display:block;order:1;width:30%}
    .site-header .header-sns_pc .sns-list {display:flex;margin:0;padding:0;list-style:none;}
    .site-header .header-sns_pc .sns-list .sns-item { margin-right:18px;}
    .site-header .header-sns_pc .sns-list a:hover { opacity:0.5;}
    .site-header .header-login_pc { display:block;width:30%;order:3;}
    .site-header .header-login_pc .member-menu { display:-ms-flex-box;display:flex;margin:2px 0 0;padding:0;list-style:none;line-height:1;font-size:.75em;}
    .site-header .header-login_pc .member-menu .menu-item { width:41.67%;}
    .site-header .header-login_pc .member-menu .menu-item:not(:first-of-type) { margin-left:5%;padding-left:5%;position:relative;}
    .site-header .header-login_pc .member-menu .menu-item:not(:first-of-type):before { display:block;width:1px;height:21px;background:#00a199;content:"";position:absolute;top:50%;left:0;transform:translateY(-50%) rotate(30deg);}
    .site-header .header-login_pc .member-menu a { display:block;box-sizing:border-box;padding:8px 0;border-radius:16px;border:1px solid #00a199;background:#fff;text-decoration:none;color:#00a199;transition:background .25s ease,color .25s ease;}
    .site-header .header-login_pc .member-menu a.colorbtn, .site-header .header-login_pc .member-menu a:hover { background:#00a199;color:#fff;}
    .site-header .header-login_pc .member-menu a.colorbtn:hover { background:#fff;color:#00a199;}
    .site-header .header-login_pc .member-menu.sitelist { margin-top:12px;align-items:center;justify-content:space-between;}
    .site-header .header-login_pc .member-menu.sitelist li {text-align:center; line-height: 1.5;}
    .site-header .header-login_pc .member-menu.sitelist li.amazon_rakuten { width:36%;}
    .site-header .header-login_pc .member-menu.sitelist a { border:none;padding:0;transition:.25s ease;color:#00a199!important }
    .site-header .header-login_pc .member-menu.sitelist a:hover { background:none;color:#000;opacity:.6;}
    .site-header .header-login_pc .member-menu.sitelist li+li { margin-left:5%;}
    .site-header .header-login_pc .member-menu.sitelist li.amazon_login { width:35%;}
    .site-header .header-login_pc .member-menu.sitelist li.cart-item { position:relative;background:#fff;border:1px solid #3e3a39;box-shadow:2px 2px 0 #3e3a39;width:30px;border-radius:50%}
    .site-header .header-login_pc .member-menu.sitelist li.cart-item span { position:absolute;top:-45%;left:65%;width:22px;height:22px;line-height:1.75;background:#f39800;border-radius:50%;text-align:center;}
    .site-header .header-login_pc .member-menu.sitelist li .fa-cart-shopping:before { position:absolute;top:1px;bottom:1px;right:1px;left:1px;margin:auto;}
    .site-header .pc-global { display:block;max-width:1280px;margin:auto;}
    .site-header .pc-global .g-nav-list { display:flex;justify-content:space-between;align-items:center;margin:0;padding:0;list-style:none;line-height:1;font-weight:700;font-size:0.975em;}
    .site-header .header-search_sp { display:none}
    .site-header .pc-global .g-nav-list a.current, .site-header .pc-global .g-nav-list a:hover { color:#00a199;}
    .header-shopname{font-size:14px;}
    .sp-global{display:none;}

    .set-item-title{font-size:20px;}
    .products-wrap{padding-left:30px;padding-right:30px;}

    .footer-logo { width:230px;margin:0 0 44px;}
  
    #page_footer .footer-nav .nav-block { width:auto;margin:0 1.25rem 2rem 0;}
    #page_footer .footer-nav .nav-box+.nav-box { margin-top:24px;}
    #page_footer .footer-inner { position:relative;padding:100px 30px 24px;}
    #page_footer .footer-info { background:#333;}
    #page_footer .footer-info > div { padding-top:5px;display:flex;background:#333;margin:0 auto;padding:25px 0;}
    #page_footer .footer-info strong { display:inline-flex;align-self:center;margin:0 10px 0 0;line-height:1;}
    #page_footer .footer-info strong img { width:246px;}
    #page_footer .footer-info .footer-link { display:inline-flex;width:auto;margin:0;}
    #page_footer .footer-info .footer-link li { width:auto;padding:0 8px;}
    #page_footer .footer-link li:nth-child(2)::before, #page_footer .footer-link li:nth-child(4)::before { content:"";position:absolute;top:0;left:0;bottom:0;width:1px;height:14px;margin:auto;background-color:#fff;}
    #page_footer .footer-info .footer-link a { font-size:.75rem;}
    #page_footer .footer-info .pc-only { margin-top:6px;font-size:1rem;line-height:1;color:#fff;}
    #page_footer .footer-info .footer-banner { display:-webkit-inline-box;display:inline-flex;width:auto;margin-left:auto}
    #page_footer .footer-info .footer-banner li { width:auto;height:auto;margin:0;}
    #page_footer .footer-info .footer-banner a { width:90px;height:50px;margin:0 5px;}
    #page_footer .footer-info .footer-link li:nth-child(3)::before { content:"";position:absolute;bottom:0;width:1px;height:14px;margin:auto;background-color:#fff;}
    #page_footer .footer-info .footer-link li + li::before { top:2px;left:0;}
    .contents-nav .nav-item { padding:8px 0 }
    .contents-nav a i { transition:0.4s;transform:translateX(0);}
    .contents-nav a:hover i { transform:translateX(5px);}

    .flow-item { padding:1rem 4rem;background:#fff;border-radius:20px;box-shadow:5px 3px 12px 9px rgba(17, 17, 26, 0.08);}
    .flow-item i { bottom:-10%;}

    .faq-content { display:flex;flex-wrap:wrap;gap:20px;}
    .accordion-s-wrap { width:48%;}
    .accordion-wrap{width:100%;}

    .easy-wrap { position:absolute;top:5%;right:10%;}

    .ofurode-section .ofurode-subtitle{width:60%;}

    .giftcard-section .banner-inner { filter: drop-shadow(4px 4px 4px rgba(0,0,0,0.2)); position:relative;background:transparent;height:450px;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;}
    .giftcard-section .banner-inner .img_wrap { position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:contain;background-image:url(https://ofuroposter.fun/assets/images/giftcard/banner.png);-webkit-transition:-webkit-transform 0.2s, -webkit-filter 0.2s;transition:-webkit-transform 0.2s, -webkit-filter 0.2s;transition:transform 0.2s, filter 0.2s;transition:transform 0.2s, filter 0.2s, -webkit-transform 0.2s, -webkit-filter 0.2s;}
    .giftcard-section .banner-inner .img_wrap img { display:none;}
    .giftcard-section .banner-inner .text_wrapper { pointer-events:none;position:relative;z-index:100;padding:0;}
    .giftcard-section .banner-inner .text_wrapper .title_group { text-align:center;}
    .giftcard-section .banner-inner .text_wrapper .title_group .lead_ttl { font-size:1.8rem;letter-spacing:0.25em;margin-bottom:20px;}
    .giftcard-section .banner-inner .text_wrapper .title_group .trial_ttl { font-size:3.4rem;margin-bottom:20px;}
    .giftcard-section .banner-inner .text_wrapper .desc_wrap { text-align:left;line-height:2.2;max-width:350px;}
    .giftcard-section .banner-inner .text_wrapper .ysbanner_button { max-width:250px;margin:0 auto;}
    .giftcard-section .banner-inner .text_wrapper .ysbanner_button a { margin-top:25px;-webkit-transition:background 0.2s;transition:background 0.2s;}

}

@media (min-width:576px) and (max-width:1200px){
  .submission-wrapper [class*=col-] .card .card-body { margin-left:2rem !important;margin-right:2rem !important;}
}

@media (max-width:991px){
    .on-bread h2{font-size:1.35rem;}
    .site-header .pc-global .g-nav-list a{font-size:13.5px;}
    .right_btn{width:90px;height:90px;}
    .banner{overflow: hidden}
    .banner .on-bread +img{width:190% !important;max-width:500%;}
    .idea-box,.voice-box{padding:36px 26px;}
    .idea-box > p,.voice-box > p{min-height:70px}
    .pink-button{padding:22px 51px 21px;}
    .ofurode-wrap:after{width:180%;left:-40%;}
    .full-dropdown-box{padding:20px;top:-240px;}
}

@media screen and (max-width:767px){

    .sp-user-menu-item a{display:inline-block;width:100%;border-radius:50px;padding:5px 8px;background:#00a199;color:#ffffff;border:1px solid #00a199;transition:.3s;}
    .sp-user-menu-item.white a{background:#fff;color:#00a199;}

    .sp-user-menu-item a:hover{background:#fff;color:#00a199;}
    .sp-user-menu-item.white a:hover{background:#00a199;color:#ffffff;}

    .sp-nav-accordion .ddItem{margin-bottom:5px}
    .sp-nav-accordion .ddItem:first-child{margin-top:10px;}
    .banner .on-bread +img{width:270% !important;}
    
    .our-single-service { border-bottom:0 !important;border-right:0 !important;padding:0;}
    .box-line { margin:2rem;padding:2rem;}
    .faq-content { display:block;}
    .faqcat-item i { left:42%;}
    .accordion-wrap { width:100%;margin-bottom:20px;}
    .products-wrap{text-align:center;}
}

@media (max-width:575px){
    .beginner-section, .customervoice-section, .faq-section, .guide-section, .history-section, .ideas-adopted-section, .policy-section, .ranking-section, .shashin-de-flow-section, .idea_voice-section  { position:relative;padding:5rem 0;}
    .shashin-de-section { position:relative;padding:5rem 0;background:#fff;}
    .giftcard-section {padding:30px 0 0px;}
    .description-section{padding:50px 0 50px;}
    .ryomen-section, .naire-section, .kirinuki-section { padding:5rem 0;}
    .banner .on-bread +img{width:390% !important;}
    .on-bread h2{font-size:1.25rem;}
    .about-section {padding:20px 0 80px;}
    .fixed_banner { display:flex;max-width:100%;width:90%;gap:7%;right:1px;left:1px;bottom:6%;margin:auto;}
    .heading-num { padding:1.5em 0 0 2em;}
    .heading-num::before { bottom:0%; opacity: .75}
    .tairyo { display:none;}
    .ofurode-wrap{padding-left:30px;padding-right:30px;}
    .ofurode-wrap:after{left:-50%;width:200%;}
    .ofurode-title { font-size:34px }
    .ofurode-text { font-size: 18px; line-height:1.5 }
    .board{margin:40px 0 80px;}
    #page_footer .footer-nav .nav-block { width:100%;margin:0 0 8.67vw;padding:0 5px;}
    #page_footer .footer-nav__sub { border-left:none;}
    
    .ofurodebtn { padding:30px 50px 28px;font-size: 20px;min-width:60vw; }
    .pink-button { padding:25px; }
    .idea-box{padding:36px 18px;}
    .gift-purchase { font-size:1.5rem;}
    .article-item .img-box { min-width:35px; }

    .news-section{padding:6rem 0 9rem;}
}


@media (max-width:420px){
    .header-shopname{font-size:11px;}
    .site-header_double_inner{padding-top:8px;}
    .site-header .site-logo img{max-width:140px;}
    .fixed_banner {bottom:0;gap:14%;}
    .irregular-shape-wrapper{ width:110px;height:110px;}
    .irregular-shape-1, .irregular-shape-2, .irregular-shape-3, .irregular-shape-4 { width:110px;height:110px;}
    .site-header .header-nav_sp { width:9vw;height:5.8vw;}
    .footer-logo{width:80vw;}
    .ofurode-title {font-size: 30px;}
    .site-header.noTop .site-header__inner{padding:0 14px 12px}
}