@charset "shift_jis";
/* CSS Document */ 
:root {
  --image-color-01: #94CA40;
  --image-point-color-01: #D111A4;
    --image-color-02: #FF7600;
}
/*--------------------------------------------------------------------------------見出し*/ :root {
  --h1-text-color: #000000;
  --h1-bg-color: #F5F5F5;
  --h1-point-color: #59DBFF;
  --h3-text-color: #000AC9;
  --h3-border-color: #FFDD00;
  --h3-back01-color: #F4F4F4;
}
h1 {
  margin: 0 0 1em 0;
  padding: 0.5em 0 0.5em 1em;
  font-size: 1.8em;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  color: var(--h1-text-color);
  background: var(--h1-bg-color);
  border-left: solid 30px var(--h1-point-color);
  border-bottom: solid 3px #d7d7d7; /*下線*/
}
h2.title00 {
  font-size: 2.1em;
  line-height: 1em;
  padding: 3.5rem 0 3rem 5rem;
  text-shadow:
    3px 3px 2px #ffffff, -3px 3px 2px #ffffff, 3px -3px 2px #ffffff, -3px -3px 2px #ffffff, 3px 0px 2px #ffffff, 0px 3px 2px #ffffff, -3px 0px 2px #ffffff, 0px -3px 2px #ffffff; /* 文字の影 */
  background-image: url("../img/bk_00.jpg");
  background-repeat: no-repeat;
  color: var(--image-color-02);
}
h2.title01 {
  font-size: 2.1em;
  line-height: 1em;
  padding: 3.5rem 0 3rem 3rem;
  text-shadow:
    3px 3px 2px #ffffff, -3px 3px 2px #ffffff, 3px -3px 2px #ffffff, -3px -3px 2px #ffffff, 3px 0px 2px #ffffff, 0px 3px 2px #ffffff, -3px 0px 2px #ffffff, 0px -3px 2px #ffffff; /* 文字の影 */
  background-image: url("../img/bk_01.jpg");
  background-repeat: no-repeat;
  color: var(--image-color-02);
}
h3.item {
  width: 95%;
  line-height: 1.6em;
  color: var(--h3-text-color);
  padding: 1rem 2rem 0.5rem;
  border-bottom: 3px solid var(--h3-text-color);
  background: var(--h3-back01-color);
  
}
.pink_tt{
font-size: 3rem;
  color: #FF5B75;

}
/*--------------------01--*/
h3.riyuu {
    width: 95%;
    height: 80px;
    background-image: url(../img/bk_title01.png);
    background-repeat: no-repeat;
    color: var(--image-color-01);
      position: relative;
      padding-bottom: 4em;
}
div.point {
font-size: 0.8em;
  color: var(--image-point-color-01);
  font-weight: bold;
  background: linear-gradient(transparent 90%, #ffffa8 0%);
  margin: 0 0 0.8em 0;

}
.circle {
  color: #FFF;
  display: inline-block;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background:  var(--image-point-color-01);
  text-align: center;
  line-height: 2em;
}
h3.ability01 .tt{
  vertical-align: middle;
  padding-left: 7em;
    position: absolute;
  top: 20%;
}

/*--------------------------------------------------------------------------------見出し 01*/
.midashi01 {
  position: relative;
  font-size: 1.6em;
  line-height: 1.6em;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin: 1em;
  padding: 1.5rem 2rem;
  color: #fff;
  border-radius: 10px;
  background:  var(--image-point-color-01);
}
.midashi01:after {
  position: absolute;
  bottom: -9px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color:  var(--image-point-color-01) transparent transparent transparent;
}
/* --------------------------カテゴリ Android-------------------------- */ :root {
  --Android-color: #00A85C;
}
.s_midashi_Android{
background:  var(--Android-color);
color:#FFFFFF;
text-align: center;
font-size: 1.8em;
line-height: 3em;
font-weight: bold;
margin-top: 2em;
}
.title-color_Android{
  background-image: url("../img/bk_Android.png");
  background-repeat: no-repeat;
  color: #FFFFFF;
}
/* --------------------------カテゴリ iPhone-------------------------- */ :root {
  --iPhone-color: #00A85C;
}
.s_midashi_iPhone{
background:  var(--iPhone-color);
color:#FFFFFF;
text-align: center;
font-size: 1.8em;
line-height: 3em;
font-weight: bold;
margin-top: 2em;
}
.title-color_iPhone{
  background-image: url("../img/bk_iPhone.png");
  background-repeat: no-repeat;
  color: #FFFFFF;
}