@charset "UTF-8"; /* CSS Index /// Category === Parts in Category --- Detail (effect.....etc) ::: For Multi Device */ /* ======================================== font ======================================== */ @import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css); /* ======================================== body ======================================== */ /* line 51, ../sass/pu_tanabe.scss */ body { position: relative; margin: 0 auto; padding: 0; font-size: 14px; line-height: 100%; font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #323232; overflow-x: hidden; } /* line 60, ../sass/pu_tanabe.scss */ body a { color: #323232; } /* line 62, ../sass/pu_tanabe.scss */ body a:hover { -webkit-transition: .2s; transition: .2s; opacity: 0.60; filter: progid:DXImageTransform.Microsoft.alpha(Opacity=70,FinishOpacity=70); cursor: pointer !important; } /* line 69, ../sass/pu_tanabe.scss */ body article { margin: 0 auto; width: 960px; } @media screen and (max-width: 960px) { /* line 78, ../sass/pu_tanabe.scss */ body article { width: 100%; } } /* ======================================== pickupdr_kanehara ======================================== */ /* line 91, ../sass/pu_tanabe.scss */ article #pickup_tanabe img { display: block; } /* line 94, ../sass/pu_tanabe.scss */ article #pickup_tanabe img:first-of-type { width: 100%; height: auto; } /* line 99, ../sass/pu_tanabe.scss */ article #pickup_tanabe h2 { font-weight: 600; font-size: 20px; line-height: 150%; border-bottom: 1px solid #5AC8A0; padding-bottom: 10px; margin-top: 30px; } /* line 107, ../sass/pu_tanabe.scss */ article #pickup_tanabe h3 { font-weight: 600; color: #5AC8A0; display: block; border-bottom: 1px dashed #848484; padding-bottom: 5px; margin-bottom: 10px; margin-top: 30px; } /* line 116, ../sass/pu_tanabe.scss */ article #pickup_tanabe p { line-height: 2em; } /* line 119, ../sass/pu_tanabe.scss */ article #pickup_tanabe img { margin-top: 50px; } /* line 122, ../sass/pu_tanabe.scss */ article #pickup_tanabe .mainphoto { margin-top: 0px; } /* line 126, ../sass/pu_tanabe.scss */ article #pickup_tanabe .plusimg { position: relative; padding-right: 520px; min-height: 340px; } /* line 131, ../sass/pu_tanabe.scss */ article #pickup_tanabe .plusimg img { position: absolute; top: -45px; right: 0; width: 50%; height: auto; } /* line 139, ../sass/pu_tanabe.scss */ article #pickup_tanabe .plusimg:nth-of-type(2n) { padding-right: 0; padding-left: 520px; } /* line 143, ../sass/pu_tanabe.scss */ article #pickup_tanabe .plusimg:nth-of-type(2n) img { right: auto; left: 0; } /* line 150, ../sass/pu_tanabe.scss */ article #pickup_tanabe p { white-space: pre-wrap; } /* line 154, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul { font-size: 0px; } /* line 156, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul li { font-size: 14px; display: inline-block; *display: inline; *zoom: 1; letter-spacing: 0; vertical-align: top; width: 460px; } /* line 161, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul li img { margin: 0; } /* line 164, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul li:first-of-type { margin-right: 40px; } /* line 168, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:first-of-type { margin-top: 50px; } /* line 170, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:first-of-type h3 { margin-top: 0px; } /* line 174, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:last-of-type { margin-top: 80px; text-align: center; } /* line 177, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:last-of-type li { margin-right: 50px; width: auto; } /* line 180, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:last-of-type li a { display: block; } /* line 182, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:last-of-type li a img { margin: 0 auto; margin-top: 18px; border-radius: 5px; box-shadow: 0px 0px 2px #B4B5B5; } /* line 189, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:last-of-type li:nth-of-type(2) { margin-right: 0px; width: auto; margin-top: 0px; } @media screen and (max-width: 960px) { /* line 205, ../sass/pu_tanabe.scss */ article #pickup_tanabe img { width: 90%; margin: 0% 5%; } /* line 209, ../sass/pu_tanabe.scss */ article #pickup_tanabe .mainphoto { width: 100%; margin: 0%; } /* line 213, ../sass/pu_tanabe.scss */ article #pickup_tanabe h2 { width: 90%; margin: 0% 5%; margin-top: 40px; } /* line 218, ../sass/pu_tanabe.scss */ article #pickup_tanabe h3, article #pickup_tanabe p { width: 90%; margin: 0% 5%; line-height: 1.7em; } /* line 223, ../sass/pu_tanabe.scss */ article #pickup_tanabe h3 { margin-bottom: 10px; margin-top: 30px; } /* line 227, ../sass/pu_tanabe.scss */ article #pickup_tanabe img { margin-top: 30px; } /* line 229, ../sass/pu_tanabe.scss */ article #pickup_tanabe img:first-of-type { margin-top: 0px; } /* line 234, ../sass/pu_tanabe.scss */ article #pickup_tanabe .plusimg { padding-right: 0; min-height: 0; } /* line 238, ../sass/pu_tanabe.scss */ article #pickup_tanabe .plusimg img { position: relative; top: 0; right: auto; margin-top: 1em; width: 90%; height: auto; } /* line 247, ../sass/pu_tanabe.scss */ article #pickup_tanabe .plusimg:nth-of-type(2n) { padding-left: 0; } /* line 250, ../sass/pu_tanabe.scss */ article #pickup_tanabe .plusimg:nth-of-type(2n) img { left: auto; } /* line 257, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul li { display: block; width: 100%; } /* line 260, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul li img { margin: 0% 5%; } /* line 263, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul li:first-of-type { margin-right: 0px; } /* line 267, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:first-of-type { margin-top: 30px; } /* line 269, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:first-of-type h3 { margin-top: 0px; } /* line 273, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:first-of-type img:first-of-type { margin-top: 30px; } /* line 278, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:last-of-type { margin-top: 50px; } /* line 280, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:last-of-type li { margin-right: 0px; width: 90%; margin: 0% 5%; } /* line 284, ../sass/pu_tanabe.scss */ article #pickup_tanabe ul:last-of-type li:nth-of-type(2) { width: 90%; margin: 0% 5%; } }