/*------------------------------------------------*/

.close01 {
	z-index:1;
	position:absolute;
	top:15px;
	right:15px;
	width:120px;
	padding:5px 0;
	font-size:15px;
	color:#333;
	font-weight: bold;
	text-align:center;
	border:1px solid #333;
	border-radius:50px;
	cursor: pointer;
	transition:1.0s;
}
@media screen and (max-width:500px){
.close01 {
	top:10px;
	right:10px;
	width:90px;
	padding:2px 0;
	font-size:12px;
}
}
.close01:hover {
	color:#fff;
	background-color:#333;
}

/*------------------------------------------------*/

.contents13m {
	z-index:1;
	position:relative;
//	position:absolute;
//	top:40px;
//	right:0;
	max-width:1000px;
//	width: 900px;
//	width: 500px;
//	height:420px;
	margin:50px auto 0 auto;
	padding:40px 35px 40px 35px;
	text-align:left;
	background-color:#fff;
//	border: 1px solid #999;
	background-repeat: no-repeat;
	background-size: cover;
//	background-position: center center;
	box-shadow: 5px 5px 40px #bbb;
	border-radius:10px;
}
@media screen and (max-width:500px){
.contents13m {
	padding:20px 10px 20px 10px;
}
}

.contents13-tt {
	text-align:center;
	line-height:1.9em;
}
.contents13-tt2 {
	text-align:left;
	line-height:1.9em;
}


.otoi-text1a {
	display:block;
	padding: 0 0 8px 0;
	font-size:13px;
//	font-weight:bold;
	text-align:left;
	line-height:1.0em;
}
@media screen and (max-width:500px){
.otoi-text1a {
	font-size:12px;
}
}

.otoi-text3a {
	display:inline-block;
	padding: 0 6px 0 0;
	font-size:16px;
	color:#ff7364;
	font-weight:bold;
	text-align:left;
	line-height:1.0em;
}






.form-w00 {
	display:table;
	width:100%;
	margin:-1px 0 0 0;
//	border-bottom:1px solid #888;
}
.form-w01 {
	display:table-cell;
	position:relative;
	min-width:220px;
	width:220px;
	padding:15px;
	text-align:left;
	vertical-align:middle;
	background-color:#eee;
	border:1px solid #aaa;

}
.form-w02 {
	display:table-cell;
	padding:15px;
	text-align:left;
	vertical-align:middle;
	word-wrap:break-word;
	background-color:#fff;
	border-top:1px solid #aaa;
//	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
	border-bottom:1px solid #aaa;
}


.form-a01 {
	width:100%;
	margin:0 0 15px 0;
	padding:10px 10px;
	color:#111;
	text-align:left;
	background-color:#fff;
	border: solid 1px #555;
	border-radius:10px;
}

.form-01 {
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	color:#111;
	background-color:#fff;
	border: solid 1px #aaa;
}
.form-01 option{
	color:#111;
}

.form-02 {
//	width:450px;
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	color:#000;
	border: solid 1px #aaa;
}
.form-03 {
	width:120px;
	margin:0 0 0 0;
	padding:5px;
	color:#000;
	border: solid 1px #aaa;
}
.form-04 {
	padding:5px;
	color:#000;
	border: solid 1px #aaa;
}
.form-05 {
	width:200px;
	margin:0 0 0 0;
	padding:5px;
	color:#000;
	border: solid 1px #aaa;
}
.form-05a {
	width:50px;
}
.form-06 {
	width:100%;
	height:200px;
	margin:0 0 0 0;
	padding:5px;
	color:#000;
	border: solid 1px #aaa;
}
.form-07 {
	position:relative;
	top:4px;
	width:20px;
	height:20px;
	color:#000;
	margin:0 5px 0px 0;
	
}

.form-submit {
	width:300px;
	height:50px;
	margin:20px 0 0 0;
	font-size:15px;
	color:#fff;
	background:#444;
	border:1px solid #444;
//	border-radius:4px;
	border-radius:5px;
	cursor:pointer;
	transition:0.5s;
}
.form-submit:hover {
	color:#000;
	background-color:#fff;
}

.form-submit-d {
	width:300px;
	height:50px;
	margin:20px 0 0 0;
	font-size:15px;
	color:#fff;
	background:#aaa;
	border:1px solid #aaa;
//	border-radius:4px;
	border-radius:5px;
}

.form-submit-m0 {
	margin:0;
}

.form-submit2 {
	width:200px;
	height:50px;
	margin:20px 0 0 0;
	font-size:15px;
	color:#000;
	background-color:#fff;
	border:1px solid #000;
	border-radius:5px;
	cursor:pointer;
	transition:0.5s;
}
.form-submit2:hover {
	color:#fff;
	background-color:#000;
}

.form-btn {
	width:200px;
//	height:50px;
	margin:10px 0 0 0;
	padding:5px 0;
	font-size:14px;
	color:#000;
	background:#ccc;
	border:1px solid #000;
	border-radius:5px;
	cursor:pointer;
	transition:0.5s;
}
.form-btn:hover {
	color:#fff;
	background-color:#000;
}

.form-t01 {
//	color:#111;
//	color:#4c4c4c;
	color:#000;
}

.form-t02 {
	margin:30px 0 0 0;
	padding:10px 20px 15px 20px;
	text-align:left;
	border:1px solid #000;
}
.form-t02b {
	margin:0 0 5px 0;
	font-size:17px;
	color:#000;
	font-weight: bold;
}
@media screen and (max-width:480px){
.form-t02 {
	margin:20px 0 0 0;
	padding:10px 10px 10px 10px;
}
.form-t02b {
	margin:0 0 5px 0;
	font-size:14px;
}
}


.otoi-text3 {
	display:inline-block;
	position:relative;
	top:-2px;
	margin:0 7px 0 0;
	padding:6px;
	font-size:12px;
	color:#fff;
//	font-weight:bold;
	text-align:left;
	line-height:1.0em;
	background-color:#8b0000;
//	background-color:#f79900;
}
.otoi-text3a {
	display:inline-block;
	padding: 0 6px 0 0;
	font-size:16px;
	color:#ff7364;
	font-weight:bold;
	text-align:left;
	line-height:1.0em;

}


/*----------------------------------------*/

.kazoku-waku {
	padding:0 0 0px 0;
}
.kazoku-waku2 {
	margin:10px 0 0 0;
	padding:10px 0 0px 0;
	border-top:1px solid #aaa;
}
.kazoku00 {
	display:inline-block;
	padding:5px 15px;
	color:#fff;
//	border:1px solid #aaa;
	background-color:#000;
	border-radius:100px;
}
.kazoku01 {
	display:inline-block;
	padding:0 15px 5px 0;
}
.kazoku01a {
	display:block;
	padding:0 0 5px 0;
}
@media screen and (max-width:480px){
.kazoku01 {
	display:block;
	padding:0 0 5px 0;
}
}


/*----------------------------------------*/

.chk-1 {
	display:inline-block;
//	margin:10px 0;
	padding:5px 10px;
	font-size:12px;
//	background-color: #facd89;
	background-color: #ccc;
}
@media screen and (max-width:480px){
.chk-1 {
	display:block;
	width:100%;
}
}
.chk-a {
	width:18px;
	height:18px;
	margin:0 4px -4px 0;
	line-height:1em;
}


/*----------------------------------------*/

label.file-f1, label.file-f2, label.file-f3, label.file-f4, label.file-f5 {
	display:block;
	width:295px;
	margin:0 0 5px 0;
    padding: 10px 0px;
	font-size:18px;
    color: #000;
	text-align:center;
    background-color: #efefef;
	border:1px solid #767676;
    cursor: pointer;
	border-radius:3px;
}
@media screen and (max-width:650px){
/*-----
label.file-f1 {
	display:block;
	width:98.6%;
	margin:0 0 5px 0;
    padding: 20px 0px;
	font-size:30px;
}
-----*/
}
@media screen and (max-width:500px){
label.file-f1 {
//	width:100%;
}
}

input[type="file"] {
	display: none;
}


.file-f1 {
//	width:300px;
//	height:30px;
//	margin:5px 0 10px 0;
//	font-size:15px;
}
@media screen and (max-width:500px){
.file-f1 {
	width:295px;
}
}
.file-f2 {
	float:left;
	width:145px;
	height:50px;
	margin:0 5px 0 0;
	font-size:14px;
}
@media screen and (max-width:500px){
.file-f2 {
	width:145px;
}
}
.file-f2-w {
	color:#fff;
	border:0px;
	background-color:#ffffff;
}

.file-f2a {
	float:right;
	width:145px;
	height:50px;
	margin:0 0 0 0;
	font-size:14px;
}
@media screen and (max-width:500px){
.file-f2a {
	float:left;
	margin:5px 0 0 0;
}
}



.imageBox0 {
	position: relative;
	width: 530px;
	height: 590px;
//	background: #fff;
	background-image: url(../back.png);
//	border:1px solid #aaa;
}
.imageBox {
	z-index:1;
	position: relative;
//	width: 470px;
	width: 340px;
	height: 340px;
	overflow: hidden;
	border:1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}
@media screen and (max-width:470px){
.imageBox {
	zoom: 64%;
}
}
.imageBox-bd {
	border:1px solid #000;
}


.imageBox .thumbBox {
	position: absolute;
	top: 0;
	left: 0;
	overflow:hidden;
//	width: 370px;
	width: 240px;
	height: 240px;
	margin-top: 50px;
	margin-left: 50px;
	box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
	background: none repeat scroll 0% 0% transparent;
}
.thumbBox {
//	z-index:15;
}

.imageBox .spinner {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
	background: rgba(0,0,0,0.7);

	object-fit:cover;
//	object-fit:contain;
//	object-fit:fill;
}

.imageBox-z1 {
	width: 367px;
	height: 367px;
}

/*-----
.imageBox1 {
	z-index:1;
	position: relative;
	width: 470px;
	height: 340px;
	overflow: hidden;
	border:1px solid #aaa;
    background: #fff;
    overflow: hidden;
    background-repeat: no-repeat;
    cursor:move;
}
@media screen and (max-width:650px){
.imageBox1 {

//	z-index:1;
//	position: relative;
//	width: 600px;
//	height: 700px;
}
}
.imageBox1 .thumbBox1 {
    position: absolute;
    top: 0;
    left: 0;
	overflow:hidden;
//	width: 500px;
//	height: 390px;
	width: 370px;
	height: 240px;
	margin-top: 50px;
	margin-left: 50px;
box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
background: none repeat scroll 0% 0% transparent;
}
@media screen and (max-width:650px){
.imageBox1 .thumbBox1 {
//	width: 400px;
//	height: 500px;
	width: 312px;
	height: 390px;
	margin-top: 155px;
	margin-left: 144px;
}
}
.imageBox1 .spinner1 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
	background: rgba(0,0,0,0.7);

	object-fit:cover;
//	object-fit:contain;
//	object-fit:fill;
}
.imageBox1 .spinner1 img{
	width:100%;
}

.imageBox2 {
	z-index:1;
	position: relative;
	width: 600px;
	height: 490px;
	overflow: hidden;
}
@media screen and (max-width:650px){
.imageBox2 {
	z-index:1;
	position: relative;
	width: 600px;
	height: 700px;
}
}
.imageBox2 .thumbBox2 {
    position: absolute;
    top: 0;
    left: 0;
	overflow:hidden;
	width: 500px;
	height: 390px;
	margin-top: 50px;
	margin-left: 50px;
box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
background: none repeat scroll 0% 0% transparent;
}
@media screen and (max-width:650px){
.imageBox2 .thumbBox2 {
	width: 500px;
	height: 390px;
	margin-top: 155px;
	margin-left: 50px;
}
}
.imageBox2 .spinner2 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
    
	object-fit:cover;
//	object-fit:contain;
//	object-fit:fill;
}

.imageBox3 {
	z-index:1;
	position: relative;
	width: 600px;
	height: 490px;
	overflow: hidden;
}
@media screen and (max-width:650px){
.imageBox3 {
	z-index:1;
	position: relative;
	width: 600px;
	height: 700px;
}
}
.imageBox3 .thumbBox3 {
    position: absolute;
    top: 0;
    left: 0;
	overflow:hidden;
	width: 500px;
	height: 390px;
	margin-top: 50px;
	margin-left: 50px;
box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
background: none repeat scroll 0% 0% transparent;
}
@media screen and (max-width:650px){
.imageBox3 .thumbBox3 {
	width: 500px;
	height: 390px;
	margin-top: 155px;
	margin-left: 50px;
}
}
.imageBox3 .spinner3 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
    
	object-fit:cover;
//	object-fit:contain;
//	object-fit:fill;
}

.imageBox4 {
	z-index:1;
	position: relative;
	width: 600px;
	height: 490px;
	overflow: hidden;
}
@media screen and (max-width:650px){
.imageBox4 {
	z-index:1;
	position: relative;
	width: 600px;
	height: 700px;
}
}
.imageBox4 .thumbBox4 {
    position: absolute;
    top: 0;
    left: 0;
	overflow:hidden;
	width: 500px;
	height: 390px;
	margin-top: 50px;
	margin-left: 50px;
box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
background: none repeat scroll 0% 0% transparent;
}
@media screen and (max-width:650px){
.imageBox4 .thumbBox4 {
	width: 500px;
	height: 390px;
	margin-top: 155px;
	margin-left: 50px;
}
}
.imageBox4 .spinner4 {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    line-height: 400px;
    background: rgba(0,0,0,0.7);
    
	object-fit:cover;
//	object-fit:contain;
//	object-fit:fill;
}
----*/

#thumbBox {
	z-index:10;
	overflow:hidden;
    position: absolute;
	top:0;
	left:0;
	position:a;
//	width:400px;
//	height:565px;
	width:600px;
	height:367px;
//	background-color:#000;
}

.imageBox-A {
	position: relative;
//	width: 400px;
//	height: 565px;
	width: 600px;
//	height: 880px;
	margin:0 0 0 0px;
	overflow: hidden;
//	background: #fff;
//	background-repeat: no-repeat;
//	border:1px solid #aaa;
//	cursor:move;
}

.thumbBox-A {
//	z-index:2;

//	position: relative;
	position: absolute;
//	top: 50%;
//	left: 50%;
    top: 0;
    left: 0;
	overflow:hidden;
//	width: 400px;
//	height: 565px;
	width: 600px;
	height: 335px;
//    margin-top: -283px;
//    margin-left: -200px;

//    margin:auto;
//    box-sizing: border-box;
//    border: 1px solid rgb(102, 102, 102);
//    box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
//    background: none repeat scroll 0% 0% transparent;
}

.height-5 {
	height:5px;
}

.photo-A2 {
	max-width:300px;
	width:100%;
}

/*----------------------------------------*/
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance:textfield;
}

    /* ボタン */
	.open-btn0 {
		padding: 3px 10px;
		font-size: 12px;
		color: #fff;
		background-color: #444;
		border: none;
		border-radius: 5px;
		cursor: pointer;
		transition: background-color 0.3s ease;
	}
    .open-btn {
        background-color: #f7d96b;
        color: #5b370d;
        padding: 0.8rem 1.5rem;
        font-size: 1.2rem;
        font-weight: bold;
        border: none;
        border-radius: 10px;
        cursor: pointer;
        transition: background-color 0.3s ease;
        margin: 16px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .open-btn:hover {
        background-color: #dfbb36;
    }

    .close-btn0 {
        position: absolute;
        top: 10px;
        right: 15px;
    }
    .close-btn {
    	z-index:2;
    	position:relative;
//		padding:10px 0 0 0;
		font-size: 24px;
        font-weight: bold;
		line-height:1.0em;
		background-color: #fff;
//        border:1px solid #000;
    }

    
    /* モーダル背景 */
    .modal {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        background: rgba(79, 79, 79, 0.5);
        z-index: 100;
        opacity: 0;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    /* モーダル表示状態 */
    .modal.active {
        display: flex;
        opacity: 1;
        pointer-events: auto;
    }

    /* モーダルの中身*/
    .modal-content {
        position: relative;
        background: #fff;
        padding: 1rem;
        border-radius: 10px;
        /* width: 80vw; */
        width: 95%;
        max-width: 800px;
        max-height:90%;
        
        text-align: center;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        opacity: 0;
        transform: scale(0.8);
        transition: all 0.3s ease;
    }
	.modal-content2 {
//		border:1px solid #000;
	}
@media screen and (max-width:500px){
	.modal-content {
		//overflow-y: scroll;
		overflow: auto;
	}
}

    /* アニメーション*/
    .modal.active .modal-content {
        animation: fadeInScale 0.4s ease forwards;
    }


    @keyframes fadeInScale {
        0% {
            opacity: 0;
            transform: scale(0.8);
        }

        100% {
            opacity: 1;
            transform: scale(1);
        }
    }


.hosi01 {
	font-size: 20px;
	font-weight: bold;
}
.hosi02 {
	margin:0 0 10px 0;
	font-size: 15px;
	line-height:1.4em;
}
.hosi03 {
	padding:8px 0;
	font-size:14px;
	line-height:1.2em;
	text-align:center;
	cursor: pointer;
	white-space: nowrap;
}
.hosi03:hover {
	background-color:#cdeded;
}
.hosi03a {
	display:inline-block;
	padding:8px 20px;
	border:1px solid #aaa;
}
.hosi04 {
	padding:8px 0;
	font-size:14px;
	line-height:1.2em;
	text-align:center;
	cursor: pointer;
	white-space: nowrap;
}
.hosi04:hover {
	background-color:#cdeded;
}
@media screen and (max-width:500px){
.hosi01 {
	font-size: 15px;
}
.hosi02 {
	margin:0 0 5px 0;
	font-size: 11px;
	line-height:1.4em;
}
.hosi03 {
	padding:10px 0;
	font-size:10px;
}
.hosi03a {
	padding:10px 10px;
}
.hosi04 {
	padding:10px 2px;
	font-size:9px;
}
}

.table-hosi {
	border-collapse: collapse;
	width:100%;
}
.table-hosi th {
	padding:5px 0;
	font-size:14px;
	line-height:1.2em;
	vertical-align:middle;
	text-align:center;
	background-color:#cdeded;
	border:1px solid #aaa;
}
.table-hosi td {
	padding:0;
	vertical-align:middle;
	text-align:center;
	border:1px solid #aaa;
}
@media screen and (max-width:500px){
.table-hosi th {
	padding:5px 0;
	font-size:10px;
}
.table-hosi td {
	font-size:10px;
}
}

.table-hosi2 {
	border-collapse: collapse;
}
.table-hosi2 td {
	padding:0 3px;
	vertical-align:middle;
	text-align:left;
	font-size:14px;
	line-height:1.2em;
}
@media screen and (max-width:500px){
.table-hosi2 td {
	font-size:12px;
}
}

/*----------------------------------------*/


@media screen and (max-width:500px){

/*----------------------------------------*/

.form-send {
	margin:40px 0 0 0;
	font-size:14px;
	color:#000;
	font-weight:bold;
	text-align:center;
}

.form-w01 {
	display:block;
	position:relative;
	width:100%;
	padding:10px 10px;
	text-align:left;
	border: solid 1px #aaa;
}

.form-submit {
	width:100%;
	height:50px;
	margin:20px 0 0px 0;
	font-size:14px;
}
.form-submit2 {
	height:50px;
	margin:10px 0 0px 0;
	font-size:14px;
}

.form-w02 {
	display:block;
	margin:-1px 0 0 0;
	padding:10px 10px;
	text-align:left;
	vertical-align:middle;
	word-wrap:break-word;
	background-color:#fff;
	border: solid 1px #aaa;
}

.otoi-text3 {
	font-size:10px;
}

.form-01 {
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	border: solid 1px #aaa;
}
.form-05 {
	width:100%;
	margin:0 0 0 0;
	padding:5px;
	border: solid 1px #aaa;
}

/*----------------------------------------*/


}