@charset "utf-8";

@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";

/* ===========================================================
 html
=========================================================== */

/* size settings */
html,
body{min-width:1140px;}

/* font settings */
html,
body{color:#222;font-size:16px;line-height:1.8;}
body{font-family:"Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, "Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";font-weight:500;}

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1100px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}
footer .PaneName{color:#999;}

/* ===========================================================
 header
=========================================================== */
#header{margin:0;padding:0;}

/* logo
------------------------------ */
header .headTop .logo{padding:15px 0;line-height:1;}
header .headTop .logo a{display:inline-block;max-width:100%;}
header .headTop .logo img{display:block;}

/* searchWrap */
.headBottomWrap{display:flex;position:absolute;top:35px;right:50%;margin-right:-550px;align-items:center;}
.searchWrap{position:relative;width:300px;height:35px;margin-left:40px;}
.searchWrap .placeholder{position:absolute;top:0;left:10px;z-index:1;color:#666;font-size:93.8%;line-height:35px;}
.searchWrap input[type="text"]{position:absolute;top:0;left:0;width:100%;height:35px;margin:0;padding:2px 40px 2px 5px;border:none;background:#eee;}
.searchWrap input[id^="dnn_"][type="text"]:focus{border-color:#70C7B1;background:rgba(112,199,177,0.3);}
.searchWrap a{display:block;overflow:hidden;position:absolute;top:0;right:0;width:35px;height:35px;background:url(/Portals/0/images/common/ico_magnify.png) center center no-repeat;background-size:50%;white-space:nowrap;text-indent:200%;}
.editMode .headBottomWrap{top:0;}

/* headBottom
------------------------------ */
header .headBottom{border-top:1px solid #ccc;border-bottom:1px solid #ccc;}


/* ===========================================================
 gNav
=========================================================== */
#gNav .tokenMenu ul{display:flex;list-style:none;margin:0;padding:0;justify-content:center;}
#gNav .tokenMenu > ul > li{display:none;}
#gNav .tokenMenu ul li.Tab105,
#gNav .tokenMenu ul li.Tab127,
#gNav .tokenMenu ul li.Tab145,
#gNav .tokenMenu ul li.Tab194,
#gNav .tokenMenu ul li.Tab204,
#gNav .tokenMenu ul li.Tab207,
#gNav .tokenMenu ul li.Tab208{display:block;}
#gNav .tokenMenu ul li{position:relative;z-index:100;min-height:65px;padding:5px;border-right:1px solid #ccc;line-height:1.2;}
#gNav .tokenMenu ul li.Tab105{padding-left:0;}
#gNav .tokenMenu ul li.Tab208{padding-right:0;border-right:none;}
#gNav .tokenMenu ul li a{display:flex;height:100%;padding:15px 19px;border-radius:3px;color:#222;font-weight:bold;text-decoration:none;align-items:center;}
#gNav .tokenMenu > ul > li > a.parentLink,
#gNav .tokenMenu > ul > li > a.currentLink,
#gNav .tokenMenu ul li a:hover{opacity:1;background:rgba(112,199,177,0.3);color:#008568;}
#gNav .tokenMenu ul ul{display:none;position:absolute;top:100%;left:50%;z-index:90;transform:translateX(-50%);width:100%;border:none;box-shadow:0 10px 12px -6px rgba(112,199,177,0.5);background-color:#fff;}
#gNav .tokenMenu ul ul li{min-height:inherit;border:none;border-top:1px solid #ccc;font-size:87.5%;}
#gNav .tokenMenu ul ul li a{display:block;margin:0;padding:0.5em;font-weight:400;line-height:1.5;text-align:center;}


/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:1em auto 65px;padding:0;font-size:85%;}
.breadcrumb a{color:#333;text-decoration:none;}
.breadcrumb a:hover{color:#333;text-decoration:underline;}
.breadcrumb span:not(.breadcrumbItem){padding:0 0.5em;}

._Index .contentTop{background:url(/Portals/0/images/common/bg_title.jpg) no-repeat;}
._Index .contentMiddle{margin-top:30px;}
._Index .contentMiddle .inner{display:flex;justify-content:space-between;}
._Index .contentMiddle .inner main.mainArea{width:810px;}
._Index .contentMiddle .inner aside.sideArea{width:260px;}

._2Columns .contentMiddle .inner .contentMiddleWrap{display:flex;justify-content:space-between;}
._2Columns .contentMiddle .inner .contentMiddleWrap main.mainArea{width:810px;}
._2Columns .contentMiddle .inner .contentMiddleWrap aside.sideArea{width:260px;}


/* ===========================================================
 footer
=========================================================== */
#footer{position:relative;margin:80px 0 0;padding:0;}
footer .footTop{background:#70C7B1;}
footer .footBottom{background:#2bb799;}
footer .footBottom .copyright{margin:0;padding:1em 0;color:#fff;font-size:81.3%;text-align:center;}

/*pageTop*/
.pagetop{position:absolute;top:-25px;right:40px;z-index:20;margin-left:500px;}
.pagetop[style*="fixed"]{top:-50px;}
.pagetop a{display:block;overflow:hidden;position:relative;width:50px;height:50px;border-radius:3px;background:#008568;white-space:nowrap;text-indent:200%;}
.pagetop a:before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:0;height:0;margin:auto;border-width:0 6.5px 10px 6.5px;border-color:transparent transparent #fff transparent;border-style:solid;}
.pagetop a:hover{opacity:1;background:#2bb799;}
.pagetop.in.fix{top:-25px;}
.pagetop.in{top:auto;bottom:0;}



/* ===========================================================
 contents
=========================================================== */