@charset "utf-8";

/* CSS Document */



/******

あいさつ

*********/



#aisatu_wrap {

    background-image: url("../img/info/aisatu_back.png");

    background-size: cover;

    background-repeat: no-repeat;

    padding: 0 0 10px 0;

}



.aisatu_cont h5,

#tenpo_wrap h5{

	margin: 0 auto;

	display: block;

	width: 400px;

	margin: 40px auto;

	padding: 20px 0;

	

}



.aisatu_cont{

	width: 1000px;

	margin:0 auto;

	

}



.aisatu_cont ul{

	display: flex;

    justify-content: space-between;

	margin: 0 auto 100px;



}

.aisatu_cont li {

    display: flex;

    line-height: 2em;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

}

.aisatu_cont li:nth-child(1){

	width: 280px;



}.aisatu_cont li:nth-child(1) img{

	width: 100%;

	max-width: 100%;



}

.aisatu_cont li:nth-child(2){

	width: 680px;

}





/*************

店舗案内

************/



#tenpo_wrap{

	width: 1100px;

	margin: 0 auto;

}



.tenpo_cont{

	width: 1100px;

	margin: 0 auto;

	display: flex;

	justify-content: space-evenly;

    align-items: center;

}





.tenpo_cont tbale{

}



.tenpo_guide tbale tr{

	margin: 10px auto;

}



.tenpo_guide th,.tenpo_cont td{

	border:1px solid #FF6D70;

	padding: 20px ;

}

.tenpo_guide th{

	width: 260px;

	font-size: 16px;

	color: #FFFFFF;

	background-color: #f4b2b9;

}





.tenpo_cont ul{

	width: 240px;

}

.tempo_map{

	margin: 0 auto 100px;

}



.tempo_map iframe{

	width: 100%;

	height: 300px;

	margin: 0 auto;

	

	

}





/****

体験談

*****/



.takiendan_wrap{

	width: 1000px;

	margin: 0  auto;

}



.takiendan_wrap ul{

	display: flex;

    flex-wrap: wrap;

    flex-direction: row;

	justify-content: space-between;

	margin: 0 auto 40px;



}



.takiendan_wrap ul li{

	display: flex;

	width: calc(90% / 3);	

	background-color: #FFFFFF;

	padding: 30px 20px;

	margin: 10px; 

	background-image: url("../img/gallery/qa/taiken_back.png");

	   background-size: cover;

	background-position: center;

	 box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);

	text-align: center;

	align-items: center;

    justify-content: space-around;

	



}



.takiendan_wrap ul li:hover{

opacity: 0.8;

}



.takiendan_wrap ul li a{

	display: flex;

	text-align: center;

	color: #e4677e;

}







/************SP用**************/

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

	

	.aisatu_cont {

		width: 90%;

}

	

	.aisatu_cont ul {

		display: flex;

        justify-content: space-between;

        flex-direction: column;

        align-items: center;

	}

	

	.aisatu_cont li:nth-child(1){

		width: 50%;

	}

	

	.aisatu_cont li:nth-child(2){

    width: 100%;

}

	

	.aisatu_cont h5, #tenpo_wrap h5 {

    margin: 0 auto;

		width: 90%;

	}

	

	#tenpo_wrap {

    width: 100%;

    margin: 0 auto;

}

	

	.tenpo_cont {

    width: 90%;

		   align-items: center;

    flex-direction: column;

	}

	

.tenpo_cont ul {

    width: 100%;

	margin: 12vw auto;

}

	

	.tenpo_guide table{

        display: flex;

        flex-direction: column;

		border: none;

		text-align: center;

		

	}

	

	



	.tenpo_guide tr{

		    display: flex;

    flex-direction: column;

    align-items: center;

		

	}



	.tenpo_guide th, .tenpo_cont td {

    border: 1px solid #FF6D70;

    padding: 4vw 3vw;

}

	.tenpo_cont td {

  

		margin: -1px 0  ;

		width: 100%;

}

	

	

	.tenpo_guide th {

    width: 100%;

    font-size: 5vw;

		font-weight: 400;

    color: #FFFFFF;

    background-color: #f4b2b9;

}

	

	

.tempo_map iframe{

	width: 100%;

	height: 400px;

	margin: 0 auto;

	display: block;

}



	.tempo_map{

		width: 90%;

}

	

	



/*体験談*/



.takiendan_wrap{

	width: 90%;

	margin: 0  auto;

}



.takiendan_wrap ul{

	margin: 0 auto 5vw;



}



.takiendan_wrap ul li{

	width: calc(90% / 2 );

	        padding: 6vw 2vw;

        margin: 4vw 1vw;



}



.takiendan_wrap ul li:hover{

opacity: 0.8;

}



.takiendan_wrap ul li a{

	display: flex;

	text-align: center;

	color: #e4677e;

}	

	

	

	

	

	

}