@charset "utf-8";

@import "/Portals/0/css/basesmart.css";
@import "/Portals/0/css/contentsmart.css";

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

/* size settings */
html,
body{width:100%;min-width:1%;}

/* font settings */
body{font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Roboto","Droid Sans","Meiryo","sans-serif";font-weight:normal;font-size:14px;}

/* pc/sp settings */
.pcArea{display:none !important;}
.spArea{display:block !important;}
.controlPanel{display:none;}
img{max-width:100%;height:auto !important;}

/* ===========================================================
 skin
=========================================================== */
.inner{width:auto;padding:0 10px;}
.searchWrap{float:none;}
.skin2Columns .mainArea{float:none;width:100%;}
.skin2Columns .sideArea{float:none;width:100%;}

#skin.navOpen{overflow:auto;}
#main{margin:0 0 30px;line-height:1.6;}
#main .inner{padding:0 15px;}

p{margin:0 0 15px;padding:0;}
.skin2Columns .sideArea{margin:50px 0 0;}



/* ===========================================================
 header
=========================================================== */
#skin > header{position:relative;z-index:80;}
#skin > header .inner{min-width:inherit;max-width:inherit;}
.HeadPane{float:none;}

/* headTop
------------------------- */
.headTop{min-height:inherit;background-color:#fff;}
.headTop .left,
.headTop .right{float:none;}

/* --- left --- */
#skin .headTop .left{display:flex;height:44px;padding:0;align-items:center;justify-content:flex-start;}
#skin .headTop .left .logo{margin:0;padding:0;}
#skin .headTop .left .logo a{}
#skin .headTop .left .logo a img{display:block;width:167px;}

/* --- right --- */
.headTop .right{position:absolute;top:44px;left:100%;z-index:80;width:100%;transition:left 0.3s ease;}
.navOpen .headTop .right{left:0;}
/* searchWrap */
.searchWrap{overflow:hidden;position:relative;float:none;width:auto;height:60px;margin:0;padding:20px 60px 20px 15px;}
.searchWrap .placeholder{position:absolute;top:0;bottom:0;left:20px;height:24px;margin:auto;font-size:10px;line-height:24px;}
.searchWrap input.txtSearch{display:block;position:static;width:100%;padding:0;}
.searchWrap .searchBtn{display:block;position:absolute;top:0;right:25px;bottom:0;margin:auto;}

/* headBottom
------------------------- */
.headBottom{position:absolute;top:151px;left:100%;z-index:80;width:100%;background-color:#f7f7f7;transition:left 0.3s ease;}
.navOpen .headBottom{left:0;}



/* ===========================================================
 gNav(SEO)
=========================================================== */
#gNav{display:none!important;height:auto;}
#gNav .inner{padding:0;}
#gNav .tokenMenu{width:auto;margin:0;}
#gNav .tokenMenu ul{display:none;list-style:none;overflow:auto;position:static;float:none;width:auto;height:100%;margin:0;padding:0;}
#gNav .tokenMenu ul:before,
#gNav .tokenMenu ul:after{display:none;}
#gNav .tokenMenu ul li{float:none;padding:0;background-color:transparent;}
#gNav .tokenMenu ul li:before,
#gNav .tokenMenu ul li:after{display:none;}
#gNav .tokenMenu ul li a{display:block;position:relative;width:auto;height:auto;padding:0.875em 45px 0.875em 15px;border-bottom:1px solid #d7d7d7;background:none transparent;font-weight:bold;font-size:16px;line-height:1.4;text-indent:inherit;}
#gNav .tokenMenu ul li a:hover{opacity:0.75;text-decoration:none;}
#gNav .tokenMenu ul li a:not(.toggleSwitch):before{display:none;}
#gNav .tokenMenu ul li a:not(.toggleSwitch):after{content:"";display:block;position:absolute;top:0;right:19px;bottom:0;left:inherit;width:10px;height:14px;margin:auto;border:none;background:linear-gradient(45deg,transparent 40%,#333 40%,#333 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#333 40%,#333 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:left top,left bottom;}
/* toggleSwitch */
#gNav .tokenMenu ul li a.toggleSwitch:before,
#gNav .tokenMenu ul li a.toggleSwitch:after{content:"";display:block;position:absolute;top:0;right:15px;bottom:0;left:inherit;width:17px;height:3px;margin:auto;border:none;background-color:#1c4a94;transition:all 0.3s ease;}
#gNav .tokenMenu ul li a.toggleSwitch:before{}
#gNav .tokenMenu ul li a.toggleSwitch:after{transform:rotate(90deg);}
#gNav .tokenMenu ul li a.toggleSwitch.open:before{opacity:0;}
#gNav .tokenMenu ul li a.toggleSwitch.open:after{transform:rotate(180deg);}
/* current && parent */
#gNav .tokenMenu ul li.currentItem > a,
#gNav .tokenMenu ul li.parentItem > a{background-color:rgba(0, 102, 169, 1);color:#fff;}
#gNav .tokenMenu ul li.currentItem > a.toggleSwitch:before,
#gNav .tokenMenu ul li.parentItem > a.toggleSwitch:before,
#gNav .tokenMenu ul li.currentItem > a.toggleSwitch:after,
#gNav .tokenMenu ul li.parentItem > a.toggleSwitch:after{background-color:#fff;}
#gNav .tokenMenu ul li.currentItem > a:not(.toggleSwitch):before,
#gNav .tokenMenu ul li.parentItem > a:not(.toggleSwitch):before,
#gNav .tokenMenu ul li.currentItem > a:not(.toggleSwitch):after,
#gNav .tokenMenu ul li.parentItem > a:not(.toggleSwitch):after{background:linear-gradient(45deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:left top,left bottom;}

/* 1st */
#gNav .tokenMenu ul{display:block;}
#gNav .tokenMenu ul li a{border-bottom:1px solid rgba(0,0,0,0.25);background-color:#efefef;}

/* 2nd */
#gNav .tokenMenu ul ul{display:none;background-color:rgba(255,255,255,0.2);}
#gNav .tokenMenu ul ul li a{padding-left:calc(15px + 1em);background-color:transparent;color:#222;font-size:15px;}


/* 3rd */
#gNav .tokenMenu ul ul ul{margin:5px 0 0 1em;background-color:rgba(0,0,0,0.1);}
#gNav .tokenMenu ul ul ul li:last-child > a{border-bottom:none;}
#gNav .tokenMenu ul ul ul li a{padding-left:20px;border-bottom:1px solid rgba(0,0,0,0.25);font-weight:normal;font-size:14px;}
#gNav .tokenMenu ul ul ul li a:not(.toggleSwitch):after{width:8px;height:12px;background:linear-gradient(45deg,transparent 40%,#747474 40%,#747474 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#747474 40%,#747474 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:left top,left bottom;}
#gNav .tokenMenu ul ul ul li a.toggleSwitch:before,
#gNav .tokenMenu ul ul ul li a.toggleSwitch:after{width:14px;height:2px;background-color:#333;}

/* 4th */
#gNav .tokenMenu ul ul ul ul li a{font-size:13px;}


/* ===========================================================
 gNav(editer)
=========================================================== */
ul.editMenu{display:none;list-style:none;overflow:auto;position:static;float:none;width:auto;height:100%;margin:0;padding:0;}
ul.editMenu:before,
ul.editMenu:after{display:none;}
ul.editMenu ul{list-style:none;margin:0;padding:0;}
ul.editMenu li{float:none;padding:0;background-color:transparent;}
ul.editMenu li:before,
ul.editMenu li:after{display:none;}
ul.editMenu li a{display:block;position:relative;width:auto;height:auto;padding:0.875em 45px 0.875em 15px;border-bottom:1px solid #d7d7d7;background:none transparent;font-weight:bold;font-size:16px;line-height:1.4;text-indent:inherit;}
ul.editMenu li a:hover{opacity:0.75;text-decoration:none;}
ul.editMenu li a:not(.toggleSwitch):before{display:none;}
ul.editMenu li a:not(.toggleSwitch):after{content:"";display:block;position:absolute;top:0;right:19px;bottom:0;left:inherit;width:10px;height:14px;margin:auto;border:none;background:linear-gradient(45deg,transparent 40%,#333 40%,#333 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#333 40%,#333 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:left top,left bottom;}
/* toggleSwitch */
ul.editMenu li a.toggleSwitch:before,
ul.editMenu li a.toggleSwitch:after{content:"";display:block;position:absolute;top:0;right:15px;bottom:0;left:inherit;width:17px;height:3px;margin:auto;border:none;background-color:#1c4a94;transition:all 0.3s ease;}
ul.editMenu li a.toggleSwitch:after{transform:rotate(90deg);}
ul.editMenu li a.toggleSwitch.open:before{opacity:0;}
ul.editMenu li a.toggleSwitch.open:after{transform:rotate(180deg);}
/* current && parent */
ul.editMenu li.currentItem > a,
ul.editMenu li.parentItem > a{background-color:rgba(0, 102, 169, 1);color:#fff;}
ul.editMenu li.currentItem > a.toggleSwitch:before,
ul.editMenu li.parentItem > a.toggleSwitch:before,
ul.editMenu li.currentItem > a.toggleSwitch:after,
ul.editMenu li.parentItem > a.toggleSwitch:after{background-color:#fff;}
ul.editMenu li.currentItem > a:not(.toggleSwitch):before,
ul.editMenu li.parentItem > a:not(.toggleSwitch):before,
ul.editMenu li.currentItem > a:not(.toggleSwitch):after,
ul.editMenu li.parentItem > a:not(.toggleSwitch):after{background:linear-gradient(45deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:left top,left bottom;}

/* 1st */
ul.editMenu{display:block;}
ul.editMenu li a{border-bottom:1px solid rgba(0,0,0,0.25);background-color:#efefef;}

/* 2nd */
ul.editMenu ul{display:none;background-color:rgba(255,255,255,0.2);}
ul.editMenu ul li a{padding-left:calc(15px + 1em);background-color:transparent;color:#222;font-size:15px;}
ul.editMenu ul li a.toggleSwitch:before,
ul.editMenu ul li a.toggleSwitch:after{background-color:#333;}


/* 3rd */
ul.editMenu ul ul{margin:5px 0 0 1em;background-color:rgba(0,0,0,0.1);}
ul.editMenu ul ul li:last-child > a{border-bottom:none;}
ul.editMenu ul ul li a{padding-left:20px;border-bottom:1px solid rgba(0,0,0,0.25);font-weight:normal;font-size:14px;}
ul.editMenu ul ul li a:not(.toggleSwitch):after{width:8px;height:12px;background:linear-gradient(45deg,transparent 40%,#747474 40%,#747474 60%,transparent 60%,transparent 100%),linear-gradient(135deg,transparent 40%,#747474 40%,#747474 60%,transparent 60%,transparent 100%);background-size:100% 50%;background-repeat:no-repeat;background-position:left top,left bottom;}
ul.editMenu ul ul li a.toggleSwitch:before,
ul.editMenu ul ul li a.toggleSwitch:after{width:14px;height:2px;background-color:#333;}

/* 4th */
ul.editMenu ul ul ul li a{font-size:13px;}



/* ===========================================================
 breadcrumb
=========================================================== */
.breadcrumb{overflow:auto;margin:0 0 2em;background-color:#f8f8f8;font-size:12px;}
.breadcrumb .inner > span{display:flex;padding:5px 0 6px;flex-wrap:nowrap;justify-content:flex-start;}
.breadcrumb span a,
.breadcrumb span span{padding:0;}
.breadcrumb span a{color:#0066a9;}
.breadcrumb span a.breadcrumbItem,
.breadcrumb span span.breadcrumbItem{display:block;padding:0;white-space:nowrap;}
.breadcrumb span span.breadcrumbItem:last-child{padding-right:15px;}
.breadcrumb span span:not(.breadcrumbItem){margin:0 8px;}




/* ===========================================================
 footer
=========================================================== */
footer .inner{width:auto;min-width:inherit;max-width:inherit;padding:0 15px;}

/* footMiddle
------------------------- */
footer .footMiddle .inner{padding:0;}

/* footBottom
------------------------- */
footer .footBottom .FootBottomPane{float:none;}
footer .footBottom .copyright{opacity:1;float:none;margin:0 0 1em;font-size:10px;text-align:center;}

/* pagetop
------------------------- */
.pagetop{right:0;bottom:20px;z-index:40;width:auto;text-align:right;}
.pagetop a{display:inline-block;position:static !important;margin-left:0;}



/* ===========================================================
 /index.html
=========================================================== */
.skinIndex #main .contentBottom .inner{padding:0;}



/* ===========================================================
 sideMenu
=========================================================== */
.moduleMenu li a{overflow:hidden;}



/* ===========================================================
 ViewTabs
=========================================================== */
div.ViewTabs .ui-tabs-nav{display:flex;table-layout:inherit;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
div.ViewTabs .ui-tabs-nav:before,
div.ViewTabs .ui-tabs-nav:after{display:none;}
div.ViewTabs .ui-tabs-nav li{display:block;overflow:hidden;width:32%;margin:0 2% 2% 0;padding:0;}
div.ViewTabs .ui-tabs-nav li:nth-child(3n){margin-right:0;}
div.ViewTabs .ui-tabs-nav li a{padding:2px 0 1px;border-bottom-width:2px;}
div.ViewTabs .ui-tabs-nav li.ui-tabs-active a{padding:2px 0 1px;border-bottom-width:2px;}



/* ===========================================================
 newsList
=========================================================== */
.newsList{margin:0;padding:0 0 30px;}
.newsList li{display:flex;margin:0 0 15px;padding:0;flex-wrap:wrap;align-items:center;justify-content:flex-start;}
.newsList li:before,
.newsList li:after{display:none;}
.newsList .newsDate{letter-spacing:normal;}
.newsList .newsIcon{float:none;margin:0 0 0 10px;font-weight:normal;font-size:12px;}
.newsList .newsIcon span{padding:2px 0.5em 1px;}
.newsList .newsTitle{width:100%;margin:5px 0 0;padding:0 !important;font-size:13px;}



/* ===========================================================
 ulPaging
=========================================================== */
.ulList_vertical.ulPaging{display:flex;margin:0 0 15px;padding:0;justify-content:center;align-items:center;flex-wrap:wrap;}
.ulList_vertical.ulPaging:before,
.ulList_vertical.ulPaging:after{display:none;}
.ulList_vertical.ulPaging li{display:block;margin-bottom:6px;background-color:#f0f0f0;}



/* ===========================================================
 anchorList
=========================================================== */
.anchorList,
.cateTopArea .anchorList{display:flex;margin:0 0 15px;justify-content:space-between;align-items:stretch;}
.anchorList li,
.cateTopArea .anchorList li{width:100%;margin:0 0 10px;padding:0;}
.anchorList li:last-child{margin-bottom:0;}