@charset "utf-8";

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

/* ===========================================================
common
=========================================================== */
*{box-sizing:border-box;}
.clearfix:after {content:"";display:block;clear:both;}
html,
body{min-width:1080px;color:#333333;font-size:16px;line-height:1.6;}
html{height:100%;}
body{margin:0;padding:0;font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Verdana", sans-serif;color:#333;font-weight:500;line-height:1.8;border:none;}
body#Body{top:auto !important;}
img{margin:0;padding:0;border:none;}
a{color:#0079c8;}
a:hover{color:#00568F;}
input,
textarea,
select{font-family:"游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "Verdana", sans-serif;}
.pcArea{display:block;}
.spArea{display:none!important;}


/* ===========================================================
skin
=========================================================== */
.skinBody{color:#333;overflow: hidden;position:relative;}

/* ===========================================================
header
=========================================================== */
header#headBody{min-width:1080px;}
#headBody{margin:0 auto;padding:0;width:100%;top:0;z-index:9995;}
#headBody .headInnerWrap{width:100%;margin:0 auto;padding:0 40px 10px 50px;position:relative;display:flex;justify-content:space-between;align-items:center;background:#fff;min-height:110px;}
#headBody .headInnerWrap:before{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:10px;background:url(/Portals/0/images/common/line_head.png) 0 center no-repeat;}
.adminMode header#headBody{min-width:1650px;}
.adminMode #headBody .headInnerWrap{ padding:0 20px 10px 20px;}
/* Logo */
#headBody .headLogo	{margin:0;width:324px;padding:20px 0;}
#headBody .headLogo > h1,
#headBody .headLogo > p{border:none;background:none;font-size:1rem!important;line-height:1!important;margin:0;padding:0;width:auto;}
#headBody .logo a{margin:0;padding:0;font-size:100%;line-height:1;display:block;border:none;text-align:left;}
#headBody .logo a:hover{text-decoration:underline;}
/* headRightWrap */
#headBody .headRightWrap{flex:1;display:flex;justify-content:flex-end;}
/* headTopBox */
#headBody .headTopBox{margin:0;padding:0;display:flex;justify-content:flex-end;}
#headBody .headTopBox .HeadLeftPane{margin:0;padding:0;}
#headBody .headTopBox .HeadRightPane{margin:0;padding:0;}
/* searchWrap */
.searchWrap{margin:0;padding:0;}
.SearchAcordionWrap {display:block;margin:auto;padding:0;}
.SearchModuleLeftPane{float:left;width:560px;margin:0;}
.SearchModuleRightPane{width:100%;margin: 0 auto;}
/* headerMenu */
.headerMenu{display:flex;padding:0;margin:auto auto auto 0;flex-wrap:wrap;}
.headerMenu li{list-style-type:none;position:relative;width:auto;padding:0;text-align:center;}
.headerMenu li a{display:flex;height:100px;padding:0 1em;color:#333;font-weight:bold;font-size:112.5%;line-height:1.2;text-decoration:none;white-space:nowrap;align-items:center;justify-content:center;}
.headerMenu li a:hover{opacity:1;color:#006cdc;text-decoration:none;}
.headerMenu .recruitment,
.headerMenu .inquiry{display:none;}
/* HeadRightPane */
ul.logoRight{padding:0;margin:0 0 0 40px;}
ul.logoRight li a{height:100px;display:flex;align-items:center;}
/* google翻訳 */
#google_translate_element{ margin:0 0 0 25px;padding-top:8px;}
.skiptranslate iframe.goog-te-banner-frame{bottom:0;top:auto;}
/* menuBtn */
.menuSpBtn{display:none;}
.menuSpList{display:none;}

/* SNSヘッダー */
.HeadSnsPane .sns{display:none;}

/* GPS検索 */
.gpsSearchBtn{display:none;}

/* 店舗検索ボタン */
.headInnerWrap .burgerLink.search{display:none;}


/* ===========================================================
content
=========================================================== */
#mainBody{margin:0 auto;padding:0 0 75px;width:1000px;text-align:left;clear:both;display:block;}
#mainBody:after {content:"";display:block;clear:both;}
._list #mainBody{width:100%;}
.TopPane{margin:0;width:auto;text-align:left;clear:both;overflow:hidden;}
.contentWrap{width:700px;float:left;margin:0;padding:0;}
.sideWrap{width:270px;float:right;margin:0;padding:0;}
.contentWrap .ContentPane{width:auto;margin:0 auto;padding:0;}
.sideWrap .SideTopPane,
.sideWrap .SidePane,
.sideWrap .SideBottomPane{margin:0 auto 10px;padding:0;}
.pagetopWrap{position:relative;}
.pagetop{margin:0;padding:0;width:50px;height:68px;right:15px;bottom:60px;display:block;position:fixed;}
.pagetop a{margin:0;padding:0;width:50px;height:68px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;background:url(/Portals/0/images/common/pagetop.png) left top no-repeat transparent;transition-property:all;transition-duration:0.3s;}
.pagetop a:hover{opacity:0.7;}
.pagetop.fix{bottom:-85px;}
.breadcrumb .innerWrap{padding: 20px 0;}
.breadcrumb .innerWrap span{font-size:87.5%;color:#AAAAAA;}
.breadcrumb .innerWrap a{color:#AAAAAA;text-decoration:none;margin-right:0.5em;}
.breadcrumb .innerWrap a:hover{text-decoration:underline;color:#006cdc;}
.breadcrumb .innerWrap > span > span{margin:0.5em;}
/* innerWrap */
.innerWrap{width:1000px;margin:0 auto;}
.innerWrap h1{min-height:160px;display:flex;align-items:center;padding:18px 0;margin:0 auto;}
.innerWrap.tempoDB{padding-top:45px;}
/* PageTitle */
.PageTitleWrap{background:#006cdc;overflow:hidden;}
.PageTitleWrap h1{background:inherit;}
.PageTitleWrap .innerWrap{position:relative;}
.PageTitleWrap .innerWrap:before{content:"";position:absolute;top:50%;left:calc(100% - 80px);width:516px;aspect-ratio:697/659;background:url(/Portals/0/images/indexpage/searchbg_circle.png) center no-repeat;background-size:contain;transform:translateY(-50%);}

/* ===========================================================
footer
=========================================================== */
#footBody{margin:0;padding:12px 0 55px;background-color:#333333;clear:both;width:auto;}
#footBody .copyright{margin:0 auto;padding:0;font-size:87.4%;color:#fff;text-align:center;clear:both;}
#footBody .copyright > span{display:block;padding:0;opacity:0.6;}
/* footMenu */
.footMenu{display:flex;list-style:none;margin:0;padding:50px 0;justify-content:center;}
.footMenu li{list-style:none;margin:0 1em;padding:0;line-height:1.2;}
.footMenu li a{display:block;position:relative;margin:0;padding:0;color:#fff;font-size:100%;text-decoration:none;transition:color 0.25s ease-out;}
.footMenu li a:hover{olor:#4ea5ff;text-decoration:none;}
.footLogo a{display:flex;align-items:center;height:100%;}

/* フッター固定リンク */
.footMenuSp{display:none;}


/* ===========================================================
css for each skin
=========================================================== */
/*----- skinIndex -----*/
#skinIndex #ContentMiddleWrap{display:flex;}
#skinIndex #contentWrap{float:none;width:auto;margin:0 2% 0 0;}
#skinIndex #sideWrap{float:none;width:500px;}
/*----- skin1Column -----*/
#skin1Column .TopPane{margin:0 auto;}
#skin1Column .contentWrap{width:auto;float:none;margin:0 auto;padding-top:45px;}
#skinList .contentWrap{width:100%;}



/* ===========================================================
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;}
#IconBar\.ascx_divControlPanel {font-size:12px;}
.ModuleTitle_MenuItem {font-size:12px;}
.PaneName{position:relative;z-index:10000;}
table#tbldnn_ctr394_dnnACTIONS_ctldnnACTIONSMenuBar{position:relative;z-index:10000;}
.controlPanel ~ .skinBody{padding-top:0;}
.controlPanel ~ .skinBody #headBody {position:static;}
/* 編集ナビ */
.ModuleTitle_MenuContainer {position: relative;z-index: 999;}
.ModuleTitle_MenuContainer,
.ModuleTitle_MenuContainer *[width="100%"] {width: auto !important; line-height: 0;}
/* 編集ナビのプルダウンメニュー */
.ModuleTitle_SubMenu{z-index:99999 !important;}
.ModuleTitle_MenuItem {font-size:12px;}


/*========================================================
tokenMenu
========================================================*/
.tokenMenu{margin:0 auto;width:484px;z-index:90;}
.tokenMenu > ul{margin:0;padding:0;width:484px;}
.tokenMenu > u:after {content:"";display:block;clear:both;}
.tokenMenu > ul > li{margin:0;padding:0;display:none;float:left;list-style-type:none;position:relative;width:121px;}
.tokenMenu > ul > li.Tab101,
.tokenMenu > ul > li.Tab114,
.tokenMenu > ul > li.Tab176,
.tokenMenu > ul > li.Tab178{display:block;}
.tokenMenu > ul > li > a{margin:0;padding:0;height:50px;line-height:1;display:block;text-indent:200%;white-space:nowrap;overflow:hidden;background-repeat:none;background-color:transparent;}
.tokenMenu > ul > li > ul{display:none;}

.pcNaviList{background:url(/Portals/0/images/common/navi/bg_pc_navi.png) 0 0 no-repeat;}
.pcNaviList:after {/* content:"";*//* display:block;*//* clear:both;*/}
.pcNaviList a{display:block;float: right;width:108px;height:50px;border-right:1px solid #fff;}
.pcNaviList a:hover{opacity:0.7;}

/* ===========================================================
css for print
=========================================================== */
@media print {
body {font-family:"ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
}







/* ===========================================================
max-width: 1400px
=========================================================== */
@media only screen and (max-width: 1400px){
.headerMenu li a{font-size: 100%;}
}


/* ===========================================================
max-width: 1300px
=========================================================== */
@media only screen and (max-width: 1300px){
.headerMenu li a{font-size:90%;}
ul.logoRight{margin-left:20px;}
#google_translate_element{margin-left:10px;}
}



/* ===========================================================
max-width: 1200px
=========================================================== */
@media only screen and (max-width: 1200px){
#headBody .headLogo{width:200px;}
}