@charset "utf-8";
/*users*/

/* 1. RESET
  ---------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
ul, ol { list-style: none; }
li { margin: 0 0 5px 0; }
img { vertical-align: middle; }

/* 2. FLUID-IMG
  ---------------------------------------------------------------------*/
img { max-width: 100%; }

/* 3. HTML/BODY  -- COMMON
  ---------------------------------------------------------------------*/
html { line-height: 1.5; color: #000; }
body { font-family: "Noto Sans Japanese"; }
.sc { visibility: hidden; display: none; }/* デフォルト「ページトップ」を非表示 */
small { text-align: center; margin: 10px auto 20px; font-size: 0.7em; }
figcaption { text-align: center; margin: 5px auto; font-size: 0.57em; }

/* HEADER ---------*/
/*ヘッダーナビ*/
.hedfix_ad{padding-top: 40px;margin-top: -80px;}
.hedfix_ad2{padding-top: 100px;margin-top: -110px;}

.hed_navi1{color: #595959;display: inline-block;float: left; font-size: .8em;font-weight: normal;margin:7px 0 0 0;letter-spacing: -0.06em;}
.hed_navi1p{color: #595959;display: inline-block;float: left; font-size: .8em;font-weight: normal;margin:4px 0 0 0;letter-spacing: -0.06em;}
.hed_navi2{display: inline-block;float: right;letter-spacing: -0.06em;}
.hed_navi2 li{ display: inline-block;font-size: .8em;margin-bottom: 0;vertical-align: middle;padding-left: 6px;padding-right:2px;}
.hed_navi2-1 {border-left: 1px solid #999;margin-top: 2px;}
.hed_navi2-2 {margin-top: 2px}
.hed_navi2 a{color: #595959;}
.lead { background: 10px top #dbdbd5; width: 100%; font-size: 70%; text-align: right; }
header { margin: 0.5em 0; }
.logo { width: 50%; margin: 3px auto; }
p.header { text-align: center; padding: 0; margin: 0; max-width: 240px; }
.header img { width: 240px; }
.btn_h { text-align: center; vertical-align: top; display: block; }
.btn_h img { flex-direction: row; margin: 0 0.5em; height: 40px; }

/* NAV -----------*/
nav { visibility: visible; display: inline-block; margin: 0 auto; width: 90%; text-align: center; max-width: 800px; }
nav a img { margin: 10px auto; }
.nav_line { width: 33%; border-right: 2px solid #000; padding: 0px 5px; margin: 10px 0; }
.nav_lineN { width: 33%; padding: 0px 5px; margin: 10px 0; }

/* pan ----------*/
#pan { margin: 0px 0px 25px; padding: 0px; color: #333; text-align: left; background: #eee; font-size: 11px; }
#pan ul { max-width: 100%; list-style: none; margin: 0px auto; padding: 6px 0px 4px 0px; }
/* responsive */
#pan li.home { margin: auto 5px auto 10px; padding: 0px 0px 0px 19px; display: inline; }
#pan li { margin: auto 5px; padding: 0px 0px 0px 6px; display: inline; }

/* MAIN -----------*/
section { clear: both; }
article { margin: 0 5px 20px; }
article.boxLine_bk { border-radius: 5px; border: 1px solid #333333; padding: 10px; display: table-cell; }
li.boxLine_bk { border-radius: 5px; border: 1px solid #333333; margin: 0 auto 10px; padding: 5px 20px; text-align: center; white-space: nowrap; }
p.boxLine_bk { border-radius: 5px; border: 1px solid #333333; margin: 30px auto; padding: 15px 10px; width: 50%; font-weight: bold; }
.info { display: table; margin: 30px auto; width: 90%; table-layout: fixed; border-collapse: separate; border-spacing: 20px 0; }
#main h3.tit_gy { background: #dbdbd5; padding: 15px; text-align: center; }
#con01_C { text-align: center;}
#con01_C ul { clear: both; text-align: center; margin: 0px auto 40px; }
#con01_C li { display: block; text-align: center; margin: 5px auto; max-width: 250px; }

.bnr_top img { visibility: hidden; display: none; }
/* HIDDEN ---------*/
.none { visibility: hidden; }

/* 4. LINK------------*/
a { text-decoration: none; color: #2fae00; }
a:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }/* 画像アルファ */
a.alpha:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }/* 画像アルファ */
a.ho_gray:hover { background:#ddd;}

/* 5. FONT------------*/
.font_hira{}
.inline_b{display: inline-block;}
.left_box{border-left: 7px solid #777;padding: 1px 0 2px 3px;display: inline-block;}

.wf-sawarabigothic { font-family: "Sawarabi Gothic"; }
.wf-notosansjapanese { font-family: "Noto Sans Japanese"; }

/* TEXTを隠す -----*/
.clearText { text-indent: 100%; white-space: nowrap; overflow: hidden; }
/* H1~6 -----------*/
h1, h2, h3 { margin-bottom: 21px; }
h1 { font-size: 36px; line-height: 1; } /* 36px */
h2 { font-size: 24px; line-height: 1.5; } /* 36px */
h3 { font-size: 21px; line-height: 1; } /* 21px */
h4, h5, h6, p, div { line-height: 1.5; }
/* COMMON ---------*/
dt, dd, th, td { font-size: 12px; }
p.normal { font-size: 12px; }
/* FONT COLOR -----*/
.gray { color: #000; }
.green { color: #53ab32; }
.red { color: #c10000; }
.white { color: #fff; }
.brown { color: #944116; }
.l_purple { color: #9c69b7; }
/* SIZE -----------*/
.font_ss { font-size: 0.5em; }
.font_s { font-size: 0.8em; }
.font { font-size: 1.0em; }
.font_ms { font-size: 1.1em; }
.font_m { font-size: 1.2em; }
.font_l { font-size: 1.5em; }
/* WEIGHT ---------*/
.font_b { font-weight: bold; }
.font_n { font-weight: normal; }
/* LINE-HEIGHT ----*/
.lh_h { line-height: 2.0em; }
.lh_n { line-height: 1em; }
.lh_m { line-height: 1.6em; }

/* TITLE BG -------*/
.ttl_i-1{font-size: 2.6em; margin: 0px 12px 20px; padding: 3px;border-bottom: 5px solid #cfde93;display: inline-block;}

.ttl_01_h2 .ttl_01 {border-bottom:5px #cfde95 solid;  font-size: 1.6em;  padding-left: 5px; margin: 10px 10px 20px; }
.ttl_02_h2 .ttl_02 { }

.ttl_03_h3 .ttl_03 { border-left: solid 10px #333333; font-size: 1.3em; padding: 4px 0 0 5px; margin: 30px 0 15px 10px; }
.ttl_04_h3 .ttl_04 { border-left: solid 10px #53ab32; font-size: 1.3em; padding: 4px 0 0 5px; margin: 30px 0 15px 10px; }
.ttl_05_h3 .ttl_05 { border-left: solid 10px #7b5390; font-size: 1.3em; padding: 4px 0 0 5px; margin: 30px 0 15px 10px; }
.ttl_06_h3 .ttl_06 {font-size: 1.3em;
    padding: 7px 10px;
    margin: 30px 7px 0px;
    display: inline-block; }/*会場案内タイトル*/
.ttl_07_h3 .ttl_07{    font-size: 1.3em;
    background: rgb(204, 204, 204);
    padding: 10px 15px;
    margin: 30px 5px 15px;}

.ttl_08_h3 .ttl_08 { background: url(../../images/others/icon/vegeicon_13.png) left no-repeat; border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 40px; margin: 30px 0px 15px 0px; }
.ttl_09_h3 .ttl_09 { background: url(../../images/others/icon/vegeicon_10.png) left no-repeat; border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 40px; margin: 30px 0px 15px 0px; }
.ttl_10_h3 .ttl_10 { border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 0px; margin: 30px 0px 15px 0px; }
.ttl_11_h3 .ttl_11 { background: url(../../images/others/icon/vegeicon_12.png) left no-repeat; border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 40px; margin: 30px 0px 15px 0px; }
/* TITLE NEWS BG --*/
.news_01_h2 .news_01 { border-bottom: double #333333; font-size: 1.5em; width: 100%; padding-left: 5px; margin: 0px 0 15px 0; }
.news_02_h2 .news_02 { }
.news_03_h3 .news_03 { border-left: solid 10px #333333; font-size: 1.3em; padding: 4px 0 0 5px; margin: 30px 0 15px 0px; }
.news_04_h3 .news_04 { border-left: solid 10px #53ab32; font-size: 1.3em; padding: 4px 0 0 5px; margin: 30px 0 15px 0px; }
.news_05_h3 .news_05 { border-left: solid 10px #7b5390; font-size: 1.3em; padding: 4px 0 0 5px; margin: 30px 0 15px 0px; }
.news_06_h3 .news_06 { background: url(../../images/others/line_02.png) bottom repeat-x; font-size: 1.4em; padding: 10px 0 7px 5px; margin: 30px 0 15px 0px; }
.news_07_h3 .news_07 { background: url(../../images/others/icon/vegeicon_01.png) left no-repeat; border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 40px; margin: 30px 0px 15px 0px; }
.news_08_h3 .news_08 { background: url(../../images/others/icon/vegeicon_13.png) left no-repeat; border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 40px; margin: 30px 0px 15px 0px; }
.news_09_h3 .news_09 { background: url(../../images/others/icon/vegeicon_10.png) left no-repeat; border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 40px; margin: 30px 0px 15px 0px; }
.news_10_h3 .news_10 { background: url(../../images/others/icon/vegeicon_11.png) left no-repeat; border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 40px; margin: 30px 0px 15px 0px; }
.news_11_h3 .news_11 { background: url(../../images/others/icon/vegeicon_12.png) left no-repeat; border-bottom: dotted 1px #333; font-size: 1.3em; padding: 15px 0 3px 40px; margin: 30px 0px 15px 0px; }

/* 6. ICON
  ---------------------------------------------------------------------*/
  /* FILE -----------*/
.pdf { background: url(../../images/sys/icon_pdf.gif) right no-repeat; width: 20px; padding: 0 3px; }
.doc { background: url(../../images/sys/icon_doc.gif) right no-repeat; padding: 0 3px; }
.xls { background: url(../../images/sys/icon_xls.gif) right no-repeat; padding: 0 3px; }
.external { background: url(../../images/sys/icon_externallink.gif)right no-repeat; padding: 0 3px; }
/* FILE for NEWS --*/
.news_type_pdf { background: url(../../images/sys/icon_pdf.gif) left top no-repeat; }
.news_type_url { background: url(http://www.vege-fru.com/core_sys/images/sys/icon_externallink.gif) left top no-repeat; }
.news_type { padding: 0px 0px 0px 25px; }


/* IMG ------------*/
  
/* 7. DECORATION
  ---------------------------------------------------------------------*/
/*ボックスシャドウ*/
.box-s5 {box-shadow: 0 0 8px rgba(0,0,0,.2)}

  /* BG COLOR -------*/
.bg_gy { background-color: #eee; padding: 20px; } /* SITE COLOR */
.bg_gr { background-color: #53ab32; padding: 15px; } /* SITE COLOR */
.bg_lgr { background-color: #E3F5E3; padding: 15px; }
.bg_pl { background-color: #7b5390; padding: 15px; } /* SITE COLOR */
.bg_lpl { background-color: #E7DBF0; padding: 15px; }
.bg_wt { background-color: #fff; padding: 5px 10px; }
/* BOX RADIUS -----*/
.boxRad { padding: 10px; margin: 10px; border: solid 1px #333; border-radius: 2px; }
.boxRad_gy { padding: 10px; margin: 10px auto; background: #dbdbd5; border-radius: 2px; }
.boxRad_gy2 { padding: 10px 7px 7px 7px; margin: 10px auto; background: #e7e7e2; border-radius: 2px; }
.boxRad_gr { padding: 10px; margin: 10px; background: #E3F5E3; border-radius: 2px; }
.boxRad_pl { padding: 10px; margin: 10px; background: #E7DBF0; border-radius: 2px; }
.boxRad5 { padding: 10px; margin: 10px; border: solid 1px #333; border-radius: 5px; }
.boxRad5_re { padding: 10px; margin: 10px; background: #c10000;  }
.boxRad5_gr {padding: 10px;margin: 10px;background: #6fbf06;}
.boxRad5_pl { padding: 10px; margin: 10px; background: #56258e; border-radius: 5px; }
/* BOX SQUARE------*/

.a-box_green { border-radius: 50px;margin:7px auto 10px; padding: 5px 10px;display: inline-block; background: #53ab32;
 color: #fff;font-size: 1.4em;letter-spacing: 0.03em;}
.a-box_green:hover{background: #98d282}
.boxLine_bk { border-radius: 5px; border: 1px solid #333333; margin: 0 auto 10px; padding: 5px 5px; text-align: center; white-space: nowrap; display: table; }
.boxLine_bk_w { border-radius: 2px; border: double #333333; margin: 0 auto; padding: 15px 4px 5px 4px; /*white-space:nowrap;*/ }
.boxLine_bk_w th, td { margin: 0 auto; }
.boxSqu { padding: 10px; margin: 5px; border: solid 1px #333; }
.boxSqu_gy { padding: 10px; margin: 10px; background: #dbdbd5; }
.boxSqu_gr { padding: 10px; margin: 10px; background: #E3F5E3; }
.boxSqu_pl { padding: 10px; margin: 10px; background: #E7DBF0; }
/* BOX ROUND------*/
    /* GRAY BASIC */
.btn_round_gy { width: 15%; margin: 1.5em; line-height: 1.5em; }
.btn_round_circle_gy { width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; overflow: hidden; background: radial-gradient(#fff, #aaa); }
/*.btn_round_circle_gy:hover {background:radial-gradient(#fff, #dbdbd5);}*/
.btn_round_circle_gy a { display: block; width: 100%; padding-top: 50%; padding-bottom: 50%; line-height: 1em; margin-top: -0.5em; position: relative; text-align: center; vertical-align: central; font-weight: bold; }
/* RED BASIC */
.btn_round_re { width: 23%; margin-left: 40%; margin-top: 1.5em; line-height: 1.5em; color: #fff; text-align: center; vertical-align: central; display: inline-block; position: relative; }
.btn_round_circle_re { width: 100%; height: 0; font-size: 0.9em; padding-bottom: 70%; padding-top: 30%; border-radius: 50%; overflow: hidden; background: radial-gradient(#c12727, #c30000); }
/* GREEN BASIC */
.btn_round_gr { width: 20%; margin-left: 40%; margin-top: 1.5em; line-height: 1.5em; color: #fff; text-align: center; vertical-align: central; display: inline-block; position: relative; }
.btn_round_circle_gr { width: 100%; height: 0; font-size: 1.0em; padding-bottom: 70%; padding-top: 30%; border-radius: 50%; overflow: hidden; background: radial-gradient(#529e26, #339900); }
/* PURPLE BASIC */
.btn_round_pu { width: 20%; margin-left: 40%; margin-top: 1.5em; line-height: 1.5em; color: #fff; text-align: center; vertical-align: central; display: inline-block; position: relative; }
.btn_round_circle_pu { width: 100%; height: 0; font-size: 1.0em; padding-bottom: 70%; padding-top: 30%; border-radius: 50%; overflow: hidden; background: radial-gradient(#6c3fa0, #60239b); }
/* RED */
.btn_round_01 { width: 18%; margin: 1.0em; line-height: 1.5em; color: #fff; left: 0; }
.btn_round_circle_01 { display: block; width: 100%; height: 0; padding-bottom: 60%; padding-top: 40%; border-radius: 50%; border: 2px solid #fff; position: relative; text-align: center; overflow: hidden; background: #c12727; box-shadow: 0 0 0px gray; }
/* GREEN */
.btn_round_02 { width: 18%; margin: 0.5em; line-height: 1.5em; color: #fff; }
.btn_round_circle_02 { display: block; width: 100%; height: 0; padding-bottom: 60%; padding-top: 40%; border-radius: 50%; border: 2px solid #fff; position: relative; text-align: center; overflow: hidden; background: #53ab32; box-shadow: 0 0 0px gray; }
/* PURPLE */
.btn_round_03 { width: 18%; margin: 1.0em; line-height: 1.5em; color: #fff; left: 0; }
.btn_round_circle_03 { display: block; width: 100%; height: 0; padding-bottom: 60%; padding-top: 40%; border-radius: 50%; border: 2px solid #fff; position: relative; text-align: center; overflow: hidden; background: #7b5390; box-shadow: 0 0 0px gray; }
/* LINE -----------*/
.line_bk_b { border-bottom: 1px solid #333; }
.line_wt_b { border-bottom: 5px solid #fff; margin: 15px 0; }
.line_bk_w { border-bottom: double #333; }
.line_bk_deco { background: url(../../images/others/line_02.png) bottom repeat-x; }
.line_bk_dot { border-bottom: dotted 1px #333; }
.line_gray { height: 5px; background-color: #dbdbd5; border: none; }
.line_dot_gray { border-bottom:dotted 2px #dbdbd5; }
/* FRAME ----------*/
.frame_01_top { background: url(../../images/main/frame_corner_top.png) no-repeat; background-position: center top }
.frame_01_btm { background: url(../../images/main/frame_corner_btm.png) no-repeat; background-position: center bottom }
/* LIST -----------*/
.li_disc { list-style: disc; }
.li_square { list-style: square; }
.li_decimal { list-style: decimal; }
.li_decimal-leading-zero { list-style: decimal-leading-zero; }
.li_lower-roman { list-style: lower-roman; }
.li_lower-alpha { list-style: lower-alpha; }
.li_upper-alpha { list-style: upper-alpha; }
.li_none { list-style: none; }
ul.wt_allow li { padding: 0px 0px 0px 15px; background: URL(../../images/footer/footer_list.svg) 0px 4px no-repeat; }
/* DETAIL ---------*/
.detail_ttl { margin: 10px 0 20px 0; }
.detail h6 { background: url(../../images/others/line_02.png) bottom repeat-x; font-size: 1.1em; padding: 0 0 5px 5px; margin: 10px 0; }
.detail p { margin: 3px 5px; }
.detail ol { margin: 5px 0px 10px 40px; list-style: square; font-size: 1.1em; color: #53ab32; }

/*201701リニューアル用カリキュラム*/
.detail2_ttl { margin: 5px 0 5px 10px; font-weight: bold;}
.detail2 h6 { font-size: 1em; padding: 0 0 2px 5px; margin: 5px 0;border-bottom: 1px solid #999;display: inline-block;}
.detail2 p { margin: 3px 5px;font-size: 1em; }
.detail2 ol { margin: 5px 0px 5px 20px; list-style: square; font-size: 1em;}

/* STYLE ---------*/
.style_ttl { margin: 5px 0 10px 0; }
.style h6 { background: url(../../images/others/line_02.png) bottom repeat-x; font-size: 1.1em; padding: 0 0 5px 5px; margin: 10px 0; }
.style p { margin: 3px 5px; }
.style table { margin: 0 auto; }
.style th.style_item { vertical-align: middle; text-align: left; }
.style td.style_item { padding: 3px; }
.style td.style_item2 { padding: 3px 50px 3px 0; }
.style td img { text-align: right; vertical-align: middle; }
.style ol { list-style: square; margin-left: 20px; }
.style_info li { list-style: disc; margin: 5px 0 10px 15px; }

/* 8. ALIGN / POSITION / FLOAT / CLEAR FIX / FLEXBOX / CAPTION
  ---------------------------------------------------------------------*/
  /* ALIGN ----------*/
.alignL { text-align: left; }
.alignC { text-align: center; }
.alignR { text-align: right; }
/* POSITION -------*/
  /* FLOAT ----------*/
.floatL { float: left; }
.floatR { float: right; }
/* CLEAR FIX ------*/
.clear, .clearfix { clear: both; }
.clearfix:after, .clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0px; }
/* FLEXBOX -------*/
.flexbox { display: flex; display: -webkit-flex; align-content: space-around; justify-content: center; }
.flexbox_01 { display: flex; display: -webkit-flex; align-content: space-around; justify-content: center; align-items: center; }/* 縦軸センターの横並び */
.flexbox_wrap { display: flex; display: -webkit-flex; align-content: space-around; flex-wrap: wrap; }
.flexbox_wrap_center { display: flex; display: -webkit-flex; justify-content: center; flex-wrap: wrap; }
.flexbox_wrap_reverse { display: flex; display: -webkit-flex; justify-content: center; flex-wrap: wrap-reverse; }
.flexbox_wrap_50 { display: flex; align-content: flex-start; justify-content: space-around; width: 330px; margin: 10px 15px; }
.flexbox_wrap_50 img { margin: 0 0.8em 0.8em 0; }
.flexItem { border: 1px solid #333; border-radius: 5px; margin: 0 5px 10px; padding: 5px 20px; }
.flexItem2 { width: 300px; }
.flexItem3 { width: 200px; }
section.flexbox { display: flex; display: -webkit-flex; align-content: space-around; justify-content: flex-start; }
/* 横等幅 */
.column { flex: 1; }
/* LIST横並び ----*/
.link_list { margin: 0 auto 20px; border-bottom: double #333; text-align: center; width: 100%; }
.link_list li { display: inline-block; position: relative; }
.link_list img { padding: 0 5px 2px 5px; }
/* CAPTIN --------*/
caption { text-align: left; }

/* 9. PIN POINT---------------------------------------------------------------------*/
/* kids -----------*/
#kids { background-color: #f5ed10; margin: 0 auto; padding: 15px 10px; }
.kids_bg { background-color: #fff; margin: 0 10px; }
.kids_ftr { background-image: url(../../images/others/kids/bg_footer.png); background-repeat: repeat-y; margin: 0 auto; }
/* kids -----------*/
#kids { background-color: #f5ed10; background-image: url(../images/others/kids/main_moyashi.png); background-repeat: no-repeat; margin: 0 auto; padding: 30px 40px; }
.kids_bg { background-color: #FFFFFF; margin: 0; box-shadow: #000000 }
.kids_ftr {/*background-image:url(../../images/others/kids/bg_footer.png); background-repeat:repeat-y;*/ margin: 0 auto; }

/* award --------
#award_img { display: none; visibility: hidden; }--*/
/* news----------*/
table.t_basic { border-collapse: collapse; border: 0px; }
table.t_basic tr td { padding: 10px; }
.line_b { border-bottom: 1px solid #dbdbd5; }

/*他講座一覧用*/
.other_c{display: inline-block;max-width: 347px;background: ;margin: 10px;text-align: left;vertical-align: top;}
.other_c img{margin-right: 8px;margin-bottom: 7px;width: 160px;border-radius: 10px;}
.other_c h2{font-size: 1.15em;font-family: "Noto Sans Japanese";letter-spacing: -0.03em;border-bottom: 1px dotted #ccc;}

/*活かすページボタンマウスオーバー設定*/
.ikasu_button1{ display: inline-block;background-color: #aaa; padding: 10px 20px;color: #000;border-radius: 0px; font-size: 1.2em;border-radius: 20px; }
.ikasu_button1:hover { background-color: #ccc;}

/*協会概要*/
.kyokai_gaiyo1{display: inline-block;}
.kyokai_gaiyo1 li{display: inline-block;}
.kyokai_gaiyo1 a{display: inline-block;padding:7px ;margin: 5px; border: 1px solid #333;border-radius: 5px;font-size:1.2em;width:190px;background: #fff;box-shadow: 0 0 3px rgba(0,0,0,.3);font-weight:bold;}
.kyokai_gaiyo1 a:hover{background: #ddd;border: 1px solid #ccc;}

/* 10. CHART  -- DL+TABLE
  ---------------------------------------------------------------------*/
  /* DL  -------------*/
#dl_chart00 { }
#dl_chart00 dt { padding: 10px 10px 2px 10px; margin-top: 10px; border-bottom: solid 2px #bababa; font-weight: bold; font-size: 1.0em; }
#dl_chart00 dd { padding: 10px 10px 5px 20px; border-bottom: dotted 1px #bababa; }
#dl_chart00 dt:first_child {border-bottom:none;}
#dl_chart00 dd:first_child {border-bottom:none;}
.dl_chart00 { font-size: 0.9em; }
.dl_chart00 dt { padding: 10px 10px 5px 10px; border-bottom: solid 3px #d0df95; font-weight: bold; margin-top: 30px;
    font-size: 1.35em;}
.dl_chart00 dd { padding: 10px;/* border-bottom: dotted 1px #bababa; */}
  /* DL3  -------------*/
#dt_chart03  { padding: 10px 10px 2px 10px; margin-top: 10px; border-bottom: solid 2px #bababa; font-weight: bold; font-size: 1.0em; }
#dd_chart03  { font-size: 1em;font-weight: normal; padding: 10px 10px 5px 10px; border-bottom: dotted 1px #bababa; }
#dd_chart03 th{white-space: nowrap;padding-right:7px;vertical-align:top;}

/* DL BOX CHART -----*/
#dl_chart01 { width: 100%; background: #dbdbd5; border: solid 1px #BABABA; overflow: hidden; }
 #dl_chart01 dt:first-child, #dl_chart01 dd:second-child {border-top:none;}
#dl_chart01 dt { clear: both; float: left; width: 6em; padding: 10px; border-top: dotted 1px #bababa; font-weight: bold; }
#dl_chart01 dd { background: #fff; padding: 15px 10px; margin-left: 7em; border-top: dotted 1px #bababa; }
#dl_chart01 dd li { margin-bottom: 21px; }
#dl_chart01 dd li:last-child { margin-bottom: 10px; }
#dl_chart01 dd h5 { padding: 0; margin: 0 0 5px 0;font-size: 1em; }
#dl_chart01 dd h3 { /*float: left; */margin-top: 15px; }
#dl_chart01 img { width: 230px; margin-left: 10px; }
/* DL BOX LIST(dotted line) -*/
#dl_chart02 { width: 100%; overflow: hidden; }
#dl_chart02 dt { clear: both; float: left; width: 7em; padding: 10px 15px 3px 15px; border-bottom: dotted 1px #bababa; }
#dl_chart02 dd { padding: 10px 15px 3px 15px; margin-left: 8em; border-bottom: dotted 1px #bababa; }
/* TABLE ----------*/
#tbl_chart00 {    max-width: 100%; margin: 0px auto 45px; padding: 0px 10px 10px 10px; width: 97%;color: #313131; text-align: left; background:  #f4f5e9;  border-top: 5px #cfde95 solid;}
#tbl_chart00 th { border-bottom: dotted 1px #bababa; padding: 10px 5px 3px 5px; width: 10%; vertical-align: top; white-space: nowrap; }
#tbl_chart00 td { border-bottom: dotted 1px #bababa; padding: 10px 5px 3px 15px;width: 90%; }
#tbl_chart00 img{width:70px}

/* 11. MARGIN
  ---------------------------------------------------------------------*/
  /* TOP ------------*/
.mt3 { margin-top: 3px; }
.mt5 { margin-top: 5px; }
.mt7 { margin-top: 7px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }
/* BOTTOM ---------*/
.mb3 { margin-bottom: 3px; }
.mb5 { margin-bottom: 5px; }
.mb7 { margin-bottom: 7px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
/* LEFT -----------*/
.ml3 { margin-left: 3px; }
.ml5 { margin-left: 5px; }
.ml7 { margin-left: 7px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml60 { margin-left: 60px; }
.ml70 { margin-left: 70px; }
.ml80 { margin-left: 80px; }
.ml100 { margin-left: 100px; }
/* RIGHT ----------*/
.mr3 { margin-right: 3px; }
.mr5 { margin-right: 5px; }
.mr7 { margin-right: 7px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr25 { margin-right: 25px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr60 { margin-right: 60px; }
.mr70 { margin-right: 70px; }
.mr80 { margin-right: 80px; }
.mr100 { margin-right: 100px; }
/* TOP+BOTTOM -----*/
.mtb3 { margin-bottom: 3px; margin-top: 3px; }
.mtb5 { margin-bottom: 5px; margin-top: 5px; }
.mtb7 { margin-bottom: 7px; margin-top: 7px; }
.mtb10 { margin-bottom: 10px; margin-top: 10px; }
.mtb15 { margin-bottom: 15px; margin-top: 15px; }
.mtb20 { margin-bottom: 20px; margin-top: 20px; }
.mtb30 { margin-bottom: 30px; margin-top: 30px; }
.mtb40 { margin-bottom: 40px; margin-top: 40px; }
.mtb50 { margin-bottom: 50px; margin-top: 50px; }
.mtb60 { margin-bottom: 60px; margin-top: 60px; }
.mtb70 { margin-bottom: 70px; margin-top: 70px; }
.mtb80 { margin-bottom: 80px; margin-top: 80px; }
/* LEFT+RIGHT -----*/
.mlr3 { margin-left: 3px; margin-right: 3px; }
.mlr5 { margin-left: 5px; margin-right: 5px; }
.mlr7 { margin-left: 7px; margin-right: 7px; }
.mlr10 { margin-left: 10px; margin-right: 10px; }
.mlr15 { margin-left: 15px; margin-right: 15px; }
.mlr20 { margin-left: 20px; margin-right: 20px; }
.mlr30 { margin-left: 30px; margin-right: 30px; }
.mlr40 { margin-left: 40px; margin-right: 40px; }
.mlr50 { margin-left: 50px; margin-right: 50px; }
.mlr60 { margin-left: 60px; margin-right: 60px; }
.mlr70 { margin-left: 70px; margin-right: 70px; }
.mlr80 { margin-left: 80px; margin-right: 80px; }
/* ALL -----*/
.ma1 { margin: 1px; }
.ma3 { margin: 3px; }
.ma5 { margin: 5px; }
.ma7 { margin: 7px; }
.ma10 { margin: 10px; }
.ma15 { margin: 15px; }
.ma20 { margin: 20px; }
.ma30 { margin: 30px; }
.ma40 { margin: 40px; }
.ma50 { margin: 50px; }
.ma60 { margin: 60px; }
.ma70 { margin: 70px; }
.ma80 { margin: 80px; }
/* left+bottom -----*/
.mlb1 { margin-bottom: 1px; margin-left: 1px; }

/* 12. PADDING
  ---------------------------------------------------------------------*/
  /* TOP ------------*/
.pt3 { padding-top: 3px; }
.pt5 { padding-top: 5px; }
.pt7 { padding-top: 7px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
/* BOTTOM ---------*/
.pb3 { padding-bottom: 3px; }
.pb5 { padding-bottom: 5px; }
.pb7 { padding-bottom: 7px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
/* LEFT -----------*/
.pl3 { padding-left: 3px; }
.pl5 { padding-left: 5px; }
.pl7 { padding-left: 7px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }
.pl25 { padding-left: 25px; }
.pl30 { padding-left: 30px; }
.pl40 { padding-left: 40px; }
/* RIGHT ----------*/
.pr3 { padding-right: 3px; }
.pr5 { padding-right: 5px; }
.pr7 { padding-right: 7px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }
.pr25 { padding-right: 25px; }
.pr30 { padding-right: 30px; }
.pr40 { padding-right: 40px; }
/* TOP+BOTTOM -----*/
.ptb3 { padding-bottom: 3px; padding-top: 3px; }
.ptb5 { padding-bottom: 5px; padding-top: 5px; }
.ptb7 { padding-bottom: 7px; padding-top: 7px; }
.ptb10 { padding-bottom: 10px; padding-top: 10px; }
.ptb15 { padding-bottom: 15px; padding-top: 15px; }
.ptb20 { padding-bottom: 20px; padding-top: 20px; }
.ptb30 { padding-bottom: 30px; padding-top: 30px; }
.ptb40 { padding-bottom: 40px; padding-top: 40px; }
.ptb50 { padding-bottom: 50px; padding-top: 50px; }
.ptb60 { padding-bottom: 60px; padding-top: 60px; }
.ptb70 { padding-bottom: 70px; padding-top: 70px; }
.ptb80 { padding-bottom: 80px; padding-top: 80px; }
/* LEFT+RIGHT -----*/
.plr3 { padding-left: 3px; padding-right: 3px; }
.plr5 { padding-left: 5px; padding-right: 5px; }
.plr7 { padding-left: 7px; padding-right: 7px; }
.plr10 { padding-left: 10px; padding-right: 10px; }
.plr15 { padding-left: 15px; padding-right: 15px; }
.plr20 { padding-left: 20px; padding-right: 20px; }
.plr30 { padding-left: 30px; padding-right: 30px; }
.plr40 { padding-left: 40px; padding-right: 40px; }
.plr50 { padding-left: 50px; padding-right: 50px; }
.plr60 { padding-left: 60px; padding-right: 60px; }
.plr70 { padding-left: 70px; padding-right: 70px; }
.plr80 { padding-left: 80px; padding-right: 80px; }
/* ALL -----*/
.pa3 { padding: 3px; }
.pa5 { padding: 5px; }
.pa7 { padding: 7px; }
.pa10 { padding: 10px; }
.pa15 { padding: 15px; }
.pa20 { padding: 20px; }
.pa30 { padding: 30px; }
.pa40 { padding: 40px; }
.pa50 { padding: 50px; }
.pa60 { padding: 60px; }
.pa70 { padding: 70px; }
.pa80 { padding: 80px; }

/* 13. JQUERY
  ---------------------------------------------------------------------*/
  /* PAGE TOP -------*/
#page-top { position: fixed; bottom: 20px; right: 10px; font-size: 70%;z-index: 9999; }
#page-top a { background: #ff7200; text-decoration: none; color: #fff; padding: 10px; text-align: center; display: block; border-radius: 5px; }
#page-top a:hover { text-decoration: underline; }

/* TOGGLE ---------*/
#toggle { color: #3B3B3B; }
#toggle dt { margin: 1px 0 0 0; }
#toggle dd {/*display:none;*/ padding: 0px 10px 10px 20px; }
#toggle h5 { margin: 1px 0 0 0; padding: 8px 20px; box-shadow: 10px 20px 30px 50px #dbdbd5 inset; font-size: 1.0em; }
#toggle h6 { margin: 15px 10px 0 20px; padding: 5px; border-bottom: solid 2px #bababa; }
#toggle p { margin: 0 10px 15px 30px; padding: 5px; border-bottom: dotted 1px #bababa; }
#toggle dt.menu { display: block; position: relative; margin: 1px 0px 0; padding: 0px; }
#toggle dt.menu:after { position: absolute; top: 50%; right: 20px; margin-top: -8px; /*content:'＞';*/ font-size: 14px; font-weight: bold; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: all, 0.25s, linear; transition: all, 0.25s, linear; color: #B10104; }
#toggle dt.menu.active:after { transform: translate(0, 50%); transform: rotate(-90deg); }

/* 14. COREBLO  -- ORIGINAL
  ---------------------------------------------------------------------*/
  /* header -------*/
#h_navi { font-size: 11px; background: #dbdbd5; text-align: right; padding: 10px 2px; }
#h_navi ul { max-width: 960px; margin: 0 auto; }/* responsive */
#h_navi li { display: inline; padding: 0 8px; border-left: solid 1px #444; }
#h_navi li:first-child { display: inline; padding: 0 8px; border-left: none; }
#h_navi a { text-decoration: none; color: #595959; }
.header_sa02 { max-width: 480px; margin: 0 auto; }/* responsive */
/* footer -------*/
#f_navi { font-size: 11px; background: #dbdbd5; text-align: center; padding: 0px 10px; }
#f_navi ul { max-width: 960px; margin: 0 auto; }/* responsive */
#f_navi li { display: inline; padding: 0 8px; border-left: solid 1px #444; }
#f_navi li:first-child { display: inline; padding: 0 8px; border-left: none; }
#f_navi a { text-decoration: none; }
.footer_sa03_c { padding: 0 0 10px;}

/* contents -----*/
#contents { font-size: 82%; }
#contents_main { float: none; }
#cms_block {width:100%;}
  /* side ---------*//* responsive */
#side { visibility: hidden; display: none; }

#news_ct_v ul { width: 180px; list-style: none; margin: 0px; padding: 0px; text-align: left; line-height: 100%; }
#news_ct_v li { margin: 0px 0px 5px 0px; padding: 0px; }
#news_ct_v a { _height: 1px; /* IE6対応 */ display: block; margin: 0px; padding: 10px 0px 8px 10px; color: #000; 
  text-decoration: none; font-size: 1.1em; border-radius: 2px;background:#e5efbb }
#news_ct_v a:hover { text-decoration: none; background: #d0de96}
#news_ct_v a.crt { _height: 1px; /* IE6対応 */ display: block; margin: 0px; padding: 10px 0px 8px 10px; color: #000; 
  text-decoration: none; font-weight: bold; font-size: 1.1em; border-radius: 2px;;background: #d0de96 }
#news_ct_v a.crt:hover { text-decoration: none;background: #d0de96 }
#news_block .nb_navi { clear: both; _height: 1px; min-height: 1px; _overflow: visible; margin: 20px auto; }
#nwu_004_c .day { visibility: hidden; display: none; }/* イベント情報日付を非表示 */
/* font-size -----------------*/
#nwu_001_t .title, #nwu_002_t .title, #nwu_003_t .title, #nwu_004_t .title, #nwu_005_t .title { font-size: 1.0em; }
#list_01 .title, #list_02 .title, #list_03 .title, #nlist_04 .title, #list_05 .title { font-size: 1.0em; }
.ti_l { padding: 0; }
/* TOPバナーユニットT01指定 ------*/
      /* エリア指定 */
#bnu_001_t { visibility: hidden; display: none; }

/*h1タイトル用*/
.title_font_sp-s{ letter-spacing: -0.05em }
.title_font_sp-ss{ letter-spacing: -0.05em }



.sp_non{display: inline-block;}
.pc_non{display:none;}



/*マウスオーバー*/
.mouse { color:#000; background-color:#fff; }
.mouse:hover { color:#000; background-color:#c0847a; }
.mouse2 { color:#000; background-color:#fff; }
.mouse2:hover { color:#000; background-color:#87a694; }
.mouse3 { color:#000; background-color:#fff; }
.mouse3:hover { color:#000; background-color:#ba993e; }
.mouse32 { border:4px solid #ae9841 ;color:#000; background-color:#fff; display: inline-block;  }
.mouse32:hover { color:#000; background-color:#c9b259; }
.mouse4_award {display: inline-block; color:#000; background-color:#dce5cf; margin: 4px 3px 5px;}
.mouse4_award:hover { color:#000; background-color:#c8d4b8; }
.mouse5_award {display: inline-block;  color:#000; background-color:#e6e9e0;margin: 4px 3px 5px; }
.mouse5_award:hover { color:#000; background-color:#d8d9d6; }
.mouse_eve { color:#000; background-color:#e0baa5; }
.mouse_eve:hover { color:#000; background-color:#f38883;}
.mouse_topjy { color:#000; background-color:#ffffff;border:1px #000000 solid; }
.mouse_topjy:hover { color:#ffffff; background-color:#98c35d; border:1px #ffffff solid;}
.mouse_topjy2 { display: inline-block;color:#000; background-color:#cecece;border:0px #4b4b4b solid; font-size:.9em;font-weight: bold; }
.mouse_topjy2:hover { color:#4b4b4b; background-color:#e8baba; border:0px #4b4b4b solid;}


/*---------------新スライダー用のＣＳＳ（slick）----------------------------*/
/*スライド数のドットの色を変える-バナー用 アクティブ時*/
.banner .slick-dots li.slick-active button:before,
.banner .slick-dots li button:before { color: #555;}

/*左右の矢印の色を変える-バナー用*/
.banner .slick-prev:before,
.banner .slick-next:before { color: #92c24e; font-size: 35px;}
/*左右の矢印の位置を変える-バナー用*/
.banner .slick-next { right: -31px;z-index: 99;}
.banner .slick-prev { left: -30px; z-index: 100;}
.banner .slick-dots li button:before
{opacity: .7; color: #aaa;/*通常の●の色*/
   font-size: 1.1rem;}
.banner .slick-dots{ position: absolute;
    bottom: -25px;
    right: 10px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: right;
    background:#fff ;}
.main_sa08{
    max-width: 1000px;
    margin:0 auto;}

/*Flexboxスタイル*/
.main-nav, .main { display: flex;}
.main-nav li:first-child { margin-right: auto;}
.main-nav a {
  margin: 10px;
  border-radius: 5px;
  background: #60B99A;
  color: #fff;
  display: block;
  padding: 15px;
}
.main-nav .logo { background: #4584b1;}
/* Main contents */
.main section {
  flex: 1;
  margin: 2px;
  /*border-radius: 5px;*/
  background: #fff;
  padding: 2px;
}
.main .col-1 {
  flex: 1;
  text-align: center;
  max-width: 280px;
  padding: 0 auto;
  margin: 0 auto;
}
.main .col-3 img{}
.main .col-2 {
  flex: 1;
  text-align: center;
  max-width: 280px;
  padding: 0 auto;
  margin: 0 auto;
}
.main .col-3 img{}
.main .col-3 {
  flex: 2;
  padding: 0 auto;
  margin: 0 auto;
  max-width: 360px;
}
.main h1 { color: #E6AC27;}
.main p { margin-top: 10px;/*font-size: 18px;*/}
/* Mobile */
@media screen and (max-width: 767px) {
.main {flex-direction: column;}
.main .col-2 { order: 1;}
}
/*ここまでFlexboxスタイル*/

/*見出し用*/
/* グリーンリボン */
.award3 {color: #ffffff;position: relative;height: 50px;line-height: 50px;padding: 0 1em;background-color: #0A410A;}
.award3::before,
.award3::after {content: '';position: absolute;}
.award3::before {top: 100%;left: 0;border-width: 0 15px 15px 0;border-style: solid;border-color: transparent;border-right-color: #bbbbbb;}
.award3::after {top: 0;right: 0;z-index: 2;border-width: 25px 20px;border-style: solid;border-color: transparent;border-right-color: #fff;}

/* レッドリボン */
.award5 {color: #ffffff;position: relative;height: 50px;line-height: 50px;padding: 0 1em;background-color: #7a362f;}
.award5::before,
.award5::after {content: '';position: absolute;}
.award5::before {top: 100%;left: 0;border-width: 0 15px 15px 0;border-style: solid;border-color: transparent;border-right-color: #bbbbbb;}
.award5::after {top: 0;right: 0;z-index: 2;border-width: 25px 20px;border-style: solid;border-color: transparent;border-right-color: #fff;}

/* イエローリボン */
.award6 {color: #ffffff;position: relative;height: 50px;line-height: 50px;padding: 0 1em;background-color: #5d4717;}
.award6::before,
.award6::after {content: '';position: absolute;}
.award6::before {top: 100%;left: 0;border-width: 0 15px 15px 0;border-style: solid;border-color: transparent;border-right-color: #bbbbbb;}
.award6::after {top: 0;right: 0;z-index: 2;border-width: 25px 20px;border-style: solid;border-color: transparent;border-right-color: #fff;}

/* ネイビーリボン */
.award7 {color: #ffffff;position: relative;height: 50px;line-height: 50px;padding: 0 1em;background-color: #333b4e;}
.award7::before,
.award7::after {content: '';position: absolute;}
.award7::before {top: 100%;left: 0;border-width: 0 15px 15px 0;border-style: solid;border-color: transparent;border-right-color: #bbbbbb;}
.award7::after {top: 0;right: 0;z-index: 2;border-width: 25px 20px;border-style: solid;border-color: transparent; border-right-color: #fff;}

/* 06.リボン型の見出し（影調整） */
#heading06{color: #ffffff;position:relative;padding:10px;background:#0A410A;box-shadow:
  10px 0 0 0 #0A410A,  -10px 0 0 0 #0A410A,  0 3px 3px 0 rgba(0,0,0,0.1); border-top: 5px solid #3D833D;}
#heading06:before{content:" ";position:absolute;top:100%;left:-10px;width:0;height:0;border-width:0 10px 10px 0;
  border-style:solid;border-color:transparent;border-right-color:#63A682;}
#heading06:after{content:" ";position:absolute;top:100%;left:100%;width:0; height:0; border-width:10px 10px 0 0; border-style:solid; 
border-color:transparent; border-top-color:#63A682;}

 /* 見出しの斜め線ライン（グリーン） */
#heading01 {position: relative;padding-bottom: .2em;}
#heading01::before,
#heading01::after {position: absolute; bottom: -4px;left: 0; content: ''; height: 4px;}
#heading01::before { z-index: 2; width: 15%; background-color: #105C10;}
#heading01::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);}

 /* 見出しの斜め線ライン（レッド） */
#heading02 {position: relative; padding-bottom: .2em;}
#heading02::before,
#heading02::after {  position: absolute;  bottom: -4px;  left: 0;  content: '';  height: 4px;}
#heading02::before {  z-index: 2;  width: 15%;  background-color: #7a362f;}
#heading02::after {  width: 100%;  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);}

 /* 見出しの斜め線ライン（イエロー） */
#heading03 {  position: relative; padding-bottom: .2em;}
#heading03::before,
#heading03::after { position: absolute;  bottom: -4px; left: 0;  content: '';  height: 4px;}
#heading03::before { z-index: 2;  width: 15%;  background-color: #5d4717;}
#heading03::after {  width: 100%;  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);}

 /* 見出しの斜め線ライン（ネイビー） */
#heading04 { position: relative;  padding-bottom: .2em;}
#heading04::before,
#heading04::after {  position: absolute;  bottom: -4px;left: 0;  content: '';  height: 4px;}
#heading04::before {  z-index: 2;  width: 15%;  background-color: #333b4e;}
#heading04::after {  width: 100%;  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);}

 /* ドッグイヤー */
.award4 { position: relative;padding: 1.1em; background-color: #f4f3ef;}
.award4::after { position: absolute;  top: 0;  right: 0;  content: '';  width: 0;  border-width: 0 16px 16px 0;  border-style: solid;
  border-color: #f3edd4 #f3edd4 #bcb59b #bcb59b;  box-shadow: -1px 1px 2px rgba(0, 0, 0, .1);}

/*/見出し用*/
.button1 { background-color: #dddddd; border: 2px solid #333333; color: #333333;  line-height: 50px;}
.button1:hover { transition: all .3s;  background-color: #9e9d9d;  color: #ffffff;}

/*メンバーズページ*/
.mem_top_logo{max-width: 500px; margin: 7px;}
.mem_toku1 { position: relative; display: inline-block; padding: 5px 15px ; width: auto; min-width: 70px; height: 40px; color: #000;
   font-size: 1.4em;line-height: 40px; text-align: center; background: #a8be71; z-index: 0;}
.mem_toku1:after { content: ""; position: absolute; top: 50%; right: -10px; margin-top: -10px;
  display: block;width: 0px; height: 0px; border-style: solid; border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #a8be71;}
.daia_ti {  position: relative; padding: 0 .5em .2em 1.7em; border-bottom: 1px solid #ccc;
  font-size: 1.6em; font-weight: bold;}
.daia_ti::after {
  position: absolute; top: .4em; left: .4em;  z-index: 2; content: ''; width: 15px; height: 15px; background-color: #999; 
  -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.mem_aten1{  text-indent: -1em; margin-left: 1em;}
.mem_aten1:before {  content: '※';}
.member_link1{border: 0px solid #556C20; background: #feb034;  text-shadow: 1px 1px 5px #af5f00;  padding: 10px 20px;color: #fff ;border-radius: 5px; 
  font-size: 1.2em; width: 200px;display: inline-block;font-weight: bold;font-size: 1.5em;}
.member_link1:hover { background-color: #e09f0e;}

hr.style-two1 {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/* balloon-2 bottom */
.balloon-2-bottom1 {
  position: relative;
  display: inline-block;
  padding: 0 15px;
  width: auto;
  min-width: 115px;
  color: #fff;
  line-height: 40px;
  text-align: center;
  background: #ece2ca;
  z-index: 0;
  margin-bottom: 12px;
}
.balloon-2-bottom1:after {
  content: "";
  position: absolute;
  bottom: -10px; left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ece2ca transparent transparent transparent;
}

/* balloon-2 bottom */
.balloon-2-bottom2 {
  position: relative;
  display: inline-block;
  margin-left:10px;
  padding: 5px 10px;
  width: auto;
  color: #777;
  text-align: center;
  background: #fff;
  z-index: 0;
  margin-bottom: 16px;
  font-weight: bold;
}
.balloon-2-bottom2:after {
  content: "";
  position: absolute;
  bottom: -7px; left: 50%;
  margin-left: -10px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;}
}

@media (min-width:500px) {
/* balloon-2 bottom */
.balloon-2-bottom2 {
  padding: 10px 15px;margin-right: 23px}
.balloon-2-bottom2:after {
  content: "";
  position: absolute;
  top: 50%; right: -7px;
  margin-top: -10px;
  display: block;
  left: auto;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #fff;}
}


#page-top {position: fixed; bottom: 10px; right: 10px; font-size: 77%;}
#page-top a {background: #4d4c64; text-decoration: none;color: #fff;width: 25px; padding: 12px; text-align: center;
    display: block;border-radius: 40px;}
#page-top a:hover { text-decoration: none; background: #7f7e97;}
.wt_allow h4{font-size: 1.1em;}


/*野菜大好き案内ページ*/
.button_green {
  display:inline-block;
  min-width:200px;
  width:80%;
  padding:20px 15px 20px 5px;
  margin:20px auto;
  background:url("../../images/others/mailma/arrow.svg") no-repeat #01a109;
  color:#fff;
  font-size:130%;
  font-weight:bold;
  border-radius:10px;
  background-position:right 15px center;
}
.button_orange {
  display:inline-block;
  min-width:200px;
  width:80%;
  padding:20px 15px 20px 5px;
  margin:20px auto;
  background:url("../../images/others/mailma/arrow.svg") no-repeat #ff5a00;
  color:#fff;
  font-size:130%;
  font-weight:bold;
  border-radius:10px;
  background-position:right 15px center;
}


/*フェイスブックアイコン*/
.fl_fb {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #4966a0;;
  font-size: 25px;
  text-decoration: none;
  }
.fl_fb:hover {
  color:#668ad8;
  transition: .5s;
}
.fl_fb .fbicon{
  border-radius: 50px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 35px;
  line-height: 50px;
  vertical-align: middle;
  color: #FFF;
  background: #4966a0;;
}
.fl_fb .fbicon .fa-facebook {
    position: absolute;
    bottom: 8px;
    right: 16px;
    font-size: 31px;
}

/*ツイッターボタン*/
.fl_tw {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  color: #1da1f3;
  font-size: 25px;
  text-decoration: none;
  }
.fl_tw:hover {
  color:#88daff;
  transition: .5s;
}
.fl_tw .twicon{
  border-radius: 50px;
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  font-size: 31px;
  line-height: 50px;
  vertical-align: middle;
  color: #FFF;
  background: #1da1f3;
}
.fl_tw .twicon .fa {
  line-height: 50px;
}

.h1tag_like1 {
    font-size: 2.9em;
    padding: 7px 15px;
    text-align: center;
    margin: 0 auto 50px;
}

.h1tag_like1 p {font-size: .6em;margin-bottom: 5px;}




#exam p{display: inline-block;padding: 1px 5px}

.ttl_13 {
    padding: 0px 10px;
    margin: 30px 7px 10px;
    display: inline-block;font-size: 1.5em;
    border-left: 30px solid #c9d8e4;}



.final_app{text-align: center; position: relative;}


/* 15. RESPONSIVE
   ------------------------------------- */
/*max-width*/
@media (max-width:479px) {
.title_font_sp-s{font-size: 2.3em}
.title_font_sp-ss{font-size: 2.3em}
.title_w_sp1{max-width: 400px; margin: 10px;text-align: left;}
.title_w_sp1 h2{margin: 10px;text-align: left;}
.shiru_img1{width:280px;}
.eve_map a{display: inline-block;width: 80px}
}

@media (max-width:500px) {
.sp_non{display: none;}
.pc_non{display: inline-block;}
}

@media screen and (max-width: 1023px) {
/* 認定青果用*/
.seika_clear {clear:both;}
}


/*min-width*/
@media (min-width:0px) {    
.what_vs1{text-align: center;display: inline-block;width: 250px}
.fb_icon{  width: 37px;margin: 10px 10px 0 0;display: inline-block;vertical-align: bottom;}
.footer_icon{/*height:37px;*/ width:160px ;margin: 12px 5px 0 0 ;}
.footer_nav{font-size:.9em;line-height: 1.4em;}
html { font-size :89%; } /*レスポンシブタイプセッティングの指定*/
/* FOOTER ---------*/
footer h5 { margin: 0 ; font-size: .7em; }
footer h6 { margin: 0 0 3px 0; font-size:; }
.btn_h img { margin: 0.2em; height: 35px; }
.nav_line { border-right: 1px solid #000; padding: 0px; }
.nav_lineN { padding: 0px;}
/* chomiryo*/
.chomiryo img { width:90%; }
.chomiryo2 img { width:40%; }
/* コース説明タイトル画像*/
.course img { width:90%; }
/* スマホではfroat*/
.sp_float_l { float:left; }
.sp_float_r { float:right; }
.wt_allow {  padding-top:20px; }
.line_wt { border-top: 1px solid #fff;padding-bottom: 20px; }
.line_wt_r { padding-bottom: 20px;}
/*アワードバナー*/
.top_banner1-1{width: 94%; margin: 5px 0; display: inline-block;}
.top_banner1-2{width: 95%; margin: 0 auto; padding:5px;}
/*TOP説明背景*/
.top_middle_back{background-image : url("http://www.vege-fru.com/core_sys/images/main/img_00_960s.jpg");background-repeat : no-repeat;background-position : center center;}
/*201701リニューアル用カリキュラム*/
.detail2 article{text-align: left;}
/*他講座一覧あまり分左寄せ用*/
.other_c_non{width:250px;}
/*活かすイベント*/
.ikasu_eve1{max-width: 400px;display: inline-block;vertical-align: top;text-align: center; margin-bottom: 17px}
.ikasu_eve2{max-width: 500px;display: inline-block;vertical-align: top;padding: 0px;text-align: left;}
.eve_map{height: 250px;width: 95%;margin: auto;background: url("http://www.vege-fru.com/core_sys/images/main/event/event_map.png") no-repeat bottom right ;background-size:65% auto;}
/*協会イベント*/
.mouse4_award{width: 47%;height: 250px;vertical-align: top;}
.mouse4_award p{text-align: left;margin: 0 10px }
.mouse5_award{width: 47%;height: 250px}
.mouse5_award p{text-align: left;margin: 0 10px }
/*メンバーズページ*/
.mem_tie{width: 150px; float: right;margin: 5px;}
.mem_toku1-2{ margin-top: 10px;}
.mem_toku1-2img {max-width: 400px;}
.mem_toku1-3{margin-top: 10px; }
.mem_toku1-3img {max-width: 400px;}
.mem_toku1-4{margin-top: 10px;}
.mem_toku1-4 img{width: 180px;}
.mem_toku2{max-width:490px;}
.seika_list0{background: /*#F1F0E2*/;padding: 15px}
.seika_list1{text-align: center;display: inline-block;width:100%;}
.seika_list1 li{display: inline-block;width:100%;}
.seika_list1 li img{padding: 5px;width:42%}
.seika_list2 {max-width: 460px;display: inline-block;}
.eve_img{width:100%;}
}

@media (min-width:375px) {
/* スマホ大以上（iphone5以上）*/
.sp5_float_l { float:left; }
/*.pc_pa_8025 {  padding-left:25px; }*/
.pc_pa_6025 {  padding-left:25px; }
/*アワードバナー*/
.top_banner1-1{width: 95%; margin: 5px 0; }
/*他講座一覧あまり分左寄せ用*/
.other_c_non{width:325px;display: inline-block;margin: 5px;padding: 10px;}
.seika_list1 li img{padding: 5px;width:46%}
}

/*480px*/
@media (min-width:480px) {
.footer_icon{/*height:32px;*/ }
.seika_list1{text-align: center;display: inline-block;}
.seika_list1 li{display: inline-block;}
.ikasu_li_non{width:330px;padding: 2px; margin: 2px 5px; display: inline-block;}
.title_font_sp-s{font-size: 3em}
.title_font_sp-ss{font-size: 2.5em}
html { font-size : 89%; } /*レスポンシブタイプセッティングの指定*/
#con01_C { text-align: center; background: url("../../images/main/img_00_480.jpg") center 30px no-repeat; margin-top: 10px; }
#con01_C li img { max-width: 250px; vertical-align: bottom; }
.map { background: url("../../images/main/img_map.png") bottom right no-repeat; background-size: 30%; }
/* pan ----------*/
#pan { padding: 0px; color: #333; text-align: left; font-size: 11px; }
#pan ul { max-width: 960px; list-style: none; margin: 0px auto; padding: 8px 0px 6px 0px; }/* responsive */
#pan li.home { margin: auto 5px auto 10px; padding: 0px 0px 0px 19px; display: inline; background:url("../../images/header/navi_pan_home.png") left center no-repeat; }
#pan li { margin: auto 5px; padding: 0px 0px 0px 25px; display: inline; background:url("../../images/header/navi_pan_allow.png") left center no-repeat;}
/* PCでは画像縮小*/
.img_un_70 img { width:70%; }.img_un_65 img { width:65%; }.img_un_60 img { width:60%; }.img_un_55 img { width:55%; }
.img_un_50 img { width:50%; }.img_un_45 img { width:45%; }.img_un_40 img { width:40%; }.img_un_35 img { width:35%; }
/* PCでは縮小*/
.pc_un_80 { width:80%; }.pc_un_75 { width:75%; }.pc_un_70 { width:70%; }.pc_un_65 { width:65%; }.pc_un_60 { width:60%; }
.pc_un_55 { width:55%; }.pc_un_50 { width:50%; }.pc_un_45 { width:45%; }.pc_un_40 { width:40%; }.pc_un_35 { width:35%; }
/* コース説明タイトル画像*/
.course img { width:55%; }
/* PCではパディング*/
.pc_par_80 { padding-right:50px; }
.pc_pa_6025 { padding-left:60px; }
/* PCではfroat*/
.pc_float_l { float:left; }.pc_float_r { float:right; }
.sp_float_l { float:none; }.sp_float_r { float:none; }.sp5_float_l { float:none; }
/* PCでは文字縮小*/
.pc_font_s { font-size:90% }
.img_un_90 img{ width:80%; }
/*アワードバナー*/
.top_banner1-1{width: 48%; margin: 5px 3px; display:}
.top_banner1-2{width: 500px; margin: 10px auto 0; padding:5px;}
.pc_430{width:430px;}
/*協会イベント*/
.mouse4_award{width: 32%;height: 235px;vertical-align: top;text-align: left;}
.mouse4_award p{line-height: 1.3em}
.mouse5_award{width: 32%;height: 235px;vertical-align: top;text-align: left;}
.mouse5_award p{line-height: 1.3em}
.eve_img{width:350px;}
}

/*500px*/
@media (min-width:500px) {
.seika_list1 li img{padding: 10px;max-width:200px}
.exam_day1{width: 175px}
}

/*600px*/
@media (min-width:600px) {
/*TOP説明背景*/
.top_middle_back{background-image : url("http://www.vege-fru.com/core_sys/images/main/img_00_960.jpg");background-repeat : no-repeat;background-position : center center;}
/*協会イベント*/
.mouse4_award{width: 32%;height: 265px;vertical-align: top;text-align: left;}
.mouse5_award{width: 32%;height: 265px;vertical-align: top;text-align: left;}
.seika_list1 li img{padding: 10px;max-width:250px}

.final_app{padding-bottom: 60px}
}

@media (min-width:700px) {
/*メンバーズページ*/
.mem_tie{width: 150px; float: right;margin: 5px;}
.mem_toku1-2{display: inline-block;width: 280px; margin-left: 45px;}
.mem_toku1-3{display: inline-block;width: 280px; margin-left: 10px;}
.mem_toku1-4{display: inline-block;width: 240px; margin-left: 20px;}
.mem_toku2{max-width:650px;}
/*活かすイベント*/
.ikasu_eve1{width: 290px;display: inline-block;vertical-align: top;text-align: center;}
.ikasu_eve2{max-width: 300px;display: inline-block;vertical-align: top;padding: 0 10px;text-align: left;}
.eve_map{height: 250px;width: 570px;margin: auto;background: url(http://www.vege-fru.com/core_sys/images/main/event/event_map.png) no-repeat bottom right ;background-size:contain;}
}

/*768px*/
@media (min-width:768px) {
.fb_icon{  width: 50px;}
.seika_list0{padding: 15px 30px}
.what_vs1{text-align: center;display: inline-block;width: 270px;margin-top: 50px;}
html { font-size: 97%; } /*レスポンシブタイプセッティングの指定*/
.lead p { max-width: 960px; margin: 0 auto; }
.header_sa02 { max-width: 960px; margin: 0 auto; }/* responsive */
header { margin: 0 0.5em; }
.logo { float: left; }
p.header { margin: 0px; padding: 0px; text-align: left; }
.btn_h { margin: 0.5em auto; text-align: right; vertical-align: middle; }
.btn_h img { flex: 1; flex-direction: row; margin: 1em 0.2em; height: 40px; }
/* nav */
nav { visibility: visible; display: inline-block; margin: 0 auto; }
nav a img { margin: 10px auto; width: 220px; }
.nav_line { border-right: 2px solid #000; padding: 0px; margin: 10px 0; }
.nav_lineN { padding: 0px; margin: 10px 0; }
.wt_allow {  padding-top:0px; }
.line_wt_r { border-right: 1px solid #fff; }
.line_wt { border-top: 0px ; }
/* main */
#cms_block { width: 740px; margin: 15px auto; float: none; }
p.boxLine_bk { border-radius: 5px; border: 1px solid #333333; margin: 30px auto; padding: 15px 10px; width: 250px; font-weight: bold; display: table; }
li.boxLine_bk { border-radius: 5px; border: 1px solid #333333; margin: 0 auto 10px; padding: 5px 20px; text-align: center; white-space: nowrap; }
.map { background: url(../../images/main/img_map.png) bottom right no-repeat; background-size: 40%; }
#con01_C { text-align: center; background: url(../../images/main/img_00_768.jpg) center 30px no-repeat; margin-top: 20px; }
#con01_C li { display: inline; margin: 5px; }
#con01_C li img { max-width: 250px; vertical-align: bottom; }
.bnr_top { max-width: 960px; margin: 0 auto 40px; position: relative; }
.bnr_top img { visibility: visible; display: inline; padding: 0 3px; text-align: center; }
/* FOOTER ---------*/
footer { visibility: visible; display: inline-block; /*font-size: 0.8em;*/ width: 100%; }
footer h5 { margin: 0 0 3px 0;font-size:.9em; }
footer h6 { margin: 0 0 3px 0; font-size: 12px; }
footer section { text-align: center; }
footer .footer_nav { display: flex; display: -webkit-flex; width: 100%; margin: 10px auto; padding: 15px 0; text-align: left; }
footer .footer_nav ul { flex: auto; -webkit-flex: auto; margin: 0 20px; text-align: left; }
small { text-align: center; margin: 10px auto 20px; font-size: 0.6em; }
.bnr_top img { visibility: hidden; display: none; }
/* news ---------*/
#news_ct_v ul { width: 180px; list-style: none; margin: 0px; padding: 0px; text-align: left; line-height: 100%; }
#news_ct_v li { margin: 0px 0px 5px 0px; padding: 0px; }
#news_ct_v a { _height: 1px; /* IE6対応 */ display: block; margin: 0px; padding: 10px 0px 8px 10px; 
  text-decoration: none; font-size: 1.1em;  border-radius: 2px; }
#news_ct_v a.crt { _height: 1px; /* IE6対応 */ display: block; margin: 0px; padding: 10px 0px 8px 10px; 
  text-decoration: none; font-weight: bold; font-size: 1.1em; border-radius: 2px; }
#news_block .nb_navi { clear: both; _height: 1px; min-height: 1px; _overflow: visible; margin-top: 20px; }
#nwu_004_c .day { visibility: hidden; display: none; }/* イベント情報日付を非表示 */
.ti_l { padding: 0; }

/* エリア指定 */
#bnu_001_t { visibility: visible; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; 
  margin: 20px 0px 10px 0px; padding: 0px; border-left: 3px solid #dbdbd5; border-right: 3px solid #dbdbd5; }
/* バナー間隔 */
#bnu_001_t p { margin: 0px 5px; padding: 5px 0px; }
/* kids -----------*/
#kids { background-color: #f5ed10; margin: 0 auto; padding: 20px 15px; max-width: 1000px; }
.kids_bg { background-color: #fff; margin: 0 10px; padding: 0 10px; }
.kids_ftr { background-image: url(../../images/others/kids/bg_footer.png); background-repeat: repeat-y; margin: 0 auto; }
/* chomiryo*/
.chomiryo img { width:65%; }
.chomiryo2 img { width:30%; }
/*201701リニューアル用カリキュラム*/
.detail2 article{display: inline-block;width: 275px;height: 190px;vertical-align: top;text-align: left;margin-bottom:10px;}
}

/*762px*/
@media (min-width:920px) {
/*アワードバナー*/
.top_banner1-1{width: 49%; margin: 5px 3px; display:}
.top_banner1-2{height: 62px; width: 374px; display: inline-block; vertical-align: top; margin-top:10px; margin-right: 10px;padding-top:25px}
}

/*1024px*/
@media(min-width:1024px){
html{ font-size : 97%; } /*レスポンシブタイプセッティングの指定*/
.btn_header img { float: right; margin: 0.3em 0.2em 0; vertical-align: middle; max-width: 150px; }
#main_col2 { width: 720px; float: left; }
#wrapper { background: #fff; width: 100%; height: 100%; overflow: hidden; }
/* 共通　#carousel li {float:left;}*/
#carousel img { max-width: 960px; }
#prev, #next { background-color: #ffffff; opacity: 1; filter: alpha(opacity=70);/* ie 6 7 */ -ms-filter: "alpha(opacity=70)";/* ie 8 */ zoom: 1; display: block; height: 100%; /*width:50%;*/ top: 0; position: absolute; }
#prev:hover, #next:hover { opacity: 0.4; filter: alpha(opacity=40);/* ie 6 7 */ -ms-filter: "alpha(opacity=40)";/* ie 8 */ zoom: 1; }
#prev { left: -300px;/* スライドする画像の横半分の値 */ background: #fff url(../../images/main/btn_prevL.svg) 95% center no-repeat; z-index: 5; }
#next { background: #fff url(../../images/main/btn_nextL.svg) 5% center no-repeat; right: -300px;/* スライドする画像の横半分の値 */ z-index: 5; }
#prev img { right: 20px; top: 120px; position: absolute; }
#next img { left: 20px; top: 120px; position: absolute; }
#pager { text-align: center; padding: 10px; }
#pager a { border: 1px solid #ccc; border-radius: 10px; display: inline-block; width: 10px; height: 10px; margin: 0 5px 0 0; }
#pager a:hover { background: #53ab32; }
#pager a span { display: none; }
#pager a.selected { background-color: #666; }
/* navi */
.btn_h img { flex: 1; flex-direction: row; margin: 1em 0.2em; height: 40px; }
/* main */
#contents_main {float:none;}
li.boxLine_bk { display: block; border-radius: 5px; border: 1px solid #333333; margin: 0 auto 10px; padding: 5px 20px; text-align: center; white-space: nowrap; }
.info { display: table; margin: 30px auto; width: 960px; table-layout: fixed; border-collapse: separate; border-spacing: 20px 0; }
article.boxLine_bk { border-radius: 5px; border: 1px solid #333333; padding: 10px; display: table-cell; }
.con_800 { width: 800px; margin: 0 auto; }
#con01_C { text-align: center; background: url(../../images/main/img_00_960.jpg) center 30px no-repeat; margin-top: 20px; }
#con01_C li { display: inline; margin: 5px; }
#con01_C li img { max-width: 300px; vertical-align: bottom; }
.bnr_top { visibility: visible; display: block; max-width: 960px; margin: 0 auto 40px; text-align: center; }
.floatL { float: left; }
.floatR { float: right; }
footer .footer_nav { width: 1000px; margin: 5px auto; padding: 10px 15px; text-align: left; }
/* side ---------*//* responsive */
#side { visibility: visible; display: block; width: 190px; margin: 7px 0px 50px 0px; }
#sub_ct ul {/* width: 190px;*/ list-style: none; margin: 0px; padding: 0px; text-align: left; line-height: 100%; }
#sub_ct li { margin: 0px 0px 5px 0px; padding: 0px }
#sub_ct a.sec { _height: 1px; /* IE6対応 */ ; border-bottom: 1px dotted #ccc; display: block; margin: 0px; padding: 11px 0px 9px 10px; color: #000; text-decoration: none; font-size: 1.15em; }
#sub_ct a.sec:hover { color:#53ab32; }
#sub_ct a.sec_crt { _height: 1px; /* IE6対応 */ display: block; margin: 0px; padding: 11px 0px 9px 10px;  text-decoration: none; font-weight: bold; font-size: 1.15em; }
#sub_ct a.sec_crt:hover { color:#53ab32; }
#sub_ct a.thi { _height: 1px; /* IE6対応 */ display: block; margin: 0px 5px 0px 10px; padding: 11px 2px 11px 10px;  font-size: 1em;color: #000;}
#sub_ct a.thi:hover { text-decoration: none; }
#sub_ct a.thi_crt { _height: 1px; /* IE6対応 */ display: block; margin: 0px 5px 0px 10px; padding: 11px 0px 11px 10px; font-weight: bold; text-decoration: none; font-size: 1em; }
#sub_ct a.thi_crt:hover { color:#53ab32; }
#sub_ct a.for { _height: 1px; /* IE6対応 */ display: block; margin: 0px 5px 5px 15px; padding: 10px 2px 10px 10px; }
#sub_ct a.for:hover { text-decoration: none; }
#sub_ct a.for_crt { _height: 1px; /* IE6対応 */ display: block;margin: 0px 0 5px 15px; padding: 5px 0px 5px 10px;  font-weight: bold; }
#sub_ct a.for_crt:hover { color:#53ab32; }
}



/*申込みボタン1*/
.app_button1{text-align: center;padding: 50px 30px;}
.app_button1 a i{font-size: 1.2em;padding-left: 10px;vertical-align: middle;}
.app_button1 a{
    position: relative;
    text-decoration: none;
    color: #fff;
    line-height: 1.7em;
    border-radius: 50px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-size: 1.4em;
    font-weight: bold;
    padding: 15px 30px;
    display: block;
    margin: 10px auto;
    max-width: 300px;
    background-image: linear-gradient(#cc0133 50%, #bc012f 50%);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
.app_button1 a:active{/*押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*沈むように*/
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(#bc012f 50%, #cc0133 50%);/*グラデーションを明るく*/
}

/*申込みボタン2*/
.app_button2{text-align: center;padding: 10px 0px;}
.app_button2 a i{font-size: 1.2em;padding-left: 10px;vertical-align: middle;}
.app_button2 a{
    position: relative;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    font-size: 1.3em;
    font-weight: bold;
    padding: 7px 30px;
    display: block;
    margin: 0px auto;
    max-width: 150px;
    background-image: linear-gradient(#cc0133 50%, #bc012f 50%);
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.66);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
.app_button2 a:active{/*押したとき*/
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);/*沈むように*/
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
    background-image: linear-gradient(#bc012f 50%, #cc0133 50%);/*グラデーションを明るく*/
}