@charset "utf-8";

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

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

/* size settings */
body{min-width:1280px;}

/* font settings */
html,
body{color:#000;font-size:14px;line-height:1.4;}
body{font-family:"游ゴシック", "Yu Gothic", "Meiryo", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";font-weight:500;}
.century{font-family:'Century','serif'}

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

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

/* ===========================================================
 headBody
=========================================================== */
#header{margin:0;padding:0;position:fixed;top:0;left:0;width:100%;z-index:10;background-color:rgba(255,255,255,0.95);}
.headTop .inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.headTop .left{width:210px;}
.headTop .right{width:672px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}

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

/* gNav */
#gNav{width:532px;}

/* HeadPane */
.HeadPane{width:126px;}

/* searchWrap */
.searchWrap{display:none;position:absolute;width:100%;background-color: #000;padding: 25px 0;z-index:5;}
.searchWrap .inner{position: relative;height: 40px;}
.searchWrap input[type="text"]{position:absolute;top:0;left:0;width:94%;height:40px;margin:0;padding:12px 10px;border:none;outline:none;line-height:16px;font-size:1.143rem;appearance:none;-webkit-appearance:none;}
.searchWrap a{position:absolute;display:block;width:6%;height:40px;right: 0;background: url(/Portals/0/images/common/ico_search.png) center center no-repeat #fff;-webkit-background-size:21px 21px;background-size:21px 21px;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;}


/* ===========================================================
 gNav
=========================================================== */
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu li{display:none;list-style-type:none;margin:0;padding:0;}
/*1st*/
.pcView .tokenMenu>ul>li.Tab100{display:block;}
.pcView .tokenMenu>ul>li>a{display:none;}
/*2nd*/
.pcView .tokenMenu>ul>li>ul{display:block;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.pcView .tokenMenu>ul>li>ul>li.Tab101,
.pcView .tokenMenu>ul>li>ul>li.Tab105,
.pcView .tokenMenu>ul>li>ul>li.Tab233,
.pcView .tokenMenu>ul>li>ul>li.Tab242{display:block;}
.pcView .tokenMenu>ul>li>ul>li.Tab101{width:132px;}
.pcView .tokenMenu>ul>li>ul>li.Tab105{width:146px;}
.pcView .tokenMenu>ul>li>ul>li.Tab233{width:114px;}
.pcView .tokenMenu>ul>li>ul>li.Tab242{width:140px;}
.pcView .tokenMenu>ul>li>ul>li>a{display:block;padding:0;margin:0;height:120px;color:#000;font-size:1.571rem;background-image:url(/Portals/0/images/common/gnav.png);background-repeat:no-repeat;background-color:transparent;text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;font-size:1;line-height:1;}
.pcView .tokenMenu>ul>li>ul>li.Tab101>a{background-position:0 0;}
.pcView .tokenMenu>ul>li>ul>li.Tab105>a{background-position:-132px 0;}
.pcView .tokenMenu>ul>li>ul>li.Tab233>a{background-position:-278px 0;}
.pcView .tokenMenu>ul>li>ul>li.Tab242>a{background-position:-392px 0;}
.pcView .tokenMenu>ul>li>ul>li.Tab101>a:hover{background-position:0 -120px;}
.pcView .tokenMenu>ul>li>ul>li.Tab105>a:hover{background-position:-132px -120px;}
.pcView .tokenMenu>ul>li>ul>li.Tab233>a:hover{background-position:-278px -120px;}
.pcView .tokenMenu>ul>li>ul>li.Tab242>a:hover{background-position:-392px -120px;}

/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0 auto;padding:12px 0;background-color:#ada39a;color:#fff;font-size:0.929rem;line-height:1rem;}
.breadcrumb a,
.breadcrumb span{margin-right:0.5em;}
.breadcrumb a{color:#fff;text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}

/*contentBackground
-----------------------------*/
._Index .topImageWrap{min-height:135px;}
._Index #main{margin-top:-135px;}
._Index .contentBottom{background-color:#111;}
._Index .bottomWrap{background-color:#d5cdb8;}
/*stripe*/
._Index .contentMiddle{position:relative;}
._Index .contentMiddle::before{content:'';display:block;position:absolute;top:0;left:0;margin:auto;width:100%;height:100%;z-index:-2;background: repeating-linear-gradient(-45deg, #eae6dc, #eae6dc 6px, #d5cdb8 0, #d5cdb8 12px);}
._Index .contentMiddle::after{content:'';display:block;position:absolute;top:0;left:0;margin:auto;width:100%;height:360px;z-index:-1;background-color:#fff;}
._1Column .contentBottom{position:relative;}
._1Column .contentBottom::before{content:'';display:block;position:absolute;top:0;left:0;margin:auto;width:100%;height:100%;z-index:-2;background: repeating-linear-gradient(-45deg, #eae6dc, #eae6dc 6px, #d5cdb8 0, #d5cdb8 12px);}
._1Column .contentBottom::after{content:'';display:block;position:absolute;top:0;left:0;margin:auto;width:100%;height:200px;z-index:-1;background-color:#fff;}

/* ===========================================================
 footBody
=========================================================== */
#footer{margin:0;padding:0;}
/* footTop */
.footTop{background-color:#111;}

/* pagetop */
.pagetop{position:fixed;right:30px;bottom:49px;width:60px;height:36px;margin:0;}
.pagetop a{display:block;height:36px;background:url(/Portals/0/images/common/ico_pagetop.png) center top 10px no-repeat rgba(255,255,255,0.15); text-indent:200%;white-space:nowrap;overflow:hidden;color:transparent;background-size:44px 14px;transition:background-color 0.25s ease-out;}
.pagetop a:hover{background-color:rgba(203,40,40,0.15);}

/* copyright */
.copyright{text-align:left;padding:18px 0 18px 142px;margin:0;font-size:0.929rem;line-height:1;color:#333;background:url(/Portals/0/images/common/logo_bottom.png) 0 center no-repeat transparent;}

/* ===========================================================
 css for each skin
=========================================================== */
._1Column .contentMiddle > .inner,
._2Columns .contentMiddle > .inner{position:relative;padding-top:50px;padding-bottom:90px;}
._2Columns .contentMiddle > .inner::before{content:'';display:block;position:absolute;top:0;left:280px;margin:auto;width:1px;height:100%;background-color:#aaa;}
/*_2Columns*/
._2Columns .contentMiddle .inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
._2Columns .sideArea{width:240px;order:0;}
._2Columns .mainArea{width:920px;order:1;}

/* ===========================================================
 css for admin
=========================================================== */
.adminMode #skin{padding-top:0;}
.adminMode #header{position:relative;}