@charset "utf-8";

/* --------------------------------
	汎用
-------------------------------- */
/* 注意書き */
.attention{color:#FF6B69;} /* 注意（赤） */
a:hover .attention{color:#FF8076;}
.red{color:red;}

/* ※マーク */
.kome{display:block; padding-left:1em; text-indent:-1em;}
.kome::before{content:"※";}


/* --------------------------------
	背景
-------------------------------- */
.bg_none{background:none !important;} 

/* 白系 */
.bg_white{background-color:#FFF !important;} /* ホワイト */
.bg_siro{background-color:#FCFAF5 !important;} /* 白 */
.bg_smoke{background-color:#F5F5F5 !important;} /* ホワイト・スモーク */
.bg_snow{background-color:#F0F0F0 !important;} /* スノーホワイト */

/* 黄系 */
.bg_canola{background-color:#FFEC47 !important;} /* 菜の花色 */
.bg_westernutah{background-color:#FFFF99 !important;} /* ウエスタン ユタ */

/* 青系 */
.bg_ao{background-color:#006AB6 !important;} /* 青 */
.bg_tuyukusa{background-color:#2595C7 !important;} /* 露草色 */
.bg_powderblue{background-color:#B0E0E6 !important;} /* パウダーブルー */
.bg_frontierlightblue{background-color:#D3EEF7 !important;} /* フロンティア ライトブルー */
.bg_alice{background-color:#F0F8FF !important;} /* アリスブルー */

/* 赤系 */
.bg_cherry{background-color:#EB6EA0 !important;} /* チェリーピンク */
.bg_peach{background-color:#E198B4 !important;} /* 桃花色 */
.bg_shellpink{background-color:#FBDAC8 !important;} /* シェルピンク */
.bg_sakura{background-color:#FDEFFB !important;} /* 桜色 */
.bg_lightcherry{background-color:#FFFAF7 !important;} /* 薄桜色 */

/* 緑系 */
.bg_perroquet{background-color:#60B251 !important;} /* ペロケ */
.bg_moegi{background-color:#A0CA5A !important;} /* 萌黄色 */
.bg_california{background-color:#E0FA92 !important;} /* カリフォルニア */
.bg_byakuroku{background-color:#CAE3BF !important;} /* 白緑 */
.bg_pistache{background-color:#EBF7D3 !important;} /* ピスターシュ */


/* --------------------------------
	罫線
-------------------------------- */
.border_none{border:none !important;}
.border_dashed{ border:dashed 1px ;}


/* --------------------------------
	角丸
-------------------------------- */
.border_r5{border-radius:5px;}
.border_r10{border-radius:10px;}
.border_r15{border-radius:15px;}


/* --------------------------------
	表示
-------------------------------- */
/* BOXサイズ*/
.border_box,
.border_box *{
	box-sizing: border-box;
}

/* ディスプレイ*/
.display_n{display:none !important;}
.display_b{display:block !important;}
.display_in{display:inline !important;}
.display_inb{display:inline-block !important;}
.display_int{display:inline-table !important;}
.display_t{display:table !important;}
.display_cell{display:table-cell !important;}

/* ディスプレイ（計算・for 親） */
.display_inb_child > *{display:inline-block;} 

/* オーバーフロー*/
.overflow_h{overflow:hidden;}


/* --------------------------------
	位置
-------------------------------- */
/* フロート */
.float_l{float:left;}
.float_r{float:right;}
.float_n{float:none;}
.clear_b{clear:both;}

/* ポジション */
.position_s{position:static}
.position_r{position:relative}
.position_a{position:absolute}
.position_f{position:fixed}


/* --------------------------------
	マージン
-------------------------------- */
.m_0{margin:0 !important;}
.m_0auto{margin:0 auto !important;}

/* 左右マージン */
.mlr_10{margin-left:10px !important; margin-right:10px !important;}

/* 右マージン */
.mr_10{margin-right:10px !important;}
.mr_20{margin-right:20px !important;}

/* 左マージン */
.ml_10{margin-left:10px !important;}
.ml_20{margin-left:20px !important;}

/* 上マージン */
.mt_0{margin-top:0 !important;}
.mt_05em{margin-top:.5em !important;}
.mt_1em{margin-top:1em !important;}
.mt_5{margin-top:5px !important;}
.mt_10{margin-top:10px !important;}
.mt_15{margin-top:15px !important;}
.mt_20{margin-top:20px !important;}
.mt_30{margin-top:30px !important;}
.mt_40{margin-top:40px !important;}
.mt_50{margin-top:50px !important;}
.mt_60{margin-top:60px !important;}
.mt_70{margin-top:70px !important;}
.mt_80{margin-top:80px !important;}
.mt_90{margin-top:90px !important;}
.mt_100{margin-top:100px !important;}
.mt_120{margin-top:120px !important;}

/* 下マージン */
.mb_0{margin-bottom:0 !important;}
.mb_5{margin-bottom:5px !important;}
.mb_10{margin-bottom:10px !important;}
.mb_15{margin-bottom:15px !important;}
.mb_20{margin-bottom:20px !important;}
.mb_30{margin-bottom:30px !important;}
.mb_40{margin-bottom:40px !important;}
.mb_50{margin-bottom:50px !important;}
.mb_60{margin-bottom:60px !important;}
.mb_70{margin-bottom:70px !important;}
.mb_80{margin-bottom:80px !important;}
.mb_90{margin-bottom:90px !important;}
.mb_100{margin-bottom:100px !important;}

/* 下マージン（for 親） */
.mb_7_wrap > *{margin-bottom:7px !important;}
.mb_10_wrap > *{margin-bottom:10px !important;}
.mb_15_wrap > *{margin-bottom:15px !important;}


/* --------------------------------
	パディング
-------------------------------- */
.p_0{padding:0 !important;}
.p_1{padding:1px !important;}
.p_2{padding:2px !important;}
.p_3{padding:3px !important;}
.p_4{padding:4px !important;}
.p_5{padding:5px !important;}
.p_10{padding:10px !important;}
.p_20{padding:20px !important;}
.p_30{padding:30px !important;}
.p_40{padding:40px !important;}

/* 上パディング */
.pt_10{padding-top:10px !important;}
.pt_20{padding-top:20px !important;}
.pt_30{padding-top:30px !important;}
.pt_40{padding-top:40px !important;}
.pt_50{padding-top:50px !important;}

/* 右パディング */
.pr_3{padding-right:3px !important;}
.pr_5{padding-right:5px !important;}
.pr_10{padding-right:10px !important;}
.pr_15{padding-right:15px !important;}
.pr_20{padding-right:20px !important;}
.pr_30{padding-right:30px !important;}
.pr_40{padding-right:40px !important;}
.pr_50{padding-right:50px !important;}
.pr_60{padding-right:60px !important;}
.pr_70{padding-right:70px !important;}
.pr_80{padding-right:80px !important;}
.pr_90{padding-right:90px !important;}
.pr_100{padding-right:100px !important;}

/* 下パディング */
.pb_20{padding-bottom:20px !important;}

/* 左パディング */
.pl_3{padding-left:3px !important;}
.pl_5{padding-left:5px !important;}
.pl_10{padding-left:10px !important;}
.pl_15{padding-left:15px !important;}
.pl_20{padding-left:20px !important;}
.pl_1em{padding-left:1em !important;}
.pl_12em{padding-left:1.2em !important;}
.pl_15em{padding-left:1.5em !important;}
.pl_2em{padding-left:2em !important;}
.pl_10{padding-left:10px !important;}
.pl_20{padding-left:20px !important;}
.pl_30{padding-left:30px !important;}
.pl_40{padding-left:40px !important;}
.pl_50{padding-left:50px !important;}
.pl_60{padding-left:60px !important;}
.pl_70{padding-left:70px !important;}
.pl_80{padding-left:80px !important;}
.pl_90{padding-left:90px !important;}
.pl_100{padding-left:100px !important;}


/* --------------------------------
	幅
-------------------------------- */
/* 幅（パーセント） */
.w_10per{width:10%;}
.w_15per{width:15%;}
.w_20per{width:20%;}
.w_25per{width:25%;}
.w_30per{width:30%;}
.w_35per{width:35%;}
.w_40per{width:40%;}
.w_45per{width:45%;}
.w_50per{width:50%;}
.w_55per{width:55%;}
.w_60per{width:60%;}
.w_65per{width:65%;}
.w_70per{width:70%;}
.w_75per{width:75%;}
.w_80per{width:80%;}
.w_85per{width:85%;}
.w_90per{width:90%;}
.w_100per{width:100%;}

/* 幅（計算・for 親） */
.w_1parts > *{width:100%; height:auto;} /* img 幅100% */
.w_2parts > *{width:-webkit-calc(100% / 2); width:calc(100% / 2);} /* 2分の1 */
.w_3parts > *{width:-webkit-calc(100% / 3); width:calc(100% / 3);} /* 3分の1 */
.w_4parts > *{width:-webkit-calc(100% / 4); width:calc(100% / 4);} /* 4分の1 */
.w_5parts > *{width:-webkit-calc(100% / 5); width:calc(100% / 5);} /* 5分の1 */
.w_6parts > *{width:-webkit-calc(100% / 6); width:calc(100% / 6);} /* 6分の1 */

/* 幅（計算・for 子） */
.w_1part_1{width:100%;} /* 100% */
.w_2part_1{width:-webkit-calc(100% / 2); width:calc(100% / 2);} /* 2分の1 ※3分割の中を2分割するときは「w_50per」を使用（IE対策） */
.w_3part_1{width:-webkit-calc(100% / 3); width:calc(100% / 3);} /* 3分の1 */
.w_3part_2{width:-webkit-calc(100% / 3 * 2); width:calc(100% / 3 * 2);} /* 3分の2 */
.w_4part_1{width:-webkit-calc(100% / 4); width:calc(100% / 4);} /* 4分の1 */
.w_4part_2{width:-webkit-calc(100% / 4 * 2); width:calc(100% / 4 * 2);} /* 4分の2 */
.w_4part_3{width:-webkit-calc(100% / 4 * 3); width:calc(100% / 4 * 3);} /* 4分の3 */
.w_5part_1{width:-webkit-calc(100% / 5); width:calc(100% / 5);} /* 5分の1 */
.w_5part_2{width:-webkit-calc(100% / 5 * 2); width:calc(100% / 5 * 2);} /* 5分の2 */
.w_5part_3{width:-webkit-calc(100% / 5 * 3); width:calc(100% / 5 * 3);} /* 5分の3 */
.w_5part_4{width:-webkit-calc(100% / 5 * 4); width:calc(100% / 5 * 4);} /* 5分の4 */


/* --------------------------------
	改行位置
-------------------------------- */
.nowrap{
	white-space:nowrap;
}


/* --------------------------------
	改行
-------------------------------- */
@media screen and (max-width:680px){
	.hidden-xxs{
		display:none !important;
	}
}
@media screen and (max-width:580px){
	.hidden-xxs580{
		display:none !important;
	}
}
@media screen and (max-width:530px){
	.hidden-xxs530{
		display:none !important;
	}
}
@media screen and (max-width:420px){
	.hidden-xxs420{
		display:none !important;
	}
}
.visible-sm1200{
	display:none !important;
}
@media screen and (min-width:768px) and (max-width:1199px){
	.visible-sm1200{
		display:block !important;
	}
}



/* --------------------------------
	区切り線
-------------------------------- */
.divider{
	margin:50px auto;
	background-image:-moz-linear-gradient(180deg, #FFF 0%, #D3D3D3 49%, #FFF 100%);
	background-image:-webkit-linear-gradient(180deg, #FFF 0%, #D3D3D3 49%, #FFF 100%);
	background-image:-ms-linear-gradient(180deg, #FFF 0%, #D3D3D3 49%, #FFF 100%);
	width:95%;
	height:1px;
}


/* --------------------------------
	文字揃え
-------------------------------- */
/* 縦方向揃え */
.valign_t{vertical-align:top !important;}
.valign_m{vertical-align:middle !important;}
.valign_b{vertical-align:bottom !important;}

/* 横方向揃え */
.talign_l{text-align:left !important;}
.talign_r{text-align:right !important;}
.talign_c{text-align:center !important;}
.talign_j{text-align:justify !important; text-justify:inter-ideograph;}


/* --------------------------------
	文字色
-------------------------------- */
/* 白系 */
.color_white{color:#FFF !important;} /* ホワイト */
.color_nyuhaku{color:#FFFFFB !important;} /* 乳白色 */
.color_siro{color:#FCFAF5 !important;} /* 白 */
.color_shironeri{color:#FCFAF2 !important;} /* 白練 */
.color_smoke{color:#F5F5F5 !important;} /* ホワイト・スモーク */
.color_snow{color:#F0F0F0 !important;} /* スノーホワイト */
.color_powdery{color:#EFECE5 !important;} /* パウダリー */

/* グレー */
.color_sumi{color:#212222 !important;} /* 墨 */
.color_charcoal{color:#4B474D !important;} /* チャコールグレイ */
.color_pigeon{color:#6D6C69 !important;} /* ピジョン */
.color_souris{color:#7E7C73 !important;} /* スーリー */
.color_suzuiro{color:#9EA1A3 !important;} /* すず色 */
.color_grisbleu{color:#A1A9BA !important;} /* グリーブルー */
.color_lightgrey{color:#D3D3D3 !important;} /* ライトグレイ */
.color_gainsboro{color:#DCDCDC !important;} /* ゲインズボロ */

/* 茶系 */
.color_vaniglia{color:#EBE1C5 !important;} /* バニラ */
.color_karashi{color:#C8A65D !important;} /* からし色 */
.color_mouette{color:#BBB49D !important;} /* ムエット */
.color_buds{color:#CFC5A6 !important;} /* 芽灰色 */
.color_sprout{color:#B0A157 !important;} /* 新芽色 */
.color_golden{color:#D3B95E !important;} /* 黄金色 */
.color_gold{color:#A37E38 !important;} /* 黄土色 */
.color_ocre{color:#9A6E11 !important;} /* オークル */
.color_mastic{color:#938773 !important;} /* マスティック */
.color_akuiro{color:#7C745F !important;} /* あくいろ */
.color_baikoutya{color:#665F3F !important;} /* 梅幸茶 */
.color_sepia{color:#483C2C !important;} /* セピア */

/* 黄系 */
.color_mikan{color:#EB8400 !important;} /* 蜜柑色 */
.color_canari{color:#FFB000 !important;} /* カナリ */
.color_yellow{color:#FFD000 !important;} /* 山吹色 */
.color_canola{color:#FFEC47 !important;} /* 菜の花色 */
.color_ｈiwa{color:#C2BD3D !important;} /* ひわ色 */

/* 青系 */
.color_nerocarbone{color:#173844 !important;} /* ネーロ・カルボーネ */
.color_midnightblue{color:#191970 !important;} /* ミッドナイト・ブルー */
.color_champaigne{color:#3E7ABE !important;} /* ブルー・ドゥ・シャンパーニュ */
.color_asagi{color:#00859B !important;} /* あさぎいろ */
.color_hanaasagi{color:#1E8FA8 !important;} /* はなあさぎ */
.color_ao{color:#006AB6 !important;} /* 青 */
.color_tuyukusa{color:#2595C7 !important;} /* 露草色 */
.color_powderblue{color:#B0E0E6 !important;} /* パウダーブルー */
.color_frontierlightblue{color:#D3EEF7 !important;} /* フロンティア ライトブルー */
.color_alice{color:#F0F8FF !important;} /* アリスブルー */

/* 紫系 */
.color_murasaki{color:#7C4B8D !important;} /* 紫 */

/* 赤系 */
.color_red{color:#FF6B69 !important;} /* 注意（赤） */
.color_carmine{color:#E10041 !important;} /* カーマイン */
.color_azalee{color:#E90A79 !important;} /* アザレ */
.color_cherry{color:#EB6EA0 !important;} /* チェリーピンク */
.color_lotuspink{color:#DE82A7 !important;} /* ロータスピンク */
.color_peach{color:#E198B4 !important;} /* 桃花色 */
.color_shellpink{color:#FBDAC8 !important;} /* シェルピンク */
.color_sakura{color:#FDEFFB !important;} /* 桜色 */
.color_lightcherry{color:#FFFAF7 !important;} /* 薄桜色 */

/* 緑系 */
.color_spinachgreen{color:#417038 !important;} /* スピナッチグリーン */
.color_forestgreen{color:#228B22 !important;} /* フォレストグリーン */
.color_olivedrab{color:#6B8E23 !important;} /* オリーブドラブ */
.color_mousse{color:#838D3B !important;} /* ムス */
.color_leafgreen{color:#89983B !important;} /* リーフグリーン */
.color_surrey{color:#008000 !important;} /* サリー */
.color_perroquet{color:#60B251 !important;} /* ペロケ */
.color_moegi{color:#A0CA5A !important;} /* 萌黄色 */
.color_mattya{color:#ADB367 !important;} /* 抹茶色 */
.color_yanagitya{color:#939650 !important;} /* 柳茶色 */
.color_pinegreen{color:#C3CAB5 !important;} /* 松緑色 */
.color_byakuroku{color:#CAE3BF !important;} /* 白緑 */
.color_whitelily{color:#F0F6DA !important;} /* ホワイトリリー */
.color_byakuroku{color:#F0FFF0 !important;} /* ハニーデュー */


/* --------------------------------
	文字色（Befor After for 親）
-------------------------------- */
.be_color_white > *::before, .af_color_white > *::after{color:#FFF;} /* 白 */

/* 青系 */
.be_color_blue > *::before, .af_color_blue > *::after{color:#006AB6;} /* 青 */
.be_color_blue_hover > *::before, .af_color_blue_hover > *::after{color:#2595C7;} /* 露草色 */


/* --------------------------------
	文字
-------------------------------- */
/* 隙間対策 */
.font_0{font-size:0;}

/* 文字サイズ（rem） */
.font_12{font-size:1.2rem !important;}
.font_13{font-size:1.3rem !important;}
.font_14{font-size:1.4rem !important;}
.font_15{font-size:1.5rem !important;}
.font_16{font-size:1.6rem !important;}
.font_18{font-size:1.8rem !important;}
.font_24{font-size:2.4rem !important;}

/* 文字サイズ（em） */
.font_08em{font-size:.8em !important;}
.font_09em{font-size:.9em !important;}
.font_12em{font-size:1.2em !important;}
.font_14em{font-size:1.4em !important;}
.font_15em{font-size:1.5em !important;}
.font_20em{font-size:2em !important;}
.font_24em{font-size:2.4em !important;}
.font_32em{font-size:3.2em !important;}

/* 文字太さ */
.fontw_n{font-weight:normal !important;}
.fontw_b{font-weight:bold !important;}

/* 行送り */
.lineh_0{line-height:0;} /* 隙間対策 */
.lineh_10{line-height:1;}
.lineh_12{line-height:1.2;}
.lineh_13{line-height:1.3;}
.lineh_14{line-height:1.4;}
.lineh_15{line-height:1.5;}
.lineh_16{line-height:1.6;}
.lineh_18{line-height:1.8;}
.lineh_20{line-height:2;}


/* --------------------------------
	文字（Befor After for 親）
-------------------------------- */
/* 文字サイズ（em） */
.be_font_08em > *::before, .af_font_08em > *::after{font-size:.8em;}
.be_font_12em > *::before, .af_font_12em > *::after{font-size:1.2em;}
.be_font_15em > *::before, .af_font_15em > *::after{font-size:1.5em;}
.be_font_2em > *::before, .af_font_2em > *::after{font-size:2em;}


/* --------------------------------
	リスト
-------------------------------- */
/* リスト右端・最終行のアキ・余白解除 */
.list_last{margin:0 !important; padding:0 !important;}

/* リストスタイル（for UL , OL） */
.list_none > li{list-style:none !important;}
.list_disc > li{list-style:disc !important;} /* 黒丸 */
.list_circle > li{list-style:circle !important;} /* 白丸 */
.list_square > li{list-style:square !important;} /* 黒四角 */
.list_decimal > li{list-style:decimal !important;} /* 算用数字 */
.list_upper_roman > li{list-style:upper-roman !important;} /* 大文字のローマ数字 */
.list_upper_alpha > li{list-style:upper-alpha !important;} /* 大文字のアルファベット */
.list_lower_alpha > li{list-style:lower-alpha !important;} /* 小文字のアルファベット */

.list_parentheses{
	counter-reset:cnt; list-style:none !important; margin-left:.75em;  text-indent:-1.25em;}
.list_parentheses > li::before{
	counter-increment:cnt; content:"（" counter(cnt) "）"; display:inline-block;width:1.25em;} /*カウンター（算用数字） */
.list_middot > li::before{content:"・";} /* 中点 */
.list_comma > li::after{content:"、";} /* 読点 */

.list_inside li{list-style-position:inside !important;} 
.list_outside li{list-style-position:outside !important;} 

/* FontAwesome（for UL , OL） */
.be_list_fa > *{padding-left:1em; text-indent:-1.05em;}
.be_list_fa > *::before{font-family:FontAwesome; padding-right:.5em;}
.af_list_fa > *::after{font-family:FontAwesome; padding-left:.5em;}