@charset "utf-8";
@import url�i 'https://fonts.googleapis.com/css2�Hfamily = M + PLUS + 1p�• display = swap'�j;

/**/


/*Base Layout*/

body {
	border:none;
}

#shop_contact {
	overflow:hidden;
	margin-bottom:60px;
}

#shop_contact p {
	margin:20px;
}

/*shop_contents
--------------------*/
#entryform {
	margin-bottom:40px;
}

table {
	border:#fff 1px solid;
	padding:0 5px;
}

#entryform th, td {
	border:#fff 1px solid;

}

#entryform th {
	width:300px;
	text-align:right;
	padding-right:15px;
}

#entryform td {
	padding-left:15px;
	width:600px;
	}
	
#entryform p {
	margin:5px 0;
	font-size:0.8em;
	text-indent:1em;
}

input.name, 
input.email {	
	width:400px;
	height:30px;
	margin:5px 0;
}

textarea {
	width:575px;
	margin:5px 0;
	margin-right:15px;
}

/*personal information
--------------------*/
#personal information {
		display:flex;
}
.per_text {
	width:950px;
	height:100px;
}

.agr {
	font-size:22px;
	width:300px;
	margin:10px 0;
}

#per_iqui {
	padding:10px;
	margin-top:10px;
	overflow:scroll;
	width:890px;
	height:200px;
	text-indent:1em;
	line-height:1.5em;
	background:#fff;
	color:#24140e;
}

#per_iqui p{
	text-indent:2em;
}
.btn-send {
	width:300px;
	margin-bottom:60px;
	padding:10px;
	font-size:20px;
	border-radius:8px;
	box-shadow:1px 1px 3px #666;
	color:#fff;
	text-shadow:1px 1px 0 rgba(0,0,0,0.4);
	font-weight:bold;
	background:linear-gradient(to bottom,#f0fff0,#24140e);
}

.btn:hover {
	opacity:0.7;
}

.btn:active {
	color:#666;
}


/*shop_details
--------------------*/

#shopimages {
	margin:40px 0;
}

#shop_details {
	width:420px;
	height:375px;
	background:#ffffe0;
	color:#24140e;
	padding-right:10px;
	padding-bottom:20px;
}

#shop_details img {
	width:450px;
}

#shop_details h4 {
	color:#8b0000;
	font-size:1em;
	line-height:1em;
}

#shop_details p {
	font-size:0.9em;
	text-indent:1em;
	line-height:1em;
}

#shop2 {
	float: right;
}

#shop2 img {
	width:570px;
	height:395px;
}


/*responsive
--------------------*/
@media screen and (max-width:750px){

	#entryform th, td {
		border:#fff 1px solid;

	}

	#entryform th {
		width:100px;
		padding-right:3px;
		text-align:center;
	}

	#entryform td {
		padding-left:3px;
		}

	input.name, 
	input.email {	
		width:60%;
		margin:5px;
	}

	textarea {
		width:90%;
		margin:5px 5% 5px 2%;
	}
	
	.tabno {
	display:none;
	}

	#per_iqui {
	width:100%;

	}

	#per_iqui h4,
	#per_iqui p{
	padding:2% 5%;	
	}

	#shop1, 
	#shop2 {
		float:none;
		width:100%;
		padding:0;
	}

	.shop_text {
		float:none;
		width:100%;
		height:100%;
		margin:0 auto;
	}

	
	#shop_details,
	#shop1 img, 
	#shop2 img {
		width:100%;
		height:100%;
		margin:0 auto;
	}
}


/*modal
--------------------*/
.modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
}
.modal__bg{
	background: rgba(0,0,0,0.8);
	height: 100vh;
	position: absolute;
	width: 100%;
}
.modal__content{
	background: rgba(255,222,173,0.8);
	color:#000;
	left: 50%;
	padding: 30px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 50%;
	height:30%;
}

.modal__content h4 {
	border-bottom:#000 1px solid;
	margin-bottom:5px;
	width:80%;
	font-size:2em;
}

.modai js-modal a {
	background: #fff;
	width:10px;
	border-bottom:#000 1px solid;
	color:#000;
}



/*introduction
--------------------*/


/*topics
--------------------*/


/*footer
--------------------*/


/*SNS
--------------------*/

/*
=========================================
	Utilities
=========================================
*/


/* clearfix */
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both; 
}
.clearfix{
	zoom:1;
}