@import url('basic.css');
.mobileonly {visibility:hidden; position:absolute; top:-1000%;}

@font-face {
	font-family: 'NanumBarunGothic';
	font-style: normal;
	font-weight: 400;
	src: url(../fonts/NanumBarunGothic.eot);
	src:local(※), url(../fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NanumBarunGothic.woff2) format('woff2'),
		url(../fonts/NanumBarunGothic.woff) format('woff'),
		url(../fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
	font-family: 'NanumBarunGothicBold';
	font-style: normal;
	font-weight: 700;
	src: url(../fonts/NanumBarunGothicBold.eot);
	src:local(※), url(../fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
		url(../fonts/NanumBarunGothicBold.woff2) format('woff2'),
		url(../fonts/NanumBarunGothicBold.woff) format('woff'),
		url(../fonts/NanumBarunGothicBold.ttf) format('truetype');
}

#wrap{width:100%; min-width: 1280px;}
#header{width:100%; position:fixed;  z-index:20;}
.header-wrap{position:relative; width:1180px; margin:0 auto; overflow:hidden; padding:33px 40px 0; }
h1{float:left; margin-left:-21px;}
.header-wrap .logo_white{display:none;}
.header-wrap.gnb-white .logo_black{display:none;}
.header-wrap.gnb-white .logo_white{display:block;}
.web-gnb{float:right; overflow:hidden; padding-top:9px; color:#000;}
.web-gnb li{float:left; }
.web-gnb li a{display:block; padding:28px 42px 25px; font-size:23px; font-weight:700;}
.web-gnb li.lst a{padding-right:0;}
.header-wrap.gnb-white a{color:#fffefe;}

/* visual-area */
.visual-area{position:relative; overflow:hidden; width:100%; min-width:1280px; background:url(../images/web/img_main_visual01.jpg) no-repeat 50% 0; font-size:0; line-height:0; background-size:cover;}
/*.visual-area .fp-tableCell img{width:100%;}*/
.visual-area a{position:absolute; left:50%; margin-left:-42px; bottom:50px;}

/* main-area */
.main-cont{width:1180px; margin:0 auto; padding:135px 50px 60px;}

.main-cont h2{margin-top:40px; font-size:52px; color:#4e4f53; text-align:center;}
.main-cont .title-copy{margin-top:20px; font-size:24px; text-align:center; line-height:36px;}

.main-cont.info{overflow:hidden; position:relative;}
.main-cont.info .position{float:left; width:578px; margin-top:70px; }
.main-cont.info .position.head{position:relative; margin-right:24px;}
.main-cont.info .position strong{display:block; width:100%; padding:5px 0; background:#e10f21; color:#fff; font-size:24px; text-align:center;}
.main-cont.info .position p{padding-top:10px; width:100%; height:220px; background:#f4f3f2;}
.main-cont.info .position span{display:block; position:relative; margin-top:10px; padding:1px 0 2px 70px; background:url(../images/web/blit_position01.gif) no-repeat 30px 0; font-size:20px; }
.main-cont.info .position span.add{background:url(../images/web/blit_position02.gif) no-repeat 30px 0; font-size:20px; }
.main-cont.info .position span.time{background:url(../images/web/blit_position03.gif) no-repeat 30px 0; font-size:20px; }
.main-cont.info .position span.park{background:url(../images/web/blit_position04.gif) no-repeat 30px 0; font-size:20px; }
.main-cont.info .position em{display:block; margin-top:10px; padding-right:20px; font-size:18px;}
.main-cont.info .position a{display:block; text-align:right; margin-top:10px; margin-right:20px;  }
.main-cont.info .position.chain strong{background:#384b56;}

.main-cont.info .layer-popup{display:none; position:absolute; top:238px; left:148px; width:360px; height:134px; padding:22px 23px; background:url(../images/web/bg_parking_layer.png) no-repeat 0 0; }
.main-cont.info .layer-popup span{display:block; margin-top:0; padding:15px 0 0 20px; background:url(../images/web/ico_parking.gif) no-repeat left 16px; font-size:17px;}
.main-cont.info .layer-popup span:first-child{padding-top:0; background-position:left 1px;}
.main-cont.info .layer-popup strong{display:inline-block; width:auto; padding:0; color:#666; font-size:17px; background:none;}
.main-cont.info .layer-popup p{width:auto; background:none; height:auto; margin-top:3px; padding:0 0 0 20px; font-size:15px;}

.main-cont.menu .main-menu{margin-left:-50px; padding-right:100px; margin-top:35px; }

.main-cont.news .news-area{overflow:hidden; }
.main-cont.news .news-area > div {overflow:hidden; float:left; margin:80px 22px 0 0; }
.main-cont.news .news-area > div .main-swiper-wrap {position:relative; overflow:hidden; width:376px; margin-top:10px; border:1px solid #b3b3b3; }
.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination{position:absolute; bottom:22px; left:0; right:0; text-align:center; font-size:0; line-height:0; z-index:1;}
.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination .swiper-pagination-bullet{display: inline-block; width: 22px; height: 22px; margin: 0 3px; cursor: pointer; background:url(../images/web/ico_swiper.png) no-repeat 0 0;}
.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:url(../images/web/ico_swiper_active.png) no-repeat 0 0;}
.main-cont.news .news-area > div ul {overflow:hidden;}
.main-cont.news .news-area > div ul li {float:left; font-size:0; line-height:0;}
.main-cont.news .news-area .main-new{margin-right:0; }
.main-cont.news .news-area strong{display:block; padding-left:18px; background:url(../images/web/blit_txt_news01.gif) no-repeat 0 4px; font-size:24px;  }
.main-cont.news .sns-area{text-align:right; margin-top:20px; }
.main-cont.news .sns-area span{display:inline-block; margin-right:17px; padding-right:13px; vertical-align:middle; background:url(../images/web/img_sns_arrow_right.gif) no-repeat right 7px; font-size:14px; color:#323232;}
.main-cont.news .sns-area a{display:inline-block; vertical-align:middle;  padding:0 3px;}
.main-cont.news .sns-area strong{display:inline-block; margin-right:10px; font-size:20px;}

.main-cont.story ul{overflow:hidden; margin-top:80px;}
.main-cont.story li{float:left; margin-right:26px; }
.main-cont.story li.lst{margin-right:0; }

.cont-faq{position:relative; min-height:572px; overflow:hidden; background:url(../images/web/bg_faq_visual.jpg) no-repeat 50% 0; background-size:cover;}
.cont-faq .fp-tableCell img{width:100%; height:100%;}
.cont-faq .faq-contents{position:absolute; top:50%; left:0; right:0; margin-top:-286px;}
.cont-faq h2{margin-top:40px; font-size:52px; color:#fff; text-align:center;}
.cont-faq .faq-contents p{margin-top:20px; font-size:24px; text-align:center; line-height:36px; color:#fff; }
.cont-faq .faq-area{width:1180px; overflow:hidden; margin:35px auto; padding:0 50px; }
.cont-faq .faq-area .faq-box{float:left; width:366px; margin-bottom:50px; padding:50px 40px; text-align:center; background:rgba(223,223,223,0.9); box-shadow:10px 20px 15px 0px rgba(0,0,0,0.5);}
.cont-faq .faq-area .faq-box:first-child{margin:0 7px 50px 145px;}
.cont-faq .faq-area .faq-box strong{display:block; font-size:24px; color:#595757;}
.cont-faq .faq-area .faq-box span{display:block; margin-top:50px; font-size:42px; color:#595757; font-weight:700;}
.cont-faq .faq-area .faq-box p{font-size:20px; border-top:1px solid #595757; padding-top:13px; color:#595757; }
.cont-faq .faq-area .faq-box:first-child a{padding-right:15px; background:url(../images/web/btn_faq_arrow.png) no-repeat right 5px; }


#container{width:100%; padding-top:135px;}
#container.fullpage{padding-top:0;}
.contents {width:1180px; margin:0 auto; padding:20px 0 90px;}
#container.fullpage .contents {width:1180px; margin:0 auto; padding:20px 50px 90px;}
.contents h2{font-size:52px; text-align:center; line-height:56px; color:#4e4f53;}
.contents > p{margin:20px auto 0; font-size:20px; line-height:26px; text-align:center; color:#7f8187;}
.contents .txt-brandstory p{margin:25px auto 0; width:auto; font-size:24px; line-height:28px; text-align:center; color:#7f8187;}
.contents .tab-list{margin:46px 0 0; overflow:hidden;}
.contents .tab-list li{float:left; margin-right:7px; width:292px; }
.contents .tab-list li a{display:block; padding:7px 0 3px; font-size:24px; line-height:27px; background:#595959; color:#fff; text-align:center;}
.contents .tab-list li.on a{background:#e10f21;}
.contents .tab-list li.lst{margin-right:0;}

.tab-cont{display:none; position:relative; width:100%; overflow:hidden; padding-top:70px;}

/* sub - company */
.contents .tab-list.company {text-align:center;}
.contents .tab-list.company li {float:none; display:inline-block;}
.tab-cont .img-area{float:left; margin-top:42px; width:294px; }
.tab-cont .txt-area{float:left; margin-top:42px; margin-left:43px; width:562px; text-align:left;}
.tab-cont.ceo {width:900px; margin:0 auto;}
.tab-cont.ceo .txt-area strong{display:inline-block; margin-top:19px; font-size:18px; color:#000; font-weight:700; }
.tab-cont.ceo .txt-area strong.fst{margin-top:0;}
.tab-cont.ceo .txt-area strong.lst{display:block;}
.tab-cont.ceo .txt-area span,
.tab-cont.ceo .txt-area p{width:562px; font-size:16px; color:#666; line-height:20px;}
.tab-cont.ceo .txt-area p{margin-top:5px;}
.tab-cont.bi {width:900px; margin:0 auto;}
.tab-cont.bi .txt-area { float:none; margin:0 0 0 365px;}
.tab-cont.bi .txt-area .txt-bi{font-size:16px; line-height:22px;}
.tab-cont.bi span{display:block; position:absolute; top:400px; left:590px; }


.txt-area-space{background:url(../images/web/img_space03.gif) no-repeat 153px 40px;}
.txt-area-space strong{display:block; margin-left:430px; font-size:24px; color:#666;}
.txt-area-space span{display:block; margin:20px 0 0 430px; width:590px; font-size:20px; color:#666; line-height:28px;}
.txt-area-space img{vertical-align:text-top;}

.space-area{width:100%; overflow:hidden; margin-top:50px;}
.space-area .img-area-space{float:left; }
.space-area .img-area-space:first-child{margin-right:16px;}
.space-area .img-area-space p{margin-top:20px; font-size:20px; line-height:28px; color:#7f8187; text-align:center;}
.space-area .img-area-space span{font-size:16px; line-height:28px; color:#7f8187;}

/* sub - brand */
.contents .tab-list.brand{margin-top:34px;}
.contents .tab-list.brand li{width:289px;}

.brand-text {padding-top:46px;}
.brand-title {display:block; font-size:22px; line-height:36px; color:#000;}
.brand-copy {margin-top:10px; font-size:20px; line-height:26px; color:#666;}
.brand-img-list {overflow:hidden; margin-top:32px;}
.brand-img-list > li {float:left; padding:0 1px 0 2px; font-size:0; line-height:0;}

.brand-area1 .brand-text {text-align:center;}

.brand-area2 {overflow:hidden;}
.brand-area2 .brand-text {float:right; width:410px; padding-top:195px;}
.brand-area2 .brand-title {padding-left:46px;}
.brand-area2 .brand-title > span {display:block; padding-left:68px;}
.brand-area2 .brand-copy {width:350px; text-align:center;}
.brand-area2 .brand-img-list {width:670px; margin-top:71px; padding:0 33px;}
.brand-area2 .brand-img-list > li {padding:0 9px;}

.brand-area3 .brand-text {text-align:center;}
.brand-area3 .brand-img-list {width:948px; margin:15px auto 0;}
.brand-area3 .brand-img-list > li {width:230px; padding:0 3px 0 4px;}

.brand-area4 .brand-text {text-align:center;}
.brand-area4 .brand-menu-list {overflow:hidden; margin:54px -14px 0;}
.brand-area4 .brand-menu-list > li {float:left; width:374px; padding:0 14px; text-align:center;}
.brand-area4 .brand-menu-list > li .brand-menu-title {display:block; font-size:22px; line-height:36px; color:#000;}
.brand-area4 .brand-menu-list > li .brand-menu-info {font-size:16px; line-height:28px; color:#666;}
.brand-area4 .brand-menu-list > li .brand-menu-info > strong {display:block; margin-bottom:6px; font-size:18px;}

/* sub-menu */
.menu-cont { width:1180px;}
.menu-cont .tab-list {margin-toP:34px;}
.menu-cont .tab-list li {width:289px;}
.menu-cont .tab-cont {overflow:visible;}

.menu-title {display:block; margin-top:42px; font-size:20px; line-height:36px; color:#000; text-align:center;}

.menu-cont .menu-info {overflow:hidden; margin-top:45px;}
.menu-cont .menu-info .menu-img {float:left; width:648px; padding-top:6px;}
.menu-cont .menu-info .menu-text {margin-left:648px;}
.menu-cont .menu-info .menu-text > strong {display:block; padding-left:4px; font-size:22px; line-height:36px; color:#000;}
.menu-cont .menu-info .menu-text .menu-copy {margin-top:8px; padding-left:4px; font-size:20px; line-height:28px; color:#666;}
.menu-cont .menu-info .menu-text .menu-text-list {margin-top:15px; padding:12px 0 0 4px; border-top:1px dashed #bdbab9;}
.menu-cont .menu-info .menu-text .menu-text-list > li {font-size:16px; line-height:28px; color:#666;}
.menu-cont .menu-info + .menu-title {margin-top:50px;}
.menu-cont .menu-old-list {overflow:hidden; margin:17px -11px 0 -12px;}
.menu-cont .menu-old-list > li {float:left; width:378px; padding:0 11px 0 12px; font-size:20px; line-height:28px; color:#666; text-align:center;}
.menu-cont .menu-old-list > li .old-menu-img {width:100%;}
.menu-cont .menu-old-list > li .old-menu-img img {width:100%;}
.menu-cont .menu-old-list > li .menu-old-title {padding:15px 0 10px; font-size:18px; line-height:44px; color:#000;}
.menu-cont .menu-old-list > li .menu-old-title > strong {display:inline-block; padding:0 8px;}
.menu-cont .menu-old-list > li.old-list1 .menu-old-title > strong {background:url(../images/web/icon_menu_old1.png) no-repeat 0 50%;}
.menu-cont .menu-old-list > li.old-list2 .menu-old-title > strong {background:url(../images/web/icon_menu_old2.png) no-repeat 0 50%;}
.menu-cont .menu-old-list > li.old-list3 .menu-old-title > strong {background:url(../images/web/icon_menu_old3.png) no-repeat 0 50%;}
.menu-cont .menu-milano-list {overflow:hidden; margin:17px -13px 0;}
.menu-cont .menu-milano-list > li {float:left; width:378px; padding:0 12px; font-size:20px; line-height:26px; color:#666; text-align:center;}
.menu-cont .menu-milano-list > li .milano-img {width:100%;}
.menu-cont .menu-milano-list > li .milano-img img {width:100%;}
.menu-cont .menu-milano-list > li > strong {display:block; margin:16px 0 6px; font-size:18px; line-height:36px; color:#000;}
.menu-cont .special-menu-list {display:inline-block; width:1280px; margin:47px -50px 0;}
.menu-cont .special-menu-list > li {position:relative; float:left; width:50%; height:232px; padding-toP:23px; box-sizing:border-box;}
.menu-cont .special-menu-list > li .special-img {position:absolute; z-index:2;}
.menu-cont .special-menu-list > li .special-info h4 {font-size:22px; line-height:35px; color:#000;}
.menu-cont .special-menu-list > li .special-info h4 > span {padding-left:7px; font-size:18px; font-weight:normal; color:#808080;}
.menu-cont .special-menu-list > li .special-info > p {margin-top:2px; padding-top:9px; border-top:1px dashed #bcb9b8; font-size:20px; line-height:28px; color:#666;}
.menu-cont .special-menu-list > li.special-menu1 {padding-left:300px;}
.menu-cont .special-menu-list > li.special-menu1 .special-img {top:0; left:0;}
.menu-cont .special-menu-list > li.special-menu1 .special-info h4,
.menu-cont .special-menu-list > li.special-menu1 .special-info > p {padding-left:65px;}
.menu-cont .special-menu-list > li.special-menu2 {padding-left:280px;}
.menu-cont .special-menu-list > li.special-menu2 .special-img {top:0; left:0;}
.menu-cont .special-menu-list > li.special-menu2 .special-info h4,
.menu-cont .special-menu-list > li.special-menu2 .special-info > p {padding-left:80px;}
.menu-cont .special-menu-list > li.special-menu3 {padding:0 220px 0 50px;}
.menu-cont .special-menu-list > li.special-menu3 .special-img {top:-25px; right:-62px;}
.menu-cont .special-menu-list > li.special-menu3 .special-info {text-align:right;}
.menu-cont .special-menu-list > li.special-menu3 .special-info h4,
.menu-cont .special-menu-list > li.special-menu3 .special-info > p {padding-right:110px;}
.menu-cont .special-menu-list > li.special-menu4 {padding:0 200px 0 78px;}
.menu-cont .special-menu-list > li.special-menu4 .special-img {top:-35px; right:-10px;}
.menu-cont .special-menu-list > li.special-menu4 .special-info {text-align:right;}
.menu-cont .special-menu-list > li.special-menu4 .special-info h4,
.menu-cont .special-menu-list > li.special-menu4 .special-info > p {padding-right:103px;}
.menu-cont .lunch-menu {overflow:hidden; background:url(../images/mobile/bg_lunch_menu.jpg) no-repeat 0 124px;}
.menu-cont .lunch-menu .lunch-menu-list {padding:71px 0 0 381px;}
.menu-cont .lunch-menu .lunch-menu-list > li {position:relative; height:216px; box-sizing:border-box;}
.menu-cont .lunch-menu .lunch-menu-list > li .lunch-img {position:absolute;}
.menu-cont .lunch-menu .lunch-menu-list > li .lunch-info h4 {font-size:22px; line-height:35px; color:#000;}
.menu-cont .lunch-menu .lunch-menu-list > li .lunch-info h4 > span {padding-left:7px; font-size:18px; font-weight:normal; color:#808080;}
.menu-cont .lunch-menu .lunch-menu-list > li .lunch-info > p {margin-top:2px; padding-top:9px; border-top:1px dashed #bcb9b8; font-size:20px; line-height:28px; color:#666;}
.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu1 {width:580px; padding-left:200px;}
.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu2 {width:630px; margin-left:168px; padding-left:230px;}
.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu1 .lunch-img {top:-8px; left:0;}
.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu2 .lunch-img {top:-25px; left:0;}
.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu1 .lunch-info h4,
.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu1 .lunch-info > p {padding-left:70px;}
.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu2 .lunch-info h4,
.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu2 .lunch-info > p {padding-left:46px;}

/* footer */
#footer{position:relative; background:#515151 url(../images/web/bg_footer.gif) no-repeat 50% 0;}
.btn-top{position:absolute; top:-22px; left:50%; margin-left:-33px;}
.footer-wrap{width:1130px; margin:0 auto; overflow:hidden; padding:25px 75px 100px;}
.footer-wrap .address{float:left; font-size:14px; color:#ccc; line-height:20px;}
.footer-wrap .sns{float:right; overflow:hidden; }
.footer-wrap .sns-li{float:left; overflow:hidden; }
.footer-wrap .sns-li li{float:left; margin-right:15px;}
.footer-wrap .fmaily-site{float:left; }
.footer-wrap .fmaily-site strong{display:block;  border:1px solid #e1e1e1; padding:9px 41px 8px 15px; background:url(../images/web/bg_arrow_btm.png) no-repeat 157px 50%; color:#ccc; font-size:14px; }
.footer-wrap .fmaily-site a{display:inline-block; padding:10px 22px 9px; background:#fff url(../images/web/bg_txt_bar.gif) no-repeat right 50%; color:#515151; font-size:14px;}
.footer-wrap .fmaily-site .lst{background-image:none;}

@media screen and (max-width: 700px) {
	.webonly {display:none !important; }
	.mobileonly {visibility:visible; position:static; top:0;}
	.img-only img {max-width:100%;}
	
	/* header */
	#wrap {position:relative; min-width:320px;}
	#header{background:#fff;}

	.header-wrap{width:100%; overflow:visible; box-shadow:0px 0px 4px rgba(0,0,0,0.4); padding:0; z-index:10;}
	.header-wrap h1{float:none; margin:0 auto; width:108px; height:40px; text-align:center; } 
	.header-wrap h1 img{ height:40px;}  
	.header-wrap .mobile-gnb-btn{float:none; position:absolute; right:0; top:0; height:16px; width:27px; padding:13px 16px; font-size:0; line-height:0; }
	.header-wrap .mobile-gnb-btn img{width:100%; }
	.mobile-gnb-area{position:absolute; top:0; right:0; display:none; width:280px; padding-bottom:165px; background:#414042; color:#d1d3d4; font-size:14px; }
	.mobile-gnb-area .close{display:block; padding:15px 21px; font-size:10px; border-bottom:1px solid #4d4d4d; background:#6e6e6e url(../images/mobile/btn_close.png) no-repeat 244px 14px; background-size:14px 14px; }
	.mobile-gnb-area li{overflow:hidden; background:#6e6e6e; }
	.mobile-gnb-area .sub-menu{background:#6e6e6e url(../images/mobile/btn_gnb_arrow_btm.png) no-repeat 244px 18px; background-size:15px 8px;}
	.mobile-gnb-area li a{position:relative; display:block;  border-top:1px solid #8b8b8b; border-bottom:1px solid #4d4d4d;padding:15px 21px; box-shadow:0px 1px 3px 0 rgba(0,0,0,0.5); z-index:2;}
	.mobile-gnb-area li .sub-item {display:none;}
	.mobile-gnb-area li .sub-item li{background:#414042; border:none; box-shadow:none;}
	.mobile-gnb-area li .sub-item li a{border:none; box-shadow:none;}
	.mobile-gnb-area li.active .sub-item {display:block;}
	.mobile-gnb-area li.active {background:#6e6e6e url(../images/mobile/btn_gnb_arrow_top.png) no-repeat 244px 18px; background-size:15px 8px;}
	
	.visual-area{width:auto; min-width:320px; background:url(../images/mobile/img_main_visual01.jpg) no-repeat 0 0;}
	/*.visual-area img{width:100%;}*/

	.main-cont {width:auto; padding:0 20px; margin-top:50px;}

	.main-cont h2{margin:13px 0 0; padding:0; background:url(../images/mobile/blit_txt_mobile.gif) no-repeat left 1px; background-size:9px 9px; padding-left:16px; font-size:12px; line-height:14px; text-align:left;}
	.txt-brandstory p{width: auto; padding: 0 20px; font-size: 12px; line-height: 18px; color: #b5b5b6; text-align:center;}
	.contents .txt-brandstory p,
	.main-cont .title-copy{margin-top:5px; font-size:12px; text-align:left; line-height:18px; }
	.contents .txt-brandstory p {text-align:center;}
	.main-cont.info {width:auto; margin-top:0;}
	.main-cont.info .position.head{margin:10px 0 0 0; width:auto;}
	.main-cont.info .position{float:none;}
	.main-cont.info .position strong{font-size:12px;}
	.main-cont.info .position p{margin:0; height:auto;padding-bottom:5px; }
	.main-cont.info .position span{margin-top:5px; padding-left:34px; background-size:14px 12px; background-position:13px 3px; font-size:12px; }
	.main-cont.info .position span.add{margin-top:5px; padding-left:34px; background-size:14px 12px; background-position:13px 3px; font-size:12px; }
	.main-cont.info .position span.time{margin-top:5px; padding-left:34px; background-size:14px 12px; background-position:13px 3px; font-size:12px; }
	.main-cont.info .position span.park{margin-top:5px; padding-left:34px; background-size:14px 12px; background-position:13px 3px;; font-size:12px; }
	.main-cont.info .position a{display:block; position:static; width:auto; padding:0 10px 0 10px; margin:10px 0;}
	.main-cont.info .position a img{width:100%;}
	.main-cont.info .position a.webonly {display:none;}
	.main-cont.info .position .map{width:auto;}
	.main-cont.info .position .map img{width:100%;}
	.main-cont.info .position em{margin-top:5px; font-size:12px;}
	.main-cont.info .position.chain{margin:10px 0 0 0; width: auto;}
	
	.main-cont.info .layer-popup{display:none; top:194px; left:10px; right:10px; width:auto; height:134px; padding:10px 10px; margin-right:5px;background:#fff; box-shadow:5px 3px 5px 1px rgba(0,0,0,0.5);}
	.main-cont.info .layer-popup span{padding:8px 0 0 18px; background-size:7px 10px; background-position:left 8px; font-size:12px;}
	.main-cont.info .layer-popup strong{font-size:12px; font-weight:400; }	
	.main-cont.info .layer-popup p{font-size:12px; }

	.main-cont.menu .main-menu{margin:10px -6px 0 -6px; padding:0;}
	.main-cont.menu .main-menu ul{width:100%; overflow:hidden;}
	.main-cont.menu .main-menu li{float:left; width:145px; height:132px; }
	.main-cont.menu .main-menu li img{width:100%; }

	.main-cont.news .news-area {width:auto; margin:0 -3px;}
	.main-cont.news .news-area > div{width:50%; margin:15px 0 0; padding:0 3px; box-sizing:border-box;}
	.main-cont.news .news-area > div .main-swiper-wrap {width:auto;}
	.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination{bottom:10px;}
	.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination .swiper-pagination-bullet{bottom:10px; width:11px; height:11px; background-size:11px 11px;}
	.main-cont.news .news-area > div .main-swiper-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-size:11px 11px;}
	.main-cont.news .news-area > div ul{width:auto; overflow:hidden; margin:0}
	/*.main-cont.news .news-area > div ul li{float:left; width:135px; }
	.main-cont.news .news-area > div ul li > a{display:block;}*/
	.main-cont.news .news-area > div ul li img{width:100%;}
	.main-cont.news .news-area strong{font-size:12px; background-size:6px 6px; background-position:0 2px; padding-left:10px;}
	

	.main-cont.news .sns-area{text-align:left;}
	.main-cont.news .sns-area span{font-size:12px; background-position:right 1px;}
	.main-cont.news .sns-area strong{font-size:12px;}
	.main-cont.news .sns-area a{width:25px; height:24px; padding:0 }
	.main-cont.news .sns-area a img{width:100%;}


	.main-cont.story ul{margin-top:20px;}
	.main-cont.story li{width:137px; height:210px; margin:3px 0 0 -3px; padding:0 3px;  }
	.main-cont.story li img{width:100%; }

	.cont-faq{width:auto; min-height:277px; background:url(../images/mobile/bg_faq_visual.jpg) no-repeat 0 0; background-size:cover;}
	/*.cont-faq img{width:100%;}*/
	.cont-faq .faq-contents{margin-top:-138px; padding:0 20px;}
	.cont-faq .faq-contents h2{margin:13px 0 0;background:url(../images/mobile/blit_txt_mobile.png) no-repeat left 1px; background-size:9px 9px; padding-left:16px; font-size:12px; line-height:14px; text-align:left;}
	.cont-faq .faq-contents p{margin-top:5px; font-size:12px; text-align:left; line-height:18px; }

	.cont-faq .faq-contents .faq-area{width:auto; padding:0; margin:10px auto 0; }
	.cont-faq .faq-contents .faq-area .faq-box{float:none; width:auto; margin:0; padding:15px 20px 10px;}
	.cont-faq .faq-contents .faq-area .faq-box:first-child{margin:0 0 5px 0;}
	.cont-faq .faq-contents .faq-area .faq-box strong{font-size:12px; }
	.cont-faq .faq-contents .faq-area .faq-box span{margin-top: 7px; font-size:20px;}
	.cont-faq .faq-contents .faq-area .faq-box p{font-size:12px; text-align:center;}
	.cont-faq .faq-contents .faq-area .faq-box:first-child a{padding-right:10px; background:url(../images/mobile/btn_faq_arrow.png) no-repeat right 1px; background-size:6px 9px; }

	.faq-contents{position:relative; }

	#container{padding:40px 0 0;}
	.contents{width:100%; padding:0 0 30px 0;}
	.contents h2{padding-top:20px; font-size:26px;}
	.contents > p{width:auto; padding:0 20px; font-size:12px; line-height:18px; color:#b5b5b5;}
	.contents .tab-list{width:320px; margin:22px auto 0; padding:0 20px; box-sizing:border-box;}
	.contents .tab-list li{width:92px; margin-right:4px;}
	.menu-cont .tab-list li:nth-child(2n) { margin-right:0;}
	.contents .tab-list li a{height:18px; padding:0 10px; font-size:12px; line-height:18px;}

	.contents .tab-list.company li { width:136px;}

	.tab-cont{position:relative; padding-top:28px; width:auto; }
	.visual-img-area {margin-top:25px;}
	
	/* company */
	.tab-cont .img-area{width:280px; float:none; margin:0 auto;}
	.tab-cont .img-area img{width:100%;}
	.tab-cont .txt-area{width:auto; margin-left:0;font-size:12px; }
	.tab-cont .txt-area{float:none; margin:10px 20px; width:auto; overflow:hidden;}
	.tab-cont .txt-area.bi { width:auto; margin:10px 20px;}
	.tab-cont.ceo {width:100%; padding-top:13px;}
	.tab-cont.ceo .txt-area strong{display:block; margin-top:20px; background:url(../images/mobile/blit_txt_mobile.gif) no-repeat left 0; background-size:9px 9px; padding-left:16px; font-size:12px;}
	.tab-cont.ceo .txt-area p{padding-left:0; font-size:12px;}
	.tab-cont.ceo .txt-area span, .tab-cont.ceo .txt-area p{width:100%;  font-size:12px; color:#808285; }
	.tab-cont.ceo .ceo_sign{float:right;width:94px; height:60px; padding-right:20px; }
	.tab-cont.bi {width:100%;}
	.tab-cont.bi .txt-area .txt-bi{margin-top:18px; font-size:12px; line-height: 18px; color:#808285;}
	.tab-cont.bi .img-area{position:relative; width:280px; float:none; margin:0 auto;}
	.tab-cont.bi .bi-img {width:280px; margin:0 auto;}
	.tab-cont.bi .bi-img img {width:100%;}
	.tab-cont.bi span{position:static; display:block; float:right; width:112px; height:52px; padding-right:20px;  }
	.tab-cont.bi span img{width:100%;  }
	.tab-cont.bi .bi_sign{float:right;width:127px; }
	.txt-area-space{background:url(../images/mobile/img_space03.gif) no-repeat 0 0; background-size:109px 40px; background-position:50% 0;}
	.txt-area-space strong{margin:0; font-size:12px; padding:96px 0 0 20px; width:auto; color:#000; }
	.txt-area-space span{margin:0; width:auto; padding:10px 20px 0; font-size:12px; line-height:18px; color:#808285; }
	.txt-area-space img{width:44px; height:12px; }

	.space-area{margin-top:25px; }
	.space-area .img-area-space{margin:0; width:auto; padding:0 20px;}
	.space-area .img-area-space:first-child {margin:0 0 15px 0;}
	.space-area .img-area-space img{width:100%;}
	.space-area .img-area-space p{margin-top:10px; padding-left:16px; background:url(../images/mobile/blit_txt_mobile.gif) no-repeat left 8px; background-size:9px 9px; font-size:12px; color:#000; text-align:left; }
	.space-area .img-area-space span{color:#b5b5b6; font-size:12px; }
	

	/* brand */
	.contents .tab-list.brand{width:280px; margin:10px auto 0; padding:0;}
	.contents .tab-list.brand li{width:138px; margin-top:4px;}
	.contents .tab-list.brand li.lst{margin-right:0;}
	.contents .tab-list.brand .no-mg{margin-right:0px;}

	.brand-text {width:280px; margin:0 auto; padding:0;}
	.brand-title {font-size:12px; line-height:18px;}
	.brand-copy {margin-top:19px; font-size:12px; line-height:18px; color:#808285;}
	.brand-img-list {width:282px; margin:15px auto 0;}
	.brand-img-list > li {width:138px; padding:1px;}
	.brand-img-list > li img {width:100%;}

	.brand-area1 .brand-text {text-align:left;}

	.brand-area2 .brand-text {float:none; width:280px; padding-top:0;}
	.brand-area2 .brand-title {padding:0;}
	.brand-area2 .brand-title > span {display:inline; padding-left:0;}
	.brand-area2 .brand-copy {width:auto; text-align:left;}
	.brand-area2 .brand-img-list {width:296px; margin-top:15px; padding:0;}
	.brand-area2 .brand-img-list > li {width:67px; padding:0 3px 0 4px;}

	.brand-area3 .brand-text {text-align:left;}
	.brand-area3 .brand-img-list {width:282px;}
	.brand-area3 .brand-img-list > li {width:137px; padding:2px;}

	.brand-area4 .brand-text {text-align:left;}
	.brand-area4 .brand-menu-list {width:280px; margin:-15px auto 0;}
	.brand-area4 .brand-menu-list > li {position:relative; float:none; width:100%; padding:29px 0 0; text-align:left;}
	.brand-area4 .brand-menu-list > li .brand-menu-title {position:absolute; top:142px; left:0; right:0; font-size:12px; line-height:18px; text-align:center;}
	.brand-area4 .brand-menu-list > li img {width:100%;}
	.brand-area4 .brand-menu-list > li .brand-menu-info {margin-top:35px; font-size:12px; line-height:18px; color:#808285;}
	.brand-area4 .brand-menu-list > li .brand-menu-info > strong {display:block; margin-bottom:0; font-size:12px;}

	/* menu */
	.menu-cont .tab-cont {overflow:visible; width:280px; margin:0 auto;}
	.menu-cont .tab-list li { width:138px; margin-top:4px;}
	.menu-title {margin-top:0; padding-left:16px; background:url(../images/mobile/blit_txt_mobile.gif) no-repeat 0 2px; background-size:9px 9px; font-size:12px; line-height:16px; text-align:left;}

	.menu-cont .menu-info {margin-top:0;}
	.menu-cont .menu-info .menu-img {float:none; width:100%; padding-top:0;}
	.menu-cont .menu-info .menu-img img {width:100%;}
	.menu-cont .menu-info .menu-text {margin-left:0;}
	.menu-cont .menu-info .menu-text > strong {margin-top:11px; padding-left:16px; background:url(../images/mobile/blit_txt_mobile4.gif) no-repeat 0 3px; background-size:9px 9px; font-size:12px; line-height:18px;}
	.menu-cont .menu-info .menu-text .menu-copy {margin-top:4px; padding-left:0; font-size:12px; line-height:18px; color:#666;}
	.menu-cont .menu-info .menu-text .menu-text-list {margin-top:7px; padding-left:0;}
	.menu-cont .menu-info .menu-text .menu-text-list > li {font-size:12px; line-height:18px; color:#666;}
	.menu-cont .menu-info + .menu-title {margin-top:20px;}
	.menu-cont .menu-old-list {overflow:visible; margin:17px 0 0;}
	.menu-cont .menu-old-list > li {float:none; width:100%; padding:0 0 22px; font-size:12px; line-height:18px; color:#808285; text-align:left;}
	.menu-cont .menu-old-list > li .menu-old-title {padding:15px 0 0; font-size:12px; line-height:22px; color:#000;}
	.menu-cont .menu-old-list > li .menu-old-title > strong {display:inline-block; margin-left:-8px; padding:0 8px;}
	.menu-cont .menu-old-list > li.old-list1 .menu-old-title > strong {background-size:22px 22px;}
	.menu-cont .menu-old-list > li.old-list2 .menu-old-title > strong {background-size:22px 22px;}
	.menu-cont .menu-old-list > li.old-list3 .menu-old-title > strong {background-size:22px 22px;}
	.menu-cont .menu-milano-list {margin:0;}
	.menu-cont .menu-milano-list > li {float:none; width:100%; padding:21px 0 0; font-size:12px; line-height:18px; color:#808285; text-align:left;}
	.menu-cont .menu-milano-list > li > strong {margin:10px 0 0; font-size:12px; line-height:18px;}
	.menu-cont .special-menu-list {width:100%; margin:0;}
	.menu-cont .special-menu-list > li {float:none; width:100%; height:auto; padding:0 0 38px !important;}
	.menu-cont .special-menu-list > li .special-img {position:relative; top:0 !important; left:0 !important; right:0 !important;}
	.menu-cont .special-menu-list > li .special-img img {width:100%;}
	.menu-cont .special-menu-list > li .special-info h4 {padding-left:16px !important; background:url(../images/mobile/blit_txt_mobile4.gif) no-repeat 0 3px; background-size:9px 9px; font-size:12px; line-height:18px;}
	.menu-cont .special-menu-list > li .special-info h4 > span {font-size:12px; line-height:18px; color:#808285;}
	.menu-cont .special-menu-list > li .special-info > p {border-top:0; font-size:12px; line-height:18px; color:#808285;}
	.menu-cont .special-menu-list > li.special-menu1 .special-info h4,
	.menu-cont .special-menu-list > li.special-menu1 .special-info > p,
	.menu-cont .special-menu-list > li.special-menu2 .special-info h4,
	.menu-cont .special-menu-list > li.special-menu2 .special-info > p,
	.menu-cont .special-menu-list > li.special-menu3 .special-info h4,
	.menu-cont .special-menu-list > li.special-menu3 .special-info > p,
	.menu-cont .special-menu-list > li.special-menu4 .special-info h4,
	.menu-cont .special-menu-list > li.special-menu4 .special-info > p {padding:0; text-align:left;}
	.menu-cont .lunch-menu {padding-top:432px; background-position:50% 0; background-size:280px auto;}
	.menu-cont .lunch-menu .lunch-menu-list {padding:39px 0 0;}
	.menu-cont .lunch-menu .lunch-menu-list > li {position:relative; height:auto; padding:0 0 38px !important;}
	.menu-cont .lunch-menu .lunch-menu-list > li .lunch-img {position:relative;}
	.menu-cont .lunch-menu .lunch-menu-list > li .lunch-img img {width:100%;}
	.menu-cont .lunch-menu .lunch-menu-list > li .lunch-info h4 {padding-left:16px !important; background:url(../images/mobile/blit_txt_mobile4.gif) no-repeat 0 3px; background-size:9px 9px; font-size:12px; line-height:18px;}
	.menu-cont .lunch-menu .lunch-menu-list > li .lunch-info h4 > span {font-size:12px; line-height:18px; color:#808285;}
	.menu-cont .lunch-menu .lunch-menu-list > li .lunch-info > p {border-top:0; font-size:12px; line-height:18px; color:#808285;}
	.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu1 {width:100%; padding-left:0;}
	.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu2 {width:100%; margin-left:0; padding-left:0;}
	.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu1 .lunch-img,
	.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu2 .lunch-img {top:0; left:0;}
	.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu1 .lunch-info h4,
	.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu1 .lunch-info > p,
	.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu2 .lunch-info h4,
	.menu-cont .lunch-menu .lunch-menu-list > li.lunch-menu2 .lunch-info > p {padding-left:0;}

	/* footer */
	#footer{background-size:auto 100%;}
	.btn-top{top:-12px; width:33px; height:33px; margin-left:-12px;}
	.btn-top img{width:100%; }
	.footer-wrap{width:320px; margin:0 auto; overflow:hidden; padding:17px 20px 19px; box-sizing:border-box;}
	.footer-wrap .address{float:left; font-size:14px; color:#ccc; line-height:20px;}
	.footer-wrap .sns{float:none; padding:0; margin:0 auto; }
	.footer-wrap .sns-li{margin-right:15px; }
	.footer-wrap .sns-li li{width:21px; height:21px; margin-right:5px;}
	.footer-wrap .sns-li li img{width:100%;}
	.footer-wrap .fmaily-site strong{padding:3px 26px 2px 13px; background-position:140px 50%; background-size:8px 6px; font-size:12px; }
	.footer-wrap .fmaily-site a{padding:3px 15px 2px; font-size:12px; background-size:1px 10px;}
	#footer .footer-wrap .address{float:none; margin:12px auto 0; font-size:12px; line-height:15px;}
}