@charset "utf-8";

input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}

form {
	margin:0; padding:0;
}

input {
	font-size:16px;
}

table {
	width:100%;
	border-collapse : collapse;
}

tr {
	height : 40px;
}

td {
	border : solid 1px #000;
}

caption {
	font-weight: bold;
}

select {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 140%;
	font-size:16px;
}

#wrapper {
	text-align : center;
	width : 100%;
	padding-bottom : 50px;
}

#header {
	width : 100%;
}

.b18 {
	font-size : 18px;
	font-weight : bold;
}

.btn {
    height : 30px;
	font-size : 14px;
	font-weight : bold;
	color : #FFF;
	background-color : #6495ED;
}

.noborder {
	border : none;	
	text-align:center;
}

.noborder_r {
	border : none;	
	text-align:right;
}

.noborder_l {
	border : none;	
	text-align:left;
}

.border1px {
	border : 1px #000000 solid;	
	text-align:center;
	vertical-align:middle;
}

/* for td */
.b1pc {
	border : 1px #000000 solid;	
	text-align:center;
	vertical-align:middle;
	padding:2px;
}

/* for td */
.b1pl {
	border : 1px #000000 solid;	
	text-align:left;
	vertical-align:middle;
	padding:2px;
}

.submit_back {
    height : 30px;
	width : 100px;
    background-color : hotpink;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 140%;
	font-size:14px;
	font-weight: bold;
}

.submit_next {
    height : 30px;
	width : 100px;
    background-color : aqua;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 140%;
	font-size:14px;
	font-weight: bold;
}

.table_80 {
	width:80%;
	margin:auto;
}

.table_90 {
	width:90%;
	margin:auto;
}

.table_100 {
	width:100%;
	margin:auto;
}

.btnp5 {
	border:1px solid #00ffff ;
	background-color: #00ffff ;
	color: #fff;
	padding:10px;
	text-align:center;
	vertical-align:middle;
}

.pad_tb15 {
	padding-top:15px;
	padding-bottom:15px;
}

.pad_b20 {
	padding-bottom:20px;
}

.h30 {
	height:30px;
}

.btn_1 {
	background-color:#fff;
	color:#191970;
	height:50px;
	width:100px;
	margin-top:10px;
	margin-bottom:10px;
	border:2px solid #191970;
	border-radius:5px;
	margin:auto;
}

.btn_2 {
	background-color:#fff;
	color:#191970;
	height:50px;
	margin-top:10px;
	margin-bottom:10px;
	border:2px solid #191970;
	border-radius:5px;
	margin:auto;
}


.flexbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.item {
	width: 30%;
	margin:auto;
	border:1px solid #00ffff ;

	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	text-align: left;
	font-size:12px;
	height:270px;

	position: relative;
}

.item p {
	margin: 0; /*余計な隙間を除く*/
	color: white;/*文字を白に*/
	background: #00ffff ;/*背景色*/
	font-size: 15px;
	line-height: 1;/*行高は1に*/
	padding: 5px 2px;/*文字周りの余白*/
	font-size:12px;
	font-weight:bold;

	position: absolute;
	top:120px;
	z-index:10;
}
  
.item img {
	max-width: 100%;
	height: auto;
	z-index:1;
}

.item .imgdiv {
	height:120px;
	z-index:2;
}

.item .itemname {
	position: absolute;
	top:145px;
	z-index:5;
	background-color: #fff;
	width:90%;
}

.item .btm {
	position: absolute;
	top:215px;
	z-index:7;
}

/* 2022/03/10 */
.blink {
	-webkit-animation: blink 1s ease-in-out infinite alternate;
	animation: blink 1s ease-in-out infinite alternate;
 	color:red; /* 赤点滅 */
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.select-center {
	text-align: center;
	display: block;
}