@charset "UTF-8";
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em; }

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap; }

/**
 * Set consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019"; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0; }

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden; }

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0; }

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/* reset adjust */
ul, ol, dd {
  margin: 0;
  padding: 0; }

li {
  list-style: none; }

@font-face {
  font-family: 'rounded_m_1c';
  src: url("/font/rounded-mplus-1c-regular.eot");
  src: url("/font/rounded-mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-regular.woff") format("woff"), url("/font/rounded-mplus-1c-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'rounded_m_1c';
  src: url("/font/rounded-mplus-1c-bold.eot");
  src: url("/font/rounded-mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-bold.woff") format("woff"), url("/font/rounded-mplus-1c-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
/* --------------------------------------------------
layout
-------------------------------------------------- */
html {
  font-size: 62.5%;
  font-family: 'rounded_m_1c'; }

body {
  color: #333333;
  line-height: 1.84;
  background-color: #ffffff;
  font-size: 1rem; }

a {
  color: #ea5514; }
  a:hover {
    text-decoration: none; }
    a:hover img {
      opacity: 0.7;
      transition: opacity 0.5s ease-out; }

/* ヘッダー
-------------------------------------------------- */
#mainHeader {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.27%;
  font-size: 12px;
  font-size: 1.2rem;
  overflow: hidden; }
  #mainHeader:after {
    display: block;
    clear: both;
    content: ""; }
  #mainHeader .inner {
    width: 100%; }
  #mainHeader .logo,
  #mainHeader .credit,
  #mainHeader .catch {
    position: absolute;
    z-index: 10; }
  #mainHeader .logo {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 24.12%;
    height: 52.44%;
    top: 1.5%;
    right: 7.13%;
    background: url("/images//logo1.png") no-repeat 0 0;
    background-size: 100% auto; }
  #mainHeader .credit {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 59.12%;
    height: 12.12%;
    bottom: 9.57%;
    right: 9.51%;
    background: url("/images//main-text1.png") no-repeat 0 0;
    background-size: 100% auto; }
  #mainHeader .catch {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    width: 20.88%;
    height: 49.13%;
    top: 32.23%;
    left: 5.39%;
    background: url("/images//main-text2.png") no-repeat 0 0;
    background-size: 100% auto; }

.news {
  width: 100%;
  height: 50px;
  margin-bottom: 37px;
  line-height: 50px;
  background: #e6e6e6;
  background: -webkit-linear-gradient(#ffffff 0%, #e6e6e6 100%);
  background: linear-gradient(#ffffff 0%, #e6e6e6 100%); }
  .news .inner {
    position: relative;
    width: 95%;
    margin: 0 auto; }
  .news .news-line {
    display: block;
    width: 86%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .news .news-line time {
      display: inline-block;
      width: 8em;
      text-align: right;
      margin-right: 15px;
      font-weight: bold; }
    .news .news-line p {
      display: inline; }
  .news .list-sns {
    position: absolute;
    overflow: hidden;
    width: 12%;
    min-width: 92px;
    top: 9px;
    right: 0; }	
	
    .news .list-sns li {
      float: left;
      width: 36px;
      text-align: center;
      line-height: 1; }
      .news .list-sns li img {
        width: 50%;
        height: auto; }
      .news .list-sns li:last-child {
        margin-left: 20px; }
        .news .list-sns li:last-child img {
          width: 100%;
          height: auto;
          margin-top: 2px; }

.contentsWrap {
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
  z-index: 2; }

.pageTop {
  width: 120px;
  height: auto;
  margin: 0 0 15px auto; }
  .pageTop img {
    width: 100%;
    height: auto; }

.mainFooter {
  position: relative;
  clear: both;
  width: 100%;
  padding: 30px 0 0;
  background-color: #4b4b4b;
  color: #ffffff;
  font-size: 13px;
  font-size: 1.3rem;
  z-index: 2; }
  .mainFooter .credit {
    width: 92%;
    margin: 0 auto 10px;
    line-height: 1.8; }
  .mainFooter .copyright {
    height: 43px;
    line-height: 43px;
    background-color: #000000;
    text-align: center;
    margin: 0; }

.mainImg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: -1; }
  .mainImg .mainImgItem {
    position: absolute;
    width: 100%; }
    .mainImg .mainImgItem img {
      width: 100%;
      height: auto; }

.blockAnimation {
  position: absolute;
  width: 100%;
  padding-top: 56.27%;
  background-color: #a9dcf6;
  z-index: 10;
  top: 0;
  left: 0; }
  .blockAnimation .animeChara,
  .blockAnimation .animeTitle {
    position: absolute;
    top: 0;
    left: 0; }
    .blockAnimation .animeChara img,
    .blockAnimation .animeTitle img {
      width: 100%;
      height: auto; }
  .blockAnimation .animeChara {
    width: 46.09%;
    height: 49.13%;
    top: 19.34%;
    right: 0;
    left: 0;
    margin: 0 auto; }
  .blockAnimation .animeTitle {
    width: 38%;
    height: 13.25%;
    top: 68.82%;
    right: 0;
    left: 0;
    margin: 0 auto; }

.gnav {
  overflow: hidden;
  width: 95%;
  margin: 0 auto 40px;
  line-height: 0; }
  .gnav li {
    float: left;
    width: 33.3%;
    background-color: #ffffff; }
    .gnav li img {
      width: 100%;
      height: auto; }

.blockInterview {
  width: 100%;
  overflow: hidden;
  line-height: 0;
  margin-bottom: 30px; }
  .blockInterview li {
    float: left;
    width: 50%;
    background-color: #ffffff; }
    .blockInterview li img {
      width: 100%;
      height: auto; }

.blockBanner2col {
  width: 95%;
  margin: 0 auto;
  line-height: 0; }
  .blockBanner2col li {
    float: left;
    width: 49%;
    margin: 0 0 20px 2%;
    background-color: #ffffff; }
    .blockBanner2col li img {
      width: 100%;
      height: auto; }
    .blockBanner2col li:first-child {
      margin-left: 0; }

.blockBanner3col {
  width: 92%;
  margin: 0 auto;
  line-height: 0; }
  .blockBanner3col li {
    float: left;
    width: 32%;
    margin: 0 0 20px 2%;
    background-color: #ffffff; }
    .blockBanner3col li:first-child {
      margin-left: 0; }
    .blockBanner3col li img {
      width: 100%;
      height: auto; }

.blockBanner4col {
	width: 96%;
	margin: 0 0 0 4%;
	line-height: 0; }
.blockBanner4col li {
	float: left;
	width: 22.6%;
	margin: 0 1.8% 20px 0;
	background-color: #ffffff; }
.blockBanner4col li img {
	width: 100%;
	height: auto; }

.wrapSns {
  overflow: hidden;
  width: 95%;
  margin: 0 auto; }
  .wrapSns .blockFacebook,
  .wrapSns .blockTwitter {
    float: left;
    width: 49%;
    margin: 0 0 20px 2%;
    text-align: center; }
    .wrapSns .blockFacebook:first-child,
    .wrapSns .blockTwitter:first-child {
      margin-left: 0; }

#mainHeader2 {
  background: #a9dcf6 url("/images//bg-title1.png") no-repeat 0 100%;
  background-size: 100% auto; }
  #mainHeader2 .inner {
    position: relative;
    width: 95%;
    min-height: 150px;
    margin: 0 auto;
    padding-top: 25px; }
    #mainHeader2 .inner:after {
      content: "";
      position: absolute;
      background: url("/images//ico1.png") no-repeat 0 100%;
      width: 110px;
      height: 114px;
      top: 23px;
      left: 6.38%; }
  #mainHeader2 .headImg {
    margin: 0;
    line-height: 0; }
    #mainHeader2 .headImg img {
      width: 100%;
      height: auto; }
  #mainHeader2 .logo {
    float: right;
    margin: 0 0 0 10px;
    max-width: 27.66%; }
    #mainHeader2 .logo img {
      width: 100%;
      height: auto; }

.contentsInner {
  width: 76%;
  margin: 0 auto;
  padding-top: 70px; }
  .contentsInner .blockImg img {
    width: 100%;
    height: auto; }

.ttlA {
  margin: 0;
  font-size: 27px;
  font-size: 2.7rem;
  padding-left: 21.28%; }

.ttlB {
  font-size: 15px;
  font-size: 1.5rem;
  padding-left: 21.28%; }

.ttlC {
  margin: 0 0 0 -20px;
  min-height: 55px;
  padding: 5px 0 0 70px;
  font-size: 25px;
  font-size: 2.5rem;
  color: #ea5514;
  font-weight: normal;
  background: url("/images//ico2.png") no-repeat 0 0; }

/* プロフィール用ページ改定201606
-------------------------------------------------- */
.ttlC_2 {
  margin: 0 0 0 0px;
  padding: 0px 0 0 0px;
  font-size: 25px;
  font-size: 2.5rem;
  color: #ea5514;
  font-weight: normal;}

.ttlC_2 span {
	  color: #FFAB6A;
	  font-size:70%;
	  padding-right:5px;
	 }


.ttlC_nonaka {
  margin: 0 0 0 0px;
  min-height: 100px;
  padding: 60px 0 0 170px;
  font-size: 25px;
  font-size: 2.5rem;
  color: #ea5514;
  font-weight: normal;
  background: url("/images//nonakamariko_profile.png") no-repeat 0 0; }

.ttlC_nonaka span {
	  color: #FFAB6A;
	  font-size:70%;
	  padding-right:5px;
	 }

.ttlC_murata {
  margin: 0 0 0 0px;
  min-height: 100px;
  padding: 60px 0 0 170px;
  font-size: 25px;
  font-size: 2.5rem;
  color: #ea5514;
  font-weight: normal;
  background: url("/images//muratakaori_profile.png") no-repeat 0 0; }

.ttlC_murata span {
	  color: #FFAB6A;
	  font-size:70%;
	  padding-right:5px;
	 }

.ttlD {
  margin: 40px 0 0 0;
  font-size: 21px;
  font-size: 2.1rem;
  color: #50a3cd;
  font-weight: normal; }

hr {
  margin: 70px 0;
  border: none;
  border-top: 2px dashed #ccc; }

@font-face {
  font-family: 'rounded_m_1c';
  src: url("/font/rounded-mplus-1c-regular.eot");
  src: url("/font/rounded-mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-regular.woff") format("woff"), url("/font/rounded-mplus-1c-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'rounded_m_1c';
  src: url("/font/rounded-mplus-1c-bold.eot");
  src: url("/font/rounded-mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-bold.woff") format("woff"), url("/font/rounded-mplus-1c-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }

  /* --------------------------------------------------
Scheduleページ改定
-------------------------------------------------- */

.table-theater{
	width:100%;
	text-align:center;
	line-height:180%;
	margin-bottom:30px;
	}

  .table-theatertr:nth-child(odd) td {
  background-color: #EAF6FD;
}
.table-theater tr:nth-child(even) td {
  background-color: #EFEFEF;
}

.contentsInner img {
	max-width:100%;
}

 /* --------------------------------------------------
aboutページ改定
-------------------------------------------------- */
  .aquarium {
	  float:left;
	  margin-top:20px;
	  width:45%;
	  padding-left:5px;}

   .aquarium h4{
		  font-size:140%;
	  }
.aquarium p span{
	color:#FF6D00;}

  .aquarium img {
	  max-width:100%;
	  }
  .aquarium2 {
	  float:right;
	  width:45%;
	  margin-top:20px;
	  padding-left:5px;}

   .aquarium2 h4{
		  font-size:140%;
	  }
.aquarium2 p span{
	color:#FF6D00;}

  .gnav-kokuchi {
    background:#EB6100;
    text-align:center;
    padding: 20px;
    margin-top:10px;
    margin-bottom:10px;
}

.gnav-kokuchi img{
 width:85%;
}

/* --------------------------------------------------
common parts
-------------------------------------------------- */
/* --- 左右 --- */
.taL {
  text-align: left; }

.taC {
  text-align: center; }

.taR {
  text-align: right; }

/* --- 幅 --- */
.width50per {
  width: 50% !important; }

.width100per {
  width: 100% !important; }

/* --- タイトル --- */
/* --- レイアウトブロック --- */
/* --- リスト --- */
  .staff ul{
	  float:left;
	  margin-top:20px;
	  padding-left:10px;}
/* --- 汎用ボックス --- */
/* --- tab --- */
@font-face {
  font-family: 'rounded_m_1c';
  src: url("/font/rounded-mplus-1c-regular.eot");
  src: url("/font/rounded-mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-regular.woff") format("woff"), url("/font/rounded-mplus-1c-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'rounded_m_1c';
  src: url("/font/rounded-mplus-1c-bold.eot");
  src: url("/font/rounded-mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-bold.woff") format("woff"), url("/font/rounded-mplus-1c-bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal; }
/* --------------------------------------------------
unique
-------------------------------------------------- */
/* top
-------------------------------------------------- */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0); }

#cboxWrapper {
  max-width: none; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0; }

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; }

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(/images/cb/overlay.png) repeat 0 0;
  opacity: 0.9;
  filter: alpha(opacity=90); }

#colorbox {
  outline: 0; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(/images/cb/controls.png) no-repeat -101px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(/images/cb/controls.png) no-repeat -130px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(/images/cb/controls.png) no-repeat -101px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(/images/cb/controls.png) no-repeat -130px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url(/images/cb/controls.png) left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url(/images/cb/controls.png) right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url(/images/cb/border.png) 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url(/images/cb/border.png) 0 -29px repeat-x; }

#cboxContent {
  background: #fff;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  margin-bottom: 28px; }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxLoadingOverlay {
  background: url(/images/cb/loading_background.png) no-repeat center center; }

#cboxLoadingGraphic {
  background: url(/images/cb/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(/images/cb/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(/images/cb/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/images/cb/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

@media only screen and (max-width: 768px) {
  @font-face {
    font-family: 'rounded_m_1c';
    src: url("/font/rounded-mplus-1c-regular.eot");
    src: url("/font/rounded-mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-regular.woff") format("woff"), url("/font/rounded-mplus-1c-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: 'rounded_m_1c';
    src: url("/font/rounded-mplus-1c-bold.eot");
    src: url("/font/rounded-mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-bold.woff") format("woff"), url("/font/rounded-mplus-1c-bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal; }
  /* --------------------------------------------------
  layout
  -------------------------------------------------- */
  /* ヘッダー
  -------------------------------------------------- */
  #mainHeader .logo {
    width: 76.37%;
    height: 26.31%;
    top: 7%;
    right: 13.28%;
    background: url("/images//logo1_sp.png") no-repeat 0 0;
    background-size: 100% auto; }
  #mainHeader .credit {
    width: 60.64%;
    height: 12.37%;
    bottom: 46%;
    right: 24.02%;
    background: url("/images//main-text1_sp.png") no-repeat 0 0;
    background-size: 100% auto; }
  #mainHeader .catch {
    width: 38.38%;
    height: 39.72%;
    top: 54%;
    left: 25.00%;
    background: url("/images//main-text2_sp.png") no-repeat 0 0;
    background-size: 100% auto; }

  .news .list-sns {
    min-width: inherit;
    top: 20%; }
    .news .list-sns li {
      width: 44%; }
      .news .list-sns li:last-child {
        margin-left: 12%; }

  .pageTop {
    width: 80px;
    margin: 0 0 10px auto; }

  .mainFooter .credit {
    width: 90%; }

  .gnav {
    width: 90%;
    margin: 0 auto 30px; }
    .gnav li {
      width: 50%; }

  .blockBanner2col {
    width: 100%; }
    .blockBanner2col li {
      float: none;
      width: 90%;
      margin: 0 auto 20px; }
      .blockBanner2col li:first-child {
        margin-left: auto; }

  .blockBanner3col {
    width: 100%; }
    .blockBanner3col li {
      float: none;
      width: 90%;
      margin: 0 auto 20px; }
      .blockBanner3col li:first-child {
        margin-left: auto; }

  .blockBanner4col {
    width: 95%;
    margin: 0 0 0 5%;}
    .blockBanner4col li {
      width: 46%;
      margin: 0 2.9% 20px 0; }

  .wrapSns .blockFacebook,
  .wrapSns .blockTwitter {
    float: none;
    width: 90%;
    margin: 0 auto 20px; }
    .wrapSns .blockFacebook:first-child,
    .wrapSns .blockTwitter:first-child {
      margin-left: auto; }

  #mainHeader2 .inner {
    padding-bottom: 20%;
    min-height: inherit; }
    #mainHeader2 .inner:after {
      background-size: 100% auto;
      width: 12%;
      height: 0;
      padding-top: 15%;
      top: auto;
      bottom: 10%;
      left: auto;
      right: 0; }
  #mainHeader2 .logo {
    position: absolute;
    float: none;
    max-width: inherit;
    width: 35%;
    bottom: 12%;
    right: 16%;
    margin: auto; }

  .contentsInner {
    width: 90%; }

  .ttlA {
    width: 95%;
    margin: 0 auto 5px;
    padding-left: 0; }

  .ttlB {
    width: 95%;
    margin: 0 auto;
    padding-left: 0; }

  .ttlC {
    margin: 0 0 0 -10px; }

  hr {
    margin: 40px 0 35px; }


  @font-face {
    font-family: 'rounded_m_1c';
    src: url("/font/rounded-mplus-1c-regular.eot");
    src: url("/font/rounded-mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-regular.woff") format("woff"), url("/font/rounded-mplus-1c-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: 'rounded_m_1c';
    src: url("/font/rounded-mplus-1c-bold.eot");
    src: url("/font/rounded-mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-bold.woff") format("woff"), url("/font/rounded-mplus-1c-bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal; }
  /* --------------------------------------------------
  common parts
  -------------------------------------------------- */
  /* --- 左右 --- */
  /* --- 幅 --- */
  /* --- タイトル --- */
  /* --- レイアウトブロック --- */
  /* --- リスト --- */
  /* --- 汎用ボックス --- */
  /* --- tab --- */
  @font-face {
    font-family: 'rounded_m_1c';
    src: url("/font/rounded-mplus-1c-regular.eot");
    src: url("/font/rounded-mplus-1c-regular.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-regular.woff") format("woff"), url("/font/rounded-mplus-1c-regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal; }
  @font-face {
    font-family: 'rounded_m_1c';
    src: url("/font/rounded-mplus-1c-bold.eot");
    src: url("/font/rounded-mplus-1c-bold.eot?#iefix") format("embedded-opentype"), url("/font/rounded-mplus-1c-bold.woff") format("woff"), url("/font/rounded-mplus-1c-bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal; }
  /* --------------------------------------------------
  unique
  -------------------------------------------------- */
  /* top
  -------------------------------------------------- */ }

/*# sourceMappingURL=styles.css.map */