@charset "utf-8";
/*
	theme color operation

----------------------------------------------*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
form label,
form button {
  cursor: pointer;
}
img {
  vertical-align: bottom;
  border: none;
}
blockquote,
q {
  quotes: none;
}
/*
	theme color operation

/*============================ index ============================

	A.タグの再定義

	C.リンク設定
	D.BOX設定
	E.ヘッダー要素設定
	F.ナビゲーション要素設定
	G.メイン要素設定
	H.ボタン要素設定
	I.フッター要素設定
	J.パンくず、pagetopボタン設定
	K.タイトル設定
	l.ポップアップページ設定

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

	■A.タグの再定義

================================================================*/
body {
  margin: 0px auto;
  padding: 0px;
  line-height: 1.5;
}
/*==============================================================

	■C.リンク設定

================================================================*/
a {
  text-decoration: none;
  color: #453E3A;

}
a:hover {
  text-decoration: underline;
  color: #E35A5A;
}
/*==============================================================

================================================================*/
/* ヘッダーBOX */
/* コンテンツBOX */
/* メインBOXのラップするクラス */
/* フッターBOX */
/*==============================================================

	■E.ヘッダー要素設定

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

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

	■F.ナビゲーション要素設定

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

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

	■G.フッター要素設定

================================================================


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

	■H.メイン要素設定

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

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

  ■I.ボタン要素設定

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

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

  ■タブレット

================================================================*/
@media only screen and (max-width: 768px) {}
/*==============================================================

  ■スマートフォン

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

@media only screen and (max-width: 479px) {}


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

	■I.パンくず、pagetopボタン、サイト内検索 設定

================================================================*/
/* パンくずメニュー */
/*==============================================================

	■J.タイトル設定

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

	■K.装飾設定

================================================================*/
/*============================ index ============================

	A.テキストスタイル
	B.リンク,ボタン配置
	C.ボックス配置
	D.テーブル配置
	E.アンカーリンク
	F.リスト要素設定
	G.入力フォームスタイル
	H.画像表示スタイル
	I.色設定
	J.ボーダー,マージン,パディング,幅
	K.その他　共通スタイル設定

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

	■A.テキストスタイル

================================================================*/
/* 共通段落設定 */
.section small,
section small {
  font-size: 84.61538461538461%;
}
/* 左右寄せ */
.left {
  text-align: left		!important;
}
.right {
  text-align: right		!important;
}
.center {
  text-align: center	!important;
}
/* 強調文字 */
.bold {
  font-weight: bold		!important;
}
.italic {
  font-style: italic	!important;
}
/* テキストデコレーション */
.underline {
  text-decoration: underline !important;
}
.block {
  display: block;
}
/*	文字サイズ指定
	http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html

	.t9 { font-size: 69.2%	;}
	.t10 { font-size: 77%	;}
	.t11 { font-size: 83.3%	;}
	.t12 { font-size: 93%	;}
	.t13 { font-size: 100%	;}
	.t14 { font-size: 108%	;}
	.t15 { font-size: 116%	;}
	.t16 { font-size: 123.1%;}
	.t17 { font-size: 131%	;}
	.t18 { font-size: 138.5%;}
	.t19 { font-size: 146.5%;}
	.t20 { font-size: 153.9%;}
	.t21 { font-size: 161.6%;}
	.t22 { font-size: 167%	;}
	.t23 { font-size: 174%	;}
	.t24 { font-size: 182%	;}
	.t25 { font-size: 189%	;}
	.t26 { font-size: 197%	;}
*/
.t9 {
  font-size: 69.23076923076923% !important;
}
.t10 {
  font-size: 76.92307692307693% !important;
}
.t11 {
  font-size: 84.61538461538461% !important;
}
.t12 {
  font-size: 92.3076923076923% !important;
}
.t13 {
  font-size: 100% !important;
}
.t14 {
  font-size: 107.6923076923077% !important;
}
.t15 {
  font-size: 115.38461538461537% !important;
}
.t16 {
  font-size: 123.07692307692308% !important;
}
.t17 {
  font-size: 130.76923076923077% !important;
}
.t18 {
  font-size: 138.46153846153845% !important;
}
.t19 {
  font-size: 146.15384615384613% !important;
}
.t20 {
  font-size: 153.84615384615387% !important;
}
.t21 {
  font-size: 161.53846153846155% !important;
}
.t22 {
  font-size: 169.23076923076923% !important;
}
.t23 {
  font-size: 176.9230769230769% !important;
}
.t24 {
  font-size: 184.6153846153846% !important;
}
.t25 {
  font-size: 192.30769230769232% !important;
}
.t26 {
  font-size: 200% !important;
}
/* 文字色系 */
.white {
  color: #fff		!important;
}
.red {
  color: #9d261d !important;
}
.yellow {
  color: #ffc40d !important;
}
.orange {
  color: #ff5a26 !important;
}
.pink {
  color: #c3325f !important;
}
.purple {
  color: #7a43b6 !important;
}
.blue {
  color: #049cdb !important;
}
.blue_dark {
  color: #054c79 !important;
}
.green {
  color: #46a546 !important;
}
.gray {
  color: #808080 !important;
}
.black {
  color: #000000 !important;
}
.attention {
  color: #EA4701	!important;
}
/*==============================================================

	■B.リンク,ボタン配置

================================================================*/
/* 基本ボタンスタイル（テキストで作成するボタン） */
/*==============================================================

	■C.ボックス配置

================================================================*/
/*
	table cell	テーブルレイアウト
----------------------------------------------*/
/*
	左右フロート 
----------------------------------------------*/
.fr {
  float: right;
}
.fl {
  float: left;
}
/*==============================================================

	■D.テーブル配置

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

	■E.アンカーリンク

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

	■F.リスト要素設定

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

	■G.入力フォームスタイル

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

	■H.画像表示スタイル

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

	■I.色設定

================================================================*/
/* テーマカラー */
/*==============================================================

	■J.ボーダー,マージン,パディング,幅

	 *タグに直接指定して使用する事を想定。mixinとしては使用しないこと。

================================================================*/
/*	ボーダー設定
------------------------------------------ */
/* border無し */
/*	マージン設定----------------------------------------- */
/* margin無し */
.no_margin {
  margin: 0px !important;
}
.m5 {
  margin: 5px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m35 {
  margin: 35px !important;
}
.m40 {
  margin: 40px !important;
}
.m45 {
  margin: 45px !important;
}
.m50 {
  margin: 50px !important;
}
/* 上 */
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt45 {
  margin-top: 45px !important;
}
.mt50 {
  margin-top: 50px !important;
}
/* 右 */
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr45 {
  margin-right: 45px !important;
}
.mr50 {
  margin-right: 50px !important;
}
/* 下 */
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
/* 左 */
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml45 {
  margin-left: 45px !important;
}
.ml50 {
  margin-left: 50px !important;
}
/* パディング設定
------------------------------------------ */
/* padding無し */
.no_padding {
  padding: 0px !important;
}
.p5 {
  padding: 5px !important;
}
.p10 {
  padding: 10px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p35 {
  padding: 35px !important;
}
.p40 {
  padding: 40px !important;
}
.p45 {
  padding: 45px !important;
}
.p50 {
  padding: 50px !important;
}
/* 上 */
.pt5 {
  padding-top: 5px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt45 {
  padding-top: 45px !important;
}
.pt50 {
  padding-top: 50px !important;
}
/* 右 */
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr45 {
  padding-right: 45px !important;
}
.pr50 {
  padding-right: 50px !important;
}
/* 下 */
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb45 {
  padding-bottom: 45px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
/* 左 */
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl45 {
  padding-left: 45px !important;
}
.pl50 {
  padding-left: 50px !important;
}
/*
	% width
----------------------------------------------*/
.w100 {
  width: 100% !important;
}
.w95 {
  width: 95% !important;
}
.w90 {
  width: 90% !important;
}
.w85 {
  width: 85% !important;
}
.w80 {
  width: 80% !important;
}
.w75 {
  width: 75% !important;
}
.w70 {
  width: 70% !important;
}
.w65 {
  width: 65% !important;
}
.w60 {
  width: 60% !important;
}
.w55 {
  width: 55% !important;
}
.w50 {
  width: 50% !important;
}
.w45 {
  width: 45% !important;
}
.w40 {
  width: 40% !important;
}
.w35 {
  width: 35% !important;
}
.w30 {
  width: 30% !important;
}
.w25 {
  width: 25% !important;
}
.w20 {
  width: 20% !important;
}
.w15 {
  width: 15% !important;
}
.w10 {
  width: 10% !important;
}
.w5 {
  width: 5% !important;
}
/*==============================================================

	■K.その他　共通スタイル設定

================================================================*/
.cf:before,
.cf:after,
.tit_wrap_middle:before,
.tit_wrap_middle:after,
#box_wrap_in:before,
#box_wrap_in:after {
  content: " ";
  /* 1 */

  display: table;
  /* 2 */

}
.cf:after,
.tit_wrap_middle:after,
#box_wrap_in:after {
  clear: both;
}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf,
.tit_wrap_middle,
#box_wrap_in {
  *zoom: 1;
}
/*==============================================================

	G.Page Styles

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

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */