@charset "euc-jp";
/* CSS Document */

/*----------------------------------------------------------�١���-----------------------------------------------------------------*/
*{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none;}
a img{ border:none;}
img{ vertical-align:bottom;}
a:hover img{ opacity:0.7;}
div#all{background-color: #fff;}

/* �ѥ�����Ǹ����Ȥ���"pc"��class���Ĥ���������ɽ������� */
.pc { display: block !important; }
.sp { display: none !important; }
/* ���ޡ��ȥե���Ǹ����Ȥ���"sp"��class���Ĥ���������ɽ������� */
@media only screen and (max-width: 999px) {
.pc { display: none !important; }
.sp { display: block !important; }
}    

  
#veranping {  margin:0 auto;  width: auto;color:#000000;font-size: 18px; font-family:"�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif; font-weight: 700;}
#veranping section{clear: both; }
/*#veranping h3{clear: both;}*/
#veranping h2{clear: both; text-align: center;padding: 2% 2% 2%; }

#veranping p{text-align: center; }

/*#veranping div .setumei{
    position: relative;
    padding: 4vw;
	
	animation-name: fadein;
	animation-fill-mode: forwards;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
	animation-delay: 0.3s;
	animation-direction: normal;
}
@keyframes fadein{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}*/

#veranping div .setumei p{
    text-align: center;
    font-size: 1.2vw;
}

/*---PC�Τ�------*/
@media (min-width: 1000px){
#veranping h5{     font-size: 1.2em;}
}
/*---���ޥۤΤ�------*/
@media (max-width: 999px){
#veranping h5{     font-size: 0.5em;}
}

/*------------------------top�ˤ�ɤ�------------------------*/

div.top{ position: fixed; bottom: 0%; right: 5%; z-index: 99999999;}
div.top:hover{  
    border-bottom-color: transparent;
    transform: translateY(0.1875em)}
/*---PC�Τ�------*/
@media (min-width: 1000px){
div.top{     width: 6vw;}
}
/*---���ޥۤΤ�------*/
@media (max-width: 999px){
div.top{     width: 15vw;}
}

/*------------------------�������------------------------*/
#veranping #item a
    { width: 100%; height: 100%; top:0; left: 0;text-indent: 100%; overflow: hidden; } 
#veranping section#item li a:hover,#veranping #item p.cate a:hover{opacity:0.7; background-color: #fff;}
#veranping a{
    background-color: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;}
#veranping section.menu li:hover,#veranping section#coupon li:hover{
  border-bottom-color: transparent;
    transform: translateY(0.1875em)}

/*---PC�Τ�------*/
@media (min-width: 1000px){.smp{ display: none !important;}}


/*---���ޥۤΤ�------*/
@media (max-width: 999px){.pc{display: none !important;}}

/*----------------------------------------------------------�եå���-----------------------------------------------------------------*/

#veranping section#back{  text-align: center; width: 98%; padding: 1%; border-top: 1px solid white;}

/*---PC�Τ�------*/
@media (min-width: 1000px){
#veranping section#back{ font-size: 1em!important;}
}
/*---���ޥۤΤ�------*/
@media (max-width: 999px){
#veranping section#back{ font-size: 0.7em!important; padding-bottom: 8%; display: block;}
}


/*----------------------------------------------------------�����ݥ�-----------------------------------------------------------------*/
#veranping section#coupon { margin: 1vw 0 5vw;}
#veranping section#coupon p{ text-align: right; font-size: 0.6em;}
#veranping section#coupon ul{ padding:0 2%;overflow: hidden;}
/*#veranping section#coupon li{ width: 33%;float: left; position: relative;}*/
#veranping section#coupon h2 {
    position: relative;
    width: 95%;
    text-align: center;
    margin: 0 2% 1%;
	font-family: "�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif; font-weight: bolder;
    color: #06c8a9;
}

#veranping section#coupon h2 span {
	background: linear-gradient(transparent 40%, #fbff42 40%);
}



/*----------------------------------------------------------��˥塼-----------------------------------------------------------------*/

#veranping section.menu div{ display: inline-block;width: 100%; }
#veranping section.menu h5{ font-family: "�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif; font-weight: 400;}
#veranping section.menu li{ float: left; position: relative;}


/*---PC�Τ�------*/

@media (min-width: 1000px){
/*#veranping section.menu{    position: absolute;    top: 332px;}  */
#veranping section.menu li{ padding-bottom: 5%; width: 166px;}
#veranping section.menu h5{font-size: 1.2em;}
}
.menu_pc ul{
	max-width: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 5vw;*/
	color:#FFF;
	margin: 5% auto;
	
}
.menu_pc ul li {
/*  background-color: #003614;
    height: 5vw;
    width: 100%;
*/
/*	padding: 0.5% 0.5% 2% 0.5%; */
	padding: 0.5% 0.5% 0% 0.5%;
	text-align: center;
	font-size: 1.5vw;

}

.menu_pc ul li a{
    color: #FFF;
}

.menu_p{
	justify-content: space-between;
}

.botan1 ul{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 5vw;
	color:#FFF;
}
.botan1 ul li{
    height: 2vw;
    width: 100%;
    margin: 1%;
    padding: 2%;
    text-align: center;
}

/*---���ޥۤΤ�------*/
@media (max-width: 999px){
#veranping section.menu{    padding: 0 5vw 0;}
#veranping section.menu ul{ overflow: hidden; margin-bottom: 5vw;}  
#veranping section.menu li{ width: 33.3%;}

.menu_pc ul{
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
	
	
.menu_pc ul li {
    width: 30%;
}
	
	

}




/*---------------------����---------------------*/

#all #kanban {
  -webkit-animation: bg-slider 60s linear infinite;
  animation: bg-slider 60s linear infinite;
  background: url(https://image.wowma.click/59232720/image/210312veranping/kanbankanban.jpg?1) repeat-x 0 0 #fff;
  width: 100%;
  display: block;
}

/*---PC�Τ�------*/
@media (min-width: 1000px){#all #kanban{ height: 31.3vw;}}


/*---���ޥۤΤ�------*/
@media (max-width: 999px){#all #kanban{height: 60vw; background-size: cover;}

	#kanban img{margin-top: 6vw;}


}


@-webkit-keyframes bg-slider {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1920px 0;
  }
}
@keyframes bg-slider {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1920px 0;
  }
}



/*----------------------------------------------------------���ʷ�-----------------------------------------------------------------*/
/*�١���*/
#veranping #item div.corner{ margin-bottom: 5%; position: relative;}
#veranping #item #corner_0{background-color: #E7ECE7;padding-bottom: 3%; width: 100%;}

/*����*/
#veranping #item div.corner h3{
	font-family:"�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif;
	font-weight: 200;
    /*padding: 2%;*/text-align: center; font-weight: 900;color: #002b10;
	}
	
#veranping #item div.corner h3{
	}

#veranping #item div.corner img{
	width: 100%;
	height: 100%;
	object-fit: cover;
} 

/*����̾*/#veranping #item div#corner_1 dd.name{border-left: 5px solid #000;padding-left: 2%;display: flex; align-items: center;}
	
/*---PC�Τ�------*/
@media (min-width: 1000px){
#veranping #item div.corner h3{ font-size: 1.8em;}
}
/*---���ޥۤΤ�------*/
@media (max-width: 999px){
#veranping #item div.corner h3{ font-size: 5vw;}
}
	
#veranping #item div.corner h5{text-align: center; color: #3e3e3e;}

/*���Ȥ�*/
#veranping #item ul{/*display:inline-block;*/ width: 96%; margin: 0 auto;
  display: flex;
flex-wrap: wrap;
max-width: 1000px;}
#veranping #item li.li_2,#veranping #item li.li_3,#veranping #item li.li_4,#veranping #item li.li_3_2{ background-color: white;float: left; position: relative;
    /* �Ѵݥ��å� */ /*border-radius: 5px; -webkit-border-radius: 5px;   -moz-border-radius: 5px;*/}

/*�ƥ�����*/
#veranping #item dt{  
font-weight: 700;
font-family:"�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif; display: flex; align-items: center;}
/*����̾*/
#veranping #item dd.name{border-left: 0.3em solid #000;padding-left: 2%;display: flex; align-items: center;}
#corner_0 dd.name0{border-left: 0.3em solid #000;padding-left: 2%;margin-left: 4%;display: flex; align-items: center;}
/*
#corner_2 dd.set a{position: relative; display: flex;flex-wrap: wrap;align-items: center;}
#corner_2 dd.set a img{justify-content: space-between;
}
*/


/*��������*/#veranping #item p.cate{position: relative; text-align: center;background-color: white;padding: 1%;margin: 0 2%;/* �Ѵݥ��å� */ /*border-radius: 90px; -webkit-border-radius: 90px;  -moz-border-radius: 90px; */   font-weight: bold;}

/*���ʲ���*/
#veranping #item dd.pic{    padding: 3% 0 4%;}

/*���ʥץ�*/
#veranping dd.pri{/*position: absolute;bottom: -2%; right: 30%;*/ text-align: center;}
#veranping dd.pri .prices{ color: #cc0000; font-weight: 500;font-family:centuryGB,"Century Gothic",helvetica,Arial,sans-serif;}
#veranping dd.pri .prices1{ color: #cc0000; font-weight: 500;font-family:centuryGB,"Century Gothic",helvetica,Arial,sans-serif;text-align:right; margin-top: -8%;}

/*---PC�Τ�------*/
@media (min-width: 1000px){
#veranping dd.pri .prices{ font-size: 2em; font-weight: 600;}
#veranping dd.pri .prices1{ font-size: 2.1em; font-weight: 600;margin-bottom: 5%; margin-right: 6%;}
}
/*---���ޥۤΤ�------*/
@media (max-width: 999px){
#veranping dd.pri .prices{ font-size: 7vw; font-weight: 600;}
#veranping dd.pri .prices1{ font-size: 7.5vw; color: #cc0000; font-weight: 600;font-family:centuryGB,"Century Gothic",helvetica,Arial,sans-serif;text-align:right;
	margin: -12% 1% 0 0; padding: 3%;}
	
#veranping #item dd.name{border-left: 2vw solid #000;padding-left: 2%;display: flex; align-items: center;}
	
}


#veranping dd.pri .prices span.prdisp-icon{ padding-right:10px;}/*��������*/

/*��������*/
#veranping #item #corner_1 .icon{
	padding: 0% 10%;
	max-width: 1000px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*height: 5vw;*/
	color:#FFF;
	margin: 0 auto;
}

ul.icon1{
	justify-content: space-between;
}

@media (max-width: 999px){
#veranping #item #corner_1 .icon{
	padding: 1%;
}
}


#veranping #item #corner_1 .icon .icon1 li{
/*    margin-top: 4%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10%;*/
    /*height: 7vw;*/
    width: 100%;
    margin: 0.5%;
    padding: 0%;
	text-align: center;
}

@media (max-width: 999px){
#veranping #item #corner_1 .icon .icon1 li{
    padding: 0;
}
	
#corner_2 ul.icon1{
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
}

#corner_2 ul.icon1 li{
	width: 29%;
	padding: 2%;
}

#corner_3 ul.icon1{
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
}

#corner_3 ul.icon1 li{
	width: 46%;
	padding: 2%;
}
	
#corner_4 ul.icon1{
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
}

#corner_4 ul.icon1 li{
	width: 46%;
	padding: 2%;
}
	
}





/*
.menu_pc ul{
	max-width: 1000px;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    height: 5vw;
	color:#FFF;
	margin: 0 auto;
	
}
.menu_pc ul li {
    background-color: #003614;
    height: 7vw;
    width: 100%;
    margin: 0.5%;
    padding: 2%;
	text-align: center;
	font-size: 2vw;
}
*/

div.footer{
	text-align:center;
	font-size:14px;
	margin-top: 4%;
	padding: 5%;
	font-family:"�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif;
}


/*---PC�Τ�------*/
@media (min-width: 1000px){
/*#veranping .midasi{margin-top: 10%;}	*/
#veranping .midasi{margin-top: 6%;}
    #veranping #item li.li_1,#veranping #item li .li_2,#veranping #item li.li_3,#veranping #item li.li_4{ padding: 1%;    margin: 0% 2% 2% 0;}
    /*1��*/
    #veranping #item li.li_1{ width: 70%;}
    #veranping #item li.li_1:nth-child(even){ margin-right: 0;}

    /*2��*/
    #veranping #item li.li_2{     width: 45%;padding: 0%; margin: 3% 1.5%;}
    #veranping #item li.li_2:nth-child(even){ margin-right: 0;}
	
	#veranping #item li.li_2 a
    { position: absolute; width: 100%; height: 100%; top:0; left: 0; overflow: hidden; } 

	
	/*3��*/
    #veranping #item li.li_3{ width: 30%; /*position: relative;*/}
	#veranping #item li.li_3 dl{ position: relative;}
	
	#veranping #item li.li_3 a
    { position: absolute; width: 100%; height: 100%; top:0; left: 0; overflow: hidden; } 
	
    #veranping #item li.li_3:nth-child(3n){ margin-right: 0;}
	
	#veranping #item li.li_3 div.set{ display: flex; justify-content: space-between; } 

	#veranping #item li.li_3 div.set a{ position:inherit; width: 50%;  overflow: hidden;justify-content: space-between; } 
  	/*#veranping #item li.li_3 div.set {display:inline;margin: 0 auto;text-align: center;}*/
	/*#veranping #item li.li_3 span.set img{margin: 0 auto;text-align: center;}*/
    /*4��*/
    #veranping #item li.li_4{    width: 21.5%;}
    #veranping #item li.li_4:nth-child(4n){ margin-right: 0;}
	
	/*#veranping #item #corner_1 .midasi{
		position: relative;
	}
	#veranping #item #corner_1 .midasi p{
		position: absolute;
		color: #fff;
		top: 10%;
		left: 20%;
	}
	#veranping #item #corner_1 .midasi img{
		width: 100%;
		
	}*/
		
		/*���Ф�*/#veranping #item div.corner h5{    font-size: 0.9em; font-family:"�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif; font-weight: 500;}
    /*�ƥ�����*/
    #veranping h2{    font-size:2vw; font-weight:bold;}
    #veranping #item li.li_2 dt{    font-size: 1.2em;  line-height: 1.2em;height:3vw;    padding-bottom: 2%; border-bottom: 1px solid black;}
	#veranping #item li.li_3 dt{    font-size: 0.9em;  line-height: 1.2em;height:3vw;    padding-bottom: 2%; border-bottom: 1px solid black;}
    #veranping #item li.li_4 dt{    font-size: 0.9em;  line-height: 1em;height:3vw;  padding-bottom: 2%; border-bottom: 1px solid black;}
    /*����̾*/
    #veranping #item li.li_2 dd.name{    font-size: 1.3em;  line-height: 1.2em;     margin-bottom: 1vw;} 
	#veranping #item li.li_3 dd.name{    font-size: 1em;  line-height: 1.1em;     margin-bottom: 1vw;} 
    #veranping #item li.li_4 dd.name{    font-size: 0.8em;  line-height: 1em;   height: 3vw;  margin-bottom: 3vw;} 
    
    /*�ط�ã*/
    /*�����*/
    #veranping #corner_1 div.back1{position: absolute;left: -51%; top: 20%;}
    #veranping #corner_1 div.back2{position: absolute;top: 61%; right: -30%;}
    /*��ӥ�*/
    #veranping #corner_2 div.back1{position: absolute;     left: -30%;
    top: 22%;}
    #veranping #corner_2 div.back2{position: absolute; top: 61%; right: -30%;}
    /*�Х����ȥ���*/
    #veranping #corner_3 div.back1{position: absolute;left: -30%; top: -4%;}
    #veranping #corner_3 div.back2{position: absolute;    top: 13%;right: -30%;}
    /*���ء��٥���������*/
    #veranping #corner_4 div.back1{position: absolute;left: -32%;  top: -1%;}
    #veranping #corner_4 div.back2{position: absolute;    right: -42%;top: 31%;}
    /*����*/
    #veranping #corner_5 div.back1{position: absolute;left: -41%; top: -10%;}
    /*���ݽ����å�*/
    #veranping #corner_6 div.back1{position: absolute;    left: -24%;    top: -10%;}
    
    

}
/*---���ޥۤΤ�------*/
@media (max-width: 999px){
#veranping .midasi{margin-top: 10%;}
#veranping p{text-align: center; font-size: 2vw;}
#veranping #item{margin: 1%}
#veranping #item li.li_3,#veranping #item li.li_4{ padding: 1%;    margin: 0% 2% 2% 0;}
	
	/*1��*/
	#veranping #item ul li.li_2{width: 100%;padding: 0%; margin: 0 0 4% 0;}
   /* #veranping #item li.li_2:nth-child(even){ margin-right: 0;}*/

    /*���ޥ�2��*/
    #veranping #item li.li_3,#veranping #item li.li_4{ width: 47%;}
    #veranping #item li.li_3:nth-child(even),#veranping #item li.li_4:nth-child(even){ margin-right: 0;}
    
    #veranping #item li.li_3 dl{ position: relative;}
	
	#veranping #item li.li_3 a
    { position: absolute; width: 100%; height: 100%; top:0; left: 0; overflow: hidden; } 

	#veranping #item li.li_3 .set a{ position:inherit; width: 100%; height: 100%; top:0; left: 0; overflow: hidden; } 
  	#veranping #item li.li_3 .set{ margin: 0 auto;text-align: center;}
	#veranping #item li.li_3 .set .sp{ margin: 2% auto;text-align: center;}
	
	#veranping #item li.li_3 div.set a{ position:inherit; width: 50%;  overflow: hidden;justify-content: space-between; } 
	
	#veranping #item li.li_2 a
    { position: absolute; width: 100%; height: 100%; top:0; left: 0; overflow: hidden; } 	
	
	/*����*/#veranping #item div.corner h5{    font-size: 0.6em; }
    /*�ƥ�����*/
    #veranping h2{    font-size: 4.5vw;}
    #veranping #item dt{     font-size: 0.7em; line-height: 1.2em; height: 13vw;}
    /*����̾*/#veranping #item dd.name{ font-size: 3.5vw; line-height: 1.2em;    margin-bottom: 2vw; font-weight: 600; height: 10vw;}
			 #corner_0 dd.name0{font-size: 4vw; border-left: 0.3em solid #000;padding-left: 2%;margin-left: 4%;display: flex; align-items: center;}

    /*�ط�ã*/    #veranping div.box{display: none;}
	
	#veranping #item .txt2{ text-align: center; font-size: 6.5vw; color: #002D0F; font-family: "�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif; padding-top: 0%; }
	
	#veranping #item .txt{ text-align: center; font-size: 4vw; color: #002D0F; font-weight: 500; font-family:"�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif; padding-top: 4%; }
	
	#veranping #item .txt3{ text-align: center; font-size:3vw; color: #FFFFFF; background-color: #002D0F; font-weight: 500; font-family:"�⥴���å� Medium", "Yu Gothic Medium", "�⥴���å���", "YuGothic", "�ҥ饮�γѥ� ProN W3", "Hiragino Kaku Gothic ProN", "�ᥤ�ꥪ", "Meiryo", "verdana", sans-serif;  padding: 0.8vw; }
	
	#veranping #item .txt0{text-align: center;font-size: 3.3vw; color: #002D0F; padding-top: 3%; background-color: #fff;}
	#veranping #item .txt4{ font-size: 2.5vw; color: #000000; font-weight: 600; padding: 2% 0 0 0; margin: 0 0 4% 4%;}
    #veranping #item .japan{font-size: 2.5vw;border: thin; border-bottom-color: #000; border-style: solid; width: 11%; text-align: center; margin: -2% 0 0 4%; padding: 1%;}


	
}

.txt{
    text-align: center;
    font-size: 1.8vw;
	color: #002D0F;
    font-weight: 500;
	padding-top: 2%;	
}
.txt2{
    text-align: center;
    font-size: 3vw;
	color: #002D0F;
    padding-top: 0%;
	background-color: #fff;
}
 .txt3{
    text-align: center;
    font-size: 1.5vw;
	color: #FFFFFF;
    padding: 0.5vw;
	background-color: #002D0F;
	max-width: 1000px;
	margin: auto;
}
.txt4{
    font-size: 0.8em;
	color: #000000;
    font-weight: 600;
    padding-top: 3%;
    margin-left: 4%;	
}
.txt0{
    text-align: center;
    font-size: 1.1em;
	color: #002D0F;
    padding-top: 3%;
	background-color: #fff;
}

.japan{
    border: thin;
    border-bottom-color: #000;
    border-style: solid;
    width: 18%;
	text-align: center;
	margin-left: 4%;
    margin-top: 1%;
}