/*--------------------------------------------------------
	reset
---------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; }
ul,ol { list-style-type: none; }
em,strong,th,address { font-style: normal; font-weight: normal; text-align: left; }
h1,h2,h3,h4,h5,h6 { font-weight: normal; font-size: 100%; }
img,
object,
embed { border: 0; vertical-align: top; }
img { max-width: 100%; height: auto; }
hr { display: none; }
table { border-collapse: collapse; border-spacing: 0; font-size: 100%; }
li { list-style-type: none; }
strong { font-weight: 600; }
* { margin: 0; padding: 0;}

/*-------------------------------------------------
 base
--------------------------------------------------*/
body { position: relative;  background: #fff; color: #000; font-family: 'Noto Serif JP', serif; font-weight: 400; line-height: 1.5; font-size: 1.5rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-text-size-adjust:100%;}
.wrapper{ overflow: hidden;}
.pc{ display: block; }
.sp{ display: none; }
@media (max-width:640px) {
.pc{ display: none; }
.sp{ display: block; }
}/*END*/
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}





/*-------------------------------------------------
	main
--------------------------------------------------*/
#main{ width: 100%; height: 100vh; position: relative;}
#main::after { content:" "; display:block; clear:both;}/*clearfix*/
.main_l{ position: absolute; left: 0; top: 0; width: 23.8%; height: 100%; z-index: 10; }
.main_r{  position: absolute; right: 0px; top: 0%; width: 76.2%; height: 92.5%;  z-index: 5; }
@media screen  and (orientation: portrait) {
.main_l{ position: absolute; left: 0; top: 0; width: 10.9%; height: 100%;  }
.main_r{ position: absolute; right: 0px; top: 33.6%; width: 89.1%; height: 60.8%; }
}/*END*/

/* h1
-------------------------------*/
.h1{ position: absolute; left: 0; top:0;  width: 23.8%; height: 100vh; z-index: 9;  }
.h1 h1{ width: 60%; min-height: 10vh; margin: 7vh auto 0; }
@media screen  and (orientation: portrait) {
.h1{ position: absolute; left: 0; top:0;  width: 100%; height: 33.6vh; background: #fff;  }
.h1 h1{ width: inherit;  margin: 2.4vh auto 0; text-align: center; }
.h1 h1 img{ height: 27vh; margin: 0vh auto 0; }
}/*END*/

.h1 h1 img { opacity: 0; animation: h1_anime 1.8s cubic-bezier(0.095, 0.510, 0.325, 0.995) 1.1s forwards;}
@keyframes h1_anime {
  0% 	{ opacity: 0; transform: translateY(15%); }
  100%{ opacity: 1; transform: translateY(0%);}
}

/* cart
-------------------------------*/
.cart{ position: fixed; right:20px; top: 0; width: 60px; z-index: 100; transition: 0.3s; background: rgba(0,0,0,0.8); display: block; border-radius:  0 0 5px 5px;}
.cart:hover{background: rgba(0,0,0,1); cursor: pointer;}
@media screen  and (orientation: portrait) {
.cart{ transition: 0.3s; background: rgba(0,0,0,1); display: block;}
}/*END*/
@media (max-width: 640px) {
.cart{ position: fixed; right:10px; top: 0; width: 50px; z-index: 100; transition: 0.3s; background: rgba(0,0,0,0.8); display: block; border-radius:  0 0 5px 5px;}
}/*END*/

/* Slider
-------------------------------*/
.slider_box{ width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0;  }
.slider_box li { display:block; width: 100%; outline: none; overflow: hidden; }
/*pc sp*/
.slider_box li .sl_pc {display: block; width: 100%; height:92.5vh; }
.slider_box li .sl_sp {display: none; }
@media screen  and (orientation: portrait) {
.slider_box li .sl_pc {display: none; }
.slider_box li .sl_sp {display: block; width: 100%; height: 60.8vh; }
}/*END*/
.slider_box li div.sl01{ background: url("../img/01.jpg") no-repeat center center; background-size:cover;  }
.slider_box li div.sl02{ background: url("../img/02.jpg") no-repeat bottom center; background-size:cover; }
.slider_box li div.sl03{ background: url("../img/03.jpg") no-repeat center center; background-size:cover; }
.slider_box li div.sl04{ background: url("../img/04.jpg") no-repeat center center; background-size:cover; }
.slider_box li div.sl05{ background: url("../img/05.jpg") no-repeat center center; background-size:cover; }
.slider_box li div.sl06{ background: url("../img/06.jpg") no-repeat center center; background-size:cover; }
/*dots*/
.slider_box .slick-dots{ position: absolute; bottom: -4.5vh; z-index: 9; display: block;  right: 20px; padding: 0;  margin: 1.5px 0 0 0;  list-style: none; text-align: center;  }
.slider_box .slick-dots li{ position: relative; display: inline-block; margin: 0 5px; width: 60px; height: 3px; }
.slider_box .slick-dots li button{ font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; width: 100%; height: 100%; background: #ccc; } /* OFF */
.slider_box .slick-dots li button:hover{  font-size: 0; line-height: 0; display: block; cursor: pointer; border: 0; outline: none; width: 100%; height: 100%; background: #666; } /* ON */
.slider_box .slick-dots li button:before{ position: absolute; top: 0; left: 0; content: ''; }
.slider_box .slick-dots li.slick-active button:before{ position: absolute; top: 0; left: 0; color: black; opacity: 1; width:100%; height: 100%; background: #000;  }/* focus */
@media screen  and (orientation: portrait) {
.slider_box .slick-dots li{ position: relative; display: inline-block; margin: 0 .6vw; width: 9vw; height: 2px; }
.slider_box .slick-dots{ position: absolute; bottom: -3.7vh; z-index: 9; display: block;  right: 20px; padding: 0; margin: -1px 0 0 0; list-style: none; text-align: center;  }
}/*END*/

/* scroll
-------------------------------*/
.scroll { width: 60px; height: 20vh; max-height: 135px; position: absolute; z-index:200; bottom: 0px; left: 50%; margin-left: -30px; }
.scroll a { display: block; width: 100%; height: 100%; position: relative; z-index: 200; transition: 0.3s; text-decoration: none !important;  }
.scroll a .scroll_wheel{ width: 1px; height: 100%; background: #ccc; overflow: hidden; display: block; position: absolute; left: 50%; bottom:0px; margin-left: -0.5px; transition: 0.3s;}
.scroll a .scroll_wheel:after { width: 1px; height: 80px; background:#000; position: absolute; content:" "; display:block;  z-index: 11; left: 0%;  top:0px; transition: 0.3s;}
.scroll a p{  transform: rotate(90deg); transform-origin:100% 0%; position: absolute; bottom: 100%; margin: -15px 0px 0px -5px; font-size: 14px; letter-spacing: 1px; color: #000; line-height: 1; font-family: 'Playfair Display', serif; }
@media screen  and (orientation: portrait) {
.scroll a p{  transform: rotate(90deg); transform-origin:100% 0%; position: absolute; bottom: 100%; margin: -15px 0px 0px 0px; font-size: 12px; letter-spacing: 1px; color: #000; line-height: 1; font-family: 'Playfair Display', serif; }
}/*END*/
.scroll a:hover{ opacity: 0.4;}
.scroll a .scroll_wheel:after { width: 1px; height: 30%; animation: scroll_wheel_after 1.5s infinite normal ease-out;}
@keyframes scroll_wheel_after {
  0% 	{ top:-30%; opacity: 1;}
  50%{ top:100%;opacity: 1; }
  100%{ top:100%;opacity: 1; }
}
.in_scroll{ position: relative; opacity: 0; bottom:0; transform: translateY(-2%); }
.in_scroll_view{ animation: 1s 1s in_scroll_view forwards cubic-bezier(0.095, 0.510, 0.325, 0.995);}
@keyframes in_scroll_view {
  0% 	{ opacity: 0; transform: translateY(-2%);}
  100%{ opacity:1; bottom:0px; transform: translateY(0%); }
}
.main_open1{ position: absolute; left: 0%; top: 0; z-index: 5; width: 100%; height: 100%; background: #fff; pointer-events: none;}
@keyframes main_open1 {
  0% 	{  left: 0%;}
  100%{  left: -100%; }
}
.slick-initialized + .main_open1{ animation: main_open1 1.1s cubic-bezier(0.095, 0.510, 0.325, 0.995) 0.2s forwards;}
.main_open2{ position: absolute; left: 0%; top: 0; z-index: 4; width: 100%; height: 100%; background: #eee ; pointer-events: none;}
.slick-initialized + .main_open1 + .main_open2{
  animation: main_open2 1.2s cubic-bezier(0.095, 0.510, 0.325, 0.995) .8s forwards;
}
@keyframes main_open2 {
  0% 	{  left: 0%; opacity: 1;}
  100%{  left: -100%; opacity: 0.8; }
}
.slider_box{  opacity: 0;transform: translateX(20%); animation: slider_box 1.2s cubic-bezier(0.095, 0.510, 0.325, 0.995) .8s forwards; }
@keyframes slider_box {
  0% 	{ opacity: 0;transform: translateX(0%); }
  100%{ opacity: 1; transform: translateX(0%); }
}

/*-------------------------------------------------
	pickup
--------------------------------------------------*/
#pickup{ width: 100%; padding:100px 0; text-align: center; display:block; background: #fff;}
#pickup .banner{ width: 90%; margin: 0 auto;}
#pickup .banner img{  margin: 0 auto;}
@media (max-width: 640px) {
#pickup{ width: 100%; padding:15vw 0 10vw; text-align: center; display:block; background: #fff;}
}/*END*/

/*-------------------------------------------------
	concept
--------------------------------------------------*/
#concept{ width: 100%; padding-top: 0.1px;}
#concept ul ::after { content:" "; display:block; clear:both;}
#concept ul li{ position: relative; }
#concept ul li:nth-child(1) { padding-top: 9vw;}
#concept ul li:nth-child(2) { padding-top: 12vw;}
#concept ul li:nth-child(3) { padding-top: 12vw;}
@media (max-width: 640px) {
#concept ul li:nth-child(1) { padding-top: 26vw;}
#concept ul li:nth-child(2) { padding-top: 28vw;}
#concept ul li:nth-child(3) { padding-top: 28vw;}
}/*END*/
#concept ul li .co_img{ width: 59.4%;}
#concept ul li .co_img img{ width: 100%;}
#concept ul li:nth-child(1) .co_img{ float: left;}
#concept ul li:nth-child(2) .co_img{ float: right;}
#concept ul li:nth-child(3) .co_img{ float: left;}
@media (max-width: 640px) {
#concept ul li .co_img{ width: 72%;}
}/*END*/
#concept ul li .co_k{position: absolute; width: 12.6vw; z-index: 20; }
#concept ul li .co_k img{width: 100%; }
#concept ul li:nth-child(1) .co_k{ left: 55vw; top: 2vw; }
#concept ul li:nth-child(2) .co_k{ right: 54vw; top: 5.5vw;}
#concept ul li:nth-child(3) .co_k{ left: 57vw; top: 5vw;}
@media (max-width: 640px) {
#concept ul li .co_k{ position: absolute; width: 30.8vw; z-index: 20; }
#concept ul li:nth-child(1) .co_k{ left: 61vw; top: 8.5vw; }
#concept ul li:nth-child(2) .co_k{ right: 64vw; top: 9vw;}
#concept ul li:nth-child(3) .co_k{ left: 64vw; top: 11vw;}
}/*END*/
#concept ul li .co_txt{  position: absolute; width: 43%; height: 100%; display: flex; align-items: center; justify-content: center; transition: 0.3s; }
#concept ul li .co_txt div{position: relative; z-index: 20;}
#concept ul li:nth-child(1) .co_txt{ left: 57vw; top: 4vw;  text-align: left;}
#concept ul li:nth-child(2) .co_txt{ right: 57vw; top: 4vw;  text-align: left;}
#concept ul li:nth-child(3) .co_txt{ left: 57vw; top: 6vw;  text-align: left;}
@media (max-width: 1200px) {
#concept ul li:nth-child(1) .co_txt{ left: 58vw; top: 4vw;  text-align: left;}
#concept ul li:nth-child(2) .co_txt{ right: 58vw; top: 4vw;  text-align: left;}
#concept ul li:nth-child(3) .co_txt{ left: 58vw; top: 4vw;  text-align: left;}
}/*END*/
@media (max-width: 640px) {
#concept ul li .co_txt{  position: relative; width: 100%; height: 100%; margin: 0 auto; display: inline-block; }
#concept ul li .co_txt div{  width: 85%; height: 100%; margin: 0 auto;  }
#concept ul li:nth-child(3) .co_txt div{  width: 80% !important; height: 100%; margin: 0 auto;  }
#concept ul li:nth-child(1) .co_txt{ left: 0vw; top: 0;  text-align: right;}
#concept ul li:nth-child(2) .co_txt{ right: 0vw; top: 0;  text-align: left;}
#concept ul li:nth-child(3) .co_txt{ left: 0vw; top: 0;  text-align: right;}
}/*END*/

#concept ul li .co_txt h3{ margin-top: 4vw; font-size: 2vw; line-height: 1.6; letter-spacing: 0.3vw;}
#concept ul li .co_txt p{ margin-top: 2vw; font-size: 1vw; line-height: 1.7;letter-spacing: 0.1vw;}
#concept ul li .co_txt p.txt_s{ margin-top: 2vw; font-size: 14px; line-height: 1.7; letter-spacing: 0vw;}
@media (max-width: 1300px) {
#concept ul li .co_txt h3{ margin-top: 6vw; font-size: 2.5vw; line-height: 1.6; letter-spacing: 0.3vw;}
#concept ul li .co_txt p{ margin-top: 2vw; font-size: 1.5vw; line-height: 1.7;letter-spacing: 0.1vw;}
#concept ul li .co_txt p.txt_s{ margin-top: 2vw; font-size: 14px; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/
@media (max-width: 1200px) {
#concept ul li .co_txt p.txt_s{ margin-top: 2vw; font-size: 12px; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/
@media (max-width: 640px) {
#concept ul li .co_txt h3{ margin-top: 4vw; font-size: 6vw; line-height: 1.6; letter-spacing: 0.9vw;}
#concept ul li .co_txt p{ margin-top: 5vw; font-size: 3vw; line-height: 1.7;letter-spacing: 0.2vw;}
#concept ul li .co_txt p.txt_s{ margin-top: 2vw; font-size: 2.5vw; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/






/*新之助*/
.shinnosuke{ padding: 5vw 5vw;}
.shinnosuke::after { content:" "; display:block; clear:both;}
.shinnosuke .shinnosuke_logo{ float: left;  width: 3.8vw;}
.shinnosuke .shinnosuke_txt{ float: left; margin: 1.5vw 0 0 1.5vw; }
.shinnosuke .shinnosuke_txt h4{ font-size: 18px; line-height: 1.6; letter-spacing: 1.5px; }
.shinnosuke .shinnosuke_txt p{ font-size: 15px; line-height: 1.6;}
.shinnosuke .shinnosuke_txt a{ color: #000; }
.shinnosuke .shinnosuke_txt a:hover{ color: #666; }
@media (max-width: 1600px) {
.shinnosuke .shinnosuke_txt h4{ font-size: 1.125vw; line-height: 1.6; letter-spacing: 0.1vw; }
.shinnosuke .shinnosuke_txt p{ font-size: .95vw; line-height: 1.6;}
}/*END*/
@media (max-width: 1300px) {
.shinnosuke .shinnosuke_txt h4{ font-size: 1.125vw; line-height: 1.6; letter-spacing: 0.1vw; }
.shinnosuke .shinnosuke_txt p{ font-size: .95vw; line-height: 1.6;}
}/*END*/
@media (max-width: 640px) {
.shinnosuke .shinnosuke_logo{ float: left;  width: 10vw;}
.shinnosuke .shinnosuke_txt{ float: left; margin: 6vw 0 0 3vw; }
.shinnosuke .shinnosuke_txt h4{ font-size: 3vw; line-height: 1.6; letter-spacing: 0.1vw; }
.shinnosuke .shinnosuke_txt p{ font-size: 2.5vw; line-height: 1.6;}
}/*END*/

/*=======================================================
   msk anime fade
=========================================================*/
/* in */
.in{ position: relative; opacity: 0; bottom:0; transform: translateY(20%); }
.in_view{ animation: 2s 0s in_view forwards cubic-bezier(0.095, 0.510, 0.325, 0.995);}
@keyframes in_view {
  0% 	{ opacity: 0; transform: translateY(20%);}
  100%{ opacity:1; bottom:0px; transform: translateY(0%); }
}
/* in2 */
.in2{ position: relative; opacity: 0; bottom:0; transform: translateY(100px); }
.in_view2{ animation: 2s 0s in_view forwards cubic-bezier(0.095, 0.510, 0.325, 0.995);}
@keyframes in_view {
  0% 	{ opacity: 0; transform: translateY(100px);}
  100%{ opacity:1; bottom:0px; transform: translateY(0px); }
}
/*delay*/
.dry{ animation-delay: .2s !important;}
.dry1{ animation-delay: 0s !important;}
.dry2{ animation-delay: 0.1s !important;}
.dry3{ animation-delay: 0.2s !important; }
.dry4{ animation-delay: 0.3s !important;}
.dry5{ animation-delay: 0.4s !important;}
.dry6{ animation-delay: 0.5s !important;}


/*-------------------------------------------------
	box
--------------------------------------------------*/
#menu{ padding: 85px 0; text-align: center; width: 100%; border-top: solid 1px #ccc;}
#menu h2{ font-size: 40px; line-height: 1.6; letter-spacing: 2px; position: relative; display: inline-block;  letter-spacing: 8px;}

#menu h3{ margin-top: 80px; font-size: 30px; line-height: 1.6; letter-spacing: 2px; text-align: center; position: relative; font-weight: 600; }
#menu h3 small{ font-size: 20px; line-height: 1; letter-spacing: 1px; display: block; text-align: center;  width: 100%; font-weight: 600;}
#menu p.read{ width: 90%; margin: 35px auto 0; font-size: 18px; line-height: 1.8; letter-spacing: 1px; text-align: center; position: relative;}
#menu p.read span{ display: inline-block;}
.mo_link{ margin-top: 25px; font-size: 18px; line-height: 1.6; letter-spacing: 1px; cursor: pointer; position: relative; display: inline-block;}
.mo_link::after{content: ''; width: 100%; height: 1px; background: #000; position: absolute; left: 0; bottom: -2px; transition: 0.3s; }
.mo_link:hover::after{content: ''; width: 140%; height: 1px; background: #000; position: absolute; left: -20%; bottom: -2px; }
@media (max-width: 640px) {
#menu{ padding: 12vw 0; text-align: center; width: 100%;}
#menu h2{ font-size: 6.1vw; line-height: 1.6; letter-spacing: 0.5vw;}
#menu h3{ margin-top: 10vw; font-size: 5.5vw; line-height: 1.6; letter-spacing: 0.4vw; text-align: center; position: relative; font-weight: 600;}
#menu h3.drink{ margin-top: 10vw; font-size: 5.5vw; line-height: 1.6; letter-spacing: 0.4vw; text-align: center; position: relative; font-weight: 600;}
#menu h3 small{ font-size: 3.8vw; line-height: 1; letter-spacing: 0.2vw; display: block; text-align: center;  width: 100%; font-weight: 600;}
#menu p.read{ width: 90%; margin: 4vw auto 0; font-size: 3.5vw; line-height: 1.8; letter-spacing: 0.2vw; text-align: center; position: relative;}
.mo_link{ margin-top: 25px; font-size: 3.5vw; line-height: 1.6; letter-spacing: 1px;  cursor: pointer; }
}/*END*/


/* menu_set01_li
----------------------*/
.menu_set01_li{ margin-top: 5px;}
.menu_set01_li ul{ width: 90%; max-width: 1350px; margin: 0 auto; }
.menu_set01_li ul::after { content:" "; display:block; clear:both; }
.menu_set01_li ul li{  }
.menu_set01_li ul li{  display: inline-block; width: 49%; margin-bottom: 2vw; }
.menu_set01_li ul .menu_set01_li{ margin-top: 30px!important;}
.menu_set01_li ul li .box_img{ text-align: center; margin: 0 auto 15px; max-width: 100%; }
.menu_set01_li ul li .box_img img{ text-align: center; margin: 0 auto; max-width: 78%; }
.menu_set01_li ul li .price{ margin-top: 5px; font-size: 18px; line-height: 1.5;}
@media (max-width: 760px) {
.menu_set01_li ul li{ float: none; width: 100%; padding:0 0 12vw; border-bottom: solid 1px #ccc; }
.menu_set01_li ul li:last-child{ border: none;}
}/*END*/
@media (max-width: 640px) {
.menu_set01_li{ margin-top: 10vw;}
.menu_set01_li ul li .price{ margin-top: 5px; font-size: 4vw; line-height: 1.5;}
}/*END*/
/*.menu_set01_li 文字サイズ*/
#menu .menu_set01_li h3{ margin-top: 80px; font-size: 27px; line-height: 1.5; letter-spacing: 1px; text-align: center; position: relative; font-weight: 600;}
#menu .menu_set01_li p.read{ width: 90%; margin: 35px auto 0; font-size: 18px; line-height: 1.6; letter-spacing: 0.5px; text-align: center; position: relative;}
#menu .menu_set01_li p.read span{ display: inline-block;}
.mo_link{ margin-top: 25px; font-size: 18px; line-height: 1.6; letter-spacing: 1px; cursor: pointer; position: relative; display: inline-block;}
.mo_link::after{content: ''; width: 100%; height: 1px; background: #000; position: absolute; left: 0; bottom: -2px; transition: 0.3s; }
.mo_link:hover::after{content: ''; width: 140%; height: 1px; background: #000; position: absolute; left: -20%; bottom: -2px; }
@media (max-width: 1024px) {
#menu .menu_set01_li h3{ margin-top: 10vw; font-size: 2.5vw; line-height: 1.5; letter-spacing: 0.1vw; text-align: center; position: relative; font-weight: 600;}
#menu .menu_set01_li p.read{ width: 90%; margin: 3vw auto 0; font-size: 1.6vw; line-height: 1.6; letter-spacing: 0vw; text-align: center; position: relative;}
#menu .menu_set01_li p.read span{ display: inline-block;}
#menu .menu_set01_li .mo_link{ margin-top: 3vw; font-size: 1.8vw; line-height: 1.6; letter-spacing: 1px; cursor: pointer; position: relative; display: inline-block;}
#menu .menu_set01_li .mo_link::after{content: ''; width: 100%; height: 1px; background: #000; position: absolute; left: 0; bottom: -2px; transition: 0.3s; }
#menu .menu_set01_li .mo_link:hover::after{content: ''; width: 140%; height: 1px; background: #000; position: absolute; left: -20%; bottom: -2px; }
}/*END*/
@media (max-width: 760px) {
#menu .menu_set01_li h3{ margin-top: 10vw; font-size: 5vw; line-height: 1.5; letter-spacing: 0.4vw; text-align: center; position: relative; font-weight: 600;}
#menu .menu_set01_li p.read{ width: 90%; margin: 3vw auto 0; font-size: 3.2vw; line-height: 1.6; letter-spacing: 0.1vw; text-align: center; position: relative;}
#menu .menu_set01_li p.read span{ display: inline-block;}
#menu .menu_set01_li .mo_link{ margin-top: 25px; font-size: 3vw; line-height: 1.6; letter-spacing: 1px;  cursor: pointer; }
}/*END*/



/* スペシャル 弁当
-----------------------------------*/
.spb{  width: 85%; margin: 0 auto; background: #222; color: #fff; padding: 20px 0 80px; margin-top: 80px;}
@media (max-width: 760px) {
.spb{  width: 100%; margin: 0 auto; background: #222; color: #fff; padding: 20px 0 12vw; margin-top: 80px;}
}/*END*/
.spb_inner{ width: 85%; margin: 50px auto 0; }
.spb hr{ margin: 0 auto!important; background: #666!important; width: 90%!important; height: 1px;  display: block; outline: none; border: none; }
@media (max-width: 1024px) {
.spb_inner{ width: 90%; margin: 50px auto 0; }
}/*END*/
@media (min-width: 1024px) {
.spb h3 {  font-size: 35px!important;}
}/*END*/
@media (max-width: 640px) {
.spb h3 span{  display: block;}
.spb h3 br{  display: none;}
.spb p.read{ width: 90%; margin: 8vw auto 0!important; font-size: 3.5vw; line-height: 1.6; letter-spacing: 0.2vw; text-align: center; position: relative;}
}/*END*/
.spb_img{margin: 80px auto 0; }
@media (max-width: 640px) {
.spb_img{margin: 30px auto 0; }
}/*END*/

/*spb_okome*/
.spb_okome{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 80px 0 80px; color: #fff; }
.spb_okome .spb_okome_inner::after { content:" "; display:block; clear:both;}/*clearfix*/
.spb_okome .spb_okome_inner .inner_l{ float: left; width: 50%; text-align: left; }
.spb_okome .spb_okome_inner .inner_l img{width: 100%; }
.spb_okome .spb_okome_inner .inner_r{ float: right; width: 50%; text-align: left; display: flex; align-items: center; justify-content:center; position: relative;}
.spb_okome .spb_okome_inner .inner_r h4{ font-size: 28px; letter-spacing: 2px;}
.spb_okome .spb_okome_inner .inner_r p.txt{ margin-top: 20px; font-size: 17px; line-height: 1.6;}
.spb_okome .spb_okome_inner .inner_r p.link{ margin-top: 20px; font-size: 16px;}
.spb_okome .spb_okome_inner .inner_r p.link a{ color: #fff; transition: 0.3s; }
.spb_okome .spb_okome_inner .inner_r p.link a:hover{ color: #555; }
.spb_okome .spb_okome_inner .inner_r .spb_shinnosuke{  position: absolute; right: 0px; bottom: -4px; width: 110px; }
.spb_okome .spb_okome_inner .inner_r .spb_shinnosuke img{  border-radius: 50%;}
@media (max-width: 1450px) {
.spb_okome{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 5vw 0; color: #fff; }
.spb_okome .spb_okome_inner .inner_l{ float: left; width: 45%; text-align: left; }
.spb_okome .spb_okome_inner .inner_r{ float: right; width: 55%; text-align: left; display: flex; align-items: center; justify-content:center; position: relative;}
.spb_okome .spb_okome_inner .inner_r h4{ margin-top: -2vw;font-size: 2vw; letter-spacing: 2px;}
.spb_okome .spb_okome_inner .inner_r p.txt{ margin-top: 2vw; font-size: 1.3vw; line-height: 1.6;}
.spb_okome .spb_okome_inner .inner_r p.link{ margin-top: 2vw; font-size: 1.1vw;}
.spb_okome .spb_okome_inner .inner_r .spb_shinnosuke{  position: absolute; right: 0px; bottom: -0.3vw; width: 8vw; }
}/*END*/
@media (max-width: 1024px) {
.spb_okome{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 6vw 0; color: #fff; }
.spb_okome .spb_okome_inner .inner_l{ float: left; width: 40%; text-align: left; }
.spb_okome .spb_okome_inner .inner_r{ float: right; width: 60%; text-align: left; display: flex; align-items: center; justify-content:center; position: relative;}
.spb_okome .spb_okome_inner .inner_r h4{ margin-top: -2vw;font-size: 2.5vw; letter-spacing: 0.1vw;}
.spb_okome .spb_okome_inner .inner_r p.txt{ margin-top: 2vw; font-size: 1.5vw; line-height: 1.6;}
.spb_okome .spb_okome_inner .inner_r p.link{ margin-top: 2vw; font-size: 1.2vw;}
.spb_okome .spb_okome_inner .inner_r .spb_shinnosuke{  position: absolute; right: 0px; bottom: -0.3vw; width: 9vw; }
}/*END*/
@media (max-width: 760px) {
.spb_okome{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 7vw 0; color: #fff; }
.spb_okome .spb_okome_inner .inner_l{ float: left; width: 40%; text-align: left; }
.spb_okome .spb_okome_inner .inner_r{ float: right; width: 60%; text-align: left; display: flex; align-items: center; justify-content:center; position: relative;}
.spb_okome .spb_okome_inner .inner_r h4{ margin-top: -2vw;font-size: 3vw; letter-spacing: 0.1vw;}
.spb_okome .spb_okome_inner .inner_r p.txt{ margin-top: 2vw; font-size: 2vw; line-height: 1.6;}
.spb_okome .spb_okome_inner .inner_r p.link{ margin-top: 2vw; font-size: 1.8vw;}
.spb_okome .spb_okome_inner .inner_r .spb_shinnosuke{  position: absolute; right: 0px; bottom: -0.3vw; width: 11vw; }
}/*END*/
@media (max-width: 640px) {
.spb_okome{ max-width: 1200px; width: 100%; margin: 0 auto; padding: 7vw 0; color: #fff; }
.spb_okome .spb_okome_inner .inner_l{ float: left; width: 34%; text-align: left; }
.spb_okome .spb_okome_inner .inner_r{ float: right; width: 65%; text-align: left; display: flex; align-items: center; justify-content:center; position: relative;}
.spb_okome .spb_okome_inner .inner_r h4{ margin-top: -2vw;font-size: 3.8vw; letter-spacing: 0.1vw;}
.spb_okome .spb_okome_inner .inner_r p.txt{ margin-top: 2vw; font-size: 2.6vw; line-height: 1.6;}
.spb_okome .spb_okome_inner .inner_r p.link{ margin-top: 2vw; font-size: 2.4vw;}
.spb_okome .spb_okome_inner .inner_r .spb_shinnosuke{  position: absolute; right: 0px; bottom: -3.3vw; width: 11vw; }
}/*END*/
@media (max-width: 374px) {
.spb_okome{ max-width: 1200px; width: 90%; margin: 0 auto; padding: 7vw 0 10vw; color: #fff; }
.spb_okome .spb_okome_inner .inner_l{ float: none; width: 100%; text-align: center; }
.spb_okome .spb_okome_inner .inner_l img{  width: 60%; text-align: center; }
.spb_okome .spb_okome_inner .inner_r{ float: none; width: 100%; text-align: left; display: block; align-items: center; justify-content:center; position: relative;}
.spb_okome .spb_okome_inner .inner_r h4{ margin-top: 4vw;font-size: 5vw; letter-spacing: 0.1vw;}
.spb_okome .spb_okome_inner .inner_r p.txt{ margin-top: 2vw; font-size: 3vw; line-height: 1.6;}
.spb_okome .spb_okome_inner .inner_r p.link{ margin-top: 2vw; font-size: 2.8vw;}
.spb_okome .spb_okome_inner .inner_r .spb_shinnosuke{  position: absolute; right: 0vw; bottom: -5vw; width: 18vw; }
}/*END*/
/*スペシャル用　おかず：例*/
.spb .mo_link::after{content: ''; width: 100%; height: 1px; background: #fff; position: absolute; left: 0; bottom: -2px; transition: 0.3s; }
.spb .mo_link:hover::after{content: ''; width: 140%; height: 1px; background: #fff; position: absolute; left: -20%; bottom: -2px; }
/*スペシャル用　カートボタン*/
.spb .info_group a{ background: #222; color: #fff; border: solid #fff 1px;display: inline-block; font-size: 16px; line-height: 1; padding:18px 45px; text-decoration: none; border-radius: 5px; transition: 0.3s; }

/*数量：　背景カラーを変更*/
.spb .item_detail_number span{ background: #222; font-size: 14px; line-height: 1; position: absolute; right: 100%; top: 50%; margin: -7px 0 0 0; text-align: right;  display: block; width: 50px; }

/* menu_set01
----------------------*/
.spb .menu_set01{ margin-top: 60px;}
@media (max-width: 640px) {
.spb .menu_set01{ margin-top: 10vw;}
}/*END*/




/*-------------------------------------------------
	omiyage
--------------------------------------------------*/
#omiyage{  width: 100%; margin: 0 auto; padding: 20px 0 80px; margin-top: 80px; background: #f6f0e8; box-sizing: border-box;}
@media (max-width: 760px) {
#omiyage{  width: 100%; margin: 0 auto; padding: 10px 0 12vw; margin-top: 0px;}
}/*END*/
@media (max-width: 640px) {
#omiyage{  width: 100%; margin: 0 auto; padding: 10px 0 12vw; margin-top: 0px;}
}/*END*/

.omiyage_head{ padding: 30px 0; }
@media (max-width: 1024px) {
.omiyage_head{ padding:10px 0; }
}/*END*/
@media (max-width: 640px) {
.omiyage_head{ padding:0px 0; }
}/*END*/

.omiyage_inner{ width: 85%; margin: 50px auto 0; }
#omiyage hr{ margin: 90px auto 0!important; background: #bbb!important; width: 90%!important; height: 1px; display: block; outline: none; border: none; }
@media (max-width: 1800px) {
#omiyage hr{ margin: 80px auto 0!important; background: #bbb!important; width: 100%!important; height: 1px; display: block; outline: none; border: none; }
}/*END*/
@media (max-width: 1024px) {
.omiyage_inner{ width: 90%; margin: 50px auto 0; }
}/*END*/
@media (max-width: 640px) {
#omiyage hr{ margin: 60px auto 0!important; background: #bbb!important; width: 100%!important; height: 1px; display: block; outline: none; border: none; }
}/*END*/

.omiyage_obi{ margin: 90px 0 0 -50%!important; box-shadow: 0 0 3px 0  rgba(0,0,0,0.3); background: linear-gradient(to bottom, #c00 50%, #fff 51%) !important; width: 200%!important; height: 4px; display: block; outline: none; border: none;position:relative; }
.omiyage_obi::before{ content: ''; position: absolute; left: 50%; top: -35px; margin-left: -35px; width: 70px; height: 70px; background: url(../img/omiyage.png) no-repeat ; background-size: contain;  }
@media (max-width: 640px) {
.omiyage_obi{ margin: 90px 0 20px -50%!important; }
.omiyage_obi::before{ content: ''; position: absolute; left: 50%; top: -30px; margin-left: -30px; width: 60px; height: 60px; background: url(../img/omiyage.png) no-repeat ; background-size: contain;  }
}/*END*/

#omiyage h2{ font-size: 41px; line-height: 1.6; letter-spacing: 2px; position: relative; display: inline-block;  letter-spacing: 8px;}
#omiyage h3{ margin-top: 80px; font-size: 30px; line-height: 1.6; letter-spacing: 4px; text-align: center; position: relative; font-weight: 600; display: inline-block; z-index: 2; }
#omiyage h3::after{ content: ''; position: absolute; left: 50%; bottom: 4px; width: 105%; height: 13px; margin-left: -55%; background: #fff; z-index: -1; }
@media (min-width: 1024px) {
#omiyage h3 {  margin-top: 80px; font-size: 35px!important;}
}/*END*/
@media (max-width: 640px) {
#omiyage h2{ font-size: 30px; line-height: 1.6; letter-spacing: 3px;}
#omiyage h3 {  margin-top: 40px; font-size: 26px!important;}
#omiyage h3::after{ content: ''; position: absolute; left: 50%; bottom: 4px; width: 110%; height: 10px; margin-left: -56%; background: #fff; z-index: -1; }
}/*END*/
@media (max-width: 400px) {
#omiyage h2{ font-size: 27px;}
#omiyage h3 {  margin-top: 40px; font-size: 22px!important;}
}/*END*/

#omiyage p.read2{ width: 90%; margin:15px auto 0 !important; font-size: 23px; line-height: 1.8; letter-spacing: 1px; text-align: center; position: relative;}
#omiyage p.read{ width: 90%; margin:15px auto 0 !important; font-size: 18px; line-height: 1.8; letter-spacing: 1px; text-align: center; position: relative;}
#omiyage p.read span{ display: inline-block;}
@media (max-width: 640px) {
#omiyage p.read2{ width: 90%; margin: 4vw auto 0; font-size: 17px; line-height: 1.8; letter-spacing: 0.2vw; text-align: center; position: relative;}
#omiyage p.read{ width: 90%; margin: 3vw auto 0 !important; font-size: 14px !important; line-height: 1.8; letter-spacing: 0.2vw; text-align: center; position: relative;}
}/*END*/
@media (max-width: 400px) {
#omiyage p.read2{ width: 90%; margin: 3vw auto 0 !important; font-size: 16px; line-height: 1.8; letter-spacing: 0.2vw; text-align: center; position: relative;}
}/*END*/

.omiyage_img{margin: 80px auto 0; width: 100%; }
@media (max-width: 640px) {
.omiyage_img{margin: 30px auto 0; }
}/*END*/

/*数量：　背景カラーを変更*/
#omiyage .item_detail_number span{ background: #f6f0e8;}
/*[-][+] input*/
#omiyage .item_detail_number input{ background: #fff;}

/*----omiyage_kohagi_style----*/
.omiyage_kohagi_style{ display: flex; flex-wrap:wrap; max-width: 1200px; width: 100%; margin: 0 auto; background: #fefefe;}
.omiyage_kohagi_style_img{ width: 50%;}
.omiyage_kohagi_style_txt{ width: 50%; display: flex; align-items: center; justify-content: center;}
.omiyage_kohagi_style_txt p{ text-align: left; font-size: 18px; line-height: 2;}
@media (max-width: 1200px) {
.omiyage_kohagi_style_txt p{ text-align: left; font-size: 1.5vw; line-height: 2;}
}/*END*/
@media (max-width: 940px) {
.omiyage_kohagi_style_txt p{ text-align: left; font-size: 14px; line-height: 2;}
}/*END*/

.omiyage_kohagi_style_img_pc{display: block;}
.omiyage_kohagi_style_img_sp{display: none;}
@media (max-width: 640px) {
.omiyage_kohagi_style_img_pc{display: none;}
.omiyage_kohagi_style_img_sp{display: block;}
}/*END*/
@media (max-width: 640px) {
.omiyage_kohagi_style{ display: block;  background:none;}
.omiyage_kohagi_style_img{ width: 100%; margin: 0 auto; padding: 0px 0;}
.omiyage_kohagi_style_txt{ width: 100%; }
.omiyage_kohagi_style_txt p{ margin-top: 10px; text-align: left; font-size: 14px; line-height: 1.7;}
.omiyage_kohagi_style_txt p br{ display: none;}
}/*END*/

#omiyage .omiyage_inner .box_img{ width: 100%; }
#omiyage .omiyage_inner .box_img p{ margin-top: 15px; font-size: 16px;}
#omiyage .omiyage_inner .box_img p span{ display: inline-block;}
@media (max-width: 640px) {
#omiyage .omiyage_inner .box_img p{ margin-top: 15px; font-size: 14px;}
}/*END*/


/* menu_set01
----------------------*/
.menu_set01{ margin-top: 20px;}
.menu_set01 .box_img{ text-align: center; margin: 0 auto 15px; max-width: 78%; }
.menu_set01 .box_img img{ text-align: center; margin: 0 auto; max-width: 100%; }
.menu_set01 ul li .price{ margin-top: 5px; font-size: 18px; line-height: 1.5;}
@media (max-width: 640px) {
.menu_set01{ margin-top: 3vw;}
.menu_set01 ul li .price{ margin-top: 5px; font-size: 4vw; line-height: 1.5;}
}/*END*/

/* menu_set01_wrap
----------------------*/
.menu_set01_wrap{ width: 90%; max-width: 1350px; margin: 0 auto; max-width: ; background: #;}
.menu_set01_wrap::after { content:" "; display:block; clear:both;}
.menu_set01_wrap .menu_set01{ margin-top: 30px!important;}
.menu_set01_wrap hr{display: none!important;}
.menu_set01_wrap_l{ float: left; width: 50%;}
.menu_set01_wrap_r{ float: right; width: 50%;}
@media (max-width: 760px) {
.menu_set01_wrap{ width: 100%; margin: 0 auto; max-width: ; background: #;}
.menu_set01_wrap hr{display: inline-block!important; margin:100px 0 0 0!important;}
.menu_set01_wrap_l{ float: none; width: 100%;}
.menu_set01_wrap_r{ float: none; width: 100%; margin: 0!important;}
}/*END*/
@media (max-width: 640px) {
.menu_set01_wrap hr{display: inline-block!important; margin:14vw 0 0 0!important;}
}/*END*/

/* menu_set02
----------------------*/
.menu_set02{ margin-top: 65px;}
.menu_set02 .box_img{ text-align: center; margin: 0 auto 15px; width: 100%;}
.menu_set02 .box_img img{ max-width: 100%;}
.menu_set02 ul{ max-width: 1380px; width: 95%; margin: 0 auto;}
.menu_set02 ul::after { content:''; display:block; clear:both;}
.menu_set02 ul li{ float: left; width: 28.2%; margin:0 2.5% 70px;  }
.menu_set02 ul li .name{ margin-top: 0px; font-size: 20px; line-height: 1.5; font-weight: 600;}
.menu_set02 ul li .price{ margin-top: 5px; font-size: 18px; line-height: 1.5;}
@media (max-width: 1024px) {
.menu_set02 ul li{ float: left; width: 46%; margin:0 2% 50px;  }
}/*END*/
@media (max-width: 640px) {
.menu_set02{ margin-top: 0vw;}
.menu_set02 .box_img{ text-align: center; margin: 0 auto 15px; width: 92%;}
.menu_set02 .box_img img{ max-width: 100%;}
.menu_set02 ul li{ float: left; width: 100%; margin:8vw 0% 13vw; }
.menu_set02 ul li:last-child{ margin:8vw 0% 0vw; }
.menu_set02 ul li .box_img img{ texts-align: center; margin: 0 auto; width: 100%; }
}/*END*/

/* menu_set03
----------------------*/
.menu_set03{ margin-top: 65px;}
.menu_set03 .box_img{ text-align: center; margin: 0 auto; width: 100%;}
.menu_set03 .box_img img{ max-width: 100%;}
.menu_set03 ul{ max-width: 1200px; width: 95%; margin: 0 auto;}
.menu_set03 ul::after { content:''; display:block; clear:both;}
.menu_set03 ul li{ float: left; width: 28.2%; margin:0 2.5% 60px;  }
.menu_set03 ul li .name{ margin-top: 20px; font-size: 18px; line-height: 1.5; font-weight: 600;}
.menu_set03 ul li .price{ margin-top: 5px; font-size: 16px; line-height: 1.5;}
@media (max-width: 760px) {
.menu_set03{ margin-top: 6.5vw;}
.menu_set03 ul li{ float: left; width: 46%; margin:0 2% 15vw; }
.menu_set03 ul li:last-child{ margin:0 2% 5vw; }
.menu_set03 ul li .name{ margin-top: 20px; font-size: 16px; line-height: 1.5;}
}/*END*/
@media (max-width: 360px) {
.menu_set03{ margin-top: 6.5vw;}
.menu_set03 ul li{ float: none; width: 100%; margin:0 2% 15vw; }
.menu_set03 ul li .name{ margin-top: 20px; font-size: 18px; line-height: 1.5;}
}/*END*/
.menu_set03 .variations{ display: none;}


/* menu_set04
----------------------*/
.menu_set04{ margin-top: 65px;}
.menu_set04 .box_img{ text-align: center; margin: 0 auto; width: 100%;}
.menu_set04 .box_img img{ width: 80%; max-width: 450px;}
.menu_set04 ul{ max-width: 1380px; width: 95%; margin: 0 auto;}
.menu_set04 ul::after { content:''; display:block; clear:both;}
.menu_set04 ul li{ /*float: left;*/ display: inline-block;/* ← 2021.11.24 2列中央修正*/  width: 49%; margin:0 0% 70px;  }
.menu_set04 ul li .name{ margin-top: 0px; font-size: 20px; line-height: 1.5; font-weight: 600;}
.menu_set04 ul li .price{ margin-top: 5px; font-size: 18px; line-height: 1.5;}
@media (max-width: 1024px) {
.menu_set04 ul li{ float: left; width: 46%; margin:0 2% 50px;  }
}/*END*/
@media (max-width: 640px) {
.menu_set04{ margin-top: 0vw;}
.menu_set04 .box_img{ text-align: center; margin: 0 auto; width: 92%;}
.menu_set04 .box_img img{ max-width: 80%;}
.menu_set04 ul li{ float: left; width: 100%; margin:8vw 0% 13vw; }
.menu_set04 ul li:last-child{ margin:8vw 0% 0vw; }
.menu_set04 ul li .box_img img{ texts-align: center; margin: 0 auto; width: 100%; }
}/*END*/


/* menu_set05
----------------------*/
.menu_set05{ margin-top: 25px;}
.menu_set05 .box_img{ text-align: center; margin: 0 auto; width: 100%;}
.menu_set05 .box_img img{ max-width: 100%;}
.menu_set05 ul{ max-width: 1200px; width: 95%; margin: 0 auto;}
.menu_set05 ul::after { content:''; display:block; clear:both;}
.menu_set05 ul li{ display: inline-block; width: 40%; margin:0 2.5% 40px;  }
.menu_set05 ul li .name{ margin-top: 0px; font-size: 18px; line-height: 1.5; font-weight: 600;}
.menu_set05 ul li .price{ margin-top: 5px; font-size: 16px; line-height: 1.5;}
@media (max-width: 760px) {
.menu_set05{ margin-top: 6.5vw;}
.menu_set05 ul li{ display: inline-block; width: 70%; margin:0 2% 15vw; }
.menu_set05 ul li:last-child{ margin:0 2% 5vw; }
.menu_set05 ul li .name{ margin-top: 0px; font-size: 16px; line-height: 1.5;}
}/*END*/
@media (max-width: 360px) {
.menu_set05{ margin-top: 6.5vw;}
.menu_set05 ul li{ float: none; width: 100%; margin:0 2% 15vw; }
.menu_set05 ul li .name{ margin-top: 0px; font-size: 18px; line-height: 1.5;}
}/*END*/



.sub{ margin-top: 4px; font-size: 14px; line-height: 1.5; font-weight: 400;}
.sub span{ display: inline-block;}
@media (max-width: 640px) {
.sub{ margin-top: 4px; font-size: 13px; }
}/*END*/

#menu hr{ margin: 100px auto; background: #ccc; width: 85%; height: 1px;  display: block; outline: none; border: none; }
@media (max-width: 640px) {
#menu hr{ margin: 14vw auto; background: #ccc; width: 90%; height: 1px;  display: block; outline: none; border: none; }
}/*END*/
#menu ul hr{ display: none; }
@media (max-width: 640px) {
#menu ul hr{ margin: 0vw auto; background: #ccc; width: 90%; height: 1px;  display: block; outline: none; border: none; }
}/*END*/
#menu hr.hr_s{ margin: 40px auto; background: #ccc; width: 85%; height: 1px;  display: block; outline: none; border: none; }
@media (max-width: 640px) {
#menu hr.hr_s{ margin: 14vw auto; background: #ccc; width: 90%; height: 1px;  display: block; outline: none; border: none; }
}/*END*/
#menu ul hr.hr_s{ display: none; }
@media (max-width: 640px) {
#menu ul hr.hr_s{ margin: 0vw auto; background: #ccc; width: 90%; height: 1px;  display: block; outline: none; border: none; }
}/*END*/


/* cart
--------------------------------------------------*/
 button, input, select, textarea, .pure-g [class*="pure-u"] { font-family: Meiryo,Hiragino Kaku Gothic Pro,sans-serif; }
.item_detail_info{ text-align: center!important; width: 100%; max-width: 350px; margin: 0 auto; }
/*[プルダウン] */
.variations { margin-top: 20px; font-family: 'Noto Serif JP', serif; font-weight: 400; position: relative; display: inline-block;}
.variations::after { content:" "; display:block; clear:both;}
.variations .variation_group_name{ font-size: 14px; line-height: 26px; float: left; font-family: 'Noto Serif JP', serif; font-weight: 400;}
.variations select { float: left; position: relative;  display: inline-block; width: 150px;  padding: 5px 30px 5px 5px; box-sizing: border-box; font-family: 'Noto Serif JP', serif; font-weight: 400; font-size:14px; line-height: 16px; color: #000; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis;  outline: none; background: #fff; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; border: 1px solid #bbb; border-radius: 5px; }
.variations select::-ms-expand { display: none; }
.variations::before { position: absolute; top: 50%; right: 8px; margin-top: -6px; width: 0; height: 0; padding: 0; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #666;box-sizing: border-box; pointer-events: none; z-index: 10; }
@media (max-width: 640px) {
.variations select { float: left; position: relative;  display: inline-block; width: 150px; padding: 5px 30px 5px 5px; box-sizing: border-box; font-family: 'Noto Serif JP', serif; font-weight: 400; font-size:16px; line-height: 16px; color: #000; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis;  outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; border: 1px solid #bbb; border-radius: 5px; }
.variations::before { position: absolute; top: 50%; right: 8px; margin-top: -6px; width: 0; height: 0; padding: 0; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #666;box-sizing: border-box; pointer-events: none; z-index: 10; }
}/*END*/
@media (max-width: 480px) {
.variations select { float: left; position: relative;  display: inline-block; width: 32vw;  padding: 5px 30px 5px 5px; box-sizing: border-box; font-family: 'Noto Serif JP', serif; font-weight: 400; font-size:16px; line-height: 16px; color: #000; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis;  outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; border: 1px solid #bbb; border-radius: 5px; }
.variations::before { position: absolute; top: 50%; right: 2vw; margin-top: -6px; width: 0; height: 0; padding: 0; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #666;box-sizing: border-box; pointer-events: none; z-index: 10; }
}/*END*/
@media (max-width: 380px) {
.variations select { float: left; position: relative;  display: inline-block; width: 150px; padding: 5px 30px 5px 5px; box-sizing: border-box; font-family: 'Noto Serif JP', serif; font-weight: 400; font-size:16px; line-height: 16px; color: #000; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis;  outline: none; background: transparent; background-image: none; box-shadow: none; -webkit-appearance: none; appearance: none; border: 1px solid #bbb; border-radius: 5px; }
.variations::before { position: absolute; top: 50%; right: 8px; margin-top: -6px; width: 0; height: 0; padding: 0; content: ''; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #666;box-sizing: border-box; pointer-events: none; z-index: 10; }
}/*END*/

/* 数量：[-][+]*/
.item_detail_number { margin-top: 15px; vertical-align: bottom; margin: 0 0vw;  box-sizing: border-box; font-size: 0px; line-height: 1; display: inline-block; position: relative; z-index: 11;}
.item_detail_number span{ background: #fff; font-size: 14px; line-height: 1; position: absolute; right: 100%; top: 50%; margin: -7px 0 0 0; text-align: right;  display: block; width: 50px; }
.item_detail_number button{ background: #999; cursor: pointer; outline: none; color: #fff; margin: 0; padding: 0; font-size: 15px; line-height: 1; border: none; width: 25px; height: 25px; transition: 0.3s; box-sizing: border-box;}
.item_detail_number button{ border-radius: 5px 0 0 5px; }
.item_detail_number button:last-child{ border-radius:  0 5px 5px 0 ; background: #999;}
.item_detail_number button:hover{background: #000; }
/*[-][+] input*/
.item_detail_number input{vertical-align:bottom; box-sizing: border-box; outline: none; font-size: 16px; line-height: 1; height: 25px; width: 40px; margin: 0; padding: 0; font-family: 'Noto Serif JP', serif; font-weight: 400; text-align: center; border: none; background: #eee;}
@media (max-width: 500px) {
.item_detail_number { margin-top: 15px; vertical-align: bottom; margin: 0 0vw; /*★margin: 0 10vw;*/ box-sizing: border-box; font-size: 0px; line-height: 1; display: inline-block; position: relative; z-index: 11;}
}/*END*/
@media (max-width: 400px) {
.item_detail_number input{vertical-align:bottom; box-sizing: border-box; outline: none; font-size: 16px; line-height: 1; height: 25px; width: 35px; margin: 0; padding: 0; font-family: 'Noto Serif JP', serif; font-weight: 400; text-align: center; border: none; background: #eee;}
}/*END*/
/*カートボタン*/
.info_group { margin-top: 30px;}
.info_group a{ background: #000; color: #fff; display: inline-block; font-size: 16px; line-height: 1; padding:18px 45px; text-decoration: none; border-radius: 5px; transition: 0.3s; }
.info_group a:hover{ background: #555; }
.info_group a span{ padding-right: 25px; position: relative; }
.info_group a span::after{ content: ''; position: absolute; right: -15px; top: 50%; margin-top: -19px;  width: 40px; height: 40px; background: url("../img/cart.png") no-repeat; background-size: cover;}
@media (max-width: 960px) {
.info_group a{ background: #000; color: #fff; display: inline-block; font-size: 16px; line-height: 1; width: 210px; padding:18px 0px; text-decoration: none; border-radius: 5px; transition: 0.3s; }
.info_group a span{ padding-right: 25px; position: relative; }
.info_group a span::after{ content: ''; position: absolute; right: -10px; top: 50%; margin-top: -17px;  width:37px; height: 37px; background: url("../img/cart.png") no-repeat; background-size: cover;}
}/*END*/
@media (max-width: 640px) {
.info_group a{ background: #000; color: #fff; display: inline-block; font-size: 3.6vw; line-height: 1; width: 45vw;  padding:3.6vw 0px; text-decoration: none; border-radius: 5px; transition: 0.3s; }
.info_group a span{ padding-right: 6vw; position: relative; }
.info_group a span::after{ content: ''; position: absolute; right: -1.3vw; top: 50%; margin-top: -3.8vw;  width:7.7vw; height: 7.7vw; background: url("../img/cart.png") no-repeat; background-size: cover;}
}/*END*/
@media (max-width: 640px) {
.menu_set03 .info_group { margin-top: 5vw;}
.menu_set03 .info_group a{ background: #000; color: #fff; display: inline-block; font-size: 3.3vw; line-height: 1; width: 90%; padding:3.2vw 0px; text-decoration: none; border-radius: 5px; transition: 0.3s; }
.menu_set03 .info_group a span{ padding-right: 6vw; position: relative; }
.menu_set03 .info_group a span::after{ content: ''; position: absolute; right: -1vw; top: 50%; margin-top: -3.8vw;  width:7.5vw; height: 7.5vw; background: url("../img/cart.png") no-repeat; background-size: cover;}
}/*END*/

@media (max-width: 360px) {
.menu_set03 .info_group a{ background: #000; color: #fff; display: inline-block; font-size: 3.3vw; line-height: 1; width: 45vw; max-width: 160px; padding:3.2vw 0px; text-decoration: none; border-radius: 5px; transition: 0.3s; }
}/*END*/


/*ios 角丸対応*/
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{
   -webkit-appearance: none!important;
   border-radius: 0;
}
input{ border-radius: 0;}

/*-------------------------------------------------
	 [ mo ]
--------------------------------------------------*/
.mo{display: none; overflow: visible; }
/* ------- inline window ------ */
.vbox-inline{ max-width:700px; width:95%; min-height: 315px; text-align: left; margin: 0 auto;  padding: 0px;}
.popup_co{ overflow: visible; background:#fff; position:relative; max-width:580px; width:100%; padding:0 0 40px;  height: 90%; margin:10px auto 0 auto; text-align:center;  border-radius: 5px; }
.mo_box{  width: 90%; margin: 0 auto; padding-top: 1px;}
.mo_box .mo_title{  font-size: 20px; line-height: 1.5; font-weight: 600;}
.mo_box .mo_okazu{ display: inline-block; margin: 0 auto; padding: 4px 15px; font-size: 16px; line-height: 1.7; font-weight: 600; border-top: solid 1px #999; border-bottom: solid 1px #999; text-align: left;}
.mo_box .mo_txt{ width: 90%; margin: 0 auto; padding: 30px 0 35px; font-size: 16px; line-height: 2; font-weight: 400; text-align: center;}
.mo_box .mo_title{ width: 90%; margin: 0 auto; padding: 10px 0 25px; margin-top: 80px; font-size: 25px; line-height: 1.6; letter-spacing: 2px; text-align: center; position: relative; font-weight: 600;}
.mo_box .mo_title small{ font-size: 20px; line-height: 1; letter-spacing: 1px; display: block; text-align: center;  width: 100%; font-weight: 600;}
@media (max-width: 480px) {
.mo_box .mo_title{ width: 90%; margin: 0 auto; padding: 10px 0 25px; margin-top: 15vw; font-size: 5.5vw; line-height: 1.6; letter-spacing: 0.3vw; text-align: center; position: relative; font-weight: 600;}
.mo_box .mo_title small{ font-size: 4vw; line-height: 1; letter-spacing: 1px; display: block; text-align: center;  width: 100%; font-weight: 600;}
}/*END*/






/*-------------------------------------------------
	data
--------------------------------------------------*/
#data{ padding: 80px 0; width: 100%; margin: 0 auto; border-top: solid 1px #ccc;}
#data .inner{ text-align: left; width: 85%; max-width: 1600px; margin: 0 auto; }
#data .inner::after { content:" "; display:block; clear:both;}
#data .inner .inner_l{ float: left; width: 48%; }
#data .inner .inner_r{ float: right; width: 48%;}
#data h3{ margin-top: 50px; font-size: 20px; line-height: 1.5;}
#data h3::before{ content:'■ '; color: #999;}
#data a{ color:#000;}
#data p{ margin-top: 10px; font-size: 15px; line-height: 1.7;}
#data p.txt_s{ margin-top: 10px; font-size: 13px; line-height: 1.5; color: #666;}
#data table { margin-top: 10px;}
#data table th{ font-size: 15px; line-height: 1.5; padding: 3px 0 0 0; font-weight: normal;}
#data table td{ font-size: 15px; line-height: 1.5; padding: 3px 0 0 0; text-align: right; padding-left: 10px;}
@media (max-width: 1024px) {
#data .inner{ text-align: left; width: 85%; max-width: 1500px; margin: 0 auto; }
#data .inner .inner_l{ float: left; width: 46%; }
#data .inner .inner_r{ float: right; width: 46%;}
}/*END*/
@media (max-width: 960px) {
#data{ padding: 50px 0; width: 100%; margin: 0 auto; border-top: solid 1px #ccc;}
#data .inner{ text-align: left; width: 85%; max-width: 1500px; margin: 0 auto; }
#data .inner .inner_l{ float: none; width: 100%; }
#data .inner .inner_r{ float: none; width: 100%;}
}/*END*/
@media (max-width: 640px) {
#data{ padding: 4vw 0 15vw; width: 100%; margin: 0 auto; border-top: solid 1px #ccc;}
}/*END*/

/*btn_pdf*/
.btn_pdf { padding: 5px 0 5px; }
.btn_pdf a{ font-size: 14px; letter-spacing: 0px; color: #000; text-decoration: none; padding: 12px 40px;  display: inline-block; background: #eee; border: solid 1px #ccc; transition: 0.3s;}
.btn_pdf a:hover{ color: #000; background: #ddd; border: solid 1px #ddd;}


/*-------------------------------------------------
	co_data
--------------------------------------------------*/
#co_data{ text-align: center; padding: 80px 0; width: 90%; margin: 0 auto; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#co_data h3{font-size: 26px; line-height: 1; letter-spacing: 1px; padding-bottom: 20px;}
#co_data p{ margin-top: 10px; font-size: 14.5px; line-height: 1.6; letter-spacing: 1px; }
#co_data p a{ text-decoration: underline; color: #000; }
#co_data p a:hover{ opacity: 0.6; }
#co_data p span{ display: inline-block;}
@media (max-width: 640px) {
#co_data{ text-align: center; padding: 14vw 0; width: 85%; margin: 0 auto; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc;}
#co_data h3{font-size: 22px; line-height: 1; letter-spacing: 1px; padding-bottom: 20px;}
#co_data p{ margin-top: 15px; font-size: 13px; line-height: 1.6; letter-spacing: 0.5px; }
}/*END*/
a.tel{ pointer-events: none; text-decoration: none!important;}
@media (max-width: 640px) {
.tel{ pointer-events:auto; text-decoration: underline!important;}
}/*END*/

/*btn_mail*/
.btn_mail {margin: 30px auto 0px; }
.btn_mail a{ font-size: 15px; letter-spacing: 2px; color: #000; text-decoration: none; padding: 15px 50px;  display: inline-block; background: #fff; border: solid 1px #000; transition: 0.3s;}
.btn_mail a:hover{ color: #fff;  background: #000; border: solid 1px #000;}

/*sns_link*/
.sns_link{ padding: 20px 0 20px;}
.sns_link a {display: inline-block; padding: 10px; transition: 0.3s;}
.sns_link a img{ width: 35px;  margin: 0!important; padding: 0!important; vertical-align: middle; line-height: 0px;}
.sns_link a p{font-size: 15px!important; line-height: 1.6; letter-spacing: 0; text-decoration: underline; color: #000; margin: 0!important; padding: 2px 0 0 0px; }
.sns_link a:hover {opacity: 0.5;}


/*-------------------------------------------------
	gotop
--------------------------------------------------*/
.gotop { position:fixed; bottom:0px; right:15px; width:45px; height:200px; box-sizing:border-box; border-radius: 0%; z-index: 100; }
.gotop a{ position: relative; display:block; text-decoration:none; width:45px; height:200px; background: url("../img/page_top.png") center top no-repeat; background-size: contain;}
.gotop a:hover { opacity: 0.5;}
@media (max-width: 640px) {
.gotop { position:fixed; bottom:0px; right:0px; width:40px; height:140px; }
.gotop a{ width:40px; height:130px;}
}/*END*/

/*-------------------------------------------------
	footer
--------------------------------------------------*/
footer{  padding: 50px 0; text-align: center; width: 100%; margin: 0 auto; }
footer .copyright {  font-size: 12px; line-height: 1; letter-spacing: 1px; }

/*-------------------------------------------------
	newyear
--------------------------------------------------*/
.newyear {color: #ed5656; }



/*-------------------------------------------------
	2021_11追加
--------------------------------------------------*/
.txt_ss{ margin-top: 10px; font-size: 14px; line-height: 1.7; letter-spacing: 0vw;}
@media (max-width: 1900px) {
.txt_ss{ margin-top: 10px; font-size: 14px; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/
@media (max-width: 1400px) {
.txt_ss{ margin-top: 10px; font-size: 1vw; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/
@media (max-width: 1200px) {
.txt_ss{ margin-top: 10px; font-size: 1.1vw; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/
@media (max-width: 1024px) {
.txt_ss{ margin-top: 10px; font-size: 1.3vw; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/
@media (max-width: 960px) {
.txt_ss{ margin-top: 10px; font-size: 1.5vw; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/
@media (max-width: 640px) {
.txt_ss{ margin-top: 10px; font-size: 2.5vw; line-height: 1.7; letter-spacing: 0vw;}
}/*END*/

/*table_01*/
.table_01{ border-top:solid 1px #bbb; border-left:solid 1px #bbb; }
.table_01 th{ font-weight: normal !important; background: #f3f3f3; text-align: right; }
.table_01 th,
.table_01 td{ border-bottom:solid 1px #bbb; border-right:solid 1px #bbb; padding:10px 20px !important;}
.table_01 tr:nth-child(1) th:nth-child(1),
.table_01 tr:nth-child(2) th:nth-child(1){ font-weight: normal !important; background: #ddd; }
.table_01 th:nth-child(1){text-align: left;}

.table_01 th,
.table_01 td{ padding:10px 15px !important;font-size: 14px !important;}
@media (max-width: 1450px) {
.table_01 th,
.table_01 td{ padding:8px 10px !important;font-size: 14px !important;}
}/*END*/
@media (max-width: 1024px) {
.table_01 th,
.table_01 td{ padding:8px 10px !important;font-size: 13px !important;}
}/*END*/
@media (max-width: 640px) {
.table_01 th,
.table_01 td{ padding:5px 5px !important;font-size: 13px !important;}
}/*END*/



/*-------------------------------------------------
	sp [特別な一品]
--------------------------------------------------*/
#sp{ width: 100%; overflow: hidden; position: relative;}

.sp_wrap{ position: relative; display: flex; height: 100%; width: 1000px; margin: 0 auto;}
@media (max-width: 1024px) {
.sp_wrap{ position: relative; display: block; height: 100%; width: 100%; margin: 0 auto;}
}/*END*/
.sp_bar{ margin-left: 20px; height: 95%; min-height: 900px; width: 180px; background: #e5e5e5; display: block; overflow: hidden; position: absolute; text-align: center; }
.sp_bar .sp_title_bar{ width: 2px; height: 85px; background: #fff; margin: 0 auto;}
.sp_bar h2{ margin-top: 40px;  -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; -o-writing-mode: vertical-rl; writing-mode: vertical-rl; display: flex; align-items: center; text-align: center; width: 100%;}
.sp_bar h2 span{ font-size: 27px; line-height: 1; letter-spacing: 10px; font-weight: 700;}
.sp_bar h2 small{ margin: 40px 0 0 0; font-size: 10px; line-height: 1; letter-spacing: 7px; font-style :italic; font-family: Arial, Helvetica, sans-serif; }
@media (max-width: 1024px) {
.sp_bar{ margin: 60px 0 0 0; height: 15vw; min-height: auto; width: 95%; background: #e5e5e5; display: flex; align-items: center; overflow: hidden; position: relative; text-align: left; }
.sp_bar .sp_title_bar{ width: 8vw; height: 2px; background: #fff; margin: 0; }
.sp_bar h2{ margin:0 0 0 20px;  writing-mode:initial; display: block; align-items:initial; text-align: left; width: auto; }
.sp_bar h2 span{ display: block; font-size: 25px; letter-spacing: 10px;}
.sp_bar h2 small{ margin: 10px 0 0 0 !important; font-size: 9px !important; line-height: 1 !important;display: block;  letter-spacing: 5px; }
}/*END*/
@media (max-width: 640px) {
.sp_bar{ margin: 60px 0 0 0; height: 110px; min-height: auto; width: 95%; background: #e5e5e5; display: flex; align-items: center; overflow: hidden; position: relative; text-align: left; }
.sp_bar .sp_title_bar{ width: 40px; height: 2px; background: #fff; margin: 0; }
.sp_bar h2{ margin:0 0 0 20px;  writing-mode:initial; display: block; align-items:initial; text-align: left; width: auto; }
.sp_bar h2 span{ display: block; font-size: 21px; letter-spacing: 10px;}
.sp_bar h2 small{ margin: 10px 0 0 0 !important; font-size: 8px !important; line-height: 1 !important;display: block;  letter-spacing: 5px; }
}/*END*/
@media (max-width: 420px) {
.sp_bar{ margin: 60px 0 0 0; height: 27vw; min-height: auto; width: 95%; background: #e5e5e5; display: flex; align-items: center; overflow: hidden; position: relative; text-align: left; }
.sp_bar .sp_title_bar{ width: 7vw; height: 2px; background: #fff; margin: 0; }
.sp_bar h2{ margin:0 0 0 4vw;  writing-mode:initial; display: block; align-items:initial; text-align: left; width: auto; }
.sp_bar h2 span{ display: block; font-size: 5.5vw; letter-spacing: 2.5vw;}
.sp_bar h2 small{ margin: 10px 0 0 0 !important; font-size: 8px !important; line-height: 1 !important;display: block;  letter-spacing: 1.3vw; }
}/*END*/
@media (max-width: 400px) {
.sp_bar{ margin: 12vw 0 0 0; }
}/*END*/
.sp_bar_btm{ position: absolute; bottom:0px;}
.sp_bar_btm img{ position: relative; z-index: 1; padding: 50px 0; width: 90%; margin: 0 auto;}
.sp_bar_btm .special_bar_btm_bg{ background: #fff; position: absolute; top: 0px; left: 50%; width: 1000px; height: 100vh; margin-left: -500px; transform: rotate(20deg);transform-origin:center top; z-index: 0; }
@media (max-width: 1024px) {
.sp_bar_btm{ position: absolute; bottom:initial; top: 0px; right: 0px !important;  height: 100%;}
.sp_bar_btm img{ position: relative; z-index: 1; padding: 0px 5vw; display: block !important; width: auto; height: 100%; margin: 0 auto;}
.sp_bar_btm .special_bar_btm_bg{ background: #fff; position: absolute; top: 50%; left: 0px; width: 600px; height: 100vh; margin: -50vh 0 0 0; transform: rotate(20deg);transform-origin:left center; z-index: 0; }
}/*END*/
@media (max-width: 420px) {
.sp_bar_btm{ position: absolute; bottom:initial; top: 0px; right: 0px !important;  height: 100%;}
.sp_bar_btm img{ position: relative; z-index: 1; padding: 0px 2vw; display: block !important; width: auto; height: 100%; margin: 0 auto;}
.sp_bar_btm .special_bar_btm_bg{ background: #fff; position: absolute; top: 50%; left: 0px; width: 600px; height: 100vh; margin: -50vh 0 0 0; transform: rotate(20deg);transform-origin:left center; z-index: 0; }
}/*END*/
.sp_inner{ margin: 0 0 0 320px; padding: 125px 0 140px; width: 60%;}
@media (max-width: 1024px) {
.sp_inner{ margin: 0 auto; padding: 60px 0 80px; width: 80%;}
}/*END*/
@media (max-width: 400px) {
.sp_inner{ margin: 0 auto; padding: 12vw 0 15vw; width: 85%;}
}/*END*/
.sp_inner h3{ margin-top: 30px; font-size: 30px; line-height: 1.5; color: #ffe9b5;}
.sp_inner { color: #fff;}
.sp_inner select{ color: #fff;}
.sp_inner p.read{ margin-top: 30px; font-size: 18px; line-height: 1.5; color: #fff;}
@media (max-width: 1024px) {
.sp_inner .price{ text-align: center;}
}/*END*/
@media (max-width: 640px) {
.sp_inner h3{ font-size: 5.5vw; line-height: 1.6; letter-spacing: 0.4vw; position: relative; font-weight: 600;}
.sp_inner p.read{ margin-top: 5vw; width: 100%;  font-size: 3.5vw; line-height: 1.8; letter-spacing: 0.2vw;  position: relative;}
}/*END*/
.sp_inner .item_detail_info{ width: 100%; max-width: initial !important;}
.sp_inner .price{ margin-top: 40px; font-size: 18px; line-height: 1.5;}
@media (max-width: 640px) {
.sp_inner .price{ margin-top: 30px; font-size: 4vw; line-height: 1.5;}
}/*END*/
.sp_inner .item_detail_info{ text-align: left !important; margin: 0 !important;}
.sp_inner .item_detail_number{ margin:0 0 0 45px;}
.sp_inner .item_detail_number span{ background: #222;}
.sp_inner .add{ background: none; border: solid 1px #fff;}
@media (max-width: 1024px) {
.sp_inner .item_detail_info{ text-align: center !important; margin: 0 !important;}
.sp_inner .item_detail_number{ margin:0 0 0 0px;}
.sp_inner .add{ text-align: center; background: none; border: solid 1px #fff;}
}/*END*/
.sp_bg{ width: 100%; height: 100%; position: absolute; top: 11px; left: 0px; background: linear-gradient(to bottom, #555 0%, #222 50%); z-index: -10;}
@media (max-width: 1024px) {
.sp_bg{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: linear-gradient(to bottom, #555 0%, #222 50%); z-index: -10;}
}/*END*/

/*カートボタン消え対応*/
/*
<div id="cartbtn_checkout">
	<a href="javascript:void(0);" id="cartbtn_checkout_link">
		<span></span>
	</a>
</div>
*/

/*
#cartbtn_checkout,
#cartbtn_checkout a,
#cartbtn_checkout a span,
#cartbtn_checkout_link,
#cartbtn_checkout_link span{ color: #fff !important;}
*/

.end{ width: 95%; margin: 25px auto 0; font-size: 16px; line-height: 1.5; color: #f00;}
.end span{ display: inline-block;}
@media (max-width: 500px) {
.end{  margin: 25px auto 0; font-size: 14px; line-height: 1.5; color: #f00;}
}/*END*/@media (max-width: 400px) {
.end{  margin: 25px auto 0; font-size: 12px; line-height: 1.5; color: #f00;}
}/*END*/