@charset "UTF-8";#page-udon .mv{background:url(../../img/udon/mv_bg.png);text-align:center;-webkit-box-shadow:0 0 57px 0 rgba(0,0,0,.1);box-shadow:0 0 57px 0 rgba(0,0,0,.1);margin:0 auto}#page-udon .mv__inner{max-width:1300px;position:relative;margin:0 auto}#page-udon .mv__img{z-index:2;position:absolute;left:50%;bottom:-14.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#page-udon .mv__btn{position:absolute;right:8.9rem;bottom:15.3rem}#page-udon .lead{background:#f1f6f9;padding-top:19.7rem;padding-bottom:15.8rem}#page-udon .lead__txt{text-align:center}#page-udon .anker{pointer-events:none;margin-top:-8rem;padding-top:8rem}#page-udon .anker.anker#menu{margin-top:-17rem;padding-top:17rem}#page-udon .anker.anker#howto{margin-top:-22rem;padding-top:22rem}#page-udon .menu{padding-top:12.3rem;position:relative;background:url(../../img/udon/menu/menu-bg.png)}#page-udon .menu__ttl{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:50%;top:-5.3rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#page-udon .menu__ttl:after,#page-udon .menu__ttl:before{content:"";-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-top:4px dotted #bc300f;display:block}#page-udon .menu__ttl:before{margin-right:0}#page-udon .menu__ttl:after{margin-left:0}#page-udon .menu__fukidashi{width:1114px;margin:0 auto}#page-udon .menu__link{width:1114px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#page-udon .menu__link__item{width:210px;-webkit-box-sizing:border-box;box-sizing:border-box;margin-top:1.6rem;margin-right:1.25rem}#page-udon .menu__link__item a,#page-udon .menu__link__item a:link,#page-udon .menu__link__item a:visited{color:#fff;text-decoration:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media screen and (min-width:768px){#page-udon .menu__link__item a:hover{opacity:.5;text-decoration:none}}#page-udon .menu__link__item:nth-of-type(-n+5){margin-top:0}#page-udon .menu__link__item:nth-of-type(5n){margin-right:0}#page-udon .menu__link__item a{display:block;text-align:center;font-size:1.8rem;line-height:7.4rem;font-weight:900;letter-spacing:.04em;color:#fff;background:#252b5b;border:2px solid #252b5b}#page-udon .menu__link__item a .ic{display:block;background:#fff;height:24px;position:relative}#page-udon .menu__link__item a .ic:before{position:absolute;content:"";top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:url(../../img/udon/menu/page-link-arrow2.png) no-repeat center top;background-size:100% auto;width:16px;height:10px}#page-udon .menu__list{padding-top:2rem;padding-bottom:9.3rem}#page-udon .menu__list__item{padding-bottom:80px}#page-udon .menu__list__item.last-item{padding-bottom:170px}#page-udon .menu__list__item.first{border-top:none}#page-udon .menu__list__item.reverse{background:url(../../img/udon/menu/menu-bg2.png)}#page-udon .menu__list__item.reverse .menu__list__item__inner{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}#page-udon .menu__list__item.reverse .menu__list__item__photo .pop{left:auto;right:-6rem;background:url(../../img/udon/menu/pop-item-bg2.png?v=0917) no-repeat center top}#page-udon .menu__list__item.reverse .menu__list__item__photo .pop .item{position:absolute;left:5.6rem;top:4.6rem;width:45px;-webkit-transform:rotate(15deg);transform:rotate(15deg)}#page-udon .menu__list__item.reverse .menu__list__item__detail .ttl{padding-left:0;padding-right:4rem}#page-udon .menu__list__item.reverse .menu__list__item__detail .material{padding-left:0;padding-right:4rem}#page-udon .menu__list__item__inner{display:-webkit-box;display:-ms-flexbox;display:flex;padding-top:8rem;padding-bottom:3rem;max-width:1000px;margin:0 auto;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}#page-udon .menu__list__item__inner.first{padding-top:11rem}#page-udon .menu__list__item__photo{width:610px;position:relative}#page-udon .menu__list__item__photo a:hover img.item,#page-udon .menu__list__item__photo a:hover img.item1,#page-udon .menu__list__item__photo a:hover img.item2{-webkit-transform:scale(1.1)!important;transform:scale(1.1)!important;z-index:10}#page-udon .menu__list__item__photo a:hover .item1,#page-udon .menu__list__item__photo a:hover .item2{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#page-udon .menu__list__item__photo .pop{width:166px;height:175px;background:url(../../img/udon/menu/pop-item-bg.png?v=0917) no-repeat center top;background-size:100% auto;position:absolute;left:-5.9rem;bottom:-5.8rem;-webkit-animation:icon_jump 3s infinite;animation:icon_jump 3s infinite}#page-udon .menu__list__item__photo .pop .item{position:absolute;left:6.7rem;top:4.6rem;width:45px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg);-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}#page-udon .menu__list__item__photo .pop.kamatama .item1{position:absolute;left:3.4rem;top:5rem;width:45px;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}#page-udon .menu__list__item__photo .pop.kamatama .item2{position:absolute;left:7.4rem;top:5rem;width:45px;-webkit-transform:rotate(15deg);transform:rotate(15deg)}#page-udon .menu__list__item__photo .img img{border-radius:10px;overflow:hidden}#page-udon .menu__list__item__detail{width:390px}#page-udon .menu__list__item__detail .ttl{padding-left:4rem;padding-top:.2rem;padding-bottom:3.2rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#page-udon .menu__list__item__detail .ttl:after{content:"";width:100%;height:6px;background:url(../../img/udon/menu/ttl-bg.png) repeat-x center top;position:absolute;left:0;bottom:0}#page-udon .menu__list__item__detail .ttl .main{font-size:6rem;font-weight:900;letter-spacing:-.06em;margin-left:-.8rem;display:inline-block;position:relative;line-height:1.1;color:#bc300f}#page-udon .menu__list__item__detail .ttl .main:after{content:"";width:57px;height:51px;background:url(../../img/udon/menu/ttl-deco.png) no-repeat center top;background-size:100% auto;position:absolute;top:-2.6rem;right:-3.7rem;display:block}#page-udon .menu__list__item__detail .ttl .main .txt-brown{color:#000}#page-udon .menu__list__item__detail .ttl .sub{font-size:1.8rem;font-weight:700;font-family:"Noto Sans JP",sans-serif;letter-spacing:.05em;color:#bc300f;display:block;margin-top:1.5rem;line-height:1.4}#page-udon .menu__list__item__detail .material{padding-left:4rem;padding-top:2.8rem;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:"Noto Sans JP",sans-serif}#page-udon .menu__list__item__detail .material .label{height:32px;font-size:1.5rem;letter-spacing:.08em;color:#bc300f;font-weight:700;border-radius:4px 4px 0 0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 14px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../img/udon/menu/menu-detail-bg.png)}#page-udon .menu__list__item__detail .material .contents{background:url(../../img/udon/menu/menu-detail-bg.png);padding:0 1.5rem .7rem 1.5rem;-webkit-box-sizing:border-box;box-sizing:border-box}#page-udon .menu__list__item__detail .material .contents:first-of-type{padding-top:1.1rem}#page-udon .menu__list__item__detail .material .contents dt{color:#bc300f;font-size:1.4rem;font-weight:700;letter-spacing:.05em}#page-udon .menu__list__item__detail .material .contents dt:before{content:"▼";font-size:1rem;margin-right:.2rem}#page-udon .menu__list__item__detail .material .contents dd{font-size:1.5rem;font-weight:700;letter-spacing:.05em;line-height:186.66667%}#page-udon .menu__list__item__detail .material .contents dd a,#page-udon .menu__list__item__detail .material .contents dd a:link,#page-udon .menu__list__item__detail .material .contents dd a:visited{color:#000;text-decoration:underline;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media screen and (min-width:768px){#page-udon .menu__list__item__detail .material .contents dd a:hover{opacity:.5;text-decoration:none}}#page-udon .menu__list__item__detail .material .cv-area{width:100%;margin-top:2rem}#page-udon .menu__list__item__detail .material .cv-area .cv__item{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px dotted #ccc}#page-udon .menu__list__item__detail .material .cv-area .cv__item:first-child{margin-top:0;padding-top:0;border:none}#page-udon .menu__list__item__detail .material .cv-area .cv__item .col1{width:45%;min-width:45%;margin-right:3%}#page-udon .menu__list__item__detail .material .cv-area .cv__item .col1 .name{font-size:1.4rem;font-weight:500}#page-udon .menu__list__item__detail .material .cv-area .cv__item .col1 .price{font-size:1.3rem}#page-udon .menu__list__item__detail .material .cv-area .cv__item .col2{width:17%;min-width:17%}#page-udon .menu__list__item__detail .material .cv-area .cv__item .col3{margin-left:3%;width:32%;min-width:32%}#page-udon .menu__list__item__detail .material .cv-area .cv__item .elm-cart-btn a{height:auto;padding:.5rem;font-size:1.3rem;letter-spacing:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-weight:700}#page-udon .menu__list__item__detail .material .cv-area .cv__item .look-cart-btn{width:auto!important;min-width:auto!important;margin:0 10px}#page-udon .menu__list__item__detail .material .cv-area .cv__item .look-cart-btn .elm-cart-btn{font-size:1.4rem;border-radius:.6rem;margin:0!important;opacity:1!important}#page-udon .menu__list__item__detail .material .cv-area .cv__item .look-cart-btn .view-btn-look{pointer-events:none!important}#page-udon .menu__list__item__detail .material .cv-area .cv__item .show-popup .view-btn-look{pointer-events:auto!important}#page-udon .menu__list__item__detail .material .cv-area .cv__item .popup{width:310px}#page-udon .menu__list__item__make{max-width:1000px;font-family:"Noto Sans JP",sans-serif;margin:0 auto;padding-top:3.4rem;min-height:69px;position:relative}#page-udon .menu__list__item__make .btn{width:240px;height:69px;background:url(../../img/udon/menu/detail-btn-bg.png) no-repeat center top;font-size:18px;font-weight:700;letter-spacing:.08em;text-indent:.08em;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#000;margin:0 auto;z-index:2;position:absolute;left:50%;top:0;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#page-udon .menu__list__item__make .btn span{position:relative;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:-.2rem}#page-udon .menu__list__item__make .btn span:before{content:"作り方を見る"}#page-udon .menu__list__item__make .btn span:after{content:"";width:12px;height:12px;background:url(../../img/udon/menu/detail-btn-arrow.png) no-repeat center top;background-size:100% auto;display:block;margin-left:1.8rem;margin-top:.3rem;-webkit-transform:scale(1,-1);transform:scale(1,-1)}#page-udon .menu__list__item__make .btn.active span:before{content:"作り方を閉じる"}#page-udon .menu__list__item__make .btn.active span:after{content:"";margin-left:1rem;-webkit-transform:none;transform:none}#page-udon .menu__list__item__make .detail{border-radius:10px;border:3px solid #e6c46d;background:url(../../img/udon/menu/bg.png);padding:5.8rem 4rem 0 4rem;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:1;overflow:hidden;display:none}#page-udon .menu__list__item__make .detail .process{-webkit-box-sizing:border-box;box-sizing:border-box}#page-udon .menu__list__item__make .detail .process li{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:16px;font-weight:700;line-height:156.25%;letter-spacing:.05em;margin-top:.7rem;padding-left:3.7rem;position:relative}#page-udon .menu__list__item__make .detail .process li:first-of-type{margin-top:0}#page-udon .menu__list__item__make .detail .process li .numb{width:2.1rem;height:2.1rem;background:#e6c46d;border-radius:50%;color:#000;font-size:16px;font-weight:700;letter-spacing:.05em;position:absolute;left:0;top:.2rem;text-align:center;line-height:1;padding-top:.1rem}#page-udon .menu__list__item__make .detail .comment{margin-top:4.6rem;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:14rem;padding-bottom:4rem;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}#page-udon .menu__list__item__make .detail .comment .img{position:absolute;left:-2.6rem;bottom:0}#page-udon .menu__list__item__make .detail .comment .img.left{left:-4rem;z-index:2}#page-udon .menu__list__item__make .detail .comment .img.chou1{left:-4rem}#page-udon .menu__list__item__make .detail .comment .img.chou2{left:-4rem}#page-udon .menu__list__item__make .detail .comment .img.chou3{left:-4rem}#page-udon .menu__list__item__make .detail .comment .fukidashi{width:100%;min-height:126px;background:#fff;border-radius:40px;padding:1.5rem 3rem 1.5rem 2.6rem;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#page-udon .menu__list__item__make .detail .comment .fukidashi:before{content:"";width:2rem;height:1.9rem;background:url(../../img/udon/menu/baloon-deco.png) no-repeat center top;background-size:100% auto;position:absolute;left:-2rem;top:4rem}#page-udon .menu__list__item__make .detail .comment .fukidashi ul li{font-size:15px;font-weight:700;letter-spacing:.075em;line-height:160%;color:#bc300f}#page-udon .menu.arrange{padding-top:10.3rem;background:url(../../img/udon/menu/menu-bg.png)}#page-udon .menu.arrange .menu__list__item__make .detail{margin-bottom:13.5rem}#page-udon .menu.arrange .menu__lead{text-align:center;margin-top:1rem;padding-bottom:1.4rem}#page-udon .menu.arrange .menu__list__item__photo .pop{left:-5rem}#page-udon .menu.arrange .block{position:relative}#page-udon .menu.arrange .menu__list__item{border-top:none;padding-bottom:15.8rem}#page-udon .menu.arrange .swiper-button-next,#page-udon .menu.arrange .swiper-button-prev{width:50px;height:50px;border-radius:6px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#000;top:29.5rem}#page-udon .menu.arrange .swiper-button-next:after,#page-udon .menu.arrange .swiper-button-prev:after{content:"";width:17px;height:30px;background:url(../../img/udon/arrange/slide-arrow.png) no-repeat center top;background-size:100% auto}#page-udon .menu.arrange .swiper-button-prev{left:-1rem}#page-udon .menu.arrange .swiper-button-next{right:-1rem}#page-udon .menu.arrange .swiper-button-next:after{-webkit-transform:scale(-1,1);transform:scale(-1,1)}#page-udon .howto{padding-top:11rem;padding-bottom:11.5rem;position:relative;z-index:2;background:url(../../img/udon/howto/bg.png)}#page-udon .howto__ttl{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;left:50%;top:-8.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#page-udon .howto__ttl__img{position:relative}#page-udon .howto__ttl__img .icon{position:absolute;bottom:1rem;right:-9rem;z-index:2}#page-udon .howto__ttl__img>img{-webkit-transform:translateY(-33px);transform:translateY(-33px)}#page-udon .howto__ttl:after,#page-udon .howto__ttl:before{content:"";-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;border-top:4px dotted #252c5b;display:block}#page-udon .howto__ttl:before{margin-right:0}#page-udon .howto__ttl:after{margin-left:0}#page-udon .howto__link{margin-top:8rem}#page-udon .howto__link .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#page-udon .howto__link .btn li{margin:0 1.5rem}#page-udon .howto__link .btn li a,#page-udon .howto__link .btn li a:link,#page-udon .howto__link .btn li a:visited{color:#000;text-decoration:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@media screen and (min-width:768px){#page-udon .howto__link .btn li a:hover{opacity:.5;text-decoration:none}}#page-udon .howto__case{max-width:1000px;margin:0 auto;text-align:right;font-size:16px;font-weight:700;letter-spacing:.05em;font-family:"Noto Sans JP",sans-serif}#page-udon .howto__list{max-width:1000px;margin:1.7rem auto 0}#page-udon .howto__list__item{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:5.3rem}#page-udon .howto__list__item:first-of-type{margin-top:0}#page-udon .howto__list__item .img{width:35rem;margin-right:3rem}#page-udon .howto__list__item .img img{border-radius:10px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:inline-block}#page-udon .howto__list__item .img img.img2{margin-top:.8rem}#page-udon .howto__list__item .detail{width:62rem;margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex}#page-udon .howto__list__item .detail .numb{min-width:5.1rem;margin-right:1.5rem}#page-udon .howto__list__item .detail .txt-area{margin-top:.7rem;font-family:"Noto Sans JP",sans-serif}#page-udon .howto__list__item .detail .txt-area .txt{font-size:16px;font-weight:700;letter-spacing:.05em;line-height:156.25%}#page-udon .howto__list__item .detail .txt-area .txt .red{color:#bc300f}#page-udon .howto__list__item .detail .txt-area .meyasu{margin-top:3.5rem}#page-udon .howto__list__item .detail .txt-area .meyasu .ttl{width:19.3rem;height:2.9rem;font-size:16px;font-weight:700;color:#fff;letter-spacing:.05em;text-indent:.05em;background:#956d58;border-radius:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;line-height:1}#page-udon .howto__list__item .detail .txt-area .meyasu .list{margin-top:1rem}#page-udon .howto__list__item .detail .txt-area .meyasu .list li{font-size:16px;font-weight:700;letter-spacing:.05em;line-height:156.25%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}#page-udon .howto__list__item .detail .txt-area .meyasu .list li:after{content:"";width:100%;height:1px;display:block;border-bottom:1px dotted #000;position:absolute;left:0;bottom:3px;z-index:1}#page-udon .howto__list__item .detail .txt-area .meyasu .list li span{background:url(../../img/udon/howto/bg.png);position:relative;z-index:2;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block}#page-udon .howto__list__item .detail .txt-area .meyasu .list li span.title{padding-right:.6rem}#page-udon .howto__list__item .detail .txt-area .meyasu .list li span.time{padding-left:.6rem}#page-udon .howto__list__item .detail .txt-area .meyasu .box{margin-top:2.5rem;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;background:url(../../img/udon/howto/box-bg.png);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:1.9rem 3rem 1.9rem 1.9rem}#page-udon .howto__list__item .detail .txt-area .meyasu .box-img{margin-right:2rem;min-width:13.6rem}#page-udon .howto__list__item .detail .txt-area .meyasu .box-txt .txt{font-size:16px;font-weight:700;letter-spacing:.05em;line-height:156.25%}#page-udon .howto__list__item .detail .txt-area .meyasu .box-txt .kome{font-size:14px;font-weight:700;letter-spacing:.05em;line-height:125%;padding-left:1em;text-indent:-1em;margin-top:1rem}@-webkit-keyframes icon_jump{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}10%{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}20%{-webkit-transform:translate(0,0);transform:translate(0,0)}25%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}30%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes icon_jump{0%{-webkit-transform:translate(0,0);transform:translate(0,0)}10%{-webkit-transform:translate(0,-10px);transform:translate(0,-10px)}20%{-webkit-transform:translate(0,0);transform:translate(0,0)}25%{-webkit-transform:translate(0,-5px);transform:translate(0,-5px)}30%{-webkit-transform:translate(0,0);transform:translate(0,0)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}#page-udon .menu__list__item__detail .material .cv-area .cv__item .elm-cart-btn{margin-top:0;opacity:.3;pointer-events:none}#page-udon .menu__list__item__detail .material .cv-area .cv__item .elm-cart-btn.active{opacity:1;pointer-events:auto}#page-udon .show-popup .popup .elm-cart-btn{pointer-events:none!important}#page-udon .show-popup .popup .elm-cart-btn{pointer-events:auto!important}.swiper-slide.swiper-slide-active .popup{margin-left:-6.6rem}