@charset "euc-jp";

/* 共通設定
------------------------------------------------------------*/
#wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }


/* ヘッダー
*****************************************************/
#header { width: 300px; margin: 0; padding: 30px; }
#header .logo { margin: 0 0 20px; }

/* -- 人気ランキング -- */
#header .ranking { display: block; }

/* -- ボタン -- */
#header .btn { display: none; }


/* ナビゲーション
*****************************************************/
#navigation { position: static; width: auto; height: auto; padding: 0; background: none; }
#navigation > div { height: auto; min-height: 0; overflow-y: visible; }


/* コンテンツ
*****************************************************/
#container { width: -webkit-calc(100% - 340px); width: calc(100% - 340px); }


/* 商品詳細
------------------------------------------------------------*/

@media screen and (min-width: 1200px) {
    #detail .infomation { width: -webkit-calc(100% - 330px); width: calc(100% - 330px); }
    #detail .cart { width: 300px; margin-top: 0; box-sizing: border-box; }
	#detail .cart > div { position: -webkit-sticky; position: sticky; top: 10px; height: auto; }
}