@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,600,700&subset=japanese');
@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";

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

/* font settings */
html,
body{color:#333;font-size:16px; line-height:1.6;}
body{font-family:"Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif"; font-weight:300;}
.Normal{font-weight:300;}

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

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

/* ===========================================================
 headBody
=========================================================== */
#skin{}
header{margin:0;padding:0;}
#header{position:relative; top:0;right:0;left:0;z-index:5;width:100%;min-width:1040px;min-height:113px; margin:0 auto;padding:0;}
.headTop {background-color:#FFF; transition:all 0.25s ease-out; display:block; padding:0 0 50px 0; position:relative;}
.headTop .inner{}
.headTop .inner:after{content:"";display:block;clear:both;}
.headTop .left{float:left;}
.headTop .right{float:right;}
.headTop .right:after{content:"";display:block;clear:both;}
.headBottom{position:absolute;top:inherit;right:0;bottom:0;left:0;width:100%;margin:0;background-color:#FFF;}
.headBottom:before,
.headBottom:after{content:""; display:block; height:2px; width:100%; position:absolute; bottom:2px; left:0; right:0; margin:auto; z-index:0;}
.headBottom:before{ width:100%; background-color:rgba(0,134,201,0.3);}
.headBottom:after{ width:1002px; background-color:#fff;}
/* fix */
.fix .logo,
.fix .searchWrap,
.fix .HeadTopEnPane{display:none;}
.fix .headBottom{position:fixed;top:0; bottom:inherit;}

/* rightWrap */
.headTop .rightWrap{width:422px; float:right;}
.HeadTopEnPane{float:left;}
.searchWrap{float:right;}

/* logo */
.logo{margin:15px 0 5px;padding:0;}
.logo a{display:block;}
.logo a img{ vertical-align:top;}

/* searchWrap */
.searchWrap{position:relative;float:right;width:200px;height:28px;margin:1.5em 2px 0 0;}
.searchWrap .searchInner{height:28px; border-bottom:1px solid #ccc; position:relative;}
.searchWrap .SearchInput:after{content:"";display:block;clear:both;}
.searchWrap input[type="text"]{width:85%;margin:0;padding:2px 0 2px 10px; border:none;outline:none;line-height:2.0px; background:none; float:left;}
.searchWrap a{display:block;overflow:hidden;float:right;z-index:1;width:15%;height:100%;margin:0;padding:0;border:none;border-radius:inherit;background:url(/Portals/0/images/common/ico_search.png) no-repeat center center;white-space:nowrap;text-indent:110%;}
.searchWrap .placeholder{font-size:13px; color:#999999; display:inline; position:absolute; bottom:2px; left:8px; z-index:1; font-family:normal;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{height:50px;margin:0 auto;padding:0;}
#gNav:after{content:"";display:block;clear:both;}

/* ===========================================================
 content
=========================================================== */
/* breadcrumb */
.breadcrumb{margin:0 auto;padding:0;}
.breadcrumb .inner{padding:2em 0;}
.breadcrumb a,
.breadcrumb span{font-size:88%; color:#999999;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb > .inner > span > a:first-child,
.breadcrumbTop a:first-child{display:inline-block; width:12px; height:13px; text-indent:110%; overflow:hidden;white-space:nowrap; background:url(/Portals/0/images/common/ico_home_blue.png) no-repeat left center; position:relative; padding:0; vertical-align:middle;}
.breadcrumb > .inner > span > a:first-child:hover,
.breadcrumbTop a:first-child:hover{background:url(/Portals/0/images/common/ico_home_blue_ov.png) no-repeat left center;}
.breadcrumb span span{padding: 0 1em;}
/* breadcrumbTop */
.breadcrumbTop .inner{padding:1em 0;}
.breadcrumbTop .inner,
.breadcrumbTop a,
.breadcrumbTop span{font-size:88%; color:#999999;}
.breadcrumbTop span{padding:0 1em;}

/* pagetop */
.pagetop{position:relative; padding:0;}
.pagetop a{position:absolute; top:inherit; right:5%; bottom:20px; left:inherit; color:#FFF; font-size:75%; display:block; text-align:center; width:32px;height:62px;background:rgba(0,134,201,0.8) url(/Portals/0/images/common/arw_pagetop.png) no-repeat center 1.5em; padding:2.5em 0 0 0;}
.pagetop a:hover{text-decoration:none;}
.pagetop a.fix{ bottom:-5px;}
.pagetop a:before,
.pagetop a:after{content:"";display:block;position:absolute;top:0;bottom:0;width:0;height:0;border-style:solid;}
.pagetop a:before{left:-18px; right:inherit; border-width:9px 62px 9px 0; border-width: 31px 18px 31px 0;border-color: transparent rgba(0,134,201,0.8) transparent transparent;}
.pagetop a:after{left:inherit; right:-18px; border-width: 31px 0 31px 18px;border-color: transparent transparent transparent rgba(0,134,201,0.8);}

/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;}
/* footBottom */
.footBottom{ background-color:#5fb2dd; padding:1.6em 0 0.7em;}
.footBottom:after{content:"";display:block;clear:both;}
.footBottom .left{float:left; display:inline-block;}
.footBottom .right{float:right; display:inline-block;}
/* copyright */
.copyright{text-align:center; color:#FFF; text-align:right; font-size:88%;}

/* ===========================================================
 css for each skin
=========================================================== */
._2Columns .contentMiddle .inner:after{content:"";display:block;clear:both;}
._2Columns .sideArea{float:left;width:210px;}
._2Columns .mainArea{float:right;width:730px;}

/* ===========================================================
 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;}

/* 承認フロー管理 */
table.ViewManageRole.tableGrid.Settings th[style*="width"]{width:auto!important;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:0 auto; padding:0; vertical-align:top; display:block; height:50px;}
#gNav:after{content:"";display:block;clear:both;}
#gNav .tokenMenu{text-align:right;}
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu ul:after{content:"";display:block;clear:both;}
.tokenMenu li{display:none;list-style-type:none;margin:0;padding:0;}
.tokenMenu li.Tab36{display:block;}
.tokenMenu ul{display:none;}
.tokenMenu a{position:relative; text-decoration:none;-webkit-transition:all 0.25s ease-out; transition:all 0.25s ease-out;}
/*初期値*/
.tokenMenu > ul{display:inline-block; vertical-align:top; width:100%;}
.tokenMenu li.Tab121{display:block; padding:0 2px 2px;}
.tokenMenu li.Tab36 > a{display:none;}
/* 1階層(2階層から表示) */
.tokenMenu li.Tab36 > ul,
.tokenMenu li.Tab121 > ul,
.tokenMenu li.Tab122,
.tokenMenu li.Tab123,
.tokenMenu li.Tab124,
.tokenMenu li.Tab125,
.tokenMenu li.Tab126,
.tokenMenu li.Tab127,
.tokenMenu li.Tab128{display:block;}
/*サイズ*/
.tokenMenu li.Tab122{width:116px;}
.tokenMenu li.Tab123{width:116px;}
.tokenMenu li.Tab124{width:116px;}
.tokenMenu li.Tab125{width:116px;}
.tokenMenu li.Tab126{width:180px;}
.tokenMenu li.Tab127{width:116px;}
.tokenMenu li.Tab128{width:180px;}
.tokenMenu > ul > li,
.tokenMenu > ul > li > ul > li{display:none;}
.tokenMenu > ul > li:after{content:"";display:block;clear:both;}
.tokenMenu li.Tab121 > a{display:block; width:56px; height:48px; text-indent:110%; overflow:hidden;white-space:nowrap; background:url(/Portals/0/images/common/ico_home_ov.png) no-repeat center 16px; position:relative; float:left;padding:12px 0 10px;}
.tokenMenu li.Tab121 > a:hover,
.tokenMenu li.Tab121.currentItem > a{background:url(/Portals/0/images/common/ico_home.png) no-repeat center 16px;}
.tokenMenu li.Tab121 > a:before{content:"";display:block;margin:0;position:absolute;bottom:0;left:0; right:0; top:inherit; width:100%;height:2px;background-color:#0086c9;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:left, width;transition-property:left, width; z-index:1;}
.tokenMenu li.Tab121.currentItem > a:before,
.tokenMenu li.Tab121 > a:hover:before{background-color:#e60012;}
.tokenMenu > ul > li > ul{float:left; width:calc(100% - 56px);}
.tokenMenu > ul > li > ul > li{list-style-type:none;position:relative;float:left;z-index:1;margin:0;padding:0;}
.tokenMenu > ul > li > ul > li:before{content:"";display:block;margin:0;position:absolute; top:15px; bottom:inherit; left:0; right:inherit; width:1px;height:18px;background-color:#CCC;}

.tokenMenu > ul > li > ul > li > a{display:block;padding:12px 10px 10px;color:#000;font-weight:normal;text-align:center; font-size:100%; min-height:48px;}
.tokenMenu > ul > li > ul > li > a:before{content:"";display:block;margin:0;position:absolute;bottom:0;left:0; right:0; top:inherit; width:100%;height:2px;background-color:#0086c9;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-property:left, width;transition-property:left, width;}
.tokenMenu > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li.active > a,
.tokenMenu > ul > li > ul > li.currentItem > a,
.tokenMenu > ul > li > ul > li.parentItem > a{text-decoration:none; color:#e60012;}
.tokenMenu > ul > li > ul > li:hover > a:before,
.tokenMenu > ul > li > ul > li.active > a:before,
.tokenMenu > ul > li > ul > li.currentItem > a:before,
.tokenMenu > ul > li > ul > li.parentItem > a:before{background-color:#e60012;}