/*==============================================
  common
==================================================*/
@media screen and (max-width: 768px) {
body{padding: 0px; width: 100%; min-width: 100%; overflow-x: hidden; word-wrap: break-word;}
.pc-none{display: block !important;}
.sp-none{display: none;	}
img {width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
/* =========================================================
	header
========================================================= */
.header_ttl{background: url("../img/header_bg_sp.jpg") no-repeat center; background-size:cover;}
.header_ttl .logo{width:31%; max-width: inherit; margin: 0 auto; padding: 5% 0;}

/* =========================================================
	recipe
========================================================= */
.recipe_area .inner{max-width: inherit; width: 94%; margin: 0 auto; padding: 9% 0 8%;}
.recipe_area .inner h2{width: 94%; margin: 0 auto 5%;}

.recipe_con{background: url("../img/re_bg_sp.png") no-repeat center top; background-size: 100%; padding: 12% 0 18%;}
.recipe_con .highball_ttl{width: 72%; margin: 0 auto 7%;}


.recipe_detail{margin: 2% auto 0; padding: 7% 3% 3%; width: 78%; border: 1px dotted #5dc2d0; display: block; background-color: #effafc;}
.recipe_detail .r_detail{width: 100%; margin-right: 0;}
.recipe_detail .r_detail .title{width: 60%; margin:2% auto 7%;}
.recipe_detail .r_detail ul li{padding-bottom: 9px; font-size: 4vw; line-height: 1.4;}
.recipe_detail .r_detail ul dl{display: block;}
.recipe_detail .r_detail ul dl dd{padding-left: 8%;}	
.recipe_detail .r_pic{width: 68%; margin: 5px auto;}	
	
	
	
	
	
/* ===========movie======= */
.movie_area{ width: 94%; display: block; margin: 0 auto 0; padding-bottom: 0;}
.movie_area .movie{width: 100%; position: relative; margin-bottom: 12%;}
.movie_thumb a figure::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        z-index: 1;
        width: 80px;
        height: 0;
        padding-top: 140px;
        background: url("../img/play.svg") 50% 50% no-repeat;
        background-size: contain;
        transform: translate(-50%, -50%);
        pointer-events: none;
	opacity: 0.85;
    }

.movie_thumb a{display: block;
        position: relative;
        color: #200;}

.movie_thumb figure {
        position: relative;
        overflow: hidden;
	background: #000;
    }
.movie_thumb a:hover img {
        opacity: .75;
    }
.movie_thumb figure img {
        position: relative;
        transition: all .2s;
		cursor: pointer;	
    }
.mv_ttl{width: 100%; margin: 3% auto 0;}
	
	
	
	


.movie_thumb{left: inherit;
        top: inherit;
        display: block;
        position: relative;
        width: 100%;
        padding-top: 56.32353%;}
.modal_sp{
position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;}	

/* =========================================================
	noma profile
========================================================= */
.profile_con{background: url("../img/name_bg_sp.jpg") no-repeat center top; background-size:cover; padding: 12% 0 12%;}
.profile_con .prof_ttl{font-size: 7vw; padding-bottom: 6%; line-height: 1.4;}
.profile_con .inner{max-width: inherit; width: 88%; margin: 0 auto; display: block;}
.profile_con .prof_detail{width:100%; margin: 3% auto 0; color: #fff;}
.profile_con .prof_pic{width: 90%; margin: 0 auto;}
.profile_con .prof_detail .name1{width: 65%; margin:8% auto 0; padding-bottom: 1.5%;}
.profile_con .prof_detail .name2{font-size:5.5vw; text-align: center; padding-bottom: 3.2%;}
.profile_con .prof_detail p{font-size: 4.2vw; ine-height: 1.6;}

/* =========================================================
		product
========================================================= */
.product_con{padding: 12% 0 6%;}
.product_con .inner{max-width:inherit; width: 90%; margin: 0 auto;}
.product_con .product_box{display: block; padding-bottom: 10%;}

.product_box .product_pic{width: 43%; margin: 0 auto 6%;}
.product_box .product_pic img{width: 62%; margin: 0 auto 0;}
.product_box .product_detail{width: 96%; margin: 0 auto;}
.product_box .dew_logo{width:90%; padding: 0 0 6%; margin: 0 auto;}
.product_box h2{font-size: 5.1vw; padding-bottom: 10px;}
.product_box .dew_copy{font-size: 4vw; line-height: 1.8; padding-bottom: 8%;}	
	
	
	
	
.official_btn a{
	display: block;
    width: 92%;
    padding: 6% 0 6% 8%;
   margin: 0 auto;
	font-size: 4.5vw;
   
}

.f_warning{max-width: inherit; width: 86%; margin: 20px auto; display: flex; align-items: center;}
.f_warning .stop_logo{width: 30px; margin-right: 10px;}
.f_warning p{font-size: 13px; line-height: 1.2; letter-spacing: 0;}
	
/* =========================================================
		top modal
========================================================= */
#ageModal .modal__bg {
    background: url(../img/body_bg_sp.jpg) 50% 0 no-repeat;
    background-size: cover;
}
#ageModal .modal__contentsInner {
  display: block;
    position: absolute;
    left: 0;
    top: 50%;
	height: auto;
    width: 100%;
    padding: 0;
    transform: translateY(-50%);
    background: none;
    background-size: contain;
}
#ageModal .age__dewarsLogo {
  width: 67%;
    margin: 0 auto;
}
#ageModal .age__txt {
 margin-top: 8%;
    font-weight: 700;
    font-size: 12px;
    font-size: 3.5vw;
    letter-spacing: .04em;
    text-align: center;
}
#ageModal .age__txt span {
   display: block;
    margin-top: .3em;
    font-size: 20px;
    font-size: 6.1vw;
}
#ageModal .age__btns {
   width: 65%;
    margin: 8% auto 0;
	display: block;
}
#ageModal .age__btns > li {
      -webkit-transition: opacity .2s;
        -o-transition: opacity .2s;
        transition: opacity .2s; }
        #ageModal .age__btns > li:nth-of-type(1) {
          float: left; }
        #ageModal .age__btns > li:nth-of-type(2) {
          float: right; }
        #ageModal .age__btns > li:hover {
          opacity: .75; }
#ageModal .age__btns>li {
    width: 100%;
    margin: 0;
}
.modal .copyr {width: 80%;}
@media (orientation: landscape){
.recipe_con{padding: 12% 0 22%;}
}		
	
	
	
}