@charset "utf-8";

body{
font-size: 16px;
margin: 0;

/*全幅コンテンツの横スクロール表示しない*/
overflow-x: hidden;



	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;
}


/* メイン　マウスオーバーでリンク画像を白く
---------------------------------------------*/
a:hover * {
	filter: alpha(style=0; opacity=85);
	-moz-opacity: 0.5;
	opacity: 0.5;
	}


img{
max-width: 100%;
height: auto;
}


#wrapper {
width:100%;
overflow:hidden;

}


.shop_back {
width:100%;
background-color: #ebebeb;
text-align: center;
padding: 40px 20px;
font-size: 20px;

}

.shopBoxIN {
padding: 10px;
}

.buttanBox {
padding: 0px 20px 0px;
}


.buttanBoxIN {
padding: 5px;
}


.footer {
	width: 100%;
	border-top: solid 30px #53d4dc;
	background-color: #e3e4e9;
	text-align: center;
	padding: 30px 0 100px;
	margin-top: 60px;
}

.footerBoxKotei {
	position: fixed;
bottom: 0;
	width: 100%;
	background: rgba(35, 24, 21, 0.8); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 */
		z-index:999;
}

.footerBox{
	display: flex;
 flex-direction: row;
justify-content: center;
padding: 10px 0;
}


.footerBox a{
		flex-basis: 40%;
		text-decoration:none;
		color: #3e3a39;
}


.footerBoxIN1{
		background-color: #53d4dc;
		margin-right: 20px;
		padding: 7px 0;
		text-align: center;
		border-radius: 10px;/* 角を丸く */
		font-weight: bold;
		font-size: 16px;
}

.footerBoxIN2{
			background-color: #d9e021;
			padding: 7px 0;
		text-align: center;
		border-radius: 10px;/* 角を丸く */
				font-weight: bold;
					font-size: 16px;
}


/* ////////////////////////
大きいスマホ以上
//////////////////////// */
@media (min-width:576px){
		/*スマホのみ改行 */
	.br-sp { display:none; }


	.shop_back {
	background-color: #ebebeb;
	text-align: center;
	padding: 40px 20px;
	font-size: 30px;
	display: block;/*	IEでflexをきかせる*/
	}
	


	.shopBox {
		  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
		  justify-content: center;
	}

	.shopBoxIN {
	padding: 10px;
		max-width: 100%;
		flex-basis: 30%;
		
		
		
	}


	.buttanBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
		display: flex;
		flex-direction: row;
		 flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 70px;
		
	}

	
	.buttanBoxIN {
padding: 5px;
				flex-basis: 47%;
				max-width: 100%;
}
	
	
	
	.footerBox a{
			flex-basis: 30%;
	}

	
		}
/* ////////////////////////
タブレット以上
//////////////////////// */
@media (min-width:768px){




}


/* ////////////////////////
パソコン以上
//////////////////////// */
@media screen and (min-width: 1200px) {

	.containerBox   {
		width: 1200px;
		margin: 0 auto;
	}
		/*スマホのみ改行 */
		.br-sp { display:none; }

		.footerBox a{
				flex-basis: 25%;
		}


	}