@charset "euc-jp";

/*������CSS*/
html{scroll-behavior: smooth; font-family: 'Open Sans', sans-serif;}
*{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none; color: #000000;}
a img{ border:none; }
/*�ǹ���ɽ��*/
div.prices span.prdisp-taxin span > span{ display: none !important;}

/*smp*/
@media screen and (max-width: 640px){
	
	

	.smp_none{ display: none !important;}
	
	/*���IJ���*/
	#kanban_wrap{ max-width: 100%;}
	#kanban_wrap img{ max-width: 100%;}
	
	/*����ƥ��*/
	#wrap{ max-width: 100%; margin: 0 auto;}
	
	
	/*��󥭥�����*/
	/*��󥭥�1��*/
	div.rank{ background-color: #f5f4f4; margin-top: 8vw; padding-bottom: 8vw;}
	div.rank div.rank_mida{ text-align: center; padding: 5vw 0 1vw; width: 100%; margin: 0 auto 3vw; border-bottom: 1.5px solid #333; }
	div.rank div.rank_mida img{ display: inline-block; width: 11vw; height: auto; vertical-align: bottom;}
	div.rank div.rank_mida h1{ display: inline-block; font-size: 120%; font-family: 'Shippori Mincho', serif; color: #333; vertical-align: super; font-weight: bold;}
	div.rank div.rank_01 div.rank_mida{ width: 100%; margin: 0 auto 1vw; padding: 0; border-bottom: none; position: relative;}
	div.rank div.rank_01 div.rank_mida img{ display: inline-block; width: 6vw; height: auto;}	
	div.rank div.rank_01 div.rank_mida img.star{ position: absolute; width: 5vw; margin: 0; transform: rotate(195deg); top: -2vw; left: 48vw;}
	div.rank div.rank_01 div.rank_mida h2{ font-size: 7vw; font-family: 'Shippori Mincho', serif; display: inline-block; color: #d1a01a; font-weight: bold;}
	div.rank div.rank_01 div.rank_mida h2 span{ font-size: 5vw; padding-left: 2vw;}
	div.rank div.rank_01 div.item_box{ width: 98%; margin: 0 auto 5vw;}
	div.rank div.rank_01 div.item_box{ display: flex; justify-content: space-between; border-bottom: 1px solid #d0cfcf; padding-bottom: 5vw;}
	div.rank div.rank_01 div.item_box div.item_box01 p.item_name{ font-size: 85%; font-weight: bold; margin: 5vw 0 2vw; /*font-family: 'Shippori Mincho', serif;*/}
	div.rank div.rank_01 div.item_box div.item_box01 p.item_txt{ font-size: 75%; /*font-family: 'Shippori Mincho', serif; */color: #333;}
	div.rank div.rank_01 div.item_box div.item_box01{ width: 49%;}
	div.rank div.rank_01 div.item_box div.item_box02{ width: 49%;}
	div.rank div.rank_01 div.item_box div.item_box02 ul li a{ display: block; padding: 2vw 0; background-color: #007973; color: #fff; margin-bottom: 1vw; text-align: center; width: 100%; font-family: 'Crimson Text', serif;}	
	div.rank div.rank_01 div.item_box div.item_box02 ul li:nth-child(1) a{ margin-top: 5vw; }
	div.rank div.rank_01 div.item_box div.item_box02 ul li a p{ width: 100%; font-size: 95%;}	
	/*div.rank div.rank_01 div.item_box div.item_box02 ul li a div.prices{ width: 70%; font-size: 105%;}*/
	
	
	/*���饤����*/
	div.swiper-wrapper{ justify-content: space-between;}
	div.swiper-wrapper div.swiper-slide{ cursor: pointer;}
	div.swiper-container {width: 100%; margin: 0 auto;}	
	div.swiper-container.slider div.swiper-slide,
	div.swiper-container.slider2 div.swiper-slide{ position: relative;}
	div.swiper-container.slider div.swiper-slide p.slide_text,
	div.swiper-container.slider2 div.swiper-slide p.slide_text{ color: #fff; position: absolute; right: 0; bottom: 0; /*text-align: right;*/ font-size: 70%; padding:1%}
	div.swiper-container.slider div.swiper-slide p.slide_text.t_black,
	div.swiper-container.slider2 div.swiper-slide p.slide_text.t_black{ color: #000; background-color: rgba(255, 255, 255, 0.8); }
	div.swiper-container.slider img,
	div.swiper-container.slider2 img{ max-width: 100%;}
	div.slider-thumbnail, div.slider-thumbnail2{ margin-top: 10px;}
	div.slider-thumbnail div.swiper-wrapper,
	div.slider-thumbnail2 div.swiper-wrapper{ justify-content: space-around;}
	div.slider-thumbnail div.swiper-wrapper div.swiper-slide,
	div.slider-thumbnail2 div.swiper-wrapper div.swiper-slide{ opacity: .3; width: calc(97%/4) !important; cursor: pointer;}
	div.slider-thumbnail div.swiper-wrapper div.swiper-slide img,
	div.slider-thumbnail2 div.swiper-wrapper div.swiper-slide img{ max-width: 100%;}
	div.slider-thumbnail div.swiper-wrapper div.swiper-slide.swiper-slide-thumb-active,
	div.slider-thumbnail2 div.swiper-wrapper div.swiper-slide.swiper-slide-thumb-active{ opacity: 1.0;}
    /*.swiper-button-prev,
    .swiper-button-next { width: 28px; height: 86px; margin-top: -43px; }*/
    .swiper-button-prev:before { font-family: "Font Awesome 5 Free"; content: "\f137"; font-size: 7vw; color: #fff; font-weight: 900; opacity: 0.8;}
    .swiper-button-next:before { font-family: "Font Awesome 5 Free"; content: "\f138"; font-size: 7vw; color: #fff; font-weight: 900; opacity: 0.8;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display: none !important;}	
	
	
	/*IOS�ǥ��åפ����������Ⱦä�*/
	.swiper-button-next:focus, 
	.swiper-button-prev:focus{ /*-webkit-tap-highlight-color:rgba(0,0,0,0) !important;*/ outline: none;}
	
	/*IE�ѥ��饤����*/
	div#slider_ie,
	div#slider_ie2{ display: none;}
	
	/*��󥭥�2�̰ʲ�*/
	div.rank div.rank_other{ width: 98%; margin: 0 auto;}
	div.rank div.rank_other ul.rank_other02{ width: 100%; margin: 0 auto; display: flex; justify-content: space-between;}
	div.rank div.rank_other ul.rank_other02 > li{ width: calc( 97%/2);}
	div.rank div.rank_other ul.rank_other02 > li img{ max-width: 100%;}
	div.rank div.rank_other div.item_box{ width: 1000px; margin: 0 auto 30px;}
	div.rank div.rank_other div.item_box{ display: flex; justify-content: space-around; border-bottom: 1px solid #d0cfcf; padding-bottom: 20px;}
	div.rank div.rank_other p.item_name{ font-size: 78%; font-weight: bold; margin:2vw 0 1vw; height: 7vw; /*font-family: 'Shippori Mincho', serif;*/}
	div.rank div.rank_other p.item_txt{ font-size: 73%; /*font-family: 'Shippori Mincho', serif;*/ color: #333; height: 8vw;}	
	div.rank div.rank_other li > ul li a{ display: flex; padding: 2vw 0; background-color: #007973; color: #fff; margin-bottom: 1vw; text-align: center; width: 100%; font-family: 'Crimson Text', serif;}	
	div.rank div.rank_other li > ul li:nth-child(1) a{ margin-top: 2vw;}
	div.rank div.rank_other li > ul li a p{ width: 100%; font-size: 95%; }	
	div.rank div.rank_other li > ul li a div.prices{ width: 70%; font-size: 105%; }
	div.rank div.rank_other div.rank_mida02{ text-align: center; }
	div.rank div.rank_other img.ico_img{ display: inline-block; width: 6vw; height: auto; vertical-align: baseline;}
	div.rank div.rank_other h2{ font-size: 6vw; font-family: 'Shippori Mincho', serif; text-align: center; display: inline-block;}
	div.rank div.rank_other h2.rno2{ font-weight: bold; color: #828382;}
	div.rank div.rank_other h2.rno3{ font-weight: bold; color: #9d4e1a;}
	div.rank div.rank_other h2 span{ font-size: 5vw; padding-left: 2vw;}
	
	/*��˥塼*/
	/*����������õ��*/
	div#menu{ margin: 15vw auto 0;} 
	div#menu div.size{ width: 100%; text-align: center; }
	div#menu div.size h1.mida{ font-size: 110%; font-family: 'Shippori Mincho', serif; font-weight: bold;}
	div#menu div.size h1.mida span{ font-size: 95%;}
	div#menu div.size h1.mida { position: relative; display: inline-block; padding: 0; text-align: center; width: 100%;}
    div#menu div.size h1.mida:before,
    div#menu div.size h1.mida:after { position: absolute; top: calc(50% - 3px); width: 20%; height: 6px; content: ''; border-top: solid 1px #000; border-bottom: solid 1px #000;}
    div#menu div.size h1.mida:before { left: 0;}
    div#menu div.size h1.mida:after { right: 0;}	
	div#menu div.size ul{ display: flex; justify-content: space-between; width: 98%; margin: 5vw auto 0;}
	div#menu div.size ul li{ width: calc(97%/3);}
	div#menu div.size ul li a{ display: flex; text-align: center; position: relative; border: 1px solid #545454; border-radius: 5px; padding: 3vw 0; justify-content: space-between; }
	div#menu div.size ul li a:before{ font-family: "Font Awesome 5 Free"; content: '\f138'; font-weight: 900; position: absolute; top: 50%; right: 2%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #545454; font-size: 3vw;}
	div#menu div.size ul li a:active:before{ right: 1%; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div#menu div.size ul li a > p{ width: 25%; font-size: 120%; color: #007973; background-color: #f5f5d5; padding-top: 0.5vw; font-family: 'Crimson Text', serif;}
	div#menu div.size ul li a > div{ width: 75%; text-align: left; /*font-weight: bold;*/ color: #333; font-size: 75%; padding-left: 5%; font-family: 'Shippori Mincho', serif;}	
	
	/*���फ��õ��*/
	div#menu div.kind{ width: 100%; text-align: center; margin-top: 8vw;}
	div#menu div.kind h1.mida{ font-size: 110%; font-family: 'Shippori Mincho', serif; width: 100%; font-weight: bold;}
	div#menu div.kind h1.mida span{ font-size: 95%;}
	div#menu div.kind h1.mida { position: relative; display: inline-block; padding: 0; text-align: center;}
    div#menu div.kind h1.mida:before,
    div#menu div.kind h1.mida:after { position: absolute; top: calc(50% - 3px); width: 20%; height: 6px; content: ''; border-top: solid 1px #000; border-bottom: solid 1px #000;}
    div#menu div.kind h1.mida:before { left: 0;}
    div#menu div.kind h1.mida:after { right: 0;}	
	div#menu div.kind ul{ display: flex; justify-content: space-between; margin-top: 15px; width: 98%; margin: 5vw auto 0; flex-wrap: wrap;}
	div#menu div.kind ul li{ width: calc(98%/3);}
	div#menu div.kind ul li:nth-child(n+4){ margin-top: 2vw;}
	/*div#menu div.kind ul li:nth-child(n+6){ width: calc(95%/4); margin-top: 10px;}*/
	div#menu div.kind ul li a{ display: block; text-align: center; position: relative; border: 1px solid #545454; border-radius: 5px; padding: 20px 0 25px; }
	div#menu div.kind ul li a p{ color: #007973; font-weight: bold; font-size: 75%; position: absolute; top: 40%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; font-family: 'Shippori Mincho', serif;}	
	div#menu div.kind ul li a:before{ font-family: "Font Awesome 5 Free"; content: '\f13a'; font-weight: 900; position: absolute; color: #545454; bottom: 2%; left: 50%; -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); transform: translateX(-50%); font-size: 3vw;}
	div#menu div.kind ul li a:active:before{ bottom: 0.5%;  -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div#menu #mat_menu ul li{ width: calc(98%/2);}
	div#menu #mat_menu ul li:nth-child(n+3){ margin-top: 2vw;}
	
	div#menu div.kind ul li img{width:100%; margin-top:5%}
	div#menu div.kind ul.cate li a p {top: 12%}
	div#menu div.kind ul.cate li a{padding-bottom:15px}
	/***����***/
	/*���ĸ��Ф�*/
	div.cont_box{ width: 100%; margin: 20vw auto 5vw;}
	div.cont_box div.kanban_mida{ width: 100%; position: relative;}
	div.cont_box div.kanban_mida img{ max-width: 100%;}
	div.cont_box div.kanban_mida p{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: #000; background-color: rgba(255,255,255,0.8); font-family: 'Shippori Mincho', serif; font-size: 105%; padding: 2vw 1vw; width: 55%; text-align: center; font-weight:bold}
	
	/*����¾���ʸ��Ф�*/
	div.cont_box div.kanban_mida_other{ margin: 0 auto 5vw;}
	div.cont_box div.kanban_mida_other h1{ position: relative; padding-bottom: 0.5vw; border-bottom: 2px solid #DDD; font-family: 'Shippori Mincho', serif; font-size: 110%; }
    div.cont_box div.kanban_mida_other h1::after{ position: absolute; content: " "; border-bottom: solid 2px #007973; bottom: -2px; width:10%; display: block; }
	div.cont_box div.kanban_mida_other h1 span{ padding-left: 1vw;}
	
	/*ʸ��*/
	div.cont_box div.osusume_txt{ text-align: center; width: 98%; font-family: 'Shippori Mincho', serif; font-size: 80%; margin: 3vw auto; padding: 2vw 0; }
	div.cont_box div.osusume_txt2{ margin: 2vw auto 3vw;}
	
	/*���֥����ȥ�*/
	div.cont_box div.sub_mida{ margin-top: 3vw; font-family: 'Shippori Mincho', serif; position: relative;}
	div.cont_box div.sub_mida h1 { text-align: center; position: relative; padding: 2vw 0; font-size: 105%; color: #fff; /*font-weight: bold;*/ background-color: #2d2019;}
	
	/*div.cont_box div.sub_mida div.diamond { width: 2vw; height: 2vw; background: #007973; transform: rotate(45deg); overflow: hidden; opacity: 0.3; position: absolute; left: 48vw; top: 7vw;}
    div.cont_box div.sub_mida div.diamond-inner {color: #fff; background: transparent; transform: rotate(-45deg); text-align: center; }*/
	
	
	/*������ʬ*/
	div.cont_box div.item_list{ width: 98%; margin-left: auto; margin-right: auto;}
	div.cont_box div.item_list ul.item_list2{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
	div.cont_box div.item_list ul.item_list2 > li{ width: calc(97%/2); position: relative;}
	div.cont_box div.item_list ul.item_list2 > li:nth-child(n+3){ margin-top: 10vw;}
	div.cont_box div.item_list ul.item_list2 > li img{ max-width: 100%;}	
	div.cont_box div.item_list ul.item_list2 > li img.rank_icon{ position: absolute; top: 0; right: 0; width: 12vw; height: auto;}
	div.cont_box div.item_list p.item_name{ font-size: 78%; font-weight: bold; margin:2vw 0 1vw; height: 7vw; /*font-family: 'Shippori Mincho', serif;*/}
	div.cont_box div.item_list p.item_name02{ height: 10vw; }
	div.cont_box div.item_list p.item_txt{ font-size: 73%; /*font-family: 'Shippori Mincho', serif;*/ color: #333; height: 10vw;}	
	div.cont_box div.item_list p.item_txt02{ height: 15vw; margin-top: 2vw;}
	div.cont_box div.item_list li > ul li a{ display: flex; padding: 2vw 0; background-color: #007973; color: #fff; margin-bottom: 1vw; text-align: center; width: 100%; font-family: 'Crimson Text', serif;}	
	div.cont_box div.item_list li > ul li:nth-child(1) a{ margin-top: 2vw;}
	div.cont_box div.item_list li > ul li a p{ width: 100%; font-size: 95%;}		
	
	/*�եå���*/
	div#foot{ max-width: 100%; margin: 8vw auto 5vw; border-top: 1px solid #6c6c6c; padding-top: 5vw;}
	div#foot ul{ display: flex; justify-content: center;}
	div#foot ul li a{ display: block; color: #333; font-size: 85%;}
	/*div#foot ul li a span{ border-bottom: 1px solid #fff;}*/
	div#foot ul li:nth-child(2) a{ margin: 0 5vw; border-right: 1px dashed #6b6c6c; border-left: 1px dashed #6b6c6c; padding: 0 5vw;}		
	
	/*TOP*/
	#page_top{ position: fixed; right: 1vw; bottom: 1vw; width: 18vw; animation-name: KUMA; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: 1.5s;}
	#page_top a{ display: block;}
	#page_top p{ width: 100%; margin: 0 auto; font-size: 75%; text-align: center; color: #49abd1; font-weight: bold; text-shadow: 1px 0 0 #fcd19c, 0 1px 0 #fcd19c, -1px 0 0 #fcd19c, 0 -1px 0 #fcd19c;}
	#page_top img{ max-width: 100%; }    		
	/*@keyframes KUMA {
      0% { transform: translate(0,0px); }
      100% { transform: translate(0,-15px)}
    }*/
	
	
	/*SMP�ѥ�˥塼�ʥ�*/	
	#top_menu{ position: fixed; bottom: 2vw; right: 2.5vw; z-index: 2; opacity: 0.9;}
	#top_menu div.menu_icon a{ display: block; width: 13vw; height: 13vw; /*line-height: 10vw;*/ border-radius: 50%; color: #333; background-color: #d1a01b; text-align: center; position: relative;}
	#top_menu div.menu_icon:nth-child(2) a{ margin-top: 2vw;}
	#top_menu div.menu_icon a p{ position: absolute; font-size: 50%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; /*font-family: 'Shippori Mincho', serif;*/ font-weight: bold;}
	
	/*�������̥ڡ�����Ĵ��*/
	div.menu_size_p{ margin-top: 5vw !important;}
	
	
	
}/*smp-end*/


/*PC*/
@media screen and (min-width: 640px){
	
	
	
	a:hover img{ opacity:0.8;}
	.pc_none{ display: none !important;}
	
	/*����ƥ��*/
	#wrap{ width: 1200px; margin: 0 auto;}
	
	/*���IJ���*/
	#kanban_wrap{ width: 100%;}
	#kanban_wrap img{ max-width: 100%;}
	
	/*��󥭥�����*/
	/*��󥭥�1��*/
	div.rank{ background-color: #f5f4f4; margin-top: 50px; padding-bottom: 40px;}
	div.rank div.rank_mida{ text-align: center; padding: 25px 0 5px; width: 1000px; margin: 0 auto 10px; border-bottom: 1.5px solid #333; }
	div.rank div.rank_mida img{ display: inline-block; width: 65px; height: auto; vertical-align: bottom; margin-right: 5px;}
	div.rank div.rank_mida h1{ display: inline-block; font-size: 35px; font-family: 'Shippori Mincho', serif; color: #333; vertical-align: super;}
	div.rank div.rank_01 div.rank_mida{ width: 1000px; margin: 0 auto 3px; padding: 0; border-bottom: none; position: relative;}
	div.rank div.rank_01 div.rank_mida img{ display: inline-block; width: 40px; height: auto;}
	div.rank div.rank_01 div.rank_mida img.star{ position: absolute; width: 30px; margin: 0; transform: rotate(195deg); top: -8px; left: 495px;}
	div.rank div.rank_01 div.rank_mida h2{ font-size: 30px; font-family: 'Shippori Mincho', serif; display: inline-block; color: #d1a01a; font-weight: bold;}
	div.rank div.rank_01 div.rank_mida h2 span{ font-size: 25px; padding-left: 15px;}
	div.rank div.rank_01 div.item_box{ width: 1000px; margin: 0 auto 30px;}
	div.rank div.rank_01 div.item_box{ display: flex; justify-content: space-around; border-bottom: 1px solid #d0cfcf; padding-bottom: 20px;}
	div.rank div.rank_01 div.item_box div.item_box01 p.item_name{ font-size: 23px; font-weight: bold; margin: 10px 0; /*font-family: 'Shippori Mincho', serif;*/}
	div.rank div.rank_01 div.item_box div.item_box01 p.item_txt{ font-size: 18px; /*font-family: 'Shippori Mincho', serif;*/ color: #333;}
	div.rank div.rank_01 div.item_box div.item_box01{ width: 60%;}
	div.rank div.rank_01 div.item_box div.item_box02{ width: 40%;}
	div.rank div.rank_01 div.item_box div.item_box02 ul li a{ display: block; padding: 10px 0; background-color: #007973; color: #fff; margin-bottom: 5px; text-align: center; width: 80%; margin-left: auto; border: 1px solid #007973; font-family: 'Crimson Text', serif;}
	div.rank div.rank_01 div.item_box div.item_box02 ul li a:hover{ background-color: #fff; color: #007973; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div.rank div.rank_01 div.item_box div.item_box02 ul li:nth-child(1) a{ margin-top: 10px; }
	div.rank div.rank_01 div.item_box div.item_box02 ul li a p{ width: 100%; font-size: 25px;  }
	div.rank div.rank_01 div.item_box div.item_box02 ul li a:hover p{ color: #007973; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	/*div.rank div.rank_01 div.item_box div.item_box02 ul li a div.prices{ width: 60%; font-size: 25px; margin-top: 2px; }*/
	
	
	/*���饤����*/
	div.swiper-wrapper{ justify-content: space-between;}
	div.swiper-wrapper div.swiper-slide{ cursor: pointer;}
	div.swiper-container {width: 1000px; margin: 0 auto;}	
	div.swiper-container.slider div.swiper-slide,
	div.swiper-container.slider2 div.swiper-slide{ position: relative;}
	div.swiper-container.slider div.swiper-slide p.slide_text,
	div.swiper-container.slider2 div.swiper-slide p.slide_text{ color: #fff; position: absolute; right: 0; bottom: 0; padding: 5px;}
	div.swiper-container.slider div.swiper-slide p.slide_text.t_black,
	div.swiper-container.slider2 div.swiper-slide p.slide_text.t_black{ color: #000; background-color: rgba(255, 255, 255, 0.8); }
	div.swiper-container.slider img,
	div.swiper-container.slider2 img{ max-width: 100%;}
	div.slider-thumbnail, div.slider-thumbnail2{ margin-top: 10px;}
	div.slider-thumbnail div.swiper-wrapper div.swiper-slide,
	div.slider-thumbnail2 div.swiper-wrapper div.swiper-slide{ opacity: .3; width: 240px !important; cursor: pointer;}
	div.slider-thumbnail div.swiper-wrapper div.swiper-slide img,
	div.slider-thumbnail2 div.swiper-wrapper div.swiper-slide img{ max-width: 100%;}
	div.slider-thumbnail div.swiper-wrapper div.swiper-slide.swiper-slide-thumb-active,
	div.slider-thumbnail2 div.swiper-wrapper div.swiper-slide.swiper-slide-thumb-active{ opacity: 1.0;}
    .swiper-button-prev,
    .swiper-button-next { width: 28px; height: 86px; margin-top: -43px; }
    .swiper-button-prev:before { font-family: "Font Awesome 5 Free"; content: "\f137"; font-size: 35px; color: #fff; font-weight: 900; opacity: 0.9;}
    .swiper-button-next:before { font-family: "Font Awesome 5 Free"; content: "\f138"; font-size: 35px; color: #fff; font-weight: 900; opacity: 0.9;}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{ display: none !important;}
	
	/*IE�ѥ��饤����*/
	div#slider_ie,
	div#slider_ie2{ display: none;}
	
	/*��󥭥�2�̰ʲ�*/
	div.rank div.rank_other ul.rank_other02{ width: 1000px; margin: 0 auto; display: flex; justify-content: space-between;}
	div.rank div.rank_other ul.rank_other02 > li{ width: calc( 97%/3);}
	div.rank div.rank_other ul.rank_other02 > li img{ max-width: 100%;}
	div.rank div.rank_other div.item_box{ width: 1000px; margin: 0 auto 30px;}
	div.rank div.rank_other div.item_box{ display: flex; justify-content: space-around; border-bottom: 1px solid #d0cfcf; padding-bottom: 20px;}
	div.rank div.rank_other p.item_name{ font-size: 17px; font-weight: bold; margin:8px 0; /*font-family: 'Shippori Mincho', serif;*/}
	div.rank div.rank_other p.item_txt{ font-size: 15px; /*font-family: 'Shippori Mincho', serif;*/ color: #333; height: 40px;}	
	div.rank div.rank_other li > ul li a{ display: block; padding: 10px 0; background-color: #007973; color: #fff; margin-bottom: 5px; text-align: center; width: 100%; border: 1px solid #007973; font-family: 'Crimson Text', serif;}
	div.rank div.rank_other li > ul li a:hover{ background-color: #fff; color: #007973; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div.rank div.rank_other li > ul li:nth-child(1) a{ margin-top: 5px;}
	div.rank div.rank_other li > ul li a p{ width: 100%; font-size: 25px; }
	div.rank div.rank_other li > ul li a:hover p{ color: #007973;-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div.rank div.rank_other li > ul li a div.prices{ width: 60%; font-size: 26px; margin-top: 2px; }
	div.rank div.rank_other div.rank_mida02{ text-align: center; margin-bottom: 3px;}
	div.rank div.rank_other img.ico_img{ display: inline-block; width: 35px; height: auto; vertical-align: sub;}
	div.rank div.rank_other h2{ font-size: 25px; font-family: 'Shippori Mincho', serif; text-align: center; display: inline-block;}
	div.rank div.rank_other h2.rno2{ font-weight: bold; color: #828382;}
	div.rank div.rank_other h2.rno3{ font-weight: bold; color: #9d4e1a;}
	div.rank div.rank_other h2 span{ font-size: 20px; padding-left: 10px;}
	
	
	/*��˥塼*/
	/*����������õ��*/
	div#menu{ margin: 70px auto 40px;} 
	div#menu div.size{ width: 100%; text-align: center; }
	div#menu div.size h1.mida{ width: 100%; position: relative; display: inline-block; /*padding: 0 300px;*/ text-align: center; font-size: 30px; font-family: 'Shippori Mincho', serif; }
	div#menu div.size h1.mida span{ font-size: 25px;}
    div#menu div.size h1.mida:before,
    div#menu div.size h1.mida:after { position: absolute; top: calc(50% - 3px); width: 380px; height: 6px; content: ''; border-top: solid 1px #000; border-bottom: solid 1px #000;}
    div#menu div.size h1.mida:before { left: 0;}
    div#menu div.size h1.mida:after { right: 0;}	
	div#menu div.size ul{ display: flex; justify-content: space-around; margin-top: 15px; width: 1000px; margin: 25px auto 0;}
	div#menu div.size ul li{ width: calc(90%/3);}
	div#menu div.size ul li a{ display: flex; text-align: center; position: relative; border: 1px solid #545454; border-radius: 5px; padding: 15px 0; justify-content: space-between; }
	div#menu div.size ul li a:before{ font-family: "Font Awesome 5 Free"; content: '\f138'; font-weight: 900; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #545454;}
	div#menu div.size ul li a:hover:before{ right: 3px; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div#menu div.size ul li a > p{ width: 40%; font-size: 40px; color: #007973; /*font-weight: bold;*/ background-color: #f5f5d5; font-family: 'Crimson Text', serif;}
	div#menu div.size ul li a > div{ width: 60%; text-align: left; /*font-weight: bold;*/ color: #333; padding-left: 15px; font-family: 'Shippori Mincho', serif; font-size: 20px;}
	div#menu div.size ul li a > div p:nth-child(1){ }
	
	/*���फ��õ��*/
	div#menu div.kind{ width: 100%; text-align: center; margin-top: 50px; /*margin-bottom: 85px;*/}
	div#menu div.kind h1.mida{ font-size: 30px; font-family: 'Shippori Mincho', serif; width: 100%; position: relative; display: inline-block; /*padding: 0 300px;*/ text-align: center;}
	div#menu div.kind h1.mida span{ font-size: 25px;}
    div#menu div.kind h1.mida:before,
    div#menu div.kind h1.mida:after { position: absolute; top: calc(50% - 3px); width: 380px; height: 6px; content: ''; border-top: solid 1px #000; border-bottom: solid 1px #000;}
    div#menu div.kind h1.mida:before { left: 0;}
    div#menu div.kind h1.mida:after { right: 0;}	
	div#menu div.kind ul{ display: flex; justify-content: space-around; margin-top: 15px; width: 1100px; margin: 25px auto 0; flex-wrap: wrap;}
	div#menu div.kind ul li{ width: calc(95%/5);}
	div#menu div.kind ul li:nth-child(n+6){ width: calc(95%/4); margin-top: 15px;}
	div#menu div.kind ul li a{ display: block; text-align: center; position: relative; border: 1px solid #545454; border-radius: 5px; height: 70px; /*padding: 20px 0 25px;*/ }
	div#menu div.kind ul li a p{ width: 100%; color: #007973; font-weight: bold; font-size: 18px; position: absolute; left: 50%; top: 17px;  -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-family: 'Shippori Mincho', serif;}	
	div#menu div.kind ul li a.kind_other p{ top: 5px; font-size: 17px;}
	div#menu div.kind ul li a:before{ font-family: "Font Awesome 5 Free"; content: '\f13a'; font-weight: 900; position: absolute; color: #545454; bottom: 3px; left: 50%; -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); transform: translateX(-50%); }
	div#menu div.kind ul li a:hover:before{ bottom: 1px;  -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div#menu #mat_menu ul li{ width: calc(95%/4);}
	
	div#menu div.kind ul.cate li a {    height: 170px!important;    /* padding: 20px 0 25px; */}
	div#menu div.kind ul.cate li a img{    margin-top: 40px!important;    /* padding: 20px 0 25px; */}
	/***����***/
	/*���ĸ��Ф�*/
	div.cont_box{ width: 1200px; margin: 120px auto 10px;}
	div.cont_box div.kanban_mida{ width: 100%; position: relative;}
	div.cont_box div.kanban_mida img{ max-width: 100%;}
	div.cont_box div.kanban_mida p{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: rgba(255,255,255,0.8); font-family: 'Shippori Mincho', serif; font-size: 45px; padding: 20px 5px;}	
	
	/*����¾���ʸ��Ф�*/
	div.cont_box div.kanban_mida_other{ margin: 0 auto 20px;}
	div.cont_box div.kanban_mida_other h1{ position: relative; padding-bottom: 0.5vw; border-bottom: 2px solid #DDD; font-family: 'Shippori Mincho', serif; font-size: 30px; }
    div.cont_box div.kanban_mida_other h1::after{ position: absolute; content: " "; border-bottom: solid 2px #007973; bottom: -2px; width:10%; display: block; }
	
	/*ʸ��*/
	div.cont_box div.osusume_txt{ text-align: center; width: 100%; font-family: 'Shippori Mincho', serif; font-size: 18px; margin: 25px auto; /*background-color: #efefef;*/ padding: 10px 0; line-height: 25px;}
	div.cont_box div.osusume_txt2{ margin: 5px auto 25px;}
	
	/*���֥����ȥ�*/
	div.cont_box div.sub_mida{ margin-top: 35px; font-family: 'Shippori Mincho', serif; position: relative;} 
	div.cont_box div.sub_mida h1 { text-align: center; position: relative; padding: 10px 0; font-size: 28px; color: #fff; background-color: #2d2019;}
    /*div.cont_box div.sub_mida h1::after{ position: absolute; content: ""; left: 0; right: 0; bottom: 0; width: 60px; margin: auto; border-bottom: 1px solid #dedede; } */
	
	/*div.cont_box div.sub_mida div.diamond { width: 10px; height: 10px; background: #007973; transform: rotate(45deg); overflow: hidden; margin: 0 auto; opacity: 0.3; position: absolute; left: 580px; top: 40px;}
    div.cont_box div.sub_mida div.diamond-inner { font-size: 20px; line-height: 10px; color: #fff; background: transparent; transform: rotate(-45deg); text-align: center; }*/
	
	
	/*������ʬ*/
	div.cont_box div.item_list{ width: 100%; }
	div.cont_box div.item_list ul.item_list2{ width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
	div.cont_box div.item_list ul.item_list2 > li{ width: calc(97%/4); position: relative;}
	div.cont_box div.item_list ul.item_list2 > li:nth-child(n+5){ margin-top: 40px;}
	div.cont_box div.item_list ul.item_list2 > li img.rank_icon{ position: absolute; top: 0; right: 0; width: 70px; height: auto;}
	div.cont_box div.item_list ul.item_list2 > li img{ max-width: 100%;}	
	div.cont_box div.item_list p.item_name{ font-size: 16px; font-weight: bold; margin:8px 0; /*font-family: 'Shippori Mincho', serif;*/}	
	.cont_box.airy div.item_list p.item_name{ height: 35px;}
	div.cont_box div.item_list p.item_txt{ font-size: 15px; /*font-family: 'Shippori Mincho', serif; */color: #333; height: 57px;}	
	#kind07.cont_box div.item_list p.item_txt,
	.txt_hpc.cont_box div.item_list p.item_txt{ height: 55px; margin-bottom: 10px;}	
	.airy.cont_box div.item_list p.item_txt{ height: 65px; }
	div.cont_box div.item_list li > ul li a{ display: flex; padding: 10px 0; background-color: #007973; color: #fff; margin-bottom: 5px; text-align: center; width: 100%; border: 1px solid #007973; font-family: 'Crimson Text', serif;}
	div.cont_box div.item_list li > ul li a:hover{ background-color: #fff; color: #007973; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div.cont_box div.item_list li > ul li:nth-child(1) a{ margin-top: 5px;}
	div.cont_box div.item_list li > ul li a p{ width: 100%; font-size: 25px; }
	div.cont_box div.item_list li > ul li a:hover p{ color: #007973;-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	div.cont_box div.item_list li > ul li a div.prices{ width: 60%; font-size: 25px; margin-top: 0; }	
	div.cont_box.last_cont div.prices{ width: 100% !important;}
	
	
	/***�եå���***/
	div#foot{ width: 1200px; margin: 60px auto 20px; border-top: 1px solid #6c6c6c; padding-top: 20px;}
	div#foot ul{ display: flex; justify-content: center;}
	div#foot ul li a{ display: block; color: #333;}
	/*div#foot ul li a span{ border-bottom: 1px solid #fff;}*/
	div#foot ul li:nth-child(2) a{ margin: 0 50px; border-right: 1px dashed #6b6c6c; border-left: 1px dashed #6b6c6c; padding: 0 50px;}
	
	/*TOP*/
	#page_top{ position: fixed; right: 1.5vw; bottom: 1vw; width: 120px; animation-name: KUMA; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-direction: alternate; animation-duration: 1.5s;}
	#page_top a{ display: block;}
	#page_top p{ width: 100%; margin: 0 auto; font-size: 18px; text-align: center; color: #49abd1; font-weight: bold; text-shadow: 1px 0 0 #fcd19c, 0 1px 0 #fcd19c, -1px 0 0 #fcd19c, 0 -1px 0 #fcd19c;}
	#page_top img{ max-width: 100%; }    		
	/*@keyframes KUMA {
      0% { transform: translate(0,0px); }
      100% { transform: translate(0,-15px);}
    }*/
	
	/*PC�ѥ�˥塼�ʥ�*/	
	#side_menu{ position: fixed; bottom: 60px; right: 30px; }
	#side_menu div.menu_icon a{ display: block; width: 100px; height: 100px; line-height: 100px; border-radius: 50%; color: #fff; text-align: center; position: relative;}
	#side_menu div.menu_icon:nth-child(1) a{ background-color: #d1a01a; }
	#side_menu div.menu_icon:nth-child(2) a{ background-color: #007973; }
	#side_menu div.menu_icon:nth-child(3) a{ background-color: #3e2323; }
	#side_menu div.menu_icon:nth-child(4) a{ background-color: #181c2f; }
	#side_menu div.menu_icon:nth-child(n+2) a{ margin-top: 10px;}
	#side_menu div.menu_icon a:hover{ opacity: 0.8; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
	#side_menu div.menu_icon a p{ font-size: 13px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; font-family: 'Shippori Mincho', serif;}
	#side_menu div.menu_icon a div.diamond{ width: 15px; height: 15px; background: #fff; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); transform: rotate(45deg); position: absolute; top: 0; left: 50%; }
	
	
	/*�������̥ڡ�����Ĵ��*/
	div.kind_sd ul.cate li{ width: calc(95%/4) !important;}
	div.kind_sd ul.cate li:nth-child(n+5){ margin-top: 15px;}
	
	div.kind_d ul.cate li{ width: calc(95%/3) !important;}
	div.kind_d ul.cate li:nth-child(n+4){ margin-top: 15px;}
	
}


/*IE�ѥ��饤��������*/
@media all and (-ms-high-contrast: none) {
  
	/*swiper���饤����ɽ��*/
	div.swiper-container{ display: none;}
	
	/*IE���ѥ��饤��*/
	div#slider_ie,
	div#slider_ie2{ display: block;}
	div#slider_ie div.fotorama,
	div#slider_ie2 div.fotorama{ width: 1000px; margin: 0 auto;}
	div#slider_ie div.fotorama > div,
	div#slider_ie2 div.fotorama > div{ position: relative;}
	div#slider_ie div.fotorama > div p.slide_text,
	div#slider_ie2 div.fotorama > div p.slide_text{ position: absolute; right: 0; bottom: 0; color: #fff; padding: 5px;}
	div#slider_ie div.fotorama > div p.slide_text.t_black,
	div#slider_ie2 div.fotorama > div p.slide_text.t_black{color: #000; background-color: rgba(255, 255, 255, 0.8);  }
	div#slider_ie div.fotorama .fotorama__thumb-border,
	div#slider_ie2 div.fotorama .fotorama__thumb-border{ border: none; background-image: none;}
	div#slider_ie div.fotorama .fotorama__nav__frame img,
	div#slider_ie2 div.fotorama .fotorama__nav__frame img{ opacity: 0.5;}
	div#slider_ie div.fotorama .fotorama__nav__frame.fotorama__active img,
	div#slider_ie2 div.fotorama .fotorama__nav__frame.fotorama__active img{ opacity: 1.0;}
	
}