@charset "utf-8";

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

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

/* size settings */
html,
body{min-width:1114px;word-wrap:break-word;overflow-wrap:break-word;}

/* font settings */
html,
body{color:#000;font-size:13px;line-height:1.6;}
body{font-family:"Arial",YuGothic,"Yu Gothic","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ", Meiryo,"ＭＳ ゴシック",sans-serif;}

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

/* ===========================================================
 skin
=========================================================== */
#skin{width:100%;overflow:hidden;}
#blockskip{display:none;}
.inner{width:1000px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 headBody
=========================================================== */
#header{position:fixed;top:0;left:0;z-index:98;width:100%;min-width:1114px;min-height:100px;margin:0;padding:0;background-color:rgba(255,255,255,0.5);}
#header:after{content:"";display:block;clear:both;}
#header .left{float:left;width:217px;}
#header .right{float:right;margin-top:10px;padding-right:20px;}
#header .right:after{content:"";display:block;clear:both;}

/* logo */
.logo{margin:0;padding:0;}
.logo a{display:block;padding:23px 20px;transition:opacity 0.2s;}
.logo a:hover{opacity:0.75;}
.logo a img{display:block;}

/* headTop */
.headTop{text-align:right;}
.headTop > div{display:inline-block;vertical-align:top;}


/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:20px auto 0;padding:0;}
#gNav:after{content:"";display:block;clear:both;}

.tokenMenu > ul{margin:0;padding:0 10px;}
.tokenMenu > ul:after{content:"";display:block;clear:both;}
.tokenMenu > ul > li{display:none;list-style-type:none;position:relative;margin:0;padding:0;}
.tokenMenu > ul > li:after{content:"";position:absolute;bottom:0;left:0;width:0;height:3px;background-color:#211c70;transition:width 0.2s;}
.tokenMenu > ul > li:hover:after{width:100%;}
.tokenMenu > ul > li.Tab101,
.tokenMenu > ul > li.Tab175,
.tokenMenu > ul > li.Tab181,
.tokenMenu > ul > li.Tab185,
.tokenMenu > ul > li.Tab189{display:block;position:relative;float:left;}
.tokenMenu > ul > li.Tab101:hover:after,
.tokenMenu > ul > li.Tab175:hover:after,
.tokenMenu > ul > li.Tab181:hover:after,
.tokenMenu > ul > li.Tab185:hover:after,
.tokenMenu > ul > li.Tab189:hover:after,
.tokenMenu > ul > li.Tab101.active:after,
.tokenMenu > ul > li.Tab175.active:after,
.tokenMenu > ul > li.Tab181.active:after,
.tokenMenu > ul > li.Tab185.active:after,
.tokenMenu > ul > li.Tab189.active:after{width:100%;}
.tokenMenu > ul > li > a{display:inline-block;overflow:hidden;margin: 0;padding: 13px 10px 18px;line-height:1;vertical-align:bottom;white-space:nowrap;text-indent:200%;box-sizing: content-box;}
.tokenMenu > ul > li.Tab101 > a{width:94px;background:url(/Portals/0/Skins/YKK-en/images/nav_01.png) center center no-repeat;}
.tokenMenu > ul > li.Tab175 > a{width:75px;background:url(/Portals/0/Skins/YKK-en/images/nav_02.png) center center no-repeat;}
.tokenMenu > ul > li.Tab181 > a{width:172px;background:url(/Portals/0/Skins/YKK-en/images/nav_03.png) center center no-repeat;}
.tokenMenu > ul > li.Tab185 > a{width:140px;background:url(/Portals/0/Skins/YKK-en/images/nav_04.png) center center no-repeat;}
.tokenMenu > ul > li.Tab189 > a{width:100px;background:url(/Portals/0/Skins/YKK-en/images/nav_05.png) center center no-repeat;}
.tokenMenu > ul > li.currentItem:after,
.tokenMenu > ul > li.parentItem:after{width:100%;background-color:#f67d28;}
.tokenMenu > ul > li.currentItem:hover:after,
.tokenMenu > ul > li.parentItem:hover:after{background-color:#f67d28;}

.tokenMenu > ul > li > ul{display:none;list-style:none;position:absolute;top:44px;left:0;width:300px;height:auto;padding:0;background:#fff;}
.tokenMenu > ul > li.Tab189 > ul{left:inherit;right:0;}
.tokenMenu > ul > li > ul > li{padding:0;border-bottom:1px solid #211c70;}
.tokenMenu > ul > li > ul > li:last-child{border-bottom:none;}
.tokenMenu > ul > li > ul > li > a{display:block;padding:8px 5px 8px 13px;transition:all 0.2s;}
.tokenMenu > ul > li > ul > li > a.currentLink,
.tokenMenu > ul > li > ul > li > a.parentLink,
.tokenMenu > ul > li > ul > li > a:hover{background-color:#211c70;color:#fff;text-decoration:none;}

.tokenMenu > ul > li > ul > li > ul{display:none;}


/* ===========================================================
 content
=========================================================== */
.breadcrumb{padding:10px 0;background-color:rgba(247,247,247,1);}
.breadcrumb a{text-decoration:none;}
.breadcrumb a + span{margin:0 10px;}
.breadcrumb a:hover{color:#333;}


/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;}
.footTop{background-color:#f7f7f7;}
.footTop .inner{position:relative;}
.footTop p.pagetop{position:absolute;bottom:0;left:50%;z-index:5;width:1000px;margin:0 0 0 -500px;padding:0;}
.footTop p.pagetop a{display:block;overflow:hidden;position:absolute;right:0;bottom:0;width:60px;height:60px;background:url(/Portals/0/images/common/btn_pagetop.jpg) 0 0 no-repeat;white-space:nowrap;text-indent:200%;transition: all 0.2s;}
.footTop p.pagetop a:hover{opacity:0.75;}

footer > .footBottom{padding:25px 0;}
.footBottom .inner:after{content:"";display:block;clear:both;}
.footBottom .footLeft{float:left;}
.footBottom .footRight{float:right;}
.footBottom .FootSmtEnPane{float:left;clear:both;}
.footRight .copyright{padding:0;text-align:center;}
.footBottom .footBottom{float:right;padding:20px 0;}


/* ===========================================================
 css for each skin
=========================================================== */
.skinIndex .contentTop{position:relative;}
.skinIndex .newsWrap{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);}
.skinIndex .mainArea .bgColor{position:relative;background-color:rgba(247,247,247,1);}
.skinIndex .mainArea .bgColor:first-child .inner{position:relative;left:50%;width:100%;min-width:1114px;max-width:1114px;margin-left:-557px;}
.skinIndex .mainArea .bgImage:nth-child(2){background:url(/Portals/0/images/en/index/content_bg_01.jpg) center center no-repeat;background-size:cover;}
.skinIndex .mainArea .bgImage:nth-child(4){background:url(/Portals/0/images/en/index/content_bg_02.jpg) center center no-repeat;background-size:cover;}
.skin1Column .mainArea{padding:20px 0 100px;}
.skin2Columns .contentMiddle{position:relative;}
.skin2Columns .contentMiddle:before{content:"";display:block;position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;background:rgb(237,237,237);background:-webkit-linear-gradient(left, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);background:linear-gradient(to right, rgba(237,237,237,1) 0%,rgba(237,237,237,1) 50%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%);}
.skin2Columns .contentMiddle .inner{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;flex-direction:row;flex-direction:row-reverse;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;-moz-flex-wrap:nowrap;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:row-reverse;}
.skin2Columns .contentMiddle .inner:after{content:"";display:block;clear:both;}
.skin2Columns .sideArea{width:220px;padding:20px 20px 80px 0;}
.skin2Columns .mainArea{width:780px;padding:20px 0 80px 50px;background-color:#fff;}


/* ===========================================================
 css for admin
=========================================================== */
/* header */
.adminMode #header{position:relative;}
.adminMode .headTop > div{min-width:160px;}
.adminMode .skinIndex .newsWrap{position:static;transform:inherit;}
/* controlPanel */
.controlPanel h2:before,
.controlPanel h3:before,
.controlPanel h4:before,
.controlPanel h5:before{display:none;}

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

/* login */
.loginMode header{position:static;}
.loginMode main#main{padding:200px 0 100px;}
.loginMode #dnn_ctr_Login_pnlLogin{text-align:center;}
.loginMode #dnn_ctr_Login_DNN > table{margin:0 auto;}