/*h3カスタマイズ開始*/
.post h3 {
	font-size: 18px !important;
	margin-bottom: 20px !important;
	margin-top: 10px !important;
	padding-top: 15px !important;
	padding-right: 10px !important;
	padding-bottom: 10px !important;
	padding-left: 10px !important;
	color: #000000 !important;
	line-height: 27px !important;
	background-repeat: no-repeat !important;
	background-position: left center !important;
	margin-left: 0 !important;
	border-top:1px solid #000000 !important;
	border-bottom:1px solid #000000 !important;
}
/*h3カスタマイズ終了*/



	/*-- ここまで --*/
}



/*--------------------------------
20160323追加 アプリ紹介LP用
---------------------------------*/
.st-pagelink {
  text-align: center;
}

.appIcon {margin:0 15px 10px 5px; overflow:hidden;}
.appIcon img {float: left; margin: 0px 15px 0 0;width:80px; height:80px;}
.appName {font-size: 24px;margin:0 0 0 15px;display:block;}
.appComment {clear:both; display:block;}
.pickupPoint {border: 1px solid #ffea77; border-radius: 5px; padding: 20px; background-color: #ffffe5; margin-bottom:15px;}
.pickupPoint p.title {font-size: 18px; color: #ff9000; font-weight: bold; border-bottom:2px dotted #ffea77;padding-bottom:6px;}
.pickupPoint p.pointList {line-height:1.5em; margin-bottom:0px;}
.pickupPoint p.pointList span:nth-child(odd) {color:#ff9000;display:block;float:left;margin-bottom:-10px;padding-bottom:10px;}
.pickupPoint p.pointList span:nth-child(even) {display:block;overflow:hidden;margin-bottom:10px;}
.pickupPoint p.pointList span:last-child {margin-bottom:0;}
.userReview {background-color:#f9f9f9;padding: 20px 20px 0 20px; overflow:hidden;}
.userReview p.title {font-size:18px;color:#3cd3b8;font-weight: bold; float:left;}
.userReview p.title span {float: left; margin: 0px 2px 2px 2px;}
.reviewComments {border-bottom:1px solid #ccc;padding-bottom: 10px;margin-bottom: 15px; float:left; width:100%;}
.reviewComments strong {margin:bottom:10px; font-size:1em;}
.shiny-button {
  clear:both;
  display: block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  /*text-transform: uppercase;*/
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  color: #FFFFFF;
  font-size: 1.0em;
  font-weight:bold;
  background-color: #B00000;
  background-image: -webkit-linear-gradient(top, #b50000 0%, #c31616 48%, #B00000 49%, #B00000 82%, #c00 100%);
  background-image: -moz-linear-gradient(top, #b50000 0%, #c31616 48%, #B00000 49%, #B00000 82%, #c00 100%);
  background-image: -o-linear-gradient(top, #b50000 0%, #c31616 48%, #B00000 49%, #B00000 82%, #c00 100%);
  background-image: linear-gradient(top, #b50000 0%, #c31616 48%, #B00000 49%, #B00000 82%, #c00 100%);
  border-color: hsl(0, 35%, 35%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff1717, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff1717, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff1717, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #4a0000;
  -moz-text-shadow: 1px 1px 1px #4a0000;
  -o-text-shadow: 1px 1px 1px #4a0000;
  text-shadow: 1px 1px 1px #4a0000;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 16px 0;
    margin: 10px;
}

.shiny-button strong {
  font-size: 22px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #bf0000;
  background-image: -webkit-linear-gradient(top, #c40000 0%, #d11717 48%, #bf0000 49%, #bf0000 82%, #db0000 100%);
  background-image: -moz-linear-gradient(top, #c40000 0%, #d11717 48%, #bf0000 49%, #bf0000 82%, #db0000 100%);
  background-image: -o-linear-gradient(top, #c40000 0%, #d11717 48%, #bf0000 49%, #bf0000 82%, #db0000 100%);
  background-image: linear-gradient(top, #c40000 0%, #d11717 48%, #bf0000 49%, #bf0000 82%, #db0000 100%);
  border-color: hsl(0, 36%, 37%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff2121, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff2121, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff2121, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #590000;
  -moz-text-shadow: 1px 1px 1px #590000;
  -o-text-shadow: 1px 1px 1px #590000;
  text-shadow: 1px 1px 1px #590000;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #a10000;
  background-image: -webkit-linear-gradient(top, #970000 0%, #B00000 100%);
  background-image: -moz-linear-gradient(top, #970000 0%, #B00000 100%);
  background-image: -o-linear-gradient(top, #970000 0%, #B00000 100%);
  background-image: linear-gradient(top, #970000 0%, #B00000 100%);
  padding: 17.799999999999997px 42px 15.799999999999997px 42px;
}


/* タイトル
 * ------------------------------ */

.h-ribbon {
  box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}
.h-ribbon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}
.h-ribbon:after {
  border-right:inherit;
  border-left:inherit;
}
.h-ribbon-blue {
  background:#88ccef;
  color:#fff;
  box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}
.h-ribbon-blue:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #7bb8d8;
}
.h-ribbon-blue:after {
  border-right:inherit;
  border-left:inherit;
}

.h-ribbon-red {
  background:#ee5b7e;
  color:#fff;
  box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}
.h-ribbon-red:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #b1365f;
}
.h-ribbon-red:after {
  border-right:inherit;
  border-left:inherit;
}

.h-ribbon-pink {
  background:#f99;
  color:#ffe8e8;
  box-shadow: 0 2px 0 rgba(0,0,0,0.1);
}
.h-ribbon-pink:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #c66;
}
.h-ribbon-pink:after {
  border-right:inherit;
  border-left:inherit;
}

.h-stripe:before {
  border-right:inherit;
  border-left:inherit;
}
.h-stripe {
  color: #010079;
  text-shadow: 0 0 5px white;
  padding: 0.3em 0.5em;
  background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.h-stripe:after {
  border-right:inherit;
  border-left:inherit;
}

.rank-h2tag {
  padding-left: 48px;
  border-bottom: 1px solid #ccc !important;
  margin-bottom: 10px;
  padding-top: 12px;
  font-weight: bold;
  margin-top: 0;
}
h2.rank-h2tag:before {
  border-right: 0 !important;
  border-left: 0 !important;
}
h2.rank-h2tag:after {
  border-right: 0 !important;
  border-left: 0 !important;
}
.rank-icon01 {
  background: url(https://matome100.net/wp-content/uploads/2017/01/icon-rank-tk02_m01.png) left top no-repeat;
}
.rank-icon02 {
  background: url(https://matome100.net/wp-content/uploads/2017/01/icon-rank-tk02_m02.png) left top no-repeat;
}
.rank-icon03 {
  background: url(https://matome100.net/wp-content/uploads/2017/01/icon-rank-tk02_m03.png) left top no-repeat;
}
.rank-icon04 {
  background: url(https://matome100.net/wp-content/uploads/2017/01/icon-rank-tk02_m04.png) left top no-repeat;
}
.rank-icon05 {
  background: url(https://matome100.net/wp-content/uploads/2017/01/icon-rank-tk02_m05.png) left top no-repeat;
}



/* 文字サイズ
 * ------------------------------ */
.ft10px {font-size:10px}
.ft12px {font-size:12px}
.ft14px {font-size:14px}
.ft16px {font-size:16px}
.ft18px {font-size:18px}
.ft20px {font-size:20px}
.ft22px {font-size:22px}
.ft24px {font-size:24px}
.ft26px {font-size:26px}
.ft28px {font-size:28px}



/* 文字色・文字加工
 * ------------------------------ */
.str-green {color: #249D7F;}
.str-orange {color: #ff9000;}
.str-blue {color: #2795EE;}
.str-red {color: #d9534f;}
.str-pink {color: #ec5a7e;}
.str-aquagreen {color: #3cd3b8;}
.underpen-blue {background: linear-gradient(transparent 50%, #a8eaff 50%);}
.underpen-yellow {background: linear-gradient(transparent 50%, yellow 50%);}



/* 枠ボックス
 * ------------------------------ */
.bluebox {
  padding: 20px 20px 10px;
  border: solid 1px #03A9F4;
  background-color: #E1F5FE;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 25px;
}
.bluegreenbox {
  padding: 20px 20px 10px;
  border: solid 1px #3fc2c2;
  background-color: #c6ffff;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 25px;
}
.redbox {
  padding: 20px 20px 10px;
  border: solid 1px #ef5350;
  background-color: #ffebee;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 25px;
}
.greenbox {
  padding: 20px 20px 10px;
  border: solid 1px #8dc400;
  background-color: #c7ffbe;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 25px;
}
.stetchbox-redpurple {
  max-width: 100%;
  background-color: #8d1e47;
  border: 2px dashed #fff;
  border-radius: 1px;
  box-shadow: 0 0 0 4px #8d1e47;
  color: #fff;
  margin: 2em 4px;
  padding: 1em;
}
.stetchbox-awapink {
  max-width: 100%;
  background-color: #e2b2c0;
  border: 2px dashed #fff;
  border-radius: 1px;
  box-shadow: 0 0 0 4px #e2b2c0;
  color: #fff;
  margin: 2em 4px;
  padding: 1em;
}
.stetchbox-pink {
  max-width: 100%;
  background-color: #F27398;
  border: 2px dashed #fff;
  border-radius: 1px;
  box-shadow: 0 0 0 4px #F27398;
  color: #fff;
  margin: 2em 4px;
  padding: 1em;
}
.stetchbox-orange {
  max-width: 100%;
  background-color: #FBA848;
  border: 2px dashed #fff;
  border-radius: 1px;
  box-shadow: 0 0 0 4px #FBA848;
  color: #fff;
  margin: 2em 4px;
  padding: 1em;
}
.stetchbox-green {
  max-width: 100%;
  background-color: #58BE89;
  border: 2px dashed #fff;
  border-radius: 1px;
  box-shadow: 0 0 0 4px #58BE89;
  color: #fff;
  margin: 2em 4px;
  padding: 1em;
}
.stetchbox-blue {
  max-width: 100%;
  background-color: #40AAEF;
  border: 2px dashed #fff;
  border-radius: 1px;
  box-shadow: 0 0 0 4px #40AAEF;
  color: #fff;
  margin: 2em 4px;
  padding: 1em;
}

@media only screen and (min-width: 781px) {
  .bluebox,.bluegreenbox,.redbox,.greenbox {
    font-size: 14px;
    line-height: 27px;
    margin-bottom: 20px;
  }
}
/* 横 ボックス
 * ------------------------------ */
.item-list .item{
  width: 96px;
  float:left;
  margin: 0 3% 8px 0;
  padding: 6px;
  text-align: center;
  font-weight: bold;
}
.item-list .point {
    font-size: 30px;
    font-weight: normal;
}
/* float left解除 */
.clear{clear:both;}

.item-list .item-pink {
  border: 3px solid #fedceb;
}
.item-list .item-blue {
  border: 3px solid #a0e0ff;
}
.item-list .item-green {
  border: 3px solid #4bd800;
}
.item-list .item-orange {
  border: 3px solid #f48c79;
}

/* 強調 ボックス
 * ------------------------------ */
.encbox-blue{
  position:relative;
  padding: 20px;
  margin: 40px 0;
  border: 1px solid #03A9F4;
  border-radius: 0 4px 4px 4px;
}
.encbox-blue span{
  position:absolute;
  top: -26px;
  left: -1px;
  padding: 5px 25px;
  background-color: #03A9F4;
  border-radius:4px 4px 0 0;
  color:#fff;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.encbox-pink{
  position:relative;
  padding: 20px;
  margin: 40px 0;
  border: 1px solid #F48FB1;
  border-radius:0 4px 4px 4px ;
}
.encbox-pink span{
  position:absolute;
  top: -26px;
  left: -1px;
  padding: 5px 25px;
  background-color: #F48FB1;
  border-radius:4px 4px 0 0;
  color:#fff;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.encbox-green{
  position:relative;
  padding: 20px;
  margin: 40px 0;
  border: 1px solid #66BB6A;
  border-radius:0 4px 4px 4px ;
}
.encbox-green span{
  position:absolute;
  top: -26px;
  left: -1px;
  padding: 5px 25px;
  background-color: #66BB6A;
  border-radius:4px 4px 0 0;
  color:#fff;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}
.encbox-orange{
  position:relative;
  padding: 20px;
  margin: 40px 0;
  border: 1px solid #FF8A65;
  border-radius: 0 4px 4px 4px;
}
.encbox-orange span{
  position:absolute;
  top: -26px;
  left: -1px;
  padding: 5px 25px;
  background-color: #FF8A65;
  border-radius:4px 4px 0 0;
  color:#fff;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1em;
}

.encbox-link {
  padding: 12px;
  font-size: 14px;
}
.encbox-link span{
  top: 0;
	border-radius: 0;
}
.encbox-in .encbox-in_img{
	display: table-cell;
  width: 80px;
  vertical-align: top;
}
.encbox-in .encbox-in_img img{
	width: 80px;
}
.encbox-in .encbox-in_text{
	display: table-cell;
  padding-left: 12px;
}
.encbox-in .encbox-in_text a{
	position: relative;
}







/* リスト関連
 * ------------------------------ */
.ul-style-none {
  list-style-type: none !important;
}
.ul-style-fa-check-square-o>li:before {
  font-family: FontAwesome;
  content: "\f046";
  margin-right: 10px;
}
.ul-style-fa-link>li:before {
  font-family: FontAwesome;
  content: "\f0c1";
  margin-right: 10px;
}

.block-li {
  margin: 0;
  padding: 0 !important;
  list-style-type: none;
  line-height: 0%;
}
.block-li li {
  padding: 12px 0 12px 12px;
  font-size: 16px !important;
  margin-bottom: 11px;
  list-style-type: none;
}
.block-li li i {
  margin-right: 10px;
  font-size: 24px;
  vertical-align: middle;
}
.bl-li-blue li {
  background-color: #eefaff;
}
.bl-li-blue li>i {
 color: #005f8c;
}
.bl-li-green li {
  background-color: #eeffe5;
}
.bl-li-green li>i {
 color: #42be00;
}
.bl-li-orange li {
  background-color: #fbf4f3;
}
.bl-li-orange li>i {
 color: #ed3e1e;
}
.bl-li-pink li {
  background-color: #fff9fb;
}
.bl-li-pink li>i {
 color: #ff2f74;
}

/* テーブル関連
 * ------------------------------ */
 table.type220 {
   border-collapse: separate;
   border-spacing: 0;
   text-align: left;
   line-height: 1.5;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
 }
 table.type220 th {
   width: 220px;
   padding: 10px;
   font-weight: bold;
   vertical-align: top;
   border-right: inherit;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   background: #eee;
 }
 table.type220 td {
   width: 350px;
   padding: 10px;
   vertical-align: top;
   border-right: inherit;
   border-bottom: 1px solid #ccc;
   border-left-color: #ccc;
 }
 table.type220 tr:nth-child(even) {
   background-color: inherit;
 }
 table.table_arrow {
   margin: 0 auto;
   margin-bottom: 20px;
   border-collapse: separate;
   border-spacing: 0px 1px;
   font-size: 12px;
   border-top:inherit;
   border-right:inherit;
 }
 table.table_arrow th,
 table.table_arrow td {
   padding: 10px;
 }
 table.table_arrow th {
   background: #295890;
   vertical-align: middle;
   text-align: left;
   width: 40%;
   overflow: visible;
   position: relative;
   color: #fff;
   font-weight: bold;
   font-size: 13px;
   border-style:none;
 }
 table.table_arrow th:after {
   left: 100%;
   top: 50%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(136, 183, 213, 0);
   border-left-color: #295890;
   border-width: 10px;
   margin-top: -10px;
 }
 /* firefox */
 @-moz-document url-prefix() {
   table.table_arrow th::after {
     float: right;
     padding: 0;
     left: 30px;
     top: 10px;
     content: " ";
     height: 0;
     width: 0;
     position: relative;
     pointer-events: none;
     border: 10px solid transparent;
     border-left: #295890 10px solid;
     margin-top: -10px;
   }
 }
 table.table_arrow td {
   background: #f8f8f8;
   padding-left: 20px;
   border-style:none;
 }


table.side3 {
  margin-bottom: 30px;
  border-collapse: collapse;
  width: 100%;
  border: 0;
}
.side3 th {width: 33%;padding: 5px;}
.side3 td {width: 33%;padding: 5px; background: #ffffff; text-align: center;}
.side2 th {width: 50%;padding: 5px;}
.side2 td {width: 50%;padding: 5px; background: #ffffff; text-align: center;}

.side-blue th { border: 2px solid #a0e0ff; background: #eefaff;}
.side-blue td { border: 2px solid #a0e0ff;}

.side-green th { border: 2px solid #4bd800; background: #eeffe5;}
.side-green td { border: 2px solid #4bd800;}

.side-orange th { border: 2px solid #f48c79; background: #fbf4f3;}
.side-orange td { border: 2px solid #f48c79;}

.side-pink th { border: 2px solid #fedceb; background: #fff9fb;}
.side-pink td { border: 2px solid #fedceb;}




/* ボタン
* ------------------------------ */
.button {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em;-moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);border-radius: 12px;color: #ffffff;font-size: 18px;font-weight: bold;padding: 18px 30px;display: block;}
.button:hover {color: #ffffff;text-decoration: none;}
.button:active {position: relative;color: #ffffff;top: 1px;}
.button:focus {color: #ffffff;}
/* Button - http://css3buttongenerator.com/
 ===== */
.button-orange {background: #faa51a;background-image: -webkit-linear-gradient(top, #faa51a, #f47a20);background-image: linear-gradient(to bottom, #faa51a, #f47a20);}
.button-orange:hover {background: #f88e11;background-image: -webkit-linear-gradient(top, #f88e11, #f06015);background-image: linear-gradient(to bottom, #f88e11, #f06015);}
.button-blue {background: #00adee;background-image: -webkit-linear-gradient(top, #00adee, #0078a5);background-image: linear-gradient(to bottom, #00adee, #0078a5);}
.button-blue:hover {background: #0095cc;background-image: -webkit-linear-gradient(top, #0095cc, #00678e);background-image: linear-gradient(to bottom, #0095cc, #00678e);}
.button-red {background: #ed1c24;background-image: -webkit-linear-gradient(top, #ed1c24, #aa1317);background-image: linear-gradient(to bottom, #ed1c24, #aa1317);}
.button-red:hover {background: #c9151b;background-image: -webkit-linear-gradient(top, #c9151b, #a11115);background-image: linear-gradient(to bottom, #c9151b, #a11115);}
.button-green {background: #7db72f;background-image: -webkit-linear-gradient(top, #7db72f, #4e7d0e);background-image: linear-gradient(to bottom, #7db72f, #4e7d0e);}
.button-green:hover {background: #6b9d28;background-image: -webkit-linear-gradient(top, #6b9d28, #436b0c);background-image: linear-gradient(to bottom, #6b9d28, #436b0c);}
.button-rose {background: #f16c7c;background-image: -webkit-linear-gradient(top, #f16c7c, #bf404f);background-image: linear-gradient(to bottom, #f16c7c, #bf404f);}
.button-rose:hover {background: #cf5d6a;background-image: -webkit-linear-gradient(top, #cf5d6a, #a53845);background-image: linear-gradient(to bottom, #cf5d6a, #a53845);}
.button-pink {background: #feb1d3;background-image: -webkit-linear-gradient(top, #feb1d3, #f171ab);background-image: linear-gradient(to bottom, #feb1d3, #f171ab);}
.button-pink:hover {background: #f4aacb;background-image: -webkit-linear-gradient(top, #f4aacb, #e86ca4);background-image: linear-gradient(to bottom, #f4aacb, #e86ca4);}


.square-btn {
  display: inline-block;
  height: 54px;
	margin: 2%;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}
.square-btn.sb-w30 {
  width: 30%;
}
.square-btn.sb-w45 {
  width: 45%;
}
.square-btn.sb-w94 {
  width: 94%;
}
.square-btn.sb-w100 {
  width: 100%;
}

.square-btn::before,
.square-btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.square-btn,
.square-btn::before,
.square-btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.square-btn {
  position: relative;
  border-radius: 4px;
  color: #fff;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.square-btn.green {
	background-color: #1abc9c;
	box-shadow: 0 3px 0 #0e8c73;
}
.square-btn.red {
	background-color: #ee5656;
	box-shadow: 0 4px 0 #d34e4e;
}
.square-btn.orange {
	background-color: #ffb53c;
	box-shadow: 0 4px 0 #e09900;
}
.square-btn.blue {
	background-color: #286CC1;
	box-shadow: 0 4px 0 #194F96;
}
.square-btn.skyblue {
	background-color: #50ABF1;
	box-shadow: 0 4px 0 #1B95E0;
}
.square-btn.pink {
	background-color: #F78AB3;
	box-shadow: 0 4px 0 #C3396D;
}
.square-btn:hover {
	opacity: .8;
	color: #fff;
}
.square-btn:active {
	opacity: .8;
  top: 3px;
  box-shadow: none;
	color: #fff;
}

.button-orange-simple {
  color: #f47a20;
  background:#fff;
  border: 2px solid #f47a20;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	padding: 12px 0;
	display: block;
}
.button-orange-simple:hover {
  color: #fff;
  background:#f47a20;
}
.button-red-simple {
  color: #E2332E;
  border: 2px solid #E2332E;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	padding: 12px 0;
	display: block;
}

.button-red-simple:hover {
color: #fff;
background:#E2332E;
}

.graybox ul li,.graybox ol li {
  font-size: 14px;
  line-height: 1.6;
}
.graybox ul {
  padding-right: 0px;
  padding-left: 8px;
}
.graybox ol {
  padding-bottom: 0px;
}


/*  目次プラグイン  */
#toc_container {
  padding: 8px;
  font-size:88%;
  box-sizing: border-box;
  width: 100% !important;
}
#toc_container li, #toc_container ul {
  list-style: none;
}

#toc_container p.toc_title+ul.toc_list {
  margin-top: 0.8em;
}
#toc_container.have_bullets li {
  padding-left: 4px;

}
#toc_container ul ul {
    margin-left: 1.2em;
}
#toc_container ul ul li {
  font-size: 14px;
}


/*  グローバルメニューカスタマイズ（SPかつ記事ページのみ非表示）  */
body.single-post.mobile #s-navi{
 display:none;
}
body.single-post.mobile .sitename img {
 max-width: 80%;
}


/* 180302 に追加した
 * ------------------------------------------------------------ */
/* タイトル
 * ------------------------------ */
.vm-h2 {
	margin: 1em 0;
  padding: .8em;
  background: #fc885f;
  color: #fff;
	border-radius: 2px;
    font-size: 20px;

}
.vm-h2-black {
margin: 1em 0;
    padding: 0.6em;
    background: #362f3c;
    color: #fff;
    font-size: 18px;
    border-radius: 0;
    border-bottom: 4px solid #fc885f;
}
.vm-h2:before,.vm-h2-black:before,
.vm-h2:after,.vm-h2-black:after {
	border-right: 0 !important;
	border-left: 0 !important;
}
.vm-h3 {
	margin:1em 0;
	padding: .8em;
	border-left: solid 2px #fc885f;
	border-top: none  !important;
	border-bottom: none !important;
}

@media only screen and (min-width: 781px) {
	.vm-h3 {
		border-top: none  !important;
		border-bottom: none !important;
	}
}

/*ランキング -pタグ*/
p.rank-tag {
padding-left: 48px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    margin-top: 0;
	margin-bottom:0;
    line-height: 2;
	background-color:#fff;
}
p.ranktag:before {
  border-right: 0 !important;
  border-left: 0 !important;
}
p.rank-tag:after {
  border-right: 0 !important;
  border-left: 0 !important;
}

.rank-h2tag {
  padding-left: 48px;
  border-bottom: 1px solid #ccc !important;
  margin-bottom: 10px;
  padding-top: 12px;
  font-weight: bold;
  margin-top: 0;
}
h2.rank-h2tag:before {
  border-right: 0 !important;
  border-left: 0 !important;
}
h2.rank-h2tag:after {
  border-right: 0 !important;
  border-left: 0 !important;
}

.rank-icon01 {
background: url(https://vmoney-navi.com/wp-content/uploads/2018/01/rank01.png) left center no-repeat;
	background-size:44px;
}
.rank-icon02 {
background: url(https://vmoney-navi.com/wp-content/uploads/2018/01/rank02.png) left center no-repeat;
	background-size:44px;
}
.rank-icon03 {
background: url(https://vmoney-navi.com/wp-content/uploads/2018/01/rank03.png) left center no-repeat;
	background-size:44px;
}
.rank-icon04 {
background: url(https://vmoney-navi.com/wp-content/uploads/2018/01/rank04.png) left center no-repeat;
	background-size:44px;
}
.rank-icon05 {
background: url(https://vmoney-navi.com/wp-content/uploads/2018/01/rank05.png) left center no-repeat;
	background-size:44px;
}

/* 文字色・文字加工
 * ------------------------------ */
.str-green {color: #249D7F;}
.str-orange {color: #F57F17;}
.str-blue {color: #2795EE;}
.str-red {color: #e53935;}
.str-pink {color: #ec5a7e;}
.str-aquagreen {color: #3cd3b8;}
.str-999 {color: #999999;}
.underpen-blue {background: linear-gradient(transparent 50%, #a8eaff 50%);}
.underpen-yellow {background: linear-gradient(transparent 50%, yellow 50%);}
.vm-underpen {background: linear-gradient(transparent 70%, #f39c12 30%);}

/* 枠ボックス
 * ------------------------------ */
.graybox,
.yellowbox,
.bluebox,
.bluegreenbox,
.redbox,
.orangebox,
.beigebox {
	padding: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	line-height: 1.7em;
	border: none;
}
.graybox {background-color: #FAFAFA;}
.yellowbox {background-color: #FFFDE7;}
.bluebox {background-color: #E1F5FE;}
.bluegreenbox {background-color: #E0F7FA;}
.redbox { background-color: #FFEBEE;}
.orangebox {background-color: #fffaf7;}
.beigebox {background: #f8f6f0;}

/* 横 ボックス
 * ------------------------------ */
.item-list .item{
  width: 96px;
  float:left;
  margin:0 1.2% 8px 0;
  padding: 6px;
  text-align: center;
  font-weight: bold;
}
.item-list .item p{
	line-height: 25px;
  letter-spacing: inherit;
	margin-bottom: 10px;
}
.item-list .item p:first-child {
	font-size: 14px;
}
.item-list .point {
  font-size: 30px;
  font-weight: normal;
	text-align: center;
}
/* float left解除 */
.clear{clear:both;}

.item-list .item-pink {
  border: 3px solid #fedceb;
}
.item-list .item-blue {
  border: 3px solid #a0e0ff;
}
.item-list .item-green {
  border: 3px solid #4bd800;
}
.item-list .item-orange {
  border: 3px solid #f48c79;
}

/* 強調 ボックス
 * ------------------------------ */
 /*  あわせて読みたい */
 .b-box-out {
   position: relative;
   margin: 3em 0;
   padding: 0.5em;
   border: solid 2px #62c1ce;
 }
 .b-box-out .box-title {
   font-family: Quicksand,sans-serif;
   position: absolute;
   display: inline-block;
   top: -27px;
   left: -2px;
   padding: 0 9px;
   height: 25px;
   line-height: 25px;
   vertical-align: middle;
   font-size: 14px;
   background: #62c1ce;
   color: #ffffff;
   font-weight: bold;
   border-radius: 2px 2px 0 0;
 }
 .box-link_img {
   display: table-cell;
   width: 80px;
   vertical-align: top;
 }
 .box-link_img img {
   width: 80px;
 }
 .box-link_text {
   display: table-cell;
 	padding-left: 0.5em;
   font-size: 14px;
 }

/*引用*/
.post blockquote {
	padding-top: 20px;
  background-color: #fff;
  background-image: none;
	border: 1px solid #ccc;
}
.bq-stk {
  background-color: #fff;
  padding: 6% 4% 2%;
  margin: 2.5em 0 3em;
  position: relative;
  border: 1px solid;
  opacity: .8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=90)";
}

.bq-stk:before {
  content: '\f10d';
  left: -.2em;
  top: -.3em;
}
.bq-stk:after {
  content: '\f10e';
  right: -.2em;
  bottom: -.4em;
}

.bq-stk:before,
.bq-stk:after {
  font-family: 'FontAwesome';
  position: absolute;
  width: 1em;
  height: 1em;
  display: block;
  padding: .2em;
  text-align: center;
  font-size: 1.3em;
  line-height: 1;
  background: #fff;
}

.bq-stk p{
  margin-bottom:12px;
}
.bq-stk .link-ref {
    margin-bottom: 4px;
    font-size: 12px;
    text-align: right;
    margin-right: 8px;
}

/* List リスト関連
 * ------------------------------ */
 .graybox ul li,.graybox ol li {
   font-size: 14px;
   line-height: 1.6;
 }
 .graybox ul {
   padding-right: 0px;
   padding-left: 8px;
 }
 .graybox ol {
   padding-bottom: 0px;
 }
.ul-awesome {
    border: 1px solid #ccc;
	background: #fafafa;
    padding: 0.5em 0em 0.5em 2em !important;
    position: relative;
    margin-left: 0;
}
 .ul-awesome li {
 	margin-top: 0.2em;
   line-height: 1.5;
   padding: 0.2em 0;
   list-style-type: none!important;
 }
 .ul-awesome li:before {
   font-family: FontAwesome;
   content: "\f058";
 	position: absolute;
 	left: 0.6em;
   color: #F57F17;
   font-size: 18px;
 }



/* List リスト
============================== */
.ul-custom,
.ol-custom {
 margin-left:0;
}
.ol-custom {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    padding-left: 10px!important;
}
.ul-monocro {
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 3px gray;/*線の種類 太さ 色*/
  border-radius: 4px;
}

.ul-monocro li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}

.ul-fusen {
  padding: 0;
  position: relative;
}

.ul-fusen li {
  color: #2d8fdd;
  border-left: solid 6px #2d8fdd;/*左側の線*/
  background: #f1f8ff;/*背景色*/
  margin-bottom: 3px;/*下のバーとの余白*/
   line-height: 1.5;
    padding: 0.5em;
  list-style-type: none!important;/*ポチ消す*/
}


.ol-default{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #fffaf7;
  border: solid 2px #F57F17;
  border-radius: 4px;
}
.ol-default li{
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 32px;
}

.ol-default li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #F57F17;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 14px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align:center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);

}

/*LP専用にカスタマイズ*/
.ol-lp-custom {
	background: inherit;
    border: none;
}
.ol-lp-custom li{
	font-weight: bold;
	font-size: 1.1em !important;
}


.ul-style-none {
  list-style-type: none !important;
}
.ul-style-fa-check-square-o>li:before {
  font-family: FontAwesome;
  content: "\f046";
  margin-right: 10px;
}
.ul-style-fa-link>li:before {
  font-family: FontAwesome;
  content: "\f0c1";
  margin-right: 10px;
}

.block-li {
  margin: 0;
  padding: 0 !important;
  list-style-type: none;
  line-height: 0%;
}
.block-li li {
  padding: 12px 0 12px 12px;
  font-size: 16px !important;
  margin-bottom: 11px;
  list-style-type: none;
}
.block-li li i {
  margin-right: 10px;
  font-size: 24px;
  vertical-align: middle;
}
.bl-li-blue li {
  background-color: #E3F2FD;
}
.bl-li-blue li>i {
 color: #0D47A1;
}
.bl-li-green li {
  background-color: #E8F5E9;
}
.bl-li-green li>i {
 color: #1B5E20;
}
.bl-li-orange li {
  background-color: #FFF3E0;
}
.bl-li-orange li>i {
 color: #E65100;
}
.bl-li-pink li {
  background-color: #FCE4EC;
}
.bl-li-pink li>i {
 color: #C2185B;
}

/* テーブル関連
 * ------------------------------ */
 table.type220 {
   border-collapse: separate;
   border-spacing: 0;
   text-align: left;
   line-height: 1.5;
   border-top: 1px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 1px solid #ccc;
 }
 table.type220 th {
   width: 220px;
   padding: 10px;
   font-weight: bold;
   vertical-align: top;
   border-right: inherit;
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #fff;
   border-left: 1px solid #fff;
   background: #eee;
 }
 table.type220 td {
   width: 350px;
   padding: 10px;
   vertical-align: top;
   border-right: inherit;
   border-bottom: 1px solid #ccc;
   border-left-color: #ccc;
 }
 table.type220 tr:nth-child(even) {
   background-color: inherit;
 }
 table.table_arrow {
   margin: 0 auto;
   margin-bottom: 20px;
   border-collapse: separate;
   border-spacing: 0px 1px;
   font-size: 12px;
   border-top:inherit;
   border-right:inherit;
 }
 table.table_arrow th,
 table.table_arrow td {
   padding: 10px;
 }
 table.table_arrow th {
   background: #295890;
   vertical-align: middle;
   text-align: left;
   width: 40%;
   overflow: visible;
   position: relative;
   color: #fff;
   font-weight: bold;
   font-size: 13px;
   border-style:none;
 }
 table.table_arrow th:after {
   left: 100%;
   top: 50%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(136, 183, 213, 0);
   border-left-color: #295890;
   border-width: 10px;
   margin-top: -10px;
 }
 /* firefox */
 @-moz-document url-prefix() {
   table.table_arrow th::after {
     float: right;
     padding: 0;
     left: 30px;
     top: 10px;
     content: " ";
     height: 0;
     width: 0;
     position: relative;
     pointer-events: none;
     border: 10px solid transparent;
     border-left: #295890 10px solid;
     margin-top: -10px;
   }
 }
 table.table_arrow td {
   background: #f8f8f8;
   padding-left: 20px;
   border-style:none;
 }

table.side2-custom {

}
table.side2-custom th {
	width: 33%;
	border: 1px solid #ccc;
	background: #fafafa;
}
table.side2-custom td {
	border: 1px solid #ccc;
	text-align:left;
}


table.side3 {
  margin-bottom: 12px;
  border-collapse: collapse;
  width: 100%;
  border: 0;
}
.side3 th {width: 33%;padding: 5px;}
.side3 td {width: 33%;padding: 5px; background: #ffffff; text-align: center;}
.side2 th {width: 50%;padding: 5px;}
.side2 td {width: 50%;padding: 5px; background: #ffffff; text-align: center;}

.side-gray th { border: 1px solid #ccc; background: #fafafa;}
.side-gray td { border: 1px solid #ccc;}





/* ボタン
* ------------------------------ */


.button-stk-red {
  background: #C81C1C;
  border-color: #C81C1C;
  color: #fff;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
}
.button-stk-red:hover {
  background: #EC7373;
  color: #fff;
}
.square-btn {
  display: inline-block;
  height: 54px;
  margin: 20px 2%;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  color:#fff !important;
  position: relative;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  line-height: 52px;
  -webkit-transition: none;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);

}
.square-btn.sb-w30 {width: 30%;}
.square-btn.sb-w45 {width: 45%;}
.square-btn.sb-w60 {width: 60%;}
.square-btn.sb-w80 {width: 80%;}
.square-btn.sb-w94 {width: 94%;}
.square-btn.sb-w100 {display: block;}


.square-btn::before,
.square-btn::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.square-btn,
.square-btn::before,
.square-btn::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.square-btn.sb-green {
	background-color: #4CAF50;
	box-shadow: 0 3px 0 #2E7D32;
}
.square-btn.sb-red {
background-color: #E53935;
    box-shadow: 0 4px 0 #B71C1C;
}
.square-btn.sb-orange {
	background-color: #FF9800;
	box-shadow: 0 4px 0 #EF6C00;
}
.square-btn.sb-blue {
	background-color: #2196F3;
	box-shadow: 0 4px 0 #1565C0;
}
.square-btn.sb-pink {
	background-color: #E91E63;
  box-shadow: 0 4px 0 #AD1457;
}
.square-btn:hover {
  opacity: .8;
  color: #fff;
}
.square-btn:active {
  opacity: .8;
  top: 3px;
  box-shadow: none;
  color: #fff;
}

/* LPでの一覧ページ
 * ------------------------------ */
/*base*/
.vm-box {
  display: table;
  width: 100%;
  margin: 0 0 8px;
}

.vm-box .boxLeft {
  display: table-cell;
  vertical-align: middle;
  width: 180px;
}
.vm-box .boxLeft img {
  vertical-align: bottom;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background: transparent;
  width: 100%;
}
.vm-box .boxRight {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid #ccc;
  text-align: center;
}
.vm-box .boxRightInner:first-child {
  border-top: none;
}
.vm-box .boxRightInner {
  border-top: 1px solid #ccc;
  padding: 0;
	padding-top: 6px;
}
.vm-box .bri-title {
  display: block;
  margin-bottom: 8px;
	margin-top: 4px;
  font-size: 12px;
  font-weight: bold;
}
.vm-box .bri-eva {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  line-height: 1;
}
.vm-box .bri-eva-img {
  display: inline-block;
  vertical-align: middle;
	margin:0;
}
.vm-box .bri-eva-no {
  display: inline-block;
  color: #fc885f;
  font-size: 28px;
  font-weight: bold;
  vertical-align: -0.2em;
	margin-left: 4px;
}
.vm-box .bri-money {
  display: block;
  color: #e53935;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
	margin: 0;
}



/*PC ヘッダーメニュー*/
@media only screen and (min-width: 781px) {
  nav.smanone {
    background: #323232;
    border-bottom: 4px solid #1C1C1C;
    border-top: 1px solid #e5e5e5;
    border: solid 1px #1C1C1C;
  }
  header ul.menu li {
    border-right: 1px solid #1C1C1C;
  }
  header ul.menu li a {
	color: #fff;
  }
  header ul.menu li a:hover {
    background: #1C1C1C;
	color: #fff;
    opacity: 0.8;
  }
}


.img-pc300sp100p {
  width:300px;
  height:auto;
  margin-bottom:12px;
}
@media only screen and (max-width: 781px) {
.img-pc300sp100p {
  width:100%;
  height:auto;
}
}


/* ランディングページ関連
 ------------------------- */
/* List */
.lp-origin-list {
  background:#fafafa;
  width: 100%;
	    margin: 0.8em 0;
}
.lp-origin-list .thumb-list {
	border-top: 1px solid #ccc;
  width: 100%;
}
.lp-origin-list .thumb-list a {
  display: table;
  padding: 0.4em;
	text-decoration:none;
	color: #3E3E3E;
}
.lp-origin-list .thumb-list {
}
.lp-origin-list .thumb-list p{
  display: table-cell;
  vertical-align:middle;
  margin: 0;
}
.lp-origin-list .thumb-list img{
  width: 78px;
  vertical-align:middle;
  margin: 0;
}
.lp-origin-list .thumb-list p.text{
  padding-left: 0.4em;
  font-size: 0.9em;
  line-height: 1.6;
}

.entry-title {
	font-size:22px;
}


/*  グローバルメニューカスタマイズ（SPかつ記事ページのみ非表示）  */
body.single-post.mobile #s-navi{
 display:none;
}
body.single-post.mobile .sitename img {
 max-width: 80%;
}

/* 別テーマから引用したスタイル */
/*関連記事*/
.related_article {
  margin: 1.4em 0;
  text-align: left;
}
.related_article a {
  color: #333;
  background: #FFFFFF;
  border: 1px solid #EEEEEE;
  box-shadow: 1px 1px 0 #EEEEEE;
  text-decoration: none;
  display: block;
  padding: 1em;
}
.related_article .thum {
  width: 22%;
  float: left;
  margin: 0;
}
.related_article .thum img {
  width: 100%;
  margin-bottom: 0;
  margin:0;
  max-width: 100%;
  height: auto;
}
.related_article .inbox {
  padding-left: 25%;
}
.related_article p.ttl {
  margin: 0 0 0.1em;
  font-size: 14px;
  font-weight: 600;
}
.related_article .ttl:before {
  content: '関連記事';
  font-size: .6em;
  font-weight: bold;
  color: #fff;
  background: #333;
  width: 5em;
  display: inline-block;
  padding: 0;
  position: relative;
  top: -2px;
  text-align: center;
  margin-right: 0.5em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.clearfix:before, .clearfix:after, .cf:before, .comment-respond:before, .cf:after, .comment-respond:after, .widget ul li:before, .widget ul li:after {
  content: "";
  display: table;
}
.clearfix:after, .cf:after, .comment-respond:after, .widget ul li:after {
  clear: both;
}

.related_article a:hover {
  color: #666;
  background: #FFF8E1;
}

@media only screen and (max-width: 781px) {
  .related_article a {
    padding: 0.6em;
  }
  .related_article .thum {
    width: 30%;
  }
  .related_article .inbox {
    padding-left: 32%;
  }
}

/* ショートコードで補足説明を追加 */
.supplement{
	background:lightyellow;
	background:rgba(255,255,0,.2);
	font-size: .94em;
	padding: 3% 4%;
	margin: 1.5em 0 2em;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	border: 1px solid #999;
	border-color: rgba(165, 165, 165, 0.2);
}
.supplement p,
.c_box p{
	margin-bottom:.8em;
}
.supplement p:last-child,
.c_box p:last-child{
	margin-bottom:0;
}
.supplement.warning{
	background:pink;
	background: rgba(255, 0, 45, 0.18);color:#333;
}
.supplement:before{
	font-family:"fontawesome";
	content:'\f0e6';
	display:inline-block;
	margin-right:.3em;
	font-size: 1.2em;
}
.supplement.warning:before{content:'\f071';}
.supplement.boader:before{content: none;}
.supplement.noicon:before{content: none;}
.supplement.boader{background:none;}