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

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

a,
a:before,
a:after,
img{backface-visibility:hidden;}

/* ===========================================================
 skin
=========================================================== */
#skin{overflow:hidden;}
#blockskip{display:none;}
.inner{width:1000px;margin:0 auto;}
.inner:after{content:'';display:block;clear:both;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

.HeadNavPane,
.HeadBottomSpPane,
.HeadBottomSpEnPane,
.SearchSpPane{display:none;}

.admin .HeadNavPane,
.admin .HeadBottomSpPane,
.admin .HeadBottomSpEnPane,
.admin .SearchSpPane{display:block;}

/* ====== Header ====== */
#header{position:relative;}

/* ====== Header logo ====== */
.headTop h1{position:static;border:none;background-color:transparent;}
.headTop h1:before,
.headTop h1:after{display:none;}
.headTop h1.logo{float:left;margin: 18px 0 10px;padding:0;width:80px;height:60px;}
.headTop h1.logo a,
.headTop h1.logo img{display:block;}

/* ====== Header link ====== */
.headTop .headWrap{float:right;width:490px;}
.headTop .headWrap ul.headerLink{display:flex;justify-content:space-between;align-items:center;margin: 0 0 0 auto;padding: 18px 0 5px 0;width:192px;list-style:none;}
.headTop .headWrap ul.headerLink li{display:inline-block;margin: auto 0 0;padding:0;vertical-align: bottom;line-height: 14px;}
.headTop .headWrap ul.headerLink li.twitterBtnPc{margin:0;}
.headTop .headWrap ul.headerLink li a{display:inline-block;position:relative;margin:0;padding:0 16px 0 0;line-height:1;}
.headTop .headWrap ul.headerLink li a:after{content:'';position:absolute;right:0px;top:0px;bottom:0;margin:auto;width: 8px;height: 8px;border-right:2px solid #0074be;border-top:2px solid #0074be;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}

.headTop .headWrap ul.headerLink li.twitterBtnPc a{display:block;padding:0;}
.headTop .headWrap ul.headerLink li.twitterBtnPc a:after{display:none;position:static;}

.headTop .headWrap ul.headerLink li.invalid a{color:#ccc;pointer-events:none;}
.headTop .headWrap ul.headerLink li.invalid a:after{border-color:#ccc #ccc transparent transparent;}

/* ====== gNavPane ====== */
.gNav{background-color:#0074be;}
.gNav .tokenMenu{position: relative;z-index:90;}

/* ====== megamenu ====== */
.megaMenuBox .MegaMenu01Pane,
.megaMenuBox .MegaMenu02Pane,
.megaMenuBox .MegaMenu03Pane,
.megaMenuBox .MegaMenu04Pane,
.megaMenuBox .MegaMenu05Pane,
.megaMenuBox .MegaMenu06Pane{width:1000px;margin:0 auto;}
.megaMenuBox div[class^="MegaMenu"] .megamenuWrap{display:none;position: absolute;top: 100%;left: 50%;z-index:85;transform: translateX(-50%);}
/* 編集時メガメニュー用 */
.previewMode .megaMenuBox div[class^="MegaMenu"],
.adminMode .megaMenuBox div[class^="MegaMenu"]{border:none!important;}
.previewMode .megaMenuBox div[class^="MegaMenu"] > span.PaneName,
.adminMode .megaMenuBox div[class^="MegaMenu"] > span.PaneName,
.previewMode .megaMenuBox div[class^="MegaMenu"] > span.PaneName + div > span,
.adminMode .megaMenuBox div[class^="MegaMenu"] > span.PaneName + div > span,
.previewMode .megaMenuBox div[class^="MegaMenu"] > span.PaneName + div > .zeroTitle,
.adminMode .megaMenuBox div[class^="MegaMenu"] > span.PaneName + div > .zeroTitle{display:none;}

/* ====== indexContentTop ====== */
.indexContentTop{background-color:#d0e9f9;}

/* ====== indexContentBottom ====== */
.indexContentBottom{background-color:#e3f1fa;}

/* ====== breadcrumb ====== */
.breadcrumb{margin:1.7857rem 0;}
.breadcrumb .breadcrumbItem{margin:0 0.25rem;}
.breadcrumb .breadcrumbItem:first-child{margin-left:0;}

/* ====== contentBottom ====== */
.contentBottom{background-color:#eee;}

/* ====== footTop ====== */
#footer{position:relative;}
.skin1Column #footer,
.skin2Columns #footer{margin-top:60px;}

/* ====== footTop ====== */
.footTop{background-color:#0067a9;}

/* ====== footMiddle ====== */
.footMiddle{background-color:#0067a9;}

/* ====== footBottom ====== */
.footBottom{background-color:#0074be;}

/* ====== pagetop ====== */
p.pagetop{position:absolute;bottom:100%;left:0;right:0;width:1000px;margin:auto;}
p.pagetop.in a{opacity:0.5;}
p.pagetop.in.fix a{opacity:1;}
p.pagetop:after{content:"";display:block;clear:both;}
p.pagetop a{display:block;position: absolute;right: 0;bottom: 0;overflow:hidden;width: 100px;height: 25px;background-color:#0067a9;text-indent:200%;white-space:nowrap;}
p.pagetop a:before{content:"";display:block;position:absolute;top: 4px;right:0;left:0;width:20px;height:15px;margin:auto;background:url(/Portals/0/images/common/ico_pagetop.png) 0 0 no-repeat;background-size:cover;transition:top 0.3s;}
p.pagetop.fix a:before{top:8px;}
p.pagetop a:hover{background-color:#2082C0;}
p.pagetop.in a:hover{opacity:1;}

/* ====== copyright ====== */
.copyright p{margin:0 auto;padding:2.5rem 0;font-size:0.786rem;line-height:1.2;color:#999;text-align:center;}


/* ===========================================================
 skin - 2Columns
=========================================================== */
.skin2Columns .columnArea{display:flex;justify-content:space-between;}
.skin2Columns .mainArea{width:720px;}
.skin2Columns .sideArea{width:230px;}

/* ===========================================================
 skin - english
=========================================================== */
.LogoEnPane{float:left;width:420px;}
.LogoEnPane h1{margin:18px 0 10px;padding:0;width:80px;height:60px;}

/* ===========================================================
 css for admin
=========================================================== */
/* css-for-adminModules */
.controlPanel a{transition:none;}

/* 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{color:#FFF;background-color:#4369af;padding:1px 4px;font-size:0.714rem;border-radius:0 0 6px 6px;}