@charset "utf-8";

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

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

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

/* font settings */
html,
body{color:#2d2d2d;font-size:14px;line-height:1.8;}
body{font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}

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

/* login */
form[action="/?ctl=login"] .contentTopWrap{height:auto;}
form[action="/?ctl=login"] .contentTopWrap .TopLeftPane{height:auto;}

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1100px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

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

/* ===========================================================
 headBody
=========================================================== */
#header{margin:0;padding:0;border-bottom:4px solid #a1230d;}
#header:after{content:"";display:block;clear:both;}
#header .left{float:left;padding:10px 0 0 10px;}
#header .right{float:right;width:900px;}
#header .right:after{content:"";display:block;clear:both;}
#header .HeadPane{float:right;width:200px;}

/* headBtn
------------------------- */
.headBtnList{margin:0;padding:0;}
.headBtnList:after{content:"";display:block;clear:both;}
.headBtnList li{float:left;margin:0;padding:0;list-style:none;}
.headBtn{width:100px;height:80px;background:#dd5841;color:#fff;position:relative;transition:opacity 0.25s ease-in-out;}
.headBtn.btnLogin{background:url(/Portals/0/images/common/ico_btn_login.png) center 24px no-repeat #d42e12;}
.headBtn.btnReserve{background:url(/Portals/0/images/common/ico_btn_calendar.png) center 24px no-repeat #a1230d;}
.headBtn:hover{opacity:0.75;}
.headBtn a{display:block;width:100%;height:100%;color:#fff;text-decoration:none;}
.headBtn .headBtnTxt{display:block;padding-top:50px;width:100%;height:100%;font-size:86%;text-align:center;}

/* burgerMenuWrap
------------------------- */
.burgerMenuWrap{float:left;width:calc(100% - 200px);position:relative;}
.burgerMenuWrap:after{content:"";display:block;clear:both;}
.headBtn.btnSearch{float:right;}
.headBtn.btnSearch .headBtnTxt.searchMotionBtn{background:url(/Portals/0/images/common/ico_btn_search.png) center 24px no-repeat;overflow:hidden;}
.headBtn.btnSearch .headBtnTxt.searchMotionBtn.open{background-image:url(/Portals/0/images/common/ico_btn_search_close.png);}
.headBtn.btnSearch .headBtnTxt.searchMotionBtn:hover{cursor:pointer;}
.headBtn.btnSearch .headBtnTxt.searchMotionBtn::before{display:block;content:"検索";margin-bottom:20px;}
/* headSearchWrap */
.headSearchWrap{display:none;padding:20px;background:#dd5841;position:absolute;top:80px;right:0;z-index:50;}
.searchWrap{position:relative;float:right;width:335px;height:35px;margin:0;}
.searchWrap .placeholder{font-size:108%;line-height:35px;color:#888;position:absolute;top:0;left:10px;z-index:1;}
.searchWrap input[type="text"]{width:100%;height:35px;margin:0;padding:2px 40px 2px 5px;border:1px solid #bbb;outline:none;line-height:2px;position:absolute;top:0;left:0;}
.searchWrap a{display:block;width:35px;height:35px;background:url(/Portals/0/images/common/ico_btn_search_textbox.png) center center no-repeat;background-size:50%;text-indent:200%;white-space:nowrap;overflow:hidden;position:absolute;top:0;right:0;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{float:left;margin:0;padding:0;width:calc(100% - 100px);}
#gNav:after{content:"";display:block;clear:both;}

.tokenMenu ul{margin:0;padding:0;}
.tokenMenu li{margin:0;padding:0;list-style:none;}
.tokenMenu li a{display:block;color:#2d2d2d;text-decoration:none;}

.tokenMenu > ul > li > a,
.tokenMenu > ul > li > ul > li,
.tokenMenu > ul > li > ul > li > ul{display:none;}
.tokenMenu > ul > li > ul > li.Tab101,
.tokenMenu > ul > li > ul > li.Tab156,
.tokenMenu > ul > li > ul > li.Tab158,
.tokenMenu > ul > li > ul > li.Tab161{display:block;}

.tokenMenu > ul > li > ul{padding:0 20px;height:80px;display:flex;justify-content:space-between;}
.tokenMenu > ul > li > ul > li > a{padding:30px 20px;font-weight:bold;}
.tokenMenu > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li > a.currentLink,
.tokenMenu > ul > li > ul > li > a.parentLink{color:#d42e12;}

/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0 auto;padding:10px 0;font-size:86%;color:#666;}
.breadcrumb a{color:#666;text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb a:first-child{display:inline-block;width:24px;background:url(/Portals/0/images/common/ico_home.png) 0 3px no-repeat;vertical-align:middle;text-indent:200%;white-space:nowrap;overflow:hidden;}
.breadcrumb a:not(:first-child),
.breadcrumb span.breadcrumbItem{margin:0 0.5em;}

.contentTopWrap{height:510px;background:url(/Portals/0/images/common/bg_pattern_lightgrey.png) 0 0 repeat;position:relative;}
.contentTopWrap .TopLeftPane{width:660px;height:450px;overflow:hidden;}
.contentTopWrap .TopRightPane{padding-left:570px;width:100%;height:100%;background:url(/Portals/0/images/index/bg_kv.png) 0 0 no-repeat;position:absolute;top:0;left:0;}
.editMode .contentTopWrap{height:auto;}
.editMode .contentTopWrap .TopRightPane{position:static;}


/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;}
.footTop{}
.footMiddle{background:#e1e1e1;position:relative;}
.footMiddle .pagetop{display:block;margin:0;padding:0;width:50px;height:46px;position:absolute;right:40px;bottom:12px;z-index:10;}
.footMiddle .pagetop a{display:block;width:100%;height:100%;background:url(/Portals/0/images/common/btn_totop.png) 0 0 no-repeat;text-indent:200%;white-space:nowrap;overflow:hidden;position:relative;}
.footBottom{padding:10px;background:#871d0b;color:#fff;}
.footBottom .copyright{margin:0;padding:0;font-size:72%;text-align:center;font-family:"游ゴシック", "Yu Gothic";font-weight:500;}

/* ===========================================================
 css for each skin
=========================================================== */
._Index .contentTop .TopPane{display:none;}
._Index .ContentTopInner{background:#e1e1e1;}
._Index .contentBottom{background:#e1e1e1;}
._2Columns .contentMiddle .inner:after{content:"";display:block;clear:both;}
._2Columns .sideArea{float:right;width:260px;}
._2Columns .mainArea{float:left;width:800px;}
:not(._Index) #main{margin-bottom:3em;}
:not(._Index) .contentMiddle{margin-top:3em;}

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

/* 承認フロー管理 */
table.ViewManageRole.tableGrid.Settings th[style*="width"]{width:auto!important;}