@charset "utf-8";
/* CSS Document */

/*----------------------------------------
 detail
----------------------------------------*/

.hidden{
overflow:hidden !important;
}

.none{
display: none !important;
}

.block{
display: block !important;
}

.inline_block{
display: inline-block !important;
}

.letter_no{
letter-spacing: 0 !important;
}

/*----------------------------------------
 flexbox
----------------------------------------*/

.FB,.FBB{
display: flex;
}

/* 横 */
/* アイテムを中央に寄せる */
.JC_c{
justify-content: center !important;
}

/* 最初のアイテムは先頭に寄せ、最後のアイテムは末尾に寄せる */
.JC_sb{
justify-content: space-between !important;
}

/* アイテムを右に寄せる */
.JC_fe{
justify-content: flex-end !important;
}

/* 各アイテムの両側に半分の大きさの間隔を置く */
.JC_sa{
justify-content: space-around !important;
}

/* 各アイテムの周りに同じ大きさの間隔を置く */
.JC_se{
justify-content: space-evenly !important;
}

/* 縦 */
/* アイテムを中央に寄せる */
.AC_c{
align-content: center !important;
}

/* 最初のアイテムは先頭に寄せ、最後のアイテムは末尾に寄せる */
.AC_sb{
align-content: space-between !important;
}

/* 各アイテムの両側に半分の大きさの間隔を置く */
.AC_sa{
align-content: space-around !important;
}


/* 縦 */
/* 各アイテムを上に合わせる */
.AI_s{
align-items: flex-start !important;
}

/* ステッチ */
.AI_st{
align-items: stretch !important;
}


/* 各アイテムを中央に集める */
.AI_c{
align-items: center !important;
}

/* 各アイテムを下に集める */
.AI_fe{
align-items: flex-end !important;
}

/* アイテムを横に並べる */
.FD_r{
flex-direction: row !important;
}

/* アイテムを横に逆に並べる */
.FD_rr{
flex-direction: row-reverse !important;
}

/* アイテムを縦に並べる */
.FD_c{
flex-direction: column !important;
}

/* アイテムを縦に逆に並べる */
.FD_cr{
flex-direction: column-reverse !important;
}

/* アイテムを並べる */
.FW_w{
flex-wrap: wrap !important;
}

/* アイテムを逆に並べる */
.FW_wr{
flex-wrap: wrap-reverse !important;
}


/*------ボーダー--------*/

.border_ff {
border: solid 1px rgba(255,255,255,1) !important;
}

.border_ff_07 {
border: solid 3px rgba(255,255,255,.7) !important;
}

.border_ff_05 {
border: solid 3px rgba(255,255,255,.5) !important;
}

.border_cc {
border: solid 1px #cccccc !important;
}

.border_deepblue {
border: solid 3px #001d33 !important;
}

.border_deepblue2px {
border: solid 2px #001d33 !important;
}

.border_deepblue1px {
border: solid 1px #001d33 !important;
}

.border_lightblue {
border: solid 3px #3f6cba !important;
}

.border_deepenji {
border: solid 3px #590000 !important;
}

.border_deepgreen {
border: solid 3px #004f2a !important;
}

.border_gold3px{
border: solid 3px #735422 !important;
}

.border_top_gold3px{
border-top: solid 3px #735422 !important;
}

.border_bot_gold3px{
border-bottom: solid 3px #735422 !important;
}

.border_bot_deepblue {
border-bottom: solid 3px #001d33 !important;
}

.border_bot_green {
border-bottom: solid 1px #00a06c !important;
}

.border_bot_cc2px{
border-bottom: solid 2px #ccc !important;
}

.border_bot_ff {
border-bottom: solid 2px rgba(255,255,255,1) !important;
}

.border_bot_ff05 {
border-bottom: solid 2px rgba(255,255,255,.5) !important;
}

.border_left_ff {
border-left: solid 3px rgba(255,255,255,.3) !important;
}

.border_right_ff {
border-right: solid 2px rgba(255,255,255,1) !important;
}

/*------角丸 border-radius--------*/

.br_05{
border-radius:5px !important;
}

.br_10{
border-radius:10px !important;
}

.br_15{
border-radius:15px !important;
}

.br_20{
border-radius:20px !important;
}

.br_30{
border-radius:30px !important;
}

.br_50{
border-radius:50px !important;
}

.br_100{
border-radius:100px !important;
}


/*------背景色--------*/

.bg_color_ff {
background-color:#fff !important;
}

.bg_color_ff03 {
background-color:rgba(255,255,255,.3) !important;
}

.bg_color_ff05 {
background-color:rgba(255,255,255,.5) !important;
}

.bg_color_deepblue {
background-color:#001d33 !important;
}

.bg_color_lightbeige {
background:#eee8e0 !important;
}

.bg_color_lightblue {
background-color:#3f6cba !important;
}

.bg_color_lightgreen {
background-color:#8dc21f !important;
}

.bg_color_deepenji {
background-color:#590000 !important;
}

.bg_color_deepgreen {
background-color:#004f2a !important;
}

.bg_color_orange {
background-color:#f7931e !important;
}

.bg_color_yellow {
background-color:#fcd16b !important;
}

.bg_color_lightbrown {
background-color:#e3ccb8 !important;
}

.bg_color_voice_title_yellow {
background-color:#e7b925 !important;
}

.bg_color_voice_content_orange {
background-color:#ae6625 !important;
}


/*グラデーション*/

.bg_color_gold_gra_beside{
background: linear-gradient(to right, #735422 0%, #bc994f 50%, #735422 100%);
}

.bg_color_gold_gra_vertical{
background: linear-gradient( #735422 0%, #bc994f 50%, #735422 100%);
}


/*------文字色--------*/

.color_00{
color: #000 !important;
}

.color_33{
color: #333 !important;
}

.color_77{
color: #777 !important;
}

.color_aa{
color: #aaa !important;
}

.color_cc{
color: #ccc !important;
}

.color_ff{
color: #ffffff !important;
}

.color_ff05{
color: rgba(255,255,255,.5) !important;
}

.color_ff03{
color: rgba(255,255,255,.3) !important;
}

.color_deepblue{
color:#001d33 !important;
}

.color_lightblue{
color:#3f6cba !important;
}

.color_deepenji{
color:#590000 !important;
}

.color_deepgreen{
color: #004f2a !important;
}

.color_yellow{
color: #fcd16b !important;
}

/*----------------------------------------
 text shadow
----------------------------------------*/
.text_shadow_00{
text-shadow:1px 1px 1px rgba(0,0,0,.6);
}

.text_shadow_66{
text-shadow:1px 1px 1px rgba(0,0,0,.3);
}

.text_shadow_ff{
text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}

/*----------------------------------------
 text uderline 文字下線
----------------------------------------*/
.text_underline_yellow{
background: linear-gradient(transparent 50%, #ebf903 50%) !important;
}

.text_underline_green{
background: linear-gradient(transparent 50%, #c2f903 50%) !important;
}

.text_underline_ffffff{
background: linear-gradient(transparent 50%, #ffffff 50%) !important;
}

.text_underline_ff{
display:inline;
padding-top:3px;
border-bottom:2px solid rgba(255,255,255,.5);
}

.text_underline_yellow_1px{
display:inline;
padding-top:5px;
border-bottom:2px solid #fcd16b;
}

/*----------------------------------------
 box shadow
----------------------------------------*/

.box_shadow_00{
box-shadow:5px 5px 5px rgba(0,0,0,.3);
}

.drop_shadow_00{
filter: drop-shadow(5px 5px 5px rgba(0,0,0,.7));
}

.drop_shadow_33{
filter: drop-shadow(2px 2px 2px rgba(0,0,0,.3));
}

/*----------------------------------------
 font
----------------------------------------*/

.serif{
font-family: 'Noto Serif JP', serif !important;
}

.sans-serif{
font-family: 'Noto Sans JP', sans-serif !important;
}

.roboto{
font-family: 'Roboto', sans-serif !important;
}


/*----------------------------------------
 font-weight
----------------------------------------*/

.fw_300{
font-weight:300 !important;
}

.fw_400{
font-weight:400 !important;
}

.fw_500{
font-weight:500 !important;
}

.fw_700{
font-weight:700 !important;
}

.fw_900{
font-weight:900 !important;
}

/*----------------------------------------
 letter-spacing
----------------------------------------*/
.ls_0{
letter-spacing:0em;
}

.ls_01{
letter-spacing:.1em;
}

.ls_015{
letter-spacing:.15em;
}

.ls_02{
letter-spacing:.2em;
}

.ls_03{
letter-spacing:.3em;
}

.ls_05{
letter-spacing:.5em;
}

/*----------------------------------------
 line-height
----------------------------------------*/

.lh_05{
line-height:.5em;
}

.lh_065{
line-height:.65em;
}

.lh_085{
line-height:.85em;
}

.lh_10{
line-height:1em;
}

.lh_12{
line-height:1.2em;
}

.lh_135{
line-height:1.35em;
}

.lh_15{
line-height:1.5em;
}

.lh_175{
line-height:1.75em;
}

.lh_200{
line-height:2em;
}

/*------文字サイズ--------*/

.fs_05{
font-size:.5em !important;
}

.fs_06{
font-size:.6em !important;
}

.fs_07{
font-size:.7em !important;
}

.fs_085{
font-size:.85em !important;
}

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

.fs_115{
font-size:1.15em !important;
}

.fs_125{
font-size:1.25em !important;
}

.fs_145{
font-size:1.45em !important;
}

.fs_160{
font-size:1.6em !important;
}

.fs_175{
font-size:1.75em !important;
}

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

.fs_25{
font-size:2.5em !important;
}

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

.fs_35{
font-size:3.5em !important;
}

.fs_40{
font-size:4em !important;
}

.fs_45{
font-size:4.5em !important;
}

.fs_50{
font-size:5em !important;
}

.fs_55{
font-size:5.5em !important;
}

.fs_60{
font-size:6em !important;
}


/*------マージン設定--------*/

.margin_top_0 {
margin-top:0 !important;
}


.margin_top_5 {
margin-top:5px !important;
}

.margin_top_10 {
margin-top:10px !important;
}

.margin_top_20 {
margin-top:20px !important;
}

.margin_top_30 {
margin-top:30px !important;
}

.margin_top_40 {
margin-top:40px !important;
}

.margin_top_50 {
margin-top:50px !important;
}

.margin_top_100 {
margin-top:100px !important;
}

.margin_right_5 {
margin-right:5px !important;
}

.margin_right_10 {
margin-right:10px !important;
}

.margin_right_20 {
margin-right:20px !important;
}

.margin_right_30 {
margin-right:30px !important;
}

.margin_right_40 {
margin-right:40px !important;
}

.margin_right_50 {
margin-right:50px !important;
}

.margin_bottom_0 {
margin-bottom:0 !important;
}

.margin_bottom_5 {
margin-bottom:5px !important;
}

.margin_bottom_10 {
margin-bottom:10px !important;
}

.margin_bottom_20 {
margin-bottom:20px !important;
}

.margin_bottom_30 {
margin-bottom:30px !important;
}

.margin_bottom_40 {
margin-bottom:40px !important;
}

.margin_bottom_50 {
margin-bottom:50px !important;
}

.margin_bottom_75 {
margin-bottom:75px !important;
}

.margin_bottom_100 {
margin-bottom:100px !important;
}


.margin_left_5 {
margin-left:5px !important;
}

.margin_left_10 {
margin-left:10px !important;
}

.margin_left_20 {
margin-left:20px !important;
}

.margin_left_30 {
margin-left:30px !important;
}

.margin_left_40 {
margin-left:40px !important;
}

.margin_left_50 {
margin-left:50px !important;
}

.margin_left_text_indent{
padding-left:1em !important;
text-indent:-1em !important;
}

.text_indent{
margin-left:.5em !important;
text-indent:-.8em !important;
}



.margin_0{
margin: 0 0 0 0 !important;
}

/*------パディング設定--------*/

.padding_left_0 {
padding-left:0px !important;
}

.padding_left_5 {
padding-left:5px !important;
}

.padding_left_10 {
padding-left:10px !important;
}

.padding_left_20 {
padding-left:20px !important;
}

.padding_left_30 {
padding-left:30px !important;
}

.padding_left_50 {
padding-left:50px !important;
}

.padding_right_0 {
padding-right:0px !important;
}

.padding_right_5 {
padding-right:5px !important;
}

.padding_right_10 {
padding-right:10px !important;
}

.padding_right_20 {
padding-right:20px !important;
}

.padding_right_30 {
padding-right:30px !important;
}

.padding_right_50 {
padding-right:50px !important;
}

.padding_top_5 {
padding-top:5px !important;
}

.padding_top_10 {
padding-top:10px !important;
}

.padding_top_20 {
padding-top:20px !important;
}


.padding_top_30 {
padding-top:30px !important;
}

.padding_top_50 {
padding-top:50px !important;
}

.padding_top_100 {
padding-top:100px !important;
}

.padding_bottom_0 {
padding-bottom:0px !important;
}

.padding_bottom_5 {
padding-bottom:5px !important;
}

.padding_bottom_10 {
padding-bottom:10px !important;
}

.padding_bottom_20 {
padding-bottom:20px !important;
}

.padding_bottom_30 {
padding-bottom:30px !important;
}

.padding_bottom_50 {
padding-bottom:50px !important;
}

.padding_bottom_75 {
padding-bottom:75px !important;
}

.padding_bottom_100 {
padding-bottom:100px !important;
}

.padding_0 {
padding: 0 0 0 0 !important;
}

.padding_5 {
padding: 5px 5px 5px 5px !important;
}

.padding_10 {
padding: 10px 10px 10px 10px !important;
}

.padding_20 {
padding: 20px 20px 20px 20px !important;
}

.padding_25 {
padding: 25px !important;
}

.padding_30 {
padding: 30px !important;
}

.padding_top_0 {
padding-top:0 !important;
}


/*------文字位置--------*/

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

.text_center {
  text-align: center !important;
}

/*------位置--------*/

.margin_0_auto{
	margin:0 auto;
	text-align:center;
}

.text_center_pc {
  text-align: center !important;
}

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

/*------box-sizing--------*/

.box-sizing{
box-sizing:border-box;
}

@media screen and (max-width : 896px) {

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

.FW_wr_sp{
flex-wrap: wrap-reverse !important;
}

.margin_top_0_sp {
margin-top:0 !important;
}

.margin_bottom_0_sp {
margin-bottom:0 !important;
}

.margin_bottom_10_sp {
margin-bottom:10px !important;
}

.padding_0_sp {
padding: 0 0 0 0 !important;
}

.border_right_aa {
border-right:none !important;
border-bottom:solid 1px #aaa !important;
}

.border_left_aa {
border-left:none !important;
border-top:solid 1px #aaa !important;
}

}