@charset "utf-8";

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

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

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

/* font settings */
html,
body{color:#333;font-size:16px;line-height:1.6;}
body{font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Verdana", sans-serif;font-weight:500;}

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

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1000px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}
#skin{position:relative;}
#skin:before{content:"";position:absolute;top:0;left:0;display:block;width:100%;height:220px;background:linear-gradient(180deg, rgba(0,0,0,0.1), transparent);z-index:-1;}

/* ===========================================================
 headBody
=========================================================== */
header#header{position:fixed;top:0;right:0;left:0;min-width:1080px;margin:0;padding:0;z-index:50;}
.adminMode header#header{position:relative;}
/* headTop
------------------------- */
.headTop{padding:0;}
.headTop > .inner{display:flex;width:100%;padding:0 100px 0 0;}
.headTop > .inner:before{content:"";position:absolute;bottom:0;left:0;display:block;width:calc(100% - 200px);height:1px;background:#ddd;z-index:2;}
.headTop > .inner:after{content:"";position:absolute;bottom:0;left:0;display:block;width:calc(100% - 200px);height:100px;background:#fff;z-index:1;}
.headTop .left{width:33%;max-width:490px;z-index:3;}
.headTop .right{flex:1;position:relative;z-index:4;}
/* logo
------------------------- */
.headTop .logo{width:100%;height:100%;overflow:hidden;margin:0;padding:0 0 0 50px;vertical-align:middle;}
.headTop .logo a{display:flex;align-items:center;height:100%;}
.headTop .logo img{display:block;max-width:100%;}
.headBottom .inner{width:auto;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{height:auto;}
#gNav:after{content:"";display:block;clear:both;}
#gNav .tokenMenu{}
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu ul:after{content:"";display:block;clear:both;}
.tokenMenu li{display:none;list-style-type:none;margin:0;padding:0;}
.tokenMenu ul li.Tab36{display:flex;justify-content:flex-end;}
.tokenMenu ul ul{display:none;}
/* 1st
------------------------- */
.tokenMenu > ul > li.Tab36 > a/*ホーム*/{display:none;}
.tokenMenu > ul > li > ul{display:flex;}
.tokenMenu > ul > li > ul > li{position:relative;width:auto;padding:0;text-align:center;}
.tokenMenu > ul > li > ul > li.Tab69/*店舗一覧*/,
.tokenMenu > ul > li > ul > li.Tab70/*物件募集*/,
.tokenMenu > ul > li > ul > li.Tab72/*会社情報*/,
.tokenMenu > ul > li > ul > li.Tab73/*採用情報*/,
.tokenMenu > ul > li > ul > li.Tab74/*お問い合わせ*/,
.tokenMenu > ul > li > ul > li.Tab75/*お知らせ*/,
.tokenMenu > ul > li > ul > li.Tab299/*事業案内、deveは数字が異なるので注意*/{display:block;}
.tokenMenu > ul > li > ul > li.Tab70{margin-right:45px;}
.tokenMenu > ul > li > ul > li.Tab74 > a{width:230px;color:#fff;background:#006cdc;padding:0 60px 0 1em;overflow:hidden;border-radius:0 0 100px 0;}
.tokenMenu > ul > li > ul > li.Tab74 > a:hover,
.tokenMenu > ul > li > ul > li.Tab74:hover > a{color:#fff;background:#00458e;}
.tokenMenu > ul > li > ul > li > a{display:flex;height:100px;font-size:112.5%;line-height:1.2;color:#333;text-decoration:none;font-weight:bold;align-items:center;justify-content:center;padding:0 1em;white-space:nowrap;}
.tokenMenu > ul > li > ul > li.Tab74{z-index:5;}
.tokenMenu > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li:hover > a{opacity:1;color:#006cdc;text-decoration:none;}
/* parentItem && current */
.tokenMenu > ul > li > ul > li.parentItem:before,
.tokenMenu > ul > li > ul > li.currentItem:before{content:"";display:block;position:absolute;right:0;bottom:0;left:0;width:80%;height:4px;margin:0 auto;background-color:#006cdc;}
.tokenMenu > ul > li > ul > li.Tab74.parentItem:before,
.tokenMenu > ul > li > ul > li.Tab74.currentItem:before{display:none;}
/* 2nd
------------------------- */
.tokenMenu > ul > li > ul > li > ul{display:none;position:absolute;top:100%;left:50%;width:270px;margin:0;padding:1em 1.5em 0.75em;z-index:100;transform:translateX(-50%);}
.tokenMenu > ul > li > ul > li > ul:before{content:"";position:absolute;left:0;bottom:calc(100% - 4px);right:0;display:block;width:0;height:0;margin:auto;border-style:solid;border-color:transparent transparent #fff transparent;border-width:0 10px 12px 10px;}
.tokenMenu > ul > li > ul > li > ul:after{content:"";position:absolute;top:4px;left:0;display:block;width:100%;height:100%;background:#fff;box-shadow:0 0 30px rgba(0,0,0,0.2);border-radius:20px;z-index:-1;}
.tokenMenu > ul > li > ul > li.Tab74 > ul{left:calc(50% - 20px);}
.tokenMenu > ul > li > ul > li:hover > ul{display:block;}
.tokenMenu > ul > li > ul > li > ul > li{display:block;position:relative;text-align:left;}
.tokenMenu > ul > li > ul > li > ul > li:last-child{border:none;}
.tokenMenu > ul > li > ul > li > ul > li > a{display:block;position:relative;padding:0.75em 0;color:#222;font-size:90%;font-weight:bold;text-align:center;transition:all 0.25s ease-out;}
.tokenMenu > ul > li > ul > li > ul > li > a:hover{color:#006cdc;text-decoration:none;}
/* parentItem && current */
.tokenMenu > ul > li > ul > li > ul > li.parentItem > a,
.tokenMenu > ul > li > ul > li > ul > li.currentItem > a{color:#006cdc;}

/* ===========================================================
 animation
=========================================================== */
header#header{transition:background 0.25s linear 0.0s;}
header#header.fix{transition:background 0.25s linear 0.5s;}
header#header .headTop{transition:padding 0.25s linear;}
header#header .headTop .logo > a:before{transition:opacity 0.0s linear 0.0s;}
header#header.fix .headTop .logo > a:before{transition:opacity 0.25s linear 0.25s;}
header#header .headTop .logo > a img{transition:opacity 0.25s linear 0.25s;}
header#header.fix .headTop .logo > a img{transition:opacity 0.0s linear 0.0s;}
header#header .headBottom{transition:top 0.25s linear 0.0s;}
header#header.fix .headBottom{transition:width 0.25s linear 0.25s,top 0.25s linear 0.25s;}
header#header .tokenMenu > ul > li > ul > li{transition:width 0.25s linear 0.25s;}
header#header.fix .tokenMenu > ul > li > ul > li{transition:width 0.25s linear 0.0s;}
/* header
------------------------- */
header#header.fix{background-color:rgba(255,255,255,0.9);border-bottom:1px solid #eeeeee;}
/* logo
------------------------- */
header#header.fix .headTop{padding:12px 0 13px;}
header#header.fix .headTop .logo > a{position:relative;width:80px;height:35px;}
header#header .headTop .logo > a:before{content:"";opacity:0;position:absolute;top:0;left:0;z-index:10;width:80px;height:35px;background:url(/Portals/0/images/common/logo_GiGO_fix.png) 0 0 no-repeat;}
header#header.fix .headTop .logo > a:before{opacity:1;}
header#header.fix  .headTop .logo > a:hover:before{opacity:0.75;}
header#header.fix .headTop .logo > a img{opacity:0;}
/* headBottom
------------------------- */
header#header.fix .headBottom{top:0;}
header#header.fix .headBottom > .inner{width:auto;}
header#header.fix .tokenMenu > ul > li > ul > li{padding:20px 0;}
header#header.fix .tokenMenu > ul > li > ul > li.parentItem:before,
header#header.fix .tokenMenu > ul > li > ul > li.currentItem:before{bottom:18px;}


/* ===========================================================
 content
=========================================================== */
#skin:not(.skinIndex) #main{padding:110px 0 150px;}
.editMode #skin:not(.skinIndex) #main{padding-top:0;}

.PagetitlePane{padding:10px 0 0 100px;}
.PagetitlePane .moduleSkin.moduleZero.inner{width:auto;}

.breadcrumb{margin:0 auto 50px;padding:1.5em 0;font-size:81.3%;color:#aaa;}
.breadcrumb > .inner{padding:0 8px;}
.breadcrumb > .inner > span{display:flex;flex-wrap:wrap;}
.breadcrumb span{display:flex;align-items:center;}
.breadcrumb a{display:inline-block;color:#aaa;text-decoration:none;}
.breadcrumb a:hover{color:#006cdc;}
.breadcrumb span.breadcrumbArw{overflow:hidden;position:relative;display:block;width:1em;height:1em;margin:0 1em;white-space:nowrap;text-indent:200%;}
.breadcrumb span.breadcrumbArw:after{content:"/";position:absolute;top:0;left:0;bottom:0;right:0;display:block;height:1em;margin:auto;text-indent:0;line-height:1;}
.editMode .breadcrumb{margin-bottom:0;}

/* ===========================================================
 footBody
=========================================================== */
footer{position:relative;margin:0;padding:0;}
footer:before{content:"";display:block;width:100%;height:20px;background:url(/Portals/0/images/common/line_footer.png) 0 center no-repeat;}
.footTop{background:#333;padding:100px 0;}
.footTop .pagetop{position:absolute;right:15px;bottom:15px;margin:0;padding:0;z-index:100;}
.footTop .pagetop:before{content:"toTop";position:absolute;bottom:90%;left:50%;color:#006cdc;font-size:85%;font-family:'Poppins', sans-serif;text-indent:0;transform:translateX(-50%);opacity:0;transition:all 0.25s ease-out;}
.footTop .pagetop.in.fix{top:-65px;bottom:auto;}


.footTop .pagetop:hover:before{bottom:calc(0.25em + 100%);opacity:1;}
.footTop .pagetop a{display:block;width:55px;height:53px;background:url(/Portals/0/Skins/SET/images/btn_pagetop.png) no-repeat 0 0 / contain;white-space:nowrap;text-indent:200%;overflow:hidden;}
.copyright{color:#AAAAAA;font-size:68.8%;text-align:center;padding:0 0 40px 0;}




/* ===========================================================
 css for each skin
=========================================================== */
.skinIndex #dnn_ctr_Login_pnlLogin{margin:140px 0 0 0;}
.skinIndex #main{padding-top:0 !important;overflow:hidden;}
.skinIndex .TopPane{position:relative;background:#222;z-index:3;}
.skinIndex .ContentTopPane{position:relative;min-height:395px;margin:0 0 100px 100px;padding:4.5vw 100px 6.5vw 0;background:#006cdc;border-radius: 0 0 0 300px;transition:border-radius 0.25s ease-out;}
.skinIndex .ContentPane{position:relative;padding:100px 0 220px;overflow:hidden;}
.skinIndex .ContentPane:before{content:"";position:absolute;top:-10px;left:-100px;width:100%;height:100%;border:3px dotted #006cdc;border-radius:0 0 220px 0;z-index:-1;}
.skinIndex .ContentPane .inner{width:auto;max-width:1000px;}
.skinIndex .contentMiddle{margin:-100px 0 0;}
.skinIndex .ContentMiddlePane{position:relative;padding:100px 0;overflow:hidden;}
.skinIndex .contentBottom{position:relative;padding:100px 0;overflow:hidden;}
.skinIndex .contentBottom:before{content:"";position:absolute;bottom:-10px;right:-100px;width:100%;height:100%;border:3px dotted #006cdc;border-radius:300px 0 0 0;z-index:-1;}
.skinIndex .contentBottom .moduleSkin.inner{display:flex;justify-content:flex-end;}
.skinIndex .contentBottom .moduleSkin.inner [id$="_ContentPane"]{max-width:1100px;}
.skinIndex .contentFoot{position:relative;min-height:700px;margin:0;padding:150px 0 50px;}
.skinIndex .contentFoot:before{content:"";position:absolute;top:0;right:0;width:calc(100% - 100px);height:calc(100% - 100px);border-left:3px dotted #006cdc;z-index:-2;}
.skinIndex .contentFoot:after{content:"";position:absolute;left:0;bottom:0;width:605px;height:701px;background:url(/Portals/0/images/indexpage/bg_footer.png) no-repeat left bottom / contain;z-index:-1;}
.skinIndex .contentFoot .moduleSkin.inner{display:flex;justify-content:flex-end;}
.skinIndex .contentFoot .moduleSkin.inner [id$="_ContentPane"]{max-width:900px;}
._2Columns .sideArea{float:left;width:210px;}
._2Columns .mainArea{float:right;width:830px;}
._2Columns .contentMiddle .inner:after{content:"";display:block;clear:both;}

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

/* コンパネ */
.controlPanel a{transition:none;}


/* ======================================================================================================================
 1500px view
====================================================================================================================== */
@media only screen and (max-width: 1500px){/**/
.headTop > .inner{padding-right:40px;}
.PagetitlePane{padding-left:40px;}
.breadcrumb{padding-left:88px;padding-right:88px;}
.breadcrumb > .inner{width:auto;}

.skinIndex .ContentTopPane{margin-left:40px;padding-top:30px;padding-bottom:30px;border-bottom-left-radius:70px;}
.skinIndex .ContentPane{padding-bottom:100px;}
.skinIndex .ContentPane:before{border-bottom-right-radius:70px;}
.skinIndex .contentBottom:before{border-top-left-radius:70px;}
.skinIndex .contentFoot:after{width:40.4vw;height:46.810vw;}

/**/}

/* ======================================================================================================================
 1400px view
====================================================================================================================== */
@media only screen and (max-width: 1400px){/**/
.tokenMenu > ul > li > ul > li > a{padding:0 1vw;font-size:100%;}
.tokenMenu > ul > li > ul > li.Tab70{margin-right:1vw;}
.tokenMenu > ul > li > ul > li.Tab74 > a{width:200px;}
/**/}


/* ======================================================================================================================
 1280px view
====================================================================================================================== */
@media only screen and (max-width: 1280px){/**/
.skinIndex .ContentPane{padding-left:50px;padding-right:150px;}
.skinIndex .contentBottom .moduleSkin.inner{width:80%;}
.skinIndex .contentFoot:after{width:517px;height:600px;}
/**/}