html, body {
overflow: hidden;
}
/*---------------------------------------
モーダルウィンドウのstyle
-----------------------------------------*/
#signup {
width: 80%;
min-height: 300px; /* modal windw height size 2016/12/13 t.yoshida */
padding-bottom: 2px;
display:none;
background: #fcfcfc;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
position:absolute; /* 2017/03/21 吉田 */
z-index:1101;
}
/* --------------------------------------------------------------------- */
/* ▼モーダルウィンドウ内 */
/* --------------------------------------------------------------------- */
/*[][] フォーム [][]*/
/* 氏名（タイトル）*/
table#title {
width: 100%;
background: #CCCCCC;
}
table#title td.title-icon{
width: 60px;
}
table#title td.title-right{
text-align: left;
letter-spacing: 5px;
font-size: 120%;
font-weight: bold;
padding: 5px 10px;
}
/*入力フォームテーブル*/
table#form-table {
width: 80%;
margin: 20px auto;
}
table#form-table td{
vertical-align: top;
padding: 10px 0 18px 0;
}
table#form-table td ul li {
}
#signup table#form-table td p {
line-height: 1.4em;
margin-bottom: 5px;
font-size: 24px;
}
table#form-table td select {
line-height: 1.4em;
margin-bottom: 5px;
font-size: 24px;
}
input.yukisakiInput{
width: 18em;
}
table#form-table td.submit-td {
font-size: 30px;
text-align: center;
padding: 0;
padding-top: 15px;
}
table#form-table td.submit-td ul li {
vertical-align: middle;
display: inline-block;
*display: inline;
*zoom: 1;
margin: 5px;
}
/*保存するボタン*/
table#form-table .button1 {
padding: 7px 20px;
color: #FFF;
border: none;
background: #3972AA;
border-radius: 4px; /* CSS3草案 */
-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
-moz-border-radius: 4px; /* Firefox用 */
position: relative;
behavior: url(../PIE.htc);
}
table#form-table .button1:hover {
background: #6699CC;
}
/*キャンセルボタン*/
table#form-table .button2 {
padding: 7px 20px;
color: #FFF;
border: none;
background: #666666;
border-radius: 4px; /* CSS3草案 */
-webkit-border-radius: 4px; /* Safari,Google Chrome用 */
-moz-border-radius: 4px; /* Firefox用 */
position: relative;
behavior: url(../PIE.htc);
}
table#form-table .button2:hover {
background: #999999;
}
table#mode_status_btn {
vertical-align:middle;
width:150px;
}
table#mode_status_btn tr{
height:60px;
}
#signup-header { background: url(../img/hd-bg.png); padding: 18px 18px 14px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; }
#signup-header h2 { color: #444; font-size: 2em; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }
#signup-header p { color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }
#signup .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: right; }
#signup .btn-fld { width: 254px; overflow: hidden; padding: 12px 20px 12px 130px; }
#signup .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #222; font-size: 1.3em; text-align: left; }
#signup .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family: "Helvetica Neue"; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; }
#signup .txt-fld input.good_input { background: #DEF5E1 url(../../img/good.png) 236px center no-repeat; }
#signup .txt-fld input.error_input { background: #FDE0E0; }
p.error { position: absolute; bottom: 48px; right: 20px; width: 262px; color: #FFF; font-size: 1.1em; padding-bottom: 5px; background: url(../img/error-arw.png) 20px bottom no-repeat; text-align: left; margin: 0; text-shadow: none; }
p.error span { display: inline-block; background: #D43636; padding: 6px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.txt-fld input:focus, .txt-fld textarea:focus { background-color: #FAF9DC; }
button {
float: right;
font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
background: #3F9D4A;
border: none;
width: auto;
overflow: visible;
font-size: 1.4em;
color: #FFF;
padding: 7px 10px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4);}
/*×*/
.modal_close1 { position: absolute; top: 10px; right: 15px; display: block; width: 40px; height: 40px; background: url(../../images/close_blue.gif) no-repeat;
z-index: 2; font-weight: bold;}
/*---------------------------------------
ステータス変更用のモーダルウィンドウのstyle
-----------------------------------------*/
/* モーダル コンテンツエリア */
#signup2 {
width: 280px;
height: auto;
margin: 0;
padding: 5px 2vw 5px;
display:none;
background: #D3E0EB;
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
box-shadow: 0px 0px 4px rgba(0,0,0,0.7); -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.7); -moz-box-shadow: 0 0px 4px rgba(0,0,0,0.7);
position: fixed; /* viewpointを相対位置にする */
display: none;
z-index: 7777; /* 「モーダル 背景エリア」よりもスタックレベルを高くする */
}
#signup2 table{
width: 100%;
border-collapse: separate;
background: #D3E0EB;
}
#signup2 td.modeButton_td{
width: 50%;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;
border: 3px solid #D3E0EB;
}
.modeButton{
font-size: 22px;
font-weight: bold;
}
.modeButton:hover{
cursor: pointer;
}
/* モーダル 背景エリア */
.modal_bg {
position: fixed;
top: 0;
left: 0;
z-index: 6666;
display: none;
width: 100%;
height: 120%;
background-color: rgba(0,0,0,0.6);
}
/**
* Media Queries
* ----------------------------------------------------------------------------
*/
@-ms-viewport {
width: device-width;
}
@viewport {
width: device-width;
}
@media screen and (max-width: 980px) {
/* iPad,iPhone用の記述 */
#signup2 {
width: 50%;
padding: 1% 2vw 1%;
}
.modeButton{
font-size: 40px;
height: 40px;
line-height: 40px;
padding-top: 20px;
padding-bottom: 20px;
}
}
@media screen and (max-width: 979px) {
/* 979px以下用（iPad タブレット用）の記述 */
#signup2 {
width: 50%;
padding: 1% 2vw 1%;
}
.modeButton{
font-size: 30px;
height: 30px;
line-height: 30px;
padding-top: 15px;
padding-bottom: 15px;
}
}
@media screen and (max-width: 640px) {
/*640px以降*/
#signup2 {
width: 50%;
padding: 5px 2vw 5px;
}
#signup2 td.modeButton_td{
height: 16px;
border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}
.modeButton{
font-size: 16px;
height: 1em;
line-height: 16px;
padding: 5px 2vw 5px;
}
}