@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:#333;font-size:13px;line-height:1.6;}
body{font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}

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

img{max-width:100%;}

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

/* ===========================================================
 headBody
=========================================================== */
#header{position:fixed;top:0;z-index:90;width:100%;margin:0;padding:0;background:rgb(0,159,232);background:-moz-linear-gradient(top, rgba(0,159,232,1) 0%, rgba(23,29,93,1) 100%);background:-webkit-linear-gradient(top, rgba(0,159,232,1) 0%,rgba(23,29,93,1) 100%);background:linear-gradient(to bottom, rgba(0,159,232,1) 0%,rgba(23,29,93,1) 100%);}
.adminMode #header{position:static;}
.headTop .inner:after{content:"";display:block;clear:both;}
.headTop .left{float:left;}
.headTop .right{display:flex;float:right;margin-top:25px;}
#header .hlink{}
#header .hlink ul{}
#header .hlink ul li{margin-left:15px;}
#header .hlink ul li.mix{margin-left:20px;}
#header .hlink ul li.entry{}
#header .hlink ul li.contact{}
#header .hlink ul li a{color:#fff;line-height:25px;}
#header .hlink ul li a:before{content:"";display:inline-block;margin-right:5px;}
#header .hlink ul li.mix a{}
#header .hlink ul li.entry a{}
#header .hlink ul li.contact a{}
#header .hlink ul li.mix a:before{transform:rotate(45deg);width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;vertical-align:middle;}
#header .hlink ul li.entry a:before{width:18px;height:16px;background:url(/Portals/0/images/common/ico_entry.png) 0 0 no-repeat;vertical-align:text-top;}
#header .hlink ul li.contact a:before{width:13px;height:13px;background:url(/Portals/0/images/common/ico_contact.png) 0 0 no-repeat;vertical-align:middle;}
.headTop .right:after{content:"";display:block;clear:both;}
.headLogin{display:none;padding:15px 0;background-color:#f2f6fa;}
.adminMode .headLogin{display:block;}

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

/* search */
.hSearch .SearchInput.submitArea input[type="text"]{width:205px;height:25px;padding:2px 30px 2px 5px;border:none;background-color:rgba(255,255,255,0.3);color:#fff;}
.hSearch .SearchInput.submitArea{position:relative;padding:0;}
.hSearch .SearchInput.submitArea input[type="submit"]{overflow:hidden;position:absolute;top:0;right:0;width:26px;height:25px;margin:0;padding:0;border:none;background:url(/Portals/0/images/common/ico_magnify.png) center center no-repeat;white-space:nowrap;text-indent:200%;}


.ContentPane .searchWrap{padding:2em;background-color:rgba(0,0,0,0.03);}
.ContentPane .searchWrap > div{display:flex;align-items:center;flex-flow:wrap;}
.ContentPane .searchWrap > div:after{display:none;}
.ContentPane .searchWrap .SearchInput.submitArea{position:relative;width: 47%;padding:0;}
.ContentPane .searchWrap .SearchInput.submitArea input[type="submit"]{overflow:hidden;position:absolute;top:0;right:0;width:30px;height:30px;margin:0;padding:0;border:none;background:url(/Portals/0/images/common/ico_magnify_blue_sp.png) center center no-repeat;background-size:15px;white-space:nowrap;text-indent:200%;}
.ContentPane .searchWrap .SearchInput.submitArea input[type="text"]{width: 80%;height:30px;padding:2px 30px 2px 5px;border:1px solid #004ea2;}
.ContentPane .searchWrap .SearchInput.searchCheckBoxArea{display:flex;width: 49%;margin:0 0 0 25px;padding:0 0 0 20px;border-left:1px dashed #aaa;align-items:center;}
.ContentPane .searchWrap .SearchInput.searchCheckBoxArea:before{content:"絞込検索：";display:block;font-weight:bold;}
.ContentPane .searchWrap .SearchInput.searchSearch2Area{width:100%;margin-top:20px;text-align:center;}

.ContentPane .searchWrap .SearchInput.searchSearch2Area input{padding:0.5em 2em;border:none;background-color:rgb(0, 78, 162);color:#fff;transition:all 0.25s;}

.ContentPane .searchWrap .SearchInput.searchSearch2Area input:hover{opacity:0.8;}


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

.tokenMenu > ul{display:flex;padding:0;justify-content:space-around;}
.tokenMenu > ul > li{display:none;list-style-type:none;position:relative;margin:0;padding:0;flex-grow:1;flex-shrink:1;}
.tokenMenu > ul > li:before{content:"";display:block;position:absolute;top:11px;left:0;width:1px;height:1em;background-color:#aaa;}
.tokenMenu > ul > li:first-child:before{display:none;}
.tokenMenu > ul > li.Tab1426,
.tokenMenu > ul > li.Tab1428,
.tokenMenu > ul > li.Tab1429,
.tokenMenu > ul > li.Tab1430,
.tokenMenu > ul > li.Tab1431,
.tokenMenu > ul > li.Tab1432,
.tokenMenu > ul > li.Tab1433,
.tokenMenu > ul > li.Tab1434{display:block;}
.tokenMenu > ul > li > a{display:block;overflow:hidden;position:relative;width:100%;height:100%;padding:10px 0 15px;color:#fff;font-weight:bold;font-size:106%;line-height:1.3;text-decoration:none;text-align:center;vertical-align:inherit;}
.tokenMenu > ul > li > a:before{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:5px;background:#f3f8fa;transition:all 0.25s;}
.loginMode .tokenMenu > ul > li > a:before{background-color:#fff;}
.tokenMenu > ul > li > a:after{content:"";}
.tokenMenu > ul > li > a.currentLink:before,
.tokenMenu > ul > li > a.parentLink:before,
.tokenMenu > ul > li > a:hover:before{bottom:0;}

.tokenMenu > ul > li > ul{display:none;}

/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0 auto 10px;padding:0;color:#888;font-size:12px;}
.breadcrumb a{color:#888;text-decoration:none;}
.breadcrumb .breadcrumbItem{margin:0 5px;}
.breadcrumb .breadcrumbItem[href="/"]{margin-left:0;}
.breadcrumb a:hover{color:#333;}
.pagetop{position:relative;}
.pagetop a{position:absolute;top:0;right:0;}

/* ===========================================================
 footBody
=========================================================== */
#footer{margin:0;padding:0;}
.footTop{position:relative;background-color:#c2d6e8;}
.pagetop{position:relative;right:0;bottom:0;left:0;z-index:50;width:100%;margin:0 auto;padding:0;}
.adminMode .pagetop{max-width:1200px;}
.pagetop a{overflow:hidden;position:absolute;top:-50px;right:0;width:50px;height:50px;background:url(/Portals/0/images/common/pagetop.png) 0 0 no-repeat;white-space:nowrap;text-indent:150%;transition:all 0.3s;}
.pagetop a:hover{opacity:0.8;}
.footBottom{background-color:#004ea2;}
ul.footnav{display:flex;list-style:none;padding:15px 0;justify-content:space-around;}
ul.footnav li{padding:0;}
ul.footnav li a{color:#000;}

.copyright{padding:10px 0;color:#fff;text-align:center;}

/* ===========================================================
 css for each skin
=========================================================== */
#main{padding-top:124px;}
.adminMode #main{padding-top:0;}
#PageBody{margin:20px auto 60px;}
._Index #main > .inner{display:flex;}
._Index .mainArea{overflow:hidden;width:570px;margin-right:15px;background:#fff;}
._Index .leftArea{width:200px;margin-right:15px;order:-1;}
._Index .rightArea{width:200px;}
._2Columns #main > .inner{display:flex;}
._2Columns .mainArea{float:none;width:780px;margin-right:20px;padding:10px;background-color:#fff;}
._2Columns .sideArea{float:none;width:200px;}
._1Column .mainArea{padding:10px;background-color:#fff;}

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

.adminMode #dnn_ctr_ManageTabs_lblAnyUrl{display:block;padding:0 0 0.25em;border-bottom:1px dotted #999;font-weight:bold;word-break:break-all;}