@charset "utf-8";

.page_cocktails .l_cocktails{position:relative;background:url(../img/cocktails/bg_cocktails.jpg) no-repeat center top}.page_cocktails .l_cocktails:before{width:100%;height:6rem;content:"";position:absolute;top:0;background:rgba(0,0,0,.4)}.page_cocktails .l_cocktails .cocktails_nav{z-index:99;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;height:60px}.page_cocktails .l_cocktails .cocktails_nav li{position:relative;width:240px;height:60px;font-size:1.2rem;color:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;overflow:hidden;padding:2.8rem 0 0 45px}.page_cocktails .l_cocktails .cocktails_nav li:before{position:absolute;content:"";-webkit-transition:all .3s ease;transition:all .3s ease}.page_cocktails .l_cocktails .cocktails_nav li:first-child:before{top:25px;left:13px;width:54px;height:116px;background:url(../img/common/module/cocktails/img_ginger.png) no-repeat;background-size:cover}.page_cocktails .l_cocktails .cocktails_nav li:first-child:after{content:"C.C.ジンジャーエール"}.page_cocktails .l_cocktails .cocktails_nav li:nth-child(2):before{top:15px;left:15px;width:67px;height:127px;background:url(../img/common/module/cocktails/img_cranberry.png) no-repeat;background-size:cover}.page_cocktails .l_cocktails .cocktails_nav li:nth-child(2):after{content:"C.C.クランベリー"}.page_cocktails .l_cocktails .cocktails_nav li:nth-child(3):before{top:-35px;left:15px;width:53px;height:115px;background:url(../img/common/module/cocktails/img_caesar.png) no-repeat;background-size:cover}.page_cocktails .l_cocktails .cocktails_nav li:nth-child(3):after{content:"C.C.シーザー"}.page_cocktails .l_cocktails .cocktails_nav li:last-child:before{top:18px;left:13px;width:74px;height:105px;background:url(../img/common/module/cocktails/img_manhattan.png) no-repeat;background-size:cover}.page_cocktails .l_cocktails .cocktails_nav li:last-child:after{content:"C.C.マンハッタン"}.page_cocktails .l_cocktails .cocktails_nav li:hover,.page_cocktails .l_cocktails .cocktails_nav li.swiper-pagination-bullet-active{color:#d1a346;background-color:rgba(255,255,255,.15)}.page_cocktails .l_cocktails .cocktails_nav li:hover:before,.page_cocktails .l_cocktails .cocktails_nav li.swiper-pagination-bullet-active:before{-webkit-transform:scale(1.1);transform:scale(1.1)}.page_cocktails .l_cocktails .cocktails_list{width:960px;margin:0 auto;padding:120px 0 0}.page_cocktails .l_cocktails .cocktails_item{*zoom:1}.page_cocktails .l_cocktails .cocktails_item:after{content:"";display:block;clear:both;height:0}.page_cocktails .l_cocktails .cocktails_item .block_img_cocktail{float:left;width:50%;text-align:center}.page_cocktails .l_cocktails .cocktails_item.cocktails_ginger .block_img_cocktail img{width:30.41667%;padding-top:14.58333%}.page_cocktails .l_cocktails .cocktails_item.cocktails_cranberry .block_img_cocktail img{margin-right:-6.25%;padding-top:10.41667%;width:37.5%}.page_cocktails .l_cocktails .cocktails_item.cocktails_caesar .block_img_cocktail img{margin-top:-6.25%;width:25.83333%}.page_cocktails .l_cocktails .cocktails_item.cocktails_manhattan .block_img_cocktail img{margin-right:-10.41667%;padding-top:26.04167%;width:40.41667%}.page_cocktails .l_cocktails .cocktails_item .block_recipe{float:left;width:50%;color:#fff}.page_cocktails .l_cocktails .cocktails_item .block_recipe dl{display:table;width:72.91667%}.page_cocktails .l_cocktails .cocktails_item .block_recipe dt{font-size:1.8rem;border-bottom:1px solid #d1a346;padding:0 0 1rem}.page_cocktails .l_cocktails .cocktails_item .block_recipe dd{display:table;width:100%;font-size:1.4rem}.page_cocktails .l_cocktails .cocktails_item .block_recipe .icon_trademark .text_trademark{display:none}.page_cocktails .l_cocktails .cocktails_item .block_recipe .icon_trademark .img_trademark{display:inline-block;width:.9rem;height:.9rem;margin:0 .2rem 0 0}.page_cocktails .l_cocktails .cocktails_item .block_recipe .material_list{margin:2rem 0 0}.page_cocktails .l_cocktails .cocktails_item .block_recipe .material_item{margin:1.75rem 0 0}.page_cocktails .l_cocktails .cocktails_item .block_recipe .material_item:first-of-type{margin-top:2rem}.page_cocktails .l_cocktails .cocktails_item .block_recipe .material_name{display:table-cell;white-space:nowrap}.page_cocktails .l_cocktails .cocktails_item .block_recipe .material_name sup{font-size:100%}.page_cocktails .l_cocktails .cocktails_item .block_recipe .material_amount{text-align:right;display:table-cell}.page_cocktails .l_cocktails .cocktails_item .block_recipe .material_notes{display:block;margin:1rem 0 0;font-size:1.2rem;text-align:right}.page_cocktails .l_cocktails .cocktails_item .block_recipe .make_list{margin:3rem 0 0}.page_cocktails .l_cocktails .cocktails_item .block_recipe .make_item{padding-left:1.75em;text-indent:-1.75em;margin:1rem 0 0;line-height:1.5}.page_cocktails .l_cocktails .cocktails_item .block_recipe .make_item:first-of-type{margin-top:1.5rem}.page_cocktails .l_cocktails .cocktails_item .block_recipe .make_num{margin:0 .5em 0 0;font-size:2rem;color:#d1a346}.page_cocktails .l_cocktails .cocktails_item .recipe_headline{font-size:2.2rem;color:#d1a346}.page_cocktails .l_cocktails .cocktails_item .block_relating_cocktails{clear:both;width:100%;padding:40px 0 0}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item{position:relative;overflow:hidden;width:700px;margin:0 auto;padding:3.125% 3.125% 4.16667% 18.75%;border:1px solid #d1a346;background:url(../img/common/module/bg/bg_black_02.jpg) repeat center top}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item .relating_cocktails_name{font-size:1.8rem;color:#d1a346;text-align:left}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item .relating_cocktails_img{position:absolute;top:0;left:0;width:auto;height:100%}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item .relating_cocktails_img img{width:auto;height:100%}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item .relating_cocktails_explain{margin:20px 0 0;line-height:1.8;color:#fff;font-size:1.4rem}.page_cocktails .l_cocktails .block_btn_onlineshop{position:relative;margin:6.66667% 0 10%;text-align:center}.page_cocktails .l_cocktails .btn_arrow{display:block;position:absolute;margin-top:285px;width:30px;height:53px;top:0}.page_cocktails .l_cocktails .btn_next{right:0}.page_cocktails .l_cocktails .btn_next .arrow_right{display:block;position:absolute;left:0;width:100%;height:100%;fill:#d1a346}.page_cocktails .l_cocktails .btn_prev{left:0}.page_cocktails .l_cocktails .btn_prev .arrow_right{display:block;position:absolute;left:0;width:100%;height:100%;fill:#d1a346}@media screen and (max-width:960px){.page_cocktails .l_cocktails .block_btn_onlineshop{margin:12.5% 0 16.66667%}}@media screen and (max-width:768px){.page_cocktails .l_cocktails{background-position:33.85417% top;background-size:198.95833%}.page_cocktails .l_cocktails:before{display:none}.page_cocktails .l_cocktails .cocktails_nav{display:none}.page_cocktails .l_cocktails .cocktails_list{width:89.58333%;margin-right:auto;margin-left:auto;padding:0}.page_cocktails .l_cocktails .cocktails_item .block_img_cocktail{float:none;width:100%}.page_cocktails .l_cocktails .cocktails_item.cocktails_ginger .block_img_cocktail img{padding-top:17.44186%;width:25.2907%}.page_cocktails .l_cocktails .cocktails_item.cocktails_cranberry .block_img_cocktail img{width:31.25%;margin-right:-4.36047%;padding-top:14.53488%}.page_cocktails .l_cocktails .cocktails_item.cocktails_caesar .block_img_cocktail img{width:19.47674%;margin-top:0;padding-top:5.81395%}.page_cocktails .l_cocktails .cocktails_item.cocktails_manhattan .block_img_cocktail img{width:33.72093%;margin-right:-7.26744%;padding-top:27.61628%}.page_cocktails .l_cocktails .cocktails_item .block_recipe{width:100%;margin:3.90625% 0 0}.page_cocktails .l_cocktails .cocktails_item .block_recipe dl{width:100%}.page_cocktails .l_cocktails .cocktails_item .block_recipe dt{font-size:1.6rem;padding:0 0 1.5rem}.page_cocktails .l_cocktails .cocktails_item .block_recipe dd{font-size:1.3rem}.page_cocktails .l_cocktails .cocktails_item .block_recipe .icon_trademark .text_trademark{display:inline}.page_cocktails .l_cocktails .cocktails_item .block_recipe .icon_trademark .img_trademark{display:none}.page_cocktails .l_cocktails .cocktails_item .block_recipe .material_list{margin:2.5rem 0 0}.page_cocktails .l_cocktails .cocktails_item .recipe_headline{font-size:2rem}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item{width:100%;padding:8.98204% 4.49102%}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item .relating_cocktails_name{text-align:center}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item .relating_cocktails_img{position:relative;width:67.36527%;height:auto;margin:8.98204% auto 0}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item .relating_cocktails_img img{width:100%;height:auto}.page_cocktails .l_cocktails .cocktails_item .relating_cocktails_item .relating_cocktails_explain{margin:8.98204% 0 0;font-size:1.2rem;text-align:justify}.page_cocktails .l_cocktails .block_btn_onlineshop{width:89.58333%;margin-right:auto;margin-left:auto;margin-top:15.625%;margin-bottom:20.83333%}.page_cocktails .l_cocktails .btn_arrow{margin:35.61047% 0 0;width:24px;height:42px}}