@charset "UTF-8";
/* Root Styles */
body {
  color: #000000;
  margin: 0;
  padding: 0;
  line-height: 160%;
  font-size: 13px;
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "ヒラギノ角ゴ Pro W6";
  background: url(../img/sma/body-background.gif) center;
  background-color: none;
}
header,
nav,
section,
article,
hgroup,
footer,
figure,
figcaption,
menu {
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
input,
textarea {
  margin: 0;
  padding: 0;
  font-size: 100%;
}
li {
  list-style: none;
}
img {
  display: inline-block;
  border: 0;
  margin: 0;
  padding: 0;
}
form {
  margin: 0;
  padding: 0;
}
label {
  margin: 0;
}
a:link {
  text-decoration: none;
  outline: none;
}
a:visited {
  text-decoration: none;
  outline: none;
}
a:hover,
a:active {
  text-decoration: none;
  outline: none;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: 1px solid #fcb503;
  color: #000000;
  background: #ffffff;
  vertical-align: middle;
  padding: 5px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th {
  color: #ffffff;
  background-color: #471fb2;
  text-align: center;
}
.table > thead > tr > td.top-align,
.table > tbody > tr > td.top-align,
.table > tfoot > tr > td.top-align {
  vertical-align: top;
}
.table > thead > tr > td.bottom-align,
.table > tbody > tr > td.bottom-align,
.table > tfoot > tr > td.bottom-align {
  vertical-align: bottom;
}
.table > thead > tr > th {
  border-bottom: 2px solid #fcb503;
  background-color: #471fb2;
}
.table > tbody + tbody {
  border-top: 2px solid #fcb503;
}
.table-bordered {
  border: 1px solid #fcb503;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #fcb503;
}
.jumbotron {
  color: inherit;
  background-color: #fffafa;
}
.jumbotron p {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 16px;
}
.container {
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
}
.panel-funity {
  border-color: #fcb503;
}
.panel-funity > .panel-heading {
  color: #000000;
  background-color: #fcb503;
  border-color: #fcb503;
}
.panel-funity > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #fcb503;
}
.panel-funity > .panel-heading .badge {
  color: #fcb503;
  background-color: #000000;
}
.panel-funity > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #fcb503;
}
.panel {
  margin-bottom: 4px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
  border-color: #fcb503;
  padding: 5px 12px;
}
.panel > .list-group .list-group-head,
.panel > .panel-collapse > .list-group .list-group-head {
  border-width: 1px 0;
  border-radius: 0;
  border-color: #fcb503;
  padding: 5px 12px;
  background: #3a2173;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-group .panel {
  margin-bottom: 5px;
}
.panel-title {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.btn-funity {
  color: #000000;
  background-color: #fcb503;
  border-color: #fcb503;
}
.btn-funity:hover,
.btn-funity:focus,
.btn-funity:active,
.btn-funity.active,
.open > .dropdown-toggle.btn-funity {
  color: #000000;
  background-color: #e5a502;
  border-color: #fcb503;
}
.btn-funity:active,
.btn-funity.active,
.open > .dropdown-toggle.btn-funity {
  background-image: none;
}
.btn-funity.disabled,
.btn-funity[disabled],
fieldset[disabled] .btn-funity,
.btn-funity.disabled:hover,
.btn-funity[disabled]:hover,
fieldset[disabled] .btn-funity:hover,
.btn-funity.disabled:focus,
.btn-funity[disabled]:focus,
fieldset[disabled] .btn-funity:focus,
.btn-funity.disabled:active,
.btn-funity[disabled]:active,
fieldset[disabled] .btn-funity:active,
.btn-funity.disabled.active,
.btn-funity[disabled].active,
fieldset[disabled] .btn-funity.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-funity-forced {
  color: #000000 !important;
  background-color: #fcb503 !important;
  border-color: #fcb503 !important;
}
.btn-funity-forced:hover,
.btn-funity-forced:focus,
.btn-funity-forced:active,
.btn-funity-forced.active,
.open > .dropdown-toggle.btn-funity-forced {
  color: #000000;
  background-color: #e5a502;
  border-color: #fcb503;
}
.btn-funity-forced:active,
.btn-funity-forced.active,
.open > .dropdown-toggle.btn-funity-forced {
  background-image: none;
}
.btn-funity-forced.disabled,
.btn-funity-forced[disabled],
fieldset[disabled] .btn-funity-forced,
.btn-funity-forced.disabled:hover,
.btn-funity-forced[disabled]:hover,
fieldset[disabled] .btn-funity-forced:hover,
.btn-funity-forced.disabled:focus,
.btn-funity-forced[disabled]:focus,
fieldset[disabled] .btn-funity-forced:focus,
.btn-funity-forced.disabled:active,
.btn-funity-forced[disabled]:active,
fieldset[disabled] .btn-funity-forced:active,
.btn-funity-forced.disabled.active,
.btn-funity-forced[disabled].active,
fieldset[disabled] .btn-funity-forced.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-funity .badge {
  color: #fff;
  background-color: #333;
}

/*↓↓↓2017/11/28 加藤 QuickTikcet(Phase2)対応*/
.btnline-funity {
  color: #FFFFFF;
  /*background-color: #13bf00;
  border-color: #13bf00;*/
  background-color: #00C300;
  background-image: url('../img/line/btn_line_base.png');
  background-repeat: no-repeat;
  background-size: auto 30px;
  border:none;
  height:30px;
}
.btnline-funity:hover
.btnline-funity:focus,
/*.btnline-funity:active,
.btnline-funity.active,
.open > .dropdown-toggle.btnline-funity*/ {
  /*border-color: #13bf00;*/
  color: #FFFFFF;
  background-color: #00E000;
  background-image: url('../img/line/btn_line_hover.png');
}
.btnline-funity:active,
.btnline-funity.active,
.open > .dropdown-toggle.btnline-funity {
  /*background-image: none;*/
  background-color: #00B300;
  background-image: url('../img/line/btn_line_press.png');
}
.btnline-funity.disabled,
.btnline-funity[disabled],
fieldset[disabled] .btnline-funity,
.btnline-funity.disabled:hover,
.btnline-funity[disabled]:hover,
fieldset[disabled] .btnline-funity:hover,
.btnline-funity.disabled:focus,
.btnline-funity[disabled]:focus,
fieldset[disabled] .btnline-funity:focus,
.btnline-funity.disabled:active,
.btnline-funity[disabled]:active,
fieldset[disabled] .btnline-funity:active,
.btnline-funity.disabled.active,
.btnline-funity[disabled].active,
fieldset[disabled] .btnline-funity.active {
  /*background-color: #13bf00;
  border-color: #ccc;*/
  background-color: #C6C6C6;
  background-image: url('../img/line/btn_line_disable.png');
}
.btnline-funity-forced {
  color: #FFFFFF !important;
  background-color: #13bf00 !important;
  border-color: #13bf00 !important;
}
.btnline-funity-forced:hover,
.btnline-funity-forced:focus,
.btnline-funity-forced:active,
.btnline-funity-forced.active,
.open > .dropdown-toggle.btnline-funity-forced {
  color: #FFFFFF;
  background-color: #13bf00;
  border-color: #13bf00;
}
.btnline-funity-forced:active,
.btnline-funity-forced.active,
.open > .dropdown-toggle.btnline-funity-forced {
  background-image: none;
}
.btnline-funity-forced.disabled,
.btnline-funity-forced[disabled],
fieldset[disabled] .btnline-funity-forced,
.btnline-funity-forced.disabled:hover,
.btnline-funity-forced[disabled]:hover,
fieldset[disabled] .btnline-funity-forced:hover,
.btnline-funity-forced.disabled:focus,
.btnline-funity-forced[disabled]:focus,
fieldset[disabled] .btnline-funity-forced:focus,
.btnline-funity-forced.disabled:active,
.btnline-funity-forced[disabled]:active,
fieldset[disabled] .btnline-funity-forced:active,
.btnline-funity-forced.disabled.active,
.btnline-funity-forced[disabled].active,
fieldset[disabled] .btnline-funity-forced.active {
  background-color: #13bf00;
  border-color: #ccc;
}
.btnline-funity .badge {
  color: #fff;
  background-color: #333;
}
/*↑↑↑2017/11/28 加藤 QuickTikcet(Phase2)対応*/

.help-block {
  font-size: 11px;
  color: #0000ff;
}
.nav-tabs {
  border-bottom: 1px solid #fcb503;
}
.nav-tabs > li > a:hover {
  border-color: #fcb503 #fcb503 #fcb503;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #fcb503;
  background-color: #ffffff;
  border: 1px solid #fcb503;
  border-bottom-color: transparent;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #fcb503;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #fcb503;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
/* Funity Core Styles */
#en_script,
#no_script {
  width: 100%;
}
#no_script p {
  text-align: center;
}
.clear {
  clear: both;
}
.clearfix,
.multi-column,
.progressNav {
  zoom: 1;
  display: inline-table;
}
.clearfix:after,
.multi-column:after,
.progressNav:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.disp {
  display: inline-block;
  overflow: hidden;
  height: 0;
}
.ev_tit2,
.messages {
  display: block;
  color: #ff0000;
  font-size: 11px;
  text-align: left;
  margin-bottom: 5px;
}
.infoHanareMsg {
  display: block;
  color: #ff0000;
  font-size: 10px;
  line-height: 12px;
  font-weight: bold;
  margin-bottom: 10px;
}
.table-funity {
  border: 1px solid #fcb503;
  margin-bottom: 20px;
}
.table-funity > thead > tr > th,
.table-funity > tbody > tr > th,
.table-funity > tfoot > tr > th,
.table-funity > thead > tr > td,
.table-funity > tbody > tr > td,
.table-funity > tfoot > tr > td {
  border-top: 1px solid #fcb503;
  color: #000000;
  background: #ffffff;
  vertical-align: middle;
  padding: 5px;
}
.table-funity > thead > tr > th,
.table-funity > tbody > tr > th,
.table-funity > tfoot > tr > th {
  color: #ffffff;
  background-color: #471fb2;
  text-align: center;
}
.table-funity > thead > tr > td.top-align,
.table-funity > tbody > tr > td.top-align,
.table-funity > tfoot > tr > td.top-align {
  vertical-align: top;
}
.table-funity > thead > tr > td.bottom-align,
.table-funity > tbody > tr > td.bottom-align,
.table-funity > tfoot > tr > td.bottom-align {
  vertical-align: bottom;
}
.table-funity > thead > tr > th {
  border-bottom: 2px solid #fcb503;
  background-color: #471fb2;
}
.table-funity > tbody + tbody {
  border-top: 2px solid #fcb503;
}
.table-funity > thead > tr > th,
.table-funity > tbody > tr > th,
.table-funity > tfoot > tr > th,
.table-funity > thead > tr > td,
.table-funity > tbody > tr > td,
.table-funity > tfoot > tr > td {
  border: 1px solid #fcb503;
}
.table-funity.innersection {
  margin-bottom: 5px;
}
.table-funity.stick-to-next {
  margin-bottom: 0;
}
.width-fill {
  width: 100%;
}
.multi-column {
  min-width: 103%;
  margin-left: -15px;
  margin-right: -15px;
}
.multi-column .leftbox {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .multi-column .leftbox {
    float: left;
    width: 66.66666667%;
  }
}
.multi-column .rightbox {
  float: left;
  width: 100%;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .multi-column .rightbox {
    float: left;
    width: 33.33333333%;
  }
}
.multi-column .rightbox .box-module {
  width: 100%;
}
.multi-column .rightbox .box-module td,
.multi-column .rightbox .box-module th {
  padding: 5px;
}
.single-column .leftbox,
.single-column .rightbox,
.single-column .centerbox {
  width: 100%;
}
.single-column .table-funity {
  width: 100%;
}
header {
  display: block;
  margin: 0 auto;
  padding: 0;
}
header #headerInnerTop {
  display: block;
  margin: 0 auto;
  padding: 0;
  background: #fcb503;
}
header #headerInnerTop .common_logo {
  display: inline-block;
  float: left;
  padding: 4px 0 0 7px;
}
header #headerInnerTop .common_logo img {
  width: 100%;
}
header #headerInnerTop .siteinfo {
  display: inline-block;
  float: right;
  font-size: 11px;
  line-height: 18px;
  padding-right: 5px;
  text-align: right;
  color: #ffffff;
  padding: 3px 7px 0 0;
}
header #headerInnerTop .siteinfo a {
  text-decoration: underline;
}
header #headerInner {
  display: block;
  margin: 0 auto;
  overflow: hidden;
}
header #headerInner #headTop {
  display: block;
  margin: 0;
  border-left: 1px solid #fcb503;
  border-right: 1px solid #fcb503;
  border-bottom: 1px solid #fcb503;
}
header #headerInner #headTop h1.logo {
  margin: 0;
  padding: 0;
  background-position: 10px;
  display: inline-block;
  float: left;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../img/logo.gif) no-repeat;
}
header #headerInner #headTop h1.logo a {
  display: block;
  height: 100%;
}
header #headerInner #headTop .membersLinks {
  display: inline-block;
}
header #headerInner #headTop .membersLinks ul:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li {
  display: inline-block;
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
  color: #fcb503;
  font-weight: bold;
  font-size: 16px;
  position: relative;
  display: block;
  background-color: #ffffff;
  letter-spacing: 0.1em;
  border: 1px solid #fcb503;
  padding: 10px 10px 10px 15px;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li a span {
  display: block;
  margin: 0 ;
  padding: 0  0 0 10px ;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li a span:before {
  position: absolute;
  top: 10px;
  left: 5px;
  font-size: 12px;
  content: '▶';
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li a:hover {
  background-color: #fff9b4;
  color: #e5a502;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child {
  padding: 0;
}
header #headerInner #headTop:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
header:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
}
.contents {
  display: block;
  background: #ffffff;
  overflow: hidden;
}
.contents h2 {
  border-left: 5px solid #000000;
  color: #000000;
  letter-spacing: 0.1em;
}
.contents h3 {
  color: #000000;
  padding: 0 0 0 10px;
  margin: 0 20px 20px;
}
.contents p.comment {
  padding: 0;
  margin: 15px  0;
  letter-spacing: 0.1em;
  line-height: 1.5;
  font-size: 11px;
  color: #000000;
}
.contents.allow-overflow {
  overflow-x: auto;
}
.contents:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
}
.listTable {
  display: block;
  padding: 0;
  margin: 0;
}
.listTable .table > thead > tr > th,
.listTable .table-funity > thead > tr > th,
.listTable .table > tbody > tr > th,
.listTable .table-funity > tbody > tr > th,
.listTable .table > tfoot > tr > th,
.listTable .table-funity > tfoot > tr > th {
  white-space: nowrap;
}
.listTable .table > thead > tr > th.wrappable,
.listTable .table-funity > thead > tr > th.wrappable,
.listTable .table > tbody > tr > th.wrappable,
.listTable .table-funity > tbody > tr > th.wrappable,
.listTable .table > tfoot > tr > th.wrappable,
.listTable .table-funity > tfoot > tr > th.wrappable {
  white-space: normal;
}
.listTable .table > thead > tr > th img.samimg,
.listTable .table-funity > thead > tr > th img.samimg,
.listTable .table > tbody > tr > th img.samimg,
.listTable .table-funity > tbody > tr > th img.samimg,
.listTable .table > tfoot > tr > th img.samimg,
.listTable .table-funity > tfoot > tr > th img.samimg,
.listTable .table > thead > tr > td img.samimg,
.listTable .table-funity > thead > tr > td img.samimg,
.listTable .table > tbody > tr > td img.samimg,
.listTable .table-funity > tbody > tr > td img.samimg,
.listTable .table > tfoot > tr > td img.samimg,
.listTable .table-funity > tfoot > tr > td img.samimg {
  width: 100px;
  margin: 0 6px 0 0;
  float: left;
  vertical-align: middle;
}
.listTable .table > thead > tr > th img.showimg,
.listTable .table-funity > thead > tr > th img.showimg,
.listTable .table > tbody > tr > th img.showimg,
.listTable .table-funity > tbody > tr > th img.showimg,
.listTable .table > tfoot > tr > th img.showimg,
.listTable .table-funity > tfoot > tr > th img.showimg,
.listTable .table > thead > tr > td img.showimg,
.listTable .table-funity > thead > tr > td img.showimg,
.listTable .table > tbody > tr > td img.showimg,
.listTable .table-funity > tbody > tr > td img.showimg,
.listTable .table > tfoot > tr > td img.showimg,
.listTable .table-funity > tfoot > tr > td img.showimg {
  max-width: 280px;
  max-height: 200px;
  margin: 6px;
}
.listTable .table > thead > tr > th img,
.listTable .table-funity > thead > tr > th img,
.listTable .table > tbody > tr > th img,
.listTable .table-funity > tbody > tr > th img,
.listTable .table > tfoot > tr > th img,
.listTable .table-funity > tfoot > tr > th img,
.listTable .table > thead > tr > td img,
.listTable .table-funity > thead > tr > td img,
.listTable .table > tbody > tr > td img,
.listTable .table-funity > tbody > tr > td img,
.listTable .table > tfoot > tr > td img,
.listTable .table-funity > tfoot > tr > td img {
  width: auto;
  max-width: 100%;
}
.listTable .table > thead > tr .inflate,
.listTable .table-funity > thead > tr .inflate,
.listTable .table > tbody > tr .inflate,
.listTable .table-funity > tbody > tr .inflate,
.listTable .table > tfoot > tr .inflate,
.listTable .table-funity > tfoot > tr .inflate {
  padding: 0;
}
.listTable .table > thead > tr .borderless,
.listTable .table-funity > thead > tr .borderless,
.listTable .table > tbody > tr .borderless,
.listTable .table-funity > tbody > tr .borderless,
.listTable .table > tfoot > tr .borderless,
.listTable .table-funity > tfoot > tr .borderless {
  border-style: none;
}
.listTable .table > thead > tr .hide-left-border,
.listTable .table-funity > thead > tr .hide-left-border,
.listTable .table > tbody > tr .hide-left-border,
.listTable .table-funity > tbody > tr .hide-left-border,
.listTable .table > tfoot > tr .hide-left-border,
.listTable .table-funity > tfoot > tr .hide-left-border {
  border-left-style: hidden;
}
.listTable .table > thead > tr .hide-right-border,
.listTable .table-funity > thead > tr .hide-right-border,
.listTable .table > tbody > tr .hide-right-border,
.listTable .table-funity > tbody > tr .hide-right-border,
.listTable .table > tfoot > tr .hide-right-border,
.listTable .table-funity > tfoot > tr .hide-right-border {
  border-right-style: hidden;
}
.listTable .table > thead > tr .hide-top-border,
.listTable .table-funity > thead > tr .hide-top-border,
.listTable .table > tbody > tr .hide-top-border,
.listTable .table-funity > tbody > tr .hide-top-border,
.listTable .table > tfoot > tr .hide-top-border,
.listTable .table-funity > tfoot > tr .hide-top-border {
  border-top-style: hidden;
}
.listTable .table > thead > tr .hide-bottom-border,
.listTable .table-funity > thead > tr .hide-bottom-border,
.listTable .table > tbody > tr .hide-bottom-border,
.listTable .table-funity > tbody > tr .hide-bottom-border,
.listTable .table > tfoot > tr .hide-bottom-border,
.listTable .table-funity > tfoot > tr .hide-bottom-border {
  border-bottom-style: hidden;
}
.listTable .table > thead > tr .align-to-top,
.listTable .table-funity > thead > tr .align-to-top,
.listTable .table > tbody > tr .align-to-top,
.listTable .table-funity > tbody > tr .align-to-top,
.listTable .table > tfoot > tr .align-to-top,
.listTable .table-funity > tfoot > tr .align-to-top {
  vertical-align: top;
}
.listTable .table-funity.borderless > thead > tr > th,
.listTable .table-funity.borderless > tbody > tr > th,
.listTable .table-funity.borderless > tfoot > tr > th,
.listTable .table-funity.borderless > thead > tr > td,
.listTable .table-funity.borderless > tbody > tr > td,
.listTable .table-funity.borderless > tfoot > tr > td {
  border-style: none;
}
.listTable .statusBox {
  background-color: #999999;
}
.listTable .statusBox h3 {
  display: block;
  font-size: 17px;
  color: #ffffff;
  letter-spacing: 0.2em;
  font-weight: bold;
  padding: 2px 20px 2px;
  margin: 0 10px 15px;
}
.listTable .visualsBox {
  display: block;
  margin-bottom: 15px;
  text-align: center;
}
.listTable .finishBox {
  display: block;
  text-align: center;
  background-color: #fffafa;
}
.listTable .creditCardThumb {
  display: inline-block;
  height: 35px;
  width: auto;
  margin-right: 15px;
  margin-bottom: 15px;
}
.listTable th.statusBox {
  background-color: #471fb2;
  font-size: 17px;
  line-height: 20px;
  font-weight: bold;
}
.listTable td {
  color: #000000;
  font-size: 12px;
}
.listTable td.nowrap {
  white-space: nowrap;
}
.listTable .th2 {
  background: #3a2173;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
}
.listTable th.left,
.listTable .th2.left {
  text-align: left;
}
.listTable th.right .th2.right {
  text-align: right;
}
.listTable .th2.nowrap {
  white-space: nowrap;
}
.listTable table.show_detail {
  font-size: 12px;
  border-top: 0px;
  border-right: 0px;
  border-bottom: 0px;
  border-left: 0px;
}
.listTable table.show_detail td {
  border-style: none;
  padding: 10px;
  text-align: left;
}
.listTable table.show_detail td.ticket {
  border-style: none;
  padding: 2px;
}
.listTable table.show_detail td.spacer {
  border-style: none;
  padding: 0px;
  height: 5px;
}
.listTable table.resign-finished > thead > tr > th,
.listTable table.resign-finished > tbody > tr > th,
.listTable table.resign-finished > tfoot > tr > th,
.listTable table.resign-finished > thead > tr > td,
.listTable table.resign-finished > tbody > tr > td,
.listTable table.resign-finished > tfoot > tr > td {
  text-align: center;
  width: 100%;
  background-color: #fffafa;
}
.listTable td.seatinfo span.type:after {
  content: "×　";
}
.listTable td.seatinfo span.count:after {
  content: "枚";
}
.listTable .floor-tab {
  padding: 8px;
  border-bottom: 1px solid #fcb503;
  border-left: 1px solid #fcb503;
  border-right: 1px solid #fcb503;
}
.listTable .floor-tab table {
  margin: 0;
}
.listTable .marker {
  text-align: center;
}
.listTable .state {
  text-align: center;
  white-space: nowrap;
}
.listTable .lineup {
  text-align: center;
}
.listTable .particular {
  text-align: right;
  white-space: nowrap;
}
.listTable .detail-name {
  overflow: hidden;
}
.listTable .detail-place {
  white-space: nowrap;
}
.listTable .large-style {
  width: 65%;
  font-size: 16px;
  font-weight: bold;
  margin-left: auto;
  margin-right: auto;
}
.listTable .eventimg p {
  text-align: left;
}
.listTable .gap-vertical {
  visibility: hidden;
  padding: 0;
  padding-bottom: 3px;
}
ul.pagenation {
  display: block;
  margin: 0;
  width: 100%;
}
ul.pagenation li {
  margin: 0;
}
ul.pagenation li.page {
  display: inline-block;
  text-align: left;
}
ul.pagenation li.items {
  display: inline-block;
  float: right;
  text-align: right;
}
.scrollable-x {
  width: 100%;
  overflow-x: auto;
}
.creditcardform .form-control {
  width: auto;
}
.creditcardform .cardnumber-width {
  width: 210px;
}
.creditcardform .securecd-width {
  width: 80px;
}
.creditcardform ul li {
  display: inline-block;
}
span.require,
span.require-mark,
td.require {
  color: #ff0000;
}
span.require-mark:before {
  content: "* ";
}
.legends {
  display: block;
  width: 100%;
}
.legends p {
  text-align: left;
}
ul.seat-legends {
  display: inline-block;
  list-style-type: none;
  margin-top: 40px;
}
ul.seat-legends li {
  display: block;
  text-align: left;
  vertical-align: middle;
  margin-bottom: 3px;
}
span.show-open-time,
span.show-start-time,
span.show-end-time {
  white-space: nowrap;
}
span.show-open-time:before {
  content: "開場 ";
}
span.show-start-time:before {
  content: "開演 ";
}
span.show-end-time:before {
  content: "終演 ";
}
span.show-open-time:after {
  content: "  ";
}
span.show-start-time:after {
  content: "  ";
}
span.show-end-time:after {
  content: "  ";
}
.groupMainTitle {
  overflow: auto;
  line-height: 140%;
}
.groupMainTitle p {
  font-size: 13px;
  font-weight: bold;
  line-height: 180%;
}
.salesName span {
  white-space: nowrap;
}
.genderSelect span.male:after {
  content: "男";
}
.genderSelect span.female:after {
  content: "女";
}
.genderSelect span.undeclared:after {
  content: "その他";
}
.progressNav {
  display: block;
  margin-left: -15px;
  margin-right: -15px;
}
.progressNav .navbtn.single {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.progressNav .navbtn.double {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.progressNav .navbtn.triple {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.progressNav.stick-to-next {
  margin-bottom: 0;
}
.withdraw-confirm {
  display: block;
  text-align: center;
  text-decoration: underline;
  margin-bottom: 20px;
}
div.postal-unit {
  display: table;
  width: 100%;
}
div.postal-unit div {
  display: table-cell;
  float: left;
  padding: 5px;
  line-height: 30px;
}
div.postal-unit div.input {
  width: auto;
}
div.postal-unit div.assistance {
  margin-left: 15px;
}
div.specification,
p.specification {
  display: block;
  width: 100%;
  margin-bottom: 7px;
}
div.specification.last,
p.specification.last {
  margin-bottom: 0;
}
div.prompt {
  display: block;
  margin-bottom: 20px;
}
div.prompt div.prompt-heading {
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
}
div.ruletext {
  display: block;
  OVERFLOW-Y: auto;
  word-wrap: break-word;
  height: 300px;
  border: 1px #eeeeee solid;
  text-align: left;
  background-color: #fffafa;
  margin-bottom: 10px;
}
div.ruletext.small {
  height: 200px;
}
div.agreement-box {
  display: block;
  padding: 10px;
  text-align: center;
}
.keyword-box .keyword {
  height: 40px;
  float: left;
}
.keyword-box .actionbutton {
  width: auto;
  height: 40px;
  float: left;
  margin-left: 5px;
}
.searchbox-by-area .search-control {
  border: none;
  text-align: center;
}
.searchbox-by-area .search-control.scale {
  height: 50px;
}
/**frameBox**/
.frameBox {
  display: block;
  width: 100%;
  margin: 10px 0;
}
.frameBox ul {
  display: block;
  border: #dddddd solid 1px;
}
.frameBox ul li {
  padding: 10px;
  font-size: 14px;
}
.frameBox ul li.title {
  background: #999;
  color: #eeeeee;
}
.frameBox ul li.title h4 {
  letter-spacing: 0.2em;
  border-left: 3px solid #eeeeee;
  font-weight: bold;
  padding: 0 10px;
  line-height: 1;
  display: inline-block;
}
.frameBox ul li.item {
  background: #fff;
  color: #444;
}
.frameBox2 {
  display: block;
  width: 270px;
  margin: 0px 0;
}
.frameBox2 table {
  display: block;
  border: #dddddd solid 1px;
}
.frameBox2 table th,
.frameBox2 table tr,
.frameBox2 table td {
  padding: 10px;
  font-size: 14px;
}
.frameBox2 table th.title {
  background: #999;
  color: #eeeeee;
}
.frameBox2 table th.title h4 {
  letter-spacing: 0.2em;
  border-left: 3px solid #eeeeee;
  font-weight: bold;
  padding: 0 10px;
  line-height: 1;
  display: inline-block;
}
.frameBox2 table td.item {
  background: #fff;
  color: #444;
}
footer {
  display: block;
  margin: 0 auto;
  padding: 0;
  background: #fcb503;
}
footer #footerInner {
  display: block;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
}
footer #footerInner .footerLinks {
  display: block;
  margin: 0;
  overflow: hidden;
}
footer #footerInner .footerLinks li {
  float: left;
  margin: 0 10px 6px 0;
  padding: 0 10px 0 0;
  border-right: 0px solid #ffffff;
  height: 15px;
  line-height: 12px;
}
footer #footerInner .footerLinks li:last-child {
  margin: 0;
  padding: 0;
  border-right: none;
}
footer #footerInner .footerLinks a {
  color: #ffffff;
  font-size: 12px;
  line-height: 1px;
}
footer #footerInner .footerLinks a:hover {
  border-bottom: solid 1px #ffffff;
  padding-bottom: 2px;
}
footer .copyright {
  display: block;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 0 20px 0;
  font-size: 80%;
  color: #ffffff;
}
.menuA,
menuA * {
  margin: 0;
  padding: 0;
}
.menuA {
  margin: 10px;
}
.menuA dl {
  list-style: none;
  border-top: 1px solid silver;
  width: 100%;
  margin: 0;
  padding: 0;
}
.menuA dt {
  border-width: 1px;
  border-style: none solid solid solid;
  border-color: silver;
}
.menuA dt a {
  padding: 5px 0;
  display: block;
  color: black;
  text-decoration: none;
  background: #eeeeee no-repeat left center;
  width: 100%;
  text-align: left;
}
.menuA dd {
  border-width: 1px;
  border-style: none solid solid solid;
  border-color: silver;
}
.menuA dd a {
  text-decoration: none;
  display: block;
  background: no-repeat left center;
  padding: 2px 0 2px 10px;
  color: black;
  text-align: left;
}
.menuA dd a:hover {
  color: #fff;
  background: #ffa500 no-repeat left center;
}
.menuA dd a.line,
.menuA dd a.line:hover {
  border-bottom: 1px solid silver;
}
.menuA dt.direct a {
  display: block;
  color: #000;
  background: #ffffff no-repeat left center;
}
.menuA dt.direct a:hover {
  color: #fff;
  background: #ffa500 no-repeat left center;
}
/**extBox**/
.extBoxTable {
  display: block;
  width: 100%;
  padding: 0;
  text-align: left;
}
.extBoxTable ul {
  display: block;
  border: #dddddd solid 1px;
}
.extBoxTable ul li {
  margin: 0 30px;
  padding: 20px 0 0;
  font-size: 14px;
  border-bottom: #ccc dotted 1px;
}
.extBoxTable ul li p {
  padding: 20px 0;
  color: #666;
  letter-spacing: 0.1em;
}
.extBoxTable ul li:last-child {
  border-bottom: none;
}
.extBoxTable ol {
  padding: 20px 0;
}
.extBoxTable ol li {
  list-style: decimal;
  margin: 0 0 0 23px;
  padding: 0 0 10px 0;
  color: #666;
  letter-spacing: 0.1em;
  font-size: 14px;
  border: none;
}
.extBoxTable ol li p {
  padding: 3px 0 0;
  color: #666;
  letter-spacing: 0.1em;
  font-size: 13px;
}
.extBoxTable ol li ol {
  padding: 10px 0 0;
}
.extBoxTable ol li ol li {
  list-style: decimal;
  margin: 0 0 0 23px;
  padding: 5px 0 0 0;
  color: #666;
  letter-spacing: 0.1em;
  font-size: 13px;
  border: none;
}
.extBoxTable ol li:last-child {
  padding: 0;
}
.extBoxTable .side {
  display: block;
  width: 100%;
  margin: 20px 0;
}
.extBoxTable .side dl {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
  letter-spacing: 0.1em;
  padding: 0 0 5px;
}
.extBoxTable .side dl dt {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18%;
  vertical-align: top;
}
.extBoxTable .side dl dd {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 0 0 25px;
}
.extBoxTable .side dl dd p {
  padding: 0;
}
.extBoxTable h3 {
  padding: 0;
  letter-spacing: 0.2em;
  font-weight: bold;
  color: #444;
  font-size: 16px;
}
.extBoxTable p {
  padding: 20px 0;
  color: #666;
  letter-spacing: 0.1em;
}
.extBoxTable .detail {
  display: block;
  width: 100%;
  margin: 0;
}
.extBoxTable .detail dl {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
  letter-spacing: 0.1em;
  margin: 10px 0;
}
.extBoxTable .detail dl dt {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: 18%;
  vertical-align: top;
}
.extBoxTable .detail dl dd {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 0 0 25px;
}
.extBoxTable .detail dl dd p {
  padding: 0;
}
/* PC-optimized Incrementals */
header #headerInnerTop {
  height: 42px;
}
header #headerInner #headTop {
  padding: 0;
}
header #headerInner #headTop h1.logo {
  background: url(../img/sma/sma_ticket_360.png) no-repeat;
}
header #headerInner #headTop .membersLinks {
  margin: 20px 0 0;
  padding: 10px 5px;
}
.contents {
  max-width: 960px;
  margin: 0 auto 25px;
  padding: 20px 10px 10px;
  overflow: hidden;
  border: 1px solid #eeeeee;
  background: #ffffff;
}
.contents h2 {
  font-size: 20px;
  padding: 0 0 0 10px;
  margin: 0 0 15px;
}
.contents h3 {
  font-size: 20px;
}
.listTable .visualsBox img {
  width: 100%;
}
.legends {
  text-align: right;
  height: 35px;
  line-height: 35px;
}
.progressNav {
  margin-bottom: 10px;
}
footer {
  border-top: 0px solid #ccc;
}
footer #footerInner {
  padding: 0;
}
footer #footerInner .footerLinks {
  padding: 10px 20px 0;
}
footer #footerInner .footerLinks li {
  border-right: 0px solid #ffffff;
}
.keyword-box {
  width: 100%;
}
.menuA {
  width: 210px;
}
.statusBox2 {
  overflow-y: auto;
  word-wrap: break-word;
  height: 100px;
  text-align: left;
  background: #ffffff;
  color: #000000;
  letter-spacing: 0.2em;
}
.statusBox2 h3 {
  background: #999999;
  color: #fff;
  font-size: 17px;
  margin: 0;
  font-weight: bold;
  margin-bottom: 0;
}
/* Media Adaptive Incrementals (common elements) */
header #headerInnerTop {
  min-height: 42px;
}
header #headerInner {
  padding: 0;
}
header #headerInner #headTop {
  padding: 0;
  background-size: 100% 100%;
}
header #headerInner #headTop h1.logo {
  padding: 25px 0 0;
  width: 359px;
  height: 85px;
  background-size: 100% auto;
  background-position: center;
}
header #headerInner #headTop .membersLinks {
  margin: 10px;
  padding: 10px 5px;
  float: right;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li {
  margin: 0 10px 0 0;
  text-align: center;
  min-width: 130px;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
  font-size: 15px;
  padding: 10px 10px  10px 20px;
  margin: 0 auto;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li a.color {
  background: #ffcde6;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li a.color:hover {
  background: #ffffff;
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child {
  padding: 0;
  margin: 0;
}
header #headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child a span:before {
  position: absolute;
  top: 10px;
  left: 20px;
}
header #headerInner #headBottom {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
header #headerInner #headBottom:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
header #headerInner .contents {
  border: none;
  background: none;
}
header:after {
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
}
footer {
  margin: 20px auto 0;
  margin: 0 auto 0;
  padding: 10px;
  color: #ffffff;
}
footer #footerInner {
  max-width: 970px;
  text-align: center;
}
footer #footerInner .footerLinks {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}
footer #footerInner .footerLinks li {
  margin-top: 0;
  margin-left: 0;
  line-height: 20px;
}
footer #footerInner a {
  font-size: 11px;
  line-height: 1px;
  text-decoration: underline;
  letter-spacing: 0.1em;
}
footer #footerInner a:hover {
  text-decoration: none;
}
footer #footerInner ul li:last-child {
  margin: 0;
  padding: 0;
  border-right: none;
}
footer .copyright {
  margin: -5px 0 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
}
@media screen and (min-width: 380px) and (max-width: 767px) {
  header #headerInner {
    display: block;
    max-width: 980px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  header #headerInner #headTop h1.logo {
    margin: 16px 0;
    padding: 0;
    height: 20px;
    width: 140px;
    background-size: 100% auto;
    background-position: 0;
  }
  header #headerInner #headTop .membersLinks {
    display: inline-block;
    margin: 0;
    padding: 10px 3px 0 5px;
    float: right;
  }
  header #headerInner #headTop .membersLinks ul.membersLinks_nav li {
    margin: 0 5px 0 0;
    min-width: 100px;
  }
  header #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
    font-size: 12px;
    padding: 6px 5px 6px 15px;
    letter-spacing: 0;
  }
  header #headerInner #headTop .membersLinks ul.membersLinks_nav li a span:before {
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 8px;
  }
  header #headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child a span:before {
    position: absolute;
    top: 6px;
    left: 10px;
  }
  header #headerInnerTop .siteinfo {
    display: block;
    float: right;
    font-size: 10px;
    line-height: 18px;
    text-align: right;
    color: #ffffff;
    padding: 3px 0 0 0;
    margin: -2px 0 0;
    border-top: 1px solid #FF89C5;
  }
  header .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 379px) {
  header #headerInner {
    display: block;
    max-width: 910px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  header #headerInner #headTop h1.logo {
    margin: 16px 0;
    padding: 0;
    height: 22px;
    width: 120px;
    background-size: 100% auto;
    background-position: 0;
  }
  header #headerInner #headTop .membersLinks {
    display: inline-block;
    margin: 0;
    padding: 13px 2px 0 2px;
    float: right;
  }
  header #headerInner #headTop .membersLinks ul.membersLinks_nav li {
    margin: 0 5px 0 0;
    min-width: 80px;
  }
  header #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
    font-size: 10px;
    padding: 2px;
    letter-spacing: 0;
  }
  header #headerInnerTop .siteinfo {
    display: block;
    float: right;
    font-size: 10px;
    line-height: 18px;
    text-align: right;
    color: #ffffff;
    padding: 3px 0 0 0;
    margin: -2px 0 0;
    border-top: 1px solid #FF89C5;
  }
  header .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and (min-width: 320px) and (max-width: 530px) {
  footer #footerInner .footerLinks li {
    float: none;
    padding: 0 2px 0 0;
    display: inline-block;
    line-height: 1.2;
  }
  footer #footerInner a {
    font-size: 10px;
    line-height: 1px;
    text-decoration: underline;
    color: #ffffff;
    text-align: center;
    letter-spacing: 0.1em;
  }
  footer .copyright {
    display: block;
    margin: 2px auto 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
  }
}
/* Media Adaptive Incrementals */
header.sma-style {
  display: block;
  margin: 0;
  padding: 0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #4408e2), color-stop(0, #3a2177));
  background: -webkit-linear-gradient(#3a2177, #4408e2);
  background: -moz-linear-gradient(#3a2177, #4408e2);
  background: -o-linear-gradient(#3a2177, #4408e2);
  background: -ms-linear-gradient(#3a2177, #4408e2);
  background: linear-gradient(#3a2177, #4408e2);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a2177', endColorstr='#4408e2', GradientType=0)";
  background-size: 100% 100%;
  border: none;
}
header.sma-style #headerInnerTop {
  min-height: 0;
  height: auto;
  background: none;
}
header.sma-style #headerInnerTop .common_logo {
  padding: 0;
}
header.sma-style #headerInnerTop .common_logo img {
  height: 40px;
  width: auto;
}
header.sma-style #headerInner {
  width: 100%;
  max-width: 950px;
}
header.sma-style #headerInner #headTop {
  border: none;
}
header.sma-style #headerInner #headTop h1.logo {
  margin-left: 5px;
  width: 360px;
  height: 55px;
  background-position: center;
}
header.sma-style #headerInner #headTop .membersLinks {
  margin: 0;
}
header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
  background: none;
}
header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li a:hover {
  background: #ffffff;
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
}
header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child a span:before {
  position: absolute;
  left: 5px;
}
.contents {
  background: none;
  border: none;
}
.contents h1 .tip-phrase,
.contents h2 .tip-phrase,
.contents h3 .tip-phrase {
  font-size: 0.7em;
  font-weight: bold;
  color: #ff0000;
}
.contents h1 .tip-phrase:before,
.contents h2 .tip-phrase:before,
.contents h3 .tip-phrase:before {
  content: "　";
}
footer.sma-style {
  display: block;
  margin: 20px auto 0;
  margin-top: 0;
  padding: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #3a2177), color-stop(0, #4408e2));
  background: -webkit-linear-gradient(#4408e2, #3a2177);
  background: -moz-linear-gradient(#4408e2, #3a2177);
  background: -o-linear-gradient(#4408e2, #3a2177);
  background: -ms-linear-gradient(#4408e2, #3a2177);
  background: linear-gradient(#4408e2, #3a2177);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#4408e2', endColorstr='#3a2177', GradientType=0)";
  color: #fff;
  height: auto;
}
footer.sma-style #footerInner {
  display: block;
  max-width: 970px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
}
footer.sma-style #footerInner .footerLinks {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  height: auto;
  overflow: visible;
}
footer.sma-style #footerInner .footerLinks li {
  float: left;
  margin-top: 0;
  margin-left: 0;
  padding: 8px 16px 0 0;
}
footer.sma-style #footerInner a {
  color: #fff;
  font-size: 12px;
  text-decoration: underline;
  letter-spacing: 0.1em;
}
footer.sma-style #footerInner a:hover {
  text-decoration: none;
}
footer.sma-style #footerInner ul {
  height: auto;
}
footer.sma-style #footerInner ul li {
  border-right: none;
}
footer.sma-style .copyright {
  display: block;
  margin: 16px auto 8px;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1;
}
#breadcrumbsArea {
  display: block;
  max-width: 980px;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
#breadcrumbs {
  display: inline-block;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
#breadcrumbs ul.topicPath {
  display: block;
  margin: 0 auto;
  padding: 15px 0 5px 17px;
  height: 20px;
}
#breadcrumbs ul.topicPath li {
  float: left;
  padding-right: 13px;
  width: auto;
  font-size: 11px;
  line-height: 30px;
  color: #000000;
}
#breadcrumbs ul.topicPath li a {
  background: url(../img/ico_arrow.gif) no-repeat right 3px;
  padding-right: 17px;
  text-decoration: underline;
  color: #999;
}
#breadcrumbs ul.topicPath:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
#breadcrumb {
  display: block;
}
#renewalInfo {
  display: inline-block;
  display: block;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  float: right;
}
#renewalInfo p {
  display: block;
  margin: 10px auto 0;
  padding: 0;
}
#renewalInfo p a {
  color: #fcb503;
  font-weight: bold;
  display: block;
  margin: 0 auto 0;
  padding: 10px 10px 8px 17px;
  font-size: 16px;
  border: 1px solid #eeeeee;
  border-bottom: none;
  background: #fcfcfc;
  background: -moz-linear-gradient(top, #fcfcfc 5%, #ededed 18%, #ffffff 57%, #ffffff 89%, #fcfcfc 95%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #fcfcfc), color-stop(18%, #ededed), color-stop(57%, #ffffff), color-stop(89%, #ffffff), color-stop(95%, #fcfcfc));
  background: -webkit-linear-gradient(top, #fcfcfc 5%, #ededed 18%, #ffffff 57%, #ffffff 89%, #fcfcfc 95%);
  background: -o-linear-gradient(top, #fcfcfc 5%, #ededed 18%, #ffffff 57%, #ffffff 89%, #fcfcfc 95%);
  background: -ms-linear-gradient(top, #fcfcfc 5%, #ededed 18%, #ffffff 57%, #ffffff 89%, #fcfcfc 95%);
  background: linear-gradient(to bottom, #fcfcfc 5%, #ededed 18%, #ffffff 57%, #ffffff 89%, #fcfcfc 95%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#fcfcfc', GradientType=0);
}
#renewalInfo p a span {
  text-decoration: underline;
}
#renewalInfo p:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
/*
// （サイドバーをＳＭＡでは封印）
.multi-column {
	.leftbox {
		.make-xs-column(12);
	}
	.rightbox {
		display: none;
	}
}
.single-column {
	.leftbox, .centerbox, .rightbox {
	    display: block;
	}
}
*/
@media screen and (min-width: 380px) and (max-width: 767px) {
  header.sma-style #headerInner #headTop h1.logo {
    margin: 0 0 16px;
    margin: 0 0 0 5px;
  }
  header.sma-style #headerInner #headTop .membersLinks {
    margin: 3px;
    padding: 10px 0 5px;
  }
  header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li {
    margin: 0 5px 0 0;
    padding: 0;
    min-width: 100px;
  }
  header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
    font-size: 12px;
    padding: 6px 5px 6px 15px;
    letter-spacing: 0;
  }
  header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li a span:before {
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 8px;
  }
  header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child a span:before {
    position: absolute;
    top: 6px;
    left: 5px;
  }
}
@media screen and (min-width: 320px) and (max-width: 379px) {
  header.sma-style #headerInner {
    display: block;
    max-width: 910px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  header.sma-style #headerInner #headTop h1.logo {
    display: inline-block;
    margin: 0;
    margin-left: 5px;
    padding: 0;
    float: left;
    width: 97%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-position: 0;
  }
  header.sma-style #headerInner #headTop .membersLinks {
    margin: 3px;
    padding: 10px 0 5px;
  }
  header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li {
    margin: 0 5px 0 0;
    min-width: 100px;
  }
  header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li a {
    font-size: 12px;
    padding: 6px 5px 6px 15px;
    letter-spacing: 0;
  }
  header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li a span:before {
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 8px;
  }
  header.sma-style #headerInner #headTop .membersLinks ul.membersLinks_nav li:last-child a span:before {
    position: absolute;
    top: 6px;
    left: 5px;
  }
  .contents h1 .tip-phrase,
  .contents h2 .tip-phrase,
  .contents h3 .tip-phrase {
    float: left;
    line-height: 1.4em;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .contents h1 .tip-phrase:before,
  .contents h2 .tip-phrase:before,
  .contents h3 .tip-phrase:before {
    content: "";
  }
}
@media screen and (min-width: 320px) and (max-width: 530px) {
  footer.sma-style #footerInner {
    text-align: left;
  }
  footer.sma-style #footerInner .footerLinks {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
  }
  footer.sma-style #footerInner .footerLinks ul.footerLinks {
    height: auto;
  }
  footer.sma-style #footerInner .footerLinks ul.footerLinks li {
    float: none;
    padding: 0 2px 0 0;
    padding: 8px 16px 0 0;
  }
  footer.sma-style #footerInner a {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.1em;
  }
  footer.sma-style .copyright {
    display: block;
    margin: 16px auto 8px;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
  }
}
@media screen and (min-width: 430px) and (max-width: 560px) {
  #breadcrumbs ul.topicPath {
    padding: 7px 0 5px 5px;
  }
  #breadcrumbs ul.topicPath li {
    float: left;
    padding-right: 5px;
  }
  #renewalInfo {
    display: block;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
  }
  #renewalInfo p {
    display: block;
    margin: 10px auto 0;
    padding: 0;
  }
  #renewalInfo p a {
    font-size: 11px;
    padding: 5px 5px 8px 5px;
  }
  #renewalInfo p a span {
    text-decoration: underline;
  }
}
@media screen and (min-width: 320px) and (max-width: 450px) {
  #breadcrumbs ul.topicPath {
    padding: 5px 0 5px 5px;
    height: 10px;
  }
  #breadcrumbs ul.topicPath li {
    padding-right: 5px;
  }
  #breadcrumbs ul.topicPath li a {
    padding-right: 10px;
  }
  #renewalInfo {
    display: block;
    margin: -15px auto 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    text-align: center;
  }
  #renewalInfo p {
    display: block;
    background: #B03537;
  }
  #renewalInfo p a {
    font-size: 14px;
  }
  #renewalInfo p a:before {
    content: ">>︎︎ ";
  }
  #renewalInfo p a:after {
    content: "<<︎";
  }
}