/* BASIC css start */
@font-face { font-family: 'SDKukdetopokki'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SDKukdetopokki.woff') format('woff'); font-weight: normal; font-style: normal; }

.area_main {
    padding-top:85px;
}

.area_best .slick-arrow {
    background-image: url("/design/nsd17/asset/img/arrow_r.png");
    width:40px;
    height:40px;
    margin:-100px 40px 0;
}

#slide_kv .slick-arrow {
    background-image: url("/design/nsd17/asset/img/arrow_w.png");
    width:40px;
    height:60px;
    margin:0 50px;
}

#kv_nav {
    display: block;
    display: flex;
    justify-content: center;
    text-align: center;
}
#kv_nav li {
    display: inline-block;
}
#kv_nav li a {
    display: block;
    height:100%;
    white-space: nowrap;
    padding:1em 2em;
}
#kv_nav li.active a {
    font-weight: 700;
    color:#ff7143;
    border-bottom:3px solid #ff7143;
}

.area_best {
    padding:85px 0 125px 0;
}
.area_best .area_content {
    display: flex;
    white-space: nowrap;
    justify-content: space-between;
}
.area_best .box_type_a {
    /*width:32%;*/
    width:440px;
    margin-right:1.8%;
}
.area_best .box_type_a:last-child {
    margin-right:0;
}
.area_best .box_type_a p {
    line-height: 1.6em;
    font-size:1.1em;
}
#slide_best {
    width:1130px;
    margin:auto;
}
#slide_best a {
    display: block;
    width:260px;
    margin:0 15px;
}
#slide_best a .img_wrap {
    width:260px;
    height:260px;
    margin-bottom: 1em;
}
#slide_best a .desc {
    text-align: center;
    word-break: keep-all;
}
#slide_best a p {
    text-align: center !important;
}
#slide_best a p img {
    display: inline !important;
}
#slide_best a .item_name {
    font-size: 1.25em;
    line-height:2em;
}
#slide_best a .item_price {
    width:100%;
}
#slide_best a .item_icon {
    width:100%;
    margin-top:1em;
}

.area_tip {
    white-space: nowrap;
    display: flex;
}

.area_cp {
    background: url("/design/nsd17/asset/img/main/localfood_bg.jpg") center center;
    background-size: cover;
    height:450px;
    font-size:3.125em;
    font-weight: 300;
    line-height: 1.2em;
    color:#fff;
    position: relative;
    text-align: center;
    letter-spacing: -2px;
}

.area_story {
    padding:95px 0;
}
.stamp110 {
    width:110px;
    margin-bottom: 2em;
}
.area_story .area_title_b p {
    font-size:1.1em;
}
#slide_story .slick-arrow {
    background-image: url("/design/nsd17/asset/img/arrow_a.png");
    width:40px;
    height:52px;
    margin:-85px 25px 0;
}
#slide_story .slide_item dl {
    display:block;
    width:400px;
    margin:0 20px;
    padding-top:430px;
    position: relative;
    text-align: center;
}
#slide_story .slide_item dt {
    color: #ff7143;
    display: inline-block;
    border-bottom:1px solid #ff7143;
}
#slide_story .slide_item .quot {
    text-align: center;
    font-size: 1.2em;
    line-height:1.5em;
    letter-spacing: -1px;
    margin-top:0.5rem;
}
#slide_story .slide_item .quot p {
    margin-top:-0.5em;
}
#slide_story .slide_item .quot:before {
    content:'“';
}
#slide_story .slide_item .quot:after {
    content:'”';
}
#slide_story .slide_item .name {
    color:#888;
}
#slide_story .slide_item .img_wrap {
    display: block;
    width:400px;
    height:400px;
    position: absolute;
    top:0;
    left:0;
    overflow: hidden;
    border-radius: 100%;
}
#slide_story .slide_item .img_wrap img {
    width:100%;
    height:100%;
}

.area_promise .area_content {
    display: flex;
    justify-content: space-between;
}
.area_promise .box_type_b {
    /*width:48%;*/
    width:655px;
    margin-right:2%;
}
.area_promise .box_type_b:last-child {
    margin-right:0;
}
.area_promise .box_type_b .stamp {
    position: absolute;
    right:1em;
    bottom:0;
    transform: translateY(35%);
}

.area_recomm .area_content {
    display: flex;
    justify-content: space-between;
}
.area_recomm .box_type_b {
    /*width:32%;*/
    width:442px;
    margin-right:1%;
}
.area_recomm .box_type_b:last-child {
    margin-right:0;
}
.area_recomm .box_type_b .theme_more {
    margin-top:2em;
}

.area_recipe2 .list_overlay li {
    width:262px;
    height:198px;
    margin-right: 12px;
    margin-bottom:15px;
}
.area_recipe2 .list_overlay li:nth-child(5n) {
    margin-right: 0;
}
.area_recipe2 .list_overlay li .overlay {
    width:222px;
    height:158px;
}
.area_recipe2 .list_overlay li .img_wrap {
    width:100%;
    height:100%;
}

.area_loc_cs .wrap {
    display: flex;
    white-space: nowrap;
    justify-content: space-between;
}
.area_loc_cs .box_type_b {
    width:100%;
}
.area_location .inner_wrap {
    position:relative;
}
.area_location .txt_wrap {
    display: inline-block;
    text-align: center;
    width:240px;
    padding-top:1em;
    vertical-align: top;
}
.area_location strong {
    font-size:1.25em;
    line-height: 1.5em;
    padding:1em 0 2em;
    display: block;
    font-weight: 400;
}
.area_location .img_wrap {
    width:364px;
    height:317px;
    display: inline-block;
}

.area_cs .inner_wrap {
    padding:2.5rem 4.375rem;
}
.area_cs .inner_wrap:first-child {
    border-bottom:1px solid #eaeaea;
}
.area_cs .tel {
    font-family: 'Khand', sans-serif;
    font-size:3.125em;
    line-height: 1.5em;
    font-weight: 400;
}
.area_cs p {
    color:#888;
    display: block;
}
.area_cs .time {
    margin-bottom: 2em;
}
.area_cs .icon_list {
    padding:2.5rem 3rem;
}
.area_cs .icon_list li {
    display: inline-block;
    width:100px;
    border-right:1px solid #eaeaea;
}
.area_cs .icon_list li:last-child {
    border-right:0;
}

.area_boards .wrap {
    display: flex;
    justify-content: space-between;
}
.area_boards .box_type_b {
    float: left;
    height:273px;
}
.area_boards .box_board {
    width:400px;
    margin-right:20px;
}
.area_boards .preserved {
    width:526px;
    background: url("/design/nsd17/asset/img/main/preserved_bg.jpg") no-repeat;
    position: relative;
}
.area_boards .preserved div {
    position: absolute;
    bottom:2.8em;
    width:100%;
    text-align: center;
}
.area_boards .preserved strong {
    color:#fff;
    font-size:1.8em;
}

.area_tip h2 {
    font-size:2.4em;
    margin-bottom:1em;
    font-weight: 500;
}
.area_tip h2 p {
    font-size:1.2rem;
}
.area_tip .wrap {
    position: relative;
}
.area_tip .left {
    position: absolute;
    top:7rem;
    left:0;
    z-index: 2;
}
.area_tip .left .theme_more {
    font-size:1rem;
    font-weight: 500;
    padding:0.5em 3em;
}
.area_tip .right {
    padding:12rem 0 5.2rem 52%;
    position: relative;
    right:0;
}
.list_tip li {
    display: block;
    position: relative;
    padding-left: 4.2em;
    margin-bottom:1.8em;
    color:#888;
}
.list_tip li .icon {
    display: block;
    width:3.75em;
    height:3.75em;
    position: absolute;
    left:0;
    top:0;
}
.list_tip li strong {
    display: block;
    font-size:1.2em;
    line-height:1.6em;
    color:#333;
}

.area_recipe {
    height:870px;
    background: url("/design/nsd17/asset/img/main/recipe_bg.jpg") center center repeat-x;
    padding-top:180px;
}
.area_recipe .area_title_b h2 {
    font-weight: 500;
}
.area_recipe .area_title_b p {
    font-weight: 300;
    font-size:1.1em;
}
#slide_recipe .slick-arrow {
    background-image: url("/design/nsd17/asset/img/arrow_a.png");
    width:40px;
    height:40px;
}
#slide_recipe .slick-prev {
    left:-50px;
}
#slide_recipe .slick-next {
    right:-50px;
}
#slide_recipe a {
    display: block;
    width:220px;
    height:220px;
    margin:0 24px;
    position: relative;
}
#slide_recipe .round_tag {
    display: block;
    width:120px;
    height:120px;
    overflow: hidden;
    border-radius: 100%;
    position: absolute;
    left:0;
    top:0;
    z-index: 2;
    background-color: rgba(255,133,67,0.9);
    box-shadow: 1px 5px 20px rgba(0,0,0,0.5);
    color:#fff;
    font-family: 'SDKukdetopokki', sans-serif;
    font-weight: normal;
    letter-spacing: -1px;
}
.img_round {
    border-radius: 100%;
    overflow: hidden;
}
.area_recipe .area_btn {
    text-align: center;
    padding-top:90px;
}

.area_boards {
    margin-top:30px;
}

.main_cont_tail {
    margin-top:90px;
    padding-bottom: 90px;
}

/* BASIC css end */

