
<style>
/* --- ‘basic ¨ arrange( plus )‘---*/
  .smp-exe {
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    font-size: 16px;
    line-height: 1.9;
    margin-top: 20px;
    text-align: center;
  }



/* --- ‘Navy button‘ ---*/

/* pc */
.navy-button-pc {
  background-color: #182645;

  padding: 10px 90px;
  border: none;
  border-radius: 50px;
  text-decoration: none;
  margin:  0 auto;
}

.navy-button-pc:hover{
  color: #bbc8e2!important;;
}

a.navy-button-pc{
color:#FFF;
text-decoration:none;
}


/* smp */
.navy-button-smp {
  background-color: #182645;

  padding: 10px 90px;
  border: none;
  border-radius: 50px;
  text-decoration: none;
  margin:  0 auto;
}

.navy-button-smp:hover{
  color: #bbc8e2!important;;
}

a.navy-button-smp{
color:#FFF;
text-decoration:none;
}



/* --- ‘limited link‘ ---*/


.limited_list_title_pc{
    font-size: 22pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-bottom: 10px;
    text-align:center;
}


.limited_list_link_pc{
    font-size: 14pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-left: 210px;
    text-padding: 20px;

}

a.limited_list_link_pc{
text-decoration:none;
}




.limited_list_title_smp{
    font-size: 15pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-bottom: 5px;
    text-align:center;
}


.limited_list_link_smp{
    font-size: 11pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    line-height: 1.6;
    padding-bottom: 10px;
}

a.limited_list_link_smp{
text-decoration:none;
}



/* --- ‘Recomend Item‘ ---*/

.recomend_item_ttl{
    font-size: 30pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-bottom: 40px;

}

.recomend_item_catch{
    font-size: 18pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-left: 20px;
    padding-bottom: 50px;
    padding-right: 50px;
}

.recomend_item_ex{
    font-size: 12pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-left: 20px;
    padding-bottom: 70px;
    padding-right: 50px;
}




.recomend_item_ttl_right{
    font-size: 30pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-left: 50px;
    padding-bottom: 40px;
}

.recomend_item_catch_right{
    font-size: 18pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-left: 70px;
    padding-bottom: 50px;
}

.recomend_item_ex_right{
    font-size: 12pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-left: 70px;
    padding-bottom: 70px;
}



.recomend_item_ttl_smp{
    font-size: 21pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-top: 30px;
    padding-bottom: 30px;
}


.recomend_item_catch_smp{
    font-size: 13pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-bottom: 30px;
}

.recomend_item_ex_smp{
    font-size: 11pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    padding-bottom: 50px;
}


/* --- ‘case‘ ---*/

#case-table{
 background: #11192b;
}

#case-table td{
   margin:  0 auto;
}


/* --- PC Title ---*/
.limited_case_title_pc{
    font-size: 16pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    color: #FFF;
    padding-top: 150px;
    padding-bottom: 20px;
    padding-left: 50px;
    padding-right: 50px;
}

.limited_case_example_pc{
    font-size: 12pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    color: #FFF;
    padding-left: 50px;
    padding-right: 50px;
}


/* --- SMP ---*/

.limited_case_title_smp{
    font-size: 14pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    color: #FFF;
    padding-top: 20px;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
}

.limited_case_example_smp{
    font-size: 10pt;
    font-family: "ΰΎ©", YuMincho, "qMmΎ© ProN W3", "Hiragino Mincho ProN", "HGΎ©E", "lr oΎ©", serif !important;
    color: #FFF;
    padding-bottom: 10px;
    padding-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px;
}


/*‘Pamt‘*/

/*  PC  */
.slide-pc {
  position: relative;
  overflow: hidden;
  width: 505px;
  height: 518px;
  margin: auto;
  background: #fff;
}

.slide-pc img {
  display: block;
  position: absolute;
  width: inherit;
  height: inherit;
  left: 0;
  opacity: 0;
  animation: slideAnimePC 24s ease infinite;
  animation-fill-mode: forwards;
  transition: opacity 0.5s ease;
}

.slide-pc img:nth-of-type(1) {
  animation-delay: 0s;
  opacity: 1;
}

.slide-pc img:nth-of-type(2) {
  animation-delay: 6s;
}

.slide-pc img:nth-of-type(3) {
  animation-delay: 12s;
}

.slide-pc img:nth-of-type(4) {
  animation-delay: 18s;


}


.slide-pc img:not(:nth-of-type(1)) {
  opacity: 0;
}

@keyframes slideAnimePC {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  18.75% {
    opacity: 1;
  }
  28% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
  62.5% {
    opacity: 0;
  }
  68% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}



/*  SMP  */

.slide-smp {
  position: relative;
  overflow: hidden;
  width: 320px;
  height: 328px;
  margin: auto;
  background: #fff;
}

.slide-smp img {
  display: block;
  position: absolute;
  width: inherit;
  height: inherit;
  left: 0;
  opacity: 0;
  animation: slideAnimeSMP 15s ease infinite;
  animation-fill-mode: forwards;
  transition: opacity 0.5s ease;
}

.slide-smp img:nth-of-type(1) {
  animation-delay: 0s;
  opacity: 1;
}

.slide-smp img:nth-of-type(2) {
  animation-delay: 3s;
}

.slide-smp img:nth-of-type(3) {
  animation-delay: 6s;
}

.slide-smp img:nth-of-type(4) {
  animation-delay: 9s;
}


.slide-smp img:nth-of-type(5) {
  animation-delay: 12s;
}



@keyframes slideAnimeSMP {
  0% {
    opacity: 0;
  }
  12.5% {
    opacity: 1;
  }
  18.75% {
    opacity: 1;
  }
  28% {
    opacity: 1;
  }
  45% {
    opacity: 0;
  }
  62.5% {
    opacity: 0;
  }
  68% {
    opacity: 0;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}


</STYLE>


