@charset "UTF-8";



/*
Theme Name: Simplicity child2
Template:   simplicity2
Version:    20150717
*/

/************************************
** 基本設定（General Setting）
************************************/
body {
font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif, '-apple-system', 'BlinkMacSystemFont', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'verdana', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic', sans-serif;
/*
body {
  font-family: 'メイリオ', 'Meiryo', '-apple-system', 'BlinkMacSystemFont', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'verdana', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic', sans-serif;
*/
/*
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
*/
/*
  font-family:'メイリオ', Meiryo, '-apple-system', 'BlinkMacSystemFont', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
*/
background:transparent url(https://vanillaicewithmixedjam.xyz/wp-content/themes/simplicity2-child/images/bg_doted.gif) 0px 0px;
}

/************************************
** アンカー
************************************/
a {
  color: #111;
}

a:hover {
  color: #cc0077;
}

#new-entries a,
#popular-entries a,
.wpp-list a,
.entry-read a,
.related-entry-read a,
.article-list .entry-title a{
  color:#111;
}

#new-entries a,
#popular-entries a,
.wpp-list a,
.article-list .entry-title a{
  text-decoration:none;
}

#new-entries a:hover,
#popular-entries a:hover,
.wpp-list a:hover,
.entry-read a:hover,
.entry .post-meta a:hover,
.related-entry-read a:hover,
.entry a:hover,
.related-entry-title a:hover,
.navigation a:hover,
#footer-widget a:hover,
.article-list .entry-title a:hover,
.wpcf7 a:hover,
#the-content .photo-card-title a:hover,
#the-content .blog-card-title a:hover {
  color:#cc0077;
}

#new-entries a:hover,
#popular-entries a:hover,
.wpp-list a:hover:hover{
  text-decoration:underline;
}

/************************************
** 見出し（H1-6）
************************************/
h3 {
  line-height:120%;
}

.article h1 {
  font-size: 26px;
  color: #4d4d4d !important;
}

.article h3 {
  font-size:20px;
}

.article h3 {
  line-height:120%;
  border-bottom: solid 3px #ddd;
  position: relative;
}

.article h3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #999;
  bottom: -3px;
  width: 20%;
}

.article h3.set {
  line-height:120%;
  border-bottom: solid 3px #cce4ff;
  position: relative;
}

.article h3.set:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #e60086;
  bottom: -3px;
  width: 20%;
}

/************************************
** 引用（blockquote）
************************************/
/*
blockquote {
  background: none repeat scroll 0 0 rgba(245, 245, 245, 0.8);
  border: 1px solid #FFFFFF;
  margin: 1em 0;
  padding: 20px 55px;
  position: relative;
}

blockquote:before {
  color: #C8C8C8;
  content: "“";
  font-family: serif;
  font-size: 600%;
  left: 0;
  line-height: 1em;
  position: absolute;
  top: 0;
}

blockquote:after {
  bottom: 0;
  color: #C8C8C8;
  content: "”";
  font-family: serif;
  font-size: 600%;
  line-height: 0;
  position: absolute;
  right: 0;
  bottom: -16px;
}
*/

blockquote.from {
  display: block;
  margin: 0 0 1em 0;
  padding:30px;
  border:1px solid #e0e0e0;
  border-radius:4px;
  background:url(https://vanillaicewithmixedjam.xyz/wp-content/uploads/pict/b-before-7.png), url(https://vanillaicewithmixedjam.xyz/wp-content/uploads/pict/b-after-7.png); 
  background-repeat:no-repeat,no-repeat;
  background-repeat:no-repeat,no-repeat;
  background-repeat:no-repeat,no-repeat;
  background-position:top left,bottom right; 
  /*background-color:#fefef9;*/
  background-color:transparent;
 }

blockquote.from p {
  margin: 1em 0;
}

/* Internet Explorer11のみに適用したい設定 */
@media screen and (min-width:0\0) {
  *::-ms-backdrop, blockquote:before { left:  -55px; }
  *::-ms-backdrop, blockquote:after  { right: -55px; }
}

/************************************
** メインカラム - MEMO
************************************/
#main .post p.memo, #main .article p.memo{
  padding: 1em; 
  border: 1px solid #ccc; 
  border-radius: 3em .6em 3em .6em/.6em 3em .6em 3em; 
  font-size: .9em; 
  color:#777;
  font-family: Futura, 'Century Gothic', 游ゴシック体, YuGothic;
  font-style: italic; 
}

/************************************
** メインカラム（#main、記事、固定ページなど）
************************************/
#main .post,
#main .page{
  margin-bottom: 5px;
}

/************************************
** index.phpのリスト
************************************/
.entry .post-meta{
  text-align:right;
  margin: 7px auto;
}

.entry .post-meta a{
  color:#000;
}

/*記事一覧を2列のカード型の時サムネイルサイズ指定無し */
.entry-thumb img,.entry-thumb-accessories img{
  border:0;
  /*width:100px;
  height:100px;*/
}

/*記事一覧を2列のカード型の時トップページのみ枠を消す */
.home #main, .archive #main, .search #main, .category #main{
    border:none;
}

/*
.entry h2{
  margin-bottom:5px;
  margin-top: 0;
}

.entry h2 a{
  color:#333;
  font-size:16px;
  text-decoration:none;
  font-weight:bold;
}

h1.entry-title,.entry-card-content h2 a{
  color:#746d55;
  text-shadow: 1px 1px 2px rgba(240, 240, 240, 0.5);
}
*/

/************************************
** レイアウト（Layout）
************************************/
#main {
  /*border:1px solid #ddd;*/
  /*background-color:#fff;*/
  background: none repeat scroll 0 0 transparent;
}

#main {
  margin-bottom: 0px;
}
#sidebar {
  margin-bottom: 0px;
}

/************************************
** メインカラム（#main、記事、固定ページなど）
************************************/
.post-meta{
  margin-bottom: 0.5em;
  text-align:right;
  background-color:transparent;
  color:#555;
  font-size:16px;
}

/************************************
** フッター(footer)
************************************/
#footer-widget {
  margin: -10px auto 10px auto;
  text-align: left;
  padding:0 5%;
}

#footer-widget {
  color: #fcfcfc;
}

#footer-widget li {
  font-size: 15px;
  margin-top:.1em;
  margin-bottom:.1em;
}

#footer a {
  color: #333;
}


#footer h3{
  font-size: 18px;
  margin-bottom:-8px;
}


#copyright a{
  text-decoration:none;
  color:#333;
}

/************************************
** フッターのモバイルメニュー
************************************/
a#footer-button-home{
  display: block;
}

a#footer-button-menu{
  display: none;
}

/************************************
** index.phpのリスト
************************************/
.entry-card-content{
  margin-bottom:20px;
}

.entry-read{
  margin:0;
  text-align:right;
}

/************************************
** 非表示にするものまとめ
************************************/
  /*SNSカウント*/
.social-count {
    display: none !important;
}

  /*SNSバルーン*/
.arrow-box {
    display: none;
}
#sns-group-top .balloon-btn-set {
    width: auto;
}

.single-post #breadcrumb {
    display: none !important;
}

  /*アーカイブのタイトル*/
.archives-t {
    display: none !important;
}


/************************************
** バイラルボタン
************************************/
/*
.sns-group-viral ul.snsb li a{
  width: 32px;
  height: 28px;
  border-radius: 3px;
  margin-bottom: 5px;
  text-align: center;
  font-size: 24px;
  line-height: 32px;
}
*/
.sns-group-viral ul.snsbs li a .social-count{
  font-size: 12px;
  bottom: 2px;
  font-weight: bold;
  background-color: transparent;
}

.sns-group-viral .social-icon:after{
  margin-left: -2px;
  position: relative;
  top: -2px;
  font-family: arial;
}

.sns-group-viral .fa-comment:after{
  top: 0;
}


.sns-group-viral .icon-twitter:after{
  content: '';
}

.sns-group-viral .icon-facebook:after{
  content: '';
}

.sns-group-viral .icon-googleplus:after{
  content: '';
}

.sns-group-viral .icon-hatena:after{
  content: '';
}

.sns-group-viral .icon-pocket:after{
  content: '';
}

.sns-group-viral .icon-line:after{
  content: '';
}

.sns-group-viral .icon-evernote:after{
  content: '';
}

.sns-group-viral .icon-feedly:after{
  content: '';
}

.sns-group-viral .fa-comment:after{
  content: '';
}

/*
ul.snsbs a.twitter-btn-icon-link{background-color:#666;}
ul.snsbs a.facebook-btn-icon-link{background-color:#666;}
ul.snsbs a.twitter-btn-icon-link:hover{background-color:#55acee;}
ul.snsbs a.facebook-btn-icon-link:hover{background-color:#3b5998;}
*/

/*
body.categoryid-4 #sns-group li.twitter-btn-icon a.btn-icon-link:hover{color:transparent;}
body.categoryid-4 #sns-group li.facebook-btn-icon a.btn-icon-link:hover{color:transparent;}
*/


/************************************
** SNSシェア＆フォロー
************************************/
.sns-group-viral ul.snsb li a{
  font-size: 24px;
  color:#bbb;
  width: 30px;
  height: 35px;
}

ul.snsbs a.twitter-btn-icon-link,
ul.snsbs a.facebook-btn-icon-link{
  background:transparent;
}

/* classがpointer-eventsのBackground */
ul.snsbs a.pointer-events{
  pointer-events: none;
  background:transparent;
}

ul.snsp li a span {
  /*background-color: #666;*/
  background-color:#9d9d9d;
}

/*
ul.snsp li.feedly-page a span:hover{
  background-color:#ccc;
}

ul.snsp li.rss-page a span:hover{
  background-color:#ccc;
}
*/

ul.snsp li a span {
    background-color:transparent;
}

.icon-feedly-logo:before {
  content: "\e92e";
  color: #bbb;
}

.icon-rss-logo:before {
  content: "\e938";
  color: #bbb;
}

ul.snsp li.feedly-page a span:hover{
  background-color:transparent;
}

ul.snsp li.rss-page a span:hover{
  background-color:transparent;
}

ul.snsp li.feedly-page a span:hover:before{
  color:#ccc;
}

ul.snsp li.rss-page a span:hover:before{
  color:#ccc;
}

/************************************
** 入力フォーム（Form）
************************************/
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
  border: 1px solid #ccc;
  background: #fff;
  box-shadow:  0 0 3px rgba(240,240,240,1);
   color: #444;
}

/************************************
** サーチフォーム（Search Form）
************************************/
#searchsubmit{
  position: absolute;
  width: 30px;
  height: 26px;
  border: none;
  /* 画像をBase64にするためコメントアウト
  background: url("images/search.png") no-repeat 50% 50%; */
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAAHeEJUAAAAACXBIWXMAAAsSAAALEgHS3X78AAAB7ElEQVR42p2UTShEURTHX4zPREpRWMmGIhvTbLDzkZIdoWShEFayUBIL2U3Y2NiwkYUFNQvKJLNRLOwUKZFvIfma4fmf6dxx5rq9h1e/9+6773//595zz32WbdsWrmd+WhFqRF9iDTTp5o/7gutIvjSBTGpMi3Gvom15wA3YAt0gJS6KUBaDRBm6RtoEuZED8lRns1D0qs5NEKAlgZ0fwdj7xTSDR7ql8Xz3QDsYBHdg3jAgatVo+HAIBnRxD3/IEJ1e8AFS48RCUATGwDClDjxx1GuQZEylFtYH3nnQkcy1cgooJ32+fbSVYBLUsZC+ZJqyUKZ1zoFTXXhoCEP1YevCY4Mw3SQMgy7RkQi2VblIoY/nGQKL4AScgzXQYUr8ECe+CozyYFtFc0r4vhCPuO3OSkzsIkwAyxRedWRxRZ2wwzO4BZfggauKds8P8p3MVYYqKe/Ro2FZS6Cc0qmJCsAEuOKgA26mNwydIo+LuAKcsXGbk6nNWfa6LYsHBHnMlJPpLngDM3qFa0KqsE7+J1D1VTuZUr5WOfoBn+JCsaO5oBVs8GZdgAanlclTUwJmwb0ouAg/6cSvg3qwwNXwydXSD5KN/5tf5rMl+iv5Dqq45xVm/9lU+yOGDOaUnvF/mYqNK+XTH2ZTKs3aLymxLyZyfCu2AAAAAElFTkSuQmCC") no-repeat 50% 50%;
  z-index:0;
  top:3px;
  right:3px;
  /*transform: translate(-20%, -50%);*/
}

/************************************
** RWD Temporary テーブル
************************************/
.rw{
  width:100%;
  border: none;
  text-align: center;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}

.rw th{
  padding: 6px 8px 5px;
  width: 30%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
}

.rw td{
  padding: 5px 5px;
  text-align: left;
  vertical-align: top;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border: none;
}

@media (max-width: 400px){
.rw th{
  width:98%;
  display:block;
  margin: 0 auto;
  border:none;
}
.rw td{
  /*display: list-item;*/
  display: block;
  width: 98%;
  border-top: none !important;
  text-align: center !important;
}
}

.rwdpg {
  /*width:100%;*/
  width:90%;
  border: none;
  text-align: center;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}

.rwdpg th{
  padding: 6px 8px 5px;
  width: 30%;
  overflow: hidden;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
}

.rwdpg tr{
  margin-bottom:-2px;
  display:block;
}

.rwdpg td{
  /*padding: 0 3px;*/
  /*padding: 3px 6px;*/
  padding: 3px 6px 38px;
  /*text-align: left;*/
  text-align: center;
  vertical-align: top;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
  border: none;
}

.rwdpg td img{
  border-radius: 3px;
  width: 86% !important;
  border:solid 1px #ddd;
  padding:8px;
  -ms-interpolation-mode:bicubic;
}

@media (max-width: 440px){
.rwdpg th{
  width:98%;
  display:block;
  margin: 0 auto;
  border:none;
}
.rwdpg td{
  /*display: list-item;*/
  display: block;
  width: 98%;
  border-top: none !important;
  text-align: center !important;
  vertical-align:middle !important;
}
}

table.rwd{
  width:100%;
  border-collapse:collapse;
  border-spacing:0;
  border:1px solid #ccc;
  padding:0;
  margin:0;
}

table.rwd tr{
  border:1px solid #ddd;
  padding:5px;
}

table.rwd th, table .rwd td{
  padding:10px;
  text-align:center;
}

table.rwd th{
  font-size:14px;
  letter-spacing:1px;
}

@media screen and (max-width: 600px) {

table.rwd{
  border:0;
}

table.rwd thead{
  display:none;
}

table.rwd tr{
  margin-bottom:10px;
  display:block;
  border-bottom:2px solid #ddd;
}

table.rwd td{
  display:block;
  text-align:right;
  font-size:13px;
  border-bottom:1px dotted #ccc;
}

table.rwd td:last-child{
  border-bottom:0;
}

table.rwd td:before {
  content:attr(data-label);
  float:left;
  font-weight: bold;
}
}
/* RWD Temporary tagle end */

/************************************
** 固定ページ
************************************/

/*固定ページ(日付とか更新日とか含む)など の非表示 */
#post-2 .post-meta,#post-228 .post-meta,#post-349 .post-meta,#post-350 .post-meta,#post-476 .post-meta,#post-416 .post-meta,#post-535 .post-meta,#post-577 .post-meta,#post-602 .post-meta,#post-668 .post-meta,#post-729 .post-meta,#post-877 .post-meta,#post-891 .post-meta,#post-924 .post-meta,#post-948 .post-meta,#post-951 .post-meta,#post-956 .post-meta,#post-958 .post-meta,#post-963 .post-meta,#post-974 .post-meta,#post-1013 .post-meta,#post-1056 .post-meta,#post-1073 .post-meta,#post-1178 .post-meta,#post-1202 .post-meta,#post-1241 .post-meta,#post-1259 .post-meta,#post-1262 .post-meta,#post-1271 .post-meta,#post-1275 .post-meta,#post-1281 .post-meta,#post-1296 .post-meta,#post-1319 .post-meta,#post-1321 .post-meta,#post-1326 .post-meta,#post-1331 .post-meta,#post-1337 .post-meta,#post-1350 .post-meta,#post-1353 .post-meta,#post-1356 .post-meta,#post-1357 .post-meta, #post-1381 .post-meta, #post-1407 .post-meta, #post-1786 .post-meta, #post-1788 .post-meta, #post-1918 .post-meta, #post-1920 .post-meta, #post-2103 .post-meta { 
 display: none; 
} /* post-xx の .post-meta (日付とか更新日とか含む) の非表示 */
#post-877 .entry-title {
 display: none; 
} /*post-xx の  タイトル 
#post-2 ul.snsb {
 display: none; 
} /* post-xx の 下部SNSボタンの非表示 */
#post-2 #sns-group {
 display: none; 
} /* post-x の下部シェアボタン周りの非表示 */


/************************************
** フォトカードのスタイル
************************************/

/* Add */
#post-350 h1.entry-title{
  color:#acacac;
  line-height:2.4em;
}

.photo-card-title a:hover{
  color:#cc0077;
}

.article .photo-card{
  margin: 20px 0;
  max-width:100%;
  /*width: 500px;*/
  width: 680px;
  position: relative;
  clear:both;
  min-height:145px;
  min-width: 300px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.internal-photo-card,
.external-photo-card{
  padding:12px;
  /*padding-bottom: 6px;*/
  padding-bottom: 1px;
  /*border:1px solid #ddd;*/
  border:none;
  word-wrap: break-word;
  /*border-radius: 5px;*/
}

.external-photo-card-hatena{
  border: 0;
  background-color: transparent;
  overflow: hidden;
}

.photo-card-thumbnail{
  float:left;
}

.photo-card img.photo-card-thumb-image{
  border:0;
  /*width: 120px;
  height: 80px;*/
  width: 135px;
  height: 90px;
  object-fit: cover;
  display: block;
  margin-bottom: 10px;
}

.photo-card-content{
  /*margin-left:130px;*/
  margin-left:145px;
  line-height:120%;
  margin-bottom: 0.5em;
}
.photo-card-title{
  margin-bottom:5px;
  /* Add */
  font-size: 18px;
}

.photo-card-title a{
  font-weight: bold;
  text-decoration: none;
  color: #111;
}

.photo-card-excerpt{
  color: #333;
  font-size: 0.9em;
  max-height: 80px;
  overflow: hidden;
}

.photo-card-footer{
  font-size: 0.7em;
  width: 100%;
  color:#777;
  clear:both;
  vertical-align: bottom;
  margin-left: -4px;
  /*position: absolute;
  bottom: 12px;*/
  /*position: relative;
  left: -3px;*/
}

.photo-card-site{
  float: left;
  margin-right: 7px;
  margin-top: 1px;
}

.photo-card-hatebu{
  float: left;
  margin-right: 7px;
  position: relative;
  bottom: -5px;
}

.photo-card-date{
  float: right;
  margin-bottom: -5px;
}

.photo-card-site{
  position:relative;
}

.photo-card-site a{
  color:#777;
  text-decoration:none;
}

.photo-card-favicon{
  margin-right:3px;
  position: relative;
  bottom: -4px;
}

.photo-card-favicon-img{
  width:16px;
  height:16px;
}


/***********************************
 フォトカード（幅が狭い場合）
***********************************/
@media screen and (max-width: 560px){
  .article .photo-card,
  .article .entry-content .hover-card{
    width: 100%;
  }

  .photo-card-content{
    margin-left: 0;
  }

  .photo-card-title a{
    font-size: 14px;
    line-height: 120%;
  }

  .photo-card-excerpt,
  .photo-card-footer{
    font-size: 11px;
    line-height: 120%;
  }

  #main .photo-card,
  #main .hover-card{
    margin-left: 0;
    margin-right: 0;
    width: 100%;
  }

.photo-card img.photo-card-thumb-image{
    width: 120px;
    height: 80px;
  }

  .photo-card-content {
    margin-left: 130px;
  }
}


/* IE10以降 */
/*@media all and (-ms-high-contrast:none){
  .photo-card-favicon {
    display:none;
  }
}*/

.clear{
  clear:both;
}

@media screen and (max-width:524px){
  /*.photo-card{width:auto;}*/
}


/***********************************
 ページネーション
***********************************/
.pagination a{ 
  border: 1px solid #ddd;
  border-left-width: 0;
  margin-left: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
}


/***********************************
 Contact Form 7
***********************************/
/* required */
.required-srt {
  vertical-align: middle;
  font-size: .7em;
  padding: 2px 4px;
  /*background: #d97295;*/
  background: #7e7e7e;
  color: #fff;
  border-radius: 3px;
  margin-right: 8px;
}


/***********************************
 リスト snippetとentry-read(Temporary)
***********************************/
/*
#list .entry-snippet {
  display:none;
}

#list .entry-read {
  margin-top:30px;
}

#list a.entry-read-link {
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 5px 7px;
  text-decoration: none;
}
*/


/***********************************
Sitemap
***********************************/
ul#sitemap_list li.home-item:before {
  content: "\f015";
  font-family: FontAwesome;
  padding-right:.5em;
  font-size: 1.1em;
  color:#999;
  font-weight:normal;
  margin-left:-3px;
}
ul#sitemap_list li.cat-item:before {
  content: "\f07b";
  font-family: FontAwesome;
  padding-right:.5em;
  font-size: .9em;
  color:#999;
  font-weight:normal;
  margin-left:-3px;
}
ul#sitemap_list li.page-item-2:before {
  content: "\f003";
  font-family: FontAwesome;
  padding-right:.5em;
  font-size: .85em;
  color:#999;
  font-weight:normal;
  margin-left:-3px;
  vertical-align:middle;
}
ul#sitemap_list li.page-item-476:before {
  content: "\f003";
  font-family: FontAwesome;
  padding-right:.5em;
  font-size: .85em;
  color:#999;
  font-weight:normal;
  margin-left:-3px;
  vertical-align:middle;
}
ul#sitemap_list li.page-item-350:before {
  content: "\f030";
  font-family: FontAwesome;
  padding-right:.5em;
  font-size: .8em;
  color:#999;
  font-weight:normal;
  margin-left:-3px;
  vertical-align:middle;
}

/*
.categoryid-4 #sns-group {
  display: none; 
}
*/
/*
.categoryid-4 #sns-group .sns-group:after {
  content: 'In this entry SNS share does not work. ';
  color: gray;
  font-size: 1.2em;
}
*/


/***********************************
App Store
***********************************/
ol.app{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding: 0px;
  /*border: solid 1px #b9b9b9;*/
}
  
ol.app li{
  position:relative;
  line-height: 30px;
  margin: 7px 0 20px 40px;
  padding-left: 10px;
  font-weight: normal;
  font-size:16px;
}
  
ol.app li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -35px;
  width: 30px;
  height: 30px;
  background: #b9b9b9;
  text-align: center;
  color: #fff;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


/* Rating */

.rate {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 20px;
  font-size: 20px;
  margin: 30px 0 -14px 0;
}
.rate:before, .rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
  height: 20px;
  line-height: 20px;
}
.rate:before {
  color: #cecece; /*star color*/
}
.rate:after {
  color: #f35d8e;
  overflow: hidden;
  white-space: nowrap; /*important*/
}

.rate00:after{width: 0;}
.rate05:after{width: 10px;}
.rate10:after{width: 20px;}
.rate15:after{width: 30px;}
.rate20:after{width: 40px;}
.rate25:after{width: 50px;}
.rate30:after{width: 60px;}
.rate35:after{width: 70px;}
.rate40:after{width: 80px;}
.rate45:after{width: 90px;}
.rate50:after{width: 100px;}

/***********************************
reCAPTCHA 
***********************************/
/*
.grecaptcha-badge { visibility: hidden; }
*/
.recaptcha {
  padding: 0;
  margin: 0;
  font-size: 12px !important;
  color: #444 !important;
}
.recaptcha a {
  font-size: 12px !important;
  color: #111 !important;
}

/***********************************
boxsup
***********************************/
.boxsup {
    padding: .5em .5em;
    margin: 1em 0;
    color: #2c2c2f;
    background: #f5f5f5;
}

.boxsup p {
	font-size:.9em;
    margin: 0; 
    padding: 0;
}

/***********************************
movies
***********************************/
ul.movies
{
  padding: 10px 10px 20px;
  color: #333;
  /*background: #fff;
  border: solid 1px #999;
  border-radius: 5px;*/
  list-style: none;
}
ul.movies
 li{
  position: relative;
  line-height: 2.0em;
  padding-left: 20px;
  /*border-bottom: dashed 1px #999;*/
}
ul.movies
 li:before{
  content: "・";
  position: absolute;
  left: 0px;
}