@charset "utf-8";

@import "/Portals/0/css/base.css";
@import "/Portals/0/css/default.css";
@import "/Portals/0/css/elements.css";
@import "/Portals/0/css/en2.css";
@import "/Portals/0/css/form.css";
@import "/Portals/0/css/style.css";
@import "/Portals/0/css/contents.css";

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

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

/* font settings */
html,
body{color:#333;font-size:14px;line-height:1.6;}
body{margin:0;font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}
div#skin{background:#f5f7f2;}

/* pc/sp settings */
.pcArea{display:block;}
.spArea{display:none;}

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:960px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}


/* ===========================================================
 headBody
=========================================================== */
#header{margin:0;padding:0;}
/*--------------------------------------------------------
 headTop
---------------------------------------------------------*/
.headTop .inner{display:flex;justify-content:space-between;}
.headTop .inner .left{width:360px;}
.headTop .inner .right{padding-top:1.3em;}
/* searchWrap */
.headTop .inner .right .searchWrap{display:flex;margin-top:5px;justify-content:flex-end;align-items:center;}
.headTop .inner .right .searchWrap > input{width:273px;height:22px;margin-right:5px;border:1px solid #000;}
.headTop .inner .right .searchWrap > a{padding:2px 6px;border:1px solid #222;border-radius:3px;background:#efefef;color:#222;text-decoration:none;}
#header .headTop .inner .right .searchWrap > a:hover{background:#e0e0e0;}
/* logo */
.headTop .inner .left .logo{padding:30px 0;}
.headTop .inner .left .logo a{}
.headTop .inner .left .logo a img{}

/*--------------------------------------------------------
 headBottom
---------------------------------------------------------*/
#header .headBottom{border-bottom:4px solid #a4d55d;background:#fff;}


/* ===========================================================
 Index
=========================================================== */
._Index .mainArea .ContentPane{margin-bottom:0;padding:0;background:transparent;}


/*========================================================
 2Columns
========================================================*/
/*--------------------------------------------------------
 sideNav
---------------------------------------------------------*/
.sideNav ul{padding:0;}
.sideNav ul li{display:block;list-style:none;padding:0;}
.sideNav ul li > ul > li > ul{display:none;padding-top:8px;padding-bottom:10px;background:#fff;}
.sideNav ul li > ul > li > ul > li{position:relative;padding:6px 10px 6px 30px;}
.sideNav ul li > ul > li > ul > li > a{display:inline;position:relative;border-bottom:1px solid #ccc;color:#06b;text-decoration:none;}
.sideNav ul li > ul > li > ul > li > a:hover{opacity:0.8;text-decoration:none;}
.sideNav > ul > li > ul > li > a{display:block;position:relative;padding:16px 12px 16px 35px;border-bottom:1px solid #fff;background:#a4d55d;color:#333;font-weight:700;font-size:108%;text-decoration:none;cursor:pointer;transition:all 0.2s;}
.sideNav ul li > ul > li > ul > li:before{content:"";position:absolute;top:12px;left:14px;width:0;height:0;margin:auto;border:4px solid transparent;border-left:7px solid #4aa634;box-sizing:border-box;}
.sideNav > ul > li > ul > li > a:hover{opacity:0.8;text-decoration:none;}
.sideNav > ul > li > ul > li > a:after,
.sideNav > ul > li > ul > li > a:before{content:"";position:absolute;top:0;bottom:0;left:14px;margin:auto;margin-right:0;background:#fff;font-weight:700;}
.sideNav > ul > li > ul > li > a:before{width:12px;height:2px;}
.sideNav > ul > li > ul > li > a:after{left:19px;width:2px;height:12px;}
.sideNav > ul > li > ul > li > a.open:after{position:static;}
.sideNav > li > a:before,
ul.sideNav > li > a:after{content:"";position:absolute;top:0;bottom:0;left:14px;margin:auto;margin-right:0;background:#fff;font-weight:bold;}
ul.sideNav > li > a:before{width:12px;height:2px;}

.sideNav > ul > li > ul > li.parentItem ul,
.sideNav > ul > li > ul > li.currentItem ul{display:block;}

.sideNav ul li > ul > li > ul > li.Tab104{display:none;}
/*
.sideNav > ul > li > ul > li.parentItem > a:after,
.sideNav > ul > li > ul > li.currentItem > a:after{display:none;}
/* ===========================================================
 content
=========================================================== */
.contentTop{margin-top:1.8em;}
._Index .contentTop{margin-top:0;}
.contentTop .inner{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;}

/* breadcrumb
------------------------------ */
.breadcrumb{margin:0 auto;padding:0;font-size:85%;}
.breadcrumb a{color:#666;text-decoration:none;}
.breadcrumb a:hover{color:#333;}
.breadcrumb{/*font-size:100%;*/}
.breadcrumb > .inner{margin:20px auto;}
.breadcrumb > .inner > span > a{color:#06b;text-decoration:underline;}
.breadcrumb > .inner > span > span{overflow:hidden;position:relative;margin:0 10px;color:transparent;white-space:nowrap;text-indent:100%;}
.breadcrumb > .inner > span > span:before{content:"";position:absolute;top:0;bottom:0;left:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:6px;height:6px;margin:auto;border-top:1px solid #222;border-right:1px solid #222;}
.breadcrumb > .inner > span > span.breadcrumbItem{margin:0;color:#222;font-weight:500;}
.breadcrumb > .inner > span > span.breadcrumbItem:before{border:none;}
/* main
------------------------------ */
.mainArea{width:700px;margin-bottom:2em;}
.mainArea .ContentTopEnPane{margin-bottom:1em;background:#fff;}
.mainArea .ContentPane{}
.contentTop .TopPane{width:100%;margin-bottom:1em;}
.contentMiddle .inner{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;}
.mainArea .ContentPane .ContentPane{padding:0;background:transparent;}
/* side
------------------------------ */
.sideArea{width:220px;}
.sideArea .SideTopPane,
.sideArea .SideMiddlePane,
.sideArea .SideBottomPane{margin-bottom:1em;}
.sideArea .SideEnPane,
.sideArea .SideBottomEnPane{margin-bottom:1em;}


/* ===========================================================
 tokenMenu
=========================================================== */
#header .headBottom .inner nav .tokenMenu ul{display:flex;width:auto;margin:0;padding:0;justify-content:space-around;}
#header .headBottom .inner nav .tokenMenu ul li.Tab100,
#header .headBottom .inner nav .tokenMenu ul li.Tab327,
#header .headBottom .inner nav .tokenMenu ul li.Tab322,
#header .headBottom .inner nav .tokenMenu ul li.Tab257,
#header .headBottom .inner nav .tokenMenu ul li.Tab135,
#header .headBottom .inner nav .tokenMenu ul li.Tab103,
#header .headBottom .inner nav .tokenMenu ul li.Tab387,
#header .headBottom .inner nav .tokenMenu ul li.Tab388,
#header .headBottom .inner nav .tokenMenu ul li.Tab392,
#header .headBottom .inner nav .tokenMenu ul li.Tab460,
#header .headBottom .inner nav .tokenMenu ul li.Tab461{display:inline-block;display:flex;list-style:none;width:auto;padding:0;justify-content:space-between;}
#header .headBottom .inner nav .tokenMenu ul li a{display:inline-block;overflow:hidden;width:135px;padding:24px 0 14px 0;color:#333;font-weight:bold;font-size:110%;text-decoration:none;text-align:center;}
#header .headBottom .inner nav .tokenMenu ul li a:hover{opacity:0.7;}
#header .headBottom .inner nav .tokenMenu ul li.currentItem > a,
#header .headBottom .inner nav .tokenMenu ul li.parentItem > a{position:relative;}
#header .headBottom .inner nav .tokenMenu ul li.currentItem > a:before,
#header .headBottom .inner nav .tokenMenu > ul > li > ul > li.parentItem > a:before{content:"";display:block;position:absolute;right:0;bottom:-4px;left:0;width:20px;height:10px;margin:auto;border-radius:10px 10px 0 0;background:#a4d55d;}


/* ===========================================================
 footBody
=========================================================== */
#footer{margin:2em 0 0 0;padding:0;border-top:1px solid #88b051;background:#fff;}
/* pagetop
------------------------------ */
.footTop .inner .pagetop{content:"";display:block;position:fixed;right:15px;bottom:22px;z-index:10;width:42px;height:42px;margin:auto;padding:0;}
.footTop .inner .pagetop a{display:block;overflow:hidden;position:relative;width:42px;height:42px;border-radius:50%;background:#999;white-space:nowrap;text-indent:100%;}
.footTop .inner .pagetop a:before{content:"";display:block;position:absolute;top:0;right:0;bottom:6px;left:0;width:0;height:9px;margin:auto;border-width:0 6px 10px 6px;border-color:#fff;border-style:solid;border-top-color:transparent;border-right-color:transparent;border-left-color:transparent;}

/* copyright
------------------------- */

/* footerBottom
------------------------- */
#footer .footBottom{padding:1em 0;background:#88b051;color:#fff;font-size:96%;text-align:center;}
#footer .footBottom p.copyright{margin:0;padding:0;}

/* ===========================================================
 contentOld
=========================================================== */
.mainArea .ContentPane{padding:20px;background:#fff;}

/* ===========================================================
 css for admin
=========================================================== */

/* css-for-adminModules */
.FileManager_LeftBox{width:200px !important;}
.FileManager_LeftBox img{height:13px !important;}
#dnn_ctr362_ModuleContent table{width:100% !important;}
#dnn_ctr362_ModuleContent table td{text-align:left !important;}

/* 編集ナビ */
.ModuleTitle_MenuContainer > tbody > tr > td,
.ModuleTitle_MenuContainer > tbody > tr > td > table{width:auto;}
.ModuleTitle_MenuContainer > tbody > tr > td:last-child{line-height:1;}
.ModuleTitle_MenuItem{font-size:12px !important;}

/* スマホプレビュー */
.selectBox + .fancybox-wrap,
.selectBox + .fancybox-wrap *{box-sizing:content-box !important;}
.previewMode .fancybox-opened{z-index:99999999 !important;}