.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
#contents .init {
position: relative;
-webkit-transform: translate(0px, 30px);
-moz-transform: translate(0px, 30px);
-ms-transform: translate(0px, 30px);
transform: translate(0px, 30px);
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
#contents .activeView {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all  1s ease;
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#contents .none {
display: none;
}
#contents .hidden {
visibility: hidden;
}

/* CONTENTS */
html,body {
height: 100%;
}
.container {
}
#contents {}

h2.bold{
  font-weight: bold !important;
}

#SCT1 {
position: relative;
background-color: #fff;
padding: 90px 0 60px 0;
width: 100%;
z-index: 1;
text-align: center;
}
@media (min-width: 751px) {
#SCT1 {
padding: 123px 0 105px 0;
}
}
#SCT1 div.image {
margin: 0 auto 42px auto;
width: 90%;
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,0.35);
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,0.35);
box-shadow: 2px 3px 5px rgba(0,0,0,0.35);
}
@media (min-width: 751px) {
#SCT1 div.image {
margin: 0 auto 69px auto;
}
}
#SCT1 div.image img {
width: 100%;
height: auto;
display: block;
}
#SCT1 h3 {
margin-bottom: -6px;
font-size: 24px;
font-weight: 100;
color: #c00;
}
#SCT1 h2 {
margin-bottom: 28px;
font-size: 36px;
font-weight: 100;
}
@media (min-width: 751px) {
#SCT1 h3 {
margin-bottom: 2px;
font-size: 32px;
}
#SCT1 h2 {
margin-bottom: 41px;
font-size: 48px;
font-weight: 100;
}
}
#SCT1 ul {
margin: 35px 0 0 0;
padding: 0;
}
#SCT1 li {
margin: 0 9px;
display: inline;
}
#SCT1 li a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
background-color: #eee;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
width: 48px;
height: 48px;
font-size: 21px;
line-height: 49px;
display: inline-block;
color: #666;
overflow: hidden;
}
#SCT1 li.facebook a:hover {
background-color: #39579a;
color: #fff;
}
#SCT1 li.twitter a:hover {
background-color: #50aaf0;
color: #fff;
}

@media (min-width: 941px) {
#SCT1 .sns {
position: relative;
float: right;
}
#SCT1 ul {
position: absolute;
right: 60px;
bottom: 86px;
margin: 0 0 0 0;
}
#SCT1 li {
margin: 12px 0 0 0;
display: block;
}
#SCT1 li a {
display: block;
}
}
#SCT1 p {
margin: 0 30px;
font-size: 14px;
font-weight: 200;
line-height: 1.8;
text-align: left;
}
@media (min-width: 751px) {
#SCT1 p {
margin: 0 auto;
width: 605px;
font-size: 16px;
font-weight: 200;
line-height: 1.8;
text-align: left;
}
}
#SCT2 {
position: relative;
background-color: #fff;
width: 100%;
z-index: 1;
text-align: center;
}
#SCT2 .copy2 {
position: absolute;
right: 12px;
bottom: 12px;
font-size: 9px;
font-weight: 400;
line-height: 0;
}
#SCT2 .copy {
position: absolute;
left: 12px;
top: 12px;
font-size: 9px;
font-weight: 400;
line-height: 0;
}
#SCT2 .block {
position: relative;
background-color: #000;
width: 50%;
float: left;
cursor: pointer;
}
@media (min-width: 751px) {
#SCT2 .block {
width: 25%;
}
}
#SCT2 .block .image {
overflow: hidden;
}
#SCT2 .block .image img {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
width: 100%;
height: auto;
display: block;
}
#SCT2 .block.hover .image img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
#SCT2 .block .pack {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 200px;
display:table;
}
#SCT2 .block .pack p {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
-webkit-transform: translate(0px, 15px);
-moz-transform: translate(0px, 15px);
-ms-transform: translate(0px, 15px);
transform: translate(0px, 15px);
font-size: 12px;
font-weight: 300;
line-height: 1.5;
display: table-cell;
text-align: center;
vertical-align: middle;
color: #fff;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}
@media (min-width: 941px) {
#SCT2 .block .pack p {
font-size: 14px;
}
}
@media (min-width: 1141px) {
#SCT2 .block .pack p {
font-size: 16px;
}
}
#SCT2 .block.hover .pack p {
-webkit-transform: translate(0px, 0px);
-moz-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}
#SCT3 {
position: relative;
background-color: #fff;
width: 100%;
z-index: 1;
text-align: center;
}
#SCT3 .image {
position: relative;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
width: 100%;
height: 320px;
overflow: hidden;
}
@media (min-width: 751px) {
#SCT3 .image {
width: 50%;
height: 640px;
}
}
#SCT3 .copy {
position: absolute;
right: 20px;
bottom: 20px;
font-size: 9px;
font-weight: 400;
line-height: 0;
}
#SCT3 .pack {
padding: 30px 0;
width: 100%;
display: block;
}
@media (min-width: 751px) {
#SCT3 .pack {
padding: 0;
width: 50%;
height: 640px;
display: table;
}
}
#SCT3 .pack div {
display: block;
}
@media (min-width: 751px) {
#SCT3 .pack div {
display: table-cell;
text-align: center;
vertical-align: middle;
}
}
#SCT3 .pack p,
#SCT3 .pack h3 {
margin: 0 30px;
text-align: left;
}
@media (min-width: 751px) {
#SCT3 .pack p,
#SCT3 .pack h3 {
margin: 0 60px;
}
}
@media (min-width: 1121px) {
#SCT3 .pack p,
#SCT3 .pack h3 {
margin: 0 auto;
width: 520px;
}
}
#SCT3 .pack h3 {
margin-bottom: 16px;
font-size: 23px;
font-weight: 200;
line-height: 1.3;
}
@media (min-width: 1061px) {
#SCT3 .pack h3 {
margin-bottom: 33px;
font-size: 36px;
}
}
@media (min-width: 1201px) {
#SCT3 .pack h3 {
font-size: 40px;
}
}
#SCT3 .pack p {
font-size: 14px;
font-weight: 200;
line-height: 1.8;
}
@media (min-width: 1061px) {
#SCT3 .pack p {
font-size: 16px;
}
}
#S3_BLK3 .pack {
background-color: #f5f5f5;
}
#S3_BLK3 .image,
#S3_BLK2 .pack,
#S3_BLK1 .image {
float: right;
}
#S3_BLK3 .pack,
#S3_BLK2 .image,
#S3_BLK1 .pack {
float: left;
}
#S3_BLK3 .image {
background-position: center top;
}
#SCT4 {
position: relative;
background-color: #fff;
padding: 36px 0 0 0;
width: 100%;
z-index: 1;
text-align: center;
}
#SCT4 h2 {
margin-bottom: 22px;
font-size: 24px;
font-weight: 200;
}
@media (min-width: 751px) {
#SCT4 {
padding: 90px 0 0 0;
}
#SCT4 h2 {
margin-bottom: 64px;
font-size: 36px;
}
#SCT4 h2 br {
display: none;
}
}
#SCT4 form {
padding: 20px 30px 0 30px;
display: block;
}
@media (min-width: 751px) {
#SCT4 form {
padding: 33px 30px 0 30px;
}
}
#SCT4 .select {
margin: 0 auto;
width: 250px;
}
#SCT4 select {
padding: 0 48px 0 12px;
}
#SCT4 .customSelect {
background: url(../img/select_bg.png) no-repeat right center;
border: solid 1px #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
padding: 0 48px 0 12px;
width: 250px;
height: 34px;
font-size: 14px;
font-family: 'Noto Sans Japanese',sans-serif;
font-weight: 200;
line-height: 34px;
text-align: left;
display: block;
white-space: nowrap;
}
#SCT4 button {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
background-color: #cc0000;
border: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
padding: 0 12px;
margin: 24px 0 0 0;
width: 100%;
height: 50px;
font-family: 'Noto Sans Japanese',sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 50px;
color: #fff;
display: block;
cursor: pointer;
}
#SCT4 button.soldout:hover,
#SCT4 button.soldout {
background-color: #000;
color: #ccc;
}
#SCT4 button:hover {
background-color: #ff0000;
}
@media (min-width: 751px) {
#SCT4 button {
margin: 36px auto 0 auto;
width: 300px;
height: 60px;
line-height: 60px;
}
}
#SCT4 .soldoutBox {
padding: 75px 0 3px 0;
}
#SCT4 .soldoutBox h4 {
margin: 0 30px 20px 30px;
font-size: 20px;
color: #cc0000;
}
#SCT4 .soldoutBox p {
margin: 0 30px;
width: auto;
font-size: 12px;
line-height: 2.15;
text-align: left;
}
@media (min-width: 811px) {
#SCT4 .soldoutBox h4 {
margin: 0 30px 20px 30px;
font-size: 24px;
color: #cc0000;
}
#SCT4 .soldoutBox p {
margin: 0 auto;
width: 750px;
font-size: 14px;
}
}
#SCT4 .detail {
background-color: #eee;
margin-top: 50px;
padding: 30px 0 30px 0;
}
@media (min-width: 1041px) {
#SCT4 .detail {
background-color: #eee;
margin-top: 89px;
padding: 45px 0 51px 0;
}
}
#SCT4 .detail .cont {
margin: 0 auto;
padding: 0 30px;
text-align: left;
}
@media (min-width: 751px) {
#SCT4 .detail .cont {
margin: 0 auto;
text-align: left;
}
#SCT4 .detail .cont .div1 {
width: 50%;
float: left;
}
#SCT4 .detail .cont .div2 {
width: 50%;
float: right;
}
}
@media (min-width: 1041px) {
#SCT4 .detail .cont {
padding: 0;
width: 980px;
}
#SCT4 .detail .cont .div1 {
width: 490px;
}
#SCT4 .detail .cont .div2 {
width: 490px;
}
}
#SCT4 .detail .cont dl {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 200;
line-height: 1.8;
}
@media (min-width: 1041px) {
#SCT4 .detail .cont dl {
font-size: 14px;
line-height: 2.15;
}
}
#SCT4 .detail .cont dt {
float: left;
}
#SCT4 .detail .cont dt span {
margin-right: -1em;
letter-spacing: 1em;
}
#SCT4 .detail .cont dd {
margin-left: 4em;
}
#SCT4 .detail .cont a {
color: #c00;
text-decoration: none;
}
#SCT4 .detail .cont a:hover {
text-decoration: underline;
}
#SCT4 .frame {
position: relative;
padding: 80px 0;
display: none;
}
#SCT4 .frame p {
position: absolute;
right: 15px;
top: 16px;
cursor: pointer;
}
#SCT4 .frame p img {
width: 15px;
height: auto;
}
@media (min-width: 751px) {
#SCT4 .frame p {
right: 30px;
top: 32px;
}
#SCT4 .frame p img {
width: auto;
height: auto;
}
}
#SCT4 .frame div img {
margin: 0 auto;
width: 80%;
height: auto;
display: block;
}

#SCT9 {
position: relative;
background-color: #fff;
width: 100%;
z-index: 1;
}
#SCT9 .cont {
position: relative;
background-color: #000;
border-top: solid 1px #ddd;
width: 100%;
z-index: 1;
text-align: center;
}
#SCT9 .image {
padding: 30px 30px 30px 30px;
font-size: 0;
line-height: 0;
}
#SCT9 .image img {
max-width: 100%;
height: auto;
}
#SCT9 .pack {
padding: 0 30px 30px 30px;
text-align: left;
color: #fff;
}
#SCT9 .mten1 {
  margin-top: 15px;
}
#SCT9 .mten2 {
  margin-top: 20px;
}
#SCT9 .mten3 {
  margin-top: 15px;
}
#SCT9 .mten4 {
  margin-top: 5px;
}
#SCT9 p.indent1 {
text-indent: -3em;
padding-left: 3em;
}
#SCT9 p.indent2 {
text-indent: -4em;
padding-left: 4em;
}
#SCT9 p.indent3 {
text-indent: -5.8em;
padding-left: 5.8em;
}
@media (min-width: 751px) {
#SCT9 .image {
box-sizing: border-box;
padding: 30px 0 30px 30px;
width: 58%;
text-align: right;
float: left;
}
#SCT9 .pack {
box-sizing: border-box;
padding: 30px 0 30px 0;
width: 42%;
float: right;
color: #fff;
}
#SCT9 .pack div {
padding: 0 30px;
text-align: left;
}

#SCT9 .mten1 {
  margin-top: 30px;
}
#SCT9 .mten2 {
  margin-top: 35px;
}

}
@media (min-width: 1191px) {
#SCT9 .image {
padding: 80px 0 80px 30px;
width: 63%;
}
#SCT9 .pack {
padding: 80px 0 80px 0;
width: 37%;
}
#SCT9 .pack div {
margin: 0 auto;
padding: 0;
width: 420px;
text-align: left;
}

#SCT9 .mten1 {
  margin-top: 30px;
}
#SCT9 .mten2 {
  margin-top: 35px;
}

}
#SCT9 .pack h2 {
margin-bottom: 21px;
font-size: 20px;
line-height: 1.3;
font-weight: 500;
}
#SCT9 .pack dl {
margin-bottom: 10px;
font-weight: 200;
line-height: 1.9;
}
#SCT9 .pack dt {
margin-bottom: 1px;
font-size: 12px;
color: #ccc;
}
#SCT9 .pack dd {
font-size: 14px;
}
#SCT9 .pack p {
font-size: 14px;
font-weight: 200;
}
#SCT9 .pack p.note {
font-size: 12px;
}
#SCT9 .pack p.price {
margin-top: 24px;
font-size: 18px;
font-weight: 400;
}
#SCT9 button,
#SCT9 .button a {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
background-color: #cc0000;
border: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
margin: 36px auto 0 auto;
padding: 0 12px;
width: 240px;
height: 48px;
line-height: 48px;
font-family: 'Noto Sans Japanese',sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 50px;
text-align: center;
color: #fff;
display: block;
cursor: pointer;
}
#SCT9 button:hover,
#SCT9 .button a:hover {
background-color: #ff0000;
text-decoration: none;
}
#SCT9 .pack p.link {
margin-top: 17px;
font-size: 12px;
text-align: center;
color: #c00;
}
#SCT9 .pack p.link a {
color: #c00;
}
#SCT9 .pack p.link a:hover {
color: #c00;
}


#SCT5,
#SCT6 {
position: relative;
background-color: #fff;
width: 100%;
z-index: 1;
}
#SCT5 .cont {
position: relative;
background-color: #fff;
width: 100%;
z-index: 1;
text-align: center;
}
#SCT6 .cont {
position: relative;
background-color: #eee;
width: 100%;
z-index: 1;
text-align: center;
}
#SCT8 .image,
#SCT7 .image,
#SCT11 .image,
#SCT12 .image,
#SCT6 .image,
#SCT5 .image {
padding: 30px 20px 65px 20px;
font-size: 0;
line-height: 0;
}
@media (min-width: 751px) {
#SCT11 .image,
#SCT6 .image,
#SCT5 .image {
box-sizing: border-box;
width: 50%;
padding: 90px 0 141px 40px;
float: left;
}
#SCT8 .image,
#SCT7 .image,
#SCT12 .image {
box-sizing: border-box;
width: 68%;
padding: 90px 30px 121px 30px;
float: left;
}
}
@media (max-width: 750px) {
#SCT6 .image img,
#SCT5 .image img {
width: 100%;
height: auto;
display: block;
}
}
#SCT8 .pack3,
#SCT8 .pack2,
#SCT8 .pack,
#SCT7 .pack3,
#SCT7 .pack2,
#SCT7 .pack,
#SCT11 .pack,
#SCT12 .pack3,
#SCT12 .pack2,
#SCT12 .pack,
#SCT6 .pack,
#SCT5 .pack {
width: 100%;
display: block;
}
@media (min-width: 751px) {
#SCT11 .pack,
#SCT6 .pack,
#SCT5 .pack {
box-sizing: border-box;
width: 50%;
padding: 85px 0 90px 0;
float: right;
}
#SCT8 .pack,
#SCT7 .pack,
#SCT12 .pack {
box-sizing: border-box;
width: 32%;
padding: 90px 0 70px 0;
float: right;
}
#SCT8 .pack2,
#SCT7 .pack2,
#SCT12 .pack2 {
box-sizing: border-box;
width: 50%;
padding: 0 0 90px 40px;
float: left;
}
#SCT8 .pack3,
#SCT7 .pack3,
#SCT12 .pack3 {
box-sizing: border-box;
width: 50%;
padding: 0 0 90px 0;
float: right;
}
}
#SCT8 .image .block p,
#SCT7 .image .block p,
#SCT11 .image .block p,
#SCT12 .image .block p,
#SCT6 .image .block p,
#SCT5 .image .block p {
margin-top: 26px;
font-size: 14px;
line-height: 1.6;
text-align: center;
}
#SCT8 .image .block,
#SCT7 .image .block,
#SCT11 .image .block,
#SCT12 .image .block,
#SCT6 .image .block,
#SCT5 .image .block {
padding: 0 25px;
}
@media (min-width: 751px) {
#SCT8 .image .block,
#SCT7 .image .block,
#SCT11 .image .block,
#SCT12 .image .block,
#SCT6 .image .block,
#SCT5 .image .block {
padding: 0 36px;
}
#SCT5 .image .block.blk1 {
padding: 0 29px;
}
#SCT7 .image .block.blk1 {
padding: 0 53px;
}
}
#SCT11 .profile,
#SCT6 .profile,
#SCT5 .profile {
margin: 0 auto 34px auto;
padding: 0 30px;
text-align: left;
}
@media (min-width: 751px) {
#SCT11 .profile,
#SCT6 .profile,
#SCT5 .profile {
margin: 0 auto 54px auto;
padding: 0 40px;
}
}
@media (min-width: 1361px) {
#SCT11 .profile,
#SCT6 .profile,
#SCT5 .profile {
margin: 0 auto 54px auto;
padding: 0;
width: 600px;
text-align: left;
}
}
#SCT8 .profile,
#SCT7 .profile,
#SCT12 .profile {
margin: 0 auto 34px auto;
padding: 0 30px;
text-align: left;
}
@media (min-width: 751px) {
#SCT8 .profile,
#SCT7 .profile,
#SCT12 .profile {
margin: 0 auto 0 auto;
padding: 0 30px 0 0;
text-align: left;
}
}
#SCT11 .profile h2,
#SCT6 .profile h2,
#SCT5 .profile h2,
#SCT8 .profile h2,
#SCT7 .profile h2,
#SCT12 .profile h2 {
margin: 0 0 11px 0;
font-size: 16px;
font-weight: 700;
}
#SCT11 .profile p,
#SCT6 .profile p,
#SCT5 .profile p,
#SCT8 .profile p,
#SCT7 .profile p,
#SCT12 .profile p {
font-size: 12px;
line-height: 1.70;
font-weight: 200;
}
#SCT8 .profile img,
#SCT7 .profile img,
#SCT11 .profile img,
#SCT12 .profile img,
#SCT6 .profile img,
#SCT5 .profile img {
margin: 5px 20px 5px 0;
width: 90px;
height: auto;
float: left;
}
@media (min-width: 751px) {
#SCT8 .profile h2,
#SCT7 .profile h2,
#SCT12 .profile h2 {
margin: 0 0 14px 0;
font-size: 18px;
}
#SCT8 .profile p,
#SCT7 .profile p,
#SCT12 .profile p {
line-height: 1.75;
}
#SCT8 .profile div,
#SCT7 .profile div,
#SCT12 .profile div,
#SCT11 .profile div,
#SCT6 .profile div,
#SCT5 .profile div {
margin-bottom: 41px;
}
#SCT11 .profile h2,
#SCT6 .profile h2,
#SCT5 .profile h2 {
margin: 0 0 14px 0;
font-size: 18px;
}
#SCT11 .profile p,
#SCT6 .profile p,
#SCT5 .profile p {
line-height: 1.75;
}
#SCT8 .profile img,
#SCT7 .profile img,
#SCT11 .profile img,
#SCT12 .profile img,
#SCT6 .profile img,
#SCT5 .profile img {
margin: 0;
width: auto;
height: auto;
float: inherit;
}
}
@media (min-width: 1111px) {
#SCT11 .profile div,
#SCT6 .profile div,
#SCT5 .profile div {
margin-bottom: 0;
padding-top: 5px;
float: left;
}
#SCT11 .profile h2,
#SCT6 .profile h2,
#SCT5 .profile h2 {
margin: 0 0 14px 230px;
font-size: 18px;
font-weight: 700;
}
#SCT11 .profile p,
#SCT6 .profile p,
#SCT5 .profile p {
margin-left: 230px;
font-size: 12px;
line-height: 1.75;
font-weight: 200;
}
}
@media (min-width: 1241px) {
#SCT8 .profile,
#SCT7 .profile,
#SCT12 .profile {
padding-right: 0;
width: 370px;
}
#SCT11 .profile h2,
#SCT6 .profile h2,
#SCT5 .profile h2,
#SCT8 .profile h2,
#SCT7 .profile h2,
#SCT12 .profile h2 {
font-size: 20px;
}
#SCT11 .profile p,
#SCT6 .profile p,
#SCT5 .profile p,
#SCT8 .profile p,
#SCT7 .profile p,
#SCT12 .profile p {
font-size: 14px;
}
}
#SCT11 .explain,
#SCT6 .explain,
#SCT5 .explain {
margin: 0 auto 37px auto;
padding: 0 30px;
text-align: left;
}
@media (min-width: 751px) {
#SCT11 .explain,
#SCT6 .explain,
#SCT5 .explain {
margin: 0 auto 57px auto;
padding: 0 40px;
}
}
@media (min-width: 1361px) {
#SCT11 .explain,
#SCT6 .explain,
#SCT5 .explain {
margin: 0 auto 57px auto;
padding: 0;
width: 600px;
text-align: left;
}
}
#SCT8 .explain,
#SCT7 .explain,
#SCT12 .explain {
margin: 0 auto 57px auto;
padding: 0 30px;
text-align: left;
}
@media (min-width: 751px) {
#SCT8 .explain,
#SCT7 .explain,
#SCT12 .explain {
margin: 0 auto 0 auto;
padding: 0;
}
}
@media (min-width: 1281px) {
#SCT8 .explain,
#SCT7 .explain,
#SCT12 .explain {
margin: 0 auto 0 auto;
width: 600px;
}
}
#SCT8 .explain h3,
#SCT7 .explain h3,
#SCT11 .explain h3,
#SCT12 .explain h3,
#SCT6 .explain h3,
#SCT5 .explain h3 {
margin-bottom: 21px;
font-size: 28px;
font-weight: 300;
text-align: center;
}
#SCT8 .explain p,
#SCT7 .explain p,
#SCT11 .explain p,
#SCT12 .explain p,
#SCT6 .explain p,
#SCT5 .explain p {
font-size: 14px;
line-height: 1.75;
font-weight: 200;
}
@media (min-width: 751px) {
#SCT8 .explain h3,
#SCT7 .explain h3,
#SCT11 .explain h3,
#SCT12 .explain h3,
#SCT6 .explain h3,
#SCT5 .explain h3 {
margin-bottom: 17px;
font-size: 32px;
text-align: left;
}
#SCT8 .explain p,
#SCT7 .explain p,
#SCT11 .explain p,
#SCT12 .explain p,
#SCT6 .explain p,
#SCT5 .explain p {
font-size: 16px;
line-height: 1.9;
}
}
#SCT8 .detail,
#SCT7 .detail,
#SCT12 .detail,
#SCT11 .detail,
#SCT6 .detail,
#SCT5 .detail {
margin: 0 auto;
padding: 0 30px 35px 30px;
text-align: left;
}
@media (min-width: 751px) {
#SCT11 .detail,
#SCT6 .detail,
#SCT5 .detail {
padding: 0 40px;
}
#SCT8 .detail,
#SCT7 .detail,
#SCT12 .detail {
padding: 0 60px;
}
}
@media (min-width: 1281px) {
#SCT8 .detail,
#SCT7 .detail,
#SCT12 .detail {
margin: 0 auto;
padding: 0;
width: 520px;
text-align: left;
}
}
@media (min-width: 1361px) {
#SCT11 .detail,
#SCT6 .detail,
#SCT5 .detail {
margin: 0 auto;
padding: 0;
width: 600px;
text-align: left;
}
}
#SCT8 .detail dl,
#SCT7 .detail dl,
#SCT11 .detail dl,
#SCT12 .detail dl,
#SCT6 .detail dl,
#SCT5 .detail dl {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 200;
line-height: 1.8;
}
@media (min-width: 1041px) {
#SCT8 .detail dl,
#SCT7 .detail dl,
#SCT11 .detail dl,
#SCT12 .detail dl,
#SCT6 .detail dl,
#SCT5 .detail dl {
font-size: 14px;
line-height: 2.15;
}
}
#SCT8 .detail dt,
#SCT7 .detail dt,
#SCT11 .detail dt,
#SCT12 .detail dt,
#SCT6 .detail dt,
#SCT5 .detail dt {
float: left;
}
#SCT8 .detail dt span,
#SCT7 .detail dt span,
#SCT11 .detail dt span,
#SCT12 .detail dt span,
#SCT6 .detail dt span,
#SCT5 .detail dt span {
margin-right: -1em;
letter-spacing: 1em;
}
#SCT8 .detail dd,
#SCT7 .detail dd,
#SCT11 .detail dd,
#SCT12 .detail dd,
#SCT6 .detail dd,
#SCT5 .detail dd {
margin-left: 4em;
}
#SCT8 .detail a,
#SCT7 .detail a,
#SCT11 .detail a,
#SCT12 .detail a,
#SCT6 .detail a,
#SCT5 .detail a {
color: #c00;
text-decoration: none;
}
#SCT8 .detail a:hover,
#SCT7 .detail a:hover,
#SCT11 .detail a:hover,
#SCT12 .detail a:hover,
#SCT6 .detail a:hover,
#SCT5 .detail a:hover {
text-decoration: underline;
}

#SCT10 {
position: relative;
background-color: #fff;
border-bottom: solid 1px #ddd;
box-sizing: border-box;
padding: 30px 30px;
width: 100%;
z-index: 1;
text-align: center;
}
#SCT10 .block {
float: left;
padding: 33px 0;
}
#SCT10 .c1 {
width: 100%;
}
#SCT10 .c2 {
width: 100%;
}
#SCT10 .c3 {
width: 100%;
}
#SCT10 .box {
margin: 0 auto;
}
#SCT10 .image {
margin: 0 auto 22px auto;
text-align: center;
font-size: 0;
line-height: 0;
}
#SCT10 .image img {
margin: 0 auto;
max-width: 100%;
height: auto;
}
@media (min-width: 781px) {
#SCT10 {
padding: 57px 30px;
}
#SCT10 .c2 {
width: 50%;
}
#SCT10 .c3 {
width: 100%;
}
#SCT10 .box {
width: 580px;
}
#SCT10 .image {
width: 580px;
height: 400px;
display: table;
}
#SCT10 .image div {
display: table-cell;
vertical-align: middle;
}
}
@media (min-width: 1141px) {
#SCT10 .c3 {
width: 100%;
}
}
#SCT10 h3 {
margin-bottom: 8px;
font-size: 16px;
font-weight: 500;
}
#SCT10 p {
margin-bottom: 26px;
font-size: 12px;
font-weight: 200;
}
#SCT10 .select {
margin: 0 auto;
}
#SCT10 select {
margin: 0 auto;
padding: 0 48px 0 12px;
}
#SCT10 .customSelect {
background: url(../img/select_bg.png) no-repeat right center;
border: solid 1px #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
padding: 0 48px 0 12px;
width: 250px;
height: 34px;
font-size: 14px;
font-family: 'Noto Sans Japanese',sans-serif;
font-weight: 200;
line-height: 34px;
text-align: left;
display: block;
white-space: nowrap;
}
#SCT10 button {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
background-color: #cc0000;
border: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
box-sizing: border-box;
margin: 30px auto 0 auto;
padding: 0 12px;
width: 240px;
height: 48px;
line-height: 48px;
font-family: 'Noto Sans Japanese',sans-serif;
font-size: 17px;
font-weight: 600;
line-height: 50px;
text-align: center;
color: #fff;
display: block;
cursor: pointer;
}
#SCT10 button.soldout:hover,
#SCT10 button.soldout {
background-color: #000;
color: #ccc;
}
#SCT10 button:hover {
background-color: #ff0000;
text-decoration: none;
}
#SCT10 p.link {
margin-bottom: 0;
margin-top: 17px;
font-size: 12px;
text-align: center;
color: #c00;
}
#SCT10 p.link a {
color: #c00;
}
#SCT10 p.link a:hover {
color: #c00;
}

#SCT10 .price p {
font-size: 12px;
}

#SCT10 .noticeBox {
clear: both;
padding: 20px 0 0;
}
#SCT10 .noticeBox h4 {
margin: 0 30px 20px 30px;
font-size: 14px;
font-weight: 400;
text-align: left;
color: #cc0000;
}
#SCT10 .noticeBox p {
margin: 0 30px;
width: auto;
font-size: 12px;
font-weight: 200;
line-height: 2.15;
text-align: left;
}
#SCT10 .noticeBox p span {
display: block;
margin: 0 0 20px;
font-size: 14px;
font-weight: bold;
text-align: center;
}
@media (min-width: 811px) {
#SCT10 .noticeBox h4 {
margin: 0 30px 20px 30px;
font-size: 18px;
font-weight: 400;
text-align: center;
color: #cc0000;
}
#SCT10 .noticeBox p {
margin: 0 auto;
width: 750px;
font-size: 14px;
font-weight: 200;
text-align: center;
}
#SCT10 .noticeBox p span {
font-size: 16px;
}

#SCT10 .price p {
font-size: 14px;
}

}

.viewpc{
  display: inline-block;
}
.viewsp{
  display: none;
}
@media screen and (max-width: 768px) {
.viewpc{
  display: none;
}
.viewsp{
  display: block;
}
}

/* */
#SCTd .detail {
background-color: #eee;
border-bottom: solid 1px #ddd;
margin-top: 0;
padding: 30px 0 30px 0;
}

#SCTd .detail h2 {
margin-bottom: 21px;
font-size: 20px;
line-height: 1.3;
font-weight: 500;
}

@media (min-width: 1041px) {
#SCTd .detail {
background-color: #eee;
margin-top: 0;
padding: 45px 0 51px 0;
}
}
#SCTd .detail .cont {
margin: 0 auto;
padding: 0 30px;
text-align: left;
}
@media (min-width: 751px) {
#SCTd .detail .cont {
margin: 0 auto;
text-align: left;
}
#SCTd .detail .cont .div1 {
width: 50%;
float: left;
}
#SCTd .detail .cont .div2 {
width: 50%;
float: right;
}
}
@media (min-width: 1041px) {
#SCTd .detail .cont {
padding: 0;
width: 980px;
}
#SCTd .detail .cont .div1 {
width: 490px;
}
#SCTd .detail .cont .div2 {
width: 490px;
}
}
#SCTd .detail .cont dl {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: 200;
line-height: 1.8;
}
@media (min-width: 1041px) {
#SCTd .detail .cont dl {
font-size: 14px;
line-height: 2.15;
}
}
#SCTd .detail .cont dt {
float: left;
}
#SCTd .detail .cont dt span {
margin-right: -1em;
letter-spacing: 1em;
}
#SCTd .detail .cont dd {
margin-left: 4em;
}
#SCTd .detail .cont a {
color: #c00;
text-decoration: none;
}
#SCTd .detail .cont a:hover {
text-decoration: underline;
}


.bx-wrapper {
position: relative;
margin: 0;
padding: 0;
*zoom: 1;
}
.bx-wrapper .block img {
margin: 0 auto;
width: 80%;
height: auto;
display: block;
-moz-box-shadow: 2px 3px 5px rgba(0,0,0,0.35);
-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,0.35);
box-shadow: 2px 3px 5px rgba(0,0,0,0.35);
}
.bx-wrapper .block p {
margin: 76px 0 0 0;
font-size: 10px;
font-weight: 200;
}
.bx-wrapper .block p span {
zoom : 75%;
}
@media (min-width: 556px) {
.bx-wrapper .block p {
margin: 76px 30px 0 30px;
font-size: 12px;
}
.bx-wrapper .block p span {
zoom : 100%;
}
}
@media (min-width: 751px) {
.bx-wrapper .block p {
margin-top: 107px;
font-size: 16px;
}
}
@media (min-width: 876px) {
.bx-wrapper .block p {
font-size: 20px;
}
}

/* PAGER */
.pagerBox {
position: relative;
z-index: 100;
}
#bx-pager {
position: absolute;
left: 0;
top: -64px;
width: 100%;
}
@media (min-width: 751px) {
#bx-pager {
top: -82px;
}
}
#bx-pager a {
background-color: #fff;
border: solid 6px #fff;
box-sizing: border-box;
text-indent: -9999px;
display: inline-block;
width: 24px;
height: 24px;
margin: 0 6px;
outline: 0;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
}
#bx-pager a.a1 {
background-color: #f5642e;
}
#bx-pager a.a2 {
background-color: #3e71e4;
}
#bx-pager a.a3 {
background-color: #43a359;
}
#bx-pager a.a4 {
background-color: #eeaabb;
}
#bx-pager a.a5 {
background-color: #d33857;
}
#bx-pager a.a6 {
background-color: #eedd44;
}
#bx-pager a.a7 {
background-color: #000000;
}

#bx-pager a:hover,
#bx-pager a.active {
background-color: #fff;
}
#bx-pager a.a1:hover,
#bx-pager a.a1.active {
border: solid 6px #f5642e;
}
#bx-pager a.a2:hover,
#bx-pager a.a2.active {
border: solid 6px #3e71e4;
}
#bx-pager a.a3:hover,
#bx-pager a.a3.active {
border: solid 6px #43a359;
}
#bx-pager a.a4:hover,
#bx-pager a.a4.active {
border: solid 6px #eeaabb;
}
#bx-pager a.a5:hover,
#bx-pager a.a5.active {
border: solid 6px #d33857;
}
#bx-pager a.a6:hover,
#bx-pager a.a6.active {
border: solid 6px #eedd44;
}
#bx-pager a.a7:hover,
#bx-pager a.a7.active {
border: solid 6px #000000;
}

#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
#sb-overlay{position:relative;height:100%;width:100%;}
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
#sb-wrapper-inner{position:relative;border:1px solid #303030;overflow:hidden;height:100px;}
#sb-body{position:relative;height:100%;}
#sb-body-inner{position:absolute;height:100%;width:100%;}
#sb-player.html{height:100%;overflow:auto;}
#sb-body img{border:none;}
#sb-loading{position:relative;height:100%;}
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
#sb-body,#sb-loading{background-color:#060606;}
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
#sb-title-inner{font-size:16px;}
#sb-info,#sb-info-inner{height:26px;line-height:26px;}
#sb-info-inner{font-size:12px;}
#sb-nav{
position: absolute;
top: -15px;
right: 0;
}
@media (min-width: 751px) {
#sb-nav{
position: absolute;
top: 26px;
right: -46px;
}
}
#sb-nav a{display:block;float:right;height:26px;width:26px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
#sb-nav-close{
background-image:url(../img/close.png);
background-size: 26px auto;
-moz-background-size: 26px auto;
-webkit-background-size: 26px auto;
}
#sb-counter{float:left;width:45%;}
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
#sb-counter a.sb-counter-current{text-decoration:underline;}

#SCT9 .select {
margin: 0 auto;
padding-top: 20px !important;
text-align: center;
}
#SCT9 select {
margin: 0 auto;
padding: 0 48px 0 12px;
}
#SCT9 .customSelect {
background: url(../img/select_bg.png) no-repeat right center;
border: solid 1px #ccc;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
box-sizing: border-box;
padding: 0 48px 0 12px;
width: 280px;
height: 34px;
font-size: 14px;
font-family: 'Noto Sans Japanese',sans-serif;
font-weight: 200;
line-height: 34px;
text-align: left;
display: block;
white-space: nowrap;
}

}