@charset "UTF-8";
header .wrap .tel,
#changeHeader .wrap .tel, header .wrap .logo,
#changeHeader .wrap .logo, header .wrap .drawerBox,
#changeHeader .wrap .drawerBox, footer .wrap, footer .wrap .logo, #contact article form#mailformpro.contactTable input, #contact article form#mailformpro.contactTable select, #contact article form#mailformpro.contactTable textarea,
#thanks article form#mailformpro.contactTable input,
#thanks article form#mailformpro.contactTable select,
#thanks article form#mailformpro.contactTable textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

/*****************************************************
    全ての要素をリセット
    各ブラウザの表示を統一するための設定です
*****************************************************/
html {
  overflow-y: scroll; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, p {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  text-align: left; }

img, abbr, acronym, fieldset {
  border: 0; }

li {
  list-style-type: none; }

img {
  vertical-align: middle; }

.line {
  font-size: 1px;
  line-height: 1px; }

table {
  border-collapse: collapse; }

iframe {
  width: 100%;
  height: auto; }

img {
  max-width: 100%; }

body {
  overflow: hidden;
  line-height: 1.5;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 13px;
  -webkit-text-size-adjust: none; }

a {
  text-decoration: none; }

/*****************************************************
    汎用設定
*****************************************************/
.mt0 {
  margin-top: 0   !important; }

.mt5 {
  margin-top: 5px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt15 {
  margin-top: 15px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt25 {
  margin-top: 25px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt35 {
  margin-top: 35px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt45 {
  margin-top: 45px !important; }

.mt50 {
  margin-top: 50px !important; }

.mr0 {
  margin-right: 0   !important; }

.mr5 {
  margin-right: 5px !important; }

.mr10 {
  margin-right: 10px !important; }

.mr15 {
  margin-right: 15px !important; }

.mr20 {
  margin-right: 20px !important; }

.mr25 {
  margin-right: 25px !important; }

.mr30 {
  margin-right: 30px !important; }

.mr35 {
  margin-right: 35px !important; }

.mr40 {
  margin-right: 40px !important; }

.mr45 {
  margin-right: 45px !important; }

.mr50 {
  margin-right: 50px !important; }

.mb0 {
  margin-bottom: 0   !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb45 {
  margin-bottom: 45px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.ml0 {
  margin-left: 0   !important; }

.ml5 {
  margin-left: 5px !important; }

.ml10 {
  margin-left: 10px !important; }

.ml15 {
  margin-left: 15px !important; }

.ml20 {
  margin-left: 20px !important; }

.ml25 {
  margin-left: 25px !important; }

.ml30 {
  margin-left: 30px !important; }

.ml35 {
  margin-left: 35px !important; }

.ml40 {
  margin-left: 40px !important; }

.ml45 {
  margin-left: 45px !important; }

.ml50 {
  margin-left: 50px !important; }

.pt0 {
  padding-top: 0   !important; }

.pt5 {
  padding-top: 5px !important; }

.pt10 {
  padding-top: 10px !important; }

.pt15 {
  padding-top: 15px !important; }

.pt20 {
  padding-top: 20px !important; }

.pt25 {
  padding-top: 25px !important; }

.pt30 {
  padding-top: 30px !important; }

.pt35 {
  padding-top: 35px !important; }

.pt40 {
  padding-top: 40px !important; }

.pt45 {
  padding-top: 45px !important; }

.pt50 {
  padding-top: 50px !important; }

.pr0 {
  padding-right: 0   !important; }

.pr5 {
  padding-right: 5px !important; }

.pr10 {
  padding-right: 10px !important; }

.pr15 {
  padding-right: 15px !important; }

.pr20 {
  padding-right: 20px !important; }

.pr25 {
  padding-right: 25px !important; }

.pr30 {
  padding-right: 30px !important; }

.pr35 {
  padding-right: 35px !important; }

.pr40 {
  padding-right: 40px !important; }

.pr45 {
  padding-right: 45px !important; }

.pr50 {
  padding-right: 50px !important; }

.pb0 {
  padding-bottom: 0   !important; }

.pb5 {
  padding-bottom: 5px !important; }

.pb10 {
  padding-bottom: 10px !important; }

.pb15 {
  padding-bottom: 15px !important; }

.pb20 {
  padding-bottom: 20px !important; }

.pb25 {
  padding-bottom: 25px !important; }

.pb30 {
  padding-bottom: 30px !important; }

.pb35 {
  padding-bottom: 35px !important; }

.pb40 {
  padding-bottom: 40px !important; }

.pb45 {
  padding-bottom: 45px !important; }

.pb50 {
  padding-bottom: 50px !important; }

.pl0 {
  padding-left: 0   !important; }

.pl5 {
  padding-left: 5px !important; }

.pl10 {
  padding-left: 10px !important; }

.pl15 {
  padding-left: 15px !important; }

.pl20 {
  padding-left: 20px !important; }

.pl25 {
  padding-left: 25px !important; }

.pl30 {
  padding-left: 30px !important; }

.pl35 {
  padding-left: 35px !important; }

.pl40 {
  padding-left: 40px !important; }

.pl45 {
  padding-left: 45px !important; }

.pl50 {
  padding-left: 50px !important; }

.tal {
  text-align: left   !important; }

.tac {
  text-align: center !important; }

.tar {
  text-align: right  !important; }

.ls1 {
  letter-spacing: 1em    !important; }

.ls05 {
  letter-spacing: 0.5em  !important; }

.ls045 {
  letter-spacing: 0.45em !important; }

.ls04 {
  letter-spacing: 0.4em  !important; }

.ls035 {
  letter-spacing: 0.35em !important; }

.ls03 {
  letter-spacing: 0.3em  !important; }

.ls025 {
  letter-spacing: 0.25em !important; }

.ls02 {
  letter-spacing: 0.2em  !important; }

.ls015 {
  letter-spacing: 0.15em !important; }

.ls01 {
  letter-spacing: 0.1em  !important; }

.caution {
  color: #e80000; }

/*****************************************************
    共通設定
*****************************************************/
#wrapper {
  width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0px, 0px);
  background-color: #fff;
  border-right: 1px solid #000;
  position: relative;
  z-index: 1500; }

#rightside {
  width: 80%;
  min-height: 100%;
  color: #fff;
  margin: 0 0 0 20%;
  padding: 0 0 30px 0;
  position: fixed;
  top: 0;
  z-index: 1; }
  #rightside #menuclose {
    width: 50%;
    text-align: center;
    margin: 30px auto 0 auto;
    padding: 7px 0 5px 0;
    background-color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px; }
  #rightside #menuclose-icon {
    width: 2px;
    height: 20px;
    margin: 0 auto;
    padding: 0;
    background: #fff;
    display: inline-block;
    position: relative;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg); }
    #rightside #menuclose-icon:before {
      width: 20px;
      height: 2px;
      margin-top: -1px;
      background: #fff;
      display: block;
      content: "";
      position: absolute;
      top: 50%;
      left: -9px; }

.listarrow {
  padding: 8px 30px 8px 10px;
  position: relative; }
  .listarrow:before {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    display: block; }
  .listarrow:after {
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -5px;
    content: "";
    position: absolute;
    top: 50%;
    right: 18px;
    display: block; }

/* ヘッダー */
header,
#changeHeader {
  position: relative;
  z-index: 20;
  text-align: center;
  background-color: white; }
  header .wrap,
  #changeHeader .wrap {
    position: relative;
    display: table;
    width: 100%;
    height: 60px;
    text-align: center;
    border-bottom: 1px solid #362e2b; }
    header .wrap .tel,
    #changeHeader .wrap .tel {
      display: table-cell;
      width: 55px;
      padding: 6px 5px 2px;
      height: 100%;
      border-right: 1px solid #362e2b; }
    header .wrap .logo,
    #changeHeader .wrap .logo {
      display: table-cell;
      padding: 5px;
      height: 50px;
      text-align: center;
      line-height: 50px; }
      header .wrap .logo a,
      #changeHeader .wrap .logo a {
        display: block;
        height: 100%; }
        header .wrap .logo a img,
        #changeHeader .wrap .logo a img {
          width: auto;
          max-height: 50px; }
    header .wrap .drawerBox,
    #changeHeader .wrap .drawerBox {
      position: relative;
      display: table-cell;
      width: 60px;
      height: 60px; }
      header .wrap .drawerBox .menubtn,
      #changeHeader .wrap .drawerBox .menubtn {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        display: block;
        margin: auto;
        width: 60px;
        height: 60px;
        background-color: transparent;
        border-left: 1px solid #362e2b; }
        header .wrap .drawerBox .menubtn p,
        #changeHeader .wrap .drawerBox .menubtn p {
          position: absolute;
          bottom: 0;
          width: 100%;
          color: #f39800;
          text-align: center; }
      header .wrap .drawerBox .menubtn-icon,
      #changeHeader .wrap .drawerBox .menubtn-icon {
        position: absolute;
        top: 37%;
        left: 0;
        right: 0;
        margin: auto;
        display: block;
        width: 30px;
        height: 4px;
        background: #f39800;
        transition: 0s;
        border-radius: 10px; }
        header .wrap .drawerBox .menubtn-icon:before, header .wrap .drawerBox .menubtn-icon:after,
        #changeHeader .wrap .drawerBox .menubtn-icon:before,
        #changeHeader .wrap .drawerBox .menubtn-icon:after {
          width: 30px;
          height: 4px;
          background: #f39800;
          transition: .3s;
          content: "";
          visibility: visible;
          position: absolute;
          top: 50%;
          left: 0;
          display: block;
          border-radius: 10px; }
        header .wrap .drawerBox .menubtn-icon:before,
        #changeHeader .wrap .drawerBox .menubtn-icon:before {
          margin-top: -12px; }
        header .wrap .drawerBox .menubtn-icon:after,
        #changeHeader .wrap .drawerBox .menubtn-icon:after {
          margin-top: 8px; }
      header .wrap .drawerBox .menubtn-icon.close,
      #changeHeader .wrap .drawerBox .menubtn-icon.close {
        background: transparent !important; }
      header .wrap .drawerBox .menubtn-icon.close:before, header .wrap .drawerBox .menubtn-icon.close:after,
      #changeHeader .wrap .drawerBox .menubtn-icon.close:before,
      #changeHeader .wrap .drawerBox .menubtn-icon.close:after {
        margin-top: 0 !important; }
      header .wrap .drawerBox .menubtn-icon.close:before,
      #changeHeader .wrap .drawerBox .menubtn-icon.close:before {
        transform: rotate(-45deg) !important;
        -webkit-transform: rotate(-45deg) !important; }
      header .wrap .drawerBox .menubtn-icon.close:after,
      #changeHeader .wrap .drawerBox .menubtn-icon.close:after {
        transform: rotate(-135deg) !important;
        -webkit-transform: rotate(-135deg) !important; }

#changeHeader {
  display: none;
  position: fixed;
  top: 100px;
  left: 0px;
  padding: 0;
  width: 100%;
  height: 60px;
  z-index: 9999; }
  #changeHeader .wrap {
    position: relative;
    height: 100%;
    text-align: center;
    border-bottom: 1px solid #362e2b; }

.headfixed {
  top: 0px !important;
  display: block !important; }

.footfixed {
  display: block !important; }

.headopen {
  top: 0px !important;
  display: block !important; }

.footopen {
  bottom: 0px !important;
  display: block !important; }

#headmenu {
  overflow: hidden;
  display: table;
  table-layout: fixed;
  width: 100%;
  text-align: center; }

#headmenu li {
  display: table-cell;
  border-right: 1px dotted #fff;
  background-color: #0a2b59;
  vertical-align: middle; }

#headmenu li:first-child {
  width: 13%; }

#headmenu li:first-child(2), #headmenu li:first-child(3), #headmenu li:first-child(4) {
  width: 25%; }

#headmenu li:last-child {
  width: 12%;
  border-right: none; }

#headmenu li a {
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  padding: 5px 0;
  display: block; }

#headmenu li a img {
  margin: 0;
  width: 60%; }

#headtext {
  width: 95%;
  text-align: center;
  color: #A60004;
  margin: 8px auto; }

.menu li,
.menu .bigcategory {
  text-align: left;
  color: #000;
  border-bottom: 1px solid #D3D3D3;
  padding: 8px 0 8px 10px;
  position: relative; }
  .menu li img,
  .menu .bigcategory img {
    height: 36px; }
.menu li a {
  display: block; }
.menu li:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 8px;
  height: 8px;
  margin: -4px 0 0 0;
  border-top: solid 2px #313131;
  border-right: solid 2px #313131;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.bigcategory {
  padding-left: 20px; }

.bigcategory.close .icon .plus {
  background-color: #fff; }

.icon {
  width: 20px;
  height: 20px;
  background-color: #313131;
  position: absolute;
  margin: -10px 0 0 0;
  top: 50%;
  right: 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px; }

.plus {
  width: 2px;
  height: 10px;
  font-size: 10px;
  margin: 0 0 0 -1px;
  position: relative;
  background-color: #313131;
  top: 5px;
  left: 50%; }

.plus::before {
  width: 10px;
  height: 2px;
  content: "";
  background-color: #fff;
  position: absolute;
  top: 4px;
  left: -4px; }

.categorylist {
  text-align: left;
  display: none; }

.categorylist li a {
  background-color: #F6F6F6;
  border-bottom: 1px solid #D3D3D3;
  padding: 8px 0 8px 30px;
  position: relative;
  display: block; }

.categorylist li a:before {
  background: #313131; }

.categorylist li a:after {
  background: #F6F6F6; }

header .searcharea form,
#changeHeader .searcharea form {
  padding: 10px 0;
  text-align: center; }

header .searcharea form input,
#changeHeader .searcharea form input {
  margin: 0;
  padding: 7px 5px 9px;
  width: 80%;
  height: 34px;
  vertical-align: middle;
  border: 1px solid #959595;
  -webkit-border-radius: 3px 0 0 3px / 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px / 3px 0 0 3px;
  border-radius: 3px 0 0 3px / 3px 0 0 3px; }

header .searcharea form button,
#changeHeader .searcharea form button {
  overflow: visible;
  margin: 0 0 0 -6px;
  padding: 5px 5px 5px;
  height: 34px;
  vertical-align: middle;
  background-color: #dcdcdc;
  border: 1px solid #959595;
  -webkit-border-radius: 0 3px 3px 0 / 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0 / 0 3px 3px 0;
  border-radius: 0 3px 3px 0 / 0 3px 3px 0;
  cursor: pointer; }

header .searcharea form button:hover,
#changeHeader .searcharea form button:hover {
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8; }

header .searcharea form {
  background-color: #0a2b59; }

#headmenu li span .countNum,
#changeFooter li span .countNum,
#headmenu li a .countNum,
#changeFooter li a .countNum {
  display: inline-block;
  margin-left: 5px;
  width: 20px;
  height: 20px;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background: #e60012;
  border-radius: 50%; }

#changeFooter {
  display: none;
  position: fixed;
  left: 0px;
  width: 100%;
  z-index: 9999;
  bottom: 0;
  background: #f39700;
  background: -moz-linear-gradient(top, #f39700 0%, #eb6100 100%);
  background: -webkit-linear-gradient(top, #f39700 0%, #eb6100 100%);
  background: linear-gradient(to bottom, #f39700 0%, #eb6100 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39700', endColorstr='#eb6100',GradientType=0 ); }
  #changeFooter ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    /*
    		.booking a,
    		.tel a {
    			border: 2px solid #FFF;
    			color: #FFF;
    			border-radius: 4px;
    			-moz-border-radius: 4px;
    			-webkit-border-radius: 4px;
    			-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    			-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
    			text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    		}
    		.booking a {
    			background: -moz-linear-gradient(top,#f39700 0%,#ec6403);
    			background: -webkit-gradient(linear, left top, left bottom, from(#f39700), to(#ec6403));
    		}
    		.tel a {
    			background: -moz-linear-gradient(top,#f37e00 0%,#ec0503);
    			background: -webkit-gradient(linear, left top, left bottom, from(#f37e00), to(#ec0503));
    		}
    */ }
    #changeFooter ul li {
      display: table-cell;
      padding: 10px;
      border-top: 1px solid #bfbfbf; }
      #changeFooter ul li a {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
        text-decoration: none; }
      #changeFooter ul li:last-child {
        border-left: 1px solid #bfbfbf; }

#container {
  margin-top: -60px; }

article {
  background-color: #fff; }
  article .ttl {
    margin-bottom: 40px;
    height: 110px;
    text-align: center;
    line-height: 110px;
    background: url("../images/common/bg_contents_title.jpg") repeat-x center top;
    background-size: auto 100%; }

section {
  margin-bottom: 50px; }
  section h2 {
    margin-bottom: 20px;
    text-align: center; }

/*****************************************************
    パンくず設定
*****************************************************/
#topicPath {
  padding: 10px;
  border-bottom: 1px solid #fff; }
  #topicPath ol li {
    display: inline;
    font-size: 1em; }
    #topicPath ol li a {
      display: inline-block;
      margin-right: 5px; }
    #topicPath ol li strong {
      font-size: 1em;
      font-weight: normal; }

/*****************************************************
    フッター
*****************************************************/
footer {
  margin-top: -50px;
  text-align: center;
  background-color: #b5d568; }
  footer .wrap {
    margin: 0 auto;
    padding: 40px 0 20px;
    width: 90%; }
    footer .wrap .logo {
      text-align: center;
      /*
      			float: left;
      			margin-bottom: 20px;
      			width: 55%;
      			text-align: center;
      */ }
  footer ul {
    display: inline-block; }
    footer ul li {
      display: inline;
      margin-right: 20px;
      padding-left: 10px;
      font-size: 1em;
      background: url("../images/icon_arrow.png") no-repeat left center; }
      footer ul li a {
        color: #fff; }
  footer address {
    padding: 10px 0;
    text-align: center; }

#mainTitleBox {
  margin-bottom: 30px;
  height: 150px;
  line-height: 150px;
  background: url(../images/common/bg_main_sub.jpg) no-repeat center top;
  background-size: auto 100%; }
  #mainTitleBox .wrap {
    height: 100%;
    background: url(../images/common/musk_title.png) repeat left top; }
    #mainTitleBox .wrap h1 {
      text-align: center; }

article {
  padding-top: 60px;
  /* よくあるご質問設定 */ }
  article .infoBox,
  article section {
    margin-bottom: 50px; }
  article h1 {
    margin-bottom: 20px;
    padding: 0 40px; }
  article .infoBox {
    padding: 25px 10px;
    background-color: #91c423; }
    article .infoBox dl {
      text-align: center; }
      article .infoBox dl dt {
        margin-bottom: 10px;
        text-align: center; }
        article .infoBox dl dt span {
          display: block;
          margin-top: 10px; }
        article .infoBox dl dt img {
          width: auto;
          height: auto; }
      article .infoBox dl dd {
        margin-bottom: 0;
        font-family: 'HiraKakuProN-W3','メイリオ';
        font-size: 1.6em;
        color: #fff; }
        @media screen and (min-width: 480px) {
          article .infoBox dl dd {
            display: inline-block; } }
        @media screen and (min-width: 480px) {
          article .infoBox dl dd:nth-child(3) {
            margin-left: 20px; } }
        article .infoBox dl dd small {
          font-size: 0.6em; }
        article .infoBox dl dd .num {
          font-family: 'STHeitiJ-Light'; }
        article .infoBox dl dd .end {
          color: #999; }
        @media screen and (max-width: 320px) {
          article .infoBox dl dd .br {
            display: block;
            margin-left: 6em; } }
    article .infoBox .cap {
      margin-bottom: 10px;
      text-align: center; }
      article .infoBox .cap span {
        display: block;
        margin-top: 10px; }
      article .infoBox .cap img {
        width: auto;
        height: auto; }
    article .infoBox .note {
      margin-top: 10px;
      text-align: center; }
  article .textBox {
    margin: 20px 0;
    padding: 0 20px;
	}
  article #mainView {
    position: relative;
    z-index: 0;
    width: 100%;
    line-height: inherit;
    background-image: none; }
    @media screen and (min-width: 480px) {
      article #mainView {
        line-height: inherit; } }
    article #mainView #catch {
      position: relative;
      z-index: 5; }
    article #mainView #sliderBox {
      /*次矢印のアイコンフォント*/
      /*前矢印のアイコンフォント*/ }
      article #mainView #sliderBox .sp-slide iframe {
        width: 100%;
        height: auto;
        min-height: 220px; }
      article #mainView #sliderBox .sp-fade-arrows {
        opacity: 1; }
      article #mainView #sliderBox .sp-arrow {
        position: absolute;
        display: block;
        width: auto;
        height: auto;
        cursor: pointer;
        z-index: 35; }
      article #mainView #sliderBox .sp-horizontal .sp-previous-arrow {
        left: 5px; }
      article #mainView #sliderBox .sp-horizontal .sp-next-arrow {
        right: 5px; }
      article #mainView #sliderBox .sp-next-arrow:before {
        content: ' ' !important;
        display: block;
        background: url(../images/common/btn_next.png) no-repeat left top;
        background-size: 100%;
        text-indent: -9999px;
        width: 36px;
        height: 36px; }
      article #mainView #sliderBox .sp-previous-arrow:before {
        content: ' ' !important;
        display: block;
        background: url(../images/common/btn_prev.png) no-repeat left top;
        background-size: 100%;
        text-indent: -9999px;
        width: 36px;
        height: 36px; }
      article #mainView #sliderBox .sp-next-arrow:before {
        right: 30%;
        top: 0;
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg); }
      article #mainView #sliderBox .sp-previous-arrow:before {
        left: 30%;
        top: 0;
        -webkit-transform: skew(0deg, 0deg);
        -ms-transform: skew(0deg, 0deg);
        transform: skew(0deg, 0deg); }
      article #mainView #sliderBox .sp-next-arrow:hover,
      article #mainView #sliderBox .sp-previous-arrow:hover {
        opacity: 0.7;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s; }
      article #mainView #sliderBox .sp-buttons {
        position: relative;
        width: 100%;
        text-align: center;
        padding-top: 0;
        margin-top: -15px; }
      article #mainView #sliderBox .sp-button {
        width: 30px;
        height: 4px;
        border: 2px solid #d2d2d2;
        border-radius: 0;
        margin: 4px;
        display: inline-block;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer; }
      article #mainView #sliderBox .sp-selected-button {
        border: 2px solid #f39800;
        background-color: #f39800; }
  article .campaignTtl {
    padding: 10px;
    padding-bottom: 15px;
    text-align: center;
    background: #EB6100;
  }
  article .campaignTtl img {
    height: 20px;
  }
  article .campaignSummary {
    padding: 10px;
    padding-bottom: 15px;
    text-align: center;
    background: #F39800;
  }
  article .campaignSummary img {
    width: 90%;
  }
  article #reason ul {
    padding: 0 20px; }
    article #reason ul li {
      margin-bottom: 40px;
      text-align: center; }
  article #questionnaire .wrap {
    margin-bottom: 40px;
    padding: 20px 0;
    text-align: center;
    background-color: #a6ddf7; }
  article #questionnaire ul li {
    margin-bottom: 60px; }
    article #questionnaire ul li dl {
      text-align: center; }
      article #questionnaire ul li dl dt {
        margin-bottom: 20px; }
  article #trouble .wrap {
    background-color: #91c423; }
  article #trouble ol li {
    text-align: center;
    background-color: #fff; }
  article #faq .wrap {
    margin-top: -50px;
    padding: 20px 0;
    text-align: center;
    background-color: #a6ddf7; }
  article #faq ul {
    padding-top: 20px; }
    article #faq ul li {
      margin-bottom: 30px;
      border-bottom: 1px solid #ddd; }
      article #faq ul li dl {
        line-height: 150%; }
        article #faq ul li dl dt {
          margin-bottom: 20px;
          padding: 0 30px 10px 50px;
          font-size: 1.2em;
          line-height: 1.8;
          text-align: left;
          background: url("../images/icon_q.png") no-repeat 10px 0, url("../images/icon_plus.png") no-repeat 98% 0;
          background-size: 33px auto, auto auto;
          cursor: pointer; }
          @media screen and (min-width: 480px) {
            article #faq ul li dl dt {
              padding: 0 40px 10px 55px;
              background-size: 35px auto, auto auto; } }
        article #faq ul li dl .active {
          background: url("../images/icon_q.png") no-repeat 10px 0, url("../images/icon_minus.png") no-repeat 98% 0;
          background-size: 33px auto, auto auto; }
          @media screen and (min-width: 480px) {
            article #faq ul li dl .active {
              background-size: 35px auto, auto auto; } }
        article #faq ul li dl dd {
          display: none;
          padding: 20px 10px 20px 50px;
          background: url("../images/icon_a.png") no-repeat 10px 20px;
          background-size: 33px auto;
          background-color: #e9f3d2; }
          @media screen and (min-width: 480px) {
            article #faq ul li dl dd {
              padding: 0 0 10px 55px;
              background-size: 35px auto, auto auto; } }
          article #faq ul li dl dd ul {
            margin-left: 20px; }
            article #faq ul li dl dd ul li {
              margin-bottom: 10px;
              padding: 0;
              list-style-position: outside;
              list-style-type: disc;
              border: none; }
              article #faq ul li dl dd ul li span {
                display: block; }
              article #faq ul li dl dd ul li em {
                display: block; }
  article #voices .interview {
    padding: 30px 0;
    background-color: #c0e7fa; }
    article #voices .interview h2 {
      margin-bottom: 50px;
      padding: 0 40px;
      text-align: center; }
    article #voices .interview .movieBox {
      margin: 0 auto;
      width: 90%; }
  article #voices .voiceBox {
    background: url("../images/bg_gra.png") repeat-x left bottom; }
    article #voices .voiceBox p {
      text-align: center; }
  article #briefing .btnBox {
    text-align: center; }
  article #briefing .experience .btnBox {
    margin: 50px 0 70px; }
    article #briefing .consultation .btnBox {
      margin: 50px 0 100px; }
  article #guidance ul li {
    margin: 0 auto 40px;
    width: 80%; }
    article #guidance ul li .capture {
      margin: 0 auto 20px; }
      article #guidance ul li .capture img {
        border: 1px solid #d2d2d2; }
    article #guidance ul li dl dt {
      margin-bottom: 10px;
      font-size: 1.4em;
      color: #8fc31f; }
    article #guidance ul li dl dd a {
      color: #00b7ee; }

/*****************************************************
    お問い合わせページ設定
*****************************************************/
#contact form#mailformpro dl dt,
#thanks form#mailformpro dl dt {
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  width: auto;
  font-size: inherit;
  text-align: left;
  border-top: none; }
#contact form#mailformpro dl dd,
#thanks form#mailformpro dl dd {
  margin: 0;
  padding: 0;
  font-size: inherit;
  text-align: left;
  line-height: inherit;
  border-top: none; }
#contact form#mailformpro label,
#thanks form#mailformpro label {
  width: 47%; }
#contact form#mailformpro label.mfp_not_checked,
#thanks form#mailformpro label.mfp_not_checked {
  padding: 0;
  border: none; }
#contact form#mailformpro label.mfp_checked,
#thanks form#mailformpro label.mfp_checked {
  padding: 0;
  border: none;
  background-color: inherit;
  box-shadow: initial; }
#contact div#mfp_overlay_background,
#thanks div#mfp_overlay_background {
  height: 100% !important; }
#contact div#mfp_overlay,
#thanks div#mfp_overlay {
  bottom: 10% !important;
  width: 100%; }
#contact .mfp_element_text,
#contact .mfp_element_number,
#contact .mfp_element_select-one,
#contact .mfp_element_email,
#contact .mfp_element_tel,
#contact .mfp_element_textarea,
#thanks .mfp_element_text,
#thanks .mfp_element_number,
#thanks .mfp_element_select-one,
#thanks .mfp_element_email,
#thanks .mfp_element_tel,
#thanks .mfp_element_textarea {
  border: none;
  border-radius: inherit;
  box-shadow: inherit;
  padding: 0;
  margin: 0;
  vertical-align: inherit; }
#contact div.mfp_ok,
#thanks div.mfp_ok {
  display: none !important; }
#contact article .inner,
#thanks article .inner {
  padding: 0 10px; }
#contact article .subCap,
#thanks article .subCap {
  border: 1px solid #d2d2d2; }
#contact article .info,
#thanks article .info {
  margin: 20px 0 40px;
  background: url("../images/contact_icon_mail.png") no-repeat 0 top;
  background-size: 40px auto; }
  #contact article .info h2,
  #thanks article .info h2 {
    margin-bottom: 20px;
    padding: 10px 0 0 50px;
    text-align: left; }
  #contact article .info ul li,
  #thanks article .info ul li {
    margin: 0 0 5px 1em;
    text-indent: -1em; }
#contact article form#mailformpro.contactTable input, #contact article form#mailformpro.contactTable select, #contact article form#mailformpro.contactTable textarea,
#thanks article form#mailformpro.contactTable input,
#thanks article form#mailformpro.contactTable select,
#thanks article form#mailformpro.contactTable textarea {
  padding: 10px !important;
  width: 100% !important;
  border: 1px solid #ccc !important;
  border-radius: 5px; }
#contact article form#mailformpro.contactTable textarea,
#thanks article form#mailformpro.contactTable textarea {
  height: 120px !important; }
#contact article form#mailformpro.contactTable select.problem,
#thanks article form#mailformpro.contactTable select.problem {
  background-color: #f97676 !important; }
#contact article form#mailformpro.contactTable .normal input, #contact article form#mailformpro.contactTable .normal select, #contact article form#mailformpro.contactTable .normal textarea,
#thanks article form#mailformpro.contactTable .normal input,
#thanks article form#mailformpro.contactTable .normal select,
#thanks article form#mailformpro.contactTable .normal textarea {
  width: auto !important; }
#contact article form#mailformpro.contactTable dl,
#thanks article form#mailformpro.contactTable dl {
  margin-bottom: 20px; }
  #contact article form#mailformpro.contactTable dl dt,
  #thanks article form#mailformpro.contactTable dl dt {
    margin-bottom: 10px;
    padding: 0 0 5px;
    border-bottom: 1px solid #ddd; }
  #contact article form#mailformpro.contactTable dl dd ul li,
  #thanks article form#mailformpro.contactTable dl dd ul li {
    display: inline; }
  #contact article form#mailformpro.contactTable dl dd em span,
  #thanks article form#mailformpro.contactTable dl dd em span {
    display: block; }
    @media screen and (min-width: 480px) {
      #contact article form#mailformpro.contactTable dl dd em span,
      #thanks article form#mailformpro.contactTable dl dd em span {
        display: inline; } }
#contact article form#mailformpro.contactTable .radio label,
#thanks article form#mailformpro.contactTable .radio label {
  margin-right: 40px;
  border: none; }
#contact article form#mailformpro.contactTable .radio .mfp_checked,
#thanks article form#mailformpro.contactTable .radio .mfp_checked {
  background-color: transparent; }
#contact article form#mailformpro.contactTable .lv02 .sizeS,
#thanks article form#mailformpro.contactTable .lv02 .sizeS {
  width: 100% !important; }
#contact article form#mailformpro.contactTable .lv02 label,
#thanks article form#mailformpro.contactTable .lv02 label {
  margin-right: 2%;
  width: 46%; }
#contact article form#mailformpro.contactTable input[type="radio"],
#thanks article form#mailformpro.contactTable input[type="radio"] {
  position: relative;
  -webkit-appearance: button;
  appearance: button;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 24px !important;
  height: 24px;
  content: "";
  background-color: #fff;
  border: 1px solid #999;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  -webkit-box-shadow: inset 4px 4px 10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 4px 4px 10px rgba(0, 0, 0, 0.2);
  margin-right: 5px;
  vertical-align: -webkit-baseline-middle;
  vertical-align: baseline-middle;
  cursor: pointer; }
#contact article form#mailformpro.contactTable input[type="radio"]:checked:after,
#thanks article form#mailformpro.contactTable input[type="radio"]:checked:after {
  display: block;
  position: absolute;
  top: 5px;
  left: 5px;
  content: "";
  width: 12px;
  height: 12px;
  background: #333;
  -webkit-border-radius: 12px;
  border-radius: 12px; }
#contact article form#mailformpro.contactTable select,
#thanks article form#mailformpro.contactTable select {
  -webkit-appearance: none;
  display: block;
  height: 40px;
  padding: 4px 0 4px 7px;
  background: url("../images/btn_contact_select.png") no-repeat right center;
  background-size: contain; }
#contact article form#mailformpro.contactTable .hide,
#thanks article form#mailformpro.contactTable .hide {
  display: none; }
#contact article form#mailformpro.contactTable .caution,
#thanks article form#mailformpro.contactTable .caution {
  color: #f00; }
#contact article form#mailformpro.contactTable em,
#thanks article form#mailformpro.contactTable em {
  display: block;
  padding-left: 1em;
  text-indent: -1em; }
#contact article form#mailformpro.contactTable .required,
#thanks article form#mailformpro.contactTable .required {
  padding-left: 50px;
  background: url("../images/icon_required.png") no-repeat left 5px; }
#contact article form#mailformpro.contactTable #tr2 dd em span,
#thanks article form#mailformpro.contactTable #tr2 dd em span {
  display: block; }
  @media screen and (min-width: 480px) {
    #contact article form#mailformpro.contactTable #tr2 dd em span,
    #thanks article form#mailformpro.contactTable #tr2 dd em span {
      display: inline; } }
#contact article form#mailformpro.contactTable .agreeBox,
#thanks article form#mailformpro.contactTable .agreeBox {
  margin: 0 auto; }
  #contact article form#mailformpro.contactTable .agreeBox .textBox,
  #thanks article form#mailformpro.contactTable .agreeBox .textBox {
    overflow-y: scroll;
    margin: 20px auto;
    padding: 10px !important;
    height: 150px;
    border: 1px solid #ccc !important; }
    #contact article form#mailformpro.contactTable .agreeBox .textBox .formTit,
    #thanks article form#mailformpro.contactTable .agreeBox .textBox .formTit {
      margin-bottom: 10px;
      font-weight: bold; }
    #contact article form#mailformpro.contactTable .agreeBox .textBox .termBox h2,
    #thanks article form#mailformpro.contactTable .agreeBox .textBox .termBox h2 {
      margin-bottom: 20px;
      text-align: center; }
    #contact article form#mailformpro.contactTable .agreeBox .textBox #terms00,
    #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms00 {
      margin: 40px auto 50px; }
    #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01,
    #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 {
      margin: 0 auto 50px; }
      #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01 h2,
      #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 h2 {
        margin-bottom: 10px;
        padding: 0 0 10px 5px;
        text-align: left;
        font-size: 1.2em;
        background: url("../images/bg_cap_border.png") no-repeat left bottom; }
      #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list,
      #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list {
        margin: 0 20px; }
        #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list ol,
        #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list ol {
          margin: 0 0 50px 30px; }
          #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list ol li,
          #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list ol li {
            margin-bottom: 50px;
            text-align: left; }
      #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list li ol li,
      #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list li ol li ol li,
      #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list li ol li,
      #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list li ol li ol li {
        list-style-type: decimal;
        margin-bottom: 20px; }
      #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list li ol li ol,
      #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list li ol li ol {
        margin-top: 10px; }
      #contact article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list li ol li ol li,
      #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms01 .list li ol li ol li {
        list-style-type: decimal-leading-zero;
        margin-bottom: 5px; }
    #contact article form#mailformpro.contactTable .agreeBox .textBox #terms02,
    #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms02 {
      margin: 0 auto 50px; }
      #contact article form#mailformpro.contactTable .agreeBox .textBox #terms02 h3,
      #thanks article form#mailformpro.contactTable .agreeBox .textBox #terms02 h3 {
        margin-bottom: 10px;
        font-size: 1.2em; }
  #contact article form#mailformpro.contactTable .agreeBox .btnBox dl,
  #thanks article form#mailformpro.contactTable .agreeBox .btnBox dl {
    margin: 10px 0 20px; }
    #contact article form#mailformpro.contactTable .agreeBox .btnBox dl dt,
    #thanks article form#mailformpro.contactTable .agreeBox .btnBox dl dt {
      float: left;
      margin: 0;
      padding: 0;
      width: 70px;
      text-align: left;
      font-weight: bold;
      border: none; }
    #contact article form#mailformpro.contactTable .agreeBox .btnBox dl dd,
    #thanks article form#mailformpro.contactTable .agreeBox .btnBox dl dd {
      margin-left: 70px; }
  #contact article form#mailformpro.contactTable .agreeBox .btnBox .btn,
  #thanks article form#mailformpro.contactTable .agreeBox .btnBox .btn {
    margin-bottom: 25px;
    text-align: center; }
    #contact article form#mailformpro.contactTable .agreeBox .btnBox .btn label,
    #thanks article form#mailformpro.contactTable .agreeBox .btnBox .btn label {
      display: block;
      margin: 0 auto;
      padding: 10px;
      width: 230px;
      border: 1px solid #ccc; }
    #contact article form#mailformpro.contactTable .agreeBox .btnBox .btn input,
    #thanks article form#mailformpro.contactTable .agreeBox .btnBox .btn input {
      width: auto !important; }
  #contact article form#mailformpro.contactTable .agreeBox .btnBox label,
  #thanks article form#mailformpro.contactTable .agreeBox .btnBox label {
    display: block;
    margin: 0 auto;
    padding: 10px;
    width: 230px;
    border: 1px solid #ccc; }
  #contact article form#mailformpro.contactTable .agreeBox .btnBox .comment,
  #thanks article form#mailformpro.contactTable .agreeBox .btnBox .comment {
    text-align: center; }
#contact article form#mailformpro.contactTable .mfp_buttons,
#thanks article form#mailformpro.contactTable .mfp_buttons {
  position: relative;
  margin: 20px 0;
  padding: 14.28571% 0 0;
  width: 100%;
  height: 100%;
  text-align: center; }
  #contact article form#mailformpro.contactTable .mfp_buttons input,
  #thanks article form#mailformpro.contactTable .mfp_buttons input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: url("../images/btn_submit.png") no-repeat center top;
    border: none !important;
    background-size: contain; }

#contact #changeFooter ul li {
  padding: 0; }
  #contact #changeFooter ul li a {
    width: 170px; }

#thanks article .info {
  margin-bottom: 100px; }
  #thanks article .info h2 {
    margin: 0 10px 50px;
    text-align: left; }

#mfp_overlay_inner {
  width: auto !important; }

#mfp_confirm_table tr th {
  width: auto !important; }

/*****************************************************
    clearfix
*****************************************************/
#container .inner:after,
#newsList li a:after,
.tubepress_container:after,
.tubepress_thumbnail_area:after,
.clear:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

* html #container .inner,
* html #newsList li a,
* html .tubepress_container,
* html .tubepress_thumbnail_area,
* html .clear {
  /* IE6 */
  zoom: 1; }

*:first-child + html #container .inner,
*:first-child + html #newsList li a,
*:first-child + html .tubepress_container,
*:first-child + html .tubepress_thumbnail_area,
*:first-child + html .clear {
  /* IE7 */
  zoom: 1; }


/* ============================
page_lisence
/* ============================ */

/* layout */
.page_lisence-cts {margin-bottom: 40px;}

/* individual */
.page_lisence-cts h2 {margin: 20px 0 10px !important;}
.page_lisence-cts section {
  margin-top: 10px;
  padding-bottom: 10px;
}
.page_lisence-cts section .box {
  margin-top: 15px;
  padding: 0 20px;
}
.page_lisence-cts section .block_trial {
  margin-top: 15px;
}
.page_lisence-cts .block_target {margin-top: 10px;}
.page_lisence-cts .ele_btn {
  width: 80%;
  margin: 0 auto 20px;
}
.page_lisence-cts .block_target {
  padding: 15px;
  border: #ddd solid 5px;
}
.page_lisence-cts .block_target dt {
  font-size: 16px;
  font-weight: bold;
  color: #96ba1a;
}
.page_lisence-cts .block_target dd {
  margin-left: 15px;
  display: list-item;
  list-style: disc outside;
}

/* add */

#briefing {
  margin-bottom: 0 !important;
}

.multiHead,
.singleHead,
.multi,
.single {padding: 0 20px 20px;}

.multiHead img,
.singleHead img {margin-bottom: 10px;}

.multiHead {margin-bottom: 30px;}
.singleHead {margin-bottom: 20px;}

.multi p {margin-bottom: 20px;}

.multiHead ul {
  width: 100%;
  margin-top: 10px;
  display: table;
}
.multiHead li {
  width: 50%;
  display: table-cell;
  text-align: center;
}
.multiHead li:first-child {
  padding-right: 4px;
}
.multiHead li:last-child {
  padding-left: 4px;
}
.multiHead li span {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  color: #fff;
  display: block;
  border-radius: 6px;
  background: #34A644;
}


.multi h2 {
  padding: 10px;
  border-top: #34A644 solid 2px;
  line-height: 1;
  text-align: center;
  color: #34A644;
  background: #E7F0D1;
}

.multi dt {
  padding: 5px 10px;
  font-weight: bold;
  color: #34A644;
  background: #FEFDE1;
}
.multi dd {
  margin-bottom: 10px;
  padding: 5px 10px;
}

.singleHead ul {
  width: 100%;
  margin-top: 10px;
  display: table;
}
.singleHead li {
  width: 50%;
  text-align: center;
  display: table-cell;
}
.singleHead li:first-child {
  padding-right: 4px;
}
.singleHead li:last-child {
  padding-left: 4px;
}
.singleHead li span {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  color: #fff;
  display: block;
  border-radius: 6px;
  background: #00B7EE;
}

.single h2 {
  padding: 10px;
  border-top: #00B7EE solid 2px;
  line-height: 1;
  text-align: center;
  color: #00B7EE;
  background: #D5EDF9;
}

.single dt {
  padding: 5px 10px;
  font-weight: bold;
  color: #00B7EE;
  background: #FEFDE1;
}
.single dd {
  margin-bottom: 10px;
  padding: 5px 10px;
}

.logo img {height: 40px;}