body{
    line-height: 1.2;
}

#contentInner{
    width: auto;
    margin: 0 auto;
    position: relative;
    padding: 0;
}

.contents{
    width: 900px;
    margin: 0 auto;
    text-align: center;
}

.s_title {
    text-align: center;
}

.taC {
    text-align: center;
}

/*-- 繧ｿ繧､繝医Ν驛ｨ蛻� --*/
#lp_main {
    background-color: rgba(208, 146, 12, 0.18);
    background-size: contain;
    text-align: center;
}

#lp_title {
    background: url("https://d11w49g8ylcixs.cloudfront.net/resource/20171101/background2.png");
    background-size: cover;
    text-align: center;
    border-top: 0;
    background-attachment: fixed;
    -webkit-animation: bgiLoop 20s linear infinite;
    animation: bgiLoop 20s linear infinite;
}
    @-webkit-keyframes bgiLoop {
        0% { background-position: 0 0;}
        100% { background-position: -1903px 0px;}
    }
    @keyframes bgiLoop {
        0% { background-position: 0 0;}
        100% { background-position: -1903px 0px;}
    }

#lp_title img{
    width: 100%;
    max-width: 100%;
}

#lp_title_arrow {
    background-color: #be3738;
    width: 100%;
    height: 47px;
    margin-bottom: 48px;
}

#lp_gnav {
    padding: 40px;
    padding-top: 10px;
}

/*-- 繝悶Ο繝�け蜈ｱ騾� --*/
.bl_wrap {
    padding: 10px 0 50px;
}

.bl {
    background-color: #fff;
    margin: auto;
    padding: 10px;
    text-align: left;
    box-sizing: border-box;
}

.summary {
    font-weight: bold;
}

.item_title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 10px;
}

.maker {
    display: table;
    border-radius: 10px;
    padding: 2px 10px;
    font-size: 10px;
    font-weight: bold;
    margin: 10px 0;
    color: #fff;
}
.label_otoku {
    vertical-align: middle;
}
.pd_strong {
    font-weight: bold;
    font-style: italic;
    list-style-position: -3px;
}

.pr_red {
    color: #CC5246;
    font-weight: bold;
}

.cpr {
    font-size: 12px;
}
.cpr span {
    text-decoration: line-through;
}

.lp_right {
    float: left;
}

.pricedown {
    display: inline-block;
}

.item_title {
    margin-bottom: 10px;
}

/*-- 蜷�し繧､繧ｺ縺ｮ險ｭ螳� --*/

.L1 {
    width: 900px;
}


.L1 .pd_strong {
    font-size: 70px;
    line-height: 1;
}

.L1 .summary {
    font-size: 35px;
}

.L1 .pricedown {
    background-image: url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/pricedown.png"),url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/priceL.png");
    background-repeat: no-repeat;
    background-position: right 0 top 33px,center;
    background-size: 60px,contain;
    /*height: 123px;*/
    line-height: 1.8;
    text-align: center;
}
.price_ a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 14px;
}
.price_ a:hover {
    color:red;
}
.price_ {
    margin-top: 8px;
}
.L1 .price_ {
    font-size: 13px;
}

.L1 .pr_red {
    font-size: 26px;
}

.Limage {
    width: 410px;
    height: 210px;
    text-align: center;
    margin: auto;
}

/*-- L2,L3 --*/

.L2 {
    width: 445px;
    /*height: 527px;*/
    overflow: hidden;
}


.L3 {
    width: 900px;
    /*height: 210px;*/
    overflow: hidden;
}

.L2 .summary,
.L3 .summary {
    font-size: 31px;
}

.L2 .pricedown,
.L3 .pricedown {
    background-image: url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/pricedown.png"),url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/priceL2.png");
    background-repeat: no-repeat;
    background-position: right 0px top 18px ,center;
    background-size: 49px,contain;
    /*height: 109px;*/
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 1.8;
    text-align: center;
    margin-right: 10px;
}

.L2 .pd_strong,
.L3 .pd_strong {
    font-size: 47px;
    line-height: 1;
}

.L2 .price_,
.L3 .price_ {
    font-size: 12px;
}

.L2 .pr_red,
.L3 .pr_red {
    font-size: 22px;
}

.Mimage {
    width: 160px;
    height: 160px;
    text-align: center;
    margin: auto;
}

.M1 {
    width: 445px;
    //height: 258.5px;
    overflow: hidden;
}

.M1 .summary {
    font-size: 20px;
    font-weight: lighter;
    margin-bottom: 10px;
}

.M1 .item_title {
    font-size: 18px;
    font-weight: bold;
}

.M1 .pricedown {
    background-image: url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/pricedown.png"),url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/priceM2.png");
    background-repeat: no-repeat;
    background-position: right 0 top 16px ,center;
    background-size: 40px,contain;
    /*height: 82px;*/
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 1.8;
    text-align: center;
}

.M1 .pd_strong {
    font-size: 50px;
    line-height: 1;
}

.M1 .price_ {
    font-size: 12px;
}

.M1 .pr_red {
    font-size: 22px;
}


.M2 {
    width: 217.5px;
    //height: 527px;
}

.M2 .summary,
.S2 .summary {
    font-size: 20px;
    font-weight: lighter;
    margin-bottom: 10px;
}

.M2 .item_title,
.S2 .item_title {
    font-size: 18px;
    font-weight: bold;
}

.M2 .pricedown,
.S2 .pricedown {
    background-image: url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/pricedown.png"),url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/priceM2.png");
    background-repeat: no-repeat;
    background-position: right 0 top 22px,center;
    background-size: 46px,contain;
    /*height: 92px;*/
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 10px;
}

.M2 .pd_strong,
.S2 .pd_strong {
    font-size: 50px;
    line-height: 1;
}

.M2 .price_,
.S2 .price_ {
    font-size: 12px;
}

.M2 .pr_red,
.S2 .pr_red {
    font-size: 22px;
}

.M3 {
    width: 217.5px;
    /*height: 258.5px;*/
}

.S1 {
    width: 217.5px;
    //height: 258.5px;
}

.S2 {
    width: 445px;
    //height: 218.5px;
}

/*-- sec00 --*/
#sec00 {
    background: #fefaf3;
}

#sec00 .s_title ,
#sec00 .maker {
    background: #E7950C;
}

#sec00 .bl {
    border-top: 4px solid #E7950C;
    padding: 20px;
}

/*-- 蜷�そ繧ｯ繧ｷ繝ｧ繝ｳ繝槭�繧ｫ繝ｼ縺ｨ閭梧勹濶ｲ --*/
#sec01 {
    background: #fff5e4;
}

#sec01 .s_title ,
#sec01 .maker {
    background: #e99d1f;
}

#sec01 .bl {
    border-top: 4px solid #e99d1f;
}

#sec02 {
    background: #ffeff2;
}

#sec02 .s_title ,
#sec02 .maker {
    background: #c51f3c;
}


#sec02 .bl {
    border-top: 4px solid #c51f3c;
}

#sec03 {
    background: #d5ffff;
}

#sec03 .s_title ,
#sec03 .maker {
    background: #51a8a8;
}


#sec03 .bl {
    border-top: 4px solid #51a8a8;
}

#sec04 {
    background: #fff2f9;
}

#sec04 .s_title ,
#sec04 .maker {
    background: #d6006f;
}


#sec04 .bl {
    border-top: 4px solid #d6006f;
}

#sec05 {
    background: #eaffe8;
}

#sec05 .s_title ,
#sec05 .maker {
    background: #4fa147;
}


#sec05 .bl {
    border-top: 4px solid #4fa147;
}

#sec06 {
    background: #f5e3dd;
}

#sec06 .s_title ,
#sec06 .maker {
    background: #db4713;
}


#sec06 .bl {
    border-top: 4px solid #db4713;
}
#sec07 {
    background:#e4f6ff;
}

#sec07 .s_title ,
#sec07 .maker {
    background: #3e9ccb;
}


#sec07 .bl {
    border-top: 4px solid #3e9ccb;
}




#footer_nav {
    margin-top: 0;
}

.fl {
    float: left;
}

.w220 {
    width: 220px;
}

.w280 {
    width: 280px;
}

.w300 {
    width: 300px;
}

.ml5 {
    margin-left: 5px;
}

.mt10 {
    margin-top: 10px;
}

.mr10 {
    margin-right: 10px;
}

.mb10 {
    margin-bottom: 10px;
    }

.ml-12 {
    margin-left: -12px;
}

.mr20 {
    margin-right: 20px;
}

.mt30 {
    margin-top: 30px;
    }

.mb30 {
    margin-bottom: 30px;
    }

.mt50 {
    margin-top: 50px;
    }

.mr50 {
    margin-right: 50px;
}

.mb50 {
    margin-bottom: 50px;
}

.join2 {
    background: #FCF091;
    padding: 50px 0;
    text-align: center;
}


/* add 20170616 */
.fr { float: right; }

.ml30 { margin-left: 30px; }

.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt70 { margin-top: 70px; }

.mb20 { margin-bottom: 20px; }

.priceonly {
    display: inline-block;
}
.L1 .priceonly {
    background-image: url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/priceL.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left 25px top 0px,center;
}
/*
.L2 .priceonly,
.L3 .priceonly {
    background-image: url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/priceL2.png");
    background-repeat: no-repeat;
    background-position: left 0px top 0px ,center;
    background-size: contain;
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 1.8;
    text-align: center;
    margin-right: 10px;
}
*/

.M1 .priceonly {
    background-image: url("https://d11w49g8ylcixs.cloudfront.net/resource/20150907/priceM2.png");
    background-repeat: no-repeat;
    background-position: right 0 top 0px ,center;
    background-size: contain;
    font-size: 12px;
    letter-spacing: -0.5px;
    line-height: 1.8;
    text-align: center;
}

.ttl_drink{
    display: table;
    /*border-radius: 10px;*/
    padding: 4px 36px;
    font-size: 20px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
    color: #fff;
}

.bk_greentea{ background: #3E9330; }
.bk_mugi{ background: #F08000; }
.bk_houji{ background: #B28247; }
.bk_blend{ background:#E95063; }
.bk_aqua{ background: #601986; }
.bk_water{ background: #008488; }
.bk_soft{ background: #E95063; }


.fl .priceonly,
.L2 .priceonly,
.L3 .priceonly {
    background-image: url(https://d11w49g8ylcixs.cloudfront.net/resource/20150907/priceL.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left 0px top 0px,center;
}

.txt_btm{
    position:relative;
    bottom: -120px;
}

.L1 .pd_strong_sub {
    font-size: 50px;
}

.ft_22{
    font-size: 22px;
}

.ft_20{
    font-size: 20px !important;
    font-weight: normal !important;
}
.ft_14{
    font-size: 14px;
}
.ml-10{
    margin-left: -5px;
}
.mr-10{
    margin-right: -5px;
}


.plist-wrap {
    width:100%;
    background:#fff;
}
.plist-wrap h2 {
    margin: 0;
    padding: 1.5em  0 0.5em 0;
    font-size: 20px;
}
.plist {
    display:flex;
    width:100%;
    padding: 0 2em 1em 2em;
    text-align:left;
}
.plist a{
    font-size: 16px;
    line-height: 26px;
    text-decoration: underline;
}

p.price_ span{
    white-space: nowrap
}