@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:#000;font-size:15px;line-height:1.6;}
body{font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "sans-serif";}

/* 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
=========================================================== */
header{margin:0;padding:0;}
.headTop{background-color:#FFF; border-bottom:1px solid #000000;}
.headTop .inner{width:100%;}
.headTop .inner:after{content:"";display:block;clear:both;}
.headTop .left{float:left; width:400px;}
.headTop .right{float:right;width:auto;}
.headTop .right:after{content:"";display:block;clear:both;}
/*1300px以下*/
@media screen and (max-width:1430px) {
.headTop .inner{min-width:1430px;}
}


/* logo */
.logo{margin:22px 0 0 17px; padding:0; width:160px; float:left;}
.logo a{display:block;}
.logo a > img{vertical-align:top;}

/* HeadTxtPane" */
.HeadTxtWrap{display:block; width:calc(100% - 180px); float:left;}
.HeadTxtPane{}
.logoCopy{width:100%;margin:0; padding:26px 0 0 15px;}
.logoCopy span{margin:0; padding:0; display:block; width:155px; height:39px; overflow:hidden; border-radius:10px 0 10px 0;}
.adminMode .logoCopy{padding-top:0;}

/* HeadTopPane */
.HeadTopPane{float:right;}
/*gNav*/
#gNav{height:auto; margin:20px 25px 0 0; padding:0; float:right;}
#gNav:after{content:"";display:block;clear:both;}

/*btnHead*/
.btnHead{display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row; flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap; width:100%; margin:0; padding:0;}
.btnHead li{display:block; list-style-type:none; padding:0; margin:0; }
.btnHead li a{width:90px; height:90px; text-align:center; color:#fff; display:block; padding:20px 0 0 0;}
.btnHead li a:hover{text-decoration:none;}
.btnHead li a span{display:block;}
.btnHead li a .txt{line-height:1em;}
.btnHead .search .txt,
.btnHead .contact .txt,
.btnHead .recruit .txt{margin-top:0.5em; font-size:93%; }
.btnHead .search{background-color:#555555;}
.btnHead .contact{background-color:#333333;}
.btnHead .recruit{background-color:#000000;}
.btnHead .catalog{background-color:#b5012e;}
.btnHead .search:hover{background-color:#959595;}
.btnHead .contact:hover{background-color:#808080;}
.btnHead .recruit:hover{background-color:#626262;}
.btnHead .catalog:hover{background-color:#ce627d;}
/* searchWrap */
.headBottom .bottomRight{float:right;}
.searchWrap .btnSearch{width:90px; height:90px; text-align:center; color:#fff; display:block; padding:53px 0 0 0; font-size:93%;}
.searchWrap .btnSearch{background:#555555 url(/Portals/0/images/common/btn_search.png) center 20px no-repeat;}
.searchWrap .btnSearch:hover{background:#959595 url(/Portals/0/images/common/btn_search.png) center 20px no-repeat;}
.searchWrap .areaSearch{display:none; position:absolute; width:360px; left:0; top:91px; background-color:rgba(0,0,0,0.6); padding:1em 1.5em; }
.searchWrap .closeSearch{content:""; display:inline-block; width:20px; height:28px; background:url(/Portals/0/images/common/closeSearch.png) center center no-repeat; cursor:pointer; margin:0 1em 0 0; overflow:hidden; white-space:nowrap; text-indent:110%;}
.searchWrap.active .areaSearch{display:block;}
.searchWrap{position:relative;float:left;/*width:210px;height:30px;*/margin:0;}
.searchWrap input[type="text"]{/*position:absolute;top:0;left:0;*/width:200px;height:28px;margin:0;padding:2px 3px;border:1px solid #ccc;outline:none;line-height:2.0px; vertical-align:top;}
.searchWrap a{display:block;float:right;width:60px;height:28px;border:none;border-radius:2px;background:#e50039;line-height:1.8;text-align:center; color:#FFF; font-weight:500; text-decoration:none;}
.searchWrap a:hover{background-color:#ef6688; text-decoration:none;}
.placeholder{position:absolute;color:#999; top:1.2em; left:4.5em;}


/* ===========================================================
 gNav
=========================================================== */
.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;}
/*初期値*/
.tokenMenu ul li.Tab36 > a{display:none;}
/* 1階層(2階層から表示) */
.tokenMenu ul li.Tab36 > ul,
.tokenMenu ul li.Tab70,
.tokenMenu ul li.Tab71,
.tokenMenu ul li.Tab73,
.tokenMenu ul li.Tab82,
.tokenMenu ul li.Tab83,
.tokenMenu ul li.Tab84{display:block;}
.tokenMenu ul li.Tab36 > ul{width:100%;margin:0;padding:0; display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row; 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;}
/* 2階層目 */
.tokenMenu > ul > li > ul > li{position:relative; z-index:1;}
.tokenMenu > ul > li > ul > li > a{display:block;padding:1em 0.8em; height:60px; color:#222;font-weight:500; text-align:center; font-size:108%;position:relative;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
.tokenMenu > ul > li > ul > li > a:hover{text-decoration:none;}
.tokenMenu > ul > li > ul > li > a:hover:before,
.tokenMenu > ul > li > ul > li.currentItem > a:before{content:""; display:block; width:20px; height:2px; background-color:#e50039; position:absolute;　top:inherit; bottom:12px; left:0; right:0; margin:auto;}

/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0 auto;padding:0;font-size:85%;}
.breadcrumb .inner{padding:1.5em 0; text-align:right;}
.breadcrumb span > span{margin:0 0.5em; color:#b2b2b2;}
.breadcrumb span.breadcrumbItem{color:#333;}
.breadcrumb a{color:#333;text-decoration:none;}
.breadcrumb a:hover{color:#e50039;}
.pagetop{display:none; position:relative;background-color:#000000; width:100%; height:39px; top:inherit; bottom:0; text-align:center; padding:0;}
.pagetop.in{display:block;}
.pagetop a{margin:auto; display:block; width:140px; height:100%; background:url(/Portals/0/images/common/pagetop.png) center center no-repeat; overflow:hidden; white-space:nowrap; text-indent:110%;}

/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;}
.copyright{text-align:center; font-size:86%; padding:1.5em 0 2.5em;}

/* foot */
.footTop{}
.footMiddle{background-color:#e50039; }
.linkFoot.layoutItem{margin:0; padding:2em 0 0.7em;}
.linkFoot > *{float:none;margin-left:5em;margin-bottom:0;}
.linkFoot > *:first-child{margin-left:0;}
.linkFoot a{color:#FFF; font-size:115%;font-weight:500;}
.linkFoot a span{margin-left:0.5em;}
.linkFoot a span img{vertical-align:middle;}

/* ===========================================================
 css for each skin
=========================================================== */
._2Columns .contentMiddle .inner:after{content:"";display:block;clear:both;}
._2Columns .sideArea{float:left;width:250px;}
._2Columns .mainArea{float:right;width:710px;padding-bottom:4em; min-height:1000px;}
._1Column .mainArea{padding-bottom:4em;}

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