@charset "UTF-8";
/* Scss Document */
a:hover {
  opacity: 0.7; }
a img:hover {
  opacity: 0.7; }

img {
  max-width: 100%; }

body {
  background-color: #000; }

/*共有*/
.wrap {
  width: 915px;
  margin: 0 auto; }

.home-header {
  border-bottom: 2px solid #e6e6e6;
  padding: 10px 0;
  margin-bottom: 20px; }

.home-section {
  text-align: center; }

.home-text {
  text-align: center;
  font-size: 1.1em;
  line-height: 1.5em;
  color: #fff; }

.home-h1 {
  font-size: 2.2em;
  color: #ff0000;
  font-weight: bold;
  margin: 50px 0; }

.home-h2 {
  font-size: 2.2em;
  color: #ff0000;
  font-weight: bold;
  margin: 50px 0; }

.home-select img {
  margin: 0 20px 50px 20px; }

.home-footer {
  border-top: 2px solid #e6e6e6;
  padding: 20px 0; }

.index-header {
  background-image: url(../images/header.png);
  background-size: cover;
  padding: 10px 0 0px 0; }

.read {
  text-align: center; }

.read h1 {
  margin-bottom: 20px; }

.goldborder {
  margin-top: 50px;
  text-align: center; }

.index-section {
  background-image: url(../images/bg.png);
  background-size: cover;
  padding-top: 20px; }

.index-list {
  font-size: 0;
  vertical-align: top; }

.index-list li {
  width: 40%;
  font-size: 15px;
  vertical-align: top;
  color: #fff;
  display: inline-block;
  padding: 20px 2% 0 2%;
  min-height: 300px;
  margin: 20px 5% 20px 0;
  border-style: solid;
  border-width: 12px 12px 12px 12px;
  -moz-border-image: url(../images/goldbg.png) 12 12 12 12 repeat;
  -webkit-border-image: url(../images/goldbg.png) 12 12 12 12 repeat;
  -o-border-image: url(../images/goldbg.png) 12 12 12 12 repeat;
  border-image: url(../images/goldbg.png) 12 12 12 12 fill repeat; }

.index-list li:nth-child(even) {
  margin: 20px 0 20px 0; }

.index-list li:nth-child(6),
.index-list li:nth-child(7),
.index-list li:nth-child(8),
.index-list li:nth-child(9),
.index-list li:nth-child(10),
.index-list li:nth-child(11),
.index-list li:nth-child(12),
.index-list li:nth-child(13){
  background-color: #000;
  background-image: url(../images/tec.png);
  background-repeat: no-repeat;
  background-position: center right; }

.index-list li:nth-child(14),
.index-list li:nth-child(15),
.index-list li:nth-child(16),
.index-list li:nth-child(17),
.index-list li:nth-child(18) {
  background-color: #000;
  background-image: url(../images/friend.png);
  background-repeat: no-repeat;
  background-position: center right; }

.index-list li:nth-child(19),
.index-list li:nth-child(20),
.index-list li:nth-child(21),
.index-list li:nth-child(22),
.index-list li:nth-child(23),
.index-list li:nth-child(24),
.index-list li:nth-child(25){
  background-color: #000;
  background-image: url(../images/heart.png);
  background-repeat: no-repeat;
  background-position: center right; }

.index-list li:nth-child(1),
.index-list li:nth-child(2),
.index-list li:nth-child(3),
.index-list li:nth-child(4),
.index-list li:nth-child(5) {
  background-color: #000;
  background-image: url(../images/moja.png);
  background-repeat: no-repeat;
  background-position: center right; }

.wUp-left {
  display: inline-block;
  max-width: 100px; }

.wUp-right {
  vertical-align: top;
  display: inline-block;
  max-width: 250px; }

.wUp-left img {
  max-width: 90px; }

.wUp-title a {
  color: #ff0000;
  font-size: 1.1em;
  line-height: 1.3; }

.bottomtext {
  margin: 20px 0; }

.wUp-price {
  color: #FFFE00; }

.wUp-affi {
  margin: 10px 0 0 0; }

.index-footer {
  border-bottom: 5px solid #000;
  background-image: url(../images/footerbd.png);
  background-repeat: repeat-x;
  background-color: #000;
  padding: 20px 0;
  color: #fff; }

.index-footer a {
  color: #fff;
  font-family: "メイリオ", arial, helvetica, clean, sans-serif; }

.banner {
  padding: 50px 0;
  text-align: center; }

.banner a {
  margin: 0 20px; }

.banner img {
  width: 40%; }

.footer-logo {
  display: inline-block;
  width: 20%; }

.footer-menu {
  display: inline-block;
  width: 70%;
  text-align: center;
  font-size: 0.7em; }

.lock-cont {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index: 99; }

@media only screen and (min-width: 926px) {
  .pc_no {
    display: none; } }
@media only screen and (max-width: 925px) {
  body {
    font-size: 22px;
    line-height: 26px; }

  .sp_no {
    display: none; }

  .index-list {
    margin: 0 auto;
    text-align: center; }

  .index-list li {
    width: 90%;
    margin: 20px 0;
    min-height: 250px; }

  .wUp-left {
    max-width: 180px;
    width: 180px; }

  .wUp-left img {
    min-width: 150px; }

  .wUp-right {
    max-width: 620px; } }