@charset "shift_jis";
/* CSS Document */ 
:root {
  --image-color-01: #00B703;
}
/*--------------------------------------------------------------------------------見出し*/ :root {
  --h1-text-color: #000000;
  --h1-bg-color: #F5F5F5;
  --h1-point-color: #FF015B;
  --h3-text-color: #000000;
  --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.title01 {
    font-size: 2.2em;
    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_title01.jpg);
    background-repeat: no-repeat;
    color: var(--image-color-01);
    height: 90px;
}
h2.title02 {
    font-size: 2.2em;
    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_title02.jpg);
    background-repeat: no-repeat;
    color: var(--image-color-01);
    height: 90px;
}
h2.title03 {
    font-size: 2.2em;
    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_title03.jpg);
    background-repeat: no-repeat;
    color: var(--image-color-01);
    height: 90px;
}

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);
}
h3.title00 {
  width: 95%;
  font-size: 1.8em;
  position: relative;
  color: var(--h3-text-color);
  padding: 1rem 1rem 0 0;
}
/* --------------------------カテゴリ 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;
}
/* --------------------------仕様 テーブル-------------------------- */ 
.ProductTable {
width: 100%;
}
.ProductTable tr td img {
max-width: 40%;
}


.ProductTable th {
width: 33%;
padding: 0.5em;
font-size: 120%;
    margin: 1em;
background-color: #C5C5C5;
}

.ProductTable td {
    text-align: center;
    line-height: 1.4em;
    padding:1em;
}
.td-impact{
font-size: 120%;
font-weight:  bold;
}

.td-item{
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 100%;
background: #D1D1D1;
padding:  0 0.5em 0 0.5em ;
}

.under-border01{
  border-bottom: solid 2px #ddd;
  padding:0;
  }
.right-border01{
  border-right: solid 2px #ddd;
  padding:0;
  }
.ProductTable tr  {
  border: solid 5px #5F5F5F;
      margin: 1em;
}
.tt-top{
vertical-align:top;
}