@charset "utf-8";

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


/* ===========================================================
 html
=========================================================== */
body{background:#fff;}
body._infoCMS._Zero{background:transparent;}

/* font settings */
body{font-size:14px;line-height:1.5;}
body{font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}
body,
body a{color:#272727;}
a:hover{text-decoration:underline;}


/* ===========================================================
 skin
=========================================================== */
#ic-skin{}
#icsk-blockskip{display:none;}
.icsk-inner{padding:0 60px;}
body._infoCMS._admin #ic-skin{padding:50px 85px 50px 0;transition:padding 0.25s ease-in-out;}
body._infoCMS._admin.openMode #ic-skin{padding-right:250px;}

@media screen and (max-width: 375px) {
    body._infoCMS._admin #ic-skin{padding:50px 0;}
}


/* ===========================================================
 header
=========================================================== */
#icsk-header{padding:0;transition:all ease-in-out 0.25s;}
#icsk-header .icsk-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding-top:25px;padding-bottom:10px;box-shadow:0 0 1em 1em rgba(0,0,0,0.05);}
#icsk-header .icsk-inner .icsk-logo{flex-shrink:0;width:250px;margin-right:auto;}
#icsk-header .icsk-inner .icsk-logo a{display:block;}
#icsk-header .icsk-inner .icsk-logo a img{max-width:100%;transition:all ease-in-out 0.25s;}
#icsk-header .icsk-inner .icsk-logo a img:hover{opacity:0.75;}
#icsk-header .icsk-inner .HeadPane{width:50%;}
#icsk-header .icsk-inner .icsk-search{display:flex;flex-shrink:0;width:250px;padding-left:1%;justify-content:space-between;align-items:stretch;}
#icsk-header .icsk-inner .icsk-search input[type="text"]{display:block;width:70%;padding: 0.25em 0.5em;line-height:1.1;border:1px solid transparent;border-radius:3px 0 0 3px;outline:none !important;background:#e7e7e7;cursor:text;transition:border ease-in-out 0.25s;}
#icsk-header .icsk-inner .icsk-search input[type="text"]:hover{border:1px solid #c3d600;}
#icsk-header .icsk-inner .icsk-search a{display:flex;justify-content:center;align-items:center;width:30%;font-size:85%;color:#272727;text-decoration:none;background:#c3d600;border:none;border-radius:0 3px 3px 0;transition:background ease-in-out 0.25s;}
#icsk-header .icsk-inner .icsk-search a:hover{background:#909e00;}
#icsk-header .icsk-inner .icsk-gnav{width:100%;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu ul{margin:0;padding:0;list-style:none;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu ul li{position:relative;margin:0;padding:0;list-style:none;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu ul li a{display:block;line-height:1.2;color:#272727;text-decoration:none;word-break:break-all;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu ul li a.currentLink{cursor:default;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul li a:hover{color:#909e00;text-decoration:underline;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul{display:flex;padding:0.75em 0;flex-wrap:wrap;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>a{padding:0.5em 1.5em 1em;text-decoration:none;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>a:hover{text-decoration:none;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>a:before{content:"";position:absolute;top:calc(100% - 5px);left:0;right:0;display:block;width:0;height:3px;margin:auto;background:#c3d600;transition:width 0.25s ease-in-out;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>a.currentLink:before,
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>a.parentLink:before,
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>a:hover:before{width:1.5em;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul{position:absolute;top:100%;left:0;display:none;width:200px;background:#fff;box-shadow:0em 1em 0.9em 0.5em rgba(0,0,0,0.05);z-index:1;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li:hover>ul{display:block;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li{padding:0.35em 0;border-top:1px solid #d7d7d7;transition:background 0.25s ease-in-out;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li:first-child{border-top:none;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li.parentItem,
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li.currentItem,
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li:hover{background:#f7f7f7;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>a{padding:0.5em 1em 0.5em 1.5em;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li a{border-radius:3px 0 0 3px;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li a.currentLink{color:#909e00;background:#e4e8b5;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul{padding:0.15em 0 0.5em 1.5em;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li{padding:0.25em 0;border-top:1px dashed #d7d7d7;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li:first-child{border:none;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>a{padding:0.35em 0.75em 0.35em 1.25em;font-size:90%;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>a:before{content:"";position:absolute;top:1em;left:0.25em;width:7px;height:3px;background:#c3d600;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>a.currentLink:before,
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>a:hover:before{background:#909e00;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>ul{padding:0 0 0.5em 1.5em;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>ul>li>a{padding:0.25em 0.5em 0.25em 0.75em;font-size:85%;color:#777;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>ul>li>a:before{content:"";position:absolute;top:0.75em;left:0;width:3px;height:3px;background:#979797;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>ul>li>a.currentLink:before,
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li>ul>li>a:hover:before{background:#909e00;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li ul{padding:0.25em 0 0.5em 1.5em;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li ul li ul li{border-top:none;}
#icsk-header .icsk-inner .icsk-gnav .tokenMenu>ul>li>ul>li>ul>li ul li ul li a{padding:0.15em 0.15em 0.15em 0.5em;font-size:90%;color:#777;}



/* ===========================================================
 content
=========================================================== */
#icsk-main{text-align:left;}
#icsk-main .icsk-breadcrumb{margin:0 0 2em;padding:1em 0;}
#icsk-main .icsk-breadcrumb > span > a,
#icsk-main .icsk-breadcrumb > span > span{display:inline-block;padding:0.5em 0.75em;font-size:11px;color:#979797;transition:color ease-in-out 0.25s;}
#icsk-main .icsk-breadcrumb > span > a:first-child,
#icsk-main .icsk-breadcrumb > span > span:first-child{padding-left:0}
#icsk-main .icsk-breadcrumb > span > a:hover{color:#c3d600;}
#icsk-main .icsk-inner{padding:0 80px;}

body._infoCMS._admin #icsk-main{padding:40px;}
body._infoCMS._2Columns #icsk-main .icsk-inner{display:flex;flex-wrap:wrap;justify-content:space-between;}
body._infoCMS._2Columns #icsk-main .icsk-inner .icsk-breadcrumb{width:100%;}
body._infoCMS._2Columns #icsk-main .icsk-inner .icsk-PagetitlePane{width:100%;}
body._infoCMS._2Columns #icsk-main .icsk-inner .icsk-ContentPane{width:70%;}
body._infoCMS._2Columns #icsk-main .icsk-inner .icsk-SidePane{width:25%;}

/* ===========================================================
 footer
=========================================================== */
#icsk-footer{padding:7em 0 0;}
#icsk-footer .icsk-pagetop a{position:fixed;bottom:15px;right:60px;display:block;overflow:hidden;width:30px;height:30px;margin:auto;white-space:nowrap;text-indent:200%;border-radius:50%;transition:all ease-in-out 0.25s;z-index:1001;}
#icsk-footer .icsk-pagetop a:before{content:"";position:absolute;top:5%;left:0;bottom:0;right:0;display:block;width:25%;height:25%;margin:auto;border-top:2px solid #c7c7c7;border-right:2px solid #c7c7c7;transform:rotate(-45deg);transition:all ease-in-out 0.25s;}
#icsk-footer .icsk-pagetop a:hover{background:#c3d600;}
#icsk-footer .icsk-pagetop a:hover:before{border-top-color:#fff;border-right-color:#fff;}
#icsk-footer .icsk-copyright{opacity:0.5;font-size:11px;text-align:center;}
.openMode #icsk-footer .icsk-pagetop a{right:265px;}


/* ===========================================================
 for extend skins
=========================================================== */
/* FAQ */
._infoCMS._admin_FAQ{min-width:inherit;color:#fff;background:#272727;overflow-y:scroll;}
._infoCMS._admin_FAQ,
._infoCMS._admin_FAQ *,
._infoCMS._admin_FAQ *:before,
._infoCMS._admin_FAQ *:after{box-sizing:border-box;}
._infoCMS._admin_FAQ a{color:#fff;transition:color 0.25s ease-in-out;}
._infoCMS._admin_FAQ a:hover{color:#c3d600;text-decoration:none;}
._infoCMS._admin_FAQ #ic-skin{padding:5%;}
.modalMode._infoCMS._admin_FAQ::-webkit-scrollbar{width:5px;}
.modalMode._infoCMS._admin_FAQ::-webkit-scrollbar-track{border-radius:5px;background:#070707;}
.modalMode._infoCMS._admin_FAQ::-webkit-scrollbar-thumb{border-radius:5px;background:#474747;}
.modalMode._infoCMS._admin_FAQ .PaneName,
.modalMode._infoCMS._admin_FAQ .PaneNameAdmin,
.modalMode._infoCMS._admin_FAQ .ic-moduleheader,
.modalMode._infoCMS._admin_FAQ .ic-navbutton,
.modalMode._infoCMS._admin_FAQ .ic-module.-place-all:before,
.modalMode._infoCMS._admin_FAQ .ic-module.-place-ref:before{display:none !important;}
.modalMode._infoCMS._admin_FAQ [id^="dnn_"][id$="Pane"]{position:static !important;border:none !important;}
.modalMode._infoCMS._admin_FAQ .iccp-faqInner{background:transparent;}
/**/
._infoCMS._admin_FAQ .ic-controlpanel,
._infoCMS._admin_FAQ .ic-modulenav .ModuleTitle_MenuBar.ModuleTitle_MenuItem .ic-navbutton{box-shadow:0 0 10px 10px rgba(0,0,0,0.25);}




/* ===========================================================
 for modal　
=========================================================== */
body.modalMode._infoCMS._admin #icsk-main{padding:20px 20px 200px;box-shadow:none;}
body.modalMode._infoCMS._admin #icsk-header{display:none;background:none;}
body.modalMode._infoCMS._admin #ic-skin{padding:0;}
body.modalMode._infoCMS._admin #icsk-footer{display:none;}



/* ===========================================================
 for admin.css
=========================================================== */
.divSettings .tableSettings{width:calc(100% + 90px);margin-right:-45px;margin-left:-45px;}
.divSettings .tableSettings > tbody > tr > th{padding-left:45px;}
.divSettings .tableSettings > tbody > tr > td{padding-left:45px;padding-right:45px;}
.divSettings .tableSettings > tbody > tr > th + td{padding-left:5px;}
/**/
.modalMode .divSettings .tableSettings{width:calc(100% + 50px);margin-right:-25px;margin-left:-25px;}
.modalMode .divSettings .tableSettings > tbody > tr > th{padding-left:25px;}
.modalMode .divSettings .tableSettings > tbody > tr > td{padding-left:25px;padding-right:25px;}
.modalMode .divSettings .tableSettings > tbody > tr > th + td{padding-left:5px;}
@media screen and (max-width: 1050px){
    .adminMode .divSettings .tableSettings > tbody > tr > th{padding-right:45px;}
    .adminMode .divSettings .tableSettings > tbody > tr > th + td{padding-left:45px;}
    .adminMode.modalMode .divSettings .tableSettings > tbody > tr > th{padding-right:25px;}
    .adminMode.modalMode .divSettings .tableSettings > tbody > tr > th + td{padding-left:25px;}
}