@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_yamaguchi.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_yamaguchi.scss */
body a { color: #323232; }
/* line 62, sass/pu_yamaguchi.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_yamaguchi.scss */
body article { margin: 0 auto; width: 960px; }

@media screen and (max-width: 960px) { /* line 78, sass/pu_yamaguchi.scss */
  body article { width: 100%; } }
/* ======================================== pickupdr_kanehara ======================================== */
/* line 91, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi img { display: block; }
/* line 94, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi 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_yamaguchi.scss */
article #pickup_yamaguchi 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_yamaguchi.scss */
article #pickup_yamaguchi p { line-height: 2em; }
/* line 114, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi img { margin-top: 50px; }
/* line 117, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi .mainphoto { margin-top: 0px; }
/* line 121, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi .plusimg { position: relative; padding-right: 520px; min-height: 300px; }
/* line 126, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi .plusimg img { position: absolute; top: -45px; right: 0; }
/* line 132, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi .plusimg:nth-of-type(2) { padding-right: 0; padding-left: 520px; }
/* line 136, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi .plusimg:nth-of-type(2) img { right: auto; left: 0; }
/* line 143, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi p { white-space: pre-wrap; }
/* line 147, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul { font-size: 0px; }
/* line 149, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul li { font-size: 14px; display: inline-block; *display: inline; *zoom: 1; letter-spacing: 0; vertical-align: top; width: 460px; }
/* line 154, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul li img { margin: 0; }
/* line 157, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul li:first-of-type { margin-right: 40px; }
/* line 161, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul:first-of-type { margin-top: 50px; }
/* line 163, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul:first-of-type h3 { margin-top: 0px; }
/* line 167, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul:last-of-type { margin-top: 80px; text-align: center; }
/* line 170, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul:last-of-type li { margin-right: 50px; width: auto; }
/* line 173, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi ul:last-of-type li a { display: block; }
/* line 175, sass/pu_yamaguchi.scss */
article #pickup_yamaguchi 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_yamaguchi.scss */
article #pickup_yamaguchi 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_yamaguchi.scss */
  article #pickup_yamaguchi img { width: 90%; margin: 0% 5%; }
  /* line 202, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi .mainphoto { width: 100%; margin: 0%; }
  /* line 206, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi h2 { width: 90%; margin: 0% 5%; margin-top: 40px; }
  /* line 211, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi h3, article #pickup_yamaguchi p { width: 90%; margin: 0% 5%; line-height: 1.7em; }
  /* line 216, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi h3 { margin-bottom: 10px; margin-top: 30px; }
  /* line 220, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi img { margin-top: 30px; }
  /* line 222, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi img:first-of-type { margin-top: 0px; }
  /* line 227, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi .plusimg { padding-right: 0; min-height: 0; }
  /* line 231, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi .plusimg img { position: relative; top: 0; right: auto; }
  /* line 237, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi .plusimg:nth-of-type(2) { padding-left: 0; }
  /* line 240, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi .plusimg:nth-of-type(2) img { left: auto; }
  /* line 247, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul li { display: block; width: 100%; }
  /* line 250, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul li img { margin: 0% 5%; }
  /* line 253, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul li:first-of-type { margin-right: 0px; }
  /* line 257, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul:first-of-type { margin-top: 30px; }
  /* line 259, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul:first-of-type h3 { margin-top: 0px; }
  /* line 263, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul:first-of-type img:first-of-type { margin-top: 30px; }
  /* line 268, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul:last-of-type { margin-top: 50px; }
  /* line 270, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul:last-of-type li { margin-right: 0px; width: 90%; margin: 0% 5%; }
  /* line 274, sass/pu_yamaguchi.scss */
  article #pickup_yamaguchi ul:last-of-type li:nth-of-type(2) { width: 90%; margin: 0% 5%; } }