@charset "UTF-8";
/*=============================================================
 02_base
=============================================================*/
/*!  02_base
================================================ */
html { overflow: auto; }
body { min-width: 320px; line-height: 1.54; color: #444; font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ ゴシック",sans-serif; font-size: 1.3rem; -webkit-text-size-adjust: 100%; }
a { color: #1a4fa0; text-decoration: underline; }
@media screen and (min-width: 600px) { .alpha a { -webkit-transition: opacity .3s; transition: opacity .3s; }  .alpha a:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }
.cf:after { display: block; clear: both; content: " "; }
img { width: 100%; max-width: 100%; height: auto; }
@media screen and (min-width: 600px) { img { width: auto; } }
#wrapper { position: relative; padding-top: 50px; }
#main { position: relative; padding: 40px 15px 50px; }
@media screen and (min-width: 600px) { #main { width: 1000px; margin: 0 auto; padding: 120px 0 114px; } }
@media screen and (min-width: 600px) { .viewSp { display: none !important; } }
.viewPc { display: none !important; }
@media screen and (min-width: 600px) { .viewPc { display: block !important; } }
textarea , button { border: 0; outline: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
textarea { border-radius: 0; }
select , input[type="checkbox"] , input[type="radio"] { cursor: pointer; }
select:disabled , input[type="checkbox"]:disabled , input[type="radio"]:disabled { cursor: default; }
input[type="checkbox"] + label , input[type="radio"] + label { cursor: pointer; }
@media screen and (min-width: 600px) { button { -webkit-transition: opacity .3s; transition: opacity .3s; }  button:hover { opacity: .7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }
.overlay { display: none; position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; }
/*=============================================================
 03_layout
=============================================================*/
/*!  #gHeader
================================================ */
#gHeader { position: fixed; top: 0; left: 0; z-index: 10; width: 100%; background: #24527a; font-family: "Noto Sans JP","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif; }
/*!  #hdIn
================================================ */
#hdIn { display: flex; position: relative; align-items: center; box-sizing: border-box; height: 50px; padding: 5px 16px; }
#hdIn .logo { flex: 1 1 auto; width: auto; min-width: 0; padding: 0; line-height: 1.2; }
#hdIn .logo a { display: flex; align-items: center; padding: 0; color: #fff; font-weight: bold; font-size: 1.6rem; letter-spacing: .8px; text-decoration: none; }
#hdIn .logo a:before { display: block; flex-shrink: 0; width: 24px; height: 22px; margin-right: 5px; background: url(../img/common/logo_header01.png) no-repeat 50% 50%; background-size: cover; content: ""; }
#hdIn .logo .corp { display: none; }
#hdIn .accountName { display: none; }
#hdIn .btnMenu { display: flex; flex-shrink: 0; box-sizing: border-box; align-items: center; justify-content: center; width: 40px; height: 40px; padding: 4px; background: none; cursor: pointer; }
#hdIn .btnMenu span { display: block; width: 24px; height: 24px; overflow: hidden; background: url(../img/common/ico_menu01.svg) no-repeat 50% 50%; background-size: 18px 16px; text-indent: 150%; white-space: nowrap; }
#hdIn .btnMenu.open span { background-image: url(../img/common/ico_close02.svg); background-size: 24px 24px; }
/*!  #gNav
================================================ */
#gNav { display: none; position: absolute; top: 100%; right: 0; z-index: 9; box-sizing: border-box; width: 250px; padding: 0 0 16px; overflow: hidden; border-bottom-left-radius: 16px; background: #616161; }
#gNav.open { display: block; }
#gNav .listLink .item { border-top: 1px solid #fff; }
#gNav .listLink .item:last-child { border-bottom: 1px solid #fff; }
#gNav .listLink .item a { display: flex; box-sizing: border-box; align-items: center; min-height: 34px; padding: 16px 20px; color: #fff; font-weight: bold; font-size: 1.4rem; letter-spacing: .7px; text-decoration: none; }
#gNav .listLink .item a:before { display: block; flex-shrink: 0; width: 18px; height: 18px; margin-right: 3px; background-repeat: no-repeat; background-position: 50% 50%; background-size: 18px 18px; content: ""; }
#gNav .listLink .client a:before { background-image: url(../img/common/ico_client01.svg); }
#gNav .listLink .account a:before { background-image: url(../img/common/ico_account01.svg); }
#gNav .areaAccount { margin-top: 20px; }
#gNav .accountNameSp { margin-bottom: 12px; padding: 0 20px; color: #fff; font-weight: 500; font-size: 1.4rem; letter-spacing: .7px; }
#gNav .btnLogout { display: flex; box-sizing: border-box; align-items: center; justify-content: center; min-height: 34px; margin: 0 16px; padding: 8px 20px; border-radius: 5px; background-image: linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(0,0,0,.06) 100%), linear-gradient(90deg, #eb100e 0%, #eb100e 100%); color: #fff; font-weight: bold; font-size: 1.4rem; letter-spacing: .7px; text-align: center; text-decoration: none; }
@media screen and (min-width: 768px) { #hdIn { padding: 5px 30px 5px 24px; }  #hdIn .logo { flex: 1 1 0; max-width: 370px; }  #hdIn .logo .corp { display: inline; margin-right: .5em; }  #hdIn .accountName { display: flex; box-sizing: border-box; flex: 1 1 auto; align-items: center; justify-content: flex-end; min-height: 34px; padding: 8px 20px 8px 0; }  #hdIn .accountName:before { display: block; flex-shrink: 0; width: 18px; height: 18px; margin-right: 3px; background: url(../img/common/ico_person02.svg) no-repeat 50% 50%; background-size: 18px 18px; content: ""; }  #hdIn .accountName .name { color: #fff; font-weight: bold; font-size: 1.4rem; letter-spacing: .7px; white-space: nowrap; }  #gNav .accountNameSp { display: none; }  #gNav .btnLogout { margin: 0 30px; } }
@media screen and (min-width: 1244px) { #hdIn { padding: 8px 30px 8px 24px; }  #hdIn .logo { order: 1; }  #hdIn .accountName { order: 3; flex: 1 1 0; min-width: 80px; }  #hdIn .btnMenu { display: none; }  #gNav , #gNav.open { display: contents; }  #gNav .listLink { order: 2; display: flex; flex: 1 1 0; align-items: center; gap: 20px; max-width: 330px; }  #gNav .listLink .item { flex: 1 1 0; min-width: 0; border: 0; }  #gNav .listLink .item:last-child { border: 0; }  #gNav .listLink .client { max-width: 120px; }  #gNav .listLink .account { max-width: 160px; }  #gNav .listLink .item a { justify-content: center; min-height: 34px; padding: 8px 10px; border-radius: 5px; font-size: 1.6rem; line-height: 18px; letter-spacing: .8px; }  #gNav .listLink .item a:before { margin-right: 4px; }  #gNav .areaAccount { order: 4; flex-shrink: 0; margin: 0; }  #gNav .btnLogout { width: 120px; margin: 0; } }
/*!  #breadcrumb
================================================ */
#breadcrumb { width: 1000px; margin: 0 auto; }
#breadcrumb ol { overflow: hidden; padding: 15px 0; }
#breadcrumb ol li { float: left; line-height: 1.2; color: #284e9b; font-size: 1.2rem; }
#breadcrumb ol li + li { padding-left: 11px; }
#breadcrumb ol li + li:before { margin-right: 5px; color: #333; content: ">"; }
#breadcrumb ol li a { display: inline-block; color: #333; }
/*!  #gFooter
================================================ */
#gFooter { position: relative; background: url(../img/common/bg_pattern01.png) repeat; background-size: 5px; }
@media screen and (min-width: 600px) { #gFooter { background-size: 10px; } }
#ftIn { padding: 40px 15px 22px; }
#ftIn .logo { margin: 0 0 20px; }
#ftIn .logo img { width: 262px; }
#ftIn .copy { color: #808080; font-size: 1.0rem; text-align: center; letter-spacing: 0; }
@media screen and (min-width: 600px) { #ftIn { width: 1024px; overflow: hidden; margin: 0 auto; padding: 60px 0 53px; }  #ftIn .logo { float: left; width: auto; margin: 0; }  #ftIn .logo img { width: auto; }  #ftIn .copy { float: right; width: auto; padding: 10px 0 0; font-size: 1.3rem; text-align: right; } }
/*=============================================================
 05_helper
=============================================================*/
/*!  .js-name
================================================ */
/*=============================================================
 06_lib
=============================================================*/

/** Notices and Errors **/
.message {
	clear: both;
	color: #fff;
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 5px;
}

.success,
.message,
.cake-error,
.cake-debug,
.notice,
p.error,
.error-message {
	background: #ffcc00;
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -ms-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#E6B800));
	background-image: -webkit-linear-gradient(top, #ffcc00, #E6B800);
	background-image: -o-linear-gradient(top, #ffcc00, #E6B800);
	background-image: linear-gradient(top, #ffcc00, #E6B800);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.2);
	margin-bottom: 18px;
	padding: 7px 14px;
	color: #404040;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.success,
.message,
.cake-error,
p.error,
.error-message {
	clear: both;
	color: #fff;
	background: #c43c35;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.success {
	clear: both;
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background: #3B8230;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -moz-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -ms-linear-gradient(top, #76BF6B, #3B8230);
	background-image: -o-linear-gradient(top, #76BF6B, #3B8230);
	background-image: linear-gradient(top, #76BF6B, #3B8230);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
p.error {
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
p.error em {
	font-weight: normal;
	line-height: 140%;
}
.notice {
	color: #000;
	display: block;
	font-size: 120%;
	padding: 0.8em;
	margin: 1em 0;
}
.success {
	color: #fff;
}

/* ▼カスタマイズ▼ */
/* お客様閲覧用ユーザの時非表示 */
/*顧客一覧*/
html#users_id_1341 section.mod_sec01:nth-of-type(2),
html#users_id_1341 .clients .listClients > .item .member dt:nth-of-type(-n+3),
html#users_id_1341 .clients .listClients > .item .member dd:nth-of-type(-n+3),
/*顧客検索*/
html#users_id_1341 .searchPanel .searchItem:not(.name):not(.industry):not(.pref):not(.openDay):not(.plan):not(.planExclusion),
/*詳細画面*/
html#users_id_1341 .projectDetail .opEdit,
html#users_id_1341 .projectDetail .hidden_items,
html#users_id_1341 .projectDetail .memberRows,
html#users_id_1341 .projectDetail .production,
html#users_id_1341 .projectDetail .report {
	display: none;
}
/* ▲カスタマイズ▲ */