@charset "utf-8";

/* ===========================================================
 default
=========================================================== */
p{margin:0 0 15px 0;padding:0;}
a{color:#ad2626;text-decoration:none;}
a:hover{color:#ad2626;text-decoration:underline;}

/*h1*/
h1{position:relative;font-size:3.286rem;line-height:1.2;color:#ad2626;padding:0;margin:65px auto 50px;font-weight:500;text-align:center;}
h1 .eng{font-family:'Century','serif';color:#111;line-height:1;}
h1 .sub{display:block;padding-top:15px;font-size:1.143rem;}
.PagetitlePane h1{font-family: "century",serif;padding:65px 0 60px;margin: 0 auto;background-color:rgb(241, 237, 234);}
/*h2 - default*/
h2{margin:90px auto 25px;padding:0 0 10px;position:relative;font-size:2rem;color:#111;text-align:left;letter-spacing:0.1em;}
h2::before{content:'';display:block;position:absolute;bottom:0;left:0;margin:auto;width:2%;min-width:50px;height:3px;background-color: #cb2828;}
/*h2 - center*/
h2.centered{text-align:center;}
h2.centered::before{left:0;right:0;}
/*h2 - another*/
h2.another{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:center;align-content:center;margin-bottom:30px;padding:0;font-weight:500;letter-spacing:normal;text-align:center;}
h2.another .eng{font-family:'Century','serif';font-size:2.714rem;color:#111;line-height:1;padding:10px 84px;background-image:url(/Portals/0/images/common/bg_h2_left.png),url(/Portals/0/images/common/bg_h2_right.png);background-position:left top,right top;background-repeat:no-repeat,no-repeat;}
h2.another .sub{display:block;padding:10px 0 0;font-size:1rem;color:#ad2626;}
h2.another::before{display:none;}
/*h2 - another white*/
h2.another.white .eng{color:#fff;background-image:url(/Portals/0/images/common/bg_h2_left_white.png),url(/Portals/0/images/common/bg_h2_right_white.png);background-position:left top,right top;background-repeat:no-repeat,no-repeat;}
h2.another.white .sub{color:#fff;}
/*h3 - h6*/
h3{position:relative;margin:35px auto 25px;padding:0 0 0 20px;font-size:1.571rem;color:#111;}
h3::before{content:'';display:block;position:absolute;top:2px;left:0;margin:auto;width:4px;height:20px;background-color:#ad2626;}
h4{margin:35px auto 25px;padding:0 0 12px 8px;border-bottom:1px dotted #111;font-size:1.429rem;color:#111;}
h5{margin:35px auto 20px;padding:0 0 0 15px;position:relative;font-size:1.286rem;}
h5::before{content:'';display:block;position:absolute;top:3px;left:0;margin:auto;width:3px;height:10px;background-color:#111;}
h6{margin:25px auto 15px;padding:0;position:relative;font-size:1.143rem;}

/*_Index only*/
._Index h2.another{margin-top:0;}

/* ===========================================================
 base
=========================================================== */
/* table
------------------------------ */
.tableBasic{max-width:100%;margin:0 0 2em;border:none;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-spacing:0;border-collapse:collapse;}
.tableBasic.full{width:100%;}
.tableBasic.fixed{table-layout:fixed;}
.tableBasic > tbody > tr > th,
.tableBasic > tbody > tr > td{padding:0.5em 1em;border-top:1px solid #ccc;border-left:1px solid #ccc;text-align:left;}
.tableBasic > tbody > tr > th{background-color:#111;color:#fff;font-weight:500;}
/* shrink */
.tableBasic.shrink > tbody > tr > th,
.tableBasic.shrink > tbody > tr > td{padding:0.05em 0.25em;}
/* bulge */
.tableBasic.bulge > tbody > tr > th,
.tableBasic.bulge > tbody > tr > td{padding:1em 1.5em;}

/*--- cell ---*/
/* fixed */
th.fixed,
td.fixed{width:300px;}
/* color */
th.colored{background-color:#820606;}
td.colored{background-color:rgba(0,0,0,0.05);}
/* empty */
th.emptyCell,
td.emptyCell{border:none !important;background:none !important;}
/* nowrap */
th.nowrap,
td.nowrap{white-space:nowrap;}
/* headwidth */
.tableBasic.headSmall th{width:15%;}
.tableBasic.headLarge th{width:25%;}
.tableBasic.headLargest th{width:35%;}

/* linkBtn
------------------------------ */
a.linkBtn,
.linkBtn a{display:inline-block;position:relative;padding:0.75em 1em 0.75em 36px;background-color:#fff;color:#111;text-decoration:none;border:1px solid #111;transition:background-color 0.25s ease-out,color 0.25s ease-out;}
a.linkBtn::before,
.linkBtn a::before{content:'';display:block;position:absolute;top:0;bottom:0;left:15px;margin:auto;width:14px;height:1px;background-color:#cb2828;}
a.linkBtn:hover,
.linkBtn a:hover{text-decoration:none;background-color:#111;color:#fff;opacity:1;}
/* shrink */
a.linkBtn.shrink,
.linkBtn.shrink a{padding:0.4em 0.85em 0.4em 36px;}
/* bulge */
a.linkBtn.bulge,
.linkBtn.bulge a{padding:1.25em 1.25em 1.25em 40px;font-size:121.4%;}
/* full */
a.linkBtn.full,
.linkBtn.full a{display:block;}

/* linkTxt
------------------------------ */
a.linkTxt,
.linkTxt a{display:inline-block;position:relative;padding:0 36px 0 0;text-decoration:none;transition:none;background:url(/Portals/0/images/common/bg_arrow_red.png) right 12px top 2px no-repeat transparent;background-size:6px 12px;}
a.linkTxt:before,
.linkTxt a:before{display:none;}
a.linkTxt:hover,
.linkTxt a:hover{text-decoration:underline;opacity:1;}

/* full */
a.linkTxt.full,
.linkTxt.full a{display:block;}

/* linkInpage
------------------------------ */
a.linkInpage,
.linkInpage a{display:inline-block;position:relative;padding:0.75em 15%;background:url(/Portals/0/images/common/bg_arrow_anc.png) right 10% center no-repeat #fff;background-size:12px 6px;color:#111;text-decoration:none;border:1px solid #111;transition:background-color 0.25s ease-out,color 0.25s ease-out;text-align:center;}
a.linkInpage:before,
.linkInpage a:before{display:none;}
a.linkInpage:hover,
.linkInpage a:hover{background-color:#111;color:#fff;text-decoration:none;opacity:1;}
/* shrink */
a.linkInpage.shrink,
.linkInpage.shrink a{padding:0.4em 15%;}
/* bulge */
a.linkInpage.bulge,
.linkInpage.bulge a{padding:1em 15%;font-size:121.4%;}
/* full */
a.linkInpage.full,
.linkInpage.full a{display:block;}
/* linkInpage + layoutItem */
ul.layoutItem.linkInpage a{display:flex;width:100%;height:100%;align-items:center;padding-left:15px;padding-right:52px;background-position:right 24px center;}

/* boxBordered && boxColored
------------------------------ */
.boxBordered{border:1px solid #555;}
.boxBordered.boxRed{border-color:#cb2828;}
.boxColored{background-color:#eeebe3;}

/* font-size
------------------------------ */
.txtSmall{font-size:0.857em;}
.txtLarge{font-size:1.143em;}
.txtLLarge{font-size:1.286em;}

/* font-weight
------------------------------ */
.txtBold{font-weight:700;}

/* ulPaging
------------------------------ */
ul.ulPaging{display:flex;padding:15px 0 0;flex-wrap:wrap;justify-content:center;align-items:flex-start;}
ul.ulPaging li{display:block;width:40px;height:40px;margin:0 4px;padding:0;border:1px solid #111;line-height:1;}
ul.ulPaging li a{display:flex;width:100%;height:100%;padding:0;border:none;border:none;background-color:#fff;color:#111;text-decoration:none;transition:all 0.25s ease-out;justify-content:center;align-items:center;}
ul.ulPaging li:hover{border:1px solid #cb2828;}
ul.ulPaging li:hover a{border:none;background-color:#cb2828;}

ul.ulPaging li.Current{display:flex;padding:0;border:1px solid #cb2828;background-color:#cb2828;color:#fff;font-weight:500;justify-content:center;align-items:center;}
ul.ulPaging li.Next,
ul.ulPaging li.Prev{width:60px;}

/* layoutItem
------------------------------ */
.layoutItem.col2 > *,
.layoutItem.col3 > *,
.layoutItem.col4 > *,
.layoutItem.col5 > *,
.layoutItem.col6 > *,
.layoutItem.col7 > *,
.layoutItem.col8 > *{margin-bottom:2rem;}
.layoutItem.col2 > li,
.layoutItem.col3 > li,
.layoutItem.col4 > li,
.layoutItem.col5 > li,
.layoutItem.col6 > li,
.layoutItem.col7 > li,
.layoutItem.col8 > li{margin-bottom:1rem;}
.layoutItem.col2.bottomWide > li,
.layoutItem.col3.bottomWide > li,
.layoutItem.col4.bottomWide > li,
.layoutItem.col5.bottomWide > li,
.layoutItem.col6.bottomWide > li,
.layoutItem.col7.bottomWide > li,
.layoutItem.col8.bottomWide > li{margin-bottom:2.5rem;}

/*========================================================
 common
========================================================*/
/* headerLink
------------------------------ */
.headerLink{padding-top:43px;}
.headerLink ul,
.headerLink ul li{margin:0;padding:0;list-style:none;}
.headerLink ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.headerLink ul li{width:35px;}
.headerLink ul li a,
.headerLink ul li span{display:block;width:35px;height:35px;transition:opacity 0.25s ease-out;}
.headerLink ul li a{display:flex;justify-content:center;align-items:center;}
.headerLink ul li a:hover{opacity:0.7;}
.headerLink ul li.searchBtn span{position:relative;background-color:#cb2828;cursor:pointer;transition:background-color 0.25s ease-out;}
.headerLink ul li.searchBtn span:hover{background-color:#e24d4d;}
.headerLink ul li.searchBtn.active span{background-color:#e24d4d;}
.headerLink ul li.searchBtn span::before{content:'';display:block;position:absolute;top:10px;left:10px;margin:auto;width:12px;height:12px;border-radius:6px;background-color:transparent;border:2px solid #fff;}
.headerLink ul li.searchBtn span::after{content:'';display:block;position:absolute;top:21px;left:19px;margin:auto;width:6px;height:3px;transform:rotate(45deg);background-color: #fff;}

/* footerLink
------------------------------ */
.bigfooter{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:70px 100px;}
.bigfooter .left{width:708px;}
.bigfooter .right{width:200px;}
.bigfooter ul,
.bigfooter ul li{margin:0;padding:0;list-style:none;}
.bigfooter ul li a{color:#fff;display:inline-block;line-height:1;}
/*left*/
.bigfooter .left>ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.bigfooter .left>ul>li{width:33%;}
.bigfooter .left>ul>li>a{font-size:1.286em;font-weight:700;}
.bigfooter .left>ul>li>ul{padding:25px 0 0;}
.bigfooter .left>ul>li>ul>li{margin-bottom:15px;}
.bigfooter .left>ul>li>ul>li>a{padding:0 0 0 0.8em;position:relative;line-height:1.2;}
.bigfooter .left>ul>li>ul>li>a::before{content:'';display:block;position:absolute;top:0.5em;left:0;margin:auto;width:4px;height:1px;background-color:#cb2828;}
/*right*/
.bigfooter .right ul.linkList>li{margin-bottom:22px;}
.bigfooter .right ul.linkList>li>a{font-size:1.286em;font-weight:700;}
.bigfooter .right ul.snsList{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;}
.bigfooter .right ul.snsList>li{margin-right:20px;}
.bigfooter .right ul.snsList>li>a{transition:opacity 0.25s ease-out;}
.bigfooter .right ul.snsList>li>a:hover{opacity:0.7;}

/* megamenu
------------------------------ */
.megamenuWrap{position:absolute;z-index:6;width:100%;left:0;right:0;margin:auto;padding:0;}
.megamenuWrap .megaContent{display:none;padding:25px 0 50px;background-color:rgba(255,255,255,0.95);box-shadow:0px 2px 2px rgba(0, 0, 0, 0.2);}
.megamenuWrap h2{position:relative;margin:0 auto 35px;padding:0 0 15px;color:#111;font-size:1.571em;line-height:1;text-align:center;letter-spacing:normal;font-weight:500;}
.megamenuWrap h2::before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;margin:auto;width:20px;height:2px;min-width: 0;}
.megamenuWrap ul,
.megamenuWrap ul li{margin:0;padding:0;list-style:none;text-align:center;}
.megamenuWrap ul li a{color:#111;transition:color 0.25s ease-out,opacity 0.25s ease-out;}
.megamenuWrap ul li a:hover{text-decoration:none;color:#ad2626;}
/*horizon*/
.megamenuWrap ul.horizon li{display:inline-block;margin:0 2em 1em;}
.megamenuWrap ul.horizon li a{display:block;position:relative;padding-left:13px;}
.megamenuWrap ul.horizon li a::before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;margin:auto;width:4px;height:1px;background-color:#cb2828;}
/*listBrand*/
.megamenuWrap .listBrand{padding:0 35px;}
.megamenuWrap .listBrand .text{padding:10px 0 0;}
.megamenuWrap .listBrand .text a{display:inline-block;position:relative;padding-left:13px;color:#111;}
.megamenuWrap .listBrand .text a::before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;margin:auto;width:4px;height:1px;background-color:#cb2828;}

/* search
------------------------------ */
.mainArea .SearchResultsLink a.CommandButton{display:inline-block;background:none no-repeat #fff;font-size:1rem;padding:10px;text-decoration:none;border:1px solid #111;color:#111;border-radius:0;transition:background-color 0.25s ease-out,color 0.25s ease-out;}
.mainArea .SearchResultsLink a.CommandButton:hover{background-color:#111;color:#fff;}

/* sideNav
------------------------------ */
.sideNav ul,
.sideNav li{margin:0;padding:0;list-style:none;}
.sideNav li a{display:inline-block;position:relative;color:#111;text-decoration:none;}
.sideNav li a:hover,
.sideNav li a.currentLink{text-decoration:none;color:#cb2828;}
/*1st*/
.sideNav>ul>li>a{display:none;}
/*2nd*/
.sideNav>ul>li>ul>li{display:none;margin-bottom:2.5rem;}
.sideNav>ul>li>ul>li.currentItem,
.sideNav>ul>li>ul>li.parentItem{display:block;}
.sideNav>ul>li>ul>li>a{padding-left:15px;font-size:1.286em;line-height:1.2;font-weight:700;}
.sideNav>ul>li>ul>li>a::before{content:'';display:block;position:absolute;top:10px;left:0;margin:auto;width:5px;height:2px;background-color:#cb2828;}
/*3rd*/
.sideNav>ul>li>ul>li>ul{padding-top:2.5rem;}
.sideNav>ul>li>ul>li>ul>li{margin-bottom:2.5rem;}
.sideNav>ul>li>ul>li>ul>li>a{padding-left:15px;font-size:1.143em;line-height:1.2;font-weight:500;}
.sideNav>ul>li>ul>li>ul>li>a::before{content:'';display:block;position:absolute;top:10px;left:0;margin:auto;width:5px;height:1px;background-color:#cb2828;}
/*4th*/
.sideNav>ul>li>ul>li>ul>li ul{padding-left:20px;padding-top:1.25rem;}
.sideNav>ul>li>ul>li>ul>li ul li{margin-bottom:1.25rem;}
.sideNav>ul>li>ul>li>ul>li ul li a{padding-left:15px;font-size:1em;line-height:1.2;font-weight:500;}
.sideNav>ul>li>ul>li>ul>li ul li a::before{content:'';display:block;position:absolute;top:10px;left:0;margin:auto;width:4px;height:1px;background-color:#cb2828;}

/* newsCategoryLink
------------------------------ */
.newsCategoryLink ul,
.newsCategoryLink li{margin:0;padding:0;list-style:none;}
.newsCategoryLink li a{display:inline-block;position:relative;color:#111;text-decoration:none;}
.newsCategoryLink li a:hover,
.newsCategoryLink li a.currentLink{text-decoration:none;color:#cb2828;}
/*1st*/
.newsCategoryLink ul:first-of-type >li{margin-bottom:2.5rem;}
.newsCategoryLink ul:first-of-type >li>a{padding-left:15px;font-size:1.286em;line-height:1.2;font-weight:700;}
.newsCategoryLink ul:first-of-type >li>a::before{content:'';display:block;position:absolute;top:10px;left:0;margin:auto;width:5px;height:2px;background-color:#cb2828;}
/*2nd*/
.newsCategoryLink ul:first-of-type >li>ul{padding-top:2.5rem;}
.newsCategoryLink ul:first-of-type >li>ul>li{margin-bottom:2.5rem;}
.newsCategoryLink ul:first-of-type >li>ul>li>a{padding-left:15px;font-size:1.143em;line-height:1.2;font-weight:500;}
.newsCategoryLink ul:first-of-type >li>ul>li>a::before{content:'';display:block;position:absolute;top:10px;left:0;margin:auto;width:5px;height:1px;background-color:#cb2828;}


/*========================================================
 index
========================================================*/
/* kv
------------------------------ */
.kvWrap{position:relative;margin:0 auto;width:100%;max-width:1600px;padding:0 0 350px;background:url(/Portals/0/images/index/kv/bg_kv_city.png) center bottom no-repeat transparent;z-index:-1;}
.kvWrap .catchcopy{position:absolute;left:0;top:20%;margin:auto;width:48%;z-index:1;}
.kvWrap .catchcopy img{display:block;width:100%;}
.kvWrap .mainImage{position:relative;display:block;margin:0 0 0 auto;width:68.75%;max-width:1100px;}
.kvWrap .mainImage img{display:block;width:100%;}
.kvWrap .mainImage .scroller{width:15px;height:286px;position:absolute;bottom:0;right:40px;opacity:1;transition:all 0.25s ease-out;}
.scrollActive .kvWrap .mainImage .scroller{bottom:40px;opacity:0;}

/* introductionBrand
------------------------------ */
.introductionBrandWrap{position:relative;border:3px solid #111;padding:75px 35px 35px;margin:70px auto 0;}
.introductionBrandWrap::before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:calc(100% - 10px);height:calc(100% - 10px);border:1px solid #111;z-index:-1;}
/*title*/
.introductionBrandWrap h2.another{margin-top:0;}
.introductionBrandWrap .titleBg{position:absolute; background-color:#fff;top:-33px;left:0;right:0;margin:auto;width:720px;}
.introductionBrandWrap .titleBg h2.another{margin-bottom:0;}
.introductionBrandWrap .titleBg h2.another .eng{padding-left:35px;padding-right:35px;background-image:url(/Portals/0/images/common/bg_intro_left.png),url(/Portals/0/images/common/bg_intro_right.png);}
/*listBrand*/
.listBrand{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
.listBrand .left{width:250px;}
.listBrand .right{width:882px;position:relative;}
.listBrand ul,
.listBrand ul li{margin:0;padding:0;list-style:none;}
.listBrand ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;}
.listBrand .left ul li{width: 250px;}
.listBrand .right ul li{width:210px;}
.listBrand ul li p{margin:0 auto;padding:0;}
.listBrand ul li a{display:block;color:#111;transition:color 0.25s ease-out,opacity 0.25s ease-out;}
.listBrand ul li a:hover{text-decoration:none;color:#ad2626;}
.listBrand ul li a img{display:block;width:100%;}
.listBrand ul li{margin-left:14px;}
.listBrand ul li:first-of-type{margin-left:0;}
.listBrand .image a:hover{opacity:0.7;}
.listBrand .text{text-align:center;}
.listBrand .shopname{display:block;font-size:1.286em;line-height:1;letter-spacing:0.1em;font-weight:bold;padding: 15px 0 5px;}
.listBrand .sub{display:block;font-size:0.714em;}
.listBrand .right .others{position:absolute;width:100%;background-color:rgba(0,0,0,0.7);color:#fff;font-size:0.714em;line-height:1;padding:4px 0;text-align:center;margin: 0;top: 140px;z-index: 1;}

/* brandTopics
------------------------------ */
.brandTopics{padding:90px 0 75px;}
.brandTopics .carouselIndex,
.brandTopics .carouselIndex > div{margin:0;padding:0;list-style:none;}
.brandTopics .carouselIndex{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;}
.brandTopics .carouselIndex > div{width:280px;background-color:#fff;margin-left:40px;}
.brandTopics .carouselIndex > div:first-of-type{margin-left:0;}
.brandTopics .carouselIndex > div .image{margin:0;padding:0;}
.brandTopics .carouselIndex > div .image:empty{height:200px;background-color:#eee;position:relative;}
.brandTopics .carouselIndex > div .image:empty::before{content:'NoImage';display:flex;justify-content:center;align-items:center;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100%;height:200px;font-size:1.500em;color:#999;}
.brandTopics .carouselIndex > div .image a,
.brandTopics .carouselIndex > div .image img{display:block;}
.brandTopics .carouselIndex > div .image a{transition:opacity 0.25s ease-out;}
.brandTopics .carouselIndex > div .image a:hover{opacity:0.7;}
.brandTopics .carouselIndex > div .text{padding:30px 20px;}
.brandTopics .carouselIndex > div .text .category{margin:0 0 20px;padding:0;}
.brandTopics .carouselIndex > div .text .category span{display:inline-block;padding:2px 10px;color:#fff;background-color:#917b6a;}
.brandTopics .carouselIndex > div .text a{display:block;color:#111;transition:color 0.25s ease-out;}
.brandTopics .carouselIndex > div .text a:hover{display:block;color:#ad2626;text-decoration:none;}
.brandTopics .carouselIndex > div .text .title{font-size:1.143em;font-weight:700;color:}
.brandTopics .carouselIndex > div .text .detail{margin-bottom:25px;}

.brandTopicsList{position:relative;}
/*moreBtn*/
.brandTopicsList .moreBtn{position:absolute;right:0;top:-45px;width:112px;}
.moreBtn a{position:relative;display:block;padding:0 0 0 20px;width:112px;font-size:1.286em;line-height:1;color:#111;text-align: right;transition:color 0.25s ease-out;}
.moreBtn a:hover{color:#ad2626;text-decoration:none;}
.moreBtn a::before{content:'';display:block;position:absolute;top:0;bottom:0;left:0;margin:auto;width:16px;height:12px;background-color:transparent;padding:0;border-top:2px solid #cb2828;border-bottom:2px solid #cb2828;}
.moreBtn a::after{content:'';display:block;position:absolute;top:0;bottom:0;left:0;margin:auto;width:16px;height:2px;background-color:#cb2828;padding:0;}
.moreBtn.alignRight a{margin-left:auto;}

/* instagram
------------------------------ */
.instagramWrap{padding-top:90px;}
.instagramWrap ul,
.instagramWrap ul li{margin:0;padding:0;list-style:none;}
.instagramWrap .listProduct ul li{background-color:transparent;margin-bottom:40px;}
.instagramWrap .listProduct ul li p.image a{display:block;transition:opacity 0.25s ease-out;}
.instagramWrap .listProduct ul li p.image a:hover{opacity:0.7;}
.instagramWrap .listProduct ul li p.text{padding:20px 0;}
.instagramWrap .listProduct ul li p.text a{display:inline-block;font-size:1.143em;color:#fff;padding-right:20px;background:url(/Portals/0/images/common/ico_file_external_white.png) right 0 top 0 no-repeat transparent;}

/* topicsWrap
------------------------------ */
.topicsWrap .inner{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:stretch;}
.pcView .topicsWrap .inner::before{content:'';display:block;position:absolute;bottom:0;left:0;right:0;margin:auto;width:1px;height:90%;background-color:#aaa;}
.topicsWrap .inner .leftArea,
.topicsWrap .inner .rightArea{width:560px;}

/* twitter */
.twitterWidget{padding:90px 0 85px;}

/* bannerBottom
------------------------------ */
.bannerBottom ul,
.bannerBottom ul li{margin:0;padding:0;list-style:none;}
.bannerBottom ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:50px 0;}
.bannerBottom ul li{width:600px;margin:0 0 20px;background-color:#fff;}
.bannerBottom ul li:nth-last-child(-n+2){margin-bottom:0;}
.bannerBottom ul li a{display:block;transition:opacity 0.25s ease-out;}
.bannerBottom ul li a:hover{opacity: 0.7;}
.bannerBottom ul li a img{display:block;width:100%;}

/*========================================================
 newsList
========================================================*/
.newsList ul,
.newsList ul li{margin:0;padding:0;list-style:none;}
.newsList ul li a{color:#111;}
.newsList ul li{margin:0 auto 15px;padding:0 0 15px;border-bottom:1px solid #aaa;}
.newsList .newsTitle{margin:0 auto;padding:0;font-size:1.143em;}
.newsList .moreBtn a{margin:0 0 0 auto;}

.dateIcon{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;padding-bottom:15px;}
.dateIcon > span{display:inline-block;margin-right:15px;font-size:0.929em;}
.dateIcon .category{display:inline-block;padding:2px 10px;color:#fff;text-align:center;background-color:#917b6a;min-width:124px;width:auto;}

/*========================================================
 newsListIndex
========================================================*/
.newsList.newsIndexList{padding:90px 0 85px;}

/*========================================================
 newsLowerList
========================================================*/
.newsList.newsLowerList ul li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.newsList.newsLowerList ul li .left{width:120px;}
.newsList.newsLowerList ul li .left:empty{position:relative;height:80px;background-color:#eee;}
.newsList.newsLowerList ul li .left:empty::before{content:"NoImage";display:block;position:absolute;text-align:center;height:1rem;margin:auto;top:0;right:0;bottom:0;left:0;font-size:1rem;line-height:1;color:#999;}
.newsList.newsLowerList ul li .left a{display:block;}
.newsList.newsLowerList ul li .left img{display:block;width:100%;}
.newsList.newsLowerList ul li .right{width:calc(100% - 150px);}

/*========================================================
 inquiryform
========================================================*/
.questionnaire-form{width:100%;margin:0 0 2em;padding:0;border:none;max-width:100%;border-spacing:0;border-collapse:collapse;}
.questionnaire-form td{width:100%;}
.questionnaire-form td.SubHead{font-weight:bold;font-size:128%;}
.questionnaire-form table{width:100%;margin:1em 0 0;padding:0;border:none;max-width:100%;border-spacing:0;border-collapse:collapse;table-layout:fixed;}
.questionnaire-form td tr{border-bottom:1px solid #ccc;}
.questionnaire-form td tr table{margin:0;}
.questionnaire-form td tr tr{border-bottom:none;}
.questionnaire-form td td{padding:.5em .5em;}
.questionnaire-form td td.SubHead{width:14em;padding:.5em .5em;background-color:#f2f2f2;font-size:inherit;}
.questionnaire-form .FieldValue{padding:10px 15px 10px 15px;border-top:none;border-bottom:#dbdbdb dotted 1px;border-left:none;color:#000;}
.questionnaire-form .FieldTitle .NormalBold{color:#000;font-weight:normal;}
.questionnaire-form .btnSearchZipCode{margin:0 0 0 10px;padding:3px 20px;border:none;border:1px solid #ccc;background:#f6f6f6;}
.questionnaire-form .btnSearchZipCode:hover,
.questionnaire-form .btnSearchZipCode:focus{background:#eee;}
.questionnaire-form table p{margin:.5em 0 0;font-size:90%;}
.questionnaire-form input[type='text'],
.questionnaire-form textarea,
.questionnaire-form select{margin:0;padding:3px 3px 3px 3px;border:1px solid #ccc;border-radius:0;outline:none;}
.questionnaire-form textarea{display:inline-block;vertical-align:bottom;}
.questionnaire-form select{padding-right:20px;}
.questionnaire-form input[type='text']:focus,
.questionnaire-form textarea:focus,
.questionnaire-form select:focus{box-shadow:rgba(204,204,204,.5) 0 0 8px 0;}
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]{margin:0 10px;padding:8px 40px;border:none;border:1px solid #ccc;background:#f6f6f6;}
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]:hover,
div[id$="ViewMailForm_pnlInput"] div input[type="submit"]:focus{background:#eee;}

/*========================================================
 shop - template
========================================================*/
/* shopKv
---------------------------------------*/
.shopKv{position:relative;padding:0;margin:0 auto;}
.shopKv img{display:block;width:100%;}

/* topAnchorLink
---------------------------------------*/
.topAnchorLink{padding:40px 0;}
.topAnchorLink ul,
.topAnchorLink ul li{margin:0;padding:0;list-style:none;}
.topAnchorLink ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.topAnchorLink ul li{width:33.2%;}
.topAnchorLink ul li a{display:flex;justify-content:center;align-items:center;padding:0 20px;height:65px;width:100%;text-align:center;font-family:'Century','serif';font-size:1rem;line-height:1;transition:opacity 0.25s ease-out;}
.topAnchorLink ul li a:hover{opacity:0.7;text-decoration:none;}
/*col2*/
.topAnchorLink.col2 ul li:nth-child(1) a{border:1px solid #111;color:#111;background:url(/Portals/0/images/common/bg_arrow_anc.png) right 15px center no-repeat #fff;background-size:12px 6px;}
.topAnchorLink.col2 ul li:nth-child(2) a{color:#fff;background:url(/Portals/0/images/common/bg_arrow_anc_white.png) right 15px center no-repeat #cb2828;background-size:12px 6px;}
/*col2 - notAnchor*/
.topAnchorLink.col2 ul li:nth-child(1) a:not([href^="#"]){background:url(/Portals/0/images/common/bg_arrow_red.png) right 15px center no-repeat #fff;background-size:6px 12px;}
.topAnchorLink.col2 ul li:nth-child(2) a:not([href^="#"]){background:url(/Portals/0/images/common/bg_arrow_white.png) right 15px center no-repeat #cb2828;background-size:6px 12px;}
/*col3*/
.topAnchorLink.col3 ul li:nth-child(1) a{border:1px solid #111;color:#111;background:url(/Portals/0/images/common/bg_arrow_anc.png) right 15px center no-repeat #fff;background-size:12px 6px;}
.topAnchorLink.col3 ul li:nth-child(2) a{color:#fff;background:url(/Portals/0/images/common/bg_arrow_anc_white.png) right 15px center no-repeat #111;background-size:12px 6px;}
.topAnchorLink.col3 ul li:nth-child(3) a{color:#fff;background:url(/Portals/0/images/common/bg_arrow_anc_white.png) right 15px center no-repeat #cb2828;background-size:12px 6px;}
/*col3 - notAnchor*/
.topAnchorLink.col3 ul li:nth-child(1) a:not([href^="#"]){background:url(/Portals/0/images/common/bg_arrow_red.png) right 15px center no-repeat #fff;background-size:6px 12px;}
.topAnchorLink.col3 ul li:nth-child(2) a:not([href^="#"]){background:url(/Portals/0/images/common/bg_arrow_white.png) right 15px center no-repeat #111;background-size:6px 12px;}
.topAnchorLink.col3 ul li:nth-child(3) a:not([href^="#"]){background:url(/Portals/0/images/common/bg_arrow_white.png) right 15px center no-repeat #cb2828;background-size:6px 12px;}

/* logoShop
---------------------------------------*/
.logoShop{text-align:center;}
.logoShop img{display:block;margin:0 auto;}
.logoShop p{padding:20px 0;}

/* boxTwotone
---------------------------------------*/
.boxTwotone{display:flex;align-items:stretch;margin:110px auto;}
.boxTwotone > div{width:50%;}
.boxTwotone .photo img{display:block;width:100%;}
.boxTwotone .text{background-color:#111;padding:50px;color:#fff;}
.boxTwotone .text h2{margin:0 0 32px;padding:0 0 15px;font-size:2rem;text-align:left;letter-spacing:normal;color:#fff;border-bottom:4px double #fff;font-family:'Century','serif';}
.boxTwotone .text h2::before{display:none;}
.boxTwotone .text p{font-size:1.143rem;}
.boxTwotone .text a{color:#f42929;}
.boxTwotone .text a:hover{color:#ff6b6b;}
.boxTwotone .text .linkBtn a,
.boxTwotone .text a.linkBtn{color:#fff;background-color:#111;border:1px solid #fff;}
.boxTwotone .text .linkBtn a:hover,
.boxTwotone .text a.linkBtn:hover{color:#111;background-color:#fff;}

/* textRight */
.boxTwotone.textRight .text{margin-bottom:50px;}
.boxTwotone.textRight .photo{margin-top:50px;}
/* textLeft */
.boxTwotone.textLeft .text{order:0;margin-top:50px;}
.boxTwotone.textLeft .photo{order:1;margin-bottom:50px;}

/* listProduct
---------------------------------------*/
.listProduct ul,
.listProduct ul li{margin:0;padding:0;list-style:none;}
.listProduct a{color:#000;display:block;}
.listProduct a:hover{opacity:0.8;text-decoration:none;}
.listProduct a .shopName{display:block;font-weight:bold;font-size:1.143em;}
.listProduct ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;}
.listProduct ul li{background-color:#eeebe3;width:280px;margin-bottom:30px;margin-left:40px;}
.listProduct ul li:first-child{margin-left:0;}
.listProduct ul li:nth-child(4n+1) {margin-left:0;}
.listProduct ul li > a{display:block;}
.listProduct ul li p{margin:0;padding:0;}
.listProduct ul li .image{background-color:#fff;}
.listProduct ul li .image img{display:block;width:100%;max-width:100%;}
.listProduct ul li .text{padding:20px;}
/*grand*/
.listProduct.grand ul li:nth-child(4n+1){margin-left:0;}
/*limited*/
.listProduct.limited ul li{background-color:#fff;width:190px;margin-bottom:30px;}
.listProduct.limited ul li:nth-child(6n+1){margin-left:0;}
.listProduct.limited ul li .text{padding:15px 0 0;}

/* tableShop
---------------------------------------*/
.tableShop table{width:100%;}
.tableShop table tr{border-bottom:1px dotted #666;}
.tableShop table th,
.tableShop table td{font-size:1.143rem;vertical-align:top;width:15%;vertical-align:top;padding:20px 0;}
.tableShop table th{font-weight:bold;}
.tableShop table > tbody > tr > td:nth-child(3){width:10%;}
.tableShop table > tbody > tr > td:nth-child(4){width:40%;}
.tableShop table > tbody > tr > td:nth-child(5){width:10%;}
.tableShop table > tbody > tr > td a.mapBtn{display:inline-block;line-height:1;font-size:1rem;background:url(/Portals/0/images/common/ico_mappin.png) 18px center no-repeat #cb2828;background-size:11px 16px;color:#fff;padding:8px 20px 8px 40px;transition:opacity 0.25s ease-out;}
.tableShop table > tbody > tr > td a.mapBtn:hover{opacity:0.7;text-decoration:none;}

/* tableShopInfo
---------------------------------------*/
.tableShopInfo{background-color:#111;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:30px 45px;}
.tableShopInfo > div{width:49.5%;}
.tableShopInfo > div table{width:100%;}
.tableShopInfo > div table tr{border-bottom:1px solid #fff;}
.tableShopInfo > div table th,
.tableShopInfo > div table td{padding:15px 0 15px 35px;color:#fff;}
.tableShopInfo > div table th{font-weight:500;width:30%;}
.tableShopInfo > div.left table th{padding-left:0;width:15%;}
.tableShopInfo a{color:#f42929;}
.tableShopInfo a:hover{color:#ff6b6b;}

/* tableShopMenu
---------------------------------------*/
.tableShopMenu{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin:0 auto 50px;}
.tableShopMenu > div{width:50%;}
.tableShopMenu > div table{width:100%;}
.tableShopMenu > div table th,
.tableShopMenu > div table td{padding:10px 0;vertical-align:top;}
.tableShopMenu > div table th{font-weight:500;width:75%;text-align:left;}
.tableShopMenu > div table td{text-align:left;}

/* listShop
---------------------------------------*/
.listShop ul,
.listShop ul li{margin:0;padding:0;list-style:none;}
.listShop ul li{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;margin-bottom:20px;}
.listShop ul li .images{width:310px;}
.listShop ul li .detail{width:calc(100% - 340px);}
.listShop ul li .detail > p{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.listShop ul li .detail h4{margin-top:0;}
.listShop ul li .detail em{display:block;width:120px;font-style:normal;}
.listShop ul li .detail > p > span{display:block;width:calc(100% - 120px);}

/* gMap
---------------------------------------*/
.gMap{margin-bottom:70px;}
.gMap iframe{display:block;width:100%;height:650px;}

/* carouselRecom
---------------------------------------*/
.ContentBottomPane h2.another{margin-top:0;}

.carouselRecom .carouselWrap{padding-bottom:50px;}
.carouselRecom .carouselWrap .slick-slide{margin:0 20px;transition:background-color 0.25s ease-out;}
.carouselRecom .carouselWrap .slick-slide:hover{background-color:rgba(255, 255, 255,0.6);}

.carouselRecom .carouselWrap .imglogo{position:relative;padding:0 0 20px;}
.carouselRecom .carouselWrap .imglogo img:first-of-type{width:100%;display:block;}
.carouselRecom .carouselWrap .imglogo .shopLogo{position:absolute;right:0;bottom:0;}
.carouselRecom .carouselWrap .text{padding:0 15px;}

/* slick theme */
.carouselRecom .carouselWrap .slick-arrow{top:0;height:100%;width:40px;background:url(/Portals/0/images/common/ico_slider_sp.png) left 13px top 100px no-repeat transparent;background-size:14px 44px;transform:none;z-index:1;}
.carouselRecom .carouselWrap .slick-arrow.slick-next{transform:scaleX(-1);}
.carouselRecom .carouselWrap .slick-arrow.slick-disabled{opacity:0.25;}
.carouselRecom .carouselWrap .slick-prev{left:-40px;}
.carouselRecom .carouselWrap .slick-next{right:-40px;}


/*========================================================
 company
========================================================*/
/* company
---------------------------------------*/
.companyWrap h2:before{bottom:3px;width:100%;background-color:#000;}
.companyWrap h2{margin-top:0;padding:0 0 13px;border-bottom:#000 solid 1px;}
.companyWrap .layoutItem{margin-bottom:80px;}
.companyWrap .layoutItem:last-child{margin-bottom:0;}
.companyWrap .txtBox{padding:30px 60px 0;}
.companyWrap .txtBox .txtLLarge{padding:0 0 40px 0;}
.companyWrap .layoutItem:nth-of-type(even) > .txtBox{order:0;}
.companyWrap .layoutItem:nth-of-type(even) > .img{order:1;}

/* about
---------------------------------------*/
table.addressTable{margin:0 auto;font-size: 114%;}
table.addressTable th,
table.addressTable td{padding:0.5em 1em;}
.aboutBg{background:url(/Portals/0/images/company/about/bg_img_01.png) left top no-repeat;}
.aboutBg .txtCatch{padding:50px 0 70px;font-weight:bold;font-size:157%;text-align:center;}
.aboutBg .boxBordered{width:70%;margin:0 auto;}
.basicInfoTable th{width:300px;}
ul.notifyList,
ul.notifyList li{list-style:none;margin:0;padding:0;}
ul.notifyList li{margin:0 auto 15px;padding:0 6px 15px;border-bottom:1px dotted #000;}
ul.notifyList li a{color:#111;}

/* business
---------------------------------------*/
.bisinessBrandList .image{margin:0 auto 10px;}
.bisinessBrandList .layoutItem.col3 li{position:relative;padding-bottom:50px;margin-bottom:40px;}
.bisinessBrandList li .linkBtn{position:absolute;bottom:0;left:0;right:0;}
.bisinessBrandList h4{margin-top:20px;}

/* history
---------------------------------------*/
.historyTable th{width:22%;}

/*========================================================
 shop
========================================================*/
/* shoplist
---------------------------------------*/
table.shopDataList.tableBasic th.name{width:22%;}
table.shopDataList.tableBasic tr:first-child th{text-align:center;}
table.shopDataList.tableBasic th.name{width:28%;}
table.shopDataList.tableBasic th.tel{width:10%;}
table.shopDataList.tableBasic th.time{width:25%;}

/*========================================================
 recruit
========================================================*/
/* recruit
---------------------------------------*/
.recruitWrap h2:before{bottom:3px;width:100%;background-color:#000;}
.recruitWrap h2{margin-top:0;padding:0 0 13px;border-bottom:#000 solid 1px;}
.recruitWrap .layoutItem{margin-bottom:80px;}
.recruitWrap .layoutItem:last-child{margin-bottom:0;}
.recruitWrap .txtBox{padding:30px 60px 0;}
.recruitWrap .txtBox .txtLLarge{padding:0 0 40px 0;}
.recruitWrap .layoutItem:nth-of-type(even) > .txtBox{order:0;}
.recruitWrap .layoutItem:nth-of-type(even) > .img{order:1;}

/*========================================================
 contact us
========================================================*/
.questionnaire-form.contactForm td{width:auto;}
.questionnaire-form.contactForm .tableBasic table{width:auto;margin:0;border:none;}
.questionnaire-form.contactForm .tableBasic table td{padding:0.2em;}
.questionnaire-form.contactForm .tableBasic table tr{border:none;}
.questionnaire-form.contactForm .tableBasic > tbody > tr > th{width:20%;}
.questionnaire-form.contactForm .tableBasic > tbody > tr > td > input[type="text"],
.questionnaire-form.contactForm .tableBasic > tbody > tr > td > textarea{width:80%;}
.questionnaire-form.contactForm .formSubmitBtn{margin-top:50px;text-align:center;}
.questionnaire-form.contactForm .required{color:#c00;font-size:80%;}
.questionnaire-form.contactForm .tableBasic{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.questionnaire-form.contactForm .formSubmitBtn input[type="submit"]{padding:10px 60px;border:#eeebe3 solid 1px;background-color:#eeebe3;text-decoration:none;transition:background-color 0.25s ease-out,color 0.25s ease-out;margin:10px;}
.questionnaire-form.contactForm .formSubmitBtn input[type="submit"]:hover{opacity:1;background-color:#fff;}
.questionnaire-form.contactForm .formSubmitBtn input[id*="btnInputConfirm"],
.questionnaire-form.contactForm .formSubmitBtn input[id*="btnInputNext"],
.questionnaire-form.contactForm .formSubmitBtn input[id*="btnConfirmSend"]{position:relative;border:1px solid #111;background-color:#111;color:#fff;}
.questionnaire-form.contactForm .formSubmitBtn input[id*="btnInputConfirm"]:hover,
.questionnaire-form.contactForm .formSubmitBtn input[id*="btnInputNext"]:hover,
.questionnaire-form.contactForm .formSubmitBtn input[id*="btnConfirmSend"]:hover{opacity:1;background-color:#fff;color:#111;text-decoration:none;}

/*========================================================
 sitemap
========================================================*/
ul.ulList_horizon.sitemap{width:100%;}
ul.ulList_horizon.sitemap li,
ul.ulList_horizon.sitemap li ul{margin:0;padding:0;}
ul.ulList_horizon.sitemap li a,
ul.ulList_horizon.sitemap li span{display:block;height:auto;padding:0.5em;line-height:normal;}
ul.ulList_horizon.sitemap > li > ul > li > a{padding:0.8em;background-color:rgb(241, 237, 234);font-weight:bold;margin-top: 5px;}
ul.ulList_horizon.sitemap > li > ul > li > ul{margin:0 0 1em 5em;padding:0.5em 0;}
ul.ulList_horizon.sitemap > li > ul > li > ul > li a,
ul.ulList_horizon.sitemap > li > ul > li > ul > li span{position:relative;padding-left:25px;border-bottom:#ccc solid 1px;}
ul.ulList_horizon.sitemap > li > ul > li > ul > li a::before,
ul.ulList_horizon.sitemap > li > ul > li > ul > li li span::before{content:"";display:block;position:absolute;top:0;bottom:0;left:10px;width:6px;height:2px;margin:auto;background-color:#cb2828;}
ul.ulList_horizon.sitemap > li > ul > li > ul > li li span::before{background-color:#000;}
ul.ulList_horizon.sitemap > li > ul > li > ul > li >span{padding-left:0.5em;font-weight:bold;}
ul.ulList_horizon.sitemap > li > ul > li > ul ul{margin:0 0 0 5em;}
ul.ulList_horizon.sitemap > li > a{margin:0 0 0.5em 0;background-color:#ada39a;font-weight:bold;font-size:120%;}
ul.ulList_horizon.sitemap > li > ul{margin:0 0 1em 2em;}

/* module
---------------------------------------------*/
/* calender */
.ui-datepicker-calendar thead .ui-datepicker-week-end span{display:block;}
.ui-datepicker-calendar thead .ui-datepicker-week-end span[title="日曜日"]{color:#cf1117;}
.ui-datepicker-calendar thead .ui-datepicker-week-end span[title="土曜日"]{color:#1e6ec4;}
.ui-datepicker-calendar tbody a.ui-state-default{text-align:center;}
.ui-datepicker-calendar tbody .holiday a.ui-state-default,
.ui-datepicker-calendar tbody .sunday a.ui-state-default{color:#cf1117;}
.ui-datepicker-calendar tbody .saturday a.ui-state-default{color:#1e6ec4;}

/* 2020.11.5 */
.questionnaire-form .formHidden{display:none;}
.questionnaire-form .formHidden + span{padding-left:10px;display:inline-block;}