@charset "utf-8";
/* CSS Document */
@import url('http://fonts.googleapis.com/css?family=EB+Garamond'); /*font-family: 'EB Garamond', Arial, serif;*/
@import url('https://fonts.googleapis.com/css?family=Oswald');/*font-family: 'Oswald', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300');/*font-family: 'Open Sans', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Dancing+Script');

html{
	
	height: 100%;
  
}

body{
	
	line-height: 1.5;
	
}

.article{
	
	width: 100%;

}

a{
	
	color: #fff;
	
	text-decoration: none;
	
}

a.visited{
	
	color: #fff;
	
}

.container-fluid{
	
	border-bottom: 1px solid #CCC;
	
	padding-bottom: 48px;
	
	margin-bottom: 48px;
	
}

.section-1500{

	font-size: 14px;

}

@media (min-width: 1500px) {

	.section-1500{

	width: 1500px;

	margin: 0 auto;

	font-size: 16px;

	}

}

.section-1200{

	font-size: 14px;

}

@media (min-width: 1200px) {

	.section-1200{

	width: 1200px;

	margin: 0 auto;

	font-size: 16px;

	}

}

.section-960{

	font-size: 14px;

}

@media (min-width: 960px) {

	.section-960{

	width: 960px;

	margin: 0 auto;

	font-size: 16px;

	}

}

.section-540{

	font-size: 14px;
	
	box-sizing: border-box; 

}

@media (min-width: 540px) {

	.section-540{

	width: 540px;

	margin: 0 auto;

	font-size: 14px;

	}

}

/* header */

.header{
	
	width: 100%;
	
	margin: 0 auto;
	
	border-bottom: 1px solid #999;
	
}

.header-inner{
	
	padding: 48px 10px 24px 10px;
	
	box-sizing: border-box;

}

/* article */

.section a:hover{
	
	opacity: 0.5;
	
	/*margin: 1px;*/
	
}

.bnrs{
	
	margin: auto 10px;
	
	text-align: center;
	
	overflow: hidden;
	
}

/*予約・在庫ボタン*/

.stock-btn,.reserve-btn{
	
	width: 40%;
	
	display: block;
	
	margin: 0 auto 8px auto;
	
	font-weight: bold;
	
	color: #fff;
	
	text-decoration: none;
	
	text-align: center;
	
	background-color: #F30;
	
	padding: 5px;
	
	border-radius: 5px;
	
}

.stock-btn:hover,.reserve-btn:hover{
	
	background-color: #F60;
	
}

.stock-btn,.reserve-btn-f{
	
	width: 60%;
	
	display: block;
	
	margin: 0 auto 8px auto;
	
	font-weight: bold;
	
	color: #fff;
	
	text-decoration: none;
	
	text-align: center;
	
	background-color: #3b5998;
	
	padding: 5px;
	
	border-radius: 5px;
	
}

.stock-btn:hover,.reserve-btn-f:hover{
	
	background-color: #8b9dc3;
	
}

.headline-gothic{
	
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	
}

.headline-mincho{
	
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	
}

.headline-en{

	font-family: 'Oswald', sans-serif;

}

.gothic{
	
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	
}

.mincho{
	
	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
	
}

.lh-05{

	line-height: 0.5;
}

.lh-1{

	line-height: 1;
}

.lh-2{

	line-height: 2;
}

.lh-3{

	line-height: 3;
}

.mt-6{

	margin-top: 6px;

}

.mb-6{

	margin-bottom: 6px;

}

.mt-12{

	margin-top: 12px;

}

.mb-12{

	margin-bottom: 12px;

}

.mt-24{

	margin-top: 24px;

}

.mb-24{

	margin-bottom: 24px;

}

.mb-48{

	margin-bottom: 48px;

}

.pb-24{

	padding-bottom: 24px;

}

.ptb-24{
	
	padding: 24px 0;
	
}

.ptb-48{
	
	padding: 48px 0;
	
}

.font-48{

	font-size: 48px;

}

.font-32{

	font-size: 32px;

}

.font-28{

	font-size: 28px;

}

.font-24{

	font-size: 24px;

}

.font-20{

	font-size: 20px;
	
}

.font-18{

	font-size: 18px;
	
}

.font-14{

	font-size: 14px;
	
}

.font-12{

	font-size: 12px;
	
}

.font-w-bold{
	
	font-weight: bold;
	
}

.font-w-700{
	
	font-weight: 700;
	
}

.font-italic{
	
	font-style: italic;
	
}

.tac{

	text-align: center;

}

/*footer*/

.footer{

	padding: 48px 10px 0 10px;

	background: #000;

	color: #fff;

	font-size: 10px;

	text-align: center;

}

.shop-logo{

	margin-bottom: 24px;

}

.icon-large{
	
	font-size: 50px;
	
}

@media (min-width: 1200px) {

	.footer{

		font-size: 12px;

		text-align: left;
		
		line-height: 2;

	}
}

/*予約*/

.stock-btn,.reserve-btn{
	
	width: 70%;
	
	display: block;
	
	margin: 0 auto 8px auto;
	
	font-weight: bold;
	
	color: #fff;
	
	text-decoration: none;
	
	text-align: center;
	
	background-color: #F30;
	
	padding: 5px;
	
	border-radius: 5px;
	
}

.stock-btn:hover,.reserve-btn:hover{
	
	background-color: #F60;
	
}

/*ページトップへ*/
.pagetop {
	
	display: none;
	
	position: fixed;
	
	bottom: 30px;
	
	right: 55px;
	
}

.pagetop a {
	
	display: block;
	
	width: 50px;
	
	height: 50px;
	
	background-color: #333;
	
	text-align: center;
	
	color: #fff;
	
	font-size: 24px;
	
	text-decoration: none;
	
	line-height: 50px;
	
}


.mobileHidden { display:none;}

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

    .desktopHidden { display:none;}
	
    .mobileHidden { display:inline;}
	
}