@charset "utf-8";

html{
	margin : 0;
	padding : 0;
}


body{
	font-size:16px;
	font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',"メイリオ",Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background:#ffffff;
	line-height : 1.5;
	color : #252525;
	margin : 0;
	padding : 0;

}

ul,ol{
    list-style : none;
}
li{
	margin-bottom : 5px;
}
.slide-dots li {
	margin-top : 20px;
}
	a{text-decoration : none;}
	a:hover{text-decoration : underline;}

	img{width : 100%;}

.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{
	display: inline-block;	/*IE7,MacIE5*/
	min-height: 1%;	/* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


.sliderArea a{
	color : #16232A;
}

.kaitori{
	text-align: center;
	font-weight: bold;
}

/* PC ここから-------------------------------- */
@media (min-width: 768px) {

	.remodal img{
		width : 300px;
		margin : 0 auto 10px auto;
	}

	.remodal p{
		width : 250px;
		margin : 0 auto 10px auto;
		text-align : left;
	}

	.sliderArea {
		max-width: 100%;
		margin: 0 auto;
	}

	.sliderArea div{
		padding : 0 10px;
	}

	.smp{display : none;}

	.main{
		margin : 10px auto;
		width : 1000px;
	}
	.header{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin : 0 0 15px 0;
	}
	.header .shopname{
		width : 360px;
		margin-left : 320px;
	}
	.headerxt{
		margin-top : 20px;
		text-align : center;
	}
	.snsicon img{
		width : 35px;
		margin : 20px 10px 5px 10px;
	}
	.movie img{
		width : 400px;
		height : auto;
		margin : 20px 10px 5px 10px;
	}

	.menu{
		background : #f15f06;
		padding : 15px 0;
		color : #ffffff;
		text-align : center;
	}
	.menu a{
		color : #ffffff;
	}

	.mainimage{
	
	}
	
	
	
	.section-wrap{
		padding-left : 20px;
		padding-right : 20px;
	}
	.section-bg{
		padding-top : 20px;
		padding-bottom : 20px;
		background:#E9E8E8;
	}
	
	.section-title{
		margin : 35px 0 10px 0 ;
		border-bottom : 1px solid #585858;
	}
	.section-title .inner{
		font-size : 130%;
		padding : 0 0 0 3px;
		width : 300px;
		border-bottom : 1px solid #DE785F;
	}


	.visitor{
		background-size:100% auto;
		background : url(./img/visitor.png) no-repeat;
	}
	.visitor .inner{
		padding : 8px 240px;
		line-height : 1.3;
	}
	.visitor .inner .title{
		font-size : 95%;
		border-bottom : 1px solid #DE785F;
		font-weight : bold;
		padding : 0 3px 3px 3px;
		margin-bottom : 3px;
	}
	.visitor .inner .txt{
		margin-bottom : 6px;
	}
	.visitor .inner .txt , .visitor .inner .txt2{
		padding : 0 3px;
		line-height : 1.45;
		font-size : 88%;
	}

	.kodawari{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.kodawari2{
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: start;
	}

	.kodawari2 .inner .txt textarea{
		width : 215px;
		height : 200px;
	}

	.kodawari .inner{
		width : 220px;
		background:#ffffff;
	}
	.kodawari2 .inner{
		margin : 30px 20px 30px 0;
		width : 220px;
		background:#ffffff;
	}
	.kodawari .inner .title , .kodawari2 .inner .title{
		background : #f15f06;
		color : #ffffff;
		text-align : center;
		padding : 5px 0;
	}
	.kodawari .inner .txt{
		padding : 3px 10px 8px;
		font-size : 88%;
	}
	.kodawari2 .inner .txt{
		padding : 3px 0 8px;
		font-size : 88%;
	}



	.price{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.price3{
		width:100%;
	}
	.price2{
		width:630px;
		margin : 40px auto 0 auto;
	}


	.price .inner{
		width : 300px;
		background:#ffffff;
	}
	.price .inner .title{
		background : #f15f06;
		color : #ffffff;
		text-align : center;
		padding : 5px 0;
	}
	.price .inner .txt{
		padding : 3px 10px 8px;
		font-size : 88%;
	}


	.faq{
		margin : 10px 100px 0 100px;
	}
	.faq-q{
		background:url(./img/icon-q.png) no-repeat;
		background-size : 50px;
		padding : 35px 0 0 45px;
	}
	.faq-a{
		background:url(./img/icon-a.png) no-repeat 100% 0;
		background-size : 50px;
		padding : 30px 35px 0 ;
		margin : 0px 0 40px 0;
		text-align : right;
	}




	.sliderArea .txt{
		padding : 5px 5px 25px 5px;
		font-size : 88%;
	}

	.sliderArea div{
		padding : 0 10px;
	}

	.footer{
		margin-top : 50px;
		background:#172c37;
		color : #ffffff;
		padding : 60px 40px 0 40px;
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.footer .inner{
		width : 480px;
		margin-bottom : 40px;
	}
	.footer_bt{
		text-align : center;
	}
	.footer_bt img{
		width : 90%;
		margin : 3px 0 30px;
	}
	.footer .shopinfo{
		margin : 20px 0 0px 0;
		line-height : 3;
	}
	.footer .shopinfo .teikyubi{
		line-height : 1.4;
	}
	.footer .shopinfo .snsicon{
		text-align :center;
	}
	.footer .shopinfo .snsicon img{
		width : 70px;
		margin : 30px 30px 0px 30px;
		filter: invert(100%);
		filter: brightness(1000%);

	}
	.footer .copyright{
		width : 100%;
		margin : 30px 0;
		color : #ffffff;
		text-align : center;
	}
	
}
/* PC ここまで-------------------------------- */


/* スマホ ここから-------------------------------- */
@media screen and (max-width: 767px) {

	.remodal img{
		width : 90%;
		margin : 0 auto 10px auto;
	}

	.remodal p{
		width : 90%;
		margin : 0 auto 10px auto;
		text-align : left;
	}

	.sliderArea {
		max-width: 85%;
		margin: 0 auto;
	}

	.sliderArea div{
		padding : 0 10px 0 5px;
	}


	.sliderArea .txt{
		padding : 5px 5px 80px 5px;
		font-size : 100%;
	}

	.pc{display : none;}

	.headerxt{
		margin-top : 20px;
		text-align : center;
		font-size : 86%;
	}
	.header .shopname{
		width : 90%;
		margin : 5px auto;
	}
	.headerxt{
		margin-top : 20px;
		text-align : center;
	}
	.snsicon{
		text-align : center;
	}
	.snsicon img{
		width : 35px;
		margin : 0px 5px 10px 5px;
	}
	.menu{
		background : #f15f06;
		padding : 15px 0;
		color : #ffffff;
		text-align : center;
	}
	.menu a{
		color : #ffffff;
	}

	.section-wrap{
		padding-left : 15px;
		padding-right : 15px;
	}
	.section-bg{
		padding-top : 10px;
		padding-bottom : 20px;
		background:#E9E8E8;
	}
	.section-title{
		font-size : 130%;
		margin : 25px 0 10px 0 ;
		border-bottom : 1px solid #DE785F;
		font-weight : bold;
	}
	.section-title .inner{
		font-size : 110%;
		padding : 0 0 0 3px;
	}
	.visitor .inner .title{
		font-size : 110%;
		font-weight : bold;
		padding : 3px 0;
	}
	.visitor .inner .txt{
		margin-bottom : 6px;
	}
	.visitor .inner .txt , .visitor .inner .txt2{
		padding : 3px 0;
		line-height : 1.45;
	}
	.kodawari .inner , .kodawari2 .inner{
		background:#f15f06;
		margin-bottom : 20px;
	}
	.kodawari .inner .title , .kodawari2 .inner .title{
		font-size : 110%;
		background : #f15f06;
		color : #ffffff;
		display: inline-block;
		vertical-align: middle;
	}
	.kodawari .inner .img , .kodawari2 .inner .img{
		display: inline-block;
		width : 80px;
		height : 80px;
		vertical-align: middle;
		margin-right : 2px;
	}
	.kodawari2 .inner img{
		width : auto;
		height : 80px;
	}
	.kodawari .inner .txt{
		background:#ffffff;
		padding : 5px 8px 8px 8px;
	}
	.kodawari2 .inner .txt{
		background:#ffffff;
		padding : 5px 0 8px 0;
	}
	.kodawari2 .inner .txt textarea{
		width : 100%;
		height : 130px;
	}
	.price .inner{
		background:#ffffff;
	}
	.price .inner .title{
		background : #f15f06;
		color : #ffffff;
		text-align : center;
		padding : 5px 0;
	}
	.price .inner .txt{
		padding : 3px 10px 8px;
		margin-bottom : 25px;
	}
	.staff  .inner .title{
		margin-bottom : 25px;
	}


	.faq-q{
		background:url(./img/icon-q.png) no-repeat;
		background-size : 50px;
		padding : 35px 0 0 45px;
	}
	.faq-a{
		background:url(./img/icon-a.png) no-repeat 100% 0;
		background-size : 50px;
		padding : 30px 45px 0 ;
		margin : 5px 0 30px 10px;
	}




	.footer{
		margin-top : 50px;
		background:#172c37;
		color : #ffffff;
		padding : 20px;
	}
	.footer .inner{
		margin-bottom : 10px;
	}
	.footer_bt{
		margin-top : 20px;
		text-align : center;
	}
	.footer_bt img{
		margin : 3px 0 30px;
	}
	.footer .copyright{
		width : 100%;
		margin : 30px 0;
		color : #ffffff;
		text-align : center;
	}

	.top-date{
		display : block;
		font-size : 90%;
	}
	ul{
		margin-left : -30px;
	}

	.footer .shopinfo .snsicon{
		text-align :center;
	}
	.footer .shopinfo .snsicon img{
		width : 50px;
		margin : 30px 10px 0px 10px;
		filter: invert(100%);
		filter: brightness(1000%);

	}



}
/* スマホ ここまで-------------------------------- */