@charset "UTF-8";
/****************************************
       CSS レイアウト
*****************************************/
/*ヘッダー*/
.header{
    width:100%;
    height:200px;
    background-size:cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image:url(../g4_images/header_delivery_bg.png);
}

/*商品タイトル*/
.item-header{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 (300/800x100)*/
    padding-top: 22%;
    background: url('../g4_images/item_header.png') 0 0 no-repeat;
    background-size: contain;
    overflow: hidden;/*テキスト非表示*/
    text-indent: 100%;/*テキスト非表示*/
    white-space: nowrap;/*テキスト非表示*/
}


/*書籍宅配バナー*/
.book_delivery_banner{
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 (300/800x100)*/
    padding-top: 38%;
    background: url('../g4_images/book_delivery_banner.png') 0 0 no-repeat;
    background-size: contain;
    overflow: hidden;/*テキスト非表示*/
    text-indent: 100%;/*テキスト非表示*/
    white-space: nowrap;/*テキスト非表示*/
}





/****************************************
       CSS レイアウト (PC)
*****************************************/
/*PCのみの表示*/
@media (min-width: 481px) {

}


/****************************************
       CSS レイアウト (モバイル)
*****************************************/
/*モバイルのみの表示*/
@media (max-width: 481px) {

}