@charset "UTF-8";
/* 共通 */
#pouchContent {
  font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333333;
  font-size: 14px;
  line-height: 1.8;
  padding-bottom: 35px;
}

#pouchContent img {
    width: 100%;
}



/*ページ個別*/

#pouchContent.lineup .wrap {
    position: relative;
    width: 890px;
    margin: 0 auto;
}

#pouchContent.lineup .kv {
    background-image: url('../img/item/01/pou_img01_phpc.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 580px;
    margin-bottom: 30px;
}
        #pouchContent.lineup .kvTtl {
            position: absolute;
            width: 695px;
            left: 50%;
            top: 50px;
            margin-left: -348px;
        }

#pouchContent.lineup .secTtl {
    width: 564px;
}

#pouchContent.lineup .itemSection {
    margin-top: 40px;
}
        #pouchContent.lineup .itemSection .itemTtl {
            position: relative;
            padding-top: 40px;
        }

        #pouchContent.lineup .itemSection .itemPh {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            flex-direction: row-reverse;
            justify-content: space-between;
            margin-bottom: 40px;
        }
        #pouchContent.lineup .point .itemSection .itemPh ,
        #pouchContent.lineup .lineup_pouch .itemSection .itemPh {
            flex-direction: row;
        }

        #pouchContent.lineup .itemSection .itemPh .itemPhArea02 {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
        }

        #pouchContent.lineup .itemSection .itemPh .itemPhArea02 p {
            font-size: 120%;
            line-height: 240%;
            letter-spacing: 0.1em;
        }

#pouchContent.lineup .wrap.point {
    width: 750px;
}
        #pouchContent.lineup .point .itemSection .itemPh .itemPhArea01 .pc img {
            border-radius: 50%;
        }

        #pouchContent.lineup .point .itemSection .itemCopy {
            width: 269px;
            padding-bottom: 15px;
        }
        
        #pouchContent.lineup .point .itemSection .itemPhArea02 p {
            width: 345px;
        }

        #pouchContent.lineup .point .itemSection .itemPh .itemPhArea02 p {
            line-height: 200%;
        }

#pouchContent.lineup .wrap.lineup_pouch {
    width: 750px;
}
        #pouchContent.lineup .lineup_pouch .itemSection:first-child {
            margin-top: 0;
        }
        
        #pouchContent.lineup .lineup_pouch .itemSection .itemCopy {
            width: 563px;
            padding-bottom: 0px;
        }
        
        #pouchContent.lineup .lineup_pouch .itemSection .itemCopy2 {
            width: 395px;
        }

        #pouchContent.lineup .lineup_pouch .itemSection .itemLineup {
            margin: 0 auto;
            width: 673px;
        }

        #pouchContent.lineup .lineup_pouch .itemSection .itemTtl {
            margin-top: 35px;
            margin-bottom: 15px;
            text-align: center;
            font-size: 120%;
            font-weight: 700;
        }
                #pouchContent.lineup .lineup_pouch .itemSection:first-child .itemTtl {
                    margin-top: 25px;
                    padding-top: 0;
                }
                
        #pouchContent.lineup .point .itemSection .itemPh .itemPhArea02 {
            justify-content: center;
        }
        
/* anchrlink */
    
#pouchContent.lineup .itemSection .localNavi_pouch {
    margin: 25px 0;
}
        #pouchContent.lineup .itemSection .localNavi_pouch ul {
            text-align: center;
        }
        #pouchContent.lineup .itemSection .localNavi_pouch li {
            display: inline-block;
            width: 190px;
        }
        #pouchContent.lineup .itemSection .localNavi_pouch li:nth-child(2) {
            width: 35px;
        }
        #pouchContent.lineup .itemSection .localNavi_pouch .active {
            pointer-events: none;
        }
        #pouchContent.lineup .itemSection .localNavi_pouch .passive a {
            opacity: 0.7;
          -moz-transition: .2s;
          -webkit-transition: .2s;
          -o-transition: .2s;
          -ms-transition: .2s;
          transition: .2s;
        }
        #pouchContent.lineup .itemSection .localNavi_pouch .passive a:hover {
            opacity: 1;
        }

#pouchContent.lineup .itemSection .itemDesc {
    font-size: 120%;
    line-height: 1.8em;
    margin-top: 10px;
    margin-bottom: 25px;
    clear: both;
}

#pouchContent.lineup .lineupArea .lineupTtl {
    font-size: 22px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 55px;
}

#pouchContent.lineup .lineupArea .lineupItem {
    font-size: 30px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
    color: #e95374;
}

/* table */

#pouchContent.lineup .lineupArea .tableTtl {
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 10px;
}

#pouchContent.lineup .lineupArea .table .iconArea {
    position: absolute;
    right: 0;
    top: -40px;
}

#pouchContent.lineup .lineupArea .table {
    position: relative;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 10px;
}

#pouchContent.lineup .lineupArea .table table {
    width: 100%;
}

#pouchContent.lineup .lineupArea .table table th {
    width: 160px;
    vertical-align: middle;
    text-align: center;
    background-color: rgb(102,172,190);
    color: #ffffff;
    font-size: 16px;
    padding: 4px;
    border: 1px solid #ffffff;
}

#pouchContent.lineup .lineupArea .table table th.fz14 {
    font-size: 14px;
}

#pouchContent.lineup .lineupArea .table table td {
    background-color: #fff;
    border: 1px solid rgb(200,224,231);
    font-size: 15px;
    padding: 8px 4px;
}

#pouchContent.lineup .lineupArea .tableTxt {
    text-align: left;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 80px;
}

/* table2 */

#pouchContent.lineup .lineupArea .table2 table th {
    background-color: rgb(176,72,68);
}

        #pouchContent.lineup .lineupArea .table2 table td {
            border: 1px solid rgb(236,213,212);
        }


#pouchContent #point_pouch,
#pouchContent #lineup_pouch,
#pouchContent #a4case,
#pouchContent #pencase {
    padding-top: 50px;
    margin-top: -50px;
}


@media screen and (max-width: 750px) {
    body {
        min-width: inherit;
    }          
    #pouchContent.lineup .wrap,
    #pouchContent.lineup .wrap.point,
    #pouchContent.lineup .wrap.lineup_pouch {
        width: auto;
        padding: 0 15px;
    }
    #pouchContent.lineup .wrap.lineup_pouch {
        padding-bottom: 35px;
    }
    #pouchContent.lineup .kvTtl,
    #pouchContent.lineup .secTtl,
    #pouchContent.lineup .lineup_pouch .itemSection .itemCopy,
    #pouchContent.lineup .lineup_pouch .itemSection .itemCopy2,
    #pouchContent.lineup .lineup_pouch .itemSection .itemLineup {
        margin: 0 auto;
        width: auto;
    }
    .kokuyo-st-container #kokuyo-st-main-contents .wrap {
        width: auto;
        padding: 0 15px;
    }
    
    #pouchContent.lineup .kv {
        background-image: url(../img/item/01/pou_img01_phsp.jpg);
        height: 80vw;
        margin-bottom: 30px;
    }
            #pouchContent.lineup .kvTtl {
                width: 90%;
                transform: translate(-50%);
                top: 30px;
            }
/*    #pouchContent.lineup .kv .wrap {
        background-color: rgba(255, 255, 255, 0.5);
        padding-bottom: 20px;
    }*/
    #pouchContent.lineup .itemSection {
        margin-top: 30px;
    }
    #pouchContent.lineup .point .itemSection {
        margin-top: 15px;
    }
    #pouchContent.lineup .point .itemSection .itemPhArea02 p {
        width: auto;
    }
    #pouchContent.lineup .point .itemSection .itemPhArea01 {
        width: auto;
    }
    #pouchContent.lineup .itemSection .itemCopy {
    }
    #pouchContent.lineup .itemSection .itemPh img {
        width: 100%;
    }
    #pouchContent.lineup .itemSection .itemPh {
        display: block;
        margin-bottom: 0;
    }
    #pouchContent.lineup .itemSection .itemPh .itemPhArea01 {
        margin-bottom: 8px;
        display: block;
    }
    #pouchContent.lineup .itemSection .itemPh .itemPhArea02 {
        margin-bottom: 8px;
        display: none;
    }
    #pouchContent.lineup .itemSection .itemPh .itemPhArea02 p {
        font-size: 100%;
        line-height: 200%;
        letter-spacing: 0.1em;
    }
    #pouchContent.lineup .itemSection .itemDesc {
        margin-bottom: 40px;
        padding-top: 10px;
    }
    
    /* anchrlink */
    
    #pouchContent.lineup .itemSection .localNavi_pouch {
        margin-bottom: 0;
    }
    #pouchContent.lineup .itemSection .localNavi_pouch .head {
        width: 80%;
        margin: 0 auto;
        margin-bottom: 5px;
    }
    #pouchContent.lineup .itemSection .localNavi_pouch li {
        width: 45.333%;
    }
    #pouchContent.lineup .itemSection .localNavi_pouch li:nth-child(2) ,
    #pouchContent.lineup .itemSection .localNavi_pouch .passive {
        display: none;
    }
    #pouchContent.lineup .itemSection .localNavi_pouch li:nth-child(2) {
        width: 6%;
    }
    #pouchContent #a4case, 
    #pouchContent #pencase {
    padding-top: 0;
    margin-top: 0;
}
    
    
    /*ラインナップ*/
    #pouchContent.lineup .lineupArea .tableTtl {
        font-size: 14px;
        text-align: left;
        margin-bottom: 5px;
    }
    #pouchContent.lineup .lineupArea .table .iconArea {
        position: static;
        text-align: left;
        margin-bottom: 10px;
    }
    #pouchContent.lineup .lineupArea .table {
        overflow-y: hidden;
        overflow-x: scroll;
        width: 100%;
        padding-left: 15px;
        box-sizing: border-box;
    }
    #pouchContent.lineup .lineupArea .table table {
        width: 810px;
    }
    #pouchContent.lineup .lineupArea .tableTxt {
        line-height: 1.6em;
        text-align: left;
        margin-bottom: 0;
    }
    
    #pouchContent.lineup .lineup_pouch .itemSection:first-child .itemTtl {
    margin-top: 0;
    padding-top: 0;
    }
    #pouchContent.lineup .itemSection .itemDesc {
        font-size: 100%;
    }
}


/* ==================================================
アイテム別
================================================== */

#pouchContent.lineup .itemSection .itemTtl .typenum span .typenumSmall {
    font-size: 12px;
    padding: 0;
    min-width: auto;
    margin: 0;
}

#pouchContent.lineup .banner {
    text-align: center;
    margin-bottom: 80px;
}

#pouchContent.lineup .lineupArea .table table td {
    vertical-align: middle;
}

del.discon {
	color: #F00;
	
}