@charset "utf-8";

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

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

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

/* font settings */
html,
body{color:#333;font-size:16px;line-height:1.6;}
body{font-family:"游ゴシック", "Yu Gothic", "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:1100px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 headBody
=========================================================== */
header{margin:0;padding:0; min-width:1000px; }
.headTop .inner:after{content:"";display:block;clear:both;}
.headTop .left{float:left;}
.headTop .right{float:right;}
.headTop:after{content:"";display:block;clear:both;}

/* logo */
.logo{margin:0;padding:0;}
.logo a{display:block;}

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

.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 ul li.Tab36{display:block;}
.tokenMenu ul ul{display:none;}

/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0 auto;padding:0;font-size:85%;}
.breadcrumb a{color:#666;text-decoration:none;}
.breadcrumb a:hover{color:#333;}
.pagetop{position:relative;}
.pagetop a{position:absolute;top:0;right:0;}

/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;}
.copyright{text-align:center;}

/* ===========================================================
 css for each skin
=========================================================== */
body:not(.adminMode) #skin > #header{position:fixed;width:100%;background-color:#fff;transition:all 0.25s; top:0;}
.headFixed.scrolled{box-shadow: 0 3px 4px 0 rgba(51,51,51,0.1);}

/* バーガーメニュー */
div.burgerMotion{position:fixed;top:80px; left:0; right:inherit; bottom:inherit; z-index:90;width:60px;height:60px;cursor:pointer;}
.adminMode div.burgerMotion{position:absolute; top:180px;}
/*ログイン画面*/.loginView .burgerMotion{display:none;}
div.burgerMotion p{position:relative;width:60px;height:60px;margin:0 auto;padding:0; background-color:#333333;}
header div.burgerMotion p span{top:0; bottom:10px;background-color:#fff;}
header div.burgerMotion p span:before{margin-top:-8px;background-color:#fff; width:100%; margin-left:0;}
header div.burgerMotion p span:after{margin-top:8px;background-color:#FFF; width:100%;margin-left:0;}
header div.burgerMotion.active p span{background-color:rgba(255, 255, 255, 0);transition:background 0.2s ease-in-out 0.0s;bottom:10px; transform:rotate(0deg);}
div.burgerMotion.active p span:before{transform:rotate(45deg);margin-top:0;transition:transform ease-in-out 0.2s 0.2s,margin ease-in-out 0.2s;}
div.burgerMotion.active p span:after{transform:rotate(-45deg);margin-top:0;transition:transform ease-in-out 0.2s 0.2s,margin ease-in-out 0.2s;}
div.burgerMotion p:after{content:"MENU";position:absolute;bottom:2px; left:0; right:0;transform:scale(0.8, 0.8);margin:auto;color:#999;color:#fff;font-weight:bold;font-size:9px;text-align: center;}
div.burgerMotion.active p:after{content:"CLOSE";transition:transform ease-in-out 0.25s 0.25s;}
/* バーガーメニュー内 */
div.headBottom{z-index:10;}
.headBottom .globalNavi{display:none; position:fixed; top:80px; left:0; right:inherit; bottom:inherit; z-index:10; width:320px; overflow-y:auto; height:calc(100% - 80px);}
.adminMode .headBottom .globalNavi{top:180px; height:auto; position:absolute;}
.navOpen .headBottom .globalNavi{display:block;}
.navOpen .headBottom:before{content:""; display:block; position:absolute; top:0; left:0; width:303px; height:60px; background-color:#333333; z-index:11;}
.adminMode .navOpen .headBottom:before{display:none;}
.headBottom .globalNavi > ul{background-color:#333333;  padding:60px 0 1em 0; width:100%;}
/*.navOpen .headBottom .globalNavi > ul{display:block; }*/
/*.adminMode .headBottom .globalNavi > ul{position:static; top:inherit; left:inherit; z-index:inherit; display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row; width:100%;margin:0; padding:0; flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap; justify-content:center;-webkit-justify-content:center;-ms-justify-content:center;-moz-justify-content:center;}*/
/* 1階層目 */
.globalNavi ul{ padding:0; margin:0;}
.globalNavi li{list-style-type:none; padding:0; margin:0;  color:#fff;}
.globalNavi ul a{display:block; background-color:#333333; color:#fff; font-size:100%; padding:0.5em 0.5em 0.5em 40px; font-weight:bold; text-align:left; position:relative; text-decoration:none;}
.globalNavi ul a:hover{background-color:#a52a2a; text-decoration:none; }
.globalNavi ul a:before,
.globalNavi ul a:hover:before{content:"";display:block;position:absolute;top:1em;bottom:inherit;left:22px;right:inherit;width:0;height:0;margin:auto;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #fff;border-style:solid;background:none;}
.globalNavi ul span{display:block; color:#fff; font-size:100%; padding:0.5em 0.5em 0.5em 40px; font-weight:bold; text-align:left; position:relative; text-decoration:none;}
/* 2階層目以降 */
.globalNavi li li{margin:0 0 0 1em;}
/*.adminMode .globalNavi li li{display:none;}*/
/* 非リンク */
.globalNavi ul a[href="#"],
.globalNavi ul a[href="#"]:hover{background-color:inherit; opacity:1; cursor:default; }
.globalNavi ul a[href="#"]:before,
.globalNavi ul a[href="#"]:hover:before{display:none;}

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