@charset "utf-8";

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

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

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

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

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

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* inner */
.inner{width:1000px;margin:0 auto;}
.innerWide{width:auto;max-width:1500px;margin:0 auto;}

/*　main　*/
#main{padding-top:109px;}

/* ===========================================================
 headBody
=========================================================== */
#skin > header{position:fixed;z-index:90;width:100%;min-height:60px;min-width:1040px;margin:0;padding:0;background-color:#fff;}
#skin.scrollActive > header{box-shadow:0 2px 4px 0 rgba(0,0,0,0.1);}

/* headTop */
.headTop{background-color:#f3f3f3;}

/* headBottom */
.headBottom .innerWide{display:flex;}
.headBottom .left{display:flex;width:calc(100% - 160px);justify-content:flex-start;}
.headBottom .right{width:160px;}

/* logo */
.logo{width:170px;margin:0;padding:18px 0 0 40px;}
.logo a,
.logo a img{display:block;}

/* searchWrap */
.searchWrap{position:relative;width:160px;height:24px;margin:0;background-color:#023461;}
.searchWrap input[type="text"]{position:absolute;top:0;left:0;width:160px;height:24px;margin:0;padding:2px 36px 2px 3px;border:none;outline:none;background-color:transparent;color:#fff;line-height:2.0px;}
.searchWrap a{display:block;overflow:hidden;position:absolute;top:0;right:0;width:36px;height:24px;border:none;background:none transparent;color:#fff;line-height:1;white-space:nowrap;text-indent:200%;}
.searchWrap a::before{content:"";display:block;position:absolute;top:7px;left:14px;width:9px;height:9px;margin:auto;border:2px solid #ccc;border-radius:5px;}
.searchWrap a::after{content:"";display:block;position:absolute;top:14px;left:21px;transform:rotate(45deg);width:4px;height:2px;margin:auto;border-radius:2px;background-color:#ccc;}
.searchWrap .placeholder{display:block;position:absolute;width:160px;height:24px;padding:2px 36px 2px 3px;color:#94b1cb;font-size:92.9%;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{height:auto;margin:0;padding:0;}

.tokenMenu ul{list-style:none;margin:0;padding:0;}
.tokenMenu ul li{margin:0;padding:0;}
/* 1st */
.pcView #gNav{position:relative;z-index:50;}
.pcView .tokenMenu ul{display:flex;padding-top:27px;flex-wrap:wrap;justify-content:flex-start;align-items:flex-end;}
.pcView .tokenMenu li{display:none;}
.pcView .tokenMenu ul li.Tab101,
.pcView .tokenMenu ul li.Tab124,
.pcView .tokenMenu ul li.Tab140,
.pcView .tokenMenu ul li.Tab141,
.pcView .tokenMenu ul li.Tab147,
.pcView .tokenMenu ul li.Tab167{display:block;}
.pcView .tokenMenu ul li a{display:block;padding:18px;color:#000;font-weight:700;font-size:114.3%;line-height:1;transition:color 0.25s ease-out;}
.pcView .tokenMenu ul li a:hover{color:#db600e;text-decoration:none;}
.pcView .tokenMenu ul ul{display:none;}

/* megamenuWrap */
.megamenuWrap{position:relative;}

/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0;padding:60px 0 20px;font-size:92.9%;text-align:left;}
.breadcrumb a{color:#222;text-decoration:none;}
.breadcrumb a:hover{color:#444;text-decoration:underline;}
.breadcrumb > .inner > span > *{margin-right:0.5em;}

/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;position:relative;}

/* footTop */
.footTop{border-top:1px solid #aaa;}

/* footBottom */
.footBottom{border-top:1px solid #aaa;}

/* pagetop */
.footTop .pagetop{position:fixed;right:40px;bottom:40px;width:40px;height:130px;transition:bottom 0.25s ease-out;opacity:0.5;}
.footTop .pagetop a{display:block;width:40px;height:130px;background:url(/Portals/0/images/common/ico_pagetop.png) 0 0 no-repeat;background-size:40px 130px;transition:opacity 0.25s ease-out;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;}
.footTop .pagetop a:hover{opacity:0.7;}
.footTop .pagetop.fix{top:-150px;}
.footTop .pagetop.in{opacity:0.5!important;}
.footTop .pagetop.in.fix{opacity:0.7!important;}

/* copyright */
.copyright{padding:15px 0;font-size:85.7%;text-align:center;color:#fff;line-height:1;background-color:#db600e;}

/* ===========================================================
 index
=========================================================== */
._Index .topKv{position:relative;}
._Index .topKv > .inner{position:absolute;left:0;right:0;top:0;}
._Index .topKv > .inner > .TopEventPane{position:absolute;top:34px;right:0;}
._Index .bgGrad{position:relative;}
._Index .bgGrad::before,
._Index .bgGrad::after{content:'';display:block;position:absolute;z-index:-1;margin:auto;width:400px;height:400px;background:url(/Portals/0/images/common/bg_grad.png) 0 0 no-repeat transparent;}
._Index .bgGrad::before{left:0;top:0;}
._Index .bgGrad::after{right:0;bottom:0;transform:rotate(180deg);-webkit-transform:rotate(180deg);}
._Index .bgImage{background:url(/Portals/0/images/index/bgCasestudy.jpg) top center no-repeat; background-size:cover; background-color:#09233b;}

/* ===========================================================
 css for each skin
=========================================================== */
._1Column .contentTop,
._2Columns .contentTop{margin-bottom:50px;}
._2Columns .contentBottom .inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
._2Columns .sideArea{width:240px;order:0;}
._2Columns .mainArea{width:710px;order:1;}

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

/* 管理用スキン */
._admin .innerWide{width:1000px;margin:0 auto;}
._admin .headBottom .left{width:100%;}
._admin.pcView .tokenMenu > ul li{position:relative;}
._admin.pcView .tokenMenu > ul > li:hover > ul{display:block;position:absolute;}
._admin.pcView .tokenMenu > ul > li ul{margin:0;padding:0;}
._admin.pcView .tokenMenu > ul > li ul li{display:block;width:180px;}
._admin.pcView .tokenMenu > ul > li > ul > li a{display:block;background-color:#eee;color:#333;padding:0.7em;font-size:1rem;font-weight:normal;border-bottom:1px solid #999;}
._admin.pcView .tokenMenu > ul > li > ul > li a:hover{background-color:#ccc;}
._admin.pcView .tokenMenu > ul > li > ul > li:hover > ul{display:block;position:absolute;right:-180px;top:0;}

/*　headfix　*/
.editMode #main{padding-top:0;}
.editMode #skin > header{position:relative;}

/* 導入事例DBタイトル */
tr.tableSettingHeadline{background-color:transparent!important;}
tr.tableSettingHeadline th,
tr.tableSettingHeadline td{padding:0!important;}
tr.tableSettingHeadline th span,
tr.tableSettingHeadline td span{padding:0.7em 0.5em;margin:1em 0 0.5em;font-size:128.6%;font-weight:700;background-color:#666;color:#fff;display:block;}

/* 導入事例登録画面 */
table[id$="ctl05_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"],
table[id$="ctl08_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"],
table[id$="ctl09_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"]{width:100%;display:block;}
table[id$="ctl05_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody,
table[id$="ctl08_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody,
table[id$="ctl09_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody{display:block;}
table[id$="ctl05_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr,
table[id$="ctl08_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr,
table[id$="ctl09_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
table[id$="ctl05_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr td,
table[id$="ctl08_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr td,
table[id$="ctl09_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr td{width:33.3%;}
/* 資料ダウンロード登録画面 */
table[id$="ctl04_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"],
table[id$="ctl06_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"]{width:100%;display:block;}
table[id$="ctl04_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody,
table[id$="ctl06_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody{display:block;}
table[id$="ctl04_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr,
table[id$="ctl06_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
table[id$="ctl04_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr td,
table[id$="ctl06_fldProduct_CategoryCheckBoxList_dlCategoryCheckBox"] tbody tr td{width:25%;}