@charset "UTF-8";

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

CSS SETTING

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
html {
  overflow-y: scroll;
}


#responsiveBaseFrame div,

#responsiveBaseFrame applet,
#responsiveBaseFrame object,
#responsiveBaseFrame iframe,
#responsiveBaseFrame h1,
#responsiveBaseFrame h2,
#responsiveBaseFrame h3,
#responsiveBaseFrame h4,
#responsiveBaseFrame h5,
#responsiveBaseFrame h6,
#responsiveBaseFrame p,
#responsiveBaseFrame blockquote,
#responsiveBaseFrame pre,

#responsiveBaseFrame abbr,
#responsiveBaseFrame acronym,
#responsiveBaseFrame address,
#responsiveBaseFrame big,
#responsiveBaseFrame cite,
#responsiveBaseFrame code,
#responsiveBaseFrame del,
#responsiveBaseFrame dfn,
#responsiveBaseFrame em,
#responsiveBaseFrame font,
#responsiveBaseFrame img,
#responsiveBaseFrame ins,
#responsiveBaseFrame kbd,
#responsiveBaseFrame q,
#responsiveBaseFrame s,
#responsiveBaseFrame samp,
#responsiveBaseFrame small,
#responsiveBaseFrame strike,
#responsiveBaseFrame strong,
#responsiveBaseFrame sub,
#responsiveBaseFrame sup,
#responsiveBaseFrame tt,
#responsiveBaseFrame var,
#responsiveBaseFrame b,
#responsiveBaseFrame u,
#responsiveBaseFrame i,
#responsiveBaseFrame center,
#responsiveBaseFrame dl,
#responsiveBaseFrame dt,
#responsiveBaseFrame dd,
#responsiveBaseFrame ol,

#responsiveBaseFrame li,
#responsiveBaseFrame fieldset,
#responsiveBaseFrame form,
#responsiveBaseFrame label,
#responsiveBaseFrame legend,
#responsiveBaseFrame table,
#responsiveBaseFrame caption,
#responsiveBaseFrame tbody, 
#responsiveBaseFrame tfoot,
#responsiveBaseFrame thead,
#responsiveBaseFrame tr,
#responsiveBaseFrame th,
#responsiveBaseFrame td,
#responsiveBaseFrame figure,
#responsiveBaseFrame input[type="checkbox"] {
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  -webkit-text-size-adjust: none;
  text-shadow: none;
  font-size: 10px;
  background: rgba（219, 226, 226） !important; 
  
}

html,
body {
  margin: 0;
  padding: 0;
  font-size: 10px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
  line-height: 1.7;
  text-align: center;
  color: #666666;
  min-height: 100%;
  background: rgba(255, 255, 255, 1) !important; /* 白色背景 */
  /* または background: rgba(219, 226, 226, 1) !important; グレー背景 */
}

#responsiveBaseFrame span{
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  -webkit-text-size-adjust: none;
  text-shadow: none;
  font-size: 10px;
  /* 文字色・サイズ */
  color: #ffffff;
  font-size: 12px;
  text-align: center !important;
  /* 中央寄せ */
  text-align: center;
  
  /* 行揃えの強制解除（justify → normal） */
  text-justify: auto;
  border: none;
  list-style: none;
  background: rgba（219, 226, 226） !important; 
  
}

#responsiveBaseFrame ul{
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  outline: 0;
  -webkit-text-size-adjust: none;
  text-shadow: none;
  font-size: 12px;
  line-height: 20.4px;
  color: #666;   
  margin-top: 10px;
  padding: 0px 0 30px;
  border: none;
  height: auto;
  
}

#responsiveBaseFrame a{
margin: 0;
padding: 0;
background: transparent;
border: 0;
outline: 0;
-webkit-text-size-adjust: none;
text-shadow: none;
font-size: 12px;

}

body {
  font-size: 10px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
  font-size: small;
  font: x-small;
  line-height: 1.7;
  background-color: transparent;
  text-align: center;
  color: #666666;
  min-height: 100%;
  background: rgba（255, 255, 255） !important; 
}

#responsiveBaseFrame p,
#responsiveBaseFrame ul li,
#responsiveBaseFrame dl dt,
#responsiveBaseFrame dl dd,
#responsiveBaseFrame table th,
#responsiveBaseFrame table td,
#responsiveBaseFrame h1,
#responsiveBaseFrame h2,
#responsiveBaseFrame h3,
#responsiveBaseFrame h4,
#responsiveBaseFrame h5,
#responsiveBaseFrame h6,
#responsiveBaseFrame caption,
#responsiveBaseFrame address,
#responsiveBaseFrame blockquote,
#responsiveBaseFrame pre {
  text-align: justify;
  text-justify: inter-ideograph;
  line-break: strict;
  font-weight: normal;
}

#responsiveBaseFrame input,
#responsiveBaseFrame textarea {
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 0px;
}
#responsiveBaseFrame ul li::marker { content:'' !important; }
#responsiveBaseFrame input,
#responsiveBaseFrame select,
#responsiveBaseFrame textarea,
#responsiveBaseFrame option {
  font: 99% arial, helvetica, clean, sans-serif;
  /* for macIE5 \*/
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", Arial, verdana, sans-serif;
  font-weight: normal;
  color: #FFF;
}

#responsiveBaseFrame input[type="text"],
#responsiveBaseFrame input[type="email"],
#responsiveBaseFrame input[type="password"],
#responsiveBaseFrame textarea {
  padding: 4px;
  border: 1px solid #d9e0e0;
  width: 100%;
}

#responsiveBaseFrame pre,
#responsiveBaseFrame code,
#responsiveBaseFrame kbd,
#responsiveBaseFrame samp,
#responsiveBaseFrame tt {
  font-family: monospace;
  line-height: 100%;
}

/* ----------------
   LINK
---------------- */
#responsiveBaseFrame a {
  text-decoration: underline;
  outline: none;
  

#responsiveBaseFrame a:link {
  text-decoration: underline;
  
}

#responsiveBaseFrame a:visited {
  text-decoration: underline;
  
}

#responsiveBaseFrame a:active {
  text-decoration: underline;
  
}

#responsiveBaseFrame header a,
#responsiveBaseFrame header a:link,
#responsiveBaseFrame header a:visited,
#responsiveBaseFrame header a:active,
#responsiveBaseFrame #sideMenu a,
#responsiveBaseFrame #sideMenu a:link,
#responsiveBaseFrame #sideMenu a:visited,
#responsiveBaseFrame #sideMenu a:active {
  
}

#responsiveBaseFrame a:hover,
#responsiveBaseFrame header a:hover,
#responsiveBaseFrame #sideMenu a:hover {
  color: #53c8c3;
  text-decoration: underline;
}

#responsiveBaseFrame a img,
#responsiveBaseFrame :link img,
#responsiveBaseFrame :visited img {
  border: none;
}

#responsiveBaseFrame a {
  overflow: hidden;
}

#responsiveBaseFrame img,
#responsiveBaseFrame abbr,
#responsiveBaseFrame acronym,
#responsiveBaseFrame fieldset {
  border: 0;
  vertical-align: bottom;
}

/* ----------------
   CAPTION
---------------- */
#responsiveBaseFrame #areaContents h1,
#responsiveBaseFrame #areaContents h2,
#responsiveBaseFrame #areaContents h3,
#responsiveBaseFrame #areaContents h4,
#responsiveBaseFrame #areaContents h5,
#responsiveBaseFrame #areaContents h6 {
  line-height: 1.3;
}

/* ----------------
   TABLE
---------------- */
#responsiveBaseFrame table {
  font-size: inherit;
  font: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

#responsiveBaseFrame th,
caption {
  text-align: left;
}

#responsiveBaseFrame select option {
  padding: 0 0.5em;
}

/* ----------------
   FORM
---------------- */
#responsiveBaseFrame form label {
  cursor: pointer;
}

#responsiveBaseFrame input:focus,
#responsiveBaseFrame select:focus,
#responsiveBaseFrame textarea:focus {
}

/* ----------------
   ETC
---------------- */
#responsiveBaseFrame ol,
#responsiveBaseFrame ul {
  list-style: none;
}

#responsiveBaseFrame li {
  list-style-type: none;
  list-style-position: outside;
  font-size: 10px;
}

#responsiveBaseFrame blockquote,
#responsiveBaseFrame q {
  quotes: none;
}

#responsiveBaseFrame :focus {
  outline: 0;
}

#responsiveBaseFrame ins {
  text-decoration: none;
}

#responsiveBaseFrame del {
  text-decoration: line-through;
}

#responsiveBaseFrame q:before,
#responsiveBaseFrame q:after {
  content: "";
}

#responsiveBaseFrame hr {
  border: 0;
  height: 1px;
  background-color: #000000;
  color: #000000;
}

#responsiveBaseFrame address {
  font-style: normal;
}

#responsiveBaseFrame object,
#responsiveBaseFrame embed {
  vertical-align: top;
}

.clearfix:after {
  content: "."; /* 新しい要素を作る */
  display: block; /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}

.displayNone,
.displayNone * {
  position: absolute !important;
  left: 0px !important;
  top: 0px !important;
  text-indent: -9999px !important;
  width: 1px !important;
  height: 1px !important;
}

/* mac chrome でデフォルトで outline が入る為 */
:focus {
  outline: none;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−

PC,SP共通ルール

−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  このページの先頭
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#responsiveBaseFrame #top {
  /* このページの先頭 */
  position: absolute;
  width: 1px;
  height: 1px;
  left: 0;
  top: 0;
  text-indent: -9999px;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  テキスト色
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#responsiveBaseFrame .textRed {
  color: #e25454;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  ステータス ベタ塗り
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#responsiveBaseFrame span.status {
  display: inline-block;
  text-align: center;
  color: #ffffff;
  width: 100px;
  margin-right: 10px;
}

#responsiveBaseFrame span.bgGreen {
  background-color: #19b5af;
}
#responsiveBaseFrame span.bgPink {
  background-color: #ef3581;
}
#responsiveBaseFrame span.bgGray {
  background-color: #707070;
}

/* −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−
  BXSLIDER
  −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */
#responsiveBaseFrame .bx-wrapper {
  position: relative;
}

#responsiveBaseFrame .bx-wrapper li {
  background-color: #ffffff;
  text-align: center;
  font-size: 10px;
}

#responsiveBaseFrame .bx-wrapper li a {
  text-decoration: none;
}

#responsiveBaseFrame .bx-controls-direction {
  position: relative;
}

#responsiveBaseFrame .bx-prev,
#responsiveBaseFrame .bx-next {
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  position: absolute;
  text-indent: -9999px;
  width: 13px;
  background-color: #ffffff;
  top: -100px;
}
#responsiveBaseFrame .bx-prev:hover,
#responsiveBaseFrame .bx-next:hover {
  background-position: 0 bottom;
}
#responsiveBaseFrame .bx-prev {
  background-image: url(../pc_images_v2/pc/common/sliderPrevBtn.png);
  left: -40px;
}
#responsiveBaseFrame .bx-next {
  background-image: url(../pc_images_v2/pc/common/sliderNextBtn.png);
  right: -40px;
}
#responsiveBaseFrame .bx-pager {
  text-align: center;
  padding-top: 10px;
}
#responsiveBaseFrame .bx-pager div {
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  font-size: 0px;
}
#responsiveBaseFrame .bx-pager div a {
  background-image: url(../pc_images_v2/pc/common/sliderCircleNormal.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
  height: 10px;
  text-indent: -9999px;
  width: 10px;
}

#responsiveBaseFrame .bx-pager div a.active {
  background-image: url(../pc_images_v2/pc/common/sliderCircleActive.png);
}

#movie_area {
  position: relative;
  width: 90%;
  padding-top: 50.25%;
  margin: auto;
  margin-top: 28px;
}

#movie_area iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}