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

/*----------------------------------------
 詳細設定
----------------------------------------*/

.hidden{
overflow:hidden !important;
}

.none{
display: none !important;
}

.mincho{
font-family:"Noto Serif JP","游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif !important;
}

.gothic{
font-family:"Noto Sans JP","游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ ",Meiryo,"MS ゴシック",sans-serif !important;
}


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

.FB{
display: flex !important;
}

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

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

/* 各アイテムを中央に集める */
.AI_c{
align-items: center !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_cc {
border: solid 1px #cccccc !important;
}

.border_top_cc {
border-top: solid 1px #cccccc !important;
}

.border_top_dot_cc {
border-top: dotted 1px #cccccc !important;
}

.border_bot_cc {
border-bottom: solid 1px #cccccc !important;
}

.border_bot_dot_cc {
border-bottom: dotted 1px #cccccc !important;
}


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

.bg_color_00 {
background-color:#000000 !important;
}

.bg_color_33 {
background-color:#333333 !important;
}

.bg_color_66 {
background-color:#666666 !important;
}

.bg_color_99 {
background-color:#999999 !important;
}

.bg_color_cc {
background-color:#cccccc !important;
}

.bg_color_ee {
background-color:#eeeeee !important;
}

.bg_color_f0 {
background-color:#f0f0f0 !important;
}

.bg_color_f5 {
background-color:#f5f5f5 !important;
}

.bg_color_fa {
background-color:#fafafa !important;
}

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

.bg_color_1 {
background-color:#1aa0c5 !important;
}

.bg_color_2 {
background-color:#6bb22d !important;
}

.bg_color_3 {
background-color:#e85382 !important;
}

.bg_color_4 {
background-color:#f29600 !important;
}

.bg_color_5 {
background-color:#7a0082 !important;
}

.bg_color_6 {
background-color:#3c5a96 !important;
}

.color_1{
color: #1aa0c5 !important;
}

.color_2{
color: #fa0d0d !important;
}

.color_3{
color: #e85382 !important;
}


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

.color_66{
color: #666666 !important;
}

.color_red{
color: #c0272d !important;
}

.color_ff{
color: #ffffff !important;
}

.color_green{
color: #19bc86 !important;
}

.color_pink {
color:#d10076 !important;
}

.color_purple {
color:#a4005b !important;
}

.color_blue {
color:#2ea7e0 !important;
}

.color_orange {
color:#f39800 !important;
}

.color_gold{
color: #765d1b !important;
}

.color_yellow{
color: #fdd000 !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_right_0 {
margin-right:0 !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_left_0 {
margin-left:0 !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_0{
margin: 0 0 0 0 !important;
}

.margin_5 {
margin: 5px 5px 5px 5px !important;
}

.margin_10 {
margin: 10px 10px 10px 10px !important;
}

.margin_20 {
margin: 20px 20px 20px 20px !important;
}

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

.padding_top_0 {
padding-top:0 !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_40 {
padding-top:40px !important;
}

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

.padding_right_0 {
padding-right:0 !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_40 {
padding-right:40px !important;
}

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

.padding_bottom_0 {
padding-bottom:0 !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_40 {
padding-bottom:40px !important;
}

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

.padding_left_0 {
padding-left:0 !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_40 {
padding-left:40px !important;
}

.padding_left_50 {
padding-left:50px !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;
}


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

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

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

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

/*------太さ--------*/
.text_700{
font-weight: 700;
}

.text_400{
font-weight: 400;
}

.text_200{
font-weight: 200;
}

.img_100{
width: 100%;
height: auto;
}



@media screen and (max-width : 896px) {
	
.margin_top_0_sp {
margin-top:0 !important;
}

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

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

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

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

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

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

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

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


.padding_bottom_0_sp{
padding-bottom: 0 !important;
}

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

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

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

.JC_s_sp{
justify-content: flex-start !important;
}

.text_14_sp{
font-size: 1.4rem !important;
}

.text_13_sp{
font-size: 1.3rem !important;
}

.text_12_sp{
font-size: 1.2rem !important;
}

.text_11_sp{
font-size: 1.1rem !important;
}

.w100_sp{
width: 100% !important;
}

}