@charset "utf-8";

/*
font-family: 'Noto Sans JP', sans-serif; 300,500
font-family: 'Noto Serif JP', serif; 400,600
font-family: 'Engagement', cursive; Insta
font-family: 'Muli', sans-serif; FB
*/


body{
	background-image: url(img_common/back.png);
	background-repeat: repeat;
	color:#333;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:300;
}
a{
	text-decoration:none;
	transition : all 0.5s ease 0s;
	color:#693;
}
a:hover{opacity:0.7;}


h1,h2,h3{font-weight:300;}
p{line-height:200%;}

br.br-sp{display:none;}
br.br-pc{display:block;}



.noshow-sp{display:inline-block;}


.btn-totop{
	opacity: 0;
	position: fixed;
	bottom: 10px;
	right: 10px;
	padding:10px;
	background-color:rgba(255,255,255,0.8);
	border-radius:50%;
	width:60px;
	height:60px;
	line-height:60px;
	text-align:center;
	font-weight:500;
}
.btn-totop.active {opacity: 1;transition: all 0.65s;}


.container{margin:0 auto;}

.contents{width:1020px;margin:0 auto;padding:30px;}


.gmap{}
.gmap iframe{vertical-align:bottom;}

footer{text-align:center;background-color:#afc299;padding:16px 0;}
footer h1{font-family: 'Noto Serif JP', serif;font-weight:300;font-size:1.4rem;margin-bottom:10px;}
footer h1 span{font-size:1.2rem;padding-right:10px;}
footer h2{font-weight:300;}
footer h3{font-weight:500;}
footer p{margin-bottom:10px;}
footer cite{color:#fff;font-size:0.9rem;}

footer .icon-sns{margin-bottom:10px;}
footer .icon-sns ul,
footer .icon-sns li{margin:0;padding:0;list-style:none;}
footer .icon-sns li{display:inline-block;font-size:1.2rem;}
footer .icon-sns a:link,
footer .icon-sns a:visited{color:#fff;}

.gnav-over{
	position: absolute;
    top: 0;
    z-index: 999;
    width: 1080px;
    margin: auto;
    left: 0;
    right: 0;
}

.gnav{display: inline-block;left: 2%;}
.gnav a img{width:200px;}
.gnav a{display:inline-block;padding:20px 0;width:100%;background-color:#fff;border-bottom:1px solid #ccc;}

.gnav a:hover{cursor:pointer;}

.gnav a:link,
.gnav a:visited{color:#b5a35c;font-family: 'Noto Serif JP', serif;}
.gnav a:hover{background-color:#b5a35c;color:#fff;}


.gnav li:first-child a:link,
.gnav li:first-child a:visited{padding:0;}

.gnav li:nth-child(2) a:link,
.gnav li:nth-child(2) a:visited{color:#fff;background-color:#b5a35c;}


.gnav ul{margin:0;padding:0;}
.gnav li{list-style:none;text-align:center;}

.gnav .btn-insta a{font-family: 'Engagement', cursive;font-size:1.1rem;}
.gnav .btn-fb a{font-family: 'Muli', sans-serif;}

.gnav li a i{margin-right:5px;}

.logo-sp{display:none;}


.drawer-nav li{}
.drawer-nav li a{display:block;padding:10px 20px;background-color: #b5a35c;border-bottom:1px solid #ccc;}
.drawer-nav li a:link,
.drawer-nav li a:visited{color:#fff;}

.btn-a{margin:10px auto;width:100%;}
.btn-a a{
	padding:5px 10px;
	width:100%;
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #696;
	text-align:center;
}
.link-right{text-align:right;font-weight:500;}
.link-right:before{content:'→';}

.p-right{text-align:right;color:#F63;}



/* PAGE */
.header-page-over{width:100%;background:rgba(255,255,255,0.7);position: fixed;}
header.header-page{}
header.header-page a{display:inline-block;}
header.header-page a img{width:80%;height:auto;}

.container-page{padding-top:150px;}



/* INDEX */

/*
.index-kodawari .contents,
.index-tokucho .contents,
.index-shop-title .contents,
.index-shop-title .contents,
*/

.mainvisual,
.index-shop,
.gmap,
footer{min-width:1080px;}

.main_visual{position:relative;}


.slick-slide img{width:100%;}


.bnr-gift{
	position:relative;
	z-index:888;
	padding:10px;
	right:20px;
	bottom:20px;
	position:absolute;
	background-color:rgba(255,255,255,0.7);
}
.bnr-gift p{
	background-color:rgba(255,250,250,0.8);
	padding:20px 200px 20px 20px;;
	font-family: 'Noto Serif JP', serif;
	font-size:1.4rem;
	background-image:url(img_index/gift_0.jpg);
	background-size:160px;
	background-position:right;
	background-repeat:no-repeat;
	line-height: 120%;
}

.gift-1{font-size:1.2rem;display:block;color:#F63;}
.gift-2{font-size:1.4rem;display:block;color:#696;font-weight: 600;}
.gift-3{font-size:1.0rem;display:block;color:#666;}

.gift-1 span{font-size:0.8rem;display:block;color:#333;}

.index-copy {width:1020px;margin:0 auto;}
.index-copy h1{font-family: 'Noto Serif JP', serif;font-weight:300;font-size:1.7rem;margin-bottom:10px;}
.index-copy h1 span{font-size:1.2rem;padding-right:10px;}

.index-copy .contents{padding: 50px 0;}

.kanban img{height:50px;margin:10px;}




.index-news{padding-bottom:40px;}
.index-news h1{text-align:center;font-family: 'Noto Serif JP', serif;font-weight:300;font-size:1.6rem;margin-bottom:10px;}
.index-news .contents{padding:10px 10px 30px 30px;background-color: rgba(255,255,255,0.3);}
.index-news dl .dl-box{display:flex;}

.index-news dl .dl-box dt:before{/*content:"[";*/}
.index-news dl .dl-box dt:after{/*content:"]";*/}
.index-news dl .dl-box dt{font-weight:500;margin-right:10px;margin-bottom: 10px;}
.index-news dl .dl-box dd{margin-bottom: 10px;}
.index-news .news-new{
	background:#F63;
	color:#fff;
	font-size:0.7rem;
	display:inline-block;
	padding:1px 5px;
	margin-right:5px;
	margin-left:5px;
}


.index-an h1{color:#874F59;font-size:3rem;font-family: 'Noto Serif JP', serif;font-weight:600;}
.index-an h1 span{color:#333;font-size:2rem;}
.index-an h1 span:nth-child(2){margin-left:20px;}

.index-an h1 span > span{font-size:1.4rem;}
.index-an p{
	color: #874F59;
	font-weight: 500;
	border-left: 10px solid #afc299;
	padding-left: 8px;
}



.index-tokucho .contents{width:920px;}
.kodawari-tokucho{display:flex;justify-content:space-between;margin-bottom:40px;}


.kodawari-tokucho-reverse{flex-direction:row-reverse;}

.kodawari-tokucho-text{width:640px;}
.kodawari-tokucho-pict{width:250px;}

.kodawari-tokucho h1{font-family: 'Noto Serif JP', serif;font-weight:600;font-size:1.6rem;}
.kodawari-tokucho h1{margin-bottom:5px;}


.kodawari-tokucho-reverse .kodawari-line,
.kodawari-tokucho-normal .kodawari-line{
	width:700px;
	height:1px;
	background:#333;
	display:flex;
	align-items: center;
	position:relative;
	margin-bottom:10px;
}
.kodawari-tokucho-reverse .kodawari-line{left:-60px;}
.kodawari-tokucho-normal .kodawari-line{left:0;flex-direction: row-reverse;}



.kodawari-tokucho-reverse .kodawari-line:before,
.kodawari-tokucho-normal .kodawari-line:after{
	content: "●";
	color: #063;
	font-size: 0.8rem;
}


.kodawari-tokucho p{line-height:180%;}


.index-shop-title{text-align:center;}
.index-shop-title img{padding:5px;}

.index-shop {display:flex;}
.index-shop img{width:100%;height:auto;}

.index-shop-inner{position:relative;width:100%;}
.index-shop-inner p{position:absolute;right:5%;bottom:5%;color:#fff;text-shadow:0 0 3px #000;}


/* PAGE */
.header-page{width:1020px;margin:0 auto;padding:20px 0;}
.container-page-inner{width:1020px;margin:auto;}
.container-page-inner h1,
.container-page-inner h2,
.container-page-inner h3{font-family: 'Noto Serif JP', serif;margin-bottom:20px;}

.container-page-inner h1{font-size:2rem;}
.container-page-inner h2{font-size:1.4rem;}

.container-prod-inner h3{font-size:1.5rem;font-weight:600;display:flex;align-items:center;margin-top: 20px;}

.container-page-inner h1 span{font-size:1.4rem;padding:10px;}


/* PROD */

.container-prod .gnav-over{position:relative;}
.contents-prod{width:1020px;margin:20px auto;display:flex;flex-wrap: wrap;justify-content: space-between;}

.prod-box-wrap{width:49%;margin-bottom:40px;}

.prod-box-wrap.prod-box-wrap-j:first-child{width:100%;}

.prod-box{width:100%;display:flex;justify-content: space-between;}

.container-page-inner .prod-box-text h2{margin-bottom:5px;margin-top:0;}

.prod-box-pict{width:40%;}
.prod-box-text{width:59%;}
.prod-box-pict img{width:100%;}

.prod-box-text h2{font-family: 'Noto Serif JP', serif;font-size:1.3rem;font-weight:600;}
.prod-box-text h2 span{font-size:0.8rem;}
.prod-box-text h2 span:before{content:"｜";}





.container-prod-inner h3:after {margin-left:5px; border-top:1px solid #696; content:""; flex-grow:1;}
.container-prod-inner h3 + p{font-size:1.1rem;font-family: 'Noto Serif JP', serif;font-weight:600;margin:30px 0 30px 0;}
.prod-spec{font-size:0.9rem;background-color:rgba(255,255,255,0.4);margin:10px 0;padding:10px;box-sizing:border-box;}

.prod-spec span{font-size:0.7rem;display:inline-block;padding:3px 10px;margin-left:5px;line-height:100%;}

.icon-gold{background:#8a770f;color:#fff;display:inline-block;padding:3px 10px;font-size:0.9rem;line-height:100%;}


.prod_icon-cate{background-color:#999933;color:#fff;}
.prod_icon-tuuhan{background-color: #996600;color:#fff;}
.prod_icon-summer{background-color: #0099CC;color:#fff;}
.prod_icon-spring {background-color: #FF99CC;color:#fff;}
.prod_icon-autumn {background-color: #996633;color:#fff;}
.prod_icon-winter {background-color: #6699cc;color:#fff;}


.container-prod-inner .prod-box-kisetu-title h4{
	font-family: 'Noto Serif JP', serif;
	font-size:5rem;
	margin:0;
}

.container-prod-inner .prod-box-kisetu-title h4.aki{color:#996633;}
.container-prod-inner .prod-box-kisetu-title h4.haru{
	color: #FFCCCC;
}

.prod-box-kisetu-title{position:relative;z-index:-1;}
.prod-box-kisetu-title h4{
	position:absolute;
	top:10px;
	left:10px;
	line-height:100%;

}




/*FORM */
.prod-box-wrap input[type=text]{padding:2px 5px;width:2rem;font-size:1.2rem;margin-right:2px;}
.prod-box-wrap .tani{margin-right:3px;font-size:0.8rem;}
.prod-box-wrap p label{font-size:0.8rem;margin-right:10px;}

.form-custmer{margin-top:20px;}

.form-custmer.p-right{font-size:0.8rem;}

.form-custmer dl div{display:flex;margin-bottom:10px;}

.form-custmer dt,
.form-custmer dd{border-bottom:1px dotted #666;padding-bottom:5px;}

.form-custmer dt{width:16rem;}
.form-custmer dd{flex:1;}

.container-prod-inner .form-custmer h4{font-size:1.3rem;font-weight:500;margin-bottom:20px;}
.container-prod-inner .form-custmer h5{font-size:1.3rem;font-weight:500;margin-bottom:20px;}

.form-custmer select{/*border:1px solid #999;*/}
.form-custmer input[type=text]{padding:5px 10px;font-size:1.2rem;margin-right:10px;}

.form-custmer textarea{width:100%;height:200px;}
.form-custmer input[type=text]#address{width:90%}

.caution-form:after{content:'*';color:#F63;font-size:1rem;}

.btn-submit{text-align:center;margin:20px auto;}

.btn-submit input{font-size:1.1rem;padding:10px 20px;background:#366;color:#fff;transition : all 0.5s ease 0s;}
.btn-submit input:hover{cursor:pointer;opacity:0.8;}

.container-prod-inner h4{font-size:1.2rem;font-weight:500;}
.container-page-inner h2{margin-top:30px;}



.selectbox {
	width:90%;
	margin:1em auto;
	position:relative;
}
select{
	-webkit-appearance:none;
	appearance:none;
	padding:0.5em;
	box-sizing:border-box;
	font-size:1em;
	border:none;
	border-radius:0;
	background:#fff;
}

.formTable {margin:40px auto;}

.formTable th,
.formTable td{text-align:left;padding:8px;border-bottom:1px dotted #555;}

.formTable caption{font-weight:500;font-size:1.2rem;margin-bottom:10px;}

#formWrap{text-align:center;}
#formWrap h3,
#formWrap h4{margin-bottom:20px;font-weight:500;}

.formTable td.kingaku-right{text-align:right;}
.formTable td.kingaku-right-goukei{text-align:right;font-weight:500;}

#kosu{display:none;}

/* THANKS */
.container-thanks-inner{text-align:center;padding:40px 0 80px 0;}

/* ACCESS */



.access-info{font-size:1.1rem;background-color:rgba(255,255,255,0.4);padding:10px 20px;margin:20px auto;}
.access-info p{line-height:200%;}

.access-info i{color:#777;}

.access-info-tel{font-size:1.6rem;font-weight:500;}
.access-info-tel p{display:inline-block;}
.access-info-tel span{font-size:1rem;font-weight:300;padding:0 10px 0 0;}


.menu-choujyu-over{
	background-color:rgba(255,255,255,0.4);
	padding:10px 20px;
	margin:20px auto;
	
}
.menu-choujyu{display: flex;}
.menu-choujyu ul{padding:0 2rem;}
.menu-choujyu span{margin-left:10px;}

.menu-choujyu-pict{flex:1;margin-left: 30px;}
.menu-choujyu-pict img{width:100%;}

.menu-choujyu-over h1{font-size:1.4rem;margin-bottom:5px;}
.menu-choujyu .p-right{color:#666;}

/* GUIDE */
.container-guide-inner table{
	background: rgba(255,255,255,0.4);
	width:100%;
	border:1px solid #333;
	box-sizing:border-box;
	margin-bottom:20px;
}
.container-guide-inner table th,
.container-guide-inner table td{
	padding:10px 5px;
}

.souryou th,
.souryou td{border:1px solid #333;text-align:center;border:1px solid #666;}
.souryou td{font-size:0.9rem;}
.souryou caption{text-align:right;font-size:0.9rem;}

.tokutei {}
.tokutei th{white-space:nowrap;font-weight:300;}
.tokutei th,
.tokutei td{border-bottom:1px solid #666;}

@media screen and (max-width:1020px) {
	
	
	
	.noshow-sp{display:none;}
	.sp-small{font-size:1rem;}
	
	.gnav-over,
	.mainvisual,
	.index-shop,
	.gmap,
	footer{min-width:unset;}
	
	.contents{width:90%;margin:20px auto;}
	.contents{padding:0;}
	
	
	.header-page{width:100%;}
	.container-page-inner {width:90%;margin:auto;}
	
	br.br-sp{display:block;}
	br.br-pc{display:none;}
	a:hover{/*opacity:0;*/}
	
	.link-right{text-align:left;}
	
	/* COMMON */
	header.header-page a{display:inline;margin-left:10px;}
	header.header-page a img{width:50%;}
	
	
	.container-page-inner h2 {font-size: 1.1rem;}
	
	/* INDEX*/
	.index-an h1{line-height:50%;margin-bottom:20px;}
	.index-an h1 span:nth-child(2){margin-left:0;}
	.index-an h1 span{font-size:1.5rem;}
	.index-an h1 p{line-height: 150%;}
	.index-an h1 span > span {font-size: 1.1rem;}
	.index-news {padding-bottom: 10px;}
	.kodawari-tokucho h1{font-size:1.4rem;}
	
	rt{display:none;}
	
	/* ACCESS */
	
h1.access-h1 {font-size:1.5rem;}
h1.access-h1 span{font-size:1.0rem;padding-left:0;}
	.access-info{box-sizing:border-box;}
	.access-info ul{padding-left: 1.1rem;}
	.access-info li{margin-bottom: 10px;}
	.access-info-tel{font-size:1.2rem;margin-bottom:20px;}
	.access-info-tel p{line-height:150%;}
	
	/* PROD */
	.contents-prod {width: 100%;display: block;}
	.prod-box-wrap{width:100%;}
	.prod-box{display: block;}
	.prod-box-pict,
	.prod-box-text{width:100%;}
	.prod-box-text{margin-bottom:10px;}
	
	.prod-box-kisetu-title img{width:100%;height:auto;}
	/* CHOUJYU AN */
	.menu-choujyu{display:block;}
	.menu-choujyu ul{padding-left:1rem;}
	.menu-choujyu-pict{margin:auto;}
	
	/* GUIDE */
	table.tokutei{border:none;width:100%;}
	.tokutei th,
	.tokutei td{display:block;border:none;box-sizing:border-box;}
	.tokutei th{font-weight:500;background-color:rgba(255,255,255,0.8);}

	.container-guide-inner table.souryou{border:none;}
	.container-guide-inner table.souryou th,
	.container-guide-inner table.souryou td{padding:0;font-size:0.7rem;vertical-align: middle;}
	
	.container-guide-inner ul{padding-left:1rem;}
	
	/* SHOP */
	.form-custmer dl div{display:block;}
	.form-custmer dt{border-bottom:none;}
	
	
	
	.index-copy .contents{width:90%;margin:20px auto;padding:10px 0;}
	.index-copy h1{font-size:1.4rem;}
	
	.gnav-over{width:100%;}
	.gnav{display:none;}
	
	.logo-sp{display:block;opacity:0.9;}
	.logo-sp a{display:inline-block;padding:10px;width:40%;}
	.logo-sp a img{width:100%;}
	
	.bnr-gift{
		position:relative;
		margin-top:10px;
		right:auto;
		left:auto;
		bottom:auto;
	    background-color: rgba(255,255,255,0.3);
		margin-top: 50px;
		z-index:888;
		
	}
	.bnr-gift p {padding:20px;background-image:none;text-align:center;/*background-size: 50% 100%;*/}
	.index-copy{width:100%;}
	
	.index-copy h1 span{display:block;margin-top:10px;}
	
	.index-news .contents{padding:20px 0;}
	
	.index-tokucho .contents{width:100%;}

	.index-news dl .dl-box{
		display: block;
		padding: 0 15px;
	}
	.index-news dl .dl-box dt{font-weight:500;}
	.index-news dl .dl-box dt:before,
	.index-news dl .dl-box dt:after{content:"";}
	
	.kodawari-tokucho{display:block;}
	.kodawari-tokucho-text{width:96%;margin:auto;}
	.kodawari-tokucho-pict{width:96%;margin:auto;}
	.kodawari-tokucho-reverse .kodawari-line,
	.kodawari-tokucho-normal .kodawari-line{display:none;}
	
	.kodawari-tokucho-text h1{border-bottom:1px solid #666;}
	.kodawari-tokucho-pict img{width:100%;height:auto;margin-top:10px;}
	
	
	.shop-pict{display:block;width:100%;}
	
	.shop-pict img{width:100%;height:auto;}
	.index-shop-title img{width:80%;height:auto;}
	
	
}