@charset "utf-8";

/**
* Author: Vanillaice (Akira) - http://vanillaice000.blog.fc2.com/
* Website skin name: All-about-us
* The first edition: 2016.2.12
* 2016.9.9 - リストマーカーの位置を調整
* 2016.9.14 - 記事下タグ周りのアウトライン修正
* 2016.10.6 - JS削除(軽量化), 関連記事サムネイル整形, MicrosoftEdgeのfixedバグhackJS削除, その他微調整
* 2017.1.13 - テンプレデフォルト新着サムネイルをGoogle APIからFC2独自変数に変更
* Latest update: 2017.1.25 - SNSシェアリンクをエンコード
*/

/***------------------------------------------
      reset
------------------------------------------***/

html, body, div, span, object, iframe,
p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, p,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

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

strong, b {
  font-weight: bold;
}

i {
  font-style: italic;
}

address, small, time {
  display: block;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
  display: block;
}

body {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  word-wrap: break-word;
}

blockquote, q {
  quotes: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: bottom;
  background: transparent;
  outline: none;
}

table {
  word-break: break-all;
}

img {
  vertical-align: bottom;
  font-size: 0;
  line-height: 0;
  max-width: 100%;
  height: auto;
}

iframe, embed {
  max-width: 100%;
}

textarea {
  max-width: 100%;
}

input[type="text"], 
input[type="password"],  
input[type="search"], 
textarea {
  outline: none;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: inherit;
}

select {
  outline: none;
  border-radius: 0;
  font-size: inherit;
}

input[type="submit"] {
  outline: none;
  -webkit-appearance: button;
  border-radius: 0;
  font-size: inherit;
}

pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  font-family: 'Menlo', 'consolas', 'Courier';
}

* {
  box-sizing: border-box;
}

*:focus {
  outline: none;
}

/* fc2 */
.fc2_footer {
  margin: 20px 0;
}

#fc2_text_ad {
  font-size: 12px;
}

#change_mobile {
  display: none;
}


/***------------------------------------------
      clearfix
------------------------------------------***/

.cf:before,
.cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}


/***------------------------------------------
      blockquote
------------------------------------------***/

blockquote {
  margin: 0 auto;
  width: 98%;
  height: auto;
  background: rgba(255,255,255,.4);
  border: 1px solid rgb(206,206,206);
  border-radius: 1px;
  padding: 2.5em;
  position: relative;
  z-index: 1;
}

blockquote:before {
  content: "“";
  font-size: 700%;
  color: rgb(206,206,206);
  line-height: 1em;
  font-family: 'Times New Roman', 'Hiragino Kaku Gothic Pro W3', 'Meiryo', 'sans-serif';
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

blockquote:after {
  content: "”";
  font-size: 700%;
  color: rgb(206,206,206);
  line-height: 0em;
  font-family: 'Times New Roman', 'Hiragino Kaku Gothic Pro W3', 'Meiryo', 'sans-serif';
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}


/***------------------------------------------
      common
------------------------------------------***/

span.month01:before {
  content: "January";
}
span.month02:before {
  content: "February";
}
span.month03:before {
  content: "March";
}
span.month04:before {
  content: "April";
}
span.month05:before {
  content: "May";
}
span.month06:before {
  content: "June";
}
span.month07:before {
  content: "July";
}
span.month08:before {
  content: "August";
}
span.month09:before {
  content: "September";
}
span.month10:before {
  content: "October";
}
span.month11:before {
  content: "November";
}
span.month12:before {
  content: "December";
}
span.youbiSun:before {
  content: "Sunday";
}
span.youbiMon:before {
  content: "Monday";
}
span.youbiTue:before {
  content: "Tuesday";
}
span.youbiWed:before {
  content: "Wednesday";
}
span.youbiThu:before {
  content: "Thursday";
}
span.youbiFri:before {
  content: "Friday";
}
span.youbiSat:before {
  content: "Saturday";
}


/***------------------------------------------
      link
------------------------------------------***/

a {
  text-decoration: none;
  color: rgb(150,150,150); /* 注)基本リンク色 (approx)Pink Swan */
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

a:hover {
  color: rgb(51,51,51);
}


/***------------------------------------------
      layout
------------------------------------------***/

body { /* 注)記事内基本フォント関連 */
  background-color: white;
  color: rgb(51,51,51); /* 注)テキスト基本色 Night Rider */
  font: 13px/1.7 'Roboto', '游ゴシック', 'YuGothic', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#wrapper {
  margin: 0 auto;
  width: 100%;
  min-width: 90%;
  position: relative;
}

#main-container {
  margin: 0 auto;
  width: 90%;
  max-width: 1400px;
  padding: 80px 0;
}

@media screen and (max-width: 1280px) {
  #main-container {
    width: 90%;
  }
}
@media screen and (max-width: 1160px) {
  #main-container {
    width: 95%;
  }
}
@media screen and (max-width: 940px) {
  #main-container {
    width: 100%;
  }
}

#primary {
  margin-right : -300px;
  width: 100%;
  float : left;
  padding-bottom: 80px;
  position: relative;
  z-index:1;
}

@media screen and (max-width: 940px) {
  #primary {
    margin: 0 auto;
    width: 90%;
    float: none;
  }
}
@media screen and (max-width: 768px) {
  #primary {
    width: 100%;
  }
}

#main {
  margin-right: 330px;
}

@media screen and (max-width: 940px) {
  #main {
    margin: 0 auto;
  }
}

#secondary {
  width: 300px;
  float: left;
}

@media screen and (max-width: 940px) {
  #secondary {
    margin: 0 auto;
    width: 100%;
    float: none;
    text-align: center;
  }
}

#aside-container {
  position: relative;
  z-index: 2;
}


/***------------------------------------------
      header
------------------------------------------***/

/* 注)泡エフェクト不要の方ここから削除 */
#bubble {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 451px 427px white, 1869px 1867px white, 783px 1804px white, 899px 1992px white, 1174px 1005px white, 526px 902px white, 1367px 277px white, 389px 114px white, 1496px 1771px white, 208px 420px white, 1639px 27px white, 1110px 736px white, 1526px 860px white, 639px 1028px white, 1151px 1211px white, 1652px 965px white, 1330px 640px white, 334px 1571px white, 188px 1443px white, 1259px 245px white, 1845px 1256px white, 1355px 1556px white, 1410px 264px white, 1685px 312px white, 121px 764px white, 1246px 1112px white, 755px 1391px white, 353px 1435px white, 1625px 171px white, 85px 563px white, 1806px 902px white, 131px 112px white, 145px 317px white, 1628px 1384px white, 1981px 1749px white, 1183px 1245px white, 1572px 1127px white, 1172px 553px white, 1736px 1541px white, 484px 705px white, 1930px 175px white, 1125px 1155px white, 952px 487px white, 1733px 1348px white, 715px 1740px white, 98px 195px white, 1730px 777px white, 1893px 1547px white, 1225px 79px white, 388px 1360px white, 1648px 1560px white, 1038px 1487px white, 72px 1877px white, 1058px 1182px white, 613px 1646px white, 840px 509px white, 829px 1331px white, 1721px 1699px white, 340px 1038px white, 334px 253px white, 198px 1592px white, 727px 1001px white, 1655px 1861px white, 1201px 471px white, 899px 1859px white, 996px 98px white, 797px 1466px white, 1906px 1940px white, 1629px 909px white, 804px 1121px white, 818px 370px white, 1185px 837px white, 1118px 943px white, 551px 912px white, 1164px 1835px white, 263px 98px white, 42px 12px white, 28px 1098px white, 1458px 217px white, 1247px 1348px white, 1701px 1909px white, 491px 1808px white, 8px 674px white, 30px 1016px white, 874px 104px white, 1958px 214px white, 946px 1807px white, 167px 31px white, 185px 1228px white, 312px 1642px white, 1222px 891px white, 1375px 1222px white, 1090px 348px white, 1932px 1456px white, 760px 94px white, 1183px 1375px white, 201px 502px white, 664px 1828px white, 1605px 1744px white, 337px 1010px white, 1017px 1709px white, 813px 1058px white, 149px 217px white, 734px 423px white, 446px 1654px white, 944px 1795px white, 266px 987px white, 114px 1263px white, 1275px 457px white, 486px 1038px white, 1036px 309px white, 851px 1028px white, 1949px 1244px white, 1835px 1586px white, 1580px 1251px white, 411px 620px white, 547px 1141px white, 184px 201px white, 26px 833px white, 671px 121px white, 1817px 1663px white, 401px 643px white, 631px 1212px white, 746px 659px white, 1389px 930px white, 1737px 619px white, 390px 620px white, 255px 795px white, 1415px 845px white, 1549px 1416px white, 1022px 1109px white, 1763px 600px white, 1766px 409px white, 1150px 110px white, 463px 16px white, 1150px 892px white, 26px 637px white, 1443px 949px white, 705px 318px white, 533px 1781px white, 329px 474px white, 1307px 566px white, 749px 1537px white, 56px 68px white, 45px 49px white, 1327px 1052px white, 244px 715px white, 165px 1784px white, 397px 1565px white, 1218px 1891px white, 1744px 197px white, 1581px 1875px white, 139px 1431px white, 1964px 449px white, 1558px 134px white, 1411px 1704px white, 1361px 1782px white, 326px 919px white, 1481px 245px white, 1512px 1778px white, 1082px 794px white, 190px 880px white, 1598px 1844px white, 1899px 273px white, 1662px 1915px white, 649px 383px white, 820px 1253px white, 1475px 814px white, 239px 1472px white, 673px 1425px white, 952px 342px white, 321px 1272px white, 1132px 258px white, 1070px 946px white, 632px 705px white, 1561px 1668px white, 1040px 275px white, 509px 1230px white, 1786px 997px white, 693px 1117px white, 1618px 393px white, 486px 7px white, 77px 1974px white, 1049px 1329px white, 1897px 1645px white, 1011px 1095px white, 1901px 1782px white, 1668px 222px white, 1738px 1451px white, 1251px 859px white, 847px 1121px white, 1397px 600px white, 1443px 99px white, 180px 1298px white, 1504px 901px white, 1642px 1341px white, 531px 1398px white, 1627px 249px white, 598px 394px white, 1122px 235px white, 693px 1617px white, 1592px 659px white, 418px 211px white, 1985px 1609px white, 40px 770px white, 358px 845px white, 1886px 1768px white, 88px 405px white, 1765px 125px white, 1947px 1284px white, 1074px 1921px white, 75px 1116px white, 1706px 23px white, 1033px 1366px white, 1334px 1490px white, 560px 1723px white, 476px 406px white, 1073px 538px white, 486px 1791px white, 1839px 1038px white, 188px 406px white, 1203px 1529px white, 225px 576px white, 833px 1443px white, 1715px 1644px white, 1866px 1661px white, 271px 114px white, 71px 1445px white, 689px 1402px white, 1770px 1829px white, 1769px 1779px white, 1376px 161px white, 175px 731px white, 1280px 1498px white, 1262px 1420px white, 933px 1835px white, 1190px 853px white, 480px 1331px white, 1277px 254px white, 525px 1615px white, 159px 920px white, 1640px 1381px white, 647px 396px white, 322px 964px white, 507px 286px white, 876px 1826px white, 1820px 662px white, 1365px 360px white, 221px 893px white, 1459px 1873px white, 1908px 1768px white, 1332px 1187px white, 1726px 841px white, 1491px 1320px white, 1191px 1433px white, 455px 1459px white, 1194px 250px white, 433px 1391px white, 763px 1005px white, 1922px 1436px white, 356px 280px white, 1910px 1958px white, 1616px 852px white, 558px 1434px white, 855px 979px white, 745px 682px white, 1792px 838px white, 1828px 1163px white, 1023px 134px white, 1238px 1494px white, 1315px 1521px white, 1805px 207px white, 1216px 465px white, 625px 1539px white, 631px 680px white, 1348px 419px white, 985px 1812px white, 1829px 1119px white, 1396px 969px white, 320px 1915px white, 711px 692px white, 780px 1925px white, 1578px 430px white, 1187px 1220px white, 1754px 1004px white, 1995px 197px white, 1676px 813px white, 1842px 1256px white, 1694px 560px white, 1664px 425px white, 529px 1532px white, 1924px 331px white, 535px 290px white, 571px 1189px white, 1766px 431px white, 1941px 666px white, 1566px 1888px white, 708px 1027px white, 1978px 1345px white, 173px 1898px white, 898px 495px white, 913px 644px white, 1393px 402px white, 580px 1578px white, 1311px 319px white, 1347px 562px white, 918px 776px white, 1617px 1233px white, 545px 1996px white, 622px 225px white, 903px 1481px white, 1022px 1203px white, 973px 1439px white, 358px 345px white, 1708px 1349px white, 240px 340px white, 656px 1543px white, 1112px 549px white, 1405px 984px white, 326px 1624px white, 1471px 1492px white, 87px 255px white, 954px 991px white, 1709px 1395px white, 558px 218px white, 1010px 569px white, 777px 226px white, 1700px 503px white, 169px 956px white, 1434px 649px white, 1493px 688px white, 835px 1767px white, 1829px 1965px white, 888px 257px white, 1342px 1893px white, 1022px 1339px white, 1284px 775px white, 1195px 976px white, 940px 340px white, 1057px 650px white, 371px 902px white, 304px 1595px white, 1746px 138px white, 1381px 1270px white, 1541px 4px white, 1514px 1977px white, 941px 747px white, 1636px 189px white, 1745px 559px white, 293px 1784px white, 591px 309px white, 1201px 977px white, 1139px 703px white, 1881px 504px white, 1895px 560px white, 1126px 1676px white, 1218px 1333px white, 1807px 734px white, 190px 1483px white, 420px 1589px white, 425px 86px white, 737px 986px white, 1800px 567px white, 445px 1016px white, 1720px 1649px white, 30px 1631px white, 323px 809px white, 1233px 1016px white, 1347px 1056px white, 1308px 143px white, 1755px 586px white, 1863px 722px white, 763px 109px white, 1579px 1662px white, 1759px 791px white, 249px 794px white, 1266px 762px white, 1684px 33px white, 1379px 396px white, 1784px 270px white, 1508px 1673px white, 581px 1206px white, 1793px 1182px white, 1899px 18px white, 554px 390px white, 1154px 746px white, 1249px 1819px white, 1405px 1085px white, 1737px 155px white, 1043px 1337px white, 1829px 1581px white, 805px 1040px white, 1981px 1747px white, 1793px 981px white, 1624px 714px white, 1123px 1352px white, 106px 1885px white, 399px 412px white, 297px 1252px white, 560px 1381px white, 1358px 877px white, 1473px 542px white, 1583px 491px white, 1038px 1435px white, 1785px 1050px white, 1917px 106px white, 1187px 1217px white, 1752px 910px white, 652px 1048px white, 1889px 1115px white, 1393px 144px white, 1245px 1229px white, 333px 152px white, 1280px 1653px white, 1752px 1267px white, 1647px 231px white, 573px 78px white, 1604px 1284px white, 493px 1522px white, 1461px 581px white, 1785px 964px white, 823px 597px white, 1735px 209px white, 963px 899px white, 49px 303px white, 609px 1414px white, 1677px 683px white, 1302px 1212px white, 1535px 1887px white, 294px 91px white, 146px 1795px white, 974px 1993px white, 1678px 72px white, 1934px 942px white, 886px 1092px white, 815px 1044px white, 1217px 1947px white, 1555px 145px white, 1337px 1224px white, 468px 274px white, 1354px 598px white, 1134px 1486px white, 1268px 176px white, 640px 354px white, 738px 278px white, 1522px 757px white, 1394px 1672px white, 212px 995px white, 1548px 43px white, 1545px 631px white, 1927px 1862px white, 1563px 1781px white, 555px 1419px white, 1566px 19px white, 1464px 1180px white, 424px 756px white, 744px 644px white, 1899px 1611px white, 500px 1360px white, 73px 630px white, 1694px 479px white, 488px 1545px white, 1278px 20px white, 298px 1077px white, 747px 1124px white, 417px 886px white, 1816px 271px white, 1039px 912px white, 1012px 1599px white, 554px 176px white, 1462px 692px white, 318px 867px white, 1944px 564px white, 1648px 253px white, 1699px 1974px white, 1441px 185px white, 1165px 1593px white, 1189px 1694px white, 564px 1521px white, 1309px 1797px white, 1114px 256px white, 379px 1291px white, 1566px 1287px white, 207px 1474px white, 466px 445px white, 432px 1124px white, 1075px 421px white, 144px 1755px white, 1371px 187px white, 997px 117px white, 402px 897px white, 302px 1719px white, 1824px 1728px white, 1240px 259px white, 1024px 1594px white, 498px 368px white, 1185px 551px white, 1951px 1632px white, 978px 501px white, 65px 1441px white, 451px 1012px white, 894px 823px white, 1122px 1907px white, 318px 554px white, 1136px 1316px white, 1506px 1693px white, 1418px 524px white, 430px 629px white, 922px 1212px white, 1697px 1025px white, 244px 1138px white, 1462px 1350px white, 56px 579px white, 493px 970px white, 905px 1688px white, 319px 1639px white, 1603px 504px white, 1433px 1565px white, 812px 1236px white, 1073px 202px white, 1236px 526px white, 795px 1846px white, 1894px 1107px white, 1816px 139px white, 1651px 465px white, 345px 726px white, 314px 875px white, 1934px 1434px white, 505px 610px white, 649px 1400px white, 288px 1017px white, 296px 1280px white, 1552px 1643px white, 1887px 1059px white, 1837px 1199px white, 400px 1560px white, 101px 1810px white, 50px 321px white, 308px 207px white, 1370px 1983px white, 1524px 1122px white, 678px 798px white, 1378px 971px white, 1956px 145px white, 1966px 1991px white, 602px 78px white, 446px 921px white, 1919px 973px white, 1568px 471px white, 1475px 1252px white, 1569px 1766px white, 1752px 608px white, 825px 244px white, 1559px 1693px white, 980px 566px white, 1314px 1180px white, 361px 1328px white, 1965px 1283px white, 906px 1799px white, 669px 1505px white, 1489px 999px white, 1321px 939px white, 1744px 1570px white, 1027px 1702px white, 1566px 1004px white, 1144px 1149px white, 817px 1394px white, 1941px 1119px white, 1096px 1890px white, 633px 1385px white, 536px 1821px white, 184px 1012px white, 1746px 1651px white, 1748px 1631px white, 87px 1477px white, 1317px 705px white, 1030px 289px white, 1296px 179px white, 996px 406px white, 413px 1642px white, 35px 1309px white, 1853px 600px white, 1891px 213px white, 1912px 1156px white, 695px 1765px white, 820px 1831px white, 1927px 1001px white, 1566px 612px white, 1557px 346px white, 863px 1517px white, 323px 1380px white, 1088px 1133px white, 1369px 913px white, 600px 518px white, 625px 539px white, 230px 917px white, 102px 148px white, 831px 1163px white, 1060px 185px white, 456px 177px white, 1518px 66px white, 1058px 965px white, 1795px 1395px white, 440px 245px white, 904px 1847px white, 1890px 1213px white, 726px 1126px white, 1291px 189px white, 955px 1062px white, 1084px 1144px white, 1673px 1221px white, 887px 1974px white, 1485px 1403px white, 204px 934px white, 86px 907px white, 980px 499px white, 333px 836px white, 613px 1409px white, 1207px 418px white, 1399px 1974px white, 1278px 1273px white, 163px 116px white, 220px 846px white, 149px 1679px white, 1648px 811px white, 668px 126px white, 1156px 1020px white, 1280px 786px white, 650px 780px white, 426px 484px white, 180px 904px white, 1253px 1193px white, 624px 1333px white, 234px 670px white, 928px 1617px white, 1659px 277px white, 1510px 1672px white, 1477px 874px white, 1213px 589px white, 1624px 1550px white, 654px 1814px white, 1686px 2000px white, 1234px 550px white, 1614px 1260px white, 1319px 668px white, 1103px 829px white, 143px 1124px white, 250px 1077px white, 1203px 660px white, 901px 439px white, 1475px 1443px white, 525px 51px white, 669px 1635px white, 1176px 1680px white, 1203px 1469px white, 442px 536px white, 1820px 1028px white, 537px 1683px white, 1719px 1488px white, 1222px 1706px white, 629px 822px white, 155px 1333px white, 316px 1835px white, 1780px 1730px white, 405px 1265px white, 385px 1802px white, 891px 1208px white, 13px 1509px white, 985px 858px white, 137px 1138px white, 724px 534px white, 1487px 440px white, 57px 1074px white, 1133px 1342px white, 439px 1692px white, 302px 46px white, 248px 317px white, 1366px 858px white, 1474px 1705px white, 650px 852px white, 524px 1903px white, 700px 1826px white, 1246px 861px white, 1215px 1742px white, 454px 1237px white, 1969px 1425px white, 1459px 1153px white, 332px 1972px white, 1451px 1062px white, 981px 28px white, 1623px 654px white, 62px 1781px white, 1838px 492px white, 1611px 356px white, 868px 1466px white, 1099px 561px white, 1078px 260px white, 923px 1749px white, 1072px 1253px white, 43px 1241px #FFF;
  animation: animBubble 50s linear infinite;
}
#bubble:after {
  content: "";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 451px 427px white, 1869px 1867px white, 783px 1804px white, 899px 1992px white, 1174px 1005px white, 526px 902px white, 1367px 277px white, 389px 114px white, 1496px 1771px white, 208px 420px white, 1639px 27px white, 1110px 736px white, 1526px 860px white, 639px 1028px white, 1151px 1211px white, 1652px 965px white, 1330px 640px white, 334px 1571px white, 188px 1443px white, 1259px 245px white, 1845px 1256px white, 1355px 1556px white, 1410px 264px white, 1685px 312px white, 121px 764px white, 1246px 1112px white, 755px 1391px white, 353px 1435px white, 1625px 171px white, 85px 563px white, 1806px 902px white, 131px 112px white, 145px 317px white, 1628px 1384px white, 1981px 1749px white, 1183px 1245px white, 1572px 1127px white, 1172px 553px white, 1736px 1541px white, 484px 705px white, 1930px 175px white, 1125px 1155px white, 952px 487px white, 1733px 1348px white, 715px 1740px white, 98px 195px white, 1730px 777px white, 1893px 1547px white, 1225px 79px white, 388px 1360px white, 1648px 1560px white, 1038px 1487px white, 72px 1877px white, 1058px 1182px white, 613px 1646px white, 840px 509px white, 829px 1331px white, 1721px 1699px white, 340px 1038px white, 334px 253px white, 198px 1592px white, 727px 1001px white, 1655px 1861px white, 1201px 471px white, 899px 1859px white, 996px 98px white, 797px 1466px white, 1906px 1940px white, 1629px 909px white, 804px 1121px white, 818px 370px white, 1185px 837px white, 1118px 943px white, 551px 912px white, 1164px 1835px white, 263px 98px white, 42px 12px white, 28px 1098px white, 1458px 217px white, 1247px 1348px white, 1701px 1909px white, 491px 1808px white, 8px 674px white, 30px 1016px white, 874px 104px white, 1958px 214px white, 946px 1807px white, 167px 31px white, 185px 1228px white, 312px 1642px white, 1222px 891px white, 1375px 1222px white, 1090px 348px white, 1932px 1456px white, 760px 94px white, 1183px 1375px white, 201px 502px white, 664px 1828px white, 1605px 1744px white, 337px 1010px white, 1017px 1709px white, 813px 1058px white, 149px 217px white, 734px 423px white, 446px 1654px white, 944px 1795px white, 266px 987px white, 114px 1263px white, 1275px 457px white, 486px 1038px white, 1036px 309px white, 851px 1028px white, 1949px 1244px white, 1835px 1586px white, 1580px 1251px white, 411px 620px white, 547px 1141px white, 184px 201px white, 26px 833px white, 671px 121px white, 1817px 1663px white, 401px 643px white, 631px 1212px white, 746px 659px white, 1389px 930px white, 1737px 619px white, 390px 620px white, 255px 795px white, 1415px 845px white, 1549px 1416px white, 1022px 1109px white, 1763px 600px white, 1766px 409px white, 1150px 110px white, 463px 16px white, 1150px 892px white, 26px 637px white, 1443px 949px white, 705px 318px white, 533px 1781px white, 329px 474px white, 1307px 566px white, 749px 1537px white, 56px 68px white, 45px 49px white, 1327px 1052px white, 244px 715px white, 165px 1784px white, 397px 1565px white, 1218px 1891px white, 1744px 197px white, 1581px 1875px white, 139px 1431px white, 1964px 449px white, 1558px 134px white, 1411px 1704px white, 1361px 1782px white, 326px 919px white, 1481px 245px white, 1512px 1778px white, 1082px 794px white, 190px 880px white, 1598px 1844px white, 1899px 273px white, 1662px 1915px white, 649px 383px white, 820px 1253px white, 1475px 814px white, 239px 1472px white, 673px 1425px white, 952px 342px white, 321px 1272px white, 1132px 258px white, 1070px 946px white, 632px 705px white, 1561px 1668px white, 1040px 275px white, 509px 1230px white, 1786px 997px white, 693px 1117px white, 1618px 393px white, 486px 7px white, 77px 1974px white, 1049px 1329px white, 1897px 1645px white, 1011px 1095px white, 1901px 1782px white, 1668px 222px white, 1738px 1451px white, 1251px 859px white, 847px 1121px white, 1397px 600px white, 1443px 99px white, 180px 1298px white, 1504px 901px white, 1642px 1341px white, 531px 1398px white, 1627px 249px white, 598px 394px white, 1122px 235px white, 693px 1617px white, 1592px 659px white, 418px 211px white, 1985px 1609px white, 40px 770px white, 358px 845px white, 1886px 1768px white, 88px 405px white, 1765px 125px white, 1947px 1284px white, 1074px 1921px white, 75px 1116px white, 1706px 23px white, 1033px 1366px white, 1334px 1490px white, 560px 1723px white, 476px 406px white, 1073px 538px white, 486px 1791px white, 1839px 1038px white, 188px 406px white, 1203px 1529px white, 225px 576px white, 833px 1443px white, 1715px 1644px white, 1866px 1661px white, 271px 114px white, 71px 1445px white, 689px 1402px white, 1770px 1829px white, 1769px 1779px white, 1376px 161px white, 175px 731px white, 1280px 1498px white, 1262px 1420px white, 933px 1835px white, 1190px 853px white, 480px 1331px white, 1277px 254px white, 525px 1615px white, 159px 920px white, 1640px 1381px white, 647px 396px white, 322px 964px white, 507px 286px white, 876px 1826px white, 1820px 662px white, 1365px 360px white, 221px 893px white, 1459px 1873px white, 1908px 1768px white, 1332px 1187px white, 1726px 841px white, 1491px 1320px white, 1191px 1433px white, 455px 1459px white, 1194px 250px white, 433px 1391px white, 763px 1005px white, 1922px 1436px white, 356px 280px white, 1910px 1958px white, 1616px 852px white, 558px 1434px white, 855px 979px white, 745px 682px white, 1792px 838px white, 1828px 1163px white, 1023px 134px white, 1238px 1494px white, 1315px 1521px white, 1805px 207px white, 1216px 465px white, 625px 1539px white, 631px 680px white, 1348px 419px white, 985px 1812px white, 1829px 1119px white, 1396px 969px white, 320px 1915px white, 711px 692px white, 780px 1925px white, 1578px 430px white, 1187px 1220px white, 1754px 1004px white, 1995px 197px white, 1676px 813px white, 1842px 1256px white, 1694px 560px white, 1664px 425px white, 529px 1532px white, 1924px 331px white, 535px 290px white, 571px 1189px white, 1766px 431px white, 1941px 666px white, 1566px 1888px white, 708px 1027px white, 1978px 1345px white, 173px 1898px white, 898px 495px white, 913px 644px white, 1393px 402px white, 580px 1578px white, 1311px 319px white, 1347px 562px white, 918px 776px white, 1617px 1233px white, 545px 1996px white, 622px 225px white, 903px 1481px white, 1022px 1203px white, 973px 1439px white, 358px 345px white, 1708px 1349px white, 240px 340px white, 656px 1543px white, 1112px 549px white, 1405px 984px white, 326px 1624px white, 1471px 1492px white, 87px 255px white, 954px 991px white, 1709px 1395px white, 558px 218px white, 1010px 569px white, 777px 226px white, 1700px 503px white, 169px 956px white, 1434px 649px white, 1493px 688px white, 835px 1767px white, 1829px 1965px white, 888px 257px white, 1342px 1893px white, 1022px 1339px white, 1284px 775px white, 1195px 976px white, 940px 340px white, 1057px 650px white, 371px 902px white, 304px 1595px white, 1746px 138px white, 1381px 1270px white, 1541px 4px white, 1514px 1977px white, 941px 747px white, 1636px 189px white, 1745px 559px white, 293px 1784px white, 591px 309px white, 1201px 977px white, 1139px 703px white, 1881px 504px white, 1895px 560px white, 1126px 1676px white, 1218px 1333px white, 1807px 734px white, 190px 1483px white, 420px 1589px white, 425px 86px white, 737px 986px white, 1800px 567px white, 445px 1016px white, 1720px 1649px white, 30px 1631px white, 323px 809px white, 1233px 1016px white, 1347px 1056px white, 1308px 143px white, 1755px 586px white, 1863px 722px white, 763px 109px white, 1579px 1662px white, 1759px 791px white, 249px 794px white, 1266px 762px white, 1684px 33px white, 1379px 396px white, 1784px 270px white, 1508px 1673px white, 581px 1206px white, 1793px 1182px white, 1899px 18px white, 554px 390px white, 1154px 746px white, 1249px 1819px white, 1405px 1085px white, 1737px 155px white, 1043px 1337px white, 1829px 1581px white, 805px 1040px white, 1981px 1747px white, 1793px 981px white, 1624px 714px white, 1123px 1352px white, 106px 1885px white, 399px 412px white, 297px 1252px white, 560px 1381px white, 1358px 877px white, 1473px 542px white, 1583px 491px white, 1038px 1435px white, 1785px 1050px white, 1917px 106px white, 1187px 1217px white, 1752px 910px white, 652px 1048px white, 1889px 1115px white, 1393px 144px white, 1245px 1229px white, 333px 152px white, 1280px 1653px white, 1752px 1267px white, 1647px 231px white, 573px 78px white, 1604px 1284px white, 493px 1522px white, 1461px 581px white, 1785px 964px white, 823px 597px white, 1735px 209px white, 963px 899px white, 49px 303px white, 609px 1414px white, 1677px 683px white, 1302px 1212px white, 1535px 1887px white, 294px 91px white, 146px 1795px white, 974px 1993px white, 1678px 72px white, 1934px 942px white, 886px 1092px white, 815px 1044px white, 1217px 1947px white, 1555px 145px white, 1337px 1224px white, 468px 274px white, 1354px 598px white, 1134px 1486px white, 1268px 176px white, 640px 354px white, 738px 278px white, 1522px 757px white, 1394px 1672px white, 212px 995px white, 1548px 43px white, 1545px 631px white, 1927px 1862px white, 1563px 1781px white, 555px 1419px white, 1566px 19px white, 1464px 1180px white, 424px 756px white, 744px 644px white, 1899px 1611px white, 500px 1360px white, 73px 630px white, 1694px 479px white, 488px 1545px white, 1278px 20px white, 298px 1077px white, 747px 1124px white, 417px 886px white, 1816px 271px white, 1039px 912px white, 1012px 1599px white, 554px 176px white, 1462px 692px white, 318px 867px white, 1944px 564px white, 1648px 253px white, 1699px 1974px white, 1441px 185px white, 1165px 1593px white, 1189px 1694px white, 564px 1521px white, 1309px 1797px white, 1114px 256px white, 379px 1291px white, 1566px 1287px white, 207px 1474px white, 466px 445px white, 432px 1124px white, 1075px 421px white, 144px 1755px white, 1371px 187px white, 997px 117px white, 402px 897px white, 302px 1719px white, 1824px 1728px white, 1240px 259px white, 1024px 1594px white, 498px 368px white, 1185px 551px white, 1951px 1632px white, 978px 501px white, 65px 1441px white, 451px 1012px white, 894px 823px white, 1122px 1907px white, 318px 554px white, 1136px 1316px white, 1506px 1693px white, 1418px 524px white, 430px 629px white, 922px 1212px white, 1697px 1025px white, 244px 1138px white, 1462px 1350px white, 56px 579px white, 493px 970px white, 905px 1688px white, 319px 1639px white, 1603px 504px white, 1433px 1565px white, 812px 1236px white, 1073px 202px white, 1236px 526px white, 795px 1846px white, 1894px 1107px white, 1816px 139px white, 1651px 465px white, 345px 726px white, 314px 875px white, 1934px 1434px white, 505px 610px white, 649px 1400px white, 288px 1017px white, 296px 1280px white, 1552px 1643px white, 1887px 1059px white, 1837px 1199px white, 400px 1560px white, 101px 1810px white, 50px 321px white, 308px 207px white, 1370px 1983px white, 1524px 1122px white, 678px 798px white, 1378px 971px white, 1956px 145px white, 1966px 1991px white, 602px 78px white, 446px 921px white, 1919px 973px white, 1568px 471px white, 1475px 1252px white, 1569px 1766px white, 1752px 608px white, 825px 244px white, 1559px 1693px white, 980px 566px white, 1314px 1180px white, 361px 1328px white, 1965px 1283px white, 906px 1799px white, 669px 1505px white, 1489px 999px white, 1321px 939px white, 1744px 1570px white, 1027px 1702px white, 1566px 1004px white, 1144px 1149px white, 817px 1394px white, 1941px 1119px white, 1096px 1890px white, 633px 1385px white, 536px 1821px white, 184px 1012px white, 1746px 1651px white, 1748px 1631px white, 87px 1477px white, 1317px 705px white, 1030px 289px white, 1296px 179px white, 996px 406px white, 413px 1642px white, 35px 1309px white, 1853px 600px white, 1891px 213px white, 1912px 1156px white, 695px 1765px white, 820px 1831px white, 1927px 1001px white, 1566px 612px white, 1557px 346px white, 863px 1517px white, 323px 1380px white, 1088px 1133px white, 1369px 913px white, 600px 518px white, 625px 539px white, 230px 917px white, 102px 148px white, 831px 1163px white, 1060px 185px white, 456px 177px white, 1518px 66px white, 1058px 965px white, 1795px 1395px white, 440px 245px white, 904px 1847px white, 1890px 1213px white, 726px 1126px white, 1291px 189px white, 955px 1062px white, 1084px 1144px white, 1673px 1221px white, 887px 1974px white, 1485px 1403px white, 204px 934px white, 86px 907px white, 980px 499px white, 333px 836px white, 613px 1409px white, 1207px 418px white, 1399px 1974px white, 1278px 1273px white, 163px 116px white, 220px 846px white, 149px 1679px white, 1648px 811px white, 668px 126px white, 1156px 1020px white, 1280px 786px white, 650px 780px white, 426px 484px white, 180px 904px white, 1253px 1193px white, 624px 1333px white, 234px 670px white, 928px 1617px white, 1659px 277px white, 1510px 1672px white, 1477px 874px white, 1213px 589px white, 1624px 1550px white, 654px 1814px white, 1686px 2000px white, 1234px 550px white, 1614px 1260px white, 1319px 668px white, 1103px 829px white, 143px 1124px white, 250px 1077px white, 1203px 660px white, 901px 439px white, 1475px 1443px white, 525px 51px white, 669px 1635px white, 1176px 1680px white, 1203px 1469px white, 442px 536px white, 1820px 1028px white, 537px 1683px white, 1719px 1488px white, 1222px 1706px white, 629px 822px white, 155px 1333px white, 316px 1835px white, 1780px 1730px white, 405px 1265px white, 385px 1802px white, 891px 1208px white, 13px 1509px white, 985px 858px white, 137px 1138px white, 724px 534px white, 1487px 440px white, 57px 1074px white, 1133px 1342px white, 439px 1692px white, 302px 46px white, 248px 317px white, 1366px 858px white, 1474px 1705px white, 650px 852px white, 524px 1903px white, 700px 1826px white, 1246px 861px white, 1215px 1742px white, 454px 1237px white, 1969px 1425px white, 1459px 1153px white, 332px 1972px white, 1451px 1062px white, 981px 28px white, 1623px 654px white, 62px 1781px white, 1838px 492px white, 1611px 356px white, 868px 1466px white, 1099px 561px white, 1078px 260px white, 923px 1749px white, 1072px 1253px white, 43px 1241px #FFF;
}

#bubble2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1251px 843px white, 580px 572px white, 1118px 204px white, 1671px 425px white, 802px 1047px white, 1437px 1651px white, 1842px 1735px white, 377px 1053px white, 1602px 1731px white, 499px 998px white, 191px 1827px white, 842px 788px white, 139px 686px white, 1895px 10px white, 1395px 1046px white, 337px 1256px white, 1186px 1033px white, 1092px 763px white, 269px 168px white, 353px 1827px white, 466px 1323px white, 670px 1358px white, 651px 1979px white, 607px 1058px white, 181px 1737px white, 1567px 908px white, 794px 524px white, 59px 98px white, 174px 1808px white, 1831px 1445px white, 1751px 1334px white, 1791px 1116px white, 98px 1063px white, 1720px 997px white, 1701px 656px white, 684px 720px white, 1381px 1436px white, 579px 618px white, 1554px 212px white, 239px 370px white, 1827px 1721px white, 1626px 555px white, 876px 725px white, 1000px 1949px white, 1501px 1395px white, 652px 406px white, 1988px 1467px white, 1121px 1522px white, 750px 1489px white, 654px 595px white, 29px 518px white, 1564px 98px white, 475px 1899px white, 622px 1441px white, 886px 801px white, 1412px 558px white, 800px 1330px white, 540px 519px white, 1916px 298px white, 605px 331px white, 399px 821px white, 1331px 781px white, 180px 146px white, 435px 1759px white, 1501px 456px white, 793px 1748px white, 1627px 1365px white, 1538px 1167px white, 1429px 1707px white, 1710px 1285px white, 944px 856px white, 951px 1205px white, 1513px 66px white, 1368px 420px white, 821px 1768px white, 1764px 1707px white, 102px 1616px white, 1645px 1279px white, 204px 314px white, 954px 1865px white, 1407px 1721px white, 1044px 553px white, 1906px 1629px white, 1187px 764px white, 424px 377px white, 1132px 1564px white, 1659px 1609px white, 1900px 275px white, 1929px 136px white, 1552px 111px white, 706px 91px white, 1934px 112px white, 260px 29px white, 39px 122px white, 221px 1809px white, 1916px 325px white, 742px 1814px white, 1191px 1280px white, 191px 717px white, 14px 1553px white, 1976px 1065px white, 1589px 1869px white, 1722px 1035px white, 1947px 1148px white, 286px 1899px white, 1563px 947px white, 716px 1205px white, 654px 717px white, 870px 574px white, 639px 1198px white, 431px 113px white, 392px 683px white, 777px 930px white, 911px 529px white, 1835px 413px white, 237px 350px white, 1165px 828px white, 1746px 1567px white, 153px 670px white, 1286px 1220px white, 448px 1398px white, 1087px 1636px white, 546px 986px white, 715px 57px white, 1278px 6px white, 1141px 288px white, 981px 682px white, 1504px 1257px white, 1730px 580px white, 4px 222px white, 1007px 897px white, 624px 567px white, 793px 1469px white, 1669px 999px white, 1846px 1509px white, 1566px 1280px white, 1938px 1397px white, 10px 461px white, 1071px 1073px white, 835px 1733px white, 1508px 1048px white, 1463px 446px white, 1728px 840px white, 1523px 789px white, 1912px 1482px white, 104px 895px white, 1303px 479px white, 379px 1846px white, 1287px 1286px white, 1639px 323px white, 1581px 1840px white, 1261px 508px white, 1230px 401px white, 1592px 388px white, 1750px 201px white, 322px 1512px white, 1394px 1329px white, 1048px 380px white, 535px 1166px white, 444px 545px white, 646px 1571px white, 1494px 1934px white, 92px 1398px white, 1917px 1426px white, 805px 1092px white, 979px 916px white, 1708px 152px white, 1317px 522px white, 1170px 684px white, 343px 708px white, 755px 885px white, 1487px 1824px white, 1160px 835px white, 1586px 1729px white, 236px 836px white, 1257px 1590px white, 1527px 649px white, 450px 1554px white, 1391px 714px white, 422px 828px white, 681px 1359px white, 773px 571px white, 1935px 1352px white, 757px 591px white, 1040px 743px white, 182px 1508px white, 1952px 1722px white, 58px 868px white, 1340px 338px white, 450px 49px white, 1069px 1013px white, 1053px 640px white, 1591px 1232px white, 603px 1085px white, 855px 1470px white, 1017px 1931px white, 788px 392px white, 737px 978px white, 1370px 116px white, 1466px 1429px #FFF;
  animation: animBubble 100s linear infinite;
}
#bubble2:after {
  content: "";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1251px 843px white, 580px 572px white, 1118px 204px white, 1671px 425px white, 802px 1047px white, 1437px 1651px white, 1842px 1735px white, 377px 1053px white, 1602px 1731px white, 499px 998px white, 191px 1827px white, 842px 788px white, 139px 686px white, 1895px 10px white, 1395px 1046px white, 337px 1256px white, 1186px 1033px white, 1092px 763px white, 269px 168px white, 353px 1827px white, 466px 1323px white, 670px 1358px white, 651px 1979px white, 607px 1058px white, 181px 1737px white, 1567px 908px white, 794px 524px white, 59px 98px white, 174px 1808px white, 1831px 1445px white, 1751px 1334px white, 1791px 1116px white, 98px 1063px white, 1720px 997px white, 1701px 656px white, 684px 720px white, 1381px 1436px white, 579px 618px white, 1554px 212px white, 239px 370px white, 1827px 1721px white, 1626px 555px white, 876px 725px white, 1000px 1949px white, 1501px 1395px white, 652px 406px white, 1988px 1467px white, 1121px 1522px white, 750px 1489px white, 654px 595px white, 29px 518px white, 1564px 98px white, 475px 1899px white, 622px 1441px white, 886px 801px white, 1412px 558px white, 800px 1330px white, 540px 519px white, 1916px 298px white, 605px 331px white, 399px 821px white, 1331px 781px white, 180px 146px white, 435px 1759px white, 1501px 456px white, 793px 1748px white, 1627px 1365px white, 1538px 1167px white, 1429px 1707px white, 1710px 1285px white, 944px 856px white, 951px 1205px white, 1513px 66px white, 1368px 420px white, 821px 1768px white, 1764px 1707px white, 102px 1616px white, 1645px 1279px white, 204px 314px white, 954px 1865px white, 1407px 1721px white, 1044px 553px white, 1906px 1629px white, 1187px 764px white, 424px 377px white, 1132px 1564px white, 1659px 1609px white, 1900px 275px white, 1929px 136px white, 1552px 111px white, 706px 91px white, 1934px 112px white, 260px 29px white, 39px 122px white, 221px 1809px white, 1916px 325px white, 742px 1814px white, 1191px 1280px white, 191px 717px white, 14px 1553px white, 1976px 1065px white, 1589px 1869px white, 1722px 1035px white, 1947px 1148px white, 286px 1899px white, 1563px 947px white, 716px 1205px white, 654px 717px white, 870px 574px white, 639px 1198px white, 431px 113px white, 392px 683px white, 777px 930px white, 911px 529px white, 1835px 413px white, 237px 350px white, 1165px 828px white, 1746px 1567px white, 153px 670px white, 1286px 1220px white, 448px 1398px white, 1087px 1636px white, 546px 986px white, 715px 57px white, 1278px 6px white, 1141px 288px white, 981px 682px white, 1504px 1257px white, 1730px 580px white, 4px 222px white, 1007px 897px white, 624px 567px white, 793px 1469px white, 1669px 999px white, 1846px 1509px white, 1566px 1280px white, 1938px 1397px white, 10px 461px white, 1071px 1073px white, 835px 1733px white, 1508px 1048px white, 1463px 446px white, 1728px 840px white, 1523px 789px white, 1912px 1482px white, 104px 895px white, 1303px 479px white, 379px 1846px white, 1287px 1286px white, 1639px 323px white, 1581px 1840px white, 1261px 508px white, 1230px 401px white, 1592px 388px white, 1750px 201px white, 322px 1512px white, 1394px 1329px white, 1048px 380px white, 535px 1166px white, 444px 545px white, 646px 1571px white, 1494px 1934px white, 92px 1398px white, 1917px 1426px white, 805px 1092px white, 979px 916px white, 1708px 152px white, 1317px 522px white, 1170px 684px white, 343px 708px white, 755px 885px white, 1487px 1824px white, 1160px 835px white, 1586px 1729px white, 236px 836px white, 1257px 1590px white, 1527px 649px white, 450px 1554px white, 1391px 714px white, 422px 828px white, 681px 1359px white, 773px 571px white, 1935px 1352px white, 757px 591px white, 1040px 743px white, 182px 1508px white, 1952px 1722px white, 58px 868px white, 1340px 338px white, 450px 49px white, 1069px 1013px white, 1053px 640px white, 1591px 1232px white, 603px 1085px white, 855px 1470px white, 1017px 1931px white, 788px 392px white, 737px 978px white, 1370px 116px white, 1466px 1429px #FFF;
}

#bubble3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 515px 676px white, 300px 146px white, 1776px 493px white, 1990px 1286px white, 1420px 40px white, 643px 1165px white, 1562px 225px white, 1502px 286px white, 1586px 1268px white, 136px 344px white, 384px 943px white, 1692px 1048px white, 1368px 282px white, 1833px 1997px white, 401px 1120px white, 686px 671px white, 396px 431px white, 57px 1561px white, 1866px 1761px white, 1395px 1622px white, 723px 1699px white, 1328px 1129px white, 995px 1582px white, 1318px 1388px white, 1404px 268px white, 1922px 771px white, 87px 829px white, 892px 1295px white, 1883px 1780px white, 1851px 147px white, 853px 115px white, 1185px 18px white, 59px 1394px white, 209px 1341px white, 1350px 359px white, 690px 1828px white, 762px 1546px white, 1816px 1715px white, 989px 956px white, 1280px 1979px white, 1115px 1686px white, 979px 1135px white, 1504px 1742px white, 827px 1660px white, 1666px 1199px white, 1293px 589px white, 236px 1070px white, 426px 1028px white, 1402px 313px white, 649px 1666px white, 1796px 154px white, 356px 354px white, 1365px 777px white, 838px 1539px white, 504px 1477px white, 1524px 801px white, 1351px 1186px white, 1863px 641px white, 313px 1433px white, 1076px 1065px white, 1135px 706px white, 1879px 1372px white, 854px 1035px white, 1970px 1087px white, 700px 1866px white, 1810px 783px white, 1281px 1807px white, 692px 795px white, 1571px 1816px white, 843px 946px white, 1253px 1771px white, 1780px 1372px white, 1993px 1236px white, 1807px 567px white, 1379px 1251px white, 276px 688px white, 1129px 26px white, 478px 166px white, 1221px 1355px white, 488px 721px white, 1517px 1594px white, 1554px 1975px white, 836px 1387px white, 1499px 1900px white, 517px 188px white, 395px 1285px white, 878px 1746px white, 475px 1493px white, 1365px 1628px white, 85px 405px white, 193px 61px white, 1884px 1082px white, 679px 1642px white, 1130px 1002px white, 1816px 188px white, 1469px 182px white, 1288px 192px white, 1846px 821px white, 636px 1617px white, 1819px 1545px #FFF;
  animation: animBubble 150s linear infinite;
}
#bubble3:after {
  content: "";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 515px 676px white, 300px 146px white, 1776px 493px white, 1990px 1286px white, 1420px 40px white, 643px 1165px white, 1562px 225px white, 1502px 286px white, 1586px 1268px white, 136px 344px white, 384px 943px white, 1692px 1048px white, 1368px 282px white, 1833px 1997px white, 401px 1120px white, 686px 671px white, 396px 431px white, 57px 1561px white, 1866px 1761px white, 1395px 1622px white, 723px 1699px white, 1328px 1129px white, 995px 1582px white, 1318px 1388px white, 1404px 268px white, 1922px 771px white, 87px 829px white, 892px 1295px white, 1883px 1780px white, 1851px 147px white, 853px 115px white, 1185px 18px white, 59px 1394px white, 209px 1341px white, 1350px 359px white, 690px 1828px white, 762px 1546px white, 1816px 1715px white, 989px 956px white, 1280px 1979px white, 1115px 1686px white, 979px 1135px white, 1504px 1742px white, 827px 1660px white, 1666px 1199px white, 1293px 589px white, 236px 1070px white, 426px 1028px white, 1402px 313px white, 649px 1666px white, 1796px 154px white, 356px 354px white, 1365px 777px white, 838px 1539px white, 504px 1477px white, 1524px 801px white, 1351px 1186px white, 1863px 641px white, 313px 1433px white, 1076px 1065px white, 1135px 706px white, 1879px 1372px white, 854px 1035px white, 1970px 1087px white, 700px 1866px white, 1810px 783px white, 1281px 1807px white, 692px 795px white, 1571px 1816px white, 843px 946px white, 1253px 1771px white, 1780px 1372px white, 1993px 1236px white, 1807px 567px white, 1379px 1251px white, 276px 688px white, 1129px 26px white, 478px 166px white, 1221px 1355px white, 488px 721px white, 1517px 1594px white, 1554px 1975px white, 836px 1387px white, 1499px 1900px white, 517px 188px white, 395px 1285px white, 878px 1746px white, 475px 1493px white, 1365px 1628px white, 85px 405px white, 193px 61px white, 1884px 1082px white, 679px 1642px white, 1130px 1002px white, 1816px 188px white, 1469px 182px white, 1288px 192px white, 1846px 821px white, 636px 1617px white, 1819px 1545px #FFF;
}

@keyframes animBubble {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}
@keyframes animGravity {
  0% {
    transform: translateY(-26px);
    opacity: 0;
  }
  30%, 80% {
    letter-spacing: 40px;
    padding-left: 40px;
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    letter-spacing: 35px;
    padding-left: 35px;
    transform: translateY(-4px);
    opacity: 0;
  }
}
@keyframes animDont {
  0%  , 15% {
    transform: translateY(-26px);
    opacity: 0;
  }
  35%, 80% {
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}
@keyframes animLet {
  0%  , 25% {
    transform: translateY(-26px);
    opacity: 0;
  }
  45%, 80% {
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}
@keyframes animGo {
  0%  , 35% {
    transform: translateY(-26px);
    opacity: 0;
  }
  55%, 80% {
    transform: translateY(0px);
    opacity: 1;
  }
  92%, 100% {
    transform: translateY(-4px);
    opacity: 0;
  }
}
/* 注)泡エフェクト不要の方ここまで削除 */

#header-banner {
  position: relative;
  background: url(http://blog-imgs-93.fc2.com/v/a/n/vanillaice000/9q38ry.jpg) left center /cover no-repeat; /* 注)スライド最初の一枚 */
}

#header-banner:before {
  content: "";
  background-color: rgba(0,0,0,.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#blog-name-container {
  margin: 0 auto;
  width: 90%;
  max-width: 1400px;
  color: white;
  padding: 10px 10px 80px;
  position: relative;
  z-index: 3;
  -webkit-transition: all .6s ease;
  transition: all .6s ease;
}

@media screen and (max-width: 768px) {
  .blog-name-container {
    width: 100%;
  }
}

#welcome {
  color: rgb(240,240,240);
  line-height: 1.2;
  font-family: 'Alex Brush';
  font-size: 50px;
  -webkit-animation: slideInDown 1.5s;
  animation: slideInDown 1.5s;
  animation-delay: .5s;
}

@media screen and (max-width: 768px) {
  #welcome {
    font-size: 35px;
  }
}

/* 注)ブログタイトルフォント関連 */
#blog-title {
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  line-height: 1.2;
  padding: 30px 0;
  font: bolder 24px/1.2 'Playfair Display', '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'serif';  text-align: center;
  -webkit-animation: slideInUp 1.5s;
  animation: slideInUp 1.5s;
}

#blog-title a {
  display: inline-block;
  color: white; /* 注)ブログタイトルリンク色 */
  text-shadow: 8px 8px 1px rgba(51,51,51,.1);
}

/* welcome animation */
@-webkit-keyframes slideInDown {
  0% {
   opacity: 0;
   -webkit-transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   -webkit-transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   -webkit-transform: translateY(0);
  }
}
@keyframes slideInDown {
  0% {
   opacity: 0;
   transform: translateY(-100px);
  }
  50% {
   opacity: 0;
   transform: translateY(-100px);
  }
  100% {
   opacity: 1;
   transform: translateY(0);
  }
}

@-webkit-keyframes slideInUp {
  0% {
   opacity: 0;
   -webkit-transform: translateY(30px);
  }
  50% {
   opacity: 0;
   -webkit-transform: translateY(30px);
  }
  100% {
   opacity: 1;
   -webkit-transform: translateY(0);
  }
}
@keyframes slideInUp {
  0% {
   opacity: 0;
   transform: translateY(30px);
  }
  50% {
   opacity: 0;
   transform: translateY(30px);
  }
  100% {
   opacity: 1;
   transform: translateY(0);
  }
}


/***------------------------------------------
      global navigation
------------------------------------------***/

.navi-menu {
  margin: 0 auto;
  width: 100%;
  height: 45px;
  background-color: transparent;
}

.navi-menu2 {
  display: block;
  width: 100%;
  height: 45px;
  background: none;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: -100px;
  z-index: 100004;
  -webkit-transition:  all .3s;
  transition:  all .3s;
}

.sticky {
  background-color: rgba(0,0,0,.8);
  opacity: 1;
  top: 0;
}

.position-adjust {
  top: 27px;
}

.mobile-toggle2 {
  display: none;
  width: 58px;
  height: 45px;
  padding: 11px 15px 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 10000010;
  font-size: 20px;
}

.mobile-toggle2 span {
  display: block;
  margin-bottom: 5px;
  width: 28px;
  height: 3px;
  background: rgb(209,161,98); /* 注)ドロワーハンバーガーボタンの色(スマホのみ) (approx)Apache */
  border-radius: 1000px;
}

.ordinary-navi {
  margin: 0 auto;
  width: 100%;
}

.dropmenu {
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  list-style: none;
  font-size: 12px;
  text-align: center;
}

.dropmenu > li {
  display: inline-block;
  margin: 0;
  width: 20%;
  padding: 0;
  position: relative;
  text-align: center;
}

.dropmenu .pc-hide {
  display: none;
}

.dropmenu > li > a {
  display: block;
  margin: 0;
  height: 100%;
  color: white; /* 注)ナビゲーションリンク色 */
  padding: 1em 0;
  font-weight: bolder;
  text-decoration: none;
}

/* Sweep To Top */
.sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0,0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
}
.sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,.5); /* 注)ナビゲーションリンクエフェクト背景色 Black+不透明度0.5 */
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.sweep-to-top:hover, .sweep-to-top:focus, .sweep-to-top:active {
  color: white;
}
.sweep-to-top:hover:before, .sweep-to-top:focus:before, .sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.dropmenu > li > ul > li {
  width: 100%;
}

/* search modal */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

.remodal,
[data-remodal-id] {
  display: none;
}

.remodal-overlay {
  position: fixed;
  z-index: 100005;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  background: rgba(255,255,255,.95); /* 注)サイト内検索モーダル背景色 white 不透明度0.95 */
  display: none;
}

.remodal-wrapper {
  position: fixed;
  z-index: 100005;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

.remodal-is-initialized {
  display: inline-block;
}

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

.remodal {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px 0;
  font-family: 'Playball', '游ゴシック', 'YuGothic', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo';
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: .6s;
  animation-duration: .6s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

.remodal-close {
  position: absolute;
  top: -50px;
  left: 0;
  display: block;
  overflow: visible;
  width: 100%;
  height: 60px;
  font-size: 18px;
  text-align: center;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color .5s;
  transition: color .5s;
  text-decoration: none;
  border: 0;
  outline: 0;
  background: transparent;
  color: rgb(179,179,179); /* 注)サイト内検索モーダル Close文字色 (approx)Pink Swan */
  font-family: 'Playfair Display';
}

.remodal-close:hover,
.remodal-close:focus {
  color: rgb(51,51,51); /* 注)サイト内検索モーダル Closeホバー時文字色 Night Rider */
}

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.remodal-search-form input {
  margin: 0 auto;
  display: block;
  width: 98%;
  max-width: 800px;
  outline: none;
  border: none;
  border-bottom: 1px solid rgb(51,51,51); /* 注)サイト内検索テキスト入力下部ボーダー色 Night Rider */
  font-size: 20px;
  background: transparent;
  padding: .3em;
}

/* modal animation */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}
@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* animation */
@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}
.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}
/* animation */
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
            transform: translate3d(0,30px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0,30px,0);
            transform: translate3d(0,30px,0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}


/***------------------------------------------
      top page
------------------------------------------***/

#grid-container {
  margin: 0 auto;
  width: 100%;
}

.element-item {
  width: 100%;
  padding: 0 20px 40px;
  position: relative;
}

@media screen and (max-width: 640px) {
  .element-item {
    margin: 0 auto;
    width: 100%;
    max-width: 600px;
    padding: 0 15px 40px;
  }
}

.inner-image-parent {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.inner-image-parent:before {
  content: "";
  display: block;
  padding-top: 55%;
}

.inner-image-parent a {
  color: white;
}

.imgLiquidFill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.element-outline { /* 各グリッド記事に背景色を付ける場合はここに background-color: カラーコード; の項目を追加 */
  width: 100%;
  height: 100%;
}

.inner-wrapper {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.no-image-text {
  margin: auto;
  width: 100%;
  height: 1.5em;
  color: rgba(51,51,51,.4);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  font-size: 24px;
  line-height: 1.5em;
  font-family: 'Playfair Display';
  text-align: center;
}

.grid-overlay {
  background-color: rgba(0,0,0,.3);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.ymd {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 50px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0,20px,0);
  transform: translate3d(0,20px,0);
}

@media screen and (max-width: 1300px) {
  .ymd {
    padding: 25px;
  }
}
@media screen and (max-width: 640px) {
  .ymd {
    padding: 20px;
  }
}

.time-border {
  display: table-cell;
  width: 150px;
  padding-right: 50px;
  vertical-align: top;
  text-align: center;
}

@media screen and (max-width: 1300px) {
  .time-border {
    width: 130px;
  }
}
@media screen and (max-width: 640px) {
  .time-border {
    width: 90px;
  }
}
@media screen and (max-width: 568px) {
  .time-border {
    width: 70px;
  }
}

.topentry-day {
  width: 100px;
  height: 100px;
  border: 3px solid white;
  line-height: 97px;
  font-size: 40px;
  text-align: center;
}

@media screen and (max-width: 1300px) {
  .topentry-day {
    width: 90px;
    height: 90px;
    line-height: 87px;
    font-size: 30px;
  }
}
@media screen and (max-width: 640px) {
  .topentry-day {
    width: 70px;
    height: 70px;
    line-height: 67px;
    font-size: 24px;
  }
}
@media screen and (max-width: 568px) {
  .topentry-day {
    width: 50px;
    height: 50px;
    line-height: 47px;
    font-size: 20px;
  }
}

.time-stamp-wrap {
  display: table-cell;
  padding-top: 10px;
  vertical-align: top;
  text-align: left;
}

.topentry-month-and-year {
  font-size: 40px;
}

@media screen and (max-width: 1300px) {
  .topentry-month-and-year {
    font-size: 30px;
  }
}
@media screen and (max-width: 640px) {
  .topentry-month-and-year {
    font-size: 24px;
  }
}
@media screen and (max-width: 568px) {
  .topentry-month-and-year {
    font-size: 20px;
  }
}

.topentry_hms {
  font-size: 18px;
}

.left-margin {
  margin-left: 20px;
}

.view-more {
  margin: auto;
  width: 200px;
  border: 3px solid white;
  color: white;
  opacity: 0;
  padding: 10px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 40px;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

@media screen and (max-width: 1300px) {
  .view-more {
    bottom: 25px;
    width: 180px;
    font-size: 18px;
  }
}
@media screen and (max-width: 640px) {
  .view-more {
    width: 160px;
    bottom: 20px;
    font-size: 15px;
  }
}
@media screen and (max-width: 568px) {
  .view-more {
    width: 160px;
    bottom: 20px;
    font-size: 14px;
  }
}

.inner-image-parent:hover .ymd {
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.inner-image-parent:hover:hover .view-more {
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}

.context {
  display: table;
  table-layout: fixed;
  width: 100%;
}

@media screen and (max-width: 568px) {
  .context {
    display: block;
  }
}

.context-left-cell,
.context-right-cell {
  display: table-cell;
}

.context-left-cell {
  width: 150px;
  padding: 30px 0;
  vertical-align: middle;
}

@media screen and (max-width: 568px) {
  .context-left-cell {
    display: block;
    width: 100%;
    padding: 20px 0;
  }
}

.context-right-cell {
  padding: 30px 0 0 30px;
  vertical-align: top;
}

@media screen and (max-width: 568px) {
  .context-right-cell {
    display: block;
    width: 100%;
    padding: 0;
  }
}

.entry-title { /* 注)記事タイトル文字関連 */
  margin: 0;
  padding-bottom: 10px;
  font: bolder 16px/1.3 'Playball', '游ゴシック', 'YuGothic', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo';
}

.entry-pad {
  padding: 10px 0;
}

.entry-title a {
  color: rgb(51,51,51);
}

.element-category {
  line-height: 1.2;
  padding-bottom: 10px;
  font-size: 12px;
}

.topentry-description {
  padding-bottom: 20px;
}

/* SNS share */
.inner-footer-sns {
  border-right: 2px solid rgb(240,240,240); /* 注)トップページ要約記事下SNSアイコン横ボーダー色 (approx)White Smoke */
  list-style: none;
  font-size: 14px;
}

@media screen and (max-width: 568px) {
  .inner-footer-sns {
    border-right: none;
    border-bottom: 2px solid rgb(240,240,240);
  }
}

.inner-footer-sns li {
  padding: 5px 0;
}

@media screen and (max-width: 568px) {
  .inner-footer-sns li {
    display: inline-block;
  }
}

.inner-footer-sns li a {
  display: block;
  width: 100%;
  color: rgb(100,100,100);
}

.inner-footer-sns .fa {
  margin-right: 1.5em;
}

.inner-footer-sns li .c-facebook:hover,
.permanent-inner-footer-sns li .c-facebook:hover {
  color: rgb(59,89,152);
}

.inner-footer-sns li .c-twitter:hover,
.permanent-inner-footer-sns li .c-twitter:hover {
  color: rgb(73,171,242);
}

.inner-footer-sns li .c-pinterest:hover,
.permanent-inner-footer-sns li .c-pinterest:hover {
  color: rgb(206,15,25);
}

.inner-footer-sns li .c-google-plus:hover,
.permanent-inner-footer-sns li .c-google-plus:hover {
  color: rgb(221,75,57);
}

.inner-footer-sns li .c-leave-a-comment:hover,
.inner-footer-sns li .c-send-a-trackback:hover,
.permanent-inner-footer-sns li .c-pencil:hover {
  color: rgb(173,152,149);
}

.inner-footer-sns li .c-leave-a-comment,
.inner-footer-sns li .c-send-a-trackback {
  display: inline-block;
  position: relative;
}

.abs-span {
  display: inline-block;
  position: absolute;
  top: -.5em;
  left: 1.3em;
  font-size: 12px;
}

@media screen and (max-width: 568px) {
  .hide568 {
    display: none;
  }
}


/***------------------------------------------
      individual article
------------------------------------------***/

.main-body {
  margin-bottom: 60px;
  padding: 0 30px;
}

@media screen and (max-width: 640px) {
  .main-body {
    padding: 0 15px;
  }
}

.entry-header {
  overflow: hidden;
}

.permanent-topentry-day-and-month {
  margin-right: 20px;
  margin-bottom: 10px;
  width: 80px;
  height: 80px;
  border: 3px solid rgb(240,240,240); /* 注)個別記事日付けボーダー色 (approx)White Smoke */
  float: left;
  font-size: 40px;
  text-align: center;
}

.permanent-topentry-day {
  line-height: 1;
  padding-top: 8px;
  font-size: 40px;
}

.permanent-topentry-month {
  font-size: 12px;
}

.small-font {
  font-size: 12px;
}

.entry-info ul, .entry-info ul li {
  display: inline-block;
  }

.entry-info ul li {
  margin-right: 1em;
}

.contents {
  padding: 20px 0;
}

.height-adjust {
  padding-top: 65px;
  margin-top: -45px;
}

/* back to default */
.inner-contents ul {
  margin: 1em 0;
  padding-left: 40px;
  list-style-type: disc;
}

.inner-contents ol {
  margin: 1em 0;
  padding-left: 40px;
  list-style-type: decimal;
}

.inner-contents a:hover {
  text-decoration: underline;
}

.category-name {
  padding: 30px 0 10px;
}

.category-name a {
  padding: 0 2px;
}

/* tag on article */
.tags {
  padding-bottom: 20px;
}

.tags a {
  margin-top: 20px;
  padding: 0 2px;
}

/* SNS share */
.permanent-inner-footer-sns {
  border: 3px solid rgb(240,240,240); /* 注)個別記事下SNSボーダー色 (approx)White Smoke */
  list-style: none;
  padding: 10px 0;
}

.permanent-inner-footer-sns li {
  display: inline-block;
  width: 20%;
  font-size: 16px;
  text-align: center;
}

.permanent-inner-footer-sns li a {
  display: block;
}


/***------------------------------------------
      posted comment
------------------------------------------***/

.another-title {
  margin: 0 auto 20px;
  font-family: 'Playfair Display', '游ゴシック', 'YuGothic', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo';
  font-size: 18px;
  text-align: center;
}

.border-container {
  min-height: 46px;
  padding-left: 55px;
  position: relative;
  font-weight: 600;
}

.border-container:before {
  content: "\f007";
  width: 46px;
  height: 46px;
  display: inline-block;
  background-color: rgb(207,207,207); /* 注)訪問者アイコン背景色 (approx)Very Light Grey */
  border-radius: 50%;
  color: white;
  line-height: 46px;
  position: absolute;
  top: 0;
  left: 0;
  font-family: 'FontAwesome';
  font-size: 18px;
  text-align: center;
}

.visitor-name {
  font-size: 14px;
}

.comment-title {
  margin-bottom: 5px;
}

.comment-body {
  padding: 10px 0;
}

.visitor-fotter-info {
  margin-top: 10px;
  text-align: right;
}


/***------------------------------------------
      comment form
------------------------------------------***/

#comment_form {
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  vertical-align: middle;
  text-decoration: none;
}

#comment_form label {
  display: block;
  padding-bottom: 5px;
  font-size: 12px; /* 注)コメント投稿フォームフォント大きさ */
}

#comment_form input {
  margin-bottom: 10px;
  width: 100%;
  background-color: white;
  border: 1px solid rgb(220,220,220); /* 注)コメントフォーム各項目ボーダー色 Gainsboro */
  border-radius: 4px;
  padding: 12px;
}

#comment_form input:focus, #comment:focus {
  border: 1px solid rgb(179,179,179); /* 注)コメントフォーム各項目(含 テキストエリア)フォーカス時ボーダー色 (approx)Pink Swan */
}

#comment {
  margin-bottom: 10px;
  width: 100%;
  min-height: 200px;
  background-color: white;
  border: 1px solid rgb(220,220,220); /* 注コメントフォームテキストエリアボーダー色 Gainsboro */
  border-radius: 4px;
  line-height: 1.5;
  padding: 12px;
}

#comment_form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

#community, #trackback {
  padding-top: 45px;
  margin-top: -45px;
  position: relative;
}

/* checkbox */
#no-p input:focus {
  outline: none;
}

#no-p input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}
#no-p input[type=checkbox] + label {
  display: inline-block;
  margin-right: 12px;
  cursor: pointer;
  line-height: 1.5px;
  position: relative;
  left: 0;
}
 
@media (min-width: 1px) {
  #no-p input[type=checkbox] {
    display: none;
    margin: 0;
  }

  #no-p input[type=checkbox] + label {
    padding: 2px 0 0 24px;
  }

  #no-p input[type=checkbox] + label:before {
    content: "";
    display: block;
    margin-top: -10px;
    width: 18px;
    height: 18px;
    background-color: white;
    position: absolute;
    top: 50%;
    left: 0;
  }

  #no-p input[type=checkbox] + label:before {
    border: 1px solid rgb(220,220,220); /* 注)secretコメントチェックボックスボーダー色 Gainsboro */
    border-radius: 2px;
  }

  #no-p input[type=checkbox]:checked + label:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
  }

  #no-p input[type=radio]:checked + label:after {
    margin-top: -4px;
    width: 8px;
    height: 8px;
    background: rgb(51,51,51); /* 注)secretコメントチェックマーク色 Night Rider(1/3) */
    border-radius: 8px;
    top: 2px;
    left: 5px;
  }

  #no-p input[type=checkbox]:checked + label:after {
    margin-top: -8px;
    width: 16px;
    height: 8px;
    border-bottom: 3px solid rgb(51,51,51); /* 注)secretコメントチェックマーク色 Night Rider(2/3) */
    border-left: 3px solid rgb(51,51,51); /* 注)secretコメントチェックマーク色 Night Rider(3/3) */
    left: 3px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

/* send and delete button */
#sendbtn, #delbtn {
  margin-top: 20px;
  margin-right: 20px;
  width: 156px;
  height: 30px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, rgb(255,255,255)), color-stop(1.00, rgb(206,206,206))); /* 注)コメントsend・deleteボタングラデーション背景色 white, Very Light Grey */
  background: -webkit-linear-gradient(rgb(255,255,255), rgb(206,206,206));
  background: -moz-linear-gradient(rgb(255,255,255), rgb(206,206,206));
  background: -o-linear-gradient(rgb(255,255,255), rgb(206,206,206));
  background: -ms-linear-gradient(rgb(255,255,255), rgb(206,206,206));
  background: linear-gradient(rgb(255,255,255), rgb(206,206,206));
  border: none;
  border-radius: 5px;
  box-shadow: 4px 4px 8px rgba(0,0,0,.2);
  color: rgb(179,179,179); /* 注)send, deleteボタン文字色 (approx)Pink Swan */
  cursor: pointer;
  padding: 2px 0;
  font-size: 14px; /* 注)コメントsend/ deleteボタンフォント大きさ */
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#sendbtn {
  margin-right: 1%;
}

#delbtn {
  margin-left: 1%;
}

#sendbtn:hover {
  color: rgb(51,51,51); /* 注)sendボタンホバー時テキスト色 Night Rider */
}

#delbtn:hover {
  color: rgb(134,13,37); /* 注)deleteボタンホバー時テキスト色 (approx)Burgundy */
}

.comment-info {
  text-align: right;
}


/***------------------------------------------
      trackback
------------------------------------------***/

.op, #for-trackback-word {
  display: block;
  width: 100%;
  max-width: 600px;
}

.op {
  margin: 30px auto 10px;
  border: 1px solid rgb(220,220,220); /* 注)トラックバックボーダー色 Gainsboro */
  border-radius: 0;
  padding: .5em;
  outline: none;
  font-size: 13px; /* 注)・トラックバックフォント大きさ */
}

#for-trackback-word {
  margin: 0 auto;
}

.op:focus {
  border: 1px solid rgb(179,179,179); /* 注)トラックバックフォーカス時ボーダー色 (approx)Pink Swan */
}


/***------------------------------------------
      related post, trackback list
------------------------------------------***/

.relate_dl,
.tb_dl {
  margin-top: 30px;
  background: rgb(248,248,248); /* 注)関連記事・トラックバック一覧背景色 (approx)Whisper */
  border-radius: 4px;
  padding: 10px;
}

.relate_dt,
.tb_dt {
  padding: 3px 3px 5px 0;
  font-size: 13px;
  font-weight: bold;
}

.date {
  padding-top: 10px;
}

.inner-contents .relate_ul {
  margin: 0 0 0 1.5em;
  list-style-type: square;
  padding: 0;
}

/* with thumbnail */
#fc2relate_entry_thumbnail_area {
  margin: 120px auto 30px;
  background-color: rgb(250,250,250);
  padding: 15px;
  position: relative;
  z-index: 1;
}

#fc2relate_entry_thumbnail_area .relate_dt {
  display: none;
}

#fc2relate_entry_thumbnail_area .relate_dd {
  overflow: hidden;
}

#fc2relate_entry_thumbnail_area:before {
  content: "You may also like"; /* 注)関連記事 タイトル変更はここです */
  display: block;
  margin: auto;
  width: 100%;
  padding-top: 20px;
  position: absolute;
  top: -50px;
  z-index: 3;
  font: 16px/1.3 'Playfair Display', '游ゴシック', 'YuGothic', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo';
  text-align: center;
}

#fc2relate_entry_thumbnail_area .relate_dd .relate_ul {
  list-style: none;
  overflow: hidden;
}

#fc2relate_entry_thumbnail_area .relate_dd .relate_ul li {
  width: 50%;
  height: 98px;
  float: left;
}

@media screen and (max-width: 1199px) {
  #fc2relate_entry_thumbnail_area .relate_dd .relate_ul li {
    width: 100%;
    height: 98px;
    float: none;
  }
}

#fc2relate_entry_thumbnail_area .relate_entry_title {
  padding-right: 1em;
  word-break: break-all;
}

.related-overlay {
  position: relative;
}

.related-overlay:before {
  content: "";
  width: 90px;
  height: 90px;
  background: url(//blog-imgs-93.fc2.com/v/a/n/vanillaice000/allaboutusnoimage2.jpg) center center /cover no-repeat; /* 注)No image 関連記事サムネイル */
  border-radius: 1px;
  position: absolute;
  z-index: 2;
}

.related-overlay:after {
  content: "No image";
  display: block;
  width: 90px;
  height: 90px;
  color: rgba(51,51,51,.6);
  line-height: 90px;
  position: absolute;
  z-index: 3;
  font-family: 'Playfair Display', 'serif';
  font-size: 11px;
  text-align: center;
}

@media screen and (max-width: 479px) {
  #fc2relate_entry_thumbnail_area .relate_entry_thumbnail {
    width: 90px !important;
    height: 90px !important;
  }
  #fc2relate_entry_thumbnail_area .relate_dd .relate_ul .relate_entry_thumbnail img {
    width: 90px !important;
    height: 90px !important;
  }
}

.relate_dt, .tb_dt {
  font-weight: bold;
  padding: 3px;
}

.date {
  padding-top: 10px;
}

.tb_ul {
  padding: 10px 0;
}

.fc2relate_entry_thumbnail_off .relate_ul, 
.tb_ul {
  margin: 0;
  margin-left: 1.5em;
  list-style-type: square;
  padding: 0;
}


/***------------------------------------------
      index (title list), search page
------------------------------------------***/

.list-title {
  margin: 0 auto;
  line-height: 1.5;
  font-weight: bolder;
  font-size: 14px; /* 注)全記事リスト記事タイトルフォント大きさ */
}

.list-title a {
  text-decoration: none;
}

.list-entry {
  padding: 5px 0;
}

.list-entry-date, .list-entry-category {
  text-align: right;
}

.list-entry-category {
  font-size: 12px; /* 注)全記事リストカテゴリフォント大きさ */
}

/* only for search page */
.list-entry .list-a {
  margin-bottom: 10px;
  margin-left: 10px;
  width: 72px;
  height: 72px;
  float: right;
}

.thumbnails {
  display: inline-block;
  width: 72px;
  height: 72px;
  overflow: hidden;
  position: relative;
}

.search-noimage {
  width: 100%;
  height: 100%;
  background: url(//blog-imgs-93.fc2.com/v/a/n/vanillaice000/allaboutusnoimage2.jpg) center center /cover no-repeat; /* 注)No image画像 検索結果 */
}

.search-noimage:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.8); /* 注)検索結果ページNo image上マスク背景色 white 不透明度0.8 */
  position: absolute;
  top: 0;
  left: 0;
}

.thumbnails .no-image-text {
  font-size: 12px; /* 注)検索結果ページNo imageフォント大きさ */
}

/***------------------------------------------
      new arrivals thumbnail
------------------------------------------***/

#feed-container {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  word-break: break-all;
}

.rss-container {
  width: 12.5%;
  float: left;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.rss-container:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.rss-container:after {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.4); /* 注)RSS新着No image背景色 Black+不透明度0.7 */
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

@media screen and (max-width: 940px) {
  .rss-container {
    width: 25%;
  }
}
@media screen and (max-width: 568px) {
  .rss-container {
    width: 33.3%;
  }
}
@media screen and (max-width: 414px) {
  .rss-container {
    width: 50%;
  }
}

.rss-image-wrap {
  background: url(http://blog-imgs-93.fc2.com/v/a/n/vanillaice000/allaboutusnoimage2.jpg) center center /cover no-repeat; /* 注)No image画像 テンプレデフォルト新着サムネイル */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.rss-image {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 6;
}

.time-stamp {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}

.time-table {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  opacity: 0;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.rss-date {
  display: table-cell;
  color: white;
  vertical-align: middle;
  text-align: center;
}

#rss-thumbnail-list a:hover .time-table {
  opacity: 1;
}

.rss-date {
  font-size: 12px;
}


/***------------------------------------------
      side menu(secondary)
------------------------------------------***/

.side-menu {
  display: inline-block;
  margin: 0 auto;
  width: 300px;
  line-height: 1.8;
  padding: 0 15px 30px;
  vertical-align: top;
  font-size: 12px; /* 注)サイドメニューフォント大きさ */
}

@media screen and (max-width: 603px) {
  .side-menu {
    width: 100%;
    max-width: 350px;
  }
}

.side-menu ul {
  margin-left: 1.5em;
  list-style-type: disc;
}

/* about me */
#about-image-container {
  width: 100%;
  height: auto;
  position: relative;
}

#about-image-container img {
  width: 100%;
  height: auto;
}

#about-me-image {
  margin: auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -60px;
}

#about-image-container:after {
  content: "";
  margin: auto;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 12px rgba(255,255,255,.2),
              0 1px 2px rgba(0,0,0,.3);
  position: absolute;
  right: 0;
  bottom: -60px;
  left: 0;
}

.about-context {
  margin-top: 80px;
}

.sidebar-style {
  text-align: left;
}

.side-menu h4 {
  border: 3px solid rgb(240,240,240); /* 注)サイドメニュープラグインタイトルボーダー色 (approx)White Smoke */
  padding: .8em .3em;
  font: 14px/1.3 'Playfair Display', '游ゴシック', 'YuGothic', 'Hiragino Sans', 'ヒラギノ角ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', 'Meiryo';
  text-align: center;
}

/* only smartphone */
#sidenav {
  margin: 0 auto;
  width: 100%;
  background-color: rgb(245,245,245); /* 注)スマホドロワーメニュー背景色 White Smoke */
  font-size: 14px;
}

#sidenav > aside {
  height: 100%;
  overflow: auto;
  padding: 0 0 100px;
  position: relative;
  -webkit-overflow-scrolling: touch;
}


/***------------------------------------------
      official plug-in
------------------------------------------***/

/* calendar */
.calender {
  margin: 0 auto;
  width: 260px;
  border-spacing: 3px 6px;
  table-layout: fixed;
  font-size: 12px;
  text-align: center;
}

.calender caption {
  margin-bottom: 10px;
}

#prevMonth {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  text-align: center;
}

.calender-month-style {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  font-size: 15px;
  text-transform: uppercase;
}

#nextMonth {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  text-align: center;
}

.sun {
  color: rgb(161,12,0);
}

.calender td {
  height: 30px;
  line-height: 30px;
  padding: 0;
}

.calender td a {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  border: 1px solid rgb(212,217,220); /* 注)カレンダーリンクボーダー色 (approx)Pattens Blue */
  border-radius: 50%;
  color: rgb(51,51,51);
  line-height: 28px;
}

.calender td a:hover {
  background: rgb(212,217,220); /* 注)カレンダーリンクホバー時背景色 (approx)Pattens Blue */
}

/* profile */
 .plugin-myimage {
  margin-bottom: 10px;
  text-align: center !important;
}

/* mail form */
.sidebar-style form {
  display: block;
  margin: 0 auto;
  width: 98%;
  max-width: 260px;
}

.sidebar-style input:not([type="submit"]),
.sidebar-style textarea,
.sidebar-style select {
  display: inline-block;
  margin-left: 1%;
  width: 98% !important;
  background-color: white;
  border: 1px solid rgb(207,207,207);
  border-radius: 2px;
  outline: none;
  padding: .5em;
}

/* search */
.plugin-search {
  margin: 0 auto;
  width: 98%;
}

.plugin-search input {
  margin-bottom: 8px;
}

/* tag */
.plugin-tag a {
  display: inline-block;
  margin: 2px;
  border: 1px solid rgb(220,220,220); /* 公式タグボーダー色 Gainsboro */
  padding: .3em .2em .2em;
}


/***------------------------------------------
      pager
------------------------------------------***/

/* general */
.pager {
  margin: 70px auto 50px;
  width: 100%;
}

.simple-pagination {
  margin: 0;
  overflow: hidden;
  position: relative;
  text-align: center;
}

.simple-pagination ul {
  display: inline-block;
  margin: 0;
  list-style: none;
  position: relative;
  padding: 0;
}

.simple-pagination li {
  display: block;
  margin-bottom: 2px;
  box-shadow: 1px 0 0 0 rgb(229,229,229), 
              0 1px 0 0 rgb(229,229,229), 
              1px 1px 0 0 rgb(229,229,229),
              1px 0 0 0 rgb(229,229,229) inset, 
              0 1px 0 0 rgb(229,229,229) inset;
  float: left;
  list-style: none;
}

.light-theme a, .light-theme span {
  display: inline-block;
  width: 35px;
  height: 35px;
  background: transparent;
  color: rgb(51,51,51);
  line-height: 35px;
  vertical-align: middle;
  font-size: 12px; /* 注)汎用ページ送りフォント大きさ */
  text-align: center;
}

.light-theme a:hover {
  background-color: rgb(212,217,220); /* 注)汎用ページ送りマウスホバー時背景色 (approx)Pattens Blue */
  opacity: 1;
}

.prev, .next {
  border: none !important;
  font-weight: bolder;
}

.light-theme .current {
  background: rgba(212,217,220,.4); /* 注)汎用ページ送り現在ページ背景色 (approx)Pattens Blue+不透明度0.4 */
  color: rgb(51,51,51);
}

.light-theme .ellipse {
  color: rgb(51,51,51);
  font-weight: bold;
}

.light-theme .prev, .light-theme .next {
  background-color: rgb(212,217,220); /* 注)汎用ページ送りprev/ next時背景色 (approx)Pattens Blue */
  box-shadow: none;
  color: rgb(51,51,51);
}

/* article */
.posted-pager {
  display: table;
  table-layout: fixed;
  margin: 0 auto 50px;
  width: 98%;
  font-size: 12px; /* 注)個別記事ページ送りフォント大きさ */
}

.page-left-cell, .page-center-cell, .page-right-cell {
  display: table-cell;
  vertical-align: middle;
}

.page-center-cell {
  text-align: center;
}

.page-right-cell {
  text-align: right;
}

.prev-a {
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 40px;
  position: relative;
  text-align: left;
}

.prev-a:before {
  content: "\f104";
  margin: auto;
  width: 35px;
  height: 35px;
  background-color: rgba(212,217,220,.4); /* 注)個別記事prevページ送り背景色 (approx)Pattens Blue+不透明度0.4 */
  color: rgb(51,51,51);
  line-height: 35px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  font-family: 'FontAwesome';
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.page-center-cell {
  width: 50px;
  height: auto;
  text-align: center;
}

.center-a {
  width: 100%;
  height: 100%;
}

.center-a .fa {
  width: 35px;
  height: 35px;
  background-color: rgba(212,217,220,.4); /* 注)個別記事homeページ送り背景色 (approx)Pattens Blue+不透明度0.4 */
  color: rgb(51,51,51);
  line-height: 35px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.center-a .fa:before {
  line-height: 35px;
}

.next-a {
  display: block;
  width: 100%;
  height: 100%;
  padding-right: 40px;
  position: relative;
  text-align: right;
}

.next-a:before {
  content: "\f105";
  margin: auto;
  width: 35px;
  height: 35px;
  background-color: rgba(212,217,220,.4); /* 注)個別記事nextページ送り背景色 (approx)Pattens Blue+不透明度0.4 */
  color: rgb(51,51,51);
  line-height: 35px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-family: 'FontAwesome';
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.prev-a:hover:before,
.center-a:hover .fa,
.next-a:hover:before {
  background-color: rgb(212,217,220); /* 注)個別記事ページ送りホバー時背景色 (approx)Pattens Blue */
}

/* side pagination */
.side-pager-left, .side-pager-right {
  width: 180px;
  height: 80px;
  opacity: 0;
  position: fixed;
  top: 40%;
  z-index: 100003;
  font-size: 12px; /* 注)サイドページ送りフォント大きさ */
  -webkit-transition: opacity .7s ease;
  transition: opacity .7s ease;
}

.side-pager-left {
  left: -157px;
}

.side-pager-right {
  right: -157px;
}

.page-div-right, .page-div-left {
  display: block;
  margin: 0;
  width: 180px;
  height: 80px;
}

.side-pager-right a, .side-pager-left a {
  display: block;
  width: 100%;
  height: 100%;
  color: rgb(51,51,51);
  word-break: break-all;
  -webkit-transition: none;
  transition: none;
}

.page-table {
  display: table;
  width: 100%;
  height: 100%;
}

.circle-cell {
  display: table-cell;
  width: 80px;
  height: 80px;
  vertical-align: top;
}

.circle {
  display: block;
  width: 80px;
  height: 80px;
  background-color: rgba(0,0,0,.2); /* 注)個別記事ページサイドページ送りnext, prev背景色 Black+不透明度0.8 */
  border-radius: 50%;
  line-height: 80px;
  position: relative;
  z-index: 100003;
  text-align: center;
}

.title-cell {
  display: table-cell;
  width: 100%;
  padding: 0 10px;
  vertical-align: middle;
}

.appear {
  opacity: 1;
}

/* title list */
.titlelist-pager {
  display: table;
  table-layout: fixed;
  margin: 0 auto 50px;
  width: 100%;
  max-width: 300px;
}

.t-prev-a, .t-center-a, .t-next-a {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
}

.t-prev-a .fa, .t-center-a .fa, .t-next-a .fa {
  display: inline-block;
  width: 35px;
  height: 35px;
  background-color: rgba(212,217,220,.4); /* 注)全記事リストページ送りprev/ next背景色 (approx)Pattens Blue+不透明度0.4 */
  color: rgb(51,51,51);
  line-height: 35px;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.t-prev-a .fa:before, .t-center-a .fa:before, .t-next-a .fa:before {
  line-height: 35px;
}

.t-prev-a:hover .fa,
.t-center-a:hover .fa,
.t-next-a:hover .fa {
  background-color: rgb(212,217,220); /* 注)全記事リストページ送りホバー時背景色 (approx)Pattens Blue */
}


/***------------------------------------------
      pager
------------------------------------------***/

#pagetop {
  display: none;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.4);
  border: 1px solid rgba(179,171,180,.5);
  border-radius: 50%;
  color: rgb(94,157,31);
  position: fixed;
  right: 60px;
  bottom: 140px;
  z-index: 100003;
}

#pagemiddle {
  display: none;
  width: 0;
  height: 0;
  font-size: 0;
}

#pagebottom {
  display: none;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.4);
  border: 1px solid rgba(179,171,180,.5);
  border-radius: 50%;
  color: rgb(94,157,31);
  position: fixed;
  z-index: 100003;
  right: 60px;
  bottom: 90px;
}

#pagemiddle-sp {
  display: none;
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.4);
  border: 1px solid rgba(179,171,180,.5);
  border-radius: 50%;
  color: rgb(94,157,31);
  position: fixed;
  z-index: 100003;
  right: 60px;
  bottom: 165px;
  font-size: 11px;
}

#pagetop a,
#pagebottom a,
#pagemiddle-sp a {
  display: inline-block;
  width: 100%;
  height: 100%;
  line-height: 40px;
}

@media screen and (max-width: 940px) {
  #pagetop {
    right: 8px;
    bottom: 190px;
  }
  #pagebottom, #pagemiddle-sp {
    right: 8px;
  }
  #pagemiddle {
    display: none;
    width: 40px;
    height: 40px;
    background: rgba(255,255,255,.4);
    border: 1px solid rgba(179,171,180,.5);
    border-radius: 50%;
    color: rgb(94,157,31);
    position: fixed;
    z-index: 100003;
    bottom: 140px;
    right: 8px;
    font-size: 11px;
  }
  #pagemiddle a {
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: 40px;
  }
}

.new {
  color: red;
  font-size: 11px;
}

.end {
  width: 100%;
  background-color: rgb(49,49,49);
  color: white;
  text-align: center;
}

/* sns on footer */
#footer-sns {
  margin: 0 auto;
  width: 100%;
  background-color: rgb(49,49,49);
  text-align: center;
}

#sns-ul {
  margin: 0 auto;
  width: 95%;
  max-width: 1400px;
  border-bottom: 1px solid rgb(74,74,74);
  list-style: none;
  padding: 30px 0;
}

#sns-ul li {
  margin: 3px 7px;
  display: inline-block;
}

#sns-ul a {
  display: block;
  width: 35px;
  height: 35px;
  background-color: rgba(255,255,255,.8); /* 注)フッターSNS背景色 White+不透明度0.8 */
  border-radius: 50%;
  color: rgb(51,51,51); /* 注)フッターSNSテキスト色 Night Rider */
  line-height: 35px;
}

#sns-ul a:hover {
  color: white;
}

/* brand color */
#sns-ul .footer-c-facebook:hover {
  background-color: rgb(59,89,152);
}

#sns-ul .footer-c-twitter:hover {
  background-color: rgb(73,171,242);
}

#sns-ul .footer-c-instagram:hover {
  background-color: rgb(81,127,164);
}

#sns-ul .footer-c-pinterest:hover {
  background-color: rgb(206,15,25);
}

#sns-ul .footer-c-google-plus:hover {
  background-color: rgb(221,75,57);
}

#sns-ul .footer-c-youtube:hover {
  background-color: rgb(204,24,30);
}

#footer-object {
  color: rgb(150,150,150);
  line-height: 1.3;
  padding: 50px 0;
}

.foot, #copyright {
  font-size: 12px;
  text-align: center;
}

#designer {
  color: white;
}

#ad1, #ad2 {
  font-size: 11px;
}


/***------------------------------------------
      personal settings
------------------------------------------***/

/* shadow for image */
.shadow-attachment {
  box-shadow: 0 1px 4px rgba(0,0,0,.4);
}

/* for video */
.box-for-video {
  width: 100%;
  position: relative;
}

.box-for-video:before {
  content:"";
  display: block;
  overflow: hidden;
  padding-top: 56.25%; /* 注)動画縦横比設定 デフォルト: 縦幅が横に対して56.25% 正方形は100%指定 */
}

.box-for-video iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* for image */
.zoom-in {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.zoom-in:before {
  content: "";
  background: rgba(0,0,0,.6);
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; 
}

.zoom-in:after {
  content: "\f065";
  margin-top: -17px;
  color: white;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 3;
  font-family: FontAwesome;
  font-size: 20px;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.zoom-in:hover:before, .zoom-in:hover:after {
  opacity: 1;
}

.zoom-in-round {
  display: inline-block;
  position: relative;
  z-index: 1;
}

.zoom-in-round:before {
  content: "";
  background: rgba(0,0,0,.6);
  border-radius: 50%;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out; 
}

.zoom-in-round:after {
  content: "\f065";
  margin-top: -17px;
  color: white;
  opacity: 0;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  z-index: 3;
  font-family: 'FontAwesome';
  font-size: 20px;
  text-align: center;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.zoom-in-round:hover:before, .zoom-in-round:hover:after {
  opacity: 1;
}

.emoji {
  vertical-align: middle;
}

/* for darkbox */
#darkbox_next:hover, #darkbox_prev:hover {
  border-color: rgb(179,179,179) !important;
}

#darkbox {
  z-index: 100005 !important;
}