@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_jinai.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_jinai.scss */ body a { color: #323232; } /* line 62, ../sass/pu_jinai.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_jinai.scss */ body article { margin: 0 auto; width: 960px; } @media screen and (max-width: 960px) { /* line 78, ../sass/pu_jinai.scss */ body article { width: 100%; } } /* ======================================== pickupdr_kanehara ======================================== */ /* line 91, ../sass/pu_jinai.scss */ article #pickup_jinai img { display: block; } /* line 94, ../sass/pu_jinai.scss */ article #pickup_jinai h2 { font-weight: 600; font-size: 20px; line-height: 150%; border-bottom: 1px solid #5AC8A0; padding-bottom: 10px; margin-top: 30px; } /* line 102, ../sass/pu_jinai.scss */ article #pickup_jinai h3 { font-weight: 600; color: #5AC8A0; display: block; border-bottom: 1px dashed #848484; padding-bottom: 5px; margin-bottom: 10px; margin-top: 30px; } /* line 111, ../sass/pu_jinai.scss */ article #pickup_jinai p { line-height: 2em; } /* line 114, ../sass/pu_jinai.scss */ article #pickup_jinai img { margin-top: 50px; } /* line 117, ../sass/pu_jinai.scss */ article #pickup_jinai .mainphoto { margin-top: 0px; } /* line 121, ../sass/pu_jinai.scss */ article #pickup_jinai .plusimg { position: relative; padding-right: 520px; min-height: 340px; } /* line 126, ../sass/pu_jinai.scss */ article #pickup_jinai .plusimg img { position: absolute; top: -45px; right: 0; } /* line 132, ../sass/pu_jinai.scss */ article #pickup_jinai .plusimg:nth-of-type(2n) { padding-right: 0; padding-left: 520px; } /* line 136, ../sass/pu_jinai.scss */ article #pickup_jinai .plusimg:nth-of-type(2n) img { right: auto; left: 0; } /* line 143, ../sass/pu_jinai.scss */ article #pickup_jinai p { white-space: pre-wrap; } /* line 147, ../sass/pu_jinai.scss */ article #pickup_jinai ul { font-size: 0px; } /* line 149, ../sass/pu_jinai.scss */ article #pickup_jinai ul li { font-size: 14px; display: inline-block; *display: inline; *zoom: 1; letter-spacing: 0; vertical-align: top; width: 460px; } /* line 154, ../sass/pu_jinai.scss */ article #pickup_jinai ul li img { margin: 0; } /* line 157, ../sass/pu_jinai.scss */ article #pickup_jinai ul li:first-of-type { margin-right: 40px; } /* line 161, ../sass/pu_jinai.scss */ article #pickup_jinai ul:first-of-type { margin-top: 50px; } /* line 163, ../sass/pu_jinai.scss */ article #pickup_jinai ul:first-of-type h3 { margin-top: 0px; } /* line 167, ../sass/pu_jinai.scss */ article #pickup_jinai ul:last-of-type { margin-top: 80px; text-align: center; } /* line 170, ../sass/pu_jinai.scss */ article #pickup_jinai ul:last-of-type li { margin-right: 50px; width: auto; } /* line 173, ../sass/pu_jinai.scss */ article #pickup_jinai ul:last-of-type li a { display: block; } /* line 175, ../sass/pu_jinai.scss */ article #pickup_jinai ul:last-of-type li a img { margin: 0 auto; margin-top: 18px; border-radius: 5px; box-shadow: 0px 0px 2px #B4B5B5; } /* line 182, ../sass/pu_jinai.scss */ article #pickup_jinai ul:last-of-type li:nth-of-type(2) { margin-right: 0px; width: auto; margin-top: 0px; } @media screen and (max-width: 960px) { /* line 198, ../sass/pu_jinai.scss */ article #pickup_jinai img { width: 90%; margin: 0% 5%; } /* line 202, ../sass/pu_jinai.scss */ article #pickup_jinai .mainphoto { width: 100%; margin: 0%; } /* line 206, ../sass/pu_jinai.scss */ article #pickup_jinai h2 { width: 90%; margin: 0% 5%; margin-top: 40px; } /* line 211, ../sass/pu_jinai.scss */ article #pickup_jinai h3, article #pickup_jinai p { width: 90%; margin: 0% 5%; line-height: 1.7em; } /* line 216, ../sass/pu_jinai.scss */ article #pickup_jinai h3 { margin-bottom: 10px; margin-top: 30px; } /* line 220, ../sass/pu_jinai.scss */ article #pickup_jinai img { margin-top: 30px; } /* line 222, ../sass/pu_jinai.scss */ article #pickup_jinai img:first-of-type { margin-top: 0px; } /* line 227, ../sass/pu_jinai.scss */ article #pickup_jinai .plusimg { padding-right: 0; min-height: 0; } /* line 231, ../sass/pu_jinai.scss */ article #pickup_jinai .plusimg img { position: relative; top: 0; right: auto; margin-top: 1em; } /* line 238, ../sass/pu_jinai.scss */ article #pickup_jinai .plusimg:nth-of-type(2n) { padding-left: 0; } /* line 241, ../sass/pu_jinai.scss */ article #pickup_jinai .plusimg:nth-of-type(2n) img { left: auto; } /* line 248, ../sass/pu_jinai.scss */ article #pickup_jinai ul li { display: block; width: 100%; } /* line 251, ../sass/pu_jinai.scss */ article #pickup_jinai ul li img { margin: 0% 5%; } /* line 254, ../sass/pu_jinai.scss */ article #pickup_jinai ul li:first-of-type { margin-right: 0px; } /* line 258, ../sass/pu_jinai.scss */ article #pickup_jinai ul:first-of-type { margin-top: 30px; } /* line 260, ../sass/pu_jinai.scss */ article #pickup_jinai ul:first-of-type h3 { margin-top: 0px; } /* line 264, ../sass/pu_jinai.scss */ article #pickup_jinai ul:first-of-type img:first-of-type { margin-top: 30px; } /* line 269, ../sass/pu_jinai.scss */ article #pickup_jinai ul:last-of-type { margin-top: 50px; } /* line 271, ../sass/pu_jinai.scss */ article #pickup_jinai ul:last-of-type li { margin-right: 0px; width: 90%; margin: 0% 5%; } /* line 275, ../sass/pu_jinai.scss */ article #pickup_jinai ul:last-of-type li:nth-of-type(2) { width: 90%; margin: 0% 5%; } }