@charset "utf-8";

/*
Theme Name: NIGAOE CONCIERGE
Author: NIGAOE Inc.
Author URI: http://nigaoe-inc.jp/
Description: 似顔絵株式会社顧客管理システム用のテーマです。
Version: 2.0
*/

/*------------------------------------------------
general
--------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, address , abbr, acronym, aress, article, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, section,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, nav,
dl, dt, dd , ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size:inherit;
	background: transparent;
	font-weight:normal;  
	text-decoration:none;
	font-family:inherit;
	color:inherit;
	box-sizing:border-box;
	font-style:normal;
	line-height:inherit;
	text-align:left;
	list-style: none;
}
body{
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color:#333;
	font-size: 16px;
	line-height: 1.4;
}
.container{
	width:1200px;
	margin:0 auto;
	overflow:hidden;
}
a { text-decoration:underline;}
a:hover{ text-decoration:none;}

.duration:before{ content:'(';}
.duration:after{ content:')';}
.hr01{
	border:none;
	border-bottom:1px dotted #999;
	width: 1200px;
	margin:20px auto 50px;
}
img{
	max-width:100%;
}

/*------------------------------------------------
header
--------------------------------------------------*/
header{
	background-color:#222;
	padding:20px 0 0;
	margin-bottom:20px;
}
h1 a{
	color:#FFF;
	float:left;
	text-decoration:none;
	font-size: 20px;
}
#gnav li a{
	float:right;
	font-size:14px;
	padding:6px 10px;
	background-color:#FFF;
	display:block;
	text-decoration:none;
	margin-left:10px;
	margin-top: 2px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
}
#gnav li a:hover{ background-color:#EEE;}


#nav_links{
	background-color:#EEE;
	width:100%;
	margin-top:10px;
}
#nav_links .menu{ *zoom: 1;}
#nav_links .menu:before, #nav_links .menu:after{
  content: "";
  display: table;
}
#nav_links .menu:after{
  clear: both;
}

#nav_links li {
	float:left;
	position:relative;
	text-align:center;
}
#nav_links li a{
	font-size:14px;
	text-decoration:none;
	display:block;
	padding:10px;
	line-height: 1;
}
#nav_links li ul{
	position:absolute;
	z-index:99999;
	top:100%;
	left:0;
}
#nav_links li ul li{ width:100%;}
#nav_links li ul li a{
	padding: 10px;
	text-align:left;
}
#nav_links li:hover > a{ background:#CCC;}
#nav_links li a:hover{ background:#666;}
#nav_links li ul{ display: none;}
#nav_links li:hover ul{ display: block;}





/*------------------------------------------------
pagenation
--------------------------------------------------*/
.wp-pagenavi{
	text-align:center;
	margin-bottom: 80px;
}
.wp-pagenavi .pages{
	display: none;
}
.wp-pagenavi .current{
	display:inline-block;
	border:1px solid #555555 !important;
	text-align:center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color:#FFFFFF;
	background-color:#555555;
	margin:0 3px;
}
.wp-pagenavi a,
.wp-pagenavi .extend{
	text-decoration:none;
	display:inline-block;
	border:1px solid #555555;
	text-align:center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin:0 3px;
	background-color:#FFFFFF;
	color:#555555;
}
.wp-pagenavi a:hover{
	border-color:inherit !important;
}
.wp-pagenavi a,
.wp-pagenavi span{
	padding:0 !important;
}



/*------------------------------------------------
homeCalendar
--------------------------------------------------*/
#homeCalendar{ margin-bottom:30px;}
#homeCalendar .link_prev,
#homeCalendar h2,
#homeCalendar .link_next{
	float:left;
	width:33%;
}
#homeCalendar .link_prev a,
#homeCalendar .link_next a{
	text-decoration:none;
	font-size: 120%;
}
#homeCalendar .link_prev a:hover,
#homeCalendar .link_next a:hover{
	opacity:0.5;
}
#homeCalendar .link_prev{
	text-align:left;
	padding-top:15px;
}
#homeCalendar h2{
	font-weight:bold;
	font-size:2em;
	text-align:center;
}
#homeCalendar h2 span{
	font-size: 50%;
	display:inline-block;
	background-color:#B08D26;
	border-radius:5px;
	color:#FFFFFF;
	padding:3px 10px;
	margin-left: 5px;
	vertical-align:middle;
	font-weight:bold;
}
#homeCalendar h2 span i{
	display:inline-block;
	margin-right: 6px;
}
#homeCalendar .link_next{
	text-align:right;
	padding-top:15px;
}
#homeCalendar table{
	width:100%;
	border-collapse:collapse;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
}
#homeCalendar th,
#homeCalendar td{
	width:14%;
	font-size:14px;
	border-bottom:solid 1px #BBB;
	border-right:solid 1px #BBB;
}
#homeCalendar td.sat{
	background-color:#E1F2FF;
}
#homeCalendar td.sun,
#homeCalendar td.holiday{
	background-color:#FCF2F2;
}
#homeCalendar .today{ background-color:#F2FFEF;}
#homeCalendar .event{
	text-align:left;
}
#homeCalendar th{
	background-color:#555;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:5px;
}
#homeCalendar td{
	text-align:left;
	padding:10px 8px 15px;
	vertical-align:top;
	line-height:100%;
	height:80px;
}
.seisakucalendar_date{
	font-size:18px;
	font-weight:bold;
	padding-left: 5px;
}
.holidayname{
	color:#CC070A;
	font-size:14px;
	padding-left: 10px;
}
.seisakucalendar_item{
	padding:13px 0px;
	border-bottom:1px dotted #999;
}
.seisakucalendar_item:hover{ background-color:#F9F9F9;}
.holiday .seisakucalendar_item:hover,
.sun .seisakucalendar_item:hover{ background-color:#FFF9F9;}
.sat .seisakucalendar_item:hover{ background-color:#EEF9FF;}
.today .seisakucalendar_item:hover{ background-color:#F7FDF8;}
#homeCalendar td a{
	text-decoration:none;
	display:block;
}
.seisakucalendar_title{
	font-size: 15px;
	line-height: 1.4;
}
.seisakucalendar_hosoku{
	font-size:11px;
	color:#CC070A;
	line-height:110% !important;
	display:block;
	padding-top: 2px;
}
.seisakucalendar_schedule .seisakucalendar_title{
	color:#FFFFFF;
	font-size: 80%;
	padding:3px 5px;
	border-radius:3px;
	background-color:#3360A7;
	display: block;
	line-height: 1.2;
	margin-bottom: 3px;
}
.seisakucalendar_schedule .seisakucalendar_title i{
	display:inline-block;
	margin-right: 3px;
}
.seisakucalendar_schedule .seisakucalendar_hosoku{ color:#333 !important;}
.calendar_icon{
	vertical-align:top;
	display:inline-block;
	margin-left: 1px;
	text-indent: -9999px;
	width: 14px;
	height: 14px;
	margin-top: 2px;
}
.calendar_gaku_white{ background:url(lib/images/calendar_icon_gaku_white.png);}
.calendar_gaku_natural{ background:url(lib/images/calendar_icon_gaku_natural.png);}
.calendar_ss{ background:url(lib/images/calendar_icon_ss.png);}
.calendar_sm{ background:url(lib/images/calendar_icon_sm.png);}
.calendar_sl{ background:url(lib/images/calendar_icon_sl.png);}
.calendar_fs{ background:url(lib/images/calendar_icon_fs.png);}
.calendar_fm{ background:url(lib/images/calendar_icon_fm.png);}
.calendar_fl{ background:url(lib/images/calendar_icon_fl.png);}
.calendar_4go{ background:url(lib/images/calendar_icon_4go.png);}
.calendar_6go{ background:url(lib/images/calendar_icon_6go.png);}
.calendar_8go{ background:url(lib/images/calendar_icon_8go.png);}
.calendar_undecided{ background:url(lib/images/calendar_icon_undecided.png);}
.calendar_gaku_undecided{ display:none;}
.calendar_pay_furikomi{ background:url(lib/images/calendar_icon_furikomi.png);}
.calendar_pay_daibiki{ background:url(lib/images/calendar_icon_daibiki.png);}
.calendar_pay_atobarai{ background:url(lib/images/calendar_icon_atobarai.png);}
.calendar_pay_undecided{ display:none;}
.calendar .progress_cancel{ display: none !important;}
.calendar .progress_hazzouzumi{ opacity:0.5;}

/*------------------------------------------------
homeTable
--------------------------------------------------*/
#homeTable{ margin-bottom:50px;}
.table01{
	width:100%;
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	border-collapse:collapse;
}
.table01 tr:hover{ background-color:#E1F2FF;}
.table01 th,
.table01 td{
	padding:10px;
	vertical-align:middle;
	border-bottom:solid 1px #BBB;
	border-right:solid 1px #BBB;
	text-align:center;
}
.table01 th{
	background-color:#555;
	color:#FFF;
	font-weight:bold;
}
.table01 .gratefulones,
.table01 .birdful{
	min-width:50px;
	min-height:50px;
	text-indent:-10000px;
}
.table01 .hosoku{
    text-align: center;
    margin: 5px;
	font-size:14px;
	line-height:1.2;
}
.table01 .hosoku em{
	color:#C90003;
}
.table01 td li{ text-align:center;}
.table01 caption{
	text-align:center;
	font-size: 1.5em;
	font-weight:bold;
	margin-bottom: 15px;
	letter-spacing:0.1em;
}
.denpyou input[type="text"]{
	border:none;
	font-family:inherit;
	font-size:inherit;
	text-align:center;
	width:8em;
	padding:5px 0;
	line-height: 1;
	background-color:transparent;
}
.denpyou button{
	font-family:inherit;
	line-height: 1;
	background-color: #0C699C;
	color: #FFFFFF;
	border-radius:5px;
	padding:5px;
	border:none;
	cursor:pointer;
	font-size: 80%;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.denpyou button:hover{
	opacity:0.8;
}
.denpyou button i{
}
#singlecontents .denpyou input[type="text"]{
	text-align:left;
}
.progress_seisakuok .mainTable_progress{
	font-weight:bold;
	color:#900A0D;
}
.mainTable_image{
    width: 100px;
}


/*------------------------------------------------
singlecontents
--------------------------------------------------*/
#singlecontents .simei{
	background-color:#DDD;
	padding:15px 20px;
	width:100%;
	margin-bottom:20px;
}
#singlecontents h2{
	float:left;
	letter-spacing:0.1em;
	line-height: 1;
}
#singlecontents h2 em{
	font-weight:bold;
	font-size:25px;
	margin-right: 20px;
}
#singlecontents h2 span{
	font-size: 16px;
	background-color:#666;
	color:#FFF;
	padding: 7px 10px;
	margin-right: 10px;
	display:inline-block;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
#singlecontents .simei a{
	margin-left:2em;
}
#singlecontents .titlelink{
	float:right;
	margin-top:6px;
}
#singlecontents .left{
	width:580px;
	float:left;
}
#singlecontents .right{
	width:600px;
	float:right;
}
#singlecontents .left h3,
#singlecontents .right h3{
	font-weight:bold;
	font-size: 120%;
}
#singlecontents .left h3 i,
#singlecontents .right h3 i{
	display:inline-block;
	margin-right: 5px;
}
#singlecontents table{
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	width:100%;
	margin-bottom:30px;
}
#singlecontents .right table{ width:580px;}
#singlecontents tr:hover th,
#singlecontents tr:hover td{ background-color:#E1F2FF !important;}
#singlecontents th,
#singlecontents td{
	padding:10px 20px;
	vertical-align:middle;
	border-bottom:solid 1px #BBB;
	border-right:solid 1px #BBB;
	vertical-align:top;
}
#singlecontents th{
	background-color:#DDD;
	width:130px;
}
#singlecontents .right img{ margin-bottom:50px;}
.single_hosoku p{ color:#D70104 !important;}
#singlecontents .caption{
	font-size: 20px;
	background-color:#333;
	color:#FFF;
	padding:10px 15px;
}
.fixed{
	position:fixed;
	top:0;
	width: 1200px !important;
	padding:32px 0 0;
	background-color:#FFF;
	box-shadow: 0 15px 5px -5px rgba(0,0,0,0.4);
}
.fixed .simei{ margin-bottom:0 !important;}


#singlecontents .csv textarea{
	width: 580px;
	height:0;
	position:absolute;
	overflow:hidden;
	font-size: 0.8em;
	padding:10px 0;
	border:none;
	opacity:0;
}
#singlecontents .csv .copybtn{
	width: 580px;
	display: block;
	text-align:center;
	padding:0;
	line-height: 50px;
	border:0;
	background-color:#666666;
	color:#FFFFFF;
	cursor:pointer;
	font-family:inherit;
	font-size:inherit;
	letter-spacing:0.1em;
}
#singlecontents .csv .copybtn i{
	display:inline-block;
	margin-right: 10px;
}
#singlecontents .csv .copybtn:hover{
	opacity:0.8;
}
#singlecontents .csv .copybtn:active{
	opacity:0.5;
}
#teikeibun_copybtn{
	margin-bottom: 20px;
}
#teikeibun_copybtn button{
	-moz-appearance: none;
	-webkit-appearance: none;
	border:none;
	display:inline-block;
	cursor:pointer;
	background-color:#0C699C;
	color:#FFFFFF;
	padding:10px 20px;
	margin-right: 5px;
	font-family:inherit;
	font-size:inherit;
	border-radius:5px;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#teikeibun_copybtn button:hover{
	opacity:0.8;
}
#teikeibun_copybtn button i{
	display:inline-block;
	margin-right: 5px;
}
.seisakuNo{
	position:fixed;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,0.8);
	z-index:99999999;
	top:0;
	left:0;
}
.seisakuNo_inner{
	position:relative;
	width: 100%;
	height: 100%;
	overflow:hidden;
}
.seisakuNo_box{
	background-color:#FFFFFF;
	width: 500px;
	padding:50px;
	margin:50vh auto 0;
	transform:translateY(-50%);
}
.seisakuNo p{
	font-size: 300%;
	font-weight:bold;
	text-align:center;
	color:#000000;
	line-height: 1;
}
.seisakuNo a{
	display: block;
	font-size: 120%;
	margin:30px auto 0;
	background-color:#0C699C;
	color:#FFFFFF;
	padding: 10px 0;
	width: 300px;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
}




/*------------------------------------------------
schedule
--------------------------------------------------*/
.schedule_td01{ text-align:left !important;}

/*------------------------------------------------
koe
--------------------------------------------------*/
.page-koe{
	font-size: 0.8em;
}
.page-koe_td01{
	text-align:left !important;
	width: 100px;
}
.page-koe_td01 li{
	text-align:left !important;
	margin-bottom: 10px;
	display: block;
}
.page-koe_td02{
	text-align:left !important;
	width: 400px;
}
#pageHeader h2{
	text-align:center;
	font-weight:bold;
	font-size: 2em;
	margin-bottom: 20px;
}

/*------------------------------------------------
links
--------------------------------------------------*/
#links h2{
	font-size: 2em;
	margin-bottom: 0.5em;
}
#links table{
	border-top:solid 1px #BBB;
	border-left:solid 1px #BBB;
	width:100%;
	margin-bottom:30px;
	border-collapse:collapse;
}
#links th,
#links td{
	padding:1.5em 1em;
	vertical-align:middle;
	border-bottom:solid 1px #BBB;
	border-right:solid 1px #BBB;
	vertical-align:top;
}
#links th{
	background-color:#F3F3F3;
	width:30%;
	line-height: 1;
}
#links th a{ text-decoration:none;}
#links th a:hover{ opacity:0.8;}
#links th span{
	display:inline-block;
	font-size: 0.7em;
	padding: 0.3em 0;
	text-align:center;
	margin-right: 0.8em;
	background-color:#000000;
	width: 4em;
	color:#FFFFFF;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}
.links_category_gaku{ background-color:#600A0C !important;}
.links_category_mat{ background-color:#0A3B4D !important;}
.links_url{
	font-size: 0.8em;
	line-height: 1;
}
.links_description{
	font-size: 0.95em;
	padding-top: 1em;
	line-height: 1.7
}


#wpadminbar li .fa {
    font-family: FontAwesome !important;
	color:#a0a5aa;
	font-size: 1.2em;
	padding-right: 5px;
}
#wpadminbar li:hover .fa{
	color:#00b9eb;
}