@charset "utf-8";
/* common */
#lp_amasake{
    width: 780px;
    font-family: 'Noto Serif JP', serif;
    color: #464646;
}
#lp_amasake .opacity a:hover img{Filter: Alpha(Opacity=85);opacity:.85;}
#lp_amasake .ff-times{
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

/* breadcrumb */
#lp_amasake .breadcrumb{
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.1em;
}
#lp_amasake .breadcrumb a{
    color: #464646;
    text-decoration: none;
}

/* fv */
#lp_amasake .fv,
#lp_amasake .fv img{
    width: 100%;
}

/* lineup */
#lp_amasake .lineup{
    width: 100%;
    margin-top: 60px;
    padding: 115px 0 68px;
    position: relative;
    background: repeat-y top url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/bg_lineup.png);
}
#lp_amasake .lineup .title{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
#lp_amasake .lineup .lead{
    width: 720px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 26px;
}
#lp_amasake .lineup .lineup_cont{
    width: 720px;
    margin: 18px auto 0;
    display: flex;
    justify-content: space-between;
}
#lp_amasake .lineup .lineup_cont li{
    width: 220px;
}
#lp_amasake .lineup .lineup_cont li a{
    color: #464646;
    text-decoration: none;
}
#lp_amasake .lineup .lineup_cont li .img,
#lp_amasake .lineup .lineup_cont li .img img{
    width: 100%;
}
#lp_amasake .lineup .lineup_cont li .text,
#lp_amasake .lineup .lineup_cont li .price{
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.1em;
    font-feature-settings: "palt";
    text-align: center;
}
#lp_amasake .lineup .lineup_cont li .text{
    margin-top: 18px;
}
#lp_amasake .lineup .lineup_cont li .price{
    margin-top: 6px;
    line-height: 1;
}

/* about */
#lp_amasake .about{
    width: 100%;
    height: 740px;
    margin-top: 70px;
    box-sizing: border-box;
    background: url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/bg_about.png);
}
#lp_amasake .about .title{
    padding-top: 476px;
    font-size: 32px;
    line-height: 48px;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-align: center;
    color: #ffffff;
}
#lp_amasake .about .text{
    margin-top: 14px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    color: #ffffff;
}

/* type */
#lp_amasake .type{
    width: 100%;
    margin-top: 90px;
    padding: 74px 0 70px;
    background: repeat-y top center url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/bg_type.png);
}
#lp_amasake .type .titlebox{
    width: 100%;
    height: 235px;
    padding-left: 72px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    background: no-repeat right 0 center url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/img_type.png);
}
#lp_amasake .type .titlebox .title{
    margin-top: 20px;
    font-size: 34px;
    line-height: 50px;
    letter-spacing: 0.1em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    -o-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
#lp_amasake .type .leadbox{
    width: 720px;
    margin: 64px auto 0;
}
#lp_amasake .type .leadbox .sub{
    font-size: 24px;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
}
#lp_amasake .type .leadbox .text{
    margin-top: 22px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}
#lp_amasake .type .type_cont{
    width: 720px;
    margin: 28px auto 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#lp_amasake .type .type_cont li{
    width: 350px;
    height: 288px;
    padding: 30px 30px 25px;
    box-sizing: border-box;
    background: no-repeat center top 0 #ffffff url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/bg_type_text.png);
}
#lp_amasake .type .type_cont li:nth-child(n+3){
    margin-top: 20px;
}
#lp_amasake .type .type_cont li .icon{
    text-align: center;
}
#lp_amasake .type .type_cont li .title{
    margin-top: 22px;
    font-size: 24px;
    line-height: 1;
    text-align: center;
}
#lp_amasake .type .type_cont li .text{
    margin-top: 15px;
    font-size: 16px;
    line-height: 26px;
}

/* history */
#lp_amasake .history{
    width: 100%;
    margin-top: 50px;
    padding: 74px 0 66px;
    background: no-repeat center / cover url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/bg_history.png);
}
#lp_amasake .history .title{
    font-size: 34px;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
    color: #ffffff;
}
#lp_amasake .history .history_cont{
    width: 720px;
    margin: 64px auto 0;
}
#lp_amasake .history .history_cont li{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}
#lp_amasake .history .history_cont li:not(:first-child){
    margin-top: 70px;
}
#lp_amasake .history .history_cont li:nth-child(even){
    flex-direction: row;
}
#lp_amasake .history .history_cont li.center{
    width: 520px;
    margin: 70px auto;
    flex-direction: column;
}
#lp_amasake .history .history_cont li .img{
    width: 390px;
}
#lp_amasake .history .history_cont li .textbox{
    width: 310px;
}
#lp_amasake .history .history_cont li .sub{
    margin-top: -5px;
    font-size: 24px;
    line-height: 34px;
    color: #ffffff;
}
#lp_amasake .history .history_cont li .text{
    margin-top: 20px;
    font-size: 16px;
    line-height: 25px;
    color: #ffffff;
}

/* nutrition */
#lp_amasake .nutrition{
    width: 100%;
    margin-top: 46px;
    padding: 66px 50px 58px;
    box-sizing: border-box;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    background: url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/bg_nutrition.png);
}
#lp_amasake .nutrition .title{
    width: 100%;
    font-size: 34px;
    line-height: 1;
    text-align: center;
}
#lp_amasake .nutrition .img{
    margin-top: 64px;
    display: inline-block;
    position: relative;
    z-index: 2;
}
#lp_amasake .nutrition .img::before{
    content: "";
    width: 100%;
    height: 88%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.2);
}
#lp_amasake .nutrition .text{
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px;
}

/* howto */
#lp_amasake .howto{
    width: 100%;
    margin-top: 50px;
    padding: 76px 0 72px;
    background: repeat-y top url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/bg_howto.png);
}
#lp_amasake .howto .title{
    font-size: 34px;
    line-height: 1;
    text-align: center;
}
#lp_amasake .howto .lead{
    margin-top: 26px;
    font-size: 16px;
    line-height: 26px;
    text-align: center;
}
#lp_amasake .howto .imgarea{
    width: 665px;
    margin: 38px auto 0;
    display: flex;
    justify-content: space-between;
}
#lp_amasake .howto .text{
    width: 665px;
    margin: 30px auto 0;
    font-size: 16px;
    line-height: 26px;
}
#lp_amasake .howto .btn{
    margin-top: 40px;
    text-align: center;
}

/* qa */
#lp_amasake .qa{
    width: 100%;
    margin-top: 92px;
    padding: 74px 0 62px;
    border: solid #464646;
    border-width: 4px 0;
    box-sizing: border-box;
    background: repeat-y center top url(https://gigaplus.makeshop.jp/komenohana/img/lp_amasake/bg_qa.png);
}
#lp_amasake .qa .title{
    font-size: 34px;
    line-height: 1;
    font-weight: normal;
    text-align: center;
}
#lp_amasake .qa .lead{
    margin-top: 50px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}
#lp_amasake .qa .qa_cont{
    width: 684px;
    margin: 46px auto 0;
}
#lp_amasake .qa .qa_cont dt{
    padding-left: 50px;
    position: relative;
    font-size: 20px;
    line-height: 28px;
    font-weight: bold;
}
#lp_amasake .qa .qa_cont dt::before{
    content: "Q.";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 28px;
    line-height: 1;
    font-weight: normal;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#lp_amasake .qa .qa_cont dt:not(:first-child){
    margin-top: 42px;
}
#lp_amasake .qa .qa_cont dd{
    margin-top: 26px;
    padding-left: 50px;
    position: relative;
    font-size: 16px;
    line-height: 26px;
}
#lp_amasake .qa .qa_cont dd::before{
    content: "A.";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 28px;
    line-height: 1;
    vertical-align: middle;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    color: #cc8a7b;
}

/* popitem */
#lp_amasake .popitem{
    width: 100%;
    margin-top: 108px;
}
#lp_amasake .popitem .popitem_cont{
margin-top: 54px;
}
#lp_amasake .popitem .popitem_cont{
display: flex;
flex-wrap: wrap;
}
#lp_amasake .popitem .popitem_cont li{
width: 260px;
transition: 0.2s;
background-color: #999;
}
#lp_amasake .popitem .popitem_cont li a{
display: block;
position: relative;
transition: 0.2s;
}
#lp_amasake .popitem .popitem_cont li a:hover .default img {
opacity: 1.0;
transition: 0.2s;
}
#lp_amasake .popitem .popitem_cont li a .default {
opacity: 1;
transition: 0.2s;
}
#lp_amasake .popitem .popitem_cont li a .active {
position: absolute;
left: 0;
top: 0;
opacity: 0;
transition: 0.2s;
}
#lp_amasake .popitem .popitem_cont li a:hover .default {
opacity: 0;
transition: 0.2s;
}
#lp_amasake .popitem .popitem_cont li a:hover .active {
opacity: 1;
transition: 0.2s;
}
#lp_amasake .popitem .popitem_cont li a.onmouse .default{
opacity: 0;
}
#lp_amasake .popitem .popitem_cont li a.onmouse .active{
opacity: 1;
}
#lp_amasake .popitem .btn{
    margin-top: 60px;
    text-align: center;
}