.upper_area { padding: 5px 11px; }
.upper_area *, .upper_area *:before, .upper_area *:after { -webkit-box-sizing: border-box; box-sizing: border-box; }
.upper_area img { width: 100%; max-width: 100%; height: auto; display: block; }
.upper_area .top_banner_area { width: 968px; margin: 16px auto 0; }
.upper_area .top_banner_area li { width: 476px; margin: 0 4px !important; }
.upper_area .top_banner_area li:nth-of-type(n+3) { margin-top: 8px; }
.upper_area .top_banner_area li img { width: 100%; }
.upper_area .top_banner_area .u-fullwidth { width: calc(100% - 8px); }
.p-banner__top { width: 100%; display: -ms-grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; -ms-grid-rows: auto 1fr auto auto auto; display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: auto 1fr repeat(2, auto); }
.p-banner__top > *:nth-child(4n+2) { -ms-grid-column: 1; }
.p-banner__top > *:nth-child(4n+3) { -ms-grid-column: 2; }
.p-banner__top > *:nth-child(4n) { -ms-grid-column: 3; }
.p-banner__top > *:nth-child(4n+1) { -ms-grid-column: 4; }
.p-banner__top > *:nth-child(-n+5) { -ms-grid-row: 2; }
.p-banner__top > *:nth-child(n+6) { -ms-grid-row: 3; }
.p-banner__top > *:nth-child(n+10) { -ms-grid-row: 4; }
.p-banner__top > *:nth-child(n+14) { -ms-grid-row: 5; }
.p-banner__top > *:nth-child(1) { -ms-grid-row: 1; -ms-grid-column: 1; }
.p-banner__top .u-full { margin-bottom: 4px; padding: 0 4px; text-align: center; -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 5; grid-column: 1/5; }
.p-banner__top .u-full a { display: inline-block; }
.p-banner__top .u-full a img { max-width: 718px; }
.p-banner__top .u-quarter { padding: 4px; }
.p-banner__top .u-quarter a { padding: 20px 4px; height: 236px; color: #322d2d; background-color: #fcfcfc; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 1px solid #e9e9e9; text-align: center; text-decoration: none; transition: 0.4s box-shadow ease-out; display: block; position: relative; }
.p-banner__top .u-quarter a:hover { box-shadow: 0 0 8px rgba(117, 117, 117, 0.4); }
.p-banner__top .u-quarter a > img { display: none; }
.p-banner__top .u-quarter a h2 { font-size: 1.4375rem; line-height: 1.2; }
.p-banner__top .u-quarter a p { margin-top: 0.75em; font-size: 0.84375rem; line-height: 1.4; }
.p-banner__top .u-quarter.ggear a { padding: 12px 4px 20px; }
.p-banner__top .u-quarter.ggear a h2 { line-height: 1; }
.p-banner__top .u-quarter.ggear a h2 img { width: auto; height: 36px; margin: 0 auto; }
.p-banner__top .u-quarter.ggear a p { margin-top: 0.8em; }
.p-banner__top .u-quarter .u-tsume { letter-spacing: -0.03em; }
.p-banner__top .u-quarter.apple a { background-color: #f5f5f7; }
.p-banner__top .u-quarter.u-small a { height: 100%; padding: 0.6em 1em 0.4em; font-size: 0.875rem; font-weight: bold; text-align: left; text-decoration: none; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.p-banner__top .u-quarter.u-thumbnail a { min-height: calc(30px + 1em); padding: 0.6em 0.5em 0.4em; font-size: 0.875rem; flex-direction: row; }
.p-banner__top .u-quarter.u-thumbnail a img { width: 32px; height: 32px; margin-right: 8px; position: relative; }
.p-banner__top li:nth-of-type(2) a { background-image: url(//cdn.tsukumo.co.jp/static/img/banner_square/bg_g-gear_square.png); }
.p-banner__top li:nth-of-type(3) a { background-image: url(//cdn.tsukumo.co.jp/static/img/banner_square/bg_sq_pcparts.png); }
.p-banner__top li:nth-of-type(4) a { background-image: url(//cdn.tsukumo.co.jp/static/img/banner_square/bg_sq_peripherals.png); }
.p-banner__top li:nth-of-type(5) a { /* background-image:url(//cdn.tsukumo.co.jp/static/img/banner_square/bg_sq_monitor.png); */
	background-image: url(//cdn.tsukumo.co.jp/static/img/banner_square/bg_applecto_square.png); }
/* safari only */
_::-webkit-full-page-media, _:future, :root .p-banner__top li:nth-of-type(5) a p { letter-spacing: -0.02em; }