@charset "UTF-8";
/* -- all -- */
/* -- sns -- */
.sns-wrap {
  margin: 5px 0 5px 3px !important;
}

.sns-wrap .fb-like {
  margin-top: -2px !important;
}

.sns-wrap .line {
  display: inline-block;
  margin-top: -2px !important;
  padding-left: 5px\9 !important;
  line-height: 0;
}

.tokusetsu {
  position: relative;
  width: 720px;
  margin: 0;
  padding: 0;
  border-top: 30px solid #1d2080;
  background-color: #ffffff;
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 62.5% !important;
  line-height: 1 !important;
  text-align: center;
}

.tokusetsu a, .tokusetsu a img {
  text-decoration: none !important;
  -webkit-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.tokusetsu div, .tokusetsu p, .tokusetsu h3, .tokusetsu h4 {
  margin: 0;
  padding: 0;
}

.tokusetsu:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 720px;
  height: 200px;
  background: url(../imgs/top_before.png) no-repeat left top;
  content: "";
}

.tokusetsu > img {
  width: 620px;
  height: 204px;
  margin: 40px auto 10px 80px !important;
}

/* -- main -- */
.tokusetsu .main-block {
  position: relative;
  width: 720px;
  margin: 20px auto !important;
  padding: 0 10px !important;
  text-align: center;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tokusetsu .main-block h3 {
  position: relative;
  width: 570px;
  height: 40px;
  margin: 15px auto 10px auto !important;
  background: url(../imgs/h3_bg.jpg) repeat left top;
  color: #ffffff;
  font-size: 2em;
  font-size: 20px !important;
  font-weight: bold;
  text-align: center;
  line-height: 42px !important;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.tokusetsu .main-block > img {
  margin: 15px auto !important;
}

.tokusetsu .main-block .item {
  display: inline-block;
  width: 220px;
  margin: 10px 5px !important;
  padding: 0;
  border-top: 6px solid #000000;
  border-bottom: 6px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  text-align: center;
  vertical-align: top;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tokusetsu .main-block .item p {
  display: table-cell;
  position: relative;
  width: 218px;
  height: 110px;
  padding: 3px 8px 0 !important;
  border-bottom: 3px solid #000000;
  background-color: #fff108;
  color: #000000;
  font-size: 1.4em;
  font-size: 14px !important;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  line-height: 1.5 !important;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tokusetsu .main-block .item p.gentei:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 40px;
  background: url(../imgs/tag_gentei.png) no-repeat left top;
  content: "";
}

.tokusetsu .main-block .item p.senkou:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 40px;
  background: url(../imgs/tag_senkou.png) no-repeat left top;
  content: "";
}

.tokusetsu .main-block .item p.normal:before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 55px;
  height: 40px;
  background: url(../imgs/tag_normal.png) no-repeat left top;
  content: "";
}

.tokusetsu .main-block .item p span {
  font-size: 1.25em;
  font-size: 12.5px !important;
}

.tokusetsu .main-block .item img {
  width: 100%;
  margin: 0;
}

.tokusetsu .main-block .item a img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
}

.tokusetsu .main-block .item a + p {
  display: block;
  width: 218px;
  height: 25px;
  padding: 0 !important;
  border: none;
  background-color: #000000;
  color: #ffffff;
  font-size: 1.2em;
  font-size: 12px !important;
  text-align: center;
  line-height: 27px !important;
}

.tokusetsu .main-block .item a + p.hidden {
  visibility: hidden;
}

.tokusetsu .main-block .item dl {
  width: 100%;
  height: 55px;
  border-top: 1px solid #000000;
  background-color: #e7162c;
  text-align: center;
}

.tokusetsu .main-block .item dl dt, .tokusetsu .main-block .item dl dd {
  display: inline-block;
  color: #ffffff;
  font-weight: bold;
  line-height: 57px !important;
}

.tokusetsu .main-block .item dl dt {
  margin: 0 4px !important;
  font-size: 1.4em;
  font-size: 14px !important;
}

.tokusetsu .main-block .item dl dd {
  font-size: 2em;
  font-size: 20px !important;
}

.tokusetsu .main-block .item dl dd:after {
  display: inline-block;
  margin: 0 5px !important;
  font-size: 1.2em;
  font-size: 12px !important;
  content: "税込";
}

.tokusetsu .main-block .dummy {
  border: none !important;
  background: none !important;
}

/* -- exhibition -- */
.tokusetsu .exhibition {
  width: 610px;
  margin: 20px auto !important;
  padding: 20px !important;
  background-color: #ccf0fe;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tokusetsu .exhibition ul {
  margin-top: 3px;
  text-align: left;
}

.tokusetsu .exhibition ul li {
  color: #1d2080 !important;
  font-size: 1.5em;
  font-size: 15px !important;
  font-weight: bold;
  line-height: 1.6 !important;
}

.tokusetsu .exhibition ul li:before {
  display: inline-block;
  margin: 0 5px !important;
  font-family: FontAwesome;
  content: "\f138";
}

.tokusetsu .exhibition ul li.space {
  padding-left: 15px !important;
}

.tokusetsu .exhibition ul li.space:before {
  content: "";
}

/* -- notes -- */
.tokusetsu .notes {
  width: 610px;
  margin: 20px auto !important;
  padding: 20px !important;
  background-color: #fdf567;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tokusetsu .notes ul {
  margin-top: 3px;
  text-align: left;
}

.tokusetsu .notes ul li {
  color: #1d2080 !important;
  font-size: 1.25em;
  font-size: 12.5px !important;
  font-weight: bold;
  line-height: 1.6 !important;
}

.tokusetsu .notes ul li:before {
  display: inline-block;
  margin: 0 5px !important;
  font-family: FontAwesome;
  content: "\f054";
}

/* -- copy -- */
.tokusetsu .copy {
  width: 720px;
  margin-top: 30px !important;
  padding: 20px 50px !important;
  background-color: #eeeeee;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

.tokusetsu .copy ul {
  margin-top: 5px;
  text-align: left;
}

.tokusetsu .copy ul li {
  color: #333333;
  font-size: 1.05em;
  font-size: 10.5px !important;
  line-height: 1.6 !important;
}

.tokusetsu .copy ul li:before {
  display: inline-block;
  margin-right: 5px !important;
  font-family: FontAwesome;
  content: "\f1f9";
}

/* -- footer -- */
.tokusetsu .footer {
  width: 720px;
  height: 50px;
  background-color: #1d2080;
  text-align: center;
}

.tokusetsu .footer p {
  color: #ffffff;
  font-size: 1.2em;
  font-size: 12px !important;
  font-weight: bold;
  line-height: 52px !important;
}

.tokusetsu .footer p:before {
  display: inline-block;
  margin-right: 5px !important;
  font-family: FontAwesome;
  content: "\f1f9";
}

/* -- backtop -- */
.tokusetsu .backtop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 9999;
}

.tokusetsu .backtop a {
  display: block;
  width: 60px;
  height: 60px;
  background-color: rgba(46, 166, 237, 0.8);
  text-align: center;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
}

.tokusetsu .backtop i {
  margin: 10px auto !important;
  color: #ffffff;
  font-size: 4em;
}

.tokusetsu .backtop a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: alpha(opacity=70);
}