@charset "utf-8";


/*####################################################################################

  	HOME

　####################################################################################*/


/* コンテンツ */
/*
	.mainimage{
		height:450px;
		background-color: #f2f2f2;
		background-image: url("/images/img_main.png");
		background-repeat: no-repeat;
		background-position: 50% 50%;
		border-top:1px solid #ccc;
	}

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

	.mainimage{
		background-size: 1000px auto;
	}

}

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

	.mainimage{
		height:360px;
		margin-bottom:-360px;
		background-size: 800px auto;
	}

}

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

	.mainimage{
		height:282px;
		margin-bottom: -282px;
		background-size:700px auto;
	}

}

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

	.mainimage{
		background-image: url("/images/img_main-sp.jpg");
		background-size:auto 100%;
		background-position: 50% 0;

	}

}

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

	.mainimage{
		background-size:auto 100%;
		background-position: 50% 50%;
		
	}

}
*/

		.mainimage > .inner{
			max-width:1200px;
			width:100%;
			margin: 0 auto;
		}

			.mainimage > .inner .note{
				width:50%;
				float: right;
			}
		
		@media screen and (max-width:640px){

			.mainimage > .inner .note{
				width:100%;
				padding-top: 20px;
				float:none;
			}
		
		}


				.mainimage > .inner .note .catch{
					max-width:300px;
					width:50%;
					height: 202px;
					margin: 30px auto 15px;
					padding-top:40px;
					text-align: center;
					background-image: url("/images/img_emblem.png");
					background-repeat: no-repeat;
					background-size: 200px auto;
					background-position: 50% 0;
					text-shadow:0 0 10px #f7f7f7,0 0 10px #f7f7f7,0 0 10px #f7f7f7,0 0 10px #f7f7f7,0 0 10px #f7f7f7,0 0 10px #f7f7f7,
						0 0 10px #f7f7f7,0 0 10px #f7f7f7,0 0 10px #f7f7f7,0 0 10px #f7f7f7,0 0 10px #f7f7f7,0 0 10px #f7f7f7;
				}
		
			@media screen and (max-width:1000px){

				.mainimage > .inner .note .catch{
					background-size: 160px auto;
					height:162px;
					margin:20px auto 15px;
					padding-top:30px;
				}

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

				.mainimage > .inner .note .catch{
					background-size: 120px auto;
					height:121px;
					margin:20px auto 15px;
					padding-top:25px;
				}

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

				.mainimage > .inner .note .catch{
					margin:0 auto 15px;
					padding-top:20px;
				}

			}

		
				.mainimage > .inner .note .catch p:nth-of-type(1){
					margin: 0;
					color:#8b0000;
					font-size:3.4em;
					font-family: "kozuka-mincho-pro",serif;
					letter-spacing: 0.1em;
					line-height:1.0em;
					position: relative;
					left:5px;
				}
		
			@media screen and (max-width:1600px){

				.mainimage > .inner .note .catch p:nth-of-type(1){
					font-size:3.0em;
				}

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

				.mainimage > .inner .note .catch p:nth-of-type(1){
					font-size:2.4em;
				}

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

				.mainimage > .inner .note .catch p:nth-of-type(1){
					font-size:2.0em;
				}

			}
		
				.mainimage > .inner .note .catch p:nth-of-type(2){
					margin:35px 0 0;
					color:#c58080;
					font-size:1.4em;
					font-weight: 700;
					position: relative;
					left:5px;
				}
		
			@media screen and (max-width:1600px){

				.mainimage > .inner .note .catch p:nth-of-type(2){
					font-size:1.3em;
				}

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

				.mainimage > .inner .note .catch p:nth-of-type(2){
					margin:20px 0 0;
					font-size:1.1em;
				}

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

				.mainimage > .inner .note .catch p:nth-of-type(2){
					margin:10px 0 0;
					font-size:1.0em;
				}

			}


			.opennotice{
				width:70%;
				min-width:240px;
				margin: 0 auto;
				padding:20px 0;
				color:#c58080;
				font-size: 1.4em;
				font-weight:700;
				text-align: center;
				background-color:#fff;
				border-radius:10px;
				box-shadow:0 5px 10px -10px;
				position: relative;
				top:-30px;
			}

			.opennotice p{
				margin: 13px 0 0;
				color: #8b0000;
				font-size:1.2em;
			}
		
		@media screen and (max-width:1000px){

			.opennotice{
				padding:15px 0;
				font-size: 1.2em;
			}

			.opennotice p{
				margin:10px 0 0;
			}
		}
		
		@media screen and (max-width:770px){

			.opennotice{
				padding:12px 0;
				font-size: 1.1em;
				line-height: 1.4em;
			}

			.opennotice p{
				margin:5px 0 0;
			}
		}
/*		
		@media screen and (max-width:640px){

			.opennotice{
				top:0;
				bottom:0;
			}
			
				.opennotice br.inlinesp{
					display: none;
				}
			
		}
		
		@media screen and (max-width:480px){

				.opennotice br.inlinesp{
					display: inline;
				}
			
		}
*/





/* TOP共通 */

		.stdsec h2{
			margin-bottom: 30px;
			color:#8b0000;
			font-size: 1.6em;
			font-weight: 700;
			text-align: center;
			letter-spacing: 0.1em;
				text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
				0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;
		}

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

		.stdsec h2{
			margin-bottom: 25px;
			font-size: 1.4em;
		}

	}

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

		.stdsec h2{
			margin-bottom: 20px;
			font-size: 1.2em;
		}

	}

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

		.stdsec h2{
			font-size: 1.1em;
		}

	}

/* Index main */

	.index main{
		background-image:url("/images/bg_mainbody.png");
		background-repeat: no-repeat;
		background-position: 50% -80px;
	}

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

	.index main{
		background-size: 120% auto;
		background-position: 50% -300px
	}

}

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

	.index main{
		background-size: 130% auto;
		background-position: 50% -100px
	}

}

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

	.index main{
		background-size: 140% auto;
	}

}



/* NEWS */
/*
	.top-news{
		clear: both;
		padding:80px 0 60px;
		position: relative;
	}

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

	.top-news{
	}

}

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

	.top-news{
		padding: 40px 0 40px;
	}

}

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

	.top-news{
		padding: 30px 0 40px;
	}

}

		.top-news .inner{
			max-width: 600px;
			width:80%;
			margin: 0 auto;
		}


		.top-news h3{
			color:#241681;
			margin:0 0 5px 5px;
			font-weight:700;
			letter-spacing: 0.1em;
		}
				
		.newslist{
			width:100%;
			margin: 0;
			padding-bottom:40px;
		}
	

			.newslist li{
				margin: 0;
				padding:12px 1%;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
				background-image: url("/shared/bg_clear-white80.png")
			}
			.newslist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

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

			.newslist li{
				padding:10px 1%;
			}

		}

			.newslist li{zoom:1;}
			.newslist li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

			.newslist li p.date{
				width: 130px;
				margin: 0;
				color:#999;
				font-size:0.9em;
				float:left;
			}


			.newslist li p.title{
				width: calc(100% - 150px);
				margin: 0;
				float:right;
			}

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

			.newslist li p.title{
				clear: both;
				width: 100%;
				padding-top: 5px;
				float:none;
			}

		}

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

			.newslist li p.title{
				padding-top:0;
				font-size:0.9em;
			}

		}


		.linknews{
			display:block;
			width:300px;
			height:50px;
			margin:0 auto;
			padding-right: 7px;
			color:#08437b;
			font-size: 0.9em;
			font-weight: 700;
			line-height:50px;
			text-align:center;				
			text-decoration:none;
			background-color:#f0f5ff;
			border-radius: 25px;
		}

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

		.linknews{
			width:240px;
			height:40px;
			line-height:40px;
			border-radius:25px;
		}

	}
*/

	/* 詳細 */
/*
	.newsdetail h3{
        margin:50px 0 0;
		padding: 0 10px 5px;
		color:#069;
		font-size: 1.0em;
		font-weight:500;
		line-height: 1.5em;
		border-bottom: 5px solid #e8f1f6;
		background-color: transparent;
	}

		.newsdetail .date{
			width: 100px;
			margin: 5px 10px;
			color:#999;
			font-size:0.9em;
		}

	.newsdetail .entrybody{
		width:96%;
		margin: 20px auto;
	}

		.newsdetail .entrybody ol{
			margin-left: 25px;
		}

			.newsdetail .entrybody ol li{
				margin-bottom: 5px;
			}

		.newsdetail .entrybody ul{
			margin-left: 20px;
		}

			.newsdetail .entrybody ul li{
				margin-bottom: 5px;
			}

		.modoru{
			width:80px;
			height:24px;
			margin-top: 5px;
			color:#fff;
			font-size:0.8em;
			text-align: center;
			text-decoration: none;
			line-height: 24px;
			background-color: #069;
			float:right;
			border-radius: 10px;
		}
*/


/*####################################################################################

   Mainnote

　####################################################################################*/

	.mainnote{
		max-width: 1200px;
		width:100%;
		margin: 0 auto 160px;
		background-image: url("/shared/bg_clear-red.png");
	}

	.mainnote .inner{
		width:50%;
		height:calc(100% - 80px);
		padding: 20px 45% 20px 5%;
		background-image: url("/images/bg_mainnote.png");
		background-repeat: no-repeat;
		background-position: 100% 0;
		background-size:50% auto;
	}

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

	.mainnote{
		margin: 0 auto 60px;
	}

	.mainnote .inner{
		padding: 25px 45% 25px 5%;
	}

}

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

	.mainnote{
		margin: 0 auto 40px;
	}

	.mainnote .inner{
		width: 90%;
		padding: 10px 5% 10px 5%;
		background-image:none;
	}

}


		.mainnote .inner p{
			color:#8b0000;
			font-size:1.2em;
			line-height: 1.7em;
			font-family: "kozuka-mincho-pro",serif;
			text-shadow:0 0 10px #f7eded,0 0 10px #7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,
			0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,
			0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,
			0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,
			0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded;
		}

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

		.mainnote .inner p{
			font-size:1.1em;
			line-height: 1.8em;
		}

	}

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

		.mainnote .inner p{
			padding:10px;
			font-size:1.0em;
			line-height: 1.8em;
		background-image: url("/shared/bg_clear-red.png");
		}

	}


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


	}

		.mainnote img{
			display:none;
		}

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

		.mainnote img{
			display:inline;
			width:100%;
			height:auto;
			line-height: 0;
		}

	}







/*####################################################################################

  	お問い合わせ

　####################################################################################*/

	.mailform{
		clear: both;
		padding: 0 0 70px;
		position: relative;
	}

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

	.mailform{
		padding: 0 0 50px;
	}

}

		.mailform .inner{
			max-width: 900px;
			width:90%;
			margin: 0 auto;
		}

		.mailform .inner .note{
			text-align: center;
				text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
				0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;
		}


	.mailform form{
		background-image: url("/shared/bg_clear-white80.png");
	}



		.mailform dl{
			padding:30px 2% 30px;
			border-bottom:1px solid #ccc;
			
		}
		.mailform dl:nth-of-type(1){
			border-top:1px solid #ccc;
		}

		.mailform dl{zoom:1;}
		.mailform dl:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
			
	@media screen and (max-width:540px){
		
		.mailform dl{
			padding:20px 2% 20px;
		}
	}

			.mailform dt{
				width:30%;
				padding-top:3px;
				font-weight:700;
				float:left;
				line-height:1.5em;
				
			}
			
		@media screen and (max-width:540px){

			.mailform dt{
				width:100%;
				margin-bottom:15px;
				/*font-size:0.9em;*/
				float:none;
			}

			.mailform dt br{display:none;}
			
		}


		
		
			.mailform dd{
				width:70%;
				float:right;
			}
			
		@media screen and (max-width:540px){

			.mailform dd{
				width:100%;
				font-size:0.9em;
				float:none;
			}
			
		}



			.mailform input[type=text],
			.mailform select,
			.mailform textarea{
				-webkit-appearance: none;
				border:1px solid #999;	
				border-radius:5px;
			}
			



					#name,#furigana,#shop,#sfurigana,#tel,#email,#email2{
						max-width:370px;
						width:90%;
						padding:13px 10px;
					}

					.zip{
						width:70px;
						margin-bottom:15px;
						padding:13px 10px;
					}

					#address1{
						margin-bottom:15px;
						padding:13px 10px; 
						background-image:url(/miyazaki/shared/img_yajirushi_down.png);
						background-repeat:no-repeat;
						background-position:90% 50%;
					}


					#address2,#address3,#type,#message{
						max-width:500px;
						width:90%;
						padding:13px 10px;
					}

					#email{
						margin-bottom:15px;
					}

					.remark{
						margin:0;
						color:#666;
						font-size:0.9em;
						line-height:1.6em;
					}
					.kome.remark{
						width:calc(100% - 15px);
						margin:0;
						position:relative;
						left:15px;
					}


			#submit1,
			#submit2{
				-webkit-appearance: none;
				display:block;
				max-width:300px;
				width:80%;
				height:60px;
				margin:40px auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#036;
				border-radius:5px;
				border:none;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
			}
			#submit2{background-color:#999;}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}


		@media screen and (max-width:480px){
			
			#submit1,
			#submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}

			#submit2{
				margin: 0 auto 40px;
				float: none;
			}

		@media screen and (max-width:480px){
			
			#submit2{
				margin:20px auto 0;
			}
				
		}

		
		.hissu{
			display:inline-block;
			width:44px;
			height:18px;
			margin:3px 0 0 10px;
			padding:0px;
			color:#fff;
			font-size:0.7em;
			font-weight:400;
			text-align:center;
			border-radius:2px;
			line-height:19px;
			background-color:#369;
			
		}
		

		.thanks .mailform h3{
			color:#369;
			font-size:1.2em;
			font-weight:700;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			text-align:center;
		}

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

		.thanks .mailform h3{
			font-size:1.0em;
			line-height:1.5em;
		}

	}

	
	.thanksnote{
		max-width:540px;
		width:90%;
		margin:50px auto 0;
		padding-bottom: 120px;
	}
	.thanksnote h4{
		font-size:1.0em;
	}



	/* おしらせ */

		.news .list .inner{
			max-width: 840px;
			width:90%;
			margin: 0 auto;
			padding-bottom: 80px;
		}

			.news .list ul{
				width:100%;
			}


				.news .list ul li{
					padding: 15px 2%;
					color:#a76775;
					list-style: none;
					font-size:0.9em;
					line-height: 1.7em;
					border-bottom:1px dashed #ccc;
				}
				.news .list ul li:nth-of-type(1){
					border-top:1px dashed #ccc;
				}

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

				.news .list ul li{
					padding: 10px 3%;
					font-size: 0.8em;
				}

			}

				.news .list ul li{zoom:1;}
				.news .list ul li:after{
					content: ""; 
					display: block; 
					clear: both;
				}

				.news .list ul li span{
					display: block;
					width:100px;
					margin-right: 10px;
					float:left;
				}

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

				.news .list ul li span{
					width:100%;
					margin-right:0;
					float:none;
				}

			}

				.news .list ul li a{
					color:#a76775;
				}




	/* おしらせ詳細 */

	.news .detail .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto 50px;
	}


	.news .detail h3{
		margin-bottom: 5px;
		padding:0 1% 7px;
		color:#326291;
		font-size: 1.4em;
		border-bottom: 1px solid #326291;
		text-align: left;
	}

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

	.news .detail h3{
		font-size: 1.2em;
	}

}

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

	.news .detail h3{
		padding:0 1% 5px;
		font-size: 1.0em;
	}

}

		.news .detail .date{
			margin:0 1% 30px;
			color:#666;
			font-size:0.9em;
		}

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

		.news .detail .entrybody{
			margin:0 1% 20px;
			font-size:0.8em;
		}

	}

		.news .detail .entrybody{
			padding:0 1% 50px;
		}

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

		.news .detail .entrybody{
			font-size:0.9em;
			padding:0 1% 20px;
		}

	}

/* 戻る */
	
	.news .modoru{
		display:block;
		width:60px;
		height:60px;
		margin:0 auto 80px;
		color:#fff;
		font-size:2.4em;
		text-align:center;
		text-decoration:none;
		line-height:66px;
		float: none;
		background-color:#333;
		border-radius:40px;
		cursor:pointer;
		-webkit-transition:opacity 0.5s ease-out;
		-moz-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}

@media screen and (max-width:480px){
	
	.news .modoru{
		width:50px;
		height:50px;
		margin:0 auto 30px;
		font-size:1.8em;
		line-height:54px;
		border-radius:25px;
	}

}




/* Googleマップの場合 */
		.gmap{
			max-width: 1200px;
			width:90%;
			height: 600px;
			margin:50px auto;
		}
		.gmapsp{display:none;}

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

		.gmap{display:none;}

		.gmapsp{
			display:block;
			width:90%;
			height: 400px;
			margin:30px auto;
		}

	}

			.gmap iframe{
				widt:100%;
			}







/*####################################################################################

  	採用情報

　####################################################################################*/

	/* 採用情報 */

		.content .employment .inner{
			max-width: 770px;
			width:90%;
			margin: 0 auto;
			padding:10px 0 100px;
		}

			.employment .inner p{
				margin: 10px auto 30px;
			}
		
		

			.employment .inner ul{
				margin-left: 20px;
				padding-bottom: 30px;
			}

				.employment .inner ul li{
					margin-bottom: 5px;
					font-weight: 700;
				}