@charset "utf-8";

::selection {
	background-color: #333;
	color: #fff;
}

a {
	transition: all .3s;
}

a:hover {
	opacity: 0.7;
}

input,
button,
textarea {
	outline: none;
}

input:focus,
textarea:focus {
  background: #f7f7f7;
}

img {
  max-width: 100%;
}

.kiki2 {
  padding: 8% 0;
}

.kiki2 .inner {
  padding: 8% 5%;
}

.kiki2 nav.link ul {
  margin: 0 0 5%;
}

.kiki2 nav.link ul li {
  margin: 0 0 3%;
}

.kiki2 nav.link ul li a {
  position: relative;
  display: block;
  background: #202d5a;
  color: #fff;
  font-size: 5vw;
  text-align: center;
  padding: 3%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.kiki2 nav.link ul li a:before {
  position: absolute;
  left: 5%;
  content: "▼";
}

.kiki2 dl.about {
  background: #ebe2d2;
  padding: 5% 0 0;
  margin: 0 0 5%;
}

.kiki2 dl.about dt {
  background: #202d5a;
  color: #fff;
  font-size: 6vw;
  text-align: center;
  padding: 2%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.kiki2 dl.about dt:before {
  content: "";
  display: inline-block;
  width: 6vw;
  height: 6vw;
  background: url('img/ribbon.png') no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  margin: -1.5vw 1vw 0 0;
}

.kiki2 dl.about dt:after {
  content: "";
  display: inline-block;
  width: 6vw;
  height: 6vw;
  background: url('img/ribbon.png') no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  margin: -1.5vw 0 0 1vw;
}

.kiki2 dl.about dd {
  padding: 5%;
  color: #202d5a;
  font-size: 3.9vw;
  font-weight: bold;
  text-shadow:
   -1px -1px 0 #fff,
    1px -1px 0 #fff,
    -1px 1px 0 #fff,
     1px 1px 0 #fff;
}

.kiki2 p.txt01 {
  text-align: center;
  font-size: 4.5vw;
  font-weight: bold;
  margin: 0 0 3%;
}

.kiki2 p.txt01 strong {
  color: #9b030f;
  font-size: 7vw;
}

.kiki2 p.txt01 span {
  color: #9b030f;
}

.kiki2 p.txt02 {
  text-align: center;
  background: #ffe328;
  color: #1e2e61;
  font-size: 6vw;
  font-weight: bold;
  padding: 2% 0;
  border-radius: 5vw;
  margin: 0 0 5%;
}

.kiki2 figure {
  text-align: center;
  margin: 5% 0;
}

.kiki2 figure span {
  display: block;
  font-size: 3vw;
  margin: 5% 0 0;
  font-weight: bold;
}

.kiki2 .youtube {
  margin: 5% 0;
}

.kiki2 h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background: url('img/bg_ttl.png') repeat 0 0;
  padding: 2%;
  font-size: 6vw;
  text-align: center;
  color: #fff;
  text-shadow:
   -1px -1px 0 #202d5a,
    1px -1px 0 #202d5a,
    -1px 1px 0 #202d5a,
     1px 1px 0 #202d5a;
}

.product {
  overflow: hidden;
  border: 1px solid #202020;
  margin: 5% 0 10%;
  padding: 3%;
}

.product figure {
  float: left;
  width: 45%;
  margin: 0;
  padding: 3% 0 0;
}

.product figure span {
  display: block;
  font-size: 4vw;
  color: #9b030f;
}

.product figure span em {
  font-size: 5.5vw;
}

.product .info {
  float: right;
  width: 50%;
}

.product .info p {
  font-size: 2.8vw;
  margin: 0 0 5%;
}

.product .info p strong {
  display: block;
  font-size: 4vw;
  margin: 0 0 3%;
}

.product .info .detail-btn a {
  position: relative;
  display: block;
  text-align: center;
  background: #ffe328;
  padding: 3% 0 2%;
  font-size: 4vw;
  font-weight: bold;
  border-radius: 2.5vw;
  margin: 10% 0 0;
}

.product .info .detail-btn a:after {
  position: absolute;
  right: 5%;
  content: "▶︎";
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  width: 5vw;
  height: 5vw;
  font-size: 3vw;
  line-height: 5vw;
}

.btn-list {
  margin: 0 0 10%;
}

.product-info {
  border: 1px solid #202d5a;
}

.product-info li dl dt {
  background: #202d5a;
  font-size: 4vw;
  padding: 2%;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

.product-info li dl dd {
  padding:  3%;
  font-size: 2.8vw;
  text-align: center;
  line-height: 1.6em;
  font-weight: bold;
}

.photo a img{
	width:80%;
	margin-bottom: 6%;
}

.photo p{
	text-align: left;
}