@charset "utf-8";

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

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

/* size settings */
html,
body{min-width:1040px;color:#333;line-height:1.8;}

/* font settings */
html{font-size:16px;}
body{font-size:100%;}
/*body{font-family:"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";font-size:100%;}*/

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

/* ===========================================================
 headBody
=========================================================== */
header{margin:0;padding:0;}
.headTop{position:relative;}
.headTop .inner{position:absolute;top:0;right:0;left:0;z-index:1;}
.headTop .inner,
.headBottom .inner{width:1040px;padding:0 20px;}
.headTop .inner:after,
.headBottom .inner:after{content:"";display:block;clear:both;}
.headTop .left{float:left;}
#header .headerLogoSony{background-color:#036;}
#header .headerLogoSony .inner{display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;flex-direction:row;height:36px;margin:0 auto;text-align:right;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;-moz-justify-content:flex-end;}
#header .headerLogoSony a{display:inline-block;width:72px;margin:0;line-height:1;}
#header .headerLogoSony img{margin:0;vertical-align:top;}

.headSearchWrap{display:none;position:absolute;top:28px;right:0;}
.adminMode .headSearchWrap{display:block;position:static;}
#header{background-color:#fff;}
#header.scrolled{box-shadow:0 3px 4px 0 rgba(51,51,51,0.1);}
.adminMode .headTop{position:static;}
.adminMode .headTop .inner{position:static;}

/* headBottom */
.headBottom{width:100%;height:105px;background-color:#fff;}
.headBottom .inner{position:relative;}
/*.scrolled .headBottom{box-shadow:0 3px 4px 0 rgba(51,51,51,0.1);}*/
.adminMode .headBottom{height:auto;}
.headBottom .right{display:block;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;list-style:none;list-style-type:none;position:relative;float:right;z-index:2;flex-direction:row;width:400px;min-height:28px;margin:15px 0 15px auto;flex-wrap:wrap;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;justify-content:flex-end;-webkit-justify-content:flex-end;-ms-justify-content:flex-end;-moz-justify-content:flex-end;}
.adminMode .headBottom .right{width:510px;}
.headTop .right:after{content:"";display:block;clear:both;}

/* HeadPane */
.HeadPane{position:absolute;top:15px;right:140px;z-index:3;}
.HeadEnPane{position:absolute;top:15px;right:140px;z-index:3;}
.adminMode .HeadPane,
.adminMode .HeadEnPane{position:static;}

/* logo */
.logo{margin:0;padding:0;}
.logo a{display:inline-block;width:280px;margin:15px 0 0 0;}
.logo a img{max-width:100%;vertical-align:top;}
.logo a:hover img{opacity:0.7;}

/* パンくずリスト */
.breadcrumb{margin:0 auto;padding:0.8em 0;font-size:82%;}
.breadcrumb a{color:#3050a2;text-decoration:underline;}
.breadcrumb a:hover{color:#3050a2;text-decoration:none;}
.breadcrumb span{color:#333;}
.breadcrumb span[id$="lblBreadCrumb"] > span:not(.breadcrumbItem){margin:0 1em;}
.breadcrumb > .inner > span > a:first-child{position:relative;padding-left:18px;}
.breadcrumb > .inner > span > *:first-child:before{content:"";display:block;position:absolute;top:0;bottom:0;left:0;width:10px;height:11px;margin:auto;background:url(/Portals/0/images/common/ico_homeblue.png) no-repeat 0 0;}

/* ===========================================================
 footBody
=========================================================== */
footer{margin:0;padding:0;}
.footTop .pagetop{position:relative;}
.footTop .pagetop a{position:absolute;top:0;right:0;}
.copyright{padding:0 0 4em 0;color:#666;font-size:69%;text-align:center;}
/* FootPane */
.footWrap{padding:5em 0 2em;}
.footTop{background:#d9eeea url("/Portals/0/images/index/bg_footer.png") center bottom no-repeat;}

/* ページトップボタン */
.pagetop{position:relative;z-index:2;padding:0;}
.pagetop a{display:block;overflow:hidden;position:absolute;top:inherit;right:20px;bottom:20px;width:50px;height:50px;background:url(/Portals/0/images/common/pagetop.png) no-repeat center center;white-space:nowrap;text-indent:110%;}
.pagetop a.in.fix{bottom:-25px;}

/* ===========================================================
 css for each skin
=========================================================== */
._Index .informationWrap{background:linear-gradient(45deg,  rgba(68,171,149,1) 0%,rgba(68,171,149,1) 40%,rgba(68,97,171,1) 60%,rgba(68,97,171,1) 100%);}
._Index .contentTopWrap{background:url(/Portals/0/images/index/bg_pickup.jpg) center top no-repeat;background-size:cover;}
._Index .contentWrap{background:url(/Portals/0/images/index/bg_newsreleases.png) center top no-repeat;background-size:contain;}
._Index .content01Wrap{background:url(/Portals/0/images/index/bg_ir.jpg) center top no-repeat;background-size:cover;}
._Index .content02Wrap{background:url(/Portals/0/images/index/bg_market.png) center top no-repeat #30a28a;background-size:cover;}

._2Columns .contentMiddle .inner:after{content:"";display:block;clear:both;}
._2Columns .sideArea{float:left;width:210px;}
._2Columns .mainArea{float:right;width:730px;}
._1Column .contentMiddle,
._2Columns .contentMiddle,
._1Column_daily .contentMiddle{background:url("/Portals/0/images/common/bg_ttl_content.png") center top no-repeat;}


/* グループを知る(背景) */
._index_group .contentMiddle,
._1Column_group .contentMiddle{overflow:hidden;}
._index_group .mainArea,
._1Column_group .mainArea,
._index_group .contentMiddle > .inner,
._1Column_group .contentMiddle > .inner{position:relative;}
._index_group .contentMiddle > .inner:before,
._index_group .contentMiddle > .inner:after,
._index_group .mainArea:before,
._1Column_group .contentMiddle > .inner:before,
._1Column_group .contentMiddle > .inner:after,
._1Column_group .mainArea:before{content:"";display:block;position:absolute;z-index:-1;margin:auto;}

._index_group .contentMiddle > .inner:before{top:75px;right:inherit;bottom:inherit;left:-310px;width:300px;height:423px;background:url("/Portals/0/images/group/bg_circle01.png") 0 0 no-repeat;}
._index_group .contentMiddle > .inner:after{top:368px;right:-250px;bottom:inherit;left:inherit;width:243px;height:386px;background:url("/Portals/0/images/group/bg_circle02.png") 0 0 no-repeat;}
._index_group .mainArea:before{top:-197px;right:-200px;bottom:inherit;left:inherit;width:243px;height:244px;background:url("/Portals/0/images/group/bg_circle00.png") 0 0 no-repeat;}

._1Column_group .contentMiddle > .inner:before{top:430px;right:inherit;bottom:inherit;left:-310px;width:300px;height:423px;background:url("/Portals/0/images/group/bg_circle01.png") 0 0 no-repeat;}
._1Column_group .contentMiddle > .inner:after{top:725px;right:-250px;bottom:inherit;left:inherit;width:243px;height:386px;background:url("/Portals/0/images/group/bg_circle02.png") 0 0 no-repeat;}
._1Column_group .mainArea:before{top:50px;right:-160px;bottom:inherit;left:inherit;width:374px;height:353px;background:url("/Portals/0/images/group/bg_circle03.png") 0 0 no-repeat;}
/* ===========================================================
 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,
.ModuleTitle_MenuItemSel{font-size:87% !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;}

/*お知らせ表示設定*/
.adminMode table.AnnouncementsSettings.tableSettings > tbody > tr:first-child table[id*="_Settings_grdModule"],
.adminMode table.AnnouncementsSettings.tableSettings > tbody > tr:first-child table[id*="_Settings_grdModule"] > tbody,
.adminMode table.AnnouncementsSettings.tableSettings > tbody > tr:first-child table[id*="_Settings_grdModule"] > tbody > tr,
.adminMode table.AnnouncementsSettings.tableSettings > tbody > tr:first-child table[id*="_Settings_grdModule"] > tbody > tr > th,
.adminMode table.AnnouncementsSettings.tableSettings > tbody > tr:first-child table[id*="_Settings_grdModule"] > tbody > tr > td{display:block;}