@charset "UTF-8";
/*---------------------------------------
editor-styleの役割
-----------------------------------------
【どんなテーマ、サイトデザインでも普遍的に使用できるクラスを収める】

cssのクラス命名ルール
●プロパティと値の間は、「-」を入れる
「プロパティ」:「値」⇒「プロパティ」-「値」
line-height:0.5em⇒lh-0_5


○例外命名

.bold{font-weight:bold;}
.normal{font-weight:normal;}

.red{color:#f00;}
.black{color:#000;}
.blue{color:#00f;}
.white{color:#fff;}

.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}

.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}

.cf
.clear

.table{display:table;}
.table-cell{display:table-cell;}
.inline-block{display:inline-block;}
.block{display:block;}

●プロパティの命名は、「-」を挟んで、各文字の頭文字
line-height⇒lh
font-size⇒fs
width⇒w

●値
レンジ（範囲）：基本0.5～2まで、0.1間隔

小数点は、「_」で表す
0.5⇒0_5

単位は主に「em」だが、wに関しては「%」


●重複プロパティについて

-------------------------------------------------------------- */
/* 関数定義
-------------------------------------------------------------- */
/* 全体適応スタイル
-------------------------------------------------------------- */
/*-- clearfix-- */
.cf:before,
.cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

.clear {
  clear: both;
  float: none; }

/* カラースタイル
-------------------------------------------------------------- */  
.red{color:#f00;}
.black{color:#000;}
.blue{color:#00f;}
.white{color:#fff;}
.gray1{color::#333;}
.gray2{color::#999;}
.gray3{color::#ccc;}
.gray3{color::#ddd;}
.gray5{color::#efefef;}

.bg-red{background:#f00;}
.bg-black{background:#000;}
.bg-blue{background:#00f;}
.bg-white{background:#fff;}
.bg-gray1{background:#333;}
.bg-gray2{background:#999;}
.bg-gray3{background:#ccc;}
.bg-gray3{background:#ddd;}
.bg-gray5{background:#efefef;}

/* タイポグラフィスタイル
-------------------------------------------------------------- */
/*-- fontサイズ-- */
.fs-0_1 {
  font-size: 0.1em !important; }

.fs-0_2 {
  font-size: 0.2em !important; }

.fs-0_3 {
  font-size: 0.3em !important; }

.fs-0_4 {
  font-size: 0.4em !important; }

.fs-0_5 {
  font-size: 0.5em !important; }

.fs-0_6 {
  font-size: 0.6em !important; }

.fs-0_7 {
  font-size: 0.7em !important; }

.fs-0_8 {
  font-size: 0.8em !important; }

.fs-0_9 {
  font-size: 0.9em !important; }

.fs-1_0 {
  font-size: 1em !important; }

.fs-1_1 {
  font-size: 1.1em !important; }

.fs-1_2 {
  font-size: 1.2em !important; }

.fs-1_3 {
  font-size: 1.3em !important; }

.fs-1_4 {
  font-size: 1.4em !important; }

.fs-1_5 {
  font-size: 1.5em !important; }

.fs-1_6 {
  font-size: 1.6em !important; }

.fs-1_7 {
  font-size: 1.7em !important; }

.fs-1_8 {
  font-size: 1.8em !important; }

.fs-1_9 {
  font-size: 1.9em !important; }

.fs-2_0 {
  font-size: 2em !important; }

.fs-2_1 {
  font-size: 2.1em !important; }

.fs-2_2 {
  font-size: 2.2em !important; }

.fs-2_3 {
  font-size: 2.3em !important; }

.fs-2_4 {
  font-size: 2.4em !important; }

.fs-2_5 {
  font-size: 2.5em !important; }

.fs-2_6 {
  font-size: 2.6em !important; }

.fs-2_7 {
  font-size: 2.7em !important; }

.fs-2_8 {
  font-size: 2.8em !important; }

.fs-2_9 {
  font-size: 2.9em !important; }

.fs-3_0 {
  font-size: 3em !important; }

/*-- fontウェイト-- */
.bold {
  font-weight: bold !important; }

.normal {
  font-weight: normal !important; }

/*-- 表示スタイル-- */
.center {
  text-align: center !important; }

.left {
  text-align: left !important; }

.right {
  text-align: right !important; }

.top {
  vertical-align: top !important; }

.middle {
  vertical-align: middle !important; }

.bottom {
  vertical-align: bottom !important; }

/*-- 文字の間隔（縦）-- */
.lh-1_0 {
  line-height: 1 !important; }

.lh-1_1 {
  line-height: 1.1 !important; }

.lh-1_2 {
  line-height: 1.2 !important; }

.lh-1_3 {
  line-height: 1.3 !important; }

.lh-1_4 {
  line-height: 1.4 !important; }

.lh-1_5 {
  line-height: 1.5 !important; }

.lh-1_6 {
  line-height: 1.6 !important; }

.lh-1_7 {
  line-height: 1.7 !important; }

.lh-1_8 {
  line-height: 1.8 !important; }

.lh-1_9 {
  line-height: 1.9 !important; }

.lh-2_0 {
  line-height: 2 !important; }

/*-- 文字の間隔（横）-- */
.ls-0_1 {
  letter-spacing: 0.1em !important; }
  
.ls-0_2 {
  letter-spacing: 0.2em !important; }  
  
.ls-0_3 {
  letter-spacing: 0.3em !important; }
  
.ls-0_4 {
  letter-spacing: 0.4em !important; }
  
.ls-0_5 {
  letter-spacing: 0.5em !important; }

.ls-0_6 {
  letter-spacing: 0.6em !important; }

.ls-0_7 {
  letter-spacing: 0.7em !important; }

.ls-0_8 {
  letter-spacing: 0.8em !important; }

.ls-0_9 {
  letter-spacing: 0.9em !important; }

.ls-1_0 {
  letter-spacing: 1em !important; }

.ls-1_1 {
  letter-spacing: 1.1em !important; }

.ls-1_2 {
  letter-spacing: 1.2em !important; }

.ls-1_3 {
  letter-spacing: 1.3em !important; }

.ls-1_4 {
  letter-spacing: 1.4em !important; }

.ls-1_5 {
  letter-spacing: 1.5em !important; }

.ls-1_6 {
  letter-spacing: 1.6em !important; }

.ls-1_7 {
  letter-spacing: 1.7em !important; }

.ls-1_8 {
  letter-spacing: 1.8em !important; }

.ls-1_9 {
  letter-spacing: 1.9em !important; }

.ls-2_0 {
  letter-spacing: 2em !important; }

/* レイアウトスタイル
-------------------------------------------------------------- */
/*--幅スタイル(%)
------------------------------------- */
/*-- 文字の間隔（横）-- */
.w-10 {
  width: 10% !important; }

.w-20 {
  width: 20% !important; }

.w-25 {
  width: 25% !important; }
  
.w-30 {
  width: 30% !important; }

.w-33 {
  width: 33% !important; }
  
.w-40 {
  width: 40% !important; }

.w-50 {
  width: 50% !important; }

.w-60 {
  width: 60% !important; }

.w-70 {
  width: 70% !important; }

.w-75 {
    width: 75% !important; }
	
.w-80 {
  width: 80% !important; }

.w-90 {
  width: 90% !important; }

.w-100 {
  width: 100% !important; }

/*----- 幅スタイル(em)----- */
.w-1em {
  width: 1em !important; }

.w-2em {
  width: 2em !important; }

.w-3em {
  width: 3em !important; }

.w-4em {
  width: 4em !important; }

.w-5em {
  width: 5em !important; }

.w-6em {
  width: 6em !important; }

.w-7em {
  width: 7em !important; }

.w-8em {
  width: 8em !important; }

.w-9em {
  width: 9em !important; }

.w-10em {
  width: 10em !important; }

/*--高さスタイル
------------------------------------- */
.h-a {
  height: auto !important; }

/*----- 高さスタイル(em)----- */
.h-3em {
  height: 3em !important; }

.h-4em {
  height: 4em !important; }

.h-5em {
  height: 5em !important; }

.h-6em {
  height: 6em !important; }

.h-7em {
  height: 7em !important; }

.h-8em {
  height: 8em !important; }

.h-9em {
  height: 9em !important; }

.h-10em {
  height: 10em !important; }

.h-11em {
  height: 11em !important; }

.h-12em {
  height: 12em !important; }

.h-13em {
  height: 13em !important; }

.h-14em {
  height: 14em !important; }

.h-15em {
  height: 15em !important; }

.h-16em {
  height: 16em !important; }

.h-17em {
  height: 17em !important; }

.h-18em {
  height: 18em !important; }

.h-19em {
  height: 19em !important; }

.h-20em {
  height: 20em !important; }

/*--余白スタイル
------------------------------------- */
/*----- marginスタイル----- */
.m-a {
  margin-left: auto !important;
  margin-right: auto !important; }

.ml-a {
  margin-left: auto !important;}
  
.mr-a {
  margin-right: auto !important; }  
/*-- margin全体-- */
.m-0_0 {
  margin: 0em !important; }

.m-0_1 {
  margin: 0.1em !important; }

.m-0_2 {
  margin: 0.2em !important; }

.m-0_3 {
  margin: 0.3em !important; }

.m-0_4 {
  margin: 0.4em !important; }

.m-0_5 {
  margin: 0.5em !important; }

.m-0_6 {
  margin: 0.6em !important; }

.m-0_7 {
  margin: 0.7em !important; }

.m-0_8 {
  margin: 0.8em !important; }

.m-0_9 {
  margin: 0.9em !important; }

.m-1_0 {
  margin: 1em !important; }

.m-1_1 {
  margin: 1.1em !important; }

.m-1_2 {
  margin: 1.2em !important; }

.m-1_3 {
  margin: 1.3em !important; }

.m-1_4 {
  margin: 1.4em !important; }

.m-1_5 {
  margin: 1.5em !important; }

.m-1_6 {
  margin: 1.6em !important; }

.m-1_7 {
  margin: 1.7em !important; }

.m-1_8 {
  margin: 1.8em !important; }

.m-1_9 {
  margin: 1.9em !important; }

.m-2_0 {
  margin: 2em !important; }

.m-3_0 {
  margin: 3em !important; }

/*-- margin-縦方向-- */
.mt-0_0 {
  margin-top: 0em !important; }

.mt-0_1 {
  margin-top: 0.1em !important; }

.mt-0_2 {
  margin-top: 0.2em !important; }

.mt-0_3 {
  margin-top: 0.3em !important; }

.mt-0_4 {
  margin-top: 0.4em !important; }

.mt-0_5 {
  margin-top: 0.5em !important; }

.mt-0_6 {
  margin-top: 0.6em !important; }

.mt-0_7 {
  margin-top: 0.7em !important; }

.mt-0_8 {
  margin-top: 0.8em !important; }

.mt-0_9 {
  margin-top: 0.9em !important; }

.mt-1_0 {
  margin-top: 1em !important; }

.mt-1_1 {
  margin-top: 1.1em !important; }

.mt-1_2 {
  margin-top: 1.2em !important; }

.mt-1_3 {
  margin-top: 1.3em !important; }

.mt-1_4 {
  margin-top: 1.4em !important; }

.mt-1_5 {
  margin-top: 1.5em !important; }

.mt-1_6 {
  margin-top: 1.6em !important; }

.mt-1_7 {
  margin-top: 1.7em !important; }

.mt-1_8 {
  margin-top: 1.8em !important; }

.mt-1_9 {
  margin-top: 1.9em !important; }

.mt-2_0 {
  margin-top: 2em !important; }

.mt-3_0 {
  margin-top: 3em !important; }

.mb-0_0 {
  margin-bottom: 0em !important; }

.mb-0_1 {
  margin-bottom: 0.1em !important; }

.mb-0_2 {
  margin-bottom: 0.2em !important; }

.mb-0_3 {
  margin-bottom: 0.3em !important; }

.mb-0_4 {
  margin-bottom: 0.4em !important; }

.mb-0_5 {
  margin-bottom: 0.5em !important; }

.mb-0_6 {
  margin-bottom: 0.6em !important; }

.mb-0_7 {
  margin-bottom: 0.7em !important; }

.mb-0_8 {
  margin-bottom: 0.8em !important; }

.mb-0_9 {
  margin-bottom: 0.9em !important; }

.mb-1_0 {
  margin-bottom: 1em !important; }

.mb-1_1 {
  margin-bottom: 1.1em !important; }

.mb-1_2 {
  margin-bottom: 1.2em !important; }

.mb-1_3 {
  margin-bottom: 1.3em !important; }

.mb-1_4 {
  margin-bottom: 1.4em !important; }

.mb-1_5 {
  margin-bottom: 1.5em !important; }

.mb-1_6 {
  margin-bottom: 1.6em !important; }

.mb-1_7 {
  margin-bottom: 1.7em !important; }

.mb-1_8 {
  margin-bottom: 1.8em !important; }

.mb-1_9 {
  margin-bottom: 1.9em !important; }

.mb-2_0 {
  margin-bottom: 2em !important; }

.mb-3_0 {
  margin-bottom: 3em !important; }

/*-- margin-横方向-- */
.ml-0_0 {
  margin-left: 0em !important; }

.ml-0_1 {
  margin-left: 0.1em !important; }

.ml-0_2 {
  margin-left: 0.2em !important; }

.ml-0_3 {
  margin-left: 0.3em !important; }

.ml-0_4 {
  margin-left: 0.4em !important; }

.ml-0_5 {
  margin-left: 0.5em !important; }

.ml-0_6 {
  margin-left: 0.6em !important; }

.ml-0_7 {
  margin-left: 0.7em !important; }

.ml-0_8 {
  margin-left: 0.8em !important; }

.ml-0_9 {
  margin-left: 0.9em !important; }

.ml-1_0 {
  margin-left: 1em !important; }

.ml-1_1 {
  margin-left: 1.1em !important; }

.ml-1_2 {
  margin-left: 1.2em !important; }

.ml-1_3 {
  margin-left: 1.3em !important; }

.ml-1_4 {
  margin-left: 1.4em !important; }

.ml-1_5 {
  margin-left: 1.5em !important; }

.ml-1_6 {
  margin-left: 1.6em !important; }

.ml-1_7 {
  margin-left: 1.7em !important; }

.ml-1_8 {
  margin-left: 1.8em !important; }

.ml-1_9 {
  margin-left: 1.9em !important; }

.ml-2_0 {
  margin-left: 2em !important; }

.ml-3_0 {
  margin-left: 3em !important; }

.mr-0_0 {
  margin-right: 0em !important; }

.mr-0_1 {
  margin-right: 0.1em !important; }

.mr-0_2 {
  margin-right: 0.2em !important; }

.mr-0_3 {
  margin-right: 0.3em !important; }

.mr-0_4 {
  margin-right: 0.4em !important; }

.mr-0_5 {
  margin-right: 0.5em !important; }

.mr-0_6 {
  margin-right: 0.6em !important; }

.mr-0_7 {
  margin-right: 0.7em !important; }

.mr-0_8 {
  margin-right: 0.8em !important; }

.mr-0_9 {
  margin-right: 0.9em !important; }

.mr-1_0 {
  margin-right: 1em !important; }

.mr-1_1 {
  margin-right: 1.1em !important; }

.mr-1_2 {
  margin-right: 1.2em !important; }

.mr-1_3 {
  margin-right: 1.3em !important; }

.mr-1_4 {
  margin-right: 1.4em !important; }

.mr-1_5 {
  margin-right: 1.5em !important; }

.mr-1_6 {
  margin-right: 1.6em !important; }

.mr-1_7 {
  margin-right: 1.7em !important; }

.mr-1_8 {
  margin-right: 1.8em !important; }

.mr-1_9 {
  margin-right: 1.9em !important; }

.mr-2_0 {
  margin-right: 2em !important; }

.mr-3_0 {
  margin-right: 3em !important; }

/*----- paddingスタイル----- */
.p-0_0 {
  padding: 0em !important; }

.p-0_1 {
  padding: 0.1em !important; }

.p-0_2 {
  padding: 0.2em !important; }

.p-0_3 {
  padding: 0.3em !important; }

.p-0_4 {
  padding: 0.4em !important; }

.p-0_5 {
  padding: 0.5em !important; }

.p-0_6 {
  padding: 0.6em !important; }

.p-0_7 {
  padding: 0.7em !important; }

.p-0_8 {
  padding: 0.8em !important; }

.p-0_9 {
  padding: 0.9em !important; }

.p-1_0 {
  padding: 1em !important; }

.p-1_1 {
  padding: 1.1em !important; }

.p-1_2 {
  padding: 1.2em !important; }

.p-1_3 {
  padding: 1.3em !important; }

.p-1_4 {
  padding: 1.4em !important; }

.p-1_5 {
  padding: 1.5em !important; }

.p-1_6 {
  padding: 1.6em !important; }

.p-1_7 {
  padding: 1.7em !important; }

.p-1_8 {
  padding: 1.8em !important; }

.p-1_9 {
  padding: 1.9em !important; }

.p-2_0 {
  padding: 2em !important; }

.p-3_0 {
  padding: 3em !important; }

/*-- padding-縦方向-- */
.pt-0_0 {
  padding-top: 0em !important; }

.pt-0_1 {
  padding-top: 0.1em !important; }

.pt-0_2 {
  padding-top: 0.2em !important; }

.pt-0_3 {
  padding-top: 0.3em !important; }

.pt-0_4 {
  padding-top: 0.4em !important; }

.pt-0_5 {
  padding-top: 0.5em !important; }

.pt-0_6 {
  padding-top: 0.6em !important; }

.pt-0_7 {
  padding-top: 0.7em !important; }

.pt-0_8 {
  padding-top: 0.8em !important; }

.pt-0_9 {
  padding-top: 0.9em !important; }

.pt-1_0 {
  padding-top: 1em !important; }

.pt-1_1 {
  padding-top: 1.1em !important; }

.pt-1_2 {
  padding-top: 1.2em !important; }

.pt-1_3 {
  padding-top: 1.3em !important; }

.pt-1_4 {
  padding-top: 1.4em !important; }

.pt-1_5 {
  padding-top: 1.5em !important; }

.pt-1_6 {
  padding-top: 1.6em !important; }

.pt-1_7 {
  padding-top: 1.7em !important; }

.pt-1_8 {
  padding-top: 1.8em !important; }

.pt-1_9 {
  padding-top: 1.9em !important; }

.pt-2_0 {
  padding-top: 2em !important; }

.pt-3 {
  padding-top: 3em !important; }

.pb-0_0 {
  padding-bottom: 0em !important; }

.pb-0_1 {
  padding-bottom: 0.1em !important; }

.pb-0_2 {
  padding-bottom: 0.2em !important; }

.pb-0_3 {
  padding-bottom: 0.3em !important; }

.pb-0_4 {
  padding-bottom: 0.4em !important; }

.pb-0_5 {
  padding-bottom: 0.5em !important; }

.pb-0_6 {
  padding-bottom: 0.6em !important; }

.pb-0_7 {
  padding-bottom: 0.7em !important; }

.pb-0_8 {
  padding-bottom: 0.8em !important; }

.pb-0_9 {
  padding-bottom: 0.9em !important; }

.pb-1_0 {
  padding-bottom: 1em !important; }

.pb-1_1 {
  padding-bottom: 1.1em !important; }

.pb-1_2 {
  padding-bottom: 1.2em !important; }

.pb-1_3 {
  padding-bottom: 1.3em !important; }

.pb-1_4 {
  padding-bottom: 1.4em !important; }

.pb-1_5 {
  padding-bottom: 1.5em !important; }

.pb-1_6 {
  padding-bottom: 1.6em !important; }

.pb-1_7 {
  padding-bottom: 1.7em !important; }

.pb-1_8 {
  padding-bottom: 1.8em !important; }

.pb-1_9 {
  padding-bottom: 1.9em !important; }

.pb-2_0 {
  padding-bottom: 2em !important; }

.pb-3 {
  padding-bottom: 3em !important; }

/*-- padding-横方向-- */
.pl-0_0 {
  padding-left: 0em !important; }

.pl-0_1 {
  padding-left: 0.1em !important; }

.pl-0_2 {
  padding-left: 0.2em !important; }

.pl-0_3 {
  padding-left: 0.3em !important; }

.pl-0_4 {
  padding-left: 0.4em !important; }

.pl-0_5 {
  padding-left: 0.5em !important; }

.pl-0_6 {
  padding-left: 0.6em !important; }

.pl-0_7 {
  padding-left: 0.7em !important; }

.pl-0_8 {
  padding-left: 0.8em !important; }

.pl-0_9 {
  padding-left: 0.9em !important; }

.pl-1_0 {
  padding-left: 1em !important; }

.pl-1_1 {
  padding-left: 1.1em !important; }

.pl-1_2 {
  padding-left: 1.2em !important; }

.pl-1_3 {
  padding-left: 1.3em !important; }

.pl-1_4 {
  padding-left: 1.4em !important; }

.pl-1_5 {
  padding-left: 1.5em !important; }

.pl-1_6 {
  padding-left: 1.6em !important; }

.pl-1_7 {
  padding-left: 1.7em !important; }

.pl-1_8 {
  padding-left: 1.8em !important; }

.pl-1_9 {
  padding-left: 1.9em !important; }

.pl-2_0 {
  padding-left: 2em !important; }

.pl-3_0 {
  padding-left: 3em !important; }

.pl-4_0 {
  padding-left: 4em !important; }

.pl-5_0 {
  padding-left: 5em !important; }

.pl-6_0 {
  padding-left: 6em !important; }

.pl-7_0 {
  padding-left: 7em !important; }

.pl-8_0 {
  padding-left: 8em !important; }

.pl-9_0 {
  padding-left: 9em !important; }

.pl-10_0 {
  padding-left: 10em !important; }

.pr-0_0 {
  padding-right: 0em !important; }

.pr-0_1 {
  padding-right: 0.1em !important; }

.pr-0_2 {
  padding-right: 0.2em !important; }

.pr-0_3 {
  padding-right: 0.3em !important; }

.pr-0_4 {
  padding-right: 0.4em !important; }

.pr-0_5 {
  padding-right: 0.5em !important; }

.pr-0_6 {
  padding-right: 0.6em !important; }

.pr-0_7 {
  padding-right: 0.7em !important; }

.pr-0_8 {
  padding-right: 0.8em !important; }

.pr-0_9 {
  padding-right: 0.9em !important; }

.pr-1_0 {
  padding-right: 1em !important; }

.pr-1_1 {
  padding-right: 1.1em !important; }

.pr-1_2 {
  padding-right: 1.2em !important; }

.pr-1_3 {
  padding-right: 1.3em !important; }

.pr-1_4 {
  padding-right: 1.4em !important; }

.pr-1_5 {
  padding-right: 1.5em !important; }

.pr-1_6 {
  padding-right: 1.6em !important; }

.pr-1_7 {
  padding-right: 1.7em !important; }

.pr-1_8 {
  padding-right: 1.8em !important; }

.pr-1_9 {
  padding-right: 1.9em !important; }

.pr-2_0 {
  padding-right: 2em !important; }

.pr-3_0 {
  padding-right: 3em !important; }

/*----- floatスタイル----- */
.f-l {
  float: left; }

.f-r {
  float: right; }

/*-- displayスタイル-- */
.table {
  display: table;
  table-layout: fixed;/*--IEのレイアウト崩れ対策--*/
}
.table-cell {
  display: table-cell; }

.inline-block {
  display: inline-block; }

.block {
  display: block; }

.display-pc {
  display: block; }

.display-smart {
  display: none; }

.pc-hidden{
	display:none!important;
}

.flex{
	display:flex;
	flex-wrap:wrap;/*折り返しあり*/
}  
  
/*----- indentスタイル----- */
.ti-1 {
  text-indent: 1em; }

.ti-2 {
  text-indent: 2em; }

.ti-3 {
  text-indent: 3em; }

.ti-4 {
  text-indent: 4em; }

.ti-5 {
  text-indent: 5em; }

.ti-6 {
  text-indent: 6em; }

.ti-7 {
  text-indent: 7em; }

.ti-8 {
  text-indent: 8em; }

.ti-9 {
  text-indent: 9em; }

.ti-10 {
  text-indent: 10em; }

.ti--1 {
  text-indent: -1em; }

.ti--2 {
  text-indent: -2em; }

.ti--3 {
  text-indent: -3em; }

.ti--4 {
  text-indent: -4em; }

.ti--5 {
  text-indent: -5em; }

.ti--6 {
  text-indent: -6em; }

.ti--7 {
  text-indent: -7em; }

.ti--8 {
  text-indent: -8em; }

.ti--9 {
  text-indent: -9em; }

.ti--10 {
  text-indent: -10em; }
  

.indent-1_0 :not(ul),
.indent-1_0 li{
  text-indent: -1em;
  margin-left: 1em;  
}
.indent-1_5 :not(ul),
.indent-1_5 li{
  text-indent: -1.5em;
  margin-left: 1.5em;  
}
.indent-2_0 :not(ul),
.indent-2_0 li{
  text-indent: -2em;
  margin-left: 2em;  
}
.indent-2_5 :not(ul),
.indent-2_5 li{
  text-indent: -2.5em;
  margin-left: 2.5em;  
}
.indent-3_0 :not(ul),
.indent-3_0 li{
  text-indent: -3em;
  margin-left: 3em;  
}
.indent-4_0 :not(ul),
.indent-4_0 li{
  text-indent: -4em;
  margin-left: 4em;  
}
.indent-5_0 :not(ul),
.indent-5_0 li{
  text-indent: -5em;
  margin-left: 5em;  
}
/*----- ulスタイル----- */
ul.column2 li {
  float: left;
  width: 50%; }

ul.column3 li {
  float: left;
  width: 33%; }

ul.column4 li {
  float: left;
  width: 25%; }

ul.column5 li {
  float: left;
  width: 20%; }

ul.lp-2_0 li{
padding:2em;	
}  
ul.lp-1_5 li{
padding:1.5em;	
}  
ul.lp-1_0 li{
padding:1em;	
}
ul.lp-0_5 li{
padding:0.5em;	
}  
ul.lp-0_3 li{
padding:0.3em;	
}
ul.lp-0_2 li{
padding:0.2em;	
}  
ul.lp-0_1 li{
padding:0.1em;	
}    
/*--背景overlayスタイル--*/
.overlay_black {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.66) 62%, rgba(0, 0, 0, 0.66) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.8)), color-stop(17%, rgba(0, 0, 0, 0.73)), color-stop(35%, rgba(0, 0, 0, 0.66)), color-stop(62%, rgba(0, 0, 0, 0.66)), color-stop(100%, rgba(0, 0, 0, 0.66)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.66) 62%, rgba(0, 0, 0, 0.66) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.66) 62%, rgba(0, 0, 0, 0.66) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.66) 62%, rgba(0, 0, 0, 0.66) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.73) 17%, rgba(0, 0, 0, 0.66) 35%, rgba(0, 0, 0, 0.66) 62%, rgba(0, 0, 0, 0.66) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 );
  /* IE6-9 */ }

.overlay_white {
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.73) 17%, rgba(255, 255, 255, 0.66) 35%, rgba(255, 255, 255, 0.66) 62%, rgba(255, 255, 255, 0.66) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.8)), color-stop(17%, rgba(255, 255, 255, 0.73)), color-stop(35%, rgba(255, 255, 255, 0.66)), color-stop(62%, rgba(255, 255, 255, 0.66)), color-stop(100%, rgba(255, 255, 255, 0.66)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.73) 17%, rgba(255, 255, 255, 0.66) 35%, rgba(255, 255, 255, 0.66) 62%, rgba(255, 255, 255, 0.66) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.73) 17%, rgba(255, 255, 255, 0.66) 35%, rgba(255, 255, 255, 0.66) 62%, rgba(255, 255, 255, 0.66) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.73) 17%, rgba(255, 255, 255, 0.66) 35%, rgba(255, 255, 255, 0.66) 62%, rgba(255, 255, 255, 0.66) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.73) 17%, rgba(255, 255, 255, 0.66) 35%, rgba(255, 255, 255, 0.66) 62%, rgba(255, 255, 255, 0.66) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#66000000',GradientType=0 );
  /* IE6-9 */ }

.overlay_white2 {
background:rgba(255, 255, 255, 0.8);
color:#000;
}

.overlay_black2 {
background:rgba(0, 0, 0, 0.8);
color:#fff;
}
  
/*-- ボックスシャドウスタイル-- */
.shadow1 {
  -webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
  box-shadow: 0 10px 6px -6px #777; }

.shadow2 {
  position: relative; }

.shadow2:before, .shadow2:after {
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width: 300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg); }

.shadow2:after {
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto; }

.shadow3 {
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

.shadow3:before, .shadow3:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px / 10px;
  border-radius: 100px / 10px; }

.shadow3:after {
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg); }

/*-- 吹き出しスタイル -- */  
.fukidashileft,
.fukidashiright{
position: relative;
border-radius: .5em;
background:rgba(255, 255, 255, 0.8);
}

.fukidashileft:before,.fukidashiright:before{
  content: "";
  position: absolute;
  top: 50%;
  height: 0;
  width: 0;
}


.fukidashileft:before {
left: -1em;
border-style: solid;
border-width: 1em 1em 1em 0;
border-color: transparent rgba(255, 255, 255, 0.8) transparent transparent;
margin-top:-1em;
z-index:1;
} 
.fukidashiright:before {
right: -1em;
border-style: solid;
border-width: 1em 0 1em 1em;
border-color: transparent transparent transparent rgba(255, 255, 255, 0.8);
margin-top:-1em;
z-index:1;
}  
  
/*-- ボックスを丸くする-- */
/*--水平方向と垂直方向の半径のセットは、スラッシュ（水平方向の指定 / 垂直方向の指定）で区切ります。
スラッシュの前後に水平方向と垂直方向の半径の値を、左上・右上・右下・左下の順で指定します。--*/
/*--border-radius: 100px 25px 50px 50px / 50px 25px 50px 25px;--*/
/*--スラッシュ以降を省略した場合には、水平垂直ともに同じ値として解釈されます。
また、それぞれのコーナーの値は省略することができますが、その場合には以下のルールに基づいて解釈されます。

左下が省略された場合には、右上と同じ。
右下が省略された場合には、左上と同じ。
右上が省略された場合には、左上と同じ。
--*/
.radius-s {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  -ms-border-radius: 1em; }

.radius-m {
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  -o-border-radius: 2em;
  -ms-border-radius: 2em; }

.radius-l {
  -moz-border-radius: 3em;
  -webkit-border-radius: 3em;
  -o-border-radius: 3em;
  -ms-border-radius: 3em; }

.radius-ll {
  -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  -o-border-radius: 5em;
  -ms-border-radius: 5em; }

.br-0_5 {
  -moz-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  -ms-border-radius: 0.5em; }

.br-1 {
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  -o-border-radius: 1em;
  -ms-border-radius: 1em; }

.br-2 {
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  -o-border-radius: 2em;
  -ms-border-radius: 2em; }

.br-3 {
  -moz-border-radius: 3em;
  -webkit-border-radius: 3em;
  -o-border-radius: 3em;
  -ms-border-radius: 3em; }

.br-4 {
  -moz-border-radius: 4em;
  -webkit-border-radius: 4em;
  -o-border-radius: 4em;
  -ms-border-radius: 4em; }

.br-5 {
  -moz-border-radius: 5em;
  -webkit-border-radius: 5em;
  -o-border-radius: 5em;
  -ms-border-radius: 5em; }

.br-50 {
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%; }

.br-100 {
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -o-border-radius: 100%;
  -ms-border-radius: 100%; }

/* imgスタイル
-------------------------------------------------------------- */
img {
  max-width: 100%;
  height: auto; }

/* ul,olスタイル
-------------------------------------------------------------- */
ul, ol {
  list-style: none;
  padding: 0;
  margin: 0; }

/* tableスタイル
-------------------------------------------------------------- */
.th-left th, .td-left td {
  text-align: left; }

.th-center th, .td-center td {
  text-align: center; }

.th-right th, .td-right td {
  text-align: right; }

.th-top th, .td-top td {
  vertical-align: top; }

.th-middle th, .td-middle td {
  vertical-align: middle; }

.th-bottom th, .td-bottom td {
  vertical-align: bottom; }

/* google map レスポンシブスタイル
-------------------------------------------------------------- */
.ggmap {
  position: relative;
  padding: 0 0 75%;
  /* この[75]の数字を変える事で、縦横比を調整できる　100で縦横比が同じ　100より大きくすると、縦長になる */
  height: 0;
  overflow: hidden; }

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 50%;
  left: 50%;  
  /* 上下中央寄せ */
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 300%;
  max-height: 300%;
  
  /*width: 100% !important;*/
  /*height: 100% !important;*/ }

/* facebook page-plugin レスポンシブスタイル
-------------------------------------------------------------- */
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style] {
  width: 100% !important; }
  
/* youtube iframe レスポンススタイル
-------------------------------------------------------------- */  
.youtube{
max-width:100%;              /*横幅いっぱいにwidthを指定*/
padding-bottom: 75%;  /*高さをpaddingで指定*/
height:0px;              /*高さはpaddingで指定するためheightは0に*/
position: relative;
}

.youtube iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/* 959px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
  /*-- 全般スタイル --*/
  .clear-tablet {
    clear: both;
    float: none; }
  .w-10-tablet {
    width: 10% !important; }
  .w-20-tablet {
    width: 20% !important; }
  .w-30-tablet {
    width: 30% !important; }
  .w-40-tablet {
    width: 40% !important; }
  .w-50-tablet {
    width: 50% !important; }
  .w-60-tablet {
    width: 60% !important; }
  .w-70-tablet {
    width: 70% !important; }
  .w-80-tablet {
    width: 80% !important; }
  .w-90-tablet {
    width: 90% !important; }
  .w-100-tablet {
    width: 100% !important; }
  .display-pc {
    display: none; }	
  .block-tablet {
    display: block; }
  .tablet-hidden{
	display:none!important;
  }	
  /*----------*/ }

/*----------*/
/* 幅644px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 644px) {
/*--- fontサイズ調整 ---*/
.fs-0_1-smart {
  font-size: 0.1em !important; }

.fs-0_2-smart {
  font-size: 0.2em !important; }

.fs-0_3-smart {
  font-size: 0.3em !important; }

.fs-0_4-smart {
  font-size: 0.4em !important; }

.fs-0_5-smart {
  font-size: 0.5em !important; }

.fs-0_6-smart {
  font-size: 0.6em !important; }

.fs-0_7-smart {
  font-size: 0.7em !important; }

.fs-0_8-smart {
  font-size: 0.8em !important; }

.fs-0_9-smart {
  font-size: 0.9em !important; }

.fs-1_0-smart {
  font-size: 1em !important; }

.fs-1_1-smart {
  font-size: 1.1em !important; }

.fs-1_2-smart {
  font-size: 1.2em !important; }

.fs-1_3-smart {
  font-size: 1.3em !important; }

.fs-1_4-smart {
  font-size: 1.4em !important; }

.fs-1_5-smart {
  font-size: 1.5em !important; }

.fs-1_6-smart {
  font-size: 1.6em !important; }

.fs-1_7-smart {
  font-size: 1.7em !important; }

.fs-1_8-smart {
  font-size: 1.8em !important; }

.fs-1_9-smart {
  font-size: 1.9em !important; }

.fs-2_0-smart {
  font-size: 2em !important; }

.fs-2_1-smart {
  font-size: 2.1em !important; }

.fs-2_2-smart {
  font-size: 2.2em !important; }

.fs-2_3-smart {
  font-size: 2.3em !important; }

.fs-2_4-smart {
  font-size: 2.4em !important; }

.fs-2_5-smart {
  font-size: 2.5em !important; }

.fs-2_6-smart {
  font-size: 2.6em !important; }

.fs-2_7-smart {
  font-size: 2.7em !important; }

.fs-2_8-smart {
  font-size: 2.8em !important; }

.fs-2_9-smart {
  font-size: 2.9em !important; }

.fs-3_0-smart {
  font-size: 3em !important; }
  
  .display-pc {
    display: none!important; }
  .display-smart {
    display: block!important; }
  .smart-hidden{
	display:none!important;
  }	
  .clear-smart {
    clear: both;
    float: none; }
  .w-10-smart {
    width: 10% !important; }
  .w-20-smart {
    width: 20% !important; }
  .w-25-smart {
    width: 25% !important; }	
  .w-30-smart {
    width: 30% !important; }
  .w-33-smart {
    width: 33% !important; }	
  .w-40-smart {
    width: 40% !important; }
  .w-50-smart {
    width: 50% !important; }
  .w-60-smart {
    width: 60% !important; }
  .w-70-smart {
    width: 70% !important; }
  .w-75-smart {
    width: 75% !important; }	
  .w-80-smart {
    width: 80% !important; }
  .w-90-smart {
    width: 90% !important; }
  .w-100-smart {
    width: 100% !important; }
	
  .h-a-smart {
    height: auto!important; }
  .block-smart {
    display: block!important; }
  .center-smart {
    text-align: center!important; }
  .left-smart {
    text-align: left!important; }
  .right-smart {
    text-align: right!important; }
	
  /*----- ulスタイル----- */
  ul.clear-smart li,  
  ul.column-clear li {
    clear: both;
    float: none;
    width: 100%; }
  ul.column2-smart li {
    float: left;
    width: 50%; }
  ul.column3-smart li {
    float: left;
    width: 33%; }
  ul.column4-smart li {
    float: left;
    width: 25%; }
  ul.column5-smart li {
    float: left;
    width: 20%; }

	ul.lp-2_0-smart li{
	padding:2em;	
	}  
	ul.lp-1_5-smart li{
	padding:1.5em;	
	}  
	ul.lp-1_0-smart li{
	padding:1em;	
	}
	ul.lp-0_5-smart li{
	padding:0.5em;	
	}  
	ul.lp-0_3-smart li{
	padding:0.3em;	
	}
	ul.lp-0_2-smart li{
	padding:0.2em;	
	}  
	ul.lp-0_1-smart li{
	padding:0.1em;	
	} 

	input[type="text"],input[type="email"],input[type="tel"],textarea{
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
			  box-sizing: border-box;
	width:96%;
	}

/*--余白スタイル
------------------------------------- */
/*----- marginスタイル----- */
.m-a-smart {
  margin-left: auto !important;
  margin-right: auto !important; }

/*-- margin全体-- */
.m-0_0-smart {
  margin: 0em !important; }

.m-0_1-smart {
  margin: 0.1em !important; }

.m-0_2-smart {
  margin: 0.2em !important; }

.m-0_3-smart {
  margin: 0.3em !important; }

.m-0_4-smart {
  margin: 0.4em !important; }

.m-0_5-smart {
  margin: 0.5em !important; }

.m-0_6-smart {
  margin: 0.6em !important; }

.m-0_7-smart {
  margin: 0.7em !important; }

.m-0_8-smart {
  margin: 0.8em !important; }

.m-0_9-smart {
  margin: 0.9em !important; }

.m-1_0-smart {
  margin: 1em !important; }

.m-1_1-smart {
  margin: 1.1em !important; }

.m-1_2-smart {
  margin: 1.2em !important; }

.m-1_3-smart {
  margin: 1.3em !important; }

.m-1_4-smart {
  margin: 1.4em !important; }

.m-1_5-smart {
  margin: 1.5em !important; }

.m-1_6-smart {
  margin: 1.6em !important; }

.m-1_7-smart {
  margin: 1.7em !important; }

.m-1_8-smart {
  margin: 1.8em !important; }

.m-1_9-smart {
  margin: 1.9em !important; }

.m-2_0-smart {
  margin: 2em !important; }

.m-3_0-smart {
  margin: 3em !important; }

/*----- paddingスタイル----- */
.p-0_0-smart {
  padding: 0em !important; }

.p-0_1-smart {
  padding: 0.1em !important; }

.p-0_2-smart {
  padding: 0.2em !important; }

.p-0_3-smart {
  padding: 0.3em !important; }

.p-0_4-smart {
  padding: 0.4em !important; }

.p-0_5-smart {
  padding: 0.5em !important; }

.p-0_6-smart {
  padding: 0.6em !important; }

.p-0_7-smart {
  padding: 0.7em !important; }

.p-0_8-smart {
  padding: 0.8em !important; }

.p-0_9-smart {
  padding: 0.9em !important; }

.p-1_0-smart {
  padding: 1em !important; }

.p-1_1-smart {
  padding: 1.1em !important; }

.p-1_2-smart {
  padding: 1.2em !important; }

.p-1_3-smart {
  padding: 1.3em !important; }

.p-1_4-smart {
  padding: 1.4em !important; }

.p-1_5-smart {
  padding: 1.5em !important; }

.p-1_6-smart {
  padding: 1.6em !important; }

.p-1_7-smart {
  padding: 1.7em !important; }

.p-1_8-smart {
  padding: 1.8em !important; }

.p-1_9-smart {
  padding: 1.9em !important; }

.p-2_0-smart {
  padding: 2em !important; }

.p-3_0-smart {
  padding: 3em !important; }

	
/*----------*/
  }
/*----------*/
/* 幅380px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 330px) {
  /*----------*/ }

/*----------*/