/* ---------- 메뉴 ---------- */
/* 공통 */
@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
.nanummyeongjo {
 font-family: 'Nanum Myeongjo', serif;
}
.clear:after { display: block; clear: both; content: ''; }
.menu_box { background: url(../images/menu-bg.jpg)no-repeat top center; background-size: cover; }
.menu_box .container { width: 100%; max-width: 1500px; }
.menu_box .section { padding: 115px 0 98px; }
.side-nav { position: fixed; left: 123px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 90; }
.side-nav li { position: relative; padding-left:5px;}
.side-nav a { display: block; padding: 12px 0; font-size: 1.062rem; color: #333; }
.side-nav a span:before { display: inline-block; content: '-'; position:absolute; top:50%; left:-5px; transform:translateY(-50%);}
.side-nav .on span { color: #ff5d00; font-weight: 700; position:relative;}
.side-nav .on span:before { width: 5px; height: 5px; border-radius: 100%; -webkit-border-radius: 100%; background: #ff5d00; content: ''; top:60%; left:-10px; }
.side-nav li:nth-child(2).on span { color: #e60012; }
.side-nav li:nth-child(2).on span:before { background: #e60012; }
.side-nav li:nth-child(2).on:before { background: #e60012; }
.side-nav li:nth-child(3).on span { color: #4d009d; }
.side-nav li:nth-child(3).on span:before { background: #4d009d; }
.side-nav li:nth-child(3).on:before { background: #4d009d; }
.side-nav li:nth-child(4).on span { color: #ff5d00; }
.side-nav li:nth-child(4).on span:before { background: #ff5d00; }
.side-nav li:nth-child(4).on:before { background: #ff5d00; }
.side-nav li:nth-child(5).on span { color: #009900; }
.side-nav li:nth-child(5).on span:before { background: #009900; }
.side-nav li:nth-child(5).on:before { background: #009900; }
.side-nav .on:before { width: 123px; height: 1px; content: ''; position: absolute; left: -123px; top: 55%; transform: translateY(-50%); background: #ff5d00; }
/* 타이틀 */
.title_box { text-align: center; margin-bottom: 100px; }
.title_box .title { font-family: 'Black Han Sans', sans-serif; font-size: 4.375rem; font-weight: 400; }
.title_box .sub_title { font-size: 1.062rem; font-weight: 200; color: #999999; }
.title_box .sub_title .space { margin: 0 5px;}
.menu_box .menu_01 .title,
.menu_box .menu_04 .title { color:#ff5d00; }
.menu_box .menu_02 .title { color:#e60012; }
.menu_box .menu_03 .title { color:#4d009d; }
.menu_box .menu_05 .title { color: #009900; }
/* 메뉴슬라이드 */
.menu_box .menu-slide  { position: relative; }
.menu_box .menu-slide .slider-for { width: 500px; height: 500px; background: #fff; padding: 55px; z-index: 1; position: absolute; left: 180px; top: -40px; }
.menu_box .menu-slide .slider-for:before,
.menu_box .menu-slide .slider-for:after { width: 70px; height: 70px; background: url(../images/sl-line.png)no-repeat; background-size: contain; position: absolute; content: ''; }
.menu_box .menu-slide .slider-for:before { left: 17px; top: 17px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.menu_box .menu-slide .slider-for:after { right: 17px; bottom: 17px; }
.menu_box .menu-slide .slider-for .item { height: 360px; outline:0; }
.menu_box .menu-slide .slider-for h3 { font-family: 'Black Han Sans', sans-serif; font-size: 2.812rem; font-weight: 400; color: #312f30; margin-top:5px;}
.menu_box .menu-slide .slider-for small,
.menu_box .menu-slide .slider-for .priceBox ul li { display: block; margin-bottom: 20px; font-size: 0.75rem; font-weight: 300; color: #999; }
.menu_box .menu-slide .slider-for p { color: #312f30; line-height: 1.625rem; }
.menu_box .menu-slide .slider-for .priceBox { width: 100%; position: absolute; left: 0; bottom: 70px; }
.menu_box .menu-slide .slider-for .priceBox p { margin-bottom: 10px; font-family: 'Black Han Sans', sans-serif; font-size: 3.75rem; font-weight: 400; color: #312f30; }
.menu_box .menu-slide .slider-for .priceBox p span { font-size: 1.875rem; }
.menu_box .menu-slide .slider-for .menu_add_info { position:absolute; bottom:0; left:0; font-size: 0.875rem; line-height: 1.2;}
.menu_box .menu-slide .slick-dots { width: 100%; font-size: 0; text-align: center; margin: 0 -3px; position: absolute; bottom: -28px; left: 0; }
.menu_box .menu-slide .slick-dots li { display: inline-block; width: 10px; height: 10px; margin: 0 3px; border: 1px solid #312f30; border-radius: 100%; -webkit-border-radius: 100%; }
.menu_box .menu-slide .slick-dots .slick-active { background: #312f30; }
.menu_box .menu-slide .slick-arrow { width: 42px; height: 42px; border-radius: 100%; -webkit-border-radius: 100%; font-size: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-image: url(../images/nav-off.png); background-repeat: no-repeat; background-size: contain; cursor: pointer; outline:0; }
.menu_box .menu-slide .slick-prev { transform: translateY(-50%) rotate(180deg); left: -22px; }
.menu_box .menu-slide .slick-next { right: -22px; }
.menu_box .menu-slide .slick-arrow:hover { background-image: url(../images/nav-on.png); }
.menu_box .menu-slide .slider-nav { width: 100%; }
.menu_box .menu-slide .slider-nav .item { padding: 90px; opacity: 0.3; outline:0;}
.menu_box .menu-slide .slider-nav .item > div { padding: 20px; }
/* .menu_box .menu-slide .slider-nav .slick-active { transform: translateX(-90px); }
.menu_box .menu-slide .slider-nav .slick-active:last-child { transform: none; } */
/* .menu_box .menu-slide .slider-nav .slick-active>div { padding: 0 90px; } */
.menu_box .menu-slide .slider-nav .slick-current { padding: 15px 90px; opacity: 1; }
.menu_box .menu-slide .slider-nav .slick-current>div { width: calc(100% + 180px); padding: 0; }
/* .menu_box .menu-slide .slider-nav .slick-slide { width: 20%;}
.menu_box .menu-slide .slider-nav .slick-current { width: 60%; } */
/* 메뉴리스트 */
.menu_box .menu-list { border-top: 2px solid #eee; }
.menu_box .menu-list li { float: left; width: 20%; height: 400px; border-right: 2px solid #eee; border-bottom: 2px solid #eee; box-sizing: border-box; color: #312f30; position: relative; overflow: hidden; }
.menu_box .menu-list li:nth-child(4n+1) { border-left: 2px solid #eee; }
.menu_box .menu-list li:nth-child(8n+4),
.menu_box .menu-list li:nth-child(8n+5) { width: 40%; }
.menu_box .menu-list li .text_box {
	text-align:center;
	color:#666;
	position:absolute;
	top:12%;
	left:50%;
	transform:translateX(-50%);
	width: calc(100% - 60px);
	z-index:3;
	font-family: 'Black Han Sans', sans-serif; font-weight: 400;
	transition:all .7s;
}
.menu_box .menu-list li .text_box .menu-tit { margin-top: 48px; font-size: 2rem; }
.menu_box .menu-list li .text_box .menu-tit:after { display: block; width: 60px; height: 9px; margin: 10px auto 22px; background: url(../images/tit-line.png)no-repeat; background-size: contain; content: ''; transition:all 1s;}
.menu_box .menu-list li .text_box .txt {
	opacity:0;
	color:#fff;
	margin-top:10px;
	padding: 0 15px;
	font-size:14px;
	line-height:1.5;
	font-family: 'Noto Sans KR', AppleGothic, 'Dotum', sans-serif;
}
.menu_box .menu-list li:hover .text_box .menu-tit:after {
	background-image: url(../images/tit-line2.png);
}
.menu_box .menu-list li .text_box .price { font-size: 1.875rem; color:#666; }
.menu_box .menu-list li .text_box .txt, .menu_box .menu-list li .text_box .menu-tit, .menu_box .menu-list li .text_box .price {
	transition:all 1s;
}
.menu_box .menu-list li:hover .text_box .txt {
	opacity:1;
}
.menu_box .menu-list li:hover .text_box .txt, .menu_box .menu-list li:hover .text_box .menu-tit, .menu_box .menu-list li:hover .price {
	color:#fff;
}
.menu_box .menu-list li>img { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); }
.menu_box .menu-list li .hover_box_container {
	position: absolute;
	top:0;
	left:0;
	margin:30px;
	box-sizing: border-box;
	width: calc(100% - 60px);
	height:calc(100% - 60px);
	z-index:2;
}
.menu_box .menu-list li .hover_box {
	width: 0;
	height: 0;
	position: absolute;
	bottom:0;
	left:0;
	transform:none;
	transition:all .5s linear;
	opacity:0;
}
.menu_box .menu-list li .hover_box:after {
	content:"";
	background-color:#ff4800;
	opacity:0.87;
	width:100%;
	height:100%;
	top:30px;
	left:30px;
	display:inline-block;
}
.menu_box .menu-list li:hover .hover_box {
	width: 100%;
	height: 100%;
	opacity:1;
}
.menu_box .menu-list li .hover_background {
	position:absolute;
	bottom:0;
	left:0;
	z-index:1;
	opacity:0;
	transition:1s;
	width:100%;
}
.menu_box .menu-list li:hover .hover_background {
	opacity:1;
}
.menu_box .menu-list li .small_img { display: none; width: 100%;}
.menu_box .menu-list li .big_img { display: none; width: 100%; }

.menu_box .menu-list li .small_img { display:inline-block; }
.menu_box .menu-list li:nth-child(8n+4) .small_img, .menu_box .menu-list li:nth-child(8n+5) .small_img { display:none; }
.menu_box .menu-list li:nth-child(8n+4) .big_img, .menu_box .menu-list li:nth-child(8n+5) .big_img { display:inline-block; }

.menu_box .menu-list.type2 li .small_img { display: none;}
.menu_box .menu-list.type2 li .big_img { display: inline-block;}
/* .menu_box .menu-list.type2 li { width: 40%; } */
.menu_box .menu-list.type2 li { width: 33.33%; }
.menu_box .menu-list.type2 li .small_img { display: none;}
.menu_box .menu-list.type2 li .big_img { display: inline-block;}
/* .menu_box .menu-list.type2 li:nth-child(3n) { width: 20%; } */
.menu_box .menu-list.type2 li:nth-child(3n) .small_img { display:inline-block; }
.menu_box .menu-list.type2 li:nth-child(3n) .big_img { display:none; }
.menu_box .menu-list.type2 li img { bottom: 0; }

/* --------- 한국식철판요리 --------- */
.sub_visual.bg_history01 { background:url("/wp-content/uploads/2019/04/history01_header.png") center center no-repeat; }
.brand_sec.history01 { padding-bottom: 0; }
.brand_sec.history01 .brand_box { text-align: center; margin-bottom: 125px; }
.brand_sec.history01 .brand_box.history01_01 {
	margin:0 auto 125px; width:70%;
}
.brand_sec.history01 .brand_box:last-child { margin-bottom: 0; }
.brand_sec.history01 .brand_box .subtitle { margin-bottom: 25px; color: #312f30; }
.brand_sec.history01 .brand_box .subtitle span { padding: 0 15px 5px; border-bottom: 1px solid #312f30; }
.brand_sec.history01 .brand_box p { margin-bottom: 20px; }
.brand_sec.history01 .brand_box p:last-child { margin-bottom: 0; }
.brand_sec.history01 .brand_box .txt2 { margin: 40px 0; font-size: 1.875rem; font-weight: 700; line-height: 2.812rem; color: #ff6c0e; }
.sub_sec .container .title2 { font-size: 2.187rem; margin: 0 0 10px; line-height: 2.5rem; }
.brand_sec.history01 .brand_box.brand2 .imgBox { max-width: 1200px; margin: 0 auto; position: relative; text-align: right; padding-top: 80px; margin-bottom: 25px; }
.brand_sec.history01 .brand_box.brand2 .imgBox img { opacity: 0; transition: 2s ease-in-out; }
.brand_sec.history01 .brand_box.brand2 .imgBox img:first-child { left: 0; top: 0; position: absolute; transform: translateX(-50%); }
.brand_sec.history01 .brand_box.brand2 .imgBox img:last-child { transform: translateX(50%); }
.brand_sec.history01 .brand_box.brand2 .imgBox.on img { opacity: 1; transform: translateX(0); }
.brand_sec.history01 .brand_box .ceoimg,
.brand_sec.history01 .brand_box .ceotxt { display: inline-block; vertical-align: bottom; }
.brand_sec.history01 .brand_box .ceoimg { width: 40%; }
.brand_sec.history01 .brand_box .ceotxt { width: 47%; margin-right:13%; margin-bottom: 60px; text-align: left; margin-left: -110px; }
.brand_sec.history01 .brand_box .ceotxt .title { display: inline-block; text-align: center; }
.brand_sec.history01 .brand_box .ceotxt figcaption { font-size: 0.937rem; letter-spacing: 2px; color: #000; }
.brand_sec.history01 .brand_box .ceotxt figcaption span { display: block; margin-top: 10px; font-size: 1.687rem; letter-spacing: -1px; }
.brand_sec.history01 .brand_box .ceotxt figure img { width: 157px; position: absolute; top: 0; right: 0; }
.brand_sec.history01 .brand_box .ceotxt figure { width: 283px; margin-top: 30px; position: relative; }
.sub_footer { position: relative; }
.sub_footer .sub_footer_container { position: relative; z-index: 1; }
.sub_footer:hover .subject { color: #fff; }
.sub_footer:hover .more_btn { background: #fff; color: #000; }
@media (max-width: 1269px) {
    /* ---------- 메뉴 ---------- */
    .menu_box .container { width: calc(100% - 20px); }
}
@media (max-width: 1024px) {
    /* Side nav */
    .side-nav { left: 20px; }
    /* ---------- 메뉴 ---------- */
    .menu_box .menu-slide .slider-for { left: 20px; }
}
@media (max-width: 1023px) {
    /* ---------- 메뉴 ---------- */
    .menu_box .section { padding: 50px 0; }
    .menu_box .menu-slide .slider-for { position: relative; width: 100%; left: 0; }
    .menu_box .menu-slide .slick-prev { left: 0; }
    .menu_box .menu-slide .slick-next { right: 0; }
    .menu_box .menu-slide .slider-nav .slick-current>div { width: 100%; transform: none; }
    .menu_box .menu-slide .slider-nav .item { padding: 0 60px; }
    .menu_box .menu-list li { width: 33.333%; }
    .menu_box .menu-list li:nth-child(4), .menu_box .menu-list li:nth-child(5) { width: 100%; }
    .menu_box .menu-list li:nth-child(4) { border-left: 2px solid #eee; }
    /* ---------- 한국식철판요리 ---------- */
    .brand_sec.history01 .brand_box .ceotxt { margin-left: -50px; }
    .brand_sec.history01 .brand_box.brand2 .imgBox { text-align: center; padding-top: 0; }
    .brand_sec.history01 .brand_box.brand2 .imgBox img:first-child { position: static; }
}
@media (max-width: 768px) {
    .side-nav { display: none !important; }
}
@media (max-width: 767px) {
    /* ---------- 서브공통 ---------- */
    /* 상단타이틀 */
    .sub_visual { min-height: 300px; }
    .sub_visual .txt p { line-height: 1.5rem; }

    /* ---------- 한국식철판요리 ---------- */
	.brand_sec.history01 .brand_box {
		margin-bottom: 50px;
	}
    .brand_sec .brand_box h3 { font-size: 2.142rem; line-height:2.3rem; }
	.brand_sec.history01 .brand_box.history01_01 {
		margin:0 auto 55px; width:100%;
	}
    .brand_sec.history01 .brand_box .txt2 { font-size: 1.5rem; line-height: 2rem; }
    .brand_sec.history01 .brand_box .ceoimg,
    .brand_sec.history01 .brand_box .ceotxt { width: 100%; }
    .brand_sec.history01 .brand_box .ceotxt { margin-left: 0; }
    .brand_sec.history01 .brand_box .ceotxt .title { display: block; margin-top: 15px; }

    /* ---------- 메뉴 ---------- */
    .title_box { margin-bottom: 50px; }
    .title_box .title { font-size: 2.5rem; }
    .menu_box .menu-slide .slider-for { padding: 30px; height: 400px; }
    .menu_box .menu-slide .slider-for .item { height: 300px; }
    .menu_box .menu-slide .slider-for h3 { font-size: 2.142rem; }
    .menu_box .menu-slide .slick-arrow { width: 21px; height: 21px; }
    .menu_box .menu-slide .slider-for:before, .menu_box .menu-slide .slider-for:after { width: 35px; height: 35px; }
    .menu_box .menu-slide .slider-for .priceBox p { font-size: 3rem; }
    .menu_box .menu-list li { width: 100%; border-left: 2px solid #eee; }
    .menu_box .menu-list.type2 li, .menu_box .menu-list.type2 li:nth-child(3n) { width: 100%; }
	.menu_box .menu-list li .small_img { display:none;}
	.menu_box .menu-list li .big_img { display:inline-block; }
	.menu_box .menu-list.type2 li:nth-child(3n) .small_img { display:none; }
	.menu_box .menu-list.type2 li:nth-child(3n) .big_img { display:inline-block; }
	.menu_box .menu-list li .hover_box .small_img { width:100%; }
}
@media (max-width: 499px) {
	.menu_box .menu-list li .small_img { display:inline-block; }
	.menu_box .menu-list li .big_img { display:none; }
	.menu_box .menu-list li:nth-child(8n+4) .small_img, .menu_box .menu-list li:nth-child(8n+5) .small_img { display:inline-block; }
	.menu_box .menu-list li:nth-child(8n+4) .big_img, .menu_box .menu-list li:nth-child(8n+5) .big_img { display:none; }
	.menu_box .menu-list.type2 li .small_img { display:inline-block; }
	.menu_box .menu-list.type2 li .big_img { display:none; }
	.menu_box .menu-list.type2 li:nth-child(3n) .small_img { display:inline-block; }
	.menu_box .menu-list.type2 li:nth-child(3n) .big_img { display:none; }
}

/* 나만의 메뉴 */
.sub_visual.bg_history02 { background:url("/wp-content/uploads/2019/04/history02_header.png") center center no-repeat; }
.history03 .container { width: 100%; max-width: 1200px; }
.history03 .section { padding: 0; height:100vh; padding-top:115px;}
.history03 .menu_01 { margin-top: 75px; }
.history03 .title_box { text-align:left; padding-left:60px; }
.history03 .title_box .title {
  margin:30px 0 10px;
}
.history03 .title_box .subject {
  font-size:20px;
  font-weight:600;
  color:#312f30;
  display:inline;
}
.history03 .title_box .subject:after {
  content:"";
  width:110px;
  height:1px;
  background-color:#001111;
  display:block;
  margin-top:5px;
}
.history03 .title_box .sub_title {
  line-height:1.5;
}
.history03 .menu_01 .title {
    color: #ff5d00;
}
.history03 .menu_02 .title { color:#e60012; }
.history03 .menu_03 .title { color:#ffaa00; }
.history03 .menu_04 .title { color:#009900; }
/* 메뉴슬라이드 */
.history03 .menu-slide  { position: relative; font-size: 0; }
/* .history03 .menu-slide .slider-for { width: 540px; height: 600px; background: transparent; padding: 60px; z-index: 1; position: absolute; left: 60px; top: -40px; } */
.history03 .menu-slide .slider-for, .history03 .menu-slide .slider-thumb { display: inline-block; vertical-align: bottom; }
.history03 .menu-slide .slider-for { width: 540px; height: 600px; background: transparent; padding: 60px; z-index: 1; font-size: 1rem; }
.history03 .menu-slide .slider-thumb { width: calc(100% - 540px); padding: 0 60px; z-index: 2;}
.history03 .menu-slide .slider-thumb .slick-track {display:inline-block;}
.history03 .menu-slide .slider-thumb .item { text-align: center; padding: 7px; box-sizing: border-box; outline:0; }
.history03 .menu-slide .slider-thumb .item img { margin: 0 auto; }
.history03 .menu-slide .slider-thumb .slick-current {  }
.history03 .menu-slide .slider-thumb .slick-current img { border: 7px solid #ff4001; box-sizing: border-box; }
.history03 .menu-slide .slider-for:before { width: 70px; height: 70px; background: url(../images/sl-line.png)no-repeat; background-size: contain; position: absolute; content: ''; }
.history03 .menu-slide .slider-for:before { left: 17px; top: 17px; transform: rotate(180deg); -webkit-transform: rotate(180deg); }
.history03 .menu-slide .slider-for .item { height: auto; outline:0; }
.history03 .menu-slide .slider-for h3 { font-family: 'Black Han Sans', sans-serif; font-size: 2.812rem; font-weight: 400; color: #312f30; margin-top:5px;}
.history03 .menu-slide .slider-for small,
.history03 .menu-slide .slider-for .priceBox ul li { display: block; margin-bottom: 20px; font-size: 0.75rem; font-weight: 300; color: #999; }
.history03 .menu-slide .slider-for p { color: #312f30; line-height: 1.625rem; margin-bottom: 25px; }
.history03 .menu-slide .slider-for .img-box {
  position:relative;
}
.history03 .menu-slide .slider-for .img-box .special {
  position:absolute;
  top:15px;
  left:12px;
}
.history03 .side-nav li.on span { color: #ff5d00; font-weight: 700; }
.history03 .side-nav li.on span:before { width: 5px; height: 5px; border-radius: 100%; -webkit-border-radius: 100%; background: #ff5d00; content: ''; }
.history03 .side-nav li.on:before { width: 123px; height: 1px; content: ''; position: absolute; left: -123px; top: 55%; transform: translateY(-50%); background: #ff5d00; }
.history03 .side-nav li:nth-child(2).on span { color: #e60012; }
.history03 .side-nav li:nth-child(2).on span:before { background: #e60012; }
.history03 .side-nav li:nth-child(2).on:before { background: #e60012; }
.history03 .side-nav li:nth-child(3).on span { color: #ffaa00; }
.history03 .side-nav li:nth-child(3).on span:before { background: #ffaa00; }
.history03 .side-nav li:nth-child(3).on:before { background: #ffaa00; }
.history03 .side-nav li:nth-child(4).on span { color: #009900; }
.history03 .side-nav li:nth-child(4).on span:before { background: #009900; }
.history03 .side-nav li:nth-child(4).on:before { background: #009900; }
.history03 .side-nav li:nth-child(5).on span { color: #ff5f00; }
.history03 .side-nav li:nth-child(5).on span:before { background: #ff5f00; }
.history03 .side-nav li:nth-child(5).on:before { background: #ff5f00; }
.history03 .menu-slide .slick-arrow { outline:0; width: 15px; height: 24px; font-size: 0; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); background-image: url(/wp-content/uploads/2019/03/nav_next.png); background-repeat: no-repeat; background-size: contain; cursor: pointer; background-color: transparent;}
.history03 .menu-slide .slick-prev { transform: translateY(-50%) rotate(180deg); left: 30px; }
.history03 .menu-slide .slick-next { right: 30px; }
.history03 .menu-slide .slider-nav { width: 130vw; position:absolute; left:-45%; top:-150px;}
/* .history03 .menu_02 .menu-slide .slider-nav {top: -300px;} */
.history03 .menu-slide .slider-nav .item { padding: 90px; opacity: 0.3; outline:0;}
.history03 .menu-slide .slider-nav .item > div { padding: 20px; transform:scale(0.5);}
.history03 .menu-slide .slider-nav .slick-current { padding: 0 90px; opacity: 1; }
.history03 .menu-slide .slider-nav .slick-current>div { width: 200%; padding: 0; transform:scale(1);}
.history03 .menu-slide .slider-nav .slick-current>div img {
  margin: 0 0 0 10%;
}
.history03 .menu-list { border-top: 2px solid #eee; }
.history03 .menu-list li { float: left; width: 20%; height: 400px; border-right: 2px solid #eee; border-bottom: 2px solid #eee; box-sizing: border-box; color: #312f30; position: relative; overflow: hidden; }
.history03 .menu-list li:nth-child(4n+1) { border-left: 2px solid #eee; }
.history03 .menu-list li:nth-child(4),
.history03 .menu-list li:nth-child(5) { width: 40%; }
.history03 .menu-list li .menu-tit, .history03 .menu-list li .price { font-family: 'Black Han Sans', sans-serif; font-weight: 400; text-align: center; }
.history03 .menu-list li .menu-tit { margin-top: 48px; font-size: 2rem; }
.history03 .menu-list li .menu-tit:after { display: block; width: 60px; height: 9px; margin: 10px auto 22px; background: url(../images/tit-line.png)no-repeat; background-size: contain; content: ''; }
.history03 .menu-list li .price { font-size: 1.875rem; }
.history03 .menu-list li img { position: absolute; left: 50%; bottom: 40px; transform: translateX(-50%); }
.history03 .menu-list li .hover_box {
    padding: 29px 59px; box-sizing: border-box;
    position: absolute;
    top: 0; left: 0;
    transform: none;
    opacity: 0;
    width: 100%; height: 100%;
    color: #fff;
}
.history03 .menu-list li .hover_box>div { position: relative; z-index: 1; }
.history03 .menu-list li .hover_box:before {
    width: calc(100% - 58px);
    height: calc(100% - 58px);
    background: rgba(255, 64, 1, 0.7);
    content: '';
    position: absolute;
    top: 100%;
    left: -100%;
    transition: all .5s linear;
}
.history03 .menu-list li .hover_box .menu-tit { margin-top: 19px; }
.history03 .menu-list li .hover_box .menu-tit:after { background-image: url(../images/tit-line2.png); }
.history03 .menu-list li .hover_box .txt { margin-top: 20px; font-size: 0.875rem; line-height: 1.375rem; text-align: center; }
.history03 .menu-list li .hover_box img { bottom: 0; left: 0; transform: none; -webkit-transform: none; z-index: -1; }
.history03 .menu-list li:hover .hover_box,
.history03 .menu-list li.hover .hover_box { top: 0; left: 0; opacity: 1; }
.history03 .menu-list li:hover .hover_box:before,
.history03 .menu-list li.hover .hover_box:before { top: 29px; left: 29px; }
.history03 .menu-list.type2 li { width: 40%; }
.history03 .menu-list.type2 li:nth-child(3n) { width: 20%; }
.history03 .menu-list.type2 li img { bottom: 0; }

.history03 .section.menu_05 {
  background:url("/wp-content/uploads/2019/03/history03_05_back.png") center top;
  height:auto;
  padding-bottom: 70px;
  margin-top:80px;
}
.history03 .side-nav.white li a { color:#fff;}
.history03 .menu_05 .title_box .title {
  color:#fff;
  font-style: italic;
}
.orange_text { color:#ff5f00; }
.history03 .menu_05 .title_box .title em {
  position:relative;
  display:inline;
}
.history03 .menu_05 .title_box .title em:before {
  content:"";
  position:absolute;
  top:-30px;
  left:50%;
  width:12px;
  height:12px;
  background-color:#fff;
  border-radius:12px;
}
.history03 .menu_05 .content_box {
  padding:0 120px;
  text-align:center;
}
.history03 .menu_05 .content_box ul.col3 {
  font-size:0;
  margin:0 -60px;
}
.history03 .menu_05 .content_box ul.col3 li {
  margin:0 60px;
  width: calc(33.33% - 120px);
  color:#fff;
  position:relative;
  overflow:visible;
}
.history03 .menu_05 .content_box li .item {
  padding: 45px 45px 30px;
  position:relative;
  display:inline-block;
}
.history03 .menu_05 .content_box li .item:before {
  content:url("/wp-content/uploads/2019/03/history03_05_text_img.png");
  position:absolute;
  top:0;
  left:0;
}
.history03 .menu_05 .content_box li .item h3 {
  font-size:45px;
  font-family: "Black Han Sans";
  font-weight:400;
}
.history03 .menu_05 .content_box li p {
  line-height:1.5;
  margin:20px auto 0;
  word-break:keep-all;
  width:95%;
}
.history03 .menu_05 .content_box li p span {
  font-size: 20px;
  color:#ff6c0e;
  font-weight:600;
}
.history03 .menu_05 .content_box li:nth-child(n+2):before {
  content:url("/wp-content/uploads/2019/03/history03_05_line.png");
  position:absolute;
  top:50%;
  left:-60px;
  transform:translate(-50%,-50%);
}

@media (max-width: 1499px) {
    /* .history03 .menu-slide .slider-for {
      left:180px;
    } */
    .history03 .menu-slide .slider-nav { left: -30%; }
    .history03 .title_box .sub_title {
      color:#312f30;
      font-weight:400;
    }
}
@media (max-width: 1269px) {
    .history03 .section { padding-top: 0; }
}
@media (max-width: 1199px) {
    .history03 .container { width: calc(100% - 20px); }
    .history03 .menu_05 .content_box {
      padding:0;
    }
}
@media (max-width: 1024px) {
    .side-nav { left: 20px; }
    .history03 .menu-slide .slider-for { left: 20px; text-align:center;}
    .history03 .menu-slide .slider-for .img-box img {
      margin:0 auto;
    }
    .history03 .title_box {
      padding-left:0;
    }
    .history03 .menu_05 .content_box ul.col3 li {
      width: calc(100% - 120px);
    }
    .history03 .menu_05 .content_box ul.col3 li:nth-child(n+2) {
      margin-top: 80px;
    }
    .history03 .menu_05 .content_box li:nth-child(n+2):before {
      display:none;
    }
}
@media (max-width: 1023px) {
    .history03 .menu-slide .slider-thumb { width: 100%; }
    .history03 .menu-slide .slider-for { position: relative; width: 100%; left: 0; }
    .history03 .menu-slide .slick-prev { left: 0; }
    .history03 .menu-slide .slick-next { right: 0; }
    .history03 .menu-slide .slider-nav {
      left:0;
      width: 100vw;
	  display:none;
    }
    .history03 .menu-slide .slider-nav .slick-current>div { width: 100%; transform: none; }
    .history03 .menu-slide .slider-nav .item { padding: 0 60px; }
    .history03 .menu-list li { width: 33.333%; }
    .history03 .menu-list li:nth-child(4), .history03 .menu-list li:nth-child(5) { width: 100%; }
    .history03 .menu-list li:nth-child(4) { border-left: 2px solid #eee; }
}
@media (max-width: 768px) {
    .side-nav { display: none; }
    .history03 .menu_05 .content_box li .img_box img { width: 90px; }
}
@media (max-width: 767px) {
    .history03 .section { height: auto;}
	.history03 .menu_01 { margin-top: 50px;}
    .history03 .section.menu_04 {margin-bottom: 70px;}
    .history03 .section.menu_05 {padding-top:80px;}
    .history03 .title_box { margin: 50px 0 30px; }
    .history03 .section.menu_05 .title_box, .title_box { margin-bottom: 50px; }
    .title_box .title { font-size: 2rem; }
    .history03 .menu-slide .slider-for { padding: 30px; height: auto; }
    /* .history03 .menu-slide .slider-for .item { height: 300px; } */
    .history03 .menu-slide .slider-for h3 { font-size: 2.142rem; }
    .history03 .menu-slide .slick-arrow { width: 21px; height: 21px; }
    .history03 .menu-slide .slider-for:before, .history03 .menu-slide .slider-for:after { width: 35px; height: 35px; }
    .history03 .menu-slide .slider-for .priceBox p { font-size: 3rem; }
    .history03 .menu-list li { width: 100%; border-left: 2px solid #eee; }
    .history03 .menu-list.type2 li, .history03 .menu-list.type2 li:nth-child(3n) { width: 100%; }
    .history03 .menu_05 .content_box li .item h3 { font-size: 2.5rem;}
    .history03 .menu-slide .slider-nav {
      top:-180px;
    }
	.history03 .menu_05 .content_box li p br.mo_v {
		display:block;
	}
}