@charset "UTF-8";
body {
  margin: 0;
  padding: 0; }

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 400; }

ul li, ol li {
  list-style: none; }

table {
  margin: 0;
  padding: 0;
  font-size: 100%; }

caption {
  text-align: left; }

table, pre, code, select, textarea, kbd, var, ins, del, samp {
  font-size: 100%; }

address, cite, dfn, em, strong, var, th, ins, del, samp {
  font-weight: 400;
  font-style: normal; }

a img {
  border: 0; }

hr.separation {
  display: none; }

fieldset {
  border: none; }

header, section, nav, aside, footer, article {
  display: block; }

/* emoji */
.open.emoji {
  padding: 0 0 15px 0 !important; }
  .open.emoji img {
    background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/emoji_after.png") no-repeat; }
  .open.emoji ul {
    margin: -6px 9px 0 -9px !important; }
  .open.emoji li {
    float: left;
    display: block;
    margin: 15px 0 1px 19px !important;
    font-size: 12px; }
  .open.emoji .category ul {
    display: table;
    width: 100%;
    margin: 10px 0 -15px 0 !important; }
  .open.emoji .category li {
    display: table-cell;
    float: none;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    background: #e7e8ea;
    background: -webkit-gradient(linear, left top, left bottom, from(#e7e8ea), to(#c1c5ca));
    background: -moz-linear-gradient(center top, #e7e8ea, #c1c5ca);
    text-align: center; }
    .open.emoji .category li a {
      display: block;
      border-top: 1px solid #f4f4f5; }
    .open.emoji .category li img {
      margin: 3px auto 2px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_emoji_category.png) no-repeat 0 0; }
    .open.emoji .category li .icon16 {
      margin: 0; }
    .open.emoji .category li:nth-child(2) img {
      background-position: -36px 0; }
    .open.emoji .category li:nth-child(3) img {
      background-position: -73px 0; }
    .open.emoji .category li:nth-child(4) img {
      background-position: -110px 0; }
    .open.emoji .category li:nth-child(5) img {
      background-position: -147px 0; }
    .open.emoji .category li:nth-child(6) img {
      background-position: -184px 0; }
    .open.emoji .category li:nth-child(7) img {
      background-position: -219px 0; }
    .open.emoji .category li:nth-child(8) img {
      background-position: -257px 0; }
    .open.emoji .category li.current {
      background: #f90;
      background: -webkit-gradient(linear, left top, left bottom, from(#f90), to(#ffb443));
      background: -moz-linear-gradient(center top, #f90, #ffb443); }
      .open.emoji .category li.current a {
        border-top: 1px solid #ffcc80; }
      .open.emoji .category li.current img {
        background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_emoji_category.png) no-repeat 0 -21px; }
      .open.emoji .category li.current:nth-child(2) img {
        background-position: -36px -21px; }
      .open.emoji .category li.current:nth-child(3) img {
        background-position: -73px -21px; }
      .open.emoji .category li.current:nth-child(4) img {
        background-position: -110px -21px; }
      .open.emoji .category li.current:nth-child(5) img {
        background-position: -147px -21px; }
      .open.emoji .category li.current:nth-child(6) img {
        background-position: -184px -21px; }
      .open.emoji .category li.current:nth-child(7) img {
        background-position: -219px -21px; }
      .open.emoji .category li.current:nth-child(8) img {
        background-position: -257px -21px; }
      .open.emoji .category li.current:last-child {
        border-right: none; }
    .open.emoji .category li::after {
      content: ""; }
  .open.emoji .s96 {
    background-position: 0 0; }
  .open.emoji .s348 {
    background-position: -20px 0; }
  .open.emoji .s349 {
    background-position: -40px 0; }
  .open.emoji .s350 {
    background-position: -60px 0; }
  .open.emoji .s351 {
    background-position: -80px 0; }
  .open.emoji .s352 {
    background-position: -100px 0; }
  .open.emoji .s353 {
    background-position: -120px 0; }
  .open.emoji .s354 {
    background-position: -140px 0; }
  .open.emoji .s356 {
    background-position: 0 -20px; }
  .open.emoji .s357 {
    background-position: -20px -20px; }
  .open.emoji .s358 {
    background-position: -40px -20px; }
  .open.emoji .s364 {
    background-position: -60px -20px; }
  .open.emoji .s366 {
    background-position: -80px -20px; }
  .open.emoji .s368 {
    background-position: -100px -20px; }
  .open.emoji .s369 {
    background-position: -120px -20px; }
  .open.emoji .s372 {
    background-position: -140px -20px; }
  .open.emoji .s374 {
    background-position: 0 -40px; }
  .open.emoji .s3 {
    background-position: -20px -40px; }
  .open.emoji .s13 {
    background-position: -40px -40px; }
  .open.emoji .s14 {
    background-position: -60px -40px; }
  .open.emoji .s16 {
    background-position: -80px -40px; }
  .open.emoji .s17 {
    background-position: -100px -40px; }
  .open.emoji .s18 {
    background-position: -120px -40px; }
  .open.emoji .s477 {
    background-position: -140px -40px; }
  .open.emoji .s33 {
    background-position: 0 -60px; }
  .open.emoji .s34 {
    background-position: -20px -60px; }
  .open.emoji .s35 {
    background-position: -40px -60px; }
  .open.emoji .s310 {
    background-position: -60px -60px; }
  .open.emoji .s318 {
    background-position: -80px -60px; }
  .open.emoji .s319 {
    background-position: -100px -60px; }
  .open.emoji .s322 {
    background-position: -120px -60px; }
  .open.emoji .s287 {
    background-position: -140px -60px; }
  .open.emoji .s150 {
    background-position: 0 -80px; }
  .open.emoji .s316 {
    background-position: -20px -80px; }
  .open.emoji .s234 {
    background-position: -40px -80px; }
  .open.emoji .s235 {
    background-position: -60px -80px; }
  .open.emoji .s236 {
    background-position: -80px -80px; }
  .open.emoji .s237 {
    background-position: -100px -80px; }
  .open.emoji .s257 {
    background-position: -120px -80px; }
  .open.emoji .s45 {
    background-position: -140px -80px; }
  .open.emoji .s9 {
    background-position: 0 -100px; }
  .open.emoji .s10 {
    background-position: -20px -100px; }
  .open.emoji .s11 {
    background-position: -40px -100px; }
  .open.emoji .s12 {
    background-position: -60px -100px; }
  .open.emoji .s93 {
    background-position: -80px -100px; }
  .open.emoji .s94 {
    background-position: -100px -100px; }
  .open.emoji .s271 {
    background-position: -120px -100px; }
  .open.emoji .s289 {
    background-position: -140px -100px; }
  .open.emoji .s208 {
    background-position: 0 -120px; }
  .open.emoji .s209 {
    background-position: -20px -120px; }
  .open.emoji .s210 {
    background-position: -40px -120px; }
  .open.emoji .s211 {
    background-position: -60px -120px; }
  .open.emoji .s212 {
    background-position: -80px -120px; }
  .open.emoji .s213 {
    background-position: -100px -120px; }
  .open.emoji .s214 {
    background-position: -120px -120px; }
  .open.emoji .s215 {
    background-position: -140px -120px; }
  .open.emoji .s216 {
    background-position: 0 -140px; }
  .open.emoji .s217 {
    background-position: -20px -140px; }
  .open.emoji .s196 {
    background-position: -40px -140px; }
  .open.emoji .s258 {
    background-position: -60px -140px; }
  .open.emoji .s259 {
    background-position: -80px -140px; }
  .open.emoji .s478 {
    background-position: -100px -140px; }
  .open.emoji .s198 {
    background-position: -120px -140px; }
  .open.emoji .s202 {
    background-position: -140px -140px; }
  .open.emoji .s221 {
    background-position: 0 -160px; }
  .open.emoji .s222 {
    background-position: -20px -160px; }
  .open.emoji .s223 {
    background-position: -40px -160px; }
  .open.emoji .s262 {
    background-position: -60px -160px; }
  .open.emoji .s188 {
    background-position: -80px -160px; }
  .open.emoji .s284 {
    background-position: -100px -160px; }
  .open.emoji .s190 {
    background-position: -120px -160px; }
  .open.emoji .s291 {
    background-position: -140px -160px; }
  .open.emoji .s25 {
    background-position: 0 -180px; }
  .open.emoji .s26 {
    background-position: -20px -180px; }
  .open.emoji .s79 {
    background-position: -40px -180px; }
  .open.emoji .s82 {
    background-position: -60px -180px; }
  .open.emoji .s85 {
    background-position: -80px -180px; }
  .open.emoji .s101 {
    background-position: -100px -180px; }
  .open.emoji .s458 {
    background-position: -120px -180px; }
  .open.emoji .s243 {
    background-position: -140px -180px; }
  .open.emoji .s244 {
    background-position: 0 -200px; }
  .open.emoji .s245 {
    background-position: -20px -200px; }
  .open.emoji .s246 {
    background-position: -40px -200px; }
  .open.emoji .s247 {
    background-position: -60px -200px; }
  .open.emoji .s248 {
    background-position: -80px -200px; }
  .open.emoji .s249 {
    background-position: -100px -200px; }
  .open.emoji .s250 {
    background-position: -120px -200px; }
  .open.emoji .s251 {
    background-position: -140px -200px; }
  .open.emoji .s252 {
    background-position: 0 -220px; }
  .open.emoji .s253 {
    background-position: -20px -220px; }
  .open.emoji .s254 {
    background-position: -40px -220px; }
  .open.emoji .s68 {
    background-position: 0 -240px; }
  .open.emoji .s69 {
    background-position: -20px -240px; }
  .open.emoji .s70 {
    background-position: -40px -240px; }
  .open.emoji .s71 {
    background-position: -60px -240px; }
  .open.emoji .s122 {
    background-position: -80px -240px; }
  .open.emoji .s281 {
    background-position: -100px -240px; }
  .open.emoji .s326 {
    background-position: -120px -240px; }
  .open.emoji .s327 {
    background-position: -140px -240px; }
  .open.emoji .s334 {
    background-position: 0 -260px; }
  .open.emoji .s336 {
    background-position: -20px -260px; }
  .open.emoji .s339 {
    background-position: -40px -260px; }
  .open.emoji .s48 {
    background-position: -60px -260px; }
  .open.emoji .s106 {
    background-position: -80px -260px; }
  .open.emoji .s114 {
    background-position: -100px -260px; }
  .open.emoji .s274 {
    background-position: -120px -260px; }
  .open.emoji .s72 {
    background-position: -140px -260px; }
  .open.emoji .s73 {
    background-position: 0 -280px; }
  .open.emoji .s74 {
    background-position: -20px -280px; }
  .open.emoji .s76 {
    background-position: -40px -280px; }
  .open.emoji .s75 {
    background-position: -60px -280px; }
  .open.emoji .s151 {
    background-position: -80px -280px; }
  .open.emoji .s414 {
    background-position: -100px -280px; }
  .open.emoji .s409 {
    background-position: -120px -280px; }
  .open.emoji .s345 {
    background-position: 0 -300px; }
  .open.emoji .s51 {
    background-position: -20px -300px; }
  .open.emoji .s108 {
    background-position: -40px -300px; }
  .open.emoji .s6 {
    background-position: -60px -300px; }
  .open.emoji .s7 {
    background-position: -80px -300px; }
  .open.emoji .s52 {
    background-position: -100px -300px; }
  .open.emoji .s104 {
    background-position: -120px -300px; }
  .open.emoji .s120 {
    background-position: -140px -300px; }
  .open.emoji .s152 {
    background-position: 0 -320px; }
  .open.emoji .s290 {
    background-position: -20px -320px; }
  .open.emoji .s63 {
    background-position: -40px -320px; }
  .open.emoji .s110 {
    background-position: -60px -320px; }
  .open.emoji .s105 {
    background-position: -80px -320px; }
  .open.emoji .s8 {
    background-position: -100px -320px; }
  .open.emoji .s407 {
    background-position: -120px -320px; }
  .open.emoji .s162 {
    background-position: -140px -320px; }
  .open.emoji .s192 {
    background-position: 0 -340px; }
  .open.emoji .s193 {
    background-position: -20px -340px; }
  .open.emoji .s194 {
    background-position: -40px -340px; }
  .open.emoji .s195 {
    background-position: -60px -340px; }
  .open.emoji .s60 {
    background-position: 0 -360px; }
  .open.emoji .s61 {
    background-position: -20px -360px; }
  .open.emoji .s306 {
    background-position: -40px -360px; }
  .open.emoji .s128 {
    background-position: -60px -360px; }
  .open.emoji .s132 {
    background-position: -80px -360px; }
  .open.emoji .s280 {
    background-position: -100px -360px; }
  .open.emoji .s307 {
    background-position: -120px -360px; }
  .open.emoji .s308 {
    background-position: -140px -360px; }
  .open.emoji .s298 {
    background-position: 0 -380px; }
  .open.emoji .s426 {
    background-position: -20px -380px; }
  .open.emoji .s62 {
    background-position: -40px -380px; }
  .open.emoji .s19 {
    background-position: -60px -380px; }
  .open.emoji .s20 {
    background-position: -80px -380px; }
  .open.emoji .s21 {
    background-position: -100px -380px; }
  .open.emoji .s22 {
    background-position: -120px -380px; }
  .open.emoji .s24 {
    background-position: -140px -380px; }
  .open.emoji .s28 {
    background-position: 0 -400px; }
  .open.emoji .s111 {
    background-position: -20px -400px; }
  .open.emoji .s144 {
    background-position: -40px -400px; }
  .open.emoji .s389 {
    background-position: -60px -400px; }
  .open.emoji .s140 {
    background-position: -80px -400px; }
  .open.emoji .s425 {
    background-position: -100px -400px; }
  .open.emoji .s27 {
    background-position: 0 -420px; }
  .open.emoji .s29 {
    background-position: -20px -420px; }
  .open.emoji .s30 {
    background-position: -40px -420px; }
  .open.emoji .s168 {
    background-position: -60px -420px; }
  .open.emoji .s179 {
    background-position: -80px -420px; }
  .open.emoji .s182 {
    background-position: -100px -420px; }
  .open.emoji .s399 {
    background-position: -120px -420px; }
  .open.emoji .s400 {
    background-position: -140px -420px; }
  .open.emoji .s56 {
    background-position: 0 -440px; }
  .open.emoji .s58 {
    background-position: -20px -440px; }
  .open.emoji .s59 {
    background-position: -40px -440px; }
  .open.emoji .s67 {
    background-position: -60px -440px; }
  .open.emoji .s54 {
    background-position: -80px -440px; }
  .open.emoji .s125 {
    background-position: -100px -440px; }
  .open.emoji .s127 {
    background-position: -120px -440px; }
  .open.emoji .s167 {
    background-position: -140px -440px; }
  .open.emoji .s169 {
    background-position: 0 -460px; }
  .open.emoji .s173 {
    background-position: -20px -460px; }
  .open.emoji .s174 {
    background-position: -40px -460px; }
  .open.emoji .s175 {
    background-position: -60px -460px; }
  .open.emoji .s176 {
    background-position: -80px -460px; }
  .open.emoji .s177 {
    background-position: -100px -460px; }
  .open.emoji .s178 {
    background-position: -120px -460px; }
  .open.emoji .s137 {
    background-position: -140px -460px; }
  .open.emoji.yahooEmoji .category li img {
    background: url(https://s.yimg.jp/images/socialproducts/blog/img2/emoji/emojiSprite-1.0.1.png) no-repeat; }
  .open.emoji.yahooEmoji .category li:nth-child(2) img {
    background-position: 0 -280px; }
  .open.emoji.yahooEmoji .category li:nth-child(3) img {
    background-position: 0 -820px; }
  .open.emoji.yahooEmoji .category li:nth-child(4) img {
    background-position: 0 -1140px; }
  .open.emoji.yahooEmoji .category li:nth-child(5) img {
    background-position: 0 -1460px; }
  .open.emoji.yahooEmoji .category li:nth-child(6) img {
    background-position: 0 -1740px; }
  .open.emoji.yahooEmoji .category li:nth-child(7) img {
    background-position: 0 -1980px; }
  .open.emoji.yahooEmoji .category li:nth-child(8) img {
    background-position: 0 -2460px; }
  .open.emoji.yahooEmoji img {
    background: url("https://s.yimg.jp/images/socialproducts/blog/img2/emoji/emojiSprite-1.0.1.png") no-repeat; }

.ImgFaithMark {
  width: 18px;
  height: 18px;
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_faithmark_all.png") 0 0 no-repeat; }

.ImgFaithMark001 {
  background-position: 0 0; }

.ImgFaithMark002 {
  background-position: -18px 0; }

.ImgFaithMark003 {
  background-position: -36px 0; }

.ImgFaithMark004 {
  background-position: -54px 0; }

.ImgFaithMark005 {
  background-position: -72px 0; }

.ImgFaithMark006 {
  background-position: -90px 0; }

.ImgFaithMark007 {
  background-position: -108px 0; }

.ImgFaithMark008 {
  background-position: -126px 0; }

.ImgFaithMark009 {
  background-position: -144px 0; }

.ImgFaithMark010 {
  background-position: -162px 0; }

.ImgFaithMark011 {
  background-position: -180px 0; }

.ImgFaithMark012 {
  background-position: -198px 0; }

.ImgFaithMark013 {
  background-position: -216px 0; }

.ImgFaithMark014 {
  background-position: -234px 0; }

.ImgFaithMark015 {
  background-position: -252px 0; }

.ImgFaithMark016 {
  background-position: -270px 0; }

.ImgFaithMark017 {
  background-position: -288px 0; }

.ImgFaithMark018 {
  background-position: -306px 0; }

.ImgFaithMark019 {
  background-position: -324px 0; }

.ImgFaithMark020 {
  background-position: -342px 0; }

.ImgFaithMark021 {
  background-position: -360px 0; }

.ImgFaithMark022 {
  background-position: -378px 0; }

.ImgFaithMark023 {
  background-position: -396px 0; }

.ImgFaithMark024 {
  background-position: -414px 0; }

.ImgFaithMark025 {
  background-position: -432px 0; }

.ImgFaithMark026 {
  background-position: -450px 0; }

.ImgFaithMark027 {
  background-position: -468px 0; }

.ImgFaithMark028 {
  background-position: -486px 0; }

.ImgFaithMark029 {
  background-position: -504px 0; }

.ImgFaithMark030 {
  background-position: -522px 0; }

.ImgFaithMark031 {
  background-position: -540px 0; }

.ImgFaithMark032 {
  background-position: -558px 0; }

.ImgFaithMark033 {
  background-position: -576px 0; }

.ImgFaithMark034 {
  background-position: -594px 0; }

.ImgFaithMark035 {
  background-position: -612px 0; }

.ImgFaithMark036 {
  background-position: -630px 0; }

.ImgFaithMark037 {
  background-position: -648px 0; }

.ImgFaithMark038 {
  background-position: -666px 0; }

.ImgFaithMark039 {
  background-position: -684px 0; }

.ImgFaithMark040 {
  background-position: -702px 0; }

.ImgFaithMark041 {
  background-position: -720px 0; }

.ImgFaithMark043 {
  background-position: -738px 0; }

.ImgFaithMark044 {
  background-position: -756px 0; }

.ImgFaithMark045 {
  background-position: -774px 0; }

.ImgFaithMark046 {
  background-position: -792px 0; }

.ImgFaithMark047 {
  background-position: -810px 0; }

.ImgFaithMark048 {
  background-position: -828px 0; }

.ImgFaithMark049 {
  background-position: -846px 0; }

.ImgFaithMark050 {
  background-position: -864px 0; }

.ImgFaithMark051 {
  background-position: -882px 0; }

.ImgFaithMark052 {
  background-position: -900px 0; }

.ImgFaithMark053 {
  background-position: -918px 0; }

.ImgFaithMark054 {
  width: 22px;
  background-position: -936px 0; }

.ImgFaithMark055 {
  background-position: -958px 0; }

.ImgFaithMark056 {
  background-position: -976px 0; }

.ImgFaithMark057 {
  width: 22px;
  background-position: -994px 0; }

.ImgFaithMark058 {
  width: 22px;
  background-position: -1016px 0; }

.ImgFaithMark059 {
  width: 22px;
  background-position: -1038px 0; }

.ImgFaithMark081 {
  background-position: -1060px 0; }

.ImgFaithMark082 {
  background-position: -1078px 0; }

.ImgFaithMark083 {
  background-position: -1096px 0; }

.ImgFaithMark084 {
  width: 25px;
  background-position: -1114px 0; }

.ImgFaithMark085 {
  background-position: -1139px 0; }

.ImgFaithMark086 {
  width: 20px;
  background-position: -1157px 0; }

.ImgFaithMark101 {
  background-position: -1177px 0; }

.ImgFaithMark102 {
  background-position: -1195px 0; }

.ImgFaithMark103 {
  background-position: -1213px 0; }

.ImgFaithMark104 {
  background-position: -1231px 0; }

/* initialize */
body {
  -webkit-text-size-adjust: none;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W6", Hiragino Kaku Gothic Pro, Osaka, "ＭＳ Ｐゴシック", sans-serif;
  word-break: break-all;
  word-wrap: break-word;
  -moz-word-wrap: break-word; }

a {
  color: #383838;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(102, 204, 255, 0.5); }

iframe {
  margin: 0 auto; }

.clearfix {
  overflow: hidden;
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

#content {
  position: relative; }

#wrapper.yjsmhOpen .yadsOverlay {
  display: none; }

#yjsmhHeader a, #yjsmhHeader a:visited {
  color: #085fc9; }
#yjsmhHeader .yjsmhBtnSubmit a {
  color: #fff; }

.smallText {
  font-size: 12px; }

.mediumText {
  font-size: 14px; }

.largeText {
  font-size: 16px; }

.errorText {
  margin: 10px;
  color: #555;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5; }
  .errorText.errorRed {
    color: #ad0900;
    font-size: 14px;
    margin: 3px 0; }

.errorCount {
  color: #ad0900 !important; }

.emptyText {
  padding: 10px;
  font-size: .8em;
  color: #777; }

.genericText {
  margin: 10px;
  font-weight: 700; }

.historyBack {
  margin: 10px;
  text-align: center; }

.linkBlue {
  color: #383838 !important; }

.linkGreen {
  color: #318290 !important; }

.noBorder {
  border: none !important; }

.noBg {
  background-image: none !important; }

.bgWhite {
  background: #fff; }
  .bgWhite.paddingTop .promotionButton {
    margin: 0 10px 10px; }

.textCenter {
  text-align: center; }

.p10px {
  padding: 10px; }

.input,
.textarea {
  padding: 0 12px 0 0; }

.input input,
.textarea textarea {
  width: 100%;
  padding: 4px;
  border-right: 1px solid #999;
  border-radius: 5px;
  font-size: 16px; }

.input.errorForm input,
.textarea.errorForm textarea {
  border: 2px solid #f00; }

.confirmUnit {
  margin-bottom: 10px;
  padding: 6px;
  background: #ceedf0;
  color: #333; }

.formTitle,
.formTitle h3 {
  font-size: 14px;
  color: #333; }

.countArea {
  position: relative; }
  .countArea .textarea {
    margin-bottom: 10px;
    padding: 4px 4px 14px 4px;
    border: 1px solid #777;
    border-radius: 5px; }
    .countArea .textarea textarea {
      width: 100%;
      padding: 0;
      vertical-align: middle;
      border: none;
      resize: none; }
  .countArea .emojiTextarea {
    position: relative;
    margin-bottom: 10px;
    padding-right: 38px;
    border: 1px solid #777;
    border-radius: 5px; }

.formTitle {
  display: block;
  width: 100%;
  position: relative;
  margin-bottom: 5px;
  height: 1em; }
  .formTitle p {
    position: absolute;
    top: 0;
    right: 0;
    color: #777; }

.textCounter {
  position: absolute;
  bottom: 0;
  right: 5px;
  text-align: right;
  color: #777;
  font-size: 12px; }

input[type="radio"] {
  margin-right: 5px;
  vertical-align: middle; }

.textCount {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
  color: #333; }

.textUnderline {
  text-decoration: underline; }

.adjustImg {
  overflow: hidden;
  border: 1px solid #ddd; }

/* .titleBgの幅が100%では表示が崩れるので上書き */
h1.titleBg {
  width: auto; }

/* 複数行truncateのjsの制御用 */
.truncMultiline {
  overflow: hidden; }

/* color for ranking */
.gold,
.silver,
.bronze {
  color: #fff !important; }

.gold {
  background: #fc0 !important; }

.silver {
  background: #cdcdcd !important; }

.bronze {
  background: #cfac79 !important; }

/* icon */
.icon16 {
  margin: 0 5px;
  vertical-align: middle; }

.newIcon {
  margin-left: 5px;
  vertical-align: middle; }

.skinArea h2 .icon16 {
  margin: 0 0 0 5px;
  vertical-align: text-top; }

.library16 {
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") 0 0 no-repeat; }

.acl16 {
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") 0 -20px no-repeat; }

.friend16 {
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") 0 -40px no-repeat; }

.fan16 {
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") 0 -160px no-repeat; }

.mobile16 {
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") 0 -60px no-repeat; }

.check16 {
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") 0 -80px no-repeat; }

.iconPc12 {
  margin: 0 5px;
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") 0 -100px no-repeat;
  vertical-align: middle; }

.iconPc10 {
  margin-left: 2px;
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") 0 -120px no-repeat;
  vertical-align: middle; }

.catFolder {
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_folder.png) no-repeat; }

.skinLabelMain h2 {
  width: auto;
  padding: 3px 10px;
  background-color: #fff;
  font-size: 16px;
  font-weight: 700;
  color: #333; }
  .skinLabelMain h2 a {
    display: block;
    text-decoration: underline; }

.emojiTextarea textarea {
  height: 5em;
  margin: 0;
  border: none;
  border-radius: 5px;
  vertical-align: bottom;
  resize: none; }
.emojiTextarea .placeholder {
  display: none; }
.emojiTextarea .emojiUnit {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%; }
.emojiTextarea .button {
  position: absolute;
  top: 4px;
  right: 4px;
  overflow: hidden;
  width: 28px;
  height: 28px;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 1px 1px #ddd;
  background: #f7f7f7;
  z-index: 98; }
  .emojiTextarea .button.on {
    height: 36px;
    background: #fff;
    border-bottom: none;
    border-radius: 3px 3px 0 0;
    box-shadow: none; }
  .emojiTextarea .button a {
    display: block;
    width: 28px;
    height: 28px;
    background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") no-repeat 6px -134px; }
  .emojiTextarea .button span {
    display: inline-block;
    text-indent: -9999px; }
  .emojiTextarea .button:nth-child(2) {
    top: 40px;
    z-index: 6; }
  .emojiTextarea .button.yahooEmoji {
    top: 76px;
    z-index: 4; }
    .emojiTextarea .button.yahooEmoji a {
      background: none; }
      .emojiTextarea .button.yahooEmoji a span {
        background: url(https://s.yimg.jp/images/socialproducts/blog/img2/emoji/emojiSprite-1.0.1.png) no-repeat 0 -899px;
        margin: 4px 0 0 4px;
        width: 24px;
        height: 24px; }
    .emojiTextarea .button.yahooEmoji.comment, .emojiTextarea .button.yahooEmoji.articleArea, .emojiTextarea .button.yahooEmoji.guestbook {
      top: 40px; }
  .emojiTextarea .button.embedTweetButton {
    top: 112px;
    z-index: 0; }
    .emojiTextarea .button.embedTweetButton a {
      text-indent: -9999px;
      background-position: 6px -204px; }
.emojiTextarea .open {
  position: absolute;
  top: 76px;
  right: 1px;
  margin-left: 1px;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 5; }
  .emojiTextarea .open.yahooEmoji {
    top: 112px;
    z-index: 2; }
    .emojiTextarea .open.yahooEmoji .nav li {
      background: #efefef; }
      .emojiTextarea .open.yahooEmoji .nav li.current {
        background: #ffb443; }
.emojiTextarea .commentPalette.emoji1,
.emojiTextarea .articlePalette.emoji1 {
  top: 40px; }
.emojiTextarea .commentPalette.emoji2,
.emojiTextarea .articlePalette.emoji2 {
  top: 76px; }
.emojiTextarea .imageButton {
  z-index: 1; }

.imageButton .fileInput {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  width: 28px;
  height: 28px;
  line-height: 28px;
  top: 0;
  right: 0;
  margin: 0; }
.imageButton .loadingIcon {
  position: absolute;
  top: 3px;
  left: 3px;
  display: none; }
.imageButton .add {
  background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_sprite_acl-1.0.0.png") no-repeat 6px -179px; }
.imageButton.loading .add {
  display: none; }
.imageButton.loading .fileInput {
  display: none; }
.imageButton.loading .loadingIcon {
  display: inline-block; }

/*-- suffix camera icon --*/
.hasImg {
  background-image: url(https://s.yimg.jp/images/mail/emoji/15/ew_icon_s8.gif);
  background-repeat: no-repeat;
  background-position: right; }

/*-- for jQuery plugin: truncWithSuffixIcon()  --*/
/*-- smartphone_plugin.js --*/
.truncTarget {
  display: inline-block; }

.globalNavi__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #f2f2f2;
  border-top: 1px solid #d9dde3; }
  .globalNavi__btn li {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    border-right: 1px solid #e6e6e6; }
    .globalNavi__btn li:last-child {
      border-right: none; }
    .globalNavi__btn li a {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      padding: 6px 0;
      text-align: center;
      font-size: 10px;
      color: #3c3c3c !important; }
      @media (max-width: 321px) {
        .globalNavi__btn li a {
          font-size: 9px; } }
      .globalNavi__btn li a span {
        display: block;
        padding-top: 26px;
        background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_gloNav.png);
        background-repeat: no-repeat;
        background-size: 30px 286px; }
  .globalNavi__btn--mypage span {
    background-position: center 2px; }
  .globalNavi__btn--myblog span {
    background-position: center -42px; }
  .globalNavi__btn--write span {
    background-position: center -88px; }
  .globalNavi__btn--access span {
    background-position: center -130px; }
  .globalNavi__btn--setting span {
    background-position: center -178px; }
  .globalNavi__btn--mail span {
    background-position: center -220px; }
  .globalNavi__btn--noblog a {
    padding: 10px 0 !important; }
  .globalNavi__btn--noblog span {
    height: 18px;
    padding-top: 0 !important;
    padding-left: 24px;
    background-position: -4px 0;
    line-height: 18px; }
  .globalNavi__btn--start a {
    padding: 10px 0 !important; }
  .globalNavi__btn--start span {
    height: 18px;
    padding-top: 0 !important;
    padding-left: 32px;
    background-position: 0 -270px;
    line-height: 18px; }

/*-- footerDefault 2.0.0 --*/
.footerDefault {
  font-size: 14px;
  line-height: 1;
  text-align: center;
  color: #383838; }
  .footerDefault a, .footerDefault a:visited {
    color: #318290 !important; }
  .footerDefault .changeDevice {
    margin: 10px;
    font-size: 14px; }
    .footerDefault .changeDevice dl {
      display: inline-block;
      padding: 5px 5px 5px 10px;
      border: 1px solid #e7e7e7;
      background: #f9f9f9; }
    .footerDefault .changeDevice dt {
      display: inline; }
      .footerDefault .changeDevice dt:after {
        content: ":"; }
    .footerDefault .changeDevice dd {
      display: inline; }
      .footerDefault .changeDevice dd:after {
        content: "|"; }
      .footerDefault .changeDevice dd:last-child:after {
        content: ""; }
    .footerDefault .changeDevice p {
      font-size: 12px; }
    .footerDefault .changeDevice a {
      padding: 0 5px; }
    .footerDefault .changeDevice span {
      padding: 0 5px;
      font-weight: bold;
      color: #383838; }
  .footerDefault .footerInner {
    padding: 13px 10px 72px 10px;
    border-top: 3px solid #d6d6d6;
    background: #f5f5f5; }
    .footerDefault .footerInner > p {
      margin-bottom: 8px;
      font-size: 11px; }
  .footerDefault .loginArea {
    margin-bottom: 15px;
    text-align: center; }
    .footerDefault .loginArea p + p {
      margin-top: 10px; }
    .footerDefault .loginArea .loginName {
      display: inline-block;
      word-break: break-all;
      word-wrap: break-word;
      -moz-word-wrap: break-word;
      text-align: left;
      color: #383838; }
    .footerDefault .loginArea .loginStatus em {
      font-weight: bold; }
  .footerDefault .commonLink {
    margin-bottom: 10px; }
    .footerDefault .commonLink li {
      display: inline; }
      .footerDefault .commonLink li:after {
        content: " | "; }
      .footerDefault .commonLink li:last-child:after {
        content: ""; }
  .footerDefault .subLink {
    margin-bottom: 8px;
    font-size: 12px; }
    .footerDefault .subLink li {
      display: inline; }
      .footerDefault .subLink li:after {
        content: " - "; }
      .footerDefault .subLink li:last-child:after {
        content: ""; }
  .footerDefault address {
    display: block;
    font-size: 12px; }

.buttonLarge,
.buttonMedium {
  margin-bottom: 10px;
  text-align: center; }
  .buttonLarge p,
  .buttonLarge .button,
  .buttonMedium p,
  .buttonMedium .button {
    width: 85%;
    margin: 0 auto;
    border: 1px solid #ddd;
    border-bottom-width: 2px;
    border-radius: 4px;
    background: #fff; }
  .buttonLarge p a,
  .buttonLarge .button button,
  .buttonMedium p a,
  .buttonMedium .button button {
    display: block;
    padding: 5px 8px;
    line-height: 18px;
    color: #333;
    font-size: 14px;
    border: none; }
  .buttonLarge .set,
  .buttonMedium .set {
    border: 1px solid #ceedf0;
    background: #ceedf0;
    box-shadow: 0 1px 1px #ddd; }
  .buttonLarge .cancel,
  .buttonMedium .cancel {
    border: 1px solid #777;
    background: #ddd;
    box-shadow: 0 1px 1px #ddd; }
    .buttonLarge .cancel a, .buttonLarge .cancel button,
    .buttonMedium .cancel a,
    .buttonMedium .cancel button {
      border: 1px solid #ddd;
      border-top: none;
      color: #555; }
  .buttonLarge .disabled,
  .buttonMedium .disabled {
    border: 1px solid #ddd;
    background: #f7f7f7; }
    .buttonLarge .disabled a, .buttonLarge .disabled button,
    .buttonMedium .disabled a,
    .buttonMedium .disabled button {
      border: 1px solid #f7f7f7;
      cursor: default;
      color: #777; }

.buttonMedium p, .buttonMedium button {
  width: 60%; }
.buttonMedium p a,
.buttonMedium .button button {
  font-size: 14px; }
.buttonMedium .button button {
  padding: 4px 8px; }
.buttonMedium .login {
  border: 1px solid #ffc027;
  background: #ffd879;
  font-size: 16px;
  box-shadow: 0 0 1px #ddd; }
  .buttonMedium .login a {
    color: #333; }

.buttonLarge .button button {
  width: 100%;
  margin: 0;
  background: none; }
.buttonLarge .decoration {
  border: 1px solid #ceedf0;
  background: #f7f7f7;
  background: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#ceedf0));
  background: -moz-linear-gradient(center top, #f7f7f7, #ceedf0);
  box-shadow: 0 0 1px #f7f7f7; }
  .buttonLarge .decoration a, .buttonLarge .decoration button {
    padding: 3px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/btn_decoration.png) no-repeat center 5px;
    color: #318290;
    text-shadow: #fff 0 1px 0;
    line-height: 30px; }
  .buttonLarge .decoration button {
    padding: 2px; }
  .buttonLarge .decoration img {
    margin: -4px 5px 0 0;
    width: 36px;
    height: 30px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_header_menu.png) -108px 0 no-repeat;
    vertical-align: middle; }
.buttonLarge .arrow {
  font-size: 14px; }
  .buttonLarge .arrow .arrowIcon {
    width: 10px;
    height: 6px;
    margin: -6px 0 0 3px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_more.png) no-repeat right 50%;
    vertical-align: middle;
    -webkit-transform: rotate(270deg); }
.buttonLarge.clearfix .arrow {
  float: right;
  width: 82%;
  margin-right: 10px; }
  .buttonLarge.clearfix .arrow .arrowIcon {
    margin: -3px 0 0 5px;
    -webkit-transform: rotate(0); }
  .buttonLarge.clearfix .arrow.close .arrowIcon {
    -webkit-transform: rotate(180deg); }

#chgblg {
  background-color: #fff;
  padding: 10px 0; }
  #chgblg .changeBtn {
    margin-bottom: 0; }

.tabMenu .head {
  display: table;
  background: #64b0bf;
  overflow: hidden;
  width: 100%;
  font-size: 14px;
  box-sizing: border-box; }
  .tabMenu .head li {
    display: table-cell;
    height: 100%;
    padding: 5px 2px 10px 2px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_separate_header.png) no-repeat right 30%;
    width: 33%;
    color: #333;
    font-weight: bold;
    text-align: center; }
    .tabMenu .head li a {
      display: block;
      color: #fff; }
    .tabMenu .head li.current {
      background: #fff;
      border: 1px solid rgba(221, 221, 221, 0.5);
      border-bottom: none; }
      .tabMenu .head li.current a {
        color: #333; }

#ntc .listMore {
  width: 80%;
  margin: 0 auto; }
  #ntc .listMore a, #ntc .listMore em {
    display: inline-block;
    background: #f7f7f7;
    width: 100%;
    padding: 4px 0;
    color: #777;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #777;
    border-bottom-width: 2px; }

.listMore {
  text-align: center;
  position: relative; }
  .listMore img {
    float: none !important;
    position: absolute;
    margin-left: 27%;
    vertical-align: middle; }

@-webkit-keyframes loadingIcon {
  0% {
    -webkit-transform: rotate(0); }
  12.4% {
    -webkit-transform: rotate(0); }
  12.5% {
    -webkit-transform: rotate(45deg); }
  24.9% {
    -webkit-transform: rotate(45deg); }
  25.0% {
    -webkit-transform: rotate(90deg); }
  37.4% {
    -webkit-transform: rotate(90deg); }
  37.5% {
    -webkit-transform: rotate(135deg); }
  49.9% {
    -webkit-transform: rotate(135deg); }
  50.0% {
    -webkit-transform: rotate(180deg); }
  62.4% {
    -webkit-transform: rotate(180deg); }
  62.5% {
    -webkit-transform: rotate(225deg); }
  74.9% {
    -webkit-transform: rotate(225deg); }
  75.0% {
    -webkit-transform: rotate(270deg); }
  87.4% {
    -webkit-transform: rotate(270deg); }
  87.5% {
    -webkit-transform: rotate(315deg); }
  99.9% {
    -webkit-transform: rotate(315deg); }
  100.0% {
    -webkit-transform: rotate(360deg); } }
.loadingIcon {
  -webkit-animation: loadingIcon 0.5s infinite linear;
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/loading.png) no-repeat; }

.naviPaging {
  position: relative;
  /*-- add for loadingIcon --*/
  text-align: center; }
  .naviPaging ul {
    display: table;
    display: box;
    display: -webkit-box;
    display: -moz-box;
    -moz-box-align: center;
    -webkit-box-align: center;
    -moz-box-pack: center;
    -webkit-box-pack: center;
    width: 100%; }
  .naviPaging li {
    display: table-cell;
    display: -webkit-box;
    display: -moz-box;
    font-weight: bold; }
    .naviPaging li a {
      color: #333; }
    .naviPaging li.center {
      box-flex: 1;
      -webkit-box-flex: 1;
      -moz-box-flex: 1; }
    .naviPaging li.not {
      font-weight: bold; }
  .naviPaging p {
    margin-top: 3px;
    font-size: 14px;
    color: #333; }
  .naviPaging a.pageLeft,
  .naviPaging a.pageRight,
  .naviPaging em {
    display: inline-block;
    line-height: 1.6;
    text-decoration: none;
    font-size: 14px; }
  .naviPaging em {
    font-weight: 700;
    color: #bbb;
    background: none;
    width: auto; }
    .naviPaging em.pageLeft {
      padding: 0.22em 0.4em 0.22em 0.2em;
      -moz-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_no_prev.png) 2 5 2 13/1px 5px 1px 13px;
      -webkit-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_no_prev.png) 2 5 2 13/2px 5px 2px 13px; }
    .naviPaging em.pageRight {
      padding: 0.22em 0.4em 0.22em 0.2em;
      -moz-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_no_next.png) 2 10 2 6/1px 10px 1px 6px;
      -webkit-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_no_next.png) 2 10 2 6/2px 10px 2px 6px; }
  .naviPaging a.pageLeft {
    padding: 0.22em 0.4em 0.22em 0.2em;
    -moz-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_prev.png) 2 5 2 13/2px 5px 2px 13px;
    -webkit-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_prev.png) 2 5 2 13/2px 5px 2px 13px; }
  .naviPaging a.pageRight {
    padding: 0.22em 0.2em 0.22em 0.4em;
    -moz-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_next.png) 2 13 2 5/2px 13px 2px 5px;
    -webkit-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_next.png) 2 13 2 5/2px 13px 2px 5px; }
  .naviPaging .prevNext em.pageLeft {
    padding: 0.22em 0.4em 0.22em 0.2em;
    -moz-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_no_prev.png) 2 5 2 13/1px 5px 1px 13px;
    -webkit-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_no_prev.png) 2 5 2 13/2px 5px 2px 13px; }
  .naviPaging .prevNext em.pageRight {
    padding: 0.22em 0.4em 0.22em 0.2em;
    -moz-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_no_next.png) 2 10 2 6/1px 10px 1px 6px;
    -webkit-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_no_next.png) 2 10 2 6/2px 10px 2px 6px; }
  .naviPaging .prevNext .center em {
    display: block;
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
    font-size: 16px;
    color: #333; }
  .naviPaging .pageListWrap {
    display: inline-block;
    margin-top: 7px; }
  .naviPaging .pageList {
    display: block; }
    .naviPaging .pageList li {
      display: inline-block;
      min-width: 29px;
      height: 29px;
      line-height: 1.73;
      border-top: 1px solid #bbb;
      border-bottom: 1px solid #bbb;
      border-right: 1px solid #a9a9a9;
      background: #f3f3f3;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
      background: -moz-linear-gradient(center top, #fff, #eaeaea);
      box-shadow: 0 0 3px #ccc;
      -moz-box-shadow: 0 0 3px #ccc;
      -webkit-box-shadow: 0 0 3px #ccc; }
      .naviPaging .pageList li:first-child {
        border-radius: 4px 0 0 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius: 4px 0 0 4px;
        border: 1px solid #bbb; }
        .naviPaging .pageList li:first-child a {
          border-radius: 4px 0 0 4px;
          -webkit-border-bottom-left-radius: 4px;
          -webkit-border-top-left-radius: 4px;
          -moz-border-radius: 4px 0 0 4px; }
      .naviPaging .pageList li:last-child {
        border-radius: 0 4px 4px 0;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        -moz-border-radius: 0 4px 4px 0; }
        .naviPaging .pageList li:last-child a {
          border-radius: 0 4px 4px 0;
          -webkit-border-bottom-right-radius: 4px;
          -webkit-border-top-right-radius: 4px;
          -moz-border-radius: 0 4px 4px 0; }
      .naviPaging .pageList li.ellipsis:nth-child(2) {
        height: 31px;
        line-height: 1.9;
        border-right: 1px solid #bbb; }
      .naviPaging .pageList li:nth-child(6) {
        border-right: 1px solid #bbb;
        -webkit-border-bottom-right-radius: 1px;
        -webkit-border-top-right-radius: 1px;
        -moz-border-radius-topright: 1px;
        -moz-border-radius-bottomright: 1px; }
    .naviPaging .pageList a {
      display: block;
      line-height: 1.75;
      padding: 0;
      border-bottom: 1px solid #fff;
      border-right: 1px solid #fff;
      border-left: 1px solid #fff; }
    .naviPaging .pageList .ellipsis {
      display: inline-block;
      background: #fff;
      -moz-box-shadow: none;
      -webkit-box-shadow: none;
      line-height: 1.73;
      border: none; }
    .naviPaging .pageList .current {
      background: #2fa0b1;
      color: #fff;
      line-height: 1.75; }
  .naviPaging .singleRow li.center {
    box-flex: 0;
    -webkit-box-flex: 0;
    -moz-box-flex: 0; }
  .naviPaging .singleRow .pageListWrap {
    margin: 0 4px; }
    .naviPaging .singleRow .pageListWrap .pageList {
      line-height: 2; }
  .naviPaging .singleRow .pageList li {
    min-width: 33px; }
    .naviPaging .singleRow .pageList li:first-child {
      border-right: 1px solid #bbb; }
  .naviPaging .singleRow .pageLeft span,
  .naviPaging .singleRow .pageRight span {
    display: block;
    width: 8px;
    height: 13px;
    margin: 5px 6px 4px 6px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_sprite_small.png) no-repeat 0 50%;
    text-indent: -9999px; }
  .naviPaging .singleRow .pageRight span {
    margin: 5px 6px 4px 6px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_sprite_small.png) no-repeat -16px 50%; }
  .naviPaging .singleRow em.pageLeft span {
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_sprite_small.png) no-repeat -32px 50%; }
  .naviPaging .singleRow em.pageRight span {
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_sprite_small.png) no-repeat -48px 50%; }
  .naviPaging .more .loadingIcon {
    position: absolute;
    left: 50%;
    margin-left: -10px; }

.blogMoreBtn {
  margin: 0 10px;
  border-top: 1px solid #efefef; }
  .blogMoreBtn .more a {
    position: relative;
    display: block;
    min-height: 48px;
    text-align: center;
    line-height: 48px;
    font-size: 14px;
    color: #3c3c3c; }
    .blogMoreBtn .more a.loading span {
      position: relative;
      top: 11px;
      left: 50%;
      display: block;
      width: 24px;
      height: 24px;
      margin-left: -12px;
      background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_loading.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 24px 24px;
      text-indent: -9999px;
      overflow: hidden;
      -webkit-animation: timelineloading 1s linear infinite;
      animation: timelineloading 1s linear infinite; }
@-webkit-keyframes timelineloading {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes timelineloading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.standardNaviPaging {
  margin: 10px 0; }
  .standardNaviPaging > ul {
    display: table;
    width: 100%;
    background: #fafafa;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
    .standardNaviPaging > ul > li {
      display: table-cell;
      width: 70%; }
      .standardNaviPaging > ul > li.pageLeft, .standardNaviPaging > ul > li.pageRight {
        width: 15%; }
        .standardNaviPaging > ul > li.pageLeft span, .standardNaviPaging > ul > li.pageRight span {
          display: block;
          text-indent: -9999px; }
        .standardNaviPaging > ul > li.pageLeft a, .standardNaviPaging > ul > li.pageRight a {
          position: relative; }
          .standardNaviPaging > ul > li.pageLeft a:before, .standardNaviPaging > ul > li.pageRight a:before {
            position: absolute;
            top: 50%;
            left: 50%;
            display: block;
            content: "";
            border: 8px solid transparent;
            margin-top: -8px; }
      .standardNaviPaging > ul > li.pageLeft {
        border-right: 1px solid #ddd; }
        .standardNaviPaging > ul > li.pageLeft a:before {
          margin-left: -10px;
          border-right: 8px solid #555; }
      .standardNaviPaging > ul > li.pageRight {
        border-left: 1px solid #ddd; }
        .standardNaviPaging > ul > li.pageRight a:before {
          margin-left: -4px;
          border-left: 8px solid #555; }
  .standardNaviPaging .current,
  .standardNaviPaging a {
    text-align: center;
    padding: 8px 0; }
  .standardNaviPaging .current {
    background: #2fa0b1;
    color: #fff;
    font-weight: bold; }
  .standardNaviPaging a {
    display: block;
    color: #333 !important; }
  .standardNaviPaging .pageListWrap ul {
    display: table;
    table-layout: fixed;
    width: 100%; }
    .standardNaviPaging .pageListWrap ul li {
      display: table-cell;
      border-left: 1px solid #ddd; }
      .standardNaviPaging .pageListWrap ul li:first-child {
        border-left: none; }
  .standardNaviPaging p {
    margin-top: 4px;
    text-align: center;
    font-size: .8em;
    color: #555; }

.notice {
  padding: 0 10px;
  margin: 0 0 10px 0; }
  .notice.press a {
    padding-left: 0; }
  .notice h1 {
    padding: 9px 10px;
    background-color: #64b0bf;
    font-weight: bold;
    font-size: 12px;
    color: #fff; }
  .notice ul {
    border: 1px solid #64b0bf;
    border-top: none;
    padding: 2px 0; }
    .notice ul li {
      padding: 8px 10px 0; }
      .notice ul li:last-child {
        padding: 8px 10px; }
      .notice ul li img {
        float: left; }
        .notice ul li img.mypageNotice {
          width: 16px;
          height: 16px; }
      .notice ul li a {
        font-size: 12px;
        display: block;
        color: #3c3c3c; }
  .notice .title {
    margin: 15px 10px 5px;
    color: #666;
    font-size: 14px; }
  .notice .moreList {
    display: none; }

.labelMain {
  margin-top: 0; }
  .labelMain h2, .labelMain h3 {
    padding: 10px;
    background: #f7f7f7;
    color: #333;
    font-size: 12px;
    font-weight: bold; }
  .labelMain h2 .rightLabel {
    font-weight: normal;
    font-size: .8em;
    float: right; }

.listRowlink {
  margin-bottom: 0; }
  .listRowlink ol.wide, .listRowlink ul.wide {
    border-bottom: none; }
  .listRowlink li,
  .listRowlink .wide li {
    border-bottom: 1px solid #efefef; }
    .listRowlink li:last-child,
    .listRowlink .wide li:last-child {
      border-bottom: 0; }
  .listRowlink li.identityList > a,
  .listRowlink .wide li.identityList > .listInner {
    min-height: 62px; }
  .listRowlink .wide li.identityList > a dl,
  .listRowlink li.identityList > .listInner,
  .listRowlink li.identityRankingList > a dl {
    margin-left: 72px; }
  .listRowlink li > a, .listRowlink li.listLinkLarge a, .listRowlink li .listInner {
    overflow: hidden;
    display: block;
    padding: 10px 0;
    color: #333; }
  .listRowlink li.identityList, .listRowlink li.identityRankingList {
    position: relative; }
    .listRowlink li.identityList .image td, .listRowlink li.identityRankingList .image td {
      text-align: center; }
  .listRowlink li.identityList > a {
    min-height: 62px; }
    .listRowlink li.identityList > a dl {
      margin-left: 58px; }
  .listRowlink li.identityList .image {
    position: absolute;
    top: 10px;
    left: 0;
    float: none; }
  .listRowlink li.identityRankingList > a {
    min-height: 87px; }
  .listRowlink li.identityRankingList .image {
    position: absolute;
    top: 35px;
    left: 0;
    float: none; }
  .listRowlink li > a {
    padding: 10px; }
  .listRowlink li .listInner {
    background: none !important; }
    .listRowlink li .listInner.column .title {
      display: table;
      width: 100%; }
      .listRowlink li .listInner.column .title .left,
      .listRowlink li .listInner.column .title .button {
        display: table-cell;
        vertical-align: middle; }
      .listRowlink li .listInner.column .title .left {
        padding-right: 7px; }
      .listRowlink li .listInner.column .title .button {
        width: 50px;
        padding-left: 7px;
        border-left: 1px solid #ddd; }
        .listRowlink li .listInner.column .title .button p {
          width: 85px;
          font-weight: bold;
          font-size: 12px;
          border: 1px solid #ddd;
          border-radius: 3px;
          background-color: #f4f4f4;
          background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), to(#ebebeb));
          background: -moz-linear-gradient(center top, #fff, #fff 50%, #ebebeb);
          box-shadow: 0 0 1px #f7f7f7; }
        .listRowlink li .listInner.column .title .button.remove p, .listRowlink li .listInner.column .title .button.approve p, .listRowlink li .listInner.column .title .button.edit p {
          width: 50px; }
        .listRowlink li .listInner.column .title .button.favorite a.loading span, .listRowlink li .listInner.column .title .button.remove a.loading span {
          opacity: .5; }
        .listRowlink li .listInner.column .title .button.approve p img {
          margin: -3px 0 -2px; }
        .listRowlink li .listInner.column .title .button.favorite a span {
          padding: 0 0 0 15px;
          background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/favorite_button_icon.png) no-repeat left 50%; }
        .listRowlink li .listInner.column .title .button.disable span > span {
          padding: 0 0 0 15px;
          background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/favorite_button_icon_disable.png) no-repeat left 50%;
          color: #ddd; }
        .listRowlink li .listInner.column .title .button a, .listRowlink li .listInner.column .title .button p > span {
          display: block;
          padding: 5px 2px;
          line-height: 18px;
          border: 1px solid #fff;
          border-top: none;
          border-radius: 3px;
          color: #333;
          text-align: center; }
        .listRowlink li .listInner.column .title .button p > span .loadingIcon {
          margin: -7px 0; }
  .listRowlink li .image {
    float: left;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #ddd; }
    .listRowlink li .image img {
      vertical-align: bottom; }
    .listRowlink li .image table, .listRowlink li .image td {
      padding: 0;
      border-collapse: collapse; }
  .listRowlink .blogList {
    margin: 0 10px !important; }
    .listRowlink .blogList:last-child {
      border-bottom: none; }
    .listRowlink .blogList--center {
      margin: 0 auto;
      text-align: center; }
    .listRowlink .blogList > a, .listRowlink .blogList > span {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      padding: 10px 0 !important; }
    .listRowlink .blogList__image {
      width: 46px;
      height: 46px;
      margin-right: 10px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 46px;
      flex: 0 0 46px; }
    .listRowlink .blogList dl {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      flex: 1 1 auto;
      line-height: 1; }
      .listRowlink .blogList dl dd {
        margin-top: 5px;
        font-size: 10px;
        color: #b3b3b3; }
    .listRowlink .blogList__title {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 14px;
      color: #3c3c3c; }
    .listRowlink .blogList__user {
      margin: 1px 0; }
    .listRowlink .blogList__subText {
      text-align: right; }
    .listRowlink .blogList__comment {
      padding: 5px 0;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 14px;
      color: #3c3c3c; }
  .listRowlink .wide li {
    margin: 0; }
    .listRowlink .wide li > a, .listRowlink .wide li.listLinkLarge a, .listRowlink .wide li .listInner {
      padding: 10px; }
    .listRowlink .wide li.listLinkLarge {
      background: #ddd;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #fff), color-stop(0.8, #f2f2f2), color-stop(1, #eaeaea));
      background: -moz-linear-gradient(top, #fff 0, #fff 50%, #f2f2f2 80%, #eaeaea 100%); }
      .listRowlink .wide li.listLinkLarge span {
        display: block;
        border-bottom: 1px solid #fff; }
      .listRowlink .wide li.listLinkLarge a {
        padding: 12px 10px;
        font-weight: bold; }
    .listRowlink .wide li.identityList .image {
      left: 10px; }
  .listRowlink .title img,
  .listRowlink .blogImageList .title img {
    margin: 0 3px 0 1px;
    vertical-align: middle; }
  .listRowlink .listLink {
    background: #fff; }
    .listRowlink .listLink a {
      display: block;
      text-align: center;
      color: #777;
      padding: 10px 0;
      font-size: 12px; }
  .listRowlink .rankingUnit {
    width: 68px;
    margin-right: 8px;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto; }
    .listRowlink .rankingUnit p,
    .listRowlink .rankingUnit .authorImg {
      float: left; }
    .listRowlink .rankingUnit p {
      line-height: 44px;
      width: 24px; }
    .listRowlink .rankingUnit .authorImg {
      width: 42px;
      height: 42px; }
    .listRowlink .rankingUnit img {
      vertical-align: bottom; }
  .listRowlink .ranking {
    background: #ddd;
    color: #555;
    text-align: center;
    line-height: 1.8;
    font-size: .6em; }
    .listRowlink .ranking.gold, .listRowlink .ranking.silver, .listRowlink .ranking.bronze, .listRowlink .ranking.pickup {
      font-size: 1em; }
  .listRowlink dl {
    overflow: hidden; }
  .listRowlink .word,
  .listRowlink .menu {
    line-height: 1.25;
    font-size: 16px;
    font-weight: bold; }
  .listRowlink .title:only-child,
  .listRowlink .word:only-child {
    line-height: 20px; }
  .listRowlink .mixing {
    line-height: 1.25;
    font-size: 14px;
    font-weight: bold; }
    .listRowlink .mixing .linkBlue {
      font-size: 16px;
      font-weight: bold; }
  .listRowlink .title.mixing {
    font-weight: bold; }
  .listRowlink .contents {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap; }
  .listRowlink .subText {
    margin-top: 6px;
    color: #777;
    font-size: 12px;
    font-weight: bold; }
    .listRowlink .subText .icon16 {
      margin: 0; }
  .listRowlink .explanation,
  .listRowlink .user,
  .listRowlink .userSkin,
  .listRowlink .to {
    line-height: 1.3;
    color: #333;
    font-size: 14px; }
  .listRowlink .user,
  .listRowlink .userSkin {
    margin-bottom: 3px; }
  .listRowlink .explanation {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-top: 5px; }
    .listRowlink .explanation:only-child {
      line-height: 20px; }
  .listRowlink .to {
    margin-bottom: 6px; }
  .listRowlink .blogImage {
    display: table;
    margin-top: 8px; }
    .listRowlink .blogImage span {
      display: table-cell;
      width: 117px;
      height: 117px;
      padding: 6px;
      border-top: 1px solid #ddd;
      border-bottom: 1px solid #ddd;
      border-right: 1px solid #ddd;
      text-align: center;
      vertical-align: middle; }
      .listRowlink .blogImage span:first-child {
        border: 1px solid #ddd; }
      .listRowlink .blogImage span img {
        vertical-align: bottom; }
  .listRowlink .readMore {
    border-top: 4px solid #f7f7f7;
    margin-bottom: 10px;
    padding: 0 10px; }
    .listRowlink .readMore:after {
      display: block;
      clear: both;
      height: 0;
      content: ".";
      visibility: hidden; }
    .listRowlink .readMore a {
      display: block;
      float: right;
      margin-top: -4px;
      border: 4px solid #f7f7f7;
      border-top: 0;
      border-radius: 0 0 4px 4px;
      background: #fff;
      color: #383838; }
    .listRowlink .readMore span {
      display: block;
      position: relative;
      margin-top: -1px;
      padding: 0 2px 2px 2px;
      border: 1px solid #ddd;
      border-top: 0;
      border-radius: 0 0 2px 2px;
      background: #fff; }
      .listRowlink .readMore span span {
        display: block;
        position: relative;
        padding: 11px 8px;
        border: 0;
        background: #fff;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f7f7f7));
        background: -moz-linear-gradient(top, #fff, #f7f7f7);
        font-weight: 700; }
        .listRowlink .readMore span span span:first-child {
          padding: 0 0 0 17px;
          background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_more.png) no-repeat left 50%; }
    .listRowlink .readMore .close span span {
      padding: 11px 22px; }
      .listRowlink .readMore .close span span span:first-child {
        background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_more_close.png); }
  .listRowlink .error {
    margin: 0 10px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9c7c7), color-stop(0.5, #fff), color-stop(0.51, #fff), color-stop(1, #fff));
    background: -moz-linear-gradient(top, #f9c7c7 0, #fff 50%, #fff 80%, #fff 100%);
    border-top: 1px solid #ff8585;
    border-bottom: none; }
    .listRowlink .error li {
      margin: 0;
      border-top: none;
      border-bottom: 1px solid #ddd; }
      .listRowlink .error li:first-child {
        padding: 10px 0;
        border-top: 1px solid #fff;
        border-bottom: none;
        color: #ad0900;
        font-size: 14px;
        font-weight: bold; }
        .listRowlink .error li:first-child img {
          margin: 0 7px;
          background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/title_check.png) no-repeat;
          vertical-align: bottom; }
      .listRowlink .error li > a {
        padding: 10px 31px 10px 10px; }
  .listRowlink .noArrow li > a, .listRowlink .noArrow li.listLinkLarge a,
  .listRowlink .noArrow li .listInner {
    padding: 10px 0 10px 0;
    background: none; }
  .listRowlink .firstBorder li:first-child {
    border-top: 1px solid #ddd; }
  .listRowlink .lastBorder {
    margin-bottom: 10px;
    border-bottom: none; }
    .listRowlink .lastBorder.wide {
      border-bottom: 1px solid #ddd; }
      .listRowlink .lastBorder.wide li:last-child {
        border-bottom: none; }
    .listRowlink .lastBorder li:last-child {
      border-bottom: 1px solid #ddd; }

.listRowlink .explanation {
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; }
.listRowlink .subText {
  margin-top: 12px;
  font-weight: normal; }

.newArticle .listRowlink span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%; }

.popularArticle .otherRankingLink {
  margin: 8px 10px 8px 0;
  text-align: right; }
  .popularArticle .otherRankingLink a {
    font-size: .8em; }
.popularArticle .listRowlink li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex; }
.popularArticle .listRowlink dl {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto; }
  .popularArticle .listRowlink dl dt, .popularArticle .listRowlink dl dd {
    line-height: 1.3; }
  .popularArticle .listRowlink dl dt {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .popularArticle .listRowlink dl dd {
    font-size: .8em;
    margin-bottom: 4px; }
  .popularArticle .listRowlink dl .explanation {
    color: #777; }
  .popularArticle .listRowlink dl .author {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.popularArticle.newestVideoAritcle .thumbnail {
  position: relative;
  width: 72px;
  height: 52px;
  margin-right: 8px; }
  .popularArticle.newestVideoAritcle .thumbnail .playTime {
    position: absolute;
    bottom: 2px;
    right: 2px;
    padding: 0 2px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    font-size: .6em; }
.popularArticle.newestVideoAritcle .date {
  margin-bottom: 0;
  font-size: .6em;
  color: #777; }
.popularArticle.newestVideoAritcle .listLink {
  font-size: .8em; }
  .popularArticle.newestVideoAritcle .listLink a, .popularArticle.newestVideoAritcle .listLink a:visited {
    padding: 4px 0;
    color: #333; }
    .popularArticle.newestVideoAritcle .listLink a p, .popularArticle.newestVideoAritcle .listLink a:visited p {
      margin-bottom: 4px; }
.popularArticle.ysmtRankList .author {
  padding-right: 20px; }
.popularArticle.ysmtRankList .rnkChg {
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_rnkChg@2x.png) right 0 no-repeat;
  background-size: 16px; }
.popularArticle.ysmtRankList .rnkEven {
  background-position: right -200px; }
.popularArticle.ysmtRankList .rnkDown {
  background-position: right -100px; }
.popularArticle.ysmtRankList .author {
  padding-right: 20px; }
.popularArticle.ysmtRankList .rnkChg {
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_rnkChg@2x.png) right 0 no-repeat;
  background-size: 16px; }
.popularArticle.ysmtRankList .rnkEven {
  background-position: right -200px; }
.popularArticle.ysmtRankList .rnkDown {
  background-position: right -100px; }

@media screen and (orientation: portrait) {
  .popularArticle .listRowlink dl dt {
    width: 244px; } }
.ysmtNewArticleList a {
  display: block !important; }
.ysmtNewArticleList__list-link {
  position: relative; }
.ysmtNewArticleList__authorInfo {
  position: relative;
  margin-bottom: 8px;
  height: 32px; }
.ysmtNewArticleList__authorImg {
  width: 32px;
  height: 32px;
  overflow: hidden;
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center center; }
.ysmtNewArticleList__authorName {
  font-size: 12px;
  padding-left: 36px;
  line-height: 1.4; }
.ysmtNewArticleList__title {
  font-size: 14px;
  font-weight: bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.ysmtNewArticleList__lead {
  font-size: 12px;
  color: #555;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.ysmtNewArticleList__update {
  text-align: right;
  font-size: 10px;
  color: #777; }
.ysmtNewArticleList__articleImg {
  position: absolute;
  top: 0;
  right: 0;
  width: 116px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; }

@media screen and (orientation: portrait) {
  .ysmtNewArticleList__title,
  .ysmtNewArticleList__lead {
    width: 300px; }

  .ysmtNewArticleList__articleImg ~ .ysmtNewArticleList__title,
  .ysmtNewArticleList__articleImg ~ .ysmtNewArticleList__lead {
    width: 184px; } }
.infoTop {
  margin: 0 10px 10px;
  border-left: 1px solid #ffc027;
  border-right: 1px solid #ffc027; }
  .infoTop .listRowlink .wide li {
    border-top: none;
    border-bottom: 1px solid #ffc027;
    padding: 10px;
    font-size: 12px; }
    .infoTop .listRowlink .wide li a {
      color: #3c3c3c; }
  .infoTop .labelMain {
    border-color: #ffc027; }
    .infoTop .labelMain h2 {
      font-size: 12px;
      font-weight: bold;
      background: #ffc027;
      color: #fff; }

.priority a {
  display: block;
  margin: 0 10px 10px;
  padding: 11px 8px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #333 !important; }
.priority img {
  width: 16px;
  height: 16px;
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/priority_on.png) no-repeat; }
  .priority img.off {
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/priority_off.png) no-repeat; }

.menuExpand {
  position: relative;
  color: #333;
  background: #fff; }
  .menuExpand a.login_redirect {
    display: block; }
    .menuExpand a.login_redirect:link, .menuExpand a.login_redirect:visited, .menuExpand a.login_redirect:focus {
      color: #333; }
  .menuExpand .expandTitle {
    padding: 9px 7px;
    background: #fff;
    border-top: 1px solid #efefef;
    cursor: default;
    overflow: hidden; }
    .menuExpand .expandTitle:last-child {
      border-bottom: none; }
    .menuExpand .expandTitle p {
      padding-left: 24px;
      position: relative;
      font-size: 0.9em; }
      .menuExpand .expandTitle p:before, .menuExpand .expandTitle p:after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block; }
      .menuExpand .expandTitle p:before {
        background: #fff;
        border-radius: 50%;
        border: 2px solid #555;
        width: 16px;
        height: 16px;
        top: 50%;
        margin-top: -10px; }
      .menuExpand .expandTitle p:after {
        border: 6px solid transparent;
        border-left-color: #555;
        top: 50%;
        left: 7px;
        margin-top: -6px; }
    .menuExpand .expandTitle .loginInfo {
      display: inline-block;
      padding: 5px 8px;
      float: right;
      color: #333;
      font-weight: bold;
      font-size: 10px;
      background-color: #efefef;
      border-radius: 2px; }
  .menuExpand table {
    width: 100%;
    height: 27px; }
    .menuExpand table td.iconTd {
      width: 27px; }
      .menuExpand table td.iconTd:nth-child(2) {
        padding-right: 27px; }
  .menuExpand .icon {
    display: none;
    width: 27px;
    height: 27px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/btn_icon.png) no-repeat;
    text-indent: -9999px;
    overflow: hidden; }
  .menuExpand .text {
    padding-left: 7px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3; }
    .menuExpand .text span {
      padding-left: 10px;
      font-size: 12px;
      font-weight: normal; }
  .menuExpand .open .expandTitle {
    background: #64b0bf;
    color: #fff; }
    .menuExpand .open .expandTitle p:after {
      -moz-transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
      margin: -3px 0 0 -3px; }
    .menuExpand .open .expandTitle .icon {
      background-position: -121px -41px; }
  .menuExpand .open .expandContent {
    display: block; }
  .menuExpand .close .expandTitle .icon {
    background-position: -81px -41px; }
  .menuExpand .close .expandContent {
    display: none; }
  .menuExpand .disable p {
    opacity: .6; }
  .menuExpand .naviPaging {
    position: absolute;
    top: 10px;
    left: 7px;
    padding: 3px;
    background: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px; }

.topEenuExpand {
  margin: 0 10px 10px !important; }
  .topEenuExpand .toggleList {
    padding: 0 10px 6px;
    overflow: hidden; }
    .topEenuExpand .toggleList .title {
      float: left; }
  .topEenuExpand .expandTitle {
    padding: 0;
    border-top: none;
    background-color: #64b0bf;
    color: #fff; }
    .topEenuExpand .expandTitle p {
      margin-right: 10px;
      padding: 9px 12px;
      background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_arrow_white.png);
      background-repeat: no-repeat;
      background-size: 12px 50px;
      font-weight: bold;
      font-size: 12px; }
      .topEenuExpand .expandTitle p:before, .topEenuExpand .expandTitle p:after {
        display: none; }
  .topEenuExpand .open .expandTitle p {
    background-position: right -28px; }
  .topEenuExpand .close .expandTitle p {
    background-position: right 12px; }
  .topEenuExpand .toggleLink {
    border-bottom: none; }
  .topEenuExpand .wide {
    padding-bottom: 4px;
    border-left: 1px solid #64b0bf;
    border-right: 1px solid #64b0bf;
    border-bottom: 1px solid #64b0bf !important; }
    .topEenuExpand .wide li {
      border-bottom: none;
      font-size: 12px;
      color: #3c3c3c; }
      .topEenuExpand .wide li:first-child {
        padding-top: 10px; }
      .topEenuExpand .wide li .explanation {
        float: right;
        margin-top: 0;
        line-height: normal; }
        .topEenuExpand .wide li .explanation a {
          color: #3c3c3c;
          font-size: 12px; }

.commentArticle dl:last-child {
  margin-top: -1px; }

.userUpdate .listRowlink li:last-child {
  border: none; }
.userUpdate .errorText {
  color: #ffc027;
  font-size: 16px; }
.userUpdate .explanation {
  font-size: 14px;
  margin: 10px 10px 0; }

.favoriteEntry ul .entryList {
  border-bottom: 1px solid #efefef;
  position: relative;
  display: -webkit-box;
  display: flex; }
  .favoriteEntry ul .entryList:last-child {
    border-bottom: none; }
  .favoriteEntry ul .entryList .entryContent {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
    padding: 10px; }
    .favoriteEntry ul .entryList .entryContent dl dt {
      margin: 0 0 5px 0; }
      .favoriteEntry ul .entryList .entryContent dl dt p {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        line-height: 1.3em;
        font-size: 14px;
        color: #3c3c3c; }
    .favoriteEntry ul .entryList .entryContent dl dd {
      margin-top: 6px;
      color: #555;
      font-size: 12px; }
      .favoriteEntry ul .entryList .entryContent dl dd li {
        display: inline;
        border-bottom: none;
        color: #b3b3b3; }
    .favoriteEntry ul .entryList .entryContent .serviceIcon {
      position: absolute;
      top: 12px; }
  .favoriteEntry ul .entryList .favorite {
    width: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border-left: 1px dotted #ddd;
    text-indent: -9999px; }
    .favoriteEntry ul .entryList .favorite.on {
      background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_fav_entry_on.png") no-repeat center center;
      background-size: 26px 26px; }
    .favoriteEntry ul .entryList .favorite.off {
      background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_fav_entry_off.png") no-repeat center center;
      background-size: 26px 26px; }
.favoriteEntry .listMore {
  background: #f7f7f7;
  padding: 10px;
  display: block;
  border-bottom: 1px solid #ddd;
  text-align: center; }

.blogHistory {
  color: #333; }
  .blogHistory table {
    width: 100%;
    background: #fff;
    border-collapse: collapse; }
  .blogHistory th, .blogHistory td {
    font-size: .8em;
    border: 1px solid #ddd; }
  .blogHistory thead th, .blogHistory tbody th {
    background: #f7f7f7; }
  .blogHistory thead th.noBg {
    background: none; }
  .blogHistory tbody th {
    padding: 0 8px;
    text-align: left;
    white-space: nowrap; }
  .blogHistory tbody td {
    width: 50%;
    text-align: center; }

.menuPanelBg {
  position: absolute;
  top: 45px;
  padding-bottom: 5px;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5;
  z-index: 99;
  -webkit-tap-highlight-color: transparent; }

.navUnit .search {
  font-size: 12px; }
  .navUnit .search.category input, .navUnit .search.blog input {
    width: 30%; }
  .navUnit .search.category select, .navUnit .search.blog select {
    width: 112px; }
  .navUnit .search.category input {
    width: 25%; }
  .navUnit .search input {
    float: left;
    width: 38%;
    font-size: 16px; }
  .navUnit .search select {
    width: 70px;
    vertical-align: middle;
    padding: 2px 0; }
  .navUnit .search button {
    float: left;
    width: 70px;
    margin: 0;
    padding: 4px 2px 4px 0;
    background: #ffc027;
    border: 1px solid #777;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #ddd;
    color: #333;
    vertical-align: middle;
    font-weight: bold; }
    .navUnit .search button img {
      margin: 0 0 0 3px; }
  .navUnit .search .selectUnit {
    float: left;
    margin: 0 5px; }

.menuPanel {
  position: absolute;
  top: 46px;
  left: 0;
  width: 100%;
  z-index: 100;
  color: #333; }
  .menuPanel a:link, .menuPanel a:visited, .menuPanel a:focus {
    color: #333; }
  .menuPanel .navUnit {
    font-size: 12px;
    border-botom: 1px solid #777;
    background-color: #ceedf0;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); }
    .menuPanel .navUnit > ul {
      padding: 10px 5px; }
      .menuPanel .navUnit > ul li {
        display: inline-block;
        margin: 4px 0 10px 0;
        text-align: center;
        vertical-align: top;
        width: 72px; }
        .menuPanel .navUnit > ul li.setting .image {
          background-position: 0 0; }
        .menuPanel .navUnit > ul li.login .image {
          background-position: -36px 0; }
        .menuPanel .navUnit > ul li.logout .image {
          background-position: -72px 0; }
        .menuPanel .navUnit > ul li.start .image {
          background-position: -108px 0; }
        .menuPanel .navUnit > ul li.setFavorite .image {
          background-position: -144px 0; }
        .menuPanel .navUnit > ul li.removeFavorite .image {
          background-position: -180px 0; }
        .menuPanel .navUnit > ul li.removeArticle .image {
          background-position: -216px 0; }
        .menuPanel .navUnit > ul li.ramdom .image {
          background-position: -252px 0; }
        .menuPanel .navUnit > ul li.adminFriend .image {
          background-position: -288px 0; }
        .menuPanel .navUnit > ul li.adminFavorite .image {
          background-position: -324px 0; }
        .menuPanel .navUnit > ul li.writeArticle .image {
          background-position: -360px 0; }
        .menuPanel .navUnit > ul li.writeArticleMail .image {
          background-position: -396px 0; }
        .menuPanel .navUnit > ul li.editArticle .image {
          background-position: -432px 0; }
        .menuPanel .navUnit > ul li.setBlogLink .image {
          background-position: -468px 0; }
        .menuPanel .navUnit > ul li.removeBlogLink .image {
          background-position: -504px 0; }
        .menuPanel .navUnit > ul li.writeNewArticle .image {
          background-position: -540px 0; }
        .menuPanel .navUnit > ul li.writeNewMail .iamge {
          background-position: -576px 0; }
        .menuPanel .navUnit > ul li.myBlog .image {
          background-position: -612px 0; }
        .menuPanel .navUnit > ul li .image {
          display: block;
          margin: 0 auto 5px;
          width: 36px;
          height: 30px;
          background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_header_menu_03.png") 0 0 no-repeat; }
          @media screen and (-webkit-min-device-pixel-ratio: 2) {
            .menuPanel .navUnit > ul li .image {
              background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/ico_header_menu_03_l-1.0.0.png") 0 0 no-repeat;
              -webkit-background-size: auto 30px; } }
        .menuPanel .navUnit > ul li .text .icon16 {
          width: 12px;
          height: 12px;
          margin: 0 0 0 2px; }
      .menuPanel .navUnit > ul .yid {
        display: block;
        width: auto;
        text-align: left;
        padding: 0 2px;
        font-size: 1.2em; }
    .menuPanel .navUnit form {
      padding: 10px; }
    .menuPanel .navUnit .iconInfo {
      display: block;
      text-align: right;
      margin: 0 10px 7px; }
      .menuPanel .navUnit .iconInfo img.iconPc12 {
        margin: 0 3px; }
  .menuPanel .mypageMenu > ul {
    display: table;
    width: 100%; }
    .menuPanel .mypageMenu > ul li {
      display: table-cell;
      width: 35%;
      text-align: center;
      margin-right: 10px;
      padding-right: 20px; }
      .menuPanel .mypageMenu > ul li:last-child {
        width: 65%;
        padding-right: 0; }
      .menuPanel .mypageMenu > ul li a, .menuPanel .mypageMenu > ul li span {
        display: block;
        margin: 0 auto;
        padding: 8px 2px 8px 0;
        background: #f7f7f7;
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
        background: -moz-linear-gradient(center top, #fff, #ddd);
        border: 1px solid #ddd;
        border-radius: 5px;
        font-size: 12px;
        color: #333;
        z-index: 100; }
      .menuPanel .mypageMenu > ul li span {
        color: #ddd; }
  .menuPanel .mypageMenu textarea {
    width: 100%;
    height: 9em;
    background: #fff url(https://s.yimg.jp/images/blog/smartphone/v2/img/placeholder_tweet.png) no-repeat 10px 10px; }
  .menuPanel .mypageMenu .placeholder {
    display: none; }
  .menuPanel .mypageMenu .selectUnit {
    text-align: center; }
    .menuPanel .mypageMenu .selectUnit select {
      width: 100%; }
  .menuPanel .mypageMenu .submitButton {
    margin: 20px 0 5px;
    text-align: center; }
    .menuPanel .mypageMenu .submitButton button {
      width: 150px;
      margin: 0 auto;
      padding: 5px 2px 5px 0;
      background: #333;
      background: -webkit-gradient(linear, left top, left bottom, from(#777), to(#333));
      background: -moz-linear-gradient(center top, #777, #333);
      border: 1px solid #ddd;
      border-radius: 5px;
      font-size: 16px;
      color: #fff; }
      .menuPanel .mypageMenu .submitButton button:disabled {
        background: #777;
        background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#777));
        background: -moz-linear-gradient(center top, #ddd, #777);
        color: #ddd; }
  .menuPanel .mypageMenu .errorText {
    color: #ad0900;
    margin: 5px 0;
    font-size: 12px; }

.mypageActionMenu, .myblogActionMenu {
  display: -webkit-box;
  display: -moz-box;
  padding: 0 10px;
  margin-bottom: 10px; }
  .mypageActionMenu li, .myblogActionMenu li {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    width: 9999px;
    border: 1px solid #64b0bf;
    border-bottom-width: 2px;
    background: #fff;
    border-radius: 4px;
    margin-right: 10px; }
    .mypageActionMenu li:last-child, .myblogActionMenu li:last-child {
      margin-right: 0; }
    .mypageActionMenu li:active, .myblogActionMenu li:active {
      position: relative;
      top: 1px;
      border-bottom-width: 1px; }
    .mypageActionMenu li a, .myblogActionMenu li a {
      display: block;
      padding: 6px 0; }
    .mypageActionMenu li .image, .myblogActionMenu li .image {
      width: 34px;
      height: 34px;
      margin: 0 auto;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_header_menu_03_l-1.0.0.png) no-repeat;
      background-size: auto 30px; }
    .mypageActionMenu li p, .myblogActionMenu li p {
      text-align: center;
      color: #318290;
      font-size: 10px;
      line-height: 1; }
  .mypageActionMenu .writeArticle .image, .myblogActionMenu .writeArticle .image {
    background-position: -362px 0; }
  .mypageActionMenu .myBlog .image, .myblogActionMenu .myBlog .image {
    background-position: -612px 0; }
  .mypageActionMenu .analytics .image, .myblogActionMenu .analytics .image {
    background-position: -651px 0; }

.myblogActionMenu {
  margin-bottom: 0; }
  .myblogActionMenu .mailPost .image {
    width: 36px;
    background-position: -396px 0; }

.ysmtNav {
  margin: 0 0 10px;
  background: #fff;
  border-top: 4px solid #fc0;
  box-shadow: 0 1px 4px #ddd; }
  .ysmtNav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex; }
  .ysmtNav__list-item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    width: 100%; }
    .ysmtNav__list-item:last-child {
      border-right: none; }
  .ysmtNav__buttonLink {
    display: block;
    padding: 4px 0; }
  .ysmtNav__icon {
    width: 28px;
    height: 28px;
    margin: 0 auto;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ysmtNav_icons-1.1.1.png) no-repeat;
    background-size: 112px 112px; }
    .ysmtNav__icon--ysmtTop {
      background-position: 0 0; }
    .ysmtNav__icon--newArticle {
      background-position: -28px -28px; }
    .ysmtNav__icon--talentList {
      background-position: -56px -56px; }
    .ysmtNav__icon--ranking {
      background-position: -84px -84px; }
  .ysmtNav__linkText {
    text-align: center;
    font-size: 10px;
    color: #333; }

.searchArticle,
.searchArticlePage {
  margin: 8px; }
  .searchArticle form,
  .searchArticlePage form {
    position: relative; }
  .searchArticle button,
  .searchArticlePage button {
    position: absolute;
    right: 0;
    top: 0;
    width: 64px;
    min-height: 33px;
    margin: 0;
    padding: 4px 2px 4px 0;
    border: none;
    border-radius: 0 5px 5px 0;
    background: #64b0bf;
    line-height: 30px;
    color: #fff;
    vertical-align: middle;
    font-weight: bold;
    font-size: 14px; }
  .searchArticle .input,
  .searchArticlePage .input {
    padding: 0; }
    .searchArticle .input input,
    .searchArticlePage .input input {
      height: 24px;
      padding: 5px 4px 5px 30px;
      border: 2px solid #64b0bf;
      border-right: 0;
      border-radius: 5px 0 0 5px;
      line-height: 24px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_search2x-2.0.1.png) no-repeat 9px 8px #fff;
      background-size: 17px 16px; }
  .searchArticle .searchBox,
  .searchArticlePage .searchBox {
    padding: 0 100px 0 0; }
  .searchArticle .selectUnit,
  .searchArticlePage .selectUnit {
    position: absolute;
    right: 0;
    top: 0;
    margin: 0 5px; }

.searchArticlePage {
  padding: 10px;
  background: #fff; }
  .searchArticlePage form {
    padding: 0; }

.skinArea > .imageSpacer {
  display: block;
  min-height: 77px; }
.skinArea .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 5px; }
  .skinArea .title a {
    display: block;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline; }
  .skinArea .title .favEntryBtn {
    width: 60px;
    padding: 2px 4px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    border: none;
    border-left: 1px dotted #ddd;
    background: rgba(255, 255, 255, 0.6); }
    .skinArea .title .favEntryBtn .favBtnLabel {
      display: block;
      padding: 18px 0 0 0;
      font-size: 10px;
      font-weight: normal;
      color: #555;
      background-size: 16px 16px;
      background-repeat: no-repeat;
      background-position: center top; }
  .skinArea .title .favoriteEntryOn .favBtnLabel {
    background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_fav_entry_on.png); }
  .skinArea .title .favoriteEntryOff .favBtnLabel {
    background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_fav_entry_off.png); }
.skinArea .headerWrapper {
  position: relative; }
  .skinArea .headerWrapper .vitalityNav {
    position: absolute;
    top: 30px;
    right: 10px;
    width: 118px;
    padding: 0 2px 3px;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 7px;
    box-shadow: 0 2px 2px #ddd;
    text-align: center; }
    .skinArea .headerWrapper .vitalityNav .text {
      color: #333;
      font-size: 12px;
      font-weight: bold; }
    .skinArea .headerWrapper .vitalityNav ul {
      display: table;
      width: 100%;
      margin-top: 3px; }
    .skinArea .headerWrapper .vitalityNav li {
      display: table-cell;
      text-align: center; }
      .skinArea .headerWrapper .vitalityNav li a, .skinArea .headerWrapper .vitalityNav li em {
        display: inline-block;
        margin: 0 5px;
        padding: 4px 15px 4px 12px;
        background: #ddd;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.49, #fff), color-stop(0.5, #f3f1f1), color-stop(1, #cecece));
        background: -moz-linear-gradient(top, #fff 0, #fff 49%, #f3f1f1 50%, #cecece 100%);
        border: 1px solid #ddd;
        border-radius: 5px;
        box-shadow: 0px 0px 2px #ddd;
        text-align: center;
        font-size: 12px; }
        .skinArea .headerWrapper .vitalityNav li a span, .skinArea .headerWrapper .vitalityNav li em span {
          display: block;
          width: 14px;
          height: 17px;
          margin: auto;
          background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_vitality.png) no-repeat 0 0;
          text-indent: -9999px; }
      .skinArea .headerWrapper .vitalityNav li em {
        background: #ddd;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e1e1e1), color-stop(0.49, #e1e1e1), color-stop(0.5, #d9d9d9), color-stop(1, #c3c3c3));
        background: -moz-linear-gradient(top, #e1e1e1 0, #e1e1e1 49%, #d9d9d9 50%, #c3c3c3 100%); }
      .skinArea .headerWrapper .vitalityNav li a.pageRight,
      .skinArea .headerWrapper .vitalityNav li em.pageRight {
        padding: 4px 12px 4px 15px; }
        .skinArea .headerWrapper .vitalityNav li a.pageRight span,
        .skinArea .headerWrapper .vitalityNav li em.pageRight span {
          background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_vitality.png) no-repeat -14px 0; }
.skinArea .articleHeader {
  display: block; }
  .skinArea .articleHeader h1 {
    padding: 3px 10px;
    background-color: #fff;
    color: #333;
    border-bottom: 1px solid #d9dde3; }
  .skinArea .articleHeader .image {
    display: block;
    position: relative; }
.skinArea .article .metaInfo {
  margin: 4px 10px; }
  .skinArea .article .metaInfo li {
    float: left; }
  .skinArea .article .metaInfo .date {
    font-size: .6em; }
  .skinArea .article .metaInfo .library {
    float: right;
    max-width: 56%; }
    .skinArea .article .metaInfo .library a {
      display: block;
      padding: 0 8px 2px 8px;
      border-radius: 4px;
      border: 1px solid #ddd;
      background: rgba(255, 255, 255, 0.2); }
    .skinArea .article .metaInfo .library .library16 {
      display: inline-block;
      text-indent: -9999px;
      line-height: 1;
      vertical-align: middle; }
    .skinArea .article .metaInfo .library .folderName {
      font-size: .7em; }
.skinArea .article .title {
  margin-bottom: 10px; }
  .skinArea .article .title span {
    display: block;
    -webkit-box-flex: 1;
    flex: 1;
    padding: 3px 10px;
    font-size: 20px;
    font-weight: bold; }
.skinArea .article .headInfo .buttonSmall {
  float: left;
  margin: 10px; }
  .skinArea .article .headInfo .buttonSmall p {
    width: 7em; }
  .skinArea .article .headInfo .buttonSmall img.iconPc12 {
    margin: 0 0 0 5px; }
.skinArea .article .headInfo .button.edit, .skinArea .article .headInfo .button.remove {
  float: left;
  margin: 10px 0 10px 10px; }
  .skinArea .article .headInfo .button.edit p, .skinArea .article .headInfo .button.remove p {
    width: 50px;
    font-weight: bold;
    font-size: 12px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background-color: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), to(#f7f7f7));
    box-shadow: 0px 0px 1px #f7f7f7; }
    .skinArea .article .headInfo .button.edit p a, .skinArea .article .headInfo .button.remove p a {
      display: block;
      padding: 5px 2px;
      line-height: 18px;
      border: 1px solid #fff;
      border-top: none;
      border-radius: 3px;
      color: #333;
      text-align: center; }
      .skinArea .article .headInfo .button.edit p a span, .skinArea .article .headInfo .button.remove p a span {
        line-height: 18px;
        color: #333;
        text-align: center; }
.skinArea .article .headInfo .button.remove {
  margin: 10px; }
.skinArea .article .main,
.skinArea .article .reprinted {
  display: block;
  margin: 0 10px 10px; }
.skinArea .article .main {
  line-height: 1.5; }
  .skinArea .article .main a {
    text-decoration: underline; }
.skinArea .article .reprinted {
  font-size: 14px;
  text-align: right; }
.skinArea .article .image {
  display: block;
  padding: 0 10px 10px;
  text-align: center; }
  .skinArea .article .image img {
    height: auto;
    max-width: 100%;
    margin: 0 auto; }
.skinArea .article .embed embed {
  max-width: 300px;
  margin: 0 auto; }
.skinArea .article .menuExpand {
  background: #fff; }
.skinArea .article .expandContent img {
  vertical-align: middle; }
.skinArea .category {
  margin-bottom: 10px; }
  .skinArea .category li {
    float: left;
    font-size: 10px;
    margin: 0 0 10px 10px; }
    .skinArea .category li:after {
      content: " >"; }
    .skinArea .category li:last-child:after {
      content: ""; }
    .skinArea .category li a {
      display: inline-block;
      border-radius: 4px;
      box-shadow: 0 1px 1px #ddd;
      padding: 2px 4px;
      background: rgba(255, 255, 255, 0.2); }
      .skinArea .category li a.categoryTop {
        padding: 2px 8px; }
      .skinArea .category li a.thisCategory {
        border-color: #ddd;
        background: rgba(255, 255, 255, 0.5); }
.skinArea .profile {
  padding: 10px;
  font-size: 14px; }
  .skinArea .profile--official {
    background: #fff;
    color: #333;
    padding: 20px 0 0 0; }
  .skinArea .profile .word {
    margin-bottom: 10px; }
  .skinArea .profile .image {
    float: left;
    margin-right: 10px;
    background: #fff;
    border: 1px solid #ddd; }
    .skinArea .profile .image img {
      vertical-align: bottom; }
    .skinArea .profile .image table, .skinArea .profile .image td {
      padding: 0;
      border-collapse: collapse; }
  .skinArea .profile dl {
    overflow: hidden; }
  .skinArea .profile dt .officialImage {
    vertical-align: middle; }
  .skinArea .profile dd .text {
    float: left;
    margin-right: 5px; }
.skinArea .posBlogIM dd.explanation, .skinArea .posBlogIM dd.url {
  color: inherit; }
.skinArea .footerBlogMenu .title {
  margin-bottom: 0; }
.skinArea .userSettingTitle span + a {
  padding-left: 0; }
.skinArea .articleRank .title,
.skinArea .ysmtRank .title {
  margin-bottom: 0; }
.skinArea .userSetting .title {
  margin-bottom: 0; }
  .skinArea .userSetting .title span {
    font-size: 16px; }

/* 記事投稿スキン画像非表示 */
.myblogWrite .skinArea .image {
  display: none; }

.officialAuthor {
  text-align: center;
  position: relative;
  margin-bottom: 10px; }
  .officialAuthor__img {
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 10px;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain; }
  .officialAuthor__name {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4; }
  .officialAuthor__label {
    font-size: 12px;
    color: #cfac79;
    font-weight: bold; }

.officialSubInfo {
  background: #f7f7f7;
  padding: 10px 10px 20px 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 1px #ddd; }
  .officialSubInfo__blogTitle {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 4px; }
  .officialSubInfo__oneMsg {
    font-size: 12px;
    line-height: 1.4;
    color: #777;
    margin-bottom: 20px; }
  .officialSubInfo__favButton {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #f7931e;
    border-bottom-width: 2px;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    padding: 6px 0;
    text-align: center; }
    .officialSubInfo__favButton:active {
      position: relative;
      top: 1px;
      border-bottom-width: 1px;
      margin-bottom: 21px; }
  .officialSubInfo__buttonText {
    display: block;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 20px;
    line-height: 18px;
    background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/spnSocialIcons72.png);
    background-repeat: no-repeat;
    background-size: 54px 54px;
    background-position: 0 0; }

.officialTwitter__title {
  padding-left: 24px;
  margin-bottom: 10px;
  line-height: 20px;
  color: #555;
  background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/share_tw_128.png);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 0 0; }
.officialTwitter__list-item {
  margin-bottom: 10px; }
  .officialTwitter__list-item:last-child {
    margin-bottom: 0; }
.officialTwitter__link {
  color: #383838 !important; }
  .officialTwitter__link:link {
    color: #383838 !important; }
  .officialTwitter__link:visited {
    color: #383838 !important; }

.ratingSmall {
  margin: 5px 10px;
  overflow: hidden; }
  .ratingSmall div {
    float: left;
    height: 15px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_star.png) no-repeat;
    vertical-align: bottom;
    text-indent: -9999px;
    overflow: hidden; }
  .ratingSmall span {
    display: block;
    float: left;
    padding: 2px 0 0 3px;
    font-size: 13px; }
    .ratingSmall span.before {
      color: #ddd; }
  .ratingSmall em {
    font-weight: bold;
    color: #64b0bf; }
  .ratingSmall .rate10 {
    width: 180px; }
  .ratingSmall .rate5 {
    width: 90px; }
  .ratingSmall .star0 {
    background-position: -180px -100px; }
  .ratingSmall .star0_5 {
    background-position: -162px -120px; }
  .ratingSmall .star1 {
    background-position: -162px -100px; }
  .ratingSmall .star1_5 {
    background-position: -144px -120px; }
  .ratingSmall .star2 {
    background-position: -144px -100px; }
  .ratingSmall .star2_5 {
    background-position: -126px -120px; }
  .ratingSmall .star3 {
    background-position: -126px -100px; }
  .ratingSmall .star3_5 {
    background-position: -108px -120px; }
  .ratingSmall .star4 {
    background-position: -108px -100px; }
  .ratingSmall .star4_5 {
    background-position: -90px -120px; }
  .ratingSmall .star5 {
    background-position: -90px -100px; }
  .ratingSmall .before {
    background-position: 0 -140px; }

.myblogExpandList dl {
  margin: 10px 0; }
.myblogExpandList button[type="button"].remove {
  background: #f7f7f7;
  color: #ad0900;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 10px;
  padding: 4px; }
  .myblogExpandList button[type="button"].remove a {
    color: #ad0900; }
.myblogExpandList .buttonArea {
  text-align: right; }

.articleMainExpandList dl:last-child {
  margin: -1px 0 -1px; }
.articleMainExpandList .commentForm .placeholder {
  display: none; }
.articleMainExpandList .openSpnComment,
.articleMainExpandList .openSpnTrackback {
  text-align: center;
  background: #f7f7f7;
  border-bottom: 1px solid #ddd; }
  .articleMainExpandList .openSpnComment a,
  .articleMainExpandList .openSpnTrackback a {
    display: block;
    padding: 15px 0;
    color: #383838 !important; }
  .articleMainExpandList .openSpnComment .loadingImg,
  .articleMainExpandList .openSpnTrackback .loadingImg {
    display: none;
    padding: 13px 0 12px 0; }

.moreLink {
  margin: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  .moreLink .guestBook a {
    display: block;
    padding: 10px 0;
    text-align: center; }

.myblogEmptyImage {
  width: 320px;
  height: 145px;
  margin: 10px auto 10px;
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/mypage_empty_image.png) no-repeat 0 0;
  text-indent: -9999px; }

.myblogInfoImage {
  width: 320px;
  height: 104px;
  margin: 0 auto 10px;
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/mypage_info_image.png) no-repeat 0 0;
  text-indent: -9999px; }

.articleList .listRowlink ul.wide {
  border-bottom: 1px solid #ddd; }
  .articleList .listRowlink ul.wide:last-child {
    border-bottom: 0; }

.naviPaging + .articleList {
  border-top: 1px solid #ddd; }

.footerBlogMenu {
  background: #f7f7f7; }
  .footerBlogMenu h3 {
    padding: 13px;
    background: #64b0bf;
    text-align: center;
    font-weight: bold;
    color: #fff; }
  .footerBlogMenu .blogSearch {
    padding: 10px; }
    .footerBlogMenu .blogSearch input[type="text"] {
      margin-right: 4px;
      width: 65%; }

.closeupNav ul {
  position: relative;
  width: 100%;
  display: table;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  font-weight: bold;
  background: #f9c7c7; }
.closeupNav li {
  float: left;
  display: table;
  width: 50%;
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_separate_nav.png) repeat-y right 0; }
  .closeupNav li:last-child {
    background: none; }
    .closeupNav li:last-child .arrow {
      left: inherit;
      right: 5px;
      margin: 0 0 0 10px; }
    .closeupNav li:last-child .arrow span {
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_blue_next_l_narrow.png) no-repeat right center; }
    .closeupNav li:last-child .disable .arrow span {
      background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_gray_next_l_narrow.png); }
  .closeupNav li a, .closeupNav li:empty:after {
    display: table-cell;
    height: 50px;
    padding: 5px 32px;
    font-size: 12px;
    vertical-align: middle; }
  .closeupNav li a,
  .closeupNav li .disable {
    color: #333; }
  .closeupNav li:empty:after {
    content: ".";
    visibility: hidden; }
  .closeupNav li .disable {
    display: table-cell;
    height: 50px;
    padding: 5px 32px;
    font-size: 12px;
    vertical-align: middle; }
    .closeupNav li .disable,
    .closeupNav li .disable .arrow {
      background: #f9c7c7;
      color: #ddd; }
      .closeupNav li .disable span,
      .closeupNav li .disable .arrow span {
        background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_gray_next_r_narrow.png); }
  .closeupNav li .arrow {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 12px;
    height: 50px;
    padding: 0 3px;
    background: #f9c7c7; }
    .closeupNav li .arrow span {
      display: block;
      height: 50px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_blue_next_r_narrow.png) no-repeat right center; }

.articleNav .pagingWrapper {
  position: relative;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
.articleNav a {
  display: -webkit-box;
  display: -moz-box;
  height: 40px;
  float: left; }
@-moz-document url-prefix() {
  .articleNav a {
    float: none; } }
.articleNav .paging {
  width: 50%; }
  .articleNav .paging .arrow,
  .articleNav .paging .articleTitleWrapper {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    position: relative; }
    .articleNav .paging .arrow .thumbnail,
    .articleNav .paging .articleTitleWrapper .thumbnail {
      position: absolute;
      top: 0;
      width: 38px;
      height: 38px;
      background-size: cover;
      border: 1px solid #ddd; }
    .articleNav .paging .arrow p,
    .articleNav .paging .articleTitleWrapper p {
      height: 30px;
      line-height: 16px;
      font-size: .7em; }
  .articleNav .paging .arrow {
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    width: 15px;
    border: 1px solid #ddd;
    border-radius: 3px; }
    .articleNav .paging .arrow span {
      display: block;
      height: 40px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_blue_next_r_narrow.png) no-repeat center center; }
  .articleNav .paging.prev {
    padding: 5px 0 5px 5px; }
    .articleNav .paging.prev .thumbnail {
      left: 4px; }
  .articleNav .paging.next {
    padding: 5px 5px 5px 0; }
    .articleNav .paging.next .thumbnail {
      left: 30px; }
  .articleNav .paging.empty.prev {
    float: left; }
.articleNav .blogTopLink {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -21px;
  padding: 5px 0; }
  .articleNav .blogTopLink img {
    padding: 5px;
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #ddd;
    border-radius: 5px; }
.articleNav .prev {
  margin-right: -10px; }
  .articleNav .prev p {
    padding: 5px 30px 5px 5px; }
    .articleNav .prev p.hasImage {
      padding-left: 48px; }
.articleNav .next p {
  padding: 5px 5px 5px 44px; }
  .articleNav .next p.hasImage {
    padding-left: 78px; }
.articleNav .next .arrow span {
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_blue_next_l_narrow.png) no-repeat center center; }

.commentForm {
  padding: 10px;
  background: #64b0bf;
  font-size: 14px; }
  .commentForm dl {
    display: table;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 10px; }
    .commentForm dl.faithMark ul, .commentForm dl.acl ul {
      display: table;
      width: 100%;
      border: 1px solid #777;
      background: #ddd;
      border-radius: 5px; }
    .commentForm dl.faithMark li, .commentForm dl.acl li {
      display: table-cell;
      width: 25%;
      text-align: center; }
    .commentForm dl.faithMark {
      padding-right: 0; }
      .commentForm dl.faithMark dt, .commentForm dl.faithMark dd {
        display: block;
        margin-bottom: 7px; }
      .commentForm dl.faithMark dt {
        width: auto; }
      .commentForm dl.faithMark li {
        padding: 4px; }
        .commentForm dl.faithMark li.current {
          background: #f7931e; }
    .commentForm dl.acl ul {
      width: 150px; }
    .commentForm dl.acl li {
      width: 50%;
      padding: 5px;
      color: #777; }
      .commentForm dl.acl li.current {
        background: #383838;
        color: #fff; }
  .commentForm dt, .commentForm dd {
    display: table-cell;
    vertical-align: middle; }
  .commentForm dt {
    width: 90px;
    margin-right: 10px;
    color: #333; }
  .commentForm input {
    width: 100%; }
  .commentForm textarea {
    width: 100%;
    height: 9em; }
  .commentForm .textarea {
    position: relative;
    margin-bottom: 10px;
    background-color: #fff; }
  .commentForm .submitButton {
    text-align: center;
    margin-bottom: 15px; }
    .commentForm .submitButton button {
      width: 140px;
      margin: 0 auto;
      padding: 4px 2px 4px 0;
      background: #f7f7f7;
      border: 1px solid #777;
      border-bottom-width: 2px;
      border-radius: 4px;
      font-size: 16px; }
  .commentForm .formTitle p {
    color: #fff; }
  .commentForm .nickname dt, .commentForm .nickname dd {
    float: left; }
  .commentForm .explanation p {
    margin-bottom: 10px; }

.commentView li,
.guestbookContent li {
  position: relative; }
  .commentView li .listInner,
  .guestbookContent li .listInner {
    color: inherit; }
    .commentView li .listInner dl,
    .guestbookContent li .listInner dl {
      color: #333; }
      .commentView li .listInner dl.skinListBg,
      .guestbookContent li .listInner dl.skinListBg {
        color: inherit; }
.commentView dl.skinListBg,
.guestbookContent dl.skinListBg {
  margin-bottom: 3px; }
  .commentView dl.skinListBg .subText,
  .guestbookContent dl.skinListBg .subText {
    color: inherit; }
.commentView .listRowlink dl .user a,
.guestbookContent .listRowlink dl .user a {
  color: #383838; }
.commentView .listRowlink .user,
.commentView .listRowlink .userSkin,
.guestbookContent .listRowlink .user,
.guestbookContent .listRowlink .userSkin {
  font-size: 16px; }
  .commentView .listRowlink .user img,
  .commentView .listRowlink .userSkin img,
  .guestbookContent .listRowlink .user img,
  .guestbookContent .listRowlink .userSkin img {
    margin-right: 5px;
    vertical-align: middle; }
.commentView .listRowlink .userSkin,
.guestbookContent .listRowlink .userSkin {
  color: inherit; }
.commentView .listInner.column,
.guestbookContent .listInner.column {
  padding: 0 !important;
  position: relative; }
  .commentView .listInner.column dt,
  .guestbookContent .listInner.column dt {
    padding: 10px 10px 0; }
  .commentView .listInner.column dd,
  .guestbookContent .listInner.column dd {
    padding: 0 10px; }
    .commentView .listInner.column dd:last-child,
    .guestbookContent .listInner.column dd:last-child {
      padding: 0 10px 10px; }
  .commentView .listInner.column .comment,
  .guestbookContent .listInner.column .comment {
    line-height: 1.5; }
  .commentView .listInner.column .subText,
  .guestbookContent .listInner.column .subText {
    margin-top: 15px; }
  .commentView .listInner.column .button,
  .guestbookContent .listInner.column .button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    border-left: none; }
    .commentView .listInner.column .button a,
    .guestbookContent .listInner.column .button a {
      font-size: .8em;
      border: 1px solid #ddd;
      border-radius: 4px;
      display: block;
      padding: 4px 8px;
      background: #f7f7f7;
      color: #333; }
    .commentView .listInner.column .button.approve, .commentView .listInner.column .button.edit,
    .guestbookContent .listInner.column .button.approve,
    .guestbookContent .listInner.column .button.edit {
      right: 72px; }
    .commentView .listInner.column .button.remove a,
    .guestbookContent .listInner.column .button.remove a {
      color: #ad0900; }
    .commentView .listInner.column .button.approve a,
    .guestbookContent .listInner.column .button.approve a {
      color: #383838; }
  .commentView .listInner.column .approveMark,
  .guestbookContent .listInner.column .approveMark {
    display: block;
    height: 16px; }
    .commentView .listInner.column .approveMark span,
    .guestbookContent .listInner.column .approveMark span {
      display: inline-block;
      position: absolute;
      top: 5px;
      left: 10px;
      padding: 2px 3px 1px;
      border: 1px solid #777;
      color: #777;
      font-size: 12px;
      line-height: 12px; }
.commentView .user.titleBg,
.guestbookContent .user.titleBg {
  display: table;
  padding: 8px !important;
  vertical-align: middle; }
.commentView .title.titleBg,
.guestbookContent .title.titleBg {
  padding: 5px 8px; }

.guestbookContent dl.skinListBg .subText {
  padding-top: 10px !important;
  margin-top: 0 !important; }
.guestbookContent .listInner.column img {
  height: auto;
  max-width: 100%;
  margin: 0 auto; }
.guestbookContent .listInner.column embed {
  max-width: 300px;
  margin: 0 auto; }
.guestbookContent .listInner.column .button {
  bottom: 18px; }
.guestbookContent .userSkin.titleBg {
  padding-bottom: 10px !important;
  margin-bottom: 0; }

.actionPanel {
  left: 10%;
  width: 80%;
  padding: 15px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.6);
  border: 2px solid #ddd;
  radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
  text-align: center; }
  .actionPanel.actionInfoLink {
    position: relative; }
    .actionPanel.actionInfoLink button.submit {
      display: block;
      width: 110px;
      margin: 10px auto 0;
      background: #555;
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8f8f8f), color-stop(0.49, #565656), color-stop(0.5, #3f3f3f), color-stop(1, #424242));
      background: -moz-linear-gradient(top, #8f8f8f 0, #565656 49%, #3f3f3f 50%, #424242 100%);
      color: #fff;
      cursor: pointer; }
      .actionPanel.actionInfoLink button.submit:first-child {
        margin: 5px auto 0; }
    .actionPanel.actionInfoLink .blockUnit {
      display: block;
      margin-bottom: 10px;
      text-align: left;
      line-height: 1.2; }
    .actionPanel.actionInfoLink .buttonUnit {
      display: block;
      text-align: center; }
    .actionPanel.actionInfoLink .close {
      display: block;
      position: absolute;
      top: 7px;
      right: 7px;
      width: 23px;
      height: 23px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/btn_panel_close.png) no-repeat 0 0;
      text-indent: -9999px; }
  .actionPanel button.submit, .actionPanel button.cancel {
    width: 90px;
    margin: 20px 7px 0;
    padding: 4px 0 4px 0;
    background: #ddd;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.49, #fff), color-stop(0.5, #f3f1f1), color-stop(1, #cecece));
    background: -moz-linear-gradient(top, #fff 0, #fff 49%, #f3f1f1 50%, #cecece 100%);
    border: 1px solid #555;
    border-radius: 5px;
    box-shadow: 0 0 2px #ddd;
    font-size: 12px; }
  .actionPanel button.cancel {
    background: #555;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8f8f8f), color-stop(0.49, #565656), color-stop(0.5, #3f3f3f), color-stop(1, #424242));
    background: -moz-linear-gradient(top, #8f8f8f 0, #565656 49%, #3f3f3f 50%, #424242 100%);
    color: #fff; }
  .actionPanel input {
    width: 180px; }
  .actionPanel .text {
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 1.5; }
  .actionPanel .input {
    display: block;
    margin-top: 5px; }
  .actionPanel .column {
    width: 228px;
    margin: 0 auto; }
    .actionPanel .column .image {
      display: block;
      float: left;
      width: 64px;
      height: 55px;
      margin-right: 6px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/panel_panmi.png) no-repeat 0 0; }
    .actionPanel .column .text {
      overflow: hidden;
      padding-top: 10px; }
  .actionPanel .loading {
    display: block;
    width: 218px;
    height: 12px;
    margin: 10px auto 0;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/panel_loading.gif) no-repeat 0 0; }

.posBlogIM {
  width: auto !important;
  margin: 10px 9px;
  border: 1px solid #ddd; }
  .posBlogIM p {
    padding: 4px 6px;
    border-bottom: 1px solid #ddd;
    text-align: right;
    font-size: 14px; }
  .posBlogIM a:last-child dl {
    border-bottom: none; }
  .posBlogIM a.linkBlue {
    color: #383838 !important; }
  .posBlogIM a dl {
    display: block;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd; }
  .posBlogIM dt, .posBlogIM dd {
    display: block;
    line-height: 1.5; }
  .posBlogIM dt.title {
    text-decoration: underline; }
  .posBlogIM dd.explanation {
    font-size: 14px;
    color: #333; }
  .posBlogIM dd.url {
    font-size: 12px;
    color: #777; }

.bgWhite .posBlogIM {
  color: #333; }

.richTextArea strong {
  font-weight: bold;
  font-style: inherit; }
.richTextArea em {
  font-style: italic;
  font-weight: inherit; }
.richTextArea h1 + br, .richTextArea h2 + br, .richTextArea h3 + br, .richTextArea h4 + br, .richTextArea h5 + br, .richTextArea .quote2 + br, .richTextArea .quote3 + br, .richTextArea ol + br, .richTextArea ul + br, .richTextArea li + br {
  display: none; }
.richTextArea h1, .richTextArea h2, .richTextArea h3, .richTextArea h4, .richTextArea h5 {
  font-weight: bold;
  padding: 4px;
  margin-top: 1em;
  margin-bottom: 1em;
  clear: both;
  text-align: left !important; }
.richTextArea h1 {
  font-size: 20px;
  background-color: #e1efed !important;
  color: #255282 !important; }
.richTextArea h2 {
  font-size: 19px;
  border: 1px solid #ddd;
  color: #fff !important;
  background-color: #a5a9ad !important; }
.richTextArea h3 {
  font-size: 18px;
  color: #255282 !important;
  background-color: #e1efed !important; }
.richTextArea h4 {
  font-size: 17px;
  border: 1px solid #ddd;
  color: #fff !important;
  background-color: #a5a9ad !important; }
.richTextArea h5 {
  font-size: 16px;
  color: #255282 !important;
  background-color: #e1efed !important; }

.richTextArea .quote1:before {
  content: ""; }

.richTextArea .quote1:after {
  content: ""; }

.richTextArea .quote1, .richTextArea div.wiki tt.wiki {
  quotes: none;
  color: #333;
  background-color: #e1ffcb; }

.richTextArea div.wiki div.quote, .richTextArea .quote2 {
  clear: both;
  margin: 0;
  padding: 8px;
  line-height: 1.6;
  color: #4B4B4B !important;
  background-color: #eee !important;
  border: 1px solid #ccc;
  word-break: break-all;
  word-wrap: break-word; }

.richTextArea .quote3, .richTextArea div.wiki pre.wiki, .richTextArea div.wiki pre.wikiGuestbook {
  clear: both;
  margin: 12px 0;
  padding: 8px;
  line-height: 1.6;
  color: #333 !important;
  background-color: #f9fadd !important;
  border: 3px solid #d6f7b3; }

.richTextArea div.wiki pre.wiki {
  white-space: pre-wrap;
  word-break: break-all;
  word-wrap: break-word;
  overflow: hidden;
  clear: both; }

.richTextArea h1 a, .richTextArea h2 a, .richTextArea h3 a, .richTextArea h4 a, .richTextArea h5 a, .richTextArea .quote1 a, .richTextArea .quote2 a, .richTextArea .quote3 a, .richTextArea div.wiki tt.wiki a, .richTextArea div.wiki .quote a, .richTextArea div.wiki pre.wiki a {
  color: #0000ee !important; }

.richTextArea li {
  margin-left: 3em;
  text-align: left !important; }

.richTextArea ul ul, .richTextArea ul ol, .richTextArea ol ol, .richTextArea ol ul {
  margin-left: 2em; }

.richTextArea li li {
  margin-left: 0; }

.richTextArea ol li {
  list-style: decimal outside none; }

.richTextArea ul li {
  list-style: disc outside none; }

.richTextArea ul ul li {
  list-style-type: circle; }

.richTextArea ul ul ul li {
  list-style-type: square; }

.richTextArea hr {
  width: auto !important;
  clear: both; }

.richTextArea div.wiki hr.wiki {
  height: 1px;
  margin: 2px 0 6px;
  padding: 0;
  border: 0px solid;
  color: #ccc;
  background-color: #369; }

.richTextArea div.wiki table.wiki {
  border: 0px outset #ddddb0; }

.richTextArea div.wiki tr.wiki {
  background-color: #D8F2E9; }

.richTextArea div.wiki td.wiki {
  padding: 8px;
  border: 0px inset #E2ECE5;
  color: #4B4B4B;
  font-size: 1em;
  line-height: 1.125em; }

.richTextArea div.wiki div.indent {
  padding-left: 1.5em; }

.richTextArea div.wiki div.code {
  font-size: 1em;
  padding: 8px;
  background-color: #FBFDE0; }

.richTextArea font[size="1"] {
  font-size: 11px; }
.richTextArea font[size="2"] {
  font-size: 14px; }

.pageInfo {
  display: inline-block;
  margin: 7px 10px 0;
  font-size: 12px;
  font-weight: bold; }
  .pageInfo p .blockUnit {
    display: block;
    margin-bottom: 5px; }
  .pageInfo .current {
    margin-left: 25px;
    font-weight: normal; }

.myBlogImage .newestImgList {
  padding-top: 10px; }
  .myBlogImage .newestImgList li {
    float: left;
    width: 33%;
    margin-bottom: 10px; }
    .myBlogImage .newestImgList li a {
      display: block; }
  .myBlogImage .newestImgList .imgWrapper {
    width: 100px;
    height: 100px;
    margin: 0 auto; }

.myArticle .genericText {
  margin: 15px 10px;
  color: #333; }
.myArticle .listRowlink li.identityList > a dl {
  margin: 0; }

.myblogSubInfo {
  background: #f7f7f7;
  padding: 20px 10px 0px 10px;
  margin-bottom: 10px;
  box-shadow: 0 1px 1px #ddd; }
  .myblogSubInfo__favButton {
    margin-bottom: 20px;
    background: #fff;
    border: 1px solid #f7931e;
    border-bottom-width: 2px;
    border-radius: 4px;
    font-size: 14px;
    width: 100%;
    padding: 6px 0;
    text-align: center; }
    .myblogSubInfo__favButton:active {
      position: relative;
      top: 1px;
      border-bottom-width: 1px;
      margin-bottom: 21px; }
  .myblogSubInfo__buttonText {
    display: block;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    padding-left: 20px;
    line-height: 18px;
    background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/spnSocialIcons72.png);
    background-repeat: no-repeat;
    background-size: 54px 54px;
    background-position: 0 0; }

.articleImage {
  height: 100%;
  background-color: #fff; }
  .articleImage .naviPaging {
    padding: 0; }
    .articleImage .naviPaging ul {
      display: block; }
    .articleImage .naviPaging li {
      padding: 5px 10px; }

.officialList {
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_official_list.png) repeat-x 0 0; }
  .officialList .newUnit {
    position: relative;
    margin-bottom: 10px; }
    .officialList .newUnit > a {
      display: inline-block;
      min-height: 63px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/img_official_list_logo.png) no-repeat 7px 5px; }
      .officialList .newUnit > a h1 {
        padding: 15px 10px 0 127px;
        font-weight: bold; }
      .officialList .newUnit > a .user {
        display: inline-block;
        padding: 5px 10px 0 127px;
        font-size: 14px;
        color: #333; }
    .officialList .newUnit .image {
      position: absolute;
      top: 13px;
      left: 71px;
      background: #fff;
      border: 2px solid #fff; }
      .officialList .newUnit .image img {
        vertical-align: bottom; }
      .officialList .newUnit .image table, .officialList .newUnit .image td {
        padding: 0;
        border-collapse: collapse; }
      .officialList .newUnit .image td {
        text-align: center; }
  .officialList .officialListNav ul {
    display: table;
    width: 100%;
    border-top: 1px solid #ceedf0;
    border-bottom: 1px solid #ceedf0; }
    .officialList .officialListNav ul:last-child {
      border-top: none; }
  .officialList .officialListNav li {
    display: table-cell;
    width: 33%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fafdfd), to(#b2e7e9));
    background: -moz-linear-gradient(center top, #fafdfd, #b2e7e9);
    text-align: center;
    font-size: 14px;
    font-weight: bold; }
    .officialList .officialListNav li:nth-child(2) {
      border-left: 1px solid #ceedf0;
      border-right: 1px solid #ceedf0; }
    .officialList .officialListNav li:first-child a {
      border-left: none; }
    .officialList .officialListNav li.current {
      background: -webkit-gradient(linear, left top, left bottom, from(#47bfba), to(#88d8d7));
      background: -moz-linear-gradient(center top, #47bfba, #88d8d7); }
      .officialList .officialListNav li.current a {
        border-bottom: 1px solid #ceedf0;
        color: #fff; }
    .officialList .officialListNav li a {
      display: block;
      padding: 12px 5px;
      border-left: 1px solid #fff;
      color: #318290; }
  .officialList .iconInfo {
    margin: 0 10px;
    padding: 3px;
    border: 1px solid #ddd;
    font-size: 14px; }
    .officialList .iconInfo dt, .officialList .iconInfo dd {
      margin: 7px; }
    .officialList .iconInfo dd {
      padding-left: 20px;
      text-indent: -25px; }

.commentHistory .emptyText {
  margin-bottom: 20px;
  font-size: 12px; }

.errorUnit .genericText .blockUnit {
  display: block;
  margin-bottom: 10px;
  line-height: 1.5;
  font-size: 14px; }
.errorUnit > .listRowlink {
  margin: 15px 0 10px; }

.blogStatus .genericText,
.makeBlog .genericText {
  margin: 12px 10px;
  line-height: 1.3;
  font-size: 14px; }

.blogStatus .buttonLarge {
  margin-bottom: 20px; }

.makeBlogDone h1 {
  margin-top: -1px;
  height: 80px;
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/title_make_blog_done.png) no-repeat top center;
  text-indent: -9999px; }
.makeBlogDone dl {
  margin: 7px 10px 12px; }
.makeBlogDone dt {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#c5ebf8));
  background: -moz-linear-gradient(center top, #fff, #c5ebf8);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd; }
  .makeBlogDone dt a {
    display: block;
    padding: 7px 31px 7px 2px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_blue_next_l.png) no-repeat right center;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 1.25;
    font-weight: bold; }
  .makeBlogDone dt span {
    display: block;
    min-height: 21px;
    padding-left: 27px;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_rainbow.png) no-repeat 0 0; }
.makeBlogDone dd {
  margin: 5px 0;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold; }
.makeBlogDone .info {
  margin: 20px 10px 15px;
  line-height: 1.3;
  font-size: 12px;
  color: #555; }

.writeArticle form {
  padding: 10px; }
.writeArticle .infoLink a {
  display: block;
  margin: 10px 10px 5px;
  padding: 9px;
  background: #ffd879;
  border: 1px solid #ffc027;
  font-size: 14px;
  text-decoration: underline; }
.writeArticle .attention {
  margin: 10px 10px 5px;
  color: #333; }
.writeArticle .input {
  margin-bottom: 15px; }
.writeArticle .confirmArticle {
  margin: 10px 0; }
  .writeArticle .confirmArticle button {
    display: block;
    float: left;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 10px 0;
    font-size: .9em;
    font-weight: bold;
    color: #fff; }
    .writeArticle .confirmArticle button[type="button"] {
      width: 38%;
      margin-right: 2%;
      background: #ddd;
      color: #555; }
    .writeArticle .confirmArticle button[type="submit"] {
      width: 60%;
      background: #318290; }
.writeArticle .emojiTextarea textarea {
  height: 13em; }
.writeArticle .emojiTextarea .placeholder {
  top: 40px; }
.writeArticle .detailSetting {
  padding: 10px;
  background: #f7f7f7;
  border-radius: 4px; }
  .writeArticle .detailSetting header {
    border-bottom: 1px solid #ddd;
    margin-bottom: 8px; }
    .writeArticle .detailSetting header h4 {
      color: #555;
      font-weight: bold; }
  .writeArticle .detailSetting dl {
    margin-bottom: 8px; }
    .writeArticle .detailSetting dl.acl {
      margin-bottom: 10px; }
    .writeArticle .detailSetting dl dt {
      font-size: .8em;
      color: #333; }
    .writeArticle .detailSetting dl .select {
      position: relative; }
      .writeArticle .detailSetting dl .select:after {
        position: absolute;
        top: 50%;
        right: 8px;
        margin-top: -2px;
        content: "";
        border: 6px solid transparent;
        border-top: 6px solid #333; }
    .writeArticle .detailSetting dl select {
      width: 100%;
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      background: #fff;
      padding: 4px;
      border: 1px solid #ddd;
      border-radius: 4px;
      font-size: 16px; }

.writeArticleCheck {
  margin: 15px 10px 10px;
  padding: 10px 0 3px;
  background: #fff;
  border: 1px solid #ddd; }
  .writeArticleCheck ul {
    margin: 0 10px 15px;
    font-size: 14px; }
  .writeArticleCheck li {
    margin-left: 20px;
    line-height: 1.3;
    list-style: disc;
    color: #333; }
  .writeArticleCheck .checkNav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    text-align: center; }
    .writeArticleCheck .checkNav .infoText {
      font-size: 14px;
      color: #fff;
      padding: 6px; }
    .writeArticleCheck .checkNav .buttonLarge {
      margin-bottom: 8px; }

.writeArticleDone .genericText {
  padding: 5px 0;
  color: #f7931e; }
.writeArticleDone .shareButton {
  text-align: center;
  margin: -5px 0 10px; }
.writeArticleDone .categoryRecommend {
  margin: 20px 10px 10px;
  border: 1px solid #ddd;
  font-size: 14px;
  line-height: 1.3; }
  .writeArticleDone .categoryRecommend p, .writeArticleDone .categoryRecommend strong {
    display: block;
    padding: 7px 2px; }
  .writeArticleDone .categoryRecommend li {
    padding: 10px 10px 10px 23px;
    border-bottom: 1px solid #ddd;
    text-indent: -18px; }
  .writeArticleDone .categoryRecommend .buttonLarge {
    margin: 5px 0; }

.guestbookInfo {
  margin: 5px 10px;
  line-height: 1.5;
  color: #333; }
  .guestbookInfo img {
    height: auto;
    max-width: 100%;
    margin: 0 auto; }
  .guestbookInfo embed {
    max-width: 300px;
    margin: 0 auto; }

.guestbookExpandList .submitButton {
  margin-top: 20px; }

.guestbookList .labelMain {
  margin-top: 15px; }
.guestbookList > .commentForm + .guestbookUnit {
  padding: 0 0 10px; }
.guestbookList > .errorText {
  margin: 10px; }
.guestbookList .guestbookUnit {
  padding: 10px 0; }
  .guestbookList .guestbookUnit .commentForm textarea {
    background: #fff url(https://s.yimg.jp/images/blog/smartphone/v2/img/placeholder_comment2.png) no-repeat 10px 10px; }
.guestbookList .commentForm .submitButton {
  margin-top: 20px; }
  .guestbookList .commentForm .submitButton + .submitButton {
    margin-top: -5px; }

.guestbookDetail .guestbookUnit {
  padding-top: 10px; }
  .guestbookDetail .guestbookUnit .commentForm textarea {
    background: #fff url(https://s.yimg.jp/images/blog/smartphone/v2/img/placeholder_comment2.png) no-repeat 10px 10px; }
.guestbookDetail .commentForm + .guestbookUnit {
  padding-top: 0; }

.selectLibrary {
  display: table;
  width: 100%;
  padding: 10px 0;
  color: #333; }
  .selectLibrary dt, .selectLibrary dd {
    display: table-cell;
    vertical-align: middle; }
  .selectLibrary dt {
    width: 40px;
    margin-right: 10px;
    font-size: 14px; }
  .selectLibrary select {
    width: 100%; }

.blogImageList ul.imageUnit {
  border-top: 1px solid #ddd; }
  .blogImageList ul.imageUnit li {
    position: relative;
    border-bottom: 1px solid #ddd; }
    .blogImageList ul.imageUnit li > a {
      display: block;
      min-height: 137px;
      padding: 10px 10px 10px 139px;
      overflow: hidden; }
    .blogImageList ul.imageUnit li .image {
      position: absolute;
      top: 10px;
      left: 10px; }
      .blogImageList ul.imageUnit li .image a {
        display: table-cell;
        width: 117px;
        height: 117px;
        background: #fff;
        border: 1px solid #ddd;
        text-align: center;
        vertical-align: middle; }
    .blogImageList ul.imageUnit li .subText {
      display: block;
      position: absolute;
      top: 135px;
      left: 10px;
      width: 117px;
      text-align: center;
      color: #777;
      font-size: 12px;
      font-weight: bold; }
    .blogImageList ul.imageUnit li .title {
      font-weight: bold; }
.blogImageList > .errorText {
  margin: 0;
  padding: 10px; }

.replyList > .errorText,
.appoveList > .errorText {
  margin: 0;
  padding: 10px; }
.replyList .listRowlink li,
.appoveList .listRowlink li {
  padding-top: 10px; }
  .replyList .listRowlink li:last-child,
  .appoveList .listRowlink li:last-child {
    border-bottom: 1px solid #ddd; }
.replyList .buttonSmall,
.appoveList .buttonSmall {
  padding-top: 10px; }
  .replyList .buttonSmall p,
  .appoveList .buttonSmall p {
    margin-right: 10px;
    position: static; }

.appoveList .buttonSmall p {
  width: 11em; }

.userSetting h3,
.settingBg dd,
.settingGuestbook ul li,
.suspension p,
.suspension li,
.suspension dt,
.settingLibrary li,
.commentFilter li,
.commentFilter p,
.commentFilter dt {
  color: #333 !important; }

.userSettingdone {
  margin: 0 10px 0 10px;
  padding: 15px 0 15px 0;
  color: #f7931e;
  font-size: 16px; }

.article {
  padding-bottom: 10px; }
  .article .title.titleBg a + span::before {
    content: "> "; }
  .article .title.titleBg div + span::before {
    content: ">";
    padding-right: 5px; }
  .article .userSettingTitle a {
    padding-right: 2px !important; }

.LibraryTitle span.arrow,
.userSettingTitle span.arrow {
  float: left;
  padding: 3px 0 !important; }

.settingProfile,
.settingGuestbook,
.settingMobile,
.settingLibrary,
.suspension,
.commentFilter {
  padding: 10px 10px 0 10px; }

.settingProfile .buttonLarge a,
.settingMenu .buttonLarge a,
.settingGuestbook .buttonLarge a,
.settingMobile .buttonLarge a,
.settingLibrary .buttonLarge a,
.settingFavoriteName .buttonLarge a,
.suspension .buttonLarge p a,
.commentFilter .buttonLarge p a {
  color: #333; }

.settingProfile .input,
.settingProfile .input,
.settingLibrary .input {
  display: block;
  padding: 0 10px 10px 0; }

.settingProfile input,
.settingLibrary input {
  width: 100%; }

.settingProfile header.compound,
.settingLibrary header.compound,
.settingLibrary section.compound {
  display: block;
  position: relative; }

.settingProfile header p,
.settingLibrary header p {
  position: absolute;
  right: 0;
  top: 0;
  color: #777; }

.settingProfile > p {
  font-size: .8em; }
.settingProfile .notice {
  color: #f7931e; }
.settingProfile ul {
  margin-bottom: 10px; }
.settingProfile li {
  border-bottom: 1px solid #ddd;
  padding: 10px 0; }
  .settingProfile li header {
    padding: 10px 0; }
    .settingProfile li header h3 {
      color: #777 !important;
      font-weight: bold; }
  .settingProfile li input {
    width: auto; }
  .settingProfile li .uplodedProfileImg {
    display: block; }
  .settingProfile li label.deleteCheck {
    display: block;
    margin-top: 10px; }
    .settingProfile li label.deleteCheck span {
      margin-left: 10px; }
  .settingProfile li select.selectAcl {
    display: block;
    margin: 20px 0 10px 0; }
  .settingProfile li p {
    font-size: .8em; }
  .settingProfile li.sex label, .settingProfile li.bloodType label {
    margin-right: 8px; }
    .settingProfile li.sex label input[type="radio"], .settingProfile li.bloodType label input[type="radio"] {
      margin-right: 2px; }
.settingProfile textarea {
  height: 9em;
  width: 100%;
  background: #fff; }
.settingProfile .textarea {
  padding: 5px 10px 5px 0;
  position: relative; }
.settingProfile .placeholder {
  display: none; }
.settingProfile .settingMailing {
  margin-bottom: 20px; }
  .settingProfile .settingMailing__list {
    margin: 0; }

  .settingProfile .settingMailing__list-item, .settingProfile .settingMailing__list-item--emphasis {
    padding: 0; }

  .settingProfile .settingMailing__list-item--emphasis .settingMailing__label {
    font-weight: bold; }

  .settingProfile .settingMailing__label {
    display: block;
    padding: 10px 0 10px 10px; }

  .settingProfile .settingMailing__input {
    margin-right: 10px;
    font-size: 16px; }

.settingMenu {
  margin-top: 15px;
  margin: 0 5px;
  color: #333; }
  .settingMenu .settingMenu {
    display: block; }
    .settingMenu .settingMenu li {
      position: relative; }
      .settingMenu .settingMenu li.off a {
        color: #fff;
        padding-top: 9px; }
    .settingMenu .settingMenu a {
      display: block;
      padding: 10px 8px;
      color: #383838; }
      .settingMenu .settingMenu a:link {
        color: #383838; }
  .settingMenu .setting {
    margin: 0 0 15px 0;
    border-bottom: 1px solid #ddd; }
    .settingMenu .setting li {
      border-top: 1px solid #ddd;
      padding: 10px; }
      .settingMenu .setting li.on {
        border-bottom: 1px solid #777;
        background: #f7f7f7;
        background: -webkit-gradient(linear, left top, left bottom, from(#f9fbfb), to(#a6e4e6));
        background: -moz-linear-gradient(center top, #f9fbfb, #a6e4e6); }
        .settingMenu .setting li.on a::after {
          content: "表示"; }
      .settingMenu .setting li.off {
        border-top: 1px solid #fff;
        border-bottom: 1px solid #777;
        background: #ddd;
        background: -webkit-gradient(linear, left top, left bottom, from(#a4a4a4), to(#d0d0d0));
        background: -moz-linear-gradient(center top, #a4a4a4, #d0d0d0); }
        .settingMenu .setting li.off a::after {
          content: "非表示";
          color: #fff; }
      .settingMenu .setting li input {
        margin: 0 8px 0 0; }
      .settingMenu .setting li a::after {
        text-align: right;
        position: absolute;
        right: 10px;
        color: #383838; }
  .settingMenu .confirm {
    border: 1px solid #ceedf0;
    border-bottom: none;
    margin: 0 0 15px 0; }
    .settingMenu .confirm li {
      padding: 10px 8px;
      border-bottom: 1px solid #ceedf0;
      background-color: #ceedf0; }
      .settingMenu .confirm li::after {
        text-align: right;
        position: absolute;
        right: 10px;
        color: #333; }
      .settingMenu .confirm li.on::after {
        content: "表示"; }
      .settingMenu .confirm li.off {
        background-color: #ddd; }
        .settingMenu .confirm li.off::after {
          content: "非表示";
          color: #333; }
  .settingMenu .info {
    margin: 5px 10px;
    color: #333; }
  .settingMenu .errorRed {
    margin: 5px 10px; }

.settingBg dl {
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 10px 0 0 0;
  margin: 10px 0 0 0; }
.settingBg dt img {
  border: 1px solid #ddd; }
.settingBg dd {
  text-align: center;
  border-bottom: 1px solid #ddd;
  padding: 0 0 5px 0;
  margin: 0 0 10px 0; }
  .settingBg dd.on::after {
    content: "設定中";
    font-size: 12px;
    color: #fff;
    background: #ceedf0;
    padding: 2px;
    vertical-align: 1px;
    margin-left: 3px; }

.settingCustomSkin .switch {
  float: right;
  margin: 10px 10px auto auto;
  border-radius: 3px;
  background: -moz-linear-gradient(top, #fff, #f7f7f7);
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f7f7f7)); }
  .settingCustomSkin .switch .selected {
    background: #ddd;
    color: #fff;
    box-shadow: inset 0 1px 2px #ddd; }
.settingCustomSkin .enable,
.settingCustomSkin .disable {
  padding: 5px;
  display: inline-block;
  border: 1px solid #ddd;
  width: 50px;
  text-align: center;
  line-height: 1;
  font-size: 1.4em;
  font-weight: bold; }
.settingCustomSkin .enable {
  border-radius: 3px 0 0 3px; }
.settingCustomSkin .disable {
  border-radius: 0 3px 3px 0;
  margin-left: -1px; }
.settingCustomSkin .notice {
  clear: both;
  margin: auto 10px; }
  .settingCustomSkin .notice p {
    font-size: .7em;
    padding-top: 10px; }

.settingGuestbook ul {
  border: 1px solid #ddd;
  margin: 5px 0 10px 0; }
  .settingGuestbook ul li {
    padding: 10px 0;
    text-align: left; }
    .settingGuestbook ul li:first-of-type {
      border-bottom: 1px solid #ddd; }
    .settingGuestbook ul li span {
      display: block;
      margin: 0 auto;
      width: 15em; }

.settingFan p,
.settingBlogLinkL p,
.settingBlogLink p {
  padding: 5px 10px;
  color: #333; }

.settingFan p.errorText,
.settingBlogLinkL p.errorText,
.settingBlogLink p.errorText,
.settingFavWrap p.errorText {
  color: #777;
  font-weight: normal;
  padding: 0; }

.settingBlogLinkL p.mediumText,
.settingFavWrap p.mediumText {
  padding: 5px 10px;
  color: #333; }

.userSetting .settingFan p.errorRed,
.userSetting .settingBlogLinkL p.errorRed {
  margin: 0 0 0 10px;
  padding: 0; }

.userSetting .settingBlogLink p.errorRed {
  margin: 0 0 5px 10px;
  padding: 0; }

.settingFan .listRowlink .title,
.listRowlink .word,
.settingBlogLinkL .listRowlink .title,
.settingBlogLink .listRowlink .title {
  font-weight: normal; }

.settingFan .settingFavorite li.block::before {
  content: "拒否中";
  font-size: 80%;
  display: table;
  color: #fff;
  background-color: #ceedf0;
  padding: 3px;
  margin: 0 0 3px; }

.settingBlogLink p.info,
.settingBlogLinkL p.info,
.settingFavWrap p.info,
.settingFan p.info,
.settingBg p.mediumText {
  border: 1px solid #ddd;
  margin: 10px;
  padding: 10px;
  color: #333; }

.settingFan .mediumText + .mediumText.info,
.settingFavWrap .mediumText + .mediumText.info {
  margin-top: 0; }

.settingMobile section.gray,
.settingLibrary .gray {
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  padding: 5px; }

.settingMobile {
  color: #333; }
  .settingMobile section {
    margin: 15px 0 0 0; }
    .settingMobile section.gray form {
      text-align: center; }
    .settingMobile section.gray select {
      width: 85%;
      margin-bottom: 10px; }
    .settingMobile section.gray ul {
      margin: 0 10px 10px; }
    .settingMobile section.gray li {
      margin: 10px 0; }
  .settingMobile .notice {
    margin: 0 10px 10px; }
    .settingMobile .notice + .buttonLarge {
      margin-bottom: 20px; }

.LibraryTitle {
  position: relative;
  padding: 5px 0; }
  .LibraryTitle span.right {
    float: none; }
  .LibraryTitle .button {
    position: absolute;
    width: 50px;
    right: 10px;
    top: 3px; }
    .LibraryTitle .button.add p a {
      float: inherit;
      display: block;
      padding: 5px 2px;
      line-height: 18px;
      border: 1px solid #fff;
      border-top: none;
      border-radius: 3px;
      color: #333;
      text-align: center;
      text-decoration: none; }
      .LibraryTitle .button.add p a span {
        color: #333;
        font-size: 12px;
        padding: 0;
        margin: 0;
        width: 100%; }
    .LibraryTitle .button p {
      font-size: 12px;
      border: 1px solid #ddd;
      border-radius: 3px;
      background-color: #f7f7f7;
      background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.5, #fff), to(#ebebeb));
      background: -moz-linear-gradient(center top, #fff, #fff 50%, #ebebeb);
      box-shadow: 0px 0px 1px #f7f7f7; }
    .LibraryTitle .button + .listRowlink .wide li > a {
      background-image: none; }
    .LibraryTitle .button .button.add p a > span {
      float: inherit;
      display: block;
      padding: 5px 2px;
      line-height: 18px;
      border: 1px solid #fff;
      border-top: none;
      border-radius: 3px;
      color: #333;
      text-align: center;
      text-decoration: none; }

.settingLibrary section,
.settingFavoriteName section {
  margin: 10px 0; }

.settingLibrary li {
  margin: 3px 0 5px 0;
  padding: 8px 0;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none; }
  .settingLibrary li input#c {
    width: inherit;
    margin: 0 3px; }
.settingLibrary section.compound select {
  width: 100%; }
.settingLibrary .gray {
  margin-bottom: 15px; }
  .settingLibrary .gray select {
    width: 100%; }
.settingLibrary .arrowStep {
  width: 46px;
  height: 14px;
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_step.png) no-repeat;
  display: block;
  margin: 5px auto; }
.settingLibrary .center {
  text-align: center; }

.settingFavorite {
  padding: 0 0 5px;
  margin: 10px 0 0; }
  .settingFavorite li {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 10px; }
    .settingFavorite li:first-of-type {
      border-top: 1px solid #ddd; }
    .settingFavorite li.none {
      border: none;
      font-size: 16px;
      padding: 10px;
      color: #ddd; }
      .settingFavorite li.none:first-of-type {
        border: none; }

.settingFavorite li a,
.settingBlogLink .listRowlink li a {
  color: #383838; }

.settingFavoriteName .settingProfile input {
  width: 100%; }
.settingFavoriteName .settingProfile .input {
  padding: 3px 10px 5px 0; }
.settingFavoriteName .settingProfile .gray {
  color: #ddd;
  text-align: right;
  margin: 0;
  float: right; }
  .settingFavoriteName .settingProfile .gray + .errorText {
    float: inherit; }

.suspension header p {
  padding: 5px 0 20px;
  line-height: 1.3em; }
.suspension .gray {
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  padding: 5px 0; }
  .suspension .gray h3 {
    padding: 10px 0 10px 5px; }
  .suspension .gray li {
    padding: 10px 0 10px 5px;
    border-bottom: 1px solid #ddd; }
    .suspension .gray li:first-of-type {
      border-top: 1px solid #ddd; }
  .suspension .gray dl {
    padding: 0 10px; }
  .suspension .gray dt {
    padding: 10px 0; }
  .suspension .gray textarea {
    height: 9em;
    width: 100%;
    padding: 10px 0; }

.suspensionDone {
  margin: 15px 10px 0 10px;
  padding-bottom: 15px;
  font-size: 16px;
  line-height: 1.3; }

.commentFilter .gray h3 {
  padding: 10px 0 10px 5px; }
.commentFilter .gray li {
  padding: 10px 0 10px 5px;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  margin: 0 15px; }
  .commentFilter .gray li:first-of-type {
    border-top: 1px solid #ddd; }
  .commentFilter .gray li:last-of-type {
    margin-bottom: 15px; }
.commentFilter .gray dl {
  padding: 0 10px; }
.commentFilter .gray dt {
  padding: 10px 0; }

.searchBlog {
  border-bottom: 1px solid #ddd; }
  .searchBlog > p,
  .searchBlog .navUnit form {
    padding: 0 5px 5px; }
  .searchBlog .listRowlink ul.wide {
    border-bottom: 1px solid #ddd; }
  .searchBlog .errorText p {
    font-weight: normal;
    padding-top: 10px; }

.listRowlink .title.linkGreen strong,
.listRowlink .explanation strong,
.listRowlink .linkGreen strong {
  font-weight: bold; }

.searchNav {
  position: relative; }
  .searchNav header,
  .searchNav div nav {
    text-align: center;
    margin-top: 0; }
  .searchNav section h3 {
    display: inline;
    margin-right: 5px; }
  .searchNav div {
    text-align: right;
    padding: 0 10px 5px 0; }
  .searchNav nav {
    display: inline-block;
    margin-top: 7px; }
    .searchNav nav ul {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center;
      background-color: #fff;
      border: 2px solid #64b0bf;
      border-radius: 5px;
      overflow: hidden; }
    .searchNav nav li {
      width: 100px;
      height: 32px;
      border-right: 2px solid #64b0bf;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      line-height: 32px;
      text-align: center;
      font-size: 14px; }
      .searchNav nav li:last-child {
        border-right: none; }
    .searchNav nav a {
      display: block;
      width: 100%;
      height: 32px;
      color: #333; }
    .searchNav nav .current {
      background: #64b0bf;
      color: #fff;
      font-weight: bold; }
  .searchNav header {
    margin-bottom: 10px; }
  .searchNav + h2 + p.smallText {
    text-align: right;
    color: #333; }
  .searchNav h2 {
    margin: 5px 10px 0; }
    .searchNav h2, .searchNav h2 + p {
      line-height: 1.3; }
    .searchNav h2 + p {
      text-align: right;
      margin: 0 10px 10px; }

.publicSearch .navUnit {
  border: 1px solid #ddd;
  background-color: #f7f7f7;
  margin: 0 10px 10px;
  padding: 5px 10px; }

.publicSearchError {
  font-weight: normal;
  line-height: 1.3;
  margin: 30px 20px; }

.publicCategory {
  margin-bottom: 10px; }
  .publicCategory .listRowlink .lastBorder {
    margin-bottom: 0; }
  .publicCategory h2 span {
    color: #555;
    font-size: .8em; }
    .publicCategory h2 span:after {
      content: ">";
      margin: 0 3px;
      font-size: 10px;
      vertical-align: .2em; }

.listWithPic dl {
  display: inline-block; }

.categoryPageCircleList {
  margin: 8px 0;
  text-align: center; }

.buttonSmall {
  text-align: center; }
  .buttonSmall p {
    width: 9em;
    margin: 0 auto;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
    background: -moz-linear-gradient(center top, #fff, #e7e7e7);
    box-shadow: 0 0 1px #f7f7f7; }
    .buttonSmall p a {
      display: block;
      padding: 5px 0;
      line-height: 18px;
      border: 1px solid #fff;
      border-top: none;
      border-radius: 3px;
      color: #333;
      font-size: 14px; }

.buttonModal {
  width: 80%; }
  .buttonModal dl {
    text-align: left; }
  .buttonModal .submit,
  .buttonModal .info {
    margin-bottom: 10px; }
  .buttonModal .info + .info + .cancel {
    margin-top: 10px; }
  .buttonModal .text {
    margin-bottom: 5px; }
    .buttonModal .text a {
      color: #fff;
      text-decoration: underline; }
  .buttonModal .left {
    text-align: left;
    margin: 0 0 5px; }
  .buttonModal form + .left {
    margin: 5px 0 0; }
  .buttonModal .submit button,
  .buttonModal .info button,
  .buttonModal .cancel button {
    width: 100%;
    font-weight: bold;
    font-size: 14px;
    border: 1px solid #ceedf0;
    background: #f7f7f7;
    background: -webkit-gradient(linear, left top, left bottom, from(#f9fbfb), to(#a6e4e6));
    background: -moz-linear-gradient(center top, #f9fbfb, #a6e4e6);
    box-shadow: 0 0 1px #f7f7f7;
    padding: 0;
    border-radius: 3px; }
    .buttonModal .submit button span,
    .buttonModal .info button span,
    .buttonModal .cancel button span {
      display: block;
      padding: 5px 8px;
      line-height: 18px;
      border: 1px solid #fff;
      border-top: none;
      border-radius: 3px;
      color: #333;
      margin: -1px -3px; }
  .buttonModal .cancel button {
    border: 1px solid #ddd;
    background: #ddd;
    background: -webkit-gradient(linear, left top, left bottom, from(#d0d0d0), to(#c0c0c0));
    background: -moz-linear-gradient(center top, #d0d0d0, #c0c0c0);
    box-shadow: 0 0 1px #ddd; }
    .buttonModal .cancel button span {
      border: 1px solid #ddd;
      border-top: none;
      color: #555; }
  .buttonModal .info button {
    border: 1px solid #ddd;
    background: #fff;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e7e7e7));
    background: -moz-linear-gradient(center top, #fff, #e7e7e7);
    box-shadow: 0 0 1px #f7f7f7; }
    .buttonModal .info button span {
      border: 1px solid #ddd;
      border-top: none;
      color: #555; }
  .buttonModal .confirmUnit .title {
    font-weight: bold; }

#systemMaintenance {
  text-align: center; }
  #systemMaintenance p {
    padding: 15px 0px;
    font-size: 80%;
    font-weight: bold;
    line-height: 1.45em; }
  #systemMaintenance dl {
    border: 1px solid #ffd879;
    border-radius: 10px;
    margin: 0 5px 10px;
    padding-bottom: 10px; }
  #systemMaintenance dt {
    border: 1px solid #fff;
    border-radius: 10px 10px 0 0;
    background-color: #ffd879;
    margin-bottom: 5px;
    padding: 5px 0;
    font-size: 90%;
    font-weight: bold; }
  #systemMaintenance dd {
    line-height: 1.4em; }
  #systemMaintenance img {
    margin-bottom: 10px; }
  #systemMaintenance .bold {
    font-weight: bold;
    margin-bottom: 3px; }

.replyList .subText2 {
  margin-top: 10px;
  color: #777;
  font-size: 12px;
  font-weight: bold;
  margin-top: 6px; }
.replyList .trackbackBtn p {
  width: 14em; }

.replyList .subTitletxt,
#articleExpand .subTitletxt {
  font-size: 12px;
  font-weight: bold;
  padding-right: 130px !important; }

.replyList .subTitletxt2,
#articleExpand .subTitletxt2 {
  font-size: 12px;
  font-weight: bold;
  padding-right: 70px !important; }

.settingTrackback {
  padding: 10px 10px 0 10px; }
  .settingTrackback.mediumText {
    border: 1px solid #ddd;
    color: #333;
    margin: 10px;
    padding: 10px; }
  .settingTrackback h4 {
    font-weight: bold; }
  .settingTrackback input[type="radio"] {
    vertical-align: inherit; }
  .settingTrackback ul {
    border: 1px solid #ddd;
    margin: 5px 0 10px 0; }
    .settingTrackback ul li {
      color: #333 !important;
      padding: 10px 0;
      text-align: left; }
      .settingTrackback ul li:first-of-type {
        border-bottom: 1px solid #ddd; }
      .settingTrackback ul li .stcenter {
        display: block;
        width: 15em;
        text-indent: -20px;
        margin-left: 18px; }
  .settingTrackback .sTbox {
    display: block;
    width: 15em;
    margin: 0 auto; }

.slide {
  position: absolute; }

.panel {
  display: none;
  z-index: 500; }

.active {
  display: block; }

.mpContent {
  overflow: hidden;
  margin: 5px;
  border: 1px solid #ceedf0;
  background-color: #f7f7f7;
  border-radius: 5px;
  box-shadow: 1px 1px 3px #ceedf0; }
  .mpContent h2 {
    padding: 4px 0 4px 10px;
    font-size: .9em;
    color: #fff;
    border-radius: 4px 4px 0 0;
    background: #318290; }

.dulHead {
  background: #64b0bf;
  zoom: 1; }
  .dulHead::after {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden; }
  .dulHead h1 {
    padding: 8px 0 8px 5px;
    float: left;
    color: #fff;
    font-size: .9em;
    font-weight: bold; }

.dulBody {
  width: 100%;
  padding-bottom: 10px;
  background-color: #ceedf0; }
  .dulBody .dulBodyText {
    margin: 5px 0 10px 5px;
    font-size: .9em;
    color: #318290; }
  .dulBody .profileList {
    padding: 10px;
    border-bottom: 1px solid #ceedf0;
    background: #f7f7f7; }
    .dulBody .profileList .box {
      display: -webkit-box;
      display: -moz-box; }

.profileList.blogUnderSelection {
  background: #fff; }
  .profileList.blogUnderSelection .bottomLink a {
    text-align: right; }
.profileList .dulLeftBox {
  width: 46px; }
  .profileList .dulLeftBox img {
    background: #fff;
    padding: 1px;
    border: 1px solid #ddd; }
.profileList .dulRightBox {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  min-height: 46px;
  margin-left: 10px; }
.profileList .smallText {
  font-size: .75em;
  color: #777; }

.blogTitle {
  margin-bottom: 3px;
  font-size: .9em;
  color: #333; }

.profileName {
  font-size: 1em;
  color: #333;
  font-weight: bold; }

.closeSlct {
  float: right;
  width: 64px;
  height: 31px;
  padding-top: 6px;
  margin-right: 2px;
  text-decoration: none; }
  .closeSlct p {
    width: 60px;
    padding: 4px 0;
    background: #fff;
    border-radius: 4px;
    color: #777;
    font-size: .8em;
    vertical-align: middle;
    text-align: center; }

.blogSelectBtn {
  display: block;
  width: 150px;
  margin-top: 10px;
  margin-left: auto;
  text-decoration: none; }
  .blogSelectBtn p {
    width: 150px;
    padding: 7px 0;
    border: 1px solid #64b0bf;
    border-bottom-width: 2px;
    background: #fff;
    border-radius: 4px;
    color: #318290;
    font-size: .9em;
    font-weight: bold;
    vertical-align: middle;
    text-align: center; }

.blogSelectText {
  font-weight: bold;
  text-align: right;
  color: #318290; }

.bottomLink {
  text-decoration: none; }
  .bottomLink p {
    padding: 14px 0 14px 10px;
    font-weight: bold;
    color: #383838;
    background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_blue_next_l_wide.png") no-repeat center right; }

.plusBtn,
.minusBtn {
  margin: 10px 0 0 auto !important;
  width: 180px; }
  .plusBtn p,
  .minusBtn p {
    width: 100% !important;
    border: 1px solid #64b0bf !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eef8f6), color-stop(1, #d7e9e8)) !important;
    background: -moz-linear-gradient(top, #eef8f6 0, #d7e9e8 100%) !important; }
  .plusBtn a,
  .minusBtn a {
    color: #318290 !important;
    padding: 0 0 2px 0 !important;
    margin-top: 4px; }
  .plusBtn img,
  .minusBtn img {
    width: 17px;
    height: 17px;
    margin-top: -5px;
    margin-right: 5px;
    vertical-align: middle; }

.plusBtn img {
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/plus_icon.png) no-repeat 0 0; }

.minusBtn img {
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/minus_icon.png) no-repeat 0 0; }

.borderTopBottom {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd !important; }

.celebrityList {
  width: 220px;
  margin: 10px 0 10px auto !important; }
  .celebrityList p {
    font-size: .8em !important; }

.changeBtn p {
  margin: 0 10px 0 auto;
  width: 250px; }
.changeBtn a {
  padding: 0 0 5px 0 !important;
  margin-top: 7px; }
.changeBtn img {
  width: 17px;
  height: 14px;
  margin-top: -4px;
  margin-right: 5px;
  vertical-align: middle;
  background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_ring.png) no-repeat 0 0; }

.mainbox {
  background-color: #fff;
  padding: 10px 0; }

.leftBox,
.rightBox {
  width: 46px; }
  .leftBox a,
  .rightBox a {
    color: #318290 !important; }
  .leftBox img,
  .rightBox img {
    vertical-align: middle; }

.blogOpenText {
  margin: 10px; }
  .blogOpenText h3 {
    margin-bottom: 5px;
    font-size: .9em; }
  .blogOpenText p {
    font-size: .7em;
    color: #ddd; }

.newCommentBtn {
  width: 50%; }
  .newCommentBtn p {
    margin: 0 10px 0 auto; }
  .newCommentBtn a {
    padding: 0 0 5px 0 !important;
    margin-top: 7px;
    color: #318290 !important; }
  .newCommentBtn img {
    width: 23px;
    height: 20px;
    margin-top: -4px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/new_contribution.png) no-repeat 0 0; }

.nameSelect .profileList {
  margin: 0;
  padding: 10px; }
.nameSelect .box {
  width: 100%;
  display: -webkit-box;
  display: -moz-box; }
.nameSelect .leftBox {
  padding: 1px;
  border: 1px solid #ddd; }
.nameSelect .rightText {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  margin-left: 5px;
  min-height: 46px; }
.nameSelect .smallText {
  font-size: .75em;
  color: #777; }
.nameSelect .smallText2 {
  margin: 3px 0;
  font-size: .9em; }

.blogOpenBtn {
  margin: 10px 0 0 auto;
  width: 140px; }
  .blogOpenBtn p {
    width: 100%; }
  .blogOpenBtn a {
    color: #318290 !important;
    padding: 0 0 2px 0 !important;
    margin-top: 4px; }
  .blogOpenBtn img {
    width: 25px;
    height: 20px;
    margin-top: -4px;
    margin-right: 5px;
    vertical-align: middle;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/blog_open.png) no-repeat 0 0; }

.blogOpened {
  text-align: right;
  margin-top: 5px;
  padding-left: 20px;
  font-size: .9em; }
  .blogOpened img {
    vertical-align: text-bottom; }

.cautionText {
  margin: 0 10px 10px 10px;
  padding: 10px 0;
  font-size: .9em;
  background-color: #f9c7c7;
  text-align: center; }

.nameSetBtn {
  margin: 10px 0 0 auto;
  width: 180px; }
  .nameSetBtn p {
    width: 100%; }
  .nameSetBtn a {
    padding: 0 10px 2px 0 !important;
    margin-top: 4px; }
  .nameSetBtn img {
    width: 20px;
    height: 21px;
    margin-top: -4px;
    margin-right: 10px;
    vertical-align: middle;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/foot_icon_01.png) no-repeat 0 0; }

.settingBtn {
  margin: 10px 0 0 auto;
  width: 180px; }
  .settingBtn p {
    width: 100%; }
  .settingBtn a {
    padding: 0 58px 2px 0 !important;
    margin-top: 4px; }
  .settingBtn img {
    width: 20px;
    height: 21px;
    margin-top: -4px;
    margin-right: 58px;
    vertical-align: middle;
    background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/foot_icon_02.png) no-repeat 0 0; }

.mypageProfile .profileList {
  padding-bottom: 5px; }
  .mypageProfile .profileList .title {
    padding-top: 10px;
    font-size: .9em;
    height: 30px;
    border: 1px solid #ddd; }
.mypageProfile.isWeb > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 8px; }
  .mypageProfile.isWeb > ul h3, .mypageProfile.isWeb > ul p {
    line-height: 1.2; }
  .mypageProfile.isWeb > ul > li {
    padding: 0;
    float: left; }
    .mypageProfile.isWeb > ul > li a {
      display: block; }
    .mypageProfile.isWeb > ul > li .imgWrapper {
      width: 30px;
      height: 30px; }
  .mypageProfile.isWeb > ul .profileList {
    float: none;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto; }
    .mypageProfile.isWeb > ul .profileList .imgWrapper,
    .mypageProfile.isWeb > ul .profileList .userName {
      float: left; }
    .mypageProfile.isWeb > ul .profileList .userName {
      max-width: 220px;
      margin-left: 6px; }
      .mypageProfile.isWeb > ul .profileList .userName h3 {
        font-size: .8em;
        margin-bottom: 4px;
        color: #3c3c3c;
        font-weight: bold; }
      .mypageProfile.isWeb > ul .profileList .userName p {
        font-size: .7em;
        color: #777; }
  .mypageProfile.isWeb > ul .changeName {
    float: none;
    margin-left: 5px; }
    .mypageProfile.isWeb > ul .changeName a {
      display: block;
      background: #fff;
      width: 30px;
      height: 30px;
      text-indent: -9999px;
      border: 1px solid #e0e0e0;
      border-radius: 4px;
      background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_ring_2.png);
      background-repeat: no-repeat;
      background-size: 19px 19px;
      background-position: center center; }
.mypageProfile.appli .profileList {
  padding-bottom: 3px; }
.mypageProfile.appli .userName {
  line-height: 1; }
.mypageProfile.appli .userName {
  float: left;
  line-height: 24px; }
.mypageProfile.appli h3, .mypageProfile.appli a {
  font-size: 14px; }
.mypageProfile.appli img, .mypageProfile.appli h3 {
  display: inline-block;
  vertical-align: middle; }
.mypageProfile.appli img {
  padding: 1px;
  border: 1px solid #ddd; }
.mypageProfile.appli h3 {
  margin-left: 3px;
  padding: 0; }
.mypageProfile.appli .mypageActionMenu, .mypageProfile.appli .myblogActionMenu {
  padding: 10px; }

.borderTop {
  border-top: 1px solid #ddd; }

.btnMenu {
  margin: 10px 10px 0 10px; }
  .btnMenu ul {
    display: -webkit-box;
    display: -moz-box; }
  .btnMenu .btnMenuCenter {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd; }
  .btnMenu .borderRadiusLeft {
    border: 1px solid #ddd;
    border-radius: 4px 0 0 4px; }
  .btnMenu .borderRadiusRight {
    border: 1px solid #ddd;
    border-radius: 0 4px 4px 0; }
  .btnMenu li {
    padding: 5px 0;
    text-align: center;
    width: 33%;
    background: #f7f7f7; }
  .btnMenu a {
    font-size: 12px;
    color: #333;
    display: block; }
  .btnMenu .current {
    background: #64b0bf; }
    .btnMenu .current a {
      color: #fff;
      font-weight: bold; }

.arrowBtn {
  display: inline-block;
  float: right;
  padding: .3em .2em .3em .5em;
  border: 1px solid #ddd;
  -moz-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_next.png) 2 13 2 5/2px 13px 2px 5px;
  -webkit-border-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/bg_paging_next.png) 2 13 2 5/2px 13px 2px 5px;
  line-height: 1.6;
  text-decoration: none;
  color: #333; }

.toggleList {
  margin: 0;
  padding: 10px; }

.toggleLink {
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd; }

.visitorText {
  color: #333;
  line-height: normal;
  font-weight: normal; }

.share {
  margin-bottom: 15px !important; }
  .share p {
    color: #333; }
  .share ul {
    float: left; }
  .share li {
    float: left;
    display: block !important;
    width: 39px;
    height: 38px;
    cursor: pointer;
    overflow: hidden;
    margin-right: 5px; }
  .share .frameShare {
    background-color: #f7f7f7;
    border: 1px solid #ddd;
    padding: 5px; }
    .share .frameShare .noticeMsg {
      font-size: .8em;
      color: #ddd; }
  .share .fR {
    float: right;
    margin-top: 15px;
    font-size: 80%; }

.frameBtn {
  position: absolute;
  width: 39px;
  height: 38px;
  cursor: pointer; }

.frameImg {
  position: absolute;
  left: 2px;
  top: 2px;
  width: 30px;
  height: 30px; }

.frameDiv {
  position: relative; }

.twitterBtn {
  background: url("https://s.yimg.jp/images/blog/share/fr_twitter.gif") no-repeat; }

.twitterBtnChecked {
  background: url("https://s.yimg.jp/images/blog/share/fr_check_twitter.gif") no-repeat; }

.twitterBtnGray {
  background: url("https://s.yimg.jp/images/blog/share/fr_twitter_none.gif") no-repeat;
  cursor: default !important; }

.facebookBtn {
  background: url("https://s.yimg.jp/images/blog/share/fr_fb.gif") no-repeat; }

.facebookBtnChecked {
  background: url("https://s.yimg.jp/images/blog/share/fr_check_fb.gif") no-repeat; }

.facebookBtnGray {
  background: url("https://s.yimg.jp/images/blog/share/fr_fb_none.gif") no-repeat;
  cursor: default !important; }

.credServiceList {
  border: 1px solid #333;
  position: absolute;
  top: 50px;
  right: 0px;
  width: 150px;
  background: #fff;
  color: #333;
  padding: 6px 8px;
  z-index: 10; }
  .credServiceList p {
    font-size: 13px !important;
    padding-left: 18px;
    line-height: 20px !important;
    margin: 0;
    background: url(https://s.yimg.jp/images/yjdn/CredStore/plugin/img/cred_service_icon.png) no-repeat; }
    .credServiceList p.credTwitter {
      background-position: 0 -22px; }
    .credServiceList p.credFacebook {
      background-position: 0 2px; }
  .credServiceList div {
    padding: 5px 0; }
  .credServiceList .accountlink-link {
    float: none;
    font-size: 16px;
    display: inline;
    color: #383838 !important; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .twitterBtn {
    background: url("https://s.yimg.jp/images/blog/share/fr_twitter.gif") no-repeat;
    background-size: 39px 38px; }

  .twitterBtnChecked {
    background: url("https://s.yimg.jp/images/blog/share/fr_check_twitter.gif") no-repeat;
    background-size: 39px 38px; }

  .twitterBtnGray {
    background: url("https://s.yimg.jp/images/blog/share/fr_twitter_none_r.gif") no-repeat;
    background-size: 39px 38px;
    cursor: default !important; }

  .facebookBtn {
    background: url("https://s.yimg.jp/images/blog/share/fr_fb_r.gif") no-repeat;
    background-size: 39px 38px; }

  .facebookBtnChecked {
    background: url("https://s.yimg.jp/images/blog/share/fr_check_fb_r.gif") no-repeat;
    background-size: 39px 38px; }

  .facebookBtnGray {
    background: url("https://s.yimg.jp/images/blog/share/fr_fb_none_r.gif") no-repeat;
    background-size: 39px 38px;
    cursor: default !important; }

  .credServiceList p {
    background: url(https://s.yimg.jp/images/yjdn/CredStore/plugin/img/cred_icon_smp_2x.png) no-repeat;
    background-size: 16px 86px; }
    .credServiceList p.credTwitter {
      background-position: 0 -24px; }
    .credServiceList p.credFacebook {
      background-position: 0 0; } }
.endSharePost {
  margin-bottom: 10px;
  margin: 10px; }
  .endSharePost ul {
    margin: 5px 0; }
  .endSharePost li {
    display: block;
    line-height: 1.5em; }
    .endSharePost li a {
      display: inline-block;
      overflow: hidden;
      padding-left: 22px; }
    .endSharePost li .twitterIcnEndPost {
      background: url("https://s.yimg.jp/images/blog/share/BTN_service_18_t.gif") no-repeat;
      background-position: 0 3px; }
    .endSharePost li .facebookIcnEndPost {
      background: url("https://s.yimg.jp/images/blog/share/BTN_service_18_fb.gif") no-repeat;
      background-position: 0 3px; }
  .endSharePost .redTxtShare {
    color: #ad0900;
    line-height: 1.3em; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .endSharePost li .twitterIcnEndPost {
    background: url("https://s.yimg.jp/images/blog/share/BTN_service_36_t.gif") no-repeat;
    background-size: 18px 18px;
    background-position: 0 3px; }
  .endSharePost li .facebookIcnEndPost {
    background: url("https://s.yimg.jp/images/blog/share/BTN_service_36_fb.gif") no-repeat;
    background-size: 18px 18px;
    background-position: 0 3px; } }
.addFavorite {
  padding-top: 10px; }
  .addFavorite .text {
    color: #333;
    font-size: 12px;
    text-align: center; }
  .addFavorite > ul {
    margin: 0 10px;
    display: -webkit-box;
    display: -moz-box; }
    .addFavorite > ul li {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      width: 9999px;
      text-align: center;
      vertical-align: top;
      font-size: 12px;
      border: 1px solid #ddd;
      border-radius: 5px;
      margin-right: 2px;
      background: #f7f7f7; }
      .addFavorite > ul li:last-child {
        margin-right: 0; }
      .addFavorite > ul li .image {
        display: block;
        margin: 0 auto 5px;
        padding: 0;
        width: 30px;
        height: 30px;
        background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/spnSocialIcons72.png) 0 0 no-repeat;
        background-size: 90px 90px; }
      .addFavorite > ul li a {
        padding: 5px;
        display: block; }
      .addFavorite > ul li.addFriendBtn .image {
        background-position: -30px -30px; }
      .addFavorite > ul li.addBlogLinkBtn .image {
        background-position: -60px -60px; }
  .addFavorite .addFavoriteBtn.one,
  .addFavorite .addFriendBtn.one,
  .addFavorite .addBlogLinkBtn.one {
    margin: 0 auto;
    float: none; }
  .addFavorite .addIgnore {
    margin: 10px 0;
    text-align: center; }
    .addFavorite .addIgnore a {
      display: inline-block;
      border: 1px solid #ddd;
      padding: 4px 16px;
      border-radius: 5px;
      line-height: 100%; }
  .addFavorite.upper {
    margin-top: 10px; }
    .addFavorite.upper > ul li {
      border: 1px solid #f7931e;
      border-bottom-width: 2px; }
    .addFavorite.upper .addFavoriteBtn span {
      vertical-align: middle; }
    .addFavorite.upper .image {
      display: inline-block;
      margin: 0;
      padding: 0;
      width: 24px;
      height: 24px;
      background-size: 64px 64px; }
    .addFavorite.upper .text {
      line-height: 24px; }

.addFavoriteLarge {
  margin: 10px 10px 0;
  padding: 8px;
  border: 1px solid #f7931e;
  border-radius: 5px;
  background: #fefefe; }
  .addFavoriteLarge .addInner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center; }
    .addFavoriteLarge .addInner .addFavoriteImg {
      margin-right: 8px; }
      .addFavoriteLarge .addInner .addFavoriteImg img {
        display: block;
        border: solid 1px #ddd; }
    .addFavoriteLarge .addInner .addFavoriteTxt {
      -webkit-box-flex: 1;
      -webkit-flex: 1;
      flex: 1; }
      .addFavoriteLarge .addInner .addFavoriteTxt h1 {
        color: #333;
        margin-bottom: 2px;
        font-size: 14px;
        font-weight: bold;
        word-break: break-all; }
      .addFavoriteLarge .addInner .addFavoriteTxt .subTxt {
        margin-bottom: 2px;
        font-size: 12px;
        color: #777; }
        .addFavoriteLarge .addInner .addFavoriteTxt .subTxt em {
          font-weight: bold;
          color: #333; }
  .addFavoriteLarge .addBtn {
    margin-top: 4px; }
    .addFavoriteLarge .addBtn button {
      display: block;
      width: 100%;
      padding: 0;
      border: none;
      border-bottom: solid 2px #BF7116;
      border-radius: 5px;
      background-color: #f7931e;
      text-align: center;
      padding: 6px 0; }
    .addFavoriteLarge .addBtn span {
      position: relative;
      display: inline-block;
      font-weight: bold;
      color: #fff;
      padding-left: 24px;
      font-size: 16px; }
    .addFavoriteLarge .addBtn em {
      position: absolute;
      top: 50%;
      left: 0;
      display: inline-block;
      font-weight: bold;
      color: #fff;
      margin-top: -12px;
      line-height: 24px;
      font-size: 24px; }

.socialButtonSp {
  margin: 0 10px;
  width: 290px; }
  .socialButtonSp li {
    margin-bottom: 5px; }
  .socialButtonSp .upper {
    display: inline-block;
    vertical-align: top;
    height: 25px;
    margin-right: 3px; }
  .socialButtonSp .listContents {
    float: left;
    line-height: 1;
    margin: 0 8px 0 0; }
    .socialButtonSp .listContents:last-child {
      margin-right: 0; }
    .socialButtonSp .listContents img {
      vertical-align: bottom; }
  .socialButtonSp .shareMsg {
    line-height: 20px;
    vertical-align: text-bottom;
    font-size: 10px;
    margin: 0 8px;
    width: 55px;
    color: #333; }
  .socialButtonSp .niceBtn .vtsBtn {
    float: none;
    margin: -2px 0 0 0;
    line-height: 20px; }
  .socialButtonSp .twitterSbtn iframe.twitter-share-button {
    width: 94px !important; }

.socialButtonEntry .socialButtonSp {
  margin: 0 10px 10px 10px;
  padding: 10px 0; }
.socialButtonEntry.upper .socialButtonSp {
  padding: 0 10px 10px 10px;
  background: none; }
.socialButtonEntry.bottom .listContents {
  margin-right: 10px; }

.socialButtonWriteResult .socialButtonSp {
  border: 1px solid #ddd;
  padding: 5px;
  margin: 0 auto 10px auto;
  background: #fff;
  border-radius: 5px; }

.socialFollowButton .twitterFollowButton {
  padding: 0 10px; }
  .socialFollowButton .twitterFollowButton iframe {
    margin-bottom: 5px; }

.promotionButton {
  display: block;
  border: 1px solid #ddd;
  background: #fff;
  margin: 10px;
  border-radius: 5px; }

.makeBlogBtn {
  margin: 8px 0;
  padding: 0 8px; }
  .makeBlogBtn a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 38px;
    background-color: #f8d533;
    border-radius: 5px;
    color: #3c3c3c; }
    .makeBlogBtn a p {
      height: 18px;
      padding-left: 32px;
      background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_gloNav.png);
      background-repeat: no-repeat;
      background-position: 0 -270px;
      background-size: 30px 286px;
      line-height: 18px;
      font-weight: bold;
      font-size: 15px; }

/* ランダムブログボタン*/
.randBlog {
  border: 1px solid #64b0bf;
  margin: 0 10px;
  border-radius: 5px;
  text-align: center; }
  .randBlog a {
    border: none;
    padding: 5px 0 5px 0px;
    margin: 0 auto; }
    .randBlog a span {
      background: url("https://s.yimg.jp/images/socialproducts/blog/img2/icoran.png") 0 0 no-repeat;
      background-size: 28px 28px;
      font-weight: bold;
      color: #333;
      line-height: 1.8;
      display: inline-block;
      padding-left: 32px; }

/* マイページ, オフィシャルブログへのリンク */
.yjBlogAppLink {
  padding: 0 10px;
  margin-bottom: 10px;
  font-size: 91%; }
  .yjBlogAppLink.promotionButton {
    border-color: #383838;
    text-align: center; }
  .yjBlogAppLink p {
    display: inline-block;
    line-height: 2;
    padding: 5px 0 5px 34px;
    font-weight: bold;
    font-size: 104%;
    background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/app_icon_ios7_60.png") 0 7px no-repeat;
    background-size: 30px 30px; }
    @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
      .yjBlogAppLink p .yjBlogAppLink p {
        background: url("https://s.yimg.jp/images/blog/smartphone/v2/img/app_icon_ios7_60.png") 0 5px no-repeat; } }

/* 関連記事モジュール関連 */
.relatedModule {
  margin: 10px 0; }
  .relatedModule dl {
    position: relative; }
  .relatedModule .listRowlink li.listLink {
    margin: 0; }
  .relatedModule .bgWhite {
    padding-bottom: 0; }
  .relatedModule .articleTitle,
  .relatedModule .contents {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .relatedModule .articleTitle {
    font-size: .9em;
    line-height: 1.4; }
  .relatedModule .contents {
    font-size: .7em;
    color: #777; }
  .relatedModule .note {
    padding: 10px;
    font-size: .6em;
    color: #777; }
  .relatedModule .hasImg {
    padding-right: 40px; }
  .relatedModule .articleImg {
    position: absolute;
    top: 0;
    right: 0;
    width: 34px;
    height: 34px;
    border: 1px solid #ddd;
    background-size: cover;
    background-position: center center; }

/* 再検索モジュール */
.querySearchModule {
  margin-top: 0; }
  .querySearchModule .contents {
    white-space: normal;
    text-overflow: clip; }

/* よしもと新着モジュール */
.ysmtNewArticle dl {
  padding-left: 40px; }
.ysmtNewArticle .authorName {
  font-size: .8em;
  line-height: 1.4;
  color: #555; }
.ysmtNewArticle .authorImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 35px;
  height: 35px; }

/* 関連書庫モジュール */
.libraryModule .date {
  font-size: .7em;
  color: #777; }

.relatedArticle__header {
  padding: 10px;
  background: #f7f7f7;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  margin-top: 4px;
  overflow: hidden; }
  .relatedArticle__header__btn {
    float: right;
    display: inline-block;
    margin: -5px 0 -4px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    font-size: 10px; }
    .relatedArticle__header__btn a {
      display: inline-block;
      padding: 5px 8px;
      color: #373737 !important; }
.relatedArticle__list {
  padding: 0 10px;
  background-color: #fff; }
.relatedArticle__item {
  background-color: #fff;
  border-bottom: 1px solid #ddd; }
.whiteMask .relatedArticle__item {
  opacity: 0.5; }
.relatedArticle__more {
  display: block;
  text-align: center; }
  .relatedArticle__more a {
    display: block;
    padding: 10px 0;
    color: #373737 !important;
    font-size: 14px; }
.relatedArticle__delete {
  display: block;
  text-align: center;
  vertical-align: bottom; }
  .relatedArticle__delete a {
    display: block;
    padding: 10px 0;
    color: #373737 !important;
    font-size: 14px;
    line-height: 20px; }
    .relatedArticle__delete a:before {
      position: relative;
      top: 0px;
      display: inline-block;
      width: 10px;
      height: 10px;
      content: "";
      margin-right: 5px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_cross.png) no-repeat center center;
      background-size: 10px 10px; }

.imageList {
  position: relative;
  padding: 10px;
  min-height: 50px;
  background-color: #fff; }
  .imageList__title {
    margin-top: -3px;
    padding-left: 80px;
    color: #333;
    font-size: .9em;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical; }
  .imageList__date {
    color: #777;
    font-size: .7em; }
  .imageList__thumbnailImg {
    position: absolute;
    top: 10px;
    left: 0;
    width: 80px;
    height: 50px;
    background-size: cover;
    background-position: center;
    text-indent: -9999px;
    overflow: hidden; }
  .imageList__date {
    padding-left: 80px; }

/* 記事一覧, カテゴリ一覧 */
.archiveListImg,
.categryListImg,
.searchArticleImg {
  margin-left: 5px;
  width: 60px;
  height: 60px;
  float: right; }

/* 形態素モジュール */
.searchArticleImg {
  margin: 5px 0 0 5px; }

.keywordSearch strong {
  font-weight: bold; }

/* 記事アクセスランキング */
.articleRank li {
  position: relative;
  padding: 0 10px 0 36px; }
  .articleRank li a {
    height: 40px;
    padding: 10px 0; }
.articleRank .rank {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 16px;
  font-size: 1.4em;
  color: #fff;
  padding: 0 2px;
  border-radius: 3px;
  line-height: 34px;
  background: #ddd; }
.articleRank .rank1 {
  background: #fc0; }
.articleRank .rank2 {
  background: #cdcdcd; }
.articleRank .rank3 {
  background: #cfac79; }
.articleRank dt {
  position: relative;
  font-size: .9em; }
  .articleRank dt .rankingTitle {
    padding-right: 52px; }
  .articleRank dt .readTime {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: .8em;
    padding-top: 3px;
    color: #555; }
.articleRank .rankingTitle,
.articleRank .contents {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis; }
.articleRank .contents {
  line-height: 1.4;
  font-size: .7em;
  color: #777; }

.ysmtTopics {
  background-color: #fff; }
  .ysmtTopics h2 {
    margin-bottom: 0 !important; }
  .ysmtTopics .mainNews {
    position: relative; }
    .ysmtTopics .mainNews a {
      display: block; }
    .ysmtTopics .mainNews .img {
      width: 100%;
      max-height: 200px;
      overflow: hidden; }
    .ysmtTopics .mainNews img {
      width: 100%;
      vertical-align: bottom; }
    .ysmtTopics .mainNews .title {
      position: absolute;
      bottom: 0;
      margin-bottom: 0 !important;
      padding: 5px 10px;
      width: 100%;
      color: #fff;
      font-size: .9em;
      font-weight: bold;
      background: -moz-linear-gradient(top, rgba(107, 107, 107, 0) 0%, rgba(21, 21, 21, 0.66) 80%, rgba(0, 0, 0, 0.66) 100%);
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(107, 107, 107, 0)), color-stop(80%, rgba(21, 21, 21, 0.66)), color-stop(100%, rgba(0, 0, 0, 0.66)));
      background: -webkit-linear-gradient(top, rgba(107, 107, 107, 0) 0%, rgba(21, 21, 21, 0.66) 80%, rgba(0, 0, 0, 0.66) 100%);
      background: linear-gradient(to bottom, rgba(107, 107, 107, 0) 0%, rgba(21, 21, 21, 0.66) 80%, rgba(0, 0, 0, 0.66) 100%);
      box-sizing: border-box; }
  .ysmtTopics .topicsList {
    margin: 0 10px; }
    .ysmtTopics .topicsList li {
      border-bottom: 1px solid #ddd; }
      .ysmtTopics .topicsList li a {
        display: -moz-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 10px 0; }
      .ysmtTopics .topicsList li .thumbnailImg {
        width: 80px;
        height: 50px;
        overflow: hidden; }
      .ysmtTopics .topicsList li img {
        width: 80px;
        height: auto; }
      .ysmtTopics .topicsList li .newsTxt {
        padding: 0 0 0 10px;
        color: #333;
        font-size: .8em;
        -moz-box-flex: 1.0;
        -webkit-box-flex: 1.0;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        flex: 1; }
      .ysmtTopics .topicsList li:last-child {
        border-bottom: none; }

.ysmtRank .rankingDetailPage {
  padding: 5px 0;
  counter-reset: rankNumber;
  letter-spacing: -0.4em; }
  .ysmtRank .rankingDetailPage li:nth-child(1), .ysmtRank .rankingDetailPage li:nth-child(2), .ysmtRank .rankingDetailPage li:nth-child(3) {
    width: 33%; }
  .ysmtRank .rankingDetailPage li::before {
    counter-increment: rankNumber;
    content: counter(rankNumber); }
  .ysmtRank .rankingDetailPage li:nth-child(1)::before, .ysmtRank .rankingDetailPage li:nth-child(2)::before, .ysmtRank .rankingDetailPage li:nth-child(3)::before {
    content: ""; }
  .ysmtRank .rankingDetailPage li:nth-child(n+4)::before {
    position: absolute;
    top: 10px;
    left: 50%;
    width: 20px;
    text-align: center;
    margin-left: -31px;
    background-color: #000;
    color: #fff;
    font-size: .6em;
    font-weight: bold;
    line-height: 20px; }
  .ysmtRank .rankingDetailPage .rankingList {
    position: relative;
    display: inline-block;
    letter-spacing: normal;
    margin: 0;
    width: 25%;
    border-bottom: none;
    vertical-align: top; }
    .ysmtRank .rankingDetailPage .rankingList a {
      display: block;
      padding: 10px 0 0;
      background: none;
      line-height: 1.2; }
      .ysmtRank .rankingDetailPage .rankingList a .rankingWrapper,
      .ysmtRank .rankingDetailPage .rankingList a .authorImg {
        margin: 0 auto 5px auto; }
      .ysmtRank .rankingDetailPage .rankingList a .rankingWrapper {
        width: 60px;
        height: 60px;
        position: relative; }
        .ysmtRank .rankingDetailPage .rankingList a .rankingWrapper .crown {
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          background-color: #000;
          text-align: center;
          width: 20px;
          color: #fff;
          font-size: .6em;
          font-weight: bold;
          line-height: 20px; }
        .ysmtRank .rankingDetailPage .rankingList a .rankingWrapper .rnk1st {
          background-color: #fc0; }
        .ysmtRank .rankingDetailPage .rankingList a .rankingWrapper .rnk2nd {
          background-color: #cdcdcd; }
        .ysmtRank .rankingDetailPage .rankingList a .rankingWrapper .rnk3rd {
          background-color: #cfac79; }
      .ysmtRank .rankingDetailPage .rankingList a .authorImg {
        height: 60px;
        width: 60px;
        border: 1px solid #ddd;
        overflow: hidden;
        float: none; }
        .ysmtRank .rankingDetailPage .rankingList a .authorImg img {
          width: 60px; }
      .ysmtRank .rankingDetailPage .rankingList a .authorName {
        padding: 0 10px;
        font-size: .6em;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
.ysmtRank .listRowlink li.listLink {
  margin: 0; }

.ysmtBlogger .ysmtListIndex {
  padding: 0 10px; }
  .ysmtBlogger .ysmtListIndex .mt10 {
    margin-top: 10px; }
  .ysmtBlogger .ysmtListIndex .genreList, .ysmtBlogger .ysmtListIndex .alphabetList {
    border: 1px solid #ddd;
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    margin-bottom: 10px; }
    .ysmtBlogger .ysmtListIndex .genreList li, .ysmtBlogger .ysmtListIndex .alphabetList li {
      border-right: 1px solid #ddd;
      -webkit-box-flex: 1;
      flex-grow: 1;
      text-align: center;
      padding: 6px 0; }
      .ysmtBlogger .ysmtListIndex .genreList li:last-child, .ysmtBlogger .ysmtListIndex .alphabetList li:last-child {
        border-right: none; }
      .ysmtBlogger .ysmtListIndex .genreList li a, .ysmtBlogger .ysmtListIndex .alphabetList li a {
        display: block; }
  .ysmtBlogger .ysmtListIndex .alphabetListAnchor {
    border-radius: 5px;
    display: -webkit-box;
    display: flex;
    margin: 0 0 10px 0; }
    .ysmtBlogger .ysmtListIndex .alphabetListAnchor li {
      border-right: 1px solid #ddd;
      -webkit-box-flex: 1;
      flex-grow: 1;
      text-align: center; }
      .ysmtBlogger .ysmtListIndex .alphabetListAnchor li:last-child {
        border-right: none; }
      .ysmtBlogger .ysmtListIndex .alphabetListAnchor li a {
        display: block; }
.ysmtBlogger .ysmtBloggerList {
  padding: 0 10px; }
  .ysmtBlogger .ysmtBloggerList .captionHeader {
    background: #ceedf0;
    padding: 0 10px;
    border-radius: 5px; }
    .ysmtBlogger .ysmtBloggerList .captionHeader h3 {
      float: left;
      font-size: 1.6em;
      font-weight: bold;
      color: #777; }
    .ysmtBlogger .ysmtBloggerList .captionHeader a {
      display: block;
      float: right;
      line-height: 39px; }
  .ysmtBlogger .ysmtBloggerList ul {
    padding: 5px 0;
    display: flex;
    display: -webkit-flex;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    justify-content: space-around;
    -webkit-justify-content: space-around; }
  .ysmtBlogger .ysmtBloggerList li {
    width: 90px;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top; }
    .ysmtBlogger .ysmtBloggerList li a {
      display: block; }
      .ysmtBlogger .ysmtBloggerList li a .profImg {
        height: 90px;
        background-size: cover;
        display: block; }
      .ysmtBlogger .ysmtBloggerList li a .profName {
        font-size: 12px;
        padding: 5px 0;
        text-align: center; }

.ysmtSearchBuzz {
  background-color: #fff; }
  .ysmtSearchBuzz .buzzList {
    padding-top: 10px;
    letter-spacing: -0.4em;
    counter-reset: rankNumber; }
    .ysmtSearchBuzz .buzzList li {
      display: inline-block;
      position: relative;
      width: 25%;
      margin-bottom: 10px;
      letter-spacing: normal;
      vertical-align: top; }
    .ysmtSearchBuzz .buzzList a {
      text-align: center; }
    .ysmtSearchBuzz .buzzList .authorImg {
      margin: 0 auto 5px;
      width: 70px;
      height: 70px;
      border: 1px solid #ddd;
      overflow: hidden; }
      .ysmtSearchBuzz .buzzList .authorImg img {
        width: 70px; }
    .ysmtSearchBuzz .buzzList .authorName {
      padding: 0 5px;
      color: #333;
      font-size: .6em;
      line-height: 1.3;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }

.ysmtArticleRanking {
  background-color: #fff; }
  .ysmtArticleRanking header h2 {
    margin-bottom: 0 !important; }
  .ysmtArticleRanking .articleRanking {
    counter-reset: articleRankingNumber;
    padding: 0 10px;
    background-color: #fff; }
    .ysmtArticleRanking .articleRanking li {
      position: relative;
      padding: 10px 0;
      border-bottom: 1px solid #ddd; }
      .ysmtArticleRanking .articleRanking li::before {
        position: absolute;
        left: 0;
        top: 10px;
        padding: 2px 5px;
        color: #fff;
        font-size: .6em;
        font-weight: bold;
        text-align: center;
        background-color: #000;
        counter-increment: articleRankingNumber;
        content: counter(articleRankingNumber); }
      .ysmtArticleRanking .articleRanking li::nth-child(1):before {
        background-color: #fc0; }
      .ysmtArticleRanking .articleRanking li::nth-child(2):before {
        background-color: #cdcdcd; }
      .ysmtArticleRanking .articleRanking li::nth-child(3):before {
        background-color: #cfac79; }
      .ysmtArticleRanking .articleRanking li::last-child {
        border-bottom: none; }
      .ysmtArticleRanking .articleRanking li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; }
      .ysmtArticleRanking .articleRanking li .thumbnailImg {
        margin-right: 10px;
        width: 60px;
        height: 60px;
        overflow: hidden;
        background-color: #ddd;
        background-size: cover;
        background-position: center center;
        text-indent: -9999px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        flex: 0 0 auto; }
      .ysmtArticleRanking .articleRanking li dl {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        flex: 1 1 auto; }
        .ysmtArticleRanking .articleRanking li dl .authorName {
          color: #777;
          font-size: .7em; }
        .ysmtArticleRanking .articleRanking li dl .articleTitle {
          color: #333;
          font-size: .9em;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }
        .ysmtArticleRanking .articleRanking li dl .date {
          color: #ccc;
          font-size: .7em;
          text-align: right; }

.prBn {
  text-align: center;
  margin: 10px 0; }
  .prBn img {
    vertical-align: bottom; }

/* new for rich image list */
.imageList li {
  margin: 10px 0;
  border: none;
  box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5); }
  .imageList li.listLink {
    box-shadow: none; }
    .imageList li.listLink a {
      padding: 10px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/arrow_blue_next_l.png) no-repeat right center; }
  .imageList li a {
    display: block;
    position: relative;
    background: none;
    padding: 0; }
    .imageList li a dl {
      position: absolute;
      width: 100%;
      padding: 5px;
      bottom: 0;
      background-color: rgba(255, 255, 255, 0.8); }
      .imageList li a dl dt {
        width: 100%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
    .imageList li a .imgBg {
      height: 150px;
      background-size: cover;
      background-position: center center; }

/* 記事投稿ページ 日時指定投稿 */
.dateSpecify {
  margin-top: 10px; }
  .dateSpecify dl {
    margin-bottom: 0 !important; }
    .dateSpecify dl dt {
      margin-bottom: 8px; }
  .dateSpecify .inputTimeForms {
    margin-bottom: 4px; }
    .dateSpecify .inputTimeForms input {
      -webkit-appearance: button;
      -moz-appearance: button;
      appearance: button;
      display: block;
      float: left;
      background: #fff;
      font-size: 16px;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 4px; }
      .dateSpecify .inputTimeForms input[type="date"] {
        width: 50%;
        margin-right: 4%; }
      .dateSpecify .inputTimeForms input[type="time"] {
        width: 30%; }
  .dateSpecify .dateSpecifyInfo {
    font-size: 14px; }
    .dateSpecify .dateSpecifyInfo.gray {
      color: #777; }
    .dateSpecify .dateSpecifyInfo.black {
      color: #333; }

.fortuneModule {
  padding: 10px;
  font-size: .9em; }
  .fortuneModule .resultSummaryWrap {
    text-align: center; }
    .fortuneModule .resultSummaryWrap .resultSummary {
      display: inline-block;
      margin-bottom: 10px;
      height: 80px;
      padding-left: 80px; }
      .fortuneModule .resultSummaryWrap .resultSummary p {
        text-align: center; }
        .fortuneModule .resultSummaryWrap .resultSummary p.score {
          font-size: 3em;
          color: #555; }
  .fortuneModule .resultDetailWrap {
    text-align: center; }
    .fortuneModule .resultDetailWrap .resultDetail {
      display: inline-block; }
      .fortuneModule .resultDetailWrap .resultDetail li {
        margin-bottom: 10px;
        position: relative; }
        .fortuneModule .resultDetailWrap .resultDetail li span, .fortuneModule .resultDetailWrap .resultDetail li img {
          vertical-align: middle; }
        .fortuneModule .resultDetailWrap .resultDetail li span {
          margin-right: 26px; }
        .fortuneModule .resultDetailWrap .resultDetail li:last-child {
          margin-bottom: 20px; }
      .fortuneModule .resultDetailWrap .resultDetail .message {
        margin-bottom: 20px;
        text-align: center;
        margin: 10px 0; }
        .fortuneModule .resultDetailWrap .resultDetail .message .luckyItem {
          display: inline-block;
          margin-top: 10px;
          padding: 10px 20px;
          background: #ff8585;
          border-radius: 3px; }
          .fortuneModule .resultDetailWrap .resultDetail .message .luckyItem h5 {
            color: #777; }
  .fortuneModule .links .myBlogPost {
    display: block;
    padding: 10px 0;
    border: 1px solid #64b0bf;
    border-radius: 5px;
    text-align: center;
    background-position-x: 32px;
    text-decoration: none;
    font-size: 1.1em; }
  .fortuneModule .links li {
    text-align: center;
    margin-bottom: 10px; }
    .fortuneModule .links li:first-child {
      margin-bottom: 15px; }
    .fortuneModule .links li:last-child {
      margin-bottom: 0; }
    .fortuneModule .links li.more {
      font-size: .8em; }

.mypageProfile + div .fortuneModule {
  border-top: 1px solid #efefef; }

.mypageCircleModule {
  margin-bottom: 10px; }
  .mypageCircleModule h3 {
    padding: 5px 10px 0;
    font-size: .8em;
    color: #555; }
  .mypageCircleModule ul {
    padding: 10px 0 0 10px; }
    .mypageCircleModule ul li {
      float: left;
      width: 50%;
      position: relative; }
      .mypageCircleModule ul li a, .mypageCircleModule ul li span {
        display: block; }
      .mypageCircleModule ul li a {
        padding: 6px;
        border: 1px solid #b4c3e7;
        border-radius: 8px;
        margin: 0 10px 10px 0;
        text-decoration: none;
        font-size: .6em;
        color: #5873ad;
        background: #eff4ff;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .mypageCircleModule ul li span {
        position: absolute;
        background: #fdb176;
        z-index: 1; }
      .mypageCircleModule ul li .parentCategory {
        background: #fff;
        border: 1px solid #b4c3e7;
        border-radius: 8px;
        font-size: .6em;
        line-height: 1.1;
        padding: 0 8px;
        color: #5873ad;
        top: -6px;
        left: 8px; }
      .mypageCircleModule ul li .notice {
        background: #fdb176;
        padding: 2px;
        border-radius: 16px;
        color: #fff;
        font-weight: bold;
        top: 5px;
        right: 14px;
        font-size: .6em; }
  .mypageCircleModule .hide {
    display: none; }
  .mypageCircleModule .recentVisited li {
    width: 33%; }
  .mypageCircleModule .more a {
    display: block;
    text-align: center;
    padding: 10px 0;
    background: #eff4ff;
    font-size: .8em;
    border-top: 1px solid #b4c3e7;
    border-bottom: 1px solid #b4c3e7; }

.circleTagList {
  margin: 10px;
  border: 2px solid #5873ad;
  border-radius: 5px;
  background: #fecf78; }
  .circleTagList a, .circleTagList a:visited {
    display: block;
    font-size: .8em;
    color: #fff !important; }
  .circleTagList .contentsWrapper {
    position: relative;
    padding: 10px 24px 0 10px; }
    .circleTagList .contentsWrapper > p {
      color: #333;
      font-size: .8em;
      margin-bottom: 8px; }
    .circleTagList .contentsWrapper li {
      float: left;
      margin: 0 10px 10px 0; }
      .circleTagList .contentsWrapper li a {
        padding: 4px;
        border-radius: 8px;
        background: #5873ad; }
    .circleTagList .contentsWrapper .helpLink {
      position: absolute;
      bottom: 4px;
      right: 4px;
      width: 16px;
      height: 16px;
      text-indent: -9999px;
      background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/circle_question_60.png);
      background-repeat: no-repeat;
      background-size: 16px; }

.circleWriteResultModule {
  width: 290px;
  border: 2px solid #5873ad;
  padding: 5px;
  margin: 0 auto 10px auto;
  background: #fecf78;
  border-radius: 5px; }
  .circleWriteResultModule p {
    font-size: .8em;
    color: #333;
    margin-bottom: 4px; }
    .circleWriteResultModule p strong {
      font-weight: bold; }
  .circleWriteResultModule li {
    float: left; }
    .circleWriteResultModule li a {
      display: block;
      padding: 4px;
      margin: 0 10px 10px 0;
      border-radius: 8px;
      color: #fff;
      font-size: .8em;
      background: #5873ad; }
  .circleWriteResultModule .helpLink a {
    text-align: right;
    line-height: 20px;
    color: #5873ad;
    font-size: .8em;
    display: block; }
    .circleWriteResultModule .helpLink a span {
      background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/circle_question_60.png);
      background-repeat: no-repeat;
      background-size: 20px;
      display: inline-block;
      line-height: 20px;
      text-indent: -9999px;
      text-align: left;
      width: 20px; }

.profileTop {
  padding-bottom: 0;
  margin-bottom: 10px;
  color: #777; }
  .profileTop header {
    position: relative; }
    .profileTop header .cpLink {
      position: absolute;
      top: 4px;
      right: 10px; }
      .profileTop header .cpLink a {
        font-size: .8em; }
  .profileTop h3 {
    font-weight: bold;
    font-size: .8em;
    color: #555;
    padding: 10px; }
  .profileTop dl {
    margin-bottom: 10px;
    padding: 0 10px; }
    .profileTop dl dt {
      color: #777;
      font-size: .8em;
      padding-top: 4px; }
      .profileTop dl dt.firstItem {
        border-top: 1px solid #ddd; }
    .profileTop dl dd {
      border-bottom: 1px solid #ddd; }
  .profileTop .profileDetail {
    margin-bottom: 0; }

.settingFavWrap li {
  padding: 0;
  position: relative; }
  .settingFavWrap li p {
    height: 30px;
    font-size: .6em; }
  .settingFavWrap li .imgWrapper {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 28px;
    height: 28px; }
  .settingFavWrap li a {
    display: block;
    padding: 10px 60px 10px 50px; }
    .settingFavWrap li a.hasDoubleButton {
      padding-right: 104px; }
  .settingFavWrap li .deleteLink, .settingFavWrap li .positiveLink {
    position: absolute;
    padding: 8px;
    top: 8px;
    right: 10px;
    border: 1px solid #ad0900;
    border-radius: 5px;
    font-size: .6em;
    color: #ad0900; }
  .settingFavWrap li .positiveLink {
    border-color: #383838;
    color: #383838; }
    .settingFavWrap li .positiveLink.approveLink {
      right: 56px; }
  .settingFavWrap li .lineBreak {
    padding: 4px 8px;
    line-height: 1.2; }

.friendRequest .title {
  color: #555; }
  .friendRequest .title a {
    float: left;
    display: block;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: bold;
    text-decoration: underline; }
    .friendRequest .title a + span:before {
      content: "> "; }
  .friendRequest .title span {
    display: block;
    padding: 3px 10px;
    font-size: 16px;
    font-weight: bold; }
.friendRequest .titleBg {
  width: 100%;
  background-color: #ceedf0; }

.circlePromotion .overlay, .simpleImgPost .tpointPromotion .overlay, .twitterEmbedLightBox .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 32768px;
  background: rgba(0, 0, 0, 0.8);
  z-index: 7777; }
.circlePromotion .bannerWrapper, .simpleImgPost .tpointPromotion .bannerWrapper, .twitterEmbedLightBox .bannerWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 7778; }
.circlePromotion .promotionBanner, .simpleImgPost .tpointPromotion .promotionBanner, .twitterEmbedLightBox .promotionBanner {
  position: relative;
  margin: 40px auto 0;
  border: 4px solid #fff;
  border-radius: 4px;
  width: 480px;
  height: 480px; }
  @media (max-width: 768px) {
    .circlePromotion .promotionBanner, .simpleImgPost .tpointPromotion .promotionBanner, .twitterEmbedLightBox .promotionBanner {
      width: 400px;
      height: 400px; } }
  @media (max-width: 480px) {
    .circlePromotion .promotionBanner, .simpleImgPost .tpointPromotion .promotionBanner, .twitterEmbedLightBox .promotionBanner {
      width: 320px;
      height: 320px; } }
  @media (max-width: 320px) {
    .circlePromotion .promotionBanner, .simpleImgPost .tpointPromotion .promotionBanner, .twitterEmbedLightBox .promotionBanner {
      width: 300px;
      height: 300px; } }
  .circlePromotion .promotionBanner a, .simpleImgPost .tpointPromotion .promotionBanner a, .twitterEmbedLightBox .promotionBanner a {
    display: block; }
  .circlePromotion .promotionBanner .close, .simpleImgPost .tpointPromotion .promotionBanner .close, .twitterEmbedLightBox .promotionBanner .close,
  .circlePromotion .promotionBanner .helpLink,
  .simpleImgPost .tpointPromotion .promotionBanner .helpLink,
  .twitterEmbedLightBox .promotionBanner .helpLink {
    position: absolute; }
  .circlePromotion .promotionBanner .close, .simpleImgPost .tpointPromotion .promotionBanner .close, .twitterEmbedLightBox .promotionBanner .close {
    top: 0;
    right: 0;
    width: 40px;
    height: 40px; }
    .circlePromotion .promotionBanner .close .batsu, .simpleImgPost .tpointPromotion .promotionBanner .close .batsu, .twitterEmbedLightBox .promotionBanner .close .batsu {
      width: 40px;
      height: 2px;
      background: #fff;
      transform: rotate(45deg);
      border-radius: 2px;
      margin-top: 20px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg); }
      .circlePromotion .promotionBanner .close .batsu p, .simpleImgPost .tpointPromotion .promotionBanner .close .batsu p, .twitterEmbedLightBox .promotionBanner .close .batsu p {
        text-indent: -9999px; }
      .circlePromotion .promotionBanner .close .batsu:after, .simpleImgPost .tpointPromotion .promotionBanner .close .batsu:after, .twitterEmbedLightBox .promotionBanner .close .batsu:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: inherit;
        border-radius: inherit;
        transform: rotate(90);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg); }
  .circlePromotion .promotionBanner .bannerImg, .simpleImgPost .tpointPromotion .promotionBanner .bannerImg, .twitterEmbedLightBox .promotionBanner .bannerImg {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    text-indent: -9999px; }
  .circlePromotion .promotionBanner .helpLink, .simpleImgPost .tpointPromotion .promotionBanner .helpLink, .twitterEmbedLightBox .promotionBanner .helpLink {
    right: 8px;
    bottom: 2px;
    color: #5873ad;
    font-size: .8em;
    padding-right: 16px;
    background-image: url(https://s.yimg.jp/images/blog/smartphone/v2/img/circle_question_60.png);
    background-size: 12px 12px;
    background-repeat: no-repeat;
    background-position: 80px 4px; }
  .circlePromotion .promotionBanner.brightBn .close .batsu, .simpleImgPost .tpointPromotion .promotionBanner.brightBn .close .batsu, .twitterEmbedLightBox .promotionBanner.brightBn .close .batsu {
    background: #333; }

.simpleImgPost {
  position: relative; }
  .simpleImgPost .uploadImgArea .results .uploadImg .imgWrapper .deleteImg {
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 20px;
    height: 20px; }
    .simpleImgPost .uploadImgArea .results .uploadImg .imgWrapper .deleteImg .batsu {
      display: block;
      width: 20px;
      height: 2px;
      background: #ddd;
      transform: rotate(45deg);
      border-radius: 2px;
      margin-top: 8px;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -o-transform: rotate(45deg); }
      .simpleImgPost .uploadImgArea .results .uploadImg .imgWrapper .deleteImg .batsu:after {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: inherit;
        border-radius: inherit;
        transform: rotate(90);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg); }
  .simpleImgPost .writeArticle {
    padding: 10px; }
    .simpleImgPost .writeArticle .countArea {
      margin-bottom: 10px; }
  .simpleImgPost form {
    padding: 0; }
  .simpleImgPost .button {
    border-radius: 5px;
    color: #fff;
    padding: 10px 0; }
  .simpleImgPost .uploadImgArea {
    margin-bottom: 40px; }
    .simpleImgPost .uploadImgArea .uploadActionArea {
      width: 240px;
      margin: 0 auto;
      position: relative; }
      .simpleImgPost .uploadImgArea .uploadActionArea .uploadImgForm {
        opacity: 0; }
      .simpleImgPost .uploadImgArea .uploadActionArea input {
        position: absolute;
        top: 0;
        left: 0; }
      .simpleImgPost .uploadImgArea .uploadActionArea .uploadImgButton {
        display: block;
        text-align: center;
        background: #383838; }
      .simpleImgPost .uploadImgArea .uploadActionArea.loading .uploadImgButton {
        display: none; }
      .simpleImgPost .uploadImgArea .uploadActionArea .uploadingArea {
        display: none; }
      .simpleImgPost .uploadImgArea .uploadActionArea.loading .uploadingArea {
        display: block;
        text-align: center;
        background: #555; }
    .simpleImgPost .uploadImgArea .results {
      margin: 10px 0; }
      .simpleImgPost .uploadImgArea .results .uploadImg {
        margin-bottom: 10px; }
        .simpleImgPost .uploadImgArea .results .uploadImg:last-child {
          margin-bottom: 0; }
        .simpleImgPost .uploadImgArea .results .uploadImg .imgWrapper {
          border: 1px solid #ddd;
          border-radius: 4px;
          position: relative;
          width: 240px;
          margin: 0 auto; }
          .simpleImgPost .uploadImgArea .results .uploadImg .imgWrapper img {
            vertical-align: bottom; }
          .simpleImgPost .uploadImgArea .results .uploadImg .imgWrapper .deleteImg {
            width: 32px;
            height: 32px;
            border: 1px solid #ddd;
            border-radius: 8px;
            background: #ff8585; }
            .simpleImgPost .uploadImgArea .results .uploadImg .imgWrapper .deleteImg .batsu {
              width: 32px;
              margin-top: 15px;
              background: #fff; }
  .simpleImgPost .preview {
    display: block;
    text-align: center;
    font-size: .8em;
    margin-bottom: 10px;
    font-weight: bold; }
  .simpleImgPost .postArticle {
    text-align: center; }
    .simpleImgPost .postArticle button {
      border: none;
      width: 240px;
      font-size: 16px;
      background: #64b0bf; }
  .simpleImgPost .expandOption {
    color: #ad0900;
    display: none; }
  .simpleImgPost .expandButton {
    font-size: 13px;
    font-weight: normal; }
  .simpleImgPost .tpointPromotion .promotionBanner .bannerImg {
    background-image: url(https://s.yimg.jp/images/socialproducts/blog/img2/tpoint480_480.png); }
  .simpleImgPost .tpointPromotion .promotionBanner .close .batsu {
    background: #333; }

.noDataGroumet {
  text-align: center;
  padding: 30px 40px;
  font-weight: bold;
  font-size: 112%; }

.topGroumet ul {
  padding: 5px; }
  .topGroumet ul li {
    float: left;
    width: 25%; }
    .topGroumet ul li a {
      display: block;
      height: 55px;
      color: #fff;
      position: relative;
      margin: 1px;
      background-repeat: no-repeat;
      background-size: cover;
      font-size: 90%;
      background-position: center center; }
      .topGroumet ul li a span {
        border-radius: 3px;
        position: absolute;
        padding: 0 3px;
        right: 3px;
        bottom: 3px;
        background: rgba(0, 0, 0, 0.6); }

.districtList ul {
  padding: 5px; }
  .districtList ul li {
    float: left;
    width: 33.3333333333%; }
    .districtList ul li a {
      display: block;
      height: 50px;
      color: #fff;
      position: relative;
      margin: 1px;
      background-repeat: no-repeat;
      background-size: cover;
      font-size: 90%;
      background-position: center center; }
      .districtList ul li a:nth-child(3n-1) a {
        margin: 5px 5px 0 5px; }
      .districtList ul li a span {
        border-radius: 3px;
        position: absolute;
        padding: 0 3px;
        right: 3px;
        bottom: 3px;
        background: rgba(0, 0, 0, 0.6); }

.areaHeader {
  margin: 0 0 5px 0; }
  .areaHeader .headerText {
    color: #333;
    background: url("https://s.yimg.jp/images/socialproducts/blog/img2/foodie_icon-2.png") 200px 0 no-repeat;
    background-size: 210px; }
    .areaHeader .headerText .headerTitle {
      padding: 7px 10px; }
      .areaHeader .headerText .headerTitle img {
        float: left;
        margin: -15px 5px 0 0; }
      .areaHeader .headerText .headerTitle h2 {
        font-weight: bold;
        font-size: 110%;
        float: left; }
        .areaHeader .headerText .headerTitle h2 img {
          background: url(https://s.yimg.jp/images/socialproducts/blog/img2/knife_fork-2.png) no-repeat;
          background-size: 65%;
          margin: 0;
          float: none;
          vertical-align: middle; }
    .areaHeader .headerText .description {
      padding: 0 10px 10px 10px;
      font-size: 75%; }
  .areaHeader .socialButtons {
    padding-left: 10px; }
    .areaHeader .socialButtons li {
      float: left; }
      .areaHeader .socialButtons li.twitterSbtn {
        width: 96px; }
      .areaHeader .socialButtons li.faceSbtn {
        margin-right: 10px; }

.districtList ul {
  margin-bottom: 10px; }
  .districtList ul li a {
    min-height: 100px; }

.areaDetailBody .showGenre {
  padding: 5px; }
  .areaDetailBody .showGenre p {
    float: left;
    margin: 0 15px 0 0; }
  .areaDetailBody .showGenre ul {
    float: right; }
  .areaDetailBody .showGenre li {
    float: left;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 0 0 7px;
    background: url(https://s.yimg.jp/images/socialproducts/blog/img2/icon2.png) 0 -415px no-repeat; }
    .areaDetailBody .showGenre li.genreReset {
      background: none; }
    .areaDetailBody .showGenre li a {
      display: inline; }
.areaDetailBody .areaBlogList {
  padding: 10px; }
  .areaDetailBody .areaBlogList li {
    position: relative;
    margin: 0 0 10px 0; }
    .areaDetailBody .areaBlogList li a:first-child {
      background-size: cover;
      background-repeat: no-repeat;
      display: block;
      min-height: 240px;
      position: relative;
      color: #fff;
      border-radius: 5px; }
    .areaDetailBody .areaBlogList li a .imgDesc {
      background: -moz-linear-gradient(top, transparent 0%, black 100%);
      background: -webkit-linear-gradient(top, transparent 0%, black 100%);
      background: linear-gradient(to bottom, transparent 0%, black 100%);
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      border-radius: 0 0 5px 5px; }
      .areaDetailBody .areaBlogList li a .imgDesc strong {
        padding: 10px 10px 0 10px;
        display: block;
        font-weight: bold; }
      .areaDetailBody .areaBlogList li a .imgDesc span {
        padding: 0 10px 10px;
        display: block;
        font-size: 90%;
        line-height: 1.3em; }
    .areaDetailBody .areaBlogList li a.genreButton {
      position: absolute;
      top: 5px;
      right: 5px;
      background: rgba(255, 255, 255, 0.8);
      color: #333;
      padding: 5px 5px 3px 5px;
      text-shadow: 0 1px 1px #fff;
      box-shadow: 0 1px 1px #ddd;
      border-radius: 2px;
      font-weight: bold;
      font-size: 90%; }
    .areaDetailBody .areaBlogList li.others {
      width: 50%;
      float: left; }
      .areaDetailBody .areaBlogList li.others:nth-child(even) a:first-child {
        margin: 1px 1px 0 1px; }
      .areaDetailBody .areaBlogList li.others a:first-child {
        min-height: 200px;
        margin: 1px 1px 0 0; }
      .areaDetailBody .areaBlogList li.others a.genreButton {
        font-size: 80%; }
      .areaDetailBody .areaBlogList li.others a .imgDesc {
        width: 100%; }
        .areaDetailBody .areaBlogList li.others a .imgDesc strong {
          font-weight: normal;
          font-size: 100%;
          padding: 5px; }

.selectDistrict {
  margin: 0 0 10px 0; }
  .selectDistrict h3 {
    font-weight: bold;
    text-align: center;
    padding: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: relative; }
    .selectDistrict h3:before {
      content: "";
      position: absolute;
      left: 10px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/btn_icon.png) no-repeat;
      display: block;
      background-position: -81px -41px;
      width: 27px;
      height: 27px;
      text-indent: -9999px;
      overflow: hidden; }
    .selectDistrict h3:first-child {
      border-bottom: none; }

.twitterEmbedLightBox {
  display: none; }
  .twitterEmbedLightBox .bannerWrapper {
    height: 0; }
  .twitterEmbedLightBox .promotionBanner {
    position: fixed;
    top: 20px;
    left: 50%;
    background: #fff;
    border: none;
    height: auto;
    width: 40%;
    margin: 0 0 0 -20%; }
    .twitterEmbedLightBox .promotionBanner .close .batsu {
      background: #777; }
    @media (max-width: 768px) {
      .twitterEmbedLightBox .promotionBanner {
        width: 60%;
        margin-left: -30%; } }
    @media (max-width: 480px) {
      .twitterEmbedLightBox .promotionBanner {
        width: 96%;
        margin-left: -48%; } }
    @media (max-width: 320px) {
      .twitterEmbedLightBox .promotionBanner {
        width: 96%;
        margin-left: -48%; } }
    .twitterEmbedLightBox .promotionBanner .tweetListWrapper {
      background: #fff;
      border-radius: 4px; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .modalHeader {
        padding: 12px 0;
        margin-bottom: 16px;
        background: #e8f4f9;
        border-radius: 4px 4px 0 0;
        cursor: move; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .modalHeader p {
          color: #1f98c7;
          font-weight: bold;
          padding-left: 8px; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .menuTab {
        margin: 0 8px; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .menuTab ul {
          border-bottom: 1px solid #777;
          margin-bottom: 16px;
          overflow: visible; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .menuTab ul li {
            float: left;
            margin-left: 8px;
            width: 72px;
            border: 1px solid #ddd;
            border-bottom: none;
            border-radius: 4px 4px 0 0; }
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .menuTab ul li p {
              padding: 16px 0;
              background: #fff;
              color: #ddd;
              text-align: center;
              border-radius: 4px 4px 0 0;
              font-size: 10px; }
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .menuTab ul li.current {
              font-weight: bold;
              color: #333;
              border-color: #777;
              cursor: default; }
              .twitterEmbedLightBox .promotionBanner .tweetListWrapper .menuTab ul li.current p {
                position: relative;
                bottom: -1px; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .noTimeLine {
        display: none; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .noTimeLine p {
          text-align: center;
          padding: 60px 0;
          color: #777;
          font-size: 14px; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine,
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchedTimeLine,
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .tweetSetting {
        padding: 0 8px;
        margin-bottom: 8px; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl,
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl {
        padding: 0 0 8px 56px;
        margin-bottom: 16px;
        border-bottom: 1px solid #ddd;
        position: relative; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl dt, .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl dd,
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl dt,
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl dd {
          color: #333; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl dt,
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl dt {
          margin-bottom: 4px;
          font-weight: bold;
          font-size: 14px; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl dd,
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl dd {
          margin-bottom: 8px;
          font-size: 12px;
          line-height: 1.4; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl dd.insertTweet,
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl dd.insertTweet {
            margin-bottom: 0;
            text-align: right; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl dd button,
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl dd button {
            padding: 0;
            background: #fff;
            border: 1px solid #777;
            border-bottom-width: 2px;
            border-radius: 4px;
            color: #333;
            cursor: pointer;
            line-height: 1;
            padding: 8px 16px;
            font-size: 14px;
            color: #777;
            border-color: #59adec; }
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl dd button:hover,
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl dd button:hover {
              background: #f0f0f0; }
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl dd button:active,
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl dd button:active {
              border-bottom-width: 1px;
              position: relative;
              top: 1px;
              margin-bottom: 1px; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine ul li dl .screenImg,
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet ul li dl .screenImg {
          position: absolute;
          top: 0;
          left: 0;
          width: 48px;
          height: 48px;
          border-radius: 5px;
          overflow: hidden; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .myTwTimeLine,
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchedTimeLine {
        overflow: auto;
        -webkit-overflow-scrolling: touch; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet {
        display: none; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox {
          padding: 0 8px;
          margin-bottom: 8px; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox p {
            padding-bottom: 8px;
            font-size: 14px; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox input, .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox button {
            vertical-align: top; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox input[type="text"] {
            height: 32px;
            width: 72%;
            border-radius: 4px;
            border: 2px solid #ddd;
            font-size: 20px; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox button {
            padding: 0;
            background: #fff;
            border: 1px solid #777;
            border-bottom-width: 2px;
            border-radius: 4px;
            color: #333;
            cursor: pointer;
            line-height: 1;
            padding: 0 16px;
            height: 35px;
            background: #59adec;
            color: #fff;
            border-color: #ddd; }
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox button:hover {
              background: #f0f0f0; }
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox button:active {
              border-bottom-width: 1px;
              position: relative;
              top: 1px;
              margin-bottom: 1px; }
            .twitterEmbedLightBox .promotionBanner .tweetListWrapper .searchTweet .searchBox button:hover {
              background: #76bbef; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .tweetSetting {
        display: none; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .tweetSetting dt {
          float: left;
          line-height: 48px;
          font-size: 14px; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .tweetSetting dd {
          float: right; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .tweetSetting button {
          padding: 0;
          background: #fff;
          border: 1px solid #777;
          border-bottom-width: 2px;
          border-radius: 4px;
          color: #333;
          cursor: pointer;
          line-height: 1;
          padding: 16px;
          border: 1px solid #ad0900;
          background: #ad0900;
          color: #fff;
          font-size: 14px; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .tweetSetting button:hover {
            background: #f0f0f0; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .tweetSetting button:active {
            border-bottom-width: 1px;
            position: relative;
            top: 1px;
            margin-bottom: 1px; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .tweetSetting button:hover {
            background: #cc0b00; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .loading,
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .more {
        margin-bottom: 8px; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .loading {
        text-align: center; }
      .twitterEmbedLightBox .promotionBanner .tweetListWrapper .more {
        display: none; }
        .twitterEmbedLightBox .promotionBanner .tweetListWrapper .more button {
          padding: 0;
          background: #fff;
          border: 1px solid #777;
          border-bottom-width: 2px;
          border-radius: 4px;
          color: #333;
          cursor: pointer;
          line-height: 1;
          height: 40px;
          width: 100%;
          font-size: 14px;
          border: none;
          border-radius: 0;
          border-top: 1px solid #ddd;
          border-bottom: 1px solid #ddd; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .more button:hover {
            background: #f0f0f0; }
          .twitterEmbedLightBox .promotionBanner .tweetListWrapper .more button:active {
            border-bottom-width: 1px;
            position: relative;
            top: 1px;
            margin-bottom: 1px; }

.modal.overlay {
  background: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%; }

.modalwindow {
  position: absolute;
  top: 0px;
  left: 50%;
  z-index: 101;
  width: 50%;
  background: #f7f7f7;
  border-radius: 3px;
  width: 96%;
  margin-left: -48%;
  margin-bottom: 48px; }
  .modalwindow .closeModal {
    cursor: pointer;
    margin: 0 10px 0 0;
    float: right; }
    .modalwindow .closeModal .cross {
      width: 28px;
      height: 2px;
      background-color: #777;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      margin: 25px auto; }
    .modalwindow .closeModal .cross:after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-color: inherit;
      transform: rotate(90deg);
      -webkit-transform: rotate(90deg);
      -moz-transform: rotate(90deg); }
  .modalwindow .modalBody {
    padding: 10px; }
    .modalwindow .modalBody ul {
      width: 100%; }
      .modalwindow .modalBody ul li {
        float: left;
        width: 33.333333%; }
        .modalwindow .modalBody ul li a {
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin: 0 5px 10px;
          display: block;
          font-size: .6em;
          border: 1px solid #777;
          border-radius: 6px;
          padding: 4px;
          background: #fff; }

.helpBalloon {
  position: absolute;
  width: 100px;
  right: 4px;
  top: 152px;
  border: 1px solid #59adec;
  background: #fff;
  padding: 4px;
  border-radius: 4px;
  z-index: 1; }
  .helpBalloon:before, .helpBalloon:after {
    display: block;
    content: "";
    position: absolute;
    border: 4px solid transparent;
    top: -8px; }
  .helpBalloon:before {
    border-bottom-color: #59adec;
    top: -12px;
    right: 6px;
    border-width: 6px; }
  .helpBalloon:after {
    border-bottom-color: #fff;
    right: 8px; }
  .helpBalloon p {
    color: #333;
    font-size: 10px; }
    .helpBalloon p:last-of-type {
      color: #777;
      text-align: center;
      padding: 4px 0; }

.chieQaEmbed .questionIcon, .chieQaEmbed .answerIcon, .chieQaEmbed .linkToChie p, .chieQaEmbed .question, .chieQaEmbed .answer, .chieQaEmbed .notFound {
  background: url(https://s.yimg.jp/images/socialproducts/blog/img2/chieIcons-1.0.0.png) no-repeat; }

.chieQaEmbed .questionIcon {
  background-position: 0 0; }

.chieQaEmbed .answerIcon {
  background-position: -40px -40px; }

.chieQaEmbed .linkToChie p {
  background-position: -76px -76px; }

.chieQaEmbed .question {
  background-position: -156px -262px; }

.chieQaEmbed .answer {
  background-position: -272px -380px; }

.chieQaEmbed .notFound {
  background-position: -356px -464px; }

.chieQA {
  margin: 0; }

.chieHeader,
.chieQaEmbed {
  text-align: left;
  margin: 0 auto; }

.chieHeader {
  width: 280px;
  padding: 10px;
  border-radius: 4px 4px 0 0;
  background: #b07be6; }
  .chieHeader img {
    vertical-align: bottom; }

.chieQaEmbed {
  width: 278px;
  background: #fff;
  padding: 10px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #ddd;
  border-top: none; }
  .chieQaEmbed p {
    color: #333;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px; }
    .chieQaEmbed p.qaDate {
      text-align: right;
      color: #999;
      font-size: 13px;
      margin-bottom: 0; }
  .chieQaEmbed .question {
    background-position: 28px -262px;
    padding-bottom: 10px;
    border-bottom: 4px solid #f7f7f7; }
  .chieQaEmbed .answer {
    background-position: -56px -370px;
    padding: 10px 0; }
    .chieQaEmbed .answer p:first-of-type {
      margin-bottom: 0;
      color: #4d5f79; }
  .chieQaEmbed .questionIcon,
  .chieQaEmbed .answerIcon {
    width: 20px;
    height: 20px;
    margin-bottom: 10px; }
  .chieQaEmbed .notFound {
    padding-top: 60px;
    background-size: 500px;
    background-position: -216px -278px; }
    .chieQaEmbed .notFound p {
      text-align: center;
      color: #777;
      margin-bottom: 10px;
      font-size: 14px; }
  .chieQaEmbed .linkToChie {
    text-align: right; }
    .chieQaEmbed .linkToChie p {
      display: inline-block;
      *display: inline;
      *zoom: 1;
      padding-left: 24px;
      margin-bottom: 0; }
      .chieQaEmbed .linkToChie p a {
        color: #b07be6;
        text-decoration: none;
        font-size: 14px;
        line-height: 20px; }
        .chieQaEmbed .linkToChie p a:visited {
          color: #383838; }

.chieUnavailable {
  margin-bottom: 20px; }
  .chieUnavailable dl {
    border-radius: 4px; }
    .chieUnavailable dl dd {
      width: 278px;
      margin: 0 auto;
      padding: 64px 10px 10px 10px;
      border: 1px solid #ddd;
      border-top: none; }
      .chieUnavailable dl dd p {
        color: #777;
        text-align: center;
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 40px !important; }
      .chieUnavailable dl dd .linkToChie {
        text-align: right; }
        .chieUnavailable dl dd .linkToChie p {
          background: url(https://s.yimg.jp/images/socialproducts/blog/img2/chieIcons-1.0.0.png) no-repeat;
          background-position: -76px -76px;
          display: inline-block;
          padding-left: 24px;
          margin-bottom: 0 !important; }
          .chieUnavailable dl dd .linkToChie p a {
            color: #b07be6 !important;
            text-decoration: none;
            font-size: 14px;
            line-height: 20px; }

/* add loco module */
.locoSpot {
  margin: 0;
  padding: 0;
  color: #232323; }
  .locoSpot a {
    text-decoration: none !important;
    color: #232323 !important; }
  .locoSpot .locoHeader {
    width: 280px;
    padding: 10px 10px 4px 10px;
    border-radius: 4px 4px 0 0;
    background: #f16d31;
    margin: 0 auto; }
  .locoSpot .locoEmbed {
    width: 278px;
    background: #fff;
    padding: 10px;
    margin: 0 auto;
    border-radius: 0 0 4px 4px;
    border: 1px solid #ddd;
    border-top: none; }
  .locoSpot .photo {
    margin: 0 0 5px 0; }
    .locoSpot .photo img {
      width: 100%; }
  .locoSpot .spotName {
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 20px;
    line-height: 130%;
    font-weight: bold; }
  .locoSpot p {
    display: block;
    padding: 0;
    margin: 0 0 6px 0;
    font-size: 12px;
    line-height: 140%; }
  .locoSpot .cal {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    margin: 0 0 10px 0;
    padding: 0; }
    .locoSpot .cal .tel {
      background-image: url(https://s.yimg.jp/images/socialproducts/blog/img2/locoEmbedIcons@2x.png);
      background-size: 30px 16px;
      width: 15px;
      height: 18px;
      margin: 5px auto 0;
      background-position: 3px 0;
      background-repeat: no-repeat;
      text-indent: -9999px; }
    .locoSpot .cal .rsv {
      background-image: url(https://s.yimg.jp/images/socialproducts/blog/img2/locoEmbedIcons@2x.png);
      background-size: 30px 16px;
      width: 15px;
      height: 15px;
      margin: 5px auto 0;
      background-position: -13px 0;
      background-repeat: no-repeat;
      text-indent: -9999px; }
    .locoSpot .cal li {
      flex: 1 1 0;
      width: 14%;
      border-left: 1px dotted rgba(0, 0, 0, 0.18);
      border-top: 1px dotted rgba(0, 0, 0, 0.18);
      border-bottom: 1px dotted rgba(0, 0, 0, 0.18);
      font-size: 11px;
      text-align: center !important;
      box-sizing: border-box;
      list-style: none;
      margin: 0; }
      .locoSpot .cal li:last-child {
        border-right: 1px dotted rgba(0, 0, 0, 0.18); }
    .locoSpot .cal a {
      display: block;
      padding: 3px 0 2px; }
    .locoSpot .cal span {
      display: block; }
      .locoSpot .cal span:first-child {
        color: #333; }
    .locoSpot .cal .day_1 {
      background-color: #f0fcff; }
    .locoSpot .cal .day_2 {
      background-color: #fff7f7; }
  .locoSpot .linkToLoco {
    text-align: right;
    font-weight: bold; }
    .locoSpot .linkToLoco p {
      background-image: url(https://s.yimg.jp/c/icon/s/bsc/2.0/loco40.png);
      background-repeat: no-repeat;
      background-size: 20px;
      display: inline-block;
      padding: 5px 0 3px 22px;
      margin: 0;
      line-height: 100%; }
  .locoSpot .navi {
    display: inline-block;
    background-color: #000;
    color: #fff !important;
    padding: 2px 4px;
    margin-left: 3px;
    text-decoration: none;
    border-radius: 3px;
    line-height: 100%; }

.appoInfo {
  display: block;
  background-color: #ececec;
  padding: 10px 12px;
  margin: 10px 0 0;
  font-size: 12px;
  font-weight: bold;
  clear: both;
  line-height: 100%; }

.officialPr {
  background-color: #fff; }
  .officialPr__label h2 {
    margin-bottom: 0 !important; }
  .officialPr__ranking {
    counter-reset: articleRankingNumber;
    margin: 0 10px; }
    .officialPr__ranking li {
      position: relative;
      padding: 10px 0;
      border-bottom: 1px solid #efefef; }
      .officialPr__ranking li a {
        display: -moz-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; }
      .officialPr__ranking li .officialPr__img {
        position: relative;
        margin-right: 10px;
        width: 60px;
        height: 60px;
        overflow: hidden; }
        .officialPr__ranking li .officialPr__img img {
          position: absolute;
          min-width: 60px;
          min-height: 60px;
          width: auto;
          height: auto;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .officialPr__ranking li dl {
        -moz-box-flex: 1.0;
        -webkit-box-flex: 1.0;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        flex: 1; }
        .officialPr__ranking li dl .officialPr__title {
          color: #333;
          font-size: .9em;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical; }
        .officialPr__ranking li dl .officialPr__name {
          color: #777;
          font-size: .7em;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .officialPr__ranking li dl .date {
          color: #777;
          font-size: .7em;
          text-align: right; }
  .officialPr__moreLink {
    background: #fff; }
    .officialPr__moreLink a {
      display: block;
      text-align: center;
      color: #777 !important;
      padding: 10px 0;
      font-size: 12px; }

.officialTop__head {
  padding: 4px 10px 14px; }
.officialTop__head h2 {
  padding: 8px 0;
  color: #318290;
  font-weight: bold;
  line-height: 1; }
.officialTop__head p {
  color: #989898;
  font-size: 12px;
  line-height: 1.26; }
.officialTop .officialNav::-webkit-scrollbar {
  display: none; }
.officialTop .officialNav {
  padding: 0 15px 0 11px;
  background-color: #f1f4f6;
  border-bottom: 1px solid #e8e8e8;
  border-top: 1px solid #e8e8e8;
  font-size: 14px;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }
  .officialTop .officialNav li:last-child {
    margin-right: 0; }
  .officialTop .officialNav li:first-child {
    margin-left: 0; }
  .officialTop .officialNav__item {
    display: inline-block;
    margin: 0 16px 0 -0.4em; }
  .officialTop .officialNav__item a {
    display: block;
    height: 42px;
    line-height: 42px;
    color: #333; }
  .officialTop .officialNav__item--crnt a {
    height: 38px;
    border-bottom: 4px solid #318290;
    font-family: HelveticaNeue-Condensed, Helvetica, sans-serif;
    color: #318290;
    font-weight: bold; }
.officialTop .officialTop__list {
  background-color: #fff; }
  .officialTop .officialTop__list .officialList {
    background: none; }
    .officialTop .officialTop__list .officialList li {
      position: relative;
      border-bottom: 1px solid #efefef; }
      .officialTop .officialTop__list .officialList li a {
        display: -moz-box;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        padding: 10px; }
      .officialTop .officialTop__list .officialList li .officialList__img {
        position: relative;
        margin-right: 10px;
        width: 46px;
        height: 46px;
        overflow: hidden;
        background-color: #ddd; }
        .officialTop .officialTop__list .officialList li .officialList__img img {
          position: absolute;
          width: 46px;
          height: auto;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
      .officialTop .officialTop__list .officialList li dl {
        -moz-box-flex: 1.0;
        -webkit-box-flex: 1.0;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        flex: 1; }
        .officialTop .officialTop__list .officialList li dl .officialList__name {
          color: #777;
          font-size: .7em;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis; }
        .officialTop .officialTop__list .officialList li dl .officialList__title {
          color: #333;
          font-size: .9em;
          overflow: hidden;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          line-height: 1.3; }
        .officialTop .officialTop__list .officialList li dl .officialList__title span {
          background-color: #f0f0f0;
          font-size: 10px;
          padding: 3px 4px;
          margin: 0 4px 0 0;
          border-radius: 2px;
          border: 1px solid #e7e7e7;
          color: #666; }
        .officialTop .officialTop__list .officialList li dl .date {
          color: #777;
          font-size: .7em;
          text-align: right; }
.officialTop .officialTop__paging {
  margin: 20px 0;
  font-size: 14px; }
  .officialTop .officialTop__paging ul {
    text-align: center;
    margin: 0px;
    padding: 0px; }
  .officialTop .officialTop__paging li {
    display: inline-block;
    margin: 0 1px; }
    .officialTop .officialTop__paging li a {
      padding: 8px 14px;
      border: 1px solid #ddd;
      color: #099; }
  .officialTop .officialTop__paging .officialPaging__item--crnt a {
    background-color: #099;
    border: 1px solid #099;
    color: #fff; }

/* richSmartBanner */
#richSmartBanner {
  background-color: #444;
  position: relative;
  display: none; }

.bnRichSmartBanner {
  display: block;
  margin-right: 40px; }
  .bnRichSmartBanner div {
    height: 76px;
    padding-right: 40px;
    text-align: center; }
    .bnRichSmartBanner div img {
      width: 320px; }

.richSmartBannerClose {
  width: 40px;
  height: 76px;
  position: absolute;
  top: 0;
  right: 0; }
  .richSmartBannerClose div {
    width: 20px;
    height: 20px;
    background-image: url(https://s.yimg.jp/images/mobile/yjapp/promo/sab/rsab_close.png);
    no-repeat: 50% 50%;
    background-size: 20px 20px;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -10px; }

/* /richSmartBanner */
/* timelineList */
.bucket1--timeline .timelineArticle {
  background-color: #fff; }
  .bucket1--timeline .timelineArticle__header {
    padding: 20px 8px 10px;
    font-size: 15px;
    font-weight: bold;
    color: #3c3c3c;
    line-height: 100%; }
  .bucket1--timeline .timelineArticle__list {
    margin: 0 8px;
    border-top: 1px solid #f0f3f6; }
  .bucket1--timeline .timelineArticle__item {
    position: relative;
    min-height: 112px;
    border-bottom: 1px solid #f0f3f6; }
    .bucket1--timeline .timelineArticle__item a {
      display: block;
      min-height: 96px;
      padding: 8px 0; }
    .bucket1--timeline .timelineArticle__item .yads_ad > a:empty {
      display: none; }
    .bucket1--timeline .timelineArticle__item .yads_ad_img {
      position: absolute;
      top: 8px;
      left: 0;
      height: 96px;
      background-repeat: no-repeat;
      background-size: 96px 96px;
      background-position: left center; }
    .bucket1--timeline .timelineArticle__item a > .yads_ad_img {
      width: 96px; }
    .bucket1--timeline .timelineArticle__item__img {
      position: absolute;
      top: 8px;
      left: 0;
      width: 96px;
      height: 96px;
      background-size: cover;
      background-position: center center; }
    .bucket1--timeline .timelineArticle__item__title, .bucket1--timeline .timelineArticle__item .yads_ad_title {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      margin: 0 0 4px 104px;
      line-height: 1.3;
      font-size: 16px;
      font-weight: bold;
      color: #3c3c3c; }
    .bucket1--timeline .timelineArticle__item__blogname, .bucket1--timeline .timelineArticle__item .yads_ad_adv {
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      margin: 0 0 20px 104px;
      line-height: 1.3;
      font-size: 12px;
      color: #b3b3b3; }
    .bucket1--timeline .timelineArticle__item__date, .bucket1--timeline .timelineArticle__item .yads_ad_info {
      position: absolute;
      bottom: 0;
      right: 0;
      margin: 0 0 4px 104px;
      font-size: 12px;
      color: #b3b3b3; }
      .bucket1--timeline .timelineArticle__item__date a, .bucket1--timeline .timelineArticle__item .yads_ad_info a {
        display: inline-block;
        min-height: 0;
        padding: 3px 0 0 5px;
        font-size: 11px;
        color: #000; }
        .bucket1--timeline .timelineArticle__item__date a img, .bucket1--timeline .timelineArticle__item .yads_ad_info a img {
          vertical-align: text-bottom; }
    .bucket1--timeline .timelineArticle__item__date {
      font-family: Helvetica; }
  .bucket1--timeline .timelineArticle__more a {
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #3c3c3c; }
  .bucket1--timeline .timelineArticle__more--loading {
    position: relative;
    height: 48px;
    line-height: 48px; }
    .bucket1--timeline .timelineArticle__more--loading p {
      position: absolute;
      top: 12px;
      left: 50%;
      width: 24px;
      height: 24px;
      margin-left: -12px;
      background: url(https://s.yimg.jp/images/blog/smartphone/v2/img/ico_loading.png) no-repeat;
      background-size: 24px 24px;
      -webkit-animation: timelineloading 1s linear infinite;
      animation: timelineloading 1s linear infinite; }
      .bucket1--timeline .timelineArticle__more--loading p span {
        display: none; }

@-webkit-keyframes timelineloading {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes timelineloading {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
/* /timelineList */
.yadsOverlay {
  opacity: 0;
  -webkit-transform: translate(0, -20px);
  transform: translate(0, -20px);
  -webkit-transition: transform 0.4s ease 0s,opacity 0.4s ease 0s;
  transition: transform 0.4s ease 0s,opacity 0.4s ease 0s; }
  .yadsOverlay #yadsOverlay {
    -webkit-transition: opacity 0.4s ease 0s;
    transition: opacity 0.4s ease 0s; }
  .yadsOverlay.is-show {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }
  .yadsOverlay.iPhoneX {
    border-bottom: 32px #000 solid; }

.yads_blogsp_list {
  margin: 10px 0;
  border-bottom: 1px solid #efefef; }
  .yads_blogsp_list ul li {
    padding: 8px 0;
    border-top: 1px solid #efefef; }
  .yads_blogsp_list_text {
    margin: 0px 8px 5px;
    text-align: right;
    font-size: 12px; }
    .yads_blogsp_list_text a {
      color: #555; }
  .yads_blogsp_list_tel {
    margin: 2px 8px 0; }
    .yads_blogsp_list_tel a {
      font-size: 12px;
      color: #318290; }
  .yads_blogsp_list_main {
    display: block;
    padding: 0 8px; }
    .yads_blogsp_list_main_title {
      margin-bottom: 3px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      line-height: 1.3;
      font-size: 16px;
      color: #318290; }
      .yads_blogsp_list_main_title strong, .yads_blogsp_list_main_title b {
        font-weight: bold; }
    .yads_blogsp_list_main_summary {
      margin-bottom: 3px;
      display: -webkit-box;
      overflow: hidden;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      white-space: normal;
      line-height: 1.3;
      font-size: 13px; }
      .yads_blogsp_list_main_summary strong {
        font-weight: bold; }
    .yads_blogsp_list_main_url {
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      color: #777;
      font-size: 12px; }
      .yads_blogsp_list_main_url:before {
        display: inline -block;
        content: "広告";
        margin-right: 5px;
        padding: 1px 3px;
        background: #64b0bf;
        border-radius: 2px;
        font-size: 10px;
        color: #fff; }

/*-- theme --*/
#n_theme iframe {
  max-width: 100%; }

/*-- ad --*/
.adModule iframe {
  max-width: 100%; }

/*# sourceMappingURL=main.css.map */