@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Lato|Lato');
/*!
 * Default theme for Pingendo
 * Homepage: http://pingendo.com
 * Copyright 2015 Pingendo
 * Licensed under MIT
 * Based on Bootstrap v3.3.4
*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Add custom CSS classes here
 *
 * img {
 *   box-shadow : 0px 0px 10px black !important;
 * }
*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/** General Style Info **/
/*
body {
	/*background: #003d4c;*/
	background: #164a84; /*add2015_12_25*/
	color: #fff;
	font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
	/*font-size:90%;  20150127 */
	margin: 0;
}
*/
a img {
	border:none;
}

b, strong {
    font-weight: bold;
}

fieldset {
	border: 1px solid activecaption;
}

fieldset legend{
	margin-left:10px;
	width:150px
}

#hd_name h3{

}

.hd_title {
  font-size: 1.2em;
  font-weight: bold;
  padding: 10px 0 0 0;
  color: white;
}
#hd-nav {
  padding: 10px 0 0 10px;
}

/*::: 背景色 :::::*/
.cl-gray {
  background-color: #bcbdc0;
}
.cl-graylight {
  /*background-color: #d1d2d4;*/
  background-color: #e9e9e9;
}
.cl-gray1 {
  background-color: #efefef;
}

.cl-wheat {
  background-color: #f5deb3
 }

/*::::日報　今日 の背景色::::*/
.today_clr{
	background-color:#f6eaab;
}

/*::: 文字色 :::::*/
.clfnt-gray{
	color:#c0c0c0;
}

/*::: 高さ :::::*/
.ht10 {
  height: 10px;
}
.ht20 {
  height: 20px;
}
.ht30 {
  height: 30px;
}
.ht50 {
  height: 50px;
}
.ht70 {
  height: 70px;
}
.ht80 {
  height: 80px;
}
.ht100 {
  height: 100px;
}
.ht150 {
  height: 150px;
}
.ht200 {
  height: 200px;
}



/*::: 文字サイズ :::::*/
.s13em{
	font-size:1.3em;

}
.s13emb{
	font-size:1.3em;
	font-weight:bold;

}
.s15em{
	font-size:1.5em;

}
.s2em{
	font-size:2em;

}
/*::: 文字サイズ :::::*/
.s1emb{
	font-size:1em;
	font-weight:bold;

}

/*:::::::: マージン ::::::::::*/
.mg_top_30{
	margin-top:30px;
}
.mgn-left20 {
	margin-left:20px;
}
.mg_topbottom_5{
	margin-top:5px;
	margin-bottom:5px;
}

/*::::::: チェックボックス・ラジオボタン　:::::*/
.checkradio {
   padding: 6px;
}

.checkradio input[type=radio],
.checkradio input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}

.checkradio input[type=radio] + label,
.checkradio input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    margin-right: 12px;
    font-size: 14px;
    line-height: 30px;
    cursor: pointer;
}

    .checkradio input[type=radio],
    .checkradio input[type=checkbox] {
        display: none;
        margin: 0;
    }

    .checkradio input[type=radio] + label,
    .checkradio input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }

    .checkradio input[type=radio] + label::before,
    .checkradio input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: #FFF;
    }

    .checkradio input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }

    .checkradio input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }

    .checkradio input[type=radio]:checked + label::after,
    .checkradio input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .checkradio input[type=radio]:checked + label::after {
        left: 5px;
        width: 8px;
        height: 8px;
        margin-top: -4px;
        background: #E71063;
        border-radius: 8px;
    }

    .checkradio input[type=checkbox]:checked + label::after {
        left: 3px;
        width: 16px;
        height: 8px;
        margin-top: -8px;
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }




#menu li {
  height: 20px;
  margin: 10px 0;
  font-size: 0.9em;
  font-weight: bold;
  color: #57575a;
}
.phr {
  border-width: 5px 0 0 0; /* 太さ */
  border-style: solid; /* 種類 */
  border-color: #bcbdc0; /* 色 */

}

.phr-black {
  border-width: 5px 0 0 0; /* 太さ */
  border-style: solid; /* 種類 */
  border-color: #000; /* 色 */

}

#menu_gray{
	background:#333333;
	opacity: 0.6;
}

/* ストライプの色を変える*/
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
 /*  background-color:#abced8; */
}
/* hover color */
.table-hover tbody tr:hover td, .table-hover tbody tr:hover th {
  background-color: #87cefa;
}

/****** テーブル　昇順/降順 ******/
th a.asc:after {
	content: ' ⇣';
}
th a.desc:after {
	content: ' ⇡';
}

/**** ページング **************/
/** Paging **/
.paging {
	/*background:#fff;*/
	background:#f4f4f4;
	color: #ccc;
	margin-top: 1em;
	clear:both;
}
.paging .current,
.paging .disabled,
.paging a {
	text-decoration: none;
	padding: 5px 8px;
	display: inline-block
}
.paging > span {
	display: inline-block;
	/*border: 1px solid #ccc; rep2016-10-04*/
	border-left: 0;
}
.paging > span:hover {
	background: #efefef;
}
.paging .prev {
	border-left: 1px solid #ccc;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
}
.paging .next {
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	border-radius: 0 4px 4px 0;
}
.paging .disabled {
	color: #ddd;
}
.paging .disabled:hover {
	background: transparent;
}
.paging .current {
	/*background: #efefef;*/
	background: #e8d3c7;
	color: #c73e14;
}

.paging a:hover {
	/*color: #367889;*/
	color: #a22041; /*add2015_12_25*/
	text-decoration:none;
}

/* Form errors */
form .error {
	background: #FFDACC;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	font-weight: normal;
}
form .error-message {
	-moz-border-radius: none;
	-webkit-border-radius: none;
	border-radius: none;
	border: none;
	background: none;
	margin: 0;
	padding-left: 4px;
	padding-right: 0;
}
form .error,
form .error-message {
	color: #9E2424;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
}

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

.dispmes,
.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);
}
.dispmes,
.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);
}

.dispmes {
	clear: both;
	color: #6c3524;
	border: 1px solid #f39800;
	background: #fcc800;
	background-repeat: repeat-x;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#76BF6B), to(#3B8230));
	background-image: -webkit-linear-gradient(top, #fff3b8, #fff462);
	background-image: -moz-linear-gradient(top, #fff3b8, #fff462);
	background-image: -ms-linear-gradient(top, #fff3b8, #fff462);
	background-image: -o-linear-gradient(top, #fff3b8, #fff462);
	background-image: linear-gradient(top, #fff3b8, #fff462);
	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;
}

.message {
    font-size: 100%;
    font-weight: normal;
}
/**** error page ******/
#errorpage h1, #errorpage h2, #errorpage h3, #errorpage h4 {
	font-weight: normal;
	margin-bottom:0.5em;
}

#errorpage h1 {
	background:#fff;
	/*color: #003d4c;*/
	color: #a22041; /*add2015_12_25*/
	font-size: 100%;
}
#errorpage h2 {
	background:#fff;
	color: #e32;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 190%;
}
#errorpage h3 {
	color: #2c6877;
	font-family:'Gill Sans','lucida grande', helvetica, arial, sans-serif;
	font-size: 165%;
}
#errorpage h4 {
	color: #993;
	font-weight: normal;
}



/*:::::::::  個別ベージ設定 :::::::::::::::*/
/* base_info_table  */
#base_info_table th {
	border-bottom:1px;
	height:50px;
	width:30%;
	vertical-align: middle;
}

#base_info_table td {
	border-bottom:1px;
	height:50px;
	width:70%;
	vertical-align: middle;
}

/* entry_recept_table  */
#entry_recept_table th {
	border-bottom:1px;
	height:50px;
	width:30%;
	vertical-align: middle;
}

#entry_recept_table  td {
	border-bottom:1px;
	height:50px;
	width:70%;
	vertical-align: middle;
}

/*画像削除ボタン*/

.imgDelBtn {
	width: 100%;
    padding: 2px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

    box-shadow: 0 1px 2px rgba(0,0,0,.075);

    display: block;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    transition: border .2s ease-in-out;

    border-collapse: separate;
    border-spacing: 0;

    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
    vertical-align: baseline;
}

.imgDelBtn input[type="button"]{
margin:0 10px;
padding:3px 10px;
background:#005c57;
border:0;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.5;
font-size:100%;
color:#fff;
}


/*:::::::::  個別ページ設定　End

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	.non-display
	{
		display: none;
	}
}
/*   SQL LOG   */
.cake-sql-log {
    background: #fff none repeat scroll 0 0;
}
table.cake-sql-log {
    border-right: 0 none;
    clear: both;
    color: #333;
    margin-bottom: 10px;
    width: 100%;
}

 /*:::: テーブル　hd 背景色 ::::*/
 table th {
    background-color: #337cbb;
    color:#ffffff;
}
/***** 操作  *****/
 table th.action {
    background-color: tan;
    color:#252525;
}

/***** ステータス  *****/
 table th.status {
    background-color: lightGreen;
    color:#252525;
}

/***** フィールド名設定  *****/
.fld_name_red h5 {
	    border-bottom: 2px solid #FD3F61;
	    padding-bottom:5px;
}

.fld_name_blue h5 {
	    border-bottom: 2px solid #4B90AD;
	    padding-bottom:5px;
}

/*::: 囲い枠 :::::*/
.box {
    border: 2px solid #ccc;
    padding: 1rem 1rem;
    margin: 1rem 0;
}

/*::: 確認画面 :::::*/
.wrap {
    width: 100%;
    /*max-width: 1040px;*/
    max-width:1040px;
    padding: 1rem 1rem;
    padding: 0.5rem 1rem;
    margin: 0 30px;
    margin-bottom: 0px;
    clear: both;
    display: block;
    position: relative;
    background: #fff;
}

.contact-form {
    margin-bottom: 1rem;
}

dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

dt {
    width: 35%;
    margin: 0;
    background: transparent;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    ont-weight: bold;
}

dd {
    width: 65%;
    margin: 0;
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #ccc;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.font-bold {
    font-weight: bold;
}

.font-red2 {
    color: #f12a48 !important;
}

.box_flex-02 {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.box_flex-02-left {
    width: 49%;
}

.box_flex-02-right {
    width: 49%;
}

.discount {
    padding: .2rem .5rem .2rem;
    font-size: .8rem;
    margin-left: .5rem;
    color: #fff;
    background: #f12a48;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.sex-man {
    padding: .2rem .5rem .2rem;
    font-size: .8rem;
    margin-right: .5rem;
    color: #fff;
    background: #4B90AD;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.sex-woman {
    padding: .2rem .5rem .2rem;
    font-size: .8rem;
    margin-right: .5rem;
    color: #fff;
    background: #FD3F61;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.font-big {
    font-size: 1.3em;
}

.font-small {
    font-size: .75em;
}

#InputApplyKakuninCheckBox {
	width:20px;
	height:20px;
	-moz-transform:scale(1.4);
	-webkit-transform:scale(1.4);
	transform:scale(1.4);
	vertical-align:middle;
}



/*::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/* Add custom CSS classes end
*
*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/