@charset "UTF-8";
/* CSS Document */

/* トグルボタン */
.spmenu {
	display:none;
}

@media only screen and (min-width: 1000px) {
	/* ナビ用切り替え */
	.pc_display_nav{
		display:block !important;
	}
	.sp_display_nav{
		display:none !important;
	}
	
#insta {
	width: 100%;
    clear: both;
    margin-bottom: 90px;
    overflow: auto;
}
#insta ul li{
	list-style: none;
}
#insta ul li img{
	width: 188px;
    height: 188px;
    object-fit: cover;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
}
.news {
	margin: 40px 0px;
}
.news h3 {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	color: #46210c;
}
.news p {
	text-align: center;
	color: #46210c;
}

	/* ナビ */
nav{
	width:100%;	
	height: 93px;
	background: #fff;
	z-index:9999;
	padding-top: 10px;
}
	nav.fixed{
		position: fixed;
		top: 0;
		bottom: auto;
	}
	.mainnav{
		list-style: none;
		padding: 0;
	}
#nav_menu {
	margin: 0 auto;
	max-width:1015px;
	text-align: center;
}
#nav_menu li{
	display: inline-block;
		padding: 0 18px;
}
	#nav_menu li h1{
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}
	#nav_menu li a{
		font-size: 12px;
		color: #87ceeb;
		font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-decoration: none;
	}
	#nav_menu li a span{
		font-size: 14px;
		color: #46210c;
		font-family: 'Cormorant Garamond', serif;
		font-weight: 600;
		display: block;
		line-height: 1em;
		letter-spacing: 2px;
	}
	
	.sp_logo{
		display: none;
	}
}

@media only screen and (max-width: 999px) {
	/* ナビ用切り替え */
	.pc_display_nav{
		display:none !important;
	}
	.sp_display_nav{
		display:block !important;
	}
	
	/* ナビ */
	nav{
	position:fixed;
	z-index:9999;
	width:100%;
		background: #fff;
		height: 60px;
}
ul.mainnav{
	width:100%;
	position:relative;
	display:none;
	z-index:9999;
	background: #fff;
	padding: 10px 0 0;
}
ul.mainnav li {
	display:block;
	height:auto;
	z-index:9999;
}
.spmenu {
	width:50px;
	height:40px;
	overflow:hidden;
	cursor:pointer;
	display:block;
	z-index:99999;
	position:absolute;
	right:5px;
	top:10px;
}
	#nav_menu ul{
		padding: 0;
	}
	#nav_menu li a{
		display: block;
		font-size: 12px;
		color: #87ceeb;
		font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-decoration: none;
		border-bottom: 1px solid #f2f2f2;
		padding: 15px 0 15px 15px;
	}
	#nav_menu li:first-child a{
		border-top: 1px solid #f2f2f2;
	}
	#nav_menu li a span{
		font-size: 14px;
		color: #46210c;
		font-family: 'Cormorant Garamond', serif;
		font-weight: 600;
		line-height: 1em;
		letter-spacing: 2px;
		padding-right: 10px;
	}
	
	.sp_logo{
		margin-top: 10px;
		z-index: 99999;
		position: relative;
	}
	.pc_logo{
		display: none !important;
	}
}

/* ページ内共通 */
h2{
	display: block;
	font-size: 32px;
	color: #46210c;
	font-family: "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 1px;
	text-align: center;
	position: relative;
	font-weight: bold;
	margin-bottom: 60px;
}
h2 span{
	font-size: 12px;
	color: #46210c;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 700;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 30px;
}
h2:before{
	content: "";
	background: #f7931e;
	height: 1px;
	width: 22px;
	position: absolute;
	top: 25px;
	left: calc(50% - 11px);
}
h2:after{
	content: "";
	background: #f7931e;
	height: 1px;
	width: 22px;
	position: absolute;
	top: 29px;
	left: calc(50% - 11px);
}


/* ポイント */
section.point{
	padding: 100px 0;
}
section.point .box{
	margin-bottom: 60px;
}
section.point .box .ic{
	margin-bottom: -25px;
	z-index: 2;
	position: relative;
}
section.point .box .pic{
	margin-bottom: 15px;
}
section.point .box dl dt{
	font-size: 18px;
	color: #87ceeb;
	letter-spacing: 1px;
	margin-bottom: 10px;
}
section.point .box dl dd{
	font-size: 14px;
	color: #5b5959;
}
section.point .pickUp{
	border: 1px solid #46210c;
	padding: 20px 25px;
}
section.point .pickUp .box02 dl{
	margin-top: 10px;
}
section.point .pickUp .box02 dl dt{
	font-size: 18px;
	color: #87ceeb;
	background: url(../img/ic_pickUp.png) no-repeat left top;
	background-size: 58px;
	padding-left: 65px;
	padding-bottom: 20px;
}
section.point .pickUp .box02 dl dd{
	font-size: 14px;
	color: #5b5959;
}

/* スタッフ */
section.staff{
	padding: 100px 0;
	background: url(../img/bg01.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
section.staff .box .kata{
	font-size: 14px;
	color: #46210c;
	margin-bottom: 5px;
}
section.staff .box .name{
	font-size: 24px;
	color: #46210c;
	font-weight: bold;
	margin-bottom: 15px;
	letter-spacing: 1px;
}
section.staff .box .name span{
	font-size: 12px;
	color: #f7931e;
}
section.staff .box .holiday{
	font-size: 18px;
	color: #46210c;
	font-weight: bold;
	margin-bottom: 15px;
}
section.staff .box .comment{
	font-size: 14px;
	color: #46210c;
	line-height: 2em;
	margin-bottom: 30px;
}

/* キャンペーン */
section.campaign{
	padding: 100px 0;
}
section.campaign .image{
	margin-bottom: 40px;
}
section.campaign h3{
	font-size: 28px;
	color: #46210c;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	letter-spacing: 10px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 80px;
}
section.campaign .chui{
	font-size: 12px;
	color: #5b4c3f;
	text-align: center;
	margin-bottom: 60px;
	line-height: 2em;
}
section.campaign .box{
	margin-bottom: 50px;
}
section.campaign .box .menu{
	margin-bottom: 50px;
}
section.campaign .box .menu dl.ti{
	overflow: hidden;
	border-bottom: 2px solid #5b4c3f;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
section.campaign .box .menu dl.ti dt{
	font-size: 18px;
	color: #46210c;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	letter-spacing: 4px;
}
section.campaign .box .menu dl.ti dt{
	float: left;
	font-size: 18px;
	color: #46210c;
}
section.campaign .box .menu dl.ti dd{
	float: right;
	font-size: 12px;
	color: #87ceeb;
	padding-top: 5px;
	letter-spacing: 1px;
}
section.campaign .box .menu dl.item{
	overflow: hidden;
	border-bottom: 1px solid #ede7df;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
section.campaign .box .menu dl.item dt{
	float: left;
	font-size: 14px;
	color: #5b4c3f;
	font-weight:normal;
	letter-spacing: 1px;
}
section.campaign .box .menu dl.item dt span{
	font-size: 12px;
	color: #bfae95;
}
section.campaign .box .menu dl.item dd{
	float: right;
	font-size: 14px;
	color: #5b4c3f;
	letter-spacing: 1px;
}
section.campaign .maintenace{
	background: rgba(247,242,218,0.5);
	padding: 30px;
}
section.campaign .maintenace .box02 dl dt{
	font-size: 18px;
	color: #46210c;
	letter-spacing: 1px;
	border-bottom: 1px solid #46210c;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
section.campaign .maintenace .box02 dl dd{
	font-size: 14px;
	color: #5b4c3f;
	line-height: 2em;
}
section.campaign .maintenace .box02 dl dd span{
	font-size: 14px;
	color: #f7931e;
}

section.qa {
	margin-bottom: 60px;
}
section.qa .qa_box {
	margin-bottom: 30px;
}
section.qa h4{
	font-size: 16px;
	font-weight: bold;
	background: #338465;
	padding: 10px;
	margin-bottom: 10px;
	color: #FFF;
}
section.qa .answer {
	font-size: 16px;
	font-weight: bold;
}
section.qa p{
	margin-bottom: 10px;
}

/* ショップ */
section.shop{
	padding: 100px 0 30px;
	background: url(../img/bg02.png) no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
}
section.shop .box{
	margin-bottom: 50px;
}
section.shop .box .text .ti{
	margin-bottom: 10px;
}
section.shop .box .text .tel{
	margin-bottom: 10px;
}
section.shop .box .text .tel a{
	font-size: 42px;
	color: #87ceeb;
	letter-spacing: 1px;
	text-decoration: none;
	border-bottom: 1px solid #87ceeb;
	font-weight: bold;
}
section.shop .box .text .tel a span{
	font-size: 26px;
	color: #87ceeb;
}
section.shop .box .text .add{
	font-size: 14px;
	color: #5b5959;
	margin-bottom: 10px;
}
section.shop .box .text table{
	width: 100%;
}
section.shop .box .text table th{
	width: 20%;
	font-size: 14px;
	color: #5b5959;
	vertical-align: top;
	padding-bottom: 5px;
}
section.shop .box .text table td{
	width: 80%;
	font-size: 14px;
	color: #5b5959;
	vertical-align: top;
	padding-bottom: 5px;
}
section.shop .bn{
	margin-bottom: 90px;
}

/* フッター */
footer{
	background: #46210c;
	padding: 40px 0 10px;
}
footer .logo{
	margin-bottom: 30px;
}
footer ul{
	text-align: center;
	margin-bottom: 25px;
}
footer li{
	display: inline-block;
	padding: 0 15px;
}
footer li a{
	font-size: 12px;
	color: #fff;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	letter-spacing: 2px;
}
footer li a:hover{
	color: #fff;
}
footer .copy{
	font-size: 10px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #635a56;
}


@media only screen and (min-width: 768px) {
	/* PC、スマホ切り替え */
	.pc_display{
		display:block !important;
	}
	.sp_display{
		display:none !important;
	}
}

@media only screen and (max-width: 767px) {
	/* PC、スマホ切り替え */
	.pc_display{
		display:none !important;
	}
	.sp_display{
		display:block !important;
	}
	
	.mainV{
		padding-top: 60px;
	}
	#insta {
	width: 100%;
    margin-left: 0px;
    }

    #insta ul li{
	list-style: none;
	float: left;
    width: 50%;

	}
	#insta ul li img{
	width: 100%;
    height: 170px;
    object-fit: cover;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
}

	/* ページ内共通 */
h2{
	font-size: 25px;
	margin-bottom: 30px;
}

/* ポイント */
section.point{
	padding: 50px 0;
}
section.point .box{
	margin-bottom: 10px;
}
	section.point .box > div{
		margin-bottom: 30px;
	}
section.point .pickUp{
	padding: 20px 15px;
}
section.point .pickUp .box02 dl{
	margin-top: 0;
	margin-bottom: 20px;
}
section.point .pickUp .box02 dl dt{
	font-size: 16px;
	background: url(../img/ic_pickUp_sp.png) no-repeat left top;
	background-size: 101px;
	padding-left: 0;
	padding-bottom: 10px;
	padding-top: 55px;
}
	
	/* スタッフ */
section.staff{
	padding: 50px 0 30px;
	background: url(../img/bg01_sp.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
	section.staff .box > div{
		margin-bottom: 50px;
	}
section.staff .box .name{
	font-size: 22px;
}
section.staff .box .holiday{
	font-size: 16px;
}
	
	/* キャンペーン */
section.campaign{
	padding: 50px 0;
}
section.campaign .image{
	margin: 0 -15px 50px;
}
section.campaign h3{
	font-size: 24px;
}
section.campaign .chui{
	margin-bottom: 40px;
}
section.campaign .box{
	margin-bottom: 10px;
}
section.campaign .box .menu{
	margin-bottom: 40px;
}
section.campaign .maintenace{
	padding: 20px 15px;
}
	section.campaign .maintenace dl{
		margin-bottom: 15px;
	}
	
	/* ショップ */
section.shop{
	padding: 50px 0 30px;
	background: url(../img/bg02_sp.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
}
section.shop .box{
	margin-bottom: 30px;
}
	section.shop .box .map{
		margin-bottom: 20px;
	}
section.shop .box .text .tel a{
	font-size: 24px;
}
section.shop .box .text .tel a span{
	font-size: 18px;
}
section.shop .box .text table{
	width: 100%;
	display: block;
}
	section.shop .box .text table tr{
	width: 100%;
	display: block;
}
section.shop .box .text table th{
	width: 100%;
	display: block;
}
section.shop .box .text table td{
	width: 100%;
	display: block;
}

/* フッター */
footer{
	background: #46210c;
	padding: 40px 0 10px;
}
footer .logo{
	margin-bottom: 30px;
}
footer ul{
	text-align: center;
	margin-bottom: 25px;
}
footer li{
	display: inline-block;
	padding: 0 15px;
}
footer li a{
	font-size: 12px;
	color: #fff;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 500;
	letter-spacing: 2px;
}
footer li a:hover{
	color: #fff;
}
footer .copy{
	font-size: 10px;
	color: #fff;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 10px;
	border-top: 1px solid #635a56;
}
	
}