@charset "UTF-8";

body {
	-webkit-text-size-adjust: 100%;/* スマホレイアウト防止 */
	margin: 0px;
	padding: 0px;
	color:#313131;
	-webkit-font-smoothing: antialiased;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#FFF;
}

.img{
	max-width: 100%;
	height:auto;
	}
.w100{max-width: 100%;}
.w1000{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
li img,dt img,dd img{vertical-align:bottom;}/* 隙間をなくす */

/* IEの隙間をなくす */
img{
	vertical-align: top;
	vertical-align: bottom;
}	
.switch {visibility: hidden;}/* スマホＰＣ切り替えＣＳＳ*/

#wrap {
	width: 100%;
	overflow:hidden;
}

a{ outline: none;}

a:link,
a:visited {
	color: #ad8a64;
	font-weight: normal;
}

a:hover,
a:active {
	text-decoration: none;
	color: #7C7C7C;
}
a img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.red{color:#FF0004;}
.sen{background: linear-gradient(transparent 60%, #FFFA7E 0%);}

/* フロート解除　*/
.clearfloat {
	font-size: 1px;
	line-height: 0px;
	clear: both;
	height: 0px;
}

/* フェードイン ------------------*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

/* 改行 ----------------------------------------------------------------------------------*/

.br-sp { } /**スマホ改行非表示*/
.br-pc { display:none; } /**ＰＣ改行非表示*/

@media screen and (max-width: 700px) {/*タブレット*/
.br-sp { display:none;} /*スマホ改行非表示*/
.br-pc {display:block; } /*ＰＣ改行非表示*/
}


/* ヘッダー ----------------------------------------------------------------------------------*/

header{
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 50;
	background:url("../img/base/h_bg.png") repeat-x bottom #fbe9e5;
	padding-bottom: 20px;
	border-bottom: 1px #f4ddd7 solid;
	}
.header_in{
	max-width:1000px;
	width:100%;
	margin:0 auto;
	overflow: hidden;
	box-sizing: border-box;
}
.logo{
	text-align: center;
	max-width: 250px;
	margin: 20px auto 25px;
	}
header .inner{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

@media screen and (max-width:1000px){
.header_in{height: 80px;}
.logo{
	max-width:280px;
	margin: 10px auto;
	}
header .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
}

@media screen and (max-width:500px){
.header_in{height: 70px;}
.logo{
	max-width:200px;
	text-align: left;
	margin: 15px 5px 0px;
	}
}
/*NAV ----------------------------------------------------------------------------------*/
.menu_moji{display:none !important;}/*ＰＣでは非表示ボタン */
.li_none{display:none !important;}/*ＰＣでは非表示ボタン */
.menu_img{}
.h_tel_sp{}
.li_last{border-bottom: none !important;}

.nav_sns{
	display: flex;
	justify-content: center;
}
.nav_sns p{width: 65px;}
@media screen and (max-width:1000px){
.menu_moji{display:block !important;color: #fff;}
.li_none{display:block !important;color: #fff;}
.menu_img{display:none !important;} 
.h_tel_sp{}	
.h_mail_sp{margin-top:-20px;}
.sp_search{
	max-width:400px;
	margin:0 auto;
	padding:10px;
}
}


/*フッダー ----------------------------------------------------------------------------------#f7f1e4*/
footer{width: 100%;}
.footer_box1{width: 100%;background:#fbe9e5;}
.footer_box2{
	width: 100%;
	background:#FFF;
	padding: 10px 0px;
}

.footer_in{
	display: flex;
	padding: 40px 0px;
	margin: 0 auto;
	max-width: 1000px;
	width: 90%;
}
.footer_logo{
	width: 50%;
	text-align: center;
}
.footer_info{width: 50%;}
.footer_info li{
	font-size: 14px;
	text-align: center;
	margin-bottom: 5px;
}
.copy{
	background-color:#ad8a64;
	text-align:center;
	color:#FFF;
	font-size:11px;
	padding:20px;
}


@media screen and (max-width:700px){
.footer_in{
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px 0px;
}
.footer_logo{width: 90%;
margin-bottom: 20px;}
.footer_info{width: 90%;}
.footer_info li{font-size: 12px;}
.footer_box2{display: none;}
}

/*fooder_menu（もくじ）-----------*/
ul.footer_menu{
	display:flex;
	justify-content:center;
	margin:0px auto;
	flex-wrap:wrap;
}
ul.footer_menu li{
	font-size:12px;
	padding: 0px 17px;
	border-right: 1px solid #ccc;
}
.f_menu_fast{border-left: 1px solid #ccc;}

ul.footer_menu li a:link,
ul.footer_menu li a:visited {
	color:#000;
	text-decoration:none;
}
ul.footer_menu li a:hover,
ul.footer_menu li a:active{
	color:#ad8a64 !important;
}

.footer_rental{padding:20px 0px;}
.footer_rental h2{
	color:#fff;
	font-size:14px;
	text-align:center;
}
@media screen and (max-width: 600px) {
	ul.footer_menu{display: none;}
}

/*fooder 取扱メーカー-----------*/
.f_m_box{
	border-top: solid 2px #ccc;
	padding: 10px 0px 0px;
}
.f_m_box p{
	font-size: 12px;
	text-align: center;
	color: #555555;
}
ul.f_mlist{
	display: flex;
	width: 90%;
	max-width: 700px;
	margin: 0 auto;
	padding: 0px 0px 10px;
	justify-content: center;
}
ul.f_mlist li{padding: 0px 10px;}

@media screen and (max-width: 500px) {
ul.f_mlist{flex-wrap: wrap;margin-bottom: 10px;}
ul.f_mlist li{padding: 0px 8px;width: 20%;}
}


/* 文字  ----------------------------------------------------------------------------------*/
.S{
	font-size:16px;
	line-height: 170%;
}
.M{
	font-size:20px;
	line-height: 130%;
	margin-bottom:10px;
	font-weight:bold;
	color: #323232;
}
.L{
	font-weight:bold;
	margin-bottom:10px;
}
.pink{color:#ec5d6f;}
.white{color:#FFF;}

.marker{background: linear-gradient(transparent 0%, #ffff66 0%);}

@media screen and (max-width: 600px) {/*PC*/
.S{font-size:12px;line-height: 150%;}
.M{font-size:15px;line-height: 150%;}
.L{font-size:20px;line-height: 150%;}
}
/* 配置 ----------------------------------------------------------------------------------*/
.right1{float: right;}
.left1{float: left;}	
.hover:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
	transition-duration: 0.3s;
}
.hover2{background: #000;}
.hover2 img:hover{
	opacity: 0.9;	/* 小さくするほど暗くなります */
	transition-duration: 0.3s;
	padding:0px;
}
.m10{margin:10px;}
.m20{margin:20px;}

.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.mtb20{margin:20px 0px;}
.mt20{margin-top:20px;}

/* ページＴＯＰ  ----------------------------------------------------------------------------------*/
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 5%;
  bottom: 5%;
  background: #F46F20;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/* 共通 ----------------------------------------------------------------------------------*/
.main{width: 100%;}
.main_2nd{margin-top: 150px;}

.p_top{padding-top: 50px;}
.box{
	width: 100%;
	max-width:1000px;
	margin:0 auto;
	padding-bottom:30px;
	overflow:hidden;
	box-sizing: border-box;
}
.box_in{padding:20px;}

.pan{
	font-size: small;
	max-width:980px;
	margin:0 auto;
	padding:5px;
	width:100%;
}
.center{text-align:center;}
.pink{color:#ED1178;}

@media screen and (max-width: 1050px) {
.p_top{padding-top:30px;}
.box{
	width: 90%;
	padding-top:0px;
	}
.main_2nd{margin-top: 80px;}
}

@media screen and (max-width: 600px) {
.center{text-align:left;}
.box_in{padding:10px;}
.main_2nd{margin-top: 70px;}
}
/* BG ----------------------------------------------------------------------------------*/
.bg0{
	width: 100%;
	padding: 100px 0px;
	background: url("../img/top/bg1.jpg") center top no-repeat #f7f1e4;
}
.bg1{/* 背景：ベージュ*/
	width: 100%;
	padding: 100px 0px;
	background: #f7f1e4;
	}
.bg2{/* 背景：ピンク#fef8f7;*/
	width: 100%;
	padding: 100px 0px;
	background: #fbe9e5;
	}
.bg3{/* 背景：白*/
	width: 100%;
	padding: 100px 0px;
	background: #FFF;
	}
@media screen and (max-width: 1000px) {
.bg0{
	padding: 50px 0px 30px;
	background-size: contain;/* 背景を拡大縮小*/
	}
	.top_img1{display: none;}
	.top_img1sp{display: block;margin:0 auto;}
}
@media screen and (max-width: 600px) {
.bg0{padding: 50px 0px;}
.bg1{padding: 50px 0px;}
.bg2{padding: 50px 0px;}
.bg3{padding: 50px 0px;}
}
/* PT ----------------------------------------------------------------------------------*/
.pt{
	width: 100%;
	padding:100px 0px;
	}
.pt1{background:url(../img/base/pt1.jpg) center center no-repeat;
	background-size: cover;}
.pt2{background:url(../img/base/pt2.jpg) center center no-repeat;
	background-size: cover;}
.pt3{background:url(../img/base/pt3.jpg) center center no-repeat;
	background-size: cover;}
.pt h2{
	font-size:40px;
	line-height: 130%;
	font-family: 'Kosugi Maru', sans-serif; /* WEBフォント */
	color:#FFF;
	text-align:center;
}

@media screen and (max-width: 1000px) {
.pt{padding:80px 0px;}
.pt h2{font-size: 30px;}
}
@media screen and (max-width: 500px) {
.pt{padding:50px 0px;}
.pt h2{font-size: 25px;padding: 0px 20px;}
}


/* ボタン ----------------------------------------------------------------------------------*/
.btn1{
	background-color:#FFF;
	padding: 1em 3em;
	display: inline-block;
	text-decoration: none;
	margin:10px 0px;
	font-size:17px;
	line-height: 130%;
	font-family: 'Kosugi Maru', sans-serif; /* WEBフォント */
	border-radius: 20px;         /* CSS3 */
}
.btn1:link,
.btn1:visited {
	color:#FFF;
	background-color: #ad8a64;
	font-weight: normal;
	text-decoration: none;
}
.btn1 a:link,
.btn1 a:visited {
	color:#FFF;
	text-decoration: none;
}
.btn1:hover,
.btn1:active {
	text-decoration: none;
	background-color:#cdb79e;
}
@media screen and (max-width: 600px) {
.btn1{font-size:14px;}
}

/* 表type01 --------------------------------------------*/
table.type01 {
	width:100%;
	margin:10px auto 10px;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background-color:#FFFFFF;
    font-size:15px;
	line-height:140%;
}
table.type01 th {
	padding: 10px 10px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	background: #eee;
	vertical-align:middle;
	text-align:center;
}
table.type01 td {
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	vertical-align:middle;
}
table.type01 th img{width:100%}
table.type01 td img{width:100%}


.nowrap{white-space: nowrap;}

@media screen and (max-width: 600px) {/*タブレット*/
table.type01{font-size:12px;}
table.type01 th {padding: 3px 5px;}
table.type01 td {padding: 3px;}
}
/* 表type02--------------------------------------------*/
table.type02 {
	width:100%;
	margin:10px auto 10px;
	text-align: left;
    font-size:15px;
	line-height:140%;
}
table.type02 th {
	color: #7b5c37;
	padding: 10px 10px;
	font-weight: bold;
	vertical-align:middle;
	text-align:center;
	border-bottom: solid 1px #d6bda1;
}
table.type02 td {
	padding: 5px 10px;
	vertical-align:middle;
	border-bottom: solid 1px #d6bda1;
}
table.type02 th img{width:100%}
table.type02 td img{width:100%}

@media screen and (max-width: 600px) {/*タブレット*/
table.type02{font-size:12px;}
table.type02 th {padding: 3px 5px;}
table.type02 td {padding: 3px;}
}


/*vegasスライダー----------------------------------------------------------------------------------*/
#vegas_box{
	width: 100%;
	height:700px;
	overflow:hidden;
	font-size:0;
}
.vegas_text{
	text-align:center;
	margin-top:350px;
}
@media screen and (max-width: 1000px) {
#vegas_box{height:500px;}
.vegas_text{margin-top:200px; padding:0 40px;}
}
@media screen and (max-width: 500px) {
#vegas_box{height:400px;}
.vegas_text{margin-top:160px;}
}
@media screen and (max-width: 400px) {
#vegas_box{height:300px;}
.vegas_text{margin-top:140px;}
}

/* title ----------------------------------------------------------------------------------*/
.title-border {
	display: flex;
	text-align:center;
	align-items: center;
	justify-content: center;
	font-size:45px;
	font-family: 'Playfair Display', serif;
	letter-spacing:1px;
	color:#9f7853;
}
.title-border:before,
.title-border:after {
	border-top: 1px solid #9f7853;
	content: "";
	flex-grow: 1;
}
.title-border:before {margin-right: 1rem;}
.title-border:after {margin-left: 1rem;}

.title-border2 {/*白文字*/
	display: flex;
	text-align:center;
	align-items: center;
	justify-content: center;
	font-size:45px;
	font-family: 'Playfair Display', serif;
	letter-spacing:1px;
	color:#FFF;
}
.title-border2:before,
.title-border2:after {
	border-top: 1px solid #FFF;
	content: "";
	flex-grow: 1;
}
.title-border2:before {margin-right: 1rem;}
.title-border2:after {margin-left: 1rem;}

.title_j{
	font-size:16px;
	text-align:center;
	margin-bottom:40px;
}
.title_j2{
	font-size:16px;
	text-align:center;
	margin-bottom:40px;
	color: #FFF;
}
.title1{
	font-size:25px;
	line-height:120%;
	font-weight:bold;
	color:#9f7853;
	margin-bottom:20px;
	padding:15px;
	background:#eee8dc;
	text-align:center;
}
@media screen and (max-width: 800px) {
.title-border {font-size:30px;}
.title-border2 {font-size:30px;}
}
@media screen and (max-width: 600px) {
.title-border {font-size:25px;}
.title-border2 {font-size:25px;}
.title1{
	font-size:18px;
	line-height:120%;
	padding:10px;
	}
.title_j,title_j2{font-size:14px;}
}

/*smoothスライダー------------------------*/
#smooth{
	width: 100%;
}
#makeMeScrollable { 
	width:100%;
	position: relative; 
	}   
#makeMeScrollable div.scrollableArea img {
	 position: relative;
	 width:250px;
	 margin:5px;
	 float: left;
	 padding: 0; 
	 }
@media screen and (max-width: 600px) {
#makeMeScrollable div.scrollableArea img {
	width:150px;
	}
}	
/* リボンtitle（茶色） ---------------------------------------------------------*/
.ribbon1 {
　width: 100%;
 margin-bottom: 20px;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-family: 'Kosugi Maru', sans-serif; /* WEBフォント */
  font-size: 20px;/*フォントサイズ*/
  background: #7b5c37;/*背景色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
}
.ribbon1 h3 {
  margin: 0;
  padding: 0 50px;
  border-top: dashed 2px rgba(255,255,255,0.5);/*上の破線*/
  border-bottom: dashed 2px rgba(255,255,255,0.5);/*下の破線*/
  line-height: 42px;
  text-align: center;
}
.ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.ribbon1:before {/*左端の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #f7f1e4;
  border-style: solid;
}
.ribbon1:after {/*右端の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #f7f1e4 transparent transparent;
  border-style: solid;
}
@media screen and (max-width: 800px) {
.ribbon1 {font-size: 18px;}
}
@media screen and (max-width: 500px) {
.ribbon1 {font-size: 16px;}
.ribbon1 h3 {padding: 0 10px;}
}


/* リボンtitle（ピンク） ---------------------------------------------------------*/
.ribbon2 {
　width: 100%;
 margin-bottom: 20px;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-family: 'Kosugi Maru', sans-serif; /* WEBフォント */
  font-size: 20px;/*フォントサイズ*/
  background: #fbe9e5;/*背景色*/
  color: #7b5c37;/*文字色*/
  box-sizing: border-box;
}
.ribbon2 h3 {
  margin: 0;
  padding: 0 50px;
  border-top: dashed 2px rgba(123,92,55,0.5);/*上の破線*/
  border-bottom: dashed 2px rgba(123,92,55,0.5);/*下の破線*/
  line-height: 42px;
  text-align: center;
}
.ribbon2:before, .ribbon2:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.ribbon2:before {/*左端の山形*/
  top: 0;
  left: 0;
  border-width: 30px 0px 30px 15px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}
.ribbon2:after {/*右端の山形*/
  top: 0;
  right: 0;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
@media screen and (max-width: 800px) {
.ribbon2 {font-size: 18px;}
}
@media screen and (max-width: 500px) {
.ribbon2 {font-size: 16px;}
.ribbon2 h3 {padding: 0 10px;}
}


/* TOP＿ごあいさつ*--------------------------------------------------*/
.top_box1{
	width: 100%;
	padding: 100px 0px;
	background: url("../img/top/bg1.jpg") center top no-repeat #f7f1e4;
}
.top_box1_txt{
	text-align: center;
	font-size: 18px;
	line-height: 220%;
	margin: 30px auto 20px;
	width: 90%;
}
.top_box1 h2{
	text-align: center;
	margin: 0 auto;
	padding: 0px 30px;
	box-sizing: border-box;/* はみ出し解除*/
}
.top_img1{}
.top_img1sp{display: none;}

.top_btn{text-align: center;}
.top_gallery{margin: 50px 0px 0px;}

@media screen and (max-width: 1000px) {
.top_box1{
	padding: 50px 0px 100px;
	background-size: contain;/* 背景を拡大縮小*/
	}
	.top_img1{display: none;}
	.top_img1sp{display: block;margin:0 auto;}
}
@media screen and (max-width: 700px) {
	.top_box1{padding: 50px 0px 80px;}
	.top_box1_txt{font-size: 16px;line-height: 180%;}
}
@media screen and (max-width: 500px) {
	.top_box1{padding: 30px 0px 60px;}
	.top_box1_txt{font-size: 14px;line-height: 180%;}
}

/* TOP＿NEWS--------------------------------------------------*/
.top_box2{
	width: 100%;
	padding: 100px 0px;
}
.top_news{
	width:90%;
	max-width:900px;
	margin:10px auto 50px;
	box-sizing: border-box;
	background: #fff;
}
table.news {
	box-sizing: border-box;
	width:100%;
	margin:10px auto 10px;
}
table.news tr th {}
table.news tr td {
	font-size: 15px;
	line-height: 130%;
	margin: 0px;
	padding:15px 30px;
	border-bottom:dashed 1px #CCC;
}
.top_insta{
	text-align: center;
	padding: 0px 20px;
}
@media screen and (max-width: 640px) {
.top_box2{
padding: 50px 0px;
}
	.top_news{
		padding: 15px;
		box-sizing: border-box;
		margin:10px auto;
	}
	table.news {margin:0 auto;}
	table.news tr td {
	font-size: 13px;
	line-height: 120%;
	padding:10px;
	}
}

/* TOP＿商品--------------------------------------------------*/
.top_box3{
	width: 100%;
	padding: 100px 0px;
	background: #fbe9e5;
}
ul.top_item{
	display: flex;
	max-width: 1200px;
	margin: 0 auto;
	width: 90%;
	justify-content: center !important;
	flex-wrap: wrap;
}
ul.top_item li{
	width: 30%;
	font-family: 'Kosugi Maru', sans-serif; /* WEBフォント */
	font-size: 20px;
	font-weight: 800;
	text-align: center !important;
	color: #7b5c37;
	margin: 5px 5px 20px;
}
ul.top_item li img{
display: block;
text-align: center;
}

/* 店舗情報--------------------------------*/
.shop_box{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 900px;
	width: 90%;
	margin: 50px auto 30px;
}
.shop_img{width: 55%;}
.shop_txt{width: 43%;}

@media screen and (max-width: 800px) {
	.shop_box{
		flex-wrap: wrap;
		justify-content: center;
	}
	.shop_img{
		width: 80%;
		text-align: center;
		margin-bottom: 10px;
	}
	.shop_txt{width: 80%;}
}
@media screen and (max-width: 500px) {
	.shop_img{width: 95%;}
	.shop_txt{width: 95%;}
}
/* MAP */
.ggmap {
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	background-color: #ccc;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* 商品ラインナップ--------------------------------*/
ul.gallery{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.gallery li{
	width: 22%;
	margin: 1%;
	font-size: 14px;
	text-align: center;
}
.lineup_box{padding: 0px 0px 50px;}
.lineup_txt{
	font-family: 'Kosugi Maru', sans-serif; /* WEBフォント */
	font-size: 18px;
	line-height: 180%;
	margin: 30px 0px 0px;
	text-align: center;
}
@media screen and (max-width: 600px) {
	ul.gallery li{width: 44%;}
	.lineup_txt{
	font-size: 14px;
	text-align: left;
	line-height: 150%;
	}
	.lineup_box{padding: 0px 0px 30px;}
}

/* 商品ラインナップ2/正方形（トリミングをする）--------------------------------*/
ul.gallery2{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
ul.gallery2 li{
	margin: 1%;
	font-size: 14px;
	text-align: center;
}
ul.gallery2 li img{
	width: 220px;
	height: 150px;
	object-fit: cover; /* 画像のトリミング */
}
@media screen and (max-width: 800px) {
ul.gallery2 li img{
	width: 150px;
	height: 100px;
}
}
@media screen and (max-width: 600px) {
ul.gallery2 li{font-size: 12px;}
ul.gallery2 li img{
	width: 130px;
	height: 100px;
}
}
@media screen and (max-width: 480px) {
ul.gallery2 li img{
	width: 110px;
	height: 80px;
}
}
@media screen and (max-width: 420px) {
ul.gallery2 li img{
	width: 100px;
	height: 75px;
}
}