@charset "utf-8";
@import "reset.css";
@import "form.css";
/**
@import "mmaga.css";
@import "entry.css";
@import "blog.css";
@import "shopping.css";
@import "mypage.css";
@import "calendar.css";
@import "reserv.css";
@import "quest.css";
@import "sns.css";
**/
@import "common.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body {font-family:'游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:14px;line-height:1.5;letter-spacing: 0.5px;background:#fcfaf7;color:#101011;min-width:920px;}
table{font-size:1em;}

.layout_d{width:980px;margin:0 auto 30px;}
.bg_o{background:url("../images/bg_o.png") repeat left top;}



/********** container **********/

/********** ヘッダー **********/
.header{padding:65px 0 0;height:117px;}
#top{padding-bottom:27px;position:relative;}
#top .logo{width:330px;float:left;}
.help_navi{width:426px;float:right;position:absolute;bottom:27px;right:0;}

/********** フォントサイズ切り替え **********/
.fontsize{font-size:16px;letter-spacing:-1px;position:relative;width:196px;}
#fontChange li{display:block;position:absolute;bottom:0;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;color:#303033;text-align:center;padding:1px;background:#c7c7c7;line-height:1;margin-left:5px;cursor:pointer;
}
#fontChange li span{display:block;padding:6px 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;
background:#fefefe;
background: -moz-linear-gradient(top, #fefefe 0%, #d6d6d6 100%);
background: -webkit-linear-gradient(top, #fefefe 0%,#d6d6d6 100%);
background: linear-gradient(to bottom, #fefefe 0%,#d6d6d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d6d6d6',GradientType=0 ); 
}

#fontChange li:hover{display:block;position:absolute;bottom:0;text-decoration:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;color:#fcf7f7;
    color:#fcf7f7;text-align:center;padding:1px;background:#004896;line-height:1;margin-left:5px;cursor:pointer;
}
#fontChange li:hover span{display:block;padding:6px 0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;
border-top:1px solid #4685ca;background:#215fa3;
background: -moz-linear-gradient(top, #215fa3 0%, #003f82 100%);
background: -webkit-linear-gradient(top, #215fa3 0%,#003f82 100%);
background: linear-gradient(to bottom, #215fa3 0%,#003f82 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215fa3', endColorstr='#003f82',GradientType=0 ); 
}

#fontS{width:25px;font-size:11px;right:73px;}
#fontM{width:28px;font-size:14.56px;right:38px;}
#fontL{width:31px;font-size:18.6px;right:0;}
.fontS{font-size:14px;}
.fontS span[style*="small"]{font-size:12px !important;}
.fontS span[style*="medium"]{font-size:14px !important;}
.fontS span[style*="large"]{font-size:17px !important;}

.fontM{font-size:17px;}
.fontM span[style*="small"]{font-size:14px !important;}
.fontM span[style*="medium"]{font-size:17px !important;}
.fontM span[style*="large"]{font-size:20px !important;}

.fontL{font-size:20px;}
.fontL span[style*="small"]{font-size:18px !important;}
.fontL span[style*="medium"]{font-size:20px !important;}
.fontL span[style*="large"]{font-size:23px !important;}


/**********　検索ボックス **********/
#head_search{width:218px;float:right;position:absolute;top:-7px;right:0;
display:block;height:29px;background:url("../images/bg_search.jpg") no-repeat 36px 8px #edeae6;border:1px solid #e5e4e1;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;
}
#head_search form{position:relative;width:100%;height:33px;}
#head_search .txt{position:absolute;left:10px;top:6px;width:208px;height:17px;font-size:13px;line-height:17px;}
#head_search .btn{display:none;}
#head_search span{position:absolute;right:0;top:-1px;width:37px;height:29px;background:#004896;
border-top:1px solid #004896;border-bottom:1px solid #004896;
-webkit-border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px;
-moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px;
border-top-right-radius:4px; border-bottom-right-radius:4px;
}
#head_search span:hover{cursor:pointer;}
#head_search.hover{}
#head_search input[type="text"].txt{border:none;background:transparent;}
#head_search input[type="text"]:focus{background:#edeae6;box-shadow:none;}
#head_search span::before{font-family:FontAwesome;position:absolute;content:"\f002";color:#ffffff;font-size:15px;left:-4px;top:3px;}

/********** メインナビ **********/
#m_nav{background:url("../images/bg_mnavi.png") repeat-x left top;position:absolute;width:100%;height:48px;
z-index:10;top:138px;left:0;}
.main_navi{}
.main_navi>ul{}
.main_navi>ul>li{height:44px;overflow:hidden;z-index:10;}
.main_navi>ul>li.on{overflow:visible;}
.main_navi>ul ul{background:url("../images/bg_mmenu_ul.png") repeat-x left top #faefe3;padding:0 5px;}
.main_navi>ul ul a{display:block;padding:14px 0;text-align:center;border-top:1px solid #e2deda;}
.main_navi>ul ul li:first-child a{border-top:none;}
.main_navi li{text-align:center;font-size:14px;}
.main_navi>ul>li:hover,.main_navi>ul>li.cr_on{background:url("../images/bg_mnavi_on.png") repeat-x left top;}
.main_navi>ul>li>a,.main_navi>ul>li>span{background:url("../images/main_navi.png") no-repeat;}
.main_navi>ul>li>a,.main_navi>ul>li>span{display:block;height:44px;text-indent:100%;white-space:nowrap;overflow:hidden;}

.main_navi>ul li.mn_top{width:171px;}
.main_navi>ul li.mn_joa{width:171px;}
.main_navi>ul li.mn_meister{width:233px;}
.main_navi>ul li.mn_roster{width:233px;}
.main_navi>ul li.mn_useful{width:172px;}

.main_navi>ul li.mn_top a,
.main_navi>ul li.mn_joa a,
.main_navi>ul li.mn_meister a,
.main_navi>ul li.mn_roster a,
.main_navi>ul li.mn_useful a{display:block;width:100%;}

.main_navi>ul li.mn_top a{background-position:0px 13px;}
.main_navi>ul li.mn_joa a{background-position:-171px 13px;}
.main_navi>ul li.mn_meister a{background-position:-342px 13px;}
.main_navi>ul li.mn_roster a{background-position:-575px 13px;}
.main_navi>ul li.mn_useful a{background-position:-808px 13px;}

/**
.mn_top{width:156px;}
.main_navi>ul li.mn_top a{display:block;width:156px;background-position:left 13px;}
.mn_about{width:213px;}
.main_navi>ul li.mn_about span{display:block;width:213px;background-position:-156px 13px;}
.mn_certificate{width:245px;}
.main_navi>ul li.mn_certificate span{display:block;width:245px;background-position:-369px 13px;}
.mn_education{width:198px;}
.main_navi>ul li.mn_education span{display:block;width:198px;background-position:-614px 13px;}
.mn_joa{width:168px;}
.main_navi>ul li.mn_joa span{display:block;width:168px;background-position:-812px 13px;}
**/
.main_navi li span{font-size:12px;}
.main_navi li.in_wrap,.main_navi li.in_wrap *{background:none;border:none;margin:0;padding:0;width:auto;height:auto;}
.main_navi li.in_wrap{margin-left:-5px;width:188px;position:relative;}
.main_navi li.in_wrap > span{font-size:14px;height:21px;line-height:21px;display:block;padding:14px 0;text-align:center;border-top:1px solid #e2deda;background:#eff5ff;}
.main_navi li.in_wrap ul{position:absolute;top:2px;left:0;left: -495px;position: absolute;top: 0;width: 494px;background:#eff5ff;border-top:1px solid #fff;border-right:1px solid #fff;}
.main_navi li.in_wrap li{width:246px;height:42px;padding:3px 0;font-size:13px;line-height:21px;border-left:1px solid #fff;border-bottom:1px solid #fff;border-top:none;}
.main_navi li.in_wrap li span{width:auto;}

/********** コンテンツ **********/
#contents{}
#pankuzu{padding:5px 10px;}
#column-left{width:206px;padding-top:20px;}
#column-center{/*width:720px;*/width:980px;}
#column-center.sec{/*width:732px;*/width:980px;padding-top:50px;}
#column-center.sec2{width:732px;padding-top:50px;}
.gotop {font-size:11px;text-align:right;margin-bottom:20px;}

/********** フッター **********/
#footer_wrapper{position:relative;background:url("../images/bg_o_sha.jpg") no-repeat center top #faefe3;
}
#footer{width:920px;margin:0 auto;}
#footer_navi{padding:10px 0;text-align:right;}
.footer_navi li{display:inline;float:left;}
.copyright{font-size:10px;line-height:1;padding:0 9px 18px;}
.sitemap{border-top:1px solid #e6dcd1;padding:40px 0 30px;font-size:12px;}
.footer_help{padding:40px 0 35px;}
.footer_help h2{float:left;line-height:1;margin-left:9px;}
.footer_navi{float:right;margin-top:14px;font-size:12px;}
.sitemap ul li{margin-bottom:9px;}
.sitemap ul li ul{margin-top:28px;}
.sitemap .f_serif{font-size:19px;}
.sitemap .f_serif a{text-decoration:none;position:relative;}
.sitemap .f_serif a::after{content:"";display:block;width:0;height:0;background:transparent;
    border-top:3.5px solid transparent;border-right:none;border-bottom:3.5px solid transparent;border-left:5px solid #303033;position:absolute;right:-18px;top:10px;
}

.fsm1{padding:0 9px;}
.sitemap .fsm1 ul li{margin-right:45px;}
.fsm2{width:260px;padding:0 8px 0 63px;}
.fsm3{padding:0 10px;}
.sitemap ul li.fsm_top{margin-bottom:17px;}
.fsm_2ndarea{padding-top:38px;}

/********** サイドパーツ **********/
.side_help_navi{padding:20px 0 0;}
.side_navi a{position:relative;display:block;text-decoration:none;border-bottom:1px solid #e5e1dc;text-align:center;}
.side_navi a::before{font-family:FontAwesome;font-size:30px;position:absolute;text-shadow:0 2px 2px rgba(49,49,52,0.15); 
}
.snv1,.snv2,.snv4{font-size:13px;}
.snv3,.snv5,.snv6,.snv7,.snv8{font-size:16px;}
.snv1 span,.snv2 span,.snv4 span{display:block;font-size:17px;}
.snv4 a{padding:75px 0 30px;line-height:16px;}
.snv4 span{margin-top:4px;}
.snv1 a,.snv2 a{padding:70px 0 30px;line-height:22px;}
.snv3 a{padding:82px 0 42px;}
.snv5 a{padding:77px 0 39px;}
.snv6 a{padding:78px 0 38px;}
.snv7 a{padding:78px 0 38px;}
.snv8 a{padding:77px 0 39px;border-bottom:none;}
.snv1 a::before,.snv2 a::before,.snv3 a::before,.snv5 a::before,.snv6 a::before,.snv7 a::before,.snv8 a::before{left:50%;margin-left:-15px;}
.snv1 a::before{content:"\f002";top:28px;}
.snv2 a::before{content:"\f040";top:30px;}
.snv3 a::before{content:"\f019";top:43px;}
.snv4 a::before{content:"";display:block;background:url("../images/btn_side_joa.png") no-repeat left top;width:38px;height:32px;left:85px;top:31px;}
.snv5 a::before{content:"\f08e";top:38px;}
.snv6 a::before{content:"\f0f6";top:36px;}
.snv7 a::before{content:"";display:block;background:url("../images/btn_side_useful.png") no-repeat left top;width:40px;height:36px;left:99px;top:39px;}
.snv8 a::before{content:"\f003";top:38px;}
.snv4 a:hover::before,.snv7 a:hover::before{opacity: 0.8;}

/********** サイドバナー **********/
.parts_sidebanner li{margin-bottom:10px;}
.side_link_bnbtn li{padding-bottom:10px;}
    /*サイドバナー用ボタン*/
.side_bnbtn_base .art{
  text-align:center;
  }
.side_bnbtn_base a{
  text-decoration:none;
  }
.side_bnbtn_base .btnstyle{
  display:block;
  position:relative;
  overflow:hidden;
  border:1px solid #e2deda;
  -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
  background:url("../images/bg_side_bnbtn.png") repeat-x 0 0 #dedad5;
  font-size:13px;
  line-height:17px;
  text-shadow:0 -1px 1px #fcfaf9;
  }
.side_bnbtn_base .btnstyle.none{
  display:none;
  }
.side_bnbtn_base .btnstyle.next::before{
  font-family:FontAwesome;
  content:"\f105";
  display:block;
  font-size:18px;
  position:absolute;
  top:50%;
  right:12px;
  margin-top:-9px;
  }
.side_bnbtn_base .btnstyle > span{
  display:block;
  padding-top:12px;
  padding-bottom:10px;
  border-top:1px solid #ffffff;
  border-bottom:1px solid #d9d5d2;
  }
.side_link_bnbtn.side_bnbtn_base .btnstyle > span{
	padding:8px 30px;
}
/********** ログインフォーム **********/
.login {margin-bottom:10px;}
.login p{padding-left:10px;}
.login .form {padding:3px 0 0 10px;}
.login .form dt{font-weight:bold;}
.login .form dd{padding-bottom:5px;}

/*****************************************************************************
						▼ここから書き加えてください▼
******************************************************************************/
.f_serif{font-family:"游明朝",YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HGS明朝E","HG明朝E", "ＭＳ Ｐ明朝",serif;}
.opacity a:hover{opacity:0.8; filter: alpha(opacity=80); -moz-opacity:0.8;}

.header_top_navi ul li{float:left;}
.btn a{display:block;text-decoration:none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;
    color:#fcf7f7;font-size:16px;line-height:18px;text-align:center;position:relative;padding:1px;
    box-shadow: 0 2px 3px rgba(157,157,157,0.5); -webkit-box-shadow: 0 2px 3px rgba(157,157,157,0.5); -moz-box-shadow: 0 2px 3px rgba(157,157,157,0.5); -o-box-shadow: 0 2px 3px rgba(157,157,157,0.5);    
}
.btn a span{display:block;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;}
.btn a span::before{font-family:FontAwesome;position:absolute;}

.tbl_comment_tp{padding-bottom:10px;}
.tbl_comment_bm{padding-top:10px;}
/*青ボタン*/
.btn_blue a{background:#004896;}
.btn_blue a span{border-top:1px solid #4685ca;background:#215fa3;
background: -moz-linear-gradient(top, #215fa3 0%, #003f82 100%);
background: -webkit-linear-gradient(top, #215fa3 0%,#003f82 100%);
background: linear-gradient(to bottom, #215fa3 0%,#003f82 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#215fa3', endColorstr='#003f82',GradientType=0 ); 
}
.nv_abo1 span::before{content:"\f0f2";font-size:27px;left:12px;top:24px;}
.nv_abo2 a span::before{content:"\f1ae";font-size:29px;left:18px;top:24px;}
.nv_abo3 a span::before{content:"\f002";font-size:25px;left:15px;top:24px;}
.nv_abo4 a span::before{content:"\f1ea";font-size:22px;left:11px;top:24px;}
/*赤ボタン*/
.btn_red a{background:#9f002e;}
.btn_red a span{border-top:1px solid #df4572;background:#b8073c;
background:-moz-linear-gradient(top, #b8073c 0%, #9c002f 100%);
background:-webkit-linear-gradient(top, #b8073c 0%,#9c002f 100%);
background:linear-gradient(to bottom, #b8073c 0%,#9c002f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8073c', endColorstr='#9c002f',GradientType=0 );
}
.nv_cer1 span::before{content:"\f02e";font-size:23px;left:19px;top:24px;}
.nv_cer2 a span::before{content:"\f19d";font-size:23px;left:11px;top:24px;}
.nv_cer3 a span::before{content:"\f02d";font-size:25px;left:14px;top:24px;}
.nv_cer4 a span::before{content:"\f024";font-size:25px;left:13px;top:24px;}
/*緑ボタン*/
.btn_green a{background:#7ba617;}
.btn_green a span{border-top:1px solid #9cc82d;background: #86b519;
background: -moz-linear-gradient(top, #86b519 0%, #719c16 100%);
background: -webkit-linear-gradient(top, #86b519 0%,#719c16 100%);
background: linear-gradient(to bottom, #86b519 0%,#719c16 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86b519', endColorstr='#719c16',GradientType=0 );
}
.nv_edu1 span::before{content:"\f040";font-size:25px;left:15px;top:24px;}
.nv_edu2 a span::before{content:"\f0eb";font-size:25px;left:19px;top:24px;}
.nv_edu3 a span::before{content:"\f02b";font-size:21px;left:17px;top:24px;}
.nv_edu4 a span::before{content:"\f0ac";font-size:25px;left:15px;top:24px;}


/*** 2020/09/08 お知らせ ***/

.info_important{max-width: 978px;margin:0 auto;color:#ff0000;}
.info_important .text{border: 1px #ff0000 solid;background-color: #fff;padding: 10px 0;text-align: center;margin-bottom: 20px;}
.info_important .text a{color:#ff0000;}