@charset "utf-8";

/*! ==========================================================================

   INFOPLATE 5 custom.css v.1.0

   ========================================================================== */

/* ==========================================================================
   テーマの基本色
   ========================================================================== */

/* [color] の所にカラーコードを記述する */

/* Smooth
   ========================================================================== */

.smooth a { color: [color] }

.smooth .form-button,
.smooth .button { background-color: [color] }

/* Cure
   ========================================================================== */

.cure .global-navi,
.cure .global-navi-w,
.cure .global-navi-inner li ul li,
.cure .global-navi-inner li ul li ul li,
.cure .subheader--small,
.cure .box--large > .box__title,
.cure .box--large > .box__title--small,
.cure .box--medium > .box__title,
.cure .box--medium > .box__title--small,
.cure .box--medium > .box__title span,
.cure .bgcolor--large,
.cure .bgcolor--medium,
.cure .table--large th,
.cure .form-button,
.cure .button { background-color: [color] }

.cure .subheader--medium,
.cure .box--large,
.cure .box--medium,
.cure .box--medium > .box__title,
.cure .box--medium > .box__title--small,
.cure .bgcolor--large { border-color: [color] }

.cure .subheader--large,
.cure .order__h1,
.cure .voice .voice__head { color: [color] }

.cure .box--large { background: [color(2)] }

/* Merry
   ========================================================================== */

.merry .global-navi,
.merry .global-navi-w,
.merry .global-navi-inner li ul li,
.merry .global-navi-inner li ul li ul li,
.merry .subheader--small,
.merry .box--large > .box__title,
.merry .box--large > .box__title--small,
.merry .box--medium > .box__title,
.merry .box--medium > .box__title--small,
.merry .box--medium > .box__title span,
.merry .bgcolor--large,
.merry .bgcolor--medium,
.merry .table--large th,
.merry .form-button,
.merry .button { background-color: [color] }

.merry .box--large,
.merry .box--medium,
.merry .box--medium > .box__title,
.merry .box--medium > .box__title--small,
.merry .bgcolor--large { border-color: [color] }

.merry .subheader--large,
.merry .subheader--medium,
.merry .order__h1,
.merry .voice .voice__head { color: [color] }

.merry .box--large { background: [color(2)] }
.merry .subheader--medium {
    background: -webkit-linear-gradient     (left, rgba(255,255,255,0), [color(2)], rgba(255,255,255,0));
    background:         linear-gradient( to right, rgba(255,255,255,0), [color(2)], rgba(255,255,255,0));
}

/* Brisk
   ========================================================================== */

.brisk .global-navi,
.brisk .global-navi-w,
.brisk .global-navi-inner li ul li,
.brisk .global-navi-inner li ul li ul li,
.brisk .box--medium > .box__title span,
.brisk .bgcolor--medium,
.brisk .table--large th,
.brisk .form-button { background-color: [color] }

.brisk .subheader--medium,
.brisk .subheader--small .inner,
.brisk .box--large,
.brisk .box--medium > .box__title,
.brisk .box--medium > .box__title--small,
.brisk .bgcolor--medium { border-color: [color] }

.brisk .voice .voice__head { color: [color] }

/* Loud
   ========================================================================== */

.loud .global-navi,
.loud .global-navi-w,
.loud .global-navi-inner li ul li,
.loud .global-navi-inner li ul li ul li,
.loud .box--medium > .box__title span,
.loud .bgcolor--medium,
.loud .table--large th,
.loud .form-button { background-color: [color] }

.loud .subheader--large,
.loud .subheader--small .inner,
.loud .box--large,
.loud .box--medium > .box__title,
.loud .box--medium > .box__title--small { border-color: [color] }

.loud .order__h1,
.loud .voice .voice__head { color: [color] }

.loud .l-container { box-shadow: 0 0 50px 10px [color] }
.loud .subheader--small { box-shadow: 0 0 13px 1px [color] }

.loud .subheader--medium {
    background: [color];
    background: -webkit-linear-gradient     (left, transparent, [color], [color], transparent);
    background:         linear-gradient( to right, transparent, [color], [color], transparent);
}


/* ==========================================================================
   色
   ========================================================================== */

/* ページ背景色 */
body { background-color: #fff }

/* ページ背景画像 */
body {
  background-position: ;
  background-repeat: ;
}

/* リンク */
a { color:  }
a:hover { color:  }

/* サイトタイトル */
.site-title,
.site-title a { color: #333 }
.site-title a:hover { color: #666 }
.site-description { color: #666 }

/* ヘッダーナビ */
.header-navi li a { color: #666 }
.header-navi li a:hover,
.header-navi li a.active { color: #999 }

/* グローバルナビ */
.global-navi-inner,
.global-navi-inner-w,
.global-navi-inner li ul li,
.global-navi-inner li ul li ul li { background-color: ;}
.global-navi-inner li a { color: ; text-shadow:  }

/* コンテンツエリアの背景色 */
.l-container { background-color: }

/* ページの先頭への三角 url(img/pagetop-blk.png) か url(img/pagetop-wht.png) */
.pagetop a { background-image:  }

/* フッター */
.l-footer address,
.l-footer p { color: #333 }
.l-footer a { color: #666 }


/* ==========================================================================
   大きさ
   ========================================================================== */

/* ページ全体の幅 */
.c1   .l-header-inner, .c1   .global-navi, .c1   .global-navi-inner, .c1   .l-container, .c1   .l-footer-inner { max-width:  }
.c2l  .l-header-inner, .c2l  .global-navi, .c2l  .global-navi-inner, .c2l  .l-container, .c2l  .l-footer-inner { max-width:  }
.c2r  .l-header-inner, .c2r  .global-navi, .c2r  .global-navi-inner, .c2r  .l-container, .c2r  .l-footer-inner { max-width:  }

/* メイン・サブの幅 */
.l-main { width: 75% }
.l-sub  { width: 25% }

/* メイン・サブ間の間隔 */
/* c2r */
.c2r .l-main { padding-right:  }
.c2r .l-sub  { padding-left:   }

/* c2l */
.c2l .l-main { padding-left:  12px }
.c2l .l-sub  { padding-right: 12px }

/* サイトタイトル */
.site-title { font-size:  ; margin-bottom: -10px;}
.site-title { font-weight:  }

/* サイトの説明 */
.site-description { font-size:  }
.site-description { width:  }

/* ヘッダーナビ */
.header-navi li { font-size:  }

/* グローバルナビ */
.global-navi-inner li { font-size:  }

/* コンテンツエリア内側の余白 Nには同じ数字が入る */
.l-container, .c2l .l-container, .c2r .l-container { padding: 30px }
*[class*="bgcolor--"], .c2l *[class*="bgcolor--"], .c2r *[class*="bgcolor--"] { margin-left:  -30px }
*[class*="bgcolor--"], .c2l *[class*="bgcolor--"], .c2r *[class*="bgcolor--"] { margin-right: -30px }

/* ボックス内側の余白 [Nm],[Ns]には同じ数字が入る */
*[class*="box--"] { padding: 18px }
*[class*="box--"] > *[class*="box__title"],
*[class*="box--"] > .box__title--small { margin: -18px -18px 18px }

.sub *[class*="box--"] { padding: [Ns]px }
.sub *[class*="box--"] > *[class*="box__title"],
.sub *[class*="box--"] > .box__title--small { margin: -[Ns]px -[Ns]px [Ns]px }

/* 背景色の余白 */
*[class*="bgcolor--"] { padding:  }

/* フッター */
.l-footer address,
.l-footer p { font-size:  }


/* ==========================================================================
   形
   ========================================================================== */

/* コンテンツエリアの角 */
.l-container { border-radius:  }

/* コンテンツエリアの影 */
.l-container { box-shadow:  }


/* ==========================================================================
   その他
   ========================================================================== */
   
.banner { margin-bottom: 30px }

.slides,
.flex-control-nav,
.flex-direction-nav { margin: 0 !important }

.frame {
  border: none;
}


@media(max-width: 640px) {
  .c1 .l-container.frame {
      padding: 15px;
  }
  *[class*="bgcolor--"] { margin-left:  -15px }
  *[class*="bgcolor--"] { margin-right: -15px }
  *[class*="bgcolor--"] > .bgcolor__head {
    margin-top: 0 !important;
    margin-left: 0 !important;
    text-align: center;
}
}

/* フォーム CTP
   ========================================================================== */

.form--ctp {
}

.form--ctp p {
  text-align: left;
}

.form--ctp .form--item {
  margin: 0;
  padding: 1em 0;
  display: block;
  border-top: 1px solid #eee;
  clear: both;
  overflow: hidden;
  text-align: left;
}

.form--ctp .form--item span.left {
  display: block;
  font-weight: bold;
  float: left;
  margin-right: 1em;
  width: 12em;
}

.form--ctp .form--item span.right {
  display: block;
  float: left;
}

.form--ctp label {
	margin: 0;
	padding: 1em 0;
	display: block;
	border-bottom: 1px solid #eee;
	  clear: both;
  overflow: hidden;
  text-align: left;
}

.form--ctp label span {
	display: block;
	font-weight: bold;
	float: left;
	margin-right: 1em;
	width: 12em;
}

.form--ctp input[type="text"] {
  margin: 0;
  width: 50%;
}

.form--ctp input[type="text_n"] {
  margin: 0;
  width: 25%;
}

.form--ctp input[type="textarea"] {
  margin: 0;
  width: 100%;
}

.form--ctp textarea {
  margin: .5em 0;
  width: 100%;
}

.form--ctp .form-button,
.form--ctp .form-button-w {
	position: relative;
	display: inline-block;
	margin: 1em auto 0;
	border: 1px solid rgba(0,0,0,.33);
	border-radius: 4px;
	background-origin: border-box;
	box-shadow: 0 1px 1px rgba(0,0,0,.2), inset 0 -2px rgba(0,0,0,.1), inset 0 1px rgba(255,255,255,.2);
	/* oldie */
	position: relative;
	zoom: 1;
	-pie-box-shadow: 0 1px 2px #999;
	behavior: url(ipfw/PIE.htc);
}

.form--ctp .form-button {
  width: 30%;
}

@media(max-width: 640px) {

  .form--ctp .form--item span.left ,
  .form--ctp .form--item span.right {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .form--ctp .form-button {
    width: 100%;
  }
}

/* 幅調整 */

*[class*="form--"] input.input--w1em { width: 1em; }
*[class*="form--"] input.input--w2em { width: 2em; }
*[class*="form--"] input.input--w3em { width: 3em; }
*[class*="form--"] input.input--w4em { width: 4em; }
*[class*="form--"] input.input--w5em { width: 5em; }
*[class*="form--"] input.input--w6em { width: 6em; }
*[class*="form--"] input.input--w7em { width: 7em; }
*[class*="form--"] input.input--w8em { width: 8em; }
*[class*="form--"] input.input--w9em { width: 9em; }
*[class*="form--"] input.input--w10em { width: 10em; }
*[class*="form--"] input.input--w11em { width: 11em; }
*[class*="form--"] input.input--w12em { width: 12em; }
*[class*="form--"] input.input--w13em { width: 13em; }
*[class*="form--"] input.input--w14em { width: 14em; }
*[class*="form--"] input.input--w15em { width: 15em; }
*[class*="form--"] input.input--w16em { width: 16em; }
*[class*="form--"] input.input--w17em { width: 17em; }
*[class*="form--"] input.input--w18em { width: 18em; }
*[class*="form--"] input.input--w19em { width: 19em; }
*[class*="form--"] input.input--w20em { width: 20em; }

@media(max-width: 640px) {
  *[class*="input--w"] { width: 100%; }
}