﻿@charset "UTF-8";
/*! # kotobukihonpo
 * lastupdate : Mon Feb 08 2016 15:49:13
 * version    : 1.0.0
 *
 * © 2016 Parachute.
*/
.other main,
.tablet main {
  background: url("/img/fullpower10/hero_img_n.jpg") 50% 0 no-repeat;
}
.other #global-nav #global-nav1 a span,
.tablet #global-nav #global-nav1 a span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.other #content-header h1,
.tablet #content-header h1 {
  display: block;
  background-image: url("/img/fullpower10/title.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 57px;
  height: 247px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #content-header #fullpower10-lNav,
.tablet #content-header #fullpower10-lNav {
  margin-top: -1px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-right: 45px;
  border-top: 1px solid #ccc;
}
.other #content-header #fullpower10-lNav ul:before, .other #content-header #fullpower10-lNav ul:after,
.tablet #content-header #fullpower10-lNav ul:before,
.tablet #content-header #fullpower10-lNav ul:after {
  content: "";
  display: table;
}
.other #content-header #fullpower10-lNav ul:after,
.tablet #content-header #fullpower10-lNav ul:after {
  clear: both;
}
.other #content-header #fullpower10-lNav ul li,
.tablet #content-header #fullpower10-lNav ul li {
  float: right;
  margin-left: 15px;
}
.other #content-header #fullpower10-lNav ul li a span,
.tablet #content-header #fullpower10-lNav ul li a span {
  transition: opacity 0.25s ease-in-out 0s;
}
.other #content-header #fullpower10-lNav ul li a:hover span, .other #content-header #fullpower10-lNav ul li a.current span,
.tablet #content-header #fullpower10-lNav ul li a:hover span,
.tablet #content-header #fullpower10-lNav ul li a.current span {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
}
.other #content-header #fullpower10-lNav ul li#fullpower10-lNav1 a,
.tablet #content-header #fullpower10-lNav ul li#fullpower10-lNav1 a {
  display: block;
  background-image: url("../img/fullpower10/fullpower10_lnav1_o.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 170px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #content-header #fullpower10-lNav ul li#fullpower10-lNav1 a span,
.tablet #content-header #fullpower10-lNav ul li#fullpower10-lNav1 a span {
  display: block;
  background-image: url("../img/fullpower10/fullpower10_lnav1.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 170px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #content-header #fullpower10-lNav ul li#fullpower10-lNav2 a,
.tablet #content-header #fullpower10-lNav ul li#fullpower10-lNav2 a {
  display: block;
  background-image: url("/img/fullpower10/fullpower10_lnav2_o.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 98px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #content-header #fullpower10-lNav ul li#fullpower10-lNav2 a span,
.tablet #content-header #fullpower10-lNav ul li#fullpower10-lNav2 a span {
  display: block;
  background-image: url("/img/fullpower10/fullpower10_lnav2.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 98px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #content-header #fullpower10-lNav ul li#fullpower10-lNav3 a,
.tablet #content-header #fullpower10-lNav ul li#fullpower10-lNav3 a {
  display: block;
  background-image: url("/img/fullpower10/fullpower10_lnav3_o.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 126px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #content-header #fullpower10-lNav ul li#fullpower10-lNav3 a span,
.tablet #content-header #fullpower10-lNav ul li#fullpower10-lNav3 a span {
  display: block;
  background-image: url("/img/fullpower10/fullpower10_lnav3.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 126px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #content-header #fullpower10-lNav ul li#fullpower10-lNav4 a,
.tablet #content-header #fullpower10-lNav ul li#fullpower10-lNav4 a {
  display: block;
  background-image: url("/img/fullpower10/fullpower10_lnav4_o.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 112px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #content-header #fullpower10-lNav ul li#fullpower10-lNav4 a span,
.tablet #content-header #fullpower10-lNav ul li#fullpower10-lNav4 a span {
  display: block;
  background-image: url("/img/fullpower10/fullpower10_lnav4.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 16px;
  height: 112px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}

.mobile #content-header {
  background-image: url("/img/fullpower10/hero_img@2x_n.jpg");
}
.mobile #content-header h1 {
  display: block;
  background-image: url("/img/fullpower10/title@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 23px;
  height: 94px;
  background-size: 23px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #content-header i {
  display: block;
  background-image: url("/img/fullpower10/title_en@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 41px;
  height: 14px;
  background-size: 41px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #sp-fullpower10-lNav ul:before, .mobile #sp-fullpower10-lNav ul:after {
  content: "";
  display: table;
}
.mobile #sp-fullpower10-lNav ul:after {
  clear: both;
}
.mobile #sp-fullpower10-lNav ul li {
  float: left;
  width: 50%;
  border-top: 2px solid #fff;
}
.mobile #sp-fullpower10-lNav ul li:nth-child(even) {
  border-left: 2px solid #fff;
}
.mobile #sp-fullpower10-lNav ul li a {
  display: block;
  padding: 17px 0 17px 30px;
  background: url("/img/common/icn_arw06@2x.png") 10px 50% no-repeat;
  background-size: 10px;
  background-color: #f5f1eb;
  font-size: 12px;
  font-weight: bold;
}
.mobile #sp-fullpower10-lNav ul li a:link, .mobile #sp-fullpower10-lNav ul li a:visited, .mobile #sp-fullpower10-lNav ul li a:hover, .mobile #sp-fullpower10-lNav ul li a:active {
  color: #333;
  text-decoration: none;
}
.mobile #sp-fullpower10-lNav ul li a:hover {
  color: #333;
  text-decoration: none;
}
.mobile #sp-fullpower10-lNav ul li a.current {
  background-image: url("/img/common/icn_arw07@2x.png");
  background-color: #bea986;
}
.mobile #sp-fullpower10-lNav ul li a.current:link, .mobile #sp-fullpower10-lNav ul li a.current:visited, .mobile #sp-fullpower10-lNav ul li a.current:hover, .mobile #sp-fullpower10-lNav ul li a.current:active {
  color: #fff;
  text-decoration: none;
}
.mobile #sp-fullpower10-lNav ul li a.current:hover {
  color: #fff;
  text-decoration: none;
}

.other #main-content h2,
.tablet #main-content h2 {
  margin-bottom: 30px;
  display: block;
  background-image: url("/img/fullpower10/voice_title.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 170px;
  height: 41px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice,
.tablet #main-content .voice {
  margin-top: 20px;
  padding: 30px;
  border-radius: 5px;
  background-color: #f5f1eb;
}
.other #main-content .voice:before, .other #main-content .voice:after,
.tablet #main-content .voice:before,
.tablet #main-content .voice:after {
  content: "";
  display: table;
}
.other #main-content .voice:after,
.tablet #main-content .voice:after {
  clear: both;
}
.other #main-content .voice figure,
.tablet #main-content .voice figure {
  float: left;
  width: 100px;
  margin-right: 18px;
}
.other #main-content .voice figure figcaption,
.tablet #main-content .voice figure figcaption {
  display: block;
  margin: 8px auto 0;
}
.other #main-content .voice .txt-block,
.tablet #main-content .voice .txt-block {
  overflow: hidden;
}
.other #main-content .voice .txt-block h3,
.tablet #main-content .voice .txt-block h3 {
  margin-bottom: 12px;
}
.other #main-content .voice#voice1 figcaption,
.tablet #main-content .voice#voice1 figcaption {
  display: block;
  background-image: url("/img/fullpower10/voice1_caption.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 72px;
  height: 29px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice1 h3,
.tablet #main-content .voice#voice1 h3 {
  display: block;
  background-image: url("/img/fullpower10/voice1_title.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 386px;
  height: 23px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice1 p,
.tablet #main-content .voice#voice1 p {
  display: block;
  background-image: url("/img/fullpower10/voice1_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 601px;
  height: 181px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice2 figcaption,
.tablet #main-content .voice#voice2 figcaption {
  display: block;
  background-image: url("/img/fullpower10/voice2_caption.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 84px;
  height: 14px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice2 h3,
.tablet #main-content .voice#voice2 h3 {
  display: block;
  background-image: url("/img/fullpower10/voice2_title.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 406px;
  height: 50px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice2 p,
.tablet #main-content .voice#voice2 p {
  display: block;
  background-image: url("/img/fullpower10/voice2_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 602px;
  height: 244px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice3 figcaption,
.tablet #main-content .voice#voice3 figcaption {
  display: block;
  background-image: url("/img/fullpower10/voice3_caption.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 77px;
  height: 29px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice3 h3,
.tablet #main-content .voice#voice3 h3 {
  display: block;
  background-image: url("/img/fullpower10/voice3_title.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 264px;
  height: 50px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice3 p,
.tablet #main-content .voice#voice3 p {
  display: block;
  background-image: url("/img/fullpower10/voice3_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 602px;
  height: 151px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice4 figcaption,
.tablet #main-content .voice#voice4 figcaption {
  display: block;
  background-image: url("/img/fullpower10/voice4_caption.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 76px;
  height: 14px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice4 h3,
.tablet #main-content .voice#voice4 h3 {
  display: block;
  background-image: url("/img/fullpower10/voice4_title.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 302px;
  height: 22px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.other #main-content .voice#voice4 p,
.tablet #main-content .voice#voice4 p {
  display: block;
  background-image: url("/img/fullpower10/voice4_txt.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 602px;
  height: 213px;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}

.mobile #main-content {
  margin: 35px 10px 60px;
}
.mobile #main-content h2 {
  margin: 0 auto 25px;
  display: block;
  background-image: url("/img/fullpower10/voice_title@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 103px;
  height: 18px;
  background-size: 103px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice {
  width: 300px;
  margin: 10px auto 0;
  padding: 15px;
  border-radius: 5px;
  background-color: #f5f1eb;
}
.mobile #main-content .voice:before, .mobile #main-content .voice:after {
  content: "";
  display: table;
}
.mobile #main-content .voice:after {
  clear: both;
}
.mobile #main-content .voice figure {
  float: left;
  width: 60px;
  margin-right: 15px;
}
.mobile #main-content .voice figure figcaption {
  display: block;
  margin: 3px auto 0;
}
.mobile #main-content .voice .txt-block {
  overflow: hidden;
}
.mobile #main-content .voice .txt-block h3 {
  margin-bottom: 10px;
}
.mobile #main-content .voice#voice1 figcaption {
  display: block;
  background-image: url("/img/fullpower10/voice1_caption@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 60px;
  height: 23px;
  background-size: 60px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice1 h3 {
  display: block;
  background-image: url("/img/fullpower10/voice1_title@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 179px;
  height: 27px;
  background-size: 179px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice1 p {
  display: block;
  background-image: url("/img/fullpower10/voice1_txt@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 198px;
  height: 135px;
  background-size: 198px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice2 figcaption {
  display: block;
  background-image: url("/img/fullpower10/voice2_caption@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 63px;
  height: 10px;
  background-size: 63px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice2 h3 {
  display: block;
  background-image: url("/img/fullpower10/voice2_title@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 192px;
  height: 42px;
  background-size: 192px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice2 p {
  display: block;
  background-image: url("/img/fullpower10/voice2_txt@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 196px;
  height: 212px;
  background-size: 196px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice3 figcaption {
  display: block;
  background-image: url("/img/fullpower10/voice3_caption@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 60px;
  height: 23px;
  background-size: 60px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice3 h3 {
  display: block;
  background-image: url("/img/fullpower10/voice3_title@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 143px;
  height: 28px;
  background-size: 143px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice3 p {
  display: block;
  background-image: url("/img/fullpower10/voice3_txt@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 196px;
  height: 135px;
  background-size: 196px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice4 figcaption {
  display: block;
  background-image: url("/img/fullpower10/voice4_caption@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 58px;
  height: 10px;
  background-size: 58px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice4 h3 {
  display: block;
  background-image: url("/img/fullpower10/voice4_title@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 164px;
  height: 12px;
  background-size: 164px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
.mobile #main-content .voice#voice4 p {
  display: block;
  background-image: url("/img/fullpower10/voice4_txt@2x.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  width: 195px;
  height: 181px;
  background-size: 195px auto;
  overflow: hidden;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  outline: none;
}
