/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20161115
*/
@import url('style0.css');

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {


/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}

header {
	margin-bottom: -20px;
}

.app_icon {
margin-right:4px;
padding:4px 0px 0px 0px; 
float:left;
}

.lheight{
margin:8px 0px 8px 0px;
color:#6699ff;
font-weight:bold;
font-size:16px;
}
.ikukuru{
font-size:20px;
color:#FF6666;
font-weight: bold;
margin-top:-10px;
}
.point {
background-color: rgb(128, 128, 128);  /* 背景色の指定 */
color:#fff;
width:100px;
float:left;
text-align:center;
padding:4px 0px 4px 0px; 
margin:-10px 4px 2px 0px;
border-radius: 4px;      /* 角丸の指定 */
}

.hyouka {
margin:-6px 0px 2px 10px;
}

h2 {
	color: #FF6666;
	font-size: 19px;
	line-height: 27px;
	margin: -10px 0px 20px 0px;
	padding-top: 10px;
	padding-right: -20px;
	padding-bottom: 10px;
	padding-left: -20px;
	border-bottom:2px solid #FF6666;
}

.mds {
	color: #000033;
	font-size: 19px;
	line-height: 27px;
	margin: -10px 0px 20px 0px;
	padding-top: 10px;
	padding-right: -20px;
	padding-bottom: 10px;
	padding-left: -20px;
	border-bottom:2px solid #000033;
}

/* 緑色ボタン広告 */
.app-dl{
background-color:#00CC99;  /* 背景色の指定 */
border-radius: 4px;      /* 角丸の指定 */
padding:18px 0px 18px 0px; 
text-align: center;
font-size:20px;
color:#FFF;
font-weight: bold;
margin: 10px 0px 4px 0px;
text-shadow:0 -1px #008665;
box-shadow:0 2px 2px #555;
background-image:-moz-linear-gradient(
top,
#00CC99 0%,
#00AC82 80%,
#008262);
 
background-image:-webkit-gradient(
linear,left top,left bottom,
from(#00CC99),
color-stop(0.80,#00AC82),
to(#008262));
}
.app-dl a{
color:#FFF;
font-weight: bold;
text-decoration: none;
}

/* 赤色ボタン広告 */
.app-dlr{
background-color:#FF0000;  /* 背景色の指定 */
border-radius: 4px;      /* 角丸の指定 */
padding:18px 0px 18px 0px; 
text-align: center;
font-size:20px;
color:#FFF;
font-weight: bold;
margin: 10px 0px 4px 0px;
text-shadow:0 -1px #CC0000;
box-shadow:0 2px 2px #555;
background-image:-moz-linear-gradient(
top,
#FF0000 0%,
#CC0000 80%,
#990000);
 
background-image:-webkit-gradient(
linear,left top,left bottom,
from(#FF0000),
color-stop(0.80,#CC0000),
to(#990000));
}
.app-dlr a{
color:#FFF;
font-weight: bold;
text-decoration: none;
}

/* 青色ボタン広告 */
.app-dlb{
background-color:#0066CC;  /* 背景色の指定 */
border-radius: 4px;      /* 角丸の指定 */
padding:18px 0px 18px 0px; 
text-align: center;
font-size:20px;
color:#FFF;
font-weight: bold;
margin: 10px 0px 4px 0px;
text-shadow:0 -1px #0066CC;
box-shadow:0 2px 2px #555;
background-image:-moz-linear-gradient(
top,
#0099FF 0%,
#0066CC 80%,
#003399);
 
background-image:-webkit-gradient(
linear,left top,left bottom,
from(#0099FF),
color-stop(0.80,#0066CC),
to(#003399));
}
.app-dlb a{
color:#FFF;
font-weight: bold;
text-decoration: none;
}
/* 橙色ボタン広告 */
.app-dlo{
background-color:#FF0000;  /* 背景色の指定 */
border-radius: 4px;      /* 角丸の指定 */
padding:18px 0px 18px 0px; 
text-align: center;
font-size:20px;
color:#FFF;
font-weight: bold;
margin: 10px 0px 4px 0px;
text-shadow:0 -1px #FC7B08;
box-shadow:0 2px 2px #555;
background-image:-moz-linear-gradient(
top,
#FFA317 0%,
#FC7B08 80%,
#D55500);
 
background-image:-webkit-gradient(
linear,left top,left bottom,
from(#FFA317),
color-stop(0.80,#FC7B08),
to(#D55500));
}
.app-dlo a{
color:#FFF;
font-weight: bold;
text-decoration: none;
}
.imgtop{
	margin-top: -10px;
	margin-right: -20px;
	margin-bottom: -20px;
	margin-left: -20px;
}

.r18-yes{
background-color:#00CC99;  /* 背景色の指定 */
border-radius: 4px;      /* 角丸の指定 */
padding:18px 0px 18px 0px; 
border:2px solid #00CC99;
text-align: center;
font-size:20px;
color:#FFF;
font-weight: bold;
margin: 10px 0px 20px 0px;
}
.r18-yes a{
color:#FFF;
font-weight: bold;
text-decoration: none;
}
.r18-no{
background-color:#fff;  /* 背景色の指定 */
border-radius: 4px;      /* 角丸の指定 */
border:2px solid #00CC99;
padding:18px 0px 18px 0px; 
text-align: center;
font-size:20px;
color:#00CC99;
font-weight: bold;
margin: 10px 0px 20px 0px;
}
.r18-no a{
color:#00CC99;
font-weight: bold;
text-decoration: none;
}
.st-main2 {
margin-top: 8px;
margin-right: 8px;
margin-left: 8px;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 20px 20px 20px 20px;
}
.st-main3 {
margin-top: 8px;
margin-right: 2px;
margin-left: 2px;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 20px 4px 20px 4px;
}
.st-main4 {
margin-top: 0px;
margin-right: 2px;
margin-left: 2px;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: -4px 4px 20px 4px;
}
.r18footer{
text-align:center;
font-size:20px;
font-weight:bold;
color:#666666;
line-height:140%;
margin-bottom:8px;
}
.r18txt{
line-height:140%;
}
.point-matome {
border: 2px solid #00CCCC;
border-radius: 4px;
margin:40px 0px 10px 0px;
padding: 18px 10px 0px 14px;
text-align:left;
color:#333333;
font-size:16px;
background-color: #FFFFEA;
position: relative;
}
.point-matome::before {
background-color: #fff;
color: #00CCCC;
font-size:20px;
content: "まとめ";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.point-box1 {
border: 2px solid #00CCCC;
border-radius: 4px;
margin:40px 0px 10px 0px;
padding: 18px 10px 0px 14px;
text-align:left;
color:#333333;
font-size:16px;
background-color: #FFFFEA;
position: relative;
}
.point-box1::before {
background-color: #fff;
color: #00CCCC;
font-size:20px;
content: "出会い率を上げる方法 １";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.point-box2 {
border: 2px solid #00CCCC;
border-radius: 4px;
margin:40px 0px 10px 0px;
padding: 18px 10px 0px 14px;
text-align:left;
color:#333333;
font-size:16px;
background-color: #FFFFEA;
position: relative;
}
.point-box2::before {
background-color: #fff;
color: #00CCCC;
font-size:20px;
content: "出会い率を上げる方法 ２";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.point-box3 {
border: 2px solid #00CCCC;
border-radius: 4px;
margin:40px 0px 10px 0px;
padding: 18px 10px 0px 14px;
text-align:left;
color:#333333;
font-size:16px;
background-color: #FFFFEA;
position: relative;
}
.point-box3::before {
background-color: #fff;
color: #00CCCC;
font-size:20px;
content: "出会い率を上げる方法 ３";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.point-box4 {
border: 2px solid #00CCCC;
border-radius: 4px;
margin:40px 0px 10px 0px;
padding: 18px 10px 0px 14px;
text-align:left;
color:#333333;
font-size:16px;
background-color: #FFFFEA;
position: relative;
}
.point-box4::before {
background-color: #fff;
color: #00CCCC;
font-size:20px;
content: "出会い率を上げる方法 ４";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.balloon {
  background-color: #F3F3F3;
  padding: 18px 12px 18px 18px;
  position: relative;
  margin-bottom: 10px;
line-height:180%;
}
.balloon:after {
  border-right: 12px solid #F3F3F3;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: '';
  margin-top: -10px;
  position: absolute;
  left: -12px;
  top: 50%;
}
.balloon_w {
  background-color: #FFF4F4;
  padding: 18px 12px 18px 18px;
  position: relative;
line-height:180%;
  margin-bottom: 10px;
  color:#FF6666;
}
.balloon_w:after {
  border-right: 12px solid #FFF4F4;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  content: '';
  margin-top: -10px;
  position: absolute;
  left: -12px;
  top: 50%;
}
.ilink{
  margin: -40px 0px 0px 0px;
}
.side_mds {
	color: #57BCCB;
	font-size: 19px;
	line-height: 27px;
	margin: -10px 0px 20px 0px;
	padding-top: 10px;
	padding-right: -20px;
	padding-bottom: 10px;
	padding-left: -20px;
	border-bottom:2px solid #57BCCB;
}
.side_icon{
  width:100px;
  margin: 4px 8px 4px 4px;
  border-radius: 4px;
  float:left;
}
.side_img{
  width:100%;
  margin: 0;
  border-radius: 4px;
}
.side_line{
  line-height:170%;
}
.side_col{
  margin-top: 0px;
  margin-bottom: 8px;
  padding-left: 120px;
  padding: 1px;
  font-size: 15px;
  color:#57BCCB;
  font-weight:bold;
}
#fovmenu {
list-style:none;
margin:0;
padding:0; /*背景と文字の余白*/
position: fixed;
left:0;
bottom:-200px;
width:100%;
text-align:center;
z-index:9999;
}

#fovmenu li {
display:inline-block;
*display:inline;
*zoom:1;
opacity: 1.0;
}

#fovmenu li a {
font-size:12px; /*文字の大きさ*/
color:#ffffff; /*文字の色*/
opacity: 1.0;
}
#fovmenu li a:active {
font-size:12px; /*文字の大きさ*/
color:#ffffff; /*文字の色*/
opacity: 1.0;
}

.diagnosis-wrap .question{
	margin-bottom:1.5em;
}
.diagnosis-wrap .question .qcontents{
	margin-bottom:.5em;
	font-weight:bold;
}
.diagnosis-wrap .question .qselect span{
	display:block;
}
.diagnosis-wrap .question .qselect span input{
	margin:0 5px;
}
.diagnosis-wrap .submit input{
	padding:1em;
	width:300px;
	max-width:80%;
	margin-bottom:1em;
}
.question-text{
	color:#FF6666;
}
.question-number{
	color:#FF6666;
}
#diagnosis-name{
	margin:0px 0px 20px 0px;
}
.diagnosis-wrap .diagnosis-form .submit input{
	margin:0 0 30px 10px;
	width:500px;
	font-weight:bold;
	padding:20px 10px 20px 10px;
	background-color:#00CC99;
	border:1px solid #00CC99;
	color:white;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	cursor:pointer;
}
.diagnosis-wrap .diagnosis-form .submit input:hover{
	background-color:#b0c4de;
	border:1px solid #b0c4de;
}
.diagnosis-wrap .diagnosis-form .submit .nb-button{
	margin:0 10px 0 10px;
}
.overimage{
	margin:0 -23px -20px -8px;
}

.meform{
	margin:0 0 -16px 0;
	font-weight:bold;
}
.meform2{
	margin:0 0 6px 0;
	font-weight:bold;
	color:#FF6666;
	border:2px solid #FF6666;
}
.rei{
	margin:6px 2px 0 2px;
	border-radius: 8px;
	color:#666666;
	font-size:16px;
	background-color: #EFEFEF;
	padding:2px 6px 2px 6px;
	font-weight:bold;
}
.profbot{
	margin:10px 0 10px 20px;
	padding:12px 25px 12px 25px;
	background-color: #00CC99;
	font-weight:bold;
	color:#fff;
	font-size:18px;
	border-radius: 4px;
}

.profilebox {
border: 2px solid #00CCCC;
border-radius: 4px;
margin:40px 0px 10px 0px;
padding: 18px 10px 0px 14px;
text-align:left;
color:#333333;
font-size:16px;
background-color: #FFFFEA;
position: relative;
}
.profilebox ::before {
background-color: #fff;
color: #00CCCC;
font-size:20px;
content: "プロフィール例";
font-weight: bold;
left: 1em;
padding: 0 .5em;
position: absolute;
top: -1em;
}
.text-bline-y {
  background: linear-gradient(transparent 70%, #ff0 0%); 
  font-weight:bold;
}
.post h3 {
	font-size: 18px;
	line-height: 27px;
	margin: 20px 0;
	padding: 10px 15px;
	color: #1a1a1a;
	line-height: 27px;
	background: #E8E8E8;
	border-radius: 6px;
}
.r18txt2{
	line-height: 27px;
	background: #F0F0F0;
	border-radius: 4px;
	margin: 20px 0px 10px 0px;
	padding: 8px 8px 8px 8px;
}
.r18-no2{
background-color:#fff;  /* 背景色の指定 */
border-radius: 4px;      /* 角丸の指定 */
border:2px solid #00CC99;
padding:18px 0px 18px 0px; 
text-align: center;
font-size:20px;
color:#00CC99;
font-weight: bold;
margin: 20px 0px 6px 0px;
}
.r18-no2 a{
color:#00CC99;
font-weight: bold;
text-decoration: none;
}
.st-main22 {
margin-top: 2px;
margin-right: 1px;
margin-left: 1px;
background-color: #fff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 10px 10px 10px 10px;
}

.page-links {
	padding: 10px;
	text-align: center
}
.page-links_t, .page-links_tp {
	padding: 7px 17px;
	font-size: 18px;
	border: 1px solid #a6a6a6;
	display: inline-block;
	background: #666;
	color: #FFF
}
.page-links_tp {
	font-size: 16px
}
a .page-links_t, a .page-links_tp {
	background: #fff;
	color: #026ccc;
	font-weight: normal
}
a:hover .page-links_t, a:hover .page-links_tp {
	background: #d9d9d9
}
.uehuki {
background-color:#E5F1FB;
border-radius:5px;
position:relative;
padding:4px 4px 4px 6px;
color:#333;
}
 
.uehuki:after {
border:10px solid transparent;
border-bottom-color:#E5F1FB;
border-top-width:0;
top:-8px;
content:"";
display:block;
left:27px;
position:absolute;
width:0;
}
.uehuki2 {
background-color:#FFF2F2;
border-radius:5px;
position:relative;
padding:4px 4px 4px 6px;
color:#333;
}
 
.uehuki2:after {
border:10px solid transparent;
border-bottom-color:#FFF2F2;
border-top-width:0;
top:-8px;
content:"";
display:block;
left:27px;
position:absolute;
width:0;
}
.uehuki-img {
border-radius:5px;
width:60px;
height:60px;
margin:20px 8px 0px 4px;
float:left;
}
.uehuki-txt {
line-height:120%;
color:#333;
margin-top:-10px;
font-size:14px;
}
.uehuki-txt2 {
line-height:120%;
color:#FFCC00;
font-size:22px;
font-weight:bold;
}
.slogo{
width:100%;
margin-left:-40px;
margin-right:-40px;
}

.content-logo {
  display: block;
  margin-top: 10px;
  padding: 10px; /* 10px */
}
  .box {
    margin: 0 -20px;
  }

    .box img {
      max-width: 100%;
      height: auto;
    }
/* 記事タイトル */
.entry-title2, 
.post .entry-title2 {
	font-size: 16px;
	line-height: 20px;
	color: #333;
	margin-bottom: 10px;
	font-weight:bold;
}
.rank-i {
background-color: #FFCC00;  /* 背景色の指定 */
color:#000;
width:40px;
float:left;
text-align:center;
padding:8px 0px 8px 0px; 
margin:-2px 4px 0px 2px;
border-radius: 4px;      /* 角丸の指定 */
font-weight:bold;
}
.rank-i2 {
background-color: #E1E1E1;  /* 背景色の指定 */
color:#000;
width:40px;
float:left;
text-align:center;
padding:8px 0px 8px 0px; 
margin:-2px 4px 0px 2px;
border-radius: 4px;      /* 角丸の指定 */
font-weight:bold;
}
.rank-i3 {
background-color: #996633;  /* 背景色の指定 */
color:#FFF;
width:40px;
float:left;
text-align:center;
padding:8px 0px 8px 0px; 
margin:-2px 4px 0px 2px;
border-radius: 4px;      /* 角丸の指定 */
font-weight:bold;
}
.rank-i4 {
background-color: #72C7A0;  /* 背景色の指定 */
color:#FFF;
width:40px;
float:left;
text-align:center;
padding:8px 0px 8px 0px; 
margin:-2px 4px 0px 2px;
border-radius: 4px;      /* 角丸の指定 */
font-weight:bold;
}
.r18{
text-align:right;
color:#fff;
font-size: 10px;
margin:0 3px -22px 0;
}

    .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.main{
	position:relative;
	width:100%;
	z-index:0;
}
 
.main.onhidden{
	height:220px;
	overflow-y:hidden;
}
 
.main .text{
	padding:0px;
}
 
.main .readmore{
	position:absolute;
	bottom:0;
	width:100%;
	padding:20px 0;
	text-align:center;
	background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(255, 255, 255, 0.5), white) repeat scroll 0 0;
	font-weight:bold;
	cursor:pointer;
	z-index:999;
}
 
.main .readmore span{
	border-radius:20px;
	padding:5px 30px;
	background-color:#dd4b39;
	color:#FFF;
}


.sitetext {
	line-height:120%;
}


.pink{
color:#FF6666;
font-weight: bold;
}
.appicon {
margin-right:4px;
padding:4px 4px 4px 6px;
float:left;
}
.apptitle{
font-size:20px;
color:#0099CC;
font-weight: bold;
margin-top:-8px;
margin-bottom:-8px;
}
canvas {
    width: 320px;
    height: 180px;
}

.ppp {
	width: 100%;
}
.ppp2 {
	width: 100%;
	margin-top:-20px;
	margin-bottom:-14px;
}
.website {
	width: 100%;
	padding: 20px 0;
}
.toptext {
	padding:0px 12px 14px 14px; 
	text-align: left;
}
.ad {
	padding:14px 0 14px 0; 
	text-align: center;
	width:100%;
	margin: 0 auto;
}
ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  background: #f5faff;
}
ol li{
  position: relative;
  margin-left: -16px;
  padding-left: 10px;
  line-height: 1.5em;
  padding: 0.3em 0.5em 0.5em 30px;
}

ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #5c9ee7;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  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%);

}
.olm {
	border-bottom:2px solid #5c9ee7;
	margin-left: -16px;
	padding: 2px 6px 6px 6px;
	color: #5c9ee7;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 6px;
	font-family: 'Arial Black','Arial',sans-serif;
}