@charset "utf-8";

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

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


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

/* font settings */
html,
body{color:#333;font-weight:500;font-size:16px;line-height:1.8;}
body{overflow-x:hidden;font-family:YuGothic,Yu Gothic,"メイリオ","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{/*position:fixed;top:0;*/z-index:100;width:100%;min-width:1100px;margin:0;padding:0;}
#skin > header .headWrap{display:flex;z-index:11;background:#fff;}
.header > .inner{display:block;}
.headWrap .headTopWrap{display:flex;width:1000px;margin:0 auto;justify-content:space-between;}
.headRight{}
.headTop .headRight{width:830px;}
.header .headTop{display:flex;width:100%;padding:15px 0 0 0;justify-content:flex-end;}
.header .headTop > div{margin-left:20px;}
.header .headTop > div.HeadRightPane,
.header .headTop > div.HeadRightENPane,
.header .headTop > div.HeadRightTWPane{display:flex;margin-left:0;align-items:flex-start;}
.headBottom{background:#002875;}

.header .searchOften{display:inline-block;overflow:hidden;width:20px;min-width:20px;height:30px;margin-left:10px;padding:0;background-color:transparent;background-image:url(/Portals/0/images/common/ico_seachResult.png);background-repeat:no-repeat;background-position:center;white-space:nowrap;text-indent:100%;cursor:pointer;}


.adminMode #skin > header{position:static;}
.adminMode header + *{padding-top:0;}

/* burgerMotion */
.burgerMotion{display:none;}

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

/* searchWrap */
.searchWrap{display:block;position:relative;float:none;width:200px;height:30px;margin:0;padding:0;border:1px solid #ccc;background:transparent;}
.searchWrap .placeholder{position:absolute;padding:1px 6px;color:#3f3f3f;}
.searchWrap input[type="text"]{display:block;top:0;left:0;width:100%;height:100%;margin:0;padding:4px 30px 4px 5px;border:none;color:#3f3f3f;}
.searchWrap > a.searchBtn,
.searchWrap .SearchInput.submitArea .submitBtn_S.notice{display:block;overflow:hidden;position:absolute;top:0;right:10px;bottom:0;width:15px;height:15px;margin:auto;padding:0;border:none;background:url(/Portals/0/images/common/ico_magnifier.png) center center no-repeat transparent;white-space:nowrap;text-indent:200%;}

.allWrap{z-index:15;background:#fff;}
.allWrap .left{position:relative;left:0;width:320px;margin:0;padding:0;}
.innerWrap .headRight .HeadLeftPane{display:inline-block;}
.innerWrap .headRight .TopWrap{display:inline-block;}
.innerWrap .headRight .inner{display:flex;width:100%;min-width:980px;max-width:1000px;margin:0;justify-content:space-between;}

.allWrap .TopWrap{display:flex;width:100%;height:auto;margin-top:0;justify-content:space-between;align-items:center;}
.headRight > .inner{display:flex;width:780px;justify-content:space-between;align-items:center;}

.headBottom .Head01SpPane,
.headBottom .Head02SpPane,
.headBottom .Head03SpPane,
.headBottom .Head02SpTWPane,
.headBottom .Head03SpTWPane,
.headBottom .Head02SpENPane,
.headBottom .Head03SpENPane{display:none;}
/* adminMode */
.adminMode .headBottom .Head01SpPane,
.adminMode .headBottom .Head02SpPane,
.adminMode .headBottom .Head03SpPane,
.adminMode .headBottom .Head02SpTWPane,
.adminMode .headBottom .Head03SpTWPane,
.adminMode .headBottom .Head02SpENPane,
.adminMode .headBottom .Head03SpENPane{display:block;position:static;}
/* ===========================================================
 TopPane
=========================================================== */
.previewMode .NavPane,
.viewMode .NavPane,
.previewMode .NavTWPane,
.viewMode .NavTWPane,
.previewMode .NavENPane,
.viewMode .NavENPane{position:absolute;right:0;left:0;margin:auto;}
/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:5px auto 0;padding:0;}
.tokenMenu > ul > li > ul > li > a{text-decoration:none;}
/* ===========================================================
 content
=========================================================== */
/* PagetitlePane */
.PagetitlePane{z-index:1;}
/* TopPane */
.TopWrap{display:flex;position:relative;width:100%;margin-top:20px;justify-content:space-between;align-items:flex-start;}
.TopWrap .sliderLeft{position:relative;width:779px;}
.TopWrap .sliderRight{width:320px;margin-left:1px;}

/*--- bgBlue ---*/
.bgBlue{background-color:#002875;}

/*--- breadcrumb ---*/
.breadcrumb{margin:0 auto;padding:10px 0 10px;line-height:1;}
.breadcrumb .inner > span{display:block;}
.breadcrumb .inner > span > *{display:inline-block;margin:0 5px 0 0;font-size:86.7%;vertical-align:middle;letter-spacing:normal;}
.breadcrumb a{color:#002875;text-decoration:underline;}
.breadcrumb a:hover{color:#333;text-decoration:underline;}
.breadcrumb .inner > span > span:not(.breadcrumbItem){overflow:hidden;position:relative;width:10px;height:12px;white-space:nowrap;text-indent:200%;}
.breadcrumb .inner > span > span:not(.breadcrumbItem):before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;transform:rotate(135deg);width:8px;height:8px;margin:auto;border:1px solid #ccc;border-right:none;border-bottom:none;}

/* ===========================================================
 footBody
=========================================================== */
.footer{margin:0;padding:0;}
.footerTop{background:#002875;}
/*--- pagetop ---*/
.footer .pagetop{position:fixed;right:40px;bottom:40px;z-index:1;width:50px;height:50px;}
.footer .pagetop a{display:block;overflow:hidden;position:relative;width:40px;height:40px;border-radius:50%;background-color:#29539c;color:#fff;white-space:nowrap;text-indent:200%;}
.footer .pagetop a:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);width:15px;height:15px;margin:auto;border-top:3px solid #fff;border-right:3px solid #fff;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box;}
.footer .pagetop a:hover{}

/*--- copyright ---*/
.copyright{padding:0 0 10px;color:#333;font-size:73.3%;text-align:center;}

/* ===========================================================
 css for each skin
=========================================================== */
.skin1Column .contentMiddle,
.skin2Columns .contentMiddle{padding:50px 0 120px;}
.skin2Columns .contentMiddle .inner{display:flex;flex-direction:row-reverse;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.skin2Columns .sideArea{width:250px;}
.skin2Columns .mainArea{width:800px;}

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

/* ペイン名 */
.PaneName{font-size:12px;line-height:13px;}

/* 管理画面 */
span[id$="lblAnnouncement"]{word-break:break-all;}