@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
@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:#000;font-size:18px;line-height:1.6;font-weight:400;}
body{font-family:'Roboto Condensed',"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}

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

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

/* ===========================================================
 headBody
=========================================================== */
.header{position:fixed;top:0;right:0;left:0;z-index:20;width:100%;min-height:97px;margin:0;padding:0;background-color:transparent;transition:background-color 0.25s ease-out;}
.header .innerWide{display:flex;padding:0 25px 15px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;}
.header .left{width:205px;}
.header .right{display:grid;grid-template-columns:1fr 120px 200px;column-gap:30px;align-items:center;width:calc(100% - 250px);}
.scrollActive .header{background-color:#000;}

.header .searchWrap{position:relative;}
.header .searchWrap input{z-index:0;width:200px;height:30px;padding:5px 35px 5px 10px;border-color:#ccc;border-radius:0;font-size:14px;}
.header .searchWrap .placeholder{position:absolute;top:0;left:0;z-index:1;width:200px;height:30px;padding:5px 35px 5px 10px;color:#999;font-size:14px;line-height:20px;}
.header .searchWrap a{display:inline-block;position:absolute;top:50%;right:10px;z-index:2;transform:translateY(-50%);width:15px;height:16px;background-size:contain;background-image:url(/Portals/0/images/common/ico_magnify.png);font-size:0;}

/* logo */
.logo{margin:20px 0 0;padding:0;line-height:1;}
.logo a{display:block;}

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

.tokenMenu ul{margin:0;padding:0;line-height:1;}
.tokenMenu li{display:none;list-style-type:none;position:relative;margin:0;padding:0;}
.tokenMenu li a{display:block;position:relative;color:#fff;font-size:1.111rem;text-decoration:none;}
.tokenMenu li a:hover{text-decoration:none;}
/*1st*/
.pcView .tokenMenu{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.pcView .tokenMenu a{padding:8px 0 12px;}
/*2nd*/
.pcView .tokenMenu > ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.pcView .tokenMenu > ul > li{display:block;margin-left:2.25rem;}
/*3rd*/
.pcView .tokenMenu > ul > li > ul{display:none;position:absolute;width:220px;z-index:1;}
.pcView .tokenMenu > ul > li:hover > ul{display:block;}
.pcView .tokenMenu > ul > li:hover > ul li{display:block;}
.pcView .tokenMenu > ul > li > ul > li > a{padding:0.75rem;border-bottom:1px solid #222;background-color:#000;transition:background-color 0.25s ease-out,color 0.25s ease-out;}
.pcView .tokenMenu > ul > li > ul > li:first-of-type > a{border-top:1px solid #222;}
.pcView .tokenMenu > ul > li > ul > li > a:hover{background-color:#222;}
.pcView .tokenMenu > ul > li > ul > li > a.currentLink,
.pcView .tokenMenu > ul > li > ul > li > a.parentLink{color:#e95383;}
/*4th*/
.pcView .tokenMenu > ul > li > ul ul{display:none;}
/*action*/
.pcView .tokenMenu > a::before,
.pcView .tokenMenu > ul > li > a::before{content:"";display:block;position:absolute;right:0;bottom:6px;left:0;width:0;height:1px;margin:auto;background-color:transparent;transition:width 0.25s ease-out,background-color 0.25s ease-out;}
.pcView .tokenMenu > a:hover::before,
.pcView .tokenMenu > a.currentLink::before,
.pcView .tokenMenu > ul > li:hover > a::before,
.pcView .tokenMenu > ul > li > a.currentLink::before,
.pcView .tokenMenu > ul > li > a.parentLink::before{width:100%;background-color:#e95383;}

/* ===========================================================
 content
=========================================================== */
#main{padding-top:0;padding-bottom:100px;}
.contentMiddle{padding-top:50px;}

/* ===========================================================
 footBody
=========================================================== */
.footer{margin:0;padding: 40px 0;background-color:#222;color:#fff;}
.footer .inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.footer .footLeft{width: 100%;}
.footer .footRight{display:flex;align-items:flex-end;justify-content:flex-end;}
.footer .footRight .footLink{padding:0;margin:0 30px 0 0;}
.footer .footRight .footLink a{color:#fff;text-decoration:none;transition:color 0.25s ease-out;}
.footer .footRight .footLink a:hover{color:#e95383;}
.copyright{width:108px;margin-bottom: 0;padding-top:145px;padding-bottom:0;background:url(/Portals/0/images/common/logo_footer.png) center top no-repeat transparent;font-size:0.778rem;line-height:1;text-align:center;}

/* ===========================================================
 css for each skin
=========================================================== */
._1Column_3rd #skin{padding-top:97px;}
._1Column_3rd .header{background-color:#000;}

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

/* css-for-adminModules */
table.FileManager{font-size:16px;line-height:1.4;font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}
.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;}
table.tableSettings,
table.tableGrid.Settings,
div.divSettings{font-size:16px;line-height:1.6;font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}

/* 編集ナビ */
.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;}

/* コントロールパネル */
.controlPanelBody h2::before,
.controlPanelBody h2::after{display:none;}

/*ヘッダー固定解除*/
.editMode header.header,
form[action$="action=edit"] header.header,
form[action$="/?ctl=login"] header.header{position:relative;background-color:#222;}
.editMode #skin,
form[action$="action=edit"] #skin,
form[action$="/?ctl=login"] #skin{padding-top:0;}