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


/* topページ専用CSS */

img { image-rendering: -webkit-optimize-contrast;}
font { text-decoration : none;}
B { line-height : 1.5;}
A { text-decoration : none;  color : maroon;}

body{
	background:#fff;
 　　text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/
}
/*body {font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}*/
 ul {
  list-style: none;/*padding-left: 0;*/
}

/*#header{
height:180px;
background:url("images/common/line01.jpg") repeat-x bottom;
}*/

#wrap{
	width:1200px;
	margin:0 auto;
	background:#FFFFFF;
}

/*#wrap table{
	margin:1px 1px 0 0;
}

#wrap td{
	padding:1.5px 1px 0;
}*/

#toparea{
	width:1200px;
	margin:0 auto;
}

#toparea table{
	height:50px;
	margin:10px auto 5px;
	text-align:center;
	padding-right:110px;	
}

#top_slider{
	width:1200px;
	margin:0 auto;
	overflow: hidden; 
	position:relative;
	margin-bottom:10px;
}

.over{
}

.over_left{
	width:150px;
	height:295px;
	background:#fff;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	opacity:0.5;
}

.over_right{
	width:150px;
	height:295px;
	background:#fff;
	position:absolute;
	top:0;
	right:0;
	z-index:999;
	opacity:0.5;
}


#under{
	width:1200px;
	margin:0 auto;
}


#leftnavi{
	width:300px;
	float:left;
	/*margin-left:30px;*/
}

#leftnavi table{
	margin:0 auto;
	border-collapse:separate;
	border-spacing:0 3px;
	/*font-family:Meiryo UI,Meiryo,"游ゴシック", YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","Osaka",sans-serif;*/
}

#leftnavi table td{
	padding:3px;
}

#leftnavi table.title td.title{
	padding:10px 0 10px;

}
	
#leftnavi table.title p{
	padding:1px 0;
}



#p-taste p.mini{
	padding-right:15px;
	float:right;
	vertical-align:top;
}

#taste-wrap{
	width:250px;
	border:#A2967E 3px solid;	
}


#gs_after{
	margin-top:50px;
}



#main{
	width:580px;
	margin-left:33px;
	float:left;
}


.clearfix:after {  
   content: ".";   
   display: block;   
   height: 0;   
   clear: both;   
   visibility: hidden;  
}  

#main table.panel-wrap{
	margin:2px 0;
}

#main table.panel{
	border-collapse:collapse;
}

#main table.panel td{
	border-collapse:collapse;
	margin:0;
	padding:0 1px 0 0;
}


#main table.btn td{
	border-collapse:collapse;
	font-size:80%;
	color:#666666;
	text-align:center;
	vertical-align:middle;
	padding:2px 0;
}


#arte-map{
	margin:50px 0 50px 0;
}


#arte-map p{
	text-align:center;
	font-size:90%;
	color:#666666;
	padding:5px 0 0 0;
}

#arte-map img{
	padding-top:10px;
}

#arte-map a{
	margin:0 auto;
	text-align:center;
	font-size:90%;
	color:#666666;
	text-decoration:none;
}


#banner{
	margin:0 auto;
}

#banner table td.online{
	color:#056133;
	text-align:center;
	font-size:90%;
	padding-top:50px;
}

#banner table td.rakuten{
	color:#ff0000;
	text-align:center;
	font-size:90%;
}

#l-navi_giftshow table{
	border:solid 1px #ffd7d7;
	padding:0;	
	border-collapse:collapse;
}

#l-navi_giftshow table td.giftshow_kako{
	background:	#ffd7d7;
	border:solid 1px #FFD7D7;
	padding:0;
	vertical-align:middle;
	height:25px;
}

#rightnavi{
	width:270px;
	float:right;
	margin-top:5px;
}

.rightbnr{
	width:270px;
	margin:0 0 20px 0;
}

.rightbnr a:hover{
	opacity:0.8;
}

.bnr_sample{
	height:180px;
	background:#ccc;
	text-align:center;
	line-height:180px;
}

.boxWrap{ width: 560px;}
p.btn2 {
	width: 100%;
	color: #fff;
	letter-spacing: 0.1em;
	background-color: #9cc9e1;
	font-size: 1rem;
	line-height: /*1.625*/2;
  text-align: center;
	font-family: Meiryo,;
	/*border: solid darkgray 1px;*/
}
p.btn3 {
	width: 100%;
	color: #fff;
	letter-spacing: 0.1em;
	background-color: #1955A6;
	font-size: 1rem;
	line-height: /*1.625*/2;
  text-align: center;
	font-family: Meiryo,;
	/*border: solid darkgray 1px;*/
}
p.btn4 {
	width: 556px;
	color: #1955A6;
	letter-spacing: 0.1em;
	background-color: #fff;
	font-size: 1rem;
	line-height: /*1.625*/1.8;
  text-align: center;
	font-family: Meiryo,;
	border: solid #1955A6 2px;
}
.txtSize {font-size: 1.5rem; font-weight: 100;}
.txtSize02 {font-size: 1.5rem; font-weight: 100;line-height:1;}
.hover1 {
  display: inline-block;
  /*padding: 0.6em 2em;
  margin: 0 0 1em;
  background-color: #4CAF50;
  color: #fff;*/
  cursor: pointer;
  transition: all 0.3s ease 0s;
}
.hover1:hover {
  opacity: 0.6;
}

/*#main table.btn td{
	border-collapse:collapse;
	font-size:80%;
	color:#666666;
	text-align:center;
	vertical-align:middle;
	padding:2px 0;
}*/


#boxN  { width: 100%/*562px*/;}
#boxN ul {
  list-style: none;/*padding-left: 0;*/
}

.boxNN {
  display: flex;
  justify-content:space-between;
}

ul.boxNN li {
  width: 100%;
}
.itemN {
  font-size: 1.25rem;
  /*font-weight: bold;*/
  text-align: center;
  line-height: 2.6;
  /*letter-spacing: 0.05em;*/
  color: #695e41/*maroon #666 #8CC63F #9ec34b*/;/* padding: 0.5em 2em 0.5em;
  margin-bottom: 1.8rem;*/
  background-color: #E4EEDA/*#feffdf #F1F0D6 #D3D3D3*/;
  border-radius: 3px;
  /*border: 1px solid #695e41;*/
}
.itemN-txt {
  font-size: 0.9rem;
  padding-top: .5rem;
  padding-left: 1rem;
}
a {outline: none;}
ul.boxNN a {
    display: inline-block;
    width: 32.5%;
		color: 333;
		text-decoration: none;
	}/*オンラインショップ用*/
ul.boxNN1 a {
    display: inline-block;
    width: 49.5%;
		color: 333;
		text-decoration: none;
	}
ul.boxNN,
ul.boxNN1 a:visited {
		color: 333;
		text-decoration: none;
		outline: none;
	}
ul.boxNN,
ul.boxNN1 a:hover {
  opacity: 0.6;
	}

/*ul.boxNN1 a:visited {
		color: 333;
		text-decoration: none;
		outline: none;
	}
ul.boxNN1 a:hover {
  opacity: 0.6;
	}*/
ul.boxNN2 li {
  width: 100%;
  padding-top: 8px;
}
/*.boxNN3 {
  display: flex;
  justify-content:space-between;
}*/

/*ul.boxNN3 li {
  width: 49.5%;
}*/

.boxWnn3 {
  width: 560px;
}
.boxNN3 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0 20px;
}
.boxNN3_2 {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0;
}

ul.boxNN3 li,
ul.boxNN3_2 li {
  align-self: flex-end;
  padding: 0 0 4px 2px;
}
.noImg{width: 277px; height: 106px;}

/*トップページ　QRコードエリア　2023.4.10*/
ul.qrWrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.qrWrap li { width: 90px; text-align: center; white-space: nowrap;}
/*ul.qrWrap li img { width: 90px;text-align: center;}*/