@charset "UTF-8";
/* CSS Document */



/*　itemが空の場合非表示　*/
.empty_items {display:none;}
.is_items {}


/*　共通　*/
.layoutbox {max-width: var(--layoutbox); margin: auto; padding: 0 10px 25px 10px; }

dt.mfp {font-weight: bold;}


/*index.php*/
table.item {width: 100%;-webkit-text-size-adjust: 100%;} 
table.item tr td { border-bottom: 2px solid #ccc; text-align: center; padding: 6px 1px; margin: 0; white-space: nowrap;}
table.item tr td.name {white-space: normal;}



/*index-form.php*/

.fix {display: inline-block; padding: 10px 12px; background: #222;  margin: 0 0 30px -8px;}
a.fix , a:visited.fix  {color: #fff;}



.w-d {
width: 100%;
display: flex; justify-content:center;align-items:center;
margin: 0;
padding: 20px 0 20px;
text-align: center;
font-size:2.7vw;
font-weight: bold;
text-shadow: 2px 2px 4px #222;
letter-spacing:0.1em; line-height: 1.5; margin-bottom: 0.5em;
color: #fff;
box-shadow: 0 5px 10px #ccc;
/*border-bottom:  double 8px #CC0000;
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";*/
}
.w-d img {vertical-align: middle; width: 110px; height: auto; margin: 7px 20px 0 0;}
@media screen and (max-width:660px) {
.w-d {font-size:6.0vw;padding: 10px 0 10px;}
.w-d img {width: 90px; height: auto; margin: 7px 12px 0 0;}
}

.inqTxt { margin: 15px auto 30px; text-align: center;}
.footer_signature {
position:fixed!important; bottom: 0!important; width: 100%; color: #fff; font-size: 90%; padding: 4px; text-align: center; box-shadow: 0 -5px 10px #ccc;
}

b {font-size:120%; font-weight: 900; color: #FF0000;}
strong {font-size:120%; font-weight: 900;}
.itemnames {font-weight: 900;padding: 4px 10px; border: solid 1px #ccc; border-radius: 8px; display: inline-block; background: #000; color: #fff;}



/* 入力エラーのスタイル 
input[type=text]:required,
input[type=email]:required,
input[type=email]:invalid,
textarea:required {
	color: #630015;
	border-color: #c20c33;
	background-color: #ffd9e1;
}*/

/* 入力値が正常な時のスタイル
input[type=text]:valid,
input[type=email]:valid,
textarea:valid {
	color: #333;
	border-color: #ccc;
	background: #fff;
}*/ 

/* inputのすぐ隣に配置するメッセージ要素 */
.error-message {
  font-size: 12px;
  color: #ff7676;
  display: none; /* 非表示に */
}
/* :invalid時だけ隣の要素を表示 */
input:invalid + .error-message  {
  display: block;
}