@charset "UTF-8";

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

CSS SETTING

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

html, body,
#responsiveBaseFrame div,
#responsiveBaseFrame span,
#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 a,
#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 ul,
#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;
}

body {
    font-size:12px;
    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%;
}

#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 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;
}

#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;
    color:#19B5AF;
}

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

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

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

#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 {
    color:#238E9A;
}

#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;
}


#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;
}








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

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;
  }

  #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;
  }